@logicflow/core 1.2.0-next.5 → 1.2.1

package/dist/logic-flow.js

@@ -28396,17 +28396,18 @@ var ToolOverlay_ToolOverlay = src_observer(ToolOverlay_class = /*#__PURE__*/func
   }
 
   ToolOverlay_createClass(ToolOverlay, [{
+    key: "componentDidMount",
+    value: // 在react严格模式下，useEffect会执行两次，但是在LogicFlow内部，则只会触发一次componentDidMount和componentDidUpdate。
+    // 其中第一次componentDidMount对应的graphModel为被丢弃的graphModel, 所以不应该生效。
+    // 在非react环境下，只会触发一次componentDidMount，不会触发componentDidUpdate。
+    // 所以这里采用componentDidUpdate和componentDidMount都去触发插件的render方法。
+    function componentDidMount() {
+      this.triggerToolRender();
+    }
+  }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      var _this$props = this.props,
-          tool = _this$props.tool,
-          graphModel = _this$props.graphModel;
-      var ToolOverlayElement = document.querySelector("#ToolOverlay_".concat(graphModel.flowId));
-      var lf = tool.getInstance();
-      lf.components.forEach(function (render) {
-        return render(lf, ToolOverlayElement);
-      });
-      lf.components = []; // 保证extension组件的render只执行一次
+      this.triggerToolRender();
     }
     /**
      * 外部传入的一般是HTMLElement
@@ -28415,9 +28416,9 @@ var ToolOverlay_ToolOverlay = src_observer(ToolOverlay_class = /*#__PURE__*/func
   }, {
     key: "getTools",
     value: function getTools() {
-      var _this$props2 = this.props,
-          tool = _this$props2.tool,
-          graphModel = _this$props2.graphModel;
+      var _this$props = this.props,
+          tool = _this$props.tool,
+          graphModel = _this$props.graphModel;
       var tools = tool.getTools();
       var components = tools.map(function (item) {
         return Object(preact_module["g" /* h */])(item, {
@@ -28428,6 +28429,19 @@ var ToolOverlay_ToolOverlay = src_observer(ToolOverlay_class = /*#__PURE__*/func
       tool.components = components;
       return components;
     }
+  }, {
+    key: "triggerToolRender",
+    value: function triggerToolRender() {
+      var _this$props2 = this.props,
+          tool = _this$props2.tool,
+          graphModel = _this$props2.graphModel;
+      var ToolOverlayElement = document.querySelector("#ToolOverlay_".concat(graphModel.flowId));
+      var lf = tool.getInstance();
+      lf.components.forEach(function (render) {
+        return render(lf, ToolOverlayElement);
+      });
+      lf.components = []; // 保证extension组件的render只执行一次
+    }
   }, {
     key: "render",
     value: function render() {