@tmagic/editor 1.2.0-beta.20 → 1.2.0-beta.21

package/dist/{tmagic-editor.umd.js → tmagic-editor.umd.cjs}

@@ -552,7 +552,7 @@
       const props = __props;
       const el = vue.ref();
       const hasLeft = vue.computed(() => typeof props.left !== "undefined");
-      const hasRight = vue.computed(() => typeof props.left !== "undefined");
+      const hasRight = vue.computed(() => typeof props.right !== "undefined");
       const getCenterWidth = (clientWidth2, left, right) => {
         let center2 = clientWidth2 - left - right;
         if (center2 < props.minCenter) {
@@ -874,6 +874,10 @@
           this.pluginOptionsList[methodName2].push(method);
       });
     }
+    removeAllPlugins() {
+      this.pluginOptionsList = {};
+      this.middleware = {};
+    }
     async doTask() {
       this.doingTask = true;
       let task = this.taskList.shift();
@@ -1052,7 +1056,7 @@
       this.refreshRelationDeep(node, codeDsl2);
       this.setCodeDsl(codeDsl2);
     }
-    destroy() {
+    resetState() {
       this.state.isShowCodeEditor = false;
       this.state.codeDsl = null;
       this.state.id = "";
@@ -1061,6 +1065,11 @@
       this.state.combineIds = [];
       this.state.undeletableList = [];
     }
+    destroy() {
+      this.resetState();
+      this.removeAllListeners();
+      this.removeAllPlugins();
+    }
     refreshRelationDeep(node, codeDsl2) {
       if (!node.id)
         return;
@@ -1179,7 +1188,7 @@
       this.setCanUndoRedo();
       this.emit("page-change", this.state.pageSteps[this.state.pageId]);
     }
-    empty() {
+    resetState() {
       this.state.pageId = void 0;
       this.state.pageSteps = {};
       this.state.canRedo = false;
@@ -1210,8 +1219,9 @@
       return state;
     }
     destroy() {
-      this.empty();
+      this.resetState();
       this.removeAllListeners();
+      this.removeAllPlugins();
     }
     getUndoRedo() {
       if (!this.state.pageId)
@@ -1291,6 +1301,7 @@
     }
     destroy() {
       this.removeAllListeners();
+      this.removeAllPlugins();
     }
     getValueAndProtocol(value) {
       let protocol2 = "";
@@ -1562,10 +1573,14 @@
         name: type
       };
     }
-    destroy() {
+    resetState() {
       this.state.propsConfigMap = {};
       this.state.propsValueMap = {};
+    }
+    destroy() {
+      this.resetState();
       this.removeAllListeners();
+      this.removeAllPlugins();
     }
     guid(digit = 8) {
       return "x".repeat(digit).replace(/[xy]/g, (c) => {
@@ -1757,7 +1772,7 @@
       if (page) {
         historyService.changePage(vue.toRaw(page));
       } else {
-        historyService.empty();
+        historyService.resetState();
       }
       if (node?.id) {
         this.get("stage")?.renderer.runtime?.getApp?.()?.emit(
@@ -2136,8 +2151,7 @@
         }
       });
     }
-    destroy() {
-      this.removeAllListeners();
+    resetState() {
       this.set("root", null);
       this.set("node", null);
       this.set("nodes", []);
@@ -2148,6 +2162,11 @@
       this.set("modifiedNodeIds", /* @__PURE__ */ new Map());
       this.set("pageLength", /* @__PURE__ */ new Map());
     }
+    destroy() {
+      this.removeAllListeners();
+      this.resetState();
+      this.removeAllPlugins();
+    }
     resetModifiedNodeId() {
       this.get("modifiedNodeIds").clear();
     }
@@ -2274,10 +2293,14 @@
     getMethod(type) {
       return lodashEs.cloneDeep(methodMap[type] || core.DEFAULT_METHODS);
     }
-    destroy() {
+    resetState() {
       eventMap = vue.reactive({});
       methodMap = vue.reactive({});
+    }
+    destroy() {
+      this.resetState();
       this.removeAllListeners();
+      this.removeAllPlugins();
     }
   }
   const eventsService = new Events();
@@ -2552,8 +2575,19 @@
       }
       return Math.min((width - 60) / stageWidth || 1, (height - 80) / stageHeight || 1);
     }
+    resetState() {
+      this.set("showSrc", false);
+      this.set("uiSelectMode", false);
+      this.set("zoom", 1);
+      this.set("stageContainerRect", {
+        width: 0,
+        height: 0
+      });
+    }
     destroy() {
+      this.resetState();
       this.removeAllListeners();
+      this.removeAllPlugins();
     }
     async setStageRect(value) {
       state.stageRect = {
@@ -5762,9 +5796,13 @@
     getList() {
       return this.state.list;
     }
-    destroy() {
+    resetState() {
       this.state.list = [];
+    }
+    destroy() {
+      this.resetState();
       this.removeAllListeners();
+      this.removeAllPlugins();
     }
   }
   const componentListService = new ComponentList();
@@ -5939,13 +5977,12 @@
         }
       );
       vue.onUnmounted(() => {
-        editorService.destroy();
-        historyService.destroy();
-        propsService.destroy();
-        uiService.destroy();
-        componentListService.destroy();
-        storageService.destroy();
-        codeBlockService.destroy();
+        editorService.resetState();
+        historyService.resetState();
+        propsService.resetState();
+        uiService.resetState();
+        componentListService.resetState();
+        codeBlockService.resetState();
       });
       const services = {
         componentListService,
@@ -6152,4 +6189,4 @@
   Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 }));
-//# sourceMappingURL=tmagic-editor.umd.js.map
+//# sourceMappingURL=tmagic-editor.umd.cjs.map