super-page-designer 2.2.89-sit7 → 2.2.89-sit9

package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as e, ref as a, onMounted as l, resolveComponent as o,
 import { getFormComponentOptions as V } from "../../../../utils/assemblys-config.js";
 import "../../../../../../stores/page-store.js";
 /* empty css                                    */
-import v from "../../common/common-icon-bind.vue.js";
+import v from "../../common/common-icon-bind.vue2.js";
 import _ from "agilebuilder-ui/src/utils/request";
 import y from "../../common/common-function-code.vue.js";
 import "@element-plus/icons";

package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-base.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as l, onMounted as a, resolveComponent as o, createBlock as u, openBlock as t, withCtx as i, createVNode as s, createElementVNode as n, createElementBlock as d, Fragment as p, renderList as r, unref as m, createTextVNode as c, withDirectives as f, vShow as b } from "vue";
 import { getFormComponentOptions as g } from "../../../../utils/assemblys-config.js";
-import V from "../../common/common-icon-bind.vue.js";
+import V from "../../common/common-icon-bind.vue2.js";
 import v from "../../common/common-function-code.vue.js";
 import _ from "agilebuilder-ui/src/utils/request";
 import y from "../../common/common-i18n-key-input.vue.js";

package/dist/es/components/design/views/assemblys/button/print-label/printlabel-attr-base.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as l, onMounted as a, resolveComponent as o, createBlock as t, openBlock as u, withCtx as d, createVNode as n, createElementVNode as i, createElementBlock as s, Fragment as r, renderList as p, unref as m, createTextVNode as c, withDirectives as f, vShow as b, createCommentVNode as g } from "vue";
 import { getFormComponentOptions as _ } from "../../../../utils/assemblys-config.js";
-import V from "../../common/common-icon-bind.vue.js";
+import V from "../../common/common-icon-bind.vue2.js";
 import v from "../../common/common-function-code.vue.js";
 import y from "./print-template-select.vue.js";
 import x from "../../common/common-i18n-key-input.vue.js";

package/dist/es/components/design/views/assemblys/common/{common-icon-bind.vue.js → common-icon-bind.vue2.js}

@@ -1,7 +1,7 @@
 import o from "./common-icon-bind.vue3.js";
-/* empty css                      */
+/* empty css                     */
 import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const i = e(o, [["__scopeId", "data-v-9141191b"]]);
+const i = e(o, [["__scopeId", "data-v-d953af54"]]);
 export {
   i as default
 };

package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue3.js

@@ -1,19 +1,22 @@
-import { defineComponent as e, ref as l, computed as o, resolveComponent as a, resolveDirective as n, createElementBlock as t, createBlock as u, openBlock as i, toDisplayString as c, withCtx as s, createVNode as p, unref as v, createElementVNode as r, Fragment as m, renderList as d, normalizeClass as f, withDirectives as g, vShow as y, createCommentVNode as b, createTextVNode as w, withModifiers as h, nextTick as _ } from "vue";
+import { defineComponent as e, ref as l, computed as a, resolveComponent as o, resolveDirective as n, createElementBlock as t, createBlock as u, openBlock as i, toDisplayString as c, withCtx as s, createVNode as v, unref as p, createElementVNode as r, Fragment as d, renderList as m, normalizeClass as f, withDirectives as g, vShow as y, createCommentVNode as b, createTextVNode as w, withModifiers as h, nextTick as _ } from "vue";
 import { Close as k, Check as x, Search as I, Plus as V, InfoFilled as C, CircleClose as A } from "@element-plus/icons-vue";
-import * as O from "@element-plus/icons";
-import $ from "agilebuilder-ui/src/utils/request";
-const U = { key: 0 }, z = { class: "amb-component-popover-left-menu-main" }, P = ["onClick"], j = { key: 1, style: { display: "flex", gap: "10px", "align-items": "center" } }, E = { key: 2 }, S = { key: 3, class: "amb-component-popover-icon-list-scroll", style: { overflow: "auto" } }, T = { class: "amb-component-popover-icon-grid" }, L = ["onClick"], N = { key: 4, style: { "text-align": "right" } }, q = e({ __name: "common-icon-bind", props: { iconType: String, iconValue: String, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: q2 }) {
-  const M = q2, B = e2, R = [{ value: "ElementUI", label: "ElementUI" }, { value: "ambIcon", label: "Amb图标库" }, { value: "custom", label: "自定义" }];
+import * as L from "@element-plus/icons";
+import O from "agilebuilder-ui/src/utils/request";
+const U = { key: 0 }, $ = { class: "amb-component-popover-left-menu-main" }, z = ["onClick"], E = { key: 1, style: { display: "flex", gap: "10px", "align-items": "center" } }, P = { key: 2 }, j = { key: 3, class: "amb-component-popover-icon-list-scroll", style: { overflow: "auto" } }, S = { class: "amb-component-popover-icon-grid" }, T = ["onClick"], N = { key: 4, style: { "text-align": "right" } }, q = e({ __name: "common-icon-bind", props: { iconType: String, iconValue: String, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: q2 }) {
+  var _a, _b;
+  const M = q2, B = e2, R = l([{ value: "ElementUI", label: "ElementUI", dataList: [] }, { value: "ambIcon", label: "Amb图标库", dataList: [] }, { value: "custom", label: "自定义", dataList: [] }]);
   l(false);
-  const D = l(1), F = l(B.iconType);
-  F.value || (F.value = R[0].value);
-  const G = l("");
+  const D = l(1), F = l(B.iconType ?? ((_b = (_a = R.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)), G = l("");
   G.value = B.iconValue;
-  const H = l({}), J = l(""), K = l(), Q = l(false), W = l([]), X = o(() => {
+  const H = l({}), J = l(""), K = l(), Q = l(false), W = a(() => {
+    var _a2;
+    const e3 = (_a2 = R.value) == null ? void 0 : _a2.find((e4) => e4.value === F.value);
+    return (e3 == null ? void 0 : e3.dataList) ?? [];
+  }), X = a(() => {
     let e3 = W.value ?? [];
     return J.value && (e3 = e3.filter((e4) => [e4.label ?? "", e4.value ?? ""].some((e5) => {
-      var _a;
-      return (_a = e5.toLowerCase()) == null ? void 0 : _a.includes(J.value.toLowerCase());
+      var _a2;
+      return (_a2 = e5.toLowerCase()) == null ? void 0 : _a2.includes(J.value.toLowerCase());
     }))), e3.slice(0, 50 * D.value);
   }), Y = () => {
     D.value++;
@@ -21,48 +24,48 @@ const U = { key: 0 }, z = { class: "amb-component-popover-left-menu-main" }, P =
   async function Z() {
     Q.value = true;
     try {
-      const e3 = (await $.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", { pageSize: 200, pageNo: 1 })).data ?? [], l2 = [];
-      for (let o2 of e3) l2.push({ value: o2.iconName, label: o2.iconName });
-      H.value.customOptions = l2, "custom" == F.value && (W.value = l2);
+      const e3 = (await O.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", { pageSize: 200, pageNo: 1 })).data ?? [], l2 = [];
+      for (let a2 of e3) l2.push({ value: a2.iconName, label: a2.iconName });
+      H.value.customOptions = l2, R.value[R.value.findIndex((e4) => "custom" === e4.value)].dataList = tempOptionsxs;
     } catch (e3) {
     }
     Q.value = false;
   }
   function ee(e3) {
     var l2;
-    D.value = 1, W.value = [], e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), F.value = e3, "ElementUI" === (l2 = F.value) ? W.value = H.value.elementUIOptions : "custom" === l2 ? Z() : ["ambIcon"].includes(l2) && async function() {
-      var _a, _b, _c;
+    D.value = 1, e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), F.value = e3, "ElementUI" === (l2 = F.value) ? R.value[R.value.findIndex((e4) => "ElementUI" === e4.value)].dataList = H.value.elementUIOptions : "custom" === l2 ? Z() : ["ambIcon"].includes(l2) && async function() {
+      var _a2, _b2, _c;
       try {
         Q.value = true;
         let e4 = `${window.location.origin}${window.location.pathname}font-icon/iconfont.json`;
-        ((_c = (_b = (_a = window.$vueApp) == null ? void 0 : _a.config) == null ? void 0 : _b.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e4 = `${window.$vueApp.config.globalProperties.fontIconAddress}/iconfont.json`);
-        const l3 = await fetch(e4, { mode: "cors", headers: { "Content-Type": "application/json" } }).then((e5) => e5.json()), { css_prefix_text: o2, glyphs: a2 = [], font_family: n2 } = l3;
-        W.value = a2.map((e5) => ({ label: e5.name, value: `${o2}${e5.font_class}` }));
+        ((_c = (_b2 = (_a2 = window.$vueApp) == null ? void 0 : _a2.config) == null ? void 0 : _b2.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e4 = `${window.$vueApp.config.globalProperties.fontIconAddress}/iconfont.json`);
+        const l3 = await fetch(e4, { mode: "cors", headers: { "Content-Type": "application/json" } }).then((e5) => e5.json()), { css_prefix_text: a2, glyphs: o2 = [], font_family: n2 } = l3;
+        R.value[R.value.findIndex((e5) => "ambIcon" === e5.value)].dataList = o2.map((e5) => ({ label: e5.name, value: `${a2}${e5.font_class}` }));
       } catch (e4) {
       }
       Q.value = false;
     }();
   }
   function le() {
-    var _a, _b;
-    (_b = (_a = K.value) == null ? void 0 : _a.hide) == null ? void 0 : _b.call(_a);
+    var _a2, _b2;
+    (_b2 = (_a2 = K.value) == null ? void 0 : _a2.hide) == null ? void 0 : _b2.call(_a2);
   }
-  function oe() {
+  function ae() {
     G.value = "", M("update:modelValue", "", ""), K.value.hide();
   }
-  function ae() {
+  function oe() {
     if (J.value = J.value.trim(), !J.value) return void ElMessage.warning("请输入图标名!");
     const e3 = H.value.customOptions || [];
     let l2 = false;
-    for (let o3 of e3) if (o3.value === J.value) {
+    for (let a3 of e3) if (a3.value === J.value) {
       l2 = true;
       break;
     }
     F.value = "custom", G.value = J.value;
-    const o2 = J.value;
+    const a2 = J.value;
     if (J.value = "", M("update:modelValue", F.value, G.value), K.value.hide(), !l2) {
-      const e4 = { iconName: o2 };
-      $.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/get-or-create", e4).then((e5) => {
+      const e4 = { iconName: a2 };
+      O.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/get-or-create", e4).then((e5) => {
         "custom" == F.value && Z();
       }).catch((e5) => {
         ElMessage.warning("保存图标失败!");
@@ -75,10 +78,10 @@ const U = { key: 0 }, z = { class: "amb-component-popover-left-menu-main" }, P =
         if (!H.value.elementUIOptions) {
           if (!window.temp_Icon_Options) {
             const e3 = [];
-            for (const [l2, o2] of Object.entries(O)) e3.push({ value: l2, label: l2, component: o2 });
+            for (const [l2, a2] of Object.entries(L)) e3.push({ value: l2, label: l2, component: a2 });
             e3.sort(function(e4, l2) {
-              const o2 = e4.value, a2 = l2.value;
-              return o2.localeCompare(a2);
+              const a2 = e4.value, o2 = l2.value;
+              return a2.localeCompare(o2);
             }), window.temp_Icon_Options = e3;
           }
           H.value.elementUIOptions = window.temp_Icon_Options;
@@ -86,12 +89,12 @@ const U = { key: 0 }, z = { class: "amb-component-popover-left-menu-main" }, P =
       }(), ee(F.value);
     });
   }
-  return l(), (l2, o2) => {
-    const _2 = a("el-icon"), O2 = a("el-input"), $2 = a("el-button"), q3 = a("el-tooltip"), B2 = a("el-scrollbar"), D2 = a("el-col"), H2 = a("el-empty"), Z2 = a("el-tag"), te = a("SuperIcon"), ue = a("el-row"), ie = a("el-popover"), ce = n("loading"), se = n("infinite-scroll");
-    return e2.showLabel ? (i(), t("span", U, c(G.value), 1)) : (i(), u(ie, { key: 1, ref_key: "popoverRef", ref: K, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: s(() => [p(O2, { readonly: "", size: "small", onClick: ne, modelValue: G.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e3) => G.value = e3), placeholder: "请选择" }, { suffix: s(() => [g(p(_2, { style: { cursor: "pointer" }, onClick: h(oe, ["stop"]) }, { default: s(() => [p(v(A))]), _: 1 }, 512), [[y, G.value]])]), _: 1 }, 8, ["modelValue"])]), default: s(() => [p(ue, null, { default: s(() => [p(q3, { effect: "dark", content: "关闭", placement: "top-end" }, { default: s(() => [p($2, { type: "text", class: "amb-component-popover-close-btn", icon: v(k), onClick: le }, null, 8, ["icon"])]), _: 1 }), p(D2, { span: 8 }, { default: s(() => [r("div", z, [p(B2, { "max-height": "100%" }, { default: s(() => [(i(), t(m, null, d(R, (e3) => r("div", { class: f(["amb-popover-menu-item", e3.value == F.value ? "is-active" : ""]), onClick: (l3) => ee(e3.value) }, [p(_2, null, { default: s(() => [g(p(v(x), null, null, 512), [[y, e3.value == F.value]])]), _: 2 }, 1024), r("span", null, c(e3.label), 1)], 10, P)), 64))]), _: 1 })])]), _: 1 }), p(D2, { span: 16, style: { "padding-left": "10px" }, class: "amb-component-popover-icon-list-view" }, { default: s(() => [F.value ? b("", true) : (i(), u(H2, { key: 0, description: "请选择类型", "image-size": 80 })), F.value ? (i(), t("div", j, [p(O2, { modelValue: J.value, "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => J.value = e3), placeholder: "搜索", size: "default", "prefix-icon": v(I), clearable: "", style: { flex: "1 1 auto" } }, null, 8, ["modelValue", "prefix-icon"]), ["custom"].includes(F.value) && J.value && !X.value.length ? (i(), u(q3, { key: 0, effect: "dark", content: "创建该图标", placement: "top-end" }, { default: s(() => [p($2, { type: "primary", circle: "", icon: v(V), onClick: ae }, null, 8, ["icon"])]), _: 1 })) : b("", true)])) : b("", true), ["custom"].includes(F.value) ? (i(), t("div", E, [p(_2, null, { default: s(() => [p(v(C))]), _: 1 }), o2[4] || (o2[4] = r("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), o2[5] || (o2[5] = w("   ")), p(q3, null, { content: s(() => o2[2] || (o2[2] = [w(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), r("br", null, null, -1), w(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")])), default: s(() => [p(Z2, { type: "primary" }, { default: s(() => o2[3] || (o2[3] = [w("更多")])), _: 1 })]), _: 1 })])) : b("", true), F.value ? g((i(), t("div", S, [X.value.length || Q.value ? b("", true) : (i(), u(H2, { key: 0, description: "没有相关图标", "image-size": 80 })), r("div", T, [(i(true), t(m, null, d(X.value, (e3) => (i(), u(q3, { key: e3.value, effect: "dark", content: e3.label, placement: "top" }, { default: s(() => [r("div", { class: "amb-component-popover-icon-grid-item", onClick: (l3) => {
-      return o3 = e3, G.value = o3.value, M("update:modelValue", F.value, G.value), void K.value.hide();
-      var o3;
-    } }, [p(te, { iconType: F.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8, L)]), _: 2 }, 1032, ["content"]))), 128))])])), [[ce, Q.value], [se, Y]]) : b("", true), F.value ? (i(), t("div", N, c(X.value.length) + " / " + c(W.value.length), 1)) : b("", true)]), _: 1 })]), _: 1 })]), _: 1 }, 512));
+  return l(), (l2, a2) => {
+    const _2 = o("el-icon"), L2 = o("el-input"), O2 = o("el-button"), q3 = o("el-tooltip"), B2 = o("el-scrollbar"), D2 = o("el-col"), H2 = o("el-empty"), Z2 = o("el-tag"), te = o("SuperIcon"), ue = o("el-row"), ie = o("el-popover"), ce = n("loading"), se = n("infinite-scroll");
+    return e2.showLabel ? (i(), t("span", U, c(G.value), 1)) : (i(), u(ie, { key: 1, ref_key: "popoverRef", ref: K, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: s(() => [v(L2, { readonly: "", size: "small", onClick: ne, modelValue: G.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => G.value = e3), placeholder: "请选择" }, { suffix: s(() => [g(v(_2, { style: { cursor: "pointer" }, onClick: h(ae, ["stop"]) }, { default: s(() => [v(p(A))]), _: 1 }, 512), [[y, G.value]])]), _: 1 }, 8, ["modelValue"])]), default: s(() => [v(ue, null, { default: s(() => [v(q3, { effect: "dark", content: "关闭", placement: "top-end" }, { default: s(() => [v(O2, { type: "text", class: "amb-component-popover-close-btn", icon: p(k), onClick: le }, null, 8, ["icon"])]), _: 1 }), v(D2, { span: 8 }, { default: s(() => [r("div", $, [v(B2, { "max-height": "100%" }, { default: s(() => [(i(true), t(d, null, m(R.value, (e3) => (i(), t("div", { class: f(["amb-popover-menu-item", e3.value == F.value ? "is-active" : ""]), onClick: (l3) => ee(e3.value) }, [v(_2, null, { default: s(() => [g(v(p(x), null, null, 512), [[y, e3.value == F.value]])]), _: 2 }, 1024), r("span", null, c(e3.label), 1)], 10, z))), 256))]), _: 1 })])]), _: 1 }), v(D2, { span: 16, style: { "padding-left": "10px" }, class: "amb-component-popover-icon-list-view" }, { default: s(() => [F.value ? b("", true) : (i(), u(H2, { key: 0, description: "请选择类型", "image-size": 80 })), F.value ? (i(), t("div", E, [v(L2, { modelValue: J.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => J.value = e3), placeholder: "搜索", size: "default", "prefix-icon": p(I), clearable: "", style: { flex: "1 1 auto" } }, null, 8, ["modelValue", "prefix-icon"]), ["custom"].includes(F.value) && J.value && !X.value.length ? (i(), u(q3, { key: 0, effect: "dark", content: "创建该图标", placement: "top-end" }, { default: s(() => [v(O2, { type: "primary", circle: "", icon: p(V), onClick: oe }, null, 8, ["icon"])]), _: 1 })) : b("", true)])) : b("", true), ["custom"].includes(F.value) ? (i(), t("div", P, [v(_2, null, { default: s(() => [v(p(C))]), _: 1 }), a2[4] || (a2[4] = r("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), a2[5] || (a2[5] = w("   ")), v(q3, null, { content: s(() => a2[2] || (a2[2] = [w(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), r("br", null, null, -1), w(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")])), default: s(() => [v(Z2, { type: "primary" }, { default: s(() => a2[3] || (a2[3] = [w("更多")])), _: 1 })]), _: 1 })])) : b("", true), F.value ? g((i(), t("div", j, [X.value.length || Q.value ? b("", true) : (i(), u(H2, { key: 0, description: "没有相关图标", "image-size": 80 })), r("div", S, [(i(true), t(d, null, m(X.value, (e3) => (i(), u(q3, { key: e3.value, effect: "dark", content: e3.label, placement: "top" }, { default: s(() => [r("div", { class: "amb-component-popover-icon-grid-item", onClick: (l3) => {
+      return a3 = e3, G.value = a3.value, M("update:modelValue", F.value, G.value), void K.value.hide();
+      var a3;
+    } }, [v(te, { iconType: F.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8, T)]), _: 2 }, 1032, ["content"]))), 128))])])), [[ce, Q.value], [se, Y]]) : b("", true), F.value ? (i(), t("div", N, c(X.value.length) + " / " + c(W.value.length), 1)) : b("", true)]), _: 1 })]), _: 1 })]), _: 1 }, 512));
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/container/card/card-attr-base.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a, openBlock as u, withCtx as i, createVNode as t, createElementVNode as n, withDirectives as p, createCommentVNode as r, createTextVNode as c, toDisplayString as s, vShow as d, unref as m } from "vue";
 import f from "../../common/common-attr-size.vue.js";
 import g from "../../common/common-function-code.vue.js";
-import b from "../../common/common-icon-bind.vue.js";
+import b from "../../common/common-icon-bind.vue2.js";
 import V from "../../common/common-i18n-key-input.vue.js";
 import { Close as v, Check as x } from "@element-plus/icons-vue";
 const y = { style: { padding: "8px 0px 0px 0px" } }, _ = e({ __name: "card-attr-base", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: () => {

package/dist/es/components/design/views/assemblys/container/collapse/collapse-attr-base.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as e, ref as l, resolveComponent as o, createBlock as t, openBlock as i, withCtx as n, createVNode as a, createElementVNode as u, createTextVNode as r, toDisplayString as d, unref as c, createElementBlock as m, Fragment as p, renderList as s } from "vue";
 import { Top as f, Bottom as g, Plus as x, Delete as b } from "@element-plus/icons-vue";
 import V from "../../common/common-attr-size.vue.js";
-import _ from "../../common/common-icon-bind.vue.js";
+import _ from "../../common/common-icon-bind.vue2.js";
 import y from "../../common/common-function-code.vue.js";
 import h from "../../common/common-i18n-key-input.vue.js";
 const w = { style: { padding: "8px 0px 0px 0px" } }, v = { style: { padding: "8px 0px 0px 0px" }, ref: "panels" }, k = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, z = e({ __name: "collapse-attr-base", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: () => {

package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr-base.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as e, ref as l, resolveComponent as o, createBlock as t
 import { Top as s, Bottom as g, Plus as b, Delete as x, Close as V, Check as _ } from "@element-plus/icons-vue";
 import y from "../../common/common-attr-size.vue.js";
 import v from "../../common/common-function-code.vue.js";
-import h from "../../common/common-icon-bind.vue.js";
+import h from "../../common/common-icon-bind.vue2.js";
 import w from "../../common/common-i18n-key-input.vue.js";
 const U = { style: { padding: "8px 0px 0px 0px" } }, k = { style: { padding: "8px 0px 0px 0px" }, ref: "panels" }, z = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, C = e({ __name: "tabs-attr-base", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => {
 } } }, setup(e2) {

package/dist/es/components/design/views/assemblys/data/component/formatting-icon-label.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as e, ref as l, resolveComponent as a, createElementBlock as t, openBlock as u, Fragment as i, createVNode as d, createBlock as o, createCommentVNode as s, withCtx as n, createTextVNode as m } from "vue";
-import f from "../../common/common-icon-bind.vue.js";
+import f from "../../common/common-icon-bind.vue2.js";
 const c = e({ __name: "formatting-icon-label", props: { setting: { type: Object, default: {} }, showEvent: { type: Boolean, default: true } }, setup(e2) {
   const c2 = e2, v = l({});
   return v.value = c2.setting, v.value.isTag || (v.value.isTag = false), (l2, c3) => {

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js

@@ -11,7 +11,7 @@ import T from "../component/variate-select.vue.js";
 import "@element-plus/icons";
 import "agilebuilder-ui/src/utils/request";
 import { queryTableFields as S, tableResetConfigIndo as H } from "../../../../utils/page-table-util.js";
-/* empty css                                 */
+/* empty css                                */
 import N from "../../common/common-i18n-key-input.vue.js";
 import j from "../../form/common/hyperlink-mult-config.vue.js";
 import q from "../../common/common-function-code.vue.js";

package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js

@@ -4,7 +4,7 @@ import b from "../component/data-origin-tree.vue.js";
 import g from "../../form/common/data-linkage.vue.js";
 import y from "../../common/common-attr-size.vue.js";
 import V from "../../common/common-variable-bind.vue.js";
-import _ from "../../common/common-icon-bind.vue.js";
+import _ from "../../common/common-icon-bind.vue2.js";
 import v from "./tree-attr-context-menu.vue.js";
 import { Search as h, Close as k, InfoFilled as x } from "@element-plus/icons-vue";
 import C from "../../common/common-select-table.vue.js";

package/dist/es/components/design/views/assemblys/form/common/pre-suffix.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as e, resolveComponent as u, createBlock as l, openBlock as a, withCtx as f, createElementVNode as o, createVNode as p, withDirectives as i, createTextVNode as t, vShow as r } from "vue";
-import n from "../../common/common-icon-bind.vue.js";
+import n from "../../common/common-icon-bind.vue2.js";
 import "@element-plus/icons";
 import s from "../../common/common-i18n-key-input.vue.js";
 const m = { style: { padding: "8px 0px 0px 0px" } }, d = e({ __name: "pre-suffix", props: { preSuffix: { type: Object, required: true, default: () => {

package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js

@@ -5,7 +5,7 @@ import M from "../../common/common-select-page.vue.js";
 import T from "./parameter-table.vue.js";
 import C from "../../common/common-variable-bind.vue.js";
 import _ from "./condition.vue.js";
-import k from "../../common/common-icon-bind.vue.js";
+import k from "../../common/common-icon-bind.vue2.js";
 import O from "../../common/common-i18n-key-input.vue.js";
 import { getModelOptionsByFields as h } from "../../../../utils/page-table-util.js";
 const U = e({ __name: "suffixmodule", props: { configure: {}, pageDesign: {}, tableConfigure: {}, isDialog: { type: Boolean }, isButton: { type: Boolean, default: true }, showDisplayConditions: { type: Boolean, default: true } }, setup(e2) {

package/dist/es/components/design/views/assemblys/form/separatelabel/separatelabel-attr-base.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a, openBlock as u, withCtx as t, createVNode as i, createCommentVNode as n, createElementVNode as r, createTextVNode as m, toDisplayString as c } from "vue";
 import d from "../../common/common-attr-size.vue.js";
 import s from "../../common/common-function-code.vue.js";
-import p from "../../common/common-icon-bind.vue.js";
+import p from "../../common/common-icon-bind.vue2.js";
 import f from "../../common/common-i18n-key-input.vue.js";
 const g = { style: { padding: "8px 0px 0px 0px" } }, b = e({ __name: "separatelabel-attr-base", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: () => {
 } } }, setup(e2) {

package/dist/es/components/design/views/design/page-event/{config.vue.js → config.vue2.js}

@@ -1,5 +1,5 @@
 import o from "./config.vue3.js";
-/* empty css            */
+/* empty css           */
 import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const r = e(o, [["__scopeId", "data-v-8dba0ddd"]]);
 export {

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

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch as l, resolveComponent as u, createElementBlock as o, openBlock as s, createElementVNode as i, createVNode as r, withDirectives as m, withCtx as c, vShow as d, unref as v, createTextVNode as p, toDisplayString as f, Fragment as g, renderList as b, createBlock as y } from "vue";
 import { ElMessageBox as x, ElMessage as h } from "element-plus";
-import C from "./config.vue.js";
+import C from "./config.vue2.js";
 import { standardButtonOperations as E } from "../../../utils/assemblys-config.js";
 import { findDesignItemByUuid as S, getUuidv4 as V, deepCopy as k } from "../../../utils/common-util.js";
 import { usePageContextStore as _ } from "../../../../../stores/page-store.js";

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

@@ -16,7 +16,7 @@ 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";

package/dist/es/style.css

@@ -121,6 +121,10 @@
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 
 .amb-design-tool {
   position: relative;
@@ -926,25 +930,25 @@ fieldset.amb-design-item-selected {
 }
 ._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
   height: calc(100vh - 60px);
-}.amb-component-popover-icon-list-view[data-v-9141191b] {
+}.amb-component-popover-icon-list-view[data-v-d953af54] {
   display: flex;
   flex-direction: column;
   gap: 10px;
   overflow: hidden;
   height: 300px;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-9141191b] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-d953af54] {
   flex: 1 1 auto;
   overflow: auto;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-9141191b] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-d953af54] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
   grid-gap: 15px;
   padding: 0;
   list-style: none;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-9141191b] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-d953af54] {
   position: relative;
   width: 40px;
   height: 40px;
@@ -956,11 +960,11 @@ fieldset.amb-design-item-selected {
   border-radius: 5px;
   line-height: 1;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item svg[data-v-9141191b] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item svg[data-v-d953af54] {
   width: 24px;
   height: 24px;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-9141191b]:hover {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-d953af54]:hover {
   background-color: var(--el-menu-active-color);
   color: var(--el-color-white);
 }.runtime-page-container-tabs-view[data-v-eca0c768] > .el-tabs__content > .el-tab-pane {
@@ -1181,6 +1185,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -1881,6 +1889,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -2572,6 +2584,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -3263,6 +3279,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -3954,6 +3974,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -4645,6 +4669,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -5336,6 +5364,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -6031,6 +6063,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -6722,6 +6758,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -7413,6 +7453,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -8104,6 +8148,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -8795,6 +8843,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -9486,6 +9538,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -10214,6 +10270,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -11032,6 +11092,10 @@ li[data-v-d06d5717] {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -11731,6 +11795,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -12422,6 +12490,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -13134,6 +13206,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -13825,6 +13901,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -14516,6 +14596,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -15207,6 +15291,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -15911,6 +15999,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -16602,6 +16694,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -17293,6 +17389,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -17984,6 +18084,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -18740,6 +18844,10 @@ li[data-v-21af26bc] {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;
@@ -19435,6 +19543,10 @@ fieldset.amb-design-item-selected {
   background-color: #f7f8fa;
   margin: 15px;
 }
+.amb-design-content-center-header ~ .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
+  padding: 0 15px;
+  height: 100%;
+}
 .amb-design-tool {
   position: relative;
   z-index: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.89-sit7",
+  "version": "2.2.89-sit9",
   "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.30-sit2",
+    "agilebuilder-ui": "1.1.30-sit3",
     "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.89-sit2",
-    "super-page-runtime": "2.2.89-sit6",
+    "super-page-runtime": "2.2.89-sit8",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",