super-page-designer 2.2.20 → 2.2.24

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

@@ -1,12 +1,12 @@
-import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, resolveComponent as s, createElementBlock as r, openBlock as u, Fragment as a, createElementVNode as c, createBlock as g, createCommentVNode as m, createVNode as p, normalizeStyle as f, withDirectives as d, normalizeClass as v, withCtx as b, unref as y, vShow as h, renderList as j } from "vue";
-import { Monitor as C, Cellphone as S, Iphone as k, Plus as O, Check as _, View as A } from "@element-plus/icons";
+import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as u, openBlock as a, Fragment as c, createElementVNode as g, createBlock as m, createCommentVNode as p, createVNode as f, normalizeStyle as d, withDirectives as v, normalizeClass as b, withCtx as y, unref as h, vShow as j, renderList as C } from "vue";
+import { Monitor as S, Cellphone as k, Iphone as O, Plus as _, Check as A, View as T } from "@element-plus/icons";
 import { useDraggable as D } from "vue-draggable-plus";
 import w from "../../assemblys/object-design.vue.js";
-import { deepCopy as x, getUuidv4 as T, findDesignItemByUuid as W } from "../../../utils/common-util.js";
-import { addComponentRef as N } from "../../../utils/page-helper-util.js";
-import { caculatePageStyle as E } from "../../../utils/container-design-util.js";
-import U from "./view-design-preview.vue.js";
-import { ElMessage as J } from "element-plus";
+import { deepCopy as x, getUuidv4 as W, findDesignItemByUuid as N } from "../../../utils/common-util.js";
+import { addComponentRef as E } from "../../../utils/page-helper-util.js";
+import { caculatePageStyle as U } from "../../../utils/container-design-util.js";
+import J from "./view-design-preview.vue.js";
+import { ElMessage as P } from "element-plus";
 import "@vueuse/core";
 import "@element-plus/icons-vue";
 import "codemirror";
@@ -16,128 +16,131 @@ import "@codemirror/autocomplete";
 import "@codemirror/language";
 import "@codemirror/search";
 import "js-beautify";
-/* empty css                        */
+/* empty css                       */
 import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
 import "../../../../../stores/event-undo-redo-store.js";
 import "../../../utils/eventBus.js";
-import P from "./components/quick-add-dialog.vue.js";
-import z from "./components/i18n-setting.vue.js";
-import { setTableRuntimesFromConfigure as M } from "../../../utils/page-table-util.js";
-import R from "agilebuilder-ui/src/utils/request";
-import { copyHandleEvents as B, deleteDesignItem as K } from "../../../utils/page-design-util.js";
-import { setHomeChartRuntimesFromConfigure as q } from "../../../utils/home-chart-util.js";
-import { getFormPropTitleMap as V } from "../../../utils/form-design-util.js";
-const F = { class: "amb-design-content-center-header" }, H = { class: "amb-design-tool" }, L = { class: "amb-design-tool-item" }, I = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, $ = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: $2, emit: G }) {
-  const Q = e2, X = i(null), Y = i(null), Z = G;
-  null == Q.configure.props && (Q.configure.props = {}), null == Q.configure.style && (Q.configure.style = {}), null != Q.configure.items && null != Q.configure.items || (Q.configure.items = []);
-  const ee = Q.configure.items, ie = i(null), ne = n({ index: 0 }), te = i({}), le = i(""), oe = i(null);
-  re();
-  const se = t(function() {
+import z from "./components/quick-add-dialog.vue.js";
+import M from "./components/i18n-setting.vue.js";
+import { setTableRuntimesFromConfigure as R } from "../../../utils/page-table-util.js";
+import B from "agilebuilder-ui/src/utils/request";
+import { copyHandleEvents as K, deleteDesignItem as q } from "../../../utils/page-design-util.js";
+import { setHomeChartRuntimesFromConfigure as V } from "../../../utils/home-chart-util.js";
+import { getFormPropTitleMap as F } from "../../../utils/form-design-util.js";
+const H = { class: "amb-design-content-center-header" }, L = { class: "amb-design-tool" }, I = { class: "amb-design-tool-item" }, $ = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, G = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: G2, emit: Q }) {
+  const X = e2, Y = i(null), Z = i(null), ee = Q;
+  null == X.configure.props && (X.configure.props = {}), null == X.configure.style && (X.configure.style = {}), null != X.configure.items && null != X.configure.items || (X.configure.items = []);
+  const ie = X.configure.items, ne = i(null), te = n({ index: 0 }), le = i({}), oe = i(""), se = i(null);
+  ue();
+  const re = t(function() {
     let e3 = null;
-    "ipad" == Q.configure.dimensions ? e3 = 768 : "phone" == Q.configure.dimensions && (e3 = 414);
+    "ipad" == X.configure.dimensions ? e3 = 768 : "phone" == X.configure.dimensions && (e3 = 414);
     const i2 = { width: e3 ? e3 + "px" : "" };
-    for (let e4 in te.value) i2[e4] = te.value[e4];
-    return oe.value && (i2["min-height"] = oe.value + "px"), i2;
+    for (let e4 in le.value) i2[e4] = le.value[e4];
+    return se.value && (i2["min-height"] = se.value + "px"), i2;
   });
-  function re() {
-    E(Q.configure, te, le), Q.configure.runtime || (Q.configure.runtime = {}), Q.configure.runtime.class = le.value, Q.configure.runtime.style = te.value;
+  function ue() {
+    U(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
   }
-  l(Q.configure.props, () => {
-    re();
-  }), l(Q.configure.style, () => {
-    re();
+  l(X.configure.props, () => {
+    ue();
+  }), l(X.configure.style, () => {
+    ue();
   });
-  const ue = i(), ae = t(() => ({ height: ue.value + "px" })), ce = i(null);
-  function ge(e3) {
-    Z("onSelectWidget", -1);
-  }
-  function me(e3, i2) {
-    Z("onSelectWidget", e3, i2);
+  const ae = i(), ce = t(() => ({ height: ae.value + "px" })), ge = i(null);
+  function me(e3) {
+    ee("onSelectWidget", -1);
   }
   function pe(e3, i2) {
-    Z("onCustomAttrWidget", e3, i2);
+    ee("onSelectWidget", e3, i2);
   }
-  function fe(e3) {
-    const i2 = ee.indexOf(e3), t2 = n(x(e3));
-    t2.uuid = T(), B(t2), ee.splice(i2, 0, t2);
+  function fe(e3, i2) {
+    ee("onCustomAttrWidget", e3, i2);
   }
   function de(e3) {
-    K(ee, e3, e3.items && e3.items.length > 0, true);
+    const i2 = ie.indexOf(e3), t2 = n(x(e3));
+    t2.uuid = W(), K(t2), ie.splice(i2, 0, t2);
+  }
+  function ve(e3) {
+    q(ie, e3, e3.items && e3.items.length > 0, true);
   }
   o(() => {
-    if (ce.value) {
-      const e3 = ce.value.getBoundingClientRect();
-      e3.y && (ue.value = window.innerHeight - e3.y), N(Q.configure, -1, ce);
+    if (ge.value) {
+      const e3 = ge.value.getBoundingClientRect();
+      e3.y && (ae.value = window.innerHeight - e3.y), E(X.configure, -1, ge);
     }
-    if (ve.value) {
-      const e3 = ve.value.getBoundingClientRect();
-      e3.y && (oe.value = window.innerHeight - e3.y - 20);
+    if (be.value) {
+      const e3 = be.value.getBoundingClientRect();
+      e3.y && (se.value = window.innerHeight - e3.y - 20);
     }
   });
-  const ve = i(null);
-  function be() {
-    Q.configure.i18nKeys && Q.configure.i18nKeys.length > 0 && (Q.configure.i18nKeys = Array.from(new Set(Q.configure.i18nKeys)));
-    const e3 = JSON.parse(JSON.stringify(Q.configure));
+  const be = i(null);
+  function ye() {
+    X.configure.i18nKeys && X.configure.i18nKeys.length > 0 && (X.configure.i18nKeys = Array.from(new Set(X.configure.i18nKeys)));
+    const e3 = JSON.parse(JSON.stringify(X.configure));
     e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
-      "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = V(e4), Q.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete Q.configure.formPropLabelMap);
+      "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
       e4.tableUuids && (e4.tableUuids = e4.tableUuids.filter((i2) => {
-        const n2 = W(e4, i2);
-        return !!n2 && (M(n2, e4), true);
+        const n2 = N(e4, i2);
+        return !!n2 && (R(n2, e4), true);
       }));
       e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
-        let n2 = W(e4, i2);
-        return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), q(n2, e4), true);
+        let n2 = N(e4, i2);
+        return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), V(n2, e4), true);
       }));
-    }(e3), R.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: Q.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
-      J({ message: "保存成功", type: "success" });
+    }(e3), B.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
+      P({ message: "保存成功", type: "success" });
     }).catch((e4) => {
-      J({ message: "保存失败", type: "error" });
+      P({ message: "保存失败", type: "error" });
     });
   }
-  D(ve, ee, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
+  D(be, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
   } });
-  const ye = i(false);
-  const he = i(null), je = i({}), Ce = i({}), Se = i(false);
-  function ke() {
-    Se.value = false, setTimeout(() => {
-      Se.value = true;
+  const he = i(false);
+  const je = i(null), Ce = i({}), Se = i({}), ke = i(false);
+  let Oe;
+  function _e() {
+    Oe && clearTimeout(Oe), ke.value = false, Oe = setTimeout(() => {
+      ke.value = true;
     }, 1);
   }
-  function Oe(e3) {
-    if (Q.configure.customEvents) {
-      let i2 = Q.configure.customEvents.filter((i3) => i3.eventName === e3);
+  function Ae(e3) {
+    if (X.configure.customEvents) {
+      let i2 = X.configure.customEvents.filter((i3) => i3.eventName === e3);
       if (i2 && i2.length > 0) return i2[0];
     }
   }
-  return $2({ onSelectEvent: function(e3) {
-    Se.value = !(!e3 || "selected" !== e3);
+  return s(() => {
+    Oe && clearTimeout(Oe);
+  }), G2({ onSelectEvent: function(e3) {
+    ke.value = !(!e3 || "selected" !== e3);
   }, addEvent: function(e3, i2) {
-    je.value = e3;
-    const n2 = Oe(e3.eventName);
-    n2 && (Ce.value = n2), he.value = i2 || "event", ke();
+    Ce.value = e3;
+    const n2 = Ae(e3.eventName);
+    n2 && (Se.value = n2), je.value = i2 || "event", _e();
   }, changeEvent: function(e3) {
     if (e3) {
-      he.value = null, je.value = e3;
-      const i2 = Oe(e3.eventName);
-      Ce.value = i2 || null, ke();
-    } else Se.value = false;
+      je.value = null, Ce.value = e3;
+      const i2 = Ae(e3.eventName);
+      Se.value = i2 || null, _e();
+    } else ke.value = false;
   } }), (e3, i2) => {
-    const n2 = s("el-icon"), t2 = s("el-divider"), l2 = s("Setting");
-    return u(), r(a, null, [c("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ce, style: f(ae.value) }, [c("div", F, [c("div", H, [c("div", L, [d(c("label", { class: v(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [p(n2, { size: 23 }, { default: b(() => [p(y(C))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(c("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [p(n2, { size: 23 }, { default: b(() => [p(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(c("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [p(n2, { size: 23 }, { default: b(() => [p(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(p(t2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), c("div", I, [c("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
+    const n2 = r("el-icon"), t2 = r("el-divider"), l2 = r("Setting");
+    return a(), u(c, null, [g("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ge, style: d(ce.value) }, [g("div", H, [g("div", L, [g("div", I, [v(g("label", { class: b(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: y(() => [f(h(S))]), _: 1 })], 2), [[j, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: y(() => [f(h(k))]), _: 1 })], 2), [[j, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: y(() => [f(h(O))]), _: 1 })], 2), [[j, "assembly" === e3.selAsselbyType]]), v(f(t2, { direction: "vertical" }, null, 512), [[j, "assembly" === e3.selAsselbyType]])]), g("div", $, [g("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
       var _a;
-      (_a = Y.value) == null ? void 0 : _a.show();
-    }) }, [p(n2, { size: 18 }, { default: b(() => [p(l2)]), _: 1 }), i2[9] || (i2[9] = c("label", null, "国际化配置", -1))]), c("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
-      X.value && X.value.openDialog();
-    }) }, [p(n2, { size: 18 }, { default: b(() => [p(y(O))]), _: 1 }), i2[10] || (i2[10] = c("label", null, "快捷添加", -1))]), p(t2, { direction: "vertical" }), c("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => be()) }, [p(n2, { size: 18 }, { default: b(() => [p(y(_))]), _: 1 }), i2[11] || (i2[11] = c("label", null, "保存", -1))]), p(t2, { direction: "vertical" }), c("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
-      const e5 = JSON.parse(JSON.stringify(Q.configure));
+      (_a = Z.value) == null ? void 0 : _a.show();
+    }) }, [f(n2, { size: 18 }, { default: y(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = g("label", null, "国际化配置", -1))]), g("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
+      Y.value && Y.value.openDialog();
+    }) }, [f(n2, { size: 18 }, { default: y(() => [f(h(_))]), _: 1 }), i2[10] || (i2[10] = g("label", null, "快捷添加", -1))]), f(t2, { direction: "vertical" }), g("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ye()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(A))]), _: 1 }), i2[11] || (i2[11] = g("label", null, "保存", -1))]), f(t2, { direction: "vertical" }), g("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
+      const e5 = JSON.parse(JSON.stringify(X.configure));
       e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
-        const n3 = W(e5, i3);
-        n3 && M(n3, e5);
-      }), ie.value = e5, ye.value = true;
-    }()) }, [p(n2, { size: 18 }, { default: b(() => [p(y(A))]), _: 1 }), i2[12] || (i2[12] = c("label", null, "预览", -1))])])])]), d(c("div", { class: v(["amb-design-board", le.value]), ref_key: "pageDesignBoardMain", ref: ve, style: f(se.value), onClick: ge }, [(u(true), r(a, null, j(y(ee), (i3, n3) => (u(), g(w, { key: i3.uuid, indexObj: ne, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: pe, onOnCopy: fe, onOnDelete: de }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])], 4), ye.value ? (u(), g(U, { key: 0, pageDesign: ie.value, modelValue: ye.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => ye.value = e4), onClose: i2[8] || (i2[8] = (e4) => ye.value = false) }, null, 8, ["pageDesign", "modelValue"])) : m("", true), p(P, { ref_key: "quickAddDialogRef", ref: X, pageDesign: e3.configure }, null, 8, ["pageDesign"]), p(z, { ref_key: "i18nSettingRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
+        const n3 = N(e5, i3);
+        n3 && R(n3, e5);
+      }), ne.value = e5, he.value = true;
+    }()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(T))]), _: 1 }), i2[12] || (i2[12] = g("label", null, "预览", -1))])])])]), v(g("div", { class: b(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: be, style: d(re.value), onClick: me }, [(a(true), u(c, null, C(h(ie), (i3, n3) => (a(), m(w, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: pe, onOnCustomAttrWidget: fe, onOnCopy: de, onOnDelete: ve }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[j, "assembly" === e3.selAsselbyType]])], 4), he.value ? (a(), m(J, { key: 0, pageDesign: ne.value, modelValue: he.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => he.value = e4), onClose: i2[8] || (i2[8] = (e4) => he.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
   };
 } });
 export {
-  $ as default
+  G as default
 };

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

@@ -5,6 +5,7 @@ export declare const undoRedo: import('pinia').StoreDefinition<"event-snapshot",
     clearSnapshot: () => void;
     getCurrentIndex: () => number;
     getTotalLen: () => number;
+    clearSnapshotTimeout: () => void;
 }, never>, Pick<{
     addSnapshot: (configure: any, callback: any) => void;
     undo: (configure: any) => void;
@@ -12,6 +13,7 @@ export declare const undoRedo: import('pinia').StoreDefinition<"event-snapshot",
     clearSnapshot: () => void;
     getCurrentIndex: () => number;
     getTotalLen: () => number;
+    clearSnapshotTimeout: () => void;
 }, never>, Pick<{
     addSnapshot: (configure: any, callback: any) => void;
     undo: (configure: any) => void;
@@ -19,4 +21,5 @@ export declare const undoRedo: import('pinia').StoreDefinition<"event-snapshot",
     clearSnapshot: () => void;
     getCurrentIndex: () => number;
     getTotalLen: () => number;
-}, "addSnapshot" | "undo" | "record" | "clearSnapshot" | "getCurrentIndex" | "getTotalLen">>;
+    clearSnapshotTimeout: () => void;
+}, "addSnapshot" | "undo" | "record" | "clearSnapshot" | "getCurrentIndex" | "getTotalLen" | "clearSnapshotTimeout">>;

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

@@ -3,8 +3,11 @@ import { defineStore as u } from "pinia";
 const l = u("event-snapshot", () => {
   const u2 = e([]), l2 = e(30), a = e(-1), n = e(true);
   let t = null;
+  function v() {
+    t && clearTimeout(t);
+  }
   return { addSnapshot: function(e2, n2) {
-    t && clearTimeout(t), t = setTimeout(function() {
+    v(), t = setTimeout(function() {
       u2.value.push(JSON.stringify(e2.value)), a.value++, u2.value.length > l2.value && (u2.value.splice(0, 1), a.value--), n2 && n2();
     }, 400);
   }, undo: function(e2) {
@@ -24,7 +27,7 @@ const l = u("event-snapshot", () => {
     return a.value;
   }, getTotalLen: function() {
     return u2.value ? u2.value.length : 0;
-  } };
+  }, clearSnapshotTimeout: v };
 });
 export {
   l as undoRedo

package/dist/es/style.css

@@ -658,20 +658,20 @@ fieldset.amb-design-item-selected {
 }
 
 
-.editorTool[data-v-52b49f1c] {
+.editorTool[data-v-8dba0ddd] {
   margin-left: auto;
 }
-.editorOption[data-v-52b49f1c] {
+.editorOption[data-v-8dba0ddd] {
   margin-right: 10px;
   cursor: pointer;
 }
-.pppp[data-v-52b49f1c] {
+.pppp[data-v-8dba0ddd] {
   display: flex; /* 使用Flex布局 */
   justify-content: flex-start;
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
-[data-v-3528c938] .el-cascader-menu {
+[data-v-f1126e5e] .el-cascader-menu {
   min-width: 120px !important;
 }
 
@@ -9494,10 +9494,10 @@ li[data-v-5581ec9f] {
   border: 1px solid rgba(88, 147, 239);
 }
 
-li[data-v-7d71eec4] {
+li[data-v-90da2dec] {
   color: #333;
 }
-.context-menu[data-v-7d71eec4] {
+.context-menu[data-v-90da2dec] {
   position: fixed;
   background: #fff;
   z-index: 999;
@@ -9505,7 +9505,7 @@ li[data-v-7d71eec4] {
   margin: 0;
   margin-top: 30px;
 }
-.context-menu li[data-v-7d71eec4] {
+.context-menu li[data-v-90da2dec] {
   min-width: 75px;
   height: 28px;
   line-height: 28px;
@@ -9518,16 +9518,16 @@ li[data-v-7d71eec4] {
 /*  background: #5893ef;*/
 /*  color: #fff;*/
 /*}*/
-.context-menuLi[data-v-7d71eec4]:hover {
+.context-menuLi[data-v-90da2dec]:hover {
   background: #5893ef;
   color: #fff;
 }
-.context-menu[data-v-7d71eec4] {
+.context-menu[data-v-90da2dec] {
   border: 1px solid #eee;
   box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
   border-radius: 5px;
 }
-li[data-v-7d71eec4] {
+li[data-v-90da2dec] {
   list-style-type: none;
 }
 
@@ -16359,13 +16359,13 @@ fieldset.amb-design-item-selected {
   font-weight: bold;
 }
 
-.el-switch + .el-button[data-v-606a3fe0] {
+.el-switch + .el-button[data-v-513f0eca] {
   margin-left: 20px;
 }
-.el-alert + .el-table[data-v-606a3fe0] {
+.el-alert + .el-table[data-v-513f0eca] {
   margin-top: 10px;
 }
-.table-input-width[data-v-606a3fe0] {
+.table-input-width[data-v-513f0eca] {
   width: 80%;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.20",
+  "version": "2.2.24",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -29,7 +29,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vueuse/core": "^10.9.0",
     "agilebuilder-private-libs": "1.0.26",
-    "agilebuilder-ui": "1.1.8",
+    "agilebuilder-ui": "1.1.10",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -41,7 +41,7 @@
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
     "service-flow-designer": "2.2.14",
-    "super-page-runtime": "2.2.19",
+    "super-page-runtime": "2.2.23",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",
@@ -52,7 +52,7 @@
     "vue-echarts": "^6.6.9",
     "vue-router": "^4.3.0",
     "vuex": "^4.1.0",
-    "workflow-editor": "0.0.50-up"
+    "workflow-editor": "0.0.51-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",