@aplus-frontend/ui 6.22.0 → 6.22.2

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,12 +1,12 @@
1
- import { defineComponent as Ne, useSlots as Ve, ref as u, computed as s, unref as n, watch as k, toRef as We, nextTick as Ee, createElementBlock as z, openBlock as y, normalizeStyle as b, normalizeClass as m, createCommentVNode as J, createElementVNode as v, createVNode as P, mergeProps as Q, createSlots as Me, withCtx as X, Fragment as Oe, renderList as Le, createBlock as Y, resolveDynamicComponent as $e, renderSlot as Z, withDirectives as Ge, vShow as je } from "vue";
2
- import { AgGridVue as qe } from "ag-grid-vue3";
3
- import { ModuleRegistry as He, AllCommunityModule as Ue } from "ag-grid-community";
1
+ import { defineComponent as Ve, useSlots as We, ref as u, toRef as J, computed as s, unref as n, watch as k, nextTick as Ee, createElementBlock as z, openBlock as y, normalizeStyle as b, normalizeClass as m, createCommentVNode as Q, createElementVNode as v, createVNode as P, mergeProps as X, createSlots as Me, withCtx as Y, Fragment as Oe, renderList as Le, createBlock as Z, resolveDynamicComponent as $e, renderSlot as _, withDirectives as Ge, vShow as He } from "vue";
2
+ import { AgGridVue as je } from "ag-grid-vue3";
3
+ import { ModuleRegistry as qe, AllCommunityModule as Ue } from "ag-grid-community";
4
4
  import { Spin as Je, Pagination as Qe } from "@aplus-frontend/antdv";
5
- import { isFunction as _, isUndefined as R } from "lodash-unified";
5
+ import { isFunction as ee, isUndefined as R } from "lodash-unified";
6
6
  import "../config-provider/index.mjs";
7
7
  import { ApForm as Xe } from "../ap-form/index.mjs";
8
8
  import { noRenderAsFormItemValueList as Ye } from "../ap-table/constants.mjs";
9
- import { getColumnOrder as ee, updateFormProps as Ze, getFieldProps as _e, getSearchFormItemRenderNode as et, recursionApColumns as tt } from "../ap-table/utils.mjs";
9
+ import { getColumnOrder as te, updateFormProps as Ze, getFieldProps as _e, getSearchFormItemRenderNode as et, recursionApColumns as tt } from "../ap-table/utils.mjs";
10
10
  import { useTablePaging as ot } from "../ap-table/hooks/use-table-paging-ng.mjs";
11
11
  import { dataIndexToField as rt } from "../ap-grid/utils/col.mjs";
12
12
  import { isDef as at } from "../utils/index.mjs";
@@ -22,7 +22,7 @@ import { useNamespace as mt } from "../config-provider/hooks/use-namespace.mjs";
22
22
  import { useGlobalConfig as pt } from "../config-provider/hooks/use-global-config.mjs";
23
23
  import ft from "./components/body-cell/index.vue2.mjs";
24
24
  import gt from "./components/header-cell/index.vue2.mjs";
25
- const Lt = /* @__PURE__ */ Ne({
25
+ const Lt = /* @__PURE__ */ Ve({
26
26
  name: "AgGrid",
27
27
  __name: "index",
28
28
  props: {
@@ -83,19 +83,20 @@ const Lt = /* @__PURE__ */ Ne({
83
83
  adaptive: { type: Boolean },
84
84
  columnResizable: { type: Boolean, default: !1 },
85
85
  loading: { type: Boolean, default: void 0 },
86
- summary: {}
86
+ summary: {},
87
+ rowHeight: {}
87
88
  },
88
- setup(te, { expose: oe }) {
89
- He.registerModules([Ue]);
90
- const r = te, re = Ve(), { e: C, b: d, em: ae, be: ne } = mt("ag-grid"), g = u(r.size), le = ut(g), S = u(), [, se] = ct();
91
- let w = !!r.dataSource, D = 0;
89
+ setup(oe, { expose: re }) {
90
+ qe.registerModules([Ue]);
91
+ const o = oe, ae = We(), { e: C, b: d, em: ne, be: le } = mt("ag-grid"), g = u(o.size), se = ut(g, J(o, "rowHeight")), S = u(), [, ie] = ct();
92
+ let w = !!o.dataSource, D = 0;
92
93
  const A = pt("valueTypeMap"), K = s(() => {
93
- var e, o, a;
94
- return D++, ((a = (o = (e = r.columns) == null ? void 0 : e.filter(
94
+ var e, r, a;
95
+ return D++, ((a = (r = (e = o.columns) == null ? void 0 : e.filter(
95
96
  (t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !Ye.includes(t.valueType)
96
- )) == null ? void 0 : o.sort((t, l) => {
97
- let i = ee(t.order);
98
- return ee(l.order) - i;
97
+ )) == null ? void 0 : r.sort((t, l) => {
98
+ let i = te(t.order);
99
+ return te(l.order) - i;
99
100
  })) == null ? void 0 : a.map((t) => {
100
101
  const l = Ze(
101
102
  t,
@@ -118,25 +119,25 @@ const Lt = /* @__PURE__ */ Ne({
118
119
  ), i;
119
120
  })) || [];
120
121
  }), c = u([]), N = u([]);
121
- function ie() {
122
+ function de() {
122
123
  var e;
123
- return ((e = r.columns) == null ? void 0 : e.filter((o) => !o.hideInTable)) || [];
124
+ return ((e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInTable)) || [];
124
125
  }
125
126
  k(
126
- () => r.columns,
127
+ () => o.columns,
127
128
  () => {
128
- var o;
129
- const e = ie();
130
- c.value = e, N.value = e, (o = r.onShownColumnsChange) == null || o.call(r, e);
129
+ var r;
130
+ const e = de();
131
+ c.value = e, N.value = e, (r = o.onShownColumnsChange) == null || r.call(o, e);
131
132
  },
132
133
  {
133
134
  deep: !0,
134
135
  immediate: !0
135
136
  }
136
137
  );
137
- const de = s(() => {
138
+ const ce = s(() => {
138
139
  const e = n(c);
139
- function o(a) {
140
+ function r(a) {
140
141
  return a.map((t) => {
141
142
  var i;
142
143
  const l = {
@@ -161,10 +162,10 @@ const Lt = /* @__PURE__ */ Ne({
161
162
  // undefined to null
162
163
  colSpan: t.colSpan,
163
164
  cellClass: (h) => {
164
- const I = t.cellClass || "", Ke = _(I) ? I(h.data, h.node) : I;
165
+ const I = t.cellClass || "", Ne = ee(I) ? I(h.data, h.node) : I;
165
166
  return [
166
- `${ae("cell", t.align || "left")}`,
167
- Ke
167
+ `${ne("cell", t.align || "left")}`,
168
+ Ne
168
169
  ].flat().filter(Boolean);
169
170
  },
170
171
  wrapText: !t.ellipsis,
@@ -172,15 +173,15 @@ const Lt = /* @__PURE__ */ Ne({
172
173
  };
173
174
  return (i = t.children) != null && i.length ? {
174
175
  ...l,
175
- children: o(t.children)
176
+ children: r(t.children)
176
177
  } : l;
177
178
  });
178
179
  }
179
- return o(e);
180
- }), ce = u({
180
+ return r(e);
181
+ }), ue = u({
181
182
  headerComponent: gt,
182
183
  cellRenderer: ft,
183
- resizable: r.columnResizable,
184
+ resizable: o.columnResizable,
184
185
  suppressMovable: !0,
185
186
  cellDataType: !1,
186
187
  cellStyle: {
@@ -193,23 +194,23 @@ const Lt = /* @__PURE__ */ Ne({
193
194
  V.value = e;
194
195
  }
195
196
  });
196
- const ue = {
197
+ const me = {
197
198
  asc: "ascend",
198
199
  desc: "descend"
199
200
  };
200
- function me() {
201
+ function pe() {
201
202
  var l;
202
203
  const e = (l = S.value.getColumns()) == null ? void 0 : l.filter((i) => i.getSort() !== void 0);
203
204
  if (!(e != null && e.length))
204
205
  return;
205
- const o = e[0], a = o.getColDef(), t = o.getSort();
206
+ const r = e[0], a = r.getColDef(), t = r.getSort();
206
207
  E(void 0, void 0, {
207
208
  column: a,
208
209
  field: a.field,
209
- order: t ? ue[t] : null
210
+ order: t ? me[t] : null
210
211
  });
211
212
  }
212
- const pe = s(() => tt(n(c), (e) => {
213
+ const fe = s(() => tt(n(c), (e) => {
213
214
  if (e.sorter === !0)
214
215
  return e.key || e.dataIndex;
215
216
  }).filter(Boolean)), {
@@ -221,60 +222,60 @@ const Lt = /* @__PURE__ */ Ne({
221
222
  handleTableChangeOptional: E,
222
223
  submitWith: M,
223
224
  refresh: O,
224
- getPaging: fe,
225
- setPaging: ge
225
+ getPaging: ge,
226
+ setPaging: Se
226
227
  } = ot({
227
228
  async request(e) {
228
229
  var a;
229
- if (w = !1, !R(r.dataSource)) {
230
+ if (w = !1, !R(o.dataSource)) {
230
231
  const t = e.pageSize * (e.current - 1);
231
232
  return {
232
- data: (r.pagination === !1 ? r.dataSource : r.dataSource.slice(t, t + e.pageSize)) || [],
233
- total: r.dataSource.length || 0
233
+ data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(t, t + e.pageSize)) || [],
234
+ total: o.dataSource.length || 0
234
235
  };
235
236
  }
236
- const o = await ((a = r.request) == null ? void 0 : a.call(r, e));
237
+ const r = await ((a = o.request) == null ? void 0 : a.call(o, e));
237
238
  return {
238
- data: (o == null ? void 0 : o.data) || [],
239
- total: (o == null ? void 0 : o.total) || 0
239
+ data: (r == null ? void 0 : r.data) || [],
240
+ total: (r == null ? void 0 : r.total) || 0
240
241
  };
241
242
  },
242
243
  namespace: "ap-grid",
243
244
  filterFields: u([]),
244
- params: We(r, "params"),
245
- defaultData: r.defaultData,
246
- manual: r.manual,
247
- formatParams: r.beforeSearchSubmit,
248
- pagination: r.pagination,
249
- sortFields: pe
250
- }), Se = s(
251
- () => R(r.dataSource) ? f.records : r.dataSource
245
+ params: J(o, "params"),
246
+ defaultData: o.defaultData,
247
+ manual: o.manual,
248
+ formatParams: o.beforeSearchSubmit,
249
+ pagination: o.pagination,
250
+ sortFields: fe
251
+ }), we = s(
252
+ () => R(o.dataSource) ? f.records : o.dataSource
252
253
  ), {
253
- select: we,
254
- unSelect: he,
254
+ select: he,
255
+ unSelect: ye,
255
256
  selectedRows: T,
256
- selectedRowKeys: ye,
257
- clearAll: ve,
258
- selectMultiByKeys: Ce
257
+ selectedRowKeys: ve,
258
+ clearAll: Ce,
259
+ selectMultiByKeys: be
259
260
  } = nt({
260
- ...r.rowSelection === !0 ? {} : r.rowSelection,
261
- dataSource: Se,
262
- rowKey: r.rowKey
263
- }), be = {
261
+ ...o.rowSelection === !0 ? {} : o.rowSelection,
262
+ dataSource: we,
263
+ rowKey: o.rowKey
264
+ }), Re = {
264
265
  checkbox: "multiRow",
265
266
  radio: "singleRow"
266
- }, Re = s(() => {
267
- if (!r.rowSelection)
267
+ }, xe = s(() => {
268
+ if (!o.rowSelection)
268
269
  return;
269
- const { type: e = "checkbox", disabled: o } = r.rowSelection === !0 ? {} : r.rowSelection;
270
+ const { type: e = "checkbox", disabled: r } = o.rowSelection === !0 ? {} : o.rowSelection;
270
271
  return {
271
- mode: be[e],
272
- isRowSelectable: (a) => o ? !o(a.data) : !0
272
+ mode: Re[e],
273
+ isRowSelectable: (a) => r ? !r(a.data) : !0
273
274
  };
274
- }), xe = s(() => {
275
- if (!r.rowSelection)
275
+ }), Fe = s(() => {
276
+ if (!o.rowSelection)
276
277
  return;
277
- const e = r.rowSelection === !0 ? {} : r.rowSelection;
278
+ const e = o.rowSelection === !0 ? {} : o.rowSelection;
278
279
  return {
279
280
  sortable: !1,
280
281
  resizable: !1,
@@ -283,53 +284,53 @@ const Lt = /* @__PURE__ */ Ne({
283
284
  };
284
285
  });
285
286
  function B(e) {
286
- return _(r.rowKey) ? r.rowKey(e) : e[r.rowKey];
287
+ return ee(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
287
288
  }
288
289
  const L = ({
289
290
  api: e = S.value
290
291
  }) => {
291
- if (!r.rowSelection)
292
+ if (!o.rowSelection)
292
293
  return;
293
- const o = T.value;
294
- if (!o.length)
294
+ const r = T.value;
295
+ if (!r.length)
295
296
  return;
296
297
  w = !1;
297
298
  const a = [];
298
299
  e.forEachNode((t) => {
299
300
  const l = t.data, i = B(l);
300
- o.find((h) => B(h) === i) && a.push(t);
301
+ r.find((h) => B(h) === i) && a.push(t);
301
302
  }), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
302
303
  w = !0;
303
304
  }, 0);
304
- }, Fe = (e) => {
305
- w && (e.node.isSelected() ? we(e.data) : he(e.data));
306
- }, Te = () => {
305
+ }, Te = (e) => {
306
+ w && (e.node.isSelected() ? he(e.data) : ye(e.data));
307
+ }, Be = () => {
307
308
  w = !0;
308
309
  }, $ = () => {
309
310
  var e;
310
- ve(), (e = S.value) == null || e.deselectAll();
311
+ Ce(), (e = S.value) == null || e.deselectAll();
311
312
  };
312
- function Be(e) {
313
- Ce(e), Ee(() => {
313
+ function Ie(e) {
314
+ be(e), Ee(() => {
314
315
  L({});
315
316
  });
316
317
  }
317
318
  function G(e = !1) {
318
319
  var a, t, l;
319
- const o = e ? "getFieldsValueTransformed" : "getFieldsValue";
320
- return (l = (t = (a = p.value) == null ? void 0 : a.apForm) == null ? void 0 : t[o]) == null ? void 0 : l.call(t, !0);
320
+ const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
321
+ return (l = (t = (a = p.value) == null ? void 0 : a.apForm) == null ? void 0 : t[r]) == null ? void 0 : l.call(t, !0);
321
322
  }
322
- function j(e) {
323
- var o, a, t;
324
- (t = (a = (o = p.value) == null ? void 0 : o.apForm) == null ? void 0 : a.setFieldsValue) == null || t.call(a, e);
323
+ function H(e) {
324
+ var r, a, t;
325
+ (t = (a = (r = p.value) == null ? void 0 : r.apForm) == null ? void 0 : a.setFieldsValue) == null || t.call(a, e);
325
326
  }
326
- function q() {
327
+ function j() {
327
328
  var e;
328
329
  return ((e = p.value) == null ? void 0 : e.getSorterItems()) || [];
329
330
  }
330
- function H(e) {
331
- var o;
332
- (o = p.value) == null || o.setSorterItems(e);
331
+ function q(e) {
332
+ var r;
333
+ (r = p.value) == null || r.setSorterItems(e);
333
334
  }
334
335
  function U() {
335
336
  var e;
@@ -340,83 +341,83 @@ const Lt = /* @__PURE__ */ Ne({
340
341
  columnsBackup: s(() => N.value),
341
342
  size: s(() => dt[g.value]),
342
343
  updateColumns(e) {
343
- var o;
344
- console.log(e), c.value = e, (o = r.onShownColumnsChange) == null || o.call(r, e);
344
+ var r;
345
+ console.log(e), c.value = e, (r = o.onShownColumnsChange) == null || r.call(o, e);
345
346
  },
346
347
  updateSize(e) {
347
348
  g.value = it[e];
348
349
  },
349
350
  renderConfig: s(() => ({
350
- className: ne("table-header", "title"),
351
- color: se.value.colorTextTertiary
351
+ className: le("table-header", "title"),
352
+ color: ie.value.colorTextTertiary
352
353
  })),
353
354
  dataSource: s(() => n(f).records),
354
355
  getSearchFormValues: G,
355
- setSearchFormValues: j,
356
+ setSearchFormValues: H,
356
357
  submit: x,
357
358
  submitWith: M,
358
359
  reset: F,
359
360
  refresh: O,
360
- getSearchFormSorterItems: q,
361
- setSearchFormSorterItems: H,
361
+ getSearchFormSorterItems: j,
362
+ setSearchFormSorterItems: q,
362
363
  resetSearchFormSorterItems: U
363
364
  });
364
- const Ie = s(
365
- () => R(r.loading) ? f.loading : r.loading
366
- ), ke = s(() => [
365
+ const ke = s(
366
+ () => R(o.loading) ? f.loading : o.loading
367
+ ), ze = s(() => [
367
368
  d(),
368
- r.card ? null : d("wrapper"),
369
+ o.card ? null : d("wrapper"),
369
370
  d("adaptive"),
370
371
  d(`size-${g.value}`)
371
- ].filter(Boolean)), ze = s(() => ({
372
+ ].filter(Boolean)), Pe = s(() => ({
372
373
  height: "100%",
373
- ...r.tableStyle || {}
374
- })), Pe = (e, o) => {
375
- E({ current: e, pageSize: o });
374
+ ...o.tableStyle || {}
375
+ })), De = (e, r) => {
376
+ E({ current: e, pageSize: r });
376
377
  };
377
- function De(e) {
378
- const o = e.data;
379
- return B(o);
378
+ function Ae(e) {
379
+ const r = e.data;
380
+ return B(r);
380
381
  }
381
- function Ae(e, o) {
382
+ function Ke(e, r) {
382
383
  var a;
383
- (a = S.value) == null || a.ensureIndexVisible(e, o);
384
+ (a = S.value) == null || a.ensureIndexVisible(e, r);
384
385
  }
385
386
  return k(
386
- () => r.size,
387
+ () => o.size,
387
388
  (e) => {
388
389
  g.value = e;
389
390
  }
390
391
  ), k(
391
392
  () => n(f).loading,
392
393
  (e) => {
393
- var o;
394
- (o = r.onLoadingChange) == null || o.call(r, e);
394
+ var r;
395
+ (r = o.onLoadingChange) == null || r.call(o, e);
395
396
  }
396
- ), oe({
397
+ ), re({
397
398
  submit: x,
398
399
  reset: F,
399
400
  refresh: O,
400
401
  submitWith: M,
401
- setSearchFormValues: j,
402
+ setSearchFormValues: H,
402
403
  getSearchFormValues: G,
403
404
  getShowColumns: () => n(c),
404
405
  rowSelection: {
405
406
  selectedRows: s(() => T.value),
406
- setSelectedRowKeys: Be,
407
+ setSelectedRowKeys: Ie,
407
408
  clearAll: $
408
409
  },
409
- scrollToRow: Ae,
410
+ scrollToRow: Ke,
410
411
  getDataSource: () => n(f.records),
411
- getPaging: fe,
412
- setPaging: ge,
413
- getSearchFormSorterItems: q,
414
- setSearchFormSorterItems: H,
412
+ getPaging: ge,
413
+ setPaging: Se,
414
+ getSearchFormSorterItems: j,
415
+ setSearchFormSorterItems: q,
415
416
  resetSearchFormSorterItems: U
416
- }), (e, o) => {
417
+ }), (e, r) => {
417
418
  var a, t;
418
419
  return y(), z("div", {
419
- class: m(ke.value),
420
+ class: m(ze.value),
420
421
  style: b(e.wrapperStyle)
421
422
  }, [
422
423
  n(R)(e.dataSource) && e.searchForm !== !1 && K.value.length > 0 ? (y(), z("div", {
@@ -424,7 +425,7 @@ const Lt = /* @__PURE__ */ Ne({
424
425
  class: m(e.card ? n(C)("search-wrapper") : null),
425
426
  style: b(e.searchFormWrapperStyle)
426
427
  }, [
427
- P(n(Xe).SearchForm, Q(e.searchForm || {}, {
428
+ P(n(Xe).SearchForm, X(e.searchForm || {}, {
428
429
  ref_key: "formRef",
429
430
  ref: p,
430
431
  "custom-reset": "",
@@ -432,22 +433,22 @@ const Lt = /* @__PURE__ */ Ne({
432
433
  onSubmit: n(x),
433
434
  onReset: n(F)
434
435
  }), Me({
435
- default: X(() => [
436
- (y(!0), z(Oe, null, Le(K.value, (l) => (y(), Y($e(l.renderNode), {
436
+ default: Y(() => [
437
+ (y(!0), z(Oe, null, Le(K.value, (l) => (y(), Z($e(l.renderNode), {
437
438
  key: l.dataIndex
438
439
  }))), 128))
439
440
  ]),
440
441
  _: 2
441
442
  }, [
442
- re.searchFormExtra ? {
443
+ ae.searchFormExtra ? {
443
444
  name: "extra",
444
- fn: X(() => [
445
- Z(e.$slots, "searchFormExtra")
445
+ fn: Y(() => [
446
+ _(e.$slots, "searchFormExtra")
446
447
  ]),
447
448
  key: "0"
448
449
  } : void 0
449
450
  ]), 1040, ["submit-loading", "onSubmit", "onReset"])
450
- ], 6)) : J("", !0),
451
+ ], 6)) : Q("", !0),
451
452
  v("div", {
452
453
  class: m([n(C)("table-wrapper"), e.card ? n(C)("table-wrapper-card") : null]),
453
454
  style: b(e.tableWrapperStyle)
@@ -455,9 +456,9 @@ const Lt = /* @__PURE__ */ Ne({
455
456
  v("div", {
456
457
  class: m(n(d)("header-wrapper"))
457
458
  }, [
458
- Z(e.$slots, "title", {
459
+ _(e.$slots, "title", {
459
460
  selectedRows: n(T),
460
- selectedRowKeys: n(ye),
461
+ selectedRowKeys: n(ve),
461
462
  shownColumns: c.value,
462
463
  clearAll: $
463
464
  })
@@ -465,42 +466,42 @@ const Lt = /* @__PURE__ */ Ne({
465
466
  v("div", {
466
467
  class: m(n(d)("grid-wrapper"))
467
468
  }, [
468
- P(n(qe), {
469
- style: b(ze.value),
469
+ P(n(je), {
470
+ style: b(Pe.value),
470
471
  "row-data": n(f).records,
471
- "column-defs": de.value,
472
- "default-col-def": ce.value,
472
+ "column-defs": ce.value,
473
+ "default-col-def": ue.value,
473
474
  "locale-text": {
474
475
  noRowsToShow: ""
475
476
  // 为了隐藏默认的无数据提示,因为外部已经自行实现了loading
476
477
  },
477
- "row-selection": Re.value,
478
- "selection-column-def": xe.value,
479
- "get-row-id": De,
478
+ "row-selection": xe.value,
479
+ "selection-column-def": Fe.value,
480
+ "get-row-id": Ae,
480
481
  "pinned-top-row-data": (a = e.summary) == null ? void 0 : a.top,
481
482
  "pinned-bottom-row-data": (t = e.summary) == null ? void 0 : t.bottom,
482
- theme: n(le),
483
- onSortChanged: me,
484
- onGridReady: o[0] || (o[0] = (l) => S.value = l.api),
483
+ theme: n(se),
484
+ onSortChanged: pe,
485
+ onGridReady: r[0] || (r[0] = (l) => S.value = l.api),
485
486
  onRowDataUpdated: L,
486
- onRowSelected: Fe,
487
- onFirstDataRendered: Te
487
+ onRowSelected: Te,
488
+ onFirstDataRendered: Be
488
489
  }, null, 8, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "pinned-top-row-data", "pinned-bottom-row-data", "theme"]),
489
490
  Ge(v("div", {
490
491
  class: m(n(C)("table-loading-wrapper"))
491
492
  }, [
492
493
  P(n(Je), { delay: 300 })
493
494
  ], 2), [
494
- [je, Ie.value]
495
+ [He, ke.value]
495
496
  ])
496
497
  ], 2),
497
498
  v("div", {
498
499
  class: m(n(d)("pagination-wrapper"))
499
500
  }, [
500
- e.pagination !== !1 ? (y(), Y(n(Qe), Q({
501
+ e.pagination !== !1 ? (y(), Z(n(Qe), X({
501
502
  key: 0,
502
503
  class: n(d)("pagination")
503
- }, n(W).pagination, { onChange: Pe }), null, 16, ["class"])) : J("", !0)
504
+ }, n(W).pagination, { onChange: De }), null, 16, ["class"])) : Q("", !0)
504
505
  ], 2)
505
506
  ], 6)
506
507
  ], 6);
@@ -200,6 +200,10 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
200
200
  top?: RecordType[];
201
201
  bottom?: RecordType[];
202
202
  };
203
+ /**
204
+ * 指定每一行占据的高度(大量数据展示时的性能优化)
205
+ */
206
+ rowHeight?: number;
203
207
  };
204
208
  export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
205
209
  /**
@@ -1,3 +1,3 @@
1
1
  import { Ref, ComputedRef } from 'vue';
2
2
  import { Theme, ThemeDefaultParams } from 'ag-grid-community';
3
- export declare const useTheme: (size: Ref<"medium" | "mini" | undefined>) => ComputedRef<Theme<ThemeDefaultParams>>;
3
+ export declare const useTheme: (size: Ref<"medium" | "mini" | undefined>, rowHeight: Ref<undefined | number>) => ComputedRef<Theme<ThemeDefaultParams>>;
@@ -1,16 +1,16 @@
1
- import { useToken as c } from "@aplus-frontend/antdv/es/theme/internal";
1
+ import { useToken as a } from "@aplus-frontend/antdv/es/theme/internal";
2
2
  import { themeQuartz as n } from "ag-grid-community";
3
- import { computed as a } from "vue";
4
- const l = (e) => {
5
- const [, t] = c();
6
- return a(() => {
7
- const r = e.value === "mini", o = t.value;
3
+ import { computed as d } from "vue";
4
+ const p = (r, e) => {
5
+ const [, t] = a();
6
+ return d(() => {
7
+ const c = r.value === "mini", o = t.value;
8
8
  return n.withParams({
9
9
  headerHeight: "36px",
10
10
  headerFontSize: "12px",
11
11
  dataFontSize: "12px",
12
- rowHeight: r ? "30px" : "36px",
13
- spacing: r ? "5px" : "6.5px",
12
+ rowHeight: e.value,
13
+ spacing: c ? "5px" : "6.5px",
14
14
  foregroundColor: o.colorTextBase,
15
15
  wrapperBorder: !1,
16
16
  rowBorder: { color: o.colorBorderSecondary },
@@ -21,5 +21,5 @@ const l = (e) => {
21
21
  });
22
22
  };
23
23
  export {
24
- l as useTheme
24
+ p as useTheme
25
25
  };
@@ -343,7 +343,7 @@ const Gt = /* @__PURE__ */ $e({
343
343
  return (r = s.value) == null ? void 0 : r.scrollToRow(l, t);
344
344
  }
345
345
  return B(
346
- [o.columnResizable, o.columns],
346
+ () => [o.columnResizable, o.columns],
347
347
  () => {
348
348
  var t;
349
349
  const e = _e();
@@ -1,2 +1,2 @@
1
- declare const _default: "6.22.0";
1
+ declare const _default: "6.22.2";
2
2
  export default _default;
@@ -1,4 +1,4 @@
1
- const e = "6.22.0";
1
+ const e = "6.22.2";
2
2
  export {
3
3
  e as default
4
4
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Re=require("ag-grid-vue3"),W=require("ag-grid-community"),_=require("@aplus-frontend/antdv"),p=require("lodash-unified");require("../config-provider/index.js");const xe=require("../ap-form/index.js"),Be=require("../ap-table/constants.js"),m=require("../ap-table/utils.js"),Fe=require("../ap-table/hooks/use-table-paging-ng.js"),ze=require("../ap-grid/utils/col.js"),Te=require("../utils/index.js");require("./components/header-cell/index.vue.js");require("./components/body-cell/index.vue.js");const ke=require("./hooks/use-row-selection.js"),qe=require("./context.js"),Ie=require("../ap-table/context.js"),O=require("../ap-grid/constants.js"),Ne=require("@aplus-frontend/antdv/es/theme/internal"),Pe=require("./theme.js"),Ve=require("../config-provider/hooks/use-namespace.js"),De=require("../config-provider/hooks/use-global-config.js"),Ee=require("./components/body-cell/index.vue2.js"),Ae=require("./components/header-cell/index.vue2.js"),Ke=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{}},setup($,{expose:G}){W.ModuleRegistry.registerModules([W.AllCommunityModule]);const a=$,U=e.useSlots(),{e:h,b:i,em:L,be:j}=Ve.useNamespace("ag-grid"),f=e.ref(a.size),H=Pe.useTheme(f),g=e.ref(),[,J]=Ne.useToken();let S=!!a.dataSource,x=0;const B=De.useGlobalConfig("valueTypeMap"),F=e.computed(()=>{var t,r,n;return x++,((n=(r=(t=a.columns)==null?void 0:t.filter(o=>!o.hideInSearch&&o.dataIndex&&(o.valueType||o.customRenderFormItem)&&!Be.noRenderAsFormItemValueList.includes(o.valueType)))==null?void 0:r.sort((o,l)=>{let s=m.getColumnOrder(o.order);return m.getColumnOrder(l.order)-s}))==null?void 0:n.map(o=>{const l=m.updateFormProps(o,m.getFieldProps(o.fieldProps,{})),s={...o,fieldProps:{label:o.title,name:o.dataIndex,bordered:!0,...l||{},_signal:x},renderNode:void 0};return s.renderNode=m.getSearchFormItemRenderNode(s,e.unref(B)),s}))||[]}),d=e.ref([]),z=e.ref([]);function Q(){var t;return((t=a.columns)==null?void 0:t.filter(r=>!r.hideInTable))||[]}e.watch(()=>a.columns,()=>{var r;const t=Q();d.value=t,z.value=t,(r=a.onShownColumnsChange)==null||r.call(a,t)},{deep:!0,immediate:!0});const X=e.computed(()=>{const t=e.unref(d);function r(n){return n.map(o=>{var s;const l={field:ze.dataIndexToField(o.dataIndex),colId:Te.isDef(o.key)?String(o.key):void 0,sortable:!!o.sorter,comparator:o.sorter===!0?()=>0:o.sorter,headerComponentParams:{column:o},cellRendererParams:{column:o,extraValueType:e.unref(B)},resizable:o.resizable,width:o.width,minWidth:o.minWidth,maxWidth:o.maxWidth,flex:o.width?void 0:1,pinned:o.fixed||null,colSpan:o.colSpan,cellClass:w=>{const R=o.cellClass||"",be=p.isFunction(R)?R(w.data,w.node):R;return[`${L("cell",o.align||"left")}`,be].flat().filter(Boolean)},wrapText:!o.ellipsis,autoHeight:!o.ellipsis};return(s=o.children)!=null&&s.length?{...l,children:r(o.children)}:l})}return r(t)}),Y=e.ref({headerComponent:Ae.default,cellRenderer:Ee.default,resizable:a.columnResizable,suppressMovable:!0,cellDataType:!1,cellStyle:{whiteSpace:"pre-line"}}),T=e.ref({});qe.useProvideSorter({sorter:T,setSorter(t){T.value=t}});const Z={asc:"ascend",desc:"descend"};function ee(){var l;const t=(l=g.value.getColumns())==null?void 0:l.filter(s=>s.getSort()!==void 0);if(!(t!=null&&t.length))return;const r=t[0],n=r.getColDef(),o=r.getSort();q(void 0,void 0,{column:n,field:n.field,order:o?Z[o]:null})}const te=e.computed(()=>m.recursionApColumns(e.unref(d),t=>{if(t.sorter===!0)return t.key||t.dataIndex}).filter(Boolean)),{formRef:u,submit:y,reset:v,data:c,tableProps:k,handleTableChangeOptional:q,submitWith:I,refresh:N,getPaging:oe,setPaging:re}=Fe.useTablePaging({async request(t){var n;if(S=!1,!p.isUndefined(a.dataSource)){const o=t.pageSize*(t.current-1);return{data:(a.pagination===!1?a.dataSource:a.dataSource.slice(o,o+t.pageSize))||[],total:a.dataSource.length||0}}const r=await((n=a.request)==null?void 0:n.call(a,t));return{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(a,"params"),defaultData:a.defaultData,manual:a.manual,formatParams:a.beforeSearchSubmit,pagination:a.pagination,sortFields:te}),ae=e.computed(()=>p.isUndefined(a.dataSource)?c.records:a.dataSource),{select:ne,unSelect:le,selectedRows:C,selectedRowKeys:se,clearAll:ie,selectMultiByKeys:de}=ke.default({...a.rowSelection===!0?{}:a.rowSelection,dataSource:ae,rowKey:a.rowKey}),ue={checkbox:"multiRow",radio:"singleRow"},ce=e.computed(()=>{if(!a.rowSelection)return;const{type:t="checkbox",disabled:r}=a.rowSelection===!0?{}:a.rowSelection;return{mode:ue[t],isRowSelectable:n=>r?!r(n.data):!0}}),pe=e.computed(()=>{if(!a.rowSelection)return;const t=a.rowSelection===!0?{}:a.rowSelection;return{sortable:!1,resizable:!1,width:t.columnWidth||60,pinned:t.fixed}});function b(t){return p.isFunction(a.rowKey)?a.rowKey(t):t[a.rowKey]}const P=({api:t=g.value})=>{if(!a.rowSelection)return;const r=C.value;if(!r.length)return;S=!1;const n=[];t.forEachNode(o=>{const l=o.data,s=b(l);r.find(w=>b(w)===s)&&n.push(o)}),t.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{S=!0},0)},me=t=>{S&&(t.node.isSelected()?ne(t.data):le(t.data))},fe=()=>{S=!0},V=()=>{var t;ie(),(t=g.value)==null||t.deselectAll()};function ge(t){de(t),e.nextTick(()=>{P({})})}function D(t=!1){var n,o,l;const r=t?"getFieldsValueTransformed":"getFieldsValue";return(l=(o=(n=u.value)==null?void 0:n.apForm)==null?void 0:o[r])==null?void 0:l.call(o,!0)}function E(t){var r,n,o;(o=(n=(r=u.value)==null?void 0:r.apForm)==null?void 0:n.setFieldsValue)==null||o.call(n,t)}function A(){var t;return((t=u.value)==null?void 0:t.getSorterItems())||[]}function K(t){var r;(r=u.value)==null||r.setSorterItems(t)}function M(){var t;(t=u.value)==null||t.resetSorterItems()}Ie.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>z.value),size:e.computed(()=>O.sizeMap[f.value]),updateColumns(t){var r;console.log(t),d.value=t,(r=a.onShownColumnsChange)==null||r.call(a,t)},updateSize(t){f.value=O.sizeReverseMap[t]},renderConfig:e.computed(()=>({className:j("table-header","title"),color:J.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:D,setSearchFormValues:E,submit:y,submitWith:I,reset:v,refresh:N,getSearchFormSorterItems:A,setSearchFormSorterItems:K,resetSearchFormSorterItems:M});const Se=e.computed(()=>p.isUndefined(a.loading)?c.loading:a.loading),we=e.computed(()=>[i(),a.card?null:i("wrapper"),i("adaptive"),i(`size-${f.value}`)].filter(Boolean)),he=e.computed(()=>({height:"100%",...a.tableStyle||{}})),ye=(t,r)=>{q({current:t,pageSize:r})};function ve(t){const r=t.data;return b(r)}function Ce(t,r){var n;(n=g.value)==null||n.ensureIndexVisible(t,r)}return e.watch(()=>a.size,t=>{f.value=t}),e.watch(()=>e.unref(c).loading,t=>{var r;(r=a.onLoadingChange)==null||r.call(a,t)}),G({submit:y,reset:v,refresh:N,submitWith:I,setSearchFormValues:E,getSearchFormValues:D,getShowColumns:()=>e.unref(d),rowSelection:{selectedRows:e.computed(()=>C.value),setSelectedRowKeys:ge,clearAll:V},scrollToRow:Ce,getDataSource:()=>e.unref(c.records),getPaging:oe,setPaging:re,getSearchFormSorterItems:A,setSearchFormSorterItems:K,resetSearchFormSorterItems:M}),(t,r)=>{var n,o;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(we.value),style:e.normalizeStyle(t.wrapperStyle)},[e.unref(p.isUndefined)(t.dataSource)&&t.searchForm!==!1&&F.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(h)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(xe.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:u,"custom-reset":"","submit-loading":e.unref(k).loading,onSubmit:e.unref(y),onReset:e.unref(v)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[U.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h)("table-wrapper"),t.card?e.unref(h)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("header-wrapper"))},[e.renderSlot(t.$slots,"title",{selectedRows:e.unref(C),selectedRowKeys:e.unref(se),shownColumns:d.value,clearAll:V})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("grid-wrapper"))},[e.createVNode(e.unref(Re.AgGridVue),{style:e.normalizeStyle(he.value),"row-data":e.unref(c).records,"column-defs":X.value,"default-col-def":Y.value,"locale-text":{noRowsToShow:""},"row-selection":ce.value,"selection-column-def":pe.value,"get-row-id":ve,"pinned-top-row-data":(n=t.summary)==null?void 0:n.top,"pinned-bottom-row-data":(o=t.summary)==null?void 0:o.bottom,theme:e.unref(H),onSortChanged:ee,onGridReady:r[0]||(r[0]=l=>g.value=l.api),onRowDataUpdated:P,onRowSelected:me,onFirstDataRendered:fe},null,8,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(h)("table-loading-wrapper"))},[e.createVNode(e.unref(_.Spin),{delay:300})],2),[[e.vShow,Se.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("pagination-wrapper"))},[t.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(_.Pagination),e.mergeProps({key:0,class:e.unref(i)("pagination")},e.unref(k).pagination,{onChange:ye}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6)}}});exports.default=Ke;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Re=require("ag-grid-vue3"),W=require("ag-grid-community"),_=require("@aplus-frontend/antdv"),p=require("lodash-unified");require("../config-provider/index.js");const xe=require("../ap-form/index.js"),Be=require("../ap-table/constants.js"),f=require("../ap-table/utils.js"),Fe=require("../ap-table/hooks/use-table-paging-ng.js"),ze=require("../ap-grid/utils/col.js"),Te=require("../utils/index.js");require("./components/header-cell/index.vue.js");require("./components/body-cell/index.vue.js");const ke=require("./hooks/use-row-selection.js"),qe=require("./context.js"),Ie=require("../ap-table/context.js"),O=require("../ap-grid/constants.js"),Ne=require("@aplus-frontend/antdv/es/theme/internal"),Pe=require("./theme.js"),Ve=require("../config-provider/hooks/use-namespace.js"),De=require("../config-provider/hooks/use-global-config.js"),Ee=require("./components/body-cell/index.vue2.js"),Ae=require("./components/header-cell/index.vue2.js"),Ke=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{}},setup($,{expose:G}){W.ModuleRegistry.registerModules([W.AllCommunityModule]);const r=$,U=e.useSlots(),{e:h,b:i,em:L,be:H}=Ve.useNamespace("ag-grid"),m=e.ref(r.size),j=Pe.useTheme(m,e.toRef(r,"rowHeight")),g=e.ref(),[,J]=Ne.useToken();let S=!!r.dataSource,x=0;const B=De.useGlobalConfig("valueTypeMap"),F=e.computed(()=>{var t,a,n;return x++,((n=(a=(t=r.columns)==null?void 0:t.filter(o=>!o.hideInSearch&&o.dataIndex&&(o.valueType||o.customRenderFormItem)&&!Be.noRenderAsFormItemValueList.includes(o.valueType)))==null?void 0:a.sort((o,l)=>{let s=f.getColumnOrder(o.order);return f.getColumnOrder(l.order)-s}))==null?void 0:n.map(o=>{const l=f.updateFormProps(o,f.getFieldProps(o.fieldProps,{})),s={...o,fieldProps:{label:o.title,name:o.dataIndex,bordered:!0,...l||{},_signal:x},renderNode:void 0};return s.renderNode=f.getSearchFormItemRenderNode(s,e.unref(B)),s}))||[]}),d=e.ref([]),z=e.ref([]);function Q(){var t;return((t=r.columns)==null?void 0:t.filter(a=>!a.hideInTable))||[]}e.watch(()=>r.columns,()=>{var a;const t=Q();d.value=t,z.value=t,(a=r.onShownColumnsChange)==null||a.call(r,t)},{deep:!0,immediate:!0});const X=e.computed(()=>{const t=e.unref(d);function a(n){return n.map(o=>{var s;const l={field:ze.dataIndexToField(o.dataIndex),colId:Te.isDef(o.key)?String(o.key):void 0,sortable:!!o.sorter,comparator:o.sorter===!0?()=>0:o.sorter,headerComponentParams:{column:o},cellRendererParams:{column:o,extraValueType:e.unref(B)},resizable:o.resizable,width:o.width,minWidth:o.minWidth,maxWidth:o.maxWidth,flex:o.width?void 0:1,pinned:o.fixed||null,colSpan:o.colSpan,cellClass:w=>{const R=o.cellClass||"",be=p.isFunction(R)?R(w.data,w.node):R;return[`${L("cell",o.align||"left")}`,be].flat().filter(Boolean)},wrapText:!o.ellipsis,autoHeight:!o.ellipsis};return(s=o.children)!=null&&s.length?{...l,children:a(o.children)}:l})}return a(t)}),Y=e.ref({headerComponent:Ae.default,cellRenderer:Ee.default,resizable:r.columnResizable,suppressMovable:!0,cellDataType:!1,cellStyle:{whiteSpace:"pre-line"}}),T=e.ref({});qe.useProvideSorter({sorter:T,setSorter(t){T.value=t}});const Z={asc:"ascend",desc:"descend"};function ee(){var l;const t=(l=g.value.getColumns())==null?void 0:l.filter(s=>s.getSort()!==void 0);if(!(t!=null&&t.length))return;const a=t[0],n=a.getColDef(),o=a.getSort();q(void 0,void 0,{column:n,field:n.field,order:o?Z[o]:null})}const te=e.computed(()=>f.recursionApColumns(e.unref(d),t=>{if(t.sorter===!0)return t.key||t.dataIndex}).filter(Boolean)),{formRef:u,submit:y,reset:v,data:c,tableProps:k,handleTableChangeOptional:q,submitWith:I,refresh:N,getPaging:oe,setPaging:re}=Fe.useTablePaging({async request(t){var n;if(S=!1,!p.isUndefined(r.dataSource)){const o=t.pageSize*(t.current-1);return{data:(r.pagination===!1?r.dataSource:r.dataSource.slice(o,o+t.pageSize))||[],total:r.dataSource.length||0}}const a=await((n=r.request)==null?void 0:n.call(r,t));return{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(r,"params"),defaultData:r.defaultData,manual:r.manual,formatParams:r.beforeSearchSubmit,pagination:r.pagination,sortFields:te}),ae=e.computed(()=>p.isUndefined(r.dataSource)?c.records:r.dataSource),{select:ne,unSelect:le,selectedRows:C,selectedRowKeys:se,clearAll:ie,selectMultiByKeys:de}=ke.default({...r.rowSelection===!0?{}:r.rowSelection,dataSource:ae,rowKey:r.rowKey}),ue={checkbox:"multiRow",radio:"singleRow"},ce=e.computed(()=>{if(!r.rowSelection)return;const{type:t="checkbox",disabled:a}=r.rowSelection===!0?{}:r.rowSelection;return{mode:ue[t],isRowSelectable:n=>a?!a(n.data):!0}}),pe=e.computed(()=>{if(!r.rowSelection)return;const t=r.rowSelection===!0?{}:r.rowSelection;return{sortable:!1,resizable:!1,width:t.columnWidth||60,pinned:t.fixed}});function b(t){return p.isFunction(r.rowKey)?r.rowKey(t):t[r.rowKey]}const P=({api:t=g.value})=>{if(!r.rowSelection)return;const a=C.value;if(!a.length)return;S=!1;const n=[];t.forEachNode(o=>{const l=o.data,s=b(l);a.find(w=>b(w)===s)&&n.push(o)}),t.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{S=!0},0)},fe=t=>{S&&(t.node.isSelected()?ne(t.data):le(t.data))},me=()=>{S=!0},V=()=>{var t;ie(),(t=g.value)==null||t.deselectAll()};function ge(t){de(t),e.nextTick(()=>{P({})})}function D(t=!1){var n,o,l;const a=t?"getFieldsValueTransformed":"getFieldsValue";return(l=(o=(n=u.value)==null?void 0:n.apForm)==null?void 0:o[a])==null?void 0:l.call(o,!0)}function E(t){var a,n,o;(o=(n=(a=u.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||o.call(n,t)}function A(){var t;return((t=u.value)==null?void 0:t.getSorterItems())||[]}function K(t){var a;(a=u.value)==null||a.setSorterItems(t)}function M(){var t;(t=u.value)==null||t.resetSorterItems()}Ie.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>z.value),size:e.computed(()=>O.sizeMap[m.value]),updateColumns(t){var a;console.log(t),d.value=t,(a=r.onShownColumnsChange)==null||a.call(r,t)},updateSize(t){m.value=O.sizeReverseMap[t]},renderConfig:e.computed(()=>({className:H("table-header","title"),color:J.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:D,setSearchFormValues:E,submit:y,submitWith:I,reset:v,refresh:N,getSearchFormSorterItems:A,setSearchFormSorterItems:K,resetSearchFormSorterItems:M});const Se=e.computed(()=>p.isUndefined(r.loading)?c.loading:r.loading),we=e.computed(()=>[i(),r.card?null:i("wrapper"),i("adaptive"),i(`size-${m.value}`)].filter(Boolean)),he=e.computed(()=>({height:"100%",...r.tableStyle||{}})),ye=(t,a)=>{q({current:t,pageSize:a})};function ve(t){const a=t.data;return b(a)}function Ce(t,a){var n;(n=g.value)==null||n.ensureIndexVisible(t,a)}return e.watch(()=>r.size,t=>{m.value=t}),e.watch(()=>e.unref(c).loading,t=>{var a;(a=r.onLoadingChange)==null||a.call(r,t)}),G({submit:y,reset:v,refresh:N,submitWith:I,setSearchFormValues:E,getSearchFormValues:D,getShowColumns:()=>e.unref(d),rowSelection:{selectedRows:e.computed(()=>C.value),setSelectedRowKeys:ge,clearAll:V},scrollToRow:Ce,getDataSource:()=>e.unref(c.records),getPaging:oe,setPaging:re,getSearchFormSorterItems:A,setSearchFormSorterItems:K,resetSearchFormSorterItems:M}),(t,a)=>{var n,o;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(we.value),style:e.normalizeStyle(t.wrapperStyle)},[e.unref(p.isUndefined)(t.dataSource)&&t.searchForm!==!1&&F.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(h)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(xe.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:u,"custom-reset":"","submit-loading":e.unref(k).loading,onSubmit:e.unref(y),onReset:e.unref(v)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[U.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h)("table-wrapper"),t.card?e.unref(h)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("header-wrapper"))},[e.renderSlot(t.$slots,"title",{selectedRows:e.unref(C),selectedRowKeys:e.unref(se),shownColumns:d.value,clearAll:V})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("grid-wrapper"))},[e.createVNode(e.unref(Re.AgGridVue),{style:e.normalizeStyle(he.value),"row-data":e.unref(c).records,"column-defs":X.value,"default-col-def":Y.value,"locale-text":{noRowsToShow:""},"row-selection":ce.value,"selection-column-def":pe.value,"get-row-id":ve,"pinned-top-row-data":(n=t.summary)==null?void 0:n.top,"pinned-bottom-row-data":(o=t.summary)==null?void 0:o.bottom,theme:e.unref(j),onSortChanged:ee,onGridReady:a[0]||(a[0]=l=>g.value=l.api),onRowDataUpdated:P,onRowSelected:fe,onFirstDataRendered:me},null,8,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(h)("table-loading-wrapper"))},[e.createVNode(e.unref(_.Spin),{delay:300})],2),[[e.vShow,Se.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("pagination-wrapper"))},[t.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(_.Pagination),e.mergeProps({key:0,class:e.unref(i)("pagination")},e.unref(k).pagination,{onChange:ye}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6)}}});exports.default=Ke;
@@ -200,6 +200,10 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
200
200
  top?: RecordType[];
201
201
  bottom?: RecordType[];
202
202
  };
203
+ /**
204
+ * 指定每一行占据的高度(大量数据展示时的性能优化)
205
+ */
206
+ rowHeight?: number;
203
207
  };
204
208
  export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
205
209
  /**
@@ -1,3 +1,3 @@
1
1
  import { Ref, ComputedRef } from 'vue';
2
2
  import { Theme, ThemeDefaultParams } from 'ag-grid-community';
3
- export declare const useTheme: (size: Ref<"medium" | "mini" | undefined>) => ComputedRef<Theme<ThemeDefaultParams>>;
3
+ export declare const useTheme: (size: Ref<"medium" | "mini" | undefined>, rowHeight: Ref<undefined | number>) => ComputedRef<Theme<ThemeDefaultParams>>;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@aplus-frontend/antdv/es/theme/internal"),c=require("ag-grid-community"),a=require("vue"),i=r=>{const[,t]=n.useToken();return a.computed(()=>{const o=r.value==="mini",e=t.value;return c.themeQuartz.withParams({headerHeight:"36px",headerFontSize:"12px",dataFontSize:"12px",rowHeight:o?"30px":"36px",spacing:o?"5px":"6.5px",foregroundColor:e.colorTextBase,wrapperBorder:!1,rowBorder:{color:e.colorBorderSecondary},headerRowBorder:{color:e.colorBorderSecondary},selectedRowBackgroundColor:e.controlItemBgActive,checkboxCheckedBackgroundColor:e.colorPrimary})})};exports.useTheme=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@aplus-frontend/antdv/es/theme/internal"),a=require("ag-grid-community"),i=require("vue"),u=(o,r)=>{const[,t]=c.useToken();return i.computed(()=>{const n=o.value==="mini",e=t.value;return a.themeQuartz.withParams({headerHeight:"36px",headerFontSize:"12px",dataFontSize:"12px",rowHeight:r.value,spacing:n?"5px":"6.5px",foregroundColor:e.colorTextBase,wrapperBorder:!1,rowBorder:{color:e.colorBorderSecondary},headerRowBorder:{color:e.colorBorderSecondary},selectedRowBackgroundColor:e.controlItemBgActive,checkboxCheckedBackgroundColor:e.colorPrimary})})};exports.useTheme=u;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("vxe-table");require("vxe-table/es/style.css");const i=require("lodash-unified"),be=require("../ap-form/index.js");require("../config-provider/index.js");const Re=require("../ap-table/constants.js"),p=require("../ap-table/utils.js"),xe=require("../ap-table/hooks/use-table-paging-ng.js"),b=require("@aplus-frontend/antdv"),ke=require("./hooks/use-inner-params.js"),F=require("./utils/table.js"),Be=require("./hooks/use-row-selection.js"),Fe=require("../ap-table/context.js"),E=require("./constants.js"),Ee=require("./hooks/use-render-columns.js"),Ie=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const Ne=require("../utils/index.js"),Pe=require("../utils/slot.js"),ze=require("./hooks/use-table-style.js"),Ve=require("../config-provider/hooks/use-namespace.js"),qe=require("../config-provider/hooks/use-global-config.js"),Te=require("../config-provider/hooks/use-locale.js"),_e=require("../scroll-bar/index.vue.js"),Ae=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},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],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean,default:void 0},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function],default:!1},treeConfig:{}},setup(M,{expose:W}){var U;const g=e.useSlots(),o=M,y=(U=e.getCurrentInstance())==null?void 0:U.appContext.app;y&&!y.__VXE_PC_UI_INSTALLED__&&(y.use(v.VxeUI),y.__VXE_PC_UI_INSTALLED__=!0);const{e:S,b:u,be:j}=Ve.useNamespace("ap-grid"),H=qe.useGlobalConfig("valueTypeMap"),s=e.ref([]),I=e.ref([]),l=e.ref(),w=e.ref(o.size),G=ze.useTableStyle(),[,X]=Ie.useToken(),{t:J}=Te.useLocale();v.VxeUI.setConfig({i18n:(t,r)=>J(`ap.${t}`,r)});const{renderConfig:Q,updateSignal:Y}=Ee.useRenderColumns(s);let N=0;const Z=e.computed(()=>{if(l.value)return l.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),P=e.computed(()=>{var t,r,n;return N++,((n=(r=(t=o.columns)==null?void 0:t.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!Re.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:r.sort((a,c)=>{let h=p.getColumnOrder(a.order);return p.getColumnOrder(c.order)-h}))==null?void 0:n.map(a=>{const c=p.updateFormProps(a,p.getFieldProps(a.fieldProps,{})),h={...a,fieldProps:{label:a.title,name:a.dataIndex,bordered:!0,...c||{},_signal:N},renderNode:void 0};return h.renderNode=p.getSearchFormItemRenderNode(h,e.unref(H)),h}))||[]}),ee=e.computed(()=>{var r;return Ne.isDef(o.manual)?o.manual:Pe.getValidVNodeList(((r=g.searchFormExtra)==null?void 0:r.call(g))||[]).some(n=>{var a;return((a=n.type)==null?void 0:a.name)==="ApView"})}),te=e.computed(()=>[u(),o.card?null:u("wrapper"),o.adaptive?u("adaptive"):null,o.sticky?u("sticky"):null].filter(Boolean)),z=e.computed(()=>p.recursionApColumns(e.unref(s),t=>{if(t.sorter===!0)return t.key||t.dataIndex}).filter(Boolean)),V=e.computed(()=>p.recursionApColumns(e.unref(s),t=>{if(t.filters&&!t.onFilter)return t.key||t.dataIndex}).filter(Boolean)),{formRef:m,submit:R,reset:x,refresh:q,data:d,tableProps:T,setDataSource:re,handleTableChangeOptional:oe,getPaging:ae,setPaging:ne,submitWith:_}=xe.useTablePaging({async request(t){var n;if(!f.value.preserveSelectedRowKeys&&i.isUndefined(o.dataSource)&&B(),!i.isUndefined(o.dataSource)){const a=t.pageSize*(t.current-1);return{data:(o.pagination===!1?o.dataSource:o.dataSource.slice(a,a+t.pageSize))||[],total:o.dataSource.length||0}}const r=await((n=o.request)==null?void 0:n.call(o,t));return{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},namespace:"ap-grid",filterFields:V,sortFields:z,params:e.toRef(o,"params"),defaultData:o.defaultData,manual:e.unref(ee),formatParams:o.beforeSearchSubmit,pagination:o.pagination,onClickReset:Se,onAfterRequest:$}),{sortChangeEvent:le,filterChangeEvent:se,paginationChangeEvent:ue}=ke.useInnerParams(oe);Fe.useProvideApTable({columns:e.computed(()=>s.value),columnsBackup:e.computed(()=>I.value),size:e.computed(()=>E.sizeMap[w.value]),updateColumns(t){var r;s.value=t,(r=o.onShownColumnsChange)==null||r.call(o,t)},updateSize(t){w.value=E.sizeReverseMap[t]},renderConfig:e.computed(()=>({className:j("table-header","title"),color:X.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(d).records),getSearchFormValues:L,setSearchFormValues:A,submit:R,submitWith:_,reset:x,refresh:q,getSearchFormSorterItems:K,setSearchFormSorterItems:D,resetSearchFormSorterItems:O});const ce=e.computed(()=>s.value.some(t=>t.fixed==="left"||t.fixed===!0)?"left":void 0),ie=e.computed(()=>i.isUndefined(o.loading)?d.loading:o.loading),de=e.computed(()=>i.isUndefined(o.dataSource)?d.records:o.dataSource),{selectedRows:k,rowSelection:f,...C}=Be.default({...o.rowSelection===!0?{}:o.rowSelection,dataSource:de,rowKey:o.rowKey}),fe=({checked:t})=>{const r=l.value;r&&r&&C.selectChange(t,r.getCheckboxRecords(),r.getCheckboxReserveRecords())},pe=({checked:t})=>{const r=l.value;r&&C.selectAllChange(t,[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},me=()=>{const t=l.value;t&&C.selectRangeChange(t.getCheckboxRecords(),[...t.getCheckboxReserveRecords(),...t.getCheckboxRecords()])},ge=()=>{const t=l.value;t&&(k.value=[t.getRadioRecord()])},Ce=({row:t})=>{const r=o.rowHighlightable;i.isFunction(r)&&r(t)};function he(){var t;return((t=o.columns)==null?void 0:t.filter(r=>!r.hideInTable))||[]}function A(t){var r,n,a;(a=(n=(r=m.value)==null?void 0:r.apForm)==null?void 0:n.setFieldsValue)==null||a.call(n,t)}function L(t=!1){var n,a,c;const r=t?"getFieldsValueTransformed":"getFieldsValue";return(c=(a=(n=m.value)==null?void 0:n.apForm)==null?void 0:a[r])==null?void 0:c.call(a,!0)}function K(){var t;return((t=m.value)==null?void 0:t.getSorterItems())||[]}function D(t){var r;(r=m.value)==null||r.setSorterItems(t)}function O(){var t;(t=m.value)==null||t.resetSorterItems()}function B(){C.clearAll();const t=l.value;t&&(f.value.type==="radio"?(t.clearRadioRow(),t.clearRadioReserve()):(t.clearCheckboxRow(),t.clearCheckboxReserve()))}function ve(t){i.isFunction(o.rowKey)||(C.selectMultiByKeys(t),$())}function ye(t){const r=l.value;if(!r)return;const n=String(t[o.rowKey]),a=r.getRowById(n);r.setCurrentRow(a)}function Se(){const t=l.value;t&&(t.clearSort(),t.clearFilter())}function $(){e.nextTick(()=>{var t,r;f.value.type==="radio"?(t=l.value)==null||t.setRadioRowKey(f.value.selectedRowKeys[0]):(r=l.value)==null||r.setCheckboxRowKey(f.value.selectedRowKeys,!0)})}async function we(t,r){var a;const n=d.records[t];if(n)return(a=l.value)==null?void 0:a.scrollToRow(n,r)}return e.watch([o.columnResizable,o.columns],()=>{var r;const t=he();s.value=t,(r=o.onShownColumnsChange)==null||r.call(o,t),I.value=t},{deep:!0,immediate:!0}),e.watch(()=>o.dataSource,t=>{re(t)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(d).loading,t=>{var r;(r=o.onLoadingChange)==null||r.call(o,t)}),e.watch(()=>o.size,t=>{w.value=t}),W({submit:R,reset:x,refresh:q,submitWith:_,setSearchFormValues:A,getSearchFormValues:L,getShowColumns:()=>e.unref(s),rowSelection:{selectedRows:e.computed(()=>k.value),setSelectedRowKeys:ve,clearAll:B},scrollToRow:we,getDataSource:()=>e.unref(d.records),setCurrentRow:ye,getPaging:ae,setPaging:ne,getSearchFormSorterItems:K,setSearchFormSorterItems:D,resetSearchFormSorterItems:O}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(te.value),style:e.normalizeStyle(t.wrapperStyle)},[e.unref(i.isUndefined)(t.dataSource)&&t.searchForm!==!1&&P.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(S)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(be.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:m,"custom-reset":"","submit-loading":e.unref(T).loading,onSubmit:e.unref(R),onReset:e.unref(x)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(S)("table-wrapper"),t.card?e.unref(S)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(t.$slots,"title",{selectedRows:e.unref(k),selectedRowKeys:e.unref(f).selectedRowKeys,shownColumns:s.value,clearAll:B})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(v.VxeTable),e.mergeProps(e.unref(F.toVxeProps)(o),{ref_key:"tableRef",ref:l,key:e.unref(Y),data:e.unref(d).records,"sort-config":{remote:z.value.length>0,trigger:"cell"},"filter-config":{remote:V.value.length>0},loading:ie.value,style:e.unref(G),size:w.value,onSortChange:e.unref(le),onFilterChange:e.unref(se),onCheckboxChange:fe,onCheckboxRangeChange:me,onCheckboxAll:pe,onRadioChange:ge,onCurrentRowChange:Ce}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(b.Empty),{image:e.unref(b.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),loading:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(S)("table-loading-wrapper"))},[e.createVNode(e.unref(b.Spin))],2)]),default:e.withCtx(()=>[o.expandable&&s.value.length?(e.openBlock(),e.createBlock(e.unref(v.VxeColumn),e.mergeProps({key:0},e.unref(F.getRowExpandProps)(t.expandable),{fixed:ce.value}),{content:e.withCtx(n=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.expandable.renderContent(n))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),o.rowSelection&&s.value.length?(e.openBlock(),e.createBlock(e.unref(v.VxeColumn),e.mergeProps({key:1},e.unref(F.getRowSelectionProps)(e.unref(f),s.value,o.size),{resizable:!1,field:e.unref(E.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Q),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:n.props.colId}))),128))]),_:2},[e.renderList(e.unref(i.omit)(g,["searchFormExtra"]),(n,a)=>({name:a,fn:e.withCtx(c=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(c||{})))])}))]),1040,["data","sort-config","filter-config","loading","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[t.sticky?(e.openBlock(),e.createBlock(e.unref(_e.default),{key:0,direction:"horizontal","scroll-container":Z.value,"extra-size":-4.2,"bar-color":"var(--ap-scrollbar-thumb-color-base)","track-color":"var(--ap-table-header-bg, #f2f6f9)"},null,8,["scroll-container"])):e.createCommentVNode("",!0),t.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(b.Pagination),e.mergeProps({key:1,class:e.unref(u)("pagination")},e.unref(T).pagination,{onChange:e.unref(ue)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Ae;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("vxe-table");require("vxe-table/es/style.css");const i=require("lodash-unified"),be=require("../ap-form/index.js");require("../config-provider/index.js");const Re=require("../ap-table/constants.js"),p=require("../ap-table/utils.js"),xe=require("../ap-table/hooks/use-table-paging-ng.js"),b=require("@aplus-frontend/antdv"),ke=require("./hooks/use-inner-params.js"),F=require("./utils/table.js"),Be=require("./hooks/use-row-selection.js"),Fe=require("../ap-table/context.js"),E=require("./constants.js"),Ee=require("./hooks/use-render-columns.js"),Ie=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const Ne=require("../utils/index.js"),Pe=require("../utils/slot.js"),ze=require("./hooks/use-table-style.js"),Ve=require("../config-provider/hooks/use-namespace.js"),qe=require("../config-provider/hooks/use-global-config.js"),Te=require("../config-provider/hooks/use-locale.js"),_e=require("../scroll-bar/index.vue.js"),Ae=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},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],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean,default:void 0},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function],default:!1},treeConfig:{}},setup(M,{expose:W}){var U;const g=e.useSlots(),o=M,y=(U=e.getCurrentInstance())==null?void 0:U.appContext.app;y&&!y.__VXE_PC_UI_INSTALLED__&&(y.use(v.VxeUI),y.__VXE_PC_UI_INSTALLED__=!0);const{e:S,b:u,be:j}=Ve.useNamespace("ap-grid"),H=qe.useGlobalConfig("valueTypeMap"),s=e.ref([]),I=e.ref([]),l=e.ref(),w=e.ref(o.size),G=ze.useTableStyle(),[,X]=Ie.useToken(),{t:J}=Te.useLocale();v.VxeUI.setConfig({i18n:(t,r)=>J(`ap.${t}`,r)});const{renderConfig:Q,updateSignal:Y}=Ee.useRenderColumns(s);let N=0;const Z=e.computed(()=>{if(l.value)return l.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),P=e.computed(()=>{var t,r,n;return N++,((n=(r=(t=o.columns)==null?void 0:t.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!Re.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:r.sort((a,c)=>{let h=p.getColumnOrder(a.order);return p.getColumnOrder(c.order)-h}))==null?void 0:n.map(a=>{const c=p.updateFormProps(a,p.getFieldProps(a.fieldProps,{})),h={...a,fieldProps:{label:a.title,name:a.dataIndex,bordered:!0,...c||{},_signal:N},renderNode:void 0};return h.renderNode=p.getSearchFormItemRenderNode(h,e.unref(H)),h}))||[]}),ee=e.computed(()=>{var r;return Ne.isDef(o.manual)?o.manual:Pe.getValidVNodeList(((r=g.searchFormExtra)==null?void 0:r.call(g))||[]).some(n=>{var a;return((a=n.type)==null?void 0:a.name)==="ApView"})}),te=e.computed(()=>[u(),o.card?null:u("wrapper"),o.adaptive?u("adaptive"):null,o.sticky?u("sticky"):null].filter(Boolean)),z=e.computed(()=>p.recursionApColumns(e.unref(s),t=>{if(t.sorter===!0)return t.key||t.dataIndex}).filter(Boolean)),V=e.computed(()=>p.recursionApColumns(e.unref(s),t=>{if(t.filters&&!t.onFilter)return t.key||t.dataIndex}).filter(Boolean)),{formRef:m,submit:R,reset:x,refresh:q,data:d,tableProps:T,setDataSource:re,handleTableChangeOptional:oe,getPaging:ae,setPaging:ne,submitWith:_}=xe.useTablePaging({async request(t){var n;if(!f.value.preserveSelectedRowKeys&&i.isUndefined(o.dataSource)&&B(),!i.isUndefined(o.dataSource)){const a=t.pageSize*(t.current-1);return{data:(o.pagination===!1?o.dataSource:o.dataSource.slice(a,a+t.pageSize))||[],total:o.dataSource.length||0}}const r=await((n=o.request)==null?void 0:n.call(o,t));return{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},namespace:"ap-grid",filterFields:V,sortFields:z,params:e.toRef(o,"params"),defaultData:o.defaultData,manual:e.unref(ee),formatParams:o.beforeSearchSubmit,pagination:o.pagination,onClickReset:Se,onAfterRequest:$}),{sortChangeEvent:le,filterChangeEvent:se,paginationChangeEvent:ue}=ke.useInnerParams(oe);Fe.useProvideApTable({columns:e.computed(()=>s.value),columnsBackup:e.computed(()=>I.value),size:e.computed(()=>E.sizeMap[w.value]),updateColumns(t){var r;s.value=t,(r=o.onShownColumnsChange)==null||r.call(o,t)},updateSize(t){w.value=E.sizeReverseMap[t]},renderConfig:e.computed(()=>({className:j("table-header","title"),color:X.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(d).records),getSearchFormValues:L,setSearchFormValues:A,submit:R,submitWith:_,reset:x,refresh:q,getSearchFormSorterItems:K,setSearchFormSorterItems:D,resetSearchFormSorterItems:O});const ce=e.computed(()=>s.value.some(t=>t.fixed==="left"||t.fixed===!0)?"left":void 0),ie=e.computed(()=>i.isUndefined(o.loading)?d.loading:o.loading),de=e.computed(()=>i.isUndefined(o.dataSource)?d.records:o.dataSource),{selectedRows:k,rowSelection:f,...C}=Be.default({...o.rowSelection===!0?{}:o.rowSelection,dataSource:de,rowKey:o.rowKey}),fe=({checked:t})=>{const r=l.value;r&&r&&C.selectChange(t,r.getCheckboxRecords(),r.getCheckboxReserveRecords())},pe=({checked:t})=>{const r=l.value;r&&C.selectAllChange(t,[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},me=()=>{const t=l.value;t&&C.selectRangeChange(t.getCheckboxRecords(),[...t.getCheckboxReserveRecords(),...t.getCheckboxRecords()])},ge=()=>{const t=l.value;t&&(k.value=[t.getRadioRecord()])},Ce=({row:t})=>{const r=o.rowHighlightable;i.isFunction(r)&&r(t)};function he(){var t;return((t=o.columns)==null?void 0:t.filter(r=>!r.hideInTable))||[]}function A(t){var r,n,a;(a=(n=(r=m.value)==null?void 0:r.apForm)==null?void 0:n.setFieldsValue)==null||a.call(n,t)}function L(t=!1){var n,a,c;const r=t?"getFieldsValueTransformed":"getFieldsValue";return(c=(a=(n=m.value)==null?void 0:n.apForm)==null?void 0:a[r])==null?void 0:c.call(a,!0)}function K(){var t;return((t=m.value)==null?void 0:t.getSorterItems())||[]}function D(t){var r;(r=m.value)==null||r.setSorterItems(t)}function O(){var t;(t=m.value)==null||t.resetSorterItems()}function B(){C.clearAll();const t=l.value;t&&(f.value.type==="radio"?(t.clearRadioRow(),t.clearRadioReserve()):(t.clearCheckboxRow(),t.clearCheckboxReserve()))}function ve(t){i.isFunction(o.rowKey)||(C.selectMultiByKeys(t),$())}function ye(t){const r=l.value;if(!r)return;const n=String(t[o.rowKey]),a=r.getRowById(n);r.setCurrentRow(a)}function Se(){const t=l.value;t&&(t.clearSort(),t.clearFilter())}function $(){e.nextTick(()=>{var t,r;f.value.type==="radio"?(t=l.value)==null||t.setRadioRowKey(f.value.selectedRowKeys[0]):(r=l.value)==null||r.setCheckboxRowKey(f.value.selectedRowKeys,!0)})}async function we(t,r){var a;const n=d.records[t];if(n)return(a=l.value)==null?void 0:a.scrollToRow(n,r)}return e.watch(()=>[o.columnResizable,o.columns],()=>{var r;const t=he();s.value=t,(r=o.onShownColumnsChange)==null||r.call(o,t),I.value=t},{deep:!0,immediate:!0}),e.watch(()=>o.dataSource,t=>{re(t)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(d).loading,t=>{var r;(r=o.onLoadingChange)==null||r.call(o,t)}),e.watch(()=>o.size,t=>{w.value=t}),W({submit:R,reset:x,refresh:q,submitWith:_,setSearchFormValues:A,getSearchFormValues:L,getShowColumns:()=>e.unref(s),rowSelection:{selectedRows:e.computed(()=>k.value),setSelectedRowKeys:ve,clearAll:B},scrollToRow:we,getDataSource:()=>e.unref(d.records),setCurrentRow:ye,getPaging:ae,setPaging:ne,getSearchFormSorterItems:K,setSearchFormSorterItems:D,resetSearchFormSorterItems:O}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(te.value),style:e.normalizeStyle(t.wrapperStyle)},[e.unref(i.isUndefined)(t.dataSource)&&t.searchForm!==!1&&P.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(S)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(be.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:m,"custom-reset":"","submit-loading":e.unref(T).loading,onSubmit:e.unref(R),onReset:e.unref(x)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(S)("table-wrapper"),t.card?e.unref(S)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(t.$slots,"title",{selectedRows:e.unref(k),selectedRowKeys:e.unref(f).selectedRowKeys,shownColumns:s.value,clearAll:B})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(v.VxeTable),e.mergeProps(e.unref(F.toVxeProps)(o),{ref_key:"tableRef",ref:l,key:e.unref(Y),data:e.unref(d).records,"sort-config":{remote:z.value.length>0,trigger:"cell"},"filter-config":{remote:V.value.length>0},loading:ie.value,style:e.unref(G),size:w.value,onSortChange:e.unref(le),onFilterChange:e.unref(se),onCheckboxChange:fe,onCheckboxRangeChange:me,onCheckboxAll:pe,onRadioChange:ge,onCurrentRowChange:Ce}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(b.Empty),{image:e.unref(b.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),loading:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(S)("table-loading-wrapper"))},[e.createVNode(e.unref(b.Spin))],2)]),default:e.withCtx(()=>[o.expandable&&s.value.length?(e.openBlock(),e.createBlock(e.unref(v.VxeColumn),e.mergeProps({key:0},e.unref(F.getRowExpandProps)(t.expandable),{fixed:ce.value}),{content:e.withCtx(n=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.expandable.renderContent(n))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),o.rowSelection&&s.value.length?(e.openBlock(),e.createBlock(e.unref(v.VxeColumn),e.mergeProps({key:1},e.unref(F.getRowSelectionProps)(e.unref(f),s.value,o.size),{resizable:!1,field:e.unref(E.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Q),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:n.props.colId}))),128))]),_:2},[e.renderList(e.unref(i.omit)(g,["searchFormExtra"]),(n,a)=>({name:a,fn:e.withCtx(c=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(c||{})))])}))]),1040,["data","sort-config","filter-config","loading","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[t.sticky?(e.openBlock(),e.createBlock(e.unref(_e.default),{key:0,direction:"horizontal","scroll-container":Z.value,"extra-size":-4.2,"bar-color":"var(--ap-scrollbar-thumb-color-base)","track-color":"var(--ap-table-header-bg, #f2f6f9)"},null,8,["scroll-container"])):e.createCommentVNode("",!0),t.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(b.Pagination),e.mergeProps({key:1,class:e.unref(u)("pagination")},e.unref(T).pagination,{onChange:e.unref(ue)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Ae;
@@ -1,2 +1,2 @@
1
- declare const _default: "6.22.0";
1
+ declare const _default: "6.22.2";
2
2
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.22.0";exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.22.2";exports.default=e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "6.22.0",
3
+ "version": "6.22.2",
4
4
  "main": "./lib/index.js",
5
5
  "type": "module",
6
6
  "files": [
@@ -655,6 +655,7 @@
655
655
  }
656
656
  .aplus-ag-grid-size-mini .ag-cell {
657
657
  line-height: 18px;
658
+ padding-block: 6px;
658
659
  width: 100%;
659
660
  display: flex;
660
661
  align-items: center;
@@ -664,6 +665,7 @@
664
665
  }
665
666
  .aplus-ag-grid-size-medium .ag-cell {
666
667
  line-height: 18px;
668
+ padding-block: 9px;
667
669
  display: flex;
668
670
  align-items: center;
669
671
  }
@@ -122,6 +122,7 @@
122
122
  &-size-mini {
123
123
  .ag-cell {
124
124
  line-height: @line-height-base;
125
+ padding-block: 6px;
125
126
  width: 100%;
126
127
  display: flex;
127
128
  align-items: center;
@@ -133,6 +134,7 @@
133
134
  &-size-medium {
134
135
  .ag-cell {
135
136
  line-height: @line-height-base;
137
+ padding-block: 9px;
136
138
  display: flex;
137
139
  align-items: center;
138
140
  & > div {
package/theme/index.css CHANGED
@@ -4308,6 +4308,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4308
4308
  }
4309
4309
  .aplus-ag-grid-size-mini .ag-cell {
4310
4310
  line-height: 18px;
4311
+ padding-block: 6px;
4311
4312
  width: 100%;
4312
4313
  display: flex;
4313
4314
  align-items: center;
@@ -4317,6 +4318,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4317
4318
  }
4318
4319
  .aplus-ag-grid-size-medium .ag-cell {
4319
4320
  line-height: 18px;
4321
+ padding-block: 9px;
4320
4322
  display: flex;
4321
4323
  align-items: center;
4322
4324
  }