@tmagic/editor 1.2.0-beta.26 → 1.2.0-beta.27

package/dist/tmagic-editor.umd.cjs

@@ -875,8 +875,12 @@
       });
     }
     removeAllPlugins() {
-      this.pluginOptionsList = {};
-      this.middleware = {};
+      Object.keys(this.pluginOptionsList).forEach((key) => {
+        this.pluginOptionsList[key] = [];
+      });
+      Object.keys(this.middleware).forEach((key) => {
+        this.middleware[key] = [];
+      });
     }
     async doTask() {
       this.doingTask = true;
@@ -3208,6 +3212,9 @@
       vue.onMounted(() => {
         emit("mounted", internalInstance);
       });
+      vue.onUnmounted(() => {
+        services?.propsService.off("props-configs-change", init);
+      });
       vue.watchEffect(() => {
         if (configForm.value && stage.value) {
           configForm.value.formState.stage = stage.value;
@@ -4305,11 +4312,6 @@
       const spliceNodeKey = vue.ref();
       const filterText = vue.ref("");
       const defaultExpandedKeys = vue.computed(() => selectedIds.value.length > 0 ? selectedIds.value : []);
-      editorService?.on("remove", () => {
-        setTimeout(() => {
-          tree.value?.getNode(editorService.get("node").id)?.updateChildren();
-        }, 0);
-      });
       const select = async (data) => {
         if (!data.id) {
           throw new Error("\u6CA1\u6709id");
@@ -4446,8 +4448,14 @@
         tree.value?.$el.blur();
         isMultiSelectStatus.value = false;
       };
+      const editorServiceRemoveHandler = () => {
+        setTimeout(() => {
+          tree.value?.getNode(editorService?.get("node").id)?.updateChildren();
+        }, 0);
+      };
       let keycon;
       vue.onMounted(() => {
+        editorService?.on("remove", editorServiceRemoveHandler);
         keycon = new KeyController__default.default(tree.value?.$el);
         const isMac = /mac os x/.test(navigator.userAgent.toLowerCase());
         const ctrl = isMac ? "meta" : "ctrl";
@@ -4461,6 +4469,7 @@
       });
       vue.onUnmounted(() => {
         keycon.destroy();
+        editorService?.off("remove", editorServiceRemoveHandler);
       });
       const clicked = vue.ref(false);
       const highlightNode = vue.computed(() => editorService?.get("highlightNode"));
@@ -5910,7 +5919,7 @@
     },
     emits: ["props-panel-mounted", "update:modelValue"],
     setup(props, { emit }) {
-      editorService.on("root-change", (value, preValue) => {
+      const rootChangeHandler = (value, preValue) => {
         const nodeId = editorService.get("node")?.id || props.defaultSelected;
         let node;
         if (nodeId) {
@@ -5928,7 +5937,8 @@
         if (vue.toRaw(value) !== vue.toRaw(preValue)) {
           emit("update:modelValue", value);
         }
-      });
+      };
+      editorService.on("root-change", rootChangeHandler);
       vue.watch(
         () => props.modelValue,
         (modelValue) => {
@@ -5996,6 +6006,7 @@
         uiService.resetState();
         componentListService.resetState();
         codeBlockService.resetState();
+        editorService.off("root-change", rootChangeHandler);
       });
       const services = {
         componentListService,