@aplus-frontend/ui 6.24.0 → 6.24.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/hooks/use-columns-def.mjs +18 -18
- package/es/src/ag-grid/index.vue.mjs +115 -112
- package/es/src/ag-grid/renderer/date-range.mjs +7 -7
- package/es/src/ag-grid/renderer/date.mjs +11 -11
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/hooks/use-columns-def.js +1 -1
- package/lib/src/ag-grid/index.vue.js +1 -1
- package/lib/src/ag-grid/renderer/date-range.js +1 -1
- package/lib/src/ag-grid/renderer/date.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +3 -3
- package/theme/ag-grid/index.css +3 -0
- package/theme/ag-grid/index.less +3 -0
- package/theme/index.css +3 -0
|
@@ -12,7 +12,7 @@ import { useNamespace as P } from "../../config-provider/hooks/use-namespace.mjs
|
|
|
12
12
|
import S from "../components/body-cell/index.vue2.mjs";
|
|
13
13
|
import _ from "../components/header-cell/index.vue2.mjs";
|
|
14
14
|
function z(r, a) {
|
|
15
|
-
var
|
|
15
|
+
var p, f;
|
|
16
16
|
if (a.bodyCellTooltip)
|
|
17
17
|
return w(a.bodyCellTooltip) ? a.bodyCellTooltip(r.value, r.data) : a.bodyCellTooltip;
|
|
18
18
|
if (a.renderText)
|
|
@@ -22,31 +22,31 @@ function z(r, a) {
|
|
|
22
22
|
column: a,
|
|
23
23
|
text: r.value
|
|
24
24
|
});
|
|
25
|
-
const
|
|
26
|
-
if (
|
|
25
|
+
const d = a.valueType || "text", n = g[d];
|
|
26
|
+
if (n) {
|
|
27
27
|
const v = h(
|
|
28
|
-
{ ...a, valueType:
|
|
28
|
+
{ ...a, valueType: d },
|
|
29
29
|
{
|
|
30
30
|
value: r.value,
|
|
31
31
|
text: r.value,
|
|
32
32
|
record: r.data,
|
|
33
33
|
column: r.column,
|
|
34
|
-
rowIndex: (
|
|
34
|
+
rowIndex: (p = r.node) == null ? void 0 : p.rowIndex,
|
|
35
35
|
pinned: (f = r.node) == null ? void 0 : f.rowPinned
|
|
36
36
|
}
|
|
37
37
|
);
|
|
38
|
-
return
|
|
38
|
+
return n(v);
|
|
39
39
|
}
|
|
40
40
|
return m(r.value);
|
|
41
41
|
}
|
|
42
42
|
const J = (r, a) => {
|
|
43
|
-
const
|
|
43
|
+
const d = I("valueTypeMap"), { em: n } = P("ag-grid"), C = b(() => {
|
|
44
44
|
const f = c(r), v = (i) => {
|
|
45
45
|
const e = {
|
|
46
46
|
cellRenderer: S,
|
|
47
47
|
cellRendererParams: {
|
|
48
48
|
column: i,
|
|
49
|
-
extraValueType: c(
|
|
49
|
+
extraValueType: c(d)
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
if (i.customRender)
|
|
@@ -60,8 +60,8 @@ const J = (r, a) => {
|
|
|
60
60
|
text: t.value
|
|
61
61
|
})
|
|
62
62
|
};
|
|
63
|
-
const u = i.valueType || "text",
|
|
64
|
-
return
|
|
63
|
+
const u = i.valueType || "text", s = g[u];
|
|
64
|
+
return s ? {
|
|
65
65
|
valueFormatter: (t) => {
|
|
66
66
|
var o, x;
|
|
67
67
|
const l = h(
|
|
@@ -75,14 +75,14 @@ const J = (r, a) => {
|
|
|
75
75
|
pinned: (x = t.node) == null ? void 0 : x.rowPinned
|
|
76
76
|
}
|
|
77
77
|
);
|
|
78
|
-
return
|
|
78
|
+
return s(l);
|
|
79
79
|
}
|
|
80
|
-
} :
|
|
80
|
+
} : e;
|
|
81
81
|
};
|
|
82
82
|
function y(i) {
|
|
83
83
|
return i.map((e) => {
|
|
84
84
|
var t;
|
|
85
|
-
const u = e.bodyCellTooltip || !e.customRender && (e.ellipsis === !0 || e.ellipsis === "tooltip" || T(e.ellipsis)),
|
|
85
|
+
const u = e.bodyCellTooltip || !e.customRender && (e.ellipsis === !0 || e.ellipsis === "tooltip" || T(e.ellipsis)), s = {
|
|
86
86
|
field: R(e.dataIndex),
|
|
87
87
|
colId: D(e.key) ? String(e.key) : void 0,
|
|
88
88
|
sortable: !!e.sorter,
|
|
@@ -102,7 +102,7 @@ const J = (r, a) => {
|
|
|
102
102
|
cellClass: (l) => {
|
|
103
103
|
const o = e.cellClass || "", x = w(o) ? o(l.data, l.node) : o;
|
|
104
104
|
return [
|
|
105
|
-
`${
|
|
105
|
+
`${n("cell", e.align || "left")}`,
|
|
106
106
|
x
|
|
107
107
|
].flat().filter(Boolean);
|
|
108
108
|
},
|
|
@@ -116,13 +116,13 @@ const J = (r, a) => {
|
|
|
116
116
|
...v(e)
|
|
117
117
|
};
|
|
118
118
|
return (t = e.children) != null && t.length ? {
|
|
119
|
-
...
|
|
119
|
+
...s,
|
|
120
120
|
children: y(e.children)
|
|
121
|
-
} :
|
|
121
|
+
} : s;
|
|
122
122
|
});
|
|
123
123
|
}
|
|
124
124
|
return y(f);
|
|
125
|
-
}),
|
|
125
|
+
}), p = b(
|
|
126
126
|
() => ({
|
|
127
127
|
headerComponent: _,
|
|
128
128
|
resizable: a.columnResizable,
|
|
@@ -132,7 +132,7 @@ const J = (r, a) => {
|
|
|
132
132
|
);
|
|
133
133
|
return {
|
|
134
134
|
columnDefs: C,
|
|
135
|
-
defaultColDef:
|
|
135
|
+
defaultColDef: p
|
|
136
136
|
};
|
|
137
137
|
};
|
|
138
138
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as Ne, useSlots as Pe, ref as b, toRef as q, computed as s, unref as
|
|
1
|
+
import { defineComponent as Ne, useSlots as Pe, ref as b, toRef as q, computed as s, unref as n, nextTick as Ve, watch as U, createElementBlock as I, openBlock as S, normalizeStyle as R, normalizeClass as c, createCommentVNode as $, createElementVNode as h, createVNode as k, mergeProps as J, createSlots as Ae, withCtx as Q, Fragment as Ke, renderList as Ee, createBlock as X, resolveDynamicComponent as Me, renderSlot as Y, withDirectives as Oe, vShow as We } from "vue";
|
|
2
2
|
import { AgGridVue as Le } from "ag-grid-vue3";
|
|
3
3
|
import { ModuleRegistry as Ge, AllCommunityModule as He } from "ag-grid-community";
|
|
4
4
|
import { Spin as je, Pagination as qe } from "@aplus-frontend/antdv";
|
|
@@ -16,8 +16,8 @@ import { useToken as no } from "@aplus-frontend/antdv/es/theme/internal";
|
|
|
16
16
|
import { useTheme as lo } from "./theme.mjs";
|
|
17
17
|
import { useColumns as so } from "./hooks/use-columns.mjs";
|
|
18
18
|
import { useColumnsDef as io } from "./hooks/use-columns-def.mjs";
|
|
19
|
-
import { isDef as
|
|
20
|
-
import { getValidVNodeList as
|
|
19
|
+
import { isDef as uo } from "../utils/index.mjs";
|
|
20
|
+
import { getValidVNodeList as co } from "../utils/slot.mjs";
|
|
21
21
|
import { useNamespace as mo } from "../config-provider/hooks/use-namespace.mjs";
|
|
22
22
|
import { useGlobalConfig as po } from "../config-provider/hooks/use-global-config.mjs";
|
|
23
23
|
const Ko = /* @__PURE__ */ Ne({
|
|
@@ -88,16 +88,16 @@ const Ko = /* @__PURE__ */ Ne({
|
|
|
88
88
|
},
|
|
89
89
|
setup(_, { expose: ee }) {
|
|
90
90
|
Ge.registerModules([He]);
|
|
91
|
-
const
|
|
92
|
-
let w = !!
|
|
91
|
+
const t = _, y = Pe(), { e: v, b: d, be: oe } = mo("ag-grid"), f = b(t.size), te = lo(f, q(t, "rowHeight")), g = b(), [, re] = no();
|
|
92
|
+
let w = !!t.dataSource, z = 0;
|
|
93
93
|
const ae = po("valueTypeMap"), D = s(() => {
|
|
94
|
-
var e,
|
|
95
|
-
return z++, ((
|
|
94
|
+
var e, o, a;
|
|
95
|
+
return z++, ((a = (o = (e = t.columns) == null ? void 0 : e.filter(
|
|
96
96
|
(r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !Je.includes(r.valueType)
|
|
97
|
-
)) == null ? void 0 :
|
|
97
|
+
)) == null ? void 0 : o.sort((r, l) => {
|
|
98
98
|
let i = Z(r.order);
|
|
99
99
|
return Z(l.order) - i;
|
|
100
|
-
})) == null ? void 0 :
|
|
100
|
+
})) == null ? void 0 : a.map((r) => {
|
|
101
101
|
const l = Qe(
|
|
102
102
|
r,
|
|
103
103
|
Xe(r.fieldProps, {})
|
|
@@ -115,12 +115,12 @@ const Ko = /* @__PURE__ */ Ne({
|
|
|
115
115
|
};
|
|
116
116
|
return i.renderNode = Ye(
|
|
117
117
|
i,
|
|
118
|
-
|
|
118
|
+
n(ae)
|
|
119
119
|
), i;
|
|
120
120
|
})) || [];
|
|
121
|
-
}), { shownColumns: u, shownColumnsBackup: ne } = so(
|
|
121
|
+
}), { shownColumns: u, shownColumnsBackup: ne } = so(t), { defaultColDef: le, columnDefs: se } = io(
|
|
122
122
|
u,
|
|
123
|
-
|
|
123
|
+
t
|
|
124
124
|
), N = b({});
|
|
125
125
|
oo({
|
|
126
126
|
sorter: N,
|
|
@@ -137,26 +137,26 @@ const Ko = /* @__PURE__ */ Ne({
|
|
|
137
137
|
const e = (l = g.value.getColumns()) == null ? void 0 : l.filter((i) => i.getSort() !== void 0);
|
|
138
138
|
if (!(e != null && e.length))
|
|
139
139
|
return;
|
|
140
|
-
const
|
|
140
|
+
const o = e[0], a = o.getColDef(), r = o.getSort();
|
|
141
141
|
V(void 0, void 0, {
|
|
142
|
-
column:
|
|
143
|
-
field:
|
|
142
|
+
column: a,
|
|
143
|
+
field: a.field,
|
|
144
144
|
order: r ? ie[r] : null
|
|
145
145
|
});
|
|
146
146
|
}
|
|
147
|
-
const
|
|
147
|
+
const ue = s(() => Ze(n(u), (e) => {
|
|
148
148
|
if (e.sorter === !0)
|
|
149
149
|
return e.key || e.dataIndex;
|
|
150
|
-
}).filter(Boolean)),
|
|
151
|
-
var
|
|
152
|
-
return
|
|
150
|
+
}).filter(Boolean)), ce = s(() => {
|
|
151
|
+
var o;
|
|
152
|
+
return uo(t.manual) ? t.manual : co(((o = y.searchFormExtra) == null ? void 0 : o.call(y)) || []).some((a) => {
|
|
153
153
|
var r;
|
|
154
|
-
return ((r =
|
|
154
|
+
return ((r = a.type) == null ? void 0 : r.name) === "ApView";
|
|
155
155
|
});
|
|
156
156
|
}), {
|
|
157
157
|
formRef: m,
|
|
158
158
|
submit: F,
|
|
159
|
-
reset:
|
|
159
|
+
reset: x,
|
|
160
160
|
data: p,
|
|
161
161
|
tableProps: P,
|
|
162
162
|
handleTableChangeOptional: V,
|
|
@@ -166,80 +166,83 @@ const Ko = /* @__PURE__ */ Ne({
|
|
|
166
166
|
setPaging: pe
|
|
167
167
|
} = _e({
|
|
168
168
|
async request(e) {
|
|
169
|
-
var
|
|
170
|
-
if (w = !1, !C(
|
|
169
|
+
var a;
|
|
170
|
+
if (w = !1, !C(t.dataSource)) {
|
|
171
171
|
const r = e.pageSize * (e.current - 1);
|
|
172
172
|
return {
|
|
173
|
-
data: (
|
|
174
|
-
total:
|
|
173
|
+
data: (t.pagination === !1 ? t.dataSource : t.dataSource.slice(r, r + e.pageSize)) || [],
|
|
174
|
+
total: t.dataSource.length || 0
|
|
175
175
|
};
|
|
176
176
|
}
|
|
177
|
-
const
|
|
177
|
+
const o = await ((a = t.request) == null ? void 0 : a.call(t, e));
|
|
178
178
|
return {
|
|
179
|
-
data: (
|
|
180
|
-
total: (
|
|
179
|
+
data: (o == null ? void 0 : o.data) || [],
|
|
180
|
+
total: (o == null ? void 0 : o.total) || 0
|
|
181
181
|
};
|
|
182
182
|
},
|
|
183
183
|
namespace: "ap-grid",
|
|
184
184
|
filterFields: b([]),
|
|
185
|
-
params: q(
|
|
186
|
-
defaultData:
|
|
187
|
-
manual:
|
|
188
|
-
formatParams:
|
|
189
|
-
pagination:
|
|
190
|
-
sortFields:
|
|
185
|
+
params: q(t, "params"),
|
|
186
|
+
defaultData: t.defaultData,
|
|
187
|
+
manual: n(ce),
|
|
188
|
+
formatParams: t.beforeSearchSubmit,
|
|
189
|
+
pagination: t.pagination,
|
|
190
|
+
sortFields: ue
|
|
191
191
|
}), fe = s(
|
|
192
|
-
() => C(
|
|
192
|
+
() => C(t.dataSource) ? p.records : t.dataSource
|
|
193
193
|
), {
|
|
194
194
|
select: ge,
|
|
195
195
|
unSelect: we,
|
|
196
|
-
selectedRows:
|
|
196
|
+
selectedRows: B,
|
|
197
197
|
selectedRowKeys: Se,
|
|
198
198
|
clearAll: he,
|
|
199
199
|
selectMultiByKeys: ye
|
|
200
200
|
} = eo({
|
|
201
|
-
...
|
|
201
|
+
...t.rowSelection === !0 ? {} : t.rowSelection,
|
|
202
202
|
dataSource: fe,
|
|
203
|
-
rowKey:
|
|
203
|
+
rowKey: t.rowKey
|
|
204
204
|
}), ve = {
|
|
205
205
|
checkbox: "multiRow",
|
|
206
206
|
radio: "singleRow"
|
|
207
207
|
}, be = s(() => {
|
|
208
|
-
if (!
|
|
208
|
+
if (!t.rowSelection)
|
|
209
209
|
return;
|
|
210
|
-
const { type: e = "checkbox", disabled:
|
|
210
|
+
const { type: e = "checkbox", disabled: o } = t.rowSelection === !0 ? {} : t.rowSelection;
|
|
211
211
|
return {
|
|
212
212
|
mode: ve[e],
|
|
213
|
-
isRowSelectable: (
|
|
213
|
+
isRowSelectable: (a) => o ? !o(a.data) : !0
|
|
214
214
|
};
|
|
215
215
|
}), Re = s(() => {
|
|
216
|
-
if (!
|
|
216
|
+
if (!t.rowSelection)
|
|
217
217
|
return;
|
|
218
|
-
const e =
|
|
219
|
-
|
|
218
|
+
const e = t.rowSelection === !0 ? {} : t.rowSelection;
|
|
219
|
+
let o = e.fixed;
|
|
220
|
+
return o === void 0 && (o = u.value.some(
|
|
221
|
+
(a) => a.fixed === "left" || a.fixed === !0
|
|
222
|
+
) ? "left" : void 0), {
|
|
220
223
|
sortable: !1,
|
|
221
224
|
resizable: !1,
|
|
222
225
|
width: e.columnWidth || 60,
|
|
223
|
-
pinned:
|
|
226
|
+
pinned: o
|
|
224
227
|
};
|
|
225
228
|
});
|
|
226
229
|
function T(e) {
|
|
227
|
-
return Ue(
|
|
230
|
+
return Ue(t.rowKey) ? t.rowKey(e) : e[t.rowKey];
|
|
228
231
|
}
|
|
229
232
|
const E = ({
|
|
230
233
|
api: e = g.value
|
|
231
234
|
}) => {
|
|
232
|
-
if (!
|
|
235
|
+
if (!t.rowSelection)
|
|
233
236
|
return;
|
|
234
|
-
const
|
|
235
|
-
if (!
|
|
237
|
+
const o = B.value;
|
|
238
|
+
if (!o.length)
|
|
236
239
|
return;
|
|
237
240
|
w = !1;
|
|
238
|
-
const
|
|
241
|
+
const a = [];
|
|
239
242
|
e.forEachNode((r) => {
|
|
240
243
|
const l = r.data, i = T(l);
|
|
241
|
-
|
|
242
|
-
}), e.setNodesSelected({ nodes:
|
|
244
|
+
o.find((j) => T(j) === i) && a.push(r);
|
|
245
|
+
}), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
|
|
243
246
|
w = !0;
|
|
244
247
|
}, 0);
|
|
245
248
|
}, Ce = (e) => {
|
|
@@ -250,27 +253,27 @@ const Ko = /* @__PURE__ */ Ne({
|
|
|
250
253
|
var e;
|
|
251
254
|
he(), (e = g.value) == null || e.deselectAll();
|
|
252
255
|
};
|
|
253
|
-
function
|
|
256
|
+
function xe(e) {
|
|
254
257
|
ye(e), Ve(() => {
|
|
255
258
|
E({});
|
|
256
259
|
});
|
|
257
260
|
}
|
|
258
261
|
function O(e = !1) {
|
|
259
|
-
var
|
|
260
|
-
const
|
|
261
|
-
return (l = (r = (
|
|
262
|
+
var a, r, l;
|
|
263
|
+
const o = e ? "getFieldsValueTransformed" : "getFieldsValue";
|
|
264
|
+
return (l = (r = (a = m.value) == null ? void 0 : a.apForm) == null ? void 0 : r[o]) == null ? void 0 : l.call(r, !0);
|
|
262
265
|
}
|
|
263
266
|
function W(e) {
|
|
264
|
-
var
|
|
265
|
-
(r = (
|
|
267
|
+
var o, a, r;
|
|
268
|
+
(r = (a = (o = m.value) == null ? void 0 : o.apForm) == null ? void 0 : a.setFieldsValue) == null || r.call(a, e);
|
|
266
269
|
}
|
|
267
270
|
function L() {
|
|
268
271
|
var e;
|
|
269
272
|
return ((e = m.value) == null ? void 0 : e.getSorterItems()) || [];
|
|
270
273
|
}
|
|
271
274
|
function G(e) {
|
|
272
|
-
var
|
|
273
|
-
(
|
|
275
|
+
var o;
|
|
276
|
+
(o = m.value) == null || o.setSorterItems(e);
|
|
274
277
|
}
|
|
275
278
|
function H() {
|
|
276
279
|
var e;
|
|
@@ -281,8 +284,8 @@ const Ko = /* @__PURE__ */ Ne({
|
|
|
281
284
|
columnsBackup: s(() => ne.value),
|
|
282
285
|
size: s(() => ao[f.value]),
|
|
283
286
|
updateColumns(e) {
|
|
284
|
-
var
|
|
285
|
-
console.log(e), u.value = e, (
|
|
287
|
+
var o;
|
|
288
|
+
console.log(e), u.value = e, (o = t.onShownColumnsChange) == null || o.call(t, e);
|
|
286
289
|
},
|
|
287
290
|
updateSize(e) {
|
|
288
291
|
f.value = ro[e];
|
|
@@ -291,87 +294,87 @@ const Ko = /* @__PURE__ */ Ne({
|
|
|
291
294
|
className: oe("table-header", "title"),
|
|
292
295
|
color: re.value.colorTextTertiary
|
|
293
296
|
})),
|
|
294
|
-
dataSource: s(() =>
|
|
297
|
+
dataSource: s(() => n(p).records),
|
|
295
298
|
getSearchFormValues: O,
|
|
296
299
|
setSearchFormValues: W,
|
|
297
300
|
submit: F,
|
|
298
301
|
submitWith: A,
|
|
299
|
-
reset:
|
|
302
|
+
reset: x,
|
|
300
303
|
refresh: K,
|
|
301
304
|
getSearchFormSorterItems: L,
|
|
302
305
|
setSearchFormSorterItems: G,
|
|
303
306
|
resetSearchFormSorterItems: H
|
|
304
307
|
});
|
|
305
|
-
const
|
|
306
|
-
() => C(
|
|
308
|
+
const Be = s(
|
|
309
|
+
() => C(t.loading) ? p.loading : t.loading
|
|
307
310
|
), Te = s(() => [
|
|
308
311
|
d(),
|
|
309
|
-
|
|
312
|
+
t.card ? null : d("wrapper"),
|
|
310
313
|
d("adaptive"),
|
|
311
314
|
d(`size-${f.value}`)
|
|
312
315
|
].filter(Boolean)), Ie = s(() => ({
|
|
313
316
|
height: "100%",
|
|
314
|
-
...
|
|
315
|
-
})), ke = (e,
|
|
316
|
-
V({ current: e, pageSize:
|
|
317
|
+
...t.tableStyle || {}
|
|
318
|
+
})), ke = (e, o) => {
|
|
319
|
+
V({ current: e, pageSize: o });
|
|
317
320
|
};
|
|
318
321
|
function ze(e) {
|
|
319
|
-
const
|
|
320
|
-
return T(
|
|
322
|
+
const o = e.data;
|
|
323
|
+
return T(o);
|
|
321
324
|
}
|
|
322
|
-
function De(e,
|
|
323
|
-
var
|
|
324
|
-
(
|
|
325
|
+
function De(e, o) {
|
|
326
|
+
var a;
|
|
327
|
+
(a = g.value) == null || a.ensureIndexVisible(e, o);
|
|
325
328
|
}
|
|
326
329
|
return U(
|
|
327
|
-
() =>
|
|
330
|
+
() => t.size,
|
|
328
331
|
(e) => {
|
|
329
332
|
f.value = e;
|
|
330
333
|
}
|
|
331
334
|
), U(
|
|
332
|
-
() =>
|
|
335
|
+
() => n(p).loading,
|
|
333
336
|
(e) => {
|
|
334
|
-
var
|
|
335
|
-
(
|
|
337
|
+
var o;
|
|
338
|
+
(o = t.onLoadingChange) == null || o.call(t, e);
|
|
336
339
|
}
|
|
337
340
|
), ee({
|
|
338
341
|
submit: F,
|
|
339
|
-
reset:
|
|
342
|
+
reset: x,
|
|
340
343
|
refresh: K,
|
|
341
344
|
submitWith: A,
|
|
342
345
|
setSearchFormValues: W,
|
|
343
346
|
getSearchFormValues: O,
|
|
344
|
-
getShowColumns: () =>
|
|
347
|
+
getShowColumns: () => n(u),
|
|
345
348
|
rowSelection: {
|
|
346
|
-
selectedRows: s(() =>
|
|
347
|
-
setSelectedRowKeys:
|
|
349
|
+
selectedRows: s(() => B.value),
|
|
350
|
+
setSelectedRowKeys: xe,
|
|
348
351
|
clearAll: M
|
|
349
352
|
},
|
|
350
353
|
scrollToRow: De,
|
|
351
|
-
getDataSource: () =>
|
|
354
|
+
getDataSource: () => n(p.records),
|
|
352
355
|
getPaging: me,
|
|
353
356
|
setPaging: pe,
|
|
354
357
|
getSearchFormSorterItems: L,
|
|
355
358
|
setSearchFormSorterItems: G,
|
|
356
359
|
resetSearchFormSorterItems: H
|
|
357
|
-
}), (e,
|
|
358
|
-
var
|
|
360
|
+
}), (e, o) => {
|
|
361
|
+
var a, r;
|
|
359
362
|
return S(), I("div", {
|
|
360
363
|
class: c(Te.value),
|
|
361
364
|
style: R(e.wrapperStyle)
|
|
362
365
|
}, [
|
|
363
|
-
|
|
366
|
+
n(C)(e.dataSource) && e.searchForm !== !1 && D.value.length > 0 ? (S(), I("div", {
|
|
364
367
|
key: 0,
|
|
365
|
-
class: c(e.card ?
|
|
368
|
+
class: c(e.card ? n(v)("search-wrapper") : null),
|
|
366
369
|
style: R(e.searchFormWrapperStyle)
|
|
367
370
|
}, [
|
|
368
|
-
k(
|
|
371
|
+
k(n($e).SearchForm, J(e.searchForm || {}, {
|
|
369
372
|
ref_key: "formRef",
|
|
370
373
|
ref: m,
|
|
371
374
|
"custom-reset": "",
|
|
372
|
-
"submit-loading":
|
|
373
|
-
onSubmit:
|
|
374
|
-
onReset:
|
|
375
|
+
"submit-loading": n(P).loading,
|
|
376
|
+
onSubmit: n(F),
|
|
377
|
+
onReset: n(x)
|
|
375
378
|
}), Ae({
|
|
376
379
|
default: Q(() => [
|
|
377
380
|
(S(!0), I(Ke, null, Ee(D.value, (l) => (S(), X(Me(l.renderNode), {
|
|
@@ -390,27 +393,27 @@ const Ko = /* @__PURE__ */ Ne({
|
|
|
390
393
|
]), 1040, ["submit-loading", "onSubmit", "onReset"])
|
|
391
394
|
], 6)) : $("", !0),
|
|
392
395
|
h("div", {
|
|
393
|
-
class: c([
|
|
396
|
+
class: c([n(v)("table-wrapper"), e.card ? n(v)("table-wrapper-card") : null]),
|
|
394
397
|
style: R(e.tableWrapperStyle)
|
|
395
398
|
}, [
|
|
396
399
|
h("div", {
|
|
397
|
-
class: c(
|
|
400
|
+
class: c(n(d)("header-wrapper"))
|
|
398
401
|
}, [
|
|
399
402
|
Y(e.$slots, "title", {
|
|
400
|
-
selectedRows:
|
|
401
|
-
selectedRowKeys:
|
|
402
|
-
shownColumns:
|
|
403
|
+
selectedRows: n(B),
|
|
404
|
+
selectedRowKeys: n(Se),
|
|
405
|
+
shownColumns: n(u),
|
|
403
406
|
clearAll: M
|
|
404
407
|
})
|
|
405
408
|
], 2),
|
|
406
409
|
h("div", {
|
|
407
|
-
class: c(
|
|
410
|
+
class: c(n(d)("grid-wrapper"))
|
|
408
411
|
}, [
|
|
409
|
-
k(
|
|
412
|
+
k(n(Le), {
|
|
410
413
|
style: R(Ie.value),
|
|
411
|
-
"row-data":
|
|
412
|
-
"column-defs":
|
|
413
|
-
"default-col-def":
|
|
414
|
+
"row-data": n(p).records,
|
|
415
|
+
"column-defs": n(se),
|
|
416
|
+
"default-col-def": n(le),
|
|
414
417
|
"locale-text": {
|
|
415
418
|
noRowsToShow: ""
|
|
416
419
|
// 为了隐藏默认的无数据提示,因为外部已经自行实现了loading
|
|
@@ -418,33 +421,33 @@ const Ko = /* @__PURE__ */ Ne({
|
|
|
418
421
|
"row-selection": be.value,
|
|
419
422
|
"selection-column-def": Re.value,
|
|
420
423
|
"get-row-id": ze,
|
|
421
|
-
"pinned-top-row-data": (
|
|
424
|
+
"pinned-top-row-data": (a = e.summary) == null ? void 0 : a.top,
|
|
422
425
|
"pinned-bottom-row-data": (r = e.summary) == null ? void 0 : r.bottom,
|
|
423
|
-
theme:
|
|
426
|
+
theme: n(te),
|
|
424
427
|
"tooltip-show-delay": 500,
|
|
425
428
|
"enable-browser-tooltips": e.browserTooltips,
|
|
426
429
|
"tooltip-interaction": "",
|
|
427
430
|
onSortChanged: de,
|
|
428
|
-
onGridReady:
|
|
431
|
+
onGridReady: o[0] || (o[0] = (l) => g.value = l.api),
|
|
429
432
|
onRowDataUpdated: E,
|
|
430
433
|
onRowSelected: Ce,
|
|
431
434
|
onFirstDataRendered: Fe
|
|
432
435
|
}, null, 8, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "pinned-top-row-data", "pinned-bottom-row-data", "theme", "enable-browser-tooltips"]),
|
|
433
436
|
Oe(h("div", {
|
|
434
|
-
class: c(
|
|
437
|
+
class: c(n(v)("table-loading-wrapper"))
|
|
435
438
|
}, [
|
|
436
|
-
k(
|
|
439
|
+
k(n(je), { delay: 300 })
|
|
437
440
|
], 2), [
|
|
438
|
-
[We,
|
|
441
|
+
[We, Be.value]
|
|
439
442
|
])
|
|
440
443
|
], 2),
|
|
441
444
|
h("div", {
|
|
442
|
-
class: c(
|
|
445
|
+
class: c(n(d)("pagination-wrapper"))
|
|
443
446
|
}, [
|
|
444
|
-
e.pagination !== !1 ? (S(), X(
|
|
447
|
+
e.pagination !== !1 ? (S(), X(n(qe), J({
|
|
445
448
|
key: 0,
|
|
446
|
-
class:
|
|
447
|
-
},
|
|
449
|
+
class: n(d)("pagination")
|
|
450
|
+
}, n(P).pagination, { onChange: ke }), null, 16, ["class"])) : $("", !0)
|
|
448
451
|
], 2)
|
|
449
452
|
], 6)
|
|
450
453
|
], 6);
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { getTimeFormatToZone as m } from "@aplus-frontend/utils";
|
|
2
|
-
import
|
|
3
|
-
import { isArray as
|
|
4
|
-
import { ApFieldDatePresetFormats as
|
|
5
|
-
function
|
|
2
|
+
import i from "dayjs";
|
|
3
|
+
import { isArray as d, isString as F } from "lodash-unified";
|
|
4
|
+
import { ApFieldDatePresetFormats as T, PRESET_FORMAT_MAP as u } from "../../ap-field/date/constant.mjs";
|
|
5
|
+
function D(t) {
|
|
6
6
|
var a;
|
|
7
7
|
const e = t.value;
|
|
8
8
|
if (!(e != null && e.length))
|
|
9
9
|
return t.emptyText || "--";
|
|
10
|
-
const r =
|
|
11
|
-
return `${
|
|
10
|
+
const r = d(t.timezone) ? (a = t.timezone[0]) == null ? void 0 : a.value : t.timezone, s = r ? m(e[0], r) : e[0], f = r ? m(e[1], r) : e[1], o = t.format || "Y-D", n = T.indexOf(o) > -1 ? u[o] : o, c = F(t.readModeSeparator) ? t.readModeSeparator : "~";
|
|
11
|
+
return `${i(s).format(n)}${c}${i(f).format(n)}`;
|
|
12
12
|
}
|
|
13
13
|
export {
|
|
14
|
-
|
|
14
|
+
D as dateRangeRenderer
|
|
15
15
|
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { getTimeFormatToZone as
|
|
2
|
-
import
|
|
3
|
-
import { isNil as
|
|
4
|
-
import { ApFieldDatePresetFormats as
|
|
1
|
+
import { getTimeFormatToZone as n } from "@aplus-frontend/utils";
|
|
2
|
+
import i from "dayjs";
|
|
3
|
+
import { isNil as f, isArray as l } from "lodash-unified";
|
|
4
|
+
import { ApFieldDatePresetFormats as u, PRESET_FORMAT_MAP as c } from "../../ap-field/date/constant.mjs";
|
|
5
5
|
function P(e) {
|
|
6
|
-
var
|
|
7
|
-
if (
|
|
6
|
+
var r;
|
|
7
|
+
if (f(e.value))
|
|
8
8
|
return e.emptyText || "--";
|
|
9
|
-
let
|
|
9
|
+
let m = i(e.value);
|
|
10
10
|
if (e.timezone) {
|
|
11
|
-
const a =
|
|
12
|
-
|
|
11
|
+
const a = l(e.timezone) ? (r = e.timezone[0]) == null ? void 0 : r.value : e.timezone;
|
|
12
|
+
m = i(n(e.value, a));
|
|
13
13
|
}
|
|
14
|
-
const
|
|
15
|
-
return
|
|
14
|
+
const t = e.format || "Y-D", o = u.indexOf(t) > -1 ? c[t] : t;
|
|
15
|
+
return m.format(o);
|
|
16
16
|
}
|
|
17
17
|
export {
|
|
18
18
|
P as dateRenderer
|
package/es/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "6.24.
|
|
1
|
+
declare const _default: "6.24.1";
|
|
2
2
|
export default _default;
|
package/es/src/version.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../../ap-table/utils.js"),g=require("../renderer/index.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../../ap-table/utils.js"),g=require("../renderer/index.js"),d=require("lodash-unified"),x=require("vue");require("../components/body-cell/index.vue.js");require("../components/header-cell/index.vue.js");require("../../config-provider/index.js");const h=require("../../ap-grid/utils/col.js"),_=require("../../utils/index.js"),q=require("../../config-provider/hooks/use-global-config.js"),w=require("../../config-provider/hooks/use-namespace.js"),P=require("../components/body-cell/index.vue2.js"),R=require("../components/header-cell/index.vue2.js");function S(r,s){var p,f;if(s.bodyCellTooltip)return d.isFunction(s.bodyCellTooltip)?s.bodyCellTooltip(r.value,r.data):s.bodyCellTooltip;if(s.renderText)return s.renderText({value:r.value,record:r.data,column:s,text:r.value});const o=s.valueType||"text",u=g.rendererMap[o];if(u){const T=C.getTableRenderProps({...s,valueType:o},{value:r.value,text:r.value,record:r.data,column:r.column,rowIndex:(p=r.node)==null?void 0:p.rowIndex,pinned:(f=r.node)==null?void 0:f.rowPinned});return u(T)}return C.objectToString(r.value)}const D=(r,s)=>{const o=q.useGlobalConfig("valueTypeMap"),{em:u}=w.useNamespace("ag-grid"),b=x.computed(()=>{const f=x.unref(r),T=i=>{const e={cellRenderer:P.default,cellRendererParams:{column:i,extraValueType:x.unref(o)}};if(i.customRender)return e;if(i.renderText)return{valueFormatter:t=>i.renderText({value:t.value,record:t.data,column:i,text:t.value})};const c=i.valueType||"text",n=g.rendererMap[c];return n?{valueFormatter:t=>{var l,v;const a=C.getTableRenderProps({...i,valueType:c},{value:t.value,text:t.value,record:t.data,column:t.column,rowIndex:(l=t.node)==null?void 0:l.rowIndex,pinned:(v=t.node)==null?void 0:v.rowPinned});return n(a)}}:e};function y(i){return i.map(e=>{var t;const c=e.bodyCellTooltip||!e.customRender&&(e.ellipsis===!0||e.ellipsis==="tooltip"||d.isNumber(e.ellipsis)),n={field:h.dataIndexToField(e.dataIndex),colId:_.isDef(e.key)?String(e.key):void 0,sortable:!!e.sorter,comparator:e.sorter===!0?()=>0:e.sorter,headerComponentParams:{column:e},resizable:e.resizable,width:e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,flex:e.width?void 0:1,pinned:e.fixed||null,colSpan:e.colSpan,cellClass:a=>{const l=e.cellClass||"",v=d.isFunction(l)?l(a.data,a.node):l;return[`${u("cell",e.align||"left")}`,v].flat().filter(Boolean)},cellStyle:{"--ag-grid-line-clamp":d.isNumber(e.ellipsis)?e.ellipsis:1},wrapText:!e.ellipsis||d.isNumber(e.ellipsis)&&e.ellipsis>=2,autoHeight:!0,tooltipValueGetter:c?a=>S(a,e):void 0,...T(e)};return(t=e.children)!=null&&t.length?{...n,children:y(e.children)}:n})}return y(f)}),p=x.computed(()=>({headerComponent:R.default,resizable:s.columnResizable,suppressMovable:!0,cellDataType:!1}));return{columnDefs:b,defaultColDef:p}};exports.useColumnsDef=D;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("ag-grid-vue3"),K=require("ag-grid-community"),M=require("@aplus-frontend/antdv"),S=require("lodash-unified");require("../config-provider/index.js");const be=require("../ap-form/index.js"),Ce=require("../ap-table/constants.js"),m=require("../ap-table/utils.js"),Re=require("../ap-table/hooks/use-table-paging-ng.js"),Be=require("./hooks/use-row-selection.js"),Fe=require("./context.js"),xe=require("../ap-table/context.js"),O=require("../ap-grid/constants.js"),Te=require("@aplus-frontend/antdv/es/theme/internal"),ke=require("./theme.js"),ze=require("./hooks/use-columns.js"),Ne=require("./hooks/use-columns-def.js"),qe=require("../utils/index.js"),Ve=require("../utils/slot.js"),Ie=require("../config-provider/hooks/use-namespace.js"),Pe=require("../config-provider/hooks/use-global-config.js"),De=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:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean}},setup(W,{expose:G}){K.ModuleRegistry.registerModules([K.AllCommunityModule]);const t=W,w=e.useSlots(),{e:y,b:u,be:L}=Ie.useNamespace("ag-grid"),p=e.ref(t.size),U=ke.useTheme(p,e.toRef(t,"rowHeight")),f=e.ref(),[,$]=Te.useToken();let g=!!t.dataSource,R=0;const j=Pe.useGlobalConfig("valueTypeMap"),B=e.computed(()=>{var o,r,a;return R++,((a=(r=(o=t.columns)==null?void 0:o.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!Ce.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:r.sort((n,l)=>{let s=m.getColumnOrder(n.order);return m.getColumnOrder(l.order)-s}))==null?void 0:a.map(n=>{const l=m.updateFormProps(n,m.getFieldProps(n.fieldProps,{})),s={...n,fieldProps:{label:n.title,name:n.dataIndex,bordered:!0,...l||{},_signal:R},renderNode:void 0};return s.renderNode=m.getSearchFormItemRenderNode(s,e.unref(j)),s}))||[]}),{shownColumns:d,shownColumnsBackup:H}=ze.useColumns(t),{defaultColDef:J,columnDefs:Q}=Ne.useColumnsDef(d,t),F=e.ref({});Fe.useProvideSorter({sorter:F,setSorter(o){F.value=o}});const X={asc:"ascend",desc:"descend"};function Y(){var l;const o=(l=f.value.getColumns())==null?void 0:l.filter(s=>s.getSort()!==void 0);if(!(o!=null&&o.length))return;const r=o[0],a=r.getColDef(),n=r.getSort();T(void 0,void 0,{column:a,field:a.field,order:n?X[n]:null})}const Z=e.computed(()=>m.recursionApColumns(e.unref(d),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),_=e.computed(()=>{var r;return qe.isDef(t.manual)?t.manual:Ve.getValidVNodeList(((r=w.searchFormExtra)==null?void 0:r.call(w))||[]).some(a=>{var n;return((n=a.type)==null?void 0:n.name)==="ApView"})}),{formRef:i,submit:h,reset:v,data:c,tableProps:x,handleTableChangeOptional:T,submitWith:k,refresh:z,getPaging:ee,setPaging:oe}=Re.useTablePaging({async request(o){var a;if(g=!1,!S.isUndefined(t.dataSource)){const n=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+o.pageSize))||[],total:t.dataSource.length||0}}const r=await((a=t.request)==null?void 0:a.call(t,o));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(t,"params"),defaultData:t.defaultData,manual:e.unref(_),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:Z}),te=e.computed(()=>S.isUndefined(t.dataSource)?c.records:t.dataSource),{select:re,unSelect:ne,selectedRows:b,selectedRowKeys:ae,clearAll:le,selectMultiByKeys:se}=Be.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:te,rowKey:t.rowKey}),ue={checkbox:"multiRow",radio:"singleRow"},de=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ue[o],isRowSelectable:a=>r?!r(a.data):!0}}),ie=e.computed(()=>{if(!t.rowSelection)return;const o=t.rowSelection===!0?{}:t.rowSelection;return{sortable:!1,resizable:!1,width:o.columnWidth||60,pinned:o.fixed}});function C(o){return S.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const N=({api:o=f.value})=>{if(!t.rowSelection)return;const r=b.value;if(!r.length)return;g=!1;const a=[];o.forEachNode(n=>{const l=n.data,s=C(l);r.find(A=>C(A)===s)&&a.push(n)}),o.setNodesSelected({nodes:a,newValue:!0}),setTimeout(()=>{g=!0},0)},ce=o=>{g&&(o.node.isSelected()?re(o.data):ne(o.data))},me=()=>{g=!0},q=()=>{var o;le(),(o=f.value)==null||o.deselectAll()};function pe(o){se(o),e.nextTick(()=>{N({})})}function V(o=!1){var a,n,l;const r=o?"getFieldsValueTransformed":"getFieldsValue";return(l=(n=(a=i.value)==null?void 0:a.apForm)==null?void 0:n[r])==null?void 0:l.call(n,!0)}function I(o){var r,a,n;(n=(a=(r=i.value)==null?void 0:r.apForm)==null?void 0:a.setFieldsValue)==null||n.call(a,o)}function P(){var o;return((o=i.value)==null?void 0:o.getSorterItems())||[]}function D(o){var r;(r=i.value)==null||r.setSorterItems(o)}function E(){var o;(o=i.value)==null||o.resetSorterItems()}xe.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>H.value),size:e.computed(()=>O.sizeMap[p.value]),updateColumns(o){var r;console.log(o),d.value=o,(r=t.onShownColumnsChange)==null||r.call(t,o)},updateSize(o){p.value=O.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:L("table-header","title"),color:$.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:V,setSearchFormValues:I,submit:h,submitWith:k,reset:v,refresh:z,getSearchFormSorterItems:P,setSearchFormSorterItems:D,resetSearchFormSorterItems:E});const fe=e.computed(()=>S.isUndefined(t.loading)?c.loading:t.loading),ge=e.computed(()=>[u(),t.card?null:u("wrapper"),u("adaptive"),u(`size-${p.value}`)].filter(Boolean)),Se=e.computed(()=>({height:"100%",...t.tableStyle||{}})),we=(o,r)=>{T({current:o,pageSize:r})};function ye(o){const r=o.data;return C(r)}function he(o,r){var a;(a=f.value)==null||a.ensureIndexVisible(o,r)}return e.watch(()=>t.size,o=>{p.value=o}),e.watch(()=>e.unref(c).loading,o=>{var r;(r=t.onLoadingChange)==null||r.call(t,o)}),G({submit:h,reset:v,refresh:z,submitWith:k,setSearchFormValues:I,getSearchFormValues:V,getShowColumns:()=>e.unref(d),rowSelection:{selectedRows:e.computed(()=>b.value),setSelectedRowKeys:pe,clearAll:q},scrollToRow:he,getDataSource:()=>e.unref(c.records),getPaging:ee,setPaging:oe,getSearchFormSorterItems:P,setSearchFormSorterItems:D,resetSearchFormSorterItems:E}),(o,r)=>{var a,n;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(ge.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(S.isUndefined)(o.dataSource)&&o.searchForm!==!1&&B.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(be.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:i,"custom-reset":"","submit-loading":e.unref(x).loading,onSubmit:e.unref(h),onReset:e.unref(v)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[w.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(y)("table-wrapper"),o.card?e.unref(y)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(b),selectedRowKeys:e.unref(ae),shownColumns:e.unref(d),clearAll:q})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("grid-wrapper"))},[e.createVNode(e.unref(ve.AgGridVue),{style:e.normalizeStyle(Se.value),"row-data":e.unref(c).records,"column-defs":e.unref(Q),"default-col-def":e.unref(J),"locale-text":{noRowsToShow:""},"row-selection":de.value,"selection-column-def":ie.value,"get-row-id":ye,"pinned-top-row-data":(a=o.summary)==null?void 0:a.top,"pinned-bottom-row-data":(n=o.summary)==null?void 0:n.bottom,theme:e.unref(U),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"",onSortChanged:Y,onGridReady:r[0]||(r[0]=l=>f.value=l.api),onRowDataUpdated:N,onRowSelected:ce,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","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(y)("table-loading-wrapper"))},[e.createVNode(e.unref(M.Spin),{delay:300})],2),[[e.vShow,fe.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(M.Pagination),e.mergeProps({key:0,class:e.unref(u)("pagination")},e.unref(x).pagination,{onChange:we}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6)}}});exports.default=De;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("ag-grid-vue3"),K=require("ag-grid-community"),M=require("@aplus-frontend/antdv"),S=require("lodash-unified");require("../config-provider/index.js");const be=require("../ap-form/index.js"),Ce=require("../ap-table/constants.js"),m=require("../ap-table/utils.js"),Re=require("../ap-table/hooks/use-table-paging-ng.js"),Be=require("./hooks/use-row-selection.js"),xe=require("./context.js"),Fe=require("../ap-table/context.js"),O=require("../ap-grid/constants.js"),Te=require("@aplus-frontend/antdv/es/theme/internal"),ke=require("./theme.js"),ze=require("./hooks/use-columns.js"),Ne=require("./hooks/use-columns-def.js"),qe=require("../utils/index.js"),Ve=require("../utils/slot.js"),Ie=require("../config-provider/hooks/use-namespace.js"),Pe=require("../config-provider/hooks/use-global-config.js"),De=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:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean}},setup(W,{expose:G}){K.ModuleRegistry.registerModules([K.AllCommunityModule]);const r=W,w=e.useSlots(),{e:y,b:u,be:L}=Ie.useNamespace("ag-grid"),p=e.ref(r.size),U=ke.useTheme(p,e.toRef(r,"rowHeight")),f=e.ref(),[,$]=Te.useToken();let g=!!r.dataSource,R=0;const j=Pe.useGlobalConfig("valueTypeMap"),B=e.computed(()=>{var o,t,a;return R++,((a=(t=(o=r.columns)==null?void 0:o.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!Ce.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:t.sort((n,l)=>{let s=m.getColumnOrder(n.order);return m.getColumnOrder(l.order)-s}))==null?void 0:a.map(n=>{const l=m.updateFormProps(n,m.getFieldProps(n.fieldProps,{})),s={...n,fieldProps:{label:n.title,name:n.dataIndex,bordered:!0,...l||{},_signal:R},renderNode:void 0};return s.renderNode=m.getSearchFormItemRenderNode(s,e.unref(j)),s}))||[]}),{shownColumns:i,shownColumnsBackup:H}=ze.useColumns(r),{defaultColDef:J,columnDefs:Q}=Ne.useColumnsDef(i,r),x=e.ref({});xe.useProvideSorter({sorter:x,setSorter(o){x.value=o}});const X={asc:"ascend",desc:"descend"};function Y(){var l;const o=(l=f.value.getColumns())==null?void 0:l.filter(s=>s.getSort()!==void 0);if(!(o!=null&&o.length))return;const t=o[0],a=t.getColDef(),n=t.getSort();T(void 0,void 0,{column:a,field:a.field,order:n?X[n]:null})}const Z=e.computed(()=>m.recursionApColumns(e.unref(i),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),_=e.computed(()=>{var t;return qe.isDef(r.manual)?r.manual:Ve.getValidVNodeList(((t=w.searchFormExtra)==null?void 0:t.call(w))||[]).some(a=>{var n;return((n=a.type)==null?void 0:n.name)==="ApView"})}),{formRef:d,submit:h,reset:v,data:c,tableProps:F,handleTableChangeOptional:T,submitWith:k,refresh:z,getPaging:ee,setPaging:oe}=Re.useTablePaging({async request(o){var a;if(g=!1,!S.isUndefined(r.dataSource)){const n=o.pageSize*(o.current-1);return{data:(r.pagination===!1?r.dataSource:r.dataSource.slice(n,n+o.pageSize))||[],total:r.dataSource.length||0}}const t=await((a=r.request)==null?void 0:a.call(r,o));return{data:(t==null?void 0:t.data)||[],total:(t==null?void 0:t.total)||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(r,"params"),defaultData:r.defaultData,manual:e.unref(_),formatParams:r.beforeSearchSubmit,pagination:r.pagination,sortFields:Z}),te=e.computed(()=>S.isUndefined(r.dataSource)?c.records:r.dataSource),{select:re,unSelect:ne,selectedRows:b,selectedRowKeys:ae,clearAll:le,selectMultiByKeys:se}=Be.default({...r.rowSelection===!0?{}:r.rowSelection,dataSource:te,rowKey:r.rowKey}),ue={checkbox:"multiRow",radio:"singleRow"},ie=e.computed(()=>{if(!r.rowSelection)return;const{type:o="checkbox",disabled:t}=r.rowSelection===!0?{}:r.rowSelection;return{mode:ue[o],isRowSelectable:a=>t?!t(a.data):!0}}),de=e.computed(()=>{if(!r.rowSelection)return;const o=r.rowSelection===!0?{}:r.rowSelection;let t=o.fixed;return t===void 0&&(t=i.value.some(a=>a.fixed==="left"||a.fixed===!0)?"left":void 0),{sortable:!1,resizable:!1,width:o.columnWidth||60,pinned:t}});function C(o){return S.isFunction(r.rowKey)?r.rowKey(o):o[r.rowKey]}const N=({api:o=f.value})=>{if(!r.rowSelection)return;const t=b.value;if(!t.length)return;g=!1;const a=[];o.forEachNode(n=>{const l=n.data,s=C(l);t.find(A=>C(A)===s)&&a.push(n)}),o.setNodesSelected({nodes:a,newValue:!0}),setTimeout(()=>{g=!0},0)},ce=o=>{g&&(o.node.isSelected()?re(o.data):ne(o.data))},me=()=>{g=!0},q=()=>{var o;le(),(o=f.value)==null||o.deselectAll()};function pe(o){se(o),e.nextTick(()=>{N({})})}function V(o=!1){var a,n,l;const t=o?"getFieldsValueTransformed":"getFieldsValue";return(l=(n=(a=d.value)==null?void 0:a.apForm)==null?void 0:n[t])==null?void 0:l.call(n,!0)}function I(o){var t,a,n;(n=(a=(t=d.value)==null?void 0:t.apForm)==null?void 0:a.setFieldsValue)==null||n.call(a,o)}function P(){var o;return((o=d.value)==null?void 0:o.getSorterItems())||[]}function D(o){var t;(t=d.value)==null||t.setSorterItems(o)}function E(){var o;(o=d.value)==null||o.resetSorterItems()}Fe.useProvideApTable({columns:e.computed(()=>i.value),columnsBackup:e.computed(()=>H.value),size:e.computed(()=>O.sizeMap[p.value]),updateColumns(o){var t;console.log(o),i.value=o,(t=r.onShownColumnsChange)==null||t.call(r,o)},updateSize(o){p.value=O.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:L("table-header","title"),color:$.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:V,setSearchFormValues:I,submit:h,submitWith:k,reset:v,refresh:z,getSearchFormSorterItems:P,setSearchFormSorterItems:D,resetSearchFormSorterItems:E});const fe=e.computed(()=>S.isUndefined(r.loading)?c.loading:r.loading),ge=e.computed(()=>[u(),r.card?null:u("wrapper"),u("adaptive"),u(`size-${p.value}`)].filter(Boolean)),Se=e.computed(()=>({height:"100%",...r.tableStyle||{}})),we=(o,t)=>{T({current:o,pageSize:t})};function ye(o){const t=o.data;return C(t)}function he(o,t){var a;(a=f.value)==null||a.ensureIndexVisible(o,t)}return e.watch(()=>r.size,o=>{p.value=o}),e.watch(()=>e.unref(c).loading,o=>{var t;(t=r.onLoadingChange)==null||t.call(r,o)}),G({submit:h,reset:v,refresh:z,submitWith:k,setSearchFormValues:I,getSearchFormValues:V,getShowColumns:()=>e.unref(i),rowSelection:{selectedRows:e.computed(()=>b.value),setSelectedRowKeys:pe,clearAll:q},scrollToRow:he,getDataSource:()=>e.unref(c.records),getPaging:ee,setPaging:oe,getSearchFormSorterItems:P,setSearchFormSorterItems:D,resetSearchFormSorterItems:E}),(o,t)=>{var a,n;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(ge.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(S.isUndefined)(o.dataSource)&&o.searchForm!==!1&&B.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(be.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:d,"custom-reset":"","submit-loading":e.unref(F).loading,onSubmit:e.unref(h),onReset:e.unref(v)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[w.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(y)("table-wrapper"),o.card?e.unref(y)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(b),selectedRowKeys:e.unref(ae),shownColumns:e.unref(i),clearAll:q})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("grid-wrapper"))},[e.createVNode(e.unref(ve.AgGridVue),{style:e.normalizeStyle(Se.value),"row-data":e.unref(c).records,"column-defs":e.unref(Q),"default-col-def":e.unref(J),"locale-text":{noRowsToShow:""},"row-selection":ie.value,"selection-column-def":de.value,"get-row-id":ye,"pinned-top-row-data":(a=o.summary)==null?void 0:a.top,"pinned-bottom-row-data":(n=o.summary)==null?void 0:n.bottom,theme:e.unref(U),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"",onSortChanged:Y,onGridReady:t[0]||(t[0]=l=>f.value=l.api),onRowDataUpdated:N,onRowSelected:ce,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","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(y)("table-loading-wrapper"))},[e.createVNode(e.unref(M.Spin),{delay:300})],2),[[e.vShow,fe.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(M.Pagination),e.mergeProps({key:0,class:e.unref(u)("pagination")},e.unref(F).pagination,{onChange:we}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6)}}});exports.default=De;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@aplus-frontend/utils"),s=require("dayjs"),m=require("lodash-unified"),c=require("../../ap-field/date/constant.js");function l(e){var a;const t=e.value;if(!(t!=null&&t.length))return e.emptyText||"--";const n=m.isArray(e.timezone)?(a=e.timezone[0])==null?void 0:a.value:e.timezone,d=n?i.getTimeFormatToZone(t[0],n):t[0],u=n?i.getTimeFormatToZone(t[1],n):t[1],r=e.format||"Y-D",o=c.ApFieldDatePresetFormats.indexOf(r)>-1?c.PRESET_FORMAT_MAP[r]:r,f=m.isString(e.readModeSeparator)?e.readModeSeparator:"~";return`${s(d).format(o)}${f}${s(u).format(o)}`}exports.dateRangeRenderer=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@aplus-frontend/utils"),i=require("dayjs"),a=require("lodash-unified"),o=require("../../ap-field/date/constant.js");function c(e){var r;if(a.isNil(e.value))return e.emptyText||"--";let n=i(e.value);if(e.timezone){const u=a.isArray(e.timezone)?(r=e.timezone[0])==null?void 0:r.value:e.timezone;n=i(s.getTimeFormatToZone(e.value,u))}const t=e.format||"Y-D",m=o.ApFieldDatePresetFormats.indexOf(t)>-1?o.PRESET_FORMAT_MAP[t]:t;return n.format(m)}exports.dateRenderer=c;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "6.24.
|
|
1
|
+
declare const _default: "6.24.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.24.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.24.1";exports.default=e;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aplus-frontend/ui",
|
|
3
|
-
"version": "6.24.
|
|
3
|
+
"version": "6.24.1",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"scroll-into-view-if-needed": "^3.1.0",
|
|
38
38
|
"vue-virtual-scroller": "2.0.0-beta.8",
|
|
39
39
|
"vuedraggable": "^4.1.0",
|
|
40
|
-
"@aplus-frontend/
|
|
41
|
-
"@aplus-frontend/
|
|
40
|
+
"@aplus-frontend/hooks": "1.0.7",
|
|
41
|
+
"@aplus-frontend/utils": "1.0.61"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@aplus-frontend/antdv": "^1.2.1",
|
package/theme/ag-grid/index.css
CHANGED
package/theme/ag-grid/index.less
CHANGED
package/theme/index.css
CHANGED
|
@@ -4334,6 +4334,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
|
|
|
4334
4334
|
-webkit-line-clamp: var(--ag-grid-line-clamp);
|
|
4335
4335
|
word-break: break-all;
|
|
4336
4336
|
}
|
|
4337
|
+
.aplus-ag-grid .ag-tooltip {
|
|
4338
|
+
max-width: 300px;
|
|
4339
|
+
}
|
|
4337
4340
|
.aplus-ap-value-select-card {
|
|
4338
4341
|
position: relative;
|
|
4339
4342
|
margin-top: 8px;
|