@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.
@@ -1,26 +1,26 @@
1
- import { defineComponent as Ne, useSlots as Ie, ref as h, computed as s, unref as t, watch as I, createElementBlock as k, openBlock as f, normalizeStyle as K, normalizeClass as m, createCommentVNode as Y, createElementVNode as E, createVNode as y, mergeProps as w, createSlots as Z, withCtx as v, Fragment as ee, renderList as oe, createBlock as re, resolveDynamicComponent as Ke, renderSlot as R, normalizeProps as Ee, guardReactiveProps as Oe } from "vue";
2
- import { Divider as Ve, Table as Le } from "@aplus-frontend/antdv";
3
- import { useToken as $e } from "@aplus-frontend/antdv/es/theme/internal";
4
- import { ApForm as Ae } from "../ap-form/index.mjs";
5
- import { noRenderAsFormItemValueList as ae } from "./constants.mjs";
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 De } from "./hooks/use-table-paging-ng.mjs";
8
- import { isUndefined as b, omit as te, isBoolean as We } from "lodash-unified";
9
- import { getColumnOrder as le, updateFormProps as je, getFieldProps as _e, getSearchFormItemRenderNode as He, recursionApColumns as ne, falseToUndefined as Ue, getTableTitle as qe, getTableRenderType as Me, getTableRenderProps as Ge, getTableCellRenderNode as Je, apColumnToColumn as Qe } from "./utils.mjs";
10
- import Xe from "./hooks/use-table-content-height.mjs";
11
- import Ye from "./hooks/use-table-row-selection.mjs";
12
- import { getScrollbarSize as Ze, isDef as eo } from "../utils/index.mjs";
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 oo } from "./context.mjs";
15
+ import { useProvideApTable as to } from "./context.mjs";
16
16
  import "../scroll-bar/index.mjs";
17
- import { useStickyScroll as ro } from "./hooks/use-sticky-scroll.mjs";
18
- import { useNamespace as ao } from "../config-provider/hooks/use-namespace.mjs";
19
- import { useGlobalConfig as to } from "../config-provider/hooks/use-global-config.mjs";
20
- import lo from "./components/setting/modal/index.vue2.mjs";
21
- import no from "../scroll-bar/index.vue.mjs";
22
- import so from "./components/paragraph-ellipsis/index.vue2.mjs";
23
- const No = /* @__PURE__ */ Ne({
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(se, {
148
- expose: de
147
+ setup(de, {
148
+ expose: ue
149
149
  }) {
150
- const o = se;
150
+ const o = de;
151
151
  let O = 0;
152
- const C = Ie(), [, ue] = $e(), {
153
- e: B,
152
+ const C = Oe(), [, ie] = We(), {
153
+ e: z,
154
154
  b: c,
155
155
  be: V,
156
- m: ie,
157
- cssVar: ce
158
- } = ao("ap-table"), L = to("valueTypeMap"), {
156
+ m: ce,
157
+ cssVar: fe
158
+ } = no("ap-table"), L = so("valueTypeMap"), {
159
159
  height: pe,
160
- contentRef: fe
161
- } = Xe(), $ = h(), A = h(), {
160
+ contentRef: me
161
+ } = eo(), $ = h(), A = h(), {
162
162
  isStickyMode: D,
163
163
  scrollBarRef: i
164
- } = ro($), z = h(o.size), u = h([]), W = h([]), j = Ze();
165
- oo({
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(() => z.value),
168
+ size: s(() => P.value),
169
169
  updateColumns(e) {
170
170
  u.value = e;
171
171
  },
172
172
  updateSize(e) {
173
- z.value = e;
173
+ P.value = e;
174
174
  },
175
- dataSource: s(() => t(g).records)
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((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !ae.includes(l.valueType))) == null ? void 0 : a.sort((l, d) => {
180
- let n = le(l.order);
181
- return le(d.order) - n;
182
- })) == null ? void 0 : r.map((l) => {
183
- const d = je(l, _e(l.fieldProps, {})), n = {
184
- ...l,
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: l.title,
187
- name: l.dataIndex,
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 = He(n, t(L)), n;
193
+ return n.renderNode = Me(n, l(L)), n;
194
194
  })) || [];
195
- }), me = s(() => ne(t(u), (e) => {
195
+ }), ye = s(() => se(l(u), (e) => {
196
196
  if (e.sorter === !0)
197
- return e.key || e.dataIndex;
198
- }).filter(Boolean)), ye = s(() => ne(t(u), (e) => {
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(() => b(o.dataSource) ? g.records : o.dataSource), {
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
- } = Ye({
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: P,
211
+ formRef: I,
212
212
  submit: H,
213
213
  reset: U,
214
214
  tableProps: q,
215
- refresh: ge,
216
- data: g,
217
- setDataSource: Se,
218
- getColumnSFConfig: he
219
- } = De({
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, l;
222
- if (!T.value.preserveSelectedRowKeys && b(o.dataSource) && x.clearAll(), !b(o.dataSource))
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 (l = o.onLoad) == null || l.call(o, (a == null ? void 0 : a.data) || []), {
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: ye,
234
- sortFields: me,
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
- }), we = () => {
242
+ }), Re = () => {
241
243
  var r;
242
- let e = ((r = o.columns) == null ? void 0 : r.filter((l) => !l.hideInTable)) || [];
243
- function a(l, d) {
244
- return l.map((n) => ({
245
- resizable: eo(n.resizable) ? n.resizable : o.columnResizable,
246
- ...te(Qe(n), ["ellipsis"]),
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
- ...he(n),
250
+ ...M(n),
249
251
  fixed: d ? d.fixed : n.fixed,
250
- title: qe(n, V("table-header", "title"), C.headerCell, t(ue).colorPrimary),
252
+ title: Je(n, V("table-header", "title"), C.headerCell, l(ie).colorPrimary),
251
253
  customRender({
252
- value: p,
254
+ value: f,
253
255
  ...S
254
256
  }) {
255
- var Q, X;
256
- const G = Me(n), Be = Ge({
257
+ var X, Y;
258
+ const J = Qe(n), Ie = Xe({
257
259
  ...n,
258
- valueType: G
260
+ valueType: J
259
261
  }, {
260
- value: p,
262
+ value: f,
261
263
  ...S
262
- }), ze = Je(G, Be, S.record, t(L)), J = ((Q = n.renderText) == null ? void 0 : Q.call(n, {
263
- value: p,
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
- })) || p, Pe = n.renderText ? y(ee, null, [(X = n.renderText) == null ? void 0 : X.call(n, {
266
- value: p,
267
+ })) || f, Ke = n.renderText ? y(oe, null, [(Y = n.renderText) == null ? void 0 : Y.call(n, {
268
+ value: f,
267
269
  ...S
268
- })]) : ze;
269
- let N = Te(n, J, Pe);
270
+ })]) : Ne;
271
+ let N = ke(n, Q, Ke);
270
272
  return n.customRender && (N = n.customRender({
271
- value: p,
273
+ value: f,
272
274
  ...S,
273
275
  column: n,
274
276
  originalNode: N,
275
- originalText: J
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
- I(() => [o.columnResizable, o.columns], () => {
284
- const e = we();
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 ve = s(() => {
303
+ const Te = s(() => {
291
304
  var a, r;
292
- if (o.adaptive && (g.total > 0 || ((a = o.dataSource) == null ? void 0 : a.length)))
305
+ if (o.adaptive && (b.total > 0 || ((a = o.dataSource) == null ? void 0 : a.length)))
293
306
  return {
294
- y: t(pe),
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
- }), Re = s(() => {
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
- }), M = s(() => {
318
+ }), G = s(() => {
306
319
  var r;
307
- const e = t(q), a = t(T);
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: b(o.dataSource) ? a.preserveSelectedRowKeys : !0
315
- } : Ue(o.rowSelection),
316
- loading: b(o.loading) ? e.loading : o.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: t(ve)
331
+ scroll: l(Te)
319
332
  };
320
- }), Ce = s(() => {
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) ? ie(`sticky-${j === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
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 Te(e, a, r) {
325
- return ae.includes(e.valueType) ? r : e.copyable || e.ellipsis ? y(so, {
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 ? We(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
- I(() => t(g).loading, (e) => {
350
+ k(() => l(b).loading, (e) => {
338
351
  var a;
339
352
  (a = o.onLoadingChange) == null || a.call(o, e);
340
- }), I(() => o.dataSource, (e) => {
341
- Se(e);
353
+ }), k(() => o.dataSource, (e) => {
354
+ he(e);
342
355
  }, {
343
356
  immediate: !0
344
357
  });
345
- function Fe(e) {
346
- var a, r, l;
347
- (l = (r = (a = P.value) == null ? void 0 : a.apForm) == null ? void 0 : r.setFieldsValue) == null || l.call(r, e);
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 xe(e = !1) {
350
- var r, l, d;
362
+ function ze(e = !1) {
363
+ var r, t, d;
351
364
  const a = e ? "getFieldsValueTransformed" : "getFieldsValue";
352
- return (d = (l = (r = P.value) == null ? void 0 : r.apForm) == null ? void 0 : l[a]) == null ? void 0 : d.call(l, !0);
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 ke() {
355
- return t(u);
367
+ function Pe() {
368
+ return l(u);
356
369
  }
357
- return de({
370
+ return ue({
358
371
  submit: () => H(),
359
372
  reset: () => U(),
360
- refresh: () => ge(),
361
- setSearchFormValues: Fe,
362
- getSearchFormValues: xe,
363
- getShownColumns: ke,
364
- dataSource: s(() => t(g).records),
373
+ refresh: () => Se(),
374
+ setSearchFormValues: Be,
375
+ getSearchFormValues: ze,
376
+ getShownColumns: Pe,
377
+ dataSource: s(() => l(b).records),
365
378
  rowSelection: {
366
- selectedRows: s(() => t(F)),
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) => (f(), k("div", {
395
+ }), (e, a) => (p(), B("div", {
383
396
  ref_key: "tableWrapperRef",
384
397
  ref: $,
385
- class: m(Ce.value),
386
- style: K(t(ce)({
387
- "scroll-bar-width": `${t(j)}px`
398
+ class: m(xe.value),
399
+ style: K(l(fe)({
400
+ "scroll-bar-width": `${l(j)}px`
388
401
  }))
389
- }, [t(b)(e.dataSource) && e.searchForm !== !1 && _.value.length > 0 ? (f(), k("div", {
402
+ }, [l(g)(e.dataSource) && e.searchForm !== !1 && _.value.length > 0 ? (p(), B("div", {
390
403
  key: 0,
391
- class: m(e.card ? t(B)("search-wrapper") : null),
404
+ class: m(e.card ? l(z)("search-wrapper") : null),
392
405
  style: K(e.searchFormWrapperStyle)
393
- }, [y(t(Ae).SearchForm, w(e.searchForm || {}, {
406
+ }, [y(l(je).SearchForm, w(e.searchForm || {}, {
394
407
  ref_key: "formRef",
395
- ref: P,
408
+ ref: I,
396
409
  "custom-reset": "",
397
- "submit-loading": t(q).loading,
398
- onSubmit: t(H),
399
- onReset: t(U)
400
- }), Z({
401
- default: v(() => [(f(!0), k(ee, null, oe(_.value, (r) => (f(), re(Ke(r.renderNode.Comp), w({
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)) : Y("", !0), E("div", {
427
+ } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : Z("", !0), E("div", {
415
428
  ref_key: "contentRef",
416
- ref: fe,
417
- class: m([t(B)("table-wrapper"), e.card ? t(B)("table-wrapper-card") : null]),
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(t(c)("header-wrapper"))
421
- }, [e.settings ? (f(), k("div", {
433
+ class: m(l(c)("header-wrapper"))
434
+ }, [e.settings ? (p(), B("div", {
422
435
  key: 0,
423
- class: m(t(c)("header"))
436
+ class: m(l(c)("header"))
424
437
  }, [E("div", {
425
- class: m(t(V)("header", "title"))
438
+ class: m(l(V)("header", "title"))
426
439
  }, [R(e.$slots, "title", w({
427
- selectedRows: t(F),
428
- selectedRowKeys: t(T).selectedRowKeys,
440
+ selectedRows: l(F),
441
+ selectedRowKeys: l(T).selectedRowKeys,
429
442
  shownColumns: u.value
430
- }, x))], 2), C.title ? (f(), re(t(Ve), {
443
+ }, x))], 2), C.title ? (p(), ae(l(Ae), {
431
444
  key: 0,
432
445
  type: "vertical"
433
- })) : Y("", !0), y(lo, {
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: t(F),
438
- selectedRowKeys: t(T).selectedRowKeys,
450
+ selectedRows: l(F),
451
+ selectedRowKeys: l(T).selectedRowKeys,
439
452
  shownColumns: u.value
440
- }, x))], 2), y(t(Le), w({
453
+ }, x))], 2), y(l(De), w({
441
454
  ref_key: "antdTableRef",
442
455
  ref: A,
443
- class: t(c)("table")
444
- }, M.value, {
445
- size: z.value,
446
- "table-layout": Re.value,
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, l) => l.width = r)
449
- }), Z({
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: M.value.dataSource,
453
- selectedRows: t(F)
465
+ records: G.value.dataSource,
466
+ selectedRows: l(F)
454
467
  })]),
455
468
  _: 2
456
- }, [t(D) ? {
469
+ }, [l(D) ? {
457
470
  name: "bottomPaginationTop",
458
471
  fn: v(() => {
459
- var r, l;
460
- return [y(t(no), {
472
+ var r, t;
473
+ return [y(l(io), {
461
474
  ref_key: "scrollBarRef",
462
475
  ref: i,
463
- "scroll-container": (l = (r = A.value) == null ? void 0 : r.table) == null ? void 0 : l.scrollBodyRef,
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, oe(t(te)(C, ["title", "searchFormExtra", "headerCell", "summary"]), (r, l) => ({
469
- name: l,
470
- fn: v((d) => [R(e.$slots, l, Ee(Oe(d || {})))])
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
- No as default
488
+ Eo as default
476
489
  };
@@ -1,4 +1,4 @@
1
- import { ColumnType } from '@aplus-frontend/antdv/es/table';
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<ColumnType<RecordType>[]>;
9
+ columns?: ComputedRef<ColumnsType<RecordType>>;
10
10
  /**
11
11
  * 表格列配置备份(只有在props变更后才会变更)
12
12
  */
13
- columnsBackup?: ComputedRef<ColumnType<RecordType>[]>;
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: ColumnType<RecordType>[]) => void;
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 F = () => {
2
+ const S = () => {
3
3
  const r = i(), t = i();
4
- function c(e) {
5
- const n = s(t) || {}, u = s(r) || {}, l = {};
6
- return e.filters && (l.filteredValue = n[e.key] || null), e.sorter && (l.sortOrder = u.columnKey === e.key ? u.order : null), l;
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 d(e, n) {
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 a() {
17
+ function d() {
18
18
  o(), f();
19
19
  }
20
20
  return {
21
21
  getColumnSFConfig: c,
22
- setSF: d,
22
+ setSF: a,
23
23
  clearSorter: o,
24
24
  clearFilters: f,
25
- clearAll: a
25
+ clearAll: d,
26
+ sortedInfo: r,
27
+ filteredInfo: t
26
28
  };
27
29
  };
28
30
  export {
29
- F as useTableSortedAndFiltered
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 te, reactive as I, unref as h, nextTick as re, onMounted as oe, watch as ne, computed as A, createVNode as C } from "vue";
2
- import { useTableSortedAndFiltered as ae } from "./use-sorted-filtered.mjs";
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 se, dataIndexToStr as ce, isEqualCustom as ie } from "../utils.mjs";
5
- import { isArray as N, isEqualWith as le } from "lodash-unified";
6
- import { useLocale as ue } from "../../config-provider/hooks/use-locale.mjs";
7
- import { useNamespace as fe } from "../../config-provider/hooks/use-namespace.mjs";
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 ge(g) {
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 Pe = ({
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: V,
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 = te(), c = I(ge(p)), {
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
- } = ae(), {
35
+ clearAll: Q,
36
+ sortedInfo: W,
37
+ filteredInfo: Z
38
+ } = ce(), {
37
39
  t: T
38
- } = ue(), {
40
+ } = ge(), {
39
41
  b: P
40
- } = fe(K), o = I({
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
- }, O = async (e) => {
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
- }, _ = (e) => {
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] = se(a, n));
69
+ a && (t[r] = ie(a, n));
68
70
  }
69
71
  }), t;
70
- }, W = async (e) => {
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
- V && V.indexOf(m) > -1 && (r[m] = x);
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), re(() => {
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 = _(e);
81
- O(t);
82
- }, Z = (e) => {
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
- }, H = () => {
97
- Q(), s.sort = {}, s.filter = {}, W(E);
98
- }, j = () => {
98
+ }, Y = () => {
99
+ Q(), s.sort = {}, s.filter = {}, H(E);
100
+ }, _ = () => {
99
101
  w(s);
100
- }, X = (e) => {
102
+ }, k = (e) => {
101
103
  if (!p)
102
- j();
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
- Z({
110
+ X({
109
111
  current: u > 0 ? u : 1
110
112
  });
111
113
  }
112
- }, q = (e, t, r) => {
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[ce(i.columnKey || i.field)] = i.order);
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
- le(s, d, ie) || w(d);
131
+ fe(s, d, ue) || w(d);
130
132
  };
131
- oe(() => {
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 = _(s);
144
- O(n);
145
+ const n = O(s);
146
+ V(n);
145
147
  }
146
- }), ne(() => h(v), () => {
148
+ }), se(() => h(v), () => {
147
149
  E();
148
150
  }, {
149
151
  deep: !0
150
152
  });
151
- const Y = A(() => {
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 k(e) {
162
+ function te(e) {
161
163
  N(e) && (o.records = e, o.total = e.length);
162
164
  }
163
- const ee = A(() => {
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(Y)]), " ", T("ap.apTable.pagination.totalRightSuffix")])]) : void 0
188
+ }, [h(ee)]), " ", T("ap.apTable.pagination.totalRightSuffix")])]) : void 0
187
189
  },
188
- onChange: q,
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: H,
196
- refresh: j,
197
- refreshByDelete: X,
197
+ reset: Y,
198
+ refresh: _,
199
+ refreshByDelete: k,
198
200
  data: o,
199
201
  current: c.current,
200
202
  pageSize: c.pageSize,
201
- handleTableChange: q,
202
- tableProps: ee,
203
+ handleTableChange: j,
204
+ tableProps: re,
203
205
  dataSource: A(() => o.records),
204
- setDataSource: k,
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
- Pe as useTablePaging
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 { TableColumnType } from '@aplus-frontend/antdv';
3
+ import { TableColumnsType } from '@aplus-frontend/antdv';
4
4
  type __VLS_Props = ApBatchActionGroupProps;
5
5
  declare const _default: DefineComponent<__VLS_Props, {
6
- columns: ComputedRef< TableColumnType<any>[]> | undefined;
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, TableColumnType, ButtonProps } from '@aplus-frontend/antdv';
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< TableColumnType<any>[]> | undefined;
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< TableColumnType<any>[]> | undefined;
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< TableColumnType<any>[]> | undefined;
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 { ColumnType } from '@aplus-frontend/antdv/es/table';
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<ColumnType<RecordType>[]>;
9
+ columns?: ComputedRef<ColumnsType<RecordType>>;
10
10
  /**
11
11
  * 表格列配置备份(只有在props变更后才会变更)
12
12
  */
13
- columnsBackup?: ComputedRef<ColumnType<RecordType>[]>;
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: ColumnType<RecordType>[]) => void;
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 r=require("vue"),a=()=>{const t=r.ref(),n=r.ref();function s(e){const l=r.unref(n)||{},i=r.unref(t)||{},o={};return e.filters&&(o.filteredValue=l[e.key]||null),e.sorter&&(o.sortOrder=i.columnKey===e.key?i.order:null),o}function c(e,l){n.value=e,t.value=l}function u(){t.value=null}function f(){n.value=null}function d(){u(),f()}return{getColumnSFConfig:s,setSF:c,clearSorter:u,clearFilters:f,clearAll:d}};exports.useTableSortedAndFiltered=a;
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"),k=require("./use-sorted-filtered.js");require("../../config-provider/index.js");const q=require("../utils.js"),x=require("lodash-unified"),ee=require("../../config-provider/hooks/use-locale.js"),te=require("../../config-provider/hooks/use-namespace.js"),S=1,w=10;function re(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 ne=({manual:g=!1,request:l,defaultParams:L={},defaultData:v=[],formatParams:y,paramsValueTypeMap:D,resetFieldsIgnores:N,filterFields:O,sortFields:j,namespace:I="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(re(p)),{getColumnSFConfig:G,setSF:K,clearAll:Z}=k.useTableSortedAndFiltered(),{t:z}=ee.useLocale(),{b:P}=te.useNamespace(I),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},$=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)},J=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})},Q=()=>{Z(),c.sort={},c.filter={},$(A)},U=()=>{E(c)},W=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;J({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(j))!=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(O))!=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 H=n.computed(()=>{if(a.total===0)return"-";const{current:e,pageSize:t}=i;return`${e}/${Math.ceil(a.total/t)}`});function X(e){x.isArray(e)&&(a.records=e,a.total=e.length)}const Y=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(H)])," ",z("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:_,dataSource:a.records}});return{formRef:T,submit:A,reset:Q,refresh:U,refreshByDelete:W,data:a,current:i.current,pageSize:i.pageSize,handleTableChange:_,tableProps:Y,dataSource:n.computed(()=>a.records),setDataSource:X,getColumnSFConfig:G}};exports.DEFAULT_CURRENT=S;exports.DEFAULT_PAGE_SIZE=w;exports.useTablePaging=ne;
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 { TableColumnType } from '@aplus-frontend/antdv';
3
+ import { TableColumnsType } from '@aplus-frontend/antdv';
4
4
  type __VLS_Props = ApBatchActionGroupProps;
5
5
  declare const _default: DefineComponent<__VLS_Props, {
6
- columns: ComputedRef< TableColumnType<any>[]> | undefined;
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, TableColumnType, ButtonProps } from '@aplus-frontend/antdv';
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< TableColumnType<any>[]> | undefined;
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< TableColumnType<any>[]> | undefined;
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< TableColumnType<any>[]> | undefined;
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: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.5.4",
3
+ "version": "0.5.5",
4
4
  "main": "./lib/index.js",
5
5
  "type": "module",
6
6
  "files": [