super-page-designer 2.2.57 → 2.2.58

package/dist/es/components/design/utils/assemblys-config.js

@@ -70,7 +70,7 @@ function ne() {
 function le() {
   return Y(X);
 }
-const oe = [{ label: "表单标准功能", type: "form", options: [{ label: "暂存", value: "save" }, { label: "提交", value: "submit" }, { label: "同意", value: "agree" }, { label: "不同意", value: "disagree" }, { label: "导出报告", value: "exportForm" }, { label: "导出PDF", value: "exportPDF" }, { label: "返回", value: "back" }] }, { label: "流程表单功能", type: "workflow", options: [{ label: "暂存", value: "workflowSave" }, { label: "提交流程", value: "submitProcess" }, { label: "提交任务", value: "submitTask" }, { label: "同意", value: "approve" }, { label: "不同意", value: "refuse" }, { label: "指派", value: "assign" }, { label: "领取", value: "drawTask" }, { label: "放弃领取", value: "abandonReceive" }, { label: "已阅", value: "readed" }, { label: "加签", value: "addSigner" }, { label: "减签", value: "removeSigner" }, { label: "抄送", value: "copyTask" }, { label: "取回", value: "retrieveTask" }, { label: "驳回", value: "returnToPreviousTask" }, { label: "退回", value: "returnTaskTo" }, { label: "强制结束", value: "endInstance" }, { label: "赞成", value: "agreement" }, { label: "反对", value: "oppose" }, { label: "弃权", value: "kiken" }] }, { label: "列表功能", type: "list", options: [{ label: "删除", value: "delete" }, { label: "提交", value: "submitList" }, { label: "同意", value: "agreeList" }, { label: "不同意", value: "disagreeList" }, { label: "下载导入模板", value: "downloadTemplate" }, { label: "导入", value: "import" }, { label: "导出", value: "export" }, { label: "刷新列表", value: "search" }, { label: "显示查询区域", value: "showSearch" }] }, { label: "列表行编辑功能", type: "list-edit", options: [{ label: "新建", value: "lineEditCreate" }, { label: "保存", value: "lineEditSave" }, { label: "删除", value: "lineEditDelete" }, { label: "修改", value: "lineEditUpdate" }, { label: "取消编辑", value: "restoreEdit" }] }, { label: "统计图功能", type: "chart", options: [{ label: "统计", value: "queryCharts" }, { label: "重置", value: "resetCharts" }, { label: "导出", value: "exportCharts" }] }];
+const oe = [{ label: "表单标准功能", type: "form", options: [{ label: "暂存", value: "save" }, { label: "提交", value: "submit" }, { label: "同意", value: "agree" }, { label: "不同意", value: "disagree" }, { label: "导出报告", value: "exportForm" }, { label: "导出PDF", value: "exportPDF" }, { label: "返回", value: "back" }] }, { label: "流程表单功能", type: "workflow", options: [{ label: "暂存", value: "workflowSave" }, { label: "提交流程", value: "submitProcess" }, { label: "提交任务", value: "submitTask" }, { label: "同意", value: "approve" }, { label: "不同意", value: "refuse" }, { label: "指派", value: "assign" }, { label: "领取", value: "drawTask" }, { label: "放弃领取", value: "abandonReceive" }, { label: "已阅", value: "readed" }, { label: "加签", value: "addSigner" }, { label: "减签", value: "removeSigner" }, { label: "抄送", value: "copyTask" }, { label: "取回", value: "retrieveTask" }, { label: "驳回", value: "returnToPreviousTask" }, { label: "退回", value: "returnTaskTo" }, { label: "强制结束", value: "endInstance" }, { label: "赞成", value: "agreement" }, { label: "反对", value: "oppose" }, { label: "弃权", value: "kiken" }] }, { label: "列表功能", type: "list", options: [{ label: "删除", value: "delete" }, { label: "提交", value: "submitList" }, { label: "同意", value: "agreeList" }, { label: "不同意", value: "disagreeList" }, { label: "下载导入模板", value: "downloadTemplate" }, { label: "导入", value: "import" }, { label: "导出", value: "export" }, { label: "刷新列表", value: "search" }, { label: "显示查询区域", value: "showSearch" }] }, { label: "列表行编辑功能", type: "list-edit", options: [{ label: "新建", value: "lineEditCreate" }, { label: "保存", value: "lineEditSave" }, { label: "删除", value: "lineEditDelete" }, { label: "修改", value: "lineEditUpdate" }, { label: "取消编辑", value: "restoreEdit" }] }, { label: "统计图功能", type: "chart", options: [{ label: "统计", value: "queryCharts" }, { label: "重置", value: "resetCharts" }, { label: "导出", value: "exportCharts" }, { label: "保存条件", value: "saveQueryCharts" }] }];
 function se(e2) {
   if (!e2) return null;
   for (let t2 = 0; t2 < ee.length; t2++) {

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

@@ -1,7 +1,7 @@
 import e from "./tabs-design.vue2.js";
 /* empty css                 */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const s = t(e, [["__scopeId", "data-v-1e1bb163"]]);
+const s = t(e, [["__scopeId", "data-v-96609f3b"]]);
 export {
   s as default
 };

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/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

@@ -164,6 +164,9 @@
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -419,6 +422,9 @@
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -702,21 +708,20 @@ 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);
-}.runtime-page-container-tabs-view[data-v-1e1bb163] > .el-tabs__content > .el-tab-pane {
+}.runtime-page-container-tabs-view[data-v-96609f3b] > .el-tabs__content > .el-tab-pane {
   display: flex;
   flex-direction: column;
   align-content: flex-start;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-1e1bb163] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
+.runtime-page-container-tabs-view[data-v-96609f3b] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
   display: flex;
   flex-direction: column;
   align-content: flex-start;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-1e1bb163] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
+.runtime-page-container-tabs-view[data-v-96609f3b] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
   width: 100%;
-  max-width: 100%;
 }
 .amb-design-attr-header[data-v-226997f7] {
   position: sticky;
@@ -906,6 +911,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -1157,6 +1165,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -1505,6 +1516,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -1756,6 +1770,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -2095,6 +2112,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -2346,6 +2366,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -2685,6 +2708,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -2936,6 +2962,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -3275,6 +3304,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -3526,6 +3558,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -3865,6 +3900,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -4116,6 +4154,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -4455,6 +4496,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -4706,6 +4750,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -5049,6 +5096,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -5300,6 +5350,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -5639,6 +5692,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -5890,6 +5946,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -6229,6 +6288,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -6480,6 +6542,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -6819,6 +6884,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -7070,6 +7138,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -7409,6 +7480,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -7660,6 +7734,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -7999,6 +8076,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -8250,6 +8330,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -8626,6 +8709,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -8877,6 +8963,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -9330,6 +9419,9 @@ li[data-v-dbd1c08b] {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -9581,6 +9673,9 @@ li[data-v-dbd1c08b] {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -9928,6 +10023,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -10179,6 +10277,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -10518,6 +10619,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -10769,6 +10873,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -11116,6 +11223,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -11367,6 +11477,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -11706,6 +11819,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -11957,6 +12073,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -12296,6 +12415,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -12547,6 +12669,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -12886,6 +13011,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -13137,6 +13265,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -13476,6 +13607,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -13727,6 +13861,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -14066,6 +14203,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -14317,6 +14457,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -14656,6 +14799,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -14907,6 +15053,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -15246,6 +15395,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -15497,6 +15649,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -15901,6 +16056,9 @@ li[data-v-21af26bc] {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -16152,6 +16310,9 @@ li[data-v-21af26bc] {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;
@@ -16495,6 +16656,9 @@ fieldset.amb-design-item-selected {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 100px;
 }
+.amb-design-board .el-row > div {
+  width: 100%;
+}
 .amb-item-ghost {
   background-color: rgba(64, 158, 255, .1);
   overflow: hidden;
@@ -16746,6 +16910,9 @@ fieldset.amb-design-item-selected {
   border: 1px solid #e6a23c !important;
   /* background-color: rgba(205, 210, 216, 0.105); */
 }
+.amb-design-item-default > div {
+  width: 100%;
+}
 .amb-design-attr-group-header > button {
   background: #f5f6f8;
   padding-left: 10px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.57",
+  "version": "2.2.58",
   "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.21",
+    "agilebuilder-ui": "1.1.22",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -40,8 +40,8 @@
     "pinia": "^2.1.7",
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
-    "service-flow-designer": "2.2.56",
-    "super-page-runtime": "2.2.55",
+    "service-flow-designer": "2.2.57",
+    "super-page-runtime": "2.2.56",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",