super-page-designer 2.3.13-sit4-design1 → 2.3.14-design1

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createVNode as s, withCtx as p, createElementVNode as d, createBlock as u, unref as r, toDisplayString as c, createTextVNode as g } from "vue";
+import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createVNode as s, withCtx as p, createElementVNode as r, createBlock as d, unref as u, toDisplayString as c, createTextVNode as g } from "vue";
 import { Menu as m, Tickets as f, Folder as y, Operation as v, ArrowUp as h, ArrowDown as x } from "@element-plus/icons-vue";
 import { ElMessageBox as w } from "element-plus";
 import b from "agilebuilder-ui/src/utils/request";
@@ -12,6 +12,7 @@ const k = { style: { display: "flex", "min-width": "60px", height: "60px", "marg
         b.post(window.$vueApp.config.globalProperties.baseAPI + "/acs/user/i18n-languages", a3).then((e5) => {
           const a4 = e5.i18nFileUrls[e5.language] + "?_t_=" + (/* @__PURE__ */ new Date()).getTime();
           _.loadLangFile(t3, a4, "zh_CN").catch(() => {
+            console.error("加载国际化文件失败");
           });
         });
       }
@@ -50,7 +51,7 @@ const k = { style: { display: "flex", "min-width": "60px", height: "60px", "marg
   return a(() => options.value.filter((e3) => !F.value || e3.name.toLowerCase().includes(F.value.toLowerCase()))), l(() => {
   }), (t2, a2) => {
     const l2 = n("el-icon"), w2 = n("el-button"), b2 = n("el-cascader-panel"), _2 = n("el-popover");
-    return i(), o("div", k, [s(_2, { onShow: R, onHide: U, ref_key: "popoverRef", ref: $, width: "auto", "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;" }, { reference: p(() => [s(w2, { type: "default", icon: r(v), style: { "font-size": "14px", "font-weight": "600" } }, { default: p(() => [g(c(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), S.value ? (i(), u(l2, { key: 0, class: "el-icon--right" }, { default: p(() => [s(r(h))]), _: 1 })) : (i(), u(l2, { key: 1, class: "el-icon--right" }, { default: p(() => [s(r(x))]), _: 1 }))]), _: 1 }, 8, ["icon"])]), default: p(() => [d("div", C, [s(b2, { ref_key: "cascaderRef", ref: L, style: { width: "fit-content", "margin-top": "6px" }, props: B.value, modelValue: z.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => z.value = e3), onChange: q }, { default: p(({ node: e3, data: t3 }) => [d("div", I, ["menu" === t3.menuType ? (i(), u(l2, { key: 0 }, { default: p(() => [s(r(m))]), _: 1 })) : "page" === t3.menuType ? (i(), u(l2, { key: 1 }, { default: p(() => [s(r(f))]), _: 1 })) : (i(), u(l2, { key: 2 }, { default: p(() => [s(r(y))]), _: 1 })), "page" === t3.menuType ? (i(), o("span", T, c(j(e3)), 1)) : (i(), o("span", N, c(e3.label), 1))])]), _: 1 }, 8, ["props", "modelValue"])])]), _: 1 }, 512)]);
+    return i(), o("div", k, [s(_2, { onShow: R, onHide: U, ref_key: "popoverRef", ref: $, width: "auto", "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;" }, { reference: p(() => [s(w2, { type: "default", icon: u(v), style: { "font-size": "14px", "font-weight": "600" } }, { default: p(() => [g(c(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), S.value ? (i(), d(l2, { key: 0, class: "el-icon--right" }, { default: p(() => [s(u(h))]), _: 1 })) : (i(), d(l2, { key: 1, class: "el-icon--right" }, { default: p(() => [s(u(x))]), _: 1 }))]), _: 1 }, 8, ["icon"])]), default: p(() => [r("div", C, [s(b2, { ref_key: "cascaderRef", ref: L, style: { width: "fit-content", "margin-top": "6px" }, props: B.value, modelValue: z.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => z.value = e3), onChange: q }, { default: p(({ node: e3, data: t3 }) => [r("div", I, ["menu" === t3.menuType ? (i(), d(l2, { key: 0 }, { default: p(() => [s(u(m))]), _: 1 })) : "page" === t3.menuType ? (i(), d(l2, { key: 1 }, { default: p(() => [s(u(f))]), _: 1 })) : (i(), d(l2, { key: 2 }, { default: p(() => [s(u(y))]), _: 1 })), "page" === t3.menuType ? (i(), o("span", T, c(j(e3)), 1)) : (i(), o("span", N, c(e3.label), 1))])]), _: 1 }, 8, ["props", "modelValue"])])]), _: 1 }, 512)]);
   };
 } });
 export {

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

@@ -23,8 +23,8 @@ import "../../../../../stores/event-undo-redo-store.js";
 import "../../../utils/eventBus.js";
 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 K from "agilebuilder-ui/src/utils/request";
+import { setTableRuntimesFromConfigure as K } from "../../../utils/page-table-util.js";
+import R from "agilebuilder-ui/src/utils/request";
 import { copyHandleEvents as q, deleteDesignItem as V } from "../../../utils/page-design-util.js";
 import { setHomeChartRuntimesFromConfigure as B } from "../../../utils/home-chart-util.js";
 import { getFormPropTitleMap as F } from "../../../utils/form-design-util.js";
@@ -75,25 +75,15 @@ const L = { class: "amb-design-content-center-header" }, I = { class: "amb-desig
     const e3 = JSON.parse(JSON.stringify(X.configure));
     e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
       "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
-      if (e4.tableUuids) {
-        const i2 = {};
-        e4.tableUuids = e4.tableUuids.filter((n2) => {
-          const t2 = E(e4, n2);
-          if (t2) {
-            if (R(t2, e4), e4.tableRuntimes && e4.tableRuntimes[n2]) {
-              const l2 = e4.tableRuntimes[n2];
-              l2.code && (t2.code ? i2[l2.code] = t2.code : i2[l2.code] = l2.code);
-            }
-            return true;
-          }
-          return false;
-        }), e4.listCodesMap = i2;
-      }
+      e4.tableUuids && (e4.tableUuids = e4.tableUuids.filter((i2) => {
+        const n2 = E(e4, i2);
+        return !!n2 && (K(n2, e4), true);
+      }));
       e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
         let n2 = E(e4, i2);
         return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), B(n2, e4), true);
       }));
-    }(e3), K.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
+    }(e3), R.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) => {
       P({ message: "保存失败", type: "error" });
@@ -129,20 +119,20 @@ const L = { class: "amb-design-content-center-header" }, I = { class: "amb-desig
       const i2 = _e(e3.eventName);
       je.value = i2 || null, ke();
     } else Ce.value = false;
-  } }), (e3, i2) => {
-    const n2 = r("el-icon"), t2 = r("el-divider"), l2 = r("Setting"), o2 = r("el-scrollbar");
-    return u(), a(c, null, [m("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ue }, [m("div", L, [m("div", I, [m("div", $, [d(m("label", { class: v(["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: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(f(t2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
+  } }), (i2, n2) => {
+    const t2 = r("el-icon"), l2 = r("el-divider"), o2 = r("Setting"), s2 = r("el-scrollbar");
+    return u(), a(c, null, [m("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ue }, [m("div", L, [m("div", I, [m("div", $, [d(m("label", { class: v(["amb-page-type", { selected: !e2.configure.dimensions || "pc" == e2.configure.dimensions }]), onClick: n2[0] || (n2[0] = (i3) => e2.configure.dimensions = "pc") }, [f(t2, { size: 23 }, { default: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e2.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e2.configure.dimensions }]), onClick: n2[1] || (n2[1] = (i3) => e2.configure.dimensions = "ipad") }, [f(t2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e2.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e2.configure.dimensions }]), onClick: n2[2] || (n2[2] = (i3) => e2.configure.dimensions = "phone") }, [f(t2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e2.selAsselbyType]]), d(f(l2, { direction: "vertical" }, null, 512), [[h, "assembly" === e2.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: n2[3] || (n2[3] = (e3) => {
       var _a;
       (_a = Z.value) == null ? void 0 : _a.show();
-    }) }, [f(n2, { size: 18 }, { default: b(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = m("label", null, "国际化配置", -1))]), m("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
+    }) }, [f(t2, { size: 18 }, { default: b(() => [f(o2)]), _: 1 }), n2[9] || (n2[9] = m("label", null, "国际化配置", -1))]), m("label", { class: "amb-page-type", onClick: n2[4] || (n2[4] = (e3) => {
       Y.value && Y.value.openDialog();
-    }) }, [f(n2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), i2[10] || (i2[10] = m("label", null, "快捷添加", -1))]), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ve()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), i2[11] || (i2[11] = m("label", null, "保存", -1))]), f(t2, { direction: "vertical" }), m("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 = E(e5, i3);
-        n3 && R(n3, e5);
-      }), ne.value = e5, be.value = true;
-    }()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(T))]), _: 1 }), i2[12] || (i2[12] = m("label", null, "预览", -1))])])])]), f(o2, { height: "100%" }, { default: b(() => [d(m("div", { class: v(["amb-design-board amb-design-board-main", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, n3) => (u(), g(x, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: ne.value, modelValue: be.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => be.value = e4), onClose: i2[8] || (i2[8] = (e4) => be.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);
+    }) }, [f(t2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), n2[10] || (n2[10] = m("label", null, "快捷添加", -1))]), f(l2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: n2[5] || (n2[5] = (e3) => ve()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), n2[11] || (n2[11] = m("label", null, "保存", -1))]), f(l2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: n2[6] || (n2[6] = (e3) => function() {
+      const e4 = JSON.parse(JSON.stringify(X.configure));
+      e4.tableRuntimes = {}, e4.tableUuids && e4.tableUuids.forEach((i3) => {
+        const n3 = E(e4, i3);
+        n3 && K(n3, e4);
+      }), ne.value = e4, be.value = true;
+    }()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(T))]), _: 1 }), n2[12] || (n2[12] = m("label", null, "预览", -1))])])])]), f(s2, { height: "100%" }, { default: b(() => [d(m("div", { class: v(["amb-design-board amb-design-board-main", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, n3) => (u(), g(x, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e2.configure, selectWidget: e2.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e2.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: ne.value, modelValue: be.value, "onUpdate:modelValue": n2[7] || (n2[7] = (e3) => be.value = e3), onClose: n2[8] || (n2[8] = (e3) => be.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e2.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e2.configure }, null, 8, ["pageDesign"])], 64);
   };
 } });
 export {

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

@@ -12,9 +12,9 @@ const u = e({ __name: "view-design-preview", props: { pageDesign: {} }, emits: [
     }
     return s2.width = i2 + "px", s2.border = "1px solid #dcdfe6", s2["border-radius"] = "4px", s2;
   });
-  return (e3, s2) => {
-    const g2 = i("el-dialog");
-    return t(), n(g2, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: m.value, onClose: s2[0] || (s2[0] = (e4) => c("close")) }, { default: o(() => [r(p(a), { style: l([{ margin: "0 auto" }, f.value]), pageDesign: e3.pageDesign, publishVersion: e3.pageDesign.systemVersion, dimensions: e3.pageDesign.dimensions, isTest: true }, null, 8, ["style", "pageDesign", "publishVersion", "dimensions"])]), _: 1 }, 8, ["title"]);
+  return (s2, g2) => {
+    const u3 = i("el-dialog");
+    return t(), n(u3, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: m.value, onClose: g2[0] || (g2[0] = (e3) => c("close")) }, { default: o(() => [r(p(a), { style: l([{ margin: "0 auto" }, f.value]), pageDesign: e2.pageDesign, publishVersion: e2.pageDesign.systemVersion, dimensions: e2.pageDesign.dimensions, isTest: true }, null, 8, ["style", "pageDesign", "publishVersion", "dimensions"])]), _: 1 }, 8, ["title"]);
   };
 } });
 export {

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

@@ -40,9 +40,9 @@ const g = e({ __name: "view-design", props: { configure: {}, system: {} }, emits
   function k(e3, n2) {
     I.value.changeSelectStandardEvent(e3, n2);
   }
-  return g2({ onSelectWidget: S }), (e3, n2) => {
-    const t2 = o("el-main"), g3 = o("el-container");
-    return s(), l(g3, { class: "amb-container" }, { default: i(() => [a(v, null, { default: i(() => [a(u, { ref_key: "assemblysContainerRef", ref: I, configure: e3.configure, designItems: e3.configure.items, selectWidget: y, onOnSelectWidget: S, onAddEvent: W, onChangeEvent: A, onOnSelectEvent: _ }, null, 8, ["configure", "designItems", "selectWidget"])]), _: 1 }), a(t2, { class: "amb-container-main" }, { default: i(() => [a(r, { ref_key: "viewDesignDisplayRef", ref: C, configure: e3.configure, selectWidget: y, selAsselbyType: c(b), onOnSelectWidget: S, onOnCustomAttrWidget: h, onChangeSelectEvent: O, onAddEvent: T, onChangeSelectStandardEvent: k, onRevocation: R, onRegain: j }, null, 8, ["configure", "selectWidget", "selAsselbyType"])]), _: 1 }), a(v, { direction: "left" }, { default: i(() => [a(f, { pageInfo: e3.configure, system: e3.system, ref_key: "attrContainerRef", ref: E }, null, 8, ["pageInfo", "system"])]), _: 1 })]), _: 1 });
+  return g2({ onSelectWidget: S }), (n2, t2) => {
+    const g3 = o("el-main"), d2 = o("el-container");
+    return s(), l(d2, { class: "amb-container" }, { default: i(() => [a(v, null, { default: i(() => [a(u, { ref_key: "assemblysContainerRef", ref: I, configure: e2.configure, designItems: e2.configure.items, selectWidget: y, onOnSelectWidget: S, onAddEvent: W, onChangeEvent: A, onOnSelectEvent: _ }, null, 8, ["configure", "designItems", "selectWidget"])]), _: 1 }), a(g3, { class: "amb-container-main" }, { default: i(() => [a(r, { ref_key: "viewDesignDisplayRef", ref: C, configure: e2.configure, selectWidget: y, selAsselbyType: c(b), onOnSelectWidget: S, onOnCustomAttrWidget: h, onChangeSelectEvent: O, onAddEvent: T, onChangeSelectStandardEvent: k, onRevocation: R, onRegain: j }, null, 8, ["configure", "selectWidget", "selAsselbyType"])]), _: 1 }), a(v, { direction: "left" }, { default: i(() => [a(f, { pageInfo: e2.configure, system: e2.system, ref_key: "attrContainerRef", ref: E }, null, 8, ["pageInfo", "system"])]), _: 1 })]), _: 1 });
   };
 } });
 export {

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

@@ -13,7 +13,7 @@ const u = l("snapshot", () => {
     if (a.value > 0) {
       v.value = false;
       let u3 = JSON.parse(l2.value[--a.value]);
-      e2.value = u3;
+      e2.value = u3, e2.value;
     }
   }, record: function(e2) {
     if (a.value < l2.value.length - 1) {

package/dist/es/style.css

@@ -830,7 +830,7 @@ fieldset.amb-design-item-selected {
   content: "\e605";
 }
 
-.amb-object-design-ref[data-v-62a28ffa] .el-table td.el-table__cell > .cell {
+.amb-object-design-ref[data-v-3c3cc623] .el-table td.el-table__cell > .cell {
   padding-left: 2px;
   padding-right: 2px;
 }.runtime-page-container[data-v-f796b484] {
@@ -885,12 +885,14 @@ fieldset.amb-design-item-selected {
   z-index: 10;
   cursor: pointer;
   /* 左侧切换按钮样式 */
-  /* 右侧切换按钮样式 */
 }
 .toggle-btn.left-toggle-btn[data-v-51944ec4] {
   right: 100%;
   border-radius: 4px 0 0 4px !important;
 }
+.toggle-btn[data-v-51944ec4] {
+  /* 右侧切换按钮样式 */
+}
 .toggle-btn.right-toggle-btn[data-v-51944ec4] {
   left: 100%;
   border-radius: 0 4px 4px 0 !important;
@@ -13090,10 +13092,45 @@ fieldset.amb-design-item-selected {
   background-color: var(--el-fill-color-blank);
 }
 
-.collapse-item-content[data-v-b665b830] {
+.collapse-item-content[data-v-4cfd68dd] {
   padding: 8px 0px 0px 0px;
 }
-.amb-button-group-main[data-v-1320eaf4] {
+
+[data-v-6043ad3d] .el-card__body {
+  padding: 10px 0px;
+}
+.group[data-v-6043ad3d] {
+  font-size: 14px;
+  width: 100%;
+}
+.item[data-v-6043ad3d] {
+  float: left;
+  list-style-type: none;
+  width: 33.33%;
+  margin-bottom: 18px;
+}
+.item-content[data-v-6043ad3d] {
+  height: calc(100vh - 400px);
+  margin-top: 10px;
+  overflow: auto;
+}
+.card-header[data-v-6043ad3d] {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+/* 保证左侧内容在一行内靠左，右侧按钮靠右 */
+.title-config[data-v-6043ad3d] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+}
+.card-remove[data-v-6043ad3d] {
+  /* 如需微调右侧位置可加 padding/margin */
+}.amb-button-group-main[data-v-1320eaf4] {
   min-height: 32px;
   display: flex;
   min-width: 100px;
@@ -18680,6 +18717,16 @@ fieldset.amb-design-item-selected {
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
 }
+.el-icon[data-v-03542500] {
+  cursor: pointer;
+}
+.bind-variable-item[data-v-03542500] {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 6px;
+}
+
 .el-switch + .el-button[data-v-513f0eca] {
   margin-left: 20px;
 }
@@ -18745,7 +18792,7 @@ li[data-v-21af26bc] {
   border: 1px solid rgba(88, 147, 239);
 }
 
-.el-radio[data-v-5f08d7b1] {
+.el-radio[data-v-97d16c94] {
   margin-right: 10px;
 }
 
@@ -20142,4 +20189,7 @@ fieldset.amb-design-item-selected {
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
-}
+}
+.el-tag[data-v-9fd9567f]{
+	margin-left: 10px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.3.13-sit4-design1",
+  "version": "2.3.14-design1",
   "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.52-sit4",
+    "agilebuilder-ui": "1.1.54",
     "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.3.12-flow1",
-    "super-page-runtime": "2.3.13-sit4",
+    "super-page-runtime": "2.3.14",
     "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.73-up"
+    "workflow-editor": "0.0.76-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",