jvs-ppt-ui 0.0.14 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/check_imgs.html +18 -0
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.css +187 -27
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.js +1 -1
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.json +345 -65
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.ttf +0 -0
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.woff +0 -0
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.woff2 +0 -0
- package/dist/lib/jvs-ppt-ui/img/al.png +0 -0
- package/dist/lib/jvs-ppt-ui/img/d.png +0 -0
- package/dist/lib/jvs-ppt-ui/img/dl.png +0 -0
- package/dist/lib/jvs-ppt-ui/img/l.png +0 -0
- package/dist/lib/jvs-ppt-ui.es.js +44973 -43349
- package/dist/lib/jvs-ppt-ui.umd.js +102 -102
- package/dist/lib/style.css +1 -1
- package/package.json +1 -1
- package/scripts/check-icons.mjs +22 -0
- package/scripts/patch-anim-icons.mjs +45 -0
- package/src/assets/iconfont/iconfont.css +187 -27
- package/src/assets/iconfont/iconfont.js +1 -1
- package/src/assets/iconfont/iconfont.json +345 -65
- package/src/assets/iconfont/iconfont.ttf +0 -0
- package/src/assets/iconfont/iconfont.woff +0 -0
- package/src/assets/iconfont/iconfont.woff2 +0 -0
- package/src/components/CanvasArea.vue +218 -193
- package/src/components/ChartTypeSelector.vue +509 -148
- package/src/components/Header.vue +327 -44
- package/src/components/PresentationGroupChild.vue +44 -13
- package/src/components/PresentationMode.vue +84 -33
- package/src/components/QuickBorderPopover.vue +51 -11
- package/src/components/QuickColorPopover.vue +65 -21
- package/src/components/SidebarLeft.vue +286 -107
- package/src/components/SidebarRight.vue +45 -38
- package/src/components/TemplateGallery.vue +1110 -1237
- package/src/components/ToastNotification.vue +2 -2
- package/src/components/Toolbar.vue +825 -733
- package/src/components/canvas/CanvasQuickToolbar.vue +17 -30
- package/src/components/canvas/elements/CanvasGroupElement.vue +6 -0
- package/src/components/canvas/elements/CanvasShapeElement.vue +198 -38
- package/src/components/canvas/elements/CanvasTextElement.vue +4 -3
- package/src/components/sidebar/common/SidebarAlignGroup.vue +104 -50
- package/src/components/sidebar/common/SidebarBorderAccordion.vue +375 -148
- package/src/components/sidebar/common/SidebarPositionGroup.vue +358 -149
- package/src/components/sidebar/common/SidebarReflectionAccordion.vue +429 -203
- package/src/components/sidebar/common/SidebarShadowAccordion.vue +844 -416
- package/src/components/sidebar/panels/GradientEditor.vue +671 -316
- package/src/components/sidebar/panels/LayoutThumbSvg.vue +33 -16
- package/src/components/sidebar/panels/SidebarAnimationPanel.vue +701 -138
- package/src/components/sidebar/panels/SidebarChartFormatPanel.vue +3 -3
- package/src/components/sidebar/panels/SidebarDesignPanel.vue +1754 -416
- package/src/components/sidebar/panels/SidebarMediaFormatPanel.vue +12 -0
- package/src/components/sidebar/panels/SidebarShapeFormatPanel.vue +813 -174
- package/src/components/sidebar/panels/SidebarTableFormatPanel.vue +2 -2
- package/src/components/sidebar/panels/SidebarTextFormatPanel.vue +1938 -1427
- package/src/components/sidebar/panels/SidebarTransitionPanel.vue +791 -210
- package/src/composables/canvas/useCanvasShortcuts.ts +20 -6
- package/src/composables/canvas/useCanvasText.ts +1 -1
- package/src/composables/canvas/useCanvasTransform.ts +44 -0
- package/src/composables/presetThemes.ts +43 -44
- package/src/composables/sidebar/useSidebarAnimation.ts +101 -25
- package/src/composables/sidebar/useSidebarDesign.ts +30 -11
- package/src/composables/sidebar/useSidebarElementTransform.ts +10 -1
- package/src/composables/sidebar/useSidebarImage.ts +10 -2
- package/src/composables/sidebar/useSidebarShapeFormat.ts +562 -107
- package/src/composables/useSlides.ts +331 -153
- package/src/main.ts +2 -0
- package/src/style.css +926 -359
- package/src/utils/canvas/elementStyles.ts +42 -1
|
@@ -60,6 +60,7 @@ export function useSidebarElementTransform(
|
|
|
60
60
|
if (el) el.order = idx + 1
|
|
61
61
|
})
|
|
62
62
|
addHistorySnapshot()
|
|
63
|
+
if (activeSlideVersion) activeSlideVersion.value++
|
|
63
64
|
}
|
|
64
65
|
|
|
65
66
|
function toggleFlipH() {
|
|
@@ -80,6 +81,7 @@ export function useSidebarElementTransform(
|
|
|
80
81
|
getStyle().flipH = !getStyle().flipH
|
|
81
82
|
}
|
|
82
83
|
addHistorySnapshot()
|
|
84
|
+
if (activeSlideVersion) activeSlideVersion.value++
|
|
83
85
|
}
|
|
84
86
|
|
|
85
87
|
function toggleFlipV() {
|
|
@@ -100,6 +102,7 @@ export function useSidebarElementTransform(
|
|
|
100
102
|
getStyle().flipV = !getStyle().flipV
|
|
101
103
|
}
|
|
102
104
|
addHistorySnapshot()
|
|
105
|
+
if (activeSlideVersion) activeSlideVersion.value++
|
|
103
106
|
}
|
|
104
107
|
|
|
105
108
|
function getParentGroup(el: any): any {
|
|
@@ -129,7 +132,7 @@ export function useSidebarElementTransform(
|
|
|
129
132
|
return { width: logicalWidth.value, height: logicalHeight.value }
|
|
130
133
|
}
|
|
131
134
|
|
|
132
|
-
const { isCanvasDragging } = useSlides()
|
|
135
|
+
const { isCanvasDragging, activeSlideVersion } = useSlides()
|
|
133
136
|
let cachedX = 0
|
|
134
137
|
let cachedY = 0
|
|
135
138
|
|
|
@@ -176,6 +179,7 @@ export function useSidebarElementTransform(
|
|
|
176
179
|
}
|
|
177
180
|
}
|
|
178
181
|
addHistorySnapshot()
|
|
182
|
+
if (activeSlideVersion) activeSlideVersion.value++
|
|
179
183
|
}
|
|
180
184
|
})
|
|
181
185
|
|
|
@@ -222,6 +226,7 @@ export function useSidebarElementTransform(
|
|
|
222
226
|
}
|
|
223
227
|
}
|
|
224
228
|
addHistorySnapshot()
|
|
229
|
+
if (activeSlideVersion) activeSlideVersion.value++
|
|
225
230
|
}
|
|
226
231
|
})
|
|
227
232
|
|
|
@@ -241,6 +246,7 @@ export function useSidebarElementTransform(
|
|
|
241
246
|
})
|
|
242
247
|
}
|
|
243
248
|
addHistorySnapshot()
|
|
249
|
+
if (activeSlideVersion) activeSlideVersion.value++
|
|
244
250
|
}
|
|
245
251
|
})
|
|
246
252
|
|
|
@@ -357,6 +363,7 @@ export function useSidebarElementTransform(
|
|
|
357
363
|
}
|
|
358
364
|
}
|
|
359
365
|
addHistorySnapshot()
|
|
366
|
+
if (activeSlideVersion) activeSlideVersion.value++
|
|
360
367
|
}
|
|
361
368
|
})
|
|
362
369
|
|
|
@@ -488,6 +495,7 @@ export function useSidebarElementTransform(
|
|
|
488
495
|
}
|
|
489
496
|
}
|
|
490
497
|
addHistorySnapshot()
|
|
498
|
+
if (activeSlideVersion) activeSlideVersion.value++
|
|
491
499
|
}
|
|
492
500
|
})
|
|
493
501
|
|
|
@@ -497,6 +505,7 @@ export function useSidebarElementTransform(
|
|
|
497
505
|
},
|
|
498
506
|
set(val: number) {
|
|
499
507
|
setStyleVal('rotate', val)
|
|
508
|
+
if (activeSlideVersion) activeSlideVersion.value++
|
|
500
509
|
}
|
|
501
510
|
})
|
|
502
511
|
|
|
@@ -204,8 +204,16 @@ export function useSidebarImage(
|
|
|
204
204
|
|
|
205
205
|
function setImageAsBackground() {
|
|
206
206
|
if (selectedElement.value && activeSlide.value) {
|
|
207
|
-
|
|
208
|
-
|
|
207
|
+
const src = selectedElement.value.content || selectedElement.value.src
|
|
208
|
+
if (src) {
|
|
209
|
+
;(activeSlide.value as any).bgImageMode = 'stretch'
|
|
210
|
+
;(activeSlide.value as any).isPattern = false
|
|
211
|
+
;(activeSlide.value as any)._lastBgImageUrl = src
|
|
212
|
+
activeSlide.value.background = `url("${src}") center center / 100% 100% no-repeat`
|
|
213
|
+
activeSlide.value.bgType = 'image'
|
|
214
|
+
addHistorySnapshot()
|
|
215
|
+
notify('已成功将图片设为幻灯片背景')
|
|
216
|
+
}
|
|
209
217
|
}
|
|
210
218
|
}
|
|
211
219
|
|