rebuilt: control store to pinia

src/components/modules/widgets/wImage/wImageSetting.ts

@@ -29,6 +29,7 @@ export type TImageSetting = {
     ratio: number
     left: number
   }
+  cropEdit?: boolean
 }
 
 const setting: TImageSetting = {

src/components/modules/widgets/wImage/wImageStyle.vue

@@ -89,6 +89,8 @@ import imageCutout from '@/components/business/image-cutout'
 import { useSetupMapGetters } from '@/common/hooks/mapGetters'
 import wImageSetting, { TImageSetting } from './wImageSetting'
 import { TGetImageListResult } from '@/api/material'
+import { storeToRefs } from 'pinia'
+import { useControlStore } from '@/pinia'
 
 type TState = {
   picBoxShow: boolean
@@ -132,8 +134,9 @@ const imageCutoutRef = ref<typeof imageCutout | null>(null)
 
 const store = useStore()
 const {
-  dActiveElement, dMoving, dWidgets
-} = useSetupMapGetters(['dActiveElement', 'dMoving', 'dWidgets'])
+  dActiveElement, dWidgets
+} = useSetupMapGetters(['dActiveElement', 'dWidgets'])
+const { dMoving } = storeToRefs(useControlStore())
 // computed: {
 //   ...mapGetters(['dActiveElement', 'dMoving', 'dWidgets']),
 // },

src/pinia/index.ts

@@ -10,10 +10,12 @@ import useBaseStore from "./base";
 import useUserStore from "./base/user";
 import usePageStore from "./design/page"
 import useCanvasStore from "./design/canvas"
+import useControlStore from './design/control'
 
 export {
   useBaseStore,
   useUserStore,
   usePageStore,
   useCanvasStore,
+  useControlStore
 }