super-page-designer 2.2.5 → 2.2.10

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 {

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

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

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

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

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

@@ -1,16 +1,16 @@
-import { defineComponent as e, ref as i, watch as n, openBlock as t, createElementBlock as r, createElementVNode as s, normalizeClass as a, normalizeStyle as u } from "vue";
+import { defineComponent as e, ref as i, watch as n, createElementBlock as t, openBlock as r, createElementVNode as s, normalizeStyle as a, normalizeClass as u } from "vue";
 import { caculateComponentStyle as l } from "../../../../utils/container-design-util.js";
-const c = { class: "amb-design-item-default" }, o = ["src"], m = s("div", { class: "amb-widget-container-iframe-mask" }, [s("label", { style: { "margin-left": "10px" } }, "iframe")], -1), f = e({ __name: "iframe-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget"], setup(e2, { emit: f2 }) {
-  const g = e2;
-  g.configure.runtime || (g.configure.runtime = {});
-  const d = i({}), p = i("");
-  function v() {
-    l(g.configure, d, p, null), g.configure.runtime.class = p.value, g.configure.runtime.style = d.value;
+const c = { class: "amb-design-item-default" }, o = ["src"], m = e({ __name: "iframe-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget"], setup(e2, { emit: m2 }) {
+  const f = e2;
+  f.configure.runtime || (f.configure.runtime = {});
+  const g = i({}), d = i("");
+  function p() {
+    l(f.configure, g, d, null), f.configure.runtime.class = d.value, f.configure.runtime.style = g.value;
   }
-  return v(), n(g.configure.style, () => {
-    v();
-  }), (e3, i2) => (t(), r("div", c, [s("iframe", { src: e3.configure.props.src, class: a(["amb-widget-container-iframe", p.value]), style: u(d.value) }, null, 14, o), m]));
+  return p(), n(f.configure.style, () => {
+    p();
+  }), (e3, i2) => (r(), t("div", c, [s("iframe", { src: e3.configure.props.src, class: u(["amb-widget-container-iframe", d.value]), style: a(g.value) }, null, 14, o), i2[0] || (i2[0] = s("div", { class: "amb-widget-container-iframe-mask" }, [s("label", { style: { "margin-left": "10px" } }, "iframe")], -1))]));
 } });
 export {
-  f as default
+  m as default
 };

package/dist/es/components/design/views/assemblys/container/tabs/tabs-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 m = e({ __name: "tabs-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(e2) {
   const m2 = o(["base"]);
   return (o2, s) => {
     const c = a("el-collapse"), d = a("el-form");
-    return l(), t(d, { "label-width": "80px", size: "small" }, { default: r(() => [u(c, { modelValue: m2.value, "onUpdate:modelValue": s[0] || (s[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(), l(d, { "label-width": "80px", size: "small" }, { default: r(() => [u(c, { modelValue: m2.value, "onUpdate:modelValue": s[0] || (s[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/tabs/tabs-attr-base.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, resolveComponent as o, openBlock as t, createBlock as a, withCtx as i, createVNode as n, createElementVNode as u, createTextVNode as r, toDisplayString as d, unref as c, createElementBlock as p, Fragment as m, renderList as f } from "vue";
+import { defineComponent as e, ref as l, resolveComponent as o, createBlock as t, openBlock as a, withCtx as i, createVNode as n, createElementVNode as u, createTextVNode as r, toDisplayString as d, unref as c, createElementBlock as p, Fragment as m, renderList as f } from "vue";
 import { Top as s, Bottom as g, Plus as b, Delete as x } from "@element-plus/icons-vue";
 import V from "../../common/common-attr-size.vue.js";
 import _ from "../../common/common-function-code.vue.js";
@@ -11,28 +11,24 @@ const v = { style: { padding: "8px 0px 0px 0px" } }, w = { style: { padding: "8p
   const z = l(["1", "2", "attrSize"]);
   return (l2, C) => {
     const T = o("el-text"), j = o("el-form-item"), O = o("el-input"), P = o("el-collapse-item"), q = o("el-icon"), D = o("el-table-column"), H = o("el-table"), S = o("el-option"), A = o("el-select"), B = o("el-radio-button"), E = o("el-radio-group"), F = o("el-collapse"), G = o("el-form");
-    return t(), a(G, { "label-width": "80px", size: "small" }, { default: i(() => [n(F, { modelValue: z.value, "onUpdate:modelValue": C[5] || (C[5] = (e3) => z.value = e3), style: { "margin-top": "6px" } }, { default: i(() => [n(P, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: i(() => [u("div", v, [n(j, { label: "组件类型" }, { default: i(() => [n(T, null, { default: i(() => [r(d(e2.configure.label) + "(" + d(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), n(j, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: i(() => [n(O, { 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 }), n(j, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: i(() => [n(O, { modelValue: e2.configure.code, "onUpdate:modelValue": C[1] || (C[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), n(j, { label: "绑定权限", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: i(() => [n(_, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 })])]), _: 1 }), n(P, { title: "页签列表", name: "2", class: "amb-design-attr-group-header" }, { default: i(() => [u("div", w, [n(H, { data: e2.configure.items, border: "", style: { width: "100%" }, class: "panelTable" }, { default: i(() => [n(D, { label: "", width: "32" }, { default: i((e3) => [u("div", k, [n(q, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
+    return a(), t(G, { "label-width": "80px", size: "small" }, { default: i(() => [n(F, { modelValue: z.value, "onUpdate:modelValue": C[5] || (C[5] = (e3) => z.value = e3), style: { "margin-top": "6px" } }, { default: i(() => [n(P, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: i(() => [u("div", v, [n(j, { label: "组件类型" }, { default: i(() => [n(T, null, { default: i(() => [r(d(e2.configure.label) + "(" + d(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), n(j, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: i(() => [n(O, { 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 }), n(j, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: i(() => [n(O, { modelValue: e2.configure.code, "onUpdate:modelValue": C[1] || (C[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), n(j, { label: "绑定权限", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: i(() => [n(_, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 })])]), _: 1 }), n(P, { title: "页签列表", name: "2", class: "amb-design-attr-group-header" }, { default: i(() => [u("div", w, [n(H, { data: e2.configure.items, border: "", style: { width: "100%" }, class: "panelTable" }, { default: i(() => [n(D, { label: "", width: "32" }, { default: i((e3) => [u("div", k, [n(q, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
       let l4 = -1;
       const o2 = U2.configure.items.length;
-      for (let t3 = 0; t3 < o2; t3++)
-        if (U2.configure.items[t3].index == e4.index) {
-          l4 = t3;
-          break;
-        }
-      if (l4 < 1)
-        return;
+      for (let t3 = 0; t3 < o2; t3++) if (U2.configure.items[t3].index == e4.index) {
+        l4 = t3;
+        break;
+      }
+      if (l4 < 1) return;
       const t2 = U2.configure.items;
       [t2[l4 - 1], t2[l4]] = [t2[l4], t2[l4 - 1]];
     }(e3.row) }, { default: i(() => [n(c(s))]), _: 2 }, 1032, ["onClick"]), n(q, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
       let l4 = -1;
       const o2 = U2.configure.items.length;
-      for (let t3 = 0; t3 < o2; t3++)
-        if (U2.configure.items[t3].index == e4.index) {
-          l4 = t3;
-          break;
-        }
-      if (-1 == l4 || U2.configure.items.length == l4 + 1)
-        return;
+      for (let t3 = 0; t3 < o2; t3++) if (U2.configure.items[t3].index == e4.index) {
+        l4 = t3;
+        break;
+      }
+      if (-1 == l4 || U2.configure.items.length == l4 + 1) return;
       const t2 = U2.configure.items;
       [t2[l4], t2[l4 + 1]] = [t2[l4 + 1], t2[l4]];
     }(e3.row) }, { default: i(() => [n(c(g))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), n(D, { prop: "label", label: "标题", width: "110" }, { default: i((e3) => [n(h, { modelValue: e3.row.label, "onUpdate:modelValue": (l3) => e3.row.label = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), n(D, { label: "图标", width: "70" }, { default: i((e3) => [n(y, { iconType: e3.row.iconType, iconValue: e3.row.iconValue, "onUpdate:modelValue": (l3, o2) => function(e4, l4, o3) {
@@ -43,18 +39,15 @@ const v = { style: { padding: "8px 0px 0px 0px" } }, w = { style: { padding: "8p
         t2.index == e4.index && (o2 = a2), t2.index > l4 && (l4 = t2.index);
       }), o2 > -1 && U2.configure.items.splice(o2 + 1, 0, { label: "Tab" + (l4 + 1), index: l4 + 1, items: [] });
     }(e3.row) }, { default: i(() => [n(c(b))]), _: 2 }, 1032, ["onClick"]), n(q, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e4) {
-      if (1 == U2.configure.items.length)
-        return void alert("必须保留一个Tab!");
-      if (!confirm("确定要删除吗?"))
-        return;
+      if (1 == U2.configure.items.length) return void alert("必须保留一个Tab!");
+      if (!confirm("确定要删除吗?")) return;
       let l4 = -1;
-      for (let o2 in U2.configure.items)
-        if (U2.configure.items[o2].index == e4.index) {
-          l4 = o2;
-          break;
-        }
+      for (let o2 in U2.configure.items) if (U2.configure.items[o2].index == e4.index) {
+        l4 = o2;
+        break;
+      }
       l4 > -1 && U2.configure.items.splice(l4, 1);
-    }(e3.row) }, { default: i(() => [n(c(x))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), n(j, { label: "默认打开", style: { "margin-top": "10px" } }, { default: i(() => [n(A, { modelValue: e2.configure.props.defaultOpen, "onUpdate:modelValue": C[2] || (C[2] = (l3) => e2.configure.props.defaultOpen = l3), placeholder: "默认", clearable: "" }, { default: i(() => [(t(true), p(m, null, f(e2.configure.items, (e3) => (t(), a(S, { label: e3.label, value: e3.index }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(j, { label: "标签风格", style: { "margin-top": "-10px" } }, { default: i(() => [n(A, { modelValue: e2.configure.props.cardType, "onUpdate:modelValue": C[3] || (C[3] = (l3) => e2.configure.props.cardType = l3), placeholder: "默认", clearable: "" }, { default: i(() => [n(S, { label: "卡片", value: "card" }), n(S, { label: "边框", value: "border-card" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(j, { label: "标签位置", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: i(() => [n(E, { modelValue: e2.configure.props.tabPosition, "onUpdate:modelValue": C[4] || (C[4] = (l3) => e2.configure.props.tabPosition = l3) }, { default: i(() => [n(B, { value: "top" }, { default: i(() => [r("上")]), _: 1 }), n(B, { value: "right" }, { default: i(() => [r("右")]), _: 1 }), n(B, { value: "bottom" }, { default: i(() => [r("下")]), _: 1 }), n(B, { value: "left" }, { default: i(() => [r("左")]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })], 512)]), _: 1 }), n(V, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    }(e3.row) }, { default: i(() => [n(c(x))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), n(j, { label: "默认打开", style: { "margin-top": "10px" } }, { default: i(() => [n(A, { modelValue: e2.configure.props.defaultOpen, "onUpdate:modelValue": C[2] || (C[2] = (l3) => e2.configure.props.defaultOpen = l3), placeholder: "默认", clearable: "" }, { default: i(() => [(a(true), p(m, null, f(e2.configure.items, (e3) => (a(), t(S, { label: e3.label, value: e3.index }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(j, { label: "标签风格", style: { "margin-top": "-10px" } }, { default: i(() => [n(A, { modelValue: e2.configure.props.cardType, "onUpdate:modelValue": C[3] || (C[3] = (l3) => e2.configure.props.cardType = l3), placeholder: "默认", clearable: "" }, { default: i(() => [n(S, { label: "卡片", value: "card" }), n(S, { label: "边框", value: "border-card" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(j, { label: "标签位置", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: i(() => [n(E, { modelValue: e2.configure.props.tabPosition, "onUpdate:modelValue": C[4] || (C[4] = (l3) => e2.configure.props.tabPosition = l3) }, { default: i(() => [n(B, { value: "top" }, { default: i(() => C[6] || (C[6] = [r("上")])), _: 1 }), n(B, { value: "right" }, { default: i(() => C[7] || (C[7] = [r("右")])), _: 1 }), n(B, { value: "bottom" }, { default: i(() => C[8] || (C[8] = [r("下")])), _: 1 }), n(B, { value: "left" }, { default: i(() => C[9] || (C[9] = [r("左")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })], 512)]), _: 1 }), n(V, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

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

@@ -1,10 +1,10 @@
-import { defineComponent as e, resolveComponent as t, openBlock as r, createBlock as n, withCtx as o, createVNode as s, unref as u } from "vue";
+import { defineComponent as e, resolveComponent as t, createBlock as r, openBlock as n, withCtx as o, createVNode as s, unref as u } from "vue";
 import f from "../../form/common/attr-event.vue.js";
 const c = e({ __name: "tabs-attr-event", props: { configure: Object }, setup(e2) {
   const c2 = e2.configure.events;
   return (m, a) => {
     const i = t("el-form");
-    return r(), n(i, { "label-width": "80px", size: "small" }, { default: o(() => [s(f, { configure: e2.configure, events: u(c2) }, null, 8, ["configure", "events"])]), _: 1 });
+    return n(), r(i, { "label-width": "80px", size: "small" }, { default: o(() => [s(f, { configure: e2.configure, events: u(c2) }, null, 8, ["configure", "events"])]), _: 1 });
   };
 } });
 export {

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

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

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

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

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

@@ -1,49 +1,48 @@
-import { defineComponent as e, ref as t, watch as i, openBlock as n, createBlock as l, unref as o, normalizeClass as s, normalizeStyle as a, withCtx as u, createElementBlock as m, Fragment as r, renderList as c, createCommentVNode as g, createElementVNode as d, toDisplayString as f, createVNode as p, reactive as b } from "vue";
+import { defineComponent as e, ref as t, watch as i, createBlock as n, openBlock as l, unref as o, normalizeStyle as s, normalizeClass as a, withCtx as u, createElementBlock as m, Fragment as r, renderList as c, createVNode as g, createCommentVNode as d, createElementVNode as f, toDisplayString as p, reactive as b } from "vue";
 import { ElTabs as y, ElTabPane as v } from "element-plus";
 import { SuperIcon as x } from "agilebuilder-ui";
 import { VueDraggable as O } from "vue-draggable-plus";
 import V from "../../object-design.vue.js";
 import { deepCopy as W, getUuidv4 as j } from "../../../../utils/common-util.js";
 import { caculateComponentStyle as h } from "../../../../utils/container-design-util.js";
-import { deleteDesignItem as T } from "../../../../utils/page-design-util.js";
-const _ = e({ __name: "tabs-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: _2 }) {
-  const D = e2;
-  D.configure.items || (D.configure.items = [{ label: "Tab1", index: 1, items: [] }, { label: "Tab2", index: 2, items: [] }]);
-  const C = t(1);
-  D.configure.runtime || (D.configure.runtime = {});
-  const k = t({}), S = t(""), A = t({});
-  function U() {
-    h(D.configure, k, S, A), D.configure.runtime.style = k.value, D.configure.runtime.class = S.value, D.configure.runtime.headerStyle = A.value;
+import { copyHandleEvents as T, deleteDesignItem as _ } from "../../../../utils/page-design-util.js";
+const D = e({ __name: "tabs-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: D2 }) {
+  const C = e2;
+  C.configure.items || (C.configure.items = [{ label: "Tab1", index: 1, items: [] }, { label: "Tab2", index: 2, items: [] }]);
+  const k = t(1);
+  C.configure.runtime || (C.configure.runtime = {});
+  const S = t({}), A = t(""), U = t({});
+  function F() {
+    h(C.configure, S, A, U), C.configure.runtime.style = S.value, C.configure.runtime.class = A.value, C.configure.runtime.headerStyle = U.value;
   }
-  U(), i(D.configure.style, () => {
-    U();
+  F(), i(C.configure.style, () => {
+    F();
   });
-  const F = _2;
-  function P(e3, t2) {
-    F("onSelectWidget", e3, t2);
-  }
+  const P = D2;
   function q(e3, t2) {
-    F("onCustomAttrWidget", e3, t2);
+    P("onSelectWidget", e3, t2);
+  }
+  function w(e3, t2) {
+    P("onCustomAttrWidget", e3, t2);
   }
-  function w(e3) {
-    let t2 = D.configure.items;
+  function z(e3) {
+    let t2 = C.configure.items;
     for (let i2 = 0; i2 < t2.length; i2++) {
       let n2 = t2[i2];
-      if (n2.items)
-        for (let t3 = 0; t3 < n2.items.length; t3++) {
-          const t4 = n2.items.indexOf(e3);
-          if (t4 > -1) {
-            const i3 = b(W(e3));
-            return i3.uuid = j(), void n2.items.splice(t4, 0, i3);
-          }
+      if (n2.items) for (let t3 = 0; t3 < n2.items.length; t3++) {
+        const t4 = n2.items.indexOf(e3);
+        if (t4 > -1) {
+          const i3 = b(W(e3));
+          return i3.uuid = j(), T(i3), void n2.items.splice(t4, 0, i3);
         }
+      }
     }
   }
-  return (e3, t2) => (n(), l(o(y), { modelValue: C.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => C.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, class: s(["amb-design-item-default", S.value]), style: a(k.value) }, { default: u(() => [(n(true), m(r, null, c(e3.configure.items, (t3, i2) => (n(), l(o(v), { label: t3.label, name: t3.index }, { label: u(() => [t3.iconType && t3.iconValue ? (n(), l(o(x), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : g("", true), d("span", { style: a(A.value) }, f(t3.label), 5)]), default: u(() => [p(o(O), { 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, filter: ".el-scrollbar__bar", preventOnFilter: false, animation: 300, "ghost-class": "amb-item-ghost", fallbackClass: true }, { default: u(() => [(n(true), m(r, null, c(t3.items, (i3, o2) => (n(), l(V, { key: i3, pageDesign: e3.pageDesign, configure: i3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: P, onOnCustomAttrWidget: q, onOnCopy: w, onOnDelete: (e4) => function(e5, t4) {
+  return (e3, t2) => (l(), n(o(y), { modelValue: k.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => k.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, class: a(["amb-design-item-default", A.value]), style: s(S.value) }, { default: u(() => [(l(true), m(r, null, c(e3.configure.items, (t3, i2) => (l(), n(o(v), { label: t3.label, name: t3.index }, { label: u(() => [t3.iconType && t3.iconValue ? (l(), n(o(x), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : d("", true), f("span", { style: s(U.value) }, p(t3.label), 5)]), default: u(() => [g(o(O), { 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, filter: ".el-scrollbar__bar", preventOnFilter: false, animation: 300, "ghost-class": "amb-item-ghost", fallbackClass: true }, { default: u(() => [(l(true), m(r, null, c(t3.items, (i3, o2) => (l(), n(V, { key: i3, pageDesign: e3.pageDesign, configure: i3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: q, onOnCustomAttrWidget: w, onOnCopy: z, onOnDelete: (e4) => function(e5, t4) {
     const i4 = e5.items;
-    T(i4, t4, t4.items && t4.items.length > 0, true);
+    _(i4, t4, t4.items && t4.items.length > 0, true);
   }(t3, e4) }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj", "onOnDelete"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1032, ["label", "name"]))), 256))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
 } });
 export {
-  _ as default
+  D as default
 };