super-page-designer 2.0.23 → 2.0.26

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/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-a34d32af"]]);
 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,11 +6,24 @@ 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.vue2.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);
@@ -121,26 +134,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 +177,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 +265,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");
@@ -402,23 +411,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

@@ -18,7 +18,7 @@ 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"))
       }, {

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">>;

package/dist/es/stores/event-undo-redo-store.js

@@ -0,0 +1,56 @@
+import { ref } from "vue";
+import { defineStore } from "pinia";
+const undoRedo = defineStore("event-snapshot", () => {
+  const snapshotData = ref([]);
+  const maxStep = ref(30);
+  const curIndex = ref(-1);
+  const isSnapshot = ref(true);
+  let timeoutObj = null;
+  function getCurrentIndex() {
+    return curIndex.value;
+  }
+  function getTotalLen() {
+    return snapshotData.value ? snapshotData.value.length : 0;
+  }
+  function clearSnapshot() {
+    snapshotData.value = [];
+    curIndex.value = -1;
+    isSnapshot.value = true;
+  }
+  function addSnapshot(configure, callback) {
+    if (timeoutObj) {
+      clearTimeout(timeoutObj);
+    }
+    timeoutObj = setTimeout(function() {
+      snapshotData.value.push(JSON.stringify(configure.value));
+      curIndex.value++;
+      if (snapshotData.value.length > maxStep.value) {
+        snapshotData.value.splice(0, 1);
+        curIndex.value--;
+      }
+      if (callback) {
+        callback();
+      }
+    }, 400);
+  }
+  function undo(configure) {
+    isSnapshot.value = false;
+    if (curIndex.value > 0) {
+      let t = JSON.parse(snapshotData.value[curIndex.value - 1]);
+      configure.value = t;
+      curIndex.value--;
+    }
+  }
+  function record(configure) {
+    if (curIndex.value > -1 && curIndex.value + 1 < snapshotData.value.length) {
+      const valueStr = snapshotData.value[curIndex.value + 1];
+      let t = JSON.parse(valueStr);
+      configure.value = t;
+      curIndex.value++;
+    }
+  }
+  return { addSnapshot, undo, record, clearSnapshot, getCurrentIndex, getTotalLen };
+});
+export {
+  undoRedo
+};