super-page-designer 2.2.68 → 2.2.71

package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js

@@ -1,4 +1,4 @@
-import e from "./common-variable-bind.vue2.js";
+import e from "./common-variable-bind.vue3.js";
 /* empty css                          */
 import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const r = o(e, [["__scopeId", "data-v-f1126e5e"]]);

package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent as e, ref as a, computed as l, resolveComponent as i, createBlock as o, openBlock as t, withCtx as n, createElementVNode as r, createVNode as s, createCommentVNode as u, withDirectives as d, renderSlot as p, createTextVNode as c, unref as g, vShow as m, createElementBlock as f, Fragment as v, renderList as b, normalizeClass as y, toDisplayString as V } from "vue";
-import O from "../../form/common/dataorigin-input-table.vue2.js";
+import O from "../../form/common/dataorigin-input-table.vue.js";
 import { Codemirror as _ } from "vue-codemirror";
 import C from "../../workflow/component/combination.vue.js";
 import S from "./return-set-table.vue.js";

package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js

@@ -11,21 +11,21 @@ const v = ["onClick", "onMouseout", "onMouseover"], M = { key: 2 }, S = e({ __na
 } }, designProperty: { type: Object, default: () => {
 } }, configure: { type: Object, default: () => {
 } }, pageDesign: { type: Object, default: () => {
-} } }, emits: ["selectColumn", "onSelectWidget", "setClickColumn", "setColumnData", "closeMenuVisible"], setup(e2, { emit: B }) {
-  const T = e2, w = B;
+} } }, emits: ["selectColumn", "onSelectWidget", "setClickColumn", "setColumnData", "closeMenuVisible"], setup(e2, { emit: w }) {
+  const B = e2, T = w;
   function L(e3, n2) {
     if (!e3.props.base) return W.warning("组合表头顶级菜单不能进行列配置");
     {
       $(e3);
-      let n3 = { columnData: e3, tableConfigure: T.configure };
-      w("closeMenuVisible"), x.$emit("selectColumn", n3), P(e3);
+      let n3 = { columnData: e3, tableConfigure: B.configure };
+      T("closeMenuVisible"), x.$emit("selectColumn", n3), P(e3);
     }
   }
   function $(e3) {
-    w("setColumnData", e3);
+    T("setColumnData", e3);
   }
   function P(e3) {
-    w("setClickColumn", e3);
+    T("setClickColumn", e3);
   }
   function V(e3) {
     let n2 = "";
@@ -39,21 +39,21 @@ const v = ["onClick", "onMouseout", "onMouseover"], M = { key: 2 }, S = e({ __na
   }
   const F = n(false);
   function N(e3, n2, s2) {
-    T.pageDesign.currentTableConfig = T.configure, F.value || w("onSelectWidget", e3, n2, s2), s2 && s2.uuid && P(s2);
+    B.pageDesign.currentTableConfig = B.configure, F.value || T("onSelectWidget", e3, n2, s2), s2 && s2.uuid && P(s2);
   }
   function z(e3) {
-    const n2 = T.configure.btnList.indexOf(e3);
+    const n2 = B.configure.btnList.indexOf(e3);
     if (-1 == n2) return void alert("无可复制对象!");
     const s2 = b(O(e3));
-    s2.uuid = k(), T.configure.btnList.splice(n2, 0, s2);
+    s2.uuid = k(), B.configure.btnList.splice(n2, 0, s2);
   }
   function U(e3) {
     e3.items && e3.items.length > 0 ? D.confirm("还有子元素，确定要删除吗?", "删除", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
-      const n2 = T.configure.btnList, s2 = n2.indexOf(e3);
+      const n2 = B.configure.btnList, s2 = n2.indexOf(e3);
       s2 > -1 && n2.splice(s2, 1);
     }).catch((e4) => {
-    }) : T.listColumns && T.listColumns.props && T.listColumns.props.base && "operation" === T.listColumns.props.base.prop && D.confirm(`确定要删除${e3.label}吗?`, "删除", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
-      const n2 = T.configure.btnList, s2 = n2.indexOf(e3);
+    }) : B.listColumns && B.listColumns.props && B.listColumns.props.base && "operation" === B.listColumns.props.base.prop && D.confirm(`确定要删除${e3.label}吗?`, "删除", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
+      const n2 = B.configure.btnList, s2 = n2.indexOf(e3);
       s2 > -1 && n2.splice(s2, 1);
     }).catch((e4) => {
     });
@@ -64,7 +64,7 @@ const v = ["onClick", "onMouseout", "onMouseover"], M = { key: 2 }, S = e({ __na
     x.$off("hadleDragging");
   }), (n2, s2) => {
     const b2 = l("el-checkbox"), x2 = l("el-table-column");
-    return t(), o(x2, { fixed: !(!e2.listColumns.props || !e2.listColumns.props.base || "false" === e2.listColumns.props.base.listColumnFixed) && e2.listColumns.props.base.listColumnFixed, "column-key": e2.listColumns.uuid, width: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.columnWidth ? e2.listColumns.props.base.columnWidth : 200, label: V(e2.listColumns), align: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignContent ? e2.listColumns.props.base.alignContent : e2.designProperty.alignContent, "header-align": e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignTitle ? e2.listColumns.props.base.alignTitle : e2.designProperty.alignTitle, resizable: "" }, i({ default: u(() => [e2.listColumns.children && e2.listColumns.children.length > 0 ? (t(true), r(a, { key: 0 }, m(e2.listColumns.children, (n3, s3) => (t(), o(S, { key: s3, listColumns: n3, designProperty: e2.designProperty, configure: e2.configure, pageDesign: e2.pageDesign, indexObj: e2.indexObj, onSetClickColumn: P, onOnSelectWidget: N, onSetColumnData: $, selectWidget: e2.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128)) : p("", true)]), _: 2 }, [e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "header", fn: u((n3) => [e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), o(b2, { key: 0, style: g(d(y)(e2.listColumns)), class: c(d(f)(e2.listColumns)), onClick: (s3) => L(e2.listColumns, n3.column), onMouseout: (e3) => _(0, n3.column), onMouseover: (e3) => E(0, n3.column) }, null, 8, ["style", "class", "onClick", "onMouseout", "onMouseover"])) : (t(), r("div", { key: 1, style: g(d(y)(e2.listColumns)), class: c(d(f)(e2.listColumns)), onClick: (s3) => L(e2.listColumns, n3.column), onMouseout: (e3) => _(0, n3.column), onMouseover: (e3) => E(0, n3.column) }, C(V(e2.listColumns)), 47, v))]), key: "0" }, e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "default", fn: u((n3) => [e2.listColumns.props && e2.listColumns.props.base && "operation" === e2.listColumns.props.base.prop ? (t(), o(d(h), { key: 0, modelValue: T.configure.btnList, "onUpdate:modelValue": s2[0] || (s2[0] = (e3) => T.configure.btnList = e3), animation: 300, style: { width: "100%", height: "100%", display: "inline-flex" }, group: "amb-assembly-item", ghostClass: "amb-item-ghost" }, { default: u(() => [(t(true), r(a, null, m(T.configure.btnList, (s3) => (t(), o(j, { key: s3, pageDesign: e2.pageDesign, configure: s3, selectWidget: e2.selectWidget, indexObj: e2.indexObj, errorBlank: true, onOnSelectWidget: (e3, s4) => N(e3, s4, n3.column), onOnCopy: z, onOnDelete: U }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj", "onOnSelectWidget"]))), 128))]), _: 2 }, 1032, ["modelValue"])) : e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), o(b2, { key: 1 })) : e2.listColumns.props && e2.listColumns.props.base && "$index" === e2.listColumns.props.base.prop ? (t(), r("span", M, "1")) : (t(), o(j, { key: 3, configure: e2.listColumns, pageDesign: e2.pageDesign, errorBlank: true, selectWidget: e2.selectWidget, indexObj: e2.indexObj, onOnSelectWidget: (e3, s3) => N(e3, s3, n3.column), showSelectedClass: false }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj", "onOnSelectWidget"]))]), key: "1" }]), 1032, ["fixed", "column-key", "width", "label", "align", "header-align"]);
+    return t(), o(x2, { fixed: !(!e2.listColumns.props || !e2.listColumns.props.base || "false" === e2.listColumns.props.base.listColumnFixed) && e2.listColumns.props.base.listColumnFixed, "column-key": e2.listColumns.uuid, width: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.columnWidth ? e2.listColumns.props.base.columnWidth : 200, label: V(e2.listColumns), align: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignContent ? e2.listColumns.props.base.alignContent : e2.designProperty.alignContent, "header-align": e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignTitle ? e2.listColumns.props.base.alignTitle : e2.designProperty.alignTitle, resizable: "" }, i({ default: u(() => [e2.listColumns.children && e2.listColumns.children.length > 0 ? (t(true), r(a, { key: 0 }, m(e2.listColumns.children, (n3, s3) => (t(), o(S, { key: s3, listColumns: n3, designProperty: e2.designProperty, configure: e2.configure, pageDesign: e2.pageDesign, indexObj: e2.indexObj, onSetClickColumn: P, onOnSelectWidget: N, onSetColumnData: $, selectWidget: e2.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128)) : p("", true)]), _: 2 }, [e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "header", fn: u((n3) => [e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), o(b2, { key: 0, style: g(d(y)(e2.listColumns)), class: c(d(f)(e2.listColumns)), onClick: (s3) => L(e2.listColumns, n3.column), onMouseout: (e3) => _(0, n3.column), onMouseover: (e3) => E(0, n3.column) }, null, 8, ["style", "class", "onClick", "onMouseout", "onMouseover"])) : (t(), r("div", { key: 1, style: g(d(y)(e2.listColumns)), class: c(d(f)(e2.listColumns)), onClick: (s3) => L(e2.listColumns, n3.column), onMouseout: (e3) => _(0, n3.column), onMouseover: (e3) => E(0, n3.column) }, C(V(e2.listColumns)), 47, v))]), key: "0" }, e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "default", fn: u((n3) => [e2.listColumns.props && e2.listColumns.props.base && "operation" === e2.listColumns.props.base.prop ? (t(), o(d(h), { key: 0, modelValue: B.configure.btnList, "onUpdate:modelValue": s2[0] || (s2[0] = (e3) => B.configure.btnList = e3), animation: 300, style: { width: "100%", height: "100%", display: "inline-flex", "flex-wrap": "wrap" }, group: "amb-assembly-item", ghostClass: "amb-item-ghost" }, { default: u(() => [(t(true), r(a, null, m(B.configure.btnList, (s3) => (t(), o(j, { key: s3, pageDesign: e2.pageDesign, configure: s3, selectWidget: e2.selectWidget, indexObj: e2.indexObj, errorBlank: true, onOnSelectWidget: (e3, s4) => N(e3, s4, n3.column), onOnCopy: z, onOnDelete: U }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj", "onOnSelectWidget"]))), 128))]), _: 2 }, 1032, ["modelValue"])) : e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), o(b2, { key: 1 })) : e2.listColumns.props && e2.listColumns.props.base && "$index" === e2.listColumns.props.base.prop ? (t(), r("span", M, "1")) : (t(), o(j, { key: 3, configure: e2.listColumns, pageDesign: e2.pageDesign, errorBlank: true, selectWidget: e2.selectWidget, indexObj: e2.indexObj, onOnSelectWidget: (e3, s3) => N(e3, s3, n3.column), showSelectedClass: false }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj", "onOnSelectWidget"]))]), key: "1" }]), 1032, ["fixed", "column-key", "width", "label", "align", "header-align"]);
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as e, ref as l, onMounted as a, resolveComponent as t, createBlock as o, openBlock as u, withCtx as i, createElementVNode as n, createVNode as s, createCommentVNode as d, withDirectives as r, unref as m, createElementBlock as p, Fragment as c, renderList as b, createTextVNode as f, vShow as v, normalizeClass as y } from "vue";
-import V from "./dataorigin-input-table.vue2.js";
+import V from "./dataorigin-input-table.vue.js";
 import g from "./condition.vue.js";
 import S from "./row-ul-li.vue.js";
 import "uuid";

package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js

@@ -1,4 +1,28 @@
-import t from "./dataorigin-input-table.vue2.js";
+import { defineComponent as e, ref as l, watch as a, resolveComponent as t, createElementBlock as o, openBlock as d, Fragment as u, createVNode as n, withCtx as i, unref as s, createElementVNode as m, createTextVNode as r } from "vue";
+import { Search as p } from "@element-plus/icons-vue";
+const v = { class: "dialog-footer" }, c = e({ __name: "dataorigin-input-table", props: { modelValue: { type: String, default: "" } }, emits: ["update:modelValue"], setup(e2, { emit: c2 }) {
+  const f = e2, g = l(f.modelValue), V = c2, h = [{ id: 1, date: "2016-05-03", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 2, date: "2016-05-02", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 3, date: "2016-05-04", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 4, date: "2016-05-01", name: "Tom", address: "No. 189, Grove St, Los Angeles" }], b = l(false), _ = l([]);
+  function S() {
+    if (_.value.length > 0) {
+      let e3 = "";
+      _.value.forEach((l2) => {
+        e3 = e3 + l2.name + ",";
+      }), e3 = e3.substring(0, e3.length - 1), V("update:modelValue", e3), b.value = false;
+    } else b.value = false;
+  }
+  function w(e3) {
+    _.value = e3;
+  }
+  function y() {
+    b.value = true;
+  }
+  return a(() => f.modelValue, (e3) => {
+    g.value = e3;
+  }), (e3, l2) => {
+    const a2 = t("el-icon"), c3 = t("el-input"), f2 = t("el-table-column"), V2 = t("el-table"), _2 = t("el-button"), A = t("el-dialog");
+    return d(), o(u, null, [n(c3, { modelValue: g.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => g.value = e4), placeholder: "请选择", onClick: y }, { suffix: i(() => [n(a2, { onClick: y }, { default: i(() => [n(s(p))]), _: 1 })]), _: 1 }, 8, ["modelValue"]), n(A, { modelValue: b.value, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => b.value = e4), title: "Tips", width: "500" }, { footer: i(() => [m("div", v, [n(_2, { onClick: l2[1] || (l2[1] = (e4) => b.value = false) }, { default: i(() => l2[3] || (l2[3] = [r("取消")])), _: 1 }), n(_2, { type: "primary", onClick: S }, { default: i(() => l2[4] || (l2[4] = [r(" 确定 ")])), _: 1 })])]), default: i(() => [n(V2, { data: h, style: { width: "100%" }, onSelectionChange: w }, { default: i(() => [n(f2, { type: "selection", width: "55" }), n(f2, { prop: "date", label: "Date", width: "180" }), n(f2, { prop: "name", label: "Name", width: "180" }), n(f2, { prop: "address", label: "Address" })]), _: 1 })]), _: 1 }, 8, ["modelValue"])], 64);
+  };
+} });
 export {
-  t as default
+  c as default
 };

package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js

@@ -1,28 +1,4 @@
-import { defineComponent as e, ref as l, watch as a, resolveComponent as t, createElementBlock as o, openBlock as d, Fragment as u, createVNode as n, withCtx as i, unref as s, createElementVNode as m, createTextVNode as r } from "vue";
-import { Search as p } from "@element-plus/icons-vue";
-const v = { class: "dialog-footer" }, c = e({ __name: "dataorigin-input-table", props: { modelValue: { type: String, default: "" } }, emits: ["update:modelValue"], setup(e2, { emit: c2 }) {
-  const f = e2, g = l(f.modelValue), V = c2, h = [{ id: 1, date: "2016-05-03", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 2, date: "2016-05-02", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 3, date: "2016-05-04", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 4, date: "2016-05-01", name: "Tom", address: "No. 189, Grove St, Los Angeles" }], b = l(false), _ = l([]);
-  function S() {
-    if (_.value.length > 0) {
-      let e3 = "";
-      _.value.forEach((l2) => {
-        e3 = e3 + l2.name + ",";
-      }), e3 = e3.substring(0, e3.length - 1), V("update:modelValue", e3), b.value = false;
-    } else b.value = false;
-  }
-  function w(e3) {
-    _.value = e3;
-  }
-  function y() {
-    b.value = true;
-  }
-  return a(() => f.modelValue, (e3) => {
-    g.value = e3;
-  }), (e3, l2) => {
-    const a2 = t("el-icon"), c3 = t("el-input"), f2 = t("el-table-column"), V2 = t("el-table"), _2 = t("el-button"), A = t("el-dialog");
-    return d(), o(u, null, [n(c3, { modelValue: g.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => g.value = e4), placeholder: "请选择", onClick: y }, { suffix: i(() => [n(a2, { onClick: y }, { default: i(() => [n(s(p))]), _: 1 })]), _: 1 }, 8, ["modelValue"]), n(A, { modelValue: b.value, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => b.value = e4), title: "Tips", width: "500" }, { footer: i(() => [m("div", v, [n(_2, { onClick: l2[1] || (l2[1] = (e4) => b.value = false) }, { default: i(() => l2[3] || (l2[3] = [r("取消")])), _: 1 }), n(_2, { type: "primary", onClick: S }, { default: i(() => l2[4] || (l2[4] = [r(" 确定 ")])), _: 1 })])]), default: i(() => [n(V2, { data: h, style: { width: "100%" }, onSelectionChange: w }, { default: i(() => [n(f2, { type: "selection", width: "55" }), n(f2, { prop: "date", label: "Date", width: "180" }), n(f2, { prop: "name", label: "Name", width: "180" }), n(f2, { prop: "address", label: "Address" })]), _: 1 })]), _: 1 }, 8, ["modelValue"])], 64);
-  };
-} });
+import t from "./dataorigin-input-table.vue.js";
 export {
-  c as default
+  t as default
 };

package/dist/es/style.css

@@ -55,6 +55,7 @@
   padding: 0px !important;
   user-select: none;
   overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -805,7 +806,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -1411,7 +1413,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -2008,7 +2011,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -2605,7 +2609,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -3202,7 +3207,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -3799,7 +3805,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -4396,7 +4403,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -4997,7 +5005,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -5594,7 +5603,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -6191,7 +6201,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -6788,7 +6799,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -7385,7 +7397,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -7982,7 +7995,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -8616,7 +8630,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -9327,7 +9342,8 @@ li[data-v-dbd1c08b] {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -9932,7 +9948,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -10529,7 +10546,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -11134,7 +11152,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -11731,7 +11750,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -12328,7 +12348,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -12925,7 +12946,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -13522,7 +13544,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -14119,7 +14142,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -14716,7 +14740,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -15313,7 +15338,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -15975,7 +16001,8 @@ li[data-v-21af26bc] {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;
@@ -16576,7 +16603,8 @@ fieldset.amb-design-item-selected {
 .amb-container-main {
   padding: 0px !important;
   user-select: none;
-  overflow: hidden;
+  overflow: hidden;
+  background-color: #f5f7fa;
 }
 .amb-container-main::-webkit-scrollbar {
   width: 1px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.68",
+  "version": "2.2.71",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -40,8 +40,8 @@
     "pinia": "^2.1.7",
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
-    "service-flow-designer": "2.2.66",
-    "super-page-runtime": "2.2.65",
+    "service-flow-designer": "2.2.70",
+    "super-page-runtime": "2.2.69",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",