大家好，我是宝弟！
今天给大家推荐一个基于 Vue3.x + TypeScript 的在线演示文稿（幻灯片）应用PPTist，PPTist还原了大部分 Office PowerPoint 常用功能，支持 文字、图片、形状、线条、图表、表格、视频、音频、公式 几种最常用的元素类型，每一种元素都拥有高度可编辑能力，同时支持丰富的快捷键和右键菜单，支持导出本地 PPTX 文件，支持移动端基础编辑和预览，支持 PWA。您可以在此基础上搭建自己的在线幻灯片应用。.
├── assets // 静态资源│ ├── fonts // 在线字体文件│ └── styles // 样式│ ├── antd.scss // antd默认样式覆盖│ ├── font.scss // 在线字体定义│ ├── global.scss // 通用全局样式│ ├── mixin.scss // scss全局混入│ ├── variable.scss // scss全局变量│ └── prosemirror.scss // ProseMirror 富文本默认样式├── components // 与业务逻辑无关的通用组件├── configs // 配置文件，如：画布尺寸、字体、动画配置、快捷键配置、预置形状、预置线条等数据。├── hooks // 供多个组件（模块）使用的 hooks 方法├── mocks // mocks 数据├── plugins // 自定义的 Vue 插件├── types // 类型定义文件├── store // Pinia store，参考：https://pinia.vuejs.org/├── utils // 通用的工具方法└── views // 业务组件目录，分为 `编辑器` 和 `播放器` 两个部分。├── components // 公用的业务组件├── Editor // 编辑器模块├── Screen // 播放器模块└── Mobile // 移动端模块
幻灯片的数据主要由 slides 和 theme 两部分组成。换句话说，在实际的生产环境中，一般只需要存储这两项数据即可。
slides表示幻灯片页面数据，包括每一页的ID、元素内容、备注、背景、动画、切页方式等信息theme表示幻灯片主题数据，包括背景色、主题色、字体颜色、字体等信息
npm installnpm run serve
组合元素重构：能够支持组合元素进行旋转、缩放、整体执行动画等；
导入本地PPTX文件；
导出HTML文件；
将 Vue CLI 更换到 Vite 生态；
资源获取方式
https://github.com/pipipi-pikachu/PPTist
