@aplus-frontend/ui 0.5.4 → 0.5.5
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/es/src/ap-table/ap-table.vue2.mjs +172 -159
- package/es/src/ap-table/context.d.ts +4 -4
- package/es/src/ap-table/hooks/use-sorted-filtered.d.ts +4 -1
- package/es/src/ap-table/hooks/use-sorted-filtered.mjs +11 -9
- package/es/src/ap-table/hooks/use-table-paging-ng.d.ts +3 -1
- package/es/src/ap-table/hooks/use-table-paging-ng.mjs +53 -49
- package/es/src/ap-table/hooks/use-table-paging.d.ts +1 -1
- package/es/src/business/ap-batch-action-group/ApBatchActionGroup.vue.d.ts +2 -2
- package/es/src/business/ap-batch-action-group/index.d.ts +4 -4
- package/lib/src/ap-table/ap-table.vue2.js +1 -1
- package/lib/src/ap-table/context.d.ts +4 -4
- package/lib/src/ap-table/hooks/use-sorted-filtered.d.ts +4 -1
- package/lib/src/ap-table/hooks/use-sorted-filtered.js +1 -1
- package/lib/src/ap-table/hooks/use-table-paging-ng.d.ts +3 -1
- package/lib/src/ap-table/hooks/use-table-paging-ng.js +1 -1
- package/lib/src/ap-table/hooks/use-table-paging.d.ts +1 -1
- package/lib/src/business/ap-batch-action-group/ApBatchActionGroup.vue.d.ts +2 -2
- package/lib/src/business/ap-batch-action-group/index.d.ts +4 -4
- package/package.json +1 -1
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Divider as
|
|
3
|
-
import { useToken as
|
|
4
|
-
import { ApForm as
|
|
5
|
-
import { noRenderAsFormItemValueList as
|
|
1
|
+
import { defineComponent as Ee, useSlots as Oe, ref as h, computed as s, unref as l, watch as k, createElementBlock as B, openBlock as p, normalizeStyle as K, normalizeClass as m, createCommentVNode as Z, createElementVNode as E, createVNode as y, mergeProps as w, createSlots as ee, withCtx as v, Fragment as oe, renderList as re, createBlock as ae, resolveDynamicComponent as Ve, renderSlot as R, normalizeProps as Le, guardReactiveProps as $e } from "vue";
|
|
2
|
+
import { Divider as Ae, Table as De } from "@aplus-frontend/antdv";
|
|
3
|
+
import { useToken as We } from "@aplus-frontend/antdv/es/theme/internal";
|
|
4
|
+
import { ApForm as je } from "../ap-form/index.mjs";
|
|
5
|
+
import { noRenderAsFormItemValueList as te } from "./constants.mjs";
|
|
6
6
|
import "../config-provider/index.mjs";
|
|
7
|
-
import { useTablePaging as
|
|
8
|
-
import { isUndefined as
|
|
9
|
-
import { getColumnOrder as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { getScrollbarSize as
|
|
7
|
+
import { useTablePaging as _e } from "./hooks/use-table-paging-ng.mjs";
|
|
8
|
+
import { isUndefined as g, omit as le, isBoolean as He } from "lodash-unified";
|
|
9
|
+
import { getColumnOrder as ne, updateFormProps as Ue, getFieldProps as qe, getSearchFormItemRenderNode as Me, recursionApColumns as se, falseToUndefined as Ge, getTableTitle as Je, getTableRenderType as Qe, getTableRenderProps as Xe, getTableCellRenderNode as Ye, apColumnToColumn as Ze } from "./utils.mjs";
|
|
10
|
+
import eo from "./hooks/use-table-content-height.mjs";
|
|
11
|
+
import oo from "./hooks/use-table-row-selection.mjs";
|
|
12
|
+
import { getScrollbarSize as ro, isDef as ao } from "../utils/index.mjs";
|
|
13
13
|
import "./components/setting/modal/index.vue.mjs";
|
|
14
14
|
import "./components/paragraph-ellipsis/index.vue.mjs";
|
|
15
|
-
import { useProvideApTable as
|
|
15
|
+
import { useProvideApTable as to } from "./context.mjs";
|
|
16
16
|
import "../scroll-bar/index.mjs";
|
|
17
|
-
import { useStickyScroll as
|
|
18
|
-
import { useNamespace as
|
|
19
|
-
import { useGlobalConfig as
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
const
|
|
17
|
+
import { useStickyScroll as lo } from "./hooks/use-sticky-scroll.mjs";
|
|
18
|
+
import { useNamespace as no } from "../config-provider/hooks/use-namespace.mjs";
|
|
19
|
+
import { useGlobalConfig as so } from "../config-provider/hooks/use-global-config.mjs";
|
|
20
|
+
import uo from "./components/setting/modal/index.vue2.mjs";
|
|
21
|
+
import io from "../scroll-bar/index.vue.mjs";
|
|
22
|
+
import co from "./components/paragraph-ellipsis/index.vue2.mjs";
|
|
23
|
+
const Eo = /* @__PURE__ */ Ee({
|
|
24
24
|
name: "ApTable",
|
|
25
25
|
__name: "ap-table",
|
|
26
26
|
props: {
|
|
@@ -144,187 +144,200 @@ const No = /* @__PURE__ */ Ne({
|
|
|
144
144
|
default: void 0
|
|
145
145
|
}
|
|
146
146
|
},
|
|
147
|
-
setup(
|
|
148
|
-
expose:
|
|
147
|
+
setup(de, {
|
|
148
|
+
expose: ue
|
|
149
149
|
}) {
|
|
150
|
-
const o =
|
|
150
|
+
const o = de;
|
|
151
151
|
let O = 0;
|
|
152
|
-
const C =
|
|
153
|
-
e:
|
|
152
|
+
const C = Oe(), [, ie] = We(), {
|
|
153
|
+
e: z,
|
|
154
154
|
b: c,
|
|
155
155
|
be: V,
|
|
156
|
-
m:
|
|
157
|
-
cssVar:
|
|
158
|
-
} =
|
|
156
|
+
m: ce,
|
|
157
|
+
cssVar: fe
|
|
158
|
+
} = no("ap-table"), L = so("valueTypeMap"), {
|
|
159
159
|
height: pe,
|
|
160
|
-
contentRef:
|
|
161
|
-
} =
|
|
160
|
+
contentRef: me
|
|
161
|
+
} = eo(), $ = h(), A = h(), {
|
|
162
162
|
isStickyMode: D,
|
|
163
163
|
scrollBarRef: i
|
|
164
|
-
} =
|
|
165
|
-
|
|
164
|
+
} = lo($), P = h(o.size), u = h([]), W = h([]), j = ro();
|
|
165
|
+
to({
|
|
166
166
|
columns: s(() => u.value),
|
|
167
167
|
columnsBackup: s(() => W.value),
|
|
168
|
-
size: s(() =>
|
|
168
|
+
size: s(() => P.value),
|
|
169
169
|
updateColumns(e) {
|
|
170
170
|
u.value = e;
|
|
171
171
|
},
|
|
172
172
|
updateSize(e) {
|
|
173
|
-
|
|
173
|
+
P.value = e;
|
|
174
174
|
},
|
|
175
|
-
dataSource: s(() =>
|
|
175
|
+
dataSource: s(() => l(b).records)
|
|
176
176
|
});
|
|
177
177
|
const _ = s(() => {
|
|
178
178
|
var e, a, r;
|
|
179
|
-
return O++, ((r = (a = (e = o.columns) == null ? void 0 : e.filter((
|
|
180
|
-
let n =
|
|
181
|
-
return
|
|
182
|
-
})) == null ? void 0 : r.map((
|
|
183
|
-
const d =
|
|
184
|
-
...
|
|
179
|
+
return O++, ((r = (a = (e = o.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !te.includes(t.valueType))) == null ? void 0 : a.sort((t, d) => {
|
|
180
|
+
let n = ne(t.order);
|
|
181
|
+
return ne(d.order) - n;
|
|
182
|
+
})) == null ? void 0 : r.map((t) => {
|
|
183
|
+
const d = Ue(t, qe(t.fieldProps, {})), n = {
|
|
184
|
+
...t,
|
|
185
185
|
fieldProps: {
|
|
186
|
-
label:
|
|
187
|
-
name:
|
|
186
|
+
label: t.title,
|
|
187
|
+
name: t.dataIndex,
|
|
188
188
|
...d || {},
|
|
189
189
|
_signal: O
|
|
190
190
|
},
|
|
191
191
|
renderNode: void 0
|
|
192
192
|
};
|
|
193
|
-
return n.renderNode =
|
|
193
|
+
return n.renderNode = Me(n, l(L)), n;
|
|
194
194
|
})) || [];
|
|
195
|
-
}),
|
|
195
|
+
}), ye = s(() => se(l(u), (e) => {
|
|
196
196
|
if (e.sorter === !0)
|
|
197
|
-
return e.key || e.dataIndex;
|
|
198
|
-
}).filter(Boolean)),
|
|
197
|
+
return e.key || (e == null ? void 0 : e.dataIndex);
|
|
198
|
+
}).filter(Boolean)), ge = s(() => se(l(u), (e) => {
|
|
199
199
|
if (e.filters && !e.onFilter)
|
|
200
|
-
return e.key || e.dataIndex;
|
|
201
|
-
}).filter(Boolean)), be = s(() =>
|
|
200
|
+
return e.key || (e == null ? void 0 : e.dataIndex);
|
|
201
|
+
}).filter(Boolean)), be = s(() => g(o.dataSource) ? b.records : o.dataSource), {
|
|
202
202
|
rowSelection: T,
|
|
203
203
|
selectedRows: F,
|
|
204
204
|
...x
|
|
205
|
-
} =
|
|
205
|
+
} = oo({
|
|
206
206
|
fixed: !0,
|
|
207
207
|
...o.rowSelection === !0 ? {} : o.rowSelection,
|
|
208
208
|
rowKey: o.rowKey,
|
|
209
209
|
dataSource: be
|
|
210
210
|
}), {
|
|
211
|
-
formRef:
|
|
211
|
+
formRef: I,
|
|
212
212
|
submit: H,
|
|
213
213
|
reset: U,
|
|
214
214
|
tableProps: q,
|
|
215
|
-
refresh:
|
|
216
|
-
data:
|
|
217
|
-
setDataSource:
|
|
218
|
-
getColumnSFConfig:
|
|
219
|
-
|
|
215
|
+
refresh: Se,
|
|
216
|
+
data: b,
|
|
217
|
+
setDataSource: he,
|
|
218
|
+
getColumnSFConfig: M,
|
|
219
|
+
sortedInfo: we,
|
|
220
|
+
filteredInfo: ve
|
|
221
|
+
} = _e({
|
|
220
222
|
async request(e) {
|
|
221
|
-
var r,
|
|
222
|
-
if (!T.value.preserveSelectedRowKeys &&
|
|
223
|
+
var r, t;
|
|
224
|
+
if (!T.value.preserveSelectedRowKeys && g(o.dataSource) && x.clearAll(), !g(o.dataSource))
|
|
223
225
|
return {
|
|
224
226
|
data: o.dataSource || [],
|
|
225
227
|
total: o.dataSource.length || 0
|
|
226
228
|
};
|
|
227
229
|
const a = await ((r = o.request) == null ? void 0 : r.call(o, e));
|
|
228
|
-
return (
|
|
230
|
+
return (t = o.onLoad) == null || t.call(o, (a == null ? void 0 : a.data) || []), {
|
|
229
231
|
data: (a == null ? void 0 : a.data) || [],
|
|
230
232
|
total: (a == null ? void 0 : a.total) || 0
|
|
231
233
|
};
|
|
232
234
|
},
|
|
233
|
-
filterFields:
|
|
234
|
-
sortFields:
|
|
235
|
+
filterFields: ge,
|
|
236
|
+
sortFields: ye,
|
|
235
237
|
defaultParams: o.params,
|
|
236
238
|
defaultData: o.defaultData,
|
|
237
239
|
manual: o.manual,
|
|
238
240
|
formatParams: o.beforeSearchSubmit,
|
|
239
241
|
pagination: o.pagination
|
|
240
|
-
}),
|
|
242
|
+
}), Re = () => {
|
|
241
243
|
var r;
|
|
242
|
-
let e = ((r = o.columns) == null ? void 0 : r.filter((
|
|
243
|
-
function a(
|
|
244
|
-
return
|
|
245
|
-
resizable:
|
|
246
|
-
...
|
|
244
|
+
let e = ((r = o.columns) == null ? void 0 : r.filter((t) => !t.hideInTable)) || [];
|
|
245
|
+
function a(t, d) {
|
|
246
|
+
return t.map((n) => ({
|
|
247
|
+
resizable: ao(n.resizable) ? n.resizable : o.columnResizable,
|
|
248
|
+
...le(Ze(n), ["ellipsis"]),
|
|
247
249
|
// tips: 此函数内部依赖查询&筛选的相应式值
|
|
248
|
-
...
|
|
250
|
+
...M(n),
|
|
249
251
|
fixed: d ? d.fixed : n.fixed,
|
|
250
|
-
title:
|
|
252
|
+
title: Je(n, V("table-header", "title"), C.headerCell, l(ie).colorPrimary),
|
|
251
253
|
customRender({
|
|
252
|
-
value:
|
|
254
|
+
value: f,
|
|
253
255
|
...S
|
|
254
256
|
}) {
|
|
255
|
-
var
|
|
256
|
-
const
|
|
257
|
+
var X, Y;
|
|
258
|
+
const J = Qe(n), Ie = Xe({
|
|
257
259
|
...n,
|
|
258
|
-
valueType:
|
|
260
|
+
valueType: J
|
|
259
261
|
}, {
|
|
260
|
-
value:
|
|
262
|
+
value: f,
|
|
261
263
|
...S
|
|
262
|
-
}),
|
|
263
|
-
value:
|
|
264
|
+
}), Ne = Ye(J, Ie, S.record, l(L)), Q = ((X = n.renderText) == null ? void 0 : X.call(n, {
|
|
265
|
+
value: f,
|
|
264
266
|
...S
|
|
265
|
-
})) ||
|
|
266
|
-
value:
|
|
267
|
+
})) || f, Ke = n.renderText ? y(oe, null, [(Y = n.renderText) == null ? void 0 : Y.call(n, {
|
|
268
|
+
value: f,
|
|
267
269
|
...S
|
|
268
|
-
})]) :
|
|
269
|
-
let N =
|
|
270
|
+
})]) : Ne;
|
|
271
|
+
let N = ke(n, Q, Ke);
|
|
270
272
|
return n.customRender && (N = n.customRender({
|
|
271
|
-
value:
|
|
273
|
+
value: f,
|
|
272
274
|
...S,
|
|
273
275
|
column: n,
|
|
274
276
|
originalNode: N,
|
|
275
|
-
originalText:
|
|
277
|
+
originalText: Q
|
|
276
278
|
})), N;
|
|
277
279
|
},
|
|
278
280
|
children: a(n.children || [], d || n)
|
|
279
281
|
}));
|
|
280
282
|
}
|
|
281
283
|
return a(e);
|
|
284
|
+
}, Ce = () => {
|
|
285
|
+
function e(a) {
|
|
286
|
+
var r;
|
|
287
|
+
for (const t of a)
|
|
288
|
+
(r = t.children) != null && r.length ? e(t.children) : M(t, !0);
|
|
289
|
+
}
|
|
290
|
+
e(u.value);
|
|
282
291
|
};
|
|
283
|
-
|
|
284
|
-
const e =
|
|
292
|
+
k(() => [o.columns, o.columnResizable], () => {
|
|
293
|
+
const e = Re();
|
|
285
294
|
u.value = e, W.value = e;
|
|
286
295
|
}, {
|
|
287
296
|
deep: !0,
|
|
288
297
|
immediate: !0
|
|
298
|
+
}), k(() => [we.value, ve.value], () => {
|
|
299
|
+
Ce();
|
|
300
|
+
}, {
|
|
301
|
+
deep: !0
|
|
289
302
|
});
|
|
290
|
-
const
|
|
303
|
+
const Te = s(() => {
|
|
291
304
|
var a, r;
|
|
292
|
-
if (o.adaptive && (
|
|
305
|
+
if (o.adaptive && (b.total > 0 || ((a = o.dataSource) == null ? void 0 : a.length)))
|
|
293
306
|
return {
|
|
294
|
-
y:
|
|
307
|
+
y: l(pe),
|
|
295
308
|
x: ((r = o.scroll) == null ? void 0 : r.x) || "100%"
|
|
296
309
|
};
|
|
297
310
|
if (o.scroll)
|
|
298
311
|
return o.scroll;
|
|
299
|
-
}),
|
|
312
|
+
}), Fe = s(() => {
|
|
300
313
|
var e;
|
|
301
314
|
if (o.tableLayout)
|
|
302
315
|
return o.tableLayout;
|
|
303
316
|
if ((e = o.columns) != null && e.some((a) => a.ellipsis))
|
|
304
317
|
return "fixed";
|
|
305
|
-
}),
|
|
318
|
+
}), G = s(() => {
|
|
306
319
|
var r;
|
|
307
|
-
const e =
|
|
320
|
+
const e = l(q), a = l(T);
|
|
308
321
|
return {
|
|
309
322
|
...o,
|
|
310
323
|
...e,
|
|
311
324
|
rowSelection: o.rowSelection === !0 || ((r = o.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
|
|
312
325
|
...a,
|
|
313
326
|
// tips 如果是前端分页,则默认会走缓存
|
|
314
|
-
preserveSelectedRowKeys:
|
|
315
|
-
} :
|
|
316
|
-
loading:
|
|
327
|
+
preserveSelectedRowKeys: g(o.dataSource) ? a.preserveSelectedRowKeys : !0
|
|
328
|
+
} : Ge(o.rowSelection),
|
|
329
|
+
loading: g(o.loading) ? e.loading : o.loading,
|
|
317
330
|
pagination: o.pagination === !1 ? !1 : e.pagination,
|
|
318
|
-
scroll:
|
|
331
|
+
scroll: l(Te)
|
|
319
332
|
};
|
|
320
|
-
}),
|
|
333
|
+
}), xe = s(() => {
|
|
321
334
|
var e;
|
|
322
|
-
return [c(), o.card ? null : c("wrapper"), o.adaptive ? c("adaptive") : null, D.value && ((e = i.value) != null && e.visible) ?
|
|
335
|
+
return [c(), o.card ? null : c("wrapper"), o.adaptive ? c("adaptive") : null, D.value && ((e = i.value) != null && e.visible) ? ce(`sticky-${j === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
|
|
323
336
|
});
|
|
324
|
-
function
|
|
325
|
-
return
|
|
337
|
+
function ke(e, a, r) {
|
|
338
|
+
return te.includes(e.valueType) ? r : e.copyable || e.ellipsis ? y(co, {
|
|
326
339
|
copyable: e.copyable,
|
|
327
|
-
ellipsis: e.ellipsis ?
|
|
340
|
+
ellipsis: e.ellipsis ? He(e.ellipsis) ? {
|
|
328
341
|
tooltip: r,
|
|
329
342
|
rows: 1
|
|
330
343
|
} : {
|
|
@@ -334,36 +347,36 @@ const No = /* @__PURE__ */ Ne({
|
|
|
334
347
|
content: r
|
|
335
348
|
}, null) : r;
|
|
336
349
|
}
|
|
337
|
-
|
|
350
|
+
k(() => l(b).loading, (e) => {
|
|
338
351
|
var a;
|
|
339
352
|
(a = o.onLoadingChange) == null || a.call(o, e);
|
|
340
|
-
}),
|
|
341
|
-
|
|
353
|
+
}), k(() => o.dataSource, (e) => {
|
|
354
|
+
he(e);
|
|
342
355
|
}, {
|
|
343
356
|
immediate: !0
|
|
344
357
|
});
|
|
345
|
-
function
|
|
346
|
-
var a, r,
|
|
347
|
-
(
|
|
358
|
+
function Be(e) {
|
|
359
|
+
var a, r, t;
|
|
360
|
+
(t = (r = (a = I.value) == null ? void 0 : a.apForm) == null ? void 0 : r.setFieldsValue) == null || t.call(r, e);
|
|
348
361
|
}
|
|
349
|
-
function
|
|
350
|
-
var r,
|
|
362
|
+
function ze(e = !1) {
|
|
363
|
+
var r, t, d;
|
|
351
364
|
const a = e ? "getFieldsValueTransformed" : "getFieldsValue";
|
|
352
|
-
return (d = (
|
|
365
|
+
return (d = (t = (r = I.value) == null ? void 0 : r.apForm) == null ? void 0 : t[a]) == null ? void 0 : d.call(t, !0);
|
|
353
366
|
}
|
|
354
|
-
function
|
|
355
|
-
return
|
|
367
|
+
function Pe() {
|
|
368
|
+
return l(u);
|
|
356
369
|
}
|
|
357
|
-
return
|
|
370
|
+
return ue({
|
|
358
371
|
submit: () => H(),
|
|
359
372
|
reset: () => U(),
|
|
360
|
-
refresh: () =>
|
|
361
|
-
setSearchFormValues:
|
|
362
|
-
getSearchFormValues:
|
|
363
|
-
getShownColumns:
|
|
364
|
-
dataSource: s(() =>
|
|
373
|
+
refresh: () => Se(),
|
|
374
|
+
setSearchFormValues: Be,
|
|
375
|
+
getSearchFormValues: ze,
|
|
376
|
+
getShownColumns: Pe,
|
|
377
|
+
dataSource: s(() => l(b).records),
|
|
365
378
|
rowSelection: {
|
|
366
|
-
selectedRows: s(() =>
|
|
379
|
+
selectedRows: s(() => l(F)),
|
|
367
380
|
...x
|
|
368
381
|
},
|
|
369
382
|
scrollBar: {
|
|
@@ -379,26 +392,26 @@ const No = /* @__PURE__ */ Ne({
|
|
|
379
392
|
},
|
|
380
393
|
y: void 0
|
|
381
394
|
}
|
|
382
|
-
}), (e, a) => (
|
|
395
|
+
}), (e, a) => (p(), B("div", {
|
|
383
396
|
ref_key: "tableWrapperRef",
|
|
384
397
|
ref: $,
|
|
385
|
-
class: m(
|
|
386
|
-
style: K(
|
|
387
|
-
"scroll-bar-width": `${
|
|
398
|
+
class: m(xe.value),
|
|
399
|
+
style: K(l(fe)({
|
|
400
|
+
"scroll-bar-width": `${l(j)}px`
|
|
388
401
|
}))
|
|
389
|
-
}, [
|
|
402
|
+
}, [l(g)(e.dataSource) && e.searchForm !== !1 && _.value.length > 0 ? (p(), B("div", {
|
|
390
403
|
key: 0,
|
|
391
|
-
class: m(e.card ?
|
|
404
|
+
class: m(e.card ? l(z)("search-wrapper") : null),
|
|
392
405
|
style: K(e.searchFormWrapperStyle)
|
|
393
|
-
}, [y(
|
|
406
|
+
}, [y(l(je).SearchForm, w(e.searchForm || {}, {
|
|
394
407
|
ref_key: "formRef",
|
|
395
|
-
ref:
|
|
408
|
+
ref: I,
|
|
396
409
|
"custom-reset": "",
|
|
397
|
-
"submit-loading":
|
|
398
|
-
onSubmit:
|
|
399
|
-
onReset:
|
|
400
|
-
}),
|
|
401
|
-
default: v(() => [(
|
|
410
|
+
"submit-loading": l(q).loading,
|
|
411
|
+
onSubmit: l(H),
|
|
412
|
+
onReset: l(U)
|
|
413
|
+
}), ee({
|
|
414
|
+
default: v(() => [(p(!0), B(oe, null, re(_.value, (r) => (p(), ae(Ve(r.renderNode.Comp), w({
|
|
402
415
|
key: r.dataIndex,
|
|
403
416
|
item: r,
|
|
404
417
|
ref_for: !0
|
|
@@ -411,66 +424,66 @@ const No = /* @__PURE__ */ Ne({
|
|
|
411
424
|
name: "extra",
|
|
412
425
|
fn: v(() => [R(e.$slots, "searchFormExtra")]),
|
|
413
426
|
key: "0"
|
|
414
|
-
} : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) :
|
|
427
|
+
} : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : Z("", !0), E("div", {
|
|
415
428
|
ref_key: "contentRef",
|
|
416
|
-
ref:
|
|
417
|
-
class: m([
|
|
429
|
+
ref: me,
|
|
430
|
+
class: m([l(z)("table-wrapper"), e.card ? l(z)("table-wrapper-card") : null]),
|
|
418
431
|
style: K(e.tableWrapperStyle)
|
|
419
432
|
}, [E("div", {
|
|
420
|
-
class: m(
|
|
421
|
-
}, [e.settings ? (
|
|
433
|
+
class: m(l(c)("header-wrapper"))
|
|
434
|
+
}, [e.settings ? (p(), B("div", {
|
|
422
435
|
key: 0,
|
|
423
|
-
class: m(
|
|
436
|
+
class: m(l(c)("header"))
|
|
424
437
|
}, [E("div", {
|
|
425
|
-
class: m(
|
|
438
|
+
class: m(l(V)("header", "title"))
|
|
426
439
|
}, [R(e.$slots, "title", w({
|
|
427
|
-
selectedRows:
|
|
428
|
-
selectedRowKeys:
|
|
440
|
+
selectedRows: l(F),
|
|
441
|
+
selectedRowKeys: l(T).selectedRowKeys,
|
|
429
442
|
shownColumns: u.value
|
|
430
|
-
}, x))], 2), C.title ? (
|
|
443
|
+
}, x))], 2), C.title ? (p(), ae(l(Ae), {
|
|
431
444
|
key: 0,
|
|
432
445
|
type: "vertical"
|
|
433
|
-
})) :
|
|
446
|
+
})) : Z("", !0), y(uo, {
|
|
434
447
|
config: e.settings === !0 ? {} : e.settings
|
|
435
448
|
}, null, 8, ["config"])], 2)) : R(e.$slots, "title", w({
|
|
436
449
|
key: 1,
|
|
437
|
-
selectedRows:
|
|
438
|
-
selectedRowKeys:
|
|
450
|
+
selectedRows: l(F),
|
|
451
|
+
selectedRowKeys: l(T).selectedRowKeys,
|
|
439
452
|
shownColumns: u.value
|
|
440
|
-
}, x))], 2), y(
|
|
453
|
+
}, x))], 2), y(l(De), w({
|
|
441
454
|
ref_key: "antdTableRef",
|
|
442
455
|
ref: A,
|
|
443
|
-
class:
|
|
444
|
-
},
|
|
445
|
-
size:
|
|
446
|
-
"table-layout":
|
|
456
|
+
class: l(c)("table")
|
|
457
|
+
}, G.value, {
|
|
458
|
+
size: P.value,
|
|
459
|
+
"table-layout": Fe.value,
|
|
447
460
|
columns: u.value,
|
|
448
|
-
onResizeColumn: a[0] || (a[0] = (r,
|
|
449
|
-
}),
|
|
461
|
+
onResizeColumn: a[0] || (a[0] = (r, t) => t.width = r)
|
|
462
|
+
}), ee({
|
|
450
463
|
summary: v(() => [R(e.$slots, "summary", {
|
|
451
464
|
columns: u.value,
|
|
452
|
-
records:
|
|
453
|
-
selectedRows:
|
|
465
|
+
records: G.value.dataSource,
|
|
466
|
+
selectedRows: l(F)
|
|
454
467
|
})]),
|
|
455
468
|
_: 2
|
|
456
|
-
}, [
|
|
469
|
+
}, [l(D) ? {
|
|
457
470
|
name: "bottomPaginationTop",
|
|
458
471
|
fn: v(() => {
|
|
459
|
-
var r,
|
|
460
|
-
return [y(
|
|
472
|
+
var r, t;
|
|
473
|
+
return [y(l(io), {
|
|
461
474
|
ref_key: "scrollBarRef",
|
|
462
475
|
ref: i,
|
|
463
|
-
"scroll-container": (
|
|
476
|
+
"scroll-container": (t = (r = A.value) == null ? void 0 : r.table) == null ? void 0 : t.scrollBodyRef,
|
|
464
477
|
direction: "horizontal"
|
|
465
478
|
}, null, 8, ["scroll-container"])];
|
|
466
479
|
}),
|
|
467
480
|
key: "0"
|
|
468
|
-
} : void 0,
|
|
469
|
-
name:
|
|
470
|
-
fn: v((d) => [R(e.$slots,
|
|
481
|
+
} : void 0, re(l(le)(C, ["title", "searchFormExtra", "headerCell", "summary"]), (r, t) => ({
|
|
482
|
+
name: t,
|
|
483
|
+
fn: v((d) => [R(e.$slots, t, Le($e(d || {})))])
|
|
471
484
|
}))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 6));
|
|
472
485
|
}
|
|
473
486
|
});
|
|
474
487
|
export {
|
|
475
|
-
|
|
488
|
+
Eo as default
|
|
476
489
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ColumnsType } from '@aplus-frontend/antdv/es/table';
|
|
2
2
|
import { ComputedRef, InjectionKey } from 'vue';
|
|
3
3
|
import { ApTableContextRenderConfig, ApTableProps } from './interface';
|
|
4
4
|
type TableSize = ApTableProps['size'];
|
|
@@ -6,11 +6,11 @@ type ApTableContextProps<RecordType> = {
|
|
|
6
6
|
/**
|
|
7
7
|
* 表格列配置
|
|
8
8
|
*/
|
|
9
|
-
columns?: ComputedRef<
|
|
9
|
+
columns?: ComputedRef<ColumnsType<RecordType>>;
|
|
10
10
|
/**
|
|
11
11
|
* 表格列配置备份(只有在props变更后才会变更)
|
|
12
12
|
*/
|
|
13
|
-
columnsBackup?: ComputedRef<
|
|
13
|
+
columnsBackup?: ComputedRef<ColumnsType<RecordType>>;
|
|
14
14
|
/**
|
|
15
15
|
* 更新数据源的方法
|
|
16
16
|
* @param name
|
|
@@ -18,7 +18,7 @@ type ApTableContextProps<RecordType> = {
|
|
|
18
18
|
* @param triggerChange 是否触发外部的`onValuesChange`函数
|
|
19
19
|
* @returns
|
|
20
20
|
*/
|
|
21
|
-
updateColumns?: (nextColumns:
|
|
21
|
+
updateColumns?: (nextColumns: ColumnsType<RecordType>) => void;
|
|
22
22
|
/**
|
|
23
23
|
* ApForm内部实例
|
|
24
24
|
*/
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { ApColumnType } from '../interface';
|
|
2
2
|
import { Recordable } from '../../type';
|
|
3
|
+
import { Ref } from 'vue';
|
|
3
4
|
export declare const useTableSortedAndFiltered: () => {
|
|
4
|
-
getColumnSFConfig: (column: ApColumnType) => Recordable;
|
|
5
|
+
getColumnSFConfig: (column: ApColumnType, append?: boolean) => Recordable;
|
|
5
6
|
setSF: (filters: any, sorter: any) => void;
|
|
6
7
|
clearSorter: () => void;
|
|
7
8
|
clearFilters: () => void;
|
|
8
9
|
clearAll: () => void;
|
|
10
|
+
sortedInfo: Ref<any, any>;
|
|
11
|
+
filteredInfo: Ref<any, any>;
|
|
9
12
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { ref as i, unref as s } from "vue";
|
|
2
|
-
const
|
|
2
|
+
const S = () => {
|
|
3
3
|
const r = i(), t = i();
|
|
4
|
-
function c(e) {
|
|
5
|
-
const
|
|
6
|
-
return e.filters && (l.filteredValue =
|
|
4
|
+
function c(e, n = !1) {
|
|
5
|
+
const v = s(t) || {}, u = s(r) || {}, l = n ? e : {};
|
|
6
|
+
return e.filters && (l.filteredValue = v[e.key] || null), e.sorter && (l.sortOrder = u.columnKey === e.key ? u.order : null), l;
|
|
7
7
|
}
|
|
8
|
-
function
|
|
8
|
+
function a(e, n) {
|
|
9
9
|
t.value = e, r.value = n;
|
|
10
10
|
}
|
|
11
11
|
function o() {
|
|
@@ -14,17 +14,19 @@ const F = () => {
|
|
|
14
14
|
function f() {
|
|
15
15
|
t.value = null;
|
|
16
16
|
}
|
|
17
|
-
function
|
|
17
|
+
function d() {
|
|
18
18
|
o(), f();
|
|
19
19
|
}
|
|
20
20
|
return {
|
|
21
21
|
getColumnSFConfig: c,
|
|
22
|
-
setSF:
|
|
22
|
+
setSF: a,
|
|
23
23
|
clearSorter: o,
|
|
24
24
|
clearFilters: f,
|
|
25
|
-
clearAll:
|
|
25
|
+
clearAll: d,
|
|
26
|
+
sortedInfo: r,
|
|
27
|
+
filteredInfo: t
|
|
26
28
|
};
|
|
27
29
|
};
|
|
28
30
|
export {
|
|
29
|
-
|
|
31
|
+
S as useTableSortedAndFiltered
|
|
30
32
|
};
|
|
@@ -88,6 +88,8 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
|
|
|
88
88
|
}>;
|
|
89
89
|
dataSource: ComputedRef<DataType[]>;
|
|
90
90
|
setDataSource: (dataSource?: DataType[]) => void;
|
|
91
|
-
getColumnSFConfig: (column: ApColumnType) => Recordable;
|
|
91
|
+
getColumnSFConfig: (column: ApColumnType, append?: boolean) => Recordable;
|
|
92
|
+
sortedInfo: Ref<any, any>;
|
|
93
|
+
filteredInfo: Ref<any, any>;
|
|
92
94
|
};
|
|
93
95
|
export {};
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { useTableSortedAndFiltered as
|
|
1
|
+
import { ref as oe, reactive as q, unref as h, nextTick as ne, onMounted as ae, watch as se, computed as A, createVNode as C } from "vue";
|
|
2
|
+
import { useTableSortedAndFiltered as ce } from "./use-sorted-filtered.mjs";
|
|
3
3
|
import "../../config-provider/index.mjs";
|
|
4
|
-
import { parseFieldValue as
|
|
5
|
-
import { isArray as N, isEqualWith as
|
|
6
|
-
import { useLocale as
|
|
7
|
-
import { useNamespace as
|
|
4
|
+
import { parseFieldValue as ie, dataIndexToStr as le, isEqualCustom as ue } from "../utils.mjs";
|
|
5
|
+
import { isArray as N, isEqualWith as fe } from "lodash-unified";
|
|
6
|
+
import { useLocale as ge } from "../../config-provider/hooks/use-locale.mjs";
|
|
7
|
+
import { useNamespace as pe } from "../../config-provider/hooks/use-namespace.mjs";
|
|
8
8
|
const S = 1, L = 10;
|
|
9
|
-
function
|
|
9
|
+
function de(g) {
|
|
10
10
|
const l = {};
|
|
11
11
|
return g && (g === !0 ? (l.current = S, l.pageSize = L) : (l.current = g.defaultCurrent || S, l.pageSize = g.defaultPageSize || L)), l;
|
|
12
12
|
}
|
|
13
|
-
const
|
|
13
|
+
const we = ({
|
|
14
14
|
manual: g = !1,
|
|
15
15
|
request: l,
|
|
16
16
|
defaultParams: v = {},
|
|
17
17
|
defaultData: y = [],
|
|
18
18
|
formatParams: D,
|
|
19
19
|
paramsValueTypeMap: R,
|
|
20
|
-
resetFieldsIgnores:
|
|
20
|
+
resetFieldsIgnores: I,
|
|
21
21
|
filterFields: U,
|
|
22
22
|
sortFields: B,
|
|
23
23
|
namespace: K = "ap-table",
|
|
@@ -29,22 +29,24 @@ const Pe = ({
|
|
|
29
29
|
}
|
|
30
30
|
}) => {
|
|
31
31
|
let b = 0, s = {};
|
|
32
|
-
const M = p ?? {}, $ = (e) => D ? D(e) : e, z =
|
|
32
|
+
const M = p ?? {}, $ = (e) => D ? D(e) : e, z = oe(), c = q(de(p)), {
|
|
33
33
|
getColumnSFConfig: G,
|
|
34
34
|
setSF: J,
|
|
35
|
-
clearAll: Q
|
|
36
|
-
|
|
35
|
+
clearAll: Q,
|
|
36
|
+
sortedInfo: W,
|
|
37
|
+
filteredInfo: Z
|
|
38
|
+
} = ce(), {
|
|
37
39
|
t: T
|
|
38
|
-
} =
|
|
40
|
+
} = ge(), {
|
|
39
41
|
b: P
|
|
40
|
-
} =
|
|
42
|
+
} = pe(K), o = q({
|
|
41
43
|
total: y.length,
|
|
42
44
|
records: y,
|
|
43
45
|
loading: !1
|
|
44
46
|
}), F = () => {
|
|
45
47
|
var e, t;
|
|
46
48
|
return ((t = (e = z.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValueTransformed(!0)) || {};
|
|
47
|
-
},
|
|
49
|
+
}, V = async (e) => {
|
|
48
50
|
var n;
|
|
49
51
|
const t = $(e), r = Date.now();
|
|
50
52
|
b = r, o.loading = !0;
|
|
@@ -59,27 +61,27 @@ const Pe = ({
|
|
|
59
61
|
} finally {
|
|
60
62
|
o.loading = !1;
|
|
61
63
|
}
|
|
62
|
-
},
|
|
64
|
+
}, O = (e) => {
|
|
63
65
|
const t = {};
|
|
64
66
|
return Object.entries(e).forEach(([r, n]) => {
|
|
65
67
|
if (t[r] = n, R && n) {
|
|
66
68
|
const a = R[r];
|
|
67
|
-
a && (t[r] =
|
|
69
|
+
a && (t[r] = ie(a, n));
|
|
68
70
|
}
|
|
69
71
|
}), t;
|
|
70
|
-
},
|
|
72
|
+
}, H = async (e) => {
|
|
71
73
|
var n, a, u, f, d;
|
|
72
74
|
const t = F(), r = {};
|
|
73
75
|
Object.entries(t).forEach(([m, x]) => {
|
|
74
|
-
|
|
75
|
-
}), await ((a = (n = z.value) == null ? void 0 : n.apForm) == null ? void 0 : a.resetFields()), (d = (f = (u = z.value) == null ? void 0 : u.apForm) == null ? void 0 : f.setFieldsValue) == null || d.call(f, r),
|
|
76
|
+
I && I.indexOf(m) > -1 && (r[m] = x);
|
|
77
|
+
}), await ((a = (n = z.value) == null ? void 0 : n.apForm) == null ? void 0 : a.resetFields()), (d = (f = (u = z.value) == null ? void 0 : u.apForm) == null ? void 0 : f.setFieldsValue) == null || d.call(f, r), ne(() => {
|
|
76
78
|
e == null || e();
|
|
77
79
|
});
|
|
78
80
|
}, w = (e) => {
|
|
79
81
|
s = e;
|
|
80
|
-
const t =
|
|
81
|
-
|
|
82
|
-
},
|
|
82
|
+
const t = O(e);
|
|
83
|
+
V(t);
|
|
84
|
+
}, X = (e) => {
|
|
83
85
|
w({
|
|
84
86
|
...s,
|
|
85
87
|
...e
|
|
@@ -93,29 +95,29 @@ const Pe = ({
|
|
|
93
95
|
current: p ? S : void 0,
|
|
94
96
|
pageSize: p ? s.pageSize || c.pageSize : void 0
|
|
95
97
|
});
|
|
96
|
-
},
|
|
97
|
-
Q(), s.sort = {}, s.filter = {},
|
|
98
|
-
},
|
|
98
|
+
}, Y = () => {
|
|
99
|
+
Q(), s.sort = {}, s.filter = {}, H(E);
|
|
100
|
+
}, _ = () => {
|
|
99
101
|
w(s);
|
|
100
|
-
},
|
|
102
|
+
}, k = (e) => {
|
|
101
103
|
if (!p)
|
|
102
|
-
|
|
104
|
+
_();
|
|
103
105
|
else {
|
|
104
106
|
const {
|
|
105
107
|
current: t,
|
|
106
108
|
pageSize: r
|
|
107
109
|
} = c, n = o.total - e, a = Math.ceil(n / r), u = t > a ? a : t;
|
|
108
|
-
|
|
110
|
+
X({
|
|
109
111
|
current: u > 0 ? u : 1
|
|
110
112
|
});
|
|
111
113
|
}
|
|
112
|
-
},
|
|
114
|
+
}, j = (e, t, r) => {
|
|
113
115
|
var m, x;
|
|
114
116
|
const n = F();
|
|
115
117
|
c.current = e.current, c.pageSize = e.pageSize, J(t, r);
|
|
116
118
|
const a = N(r) ? [...r] : [r], u = {};
|
|
117
119
|
for (const i of a)
|
|
118
|
-
(m = h(B)) != null && m.includes(i.columnKey || i.field) && i.order && (u[
|
|
120
|
+
(m = h(B)) != null && m.includes(i.columnKey || i.field) && i.order && (u[le(i.columnKey || i.field)] = i.order);
|
|
119
121
|
const f = {};
|
|
120
122
|
for (const i of Object.keys(t))
|
|
121
123
|
(x = h(U)) != null && x.includes(i) && t[i] && (f[i] = t[i]);
|
|
@@ -126,9 +128,9 @@ const Pe = ({
|
|
|
126
128
|
current: e.current,
|
|
127
129
|
pageSize: e.pageSize
|
|
128
130
|
};
|
|
129
|
-
|
|
131
|
+
fe(s, d, ue) || w(d);
|
|
130
132
|
};
|
|
131
|
-
|
|
133
|
+
ae(() => {
|
|
132
134
|
const e = F(), {
|
|
133
135
|
current: t,
|
|
134
136
|
pageSize: r
|
|
@@ -140,15 +142,15 @@ const Pe = ({
|
|
|
140
142
|
sort: {},
|
|
141
143
|
...e
|
|
142
144
|
}, !g) {
|
|
143
|
-
const n =
|
|
144
|
-
|
|
145
|
+
const n = O(s);
|
|
146
|
+
V(n);
|
|
145
147
|
}
|
|
146
|
-
}),
|
|
148
|
+
}), se(() => h(v), () => {
|
|
147
149
|
E();
|
|
148
150
|
}, {
|
|
149
151
|
deep: !0
|
|
150
152
|
});
|
|
151
|
-
const
|
|
153
|
+
const ee = A(() => {
|
|
152
154
|
if (o.total === 0)
|
|
153
155
|
return "-";
|
|
154
156
|
const {
|
|
@@ -157,10 +159,10 @@ const Pe = ({
|
|
|
157
159
|
} = c;
|
|
158
160
|
return `${e}/${Math.ceil(o.total / t)}`;
|
|
159
161
|
});
|
|
160
|
-
function
|
|
162
|
+
function te(e) {
|
|
161
163
|
N(e) && (o.records = e, o.total = e.length);
|
|
162
164
|
}
|
|
163
|
-
const
|
|
165
|
+
const re = A(() => {
|
|
164
166
|
const {
|
|
165
167
|
showLessItems: e,
|
|
166
168
|
showTotal: t
|
|
@@ -183,30 +185,32 @@ const Pe = ({
|
|
|
183
185
|
class: P("pagination--total-right")
|
|
184
186
|
}, [T("ap.apTable.pagination.totalRightPrefix"), " ", C("span", {
|
|
185
187
|
class: P("pagination-count-text")
|
|
186
|
-
}, [h(
|
|
188
|
+
}, [h(ee)]), " ", T("ap.apTable.pagination.totalRightSuffix")])]) : void 0
|
|
187
189
|
},
|
|
188
|
-
onChange:
|
|
190
|
+
onChange: j,
|
|
189
191
|
dataSource: o.records
|
|
190
192
|
};
|
|
191
193
|
});
|
|
192
194
|
return {
|
|
193
195
|
formRef: z,
|
|
194
196
|
submit: E,
|
|
195
|
-
reset:
|
|
196
|
-
refresh:
|
|
197
|
-
refreshByDelete:
|
|
197
|
+
reset: Y,
|
|
198
|
+
refresh: _,
|
|
199
|
+
refreshByDelete: k,
|
|
198
200
|
data: o,
|
|
199
201
|
current: c.current,
|
|
200
202
|
pageSize: c.pageSize,
|
|
201
|
-
handleTableChange:
|
|
202
|
-
tableProps:
|
|
203
|
+
handleTableChange: j,
|
|
204
|
+
tableProps: re,
|
|
203
205
|
dataSource: A(() => o.records),
|
|
204
|
-
setDataSource:
|
|
205
|
-
getColumnSFConfig: G
|
|
206
|
+
setDataSource: te,
|
|
207
|
+
getColumnSFConfig: G,
|
|
208
|
+
sortedInfo: W,
|
|
209
|
+
filteredInfo: Z
|
|
206
210
|
};
|
|
207
211
|
};
|
|
208
212
|
export {
|
|
209
213
|
S as DEFAULT_CURRENT,
|
|
210
214
|
L as DEFAULT_PAGE_SIZE,
|
|
211
|
-
|
|
215
|
+
we as useTablePaging
|
|
212
216
|
};
|
|
@@ -108,5 +108,5 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
|
|
|
108
108
|
}>;
|
|
109
109
|
dataSource: ComputedRef<DataType[]>;
|
|
110
110
|
setDataSource: (dataSource?: DataType[]) => void;
|
|
111
|
-
getColumnSFConfig: (column: ApColumnType) => Recordable;
|
|
111
|
+
getColumnSFConfig: (column: ApColumnType, append?: boolean) => Recordable;
|
|
112
112
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ApBatchActionGroupProps } from './interface';
|
|
2
2
|
import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
-
import {
|
|
3
|
+
import { TableColumnsType } from '@aplus-frontend/antdv';
|
|
4
4
|
type __VLS_Props = ApBatchActionGroupProps;
|
|
5
5
|
declare const _default: DefineComponent<__VLS_Props, {
|
|
6
|
-
columns: ComputedRef<
|
|
6
|
+
columns: ComputedRef<TableColumnsType<any>> | undefined;
|
|
7
7
|
dataSource: ComputedRef<any[]> | undefined;
|
|
8
8
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
9
9
|
export default _default;
|
|
@@ -4,7 +4,7 @@ import { ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
|
|
|
4
4
|
import { VueTypeValidableDef } from '../../../node_modules/vue-types';
|
|
5
5
|
import { MouseEventHandler, FocusEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
|
|
6
6
|
import { DropdownArrowOptions, Trigger, Align } from '@aplus-frontend/antdv/es/dropdown/props';
|
|
7
|
-
import { ItemType, MenuTheme, MenuMode,
|
|
7
|
+
import { ItemType, MenuTheme, MenuMode, TableColumnsType, ButtonProps } from '@aplus-frontend/antdv';
|
|
8
8
|
import { Key } from '@aplus-frontend/antdv/es/_util/type';
|
|
9
9
|
import { CSSMotionProps } from '@aplus-frontend/antdv/es/_util/transition';
|
|
10
10
|
import { BuiltinPlacements, TriggerSubMenuAction, SelectEventHandler, MenuClickEventHandler } from '@aplus-frontend/antdv/es/menu/src/interface';
|
|
@@ -303,7 +303,7 @@ declare const ApBatchActionGroup: {
|
|
|
303
303
|
}) | undefined;
|
|
304
304
|
menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
|
|
305
305
|
}> & Readonly<{}>, {
|
|
306
|
-
columns: ComputedRef<
|
|
306
|
+
columns: ComputedRef<TableColumnsType<any>> | undefined;
|
|
307
307
|
dataSource: ComputedRef<any[]> | undefined;
|
|
308
308
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
309
309
|
P: {};
|
|
@@ -604,7 +604,7 @@ declare const ApBatchActionGroup: {
|
|
|
604
604
|
}) | undefined;
|
|
605
605
|
menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
|
|
606
606
|
}> & Readonly<{}>, {
|
|
607
|
-
columns: ComputedRef<
|
|
607
|
+
columns: ComputedRef<TableColumnsType<any>> | undefined;
|
|
608
608
|
dataSource: ComputedRef<any[]> | undefined;
|
|
609
609
|
}, {}, {}, {}, {}>;
|
|
610
610
|
__isFragment?: never;
|
|
@@ -902,7 +902,7 @@ declare const ApBatchActionGroup: {
|
|
|
902
902
|
}) | undefined;
|
|
903
903
|
menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
|
|
904
904
|
}> & Readonly<{}>, {
|
|
905
|
-
columns: ComputedRef<
|
|
905
|
+
columns: ComputedRef<TableColumnsType<any>> | undefined;
|
|
906
906
|
dataSource: ComputedRef<any[]> | undefined;
|
|
907
907
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
|
|
908
908
|
$props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("@aplus-frontend/antdv"),me=require("@aplus-frontend/antdv/es/theme/internal"),ye=require("../ap-form/index.js"),$=require("./constants.js");require("../config-provider/index.js");const ge=require("./hooks/use-table-paging-ng.js"),c=require("lodash-unified"),s=require("./utils.js"),Se=require("./hooks/use-table-content-height.js"),be=require("./hooks/use-table-row-selection.js"),D=require("../utils/index.js");require("./components/setting/modal/index.vue.js");require("./components/paragraph-ellipsis/index.vue.js");const he=require("./context.js");require("../scroll-bar/index.js");const we=require("./hooks/use-sticky-scroll.js"),ve=require("../config-provider/hooks/use-namespace.js"),Ce=require("../config-provider/hooks/use-global-config.js"),Re=require("./components/setting/modal/index.vue2.js"),xe=require("../scroll-bar/index.vue.js"),ke=require("./components/paragraph-ellipsis/index.vue2.js"),Te=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(j,{expose:W}){const t=j;let x=0;const g=e.useSlots(),[,H]=me.useToken(),{e:w,b:f,be:k,m:M,cssVar:G}=ve.useNamespace("ap-table"),T=Ce.useGlobalConfig("valueTypeMap"),{height:J,contentRef:Q}=Se.default(),B=e.ref(),F=e.ref(),{isStickyMode:z,scrollBarRef:i}=we.useStickyScroll(B),v=e.ref(t.size),d=e.ref([]),N=e.ref([]),q=D.getScrollbarSize();he.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>N.value),size:e.computed(()=>v.value),updateColumns(r){d.value=r},updateSize(r){v.value=r},dataSource:e.computed(()=>e.unref(m).records)});const P=e.computed(()=>{var r,n,o;return x++,((o=(n=(r=t.columns)==null?void 0:r.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!$.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:n.sort((a,u)=>{let l=s.getColumnOrder(a.order);return s.getColumnOrder(u.order)-l}))==null?void 0:o.map(a=>{const u=s.updateFormProps(a,s.getFieldProps(a.fieldProps,{})),l={...a,fieldProps:{label:a.title,name:a.dataIndex,...u||{},_signal:x},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(T)),l}))||[]}),X=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.sorter===!0)return r.key||r.dataIndex}).filter(Boolean)),Y=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.filters&&!r.onFilter)return r.key||r.dataIndex}).filter(Boolean)),Z=e.computed(()=>c.isUndefined(t.dataSource)?m.records:t.dataSource),{rowSelection:S,selectedRows:b,...h}=be.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:Z}),{formRef:C,submit:_,reset:V,tableProps:E,refresh:ee,data:m,setDataSource:re,getColumnSFConfig:te}=ge.useTablePaging({async request(r){var o,a;if(!S.value.preserveSelectedRowKeys&&c.isUndefined(t.dataSource)&&h.clearAll(),!c.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const n=await((o=t.request)==null?void 0:o.call(t,r));return(a=t.onLoad)==null||a.call(t,(n==null?void 0:n.data)||[]),{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.total)||0}},filterFields:Y,sortFields:X,defaultParams:t.params,defaultData:t.defaultData,manual:t.manual,formatParams:t.beforeSearchSubmit,pagination:t.pagination}),oe=()=>{var o;let r=((o=t.columns)==null?void 0:o.filter(a=>!a.hideInTable))||[];function n(a,u){return a.map(l=>({resizable:D.isDef(l.resizable)?l.resizable:t.columnResizable,...c.omit(s.apColumnToColumn(l),["ellipsis"]),...te(l),fixed:u?u.fixed:l.fixed,title:s.getTableTitle(l,k("table-header","title"),g.headerCell,e.unref(H).colorPrimary),customRender({value:p,...y}){var L,A;const O=s.getTableRenderType(l),ie=s.getTableRenderProps({...l,valueType:O},{value:p,...y}),fe=s.getTableCellRenderNode(O,ie,y.record,e.unref(T)),K=((L=l.renderText)==null?void 0:L.call(l,{value:p,...y}))||p,pe=l.renderText?e.createVNode(e.Fragment,null,[(A=l.renderText)==null?void 0:A.call(l,{value:p,...y})]):fe;let R=se(l,K,pe);return l.customRender&&(R=l.customRender({value:p,...y,column:l,originalNode:R,originalText:K})),R},children:n(l.children||[],u||l)}))}return n(r)};e.watch(()=>[t.columnResizable,t.columns],()=>{const r=oe();d.value=r,N.value=r},{deep:!0,immediate:!0});const ne=e.computed(()=>{var n,o;if(t.adaptive&&(m.total>0||((n=t.dataSource)==null?void 0:n.length)))return{y:e.unref(J),x:((o=t.scroll)==null?void 0:o.x)||"100%"};if(t.scroll)return t.scroll}),ae=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(n=>n.ellipsis))return"fixed"}),I=e.computed(()=>{var o;const r=e.unref(E),n=e.unref(S);return{...t,...r,rowSelection:t.rowSelection===!0||((o=t.rowSelection)==null?void 0:o.mode)==="internal"?{...n,preserveSelectedRowKeys:c.isUndefined(t.dataSource)?n.preserveSelectedRowKeys:!0}:s.falseToUndefined(t.rowSelection),loading:c.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(ne)}}),le=e.computed(()=>{var r;return[f(),t.card?null:f("wrapper"),t.adaptive?f("adaptive"):null,z.value&&((r=i.value)!=null&&r.visible)?M(`sticky-${q===0?"absolute":"relative"}`):null].filter(Boolean)});function se(r,n,o){return $.noRenderAsFormItemValueList.includes(r.valueType)?o:r.copyable||r.ellipsis?e.createVNode(ke.default,{copyable:r.copyable,ellipsis:r.ellipsis?c.isBoolean(r.ellipsis)?{tooltip:o,rows:1}:{...r.ellipsis,tooltip:o}:!1,content:o},null):o}e.watch(()=>e.unref(m).loading,r=>{var n;(n=t.onLoadingChange)==null||n.call(t,r)}),e.watch(()=>t.dataSource,r=>{re(r)},{immediate:!0});function ue(r){var n,o,a;(a=(o=(n=C.value)==null?void 0:n.apForm)==null?void 0:o.setFieldsValue)==null||a.call(o,r)}function de(r=!1){var o,a,u;const n=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(a=(o=C.value)==null?void 0:o.apForm)==null?void 0:a[n])==null?void 0:u.call(a,!0)}function ce(){return e.unref(d)}return W({submit:()=>_(),reset:()=>V(),refresh:()=>ee(),setSearchFormValues:ue,getSearchFormValues:de,getShownColumns:ce,dataSource:e.computed(()=>e.unref(m).records),rowSelection:{selectedRows:e.computed(()=>e.unref(b)),...h},scrollBar:{x:{getCurrentScroll:()=>{var r;return((r=i==null?void 0:i.value)==null?void 0:r.currentScroll)??0},scroll:r=>{var n,o;return(o=(n=i==null?void 0:i.value)==null?void 0:n.scroll)==null?void 0:o.call(n,r)}},y:void 0}}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableWrapperRef",ref:B,class:e.normalizeClass(le.value),style:e.normalizeStyle(e.unref(G)({"scroll-bar-width":`${e.unref(q)}px`}))},[e.unref(c.isUndefined)(r.dataSource)&&r.searchForm!==!1&&P.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(w)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(ye.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":e.unref(E).loading,onSubmit:e.unref(_),onReset:e.unref(V)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,o=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.renderNode.Comp),e.mergeProps({key:o.dataIndex,item:o,ref_for:!0},o.fieldProps||{},{span:o.span,"custom-render":o.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:Q,class:e.normalizeClass([e.unref(w)("table-wrapper"),r.card?e.unref(w)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(f)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(k)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),g.title?(e.openBlock(),e.createBlock(e.unref(U.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(Re.default,{config:r.settings===!0?{}:r.settings},null,8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),e.createVNode(e.unref(U.Table),e.mergeProps({ref_key:"antdTableRef",ref:F,class:e.unref(f)("table")},I.value,{size:v.value,"table-layout":ae.value,columns:d.value,onResizeColumn:n[0]||(n[0]=(o,a)=>a.width=o)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:I.value.dataSource,selectedRows:e.unref(b)})]),_:2},[e.unref(z)?{name:"bottomPaginationTop",fn:e.withCtx(()=>{var o,a;return[e.createVNode(e.unref(xe.default),{ref_key:"scrollBarRef",ref:i,"scroll-container":(a=(o=F.value)==null?void 0:o.table)==null?void 0:a.scrollBodyRef,direction:"horizontal"},null,8,["scroll-container"])]}),key:"0"}:void 0,e.renderList(e.unref(c.omit)(g,["title","searchFormExtra","headerCell","summary"]),(o,a)=>({name:a,fn:e.withCtx(u=>[e.renderSlot(r.$slots,a,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],6))}});exports.default=Te;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@aplus-frontend/antdv"),Se=require("@aplus-frontend/antdv/es/theme/internal"),be=require("../ap-form/index.js"),D=require("./constants.js");require("../config-provider/index.js");const he=require("./hooks/use-table-paging-ng.js"),i=require("lodash-unified"),s=require("./utils.js"),we=require("./hooks/use-table-content-height.js"),ve=require("./hooks/use-table-row-selection.js"),j=require("../utils/index.js");require("./components/setting/modal/index.vue.js");require("./components/paragraph-ellipsis/index.vue.js");const Ce=require("./context.js");require("../scroll-bar/index.js");const Re=require("./hooks/use-sticky-scroll.js"),xe=require("../config-provider/hooks/use-namespace.js"),ke=require("../config-provider/hooks/use-global-config.js"),Te=require("./components/setting/modal/index.vue2.js"),Be=require("../scroll-bar/index.vue.js"),Fe=require("./components/paragraph-ellipsis/index.vue2.js"),ze=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(W,{expose:H}){const t=W;let x=0;const g=e.useSlots(),[,M]=Se.useToken(),{e:w,b:f,be:k,m:G,cssVar:J}=xe.useNamespace("ap-table"),T=ke.useGlobalConfig("valueTypeMap"),{height:Q,contentRef:X}=we.default(),B=e.ref(),F=e.ref(),{isStickyMode:z,scrollBarRef:c}=Re.useStickyScroll(B),v=e.ref(t.size),d=e.ref([]),N=e.ref([]),q=j.getScrollbarSize();Ce.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>N.value),size:e.computed(()=>v.value),updateColumns(r){d.value=r},updateSize(r){v.value=r},dataSource:e.computed(()=>e.unref(m).records)});const P=e.computed(()=>{var r,n,o;return x++,((o=(n=(r=t.columns)==null?void 0:r.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!D.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:n.sort((a,u)=>{let l=s.getColumnOrder(a.order);return s.getColumnOrder(u.order)-l}))==null?void 0:o.map(a=>{const u=s.updateFormProps(a,s.getFieldProps(a.fieldProps,{})),l={...a,fieldProps:{label:a.title,name:a.dataIndex,...u||{},_signal:x},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(T)),l}))||[]}),Y=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.sorter===!0)return r.key||(r==null?void 0:r.dataIndex)}).filter(Boolean)),Z=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.filters&&!r.onFilter)return r.key||(r==null?void 0:r.dataIndex)}).filter(Boolean)),ee=e.computed(()=>i.isUndefined(t.dataSource)?m.records:t.dataSource),{rowSelection:S,selectedRows:b,...h}=ve.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:ee}),{formRef:C,submit:_,reset:V,tableProps:I,refresh:re,data:m,setDataSource:te,getColumnSFConfig:E,sortedInfo:oe,filteredInfo:ne}=he.useTablePaging({async request(r){var o,a;if(!S.value.preserveSelectedRowKeys&&i.isUndefined(t.dataSource)&&h.clearAll(),!i.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const n=await((o=t.request)==null?void 0:o.call(t,r));return(a=t.onLoad)==null||a.call(t,(n==null?void 0:n.data)||[]),{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.total)||0}},filterFields:Z,sortFields:Y,defaultParams:t.params,defaultData:t.defaultData,manual:t.manual,formatParams:t.beforeSearchSubmit,pagination:t.pagination}),ae=()=>{var o;let r=((o=t.columns)==null?void 0:o.filter(a=>!a.hideInTable))||[];function n(a,u){return a.map(l=>({resizable:j.isDef(l.resizable)?l.resizable:t.columnResizable,...i.omit(s.apColumnToColumn(l),["ellipsis"]),...E(l),fixed:u?u.fixed:l.fixed,title:s.getTableTitle(l,k("table-header","title"),g.headerCell,e.unref(M).colorPrimary),customRender({value:p,...y}){var A,U;const K=s.getTableRenderType(l),me=s.getTableRenderProps({...l,valueType:K},{value:p,...y}),ye=s.getTableCellRenderNode(K,me,y.record,e.unref(T)),L=((A=l.renderText)==null?void 0:A.call(l,{value:p,...y}))||p,ge=l.renderText?e.createVNode(e.Fragment,null,[(U=l.renderText)==null?void 0:U.call(l,{value:p,...y})]):ye;let R=ie(l,L,ge);return l.customRender&&(R=l.customRender({value:p,...y,column:l,originalNode:R,originalText:L})),R},children:n(l.children||[],u||l)}))}return n(r)},le=()=>{function r(n){var o;for(const a of n)(o=a.children)!=null&&o.length?r(a.children):E(a,!0)}r(d.value)};e.watch(()=>[t.columns,t.columnResizable],()=>{const r=ae();d.value=r,N.value=r},{deep:!0,immediate:!0}),e.watch(()=>[oe.value,ne.value],()=>{le()},{deep:!0});const se=e.computed(()=>{var n,o;if(t.adaptive&&(m.total>0||((n=t.dataSource)==null?void 0:n.length)))return{y:e.unref(Q),x:((o=t.scroll)==null?void 0:o.x)||"100%"};if(t.scroll)return t.scroll}),ue=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(n=>n.ellipsis))return"fixed"}),O=e.computed(()=>{var o;const r=e.unref(I),n=e.unref(S);return{...t,...r,rowSelection:t.rowSelection===!0||((o=t.rowSelection)==null?void 0:o.mode)==="internal"?{...n,preserveSelectedRowKeys:i.isUndefined(t.dataSource)?n.preserveSelectedRowKeys:!0}:s.falseToUndefined(t.rowSelection),loading:i.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(se)}}),de=e.computed(()=>{var r;return[f(),t.card?null:f("wrapper"),t.adaptive?f("adaptive"):null,z.value&&((r=c.value)!=null&&r.visible)?G(`sticky-${q===0?"absolute":"relative"}`):null].filter(Boolean)});function ie(r,n,o){return D.noRenderAsFormItemValueList.includes(r.valueType)?o:r.copyable||r.ellipsis?e.createVNode(Fe.default,{copyable:r.copyable,ellipsis:r.ellipsis?i.isBoolean(r.ellipsis)?{tooltip:o,rows:1}:{...r.ellipsis,tooltip:o}:!1,content:o},null):o}e.watch(()=>e.unref(m).loading,r=>{var n;(n=t.onLoadingChange)==null||n.call(t,r)}),e.watch(()=>t.dataSource,r=>{te(r)},{immediate:!0});function ce(r){var n,o,a;(a=(o=(n=C.value)==null?void 0:n.apForm)==null?void 0:o.setFieldsValue)==null||a.call(o,r)}function fe(r=!1){var o,a,u;const n=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(a=(o=C.value)==null?void 0:o.apForm)==null?void 0:a[n])==null?void 0:u.call(a,!0)}function pe(){return e.unref(d)}return H({submit:()=>_(),reset:()=>V(),refresh:()=>re(),setSearchFormValues:ce,getSearchFormValues:fe,getShownColumns:pe,dataSource:e.computed(()=>e.unref(m).records),rowSelection:{selectedRows:e.computed(()=>e.unref(b)),...h},scrollBar:{x:{getCurrentScroll:()=>{var r;return((r=c==null?void 0:c.value)==null?void 0:r.currentScroll)??0},scroll:r=>{var n,o;return(o=(n=c==null?void 0:c.value)==null?void 0:n.scroll)==null?void 0:o.call(n,r)}},y:void 0}}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableWrapperRef",ref:B,class:e.normalizeClass(de.value),style:e.normalizeStyle(e.unref(J)({"scroll-bar-width":`${e.unref(q)}px`}))},[e.unref(i.isUndefined)(r.dataSource)&&r.searchForm!==!1&&P.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(w)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(be.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":e.unref(I).loading,onSubmit:e.unref(_),onReset:e.unref(V)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,o=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.renderNode.Comp),e.mergeProps({key:o.dataIndex,item:o,ref_for:!0},o.fieldProps||{},{span:o.span,"custom-render":o.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:X,class:e.normalizeClass([e.unref(w)("table-wrapper"),r.card?e.unref(w)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(f)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(k)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),g.title?(e.openBlock(),e.createBlock(e.unref($.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(Te.default,{config:r.settings===!0?{}:r.settings},null,8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),e.createVNode(e.unref($.Table),e.mergeProps({ref_key:"antdTableRef",ref:F,class:e.unref(f)("table")},O.value,{size:v.value,"table-layout":ue.value,columns:d.value,onResizeColumn:n[0]||(n[0]=(o,a)=>a.width=o)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:O.value.dataSource,selectedRows:e.unref(b)})]),_:2},[e.unref(z)?{name:"bottomPaginationTop",fn:e.withCtx(()=>{var o,a;return[e.createVNode(e.unref(Be.default),{ref_key:"scrollBarRef",ref:c,"scroll-container":(a=(o=F.value)==null?void 0:o.table)==null?void 0:a.scrollBodyRef,direction:"horizontal"},null,8,["scroll-container"])]}),key:"0"}:void 0,e.renderList(e.unref(i.omit)(g,["title","searchFormExtra","headerCell","summary"]),(o,a)=>({name:a,fn:e.withCtx(u=>[e.renderSlot(r.$slots,a,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],6))}});exports.default=ze;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ColumnsType } from '@aplus-frontend/antdv/es/table';
|
|
2
2
|
import { ComputedRef, InjectionKey } from 'vue';
|
|
3
3
|
import { ApTableContextRenderConfig, ApTableProps } from './interface';
|
|
4
4
|
type TableSize = ApTableProps['size'];
|
|
@@ -6,11 +6,11 @@ type ApTableContextProps<RecordType> = {
|
|
|
6
6
|
/**
|
|
7
7
|
* 表格列配置
|
|
8
8
|
*/
|
|
9
|
-
columns?: ComputedRef<
|
|
9
|
+
columns?: ComputedRef<ColumnsType<RecordType>>;
|
|
10
10
|
/**
|
|
11
11
|
* 表格列配置备份(只有在props变更后才会变更)
|
|
12
12
|
*/
|
|
13
|
-
columnsBackup?: ComputedRef<
|
|
13
|
+
columnsBackup?: ComputedRef<ColumnsType<RecordType>>;
|
|
14
14
|
/**
|
|
15
15
|
* 更新数据源的方法
|
|
16
16
|
* @param name
|
|
@@ -18,7 +18,7 @@ type ApTableContextProps<RecordType> = {
|
|
|
18
18
|
* @param triggerChange 是否触发外部的`onValuesChange`函数
|
|
19
19
|
* @returns
|
|
20
20
|
*/
|
|
21
|
-
updateColumns?: (nextColumns:
|
|
21
|
+
updateColumns?: (nextColumns: ColumnsType<RecordType>) => void;
|
|
22
22
|
/**
|
|
23
23
|
* ApForm内部实例
|
|
24
24
|
*/
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { ApColumnType } from '../interface';
|
|
2
2
|
import { Recordable } from '../../type';
|
|
3
|
+
import { Ref } from 'vue';
|
|
3
4
|
export declare const useTableSortedAndFiltered: () => {
|
|
4
|
-
getColumnSFConfig: (column: ApColumnType) => Recordable;
|
|
5
|
+
getColumnSFConfig: (column: ApColumnType, append?: boolean) => Recordable;
|
|
5
6
|
setSF: (filters: any, sorter: any) => void;
|
|
6
7
|
clearSorter: () => void;
|
|
7
8
|
clearFilters: () => void;
|
|
8
9
|
clearAll: () => void;
|
|
10
|
+
sortedInfo: Ref<any, any>;
|
|
11
|
+
filteredInfo: Ref<any, any>;
|
|
9
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),S=()=>{const r=n.ref(),t=n.ref();function s(e,l=!1){const a=n.unref(t)||{},i=n.unref(r)||{},o=l?e:{};return e.filters&&(o.filteredValue=a[e.key]||null),e.sorter&&(o.sortOrder=i.columnKey===e.key?i.order:null),o}function d(e,l){t.value=e,r.value=l}function u(){r.value=null}function f(){t.value=null}function c(){u(),f()}return{getColumnSFConfig:s,setSF:d,clearSorter:u,clearFilters:f,clearAll:c,sortedInfo:r,filteredInfo:t}};exports.useTableSortedAndFiltered=S;
|
|
@@ -88,6 +88,8 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
|
|
|
88
88
|
}>;
|
|
89
89
|
dataSource: ComputedRef<DataType[]>;
|
|
90
90
|
setDataSource: (dataSource?: DataType[]) => void;
|
|
91
|
-
getColumnSFConfig: (column: ApColumnType) => Recordable;
|
|
91
|
+
getColumnSFConfig: (column: ApColumnType, append?: boolean) => Recordable;
|
|
92
|
+
sortedInfo: Ref<any, any>;
|
|
93
|
+
filteredInfo: Ref<any, any>;
|
|
92
94
|
};
|
|
93
95
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),te=require("./use-sorted-filtered.js");require("../../config-provider/index.js");const q=require("../utils.js"),x=require("lodash-unified"),re=require("../../config-provider/hooks/use-locale.js"),ne=require("../../config-provider/hooks/use-namespace.js"),S=1,w=10;function ae(g){const l={};return g&&(g===!0?(l.current=S,l.pageSize=w):(l.current=g.defaultCurrent||S,l.pageSize=g.defaultPageSize||w)),l}const oe=({manual:g=!1,request:l,defaultParams:L={},defaultData:v=[],formatParams:y,paramsValueTypeMap:D,resetFieldsIgnores:N,filterFields:I,sortFields:O,namespace:j="ap-table",pagination:p={defaultCurrent:S,defaultPageSize:w,showLessItems:!1,showTotal:!0}})=>{let C=0,c={};const M=p??{},B=e=>y?y(e):e,T=n.ref(),i=n.reactive(ae(p)),{getColumnSFConfig:G,setSF:K,clearAll:Z,sortedInfo:$,filteredInfo:J}=te.useTableSortedAndFiltered(),{t:z}=re.useLocale(),{b:P}=ne.useNamespace(j),a=n.reactive({total:v.length,records:v,loading:!1}),F=()=>{var e,t;return((t=(e=T.value)==null?void 0:e.apForm)==null?void 0:t.getFieldsValueTransformed(!0))||{}},R=async e=>{var o;const t=B(e),r=Date.now();C=r,a.loading=!0;try{const s=await l({...n.unref(L),...t});C===r&&(a.total=s.total||((o=s.data)==null?void 0:o.length)||0,a.records=[...s.data||[]])}catch{C===r&&(a.records=[],a.total=0)}finally{a.loading=!1}},V=e=>{const t={};return Object.entries(e).forEach(([r,o])=>{if(t[r]=o,D&&o){const s=D[r];s&&(t[r]=q.parseFieldValue(s,o))}}),t},Q=async e=>{var o,s,f,d,h;const t=F(),r={};Object.entries(t).forEach(([m,b])=>{N&&N.indexOf(m)>-1&&(r[m]=b)}),await((s=(o=T.value)==null?void 0:o.apForm)==null?void 0:s.resetFields()),(h=(d=(f=T.value)==null?void 0:f.apForm)==null?void 0:d.setFieldsValue)==null||h.call(d,r),n.nextTick(()=>{e==null||e()})},E=e=>{c=e;const t=V(e);R(t)},W=e=>{E({...c,...e})},A=()=>{const e=F();p&&(i.current=S),E({...e,filter:c.filter,sort:c.sort,current:p?S:void 0,pageSize:p?c.pageSize||i.pageSize:void 0})},H=()=>{Z(),c.sort={},c.filter={},Q(A)},U=()=>{E(c)},X=e=>{if(!p)U();else{const{current:t,pageSize:r}=i,o=a.total-e,s=Math.ceil(o/r),f=t>s?s:t;W({current:f>0?f:1})}},_=(e,t,r)=>{var m,b;const o=F();i.current=e.current,i.pageSize=e.pageSize,K(t,r);const s=x.isArray(r)?[...r]:[r],f={};for(const u of s)(m=n.unref(O))!=null&&m.includes(u.columnKey||u.field)&&u.order&&(f[q.dataIndexToStr(u.columnKey||u.field)]=u.order);const d={};for(const u of Object.keys(t))(b=n.unref(I))!=null&&b.includes(u)&&t[u]&&(d[u]=t[u]);const h={...o,filter:d,sort:f,current:e.current,pageSize:e.pageSize};x.isEqualWith(c,h,q.isEqualCustom)||E(h)};n.onMounted(()=>{const e=F(),{current:t,pageSize:r}=i;if(c={current:t,pageSize:r,filter:{},sort:{},...e},!g){const o=V(c);R(o)}}),n.watch(()=>n.unref(L),()=>{A()},{deep:!0});const Y=n.computed(()=>{if(a.total===0)return"-";const{current:e,pageSize:t}=i;return`${e}/${Math.ceil(a.total/t)}`});function k(e){x.isArray(e)&&(a.records=e,a.total=e.length)}const ee=n.computed(()=>{const{showLessItems:e,showTotal:t}=M;return{loading:a.loading,pagination:{current:i.current,pageSize:i.pageSize,total:a.total,showSizeChanger:!e,showQuickJumper:!e,showLessItems:e,size:"default",showTotal:t?r=>n.createVNode("span",{class:P("pagination-total-wrapper")},[z("ap.apTable.pagination.totalLeftPrefix")," ",n.createVNode("span",{class:P("pagination-count-text")},[r])," ",z("ap.apTable.pagination.totalLeftSuffix"),n.createVNode("span",{class:P("pagination--total-right")},[z("ap.apTable.pagination.totalRightPrefix")," ",n.createVNode("span",{class:P("pagination-count-text")},[n.unref(Y)])," ",z("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:_,dataSource:a.records}});return{formRef:T,submit:A,reset:H,refresh:U,refreshByDelete:X,data:a,current:i.current,pageSize:i.pageSize,handleTableChange:_,tableProps:ee,dataSource:n.computed(()=>a.records),setDataSource:k,getColumnSFConfig:G,sortedInfo:$,filteredInfo:J}};exports.DEFAULT_CURRENT=S;exports.DEFAULT_PAGE_SIZE=w;exports.useTablePaging=oe;
|
|
@@ -108,5 +108,5 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
|
|
|
108
108
|
}>;
|
|
109
109
|
dataSource: ComputedRef<DataType[]>;
|
|
110
110
|
setDataSource: (dataSource?: DataType[]) => void;
|
|
111
|
-
getColumnSFConfig: (column: ApColumnType) => Recordable;
|
|
111
|
+
getColumnSFConfig: (column: ApColumnType, append?: boolean) => Recordable;
|
|
112
112
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ApBatchActionGroupProps } from './interface';
|
|
2
2
|
import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
-
import {
|
|
3
|
+
import { TableColumnsType } from '@aplus-frontend/antdv';
|
|
4
4
|
type __VLS_Props = ApBatchActionGroupProps;
|
|
5
5
|
declare const _default: DefineComponent<__VLS_Props, {
|
|
6
|
-
columns: ComputedRef<
|
|
6
|
+
columns: ComputedRef<TableColumnsType<any>> | undefined;
|
|
7
7
|
dataSource: ComputedRef<any[]> | undefined;
|
|
8
8
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
9
9
|
export default _default;
|
|
@@ -4,7 +4,7 @@ import { ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
|
|
|
4
4
|
import { VueTypeValidableDef } from '../../../node_modules/vue-types';
|
|
5
5
|
import { MouseEventHandler, FocusEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
|
|
6
6
|
import { DropdownArrowOptions, Trigger, Align } from '@aplus-frontend/antdv/es/dropdown/props';
|
|
7
|
-
import { ItemType, MenuTheme, MenuMode,
|
|
7
|
+
import { ItemType, MenuTheme, MenuMode, TableColumnsType, ButtonProps } from '@aplus-frontend/antdv';
|
|
8
8
|
import { Key } from '@aplus-frontend/antdv/es/_util/type';
|
|
9
9
|
import { CSSMotionProps } from '@aplus-frontend/antdv/es/_util/transition';
|
|
10
10
|
import { BuiltinPlacements, TriggerSubMenuAction, SelectEventHandler, MenuClickEventHandler } from '@aplus-frontend/antdv/es/menu/src/interface';
|
|
@@ -303,7 +303,7 @@ declare const ApBatchActionGroup: {
|
|
|
303
303
|
}) | undefined;
|
|
304
304
|
menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
|
|
305
305
|
}> & Readonly<{}>, {
|
|
306
|
-
columns: ComputedRef<
|
|
306
|
+
columns: ComputedRef<TableColumnsType<any>> | undefined;
|
|
307
307
|
dataSource: ComputedRef<any[]> | undefined;
|
|
308
308
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
309
309
|
P: {};
|
|
@@ -604,7 +604,7 @@ declare const ApBatchActionGroup: {
|
|
|
604
604
|
}) | undefined;
|
|
605
605
|
menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
|
|
606
606
|
}> & Readonly<{}>, {
|
|
607
|
-
columns: ComputedRef<
|
|
607
|
+
columns: ComputedRef<TableColumnsType<any>> | undefined;
|
|
608
608
|
dataSource: ComputedRef<any[]> | undefined;
|
|
609
609
|
}, {}, {}, {}, {}>;
|
|
610
610
|
__isFragment?: never;
|
|
@@ -902,7 +902,7 @@ declare const ApBatchActionGroup: {
|
|
|
902
902
|
}) | undefined;
|
|
903
903
|
menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
|
|
904
904
|
}> & Readonly<{}>, {
|
|
905
|
-
columns: ComputedRef<
|
|
905
|
+
columns: ComputedRef<TableColumnsType<any>> | undefined;
|
|
906
906
|
dataSource: ComputedRef<any[]> | undefined;
|
|
907
907
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
|
|
908
908
|
$props: {
|