super-page-designer 2.3.12-rc1-design1 → 2.3.12-rc3-design1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/design/utils/page-table-util.js +82 -54
- package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +32 -31
- package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue2.js +23 -30
- package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-advanced.vue.js +21 -20
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue.js +5 -91
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue2.js +99 -2
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue2.js +5 -5
- package/dist/es/components/design/views/assemblys/common/common-watermark.vue.js +24 -0
- package/dist/es/components/design/views/assemblys/common/common-watermark.vue2.js +4 -0
- package/dist/es/components/design/views/assemblys/data/component/configuration-value.vue.js +11 -76
- package/dist/es/components/design/views/assemblys/data/component/dynamic-column.vue.js +44 -42
- package/dist/es/components/design/views/assemblys/data/component/formatting.vue.js +23 -20
- package/dist/es/components/design/views/assemblys/data/component/table-column-format.vue.js +19 -0
- package/dist/es/components/design/views/assemblys/data/component/table-column-format.vue2.js +4 -0
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +72 -75
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-dynamic-column.vue.js +10 -10
- package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr-advanced.vue.js +9 -8
- package/dist/es/components/design/views/assemblys/object-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/object-design.vue3.js +1 -1
- package/dist/es/components/design/views/assemblys/page/page-attr-base.vue.js +52 -52
- package/dist/es/style.css +16 -12
- package/package.json +4 -4
|
@@ -1,48 +1,50 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l,
|
|
2
|
-
import {
|
|
1
|
+
import { defineComponent as e, ref as l, reactive as a, resolveComponent as o, createElementBlock as n, openBlock as t, Fragment as u, createElementVNode as i, createVNode as d, withDirectives as r, withCtx as p, createTextVNode as m, vShow as s, createBlock as c, createCommentVNode as f, toDisplayString as g, renderList as w, resolveDynamicComponent as b } from "vue";
|
|
2
|
+
import { getAttrComponentByName as y } from "../../../../utils/assemblys-config.js";
|
|
3
3
|
import "uuid";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
L.value && "dynamicDataSource" === B.value.type && L.value.echoDataOrigin(B.value.dynamicDataSourceCode);
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
function X(e3) {
|
|
26
|
-
1 === Q.value ? J2.configure.props.dynamicColumnData.columnModelTable[P.value].valueSettingFormat = e3 : J2.configure.props.dynamicColumnData.columnModelTable[P.value].dynamicDataSourceData = e3, J2.configure.props.dynamicColumnData.columnModelTable;
|
|
27
|
-
}
|
|
4
|
+
import v from "./configuration-value.vue.js";
|
|
5
|
+
import V from "./formatting.vue.js";
|
|
6
|
+
import "../../../../../../stores/page-store.js";
|
|
7
|
+
import C from "../../object-design.vue.js";
|
|
8
|
+
import { getDefaultComponent as k, updateConfEvents as h } from "../../../../utils/home-chart-util.js";
|
|
9
|
+
const _ = { key: 0 }, x = { key: 1 }, F = { key: 0 }, U = { key: 0 }, D = { key: 0 }, N = { key: 1 }, S = { key: 0 }, T = { key: 1 }, j = { key: 0 }, M = { key: 0 }, I = { key: 0 }, J = { key: 0 }, K = { key: 0 }, O = { key: 0 }, A = { style: { display: "none" } }, L = e({ __name: "dynamic-column", props: { configure: { type: Object, default: () => ({ props: {} }) }, pageDesign: { type: Object, default: () => ({ props: {} }) }, modelTableFieldList: { type: Array, default: () => [] }, clolumnTableFields: { type: Array, default: () => [] }, title: String }, setup(e2) {
|
|
10
|
+
const L2 = e2, R = l(false), z = l(null), $ = l(false), q = l({}), G = l({}), B = l({});
|
|
11
|
+
function E() {
|
|
12
|
+
L2.configure.props.dynamicColumnData.columnModelTable.push({ visible: true, exportable: true });
|
|
13
|
+
}
|
|
14
|
+
function H() {
|
|
15
|
+
L2.configure.props.dynamicColumnData.columnModelTable = L2.configure.props.dynamicColumnData.columnModelTable.filter((e3) => e3 != P.value);
|
|
16
|
+
}
|
|
17
|
+
const P = l({});
|
|
18
|
+
function Q(e3) {
|
|
19
|
+
e3 === P.value ? e3.editing = true : (e3.editing || (e3.editing = true), P.value && (P.value.editing = false)), P.value = e3;
|
|
20
|
+
}
|
|
21
|
+
const W = l(false), X = l(0);
|
|
28
22
|
function Y() {
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
function Z(
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
23
|
+
X.value = 0, W.value = false;
|
|
24
|
+
}
|
|
25
|
+
function Z() {
|
|
26
|
+
ee.value = false;
|
|
27
|
+
}
|
|
28
|
+
const ee = l(false);
|
|
29
|
+
l({});
|
|
30
|
+
const le = a({ index: 0 });
|
|
31
|
+
function ae(e3) {
|
|
32
|
+
h(e3), q.value = e3, B.value = y(e3.name);
|
|
33
|
+
}
|
|
34
|
+
return (l2, a2) => {
|
|
35
|
+
const h2 = o("el-button"), L3 = o("el-text"), P2 = o("el-option"), oe = o("el-select"), ne = o("el-input"), te = o("el-table-column"), ue = o("el-switch"), ie = o("el-table"), de = o("el-drawer"), re = o("el-dialog");
|
|
36
|
+
return t(), n(u, null, [i("div", null, [d(h2, { type: "primary", onClick: a2[0] || (a2[0] = (e3) => R.value = true) }, { default: p(() => a2[3] || (a2[3] = [m("编辑")])), _: 1 }), r(d(L3, { type: "success" }, { default: p(() => a2[4] || (a2[4] = [m(" 已设置条件")])), _: 1 }, 512), [[s, e2.configure.props.dynamicColumnData.columnModelTable && e2.configure.props.dynamicColumnData.columnModelTable.length > 0]])]), d(re, { "append-to-body": "", modelValue: R.value, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => R.value = e3), title: e2.title, width: "60%" }, { default: p(() => [i("div", null, [d(h2, { onClick: E, type: "primary", size: "default" }, { default: p(() => a2[5] || (a2[5] = [m("添加")])), _: 1 }), d(h2, { onClick: H, type: "danger", size: "default" }, { default: p(() => a2[6] || (a2[6] = [m("删除")])), _: 1 })]), d(ie, { data: e2.configure.props.dynamicColumnData.columnModelTable, border: "", "highlight-current-row": "", "row-key": "id", style: { width: "100%", "margin-top": "10px" }, "max-height": "400px", onRowDblclick: Q, onRowClick: Q }, { default: p(() => [d(te, { label: "基本信息" }, { default: p(() => [d(te, { label: "标题字段", align: "center", fixed: "left", prop: "columnName", width: "150" }, { default: p((l3) => [l3.row.editing ? (t(), n("span", x, ["dataTable" == e2.configure.props.dynamicColumnData.dataSources ? (t(), c(oe, { key: 0, modelValue: l3.row.columnName, "onUpdate:modelValue": (e3) => l3.row.columnName = e3, clearable: "", filterable: "", "allow-create": "", "default-first-option": "" }, { default: p(() => [(t(true), n(u, null, w(e2.modelTableFieldList, (e3, l4) => (t(), c(P2, { key: l4, label: e3.alias, value: e3.dbColumnName }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])) : "sql" == e2.configure.props.dynamicColumnData.dataSources ? (t(), c(ne, { key: 1, modelValue: l3.row.columnName, "onUpdate:modelValue": (e3) => l3.row.columnName = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : "optionGroup" == e2.configure.props.dynamicColumnData.dataSources ? (t(), c(oe, { key: 2, modelValue: l3.row.columnName, "onUpdate:modelValue": (e3) => l3.row.columnName = e3, clearable: "" }, { default: p(() => [d(P2, { label: "Label", value: "label" }), d(P2, { label: "Value", value: "value" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])) : f("", true)])) : (t(), n("span", _, [i("span", null, g(l3.row.columnName), 1)]))]), _: 1 }), d(te, { label: "固定标题", align: "center", fixed: "left", prop: "headerName", width: "150" }, { default: p((e3) => [e3.row.editing ? (t(), c(ne, { key: 1, modelValue: e3.row.headerName, "onUpdate:modelValue": (l3) => e3.row.headerName = l3, onFocus: (l3) => Q(e3.row) }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"])) : (t(), n("span", F, g(e3.row.headerName), 1))]), _: 1 }), d(te, { label: "标题值设置", align: "center", prop: "valueSet", width: "110" }, { default: p((e3) => [d(h2, { disabled: !e3.row.editing, type: "primary", onClick: (l3) => {
|
|
37
|
+
return a3 = e3.row, o2 = e3.$index, X.value = o2, a3.titleValueSetComponentConfig || (a3.titleValueSetComponentConfig = k()), G.value = a3.titleValueSetComponentConfig, void (W.value = true);
|
|
38
|
+
var a3, o2;
|
|
39
|
+
} }, { default: p(() => a2[7] || (a2[7] = [m("配置值设置")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 }), d(te, { label: "固定标题国际化key", align: "center", fixed: "left", prop: "headerNameI18nKey", width: "200px" }, { default: p((e3) => [e3.row.editing ? (t(), c(ne, { key: 1, modelValue: e3.row.headerNameI18nKey, "onUpdate:modelValue": (l3) => e3.row.headerNameI18nKey = l3, onFocus: (l3) => Q(e3.row) }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"])) : (t(), n("span", U, g(e3.row.headerNameI18nKey), 1))]), _: 1 }), d(te, { label: "内容字段", align: "center", fixed: "left", prop: "prop", width: "210px" }, { default: p((l3) => [l3.row.editing ? (t(), n("span", N, [d(oe, { modelValue: l3.row.prop, "onUpdate:modelValue": (e3) => l3.row.prop = e3, clearable: "", style: { width: "100%" }, onFocus: (e3) => Q(l3.row) }, { default: p(() => [(t(true), n(u, null, w(e2.clolumnTableFields, (e3, l4) => (t(), c(P2, { key: l4, label: e3.alias, value: e3.dbColumnName }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"])])) : (t(), n("span", D, [i("span", null, g(l3.row.prop), 1)]))]), _: 1 }), d(te, { label: "标题内容映射字段", align: "center", fixed: "left", prop: "titleContentJoinField", width: "210px" }, { default: p((l3) => [l3.row.editing ? (t(), n("span", T, [d(oe, { modelValue: l3.row.titleContentJoinField, "onUpdate:modelValue": (e3) => l3.row.titleContentJoinField = e3, clearable: "", filterable: "", style: { width: "100%" }, onFocus: (e3) => Q(l3.row) }, { default: p(() => [(t(true), n(u, null, w(e2.clolumnTableFields, (e3, l4) => (t(), c(P2, { key: l4, label: e3.alias, value: e3.dbColumnName }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"])])) : (t(), n("span", S, [i("span", null, g(l3.row.titleContentJoinField), 1)]))]), _: 1 })]), _: 1 }), d(te, { label: "列宽", align: "center", prop: "width", width: "80px" }, { default: p((e3) => [e3.row.editing ? (t(), c(ne, { key: 1, modelValue: e3.row.width, "onUpdate:modelValue": (l3) => e3.row.width = l3, onFocus: (l3) => Q(e3.row) }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"])) : (t(), n("span", j, g(e3.row.width), 1))]), _: 1 }), d(te, { label: "是否显示", align: "center", prop: "visible", width: "80px" }, { default: p((e3) => [e3.row.editing ? (t(), c(ue, { key: 1, modelValue: e3.row.visible, "onUpdate:modelValue": (l3) => e3.row.visible = l3, onFocus: (l3) => Q(e3.row) }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"])) : (t(), n("span", M, g(e3.row.visible), 1))]), _: 1 }), d(te, { label: "是否导出", align: "center", prop: "exportable", width: "80px" }, { default: p((e3) => [e3.row.editing ? (t(), c(ue, { key: 1, modelValue: e3.row.exportable, "onUpdate:modelValue": (l3) => e3.row.exportable = l3, onFocus: (l3) => Q(e3.row) }, null, 8, ["modelValue", "onUpdate:modelValue", "onFocus"])) : (t(), n("span", I, g(e3.row.exportable), 1))]), _: 1 }), d(te, { label: "是否排序", align: "center", prop: "listColumnSort", width: "80" }, { default: p((e3) => [e3.row.editing ? (t(), c(oe, { key: 1, modelValue: e3.row.listColumnSort, "onUpdate:modelValue": (l3) => e3.row.listColumnSort = l3, clearable: "", onFocus: (l3) => Q(e3.row) }, { default: p(() => [d(P2, { label: "自定义", value: "custom" }), d(P2, { label: "排序", value: "true" }), d(P2, { label: "不排序", value: "false" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"])) : (t(), n("span", J, g(e3.row.listColumnSort), 1))]), _: 1 }), d(te, { label: "冻结列", align: "center", prop: "listColumnFixed", width: "80" }, { default: p((e3) => [e3.row.editing ? (t(), c(oe, { key: 1, modelValue: e3.row.listColumnFixed, "onUpdate:modelValue": (l3) => e3.row.listColumnFixed = l3, clearable: "", onFocus: (l3) => Q(e3.row) }, { default: p(() => [d(P2, { label: "不冻结", value: "false" }), d(P2, { label: "左", value: "left" }), d(P2, { label: "右", value: "right" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onFocus"])) : (t(), n("span", K, g(e3.row.listColumnFixed), 1))]), _: 1 }), d(te, { label: "格式设置", align: "center", prop: "format", width: "100" }, { default: p((e3) => [d(h2, { disabled: !e3.row.editing, type: "primary", onClick: (l3) => {
|
|
40
|
+
return a3 = e3.row, ee.value = true, a3.componentConfig || (a3.componentConfig = k()), void (q.value = a3.componentConfig);
|
|
41
|
+
var a3;
|
|
42
|
+
} }, { default: p(() => a2[8] || (a2[8] = [m("配置格式 ")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 }), d(te, { label: "行编辑设置" }, { default: p(() => [d(te, { label: "是否编辑", align: "center", prop: "editable", width: "80px" }, { default: p((e3) => [e3.row.editing ? (t(), c(ue, { key: 1, modelValue: e3.row.editable, "onUpdate:modelValue": (l3) => e3.row.editable = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (t(), n("span", O, g(e3.row.editable), 1))]), _: 1 }), d(te, { label: "编辑控件配置", align: "center", width: "150px" }, { default: p((e3) => [d(h2, { disabled: !e3.row.editing, type: "primary", onClick: (l3) => {
|
|
43
|
+
return a3 = e3.row, e3.$index, $.value = true, a3.componentConfig || (a3.componentConfig = k()), q.value = a3.componentConfig, void (B.value = y(a3.componentConfig.name));
|
|
44
|
+
var a3;
|
|
45
|
+
} }, { default: p(() => a2[9] || (a2[9] = [m("设置")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 })]), _: 1 }, 8, ["data"]), W.value ? (t(), c(v, { key: 0, ref_key: "configurationRef", ref: z, titleValueSetConfigure: G.value, pageDesign: e2.pageDesign, onClose: Y }, null, 8, ["titleValueSetConfigure", "pageDesign"])) : f("", true), ee.value ? (t(), c(V, { key: 1, pageDesign: e2.pageDesign, configure: q.value, onClose: Z }, null, 8, ["pageDesign", "configure"])) : f("", true), d(de, { modelValue: $.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => $.value = e3), "with-header": false }, { default: p(() => [i("div", A, [d(C, { indexObj: le, configure: q.value, pageDesign: e2.pageDesign }, null, 8, ["indexObj", "configure", "pageDesign"])]), (t(), c(b(B.value), { key: "attr_" + q.value.uuid, pageDesign: e2.pageDesign, configure: q.value, onChangeAssembly: ae }, null, 40, ["pageDesign", "configure"]))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 8, ["modelValue", "title"])], 64);
|
|
44
46
|
};
|
|
45
47
|
} });
|
|
46
48
|
export {
|
|
47
|
-
|
|
49
|
+
L as default
|
|
48
50
|
};
|
|
@@ -1,26 +1,29 @@
|
|
|
1
|
-
import { defineComponent as e,
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { defineComponent as e, resolveComponent as o, createBlock as t, openBlock as i, withCtx as s, createVNode as r } from "vue";
|
|
2
|
+
import "@element-plus/icons";
|
|
3
|
+
import "@element-plus/icons-vue";
|
|
4
|
+
import "uuid";
|
|
5
|
+
import "agilebuilder-ui/src/utils/request";
|
|
6
|
+
import "../../../../../../stores/page-store.js";
|
|
7
|
+
import "../../../../../../stores/table-store.js";
|
|
8
|
+
import "../../../../../../stores/statistics-table-store.js";
|
|
4
9
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
10
|
+
import "@vueuse/core";
|
|
11
|
+
import "../../../../utils/assemblys-config.js";
|
|
12
|
+
import "super-page-runtime";
|
|
13
|
+
import "element-plus";
|
|
14
|
+
/* empty css */
|
|
15
|
+
/* empty css */
|
|
16
|
+
import m from "./table-column-format.vue.js";
|
|
17
|
+
const n = e({ __name: "formatting", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: {} } }, emits: ["close"], setup(e2, { emit: n2 }) {
|
|
18
|
+
const u = n2;
|
|
19
|
+
function p() {
|
|
20
|
+
u("close");
|
|
16
21
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const b2 = a("el-option"), f2 = a("el-select"), k2 = a("el-form-item"), U = a("el-input"), H = a("el-switch"), x = a("el-input-number"), C = a("el-button"), D = a("el-form"), S = a("el-dialog");
|
|
21
|
-
return t(), u(S, { "append-to-body": "", "model-value": "", title: "格式设置", width: "40%", "before-close": g }, { footer: m(() => [n("div", p, [o(C, { type: "default", onClick: r3[18] || (r3[18] = (e3) => l2.$emit("close")) }, { default: m(() => r3[19] || (r3[19] = [s("取消")])), _: 1 }), o(C, { type: "primary", onClick: h }, { default: m(() => r3[20] || (r3[20] = [s("确认 ")])), _: 1 })])]), default: m(() => [o(D, { modelValue: V.value, "onUpdate:modelValue": r3[17] || (r3[17] = (e3) => V.value = e3), "label-width": "140px" }, { default: m(() => [o(k2, { label: "格式化分类", class: "amb-design-attr-item" }, { default: m(() => [o(f2, { modelValue: V.value.type, "onUpdate:modelValue": r3[0] || (r3[0] = (e3) => V.value.type = e3), placeholder: "请选择" }, { default: m(() => [o(b2, { label: "数值", value: "number" }), o(b2, { label: "货币", value: "currency" }), o(b2, { label: "日期", value: "date" }), o(b2, { label: "时间", value: "time" }), o(b2, { label: "百分比", value: "percent" }), o(b2, { label: "自定义控件", value: "customControl" }), o(b2, { label: "超链接", value: "hyperlinks" }), o(b2, { label: "图标/标签", value: "icon" }), o(b2, { label: "附件控件", value: "files" }), o(b2, { label: "富文本", value: "richEditor" }), o(b2, { label: "脱敏组件", value: "secretInfo" }), o(b2, { label: "自定义方法", value: "custom" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), "number" === V.value.type || "currency" === V.value.type || "percent" === V.value.type ? (t(), u(k2, { key: 0, label: "小数位数", class: "amb-design-attr-item" }, { default: m(() => [o(U, { modelValue: V.value.decimalDigit, "onUpdate:modelValue": r3[1] || (r3[1] = (e3) => V.value.decimalDigit = e3) }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "number" === V.value.type ? (t(), u(k2, { key: 1, label: "科学计数", class: "amb-design-attr-item" }, { default: m(() => [o(H, { modelValue: V.value.scientific, "onUpdate:modelValue": r3[2] || (r3[2] = (e3) => V.value.scientific = e3), "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "number" === V.value.type ? (t(), u(k2, { key: 2, label: "科学计数位数", class: "amb-design-attr-item" }, { default: m(() => [o(U, { modelValue: V.value.scientificNum, "onUpdate:modelValue": r3[3] || (r3[3] = (e3) => V.value.scientificNum = e3) }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "number" === V.value.type ? (t(), u(k2, { key: 3, label: "千位分隔符", class: "amb-design-attr-item" }, { default: m(() => [o(H, { modelValue: V.value.thousandsSeparator, "onUpdate:modelValue": r3[4] || (r3[4] = (e3) => V.value.thousandsSeparator = e3), "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "number" === V.value.type ? (t(), u(k2, { key: 4, label: "数值符号", class: "amb-design-attr-item" }, { default: m(() => [o(U, { modelValue: V.value.symbol, "onUpdate:modelValue": r3[5] || (r3[5] = (e3) => V.value.symbol = e3) }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "currency" === V.value.type ? (t(), u(k2, { key: 5, label: "货币符号", class: "amb-design-attr-item" }, { default: m(() => [o(f2, { modelValue: V.value.currencySymbol, "onUpdate:modelValue": r3[6] || (r3[6] = (e3) => V.value.currencySymbol = e3), placeholder: "Select" }, { default: m(() => [o(b2, { label: "$", value: "$" }), o(b2, { label: "￥", value: "￥" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), "date" === V.value.type ? (t(), u(k2, { key: 6, label: "日期类型", class: "amb-design-attr-item" }, { default: m(() => [o(f2, { modelValue: V.value.dataType, "onUpdate:modelValue": r3[7] || (r3[7] = (e3) => V.value.dataType = e3), placeholder: "Select" }, { default: m(() => [o(b2, { label: "yyyy-m-d", value: "yyyy-m-d" }), o(b2, { label: "yyyy-m-d hh:mm:ss", value: "yyyy-m-d hh:mm:ss" }), o(b2, { label: "yyyy-m", value: "yyyy-m" }), o(b2, { label: "m-d", value: "m-d" }), o(b2, { label: "yyyy", value: "yyyy" }), o(b2, { label: "yyyy年m月d日", value: "yyyy年m月d日" }), o(b2, { label: "yyyy年m月d日hh时mm分ss秒", value: "yyyy年m月d日hh时mm分ss秒" }), o(b2, { label: "yyyy年m月", value: "yyyy年m月" }), o(b2, { label: "m月d日", value: "m月d日" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), "time" === V.value.type ? (t(), u(k2, { key: 7, label: "时间类型", class: "amb-design-attr-item" }, { default: m(() => [o(f2, { modelValue: V.value.timeType, "onUpdate:modelValue": r3[8] || (r3[8] = (e3) => V.value.timeType = e3), placeholder: "Select" }, { default: m(() => [o(b2, { label: "HH:mm", value: "HH:mm" }), o(b2, { label: "HH:mm:ss", value: "HH:mm:ss" }), o(b2, { label: "HH时mm分", value: "HH时mm分" }), o(b2, { label: "HH时mm分ss秒", value: "HH时mm分ss秒" }), o(b2, { label: "hh:mm", value: "hh:mm" }), o(b2, { label: "hh:mm:ss", value: "hh:mm:ss" }), o(b2, { label: "hh时mm分", value: "hh时mm分" }), o(b2, { label: "hh时mm分ss秒", value: "hh时mm分ss秒" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), "customControl" === V.value.type ? (t(), u(k2, { key: 8, label: "自定义控件", class: "amb-design-attr-item" }, { default: m(() => [o(U, { modelValue: V.value.customControl, "onUpdate:modelValue": r3[9] || (r3[9] = (e3) => V.value.customControl = e3) }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "hyperlinks" === V.value.type ? (t(), u(y, { key: 9, suffixModule: V.value.suffixModule }, null, 8, ["suffixModule"])) : d("", true), "icon" === V.value.type ? (t(), u(c, { key: 10, setting: V.value }, null, 8, ["setting"])) : d("", true), "custom" === V.value.type ? (t(), u(k2, { key: 11, label: "自定义方法", class: "amb-design-attr-item" }, { default: m(() => [o(U, { modelValue: V.value.customControl, "onUpdate:modelValue": r3[10] || (r3[10] = (e3) => V.value.customControl = e3) }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "files" === V.value.type ? (t(), u(k2, { key: 12, label: "是否多选" }, { default: m(() => [o(H, { modelValue: V.value.multiple, "onUpdate:modelValue": r3[11] || (r3[11] = (e3) => V.value.multiple = e3) }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "files" === V.value.type ? (t(), u(k2, { key: 13, label: "接受上传的文件类型" }, { default: m(() => [o(U, { modelValue: V.value.accept, "onUpdate:modelValue": r3[12] || (r3[12] = (e3) => V.value.accept = e3) }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "files" === V.value.type ? (t(), u(k2, { key: 14, label: "文件限制大小(M)" }, { default: m(() => [o(x, { modelValue: V.value.limitFileSize, "onUpdate:modelValue": r3[13] || (r3[13] = (e3) => V.value.limitFileSize = e3), min: 1 }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "files" === V.value.type && V.value.multiple ? (t(), u(k2, { key: 15, label: "选择数据表" }, { default: m(() => [o(U, { modelValue: V.value.childAnnexDataTableCode, "onUpdate:modelValue": r3[14] || (r3[14] = (e3) => V.value.childAnnexDataTableCode = e3), onClick: _, clearable: "" }, { append: m(() => [o(C, { type: "default", icon: i(v), onClick: _ }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), "files" === V.value.type ? (t(), u(k2, { key: 16, label: "展示名称对应字段" }, { default: m(() => [o(f2, { modelValue: V.value.showName, "onUpdate:modelValue": r3[15] || (r3[15] = (e3) => V.value.showName = e3), filterable: "" }, { default: m(() => [o(b2, { label: "1", value: "1" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), "files" === V.value.type ? (t(), u(k2, { key: 17, label: "服务器名称对应字段" }, { default: m(() => [o(f2, { modelValue: V.value.serverName, "onUpdate:modelValue": r3[16] || (r3[16] = (e3) => V.value.serverName = e3), filterable: "" }, { default: m(() => [o(b2, { label: "time", value: "time" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true)]), _: 1 }, 8, ["modelValue"]), "hyperlinks" === V.value.type ? (t(), u(y, { key: 0, isDialog: true, configure: V.value, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"])) : d("", true)]), _: 1 });
|
|
22
|
+
return (n3, u2) => {
|
|
23
|
+
const l = o("el-dialog");
|
|
24
|
+
return i(), t(l, { "append-to-body": "", "model-value": "", title: "格式设置", width: "40%", "before-close": p }, { default: s(() => [r(m, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"])]), _: 1 });
|
|
22
25
|
};
|
|
23
26
|
} });
|
|
24
27
|
export {
|
|
25
|
-
|
|
28
|
+
n as default
|
|
26
29
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { defineComponent as e, onUnmounted as l, resolveComponent as o, createElementBlock as a, openBlock as t, createVNode as r, createBlock as p, createCommentVNode as u, withCtx as n, Fragment as i, renderList as m, unref as f } from "vue";
|
|
2
|
+
import { Search as s } from "@element-plus/icons-vue";
|
|
3
|
+
import c from "./variate-select.vue.js";
|
|
4
|
+
import d from "../../form/common/hyperlink-mult-config.vue.js";
|
|
5
|
+
import g from "./formatting-icon-label.vue.js";
|
|
6
|
+
import b from "../../form/common/parameter-table.vue.js";
|
|
7
|
+
import { dateFormatOptions as y, timeFormatOptions as V } from "../../../../utils/common-option.js";
|
|
8
|
+
const v = e({ __name: "table-column-format", props: { configure: { type: Object, default: () => ({ props: {} }) }, tableConfigure: { type: Object, default: () => ({ props: {} }) }, pageDesign: { type: Object, default: () => {
|
|
9
|
+
} } }, setup(e2) {
|
|
10
|
+
const v2 = e2;
|
|
11
|
+
return v2.configure.props.format || (v2.configure.props.format = {}), v2.configure.props.linkPage || (v2.configure.props.linkPage = []), l(() => {
|
|
12
|
+
}), (l2, v3) => {
|
|
13
|
+
const k = o("el-option"), C = o("el-select"), _ = o("el-form-item"), U = o("el-input"), h = o("el-switch"), D = o("el-input-number"), S = o("el-button");
|
|
14
|
+
return t(), a("div", null, [r(_, { label: "格式化分类", class: "amb-design-attr-item" }, { default: n(() => [r(C, { modelValue: e2.configure.props.format.type, "onUpdate:modelValue": v3[0] || (v3[0] = (l3) => e2.configure.props.format.type = l3), clearable: "", placeholder: "请选择" }, { default: n(() => [r(k, { label: "数值", value: "number" }), r(k, { label: "货币", value: "currency" }), r(k, { label: "日期", value: "date" }), r(k, { label: "时间", value: "time" }), r(k, { label: "百分比", value: "percent" }), r(k, { label: "自定义控件", value: "customControl" }), r(k, { label: "超链接", value: "hyperlinks" }), r(k, { label: "图标/标签", value: "icon" }), r(k, { label: "附件控件", value: "files" }), r(k, { label: "富文本", value: "richEditor" }), r(k, { label: "脱敏组件", value: "secretInfo" }), r(k, { label: "自定义方法", value: "custom" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), "number" === e2.configure.props.format.type || "currency" === e2.configure.props.format.type || "percent" === e2.configure.props.format.type ? (t(), p(_, { key: 0, label: "小数位数", class: "amb-design-attr-item" }, { default: n(() => [r(U, { modelValue: e2.configure.props.format.decimalDigit, "onUpdate:modelValue": v3[1] || (v3[1] = (l3) => e2.configure.props.format.decimalDigit = l3) }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "number" === e2.configure.props.format.type ? (t(), p(_, { key: 1, label: "科学计数", class: "amb-design-attr-item" }, { default: n(() => [r(h, { modelValue: e2.configure.props.format.scientific, "onUpdate:modelValue": v3[2] || (v3[2] = (l3) => e2.configure.props.format.scientific = l3), "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "number" === e2.configure.props.format.type && e2.configure.props.format.scientific ? (t(), p(_, { key: 2, label: "计数位数", class: "amb-design-attr-item" }, { default: n(() => [r(U, { modelValue: e2.configure.props.format.scientificNum, "onUpdate:modelValue": v3[3] || (v3[3] = (l3) => e2.configure.props.format.scientificNum = l3) }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "number" === e2.configure.props.format.type ? (t(), p(_, { key: 3, label: "千位分隔符", class: "amb-design-attr-item" }, { default: n(() => [r(h, { modelValue: e2.configure.props.format.thousandsSeparator, "onUpdate:modelValue": v3[4] || (v3[4] = (l3) => e2.configure.props.format.thousandsSeparator = l3), "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "number" === e2.configure.props.format.type ? (t(), p(_, { key: 4, label: "数值符号", class: "amb-design-attr-item" }, { default: n(() => [r(U, { modelValue: e2.configure.props.format.symbol, "onUpdate:modelValue": v3[5] || (v3[5] = (l3) => e2.configure.props.format.symbol = l3) }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "currency" === e2.configure.props.format.type ? (t(), p(_, { key: 5, label: "货币符号", class: "amb-design-attr-item" }, { default: n(() => [r(C, { modelValue: e2.configure.props.format.currencySymbol, "onUpdate:modelValue": v3[6] || (v3[6] = (l3) => e2.configure.props.format.currencySymbol = l3), placeholder: "Select" }, { default: n(() => [r(k, { label: "$", value: "$" }), r(k, { label: "￥", value: "￥" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : u("", true), "date" === e2.configure.props.format.type ? (t(), p(_, { key: 6, label: "日期类型", class: "amb-design-attr-item" }, { default: n(() => [r(C, { modelValue: e2.configure.props.format.dataType, "onUpdate:modelValue": v3[7] || (v3[7] = (l3) => e2.configure.props.format.dataType = l3), placeholder: "Select" }, { default: n(() => [(t(true), a(i, null, m(f(y), (e3) => (t(), p(k, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : u("", true), "time" === e2.configure.props.format.type ? (t(), p(_, { key: 7, label: "时间类型", class: "amb-design-attr-item" }, { default: n(() => [r(C, { modelValue: e2.configure.props.format.timeType, "onUpdate:modelValue": v3[8] || (v3[8] = (l3) => e2.configure.props.format.timeType = l3), placeholder: "Select" }, { default: n(() => [(t(true), a(i, null, m(f(V), (e3) => (t(), p(k, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : u("", true), "customControl" === e2.configure.props.format.type ? (t(), p(_, { key: 8, label: "自定义控件", class: "amb-design-attr-item" }, { default: n(() => [r(U, { modelValue: e2.configure.props.format.customControl, "onUpdate:modelValue": v3[9] || (v3[9] = (l3) => e2.configure.props.format.customControl = l3) }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "customControl" === e2.configure.props.format.type ? (t(), p(_, { key: 9, class: "amb-design-attr-item", "label-width": "0" }, { default: n(() => [r(b, { data: e2.configure.props.format.parameter, "onUpdate:data": v3[10] || (v3[10] = (l3) => e2.configure.props.format.parameter = l3), tableConfigure: e2.tableConfigure }, null, 8, ["data", "tableConfigure"])]), _: 1 })) : u("", true), "hyperlinks" === e2.configure.props.format.type ? (t(), p(d, { key: 10, pageDesign: e2.pageDesign, linkPage: e2.configure.props.linkPage, "onUpdate:linkPage": v3[11] || (v3[11] = (l3) => e2.configure.props.linkPage = l3), tableConfigure: e2.tableConfigure, isDialog: false }, null, 8, ["pageDesign", "linkPage", "tableConfigure"])) : u("", true), "icon" === e2.configure.props.format.type ? (t(), p(g, { key: 11, setting: e2.configure.props.format }, null, 8, ["setting"])) : u("", true), "custom" === e2.configure.props.format.type ? (t(), p(_, { key: 12, label: "自定义方法", class: "amb-design-attr-item" }, { default: n(() => [r(U, { modelValue: e2.configure.props.format.customControl, "onUpdate:modelValue": v3[12] || (v3[12] = (l3) => e2.configure.props.format.customControl = l3) }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "files" === e2.configure.props.format.type ? (t(), p(_, { key: 13, label: "是否多选", class: "amb-design-attr-item" }, { default: n(() => [r(h, { modelValue: e2.configure.props.format.multiple, "onUpdate:modelValue": v3[13] || (v3[13] = (l3) => e2.configure.props.format.multiple = l3) }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "files" === e2.configure.props.format.type ? (t(), p(_, { key: 14, label: "文件类型", class: "amb-design-attr-item" }, { default: n(() => [r(U, { modelValue: e2.configure.props.format.accept, "onUpdate:modelValue": v3[14] || (v3[14] = (l3) => e2.configure.props.format.accept = l3) }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "files" === e2.configure.props.format.type ? (t(), p(_, { key: 15, label: "文件限制(M)", class: "amb-design-attr-item" }, { default: n(() => [r(D, { modelValue: e2.configure.props.format.limitFileSize, "onUpdate:modelValue": v3[15] || (v3[15] = (l3) => e2.configure.props.format.limitFileSize = l3), min: 1 }, null, 8, ["modelValue"])]), _: 1 })) : u("", true), "files" === e2.configure.props.format.type && e2.configure.props.format.multiple ? (t(), p(_, { key: 16, label: "选择数据表" }, { default: n(() => [r(U, { modelValue: e2.configure.props.format.childAnnexDataTableCode, "onUpdate:modelValue": v3[16] || (v3[16] = (l3) => e2.configure.props.format.childAnnexDataTableCode = l3), onClick: l2.openSelectDataTable, clearable: "" }, { append: n(() => [r(S, { type: "default", icon: f(s), onClick: l2.openSelectDataTable }, null, 8, ["icon", "onClick"])]), _: 1 }, 8, ["modelValue", "onClick"])]), _: 1 })) : u("", true), "files" === e2.configure.props.format.type ? (t(), p(_, { key: 17, label: "展示名字段", class: "amb-design-attr-item" }, { default: n(() => [r(c, { prop: e2.configure.props.format.showName, "onUpdate:prop": v3[17] || (v3[17] = (l3) => e2.configure.props.format.showName = l3), tableConfigure: e2.tableConfigure }, null, 8, ["prop", "tableConfigure"])]), _: 1 })) : u("", true), "files" === e2.configure.props.format.type ? (t(), p(_, { key: 18, label: "服务器字段", class: "amb-design-attr-item" }, { default: n(() => [r(c, { prop: e2.configure.props.format.serverName, "onUpdate:prop": v3[18] || (v3[18] = (l3) => e2.configure.props.format.serverName = l3), tableConfigure: e2.tableConfigure }, null, 8, ["prop", "tableConfigure"])]), _: 1 })) : u("", true)]);
|
|
15
|
+
};
|
|
16
|
+
} });
|
|
17
|
+
export {
|
|
18
|
+
v as default
|
|
19
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "./tablecolumn-attr-base.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const a = e(t, [["__scopeId", "data-v-dc7bdb21"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|