super-page-designer 2.2.2 → 2.2.8

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 {

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as o, ref as e, resolveComponent as l, openBlock as m, createBlock as n, withCtx as r, createVNode as t, withDirectives as u, createElementVNode as i, vShow as c } from "vue";
+import { defineComponent as o, ref as e, resolveComponent as l, createBlock as m, openBlock as n, withCtx as r, createVNode as t, withDirectives as u, createElementVNode as i, vShow as c } from "vue";
 import f from "../../common/common-style-font.vue.js";
 import s from "../../common/common-style-background.vue.js";
 import a from "../../common/common-style-margin.vue.js";
@@ -10,7 +10,7 @@ const v = { style: { padding: "8px 0px 0px 0px" } }, x = o({ __name: "form-attr-
   const x2 = e(["styleFont"]);
   return (e2, j) => {
     const b = l("el-input"), _ = l("el-form-item"), V = l("el-form"), h = l("el-collapse-item"), T = l("el-collapse");
-    return m(), n(V, { "label-width": "80px", size: "small" }, { default: r(() => [t(T, { modelValue: x2.value, "onUpdate:modelValue": j[1] || (j[1] = (o3) => x2.value = o3), style: { "margin-top": "6px" } }, { default: r(() => [u(t(h, { title: "标题", name: "formTittleStyle", class: "amb-design-attr-group-header" }, { default: r(() => [i("div", v, [t(V, { "label-position": "top" }, { default: r(() => [t(_, { style: { "margin-bottom": "0px" } }, { default: r(() => [t(b, { modelValue: o2.configure.style.formTitleStyle, "onUpdate:modelValue": j[0] || (j[0] = (e3) => o2.configure.style.formTitleStyle = e3), rows: 5, type: "textarea", placeholder: "font-size:18px;" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 }, 512), [[c, o2.configure.props.formTitle]]), t(f, { configure: o2.configure }, null, 8, ["configure"]), t(s, { configure: o2.configure }, null, 8, ["configure"]), t(a, { configure: o2.configure }, null, 8, ["configure"]), t(p, { configure: o2.configure }, null, 8, ["configure"]), t(g, { configure: o2.configure }, null, 8, ["configure"]), t(d, { configure: o2.configure }, null, 8, ["configure"]), t(y, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return n(), m(V, { "label-width": "80px", size: "small" }, { default: r(() => [t(T, { modelValue: x2.value, "onUpdate:modelValue": j[1] || (j[1] = (o3) => x2.value = o3), style: { "margin-top": "6px" } }, { default: r(() => [u(t(h, { title: "标题", name: "formTittleStyle", class: "amb-design-attr-group-header" }, { default: r(() => [i("div", v, [t(V, { "label-position": "top" }, { default: r(() => [t(_, { style: { "margin-bottom": "0px" } }, { default: r(() => [t(b, { modelValue: o2.configure.style.formTitleStyle, "onUpdate:modelValue": j[0] || (j[0] = (e3) => o2.configure.style.formTitleStyle = e3), rows: 5, type: "textarea", placeholder: "font-size:18px;" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 }, 512), [[c, o2.configure.props.formTitle]]), t(f, { configure: o2.configure }, null, 8, ["configure"]), t(s, { configure: o2.configure }, null, 8, ["configure"]), t(a, { configure: o2.configure }, null, 8, ["configure"]), t(p, { configure: o2.configure }, null, 8, ["configure"]), t(g, { configure: o2.configure }, null, 8, ["configure"]), t(d, { configure: o2.configure }, null, 8, ["configure"]), t(y, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

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

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

@@ -1,75 +1,71 @@
-import { defineComponent as e, ref as t, watch as i, computed as n, resolveComponent as o, openBlock as l, createElementBlock as s, createVNode as r, normalizeStyle as u, normalizeClass as c, withCtx as g, toDisplayString as f, createCommentVNode as a, Fragment as m, renderList as p, createBlock as d, reactive as b } from "vue";
+import { defineComponent as e, ref as t, watch as i, computed as n, resolveComponent as o, createElementBlock as l, openBlock as s, createVNode as r, normalizeClass as u, normalizeStyle as c, withCtx as g, createCommentVNode as f, toDisplayString as a, Fragment as m, renderList as p, createBlock as d, reactive as b } from "vue";
 import { useDraggable as v } from "vue-draggable-plus";
 import y from "../../object-design.vue.js";
 import { deepCopy as O, getUuidv4 as h } from "../../../../utils/common-util.js";
 import { caculateComponentStyle as j } from "../../../../utils/container-design-util.js";
 import "element-plus";
-import { deleteDesignItem as W } from "../../../../utils/page-design-util.js";
-const x = { class: "amb-design-item-default" }, S = e({ __name: "form-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: S2 }) {
-  const D = e2;
-  D.configure.items || (D.configure.items = []), null == D.configure.props && (D.configure.props = {}), D.configure.runtime || (D.configure.runtime = {});
-  const _ = D.configure.default ? D.configure.default : {}, C = t({});
-  T(), i(D.configure.props, () => {
-    T();
+import { copyHandleEvents as W, deleteDesignItem as x } from "../../../../utils/page-design-util.js";
+const S = { class: "amb-design-item-default" }, D = e({ __name: "form-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: D2 }) {
+  const _ = e2;
+  _.configure.items || (_.configure.items = []), null == _.configure.props && (_.configure.props = {}), _.configure.runtime || (_.configure.runtime = {});
+  const C = _.configure.default ? _.configure.default : {}, k = t({});
+  w(), i(_.configure.props, () => {
+    w();
   });
-  const k = n(() => [...D.configure.items]);
-  function T() {
+  const T = n(() => [..._.configure.items]);
+  function w() {
     const e3 = {};
-    _.props && Object.assign(e3, _.props);
-    for (let t2 in D.configure.props) {
-      const i2 = D.configure.props[t2];
+    C.props && Object.assign(e3, C.props);
+    for (let t2 in _.configure.props) {
+      const i2 = _.configure.props[t2];
       null != i2 && null != i2 && "" != i2 && (e3[t2] = i2);
     }
-    C.value = e3, D.configure.runtime.props = e3;
+    k.value = e3, _.configure.runtime.props = e3;
   }
-  i(k, (e3, t2) => {
-    e3.length > t2.length && q(D.indexObj.index, e3[e3.length - 1]);
+  i(T, (e3, t2) => {
+    e3.length > t2.length && E(_.indexObj.index, e3[e3.length - 1]);
   }, { important: true, deep: true });
-  const w = t({}), z = t(""), A = t({});
-  function F() {
-    j(D.configure, w, z, null);
+  const z = t({}), A = t(""), F = t({});
+  function N() {
+    j(_.configure, z, A, null);
     const e3 = {};
-    if (D.configure.style.formTitleStyle) {
-      const t2 = D.configure.style.formTitleStyle.replace(/[\r\n]/g, "").split(";");
+    if (_.configure.style.formTitleStyle) {
+      const t2 = _.configure.style.formTitleStyle.replace(/[\r\n]/g, "").split(";");
       for (let i2 = 0; i2 < t2.length; i2++) {
         const n2 = t2[i2].split(":");
         if (n2.length > 1 && n2[0] && n2[1]) {
-          if (!isNaN(n2[0]))
-            continue;
+          if (!isNaN(n2[0])) continue;
           e3[n2[0]] = n2[1];
         }
       }
     }
-    A.value = e3, D.configure.runtime.class = z.value, D.configure.runtime.style = w.value, D.configure.runtime.titleStyle = A.value;
+    F.value = e3, _.configure.runtime.class = A.value, _.configure.runtime.style = z.value, _.configure.runtime.titleStyle = F.value;
   }
-  F(), i(D.configure.style, () => {
-    F();
+  N(), i(_.configure.style, () => {
+    N();
   });
-  const N = t(null);
-  v(N, D.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true });
-  const P = S2;
-  function q(e3, t2) {
-    P("onSelectWidget", e3, t2);
+  const P = t(null), { start: q } = v(P, _.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true }), B = D2;
+  function E(e3, t2) {
+    B("onSelectWidget", e3, t2);
   }
-  function B(e3, t2) {
-    P("onCustomAttrWidget", e3, t2);
+  function G(e3, t2) {
+    B("onCustomAttrWidget", e3, t2);
   }
-  function E(e3) {
-    const t2 = D.configure.items.indexOf(e3);
-    if (-1 == t2)
-      return void alert("无可复制对象!");
+  function H(e3) {
+    const t2 = _.configure.items.indexOf(e3);
+    if (-1 == t2) return void alert("无可复制对象!");
     const i2 = b(O(e3));
-    i2.uuid = h(), D.configure.items.splice(t2, 0, i2);
+    i2.uuid = h(), W(i2), _.configure.items.splice(t2, 0, i2);
   }
-  function G(e3) {
-    const t2 = D.configure.items;
-    W(t2, e3, e3.items && e3.items.length > 0, true);
+  function I(e3) {
+    const t2 = _.configure.items;
+    x(t2, e3, e3.items && e3.items.length > 0, true);
   }
   return (e3, t2) => {
     const i2 = o("el-form");
-    return l(), s("div", x, [r(i2, { ref_key: "ambDragParent", ref: N, "label-width": C.value.labelWidth, "label-position": C.value.labelPosition, size: C.value.componentSize, style: u([w.value, { "padding-bottom": "40px" }]), class: c(z.value) }, { default: g(() => [C.value.formTitle ? (l(), s("div", { key: 0, class: "amb-widget-form-title", style: u(A.value) }, f(C.value.formTitle), 5)) : a("", true), (l(true), s(m, null, p(e3.configure.items, (t3, i3) => (l(), d(y, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: q, onOnCustomAttrWidget: B, onOnCopy: E, onOnDelete: G }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))]), _: 1 }, 8, ["label-width", "label-position", "size", "style", "class"])]);
+    return s(), l("div", S, [r(i2, { ref_key: "ambDragParent", ref: P, "label-width": k.value.labelWidth, "label-position": k.value.labelPosition, size: k.value.componentSize, style: c([z.value, { "padding-bottom": "40px" }]), class: u(A.value) }, { default: g(() => [k.value.formTitle ? (s(), l("div", { key: 0, class: "amb-widget-form-title", style: c(F.value) }, a(k.value.formTitle), 5)) : f("", true), (s(true), l(m, null, p(e3.configure.items, (t3, i3) => (s(), d(y, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: E, onOnCustomAttrWidget: G, onOnCopy: H, onOnDelete: I }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))]), _: 1 }, 8, ["label-width", "label-position", "size", "style", "class"])]);
   };
 } });
 export {
-  S as default
+  D as default
 };

package/dist/es/components/design/views/assemblys/container/iframe/iframe-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: "iframe-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 {

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, resolveComponent as o, openBlock as a, createBlock as u, withCtx as d, createVNode as t, createElementVNode as p, createTextVNode as r, toDisplayString as i, unref as n } from "vue";
+import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a, openBlock as u, withCtx as d, createVNode as t, createElementVNode as p, createTextVNode as r, toDisplayString as i, unref as n } from "vue";
 import { Search as m } from "@element-plus/icons-vue";
 import s from "../../common/common-attr-size.vue.js";
 import c from "../../common/common-function-code.vue.js";
@@ -6,7 +6,7 @@ const f = { style: { padding: "8px 0px 0px 0px" } }, g = { style: { padding: "8p
   const b2 = l(["1", "2", "attrSize"]);
   return (l2, x) => {
     const V = o("el-text"), _ = o("el-form-item"), y = o("el-input"), v = o("el-collapse-item"), h = o("el-radio"), z = o("el-button"), U = o("el-radio-group"), k = o("el-collapse"), T = o("el-form");
-    return a(), u(T, { "label-width": "80px", size: "small" }, { default: d(() => [t(k, { modelValue: b2.value, "onUpdate:modelValue": x[5] || (x[5] = (e3) => b2.value = e3), style: { "margin-top": "6px" } }, { default: d(() => [t(v, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: d(() => [p("div", f, [t(_, { label: "组件类型" }, { default: d(() => [t(V, null, { default: d(() => [r(i(e2.configure.label) + "(" + i(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), t(_, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: d(() => [t(y, { modelValue: e2.configure.uuid, "onUpdate:modelValue": x[0] || (x[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), t(_, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: d(() => [t(y, { modelValue: e2.configure.code, "onUpdate:modelValue": x[1] || (x[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), t(_, { label: "绑定权限", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: d(() => [t(c, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 })])]), _: 1 }), t(v, { title: "链接", name: "2", class: "amb-design-attr-group-header" }, { default: d(() => [p("div", g, [t(U, { modelValue: e2.configure.props.linkType, "onUpdate:modelValue": x[4] || (x[4] = (l3) => e2.configure.props.linkType = l3) }, { default: d(() => [t(_, null, { label: d(() => [t(h, { value: "address" }, { default: d(() => [r("地址")]), _: 1 })]), default: d(() => [t(y, { modelValue: e2.configure.props.src, "onUpdate:modelValue": x[2] || (x[2] = (l3) => e2.configure.props.src = l3), disabled: "address" != e2.configure.props.linkType }, null, 8, ["modelValue", "disabled"])]), _: 1 }), t(_, { style: { "margin-top": "-8px", "margin-bottom": "-10px" } }, { label: d(() => [t(h, { value: "page" }, { default: d(() => [r("页面")]), _: 1 })]), default: d(() => [t(y, { modelValue: e2.configure.props.pageName, "onUpdate:modelValue": x[3] || (x[3] = (l3) => e2.configure.props.pageName = l3), readonly: "", disabled: "page" != e2.configure.props.linkType }, { append: d(() => [t(z, { icon: n(m), disabled: "page" != e2.configure.props.linkType }, null, 8, ["icon", "disabled"])]), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])]), _: 1 }), t(s, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    return u(), a(T, { "label-width": "80px", size: "small" }, { default: d(() => [t(k, { modelValue: b2.value, "onUpdate:modelValue": x[5] || (x[5] = (e3) => b2.value = e3), style: { "margin-top": "6px" } }, { default: d(() => [t(v, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: d(() => [p("div", f, [t(_, { label: "组件类型" }, { default: d(() => [t(V, null, { default: d(() => [r(i(e2.configure.label) + "(" + i(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), t(_, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: d(() => [t(y, { modelValue: e2.configure.uuid, "onUpdate:modelValue": x[0] || (x[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), t(_, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: d(() => [t(y, { modelValue: e2.configure.code, "onUpdate:modelValue": x[1] || (x[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), t(_, { label: "绑定权限", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: d(() => [t(c, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 })])]), _: 1 }), t(v, { title: "链接", name: "2", class: "amb-design-attr-group-header" }, { default: d(() => [p("div", g, [t(U, { modelValue: e2.configure.props.linkType, "onUpdate:modelValue": x[4] || (x[4] = (l3) => e2.configure.props.linkType = l3) }, { default: d(() => [t(_, null, { label: d(() => [t(h, { value: "address" }, { default: d(() => x[6] || (x[6] = [r("地址")])), _: 1 })]), default: d(() => [t(y, { modelValue: e2.configure.props.src, "onUpdate:modelValue": x[2] || (x[2] = (l3) => e2.configure.props.src = l3), disabled: "address" != e2.configure.props.linkType }, null, 8, ["modelValue", "disabled"])]), _: 1 }), t(_, { style: { "margin-top": "-8px", "margin-bottom": "-10px" } }, { label: d(() => [t(h, { value: "page" }, { default: d(() => x[7] || (x[7] = [r("页面")])), _: 1 })]), default: d(() => [t(y, { modelValue: e2.configure.props.pageName, "onUpdate:modelValue": x[3] || (x[3] = (l3) => e2.configure.props.pageName = l3), readonly: "", disabled: "page" != e2.configure.props.linkType }, { append: d(() => [t(z, { icon: n(m), disabled: "page" != e2.configure.props.linkType }, null, 8, ["icon", "disabled"])]), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])]), _: 1 }), t(s, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {