@flowgram.ai/free-history-plugin 0.5.2 → 0.5.3

package/dist/index.js

@@ -38,8 +38,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/create-free-history-plugin.ts
+var import_history4 = require("@flowgram.ai/history");
 var import_core5 = require("@flowgram.ai/core");
-var import_history5 = require("@flowgram.ai/history");
 
 // src/history-entity-manager.ts
 var import_lodash_es = require("lodash-es");
@@ -132,12 +132,10 @@ DragNodesHandler = __decorateClass([
   (0, import_inversify2.injectable)()
 ], DragNodesHandler);
 
-// src/handlers/change-node-data-handler.ts
-var import_lodash_es2 = require("lodash-es");
+// src/handlers/change-content-handler.ts
 var import_inversify4 = require("inversify");
 var import_history2 = require("@flowgram.ai/history");
-var import_free_layout_core = require("@flowgram.ai/free-layout-core");
-var import_form_core = require("@flowgram.ai/form-core");
+var import_free_layout_core7 = require("@flowgram.ai/free-layout-core");
 
 // src/free-history-config.ts
 var import_inversify3 = require("inversify");
@@ -185,74 +183,10 @@ FreeHistoryConfig = __decorateClass([
   (0, import_inversify3.injectable)()
 ], FreeHistoryConfig);
 
-// src/handlers/change-node-data-handler.ts
-var ChangeNodeDataHandler = class {
-  handle(event) {
-    const { path, value, initialized, node } = event;
-    const formData = node.getData(import_form_core.FlowNodeFormData);
-    const oldValue = this._entityManager.getValue(formData);
-    const propPath = path.split("/").filter(Boolean).join(".");
-    const propOldValue = propPath ? (0, import_lodash_es2.get)(oldValue, propPath) : oldValue;
-    if ((0, import_lodash_es2.isEqual)(value, propOldValue)) {
-      return;
-    }
-    if (initialized) {
-      let operationPath = path;
-      let operationValue = (0, import_lodash_es2.cloneDeep)(value);
-      let operationOldValue = propOldValue;
-      if (path !== "/") {
-        const clonedOldValue = (0, import_lodash_es2.cloneDeep)(oldValue);
-        (0, import_lodash_es2.set)(clonedOldValue, propPath, value);
-        operationPath = path.split("/").filter(Boolean)[0];
-        operationValue = (0, import_lodash_es2.get)(clonedOldValue, operationPath);
-        operationOldValue = (0, import_lodash_es2.get)(oldValue, operationPath);
-      }
-      this._historyService.pushOperation(
-        {
-          type: "changeNodeData" /* changeNodeData */,
-          value: {
-            id: node.id,
-            path: operationPath,
-            value: operationValue,
-            oldValue: operationOldValue
-          },
-          uri: this._config.getNodeURI(node.id)
-        },
-        { noApply: true }
-      );
-    }
-    if (propPath) {
-      (0, import_lodash_es2.set)(oldValue, propPath, (0, import_lodash_es2.cloneDeep)(value));
-    } else {
-      this._entityManager.setValue(formData, (0, import_lodash_es2.cloneDeep)(value));
-    }
-  }
-};
-__decorateClass([
-  (0, import_inversify4.inject)(import_history2.HistoryService)
-], ChangeNodeDataHandler.prototype, "_historyService", 2);
-__decorateClass([
-  (0, import_inversify4.inject)(import_free_layout_core.WorkflowDocument)
-], ChangeNodeDataHandler.prototype, "document", 2);
-__decorateClass([
-  (0, import_inversify4.inject)(HistoryEntityManager)
-], ChangeNodeDataHandler.prototype, "_entityManager", 2);
-__decorateClass([
-  (0, import_inversify4.inject)(FreeHistoryConfig)
-], ChangeNodeDataHandler.prototype, "_config", 2);
-ChangeNodeDataHandler = __decorateClass([
-  (0, import_inversify4.injectable)()
-], ChangeNodeDataHandler);
-
-// src/handlers/change-content-handler.ts
-var import_inversify5 = require("inversify");
-var import_history3 = require("@flowgram.ai/history");
-var import_free_layout_core8 = require("@flowgram.ai/free-layout-core");
-
 // src/changes/delete-node-change.ts
-var import_free_layout_core2 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core = require("@flowgram.ai/free-layout-core");
 var deleteNodeChange = {
-  type: import_free_layout_core2.WorkflowContentChangeType.DELETE_NODE,
+  type: import_free_layout_core.WorkflowContentChangeType.DELETE_NODE,
   toOperation: (event, ctx) => {
     const config = ctx.get(FreeHistoryConfig);
     const node = event.entity;
@@ -270,9 +204,9 @@ var deleteNodeChange = {
 };
 
 // src/changes/delete-line-change.ts
-var import_free_layout_core3 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core2 = require("@flowgram.ai/free-layout-core");
 var deleteLineChange = {
-  type: import_free_layout_core3.WorkflowContentChangeType.DELETE_LINE,
+  type: import_free_layout_core2.WorkflowContentChangeType.DELETE_LINE,
   toOperation: (event, ctx) => {
     const config = ctx.get(FreeHistoryConfig);
     const line = event.entity;
@@ -293,9 +227,9 @@ var deleteLineChange = {
 };
 
 // src/changes/change-line-data.ts
-var import_free_layout_core4 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core3 = require("@flowgram.ai/free-layout-core");
 var changeLineData = {
-  type: import_free_layout_core4.WorkflowContentChangeType.LINE_DATA_CHANGE,
+  type: import_free_layout_core3.WorkflowContentChangeType.LINE_DATA_CHANGE,
   toOperation: (event, ctx) => {
     const config = ctx.get(FreeHistoryConfig);
     const line = event.entity;
@@ -313,13 +247,13 @@ var changeLineData = {
 };
 
 // src/changes/add-node-change.ts
+var import_free_layout_core4 = require("@flowgram.ai/free-layout-core");
 var import_free_layout_core5 = require("@flowgram.ai/free-layout-core");
-var import_free_layout_core6 = require("@flowgram.ai/free-layout-core");
 var addNodeChange = {
-  type: import_free_layout_core6.WorkflowContentChangeType.ADD_NODE,
+  type: import_free_layout_core5.WorkflowContentChangeType.ADD_NODE,
   toOperation: (event, ctx) => {
     const config = ctx.get(FreeHistoryConfig);
-    const document = ctx.get(import_free_layout_core5.WorkflowDocument);
+    const document = ctx.get(import_free_layout_core4.WorkflowDocument);
     const node = event.entity;
     const parentID = node.parent?.id;
     const json = document.toNodeJSON(node);
@@ -335,9 +269,9 @@ var addNodeChange = {
 };
 
 // src/changes/add-line-change.ts
-var import_free_layout_core7 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core6 = require("@flowgram.ai/free-layout-core");
 var addLineChange = {
-  type: import_free_layout_core7.WorkflowContentChangeType.ADD_LINE,
+  type: import_free_layout_core6.WorkflowContentChangeType.ADD_LINE,
   toOperation: (event, ctx) => {
     const config = ctx.get(FreeHistoryConfig);
     const line = event.entity;
@@ -366,7 +300,7 @@ var ChangeContentHandler = class {
     if (!this._historyService.undoRedoService.canPush()) {
       return;
     }
-    if (!this._historyConfig.enableChangeLineData && event.type === import_free_layout_core8.WorkflowContentChangeType.LINE_DATA_CHANGE) {
+    if (!this._historyConfig.enableChangeLineData && event.type === import_free_layout_core7.WorkflowContentChangeType.LINE_DATA_CHANGE) {
       return;
     }
     const change = changes_default.find((c) => c.type === event.type);
@@ -381,20 +315,20 @@ var ChangeContentHandler = class {
   }
 };
 __decorateClass([
-  (0, import_inversify5.inject)(import_history3.HistoryService)
+  (0, import_inversify4.inject)(import_history2.HistoryService)
 ], ChangeContentHandler.prototype, "_historyService", 2);
 __decorateClass([
-  (0, import_inversify5.inject)(FreeHistoryConfig)
+  (0, import_inversify4.inject)(FreeHistoryConfig)
 ], ChangeContentHandler.prototype, "_historyConfig", 2);
 ChangeContentHandler = __decorateClass([
-  (0, import_inversify5.injectable)()
+  (0, import_inversify4.injectable)()
 ], ChangeContentHandler);
 
 // src/free-history-registers.ts
-var import_inversify6 = require("inversify");
+var import_inversify5 = require("inversify");
 
 // src/operation-metas/reset-layout.ts
-var import_free_layout_core9 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core8 = require("@flowgram.ai/free-layout-core");
 
 // src/operation-metas/base.ts
 var baseOperationMeta = {
@@ -425,14 +359,14 @@ var resetLayoutOperationMeta = {
     }
   }),
   apply: async (operation, ctx) => {
-    const reset = ctx.get(import_free_layout_core9.WorkflowResetLayoutService);
+    const reset = ctx.get(import_free_layout_core8.WorkflowResetLayoutService);
     await reset.layoutToPositions(operation.value.ids, operation.value.value);
   },
   shouldMerge: () => false
 };
 
 // src/operation-metas/move-child-nodes.ts
-var import_free_layout_core10 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core9 = require("@flowgram.ai/free-layout-core");
 var import_document = require("@flowgram.ai/document");
 var import_document2 = require("@flowgram.ai/document");
 var import_core2 = require("@flowgram.ai/core");
@@ -450,7 +384,7 @@ var moveChildNodesOperationMeta = {
     }
   }),
   apply: (operation, ctx) => {
-    const document = ctx.get(import_free_layout_core10.WorkflowDocument);
+    const document = ctx.get(import_free_layout_core9.WorkflowDocument);
     document.moveChildNodes(operation.value);
     const fromContainer = document.getNode(operation.value.fromParentId);
     requestAnimationFrame(() => {
@@ -463,7 +397,7 @@ var moveChildNodesOperationMeta = {
 };
 
 // src/operation-metas/drag-nodes.ts
-var import_free_layout_core11 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core10 = require("@flowgram.ai/free-layout-core");
 var import_core3 = require("@flowgram.ai/core");
 var dragNodesOperationMeta = {
   ...baseOperationMeta,
@@ -478,7 +412,7 @@ var dragNodesOperationMeta = {
   }),
   apply: (operation, ctx) => {
     operation.value.ids.forEach((id, index) => {
-      const document = ctx.get(import_free_layout_core11.WorkflowDocument);
+      const document = ctx.get(import_free_layout_core10.WorkflowDocument);
       const node = document.getNode(id);
       if (!node) {
         return;
@@ -497,7 +431,7 @@ var dragNodesOperationMeta = {
 };
 
 // src/operation-metas/delete-node.ts
-var import_free_layout_core12 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core11 = require("@flowgram.ai/free-layout-core");
 var deleteNodeOperationMeta = {
   ...baseOperationMeta,
   type: "deleteNode" /* deleteNode */,
@@ -506,7 +440,7 @@ var deleteNodeOperationMeta = {
     type: "addNode" /* addNode */
   }),
   apply: (operation, ctx) => {
-    const document = ctx.get(import_free_layout_core12.WorkflowDocument);
+    const document = ctx.get(import_free_layout_core11.WorkflowDocument);
     const node = document.getNode(operation.value.node.id);
     if (node) {
       node.dispose();
@@ -527,7 +461,7 @@ var deleteNodeOperationMeta = {
 };
 
 // src/operation-metas/delete-line.ts
-var import_free_layout_core13 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core12 = require("@flowgram.ai/free-layout-core");
 var deleteLineOperationMeta = {
   ...baseOperationMeta,
   type: "deleteLine" /* deleteLine */,
@@ -536,7 +470,7 @@ var deleteLineOperationMeta = {
     type: "addLine" /* addLine */
   }),
   apply: (operation, ctx) => {
-    const document = ctx.get(import_free_layout_core13.WorkflowDocument);
+    const document = ctx.get(import_free_layout_core12.WorkflowDocument);
     document.removeNode(operation.value.id);
   },
   getLabel: (op, ctx) => "Delete Line",
@@ -552,68 +486,8 @@ var deleteLineOperationMeta = {
   }
 };
 
-// src/operation-metas/change-node-data.ts
-var import_form_core2 = require("@flowgram.ai/form-core");
-var import_free_layout_core14 = require("@flowgram.ai/free-layout-core");
-var changeNodeDataOperationMeta = {
-  ...baseOperationMeta,
-  type: "changeNodeData" /* changeNodeData */,
-  inverse: (op) => ({
-    ...op,
-    value: {
-      ...op.value,
-      value: op.value.oldValue,
-      oldValue: op.value.value
-    }
-  }),
-  apply: (operation, ctx) => {
-    const document = ctx.get(import_free_layout_core14.WorkflowDocument);
-    const node = document.getNode(operation.value.id);
-    if (!node) {
-      return;
-    }
-    const formData = node.getData(import_form_core2.FlowNodeFormData);
-    if (!formData) {
-      return;
-    }
-    let { path } = operation.value;
-    if (path.endsWith("/") && path !== "/") {
-      path = path.slice(0, -1);
-    }
-    if (!path.startsWith("/")) {
-      path = `/${path}`;
-    }
-    const formItem = formData.formModel.getFormItemByPath(path);
-    if (!formItem) {
-      return;
-    }
-    formItem.value = operation.value.value;
-  },
-  shouldMerge: (op, prev, element) => {
-    if (!prev) {
-      return false;
-    }
-    if (Date.now() - element.getTimestamp() < 500) {
-      if (op.type === prev.type && // 相同类型
-      op.value.id === prev.value.id && // 相同节点
-      op.value?.path === prev.value?.path) {
-        return {
-          type: op.type,
-          value: {
-            ...op.value,
-            value: op.value.value,
-            oldValue: prev.value.oldValue
-          }
-        };
-      }
-      return true;
-    }
-    return false;
-  }
-};
-
 // src/operation-metas/change-line-data.ts
-var import_free_layout_core15 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core13 = require("@flowgram.ai/free-layout-core");
 var changeLineDataOperationMeta = {
   ...baseOperationMeta,
   type: "changeLineData" /* changeLineData */,
@@ -626,7 +500,7 @@ var changeLineDataOperationMeta = {
     }
   }),
   apply: (op, ctx) => {
-    const linesManager = ctx.get(import_free_layout_core15.WorkflowLinesManager);
+    const linesManager = ctx.get(import_free_layout_core13.WorkflowLinesManager);
     const line = linesManager.getLineById(op.value.id);
     if (!line) {
       return;
@@ -656,8 +530,8 @@ var changeLineDataOperationMeta = {
 };
 
 // src/operation-metas/add-node.ts
-var import_lodash_es3 = require("lodash-es");
-var import_free_layout_core16 = require("@flowgram.ai/free-layout-core");
+var import_lodash_es2 = require("lodash-es");
+var import_free_layout_core14 = require("@flowgram.ai/free-layout-core");
 var addNodeOperationMeta = {
   ...baseOperationMeta,
   type: "addNode" /* addNode */,
@@ -666,9 +540,9 @@ var addNodeOperationMeta = {
     type: "deleteNode" /* deleteNode */
   }),
   apply: async (operation, ctx) => {
-    const document = ctx.get(import_free_layout_core16.WorkflowDocument);
+    const document = ctx.get(import_free_layout_core14.WorkflowDocument);
     await document.createWorkflowNode(
-      (0, import_lodash_es3.cloneDeep)(operation.value.node),
+      (0, import_lodash_es2.cloneDeep)(operation.value.node),
       false,
       operation.value.parentID
     );
@@ -688,7 +562,7 @@ var addNodeOperationMeta = {
 };
 
 // src/operation-metas/add-line.ts
-var import_free_layout_core17 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core15 = require("@flowgram.ai/free-layout-core");
 var addLineOperationMeta = {
   ...baseOperationMeta,
   type: "addLine" /* addLine */,
@@ -697,7 +571,7 @@ var addLineOperationMeta = {
     type: "deleteLine" /* deleteLine */
   }),
   apply: (operation, ctx) => {
-    const linesManager = ctx.get(import_free_layout_core17.WorkflowLinesManager);
+    const linesManager = ctx.get(import_free_layout_core15.WorkflowLinesManager);
     linesManager.createLine({
       ...operation.value,
       key: operation.value.id
@@ -722,7 +596,6 @@ var operationMetas = [
   deleteLineOperationMeta,
   addNodeOperationMeta,
   deleteNodeOperationMeta,
-  changeNodeDataOperationMeta,
   resetLayoutOperationMeta,
   dragNodesOperationMeta,
   moveChildNodesOperationMeta,
@@ -738,17 +611,14 @@ var FreeHistoryRegisters = class {
   }
 };
 FreeHistoryRegisters = __decorateClass([
-  (0, import_inversify6.injectable)()
+  (0, import_inversify5.injectable)()
 ], FreeHistoryRegisters);
 
 // src/free-history-manager.ts
-var import_lodash_es4 = require("lodash-es");
-var import_inversify7 = require("inversify");
+var import_inversify6 = require("inversify");
 var import_utils2 = require("@flowgram.ai/utils");
-var import_history4 = require("@flowgram.ai/history");
-var import_free_layout_core18 = require("@flowgram.ai/free-layout-core");
-var import_form_core3 = require("@flowgram.ai/form-core");
-var import_form_core4 = require("@flowgram.ai/form-core");
+var import_history3 = require("@flowgram.ai/history");
+var import_free_layout_core16 = require("@flowgram.ai/free-layout-core");
 var import_document3 = require("@flowgram.ai/document");
 var import_core4 = require("@flowgram.ai/core");
 var FreeHistoryManager = class {
@@ -756,10 +626,10 @@ var FreeHistoryManager = class {
     this._toDispose = new import_utils2.DisposableCollection();
   }
   onInit(ctx, opts) {
-    const document = ctx.get(import_free_layout_core18.WorkflowDocument);
-    const historyService = ctx.get(import_history4.HistoryService);
-    const dragService = ctx.get(import_free_layout_core18.WorkflowDragService);
-    const resetLayoutService = ctx.get(import_free_layout_core18.WorkflowResetLayoutService);
+    const document = ctx.get(import_free_layout_core16.WorkflowDocument);
+    const historyService = ctx.get(import_history3.HistoryService);
+    const dragService = ctx.get(import_free_layout_core16.WorkflowDragService);
+    const resetLayoutService = ctx.get(import_free_layout_core16.WorkflowResetLayoutService);
     if (opts?.limit) {
       historyService.limit(opts.limit);
     }
@@ -777,21 +647,6 @@ var FreeHistoryManager = class {
           this._entityManager.addEntityData(positionData);
         }
       }),
-      this._formManager ? this._formManager.onFormModelWillInit(({ model, data }) => {
-        const node = model.flowNodeEntity;
-        const formData = node.getData(import_form_core3.FlowNodeFormData);
-        if (formData) {
-          this._entityManager.setValue(formData, (0, import_lodash_es4.cloneDeep)(data));
-          this._toDispose.push(
-            formData.onDetailChange((event) => {
-              this._changeNodeDataHandler.handle({
-                ...event,
-                node
-              });
-            })
-          );
-        }
-      }) : import_utils2.Disposable.NULL,
       document.onContentChange((event) => {
         this._changeContentHandler.handle(event, ctx);
       }),
@@ -852,37 +707,29 @@ var FreeHistoryManager = class {
   }
 };
 __decorateClass([
-  (0, import_inversify7.inject)(DragNodesHandler)
+  (0, import_inversify6.inject)(DragNodesHandler)
 ], FreeHistoryManager.prototype, "_dragNodesHandler", 2);
 __decorateClass([
-  (0, import_inversify7.inject)(ChangeNodeDataHandler)
-], FreeHistoryManager.prototype, "_changeNodeDataHandler", 2);
-__decorateClass([
-  (0, import_inversify7.inject)(ChangeContentHandler)
+  (0, import_inversify6.inject)(ChangeContentHandler)
 ], FreeHistoryManager.prototype, "_changeContentHandler", 2);
 __decorateClass([
-  (0, import_inversify7.inject)(HistoryEntityManager)
+  (0, import_inversify6.inject)(HistoryEntityManager)
 ], FreeHistoryManager.prototype, "_entityManager", 2);
 __decorateClass([
-  (0, import_inversify7.inject)(import_form_core4.FormManager),
-  (0, import_inversify7.optional)()
-], FreeHistoryManager.prototype, "_formManager", 2);
-__decorateClass([
-  (0, import_inversify7.inject)(import_free_layout_core18.WorkflowOperationBaseService)
+  (0, import_inversify6.inject)(import_free_layout_core16.WorkflowOperationBaseService)
 ], FreeHistoryManager.prototype, "_operationService", 2);
 FreeHistoryManager = __decorateClass([
-  (0, import_inversify7.injectable)()
+  (0, import_inversify6.injectable)()
 ], FreeHistoryManager);
 
 // src/create-free-history-plugin.ts
 var createFreeHistoryPlugin = (0, import_core5.definePluginCreator)({
   onBind: ({ bind }) => {
-    (0, import_core5.bindContributions)(bind, FreeHistoryRegisters, [import_history5.OperationContribution]);
+    (0, import_core5.bindContributions)(bind, FreeHistoryRegisters, [import_history4.OperationContribution]);
     bind(FreeHistoryConfig).toSelf().inSingletonScope();
     bind(FreeHistoryManager).toSelf().inSingletonScope();
     bind(HistoryEntityManager).toSelf().inSingletonScope();
     bind(DragNodesHandler).toSelf().inSingletonScope();
-    bind(ChangeNodeDataHandler).toSelf().inSingletonScope();
     bind(ChangeContentHandler).toSelf().inSingletonScope();
   },
   onInit(ctx, opts) {
@@ -895,7 +742,7 @@ var createFreeHistoryPlugin = (0, import_core5.definePluginCreator)({
   onDispose(ctx) {
     ctx.get(HistoryEntityManager).dispose();
   },
-  containerModules: [import_history5.HistoryContainerModule]
+  containerModules: [import_history4.HistoryContainerModule]
 });
 
 // src/index.ts
@@ -904,9 +751,9 @@ __reExport(index_exports, require("@flowgram.ai/history"), module.exports);
 // src/hooks/use-undo-redo.tsx
 var import_react = require("react");
 var import_core6 = require("@flowgram.ai/core");
-var import_history6 = require("@flowgram.ai/history");
+var import_history5 = require("@flowgram.ai/history");
 function useUndoRedo() {
-  const historyService = (0, import_core6.useService)(import_history6.HistoryService);
+  const historyService = (0, import_core6.useService)(import_history5.HistoryService);
   const [canUndo, setCanUndo] = (0, import_react.useState)(false);
   const [canRedo, setCanRedo] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {