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

package/dist/lib/components/design/views/assemblys/container/collapse/collapse-attr-base.vue.cjs

@@ -0,0 +1,48 @@
+"use strict";
+const e = require("vue"), t = require("@element-plus/icons-vue"), o = require("../../common/common-attr-size.vue.cjs"), l = require("../../common/common-icon-bind.vue.cjs"), n = require("../../common/common-function-code.vue.cjs"), i = require("../../common/common-i18n-key-input.vue.cjs"), r = { style: { padding: "8px 0px 0px 0px" } }, a = { style: { padding: "8px 0px 0px 0px" }, ref: "panels" }, c = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, u = e.defineComponent({ __name: "collapse-attr-base", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: () => {
+} } }, emits: [], setup(u2, { emit: d }) {
+  const p = u2;
+  e.ref([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]);
+  const s = e.ref(["1", "2", "attrSize"]);
+  return (d2, m) => {
+    const f = e.resolveComponent("el-text"), g = e.resolveComponent("el-form-item"), x = e.resolveComponent("el-input"), V = e.resolveComponent("el-collapse-item"), C = e.resolveComponent("el-icon"), h = e.resolveComponent("el-table-column"), w = e.resolveComponent("el-table"), b = e.resolveComponent("el-switch"), N = e.resolveComponent("el-option"), v = e.resolveComponent("el-select"), y = e.resolveComponent("el-collapse"), _ = e.resolveComponent("el-form");
+    return e.openBlock(), e.createBlock(_, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(y, { modelValue: s.value, "onUpdate:modelValue": m[4] || (m[4] = (e2) => s.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.createVNode(V, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", r, [e.createVNode(g, { label: "组件类型" }, { default: e.withCtx(() => [e.createVNode(f, null, { default: e.withCtx(() => [e.createTextVNode(e.toDisplayString(u2.configure.label) + "(" + e.toDisplayString(u2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), e.createVNode(g, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(x, { modelValue: u2.configure.uuid, "onUpdate:modelValue": m[0] || (m[0] = (e2) => u2.configure.uuid = e2), readonly: "", title: u2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), e.createVNode(g, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(x, { modelValue: u2.configure.code, "onUpdate:modelValue": m[1] || (m[1] = (e2) => u2.configure.code = e2), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(g, { label: "绑定权限", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: e.withCtx(() => [e.createVNode(n, { configure: u2.configure }, null, 8, ["configure"])]), _: 1 })])]), _: 1 }), e.createVNode(V, { title: "面板列表", name: "2", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", a, [e.createVNode(w, { data: u2.configure.items, border: "", style: { width: "100%" }, class: "panelTable" }, { default: e.withCtx(() => [e.createVNode(h, { label: "", width: "32" }, { default: e.withCtx((o2) => [e.createElementVNode("div", c, [e.createVNode(C, { size: "14", style: { cursor: "pointer" }, onClick: (e2) => function(e3) {
+      let t2 = -1;
+      const o3 = p.configure.items.length;
+      for (let l3 = 0; l3 < o3; l3++) if (p.configure.items[l3].index == e3.index) {
+        t2 = l3;
+        break;
+      }
+      if (t2 < 1) return;
+      const l2 = p.configure.items;
+      [l2[t2 - 1], l2[t2]] = [l2[t2], l2[t2 - 1]];
+    }(o2.row) }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Top))]), _: 2 }, 1032, ["onClick"]), e.createVNode(C, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (e2) => function(e3) {
+      let t2 = -1;
+      const o3 = p.configure.items.length;
+      for (let l3 = 0; l3 < o3; l3++) if (p.configure.items[l3].index == e3.index) {
+        t2 = l3;
+        break;
+      }
+      if (-1 == t2 || p.configure.items.length == t2 + 1) return;
+      const l2 = p.configure.items;
+      [l2[t2], l2[t2 + 1]] = [l2[t2 + 1], l2[t2]];
+    }(o2.row) }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Bottom))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), e.createVNode(h, { prop: "label", label: "标题", width: "110" }, { default: e.withCtx((t2) => [e.createVNode(i, { modelValue: t2.row.label, "onUpdate:modelValue": (e2) => t2.row.label = e2 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), e.createVNode(h, { label: "图标", width: "70" }, { default: e.withCtx((t2) => [e.createVNode(l, { iconType: t2.row.iconType, iconValue: t2.row.iconValue, "onUpdate:modelValue": (e2, o2) => function(e3, t3, o3) {
+      e3.iconType = t3, e3.iconValue = o3;
+    }(t2.row, e2, o2) }, null, 8, ["iconType", "iconValue", "onUpdate:modelValue"])]), _: 1 }), e.createVNode(h, { label: "操作", width: "90" }, { default: e.withCtx((o2) => [e.createVNode(C, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (e2) => function(e3) {
+      let t2 = -1, o3 = -1;
+      p.configure.items.find((l2, n2) => {
+        l2.index == e3.index && (o3 = n2), l2.index > t2 && (t2 = l2.index);
+      }), o3 > -1 && p.configure.items.splice(o3 + 1, 0, { label: "Panel", index: t2 + 1, items: [] });
+    }(o2.row) }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Plus))]), _: 2 }, 1032, ["onClick"]), e.createVNode(C, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (e2) => function(e3) {
+      if (1 == p.configure.items.length) return void alert("必须保留一个Panel!");
+      if (!confirm("确定要删除吗?")) return;
+      let t2 = -1;
+      for (let o3 in p.configure.items) if (p.configure.items[o3].index == e3.index) {
+        t2 = o3;
+        break;
+      }
+      t2 > -1 && p.configure.items.splice(t2, 1);
+    }(o2.row) }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Delete))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), e.createVNode(g, { label: "手风琴", style: { "margin-top": "10px" } }, { default: e.withCtx(() => [e.createVNode(b, { modelValue: u2.configure.props.accordion, "onUpdate:modelValue": m[2] || (m[2] = (e2) => u2.configure.props.accordion = e2) }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(g, { label: "默认打开", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: e.withCtx(() => [e.createVNode(v, { modelValue: u2.configure.props.defaultOpens, "onUpdate:modelValue": m[3] || (m[3] = (e2) => u2.configure.props.defaultOpens = e2), placeholder: "默认", multiple: "true", "collapse-tags": "true", clearable: "" }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(u2.configure.items, (t2) => (e.openBlock(), e.createBlock(N, { label: t2.label, value: t2.index }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 })], 512)]), _: 1 }), e.createVNode(o, { size: u2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = u;

package/dist/lib/components/design/views/assemblys/container/collapse/collapse-attr-base.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./collapse-attr-base.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/collapse/collapse-attr-style.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), o = require("../../common/common-style-font-head.vue.cjs"), n = require("../../common/common-style-custom.vue.cjs"), r = require("../../common/common-style-margin.vue.cjs"), c = require("../../common/common-style-border.vue.cjs"), u = require("../../common/common-style-position.vue.cjs"), l = require("../../common/common-style-shadow.vue.cjs"), t = e.defineComponent({ __name: "collapse-attr-style", props: { configure: Object }, setup(t2) {
+  const m = e.ref(["styleFontHead"]);
+  return (i, s) => {
+    const a = e.resolveComponent("el-collapse"), f = e.resolveComponent("el-form");
+    return e.openBlock(), e.createBlock(f, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(a, { modelValue: m.value, "onUpdate:modelValue": s[0] || (s[0] = (e2) => m.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.createVNode(o, { configure: t2.configure }, null, 8, ["configure"]), e.createVNode(r, { configure: t2.configure }, null, 8, ["configure"]), e.createVNode(c, { configure: t2.configure }, null, 8, ["configure"]), e.createVNode(l, { configure: t2.configure }, null, 8, ["configure"]), e.createVNode(u, { configure: t2.configure }, null, 8, ["configure"]), e.createVNode(n, { configure: t2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = t;

package/dist/lib/components/design/views/assemblys/container/collapse/collapse-attr-style.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./collapse-attr-style.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/collapse/collapse-attr.vue.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./collapse-attr.vue2.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/collapse/collapse-attr.vue2.cjs

@@ -0,0 +1,19 @@
+"use strict";
+const e = require("vue"), t = require("./collapse-attr-base.vue.cjs"), n = require("./collapse-attr-style.vue.cjs"), a = require("../../common-attr-events.vue.cjs"), l = require("./collapse-attr-advanced.vue.cjs"), c = { class: "amb-design-attr-content" }, s = { class: "amb-design-attr-header" }, r = { class: "amb-design-attr-header-type" }, o = { class: "amb-design-attr-list" }, i = e.defineComponent({ __name: "collapse-attr", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: () => {
+} } }, emits: [], setup(i2, { emit: u }) {
+  const d = i2;
+  let v = e.ref("base");
+  null == d.configure.events && (d.configure.events = []);
+  const f = e.ref(0);
+  function g() {
+    const e2 = d.configure.events;
+    for (let t2 = 0; t2 < e2.length; t2++) e2[t2].selLogicCode && f.value++;
+  }
+  return g(), e.watch(d.configure.events, (e2) => {
+    g();
+  }), (u2, d2) => {
+    const g2 = e.resolveComponent("el-badge");
+    return e.openBlock(), e.createElementBlock("div", c, [e.createElementVNode("div", s, [e.createElementVNode("div", r, [e.createElementVNode("label", { class: e.normalizeClass({ selected: "base" == e.unref(v) }), onClick: d2[0] || (d2[0] = (t2) => e.isRef(v) ? v.value = "base" : v = "base") }, "属性", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "style" == e.unref(v) }), onClick: d2[1] || (d2[1] = (t2) => e.isRef(v) ? v.value = "style" : v = "style") }, "样式", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "event" == e.unref(v) }), onClick: d2[2] || (d2[2] = (t2) => e.isRef(v) ? v.value = "event" : v = "event") }, [d2[4] || (d2[4] = e.createTextVNode(" 事件 ", -1)), f.value > 0 ? (e.openBlock(), e.createBlock(g2, { key: 0, value: f.value }, null, 8, ["value"])) : e.createCommentVNode("", true)], 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "advanced" == e.unref(v) }), onClick: d2[3] || (d2[3] = (t2) => e.isRef(v) ? v.value = "advanced" : v = "advanced") }, "高级", 2)])]), e.createElementVNode("div", o, [e.withDirectives(e.createVNode(t, { configure: i2.configure, pageDesign: i2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[e.vShow, "base" == e.unref(v)]]), e.withDirectives(e.createVNode(n, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "style" == e.unref(v)]]), e.withDirectives(e.createVNode(a, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "event" == e.unref(v)]]), e.withDirectives(e.createVNode(l, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "advanced" == e.unref(v)]])])]);
+  };
+} });
+module.exports = i;

package/dist/lib/components/design/views/assemblys/container/collapse/collapse-design.vue.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./collapse-design.vue2.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/collapse/collapse-design.vue2.cjs

@@ -0,0 +1,53 @@
+"use strict";
+const e = require("vue"), t = require("vue-draggable-plus"), n = require("../../object-design.vue.cjs"), i = require("agilebuilder-ui"), l = require("../../../../utils/common-util.cjs"), o = require("../../../../utils/container-design-util.cjs");
+require("element-plus");
+const s = require("../../../../utils/page-design-util.cjs"), a = e.defineComponent({ __name: "collapse-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(a2, { emit: c }) {
+  const r = a2;
+  r.configure.items || (r.configure.items = [{ label: "Panel", index: 1, items: [] }, { label: "Panel", items: [], index: 2 }]);
+  const u = e.ref(1);
+  r.configure.runtime || (r.configure.runtime = {});
+  const m = e.ref({}), d = e.ref(""), g = e.ref({});
+  f(), e.watch(r.configure.style, () => {
+    f();
+  });
+  const p = e.computed(() => [...r.configure.items]);
+  function f() {
+    o.caculateComponentStyle(r.configure, m, d, g), r.configure.runtime.style = m.value, r.configure.runtime.class = d.value, r.configure.runtime.headerStyle = g.value;
+  }
+  e.watch(p, (e2, t2) => {
+    e2.forEach((e3) => {
+      t2.forEach((t3) => {
+        e3.items.length > t3.items.length && y(r.indexObj.index, e3.items[e3.items.length - 1]);
+      });
+    });
+  }, { important: true, deep: true });
+  const b = c;
+  function y(e2, t2) {
+    b("onSelectWidget", e2, t2);
+  }
+  function v(e2, t2) {
+    b("onCustomAttrWidget", e2, t2);
+  }
+  function h(t2) {
+    let n2 = r.configure.items;
+    for (let i2 = 0; i2 < n2.length; i2++) {
+      let o2 = n2[i2];
+      if (o2.items) for (let n3 = 0; n3 < o2.items.length; n3++) {
+        o2.items[n3];
+        const i3 = o2.items.indexOf(t2);
+        if (i3 > -1) {
+          const n4 = e.reactive(l.deepCopy(t2));
+          return n4.uuid = l.getUuidv4(), s.copyHandleEvents(n4, r.pageDesign), void o2.items.splice(i3, 0, n4);
+        }
+      }
+    }
+  }
+  return (l2, o2) => {
+    const a3 = e.resolveComponent("el-collapse-item"), c2 = e.resolveComponent("el-collapse");
+    return e.openBlock(), e.createBlock(c2, { modelValue: u.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => u.value = e2), style: e.normalizeStyle(m.value), class: e.normalizeClass([d.value, "amb-design-item-default"]) }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(l2.configure.items, (o3, c3) => (e.openBlock(), e.createBlock(a3, { name: o3.index }, { title: e.withCtx(() => [e.createElementVNode("div", { style: e.normalizeStyle([g.value, { width: "100%" }]) }, [o3.iconType && o3.iconValue ? (e.openBlock(), e.createBlock(e.unref(i.SuperIcon), { key: 0, iconType: o3.iconType, iconValue: o3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : e.createCommentVNode("", true), e.createTextVNode(" " + e.toDisplayString(o3.label), 1)], 4)]), default: e.withCtx(() => [e.createVNode(e.unref(t.VueDraggable), { tag: "div", class: "amb-design-item-default", style: { "padding-bottom": "40px" }, group: "amb-assembly-item", "force-fallback": true, modelValue: o3.items, "onUpdate:modelValue": (e2) => o3.items = e2, sort: true, animation: 300, "ghost-class": "amb-item-ghost", "fallback-class": true, filter: ".el-scrollbar__bar", preventOnFilter: false }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(o3.items, (t2, i2) => (e.openBlock(), e.createBlock(n, { key: t2.uuid, configure: t2, pageDesign: l2.pageDesign, selectWidget: l2.selectWidget, indexObj: l2.indexObj, onOnSelectWidget: y, onOnCustomAttrWidget: v, onOnCopy: h, onOnDelete: (e2) => function(e3, t3) {
+      let n2 = e3.items;
+      s.deleteDesignItem(n2, t3, t3.items && t3.items.length > 0, true);
+    }(o3, e2) }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj", "onOnDelete"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1032, ["name"]))), 256))]), _: 1 }, 8, ["modelValue", "style", "class"]);
+  };
+} });
+module.exports = a;

package/dist/lib/components/design/views/assemblys/container/container/container-attr-advanced.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), o = require("../../common/common-advanced-basic.vue.cjs"), t = e.defineComponent({ __name: "container-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(t2) {
+  const r = e.ref(["base"]);
+  return (l, n) => {
+    const a = e.resolveComponent("el-collapse"), u = e.resolveComponent("el-form");
+    return e.openBlock(), e.createBlock(u, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(a, { modelValue: r.value, "onUpdate:modelValue": n[0] || (n[0] = (e2) => r.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.createVNode(o, { configure: t2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = t;

package/dist/lib/components/design/views/assemblys/container/container/container-attr-advanced.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./container-attr-advanced.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/container/container-attr-base.vue.cjs

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

package/dist/lib/components/design/views/assemblys/container/container/container-attr-base.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./container-attr-base.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/container/container-attr-style.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), o = require("../../common/common-style-font.vue.cjs"), n = require("../../common/common-style-background.vue.cjs"), r = require("../../common/common-style-custom.vue.cjs"), c = require("../../common/common-style-margin.vue.cjs"), u = require("../../common/common-style-border.vue.cjs"), t = require("../../common/common-style-shadow.vue.cjs"), l = require("../../common/common-style-position.vue.cjs"), i = e.defineComponent({ __name: "container-attr-style", props: { configure: Object }, setup(i2) {
+  const m = e.ref(["styleFont"]);
+  return (s, f) => {
+    const a = e.resolveComponent("el-collapse"), g = e.resolveComponent("el-form");
+    return e.openBlock(), e.createBlock(g, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(a, { modelValue: m.value, "onUpdate:modelValue": f[0] || (f[0] = (e2) => m.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.createVNode(o, { configure: i2.configure }, null, 8, ["configure"]), e.createVNode(n, { configure: i2.configure }, null, 8, ["configure"]), e.createVNode(c, { configure: i2.configure }, null, 8, ["configure"]), e.createVNode(u, { configure: i2.configure }, null, 8, ["configure"]), e.createVNode(t, { configure: i2.configure }, null, 8, ["configure"]), e.createVNode(l, { configure: i2.configure }, null, 8, ["configure"]), e.createVNode(r, { configure: i2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = i;

package/dist/lib/components/design/views/assemblys/container/container/container-attr-style.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./container-attr-style.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/container/container-attr.vue.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./container-attr.vue2.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/container/container-attr.vue2.cjs

@@ -0,0 +1,19 @@
+"use strict";
+const e = require("vue"), n = require("./container-attr-base.vue.cjs"), t = require("./container-attr-style.vue.cjs"), r = require("../../common-attr-events.vue.cjs"), a = require("./container-attr-advanced.vue.cjs"), c = { class: "amb-design-attr-content" }, l = { class: "amb-design-attr-header" }, o = { class: "amb-design-attr-header-type" }, s = { class: "amb-design-attr-list" }, i = e.defineComponent({ __name: "container-attr", props: { configure: { type: Object, default: {} } }, setup(i2) {
+  const u = i2;
+  null == u.configure.props && (u.configure.props = {});
+  let d = e.ref("base");
+  null == u.configure.events && (u.configure.events = []);
+  const v = e.ref(0);
+  function f() {
+    const e2 = u.configure.events;
+    for (let n2 = 0; n2 < e2.length; n2++) e2[n2].selLogicCode && v.value++;
+  }
+  return f(), e.watch(u.configure.events, (e2) => {
+    f();
+  }), (u2, f2) => {
+    const g = e.resolveComponent("el-badge");
+    return e.openBlock(), e.createElementBlock("div", c, [e.createElementVNode("div", l, [e.createElementVNode("div", o, [e.createElementVNode("label", { class: e.normalizeClass({ selected: "base" == e.unref(d) }), onClick: f2[0] || (f2[0] = (n2) => e.isRef(d) ? d.value = "base" : d = "base") }, "属性", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "style" == e.unref(d) }), onClick: f2[1] || (f2[1] = (n2) => e.isRef(d) ? d.value = "style" : d = "style") }, "样式", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "event" == e.unref(d) }), onClick: f2[2] || (f2[2] = (n2) => e.isRef(d) ? d.value = "event" : d = "event") }, [f2[4] || (f2[4] = e.createTextVNode(" 事件 ", -1)), v.value > 0 ? (e.openBlock(), e.createBlock(g, { key: 0, value: v.value }, null, 8, ["value"])) : e.createCommentVNode("", true)], 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "advanced" == e.unref(d) }), onClick: f2[3] || (f2[3] = (n2) => e.isRef(d) ? d.value = "advanced" : d = "advanced") }, "高级", 2)])]), e.createElementVNode("div", s, [e.withDirectives(e.createVNode(n, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "base" == e.unref(d)]]), e.withDirectives(e.createVNode(t, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "style" == e.unref(d)]]), e.withDirectives(e.createVNode(r, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "event" == e.unref(d)]]), e.withDirectives(e.createVNode(a, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "advanced" == e.unref(d)]])])]);
+  };
+} });
+module.exports = i;

package/dist/lib/components/design/views/assemblys/container/container/container-design.vue.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./container-design.vue2.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/container/container-design.vue2.cjs

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

package/dist/lib/components/design/views/assemblys/container/flex/flex-attr-advanced.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), o = require("../../common/common-advanced-basic.vue.cjs"), t = e.defineComponent({ __name: "flex-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(t2) {
+  const l = e.ref(["base"]);
+  return (r, n) => {
+    const a = e.resolveComponent("el-collapse"), u = e.resolveComponent("el-form");
+    return e.openBlock(), e.createBlock(u, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(a, { modelValue: l.value, "onUpdate:modelValue": n[0] || (n[0] = (e2) => l.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.createVNode(o, { configure: t2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = t;

package/dist/lib/components/design/views/assemblys/container/flex/flex-attr-advanced.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./flex-attr-advanced.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/flex/flex-attr-base.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), l = require("../../common/common-attr-size.vue.cjs"), t = require("../../common/common-function-code.vue.cjs"), a = { style: { padding: "8px 0px 0px 0px" } }, o = e.defineComponent({ __name: "flex-attr-base", props: { configure: { type: Object, default: {} } }, setup(o2) {
+  const r = e.ref([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]), d = e.ref(["1", "attrSize"]);
+  return (u, n) => {
+    const c = e.resolveComponent("el-text"), i = e.resolveComponent("el-form-item"), s = e.resolveComponent("el-input"), m = e.resolveComponent("el-option"), p = e.resolveComponent("el-select"), f = e.resolveComponent("el-collapse-item"), V = e.resolveComponent("el-collapse"), g = e.resolveComponent("el-form");
+    return e.openBlock(), e.createBlock(g, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(V, { modelValue: d.value, "onUpdate:modelValue": n[5] || (n[5] = (e2) => d.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.createVNode(f, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", a, [e.createVNode(i, { label: "组件类型", class: "amb-design-attr-item" }, { default: e.withCtx(() => [e.createVNode(c, null, { default: e.withCtx(() => [e.createTextVNode(e.toDisplayString(o2.configure.label) + "(" + e.toDisplayString(o2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), e.createVNode(i, { label: "唯一编码", class: "amb-design-attr-item" }, { default: e.withCtx(() => [e.createVNode(s, { modelValue: o2.configure.uuid, "onUpdate:modelValue": n[0] || (n[0] = (e2) => o2.configure.uuid = e2), readonly: "", title: o2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), e.createVNode(i, { label: "自定义编码", class: "amb-design-attr-item" }, { default: e.withCtx(() => [e.createVNode(s, { modelValue: o2.configure.code, "onUpdate:modelValue": n[1] || (n[1] = (e2) => o2.configure.code = e2), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(i, { label: "绑定权限", class: "amb-design-attr-item" }, { default: e.withCtx(() => [e.createVNode(t, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }), e.createVNode(i, { label: "水平对齐", class: "amb-design-attr-item" }, { default: e.withCtx(() => [e.createVNode(p, { modelValue: o2.configure.props.flexJustify, "onUpdate:modelValue": n[2] || (n[2] = (e2) => o2.configure.props.flexJustify = e2), placeholder: "默认", clearable: "" }, { default: e.withCtx(() => [e.createVNode(m, { label: "左", value: "start" }), e.createVNode(m, { label: "中", value: "center" }), e.createVNode(m, { label: "右", value: "end" }), e.createVNode(m, { label: "中间间距相等", value: "space-between" }), e.createVNode(m, { label: "两侧间距相等", value: "space-around" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e.createVNode(i, { label: "垂直对齐", class: "amb-design-attr-item" }, { default: e.withCtx(() => [e.createVNode(p, { modelValue: o2.configure.props.alignItems, "onUpdate:modelValue": n[3] || (n[3] = (e2) => o2.configure.props.alignItems = e2), placeholder: "默认", clearable: "" }, { default: e.withCtx(() => [e.createVNode(m, { label: "顶部", value: "top" }), e.createVNode(m, { label: "居中", value: "middle" }), e.createVNode(m, { label: "底部", value: "bottom" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e.createVNode(i, { label: "分栏间隔", style: { "margin-bottom": "-10px" } }, { default: e.withCtx(() => [e.createVNode(p, { modelValue: o2.configure.props.flexGutter, "onUpdate:modelValue": n[4] || (n[4] = (e2) => o2.configure.props.flexGutter = e2), placeholder: "默认", clearable: "" }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(r.value, (l2) => (e.openBlock(), e.createBlock(m, { label: l2, value: l2 }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), e.createVNode(l, { size: o2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = o;

package/dist/lib/components/design/views/assemblys/container/flex/flex-attr-base.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./flex-attr-base.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/flex/flex-attr-style.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), o = require("../../common/common-style-font.vue.cjs"), n = require("../../common/common-style-padding.vue.cjs"), r = require("../../common/common-style-background.vue.cjs"), c = require("../../common/common-style-custom.vue.cjs"), u = require("../../common/common-style-margin.vue.cjs"), l = require("../../common/common-style-border.vue.cjs"), t = require("../../common/common-style-shadow.vue.cjs"), i = require("../../common/common-style-position.vue.cjs"), m = e.defineComponent({ __name: "flex-attr-style", props: { configure: Object }, setup(m2) {
+  const s = e.ref(["styleFont"]);
+  return (f, g) => {
+    const a = e.resolveComponent("el-collapse"), d = e.resolveComponent("el-form");
+    return e.openBlock(), e.createBlock(d, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(a, { modelValue: s.value, "onUpdate:modelValue": g[0] || (g[0] = (e2) => s.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.createVNode(o, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(r, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(u, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(n, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(l, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(t, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(i, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(c, { configure: m2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = m;

package/dist/lib/components/design/views/assemblys/container/flex/flex-attr-style.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./flex-attr-style.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/flex/flex-attr.vue.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./flex-attr.vue2.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/flex/flex-attr.vue2.cjs

@@ -0,0 +1,18 @@
+"use strict";
+const e = require("vue"), t = require("./flex-attr-base.vue.cjs"), n = require("./flex-attr-style.vue.cjs"), l = require("../../common-attr-events.vue.cjs"), r = require("./flex-attr-advanced.vue.cjs"), a = { class: "amb-design-attr-content" }, c = { class: "amb-design-attr-header" }, s = { class: "amb-design-attr-header-type" }, o = { class: "amb-design-attr-list" }, i = e.defineComponent({ __name: "flex-attr", props: { configure: { type: Object, default: {} } }, emits: [], setup(i2, { emit: u }) {
+  const d = i2;
+  let v = e.ref("base");
+  null == d.configure.events && (d.configure.events = []);
+  const f = e.ref(0);
+  function m() {
+    const e2 = d.configure.events;
+    for (let t2 = 0; t2 < e2.length; t2++) e2[t2].selLogicCode && f.value++;
+  }
+  return m(), e.watch(d.configure.events, (e2) => {
+    m();
+  }), (u2, d2) => {
+    const m2 = e.resolveComponent("el-badge");
+    return e.openBlock(), e.createElementBlock("div", a, [e.createElementVNode("div", c, [e.createElementVNode("div", s, [e.createElementVNode("label", { class: e.normalizeClass({ selected: "base" == e.unref(v) }), onClick: d2[0] || (d2[0] = (t2) => e.isRef(v) ? v.value = "base" : v = "base") }, "属性", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "style" == e.unref(v) }), onClick: d2[1] || (d2[1] = (t2) => e.isRef(v) ? v.value = "style" : v = "style") }, "样式", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "event" == e.unref(v) }), onClick: d2[2] || (d2[2] = (t2) => e.isRef(v) ? v.value = "event" : v = "event") }, [d2[4] || (d2[4] = e.createTextVNode(" 事件 ", -1)), f.value > 0 ? (e.openBlock(), e.createBlock(m2, { key: 0, value: f.value }, null, 8, ["value"])) : e.createCommentVNode("", true)], 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "advanced" == e.unref(v) }), onClick: d2[3] || (d2[3] = (t2) => e.isRef(v) ? v.value = "advanced" : v = "advanced") }, "高级", 2)])]), e.createElementVNode("div", o, [e.withDirectives(e.createVNode(t, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "base" == e.unref(v)]]), e.withDirectives(e.createVNode(n, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "style" == e.unref(v)]]), e.withDirectives(e.createVNode(l, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "event" == e.unref(v)]]), e.withDirectives(e.createVNode(r, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "advanced" == e.unref(v)]])])]);
+  };
+} });
+module.exports = i;

package/dist/lib/components/design/views/assemblys/container/flex/flex-design.vue.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./flex-design.vue2.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/flex/flex-design.vue2.cjs

@@ -0,0 +1,57 @@
+"use strict";
+const e = require("vue"), t = require("vue-draggable-plus"), n = require("../../object-design.vue.cjs"), i = require("../../../../utils/common-util.cjs"), l = require("../../../../utils/container-design-util.cjs");
+require("element-plus");
+const o = require("../../../../utils/page-design-util.cjs"), r = e.defineComponent({ __name: "flex-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(r2, { emit: u }) {
+  const s = r2;
+  null == s.configure.props && (s.configure.props = {}), null == s.configure.style && (s.configure.style = {}), s.configure.props.isFlex = true, s.configure.items || (s.configure.items = []), s.configure.runtime || (s.configure.runtime = {});
+  const c = e.ref({}), g = e.ref(""), a = e.ref({});
+  function f() {
+    l.caculateComponentStyle(s.configure, c, g, null), m(), s.configure.runtime.style = c.value, s.configure.runtime.class = g.value;
+  }
+  function m() {
+    if (!a.value || !c.value) return;
+    const e2 = a.value.alignItems;
+    if (e2) {
+      let t2 = "center";
+      "top" === e2 ? t2 = "flex-start" : "bottom" === e2 && (t2 = "flex-end"), c.value["align-content"] = t2;
+    }
+  }
+  f(), e.watch(s.configure.style, () => {
+    f();
+  }), e.watch(s.configure.props, () => {
+    !function() {
+      let e2 = s.configure.props ? s.configure.props : {};
+      const t2 = {};
+      e2.flexJustify && (t2.flexJustify = e2.flexJustify), e2.alignItems && (t2.alignItems = e2.alignItems), e2.flexGutter && (t2.flexGutter = e2.flexGutter), a.value = t2;
+    }(), m(), s.configure.runtime.props = a.value;
+  }, { immediate: true });
+  const p = e.computed(() => [...s.configure.items]);
+  e.watch(p, (e2, t2) => {
+    e2.length > t2.length && v(s.indexObj.index, e2[e2.length - 1]);
+  }, { important: true, deep: true });
+  const d = e.ref(null);
+  t.useDraggable(d, s.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true });
+  const x = u;
+  function v(e2, t2) {
+    x("onSelectWidget", e2, t2);
+  }
+  function y(e2, t2) {
+    x("onCustomAttrWidget", e2, t2);
+  }
+  function b(t2) {
+    let n2 = s.configure.items;
+    const l2 = n2.indexOf(t2);
+    if (-1 == l2) return void alert("无可复制对象!");
+    const r3 = e.reactive(i.deepCopy(t2));
+    r3.uuid = i.getUuidv4(), o.copyHandleEvents(r3, s.pageDesign), n2.splice(l2, 0, r3);
+  }
+  function h(e2) {
+    let t2 = s.configure.items;
+    o.deleteDesignItem(t2, e2, e2.items && e2.items.length > 0, true);
+  }
+  return (t2, i2) => {
+    const l2 = e.resolveComponent("el-row");
+    return e.openBlock(), e.createBlock(l2, { title: "flex", ref_key: "ambDragParent", ref: d, style: e.normalizeStyle([{ "min-height": "40px", "padding-bottom": "20px" }, c.value]), justify: a.value.flexJustify, align: a.value.alignItems, class: e.normalizeClass([g.value, "amb-design-item-default"]) }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(t2.configure.items, (i3, l3) => (e.openBlock(), e.createBlock(n, { key: i3, pageDesign: t2.pageDesign, configure: i3, selectWidget: t2.selectWidget, indexObj: t2.indexObj, onOnSelectWidget: v, onOnCustomAttrWidget: y, onOnCopy: b, onOnDelete: h }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))]), _: 1 }, 8, ["justify", "align", "style", "class"]);
+  };
+} });
+module.exports = r;

package/dist/lib/components/design/views/assemblys/container/form/form-attr-advanced.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), o = require("../../common/common-advanced-basic.vue.cjs"), t = e.defineComponent({ __name: "form-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(t2) {
+  const r = e.ref(["base"]);
+  return (l, n) => {
+    const a = e.resolveComponent("el-collapse"), u = e.resolveComponent("el-form");
+    return e.openBlock(), e.createBlock(u, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(a, { modelValue: r.value, "onUpdate:modelValue": n[0] || (n[0] = (e2) => r.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.createVNode(o, { configure: t2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = t;

package/dist/lib/components/design/views/assemblys/container/form/form-attr-advanced.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./form-attr-advanced.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/form/form-attr-base.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), t = require("../../common/common-attr-size.vue.cjs"), o = require("../../common/common-function-code.vue.cjs"), l = { style: { padding: "8px 0px 0px 0px" } }, a = e.defineComponent({ __name: "form-attr-base", props: { configure: { type: Object, required: true } }, setup(a2) {
+  const r = e.ref(["1", "attrSize"]);
+  return (d, u) => {
+    const i = e.resolveComponent("el-text"), n = e.resolveComponent("el-form-item"), c = e.resolveComponent("el-input"), p = e.resolveComponent("el-radio-button"), m = e.resolveComponent("el-radio-group"), s = e.resolveComponent("el-switch"), V = e.resolveComponent("el-collapse-item"), f = e.resolveComponent("el-collapse"), x = e.resolveComponent("el-form");
+    return e.openBlock(), e.createBlock(x, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(f, { modelValue: r.value, "onUpdate:modelValue": u[7] || (u[7] = (e2) => r.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.createVNode(V, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", l, [e.createVNode(n, { label: "组件类型" }, { default: e.withCtx(() => [e.createVNode(i, null, { default: e.withCtx(() => [e.createTextVNode(e.toDisplayString(a2.configure.label) + "(" + e.toDisplayString(a2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), e.createVNode(n, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(c, { modelValue: a2.configure.uuid, "onUpdate:modelValue": u[0] || (u[0] = (e2) => a2.configure.uuid = e2), readonly: "", title: a2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), e.createVNode(n, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(c, { modelValue: a2.configure.code, "onUpdate:modelValue": u[1] || (u[1] = (e2) => a2.configure.code = e2), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(n, { label: "绑定权限", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(o, { configure: a2.configure }, null, 8, ["configure"])]), _: 1 }), e.createVNode(n, { label: "标签位置", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(m, { modelValue: a2.configure.props.labelPosition, "onUpdate:modelValue": u[2] || (u[2] = (e2) => a2.configure.props.labelPosition = e2) }, { default: e.withCtx(() => [e.createVNode(p, { value: "left" }, { default: e.withCtx(() => u[8] || (u[8] = [e.createTextVNode("左边", -1)])), _: 1, __: [8] }), e.createVNode(p, { value: "right" }, { default: e.withCtx(() => u[9] || (u[9] = [e.createTextVNode("右边", -1)])), _: 1, __: [9] }), e.createVNode(p, { value: "top" }, { default: e.withCtx(() => u[10] || (u[10] = [e.createTextVNode("顶部", -1)])), _: 1, __: [10] })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e.createVNode(n, { label: "标签宽度自适应", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(s, { modelValue: a2.configure.props.labelWidthAuto, "onUpdate:modelValue": u[3] || (u[3] = (e2) => a2.configure.props.labelWidthAuto = e2), class: "ml-2", style: { "--el-switch-on-color": "#13ce66" } }, null, 8, ["modelValue"])]), _: 1 }), a2.configure.props.labelWidthAuto ? e.createCommentVNode("", true) : (e.openBlock(), e.createBlock(n, { key: 0, label: "标签宽度", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(c, { modelValue: a2.configure.props.labelWidth, "onUpdate:modelValue": u[4] || (u[4] = (e2) => a2.configure.props.labelWidth = e2) }, { suffix: e.withCtx(() => u[11] || (u[11] = [e.createTextVNode(" px ", -1)])), _: 1 }, 8, ["modelValue"])]), _: 1 })), e.createVNode(n, { label: "表单标题", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(c, { modelValue: a2.configure.props.formTitle, "onUpdate:modelValue": u[5] || (u[5] = (e2) => a2.configure.props.formTitle = e2) }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(n, { label: "组件尺寸", style: { "margin-bottom": "-10px", "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(m, { modelValue: a2.configure.props.componentSize, "onUpdate:modelValue": u[6] || (u[6] = (e2) => a2.configure.props.componentSize = e2) }, { default: e.withCtx(() => [e.createVNode(p, { value: "large" }, { default: e.withCtx(() => u[12] || (u[12] = [e.createTextVNode("大", -1)])), _: 1, __: [12] }), e.createVNode(p, { value: "default" }, { default: e.withCtx(() => u[13] || (u[13] = [e.createTextVNode("适中", -1)])), _: 1, __: [13] }), e.createVNode(p, { value: "small" }, { default: e.withCtx(() => u[14] || (u[14] = [e.createTextVNode("小", -1)])), _: 1, __: [14] })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), e.createVNode(t, { size: a2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = a;

package/dist/lib/components/design/views/assemblys/container/form/form-attr-base.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./form-attr-base.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/form/form-attr-style.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), o = require("../../common/common-style-font.vue.cjs"), t = require("../../common/common-style-background.vue.cjs"), r = require("../../common/common-style-margin.vue.cjs"), l = require("../../common/common-style-padding.vue.cjs"), n = require("../../common/common-style-border.vue.cjs"), c = require("../../common/common-style-shadow.vue.cjs"), u = require("../../common/common-style-custom.vue.cjs"), i = { style: { padding: "8px 0px 0px 0px" } }, m = e.defineComponent({ __name: "form-attr-style", props: { configure: Object }, setup(m2) {
+  const a = e.ref(["styleFont"]);
+  return (s, f) => {
+    const d = e.resolveComponent("el-input"), p = e.resolveComponent("el-form-item"), g = e.resolveComponent("el-form"), V = e.resolveComponent("el-collapse-item"), v = e.resolveComponent("el-collapse");
+    return e.openBlock(), e.createBlock(g, { "label-width": "80px", size: "small" }, { default: e.withCtx(() => [e.createVNode(v, { modelValue: a.value, "onUpdate:modelValue": f[1] || (f[1] = (e2) => a.value = e2), style: { "margin-top": "6px" } }, { default: e.withCtx(() => [e.withDirectives(e.createVNode(V, { title: "标题", name: "formTittleStyle", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", i, [e.createVNode(g, { "label-position": "top" }, { default: e.withCtx(() => [e.createVNode(p, { style: { "margin-bottom": "0px" } }, { default: e.withCtx(() => [e.createVNode(d, { modelValue: m2.configure.style.formTitleStyle, "onUpdate:modelValue": f[0] || (f[0] = (e2) => m2.configure.style.formTitleStyle = e2), rows: 5, type: "textarea", placeholder: "font-size:18px;" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 }, 512), [[e.vShow, m2.configure.props.formTitle]]), e.createVNode(o, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(t, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(r, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(l, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(n, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(c, { configure: m2.configure }, null, 8, ["configure"]), e.createVNode(u, { configure: m2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+module.exports = m;

package/dist/lib/components/design/views/assemblys/container/form/form-attr-style.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./form-attr-style.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/form/form-attr.vue.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./form-attr.vue2.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/container/form/form-attr.vue2.cjs

@@ -0,0 +1,18 @@
+"use strict";
+const e = require("vue"), t = require("./form-attr-base.vue.cjs"), n = require("./form-attr-style.vue.cjs"), r = require("../../common-attr-events.vue.cjs"), a = require("./form-attr-advanced.vue.cjs"), l = { class: "amb-design-attr-content" }, c = { class: "amb-design-attr-header" }, s = { class: "amb-design-attr-header-type" }, o = { class: "amb-design-attr-list" }, i = e.defineComponent({ __name: "form-attr", props: { configure: { type: Object, required: true } }, emits: [], setup(i2, { emit: u }) {
+  const d = i2;
+  let v = e.ref("base");
+  null == d.configure.events && (d.configure.events = []);
+  const f = e.ref(0);
+  function m() {
+    const e2 = d.configure.events;
+    for (let t2 = 0; t2 < e2.length; t2++) e2[t2].selLogicCode && f.value++;
+  }
+  return m(), e.watch(d.configure.events, (e2) => {
+    m();
+  }), (u2, d2) => {
+    const m2 = e.resolveComponent("el-badge");
+    return e.openBlock(), e.createElementBlock("div", l, [e.createElementVNode("div", c, [e.createElementVNode("div", s, [e.createElementVNode("label", { class: e.normalizeClass({ selected: "base" == e.unref(v) }), onClick: d2[0] || (d2[0] = (t2) => e.isRef(v) ? v.value = "base" : v = "base") }, "属性", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "style" == e.unref(v) }), onClick: d2[1] || (d2[1] = (t2) => e.isRef(v) ? v.value = "style" : v = "style") }, "样式", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "event" == e.unref(v) }), onClick: d2[2] || (d2[2] = (t2) => e.isRef(v) ? v.value = "event" : v = "event") }, [d2[4] || (d2[4] = e.createTextVNode(" 事件 ", -1)), f.value > 0 ? (e.openBlock(), e.createBlock(m2, { key: 0, value: f.value }, null, 8, ["value"])) : e.createCommentVNode("", true)], 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "advanced" == e.unref(v) }), onClick: d2[3] || (d2[3] = (t2) => e.isRef(v) ? v.value = "advanced" : v = "advanced") }, "高级", 2)])]), e.createElementVNode("div", o, [e.withDirectives(e.createVNode(t, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "base" == e.unref(v)]]), e.withDirectives(e.createVNode(n, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "style" == e.unref(v)]]), e.withDirectives(e.createVNode(r, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "event" == e.unref(v)]]), e.withDirectives(e.createVNode(a, { configure: i2.configure }, null, 8, ["configure"]), [[e.vShow, "advanced" == e.unref(v)]])])]);
+  };
+} });
+module.exports = i;

package/dist/lib/components/design/views/assemblys/container/form/form-design.vue.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./form-design.vue2.cjs");
+module.exports = e;