@affino/datagrid-vue-app 0.1.44 → 0.1.46
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/dist/DataGrid.d.ts +28 -2
- package/dist/DataGridTableStage.vue.d.ts +27 -0
- package/dist/chunks/{DataGridGanttStageEntry-z-xnwnvx.js → DataGridGanttStageEntry-DNXWCKVs.js} +3749 -3527
- package/dist/chunks/useDataGridAppRowModel-DKyzpK78.js +4858 -0
- package/dist/gantt.js +1 -1
- package/dist/host/DataGridDefaultRenderer.d.ts +20 -2
- package/dist/index.js +175 -163
- package/dist/internal.js +2 -2
- package/dist/stage/DataGridTableStage.vue.d.ts +27 -0
- package/dist/stage/DataGridTableStageCenterPane.vue.d.ts +46 -1
- package/dist/stage/dataGridTableStage.types.d.ts +20 -0
- package/dist/stage/useDataGridTableStageRuntime.d.ts +5 -3
- package/package.json +2 -2
- package/dist/chunks/useDataGridAppRowModel-BjIIJmYg.js +0 -4586
package/dist/index.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as je, ref as
|
|
2
|
-
import { useDataGridRuntime as nt } from "@affino/datagrid-vue";
|
|
3
|
-
import { useDataGridAppSelection as
|
|
4
|
-
import { r as
|
|
5
|
-
import { a as
|
|
1
|
+
import { defineComponent as je, ref as G, provide as tt, computed as m, watch as S, onBeforeUnmount as pe, h as ge, mergeProps as ot, unref as Me, toRef as Ce } from "vue";
|
|
2
|
+
import { useDataGridRuntime as nt, cloneDataGridFilterSnapshot as rt } from "@affino/datagrid-vue";
|
|
3
|
+
import { useDataGridAppSelection as lt, useDataGridAppRowSelection as at } from "@affino/datagrid-vue/app";
|
|
4
|
+
import { r as it, g as ut, h as st, i as dt, j as ct, b as ft, d as mt, c as yt, k as vt, u as gt, D as pt } from "./chunks/useDataGridAppRowModel-DKyzpK78.js";
|
|
5
|
+
import { a as Bo, l as Do } from "./chunks/useDataGridAppRowModel-DKyzpK78.js";
|
|
6
6
|
import { r as wt } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
|
|
7
|
-
import { r as
|
|
8
|
-
import { applyGridTheme as
|
|
9
|
-
import { d as
|
|
10
|
-
function
|
|
7
|
+
import { r as St } from "./chunks/DataGridGanttStageEntry-DNXWCKVs.js";
|
|
8
|
+
import { applyGridTheme as ht, resolveGridThemeTokens as Rt, defaultStyleConfig as j, sugarTheme as Ie, industrialNeutralTheme as Oe } from "@affino/datagrid-theme";
|
|
9
|
+
import { d as bt } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
|
|
10
|
+
function mo() {
|
|
11
11
|
return (e) => e;
|
|
12
12
|
}
|
|
13
|
-
const
|
|
13
|
+
const Mt = {
|
|
14
14
|
default: j,
|
|
15
15
|
"industrial-neutral": Oe,
|
|
16
16
|
industrialNeutral: Oe,
|
|
17
17
|
sugar: Ie
|
|
18
18
|
};
|
|
19
|
-
function
|
|
19
|
+
function Ct(e, t) {
|
|
20
20
|
if (!e && !t)
|
|
21
21
|
return;
|
|
22
22
|
const l = {
|
|
@@ -40,34 +40,34 @@ function fe(e, t) {
|
|
|
40
40
|
summary: { ...e.summary ?? {}, ...t.summary ?? {} },
|
|
41
41
|
state: { ...e.state ?? {}, ...t.state ?? {} },
|
|
42
42
|
tokens: { ...e.tokens ?? {}, ...t.tokens ?? {} },
|
|
43
|
-
tokenVariants:
|
|
43
|
+
tokenVariants: Ct(e.tokenVariants, t.tokenVariants)
|
|
44
44
|
};
|
|
45
45
|
}
|
|
46
|
-
function
|
|
46
|
+
function Ot(e) {
|
|
47
47
|
return !e || typeof e != "object" ? !1 : "tokens" in e || "tokenVariants" in e || "activeTokenVariant" in e || "defaultTokenVariant" in e || "inheritThemeFromDocument" in e || "documentDarkClass" in e || "grid" in e || "header" in e || "body" in e || "group" in e || "summary" in e || "state" in e;
|
|
48
48
|
}
|
|
49
|
-
function
|
|
50
|
-
return e == null ? j : typeof e == "string" ? e === "sugar" ? fe(j, Ie) :
|
|
49
|
+
function At(e) {
|
|
50
|
+
return e == null ? j : typeof e == "string" ? e === "sugar" ? fe(j, Ie) : Mt[e] ?? j : Ot(e) ? fe(j, e) : fe(j, {
|
|
51
51
|
tokens: e
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
|
-
function
|
|
55
|
-
const t =
|
|
56
|
-
return
|
|
54
|
+
function Bt(e) {
|
|
55
|
+
const t = At(e);
|
|
56
|
+
return Rt(t ?? j, {
|
|
57
57
|
document: typeof document > "u" ? void 0 : document
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
60
|
function Ae(e, t) {
|
|
61
|
-
const l =
|
|
62
|
-
return
|
|
61
|
+
const l = Bt(t);
|
|
62
|
+
return ht(e, l), l;
|
|
63
63
|
}
|
|
64
64
|
function Be(e, t) {
|
|
65
65
|
return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
|
|
66
66
|
}
|
|
67
|
-
function
|
|
67
|
+
function De(e, t) {
|
|
68
68
|
return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
|
|
69
69
|
}
|
|
70
|
-
function
|
|
70
|
+
function Dt(e) {
|
|
71
71
|
if (e !== void 0) {
|
|
72
72
|
if (e == null)
|
|
73
73
|
return null;
|
|
@@ -82,23 +82,23 @@ function Bt(e) {
|
|
|
82
82
|
return e;
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
|
-
function
|
|
85
|
+
function Pt(e, t) {
|
|
86
86
|
return t === !0 || t && typeof t == "object" ? "pagination" : e ?? "virtualization";
|
|
87
87
|
}
|
|
88
|
-
function
|
|
88
|
+
function Gt(e, t, l, o) {
|
|
89
89
|
if (t !== "pagination")
|
|
90
90
|
return null;
|
|
91
|
-
const u = 100, a =
|
|
91
|
+
const u = 100, a = De(l, u), v = Be(o, 0);
|
|
92
92
|
return e === !0 || e === !1 || e == null ? {
|
|
93
93
|
pageSize: a,
|
|
94
94
|
currentPage: v
|
|
95
95
|
} : {
|
|
96
|
-
pageSize:
|
|
96
|
+
pageSize: De(l ?? e.pageSize, u),
|
|
97
97
|
currentPage: Be(o ?? e.currentPage, 0)
|
|
98
98
|
};
|
|
99
99
|
}
|
|
100
100
|
const me = "Find / replace";
|
|
101
|
-
function
|
|
101
|
+
function Ft(e) {
|
|
102
102
|
return typeof e == "boolean" ? {
|
|
103
103
|
enabled: e,
|
|
104
104
|
buttonLabel: me
|
|
@@ -110,19 +110,19 @@ function Pt(e) {
|
|
|
110
110
|
buttonLabel: me
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
|
-
const
|
|
113
|
+
const xt = "all", Ke = {
|
|
114
114
|
all: "columns",
|
|
115
115
|
rows: "none",
|
|
116
116
|
columns: "columns",
|
|
117
117
|
none: "none"
|
|
118
118
|
};
|
|
119
|
-
function
|
|
120
|
-
return e === "rows" || e === "columns" || e === "none" || e === "all" ? e :
|
|
119
|
+
function Pe(e) {
|
|
120
|
+
return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : xt;
|
|
121
121
|
}
|
|
122
|
-
function
|
|
122
|
+
function jt(e, t) {
|
|
123
123
|
return e === "columns" || e === "none" ? e : Ke[t];
|
|
124
124
|
}
|
|
125
|
-
function
|
|
125
|
+
function Ge(e, t) {
|
|
126
126
|
return e !== "none" || t === "columns";
|
|
127
127
|
}
|
|
128
128
|
function Fe(e) {
|
|
@@ -136,20 +136,20 @@ function Fe(e) {
|
|
|
136
136
|
headerColumns: o
|
|
137
137
|
};
|
|
138
138
|
}
|
|
139
|
-
function
|
|
139
|
+
function It(e) {
|
|
140
140
|
if (typeof e == "string") {
|
|
141
|
-
const o =
|
|
141
|
+
const o = Pe(e), u = Ke[o];
|
|
142
142
|
return Fe({
|
|
143
143
|
body: o,
|
|
144
144
|
header: u,
|
|
145
|
-
pinnedSeparators:
|
|
145
|
+
pinnedSeparators: Ge(o, u)
|
|
146
146
|
});
|
|
147
147
|
}
|
|
148
|
-
const t =
|
|
148
|
+
const t = Pe(e?.body), l = jt(e?.header, t);
|
|
149
149
|
return Fe({
|
|
150
150
|
body: t,
|
|
151
151
|
header: l,
|
|
152
|
-
pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators :
|
|
152
|
+
pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Ge(t, l)
|
|
153
153
|
});
|
|
154
154
|
}
|
|
155
155
|
function xe(e) {
|
|
@@ -158,7 +158,7 @@ function xe(e) {
|
|
|
158
158
|
const t = Math.max(0, Math.trunc(e));
|
|
159
159
|
return t > 0 ? t : null;
|
|
160
160
|
}
|
|
161
|
-
function
|
|
161
|
+
function Kt(e, t, l) {
|
|
162
162
|
const o = e === "auto-height" ? "auto-height" : "fill";
|
|
163
163
|
if (o !== "auto-height")
|
|
164
164
|
return {
|
|
@@ -174,7 +174,7 @@ function It(e, t, l) {
|
|
|
174
174
|
maxRows: a
|
|
175
175
|
};
|
|
176
176
|
}
|
|
177
|
-
function
|
|
177
|
+
function Ht(e) {
|
|
178
178
|
return {
|
|
179
179
|
...e,
|
|
180
180
|
transaction: null
|
|
@@ -183,14 +183,14 @@ function Kt(e) {
|
|
|
183
183
|
function X(e) {
|
|
184
184
|
return {
|
|
185
185
|
...e,
|
|
186
|
-
state:
|
|
186
|
+
state: Ht(e.state)
|
|
187
187
|
};
|
|
188
188
|
}
|
|
189
|
-
function
|
|
189
|
+
function Lt(e) {
|
|
190
190
|
return typeof e == "object" && e !== null;
|
|
191
191
|
}
|
|
192
192
|
function He(e, t, l) {
|
|
193
|
-
const o =
|
|
193
|
+
const o = Lt(e) ? e : null, u = t(o && "state" in o ? o.state : e, l);
|
|
194
194
|
if (!u)
|
|
195
195
|
return null;
|
|
196
196
|
const a = o?.viewMode, v = a === "gantt" ? "gantt" : a === "table" ? "table" : void 0;
|
|
@@ -199,10 +199,10 @@ function He(e, t, l) {
|
|
|
199
199
|
...v ? { viewMode: v } : {}
|
|
200
200
|
});
|
|
201
201
|
}
|
|
202
|
-
function
|
|
202
|
+
function zt(e) {
|
|
203
203
|
return JSON.stringify(X(e));
|
|
204
204
|
}
|
|
205
|
-
function
|
|
205
|
+
function Et(e, t, l) {
|
|
206
206
|
if (typeof e != "string" || e.trim().length === 0)
|
|
207
207
|
return null;
|
|
208
208
|
try {
|
|
@@ -211,26 +211,26 @@ function zt(e, t, l) {
|
|
|
211
211
|
return null;
|
|
212
212
|
}
|
|
213
213
|
}
|
|
214
|
-
function
|
|
214
|
+
function yo(e, t, l) {
|
|
215
215
|
if (!e || typeof t != "string" || t.trim().length === 0)
|
|
216
216
|
return !1;
|
|
217
217
|
try {
|
|
218
|
-
return e.setItem(t,
|
|
218
|
+
return e.setItem(t, zt(l)), !0;
|
|
219
219
|
} catch {
|
|
220
220
|
return !1;
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
|
-
function
|
|
223
|
+
function vo(e, t, l, o) {
|
|
224
224
|
if (!e || typeof t != "string" || t.trim().length === 0)
|
|
225
225
|
return null;
|
|
226
226
|
try {
|
|
227
227
|
const u = e.getItem(t);
|
|
228
|
-
return u ?
|
|
228
|
+
return u ? Et(u, l, o) : null;
|
|
229
229
|
} catch {
|
|
230
230
|
return null;
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
|
-
function
|
|
233
|
+
function go(e, t) {
|
|
234
234
|
if (!e || typeof t != "string" || t.trim().length === 0)
|
|
235
235
|
return !1;
|
|
236
236
|
try {
|
|
@@ -240,7 +240,7 @@ function vo(e, t) {
|
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
242
|
const ye = "Aggregations";
|
|
243
|
-
function
|
|
243
|
+
function Vt(e) {
|
|
244
244
|
return typeof e == "boolean" ? {
|
|
245
245
|
enabled: e,
|
|
246
246
|
buttonLabel: ye
|
|
@@ -255,7 +255,7 @@ function Et(e) {
|
|
|
255
255
|
function $(e, t) {
|
|
256
256
|
return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
|
|
257
257
|
}
|
|
258
|
-
function
|
|
258
|
+
function Wt(e, t) {
|
|
259
259
|
const l = {
|
|
260
260
|
rows: !0,
|
|
261
261
|
columns: !1,
|
|
@@ -273,7 +273,7 @@ function Vt(e, t) {
|
|
|
273
273
|
}
|
|
274
274
|
return t === "pagination" && (l.rows = !1), l;
|
|
275
275
|
}
|
|
276
|
-
const
|
|
276
|
+
const Tt = je({
|
|
277
277
|
name: "DataGridRuntimeHost",
|
|
278
278
|
inheritAttrs: !1,
|
|
279
279
|
props: {
|
|
@@ -328,8 +328,8 @@ const Wt = je({
|
|
|
328
328
|
"row-selection-change": (e) => !0
|
|
329
329
|
},
|
|
330
330
|
setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
|
|
331
|
-
const a =
|
|
332
|
-
tt(
|
|
331
|
+
const a = G(null);
|
|
332
|
+
tt(bt, a);
|
|
333
333
|
let v = null;
|
|
334
334
|
const s = nt({
|
|
335
335
|
rows: m(() => e.rows),
|
|
@@ -339,7 +339,7 @@ const Wt = je({
|
|
|
339
339
|
services: e.services,
|
|
340
340
|
startupOrder: e.startupOrder,
|
|
341
341
|
autoStart: e.autoStart
|
|
342
|
-
}),
|
|
342
|
+
}), w = s, h = {
|
|
343
343
|
api: s.api,
|
|
344
344
|
syncBodyRowsInRange: s.syncBodyRowsInRange,
|
|
345
345
|
setViewportRange: s.setViewportRange,
|
|
@@ -348,8 +348,8 @@ const Wt = je({
|
|
|
348
348
|
rowPartition: s.rowPartition,
|
|
349
349
|
virtualWindow: s.virtualWindow,
|
|
350
350
|
columnSnapshot: s.columnSnapshot,
|
|
351
|
-
getBodyRowAtIndex:
|
|
352
|
-
resolveBodyRowIndexById:
|
|
351
|
+
getBodyRowAtIndex: w.getBodyRowAtIndex,
|
|
352
|
+
resolveBodyRowIndexById: w.resolveBodyRowIndexById
|
|
353
353
|
}, A = () => {
|
|
354
354
|
if (e.renderMode === "pagination") {
|
|
355
355
|
const f = e.pagination ?? { pageSize: 100, currentPage: 0 };
|
|
@@ -394,10 +394,10 @@ const Wt = je({
|
|
|
394
394
|
}), F = s.api.events.on("row-selection:changed", (f) => {
|
|
395
395
|
o("row-selection-change", f);
|
|
396
396
|
});
|
|
397
|
-
|
|
397
|
+
pe(() => {
|
|
398
398
|
b(), R(), F(), v?.disconnect(), v = null;
|
|
399
399
|
});
|
|
400
|
-
const
|
|
400
|
+
const P = m(() => {
|
|
401
401
|
const f = s.virtualWindow.value;
|
|
402
402
|
return {
|
|
403
403
|
...f ?? {},
|
|
@@ -415,8 +415,8 @@ const Wt = je({
|
|
|
415
415
|
rowPartition: s.rowPartition,
|
|
416
416
|
setRows: s.setRows,
|
|
417
417
|
syncBodyRowsInRange: s.syncBodyRowsInRange,
|
|
418
|
-
getBodyRowAtIndex:
|
|
419
|
-
resolveBodyRowIndexById:
|
|
418
|
+
getBodyRowAtIndex: w.getBodyRowAtIndex,
|
|
419
|
+
resolveBodyRowIndexById: w.resolveBodyRowIndexById,
|
|
420
420
|
virtualWindow: s.virtualWindow,
|
|
421
421
|
start: s.start,
|
|
422
422
|
stop: s.stop
|
|
@@ -447,9 +447,9 @@ const Wt = je({
|
|
|
447
447
|
rowPartition: s.rowPartition.value,
|
|
448
448
|
setRows: s.setRows,
|
|
449
449
|
syncBodyRowsInRange: s.syncBodyRowsInRange,
|
|
450
|
-
getBodyRowAtIndex:
|
|
451
|
-
resolveBodyRowIndexById:
|
|
452
|
-
virtualWindow:
|
|
450
|
+
getBodyRowAtIndex: w.getBodyRowAtIndex,
|
|
451
|
+
resolveBodyRowIndexById: w.resolveBodyRowIndexById,
|
|
452
|
+
virtualWindow: P.value
|
|
453
453
|
}) ?? []
|
|
454
454
|
);
|
|
455
455
|
}
|
|
@@ -464,20 +464,20 @@ function O(e) {
|
|
|
464
464
|
return null;
|
|
465
465
|
}
|
|
466
466
|
}
|
|
467
|
-
function
|
|
467
|
+
function _t(e) {
|
|
468
468
|
return e ? {
|
|
469
469
|
fields: [...e.fields],
|
|
470
470
|
expandedByDefault: e.expandedByDefault
|
|
471
471
|
} : null;
|
|
472
472
|
}
|
|
473
|
-
function
|
|
474
|
-
let t = null, l = null, o = !1, u = null, a = null, v = null, s = null,
|
|
473
|
+
function kt(e) {
|
|
474
|
+
let t = null, l = null, o = !1, u = null, a = null, v = null, s = null, w = null, h = null, A = null, b = null, R = null;
|
|
475
475
|
const F = () => {
|
|
476
476
|
t?.(), l?.(), t = null, l = null;
|
|
477
|
-
},
|
|
477
|
+
}, P = () => {
|
|
478
478
|
const n = e.gridRef.value;
|
|
479
479
|
return !n || n.api.lifecycle.state === "disposed" ? null : n;
|
|
480
|
-
}, f = () =>
|
|
480
|
+
}, f = () => P()?.api ?? null, x = () => {
|
|
481
481
|
const n = f()?.columns;
|
|
482
482
|
if (!n)
|
|
483
483
|
return null;
|
|
@@ -501,8 +501,8 @@ function _t(e) {
|
|
|
501
501
|
), e.emit.columnWidths(n.widths), e.emit.columnPins(n.pins));
|
|
502
502
|
}
|
|
503
503
|
if (d) {
|
|
504
|
-
const i =
|
|
505
|
-
y !==
|
|
504
|
+
const i = _t(d.rows.getSnapshot().groupBy), y = O(i);
|
|
505
|
+
y !== w && (w = y, e.emit.groupBy(i));
|
|
506
506
|
const C = d.state.get(), M = O(C);
|
|
507
507
|
A = M, M !== s && (s = M, e.emit.state(C));
|
|
508
508
|
}
|
|
@@ -634,7 +634,7 @@ function _t(e) {
|
|
|
634
634
|
const n = f();
|
|
635
635
|
n && (n.view.setRowHeightMode(e.props.rowHeightMode), n.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
|
|
636
636
|
}, N = () => {
|
|
637
|
-
const n =
|
|
637
|
+
const n = P();
|
|
638
638
|
n && (u = null, a = null, F(), t = n.rowModel.subscribe(() => {
|
|
639
639
|
g();
|
|
640
640
|
}), l = n.columnModel.subscribe(() => {
|
|
@@ -723,7 +723,7 @@ function _t(e) {
|
|
|
723
723
|
const Y = () => {
|
|
724
724
|
F();
|
|
725
725
|
};
|
|
726
|
-
return
|
|
726
|
+
return pe(() => {
|
|
727
727
|
Y();
|
|
728
728
|
}), {
|
|
729
729
|
emitSnapshotUpdates: g,
|
|
@@ -741,26 +741,26 @@ function _t(e) {
|
|
|
741
741
|
collapseAllGroups: le
|
|
742
742
|
};
|
|
743
743
|
}
|
|
744
|
-
function
|
|
744
|
+
function Ut(e) {
|
|
745
745
|
if (!Number.isFinite(e))
|
|
746
746
|
return;
|
|
747
747
|
const t = Math.trunc(e);
|
|
748
748
|
return t > 0 ? t : void 0;
|
|
749
749
|
}
|
|
750
|
-
function
|
|
750
|
+
function Nt(e) {
|
|
751
751
|
return e === !1 ? !1 : e === "window" ? "window" : "grid";
|
|
752
752
|
}
|
|
753
|
-
function
|
|
753
|
+
function qt(e) {
|
|
754
754
|
return e === !0 || e === "toolbar" ? "toolbar" : e === "external-only" ? "external-only" : !1;
|
|
755
755
|
}
|
|
756
|
-
function
|
|
756
|
+
function Jt() {
|
|
757
757
|
return {
|
|
758
758
|
canUndo: () => !1,
|
|
759
759
|
canRedo: () => !1,
|
|
760
760
|
runHistoryAction: async () => null
|
|
761
761
|
};
|
|
762
762
|
}
|
|
763
|
-
function
|
|
763
|
+
function Yt(e) {
|
|
764
764
|
if (e === !1)
|
|
765
765
|
return {
|
|
766
766
|
enabled: !1,
|
|
@@ -771,9 +771,9 @@ function Jt(e) {
|
|
|
771
771
|
const t = typeof e == "object" && e !== null ? e : {};
|
|
772
772
|
return e === void 0 || e === !0 || t.enabled !== !1 ? {
|
|
773
773
|
enabled: !0,
|
|
774
|
-
depth:
|
|
775
|
-
shortcuts:
|
|
776
|
-
controls:
|
|
774
|
+
depth: Ut(t.depth),
|
|
775
|
+
shortcuts: Nt(t.shortcuts),
|
|
776
|
+
controls: qt(t.controls),
|
|
777
777
|
adapter: t.adapter
|
|
778
778
|
} : {
|
|
779
779
|
enabled: !1,
|
|
@@ -782,22 +782,22 @@ function Jt(e) {
|
|
|
782
782
|
controls: !1
|
|
783
783
|
};
|
|
784
784
|
}
|
|
785
|
-
function
|
|
785
|
+
function po() {
|
|
786
786
|
return (e) => e;
|
|
787
787
|
}
|
|
788
788
|
function wo() {
|
|
789
789
|
return (e) => e;
|
|
790
790
|
}
|
|
791
|
-
function po() {
|
|
792
|
-
return (e) => e;
|
|
793
|
-
}
|
|
794
791
|
function So() {
|
|
795
792
|
return (e) => e;
|
|
796
793
|
}
|
|
797
794
|
function ho() {
|
|
798
795
|
return (e) => e;
|
|
799
796
|
}
|
|
800
|
-
function
|
|
797
|
+
function Ro() {
|
|
798
|
+
return (e) => e;
|
|
799
|
+
}
|
|
800
|
+
function $t(e, t) {
|
|
801
801
|
if (!t || typeof e != "object" || e === null)
|
|
802
802
|
return;
|
|
803
803
|
const l = t.split(".").filter(Boolean);
|
|
@@ -816,7 +816,7 @@ function Yt(e, t) {
|
|
|
816
816
|
}
|
|
817
817
|
return o;
|
|
818
818
|
}
|
|
819
|
-
function
|
|
819
|
+
function Qt(e, t) {
|
|
820
820
|
const l = /* @__PURE__ */ new Map();
|
|
821
821
|
for (const o of e ?? []) {
|
|
822
822
|
const u = String(o.key ?? "").trim();
|
|
@@ -840,11 +840,11 @@ function $t(e, t) {
|
|
|
840
840
|
const s = typeof a.field == "string" ? a.field.trim() : "";
|
|
841
841
|
if (!s)
|
|
842
842
|
return;
|
|
843
|
-
const
|
|
844
|
-
return typeof
|
|
843
|
+
const w = v[s];
|
|
844
|
+
return typeof w < "u" ? w : $t(v, s);
|
|
845
845
|
};
|
|
846
846
|
}
|
|
847
|
-
function
|
|
847
|
+
function Xt() {
|
|
848
848
|
return {
|
|
849
849
|
name: "selection",
|
|
850
850
|
getRowSelectionSnapshot: () => null,
|
|
@@ -875,7 +875,7 @@ function Q(e, t) {
|
|
|
875
875
|
await u(o);
|
|
876
876
|
};
|
|
877
877
|
}
|
|
878
|
-
function
|
|
878
|
+
function Zt(e) {
|
|
879
879
|
const {
|
|
880
880
|
userSelectionService: t,
|
|
881
881
|
cellSelectionService: l,
|
|
@@ -903,7 +903,7 @@ function Xt(e) {
|
|
|
903
903
|
clearSelectedRows: o.clearSelectedRows
|
|
904
904
|
};
|
|
905
905
|
}
|
|
906
|
-
function
|
|
906
|
+
function eo(e, t) {
|
|
907
907
|
if (e?.focusedRow !== t?.focusedRow)
|
|
908
908
|
return !1;
|
|
909
909
|
const l = e?.selectedRows ?? [], o = t?.selectedRows ?? [];
|
|
@@ -914,7 +914,7 @@ function Zt(e, t) {
|
|
|
914
914
|
return !1;
|
|
915
915
|
return !0;
|
|
916
916
|
}
|
|
917
|
-
function
|
|
917
|
+
function to(e, t) {
|
|
918
918
|
if (e === t)
|
|
919
919
|
return !0;
|
|
920
920
|
const l = Object.entries(e ?? {}), o = Object.entries(t ?? {});
|
|
@@ -925,19 +925,19 @@ function eo(e, t) {
|
|
|
925
925
|
return !1;
|
|
926
926
|
return !0;
|
|
927
927
|
}
|
|
928
|
-
function
|
|
928
|
+
function oo(e, t) {
|
|
929
929
|
if (e === t)
|
|
930
930
|
return !0;
|
|
931
931
|
if (e.length !== t.length)
|
|
932
932
|
return !1;
|
|
933
933
|
for (let l = 0; l < e.length; l += 1) {
|
|
934
934
|
const o = e[l], u = t[l];
|
|
935
|
-
if (!o || !u || o.key !== u.key || o.component !== u.component || !
|
|
935
|
+
if (!o || !u || o.key !== u.key || o.component !== u.component || !to(o.props, u.props))
|
|
936
936
|
return !1;
|
|
937
937
|
}
|
|
938
938
|
return !0;
|
|
939
939
|
}
|
|
940
|
-
const
|
|
940
|
+
const no = {
|
|
941
941
|
rows: {
|
|
942
942
|
type: Array,
|
|
943
943
|
default: () => []
|
|
@@ -1202,14 +1202,22 @@ const oo = {
|
|
|
1202
1202
|
type: Function,
|
|
1203
1203
|
default: void 0
|
|
1204
1204
|
},
|
|
1205
|
+
reportCenterPaneDiagnostics: {
|
|
1206
|
+
type: Function,
|
|
1207
|
+
default: void 0
|
|
1208
|
+
},
|
|
1205
1209
|
reportFillPlumbingState: {
|
|
1206
1210
|
type: Function,
|
|
1207
1211
|
default: void 0
|
|
1212
|
+
},
|
|
1213
|
+
reportFillPlumbingDetail: {
|
|
1214
|
+
type: Function,
|
|
1215
|
+
default: void 0
|
|
1208
1216
|
}
|
|
1209
1217
|
}, Le = je({
|
|
1210
1218
|
name: "DataGrid",
|
|
1211
1219
|
inheritAttrs: !1,
|
|
1212
|
-
props:
|
|
1220
|
+
props: no,
|
|
1213
1221
|
emits: {
|
|
1214
1222
|
"cell-change": (e) => !0,
|
|
1215
1223
|
"cell-edit": (e) => !0,
|
|
@@ -1229,16 +1237,16 @@ const oo = {
|
|
|
1229
1237
|
ready: (e) => !0
|
|
1230
1238
|
},
|
|
1231
1239
|
setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
|
|
1232
|
-
const a =
|
|
1240
|
+
const a = G(null), v = Jt(), s = G(null), w = G(null), h = G([]);
|
|
1233
1241
|
let A = null, b = !1;
|
|
1234
|
-
const R =
|
|
1242
|
+
const R = G(e.viewMode === "gantt" ? "gantt" : "table"), F = G(e.state ?? null), P = m(() => Yt(e.history)), f = m(() => it(e.chrome)), x = m(() => Pt(e.renderMode, e.pagination)), g = m(() => Gt(
|
|
1235
1243
|
e.pagination,
|
|
1236
1244
|
x.value,
|
|
1237
1245
|
e.pageSize,
|
|
1238
1246
|
e.currentPage
|
|
1239
|
-
)), L = m(() =>
|
|
1247
|
+
)), L = m(() => ut(e.columnMenu)), Z = m(() => st(e.cellMenu)), ee = m(() => dt(e.rowIndexMenu)), z = m(() => ct(e.columnLayout)), E = m(() => ft(e.columnReorder)), U = m(() => Vt(e.aggregations)), I = m(() => wt(e.advancedFilter)), V = m(() => Ft(e.findReplace)), W = m(() => It(e.gridLines)), K = m(() => Dt(e.groupBy)), B = m(() => e.state ?? F.value), T = m(() => e.sortModel !== void 0 ? e.sortModel : B.value?.rows?.snapshot?.sortModel), _ = m(() => e.filterModel !== void 0 ? e.filterModel : rt(B.value?.rows?.snapshot?.filterModel ?? null)), N = m(() => e.groupBy !== void 0 ? K.value ?? null : B.value?.rows?.snapshot?.groupBy ?? null), q = m(() => e.pivotModel !== void 0 ? e.pivotModel : B.value?.rows?.snapshot?.pivotModel ?? null), te = m(() => Wt(e.virtualization, x.value)), H = m(() => Kt(e.layoutMode, e.minRows, e.maxRows)), oe = m(() => St(e.placeholderRows)), ne = m(() => mt(e.rowReorder)), J = m(() => {
|
|
1240
1248
|
const r = e.clientRowModelOptions?.readFilterCell;
|
|
1241
|
-
return
|
|
1249
|
+
return Qt(
|
|
1242
1250
|
e.columns,
|
|
1243
1251
|
e.readFilterCell ?? r
|
|
1244
1252
|
);
|
|
@@ -1249,13 +1257,13 @@ const oo = {
|
|
|
1249
1257
|
readFilterCell: J.value,
|
|
1250
1258
|
readFilterCellStyle: r
|
|
1251
1259
|
};
|
|
1252
|
-
}), k = m(() =>
|
|
1260
|
+
}), k = m(() => yt({
|
|
1253
1261
|
columns: e.columns,
|
|
1254
1262
|
clientRowModelOptions: re.value,
|
|
1255
1263
|
computedFields: e.computedFields,
|
|
1256
1264
|
formulas: e.formulas,
|
|
1257
1265
|
formulaFunctions: e.formulaFunctions
|
|
1258
|
-
})), le = m(() =>
|
|
1266
|
+
})), le = m(() => vt(e.columns)), Y = {
|
|
1259
1267
|
get state() {
|
|
1260
1268
|
return e.state;
|
|
1261
1269
|
},
|
|
@@ -1311,11 +1319,11 @@ const oo = {
|
|
|
1311
1319
|
const c = a.value?.runtime;
|
|
1312
1320
|
if (!c)
|
|
1313
1321
|
return null;
|
|
1314
|
-
const
|
|
1322
|
+
const D = Me(c.rowPartition), ce = D.bodyRowCount;
|
|
1315
1323
|
if (r < ce)
|
|
1316
1324
|
return c.getBodyRowAtIndex(r);
|
|
1317
1325
|
const et = r - ce;
|
|
1318
|
-
return
|
|
1326
|
+
return D.pinnedBottomRows[et] ?? null;
|
|
1319
1327
|
}, C = {
|
|
1320
1328
|
mode: m(() => n.value),
|
|
1321
1329
|
resolveRuntime: () => a.value,
|
|
@@ -1330,16 +1338,16 @@ const oo = {
|
|
|
1330
1338
|
syncSelectionSnapshotFromRuntime: Ee,
|
|
1331
1339
|
selectionService: Ve,
|
|
1332
1340
|
selectionAggregatesLabel: We
|
|
1333
|
-
} =
|
|
1341
|
+
} = lt(C), {
|
|
1334
1342
|
rowSelectionSnapshot: ae,
|
|
1335
1343
|
syncRowSelectionSnapshotFromRuntime: ie,
|
|
1336
1344
|
reconcileRowSelectionFromRuntime: Te,
|
|
1337
|
-
selectionService:
|
|
1338
|
-
} =
|
|
1345
|
+
selectionService: we
|
|
1346
|
+
} = at({
|
|
1339
1347
|
resolveRuntime: () => a.value
|
|
1340
|
-
}), _e = m(() => e.rowSelection ?
|
|
1348
|
+
}), _e = m(() => e.rowSelection ? we : Xt()), ke = m(() => ({
|
|
1341
1349
|
...e.services ?? {},
|
|
1342
|
-
selection:
|
|
1350
|
+
selection: Zt({
|
|
1343
1351
|
userSelectionService: e.services?.selection,
|
|
1344
1352
|
cellSelectionService: Ve,
|
|
1345
1353
|
rowSelectionService: _e.value
|
|
@@ -1347,14 +1355,14 @@ const oo = {
|
|
|
1347
1355
|
})), {
|
|
1348
1356
|
dataGridInstanceKey: Ue,
|
|
1349
1357
|
resolvedRowModel: ue
|
|
1350
|
-
} =
|
|
1358
|
+
} = gt({
|
|
1351
1359
|
rows: Ce(e, "rows"),
|
|
1352
1360
|
rowModel: Ce(e, "rowModel"),
|
|
1353
1361
|
clientRowModelOptions: k,
|
|
1354
1362
|
onOwnedRowModelRecreated: () => {
|
|
1355
|
-
|
|
1363
|
+
p.dispose();
|
|
1356
1364
|
}
|
|
1357
|
-
}),
|
|
1365
|
+
}), p = kt({
|
|
1358
1366
|
gridRef: a,
|
|
1359
1367
|
props: Y,
|
|
1360
1368
|
emit: {
|
|
@@ -1373,7 +1381,7 @@ const oo = {
|
|
|
1373
1381
|
})
|
|
1374
1382
|
}
|
|
1375
1383
|
}), Ne = (r) => {
|
|
1376
|
-
Te(), o("cell-change", r),
|
|
1384
|
+
Te(), o("cell-change", r), p.emitSnapshotUpdates();
|
|
1377
1385
|
}, se = (r) => {
|
|
1378
1386
|
o("cell-edit", r);
|
|
1379
1387
|
}, qe = (r) => {
|
|
@@ -1381,7 +1389,7 @@ const oo = {
|
|
|
1381
1389
|
}, Je = (r) => {
|
|
1382
1390
|
o("row-selection-change", r);
|
|
1383
1391
|
}, Se = () => {
|
|
1384
|
-
|
|
1392
|
+
p.emitSnapshotUpdates();
|
|
1385
1393
|
};
|
|
1386
1394
|
S(
|
|
1387
1395
|
ae,
|
|
@@ -1394,14 +1402,14 @@ const oo = {
|
|
|
1394
1402
|
([r, c]) => {
|
|
1395
1403
|
if (r) {
|
|
1396
1404
|
if (c !== void 0) {
|
|
1397
|
-
const
|
|
1398
|
-
|
|
1405
|
+
const D = a.value?.api.rowSelection;
|
|
1406
|
+
eo(ae.value, c) || (c ? D?.setSnapshot(c) : D?.clear(), ie());
|
|
1399
1407
|
return;
|
|
1400
1408
|
}
|
|
1401
1409
|
ie();
|
|
1402
1410
|
return;
|
|
1403
1411
|
}
|
|
1404
|
-
|
|
1412
|
+
we.clearRowSelection?.();
|
|
1405
1413
|
},
|
|
1406
1414
|
{ immediate: !0 }
|
|
1407
1415
|
), S(
|
|
@@ -1417,16 +1425,16 @@ const oo = {
|
|
|
1417
1425
|
}, Ye = (r) => {
|
|
1418
1426
|
s.value = r;
|
|
1419
1427
|
}, Re = (r) => {
|
|
1420
|
-
|
|
1428
|
+
w.value = r;
|
|
1421
1429
|
}, $e = (r) => {
|
|
1422
|
-
|
|
1430
|
+
oo(h.value, r) || (h.value = r, A = r, !b && (b = !0, Promise.resolve().then(() => {
|
|
1423
1431
|
b = !1;
|
|
1424
1432
|
const c = A;
|
|
1425
1433
|
A = null, c && o("toolbar-modules-change", c);
|
|
1426
1434
|
})));
|
|
1427
1435
|
}, de = m(() => {
|
|
1428
|
-
const r =
|
|
1429
|
-
return !
|
|
1436
|
+
const r = P.value.adapter;
|
|
1437
|
+
return !P.value.enabled || !r ? v : {
|
|
1430
1438
|
canUndo: () => r.canUndo(),
|
|
1431
1439
|
canRedo: () => r.canRedo(),
|
|
1432
1440
|
runHistoryAction: (c) => r.runHistoryAction(c)
|
|
@@ -1436,17 +1444,17 @@ const oo = {
|
|
|
1436
1444
|
canRedo: () => (s.value ?? de.value).canRedo(),
|
|
1437
1445
|
runHistoryAction: (r) => (s.value ?? de.value).runHistoryAction(r)
|
|
1438
1446
|
}, Qe = () => {
|
|
1439
|
-
const r =
|
|
1447
|
+
const r = p.getState();
|
|
1440
1448
|
return r ? X({
|
|
1441
1449
|
state: r,
|
|
1442
1450
|
viewMode: R.value
|
|
1443
1451
|
}) : null;
|
|
1444
|
-
}, Xe = (r, c) => He(r,
|
|
1445
|
-
const
|
|
1446
|
-
return
|
|
1452
|
+
}, Xe = (r, c) => He(r, p.migrateState, c), Ze = (r, c) => {
|
|
1453
|
+
const D = X(r);
|
|
1454
|
+
return p.applyState(D.state, c) ? (D.viewMode && he(D.viewMode), !0) : !1;
|
|
1447
1455
|
};
|
|
1448
|
-
return
|
|
1449
|
-
|
|
1456
|
+
return pe(() => {
|
|
1457
|
+
p.dispose(), Re(null);
|
|
1450
1458
|
}), u({
|
|
1451
1459
|
grid: a,
|
|
1452
1460
|
rowModel: ue,
|
|
@@ -1457,10 +1465,10 @@ const oo = {
|
|
|
1457
1465
|
getApi: () => a.value?.api ?? null,
|
|
1458
1466
|
getRuntime: () => a.value?.runtime ?? null,
|
|
1459
1467
|
getCore: () => a.value?.core ?? null,
|
|
1460
|
-
getColumnState: () =>
|
|
1468
|
+
getColumnState: () => p.getColumnState(),
|
|
1461
1469
|
getColumnSnapshot: () => a.value?.api.columns.getSnapshot() ?? null,
|
|
1462
1470
|
getSelectionAggregatesLabel: () => We.value,
|
|
1463
|
-
runStructuralRowAction: (r, c) =>
|
|
1471
|
+
runStructuralRowAction: (r, c) => w.value?.(r, c) ?? Promise.resolve(!1),
|
|
1464
1472
|
getSelectionSummary: () => {
|
|
1465
1473
|
const r = a.value?.api.selection.summarize;
|
|
1466
1474
|
if (!r)
|
|
@@ -1475,15 +1483,15 @@ const oo = {
|
|
|
1475
1483
|
getSavedView: Qe,
|
|
1476
1484
|
migrateSavedView: Xe,
|
|
1477
1485
|
applySavedView: Ze,
|
|
1478
|
-
applyColumnState:
|
|
1479
|
-
getState:
|
|
1480
|
-
migrateState:
|
|
1481
|
-
applyState:
|
|
1482
|
-
exportPivotLayout:
|
|
1483
|
-
exportPivotInterop:
|
|
1484
|
-
importPivotLayout:
|
|
1485
|
-
expandAllGroups:
|
|
1486
|
-
collapseAllGroups:
|
|
1486
|
+
applyColumnState: p.applyColumnState,
|
|
1487
|
+
getState: p.getState,
|
|
1488
|
+
migrateState: p.migrateState,
|
|
1489
|
+
applyState: p.applyState,
|
|
1490
|
+
exportPivotLayout: p.exportPivotLayout,
|
|
1491
|
+
exportPivotInterop: p.exportPivotInterop,
|
|
1492
|
+
importPivotLayout: p.importPivotLayout,
|
|
1493
|
+
expandAllGroups: p.expandAllGroups,
|
|
1494
|
+
collapseAllGroups: p.collapseAllGroups,
|
|
1487
1495
|
insertRowsAt: (r, c) => a.value?.api.rows.insertDataAt(r, c) ?? !1,
|
|
1488
1496
|
insertRowBefore: (r, c) => a.value?.api.rows.insertDataBefore(r, c) ?? !1,
|
|
1489
1497
|
insertRowAfter: (r, c) => a.value?.api.rows.insertDataAfter(r, c) ?? !1,
|
|
@@ -1536,7 +1544,7 @@ const oo = {
|
|
|
1536
1544
|
rowReorder: ne.value,
|
|
1537
1545
|
viewMode: R.value,
|
|
1538
1546
|
gantt: e.gantt,
|
|
1539
|
-
history:
|
|
1547
|
+
history: P.value,
|
|
1540
1548
|
chrome: f.value,
|
|
1541
1549
|
registerHistoryController: Ye,
|
|
1542
1550
|
registerStructuralRowActionRunner: Re,
|
|
@@ -1546,7 +1554,7 @@ const oo = {
|
|
|
1546
1554
|
runStructuralRowAction: e.runStructuralRowAction
|
|
1547
1555
|
};
|
|
1548
1556
|
return ge(
|
|
1549
|
-
|
|
1557
|
+
Tt,
|
|
1550
1558
|
{
|
|
1551
1559
|
...t,
|
|
1552
1560
|
ref: a,
|
|
@@ -1576,47 +1584,51 @@ const oo = {
|
|
|
1576
1584
|
runtimeRowModel: c.rowModel,
|
|
1577
1585
|
onCellEdit: se,
|
|
1578
1586
|
reportFillWarning: e.reportFillWarning,
|
|
1579
|
-
|
|
1587
|
+
reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
|
|
1588
|
+
reportFillPlumbingState: e.reportFillPlumbingState,
|
|
1589
|
+
reportFillPlumbingDetail: e.reportFillPlumbingDetail
|
|
1580
1590
|
}
|
|
1581
1591
|
})
|
|
1582
1592
|
} : {
|
|
1583
|
-
default: (c) => ge(
|
|
1593
|
+
default: (c) => ge(pt, {
|
|
1584
1594
|
...r,
|
|
1585
1595
|
runtime: c.runtime,
|
|
1586
1596
|
runtimeRowModel: c.rowModel,
|
|
1587
1597
|
onCellEdit: se,
|
|
1588
1598
|
reportFillWarning: e.reportFillWarning,
|
|
1589
|
-
|
|
1599
|
+
reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
|
|
1600
|
+
reportFillPlumbingState: e.reportFillPlumbingState,
|
|
1601
|
+
reportFillPlumbingDetail: e.reportFillPlumbingDetail
|
|
1590
1602
|
})
|
|
1591
1603
|
}
|
|
1592
1604
|
);
|
|
1593
1605
|
};
|
|
1594
1606
|
}
|
|
1595
1607
|
});
|
|
1596
|
-
function Ro() {
|
|
1597
|
-
return P(null);
|
|
1598
|
-
}
|
|
1599
1608
|
function bo() {
|
|
1609
|
+
return G(null);
|
|
1610
|
+
}
|
|
1611
|
+
function Mo() {
|
|
1600
1612
|
return Le;
|
|
1601
1613
|
}
|
|
1602
|
-
const
|
|
1614
|
+
const Co = Le;
|
|
1603
1615
|
export {
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1616
|
+
Co as DataGrid,
|
|
1617
|
+
Bo as DataGridModuleHost,
|
|
1618
|
+
go as clearDataGridSavedViewInStorage,
|
|
1607
1619
|
Le as default,
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1620
|
+
ho as defineDataGridCellClassResolver,
|
|
1621
|
+
Ro as defineDataGridCellStyleResolver,
|
|
1622
|
+
Do as defineDataGridColumns,
|
|
1623
|
+
Mo as defineDataGridComponent,
|
|
1612
1624
|
wo as defineDataGridFilterCellReader,
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1625
|
+
So as defineDataGridFilterCellStyleReader,
|
|
1626
|
+
po as defineDataGridSelectionCellReader,
|
|
1627
|
+
mo as defineDataGridStructuralRowActionHandler,
|
|
1616
1628
|
He as migrateDataGridSavedView,
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1629
|
+
Et as parseDataGridSavedView,
|
|
1630
|
+
vo as readDataGridSavedViewFromStorage,
|
|
1631
|
+
zt as serializeDataGridSavedView,
|
|
1632
|
+
bo as useDataGridRef,
|
|
1633
|
+
yo as writeDataGridSavedViewToStorage
|
|
1622
1634
|
};
|