PPTIST
\",\n rotate: 0,\n defaultFontName: \"Microsoft Yahei\",\n defaultColor: \"#333\"\n },\n {\n name: \"文本2\",\n type: \"text\",\n id: \"7stmVP\",\n left: 355,\n top: 253.25,\n width: 585,\n height: 56,\n content:\n \"基于 Vue 3.x + TypeScript 的在线演示文稿应用
\",\n rotate: 0,\n defaultFontName: \"Microsoft Yahei\",\n defaultColor: \"#333\"\n },\n {\n name: \"线条\",\n type: \"line\",\n id: \"FnpZs4\",\n left: 361,\n top: 238,\n start: [0, 0],\n end: [549, 0],\n points: [\"\", \"\"],\n color: \"#5b9bd5\",\n style: \"solid\",\n width: 2\n }\n ],\n background: {\n type: \"solid\",\n color: \"#ffffff\"\n }\n}\n\n// 听写页\n{\n id: \"39FFFBBE2B08D1CFD8FCA24DE655B35B\",\n type: \"listen\",\n viewportRatio: 0.5625,\n elements: [],\n listenWords: [\n {\n id: \"39FED7308B47FE07436EC33844DE78F5\",\n name: \"苹果1\",\n file: \"TeachPageFile/EFF4D19486842BDF411839B61AE22B71.mp3\",\n extention: \"mp3\",\n pageWordID: \"39FFFC10573FB3AD0BC87C17A08E2AD5\"\n },\n {\n name: \"121212\",\n id: \"39FECC5CDF3022C43C032688958B16BF\",\n file: \"TeachPageFile/28D7326F7772879CDCF564A2A755B264.m4a\",\n extention: \"m4a\",\n pageWordID: \"39FFFC10574015C89FAEF9355BB5E7CB\"\n },\n {\n name: \"121212\",\n id: \"39FECC5CDF3022C43C032688958B16BF\",\n file: \"TeachPageFile/28D7326F7772879CDCF564A2A755B264.m4a\",\n extention: \"m4a\",\n pageWordID: \"39FFFC65054430D68B36F090A1875989\"\n },\n {\n name: \"测试\",\n id: \"39FEBCA9648BE111E08E1B4CD1C5104E\",\n file: \"TeachPageFile/814F94E1DBA66566099B0787FA7678D7.mp4\",\n extention: \"mp4\",\n pageWordID: \"39FFFC654B2BDC6027B84AE7E1021F3A\"\n },\n {\n name: \"敦实\",\n id: \"39FEBCA933D981CE5D2A348A65ABC0DB\",\n file: \"TeachPageFile/CA7DC5A89DD86B2DD66B8D996EAB67E3.mp3\",\n extention: \"mp3\",\n pageWordID: \"39FFFC654B2B2A9804F1F6914BF1D786\"\n }\n ],\n background: {\n type: \"solid\",\n color: \"#ffffff\"\n }\n}\n\n// 跟读页\n{\n id: \"39FFFBBE2B08D1CFD8FCA24DE655B35B\",\n type: \"follow\",\n viewportRatio: 0.5625,\n elements: [],\n follow: {\n src: \"ElementFile/435F9C581336C2582C98A7708699585D.mp4\"\n },\n background: {\n type: \"solid\",\n color: \"#ffffff\"\n }\n}\n```\n\n**_【注】：支持数据导入和导出_**\n\n### 5.0.0版本针对动画进行数据大调整，数据增加版本号\n\n```js\nimport { version } from \"wincard\";\n// 获取插件支持数据版本号，与使用的slide数据的版本号进行比较，当不支持时，需要对相应的数据进行相应的处理\n// 1.0.0，数据当中没有版本号的数据我们这里统称为1.0.0版本数据\n// 针对1.0.0的数据，其中的步骤数据字段steps没有了，统一使用animations，事件的里的数据结构也进行的调整和anmaitions的数据结构保持一致\n// 相关处理代码示例\nexport const dealAnimationData = (slide: Slide) => {\n if (slide.steps) {\n const steps = slide.steps;\n delete slide.steps;\n\n let animations: PPTAnimation[] = [];\n // 当步骤中存在进入与退出动画时，只管进入动画，舍弃退出动画\n steps.forEach(actions => {\n const _animation = getAnimations(actions || []);\n animations = animations.concat(_animation);\n });\n\n slide.animations = animations;\n }\n\n slide.elements.forEach(element => {\n element.actions = getAnimations((element.actions as unknown || []) as PPTElementAction[]);\n });\n\n return slide;\n};\n\nconst getAnimations = (actions: PPTElementAction[]) => {\n const animations: PPTAnimation[] = [];\n actions.forEach((item, index) => {\n const type = item.inAni ? \"in\" : item.outAni ? \"out\" : \"in\";\n animations.push({\n id: createRandomCode(),\n elId: item.target,\n ani: (type === \"in\" ? item.inAni : item.outAni) || \"\",\n type,\n path: type === \"in\" ? item.inPath : item.outPath,\n duration: item.duration || 0,\n trigger: index === 0 ? \"click\" : \"meantime\"\n });\n });\n return animations;\n};\n```\n\n### 6.0.0版本\n- #### 引入`font.css`\n\n```js\nimport \"node_modules/wincard/dist/font.css\";\n```\n\n- #### 使用`MathJax@3.2.2`版本，在使用本插件，需要引入该版本插件\n\n```js\n// 引入mathjax\n// 处理批量初始化问题\nconst callbackArr: (() => void)[] = [];\nlet isInit = true;\n\nexport const initMathJax = (config = {}, callback?: () => void) => {\n if (window.MathJax) return callback && callback();\n if (isInit) {\n isInit = false;\n const script = document.createElement(\"script\");\n script.src = \"./mathjax/3.2.2/tex-svg-full.js\";\n script.async = true;\n document.head.appendChild(script);\n // 没有找到好的配置解决办法，这里直接在localstorage里存入配置值\n // localStorage.setItem(\"MathJax-Menu-Settings\", '{\"renderer\":\"svg\"}');\n const defaultConfig = {\n loader: { load: [\"[tex]/unicode\", \"[tex]/mhchem\"] },\n tex: {\n packages: { \"[+]\": [\"unicode\", \"mhchem\"] },\n inlineMath: [['\\\\(', '\\\\)']],\n displayMath: [\n ['$$', '$$'],\n ['\\\\[', '\\\\]']\n ],\n processEscapes: true\n },\n options: {\n enableMenu: false,\n menuOptions: {\n settings: {\n renderer: \"svg\"\n }\n }\n },\n startup: {\n pageReady: () => {\n callback && callback();\n\n if (callbackArr.length > 0) {\n for (const c of callbackArr) {\n c();\n }\n }\n }\n }\n };\n\n const mergeConfig = Object.assign({}, defaultConfig, config);\n window.MathJax = mergeConfig;\n } else {\n if (callback) callbackArr.push(callback);\n }\n};\n\ninitMathJax();\n```\n- ### 编辑操作\n\n```js\n SORT = \"sort\", // 排序\n SAVE = \"save\", // 保存\n RENAME = \"rename\", // 重命名\n PREVIEW = \"preview\", // 预览\n STICKUP = \"stickup\", // 粘贴\n SHOW_HIDE = \"show_hide\", // 显示或隐藏\n IMPORT_PPT = \"import_ppt\", // 导入ppt\n CREATE_PAGE = \"create_page\", // 创建页\n GAME_CONFIG = \"game_config\", // 游戏配置\n HANDOFF_PAGE = \"handoff_page\", // 切换页\n INSERT_VIDEO = \"insert_video\", // 插入视频\n UPDATE_VIDEO = \"update_video\", // 更换视频\n SAVE_ELEMENT = \"SAVE_ELEMENT\", // 保存素材\n SAVE_TEMPLATE = \"save_template\", // 保存模板\n CREATE_FOLDER = \"create_folder\", // 创建文件夹\n SELECT_HYPERLINK = \"select_hyperlink\", // 选择超链接\n DELETE_HYPERLINK = \"delete_hyperlink\", // 删除超链接\n REMOVE_CARD_PAGE = \"remove_card_page\", // 删除卡或者页\n LESSON_PLAN_DESIGN = \"lesson_plan_design\", // 教案设计\n APPLY_BACKGROUND = \"apply_background\", // 当前背景应用于所有幻灯片\n```\n","readmeFilename":"README.MD","author":{"name":"moneyinto"},"license":"ISC"}