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

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

@@ -0,0 +1,19 @@
+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";
+import f from "../../common/common-style-margin.vue.js";
+import s from "../../common/common-style-border.vue.js";
+import g from "../../common/common-style-shadow.vue.js";
+import a from "../../common/common-style-position.vue.js";
+import p from "../../common/common-style-font-head.vue.js";
+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 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 {
+  d as default
+};

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import e from "./tabs-design.vue2.js";
+/* empty css                 */
+import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const s = t(e, [["__scopeId", "data-v-a504bfb3"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,52 @@
+import { defineComponent as e, ref as t, watch as i, resolveComponent as n, createBlock as l, openBlock as o, unref as s, normalizeStyle as a, normalizeClass as u, withCtx as r, createElementBlock as c, createCommentVNode as m, Fragment as g, renderList as d, createVNode as p, createElementVNode as f, toDisplayString as b, withModifiers as y, createTextVNode as v, reactive as x } from "vue";
+import { ElTabs as O, ElTabPane as V } from "element-plus";
+import { SuperIcon as W } from "agilebuilder-ui";
+import { VueDraggable as j } from "vue-draggable-plus";
+import _ from "../../object-design.vue.js";
+import { deepCopy as h, getUuidv4 as k } from "../../../../utils/common-util.js";
+import { caculateComponentStyle as D } from "../../../../utils/container-design-util.js";
+import { copyHandleEvents as T, deleteDesignItem as C } from "../../../../utils/page-design-util.js";
+const S = e({ __name: "tabs-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: S2 }) {
+  const z = e2;
+  z.configure.items || (z.configure.items = [{ label: "Tab1", index: 1, items: [] }, { label: "Tab2", index: 2, items: [] }]);
+  const A = t("design-tab-pane-1");
+  z.configure.runtime || (z.configure.runtime = {});
+  const U = t({}), w = t(""), B = t({});
+  function F() {
+    D(z.configure, U, w, B), z.configure.runtime.style = U.value, z.configure.runtime.class = w.value, z.configure.runtime.headerStyle = B.value;
+  }
+  F(), i(z.configure.style, () => {
+    F();
+  });
+  const N = S2;
+  function P(e3, t2) {
+    N("onSelectWidget", e3, t2);
+  }
+  function q(e3, t2) {
+    N("onCustomAttrWidget", e3, t2);
+  }
+  function E(e3) {
+    let t2 = z.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 = x(h(e3));
+          return i3.uuid = k(), T(i3, z.pageDesign), void n2.items.splice(t4, 0, i3);
+        }
+      }
+    }
+  }
+  return (t2, i2) => {
+    const x2 = n("el-button");
+    return o(), l(s(O), { modelValue: A.value, "onUpdate:modelValue": i2[1] || (i2[1] = (e3) => A.value = e3), type: e2.configure.props.cardType, editable: e2.configure.props.editable, closable: e2.configure.props.closable, "tab-position": e2.configure.props.tabPosition, class: u(["amb-design-item-default runtime-page-container-tabs-view", w.value]), style: a(U.value) }, { "add-icon": r(() => [...i2[2] || (i2[2] = [])]), default: r(() => [(o(true), c(g, null, d(e2.configure.items, (t3, i3) => (o(), l(s(V), { key: i3, label: t3.label, name: "design-tab-pane-" + t3.index, lazy: !!e2.configure.props.lazy }, { label: r(() => [t3.iconType && t3.iconValue ? (o(), l(s(W), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : m("", true), f("span", { style: a(B.value) }, b(t3.label), 5)]), default: r(() => [p(s(j), { tag: "div", class: "amb-design-item-default", style: { "padding-bottom": "40px" }, group: "amb-assembly-item", "force-fallback": true, modelValue: t3.items, "onUpdate:modelValue": (e3) => t3.items = e3, sort: true, filter: ".el-scrollbar__bar", preventOnFilter: false, animation: 300, "ghost-class": "amb-item-ghost", fallbackClass: true }, { default: r(() => [(o(true), c(g, null, d(t3.items, (i4, n2) => (o(), l(_, { key: i4, pageDesign: e2.pageDesign, configure: i4, selectWidget: e2.selectWidget, indexObj: e2.indexObj, onOnSelectWidget: P, onOnCustomAttrWidget: q, onOnCopy: E, onOnDelete: (e3) => function(e4, t4) {
+      const i5 = e4.items;
+      C(i5, t4, t4.items && t4.items.length > 0, true);
+    }(t3, e3) }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj", "onOnDelete"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1032, ["label", "name", "lazy"]))), 128)), e2.configure.props.resetable ? (o(), l(s(V), { key: 0, disabled: "", name: "-1" }, { label: r(() => [p(x2, { type: "text", circle: "", onClick: i2[0] || (i2[0] = y(() => {
+    }, ["stop"])) }, { default: r(() => [v(b(e2.configure.props.resetButtonName || "重置"), 1)]), _: 1 })]), _: 1 })) : m("", true)]), _: 1 }, 8, ["modelValue", "type", "editable", "closable", "tab-position", "style", "class"]);
+  };
+} });
+export {
+  S as default
+};

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

@@ -0,0 +1,13 @@
+import { defineComponent as e, ref as l, resolveComponent as o, createBlock as i, openBlock as a, withCtx as u, createVNode as t, createElementVNode as d, createCommentVNode as n, createTextVNode as p, toDisplayString as r, unref as f } from "vue";
+import s from "../../common/common-attr-size.vue.js";
+import { Close as c, Check as m } from "@element-plus/icons-vue";
+const g = { style: { padding: "8px 0px 0px 0px" } }, x = e({ __name: "tools-attr-base", props: { configure: { type: Object, required: true } }, setup(e2) {
+  const x2 = l(["1", "attrSize"]);
+  return (l2, V) => {
+    const b = o("el-text"), _ = o("el-form-item"), v = o("el-input"), y = o("el-radio-button"), U = o("el-radio-group"), F = o("el-input-number"), z = o("el-switch"), A = o("el-collapse-item"), h = o("el-collapse"), j = o("el-form");
+    return a(), i(j, { "label-width": "80px", size: "small" }, { default: u(() => [t(h, { modelValue: x2.value, "onUpdate:modelValue": V[8] || (V[8] = (e3) => x2.value = e3), style: { "margin-top": "6px" } }, { default: u(() => [t(A, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: u(() => [d("div", g, [t(_, { label: "组件类型" }, { default: u(() => [t(b, null, { default: u(() => [p(r(e2.configure.label) + "(" + r(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), t(_, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: u(() => [t(v, { 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 }), t(_, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: u(() => [t(v, { modelValue: e2.configure.code, "onUpdate:modelValue": V[1] || (V[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), t(_, { label: "对齐方式", style: { "margin-top": "20px" } }, { default: u(() => [t(U, { modelValue: e2.configure.props.align, "onUpdate:modelValue": V[2] || (V[2] = (l3) => e2.configure.props.align = l3) }, { default: u(() => [t(y, { value: "left" }, { default: u(() => [...V[9] || (V[9] = [p("居左", -1)])]), _: 1 }), t(y, { value: "center" }, { default: u(() => [...V[10] || (V[10] = [p("居中", -1)])]), _: 1 }), t(y, { value: "flex-end" }, { default: u(() => [...V[11] || (V[11] = [p("居右", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), t(_, { label: "内容间距" }, { default: u(() => [t(F, { modelValue: e2.configure.props.gap, "onUpdate:modelValue": V[3] || (V[3] = (l3) => e2.configure.props.gap = l3), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 }), t(_, { label: "固钉" }, { default: u(() => [t(z, { modelValue: e2.configure.props.isAffix, "onUpdate:modelValue": V[4] || (V[4] = (l3) => e2.configure.props.isAffix = l3), disabled: e2.configure.props.isFixed, "inline-prompt": "", "active-icon": f(m), "inactive-icon": f(c) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 }), t(_, { label: "悬浮" }, { default: u(() => [t(z, { modelValue: e2.configure.props.isFixed, "onUpdate:modelValue": V[5] || (V[5] = (l3) => e2.configure.props.isFixed = l3), disabled: e2.configure.props.isAffix, "inline-prompt": "", "active-icon": f(m), "inactive-icon": f(c) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 }), e2.configure.props.isAffix || e2.configure.props.isFixed ? (a(), i(_, { key: 0, label: (e2.configure.props.isFixed ? "悬浮" : "固钉") + "位置" }, { default: u(() => [t(U, { modelValue: e2.configure.props.position, "onUpdate:modelValue": V[6] || (V[6] = (l3) => e2.configure.props.position = l3), disabled: !e2.configure.props.isAffix && !e2.configure.props.isFixed }, { default: u(() => [t(y, { value: "default" }, { default: u(() => [...V[12] || (V[12] = [p("默认", -1)])]), _: 1 }), t(y, { value: "top" }, { default: u(() => [...V[13] || (V[13] = [p("顶部", -1)])]), _: 1 }), t(y, { value: "bottom" }, { default: u(() => [...V[14] || (V[14] = [p("底部", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 }, 8, ["label"])) : n("", true), e2.configure.props.isAffix || e2.configure.props.isFixed ? (a(), i(_, { key: 1, label: (e2.configure.props.isFixed ? "悬浮" : "固钉") + "偏移" }, { default: u(() => [t(F, { modelValue: e2.configure.props.offset, "onUpdate:modelValue": V[7] || (V[7] = (l3) => e2.configure.props.offset = l3), min: -999, max: 999 }, null, 8, ["modelValue"])]), _: 1 }, 8, ["label"])) : n("", true)])]), _: 1 }), t(s, { size: e2.configure.props.size }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+export {
+  x as default
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { defineComponent as e, ref as l, watch as u, resolveComponent as t, createElementBlock as a, openBlock as n, createElementVNode as s, normalizeClass as o, createTextVNode as r, createBlock as c, createCommentVNode as v, withDirectives as i, createVNode as f, vShow as g } from "vue";
+import d from "./tools-attr-base.vue.js";
+import p from "./tools-attr-style.vue.js";
+import m from "../../common-attr-events.vue.js";
+const b = { class: "amb-design-attr-content" }, y = { class: "amb-design-attr-header" }, k = { class: "amb-design-attr-header-type" }, C = { class: "amb-design-attr-list" }, j = e({ __name: "tools-attr", props: { configure: { type: Object, required: true } }, setup(e2) {
+  const j2 = e2;
+  null == j2.configure.props && (j2.configure.props = {}), null == j2.configure.props.title && (j2.configure.props.title = "标题");
+  const h = l("selected"), _ = l(""), q = l(""), x = l("");
+  function L(e3) {
+    "base" == e3 ? (h.value = "selected", _.value = "", q.value = "", x.value = "") : "style" == e3 ? (h.value = "", _.value = "selected", q.value = "", x.value = "") : "event" == e3 ? (h.value = "", _.value = "", q.value = "selected", x.value = "") : (h.value = "", _.value = "", q.value = "", x.value = "selected");
+  }
+  null == j2.configure.events && (j2.configure.events = []);
+  const O = l(0);
+  function w() {
+    const e3 = j2.configure.events;
+    for (let l2 = 0; l2 < e3.length; l2++) e3[l2].selLogicCode && O.value++;
+  }
+  return w(), u(j2.configure.events, (e3) => {
+    w();
+  }), (l2, u2) => {
+    const j3 = t("el-badge");
+    return n(), a("div", b, [s("div", y, [s("div", k, [s("label", { class: o(h.value), onClick: u2[0] || (u2[0] = (e3) => L("base")) }, "属性", 2), s("label", { class: o(_.value), onClick: u2[1] || (u2[1] = (e3) => L("style")) }, "样式", 2), s("label", { class: o(q.value), onClick: u2[2] || (u2[2] = (e3) => L("event")) }, [u2[4] || (u2[4] = r(" 事件 ", -1)), O.value > 0 ? (n(), c(j3, { key: 0, value: O.value }, null, 8, ["value"])) : v("", true)], 2), s("label", { class: o(x.value), onClick: u2[3] || (u2[3] = (e3) => L("advice")) }, "高级", 2)])]), s("div", C, [i(f(d, { configure: e2.configure }, null, 8, ["configure"]), [[g, h.value]]), i(f(p, { configure: e2.configure }, null, 8, ["configure"]), [[g, _.value]]), i(f(m, { configure: e2.configure }, null, 8, ["configure"]), [[g, q.value]])])]);
+  };
+} });
+export {
+  j as default
+};

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

@@ -0,0 +1,4 @@
+import o from "./tools-design.vue2.js";
+export {
+  o as default
+};

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

@@ -0,0 +1,76 @@
+import { defineComponent as e, ref as t, computed as n, watch as i, onMounted as o, onUnmounted as s, createElementBlock as u, openBlock as r, createElementVNode as l, normalizeStyle as g, normalizeClass as c, Fragment as f, renderList as p, createBlock as m, reactive as a } from "vue";
+import { useDraggable as d } from "vue-draggable-plus";
+import v from "../../object-design.vue.js";
+import { deepCopy as b, getUuidv4 as y } from "../../../../utils/common-util.js";
+import { caculateComponentStyle as h } from "../../../../utils/container-design-util.js";
+import "element-plus";
+import { copyHandleEvents as j, deleteDesignItem as x } from "../../../../utils/page-design-util.js";
+import { getInputTypeComponentNames as O } from "../../../../utils/assemblys-config.js";
+const W = { class: "amb-widget-tools-parent amb-design-item-default" }, D = e({ __name: "tools-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: D2 }) {
+  const C = e2;
+  C.configure.items || (C.configure.items = []), null == C.configure.style && (C.configure.style = {}), C.configure.props = { isAffix: true, position: "top", ...C.configure.props ?? {} }, C.configure.runtime || (C.configure.runtime = {});
+  const R = t({}), w = t(""), A = n(() => {
+    const { gap: e3 } = C.configure.props ?? {};
+    return { ...e3 ? { gap: `${e3}px` } : {}, ...R.value ?? {} };
+  });
+  i(C.configure.style, () => {
+    N();
+  }), i(C.configure.props, () => {
+    N();
+  });
+  const k = O(), I = n(() => [...C.configure.items]);
+  function S(e3) {
+    e3.forEach((e4) => {
+      var _a, _b, _c, _d;
+      if (e4.items && e4.items.length > 0 && S(e4.items), k.includes(e4.name)) {
+        const t2 = { uuid: e4.uuid, defaultValue: (_b = (_a = e4.runtime) == null ? void 0 : _a.props) == null ? void 0 : _b.defaultValue, prop: (_d = (_c = e4.runtime) == null ? void 0 : _c.props) == null ? void 0 : _d.prop };
+        C.pageDesign.toolsInputComponents.push(t2);
+      }
+    });
+  }
+  i(I, (e3, t2) => {
+    e3.length > t2.length && z(-1, e3[e3.length - 1]), "list" === C.pageDesign.pageType && (C.pageDesign.toolsInputComponents = [], S(e3));
+  }, { important: true, deep: true });
+  const _ = t(null);
+  function N() {
+    h(C.configure, R, w, null);
+    const e3 = C.configure.props;
+    "flex-end" == e3.align ? R.value["justify-content"] = "right" : "center" == e3.align && (R.value["justify-content"] = "center"), C.configure.runtime.style = R.value, C.configure.runtime.class = w.value;
+  }
+  d(_, C.configure.items, { group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd: function(e3) {
+    if (C.configure && C.configure.items) {
+      const t2 = e3.newIndex, n2 = C.configure.items[t2];
+      n2.style || (n2.style = {});
+    }
+  } }), o(() => {
+    if (N(), _.value.parentNode) {
+      new ResizeObserver((e3) => {
+        for (let t2 of e3) t2.target, t2.contentRect, t2.contentRect.width, t2.contentRect.height, t2.contentRect.top, t2.contentRect.left;
+        N();
+      }).observe(_.value.parentNode);
+    }
+  }), s(() => {
+  });
+  const V = D2;
+  function z(e3, t2) {
+    V("onSelectWidget", e3, t2);
+  }
+  function E(e3, t2) {
+    V("onCustomAttrWidget", e3, t2);
+  }
+  function F(e3) {
+    let t2 = C.configure.items;
+    const n2 = t2.indexOf(e3);
+    if (-1 == n2) return void alert("无可复制对象!");
+    const i2 = a(b(e3));
+    i2.uuid = y(), j(i2, C.pageDesign), t2.splice(n2 + 1, 0, i2);
+  }
+  function T(e3) {
+    let t2 = C.configure.items;
+    x(t2, e3, e3.items && e3.items.length > 0, true);
+  }
+  return (t2, n2) => (r(), u("div", W, [l("div", { class: c(["amb-widget-tools", w.value]), style: g(A.value), ref_key: "thisRef", ref: _ }, [(r(true), u(f, null, p(e2.configure.items, (t3, n3) => (r(), m(v, { key: t3, pageDesign: e2.pageDesign, configure: t3, selectWidget: e2.selectWidget, indexObj: e2.indexObj, onOnSelectWidget: z, onOnCustomAttrWidget: E, onOnCopy: F, onOnDelete: T }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))], 6)]));
+} });
+export {
+  D as default
+};

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr-base.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as e, ref as l, onMounted as a, resolveComponent as o, createBlock as u, createCommentVNode as t, openBlock as r, withCtx as d, createVNode as s, createElementVNode as n, createElementBlock as p, Fragment as i, renderList as m, unref as b, createTextVNode as c } from "vue";
+import { getFormComponentOptions as f } from "../../../../utils/assemblys-config.js";
+import g from "../../common/common-attr-size.vue.js";
+import "@element-plus/icons-vue";
+import v from "../../common/common-variable-bind.vue.js";
+import V from "agilebuilder-ui/src/utils/request";
+const _ = { style: { padding: "8px 0px 0px 0px" } }, y = e({ __name: "barcode-attr-base", props: { configure: Object, default: () => ({ props: {} }) }, setup(e2) {
+  const y2 = e2, C = l([]);
+  l([]);
+  const E = l([]);
+  function I(e3) {
+    y2.configure.props.base.prop = e3;
+  }
+  function A(e3) {
+    "br-code" === e3 && (y2.configure.props.base.brCodeFormat = "CODE128");
+  }
+  function U(e3) {
+    y2.configure.props.base.generateRule = "";
+  }
+  return a(() => {
+    V.get(window.$vueApp.config.globalProperties.baseAPI + "/dc/setting-barcode-model/select-options").then((e3) => {
+      E.value = e3;
+    });
+  }), (l2, a2) => {
+    const V2 = o("el-option"), y3 = o("el-select"), h = o("el-form-item"), O = o("el-input"), x = o("el-radio"), D = o("el-radio-group"), M = o("el-collapse-item"), S = o("el-collapse"), R = o("el-form");
+    return e2.configure ? (r(), u(R, { key: 0, "label-width": "80px", size: "small" }, { default: d(() => [s(S, { modelValue: C.value, "onUpdate:modelValue": a2[9] || (a2[9] = (e3) => C.value = e3), style: { "margin-top": "6px" } }, { default: d(() => [s(M, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: d(() => [n("div", _, [s(h, { label: "组件类型", class: "amb-design-attr-item" }, { default: d(() => [s(y3, { modelValue: e2.configure.name, "onUpdate:modelValue": a2[0] || (a2[0] = (l3) => e2.configure.name = l3), placeholder: "请选择" }, { default: d(() => [(r(true), p(i, null, m(b(f)(), (e3) => (r(), u(V2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(h, { label: "唯一编码", class: "amb-design-attr-item" }, { default: d(() => [s(O, { modelValue: e2.configure.uuid, "onUpdate:modelValue": a2[1] || (a2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), s(h, { label: "组件名", class: "amb-design-attr-item" }, { default: d(() => [s(O, { modelValue: e2.configure.props.base.name, "onUpdate:modelValue": a2[2] || (a2[2] = (l3) => e2.configure.props.base.name = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), s(h, { label: "绑定变量", class: "amb-design-attr-item" }, { default: d(() => [(r(), u(v, { key: e2.configure.uuid, modelValue: e2.configure.props.base.prop, paramTypes: ["data", "page"], "onUpdate:modelValue": I }, null, 8, ["modelValue"]))]), _: 1 }), s(h, { label: "条码类型", class: "amb-design-attr-item" }, { default: d(() => [s(D, { modelValue: e2.configure.props.base.type, "onUpdate:modelValue": a2[3] || (a2[3] = (l3) => e2.configure.props.base.type = l3), onChange: A, class: "ml-4" }, { default: d(() => [s(x, { value: "br-code" }, { default: d(() => [...a2[10] || (a2[10] = [c("条形码", -1)])]), _: 1 }), s(x, { value: "QR-code" }, { default: d(() => [...a2[11] || (a2[11] = [c("二维码", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), "br-code" === e2.configure.props.base.type ? (r(), u(h, { key: 0, label: "条形码格式", class: "amb-design-attr-item" }, { default: d(() => [s(y3, { modelValue: e2.configure.props.base.brCodeFormat, "onUpdate:modelValue": a2[4] || (a2[4] = (l3) => e2.configure.props.base.brCodeFormat = l3), placeholder: "请选择" }, { default: d(() => [s(V2, { label: "默认", value: "CODE128" }), s(V2, { label: "CODE128A", value: "CODE128A" }), s(V2, { label: "CODE128B", value: "CODE128B" }), s(V2, { label: "CODE128C", value: "CODE128C" }), s(V2, { label: "CODE39", value: "CODE39" }), s(V2, { label: "EAN-13", value: "EAN-13" }), s(V2, { label: "EAN-8", value: "EAN-8" }), s(V2, { label: "EAN-5", value: "EAN-5" }), s(V2, { label: "EAN-2", value: "EAN-2" }), s(V2, { label: "UPC（A）", value: "UPC（A）" }), s(V2, { label: "ITF", value: "ITF" }), s(V2, { label: "ITF-14", value: "ITF-14" }), s(V2, { label: "MSI", value: "MSI" }), s(V2, { label: "MSI10", value: "MSI10" }), s(V2, { label: "MSI11", value: "MSI11" }), s(V2, { label: "MSI1010", value: "MSI1010" }), s(V2, { label: "MSI1110", value: "MSI1110" }), s(V2, { label: "Pharmacode", value: "Pharmacode" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : t("", true), s(h, { label: "生成规则", class: "amb-design-attr-item" }, { default: d(() => [s(D, { modelValue: e2.configure.props.base.generateRuleType, "onUpdate:modelValue": a2[5] || (a2[5] = (l3) => e2.configure.props.base.generateRuleType = l3), onChange: U, class: "ml-4" }, { default: d(() => [s(x, { value: "fixed" }, { default: d(() => [...a2[12] || (a2[12] = [c("固定", -1)])]), _: 1 }), s(x, { value: "selected" }, { default: d(() => [...a2[13] || (a2[13] = [c("选择规则", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(h, { label: "", class: "amb-design-attr-item" }, { default: d(() => ["fixed" === e2.configure.props.base.generateRuleType ? (r(), u(O, { key: 0, modelValue: e2.configure.props.base.generateRule, "onUpdate:modelValue": a2[6] || (a2[6] = (l3) => e2.configure.props.base.generateRule = l3), type: "textarea" }, null, 8, ["modelValue"])) : (r(), u(y3, { key: 1, modelValue: e2.configure.props.base.generateRule, "onUpdate:modelValue": a2[7] || (a2[7] = (l3) => e2.configure.props.base.generateRule = l3), placeholder: "请选择" }, { default: d(() => [(r(true), p(i, null, m(E.value, (e3) => (r(), u(V2, { key: e3.code, label: e3.name, value: e3.code }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]))]), _: 1 }), s(h, { label: "状态", class: "amb-design-attr-item" }, { default: d(() => [s(D, { modelValue: e2.configure.props.base.state, "onUpdate:modelValue": a2[8] || (a2[8] = (l3) => e2.configure.props.base.state = l3), class: "ml-4" }, { default: d(() => [s(x, { value: "default" }, { default: d(() => [...a2[14] || (a2[14] = [c("普通", -1)])]), _: 1 }), s(x, { value: "hidden" }, { default: d(() => [...a2[15] || (a2[15] = [c("隐藏", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), (r(), u(g, { key: e2.configure.uuid, size: e2.configure.props.size }, null, 8, ["size"]))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : t("", true);
+  };
+} });
+export {
+  y as default
+};

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr-base.vue2.js

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

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr-event.vue.js

@@ -0,0 +1,13 @@
+import { defineComponent as e, resolveComponent as o, createBlock as t, openBlock as r, withCtx as n, createVNode as s } from "vue";
+import c from "../../form/common/attr-event.vue.js";
+import "../../../../utils/assemblys-config.js";
+const i = e({ __name: "barcode-attr-event", props: { configure: Object }, setup(e2) {
+  const i2 = ["click", "remove", "show", "hidden"];
+  return (m, u) => {
+    const l = o("el-form");
+    return r(), t(l, { "label-width": "80px", size: "small" }, { default: n(() => [s(c, { configure: e2.configure, events: i2 }, null, 8, ["configure"])]), _: 1 });
+  };
+} });
+export {
+  i as default
+};

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr-event.vue2.js

@@ -0,0 +1,4 @@
+import e from "./barcode-attr-event.vue.js";
+export {
+  e as default
+};

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr-style.vue.js

@@ -0,0 +1,12 @@
+import { defineComponent as o, ref as e, resolveComponent as t, createBlock as l, openBlock as r, withCtx as s, createVNode as a } from "vue";
+import n from "../../form/common/attr-style.vue.js";
+const u = o({ __name: "barcode-attr-style", props: { configure: Object }, setup(o2) {
+  const u2 = e([]), i = { showTittleFont: false, showBackground: true, showPosition: true, showMargin: true, showPadding: true, showBorder: true, showShadow: true, showCursor: true, showCustom: true };
+  return (e2, m) => {
+    const d = t("el-collapse"), c = t("el-form");
+    return r(), l(c, { "label-width": "80px", size: "small" }, { default: s(() => [a(d, { modelValue: u2.value, "onUpdate:modelValue": m[0] || (m[0] = (o3) => u2.value = o3), style: { "margin-top": "6px" } }, { default: s(() => [a(n, { configure: o2.configure, blankOption: i }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
+export {
+  u as default
+};

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr-style.vue2.js

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

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr.vue.js

@@ -0,0 +1,5 @@
+import r from "./barcode-attr.vue2.js";
+/* empty css                  */
+export {
+  r as default
+};

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr.vue2.js

@@ -0,0 +1,12 @@
+import { defineComponent as e, ref as t, createElementBlock as r, openBlock as o, createVNode as a, createElementVNode as u, unref as n, isRef as l, withDirectives as i, vShow as s } from "vue";
+import c from "./barcode-attr-base.vue.js";
+import m from "./barcode-attr-style.vue.js";
+import f from "../../form/common/attr-header.vue.js";
+import d from "./barcode-attr-event.vue.js";
+const p = { class: "amb-design-attr-content" }, g = { class: "amb-design-attr-list" }, b = e({ __name: "barcode-attr", props: { configure: { type: Object, default: () => ({ title: "Text", props: { type: "input-text" } }) } }, setup(e2) {
+  let b2 = t("base");
+  return (t2, v) => (o(), r("div", p, [a(f, { modelValue: n(b2), "onUpdate:modelValue": v[0] || (v[0] = (e3) => l(b2) ? b2.value = e3 : b2 = e3) }, null, 8, ["modelValue"]), u("div", g, [i(a(c, { configure: e2.configure }, null, 8, ["configure"]), [[s, "base" === n(b2)]]), i(a(m, { configure: e2.configure }, null, 8, ["configure"]), [[s, "style" === n(b2)]]), i(a(d, { configure: e2.configure }, null, 8, ["configure"]), [[s, "event" === n(b2)]])])]));
+} });
+export {
+  b as default
+};

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-design.vue.js

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

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-design.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as e, ref as r, onMounted as o, watch as a, createElementBlock as t, openBlock as u, normalizeStyle as s, normalizeClass as l, withDirectives as n, createElementVNode as c, vShow as i } from "vue";
+import p from "qrcode";
+import f from "jsbarcode";
+import { caculateDetailComponentStyle as b, caculateComponentProps as d } from "../../../../utils/form-design-util.js";
+const m = ["src"], v = e({ __name: "barcode-design", props: { configure: Object }, setup(e2) {
+  const v2 = e2, g = r("Hello br code"), y = r(""), R = r(null), j = r("CODE128");
+  function C() {
+    R.value && f(R.value, g.value, { format: j.value });
+  }
+  function _() {
+    let e3 = {};
+    const r2 = {};
+    if (v2.configure.props.preSuffix && (e3 = v2.configure.props), e3.base.bindProp && (g.value = e3.base.bindProp), e3.base && "br-code" === e3.base.type && C(), e3.base && "QR-code" === e3.base.type && p.toDataURL(g.value, (e4, r3) => {
+      e4 ? console.error(e4) : y.value = r3;
+    }), r2.type = e3.base.type, r2.brCodeFormat = e3.base.brCodeFormat, r2.generateRuleType = e3.base.generateRuleType, r2.generateRule = e3.base.generateRule, r2 != {}) for (const e4 in r2) O.value[e4] = r2[e4];
+  }
+  o(() => {
+    C();
+  });
+  const x = r({}), D = r(""), F = r({}), O = r({});
+  return a(v2.configure.style, () => {
+    b(v2.configure, x, D, F);
+  }, { immediate: true }), a(v2.configure.props, () => {
+    d(v2.configure, O), _(), v2.configure.runtime.props = O.value;
+  }, { immediate: true }), (e3, r2) => (u(), t("div", { class: l(D.value), style: s(x.value) }, [n(c("canvas", { ref_key: "barcode", ref: R }, null, 512), [[i, "br-code" === O.value.type]]), n(c("img", { src: y.value }, null, 8, m), [[i, "QR-code" === O.value.type]])], 6));
+} });
+export {
+  v as default
+};

package/dist/es/components/design/views/assemblys/data/component/attr-header.vue2.js

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

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

@@ -0,0 +1,27 @@
+import { defineComponent as o, resolveComponent as e, createElementBlock as n, openBlock as t, Fragment as r, createVNode as i, createBlock as a, createCommentVNode as s, withCtx as u } from "vue";
+import "@element-plus/icons-vue";
+/* empty css                        */
+import l from "../../common/common-style-position.vue.js";
+import c from "../../common/common-style-margin.vue.js";
+import g from "../../common/common-style-padding.vue.js";
+import m from "../../common/common-style-border.vue.js";
+import f from "../../common/common-style-shadow.vue.js";
+import p from "../../common/common-style-custom.vue.js";
+import d from "../../chart/statistical-table/component/style-table.vue.js";
+const y = o({ __name: "attr-style", props: { configure: { type: Object, default: () => ({}) }, blankOption: { type: Object, default: { showTittleFont: true, showBackground: true, showBorder: true, showShadow: true, showClass: true, showCustom: true } }, pageDesign: { type: Object, default: () => {
+} } }, setup(o2) {
+  const y2 = o2;
+  function h(o3) {
+    y2.configure.style.rowStyle = o3;
+  }
+  function w(o3) {
+    y2.configure.style.titleStyle = o3;
+  }
+  return (y3, b) => {
+    const k = e("el-collapse-item");
+    return t(), n(r, null, [i(k, { title: "标题", name: "tableHeader", class: "amb-design-attr-group-header" }, { default: u(() => [i(d, { configure: o2.configure, showField: true, data: o2.configure.style.titleStyle, pageDesign: o2.pageDesign, onDataChange: w }, null, 8, ["configure", "data", "pageDesign"])]), _: 1 }), i(k, { title: "内容", name: "rowBackgroundColor", class: "amb-design-attr-group-header" }, { default: u(() => [i(d, { paramTypes: ["data", "task", "page", "context", "system", "request", "fixed", "row"], configure: o2.configure, showCondition: true, data: o2.configure.style.rowStyle, pageDesign: o2.pageDesign, onDataChange: h }, null, 8, ["configure", "data", "pageDesign"])]), _: 1 }), i(l, { configure: o2.configure }, null, 8, ["configure"]), o2.blankOption.showMargin ? (t(), a(c, { key: 0, configure: o2.configure }, null, 8, ["configure"])) : s("", true), o2.blankOption.showPadding ? (t(), a(g, { key: 1, configure: o2.configure }, null, 8, ["configure"])) : s("", true), o2.blankOption.showBorder ? (t(), a(m, { key: 2, configure: o2.configure }, null, 8, ["configure"])) : s("", true), o2.blankOption.showShadow ? (t(), a(f, { key: 3, configure: o2.configure }, null, 8, ["configure"])) : s("", true), o2.blankOption.showCustom ? (t(), a(p, { key: 4, configure: o2.configure }, null, 8, ["configure"])) : s("", true)], 64);
+  };
+} });
+export {
+  y as default
+};

package/dist/es/components/design/views/assemblys/data/component/attr-style.vue2.js

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