super-page-designer 2.2.2 → 2.2.8

package/dist/es/components/design/views/assemblys/common-attr-events.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, resolveComponent as t, openBlock as o, createElementBlock as l, Fragment as n, renderList as s, createBlock as i, withCtx as r, createVNode as a, createTextVNode as d, toDisplayString as p, createCommentVNode as c, unref as m } from "vue";
+import { defineComponent as e, resolveComponent as t, createElementBlock as o, openBlock as l, Fragment as n, renderList as s, createBlock as i, withCtx as r, createVNode as a, createTextVNode as d, createCommentVNode as p, toDisplayString as c, unref as m } from "vue";
 import { Edit as u, Search as f } from "@element-plus/icons";
 const g = { style: { "margin-top": "5px" } }, v = e({ __name: "common-attr-events", props: { events: { type: Object, default: [] } }, emits: [], setup(e2, { emit: v2 }) {
   const y = e2;
@@ -6,9 +6,9 @@ const g = { style: { "margin-top": "5px" } }, v = e({ __name: "common-attr-event
     y.events && y.events.length > 0 && (y.events[0].selLogicCode = "aa");
   }, 2e3), (v3, y2) => {
     const x = t("el-col"), b = t("el-icon"), _ = t("el-row");
-    return o(), l("div", g, [(o(true), l(n, null, s(e2.events, (e3, t2) => (o(), i(_, { style: { "border-bottom": "2px dashed #f5f6f8", "padding-top": "5px", "padding-bottom": "5px" } }, { default: r(() => [a(x, { style: { overflow: "hidden" }, span: 20 }, { default: r(() => [d("   " + p(e3.name) + " ", 1), e3.label ? (o(), l(n, { key: 0 }, [d(" (" + p(e3.label) + ") ", 1)], 64)) : c("", true)]), _: 2 }, 1024), a(x, { span: 4, style: { "text-align": "center", "font-weight": "bold" } }, { default: r(() => [e3.selLogicCode ? (o(), i(b, { key: 0, style: { cursor: "pointer", color: "#5893ef", "margin-right": "6px" }, title: "编辑逻辑", onClick: y2[0] || (y2[0] = (e4) => {
+    return l(), o("div", g, [(l(true), o(n, null, s(e2.events, (e3, t2) => (l(), i(_, { style: { "border-bottom": "2px dashed #f5f6f8", "padding-top": "5px", "padding-bottom": "5px" } }, { default: r(() => [a(x, { style: { overflow: "hidden" }, span: 20 }, { default: r(() => [d("   " + c(e3.name) + " ", 1), e3.label ? (l(), o(n, { key: 0 }, [d(" (" + c(e3.label) + ") ", 1)], 64)) : p("", true)]), _: 2 }, 1024), a(x, { span: 4, style: { "text-align": "center", "font-weight": "bold" } }, { default: r(() => [e3.selLogicCode ? (l(), i(b, { key: 0, style: { cursor: "pointer", color: "#5893ef", "margin-right": "6px" }, title: "编辑逻辑", onClick: y2[0] || (y2[0] = (e4) => {
       alert("edit logicName:{{eventItem.selLogicCode}}");
-    }) }, { default: r(() => [a(m(u))]), _: 1 })) : c("", true), a(b, { style: { cursor: "pointer" }, title: "选择逻辑", onClick: (e4) => function(e5) {
+    }) }, { default: r(() => [a(m(u))]), _: 1 })) : p("", true), a(b, { style: { cursor: "pointer" }, title: "选择逻辑", onClick: (e4) => function(e5) {
       alert("eventIndex:" + e5);
     }(t2) }, { default: r(() => [a(m(f))]), _: 2 }, 1032, ["onClick"])]), _: 2 }, 1024)]), _: 2 }, 1024))), 256))]);
   };

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

@@ -1,10 +1,10 @@
-import { defineComponent as e, ref as o, resolveComponent as a, openBlock as l, createBlock as r, withCtx as t, createVNode as u } from "vue";
+import { defineComponent as e, ref as o, resolveComponent as a, createBlock as l, openBlock as r, withCtx as t, createVNode as u } from "vue";
 import n from "../../common/common-advanced-basic.vue.js";
 const c = e({ __name: "card-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(e2) {
   const c2 = o(["base"]);
   return (o2, d) => {
     const m = a("el-collapse"), p = a("el-form");
-    return l(), r(p, { "label-width": "80px", size: "small" }, { default: t(() => [u(m, { modelValue: c2.value, "onUpdate:modelValue": d[0] || (d[0] = (e3) => c2.value = e3), style: { "margin-top": "6px" } }, { default: t(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return r(), l(p, { "label-width": "80px", size: "small" }, { default: t(() => [u(m, { modelValue: c2.value, "onUpdate:modelValue": d[0] || (d[0] = (e3) => c2.value = e3), style: { "margin-top": "6px" } }, { default: t(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, resolveComponent as o, openBlock as a, createBlock as t, withCtx as u, createVNode as n, createElementVNode as p, createTextVNode as i, toDisplayString as r, withDirectives as d, vShow as m, createCommentVNode as c } from "vue";
+import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a, openBlock as t, withCtx as u, createVNode as n, createElementVNode as p, withDirectives as i, createCommentVNode as r, createTextVNode as d, toDisplayString as m, vShow as c } from "vue";
 import s from "../../common/common-attr-size.vue.js";
 import f from "../../common/common-function-code.vue.js";
 import g from "../../common/common-icon-bind.vue.js";
@@ -8,9 +8,9 @@ const V = { style: { padding: "8px 0px 0px 0px" } }, x = e({ __name: "card-attr-
   const x2 = e2, y = l(["1", "attrSize"]);
   return (l2, _) => {
     const v = o("el-text"), h = o("el-form-item"), w = o("el-input"), U = o("el-radio"), j = o("el-radio-group"), z = o("el-switch"), F = o("el-option"), S = o("el-select"), T = o("el-collapse-item"), k = o("el-collapse"), J = o("el-form");
-    return a(), t(J, { "label-width": "80px", size: "small" }, { default: u(() => [n(k, { modelValue: y.value, "onUpdate:modelValue": _[7] || (_[7] = (e3) => y.value = e3), style: { "margin-top": "6px" } }, { default: u(() => [n(T, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: u(() => [p("div", V, [n(h, { label: "组件类型" }, { default: u(() => [n(v, null, { default: u(() => [i(r(e2.configure.label) + "(" + r(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), n(h, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: u(() => [n(w, { modelValue: e2.configure.uuid, "onUpdate:modelValue": _[0] || (_[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), n(h, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: u(() => [n(w, { modelValue: e2.configure.code, "onUpdate:modelValue": _[1] || (_[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), n(h, { label: "绑定权限", style: { "margin-top": "-10px" } }, { default: u(() => [n(f, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }), n(h, { label: "标题显示", style: { "margin-top": "-10px" } }, { default: u(() => [n(j, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": _[2] || (_[2] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: u(() => [n(U, { value: true }, { default: u(() => [i("显示")]), _: 1 }), n(U, { value: false }, { default: u(() => [i("隐藏")]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(n(h, { label: "标题", style: { "margin-top": "-10px" } }, { default: u(() => [n(b, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": _[3] || (_[3] = (l3) => e2.configure.props.base.title = l3) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[m, e2.configure.props.base.tittleShow]]), n(h, { label: "标题图标", style: { "margin-top": "-10px" } }, { default: u(() => [n(g, { iconType: e2.configure.props.iconType, iconValue: e2.configure.props.iconValue, "onUpdate:modelValue": _[4] || (_[4] = (e3, l3) => function(e4, l4) {
+    return t(), a(J, { "label-width": "80px", size: "small" }, { default: u(() => [n(k, { modelValue: y.value, "onUpdate:modelValue": _[7] || (_[7] = (e3) => y.value = e3), style: { "margin-top": "6px" } }, { default: u(() => [n(T, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: u(() => [p("div", V, [n(h, { label: "组件类型" }, { default: u(() => [n(v, null, { default: u(() => [d(m(e2.configure.label) + "(" + m(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), n(h, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: u(() => [n(w, { modelValue: e2.configure.uuid, "onUpdate:modelValue": _[0] || (_[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), n(h, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: u(() => [n(w, { modelValue: e2.configure.code, "onUpdate:modelValue": _[1] || (_[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), n(h, { label: "绑定权限", style: { "margin-top": "-10px" } }, { default: u(() => [n(f, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }), n(h, { label: "标题显示", style: { "margin-top": "-10px" } }, { default: u(() => [n(j, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": _[2] || (_[2] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: u(() => [n(U, { value: true }, { default: u(() => _[8] || (_[8] = [d("显示")])), _: 1 }), n(U, { value: false }, { default: u(() => _[9] || (_[9] = [d("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), i(n(h, { label: "标题", style: { "margin-top": "-10px" } }, { default: u(() => [n(b, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": _[3] || (_[3] = (l3) => e2.configure.props.base.title = l3) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[c, e2.configure.props.base.tittleShow]]), n(h, { label: "标题图标", style: { "margin-top": "-10px" } }, { default: u(() => [n(g, { iconType: e2.configure.props.iconType, iconValue: e2.configure.props.iconValue, "onUpdate:modelValue": _[4] || (_[4] = (e3, l3) => function(e4, l4) {
       x2.configure.props.iconType = e4, x2.configure.props.iconValue = l4;
-    }(e3, l3)) }, null, 8, ["iconType", "iconValue"])]), _: 1 }), n(h, { label: "Flex布局", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: u(() => [n(z, { modelValue: e2.configure.props.isFlex, "onUpdate:modelValue": _[5] || (_[5] = (l3) => e2.configure.props.isFlex = l3) }, null, 8, ["modelValue"])]), _: 1 }), e2.configure.props.isFlex ? (a(), t(h, { key: 0, label: "水平对齐", style: { "margin-bottom": "-10px", "margin-top": "18px" } }, { default: u(() => [n(S, { modelValue: e2.configure.props.flexJustify, "onUpdate:modelValue": _[6] || (_[6] = (l3) => e2.configure.props.flexJustify = l3), placeholder: "默认", clearable: "" }, { default: u(() => [n(F, { label: "start", value: "start" }), n(F, { label: "center", value: "center" }), n(F, { label: "space-between", value: "space-between" }), n(F, { label: "space-around", value: "space-around" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : c("", true)])]), _: 1 }), n(s, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    }(e3, l3)) }, null, 8, ["iconType", "iconValue"])]), _: 1 }), n(h, { label: "Flex布局", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: u(() => [n(z, { modelValue: e2.configure.props.isFlex, "onUpdate:modelValue": _[5] || (_[5] = (l3) => e2.configure.props.isFlex = l3) }, null, 8, ["modelValue"])]), _: 1 }), e2.configure.props.isFlex ? (t(), a(h, { key: 0, label: "水平对齐", style: { "margin-bottom": "-10px", "margin-top": "18px" } }, { default: u(() => [n(S, { modelValue: e2.configure.props.flexJustify, "onUpdate:modelValue": _[6] || (_[6] = (l3) => e2.configure.props.flexJustify = l3), placeholder: "默认", clearable: "" }, { default: u(() => [n(F, { label: "start", value: "start" }), n(F, { label: "center", value: "center" }), n(F, { label: "space-between", value: "space-between" }), n(F, { label: "space-around", value: "space-around" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : r("", true)])]), _: 1 }), n(s, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as o, ref as e, resolveComponent as n, openBlock as m, createBlock as r, withCtx as u, createVNode as c } from "vue";
+import { defineComponent as o, ref as e, resolveComponent as n, createBlock as m, openBlock as r, withCtx as u, createVNode as c } from "vue";
 import l from "../../common/common-style-padding.vue.js";
 import i from "../../common/common-style-background.vue.js";
 import t from "../../common/common-style-custom.vue.js";
@@ -11,7 +11,7 @@ const d = o({ __name: "card-attr-style", props: { configure: Object }, setup(o2)
   const d2 = e(["styleFontHead"]);
   return (e2, v) => {
     const y = n("el-collapse"), j = n("el-form");
-    return m(), r(j, { "label-width": "80px", size: "small" }, { default: u(() => [c(y, { modelValue: d2.value, "onUpdate:modelValue": v[0] || (v[0] = (o3) => d2.value = o3), style: { "margin-top": "6px" } }, { default: u(() => [c(p, { configure: o2.configure }, null, 8, ["configure"]), c(i, { configure: o2.configure }, null, 8, ["configure"]), c(f, { configure: o2.configure }, null, 8, ["configure"]), c(l, { configure: o2.configure }, null, 8, ["configure"]), c(s, { configure: o2.configure }, null, 8, ["configure"]), c(g, { configure: o2.configure }, null, 8, ["configure"]), c(a, { configure: o2.configure }, null, 8, ["configure"]), c(t, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return r(), m(j, { "label-width": "80px", size: "small" }, { default: u(() => [c(y, { modelValue: d2.value, "onUpdate:modelValue": v[0] || (v[0] = (o3) => d2.value = o3), style: { "margin-top": "6px" } }, { default: u(() => [c(p, { configure: o2.configure }, null, 8, ["configure"]), c(i, { configure: o2.configure }, null, 8, ["configure"]), c(f, { configure: o2.configure }, null, 8, ["configure"]), c(l, { configure: o2.configure }, null, 8, ["configure"]), c(s, { configure: o2.configure }, null, 8, ["configure"]), c(g, { configure: o2.configure }, null, 8, ["configure"]), c(a, { configure: o2.configure }, null, 8, ["configure"]), c(t, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, watch as n, resolveComponent as a, openBlock as l, createElementBlock as s, createElementVNode as r, normalizeClass as c, unref as o, isRef as u, createTextVNode as i, createBlock as g, createCommentVNode as v, withDirectives as d, createVNode as f, vShow as p } from "vue";
+import { defineComponent as e, ref as t, watch as n, resolveComponent as a, createElementBlock as l, openBlock as s, createElementVNode as r, normalizeClass as c, isRef as o, unref as u, createTextVNode as i, createBlock as g, createCommentVNode as v, withDirectives as d, createVNode as f, vShow as p } from "vue";
 import m from "./card-attr-base.vue.js";
 import b from "./card-attr-style.vue.js";
 import y from "../../form/common/attr-event.vue.js";
@@ -12,14 +12,13 @@ const k = { class: "amb-design-attr-content" }, C = { class: "amb-design-attr-he
   const L = t(0);
   function q() {
     const e3 = _.configure.events;
-    for (let t2 = 0; t2 < e3.length; t2++)
-      e3[t2].selLogicCode && L.value++;
+    for (let t2 = 0; t2 < e3.length; t2++) e3[t2].selLogicCode && L.value++;
   }
   return q(), n(_.configure.events, (e3) => {
     q();
   }), (t2, n2) => {
     const O3 = a("el-badge");
-    return l(), s("div", k, [r("div", C, [r("div", D, [r("label", { class: c({ selected: "base" == o(x) }), onClick: n2[0] || (n2[0] = (e3) => u(x) ? x.value = "base" : x = "base") }, "属性", 2), r("label", { class: c({ selected: "style" == o(x) }), onClick: n2[1] || (n2[1] = (e3) => u(x) ? x.value = "style" : x = "style") }, "样式", 2), r("label", { class: c({ selected: "event" == o(x) }), onClick: n2[2] || (n2[2] = (e3) => u(x) ? x.value = "event" : x = "event") }, [i(" 事件 "), L.value > 0 ? (l(), g(O3, { key: 0, value: L.value }, null, 8, ["value"])) : v("", true)], 2), r("label", { class: c({ selected: "advanced" == o(x) }), onClick: n2[3] || (n2[3] = (e3) => u(x) ? x.value = "advanced" : x = "advanced") }, "高级", 2)])]), r("div", h, [d(f(m, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[p, "base" == o(x)]]), d(f(b, { configure: e2.configure }, null, 8, ["configure"]), [[p, "style" == o(x)]]), d(f(y, { configure: e2.configure, events: e2.configure.events }, null, 8, ["configure", "events"]), [[p, "event" == o(x)]]), d(f(j, { configure: e2.configure }, null, 8, ["configure"]), [[p, "advanced" == o(x)]])])]);
+    return s(), l("div", k, [r("div", C, [r("div", D, [r("label", { class: c({ selected: "base" == u(x) }), onClick: n2[0] || (n2[0] = (e3) => o(x) ? x.value = "base" : x = "base") }, "属性", 2), r("label", { class: c({ selected: "style" == u(x) }), onClick: n2[1] || (n2[1] = (e3) => o(x) ? x.value = "style" : x = "style") }, "样式", 2), r("label", { class: c({ selected: "event" == u(x) }), onClick: n2[2] || (n2[2] = (e3) => o(x) ? x.value = "event" : x = "event") }, [n2[4] || (n2[4] = i(" 事件 ")), L.value > 0 ? (s(), g(O3, { key: 0, value: L.value }, null, 8, ["value"])) : v("", true)], 2), r("label", { class: c({ selected: "advanced" == u(x) }), onClick: n2[3] || (n2[3] = (e3) => o(x) ? x.value = "advanced" : x = "advanced") }, "高级", 2)])]), r("div", h, [d(f(m, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[p, "base" == u(x)]]), d(f(b, { configure: e2.configure }, null, 8, ["configure"]), [[p, "style" == u(x)]]), d(f(y, { configure: e2.configure, events: e2.configure.events }, null, 8, ["configure", "events"]), [[p, "event" == u(x)]]), d(f(j, { configure: e2.configure }, null, 8, ["configure"]), [[p, "advanced" == u(x)]])])]);
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/container/card/card-design.vue2.js

@@ -1,58 +1,56 @@
-import { defineComponent as e, ref as t, watch as n, computed as i, resolveComponent as o, openBlock as r, createBlock as s, unref as u, normalizeClass as l, normalizeStyle as c, createSlots as g, withCtx as a, createElementVNode as f, createElementBlock as m, Fragment as p, renderList as d, createCommentVNode as y, createTextVNode as b, toDisplayString as x, reactive as v } from "vue";
+import { defineComponent as e, ref as t, watch as i, computed as n, resolveComponent as o, createBlock as r, openBlock as s, unref as u, normalizeStyle as l, normalizeClass as c, createSlots as g, withCtx as a, createElementVNode as f, createElementBlock as m, Fragment as p, renderList as d, createCommentVNode as y, createTextVNode as b, toDisplayString as x, reactive as v } from "vue";
 import { ElCard as j } from "element-plus";
 import { useDraggable as O } from "vue-draggable-plus";
 import h from "../../object-design.vue.js";
 import { deepCopy as W, getUuidv4 as S } from "../../../../utils/common-util.js";
 import { caculateComponentStyle as D } from "../../../../utils/container-design-util.js";
-import { deleteDesignItem as _ } from "../../../../utils/page-design-util.js";
-const k = e({ __name: "card-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: k2 }) {
-  const C = e2;
-  C.configure.items || (C.configure.items = []);
-  const T = t({}), V = t(""), w = t({});
-  F(), n(C.configure.style, () => {
-    F();
+import { copyHandleEvents as _, deleteDesignItem as k } from "../../../../utils/page-design-util.js";
+const C = e({ __name: "card-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: C2 }) {
+  const T = e2;
+  T.configure.items || (T.configure.items = []);
+  const V = t({}), w = t(""), A = t({});
+  J(), i(T.configure.style, () => {
+    J();
   });
-  const A = i(() => [...C.configure.items]);
-  function F() {
-    D(C.configure, T, V, w), C.configure.runtime || (C.configure.runtime = {}), C.configure.runtime.style = T.value, C.configure.runtime.class = V.value, C.configure.runtime.headerStyle = w.value;
+  const F = n(() => [...T.configure.items]);
+  function J() {
+    D(T.configure, V, w, A), T.configure.runtime || (T.configure.runtime = {}), T.configure.runtime.style = V.value, T.configure.runtime.class = w.value, T.configure.runtime.headerStyle = A.value;
   }
-  n(A, (e3, t2) => {
-    e3.length > t2.length && q(C.indexObj.index, e3[e3.length - 1]);
+  i(F, (e3, t2) => {
+    e3.length > t2.length && B(T.indexObj.index, e3[e3.length - 1]);
   }, { important: true, deep: true });
-  const J = t({});
-  null == C.configure.props && (C.configure.props = {}), n(C.configure.props, () => {
+  const I = t({});
+  null == T.configure.props && (T.configure.props = {}), i(T.configure.props, () => {
     !function() {
-      const e3 = C.configure.props, t2 = {};
+      const e3 = T.configure.props, t2 = {};
       e3.isFlex && (t2.display = "flex", t2["flex-wrap"] = "wrap", t2["align-content"] = "flex-start", e3.flexJustify && (t2["justify-content"] = e3.flexJustify));
-      J.value = t2, C.configure.runtime.contentStyle = t2;
+      I.value = t2, T.configure.runtime.contentStyle = t2;
     }();
   }, { immediate: true });
-  const I = t(null);
-  O(I, C.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true });
-  const P = k2;
-  function q(e3, t2) {
-    P("onSelectWidget", e3, t2);
+  const P = t(null), { start: q } = O(P, T.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true }), z = C2;
+  function B(e3, t2) {
+    z("onSelectWidget", e3, t2);
   }
-  function z(e3, t2) {
-    P("onCustomAttrWidget", e3, t2);
+  function E(e3, t2) {
+    z("onCustomAttrWidget", e3, t2);
   }
-  function B(e3) {
-    let t2 = C.configure.items;
-    const n2 = t2.indexOf(e3);
-    if (n2 > -1) {
-      const i2 = v(W(e3));
-      i2.uuid = S(), t2.splice(n2, 0, i2);
+  function G(e3) {
+    let t2 = T.configure.items;
+    const i2 = t2.indexOf(e3);
+    if (i2 > -1) {
+      const n2 = v(W(e3));
+      n2.uuid = S(), _(n2), t2.splice(i2, 0, n2);
     }
   }
-  function E(e3) {
-    let t2 = C.configure.items;
-    _(t2, e3, e3.items && e3.items.length > 0, true);
+  function H(e3) {
+    let t2 = T.configure.items;
+    k(t2, e3, e3.items && e3.items.length > 0, true);
   }
   return (e3, t2) => {
-    const n2 = o("SuperIcon");
-    return r(), s(u(j), { class: l(["amb-design-item-default", V.value]), style: c(T.value) }, g({ default: a(() => [f("div", { ref_key: "ambDragParent", ref: I, class: "amb-design-item-default", style: c([{ "padding-bottom": "40px" }, J.value]) }, [(r(true), m(p, null, d(e3.configure.items, (t3, n3) => (r(), s(h, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: q, onOnCustomAttrWidget: z, onOnCopy: B, onOnDelete: E }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: a(() => [f("div", { style: c(w.value) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (r(), s(n2, { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), b(" " + x(e3.configure.props.base.title), 1)], 4)]), key: "0" } : void 0]), 1032, ["style", "class"]);
+    const i2 = o("SuperIcon");
+    return s(), r(u(j), { class: c(["amb-design-item-default", w.value]), style: l(V.value) }, g({ default: a(() => [f("div", { ref_key: "ambDragParent", ref: P, class: "amb-design-item-default", style: l([{ "padding-bottom": "40px" }, I.value]) }, [(s(true), m(p, null, d(e3.configure.items, (t3, i3) => (s(), r(h, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: B, onOnCustomAttrWidget: E, onOnCopy: G, onOnDelete: H }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: a(() => [f("div", { style: l(A.value) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (s(), r(i2, { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), b(" " + x(e3.configure.props.base.title), 1)], 4)]), key: "0" } : void 0]), 1032, ["style", "class"]);
   };
 } });
 export {
-  k as default
+  C as default
 };

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

@@ -1,10 +1,10 @@
-import { defineComponent as e, ref as o, resolveComponent as l, openBlock as a, createBlock as t, withCtx as r, createVNode as u } from "vue";
+import { defineComponent as e, ref as o, resolveComponent as l, createBlock as a, openBlock as t, withCtx as r, createVNode as u } from "vue";
 import n from "../../common/common-advanced-basic.vue.js";
 const c = e({ __name: "collapse-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(e2) {
   const c2 = o(["base"]);
   return (o2, m) => {
     const p = l("el-collapse"), s = l("el-form");
-    return a(), t(s, { "label-width": "80px", size: "small" }, { default: r(() => [u(p, { modelValue: c2.value, "onUpdate:modelValue": m[0] || (m[0] = (e3) => c2.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return t(), a(s, { "label-width": "80px", size: "small" }, { default: r(() => [u(p, { modelValue: c2.value, "onUpdate:modelValue": m[0] || (m[0] = (e3) => c2.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, resolveComponent as o, openBlock as t, createBlock 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 { 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";
@@ -11,28 +11,24 @@ const w = { style: { padding: "8px 0px 0px 0px" } }, v = { style: { padding: "8p
   const U = l(["1", "2", "attrSize"]);
   return (l2, z3) => {
     const j = o("el-text"), T = o("el-form-item"), O = o("el-input"), P = o("el-collapse-item"), D = o("el-icon"), H = o("el-table-column"), S = o("el-table"), q = o("el-switch"), A = o("el-option"), B = o("el-select"), E = o("el-collapse"), F = o("el-form");
-    return t(), i(F, { "label-width": "80px", size: "small" }, { default: n(() => [a(E, { modelValue: U.value, "onUpdate:modelValue": z3[4] || (z3[4] = (e3) => U.value = e3), style: { "margin-top": "6px" } }, { default: n(() => [a(P, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", w, [a(T, { label: "组件类型" }, { default: n(() => [a(j, null, { default: n(() => [r(d(e2.configure.label) + "(" + d(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), a(T, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: n(() => [a(O, { modelValue: e2.configure.uuid, "onUpdate:modelValue": z3[0] || (z3[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), a(T, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: n(() => [a(O, { modelValue: e2.configure.code, "onUpdate:modelValue": z3[1] || (z3[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), a(T, { label: "绑定权限", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: n(() => [a(y, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 })])]), _: 1 }), a(P, { title: "面板列表", name: "2", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", v, [a(S, { data: e2.configure.items, border: "", style: { width: "100%" }, class: "panelTable" }, { default: n(() => [a(H, { label: "", width: "32" }, { default: n((e3) => [u("div", k, [a(D, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
+    return i(), t(F, { "label-width": "80px", size: "small" }, { default: n(() => [a(E, { modelValue: U.value, "onUpdate:modelValue": z3[4] || (z3[4] = (e3) => U.value = e3), style: { "margin-top": "6px" } }, { default: n(() => [a(P, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", w, [a(T, { label: "组件类型" }, { default: n(() => [a(j, null, { default: n(() => [r(d(e2.configure.label) + "(" + d(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), a(T, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: n(() => [a(O, { modelValue: e2.configure.uuid, "onUpdate:modelValue": z3[0] || (z3[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), a(T, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: n(() => [a(O, { modelValue: e2.configure.code, "onUpdate:modelValue": z3[1] || (z3[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), a(T, { label: "绑定权限", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: n(() => [a(y, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 })])]), _: 1 }), a(P, { title: "面板列表", name: "2", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", v, [a(S, { data: e2.configure.items, border: "", style: { width: "100%" }, class: "panelTable" }, { default: n(() => [a(H, { label: "", width: "32" }, { default: n((e3) => [u("div", k, [a(D, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
       let l4 = -1;
       const o2 = C.configure.items.length;
-      for (let t3 = 0; t3 < o2; t3++)
-        if (C.configure.items[t3].index == e4.index) {
-          l4 = t3;
-          break;
-        }
-      if (l4 < 1)
-        return;
+      for (let t3 = 0; t3 < o2; t3++) if (C.configure.items[t3].index == e4.index) {
+        l4 = t3;
+        break;
+      }
+      if (l4 < 1) return;
       const t2 = C.configure.items;
       [t2[l4 - 1], t2[l4]] = [t2[l4], t2[l4 - 1]];
     }(e3.row) }, { default: n(() => [a(c(f))]), _: 2 }, 1032, ["onClick"]), a(D, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
       let l4 = -1;
       const o2 = C.configure.items.length;
-      for (let t3 = 0; t3 < o2; t3++)
-        if (C.configure.items[t3].index == e4.index) {
-          l4 = t3;
-          break;
-        }
-      if (-1 == l4 || C.configure.items.length == l4 + 1)
-        return;
+      for (let t3 = 0; t3 < o2; t3++) if (C.configure.items[t3].index == e4.index) {
+        l4 = t3;
+        break;
+      }
+      if (-1 == l4 || C.configure.items.length == l4 + 1) return;
       const t2 = C.configure.items;
       [t2[l4], t2[l4 + 1]] = [t2[l4 + 1], t2[l4]];
     }(e3.row) }, { default: n(() => [a(c(g))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), a(H, { prop: "label", label: "标题", width: "110" }, { default: n((e3) => [a(h, { modelValue: e3.row.label, "onUpdate:modelValue": (l3) => e3.row.label = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), a(H, { label: "图标", width: "70" }, { default: n((e3) => [a(_, { iconType: e3.row.iconType, iconValue: e3.row.iconValue, "onUpdate:modelValue": (l3, o2) => function(e4, l4, o3) {
@@ -43,18 +39,15 @@ const w = { style: { padding: "8px 0px 0px 0px" } }, v = { style: { padding: "8p
         t2.index == e4.index && (o2 = i2), t2.index > l4 && (l4 = t2.index);
       }), o2 > -1 && C.configure.items.splice(o2 + 1, 0, { label: "Panel", index: l4 + 1, items: [] });
     }(e3.row) }, { default: n(() => [a(c(x))]), _: 2 }, 1032, ["onClick"]), a(D, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e4) {
-      if (1 == C.configure.items.length)
-        return void alert("必须保留一个Panel!");
-      if (!confirm("确定要删除吗?"))
-        return;
+      if (1 == C.configure.items.length) return void alert("必须保留一个Panel!");
+      if (!confirm("确定要删除吗?")) return;
       let l4 = -1;
-      for (let o2 in C.configure.items)
-        if (C.configure.items[o2].index == e4.index) {
-          l4 = o2;
-          break;
-        }
+      for (let o2 in C.configure.items) if (C.configure.items[o2].index == e4.index) {
+        l4 = o2;
+        break;
+      }
       l4 > -1 && C.configure.items.splice(l4, 1);
-    }(e3.row) }, { default: n(() => [a(c(b))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), a(T, { label: "手风琴", style: { "margin-top": "10px" } }, { default: n(() => [a(q, { modelValue: e2.configure.props.accordion, "onUpdate:modelValue": z3[2] || (z3[2] = (l3) => e2.configure.props.accordion = l3) }, null, 8, ["modelValue"])]), _: 1 }), a(T, { label: "默认打开", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: n(() => [a(B, { modelValue: e2.configure.props.defaultOpens, "onUpdate:modelValue": z3[3] || (z3[3] = (l3) => e2.configure.props.defaultOpens = l3), placeholder: "默认", multiple: "true", "collapse-tags": "true", clearable: "" }, { default: n(() => [(t(true), m(p, null, s(e2.configure.items, (e3) => (t(), i(A, { label: e3.label, value: e3.index }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 })], 512)]), _: 1 }), a(V, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    }(e3.row) }, { default: n(() => [a(c(b))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), a(T, { label: "手风琴", style: { "margin-top": "10px" } }, { default: n(() => [a(q, { modelValue: e2.configure.props.accordion, "onUpdate:modelValue": z3[2] || (z3[2] = (l3) => e2.configure.props.accordion = l3) }, null, 8, ["modelValue"])]), _: 1 }), a(T, { label: "默认打开", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: n(() => [a(B, { modelValue: e2.configure.props.defaultOpens, "onUpdate:modelValue": z3[3] || (z3[3] = (l3) => e2.configure.props.defaultOpens = l3), placeholder: "默认", multiple: "true", "collapse-tags": "true", clearable: "" }, { default: n(() => [(i(true), m(p, null, s(e2.configure.items, (e3) => (i(), t(A, { label: e3.label, value: e3.index }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 })], 512)]), _: 1 }), a(V, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as o, ref as e, resolveComponent as n, openBlock as m, createBlock as r, withCtx as u, createVNode as l } from "vue";
+import { defineComponent as o, ref as e, resolveComponent as n, createBlock as m, openBlock as r, withCtx as u, createVNode as l } from "vue";
 import c from "../../common/common-style-font-head.vue.js";
 import t from "../../common/common-style-custom.vue.js";
 import i from "../../common/common-style-margin.vue.js";
@@ -9,7 +9,7 @@ const g = o({ __name: "collapse-attr-style", props: { configure: Object }, setup
   const g2 = e(["styleFontHead"]);
   return (e2, p) => {
     const d = n("el-collapse"), v = n("el-form");
-    return m(), r(v, { "label-width": "80px", size: "small" }, { default: u(() => [l(d, { modelValue: g2.value, "onUpdate:modelValue": p[0] || (p[0] = (o3) => g2.value = o3), style: { "margin-top": "6px" } }, { default: u(() => [l(c, { configure: o2.configure }, null, 8, ["configure"]), l(i, { configure: o2.configure }, null, 8, ["configure"]), l(f, { configure: o2.configure }, null, 8, ["configure"]), l(a, { configure: o2.configure }, null, 8, ["configure"]), l(s, { configure: o2.configure }, null, 8, ["configure"]), l(t, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return r(), m(v, { "label-width": "80px", size: "small" }, { default: u(() => [l(d, { modelValue: g2.value, "onUpdate:modelValue": p[0] || (p[0] = (o3) => g2.value = o3), style: { "margin-top": "6px" } }, { default: u(() => [l(c, { configure: o2.configure }, null, 8, ["configure"]), l(i, { configure: o2.configure }, null, 8, ["configure"]), l(f, { configure: o2.configure }, null, 8, ["configure"]), l(a, { configure: o2.configure }, null, 8, ["configure"]), l(s, { configure: o2.configure }, null, 8, ["configure"]), l(t, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, watch as t, resolveComponent as a, openBlock as n, createElementBlock as s, createElementVNode as c, normalizeClass as o, unref as r, isRef as u, createTextVNode as i, createBlock as g, createCommentVNode as v, withDirectives as d, createVNode as f, vShow as p } from "vue";
+import { defineComponent as e, ref as l, watch as t, resolveComponent as a, createElementBlock as n, openBlock as s, createElementVNode as c, normalizeClass as o, isRef as r, unref as u, createTextVNode as i, createBlock as g, createCommentVNode as v, withDirectives as d, createVNode as f, vShow as p } from "vue";
 import m from "./collapse-attr-base.vue.js";
 import b from "./collapse-attr-style.vue.js";
 import y from "../../common-attr-events.vue.js";
@@ -11,14 +11,13 @@ const k = { class: "amb-design-attr-content" }, C = { class: "amb-design-attr-he
   const L = l(0);
   function q() {
     const e3 = _.configure.events;
-    for (let l2 = 0; l2 < e3.length; l2++)
-      e3[l2].selLogicCode && L.value++;
+    for (let l2 = 0; l2 < e3.length; l2++) e3[l2].selLogicCode && L.value++;
   }
   return q(), t(_.configure.events, (e3) => {
     q();
   }), (l2, t2) => {
     const O3 = a("el-badge");
-    return n(), s("div", k, [c("div", C, [c("div", D, [c("label", { class: o({ selected: "base" == r(x) }), onClick: t2[0] || (t2[0] = (e3) => u(x) ? x.value = "base" : x = "base") }, "属性", 2), c("label", { class: o({ selected: "style" == r(x) }), onClick: t2[1] || (t2[1] = (e3) => u(x) ? x.value = "style" : x = "style") }, "样式", 2), c("label", { class: o({ selected: "event" == r(x) }), onClick: t2[2] || (t2[2] = (e3) => u(x) ? x.value = "event" : x = "event") }, [i(" 事件 "), L.value > 0 ? (n(), g(O3, { key: 0, value: L.value }, null, 8, ["value"])) : v("", true)], 2), c("label", { class: o({ selected: "advanced" == r(x) }), onClick: t2[3] || (t2[3] = (e3) => u(x) ? x.value = "advanced" : x = "advanced") }, "高级", 2)])]), c("div", h, [d(f(m, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[p, "base" == r(x)]]), d(f(b, { configure: e2.configure }, null, 8, ["configure"]), [[p, "style" == r(x)]]), d(f(y, { configure: e2.configure }, null, 8, ["configure"]), [[p, "event" == r(x)]]), d(f(j, { configure: e2.configure }, null, 8, ["configure"]), [[p, "advanced" == r(x)]])])]);
+    return s(), n("div", k, [c("div", C, [c("div", D, [c("label", { class: o({ selected: "base" == u(x) }), onClick: t2[0] || (t2[0] = (e3) => r(x) ? x.value = "base" : x = "base") }, "属性", 2), c("label", { class: o({ selected: "style" == u(x) }), onClick: t2[1] || (t2[1] = (e3) => r(x) ? x.value = "style" : x = "style") }, "样式", 2), c("label", { class: o({ selected: "event" == u(x) }), onClick: t2[2] || (t2[2] = (e3) => r(x) ? x.value = "event" : x = "event") }, [t2[4] || (t2[4] = i(" 事件 ")), L.value > 0 ? (s(), g(O3, { key: 0, value: L.value }, null, 8, ["value"])) : v("", true)], 2), c("label", { class: o({ selected: "advanced" == u(x) }), onClick: t2[3] || (t2[3] = (e3) => r(x) ? x.value = "advanced" : x = "advanced") }, "高级", 2)])]), c("div", h, [d(f(m, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[p, "base" == u(x)]]), d(f(b, { configure: e2.configure }, null, 8, ["configure"]), [[p, "style" == u(x)]]), d(f(y, { configure: e2.configure }, null, 8, ["configure"]), [[p, "event" == u(x)]]), d(f(j, { configure: e2.configure }, null, 8, ["configure"]), [[p, "advanced" == u(x)]])])]);
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/container/collapse/collapse-design.vue2.js

@@ -1,61 +1,60 @@
-import { defineComponent as e, ref as t, watch as i, computed as l, resolveComponent as n, openBlock as o, createBlock as s, normalizeStyle as u, normalizeClass as a, withCtx as m, createElementBlock as r, Fragment as c, renderList as g, createElementVNode as d, unref as f, createCommentVNode as p, createTextVNode as b, toDisplayString as y, createVNode as v, reactive as h } from "vue";
+import { defineComponent as e, ref as t, watch as i, computed as l, resolveComponent as n, createBlock as o, openBlock as s, normalizeClass as u, normalizeStyle as a, withCtx as m, createElementBlock as r, Fragment as c, renderList as g, createVNode as d, unref as f, createElementVNode as p, createCommentVNode as b, createTextVNode as y, toDisplayString as v, reactive as h } from "vue";
 import { VueDraggable as x } from "vue-draggable-plus";
 import O from "../../object-design.vue.js";
 import { SuperIcon as V } from "agilebuilder-ui";
 import { deepCopy as j, getUuidv4 as W } from "../../../../utils/common-util.js";
 import { caculateComponentStyle as _ } from "../../../../utils/container-design-util.js";
 import "element-plus";
-import { deleteDesignItem as D } from "../../../../utils/page-design-util.js";
-const k = e({ __name: "collapse-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: k2 }) {
-  const C = e2;
-  C.configure.items || (C.configure.items = [{ label: "Panel", index: 1, items: [] }, { label: "Panel", items: [], index: 2 }]);
-  const S = t(1);
-  C.configure.runtime || (C.configure.runtime = {});
-  const T = t({}), A = t(""), U = t({});
-  P(), i(C.configure.style, () => {
-    P();
+import { copyHandleEvents as D, deleteDesignItem as k } from "../../../../utils/page-design-util.js";
+const C = e({ __name: "collapse-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: C2 }) {
+  const S = e2;
+  S.configure.items || (S.configure.items = [{ label: "Panel", index: 1, items: [] }, { label: "Panel", items: [], index: 2 }]);
+  const T = t(1);
+  S.configure.runtime || (S.configure.runtime = {});
+  const A = t({}), U = t(""), E = t({});
+  w(), i(S.configure.style, () => {
+    w();
   });
-  const E = l(() => [...C.configure.items]);
-  function P() {
-    _(C.configure, T, A, U), C.configure.runtime.style = T.value, C.configure.runtime.class = A.value, C.configure.runtime.headerStyle = U.value;
+  const P = l(() => [...S.configure.items]);
+  function w() {
+    _(S.configure, A, U, E), S.configure.runtime.style = A.value, S.configure.runtime.class = U.value, S.configure.runtime.headerStyle = E.value;
   }
-  i(E, (e3, t2) => {
+  i(P, (e3, t2) => {
     e3.forEach((e4) => {
       t2.forEach((t3) => {
-        e4.items.length > t3.items.length && F(C.indexObj.index, e4.items[e4.items.length - 1]);
+        e4.items.length > t3.items.length && q(S.indexObj.index, e4.items[e4.items.length - 1]);
       });
     });
   }, { important: true, deep: true });
-  const w = k2;
-  function F(e3, t2) {
-    w("onSelectWidget", e3, t2);
-  }
+  const F = C2;
   function q(e3, t2) {
-    w("onCustomAttrWidget", e3, t2);
+    F("onSelectWidget", e3, t2);
+  }
+  function z(e3, t2) {
+    F("onCustomAttrWidget", e3, t2);
   }
-  function z(e3) {
-    let t2 = C.configure.items;
+  function B(e3) {
+    let t2 = S.configure.items;
     for (let i2 = 0; i2 < t2.length; i2++) {
       let l2 = t2[i2];
-      if (l2.items)
-        for (let t3 = 0; t3 < l2.items.length; t3++) {
-          l2.items[t3];
-          const i3 = l2.items.indexOf(e3);
-          if (i3 > -1) {
-            const t4 = h(j(e3));
-            return t4.uuid = W(), void l2.items.splice(i3, 0, t4);
-          }
+      if (l2.items) for (let t3 = 0; t3 < l2.items.length; t3++) {
+        l2.items[t3];
+        const i3 = l2.items.indexOf(e3);
+        if (i3 > -1) {
+          const t4 = h(j(e3));
+          return t4.uuid = W(), D(t4), void l2.items.splice(i3, 0, t4);
         }
+      }
     }
   }
   return (e3, t2) => {
     const i2 = n("el-collapse-item"), l2 = n("el-collapse");
-    return o(), s(l2, { modelValue: S.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => S.value = e4), style: u(T.value), class: a([A.value, "amb-design-item-default"]) }, { default: m(() => [(o(true), r(c, null, g(e3.configure.items, (t3, l3) => (o(), s(i2, { name: t3.index }, { title: m(() => [d("div", { style: u([U.value, { width: "100%" }]) }, [t3.iconType && t3.iconValue ? (o(), s(f(V), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : p("", true), b(" " + y(t3.label), 1)], 4)]), default: m(() => [v(f(x), { tag: "div", class: "amb-design-item-default", style: { "padding-bottom": "40px" }, group: "amb-assembly-item", "force-fallback": true, modelValue: t3.items, "onUpdate:modelValue": (e4) => t3.items = e4, sort: true, animation: 300, "ghost-class": "amb-item-ghost", "fallback-class": true, filter: ".el-scrollbar__bar", preventOnFilter: false }, { default: m(() => [(o(true), r(c, null, g(t3.items, (i3, l4) => (o(), s(O, { key: i3.uuid, configure: i3, pageDesign: e3.pageDesign, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: F, onOnCustomAttrWidget: q, onOnCopy: z, onOnDelete: (e4) => function(e5, t4) {
+    return s(), o(l2, { modelValue: T.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => T.value = e4), style: a(A.value), class: u([U.value, "amb-design-item-default"]) }, { default: m(() => [(s(true), r(c, null, g(e3.configure.items, (t3, l3) => (s(), o(i2, { name: t3.index }, { title: m(() => [p("div", { style: a([E.value, { width: "100%" }]) }, [t3.iconType && t3.iconValue ? (s(), o(f(V), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : b("", true), y(" " + v(t3.label), 1)], 4)]), default: m(() => [d(f(x), { tag: "div", class: "amb-design-item-default", style: { "padding-bottom": "40px" }, group: "amb-assembly-item", "force-fallback": true, modelValue: t3.items, "onUpdate:modelValue": (e4) => t3.items = e4, sort: true, animation: 300, "ghost-class": "amb-item-ghost", "fallback-class": true, filter: ".el-scrollbar__bar", preventOnFilter: false }, { default: m(() => [(s(true), r(c, null, g(t3.items, (i3, l4) => (s(), o(O, { key: i3.uuid, configure: i3, pageDesign: e3.pageDesign, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: q, onOnCustomAttrWidget: z, onOnCopy: B, onOnDelete: (e4) => function(e5, t4) {
       let i4 = e5.items;
-      D(i4, t4, t4.items && t4.items.length > 0, true);
+      k(i4, t4, t4.items && t4.items.length > 0, true);
     }(t3, e4) }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj", "onOnDelete"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1032, ["name"]))), 256))]), _: 1 }, 8, ["modelValue", "style", "class"]);
   };
 } });
 export {
-  k as default
+  C as default
 };

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

@@ -1,10 +1,10 @@
-import { defineComponent as e, ref as o, resolveComponent as a, openBlock as l, createBlock as t, withCtx as r, createVNode as u } from "vue";
+import { defineComponent as e, ref as o, resolveComponent as a, createBlock as l, openBlock as t, withCtx as r, createVNode as u } from "vue";
 import n from "../../common/common-advanced-basic.vue.js";
 const c = e({ __name: "container-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(e2) {
   const c2 = o(["base"]);
   return (o2, m) => {
     const d = a("el-collapse"), p = a("el-form");
-    return l(), t(p, { "label-width": "80px", size: "small" }, { default: r(() => [u(d, { modelValue: c2.value, "onUpdate:modelValue": m[0] || (m[0] = (e3) => c2.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return t(), l(p, { "label-width": "80px", size: "small" }, { default: r(() => [u(d, { modelValue: c2.value, "onUpdate:modelValue": m[0] || (m[0] = (e3) => c2.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

@@ -1,11 +1,11 @@
-import { defineComponent as e, ref as l, resolveComponent as o, openBlock as u, createBlock as t, withCtx as a, createVNode as i, createElementVNode as d, createTextVNode as r, toDisplayString as p } from "vue";
+import { defineComponent as e, ref as l, resolveComponent as o, createBlock as u, openBlock as t, withCtx as a, createVNode as i, createElementVNode as d, createTextVNode as r, toDisplayString as p } from "vue";
 import n from "../../common/common-attr-size.vue.js";
 import m from "../../common/common-function-code.vue.js";
 const s = { style: { padding: "8px 0px 0px 0px" } }, f = e({ __name: "container-attr-base", props: { configure: { type: Object, default: {} } }, emits: [], setup(e2, { emit: f2 }) {
   const c = l(["1", "attrSize"]);
   return (l2, f3) => {
     const g = o("el-text"), V = o("el-form-item"), x = o("el-input"), b = o("el-checkbox"), _ = o("el-collapse-item"), h = o("el-collapse"), y = o("el-form");
-    return u(), t(y, { "label-width": "80px", size: "small" }, { default: a(() => [i(h, { modelValue: c.value, "onUpdate:modelValue": f3[6] || (f3[6] = (e3) => c.value = e3), style: { "margin-top": "6px" } }, { default: a(() => [i(_, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: a(() => [d("div", s, [i(V, { label: "组件类型" }, { default: a(() => [i(g, null, { default: a(() => [r(p(e2.configure.label) + "(" + p(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), i(V, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: a(() => [i(x, { modelValue: e2.configure.uuid, "onUpdate:modelValue": f3[0] || (f3[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), i(V, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: a(() => [i(x, { modelValue: e2.configure.code, "onUpdate:modelValue": f3[1] || (f3[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), i(V, { label: "绑定权限", style: { "margin-top": "-10px" } }, { default: a(() => [i(m, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }), i(V, { style: { "margin-top": "-10px" } }, { label: a(() => [i(b, { modelValue: e2.configure.props.useLeft, "onUpdate:modelValue": f3[2] || (f3[2] = (l3) => e2.configure.props.useLeft = l3), value: "true" }, { default: a(() => [r("左边宽度")]), _: 1 }, 8, ["modelValue"])]), default: a(() => [i(x, { modelValue: e2.configure.props.leftWidth, "onUpdate:modelValue": f3[3] || (f3[3] = (l3) => e2.configure.props.leftWidth = l3), disabled: !e2.configure.props.useLeft }, { suffix: a(() => [r(" px ")]), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 }), i(V, { style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { label: a(() => [i(b, { modelValue: e2.configure.props.useRight, "onUpdate:modelValue": f3[4] || (f3[4] = (l3) => e2.configure.props.useRight = l3), value: "true" }, { default: a(() => [r("右边宽度")]), _: 1 }, 8, ["modelValue"])]), default: a(() => [i(x, { modelValue: e2.configure.props.rightWidth, "onUpdate:modelValue": f3[5] || (f3[5] = (l3) => e2.configure.props.rightWidth = l3), disabled: !e2.configure.props.useRight }, { suffix: a(() => [r(" px ")]), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 })])]), _: 1 }), i(n, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return t(), u(y, { "label-width": "80px", size: "small" }, { default: a(() => [i(h, { modelValue: c.value, "onUpdate:modelValue": f3[6] || (f3[6] = (e3) => c.value = e3), style: { "margin-top": "6px" } }, { default: a(() => [i(_, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: a(() => [d("div", s, [i(V, { label: "组件类型" }, { default: a(() => [i(g, null, { default: a(() => [r(p(e2.configure.label) + "(" + p(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), i(V, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: a(() => [i(x, { modelValue: e2.configure.uuid, "onUpdate:modelValue": f3[0] || (f3[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), i(V, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: a(() => [i(x, { modelValue: e2.configure.code, "onUpdate:modelValue": f3[1] || (f3[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), i(V, { label: "绑定权限", style: { "margin-top": "-10px" } }, { default: a(() => [i(m, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }), i(V, { style: { "margin-top": "-10px" } }, { label: a(() => [i(b, { modelValue: e2.configure.props.useLeft, "onUpdate:modelValue": f3[2] || (f3[2] = (l3) => e2.configure.props.useLeft = l3), value: "true" }, { default: a(() => f3[7] || (f3[7] = [r("左边宽度")])), _: 1 }, 8, ["modelValue"])]), default: a(() => [i(x, { modelValue: e2.configure.props.leftWidth, "onUpdate:modelValue": f3[3] || (f3[3] = (l3) => e2.configure.props.leftWidth = l3), disabled: !e2.configure.props.useLeft }, { suffix: a(() => f3[8] || (f3[8] = [r(" px ")])), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 }), i(V, { style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { label: a(() => [i(b, { modelValue: e2.configure.props.useRight, "onUpdate:modelValue": f3[4] || (f3[4] = (l3) => e2.configure.props.useRight = l3), value: "true" }, { default: a(() => f3[9] || (f3[9] = [r("右边宽度")])), _: 1 }, 8, ["modelValue"])]), default: a(() => [i(x, { modelValue: e2.configure.props.rightWidth, "onUpdate:modelValue": f3[5] || (f3[5] = (l3) => e2.configure.props.rightWidth = l3), disabled: !e2.configure.props.useRight }, { suffix: a(() => f3[10] || (f3[10] = [r(" px ")])), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 })])]), _: 1 }), i(n, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as o, ref as e, resolveComponent as n, openBlock as m, createBlock as r, withCtx as u, createVNode as c } from "vue";
+import { defineComponent as o, ref as e, resolveComponent as n, createBlock as m, openBlock as r, withCtx as u, createVNode as c } from "vue";
 import l from "../../common/common-style-font.vue.js";
 import t from "../../common/common-style-background.vue.js";
 import i from "../../common/common-style-custom.vue.js";
@@ -10,7 +10,7 @@ const p = o({ __name: "container-attr-style", props: { configure: Object }, setu
   const p2 = e(["styleFont"]);
   return (e2, d) => {
     const v = n("el-collapse"), y = n("el-form");
-    return m(), r(y, { "label-width": "80px", size: "small" }, { default: u(() => [c(v, { modelValue: p2.value, "onUpdate:modelValue": d[0] || (d[0] = (o3) => p2.value = o3), style: { "margin-top": "6px" } }, { default: u(() => [c(l, { configure: o2.configure }, null, 8, ["configure"]), c(t, { configure: o2.configure }, null, 8, ["configure"]), c(f, { configure: o2.configure }, null, 8, ["configure"]), c(s, { configure: o2.configure }, null, 8, ["configure"]), c(g, { configure: o2.configure }, null, 8, ["configure"]), c(a, { configure: o2.configure }, null, 8, ["configure"]), c(i, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return r(), m(y, { "label-width": "80px", size: "small" }, { default: u(() => [c(v, { modelValue: p2.value, "onUpdate:modelValue": d[0] || (d[0] = (o3) => p2.value = o3), style: { "margin-top": "6px" } }, { default: u(() => [c(l, { configure: o2.configure }, null, 8, ["configure"]), c(t, { configure: o2.configure }, null, 8, ["configure"]), c(f, { configure: o2.configure }, null, 8, ["configure"]), c(s, { configure: o2.configure }, null, 8, ["configure"]), c(g, { configure: o2.configure }, null, 8, ["configure"]), c(a, { configure: o2.configure }, null, 8, ["configure"]), c(i, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/container/container/container-attr.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as n, watch as t, resolveComponent as a, openBlock as l, createElementBlock as s, createElementVNode as c, normalizeClass as o, unref as r, isRef as u, createTextVNode as i, createBlock as v, createCommentVNode as d, withDirectives as f, createVNode as g, vShow as m } from "vue";
+import { defineComponent as e, ref as n, watch as t, resolveComponent as a, createElementBlock as l, openBlock as s, createElementVNode as c, normalizeClass as o, isRef as r, unref as u, createTextVNode as i, createBlock as v, createCommentVNode as d, withDirectives as f, createVNode as g, vShow as m } from "vue";
 import b from "./container-attr-base.vue.js";
 import p from "./container-attr-style.vue.js";
 import y from "../../common-attr-events.vue.js";
@@ -11,14 +11,13 @@ const k = { class: "amb-design-attr-content" }, C = { class: "amb-design-attr-he
   const O = n(0);
   function q() {
     const e3 = x2.configure.events;
-    for (let n2 = 0; n2 < e3.length; n2++)
-      e3[n2].selLogicCode && O.value++;
+    for (let n2 = 0; n2 < e3.length; n2++) e3[n2].selLogicCode && O.value++;
   }
   return q(), t(x2.configure.events, (e3) => {
     q();
   }), (n2, t2) => {
     const x3 = a("el-badge");
-    return l(), s("div", k, [c("div", C, [c("div", h, [c("label", { class: o({ selected: "base" == r(L) }), onClick: t2[0] || (t2[0] = (e3) => u(L) ? L.value = "base" : L = "base") }, "属性", 2), c("label", { class: o({ selected: "style" == r(L) }), onClick: t2[1] || (t2[1] = (e3) => u(L) ? L.value = "style" : L = "style") }, "样式", 2), c("label", { class: o({ selected: "event" == r(L) }), onClick: t2[2] || (t2[2] = (e3) => u(L) ? L.value = "event" : L = "event") }, [i(" 事件 "), O.value > 0 ? (l(), v(x3, { key: 0, value: O.value }, null, 8, ["value"])) : d("", true)], 2), c("label", { class: o({ selected: "advanced" == r(L) }), onClick: t2[3] || (t2[3] = (e3) => u(L) ? L.value = "advanced" : L = "advanced") }, "高级", 2)])]), c("div", _, [f(g(b, { configure: e2.configure }, null, 8, ["configure"]), [[m, "base" == r(L)]]), f(g(p, { configure: e2.configure }, null, 8, ["configure"]), [[m, "style" == r(L)]]), f(g(y, { configure: e2.configure }, null, 8, ["configure"]), [[m, "event" == r(L)]]), f(g(j, { configure: e2.configure }, null, 8, ["configure"]), [[m, "advanced" == r(L)]])])]);
+    return s(), l("div", k, [c("div", C, [c("div", h, [c("label", { class: o({ selected: "base" == u(L) }), onClick: t2[0] || (t2[0] = (e3) => r(L) ? L.value = "base" : L = "base") }, "属性", 2), c("label", { class: o({ selected: "style" == u(L) }), onClick: t2[1] || (t2[1] = (e3) => r(L) ? L.value = "style" : L = "style") }, "样式", 2), c("label", { class: o({ selected: "event" == u(L) }), onClick: t2[2] || (t2[2] = (e3) => r(L) ? L.value = "event" : L = "event") }, [t2[4] || (t2[4] = i(" 事件 ")), O.value > 0 ? (s(), v(x3, { key: 0, value: O.value }, null, 8, ["value"])) : d("", true)], 2), c("label", { class: o({ selected: "advanced" == u(L) }), onClick: t2[3] || (t2[3] = (e3) => r(L) ? L.value = "advanced" : L = "advanced") }, "高级", 2)])]), c("div", _, [f(g(b, { configure: e2.configure }, null, 8, ["configure"]), [[m, "base" == u(L)]]), f(g(p, { configure: e2.configure }, null, 8, ["configure"]), [[m, "style" == u(L)]]), f(g(y, { configure: e2.configure }, null, 8, ["configure"]), [[m, "event" == u(L)]]), f(g(j, { configure: e2.configure }, null, 8, ["configure"]), [[m, "advanced" == u(L)]])])]);
   };
 } });
 export {