feature: 梳理了toolkey

AnsGoo · May 14, 2024 · 61ba44c · 61ba44c
1 parent 1f624eb
commit 61ba44c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/examples/src/pages/DesignerView/toolbars/index.ts b/examples/src/pages/DesignerView/toolbars/index.ts
@@ -1,4 +1,4 @@
-import { exportCanvas, importCanvas, recoveryDraft, setShowEm, undo } from '@open-data-v/designer'
+import { exportCanvas, importCanvas, recoveryDraft, setShowEm, undo, fullScreen } from '@open-data-v/designer'
 import { h } from 'vue'
 import type { RouteLocationNormalizedLoaded, Router } from 'vue-router'
 
@@ -74,12 +74,7 @@ export default function useToolBars(
     },
     {
       label: '全屏',
-      action: () => {
-        const el: HTMLElement | null = document.querySelector('#editor')
-        if (document.fullscreenEnabled && el) {
-          el.requestFullscreen()
-        }
-      },
+      action: fullScreen,
       icon: 'fullScreen'
     },
     {

diff --git a/packages/designer/src/toolbars.ts b/packages/designer/src/toolbars.ts
@@ -1,11 +1,11 @@
 import type { StoreComponentData } from './db'
-import useCanvasState from './state/canvas'
-import useSnapShotState from './state/snapshot'
+import { useCanvasState, useClipBoardState, useSnapshotState } from './state'
 import type { CanvasStyleData } from './state/type'
 import type { ComponentDataType } from './type'
 import { exportRaw, handleLogger, importRaw } from './utils'
 
-const snapShotState = useSnapShotState()
+const snapShotState = useSnapshotState()
+const clipBoardState = useClipBoardState()
 
 // 状态管理
 const canvasState = useCanvasState()
@@ -70,4 +70,18 @@ const fileHandler = (loadEvent: ProgressEvent<FileReader>) => {
   }
 }
 
-export { exportCanvas, importCanvas, recoveryDraft, setShowEm, undo }
+const decompose = () => {
+  canvasState.decompose()
+}
+const copy = () => {
+  clipBoardState.copy(canvasState.activeComponent!)
+}
+
+const fullScreen = () => {
+  const el: HTMLElement | null = document.querySelector('#editor')
+  if (document.fullscreenEnabled && el) {
+    el.requestFullscreen()
+  }
+}
+
+export { copy, decompose, exportCanvas, fullScreen, importCanvas, recoveryDraft, setShowEm, undo }