@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.
- package/es/src/ag-grid/index.vue.mjs +147 -146
- package/es/src/ag-grid/interface.d.ts +4 -0
- package/es/src/ag-grid/theme.d.ts +1 -1
- package/es/src/ag-grid/theme.mjs +9 -9
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/index.vue.js +1 -1
- package/lib/src/ag-grid/interface.d.ts +4 -0
- package/lib/src/ag-grid/theme.d.ts +1 -1
- package/lib/src/ag-grid/theme.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +1 -1
- package/theme/ag-grid/index.css +2 -0
- package/theme/ag-grid/index.less +2 -0
- package/theme/index.css +2 -0
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { AgGridVue as
|
|
3
|
-
import { ModuleRegistry as
|
|
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
|
|
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
|
|
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__ */
|
|
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(
|
|
89
|
-
|
|
90
|
-
const
|
|
91
|
-
let w = !!
|
|
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,
|
|
94
|
-
return D++, ((a = (
|
|
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 :
|
|
97
|
-
let i =
|
|
98
|
-
return
|
|
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
|
|
122
|
+
function de() {
|
|
122
123
|
var e;
|
|
123
|
-
return ((e =
|
|
124
|
+
return ((e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInTable)) || [];
|
|
124
125
|
}
|
|
125
126
|
k(
|
|
126
|
-
() =>
|
|
127
|
+
() => o.columns,
|
|
127
128
|
() => {
|
|
128
|
-
var
|
|
129
|
-
const e =
|
|
130
|
-
c.value = e, N.value = 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
|
|
138
|
+
const ce = s(() => {
|
|
138
139
|
const e = n(c);
|
|
139
|
-
function
|
|
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 || "",
|
|
165
|
+
const I = t.cellClass || "", Ne = ee(I) ? I(h.data, h.node) : I;
|
|
165
166
|
return [
|
|
166
|
-
`${
|
|
167
|
-
|
|
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:
|
|
176
|
+
children: r(t.children)
|
|
176
177
|
} : l;
|
|
177
178
|
});
|
|
178
179
|
}
|
|
179
|
-
return
|
|
180
|
-
}),
|
|
180
|
+
return r(e);
|
|
181
|
+
}), ue = u({
|
|
181
182
|
headerComponent: gt,
|
|
182
183
|
cellRenderer: ft,
|
|
183
|
-
resizable:
|
|
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
|
|
197
|
+
const me = {
|
|
197
198
|
asc: "ascend",
|
|
198
199
|
desc: "descend"
|
|
199
200
|
};
|
|
200
|
-
function
|
|
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
|
|
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 ?
|
|
210
|
+
order: t ? me[t] : null
|
|
210
211
|
});
|
|
211
212
|
}
|
|
212
|
-
const
|
|
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:
|
|
225
|
-
setPaging:
|
|
225
|
+
getPaging: ge,
|
|
226
|
+
setPaging: Se
|
|
226
227
|
} = ot({
|
|
227
228
|
async request(e) {
|
|
228
229
|
var a;
|
|
229
|
-
if (w = !1, !R(
|
|
230
|
+
if (w = !1, !R(o.dataSource)) {
|
|
230
231
|
const t = e.pageSize * (e.current - 1);
|
|
231
232
|
return {
|
|
232
|
-
data: (
|
|
233
|
-
total:
|
|
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
|
|
237
|
+
const r = await ((a = o.request) == null ? void 0 : a.call(o, e));
|
|
237
238
|
return {
|
|
238
|
-
data: (
|
|
239
|
-
total: (
|
|
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:
|
|
245
|
-
defaultData:
|
|
246
|
-
manual:
|
|
247
|
-
formatParams:
|
|
248
|
-
pagination:
|
|
249
|
-
sortFields:
|
|
250
|
-
}),
|
|
251
|
-
() => R(
|
|
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:
|
|
254
|
-
unSelect:
|
|
254
|
+
select: he,
|
|
255
|
+
unSelect: ye,
|
|
255
256
|
selectedRows: T,
|
|
256
|
-
selectedRowKeys:
|
|
257
|
-
clearAll:
|
|
258
|
-
selectMultiByKeys:
|
|
257
|
+
selectedRowKeys: ve,
|
|
258
|
+
clearAll: Ce,
|
|
259
|
+
selectMultiByKeys: be
|
|
259
260
|
} = nt({
|
|
260
|
-
...
|
|
261
|
-
dataSource:
|
|
262
|
-
rowKey:
|
|
263
|
-
}),
|
|
261
|
+
...o.rowSelection === !0 ? {} : o.rowSelection,
|
|
262
|
+
dataSource: we,
|
|
263
|
+
rowKey: o.rowKey
|
|
264
|
+
}), Re = {
|
|
264
265
|
checkbox: "multiRow",
|
|
265
266
|
radio: "singleRow"
|
|
266
|
-
},
|
|
267
|
-
if (!
|
|
267
|
+
}, xe = s(() => {
|
|
268
|
+
if (!o.rowSelection)
|
|
268
269
|
return;
|
|
269
|
-
const { type: e = "checkbox", disabled:
|
|
270
|
+
const { type: e = "checkbox", disabled: r } = o.rowSelection === !0 ? {} : o.rowSelection;
|
|
270
271
|
return {
|
|
271
|
-
mode:
|
|
272
|
-
isRowSelectable: (a) =>
|
|
272
|
+
mode: Re[e],
|
|
273
|
+
isRowSelectable: (a) => r ? !r(a.data) : !0
|
|
273
274
|
};
|
|
274
|
-
}),
|
|
275
|
-
if (!
|
|
275
|
+
}), Fe = s(() => {
|
|
276
|
+
if (!o.rowSelection)
|
|
276
277
|
return;
|
|
277
|
-
const e =
|
|
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
|
|
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 (!
|
|
292
|
+
if (!o.rowSelection)
|
|
292
293
|
return;
|
|
293
|
-
const
|
|
294
|
-
if (!
|
|
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
|
-
|
|
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
|
-
},
|
|
305
|
-
w && (e.node.isSelected() ?
|
|
306
|
-
},
|
|
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
|
-
|
|
311
|
+
Ce(), (e = S.value) == null || e.deselectAll();
|
|
311
312
|
};
|
|
312
|
-
function
|
|
313
|
-
|
|
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
|
|
320
|
-
return (l = (t = (a = p.value) == null ? void 0 : a.apForm) == null ? void 0 : t[
|
|
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
|
|
323
|
-
var
|
|
324
|
-
(t = (a = (
|
|
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
|
|
327
|
+
function j() {
|
|
327
328
|
var e;
|
|
328
329
|
return ((e = p.value) == null ? void 0 : e.getSorterItems()) || [];
|
|
329
330
|
}
|
|
330
|
-
function
|
|
331
|
-
var
|
|
332
|
-
(
|
|
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
|
|
344
|
-
console.log(e), c.value = 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:
|
|
351
|
-
color:
|
|
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:
|
|
356
|
+
setSearchFormValues: H,
|
|
356
357
|
submit: x,
|
|
357
358
|
submitWith: M,
|
|
358
359
|
reset: F,
|
|
359
360
|
refresh: O,
|
|
360
|
-
getSearchFormSorterItems:
|
|
361
|
-
setSearchFormSorterItems:
|
|
361
|
+
getSearchFormSorterItems: j,
|
|
362
|
+
setSearchFormSorterItems: q,
|
|
362
363
|
resetSearchFormSorterItems: U
|
|
363
364
|
});
|
|
364
|
-
const
|
|
365
|
-
() => R(
|
|
366
|
-
),
|
|
365
|
+
const ke = s(
|
|
366
|
+
() => R(o.loading) ? f.loading : o.loading
|
|
367
|
+
), ze = s(() => [
|
|
367
368
|
d(),
|
|
368
|
-
|
|
369
|
+
o.card ? null : d("wrapper"),
|
|
369
370
|
d("adaptive"),
|
|
370
371
|
d(`size-${g.value}`)
|
|
371
|
-
].filter(Boolean)),
|
|
372
|
+
].filter(Boolean)), Pe = s(() => ({
|
|
372
373
|
height: "100%",
|
|
373
|
-
...
|
|
374
|
-
})),
|
|
375
|
-
E({ current: e, pageSize:
|
|
374
|
+
...o.tableStyle || {}
|
|
375
|
+
})), De = (e, r) => {
|
|
376
|
+
E({ current: e, pageSize: r });
|
|
376
377
|
};
|
|
377
|
-
function
|
|
378
|
-
const
|
|
379
|
-
return B(
|
|
378
|
+
function Ae(e) {
|
|
379
|
+
const r = e.data;
|
|
380
|
+
return B(r);
|
|
380
381
|
}
|
|
381
|
-
function
|
|
382
|
+
function Ke(e, r) {
|
|
382
383
|
var a;
|
|
383
|
-
(a = S.value) == null || a.ensureIndexVisible(e,
|
|
384
|
+
(a = S.value) == null || a.ensureIndexVisible(e, r);
|
|
384
385
|
}
|
|
385
386
|
return k(
|
|
386
|
-
() =>
|
|
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
|
|
394
|
-
(
|
|
394
|
+
var r;
|
|
395
|
+
(r = o.onLoadingChange) == null || r.call(o, e);
|
|
395
396
|
}
|
|
396
|
-
),
|
|
397
|
+
), re({
|
|
397
398
|
submit: x,
|
|
398
399
|
reset: F,
|
|
399
400
|
refresh: O,
|
|
400
401
|
submitWith: M,
|
|
401
|
-
setSearchFormValues:
|
|
402
|
+
setSearchFormValues: H,
|
|
402
403
|
getSearchFormValues: G,
|
|
403
404
|
getShowColumns: () => n(c),
|
|
404
405
|
rowSelection: {
|
|
405
406
|
selectedRows: s(() => T.value),
|
|
406
|
-
setSelectedRowKeys:
|
|
407
|
+
setSelectedRowKeys: Ie,
|
|
407
408
|
clearAll: $
|
|
408
409
|
},
|
|
409
|
-
scrollToRow:
|
|
410
|
+
scrollToRow: Ke,
|
|
410
411
|
getDataSource: () => n(f.records),
|
|
411
|
-
getPaging:
|
|
412
|
-
setPaging:
|
|
413
|
-
getSearchFormSorterItems:
|
|
414
|
-
setSearchFormSorterItems:
|
|
412
|
+
getPaging: ge,
|
|
413
|
+
setPaging: Se,
|
|
414
|
+
getSearchFormSorterItems: j,
|
|
415
|
+
setSearchFormSorterItems: q,
|
|
415
416
|
resetSearchFormSorterItems: U
|
|
416
|
-
}), (e,
|
|
417
|
+
}), (e, r) => {
|
|
417
418
|
var a, t;
|
|
418
419
|
return y(), z("div", {
|
|
419
|
-
class: m(
|
|
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,
|
|
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:
|
|
436
|
-
(y(!0), z(Oe, null, Le(K.value, (l) => (y(),
|
|
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
|
-
|
|
443
|
+
ae.searchFormExtra ? {
|
|
443
444
|
name: "extra",
|
|
444
|
-
fn:
|
|
445
|
-
|
|
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)) :
|
|
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
|
-
|
|
459
|
+
_(e.$slots, "title", {
|
|
459
460
|
selectedRows: n(T),
|
|
460
|
-
selectedRowKeys: n(
|
|
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(
|
|
469
|
-
style: b(
|
|
469
|
+
P(n(je), {
|
|
470
|
+
style: b(Pe.value),
|
|
470
471
|
"row-data": n(f).records,
|
|
471
|
-
"column-defs":
|
|
472
|
-
"default-col-def":
|
|
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":
|
|
478
|
-
"selection-column-def":
|
|
479
|
-
"get-row-id":
|
|
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(
|
|
483
|
-
onSortChanged:
|
|
484
|
-
onGridReady:
|
|
483
|
+
theme: n(se),
|
|
484
|
+
onSortChanged: pe,
|
|
485
|
+
onGridReady: r[0] || (r[0] = (l) => S.value = l.api),
|
|
485
486
|
onRowDataUpdated: L,
|
|
486
|
-
onRowSelected:
|
|
487
|
-
onFirstDataRendered:
|
|
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
|
-
[
|
|
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(),
|
|
501
|
+
e.pagination !== !1 ? (y(), Z(n(Qe), X({
|
|
501
502
|
key: 0,
|
|
502
503
|
class: n(d)("pagination")
|
|
503
|
-
}, n(W).pagination, { onChange:
|
|
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>>;
|
package/es/src/ag-grid/theme.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { useToken as
|
|
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
|
|
4
|
-
const
|
|
5
|
-
const [, t] =
|
|
6
|
-
return
|
|
7
|
-
const
|
|
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:
|
|
13
|
-
spacing:
|
|
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
|
-
|
|
24
|
+
p as useTheme
|
|
25
25
|
};
|
package/es/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "6.22.
|
|
1
|
+
declare const _default: "6.22.1";
|
|
2
2
|
export default _default;
|
package/es/src/version.mjs
CHANGED
|
@@ -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>>;
|
package/lib/src/ag-grid/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "6.22.
|
|
1
|
+
declare const _default: "6.22.1";
|
|
2
2
|
export default _default;
|
package/lib/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.22.
|
|
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
package/theme/ag-grid/index.css
CHANGED
|
@@ -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
|
}
|
package/theme/ag-grid/index.less
CHANGED
|
@@ -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
|
}
|