super-page-designer 2.3.21-tmp1-design1 → 2.3.22-design1-tmp1

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

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

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

@@ -0,0 +1,4 @@
+import a from "./card-attr-base.vue.mjs";
+export {
+  a as default
+};

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

@@ -0,0 +1,19 @@
+import { defineComponent as o, ref as e, resolveComponent as m, createBlock as n, openBlock as r, withCtx as u, createVNode as c } from "vue";
+import l from "../../common/common-style-padding.vue.mjs";
+import i from "../../common/common-style-background.vue.mjs";
+import t from "../../common/common-style-custom.vue.mjs";
+import f from "../../common/common-style-margin.vue.mjs";
+import s from "../../common/common-style-border.vue.mjs";
+import g from "../../common/common-style-shadow.vue.mjs";
+import a from "../../common/common-style-position.vue.mjs";
+import p from "../../common/common-style-font-head.vue.mjs";
+const d = o({ __name: "card-attr-style", props: { configure: Object }, setup(o2) {
+  const d2 = e(["styleFontHead"]);
+  return (e2, v) => {
+    const y = m("el-collapse"), j = m("el-form");
+    return r(), n(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 {
+  d as default
+};

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

@@ -0,0 +1,4 @@
+import t from "./card-attr-style.vue.mjs";
+export {
+  t as default
+};

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

@@ -0,0 +1,4 @@
+import r from "./card-attr.vue2.mjs";
+export {
+  r as default
+};

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

@@ -0,0 +1,26 @@
+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 m } from "vue";
+import p from "./card-attr-base.vue.mjs";
+import b from "./card-attr-style.vue.mjs";
+import y from "../../form/common/attr-event.vue.mjs";
+import j from "./card-attr-advanced.vue.mjs";
+const k = { class: "amb-design-attr-content" }, C = { class: "amb-design-attr-header" }, D = { class: "amb-design-attr-header-type" }, h = { class: "amb-design-attr-list" }, O = e({ __name: "card-attr", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: () => {
+} } }, emits: [], setup(e2, { emit: O2 }) {
+  const _ = e2;
+  null == _.configure.props && (_.configure.props = {}), null == _.configure.props.title && (_.configure.props.title = "标题");
+  let x = t("base");
+  null == _.configure.events && (_.configure.events = []);
+  const L = t(0);
+  function q() {
+    const e3 = _.configure.events;
+    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 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(" 事件 ", -1)), 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(p, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[m, "base" == u(x)]]), d(f(b, { configure: e2.configure }, null, 8, ["configure"]), [[m, "style" == u(x)]]), d(f(y, { configure: e2.configure, events: e2.configure.events }, null, 8, ["configure", "events"]), [[m, "event" == u(x)]]), d(f(j, { configure: e2.configure }, null, 8, ["configure"]), [[m, "advanced" == u(x)]])])]);
+  };
+} });
+export {
+  O as default
+};

package/dist/es/components/design/views/assemblys/container/card/card-design.vue.mjs

@@ -0,0 +1,7 @@
+import e from "./card-design.vue2.mjs";
+/* empty css                  */
+import r from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const o = r(e, [["__scopeId", "data-v-231a66cb"]]);
+export {
+  o as default
+};

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

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

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

@@ -0,0 +1,12 @@
+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.mjs";
+const m = e({ __name: "collapse-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(e2) {
+  const m2 = o(["base"]);
+  return (o2, c) => {
+    const p = l("el-collapse"), s = l("el-form");
+    return t(), a(s, { "label-width": "80px", size: "small" }, { default: r(() => [u(p, { modelValue: m2.value, "onUpdate:modelValue": c[0] || (c[0] = (e3) => m2.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+export {
+  m as default
+};

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

@@ -0,0 +1,4 @@
+import a from "./collapse-attr-advanced.vue.mjs";
+export {
+  a as default
+};

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

@@ -0,0 +1,55 @@
+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.mjs";
+import _ from "../../common/common-icon-bind.vue.mjs";
+import y from "../../common/common-function-code.vue.mjs";
+import h from "../../common/common-i18n-key-input.vue.mjs";
+const w = { style: { padding: "8px 0px 0px 0px" } }, v = { style: { padding: "8px 0px 0px 0px" }, ref: "panels" }, k = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, z = e({ __name: "collapse-attr-base", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: () => {
+} } }, emits: [], setup(e2, { emit: z2 }) {
+  const C = e2;
+  l([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]);
+  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 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;
+      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;
+      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) {
+      e4.iconType = l4, e4.iconValue = o3;
+    }(e3.row, l3, o2) }, null, 8, ["iconType", "iconValue", "onUpdate:modelValue"])]), _: 1 }), a(H, { label: "操作", width: "90" }, { default: n((e3) => [a(D, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => function(e4) {
+      let l4 = -1, o2 = -1;
+      C.configure.items.find((t2, i2) => {
+        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;
+      let l4 = -1;
+      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(() => [(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 {
+  z as default
+};

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

@@ -0,0 +1,4 @@
+import a from "./collapse-attr-base.vue.mjs";
+export {
+  a as default
+};

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

@@ -0,0 +1,17 @@
+import { defineComponent as o, ref as e, resolveComponent as m, createBlock as n, openBlock as r, withCtx as u, createVNode as l } from "vue";
+import c from "../../common/common-style-font-head.vue.mjs";
+import t from "../../common/common-style-custom.vue.mjs";
+import i from "../../common/common-style-margin.vue.mjs";
+import f from "../../common/common-style-border.vue.mjs";
+import s from "../../common/common-style-position.vue.mjs";
+import a from "../../common/common-style-shadow.vue.mjs";
+const g = o({ __name: "collapse-attr-style", props: { configure: Object }, setup(o2) {
+  const g2 = e(["styleFontHead"]);
+  return (e2, p) => {
+    const d = m("el-collapse"), v = m("el-form");
+    return r(), n(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 {
+  g as default
+};

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

@@ -0,0 +1,4 @@
+import t from "./collapse-attr-style.vue.mjs";
+export {
+  t as default
+};

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

@@ -0,0 +1,4 @@
+import t from "./collapse-attr.vue2.mjs";
+export {
+  t as default
+};

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

@@ -0,0 +1,25 @@
+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 m } from "vue";
+import p from "./collapse-attr-base.vue.mjs";
+import b from "./collapse-attr-style.vue.mjs";
+import y from "../../common-attr-events.vue.mjs";
+import j from "./collapse-attr-advanced.vue.mjs";
+const k = { class: "amb-design-attr-content" }, C = { class: "amb-design-attr-header" }, D = { class: "amb-design-attr-header-type" }, h = { class: "amb-design-attr-list" }, O = e({ __name: "collapse-attr", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: () => {
+} } }, emits: [], setup(e2, { emit: O2 }) {
+  const _ = e2;
+  let x = l("base");
+  null == _.configure.events && (_.configure.events = []);
+  const L = l(0);
+  function q() {
+    const e3 = _.configure.events;
+    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 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(" 事件 ", -1)), 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(p, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[m, "base" == u(x)]]), d(f(b, { configure: e2.configure }, null, 8, ["configure"]), [[m, "style" == u(x)]]), d(f(y, { configure: e2.configure }, null, 8, ["configure"]), [[m, "event" == u(x)]]), d(f(j, { configure: e2.configure }, null, 8, ["configure"]), [[m, "advanced" == u(x)]])])]);
+  };
+} });
+export {
+  O as default
+};

package/dist/es/components/design/views/assemblys/container/collapse/collapse-design.vue.mjs

@@ -0,0 +1,4 @@
+import e from "./collapse-design.vue2.mjs";
+export {
+  e as default
+};

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

@@ -0,0 +1,60 @@
+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 m, withCtx as a, 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.mjs";
+import { SuperIcon as V } from "agilebuilder-ui";
+import { deepCopy as j, getUuidv4 as W } from "../../../../utils/common-util.mjs";
+import { caculateComponentStyle as D } from "../../../../utils/container-design-util.mjs";
+import "element-plus";
+import { copyHandleEvents as _, deleteDesignItem as k } from "../../../../utils/page-design-util.mjs";
+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 P = l(() => [...S.configure.items]);
+  function w() {
+    D(S.configure, A, U, E), S.configure.runtime.style = A.value, S.configure.runtime.class = U.value, S.configure.runtime.headerStyle = E.value;
+  }
+  i(P, (e3, t2) => {
+    e3.forEach((e4) => {
+      t2.forEach((t3) => {
+        e4.items.length > t3.items.length && q(S.indexObj.index, e4.items[e4.items.length - 1]);
+      });
+    });
+  }, { important: true, deep: true });
+  const F = C2;
+  function q(e3, t2) {
+    F("onSelectWidget", e3, t2);
+  }
+  function z(e3, t2) {
+    F("onCustomAttrWidget", e3, t2);
+  }
+  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(), _(t4, S.pageDesign), void l2.items.splice(i3, 0, t4);
+        }
+      }
+    }
+  }
+  return (e3, t2) => {
+    const i2 = n("el-collapse-item"), l2 = n("el-collapse");
+    return s(), o(l2, { modelValue: T.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => T.value = e4), style: m(A.value), class: u([U.value, "amb-design-item-default"]) }, { default: a(() => [(s(true), r(c, null, g(e3.configure.items, (t3, l3) => (s(), o(i2, { name: t3.index }, { title: a(() => [p("div", { style: m([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: a(() => [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: a(() => [(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;
+      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 {
+  C as default
+};

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

@@ -0,0 +1,12 @@
+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.mjs";
+const m = e({ __name: "container-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(e2) {
+  const m2 = o(["base"]);
+  return (o2, c) => {
+    const d = a("el-collapse"), p = a("el-form");
+    return t(), l(p, { "label-width": "80px", size: "small" }, { default: r(() => [u(d, { modelValue: m2.value, "onUpdate:modelValue": c[0] || (c[0] = (e3) => m2.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+export {
+  m as default
+};

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

@@ -0,0 +1,4 @@
+import a from "./container-attr-advanced.vue.mjs";
+export {
+  a as default
+};

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

@@ -0,0 +1,13 @@
+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.mjs";
+import m from "../../common/common-function-code.vue.mjs";
+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"), _ = o("el-input"), x = o("el-checkbox"), b = o("el-collapse-item"), h = o("el-collapse"), y = o("el-form");
+    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(b, { 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(_, { 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(_, { 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(x, { 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)])), _: 1, __: [7] }, 8, ["modelValue"])]), default: a(() => [i(_, { 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)])), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 }), i(V, { style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { label: a(() => [i(x, { 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)])), _: 1, __: [9] }, 8, ["modelValue"])]), default: a(() => [i(_, { 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)])), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 })])]), _: 1 }), i(n, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+export {
+  f as default
+};

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

@@ -0,0 +1,4 @@
+import t from "./container-attr-base.vue.mjs";
+export {
+  t as default
+};

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

@@ -0,0 +1,18 @@
+import { defineComponent as o, ref as e, resolveComponent as m, createBlock as n, openBlock as r, withCtx as u, createVNode as c } from "vue";
+import l from "../../common/common-style-font.vue.mjs";
+import t from "../../common/common-style-background.vue.mjs";
+import i from "../../common/common-style-custom.vue.mjs";
+import f from "../../common/common-style-margin.vue.mjs";
+import s from "../../common/common-style-border.vue.mjs";
+import g from "../../common/common-style-shadow.vue.mjs";
+import a from "../../common/common-style-position.vue.mjs";
+const p = o({ __name: "container-attr-style", props: { configure: Object }, setup(o2) {
+  const p2 = e(["styleFont"]);
+  return (e2, d) => {
+    const v = m("el-collapse"), y = m("el-form");
+    return r(), n(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 {
+  p as default
+};

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

@@ -0,0 +1,4 @@
+import t from "./container-attr-style.vue.mjs";
+export {
+  t as default
+};

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

@@ -0,0 +1,4 @@
+import t from "./container-attr.vue2.mjs";
+export {
+  t as default
+};

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

@@ -0,0 +1,25 @@
+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.mjs";
+import p from "./container-attr-style.vue.mjs";
+import y from "../../common-attr-events.vue.mjs";
+import j from "./container-attr-advanced.vue.mjs";
+const k = { class: "amb-design-attr-content" }, C = { class: "amb-design-attr-header" }, h = { class: "amb-design-attr-header-type" }, _ = { class: "amb-design-attr-list" }, x = e({ __name: "container-attr", props: { configure: { type: Object, default: {} } }, setup(e2) {
+  const x2 = e2;
+  null == x2.configure.props && (x2.configure.props = {});
+  let L = n("base");
+  null == x2.configure.events && (x2.configure.events = []);
+  const O = n(0);
+  function q() {
+    const e3 = x2.configure.events;
+    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 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(" 事件 ", -1)), 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 {
+  x as default
+};

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

@@ -0,0 +1,4 @@
+import e from "./container-design.vue2.mjs";
+export {
+  e as default
+};

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

@@ -0,0 +1,74 @@
+import { defineComponent as e, ref as t, watch as i, computed as n, resolveComponent as l, createBlock as o, openBlock as s, withCtx as g, createCommentVNode as u, createVNode as r, unref as a, normalizeStyle as c, createElementBlock as d, Fragment as f, renderList as m, normalizeClass as p, reactive as h } from "vue";
+import { VueDraggable as b } from "vue-draggable-plus";
+import O from "../../object-design.vue.mjs";
+import { deepCopy as W, getUuidv4 as y } from "../../../../utils/common-util.mjs";
+import { caculateComponentStyle as x } from "../../../../utils/container-design-util.mjs";
+import "element-plus";
+import { copyHandleEvents as A, deleteDesignItem as v } from "../../../../utils/page-design-util.mjs";
+const j = e({ __name: "container-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: j2 }) {
+  const D = e2;
+  D.configure.runtime || (D.configure.runtime = {}), null == D.configure.props && (D.configure.props = {}), D.configure.items || (D.configure.items = []), D.configure.leftAslides || (D.configure.leftAslides = []), D.configure.rightAslides || (D.configure.rightAslides = []);
+  const k = t({}), V = t({});
+  S(), i(D.configure.props, () => {
+    S();
+  });
+  const C = n(() => [...D.configure.items]);
+  function S() {
+    const e3 = D.configure.props;
+    e3.useLeft && (k.value.width = (e3.leftWidth ? e3.leftWidth : "200") + "px"), e3.useRight && (V.value.width = (e3.rightWidth ? e3.rightWidth : "200") + "px"), D.configure.runtime.leftStyle = k.value, D.configure.runtime.rightStyle = V.value;
+  }
+  i(C, (e3, t2) => {
+    e3.length > t2.length && F(D.indexObj.index, e3[e3.length - 1]);
+  }, { important: true, deep: true });
+  const _ = t({}), U = t(""), w = t({});
+  function L() {
+    x(D.configure, _, U, w), D.configure.runtime.style = _.value, D.configure.runtime.class = U.value, D.configure.runtime.headerStyle = w.value;
+  }
+  L(), i(D.configure.style, () => {
+    L();
+  });
+  const R = j2;
+  function F(e3, t2) {
+    R("onSelectWidget", e3, t2);
+  }
+  function q(e3, t2) {
+    R("onCustomAttrWidget", e3, t2);
+  }
+  function z(e3) {
+    G(e3, "left");
+  }
+  function B(e3) {
+    G(e3, "right");
+  }
+  function E(e3) {
+    G(e3, "main");
+  }
+  function G(e3, t2) {
+    let i2 = D.configure.items;
+    "left" == t2 ? i2 = D.configure.leftAslides : "right" == t2 ? i2 = D.configure.rightAslides : "header" == t2 && (i2 = D.configure.headers);
+    const n2 = i2.indexOf(e3);
+    if (-1 == n2) return void alert("无可复制对象!");
+    const l2 = h(W(e3));
+    l2.uuid = y(), A(l2, D.pageDesign), i2.splice(n2, 0, l2);
+  }
+  function H(e3) {
+    K(e3, "left");
+  }
+  function I(e3) {
+    K(e3, "right");
+  }
+  function J(e3) {
+    K(e3, "main");
+  }
+  function K(e3, t2) {
+    let i2 = D.configure.items;
+    "left" == t2 ? i2 = D.configure.leftAslides : "right" == t2 ? i2 = D.configure.rightAslides : "header" == t2 && (i2 = D.configure.headers), v(i2, e3, e3.items && e3.items.length > 0, true);
+  }
+  return (e3, t2) => {
+    const i2 = l("el-container");
+    return s(), o(i2, { style: { padding: "0px" } }, { default: g(() => [e3.configure.props.useLeft ? (s(), o(a(b), { key: 0, tag: "aside", class: "el-aside amb-design-item-default", style: c([{ "padding-bottom": "40px" }, k.value]), group: { name: "amb-assembly-item", put: true }, "force-fallback": true, modelValue: e3.configure.leftAslides, "onUpdate:modelValue": t2[0] || (t2[0] = (t3) => e3.configure.leftAslides = t3), sort: true, animation: 300, "ghost-class": "amb-item-ghost", "fallback-class": true }, { default: g(() => [(s(true), d(f, null, m(e3.configure.leftAslides, (t3, i3) => (s(), o(O, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: F, onOnCustomAttrWidget: q, onOnCopy: z, onOnDelete: H }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))]), _: 1 }, 8, ["style", "modelValue"])) : u("", true), r(a(b), { tag: "main", class: p(["el-main amb-design-item-default", U.value]), style: c([{ padding: "0px", "padding-bottom": "40px" }, _.value]), group: { name: "amb-assembly-item", put: true }, "force-fallback": true, modelValue: e3.configure.items, "onUpdate:modelValue": t2[1] || (t2[1] = (t3) => e3.configure.items = t3), sort: true, filter: ".el-scrollbar__bar", preventOnFilter: false, animation: 300, "ghost-class": "amb-item-ghost", "fallback-class": true, onUpdate: void 0 }, { default: g(() => [(s(true), d(f, null, m(e3.configure.items, (t3, i3) => (s(), o(O, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: F, onOnCustomAttrWidget: q, onOnCopy: E, onOnDelete: J }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))]), _: 1 }, 8, ["modelValue", "style", "class", "onUpdate"]), e3.configure.props.useRight ? (s(), o(a(b), { key: 1, tag: "aside", class: "el-aside amb-design-item-default", style: c([{ "padding-bottom": "40px" }, V.value]), group: { name: "amb-assembly-item", put: true }, "force-fallback": true, modelValue: e3.configure.rightAslides, "onUpdate:modelValue": t2[2] || (t2[2] = (t3) => e3.configure.rightAslides = t3), sort: true, animation: 300, "ghost-class": "amb-item-ghost", "fallback-class": true }, { default: g(() => [(s(true), d(f, null, m(e3.configure.rightAslides, (t3, i3) => (s(), o(O, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: F, onOnCustomAttrWidget: q, onOnCopy: B, onOnDelete: I }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))]), _: 1 }, 8, ["style", "modelValue"])) : u("", true)]), _: 1 });
+  };
+} });
+export {
+  j as default
+};

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

@@ -0,0 +1,12 @@
+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.mjs";
+const m = e({ __name: "flex-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(e2) {
+  const m2 = o(["base"]);
+  return (o2, c) => {
+    const d = l("el-collapse"), p = l("el-form");
+    return t(), a(p, { "label-width": "80px", size: "small" }, { default: r(() => [u(d, { modelValue: m2.value, "onUpdate:modelValue": c[0] || (c[0] = (e3) => m2.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+export {
+  m as default
+};

package/dist/es/components/design/views/assemblys/container/flex/flex-attr-advanced.vue2.mjs

@@ -0,0 +1,4 @@
+import a from "./flex-attr-advanced.vue.mjs";
+export {
+  a as default
+};