@tmagic/editor 1.2.0-beta.18 → 1.2.0-beta.19

package/dist/tmagic-editor.umd.js

@@ -1177,6 +1177,7 @@
         this.state.pageSteps[this.state.pageId] = undoRedo;
       }
       this.setCanUndoRedo();
+      this.emit("page-change", this.state.pageSteps[this.state.pageId]);
     }
     empty() {
       this.state.pageId = void 0;
@@ -1507,7 +1508,7 @@
         this.setPropsValue(utils.toLine(type), values[type]);
       });
     }
-    setPropsValue(type, value) {
+    async setPropsValue(type, value) {
       this.state.propsValueMap[type] = value;
     }
     async getPropsValue(type, { inputEvent, ...defaultValue } = {}) {
@@ -2592,7 +2593,7 @@
     stage.on("highlight", (el) => {
       editorService.highlight(el.id);
     });
-    stage.on("multiSelect", (els) => {
+    stage.on("multi-select", (els) => {
       editorService.multiSelect(els.map((el) => el.id));
     });
     stage.on("update", (ev) => {
@@ -2612,7 +2613,7 @@
       editorService.select(parent);
       editorService.get("stage").select(parent.id);
     });
-    stage.on("changeGuides", (e) => {
+    stage.on("change-guides", (e) => {
       uiService.set("showGuides", true);
       if (!root.value || !page.value)
         return;
@@ -5489,6 +5490,14 @@
           runtime.updateRootConfig?.(lodashEs.cloneDeep(vue.toRaw(root2)));
         }
       });
+      vue.watch(page, (page2) => {
+        if (runtime && page2) {
+          runtime.updatePageId?.(page2.id);
+          vue.nextTick(() => {
+            stage?.select(page2.id);
+          });
+        }
+      });
       const resizeObserver = new ResizeObserver((entries) => {
         for (const { contentRect } of entries) {
           services?.uiService.set("stageContainerRect", {
@@ -5710,10 +5719,10 @@
         }, [
           vue.createVNode(_sfc_main$8),
           vue.renderSlot(_ctx.$slots, "stage", {}, () => [
-            (vue.openBlock(), vue.createBlock(_sfc_main$2, {
-              key: vue.unref(page)?.id,
+            vue.unref(page) ? (vue.openBlock(), vue.createBlock(_sfc_main$2, {
+              key: 0,
               "stage-content-menu": __props.stageContentMenu
-            }, null, 8, ["stage-content-menu"]))
+            }, null, 8, ["stage-content-menu"])) : vue.createCommentVNode("", true)
           ]),
           vue.renderSlot(_ctx.$slots, "workspace-content"),
           vue.createVNode(_sfc_main$6, null, {
@@ -5772,6 +5781,10 @@
       sidebar: {
         type: Object
       },
+      menu: {
+        type: Object,
+        default: () => ({ left: [], right: [] })
+      },
       layerContentMenu: {
         type: Array,
         default: () => []
@@ -5780,10 +5793,6 @@
         type: Array,
         default: () => []
       },
-      menu: {
-        type: Object,
-        default: () => ({ left: [], right: [] })
-      },
       render: {
         type: Function
       },
@@ -5817,7 +5826,7 @@
       },
       containerHighlightClassName: {
         type: String,
-        default: StageCore.CONTAINER_HIGHLIGHT_CLASS
+        default: StageCore.CONTAINER_HIGHLIGHT_CLASS_NAME
       },
       containerHighlightDuration: {
         type: Number,