super-page-designer 2.2.2 → 2.2.8

package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js

@@ -1,108 +1,103 @@
-import { defineComponent as e, ref as l, watch as a, computed as t, resolveComponent as u, openBlock as o, createElementBlock as n, toDisplayString as i, createBlock as r, withCtx as s, createVNode as c, withDirectives as p, withModifiers as v, unref as m, vShow as d, Fragment as g, renderList as f, normalizeClass as h, createElementVNode as w, normalizeStyle as y, createTextVNode as _, resolveDynamicComponent as b, createCommentVNode as x, nextTick as z } from "vue";
-import { CircleClose as k, Check as S, Search as C, Plus as P, InfoFilled as V } from "@element-plus/icons-vue";
+import { defineComponent as e, ref as l, watch as a, computed as t, resolveComponent as u, createElementBlock as o, createBlock as n, openBlock as i, toDisplayString as r, withCtx as s, createVNode as c, Fragment as p, renderList as v, normalizeClass as m, createElementVNode as d, withDirectives as g, unref as f, vShow as h, normalizeStyle as w, createTextVNode as y, createCommentVNode as _, resolveDynamicComponent as b, withModifiers as x, nextTick as z } from "vue";
+import { Check as k, Search as S, Plus as C, InfoFilled as P, CircleClose as V } from "@element-plus/icons-vue";
 import * as I from "@element-plus/icons";
 import U from "agilebuilder-ui/src/utils/request";
-const O = { key: 0 }, N = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, T = w("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1), A = w("br", null, null, -1), L = ["title"], E = e({ __name: "common-icon-bind", props: { iconType: String, iconValue: String, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: E2 }) {
-  const j = E2, q = e2, M = [{ value: "ElementUI", label: "ElementUI" }, { value: "custom", label: "自定义" }];
+const O = { key: 0 }, N = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, T = ["title"], A = e({ __name: "common-icon-bind", props: { iconType: String, iconValue: String, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: A2 }) {
+  const L = A2, E = e2, j = [{ value: "ElementUI", label: "ElementUI" }, { value: "custom", label: "自定义" }];
   l(false);
-  const R = {}, $ = l({}), B = l(q.iconType);
-  B.value || (B.value = M[0].value);
-  const D = l("");
-  D.value = q.iconValue, l([]);
-  const F = l({}), G = l(""), H = l(), J = l([]);
-  function K() {
-    "custom" == B.value ? W() : Q();
+  const q = {}, M = l({}), R = l(E.iconType);
+  R.value || (R.value = j[0].value);
+  const $ = l("");
+  $.value = E.iconValue, l([]);
+  const B = l({}), D = l(""), F = l(), G = l([]);
+  function H() {
+    "custom" == R.value ? K() : J();
   }
-  function Q() {
-    const e3 = F.value.elementUIOptions.filter((e4) => !G.value || e4.label.toLowerCase().includes(G.value.toLowerCase()) || e4.value.toLowerCase().includes(G.value.toLowerCase()));
-    $.value.currentPage || ($.value.currentPage = 1), $.value.pageSize || ($.value.pageSize = 50);
-    let l2 = $.value.currentPage;
-    const a2 = $.value.pageSize;
+  function J() {
+    const e3 = B.value.elementUIOptions.filter((e4) => !D.value || e4.label.toLowerCase().includes(D.value.toLowerCase()) || e4.value.toLowerCase().includes(D.value.toLowerCase()));
+    M.value.currentPage || (M.value.currentPage = 1), M.value.pageSize || (M.value.pageSize = 50);
+    let l2 = M.value.currentPage;
+    const a2 = M.value.pageSize;
     let t2 = (l2 - 1) * a2;
     t2 + 2 > e3.length && (t2 = 0, l2 = 1);
     const u2 = [];
-    for (let l3 = t2; l3 < t2 + a2 && l3 < e3.length; l3++)
-      u2.push(e3[l3]);
-    $.value.currentPage = l2, $.value.total = e3.length, J.value = u2;
+    for (let l3 = t2; l3 < t2 + a2 && l3 < e3.length; l3++) u2.push(e3[l3]);
+    M.value.currentPage = l2, M.value.total = e3.length, G.value = u2;
   }
-  function W() {
-    const e3 = { query: G.value, pageSize: $.value && $.value.pageSize ? $.value.pageSize : 50, pageNo: $.value && $.value.pageNo ? $.value.pageNo : 1 };
-    G.value, U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", e3).then((e4) => {
+  function K() {
+    const e3 = { query: D.value, pageSize: M.value && M.value.pageSize ? M.value.pageSize : 50, pageNo: M.value && M.value.pageNo ? M.value.pageNo : 1 };
+    D.value, U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", e3).then((e4) => {
       const l2 = e4.data ? e4.data : [], a2 = [];
-      for (let e5 of l2)
-        a2.push({ value: e5.iconName, label: e5.iconName });
-      F.value.customOptions = a2, "custom" == B.value && ($.value.pageSize = e4.size, $.value.currentPage = e4.page, $.value.total = e4.total, J.value = a2);
+      for (let e5 of l2) a2.push({ value: e5.iconName, label: e5.iconName });
+      B.value.customOptions = a2, "custom" == R.value && (M.value.pageSize = e4.size, M.value.currentPage = e4.page, M.value.total = e4.total, G.value = a2);
     });
   }
-  a(G, () => {
+  a(D, () => {
     window.iconSearchTimeout && clearTimeout(window.iconSearchTimeout), window.iconSearchTimeout = setTimeout(function() {
-      "custom" == B.value ? ($.value.pageNo = 1, W()) : ($.value.pageNo = 1, Q());
+      "custom" == R.value ? (M.value.pageNo = 1, K()) : (M.value.pageNo = 1, J());
     }, 300);
   });
-  const X = t(() => {
+  const Q = t(() => {
     let e3 = 185;
-    return "custom" == B.value && (e3 = 170), e3;
-  }), Y = t(() => {
+    return "custom" == R.value && (e3 = 170), e3;
+  }), W = t(() => {
     const e3 = {};
-    return "custom" == B.value && (e3.width = "200px"), e3;
+    return "custom" == R.value && (e3.width = "200px"), e3;
   });
-  function Z(e3) {
-    e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), B.value = e3;
-    let l2 = R[B.value];
+  function X(e3) {
+    e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), R.value = e3;
+    let l2 = q[R.value];
     var a2;
-    l2 || (l2 = { currentPage: 1, pageSize: 50, total: 0 }, R[B.value] = l2), $.value = l2, "ElementUI" === (a2 = B.value) ? Q() : "custom" === a2 && W();
+    l2 || (l2 = { currentPage: 1, pageSize: 50, total: 0 }, q[R.value] = l2), M.value = l2, "ElementUI" === (a2 = R.value) ? J() : "custom" === a2 && K();
   }
-  function ee() {
-    D.value = "", j("update:modelValue", "", ""), H.value.hide();
+  function Y() {
+    $.value = "", L("update:modelValue", "", ""), F.value.hide();
   }
-  function le() {
-    if (G.value = G.value.trim(), !G.value)
-      return void ElMessage.warning("请输入图标名!");
-    const e3 = F.value.customOptions || [];
+  function Z() {
+    if (D.value = D.value.trim(), !D.value) return void ElMessage.warning("请输入图标名!");
+    const e3 = B.value.customOptions || [];
     let l2 = false;
-    for (let a3 of e3)
-      if (a3.value === G.value) {
-        l2 = true;
-        break;
-      }
-    B.value = "custom", D.value = G.value;
-    const a2 = G.value;
-    if (G.value = "", j("update:modelValue", B.value, D.value), H.value.hide(), !l2) {
+    for (let a3 of e3) if (a3.value === D.value) {
+      l2 = true;
+      break;
+    }
+    R.value = "custom", $.value = D.value;
+    const a2 = D.value;
+    if (D.value = "", L("update:modelValue", R.value, $.value), F.value.hide(), !l2) {
       const e4 = { iconName: a2 };
       U.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/get-or-create", e4).then((e5) => {
-        "custom" == B.value && W();
+        "custom" == R.value && K();
       }).catch((e5) => {
         ElMessage.warning("保存图标失败!");
       });
     }
   }
-  const ae = l();
-  function te() {
+  const ee = l();
+  function le() {
     z(() => {
       !function() {
-        if (!F.value.elementUIOptions) {
+        if (!B.value.elementUIOptions) {
           if (!window.temp_Icon_Options) {
             const e3 = [];
-            for (const [l2, a2] of Object.entries(I))
-              e3.push({ value: l2, label: l2, component: a2 });
+            for (const [l2, a2] of Object.entries(I)) e3.push({ value: l2, label: l2, component: a2 });
             e3.sort(function(e4, l2) {
               const a2 = e4.value, t2 = l2.value;
               return a2.localeCompare(t2);
             }), window.temp_Icon_Options = e3;
           }
-          F.value.elementUIOptions = window.temp_Icon_Options;
+          B.value.elementUIOptions = window.temp_Icon_Options;
         }
-      }(), Z(B.value);
+      }(), X(R.value);
     });
   }
   return (l2, a2) => {
-    const t2 = u("el-icon"), z2 = u("el-input"), I2 = u("el-menu-item"), U2 = u("el-menu"), E3 = u("el-col"), q2 = u("el-empty"), R2 = u("el-button"), F2 = u("el-tag"), Q2 = u("el-tooltip"), W2 = u("el-table-column"), ue = u("el-table"), oe = u("el-pagination"), ne = u("el-row"), ie = u("el-popover");
-    return e2.showLabel ? (o(), n("span", O, i(D.value), 1)) : (o(), r(ie, { key: 1, ref_key: "popoverRef", ref: H, trigger: "click", width: 400 }, { reference: s(() => [c(z2, { readonly: "", size: "small", onClick: te, modelValue: D.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => D.value = e3), placeholder: "请选择" }, { suffix: s(() => [p(c(t2, { style: { cursor: "pointer" }, onClick: v(ee, ["stop"]) }, { default: s(() => [c(m(k))]), _: 1 }, 512), [[d, D.value]])]), _: 1 }, 8, ["modelValue"])]), default: s(() => [c(ne, null, { default: s(() => [c(E3, { span: 8 }, { default: s(() => [c(U2, null, { default: s(() => [(o(), n(g, null, f(M, (e3) => c(I2, { style: { height: "40px", "padding-left": "0px" }, class: h(e3.value == B.value ? "is-active" : ""), onClick: (l3) => Z(e3.value) }, { default: s(() => [c(t2, null, { default: s(() => [p(c(m(S), null, null, 512), [[d, e3.value == B.value]])]), _: 2 }, 1024), w("span", null, i(e3.label), 1)]), _: 2 }, 1032, ["class", "onClick"])), 64))]), _: 1 })]), _: 1 }), B.value ? (o(), r(E3, { key: 1, span: 16, style: { "padding-left": "10px" } }, { default: s(() => [c(z2, { size: "small", modelValue: G.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => G.value = e3), placeholder: "搜索", "suffix-icon": m(C), style: y([{ "margin-bottom": "5px", height: "25px" }, Y.value]) }, null, 8, ["modelValue", "suffix-icon", "style"]), p(c(R2, { style: { float: "right" }, onClick: le, size: "small", type: "primary", icon: m(P), circle: "" }, null, 8, ["icon"]), [[d, "custom" == B.value]]), p(w("div", N, [c(t2, null, { default: s(() => [c(m(V))]), _: 1 }), T, _("   "), c(Q2, null, { content: s(() => [_(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), A, _(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")]), default: s(() => [c(F2, { type: "primary" }, { default: s(() => [_("更多")]), _: 1 })]), _: 1 })], 512), [[d, "custom" == B.value]]), c(ue, { ref_key: "tableRef", ref: ae, height: X.value, "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "tree-props": { children: "items" }, "highlight-current-row": true, data: J.value }, { default: s(() => [c(W2, { width: "65" }, { default: s((e3) => [c(R2, { size: "small", onClick: (l3) => {
-      return a3 = e3.row, D.value = a3.value, j("update:modelValue", B.value, D.value), void H.value.hide();
+    const t2 = u("el-icon"), z2 = u("el-input"), I2 = u("el-menu-item"), U2 = u("el-menu"), A3 = u("el-col"), E2 = u("el-empty"), q2 = u("el-button"), B2 = u("el-tag"), J2 = u("el-tooltip"), K2 = u("el-table-column"), ae = u("el-table"), te = u("el-pagination"), ue = u("el-row"), oe = u("el-popover");
+    return e2.showLabel ? (i(), o("span", O, r($.value), 1)) : (i(), n(oe, { key: 1, ref_key: "popoverRef", ref: F, trigger: "click", width: 400 }, { reference: s(() => [c(z2, { readonly: "", size: "small", onClick: le, modelValue: $.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => $.value = e3), placeholder: "请选择" }, { suffix: s(() => [g(c(t2, { style: { cursor: "pointer" }, onClick: x(Y, ["stop"]) }, { default: s(() => [c(f(V))]), _: 1 }, 512), [[h, $.value]])]), _: 1 }, 8, ["modelValue"])]), default: s(() => [c(ue, null, { default: s(() => [c(A3, { span: 8 }, { default: s(() => [c(U2, null, { default: s(() => [(i(), o(p, null, v(j, (e3) => c(I2, { style: { height: "40px", "padding-left": "0px" }, class: m(e3.value == R.value ? "is-active" : ""), onClick: (l3) => X(e3.value) }, { default: s(() => [c(t2, null, { default: s(() => [g(c(f(k), null, null, 512), [[h, e3.value == R.value]])]), _: 2 }, 1024), d("span", null, r(e3.label), 1)]), _: 2 }, 1032, ["class", "onClick"])), 64))]), _: 1 })]), _: 1 }), R.value ? (i(), n(A3, { key: 1, span: 16, style: { "padding-left": "10px" } }, { default: s(() => [c(z2, { size: "small", modelValue: D.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => D.value = e3), placeholder: "搜索", "suffix-icon": f(S), style: w([{ "margin-bottom": "5px", height: "25px" }, W.value]) }, null, 8, ["modelValue", "suffix-icon", "style"]), g(c(q2, { style: { float: "right" }, onClick: Z, size: "small", type: "primary", icon: f(C), circle: "" }, null, 8, ["icon"]), [[h, "custom" == R.value]]), g(d("div", N, [c(t2, null, { default: s(() => [c(f(P))]), _: 1 }), a2[6] || (a2[6] = d("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), a2[7] || (a2[7] = y("   ")), c(J2, null, { content: s(() => a2[4] || (a2[4] = [y(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), d("br", null, null, -1), y(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")])), default: s(() => [c(B2, { type: "primary" }, { default: s(() => a2[5] || (a2[5] = [y("更多")])), _: 1 })]), _: 1 })], 512), [[h, "custom" == R.value]]), c(ae, { ref_key: "tableRef", ref: ee, height: Q.value, "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "tree-props": { children: "items" }, "highlight-current-row": true, data: G.value }, { default: s(() => [c(K2, { width: "65" }, { default: s((e3) => [c(q2, { size: "small", onClick: (l3) => {
+      return a3 = e3.row, $.value = a3.value, L("update:modelValue", R.value, $.value), void F.value.hide();
       var a3;
-    } }, { default: s(() => [_(" 选择 ")]), _: 2 }, 1032, ["onClick"])]), _: 1 }), c(W2, { label: "名称", prop: "value", width: "120" }, { default: s((e3) => [w("span", { style: { "text-align": "left" }, title: e3.row.value }, i(e3.row.value), 9, L)]), _: 1 }), c(W2, { label: "图标" }, { default: s((e3) => [e3.row.component ? (o(), r(b(e3.row.component), { key: 0, style: { width: "20px" } })) : x("", true)]), _: 1 })]), _: 1 }, 8, ["height", "data"]), c(oe, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": $.value.currentPage, "onUpdate:currentPage": a2[2] || (a2[2] = (e3) => $.value.currentPage = e3), "page-size": $.value.pageSize, "onUpdate:pageSize": a2[3] || (a2[3] = (e3) => $.value.pageSize = e3), size: l2.small, "pager-count": 3, layout: "pager,total", total: $.value.total, onCurrentChange: K }, null, 8, ["current-page", "page-size", "size", "total"])]), _: 1 })) : (o(), r(E3, { key: 0, span: 16 }, { default: s(() => [c(q2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 })]), _: 1 }, 512));
+    } }, { default: s(() => a2[8] || (a2[8] = [y(" 选择 ")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), c(K2, { label: "名称", prop: "value", width: "120" }, { default: s((e3) => [d("span", { style: { "text-align": "left" }, title: e3.row.value }, r(e3.row.value), 9, T)]), _: 1 }), c(K2, { label: "图标" }, { default: s((e3) => [e3.row.component ? (i(), n(b(e3.row.component), { key: 0, style: { width: "20px" } })) : _("", true)]), _: 1 })]), _: 1 }, 8, ["height", "data"]), c(te, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": M.value.currentPage, "onUpdate:currentPage": a2[2] || (a2[2] = (e3) => M.value.currentPage = e3), "page-size": M.value.pageSize, "onUpdate:pageSize": a2[3] || (a2[3] = (e3) => M.value.pageSize = e3), size: l2.small, "pager-count": 3, layout: "pager,total", total: M.value.total, onCurrentChange: H }, null, 8, ["current-page", "page-size", "size", "total"])]), _: 1 })) : (i(), n(A3, { key: 0, span: 16 }, { default: s(() => [c(E2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 })]), _: 1 }, 512));
   };
 } });
 export {
-  E as default
+  A as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, reactive as t, resolveComponent as a, openBlock as o, createBlock as n, withCtx as s, createElementVNode as i, createVNode as r, createElementBlock as u, Fragment as p, renderList as d, unref as c, createTextVNode as m, toDisplayString as g } from "vue";
+import { defineComponent as e, ref as l, reactive as t, resolveComponent as a, createBlock as o, openBlock as n, withCtx as s, createElementVNode as i, createVNode as r, createElementBlock as u, Fragment as p, renderList as d, unref as c, createTextVNode as m, toDisplayString as g } from "vue";
 import { Search as h, RefreshLeft as y } from "@element-plus/icons";
 import b from "agilebuilder-ui/src/utils/request";
 import { EnableStates as f } from "../../../utils/interfaces/page-design-types.js";
@@ -29,10 +29,8 @@ const V = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
     e3 > 500 ? e3 = 500 : e3 < 100 && (e3 = 100), P.value = e3, x.value = true, U || (U = true, b.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-charts/findAllSystem").then((e4) => {
       const l2 = e4, t2 = [], a2 = {};
       for (let e5 of l2) {
-        if (T[e5.id] = e5.name, e5.deleted)
-          continue;
-        if (e5.enabledState != f.ENABLE)
-          continue;
+        if (T[e5.id] = e5.name, e5.deleted) continue;
+        if (e5.enabledState != f.ENABLE) continue;
         const l3 = a2[e5.code];
         null != l3 ? e5.code == z.systemCode ? l3.publishVersion != z.systemVersion && (e5.code == z.systemCode && e5.publishVersion == z.systemVersion || e5.publishVersion > l3.publishVersion) && (a2[e5.code] = e5) : e5.publishVersion > l3.publishVersion && (a2[e5.code] = e5) : null == l3 && (a2[e5.code] = e5, t2.push(e5.code));
       }
@@ -46,7 +44,7 @@ const V = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
     }, 100));
   } }), (e3, l2) => {
     const t2 = a("el-option"), b2 = a("el-select"), f2 = a("el-input"), v3 = a("el-button"), w2 = a("el-table-column"), z2 = a("el-table"), U2 = a("el-pagination"), j2 = a("el-dialog");
-    return o(), n(j2, { modelValue: x.value, "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => x.value = e4), title: "选择页面", width: "800", "append-to-body": "" }, { default: s(() => [i("div", V, [r(b2, { modelValue: S.systemId, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => S.systemId = e4), placeholder: "所有应用", clearable: "", onChange: B, style: { width: "220px" } }, { default: s(() => [(o(true), u(p, null, d(A.value, (e4) => (o(), n(t2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), r(f2, { modelValue: S.searchValue, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => S.searchValue = e4), style: { width: "260px", "margin-left": "10px" }, clearable: "", placeholder: "请输入编码或名称" }, null, 8, ["modelValue"]), r(v3, { type: "primary", style: { "margin-left": "10px" }, icon: c(h), onClick: B }, { default: s(() => [m("确定")]), _: 1 }, 8, ["icon"]), r(v3, { style: { "margin-left": "10px" }, icon: c(y), onClick: I }, { default: s(() => [m("重置")]), _: 1 }, 8, ["icon"])]), r(z2, { data: k.value, stripe: "", height: P.value, onSortChange: $ }, { default: s(() => [r(w2, { type: "index", label: "序", width: "50" }, { default: s((e4) => [m(g(e4.$index + 1), 1)]), _: 1 }), r(w2, { label: "操作", width: "80" }, { default: s((e4) => [r(v3, { type: "primary", size: "small", onClick: (l3) => (C("selectPage", e4.row), void (x.value = false)) }, { default: s(() => [m("选择")]), _: 2 }, 1032, ["onClick"])]), _: 1 }), r(w2, { property: "dataView", label: "应用", width: "120" }, { default: s((e4) => [i("span", null, g(T.value[e4.row.systemId]), 1)]), _: 1 }), r(w2, { property: "code", label: "编码", width: "160", sortable: "custom" }), r(w2, { property: "name", label: "名称", width: "260", sortable: "custom" })]), _: 1 }, 8, ["data", "height"]), r(U2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": _.currentPage, "onUpdate:currentPage": l2[2] || (l2[2] = (e4) => _.currentPage = e4), "page-size": _.pageSize, "onUpdate:pageSize": l2[3] || (l2[3] = (e4) => _.pageSize = e4), "page-sizes": [20, 30, 50, 100], background: "", layout: "sizes,prev,pager,next,jumper,total", total: _.total, onSizeChange: B, onCurrentChange: B }, null, 8, ["current-page", "page-size", "total"])]), _: 1 }, 8, ["modelValue"]);
+    return n(), o(j2, { modelValue: x.value, "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => x.value = e4), title: "选择页面", width: "800", "append-to-body": "" }, { default: s(() => [i("div", V, [r(b2, { modelValue: S.systemId, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => S.systemId = e4), placeholder: "所有应用", clearable: "", onChange: B, style: { width: "220px" } }, { default: s(() => [(n(true), u(p, null, d(A.value, (e4) => (n(), o(t2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), r(f2, { modelValue: S.searchValue, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => S.searchValue = e4), style: { width: "260px", "margin-left": "10px" }, clearable: "", placeholder: "请输入编码或名称" }, null, 8, ["modelValue"]), r(v3, { type: "primary", style: { "margin-left": "10px" }, icon: c(h), onClick: B }, { default: s(() => l2[5] || (l2[5] = [m("确定")])), _: 1 }, 8, ["icon"]), r(v3, { style: { "margin-left": "10px" }, icon: c(y), onClick: I }, { default: s(() => l2[6] || (l2[6] = [m("重置")])), _: 1 }, 8, ["icon"])]), r(z2, { data: k.value, stripe: "", height: P.value, onSortChange: $ }, { default: s(() => [r(w2, { type: "index", label: "序", width: "50" }, { default: s((e4) => [m(g(e4.$index + 1), 1)]), _: 1 }), r(w2, { label: "操作", width: "80" }, { default: s((e4) => [r(v3, { type: "primary", size: "small", onClick: (l3) => (C("selectPage", e4.row), void (x.value = false)) }, { default: s(() => l2[7] || (l2[7] = [m("选择")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), r(w2, { property: "dataView", label: "应用", width: "120" }, { default: s((e4) => [i("span", null, g(T.value[e4.row.systemId]), 1)]), _: 1 }), r(w2, { property: "code", label: "编码", width: "160", sortable: "custom" }), r(w2, { property: "name", label: "名称", width: "260", sortable: "custom" })]), _: 1 }, 8, ["data", "height"]), r(U2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": _.currentPage, "onUpdate:currentPage": l2[2] || (l2[2] = (e4) => _.currentPage = e4), "page-size": _.pageSize, "onUpdate:pageSize": l2[3] || (l2[3] = (e4) => _.pageSize = e4), "page-sizes": [20, 30, 50, 100], background: "", layout: "sizes,prev,pager,next,jumper,total", total: _.total, onSizeChange: B, onCurrentChange: B }, null, 8, ["current-page", "page-size", "total"])]), _: 1 }, 8, ["modelValue"]);
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/common/common-select-table.vue.d.ts

@@ -6,13 +6,13 @@ interface MyProps {
  * 打开对象框
  */
 declare function openDialog(): void;
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<MyProps>, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>, {
     openDialog: typeof openDialog;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     selectTable: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & Readonly<{
     onSelectTable?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, reactive as a, resolveComponent as t, openBlock as o, createBlock as s, withCtx as n, createElementVNode as r, createVNode as i, createElementBlock as u, Fragment as p, renderList as d, unref as c, createTextVNode as m, toDisplayString as g, createCommentVNode as y } from "vue";
+import { defineComponent as e, ref as l, reactive as a, resolveComponent as t, createBlock as o, openBlock as s, withCtx as n, createElementVNode as r, createVNode as i, createElementBlock as u, Fragment as p, renderList as d, unref as c, createTextVNode as m, toDisplayString as g, createCommentVNode as y } from "vue";
 import { Search as h, RefreshLeft as f } from "@element-plus/icons";
 import b from "agilebuilder-ui/src/utils/request";
 import { EnableStates as v } from "../../../utils/interfaces/page-design-types.js";
@@ -24,8 +24,7 @@ const C = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
     if (l2) {
       let e4 = D.value.filter((e5) => e5.value == l2);
       a2 = e4.length > 0 ? e4[0].version : -1;
-    } else
-      l2 = k, a2 = N;
+    } else l2 = k, a2 = N;
     const t2 = U.tableType ? U.tableType : 0, o2 = window.$vueApp.config.globalProperties.baseAPI + "/mms/data-tables/list/" + l2 + "/" + t2 + "/" + a2;
     b.post(o2, e3).then((e4) => {
       E.value = e4.data, I.currentPage = e4.page, I.pageSize = e4.size, I.total = e4.total;
@@ -36,10 +35,8 @@ const C = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
     e3 > 500 ? e3 = 500 : e3 < 100 && (e3 = 100), P.value = e3, A.value = true, F || (F = true, b.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-charts/findAllSystem").then((e4) => {
       const l2 = e4, a2 = [], t2 = {};
       for (let e5 of l2) {
-        if (e5.deleted)
-          continue;
-        if (e5.enabledState != v.ENABLE)
-          continue;
+        if (e5.deleted) continue;
+        if (e5.enabledState != v.ENABLE) continue;
         const l3 = t2[e5.code];
         null != l3 && e5.publishVersion > l3.publishVersion ? t2[e5.code] = e5 : null == l3 && (t2[e5.code] = e5, a2.push(e5.code));
       }
@@ -53,14 +50,14 @@ const C = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
     }, 100));
   } }), (e3, l2) => {
     const a2 = t("el-option"), b2 = t("el-select"), v2 = t("el-input"), V2 = t("el-button"), w3 = t("el-table-column"), x2 = t("el-text"), T2 = t("el-table"), z2 = t("el-pagination"), k2 = t("el-dialog");
-    return o(), s(k2, { modelValue: A.value, "onUpdate:modelValue": l2[5] || (l2[5] = (e4) => A.value = e4), title: "选择数据模型", width: "800" }, { default: n(() => [r("div", C, [i(b2, { modelValue: U.systemCode, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => U.systemCode = e4), placeholder: "当前应用", clearable: "", onChange: X, style: { width: "120px" } }, { default: n(() => [(o(true), u(p, null, d(D.value, (e4) => (o(), s(a2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), i(b2, { modelValue: U.tableType, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => U.tableType = e4), placeholder: "表和视图", clearable: "", onChange: X, style: { width: "120px", "margin-left": "10px" } }, { default: n(() => [i(a2, { value: "1", label: "表" }), i(a2, { value: "2", label: "视图" })]), _: 1 }, 8, ["modelValue"]), i(v2, { modelValue: U.searchValue, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => U.searchValue = e4), style: { width: "240px", "margin-left": "10px" }, placeholder: "请输入名称或别名" }, null, 8, ["modelValue"]), i(V2, { type: "primary", style: { "margin-left": "10px" }, icon: c(h), onClick: X }, { default: n(() => [m("确定")]), _: 1 }, 8, ["icon"]), i(V2, { style: { "margin-left": "10px" }, icon: c(f), onClick: j }, { default: n(() => [m("重置")]), _: 1 }, 8, ["icon"])]), i(T2, { data: E.value, stripe: "", height: P.value, onSortChange: O }, { default: n(() => [i(w3, { type: "index", label: "序", width: "50" }, { default: n((e4) => [m(g(e4.$index + 1), 1)]), _: 1 }), i(w3, { label: "操作", width: "80" }, { default: n((e4) => [i(V2, { type: "primary", size: "small", onClick: (l3) => function(e5) {
+    return s(), o(k2, { modelValue: A.value, "onUpdate:modelValue": l2[5] || (l2[5] = (e4) => A.value = e4), title: "选择数据模型", width: "800" }, { default: n(() => [r("div", C, [i(b2, { modelValue: U.systemCode, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => U.systemCode = e4), placeholder: "当前应用", clearable: "", onChange: X, style: { width: "120px" } }, { default: n(() => [(s(true), u(p, null, d(D.value, (e4) => (s(), o(a2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), i(b2, { modelValue: U.tableType, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => U.tableType = e4), placeholder: "表和视图", clearable: "", onChange: X, style: { width: "120px", "margin-left": "10px" } }, { default: n(() => [i(a2, { value: "1", label: "表" }), i(a2, { value: "2", label: "视图" })]), _: 1 }, 8, ["modelValue"]), i(v2, { modelValue: U.searchValue, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => U.searchValue = e4), style: { width: "240px", "margin-left": "10px" }, placeholder: "请输入名称或别名" }, null, 8, ["modelValue"]), i(V2, { type: "primary", style: { "margin-left": "10px" }, icon: c(h), onClick: X }, { default: n(() => l2[6] || (l2[6] = [m("确定")])), _: 1 }, 8, ["icon"]), i(V2, { style: { "margin-left": "10px" }, icon: c(f), onClick: j }, { default: n(() => l2[7] || (l2[7] = [m("重置")])), _: 1 }, 8, ["icon"])]), i(T2, { data: E.value, stripe: "", height: P.value, onSortChange: O }, { default: n(() => [i(w3, { type: "index", label: "序", width: "50" }, { default: n((e4) => [m(g(e4.$index + 1), 1)]), _: 1 }), i(w3, { label: "操作", width: "80" }, { default: n((e4) => [i(V2, { type: "primary", size: "small", onClick: (l3) => function(e5) {
       const l4 = { name: e5.row.name, alias: e5.row.alias };
       if (U.systemCode && U.systemCode != _.systemCode) {
         let e6 = U.systemCode, a3 = D.value.filter((l5) => l5.value == e6);
         l4.systemVersion = a3.length > 0 ? a3[0].version : 1, l4.systemCode = e6;
       }
       S("selectTable", l4), A.value = false;
-    }(e4) }, { default: n(() => [m("选择")]), _: 2 }, 1032, ["onClick"])]), _: 1 }), i(w3, { property: "dataView", label: "类型", width: "70" }, { default: n((e4) => [e4.dataView ? y("", true) : (o(), s(x2, { key: 0, class: "mx-1", type: "primary" }, { default: n(() => [m("数据表")]), _: 1 })), e4.dataView ? (o(), s(x2, { key: 1, class: "mx-1", type: "success" }, { default: n(() => [m("视图")]), _: 1 })) : y("", true)]), _: 1 }), i(w3, { property: "name", label: "名称", width: "200", sortable: "custom" }), i(w3, { property: "alias", label: "别名" })]), _: 1 }, 8, ["data", "height"]), i(z2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": I.currentPage, "onUpdate:currentPage": l2[3] || (l2[3] = (e4) => I.currentPage = e4), "page-size": I.pageSize, "onUpdate:pageSize": l2[4] || (l2[4] = (e4) => I.pageSize = e4), "page-sizes": [20, 30, 50, 100], background: "", layout: "sizes,prev,pager,next,jumper,total", total: I.total, onSizeChange: X, onCurrentChange: X }, null, 8, ["current-page", "page-size", "total"])]), _: 1 }, 8, ["modelValue"]);
+    }(e4) }, { default: n(() => l2[8] || (l2[8] = [m("选择")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), i(w3, { property: "dataView", label: "类型", width: "70" }, { default: n((e4) => [e4.dataView ? y("", true) : (s(), o(x2, { key: 0, class: "mx-1", type: "primary" }, { default: n(() => l2[9] || (l2[9] = [m("数据表")])), _: 1 })), e4.dataView ? (s(), o(x2, { key: 1, class: "mx-1", type: "success" }, { default: n(() => l2[10] || (l2[10] = [m("视图")])), _: 1 })) : y("", true)]), _: 1 }), i(w3, { property: "name", label: "名称", width: "200", sortable: "custom" }), i(w3, { property: "alias", label: "别名" })]), _: 1 }, 8, ["data", "height"]), i(z2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": I.currentPage, "onUpdate:currentPage": l2[3] || (l2[3] = (e4) => I.currentPage = e4), "page-size": I.pageSize, "onUpdate:pageSize": l2[4] || (l2[4] = (e4) => I.pageSize = e4), "page-sizes": [20, 30, 50, 100], background: "", layout: "sizes,prev,pager,next,jumper,total", total: I.total, onSizeChange: X, onCurrentChange: X }, null, 8, ["current-page", "page-size", "total"])]), _: 1 }, 8, ["modelValue"]);
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/common/common-style-background.vue.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     configure: {
         type: ObjectConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     configure: {
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/components/design/views/assemblys/common/common-style-background.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as o, resolveComponent as a, openBlock as t, createBlock as r, withCtx as l, createElementVNode as s, createVNode as i, unref as n, createElementBlock as u, createCommentVNode as c, withModifiers as p } from "vue";
+import { defineComponent as e, ref as o, resolveComponent as a, createBlock as t, openBlock as r, withCtx as l, createElementVNode as s, createVNode as i, unref as n, createElementBlock as u, createCommentVNode as c, withModifiers as p } from "vue";
 import { Plus as g } from "@element-plus/icons-vue";
 import { getToken as d } from "agilebuilder-ui/src/utils/auth";
 const m = { style: { padding: "8px 0px 0px 0px" } }, f = ["src"], b = e({ __name: "common-style-background", props: { configure: { type: Object, required: true } }, setup(e2) {
@@ -7,15 +7,14 @@ const m = { style: { padding: "8px 0px 0px 0px" } }, f = ["src"], b = e({ __name
     b2.configure.style.backgroundImageServerPath = void 0;
   }
   function x(e3) {
-    if (e3.size > 3145728)
-      return this.$message({ type: "warning", message: this.$t("imatrixUIMessage.exceedFileSize", { fileSize: 3 }), showClose: true }), false;
+    if (e3.size > 3145728) return this.$message({ type: "warning", message: this.$t("imatrixUIMessage.exceedFileSize", { fileSize: 3 }), showClose: true }), false;
   }
   const w = (e3, o2) => {
     b2.configure.style.backgroundImageServerPath = e3.serverPath;
   };
   return (o2, d2) => {
     const b3 = a("el-color-picker"), P = a("el-form-item"), _ = a("CloseBold"), I = a("el-icon"), S = a("el-upload"), z = a("el-collapse-item");
-    return t(), r(z, { title: "背景", name: "styleBackground", class: "amb-design-attr-group-header" }, { default: l(() => [s("div", m, [i(P, { label: "颜色", style: { "margin-top": "4px" } }, { default: l(() => [i(b3, { modelValue: e2.configure.style.backgroundColor, "onUpdate:modelValue": d2[0] || (d2[0] = (o3) => e2.configure.style.backgroundColor = o3) }, null, 8, ["modelValue"])]), _: 1 }), i(P, { label: "图片", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: l(() => [i(S, { class: "avatar-uploader", accept: "image/png, image/jpeg", "with-credentials": true, headers: { Authorization: n(v) }, action: h.value, "show-file-list": false, "on-success": w, "before-upload": x, style: { position: "relative" }, name: "file" }, { default: l(() => [e2.configure.style.backgroundImageServerPath ? (t(), u("img", { key: 0, src: y.value + e2.configure.style.backgroundImageServerPath + "&_tt=" + (/* @__PURE__ */ new Date()).getTime(), class: "avatar" }, null, 8, f)) : c("", true), e2.configure.style.backgroundImageServerPath ? (t(), r(I, { key: 1, style: { position: "absolute", top: "4px", right: "4px", "font-size": "15px", "background-color": "red" }, onClick: p(k, ["stop"]) }, { default: l(() => [i(_)]), _: 1 })) : (t(), r(I, { key: 2, class: "avatar-uploader-icon" }, { default: l(() => [i(n(g))]), _: 1 }))]), _: 1 }, 8, ["headers", "action"])]), _: 1 })])]), _: 1 });
+    return r(), t(z, { title: "背景", name: "styleBackground", class: "amb-design-attr-group-header" }, { default: l(() => [s("div", m, [i(P, { label: "颜色", style: { "margin-top": "4px" } }, { default: l(() => [i(b3, { modelValue: e2.configure.style.backgroundColor, "onUpdate:modelValue": d2[0] || (d2[0] = (o3) => e2.configure.style.backgroundColor = o3) }, null, 8, ["modelValue"])]), _: 1 }), i(P, { label: "图片", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: l(() => [i(S, { class: "avatar-uploader", accept: "image/png, image/jpeg", "with-credentials": true, headers: { Authorization: n(v) }, action: h.value, "show-file-list": false, "on-success": w, "before-upload": x, style: { position: "relative" }, name: "file" }, { default: l(() => [e2.configure.style.backgroundImageServerPath ? (r(), u("img", { key: 0, src: y.value + e2.configure.style.backgroundImageServerPath + "&_tt=" + (/* @__PURE__ */ new Date()).getTime(), class: "avatar" }, null, 8, f)) : c("", true), e2.configure.style.backgroundImageServerPath ? (r(), t(I, { key: 1, style: { position: "absolute", top: "4px", right: "4px", "font-size": "15px", "background-color": "red" }, onClick: p(k, ["stop"]) }, { default: l(() => [i(_)]), _: 1 })) : (r(), t(I, { key: 2, class: "avatar-uploader-icon" }, { default: l(() => [i(n(g))]), _: 1 }))]), _: 1 }, 8, ["headers", "action"])]), _: 1 })])]), _: 1 });
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/common/common-style-border.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as e, resolveComponent as l, openBlock as o, createBlock as a, withCtx as t, createElementVNode as d, createVNode as r, createTextVNode as u } from "vue";
+import { defineComponent as e, resolveComponent as l, createBlock as o, openBlock as a, withCtx as t, createElementVNode as d, createVNode as r, createTextVNode as u } from "vue";
 const i = { style: { padding: "8px 0px 0px 0px" } }, m = e({ __name: "common-style-border", props: { configure: { type: Object, required: true } }, setup: (e2) => (m2, n) => {
   const p = l("el-color-picker"), s = l("el-form-item"), f = l("el-input-number"), g = l("el-radio"), c = l("el-radio-group"), y = l("el-collapse-item");
-  return o(), a(y, { title: "边框", name: "styleBorder", class: "amb-design-attr-group-header" }, { default: t(() => [d("div", i, [r(s, { label: "颜色", class: "amb-design-attr-item", style: { "margin-top": "4px" } }, { default: t(() => [r(p, { modelValue: e2.configure.style.borderColor, "onUpdate:modelValue": n[0] || (n[0] = (l2) => e2.configure.style.borderColor = l2) }, null, 8, ["modelValue"])]), _: 1 }), r(s, { label: "线宽", style: { "margin-top": "0px" } }, { default: t(() => [r(f, { modelValue: e2.configure.style.borderWidth, "onUpdate:modelValue": n[1] || (n[1] = (l2) => e2.configure.style.borderWidth = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }), r(s, { label: "线型", style: { "margin-top": "-10px" } }, { default: t(() => [r(c, { modelValue: e2.configure.style.borderType, "onUpdate:modelValue": n[2] || (n[2] = (l2) => e2.configure.style.borderType = l2) }, { default: t(() => [r(g, { value: "solid" }, { default: t(() => [u("实线")]), _: 1 }), r(g, { value: "dotted" }, { default: t(() => [u("点线")]), _: 1 }), r(g, { value: "dashed" }, { default: t(() => [u("虚线")]), _: 1 }), r(g, { value: null }, { default: t(() => [u("无")]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(s, { label: "圆角", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: t(() => [r(f, { modelValue: e2.configure.style.radius, "onUpdate:modelValue": n[3] || (n[3] = (l2) => e2.configure.style.radius = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
+  return a(), o(y, { title: "边框", name: "styleBorder", class: "amb-design-attr-group-header" }, { default: t(() => [d("div", i, [r(s, { label: "颜色", class: "amb-design-attr-item", style: { "margin-top": "4px" } }, { default: t(() => [r(p, { modelValue: e2.configure.style.borderColor, "onUpdate:modelValue": n[0] || (n[0] = (l2) => e2.configure.style.borderColor = l2) }, null, 8, ["modelValue"])]), _: 1 }), r(s, { label: "线宽", style: { "margin-top": "0px" } }, { default: t(() => [r(f, { modelValue: e2.configure.style.borderWidth, "onUpdate:modelValue": n[1] || (n[1] = (l2) => e2.configure.style.borderWidth = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }), r(s, { label: "线型", style: { "margin-top": "-10px" } }, { default: t(() => [r(c, { modelValue: e2.configure.style.borderType, "onUpdate:modelValue": n[2] || (n[2] = (l2) => e2.configure.style.borderType = l2) }, { default: t(() => [r(g, { value: "solid" }, { default: t(() => n[4] || (n[4] = [u("实线")])), _: 1 }), r(g, { value: "dotted" }, { default: t(() => n[5] || (n[5] = [u("点线")])), _: 1 }), r(g, { value: "dashed" }, { default: t(() => n[6] || (n[6] = [u("虚线")])), _: 1 }), r(g, { value: null }, { default: t(() => n[7] || (n[7] = [u("无")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(s, { label: "圆角", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: t(() => [r(f, { modelValue: e2.configure.style.radius, "onUpdate:modelValue": n[3] || (n[3] = (l2) => e2.configure.style.radius = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
 } });
 export {
   m as default

package/dist/es/components/design/views/assemblys/common/common-style-custom.vue.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     configure: {
         type: ObjectConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     configure: {
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/components/design/views/assemblys/common/common-style-custom.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as e, resolveComponent as l, openBlock as t, createBlock as o, withCtx as a, createElementVNode as s, createVNode as u } from "vue";
+import { defineComponent as e, resolveComponent as l, createBlock as t, openBlock as o, withCtx as a, createElementVNode as s, createVNode as u } from "vue";
 const m = { style: { padding: "8px 0px 0px 0px" } }, p = e({ __name: "common-style-custom", props: { configure: { type: Object, required: true } }, setup: (e2) => (p2, r) => {
   const n = l("el-input"), d = l("el-form-item"), c = l("el-form"), i = l("el-collapse-item");
-  return t(), o(i, { title: "自定义", name: "styleCustom", class: "amb-design-attr-group-header" }, { default: a(() => [s("div", m, [u(c, { "label-position": "top" }, { default: a(() => [u(d, { label: "  class(多个分号;隔开)", style: { "margin-top": "4px" } }, { default: a(() => [u(n, { modelValue: e2.configure.style.customClass, "onUpdate:modelValue": r[0] || (r[0] = (l2) => e2.configure.style.customClass = l2), placeholder: "" }, null, 8, ["modelValue"])]), _: 1 }), u(d, { label: "  style", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: a(() => [u(n, { modelValue: e2.configure.style.customStyle, "onUpdate:modelValue": r[1] || (r[1] = (l2) => e2.configure.style.customStyle = l2), rows: 5, type: "textarea", placeholder: "" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 });
+  return o(), t(i, { title: "自定义", name: "styleCustom", class: "amb-design-attr-group-header" }, { default: a(() => [s("div", m, [u(c, { "label-position": "top" }, { default: a(() => [u(d, { label: "  class(多个分号;隔开)", style: { "margin-top": "4px" } }, { default: a(() => [u(n, { modelValue: e2.configure.style.customClass, "onUpdate:modelValue": r[0] || (r[0] = (l2) => e2.configure.style.customClass = l2), placeholder: "" }, null, 8, ["modelValue"])]), _: 1 }), u(d, { label: "  style", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: a(() => [u(n, { modelValue: e2.configure.style.customStyle, "onUpdate:modelValue": r[1] || (r[1] = (l2) => e2.configure.style.customStyle = l2), rows: 5, type: "textarea", placeholder: "" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 });
 } });
 export {
   p as default

package/dist/es/components/design/views/assemblys/common/common-style-font-head.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as e, resolveComponent as l, openBlock as a, createBlock as t, withCtx as o, createElementVNode as u, createVNode as d, createElementBlock as n, Fragment as r, renderList as p, withDirectives as i, createTextVNode as m, vShow as f } from "vue";
+import { defineComponent as e, resolveComponent as l, createBlock as a, openBlock as t, withCtx as o, createElementVNode as u, createVNode as d, withDirectives as n, createElementBlock as r, Fragment as p, renderList as i, createTextVNode as m, vShow as f } from "vue";
 const s = { style: { padding: "8px 0px 0px 0px" } }, c = e({ __name: "common-style-font-head", props: { headerTextAlign: { default: true }, configure: { type: Object, required: true } }, setup(e2) {
   const c2 = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px"];
   return (g, x) => {
     const h = l("el-switch"), y = l("el-form-item"), _ = l("el-col"), V = l("el-row"), b = l("el-option"), v = l("el-select"), F = l("el-color-picker"), U = l("el-radio-button"), A = l("el-radio-group"), T = l("el-collapse-item");
-    return a(), t(T, { title: "标题", name: "styleFontHead", class: "amb-design-attr-group-header" }, { default: o(() => [u("div", s, [d(V, { style: { "margin-top": "4px" } }, { default: o(() => [d(_, { span: 9 }, { default: o(() => [d(y, { label: "加粗" }, { default: o(() => [d(h, { modelValue: e2.configure.style.headerFontWeight, "onUpdate:modelValue": x[0] || (x[0] = (l2) => e2.configure.style.headerFontWeight = l2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), d(_, { span: 12 }, { default: o(() => [d(y, { label: "倾斜" }, { default: o(() => [d(h, { modelValue: e2.configure.style.headerIncline, "onUpdate:modelValue": x[1] || (x[1] = (l2) => e2.configure.style.headerIncline = l2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), d(y, { label: "字号", style: { "margin-top": "-10px" } }, { default: o(() => [d(v, { modelValue: e2.configure.style.headerFontSize, "onUpdate:modelValue": x[2] || (x[2] = (l2) => e2.configure.style.headerFontSize = l2), placeholder: "默认", clearable: "" }, { default: o(() => [(a(), n(r, null, p(c2, (e3) => d(b, { label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(y, { label: "颜色", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: o(() => [d(F, { modelValue: e2.configure.style.headerColor, "onUpdate:modelValue": x[3] || (x[3] = (l2) => e2.configure.style.headerColor = l2) }, null, 8, ["modelValue"])]), _: 1 }), i(d(y, { label: "左右对齐", style: { "margin-top": "22px", "margin-bottom": "-15px" } }, { default: o(() => [d(A, { modelValue: e2.configure.style.headerTextAlign, "onUpdate:modelValue": x[4] || (x[4] = (l2) => e2.configure.style.headerTextAlign = l2) }, { default: o(() => [d(U, { value: "left" }, { default: o(() => [m("左")]), _: 1 }), d(U, { value: "center" }, { default: o(() => [m("中")]), _: 1 }), d(U, { value: "right" }, { default: o(() => [m("右")]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[f, e2.headerTextAlign]])])]), _: 1 });
+    return t(), a(T, { title: "标题", name: "styleFontHead", class: "amb-design-attr-group-header" }, { default: o(() => [u("div", s, [d(V, { style: { "margin-top": "4px" } }, { default: o(() => [d(_, { span: 9 }, { default: o(() => [d(y, { label: "加粗" }, { default: o(() => [d(h, { modelValue: e2.configure.style.headerFontWeight, "onUpdate:modelValue": x[0] || (x[0] = (l2) => e2.configure.style.headerFontWeight = l2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), d(_, { span: 12 }, { default: o(() => [d(y, { label: "倾斜" }, { default: o(() => [d(h, { modelValue: e2.configure.style.headerIncline, "onUpdate:modelValue": x[1] || (x[1] = (l2) => e2.configure.style.headerIncline = l2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), d(y, { label: "字号", style: { "margin-top": "-10px" } }, { default: o(() => [d(v, { modelValue: e2.configure.style.headerFontSize, "onUpdate:modelValue": x[2] || (x[2] = (l2) => e2.configure.style.headerFontSize = l2), placeholder: "默认", clearable: "" }, { default: o(() => [(t(), r(p, null, i(c2, (e3) => d(b, { label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(y, { label: "颜色", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: o(() => [d(F, { modelValue: e2.configure.style.headerColor, "onUpdate:modelValue": x[3] || (x[3] = (l2) => e2.configure.style.headerColor = l2) }, null, 8, ["modelValue"])]), _: 1 }), n(d(y, { label: "左右对齐", style: { "margin-top": "22px", "margin-bottom": "-15px" } }, { default: o(() => [d(A, { modelValue: e2.configure.style.headerTextAlign, "onUpdate:modelValue": x[4] || (x[4] = (l2) => e2.configure.style.headerTextAlign = l2) }, { default: o(() => [d(U, { value: "left" }, { default: o(() => x[5] || (x[5] = [m("左")])), _: 1 }), d(U, { value: "center" }, { default: o(() => x[6] || (x[6] = [m("中")])), _: 1 }), d(U, { value: "right" }, { default: o(() => x[7] || (x[7] = [m("右")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[f, e2.headerTextAlign]])])]), _: 1 });
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/common/common-style-font.vue.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     configure: {
         type: ObjectConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     configure: {
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/components/design/views/assemblys/common/common-style-font.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as e, resolveComponent as l, openBlock as t, createBlock as o, withCtx as a, createElementVNode as u, createVNode as n, createElementBlock as d, Fragment as p, renderList as r, createTextVNode as i } from "vue";
+import { defineComponent as e, resolveComponent as l, createBlock as t, openBlock as o, withCtx as a, createElementVNode as u, createVNode as n, createElementBlock as d, Fragment as p, renderList as r, createTextVNode as i } from "vue";
 const f = { style: { padding: "8px 0px 0px 0px" } }, m = e({ __name: "common-style-font", props: { configure: { type: Object, required: true } }, setup(e2) {
   const m2 = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px"];
   return (s, c) => {
     const g = l("el-switch"), x = l("el-form-item"), y = l("el-col"), _ = l("el-row"), V = l("el-option"), b = l("el-select"), v = l("el-color-picker"), h = l("el-radio-button"), U = l("el-radio-group"), w = l("el-collapse-item");
-    return t(), o(w, { title: "字体", name: "styleFont", class: "amb-design-attr-group-header" }, { default: a(() => [u("div", f, [n(_, { style: { "margin-top": "4px" } }, { default: a(() => [n(y, { span: 9 }, { default: a(() => [n(x, { label: "加粗" }, { default: a(() => [n(g, { modelValue: e2.configure.style.fontWeight, "onUpdate:modelValue": c[0] || (c[0] = (l2) => e2.configure.style.fontWeight = l2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), n(y, { span: 12 }, { default: a(() => [n(x, { label: "倾斜" }, { default: a(() => [n(g, { modelValue: e2.configure.style.incline, "onUpdate:modelValue": c[1] || (c[1] = (l2) => e2.configure.style.incline = l2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), n(x, { label: "字号", style: { "margin-top": "-10px" } }, { default: a(() => [n(b, { modelValue: e2.configure.style.fontSize, "onUpdate:modelValue": c[2] || (c[2] = (l2) => e2.configure.style.fontSize = l2), placeholder: "默认", clearable: "" }, { default: a(() => [(t(), d(p, null, r(m2, (e3) => n(V, { label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(x, { label: "颜色", style: { "margin-top": "-10px" } }, { default: a(() => [n(v, { modelValue: e2.configure.style.color, "onUpdate:modelValue": c[3] || (c[3] = (l2) => e2.configure.style.color = l2) }, null, 8, ["modelValue"])]), _: 1 }), n(x, { label: "左右对齐", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: a(() => [n(U, { modelValue: e2.configure.style.textAlign, "onUpdate:modelValue": c[4] || (c[4] = (l2) => e2.configure.style.textAlign = l2) }, { default: a(() => [n(h, { value: "left" }, { default: a(() => [i("左")]), _: 1 }), n(h, { value: "center" }, { default: a(() => [i("中")]), _: 1 }), n(h, { value: "right" }, { default: a(() => [i("右")]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
+    return o(), t(w, { title: "字体", name: "styleFont", class: "amb-design-attr-group-header" }, { default: a(() => [u("div", f, [n(_, { style: { "margin-top": "4px" } }, { default: a(() => [n(y, { span: 9 }, { default: a(() => [n(x, { label: "加粗" }, { default: a(() => [n(g, { modelValue: e2.configure.style.fontWeight, "onUpdate:modelValue": c[0] || (c[0] = (l2) => e2.configure.style.fontWeight = l2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), n(y, { span: 12 }, { default: a(() => [n(x, { label: "倾斜" }, { default: a(() => [n(g, { modelValue: e2.configure.style.incline, "onUpdate:modelValue": c[1] || (c[1] = (l2) => e2.configure.style.incline = l2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), n(x, { label: "字号", style: { "margin-top": "-10px" } }, { default: a(() => [n(b, { modelValue: e2.configure.style.fontSize, "onUpdate:modelValue": c[2] || (c[2] = (l2) => e2.configure.style.fontSize = l2), placeholder: "默认", clearable: "" }, { default: a(() => [(o(), d(p, null, r(m2, (e3) => n(V, { label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(x, { label: "颜色", style: { "margin-top": "-10px" } }, { default: a(() => [n(v, { modelValue: e2.configure.style.color, "onUpdate:modelValue": c[3] || (c[3] = (l2) => e2.configure.style.color = l2) }, null, 8, ["modelValue"])]), _: 1 }), n(x, { label: "左右对齐", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: a(() => [n(U, { modelValue: e2.configure.style.textAlign, "onUpdate:modelValue": c[4] || (c[4] = (l2) => e2.configure.style.textAlign = l2) }, { default: a(() => [n(h, { value: "left" }, { default: a(() => c[5] || (c[5] = [i("左")])), _: 1 }), n(h, { value: "center" }, { default: a(() => c[6] || (c[6] = [i("中")])), _: 1 }), n(h, { value: "right" }, { default: a(() => c[7] || (c[7] = [i("右")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/common/common-style-margin.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as e, resolveComponent as l, openBlock as a, createBlock as t, withCtx as m, createElementVNode as o, createVNode as n } from "vue";
+import { defineComponent as e, resolveComponent as l, createBlock as a, openBlock as t, withCtx as m, createElementVNode as o, createVNode as n } from "vue";
 const i = { style: { padding: "8px 0px 0px 0px" } }, r = e({ __name: "common-style-margin", props: { configure: { type: Object, required: true } }, setup: (e2) => (r2, u) => {
   const g = l("el-input-number"), p = l("el-form-item"), d = l("el-collapse-item");
-  return a(), t(d, { title: "Margin", name: "styleMargin", class: "amb-design-attr-group-header" }, { default: m(() => [o("div", i, [n(p, { label: "左边距", style: { "margin-top": "4px" } }, { default: m(() => [n(g, { modelValue: e2.configure.style.marginLeft, "onUpdate:modelValue": u[0] || (u[0] = (l2) => e2.configure.style.marginLeft = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }), n(p, { label: "右边距", style: { "margin-top": "-10px" } }, { default: m(() => [n(g, { modelValue: e2.configure.style.marginRight, "onUpdate:modelValue": u[1] || (u[1] = (l2) => e2.configure.style.marginRight = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }), n(p, { label: "上边距", style: { "margin-top": "-10px" } }, { default: m(() => [n(g, { modelValue: e2.configure.style.marginTop, "onUpdate:modelValue": u[2] || (u[2] = (l2) => e2.configure.style.marginTop = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }), n(p, { label: "下边距", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: m(() => [n(g, { modelValue: e2.configure.style.marginBottom, "onUpdate:modelValue": u[3] || (u[3] = (l2) => e2.configure.style.marginBottom = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
+  return t(), a(d, { title: "Margin", name: "styleMargin", class: "amb-design-attr-group-header" }, { default: m(() => [o("div", i, [n(p, { label: "左边距", style: { "margin-top": "4px" } }, { default: m(() => [n(g, { modelValue: e2.configure.style.marginLeft, "onUpdate:modelValue": u[0] || (u[0] = (l2) => e2.configure.style.marginLeft = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }), n(p, { label: "右边距", style: { "margin-top": "-10px" } }, { default: m(() => [n(g, { modelValue: e2.configure.style.marginRight, "onUpdate:modelValue": u[1] || (u[1] = (l2) => e2.configure.style.marginRight = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }), n(p, { label: "上边距", style: { "margin-top": "-10px" } }, { default: m(() => [n(g, { modelValue: e2.configure.style.marginTop, "onUpdate:modelValue": u[2] || (u[2] = (l2) => e2.configure.style.marginTop = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }), n(p, { label: "下边距", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: m(() => [n(g, { modelValue: e2.configure.style.marginBottom, "onUpdate:modelValue": u[3] || (u[3] = (l2) => e2.configure.style.marginBottom = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
 } });
 export {
   r as default

package/dist/es/components/design/views/assemblys/common/common-style-padding.vue.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     configure: {
         type: ObjectConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     configure: {
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/components/design/views/assemblys/common/common-style-padding.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as e, resolveComponent as l, openBlock as a, createBlock as t, withCtx as d, createElementVNode as o, createVNode as n } from "vue";
+import { defineComponent as e, resolveComponent as l, createBlock as a, openBlock as t, withCtx as d, createElementVNode as o, createVNode as n } from "vue";
 const i = { style: { padding: "8px 0px 0px 0px" } }, m = e({ __name: "common-style-padding", props: { configure: { type: Object, required: true } }, setup: (e2) => (m2, p) => {
   const u = l("el-input-number"), g = l("el-form-item"), r = l("el-collapse-item");
-  return a(), t(r, { title: "Padding", name: "stylePadding", class: "amb-design-attr-group-header" }, { default: d(() => [o("div", i, [n(g, { label: "左边距", style: { "margin-top": "4px" } }, { default: d(() => [n(u, { modelValue: e2.configure.style.paddingLeft, "onUpdate:modelValue": p[0] || (p[0] = (l2) => e2.configure.style.paddingLeft = l2), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 }), n(g, { label: "右边距", style: { "margin-top": "-10px" } }, { default: d(() => [n(u, { modelValue: e2.configure.style.paddingRight, "onUpdate:modelValue": p[1] || (p[1] = (l2) => e2.configure.style.paddingRight = l2), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 }), n(g, { label: "上边距", style: { "margin-top": "-10px" } }, { default: d(() => [n(u, { modelValue: e2.configure.style.paddingTop, "onUpdate:modelValue": p[2] || (p[2] = (l2) => e2.configure.style.paddingTop = l2), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 }), n(g, { label: "下边距", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: d(() => [n(u, { modelValue: e2.configure.style.paddingBottom, "onUpdate:modelValue": p[3] || (p[3] = (l2) => e2.configure.style.paddingBottom = l2), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
+  return t(), a(r, { title: "Padding", name: "stylePadding", class: "amb-design-attr-group-header" }, { default: d(() => [o("div", i, [n(g, { label: "左边距", style: { "margin-top": "4px" } }, { default: d(() => [n(u, { modelValue: e2.configure.style.paddingLeft, "onUpdate:modelValue": p[0] || (p[0] = (l2) => e2.configure.style.paddingLeft = l2), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 }), n(g, { label: "右边距", style: { "margin-top": "-10px" } }, { default: d(() => [n(u, { modelValue: e2.configure.style.paddingRight, "onUpdate:modelValue": p[1] || (p[1] = (l2) => e2.configure.style.paddingRight = l2), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 }), n(g, { label: "上边距", style: { "margin-top": "-10px" } }, { default: d(() => [n(u, { modelValue: e2.configure.style.paddingTop, "onUpdate:modelValue": p[2] || (p[2] = (l2) => e2.configure.style.paddingTop = l2), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 }), n(g, { label: "下边距", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: d(() => [n(u, { modelValue: e2.configure.style.paddingBottom, "onUpdate:modelValue": p[3] || (p[3] = (l2) => e2.configure.style.paddingBottom = l2), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
 } });
 export {
   m as default

package/dist/es/components/design/views/assemblys/common/common-style-position.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as e, resolveComponent as l, openBlock as t, createBlock as o, withCtx as i, createElementVNode as a, createVNode as u, createTextVNode as p, createCommentVNode as s } from "vue";
+import { defineComponent as e, resolveComponent as l, createBlock as t, openBlock as o, withCtx as i, createElementVNode as a, createVNode as u, createCommentVNode as p, createTextVNode as s } from "vue";
 const n = { style: { padding: "8px 0px 0px 0px" } }, d = e({ __name: "common-style-position", props: { configure: { type: Object, required: true } }, setup: (e2) => (d2, r) => {
   const f = l("el-radio"), m = l("el-radio-group"), y = l("el-input"), g = l("el-form-item"), c = l("el-collapse-item");
-  return t(), o(c, { title: "定位", name: "stylePosition", class: "amb-design-attr-group-header" }, { default: i(() => [a("div", n, [u(m, { modelValue: e2.configure.style.position, "onUpdate:modelValue": r[0] || (r[0] = (l2) => e2.configure.style.position = l2), style: { padding: "0px 8px 0px 30px", "margin-bottom": "-15px" } }, { default: i(() => [u(f, { value: "relative" }, { default: i(() => [p("relative")]), _: 1 }), u(f, { value: "absolute" }, { default: i(() => [p("absolute")]), _: 1 }), u(f, { value: "fixed" }, { default: i(() => [p("fixed")]), _: 1 }), u(f, { value: "sticky" }, { default: i(() => [p("sticky")]), _: 1 }), u(f, { value: null }, { default: i(() => [p("无")]), _: 1 })]), _: 1 }, 8, ["modelValue"]), e2.configure.style.position && "relative" != e2.configure.style.position ? (t(), o(g, { key: 0, label: "X坐标", style: { "margin-top": "20px" } }, { default: i(() => [u(y, { modelValue: e2.configure.style.left, "onUpdate:modelValue": r[1] || (r[1] = (l2) => e2.configure.style.left = l2) }, { suffix: i(() => [p(" px ")]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : s("", true), e2.configure.style.position && "relative" != e2.configure.style.position ? (t(), o(g, { key: 1, label: "Y坐标", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: i(() => [u(y, { modelValue: e2.configure.style.top, "onUpdate:modelValue": r[2] || (r[2] = (l2) => e2.configure.style.top = l2) }, { suffix: i(() => [p(" px ")]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : s("", true)])]), _: 1 });
+  return o(), t(c, { title: "定位", name: "stylePosition", class: "amb-design-attr-group-header" }, { default: i(() => [a("div", n, [u(m, { modelValue: e2.configure.style.position, "onUpdate:modelValue": r[0] || (r[0] = (l2) => e2.configure.style.position = l2), style: { padding: "0px 8px 0px 30px", "margin-bottom": "-15px" } }, { default: i(() => [u(f, { value: "relative" }, { default: i(() => r[3] || (r[3] = [s("relative")])), _: 1 }), u(f, { value: "absolute" }, { default: i(() => r[4] || (r[4] = [s("absolute")])), _: 1 }), u(f, { value: "fixed" }, { default: i(() => r[5] || (r[5] = [s("fixed")])), _: 1 }), u(f, { value: "sticky" }, { default: i(() => r[6] || (r[6] = [s("sticky")])), _: 1 }), u(f, { value: null }, { default: i(() => r[7] || (r[7] = [s("无")])), _: 1 })]), _: 1 }, 8, ["modelValue"]), e2.configure.style.position && "relative" != e2.configure.style.position ? (o(), t(g, { key: 0, label: "X坐标", style: { "margin-top": "20px" } }, { default: i(() => [u(y, { modelValue: e2.configure.style.left, "onUpdate:modelValue": r[1] || (r[1] = (l2) => e2.configure.style.left = l2) }, { suffix: i(() => r[8] || (r[8] = [s(" px ")])), _: 1 }, 8, ["modelValue"])]), _: 1 })) : p("", true), e2.configure.style.position && "relative" != e2.configure.style.position ? (o(), t(g, { key: 1, label: "Y坐标", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: i(() => [u(y, { modelValue: e2.configure.style.top, "onUpdate:modelValue": r[2] || (r[2] = (l2) => e2.configure.style.top = l2) }, { suffix: i(() => r[9] || (r[9] = [s(" px ")])), _: 1 }, 8, ["modelValue"])]), _: 1 })) : p("", true)])]), _: 1 });
 } });
 export {
   d as default

package/dist/es/components/design/views/assemblys/common/common-style-shadow.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as e, resolveComponent as l, openBlock as o, createBlock as a, withCtx as t, createElementVNode as d, createVNode as u, createCommentVNode as n } from "vue";
+import { defineComponent as e, resolveComponent as l, createBlock as o, openBlock as a, withCtx as t, createElementVNode as d, createVNode as u, createCommentVNode as n } from "vue";
 const s = { style: { padding: "8px 0px 0px 0px" } }, m = e({ __name: "common-style-shadow", props: { configure: { type: Object, required: true } }, setup: (e2) => (m2, r) => {
   const i = l("el-color-picker"), p = l("el-form-item"), g = l("el-input-number"), y = l("el-collapse-item");
-  return o(), a(y, { title: "阴影", name: "styleShadow", class: "amb-design-attr-group-header" }, { default: t(() => [d("div", s, [u(p, { label: "颜色", style: { "margin-top": "4px", "margin-bottom": "-15px" } }, { default: t(() => [u(i, { modelValue: e2.configure.style.shadowColor, "onUpdate:modelValue": r[0] || (r[0] = (l2) => e2.configure.style.shadowColor = l2) }, null, 8, ["modelValue"])]), _: 1 }), e2.configure.style.shadowColor ? (o(), a(p, { key: 0, label: "上", style: { "margin-top": "23px" } }, { default: t(() => [u(g, { modelValue: e2.configure.style.shadowTop, "onUpdate:modelValue": r[1] || (r[1] = (l2) => e2.configure.style.shadowTop = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), e2.configure.style.shadowColor ? (o(), a(p, { key: 1, label: "右", style: { "margin-top": "-10px" } }, { default: t(() => [u(g, { modelValue: e2.configure.style.shadowRight, "onUpdate:modelValue": r[2] || (r[2] = (l2) => e2.configure.style.shadowRight = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), e2.configure.style.shadowColor ? (o(), a(p, { key: 2, label: "下", style: { "margin-top": "-10px" } }, { default: t(() => [u(g, { modelValue: e2.configure.style.shadowBottom, "onUpdate:modelValue": r[3] || (r[3] = (l2) => e2.configure.style.shadowBottom = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), e2.configure.style.shadowColor ? (o(), a(p, { key: 3, label: "左", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: t(() => [u(g, { modelValue: e2.configure.style.shadowLeft, "onUpdate:modelValue": r[4] || (r[4] = (l2) => e2.configure.style.shadowLeft = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })) : n("", true)])]), _: 1 });
+  return a(), o(y, { title: "阴影", name: "styleShadow", class: "amb-design-attr-group-header" }, { default: t(() => [d("div", s, [u(p, { label: "颜色", style: { "margin-top": "4px", "margin-bottom": "-15px" } }, { default: t(() => [u(i, { modelValue: e2.configure.style.shadowColor, "onUpdate:modelValue": r[0] || (r[0] = (l2) => e2.configure.style.shadowColor = l2) }, null, 8, ["modelValue"])]), _: 1 }), e2.configure.style.shadowColor ? (a(), o(p, { key: 0, label: "上", style: { "margin-top": "23px" } }, { default: t(() => [u(g, { modelValue: e2.configure.style.shadowTop, "onUpdate:modelValue": r[1] || (r[1] = (l2) => e2.configure.style.shadowTop = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), e2.configure.style.shadowColor ? (a(), o(p, { key: 1, label: "右", style: { "margin-top": "-10px" } }, { default: t(() => [u(g, { modelValue: e2.configure.style.shadowRight, "onUpdate:modelValue": r[2] || (r[2] = (l2) => e2.configure.style.shadowRight = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), e2.configure.style.shadowColor ? (a(), o(p, { key: 2, label: "下", style: { "margin-top": "-10px" } }, { default: t(() => [u(g, { modelValue: e2.configure.style.shadowBottom, "onUpdate:modelValue": r[3] || (r[3] = (l2) => e2.configure.style.shadowBottom = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })) : n("", true), e2.configure.style.shadowColor ? (a(), o(p, { key: 3, label: "左", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: t(() => [u(g, { modelValue: e2.configure.style.shadowLeft, "onUpdate:modelValue": r[4] || (r[4] = (l2) => e2.configure.style.shadowLeft = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })) : n("", true)])]), _: 1 });
 } });
 export {
   m as default