super-page-designer 2.3.12-rc1-design1 → 2.3.12-sit1-design2

package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue.js

@@ -1,93 +1,7 @@
-import { defineComponent as e, ref as l, resolveComponent as a, createBlock as o, openBlock as t, withCtx as r, createVNode as u, createElementVNode as s, createElementBlock as p, Fragment as m, renderList as d, unref as n, createTextVNode as i, createCommentVNode as f, toDisplayString as c } from "vue";
-import { getFormComponentOptions as b, getStatisticsTableColumn as g } from "../../../../utils/assemblys-config.js";
-import V from "./component/data-origin.vue.js";
-import w from "./component/style-table.vue.js";
-import v from "./component/link-table.vue.js";
-import _ from "./component/table-pageination.vue.js";
-import y from "../../common/common-attr-size.vue.js";
-import h from "../../form/common/data-linkage.vue.js";
-import { getUuidv4 as U } from "../../../../utils/common-util.js";
-import { addColumnToGroupHeaders as C, getColumnsWithGroupHeader as x } from "../../../../utils/data-table-util.js";
-import "agilebuilder-ui/src/utils/request";
-import k from "../../common/common-function-code.vue.js";
-import D from "../../data/component/formatting-icon-label.vue.js";
-import { getCustomFuncs as j } from "../../../../utils/page-event-util.js";
-import S from "../../../../utils/eventBus.js";
-import { InfoFilled as T } from "@element-plus/icons-vue";
-import { statisticsTable as z } from "../../../../../../stores/statistics-table-store.js";
-import O from "./component/table-showcondition.vue.js";
-const $ = { style: { padding: "8px 0px 0px 0px" } }, F = { style: { padding: "8px 0px 0px 0px" } }, M = { style: { float: "left" } }, R = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, H = { style: { padding: "8px 0px 0px 0px" } }, I = e({ __name: "statisticalTable-attr-base", props: { pageDesign: { type: Object, default: () => ({ props: {} }) }, configure: { type: Object, default: () => ({ props: {} }) } }, setup(e2) {
-  const I2 = e2, P = l(["base", "appearance", "dataOrigin", "linkage", "attrSize", "columnModel", "dataSet", "pageination"]), q = z(), E = l([]), N = l([]);
-  I2.configure.items ? q.addFieldList(I2.configure.items) : I2.configure.items = [{ uuid: U(), field: "", alias: "", format: {} }];
-  const W = l([]);
-  function A(e3, l2) {
-    let a2 = W.value.indexOf(e3.uuid);
-    a2 > -1 ? W.value.splice(a2, 1) : W.value.push(e3.uuid);
-  }
-  function B(e3) {
-    if (e3 || (N.value = []), e3.startsWith("${page.")) {
-      const l2 = e3.substring(7, e3.length - 1), a2 = I2.pageDesign.variables.find((e4) => e4.name === l2);
-      if (a2 && "array" === a2.type && a2.items && a2.items.length > 0) {
-        const e4 = JSON.parse(JSON.stringify(a2.items[0].items));
-        N.value = e4.map((e5) => ({ label: e5.alias, value: e5.name, type: e5.type }));
-      }
-    }
-  }
-  function G(e3) {
-    const l2 = [];
-    if (E.value = e3, e3) {
-      const a2 = I2.configure.props.dataOrigin.service.serviceDataField, o2 = a2 || "";
-      for (let a3 of e3) if (!o2 || a3.value.startsWith(o2 + ".")) {
-        const e4 = {};
-        if (Object.assign(e4, a3), o2) {
-          const l3 = a3.value.substring(o2.length + 1);
-          e4.value = l3, a3.label && (e4.label = a3.label.replace(o2 + ".", ""));
-        }
-        l2.push(e4);
-      }
-    }
-    N.value = l2;
-  }
-  function J(e3, l2) {
-    I2.configure.props.summaries.dataColumn.forEach((a2) => {
-      a2.prop === l2.props.base.prop && (a2.summaryMode = e3, "custom" === e3 ? a2.customRollup = l2.props.base.customRollup : delete a2.customRollup);
-    });
-  }
-  function L(e3) {
-    e3.row && (e3.row.showCondition = e3.data);
-  }
-  return (l2, U2) => {
-    const z2 = a("el-option"), q2 = a("el-select"), K = a("el-form-item"), Q = a("el-input"), X = a("el-radio"), Y = a("el-radio-group"), Z = a("el-collapse-item"), ee = a("el-switch"), le = a("el-input-number"), ae = a("el-color-picker"), oe = a("el-divider"), te = a("el-col"), re = a("el-icon"), ue = a("el-tooltip"), se = a("el-checkbox"), pe = a("el-table-column"), me = a("Plus"), de = a("Delete"), ne = a("el-table"), ie = a("el-collapse"), fe = a("el-form");
-    return t(), o(fe, { "label-width": "80px", size: "small" }, { default: r(() => [u(ie, { modelValue: P.value, "onUpdate:modelValue": U2[10] || (U2[10] = (e3) => P.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(Z, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", $, [u(K, { label: "组件类型", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: e2.configure.name, "onUpdate:modelValue": U2[0] || (U2[0] = (l3) => e2.configure.name = l3), disabled: "", placeholder: "请选择" }, { default: r(() => [(t(true), p(m, null, d(n(b)(), (e3) => (t(), o(z2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(K, { label: "唯一编码", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.uuid, "onUpdate:modelValue": U2[1] || (U2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), u(K, { label: "自定义编码", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.code, "onUpdate:modelValue": U2[2] || (U2[2] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), u(K, { label: "绑定权限", class: "amb-design-attr-item" }, { default: r(() => [(t(), o(k, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }), u(K, { label: "标题", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.title, "onUpdate:modelValue": U2[3] || (U2[3] = (l3) => e2.configure.title = l3), title: e2.configure.tittle }, null, 8, ["modelValue", "title"])]), _: 1 }), u(K, { label: "是否导出", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.exportable, "onUpdate:modelValue": U2[4] || (U2[4] = (l3) => e2.configure.exportable = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[11] || (U2[11] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[12] || (U2[12] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), u(V, { title: "数据", pageDesign: e2.pageDesign, sourceFields: N.value, configure: e2.configure, remote: false, onBindVariableChange: B, onServiceFieldChange: G }, null, 8, ["pageDesign", "sourceFields", "configure"]), u(h, { configureProps: e2.configure.props }, null, 8, ["configureProps"]), u(Z, { title: "列模型", name: "columnModel", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", F, [u(ne, { data: e2.configure.items, style: { width: "100%", "margin-bottom": "8px" }, "row-key": "uuid", onExpandChange: A, "expand-row-keys": W.value }, { default: r(() => [u(pe, { type: "expand", width: "35" }, { default: r((l3) => [u(K, { class: "amb-design-attr-item" }, { label: r(() => U2[13] || (U2[13] = [i(" 显示条件 ")])), default: r(() => [u(O, { paramTypes: ["data", "task", "page", "request", "fixed"], data: l3.row.showCondition, pageDesign: e2.pageDesign, configure: e2.configure, row: l3.row, "onUpdate:data": L }, null, 8, ["data", "pageDesign", "configure", "row"])]), _: 2 }, 1024), u(K, { class: "amb-design-attr-item", "label-position": "top" }, { label: r(() => U2[14] || (U2[14] = [i(" 数据公式 ")])), default: r(() => [u(Q, { modelValue: l3.row.formula, "onUpdate:modelValue": (e3) => l3.row.formula = e3, type: "textarea", size: "small", placeholder: "请选择" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "格式化分类", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { onChange: (e3) => {
-      return a2 = e3, o2 = l3.$index, void (a2 && (I2.configure.items[o2].props.format = { type: a2 }));
-      var a2, o2;
-    }, modelValue: l3.row.props.format.type, "onUpdate:modelValue": (e3) => l3.row.props.format.type = e3, clearable: "", placeholder: "请选择" }, { default: r(() => [u(z2, { label: "数值", value: "number" }), u(z2, { label: "货币", value: "currency" }), u(z2, { label: "百分比", value: "percent" }), u(z2, { label: "图标/标签", value: "icon" }), u(z2, { label: "进度条控件", value: "progress" }), u(z2, { label: "自定义控件", value: "customControl" }), u(z2, { label: "自定义方法", value: "custom" })]), _: 2 }, 1032, ["onChange", "modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), l3.row.props.format && "number" === l3.row.props.format.type || "currency" === l3.row.props.format.type || "percent" === l3.row.props.format.type ? (t(), o(K, { key: 0, label: "小数位数", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.decimalDigit, "onUpdate:modelValue": (e3) => l3.row.props.format.decimalDigit = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type ? (t(), o(K, { key: 1, label: "科学计数", class: "amb-design-attr-item" }, { default: r(() => [u(ee, { modelValue: l3.row.props.format.scientific, "onUpdate:modelValue": (e3) => l3.row.props.format.scientific = e3, "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type && l3.row.props.format.scientific ? (t(), o(K, { key: 2, label: "计数位数", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.scientificNum, "onUpdate:modelValue": (e3) => l3.row.props.format.scientificNum = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type ? (t(), o(K, { key: 3, label: "千位分隔符", class: "amb-design-attr-item" }, { default: r(() => [u(ee, { modelValue: l3.row.props.format.thousandsSeparator, "onUpdate:modelValue": (e3) => l3.row.props.format.thousandsSeparator = e3, "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type ? (t(), o(K, { key: 4, label: "数值符号", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.symbol, "onUpdate:modelValue": (e3) => l3.row.props.format.symbol = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "currency" === l3.row.props.format.type ? (t(), o(K, { key: 5, label: "货币符号", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.format.currencySymbol, "onUpdate:modelValue": (e3) => l3.row.props.format.currencySymbol = e3, placeholder: "Select" }, { default: r(() => [u(z2, { label: "$", value: "$" }), u(z2, { label: "￥", value: "￥" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "customControl" === l3.row.props.format.type ? (t(), o(K, { key: 6, label: "自定义控件", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.customControl, "onUpdate:modelValue": (e3) => l3.row.props.format.customControl = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "icon" === l3.row.props.format.type ? (t(), o(D, { key: 7, setting: l3.row.props.format, "show-event": false }, null, 8, ["setting"])) : f("", true), l3.row.props.format && "custom" === l3.row.props.format.type ? (t(), o(K, { key: 8, label: "自定义方法", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.format.customFunc, "onUpdate:modelValue": (e3) => l3.row.props.format.customFunc = e3, clearable: "" }, { default: r(() => [(t(true), p(m, null, d(n(j)(), (e3) => (t(), o(z2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "progress" === l3.row.props.format.type ? (t(), p(m, { key: 9 }, [u(K, { label: "进度条高度", class: "amb-design-attr-item" }, { default: r(() => [u(le, { modelValue: l3.row.props.format.strokeWidth, "onUpdate:modelValue": (e3) => l3.row.props.format.strokeWidth = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "最大值", class: "amb-design-attr-item" }, { default: r(() => [u(le, { modelValue: l3.row.props.format.max, "onUpdate:modelValue": (e3) => l3.row.props.format.max = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "进度条类型", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.progressType, "onUpdate:modelValue": (e3) => l3.row.props.format.progressType = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "line" }, { default: r(() => U2[15] || (U2[15] = [i("line")])), _: 1 }), u(X, { value: "circle" }, { default: r(() => U2[16] || (U2[16] = [i("circle")])), _: 1 }), u(X, { value: "dashboard" }, { default: r(() => U2[17] || (U2[17] = [i("dashboard")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "显示文字", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.showText, "onUpdate:modelValue": (e3) => l3.row.props.format.showText = e3, class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[18] || (U2[18] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[19] || (U2[19] = [i("否")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), "line" === l3.row.props.format.progressType ? (t(), o(K, { key: 0, label: "文本内显", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.textInside, "onUpdate:modelValue": (e3) => l3.row.props.format.textInside = e3, class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[20] || (U2[20] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[21] || (U2[21] = [i("否")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), u(K, { label: "进度条状态", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.status, "onUpdate:modelValue": (e3) => l3.row.props.format.status = e3, class: "ml-4" }, { default: r(() => [u(X, { value: null }, { default: r(() => U2[22] || (U2[22] = [i("无")])), _: 1 }), u(X, { value: "success" }, { default: r(() => U2[23] || (U2[23] = [i("success")])), _: 1 }), u(X, { value: "warning" }, { default: r(() => U2[24] || (U2[24] = [i("warning")])), _: 1 }), u(X, { value: "exception" }, { default: r(() => U2[25] || (U2[25] = [i("exception")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "自定义颜色", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.colorType, "onUpdate:modelValue": (e3) => l3.row.props.format.colorType = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "default" }, { default: r(() => U2[26] || (U2[26] = [i("默认")])), _: 1 }), u(X, { value: "custom" }, { default: r(() => U2[27] || (U2[27] = [i("指定颜色")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), "custom" === l3.row.props.format.colorType ? (t(), o(K, { key: 1, label: "颜色" }, { default: r(() => [u(ae, { modelValue: l3.row.props.format.color, "onUpdate:modelValue": (e3) => l3.row.props.format.color = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true)], 64)) : f("", true), u(oe, null, { default: r(() => U2[28] || (U2[28] = [i("列属性")])), _: 1 }), u(K, { label: "列宽", class: "amb-design-attr-item" }, { default: r(() => [u(le, { modelValue: l3.row.props.base.width, "onUpdate:modelValue": (e3) => l3.row.props.base.width = e3, class: "mx-4", min: 0, "controls-position": "right" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "标题对齐", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.headerAlign, "onUpdate:modelValue": (e3) => l3.row.props.base.headerAlign = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "left" }, { default: r(() => U2[29] || (U2[29] = [i("居左")])), _: 1 }), u(X, { value: "center" }, { default: r(() => U2[30] || (U2[30] = [i("居中")])), _: 1 }), u(X, { value: "right" }, { default: r(() => U2[31] || (U2[31] = [i("居右")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "内容对齐", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.align, "onUpdate:modelValue": (e3) => l3.row.props.base.align = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "left" }, { default: r(() => U2[32] || (U2[32] = [i("居左")])), _: 1 }), u(X, { value: "center" }, { default: r(() => U2[33] || (U2[33] = [i("居中")])), _: 1 }), u(X, { value: "right" }, { default: r(() => U2[34] || (U2[34] = [i("居右")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "固定列", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.fixed, "onUpdate:modelValue": (e3) => l3.row.props.base.fixed = e3, class: "ml-4" }, { default: r(() => [u(X, { value: false }, { default: r(() => U2[35] || (U2[35] = [i("否")])), _: 1 }), u(X, { value: "left" }, { default: r(() => U2[36] || (U2[36] = [i("居左")])), _: 1 }), u(X, { value: "right" }, { default: r(() => U2[37] || (U2[37] = [i("居右")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "可排序", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.sortable, "onUpdate:modelValue": (e3) => l3.row.props.base.sortable = e3, class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[38] || (U2[38] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[39] || (U2[39] = [i("否")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "汇总列", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.collectColumn, "onUpdate:modelValue": (e3) => l3.row.props.base.collectColumn = e3, onChange: (e3) => {
-      return a2 = e3, o2 = l3.row, I2.configure.props.summaries || (I2.configure.props.summaries = { titleColumn: [], dataColumn: [] }), I2.configure.props.summaries && (I2.configure.props.summaries.titleColumn && (I2.configure.props.summaries.titleColumn = I2.configure.props.summaries.titleColumn.filter((e4) => e4.prop !== o2.props.base.prop)), I2.configure.props.summaries.dataColumn && (I2.configure.props.summaries.dataColumn = I2.configure.props.summaries.dataColumn.filter((e4) => e4.prop !== o2.props.base.prop))), void ("titleColumn" === a2 ? I2.configure.props.summaries.titleColumn.push({ prop: o2.props.base.prop, label: o2.props.base.summaryTitle }) : "dataColumn" === a2 && I2.configure.props.summaries.dataColumn.push({ prop: o2.props.base.prop, summaryMode: o2.props.base.summaryMode, customRollup: o2.props.base.customRollup }));
-      var a2, o2;
-    }, class: "ml-4" }, { default: r(() => [u(X, { value: false }, { default: r(() => U2[40] || (U2[40] = [i("否")])), _: 1 }), u(X, { value: "titleColumn" }, { default: r(() => U2[41] || (U2[41] = [i("标题列")])), _: 1 }), u(X, { value: "dataColumn" }, { default: r(() => U2[42] || (U2[42] = [i("数据列")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 2 }, 1024), "titleColumn" === l3.row.props.base.collectColumn ? (t(), o(K, { key: 10, label: "汇总标题", class: "amb-design-attr-item" }, { default: r(() => [u(te, { span: 20 }, { default: r(() => [u(Q, { modelValue: l3.row.props.base.summaryTitle, "onUpdate:modelValue": (e3) => l3.row.props.base.summaryTitle = e3, onChange: (e3) => {
-      return a2 = e3, o2 = l3.row, void I2.configure.props.summaries.titleColumn.forEach((e4) => {
-        e4.prop === o2.props.base.prop && (e4.label = a2);
-      });
-      var a2, o2;
-    } }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 2 }, 1024), u(ue, { class: "box-item", content: "支持${row.行属性}方式拼接标题" }, { default: r(() => [u(re, null, { default: r(() => [u(n(T))]), _: 1 })]), _: 1 })]), _: 2 }, 1024)) : f("", true), "dataColumn" === l3.row.props.base.collectColumn ? (t(), o(K, { key: 11, label: "汇总方式", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.base.summaryMode, "onUpdate:modelValue": (e3) => l3.row.props.base.summaryMode = e3, onChange: (e3) => J(e3, l3.row), clearable: "" }, { default: r(() => [u(z2, { label: "求和", value: "sum" }), u(z2, { label: "均值", value: "avg" }), u(z2, { label: "最大值", value: "max" }), u(z2, { label: "最小值", value: "min" }), u(z2, { label: "自定义", value: "custom" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 2 }, 1024)) : f("", true), "dataColumn" === l3.row.props.base.collectColumn ? (t(), o(K, { key: 12, class: "amb-design-attr-item" }, { default: r(() => [u(se, { modelValue: l3.row.props.base.groupSummary, "onUpdate:modelValue": (e3) => l3.row.props.base.groupSummary = e3, label: "分组合计" }, null, 8, ["modelValue", "onUpdate:modelValue"]), u(se, { modelValue: l3.row.props.base.tableSummary, "onUpdate:modelValue": (e3) => l3.row.props.base.tableSummary = e3, label: "表尾合计" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), "custom" === l3.row.props.base.summaryMode ? (t(), o(K, { key: 13, label: "自定义汇总", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.base.customRollup, "onUpdate:modelValue": (e3) => l3.row.props.base.customRollup = e3, onChange: (e3) => J(e3, l3.row), clearable: "" }, { default: r(() => [(t(true), p(m, null, d(n(j)(), (e3) => (t(), o(z2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 2 }, 1024)) : f("", true), u(oe, null, { default: r(() => U2[43] || (U2[43] = [i("内容样式")])), _: 1 }), u(w, { configure: e2.configure, showCondition: true, paramTypes: ["data", "task", "page", "request", "row"], data: l3.row.style, onDataChange: (e3) => function(e4, l4) {
-      I2.configure.items[l4].style = e4;
-    }(e3, l3.$index) }, null, 8, ["configure", "data", "onDataChange"]), u(oe, null, { default: r(() => U2[44] || (U2[44] = [i("链接设置")])), _: 1 }), u(v, { pageDesign: e2.pageDesign, paramTypes: ["data", "task", "page", "request", "row"], data: l3.row.linkPage, onDataChange: (e3) => function(e4, l4) {
-      I2.configure.items[l4].linkPage = e4;
-    }(e3, l3.$index) }, null, 8, ["pageDesign", "data", "onDataChange"])]), _: 1 }), u(pe, { label: "字段", align: "center" }, { default: r((e3) => [u(q2, { modelValue: e3.row.props.base.prop, "onUpdate:modelValue": (l3) => e3.row.props.base.prop = l3, placeholder: "Select", "allow-create": "", filterable: "", onChange: (l3) => {
-      return a2 = l3, (o2 = e3.row).props.base.prop = a2, void (N.value.find((e4) => e4.value === a2) ? (o2.props.base.name = N.value.find((e4) => e4.value === a2).label, o2.props.base.dataType = N.value.find((e4) => e4.value === a2).type) : (o2.props.base.name = a2, o2.props.base.dataType = "string"));
-      var a2, o2;
-    } }, { default: r(() => [(t(true), p(m, null, d(N.value, (e4) => (t(), o(z2, { key: e4.value, label: e4.label, value: e4.value }, { default: r(() => [s("span", M, c(e4.label), 1), s("span", R, c(e4.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 1 }), u(pe, { label: "别名", align: "center" }, { default: r((e3) => [u(Q, { modelValue: e3.row.props.base.name, "onUpdate:modelValue": (l3) => e3.row.props.base.name = l3, title: e3.row.alias, size: "small", placeholder: "请选择" }, null, 8, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), u(pe, { label: "操作", align: "center" }, { header: r(() => [u(re, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: U2[5] || (U2[5] = (e3) => function() {
-      const e4 = { alias: "", displayOrder: I2.configure.items.length + 1 };
-      I2.configure.items.push(g(e4));
-    }()) }, { default: r(() => [u(me)]), _: 1 })]), default: r((e3) => [u(re, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => function(e4, l4) {
-      let a2 = g({ alias: "", displayOrder: l4 + 2 });
-      I2.configure.items.splice(l4 + 1, 0, a2), I2.configure.props.base.isEnableGroupHeader && (C(I2.configure.items[columnDataIndex.value + 1], null, I2.configure.props.groupHeaders), listColumns.value = x(I2.configure), S.$emit("synchroGroupHeadersData"));
-    }(e3.row, e3.$index) }, { default: r(() => [u(me)]), _: 2 }, 1032, ["onClick"]), u(re, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => {
-      return e3.row, a2 = e3.$index, void I2.configure.items.splice(a2, 1);
-      var a2;
-    } }, { default: r(() => [u(de)]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "expand-row-keys"]), u(K, { label: "模型自定义", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: e2.configure.props.modelCustom, "onUpdate:modelValue": U2[6] || (U2[6] = (l3) => e2.configure.props.modelCustom = l3), clearable: "" }, { default: r(() => [(t(true), p(m, null, d(n(j)(), (e3) => (t(), o(z2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), u(_, { configure: e2.configure, pageDesign: e2.pageDesign, serviceFields: E.value }, null, 8, ["configure", "pageDesign", "serviceFields"]), u(Z, { title: "外观", name: "appearance", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", H, [u(K, { label: "显示序号", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.props.base.showIndex, "onUpdate:modelValue": U2[7] || (U2[7] = (l3) => e2.configure.props.base.showIndex = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[45] || (U2[45] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[46] || (U2[46] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(K, { label: "显示斑马线", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.props.base.stripe, "onUpdate:modelValue": U2[8] || (U2[8] = (l3) => e2.configure.props.base.stripe = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[47] || (U2[47] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[48] || (U2[48] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(K, { label: "表尾合计行", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.props.base.showSummary, "onUpdate:modelValue": U2[9] || (U2[9] = (l3) => e2.configure.props.base.showSummary = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[49] || (U2[49] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[50] || (U2[50] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), u(y, { size: e2.configure.props.size, showMaxHeight: true, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
-  };
-} });
+import t from "./statisticalTable-attr-base.vue2.js";
+/* empty css                                */
+import a from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = a(t, [["__scopeId", "data-v-5f08d7b1"]]);
 export {
-  I as default
+  e as default
 };

package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue2.js

@@ -1,4 +1,101 @@
-import t from "./statisticalTable-attr-base.vue.js";
+import { defineComponent as e, ref as l, resolveComponent as a, createBlock as o, openBlock as t, withCtx as r, createVNode as u, createElementVNode as s, createElementBlock as p, Fragment as m, renderList as n, unref as d, createTextVNode as i, createCommentVNode as f, toDisplayString as c } from "vue";
+import { getFormComponentOptions as g, getStatisticsTableColumn as b } from "../../../../utils/assemblys-config.js";
+import V from "./component/data-origin.vue.js";
+import w from "./component/style-table.vue.js";
+import v from "./component/link-table.vue.js";
+import _ from "./component/table-pageination.vue.js";
+import y from "../../common/common-attr-size.vue.js";
+import h from "../../form/common/data-linkage.vue.js";
+import { getUuidv4 as U } from "../../../../utils/common-util.js";
+import { addColumnToGroupHeaders as C, getColumnsWithGroupHeader as x } from "../../../../utils/data-table-util.js";
+import "agilebuilder-ui/src/utils/request";
+import k from "../../common/common-function-code.vue.js";
+import D from "../../data/component/formatting-icon-label.vue.js";
+import { getCustomFuncs as j } from "../../../../utils/page-event-util.js";
+import T from "../../../../utils/eventBus.js";
+import { InfoFilled as S } from "@element-plus/icons-vue";
+import { statisticsTable as z } from "../../../../../../stores/statistics-table-store.js";
+import $ from "./component/table-showcondition.vue.js";
+const O = { style: { padding: "8px 0px 0px 0px" } }, F = { style: { padding: "8px 0px 0px 0px" } }, M = { style: { float: "left" } }, R = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, H = { style: { padding: "8px 0px 0px 0px" } }, I = e({ __name: "statisticalTable-attr-base", props: { pageDesign: { type: Object, default: () => ({ props: {} }) }, configure: { type: Object, default: () => ({ props: {} }) } }, setup(e2) {
+  const I2 = e2, P = l(["base", "appearance", "dataOrigin", "linkage", "attrSize", "columnModel", "dataSet", "pageination"]), q = z(), E = l([]), N = l([]);
+  I2.configure.items ? q.addFieldList(I2.configure.items) : I2.configure.items = [{ uuid: U(), field: "", alias: "", format: {} }];
+  const W = l([]);
+  function B(e3, l2) {
+    let a2 = W.value.indexOf(e3.uuid);
+    a2 > -1 ? W.value.splice(a2, 1) : W.value.push(e3.uuid);
+  }
+  function A(e3) {
+    if (e3 || (N.value = []), e3.startsWith("${page.")) {
+      const l2 = e3.substring(7, e3.length - 1), a2 = I2.pageDesign.variables.find((e4) => e4.name === l2);
+      if (a2 && "array" === a2.type && a2.items && a2.items.length > 0) {
+        const e4 = JSON.parse(JSON.stringify(a2.items[0].items));
+        N.value = e4.map((e5) => ({ label: e5.alias, value: e5.name, type: e5.type }));
+      }
+    }
+  }
+  function G(e3) {
+    const l2 = [];
+    if (E.value = e3, e3) {
+      const a2 = I2.configure.props.dataOrigin.service.serviceDataField, o2 = a2 || "";
+      for (let a3 of e3) if (!o2 || a3.value.startsWith(o2 + ".")) {
+        const e4 = {};
+        if (Object.assign(e4, a3), o2) {
+          const l3 = a3.value.substring(o2.length + 1);
+          e4.value = l3, a3.label && (e4.label = a3.label.replace(o2 + ".", ""));
+        }
+        l2.push(e4);
+      }
+    }
+    N.value = l2;
+  }
+  function J(e3, l2) {
+    I2.configure.props.summaries.dataColumn.forEach((a2) => {
+      a2.prop === l2.props.base.prop && (a2.summaryMode = e3, "custom" === e3 ? a2.customRollup = l2.props.base.customRollup : delete a2.customRollup);
+    });
+  }
+  function L(e3) {
+    e3.row && (e3.row.showCondition = e3.data);
+  }
+  return (l2, U2) => {
+    const z2 = a("el-option"), q2 = a("el-select"), K = a("el-form-item"), Q = a("el-input"), X = a("el-radio"), Y = a("el-radio-group"), Z = a("el-collapse-item"), ee = a("el-switch"), le = a("el-input-number"), ae = a("el-color-picker"), oe = a("el-divider"), te = a("el-col"), re = a("el-icon"), ue = a("el-tooltip"), se = a("el-checkbox"), pe = a("el-table-column"), me = a("Plus"), ne = a("Delete"), de = a("Top"), ie = a("Bottom"), fe = a("el-table"), ce = a("el-collapse"), ge = a("el-form");
+    return t(), o(ge, { "label-width": "80px", size: "small" }, { default: r(() => [u(ce, { modelValue: P.value, "onUpdate:modelValue": U2[10] || (U2[10] = (e3) => P.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(Z, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", O, [u(K, { label: "组件类型", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: e2.configure.name, "onUpdate:modelValue": U2[0] || (U2[0] = (l3) => e2.configure.name = l3), disabled: "", placeholder: "请选择" }, { default: r(() => [(t(true), p(m, null, n(d(g)(), (e3) => (t(), o(z2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(K, { label: "唯一编码", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.uuid, "onUpdate:modelValue": U2[1] || (U2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), u(K, { label: "自定义编码", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.code, "onUpdate:modelValue": U2[2] || (U2[2] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), u(K, { label: "绑定权限", class: "amb-design-attr-item" }, { default: r(() => [(t(), o(k, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }), u(K, { label: "标题", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.title, "onUpdate:modelValue": U2[3] || (U2[3] = (l3) => e2.configure.title = l3), title: e2.configure.tittle }, null, 8, ["modelValue", "title"])]), _: 1 }), u(K, { label: "是否导出", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.exportable, "onUpdate:modelValue": U2[4] || (U2[4] = (l3) => e2.configure.exportable = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[11] || (U2[11] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[12] || (U2[12] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), u(V, { title: "数据", pageDesign: e2.pageDesign, sourceFields: N.value, configure: e2.configure, remote: false, onBindVariableChange: A, onServiceFieldChange: G }, null, 8, ["pageDesign", "sourceFields", "configure"]), u(h, { configureProps: e2.configure.props }, null, 8, ["configureProps"]), u(Z, { title: "列模型", name: "columnModel", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", F, [u(fe, { data: e2.configure.items, style: { width: "100%", "margin-bottom": "8px" }, "row-key": "uuid", stripe: "", onExpandChange: B, "expand-row-keys": W.value }, { default: r(() => [u(pe, { type: "expand", width: "35" }, { default: r((l3) => [u(K, { class: "amb-design-attr-item" }, { label: r(() => U2[13] || (U2[13] = [i(" 显示条件 ")])), default: r(() => [u($, { paramTypes: ["data", "task", "page", "request", "fixed"], data: l3.row.showCondition, pageDesign: e2.pageDesign, configure: e2.configure, row: l3.row, "onUpdate:data": L }, null, 8, ["data", "pageDesign", "configure", "row"])]), _: 2 }, 1024), u(K, { class: "amb-design-attr-item", "label-position": "top" }, { label: r(() => U2[14] || (U2[14] = [i(" 数据公式 ")])), default: r(() => [u(Q, { modelValue: l3.row.formula, "onUpdate:modelValue": (e3) => l3.row.formula = e3, type: "textarea", size: "small", placeholder: "请选择" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "格式化分类", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { onChange: (e3) => {
+      return a2 = e3, o2 = l3.$index, void (a2 && (I2.configure.items[o2].props.format = { type: a2 }));
+      var a2, o2;
+    }, modelValue: l3.row.props.format.type, "onUpdate:modelValue": (e3) => l3.row.props.format.type = e3, clearable: "", placeholder: "请选择" }, { default: r(() => [u(z2, { label: "数值", value: "number" }), u(z2, { label: "货币", value: "currency" }), u(z2, { label: "百分比", value: "percent" }), u(z2, { label: "图标/标签", value: "icon" }), u(z2, { label: "进度条控件", value: "progress" }), u(z2, { label: "自定义控件", value: "customControl" }), u(z2, { label: "自定义方法", value: "custom" })]), _: 2 }, 1032, ["onChange", "modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), l3.row.props.format && "number" === l3.row.props.format.type || "currency" === l3.row.props.format.type || "percent" === l3.row.props.format.type ? (t(), o(K, { key: 0, label: "小数位数", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.decimalDigit, "onUpdate:modelValue": (e3) => l3.row.props.format.decimalDigit = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type ? (t(), o(K, { key: 1, label: "科学计数", class: "amb-design-attr-item" }, { default: r(() => [u(ee, { modelValue: l3.row.props.format.scientific, "onUpdate:modelValue": (e3) => l3.row.props.format.scientific = e3, "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type && l3.row.props.format.scientific ? (t(), o(K, { key: 2, label: "计数位数", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.scientificNum, "onUpdate:modelValue": (e3) => l3.row.props.format.scientificNum = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type ? (t(), o(K, { key: 3, label: "千位分隔符", class: "amb-design-attr-item" }, { default: r(() => [u(ee, { modelValue: l3.row.props.format.thousandsSeparator, "onUpdate:modelValue": (e3) => l3.row.props.format.thousandsSeparator = e3, "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type ? (t(), o(K, { key: 4, label: "数值符号", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.symbol, "onUpdate:modelValue": (e3) => l3.row.props.format.symbol = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "currency" === l3.row.props.format.type ? (t(), o(K, { key: 5, label: "货币符号", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.format.currencySymbol, "onUpdate:modelValue": (e3) => l3.row.props.format.currencySymbol = e3, placeholder: "Select" }, { default: r(() => [u(z2, { label: "$", value: "$" }), u(z2, { label: "￥", value: "￥" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "customControl" === l3.row.props.format.type ? (t(), o(K, { key: 6, label: "自定义控件", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.customControl, "onUpdate:modelValue": (e3) => l3.row.props.format.customControl = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "icon" === l3.row.props.format.type ? (t(), o(D, { key: 7, setting: l3.row.props.format, "show-event": false }, null, 8, ["setting"])) : f("", true), l3.row.props.format && "custom" === l3.row.props.format.type ? (t(), o(K, { key: 8, label: "自定义方法", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.format.customFunc, "onUpdate:modelValue": (e3) => l3.row.props.format.customFunc = e3, clearable: "" }, { default: r(() => [(t(true), p(m, null, n(d(j)(), (e3) => (t(), o(z2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "progress" === l3.row.props.format.type ? (t(), p(m, { key: 9 }, [u(K, { label: "进度条高度", class: "amb-design-attr-item" }, { default: r(() => [u(le, { modelValue: l3.row.props.format.strokeWidth, "onUpdate:modelValue": (e3) => l3.row.props.format.strokeWidth = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "最大值", class: "amb-design-attr-item" }, { default: r(() => [u(le, { modelValue: l3.row.props.format.max, "onUpdate:modelValue": (e3) => l3.row.props.format.max = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "进度条类型", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.progressType, "onUpdate:modelValue": (e3) => l3.row.props.format.progressType = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "line" }, { default: r(() => U2[15] || (U2[15] = [i("line")])), _: 1 }), u(X, { value: "circle" }, { default: r(() => U2[16] || (U2[16] = [i("circle")])), _: 1 }), u(X, { value: "dashboard" }, { default: r(() => U2[17] || (U2[17] = [i("dashboard")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "显示文字", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.showText, "onUpdate:modelValue": (e3) => l3.row.props.format.showText = e3, class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[18] || (U2[18] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[19] || (U2[19] = [i("否")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), "line" === l3.row.props.format.progressType ? (t(), o(K, { key: 0, label: "文本内显", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.textInside, "onUpdate:modelValue": (e3) => l3.row.props.format.textInside = e3, class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[20] || (U2[20] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[21] || (U2[21] = [i("否")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), u(K, { label: "进度条状态", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.status, "onUpdate:modelValue": (e3) => l3.row.props.format.status = e3, class: "ml-4" }, { default: r(() => [u(X, { value: null }, { default: r(() => U2[22] || (U2[22] = [i("无")])), _: 1 }), u(X, { value: "success" }, { default: r(() => U2[23] || (U2[23] = [i("success")])), _: 1 }), u(X, { value: "warning" }, { default: r(() => U2[24] || (U2[24] = [i("warning")])), _: 1 }), u(X, { value: "exception" }, { default: r(() => U2[25] || (U2[25] = [i("exception")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "自定义颜色", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.colorType, "onUpdate:modelValue": (e3) => l3.row.props.format.colorType = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "default" }, { default: r(() => U2[26] || (U2[26] = [i("默认")])), _: 1 }), u(X, { value: "custom" }, { default: r(() => U2[27] || (U2[27] = [i("指定颜色")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), "custom" === l3.row.props.format.colorType ? (t(), o(K, { key: 1, label: "颜色" }, { default: r(() => [u(ae, { modelValue: l3.row.props.format.color, "onUpdate:modelValue": (e3) => l3.row.props.format.color = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true)], 64)) : f("", true), u(oe, null, { default: r(() => U2[28] || (U2[28] = [i("列属性")])), _: 1 }), u(K, { label: "列宽", class: "amb-design-attr-item" }, { default: r(() => [u(le, { modelValue: l3.row.props.base.width, "onUpdate:modelValue": (e3) => l3.row.props.base.width = e3, class: "mx-4", min: 0, "controls-position": "right" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "标题对齐", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.headerAlign, "onUpdate:modelValue": (e3) => l3.row.props.base.headerAlign = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "left" }, { default: r(() => U2[29] || (U2[29] = [i("居左")])), _: 1 }), u(X, { value: "center" }, { default: r(() => U2[30] || (U2[30] = [i("居中")])), _: 1 }), u(X, { value: "right" }, { default: r(() => U2[31] || (U2[31] = [i("居右")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "内容对齐", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.align, "onUpdate:modelValue": (e3) => l3.row.props.base.align = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "left" }, { default: r(() => U2[32] || (U2[32] = [i("居左")])), _: 1 }), u(X, { value: "center" }, { default: r(() => U2[33] || (U2[33] = [i("居中")])), _: 1 }), u(X, { value: "right" }, { default: r(() => U2[34] || (U2[34] = [i("居右")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "固定列", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.fixed, "onUpdate:modelValue": (e3) => l3.row.props.base.fixed = e3, class: "ml-4" }, { default: r(() => [u(X, { value: false }, { default: r(() => U2[35] || (U2[35] = [i("否")])), _: 1 }), u(X, { value: "left" }, { default: r(() => U2[36] || (U2[36] = [i("居左")])), _: 1 }), u(X, { value: "right" }, { default: r(() => U2[37] || (U2[37] = [i("居右")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "可排序", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.sortable, "onUpdate:modelValue": (e3) => l3.row.props.base.sortable = e3, class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[38] || (U2[38] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[39] || (U2[39] = [i("否")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "汇总列", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.collectColumn, "onUpdate:modelValue": (e3) => l3.row.props.base.collectColumn = e3, onChange: (e3) => {
+      return a2 = e3, o2 = l3.row, I2.configure.props.summaries || (I2.configure.props.summaries = { titleColumn: [], dataColumn: [] }), I2.configure.props.summaries && (I2.configure.props.summaries.titleColumn && (I2.configure.props.summaries.titleColumn = I2.configure.props.summaries.titleColumn.filter((e4) => e4.prop !== o2.props.base.prop)), I2.configure.props.summaries.dataColumn && (I2.configure.props.summaries.dataColumn = I2.configure.props.summaries.dataColumn.filter((e4) => e4.prop !== o2.props.base.prop))), void ("titleColumn" === a2 ? I2.configure.props.summaries.titleColumn.push({ prop: o2.props.base.prop, label: o2.props.base.summaryTitle }) : "dataColumn" === a2 && I2.configure.props.summaries.dataColumn.push({ prop: o2.props.base.prop, summaryMode: o2.props.base.summaryMode, customRollup: o2.props.base.customRollup }));
+      var a2, o2;
+    } }, { default: r(() => [u(X, { value: false }, { default: r(() => U2[40] || (U2[40] = [i("否")])), _: 1 }), u(X, { value: "titleColumn" }, { default: r(() => U2[41] || (U2[41] = [i("标题列")])), _: 1 }), u(X, { value: "dataColumn" }, { default: r(() => U2[42] || (U2[42] = [i("数据列")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 2 }, 1024), "titleColumn" === l3.row.props.base.collectColumn ? (t(), o(K, { key: 10, label: "汇总标题", class: "amb-design-attr-item" }, { default: r(() => [u(te, { span: 20 }, { default: r(() => [u(Q, { modelValue: l3.row.props.base.summaryTitle, "onUpdate:modelValue": (e3) => l3.row.props.base.summaryTitle = e3, onChange: (e3) => {
+      return a2 = e3, o2 = l3.row, void I2.configure.props.summaries.titleColumn.forEach((e4) => {
+        e4.prop === o2.props.base.prop && (e4.label = a2);
+      });
+      var a2, o2;
+    } }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 2 }, 1024), u(ue, { class: "box-item", content: "支持${row.行属性}方式拼接标题" }, { default: r(() => [u(re, null, { default: r(() => [u(d(S))]), _: 1 })]), _: 1 })]), _: 2 }, 1024)) : f("", true), "dataColumn" === l3.row.props.base.collectColumn ? (t(), o(K, { key: 11, label: "汇总方式", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.base.summaryMode, "onUpdate:modelValue": (e3) => l3.row.props.base.summaryMode = e3, onChange: (e3) => J(e3, l3.row), clearable: "" }, { default: r(() => [u(z2, { label: "求和", value: "sum" }), u(z2, { label: "均值", value: "avg" }), u(z2, { label: "最大值", value: "max" }), u(z2, { label: "最小值", value: "min" }), u(z2, { label: "自定义", value: "custom" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 2 }, 1024)) : f("", true), "dataColumn" === l3.row.props.base.collectColumn ? (t(), o(K, { key: 12, class: "amb-design-attr-item" }, { default: r(() => [u(se, { modelValue: l3.row.props.base.groupSummary, "onUpdate:modelValue": (e3) => l3.row.props.base.groupSummary = e3, label: "分组合计" }, null, 8, ["modelValue", "onUpdate:modelValue"]), u(se, { modelValue: l3.row.props.base.tableSummary, "onUpdate:modelValue": (e3) => l3.row.props.base.tableSummary = e3, label: "表尾合计" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), "custom" === l3.row.props.base.summaryMode ? (t(), o(K, { key: 13, label: "自定义汇总", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.base.customRollup, "onUpdate:modelValue": (e3) => l3.row.props.base.customRollup = e3, onChange: (e3) => J(e3, l3.row), clearable: "" }, { default: r(() => [(t(true), p(m, null, n(d(j)(), (e3) => (t(), o(z2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 2 }, 1024)) : f("", true), u(oe, null, { default: r(() => U2[43] || (U2[43] = [i("内容样式")])), _: 1 }), u(w, { configure: e2.configure, showCondition: true, paramTypes: ["data", "task", "page", "request", "row"], data: l3.row.style, onDataChange: (e3) => function(e4, l4) {
+      I2.configure.items[l4].style = e4;
+    }(e3, l3.$index) }, null, 8, ["configure", "data", "onDataChange"]), u(oe, null, { default: r(() => U2[44] || (U2[44] = [i("链接设置")])), _: 1 }), u(v, { pageDesign: e2.pageDesign, paramTypes: ["data", "task", "page", "request", "row"], data: l3.row.linkPage, onDataChange: (e3) => function(e4, l4) {
+      I2.configure.items[l4].linkPage = e4;
+    }(e3, l3.$index) }, null, 8, ["pageDesign", "data", "onDataChange"])]), _: 1 }), u(pe, { label: "字段", align: "center" }, { default: r((e3) => [u(q2, { modelValue: e3.row.props.base.prop, "onUpdate:modelValue": (l3) => e3.row.props.base.prop = l3, placeholder: "Select", "allow-create": "", filterable: "", onChange: (l3) => {
+      return a2 = l3, (o2 = e3.row).props.base.prop = a2, void (N.value.find((e4) => e4.value === a2) ? (o2.props.base.name = N.value.find((e4) => e4.value === a2).label, o2.props.base.dataType = N.value.find((e4) => e4.value === a2).type) : (o2.props.base.name = a2, o2.props.base.dataType = "string"));
+      var a2, o2;
+    } }, { default: r(() => [(t(true), p(m, null, n(N.value, (e4) => (t(), o(z2, { key: e4.value, label: e4.label, value: e4.value }, { default: r(() => [s("span", M, c(e4.label), 1), s("span", R, c(e4.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])]), _: 1 }), u(pe, { label: "别名", align: "center" }, { default: r((e3) => [u(Q, { modelValue: e3.row.props.base.name, "onUpdate:modelValue": (l3) => e3.row.props.base.name = l3, title: e3.row.alias, size: "small", placeholder: "请选择" }, null, 8, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), u(pe, { label: "操作", align: "center", width: "100" }, { header: r(() => [u(re, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold" }, onClick: U2[5] || (U2[5] = (e3) => function() {
+      const e4 = { alias: "", displayOrder: I2.configure.items.length + 1 };
+      I2.configure.items.push(b(e4));
+    }()) }, { default: r(() => [u(me)]), _: 1 })]), default: r((e3) => [u(re, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold" }, onClick: (l3) => function(e4, l4) {
+      let a2 = b({ alias: "", displayOrder: l4 + 2 });
+      I2.configure.items.splice(l4 + 1, 0, a2), I2.configure.props.base.isEnableGroupHeader && (C(I2.configure.items[columnDataIndex.value + 1], null, I2.configure.props.groupHeaders), listColumns.value = x(I2.configure), T.$emit("synchroGroupHeadersData"));
+    }(e3.row, e3.$index) }, { default: r(() => [u(me)]), _: 2 }, 1032, ["onClick"]), u(ue, { content: "删除", placement: "top" }, { default: r(() => [u(re, { size: "14", style: { color: "#5893ef", cursor: "pointer", "margin-left": "5px" }, onClick: (l3) => {
+      return e3.row, a2 = e3.$index, void I2.configure.items.splice(a2, 1);
+      var a2;
+    } }, { default: r(() => [u(ne)]), _: 2 }, 1032, ["onClick"])]), _: 2 }, 1024), u(re, { size: "14", style: { color: "#5893ef", cursor: "pointer", "margin-left": "5px" }, onClick: (l3) => function(e4, l4) {
+      if (0 === l4) return;
+      const a2 = I2.configure.items[l4 - 1];
+      I2.configure.items[l4 - 1] = I2.configure.items[l4], I2.configure.items[l4] = a2;
+    }(e3.row, e3.$index) }, { default: r(() => [u(de)]), _: 2 }, 1032, ["onClick"]), u(re, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e4, l4) {
+      if (l4 === I2.configure.items.length - 1) return;
+      const a2 = I2.configure.items[l4 + 1];
+      I2.configure.items[l4 + 1] = I2.configure.items[l4], I2.configure.items[l4] = a2;
+    }(e3.row, e3.$index) }, { default: r(() => [u(ie)]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "expand-row-keys"]), u(K, { label: "模型自定义", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: e2.configure.props.modelCustom, "onUpdate:modelValue": U2[6] || (U2[6] = (l3) => e2.configure.props.modelCustom = l3), clearable: "" }, { default: r(() => [(t(true), p(m, null, n(d(j)(), (e3) => (t(), o(z2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), u(_, { configure: e2.configure, pageDesign: e2.pageDesign, serviceFields: E.value }, null, 8, ["configure", "pageDesign", "serviceFields"]), u(Z, { title: "外观", name: "appearance", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", H, [u(K, { label: "显示序号", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.props.base.showIndex, "onUpdate:modelValue": U2[7] || (U2[7] = (l3) => e2.configure.props.base.showIndex = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[45] || (U2[45] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[46] || (U2[46] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(K, { label: "显示斑马线", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.props.base.stripe, "onUpdate:modelValue": U2[8] || (U2[8] = (l3) => e2.configure.props.base.stripe = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[47] || (U2[47] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[48] || (U2[48] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(K, { label: "表尾合计行", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.props.base.showSummary, "onUpdate:modelValue": U2[9] || (U2[9] = (l3) => e2.configure.props.base.showSummary = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[49] || (U2[49] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[50] || (U2[50] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), u(y, { size: e2.configure.props.size, showMaxHeight: true, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
 export {
-  t as default
+  I as default
 };

package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as o, onMounted as n, onUnmounted as i, watch as l, resolveComponent as t, createElementBlock as r, openBlock as u, createVNode as s, createElementVNode as a, withDirectives as c, normalizeStyle as d, normalizeClass as p, withCtx as g, Fragment as m, renderList as f, createBlock as b, createCommentVNode as v, createTextVNode as y, unref as h, vShow as C } from "vue";
+import { defineComponent as e, ref as o, onMounted as n, onUnmounted as i, watch as t, resolveComponent as l, createElementBlock as r, openBlock as u, createVNode as s, createElementVNode as a, withDirectives as c, normalizeStyle as d, normalizeClass as p, withCtx as g, Fragment as m, renderList as f, createBlock as b, createCommentVNode as v, createTextVNode as y, unref as h, vShow as C } from "vue";
 import j from "../../../../utils/eventBus.js";
 import { useDraggable as x } from "vue-draggable-plus";
 import { caculateComponentProps as D } from "../../../../utils/form-design-util.js";
@@ -37,9 +37,9 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
     M(G.configure);
   }), j.$on("setHiddenColumsUuid", (e3) => {
     e3.value ? U.value = U.value.filter((o2) => o2 != e3.uuid) : U.value.push(e3.uuid);
-  }), l(G.configure.style, () => {
+  }), t(G.configure.style, () => {
     G.configure.runtime.style = G.configure.style;
-  }, { immediate: true }), l(G.configure.props, () => {
+  }, { immediate: true }), t(G.configure.props, () => {
     D(G.configure, P), function() {
       let e3 = G.configure.props;
       if (!e3.base) return;
@@ -49,13 +49,13 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
       const e3 = W(G.configure, null);
       G.configure.runtime.dataConfig = e3;
     }();
-  }, { immediate: true }), l(G.configure.items, (e3) => {
+  }, { immediate: true }), t(G.configure.items, (e3) => {
     X.addFieldList(e3), G.configure.runtime.items = G.configure.items;
-  }, { immediate: true }), l(() => G.configure.props.isChangeGroupHeader, () => {
+  }, { immediate: true }), t(() => G.configure.props.isChangeGroupHeader, () => {
     G.configure.props.isChangeGroupHeader && (q.value = E(G.configure), K.value && K.value.doLayout());
   }), j.$on("reloadTable-" + G.configure.uuid, (e3) => {
     e3 && (G.configure.items = e3, q.value = E(G.configure)), K.value && K.value.doLayout();
-  }), l(() => q.value, (e3) => {
+  }), t(() => q.value, (e3) => {
     e3.forEach((e4) => {
       e4.props && e4.props.base && !e4.props.base.visible && U.value.push(e4.uuid);
     });
@@ -70,8 +70,8 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
     (o2 || window.event).preventDefault(), n2 = e3, G.configure.items.forEach((e4, o3) => {
       e4.props.base.name == n2.label && (oe.value = e4, ne.value = o3);
     }), R.value = true;
-    const i2 = document.querySelector("#tableDesignMenu"), l2 = document.documentElement.scrollTop || document.body.scrollTop;
-    i2.style.display = "block", i2.style.left = o2.clientX + 30 + "px", i2.style.top = o2.clientY + l2 - 22 + "px";
+    const i2 = document.querySelector("#tableDesignMenu"), t2 = document.documentElement.scrollTop || document.body.scrollTop;
+    i2.style.display = "block", i2.style.left = o2.clientX + 30 + "px", i2.style.top = o2.clientY + t2 - 22 + "px";
   }
   function Z() {
     R.value = false;
@@ -85,7 +85,7 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
         e5.props.base.displayOrder && e5.props.base.displayOrder == o3 || (e5.props.base.displayOrder = o3);
       }), G.configure.props.base.isEnableGroupHeader && (w(G.configure.items[ne.value + 1], null, G.configure.props.groupHeaders), q.value = E(G.configure), j.$emit("synchroGroupHeadersData"));
     } else "deleteNode" === e3 && S.confirm("当前操作会删除当前列", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
-      G.configure.props, oe.value, G.configure.items.splice(ne.value, 1);
+      G.configure.items.splice(ne.value, 1);
     }).catch(() => {
     });
   }
@@ -93,19 +93,19 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
   function ie(e3) {
     oe.value = e3;
   }
-  function le(e3, o2, n2, i2) {
-    te(q.value, n2.columnKey).props.base.columnWidth = e3;
+  function te(e3, o2, n2, i2) {
+    le(q.value, n2.columnKey).props.base.columnWidth = e3;
   }
-  function te(e3, o2) {
+  function le(e3, o2) {
     let n2 = {};
     return e3.forEach((e4) => {
       if (e4.uuid && e4.uuid === o2) return n2 = e4;
-      e4.children && e4.children.length > 0 && (n2 = te(e4.children, o2));
+      e4.children && e4.children.length > 0 && (n2 = le(e4.children, o2));
     }), n2;
   }
   function re({ row: e3, column: o2, rowIndex: n2, columnIndex: i2 }) {
-    let l2 = "";
-    return U.value.includes(o2.label) && (l2 = "hiddenBorder"), o2.label === z.value && (l2 = "addBorder"), l2;
+    let t2 = "";
+    return U.value.includes(o2.label) && (t2 = "hiddenBorder"), o2.label === z.value && (t2 = "addBorder"), t2;
   }
   function ue(e3) {
     z.value = e3.uuid;
@@ -118,8 +118,8 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
   }
   return x(".el-table__header-wrapper tr", G.configure.items, { animation: 150, ghostClass: "ghost", onStart(e3) {
   } }), (e3, o2) => {
-    const n2 = t("el-table"), i2 = t("el-icon");
-    return u(), r("div", null, [s(n2, { ref_key: "tableRef", ref: K, "cell-class-name": re, "header-cell-class-name": re, border: "", class: p(I.value), data: A.value, onHeaderDragend: le, onHeaderContextmenu: Q, onRowClick: J, onCellMouseEnter: se, onCellMouseLeave: ae, style: d(V.value) }, { default: g(() => [(u(true), r(m, null, f(q.value, (o3) => (u(), b(_, { key: o3, listColumns: o3, designProperty: P.value, configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, onSetClickColumn: ue, onOnSelectWidget: Y, onSetColumnData: ie, onCloseMenuVisible: Z, selectWidget: e3.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128))]), _: 1 }, 8, ["class", "data", "style"]), a("div", { onClick: J, style: { width: "100%", height: "30px" } }), c(a("div", null, [a("ul", N, [a("li", { tabindex: "-1", onClick: o2[0] || (o2[0] = () => ee("createCombinedHeader")) }, [s(i2, null, { default: g(() => [s(h(k))]), _: 1 }), o2[2] || (o2[2] = y(" 创建 "))]), oe.value.props && oe.value.props.base && "$selection" !== oe.value.props.base.prop && "$index" !== oe.value.props.base.prop ? (u(), r("li", { key: 0, tabindex: "-1", onClick: o2[1] || (o2[1] = () => ee("deleteNode")) }, [s(i2, null, { default: g(() => [s(h(H))]), _: 1 }), o2[3] || (o2[3] = y(" 删除 "))])) : v("", true)], 512)], 512), [[C, R.value]])]);
+    const n2 = l("el-table"), i2 = l("el-icon");
+    return u(), r("div", null, [s(n2, { ref_key: "tableRef", ref: K, "cell-class-name": re, "header-cell-class-name": re, border: "", class: p(I.value), data: A.value, onHeaderDragend: te, onHeaderContextmenu: Q, onRowClick: J, onCellMouseEnter: se, onCellMouseLeave: ae, style: d(V.value) }, { default: g(() => [(u(true), r(m, null, f(q.value, (o3) => (u(), b(_, { key: o3, listColumns: o3, designProperty: P.value, configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, onSetClickColumn: ue, onOnSelectWidget: Y, onSetColumnData: ie, onCloseMenuVisible: Z, selectWidget: e3.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128))]), _: 1 }, 8, ["class", "data", "style"]), a("div", { onClick: J, style: { width: "100%", height: "30px" } }), c(a("div", null, [a("ul", N, [a("li", { tabindex: "-1", onClick: o2[0] || (o2[0] = () => ee("createCombinedHeader")) }, [s(i2, null, { default: g(() => [s(h(k))]), _: 1 }), o2[2] || (o2[2] = y(" 创建 "))]), oe.value.props && oe.value.props.base && "$selection" !== oe.value.props.base.prop && "$index" !== oe.value.props.base.prop ? (u(), r("li", { key: 0, tabindex: "-1", onClick: o2[1] || (o2[1] = () => ee("deleteNode")) }, [s(i2, null, { default: g(() => [s(h(H))]), _: 1 }), o2[3] || (o2[3] = y(" 删除 "))])) : v("", true)], 512)], 512), [[C, R.value]])]);
   };
 } });
 export {

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

@@ -1,7 +1,7 @@
 import o from "./common-icon-bind.vue2.js";
 /* empty css                      */
 import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const i = e(o, [["__scopeId", "data-v-70020263"]]);
+const i = e(o, [["__scopeId", "data-v-ac295829"]]);
 export {
   i as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, computed as o, resolveComponent as a, resolveDirective as n, createElementBlock as t, createBlock as u, openBlock as i, toDisplayString as c, withCtx as s, createVNode as p, withDirectives as v, unref as r, createElementVNode as m, Fragment as d, renderList as f, normalizeClass as g, vShow as b, createCommentVNode as y, createTextVNode as h, withModifiers as w, nextTick as _ } from "vue";
+import { defineComponent as e, ref as l, computed as a, resolveComponent as o, resolveDirective as n, createElementBlock as t, createBlock as u, openBlock as i, toDisplayString as c, withCtx as s, createVNode as p, withDirectives as v, unref as r, createElementVNode as m, Fragment as d, renderList as f, normalizeClass as g, vShow as b, createCommentVNode as y, createTextVNode as h, withModifiers as w, nextTick as _ } from "vue";
 import { Close as k, Check as I, Search as x, Plus as C, InfoFilled as A, CircleClose as $ } from "@element-plus/icons-vue";
 import * as V from "@element-plus/icons";
 import P from "agilebuilder-ui/src/utils/request";
@@ -9,24 +9,23 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
   l(false);
   const K = l(1), M = l(B.iconType ?? ((_b = (_a = J.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)), Q = l("");
   Q.value = B.iconValue;
-  const X = l({}), Y = l(""), Z = l(), ee = l(), le = l(false), oe = o(() => ["ElementUI"].includes(M.value) ? F.value : ["ambIcon"].includes(M.value) ? G.value : ["ambColorIcon"].includes(M.value) ? W.value : H.value), ae = o(() => {
-    let e3 = oe.value ?? [];
+  const X = l({}), Y = l(""), Z = l(), ee = l(), le = l(false), ae = a(() => ["ElementUI"].includes(M.value) ? F.value : ["ambIcon"].includes(M.value) ? G.value : ["ambColorIcon"].includes(M.value) ? W.value : H.value), oe = a(() => {
+    let e3 = ae.value ?? [];
     return Y.value && (e3 = e3.filter((e4) => [e4.label ?? "", e4.value ?? ""].some((e5) => {
       var _a2;
       return (_a2 = e5.toLowerCase()) == null ? void 0 : _a2.includes(Y.value.toLowerCase());
     }))), e3.slice(0, 50 * K.value);
   }), ne = () => {
-    ae.value.length > 0 && !le.value && oe.value.length > ae.value.length && !Y.value && K.value++;
+    oe.value.length > 0 && !le.value && ae.value.length > oe.value.length && !Y.value && K.value++;
   };
   const te = async () => {
     if (!(H.value.length > 0)) {
       try {
         le.value = true;
-        const e3 = await P.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", { pageSize: 200, pageNo: 1 }), l2 = (e3 == null ? void 0 : e3.data) ?? [], o2 = [];
-        for (let e4 of l2) o2.push({ value: e4.iconName, label: e4.iconName });
-        X.value.customOptions = o2, H.value = o2;
+        const e3 = await P.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", { pageSize: 200, pageNo: 1 }), l2 = (e3 == null ? void 0 : e3.data) ?? [], a2 = [];
+        for (let e4 of l2) a2.push({ value: e4.iconName, label: e4.iconName });
+        X.value.customOptions = a2, H.value = a2;
       } catch (e3) {
-        console.error(e3);
       }
       le.value = false;
     }
@@ -40,10 +39,9 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
           le.value = true;
           let e4 = `${window.location.origin}${window.location.pathname}font-icon/iconfont.json`;
           ((_c = (_b2 = (_a2 = window.$vueApp) == null ? void 0 : _a2.config) == null ? void 0 : _b2.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e4 = `${window.$vueApp.config.globalProperties.fontIconAddress}/iconfont.json`);
-          const l3 = await fetch(e4, { mode: "cors" }).then((e5) => e5.json()), { css_prefix_text: o2, glyphs: a2 = [] } = l3 ?? {};
-          G.value = a2.map((e5) => ({ label: e5.name, value: `${o2}${e5.font_class}` }));
+          const l3 = await fetch(e4, { mode: "cors" }).then((e5) => e5.json()), { css_prefix_text: a2, glyphs: o2 = [] } = l3 ?? {};
+          G.value = o2.map((e5) => ({ label: e5.name, value: `${a2}${e5.font_class}` }));
         } catch (e4) {
-          console.error(e4);
         }
         le.value = false;
       }
@@ -54,10 +52,9 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
           le.value = true;
           let e4 = `${window.location.origin}${window.location.pathname}font-icon/iconfont.json`;
           ((_c = (_b2 = (_a2 = window.$vueApp) == null ? void 0 : _a2.config) == null ? void 0 : _b2.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e4 = `${window.$vueApp.config.globalProperties.fontIconAddress}-color/iconfont.json`);
-          const l3 = await fetch(e4, { mode: "cors", headers: { "Content-Type": "application/json" } }).then((e5) => e5.json()), { css_prefix_text: o2, glyphs: a2 = [] } = l3 ?? {};
-          W.value = a2.map((e5) => ({ label: e5.name, value: `${o2}${e5.font_class}` }));
+          const l3 = await fetch(e4, { mode: "cors", headers: { "Content-Type": "application/json" } }).then((e5) => e5.json()), { css_prefix_text: a2, glyphs: o2 = [] } = l3 ?? {};
+          W.value = o2.map((e5) => ({ label: e5.name, value: `${a2}${e5.font_class}` }));
         } catch (e4) {
-          console.error(e4);
         }
         le.value = false;
       }
@@ -74,7 +71,7 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
     if (Y.value = Y.value.trim(), !Y.value) return void z.warning("请输入图标名!");
     const e3 = X.value.customOptions || [];
     let l2 = false;
-    for (let o2 of e3) if (o2.value === Y.value) {
+    for (let a2 of e3) if (a2.value === Y.value) {
       l2 = true;
       break;
     }
@@ -95,8 +92,8 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
   function pe(e3) {
     const l2 = e3.target.files[0];
     if (!l2) return;
-    const o2 = new FormData();
-    o2.append("file", l2), o2.append("iconName", Y.value.trim()), P.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/upload-icon", o2, { headers: { "Content-Type": "multipart/form-data" } }).then((e4) => {
+    const a2 = new FormData();
+    a2.append("file", l2), a2.append("iconName", Y.value.trim()), P.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/upload-icon", a2, { headers: { "Content-Type": "multipart/form-data" } }).then((e4) => {
       ee.value.value = "", z.success("上传成功!"), H.value.unshift({ value: Y.value.trim(), label: Y.value.trim() }), Y.value = "";
     }).catch((e4) => {
       z.warning("保存图标失败!");
@@ -108,10 +105,10 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
         if (!X.value.elementUIOptions) {
           if (!window.temp_Icon_Options) {
             const e3 = [];
-            for (const [l2, o2] of Object.entries(V)) e3.push({ value: l2, label: l2, component: o2 });
+            for (const [l2, a2] of Object.entries(V)) e3.push({ value: l2, label: l2, component: a2 });
             e3.sort(function(e4, l2) {
-              const o2 = e4.value, a2 = l2.value;
-              return o2.localeCompare(a2);
+              const a2 = e4.value, o2 = l2.value;
+              return a2.localeCompare(o2);
             }), window.temp_Icon_Options = e3;
           }
           X.value.elementUIOptions = window.temp_Icon_Options;
@@ -119,12 +116,12 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
       }(), ue(M.value);
     });
   }
-  return l(), (l2, o2) => {
-    const _2 = a("el-icon"), V2 = a("el-input"), P2 = a("el-button"), z2 = a("el-tooltip"), D3 = a("el-scrollbar"), B2 = a("el-col"), F2 = a("el-empty"), G2 = a("el-tag"), W2 = a("SuperIcon"), H2 = a("ArrowDown"), K2 = a("el-row"), X2 = a("el-popover"), te2 = n("infinite-scroll"), re = n("loading");
-    return e2.showLabel ? (i(), t("span", O, c(Q.value), 1)) : (i(), u(X2, { key: 1, ref_key: "popoverRef", ref: Z, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: s(() => [p(V2, { readonly: "", size: e2.size, onClick: ve, modelValue: Q.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e3) => Q.value = e3), placeholder: "请选择" }, { suffix: s(() => [v(p(_2, { style: { cursor: "pointer" }, onClick: w(ce, ["stop"]) }, { default: s(() => [p(r($))]), _: 1 }, 512), [[b, Q.value]])]), _: 1 }, 8, ["size", "modelValue"])]), default: s(() => [p(K2, null, { default: s(() => [p(z2, { effect: "dark", content: "关闭", placement: "top-end" }, { default: s(() => [p(P2, { type: "text", class: "amb-component-popover-close-btn", icon: r(k), onClick: ie }, null, 8, ["icon"])]), _: 1 }), p(B2, { span: 8 }, { default: s(() => [m("div", U, [p(D3, { "max-height": "100%" }, { default: s(() => [(i(true), t(d, null, f(J.value, (e3) => (i(), t("div", { class: g(["amb-popover-menu-item", e3.value == M.value ? "is-active" : ""]), onClick: (l3) => ue(e3.value) }, [p(_2, null, { default: s(() => [v(p(r(I), null, null, 512), [[b, e3.value == M.value]])]), _: 2 }, 1024), m("span", null, c(e3.label), 1)], 10, j))), 256))]), _: 1 })])]), _: 1 }), v((i(), u(B2, { span: 16, style: { "padding-left": "10px" }, class: "amb-component-popover-icon-list-view" }, { default: s(() => [M.value ? y("", true) : (i(), u(F2, { key: 0, description: "请选择类型", "image-size": 80 })), M.value ? (i(), t("div", S, [p(V2, { modelValue: Y.value, "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => Y.value = e3), placeholder: "搜索", size: "default", "prefix-icon": r(x), clearable: "", style: { flex: "1 1 auto" } }, null, 8, ["modelValue", "prefix-icon"]), ["custom"].includes(M.value) && Y.value && !ae.value.length ? (i(), u(z2, { key: 0, effect: "dark", content: "创建该图标", placement: "top-end" }, { default: s(() => [p(P2, { type: "primary", circle: "", icon: r(C), onClick: se }, null, 8, ["icon"])]), _: 1 })) : y("", true)])) : y("", true), m("input", { ref_key: "uplooadSvgInputRef", ref: ee, type: "file", accept: ".svg", style: { display: "none" }, onChange: pe }, null, 544), ["custom"].includes(M.value) ? (i(), t("div", T, [p(_2, null, { default: s(() => [p(r(A))]), _: 1 }), o2[5] || (o2[5] = m("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), o2[6] || (o2[6] = h("   ")), p(z2, null, { content: s(() => o2[3] || (o2[3] = [h(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), m("br", null, null, -1), h(" 2.支持svg图标,需以svg-img-开头,接svg内容,如：svg-img-xxxxxx. ")])), default: s(() => [p(G2, { type: "primary" }, { default: s(() => o2[4] || (o2[4] = [h("更多")])), _: 1 })]), _: 1 })])) : y("", true), M.value ? v((i(), t("div", L, [ae.value.length || le.value ? y("", true) : (i(), u(F2, { key: 0, description: "没有相关图标", "image-size": 80 })), m("div", N, [(i(true), t(d, null, f(ae.value, (e3) => (i(), u(z2, { key: e3.value, effect: "dark", content: e3.label, placement: "top" }, { default: s(() => [m("div", { class: "amb-component-popover-icon-grid-item", onClick: (l3) => {
-      return o3 = e3, Q.value = o3.value, R("update:modelValue", M.value, Q.value), void Z.value.hide();
-      var o3;
-    } }, [p(W2, { iconType: M.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8, E)]), _: 2 }, 1032, ["content"]))), 128))])])), [[te2, ne]]) : y("", true), M.value ? (i(), t("div", q, [ae.value.length < oe.value.length ? (i(), u(_2, { key: 0, style: { "padding-left": "10px", "font-size": "20px" }, onClick: o2[2] || (o2[2] = (e3) => ne()) }, { default: s(() => [p(H2)]), _: 1 })) : y("", true), h(c(ae.value.length) + "/" + c(oe.value.length), 1)])) : y("", true)]), _: 1 })), [[re, le.value]])]), _: 1 })]), _: 1 }, 512));
+  return l(), (l2, a2) => {
+    const _2 = o("el-icon"), V2 = o("el-input"), P2 = o("el-button"), z2 = o("el-tooltip"), D3 = o("el-scrollbar"), B2 = o("el-col"), F2 = o("el-empty"), G2 = o("el-tag"), W2 = o("SuperIcon"), H2 = o("ArrowDown"), K2 = o("el-row"), X2 = o("el-popover"), te2 = n("infinite-scroll"), re = n("loading");
+    return e2.showLabel ? (i(), t("span", O, c(Q.value), 1)) : (i(), u(X2, { key: 1, ref_key: "popoverRef", ref: Z, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: s(() => [p(V2, { readonly: "", size: e2.size, onClick: ve, modelValue: Q.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => Q.value = e3), placeholder: "请选择" }, { suffix: s(() => [v(p(_2, { style: { cursor: "pointer" }, onClick: w(ce, ["stop"]) }, { default: s(() => [p(r($))]), _: 1 }, 512), [[b, Q.value]])]), _: 1 }, 8, ["size", "modelValue"])]), default: s(() => [p(K2, null, { default: s(() => [p(z2, { effect: "dark", content: "关闭", placement: "top-end" }, { default: s(() => [p(P2, { type: "text", class: "amb-component-popover-close-btn", icon: r(k), onClick: ie }, null, 8, ["icon"])]), _: 1 }), p(B2, { span: 8 }, { default: s(() => [m("div", U, [p(D3, { "max-height": "100%" }, { default: s(() => [(i(true), t(d, null, f(J.value, (e3) => (i(), t("div", { class: g(["amb-popover-menu-item", e3.value == M.value ? "is-active" : ""]), onClick: (l3) => ue(e3.value) }, [p(_2, null, { default: s(() => [v(p(r(I), null, null, 512), [[b, e3.value == M.value]])]), _: 2 }, 1024), m("span", null, c(e3.label), 1)], 10, j))), 256))]), _: 1 })])]), _: 1 }), v((i(), u(B2, { span: 16, style: { "padding-left": "10px" }, class: "amb-component-popover-icon-list-view" }, { default: s(() => [M.value ? y("", true) : (i(), u(F2, { key: 0, description: "请选择类型", "image-size": 80 })), M.value ? (i(), t("div", S, [p(V2, { modelValue: Y.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => Y.value = e3), placeholder: "搜索", size: "default", "prefix-icon": r(x), clearable: "", filterable: "", style: { flex: "1 1 auto" } }, null, 8, ["modelValue", "prefix-icon"]), ["custom"].includes(M.value) && Y.value && !oe.value.length ? (i(), u(z2, { key: 0, effect: "dark", content: "创建该图标", placement: "top-end" }, { default: s(() => [p(P2, { type: "primary", circle: "", icon: r(C), onClick: se }, null, 8, ["icon"])]), _: 1 })) : y("", true)])) : y("", true), m("input", { ref_key: "uplooadSvgInputRef", ref: ee, type: "file", accept: ".svg", style: { display: "none" }, onChange: pe }, null, 544), ["custom"].includes(M.value) ? (i(), t("div", T, [p(_2, null, { default: s(() => [p(r(A))]), _: 1 }), a2[5] || (a2[5] = m("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), a2[6] || (a2[6] = h("   ")), p(z2, null, { content: s(() => a2[3] || (a2[3] = [h(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), m("br", null, null, -1), h(" 2.支持svg图标,需以svg-img-开头,接svg内容,如：svg-img-xxxxxx. ")])), default: s(() => [p(G2, { type: "primary" }, { default: s(() => a2[4] || (a2[4] = [h("更多")])), _: 1 })]), _: 1 })])) : y("", true), M.value ? v((i(), t("div", L, [oe.value.length || le.value ? y("", true) : (i(), u(F2, { key: 0, description: "没有相关图标", "image-size": 80 })), m("div", N, [(i(true), t(d, null, f(oe.value, (e3) => (i(), u(z2, { key: e3.value, effect: "dark", content: e3.label, placement: "top" }, { default: s(() => [m("div", { class: "amb-component-popover-icon-grid-item", onClick: (l3) => {
+      return a3 = e3, Q.value = a3.value, R("update:modelValue", M.value, Q.value), void Z.value.hide();
+      var a3;
+    } }, [p(W2, { iconType: M.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8, E)]), _: 2 }, 1032, ["content"]))), 128))])])), [[te2, ne]]) : y("", true), M.value ? (i(), t("div", q, [oe.value.length < ae.value.length ? (i(), u(_2, { key: 0, style: { "padding-left": "10px", "font-size": "20px" }, onClick: a2[2] || (a2[2] = (e3) => ne()) }, { default: s(() => [p(H2)]), _: 1 })) : y("", true), h(c(oe.value.length) + "/" + c(ae.value.length), 1)])) : y("", true)]), _: 1 })), [[re, le.value]])]), _: 1 })]), _: 1 }, 512));
   };
 } });
 export {

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

@@ -2,20 +2,19 @@ import { defineComponent as e, ref as o, resolveComponent as a, createBlock as t
 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) {
-  const b2 = e2, v = o(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/uploads"), h = d(), y = o(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/show-image?jwt=" + h + "&serverPath=");
+  const b2 = e2, h = o(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/uploads"), v = d(), y = o(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/show-image?jwt=" + v + "&serverPath=");
   function k() {
     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;
   }
-  v.value;
   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 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(h) }, action: v.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 });
+    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-variable-bind.vue.js

@@ -1,4 +1,4 @@
-import o from "./common-variable-bind.vue3.js";
+import o from "./common-variable-bind.vue2.js";
 /* empty css                          */
 import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const r = e(o, [["__scopeId", "data-v-3324003e"]]);