✨ feat(pro-editor): 增加 updateCanvasInteraction 方法

ant-design · Jun 14, 2023 · 8bf85d4 · 8bf85d4
1 parent 951d3ac
commit 8bf85d4
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/src/ProEditor/hooks/useProEditor.ts b/src/ProEditor/hooks/useProEditor.ts
@@ -25,6 +25,7 @@ export const useProEditor = <T>(): ProEditorInstance<T> => {
     resetConfig,
     undo,
     redo,
+    updateCanvasInteraction,
   } = storeApi.getState();
 
   const getViewport = useMemoizedFn(() => storeApi.getState().editorAwareness.viewport);
@@ -35,10 +36,11 @@ export const useProEditor = <T>(): ProEditorInstance<T> => {
   return useMemo(
     () => ({
       updateConfig,
+      updateViewport,
+      updateCanvasInteraction,
       deselectCanvas,
       exportConfig,
       resetConfig,
-      updateViewport,
       undo,
       redo,
       undoStack,

diff --git a/src/ProEditor/store/slices/canvas.ts b/src/ProEditor/store/slices/canvas.ts
@@ -2,6 +2,7 @@ import { Viewport } from 'reactflow';
 import { StateCreator } from 'zustand';
 
 import { InteractStatus, OnInteractionStatusChange } from '@/InteractContainer';
+import { UserActionParams } from '@/ProEditor/utils/yjs';
 import { InternalProEditorStore } from '../createStore';
 
 // ======== state ======== //
@@ -35,9 +36,16 @@ const initialCanvasState: CanvasSliceState = {
 export interface CanvasPublicAction {
   deselectCanvas: () => void;
   updateViewport: (viewPort: Partial<Viewport>) => void;
+  updateCanvasInteraction: (
+    interaction: InteractStatus,
+    action?: Partial<UserActionParams>,
+  ) => void;
 }
 export interface CanvasSlice extends CanvasPublicAction, CanvasSliceState {
-  internalUpdateCanvasInteract: (interaction: InteractStatus) => void;
+  internalUpdateCanvasInteract: (
+    interaction: InteractStatus,
+    action?: Partial<UserActionParams>,
+  ) => void;
   toggleCanvasInteraction: () => void;
 }
 
@@ -49,10 +57,12 @@ export const canvasSlice: StateCreator<
 > = (set, get) => ({
   ...initialCanvasState,
   //内部更新交互参数方法
-  internalUpdateCanvasInteract: (interact) => {
+  internalUpdateCanvasInteract: (interact, action) => {
     const { onInteractionChange } = get();
 
-    set({ interaction: interact }, false, '🕹内部更新：interaction');
+    set({ interaction: interact }, false, {
+      type: action?.type || '🕹内部更新：interaction',
+    });
 
     onInteractionChange?.(interact);
   },
@@ -72,6 +82,10 @@ export const canvasSlice: StateCreator<
     internalUpdateCanvasInteract({ status: 'unSelected' });
   },
 
+  updateCanvasInteraction: (interaction) => {
+    get().internalUpdateCanvasInteract(interaction, { name: 'updateCanvasInteraction 触发' });
+  },
+
   updateViewport: (viewPort) => {
     const { internalUpdateEditorAwareness, editorAwareness } = get();