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

package/dist/{tmagic-editor.mjs → tmagic-editor.js}

@@ -535,7 +535,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const props = __props;
     const el = ref();
     const hasLeft = computed(() => typeof props.left !== "undefined");
-    const hasRight = computed(() => typeof props.left !== "undefined");
+    const hasRight = computed(() => typeof props.right !== "undefined");
     const getCenterWidth = (clientWidth2, left, right) => {
       let center2 = clientWidth2 - left - right;
       if (center2 < props.minCenter) {
@@ -857,6 +857,10 @@ class BaseService extends EventEmitter {
         this.pluginOptionsList[methodName2].push(method);
     });
   }
+  removeAllPlugins() {
+    this.pluginOptionsList = {};
+    this.middleware = {};
+  }
   async doTask() {
     this.doingTask = true;
     let task = this.taskList.shift();
@@ -1035,7 +1039,7 @@ class CodeBlock extends BaseService {
     this.refreshRelationDeep(node, codeDsl2);
     this.setCodeDsl(codeDsl2);
   }
-  destroy() {
+  resetState() {
     this.state.isShowCodeEditor = false;
     this.state.codeDsl = null;
     this.state.id = "";
@@ -1044,6 +1048,11 @@ class CodeBlock extends BaseService {
     this.state.combineIds = [];
     this.state.undeletableList = [];
   }
+  destroy() {
+    this.resetState();
+    this.removeAllListeners();
+    this.removeAllPlugins();
+  }
   refreshRelationDeep(node, codeDsl2) {
     if (!node.id)
       return;
@@ -1162,7 +1171,7 @@ class History extends BaseService {
     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;
@@ -1193,8 +1202,9 @@ class History extends BaseService {
     return state;
   }
   destroy() {
-    this.empty();
+    this.resetState();
     this.removeAllListeners();
+    this.removeAllPlugins();
   }
   getUndoRedo() {
     if (!this.state.pageId)
@@ -1274,6 +1284,7 @@ class WebStorage extends BaseService {
   }
   destroy() {
     this.removeAllListeners();
+    this.removeAllPlugins();
   }
   getValueAndProtocol(value) {
     let protocol2 = "";
@@ -1545,10 +1556,14 @@ class Props extends BaseService {
       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) => {
@@ -1740,7 +1755,7 @@ class Editor$1 extends BaseService {
     if (page) {
       historyService.changePage(toRaw(page));
     } else {
-      historyService.empty();
+      historyService.resetState();
     }
     if (node?.id) {
       this.get("stage")?.renderer.runtime?.getApp?.()?.emit(
@@ -2119,8 +2134,7 @@ class Editor$1 extends BaseService {
       }
     });
   }
-  destroy() {
-    this.removeAllListeners();
+  resetState() {
     this.set("root", null);
     this.set("node", null);
     this.set("nodes", []);
@@ -2131,6 +2145,11 @@ class Editor$1 extends BaseService {
     this.set("modifiedNodeIds", /* @__PURE__ */ new Map());
     this.set("pageLength", /* @__PURE__ */ new Map());
   }
+  destroy() {
+    this.removeAllListeners();
+    this.resetState();
+    this.removeAllPlugins();
+  }
   resetModifiedNodeId() {
     this.get("modifiedNodeIds").clear();
   }
@@ -2257,10 +2276,14 @@ class Events extends BaseService {
   getMethod(type) {
     return cloneDeep(methodMap[type] || DEFAULT_METHODS);
   }
-  destroy() {
+  resetState() {
     eventMap = reactive({});
     methodMap = reactive({});
+  }
+  destroy() {
+    this.resetState();
     this.removeAllListeners();
+    this.removeAllPlugins();
   }
 }
 const eventsService = new Events();
@@ -2535,8 +2558,19 @@ class Ui extends BaseService {
     }
     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 = {
@@ -5745,9 +5779,13 @@ class ComponentList extends BaseService {
   getList() {
     return this.state.list;
   }
-  destroy() {
+  resetState() {
     this.state.list = [];
+  }
+  destroy() {
+    this.resetState();
     this.removeAllListeners();
+    this.removeAllPlugins();
   }
 }
 const componentListService = new ComponentList();
@@ -5922,13 +5960,12 @@ const _sfc_main = defineComponent({
       }
     );
     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,
@@ -6075,4 +6112,4 @@ const index = {
 };
 
 export { CODE_DRAFT_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$e as CodeBlockList, CodeDeleteErrorType, CodeEditorMode, _sfc_main$s as CodeSelect, ColumnLayout, _sfc_main$d as ComponentListPanel, _sfc_main$c as ContentMenu, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$n as Icon, Keys, LayerOffset, _sfc_main$a as LayerPanel, Layout, _sfc_main$o as LayoutContainer, _sfc_main$i as PropsPanel, _sfc_main$q as TMagicCodeEditor, Editor as TMagicEditor, _sfc_main$k as ToolButton, V_GUIDE_LINE_STORAGE_KEY, beforePaste, change2Fixed, codeBlockService, debug, index as default, editorService, error, eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getConfig, getDefaultConfig, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isFixed, log, propsService, serializeConfig, setConfig, setLayout, storageService, uiService, useStage, warn };
-//# sourceMappingURL=tmagic-editor.mjs.map
+//# sourceMappingURL=tmagic-editor.js.map