super-page-designer 2.2.5 → 2.2.10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
-import { defineComponent as e, ref as o, resolveComponent as l, openBlock as a, createBlock as t, withCtx as r, createVNode as u } from "vue";
+import { defineComponent as e, ref as o, resolveComponent as l, createBlock as a, openBlock as t, withCtx as r, createVNode as u } from "vue";
 import n from "../../common/common-advanced-basic.vue.js";
 const 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 a(), t(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 });
+    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 {

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

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

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
-import { defineComponent as e, ref as o, resolveComponent as a, openBlock as l, createBlock as r, withCtx as t, createVNode as u } from "vue";
+import { defineComponent as e, ref as o, resolveComponent as a, createBlock as l, openBlock as r, withCtx as t, createVNode as u } from "vue";
 import n from "../../common/common-advanced-basic.vue.js";
 const m = e({ __name: "form-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 l(), r(p, { "label-width": "80px", size: "small" }, { default: t(() => [u(d, { modelValue: m2.value, "onUpdate:modelValue": c[0] || (c[0] = (e3) => m2.value = e3), style: { "margin-top": "6px" } }, { default: t(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return r(), l(p, { "label-width": "80px", size: "small" }, { default: t(() => [u(d, { modelValue: m2.value, "onUpdate:modelValue": c[0] || (c[0] = (e3) => m2.value = e3), style: { "margin-top": "6px" } }, { default: t(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {