@aplus-frontend/ui 6.22.0 → 6.22.1

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
  };
@@ -1,2 +1,2 @@
1
- declare const _default: "6.22.0";
1
+ declare const _default: "6.22.1";
2
2
  export default _default;
@@ -1,4 +1,4 @@
1
- const e = "6.22.0";
1
+ const e = "6.22.1";
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,2 +1,2 @@
1
- declare const _default: "6.22.0";
1
+ declare const _default: "6.22.1";
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.1";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.1",
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
  }