feat: add onBeforeMoveEnd (#320)

* feat: add onBeforeMoveEnd

* fix: modify params

Author: linxianxi

packages/core/src/editor/Editor.tsx

@@ -16,6 +16,7 @@ export const Editor: React.FC<Partial<Options>> = ({
   children,
   onRender,
   onNodesChange,
+  onBeforeMoveEnd,
   resolver,
   enabled,
   indicator,
@@ -30,10 +31,17 @@ export const Editor: React.FC<Partial<Options>> = ({
 
   const options = useMemo(() => {
     return pickBy(
-      { onRender, onNodesChange, resolver, enabled, indicator },
+      {
+        onRender,
+        onNodesChange,
+        onBeforeMoveEnd,
+        resolver,
+        enabled,
+        indicator,
+      },
       (value) => value !== undefined
     );
-  }, [enabled, indicator, onNodesChange, onRender, resolver]);
+  }, [enabled, indicator, onBeforeMoveEnd, onNodesChange, onRender, resolver]);
 
   const context = useEditorStore(
     options,

packages/core/src/editor/actions.ts

@@ -275,6 +275,13 @@ const Methods = (
           throw new Error(err);
         });
 
+        // modify node props
+        state.options.onBeforeMoveEnd(
+          targetNode,
+          newParent,
+          state.nodes[currentParentId]
+        );
+
         const currentParent = state.nodes[currentParentId];
         const currentParentNodes = currentParent.data.nodes;
 

packages/core/src/editor/store.tsx

@@ -22,6 +22,7 @@ export const editorInitialState: EditorState = {
   options: {
     onNodesChange: () => null,
     onRender: ({ render }) => render,
+    onBeforeMoveEnd: () => null,
     resolver: {},
     enabled: true,
     indicator: {

packages/core/src/interfaces/editor.ts

@@ -1,7 +1,7 @@
 import { QueryCallbacksFor, Delete, PatchListenerAction } from '@craftjs/utils';
 
 import { Placement } from './events';
-import { Nodes, NodeEventTypes, NodeId } from './nodes';
+import { Nodes, NodeEventTypes, NodeId, Node } from './nodes';
 
 import { QueryMethods } from '../editor/query';
 import { EditorStore, ActionMethodsWithConfig } from '../editor/store';
@@ -10,6 +10,11 @@ import { CoreEventHandlers } from '../events';
 
 export type Options = {
   onRender: React.ComponentType<{ render: React.ReactElement }>;
+  onBeforeMoveEnd: (
+    targetNode: Node,
+    newParentNode: Node,
+    existingParentNode: Node
+  ) => void;
   onNodesChange: (query: QueryCallbacksFor<typeof QueryMethods>) => void;
   resolver: Resolver;
   enabled: boolean;