@tmagic/editor 1.2.4 → 1.2.5

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.4",
+  "version": "1.2.5",
   "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.4",
-    "@tmagic/design": "1.2.4",
-    "@tmagic/form": "1.2.4",
-    "@tmagic/schema": "1.2.4",
-    "@tmagic/stage": "1.2.4",
-    "@tmagic/utils": "1.2.4",
+    "@tmagic/core": "1.2.5",
+    "@tmagic/design": "1.2.5",
+    "@tmagic/form": "1.2.5",
+    "@tmagic/schema": "1.2.5",
+    "@tmagic/stage": "1.2.5",
+    "@tmagic/utils": "1.2.5",
     "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.4",
-    "@tmagic/form": "1.2.4",
+    "@tmagic/design": "1.2.5",
+    "@tmagic/form": "1.2.5",
     "monaco-editor": "^0.34.0",
     "vue": "^3.2.37"
   },

package/src/layouts/sidebar/code-block/CodeBlockList.vue

@@ -87,7 +87,7 @@
 </template>
 
 <script lang="ts" setup name="MEditorCodeBlockList">
-import { computed, inject, onMounted, reactive, ref, watch } from 'vue';
+import { computed, inject, reactive, ref, watch } from 'vue';
 import { Close, Edit, Link, View } from '@element-plus/icons-vue';
 import { cloneDeep, forIn, isEmpty } from 'lodash-es';
 
@@ -152,10 +152,13 @@ const refreshCodeList = async () => {
   });
 };
 
-onMounted(() => {
-  services?.codeBlockService.refreshAllRelations();
-  refreshCodeList();
-});
+watch(
+  () => services?.editorService.get('root'),
+  () => {
+    services?.codeBlockService.refreshAllRelations();
+    refreshCodeList();
+  },
+);
 
 watch(
   [() => services?.codeBlockService.getCodeDslSync(), () => services?.codeBlockService.getCombineInfo()],

package/src/services/codeBlock.ts

@@ -19,7 +19,7 @@
 import { reactive } from 'vue';
 import { cloneDeep, forIn, isEmpty, keys, omit, pick, union } from 'lodash-es';
 
-import { CodeBlockContent, CodeBlockDSL, HookType, Id, MNode } from '@tmagic/schema';
+import { CodeBlockContent, CodeBlockDSL, HookType, Id, MNode, MPage } from '@tmagic/schema';
 
 import editorService from '../services/editor';
 import type { CodeRelation, CodeState, HookData } from '../type';
@@ -251,6 +251,12 @@ class CodeBlock extends BaseService {
         this.state.relations = this.deleteNodeRelation(node, this.state.relations);
       });
     });
+    // 监听历史记录，历史快照为页面整体，需要深层遍历更新
+    editorService.on('history-change', (page: MPage) => {
+      const relations: CodeRelation = {};
+      this.getNodeRelation(page, relations, true);
+      this.state.relations = relations;
+    });
   }
 
   /**

package/src/services/editor.ts

@@ -886,6 +886,7 @@ class Editor extends BaseService {
       await this.select(value.nodeId);
       this.get('stage')?.select(value.nodeId);
     }, 0);
+    this.emit('history-change', value.data);
   }
 
   private async toggleFixedPosition(dist: MNode, src: MNode, root: MApp) {