{{ CHART_TYPE_MAP[chart] }}
+ 输入标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + wordSpace: 6 + }, + { + type: 'text', + id: '7stmVP', + left: 355, + top: 253.25, + width: 585, + height: 56, + content: '请在此处输入副标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + }, + { + type: 'line', + id: 'FnpZs4', + left: 361, + top: 238, + start: [0, 0], + end: [549, 0], + points: ['', ''], + color: '{{themeColor}}', + style: 'solid', + width: 2, + }, + ], + background: { + type: 'solid', + color: '{{backgroundColor}}', + }, + }, + { + id: 'template', + elements: [ + { + type: 'text', + id: 'ptNnUJ', + left: 145, + top: 148, + width: 711, + height: 77, + lineHeight: 1.2, + content: '在此处添加标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + }, + { + type: 'text', + id: 'mRHvQN', + left: 207.50000000000003, + top: 249.84259259259264, + width: 585, + height: 56, + content: '在此处添加副标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + }, + { + type: 'line', + id: '7CQDwc', + left: 323.09259259259267, + top: 238.33333333333334, + start: [0, 0], + end: [354.8148148148148, 0], + points: ['', ''], + color: '{{themeColor}}', + style: 'solid', + width: 4 + }, + { + type: 'shape', + id: '09wqWw', + left: -27.648148148148138, + top: 432.73148148148147, + width: 1056.2962962962963, + height: 162.96296296296296, + viewBox: [200, 200], + path: 'M 0 20 C 40 -40 60 60 100 20 C 140 -40 160 60 200 20 L 200 180 C 140 240 160 140 100 180 C 40 240 60 140 0 180 L 0 20 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0 + } + ], + background: { + type: 'solid', + color: '{{backgroundColor}}', + }, + }, + { + id: 'template', + elements: [ + { + type: 'shape', + id: 'vSheCJ', + left: 183.5185185185185, + top: 175.5092592592593, + width: 605.1851851851851, + height: 185.18518518518516, + viewBox: [200, 200], + path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0 + }, + { + type: 'shape', + id: 'Mpwv7x', + left: 211.29629629629628, + top: 201.80555555555557, + width: 605.1851851851851, + height: 185.18518518518516, + viewBox: [200, 200], + path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0, + opacity: 0.7 + }, + { + type: 'text', + id: 'WQOTAp', + left: 304.9074074074074, + top: 198.10185185185182, + width: 417.9629629629629, + height: 140, + content: '感谢观看
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + wordSpace: 5 + } + ], + background: { + type: 'solid', + color: '{{backgroundColor}}', + }, + }, + { + id: 'MZVO1kkj', + elements: [ + { + type: 'shape', + id: 'cql0h8', + left: 0, + top: 0, + width: 352.59259259259255, + height: 562.5, + viewBox: [200, 200], + path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0 + }, + { + type: 'shape', + id: '_RTaF4', + left: 171.4814814814814, + top: 100.13888888888887, + width: 362.22222222222223, + height: 362.22222222222223, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: 'rgba(255,255,255,0)', + fixedRatio: false, + rotate: 0, + outline: { + width: 10, + color: '{{backgroundColor}}', + style: 'solid' + } + }, + { + type: 'shape', + id: 'UZfo8N', + left: 216.66666666666663, + top: 145.32407407407408, + width: 271.85185185185185, + height: 271.85185185185185, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{backgroundColor}}', + fixedRatio: false, + rotate: 0, + text: { + content: '01
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'text', + id: 'ysqtBg', + left: 561.4814814814814, + top: 100.1388888888889, + width: 359.25925925925924, + height: 80, + content: '在此处输入标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + }, + { + type: 'text', + id: 'lXsoHa', + left: 572.5925925925925, + top: 202.3611111111111, + width: 257.77777777777777, + height: 260, + content: '在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
1
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'shape', + id: 'DUWT7E', + left: 317.037037037037, + top: 237.68738977072314, + width: 87.12522045855381, + height: 87.12522045855381, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: true, + rotate: 0, + outline: { + width: 4, + color: '{{backgroundColor}}', + style: 'solid' + }, + text: { + content: '4
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'shape', + id: 'pbhn38', + left: 456.43738977072303, + top: 377.08774250440916, + width: 87.12522045855381, + height: 87.12522045855381, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: true, + rotate: 0, + outline: { + width: 4, + color: '{{backgroundColor}}', + style: 'solid' + }, + text: { + content: '3
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'shape', + id: 'CvMKrO', + left: 595.8377425044091, + top: 237.6873897707231, + width: 87.12522045855381, + height: 87.12522045855381, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: true, + rotate: 0, + outline: { + width: 4, + color: '{{backgroundColor}}', + style: 'solid' + }, + text: { + content: '2
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'text', + id: 'adudHB', + left: 402.962962962963, + top: 39.39814814814815, + width: 194.07407407407408, + height: 50, + content: '在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + }, + { + type: 'text', + id: '9UpDwg', + left: 402.962962962963, + top: 473.1018518518518, + width: 194.07407407407408, + height: 50, + content: '在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + }, + { + type: 'text', + id: 'GERdpB', + left: 111.48148148148151, + top: 256.25, + width: 194.07407407407408, + height: 50, + content: '在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + }, + { + type: 'text', + id: 'G5qoho', + left: 691.1111111111111, + top: 256.25, + width: 194.07407407407408, + height: 50, + content: '在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + }, + { + type: 'shape', + id: 'vdZcI6', + left: 415.18518518518516, + top: 196.4351851851852, + width: 169.62962962962962, + height: 169.62962962962962, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{backgroundColor}}', + fixedRatio: false, + rotate: 0 + } + ], + background: { + type: 'solid', + color: '{{backgroundColor}}', + }, + }, + { + id: 'template', + elements: [ + { + type: 'shape', + id: 'tYUmrx', + left: 156.66666666666683, + top: 149.02777777777771, + width: 264.4444444444445, + height: 264.4444444444445, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0, + text: { + content: '01
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'shape', + id: '0GVHf8', + left: 342.2222222222223, + top: 217.17592592592587, + width: 128.14814814814812, + height: 128.14814814814812, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{backgroundColor}}', + fixedRatio: false, + rotate: 0 + }, + { + type: 'text', + id: 'BO33Sv', + left: 378.8888888888889, + top: 235.24999999999994, + width: 464.4444444444444, + height: 92, + content: '在此处添加标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + } + ], + background: { + type: 'solid', + color: '{{backgroundColor}}', + }, + }, + { + id: 'template', + elements: [ + { + type: 'text', + id: 'Hj7ttp', + left: 69.35185185185185, + top: 49.21759259259262, + width: 420, + height: 63, + lineHeight: 1.2, + content: '1.请输入标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{themeColor}}', + }, + { + type: 'text', + id: 'FmKMNB', + left: 69.35185185185185, + top: 129.28240740740745, + width: 420, + height: 384, + content: '在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + { + type: 'text', + id: 'rI7ZeO', + left: 510.64814814814815, + top: 49.21759259259262, + width: 420, + height: 63, + lineHeight: 1.2, + content: '2.请输入标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{themeColor}}', + }, + { + type: 'text', + id: 'KspwGc', + left: 510.64814814814815, + top: 129.28240740740745, + width: 420, + height: 384, + content: '在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
在此处输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + ], + background: { + type: 'solid', + color: '{{backgroundColor}}', + }, + }, + { + id: 'template', + elements: [ + { + type: 'text', + id: 'Rx63Jo', + left: 69.35185185185179, + top: 51.71759259259262, + width: 420, + height: 58, + lineHeight: 1.2, + content: '1.请输入标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{themeColor}}', + }, + { + type: 'text', + id: 'ulyuzE', + left: 69.35185185185179, + top: 131.78240740740745, + width: 420, + height: 129, + content: '在此处输入内容
在此处输入内容
在此处输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + { + type: 'text', + id: 'kr35Ca', + left: 510.6481481481481, + top: 51.71759259259262, + width: 420, + height: 58, + lineHeight: 1.2, + content: '2.请输入标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{themeColor}}', + }, + { + type: 'text', + id: 'BNQSpC', + left: 510.6481481481481, + top: 131.78240740740745, + width: 420, + height: 129, + content: '在此处输入内容
在此处输入内容
在此处输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + { + type: 'text', + id: 'Vr38Nu', + left: 69.35185185185185, + top: 301.71759259259255, + width: 420, + height: 58, + lineHeight: 1.2, + content: '3.请输入标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{themeColor}}', + }, + { + type: 'text', + id: 'IwKRSu', + left: 69.35185185185185, + top: 381.7824074074074, + width: 420, + height: 129, + content: '在此处输入内容
在此处输入内容
在此处输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + { + type: 'text', + id: '0Opr1v', + left: 510.64814814814815, + top: 301.71759259259255, + width: 420, + height: 58, + lineHeight: 1.2, + content: '4.请输入标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{themeColor}}', + }, + { + type: 'text', + id: '4L9Uzz', + left: 510.64814814814815, + top: 381.7824074074074, + width: 420, + height: 129, + content: '在此处输入内容
在此处输入内容
在此处输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + ], + background: { + type: 'solid', + color: '{{backgroundColor}}', + }, + }, + { + id: 'template', + elements: [ + { + type: 'text', + id: 'GdEGxg', + left: 134.53703703703704, + top: 127.25, + width: 152.77777777777777, + height: 308, + lineHeight: 1.8, + content: '请在此处输入标题
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + wordSpace: 8, + fill: '{{themeColor}}', + }, + { + type: 'text', + id: 'y5sAfw', + left: 332.8703703703704, + top: 127.25, + width: 532.5925925925926, + height: 50, + content: '', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + { + type: 'text', + id: 'VeuocM', + left: 332.8703703703704, + top: 212.0648148148148, + width: 532.5925925925926, + height: 50, + content: '请在此处输入内容1
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + { + type: 'text', + id: 'RyFWQe', + left: 332.8703703703704, + top: 296.8796296296296, + width: 532.5925925925926, + height: 50, + content: '请在此处输入内容2
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + { + type: 'text', + id: 'Q56viI', + left: 332.8703703703704, + top: 381.69444444444446, + width: 532.5925925925926, + height: 50, + content: '请在此处输入内容3
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}', + }, + ], + background: { + type: 'solid', + color: '{{backgroundColor}}', + }, + }, + { + id: 'template', + elements: [ + { + type: 'shape', + id: 'SUWirT', + left: 73.8888888888889, + top: 64.21296296296302, + width: 49.629629629629626, + height: 49.629629629629626, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0, + text: { + content: '请在此处输入内容4
1
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'text', + id: 'YjzN1M', + left: 148.70370370370372, + top: 64.21296296296302, + width: 323.7037037037037, + height: 120, + content: '在此输入内容
在此输入内容
在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}' + }, + { + type: 'shape', + id: 'fS09I7', + left: 527.5925925925926, + top: 64.21296296296302, + width: 49.629629629629626, + height: 49.629629629629626, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0, + text: { + content: '2
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'text', + id: 'qCnfB1', + left: 602.4074074074074, + top: 64.21296296296302, + width: 323.7037037037037, + height: 120, + content: '在此输入内容
在此输入内容
在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}' + }, + { + type: 'shape', + id: 'difAAT', + left: 73.8888888888889, + top: 221.25000000000003, + width: 49.629629629629626, + height: 49.629629629629626, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0, + text: { + content: '3
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'text', + id: 'EUlvMo', + left: 148.70370370370372, + top: 221.25000000000003, + width: 323.7037037037037, + height: 120, + content: '在此输入内容
在此输入内容
在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}' + }, + { + type: 'shape', + id: 'US_9jB', + left: 527.5925925925926, + top: 221.25000000000003, + width: 49.629629629629626, + height: 49.629629629629626, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0, + text: { + content: '4
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'text', + id: '243MnQ', + left: 602.4074074074074, + top: 221.25000000000003, + width: 323.7037037037037, + height: 120, + content: '在此输入内容
在此输入内容
在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}' + }, + { + type: 'shape', + id: 'Y_KUj0', + left: 73.8888888888889, + top: 378.287037037037, + width: 49.629629629629626, + height: 49.629629629629626, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0, + text: { + content: '5
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'text', + id: '9GglMe', + left: 148.70370370370372, + top: 378.287037037037, + width: 323.7037037037037, + height: 120, + content: '在此输入内容
在此输入内容
在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}' + }, + { + type: 'shape', + id: 'eSInje', + left: 527.5925925925926, + top: 378.287037037037, + width: 49.629629629629626, + height: 49.629629629629626, + viewBox: [200, 200], + path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z', + fill: '{{themeColor}}', + fixedRatio: false, + rotate: 0, + text: { + content: '6
', + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + align: 'middle' + } + }, + { + type: 'text', + id: '0S3yUg', + left: 602.4074074074074, + top: 378.287037037037, + width: 323.7037037037037, + height: 120, + content: '在此输入内容
在此输入内容
在此输入内容
', + rotate: 0, + defaultFontName: '{{fontName}}', + defaultColor: '{{fontColor}}', + fill: '{{subColor}}' + } + ], + background: { + type: 'solid', + color: '{{backgroundColor}}', + }, + }, +] \ No newline at end of file diff --git a/src/renderer/src/Zbox-PPT/src/mocks/slides.ts b/src/renderer/src/Zbox-PPT/src/mocks/slides.ts new file mode 100644 index 0000000..9a0aad6 --- /dev/null +++ b/src/renderer/src/Zbox-PPT/src/mocks/slides.ts @@ -0,0 +1,186 @@ +import type { Slide } from '../types/slides' + +export const slides: Slide[] = [ + { + id: 'test-slide-1', + elements: [ + { + type: 'shape', + id: '4cbRxp', + left: 0, + top: 200, + width: 546, + height: 362.5, + viewBox: [200, 200], + path: 'M 0 0 L 0 200 L 200 200 Z', + fill: '#5b9bd5', + fixedRatio: false, + opacity: 0.7, + rotate: 0 + }, + { + type: 'shape', + id: 'ookHrf', + left: 0, + top: 0, + width: 300, + height: 320, + viewBox: [200, 200], + path: 'M 0 0 L 0 200 L 200 200 Z', + fill: '#5b9bd5', + fixedRatio: false, + flipV: true, + rotate: 0 + }, + { + type: 'text', + id: 'idn7Mx', + left: 355, + top: 65.25, + width: 450, + height: 188, + lineHeight: 1.2, + content: 'PPTist
', + rotate: 0, + defaultFontName: 'Microsoft Yahei', + defaultColor: '#333' + }, + { + type: 'text', + id: '7stmVP', + left: 355, + top: 253.25, + width: 585, + height: 56, + content: '基于 Vue 3.x + TypeScript 的在线演示文稿应用
', + rotate: 0, + defaultFontName: 'Microsoft Yahei', + defaultColor: '#333' + }, + { + type: 'line', + id: 'FnpZs4', + left: 361, + top: 238, + start: [0, 0], + end: [549, 0], + points: ['', ''], + color: '#5b9bd5', + style: 'solid', + width: 2, + }, + ], + background: { + type: 'solid', + color: '#ffffff', + }, + }, + { + id: 'test-slide-2', + elements: [ + { + type: 'text', + id: 'ptNnUJ', + left: 145, + top: 148, + width: 711, + height: 77, + lineHeight: 1.2, + content: '在此处添加标题
', + rotate: 0, + defaultFontName: 'Microsoft Yahei', + defaultColor: '#333', + }, + { + type: 'text', + id: 'mRHvQN', + left: 207.50000000000003, + top: 249.84259259259264, + width: 585, + height: 56, + content: '在此处添加副标题
', + rotate: 0, + defaultFontName: 'Microsoft Yahei', + defaultColor: '#333', + }, + { + type: 'line', + id: '7CQDwc', + left: 323.09259259259267, + top: 238.33333333333334, + start: [0, 0], + end: [354.8148148148148, 0], + points: ['', ''], + color: '#5b9bd5', + style: 'solid', + width: 4 + }, + { + type: 'shape', + id: '09wqWw', + left: -27.648148148148138, + top: 432.73148148148147, + width: 1056.2962962962963, + height: 162.96296296296296, + viewBox: [200, 200], + path: 'M 0 20 C 40 -40 60 60 100 20 C 140 -40 160 60 200 20 L 200 180 C 140 240 160 140 100 180 C 40 240 60 140 0 180 L 0 20 Z', + fill: '#5b9bd5', + fixedRatio: false, + rotate: 0 + } + ], + background: { + type: 'solid', + color: '#fff', + }, + }, + { + id: 'test-slide-3', + elements: [ + { + type: 'shape', + id: 'vSheCJ', + left: 183.5185185185185, + top: 175.5092592592593, + width: 605.1851851851851, + height: 185.18518518518516, + viewBox: [200, 200], + path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z', + fill: '#5b9bd5', + fixedRatio: false, + rotate: 0 + }, + { + type: 'shape', + id: 'Mpwv7x', + left: 211.29629629629628, + top: 201.80555555555557, + width: 605.1851851851851, + height: 185.18518518518516, + viewBox: [200, 200], + path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z', + fill: '#5b9bd5', + fixedRatio: false, + rotate: 0, + opacity: 0.7 + }, + { + type: 'text', + id: 'WQOTAp', + left: 304.9074074074074, + top: 198.10185185185182, + width: 417.9629629629629, + height: 140, + content: '感谢观看
', + rotate: 0, + defaultFontName: 'Microsoft Yahei', + defaultColor: '#333', + wordSpace: 5 + } + ], + background: { + type: 'solid', + color: '#fff', + }, + }, +] \ No newline at end of file diff --git a/src/renderer/src/Zbox-PPT/src/mocks/theme.ts b/src/renderer/src/Zbox-PPT/src/mocks/theme.ts new file mode 100644 index 0000000..4cc5967 --- /dev/null +++ b/src/renderer/src/Zbox-PPT/src/mocks/theme.ts @@ -0,0 +1,19 @@ +import type { SlideTheme } from '../types/slides' + +export const theme: SlideTheme = { + themeColor: '#5b9bd5', + fontColor: '#333', + fontName: 'Microsoft Yahei', + backgroundColor: '#fff', + shadow: { + h: 3, + v: 3, + blur: 2, + color: '#808080', + }, + outline: { + width: 2, + color: '#525252', + style: 'solid', + }, +} \ No newline at end of file diff --git a/src/renderer/src/Zbox-PPT/src/plugins/directive/clickOutside.ts b/src/renderer/src/Zbox-PPT/src/plugins/directive/clickOutside.ts new file mode 100644 index 0000000..0037abd --- /dev/null +++ b/src/renderer/src/Zbox-PPT/src/plugins/directive/clickOutside.ts @@ -0,0 +1,35 @@ +import type { Directive, DirectiveBinding } from 'vue' + +const CTX_CLICK_OUTSIDE_HANDLER = 'CTX_CLICK_OUTSIDE_HANDLER' + +interface CustomHTMLElement extends HTMLElement { + [CTX_CLICK_OUTSIDE_HANDLER]?: (event: MouseEvent) => void +} + +const clickListener = (el: HTMLElement, event: MouseEvent, binding: DirectiveBinding) => { + const handler = binding.value + + const path = event.composedPath() + const isClickOutside = path ? path.indexOf(el) < 0 : !el.contains(event.target as HTMLElement) + + if (!isClickOutside) return + handler(event) +} + +const ClickOutsideDirective: Directive = { + mounted(el: CustomHTMLElement, binding) { + el[CTX_CLICK_OUTSIDE_HANDLER] = (event: MouseEvent) => clickListener(el, event, binding) + setTimeout(() => { + document.addEventListener('click', el[CTX_CLICK_OUTSIDE_HANDLER]!) + }, 0) + }, + + unmounted(el: CustomHTMLElement) { + if (el[CTX_CLICK_OUTSIDE_HANDLER]) { + document.removeEventListener('click', el[CTX_CLICK_OUTSIDE_HANDLER]) + delete el[CTX_CLICK_OUTSIDE_HANDLER] + } + }, +} + +export default ClickOutsideDirective \ No newline at end of file diff --git a/src/renderer/src/Zbox-PPT/src/plugins/directive/contextmenu.ts b/src/renderer/src/Zbox-PPT/src/plugins/directive/contextmenu.ts new file mode 100644 index 0000000..7ffbaa4 --- /dev/null +++ b/src/renderer/src/Zbox-PPT/src/plugins/directive/contextmenu.ts @@ -0,0 +1,64 @@ +import { type Directive, type DirectiveBinding, createVNode, render } from 'vue' +import ContextmenuComponent from '../../components/Contextmenu/index.vue' + +const CTX_CONTEXTMENU_HANDLER = 'CTX_CONTEXTMENU_HANDLER' + +interface CustomHTMLElement extends HTMLElement { + [CTX_CONTEXTMENU_HANDLER]?: (event: MouseEvent) => void +} + +const contextmenuListener = (el: HTMLElement, event: MouseEvent, binding: DirectiveBinding) => { + event.stopPropagation() + event.preventDefault() + + const menus = binding.value(el) + if (!menus) return + + let container: HTMLDivElement | null = null + + // 移除右键菜单并取消相关的事件监听 + const removeContextmenu = () => { + if (container) { + document.body.removeChild(container) + container = null + } + el.classList.remove('contextmenu-active') + document.body.removeEventListener('scroll', removeContextmenu) + window.removeEventListener('resize', removeContextmenu) + } + + // 创建自定义菜单 + const options = { + axis: { x: event.x, y: event.y }, + el, + menus, + removeContextmenu, + } + container = document.createElement('div') + const vm = createVNode(ContextmenuComponent, options, null) + render(vm, container) + document.body.appendChild(container) + + // 为目标节点添加菜单激活状态的className + el.classList.add('contextmenu-active') + + // 页面变化时移除菜单 + document.body.addEventListener('scroll', removeContextmenu) + window.addEventListener('resize', removeContextmenu) +} + +const ContextmenuDirective: Directive = { + mounted(el: CustomHTMLElement, binding) { + el[CTX_CONTEXTMENU_HANDLER] = (event: MouseEvent) => contextmenuListener(el, event, binding) + el.addEventListener('contextmenu', el[CTX_CONTEXTMENU_HANDLER]) + }, + + unmounted(el: CustomHTMLElement) { + if (el && el[CTX_CONTEXTMENU_HANDLER]) { + el.removeEventListener('contextmenu', el[CTX_CONTEXTMENU_HANDLER]) + delete el[CTX_CONTEXTMENU_HANDLER] + } + }, +} + +export default ContextmenuDirective \ No newline at end of file diff --git a/src/renderer/src/Zbox-PPT/src/plugins/directive/index.ts b/src/renderer/src/Zbox-PPT/src/plugins/directive/index.ts new file mode 100644 index 0000000..b2ee91c --- /dev/null +++ b/src/renderer/src/Zbox-PPT/src/plugins/directive/index.ts @@ -0,0 +1,13 @@ +import type { App } from 'vue' + +import Contextmenu from './contextmenu' +import ClickOutside from './clickOutside' +import Tooltip from './tooltip' + +export default { + install(app: App) { + app.directive('contextmenu', Contextmenu) + app.directive('click-outside', ClickOutside) + app.directive('tooltip', Tooltip) + } +} diff --git a/src/renderer/src/Zbox-PPT/src/plugins/directive/tooltip.scss b/src/renderer/src/Zbox-PPT/src/plugins/directive/tooltip.scss new file mode 100644 index 0000000..3a2c2aa --- /dev/null +++ b/src/renderer/src/Zbox-PPT/src/plugins/directive/tooltip.scss @@ -0,0 +1,68 @@ +@import "../../assets/styles/variable"; +.tippy-box[data-theme~='tooltip'] { + background-color: #262626; + color: #fff; + border-radius: $borderRadius; + padding: 8px; + font-size: 12px; + line-height: 1.5; + + .tippy-arrow { + width: 12px; + height: 12px; + color: #262626; + + &::before { + content: ''; + position: absolute; + border-color: transparent; + border-style: solid; + } + } + + &[data-placement^='top'] > .tippy-arrow { + bottom: 0; + + &::before { + bottom: -5px; + left: 0; + border-width: 6px 6px 0; + border-top-color: initial; + transform-origin: center top; + } + } + + &[data-placement^='bottom'] > .tippy-arrow { + top: 0; + + &::before { + top: -5px; + left: 0; + border-width: 0 6px 6px; + border-bottom-color: initial; + transform-origin: center bottom; + } + } + + &[data-placement^='left'] > .tippy-arrow { + right: 0; + + &::before { + border-width: 6px 0 6px 6px; + border-left-color: initial; + right: -5px; + transform-origin: center left; + } + } + + &[data-placement^='right'] > .tippy-arrow { + left: 0; + + &::before { + left: -5px; + border-width: 6px 6px 6px 0; + border-right-color: initial; + transform-origin: center right; + } + } +} \ No newline at end of file diff --git a/src/renderer/src/Zbox-PPT/src/plugins/directive/tooltip.ts b/src/renderer/src/Zbox-PPT/src/plugins/directive/tooltip.ts new file mode 100644 index 0000000..40d6b0e --- /dev/null +++ b/src/renderer/src/Zbox-PPT/src/plugins/directive/tooltip.ts @@ -0,0 +1,62 @@ +import type { Directive, DirectiveBinding } from 'vue' +import tippy, { type Instance, type Placement } from 'tippy.js' + +import './tooltip.scss' + +const TOOLTIP_INSTANCE = 'TOOLTIP_INSTANCE' + +interface CustomHTMLElement extends HTMLElement { + [TOOLTIP_INSTANCE]?: Instance +} + +type Delay = number | [number | null, number | null] + +interface BindingValue { + content: string + placement?: Placement + delay?: Delay +} + +const TooltipDirective: Directive = { + mounted(el: CustomHTMLElement, binding: DirectiveBinding${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/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/AlignmentLine.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/AlignmentLine.vue
new file mode 100644
index 0000000..9adf274
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/AlignmentLine.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/EditableElement.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/EditableElement.vue
new file mode 100644
index 0000000..b3e7c75
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/EditableElement.vue
@@ -0,0 +1,167 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/ElementCreateSelection.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/ElementCreateSelection.vue
new file mode 100644
index 0000000..d17074b
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/ElementCreateSelection.vue
@@ -0,0 +1,233 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/GridLines.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/GridLines.vue
new file mode 100644
index 0000000..c07a4af
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/GridLines.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/LinkDialog.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/LinkDialog.vue
new file mode 100644
index 0000000..dd1eaf9
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/LinkDialog.vue
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/MouseSelection.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/MouseSelection.vue
new file mode 100644
index 0000000..6661d04
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/MouseSelection.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/BorderLine.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/BorderLine.vue
new file mode 100644
index 0000000..9b09b2e
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/BorderLine.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/CommonElementOperate.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/CommonElementOperate.vue
new file mode 100644
index 0000000..80263e3
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/CommonElementOperate.vue
@@ -0,0 +1,64 @@
+
+
+
+
+ 预览：
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/ImageElementOperate.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/ImageElementOperate.vue
new file mode 100644
index 0000000..fcab634
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/ImageElementOperate.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/LineElementOperate.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/LineElementOperate.vue
new file mode 100644
index 0000000..3615982
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/LineElementOperate.vue
@@ -0,0 +1,128 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/LinkHandler.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/LinkHandler.vue
new file mode 100644
index 0000000..5bfa24d
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/LinkHandler.vue
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue
new file mode 100644
index 0000000..49d9f27
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/MultiSelectOperate.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/ResizeHandler.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/ResizeHandler.vue
new file mode 100644
index 0000000..2095a9e
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/ResizeHandler.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/RotateHandler.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/RotateHandler.vue
new file mode 100644
index 0000000..cfad62f
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/RotateHandler.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue
new file mode 100644
index 0000000..da8684e
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/ShapeElementOperate.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/TableElementOperate.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/TableElementOperate.vue
new file mode 100644
index 0000000..c79eba6
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/TableElementOperate.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/TextElementOperate.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/TextElementOperate.vue
new file mode 100644
index 0000000..d2060dc
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/TextElementOperate.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/index.vue
new file mode 100644
index 0000000..9fa1fd8
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Operate/index.vue
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Ruler.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Ruler.vue
new file mode 100644
index 0000000..fa0edbe
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/Ruler.vue
@@ -0,0 +1,201 @@
+
+
+
+
+ {{index + 1}}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/ShapeCreateCanvas.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/ShapeCreateCanvas.vue
new file mode 100644
index 0000000..c71ab6d
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/ShapeCreateCanvas.vue
@@ -0,0 +1,197 @@
+
+
+
+
+ {{ marker * 100 }}
+
+
+
+
+
+
+ {{ marker * 100 }}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/ViewportBackground.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/ViewportBackground.vue
new file mode 100644
index 0000000..7a453ea
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/ViewportBackground.vue
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/hooks/useCommonOperate.ts b/src/renderer/src/Zbox-PPT/src/views/Editor/Canvas/hooks/useCommonOperate.ts
new file mode 100644
index 0000000..75e1e73
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/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/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/ChartPool.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/ChartPool.vue
new file mode 100644
index 0000000..3bc01a2
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/ChartPool.vue
@@ -0,0 +1,70 @@
+
+ -
+
-
+ ++
+ + + + + + + + +
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/MediaInput.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/MediaInput.vue
new file mode 100644
index 0000000..371447a
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/MediaInput.vue
@@ -0,0 +1,77 @@
+
+
+
+ {{item.type}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue
new file mode 100644
index 0000000..154ae3a
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/ShapeItemThumbnail.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/ShapePool.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/ShapePool.vue
new file mode 100644
index 0000000..4b56afb
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/ShapePool.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/TableGenerator.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/TableGenerator.vue
new file mode 100644
index 0000000..5e9f732
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/TableGenerator.vue
@@ -0,0 +1,164 @@
+
+
+
+ {{item.type}}
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/index.vue
new file mode 100644
index 0000000..0340b20
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/CanvasTool/index.vue
@@ -0,0 +1,363 @@
+
+
+
+ 表格 {{endCell.length ? `${endCell[0]} x ${endCell[1]}` : ''}}
+ {{ isCustom ? '返回' : '自定义'}}
+ | + + | +
+
+
+
+ 行数：
+
+
+ 列数：
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/EditorHeader/HotkeyDoc.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/EditorHeader/HotkeyDoc.vue
new file mode 100644
index 0000000..eeb0e26
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/EditorHeader/HotkeyDoc.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+ 批注面板
+ 选择窗格
+ 查找替换
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 自由绘制
+
+
+
+
+
+
+ {{item}}%
+ 适应屏幕
+
+ {{canvasScalePercentage}}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/EditorHeader/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/EditorHeader/index.vue
new file mode 100644
index 0000000..ec5d913
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/EditorHeader/index.vue
@@ -0,0 +1,221 @@
+
+ {{item.type}}
+
+
+
+ {{hotkey.label}}
+ {{hotkey.value}}
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportImage.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportImage.vue
new file mode 100644
index 0000000..b8806b7
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportImage.vue
@@ -0,0 +1,187 @@
+
+
+
+
+
+ 导入 pptist 文件
+
+
+ 导入 pptx 文件（测试版）
+
+ 导出文件
+ 重置幻灯片
+ 意见反馈
+ 常见问题
+ 快捷操作
+
+
+
+
+
+
+
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportJSON.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportJSON.vue
new file mode 100644
index 0000000..5d36180
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportJSON.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+ JPEG
+ PNG
+
+
+ 导出格式：
+
+
+ 全部
+ 当前页
+ 自定义
+
+
+ 导出范围：
+
+
+
+ 自定义范围：
+
+
+
+ 图片质量：
+
+
+ 忽略在线字体：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportPDF.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportPDF.vue
new file mode 100644
index 0000000..311b0b5
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportPDF.vue
@@ -0,0 +1,170 @@
+
+
+
+
+ {{ json }}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportPPTX.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportPPTX.vue
new file mode 100644
index 0000000..e064d0f
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportPPTX.vue
@@ -0,0 +1,151 @@
+
+
+
+
+
+
+
+
+
+
+ 全部
+ 当前页
+
+
+ 导出范围：
+
+
+ 每页数量：
+
+
+
+ 边缘留白：
+
+
+
+ 提示：若打印预览与实际样式不一致，请在弹出的打印窗口中勾选【背景图形】选项。
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportSpecificFile.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportSpecificFile.vue
new file mode 100644
index 0000000..d82936d
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/ExportSpecificFile.vue
@@ -0,0 +1,132 @@
+
+
+
+
+
+ 全部
+ 当前页
+ 自定义
+
+
+ 导出范围：
+
+
+ 自定义范围：
+
+
+ 忽略音频/视频：
+
+
+
+
+
+ 覆盖默认母版：
+
+
+
+ 提示：1. 支持导出格式：avi、mp4、mov、wmv、mp3、wav；2. 跨域资源无法导出。
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/index.vue
new file mode 100644
index 0000000..eea45d6
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/ExportDialog/index.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+ 全部
+ 当前页
+ 自定义
+
+
+ 导出范围：
+
+
+ 自定义范围：
+
+ 提示：.pptist 是本应用的特有文件后缀，支持将该类型的文件导入回应用中。
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/NotesPanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/NotesPanel.vue
new file mode 100644
index 0000000..0737375
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/NotesPanel.vue
@@ -0,0 +1,341 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 回复
+ 删除
+ {{ note.content }}
+
+
+
+
+
+
+
+ 本页暂无批注
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Remark/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Remark/index.vue
new file mode 100644
index 0000000..54823a7
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Remark/index.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/SearchPanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/SearchPanel.vue
new file mode 100644
index 0000000..0349b05
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/SearchPanel.vue
@@ -0,0 +1,153 @@
+
+
+
+
+ {{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/src/renderer/src/Zbox-PPT/src/views/Editor/Thumbnails/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Thumbnails/index.vue
new file mode 100644
index 0000000..9edc344
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Thumbnails/index.vue
@@ -0,0 +1,530 @@
+
+ 页面模板
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementAnimationPanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementAnimationPanel.vue
new file mode 100644
index 0000000..619072c
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementAnimationPanel.vue
@@ -0,0 +1,500 @@
+
+
+
+
+
+
+
+
+ {{ 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/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementPositionPanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementPositionPanel.vue
new file mode 100644
index 0000000..0029968
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/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/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue
new file mode 100644
index 0000000..c642d09
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.vue
@@ -0,0 +1,79 @@
+
+ 层级：
+ 对齐：
+
+
+
+ 水平：
+
+
+
+
+
+ 垂直：
+
+
+
+
+
+
+
+
+ 宽度：
+
+
+
+
+
+ 高度：
+
+
+
+
+
+
+
+
+
+ 旋转：
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue
new file mode 100644
index 0000000..8f4a785
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ChartDataEditor.vue
@@ -0,0 +1,552 @@
+
+
+
+
+
+
+
+ 图标颜色：
+
+
+
+ 自动播放：
+
+
+
+
+ 循环播放：
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
new file mode 100644
index 0000000..3fc434f
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
@@ -0,0 +1,304 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ alphabet[colIndex - 1] }}
+
+
+
+
+ {{ rowIndex }}
+
+
+
+
+
+
+
+
+ | + + | +
+
+
+ 图表类型：{{ CHART_TYPE_MAP[chartType] }}
+
+
+ {{CHART_TYPE_MAP[item]}}
+
+ 点击更换
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
new file mode 100644
index 0000000..7445f45
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
@@ -0,0 +1,336 @@
+
+
+ 堆叠样式
+ 使用平滑曲线
+
+
+
+
+
+
+
+ 背景填充：
+
+
+
+
+
+
+ 文字颜色：
+
+
+
+
+
+ {{index === 0 ? '主题配色：' : ''}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue
new file mode 100644
index 0000000..6236b6e
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.vue
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+
+
+
+ 按形状：
+
+
+
+
+
+
+
+ 按{{typeItem.label}}：
+
+
+
+ 圆角半径：
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue
new file mode 100644
index 0000000..d6298cd
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.vue
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
+
+
+
+ 颜色：
+
+
+
+ 粗细：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue
new file mode 100644
index 0000000..f9ed9b2
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue
@@ -0,0 +1,262 @@
+
+
+
+ 线条样式：
+
+
+
+
+
+
+ 线条颜色：
+
+
+
+ 线条宽度：
+
+
+ 起点样式：
+
+
+
+
+ 终点样式：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
new file mode 100644
index 0000000..7b83762
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
@@ -0,0 +1,303 @@
+
+
+
+
+
+
+
+ 填充颜色：
+
+
+ 边框样式：
+
+
+
+
+
+
+ 边框颜色：
+
+
+
+ 边框粗细：
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue
new file mode 100644
index 0000000..c9e583c
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.vue
@@ -0,0 +1,424 @@
+
+
+ 点击替换形状
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 当前色块：
+
+
+
+
+ 渐变角度：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
new file mode 100644
index 0000000..548c3d2
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
@@ -0,0 +1,272 @@
+
+
+
+ 行数：
+
+
+
+ {{rowCount}}
+
+
+
+
+ 列数：
+
+
+
+ {{colCount}}
+
+
+
+
+
+ 启用主题表格：
+
+
+
+ 标题行
+ 汇总行
+
+
+ 第一列
+ 最后一列
+
+
+
+
+
+
+
+ 主题颜色：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue
new file mode 100644
index 0000000..3ffd8c5
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.vue
@@ -0,0 +1,108 @@
+
+
+
+
+ {{item.label}}
+
+
+ 行间距：
+
+
+
+ 段间距：
+
+
+
+ 字间距：
+
+
+
+
+
+
+
+ 文本框填充：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/index.vue
new file mode 100644
index 0000000..0a59df5
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ElementStylePanel/index.vue
@@ -0,0 +1,48 @@
+
+ 视频预览封面
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 自动播放：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/MultiPositionPanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/MultiPositionPanel.vue
new file mode 100644
index 0000000..1cbceb4
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/MultiPositionPanel.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/SlideAnimationPanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/SlideAnimationPanel.vue
new file mode 100644
index 0000000..0428fc6
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/SlideAnimationPanel.vue
@@ -0,0 +1,252 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/SlideDesignPanel.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/SlideDesignPanel.vue
new file mode 100644
index 0000000..130b313
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/SlideDesignPanel.vue
@@ -0,0 +1,559 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ThemeStylesExtract.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ThemeStylesExtract.vue
new file mode 100644
index 0000000..a888cc1
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/ThemeStylesExtract.vue
@@ -0,0 +1,222 @@
+
+
+
+
+
+ {{item}}
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementColorMask.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementColorMask.vue
new file mode 100644
index 0000000..6b680c5
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementColorMask.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+ 字体：
+
+
+
+
+ {{ fontMap[item] || item }}
+
+
+ √
+ 选择
+ 配置到主题
+
+
+ 文字颜色：
+
+
+
+
+
+
+
+ √
+ 选择
+ 配置到主题
+
+
+ 背景颜色：
+
+
+
+
+
+
+
+ √
+ 选择
+ 配置到主题
+
+
+ 主题色：
+
+
+
+
+
+
+
+ √
+ 选择
+ 配置到主题
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementFilter.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementFilter.vue
new file mode 100644
index 0000000..b66bcbf
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementFilter.vue
@@ -0,0 +1,198 @@
+
+
+
+
+ 着色（蒙版）：
+
+
+
+
+
+
+
+
+ 蒙版颜色：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementFlip.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementFlip.vue
new file mode 100644
index 0000000..62271f2
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementFlip.vue
@@ -0,0 +1,59 @@
+
+
+
+
+ 启用滤镜：
+
+
+
+
+
+ ![]()
+ {{ item.label }}
+
+
+
+
+
+
+ {{filter.label}}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementOpacity.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementOpacity.vue
new file mode 100644
index 0000000..d0ade60
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementOpacity.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementOutline.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementOutline.vue
new file mode 100644
index 0000000..c83a93b
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementOutline.vue
@@ -0,0 +1,118 @@
+
+
+
+ 不透明度：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementShadow.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementShadow.vue
new file mode 100644
index 0000000..ff62300
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/ElementShadow.vue
@@ -0,0 +1,120 @@
+
+
+
+
+ 启用边框：
+
+
+
+
+ 边框样式：
+
+
+
+
+
+
+ 边框颜色：
+
+
+
+ 边框粗细：
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/RichTextBase.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/RichTextBase.vue
new file mode 100644
index 0000000..b21b9ba
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/common/RichTextBase.vue
@@ -0,0 +1,392 @@
+
+
+
+
+ 启用阴影：
+
+
+
+
+ 水平阴影：
+
+
+ 垂直阴影：
+
+
+ 模糊距离：
+
+
+
+
+
+
+ 阴影颜色：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ A²
+ A₂
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/index.vue
new file mode 100644
index 0000000..49bfd8e
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/Toolbar/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Editor/index.vue b/src/renderer/src/Zbox-PPT/src/views/Editor/index.vue
new file mode 100644
index 0000000..a0e3d92
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Editor/index.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- +
+
+
+
+ -
+
- +
+
+
+
+
+ 减小首行缩进
+
+
+
+
+
+
+
+
+
+ 增大首行缩进
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/MobileEditableElement.vue b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/MobileEditableElement.vue
new file mode 100644
index 0000000..2018d96
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/MobileEditableElement.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/MobileOperate.vue b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/MobileOperate.vue
new file mode 100644
index 0000000..d643384
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/MobileOperate.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/SlideToolbar.vue b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/SlideToolbar.vue
new file mode 100644
index 0000000..b7efb50
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/SlideToolbar.vue
@@ -0,0 +1,145 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/index.vue b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/index.vue
new file mode 100644
index 0000000..9ee0571
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileEditor/index.vue
@@ -0,0 +1,149 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Mobile/MobilePlayer.vue b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobilePlayer.vue
new file mode 100644
index 0000000..744e5d4
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobilePlayer.vue
@@ -0,0 +1,249 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Mobile/MobilePreview.vue b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobilePreview.vue
new file mode 100644
index 0000000..ae78da5
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobilePreview.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileThumbnails.vue b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileThumbnails.vue
new file mode 100644
index 0000000..0ff4b61
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Mobile/MobileThumbnails.vue
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Mobile/index.vue b/src/renderer/src/Zbox-PPT/src/views/Mobile/index.vue
new file mode 100644
index 0000000..985b641
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Mobile/index.vue
@@ -0,0 +1,38 @@
+
+
+
+
+ {{ index + 1 }}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Screen/BaseView.vue b/src/renderer/src/Zbox-PPT/src/views/Screen/BaseView.vue
new file mode 100644
index 0000000..1611934
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Screen/BaseView.vue
@@ -0,0 +1,277 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Screen/CountdownTimer.vue b/src/renderer/src/Zbox-PPT/src/views/Screen/CountdownTimer.vue
new file mode 100644
index 0000000..f6744fe
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Screen/CountdownTimer.vue
@@ -0,0 +1,205 @@
+
+
+
+
+
+
+
+
+ 幻灯片 {{slideIndex + 1}} / {{slides.length}}
+
+ {{ inTiming ? '暂停' : '开始'}}
+ 重置
+ 倒计时
+
+
+
+
+
+
+
+ :
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Screen/ScreenElement.vue b/src/renderer/src/Zbox-PPT/src/views/Screen/ScreenElement.vue
new file mode 100644
index 0000000..69f7c46
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Screen/ScreenElement.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 演讲者备注
+ P {{slideIndex + 1}} / {{slides.length}}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Screen/ScreenSlide.vue b/src/renderer/src/Zbox-PPT/src/views/Screen/ScreenSlide.vue
new file mode 100644
index 0000000..25dcfad
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Screen/ScreenSlide.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Screen/ScreenSlideList.vue b/src/renderer/src/Zbox-PPT/src/views/Screen/ScreenSlideList.vue
new file mode 100644
index 0000000..1b0b4c7
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Screen/ScreenSlideList.vue
@@ -0,0 +1,211 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Screen/SlideThumbnails.vue b/src/renderer/src/Zbox-PPT/src/views/Screen/SlideThumbnails.vue
new file mode 100644
index 0000000..95adc1a
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Screen/SlideThumbnails.vue
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Screen/WritingBoardTool.vue b/src/renderer/src/Zbox-PPT/src/views/Screen/WritingBoardTool.vue
new file mode 100644
index 0000000..6d4fcb1
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/Screen/WritingBoardTool.vue
@@ -0,0 +1,254 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/Screen/hooks/useExecPlay.ts b/src/renderer/src/Zbox-PPT/src/views/Screen/hooks/useExecPlay.ts
new file mode 100644
index 0000000..f002995
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/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/src/renderer/src/Zbox-PPT/src/views/Screen/hooks/useFullscreen.ts b/src/renderer/src/Zbox-PPT/src/views/Screen/hooks/useFullscreen.ts
new file mode 100644
index 0000000..3dac5f4
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/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/src/renderer/src/Zbox-PPT/src/views/Screen/hooks/useSlideSize.ts b/src/renderer/src/Zbox-PPT/src/views/Screen/hooks/useSlideSize.ts
new file mode 100644
index 0000000..65c6d83
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/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/src/renderer/src/Zbox-PPT/src/views/components/ThumbnailSlide/ThumbnailElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/ThumbnailSlide/ThumbnailElement.vue
new file mode 100644
index 0000000..590b0c9
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/ThumbnailSlide/ThumbnailElement.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/ThumbnailSlide/index.vue b/src/renderer/src/Zbox-PPT/src/views/components/ThumbnailSlide/index.vue
new file mode 100644
index 0000000..342163a
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/ThumbnailSlide/index.vue
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/AudioPlayer.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/AudioPlayer.vue
new file mode 100644
index 0000000..9a6db12
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/AudioPlayer.vue
@@ -0,0 +1,504 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/BaseAudioElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/BaseAudioElement.vue
new file mode 100644
index 0000000..74cce0b
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/BaseAudioElement.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+ {{ptime}} / {{dtime}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/ScreenAudioElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/ScreenAudioElement.vue
new file mode 100644
index 0000000..3ff0b61
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/ScreenAudioElement.vue
@@ -0,0 +1,122 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/index.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/index.vue
new file mode 100644
index 0000000..e2745d0
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/AudioElement/index.vue
@@ -0,0 +1,122 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ChartElement/BaseChartElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ChartElement/BaseChartElement.vue
new file mode 100644
index 0000000..068e1e5
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ChartElement/BaseChartElement.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ChartElement/Chart.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ChartElement/Chart.vue
new file mode 100644
index 0000000..4af1935
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ChartElement/Chart.vue
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ChartElement/chartOption.ts b/src/renderer/src/Zbox-PPT/src/views/components/element/ChartElement/chartOption.ts
new file mode 100644
index 0000000..4ae47a3
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/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/src/renderer/src/Zbox-PPT/src/views/components/element/ElementOutline.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ElementOutline.vue
new file mode 100644
index 0000000..3bcf47f
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ElementOutline.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/BaseImageElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/BaseImageElement.vue
new file mode 100644
index 0000000..7f3a53e
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/BaseImageElement.vue
@@ -0,0 +1,110 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageClipHandler.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageClipHandler.vue
new file mode 100644
index 0000000..5d96bce
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageClipHandler.vue
@@ -0,0 +1,649 @@
+
+
+
+
+
+
+ ![]()
+
+
+
+ ![]()
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue
new file mode 100644
index 0000000..b6c5db7
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/ImageEllipseOutline.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue
new file mode 100644
index 0000000..ec334be
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/ImagePolygonOutline.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue
new file mode 100644
index 0000000..dfa9dd4
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/ImageRectOutline.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/index.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/index.vue
new file mode 100644
index 0000000..3d63a96
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/ImageOutline/index.vue
@@ -0,0 +1,41 @@
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/index.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/index.vue
new file mode 100644
index 0000000..670f486
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/index.vue
@@ -0,0 +1,195 @@
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/useClipImage.ts b/src/renderer/src/Zbox-PPT/src/views/components/element/ImageElement/useClipImage.ts
new file mode 100644
index 0000000..8812192
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/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/src/renderer/src/Zbox-PPT/src/views/components/element/LatexElement/index.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/LatexElement/index.vue
new file mode 100644
index 0000000..efc5b7c
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/LatexElement/index.vue
@@ -0,0 +1,92 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/LineElement/BaseLineElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/LineElement/BaseLineElement.vue
new file mode 100644
index 0000000..2cb4deb
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/LineElement/BaseLineElement.vue
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/LineElement/LinePointMarker.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/LineElement/LinePointMarker.vue
new file mode 100644
index 0000000..3ce315f
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/LineElement/LinePointMarker.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ProsemirrorEditor.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ProsemirrorEditor.vue
new file mode 100644
index 0000000..60a4f69
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ProsemirrorEditor.vue
@@ -0,0 +1,316 @@
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ShapeElement/BaseShapeElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ShapeElement/BaseShapeElement.vue
new file mode 100644
index 0000000..115485b
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ShapeElement/BaseShapeElement.vue
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/ShapeElement/GradientDefs.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/ShapeElement/GradientDefs.vue
new file mode 100644
index 0000000..cdc11e6
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/ShapeElement/GradientDefs.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/BaseTableElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/BaseTableElement.vue
new file mode 100644
index 0000000..beec4a4
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/BaseTableElement.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/CustomTextarea.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/CustomTextarea.vue
new file mode 100644
index 0000000..9ab8345
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/CustomTextarea.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/EditableTable.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/EditableTable.vue
new file mode 100644
index 0000000..5b06de9
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/EditableTable.vue
@@ -0,0 +1,842 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/StaticTable.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/StaticTable.vue
new file mode 100644
index 0000000..c8546d4
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/StaticTable.vue
@@ -0,0 +1,145 @@
+
+
+
+
+ |
+ |
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/index.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/index.vue
new file mode 100644
index 0000000..befd369
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/index.vue
@@ -0,0 +1,206 @@
+
+ | + + | +
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/useHideCells.ts b/src/renderer/src/Zbox-PPT/src/views/components/element/TableElement/useHideCells.ts
new file mode 100644
index 0000000..637dbe8
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/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/src/renderer/src/Zbox-PPT/src/views/components/element/TextElement/index.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/TextElement/index.vue
new file mode 100644
index 0000000..b409077
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/TextElement/index.vue
@@ -0,0 +1,222 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/BaseVideoElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/BaseVideoElement.vue
new file mode 100644
index 0000000..2500a0f
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/BaseVideoElement.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/ScreenVideoElement.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/ScreenVideoElement.vue
new file mode 100644
index 0000000..24bc78e
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/ScreenVideoElement.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/VideoPlayer/index.vue b/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/VideoPlayer/index.vue
new file mode 100644
index 0000000..aa6e32a
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/VideoPlayer/index.vue
@@ -0,0 +1,695 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/VideoPlayer/useMSE.ts b/src/renderer/src/Zbox-PPT/src/views/components/element/VideoElement/VideoPlayer/useMSE.ts
new file mode 100644
index 0000000..f49cbbe
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/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/src/renderer/src/Zbox-PPT/src/views/components/element/hooks/useElementFlip.ts b/src/renderer/src/Zbox-PPT/src/views/components/element/hooks/useElementFlip.ts
new file mode 100644
index 0000000..6aec335
--- /dev/null
+++ b/src/renderer/src/Zbox-PPT/src/views/components/element/hooks/useElementFlip.ts
@@ -0,0 +1,18 @@
+import { computed, type Ref } from 'vue'
+
+// 计算元素的翻转样式
+export default (flipH: Ref
+
+
+
+