super-page-designer 2.2.73 → 2.2.77-sit3

package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js

@@ -1,78 +1,78 @@
-import { defineComponent as e, ref as l, onMounted as a, onUnmounted as t, reactive as o, computed as n, watch as u, resolveComponent as r, createElementBlock as s, createBlock as i, openBlock as p, toDisplayString as c, withCtx as d, createVNode as m, createCommentVNode as v, Fragment as f, renderList as g, normalizeClass as y, createElementVNode as h, withDirectives as b, unref as w, vShow as V, normalizeStyle as C, createTextVNode as _, withModifiers as k, nextTick as x } from "vue";
-import { ElMessage as z } from "element-plus";
+import { defineComponent as e, ref as l, onMounted as a, onUnmounted as t, reactive as o, computed as n, watch as u, resolveComponent as r, createElementBlock as s, createBlock as i, openBlock as p, toDisplayString as c, withCtx as d, createVNode as m, createCommentVNode as v, createElementVNode as f, Fragment as g, renderList as y, normalizeClass as h, withDirectives as b, unref as w, vShow as V, normalizeStyle as C, createTextVNode as _, withModifiers as k, nextTick as z } from "vue";
+import { ElMessage as x } from "element-plus";
 import { Check as S, Search as j, Plus as O, CircleClose as P } from "@element-plus/icons-vue";
 import { EnableStates as T } from "../../../utils/interfaces/page-design-types.js";
 import A from "agilebuilder-ui/src/utils/request";
-const N = { key: 0 }, D = { style: { height: "230px", padding: "0 10px" } }, U = ["title"], E = ["title"], $ = e({ __name: "page-permission-select", props: { rowObj: Object, pageDesign: Object, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false }, onlyService: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: $2 }) {
+const N = { key: 0 }, D = { class: "amb-component-popover-left-menu-main" }, U = ["onClick"], E = { style: { height: "230px", padding: "0 10px" } }, $ = ["title"], I = ["title"], L = e({ __name: "page-permission-select", props: { rowObj: Object, pageDesign: Object, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false }, onlyService: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: L2 }) {
   var _a, _b;
-  const I = $2, L = e2, R = l(false), B = l(null), F = l(), X = l(null), q = l(false), G = l(""), H = l();
+  const R = L2, B = e2, F = l(false), X = l(null), q = l(), G = l(null), H = l(false), J = l(""), K = l();
   a(() => {
-    window.addEventListener("click", K);
+    window.addEventListener("click", Q);
   }), t(() => {
-    window.removeEventListener("click", K), ne && clearTimeout(ne);
+    window.removeEventListener("click", Q), re && clearTimeout(re);
   });
-  let J = null;
-  function K(e3) {
+  let M = null;
+  function Q(e3) {
     let l2 = null;
-    if (X.value && (l2 = X.value.$el.parentNode), !e3.target || !l2) return;
-    if (e3.target === J) return;
-    const a2 = B.value ? B.value.input : null;
-    a2 && (e3.target === a2 || a2.contains(e3.target)) || (e3.target === l2 || l2.contains(e3.target) ? J = e3.target : (X.value.$el, q.value && M()));
+    if (G.value && (l2 = G.value.$el.parentNode), !e3.target || !l2) return;
+    if (e3.target === M) return;
+    const a2 = X.value ? X.value.input : null;
+    a2 && (e3.target === a2 || a2.contains(e3.target)) || (e3.target === l2 || l2.contains(e3.target) ? M = e3.target : (G.value.$el, H.value && W()));
   }
-  function M(e3) {
-    q.value = false;
+  function W(e3) {
+    H.value = false;
   }
-  const Q = [{ value: "service", label: "服务" }, { value: "custom", label: "自定义" }], W = o({ currentPage: 1, pageSize: 50, total: 0 }), Y = l((_a = L.rowObj) == null ? void 0 : _a.type);
-  Y.value || (Y.value = Q[0].value), L.onlyService && (Y.value = "service");
-  const Z = l("");
-  Z.value = (_b = L.rowObj) == null ? void 0 : _b.simpleCode;
-  const ee = n({ set(e3) {
-  }, get: () => L.rowObj.simpleCode }), le = o({ systemCode: "", searchValue: "" }), ae = l([{ value: "", version: 1, label: "" }]), te = l([]);
-  let oe, ne = null;
-  function ue() {
-    ie();
+  const Y = [{ value: "service", label: "服务" }, { value: "custom", label: "自定义" }], Z = o({ currentPage: 1, pageSize: 50, total: 0 }), ee = l((_a = B.rowObj) == null ? void 0 : _a.type);
+  ee.value || (ee.value = Y[0].value), B.onlyService && (ee.value = "service");
+  const le = l("");
+  le.value = (_b = B.rowObj) == null ? void 0 : _b.simpleCode;
+  const ae = n({ set(e3) {
+  }, get: () => B.rowObj.simpleCode }), te = o({ systemCode: "", searchValue: "" }), oe = l([{ value: "", version: 1, label: "" }]), ne = l([]);
+  let ue, re = null;
+  function se() {
+    ce();
   }
-  u(le, () => {
-    ne && clearTimeout(ne), ne = setTimeout(function() {
-      W.currentPage = 1, ie();
+  u(te, () => {
+    re && clearTimeout(re), re = setTimeout(function() {
+      Z.currentPage = 1, ce();
     }, 300);
   });
-  let re = null;
-  function se({ column: e3 }) {
-    re = e3, ie();
+  let ie = null;
+  function pe({ column: e3 }) {
+    ie = e3, ce();
   }
-  function ie() {
+  function ce() {
     var _a2, _b2;
-    const e3 = { pagination: { currentPage: W.currentPage, pageSize: W.pageSize, showTotal: true }, searchForm: [], dynamicColumnInfo: [], sorts: [] };
-    null != re && e3.sorts.push({ prop: re.property, order: "ascending" == re.order ? "asc" : "desc" }), le.searchValue && (e3.searchForm.push({ propName: "name", propDbName: "name", operator: "CONTAIN", dataType: "TEXT", propValue: le.searchValue, joinSign: "or" }), e3.searchForm.push({ propName: "code", propDbName: "code", operator: "CONTAIN", dataType: "TEXT", propValue: le.searchValue }));
+    const e3 = { pagination: { currentPage: Z.currentPage, pageSize: Z.pageSize, showTotal: true }, searchForm: [], dynamicColumnInfo: [], sorts: [] };
+    null != ie && e3.sorts.push({ prop: ie.property, order: "ascending" == ie.order ? "asc" : "desc" }), te.searchValue && (e3.searchForm.push({ propName: "name", propDbName: "name", operator: "CONTAIN", dataType: "TEXT", propValue: te.searchValue, joinSign: "or" }), e3.searchForm.push({ propName: "code", propDbName: "code", operator: "CONTAIN", dataType: "TEXT", propValue: te.searchValue }));
     let l2 = window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/list", a2 = null;
-    if (le.systemCode) {
-      let e4 = ae.value.filter((e5) => e5.value == le.systemCode);
+    if (te.systemCode) {
+      let e4 = oe.value.filter((e5) => e5.value == te.systemCode);
       e4.length > 0 && (a2 = e4[0].version);
     }
-    l2 += "?systemCode=" + (le.systemCode ? le.systemCode : (_a2 = L.pageDesign) == null ? void 0 : _a2.systemCode), l2 += "&publishVersion=" + (a2 || ((_b2 = L.pageDesign) == null ? void 0 : _b2.systemVersion)), l2 += "&parentCode=", A.post(l2, e3).then((e4) => {
-      te.value = e4.data, W.currentPage = e4.page, W.pageSize = e4.size, W.total = e4.total;
+    l2 += "?systemCode=" + (te.systemCode ? te.systemCode : (_a2 = B.pageDesign) == null ? void 0 : _a2.systemCode), l2 += "&publishVersion=" + (a2 || ((_b2 = B.pageDesign) == null ? void 0 : _b2.systemVersion)), l2 += "&parentCode=", A.post(l2, e3).then((e4) => {
+      ne.value = e4.data, Z.currentPage = e4.page, Z.pageSize = e4.size, Z.total = e4.total;
     });
   }
-  const pe = n(() => {
+  const de = n(() => {
     let e3 = 185;
-    return "custom" == Y.value && (e3 = 170), e3;
+    return "custom" == ee.value && (e3 = 170), e3;
   });
-  function ce(e3) {
-    if (e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), e3 || (e3 = "service"), Y.value = e3, "service" == Y.value) {
-      if (oe == le.searchValue) return;
-      oe = le.searchValue, ie();
+  function me(e3) {
+    if (e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), e3 || (e3 = "service"), ee.value = e3, "service" == ee.value) {
+      if (ue == te.searchValue) return;
+      ue = te.searchValue, ce();
     }
   }
-  function de() {
-    Y.value = "", Z.value = "", I("update:modelValue", "", "", ""), M();
+  function ve() {
+    ee.value = "", le.value = "", R("update:modelValue", "", "", ""), W();
   }
-  function me() {
-    G.value ? (Z.value = G.value, I("update:modelValue", Y.value, Z.value, ""), M()) : z.error("请输入权限编码!");
+  function fe() {
+    J.value ? (le.value = J.value, R("update:modelValue", ee.value, le.value, ""), W()) : x.error("请输入权限编码!");
   }
-  function ve() {
-    q.value = true, x(() => {
-      ce(Y.value), A.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-charts/findAllSystem").then((e3) => {
+  function ge() {
+    H.value = true, z(() => {
+      me(ee.value), A.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-charts/findAllSystem").then((e3) => {
         var _a2, _b2;
         const l2 = e3, a2 = [], t2 = {};
         for (let e4 of l2) {
@@ -81,26 +81,26 @@ const N = { key: 0 }, D = { style: { height: "230px", padding: "0 10px" } }, U =
           const l3 = t2[e4.code];
           null != l3 && e4.publishVersion > l3.publishVersion ? t2[e4.code] = e4 : null == l3 && (t2[e4.code] = e4, a2.push(e4.code));
         }
-        const o2 = (_a2 = L.pageDesign) == null ? void 0 : _a2.systemCode, n2 = (_b2 = L.pageDesign) == null ? void 0 : _b2.systemVersion;
-        ae.value = [];
+        const o2 = (_a2 = B.pageDesign) == null ? void 0 : _a2.systemCode, n2 = (_b2 = B.pageDesign) == null ? void 0 : _b2.systemVersion;
+        oe.value = [];
         for (let e4 of a2) {
           const l3 = t2[e4], a3 = e4 === o2 ? n2 : l3.publishVersion;
-          ae.value.push({ value: e4, label: l3.name + "(" + a3 + ")", version: a3 });
+          oe.value.push({ value: e4, label: l3.name + "(" + a3 + ")", version: a3 });
         }
       });
     });
   }
-  function fe(e3) {
-    return e3 ? `${L.rowObj.name}:${e3}` : null;
+  function ye(e3) {
+    return e3 ? `${B.rowObj.name}:${e3}` : null;
   }
   return (l2, a2) => {
-    const t2 = r("el-icon"), o2 = r("el-input"), n2 = r("el-menu-item"), u2 = r("el-menu"), x2 = r("el-col"), z2 = r("el-empty"), T2 = r("el-option"), A2 = r("el-select"), $3 = r("el-button"), L2 = r("el-row"), J2 = r("el-text"), K2 = r("el-table-column"), oe2 = r("el-table"), ne2 = r("el-pagination"), re2 = r("el-popover");
-    return e2.showLabel ? (p(), s("span", N, c(e2.rowObj.name ? e2.rowObj.name : e2.rowObj.simpleCode), 1)) : (p(), i(re2, { key: 1, modelValue: R.value, "onUpdate:modelValue": a2[6] || (a2[6] = (e3) => R.value = e3), ref_key: "popoverRef", ref: F, visible: q.value, width: 400 }, { reference: d(() => [m(o2, { ref_key: "inputRef", ref: B, readonly: "", size: "small", onClick: ve, title: e2.rowObj.name + "(" + e2.rowObj.simpleCode + ")", formatter: fe, modelValue: ee.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => ee.value = e3), placeholder: "请选择" }, { suffix: d(() => [b(m(t2, { style: { cursor: "pointer" }, onClick: k(de, ["stop"]) }, { default: d(() => [m(w(P))]), _: 1 }, 512), [[V, Z.value]])]), _: 1 }, 8, ["title", "modelValue"])]), default: d(() => [m(L2, { ref_key: "contentRef", ref: X }, { default: d(() => [e2.onlyService ? v("", true) : (p(), i(x2, { key: 0, span: 8 }, { default: d(() => [m(u2, null, { default: d(() => [(p(), s(f, null, g(Q, (e3) => m(n2, { style: { height: "40px", "padding-left": "0px" }, class: y(e3.value == Y.value ? "is-active" : ""), onClick: (l3) => ce(e3.value) }, { default: d(() => [m(t2, null, { default: d(() => [b(m(w(S), null, null, 512), [[V, e3.value == l2.iconType]])]), _: 2 }, 1024), h("span", null, c(e3.label), 1)]), _: 2 }, 1032, ["class", "onClick"])), 64))]), _: 1 })]), _: 1 })), Y.value ? (p(), i(x2, { key: 2, span: e2.onlyService ? 24 : 16, style: { "padding-left": "10px" } }, { default: d(() => [m(L2, null, { default: d(() => [b(m(A2, { modelValue: le.systemCode, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => le.systemCode = e3), placeholder: "当前应用", clearable: "", style: { width: "100px" } }, { default: d(() => [(p(true), s(f, null, g(ae.value, (e3) => (p(), i(T2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), [[V, "service" == Y.value]]), b(m(o2, { size: "small", modelValue: le.searchValue, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => le.searchValue = e3), placeholder: "搜索", "suffix-icon": w(j), style: C([{ "margin-left": "6px" }, { width: e2.onlyService ? "250px" : "130px" }]) }, null, 8, ["modelValue", "suffix-icon", "style"]), [[V, "service" == Y.value]]), b(m(o2, { size: "small", modelValue: G.value, "onUpdate:modelValue": a2[3] || (a2[3] = (e3) => G.value = e3), placeholder: "请输入", style: { "margin-left": "6px", width: "200px" } }, null, 8, ["modelValue"]), [[V, "custom" == Y.value]]), b(m($3, { style: { "margin-left": "4px" }, onClick: me, size: "small", type: "primary", icon: w(O), circle: "" }, null, 8, ["icon"]), [[V, "custom" == Y.value]])]), _: 1 }), b(h("div", D, [m(J2, { type: "primary" }, { default: d(() => a2[7] || (a2[7] = [_("请输入自定义Controller中Permission注解中的code后点击添加图标.")])), _: 1 })], 512), [[V, "service" != Y.value]]), b(m(oe2, { ref_key: "tableRef", ref: H, height: pe.value, "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "highlight-current-row": true, onSortChange: se, data: te.value }, { default: d(() => [m(K2, { width: "65" }, { default: d((e3) => [m($3, { size: "small", onClick: (l3) => {
-      return a3 = e3.row, Z.value = a3.code, I("update:modelValue", Y.value, Z.value, a3.name, a3.id), void M();
+    const t2 = r("el-icon"), o2 = r("el-input"), n2 = r("el-col"), u2 = r("el-empty"), z2 = r("el-option"), x2 = r("el-select"), T2 = r("el-button"), A2 = r("el-row"), L3 = r("el-text"), B2 = r("el-table-column"), M2 = r("el-table"), Q2 = r("el-pagination"), ue2 = r("el-popover");
+    return e2.showLabel ? (p(), s("span", N, c(e2.rowObj.name ? e2.rowObj.name : e2.rowObj.simpleCode), 1)) : (p(), i(ue2, { key: 1, modelValue: F.value, "onUpdate:modelValue": a2[6] || (a2[6] = (e3) => F.value = e3), ref_key: "popoverRef", ref: q, visible: H.value, width: 400 }, { reference: d(() => [m(o2, { ref_key: "inputRef", ref: X, readonly: "", size: "small", onClick: ge, title: e2.rowObj.name + "(" + e2.rowObj.simpleCode + ")", formatter: ye, modelValue: ae.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => ae.value = e3), placeholder: "请选择" }, { suffix: d(() => [b(m(t2, { style: { cursor: "pointer" }, onClick: k(ve, ["stop"]) }, { default: d(() => [m(w(P))]), _: 1 }, 512), [[V, le.value]])]), _: 1 }, 8, ["title", "modelValue"])]), default: d(() => [m(A2, { ref_key: "contentRef", ref: G }, { default: d(() => [e2.onlyService ? v("", true) : (p(), i(n2, { key: 0, span: 8 }, { default: d(() => [f("div", D, [(p(), s(g, null, y(Y, (e3) => f("div", { class: h(["amb-popover-menu-item", e3.value == ee.value ? "is-active" : ""]), onClick: (l3) => me(e3.value) }, [m(t2, null, { default: d(() => [b(m(w(S), null, null, 512), [[V, e3.value == l2.iconType]])]), _: 2 }, 1024), f("span", null, c(e3.label), 1)], 10, U)), 64))])]), _: 1 })), ee.value ? (p(), i(n2, { key: 2, span: e2.onlyService ? 24 : 16, style: { "padding-left": "10px" } }, { default: d(() => [m(A2, null, { default: d(() => [b(m(x2, { modelValue: te.systemCode, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => te.systemCode = e3), placeholder: "当前应用", clearable: "", style: { width: "100px" } }, { default: d(() => [(p(true), s(g, null, y(oe.value, (e3) => (p(), i(z2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), [[V, "service" == ee.value]]), b(m(o2, { size: "small", modelValue: te.searchValue, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => te.searchValue = e3), placeholder: "搜索", "suffix-icon": w(j), style: C([{ "margin-left": "6px" }, { width: e2.onlyService ? "250px" : "130px" }]) }, null, 8, ["modelValue", "suffix-icon", "style"]), [[V, "service" == ee.value]]), b(m(o2, { size: "small", modelValue: J.value, "onUpdate:modelValue": a2[3] || (a2[3] = (e3) => J.value = e3), placeholder: "请输入", style: { "margin-left": "6px", width: "200px" } }, null, 8, ["modelValue"]), [[V, "custom" == ee.value]]), b(m(T2, { style: { "margin-left": "4px" }, onClick: fe, size: "small", type: "primary", icon: w(O), circle: "" }, null, 8, ["icon"]), [[V, "custom" == ee.value]])]), _: 1 }), b(f("div", E, [m(L3, { type: "primary" }, { default: d(() => a2[7] || (a2[7] = [_("请输入自定义Controller中Permission注解中的code后点击添加图标.")])), _: 1 })], 512), [[V, "service" != ee.value]]), b(m(M2, { ref_key: "tableRef", ref: K, height: de.value, "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "highlight-current-row": true, onSortChange: pe, data: ne.value }, { default: d(() => [m(B2, { width: "65" }, { default: d((e3) => [m(T2, { type: "default", size: "small", onClick: (l3) => {
+      return a3 = e3.row, le.value = a3.code, R("update:modelValue", ee.value, le.value, a3.name, a3.id), void W();
       var a3;
-    } }, { default: d(() => a2[8] || (a2[8] = [_(" 选择 ")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), m(K2, { label: "名称", prop: "name", width: "120", sortable: "custom" }, { default: d((e3) => [h("span", { style: { "text-align": "left" }, title: e3.row.name }, c(e3.row.name), 9, U)]), _: 1 }), m(K2, { label: "编码", sortable: "custom" }, { default: d((e3) => [h("span", { style: { "text-align": "left" }, title: e3.row.code }, c(e3.row.code), 9, E)]), _: 1 })]), _: 1 }, 8, ["height", "data"]), [[V, "service" == Y.value]]), b(m(ne2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": W.currentPage, "onUpdate:currentPage": a2[4] || (a2[4] = (e3) => W.currentPage = e3), "page-size": W.pageSize, "onUpdate:pageSize": a2[5] || (a2[5] = (e3) => W.pageSize = e3), size: l2.small, "pager-count": 3, layout: "pager,total", total: W.total, onCurrentChange: ue }, null, 8, ["current-page", "page-size", "size", "total"]), [[V, "service" == Y.value]])]), _: 1 }, 8, ["span"])) : (p(), i(x2, { key: 1, span: 16 }, { default: d(() => [m(z2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 }, 512)]), _: 1 }, 8, ["modelValue", "visible"]));
+    } }, { default: d(() => a2[8] || (a2[8] = [_(" 选择 ")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), m(B2, { label: "名称", prop: "name", width: "120", sortable: "custom" }, { default: d((e3) => [f("span", { style: { "text-align": "left" }, title: e3.row.name }, c(e3.row.name), 9, $)]), _: 1 }), m(B2, { label: "编码", sortable: "custom" }, { default: d((e3) => [f("span", { style: { "text-align": "left" }, title: e3.row.code }, c(e3.row.code), 9, I)]), _: 1 })]), _: 1 }, 8, ["height", "data"]), [[V, "service" == ee.value]]), b(m(Q2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": Z.currentPage, "onUpdate:currentPage": a2[4] || (a2[4] = (e3) => Z.currentPage = e3), "page-size": Z.pageSize, "onUpdate:pageSize": a2[5] || (a2[5] = (e3) => Z.pageSize = e3), size: l2.small, "pager-count": 3, layout: "pager,total", total: Z.total, onCurrentChange: se }, null, 8, ["current-page", "page-size", "size", "total"]), [[V, "service" == ee.value]])]), _: 1 }, 8, ["span"])) : (p(), i(n2, { key: 1, span: 16 }, { default: d(() => [m(u2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 }, 512)]), _: 1 }, 8, ["modelValue", "visible"]));
   };
 } });
 export {
-  $ as default
+  L as default
 };

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

@@ -1,4 +1,7 @@
 import e from "./card-design.vue2.js";
+/* empty css                 */
+import r from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const a = r(e, [["__scopeId", "data-v-65a008af"]]);
 export {
-  e as default
+  a as default
 };

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

@@ -1,56 +1,61 @@
-import { defineComponent as e, ref as t, watch as i, computed as n, resolveComponent as o, createBlock as s, openBlock as r, unref as l, normalizeStyle as u, normalizeClass as c, createSlots as g, withCtx as a, createElementVNode as f, createElementBlock as p, Fragment as m, renderList as d, createCommentVNode as y, createTextVNode as b, toDisplayString as x, reactive as v } from "vue";
+import { defineComponent as e, computed as i, ref as n, watch as t, resolveComponent as o, createBlock as s, openBlock as l, unref as r, normalizeStyle as u, normalizeClass as c, createSlots as a, withCtx as g, createElementVNode as p, createElementBlock as f, Fragment as m, renderList as d, createCommentVNode as y, createTextVNode as x, toDisplayString as b, reactive as v } from "vue";
 import { ElCard as h } from "element-plus";
 import { useDraggable as j } from "vue-draggable-plus";
-import O from "../../object-design.vue.js";
-import { deepCopy as W, getUuidv4 as S } from "../../../../utils/common-util.js";
-import { caculateComponentStyle as C } from "../../../../utils/container-design-util.js";
+import { ArrowUp as O, ArrowDown as C } from "@element-plus/icons-vue";
+import W from "../../object-design.vue.js";
+import { deepCopy as S, getUuidv4 as k } from "../../../../utils/common-util.js";
+import { caculateComponentStyle as w } from "../../../../utils/container-design-util.js";
 import { copyHandleEvents as D, deleteDesignItem as _ } from "../../../../utils/page-design-util.js";
-const k = e({ __name: "card-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: k2 }) {
-  const w = e2;
-  w.configure.items || (w.configure.items = []), w.configure.props = { isCollapse: true, isCollapseShow: true, ...w.configure.props ?? {} };
-  const T = t({}), V = t(""), A = t({});
-  J(), i(w.configure.style, () => {
-    J();
+const T = e({ __name: "card-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: T2 }) {
+  var _a, _b;
+  const V = e2;
+  V.configure.items || (V.configure.items = []), V.configure.props = { isCollapse: true, isCollapseShow: true, ...V.configure.props ?? {} };
+  const A = i(() => {
+    var _a2;
+    return [true, void 0].includes((_a2 = V.configure.props) == null ? void 0 : _a2.isCollapse);
+  }), F = n(!((_a = V.configure.props) == null ? void 0 : _a.isCollapse) || false !== ((_b = V.configure.props) == null ? void 0 : _b.isCollapseShow)), J = n({}), z = n(""), I = n({});
+  q(), t(V.configure.style, () => {
+    q();
   });
-  const F = n(() => [...w.configure.items]);
-  function J() {
-    C(w.configure, T, V, A), w.configure.runtime || (w.configure.runtime = {}), w.configure.runtime.style = T.value, w.configure.runtime.class = V.value, w.configure.runtime.headerStyle = A.value;
+  const P = i(() => [...V.configure.items]);
+  function q() {
+    w(V.configure, J, z, I), V.configure.runtime || (V.configure.runtime = {}), V.configure.runtime.style = J.value, V.configure.runtime.class = z.value, V.configure.runtime.headerStyle = I.value;
   }
-  i(F, (e3, t2) => {
-    e3.length > t2.length && B(w.indexObj.index, e3[e3.length - 1]);
+  t(P, (e3, i2) => {
+    e3.length > i2.length && K(V.indexObj.index, e3[e3.length - 1]);
   }, { important: true, deep: true });
-  const I = t({});
-  i(w.configure.props, () => {
+  const B = n({});
+  t(V.configure.props, () => {
     !function() {
-      const e3 = w.configure.props, t2 = {};
-      e3.isFlex && (t2.display = "flex", t2["flex-wrap"] = "wrap", t2["align-content"] = "flex-start", e3.flexJustify && (t2["justify-content"] = e3.flexJustify));
-      I.value = t2, w.configure.runtime.contentStyle = t2;
+      const e3 = V.configure.props, i2 = {};
+      e3.isFlex && (i2.display = "flex", i2["flex-wrap"] = "wrap", i2["align-content"] = "flex-start", e3.flexJustify && (i2["justify-content"] = e3.flexJustify));
+      B.value = i2, V.configure.runtime.contentStyle = i2;
     }();
   }, { immediate: true });
-  const P = t(null), { start: q } = j(P, w.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true }), z = k2;
-  function B(e3, t2) {
-    z("onSelectWidget", e3, t2);
+  const E = n(null), { start: G } = j(E, V.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true }), H = T2;
+  function K(e3, i2) {
+    H("onSelectWidget", e3, i2);
   }
-  function E(e3, t2) {
-    z("onCustomAttrWidget", e3, t2);
+  function L(e3, i2) {
+    H("onCustomAttrWidget", e3, i2);
   }
-  function G(e3) {
-    let t2 = w.configure.items;
-    const i2 = t2.indexOf(e3);
-    if (i2 > -1) {
-      const n2 = v(W(e3));
-      n2.uuid = S(), D(n2), t2.splice(i2, 0, n2);
+  function M(e3) {
+    let i2 = V.configure.items;
+    const n2 = i2.indexOf(e3);
+    if (n2 > -1) {
+      const t2 = v(S(e3));
+      t2.uuid = k(), D(t2), i2.splice(n2, 0, t2);
     }
   }
-  function H(e3) {
-    let t2 = w.configure.items;
-    _(t2, e3, e3.items && e3.items.length > 0, true);
+  function N(e3) {
+    let i2 = V.configure.items;
+    _(i2, e3, e3.items && e3.items.length > 0, true);
   }
-  return (e3, t2) => {
-    const i2 = o("SuperIcon");
-    return r(), s(l(h), { class: c(["amb-design-item-default", V.value]), style: u(T.value) }, g({ default: a(() => [f("div", { ref_key: "ambDragParent", ref: P, class: "amb-design-item-default", style: u([{ "padding-bottom": "40px" }, I.value]) }, [(r(true), p(m, null, d(e3.configure.items, (t3, i3) => (r(), s(O, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: B, onOnCustomAttrWidget: E, onOnCopy: G, onOnDelete: H }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: a(() => [f("div", { style: u(A.value) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (r(), s(i2, { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), b(" " + x(e3.configure.props.base.title), 1)], 4)]), key: "0" } : void 0]), 1032, ["style", "class"]);
+  return (e3, i2) => {
+    const n2 = o("SuperIcon"), t2 = o("el-link");
+    return l(), s(r(h), { class: c(["amb-design-item-default yx-card-box-view-main", z.value]), style: u(J.value) }, a({ default: g(() => [p("div", { ref_key: "ambDragParent", ref: E, class: "amb-design-item-default", style: u([{ "padding-bottom": "40px" }, B.value]) }, [(l(true), f(m, null, d(e3.configure.items, (i3, n3) => (l(), s(W, { key: i3, pageDesign: e3.pageDesign, configure: i3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: K, onOnCustomAttrWidget: L, onOnCopy: M, onOnDelete: N }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: g(() => [p("div", { class: "yx-card-box-view-title", style: u(I.value) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (l(), s(n2, { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), x(" " + b(e3.configure.props.base.title), 1)], 4), A.value ? (l(), s(t2, { key: 0, underline: false, icon: F.value ? r(O) : r(C), style: { margin: "-15px 0", "z-index": "1" } }, null, 8, ["icon"])) : y("", true)]), key: "0" } : void 0]), 1032, ["style", "class"]);
   };
 } });
 export {
-  k as default
+  T as default
 };

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

@@ -1,12 +1,12 @@
-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 { 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.js";
-import c from "../../common/common-function-code.vue.js";
-const f = { 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) {
+import f from "../../common/common-function-code.vue.js";
+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, 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 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 });
+    return u(), a(T, { "label-width": "80px", size: "small" }, { default: t(() => [d(k, { modelValue: b2.value, "onUpdate:modelValue": x[5] || (x[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(_, { label: "组件类型" }, { default: t(() => [d(V, null, { default: t(() => [r(i(e2.configure.label) + "(" + i(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), d(_, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: t(() => [d(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 }), d(_, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: t(() => [d(y, { modelValue: e2.configure.code, "onUpdate:modelValue": x[1] || (x[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), d(_, { 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": x[4] || (x[4] = (l3) => e2.configure.props.linkType = l3) }, { default: t(() => [d(_, null, { label: t(() => [d(h, { value: "address" }, { default: t(() => x[6] || (x[6] = [r("地址")])), _: 1 })]), default: t(() => [d(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 }), d(_, { style: { "margin-top": "-8px", "margin-bottom": "-10px" } }, { label: t(() => [d(h, { value: "page" }, { default: t(() => x[7] || (x[7] = [r("页面")])), _: 1 })]), default: t(() => [d(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: 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 {

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

@@ -1,55 +1,55 @@
-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";
-import y from "../../common/common-icon-bind.vue.js";
-import h from "../../common/common-i18n-key-input.vue.js";
-const v = { style: { padding: "8px 0px 0px 0px" } }, w = { style: { padding: "8px 0px 0px 0px" }, ref: "panels" }, k = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, U = e({ __name: "tabs-attr-base", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => {
+import { defineComponent as e, ref as l, resolveComponent as o, createBlock as t, openBlock as i, withCtx as a, 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, Close as V, Check as _ } from "@element-plus/icons-vue";
+import y from "../../common/common-attr-size.vue.js";
+import v from "../../common/common-function-code.vue.js";
+import h from "../../common/common-icon-bind.vue.js";
+import w from "../../common/common-i18n-key-input.vue.js";
+const U = { style: { padding: "8px 0px 0px 0px" } }, k = { style: { padding: "8px 0px 0px 0px" }, ref: "panels" }, z = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, C = e({ __name: "tabs-attr-base", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => {
 } } }, setup(e2) {
-  const U2 = e2;
+  const C2 = e2;
   l([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]);
-  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 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) {
+  const T = l(["1", "2", "attrSize"]);
+  return (l2, j) => {
+    const O = o("el-text"), F = 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"), B = o("el-radio-button"), E = o("el-radio-group"), G = o("el-switch"), I = o("el-collapse"), J = o("el-form");
+    return i(), t(J, { "label-width": "80px", size: "small" }, { default: a(() => [n(I, { modelValue: T.value, "onUpdate:modelValue": j[7] || (j[7] = (e3) => T.value = e3), style: { "margin-top": "6px" } }, { default: a(() => [n(R, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: a(() => [u("div", U, [n(F, { label: "组件类型" }, { default: a(() => [n(O, null, { default: a(() => [r(d(e2.configure.label) + "(" + d(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), n(F, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: a(() => [n(P, { modelValue: e2.configure.uuid, "onUpdate:modelValue": j[0] || (j[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), n(F, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: a(() => [n(P, { modelValue: e2.configure.code, "onUpdate:modelValue": j[1] || (j[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), n(F, { label: "绑定权限", style: { "margin-top": "-10px", "margin-bottom": "-10px" } }, { default: a(() => [n(v, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 })])]), _: 1 }), n(R, { title: "页签列表", name: "2", class: "amb-design-attr-group-header" }, { default: a(() => [u("div", k, [n(H, { data: e2.configure.items, border: "", style: { width: "100%" }, class: "panelTable" }, { default: a(() => [n(D, { label: "", width: "32" }, { default: a((e3) => [u("div", z, [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) {
+      const o2 = C2.configure.items.length;
+      for (let t3 = 0; t3 < o2; t3++) if (C2.configure.items[t3].index == e4.index) {
         l4 = t3;
         break;
       }
       if (l4 < 1) return;
-      const t2 = U2.configure.items;
+      const t2 = C2.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) {
+    }(e3.row) }, { default: a(() => [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) {
+      const o2 = C2.configure.items.length;
+      for (let t3 = 0; t3 < o2; t3++) if (C2.configure.items[t3].index == e4.index) {
         l4 = t3;
         break;
       }
-      if (-1 == l4 || U2.configure.items.length == l4 + 1) return;
-      const t2 = U2.configure.items;
+      if (-1 == l4 || C2.configure.items.length == l4 + 1) return;
+      const t2 = C2.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) {
+    }(e3.row) }, { default: a(() => [n(c(g))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), n(D, { prop: "label", label: "标题", width: "110" }, { default: a((e3) => [n(w, { modelValue: e3.row.label, "onUpdate:modelValue": (l3) => e3.row.label = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), n(D, { label: "图标", width: "70" }, { default: a((e3) => [n(h, { 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(O, { 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) {
+    }(e3.row, l3, o2) }, null, 8, ["iconType", "iconValue", "onUpdate:modelValue"])]), _: 1 }), n(D, { label: "编码", width: "70" }, { default: a((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: a((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;
-      U2.configure.items.find((t2, a2) => {
-        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!");
+      C2.configure.items.find((t2, i2) => {
+        t2.index == e4.index && (o2 = i2), t2.index > l4 && (l4 = t2.index);
+      }), o2 > -1 && C2.configure.items.splice(o2 + 1, 0, { label: "Tab" + (l4 + 1), index: l4 + 1, items: [] });
+    }(e3.row) }, { default: a(() => [n(c(b))]), _: 2 }, 1032, ["onClick"]), n(q, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e4) {
+      if (1 == C2.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) {
+      for (let o2 in C2.configure.items) if (C2.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(() => [(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 });
+      l4 > -1 && C2.configure.items.splice(l4, 1);
+    }(e3.row) }, { default: a(() => [n(c(x))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), n(F, { label: "默认打开", style: { "margin-top": "10px" } }, { default: a(() => [n(A, { modelValue: e2.configure.props.defaultOpen, "onUpdate:modelValue": j[2] || (j[2] = (l3) => e2.configure.props.defaultOpen = l3), placeholder: "默认", clearable: "" }, { default: a(() => [(i(true), p(m, null, f(e2.configure.items, (e3) => (i(), t(S, { label: e3.label, value: e3.index }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(F, { label: "标签风格", style: { "margin-top": "-10px" } }, { default: a(() => [n(A, { modelValue: e2.configure.props.cardType, "onUpdate:modelValue": j[3] || (j[3] = (l3) => e2.configure.props.cardType = l3), placeholder: "默认", clearable: "" }, { default: a(() => [n(S, { label: "卡片", value: "card" }), n(S, { label: "边框", value: "border-card" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(F, { label: "标签位置", style: { "margin-top": "-10px" } }, { default: a(() => [n(E, { modelValue: e2.configure.props.tabPosition, "onUpdate:modelValue": j[4] || (j[4] = (l3) => e2.configure.props.tabPosition = l3) }, { default: a(() => [n(B, { value: "top" }, { default: a(() => j[8] || (j[8] = [r("上")])), _: 1 }), n(B, { value: "right" }, { default: a(() => j[9] || (j[9] = [r("右")])), _: 1 }), n(B, { value: "bottom" }, { default: a(() => j[10] || (j[10] = [r("下")])), _: 1 }), n(B, { value: "left" }, { default: a(() => j[11] || (j[11] = [r("左")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(F, { label: "全部渲染", style: { "margin-top": "-10px" } }, { default: a(() => [n(G, { modelValue: e2.configure.props.isFullyRendered, "onUpdate:modelValue": j[5] || (j[5] = (l3) => e2.configure.props.isFullyRendered = l3), "inline-prompt": "", "active-icon": c(_), "inactive-icon": c(V) }, null, 8, ["modelValue", "active-icon", "inactive-icon"])]), _: 1 }), n(F, { label: "延迟渲染", style: { "margin-top": "-10px" } }, { default: a(() => [n(G, { modelValue: e2.configure.props.lazy, "onUpdate:modelValue": j[6] || (j[6] = (l3) => e2.configure.props.lazy = l3), "inline-prompt": "", "active-icon": c(_), "inactive-icon": c(V) }, 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 {
-  U as default
+  C as default
 };

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

@@ -1,23 +1,23 @@
-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 { 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 d, createCommentVNode as g, 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 k = { class: "amb-design-attr-content" }, C = { 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: () => {
+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;
   let q = t("base");
-  null == _.configure.events && (_.configure.events = []);
+  _.configure.props = { isFullyRendered: true, isContentEmbedded: true, ..._.configure.props ?? {} }, null == _.configure.events && (_.configure.events = []);
   const x = t(0);
-  function L() {
+  function E() {
     const e3 = _.configure.events;
     for (let t2 = 0; t2 < e3.length; t2++) e3[t2].selLogicCode && x.value++;
   }
-  return L(), a(_.configure.events, (e3) => {
-    L();
-  }), (t2, a2) => {
+  return E(), n(_.configure.events, (e3) => {
+    E();
+  }), (t2, n2) => {
     const O3 = s("el-badge");
-    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)]])])]);
+    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(" 事件 ")), x.value > 0 ? (l(), d(O3, { key: 0, value: x.value }, null, 8, ["value"])) : g("", 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 {

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

@@ -1,7 +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-96609f3b"]]);
+const s = t(e, [["__scopeId", "data-v-eca0c768"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
-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 { 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 r, Fragment as m, renderList as c, createVNode as g, createCommentVNode as d, createElementVNode as p, toDisplayString as f, 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";
@@ -7,26 +7,26 @@ import { deepCopy as W, getUuidv4 as j } from "../../../../utils/common-util.js"
 import { caculateComponentStyle as h } from "../../../../utils/container-design-util.js";
 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 w() {
-    h(C.configure, S, A, U), C.configure.runtime.style = S.value, C.configure.runtime.class = A.value, C.configure.runtime.headerStyle = U.value;
+  const k = e2;
+  k.configure.items || (k.configure.items = [{ label: "Tab1", index: 1, items: [] }, { label: "Tab2", index: 2, items: [] }]);
+  const C = t(1);
+  k.configure.runtime || (k.configure.runtime = {});
+  const S = t({}), z = t(""), A = t({});
+  function U() {
+    h(k.configure, S, z, A), k.configure.runtime.style = S.value, k.configure.runtime.class = z.value, k.configure.runtime.headerStyle = A.value;
   }
-  w(), i(C.configure.style, () => {
-    w();
+  U(), i(k.configure.style, () => {
+    U();
   });
-  const F = D2;
-  function P(e3, t2) {
-    F("onSelectWidget", e3, t2);
+  const w = D2;
+  function F(e3, t2) {
+    w("onSelectWidget", e3, t2);
   }
-  function q(e3, t2) {
-    F("onCustomAttrWidget", e3, t2);
+  function P(e3, t2) {
+    w("onCustomAttrWidget", e3, t2);
   }
-  function z(e3) {
-    let t2 = C.configure.items;
+  function q(e3) {
+    let t2 = k.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++) {
@@ -38,10 +38,10 @@ const D = e({ __name: "tabs-design", props: { pageDesign: {}, configure: {}, ind
       }
     }
   }
-  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 runtime-page-container-tabs-view", 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: P, onOnCustomAttrWidget: q, onOnCopy: z, onOnDelete: (e4) => function(e5, t4) {
+  return (e3, t2) => (l(), n(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: a(["amb-design-item-default runtime-page-container-tabs-view", z.value]), style: s(S.value) }, { default: u(() => [(l(true), r(m, null, c(e3.configure.items, (t3, i2) => (l(), n(o(v), { key: i2, label: t3.label, name: t3.index, lazy: !!e3.configure.props.lazy }, { 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), p("span", { style: s(A.value) }, f(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), r(m, null, c(t3.items, (i3, o2) => (l(), n(V, { key: i3, pageDesign: e3.pageDesign, configure: i3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: F, onOnCustomAttrWidget: P, onOnCopy: q, onOnDelete: (e4) => function(e5, t4) {
     const i4 = e5.items;
     _(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"]));
+  }(t3, e4) }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj", "onOnDelete"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1032, ["label", "name", "lazy"]))), 128))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
 } });
 export {
   D as default