super-page-designer 2.0.23 → 2.0.31

package/dist/es/components/design/views/design/page-event/page-event-view.vue.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 重新设置尺寸
+ */
+declare function resize(): void;
+declare const _default: import('vue').DefineComponent<{}, {
+    resize: typeof resize;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/es/components/design/views/design/page-event/page-event-view.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import _sfc_main$1 from "./page-event-container.vue.js";
+import pageEventContent from "./page-event-content.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "page-event-view",
+  setup(__props, { expose: __expose }) {
+    const contentRef = ref(null);
+    function resize() {
+      if (contentRef.value && contentRef.value.resize) {
+        contentRef.value.resize();
+      }
+    }
+    __expose({ resize });
+    return (_ctx, _cache) => {
+      const _component_el_aside = resolveComponent("el-aside");
+      const _component_el_main = resolveComponent("el-main");
+      const _component_el_container = resolveComponent("el-container");
+      return openBlock(), createBlock(_component_el_container, { class: "amb-container" }, {
+        default: withCtx(() => [
+          createVNode(_component_el_aside, { class: "amb-container-left" }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, {
+                ref: "pageEventContainerRef",
+                configure: _ctx.configure
+              }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_main, { class: "amb-container-main" }, {
+            default: withCtx(() => [
+              createVNode(pageEventContent, {
+                configure: {},
+                eventForm: {},
+                ref_key: "contentRef",
+                ref: contentRef
+              }, null, 512)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/design/page-event/page-event-view.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./page-event-view.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/design/view/assemblys-container.vue.d.ts

@@ -1,14 +1,8 @@
-declare function changeSelectEvent(customEvent: any): void;
-declare function doCreateEvent(eventForm: any): void;
-declare function changeSelectStandardEvent(eventName: string, eventLabel: string): void;
 declare const _default: import('vue').DefineComponent<{
     designItems: ArrayConstructor;
     selectWidget: ObjectConstructor;
     configure: ObjectConstructor;
 }, {
-    changeSelectEvent: typeof changeSelectEvent;
-    doCreateEvent: typeof doCreateEvent;
-    changeSelectStandardEvent: typeof changeSelectStandardEvent;
     selAsselbyType: string;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     onSelectWidget: (...args: any[]) => void;

package/dist/es/components/design/views/design/view/assemblys-container.vue.js

@@ -1,9 +1,13 @@
-import { defineComponent, ref, computed, onMounted, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, withDirectives, createVNode, vShow, createBlock, unref, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, withDirectives, createVNode, vShow } from "vue";
 import _sfc_main$1 from "./assemblys-container-list.vue.js";
 import _sfc_main$2 from "./assemblys-container-explore.vue.js";
 import _sfc_main$3 from "./assemblys-container-template.vue.js";
-import _sfc_main$4 from "../page-event/page-event-container.vue.js";
-import eventBus from "../../../utils/eventBus.js";
+import "@element-plus/icons-vue";
+import "element-plus";
+import "../../../utils/assemblys-config.js";
+import "uuid";
+import "../../../utils/eventBus.js";
+import "../../../../../stores/page-store.js";
 const _hoisted_1 = { class: "amb-assembly-header" };
 const _hoisted_2 = { class: "amb-assembly-header-type" };
 const _hoisted_3 = { class: "amb-design-assembly-list" };
@@ -18,14 +22,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const $emit = __emit;
-    const configure = props.configure;
+    props.configure;
     let selAsselbyType = "assembly";
     const typeAssemblyClass = ref("selected");
     const typeExplorerClass = ref("");
     const typeTemplateClass = ref("");
     const typeEventClass = ref("");
-    const configureObjVal = ref(null);
-    const editEventVal = ref(null);
+    ref(null);
+    ref(null);
     function changeType(typeName) {
       if (typeName == "assembly") {
         typeAssemblyClass.value = "selected";
@@ -67,42 +71,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     });
-    watch(typeEventClass, (newValue) => {
-      $emit("onSelectEvent", newValue);
-    });
     function onSelectWidget(selIndex, selConfigure) {
       $emit("onSelectWidget", selIndex, selConfigure);
     }
-    const isShowEvent = ref(true);
-    eventBus.$on("editEvent", ({ configureObj, event }) => {
-      selectPageEventTab();
-      configureObjVal.value = configureObj;
-      editEventVal.value = event;
-      refreshEventContainer();
-    });
-    function refreshEventContainer() {
-      isShowEvent.value = false;
-      setTimeout(() => {
-        isShowEvent.value = true;
-      }, 1);
-    }
-    function addEvent(eventForm, handleType) {
-      $emit("addEvent", eventForm, handleType);
-    }
-    function changeEvent(eventForm) {
-      $emit("changeEvent", eventForm);
-    }
-    const pageEventContainerRef = ref(null);
-    function changeSelectEvent(customEvent) {
-      pageEventContainerRef.value.changeSelectEvent(customEvent);
-    }
-    function doCreateEvent(eventForm) {
-      pageEventContainerRef.value.doCreateEvent(eventForm);
-    }
-    function changeSelectStandardEvent(eventName, eventLabel) {
-      pageEventContainerRef.value.changeSelectStandardEvent(eventName, eventLabel);
-    }
-    __expose({ changeSelectEvent, doCreateEvent, changeSelectStandardEvent, selAsselbyType });
+    __expose({ selAsselbyType });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "amb-design-assembly-content",
@@ -116,17 +88,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(typeAssemblyClass.value),
               onClick: _cache[0] || (_cache[0] = ($event) => changeType("assembly"))
             }, "组件", 2),
-            createElementVNode("label", {
-              class: normalizeClass(typeEventClass.value),
-              onClick: _cache[1] || (_cache[1] = ($event) => changeType("pageEvent"))
-            }, "事件", 2),
             createElementVNode("label", {
               class: normalizeClass(typeExplorerClass.value),
-              onClick: _cache[2] || (_cache[2] = ($event) => changeType("explorer"))
+              onClick: _cache[1] || (_cache[1] = ($event) => changeType("explorer"))
             }, "大纲", 2),
             createElementVNode("label", {
               class: normalizeClass(typeTemplateClass.value),
-              onClick: _cache[3] || (_cache[3] = ($event) => changeType("template"))
+              onClick: _cache[2] || (_cache[2] = ($event) => changeType("template"))
             }, "模板库", 2)
           ])
         ]),
@@ -143,19 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           withDirectives(createVNode(_sfc_main$3, null, null, 512), [
             [vShow, typeTemplateClass.value]
-          ]),
-          isShowEvent.value ? withDirectives((openBlock(), createBlock(_sfc_main$4, {
-            key: 0,
-            ref_key: "pageEventContainerRef",
-            ref: pageEventContainerRef,
-            configure: unref(configure),
-            configureObj: configureObjVal.value,
-            editEvent: editEventVal.value,
-            onAddEvent: addEvent,
-            onChangeEvent: changeEvent
-          }, null, 8, ["configure", "configureObj", "editEvent"])), [
-            [vShow, typeEventClass.value]
-          ]) : createCommentVNode("", true)
+          ])
         ])
       ], 4);
     };

package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.d.ts

@@ -5,12 +5,14 @@ declare function updateInitFields(): void;
 declare const _default: import('vue').DefineComponent<{
     model: {
         type: ObjectConstructor;
+        required: true;
     };
 }, {
     updateInitFields: typeof updateInitFields;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     model: {
         type: ObjectConstructor;
+        required: true;
     };
 }>>, {}, {}>;
 export default _default;

package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref, createElementBlock, toDisplayString, Fragment, renderList, createElementVNode, createTextVNode, withDirectives, vShow, createCommentVNode } from "vue";
 import { Top, Bottom, Delete, Plus } from "@element-plus/icons";
+import { ElMessageBox } from "element-plus";
 import BindVariable from "../../../assemblys/common/common-variable-bind.vue.js";
 import { getUuidv4 } from "../../../../utils/common-util.js";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
@@ -16,10 +17,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "quick-add-fields",
   props: {
     model: {
-      type: Object
+      type: Object,
+      required: true
     }
   },
   setup(__props, { expose: __expose }) {
+    pn;
     const props = __props;
     const allEditState = ref(null);
     ref([]);

package/dist/es/components/design/views/design/view/page-switch.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./page-switch.vue2.js";
 import "./page-switch.vue3.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const PageSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecd3e513"]]);
+const PageSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a7c905da"]]);
 export {
   PageSwitch as default
 };

package/dist/es/components/design/views/design/view/page-switch.vue2.js

@@ -89,6 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           emtis("change-page", pageId);
         }).catch(() => {
           console.log("取消切换...");
+          cascaderRef.value.clearCheckedNodes();
         });
       } else {
         cascaderRef.value.clearCheckedNodes();

package/dist/es/components/design/views/design/view/view-design-display.vue.d.ts

@@ -14,10 +14,10 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     changeEvent: typeof changeEvent;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     onSelectWidget: (...args: any[]) => void;
-    changeSelectEvent: (...args: any[]) => void;
-    changeSelectStandardEvent: (...args: any[]) => void;
     addEvent: (...args: any[]) => void;
     onCustomAttrWidget: (...args: any[]) => void;
+    changeSelectEvent: (...args: any[]) => void;
+    changeSelectStandardEvent: (...args: any[]) => void;
     revocation: (...args: any[]) => void;
     regain: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & {

package/dist/es/components/design/views/design/view/view-design-display.vue.js

@@ -6,16 +6,30 @@ import { deepCopy, getUuidv4, findDesignItemByUuid } from "../../../utils/common
 import { addComponentRef } from "../../../utils/page-helper-util.js";
 import { caculatePageStyle } from "../../../utils/container-design-util.js";
 import _sfc_main$2 from "./view-design-preview.vue.js";
-import pageEventContent from "../page-event/page-event-content.vue.js";
+import { ElMessageBox, ElMessage } from "element-plus";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import "codemirror";
+import "@codemirror/lang-javascript";
+import "@codemirror/state";
+import "@codemirror/autocomplete";
+import "@codemirror/language";
+import "@codemirror/search";
+import "../page-event/config.vue.js";
+import "../../../utils/assemblys-config.js";
+import "../../../../../stores/page-store.js";
+import "../../../../../stores/event-undo-redo-store.js";
+import "../../../utils/eventBus.js";
+import "../page-event/page-event-content.vue3.js";
 import _sfc_main$3 from "./components/quick-add-dialog.vue.js";
 import { setTableRuntimesFromConfigure } from "../../../utils/page-table-util.js";
 import http from "agilebuilder-ui/src/utils/request";
-import { ElMessageBox, ElMessage } from "element-plus";
-const _hoisted_1 = { class: "amb-design-tool" };
-const _hoisted_2 = { style: { "float": "right", "margin-right": "10px" } };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("label", null, "快捷添加", -1);
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("label", null, "保存", -1);
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("label", null, "预览", -1);
+const _hoisted_1 = { class: "amb-design-content-center-header" };
+const _hoisted_2 = { class: "amb-design-tool" };
+const _hoisted_3 = { style: { "float": "right", "margin-right": "10px" } };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("label", null, "快捷添加", -1);
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("label", null, "保存", -1);
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("label", null, "预览", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "view-design-display",
   props: {
@@ -121,26 +135,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function deleteItem(sourceItem) {
       if (sourceItem.items && sourceItem.items.length > 0) {
-        ElMessageBox.confirm(
-          "还有子元素，确定要删除吗?",
-          "删除",
-          {
-            confirmButtonText: "确认",
-            cancelButtonText: "取消",
-            type: "warning"
-          }
-        ).then(() => {
-          const index = pageItems.indexOf(sourceItem);
-          if (index > -1) {
-            pageItems.splice(index, 1);
-          }
+        ElMessageBox.confirm("还有子元素，确定要删除吗?", "删除", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          _deleteItem(sourceItem);
         }).catch((err) => {
           console.log(err);
         });
+      } else {
+        _deleteItem(sourceItem);
+      }
+    }
+    function _deleteItem(sourceItem) {
+      const index = pageItems.indexOf(sourceItem);
+      if (index > -1) {
+        pageItems.splice(index, 1);
       }
     }
     const pageDesignBoardMain = ref(null);
     useDraggable(pageDesignBoardMain, pageItems, {
+      filter: ".el-scrollbar__bar",
+      // 拖动表格滚动条时，不拖拽表格需要的配置
+      preventOnFilter: false,
+      // 拖动表格滚动条时，不拖拽表格需要的配置
       group: "amb-assembly-item",
       animation: 300,
       ghostClass: "amb-item-ghost",
@@ -159,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         });
       }
-      http.post("/component/super-page-design/save", { id: props.configure.id, designJson: JSON.stringify(configureCopy) }).then((res) => {
+      http.post(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/save", { id: props.configure.id, designJson: JSON.stringify(configureCopy) }).then((res) => {
         console.log(res);
         ElMessage({
           message: "保存成功",
@@ -247,15 +266,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     }
-    function changeSelectEvent(customEvent) {
-      $emits("changeSelectEvent", customEvent);
-    }
-    function addEventClick(eventForm) {
-      $emits("addEvent", eventForm);
-    }
-    function changeSelectStandardEvent(eventName, eventLabel) {
-      $emits("changeSelectStandardEvent", eventName, eventLabel);
-    }
     __expose({ onSelectEvent, addEvent, changeEvent });
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
@@ -268,115 +278,117 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(contentHeightStyle.value)
         }, [
           createElementVNode("div", _hoisted_1, [
-            withDirectives(createElementVNode("label", {
-              class: normalizeClass(["amb-page-type", { selected: !_ctx.configure.dimensions || _ctx.configure.dimensions == "pc" }]),
-              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.configure.dimensions = "pc")
-            }, [
-              createVNode(_component_el_icon, { size: 25 }, {
-                default: withCtx(() => [
-                  createVNode(unref(Monitor))
-                ]),
-                _: 1
-              })
-            ], 2), [
-              [vShow, _ctx.selAsselbyType === "assembly"]
-            ]),
-            withDirectives(createElementVNode("label", {
-              class: normalizeClass(["amb-page-type", { selected: _ctx.configure.dimensions == "ipad" }]),
-              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.configure.dimensions = "ipad")
-            }, [
-              createVNode(_component_el_icon, { size: 23 }, {
-                default: withCtx(() => [
-                  createVNode(unref(Cellphone))
-                ]),
-                _: 1
-              })
-            ], 2), [
-              [vShow, _ctx.selAsselbyType === "assembly"]
-            ]),
-            withDirectives(createElementVNode("label", {
-              class: normalizeClass(["amb-page-type", { selected: _ctx.configure.dimensions == "phone" }]),
-              onClick: _cache[2] || (_cache[2] = ($event) => _ctx.configure.dimensions = "phone")
-            }, [
-              createVNode(_component_el_icon, { size: 23 }, {
-                default: withCtx(() => [
-                  createVNode(unref(Iphone))
-                ]),
-                _: 1
-              })
-            ], 2), [
-              [vShow, _ctx.selAsselbyType === "assembly"]
-            ]),
-            withDirectives(createVNode(_component_el_divider, {
-              direction: "vertical",
-              class: "amb-design-tool-split"
-            }, null, 512), [
-              [vShow, _ctx.selAsselbyType === "assembly"]
-            ]),
-            createElementVNode("label", {
-              class: "amb-page-type",
-              style: { "margin-left": "0px" }
-            }, [
-              createElementVNode("span", {
-                class: "iconfont icon-chexiaozuo",
-                style: { "font-size": "23px" },
-                onClick: revocation,
-                title: "撤销"
-              })
-            ]),
-            createElementVNode("label", { class: "amb-page-type" }, [
-              createElementVNode("span", {
-                class: "iconfont icon-chexiaoyou",
-                style: { "font-size": "23px" },
-                onClick: regain,
-                title: "恢复"
-              })
-            ]),
             createElementVNode("div", _hoisted_2, [
-              createElementVNode("label", {
-                class: "amb-page-type",
-                onClick: _cache[3] || (_cache[3] = ($event) => quickAdd())
+              withDirectives(createElementVNode("label", {
+                class: normalizeClass(["amb-page-type", { selected: !_ctx.configure.dimensions || _ctx.configure.dimensions == "pc" }]),
+                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.configure.dimensions = "pc")
               }, [
-                createVNode(_component_el_icon, { size: 18 }, {
+                createVNode(_component_el_icon, { size: 25 }, {
                   default: withCtx(() => [
-                    createVNode(unref(Plus))
+                    createVNode(unref(Monitor))
                   ]),
                   _: 1
-                }),
-                _hoisted_3
+                })
+              ], 2), [
+                [vShow, _ctx.selAsselbyType === "assembly"]
               ]),
-              createVNode(_component_el_divider, {
-                direction: "vertical",
-                class: "amb-design-tool-split"
-              }),
-              createElementVNode("label", {
-                class: "amb-page-type",
-                onClick: _cache[4] || (_cache[4] = ($event) => saveForm())
+              withDirectives(createElementVNode("label", {
+                class: normalizeClass(["amb-page-type", { selected: _ctx.configure.dimensions == "ipad" }]),
+                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.configure.dimensions = "ipad")
               }, [
-                createVNode(_component_el_icon, { size: 18 }, {
+                createVNode(_component_el_icon, { size: 23 }, {
                   default: withCtx(() => [
-                    createVNode(unref(Check))
+                    createVNode(unref(Cellphone))
                   ]),
                   _: 1
-                }),
-                _hoisted_4
+                })
+              ], 2), [
+                [vShow, _ctx.selAsselbyType === "assembly"]
+              ]),
+              withDirectives(createElementVNode("label", {
+                class: normalizeClass(["amb-page-type", { selected: _ctx.configure.dimensions == "phone" }]),
+                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.configure.dimensions = "phone")
+              }, [
+                createVNode(_component_el_icon, { size: 23 }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Iphone))
+                  ]),
+                  _: 1
+                })
+              ], 2), [
+                [vShow, _ctx.selAsselbyType === "assembly"]
               ]),
-              createVNode(_component_el_divider, {
+              withDirectives(createVNode(_component_el_divider, {
                 direction: "vertical",
                 class: "amb-design-tool-split"
-              }),
+              }, null, 512), [
+                [vShow, _ctx.selAsselbyType === "assembly"]
+              ]),
               createElementVNode("label", {
                 class: "amb-page-type",
-                style: { "margin-left": "0px" },
-                onClick: _cache[5] || (_cache[5] = ($event) => preview())
+                style: { "margin-left": "0px" }
               }, [
-                createVNode(_component_el_icon, { size: 18 }, {
-                  default: withCtx(() => [
-                    createVNode(unref(View))
-                  ]),
-                  _: 1
+                createElementVNode("span", {
+                  class: "iconfont icon-chexiaozuo",
+                  style: { "font-size": "23px" },
+                  onClick: revocation,
+                  title: "撤销"
+                })
+              ]),
+              createElementVNode("label", { class: "amb-page-type" }, [
+                createElementVNode("span", {
+                  class: "iconfont icon-chexiaoyou",
+                  style: { "font-size": "23px" },
+                  onClick: regain,
+                  title: "恢复"
+                })
+              ]),
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("label", {
+                  class: "amb-page-type",
+                  onClick: _cache[3] || (_cache[3] = ($event) => quickAdd())
+                }, [
+                  createVNode(_component_el_icon, { size: 18 }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Plus))
+                    ]),
+                    _: 1
+                  }),
+                  _hoisted_4
+                ]),
+                createVNode(_component_el_divider, {
+                  direction: "vertical",
+                  class: "amb-design-tool-split"
                 }),
-                _hoisted_5
+                createElementVNode("label", {
+                  class: "amb-page-type",
+                  onClick: _cache[4] || (_cache[4] = ($event) => saveForm())
+                }, [
+                  createVNode(_component_el_icon, { size: 18 }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Check))
+                    ]),
+                    _: 1
+                  }),
+                  _hoisted_5
+                ]),
+                createVNode(_component_el_divider, {
+                  direction: "vertical",
+                  class: "amb-design-tool-split"
+                }),
+                createElementVNode("label", {
+                  class: "amb-page-type",
+                  style: { "margin-left": "0px" },
+                  onClick: _cache[5] || (_cache[5] = ($event) => preview())
+                }, [
+                  createVNode(_component_el_icon, { size: 18 }, {
+                    default: withCtx(() => [
+                      createVNode(unref(View))
+                    ]),
+                    _: 1
+                  }),
+                  _hoisted_6
+                ])
               ])
             ])
           ]),
@@ -402,23 +414,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ], 6), [
             [vShow, _ctx.selAsselbyType === "assembly"]
-          ]),
-          isShowEventContent.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["amb-design-board", designClass.value]),
-            style: normalizeStyle(dynamicPageSizeStyle.value)
-          }, [
-            createVNode(pageEventContent, {
-              ref: "pageEventContentRef",
-              configure: _ctx.configure,
-              handleType: handleTypeVal.value,
-              eventForm: eventFormContent.value,
-              customEvent: customEventContent.value,
-              onChangeSelectEvent: changeSelectEvent,
-              onAddEvent: addEventClick,
-              onChangeSelectStandardEvent: changeSelectStandardEvent
-            }, null, 8, ["configure", "handleType", "eventForm", "customEvent"])
-          ], 6)) : createCommentVNode("", true)
+          ])
         ], 4),
         previewVisible.value ? (openBlock(), createBlock(_sfc_main$2, {
           key: 0,

package/dist/es/components/design/views/design/view/view-design-preview.vue.js

@@ -1,7 +1,6 @@
 import { defineComponent, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
 import "@element-plus/icons";
 import { SuperPageNew } from "super-page-runtime";
-import { getPublishVersion } from "../../../utils/system.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "view-design-preview",
   props: {
@@ -18,14 +17,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createBlock(_component_el_dialog, {
         fullscreen: "",
-        "close-on-press-escape": "",
+        "close-on-press-escape": false,
         title: title.value,
         onClose: _cache[0] || (_cache[0] = ($event) => emits("close"))
       }, {
         default: withCtx(() => [
           createVNode(unref(SuperPageNew), {
             pageDesign: _ctx.pageDesign,
-            publishVersion: unref(getPublishVersion),
+            publishVersion: _ctx.pageDesign.systemVersion,
             isTest: true
           }, null, 8, ["pageDesign", "publishVersion"])
         ]),

package/dist/es/stores/event-undo-redo-store.d.ts

@@ -0,0 +1,22 @@
+export declare const undoRedo: import('pinia').StoreDefinition<"event-snapshot", import('pinia')._UnwrapAll<Pick<{
+    addSnapshot: (configure: any, callback: any) => void;
+    undo: (configure: any) => void;
+    record: (configure: any) => void;
+    clearSnapshot: () => void;
+    getCurrentIndex: () => number;
+    getTotalLen: () => number;
+}, never>>, Pick<{
+    addSnapshot: (configure: any, callback: any) => void;
+    undo: (configure: any) => void;
+    record: (configure: any) => void;
+    clearSnapshot: () => void;
+    getCurrentIndex: () => number;
+    getTotalLen: () => number;
+}, never>, Pick<{
+    addSnapshot: (configure: any, callback: any) => void;
+    undo: (configure: any) => void;
+    record: (configure: any) => void;
+    clearSnapshot: () => void;
+    getCurrentIndex: () => number;
+    getTotalLen: () => number;
+}, "addSnapshot" | "undo" | "record" | "clearSnapshot" | "getCurrentIndex" | "getTotalLen">>;