@aspire-ui/element-component-pro 1.0.5 → 1.0.6
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/README.md +65 -1
- package/dist/ProDescriptions/ProDescriptions.vue.d.ts +136 -0
- package/dist/ProDescriptions/index.d.ts +5 -0
- package/dist/ProDescriptions/useDescription.d.ts +9 -0
- package/dist/ProForm/ProForm.vue.d.ts +1 -1
- package/dist/ProTable/ProTable.vue.d.ts +2 -2
- package/dist/element-component-pro.es.js +797 -634
- package/dist/element-component-pro.es.js.map +1 -1
- package/dist/element-component-pro.umd.js +2 -2
- package/dist/element-component-pro.umd.js.map +1 -1
- package/dist/index.d.ts +563 -150
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +60 -0
- package/package.json +1 -1
- package/src/ProDescriptions/ProDescriptions.vue +437 -0
- package/src/ProDescriptions/index.ts +5 -0
- package/src/ProDescriptions/useDescription.ts +52 -0
- package/src/index.ts +6 -0
- package/src/types/index.ts +64 -0
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { reactive as
|
|
2
|
-
import { MessageBox as
|
|
3
|
-
const
|
|
4
|
-
function
|
|
1
|
+
import { reactive as ze, defineComponent as ae, h as oe, useSlots as Pe, ref as k, computed as x, onMounted as pe, nextTick as Be, onUnmounted as xe, watch as U, unref as ue } from "vue";
|
|
2
|
+
import { MessageBox as Ee } from "element-ui";
|
|
3
|
+
const we = ze({});
|
|
4
|
+
function Se() {
|
|
5
5
|
return {
|
|
6
|
-
getSetting: (
|
|
7
|
-
setSetting: (
|
|
8
|
-
const a =
|
|
9
|
-
|
|
6
|
+
getSetting: (l) => l === void 0 ? { ...we } : { ...we[l] ?? {} },
|
|
7
|
+
setSetting: (l, t) => {
|
|
8
|
+
const a = we[l];
|
|
9
|
+
we[l] = a ? { ...a, ...t } : { ...t };
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
|
-
const
|
|
13
|
+
const Ie = /* @__PURE__ */ ae({
|
|
14
14
|
__name: "ProTable",
|
|
15
15
|
props: {
|
|
16
16
|
columns: null,
|
|
@@ -54,8 +54,8 @@ const Ee = /* @__PURE__ */ Q({
|
|
|
54
54
|
load: null
|
|
55
55
|
},
|
|
56
56
|
emits: ["register", "fetch-success", "fetch-error", "selection-change", "row-click", "row-dblclick", "sort-change", "expand-change"],
|
|
57
|
-
setup(
|
|
58
|
-
const t =
|
|
57
|
+
setup(S, { expose: e, emit: l }) {
|
|
58
|
+
const t = S, a = ae({
|
|
59
59
|
name: "EcpProTableDefaultCellRenderer",
|
|
60
60
|
props: {
|
|
61
61
|
column: { type: Object, required: !0 },
|
|
@@ -63,22 +63,22 @@ const Ee = /* @__PURE__ */ Q({
|
|
|
63
63
|
index: { type: Number, required: !0 },
|
|
64
64
|
value: { required: !1 }
|
|
65
65
|
},
|
|
66
|
-
setup(
|
|
66
|
+
setup(o) {
|
|
67
67
|
return () => {
|
|
68
|
-
var
|
|
69
|
-
const
|
|
70
|
-
if (
|
|
71
|
-
const
|
|
72
|
-
return typeof
|
|
68
|
+
var f, C;
|
|
69
|
+
const s = o.column;
|
|
70
|
+
if (s != null && s.customRender) {
|
|
71
|
+
const I = s.customRender({ text: o.value, record: o.record, index: o.index });
|
|
72
|
+
return typeof I == "string" || typeof I == "number" ? oe("span", String(I)) : I;
|
|
73
73
|
}
|
|
74
|
-
if (
|
|
75
|
-
const
|
|
76
|
-
return
|
|
74
|
+
if (s != null && s.valueEnum) {
|
|
75
|
+
const I = ((C = (f = s.valueEnum) == null ? void 0 : f[o.value]) == null ? void 0 : C.text) ?? o.value;
|
|
76
|
+
return oe("span", I == null ? "" : String(I));
|
|
77
77
|
}
|
|
78
|
-
return
|
|
78
|
+
return oe("span", o.value == null ? "" : String(o.value));
|
|
79
79
|
};
|
|
80
80
|
}
|
|
81
|
-
}),
|
|
81
|
+
}), h = ae({
|
|
82
82
|
name: "EcpProTableBodyCellRenderer",
|
|
83
83
|
props: {
|
|
84
84
|
slotRender: { type: Function, required: !0 },
|
|
@@ -89,281 +89,281 @@ const Ee = /* @__PURE__ */ Q({
|
|
|
89
89
|
customRender: { type: Function, required: !1 },
|
|
90
90
|
valueEnum: { type: Object, required: !1 }
|
|
91
91
|
},
|
|
92
|
-
setup(
|
|
92
|
+
setup(o) {
|
|
93
93
|
return () => {
|
|
94
|
-
const
|
|
95
|
-
if (((
|
|
96
|
-
return
|
|
97
|
-
const
|
|
98
|
-
return
|
|
94
|
+
const s = o.slotRender, f = s == null ? void 0 : s({ column: o.column, record: o.record, index: o.index, value: o.value });
|
|
95
|
+
if (((H) => H == null ? [] : Array.isArray(H) ? H.filter((ee) => ee != null && ee !== !1 && !ee.isComment) : [H])(f).length > 0)
|
|
96
|
+
return f;
|
|
97
|
+
const M = { ...o.column };
|
|
98
|
+
return o.customRender && (M.customRender = o.customRender), o.valueEnum && (M.valueEnum = o.valueEnum), oe(a, { props: { column: M, record: o.record, index: o.index, value: o.value } });
|
|
99
99
|
};
|
|
100
100
|
}
|
|
101
|
-
}),
|
|
101
|
+
}), n = Pe(), m = k(), r = k(), y = k(0), E = k(t.loading ?? !1), c = k([]), D = k({}), b = k([]), T = k({}), _ = k([]), A = k(null), u = k({
|
|
102
102
|
page: 1,
|
|
103
103
|
pageSize: t.pagination && typeof t.pagination == "object" ? t.pagination.pageSize ?? 10 : 10,
|
|
104
104
|
pageSizes: t.pagination && typeof t.pagination == "object" ? t.pagination.pageSizes ?? [10, 20, 50, 100] : [10, 20, 50, 100],
|
|
105
105
|
total: 0
|
|
106
|
-
}), { getSetting: p } =
|
|
107
|
-
() =>
|
|
108
|
-
),
|
|
109
|
-
var
|
|
110
|
-
let
|
|
111
|
-
return d.value.rowSelection && (
|
|
112
|
-
}),
|
|
113
|
-
const
|
|
114
|
-
if (
|
|
115
|
-
const
|
|
116
|
-
let
|
|
117
|
-
const
|
|
118
|
-
return
|
|
106
|
+
}), { getSetting: p } = Se(), d = x(() => ({ ...p("ProTable"), ...t, ...T.value })), O = x(() => !!d.value.title || !!n.tableTitle || !!n.toolbar), V = x(() => A.value !== null ? A.value : !!t.pagination && typeof t.pagination == "object"), $ = x(() => d.value.rowKey || "id"), q = x(() => new Set(_.value.map((o) => o[$.value]))), F = x(
|
|
107
|
+
() => b.value.filter((o) => !o.hideInTable && !o.defaultHidden)
|
|
108
|
+
), L = x(() => {
|
|
109
|
+
var s, f;
|
|
110
|
+
let o = 0;
|
|
111
|
+
return d.value.rowSelection && (o += Number(d.value.rowSelection.width) || 48), d.value.showIndexColumn && (o += Number((s = d.value.indexColumnProps) == null ? void 0 : s.width) || 60), d.value.actionColumn && (o += Number((f = d.value.actionColumn) == null ? void 0 : f.width) || 150), o;
|
|
112
|
+
}), K = (o) => typeof o == "number" && o > 0, X = x(() => F.value.filter((s) => J(s) && K(s.width)).reduce((s, f) => s + (typeof f.width == "number" ? f.width : 0), 0)), Q = x(() => F.value.filter((s) => J(s) && typeof s.width == "string").reduce((s, f) => s + (Number(N(f)) || 80), 0)), G = (o) => o == null ? null : typeof o == "number" ? o : parseInt(String(o).replace(/px$/i, ""), 10) || null, N = (o) => {
|
|
113
|
+
const s = o.width;
|
|
114
|
+
if (K(s) && X.value > 0 && y.value > 0 && typeof s == "number") {
|
|
115
|
+
const f = y.value - L.value - Q.value;
|
|
116
|
+
let C = Math.floor(f * s / X.value);
|
|
117
|
+
const I = G(o.minWidth) ?? 60, M = G(o.maxWidth);
|
|
118
|
+
return C = Math.max(I, C), M != null && (C = Math.min(M, C)), C;
|
|
119
119
|
}
|
|
120
|
-
if (typeof
|
|
121
|
-
const
|
|
122
|
-
let
|
|
123
|
-
return
|
|
120
|
+
if (typeof s == "string") {
|
|
121
|
+
const f = G(s) ?? 80, C = G(o.minWidth), I = G(o.maxWidth);
|
|
122
|
+
let M = f;
|
|
123
|
+
return C != null && (M = Math.max(C, M)), I != null && (M = Math.min(I, M)), M;
|
|
124
124
|
}
|
|
125
|
-
return
|
|
126
|
-
},
|
|
127
|
-
var
|
|
128
|
-
const
|
|
129
|
-
return
|
|
130
|
-
var
|
|
131
|
-
return !((
|
|
132
|
-
}) :
|
|
133
|
-
}),
|
|
134
|
-
const
|
|
135
|
-
return
|
|
136
|
-
}),
|
|
137
|
-
var
|
|
138
|
-
return ((
|
|
139
|
-
},
|
|
140
|
-
var
|
|
141
|
-
return ((
|
|
142
|
-
},
|
|
143
|
-
const
|
|
144
|
-
|
|
145
|
-
},
|
|
146
|
-
const
|
|
147
|
-
|
|
148
|
-
},
|
|
149
|
-
|
|
150
|
-
},
|
|
151
|
-
if (
|
|
152
|
-
const
|
|
153
|
-
|
|
125
|
+
return o.width;
|
|
126
|
+
}, J = (o) => o.ifShow === !1 ? !1 : typeof o.ifShow == "function" ? o.ifShow({ column: o }) : !0, j = x(() => {
|
|
127
|
+
var s;
|
|
128
|
+
const o = (s = d.value.rowSelection) == null ? void 0 : s.getCheckboxProps;
|
|
129
|
+
return o ? c.value.filter((f) => {
|
|
130
|
+
var C;
|
|
131
|
+
return !((C = o(f)) != null && C.disabled);
|
|
132
|
+
}) : c.value;
|
|
133
|
+
}), Z = x(() => j.value.length > 0), v = x(() => j.value.length === 0 ? !1 : j.value.every((o) => q.value.has(o[$.value]))), z = x(() => {
|
|
134
|
+
const o = j.value.filter((s) => q.value.has(s[$.value])).length;
|
|
135
|
+
return o > 0 && o < j.value.length;
|
|
136
|
+
}), B = (o) => q.value.has(o[$.value]), W = (o) => {
|
|
137
|
+
var s, f, C;
|
|
138
|
+
return ((C = (f = (s = d.value.rowSelection) == null ? void 0 : s.getCheckboxProps) == null ? void 0 : f.call(s, o)) == null ? void 0 : C.disabled) ?? !1;
|
|
139
|
+
}, Y = (o) => {
|
|
140
|
+
var s, f, C;
|
|
141
|
+
return ((C = (f = (s = d.value.rowSelection) == null ? void 0 : s.getRadioProps) == null ? void 0 : f.call(s, o)) == null ? void 0 : C.disabled) ?? !1;
|
|
142
|
+
}, te = () => {
|
|
143
|
+
const o = _.value.map((s) => s[$.value]);
|
|
144
|
+
l("selection-change", { keys: o, rows: _.value });
|
|
145
|
+
}, se = (o, s) => {
|
|
146
|
+
const f = o[$.value];
|
|
147
|
+
s ? _.value = [..._.value.filter((C) => C[$.value] !== f), o] : _.value = _.value.filter((C) => C[$.value] !== f), te();
|
|
148
|
+
}, de = (o) => {
|
|
149
|
+
_.value = [o], te();
|
|
150
|
+
}, re = (o) => {
|
|
151
|
+
if (o) {
|
|
152
|
+
const s = new Set(_.value.map((C) => C[$.value])), f = j.value.filter((C) => !s.has(C[$.value]));
|
|
153
|
+
_.value = [..._.value, ...f];
|
|
154
154
|
} else {
|
|
155
|
-
const
|
|
156
|
-
|
|
155
|
+
const s = new Set(c.value.map((f) => f[$.value]));
|
|
156
|
+
_.value = _.value.filter((f) => !s.has(f[$.value]));
|
|
157
157
|
}
|
|
158
|
-
|
|
159
|
-
},
|
|
158
|
+
te();
|
|
159
|
+
}, le = async (o) => {
|
|
160
160
|
if (!t.api) {
|
|
161
161
|
if (t.dataSource)
|
|
162
162
|
return;
|
|
163
|
-
|
|
163
|
+
c.value = [];
|
|
164
164
|
return;
|
|
165
165
|
}
|
|
166
|
-
|
|
166
|
+
E.value = !0;
|
|
167
167
|
try {
|
|
168
|
-
const
|
|
169
|
-
[
|
|
170
|
-
[
|
|
168
|
+
const s = d.value.fetchSetting ?? {}, f = s.pageField ?? "page", C = s.sizeField ?? "pageSize", I = s.listField ?? "list", M = s.totalField ?? "total", H = {
|
|
169
|
+
[f]: (o == null ? void 0 : o.page) ?? u.value.page,
|
|
170
|
+
[C]: (o == null ? void 0 : o.pageSize) ?? u.value.pageSize,
|
|
171
171
|
...t.searchInfo,
|
|
172
|
-
...
|
|
172
|
+
...o == null ? void 0 : o.searchInfo
|
|
173
173
|
};
|
|
174
|
-
(
|
|
175
|
-
const
|
|
176
|
-
|
|
177
|
-
const
|
|
178
|
-
|
|
179
|
-
} catch (
|
|
180
|
-
|
|
174
|
+
(o == null ? void 0 : o.page) != null && (u.value.page = o.page), (o == null ? void 0 : o.pageSize) != null && (u.value.pageSize = o.pageSize);
|
|
175
|
+
const ee = t.beforeFetch ? t.beforeFetch(H) : H, Ce = await t.api(ee);
|
|
176
|
+
D.value = Ce || {};
|
|
177
|
+
const ye = t.afterFetch ? t.afterFetch(Ce) : Ce, Fe = ye[I] ?? ye.items ?? ye.list ?? [], Re = ye[M] ?? 0;
|
|
178
|
+
c.value = Fe, u.value.total = Re, l("fetch-success", { items: Fe, total: Re });
|
|
179
|
+
} catch (s) {
|
|
180
|
+
l("fetch-error", s);
|
|
181
181
|
} finally {
|
|
182
|
-
|
|
182
|
+
E.value = !1;
|
|
183
183
|
}
|
|
184
|
-
},
|
|
185
|
-
d.value.clearSelectOnPageChange && (
|
|
186
|
-
},
|
|
187
|
-
d.value.clearSelectOnPageChange && (
|
|
188
|
-
},
|
|
189
|
-
setProps: (
|
|
190
|
-
|
|
184
|
+
}, ve = () => le(void 0), me = (o) => {
|
|
185
|
+
d.value.clearSelectOnPageChange && (_.value = []), u.value.pageSize = o, u.value.page = 1, le(void 0);
|
|
186
|
+
}, he = (o) => {
|
|
187
|
+
d.value.clearSelectOnPageChange && (_.value = []), u.value.page = o, le(void 0);
|
|
188
|
+
}, _e = (o, s, f) => l("row-click", o, f), be = (o, s, f) => l("row-dblclick", o, f), ge = ({ prop: o, order: s }) => l("sort-change", { prop: o, order: s }), fe = (o, s) => l("expand-change", o, s), ce = (o) => c.value.findIndex((s) => s[$.value] === o), ie = {
|
|
189
|
+
setProps: (o) => {
|
|
190
|
+
T.value = { ...T.value, ...o };
|
|
191
191
|
},
|
|
192
|
-
reload: (
|
|
192
|
+
reload: (o) => le(o),
|
|
193
193
|
redoHeight: () => {
|
|
194
|
-
var
|
|
195
|
-
(
|
|
194
|
+
var o, s;
|
|
195
|
+
(s = (o = m.value) == null ? void 0 : o.doLayout) == null || s.call(o);
|
|
196
196
|
},
|
|
197
|
-
setLoading: (
|
|
198
|
-
|
|
197
|
+
setLoading: (o) => {
|
|
198
|
+
E.value = o;
|
|
199
199
|
},
|
|
200
|
-
getDataSource: () =>
|
|
201
|
-
getRawDataSource: () =>
|
|
202
|
-
setTableData: (
|
|
203
|
-
|
|
200
|
+
getDataSource: () => c.value,
|
|
201
|
+
getRawDataSource: () => D.value,
|
|
202
|
+
setTableData: (o) => {
|
|
203
|
+
c.value = o ?? [];
|
|
204
204
|
},
|
|
205
|
-
getColumns: () =>
|
|
206
|
-
setColumns: (
|
|
207
|
-
if (Array.isArray(
|
|
208
|
-
const
|
|
209
|
-
|
|
205
|
+
getColumns: () => b.value,
|
|
206
|
+
setColumns: (o) => {
|
|
207
|
+
if (Array.isArray(o) && o.length > 0 && typeof o[0] == "string") {
|
|
208
|
+
const s = o, f = (t.columns ?? []).filter((I) => s.includes(I.key ?? I.dataIndex)), C = s.map((I) => f.find((M) => (M.key ?? M.dataIndex) === I)).filter(Boolean);
|
|
209
|
+
C.length && (b.value = C);
|
|
210
210
|
} else
|
|
211
|
-
|
|
211
|
+
b.value = o ?? [];
|
|
212
212
|
},
|
|
213
|
-
setPagination: (
|
|
214
|
-
|
|
213
|
+
setPagination: (o) => {
|
|
214
|
+
o != null && o.page && (u.value.page = o.page), o != null && o.pageSize && (u.value.pageSize = o.pageSize), (o == null ? void 0 : o.total) !== void 0 && (u.value.total = o.total);
|
|
215
215
|
},
|
|
216
|
-
getSelectRowKeys: () =>
|
|
217
|
-
getSelectRows: () =>
|
|
216
|
+
getSelectRowKeys: () => _.value.map((o) => o[$.value]),
|
|
217
|
+
getSelectRows: () => _.value,
|
|
218
218
|
clearSelectedRowKeys: () => {
|
|
219
|
-
|
|
219
|
+
_.value = [], te();
|
|
220
220
|
},
|
|
221
|
-
setSelectedRowKeys: (
|
|
222
|
-
const
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
}),
|
|
221
|
+
setSelectedRowKeys: (o) => {
|
|
222
|
+
const s = new Set(o), f = c.value.filter((C) => s.has(C[$.value]));
|
|
223
|
+
o.forEach((C) => {
|
|
224
|
+
f.some((I) => I[$.value] === C) || f.push({ [$.value]: C });
|
|
225
|
+
}), _.value = f, te();
|
|
226
226
|
},
|
|
227
|
-
deleteSelectRowByKey: (
|
|
228
|
-
|
|
227
|
+
deleteSelectRowByKey: (o) => {
|
|
228
|
+
_.value = _.value.filter((s) => s[$.value] !== o), te();
|
|
229
229
|
},
|
|
230
|
-
updateTableData: (
|
|
231
|
-
|
|
230
|
+
updateTableData: (o, s, f) => {
|
|
231
|
+
o < 0 || o >= c.value.length || (c.value = [...c.value], c.value[o] = { ...c.value[o], [s]: f });
|
|
232
232
|
},
|
|
233
|
-
updateTableDataRecord: (
|
|
234
|
-
const
|
|
235
|
-
if (!(
|
|
236
|
-
return
|
|
233
|
+
updateTableDataRecord: (o, s) => {
|
|
234
|
+
const f = ce(o);
|
|
235
|
+
if (!(f < 0))
|
|
236
|
+
return c.value = [...c.value], c.value[f] = { ...c.value[f], ...s }, c.value[f];
|
|
237
237
|
},
|
|
238
|
-
deleteTableDataRecord: (
|
|
239
|
-
const
|
|
240
|
-
|
|
238
|
+
deleteTableDataRecord: (o) => {
|
|
239
|
+
const s = Array.isArray(o) ? o : [o], f = new Set(s);
|
|
240
|
+
c.value = c.value.filter((C) => !f.has(C[$.value]));
|
|
241
241
|
},
|
|
242
|
-
insertTableDataRecord: (
|
|
243
|
-
const
|
|
244
|
-
return
|
|
242
|
+
insertTableDataRecord: (o, s) => {
|
|
243
|
+
const f = [...c.value];
|
|
244
|
+
return s == null || s >= f.length ? f.push(o) : f.splice(s, 0, o), c.value = f, o;
|
|
245
245
|
},
|
|
246
|
-
getPaginationRef: () =>
|
|
247
|
-
getShowPagination: () =>
|
|
248
|
-
setShowPagination: (
|
|
249
|
-
|
|
246
|
+
getPaginationRef: () => V.value ? { page: u.value.page, pageSize: Number(u.value.pageSize) || 10, total: u.value.total } : !1,
|
|
247
|
+
getShowPagination: () => V.value,
|
|
248
|
+
setShowPagination: (o) => {
|
|
249
|
+
A.value = o;
|
|
250
250
|
},
|
|
251
251
|
getRowSelection: () => d.value.rowSelection,
|
|
252
252
|
expandAll: () => {
|
|
253
|
-
var
|
|
254
|
-
const
|
|
255
|
-
const
|
|
256
|
-
return
|
|
257
|
-
|
|
258
|
-
const
|
|
259
|
-
Array.isArray(
|
|
260
|
-
}),
|
|
253
|
+
var C;
|
|
254
|
+
const o = ((C = d.value.treeProps) == null ? void 0 : C.children) ?? "children", s = (I) => {
|
|
255
|
+
const M = [];
|
|
256
|
+
return I.forEach((H) => {
|
|
257
|
+
M.push(H);
|
|
258
|
+
const ee = H[o];
|
|
259
|
+
Array.isArray(ee) && ee.length > 0 && M.push(...s(ee));
|
|
260
|
+
}), M;
|
|
261
261
|
};
|
|
262
|
-
|
|
263
|
-
var
|
|
264
|
-
return (
|
|
262
|
+
s(c.value).forEach((I) => {
|
|
263
|
+
var M, H;
|
|
264
|
+
return (H = (M = m.value) == null ? void 0 : M.toggleRowExpansion) == null ? void 0 : H.call(M, I, !0);
|
|
265
265
|
});
|
|
266
266
|
},
|
|
267
267
|
collapseAll: () => {
|
|
268
|
-
var
|
|
269
|
-
const
|
|
270
|
-
const
|
|
271
|
-
return
|
|
272
|
-
|
|
273
|
-
const
|
|
274
|
-
Array.isArray(
|
|
275
|
-
}),
|
|
268
|
+
var C;
|
|
269
|
+
const o = ((C = d.value.treeProps) == null ? void 0 : C.children) ?? "children", s = (I) => {
|
|
270
|
+
const M = [];
|
|
271
|
+
return I.forEach((H) => {
|
|
272
|
+
M.push(H);
|
|
273
|
+
const ee = H[o];
|
|
274
|
+
Array.isArray(ee) && ee.length > 0 && M.push(...s(ee));
|
|
275
|
+
}), M;
|
|
276
276
|
};
|
|
277
|
-
|
|
278
|
-
var
|
|
279
|
-
return (
|
|
277
|
+
s(c.value).forEach((I) => {
|
|
278
|
+
var M, H;
|
|
279
|
+
return (H = (M = m.value) == null ? void 0 : M.toggleRowExpansion) == null ? void 0 : H.call(M, I, !1);
|
|
280
280
|
});
|
|
281
281
|
}
|
|
282
282
|
};
|
|
283
|
-
e(
|
|
284
|
-
const
|
|
285
|
-
|
|
286
|
-
},
|
|
287
|
-
t.api && d.value.immediate !== !1 ?
|
|
288
|
-
},
|
|
289
|
-
|
|
283
|
+
e(ie);
|
|
284
|
+
const i = () => {
|
|
285
|
+
b.value = [...t.columns ?? []];
|
|
286
|
+
}, g = () => {
|
|
287
|
+
t.api && d.value.immediate !== !1 ? le(void 0) : t.dataSource && (c.value = [...t.dataSource], !t.api && t.pagination !== !1 && (u.value.total = t.dataSource.length));
|
|
288
|
+
}, P = () => {
|
|
289
|
+
r.value && (y.value = r.value.offsetWidth || 0);
|
|
290
290
|
};
|
|
291
|
-
let
|
|
292
|
-
return
|
|
293
|
-
|
|
294
|
-
|
|
291
|
+
let R = null, w = null;
|
|
292
|
+
return pe(() => {
|
|
293
|
+
i(), l("register", ie), g(), typeof window < "u" && (window.addEventListener("resize", P), R = new ResizeObserver(P), Be(() => {
|
|
294
|
+
P(), w = r.value, w && (R == null || R.observe(w));
|
|
295
295
|
}));
|
|
296
|
-
}),
|
|
297
|
-
typeof window < "u" && (window.removeEventListener("resize",
|
|
298
|
-
}),
|
|
299
|
-
!t.api && t.dataSource && (
|
|
300
|
-
}, { deep: !0 }),
|
|
301
|
-
|
|
302
|
-
}), { __sfc: !0, DefaultCellRenderer: a, BodyCellRenderer:
|
|
296
|
+
}), xe(() => {
|
|
297
|
+
typeof window < "u" && (window.removeEventListener("resize", P), R && w && (R.unobserve(w), w = null));
|
|
298
|
+
}), U(() => t.columns, i, { deep: !0 }), U(() => t.dataSource, () => {
|
|
299
|
+
!t.api && t.dataSource && (c.value = [...t.dataSource]);
|
|
300
|
+
}, { deep: !0 }), U(() => t.loading, (o) => {
|
|
301
|
+
E.value = o ?? !1;
|
|
302
|
+
}), { __sfc: !0, DefaultCellRenderer: a, BodyCellRenderer: h, props: t, emit: l, slots: n, tableRef: m, tableWrapRef: r, containerWidth: y, loading: E, innerData: c, rawDataSource: D, innerColumns: b, innerProps: T, selectedRows: _, showPaginationRef: A, pagination: u, getComponentSetting: p, effectiveProps: d, showTitleBar: O, showPagination: V, rowKeyField: $, selectedKeysSet: q, displayColumns: F, fixedColumnsWidth: L, isRatioWidth: K, totalRatio: X, fixedDataColumnsWidth: Q, parseWidthPx: G, getColumnWidth: N, shouldShowColumn: J, selectableRows: j, hasSelectableRows: Z, isAllCurrentPageSelected: v, isIndeterminate: z, isRowSelected: B, getCheckboxDisabled: W, getRadioDisabled: Y, emitSelectionChange: te, handleCheckboxChange: se, handleRadioSelect: de, handleSelectAll: re, fetchData: le, handleReload: ve, handleSizeChange: me, handleCurrentChange: he, handleRowClick: _e, handleRowDblclick: be, handleSortChange: ge, handleExpandChange: fe, findRowIndex: ce, tableAction: ie, syncColumns: i, loadData: g, updateContainerWidth: P, resizeObserver: R, observedEl: w };
|
|
303
303
|
}
|
|
304
304
|
});
|
|
305
|
-
function
|
|
306
|
-
var
|
|
307
|
-
e && (
|
|
308
|
-
var
|
|
309
|
-
if (
|
|
310
|
-
|
|
305
|
+
function ne(S, e, l, t, a, h, n, m) {
|
|
306
|
+
var r = typeof S == "function" ? S.options : S;
|
|
307
|
+
e && (r.render = e, r.staticRenderFns = l, r._compiled = !0), t && (r.functional = !0), h && (r._scopeId = "data-v-" + h);
|
|
308
|
+
var y;
|
|
309
|
+
if (n ? (y = function(D) {
|
|
310
|
+
D = D || // cached call
|
|
311
311
|
this.$vnode && this.$vnode.ssrContext || // stateful
|
|
312
|
-
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !
|
|
313
|
-
},
|
|
312
|
+
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !D && typeof __VUE_SSR_CONTEXT__ < "u" && (D = __VUE_SSR_CONTEXT__), a && a.call(this, D), D && D._registeredComponents && D._registeredComponents.add(n);
|
|
313
|
+
}, r._ssrRegister = y) : a && (y = m ? function() {
|
|
314
314
|
a.call(
|
|
315
315
|
this,
|
|
316
|
-
(
|
|
316
|
+
(r.functional ? this.parent : this).$root.$options.shadowRoot
|
|
317
317
|
);
|
|
318
|
-
} : a),
|
|
319
|
-
if (
|
|
320
|
-
|
|
321
|
-
var
|
|
322
|
-
|
|
323
|
-
return
|
|
318
|
+
} : a), y)
|
|
319
|
+
if (r.functional) {
|
|
320
|
+
r._injectStyles = y;
|
|
321
|
+
var E = r.render;
|
|
322
|
+
r.render = function(b, T) {
|
|
323
|
+
return y.call(T), E(b, T);
|
|
324
324
|
};
|
|
325
325
|
} else {
|
|
326
|
-
var
|
|
327
|
-
|
|
326
|
+
var c = r.beforeCreate;
|
|
327
|
+
r.beforeCreate = c ? [].concat(c, y) : [y];
|
|
328
328
|
}
|
|
329
329
|
return {
|
|
330
|
-
exports:
|
|
331
|
-
options:
|
|
330
|
+
exports: S,
|
|
331
|
+
options: r
|
|
332
332
|
};
|
|
333
333
|
}
|
|
334
|
-
var
|
|
335
|
-
var a,
|
|
336
|
-
var e = this,
|
|
337
|
-
return
|
|
338
|
-
return
|
|
339
|
-
}), 0) :
|
|
340
|
-
var
|
|
341
|
-
return [((
|
|
342
|
-
})], 2)]) : e._e(),
|
|
343
|
-
return [t.effectiveProps.rowSelection.type !== "radio" ?
|
|
344
|
-
} }, { key: "default", fn: function(
|
|
345
|
-
var
|
|
346
|
-
return [t.effectiveProps.rowSelection.type !== "radio" ?
|
|
347
|
-
|
|
348
|
-
} } }) :
|
|
349
|
-
return t.handleRadioSelect(
|
|
350
|
-
} }, nativeOn: { click: function(
|
|
351
|
-
|
|
352
|
-
} } }, [
|
|
353
|
-
} }], null, !1, 983730649) }) : e._e(), t.effectiveProps.showIndexColumn ?
|
|
354
|
-
return [t.shouldShowColumn(
|
|
355
|
-
return [
|
|
356
|
-
return
|
|
357
|
-
}), 0) :
|
|
358
|
-
} }, { key: "default", fn: function(
|
|
359
|
-
return [
|
|
334
|
+
var Oe = function() {
|
|
335
|
+
var a, h, n, m;
|
|
336
|
+
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
337
|
+
return l("div", { staticClass: "ecp-pro-table" }, [t.showTitleBar ? l("div", { staticClass: "ecp-pro-table__header" }, [l("div", { staticClass: "ecp-pro-table__title-wrapper" }, [l("span", { staticClass: "ecp-pro-table__title" }, [e._v(e._s(t.effectiveProps.title))]), t.effectiveProps.titleHelpMessage ? l("el-tooltip", { staticClass: "ecp-pro-table__help", attrs: { placement: "top" } }, [l("template", { slot: "content" }, [Array.isArray(t.effectiveProps.titleHelpMessage) ? l("span", e._l(t.effectiveProps.titleHelpMessage, function(r, y) {
|
|
338
|
+
return l("div", { key: y }, [e._v(e._s(r))]);
|
|
339
|
+
}), 0) : l("span", [e._v(e._s(t.effectiveProps.titleHelpMessage))])]), l("i", { staticClass: "el-icon-question" })], 2) : e._e()], 1), l("div", { staticClass: "ecp-pro-table__toolbar" }, [e._t("tableTitle"), e._t("toolbar"), e._t("toolbar-right", function() {
|
|
340
|
+
var r;
|
|
341
|
+
return [((r = t.effectiveProps.tableSetting) == null ? void 0 : r.redo) !== !1 ? l("el-button", { attrs: { type: "text", icon: "el-icon-refresh", size: "small" }, on: { click: t.handleReload } }, [e._v(" 刷新 ")]) : e._e()];
|
|
342
|
+
})], 2)]) : e._e(), l("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.loading, expression: "loading" }], ref: "tableWrapRef", staticClass: "ecp-pro-table__body" }, [l("el-table", e._b({ ref: "tableRef", attrs: { data: t.innerData, "row-key": t.effectiveProps.rowKey, border: t.effectiveProps.bordered, stripe: t.effectiveProps.striped, size: t.effectiveProps.size, "max-height": t.effectiveProps.maxHeight, height: t.effectiveProps.height, "default-sort": t.effectiveProps.defaultSort, "span-method": t.effectiveProps.spanMethod, "tree-props": t.effectiveProps.treeProps, "default-expand-all": t.effectiveProps.defaultExpandAll, "expand-row-keys": t.effectiveProps.expandRowKeys || [], lazy: t.effectiveProps.lazy, load: t.effectiveProps.load, "row-class-name": t.effectiveProps.rowClassName }, on: { "row-click": t.handleRowClick, "row-dblclick": t.handleRowDblclick, "sort-change": t.handleSortChange, "expand-change": t.handleExpandChange } }, "el-table", t.effectiveProps.tableProps, !1), [t.effectiveProps.rowSelection ? l("el-table-column", { attrs: { width: t.effectiveProps.rowSelection.width || 48, fixed: t.effectiveProps.rowSelection.fixed, align: "center" }, scopedSlots: e._u([{ key: "header", fn: function(r) {
|
|
343
|
+
return [t.effectiveProps.rowSelection.type !== "radio" ? l("el-checkbox", { attrs: { value: t.isAllCurrentPageSelected, indeterminate: t.isIndeterminate, disabled: !t.hasSelectableRows }, on: { change: t.handleSelectAll } }) : l("span")];
|
|
344
|
+
} }, { key: "default", fn: function(r) {
|
|
345
|
+
var y;
|
|
346
|
+
return [t.effectiveProps.rowSelection.type !== "radio" ? l("el-checkbox", { attrs: { value: t.isRowSelected(r.row), disabled: t.getCheckboxDisabled(r.row) }, on: { change: (E) => t.handleCheckboxChange(r.row, E) }, nativeOn: { click: function(E) {
|
|
347
|
+
E.stopPropagation();
|
|
348
|
+
} } }) : l("el-radio", { attrs: { value: (y = t.selectedRows[0]) == null ? void 0 : y[t.rowKeyField], label: r.row[t.rowKeyField], disabled: t.getRadioDisabled(r.row) }, on: { change: function(E) {
|
|
349
|
+
return t.handleRadioSelect(r.row);
|
|
350
|
+
} }, nativeOn: { click: function(E) {
|
|
351
|
+
E.stopPropagation();
|
|
352
|
+
} } }, [l("span")])];
|
|
353
|
+
} }], null, !1, 983730649) }) : e._e(), t.effectiveProps.showIndexColumn ? l("el-table-column", { attrs: { type: "index", label: ((a = t.effectiveProps.indexColumnProps) == null ? void 0 : a.title) || "序号", width: ((h = t.effectiveProps.indexColumnProps) == null ? void 0 : h.width) || 60, fixed: (n = t.effectiveProps.indexColumnProps) == null ? void 0 : n.fixed, align: ((m = t.effectiveProps.indexColumnProps) == null ? void 0 : m.align) || "center" } }) : e._e(), e._l(t.displayColumns, function(r) {
|
|
354
|
+
return [t.shouldShowColumn(r) ? l("el-table-column", { key: r.dataIndex || r.key || r.title, attrs: { prop: r.dataIndex, label: r.title, width: t.getColumnWidth(r), "min-width": t.isRatioWidth(r.width) ? void 0 : r.minWidth, fixed: r.fixed, align: r.align || "left", sortable: r.sortable, formatter: r.formatter, "show-overflow-tooltip": r.ellipsis !== !1 && t.effectiveProps.ellipsis !== !1 }, scopedSlots: e._u([{ key: "header", fn: function(y) {
|
|
355
|
+
return [r.dataIndex && e.$scopedSlots[`header-${r.dataIndex}`] ? e._t(`header-${r.dataIndex}`, null, { column: r }) : e.$scopedSlots.headerCell ? e._t("headerCell", null, { column: r }) : [l("span", [e._v(e._s(r.title))]), r.helpMessage ? l("el-tooltip", { staticClass: "ecp-pro-table__col-help", attrs: { placement: "top", effect: "dark" } }, [l("template", { slot: "content" }, [Array.isArray(r.helpMessage) ? l("span", e._l(r.helpMessage, function(E, c) {
|
|
356
|
+
return l("div", { key: c }, [e._v(e._s(E))]);
|
|
357
|
+
}), 0) : l("span", [e._v(e._s(r.helpMessage))])]), l("i", { staticClass: "el-icon-question" })], 2) : e._e()]];
|
|
358
|
+
} }, { key: "default", fn: function(y) {
|
|
359
|
+
return [r.dataIndex && e.$scopedSlots[r.dataIndex] ? e._t(r.dataIndex, null, { row: y.row, column: r, index: y.$index, value: y.row[r.dataIndex] }) : e.$scopedSlots.bodyCell ? l(t.BodyCellRenderer, { attrs: { "slot-render": e.$scopedSlots.bodyCell, column: r, record: y.row, index: y.$index, value: y.row[r.dataIndex], "custom-render": r.customRender, "value-enum": r.valueEnum } }) : l(t.DefaultCellRenderer, { attrs: { column: r, record: y.row, index: y.$index, value: y.row[r.dataIndex] } })];
|
|
360
360
|
} }], null, !0) }) : e._e()];
|
|
361
|
-
}), t.effectiveProps.actionColumn ?
|
|
362
|
-
return [e.$scopedSlots.action ? e._t("action", null, { record:
|
|
363
|
-
} }], null, !0) }) : e._e()], 2)], 1), t.showPagination ?
|
|
364
|
-
}, Ve = [],
|
|
365
|
-
Ee,
|
|
361
|
+
}), t.effectiveProps.actionColumn ? l("el-table-column", { attrs: { label: t.effectiveProps.actionColumn.title || "操作", width: t.effectiveProps.actionColumn.width || 150, fixed: t.effectiveProps.actionColumn.fixed || "right", align: t.effectiveProps.actionColumn.align || "center" }, scopedSlots: e._u([{ key: "default", fn: function(r) {
|
|
362
|
+
return [e.$scopedSlots.action ? e._t("action", null, { record: r.row, column: t.effectiveProps.actionColumn, index: r.$index }) : e.$scopedSlots.bodyCell ? l(t.BodyCellRenderer, { attrs: { "slot-render": e.$scopedSlots.bodyCell, column: t.effectiveProps.actionColumn, record: r.row, index: r.$index, value: void 0, "custom-render": t.effectiveProps.actionColumn.customRender, "value-enum": t.effectiveProps.actionColumn.valueEnum } }) : e._e()];
|
|
363
|
+
} }], null, !0) }) : e._e()], 2)], 1), t.showPagination ? l("div", { staticClass: "ecp-pro-table__pagination" }, [l("el-pagination", e._b({ attrs: { "current-page": t.pagination.page, "page-sizes": t.pagination.pageSizes, "page-size": t.pagination.pageSize, total: t.pagination.total, layout: (t.effectiveProps.pagination && typeof t.effectiveProps.pagination == "object" ? t.effectiveProps.pagination.layout : null) || "total, sizes, prev, pager, next, jumper" }, on: { "size-change": t.handleSizeChange, "current-change": t.handleCurrentChange } }, "el-pagination", t.effectiveProps.pagination && typeof t.effectiveProps.pagination == "object" && t.effectiveProps.pagination.props || {}, !1))], 1) : e._e()]);
|
|
364
|
+
}, Ve = [], Le = /* @__PURE__ */ ne(
|
|
366
365
|
Ie,
|
|
366
|
+
Oe,
|
|
367
367
|
Ve,
|
|
368
368
|
!1,
|
|
369
369
|
null,
|
|
@@ -371,71 +371,71 @@ var Ie = function() {
|
|
|
371
371
|
null,
|
|
372
372
|
null
|
|
373
373
|
);
|
|
374
|
-
const Ae =
|
|
374
|
+
const Ae = Le.exports, We = /* @__PURE__ */ ae({
|
|
375
375
|
__name: "TableAction",
|
|
376
376
|
props: {
|
|
377
377
|
actions: { default: () => [] },
|
|
378
378
|
dropDownActions: { default: () => [] },
|
|
379
379
|
stopButtonPropagation: { type: Boolean, default: !1 }
|
|
380
380
|
},
|
|
381
|
-
setup(
|
|
382
|
-
const e =
|
|
383
|
-
const { ifShow:
|
|
384
|
-
return typeof
|
|
385
|
-
}),
|
|
386
|
-
var
|
|
387
|
-
e.stopButtonPropagation &&
|
|
388
|
-
},
|
|
389
|
-
|
|
390
|
-
},
|
|
391
|
-
var
|
|
392
|
-
e.stopButtonPropagation &&
|
|
381
|
+
setup(S) {
|
|
382
|
+
const e = S, l = (b) => b ? typeof b == "string" ? { content: b } : b : {}, t = (b) => b.type ? b.type : b.color === "error" ? "danger" : b.color === "success" ? "success" : b.color === "warning" ? "warning" : "text", a = (b) => b.filter((T) => {
|
|
383
|
+
const { ifShow: _ } = T;
|
|
384
|
+
return typeof _ == "boolean" ? _ : typeof _ == "function" ? _(T) : !0;
|
|
385
|
+
}), h = x(() => a(e.actions || [])), n = x(() => a(e.dropDownActions || [])), m = (b, T) => {
|
|
386
|
+
var _;
|
|
387
|
+
e.stopButtonPropagation && T.stopPropagation(), (_ = b.onClick) == null || _.call(b, T);
|
|
388
|
+
}, r = (b, T) => {
|
|
389
|
+
m(b, T);
|
|
390
|
+
}, y = (b, T, _) => {
|
|
391
|
+
var A, u, p, d;
|
|
392
|
+
e.stopButtonPropagation && _.stopPropagation(), b.popConfirm && (T === "confirm" ? (u = (A = b.popConfirm).confirm) == null || u.call(A) : (d = (p = b.popConfirm).cancel) == null || d.call(p));
|
|
393
393
|
};
|
|
394
|
-
return { __sfc: !0, props: e, normalizeTooltip:
|
|
395
|
-
|
|
396
|
-
}, handlePopConfirmCancel: (
|
|
397
|
-
|
|
398
|
-
}, handleDropdownCommand: (
|
|
399
|
-
var
|
|
400
|
-
const
|
|
401
|
-
if (!(!
|
|
402
|
-
if (
|
|
403
|
-
const
|
|
404
|
-
|
|
394
|
+
return { __sfc: !0, props: e, normalizeTooltip: l, getButtonType: t, filterVisible: a, visibleActions: h, visibleDropDownActions: n, handleClick: m, handleActionClick: r, handlePopConfirm: y, handlePopConfirmConfirm: (b, T) => {
|
|
395
|
+
y(b, "confirm", T);
|
|
396
|
+
}, handlePopConfirmCancel: (b, T) => {
|
|
397
|
+
y(b, "cancel", T);
|
|
398
|
+
}, handleDropdownCommand: (b) => {
|
|
399
|
+
var A;
|
|
400
|
+
const T = Number(b), _ = n.value[T];
|
|
401
|
+
if (!(!_ || _.disabled)) {
|
|
402
|
+
if (_.popConfirm) {
|
|
403
|
+
const u = _.popConfirm.title, p = _.popConfirm.okText || "确定", d = _.popConfirm.cancelText || "取消";
|
|
404
|
+
Ee.confirm(u, "提示", {
|
|
405
405
|
confirmButtonText: p,
|
|
406
406
|
cancelButtonText: d,
|
|
407
407
|
type: "warning"
|
|
408
408
|
}).then(() => {
|
|
409
|
-
var
|
|
410
|
-
return (
|
|
409
|
+
var O, V;
|
|
410
|
+
return (V = (O = _.popConfirm) == null ? void 0 : O.confirm) == null ? void 0 : V.call(O);
|
|
411
411
|
}).catch(() => {
|
|
412
|
-
var
|
|
413
|
-
return (
|
|
412
|
+
var O, V;
|
|
413
|
+
return (V = (O = _.popConfirm) == null ? void 0 : O.cancel) == null ? void 0 : V.call(O);
|
|
414
414
|
});
|
|
415
415
|
return;
|
|
416
416
|
}
|
|
417
|
-
(
|
|
417
|
+
(A = _.onClick) == null || A.call(_, {});
|
|
418
418
|
}
|
|
419
419
|
} };
|
|
420
420
|
}
|
|
421
421
|
});
|
|
422
422
|
var Ke = function() {
|
|
423
|
-
var e = this,
|
|
424
|
-
return
|
|
425
|
-
return
|
|
426
|
-
return t.handlePopConfirmConfirm(a,
|
|
427
|
-
}, cancel: function(
|
|
428
|
-
return t.handlePopConfirmCancel(a,
|
|
429
|
-
} } }, [
|
|
430
|
-
return t.handleActionClick(a,
|
|
431
|
-
} } }, "el-button", a.props, !1), [a.icon ?
|
|
432
|
-
return t.handleActionClick(a,
|
|
433
|
-
} } }, "el-button", a.props, !1), [a.icon ?
|
|
434
|
-
}), t.visibleDropDownActions.length ?
|
|
435
|
-
return
|
|
423
|
+
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
424
|
+
return l("div", { staticClass: "ecp-table-action" }, [e._l(t.visibleActions, function(a, h) {
|
|
425
|
+
return l("span", { key: `action-${h}`, staticClass: "ecp-table-action__item" }, [a.popConfirm ? l("el-popconfirm", { attrs: { title: a.popConfirm.title, "confirm-button-text": a.popConfirm.okText || "确定", "cancel-button-text": a.popConfirm.cancelText || "取消" }, on: { confirm: function(n) {
|
|
426
|
+
return t.handlePopConfirmConfirm(a, n);
|
|
427
|
+
}, cancel: function(n) {
|
|
428
|
+
return t.handlePopConfirmCancel(a, n);
|
|
429
|
+
} } }, [l("span", { attrs: { slot: "reference" }, slot: "reference" }, [l(a.tooltip ? "el-tooltip" : "span", e._b({ tag: "component" }, "component", a.tooltip ? t.normalizeTooltip(a.tooltip) : {}, !1), [l("el-button", e._b({ attrs: { type: t.getButtonType(a), size: "small", disabled: a.disabled }, on: { click: function(n) {
|
|
430
|
+
return t.handleActionClick(a, n);
|
|
431
|
+
} } }, "el-button", a.props, !1), [a.icon ? l("i", { class: ["ecp-table-action__icon", a.icon] }) : e._e(), l("span", [e._v(e._s(a.label))])])], 1)], 1)]) : l(a.tooltip ? "el-tooltip" : "span", e._b({ tag: "component" }, "component", a.tooltip ? t.normalizeTooltip(a.tooltip) : {}, !1), [l("el-button", e._b({ attrs: { type: t.getButtonType(a), size: "small", disabled: a.disabled }, on: { click: function(n) {
|
|
432
|
+
return t.handleActionClick(a, n);
|
|
433
|
+
} } }, "el-button", a.props, !1), [a.icon ? l("i", { class: ["ecp-table-action__icon", a.icon] }) : e._e(), l("span", [e._v(e._s(a.label))])])], 1), a.divider ? l("el-divider", { attrs: { direction: "vertical" } }) : e._e()], 1);
|
|
434
|
+
}), t.visibleDropDownActions.length ? l("el-dropdown", { attrs: { trigger: "click" }, on: { command: t.handleDropdownCommand } }, [l("span", { staticClass: "ecp-table-action__more" }, [l("el-button", { attrs: { type: "text", size: "small" } }, [e._v(" 更多"), l("i", { staticClass: "el-icon-arrow-down el-icon--right" })])], 1), l("el-dropdown-menu", { attrs: { slot: "dropdown" }, slot: "dropdown" }, e._l(t.visibleDropDownActions, function(a, h) {
|
|
435
|
+
return l("el-dropdown-item", { key: `dropdown-${h}`, attrs: { command: h, disabled: a.disabled, divided: !!a.divider } }, [l("span", { staticClass: "ecp-table-action__dropdown-item" }, [a.icon ? l("i", { class: ["ecp-table-action__icon", a.icon] }) : e._e(), l("span", [e._v(e._s(a.label))])])]);
|
|
436
436
|
}), 1)], 1) : e._e()], 2);
|
|
437
|
-
}, Ne = [],
|
|
438
|
-
|
|
437
|
+
}, Ne = [], qe = /* @__PURE__ */ ne(
|
|
438
|
+
We,
|
|
439
439
|
Ke,
|
|
440
440
|
Ne,
|
|
441
441
|
!1,
|
|
@@ -444,59 +444,59 @@ var Ke = function() {
|
|
|
444
444
|
null,
|
|
445
445
|
null
|
|
446
446
|
);
|
|
447
|
-
const ke =
|
|
448
|
-
function
|
|
449
|
-
const e = k(null),
|
|
450
|
-
const
|
|
451
|
-
if (!
|
|
447
|
+
const ke = qe.exports;
|
|
448
|
+
function wt(S) {
|
|
449
|
+
const e = k(null), l = () => S ? ue(S) : void 0, t = () => {
|
|
450
|
+
const n = ue(e);
|
|
451
|
+
if (!n)
|
|
452
452
|
throw new Error("ProTable instance has not been registered");
|
|
453
|
-
return
|
|
454
|
-
}, a = (
|
|
455
|
-
e.value =
|
|
456
|
-
const
|
|
457
|
-
|
|
453
|
+
return n;
|
|
454
|
+
}, a = (n) => {
|
|
455
|
+
e.value = n;
|
|
456
|
+
const m = l();
|
|
457
|
+
m && Object.keys(m).length > 0 && n.setProps(m);
|
|
458
458
|
};
|
|
459
|
-
return
|
|
460
|
-
() =>
|
|
461
|
-
(
|
|
462
|
-
|
|
459
|
+
return S && U(
|
|
460
|
+
() => l(),
|
|
461
|
+
(n) => {
|
|
462
|
+
n && e.value && e.value.setProps(n);
|
|
463
463
|
},
|
|
464
464
|
{ deep: !0 }
|
|
465
465
|
), [a, {
|
|
466
|
-
setProps: (
|
|
467
|
-
reload: (
|
|
466
|
+
setProps: (n) => t().setProps(n),
|
|
467
|
+
reload: (n) => t().reload(n),
|
|
468
468
|
redoHeight: () => t().redoHeight(),
|
|
469
|
-
setLoading: (
|
|
469
|
+
setLoading: (n) => t().setLoading(n),
|
|
470
470
|
getDataSource: () => t().getDataSource(),
|
|
471
471
|
getRawDataSource: () => t().getRawDataSource(),
|
|
472
|
-
setTableData: (
|
|
472
|
+
setTableData: (n) => t().setTableData(n),
|
|
473
473
|
getColumns: () => t().getColumns(),
|
|
474
|
-
setColumns: (
|
|
475
|
-
setPagination: (
|
|
474
|
+
setColumns: (n) => t().setColumns(n),
|
|
475
|
+
setPagination: (n) => t().setPagination(n),
|
|
476
476
|
getSelectRowKeys: () => t().getSelectRowKeys(),
|
|
477
477
|
getSelectRows: () => t().getSelectRows(),
|
|
478
478
|
clearSelectedRowKeys: () => t().clearSelectedRowKeys(),
|
|
479
|
-
setSelectedRowKeys: (
|
|
480
|
-
deleteSelectRowByKey: (
|
|
481
|
-
updateTableData: (
|
|
482
|
-
updateTableDataRecord: (
|
|
483
|
-
deleteTableDataRecord: (
|
|
484
|
-
insertTableDataRecord: (
|
|
479
|
+
setSelectedRowKeys: (n) => t().setSelectedRowKeys(n),
|
|
480
|
+
deleteSelectRowByKey: (n) => t().deleteSelectRowByKey(n),
|
|
481
|
+
updateTableData: (n, m, r) => t().updateTableData(n, m, r),
|
|
482
|
+
updateTableDataRecord: (n, m) => t().updateTableDataRecord(n, m),
|
|
483
|
+
deleteTableDataRecord: (n) => t().deleteTableDataRecord(n),
|
|
484
|
+
insertTableDataRecord: (n, m) => t().insertTableDataRecord(n, m),
|
|
485
485
|
getPaginationRef: () => t().getPaginationRef(),
|
|
486
486
|
getShowPagination: () => t().getShowPagination(),
|
|
487
|
-
setShowPagination: (
|
|
487
|
+
setShowPagination: (n) => t().setShowPagination(n),
|
|
488
488
|
getRowSelection: () => t().getRowSelection(),
|
|
489
489
|
expandAll: () => {
|
|
490
|
-
var
|
|
491
|
-
return (
|
|
490
|
+
var n, m;
|
|
491
|
+
return (m = (n = t()).expandAll) == null ? void 0 : m.call(n);
|
|
492
492
|
},
|
|
493
493
|
collapseAll: () => {
|
|
494
|
-
var
|
|
495
|
-
return (
|
|
494
|
+
var n, m;
|
|
495
|
+
return (m = (n = t()).collapseAll) == null ? void 0 : m.call(n);
|
|
496
496
|
}
|
|
497
497
|
}];
|
|
498
498
|
}
|
|
499
|
-
const
|
|
499
|
+
const je = /* @__PURE__ */ ae({
|
|
500
500
|
__name: "ApiSelect",
|
|
501
501
|
props: {
|
|
502
502
|
value: null,
|
|
@@ -512,57 +512,57 @@ const qe = /* @__PURE__ */ Q({
|
|
|
512
512
|
multiple: { type: Boolean }
|
|
513
513
|
},
|
|
514
514
|
emits: ["input"],
|
|
515
|
-
setup(
|
|
516
|
-
const e =
|
|
517
|
-
e.lazy &&
|
|
518
|
-
},
|
|
515
|
+
setup(S) {
|
|
516
|
+
const e = S, l = k(!1), t = k([]), a = (n) => {
|
|
517
|
+
e.lazy && n && h();
|
|
518
|
+
}, h = async () => {
|
|
519
519
|
if (e.api) {
|
|
520
|
-
|
|
520
|
+
l.value = !0;
|
|
521
521
|
try {
|
|
522
|
-
const
|
|
523
|
-
t.value =
|
|
524
|
-
const
|
|
522
|
+
const n = await e.api(e.params), m = Array.isArray(n) ? n : (n == null ? void 0 : n.list) ?? (n == null ? void 0 : n.data) ?? [], r = e.labelField ?? "label", y = e.valueField ?? "value";
|
|
523
|
+
t.value = m.map((E) => {
|
|
524
|
+
const c = E;
|
|
525
525
|
return {
|
|
526
|
-
label: String(
|
|
527
|
-
value:
|
|
526
|
+
label: String(c[r] ?? c.label ?? ""),
|
|
527
|
+
value: c[y] ?? c.value
|
|
528
528
|
};
|
|
529
529
|
});
|
|
530
530
|
} finally {
|
|
531
|
-
|
|
531
|
+
l.value = !1;
|
|
532
532
|
}
|
|
533
533
|
}
|
|
534
534
|
};
|
|
535
|
-
return
|
|
536
|
-
e.lazy ||
|
|
537
|
-
}),
|
|
535
|
+
return pe(() => {
|
|
536
|
+
e.lazy || h();
|
|
537
|
+
}), U(
|
|
538
538
|
() => e.api,
|
|
539
539
|
() => {
|
|
540
|
-
e.lazy ? t.value = [] :
|
|
540
|
+
e.lazy ? t.value = [] : h();
|
|
541
541
|
},
|
|
542
542
|
{ deep: !0 }
|
|
543
|
-
),
|
|
544
|
-
e.lazy ? t.value = [] :
|
|
545
|
-
}, { deep: !0 }), { __sfc: !0, props: e, loading:
|
|
543
|
+
), U(() => e.params, () => {
|
|
544
|
+
e.lazy ? t.value = [] : h();
|
|
545
|
+
}, { deep: !0 }), { __sfc: !0, props: e, loading: l, options: t, onVisibleChange: a, fetchOptions: h };
|
|
546
546
|
}
|
|
547
547
|
});
|
|
548
|
-
var
|
|
549
|
-
var e = this,
|
|
550
|
-
return
|
|
548
|
+
var He = function() {
|
|
549
|
+
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
550
|
+
return l("el-select", e._b({ attrs: { value: e.value, placeholder: e.placeholder, disabled: e.disabled, loading: t.loading, clearable: e.clearable, filterable: e.filterable, multiple: e.multiple }, on: { input: function(a) {
|
|
551
551
|
return e.$emit("input", a);
|
|
552
552
|
}, "visible-change": t.onVisibleChange } }, "el-select", e.$attrs, !1), e._l(t.options, function(a) {
|
|
553
|
-
return
|
|
553
|
+
return l("el-option", { key: String(a.value), attrs: { label: a.label, value: a.value } });
|
|
554
554
|
}), 1);
|
|
555
|
-
},
|
|
556
|
-
qe,
|
|
555
|
+
}, Ge = [], Ue = /* @__PURE__ */ ne(
|
|
557
556
|
je,
|
|
558
557
|
He,
|
|
558
|
+
Ge,
|
|
559
559
|
!1,
|
|
560
560
|
null,
|
|
561
561
|
null,
|
|
562
562
|
null,
|
|
563
563
|
null
|
|
564
564
|
);
|
|
565
|
-
const
|
|
565
|
+
const Xe = Ue.exports, Je = /* @__PURE__ */ ae({
|
|
566
566
|
__name: "TreeSelect",
|
|
567
567
|
props: {
|
|
568
568
|
value: null,
|
|
@@ -579,107 +579,107 @@ const Ue = Ge.exports, Xe = /* @__PURE__ */ Q({
|
|
|
579
579
|
clearable: { type: Boolean }
|
|
580
580
|
},
|
|
581
581
|
emits: ["input"],
|
|
582
|
-
setup(
|
|
583
|
-
const
|
|
584
|
-
label:
|
|
585
|
-
children:
|
|
582
|
+
setup(S, { emit: e }) {
|
|
583
|
+
const l = S, t = k(), a = k(), h = k(!1), n = k(!1), m = k(""), r = k([]), y = k({}), E = x(() => ({
|
|
584
|
+
label: l.labelField,
|
|
585
|
+
children: l.childrenField
|
|
586
586
|
}));
|
|
587
|
-
function
|
|
588
|
-
const
|
|
589
|
-
return
|
|
587
|
+
function c(F) {
|
|
588
|
+
const L = l.labelField ?? "label", K = l.valueField ?? "value", X = l.childrenField ?? "children", Q = F[X], G = {};
|
|
589
|
+
return G[l.labelField ?? "label"] = F[L] ?? F.label, G[l.valueField ?? "value"] = F[K] ?? F.value, Array.isArray(Q) && Q.length && (G[l.childrenField ?? "children"] = Q.map((N) => c(N))), G;
|
|
590
590
|
}
|
|
591
|
-
function
|
|
592
|
-
const
|
|
593
|
-
for (const
|
|
594
|
-
const
|
|
595
|
-
|
|
596
|
-
const
|
|
597
|
-
Array.isArray(
|
|
591
|
+
function D(F, L = "") {
|
|
592
|
+
const K = {}, X = l.labelField ?? "label", Q = l.valueField ?? "value", G = l.childrenField ?? "children";
|
|
593
|
+
for (const N of F) {
|
|
594
|
+
const J = String(N[X] ?? N.label ?? ""), j = N[Q] ?? N.value;
|
|
595
|
+
j != null && (K[String(j)] = L ? L + " / " + J : J);
|
|
596
|
+
const Z = N[G] ?? N.children;
|
|
597
|
+
Array.isArray(Z) && Z.length && Object.assign(K, D(Z, J));
|
|
598
598
|
}
|
|
599
|
-
return
|
|
599
|
+
return K;
|
|
600
600
|
}
|
|
601
|
-
function
|
|
602
|
-
const
|
|
603
|
-
return Array.isArray(
|
|
601
|
+
function b() {
|
|
602
|
+
const F = l.treeData;
|
|
603
|
+
return Array.isArray(F) && F.length > 0;
|
|
604
604
|
}
|
|
605
|
-
function
|
|
606
|
-
|
|
605
|
+
function T(F) {
|
|
606
|
+
r.value = F, y.value = D(F);
|
|
607
607
|
}
|
|
608
|
-
function
|
|
609
|
-
const
|
|
610
|
-
if (!Array.isArray(
|
|
608
|
+
function _() {
|
|
609
|
+
const F = l.treeData;
|
|
610
|
+
if (!Array.isArray(F) || F.length === 0)
|
|
611
611
|
return;
|
|
612
|
-
const
|
|
613
|
-
|
|
612
|
+
const L = F.map((K) => c(K));
|
|
613
|
+
T(L);
|
|
614
614
|
}
|
|
615
|
-
const
|
|
616
|
-
if (!
|
|
615
|
+
const A = x(() => l.value == null || l.value === "" ? "" : y.value[String(l.value)] ?? String(l.value)), u = (F, L) => {
|
|
616
|
+
if (!F)
|
|
617
617
|
return !0;
|
|
618
|
-
const
|
|
619
|
-
return String(
|
|
618
|
+
const K = l.labelField ?? "label";
|
|
619
|
+
return String(L[K] ?? L.label ?? "").toLowerCase().includes(F.toLowerCase());
|
|
620
620
|
};
|
|
621
|
-
|
|
622
|
-
var
|
|
623
|
-
(
|
|
621
|
+
U(m, (F) => {
|
|
622
|
+
var L;
|
|
623
|
+
(L = a.value) == null || L.filter(F);
|
|
624
624
|
});
|
|
625
625
|
let p = null;
|
|
626
626
|
function d() {
|
|
627
|
-
|
|
628
|
-
p = (
|
|
629
|
-
t.value && !t.value.contains(
|
|
627
|
+
l.disabled || (h.value = !0, l.lazy && !b() && q(), Be(() => {
|
|
628
|
+
p = (F) => {
|
|
629
|
+
t.value && !t.value.contains(F.target) && O();
|
|
630
630
|
}, document.addEventListener("click", p);
|
|
631
631
|
}));
|
|
632
632
|
}
|
|
633
|
-
function
|
|
634
|
-
|
|
633
|
+
function O() {
|
|
634
|
+
h.value = !1, m.value = "", p && (document.removeEventListener("click", p), p = null);
|
|
635
635
|
}
|
|
636
|
-
function
|
|
636
|
+
function V() {
|
|
637
637
|
e("input", void 0);
|
|
638
638
|
}
|
|
639
|
-
function
|
|
640
|
-
const
|
|
641
|
-
e("input",
|
|
639
|
+
function $(F) {
|
|
640
|
+
const L = l.valueField ?? "value", K = F[L] ?? F.value;
|
|
641
|
+
e("input", K), O();
|
|
642
642
|
}
|
|
643
|
-
async function
|
|
644
|
-
if (!(!
|
|
645
|
-
|
|
643
|
+
async function q() {
|
|
644
|
+
if (!(!l.api || b())) {
|
|
645
|
+
n.value = !0;
|
|
646
646
|
try {
|
|
647
|
-
const
|
|
648
|
-
|
|
647
|
+
const F = await l.api(l.params), L = Array.isArray(F) ? F : (F == null ? void 0 : F.list) ?? (F == null ? void 0 : F.data) ?? [];
|
|
648
|
+
r.value = L.map((K) => c(K)), y.value = D(r.value);
|
|
649
649
|
} finally {
|
|
650
|
-
|
|
650
|
+
n.value = !1;
|
|
651
651
|
}
|
|
652
652
|
}
|
|
653
653
|
}
|
|
654
|
-
return
|
|
655
|
-
|
|
656
|
-
}),
|
|
657
|
-
|
|
658
|
-
}, { deep: !0 }),
|
|
659
|
-
|
|
660
|
-
}, { deep: !0 }),
|
|
661
|
-
|
|
662
|
-
}, { deep: !0 }), { __sfc: !0, props:
|
|
654
|
+
return pe(() => {
|
|
655
|
+
b() ? _() : l.lazy || q();
|
|
656
|
+
}), U(() => l.treeData, () => {
|
|
657
|
+
b() ? _() : (r.value = [], y.value = {}, !l.lazy && l.api && q());
|
|
658
|
+
}, { deep: !0 }), U(() => l.api, () => {
|
|
659
|
+
b() || (l.lazy ? (r.value = [], y.value = {}) : q());
|
|
660
|
+
}, { deep: !0 }), U(() => l.params, () => {
|
|
661
|
+
b() || (l.lazy ? (r.value = [], y.value = {}) : q());
|
|
662
|
+
}, { deep: !0 }), { __sfc: !0, props: l, emit: e, rootRef: t, treeRef: a, dropdownVisible: h, loading: n, filterText: m, treeData: r, flatLabelMap: y, treeProps: E, normalizeNode: c, buildFlatLabelMap: D, hasTreeDataProp: b, applyTreeData: T, syncFromTreeDataProp: _, displayText: A, filterNodeMethod: u, clickOutsideHandler: p, openDropdown: d, closeDropdown: O, clearValue: V, onNodeClick: $, fetchData: q };
|
|
663
663
|
}
|
|
664
664
|
});
|
|
665
665
|
var Ze = function() {
|
|
666
|
-
var e = this,
|
|
667
|
-
return
|
|
666
|
+
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
667
|
+
return l("div", { ref: "rootRef", staticClass: "ecp-tree-select" }, [l("el-input", { staticClass: "ecp-tree-select__input", attrs: { value: t.displayText, placeholder: e.placeholder, disabled: e.disabled, clearable: e.clearable, readonly: "", "suffix-icon": "el-icon-arrow-down" }, on: { focus: t.openDropdown, clear: t.clearValue } }), l("transition", { attrs: { name: "el-zoom-in-top" } }, [l("div", { directives: [{ name: "show", rawName: "v-show", value: t.dropdownVisible, expression: "dropdownVisible" }], staticClass: "ecp-tree-select__dropdown" }, [e.filterable ? l("div", { staticClass: "ecp-tree-select__filter-inner" }, [l("el-input", { attrs: { size: "small", placeholder: "搜索节点", "prefix-icon": "el-icon-search", clearable: "" }, nativeOn: { click: function(a) {
|
|
668
668
|
a.stopPropagation();
|
|
669
669
|
} }, model: { value: t.filterText, callback: function(a) {
|
|
670
670
|
t.filterText = a;
|
|
671
|
-
}, expression: "filterText" } })], 1) : e._e(),
|
|
672
|
-
},
|
|
673
|
-
Xe,
|
|
674
|
-
Ze,
|
|
671
|
+
}, expression: "filterText" } })], 1) : e._e(), l("el-tree", { directives: [{ name: "show", rawName: "v-show", value: !t.loading, expression: "!loading" }], ref: "treeRef", attrs: { data: t.treeData, props: t.treeProps, "node-key": e.valueField, "filter-node-method": e.filterable ? t.filterNodeMethod : void 0, "highlight-current": !0, "default-expand-all": "" }, on: { "node-click": t.onNodeClick } }), t.loading ? l("div", { staticClass: "ecp-tree-select__loading" }, [l("i", { staticClass: "el-icon-loading" }), e._v(" 加载中... ")]) : e._e()], 1)])], 1);
|
|
672
|
+
}, Qe = [], Ye = /* @__PURE__ */ ne(
|
|
675
673
|
Je,
|
|
674
|
+
Ze,
|
|
675
|
+
Qe,
|
|
676
676
|
!1,
|
|
677
677
|
null,
|
|
678
678
|
"f30bba11",
|
|
679
679
|
null,
|
|
680
680
|
null
|
|
681
681
|
);
|
|
682
|
-
const
|
|
682
|
+
const et = Ye.exports, tt = /* @__PURE__ */ ae({
|
|
683
683
|
__name: "ProFormItem",
|
|
684
684
|
props: {
|
|
685
685
|
schema: null,
|
|
@@ -690,8 +690,8 @@ const Ye = Qe.exports, et = /* @__PURE__ */ Q({
|
|
|
690
690
|
onFieldChange: null,
|
|
691
691
|
customComponents: null
|
|
692
692
|
},
|
|
693
|
-
setup(
|
|
694
|
-
const e =
|
|
693
|
+
setup(S) {
|
|
694
|
+
const e = S, l = /* @__PURE__ */ new Set([
|
|
695
695
|
"input",
|
|
696
696
|
"select",
|
|
697
697
|
"api-select",
|
|
@@ -703,101 +703,101 @@ const Ye = Qe.exports, et = /* @__PURE__ */ Q({
|
|
|
703
703
|
"cascader",
|
|
704
704
|
"checkbox",
|
|
705
705
|
"radio"
|
|
706
|
-
]), t = Pe(), a =
|
|
706
|
+
]), t = Pe(), a = x(() => ({
|
|
707
707
|
schema: e.schema,
|
|
708
708
|
values: e.formModel,
|
|
709
709
|
model: e.formModel,
|
|
710
710
|
field: e.schema.field
|
|
711
|
-
})),
|
|
712
|
-
const
|
|
713
|
-
return
|
|
714
|
-
}),
|
|
715
|
-
const
|
|
716
|
-
return
|
|
717
|
-
}),
|
|
711
|
+
})), h = x(() => {
|
|
712
|
+
const u = e.schema.ifShow;
|
|
713
|
+
return u === void 0 ? !0 : typeof u == "boolean" ? u : u(a.value);
|
|
714
|
+
}), n = x(() => {
|
|
715
|
+
const u = e.schema.show;
|
|
716
|
+
return u === void 0 ? !0 : typeof u == "boolean" ? u : u(a.value);
|
|
717
|
+
}), m = x(() => {
|
|
718
718
|
if (e.formDisabled)
|
|
719
719
|
return !0;
|
|
720
|
-
const
|
|
721
|
-
return
|
|
722
|
-
}),
|
|
723
|
-
const
|
|
724
|
-
return
|
|
725
|
-
}),
|
|
726
|
-
const
|
|
727
|
-
if (!
|
|
720
|
+
const u = e.schema.dynamicDisabled;
|
|
721
|
+
return u === void 0 ? !1 : typeof u == "boolean" ? u : u(a.value);
|
|
722
|
+
}), r = x(() => {
|
|
723
|
+
const u = e.schema.dynamicRules;
|
|
724
|
+
return u ? Array.isArray(u) ? u : u(a.value) : e.schema.rules;
|
|
725
|
+
}), y = x(() => {
|
|
726
|
+
const u = e.schema.componentProps;
|
|
727
|
+
if (!u)
|
|
728
728
|
return { props: {}, listeners: {} };
|
|
729
|
-
const p = typeof
|
|
729
|
+
const p = typeof u == "function" ? u({
|
|
730
730
|
...a.value,
|
|
731
731
|
formActionType: e.formActionType
|
|
732
|
-
}) : { ...
|
|
733
|
-
for (const [
|
|
734
|
-
if (
|
|
735
|
-
const
|
|
736
|
-
|
|
732
|
+
}) : { ...u }, d = {}, O = {};
|
|
733
|
+
for (const [V, $] of Object.entries(p))
|
|
734
|
+
if (V.length > 2 && /^on[A-Za-z]/.test(V) && typeof $ == "function") {
|
|
735
|
+
const q = V.slice(2).charAt(0).toLowerCase() + V.slice(3);
|
|
736
|
+
O[q] = $;
|
|
737
737
|
} else
|
|
738
|
-
d[
|
|
739
|
-
return { props: d, listeners:
|
|
740
|
-
}),
|
|
741
|
-
const p =
|
|
738
|
+
d[V] = $;
|
|
739
|
+
return { props: d, listeners: O };
|
|
740
|
+
}), E = x(() => y.value.props), c = x(() => y.value.listeners), D = x(() => !!t.default), b = (u) => {
|
|
741
|
+
const p = u == null ? void 0 : u.options;
|
|
742
742
|
return Array.isArray(p) ? p : void 0;
|
|
743
|
-
},
|
|
744
|
-
const
|
|
745
|
-
return
|
|
746
|
-
}),
|
|
743
|
+
}, T = x(() => {
|
|
744
|
+
const u = e.schema.component;
|
|
745
|
+
return u == null ? null : typeof u == "string" ? l.has(u) ? null : e.customComponents && e.customComponents[u] || u : u;
|
|
746
|
+
}), _ = (u) => {
|
|
747
747
|
var p;
|
|
748
|
-
(p = e.onFieldChange) == null || p.call(e, e.schema.field,
|
|
749
|
-
},
|
|
750
|
-
const
|
|
751
|
-
return
|
|
748
|
+
(p = e.onFieldChange) == null || p.call(e, e.schema.field, u);
|
|
749
|
+
}, A = x(() => {
|
|
750
|
+
const u = e.schema.render;
|
|
751
|
+
return u ? {
|
|
752
752
|
render() {
|
|
753
|
-
const p =
|
|
754
|
-
return Array.isArray(p) ?
|
|
753
|
+
const p = u(a.value);
|
|
754
|
+
return Array.isArray(p) ? oe("span", p) : p;
|
|
755
755
|
}
|
|
756
756
|
} : null;
|
|
757
757
|
});
|
|
758
|
-
return { __sfc: !0, BUILT_IN_COMPONENTS:
|
|
758
|
+
return { __sfc: !0, BUILT_IN_COMPONENTS: l, props: e, slots: t, renderParams: a, shouldRender: h, shouldShow: n, effectiveDisabled: m, effectiveRules: r, effectiveComponentPropsAndListeners: y, effectiveComponentProps: E, effectiveComponentListeners: c, hasSlot: D, getOptions: b, resolvedCustomComponent: T, setFieldValue: _, renderComponent: A, ApiSelect: Xe, TreeSelect: et };
|
|
759
759
|
}
|
|
760
760
|
});
|
|
761
|
-
var
|
|
762
|
-
var e = this,
|
|
763
|
-
return t.shouldRender ?
|
|
764
|
-
return
|
|
765
|
-
}) :
|
|
761
|
+
var lt = function() {
|
|
762
|
+
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
763
|
+
return t.shouldRender ? l("el-form-item", { directives: [{ name: "show", rawName: "v-show", value: t.shouldShow, expression: "shouldShow" }], attrs: { prop: e.schema.field, required: e.schema.required, rules: t.effectiveRules, "label-width": e.schema.labelWidth } }, [l("template", { slot: "label" }, [l("span", [e._v(e._s(e.schema.label))]), e.schema.helpMessage ? l("el-tooltip", e._b({ attrs: { placement: "top", effect: "light" } }, "el-tooltip", e.schema.helpComponentProps || {}, !1), [l("template", { slot: "content" }, [Array.isArray(e.schema.helpMessage) ? e._l(e.schema.helpMessage, function(a, h) {
|
|
764
|
+
return l("div", { key: h, staticClass: "ecp-pro-form-item__help-item" }, [e._v(" " + e._s(a) + " ")]);
|
|
765
|
+
}) : l("span", [e._v(e._s(e.schema.helpMessage))])], 2), l("i", { staticClass: "el-icon-question ecp-pro-form-item__help-icon" })], 2) : e._e()], 1), e.schema.render ? [l(t.renderComponent, { tag: "component" })] : t.hasSlot ? e._t("default", null, { model: e.formModel, schema: e.schema, field: e.schema.field, values: e.formModel }) : [t.resolvedCustomComponent ? l(t.resolvedCustomComponent, e._g(e._b({ tag: "component", attrs: { value: e.formModel[e.schema.field], placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请输入${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, on: { input: t.setFieldValue } }, "component", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "input" || !e.schema.component ? l("el-input", e._g(e._b({ attrs: { placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请输入${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
|
|
766
766
|
e.$set(e.formModel, e.schema.field, a);
|
|
767
|
-
}, expression: "formModel[schema.field]" } }, "el-input", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "input-number" ?
|
|
767
|
+
}, expression: "formModel[schema.field]" } }, "el-input", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "input-number" ? l("el-input-number", e._g(e._b({ attrs: { placeholder: e.schema.placeholder, disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
|
|
768
768
|
e.$set(e.formModel, e.schema.field, a);
|
|
769
|
-
}, expression: "formModel[schema.field]" } }, "el-input-number", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "select" ?
|
|
769
|
+
}, expression: "formModel[schema.field]" } }, "el-input-number", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "select" ? l("el-select", e._g(e._b({ staticClass: "ecp-pro-form-item__select", attrs: { placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请选择${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
|
|
770
770
|
e.$set(e.formModel, e.schema.field, a);
|
|
771
771
|
}, expression: "formModel[schema.field]" } }, "el-select", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(a) {
|
|
772
|
-
return
|
|
773
|
-
}), 1) : e.schema.component === "api-select" ?
|
|
772
|
+
return l("el-option", { key: String(a.value), attrs: { label: a.label, value: a.value } });
|
|
773
|
+
}), 1) : e.schema.component === "api-select" ? l(t.ApiSelect, e._g(e._b({ attrs: { value: e.formModel[e.schema.field], placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请选择${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, on: { input: t.setFieldValue } }, "ApiSelect", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "tree-select" ? l(t.TreeSelect, e._g(e._b({ attrs: { value: e.formModel[e.schema.field], placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请选择${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, on: { input: t.setFieldValue } }, "TreeSelect", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "date-picker" ? l("el-date-picker", e._g(e._b({ attrs: { placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请选择${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
|
|
774
774
|
e.$set(e.formModel, e.schema.field, a);
|
|
775
|
-
}, expression: "formModel[schema.field]" } }, "el-date-picker", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "date-range" ?
|
|
775
|
+
}, expression: "formModel[schema.field]" } }, "el-date-picker", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "date-range" ? l("el-date-picker", e._g(e._b({ attrs: { type: "daterange", "range-separator": "至", "start-placeholder": "开始日期", "end-placeholder": "结束日期", "value-format": "yyyy-MM-dd", disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
|
|
776
776
|
e.$set(e.formModel, e.schema.field, a);
|
|
777
|
-
}, expression: "formModel[schema.field]" } }, "el-date-picker", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "switch" ?
|
|
777
|
+
}, expression: "formModel[schema.field]" } }, "el-date-picker", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "switch" ? l("el-switch", e._g(e._b({ attrs: { disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
|
|
778
778
|
e.$set(e.formModel, e.schema.field, a);
|
|
779
|
-
}, expression: "formModel[schema.field]" } }, "el-switch", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "cascader" ?
|
|
779
|
+
}, expression: "formModel[schema.field]" } }, "el-switch", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "cascader" ? l("el-cascader", e._g(e._b({ attrs: { placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请选择${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
|
|
780
780
|
e.$set(e.formModel, e.schema.field, a);
|
|
781
|
-
}, expression: "formModel[schema.field]" } }, "el-cascader", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "checkbox" ?
|
|
781
|
+
}, expression: "formModel[schema.field]" } }, "el-cascader", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "checkbox" ? l("el-checkbox-group", e._g(e._b({ attrs: { disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
|
|
782
782
|
e.$set(e.formModel, e.schema.field, a);
|
|
783
783
|
}, expression: "formModel[schema.field]" } }, "el-checkbox-group", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(a) {
|
|
784
|
-
return
|
|
785
|
-
}), 1) : e.schema.component === "radio" ?
|
|
784
|
+
return l("el-checkbox", { key: String(a.value), attrs: { label: a.value } }, [e._v(" " + e._s(a.label) + " ")]);
|
|
785
|
+
}), 1) : e.schema.component === "radio" ? l("el-radio-group", e._g(e._b({ attrs: { disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
|
|
786
786
|
e.$set(e.formModel, e.schema.field, a);
|
|
787
787
|
}, expression: "formModel[schema.field]" } }, "el-radio-group", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(a) {
|
|
788
|
-
return
|
|
788
|
+
return l("el-radio", { key: String(a.value), attrs: { label: a.value } }, [e._v(" " + e._s(a.label) + " ")]);
|
|
789
789
|
}), 1) : e._e()]], 2) : e._e();
|
|
790
|
-
},
|
|
791
|
-
et,
|
|
790
|
+
}, ot = [], at = /* @__PURE__ */ ne(
|
|
792
791
|
tt,
|
|
793
792
|
lt,
|
|
793
|
+
ot,
|
|
794
794
|
!1,
|
|
795
795
|
null,
|
|
796
796
|
"84880e9d",
|
|
797
797
|
null,
|
|
798
798
|
null
|
|
799
799
|
);
|
|
800
|
-
const
|
|
800
|
+
const De = at.exports, nt = /* @__PURE__ */ ae({
|
|
801
801
|
__name: "FormActions",
|
|
802
802
|
props: {
|
|
803
803
|
showActionButtonGroup: { type: Boolean, default: !0 },
|
|
@@ -814,28 +814,28 @@ const Te = ot.exports, at = /* @__PURE__ */ Q({
|
|
|
814
814
|
actionColOptions: null
|
|
815
815
|
},
|
|
816
816
|
emits: ["submit", "reset", "toggle"],
|
|
817
|
-
setup(
|
|
817
|
+
setup(S) {
|
|
818
818
|
return { __sfc: !0 };
|
|
819
819
|
}
|
|
820
820
|
});
|
|
821
|
-
var
|
|
822
|
-
var e = this,
|
|
823
|
-
return e._self._setupProxy,
|
|
821
|
+
var st = function() {
|
|
822
|
+
var e = this, l = e._self._c;
|
|
823
|
+
return e._self._setupProxy, l("div", { staticClass: "ecp-form-actions" }, [e._t("submitBefore"), e.showSubmitButton ? l("el-button", { attrs: { type: "primary", icon: e.submitButtonIcon, loading: e.submitLoading }, on: { click: function(t) {
|
|
824
824
|
return e.$emit("submit");
|
|
825
|
-
} } }, [e._v(" " + e._s(e.submitButtonText) + " ")]) : e._e(), e._t("resetBefore"), e.showResetButton ?
|
|
825
|
+
} } }, [e._v(" " + e._s(e.submitButtonText) + " ")]) : e._e(), e._t("resetBefore"), e.showResetButton ? l("el-button", { attrs: { icon: e.resetButtonIcon }, on: { click: function(t) {
|
|
826
826
|
return e.$emit("reset");
|
|
827
827
|
} } }, [e._v(" " + e._s(e.resetButtonText) + " ")]) : e._e(), e._t("actions")], 2);
|
|
828
|
-
},
|
|
829
|
-
at,
|
|
828
|
+
}, rt = [], it = /* @__PURE__ */ ne(
|
|
830
829
|
nt,
|
|
831
830
|
st,
|
|
831
|
+
rt,
|
|
832
832
|
!1,
|
|
833
833
|
null,
|
|
834
834
|
"489c88d2",
|
|
835
835
|
null,
|
|
836
836
|
null
|
|
837
837
|
);
|
|
838
|
-
const
|
|
838
|
+
const Te = it.exports, ct = /* @__PURE__ */ ae({
|
|
839
839
|
__name: "ProForm",
|
|
840
840
|
props: {
|
|
841
841
|
schemas: null,
|
|
@@ -867,189 +867,189 @@ const De = rt.exports, it = /* @__PURE__ */ Q({
|
|
|
867
867
|
components: null
|
|
868
868
|
},
|
|
869
869
|
emits: ["submit", "reset", "register", "update:modelValue"],
|
|
870
|
-
setup(
|
|
871
|
-
const t =
|
|
872
|
-
const
|
|
873
|
-
return
|
|
874
|
-
}, { getSetting:
|
|
875
|
-
...
|
|
876
|
-
...
|
|
877
|
-
...
|
|
878
|
-
})),
|
|
879
|
-
let
|
|
880
|
-
for (const
|
|
881
|
-
const
|
|
882
|
-
if (
|
|
883
|
-
if (
|
|
870
|
+
setup(S, { expose: e, emit: l }) {
|
|
871
|
+
const t = S, a = Pe(), h = k(), n = k(), m = k(!1), r = k(!0), y = k({}), E = k({}), c = k([]), D = k({}), b = { xl: 1920, lg: 1200, md: 992, sm: 768 }, T = (i, g, P) => {
|
|
872
|
+
const R = P ?? (typeof window < "u" ? window.innerWidth : 1920), w = i ?? {}, o = g ?? {}, s = o.span ?? 8;
|
|
873
|
+
return R >= b.xl ? w.xl ?? o.xl ?? w.lg ?? o.lg ?? w.md ?? o.md ?? w.sm ?? o.sm ?? w.xs ?? o.xs ?? w.span ?? s : R >= b.lg ? w.lg ?? o.lg ?? w.md ?? o.md ?? w.sm ?? o.sm ?? w.xs ?? o.xs ?? w.span ?? s : R >= b.md ? w.md ?? o.md ?? w.sm ?? o.sm ?? w.xs ?? o.xs ?? w.span ?? s : R >= b.sm ? w.sm ?? o.sm ?? w.xs ?? o.xs ?? w.span ?? s : w.xs ?? o.xs ?? w.span ?? s;
|
|
874
|
+
}, { getSetting: _ } = Se(), A = x(() => ({ ..._("ProForm"), ...t, ...D.value })), u = x(() => A.value.modelValue), p = x(() => u.value !== void 0), d = x(() => p.value ? u.value ?? {} : y.value), O = x(() => ({
|
|
875
|
+
..._("ProForm").components ?? {},
|
|
876
|
+
...A.value.components ?? {},
|
|
877
|
+
...D.value.components ?? {}
|
|
878
|
+
})), V = x(() => A.value.actionColOptions ?? { span: 24 }), $ = k(typeof window < "u" ? window.innerWidth : 1920), q = (i, g, P, R) => {
|
|
879
|
+
let w = 24, o = 1, s = 0;
|
|
880
|
+
for (const f of i) {
|
|
881
|
+
const C = T(f.colProps, g, R);
|
|
882
|
+
if (C > w) {
|
|
883
|
+
if (o++, o > P)
|
|
884
884
|
break;
|
|
885
|
-
|
|
885
|
+
w = 24 - C;
|
|
886
886
|
} else
|
|
887
|
-
|
|
888
|
-
|
|
887
|
+
w -= C;
|
|
888
|
+
s++;
|
|
889
889
|
}
|
|
890
|
-
return
|
|
891
|
-
},
|
|
892
|
-
const
|
|
893
|
-
if (!
|
|
890
|
+
return s;
|
|
891
|
+
}, F = x(() => {
|
|
892
|
+
const i = c.value.filter((w) => X(w));
|
|
893
|
+
if (!A.value.showAdvancedButton)
|
|
894
894
|
return !1;
|
|
895
|
-
const
|
|
896
|
-
return
|
|
897
|
-
}),
|
|
898
|
-
const
|
|
899
|
-
if (!
|
|
900
|
-
return
|
|
901
|
-
const
|
|
902
|
-
return
|
|
903
|
-
}),
|
|
904
|
-
let
|
|
905
|
-
return typeof
|
|
906
|
-
},
|
|
907
|
-
const
|
|
908
|
-
return
|
|
909
|
-
if (!(
|
|
910
|
-
if (
|
|
911
|
-
|
|
895
|
+
const g = A.value.alwaysShowLines ?? 1, P = A.value.baseColProps, R = q(i, P, g, $.value);
|
|
896
|
+
return i.length > R;
|
|
897
|
+
}), L = x(() => A.value.formListeners ?? {}), K = x(() => {
|
|
898
|
+
const i = c.value.filter((w) => X(w));
|
|
899
|
+
if (!A.value.showAdvancedButton || !r.value)
|
|
900
|
+
return i;
|
|
901
|
+
const g = A.value.alwaysShowLines ?? 1, P = A.value.baseColProps, R = q(i, P, g, $.value);
|
|
902
|
+
return i.slice(0, R);
|
|
903
|
+
}), X = (i) => {
|
|
904
|
+
let g = !0, P = !0;
|
|
905
|
+
return typeof i.ifShow == "function" && (g = i.ifShow({ schema: i, values: d.value, model: d.value, field: i.field })), typeof i.ifShow == "boolean" && (g = i.ifShow), typeof i.show == "function" && (P = i.show({ schema: i, values: d.value, model: d.value, field: i.field })), typeof i.show == "boolean" && (P = i.show), g && P;
|
|
906
|
+
}, Q = (i) => i.colProps ?? A.value.baseColProps ?? {}, G = (i) => i.slot || i.field, N = (i, g = !0) => {
|
|
907
|
+
const P = g ? { ...i ?? {} } : {}, R = A.value.initialValues ?? t.initialValues;
|
|
908
|
+
return c.value.forEach((w) => {
|
|
909
|
+
if (!(g && Object.prototype.hasOwnProperty.call(P, w.field))) {
|
|
910
|
+
if (w.defaultValue !== void 0) {
|
|
911
|
+
P[w.field] = w.defaultValue;
|
|
912
912
|
return;
|
|
913
913
|
}
|
|
914
|
-
|
|
914
|
+
R && Object.prototype.hasOwnProperty.call(R, w.field) && (P[w.field] = R[w.field]);
|
|
915
915
|
}
|
|
916
|
-
}),
|
|
917
|
-
},
|
|
918
|
-
|
|
919
|
-
},
|
|
920
|
-
const
|
|
921
|
-
return
|
|
922
|
-
},
|
|
923
|
-
const
|
|
924
|
-
|
|
925
|
-
var
|
|
926
|
-
(
|
|
927
|
-
}),
|
|
928
|
-
},
|
|
929
|
-
const
|
|
930
|
-
return
|
|
931
|
-
const
|
|
932
|
-
if (
|
|
916
|
+
}), P;
|
|
917
|
+
}, J = (i, g = !0) => {
|
|
918
|
+
y.value = i, g && l("update:modelValue", i);
|
|
919
|
+
}, j = (i) => {
|
|
920
|
+
const g = N({ ...d.value, ...i });
|
|
921
|
+
return J(g), g;
|
|
922
|
+
}, Z = () => {
|
|
923
|
+
const i = {};
|
|
924
|
+
c.value.forEach((g) => {
|
|
925
|
+
var P;
|
|
926
|
+
(P = g.rules) != null && P.length && (i[g.field] = g.rules);
|
|
927
|
+
}), J(N(d.value), !1), E.value = i;
|
|
928
|
+
}, v = (i) => {
|
|
929
|
+
const g = { ...i };
|
|
930
|
+
return c.value.forEach((P) => {
|
|
931
|
+
const R = P.ifShow;
|
|
932
|
+
if (R === void 0)
|
|
933
933
|
return;
|
|
934
|
-
(typeof
|
|
935
|
-
}),
|
|
936
|
-
},
|
|
937
|
-
const
|
|
938
|
-
if (!(
|
|
939
|
-
return
|
|
940
|
-
const
|
|
941
|
-
return
|
|
942
|
-
const
|
|
943
|
-
Array.isArray(
|
|
944
|
-
}),
|
|
945
|
-
},
|
|
946
|
-
var
|
|
934
|
+
(typeof R == "boolean" ? R : R({ schema: P, values: i, model: i, field: P.field })) || delete g[P.field];
|
|
935
|
+
}), g;
|
|
936
|
+
}, z = (i) => {
|
|
937
|
+
const g = v(i), P = D.value.fieldMapToTime;
|
|
938
|
+
if (!(P != null && P.length))
|
|
939
|
+
return g;
|
|
940
|
+
const R = { ...g };
|
|
941
|
+
return P.forEach(([w, [o, s]]) => {
|
|
942
|
+
const f = R[w];
|
|
943
|
+
Array.isArray(f) && f.length === 2 && (delete R[w], R[o] = f[0], R[s] = f[1]);
|
|
944
|
+
}), R;
|
|
945
|
+
}, B = async () => {
|
|
946
|
+
var i;
|
|
947
947
|
try {
|
|
948
|
-
await ((
|
|
949
|
-
} catch (
|
|
950
|
-
console.error("Form validation failed:",
|
|
948
|
+
await ((i = h.value) == null ? void 0 : i.validate()), A.value.submitFunc ? await A.value.submitFunc() : (m.value = !0, l("submit", z({ ...d.value })));
|
|
949
|
+
} catch (g) {
|
|
950
|
+
console.error("Form validation failed:", g);
|
|
951
951
|
} finally {
|
|
952
|
-
|
|
952
|
+
m.value = !1;
|
|
953
953
|
}
|
|
954
|
-
},
|
|
955
|
-
var
|
|
956
|
-
|
|
957
|
-
},
|
|
958
|
-
var
|
|
959
|
-
(
|
|
960
|
-
},
|
|
961
|
-
|
|
962
|
-
},
|
|
963
|
-
var
|
|
964
|
-
return ((
|
|
965
|
-
},
|
|
966
|
-
|
|
967
|
-
}))) :
|
|
968
|
-
var
|
|
969
|
-
const
|
|
970
|
-
return
|
|
971
|
-
},
|
|
972
|
-
var
|
|
973
|
-
(
|
|
974
|
-
},
|
|
975
|
-
(Array.isArray(
|
|
976
|
-
const
|
|
977
|
-
|
|
954
|
+
}, W = async () => {
|
|
955
|
+
var i;
|
|
956
|
+
A.value.resetFunc ? await A.value.resetFunc() : ((i = h.value) == null || i.resetFields(), Z(), l("reset"), A.value.submitOnReset && await B());
|
|
957
|
+
}, Y = (i) => (j(i), Promise.resolve()), te = () => z({ ...d.value }), se = async () => {
|
|
958
|
+
var i;
|
|
959
|
+
(i = h.value) == null || i.resetFields(), J(N(void 0, !1));
|
|
960
|
+
}, de = (i, g) => {
|
|
961
|
+
j({ [i]: g });
|
|
962
|
+
}, re = (i) => {
|
|
963
|
+
var g;
|
|
964
|
+
return ((g = h.value) == null ? void 0 : g.validate(i)) ?? Promise.resolve();
|
|
965
|
+
}, le = (i) => h.value ? i != null && i.length ? Promise.all(i.map((g) => new Promise((P, R) => {
|
|
966
|
+
h.value.validateField(g, (w) => w ? P(void 0) : R(new Error("Validation failed")));
|
|
967
|
+
}))) : h.value.validate() : Promise.resolve(), ve = async (i, g) => {
|
|
968
|
+
var R;
|
|
969
|
+
const P = (R = n.value) == null ? void 0 : R.querySelector(`[data-field="${i}"]`);
|
|
970
|
+
return P && P.scrollIntoView({ behavior: (g == null ? void 0 : g.behavior) ?? "smooth", block: (g == null ? void 0 : g.block) ?? "nearest" }), Promise.resolve();
|
|
971
|
+
}, me = (i) => {
|
|
972
|
+
var g;
|
|
973
|
+
(g = h.value) == null || g.clearValidate(i);
|
|
974
|
+
}, he = async (i) => {
|
|
975
|
+
(Array.isArray(i) ? i : [i]).forEach((P) => {
|
|
976
|
+
const R = c.value.findIndex((w) => w.field === P.field);
|
|
977
|
+
R >= 0 && (c.value[R] = { ...c.value[R], ...P });
|
|
978
978
|
});
|
|
979
|
-
},
|
|
980
|
-
if (
|
|
981
|
-
|
|
982
|
-
else if (
|
|
983
|
-
const
|
|
984
|
-
|
|
979
|
+
}, _e = async (i, g, P) => {
|
|
980
|
+
if (P)
|
|
981
|
+
c.value.unshift(i);
|
|
982
|
+
else if (g) {
|
|
983
|
+
const R = c.value.findIndex((w) => w.field === g);
|
|
984
|
+
c.value.splice(R + 1, 0, i);
|
|
985
985
|
} else
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
},
|
|
989
|
-
const
|
|
990
|
-
|
|
991
|
-
},
|
|
992
|
-
|
|
993
|
-
},
|
|
994
|
-
getFieldsValue:
|
|
995
|
-
setFieldsValue:
|
|
996
|
-
resetFields:
|
|
997
|
-
validate:
|
|
998
|
-
validateFields:
|
|
999
|
-
submit:
|
|
1000
|
-
scrollToField:
|
|
1001
|
-
clearValidate:
|
|
1002
|
-
updateSchema:
|
|
1003
|
-
appendSchemaByField:
|
|
1004
|
-
removeSchemaByField:
|
|
1005
|
-
setProps:
|
|
986
|
+
c.value.push(i);
|
|
987
|
+
Z();
|
|
988
|
+
}, be = async (i) => {
|
|
989
|
+
const g = Array.isArray(i) ? i : [i];
|
|
990
|
+
c.value = c.value.filter((P) => !g.includes(P.field));
|
|
991
|
+
}, ge = async (i) => {
|
|
992
|
+
D.value = { ...D.value, ...i }, i.schemas && (c.value = [...i.schemas], Z());
|
|
993
|
+
}, fe = {
|
|
994
|
+
getFieldsValue: te,
|
|
995
|
+
setFieldsValue: Y,
|
|
996
|
+
resetFields: se,
|
|
997
|
+
validate: re,
|
|
998
|
+
validateFields: le,
|
|
999
|
+
submit: B,
|
|
1000
|
+
scrollToField: ve,
|
|
1001
|
+
clearValidate: me,
|
|
1002
|
+
updateSchema: he,
|
|
1003
|
+
appendSchemaByField: _e,
|
|
1004
|
+
removeSchemaByField: be,
|
|
1005
|
+
setProps: ge
|
|
1006
1006
|
};
|
|
1007
|
-
e(
|
|
1008
|
-
const
|
|
1009
|
-
|
|
1010
|
-
},
|
|
1011
|
-
typeof window < "u" && (
|
|
1007
|
+
e(fe);
|
|
1008
|
+
const ce = () => {
|
|
1009
|
+
c.value = [...t.schemas ?? []], Z();
|
|
1010
|
+
}, ie = () => {
|
|
1011
|
+
typeof window < "u" && ($.value = window.innerWidth);
|
|
1012
1012
|
};
|
|
1013
|
-
return
|
|
1014
|
-
|
|
1015
|
-
}),
|
|
1016
|
-
typeof window < "u" && window.removeEventListener("resize",
|
|
1017
|
-
}),
|
|
1018
|
-
!p.value ||
|
|
1019
|
-
}, { deep: !0, immediate: !0 }),
|
|
1013
|
+
return pe(() => {
|
|
1014
|
+
ce(), l("register", fe), typeof window < "u" && window.addEventListener("resize", ie);
|
|
1015
|
+
}), xe(() => {
|
|
1016
|
+
typeof window < "u" && window.removeEventListener("resize", ie);
|
|
1017
|
+
}), U(() => u.value, (i) => {
|
|
1018
|
+
!p.value || i === void 0 || J(N(i), !1);
|
|
1019
|
+
}, { deep: !0, immediate: !0 }), U(() => [t.schemas, t.initialValues], ce, { deep: !0 }), { __sfc: !0, props: t, emit: l, slots: a, formRef: h, formWrapRef: n, submitLoading: m, collapsed: r, formModel: y, formRules: E, innerSchemas: c, innerProps: D, BREAKPOINTS: b, getEffectiveSpan: T, getComponentSetting: _, effectiveProps: A, controlledModelValue: u, isControlled: p, currentFormModel: d, formCustomComponents: O, effectiveActionColOptions: V, windowWidth: $, getVisibleSchemaCount: q, hasMoreFields: F, formListeners: L, displaySchemas: K, shouldShow: X, getColProps: Q, getSlotName: G, resolveSchemaModel: N, applyFormModel: J, updateFormModel: j, initForm: Z, filterByIfShow: v, processFieldMapToTime: z, handleSubmit: B, handleReset: W, setFieldsValue: Y, getFieldsValue: te, resetFields: se, handleFieldChange: de, validate: re, validateFields: le, scrollToField: ve, clearValidate: me, updateSchema: he, appendSchemaByField: _e, removeSchemaByField: be, setProps: ge, formActionRef: fe, syncSchemas: ce, handleResize: ie, ProFormItem: De, FormActions: Te };
|
|
1020
1020
|
}
|
|
1021
1021
|
});
|
|
1022
|
-
var
|
|
1023
|
-
var e = this,
|
|
1024
|
-
return
|
|
1025
|
-
var
|
|
1026
|
-
return [t.shouldShow(a) ?
|
|
1027
|
-
}), t.effectiveProps.showActionButtonGroup ?
|
|
1022
|
+
var ut = function() {
|
|
1023
|
+
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
1024
|
+
return l("div", { ref: "formWrapRef", staticClass: "ecp-pro-form" }, [l("el-form", e._g(e._b({ ref: "formRef", staticClass: "ecp-pro-form", attrs: { model: t.currentFormModel, rules: t.formRules, "label-width": t.effectiveProps.labelWidth, "label-position": t.effectiveProps.labelPosition, size: t.effectiveProps.size, disabled: t.effectiveProps.disabled } }, "el-form", e.$attrs, !1), t.formListeners), [e._t("formHeader"), l("el-row", { style: t.effectiveProps.baseRowStyle, attrs: { gutter: t.effectiveProps.gutter } }, [e._l(t.displaySchemas, function(a) {
|
|
1025
|
+
var h, n;
|
|
1026
|
+
return [t.shouldShow(a) ? l("el-col", e._b({ key: a.field, attrs: { offset: ((h = a.colProps) == null ? void 0 : h.offset) ?? ((n = t.effectiveProps.baseColProps) == null ? void 0 : n.offset) ?? 0, "data-field": a.field } }, "el-col", t.getColProps(a), !1), [l(t.ProFormItem, { attrs: { schema: a, "form-model": t.currentFormModel, "form-disabled": t.effectiveProps.disabled, "auto-placeholder": t.effectiveProps.autoSetPlaceholder, "form-action-type": t.formActionRef, "custom-components": t.formCustomComponents, "on-field-change": t.handleFieldChange } }, [t.slots[t.getSlotName(a)] ? [e._t(t.getSlotName(a), null, { model: t.currentFormModel, schema: a, field: a.field, values: t.currentFormModel })] : e._e()], 2)], 1) : e._e()];
|
|
1027
|
+
}), t.effectiveProps.showActionButtonGroup ? l("el-col", e._b({ staticClass: "ecp-pro-form_col" }, "el-col", t.hasMoreFields ? { span: 24 } : t.effectiveProps.actionColOptions || { span: 6 }, !1), [l(t.FormActions, { attrs: { "show-action-button-group": t.effectiveProps.showActionButtonGroup, "show-submit-button": t.effectiveProps.showSubmitButton, "show-reset-button": t.effectiveProps.showResetButton, "submit-button-text": t.effectiveProps.submitButtonText, "reset-button-text": t.effectiveProps.resetButtonText, "submit-button-icon": t.effectiveProps.submitButtonIcon, "reset-button-icon": t.effectiveProps.resetButtonIcon, "submit-loading": t.submitLoading, "show-advanced-button": t.effectiveProps.showAdvancedButton, "has-more-fields": t.hasMoreFields, collapsed: t.collapsed, "action-col-options": t.effectiveActionColOptions }, on: { submit: t.handleSubmit, reset: t.handleReset, toggle: function(a) {
|
|
1028
1028
|
t.collapsed = !t.collapsed;
|
|
1029
|
-
} } }, [
|
|
1029
|
+
} } }, [l("template", { slot: "submitBefore" }, [e._t("submitBefore")], 2), l("template", { slot: "resetBefore" }, [e._t("resetBefore")], 2), l("template", { slot: "advanceBefore" }, [e._t("advanceBefore")], 2), l("template", { slot: "advanceAfter" }, [e._t("advanceAfter")], 2), l("template", { slot: "actions" }, [e._t("actions")], 2)], 2)], 1) : e._e()], 2), t.effectiveProps.showAdvancedButton && t.hasMoreFields ? l("el-button", { staticClass: "ecp-form-actions__advance", attrs: { type: "text" }, on: { click: function(a) {
|
|
1030
1030
|
t.collapsed = !t.collapsed;
|
|
1031
|
-
} } }, [
|
|
1032
|
-
},
|
|
1033
|
-
it,
|
|
1031
|
+
} } }, [l("i", { staticClass: "el-icon-d-arrow-left", class: t.collapsed ? "down" : "up" }), e._v(" " + e._s(t.collapsed ? "展开" : "收起") + " ")]) : e._e(), e._t("formFooter")], 2)], 1);
|
|
1032
|
+
}, dt = [], ft = /* @__PURE__ */ ne(
|
|
1034
1033
|
ct,
|
|
1035
1034
|
ut,
|
|
1035
|
+
dt,
|
|
1036
1036
|
!1,
|
|
1037
1037
|
null,
|
|
1038
1038
|
"6171d80d",
|
|
1039
1039
|
null,
|
|
1040
1040
|
null
|
|
1041
1041
|
);
|
|
1042
|
-
const Me =
|
|
1043
|
-
function
|
|
1044
|
-
const e = k(null),
|
|
1042
|
+
const Me = ft.exports;
|
|
1043
|
+
function Ct(S) {
|
|
1044
|
+
const e = k(null), l = k(S ? ue(S) : void 0), t = () => S ? ue(S) : void 0, a = (p) => {
|
|
1045
1045
|
e.value = p;
|
|
1046
1046
|
const d = t();
|
|
1047
1047
|
d && Object.keys(d).length > 0 && p.setProps(d);
|
|
1048
1048
|
};
|
|
1049
|
-
return
|
|
1049
|
+
return S && U(
|
|
1050
1050
|
() => t(),
|
|
1051
1051
|
(p) => {
|
|
1052
|
-
|
|
1052
|
+
l.value = p, p && e.value && e.value.setProps(p);
|
|
1053
1053
|
},
|
|
1054
1054
|
{ deep: !0 }
|
|
1055
1055
|
), [a, {
|
|
@@ -1080,8 +1080,8 @@ function bt(x) {
|
|
|
1080
1080
|
return ((p = e.value) == null ? void 0 : p.submit()) ?? Promise.resolve();
|
|
1081
1081
|
},
|
|
1082
1082
|
scrollToField: (p, d) => {
|
|
1083
|
-
var
|
|
1084
|
-
return ((
|
|
1083
|
+
var O;
|
|
1084
|
+
return ((O = e.value) == null ? void 0 : O.scrollToField(p, d)) ?? Promise.resolve();
|
|
1085
1085
|
},
|
|
1086
1086
|
clearValidate: (p) => {
|
|
1087
1087
|
var d;
|
|
@@ -1091,9 +1091,9 @@ function bt(x) {
|
|
|
1091
1091
|
var d;
|
|
1092
1092
|
return ((d = e.value) == null ? void 0 : d.updateSchema(p)) ?? Promise.resolve();
|
|
1093
1093
|
},
|
|
1094
|
-
appendSchemaByField: (p, d,
|
|
1095
|
-
var
|
|
1096
|
-
return ((
|
|
1094
|
+
appendSchemaByField: (p, d, O) => {
|
|
1095
|
+
var V;
|
|
1096
|
+
return ((V = e.value) == null ? void 0 : V.appendSchemaByField(p, d, O)) ?? Promise.resolve();
|
|
1097
1097
|
},
|
|
1098
1098
|
removeSchemaByField: (p) => {
|
|
1099
1099
|
var d;
|
|
@@ -1101,38 +1101,201 @@ function bt(x) {
|
|
|
1101
1101
|
},
|
|
1102
1102
|
setProps: async (p) => {
|
|
1103
1103
|
var d;
|
|
1104
|
-
|
|
1104
|
+
l.value = { ...l.value, ...p }, await ((d = e.value) == null ? void 0 : d.setProps(p));
|
|
1105
1105
|
}
|
|
1106
1106
|
}];
|
|
1107
1107
|
}
|
|
1108
|
-
const
|
|
1108
|
+
const pt = /* @__PURE__ */ ae({
|
|
1109
|
+
__name: "ProDescriptions",
|
|
1110
|
+
props: {
|
|
1111
|
+
title: null,
|
|
1112
|
+
helpMessage: null,
|
|
1113
|
+
size: { default: "medium" },
|
|
1114
|
+
bordered: { type: Boolean, default: !0 },
|
|
1115
|
+
column: { default: () => ({ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }) },
|
|
1116
|
+
schema: { default: () => [] },
|
|
1117
|
+
data: { default: () => ({}) },
|
|
1118
|
+
emptyText: { default: "-" },
|
|
1119
|
+
useCollapse: { type: Boolean, default: !1 },
|
|
1120
|
+
collapseOptions: { default: () => ({ canExpand: !1, defaultExpand: !0, expandButtonText: "展开", collapseButtonText: "收起", visibleRows: 1 }) }
|
|
1121
|
+
},
|
|
1122
|
+
emits: ["register"],
|
|
1123
|
+
setup(S, { expose: e, emit: l }) {
|
|
1124
|
+
const t = S, a = k({}), h = k({}), n = k([]), m = k(typeof window < "u" ? window.innerWidth : 1920), r = k(!0), y = ae({
|
|
1125
|
+
name: "EcpDescriptionValueRenderer",
|
|
1126
|
+
props: {
|
|
1127
|
+
schema: { type: Object, required: !0 },
|
|
1128
|
+
value: { required: !1 },
|
|
1129
|
+
record: { type: Object, required: !0 },
|
|
1130
|
+
emptyText: { type: String, default: "-" }
|
|
1131
|
+
},
|
|
1132
|
+
setup(v) {
|
|
1133
|
+
return () => {
|
|
1134
|
+
const z = v.schema, B = v.record, W = v.value;
|
|
1135
|
+
if (z.render) {
|
|
1136
|
+
const Y = z.render(W, B);
|
|
1137
|
+
return Y == null || Y === "" ? oe("span", v.emptyText) : typeof Y == "string" || typeof Y == "number" ? oe("span", String(Y)) : Y;
|
|
1138
|
+
}
|
|
1139
|
+
return Array.isArray(W) ? oe("span", W.length ? W.join(", ") : v.emptyText) : W == null || W === "" ? oe("span", v.emptyText) : typeof W == "object" ? oe("span", JSON.stringify(W)) : oe("span", String(W));
|
|
1140
|
+
};
|
|
1141
|
+
}
|
|
1142
|
+
}), { getSetting: E } = Se(), c = x(() => ({ ...E("ProDescriptions"), ...t, ...a.value })), D = { xxl: 1920, xl: 1200, lg: 992, md: 768, sm: 576 }, b = (v, z) => {
|
|
1143
|
+
if (typeof v == "number")
|
|
1144
|
+
return Math.max(1, v);
|
|
1145
|
+
const B = v ?? {};
|
|
1146
|
+
return z >= D.xxl ? B.xxl ?? B.xl ?? B.lg ?? B.md ?? B.sm ?? B.xs ?? 3 : z >= D.xl ? B.xl ?? B.lg ?? B.md ?? B.sm ?? B.xs ?? 3 : z >= D.lg ? B.lg ?? B.md ?? B.sm ?? B.xs ?? 3 : z >= D.md ? B.md ?? B.sm ?? B.xs ?? 3 : z >= D.sm ? B.sm ?? B.xs ?? 2 : B.xs ?? 1;
|
|
1147
|
+
}, T = x(() => b(c.value.column, m.value)), _ = x(() => c.value.data ?? h.value ?? {}), A = x(() => (n.value.length ? n.value : c.value.schema ?? []).filter((v) => v.dataIndex || v.field ? typeof v.show == "function" ? v.show(_.value) : v.show !== !1 : !1).map((v) => ({
|
|
1148
|
+
...v,
|
|
1149
|
+
dataIndex: v.dataIndex || v.field || ""
|
|
1150
|
+
}))), u = x(() => {
|
|
1151
|
+
const v = [];
|
|
1152
|
+
let z = { items: [] }, B = 0;
|
|
1153
|
+
const W = T.value;
|
|
1154
|
+
return A.value.forEach((Y, te) => {
|
|
1155
|
+
const se = A.value.length - te, de = Math.max(1, Math.min(Y.span ?? 1, W)), re = se === 1 ? W - B || W : de;
|
|
1156
|
+
B + re > W && (v.push(z), z = { items: [] }, B = 0);
|
|
1157
|
+
const le = se === 1 && B < W ? Math.max(1, W - B) : re;
|
|
1158
|
+
z.items.push({ ...Y, _span: le }), B += le, B >= W && (v.push(z), z = { items: [] }, B = 0);
|
|
1159
|
+
}), z.items.length > 0 && v.push(z), v;
|
|
1160
|
+
}), p = x(() => {
|
|
1161
|
+
var z;
|
|
1162
|
+
if (!d.value || r.value)
|
|
1163
|
+
return u.value;
|
|
1164
|
+
const v = Math.max(1, ((z = c.value.collapseOptions) == null ? void 0 : z.visibleRows) ?? 1);
|
|
1165
|
+
return u.value.slice(0, v);
|
|
1166
|
+
}), d = x(() => {
|
|
1167
|
+
var z, B;
|
|
1168
|
+
const v = Math.max(1, ((z = c.value.collapseOptions) == null ? void 0 : z.visibleRows) ?? 1);
|
|
1169
|
+
return !!c.value.useCollapse && !!((B = c.value.collapseOptions) != null && B.canExpand) && u.value.length > v;
|
|
1170
|
+
}), O = x(() => !!c.value.title || !!c.value.helpMessage || d.value), V = x(() => {
|
|
1171
|
+
var v, z;
|
|
1172
|
+
return {
|
|
1173
|
+
expand: ((v = c.value.collapseOptions) == null ? void 0 : v.expandButtonText) ?? "展开",
|
|
1174
|
+
collapse: ((z = c.value.collapseOptions) == null ? void 0 : z.collapseButtonText) ?? "收起"
|
|
1175
|
+
};
|
|
1176
|
+
}), $ = x(() => ({
|
|
1177
|
+
gridTemplateColumns: `repeat(${T.value}, minmax(0, 1fr))`
|
|
1178
|
+
})), q = (v) => ({
|
|
1179
|
+
gridColumn: `span ${v._span}`
|
|
1180
|
+
}), F = (v) => ({
|
|
1181
|
+
minWidth: v.labelMinWidth ? `${v.labelMinWidth}px` : void 0,
|
|
1182
|
+
...v.labelStyle ?? {}
|
|
1183
|
+
}), L = (v) => ({
|
|
1184
|
+
minWidth: v.contentMinWidth ? `${v.contentMinWidth}px` : void 0,
|
|
1185
|
+
...v.contentStyle ?? {}
|
|
1186
|
+
}), K = (v) => _.value[v.dataIndex], X = () => {
|
|
1187
|
+
n.value = [...c.value.schema ?? []];
|
|
1188
|
+
}, Q = () => {
|
|
1189
|
+
h.value = { ...c.value.data ?? {} };
|
|
1190
|
+
}, G = async (v) => {
|
|
1191
|
+
a.value = { ...a.value, ...v }, v.schema && (n.value = [...v.schema]), v.data && (h.value = { ...v.data });
|
|
1192
|
+
}, N = async (v) => {
|
|
1193
|
+
h.value = { ...h.value, ...v }, a.value = { ...a.value, data: h.value };
|
|
1194
|
+
}, J = () => ({ ...c.value.data ?? h.value ?? {} }), j = {
|
|
1195
|
+
setProps: G,
|
|
1196
|
+
setData: N,
|
|
1197
|
+
getData: J
|
|
1198
|
+
};
|
|
1199
|
+
e(j);
|
|
1200
|
+
const Z = () => {
|
|
1201
|
+
typeof window < "u" && (m.value = window.innerWidth);
|
|
1202
|
+
};
|
|
1203
|
+
return pe(() => {
|
|
1204
|
+
var v;
|
|
1205
|
+
X(), Q(), r.value = ((v = c.value.collapseOptions) == null ? void 0 : v.defaultExpand) !== !1, l("register", j), typeof window < "u" && window.addEventListener("resize", Z);
|
|
1206
|
+
}), xe(() => {
|
|
1207
|
+
typeof window < "u" && window.removeEventListener("resize", Z);
|
|
1208
|
+
}), U(() => c.value.schema, X, { deep: !0 }), U(() => c.value.data, Q, { deep: !0 }), U(() => {
|
|
1209
|
+
var v;
|
|
1210
|
+
return (v = c.value.collapseOptions) == null ? void 0 : v.defaultExpand;
|
|
1211
|
+
}, (v) => {
|
|
1212
|
+
v !== void 0 && (r.value = v);
|
|
1213
|
+
}), { __sfc: !0, props: t, emit: l, innerProps: a, innerData: h, innerSchema: n, windowWidth: m, expanded: r, DescriptionValueRenderer: y, getSetting: E, effectiveProps: c, breakpoints: D, resolveColumn: b, currentColumn: T, effectiveData: _, visibleSchema: A, normalizedRows: u, renderedRows: p, showCollapseButton: d, showHeader: O, collapseButtonText: V, bodyStyle: $, getItemStyle: q, getLabelStyle: F, getContentStyle: L, getItemValue: K, syncSchema: X, syncData: Q, setProps: G, setData: N, getData: J, descriptionAction: j, updateWindowWidth: Z };
|
|
1214
|
+
}
|
|
1215
|
+
});
|
|
1216
|
+
var vt = function() {
|
|
1217
|
+
var a;
|
|
1218
|
+
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
1219
|
+
return l("div", { staticClass: "ecp-pro-descriptions" }, [t.showHeader ? l("div", { staticClass: "ecp-pro-descriptions__header" }, [l("div", { staticClass: "ecp-pro-descriptions__title-wrap" }, [t.effectiveProps.title ? l("span", { staticClass: "ecp-pro-descriptions__title" }, [e._v(e._s(t.effectiveProps.title))]) : e._e(), t.effectiveProps.helpMessage ? l("el-tooltip", { attrs: { placement: "top", effect: "dark" } }, [l("template", { slot: "content" }, [Array.isArray(t.effectiveProps.helpMessage) ? l("span", e._l(t.effectiveProps.helpMessage, function(h, n) {
|
|
1220
|
+
return l("div", { key: n }, [e._v(e._s(h))]);
|
|
1221
|
+
}), 0) : l("span", [e._v(e._s(t.effectiveProps.helpMessage))])]), l("i", { staticClass: "el-icon-question ecp-pro-descriptions__help" })], 2) : e._e(), (a = t.effectiveProps.collapseOptions) != null && a.helpMessage ? l("el-tooltip", { attrs: { placement: "top", effect: "dark" } }, [l("template", { slot: "content" }, [Array.isArray(t.effectiveProps.collapseOptions.helpMessage) ? l("span", e._l(t.effectiveProps.collapseOptions.helpMessage, function(h, n) {
|
|
1222
|
+
return l("div", { key: `collapse-${n}` }, [e._v(e._s(h))]);
|
|
1223
|
+
}), 0) : l("span", [e._v(e._s(t.effectiveProps.collapseOptions.helpMessage))])]), l("i", { staticClass: "el-icon-info ecp-pro-descriptions__help" })], 2) : e._e()], 1), t.showCollapseButton ? l("el-button", { staticClass: "ecp-pro-descriptions__toggle", attrs: { type: "text" }, on: { click: function(h) {
|
|
1224
|
+
t.expanded = !t.expanded;
|
|
1225
|
+
} } }, [e._v(" " + e._s(t.expanded ? t.collapseButtonText.collapse : t.collapseButtonText.expand) + " "), l("i", { staticClass: "el-icon-arrow-down", class: t.expanded ? "is-expanded" : "" })]) : e._e()], 1) : e._e(), l("div", e._b({ staticClass: "ecp-pro-descriptions__body", class: [
|
|
1226
|
+
`is-${t.effectiveProps.size}`,
|
|
1227
|
+
{ "is-bordered": t.effectiveProps.bordered, "is-collapsed": t.showCollapseButton && !t.expanded }
|
|
1228
|
+
], style: t.bodyStyle }, "div", e.$attrs, !1), [e._l(t.renderedRows, function(h, n) {
|
|
1229
|
+
return [e._l(h.items, function(m) {
|
|
1230
|
+
return [l("div", { key: `${n}-${m.dataIndex || m.field}`, staticClass: "ecp-pro-descriptions__item", style: t.getItemStyle(m) }, [l("div", { staticClass: "ecp-pro-descriptions__label", style: t.getLabelStyle(m) }, [e._v(" " + e._s(m.label) + " ")]), l("div", { staticClass: "ecp-pro-descriptions__content", style: t.getContentStyle(m) }, [e.$scopedSlots[m.slot || m.dataIndex] ? e._t(m.slot || m.dataIndex, null, { value: t.getItemValue(m), record: t.effectiveData, schema: m }) : l(t.DescriptionValueRenderer, { attrs: { schema: m, value: t.getItemValue(m), record: t.effectiveData, "empty-text": t.effectiveProps.emptyText || "-" } })], 2)])];
|
|
1231
|
+
})];
|
|
1232
|
+
})], 2)]);
|
|
1233
|
+
}, mt = [], ht = /* @__PURE__ */ ne(
|
|
1234
|
+
pt,
|
|
1235
|
+
vt,
|
|
1236
|
+
mt,
|
|
1237
|
+
!1,
|
|
1238
|
+
null,
|
|
1239
|
+
"31a2b882",
|
|
1240
|
+
null,
|
|
1241
|
+
null
|
|
1242
|
+
);
|
|
1243
|
+
const $e = ht.exports;
|
|
1244
|
+
function Pt(S) {
|
|
1245
|
+
const e = k(null), l = () => S ? ue(S) : void 0, t = () => {
|
|
1246
|
+
const n = ue(e);
|
|
1247
|
+
if (!n)
|
|
1248
|
+
throw new Error("ProDescriptions instance has not been registered");
|
|
1249
|
+
return n;
|
|
1250
|
+
}, a = (n) => {
|
|
1251
|
+
e.value = n;
|
|
1252
|
+
const m = l();
|
|
1253
|
+
m && Object.keys(m).length > 0 && n.setProps(m);
|
|
1254
|
+
};
|
|
1255
|
+
return S && U(
|
|
1256
|
+
() => l(),
|
|
1257
|
+
(n) => {
|
|
1258
|
+
n && e.value && e.value.setProps(n);
|
|
1259
|
+
},
|
|
1260
|
+
{ deep: !0 }
|
|
1261
|
+
), [a, {
|
|
1262
|
+
setProps: (n) => t().setProps(n),
|
|
1263
|
+
setData: (n) => t().setData(n),
|
|
1264
|
+
getData: () => t().getData()
|
|
1265
|
+
}];
|
|
1266
|
+
}
|
|
1267
|
+
const _t = [
|
|
1109
1268
|
{ name: "ProTable", component: Ae },
|
|
1110
1269
|
{ name: "TableAction", component: ke },
|
|
1111
1270
|
{ name: "ProForm", component: Me },
|
|
1112
|
-
{ name: "ProFormItem", component:
|
|
1113
|
-
{ name: "FormActions", component:
|
|
1271
|
+
{ name: "ProFormItem", component: De },
|
|
1272
|
+
{ name: "FormActions", component: Te },
|
|
1273
|
+
{ name: "ProDescriptions", component: $e }
|
|
1114
1274
|
];
|
|
1115
|
-
function
|
|
1116
|
-
|
|
1117
|
-
|
|
1275
|
+
function bt(S) {
|
|
1276
|
+
_t.forEach(({ name: e, component: l }) => {
|
|
1277
|
+
S.component(e, l);
|
|
1118
1278
|
});
|
|
1119
1279
|
}
|
|
1120
|
-
const
|
|
1121
|
-
install:
|
|
1280
|
+
const xt = {
|
|
1281
|
+
install: bt,
|
|
1122
1282
|
ProTable: Ae,
|
|
1123
1283
|
ProForm: Me,
|
|
1284
|
+
ProDescriptions: $e,
|
|
1124
1285
|
TableAction: ke
|
|
1125
1286
|
};
|
|
1126
1287
|
export {
|
|
1127
|
-
|
|
1288
|
+
Te as FormActions,
|
|
1289
|
+
$e as ProDescriptions,
|
|
1128
1290
|
Me as ProForm,
|
|
1129
|
-
|
|
1291
|
+
De as ProFormItem,
|
|
1130
1292
|
Ae as ProTable,
|
|
1131
1293
|
ke as TableAction,
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1294
|
+
xt as default,
|
|
1295
|
+
bt as install,
|
|
1296
|
+
Se as useComponentSetting,
|
|
1297
|
+
Pt as useDescription,
|
|
1298
|
+
Ct as useForm,
|
|
1299
|
+
wt as useProTable
|
|
1137
1300
|
};
|
|
1138
1301
|
//# sourceMappingURL=element-component-pro.es.js.map
|