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

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.0-beta.26",
+  "version": "1.2.0-beta.27",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -46,12 +46,12 @@
   "dependencies": {
     "@babel/core": "^7.18.0",
     "@element-plus/icons-vue": "^2.0.9",
-    "@tmagic/core": "1.2.0-beta.26",
-    "@tmagic/design": "1.2.0-beta.26",
-    "@tmagic/form": "1.2.0-beta.26",
-    "@tmagic/schema": "1.2.0-beta.26",
-    "@tmagic/stage": "1.2.0-beta.26",
-    "@tmagic/utils": "1.2.0-beta.26",
+    "@tmagic/core": "1.2.0-beta.27",
+    "@tmagic/design": "1.2.0-beta.27",
+    "@tmagic/form": "1.2.0-beta.27",
+    "@tmagic/schema": "1.2.0-beta.27",
+    "@tmagic/stage": "1.2.0-beta.27",
+    "@tmagic/utils": "1.2.0-beta.27",
     "buffer": "^6.0.3",
     "color": "^3.1.3",
     "events": "^3.3.0",
@@ -63,8 +63,8 @@
     "vue": "^3.2.37"
   },
   "peerDependencies": {
-    "@tmagic/design": "1.2.0-beta.26",
-    "@tmagic/form": "1.2.0-beta.26",
+    "@tmagic/design": "1.2.0-beta.27",
+    "@tmagic/form": "1.2.0-beta.27",
     "monaco-editor": "^0.34.0",
     "vue": "^3.2.37"
   },

package/src/Editor.vue

@@ -227,7 +227,7 @@ export default defineComponent({
   emits: ['props-panel-mounted', 'update:modelValue'],
 
   setup(props, { emit }) {
-    editorService.on('root-change', (value, preValue) => {
+    const rootChangeHandler = (value: MApp, preValue?: MApp | null) => {
       const nodeId = editorService.get<MNode | null>('node')?.id || props.defaultSelected;
       let node;
       if (nodeId) {
@@ -247,7 +247,9 @@ export default defineComponent({
       if (toRaw(value) !== toRaw(preValue)) {
         emit('update:modelValue', value);
       }
-    });
+    };
+
+    editorService.on('root-change', rootChangeHandler);
 
     // 初始值变化，重新设置节点信息
     watch(
@@ -326,6 +328,8 @@ export default defineComponent({
       uiService.resetState();
       componentListService.resetState();
       codeBlockService.resetState();
+
+      editorService.off('root-change', rootChangeHandler);
     });
 
     const services: Services = {

package/src/layouts/PropsPanel.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts" setup name="MEditorPropsPanel">
-import { computed, getCurrentInstance, inject, onMounted, ref, watchEffect } from 'vue';
+import { computed, getCurrentInstance, inject, onMounted, onUnmounted, ref, watchEffect } from 'vue';
 
 import { tMagicMessage } from '@tmagic/design';
 import type { FormValue } from '@tmagic/form';
@@ -56,6 +56,10 @@ onMounted(() => {
   emit('mounted', internalInstance);
 });
 
+onUnmounted(() => {
+  services?.propsService.off('props-configs-change', init);
+});
+
 watchEffect(() => {
   if (configForm.value && stage.value) {
     configForm.value.formState.stage = stage.value;

package/src/layouts/sidebar/LayerPanel.vue

@@ -104,12 +104,6 @@ const filterText = ref('');
 // 默认展开节点
 const defaultExpandedKeys = computed(() => (selectedIds.value.length > 0 ? selectedIds.value : []));
 
-editorService?.on('remove', () => {
-  setTimeout(() => {
-    tree.value?.getNode(editorService.get('node').id)?.updateChildren();
-  }, 0);
-});
-
 // 触发画布单选
 const select = async (data: MNode) => {
   if (!data.id) {
@@ -273,9 +267,17 @@ const mouseleaveHandler = () => {
   isMultiSelectStatus.value = false;
 };
 
+const editorServiceRemoveHandler = () => {
+  setTimeout(() => {
+    tree.value?.getNode(editorService?.get('node').id)?.updateChildren();
+  }, 0);
+};
+
 let keycon: KeyController;
 
 onMounted(() => {
+  editorService?.on('remove', editorServiceRemoveHandler);
+
   keycon = new KeyController(tree.value?.$el);
   const isMac = /mac os x/.test(navigator.userAgent.toLowerCase());
   const ctrl = isMac ? 'meta' : 'ctrl';
@@ -293,6 +295,8 @@ onMounted(() => {
 
 onUnmounted(() => {
   keycon.destroy();
+
+  editorService?.off('remove', editorServiceRemoveHandler);
 });
 
 // 鼠标是否按下标志，用于高亮状态互斥

package/src/services/BaseService.ts

@@ -170,8 +170,12 @@ export default class extends EventEmitter {
   }
 
   public removeAllPlugins() {
-    this.pluginOptionsList = {};
-    this.middleware = {};
+    Object.keys(this.pluginOptionsList).forEach((key) => {
+      this.pluginOptionsList[key] = [];
+    });
+    Object.keys(this.middleware).forEach((key) => {
+      this.middleware[key] = [];
+    });
   }
 
   private async doTask() {