{{ CHART_TYPE_MAP[chart] }}
+ ${content}
`
+ const parser = new window.DOMParser()
+ const element = parser.parseFromString(htmlString, 'text/html').body.firstElementChild
+ return DOMParser.fromSchema(schema).parse(element as Element)
+}
+
+export const initProsemirrorEditor = (
+ dom: Element,
+ content: string,
+ props: Omit') + const paragraphs = htmlText.split('
') + let string = '' + for (const paragraph of paragraphs) { + if (paragraph) string += `
${paragraph}
`
+ }
+ return string
+}
\ No newline at end of file
diff --git a/frontend/src/views/Editor/AIPPTDialog.vue b/frontend/src/views/Editor/AIPPTDialog.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f6dab90a6b6824202c8acb6aa50b454669333678
--- /dev/null
+++ b/frontend/src/views/Editor/AIPPTDialog.vue
@@ -0,0 +1,351 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/AlignmentLine.vue b/frontend/src/views/Editor/Canvas/AlignmentLine.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3404ef685791048e353cbbaffd5de4a2af963569
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/AlignmentLine.vue
@@ -0,0 +1,49 @@
+
+
+ AIPPT
+ 从下方挑选合适的模板，开始生成PPT
+ 确认下方内容大纲（点击编辑内容，右键添加/删除大纲项），开始选择模板
+ 在下方输入您的PPT主题，并适当补充信息，如行业、岗位、学科、用途等
+
+
+
+
+
+ {{ keyword.length }} / 50
+ {{ language === 'zh' ? '中' : '英' }}
+
+
+ {{ item }}
+
+
+
+ 选择AI模型：
+
+
+
+ {{ outline }}
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/EditableElement.vue b/frontend/src/views/Editor/Canvas/EditableElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b191bf0ab6576e35984f20ddabb4ecb3565f42e1
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/EditableElement.vue
@@ -0,0 +1,167 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/ElementCreateSelection.vue b/frontend/src/views/Editor/Canvas/ElementCreateSelection.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d20a14d1f31cdb9179f0ed0465b8a95e59a4b134
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/ElementCreateSelection.vue
@@ -0,0 +1,231 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/GridLines.vue b/frontend/src/views/Editor/Canvas/GridLines.vue
new file mode 100644
index 0000000000000000000000000000000000000000..13f968a03c6f66e4f5252ff3a72918d132f7ebde
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/GridLines.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/LinkDialog.vue b/frontend/src/views/Editor/Canvas/LinkDialog.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a2c06ea197805a8f30332360324c8427c61b3042
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/LinkDialog.vue
@@ -0,0 +1,130 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/MouseSelection.vue b/frontend/src/views/Editor/Canvas/MouseSelection.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a40b0312d9b2a3348f4e2a037965a09e2c915423
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/MouseSelection.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/BorderLine.vue b/frontend/src/views/Editor/Canvas/Operate/BorderLine.vue
new file mode 100644
index 0000000000000000000000000000000000000000..779caa2968f4feb60cd59067d1e30db78a743ebf
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/BorderLine.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/CommonElementOperate.vue b/frontend/src/views/Editor/Canvas/Operate/CommonElementOperate.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b7d2f236c33b65dd239d7965da7785537764814b
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/CommonElementOperate.vue
@@ -0,0 +1,64 @@
+
+
+
+
+ 预览：
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/ImageElementOperate.vue b/frontend/src/views/Editor/Canvas/Operate/ImageElementOperate.vue
new file mode 100644
index 0000000000000000000000000000000000000000..bf728c24c53e55edc3c8eb70fe71f7fd885c10a6
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/ImageElementOperate.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/LineElementOperate.vue b/frontend/src/views/Editor/Canvas/Operate/LineElementOperate.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5fa42418e76b87bb2f08497b2fc0d98f150a7407
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/LineElementOperate.vue
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/LinkHandler.vue b/frontend/src/views/Editor/Canvas/Operate/LinkHandler.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6e60d6c07fae5c60f14359ed28c5570b6da2129d
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/LinkHandler.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue b/frontend/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6ea8df8718f548906b8d14fffb140a275cf9adf8
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/ResizeHandler.vue b/frontend/src/views/Editor/Canvas/Operate/ResizeHandler.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1f6d175a8cfec26cff4a88ab876fa9120623b804
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/ResizeHandler.vue
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/RotateHandler.vue b/frontend/src/views/Editor/Canvas/Operate/RotateHandler.vue
new file mode 100644
index 0000000000000000000000000000000000000000..49456706613dd5b91510eb19546264a216795751
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/RotateHandler.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue b/frontend/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2e6d65a905c3d6f93af13cf915e2f27ea830c658
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/TableElementOperate.vue b/frontend/src/views/Editor/Canvas/Operate/TableElementOperate.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b4811dca80c0f967f9e72e764678dc0b61d61dc5
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/TableElementOperate.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/TextElementOperate.vue b/frontend/src/views/Editor/Canvas/Operate/TextElementOperate.vue
new file mode 100644
index 0000000000000000000000000000000000000000..68caf46254b50ce71dc421a4353b95ba93836c7a
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/TextElementOperate.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Operate/index.vue b/frontend/src/views/Editor/Canvas/Operate/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8296d16d3a319d292dd7e904d49004090a46d0f5
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Operate/index.vue
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/Ruler.vue b/frontend/src/views/Editor/Canvas/Ruler.vue
new file mode 100644
index 0000000000000000000000000000000000000000..888563bf3138ad52f15e710809be04a9d227f2c8
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/Ruler.vue
@@ -0,0 +1,199 @@
+
+
+
+
+ {{index + 1}}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/ShapeCreateCanvas.vue b/frontend/src/views/Editor/Canvas/ShapeCreateCanvas.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8b2b3cbd182e8f840141419e423acfb1c4d8a9de
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/ShapeCreateCanvas.vue
@@ -0,0 +1,195 @@
+
+
+
+
+ {{ marker * 100 }}
+
+
+
+
+
+
+ {{ marker * 100 }}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Canvas/ViewportBackground.vue b/frontend/src/views/Editor/Canvas/ViewportBackground.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0d55c1d77d64013fc6b0db77d9b09095d6a2862b
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/ViewportBackground.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/views/Editor/Canvas/hooks/useCommonOperate.ts b/frontend/src/views/Editor/Canvas/hooks/useCommonOperate.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1f0f701b1fd0d7299472815072dd70853fade901
--- /dev/null
+++ b/frontend/src/views/Editor/Canvas/hooks/useCommonOperate.ts
@@ -0,0 +1,49 @@
+import { computed, type Ref } from 'vue'
+import { OperateResizeHandlers, OperateBorderLines } from '@/types/edit'
+
+export default (width: Ref
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/CanvasTool/ChartPool.vue b/frontend/src/views/Editor/CanvasTool/ChartPool.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5ff76d3ea73427244f65f6a76f0f0f5a0e535d3e
--- /dev/null
+++ b/frontend/src/views/Editor/CanvasTool/ChartPool.vue
@@ -0,0 +1,68 @@
+
+ -
+
-
+ ++
+ + + + + + + + +
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/CanvasTool/MediaInput.vue b/frontend/src/views/Editor/CanvasTool/MediaInput.vue
new file mode 100644
index 0000000000000000000000000000000000000000..854d614deac00ac752619dd79a279cd6e7cf3f8a
--- /dev/null
+++ b/frontend/src/views/Editor/CanvasTool/MediaInput.vue
@@ -0,0 +1,75 @@
+
+
+
+ {{item.type}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue b/frontend/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0efd43cad2de58b311ed54c6eaf65ae41c52940b
--- /dev/null
+++ b/frontend/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/CanvasTool/ShapePool.vue b/frontend/src/views/Editor/CanvasTool/ShapePool.vue
new file mode 100644
index 0000000000000000000000000000000000000000..acd0d9d3d7e9f2b17e13666a26554d47a9baf01d
--- /dev/null
+++ b/frontend/src/views/Editor/CanvasTool/ShapePool.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/CanvasTool/TableGenerator.vue b/frontend/src/views/Editor/CanvasTool/TableGenerator.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1a6efa3d48cca0043d759f1b853bf92d5be62547
--- /dev/null
+++ b/frontend/src/views/Editor/CanvasTool/TableGenerator.vue
@@ -0,0 +1,162 @@
+
+
+
+ {{item.type}}
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/CanvasTool/index.vue b/frontend/src/views/Editor/CanvasTool/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f0caadfc6a23d5e3da664c8e783b7fab5cbb4b71
--- /dev/null
+++ b/frontend/src/views/Editor/CanvasTool/index.vue
@@ -0,0 +1,361 @@
+
+
+
+ 表格 {{endCell.length ? `${endCell[0]} x ${endCell[1]}` : ''}}
+ {{ isCustom ? '返回' : '自定义'}}
+ | + + | +
+
+
+
+ 行数：
+
+
+ 列数：
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/EditorHeader/HotkeyDoc.vue b/frontend/src/views/Editor/EditorHeader/HotkeyDoc.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e2e0cf75fa7a9fc54713272254c764aaec3a1cc0
--- /dev/null
+++ b/frontend/src/views/Editor/EditorHeader/HotkeyDoc.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+ 批注面板
+ 选择窗格
+ 查找替换
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 自由绘制
+
+
+
+
+
+
+ {{item}}%
+ 适应屏幕
+
+ {{canvasScalePercentage}}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/EditorHeader/index.vue b/frontend/src/views/Editor/EditorHeader/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..78427b4a272e30cf17a5c8f091b26d52475c70a4
--- /dev/null
+++ b/frontend/src/views/Editor/EditorHeader/index.vue
@@ -0,0 +1,331 @@
+
+ {{item.type}}
+
+
+
+
+ {{hotkey.label}}
+ {{hotkey.value}}
+
+ {{hotkey.label}}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/ExportDialog/ExportImage.vue b/frontend/src/views/Editor/ExportDialog/ExportImage.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4547e14113f9e16201b424b672238afa3bcc0bcc
--- /dev/null
+++ b/frontend/src/views/Editor/ExportDialog/ExportImage.vue
@@ -0,0 +1,185 @@
+
+
+
+
+ 新建演示文稿
+ 保存当前PPT
+ 我的PPT
+ 导入 pptist 文件
+ 导入 pptx 文件
+ 重置幻灯片
+ 进入全屏
+ 快捷键
+ 退出登录
+ AI 生成 PPT
+
+ 导入 pptx 文件（测试版）
+
+
+ 导入 pptist 文件
+
+ 导出文件
+ 重置幻灯片
+ 幻灯片类型标注
+ 意见反馈
+ 常见问题
+ 快捷操作
+
+
+
+
+
+
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/ExportDialog/ExportJSON.vue b/frontend/src/views/Editor/ExportDialog/ExportJSON.vue
new file mode 100644
index 0000000000000000000000000000000000000000..bdda8921ce934cafdaa45b2d9b8b4b8c4fbb34f1
--- /dev/null
+++ b/frontend/src/views/Editor/ExportDialog/ExportJSON.vue
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+
+
+ JPEG
+ PNG
+
+
+ 导出格式：
+
+
+ 全部
+ 当前页
+ 自定义
+
+
+ 导出范围：
+
+
+
+ 自定义范围：
+
+
+
+ 图片质量：
+
+
+ 忽略在线字体：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/ExportDialog/ExportPDF.vue b/frontend/src/views/Editor/ExportDialog/ExportPDF.vue
new file mode 100644
index 0000000000000000000000000000000000000000..57e9fa3efdbc5d27e29c3252500bbb8bcacd1ee5
--- /dev/null
+++ b/frontend/src/views/Editor/ExportDialog/ExportPDF.vue
@@ -0,0 +1,168 @@
+
+
+
+
+ {{ json }}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/ExportDialog/ExportPPTX.vue b/frontend/src/views/Editor/ExportDialog/ExportPPTX.vue
new file mode 100644
index 0000000000000000000000000000000000000000..301317774e5f96b4c0885a8e5c58fce3956b26bb
--- /dev/null
+++ b/frontend/src/views/Editor/ExportDialog/ExportPPTX.vue
@@ -0,0 +1,149 @@
+
+
+
+
+
+
+
+
+
+
+ 全部
+ 当前页
+
+
+ 导出范围：
+
+
+ 每页数量：
+
+
+
+ 边缘留白：
+
+
+
+ 提示：若打印预览与实际样式不一致，请在弹出的打印窗口中勾选【背景图形】选项。
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/ExportDialog/ExportSpecificFile.vue b/frontend/src/views/Editor/ExportDialog/ExportSpecificFile.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7cd5cecc0eeb12385f1e9932eeb13d931dc72e5c
--- /dev/null
+++ b/frontend/src/views/Editor/ExportDialog/ExportSpecificFile.vue
@@ -0,0 +1,130 @@
+
+
+
+
+
+ 全部
+ 当前页
+ 自定义
+
+
+ 导出范围：
+
+
+ 自定义范围：
+
+
+ 忽略音频/视频：
+
+
+
+
+
+ 覆盖默认母版：
+
+
+
+ 提示：1. 支持导出格式：avi、mp4、mov、wmv、mp3、wav；2. 跨域资源无法导出。
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/ExportDialog/index.vue b/frontend/src/views/Editor/ExportDialog/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0a82016523e1e195fdf485536fbbcb82005a206b
--- /dev/null
+++ b/frontend/src/views/Editor/ExportDialog/index.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+ 全部
+ 当前页
+ 自定义
+
+
+ 导出范围：
+
+
+ 自定义范围：
+
+ 提示：.pptist 是本应用的特有文件后缀，支持将该类型的文件导入回应用中。
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/MarkupPanel.vue b/frontend/src/views/Editor/MarkupPanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..167dcd3d680f2cc0aaebe98f9478b2b4f11b1cae
--- /dev/null
+++ b/frontend/src/views/Editor/MarkupPanel.vue
@@ -0,0 +1,190 @@
+
+
+
+
+
+
+
+ 当前页面类型：
+
+
+
+ 当前文本类型：
+
+
+
+ 当前图片类型：
+
+ 选中图片、文字、带文字的形状，标记类型
+
+
+
+
+
+
+
+
+
+
+
+
+ 回复
+ 删除
+ {{ note.content }}
+
+
+
+
+
+
+
+ 本页暂无批注
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/Editor/Remark/index.vue b/frontend/src/views/Editor/Remark/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a9321b8e89213ebfcf42ec4b8ad2531b14ccb03a
--- /dev/null
+++ b/frontend/src/views/Editor/Remark/index.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/SearchPanel.vue b/frontend/src/views/Editor/SearchPanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..22b0fbd5e374919e3b053a5f6eaf097861f097a0
--- /dev/null
+++ b/frontend/src/views/Editor/SearchPanel.vue
@@ -0,0 +1,151 @@
+
+
+
+
+ {{searchIndex + 1}}/{{searchResults.length}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 组合
+
+
+
+ {{groupItem.name || ELEMENT_TYPE_ZH[groupItem.type]}}
+
+
+
+
+
+
+ {{item.name || ELEMENT_TYPE_ZH[item.type]}}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Thumbnails/index.vue b/frontend/src/views/Editor/Thumbnails/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e79dc7f2876c7bf3cdad49d63e39e91db4b120e6
--- /dev/null
+++ b/frontend/src/views/Editor/Thumbnails/index.vue
@@ -0,0 +1,811 @@
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+ {{ item.label }}
+ 插入全部
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementAnimationPanel.vue b/frontend/src/views/Editor/Toolbar/ElementAnimationPanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a89eab052d2bfebe652cdd2b717ff8516d9a5e40
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementAnimationPanel.vue
@@ -0,0 +1,498 @@
+
+
+
+
+
+
+
+
+ {{ element?.sectionTag ? (element?.sectionTag?.title || '无标题节') : '默认节' }}
+
+
+
+ {{ fillDigit(index + 1, 2) }}
+ {{ element.notes.length }}
+ 幻灯片 {{slideIndex + 1}} / {{slides.length}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementPositionPanel.vue b/frontend/src/views/Editor/Toolbar/ElementPositionPanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d2b83a2673fe679e17dc6f26e201d30cfe1be16f
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementPositionPanel.vue
@@ -0,0 +1,316 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{effect.name}}：
+
+
+
+
+ {{item.name}}
+
+
+
+
+
+
+ {{element.index}}
+ 【{{element.elType}}】{{element.animationEffect}}
+
+
+
+
+
+
+ 持续时长：
+
+
+ 触发方式：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ac127d246deb88c7bdf308d88fac58639af252e8
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue
@@ -0,0 +1,77 @@
+
+ 层级：
+ 对齐：
+
+
+
+ 水平：
+
+
+
+
+
+ 垂直：
+
+
+
+
+
+
+
+
+ 宽度：
+
+
+
+
+
+ 高度：
+
+
+
+
+
+
+
+
+
+ 旋转：
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue
new file mode 100644
index 0000000000000000000000000000000000000000..50eca68bad5033166e6d31b6bec07f313bfe0868
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue
@@ -0,0 +1,565 @@
+
+
+
+
+
+
+
+ 图标颜色：
+
+
+
+ 自动播放：
+
+
+
+
+ 循环播放：
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ThemeColorsSetting.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ThemeColorsSetting.vue
new file mode 100644
index 0000000000000000000000000000000000000000..41e97e8c81d6becb38ab21c0276cc54863e3bd0e
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ThemeColorsSetting.vue
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ alphabet[colIndex - 1] }}
+
+
+
+
+ {{ rowIndex }}
+
+
+
+
+
+
+
+
+ | + + | +
+
+
+ 图表类型：{{ CHART_TYPE_MAP[chartType] }}
+
+
+ {{CHART_TYPE_MAP[item]}}
+
+ 点击更换
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..de5258a5f0a9ff1dbe13affbda5fe7bcf75c0d8e
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
@@ -0,0 +1,265 @@
+
+ 图表主题配色
+
+
+
+
+
+
+
+
+
+
+
+ 主题配色{{ index + 1 }}：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..39d61b77e35528f09b469717fe95df41fcb25241
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
@@ -0,0 +1,357 @@
+
+
+ 堆叠样式
+ 使用平滑曲线
+
+
+
+
+
+
+
+ 背景填充：
+
+
+
+
+
+
+ 文字颜色：
+
+
+
+
+
+
+ 主题配色：
+
+
+
+ 预置图表主题：
+
+
+
+
+
+ 幻灯片主题：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..640d10042aececc604787cc2fa3df4f880cf1299
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+
+
+ 按形状：
+
+
+
+
+
+
+
+ 按{{typeItem.label}}：
+
+
+
+ 圆角半径：
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..73a24700475ea8adf72be4690df1e925a874bb7a
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue
@@ -0,0 +1,157 @@
+
+
+
+
+
+
+
+
+
+
+ 颜色：
+
+
+
+ 粗细：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f4056a64aef9985099d59134f2b3ad0164879c94
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
@@ -0,0 +1,373 @@
+
+
+
+
+
+
+ 线条样式：
+
+
+
+
+
+
+
+
+
+ 线条颜色：
+
+
+
+ 线条宽度：
+
+
+
+
+
+ 起点样式：
+
+
+
+
+
+
+
+
+
+
+ 终点样式：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5a89b08cb8ea7cccf47b70e1afddf3aa1c263ece
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue
@@ -0,0 +1,419 @@
+
+
+ 点击替换形状
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 当前色块：
+
+
+
+
+
+ 渐变角度：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..34c72da41fb5d05376d7e5f54ab017f620800b5d
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
@@ -0,0 +1,270 @@
+
+
+
+ 行数：
+
+
+
+ {{rowCount}}
+
+
+
+
+ 列数：
+
+
+
+ {{colCount}}
+
+
+
+
+
+ 启用主题表格：
+
+
+
+ 标题行
+ 汇总行
+
+
+ 第一列
+ 最后一列
+
+
+
+
+
+
+
+ 主题颜色：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e4df79a099a4e5cc8ead8eae2fba5dc203f860f0
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue
@@ -0,0 +1,106 @@
+
+
+
+
+ {{item.label}}
+
+
+ 行间距：
+
+
+
+ 段间距：
+
+
+
+ 字间距：
+
+
+
+
+
+
+
+ 文本框填充：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/ElementStylePanel/index.vue b/frontend/src/views/Editor/Toolbar/ElementStylePanel/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..01eba5d98681805b2a0ca1fb777c02c7fcda699a
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/ElementStylePanel/index.vue
@@ -0,0 +1,40 @@
+
+ 视频预览封面
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 自动播放：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/MultiPositionPanel.vue b/frontend/src/views/Editor/Toolbar/MultiPositionPanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a1d98a1c19588fec287c8d8eb34efe96918dd2ec
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/MultiPositionPanel.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/MultiStylePanel.vue b/frontend/src/views/Editor/Toolbar/MultiStylePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0bd983832305c88dd7a767dc90fcb4d2a5360858
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/MultiStylePanel.vue
@@ -0,0 +1,275 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/SlideAnimationPanel.vue b/frontend/src/views/Editor/Toolbar/SlideAnimationPanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f8c20dbb18f313fd7368570311be3dfdec9ab002
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/SlideAnimationPanel.vue
@@ -0,0 +1,250 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/SlideDesignPanel/ThemeColorsSetting.vue b/frontend/src/views/Editor/Toolbar/SlideDesignPanel/ThemeColorsSetting.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e6d4c865787a0ff24c85864198aae03a9d36be55
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/SlideDesignPanel/ThemeColorsSetting.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+ 填充颜色：
+
+
+
+
+
+ 边框样式：
+
+
+
+
+
+
+
+
+
+ 边框颜色：
+
+
+
+ 边框粗细：
+
+
+
+
+
+
+
diff --git a/frontend/src/views/Editor/Toolbar/SlideDesignPanel/ThemeStylesExtract.vue b/frontend/src/views/Editor/Toolbar/SlideDesignPanel/ThemeStylesExtract.vue
new file mode 100644
index 0000000000000000000000000000000000000000..643f4d1b3465b46f7c1c2d88ee04bf79f6847219
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/SlideDesignPanel/ThemeStylesExtract.vue
@@ -0,0 +1,299 @@
+
+ 编辑主题色
+
+
+
+
+
+
+
+
+
+
+ 幻灯片主题色{{ index + 1 }}：
+
+
+
+
+
+
+
diff --git a/frontend/src/views/Editor/Toolbar/SlideDesignPanel/index.vue b/frontend/src/views/Editor/Toolbar/SlideDesignPanel/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4c75ceb4a38830707c4f13597467030c1df5b856
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/SlideDesignPanel/index.vue
@@ -0,0 +1,595 @@
+
+
+
+
+
+
+
+
+ 字体：
+
+
+
+
+ {{ fontMap[item] || item }}
+
+
+ √
+ 选择
+ 应用到主题
+
+
+ 文字颜色：
+
+
+
+
+ {{ getHexColor(item) }}
+
+
+ √
+ 选择
+ 应用到主题
+
+
+ 背景颜色：
+
+
+
+
+ {{ getHexColor(item) }}
+
+
+ √
+ 选择
+ 应用到主题
+
+
+ 主题色：（点击色块排除不要的颜色）
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/Editor/Toolbar/common/ElementColorMask.vue b/frontend/src/views/Editor/Toolbar/common/ElementColorMask.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2d1655ea316b0b628590e42c41ceffec8e04673a
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/common/ElementColorMask.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
+ {{item}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/common/ElementFilter.vue b/frontend/src/views/Editor/Toolbar/common/ElementFilter.vue
new file mode 100644
index 0000000000000000000000000000000000000000..594274f30a54bda962ec0881ace078f9d97b74a2
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/common/ElementFilter.vue
@@ -0,0 +1,196 @@
+
+
+
+
+ 着色（蒙版）：
+
+
+
+
+
+
+
+
+ 蒙版颜色：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/common/ElementFlip.vue b/frontend/src/views/Editor/Toolbar/common/ElementFlip.vue
new file mode 100644
index 0000000000000000000000000000000000000000..191730dbf56cf61361696f4276976243b0ba5742
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/common/ElementFlip.vue
@@ -0,0 +1,57 @@
+
+
+
+
+ 启用滤镜：
+
+
+
+
+
+ ![]()
+ {{ item.label }}
+
+
+
+
+
+
+ {{filter.label}}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/common/ElementOpacity.vue b/frontend/src/views/Editor/Toolbar/common/ElementOpacity.vue
new file mode 100644
index 0000000000000000000000000000000000000000..219784e1498dfe003603d757263fc89124e33efd
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/common/ElementOpacity.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/common/ElementOutline.vue b/frontend/src/views/Editor/Toolbar/common/ElementOutline.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ec8b337902fc54669c3eb4b889ee67b12a0c50e0
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/common/ElementOutline.vue
@@ -0,0 +1,133 @@
+
+
+
+ 不透明度：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/common/ElementShadow.vue b/frontend/src/views/Editor/Toolbar/common/ElementShadow.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b8e2e7482c7ce1c2e0f6422a5979155c5d19ce4b
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/common/ElementShadow.vue
@@ -0,0 +1,118 @@
+
+
+
+
+ 启用边框：
+
+
+
+
+
+
+
+ 边框样式：
+
+
+
+
+
+
+
+
+
+ 边框颜色：
+
+
+
+ 边框粗细：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/common/RichTextBase.vue b/frontend/src/views/Editor/Toolbar/common/RichTextBase.vue
new file mode 100644
index 0000000000000000000000000000000000000000..97231bc24283d1d21690b6e5ba88eb8f8818c576
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/common/RichTextBase.vue
@@ -0,0 +1,386 @@
+
+
+
+
+ 启用阴影：
+
+
+
+
+ 水平阴影：
+
+
+ 垂直阴影：
+
+
+ 模糊距离：
+
+
+
+
+
+
+ 阴影颜色：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ A²
+ A₂
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/common/SVGLine.vue b/frontend/src/views/Editor/Toolbar/common/SVGLine.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0cec468fb2ee79c69cb2fb402dcc3ab1e7a784ed
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/common/SVGLine.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/Toolbar/index.vue b/frontend/src/views/Editor/Toolbar/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2a6eb74ae0970f73226f24ba5f9372d87070a293
--- /dev/null
+++ b/frontend/src/views/Editor/Toolbar/index.vue
@@ -0,0 +1,115 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Editor/index.vue b/frontend/src/views/Editor/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..91d37875fd0ea3163b7d75ae40e4c1b9d9b1a8bf
--- /dev/null
+++ b/frontend/src/views/Editor/index.vue
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- +
+
+
+
+ -
+
- +
+
+
+
+
+ 减小首行缩进
+
+
+
+
+
+
+
+
+
+ 增大首行缩进
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Mobile/MobileEditor/ElementToolbar.vue b/frontend/src/views/Mobile/MobileEditor/ElementToolbar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..bb71def24f51ee3a2519b87f1dc210facab18dd1
--- /dev/null
+++ b/frontend/src/views/Mobile/MobileEditor/ElementToolbar.vue
@@ -0,0 +1,291 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Mobile/MobileEditor/Header.vue b/frontend/src/views/Mobile/MobileEditor/Header.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d1c45a3c50f80e81b2b56a869fa36dc05ac2048f
--- /dev/null
+++ b/frontend/src/views/Mobile/MobileEditor/Header.vue
@@ -0,0 +1,50 @@
+
+
+
+ PPTist 登录
+ + +
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Mobile/MobileEditor/MobileEditableElement.vue b/frontend/src/views/Mobile/MobileEditor/MobileEditableElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9abc126a183c0f7d6b8bb289e0b9089933cabaf2
--- /dev/null
+++ b/frontend/src/views/Mobile/MobileEditor/MobileEditableElement.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Mobile/MobileEditor/MobileOperate.vue b/frontend/src/views/Mobile/MobileEditor/MobileOperate.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f2433ee603f2432838dd03d10906e492059550d1
--- /dev/null
+++ b/frontend/src/views/Mobile/MobileEditor/MobileOperate.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Mobile/MobileEditor/SlideToolbar.vue b/frontend/src/views/Mobile/MobileEditor/SlideToolbar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9c06c5a1776e2a3552a96236b41c1599c2db81a1
--- /dev/null
+++ b/frontend/src/views/Mobile/MobileEditor/SlideToolbar.vue
@@ -0,0 +1,143 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Mobile/MobileEditor/index.vue b/frontend/src/views/Mobile/MobileEditor/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..994198956064da2ad4ea1b33f4c2523097e6fda0
--- /dev/null
+++ b/frontend/src/views/Mobile/MobileEditor/index.vue
@@ -0,0 +1,147 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Mobile/MobilePlayer.vue b/frontend/src/views/Mobile/MobilePlayer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7445d9d22c1d602f5b0bca696f435cd06d10c280
--- /dev/null
+++ b/frontend/src/views/Mobile/MobilePlayer.vue
@@ -0,0 +1,256 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Mobile/MobilePreview.vue b/frontend/src/views/Mobile/MobilePreview.vue
new file mode 100644
index 0000000000000000000000000000000000000000..179f41287f77209fd2712fc10b9ee8cacad9f740
--- /dev/null
+++ b/frontend/src/views/Mobile/MobilePreview.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/Mobile/MobileThumbnails.vue b/frontend/src/views/Mobile/MobileThumbnails.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c99a91cc119e104c20182a6e326babcb100f2b71
--- /dev/null
+++ b/frontend/src/views/Mobile/MobileThumbnails.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Mobile/index.vue b/frontend/src/views/Mobile/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a5138d4772da9121d71d962a8a08217d2840fde5
--- /dev/null
+++ b/frontend/src/views/Mobile/index.vue
@@ -0,0 +1,36 @@
+
+
+
+
+ {{ index + 1 }}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/PublicViewer.vue b/frontend/src/views/PublicViewer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b92dc2f97e533b4e26d228c6c362303da70eacee
--- /dev/null
+++ b/frontend/src/views/PublicViewer.vue
@@ -0,0 +1,497 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Screen/BaseView.vue b/frontend/src/views/Screen/BaseView.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d3af48d421b9d716386ecc330cd2e9692855b0c9
--- /dev/null
+++ b/frontend/src/views/Screen/BaseView.vue
@@ -0,0 +1,285 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ presentationTitle }}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Screen/BottomThumbnails.vue b/frontend/src/views/Screen/BottomThumbnails.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8b0f786341a771627f50e9fa1c466e1e4afa3dd0
--- /dev/null
+++ b/frontend/src/views/Screen/BottomThumbnails.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
+ 幻灯片 {{slideIndex + 1}} / {{slides.length}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Screen/CountdownTimer.vue b/frontend/src/views/Screen/CountdownTimer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5aa94ac06dbcaaab6d0486261e60c6ca3f5496f0
--- /dev/null
+++ b/frontend/src/views/Screen/CountdownTimer.vue
@@ -0,0 +1,204 @@
+
+
+
+
+
+
+ {{ inTiming ? '暂停' : '开始'}}
+ 重置
+ 倒计时
+
+
+
+
+
+
+
+ :
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Screen/ScreenElement.vue b/frontend/src/views/Screen/ScreenElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0047caef85580374201f22baeb9d4de1ea72b6f1
--- /dev/null
+++ b/frontend/src/views/Screen/ScreenElement.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 演讲者备注
+ P {{slideIndex + 1}} / {{slides.length}}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Screen/ScreenSlide.vue b/frontend/src/views/Screen/ScreenSlide.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f377ac8479c496bce83297f4b7bea82d63c961e0
--- /dev/null
+++ b/frontend/src/views/Screen/ScreenSlide.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Screen/ScreenSlideList.vue b/frontend/src/views/Screen/ScreenSlideList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b071d532f2d75fba66fcd86b811cfbd8af0338e6
--- /dev/null
+++ b/frontend/src/views/Screen/ScreenSlideList.vue
@@ -0,0 +1,202 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Screen/SlideThumbnails.vue b/frontend/src/views/Screen/SlideThumbnails.vue
new file mode 100644
index 0000000000000000000000000000000000000000..fa7c8cc2b4dd62025f9a0580767e2640293b5317
--- /dev/null
+++ b/frontend/src/views/Screen/SlideThumbnails.vue
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Screen/WritingBoardTool.vue b/frontend/src/views/Screen/WritingBoardTool.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b13c9e9997076773deb9a26087afeade1518f82b
--- /dev/null
+++ b/frontend/src/views/Screen/WritingBoardTool.vue
@@ -0,0 +1,299 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Screen/hooks/useExecPlay.ts b/frontend/src/views/Screen/hooks/useExecPlay.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ed7c28c86f26418512225bdc5ce32c58a764d9cd
--- /dev/null
+++ b/frontend/src/views/Screen/hooks/useExecPlay.ts
@@ -0,0 +1,263 @@
+import { onMounted, onUnmounted, ref } from 'vue'
+import { throttle } from 'lodash'
+import { storeToRefs } from 'pinia'
+import { useSlidesStore } from '@/store'
+import { KEYS } from '@/configs/hotkey'
+import { ANIMATION_CLASS_PREFIX } from '@/configs/animation'
+import message from '@/utils/message'
+
+export default () => {
+ const slidesStore = useSlidesStore()
+ const { slides, slideIndex, formatedAnimations } = storeToRefs(slidesStore)
+
+ // 当前页的元素动画执行到的位置
+ const animationIndex = ref(0)
+
+ // 动画执行状态
+ const inAnimation = ref(false)
+
+ // 最小已播放页面索引
+ const playedSlidesMinIndex = ref(slideIndex.value)
+
+ // 执行元素动画
+ const runAnimation = () => {
+ // 正在执行动画时，禁止其他新的动画开始
+ if (inAnimation.value) return
+
+ const { animations, autoNext } = formatedAnimations.value[animationIndex.value]
+ animationIndex.value += 1
+
+ // 标记开始执行动画
+ inAnimation.value = true
+
+ let endAnimationCount = 0
+
+ // 依次执行该位置中的全部动画
+ for (const animation of animations) {
+ const elRef: HTMLElement | null = document.querySelector(`#screen-element-${animation.elId} [class^=base-element-]`)
+ if (!elRef) {
+ endAnimationCount += 1
+ continue
+ }
+
+ const animationName = `${ANIMATION_CLASS_PREFIX}${animation.effect}`
+
+ // 执行动画前先清除原有的动画状态（如果有）
+ elRef.style.removeProperty('--animate-duration')
+ for (const classname of elRef.classList) {
+ if (classname.indexOf(ANIMATION_CLASS_PREFIX) !== -1) elRef.classList.remove(classname, `${ANIMATION_CLASS_PREFIX}animated`)
+ }
+
+ // 执行动画
+ elRef.style.setProperty('--animate-duration', `${animation.duration}ms`)
+ elRef.classList.add(animationName, `${ANIMATION_CLASS_PREFIX}animated`)
+
+ // 执行动画结束，将“退场”以外的动画状态清除
+ const handleAnimationEnd = () => {
+ if (animation.type !== 'out') {
+ elRef.style.removeProperty('--animate-duration')
+ elRef.classList.remove(animationName, `${ANIMATION_CLASS_PREFIX}animated`)
+ }
+
+ // 判断该位置上的全部动画都已经结束后，标记动画执行完成，并尝试继续向下执行（如果有需要）
+ endAnimationCount += 1
+ if (endAnimationCount === animations.length) {
+ inAnimation.value = false
+ if (autoNext) runAnimation()
+ }
+ }
+ elRef.addEventListener('animationend', handleAnimationEnd, { once: true })
+ }
+ }
+
+ onMounted(() => {
+ const firstAnimations = formatedAnimations.value[0]
+ if (firstAnimations && firstAnimations.animations.length) {
+ const autoExecFirstAnimations = firstAnimations.animations.every(item => item.trigger === 'auto' || item.trigger === 'meantime')
+ if (autoExecFirstAnimations) runAnimation()
+ }
+ })
+
+ // 撤销元素动画，除了将索引前移外，还需要清除动画状态
+ const revokeAnimation = () => {
+ animationIndex.value -= 1
+ const { animations } = formatedAnimations.value[animationIndex.value]
+
+ for (const animation of animations) {
+ const elRef: HTMLElement | null = document.querySelector(`#screen-element-${animation.elId} [class^=base-element-]`)
+ if (!elRef) continue
+
+ elRef.style.removeProperty('--animate-duration')
+ for (const classname of elRef.classList) {
+ if (classname.indexOf(ANIMATION_CLASS_PREFIX) !== -1) elRef.classList.remove(classname, `${ANIMATION_CLASS_PREFIX}animated`)
+ }
+ }
+
+ // 如果撤销时该位置有且仅有强调动画，则继续执行一次撤销
+ if (animations.every(item => item.type === 'attention')) execPrev()
+ }
+
+ // 关闭自动播放
+ const autoPlayTimer = ref(0)
+ const closeAutoPlay = () => {
+ if (autoPlayTimer.value) {
+ clearInterval(autoPlayTimer.value)
+ autoPlayTimer.value = 0
+ }
+ }
+ onUnmounted(closeAutoPlay)
+
+ // 循环放映
+ const loopPlay = ref(false)
+ const setLoopPlay = (loop: boolean) => {
+ loopPlay.value = loop
+ }
+
+ const throttleMassage = throttle(function(msg) {
+ message.success(msg)
+ }, 1000, { leading: true, trailing: false })
+
+ // 向上/向下播放
+ // 遇到元素动画时，优先执行动画播放，无动画则执行翻页
+ // 向上播放遇到动画时，仅撤销到动画执行前的状态，不需要反向播放动画
+ // 撤回到上一页时，若该页从未播放过（意味着不存在动画状态），需要将动画索引置为最小值（初始状态），否则置为最大值（最终状态）
+ const execPrev = () => {
+ if (formatedAnimations.value.length && animationIndex.value > 0) {
+ revokeAnimation()
+ }
+ else if (slideIndex.value > 0) {
+ slidesStore.updateSlideIndex(slideIndex.value - 1)
+ if (slideIndex.value < playedSlidesMinIndex.value) {
+ animationIndex.value = 0
+ playedSlidesMinIndex.value = slideIndex.value
+ }
+ else animationIndex.value = formatedAnimations.value.length
+ }
+ else {
+ if (loopPlay.value) turnSlideToIndex(slides.value.length - 1)
+ else throttleMassage('已经是第一页了')
+ }
+ inAnimation.value = false
+ }
+ const execNext = () => {
+ if (formatedAnimations.value.length && animationIndex.value < formatedAnimations.value.length) {
+ runAnimation()
+ }
+ else if (slideIndex.value < slides.value.length - 1) {
+ slidesStore.updateSlideIndex(slideIndex.value + 1)
+ animationIndex.value = 0
+ inAnimation.value = false
+ }
+ else {
+ if (loopPlay.value) turnSlideToIndex(0)
+ else {
+ throttleMassage('已经是最后一页了')
+ closeAutoPlay()
+ }
+ inAnimation.value = false
+ }
+ }
+
+ // 自动播放
+ const autoPlayInterval = ref(2500)
+ const autoPlay = () => {
+ closeAutoPlay()
+ message.success('开始自动放映')
+ autoPlayTimer.value = setInterval(execNext, autoPlayInterval.value)
+ }
+
+ const setAutoPlayInterval = (interval: number) => {
+ closeAutoPlay()
+ autoPlayInterval.value = interval
+ autoPlay()
+ }
+
+ // 鼠标滚动翻页
+ const mousewheelListener = throttle(function(e: WheelEvent) {
+ if (e.deltaY < 0) execPrev()
+ else if (e.deltaY > 0) execNext()
+ }, 500, { leading: true, trailing: false })
+
+ // 触摸屏上下滑动翻页
+ const touchInfo = ref<{ x: number; y: number; } | null>(null)
+
+ const touchStartListener = (e: TouchEvent) => {
+ touchInfo.value = {
+ x: e.changedTouches[0].pageX,
+ y: e.changedTouches[0].pageY,
+ }
+ }
+ const touchEndListener = (e: TouchEvent) => {
+ if (!touchInfo.value) return
+
+ const offsetX = Math.abs(touchInfo.value.x - e.changedTouches[0].pageX)
+ const offsetY = e.changedTouches[0].pageY - touchInfo.value.y
+
+ if ( Math.abs(offsetY) > offsetX && Math.abs(offsetY) > 50 ) {
+ touchInfo.value = null
+
+ if (offsetY > 0) execPrev()
+ else execNext()
+ }
+ }
+
+ // 快捷键翻页
+ const keydownListener = (e: KeyboardEvent) => {
+ const key = e.key.toUpperCase()
+
+ if (key === KEYS.UP || key === KEYS.LEFT || key === KEYS.PAGEUP) execPrev()
+ else if (
+ key === KEYS.DOWN ||
+ key === KEYS.RIGHT ||
+ key === KEYS.SPACE ||
+ key === KEYS.ENTER ||
+ key === KEYS.PAGEDOWN
+ ) execNext()
+ }
+
+ onMounted(() => document.addEventListener('keydown', keydownListener))
+ onUnmounted(() => document.removeEventListener('keydown', keydownListener))
+
+ // 切换到上一张/上一张幻灯片（无视元素的入场动画）
+ const turnPrevSlide = () => {
+ slidesStore.updateSlideIndex(slideIndex.value - 1)
+ animationIndex.value = 0
+ }
+ const turnNextSlide = () => {
+ slidesStore.updateSlideIndex(slideIndex.value + 1)
+ animationIndex.value = 0
+ }
+
+ // 切换幻灯片到指定的页面
+ const turnSlideToIndex = (index: number) => {
+ slidesStore.updateSlideIndex(index)
+ animationIndex.value = 0
+ }
+ const turnSlideToId = (id: string) => {
+ const index = slides.value.findIndex(slide => slide.id === id)
+ if (index !== -1) {
+ slidesStore.updateSlideIndex(index)
+ animationIndex.value = 0
+ }
+ }
+
+ return {
+ autoPlayTimer,
+ autoPlayInterval,
+ setAutoPlayInterval,
+ autoPlay,
+ closeAutoPlay,
+ loopPlay,
+ setLoopPlay,
+ mousewheelListener,
+ touchStartListener,
+ touchEndListener,
+ turnPrevSlide,
+ turnNextSlide,
+ turnSlideToIndex,
+ turnSlideToId,
+ execPrev,
+ execNext,
+ animationIndex,
+ }
+}
diff --git a/frontend/src/views/Screen/hooks/useFullscreen.ts b/frontend/src/views/Screen/hooks/useFullscreen.ts
new file mode 100644
index 0000000000000000000000000000000000000000..038fd95f06da8bcf4edb3c53b948e6db4c64c203
--- /dev/null
+++ b/frontend/src/views/Screen/hooks/useFullscreen.ts
@@ -0,0 +1,38 @@
+import { onMounted, onUnmounted, ref } from 'vue'
+import { isFullscreen, exitFullscreen } from '@/utils/fullscreen'
+import useScreening from '@/hooks/useScreening'
+
+export default () => {
+ const fullscreenState = ref(true)
+ const escExit = ref(true)
+
+ const { exitScreening } = useScreening()
+
+ const handleFullscreenChange = () => {
+ fullscreenState.value = isFullscreen()
+ if (!fullscreenState.value && escExit.value) exitScreening()
+
+ escExit.value = true
+ }
+
+ onMounted(() => {
+ fullscreenState.value = isFullscreen()
+ document.addEventListener('fullscreenchange', handleFullscreenChange)
+ document.addEventListener('webkitfullscreenchange', handleFullscreenChange) // Safari 兼容
+ })
+ onUnmounted(() => {
+ document.removeEventListener('fullscreenchange', handleFullscreenChange)
+ document.removeEventListener('webkitfullscreenchange', handleFullscreenChange)
+ })
+
+ const manualExitFullscreen = () => {
+ if (!fullscreenState.value) return
+ escExit.value = false
+ exitFullscreen()
+ }
+
+ return {
+ fullscreenState,
+ manualExitFullscreen,
+ }
+}
\ No newline at end of file
diff --git a/frontend/src/views/Screen/hooks/useSlideSize.ts b/frontend/src/views/Screen/hooks/useSlideSize.ts
new file mode 100644
index 0000000000000000000000000000000000000000..caef344e51806a859e87718513dd9937bf2ccbf9
--- /dev/null
+++ b/frontend/src/views/Screen/hooks/useSlideSize.ts
@@ -0,0 +1,47 @@
+import { onMounted, onUnmounted, ref, type Ref } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useSlidesStore } from '@/store'
+
+export default (wrapRef?: Ref
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 墨迹粗细：
+
+
+
+
+
+
+
+ 墨迹粗细：
+
+
+
+
+
+ 墨迹粗细：
+
+
+
+
+
+ 橡皮大小：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/ThumbnailSlide/ThumbnailElement.vue b/frontend/src/views/components/ThumbnailSlide/ThumbnailElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c939b5ee8987d704a01996d059c910a5c7c88725
--- /dev/null
+++ b/frontend/src/views/components/ThumbnailSlide/ThumbnailElement.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/ThumbnailSlide/index.vue b/frontend/src/views/components/ThumbnailSlide/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..78294c6fc28bafdfacba38b6ccc3d5ed6eac96d6
--- /dev/null
+++ b/frontend/src/views/components/ThumbnailSlide/index.vue
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/AudioElement/AudioPlayer.vue b/frontend/src/views/components/element/AudioElement/AudioPlayer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c64a16bf133de30d82714450ebcee833ac7f878c
--- /dev/null
+++ b/frontend/src/views/components/element/AudioElement/AudioPlayer.vue
@@ -0,0 +1,503 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/AudioElement/BaseAudioElement.vue b/frontend/src/views/components/element/AudioElement/BaseAudioElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d3c785235506f0bf2a475e71b51da10f92598beb
--- /dev/null
+++ b/frontend/src/views/components/element/AudioElement/BaseAudioElement.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+ {{ptime}} / {{dtime}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/AudioElement/ScreenAudioElement.vue b/frontend/src/views/components/element/AudioElement/ScreenAudioElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ee1c9522caf0c77cb1585422556640db6e193a3d
--- /dev/null
+++ b/frontend/src/views/components/element/AudioElement/ScreenAudioElement.vue
@@ -0,0 +1,120 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/AudioElement/index.vue b/frontend/src/views/components/element/AudioElement/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0969579098f5e9e1fb2bf9d3167468d4183b2d8d
--- /dev/null
+++ b/frontend/src/views/components/element/AudioElement/index.vue
@@ -0,0 +1,120 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/ChartElement/BaseChartElement.vue b/frontend/src/views/components/element/ChartElement/BaseChartElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a63760c4d0f898213eabfd684cde84375a98a68d
--- /dev/null
+++ b/frontend/src/views/components/element/ChartElement/BaseChartElement.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/ChartElement/Chart.vue b/frontend/src/views/components/element/ChartElement/Chart.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d5557120ab3b7642ac7f93864cf2a00e8a98c1b8
--- /dev/null
+++ b/frontend/src/views/components/element/ChartElement/Chart.vue
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/ChartElement/chartOption.ts b/frontend/src/views/components/element/ChartElement/chartOption.ts
new file mode 100644
index 0000000000000000000000000000000000000000..53d3c3e24b0a1feecb4d3c6743172b4f5fac6a89
--- /dev/null
+++ b/frontend/src/views/components/element/ChartElement/chartOption.ts
@@ -0,0 +1,293 @@
+import type { ComposeOption } from 'echarts/core'
+import type {
+ BarSeriesOption,
+ LineSeriesOption,
+ PieSeriesOption,
+ ScatterSeriesOption,
+ RadarSeriesOption,
+} from 'echarts/charts'
+import type { ChartData, ChartType } from '@/types/slides'
+
+type EChartOption = ComposeOption
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/ElementOutline.vue b/frontend/src/views/components/element/ElementOutline.vue
new file mode 100644
index 0000000000000000000000000000000000000000..569bc0d312c0a015ed4c9707ec23805b0fe08ebe
--- /dev/null
+++ b/frontend/src/views/components/element/ElementOutline.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/ImageElement/BaseImageElement.vue b/frontend/src/views/components/element/ImageElement/BaseImageElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2ffb35e55c7cf1e965b2419f3f39afc6e1078a88
--- /dev/null
+++ b/frontend/src/views/components/element/ImageElement/BaseImageElement.vue
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/ImageElement/ImageClipHandler.vue b/frontend/src/views/components/element/ImageElement/ImageClipHandler.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d8674221d270dbbd47df47989c9070311edb650d
--- /dev/null
+++ b/frontend/src/views/components/element/ImageElement/ImageClipHandler.vue
@@ -0,0 +1,647 @@
+
+
+
+
+
+
+ ![]()
+
+
+
+ ![]()
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue b/frontend/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue
new file mode 100644
index 0000000000000000000000000000000000000000..db432676e1d7a9444a0da36cf270f867277b18ec
--- /dev/null
+++ b/frontend/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue b/frontend/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c071b2823d925952d1d0f1eca60abc18b342bb07
--- /dev/null
+++ b/frontend/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue b/frontend/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e29b6baf91bab60e38d033b95481f4048943465d
--- /dev/null
+++ b/frontend/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/ImageElement/ImageOutline/index.vue b/frontend/src/views/components/element/ImageElement/ImageOutline/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7c41e8d501e33777516b82f67aae710d9525a0ec
--- /dev/null
+++ b/frontend/src/views/components/element/ImageElement/ImageOutline/index.vue
@@ -0,0 +1,41 @@
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/ImageElement/index.vue b/frontend/src/views/components/element/ImageElement/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a43551589e697998d7ec17a3b0be4c02b6ba3983
--- /dev/null
+++ b/frontend/src/views/components/element/ImageElement/index.vue
@@ -0,0 +1,193 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/ImageElement/useClipImage.ts b/frontend/src/views/components/element/ImageElement/useClipImage.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b1136788775ea3852ca7a44f598f6c30a87eac28
--- /dev/null
+++ b/frontend/src/views/components/element/ImageElement/useClipImage.ts
@@ -0,0 +1,53 @@
+import { computed, type Ref } from 'vue'
+import { CLIPPATHS, ClipPathTypes } from '@/configs/imageClip'
+import type { PPTImageElement } from '@/types/slides'
+
+export default (element: Ref
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/LatexElement/index.vue b/frontend/src/views/components/element/LatexElement/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..282701f9ced4259b7501066d89103fc4c7c9163c
--- /dev/null
+++ b/frontend/src/views/components/element/LatexElement/index.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/LineElement/BaseLineElement.vue b/frontend/src/views/components/element/LineElement/BaseLineElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..18e4bc4e9f0547516a5410a9cf2040ab8ee263a8
--- /dev/null
+++ b/frontend/src/views/components/element/LineElement/BaseLineElement.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/LineElement/LinePointMarker.vue b/frontend/src/views/components/element/LineElement/LinePointMarker.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7e4acc20bd6d0b8232a907ee776361339b03ca99
--- /dev/null
+++ b/frontend/src/views/components/element/LineElement/LinePointMarker.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/ProsemirrorEditor.vue b/frontend/src/views/components/element/ProsemirrorEditor.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d34d6ad9cf4fb4f83486c5c4e1c1edc251fc6eea
--- /dev/null
+++ b/frontend/src/views/components/element/ProsemirrorEditor.vue
@@ -0,0 +1,323 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/ShapeElement/BaseShapeElement.vue b/frontend/src/views/components/element/ShapeElement/BaseShapeElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f0c0b2a4b7215fad0ef08c976a0bb097a7313e46
--- /dev/null
+++ b/frontend/src/views/components/element/ShapeElement/BaseShapeElement.vue
@@ -0,0 +1,155 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/ShapeElement/GradientDefs.vue b/frontend/src/views/components/element/ShapeElement/GradientDefs.vue
new file mode 100644
index 0000000000000000000000000000000000000000..212d1fab53b996e49675d9f1cb4b78f8f216d8dc
--- /dev/null
+++ b/frontend/src/views/components/element/ShapeElement/GradientDefs.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/TableElement/BaseTableElement.vue b/frontend/src/views/components/element/TableElement/BaseTableElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8bd620093ba65b96758bdf4b8f418fbb166ae7ad
--- /dev/null
+++ b/frontend/src/views/components/element/TableElement/BaseTableElement.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/TableElement/CustomTextarea.vue b/frontend/src/views/components/element/TableElement/CustomTextarea.vue
new file mode 100644
index 0000000000000000000000000000000000000000..dd804bbf37428b428d72fb939475c80a15b6c94e
--- /dev/null
+++ b/frontend/src/views/components/element/TableElement/CustomTextarea.vue
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/TableElement/EditableTable.vue b/frontend/src/views/components/element/TableElement/EditableTable.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0cb30c3542fbb334debab9136e3483a9f011db08
--- /dev/null
+++ b/frontend/src/views/components/element/TableElement/EditableTable.vue
@@ -0,0 +1,840 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/TableElement/StaticTable.vue b/frontend/src/views/components/element/TableElement/StaticTable.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ec8655a02b4779cc54e4972b5b236315fcbe52bd
--- /dev/null
+++ b/frontend/src/views/components/element/TableElement/StaticTable.vue
@@ -0,0 +1,143 @@
+
+
+
+
+ |
+ |
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/TableElement/index.vue b/frontend/src/views/components/element/TableElement/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..794dd1d6faccc20039355fd4f9da6658b07ace36
--- /dev/null
+++ b/frontend/src/views/components/element/TableElement/index.vue
@@ -0,0 +1,204 @@
+
+ | + + | +
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/TableElement/useHideCells.ts b/frontend/src/views/components/element/TableElement/useHideCells.ts
new file mode 100644
index 0000000000000000000000000000000000000000..85a59c5f633c994ecda54bffd078a8ad05a69954
--- /dev/null
+++ b/frontend/src/views/components/element/TableElement/useHideCells.ts
@@ -0,0 +1,31 @@
+import { computed, type Ref } from 'vue'
+import type { TableCell } from '@/types/slides'
+
+// 计算无效的单元格位置（被合并的单元格位置）集合
+
+export default (cells: Ref
+
+
+
+
+
+ 双击编辑
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/TextElement/index.vue b/frontend/src/views/components/element/TextElement/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7e2fd889d25b4fb6ddf98fc1310e65dfdce38cdb
--- /dev/null
+++ b/frontend/src/views/components/element/TextElement/index.vue
@@ -0,0 +1,220 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/VideoElement/BaseVideoElement.vue b/frontend/src/views/components/element/VideoElement/BaseVideoElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7cc87099cb479b482ef971330bd7b58ace6a5c7a
--- /dev/null
+++ b/frontend/src/views/components/element/VideoElement/BaseVideoElement.vue
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/VideoElement/ScreenVideoElement.vue b/frontend/src/views/components/element/VideoElement/ScreenVideoElement.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c1f4ed0e5fb158be7f2c9a9a16d221e45809c850
--- /dev/null
+++ b/frontend/src/views/components/element/VideoElement/ScreenVideoElement.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/VideoElement/VideoPlayer/index.vue b/frontend/src/views/components/element/VideoElement/VideoPlayer/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..205dca621c1370126c5ac42b79e31f08cdf5af99
--- /dev/null
+++ b/frontend/src/views/components/element/VideoElement/VideoPlayer/index.vue
@@ -0,0 +1,693 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/components/element/VideoElement/VideoPlayer/useMSE.ts b/frontend/src/views/components/element/VideoElement/VideoPlayer/useMSE.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f49cbbeda36b2e9e331a5b1389ea3145413ed780
--- /dev/null
+++ b/frontend/src/views/components/element/VideoElement/VideoPlayer/useMSE.ts
@@ -0,0 +1,41 @@
+import { onMounted, type Ref } from 'vue'
+
+export default (
+ src: string,
+ videoRef: Ref
+
+
+
+ 视频加载失败
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ptime}} / {{dtime}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/components/element/hooks/useElementFill.ts b/frontend/src/views/components/element/hooks/useElementFill.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4a752095e4aa0a490a6d9c6f9484ef56afe9657a
--- /dev/null
+++ b/frontend/src/views/components/element/hooks/useElementFill.ts
@@ -0,0 +1,15 @@
+import type { PPTShapeElement } from '@/types/slides'
+import { computed, type Ref } from 'vue'
+
+// 计算元素的填充样式
+export default (element: Ref
+
+
+
+