super-page-designer 2.3.22-design1 → 2.3.22-design1-tmp2

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

@@ -0,0 +1,13 @@
+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.mjs";
+import f from "../../common/common-function-code.vue.mjs";
+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 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 {
+  g as default
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,63 @@
+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.mjs";
+import { deepCopy as x, getUuidv4 as b } from "../../../../utils/common-util.mjs";
+import { caculateComponentStyle as v } from "../../../../utils/container-design-util.mjs";
+import "element-plus";
+import { copyHandleEvents as y, deleteDesignItem as j } from "../../../../utils/page-design-util.mjs";
+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() {
+    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"), h.value["align-content"] = t2;
+    }
+  }
+  C(), i(W.configure.style, () => {
+    C();
+  }), i(W.configure.props, () => {
+    !function() {
+      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), _.value = t2;
+    }(), I(), W.configure.runtime.props = _.value;
+  }, { immediate: true });
+  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 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) {
+    A("onSelectWidget", e3, t2);
+  }
+  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("无可复制对象!");
+    const n2 = a(x(e3));
+    n2.uuid = b(), y(n2, W.pageDesign), t2.splice(i2, 0, n2);
+  }
+  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 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 {
+  O as default
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+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.mjs";
+import s from "../../common/common-style-background.vue.mjs";
+import a from "../../common/common-style-margin.vue.mjs";
+import p from "../../common/common-style-padding.vue.mjs";
+import g from "../../common/common-style-border.vue.mjs";
+import d from "../../common/common-style-shadow.vue.mjs";
+import y from "../../common/common-style-custom.vue.mjs";
+const v = { style: { padding: "8px 0px 0px 0px" } }, x = o({ __name: "form-attr-style", props: { configure: Object }, setup(o2) {
+  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 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 {
+  x as default
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,71 @@
+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 a, toDisplayString as f, 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.mjs";
+import { deepCopy as h, getUuidv4 as W } from "../../../../utils/common-util.mjs";
+import { caculateComponentStyle as O } from "../../../../utils/container-design-util.mjs";
+import "element-plus";
+import { copyHandleEvents as j, deleteDesignItem as x } from "../../../../utils/page-design-util.mjs";
+const D = { class: "amb-design-item-default" }, S = e({ __name: "form-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: S2 }) {
+  const _ = e2;
+  _.configure.items || (_.configure.items = []), null == _.configure.props && (_.configure.props = {}), _.configure.runtime || (_.configure.runtime = {});
+  const C = _.configure.default ? _.configure.default : {}, k = t({});
+  T(), i(_.configure.props, () => {
+    T();
+  });
+  const A = n(() => [..._.configure.items]);
+  function T() {
+    const e3 = {};
+    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);
+    }
+    e3.labelWidthAuto && (e3.labelWidth = "auto"), k.value = e3, _.configure.runtime.props = e3;
+  }
+  i(A, (e3, t2) => {
+    e3.length > t2.length && E(_.indexObj.index, e3[e3.length - 1]);
+  }, { important: true, deep: true });
+  const w = t({}), z = t(""), F = t({});
+  function N() {
+    O(_.configure, w, z, null);
+    const e3 = {};
+    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;
+          e3[n2[0]] = n2[1];
+        }
+      }
+    }
+    F.value = e3, _.configure.runtime.class = z.value, _.configure.runtime.style = w.value, _.configure.runtime.titleStyle = F.value;
+  }
+  N(), i(_.configure.style, () => {
+    N();
+  });
+  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 = S2;
+  function E(e3, t2) {
+    B("onSelectWidget", e3, t2);
+  }
+  function G(e3, t2) {
+    B("onCustomAttrWidget", e3, t2);
+  }
+  function H(e3) {
+    const t2 = _.configure.items.indexOf(e3);
+    if (-1 == t2) return void alert("无可复制对象!");
+    const i2 = b(h(e3));
+    i2.uuid = W(), j(i2, _.pageDesign), _.configure.items.splice(t2, 0, i2);
+  }
+  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 s(), l("div", D, [r(i2, { ref_key: "ambDragParent", ref: P, "label-width": k.value.labelWidth, "label-position": k.value.labelPosition, size: k.value.componentSize, style: c([w.value, { "padding-bottom": "40px" }]), class: u(z.value) }, { default: g(() => [k.value.formTitle ? (s(), l("div", { key: 0, class: "amb-widget-form-title", style: c(F.value) }, f(k.value.formTitle), 5)) : a("", 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
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+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.mjs";
+import t from "../../common/common-style-margin.vue.mjs";
+import i from "../../common/common-style-border.vue.mjs";
+import f from "../../common/common-style-shadow.vue.mjs";
+import s from "../../common/common-style-position.vue.mjs";
+const a = o({ __name: "iframe-attr-style", props: { configure: Object }, setup(o2) {
+  const a2 = e(["styleMargin"]);
+  return (e2, g) => {
+    const p = m("el-collapse"), d = m("el-form");
+    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 {
+  a as default
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+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.mjs";
+const c = { class: "amb-design-item-default" }, m = ["src"], o = e({ __name: "iframe-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget"], setup(e2, { emit: o2 }) {
+  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 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, m), i2[0] || (i2[0] = s("div", { class: "amb-widget-container-iframe-mask" }, [s("label", { style: { "margin-left": "10px" } }, "iframe")], -1))]));
+} });
+export {
+  o as default
+};

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

@@ -0,0 +1,12 @@
+import { defineComponent as e, ref as o, resolveComponent as a, createBlock as l, openBlock as t, withCtx as r, createVNode as u } from "vue";
+import n from "../../common/common-advanced-basic.vue.mjs";
+const m = e({ __name: "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 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 {
+  m as default
+};

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

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

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

@@ -0,0 +1,58 @@
+import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a, openBlock as t, withCtx as i, createVNode as n, createElementVNode as u, createTextVNode as r, toDisplayString as d, createCommentVNode as c, unref as p, createElementBlock as m, Fragment as f, renderList as s } from "vue";
+import { Top as g, Bottom as b, Plus as V, Delete as _, Close as x, Check as v } from "@element-plus/icons-vue";
+import y from "../../common/common-attr-size.vue.mjs";
+import h from "../../common/common-function-code.vue.mjs";
+import w from "../../common/common-icon-bind.vue.mjs";
+import U from "../../common/common-i18n-key-input.vue.mjs";
+const k = { style: { padding: "8px 0px 0px 0px" } }, z = { style: { padding: "8px 0px 0px 0px" }, ref: "panels" }, C = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, T = e({ __name: "tabs-attr-base", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => {
+} } }, setup(e2) {
+  const T2 = e2;
+  l([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]);
+  const j = l(["1", "2", "attrSize"]);
+  function O(e3) {
+    e3 && (T2.configure.props.editable = true, T2.configure.props.closable = true);
+  }
+  return (l2, B) => {
+    const F = o("el-text"), N = o("el-form-item"), P = o("el-input"), R = 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"), E = o("el-radio-button"), G = o("el-radio-group"), I = o("el-switch"), J = o("el-collapse"), K = o("el-form");
+    return t(), a(K, { "label-width": "80px", size: "small" }, { default: i(() => [n(J, { modelValue: j.value, "onUpdate:modelValue": B[10] || (B[10] = (e3) => j.value = e3), style: { "margin-top": "6px" } }, { default: i(() => [n(R, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: i(() => [u("div", k, [n(N, { label: "组件类型" }, { default: i(() => [n(F, null, { default: i(() => [r(d(e2.configure.label) + "(" + d(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), n(N, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: i(() => [n(P, { modelValue: e2.configure.uuid, "onUpdate:modelValue": B[0] || (B[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), n(N, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: i(() => [n(P, { modelValue: e2.configure.code, "onUpdate:modelValue": B[1] || (B[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), n(N, { label: "绑定权限", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: i(() => [n(h, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 })])]), _: 1 }), n(R, { title: "页签列表", name: "2", class: "amb-design-attr-group-header" }, { default: i(() => [u("div", z, [n(H, { data: e2.configure.items, border: "", style: { width: "100%" }, class: "panelTable" }, { default: i(() => [n(D, { label: "", width: "32" }, { default: i((e3) => [u("div", C, [n(q, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
+      let l4 = -1;
+      const o2 = T2.configure.items.length;
+      for (let a3 = 0; a3 < o2; a3++) if (T2.configure.items[a3].index == e4.index) {
+        l4 = a3;
+        break;
+      }
+      if (l4 < 1) return;
+      const a2 = T2.configure.items;
+      [a2[l4 - 1], a2[l4]] = [a2[l4], a2[l4 - 1]];
+    }(e3.row) }, { default: i(() => [n(p(g))]), _: 2 }, 1032, ["onClick"]), n(q, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
+      let l4 = -1;
+      const o2 = T2.configure.items.length;
+      for (let a3 = 0; a3 < o2; a3++) if (T2.configure.items[a3].index == e4.index) {
+        l4 = a3;
+        break;
+      }
+      if (-1 == l4 || T2.configure.items.length == l4 + 1) return;
+      const a2 = T2.configure.items;
+      [a2[l4], a2[l4 + 1]] = [a2[l4 + 1], a2[l4]];
+    }(e3.row) }, { default: i(() => [n(p(b))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), n(D, { prop: "label", label: "标题", width: "110" }, { default: i((e3) => [n(U, { 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(w, { iconType: e3.row.iconType, iconValue: e3.row.iconValue, "onUpdate:modelValue": (l3, o2) => function(e4, l4, o3) {
+      e4.iconType = l4, e4.iconValue = o3;
+    }(e3.row, l3, o2) }, null, 8, ["iconType", "iconValue", "onUpdate:modelValue"])]), _: 1 }), n(D, { label: "编码", width: "70" }, { default: i((e3) => [n(P, { modelValue: e3.row.code, "onUpdate:modelValue": (l3) => e3.row.code = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), n(D, { label: "操作", width: "90" }, { default: i((e3) => [n(q, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => function(e4) {
+      let l4 = -1, o2 = -1;
+      T2.configure.items.find((a2, t2) => {
+        a2.index == e4.index && (o2 = t2), a2.index > l4 && (l4 = a2.index);
+      }), o2 > -1 && T2.configure.items.splice(o2 + 1, 0, { label: "Tab" + (l4 + 1), index: l4 + 1, items: [] });
+    }(e3.row) }, { default: i(() => [n(p(V))]), _: 2 }, 1032, ["onClick"]), n(q, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e4) {
+      if (1 == T2.configure.items.length) return void alert("必须保留一个Tab!");
+      if (!confirm("确定要删除吗?")) return;
+      let l4 = -1;
+      for (let o2 in T2.configure.items) if (T2.configure.items[o2].index == e4.index) {
+        l4 = o2;
+        break;
+      }
+      l4 > -1 && T2.configure.items.splice(l4, 1);
+    }(e3.row) }, { default: i(() => [n(p(_))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), n(N, { label: "默认打开", style: { "margin-top": "10px" } }, { default: i(() => [n(A, { modelValue: e2.configure.props.defaultOpen, "onUpdate:modelValue": B[2] || (B[2] = (l3) => e2.configure.props.defaultOpen = l3), placeholder: "默认", clearable: "" }, { default: i(() => [(t(true), m(f, null, s(e2.configure.items, (e3) => (t(), a(S, { label: e3.label, value: e3.code || e3.index }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(N, { label: "标签风格", style: { "margin-top": "-10px" } }, { default: i(() => [n(A, { modelValue: e2.configure.props.cardType, "onUpdate:modelValue": B[3] || (B[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(N, { label: "标签位置", style: { "margin-top": "-10px" } }, { default: i(() => [n(G, { modelValue: e2.configure.props.tabPosition, "onUpdate:modelValue": B[4] || (B[4] = (l3) => e2.configure.props.tabPosition = l3) }, { default: i(() => [n(E, { value: "top" }, { default: i(() => B[11] || (B[11] = [r("上", -1)])), _: 1, __: [11] }), n(E, { value: "right" }, { default: i(() => B[12] || (B[12] = [r("右", -1)])), _: 1, __: [12] }), n(E, { value: "bottom" }, { default: i(() => B[13] || (B[13] = [r("下", -1)])), _: 1, __: [13] }), n(E, { value: "left" }, { default: i(() => B[14] || (B[14] = [r("左", -1)])), _: 1, __: [14] })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(N, { label: "全部渲染", style: { "margin-top": "-10px" } }, { default: i(() => [n(I, { modelValue: e2.configure.props.isFullyRendered, "onUpdate:modelValue": B[5] || (B[5] = (l3) => e2.configure.props.isFullyRendered = l3), "inline-prompt": "", "active-icon": p(v), "inactive-icon": p(x) }, null, 8, ["modelValue", "active-icon", "inactive-icon"])]), _: 1 }), n(N, { label: "延迟渲染", style: { "margin-top": "-10px" } }, { default: i(() => [n(I, { modelValue: e2.configure.props.lazy, "onUpdate:modelValue": B[6] || (B[6] = (l3) => e2.configure.props.lazy = l3), "inline-prompt": "", "active-icon": p(v), "inactive-icon": p(x) }, null, 8, ["modelValue", "active-icon", "inactive-icon"])]), _: 1 }), n(N, { label: "页签可重置", style: { "margin-top": "-10px" } }, { default: i(() => [n(I, { modelValue: e2.configure.props.resetable, "onUpdate:modelValue": B[7] || (B[7] = (l3) => e2.configure.props.resetable = l3), "inline-prompt": "", "active-icon": p(v), "inactive-icon": p(x), onChange: O }, null, 8, ["modelValue", "active-icon", "inactive-icon"])]), _: 1 }), e2.configure.props.resetable ? (t(), a(N, { key: 0, label: "", style: { "margin-top": "-10px" } }, { default: i(() => [n(P, { modelValue: e2.configure.props.resetButtonName, "onUpdate:modelValue": B[8] || (B[8] = (l3) => e2.configure.props.resetButtonName = l3), placeholder: "重置按钮名称" }, null, 8, ["modelValue"])]), _: 1 })) : c("", true), n(N, { label: "页签可关闭", style: { "margin-top": "-10px" } }, { default: i(() => [n(I, { modelValue: e2.configure.props.closable, "onUpdate:modelValue": B[9] || (B[9] = (l3) => e2.configure.props.closable = l3), "inline-prompt": "", "active-icon": p(v), "inactive-icon": p(x) }, null, 8, ["modelValue", "active-icon", "inactive-icon"])]), _: 1 })], 512)]), _: 1 }), n(y, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+export {
+  T as default
+};

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

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

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

@@ -0,0 +1,12 @@
+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.mjs";
+const m = e({ __name: "tabs-attr-event", props: { configure: Object }, setup(e2) {
+  const m2 = e2.configure.events;
+  return (c, a) => {
+    const i = t("el-form");
+    return n(), r(i, { "label-width": "80px", size: "small" }, { default: o(() => [s(f, { configure: e2.configure, events: u(m2) }, null, 8, ["configure", "events"])]), _: 1 });
+  };
+} });
+export {
+  m as default
+};

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

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