jvs-ppt-ui 0.0.12 → 0.0.15

package/src/composables/sidebar/useSidebarElementTransform.ts

@@ -1,6 +1,7 @@
 import { computed, type Ref, type ComputedRef } from 'vue'
 import { shapeFormulas } from '../../utils/pptxShapesLazy'
 import { useSlides } from '../useSlides'
+import { applyGroupGeometryFlip } from '../../utils/groupFlip'
 
 export function useSidebarElementTransform(
   selectedElement: ComputedRef<any>,
@@ -59,34 +60,49 @@ export function useSidebarElementTransform(
       if (el) el.order = idx + 1
     })
     addHistorySnapshot()
+    if (activeSlideVersion) activeSlideVersion.value++
   }
 
   function toggleFlipH() {
     if (selectedElementIds.value.length > 1 && activeSlide.value) {
       activeSlide.value.elements.forEach((el: any) => {
         if (selectedElementIds.value.includes(el.id)) {
-          if (!el.style) el.style = {}
-          el.style.flipH = !el.style.flipH
+          if (el.type === 'group') {
+            applyGroupGeometryFlip(el, true, false)
+          } else {
+            if (!el.style) el.style = {}
+            el.style.flipH = !el.style.flipH
+          }
         }
       })
+    } else if (selectedElement.value && selectedElement.value.type === 'group') {
+      applyGroupGeometryFlip(selectedElement.value, true, false)
     } else {
       getStyle().flipH = !getStyle().flipH
     }
     addHistorySnapshot()
+    if (activeSlideVersion) activeSlideVersion.value++
   }
 
   function toggleFlipV() {
     if (selectedElementIds.value.length > 1 && activeSlide.value) {
       activeSlide.value.elements.forEach((el: any) => {
         if (selectedElementIds.value.includes(el.id)) {
-          if (!el.style) el.style = {}
-          el.style.flipV = !el.style.flipV
+          if (el.type === 'group') {
+            applyGroupGeometryFlip(el, false, true)
+          } else {
+            if (!el.style) el.style = {}
+            el.style.flipV = !el.style.flipV
+          }
         }
       })
+    } else if (selectedElement.value && selectedElement.value.type === 'group') {
+      applyGroupGeometryFlip(selectedElement.value, false, true)
     } else {
       getStyle().flipV = !getStyle().flipV
     }
     addHistorySnapshot()
+    if (activeSlideVersion) activeSlideVersion.value++
   }
 
   function getParentGroup(el: any): any {
@@ -116,7 +132,7 @@ export function useSidebarElementTransform(
     return { width: logicalWidth.value, height: logicalHeight.value }
   }
 
-  const { isCanvasDragging } = useSlides()
+  const { isCanvasDragging, activeSlideVersion } = useSlides()
   let cachedX = 0
   let cachedY = 0
 
@@ -163,6 +179,7 @@ export function useSidebarElementTransform(
         }
       }
       addHistorySnapshot()
+      if (activeSlideVersion) activeSlideVersion.value++
     }
   })
 
@@ -209,6 +226,7 @@ export function useSidebarElementTransform(
         }
       }
       addHistorySnapshot()
+      if (activeSlideVersion) activeSlideVersion.value++
     }
   })
 
@@ -228,6 +246,7 @@ export function useSidebarElementTransform(
         })
       }
       addHistorySnapshot()
+      if (activeSlideVersion) activeSlideVersion.value++
     }
   })
 
@@ -344,6 +363,7 @@ export function useSidebarElementTransform(
         }
       }
       addHistorySnapshot()
+      if (activeSlideVersion) activeSlideVersion.value++
     }
   })
 
@@ -475,6 +495,7 @@ export function useSidebarElementTransform(
         }
       }
       addHistorySnapshot()
+      if (activeSlideVersion) activeSlideVersion.value++
     }
   })
 
@@ -484,6 +505,7 @@ export function useSidebarElementTransform(
     },
     set(val: number) {
       setStyleVal('rotate', val)
+      if (activeSlideVersion) activeSlideVersion.value++
     }
   })
 

package/src/composables/sidebar/useSidebarImage.ts

@@ -204,8 +204,16 @@ export function useSidebarImage(
 
   function setImageAsBackground() {
     if (selectedElement.value && activeSlide.value) {
-      activeSlide.value.background = `url(${selectedElement.value.content}) center center / cover no-repeat`
-      notify('已成功将图片设为幻灯片背景')
+      const src = selectedElement.value.content || selectedElement.value.src
+      if (src) {
+        ;(activeSlide.value as any).bgImageMode = 'stretch'
+        ;(activeSlide.value as any).isPattern = false
+        ;(activeSlide.value as any)._lastBgImageUrl = src
+        activeSlide.value.background = `url("${src}") center center / 100% 100% no-repeat`
+        activeSlide.value.bgType = 'image'
+        addHistorySnapshot()
+        notify('已成功将图片设为幻灯片背景')
+      }
     }
   }