@ishibashi0112/spreadsheet-grid 0.11.0 → 0.13.0
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/README.md +52 -0
- package/dist/SpreadsheetGrid.d.ts +1 -1
- package/dist/index.cjs +4 -4
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1380 -1333
- package/dist/logic/autoSizeOnData.d.ts +10 -0
- package/dist/logic/cellOverflowTooltip.d.ts +5 -0
- package/dist/model/gridTypes.d.ts +5 -0
- package/dist/view/GridBodyLayer.d.ts +2 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -193,11 +193,11 @@ var _ = {
|
|
|
193
193
|
end: o,
|
|
194
194
|
width: o - a
|
|
195
195
|
} : null;
|
|
196
|
-
},
|
|
196
|
+
}, ee = (e, t, n) => ({
|
|
197
197
|
left: M(e.left, t, n),
|
|
198
198
|
center: M(e.center, t, n),
|
|
199
199
|
right: M(e.right, t, n)
|
|
200
|
-
}),
|
|
200
|
+
}), N = (e) => {
|
|
201
201
|
let t = (e) => e.entries.length === 0 ? null : {
|
|
202
202
|
start: 0,
|
|
203
203
|
end: e.totalWidth,
|
|
@@ -208,7 +208,7 @@ var _ = {
|
|
|
208
208
|
center: t(e.center),
|
|
209
209
|
right: t(e.right)
|
|
210
210
|
};
|
|
211
|
-
},
|
|
211
|
+
}, P = (e, t) => {
|
|
212
212
|
let n = O(e, t);
|
|
213
213
|
if (!n) return null;
|
|
214
214
|
let { pane: r, entry: i } = n;
|
|
@@ -220,7 +220,7 @@ var _ = {
|
|
|
220
220
|
width: i.paneLocalSize
|
|
221
221
|
}
|
|
222
222
|
};
|
|
223
|
-
},
|
|
223
|
+
}, F = (e) => e.flex != null && e.flex > 0 && b(e) === "center", I = (e, t) => {
|
|
224
224
|
let n = /* @__PURE__ */ new Map(), r = e, i = t;
|
|
225
225
|
for (;;) {
|
|
226
226
|
let e = r.reduce((e, t) => e + t.flex, 0);
|
|
@@ -274,7 +274,7 @@ var _ = {
|
|
|
274
274
|
}
|
|
275
275
|
if (r.length === 0) return {};
|
|
276
276
|
let a = n - i;
|
|
277
|
-
return Object.fromEntries(
|
|
277
|
+
return Object.fromEntries(I(r, a));
|
|
278
278
|
}, ne = () => ({
|
|
279
279
|
mode: "include",
|
|
280
280
|
keys: /* @__PURE__ */ new Set()
|
|
@@ -306,7 +306,7 @@ var _ = {
|
|
|
306
306
|
if (e.mode !== t.mode || e.keys.size !== t.keys.size) return !1;
|
|
307
307
|
for (let n of e.keys) if (!t.keys.has(n)) return !1;
|
|
308
308
|
return !0;
|
|
309
|
-
}, me = 60, he = (e, t, n) => Math.min(Math.max(e, t), n), ge = (e) => e.reduce((e, t) => (
|
|
309
|
+
}, me = 60, he = (e, t, n) => Math.min(Math.max(e, t), n), ge = (e) => e.reduce((e, t) => (F(t) || (e[t.key] = t.width), e), {}), _e = (e) => ({
|
|
310
310
|
activeCell: null,
|
|
311
311
|
selection: null,
|
|
312
312
|
rowSelection: ne(),
|
|
@@ -1341,10 +1341,10 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1341
1341
|
start: i,
|
|
1342
1342
|
end: a
|
|
1343
1343
|
};
|
|
1344
|
-
}, Ot = (e, t) => e * t, kt = (e, t) => t === 1 ? e : e / t,
|
|
1344
|
+
}, Ot = (e, t) => e * t, kt = (e, t) => t === 1 ? e : e / t, At = (e, t, n, r) => {
|
|
1345
1345
|
let i = t * (1 - n);
|
|
1346
1346
|
return r.rowAtContentY(e - i);
|
|
1347
|
-
},
|
|
1347
|
+
}, jt = ({ rowCount: e, rowHeight: t, headerHeight: n, viewportHeight: r, scrollTop: i, overscan: a, maxBodyPx: o }) => {
|
|
1348
1348
|
let s = e * t, c = Math.min(s, o), l = Math.max(n + s - r, 0), u = Math.max(n + c - r, 0), d = u > 0 && s > c ? l / u : 1, f = Math.min(Math.max(i, 0), u), p = f * d, m = Math.ceil(r / t) + 1, h = Math.floor(p / t), g = Math.max(h - a, 0), _ = Math.min(h + m + a, e), v = d === 1 ? 0 : Math.floor(g * t / Tt) * Tt, y = f - p + v, b = [], x = /* @__PURE__ */ new Set();
|
|
1349
1349
|
for (let e = g; e < _; e += 1) b.push({
|
|
1350
1350
|
index: e,
|
|
@@ -1359,7 +1359,7 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1359
1359
|
rows: b,
|
|
1360
1360
|
rowIndexSet: x
|
|
1361
1361
|
};
|
|
1362
|
-
},
|
|
1362
|
+
}, Mt = ({ headerHeight: e, viewportHeight: t, scrollTop: n, overscan: r }, i) => {
|
|
1363
1363
|
let a = i.rowCount, o = i.totalBodyHeight, s = o, c = Math.max(e + o - t, 0), l = Math.min(Math.max(n, 0), c), u = i.rowAtContentY(l), d = i.rowAtContentY(l + t), f = Math.max(u - r, 0), p = Math.min(d + r + 1, a), m = [], h = /* @__PURE__ */ new Set();
|
|
1364
1364
|
for (let t = f; t < p; t += 1) m.push({
|
|
1365
1365
|
index: t,
|
|
@@ -1375,7 +1375,7 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1375
1375
|
rows: m,
|
|
1376
1376
|
rowIndexSet: h
|
|
1377
1377
|
};
|
|
1378
|
-
},
|
|
1378
|
+
}, Nt = ({ rectLeft: e, rectTop: t, clientLeft: n, clientTop: r, clientWidth: i, clientHeight: a }) => {
|
|
1379
1379
|
let o = e + n, s = t + r;
|
|
1380
1380
|
return {
|
|
1381
1381
|
left: o,
|
|
@@ -1383,17 +1383,17 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1383
1383
|
right: o + i,
|
|
1384
1384
|
bottom: s + a
|
|
1385
1385
|
};
|
|
1386
|
-
},
|
|
1386
|
+
}, z = (e, t, n, r) => e < t + r ? -1 : +(e > n - r), Pt = (e, t, n, r) => {
|
|
1387
1387
|
if (t === 0) return e;
|
|
1388
1388
|
let i = Math.max(r, 0), a = e + t * n;
|
|
1389
1389
|
return a < 0 ? 0 : a > i ? i : a;
|
|
1390
1390
|
}, Ft = (e, t, n) => {
|
|
1391
1391
|
let r = t.x - e.x, i = t.y - e.y;
|
|
1392
1392
|
return r * r + i * i >= n * n;
|
|
1393
|
-
}, It = ({ gridRootRef: e, bodyScrollRef: n, scrollContainerRef: i, leftPaneScrollRef: a, rightPaneScrollRef: o, pointerClientRef: s, autoScrollFrameRef: l, uiState: u, dispatch: d, enableRangeSelection: f, enableSorting: p, orderedColumns: m, filteredRowsLength: h, visibleColumnsLength: g, paneLayout: y, leftLeadingWidth: b, centerLeadingWidth: x, rightLeadingWidth: S, headerHeight: C, rowMetrics: w, verticalScaleFactor: T, setHoveredRowIndex: E, setHoveredColumnIndex: D, enableRowHover: O, enableColumnHeaderHover: A, enableRowSelection: j, onGutterRowSelect: M, onGutterRowSelectDrag:
|
|
1394
|
-
let
|
|
1395
|
-
|
|
1396
|
-
let
|
|
1393
|
+
}, It = ({ gridRootRef: e, bodyScrollRef: n, scrollContainerRef: i, leftPaneScrollRef: a, rightPaneScrollRef: o, pointerClientRef: s, autoScrollFrameRef: l, uiState: u, dispatch: d, enableRangeSelection: f, enableSorting: p, orderedColumns: m, filteredRowsLength: h, visibleColumnsLength: g, paneLayout: y, leftLeadingWidth: b, centerLeadingWidth: x, rightLeadingWidth: S, headerHeight: C, rowMetrics: w, verticalScaleFactor: T, setHoveredRowIndex: E, setHoveredColumnIndex: D, enableRowHover: O, enableColumnHeaderHover: A, enableRowSelection: j, onGutterRowSelect: M, onGutterRowSelectDrag: ee }) => {
|
|
1394
|
+
let N = c(u.dragState);
|
|
1395
|
+
N.current = u.dragState;
|
|
1396
|
+
let P = c(!1), F = c(null), I = c(null), te = c(!1), ne = c(u.sort);
|
|
1397
1397
|
ne.current = u.sort;
|
|
1398
1398
|
let re = c(m);
|
|
1399
1399
|
re.current = m;
|
|
@@ -1402,7 +1402,7 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1402
1402
|
let ae = u.dragState?.type ?? null, oe = t((e, t) => {
|
|
1403
1403
|
let r = n.current;
|
|
1404
1404
|
if (!r || h === 0 || g === 0) return null;
|
|
1405
|
-
let s = r.getBoundingClientRect(), c =
|
|
1405
|
+
let s = r.getBoundingClientRect(), c = At(r.scrollTop + t - s.top - C, i.current?.scrollTop ?? 0, T, w), l = null, u = a.current;
|
|
1406
1406
|
if (l === null && u && y.left.entries.length > 0) {
|
|
1407
1407
|
let t = u.getBoundingClientRect();
|
|
1408
1408
|
if (e < t.right) {
|
|
@@ -1445,7 +1445,7 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1445
1445
|
se.current = oe;
|
|
1446
1446
|
}, [oe]);
|
|
1447
1447
|
let ce = t((e, t) => {
|
|
1448
|
-
let n =
|
|
1448
|
+
let n = N.current;
|
|
1449
1449
|
if (!n || n.type !== "selection") return;
|
|
1450
1450
|
let r = oe(e, t);
|
|
1451
1451
|
if (r) {
|
|
@@ -1467,7 +1467,7 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1467
1467
|
y: e.clientY
|
|
1468
1468
|
}, ae === "columnResize" && d(_.updateColumnResize(e.clientX));
|
|
1469
1469
|
}, t = () => {
|
|
1470
|
-
|
|
1470
|
+
P.current = !1, d(_.endSelection()), d(_.endColumnResize());
|
|
1471
1471
|
};
|
|
1472
1472
|
return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
|
|
1473
1473
|
window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
|
|
@@ -1488,21 +1488,21 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1488
1488
|
return;
|
|
1489
1489
|
}
|
|
1490
1490
|
if (!te.current) {
|
|
1491
|
-
let t =
|
|
1491
|
+
let t = I.current;
|
|
1492
1492
|
if (t && !Ft(t, n, 6)) {
|
|
1493
1493
|
l.current = requestAnimationFrame(e);
|
|
1494
1494
|
return;
|
|
1495
1495
|
}
|
|
1496
1496
|
te.current = !0;
|
|
1497
1497
|
}
|
|
1498
|
-
let r = t.getBoundingClientRect(), a =
|
|
1498
|
+
let r = t.getBoundingClientRect(), a = Nt({
|
|
1499
1499
|
rectLeft: r.left,
|
|
1500
1500
|
rectTop: r.top,
|
|
1501
1501
|
clientLeft: t.clientLeft,
|
|
1502
1502
|
clientTop: t.clientTop,
|
|
1503
1503
|
clientWidth: t.clientWidth,
|
|
1504
1504
|
clientHeight: t.clientHeight
|
|
1505
|
-
}), o =
|
|
1505
|
+
}), o = N.current?.type === "selection" && N.current.selectionKind === "col", c = N.current?.type === "selection" && N.current.selectionKind === "row", u = o ? 0 : z(n.y, a.top, a.bottom, 24), d = c ? 0 : z(n.x, a.left, a.right, 24), f = Pt(t.scrollTop, u, 18, t.scrollHeight - t.clientHeight), p = Pt(t.scrollLeft, d, 18, t.scrollWidth - t.clientWidth);
|
|
1506
1506
|
(f !== t.scrollTop || p !== t.scrollLeft) && (t.scrollTo({
|
|
1507
1507
|
top: f,
|
|
1508
1508
|
left: p,
|
|
@@ -1523,7 +1523,7 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1523
1523
|
n.preventDefault(), n.button === 0 && (e.current?.focus(), s.current = {
|
|
1524
1524
|
x: n.clientX,
|
|
1525
1525
|
y: n.clientY
|
|
1526
|
-
},
|
|
1526
|
+
}, I.current = {
|
|
1527
1527
|
x: n.clientX,
|
|
1528
1528
|
y: n.clientY
|
|
1529
1529
|
}, te.current = !1, d(_.activateCell(t)), f && d(_.startSelection(t)));
|
|
@@ -1534,7 +1534,7 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1534
1534
|
s
|
|
1535
1535
|
]), ue = t((e, t) => {
|
|
1536
1536
|
if (O && E(e.row), !f) return;
|
|
1537
|
-
let n =
|
|
1537
|
+
let n = N.current;
|
|
1538
1538
|
n?.type !== "selection" || n.selectionKind !== "cell" || (s.current = {
|
|
1539
1539
|
x: t.clientX,
|
|
1540
1540
|
y: t.clientY
|
|
@@ -1548,33 +1548,33 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1548
1548
|
]), de = t((e) => {
|
|
1549
1549
|
e.preventDefault();
|
|
1550
1550
|
}, []), fe = t(() => {
|
|
1551
|
-
if (
|
|
1551
|
+
if (F.current !== null) return;
|
|
1552
1552
|
let e = () => {
|
|
1553
|
-
if (!
|
|
1554
|
-
|
|
1553
|
+
if (!P.current) {
|
|
1554
|
+
F.current = null;
|
|
1555
1555
|
return;
|
|
1556
1556
|
}
|
|
1557
1557
|
let t = i.current, n = s.current;
|
|
1558
1558
|
if (!t || !n) {
|
|
1559
|
-
|
|
1559
|
+
F.current = requestAnimationFrame(e);
|
|
1560
1560
|
return;
|
|
1561
1561
|
}
|
|
1562
1562
|
if (!te.current) {
|
|
1563
|
-
let t =
|
|
1563
|
+
let t = I.current;
|
|
1564
1564
|
if (t && !Ft(t, n, 6)) {
|
|
1565
|
-
|
|
1565
|
+
F.current = requestAnimationFrame(e);
|
|
1566
1566
|
return;
|
|
1567
1567
|
}
|
|
1568
1568
|
te.current = !0;
|
|
1569
1569
|
}
|
|
1570
|
-
let r = t.getBoundingClientRect(), a =
|
|
1570
|
+
let r = t.getBoundingClientRect(), a = Nt({
|
|
1571
1571
|
rectLeft: r.left,
|
|
1572
1572
|
rectTop: r.top,
|
|
1573
1573
|
clientLeft: t.clientLeft,
|
|
1574
1574
|
clientTop: t.clientTop,
|
|
1575
1575
|
clientWidth: t.clientWidth,
|
|
1576
1576
|
clientHeight: t.clientHeight
|
|
1577
|
-
}), o =
|
|
1577
|
+
}), o = z(n.y, a.top, a.bottom, 24), c = Pt(t.scrollTop, o, 18, t.scrollHeight - t.clientHeight);
|
|
1578
1578
|
if (c !== t.scrollTop) {
|
|
1579
1579
|
t.scrollTo({
|
|
1580
1580
|
top: c,
|
|
@@ -1582,18 +1582,18 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1582
1582
|
behavior: "auto"
|
|
1583
1583
|
});
|
|
1584
1584
|
let e = se.current(n.x, n.y);
|
|
1585
|
-
e &&
|
|
1585
|
+
e && ee(e.row);
|
|
1586
1586
|
}
|
|
1587
|
-
|
|
1587
|
+
F.current = requestAnimationFrame(e);
|
|
1588
1588
|
};
|
|
1589
|
-
|
|
1589
|
+
F.current = requestAnimationFrame(e);
|
|
1590
1590
|
}, [
|
|
1591
1591
|
i,
|
|
1592
1592
|
s,
|
|
1593
|
-
|
|
1593
|
+
ee
|
|
1594
1594
|
]);
|
|
1595
1595
|
return r(() => () => {
|
|
1596
|
-
|
|
1596
|
+
F.current !== null && (cancelAnimationFrame(F.current), F.current = null);
|
|
1597
1597
|
}, []), {
|
|
1598
1598
|
updateSelectionFromPointer: ce,
|
|
1599
1599
|
handleCellPointerDown: le,
|
|
@@ -1604,11 +1604,11 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1604
1604
|
if (e.current?.focus(), s.current = {
|
|
1605
1605
|
x: n.clientX,
|
|
1606
1606
|
y: n.clientY
|
|
1607
|
-
},
|
|
1607
|
+
}, I.current = {
|
|
1608
1608
|
x: n.clientX,
|
|
1609
1609
|
y: n.clientY
|
|
1610
1610
|
}, te.current = !1, j) {
|
|
1611
|
-
|
|
1611
|
+
P.current = !0, M(t, { shiftKey: n.shiftKey }), fe();
|
|
1612
1612
|
return;
|
|
1613
1613
|
}
|
|
1614
1614
|
d(_.startRowSelection(t));
|
|
@@ -1622,14 +1622,14 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1622
1622
|
s
|
|
1623
1623
|
]),
|
|
1624
1624
|
handleRowHeaderPointerEnter: t((e, t) => {
|
|
1625
|
-
if (O && E(e),
|
|
1625
|
+
if (O && E(e), P.current) {
|
|
1626
1626
|
s.current = {
|
|
1627
1627
|
x: t.clientX,
|
|
1628
1628
|
y: t.clientY
|
|
1629
|
-
},
|
|
1629
|
+
}, ee(e);
|
|
1630
1630
|
return;
|
|
1631
1631
|
}
|
|
1632
|
-
let n =
|
|
1632
|
+
let n = N.current;
|
|
1633
1633
|
n?.type !== "selection" || n.selectionKind !== "row" || (s.current = {
|
|
1634
1634
|
x: t.clientX,
|
|
1635
1635
|
y: t.clientY
|
|
@@ -1639,14 +1639,14 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1639
1639
|
s,
|
|
1640
1640
|
E,
|
|
1641
1641
|
O,
|
|
1642
|
-
|
|
1642
|
+
ee
|
|
1643
1643
|
]),
|
|
1644
1644
|
handleColumnHeaderPointerDown: t((t, n) => {
|
|
1645
1645
|
if (n.preventDefault(), n.button === 0) {
|
|
1646
1646
|
if (e.current?.focus(), s.current = {
|
|
1647
1647
|
x: n.clientX,
|
|
1648
1648
|
y: n.clientY
|
|
1649
|
-
},
|
|
1649
|
+
}, I.current = {
|
|
1650
1650
|
x: n.clientX,
|
|
1651
1651
|
y: n.clientY
|
|
1652
1652
|
}, te.current = !1, n.shiftKey && ie.current) {
|
|
@@ -1666,7 +1666,7 @@ var De = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1666
1666
|
]),
|
|
1667
1667
|
handleColumnHeaderPointerEnter: t((e, t) => {
|
|
1668
1668
|
E(null), A && D(e);
|
|
1669
|
-
let n =
|
|
1669
|
+
let n = N.current;
|
|
1670
1670
|
n?.type !== "selection" || n.selectionKind !== "col" || (s.current = {
|
|
1671
1671
|
x: t.clientX,
|
|
1672
1672
|
y: t.clientY
|
|
@@ -1725,81 +1725,81 @@ function Rt(e) {
|
|
|
1725
1725
|
}
|
|
1726
1726
|
//#endregion
|
|
1727
1727
|
//#region src/components/spreadsheet-grid/hooks/useGridTooltip.ts
|
|
1728
|
-
var zt = "data-ssg-tooltip", Bt = `[${zt}]`,
|
|
1728
|
+
var zt = "data-ssg-tooltip", Bt = `[${zt}], [data-ssg-tooltip-overflow]`, Vt = 350, Ht = 800, B = 0, V = null, Ut = null, Wt = 0, Gt = null;
|
|
1729
1729
|
function Kt() {
|
|
1730
|
-
if (
|
|
1730
|
+
if (V !== null) return V;
|
|
1731
1731
|
let e = document.createElement("div");
|
|
1732
|
-
return e.className = "ssg-tooltip", e.setAttribute("aria-hidden", "true"), document.body.appendChild(e),
|
|
1732
|
+
return e.className = "ssg-tooltip", e.setAttribute("aria-hidden", "true"), document.body.appendChild(e), V = e, e;
|
|
1733
1733
|
}
|
|
1734
|
-
function
|
|
1735
|
-
|
|
1734
|
+
function H() {
|
|
1735
|
+
Ut !== null && (window.clearTimeout(Ut), Ut = null);
|
|
1736
1736
|
}
|
|
1737
|
-
function
|
|
1738
|
-
|
|
1737
|
+
function qt() {
|
|
1738
|
+
H(), Gt !== null && (Wt = Date.now() + Ht), Gt = null, V !== null && V.classList.remove("ssg-tooltip--visible");
|
|
1739
1739
|
}
|
|
1740
|
-
function
|
|
1741
|
-
let t = e.getAttribute(zt);
|
|
1742
|
-
if (
|
|
1743
|
-
let
|
|
1744
|
-
|
|
1745
|
-
let
|
|
1740
|
+
function Jt(e) {
|
|
1741
|
+
let t = e.getAttribute(zt), n = t !== null && t !== "" ? t : (e.textContent ?? "").trim();
|
|
1742
|
+
if (n === "") return;
|
|
1743
|
+
let r = Kt();
|
|
1744
|
+
r.classList.toggle("ssg-theme-dark", e.closest(".ssg-theme-dark") !== null), r.textContent = n, r.style.left = "0px", r.style.top = "0px";
|
|
1745
|
+
let i = Rt({
|
|
1746
1746
|
targetRect: e.getBoundingClientRect(),
|
|
1747
|
-
tipWidth:
|
|
1748
|
-
tipHeight:
|
|
1747
|
+
tipWidth: r.offsetWidth,
|
|
1748
|
+
tipHeight: r.offsetHeight,
|
|
1749
1749
|
viewportWidth: window.innerWidth
|
|
1750
1750
|
});
|
|
1751
|
-
|
|
1751
|
+
r.style.left = `${i.left}px`, r.style.top = `${i.top}px`, r.classList.add("ssg-tooltip--visible"), Gt = e;
|
|
1752
1752
|
}
|
|
1753
|
-
function
|
|
1753
|
+
function Yt(e) {
|
|
1754
1754
|
let t = e.target;
|
|
1755
1755
|
if (!(t instanceof Element)) return;
|
|
1756
1756
|
let n = t.closest(Bt);
|
|
1757
|
-
if (n === null || n ===
|
|
1758
|
-
let r =
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
},
|
|
1757
|
+
if (n === null || n === Gt || !n.hasAttribute(zt) && n.scrollWidth <= n.clientWidth + 1) return;
|
|
1758
|
+
let r = Gt !== null;
|
|
1759
|
+
qt(), r || Date.now() < Wt ? Jt(n) : Ut = window.setTimeout(() => {
|
|
1760
|
+
Ut = null, Jt(n);
|
|
1761
|
+
}, Vt);
|
|
1762
1762
|
}
|
|
1763
|
-
function
|
|
1763
|
+
function Xt(e) {
|
|
1764
1764
|
let t = e.target;
|
|
1765
1765
|
if (!(t instanceof Element)) return;
|
|
1766
1766
|
let n = t.closest(Bt);
|
|
1767
1767
|
if (n === null) return;
|
|
1768
1768
|
let r = e.relatedTarget;
|
|
1769
|
-
r instanceof Node && n.contains(r) ||
|
|
1769
|
+
r instanceof Node && n.contains(r) || qt();
|
|
1770
|
+
}
|
|
1771
|
+
function Zt() {
|
|
1772
|
+
qt();
|
|
1770
1773
|
}
|
|
1771
|
-
function Qt() {
|
|
1772
|
-
|
|
1774
|
+
function Qt(e) {
|
|
1775
|
+
e.key === "Escape" && qt();
|
|
1773
1776
|
}
|
|
1774
|
-
function $t(
|
|
1775
|
-
|
|
1777
|
+
function $t() {
|
|
1778
|
+
window.addEventListener("pointerover", Yt, !0), window.addEventListener("pointerout", Xt, !0), window.addEventListener("focusin", Yt, !0), window.addEventListener("focusout", Xt, !0), window.addEventListener("pointerdown", Zt, !0), window.addEventListener("scroll", Zt, !0), window.addEventListener("keydown", Qt, !0);
|
|
1776
1779
|
}
|
|
1777
1780
|
function en() {
|
|
1778
|
-
window.
|
|
1781
|
+
window.removeEventListener("pointerover", Yt, !0), window.removeEventListener("pointerout", Xt, !0), window.removeEventListener("focusin", Yt, !0), window.removeEventListener("focusout", Xt, !0), window.removeEventListener("pointerdown", Zt, !0), window.removeEventListener("scroll", Zt, !0), window.removeEventListener("keydown", Qt, !0);
|
|
1779
1782
|
}
|
|
1780
1783
|
function tn() {
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
function nn() {
|
|
1784
|
-
r(() => (Ht += 1, Ht === 1 && en(), () => {
|
|
1785
|
-
--Ht, Ht === 0 && (tn(), qt(), V = null, Ut !== null && (Ut.remove(), Ut = null));
|
|
1784
|
+
r(() => (B += 1, B === 1 && $t(), () => {
|
|
1785
|
+
--B, B === 0 && (en(), H(), Gt = null, V !== null && (V.remove(), V = null));
|
|
1786
1786
|
}), []);
|
|
1787
1787
|
}
|
|
1788
1788
|
//#endregion
|
|
1789
1789
|
//#region src/components/spreadsheet-grid/hooks/useResolvedGridTheme.ts
|
|
1790
|
-
var
|
|
1791
|
-
function
|
|
1790
|
+
var nn = "(prefers-color-scheme: dark)";
|
|
1791
|
+
function rn(e) {
|
|
1792
1792
|
if (typeof window.matchMedia != "function") return () => {};
|
|
1793
|
-
let t = window.matchMedia(
|
|
1793
|
+
let t = window.matchMedia(nn);
|
|
1794
1794
|
return t.addEventListener("change", e), () => {
|
|
1795
1795
|
t.removeEventListener("change", e);
|
|
1796
1796
|
};
|
|
1797
1797
|
}
|
|
1798
|
-
function
|
|
1799
|
-
return typeof window.matchMedia == "function" ? window.matchMedia(
|
|
1798
|
+
function U() {
|
|
1799
|
+
return typeof window.matchMedia == "function" ? window.matchMedia(nn).matches : !1;
|
|
1800
1800
|
}
|
|
1801
1801
|
function an(e) {
|
|
1802
|
-
let t = u(
|
|
1802
|
+
let t = u(rn, U);
|
|
1803
1803
|
return e === "dark" || e === "auto" && t ? "dark" : "light";
|
|
1804
1804
|
}
|
|
1805
1805
|
//#endregion
|
|
@@ -1827,7 +1827,7 @@ function W(e, t, n, r) {
|
|
|
1827
1827
|
...o.right
|
|
1828
1828
|
];
|
|
1829
1829
|
}
|
|
1830
|
-
var on = 32,
|
|
1830
|
+
var on = 32, G = 2, sn = 14, cn = 12, ln = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 9 2 12 5 15\"/><polyline points=\"9 5 12 2 15 5\"/><polyline points=\"15 19 12 22 9 19\"/><polyline points=\"19 9 22 12 19 15\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"/></svg>", K = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\"/><path d=\"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z\"/></svg>", q = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"4.9\" y1=\"4.9\" x2=\"19.1\" y2=\"19.1\"/></svg>", un = "0.5", dn = 200, fn = "cubic-bezier(0.2, 0.7, 0.3, 1)", pn = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, mn = (e) => {
|
|
1831
1831
|
if (!e) return null;
|
|
1832
1832
|
let t = /* @__PURE__ */ new Map();
|
|
1833
1833
|
return e.querySelectorAll("[data-ssg-col-key]").forEach((e) => {
|
|
@@ -1880,12 +1880,12 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
1880
1880
|
let t = g.current;
|
|
1881
1881
|
if (!t) return;
|
|
1882
1882
|
let { x: n, y: r } = d.current;
|
|
1883
|
-
t.style.transform = "translate(" + (n +
|
|
1883
|
+
t.style.transform = "translate(" + (n + sn) + "px," + (r + cn) + "px)";
|
|
1884
1884
|
let i = e ?? "out";
|
|
1885
1885
|
if (v.current === i) return;
|
|
1886
1886
|
v.current = i;
|
|
1887
1887
|
let a = _.current;
|
|
1888
|
-
i === "out" ? (t.style.opacity =
|
|
1888
|
+
i === "out" ? (t.style.opacity = un, a && (a.innerHTML = q)) : (t.style.opacity = "1", a && (a.innerHTML = i === "center" ? ln : K));
|
|
1889
1889
|
}, []), C = t(() => {
|
|
1890
1890
|
let e = g.current;
|
|
1891
1891
|
e && e.parentNode && e.parentNode.removeChild(e), g.current = null, _.current = null, v.current = null;
|
|
@@ -1899,7 +1899,7 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
1899
1899
|
if (f && r.left.entries.length === 0 && e <= f.getBoundingClientRect().left + on) return {
|
|
1900
1900
|
pane: "left",
|
|
1901
1901
|
slot: 0,
|
|
1902
|
-
leftPx:
|
|
1902
|
+
leftPx: G
|
|
1903
1903
|
};
|
|
1904
1904
|
if (f && r.left.entries.length > 0) {
|
|
1905
1905
|
let t = f.getBoundingClientRect();
|
|
@@ -1979,14 +1979,14 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
1979
1979
|
(!e || Ft(e, t, 6)) && (p.current = !0);
|
|
1980
1980
|
}
|
|
1981
1981
|
if (p.current) {
|
|
1982
|
-
let n = e.getBoundingClientRect(), r =
|
|
1982
|
+
let n = e.getBoundingClientRect(), r = Nt({
|
|
1983
1983
|
rectLeft: n.left,
|
|
1984
1984
|
rectTop: n.top,
|
|
1985
1985
|
clientLeft: e.clientLeft,
|
|
1986
1986
|
clientTop: e.clientTop,
|
|
1987
1987
|
clientWidth: e.clientWidth,
|
|
1988
1988
|
clientHeight: e.clientHeight
|
|
1989
|
-
}), i =
|
|
1989
|
+
}), i = z(t.x, r.left, r.right, 24), a = Pt(e.scrollLeft, i, 18, e.scrollWidth - e.clientWidth);
|
|
1990
1990
|
a !== e.scrollLeft && e.scrollTo({
|
|
1991
1991
|
left: a,
|
|
1992
1992
|
behavior: "auto"
|
|
@@ -2023,7 +2023,7 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2023
2023
|
if (!(Math.abs(s) < .5)) for (let e of t) e.style.transition = "none", e.style.transform = `translateX(${s}px)`, e.style.willChange = "transform", a.push(e);
|
|
2024
2024
|
}), a.length !== 0) {
|
|
2025
2025
|
t.getBoundingClientRect();
|
|
2026
|
-
for (let e of a) e.style.transition = `transform ${
|
|
2026
|
+
for (let e of a) e.style.transition = `transform ${dn}ms ${fn}`, e.style.transform = "translateX(0)";
|
|
2027
2027
|
window.setTimeout(() => {
|
|
2028
2028
|
for (let e of a) e.style.transition = "", e.style.transform = "", e.style.willChange = "";
|
|
2029
2029
|
}, 280);
|
|
@@ -2085,7 +2085,22 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2085
2085
|
case "set": return (e.mode ?? "include") === "exclude" ? `${e.values.length} 件を除外` : e.values.length > 0 && e.values.length <= 2 ? e.values.map(gn).join(", ") : `${e.values.length} 件を選択`;
|
|
2086
2086
|
case "custom": return typeof e.value == "string" && e.value.trim().length > 0 ? `"${e.value.trim()}"` : "カスタム条件";
|
|
2087
2087
|
}
|
|
2088
|
-
}, vn = (e
|
|
2088
|
+
}, vn = (e) => {
|
|
2089
|
+
let { mode: t, isServerSide: n, rowCount: r, hasAutoSizedOnMount: i } = e;
|
|
2090
|
+
return t === !1 || n || r === 0 ? {
|
|
2091
|
+
shouldRun: !1,
|
|
2092
|
+
nextHasAutoSizedOnMount: i
|
|
2093
|
+
} : t === "onMount" ? i ? {
|
|
2094
|
+
shouldRun: !1,
|
|
2095
|
+
nextHasAutoSizedOnMount: !0
|
|
2096
|
+
} : {
|
|
2097
|
+
shouldRun: !0,
|
|
2098
|
+
nextHasAutoSizedOnMount: !0
|
|
2099
|
+
} : {
|
|
2100
|
+
shouldRun: !0,
|
|
2101
|
+
nextHasAutoSizedOnMount: i
|
|
2102
|
+
};
|
|
2103
|
+
}, yn = (e, t, n) => {
|
|
2089
2104
|
let r = !1, i = e.map((e) => {
|
|
2090
2105
|
let i = n[e.key] ?? e.width, a = t.get(e.key);
|
|
2091
2106
|
if (!a) return i === e.width ? e : {
|
|
@@ -2106,21 +2121,21 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2106
2121
|
}
|
|
2107
2122
|
let s = i.filter((e) => !t.has(e.key)), c = [...o, ...s], l = c.some((t, n) => e[n].key !== t.key);
|
|
2108
2123
|
return !r && !l ? null : c;
|
|
2109
|
-
},
|
|
2124
|
+
}, bn = (e, t) => e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? `"${e.replace(/"/g, "\"\"")}"` : e, xn = (e, t) => {
|
|
2110
2125
|
let n = L(e, t);
|
|
2111
2126
|
return t.formatClipboardValue ? t.formatClipboardValue(n, e) : String(n ?? "");
|
|
2112
|
-
},
|
|
2127
|
+
}, Sn = ({ getRow: e, startRow: t, endRow: n, columns: r, delimiter: i = ",", includeHeaders: a = !0, bom: o = !1 }) => {
|
|
2113
2128
|
let s = [];
|
|
2114
|
-
a && s.push(r.map((e) =>
|
|
2129
|
+
a && s.push(r.map((e) => bn(e.title ?? e.key, i)).join(i));
|
|
2115
2130
|
for (let a = t; a < n; a += 1) {
|
|
2116
2131
|
let t = e(a);
|
|
2117
2132
|
if (!t) continue;
|
|
2118
|
-
let n = r.map((e) =>
|
|
2133
|
+
let n = r.map((e) => bn(xn(t, e), i));
|
|
2119
2134
|
s.push(n.join(i));
|
|
2120
2135
|
}
|
|
2121
2136
|
let c = s.join("\r\n");
|
|
2122
2137
|
return o ? `\uFEFF${c}` : c;
|
|
2123
|
-
},
|
|
2138
|
+
}, Cn = ({ getRow: e, startRow: t, endRow: n, columns: r }) => {
|
|
2124
2139
|
let i = r.map((e) => ({
|
|
2125
2140
|
key: e.key,
|
|
2126
2141
|
title: e.title ?? e.key
|
|
@@ -2139,7 +2154,7 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2139
2154
|
columns: i,
|
|
2140
2155
|
rows: a
|
|
2141
2156
|
};
|
|
2142
|
-
},
|
|
2157
|
+
}, wn = (e) => e === "all" ? "view" : e === "visible" ? "rendered" : e, Tn = (e) => {
|
|
2143
2158
|
switch (e.kind) {
|
|
2144
2159
|
case "set": return {
|
|
2145
2160
|
...e,
|
|
@@ -2154,26 +2169,26 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2154
2169
|
case "select": return { ...e };
|
|
2155
2170
|
case "custom": return { ...e };
|
|
2156
2171
|
}
|
|
2157
|
-
},
|
|
2172
|
+
}, En = (e) => {
|
|
2158
2173
|
let t = {};
|
|
2159
|
-
for (let n of Object.keys(e)) t[n] =
|
|
2174
|
+
for (let n of Object.keys(e)) t[n] = Tn(e[n]);
|
|
2160
2175
|
return t;
|
|
2161
|
-
},
|
|
2176
|
+
}, Dn = (e) => {
|
|
2162
2177
|
let t = { key: e.key };
|
|
2163
2178
|
return e.visible !== void 0 && (t.visible = e.visible), e.pinned !== void 0 && (t.pinned = e.pinned), t;
|
|
2164
|
-
},
|
|
2179
|
+
}, On = (e) => e.map((e) => {
|
|
2165
2180
|
let t = { key: e.key };
|
|
2166
2181
|
return e.visible !== void 0 && (t.visible = e.visible), e.pinned !== void 0 && (t.pinned = e.pinned), t;
|
|
2167
|
-
}),
|
|
2182
|
+
}), kn = (e, t, n, r = [], i = 2) => ({
|
|
2168
2183
|
version: i,
|
|
2169
2184
|
columnWidths: { ...e },
|
|
2170
2185
|
filters: {
|
|
2171
2186
|
globalText: t.globalText,
|
|
2172
|
-
columnFilters:
|
|
2187
|
+
columnFilters: En(t.columnFilters)
|
|
2173
2188
|
},
|
|
2174
2189
|
sort: n.map((e) => ({ ...e })),
|
|
2175
|
-
columns: r.map(
|
|
2176
|
-
}),
|
|
2190
|
+
columns: r.map(Dn)
|
|
2191
|
+
}), An = (e) => {
|
|
2177
2192
|
let t = e && typeof e == "object" ? e : {}, n = {}, r = t.columnWidths;
|
|
2178
2193
|
if (r && typeof r == "object") {
|
|
2179
2194
|
let e = r;
|
|
@@ -2187,7 +2202,7 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2187
2202
|
let e = s;
|
|
2188
2203
|
for (let t of Object.keys(e)) {
|
|
2189
2204
|
let n = e[t];
|
|
2190
|
-
n && typeof n == "object" && "kind" in n && (o[t] =
|
|
2205
|
+
n && typeof n == "object" && "kind" in n && (o[t] = Tn(n));
|
|
2191
2206
|
}
|
|
2192
2207
|
}
|
|
2193
2208
|
let c = [], l = t.sort;
|
|
@@ -2222,7 +2237,7 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2222
2237
|
sort: c,
|
|
2223
2238
|
columns: u
|
|
2224
2239
|
};
|
|
2225
|
-
},
|
|
2240
|
+
}, jn = (e, t, n) => {
|
|
2226
2241
|
let r = new Map(e.map((e) => [e.key, e])), i = /* @__PURE__ */ new Set(), a = (e, t) => {
|
|
2227
2242
|
let r = n[e.key], i = typeof r == "number";
|
|
2228
2243
|
if (!t && !i) return e;
|
|
@@ -2235,44 +2250,44 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2235
2250
|
}
|
|
2236
2251
|
for (let t of e) i.has(t.key) || o.push(a(t, void 0));
|
|
2237
2252
|
return x(o);
|
|
2238
|
-
},
|
|
2253
|
+
}, Mn = (e, t) => e === null || t === null ? e === t : e.mode === "comparison" && t.mode === "comparison" ? e.operator === t.operator && e.value === t.value : e.mode === "range" && t.mode === "range" ? e.min === t.min && e.max === t.max : !1, Nn = (e, t) => {
|
|
2239
2254
|
switch (e.kind) {
|
|
2240
2255
|
case "set": return t.kind === "set" && (e.mode ?? "include") === (t.mode ?? "include") && e.values.length === t.values.length && e.values.every((e, n) => e === t.values[n]);
|
|
2241
|
-
case "number": return t.kind === "number" && e.raw === t.raw &&
|
|
2256
|
+
case "number": return t.kind === "number" && e.raw === t.raw && Mn(e.parsed, t.parsed);
|
|
2242
2257
|
case "text": return t.kind === "text" && e.value === t.value;
|
|
2243
2258
|
case "date": return t.kind === "date" && e.value === t.value;
|
|
2244
2259
|
case "select": return t.kind === "select" && e.value === t.value;
|
|
2245
2260
|
case "custom": return t.kind === "custom" && Object.is(e.value, t.value);
|
|
2246
2261
|
}
|
|
2247
|
-
},
|
|
2262
|
+
}, Pn = (e, t) => {
|
|
2248
2263
|
let n = Object.keys(e);
|
|
2249
2264
|
if (n.length !== Object.keys(t).length) return !1;
|
|
2250
2265
|
for (let r of n) if (!(r in t) || e[r] !== t[r]) return !1;
|
|
2251
2266
|
return !0;
|
|
2252
|
-
},
|
|
2267
|
+
}, Fn = (e, t) => {
|
|
2253
2268
|
let n = Object.keys(e);
|
|
2254
2269
|
if (n.length !== Object.keys(t).length) return !1;
|
|
2255
|
-
for (let r of n) if (!(r in t) || !
|
|
2270
|
+
for (let r of n) if (!(r in t) || !Nn(e[r], t[r])) return !1;
|
|
2256
2271
|
return !0;
|
|
2257
|
-
},
|
|
2272
|
+
}, In = (e, t) => {
|
|
2258
2273
|
if (e === void 0 || t === void 0) return e === t;
|
|
2259
2274
|
if (e.length !== t.length) return !1;
|
|
2260
2275
|
for (let n = 0; n < e.length; n += 1) if (e[n].key !== t[n].key || e[n].visible !== t[n].visible || e[n].pinned !== t[n].pinned) return !1;
|
|
2261
2276
|
return !0;
|
|
2262
|
-
},
|
|
2263
|
-
if (e.version !== t.version || !
|
|
2277
|
+
}, Ln = (e, t) => {
|
|
2278
|
+
if (e.version !== t.version || !Pn(e.columnWidths, t.columnWidths) || e.filters.globalText !== t.filters.globalText || !Fn(e.filters.columnFilters, t.filters.columnFilters) || e.sort.length !== t.sort.length) return !1;
|
|
2264
2279
|
for (let n = 0; n < e.sort.length; n += 1) if (e.sort[n].columnKey !== t.sort[n].columnKey || e.sort[n].direction !== t.sort[n].direction) return !1;
|
|
2265
|
-
return !!
|
|
2266
|
-
},
|
|
2280
|
+
return !!In(e.columns, t.columns);
|
|
2281
|
+
}, Rn = (e, t, n) => n ? {
|
|
2267
2282
|
emit: !1,
|
|
2268
2283
|
nextLast: e
|
|
2269
|
-
} : e === null ||
|
|
2284
|
+
} : e === null || Ln(e, t) ? {
|
|
2270
2285
|
emit: !1,
|
|
2271
2286
|
nextLast: t
|
|
2272
2287
|
} : {
|
|
2273
2288
|
emit: !0,
|
|
2274
2289
|
nextLast: t
|
|
2275
|
-
},
|
|
2290
|
+
}, zn = ({ rowTop: e, rowHeight: t, headerHeight: n, viewportHeight: r, currentScrollTop: i, align: a, maxScrollTop: o }) => {
|
|
2276
2291
|
let s = n + e, c = s + t, l;
|
|
2277
2292
|
if (a === "start") l = s - n;
|
|
2278
2293
|
else if (a === "end") l = c - r;
|
|
@@ -2282,7 +2297,7 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2282
2297
|
l = s >= e && c <= t ? i : s < e ? s - n : c - r;
|
|
2283
2298
|
}
|
|
2284
2299
|
return Math.min(Math.max(l, 0), Math.max(o ?? Infinity, 0));
|
|
2285
|
-
},
|
|
2300
|
+
}, Bn = ({ cellLeft: e, cellWidth: t, leftPaneWidth: n, rightPaneWidth: r, viewportWidth: i, currentScrollLeft: a, align: o, maxScrollLeft: s }) => {
|
|
2286
2301
|
let c = e + t, l = i - n - r, u;
|
|
2287
2302
|
if (o === "start") u = e - n;
|
|
2288
2303
|
else if (o === "end") u = c - i + r;
|
|
@@ -2292,10 +2307,10 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2292
2307
|
u = e >= t && c <= o ? a : e < t ? e - n : c - i + r;
|
|
2293
2308
|
}
|
|
2294
2309
|
return Math.min(Math.max(u, 0), Math.max(s ?? Infinity, 0));
|
|
2295
|
-
},
|
|
2310
|
+
}, Vn = (e, t) => {
|
|
2296
2311
|
let { heights: n, prefix: r, rowCount: i } = e, a = Math.max(t, 0);
|
|
2297
2312
|
for (let e = a; e < i; e += 1) r[e + 1] = r[e] + n[e];
|
|
2298
|
-
},
|
|
2313
|
+
}, Hn = (e, t, n, r) => {
|
|
2299
2314
|
let i = r ?? /* @__PURE__ */ new Map(), a = Math.max(e, 0), o = new Float64Array(a);
|
|
2300
2315
|
for (let e = 0; e < a; e += 1) {
|
|
2301
2316
|
let r = i.get(n(e));
|
|
@@ -2308,8 +2323,8 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2308
2323
|
prefix: new Float64Array(a + 1),
|
|
2309
2324
|
measured: i
|
|
2310
2325
|
};
|
|
2311
|
-
return
|
|
2312
|
-
},
|
|
2326
|
+
return Vn(s, 0), s;
|
|
2327
|
+
}, Un = (e, t, n, r) => t < 0 || t >= e.rowCount || (e.measured.set(n, r), e.heights[t] === r) ? !1 : (e.heights[t] = r, !0), Wn = (e, t, n) => {
|
|
2313
2328
|
if (t <= 0 || n <= 0) return 0;
|
|
2314
2329
|
if (n >= e[t]) return t - 1;
|
|
2315
2330
|
let r = 0, i = t;
|
|
@@ -2318,17 +2333,17 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2318
2333
|
e[t] <= n ? r = t : i = t - 1;
|
|
2319
2334
|
}
|
|
2320
2335
|
return Math.min(Math.max(r, 0), t - 1);
|
|
2321
|
-
},
|
|
2336
|
+
}, Gn = (e) => {
|
|
2322
2337
|
let { prefix: t, rowCount: n } = e;
|
|
2323
2338
|
return {
|
|
2324
2339
|
rowCount: n,
|
|
2325
2340
|
rowTop: (e) => t[Math.min(Math.max(e, 0), n)],
|
|
2326
2341
|
rowsHeight: (e, r) => t[Math.min(Math.max(r + 1, 0), n)] - t[Math.min(Math.max(e, 0), n)],
|
|
2327
2342
|
totalBodyHeight: t[n],
|
|
2328
|
-
rowAtContentY: (e) =>
|
|
2343
|
+
rowAtContentY: (e) => Wn(t, n, e)
|
|
2329
2344
|
};
|
|
2330
|
-
},
|
|
2331
|
-
let t =
|
|
2345
|
+
}, Kn = 21, qn = 4, Jn = 41, Yn = 13, Xn = 600, J = 60, Zn = 16, Qn = null, $n = () => Qn || (typeof document > "u" ? null : (Qn = document.createElement("canvas").getContext("2d"), Qn)), er = "system-ui, sans-serif", tr = (e) => {
|
|
2346
|
+
let t = er, n = 13, r = "400";
|
|
2332
2347
|
if (e && typeof window < "u") {
|
|
2333
2348
|
let i = window.getComputedStyle(e);
|
|
2334
2349
|
i.fontFamily && (t = i.fontFamily);
|
|
@@ -2337,36 +2352,36 @@ var on = 32, sn = 2, cn = 14, G = 12, K = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2337
2352
|
}
|
|
2338
2353
|
return {
|
|
2339
2354
|
cellFont: `${r} ${n}px ${t}`,
|
|
2340
|
-
headerFont: `${
|
|
2355
|
+
headerFont: `${Xn} ${Yn}px ${t}`
|
|
2341
2356
|
};
|
|
2342
|
-
},
|
|
2357
|
+
}, nr = (e, t, n) => Math.min(Math.max(e, t), n), rr = (e) => e >= 4352 && e <= 4447 || e >= 11904 && e <= 12350 || e >= 12353 && e <= 13311 || e >= 13312 && e <= 19903 || e >= 19968 && e <= 40959 || e >= 40960 && e <= 42191 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65072 && e <= 65103 || e >= 65280 && e <= 65376 || e >= 65504 && e <= 65510 || e >= 127744 && e <= 129791 || e >= 131072 && e <= 262141, ir = (e) => {
|
|
2343
2358
|
let t = 0;
|
|
2344
2359
|
for (let n of e) {
|
|
2345
2360
|
let e = n.codePointAt(0) ?? 0;
|
|
2346
|
-
t +=
|
|
2361
|
+
t += rr(e) ? 2 : 1;
|
|
2347
2362
|
}
|
|
2348
2363
|
return t;
|
|
2349
|
-
},
|
|
2364
|
+
}, ar = (e, t) => {
|
|
2350
2365
|
let n = L(e, t);
|
|
2351
2366
|
return t.valueFormatter ? t.valueFormatter({
|
|
2352
2367
|
value: n,
|
|
2353
2368
|
row: e,
|
|
2354
2369
|
column: t
|
|
2355
2370
|
}) : String(n ?? "");
|
|
2356
|
-
},
|
|
2371
|
+
}, Y = (e) => {
|
|
2357
2372
|
if (!e || typeof document > "u") return null;
|
|
2358
2373
|
let t = document.createElement("div");
|
|
2359
2374
|
return t.setAttribute("aria-hidden", "true"), t.style.cssText = "position:absolute;top:-99999px;left:-99999px;visibility:hidden;pointer-events:none;width:auto;height:auto;contain:layout style;", e.appendChild(t), t;
|
|
2360
|
-
},
|
|
2375
|
+
}, or = (e) => {
|
|
2361
2376
|
let t = document.createElement("div");
|
|
2362
2377
|
return t.className = "ssg-body-cell", t.style.cssText = "display:inline-block;position:static;top:auto;left:auto;width:auto;height:auto;white-space:nowrap;overflow:visible;", t.textContent = e, t;
|
|
2363
|
-
},
|
|
2364
|
-
function
|
|
2378
|
+
}, sr = (e) => e.suppressAutoSize === !0 || e.autoHeight === !0;
|
|
2379
|
+
function cr(e) {
|
|
2365
2380
|
let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity), i = e.map(() => 0);
|
|
2366
2381
|
return {
|
|
2367
2382
|
collect: (a) => {
|
|
2368
2383
|
for (let o = 0; o < e.length; o += 1) {
|
|
2369
|
-
if (
|
|
2384
|
+
if (sr(e[o])) continue;
|
|
2370
2385
|
let s = e[o].estimateCellWidth;
|
|
2371
2386
|
if (s) {
|
|
2372
2387
|
let t = s(a, e[o]);
|
|
@@ -2376,35 +2391,35 @@ function sr(e) {
|
|
|
2376
2391
|
let c = String(L(a, e[o]) ?? "");
|
|
2377
2392
|
if (c === "") continue;
|
|
2378
2393
|
let l = t[o], u = n[o];
|
|
2379
|
-
if (l.length ===
|
|
2380
|
-
let d =
|
|
2381
|
-
if (l.length <
|
|
2382
|
-
if (l.push(a), u.push(d), l.length ===
|
|
2394
|
+
if (l.length === Zn && 2 * c.length <= r[o]) continue;
|
|
2395
|
+
let d = ir(c);
|
|
2396
|
+
if (l.length < Zn) {
|
|
2397
|
+
if (l.push(a), u.push(d), l.length === Zn) {
|
|
2383
2398
|
let e = u[0];
|
|
2384
|
-
for (let t = 1; t <
|
|
2399
|
+
for (let t = 1; t < Zn; t += 1) u[t] < e && (e = u[t]);
|
|
2385
2400
|
r[o] = e;
|
|
2386
2401
|
}
|
|
2387
2402
|
continue;
|
|
2388
2403
|
}
|
|
2389
2404
|
if (d <= r[o]) continue;
|
|
2390
2405
|
let f = 0;
|
|
2391
|
-
for (let e = 1; e <
|
|
2406
|
+
for (let e = 1; e < Zn; e += 1) u[e] < u[f] && (f = e);
|
|
2392
2407
|
l[f] = a, u[f] = d;
|
|
2393
2408
|
let p = u[0];
|
|
2394
|
-
for (let e = 1; e <
|
|
2409
|
+
for (let e = 1; e < Zn; e += 1) u[e] < p && (p = u[e]);
|
|
2395
2410
|
r[o] = p;
|
|
2396
2411
|
}
|
|
2397
2412
|
},
|
|
2398
2413
|
finalize: ({ gridRoot: n, currentWidths: r }) => {
|
|
2399
|
-
let a =
|
|
2414
|
+
let a = $n();
|
|
2400
2415
|
if (!a || e.length === 0) return {};
|
|
2401
|
-
let { cellFont: o, headerFont: s } =
|
|
2416
|
+
let { cellFont: o, headerFont: s } = tr(n), c = {}, l = Y(n);
|
|
2402
2417
|
try {
|
|
2403
2418
|
let n = null;
|
|
2404
2419
|
if (l) {
|
|
2405
2420
|
let r = [];
|
|
2406
2421
|
for (let n = 0; n < e.length; n += 1) {
|
|
2407
|
-
if (
|
|
2422
|
+
if (sr(e[n])) {
|
|
2408
2423
|
r.push([]);
|
|
2409
2424
|
continue;
|
|
2410
2425
|
}
|
|
@@ -2414,9 +2429,9 @@ function sr(e) {
|
|
|
2414
2429
|
}
|
|
2415
2430
|
let i = t[n], a = [];
|
|
2416
2431
|
for (let t = 0; t < i.length; t += 1) {
|
|
2417
|
-
let r =
|
|
2432
|
+
let r = ar(i[t], e[n]);
|
|
2418
2433
|
if (r === "") continue;
|
|
2419
|
-
let o =
|
|
2434
|
+
let o = or(r);
|
|
2420
2435
|
l.appendChild(o), a.push(o);
|
|
2421
2436
|
}
|
|
2422
2437
|
r.push(a);
|
|
@@ -2432,23 +2447,23 @@ function sr(e) {
|
|
|
2432
2447
|
}
|
|
2433
2448
|
for (let l = 0; l < e.length; l += 1) {
|
|
2434
2449
|
let u = e[l];
|
|
2435
|
-
if (
|
|
2450
|
+
if (sr(u)) continue;
|
|
2436
2451
|
a.font = s;
|
|
2437
|
-
let d = u.title || u.key, f = a.measureText(d).width +
|
|
2438
|
-
if (u.estimateCellWidth) p = i[l] > 0 ? i[l] +
|
|
2452
|
+
let d = u.title || u.key, f = a.measureText(d).width + qn + Jn, p;
|
|
2453
|
+
if (u.estimateCellWidth) p = i[l] > 0 ? i[l] + Kn : 0;
|
|
2439
2454
|
else if (n) p = n[l];
|
|
2440
2455
|
else {
|
|
2441
2456
|
a.font = o;
|
|
2442
2457
|
let e = 0, n = t[l];
|
|
2443
2458
|
for (let t = 0; t < n.length; t += 1) {
|
|
2444
|
-
let r =
|
|
2459
|
+
let r = ar(n[t], u);
|
|
2445
2460
|
if (r === "") continue;
|
|
2446
2461
|
let i = a.measureText(r).width;
|
|
2447
2462
|
i > e && (e = i);
|
|
2448
2463
|
}
|
|
2449
|
-
p = e > 0 ? e +
|
|
2464
|
+
p = e > 0 ? e + qn + Kn : 0;
|
|
2450
2465
|
}
|
|
2451
|
-
let m = Math.ceil(
|
|
2466
|
+
let m = Math.ceil(nr(Math.max(f, p), u.minWidth ?? J, u.maxWidth ?? Infinity));
|
|
2452
2467
|
r[u.key] !== m && (c[u.key] = m);
|
|
2453
2468
|
}
|
|
2454
2469
|
} finally {
|
|
@@ -2458,12 +2473,12 @@ function sr(e) {
|
|
|
2458
2473
|
}
|
|
2459
2474
|
};
|
|
2460
2475
|
}
|
|
2461
|
-
function
|
|
2462
|
-
return
|
|
2476
|
+
function lr() {
|
|
2477
|
+
return $n() !== null;
|
|
2463
2478
|
}
|
|
2464
2479
|
//#endregion
|
|
2465
2480
|
//#region src/components/spreadsheet-grid/utils/scheduler.ts
|
|
2466
|
-
var
|
|
2481
|
+
var ur = () => new Promise((e) => {
|
|
2467
2482
|
if (typeof MessageChannel > "u") {
|
|
2468
2483
|
setTimeout(e, 0);
|
|
2469
2484
|
return;
|
|
@@ -2472,7 +2487,7 @@ var lr = () => new Promise((e) => {
|
|
|
2472
2487
|
t.port1.onmessage = () => {
|
|
2473
2488
|
t.port1.close(), e();
|
|
2474
2489
|
}, t.port2.postMessage(null);
|
|
2475
|
-
}),
|
|
2490
|
+
}), dr = 10, fr = 180, pr = () => typeof performance < "u" ? performance.now() : Date.now(), mr = ({ rowModelRef: e, gridRootRef: n, columnWidthsRef: i, dispatch: a }) => {
|
|
2476
2491
|
let [o, s] = l(!1), u = c(0), d = c(null), f = () => {
|
|
2477
2492
|
d.current !== null && (clearTimeout(d.current), d.current = null);
|
|
2478
2493
|
};
|
|
@@ -2481,22 +2496,22 @@ var lr = () => new Promise((e) => {
|
|
|
2481
2496
|
}, []), {
|
|
2482
2497
|
isAutosizing: o,
|
|
2483
2498
|
runAutosize: t(async (t) => {
|
|
2484
|
-
if (t.length === 0 || !
|
|
2499
|
+
if (t.length === 0 || !lr()) return;
|
|
2485
2500
|
let r = u.current += 1;
|
|
2486
2501
|
f();
|
|
2487
|
-
let o = e.current, c = o.getRowCount(), l = n.current, p = i.current, m =
|
|
2502
|
+
let o = e.current, c = o.getRowCount(), l = n.current, p = i.current, m = cr(t);
|
|
2488
2503
|
d.current = setTimeout(() => {
|
|
2489
2504
|
u.current === r && s(!0);
|
|
2490
|
-
},
|
|
2505
|
+
}, fr);
|
|
2491
2506
|
try {
|
|
2492
2507
|
let t = 0;
|
|
2493
2508
|
for (; t < c;) {
|
|
2494
|
-
let n =
|
|
2495
|
-
for (; t < c &&
|
|
2509
|
+
let n = pr();
|
|
2510
|
+
for (; t < c && pr() - n < dr;) {
|
|
2496
2511
|
let e = o.getRow(t);
|
|
2497
2512
|
e && m.collect(e), t += 1;
|
|
2498
2513
|
}
|
|
2499
|
-
if (t < c && (await
|
|
2514
|
+
if (t < c && (await ur(), u.current !== r || e.current !== o)) return;
|
|
2500
2515
|
}
|
|
2501
2516
|
let n = m.finalize({
|
|
2502
2517
|
gridRoot: l,
|
|
@@ -2513,7 +2528,7 @@ var lr = () => new Promise((e) => {
|
|
|
2513
2528
|
e
|
|
2514
2529
|
])
|
|
2515
2530
|
};
|
|
2516
|
-
},
|
|
2531
|
+
}, hr = () => {
|
|
2517
2532
|
let e = /* @__PURE__ */ new Set(), t = [];
|
|
2518
2533
|
return {
|
|
2519
2534
|
collect(n) {
|
|
@@ -2527,42 +2542,42 @@ var lr = () => new Promise((e) => {
|
|
|
2527
2542
|
return t.sort((e, t) => mt.compare(e.label, t.label));
|
|
2528
2543
|
}
|
|
2529
2544
|
};
|
|
2530
|
-
},
|
|
2531
|
-
let n =
|
|
2545
|
+
}, gr = (e, t) => {
|
|
2546
|
+
let n = hr();
|
|
2532
2547
|
for (let r = 0; r < e; r += 1) n.collect(t(r));
|
|
2533
2548
|
return n.finalize();
|
|
2534
|
-
},
|
|
2549
|
+
}, _r = 10, vr = () => typeof performance < "u" ? performance.now() : Date.now(), yr = [], br = /* @__PURE__ */ new Set(), xr = {
|
|
2535
2550
|
status: "idle",
|
|
2536
|
-
options:
|
|
2537
|
-
allValues:
|
|
2551
|
+
options: yr,
|
|
2552
|
+
allValues: br,
|
|
2538
2553
|
progress: 0
|
|
2539
|
-
},
|
|
2554
|
+
}, Sr = {
|
|
2540
2555
|
status: "collecting",
|
|
2541
|
-
options:
|
|
2542
|
-
allValues:
|
|
2556
|
+
options: yr,
|
|
2557
|
+
allValues: br,
|
|
2543
2558
|
progress: 0
|
|
2544
|
-
},
|
|
2559
|
+
}, X = (e) => new Set(e.map((e) => e.value)), Cr = {
|
|
2545
2560
|
source: null,
|
|
2546
2561
|
rowCount: 0,
|
|
2547
|
-
result:
|
|
2548
|
-
},
|
|
2562
|
+
result: xr
|
|
2563
|
+
}, wr = ({ column: e, rowCount: t, getRawValueAt: n }) => {
|
|
2549
2564
|
let i = e?.filterType ?? null, a = i === "select" || i === "set", s = e?.filterOptions && e.filterOptions.length > 0 ? e.filterOptions : null, c = a && s === null && t > 5e4, u = o(() => {
|
|
2550
|
-
if (!e || !a) return
|
|
2565
|
+
if (!e || !a) return xr;
|
|
2551
2566
|
if (s) {
|
|
2552
2567
|
let e = s;
|
|
2553
2568
|
return {
|
|
2554
2569
|
status: "ready",
|
|
2555
2570
|
options: e,
|
|
2556
|
-
allValues:
|
|
2571
|
+
allValues: X(e),
|
|
2557
2572
|
progress: 1
|
|
2558
2573
|
};
|
|
2559
2574
|
}
|
|
2560
2575
|
if (!c) {
|
|
2561
|
-
let e =
|
|
2576
|
+
let e = gr(t, n);
|
|
2562
2577
|
return {
|
|
2563
2578
|
status: "ready",
|
|
2564
2579
|
options: e,
|
|
2565
|
-
allValues:
|
|
2580
|
+
allValues: X(e),
|
|
2566
2581
|
progress: 1
|
|
2567
2582
|
};
|
|
2568
2583
|
}
|
|
@@ -2574,24 +2589,24 @@ var lr = () => new Promise((e) => {
|
|
|
2574
2589
|
c,
|
|
2575
2590
|
t,
|
|
2576
2591
|
n
|
|
2577
|
-
]), [d, f] = l(
|
|
2592
|
+
]), [d, f] = l(Cr);
|
|
2578
2593
|
r(() => {
|
|
2579
2594
|
if (u !== null) return;
|
|
2580
|
-
let e = n, r = t, i =
|
|
2595
|
+
let e = n, r = t, i = hr(), a = !1;
|
|
2581
2596
|
return (async () => {
|
|
2582
2597
|
let t = 0;
|
|
2583
2598
|
for (; t < r;) {
|
|
2584
|
-
let n =
|
|
2585
|
-
for (; t < r &&
|
|
2599
|
+
let n = vr();
|
|
2600
|
+
for (; t < r && vr() - n < _r;) i.collect(e(t)), t += 1;
|
|
2586
2601
|
if (t < r) {
|
|
2587
|
-
if (await
|
|
2602
|
+
if (await ur(), a) return;
|
|
2588
2603
|
f({
|
|
2589
2604
|
source: e,
|
|
2590
2605
|
rowCount: r,
|
|
2591
2606
|
result: {
|
|
2592
2607
|
status: "collecting",
|
|
2593
|
-
options:
|
|
2594
|
-
allValues:
|
|
2608
|
+
options: yr,
|
|
2609
|
+
allValues: br,
|
|
2595
2610
|
progress: t / r
|
|
2596
2611
|
}
|
|
2597
2612
|
});
|
|
@@ -2605,7 +2620,7 @@ var lr = () => new Promise((e) => {
|
|
|
2605
2620
|
result: {
|
|
2606
2621
|
status: "ready",
|
|
2607
2622
|
options: n,
|
|
2608
|
-
allValues:
|
|
2623
|
+
allValues: X(n),
|
|
2609
2624
|
progress: 1
|
|
2610
2625
|
}
|
|
2611
2626
|
});
|
|
@@ -2617,9 +2632,9 @@ var lr = () => new Promise((e) => {
|
|
|
2617
2632
|
t,
|
|
2618
2633
|
n
|
|
2619
2634
|
]);
|
|
2620
|
-
let p = d.source === n && d.rowCount === t ? d.result :
|
|
2635
|
+
let p = d.source === n && d.rowCount === t ? d.result : Sr;
|
|
2621
2636
|
return u ?? p;
|
|
2622
|
-
},
|
|
2637
|
+
}, Tr = 10, Er = () => typeof performance < "u" ? performance.now() : Date.now(), Dr = ({ rows: e, baseOrder: t, columns: i, globalText: a, enabled: s }) => {
|
|
2623
2638
|
let c = n(a), u = c.trim().toLowerCase(), d = s && u.length > 0, f = d && e.length > 5e4, p = o(() => d ? f ? null : {
|
|
2624
2639
|
order: Re(e, t, i, c),
|
|
2625
2640
|
status: "ready",
|
|
@@ -2642,13 +2657,13 @@ var lr = () => new Promise((e) => {
|
|
|
2642
2657
|
return (async () => {
|
|
2643
2658
|
let e = 0, t = 0;
|
|
2644
2659
|
for (; t < s;) {
|
|
2645
|
-
let i =
|
|
2646
|
-
for (; t < s &&
|
|
2660
|
+
let i = Er();
|
|
2661
|
+
for (; t < s && Er() - i < Tr;) {
|
|
2647
2662
|
let i = r[t];
|
|
2648
2663
|
Le(n[i], a, o) && (c[e] = i, e += 1), t += 1;
|
|
2649
2664
|
}
|
|
2650
2665
|
if (t < s) {
|
|
2651
|
-
if (await
|
|
2666
|
+
if (await ur(), l) return;
|
|
2652
2667
|
_({
|
|
2653
2668
|
rows: n,
|
|
2654
2669
|
baseOrder: r,
|
|
@@ -2689,7 +2704,7 @@ var lr = () => new Promise((e) => {
|
|
|
2689
2704
|
};
|
|
2690
2705
|
//#endregion
|
|
2691
2706
|
//#region src/components/spreadsheet-grid/logic/serverSideCache.ts
|
|
2692
|
-
function
|
|
2707
|
+
function Or(e) {
|
|
2693
2708
|
let t = e.blockSize, n = e.maxBlocks, r = /* @__PURE__ */ new Map(), i = (e) => {
|
|
2694
2709
|
let t = r.get(e);
|
|
2695
2710
|
t !== void 0 && (r.delete(e), r.set(e, t));
|
|
@@ -2721,22 +2736,22 @@ function Dr(e) {
|
|
|
2721
2736
|
}
|
|
2722
2737
|
//#endregion
|
|
2723
2738
|
//#region src/components/spreadsheet-grid/logic/serverSideBlocks.ts
|
|
2724
|
-
function
|
|
2739
|
+
function kr(e, t) {
|
|
2725
2740
|
return Math.floor(e / t);
|
|
2726
2741
|
}
|
|
2727
|
-
function
|
|
2742
|
+
function Ar(e, t, n, r) {
|
|
2728
2743
|
if (n <= 0 || r <= 0) return [];
|
|
2729
2744
|
let i = Math.max(0, Math.floor(e)), a = Math.min(r, Math.floor(t));
|
|
2730
2745
|
if (a <= i) return [];
|
|
2731
|
-
let o =
|
|
2746
|
+
let o = kr(i, n), s = kr(a - 1, n), c = [];
|
|
2732
2747
|
for (let e = o; e <= s; e += 1) c.push(e);
|
|
2733
2748
|
return c;
|
|
2734
2749
|
}
|
|
2735
2750
|
//#endregion
|
|
2736
2751
|
//#region src/components/spreadsheet-grid/hooks/useServerSideRowModel.ts
|
|
2737
|
-
var
|
|
2738
|
-
function
|
|
2739
|
-
let { dataSource: n, rowKeyGetter: i, query: a, queryKey: s, refreshToken: u } = e, d = n?.blockSize ??
|
|
2752
|
+
var jr = 100, Mr = 64, Nr = 120;
|
|
2753
|
+
function Pr(e) {
|
|
2754
|
+
let { dataSource: n, rowKeyGetter: i, query: a, queryKey: s, refreshToken: u } = e, d = n?.blockSize ?? jr, f = n?.maxCachedBlocks ?? Mr, p = e.debounceMs ?? Nr, [m] = l(() => Or({
|
|
2740
2755
|
blockSize: d,
|
|
2741
2756
|
maxBlocks: f
|
|
2742
2757
|
})), [h, g] = l(n?.initialRowCount ?? 0), [_, v] = l(0), y = c(h), b = c(!1), x = c(/* @__PURE__ */ new Map()), S = c(null), C = c({
|
|
@@ -2763,7 +2778,7 @@ function Nr(e) {
|
|
|
2763
2778
|
n,
|
|
2764
2779
|
a
|
|
2765
2780
|
]), T = t(() => {
|
|
2766
|
-
let { start: e, end: t } = C.current, n =
|
|
2781
|
+
let { start: e, end: t } = C.current, n = Ar(e, t, d, y.current), r = new Set(n);
|
|
2767
2782
|
for (let [e, t] of x.current) r.has(e) || (t.abort(), x.current.delete(e));
|
|
2768
2783
|
for (let e of n) w(e);
|
|
2769
2784
|
}, [d, w]), E = t(() => {
|
|
@@ -2774,7 +2789,7 @@ function Nr(e) {
|
|
|
2774
2789
|
n != null && (C.current = {
|
|
2775
2790
|
start: e,
|
|
2776
2791
|
end: t
|
|
2777
|
-
}, m.touchBlocks(
|
|
2792
|
+
}, m.touchBlocks(Ar(e, t, d, y.current)), E());
|
|
2778
2793
|
}, [
|
|
2779
2794
|
m,
|
|
2780
2795
|
d,
|
|
@@ -2832,7 +2847,7 @@ function Nr(e) {
|
|
|
2832
2847
|
}
|
|
2833
2848
|
//#endregion
|
|
2834
2849
|
//#region src/components/spreadsheet-grid/logic/serverSideQuery.ts
|
|
2835
|
-
var
|
|
2850
|
+
var Fr = (e) => {
|
|
2836
2851
|
let t = {}, n = e.globalText.trim();
|
|
2837
2852
|
n.length > 0 && (t.globalText = n);
|
|
2838
2853
|
let r = {}, i = !1;
|
|
@@ -2841,34 +2856,34 @@ var Pr = (e) => {
|
|
|
2841
2856
|
je(n) && (r[t] = n, i = !0);
|
|
2842
2857
|
}
|
|
2843
2858
|
return i && (t.columnFilters = r), e.sort.length > 0 && (t.sort = e.sort), t;
|
|
2844
|
-
},
|
|
2859
|
+
}, Ir = (e) => {
|
|
2845
2860
|
let t = e.columnFilters ?? {}, n = Object.keys(t).sort().map((e) => [e, t[e]]), r = e.sort ?? [];
|
|
2846
2861
|
return JSON.stringify({
|
|
2847
2862
|
g: e.globalText ?? "",
|
|
2848
2863
|
s: r.map((e) => [e.columnKey, e.direction]),
|
|
2849
2864
|
c: n
|
|
2850
2865
|
});
|
|
2851
|
-
},
|
|
2866
|
+
}, Lr = (e, t) => {
|
|
2852
2867
|
let n = t.trim().toLowerCase();
|
|
2853
2868
|
return n ? e.filter((e) => e.label.toLowerCase().includes(n)) : e;
|
|
2854
|
-
},
|
|
2869
|
+
}, Rr = (e, t) => {
|
|
2855
2870
|
if (!t.trim()) return { kind: "close" };
|
|
2856
|
-
let n =
|
|
2871
|
+
let n = Lr(e, t);
|
|
2857
2872
|
return n.length === 0 ? { kind: "none" } : {
|
|
2858
2873
|
kind: "replace",
|
|
2859
2874
|
values: n.map((e) => e.value)
|
|
2860
2875
|
};
|
|
2861
|
-
},
|
|
2862
|
-
function
|
|
2863
|
-
let [g, _] = l(""), v = n(g), y = o(() =>
|
|
2876
|
+
}, zr = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), Br = 28;
|
|
2877
|
+
function Vr({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: a, onReplaceSelection: s, onRequestClose: u, isServerSide: h }) {
|
|
2878
|
+
let [g, _] = l(""), v = n(g), y = o(() => Lr(e, v), [e, v]), b = v.trim().length > 0, x = c(null), S = d({
|
|
2864
2879
|
count: y.length,
|
|
2865
2880
|
getScrollElement: () => x.current,
|
|
2866
|
-
estimateSize: () =>
|
|
2881
|
+
estimateSize: () => Br,
|
|
2867
2882
|
overscan: 10
|
|
2868
2883
|
}), C = o(() => {
|
|
2869
2884
|
if (t === null) return y.length;
|
|
2870
2885
|
let e = 0;
|
|
2871
|
-
for (let n of y)
|
|
2886
|
+
for (let n of y) zr(t, n.value) && (e += 1);
|
|
2872
2887
|
return e;
|
|
2873
2888
|
}, [t, y]), w = y.length > 0 && C === y.length, T = C > 0 && !w, E = t === null ? e.length : t.mode === "include" ? t.values.size : e.length - t.values.size;
|
|
2874
2889
|
return /* @__PURE__ */ m(f, { children: [
|
|
@@ -2881,7 +2896,7 @@ function Br({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
|
|
|
2881
2896
|
if (t.stopPropagation(), t.key === "Escape" && (t.preventDefault(), u()), t.key === "Enter") {
|
|
2882
2897
|
if (t.nativeEvent.isComposing) return;
|
|
2883
2898
|
t.preventDefault();
|
|
2884
|
-
let n =
|
|
2899
|
+
let n = Rr(e, g);
|
|
2885
2900
|
if (n.kind === "none") return;
|
|
2886
2901
|
n.kind === "replace" && s(n.values), u();
|
|
2887
2902
|
}
|
|
@@ -2917,7 +2932,7 @@ function Br({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
|
|
|
2917
2932
|
children: S.getVirtualItems().map((e) => {
|
|
2918
2933
|
let n = y[e.index];
|
|
2919
2934
|
if (!n) return null;
|
|
2920
|
-
let r =
|
|
2935
|
+
let r = zr(t, n.value);
|
|
2921
2936
|
return /* @__PURE__ */ m("label", {
|
|
2922
2937
|
className: "ssg-filter-option",
|
|
2923
2938
|
style: {
|
|
@@ -2949,7 +2964,7 @@ function Br({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
|
|
|
2949
2964
|
})
|
|
2950
2965
|
] });
|
|
2951
2966
|
}
|
|
2952
|
-
function
|
|
2967
|
+
function Hr({ isOpen: e, themeClassName: t, title: n, filterType: r, draftValue: i, currentValueText: a, layout: o, selectOptions: s, optionsStatus: c, optionsProgress: l, setSelection: u, popoverRef: d, textInputRef: _, selectRef: v, onRequestClose: y, onDraftChange: b, onApply: x, onClear: S, onSetValueToggle: C, onSetSelectAllChange: w, onSetClear: T, onSetReplaceSelection: E, isServerSide: D = !1 }) {
|
|
2953
2968
|
if (typeof document > "u" || !e || !o) return null;
|
|
2954
2969
|
let O = {
|
|
2955
2970
|
top: o.top,
|
|
@@ -2981,7 +2996,7 @@ function Vr({ isOpen: e, themeClassName: t, title: n, filterType: r, draftValue:
|
|
|
2981
2996
|
Math.round(l * 100),
|
|
2982
2997
|
"%"
|
|
2983
2998
|
]
|
|
2984
|
-
}) : j ? /* @__PURE__ */ p(
|
|
2999
|
+
}) : j ? /* @__PURE__ */ p(Vr, {
|
|
2985
3000
|
options: s,
|
|
2986
3001
|
setSelection: u,
|
|
2987
3002
|
searchInputRef: _,
|
|
@@ -3097,7 +3112,7 @@ function Vr({ isOpen: e, themeClassName: t, title: n, filterType: r, draftValue:
|
|
|
3097
3112
|
}
|
|
3098
3113
|
//#endregion
|
|
3099
3114
|
//#region src/components/spreadsheet-grid/view/DefaultGridBottomBar.tsx
|
|
3100
|
-
function
|
|
3115
|
+
function Ur({ context: e, showCounts: t = !0 }) {
|
|
3101
3116
|
let { derivedSummary: n } = e;
|
|
3102
3117
|
return /* @__PURE__ */ p("div", {
|
|
3103
3118
|
className: "ssg-bar--bottom",
|
|
@@ -3138,7 +3153,7 @@ function Hr({ context: e, showCounts: t = !0 }) {
|
|
|
3138
3153
|
}
|
|
3139
3154
|
//#endregion
|
|
3140
3155
|
//#region src/components/spreadsheet-grid/view/DefaultGridTopBar.tsx
|
|
3141
|
-
var
|
|
3156
|
+
var Wr = /* @__PURE__ */ m("svg", {
|
|
3142
3157
|
width: "14",
|
|
3143
3158
|
height: "14",
|
|
3144
3159
|
viewBox: "0 0 16 16",
|
|
@@ -3158,7 +3173,7 @@ var Ur = /* @__PURE__ */ m("svg", {
|
|
|
3158
3173
|
x2: "14.5",
|
|
3159
3174
|
y2: "14.5"
|
|
3160
3175
|
})]
|
|
3161
|
-
}),
|
|
3176
|
+
}), Gr = /* @__PURE__ */ m("svg", {
|
|
3162
3177
|
width: "12",
|
|
3163
3178
|
height: "12",
|
|
3164
3179
|
viewBox: "0 0 16 16",
|
|
@@ -3179,8 +3194,8 @@ var Ur = /* @__PURE__ */ m("svg", {
|
|
|
3179
3194
|
y2: "12"
|
|
3180
3195
|
})]
|
|
3181
3196
|
});
|
|
3182
|
-
function
|
|
3183
|
-
let { derivedSummary: s } = e, c = a === void 0 ?
|
|
3197
|
+
function Kr({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r = !0, globalFilterPlaceholder: i = "グローバルフィルター", globalFilterIcon: a, onFilterSummaryClick: o }) {
|
|
3198
|
+
let { derivedSummary: s } = e, c = a === void 0 ? Wr : a, l = e.globalFilterText.trim().length > 0;
|
|
3184
3199
|
return /* @__PURE__ */ p("div", {
|
|
3185
3200
|
className: "ssg-bar--top",
|
|
3186
3201
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -3239,7 +3254,7 @@ function Gr({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r
|
|
|
3239
3254
|
className: "ssg-bar-input-clear",
|
|
3240
3255
|
"aria-label": "フィルターをクリア",
|
|
3241
3256
|
"data-ssg-tooltip": "クリア",
|
|
3242
|
-
children:
|
|
3257
|
+
children: Gr
|
|
3243
3258
|
}) : null
|
|
3244
3259
|
]
|
|
3245
3260
|
}) : null]
|
|
@@ -3247,8 +3262,11 @@ function Gr({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r
|
|
|
3247
3262
|
});
|
|
3248
3263
|
}
|
|
3249
3264
|
//#endregion
|
|
3265
|
+
//#region src/components/spreadsheet-grid/logic/cellOverflowTooltip.ts
|
|
3266
|
+
var qr = (e) => e.enabled && !e.isAutoHeightCell && !e.hasRenderCell;
|
|
3267
|
+
//#endregion
|
|
3250
3268
|
//#region src/components/spreadsheet-grid/view/RowSelectionCheckbox.tsx
|
|
3251
|
-
function
|
|
3269
|
+
function Jr({ state: e, disabled: t = !1 }) {
|
|
3252
3270
|
return /* @__PURE__ */ p("span", {
|
|
3253
3271
|
"aria-hidden": "true",
|
|
3254
3272
|
className: "ssg-row-checkbox",
|
|
@@ -3256,88 +3274,96 @@ function Kr({ state: e, disabled: t = !1 }) {
|
|
|
3256
3274
|
"data-disabled": t ? "true" : void 0
|
|
3257
3275
|
});
|
|
3258
3276
|
}
|
|
3259
|
-
var
|
|
3277
|
+
var Yr = e(Jr);
|
|
3260
3278
|
//#endregion
|
|
3261
3279
|
//#region src/components/spreadsheet-grid/view/GridBodyLayer.tsx
|
|
3262
|
-
function
|
|
3280
|
+
function Xr({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i, row: a, top: o, renderEntries: s, rowHeight: c, autoHeight: l, showCellOverflowTooltip: u, autoHeightMinHeight: d, rowHeaderCellStyle: f, isRowHovered: h, isWholeGridSelected: _, isRowSelected: v, showRowCheckbox: y, isRowChecked: b, activeColInRow: x, editingColInRow: S, selectedColStart: C, selectedColEnd: w, readOnly: T, canEditCell: E, onRowHeaderPointerDown: D, onRowHeaderPointerEnter: O, onRowHeaderPointerLeave: k, onCellPointerDown: A, onCellPointerEnter: j, onCellDoubleClick: M, renderCellContent: ee, rowClassName: N, bodyCellClassName: P, bodyRowClassName: F, rowHeaderCellClassName: I }) {
|
|
3263
3281
|
return /* @__PURE__ */ m("div", {
|
|
3264
3282
|
"data-pane": e,
|
|
3265
3283
|
"data-row-index": r,
|
|
3266
|
-
className: g("ssg-body-row",
|
|
3284
|
+
className: g("ssg-body-row", b && "ssg-body-row--checked", N, F),
|
|
3267
3285
|
style: {
|
|
3268
3286
|
height: c,
|
|
3269
3287
|
transform: `translateY(${o}px)`
|
|
3270
3288
|
},
|
|
3271
3289
|
children: [t && /* @__PURE__ */ p("div", {
|
|
3272
|
-
role:
|
|
3273
|
-
"aria-checked":
|
|
3274
|
-
onPointerDown: (e) =>
|
|
3275
|
-
onPointerEnter: (e) =>
|
|
3276
|
-
onPointerLeave: () =>
|
|
3277
|
-
className: g("ssg-header-cell", "ssg-row-header-cell",
|
|
3290
|
+
role: y ? "checkbox" : void 0,
|
|
3291
|
+
"aria-checked": y ? b : void 0,
|
|
3292
|
+
onPointerDown: (e) => D(r, e),
|
|
3293
|
+
onPointerEnter: (e) => O(r, e),
|
|
3294
|
+
onPointerLeave: () => k(r),
|
|
3295
|
+
className: g("ssg-header-cell", "ssg-row-header-cell", y && "ssg-row-header-cell--checkbox", (_ || v) && "ssg-header-cell--selected", h && "ssg-header-cell--hovered", N, I),
|
|
3278
3296
|
style: {
|
|
3279
|
-
...
|
|
3297
|
+
...f,
|
|
3280
3298
|
height: c
|
|
3281
3299
|
},
|
|
3282
|
-
children:
|
|
3300
|
+
children: y ? /* @__PURE__ */ p(Yr, { state: b ? "checked" : "unchecked" }) : r + 1
|
|
3283
3301
|
}), s.map((e) => {
|
|
3284
3302
|
if (!e) return null;
|
|
3285
|
-
let t = e.logicalIndex, o = e.column, s = n + e.paneLocalStart,
|
|
3286
|
-
readOnly:
|
|
3287
|
-
canEditCell:
|
|
3288
|
-
}, r, t, a, o),
|
|
3289
|
-
|
|
3303
|
+
let t = e.logicalIndex, o = e.column, s = n + e.paneLocalStart, f = e.paneLocalSize, m = t === x, _ = t === S, y = v || C >= 0 && t >= C && t <= w, b = !De({
|
|
3304
|
+
readOnly: T,
|
|
3305
|
+
canEditCell: E
|
|
3306
|
+
}, r, t, a, o), D = l && o.autoHeight === !0, O, k = o.cellClassName;
|
|
3307
|
+
k && (O = typeof k == "function" ? k({
|
|
3290
3308
|
row: a,
|
|
3291
3309
|
rowIndex: r,
|
|
3292
3310
|
colIndex: t,
|
|
3293
3311
|
value: L(a, o),
|
|
3294
3312
|
column: o,
|
|
3295
3313
|
isActive: m,
|
|
3296
|
-
isSelected:
|
|
3297
|
-
isEditing:
|
|
3298
|
-
readOnly:
|
|
3299
|
-
}) :
|
|
3300
|
-
let F = g("ssg-body-cell", o.align === "center" && "ssg-body-cell--align-center", o.align === "right" && "ssg-body-cell--align-right",
|
|
3314
|
+
isSelected: y,
|
|
3315
|
+
isEditing: _,
|
|
3316
|
+
readOnly: b
|
|
3317
|
+
}) : k);
|
|
3318
|
+
let F = g("ssg-body-cell", o.align === "center" && "ssg-body-cell--align-center", o.align === "right" && "ssg-body-cell--align-right", D && "ssg-body-cell--autoheight", b && !y && "ssg-body-cell--readonly", h && "ssg-body-cell--row-hovered", N, O, P), I = {};
|
|
3319
|
+
o.wordBreak !== void 0 && (I.wordBreak = o.wordBreak), o.lineBreak !== void 0 && (I.lineBreak = o.lineBreak);
|
|
3320
|
+
let te = qr({
|
|
3321
|
+
enabled: u,
|
|
3322
|
+
isAutoHeightCell: D,
|
|
3323
|
+
hasRenderCell: o.renderCell !== void 0
|
|
3324
|
+
});
|
|
3301
3325
|
return /* @__PURE__ */ p("div", {
|
|
3302
3326
|
"data-ssg-col-key": o.key,
|
|
3303
|
-
"data-autoheight-cell":
|
|
3327
|
+
"data-autoheight-cell": D ? "" : void 0,
|
|
3328
|
+
"data-ssg-tooltip-overflow": te ? "" : void 0,
|
|
3304
3329
|
className: F,
|
|
3305
|
-
onPointerDown: (e) =>
|
|
3330
|
+
onPointerDown: (e) => A({
|
|
3306
3331
|
row: r,
|
|
3307
3332
|
col: t
|
|
3308
3333
|
}, e),
|
|
3309
|
-
onPointerEnter: (e) =>
|
|
3334
|
+
onPointerEnter: (e) => j({
|
|
3310
3335
|
row: r,
|
|
3311
3336
|
col: t
|
|
3312
3337
|
}, e),
|
|
3313
|
-
onDoubleClick: () =>
|
|
3338
|
+
onDoubleClick: () => M({
|
|
3314
3339
|
row: r,
|
|
3315
3340
|
col: t
|
|
3316
3341
|
}),
|
|
3317
3342
|
style: {
|
|
3318
3343
|
left: s,
|
|
3319
|
-
width:
|
|
3320
|
-
minWidth:
|
|
3321
|
-
...
|
|
3344
|
+
width: f,
|
|
3345
|
+
minWidth: f,
|
|
3346
|
+
...D ? { minHeight: d } : { height: c },
|
|
3347
|
+
...I,
|
|
3322
3348
|
zIndex: m ? 3 : 1
|
|
3323
3349
|
},
|
|
3324
|
-
children:
|
|
3350
|
+
children: ee(a, r, o, t, {
|
|
3325
3351
|
isActive: m,
|
|
3326
|
-
isSelected:
|
|
3327
|
-
isEditing:
|
|
3328
|
-
readOnly:
|
|
3352
|
+
isSelected: y,
|
|
3353
|
+
isEditing: _,
|
|
3354
|
+
readOnly: b
|
|
3329
3355
|
})
|
|
3330
3356
|
}, `${String(i)}-${o.key}`);
|
|
3331
3357
|
})]
|
|
3332
3358
|
});
|
|
3333
3359
|
}
|
|
3334
|
-
var
|
|
3360
|
+
var Zr = e(Xr), Qr = [
|
|
3335
3361
|
"62%",
|
|
3336
3362
|
"46%",
|
|
3337
3363
|
"78%",
|
|
3338
3364
|
"54%"
|
|
3339
3365
|
];
|
|
3340
|
-
function
|
|
3366
|
+
function $r({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, rowHeight: a, renderEntries: o, rowHeaderCellStyle: s, isRowHovered: c, showRowCheckbox: l, onRowHeaderPointerDown: u, onRowHeaderPointerEnter: d, onRowHeaderPointerLeave: f, onCellPointerDown: h, onCellPointerEnter: _, bodyCellClassName: v, bodyRowClassName: y, rowHeaderCellClassName: b }) {
|
|
3341
3367
|
return /* @__PURE__ */ m("div", {
|
|
3342
3368
|
"data-pane": e,
|
|
3343
3369
|
"data-row-index": r,
|
|
@@ -3356,13 +3382,13 @@ function Zr({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, r
|
|
|
3356
3382
|
...s,
|
|
3357
3383
|
height: a
|
|
3358
3384
|
},
|
|
3359
|
-
children: l ? /* @__PURE__ */ p(
|
|
3385
|
+
children: l ? /* @__PURE__ */ p(Yr, {
|
|
3360
3386
|
state: "unchecked",
|
|
3361
3387
|
disabled: !0
|
|
3362
3388
|
}) : r + 1
|
|
3363
3389
|
}), o.map((t) => {
|
|
3364
3390
|
if (!t) return null;
|
|
3365
|
-
let i = t.logicalIndex, o = n + t.paneLocalStart, s = t.paneLocalSize, l =
|
|
3391
|
+
let i = t.logicalIndex, o = n + t.paneLocalStart, s = t.paneLocalSize, l = Qr[i % Qr.length];
|
|
3366
3392
|
return /* @__PURE__ */ p("div", {
|
|
3367
3393
|
className: g("ssg-body-cell", c && "ssg-body-cell--row-hovered", v),
|
|
3368
3394
|
onPointerDown: (e) => h({
|
|
@@ -3389,16 +3415,16 @@ function Zr({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, r
|
|
|
3389
3415
|
})]
|
|
3390
3416
|
});
|
|
3391
3417
|
}
|
|
3392
|
-
var
|
|
3393
|
-
function
|
|
3418
|
+
var ei = e($r);
|
|
3419
|
+
function ti({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRows: i, virtualRowIndexes: a, renderEntries: o, rowHeight: s, autoHeight: c = !1, showCellOverflowTooltip: l = !1, isServerSide: u = !1, rowHeaderCellStyle: d, hoveredRowIndex: m, isWholeGridSelected: h, enableRowSelection: g, rowSelectionState: _, activeCell: v, editingCell: y, selectionSnapshot: b, readOnly: x, canEditCell: S, onRowHeaderPointerDown: C, onRowHeaderPointerEnter: w, onRowHeaderPointerLeave: T, onCellPointerDown: E, onCellPointerEnter: D, onCellDoubleClick: O, renderCellContent: k, getRowClassName: A, bodyCellClassName: j, bodyRowClassName: M, rowHeaderCellClassName: ee }) {
|
|
3394
3420
|
return /* @__PURE__ */ p(f, { children: i.map((i) => {
|
|
3395
3421
|
let f = i.index;
|
|
3396
3422
|
if (!a.has(f)) return null;
|
|
3397
3423
|
let N = i.size ?? s, P = r.getRow(f);
|
|
3398
3424
|
if (!P) {
|
|
3399
|
-
if (!
|
|
3425
|
+
if (!u) return null;
|
|
3400
3426
|
let a = r.getRowKey(f) ?? f;
|
|
3401
|
-
return /* @__PURE__ */ p(
|
|
3427
|
+
return /* @__PURE__ */ p(ei, {
|
|
3402
3428
|
pane: e,
|
|
3403
3429
|
ownsRowHeader: t,
|
|
3404
3430
|
leadingWidth: n,
|
|
@@ -3406,21 +3432,21 @@ function $r({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
|
|
|
3406
3432
|
top: i.start,
|
|
3407
3433
|
rowHeight: N,
|
|
3408
3434
|
renderEntries: o,
|
|
3409
|
-
rowHeaderCellStyle:
|
|
3410
|
-
isRowHovered:
|
|
3411
|
-
showRowCheckbox:
|
|
3412
|
-
onRowHeaderPointerDown:
|
|
3413
|
-
onRowHeaderPointerEnter:
|
|
3414
|
-
onRowHeaderPointerLeave:
|
|
3415
|
-
onCellPointerDown:
|
|
3416
|
-
onCellPointerEnter:
|
|
3417
|
-
bodyCellClassName:
|
|
3418
|
-
bodyRowClassName:
|
|
3419
|
-
rowHeaderCellClassName:
|
|
3435
|
+
rowHeaderCellStyle: d,
|
|
3436
|
+
isRowHovered: m === f,
|
|
3437
|
+
showRowCheckbox: g,
|
|
3438
|
+
onRowHeaderPointerDown: C,
|
|
3439
|
+
onRowHeaderPointerEnter: w,
|
|
3440
|
+
onRowHeaderPointerLeave: T,
|
|
3441
|
+
onCellPointerDown: E,
|
|
3442
|
+
onCellPointerEnter: D,
|
|
3443
|
+
bodyCellClassName: j,
|
|
3444
|
+
bodyRowClassName: M,
|
|
3445
|
+
rowHeaderCellClassName: ee
|
|
3420
3446
|
}, String(a));
|
|
3421
3447
|
}
|
|
3422
|
-
let F = r.getRowKey(f) ?? f, I =
|
|
3423
|
-
return /* @__PURE__ */ p(
|
|
3448
|
+
let F = r.getRowKey(f) ?? f, I = g ? re(_, F) : !1, te = b.kind === "row" && f >= b.startRow && f <= b.endRow, ne = b.kind === "cell" && f >= b.startRow && f <= b.endRow, ie = b.kind === "col" || ne ? b.startCol : -1, ae = b.kind === "col" || ne ? b.endCol : -1, oe = v && v.row === f ? v.col : -1, se = y && y.row === f ? y.col : -1, ce = A?.(P, f);
|
|
3449
|
+
return /* @__PURE__ */ p(Zr, {
|
|
3424
3450
|
pane: e,
|
|
3425
3451
|
ownsRowHeader: t,
|
|
3426
3452
|
leadingWidth: n,
|
|
@@ -3431,36 +3457,37 @@ function $r({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
|
|
|
3431
3457
|
renderEntries: o,
|
|
3432
3458
|
rowHeight: N,
|
|
3433
3459
|
autoHeight: c,
|
|
3460
|
+
showCellOverflowTooltip: l,
|
|
3434
3461
|
autoHeightMinHeight: s,
|
|
3435
|
-
rowHeaderCellStyle:
|
|
3436
|
-
isRowHovered:
|
|
3437
|
-
isWholeGridSelected:
|
|
3438
|
-
isRowSelected:
|
|
3439
|
-
showRowCheckbox:
|
|
3462
|
+
rowHeaderCellStyle: d,
|
|
3463
|
+
isRowHovered: m === f,
|
|
3464
|
+
isWholeGridSelected: h,
|
|
3465
|
+
isRowSelected: te,
|
|
3466
|
+
showRowCheckbox: g,
|
|
3440
3467
|
isRowChecked: I,
|
|
3441
|
-
activeColInRow:
|
|
3442
|
-
editingColInRow:
|
|
3443
|
-
selectedColStart:
|
|
3444
|
-
selectedColEnd:
|
|
3445
|
-
readOnly:
|
|
3446
|
-
canEditCell:
|
|
3447
|
-
onRowHeaderPointerDown:
|
|
3448
|
-
onRowHeaderPointerEnter:
|
|
3449
|
-
onRowHeaderPointerLeave:
|
|
3450
|
-
onCellPointerDown:
|
|
3451
|
-
onCellPointerEnter:
|
|
3452
|
-
onCellDoubleClick:
|
|
3453
|
-
renderCellContent:
|
|
3454
|
-
rowClassName:
|
|
3455
|
-
bodyCellClassName:
|
|
3456
|
-
bodyRowClassName:
|
|
3457
|
-
rowHeaderCellClassName:
|
|
3468
|
+
activeColInRow: oe,
|
|
3469
|
+
editingColInRow: se,
|
|
3470
|
+
selectedColStart: ie,
|
|
3471
|
+
selectedColEnd: ae,
|
|
3472
|
+
readOnly: x,
|
|
3473
|
+
canEditCell: S,
|
|
3474
|
+
onRowHeaderPointerDown: C,
|
|
3475
|
+
onRowHeaderPointerEnter: w,
|
|
3476
|
+
onRowHeaderPointerLeave: T,
|
|
3477
|
+
onCellPointerDown: E,
|
|
3478
|
+
onCellPointerEnter: D,
|
|
3479
|
+
onCellDoubleClick: O,
|
|
3480
|
+
renderCellContent: k,
|
|
3481
|
+
rowClassName: ce,
|
|
3482
|
+
bodyCellClassName: j,
|
|
3483
|
+
bodyRowClassName: M,
|
|
3484
|
+
rowHeaderCellClassName: ee
|
|
3458
3485
|
}, String(F));
|
|
3459
3486
|
}) });
|
|
3460
3487
|
}
|
|
3461
3488
|
//#endregion
|
|
3462
3489
|
//#region src/components/spreadsheet-grid/view/GridHeaderRow.tsx
|
|
3463
|
-
function
|
|
3490
|
+
function ni({ isActive: e, title: t, className: n, onPointerDown: r, children: i }) {
|
|
3464
3491
|
return /* @__PURE__ */ p("button", {
|
|
3465
3492
|
type: "button",
|
|
3466
3493
|
"data-ssg-tooltip": t,
|
|
@@ -3470,7 +3497,7 @@ function ei({ isActive: e, title: t, className: n, onPointerDown: r, children: i
|
|
|
3470
3497
|
children: i
|
|
3471
3498
|
});
|
|
3472
3499
|
}
|
|
3473
|
-
function
|
|
3500
|
+
function ri({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHeaderCellStyle: i, headerRowClassName: a, headerCellClassName: o, rowHeaderCellClassName: s, isCornerHovered: c, isWholeGridSelected: l, showSelectAllCheckbox: u, selectAllState: d, filteredRowsLength: f, visibleColumnsLength: h, renderEntries: _, hoveredColumnIndex: v, selectionSnapshot: y, columnFilterValues: b, sortState: x, iconButtonClassName: S, onCornerPointerDown: C, onCornerPointerEnter: w, onCornerPointerLeave: T, onColumnHeaderPointerDown: E, onColumnHeaderPointerEnter: D, onColumnHeaderPointerLeave: O, onColumnResizePointerDown: k, enableColumnResize: A, enableColumnMenu: j, openedMenuColumnKey: M, onColumnMenuButtonPointerDown: ee, onColumnHeaderContextMenu: N, onColumnDragHandlePointerDown: P }) {
|
|
3474
3501
|
return /* @__PURE__ */ m("div", {
|
|
3475
3502
|
"data-pane": e,
|
|
3476
3503
|
className: g("ssg-header-row", a),
|
|
@@ -3487,7 +3514,7 @@ function ti({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3487
3514
|
height: r,
|
|
3488
3515
|
cursor: f > 0 && h > 0 ? "pointer" : "default"
|
|
3489
3516
|
},
|
|
3490
|
-
children: u ? /* @__PURE__ */ p(
|
|
3517
|
+
children: u ? /* @__PURE__ */ p(Yr, { state: d === "all" ? "checked" : d === "some" ? "indeterminate" : "unchecked" }) : "#"
|
|
3491
3518
|
}), _.map((e) => {
|
|
3492
3519
|
if (!e) return null;
|
|
3493
3520
|
let t = e.logicalIndex, i = e.column, a = n + e.paneLocalStart, s = e.paneLocalSize, c = je(b[i.key]), u = y.kind === "col" && t >= y.startCol && t <= y.endCol, d = x.findIndex((e) => e.columnKey === i.key), f = d === -1 ? null : x[d], h = M === i.key, _ = j;
|
|
@@ -3496,7 +3523,7 @@ function ti({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3496
3523
|
onPointerDown: (e) => E(t, e),
|
|
3497
3524
|
onPointerEnter: (e) => D(t, e),
|
|
3498
3525
|
onPointerLeave: () => O(t),
|
|
3499
|
-
onContextMenu: (e) =>
|
|
3526
|
+
onContextMenu: (e) => N(i, e),
|
|
3500
3527
|
className: g("ssg-header-cell", (l || u) && "ssg-header-cell--selected", v === t && "ssg-header-cell--hovered", o),
|
|
3501
3528
|
style: {
|
|
3502
3529
|
left: a,
|
|
@@ -3543,8 +3570,8 @@ function ti({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3543
3570
|
}),
|
|
3544
3571
|
/* @__PURE__ */ m("div", {
|
|
3545
3572
|
className: "ssg-header-actions",
|
|
3546
|
-
children: [
|
|
3547
|
-
onPointerDown: (e) =>
|
|
3573
|
+
children: [P && /* @__PURE__ */ p("span", {
|
|
3574
|
+
onPointerDown: (e) => P(i, e),
|
|
3548
3575
|
"data-ssg-tooltip": "ドラッグで列を移動",
|
|
3549
3576
|
"aria-hidden": "true",
|
|
3550
3577
|
className: "ssg-header-grip",
|
|
@@ -3588,11 +3615,11 @@ function ti({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3588
3615
|
})
|
|
3589
3616
|
]
|
|
3590
3617
|
})
|
|
3591
|
-
}), _ && /* @__PURE__ */ p(
|
|
3618
|
+
}), _ && /* @__PURE__ */ p(ni, {
|
|
3592
3619
|
title: "列メニュー",
|
|
3593
3620
|
isActive: h,
|
|
3594
3621
|
className: S,
|
|
3595
|
-
onPointerDown: (e) =>
|
|
3622
|
+
onPointerDown: (e) => ee(i, e),
|
|
3596
3623
|
children: "⋮"
|
|
3597
3624
|
})]
|
|
3598
3625
|
}),
|
|
@@ -3605,7 +3632,7 @@ function ti({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3605
3632
|
})]
|
|
3606
3633
|
});
|
|
3607
3634
|
}
|
|
3608
|
-
var
|
|
3635
|
+
var ii = e(ri), ai = 200, oi = 8, si = 6, ci = 289, li = ({ visibleColumns: e, enableColumnMenu: n, gridRootRef: i }) => {
|
|
3609
3636
|
let [a, s] = l(null), [u, d] = l(null), f = c(null), p = c(null), m = c(null), h = c(a);
|
|
3610
3637
|
h.current = a;
|
|
3611
3638
|
let g = a !== null, _ = a?.columnKey ?? null, v = o(() => _ ? e.find((e) => e.key === _) ?? null : null, [_, e]), y = t(() => {
|
|
@@ -3620,16 +3647,16 @@ var ni = e(ti), ri = 200, ii = 8, ai = 6, oi = 289, si = ({ visibleColumns: e, e
|
|
|
3620
3647
|
return;
|
|
3621
3648
|
}
|
|
3622
3649
|
let i = r.getBoundingClientRect();
|
|
3623
|
-
t = i.right -
|
|
3624
|
-
} else if (i) t = i.x, e = i.y, n = i.y -
|
|
3650
|
+
t = i.right - ai, e = i.bottom + si, n = i.top - ci - si;
|
|
3651
|
+
} else if (i) t = i.x, e = i.y, n = i.y - ci;
|
|
3625
3652
|
else {
|
|
3626
3653
|
d(null);
|
|
3627
3654
|
return;
|
|
3628
3655
|
}
|
|
3629
|
-
t = Math.max(
|
|
3656
|
+
t = Math.max(oi, t), t = Math.min(t, window.innerWidth - ai - oi), e + ci > window.innerHeight - oi && (e = n), e = Math.max(oi, e), d((n) => n && n.top === e && n.left === t && n.width === ai ? n : {
|
|
3630
3657
|
top: e,
|
|
3631
3658
|
left: t,
|
|
3632
|
-
width:
|
|
3659
|
+
width: ai
|
|
3633
3660
|
});
|
|
3634
3661
|
}, [_]), b = t(() => {
|
|
3635
3662
|
s(null), d(null), p.current = null, m.current = null, requestAnimationFrame(() => {
|
|
@@ -3703,7 +3730,7 @@ var ni = e(ti), ri = 200, ii = 8, ai = 6, oi = 289, si = ({ visibleColumns: e, e
|
|
|
3703
3730
|
openColumnMenuFromContextMenu: S,
|
|
3704
3731
|
closeColumnMenu: b
|
|
3705
3732
|
};
|
|
3706
|
-
},
|
|
3733
|
+
}, ui = [
|
|
3707
3734
|
{
|
|
3708
3735
|
value: void 0,
|
|
3709
3736
|
label: "固定しない"
|
|
@@ -3716,23 +3743,23 @@ var ni = e(ti), ri = 200, ii = 8, ai = 6, oi = 289, si = ({ visibleColumns: e, e
|
|
|
3716
3743
|
value: "right",
|
|
3717
3744
|
label: "右に固定"
|
|
3718
3745
|
}
|
|
3719
|
-
],
|
|
3720
|
-
function
|
|
3746
|
+
], di = 180, fi = 4, pi = 8, Z = "pin";
|
|
3747
|
+
function mi({ isOpen: e, themeClassName: t, title: n, columnKey: i, canFilter: a, onOpenFilter: o, canSort: s, sortDirection: c, onSortChange: u, onOpenSortManager: d, canManageFilters: _, onOpenFilterManager: v, pinned: y, canChangePinned: b, layout: x, popoverRef: S, onPinnedChange: C, onAutosizeColumn: w, onAutosizeAllColumns: T, onOpenColumnChooser: E, canResetColumns: D, onResetColumns: O, onRequestClose: k }) {
|
|
3721
3748
|
let [A, j] = l(null);
|
|
3722
3749
|
if (r(() => {
|
|
3723
3750
|
j(null);
|
|
3724
3751
|
}, [i, e]), !e || !x) return null;
|
|
3725
|
-
let M = A ===
|
|
3752
|
+
let M = A === Z, ee = x.left + x.width + fi + di > window.innerWidth - pi, N = {
|
|
3726
3753
|
position: "fixed",
|
|
3727
3754
|
top: x.top,
|
|
3728
3755
|
left: x.left,
|
|
3729
3756
|
width: x.width,
|
|
3730
3757
|
zIndex: 1e3
|
|
3731
|
-
},
|
|
3758
|
+
}, P = {
|
|
3732
3759
|
position: "absolute",
|
|
3733
3760
|
top: -9,
|
|
3734
|
-
...
|
|
3735
|
-
width:
|
|
3761
|
+
...ee ? { right: `calc(100% + ${fi}px)` } : { left: `calc(100% + ${fi}px)` },
|
|
3762
|
+
width: di,
|
|
3736
3763
|
zIndex: 1
|
|
3737
3764
|
};
|
|
3738
3765
|
return h(/* @__PURE__ */ m("div", {
|
|
@@ -3747,7 +3774,7 @@ function fi({ isOpen: e, themeClassName: t, title: n, columnKey: i, canFilter: a
|
|
|
3747
3774
|
e.preventDefault();
|
|
3748
3775
|
},
|
|
3749
3776
|
className: g("ssg-menu-panel", t),
|
|
3750
|
-
style:
|
|
3777
|
+
style: N,
|
|
3751
3778
|
children: [
|
|
3752
3779
|
/* @__PURE__ */ p("div", {
|
|
3753
3780
|
className: "ssg-menu-title",
|
|
@@ -3837,10 +3864,10 @@ function fi({ isOpen: e, themeClassName: t, title: n, columnKey: i, canFilter: a
|
|
|
3837
3864
|
children: [/* @__PURE__ */ m("button", {
|
|
3838
3865
|
type: "button",
|
|
3839
3866
|
onPointerEnter: () => {
|
|
3840
|
-
j(
|
|
3867
|
+
j(Z);
|
|
3841
3868
|
},
|
|
3842
3869
|
onClick: () => {
|
|
3843
|
-
j((e) => e ===
|
|
3870
|
+
j((e) => e === Z ? null : Z);
|
|
3844
3871
|
},
|
|
3845
3872
|
className: g("ssg-menu-item", M && "ssg-menu-item--active"),
|
|
3846
3873
|
children: [
|
|
@@ -3856,8 +3883,8 @@ function fi({ isOpen: e, themeClassName: t, title: n, columnKey: i, canFilter: a
|
|
|
3856
3883
|
]
|
|
3857
3884
|
}), M && /* @__PURE__ */ m("div", {
|
|
3858
3885
|
className: g("ssg-menu-panel", t),
|
|
3859
|
-
style:
|
|
3860
|
-
children: [
|
|
3886
|
+
style: P,
|
|
3887
|
+
children: [ui.map((e) => {
|
|
3861
3888
|
let t = y === e.value;
|
|
3862
3889
|
return /* @__PURE__ */ m("button", {
|
|
3863
3890
|
type: "button",
|
|
@@ -3951,24 +3978,24 @@ function fi({ isOpen: e, themeClassName: t, title: n, columnKey: i, canFilter: a
|
|
|
3951
3978
|
]
|
|
3952
3979
|
}), document.body);
|
|
3953
3980
|
}
|
|
3954
|
-
var
|
|
3981
|
+
var hi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i }) => {
|
|
3955
3982
|
let a = Math.max(8, Math.min(t, r - n - 8));
|
|
3956
3983
|
return {
|
|
3957
3984
|
top: Math.max(8, Math.min(e, i - 40)),
|
|
3958
3985
|
left: a
|
|
3959
3986
|
};
|
|
3960
|
-
},
|
|
3987
|
+
}, gi = 360, _i = 8, vi = 12, yi = [
|
|
3961
3988
|
"filter",
|
|
3962
3989
|
"columns",
|
|
3963
3990
|
"sort"
|
|
3964
|
-
],
|
|
3991
|
+
], bi = ({ canUseFilterTab: e, canUseColumnsTab: n, canUseSortTab: i, gridRootRef: a, alliedRef: s, suppressEscape: u = !1, onSuppressedEscape: d }) => {
|
|
3965
3992
|
let [f, p] = l(null), [m, h] = l(null), [g, _] = l(0), v = c(null), y = c(null), b = o(() => {
|
|
3966
3993
|
let t = {
|
|
3967
3994
|
filter: e,
|
|
3968
3995
|
columns: n,
|
|
3969
3996
|
sort: i
|
|
3970
3997
|
};
|
|
3971
|
-
return
|
|
3998
|
+
return yi.filter((e) => t[e]);
|
|
3972
3999
|
}, [
|
|
3973
4000
|
e,
|
|
3974
4001
|
n,
|
|
@@ -3976,17 +4003,17 @@ var pi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
3976
4003
|
]), x = f === null ? null : b.includes(f) ? f : b[0] ?? null, S = x !== null, C = t(() => {
|
|
3977
4004
|
let e = y.current;
|
|
3978
4005
|
if (e) {
|
|
3979
|
-
let t =
|
|
4006
|
+
let t = hi({
|
|
3980
4007
|
top: e.top,
|
|
3981
4008
|
left: e.left,
|
|
3982
|
-
panelWidth:
|
|
4009
|
+
panelWidth: gi,
|
|
3983
4010
|
viewportWidth: window.innerWidth,
|
|
3984
4011
|
viewportHeight: window.innerHeight
|
|
3985
4012
|
});
|
|
3986
|
-
h((e) => e && e.top === t.top && e.left === t.left && e.width ===
|
|
4013
|
+
h((e) => e && e.top === t.top && e.left === t.left && e.width === gi ? e : {
|
|
3987
4014
|
top: t.top,
|
|
3988
4015
|
left: t.left,
|
|
3989
|
-
width:
|
|
4016
|
+
width: gi
|
|
3990
4017
|
});
|
|
3991
4018
|
return;
|
|
3992
4019
|
}
|
|
@@ -3995,11 +4022,11 @@ var pi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
3995
4022
|
h(null);
|
|
3996
4023
|
return;
|
|
3997
4024
|
}
|
|
3998
|
-
let n = t.getBoundingClientRect(), r = n.right -
|
|
3999
|
-
r = Math.max(
|
|
4025
|
+
let n = t.getBoundingClientRect(), r = n.right - gi - vi, i = n.top + vi;
|
|
4026
|
+
r = Math.max(_i, r), r = Math.min(r, window.innerWidth - gi - _i), i = Math.max(_i, i), h((e) => e && e.top === i && e.left === r && e.width === gi ? e : {
|
|
4000
4027
|
top: i,
|
|
4001
4028
|
left: r,
|
|
4002
|
-
width:
|
|
4029
|
+
width: gi
|
|
4003
4030
|
});
|
|
4004
4031
|
}, [a]), w = t((t) => {
|
|
4005
4032
|
({
|
|
@@ -4018,17 +4045,17 @@ var pi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
4018
4045
|
a.current?.focus();
|
|
4019
4046
|
});
|
|
4020
4047
|
}, [a]), E = t((e, t) => {
|
|
4021
|
-
let n =
|
|
4048
|
+
let n = hi({
|
|
4022
4049
|
top: e,
|
|
4023
4050
|
left: t,
|
|
4024
|
-
panelWidth:
|
|
4051
|
+
panelWidth: gi,
|
|
4025
4052
|
viewportWidth: window.innerWidth,
|
|
4026
4053
|
viewportHeight: window.innerHeight
|
|
4027
4054
|
});
|
|
4028
4055
|
y.current = n, h({
|
|
4029
4056
|
top: n.top,
|
|
4030
4057
|
left: n.left,
|
|
4031
|
-
width:
|
|
4058
|
+
width: gi
|
|
4032
4059
|
});
|
|
4033
4060
|
}, []);
|
|
4034
4061
|
return r(() => {
|
|
@@ -4082,7 +4109,7 @@ var pi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
4082
4109
|
closeToolPanel: T,
|
|
4083
4110
|
moveToolPanel: E
|
|
4084
4111
|
};
|
|
4085
|
-
},
|
|
4112
|
+
}, xi = ({ layout: e, onPanelMove: n }) => {
|
|
4086
4113
|
let i = c(null);
|
|
4087
4114
|
return r(() => () => {
|
|
4088
4115
|
i.current?.();
|
|
@@ -4110,8 +4137,8 @@ var pi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
4110
4137
|
};
|
|
4111
4138
|
//#endregion
|
|
4112
4139
|
//#region src/components/spreadsheet-grid/view/ToolPanel.tsx
|
|
4113
|
-
function
|
|
4114
|
-
let { handleHeaderPointerDown: d } =
|
|
4140
|
+
function Si({ themeClassName: e, activeTab: t, flashTick: n, tabs: i, layout: a, panelRef: o, onSelectTab: s, onRequestClose: c, onPanelMove: l, children: u }) {
|
|
4141
|
+
let { handleHeaderPointerDown: d } = xi({
|
|
4115
4142
|
layout: a,
|
|
4116
4143
|
onPanelMove: l
|
|
4117
4144
|
});
|
|
@@ -4188,16 +4215,16 @@ function yi({ themeClassName: e, activeTab: t, flashTick: n, tabs: i, layout: a,
|
|
|
4188
4215
|
}
|
|
4189
4216
|
//#endregion
|
|
4190
4217
|
//#region src/components/spreadsheet-grid/view/ColumnChooserPanel.tsx
|
|
4191
|
-
var
|
|
4218
|
+
var Q = 28, Ci = 12, wi = [
|
|
4192
4219
|
"left",
|
|
4193
4220
|
"center",
|
|
4194
4221
|
"right"
|
|
4195
|
-
],
|
|
4222
|
+
], Ti = {
|
|
4196
4223
|
left: "左固定",
|
|
4197
4224
|
center: "固定なし",
|
|
4198
4225
|
right: "右固定"
|
|
4199
4226
|
};
|
|
4200
|
-
function
|
|
4227
|
+
function Ei(e, t, n) {
|
|
4201
4228
|
let r = e.find((e) => e.key === t);
|
|
4202
4229
|
if (!r) return null;
|
|
4203
4230
|
let i = r.pane, a = {
|
|
@@ -4217,7 +4244,7 @@ function wi(e, t, n) {
|
|
|
4217
4244
|
...a.right
|
|
4218
4245
|
];
|
|
4219
4246
|
}
|
|
4220
|
-
function
|
|
4247
|
+
function Di({ state: e, disabled: t }) {
|
|
4221
4248
|
return /* @__PURE__ */ m("span", {
|
|
4222
4249
|
className: g("ssg-checkbox", (e === "checked" || e === "indeterminate") && "ssg-checkbox--filled", t && "ssg-checkbox--disabled"),
|
|
4223
4250
|
"aria-hidden": !0,
|
|
@@ -4236,7 +4263,7 @@ function Ti({ state: e, disabled: t }) {
|
|
|
4236
4263
|
}), e === "indeterminate" && /* @__PURE__ */ p("span", { className: "ssg-checkbox-dash" })]
|
|
4237
4264
|
});
|
|
4238
4265
|
}
|
|
4239
|
-
function
|
|
4266
|
+
function Oi({ disabled: e }) {
|
|
4240
4267
|
return /* @__PURE__ */ p("svg", {
|
|
4241
4268
|
width: "10",
|
|
4242
4269
|
height: "16",
|
|
@@ -4254,7 +4281,7 @@ function Ei({ disabled: e }) {
|
|
|
4254
4281
|
}, `${t}-${e}`)))
|
|
4255
4282
|
});
|
|
4256
4283
|
}
|
|
4257
|
-
function
|
|
4284
|
+
function ki({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColumns: a, onHideAllColumns: s, onResetColumns: u, onReorderColumns: d }) {
|
|
4258
4285
|
let [h, _] = l(""), v = c(null);
|
|
4259
4286
|
r(() => {
|
|
4260
4287
|
let e = requestAnimationFrame(() => {
|
|
@@ -4272,14 +4299,14 @@ function Di({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4272
4299
|
right: []
|
|
4273
4300
|
};
|
|
4274
4301
|
for (let t of C) e[t.pane].push(t);
|
|
4275
|
-
return
|
|
4302
|
+
return wi.map((t) => ({
|
|
4276
4303
|
pane: t,
|
|
4277
4304
|
items: e[t]
|
|
4278
4305
|
})).filter((e) => e.items.length > 0);
|
|
4279
|
-
}, [C]), T = w.length >= 2, E = n && h.trim() === "", D = c(null), [O, k] = l(null), A = c(!1), j = c(null), [M,
|
|
4306
|
+
}, [C]), T = w.length >= 2, E = n && h.trim() === "", D = c(null), [O, k] = l(null), A = c(!1), j = c(null), [M, ee] = l(null), N = c(0), P = c(null), F = t(() => {
|
|
4280
4307
|
let e = D.current, t = j.current;
|
|
4281
4308
|
if (!e || !t) return;
|
|
4282
|
-
let n = e.querySelectorAll(`[data-chooser-row][data-chooser-pane="${t}"]`), r =
|
|
4309
|
+
let n = e.querySelectorAll(`[data-chooser-row][data-chooser-pane="${t}"]`), r = N.current, i = n.length;
|
|
4283
4310
|
for (let e = 0; e < n.length; e += 1) {
|
|
4284
4311
|
let t = n[e].getBoundingClientRect();
|
|
4285
4312
|
if (r < t.top + t.height / 2) {
|
|
@@ -4287,24 +4314,24 @@ function Di({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4287
4314
|
break;
|
|
4288
4315
|
}
|
|
4289
4316
|
}
|
|
4290
|
-
|
|
4291
|
-
}, []),
|
|
4317
|
+
ee(i);
|
|
4318
|
+
}, []), I = t(() => {
|
|
4292
4319
|
let e = D.current;
|
|
4293
4320
|
if (!e || !A.current) {
|
|
4294
|
-
|
|
4321
|
+
P.current = null;
|
|
4295
4322
|
return;
|
|
4296
4323
|
}
|
|
4297
|
-
let t = e.getBoundingClientRect(), n =
|
|
4298
|
-
if (n < t.top +
|
|
4324
|
+
let t = e.getBoundingClientRect(), n = N.current, r = 0;
|
|
4325
|
+
if (n < t.top + Q ? r = -12 : n > t.bottom - Q && (r = Ci), r !== 0) {
|
|
4299
4326
|
let t = e.scrollTop;
|
|
4300
|
-
e.scrollTop += r, e.scrollTop !== t &&
|
|
4327
|
+
e.scrollTop += r, e.scrollTop !== t && F();
|
|
4301
4328
|
}
|
|
4302
|
-
|
|
4303
|
-
}, [
|
|
4304
|
-
|
|
4329
|
+
P.current = requestAnimationFrame(I);
|
|
4330
|
+
}, [F]), te = t((t) => {
|
|
4331
|
+
P.current !== null && (cancelAnimationFrame(P.current), P.current = null);
|
|
4305
4332
|
let n = O, r = M;
|
|
4306
|
-
if (A.current = !1, j.current = null, k(null),
|
|
4307
|
-
let t =
|
|
4333
|
+
if (A.current = !1, j.current = null, k(null), ee(null), t && n !== null && r !== null) {
|
|
4334
|
+
let t = Ei(e, n, r);
|
|
4308
4335
|
t && d(t);
|
|
4309
4336
|
}
|
|
4310
4337
|
}, [
|
|
@@ -4313,20 +4340,20 @@ function Di({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4313
4340
|
e,
|
|
4314
4341
|
d
|
|
4315
4342
|
]), ne = t((e, t, n) => {
|
|
4316
|
-
E && (n.preventDefault(), n.stopPropagation(), n.currentTarget.setPointerCapture(n.pointerId), A.current = !0, j.current = t,
|
|
4343
|
+
E && (n.preventDefault(), n.stopPropagation(), n.currentTarget.setPointerCapture(n.pointerId), A.current = !0, j.current = t, N.current = n.clientY, k(e), F(), P.current === null && (P.current = requestAnimationFrame(I)));
|
|
4317
4344
|
}, [
|
|
4318
4345
|
E,
|
|
4319
|
-
|
|
4320
|
-
|
|
4346
|
+
F,
|
|
4347
|
+
I
|
|
4321
4348
|
]), re = t((e) => {
|
|
4322
|
-
A.current && (
|
|
4323
|
-
}, [
|
|
4349
|
+
A.current && (N.current = e.clientY, F());
|
|
4350
|
+
}, [F]), ie = t(() => {
|
|
4324
4351
|
A.current && te(!0);
|
|
4325
4352
|
}, [te]), ae = t(() => {
|
|
4326
4353
|
A.current && te(!1);
|
|
4327
4354
|
}, [te]);
|
|
4328
4355
|
r(() => () => {
|
|
4329
|
-
|
|
4356
|
+
P.current !== null && (cancelAnimationFrame(P.current), P.current = null);
|
|
4330
4357
|
}, []);
|
|
4331
4358
|
let oe = () => {
|
|
4332
4359
|
n && (b ? s() : a());
|
|
@@ -4345,7 +4372,7 @@ function Di({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4345
4372
|
onPointerUp: ie,
|
|
4346
4373
|
onPointerCancel: ae,
|
|
4347
4374
|
className: g("ssg-chooser-handle", !E && "ssg-chooser-handle--disabled", s && "ssg-chooser-handle--dragging"),
|
|
4348
|
-
children: /* @__PURE__ */ p(
|
|
4375
|
+
children: /* @__PURE__ */ p(Oi, { disabled: !E })
|
|
4349
4376
|
}), /* @__PURE__ */ m("button", {
|
|
4350
4377
|
type: "button",
|
|
4351
4378
|
disabled: o,
|
|
@@ -4353,7 +4380,7 @@ function Di({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4353
4380
|
o || i(e.key, !e.visible);
|
|
4354
4381
|
},
|
|
4355
4382
|
className: "ssg-chooser-toggle",
|
|
4356
|
-
children: [/* @__PURE__ */ p(
|
|
4383
|
+
children: [/* @__PURE__ */ p(Di, {
|
|
4357
4384
|
state: e.visible ? "checked" : "unchecked",
|
|
4358
4385
|
disabled: o
|
|
4359
4386
|
}), /* @__PURE__ */ p("span", {
|
|
@@ -4373,7 +4400,7 @@ function Di({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4373
4400
|
"aria-label": S,
|
|
4374
4401
|
"data-ssg-tooltip": S,
|
|
4375
4402
|
className: "ssg-chooser-master-btn",
|
|
4376
|
-
children: /* @__PURE__ */ p(
|
|
4403
|
+
children: /* @__PURE__ */ p(Di, {
|
|
4377
4404
|
state: x,
|
|
4378
4405
|
disabled: !n
|
|
4379
4406
|
})
|
|
@@ -4404,7 +4431,7 @@ function Di({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4404
4431
|
children: [
|
|
4405
4432
|
T && /* @__PURE__ */ p("div", {
|
|
4406
4433
|
className: "ssg-chooser-section-heading",
|
|
4407
|
-
children:
|
|
4434
|
+
children: Ti[e.pane]
|
|
4408
4435
|
}),
|
|
4409
4436
|
e.items.map((t, n) => ce(t, n, e.pane)),
|
|
4410
4437
|
O !== null && se === e.pane && M === e.items.length && /* @__PURE__ */ p("div", { className: "ssg-chooser-drop-end" })
|
|
@@ -4431,7 +4458,7 @@ function Di({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4431
4458
|
}
|
|
4432
4459
|
//#endregion
|
|
4433
4460
|
//#region src/components/spreadsheet-grid/view/SortManagementPanel.tsx
|
|
4434
|
-
function
|
|
4461
|
+
function Ai({ disabled: e }) {
|
|
4435
4462
|
return /* @__PURE__ */ p("svg", {
|
|
4436
4463
|
width: "10",
|
|
4437
4464
|
height: "16",
|
|
@@ -4449,7 +4476,7 @@ function Oi({ disabled: e }) {
|
|
|
4449
4476
|
}, `${t}-${e}`)))
|
|
4450
4477
|
});
|
|
4451
4478
|
}
|
|
4452
|
-
function
|
|
4479
|
+
function ji({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirection: a, onChangeColumn: s, onRemoveLevel: u, onClearAll: d, onMove: h }) {
|
|
4453
4480
|
let _ = o(() => new Set(e.map((e) => e.columnKey)), [e]), v = o(() => n.find((e) => !_.has(e.key)) ?? null, [n, _]), y = (e) => n.find((t) => t.key === e)?.title ?? e, b = r && e.length >= 2, x = c(null), [S, C] = l(null), w = c(!1), [T, E] = l(null), D = c(0), O = t(() => {
|
|
4454
4481
|
let e = x.current;
|
|
4455
4482
|
if (!e) return;
|
|
@@ -4478,9 +4505,9 @@ function ki({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirecti
|
|
|
4478
4505
|
w.current && (D.current = e.clientY, O());
|
|
4479
4506
|
}, [O]), M = t(() => {
|
|
4480
4507
|
w.current && k(!0);
|
|
4481
|
-
}, [k]),
|
|
4508
|
+
}, [k]), ee = t(() => {
|
|
4482
4509
|
w.current && k(!1);
|
|
4483
|
-
}, [k]),
|
|
4510
|
+
}, [k]), N = r && v !== null;
|
|
4484
4511
|
return /* @__PURE__ */ m(f, { children: [
|
|
4485
4512
|
/* @__PURE__ */ m("div", {
|
|
4486
4513
|
ref: x,
|
|
@@ -4504,9 +4531,9 @@ function ki({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirecti
|
|
|
4504
4531
|
onPointerDown: (e) => A(i, e),
|
|
4505
4532
|
onPointerMove: j,
|
|
4506
4533
|
onPointerUp: M,
|
|
4507
|
-
onPointerCancel:
|
|
4534
|
+
onPointerCancel: ee,
|
|
4508
4535
|
className: g("ssg-sort-handle", !b && "ssg-sort-handle--disabled", l && "ssg-sort-handle--dragging"),
|
|
4509
|
-
children: /* @__PURE__ */ p(
|
|
4536
|
+
children: /* @__PURE__ */ p(Ai, { disabled: !b })
|
|
4510
4537
|
}),
|
|
4511
4538
|
/* @__PURE__ */ p("span", {
|
|
4512
4539
|
"aria-hidden": !0,
|
|
@@ -4558,9 +4585,9 @@ function ki({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirecti
|
|
|
4558
4585
|
className: "ssg-popover-footer",
|
|
4559
4586
|
children: [/* @__PURE__ */ p("button", {
|
|
4560
4587
|
type: "button",
|
|
4561
|
-
disabled: !
|
|
4588
|
+
disabled: !N,
|
|
4562
4589
|
onClick: () => {
|
|
4563
|
-
!
|
|
4590
|
+
!N || !v || i(v.key, "asc");
|
|
4564
4591
|
},
|
|
4565
4592
|
"data-ssg-tooltip": r ? v === null ? "すべての列が並び替えに使われています" : "並び替えの基準を追加します" : "並び替えが無効です",
|
|
4566
4593
|
className: "ssg-sort-footer-btn ssg-sort-footer-btn--add",
|
|
@@ -4584,7 +4611,7 @@ function ki({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirecti
|
|
|
4584
4611
|
}
|
|
4585
4612
|
//#endregion
|
|
4586
4613
|
//#region src/components/spreadsheet-grid/view/FilterManagementPanel.tsx
|
|
4587
|
-
function
|
|
4614
|
+
function Mi() {
|
|
4588
4615
|
return /* @__PURE__ */ p("svg", {
|
|
4589
4616
|
width: "11",
|
|
4590
4617
|
height: "11",
|
|
@@ -4595,7 +4622,7 @@ function Ai() {
|
|
|
4595
4622
|
children: /* @__PURE__ */ p("path", { d: "M2 4 L14 4 L9.2 9.2 L9.2 13 L6.8 13 L6.8 9.2 Z" })
|
|
4596
4623
|
});
|
|
4597
4624
|
}
|
|
4598
|
-
function
|
|
4625
|
+
function Ni() {
|
|
4599
4626
|
return /* @__PURE__ */ m("svg", {
|
|
4600
4627
|
width: "11",
|
|
4601
4628
|
height: "11",
|
|
@@ -4612,7 +4639,7 @@ function ji() {
|
|
|
4612
4639
|
}), /* @__PURE__ */ p("path", { d: "m20 20-3.5-3.5" })]
|
|
4613
4640
|
});
|
|
4614
4641
|
}
|
|
4615
|
-
function
|
|
4642
|
+
function Pi({ entries: e, addableColumns: t, showGlobalFilterRow: n, globalFilterText: r, canFilter: i, onEditFilter: a, onAddFilter: o, onClearFilter: s, onClearAllFilters: c, onClearGlobalFilter: l }) {
|
|
4616
4643
|
let u = i && e.length > 0, d = i && t.length > 0;
|
|
4617
4644
|
return /* @__PURE__ */ m(f, { children: [
|
|
4618
4645
|
n && /* @__PURE__ */ m("div", {
|
|
@@ -4621,7 +4648,7 @@ function Mi({ entries: e, addableColumns: t, showGlobalFilterRow: n, globalFilte
|
|
|
4621
4648
|
/* @__PURE__ */ p("span", {
|
|
4622
4649
|
className: "ssg-filter-manage-glyph ssg-filter-manage-glyph--global",
|
|
4623
4650
|
"aria-hidden": "true",
|
|
4624
|
-
children: /* @__PURE__ */ p(
|
|
4651
|
+
children: /* @__PURE__ */ p(Ni, {})
|
|
4625
4652
|
}),
|
|
4626
4653
|
/* @__PURE__ */ m("span", {
|
|
4627
4654
|
className: "ssg-filter-manage-main",
|
|
@@ -4663,7 +4690,7 @@ function Mi({ entries: e, addableColumns: t, showGlobalFilterRow: n, globalFilte
|
|
|
4663
4690
|
/* @__PURE__ */ p("span", {
|
|
4664
4691
|
className: "ssg-filter-manage-glyph",
|
|
4665
4692
|
"aria-hidden": "true",
|
|
4666
|
-
children: /* @__PURE__ */ p(
|
|
4693
|
+
children: /* @__PURE__ */ p(Mi, {})
|
|
4667
4694
|
}),
|
|
4668
4695
|
/* @__PURE__ */ m("span", {
|
|
4669
4696
|
className: "ssg-filter-manage-main",
|
|
@@ -4736,7 +4763,7 @@ function Mi({ entries: e, addableColumns: t, showGlobalFilterRow: n, globalFilte
|
|
|
4736
4763
|
}
|
|
4737
4764
|
//#endregion
|
|
4738
4765
|
//#region src/components/spreadsheet-grid/view/GridFilterChipBar.tsx
|
|
4739
|
-
function
|
|
4766
|
+
function Fi({ entries: e, canFilter: t, onEditFilter: n, onClearFilter: r, onClearAllFilters: i }) {
|
|
4740
4767
|
return e.length === 0 ? null : /* @__PURE__ */ m("div", {
|
|
4741
4768
|
className: "ssg-filter-chip-bar",
|
|
4742
4769
|
children: [e.map((e) => /* @__PURE__ */ m("div", {
|
|
@@ -4779,13 +4806,13 @@ function Ni({ entries: e, canFilter: t, onEditFilter: n, onClearFilter: r, onCle
|
|
|
4779
4806
|
}
|
|
4780
4807
|
//#endregion
|
|
4781
4808
|
//#region src/components/spreadsheet-grid/logic/contextMenuTarget.ts
|
|
4782
|
-
var
|
|
4809
|
+
var Ii = (e, t) => e.findIndex((e) => e.key === t), Li = (e, t, n) => {
|
|
4783
4810
|
if (!e) return !1;
|
|
4784
4811
|
if (e.type === "row") return t >= e.startRow && t <= e.endRow;
|
|
4785
4812
|
if (e.type === "col") return n >= e.startCol && n <= e.endCol;
|
|
4786
4813
|
let { start: r, end: i } = e.range, a = Math.min(r.row, i.row), o = Math.max(r.row, i.row), s = Math.min(r.col, i.col), c = Math.max(r.col, i.col);
|
|
4787
4814
|
return t >= a && t <= o && n >= s && n <= c;
|
|
4788
|
-
},
|
|
4815
|
+
}, Ri = (e, t) => {
|
|
4789
4816
|
if (!e) return !1;
|
|
4790
4817
|
if (e.type === "row") return t >= e.startRow && t <= e.endRow;
|
|
4791
4818
|
if (e.type === "cell") {
|
|
@@ -4793,18 +4820,18 @@ var Pi = (e, t) => e.findIndex((e) => e.key === t), Fi = (e, t, n) => {
|
|
|
4793
4820
|
return t >= i && t <= a;
|
|
4794
4821
|
}
|
|
4795
4822
|
return !1;
|
|
4796
|
-
},
|
|
4823
|
+
}, zi = 220, Bi = 8, Vi = 34, Hi = 16, Ui = ({ gridRootRef: e }) => {
|
|
4797
4824
|
let [n, i] = l(null), [a, o] = l(null), s = c(null), u = c(null), d = c(0), f = n !== null, p = t(() => {
|
|
4798
4825
|
let e = u.current;
|
|
4799
4826
|
if (!e) {
|
|
4800
4827
|
o(null);
|
|
4801
4828
|
return;
|
|
4802
4829
|
}
|
|
4803
|
-
let t = d.current *
|
|
4804
|
-
n = Math.max(
|
|
4830
|
+
let t = d.current * Vi + Hi, n = e.x, r = e.y, i = e.y - t;
|
|
4831
|
+
n = Math.max(Bi, n), n = Math.min(n, window.innerWidth - zi - Bi), r + t > window.innerHeight - Bi && (r = i), r = Math.max(Bi, r), o((e) => e && e.top === r && e.left === n && e.width === zi ? e : {
|
|
4805
4832
|
top: r,
|
|
4806
4833
|
left: n,
|
|
4807
|
-
width:
|
|
4834
|
+
width: zi
|
|
4808
4835
|
});
|
|
4809
4836
|
}, []), m = t(() => {
|
|
4810
4837
|
i(null), o(null), u.current = null, d.current = 0, requestAnimationFrame(() => {
|
|
@@ -4862,7 +4889,7 @@ var Pi = (e, t) => e.findIndex((e) => e.key === t), Fi = (e, t, n) => {
|
|
|
4862
4889
|
};
|
|
4863
4890
|
//#endregion
|
|
4864
4891
|
//#region src/components/spreadsheet-grid/view/CellContextMenuPopover.tsx
|
|
4865
|
-
function
|
|
4892
|
+
function Wi({ isOpen: e, themeClassName: t, items: n, layout: r, popoverRef: i, onRequestClose: a }) {
|
|
4866
4893
|
if (!e || !r) return null;
|
|
4867
4894
|
let o = {
|
|
4868
4895
|
position: "fixed",
|
|
@@ -4912,21 +4939,21 @@ function Hi({ isOpen: e, themeClassName: t, items: n, layout: r, popoverRef: i,
|
|
|
4912
4939
|
}
|
|
4913
4940
|
//#endregion
|
|
4914
4941
|
//#region src/components/spreadsheet-grid/SpreadsheetGrid.tsx
|
|
4915
|
-
var
|
|
4942
|
+
var Gi = (e, t) => {
|
|
4916
4943
|
let n = new Set(e);
|
|
4917
4944
|
return n.add(t), n;
|
|
4918
|
-
},
|
|
4945
|
+
}, Ki = (e, t) => {
|
|
4919
4946
|
let n = new Set(e);
|
|
4920
4947
|
return n.delete(t), n;
|
|
4921
|
-
},
|
|
4948
|
+
}, qi = (e, t) => {
|
|
4922
4949
|
let n = new Set(e);
|
|
4923
4950
|
for (let e of t) n.add(e);
|
|
4924
4951
|
return n;
|
|
4925
|
-
},
|
|
4952
|
+
}, Ji = (e, t) => {
|
|
4926
4953
|
let n = new Set(e);
|
|
4927
4954
|
for (let e of t) n.delete(e);
|
|
4928
4955
|
return n;
|
|
4929
|
-
},
|
|
4956
|
+
}, Yi = [], Xi = {}, Zi = {}, Qi = [], $i = {
|
|
4930
4957
|
compact: {
|
|
4931
4958
|
rowHeight: 28,
|
|
4932
4959
|
headerHeight: 32
|
|
@@ -4939,70 +4966,70 @@ var Ui = (e, t) => {
|
|
|
4939
4966
|
rowHeight: 44,
|
|
4940
4967
|
headerHeight: 48
|
|
4941
4968
|
}
|
|
4942
|
-
},
|
|
4943
|
-
function
|
|
4944
|
-
let
|
|
4945
|
-
|
|
4969
|
+
}, ea = {}, ta = [], na = 300, ra = 4, ia = 300;
|
|
4970
|
+
function aa({ rows: e = Yi, dataSource: u, serverSideRefreshToken: f, columns: h, onRowsChange: v, onColumnsChange: C, rowKeyGetter: T, createRow: E, createOverflowColumn: O, rowHeight: k, autoHeight: A = !1, estimateRowHeight: j, headerHeight: M, density: I = "standard", theme: ne = "light", rowHeaderWidth: me = 56, height: he, maxHeight: ge, readOnly: Se = !1, dimReadOnlyCells: Me = !1, canEditCell: Ie, enableRangeSelection: Le = !0, enableRowSelection: Re = !1, rowSelectionMode: Be = "multiple", enableSelectAllRows: Ve, rowSelection: He, selectedRowKeys: Ue, onRowSelectionChange: We, enableGlobalFilter: Ke = !0, enableColumnFilter: qe = !0, enableSorting: R = !0, enableColumnResize: Ye = !0, autoSizeColumns: Ze = !1, showCellOverflowTooltip: Qe = !1, enableRowHover: $e = !0, enableColumnHeaderHover: et = !0, enableColumnMenu: tt = !0, noMatchingRowsText: nt = "一致する行がありません", noRowsText: rt = "表示する行がありません", showTopBar: it = !0, showBottomBar: at = !0, showTopBarSummary: ot = !0, showTopBarFilter: st = !0, globalFilterPlaceholder: ct, globalFilterIcon: dt, showTopBarCounts: ft = !0, showBottomBarCounts: mt = !0, showFilterChipBar: ht = !1, renderTopBar: Tt, renderBottomBar: At, className: Nt, classNames: z, getRowClassName: Pt, enableContextMenu: Ft = !1, getContextMenuItems: Rt, onContextMenuOpen: zt, ref: Bt, onStateChange: Vt }) {
|
|
4971
|
+
let Ht = k ?? $i[I].rowHeight, B = M ?? $i[I].headerHeight, V = c(null), Ut = c(null), Wt = c(null), Gt = c(null), Kt = c(!1), H = c(null), qt = c(null), Jt = c(null), [Yt, Xt] = l(""), [Zt, Qt] = l(!1), [$t, en] = l(null), [nn, rn] = l(null), U = o(() => h.filter((e) => e.visible !== !1), [h]), W = o(() => x(U), [U]), on = o(() => T ?? ((e, t) => t), [T]), G = u != null, sn = R, cn = qe, ln = Ke, [K, q] = s(ve, U, _e), un = c(K.columnWidths), dn = c(null), fn = c(null);
|
|
4972
|
+
fn.current === null && (fn.current = new Map(h.map((e) => [e.key, {
|
|
4946
4973
|
width: e.width,
|
|
4947
4974
|
pinned: e.pinned,
|
|
4948
4975
|
visible: e.visible
|
|
4949
4976
|
}])));
|
|
4950
|
-
let
|
|
4951
|
-
|
|
4952
|
-
|
|
4953
|
-
|
|
4954
|
-
|
|
4955
|
-
|
|
4956
|
-
]),
|
|
4957
|
-
...
|
|
4958
|
-
...
|
|
4959
|
-
}, [
|
|
4960
|
-
|
|
4961
|
-
let
|
|
4962
|
-
left:
|
|
4963
|
-
center:
|
|
4964
|
-
right:
|
|
4977
|
+
let pn = o(() => Ce(K.selection), [K.selection]), mn = o(() => S(W), [W]), [gn, bn] = l(0), xn = mn.left.reduce((e, { column: t }) => e + (K.columnWidths[t.key] ?? t.width), 0), Tn = mn.right.reduce((e, { column: t }) => e + (K.columnWidths[t.key] ?? t.width), 0), En = mn.left.length > 0, Dn = En ? me + xn : 0, Mn = En ? 0 : me, Nn = o(() => mn.center.map(({ column: e }) => e), [mn.center]), Pn = o(() => Nn.some(F), [Nn]), Fn = gn - Dn - Tn - Mn, In = o(() => !Pn || gn <= 0 ? ea : te(Nn, K.columnWidths, Fn), [
|
|
4978
|
+
Pn,
|
|
4979
|
+
gn,
|
|
4980
|
+
Nn,
|
|
4981
|
+
K.columnWidths,
|
|
4982
|
+
Fn
|
|
4983
|
+
]), Ln = o(() => In === ea ? K.columnWidths : {
|
|
4984
|
+
...In,
|
|
4985
|
+
...K.columnWidths
|
|
4986
|
+
}, [In, K.columnWidths]);
|
|
4987
|
+
un.current = Ln;
|
|
4988
|
+
let Wn = w(mn.left, K.columnWidths), Kn = w(mn.center, Ln), qn = w(mn.right, K.columnWidths), Jn = o(() => D("left", mn.left, Wn), [mn.left, Wn]), Yn = o(() => D("center", mn.center, Kn), [mn.center, Kn]), Xn = o(() => D("right", mn.right, qn), [mn.right, qn]), J = o(() => ({
|
|
4989
|
+
left: Jn,
|
|
4990
|
+
center: Yn,
|
|
4991
|
+
right: Xn
|
|
4965
4992
|
}), [
|
|
4966
|
-
|
|
4967
|
-
|
|
4968
|
-
|
|
4969
|
-
]),
|
|
4970
|
-
visibleColumns:
|
|
4971
|
-
columnFilterValues:
|
|
4972
|
-
enableColumnFilter:
|
|
4973
|
-
gridRootRef:
|
|
4974
|
-
}), { columnMenuLayout:
|
|
4975
|
-
visibleColumns:
|
|
4976
|
-
enableColumnMenu:
|
|
4977
|
-
gridRootRef:
|
|
4978
|
-
}), { activeToolPanelTab:
|
|
4979
|
-
canUseFilterTab:
|
|
4980
|
-
canUseColumnsTab:
|
|
4981
|
-
canUseSortTab:
|
|
4982
|
-
gridRootRef:
|
|
4983
|
-
alliedRef:
|
|
4984
|
-
suppressEscape:
|
|
4985
|
-
onSuppressedEscape:
|
|
4986
|
-
}), { contextMenuState:
|
|
4993
|
+
Jn,
|
|
4994
|
+
Yn,
|
|
4995
|
+
Xn
|
|
4996
|
+
]), Zn = J.left.entries.length > 0, Qn = J.right.entries.length > 0, $n = !Zn, er = me, tr = $n ? me : 0, nr = Zn ? er + J.left.totalWidth : 0, rr = J.right.totalWidth, ir = tr + J.center.totalWidth, ar = nr + ir + rr, { filterPopoverState: Y, filterPopoverLayout: or, filterPopoverRef: sr, filterTextInputRef: cr, filterSelectRef: lr, isFilterPopoverOpen: ur, openedFilterColumn: dr, openColumnFilterPopover: fr, closeColumnFilterPopover: pr, updateFilterPopoverDraft: hr } = Ge({
|
|
4997
|
+
visibleColumns: U,
|
|
4998
|
+
columnFilterValues: K.filters.columnFilters,
|
|
4999
|
+
enableColumnFilter: cn,
|
|
5000
|
+
gridRootRef: V
|
|
5001
|
+
}), { columnMenuLayout: gr, columnMenuRef: _r, isColumnMenuOpen: vr, openedMenuColumnKey: yr, openedMenuColumn: br, openColumnMenuFromButton: xr, openColumnMenuFromContextMenu: Sr, closeColumnMenu: X } = li({
|
|
5002
|
+
visibleColumns: U,
|
|
5003
|
+
enableColumnMenu: tt,
|
|
5004
|
+
gridRootRef: V
|
|
5005
|
+
}), { activeToolPanelTab: Cr, availableToolPanelTabs: Tr, toolPanelLayout: Er, toolPanelFlashTick: Or, toolPanelRef: kr, openToolPanel: Ar, closeToolPanel: jr, moveToolPanel: Mr } = bi({
|
|
5006
|
+
canUseFilterTab: cn,
|
|
5007
|
+
canUseColumnsTab: tt,
|
|
5008
|
+
canUseSortTab: sn,
|
|
5009
|
+
gridRootRef: V,
|
|
5010
|
+
alliedRef: sr,
|
|
5011
|
+
suppressEscape: ur,
|
|
5012
|
+
onSuppressedEscape: pr
|
|
5013
|
+
}), { contextMenuState: Nr, contextMenuLayout: Lr, contextMenuRef: Rr, isContextMenuOpen: Br, openContextMenu: Vr, closeContextMenu: Wr } = Ui({ gridRootRef: V });
|
|
4987
5014
|
r(() => {
|
|
4988
|
-
let e =
|
|
4989
|
-
|
|
4990
|
-
}, [
|
|
4991
|
-
let
|
|
5015
|
+
let e = U.reduce((e, t) => (F(t) || (e[t.key] = t.width), e), {});
|
|
5016
|
+
q(_.resetColumnWidths(e));
|
|
5017
|
+
}, [U]);
|
|
5018
|
+
let Gr = K.filters.globalText, qr = K.filters.columnFilters, Jr = n(qr), { order: Yr, status: Xr, progress: Zr } = Dr({
|
|
4992
5019
|
rows: e,
|
|
4993
5020
|
baseOrder: o(() => ke(e.length), [e.length]),
|
|
4994
|
-
columns:
|
|
4995
|
-
globalText:
|
|
4996
|
-
enabled:
|
|
4997
|
-
}),
|
|
5021
|
+
columns: U,
|
|
5022
|
+
globalText: Gr,
|
|
5023
|
+
enabled: ln
|
|
5024
|
+
}), Qr = o(() => {
|
|
4998
5025
|
let e = [];
|
|
4999
|
-
for (let t of
|
|
5026
|
+
for (let t of U) Ne(Jr[t.key]) && e.push(t.key);
|
|
5000
5027
|
return e.join("\0");
|
|
5001
|
-
}, [
|
|
5028
|
+
}, [U, Jr]), $r = o(() => {
|
|
5002
5029
|
let t = /* @__PURE__ */ new Map();
|
|
5003
|
-
if (
|
|
5004
|
-
let n = new Set(
|
|
5005
|
-
for (let i of
|
|
5030
|
+
if (Qr.length === 0) return t;
|
|
5031
|
+
let n = new Set(Qr.split("\0")), r = e.length;
|
|
5032
|
+
for (let i of U) {
|
|
5006
5033
|
if (!n.has(i.key)) continue;
|
|
5007
5034
|
let a = new Float64Array(r);
|
|
5008
5035
|
for (let t = 0; t < r; t += 1) a[t] = Number(L(e[t], i));
|
|
@@ -5011,62 +5038,62 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5011
5038
|
return t;
|
|
5012
5039
|
}, [
|
|
5013
5040
|
e,
|
|
5014
|
-
|
|
5015
|
-
|
|
5016
|
-
]),
|
|
5041
|
+
U,
|
|
5042
|
+
Qr
|
|
5043
|
+
]), ei = o(() => ze(e, Yr, U, Jr, $r), [
|
|
5017
5044
|
e,
|
|
5018
|
-
|
|
5019
|
-
|
|
5020
|
-
|
|
5021
|
-
|
|
5022
|
-
]),
|
|
5045
|
+
Yr,
|
|
5046
|
+
U,
|
|
5047
|
+
Jr,
|
|
5048
|
+
$r
|
|
5049
|
+
]), ni = o(() => St(e, ei, U, K.sort), [
|
|
5023
5050
|
e,
|
|
5024
|
-
|
|
5025
|
-
|
|
5026
|
-
|
|
5027
|
-
]),
|
|
5028
|
-
getRowCount: () =>
|
|
5029
|
-
getRow: (t) => e[
|
|
5030
|
-
getSourceIndex: (e) =>
|
|
5031
|
-
getRowKey: (t) =>
|
|
5051
|
+
ei,
|
|
5052
|
+
U,
|
|
5053
|
+
K.sort
|
|
5054
|
+
]), ri = o(() => ({
|
|
5055
|
+
getRowCount: () => ni.length,
|
|
5056
|
+
getRow: (t) => e[ni[t]],
|
|
5057
|
+
getSourceIndex: (e) => ni[e],
|
|
5058
|
+
getRowKey: (t) => on(e[ni[t]], ni[t])
|
|
5032
5059
|
}), [
|
|
5033
|
-
|
|
5060
|
+
ni,
|
|
5034
5061
|
e,
|
|
5035
|
-
|
|
5036
|
-
]),
|
|
5037
|
-
globalText:
|
|
5038
|
-
columnFilters:
|
|
5039
|
-
sort:
|
|
5040
|
-
}) :
|
|
5041
|
-
|
|
5062
|
+
on
|
|
5063
|
+
]), ai = o(() => G ? Fr({
|
|
5064
|
+
globalText: ln ? Gr : "",
|
|
5065
|
+
columnFilters: cn ? qr : Zi,
|
|
5066
|
+
sort: sn ? K.sort : Qi
|
|
5067
|
+
}) : Xi, [
|
|
5068
|
+
G,
|
|
5069
|
+
ln,
|
|
5070
|
+
Gr,
|
|
5042
5071
|
cn,
|
|
5043
|
-
|
|
5072
|
+
qr,
|
|
5044
5073
|
sn,
|
|
5045
|
-
|
|
5046
|
-
|
|
5047
|
-
G.sort
|
|
5048
|
-
]), ri = o(() => W ? Fr(ti) : "", [W, ti]), [ii, ai] = l(ti), [oi, ci] = l(ri);
|
|
5074
|
+
K.sort
|
|
5075
|
+
]), oi = o(() => G ? Ir(ai) : "", [G, ai]), [si, ci] = l(ai), [ui, di] = l(oi);
|
|
5049
5076
|
r(() => {
|
|
5050
|
-
if (!
|
|
5077
|
+
if (!G) return;
|
|
5051
5078
|
let e = setTimeout(() => {
|
|
5052
|
-
ai
|
|
5053
|
-
},
|
|
5079
|
+
ci(ai), di(oi);
|
|
5080
|
+
}, ia);
|
|
5054
5081
|
return () => clearTimeout(e);
|
|
5055
5082
|
}, [
|
|
5056
|
-
|
|
5057
|
-
|
|
5058
|
-
|
|
5083
|
+
G,
|
|
5084
|
+
oi,
|
|
5085
|
+
ai
|
|
5059
5086
|
]);
|
|
5060
|
-
let
|
|
5087
|
+
let fi = Pr({
|
|
5061
5088
|
dataSource: u,
|
|
5062
|
-
rowKeyGetter:
|
|
5063
|
-
query:
|
|
5064
|
-
queryKey:
|
|
5089
|
+
rowKeyGetter: on,
|
|
5090
|
+
query: si,
|
|
5091
|
+
queryKey: ui,
|
|
5065
5092
|
refreshToken: f
|
|
5066
|
-
}),
|
|
5067
|
-
|
|
5068
|
-
let
|
|
5069
|
-
if (!
|
|
5093
|
+
}), pi = fi.requestRange, Z = G ? fi.rowModel : ri, hi = c(Z);
|
|
5094
|
+
hi.current = Z;
|
|
5095
|
+
let gi = t((e) => {
|
|
5096
|
+
if (!Ft || !Rt) return;
|
|
5070
5097
|
let t = e.target;
|
|
5071
5098
|
if (!t) return;
|
|
5072
5099
|
let n = t.closest("[data-row-index]");
|
|
@@ -5079,9 +5106,9 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5079
5106
|
if (!a) return;
|
|
5080
5107
|
let o = Z.getRowKey(i) ?? i, s, c, l = t.closest("[data-ssg-col-key]"), u = l?.dataset.ssgColKey;
|
|
5081
5108
|
if (l && u !== void 0) {
|
|
5082
|
-
let e =
|
|
5109
|
+
let e = Ii(W, u);
|
|
5083
5110
|
if (e < 0) return;
|
|
5084
|
-
let t =
|
|
5111
|
+
let t = W[e];
|
|
5085
5112
|
s = {
|
|
5086
5113
|
type: "cell",
|
|
5087
5114
|
rowIndex: i,
|
|
@@ -5090,121 +5117,138 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5090
5117
|
row: a,
|
|
5091
5118
|
column: t,
|
|
5092
5119
|
value: L(a, t)
|
|
5093
|
-
}, c =
|
|
5120
|
+
}, c = Li(K.selection, i, e);
|
|
5094
5121
|
} else s = {
|
|
5095
5122
|
type: "rowHeader",
|
|
5096
5123
|
rowIndex: i,
|
|
5097
5124
|
rowKey: o,
|
|
5098
5125
|
row: a
|
|
5099
|
-
}, c =
|
|
5126
|
+
}, c = Ri(K.selection, i);
|
|
5100
5127
|
let d = {
|
|
5101
5128
|
target: s,
|
|
5102
5129
|
clientX: e.clientX,
|
|
5103
5130
|
clientY: e.clientY,
|
|
5104
|
-
selection:
|
|
5105
|
-
activeCell:
|
|
5131
|
+
selection: K.selection,
|
|
5132
|
+
activeCell: K.activeCell,
|
|
5106
5133
|
isTargetSelected: c
|
|
5107
|
-
}, f =
|
|
5108
|
-
!f || f.length === 0 || (e.preventDefault(),
|
|
5134
|
+
}, f = Rt(d);
|
|
5135
|
+
!f || f.length === 0 || (e.preventDefault(), zt?.(d), Vr(d, f));
|
|
5109
5136
|
}, [
|
|
5110
|
-
Nt,
|
|
5111
|
-
Pt,
|
|
5112
5137
|
Ft,
|
|
5138
|
+
Rt,
|
|
5139
|
+
zt,
|
|
5113
5140
|
Z,
|
|
5114
|
-
|
|
5115
|
-
|
|
5116
|
-
|
|
5117
|
-
|
|
5118
|
-
]), { isAutosizing:
|
|
5119
|
-
rowModelRef:
|
|
5120
|
-
gridRootRef:
|
|
5121
|
-
columnWidthsRef:
|
|
5122
|
-
dispatch:
|
|
5123
|
-
}),
|
|
5141
|
+
W,
|
|
5142
|
+
K.selection,
|
|
5143
|
+
K.activeCell,
|
|
5144
|
+
Vr
|
|
5145
|
+
]), { isAutosizing: _i, runAutosize: vi } = mr({
|
|
5146
|
+
rowModelRef: hi,
|
|
5147
|
+
gridRootRef: V,
|
|
5148
|
+
columnWidthsRef: un,
|
|
5149
|
+
dispatch: q
|
|
5150
|
+
}), yi = c(U);
|
|
5151
|
+
yi.current = U;
|
|
5152
|
+
let xi = c(!1);
|
|
5153
|
+
r(() => {
|
|
5154
|
+
let { shouldRun: t, nextHasAutoSizedOnMount: n } = vn({
|
|
5155
|
+
mode: Ze,
|
|
5156
|
+
isServerSide: G,
|
|
5157
|
+
rowCount: e.length,
|
|
5158
|
+
hasAutoSizedOnMount: xi.current
|
|
5159
|
+
});
|
|
5160
|
+
xi.current = n, t && vi(yi.current);
|
|
5161
|
+
}, [
|
|
5162
|
+
Ze,
|
|
5163
|
+
e,
|
|
5164
|
+
G,
|
|
5165
|
+
vi
|
|
5166
|
+
]);
|
|
5167
|
+
let Q = Z.getRowCount(), Ci = o(() => {
|
|
5124
5168
|
let t = null;
|
|
5125
|
-
return () => t ??= Array.from(
|
|
5126
|
-
}, [
|
|
5169
|
+
return () => t ??= Array.from(ni, (t) => e[t]);
|
|
5170
|
+
}, [ni, e]), wi = o(() => y(U, Ln), [U, Ln]), [Ti, Ei] = l(0), [Di, Oi] = l(0);
|
|
5127
5171
|
r(() => {
|
|
5128
|
-
let e =
|
|
5172
|
+
let e = H.current;
|
|
5129
5173
|
if (!e) return;
|
|
5130
|
-
|
|
5131
|
-
let t = () =>
|
|
5174
|
+
Ei(e.scrollTop), Oi(e.clientHeight), bn(e.clientWidth);
|
|
5175
|
+
let t = () => Ei(e.scrollTop);
|
|
5132
5176
|
e.addEventListener("scroll", t, { passive: !0 });
|
|
5133
5177
|
let n = new ResizeObserver(() => {
|
|
5134
|
-
|
|
5178
|
+
Oi(e.clientHeight), bn(e.clientWidth);
|
|
5135
5179
|
});
|
|
5136
5180
|
return n.observe(e), () => {
|
|
5137
5181
|
e.removeEventListener("scroll", t), n.disconnect();
|
|
5138
5182
|
};
|
|
5139
5183
|
}, []);
|
|
5140
|
-
let
|
|
5184
|
+
let Ai = J.center.entries, Mi = d({
|
|
5141
5185
|
horizontal: !0,
|
|
5142
|
-
count:
|
|
5143
|
-
getScrollElement: () =>
|
|
5144
|
-
estimateSize: (e) =>
|
|
5186
|
+
count: Ai.length,
|
|
5187
|
+
getScrollElement: () => H.current,
|
|
5188
|
+
estimateSize: (e) => Ai[e]?.paneLocalSize ?? Ai[e]?.column.width ?? 120,
|
|
5145
5189
|
overscan: 8,
|
|
5146
5190
|
useFlushSync: !1,
|
|
5147
|
-
scrollMargin:
|
|
5148
|
-
}),
|
|
5191
|
+
scrollMargin: nr
|
|
5192
|
+
}), Ni = Mi.getVirtualItems(), zi = j ?? Ht, Bi = o(() => U.some((e) => e.autoHeight === !0), [U]), Vi = !G && wt(A, Bi, Q, 5e4);
|
|
5149
5193
|
r(() => {}, [
|
|
5150
5194
|
A,
|
|
5151
|
-
|
|
5195
|
+
Bi,
|
|
5152
5196
|
Q,
|
|
5153
|
-
|
|
5197
|
+
G
|
|
5154
5198
|
]);
|
|
5155
|
-
let
|
|
5156
|
-
|
|
5199
|
+
let Hi = c(/* @__PURE__ */ new Map()), [aa, oa] = l(0), [sa, ca] = l(0), la = c(null), ua = c(/* @__PURE__ */ new Set()), da = o(() => Vi ? Hn(Q, zi, Z.getRowKey, Hi.current) : null, [
|
|
5200
|
+
Vi,
|
|
5157
5201
|
Q,
|
|
5158
|
-
|
|
5202
|
+
zi,
|
|
5159
5203
|
Z
|
|
5160
|
-
]),
|
|
5161
|
-
|
|
5162
|
-
|
|
5163
|
-
|
|
5204
|
+
]), fa = o(() => Vi && da ? Gn(da) : Et(Q, Ht), [
|
|
5205
|
+
Vi,
|
|
5206
|
+
da,
|
|
5207
|
+
aa,
|
|
5164
5208
|
Q,
|
|
5165
|
-
|
|
5166
|
-
]),
|
|
5209
|
+
Ht
|
|
5210
|
+
]), pa = o(() => Vi ? Mt({
|
|
5167
5211
|
headerHeight: B,
|
|
5168
|
-
viewportHeight:
|
|
5169
|
-
scrollTop:
|
|
5212
|
+
viewportHeight: Di,
|
|
5213
|
+
scrollTop: Ti,
|
|
5170
5214
|
overscan: 20
|
|
5171
|
-
},
|
|
5215
|
+
}, fa) : jt({
|
|
5172
5216
|
rowCount: Q,
|
|
5173
|
-
rowHeight:
|
|
5217
|
+
rowHeight: Ht,
|
|
5174
5218
|
headerHeight: B,
|
|
5175
|
-
viewportHeight:
|
|
5176
|
-
scrollTop:
|
|
5219
|
+
viewportHeight: Di,
|
|
5220
|
+
scrollTop: Ti,
|
|
5177
5221
|
overscan: 20,
|
|
5178
5222
|
maxBodyPx: Ct
|
|
5179
5223
|
}), [
|
|
5180
|
-
|
|
5181
|
-
|
|
5224
|
+
Vi,
|
|
5225
|
+
fa,
|
|
5182
5226
|
Q,
|
|
5183
|
-
|
|
5227
|
+
Ht,
|
|
5184
5228
|
B,
|
|
5185
|
-
|
|
5186
|
-
|
|
5187
|
-
]),
|
|
5229
|
+
Di,
|
|
5230
|
+
Ti
|
|
5231
|
+
]), ma = pa.rows, ha = pa.rowIndexSet, ga = ma.length > 0 ? ma[0].index : 0, _a = ma.length > 0 ? ma[ma.length - 1].index : -1;
|
|
5188
5232
|
r(() => {
|
|
5189
|
-
if (!
|
|
5190
|
-
let e =
|
|
5191
|
-
e && (e.scrollTop = 0),
|
|
5192
|
-
}, [
|
|
5193
|
-
|
|
5233
|
+
if (!G) return;
|
|
5234
|
+
let e = H.current;
|
|
5235
|
+
e && (e.scrollTop = 0), Ei(0);
|
|
5236
|
+
}, [G, ui]), r(() => {
|
|
5237
|
+
G && (_a < ga || pi(ga, _a + 1));
|
|
5194
5238
|
}, [
|
|
5195
|
-
|
|
5196
|
-
|
|
5197
|
-
|
|
5198
|
-
|
|
5199
|
-
|
|
5239
|
+
G,
|
|
5240
|
+
ga,
|
|
5241
|
+
_a,
|
|
5242
|
+
pi,
|
|
5243
|
+
ui
|
|
5200
5244
|
]);
|
|
5201
|
-
let
|
|
5245
|
+
let va = pa.physicalBodyHeight, ya = pa.translateY === 0 ? void 0 : `translateY(${pa.translateY}px)`, ba = pa.scaleFactor, xa = pa.windowBaseOffsetPx;
|
|
5202
5246
|
a(() => {
|
|
5203
|
-
if (!
|
|
5204
|
-
|
|
5247
|
+
if (!Vi || !da) {
|
|
5248
|
+
la.current?.disconnect(), la.current = null, ua.current.clear();
|
|
5205
5249
|
return;
|
|
5206
5250
|
}
|
|
5207
|
-
let e =
|
|
5251
|
+
let e = H.current;
|
|
5208
5252
|
if (!e) return;
|
|
5209
5253
|
let t = e.querySelectorAll("[data-autoheight-cell]");
|
|
5210
5254
|
if (t.length > 0) {
|
|
@@ -5219,15 +5263,15 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5219
5263
|
});
|
|
5220
5264
|
let r = !1, i = Infinity;
|
|
5221
5265
|
if (n.forEach((e, t) => {
|
|
5222
|
-
|
|
5266
|
+
Un(da, t, Z.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
|
|
5223
5267
|
}), r) {
|
|
5224
|
-
let t = e.scrollTop, n =
|
|
5225
|
-
|
|
5268
|
+
let t = e.scrollTop, n = fa.rowAtContentY(t), r = t - fa.rowTop(n);
|
|
5269
|
+
Vn(da, i), e.scrollTop = da.prefix[n] + r, oa((e) => e + 1);
|
|
5226
5270
|
}
|
|
5227
5271
|
}
|
|
5228
|
-
let n =
|
|
5229
|
-
|
|
5230
|
-
let r =
|
|
5272
|
+
let n = la.current ?? new ResizeObserver(() => ca((e) => e + 1));
|
|
5273
|
+
la.current = n;
|
|
5274
|
+
let r = ua.current, i = /* @__PURE__ */ new Set();
|
|
5231
5275
|
t.forEach((e) => {
|
|
5232
5276
|
i.add(e), r.has(e) || (n.observe(e), r.add(e));
|
|
5233
5277
|
});
|
|
@@ -5238,310 +5282,310 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5238
5282
|
n.unobserve(e), r.delete(e);
|
|
5239
5283
|
});
|
|
5240
5284
|
}, [
|
|
5241
|
-
|
|
5242
|
-
|
|
5243
|
-
|
|
5285
|
+
Vi,
|
|
5286
|
+
da,
|
|
5287
|
+
fa,
|
|
5244
5288
|
Z,
|
|
5245
|
-
|
|
5246
|
-
|
|
5247
|
-
|
|
5248
|
-
|
|
5289
|
+
ma,
|
|
5290
|
+
Di,
|
|
5291
|
+
aa,
|
|
5292
|
+
sa
|
|
5249
5293
|
]), r(() => {
|
|
5250
|
-
let e =
|
|
5294
|
+
let e = ua.current;
|
|
5251
5295
|
return () => {
|
|
5252
|
-
|
|
5296
|
+
la.current?.disconnect(), la.current = null, e.clear();
|
|
5253
5297
|
};
|
|
5254
5298
|
}, []);
|
|
5255
|
-
let
|
|
5256
|
-
if (!
|
|
5257
|
-
let { row: e, col: t } =
|
|
5299
|
+
let Sa = o(() => Ni.map((e) => Ai[e.index]).filter((e) => !!e), [Ni, Ai]), Ca = J.left.entries, wa = J.right.entries, Ta = o(() => {
|
|
5300
|
+
if (!K.activeCell) return null;
|
|
5301
|
+
let { row: e, col: t } = K.activeCell;
|
|
5258
5302
|
if (e < 0 || e >= Q) return null;
|
|
5259
|
-
let n =
|
|
5303
|
+
let n = P(J, t);
|
|
5260
5304
|
return n ? {
|
|
5261
5305
|
pane: n.pane,
|
|
5262
5306
|
rect: {
|
|
5263
5307
|
left: n.extent.start,
|
|
5264
|
-
top:
|
|
5308
|
+
top: fa.rowTop(e),
|
|
5265
5309
|
width: n.extent.width,
|
|
5266
|
-
height:
|
|
5310
|
+
height: fa.rowsHeight(e, e)
|
|
5267
5311
|
}
|
|
5268
5312
|
} : null;
|
|
5269
5313
|
}, [
|
|
5270
|
-
|
|
5314
|
+
K.activeCell,
|
|
5271
5315
|
Q,
|
|
5272
5316
|
J,
|
|
5273
|
-
|
|
5274
|
-
]),
|
|
5275
|
-
|
|
5276
|
-
scrollRef:
|
|
5277
|
-
columnVirtualizer:
|
|
5278
|
-
columnMeasurements:
|
|
5279
|
-
totalScrollWidth:
|
|
5280
|
-
physicalBodyHeight:
|
|
5317
|
+
fa
|
|
5318
|
+
]), Ea = o(() => Ta && Ta.pane === "center" ? Ta.rect : null, [Ta]), Da = t((e) => Ta && Ta.pane === e ? Ta.rect : null, [Ta]), Oa = t((e) => K.editingCell ? Da(e) : null, [K.editingCell, Da]), ka = an(ne) === "dark" ? "ssg-theme-dark" : void 0;
|
|
5319
|
+
tn(), Lt({
|
|
5320
|
+
scrollRef: H,
|
|
5321
|
+
columnVirtualizer: Mi,
|
|
5322
|
+
columnMeasurements: wi,
|
|
5323
|
+
totalScrollWidth: ar,
|
|
5324
|
+
physicalBodyHeight: va,
|
|
5281
5325
|
headerHeight: B,
|
|
5282
|
-
leftPaneWidth:
|
|
5283
|
-
rightPaneWidth:
|
|
5284
|
-
centerLeadingWidth:
|
|
5285
|
-
activeCellRect:
|
|
5286
|
-
verticalScaleFactor:
|
|
5326
|
+
leftPaneWidth: nr,
|
|
5327
|
+
rightPaneWidth: rr,
|
|
5328
|
+
centerLeadingWidth: tr,
|
|
5329
|
+
activeCellRect: Ea,
|
|
5330
|
+
verticalScaleFactor: ba
|
|
5287
5331
|
});
|
|
5288
|
-
let
|
|
5332
|
+
let Aa = o(() => {
|
|
5289
5333
|
if (He !== void 0) return He;
|
|
5290
5334
|
if (Ue !== void 0) return {
|
|
5291
5335
|
type: "include",
|
|
5292
5336
|
rowKeys: Ue
|
|
5293
5337
|
};
|
|
5294
|
-
}, [He, Ue]),
|
|
5295
|
-
|
|
5296
|
-
let
|
|
5297
|
-
|
|
5298
|
-
let
|
|
5299
|
-
|
|
5300
|
-
let
|
|
5301
|
-
|
|
5302
|
-
let
|
|
5303
|
-
pe(
|
|
5304
|
-
}, [
|
|
5305
|
-
|
|
5306
|
-
let
|
|
5307
|
-
let n =
|
|
5338
|
+
}, [He, Ue]), ja = Aa !== void 0, Ma = Ve ?? (Re && Be === "multiple"), Na = K.rowSelection, Pa = ue(Na, Q), Fa = c(Na);
|
|
5339
|
+
Fa.current = Na;
|
|
5340
|
+
let Ia = c(Be);
|
|
5341
|
+
Ia.current = Be;
|
|
5342
|
+
let La = c(We);
|
|
5343
|
+
La.current = We;
|
|
5344
|
+
let Ra = c(ja);
|
|
5345
|
+
Ra.current = ja;
|
|
5346
|
+
let za = c(null), Ba = t((e) => {
|
|
5347
|
+
pe(Fa.current, e) || La.current?.(de(e)), Ra.current || q(_.setRowSelectionState(e));
|
|
5348
|
+
}, [q]), Va = c(Ba);
|
|
5349
|
+
Va.current = Ba;
|
|
5350
|
+
let Ha = t((e, t) => {
|
|
5351
|
+
let n = hi.current, r = Math.min(e, t), i = Math.max(e, t), a = [];
|
|
5308
5352
|
for (let e = r; e <= i; e += 1) n.getRow(e) && a.push(n.getRowKey(e) ?? e);
|
|
5309
5353
|
return a;
|
|
5310
|
-
}, []),
|
|
5311
|
-
let n =
|
|
5354
|
+
}, []), Ua = t((e, t) => {
|
|
5355
|
+
let n = hi.current;
|
|
5312
5356
|
if (!n.getRow(e)) return;
|
|
5313
5357
|
let r = n.getRowKey(e) ?? e;
|
|
5314
|
-
if (
|
|
5315
|
-
|
|
5358
|
+
if (Ia.current === "single") {
|
|
5359
|
+
za.current = e, Ba(ae(r));
|
|
5316
5360
|
return;
|
|
5317
5361
|
}
|
|
5318
|
-
if (t.shiftKey &&
|
|
5319
|
-
|
|
5362
|
+
if (t.shiftKey && za.current !== null) {
|
|
5363
|
+
Ba(oe(Ha(za.current, e)));
|
|
5320
5364
|
return;
|
|
5321
5365
|
}
|
|
5322
|
-
|
|
5323
|
-
}, [
|
|
5324
|
-
let t =
|
|
5366
|
+
za.current = e, Ba(ie(Fa.current, r));
|
|
5367
|
+
}, [Ba, Ha]), Wa = t((e) => {
|
|
5368
|
+
let t = hi.current;
|
|
5325
5369
|
if (t.getRow(e)) {
|
|
5326
|
-
if (
|
|
5327
|
-
|
|
5370
|
+
if (Ia.current === "single") {
|
|
5371
|
+
Ba(ae(t.getRowKey(e) ?? e));
|
|
5328
5372
|
return;
|
|
5329
5373
|
}
|
|
5330
|
-
|
|
5374
|
+
za.current !== null && Ba(oe(Ha(za.current, e)));
|
|
5331
5375
|
}
|
|
5332
|
-
}, [
|
|
5333
|
-
let e =
|
|
5334
|
-
|
|
5335
|
-
}, [
|
|
5376
|
+
}, [Ba, Ha]), Ga = t(() => {
|
|
5377
|
+
let e = hi.current;
|
|
5378
|
+
Ba(ue(Fa.current, e.getRowCount()) === "all" ? ce() : se());
|
|
5379
|
+
}, [Ba]);
|
|
5336
5380
|
r(() => {
|
|
5337
|
-
if (!
|
|
5338
|
-
let e = fe(
|
|
5339
|
-
pe(
|
|
5381
|
+
if (!ja || !Aa) return;
|
|
5382
|
+
let e = fe(Aa);
|
|
5383
|
+
pe(Fa.current, e) || q(_.setRowSelectionState(e));
|
|
5340
5384
|
}, [
|
|
5341
|
-
|
|
5342
|
-
|
|
5343
|
-
|
|
5385
|
+
ja,
|
|
5386
|
+
Aa,
|
|
5387
|
+
q
|
|
5344
5388
|
]);
|
|
5345
|
-
let { updateSelectionFromPointer:
|
|
5346
|
-
gridRootRef:
|
|
5347
|
-
bodyScrollRef:
|
|
5348
|
-
scrollContainerRef:
|
|
5349
|
-
leftPaneScrollRef:
|
|
5350
|
-
rightPaneScrollRef:
|
|
5351
|
-
pointerClientRef:
|
|
5352
|
-
autoScrollFrameRef:
|
|
5353
|
-
uiState:
|
|
5354
|
-
dispatch:
|
|
5389
|
+
let { updateSelectionFromPointer: Ka, handleCellPointerDown: qa, handleCellPointerEnter: Ja, handleNativeDragStart: Ya, handleRowHeaderPointerDown: Xa, handleRowHeaderPointerEnter: Za, handleColumnHeaderPointerDown: Qa, handleColumnHeaderPointerEnter: $a } = It({
|
|
5390
|
+
gridRootRef: V,
|
|
5391
|
+
bodyScrollRef: Gt,
|
|
5392
|
+
scrollContainerRef: H,
|
|
5393
|
+
leftPaneScrollRef: qt,
|
|
5394
|
+
rightPaneScrollRef: Jt,
|
|
5395
|
+
pointerClientRef: Ut,
|
|
5396
|
+
autoScrollFrameRef: Wt,
|
|
5397
|
+
uiState: K,
|
|
5398
|
+
dispatch: q,
|
|
5355
5399
|
enableRangeSelection: Le,
|
|
5356
|
-
enableSorting:
|
|
5357
|
-
orderedColumns:
|
|
5400
|
+
enableSorting: sn,
|
|
5401
|
+
orderedColumns: W,
|
|
5358
5402
|
filteredRowsLength: Q,
|
|
5359
|
-
visibleColumnsLength:
|
|
5403
|
+
visibleColumnsLength: U.length,
|
|
5360
5404
|
paneLayout: J,
|
|
5361
|
-
leftLeadingWidth:
|
|
5362
|
-
centerLeadingWidth:
|
|
5405
|
+
leftLeadingWidth: er,
|
|
5406
|
+
centerLeadingWidth: tr,
|
|
5363
5407
|
rightLeadingWidth: 0,
|
|
5364
5408
|
headerHeight: B,
|
|
5365
|
-
rowMetrics:
|
|
5366
|
-
verticalScaleFactor:
|
|
5367
|
-
setHoveredRowIndex:
|
|
5368
|
-
setHoveredColumnIndex:
|
|
5369
|
-
enableRowHover:
|
|
5370
|
-
enableColumnHeaderHover:
|
|
5409
|
+
rowMetrics: fa,
|
|
5410
|
+
verticalScaleFactor: ba,
|
|
5411
|
+
setHoveredRowIndex: en,
|
|
5412
|
+
setHoveredColumnIndex: rn,
|
|
5413
|
+
enableRowHover: $e,
|
|
5414
|
+
enableColumnHeaderHover: et,
|
|
5371
5415
|
enableRowSelection: Re,
|
|
5372
|
-
onGutterRowSelect:
|
|
5373
|
-
onGutterRowSelectDrag:
|
|
5374
|
-
}), { isWholeGridSelected:
|
|
5416
|
+
onGutterRowSelect: Ua,
|
|
5417
|
+
onGutterRowSelectDrag: Wa
|
|
5418
|
+
}), { isWholeGridSelected: eo, handleCopy: to, handlePaste: no } = Je({
|
|
5375
5419
|
rows: e,
|
|
5376
5420
|
rowModel: Z,
|
|
5377
|
-
visibleColumns:
|
|
5378
|
-
uiState:
|
|
5421
|
+
visibleColumns: W,
|
|
5422
|
+
uiState: K,
|
|
5379
5423
|
readOnly: Se,
|
|
5380
5424
|
canEditCell: Ie,
|
|
5381
5425
|
createRow: E,
|
|
5382
5426
|
createOverflowColumn: O,
|
|
5383
5427
|
onRowsChange: v,
|
|
5384
5428
|
onColumnsChange: C,
|
|
5385
|
-
dispatch:
|
|
5386
|
-
}),
|
|
5387
|
-
if (Q === 0 ||
|
|
5429
|
+
dispatch: q
|
|
5430
|
+
}), ro = t(() => {
|
|
5431
|
+
if (Q === 0 || U.length === 0) return;
|
|
5388
5432
|
let e = {
|
|
5389
5433
|
row: 0,
|
|
5390
5434
|
col: 0
|
|
5391
5435
|
}, t = {
|
|
5392
5436
|
row: Q - 1,
|
|
5393
|
-
col:
|
|
5437
|
+
col: U.length - 1
|
|
5394
5438
|
};
|
|
5395
|
-
|
|
5439
|
+
q(_.startSelection(e)), q(_.updateSelection(t)), q(_.endSelection()), q(_.activateCell(e));
|
|
5396
5440
|
}, [
|
|
5397
|
-
|
|
5441
|
+
q,
|
|
5398
5442
|
Q,
|
|
5399
|
-
|
|
5400
|
-
]), { getMovedCell:
|
|
5401
|
-
uiState:
|
|
5443
|
+
U.length
|
|
5444
|
+
]), { getMovedCell: io, handleKeyDown: ao } = pt({
|
|
5445
|
+
uiState: K,
|
|
5402
5446
|
rowModel: Z,
|
|
5403
|
-
visibleColumns:
|
|
5447
|
+
visibleColumns: W,
|
|
5404
5448
|
readOnly: Se,
|
|
5405
5449
|
canEditCell: Ie,
|
|
5406
|
-
setEditorInitialValue:
|
|
5407
|
-
dispatch:
|
|
5408
|
-
handleCopy:
|
|
5450
|
+
setEditorInitialValue: Xt,
|
|
5451
|
+
dispatch: q,
|
|
5452
|
+
handleCopy: to,
|
|
5409
5453
|
handleCellDoubleClick: t((e) => {
|
|
5410
|
-
let t = Z.getRow(e.row), n =
|
|
5454
|
+
let t = Z.getRow(e.row), n = W[e.col];
|
|
5411
5455
|
if (!t || !n || !De({
|
|
5412
5456
|
readOnly: Se,
|
|
5413
5457
|
canEditCell: Ie
|
|
5414
5458
|
}, e.row, e.col, t, n)) return;
|
|
5415
5459
|
let r = L(t, n);
|
|
5416
|
-
|
|
5460
|
+
Xt(String(r ?? "")), q(_.startEdit(e));
|
|
5417
5461
|
}, [
|
|
5418
5462
|
Ie,
|
|
5419
|
-
|
|
5463
|
+
q,
|
|
5420
5464
|
Z,
|
|
5421
5465
|
Se,
|
|
5422
|
-
|
|
5466
|
+
W
|
|
5423
5467
|
]),
|
|
5424
|
-
isWholeGridSelected:
|
|
5425
|
-
selectEntireGrid:
|
|
5426
|
-
}), { startEditWithValue:
|
|
5427
|
-
uiState:
|
|
5468
|
+
isWholeGridSelected: eo,
|
|
5469
|
+
selectEntireGrid: ro
|
|
5470
|
+
}), { startEditWithValue: oo, commitEdit: so, cancelEdit: co } = ut({
|
|
5471
|
+
uiState: K,
|
|
5428
5472
|
rows: e,
|
|
5429
|
-
visibleColumns:
|
|
5473
|
+
visibleColumns: W,
|
|
5430
5474
|
rowModel: Z,
|
|
5431
|
-
setEditorInitialValue:
|
|
5475
|
+
setEditorInitialValue: Xt,
|
|
5432
5476
|
onRowsChange: v,
|
|
5433
|
-
dispatch:
|
|
5434
|
-
getMovedCell:
|
|
5435
|
-
gridRootRef:
|
|
5436
|
-
editorActionGuardRef:
|
|
5437
|
-
}),
|
|
5438
|
-
let t = Z.getRow(e.row), n =
|
|
5477
|
+
dispatch: q,
|
|
5478
|
+
getMovedCell: io,
|
|
5479
|
+
gridRootRef: V,
|
|
5480
|
+
editorActionGuardRef: Kt
|
|
5481
|
+
}), lo = K.editingCell ? W[K.editingCell.col] : void 0, uo = t((e) => {
|
|
5482
|
+
let t = Z.getRow(e.row), n = W[e.col];
|
|
5439
5483
|
if (!t || !n || !De({
|
|
5440
5484
|
readOnly: Se,
|
|
5441
5485
|
canEditCell: Ie
|
|
5442
5486
|
}, e.row, e.col, t, n)) return;
|
|
5443
5487
|
let r = L(t, n);
|
|
5444
|
-
|
|
5488
|
+
oo(e, String(r ?? ""));
|
|
5445
5489
|
}, [
|
|
5446
5490
|
Ie,
|
|
5447
5491
|
Z,
|
|
5448
5492
|
Se,
|
|
5449
|
-
|
|
5450
|
-
|
|
5451
|
-
]),
|
|
5452
|
-
if (!
|
|
5453
|
-
if (
|
|
5454
|
-
let e = ye(
|
|
5493
|
+
oo,
|
|
5494
|
+
W
|
|
5495
|
+
]), fo = o(() => {
|
|
5496
|
+
if (!K.selection) return null;
|
|
5497
|
+
if (K.selection.type === "cell") {
|
|
5498
|
+
let e = ye(K.selection.range);
|
|
5455
5499
|
return {
|
|
5456
|
-
extents:
|
|
5500
|
+
extents: ee(J, e.start.col, e.end.col),
|
|
5457
5501
|
startRow: e.start.row,
|
|
5458
5502
|
endRow: e.end.row
|
|
5459
5503
|
};
|
|
5460
5504
|
}
|
|
5461
|
-
if (
|
|
5462
|
-
let e = be(
|
|
5505
|
+
if (K.selection.type === "row") {
|
|
5506
|
+
let e = be(K.selection.startRow, K.selection.endRow);
|
|
5463
5507
|
return {
|
|
5464
|
-
extents:
|
|
5508
|
+
extents: N(J),
|
|
5465
5509
|
startRow: e.startRow,
|
|
5466
5510
|
endRow: e.endRow
|
|
5467
5511
|
};
|
|
5468
5512
|
}
|
|
5469
|
-
let e = xe(
|
|
5513
|
+
let e = xe(K.selection.startCol, K.selection.endCol);
|
|
5470
5514
|
return {
|
|
5471
|
-
extents:
|
|
5515
|
+
extents: ee(J, e.startCol, e.endCol),
|
|
5472
5516
|
startRow: 0,
|
|
5473
5517
|
endRow: Math.max(Q - 1, 0)
|
|
5474
5518
|
};
|
|
5475
5519
|
}, [
|
|
5476
|
-
|
|
5520
|
+
K.selection,
|
|
5477
5521
|
J,
|
|
5478
5522
|
Q
|
|
5479
|
-
]),
|
|
5480
|
-
if (!
|
|
5481
|
-
let e = Dt(
|
|
5523
|
+
]), po = o(() => {
|
|
5524
|
+
if (!fo) return null;
|
|
5525
|
+
let e = Dt(fo.startRow, fo.endRow, ga, _a);
|
|
5482
5526
|
return e ? {
|
|
5483
|
-
top:
|
|
5484
|
-
height:
|
|
5527
|
+
top: fa.rowTop(e.start),
|
|
5528
|
+
height: fa.rowsHeight(e.start, e.end)
|
|
5485
5529
|
} : null;
|
|
5486
5530
|
}, [
|
|
5487
|
-
|
|
5488
|
-
|
|
5489
|
-
|
|
5490
|
-
|
|
5491
|
-
]),
|
|
5492
|
-
if (!
|
|
5493
|
-
let t =
|
|
5531
|
+
fo,
|
|
5532
|
+
fa,
|
|
5533
|
+
ga,
|
|
5534
|
+
_a
|
|
5535
|
+
]), mo = t((e) => {
|
|
5536
|
+
if (!fo || !po) return null;
|
|
5537
|
+
let t = fo.extents[e];
|
|
5494
5538
|
return t ? {
|
|
5495
5539
|
left: t.start,
|
|
5496
|
-
top:
|
|
5540
|
+
top: po.top,
|
|
5497
5541
|
width: t.width,
|
|
5498
|
-
height:
|
|
5542
|
+
height: po.height
|
|
5499
5543
|
} : null;
|
|
5500
|
-
}, [
|
|
5501
|
-
if (e.preventDefault(), e.button === 0 && !(Q === 0 ||
|
|
5502
|
-
if (
|
|
5503
|
-
|
|
5544
|
+
}, [fo, po]), ho = t((e) => {
|
|
5545
|
+
if (e.preventDefault(), e.button === 0 && !(Q === 0 || U.length === 0)) {
|
|
5546
|
+
if (V.current?.focus(), Ma) {
|
|
5547
|
+
Ga();
|
|
5504
5548
|
return;
|
|
5505
5549
|
}
|
|
5506
|
-
if (
|
|
5507
|
-
|
|
5550
|
+
if (eo) {
|
|
5551
|
+
q(_.clearSelection()), q(_.activateCell(null));
|
|
5508
5552
|
return;
|
|
5509
5553
|
}
|
|
5510
|
-
|
|
5554
|
+
ro();
|
|
5511
5555
|
}
|
|
5512
5556
|
}, [
|
|
5513
|
-
|
|
5557
|
+
q,
|
|
5514
5558
|
Q,
|
|
5515
|
-
|
|
5516
|
-
|
|
5517
|
-
|
|
5518
|
-
|
|
5519
|
-
|
|
5520
|
-
]),
|
|
5521
|
-
|
|
5522
|
-
}, []),
|
|
5523
|
-
|
|
5524
|
-
}, []),
|
|
5525
|
-
|
|
5526
|
-
}, []),
|
|
5527
|
-
|
|
5528
|
-
}, []),
|
|
5559
|
+
eo,
|
|
5560
|
+
ro,
|
|
5561
|
+
U.length,
|
|
5562
|
+
Ma,
|
|
5563
|
+
Ga
|
|
5564
|
+
]), go = t((e) => {
|
|
5565
|
+
en((t) => t === e ? null : t);
|
|
5566
|
+
}, []), _o = t((e) => {
|
|
5567
|
+
rn((t) => t === e ? null : t);
|
|
5568
|
+
}, []), vo = t(() => {
|
|
5569
|
+
Qt(!0);
|
|
5570
|
+
}, []), yo = t(() => {
|
|
5571
|
+
Qt(!1);
|
|
5572
|
+
}, []), bo = t((e, t) => {
|
|
5529
5573
|
t.preventDefault(), t.stopPropagation();
|
|
5530
|
-
let n = t.timeStamp, r =
|
|
5531
|
-
if (r && r.key === e.key && n - r.time <
|
|
5532
|
-
|
|
5574
|
+
let n = t.timeStamp, r = dn.current;
|
|
5575
|
+
if (r && r.key === e.key && n - r.time < na && Math.abs(t.clientX - r.x) < ra) {
|
|
5576
|
+
dn.current = null, vi([e]);
|
|
5533
5577
|
return;
|
|
5534
5578
|
}
|
|
5535
|
-
|
|
5579
|
+
dn.current = {
|
|
5536
5580
|
key: e.key,
|
|
5537
5581
|
time: n,
|
|
5538
5582
|
x: t.clientX
|
|
5539
|
-
},
|
|
5540
|
-
}, [
|
|
5583
|
+
}, q(_.startColumnResize(e.key, t.clientX, un.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth));
|
|
5584
|
+
}, [q, vi]), xo = t((e, t) => {
|
|
5541
5585
|
if (X(), !C) return;
|
|
5542
5586
|
let n = h.find((t) => t.key === e);
|
|
5543
5587
|
n && (n.pinned ?? void 0) !== t && (C(h.map((n) => {
|
|
5544
|
-
let r =
|
|
5588
|
+
let r = un.current[n.key] ?? n.width;
|
|
5545
5589
|
return n.key === e ? {
|
|
5546
5590
|
...n,
|
|
5547
5591
|
width: r,
|
|
@@ -5550,43 +5594,43 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5550
5594
|
...n,
|
|
5551
5595
|
width: r
|
|
5552
5596
|
};
|
|
5553
|
-
})),
|
|
5597
|
+
})), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5554
5598
|
}, [
|
|
5555
5599
|
X,
|
|
5556
5600
|
h,
|
|
5557
|
-
|
|
5601
|
+
q,
|
|
5558
5602
|
C
|
|
5559
|
-
]),
|
|
5603
|
+
]), So = t((e) => {
|
|
5560
5604
|
X();
|
|
5561
|
-
let t =
|
|
5562
|
-
t &&
|
|
5605
|
+
let t = U.find((t) => t.key === e);
|
|
5606
|
+
t && vi([t]);
|
|
5563
5607
|
}, [
|
|
5564
5608
|
X,
|
|
5565
|
-
|
|
5566
|
-
|
|
5567
|
-
]),
|
|
5568
|
-
X(),
|
|
5609
|
+
vi,
|
|
5610
|
+
U
|
|
5611
|
+
]), Co = t(() => {
|
|
5612
|
+
X(), vi(U);
|
|
5569
5613
|
}, [
|
|
5570
5614
|
X,
|
|
5571
|
-
|
|
5572
|
-
|
|
5573
|
-
]),
|
|
5615
|
+
vi,
|
|
5616
|
+
U
|
|
5617
|
+
]), wo = o(() => h.map((e) => ({
|
|
5574
5618
|
key: e.key,
|
|
5575
5619
|
title: e.title ?? e.key,
|
|
5576
5620
|
visible: e.visible !== !1,
|
|
5577
5621
|
pane: b(e)
|
|
5578
|
-
})), [h]),
|
|
5579
|
-
X(),
|
|
5580
|
-
}, [X,
|
|
5622
|
+
})), [h]), To = t(() => {
|
|
5623
|
+
X(), Ar("columns");
|
|
5624
|
+
}, [X, Ar]), Eo = o(() => U.map((e) => ({
|
|
5581
5625
|
key: e.key,
|
|
5582
5626
|
title: e.title ?? e.key
|
|
5583
|
-
})), [
|
|
5584
|
-
X(),
|
|
5585
|
-
}, [X,
|
|
5586
|
-
X(),
|
|
5587
|
-
}, [X,
|
|
5627
|
+
})), [U]), Do = t(() => {
|
|
5628
|
+
X(), Ar("sort");
|
|
5629
|
+
}, [X, Ar]), Oo = t((e) => {
|
|
5630
|
+
X(), fr(e);
|
|
5631
|
+
}, [X, fr]), ko = o(() => {
|
|
5588
5632
|
let e = [], t = (t, n) => {
|
|
5589
|
-
let r =
|
|
5633
|
+
let r = qr[t.key];
|
|
5590
5634
|
!r || !je(r) || e.push({
|
|
5591
5635
|
columnKey: t.key,
|
|
5592
5636
|
title: t.title || t.key,
|
|
@@ -5594,34 +5638,34 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5594
5638
|
isHidden: n
|
|
5595
5639
|
});
|
|
5596
5640
|
};
|
|
5597
|
-
for (let e of
|
|
5641
|
+
for (let e of W) t(e, !1);
|
|
5598
5642
|
for (let e of h) e.visible === !1 && t(e, !0);
|
|
5599
5643
|
return e;
|
|
5600
5644
|
}, [
|
|
5601
|
-
|
|
5645
|
+
qr,
|
|
5602
5646
|
h,
|
|
5603
|
-
|
|
5604
|
-
]),
|
|
5647
|
+
W
|
|
5648
|
+
]), Ao = o(() => U.filter((e) => !!e.filterType && !je(qr[e.key])).map((e) => ({
|
|
5605
5649
|
key: e.key,
|
|
5606
5650
|
title: e.title || e.key
|
|
5607
|
-
})), [
|
|
5608
|
-
X(),
|
|
5609
|
-
}, [X,
|
|
5610
|
-
|
|
5651
|
+
})), [qr, U]), jo = t(() => {
|
|
5652
|
+
X(), Ar("filter");
|
|
5653
|
+
}, [X, Ar]), Mo = t(() => {
|
|
5654
|
+
Cr === "filter" ? jr() : Ar("filter");
|
|
5611
5655
|
}, [
|
|
5612
|
-
|
|
5613
|
-
|
|
5614
|
-
|
|
5615
|
-
]),
|
|
5616
|
-
let t = $.current, n =
|
|
5656
|
+
Cr,
|
|
5657
|
+
jr,
|
|
5658
|
+
Ar
|
|
5659
|
+
]), No = t((e) => {
|
|
5660
|
+
let t = $.current, n = H.current;
|
|
5617
5661
|
if (!t) return;
|
|
5618
5662
|
let r = t.orderedColumns.findIndex((t) => t.key === e);
|
|
5619
5663
|
if (r < 0) return;
|
|
5620
5664
|
let i = t.orderedColumns[r];
|
|
5621
5665
|
if (n) {
|
|
5622
|
-
let e =
|
|
5666
|
+
let e = P(t.paneLayout, r);
|
|
5623
5667
|
if (e && e.pane === "center") {
|
|
5624
|
-
let r =
|
|
5668
|
+
let r = Bn({
|
|
5625
5669
|
cellLeft: t.leftPaneTotalWidth + t.centerLeadingWidth + e.extent.start,
|
|
5626
5670
|
cellWidth: e.extent.width,
|
|
5627
5671
|
leftPaneWidth: t.leftPaneTotalWidth,
|
|
@@ -5638,36 +5682,36 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5638
5682
|
}
|
|
5639
5683
|
}
|
|
5640
5684
|
let a = () => {
|
|
5641
|
-
let t =
|
|
5685
|
+
let t = V.current?.querySelectorAll("[data-ssg-col-key]");
|
|
5642
5686
|
return t ? Array.from(t).find((t) => t.dataset.ssgColKey === e) ?? null : null;
|
|
5643
5687
|
}, o = (e) => {
|
|
5644
|
-
if (!
|
|
5688
|
+
if (!V.current) return;
|
|
5645
5689
|
let t = a();
|
|
5646
5690
|
if (t === null) {
|
|
5647
5691
|
e < 8 && requestAnimationFrame(() => o(e + 1));
|
|
5648
5692
|
return;
|
|
5649
5693
|
}
|
|
5650
|
-
|
|
5694
|
+
fr(i), t.classList.remove("ssg-header-cell--jump-flash"), t.offsetWidth, t.classList.add("ssg-header-cell--jump-flash"), t.addEventListener("animationend", () => {
|
|
5651
5695
|
t.classList.remove("ssg-header-cell--jump-flash");
|
|
5652
5696
|
}, { once: !0 });
|
|
5653
5697
|
};
|
|
5654
5698
|
requestAnimationFrame(() => {
|
|
5655
5699
|
o(0);
|
|
5656
5700
|
});
|
|
5657
|
-
}, [
|
|
5658
|
-
|
|
5659
|
-
}, [
|
|
5660
|
-
|
|
5661
|
-
globalText:
|
|
5701
|
+
}, [V, fr]), Po = t((e) => {
|
|
5702
|
+
q(_.clearColumnFilter(e));
|
|
5703
|
+
}, [q]), Fo = t(() => {
|
|
5704
|
+
q(_.setAllFilters({
|
|
5705
|
+
globalText: K.filters.globalText,
|
|
5662
5706
|
columnFilters: {}
|
|
5663
5707
|
}));
|
|
5664
|
-
}, [
|
|
5665
|
-
|
|
5666
|
-
}, [
|
|
5708
|
+
}, [q, K.filters.globalText]), Io = t(() => {
|
|
5709
|
+
q(_.setGlobalFilter(""));
|
|
5710
|
+
}, [q]), Lo = t((e, t) => {
|
|
5667
5711
|
if (!C) return;
|
|
5668
5712
|
let n = h.find((t) => t.key === e);
|
|
5669
5713
|
n && n.visible !== !1 !== t && (!t && h.filter((e) => e.visible !== !1).length <= 1 || (C(h.map((n) => {
|
|
5670
|
-
let r =
|
|
5714
|
+
let r = un.current[n.key] ?? n.width;
|
|
5671
5715
|
return n.key === e ? {
|
|
5672
5716
|
...n,
|
|
5673
5717
|
width: r,
|
|
@@ -5676,14 +5720,14 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5676
5720
|
...n,
|
|
5677
5721
|
width: r
|
|
5678
5722
|
};
|
|
5679
|
-
})),
|
|
5723
|
+
})), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null))));
|
|
5680
5724
|
}, [
|
|
5681
5725
|
h,
|
|
5682
|
-
|
|
5726
|
+
q,
|
|
5683
5727
|
C
|
|
5684
|
-
]),
|
|
5728
|
+
]), Ro = t(() => {
|
|
5685
5729
|
C && h.some((e) => e.visible === !1) && (C(h.map((e) => {
|
|
5686
|
-
let t =
|
|
5730
|
+
let t = un.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
|
|
5687
5731
|
return !n && !r ? e : r ? {
|
|
5688
5732
|
...e,
|
|
5689
5733
|
width: t,
|
|
@@ -5692,16 +5736,16 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5692
5736
|
...e,
|
|
5693
5737
|
width: t
|
|
5694
5738
|
};
|
|
5695
|
-
})),
|
|
5739
|
+
})), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5696
5740
|
}, [
|
|
5697
5741
|
h,
|
|
5698
|
-
|
|
5742
|
+
q,
|
|
5699
5743
|
C
|
|
5700
|
-
]),
|
|
5744
|
+
]), zo = t(() => {
|
|
5701
5745
|
if (!C) return;
|
|
5702
|
-
let e =
|
|
5746
|
+
let e = W[0]?.key;
|
|
5703
5747
|
e !== void 0 && h.some((t) => t.visible !== !1 && t.key !== e) && (C(h.map((t) => {
|
|
5704
|
-
let n =
|
|
5748
|
+
let n = un.current[t.key] ?? t.width, r = n !== t.width, i = t.visible !== !1 && t.key !== e;
|
|
5705
5749
|
return !r && !i ? t : i ? {
|
|
5706
5750
|
...t,
|
|
5707
5751
|
width: n,
|
|
@@ -5710,18 +5754,18 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5710
5754
|
...t,
|
|
5711
5755
|
width: n
|
|
5712
5756
|
};
|
|
5713
|
-
})),
|
|
5757
|
+
})), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5714
5758
|
}, [
|
|
5715
5759
|
h,
|
|
5716
|
-
|
|
5760
|
+
q,
|
|
5717
5761
|
C,
|
|
5718
|
-
|
|
5719
|
-
]),
|
|
5762
|
+
W
|
|
5763
|
+
]), Bo = t((e, t) => {
|
|
5720
5764
|
if (!C || e.length !== h.length) return;
|
|
5721
5765
|
let n = new Map(h.map((e) => [e.key, e]));
|
|
5722
5766
|
if (!e.every((e) => n.has(e))) return;
|
|
5723
5767
|
let r = x(e.map((e) => {
|
|
5724
|
-
let r = n.get(e), i =
|
|
5768
|
+
let r = n.get(e), i = un.current[r.key] ?? r.width, a = t?.has(e) ? t.get(e) : r.pinned, o = i !== r.width, s = (r.pinned ?? void 0) !== (a ?? void 0);
|
|
5725
5769
|
return o || s ? {
|
|
5726
5770
|
...r,
|
|
5727
5771
|
width: i,
|
|
@@ -5731,64 +5775,64 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5731
5775
|
r.length === h.length && r.every((e, t) => {
|
|
5732
5776
|
let n = h[t];
|
|
5733
5777
|
return !!n && n.key === e.key && n.width === e.width && (n.pinned ?? void 0) === (e.pinned ?? void 0);
|
|
5734
|
-
}) || (C(r),
|
|
5778
|
+
}) || (C(r), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5735
5779
|
}, [
|
|
5736
5780
|
h,
|
|
5737
|
-
|
|
5781
|
+
q,
|
|
5738
5782
|
C
|
|
5739
|
-
]),
|
|
5740
|
-
|
|
5741
|
-
}, [
|
|
5783
|
+
]), Vo = t((e) => {
|
|
5784
|
+
Bo(e);
|
|
5785
|
+
}, [Bo]), { onColumnDragHandlePointerDown: Ho, leftIndicatorRef: Uo, centerIndicatorRef: Wo, rightIndicatorRef: Go, applyReorderSettle: Ko } = hn({
|
|
5742
5786
|
enabled: !!C,
|
|
5743
5787
|
columns: h,
|
|
5744
5788
|
paneLayout: J,
|
|
5745
|
-
leftPaneScrollRef:
|
|
5746
|
-
rightPaneScrollRef:
|
|
5747
|
-
bodyScrollRef:
|
|
5748
|
-
scrollContainerRef:
|
|
5749
|
-
leftLeadingWidth:
|
|
5750
|
-
centerLeadingWidth:
|
|
5789
|
+
leftPaneScrollRef: qt,
|
|
5790
|
+
rightPaneScrollRef: Jt,
|
|
5791
|
+
bodyScrollRef: Gt,
|
|
5792
|
+
scrollContainerRef: H,
|
|
5793
|
+
leftLeadingWidth: er,
|
|
5794
|
+
centerLeadingWidth: tr,
|
|
5751
5795
|
rightLeadingWidth: 0,
|
|
5752
|
-
applyColumnOrderAndPin:
|
|
5796
|
+
applyColumnOrderAndPin: Bo
|
|
5753
5797
|
});
|
|
5754
5798
|
a(() => {
|
|
5755
|
-
|
|
5756
|
-
}, [J,
|
|
5757
|
-
let
|
|
5799
|
+
Ko();
|
|
5800
|
+
}, [J, Ko]);
|
|
5801
|
+
let qo = C ? Ho : void 0, Jo = {
|
|
5758
5802
|
position: "absolute",
|
|
5759
5803
|
top: 0,
|
|
5760
|
-
height: B +
|
|
5804
|
+
height: B + va,
|
|
5761
5805
|
transform: "translateX(-1px)",
|
|
5762
5806
|
pointerEvents: "none",
|
|
5763
5807
|
zIndex: 8,
|
|
5764
5808
|
display: "none"
|
|
5765
|
-
},
|
|
5809
|
+
}, Yo = t(() => {
|
|
5766
5810
|
if (!C) return;
|
|
5767
|
-
let e =
|
|
5811
|
+
let e = fn.current;
|
|
5768
5812
|
if (!e) return;
|
|
5769
|
-
let t =
|
|
5770
|
-
t !== null && (C(t),
|
|
5813
|
+
let t = yn(h, e, un.current);
|
|
5814
|
+
t !== null && (C(t), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5771
5815
|
}, [
|
|
5772
5816
|
h,
|
|
5773
|
-
|
|
5817
|
+
q,
|
|
5774
5818
|
C
|
|
5775
|
-
]),
|
|
5776
|
-
X(),
|
|
5777
|
-
}, [X,
|
|
5778
|
-
column:
|
|
5819
|
+
]), Xo = t(() => {
|
|
5820
|
+
X(), Yo();
|
|
5821
|
+
}, [X, Yo]), Zo = t((t) => dr ? L(e[t], dr) : void 0, [e, dr]), { options: Qo, allValues: $o, status: es, progress: ts } = wr({
|
|
5822
|
+
column: dr,
|
|
5779
5823
|
rowCount: e.length,
|
|
5780
|
-
getRawValueAt:
|
|
5781
|
-
}),
|
|
5782
|
-
mode:
|
|
5783
|
-
values: new Set(
|
|
5784
|
-
} : null, [
|
|
5824
|
+
getRawValueAt: Zo
|
|
5825
|
+
}), ns = dr ? K.filters.columnFilters[dr.key] : void 0, rs = o(() => Ae(ns) ? {
|
|
5826
|
+
mode: ns.mode === "exclude" ? "exclude" : "include",
|
|
5827
|
+
values: new Set(ns.values)
|
|
5828
|
+
} : null, [ns]), is = !(dr?.filterOptions && dr.filterOptions.length > 0), as = t((e, t, n) => {
|
|
5785
5829
|
let r = t.mode === "include" ? t.values.size : n - t.values.size;
|
|
5786
5830
|
if (r >= n) {
|
|
5787
|
-
|
|
5831
|
+
q(_.clearColumnFilter(e));
|
|
5788
5832
|
return;
|
|
5789
5833
|
}
|
|
5790
5834
|
if (r <= 0) {
|
|
5791
|
-
|
|
5835
|
+
q(_.setColumnFilter(e, {
|
|
5792
5836
|
kind: "set",
|
|
5793
5837
|
mode: "include",
|
|
5794
5838
|
values: []
|
|
@@ -5800,111 +5844,111 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5800
5844
|
mode: t.mode,
|
|
5801
5845
|
values: Array.from(t.values)
|
|
5802
5846
|
};
|
|
5803
|
-
|
|
5804
|
-
}, [
|
|
5847
|
+
q(_.setColumnFilter(e, i));
|
|
5848
|
+
}, [q]), os = t((e) => {
|
|
5805
5849
|
if (!Y) return;
|
|
5806
|
-
let t =
|
|
5807
|
-
r =
|
|
5850
|
+
let t = Qo.length, n = rs, r;
|
|
5851
|
+
r = zr(n, e) ? n === null ? is ? {
|
|
5808
5852
|
mode: "exclude",
|
|
5809
5853
|
values: new Set([e])
|
|
5810
5854
|
} : {
|
|
5811
5855
|
mode: "include",
|
|
5812
|
-
values:
|
|
5856
|
+
values: Ki($o, e)
|
|
5813
5857
|
} : n.mode === "include" ? {
|
|
5814
5858
|
mode: "include",
|
|
5815
|
-
values:
|
|
5859
|
+
values: Ki(n.values, e)
|
|
5816
5860
|
} : {
|
|
5817
5861
|
mode: "exclude",
|
|
5818
|
-
values:
|
|
5862
|
+
values: Gi(n.values, e)
|
|
5819
5863
|
} : n.mode === "include" ? {
|
|
5820
5864
|
mode: "include",
|
|
5821
|
-
values:
|
|
5865
|
+
values: Gi(n.values, e)
|
|
5822
5866
|
} : {
|
|
5823
5867
|
mode: "exclude",
|
|
5824
|
-
values:
|
|
5825
|
-
},
|
|
5868
|
+
values: Ki(n.values, e)
|
|
5869
|
+
}, as(Y.columnKey, r, t);
|
|
5826
5870
|
}, [
|
|
5827
5871
|
Y,
|
|
5828
|
-
|
|
5872
|
+
rs,
|
|
5873
|
+
is,
|
|
5829
5874
|
$o,
|
|
5830
|
-
|
|
5831
|
-
|
|
5832
|
-
|
|
5833
|
-
]), ns = t((e, t) => {
|
|
5875
|
+
Qo,
|
|
5876
|
+
as
|
|
5877
|
+
]), ss = t((e, t) => {
|
|
5834
5878
|
if (!Y) return;
|
|
5835
|
-
let n = Y.columnKey, r =
|
|
5879
|
+
let n = Y.columnKey, r = Qo.length;
|
|
5836
5880
|
if (e === "all") {
|
|
5837
|
-
t ?
|
|
5881
|
+
t ? q(_.clearColumnFilter(n)) : as(n, {
|
|
5838
5882
|
mode: "include",
|
|
5839
5883
|
values: /* @__PURE__ */ new Set()
|
|
5840
5884
|
}, r);
|
|
5841
5885
|
return;
|
|
5842
5886
|
}
|
|
5843
|
-
let i =
|
|
5887
|
+
let i = rs, a;
|
|
5844
5888
|
if (t) {
|
|
5845
5889
|
if (i === null) {
|
|
5846
|
-
|
|
5890
|
+
q(_.clearColumnFilter(n));
|
|
5847
5891
|
return;
|
|
5848
5892
|
}
|
|
5849
5893
|
a = i.mode === "include" ? {
|
|
5850
5894
|
mode: "include",
|
|
5851
|
-
values:
|
|
5895
|
+
values: qi(i.values, e)
|
|
5852
5896
|
} : {
|
|
5853
5897
|
mode: "exclude",
|
|
5854
|
-
values:
|
|
5898
|
+
values: Ji(i.values, e)
|
|
5855
5899
|
};
|
|
5856
|
-
} else a = i === null ?
|
|
5900
|
+
} else a = i === null ? is ? {
|
|
5857
5901
|
mode: "exclude",
|
|
5858
5902
|
values: new Set(e)
|
|
5859
5903
|
} : {
|
|
5860
5904
|
mode: "include",
|
|
5861
|
-
values:
|
|
5905
|
+
values: Ji($o, e)
|
|
5862
5906
|
} : i.mode === "include" ? {
|
|
5863
5907
|
mode: "include",
|
|
5864
|
-
values:
|
|
5908
|
+
values: Ji(i.values, e)
|
|
5865
5909
|
} : {
|
|
5866
5910
|
mode: "exclude",
|
|
5867
|
-
values:
|
|
5911
|
+
values: qi(i.values, e)
|
|
5868
5912
|
};
|
|
5869
|
-
|
|
5913
|
+
as(n, a, r);
|
|
5870
5914
|
}, [
|
|
5871
5915
|
Y,
|
|
5872
|
-
|
|
5916
|
+
rs,
|
|
5917
|
+
is,
|
|
5873
5918
|
$o,
|
|
5874
|
-
|
|
5875
|
-
|
|
5876
|
-
|
|
5877
|
-
|
|
5878
|
-
|
|
5879
|
-
Y && es(Y.columnKey, {
|
|
5919
|
+
Qo,
|
|
5920
|
+
as,
|
|
5921
|
+
q
|
|
5922
|
+
]), cs = t((e) => {
|
|
5923
|
+
Y && as(Y.columnKey, {
|
|
5880
5924
|
mode: "include",
|
|
5881
5925
|
values: new Set(e)
|
|
5882
|
-
},
|
|
5926
|
+
}, Qo.length);
|
|
5883
5927
|
}, [
|
|
5884
5928
|
Y,
|
|
5885
|
-
|
|
5886
|
-
|
|
5887
|
-
]),
|
|
5888
|
-
Y &&
|
|
5889
|
-
}, [
|
|
5929
|
+
as,
|
|
5930
|
+
Qo
|
|
5931
|
+
]), ls = t(() => {
|
|
5932
|
+
Y && q(_.clearColumnFilter(Y.columnKey));
|
|
5933
|
+
}, [q, Y]), us = t(() => {
|
|
5890
5934
|
if (!Y) return;
|
|
5891
|
-
let e =
|
|
5935
|
+
let e = U.find((e) => e.key === Y.columnKey)?.filterType ?? "text";
|
|
5892
5936
|
if (e === "set") {
|
|
5893
|
-
|
|
5937
|
+
pr();
|
|
5894
5938
|
return;
|
|
5895
5939
|
}
|
|
5896
5940
|
if (e === "number") {
|
|
5897
5941
|
let e = Pe(Y.draftValue);
|
|
5898
5942
|
if (!e) {
|
|
5899
|
-
|
|
5943
|
+
q(_.clearColumnFilter(Y.columnKey)), pr();
|
|
5900
5944
|
return;
|
|
5901
5945
|
}
|
|
5902
|
-
|
|
5946
|
+
q(_.setColumnFilter(Y.columnKey, e)), pr();
|
|
5903
5947
|
return;
|
|
5904
5948
|
}
|
|
5905
5949
|
let t = e === "select" ? Y.draftValue : Y.draftValue.trim();
|
|
5906
5950
|
if (!t) {
|
|
5907
|
-
|
|
5951
|
+
q(_.clearColumnFilter(Y.columnKey)), pr();
|
|
5908
5952
|
return;
|
|
5909
5953
|
}
|
|
5910
5954
|
let n = e === "select" ? {
|
|
@@ -5920,70 +5964,70 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5920
5964
|
kind: "text",
|
|
5921
5965
|
value: t
|
|
5922
5966
|
};
|
|
5923
|
-
|
|
5967
|
+
q(_.setColumnFilter(Y.columnKey, n)), pr();
|
|
5924
5968
|
}, [
|
|
5925
|
-
|
|
5926
|
-
|
|
5969
|
+
pr,
|
|
5970
|
+
q,
|
|
5927
5971
|
Y,
|
|
5928
|
-
|
|
5929
|
-
]),
|
|
5930
|
-
Y && (
|
|
5972
|
+
U
|
|
5973
|
+
]), ds = t(() => {
|
|
5974
|
+
Y && (q(_.clearColumnFilter(Y.columnKey)), pr());
|
|
5931
5975
|
}, [
|
|
5932
|
-
|
|
5933
|
-
|
|
5976
|
+
pr,
|
|
5977
|
+
q,
|
|
5934
5978
|
Y
|
|
5935
|
-
]),
|
|
5979
|
+
]), fs = t((e, t) => {
|
|
5936
5980
|
if (X(), !R) return;
|
|
5937
|
-
let n = gt(
|
|
5938
|
-
|
|
5981
|
+
let n = gt(K.sort, e, t, !1);
|
|
5982
|
+
q(n.length === 0 ? _.clearSort() : _.setSort(n));
|
|
5939
5983
|
}, [
|
|
5940
5984
|
X,
|
|
5941
|
-
|
|
5985
|
+
q,
|
|
5942
5986
|
R,
|
|
5943
|
-
|
|
5944
|
-
]),
|
|
5987
|
+
K.sort
|
|
5988
|
+
]), ps = t((e, t) => {
|
|
5945
5989
|
if (!R) return;
|
|
5946
|
-
let n = _t(
|
|
5947
|
-
|
|
5990
|
+
let n = _t(K.sort, e, t);
|
|
5991
|
+
q(_.setSort(n));
|
|
5948
5992
|
}, [
|
|
5949
|
-
|
|
5993
|
+
q,
|
|
5950
5994
|
R,
|
|
5951
|
-
|
|
5952
|
-
]),
|
|
5995
|
+
K.sort
|
|
5996
|
+
]), ms = t((e, t) => {
|
|
5953
5997
|
if (!R) return;
|
|
5954
|
-
let n = vt(
|
|
5955
|
-
|
|
5998
|
+
let n = vt(K.sort, e, t);
|
|
5999
|
+
q(_.setSort(n));
|
|
5956
6000
|
}, [
|
|
5957
|
-
|
|
6001
|
+
q,
|
|
5958
6002
|
R,
|
|
5959
|
-
|
|
5960
|
-
]),
|
|
6003
|
+
K.sort
|
|
6004
|
+
]), hs = t((e, t) => {
|
|
5961
6005
|
if (!R) return;
|
|
5962
|
-
let n = yt(
|
|
5963
|
-
|
|
6006
|
+
let n = yt(K.sort, e, t);
|
|
6007
|
+
q(_.setSort(n));
|
|
5964
6008
|
}, [
|
|
5965
|
-
|
|
6009
|
+
q,
|
|
5966
6010
|
R,
|
|
5967
|
-
|
|
5968
|
-
]),
|
|
6011
|
+
K.sort
|
|
6012
|
+
]), gs = t((e) => {
|
|
5969
6013
|
if (!R) return;
|
|
5970
|
-
let t = bt(
|
|
5971
|
-
|
|
6014
|
+
let t = bt(K.sort, e);
|
|
6015
|
+
q(t.length === 0 ? _.clearSort() : _.setSort(t));
|
|
5972
6016
|
}, [
|
|
5973
|
-
|
|
6017
|
+
q,
|
|
5974
6018
|
R,
|
|
5975
|
-
|
|
5976
|
-
]),
|
|
5977
|
-
R &&
|
|
5978
|
-
}, [
|
|
6019
|
+
K.sort
|
|
6020
|
+
]), _s = t(() => {
|
|
6021
|
+
R && q(_.clearSort());
|
|
6022
|
+
}, [q, R]), vs = t((e, t) => {
|
|
5979
6023
|
if (!R) return;
|
|
5980
|
-
let n = xt(
|
|
5981
|
-
|
|
6024
|
+
let n = xt(K.sort, e, t);
|
|
6025
|
+
q(_.setSort(n));
|
|
5982
6026
|
}, [
|
|
5983
|
-
|
|
6027
|
+
q,
|
|
5984
6028
|
R,
|
|
5985
|
-
|
|
5986
|
-
]),
|
|
6029
|
+
K.sort
|
|
6030
|
+
]), ys = t((t, n, r, i, a) => {
|
|
5987
6031
|
let o = L(t, r);
|
|
5988
6032
|
return r.renderCell ? r.renderCell({
|
|
5989
6033
|
row: t,
|
|
@@ -6009,22 +6053,22 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6009
6053
|
Z,
|
|
6010
6054
|
v,
|
|
6011
6055
|
e
|
|
6012
|
-
]), { slotContext:
|
|
6056
|
+
]), { slotContext: bs } = lt({
|
|
6013
6057
|
rows: e,
|
|
6014
6058
|
viewRowCount: Q,
|
|
6015
|
-
getFilteredRows:
|
|
6059
|
+
getFilteredRows: Ci,
|
|
6016
6060
|
columns: h,
|
|
6017
|
-
visibleColumns:
|
|
6018
|
-
uiState:
|
|
6061
|
+
visibleColumns: U,
|
|
6062
|
+
uiState: K,
|
|
6019
6063
|
setGlobalFilterText: t((e) => {
|
|
6020
|
-
|
|
6021
|
-
}, [
|
|
6022
|
-
globalFilterStatus:
|
|
6023
|
-
globalFilterProgress:
|
|
6024
|
-
}),
|
|
6064
|
+
q(_.setGlobalFilter(e));
|
|
6065
|
+
}, [q]),
|
|
6066
|
+
globalFilterStatus: Xr,
|
|
6067
|
+
globalFilterProgress: Zr
|
|
6068
|
+
}), xs = o(() => ({
|
|
6025
6069
|
width: me,
|
|
6026
6070
|
minWidth: me
|
|
6027
|
-
}), [me]),
|
|
6071
|
+
}), [me]), Ss = Q === 0, Cs = (e, t, n) => ({
|
|
6028
6072
|
position: "sticky",
|
|
6029
6073
|
...e === "left" ? { left: 0 } : { right: 0 },
|
|
6030
6074
|
width: t,
|
|
@@ -6039,177 +6083,177 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6039
6083
|
borderLeft: "1px solid var(--ssg-pane-border)",
|
|
6040
6084
|
boxShadow: "var(--ssg-pane-shadow-right)"
|
|
6041
6085
|
} : {}
|
|
6042
|
-
}),
|
|
6043
|
-
if (!
|
|
6044
|
-
let e =
|
|
6086
|
+
}), ws = (() => {
|
|
6087
|
+
if (!dr) return "(なし)";
|
|
6088
|
+
let e = K.filters.columnFilters[dr.key];
|
|
6045
6089
|
if (Ae(e)) return e.mode === "exclude" ? `${e.values.length}件を除外中` : `${e.values.length}件を選択中`;
|
|
6046
6090
|
if (Ne(e)) return e.raw;
|
|
6047
6091
|
let t = Fe(e);
|
|
6048
6092
|
return t.trim() ? t : "(なし)";
|
|
6049
|
-
})(),
|
|
6050
|
-
themeClassName:
|
|
6093
|
+
})(), Ts = dr ? /* @__PURE__ */ p(Hr, {
|
|
6094
|
+
themeClassName: ka,
|
|
6051
6095
|
isOpen: !!Y,
|
|
6052
|
-
title:
|
|
6053
|
-
filterType:
|
|
6054
|
-
isServerSide:
|
|
6096
|
+
title: dr.title || dr.key,
|
|
6097
|
+
filterType: dr.filterType ?? "text",
|
|
6098
|
+
isServerSide: G,
|
|
6055
6099
|
draftValue: Y?.draftValue ?? "",
|
|
6056
|
-
currentValueText:
|
|
6057
|
-
layout:
|
|
6058
|
-
selectOptions:
|
|
6059
|
-
setSelection:
|
|
6060
|
-
optionsStatus:
|
|
6061
|
-
optionsProgress:
|
|
6062
|
-
popoverRef:
|
|
6063
|
-
textInputRef:
|
|
6064
|
-
selectRef:
|
|
6065
|
-
onRequestClose:
|
|
6066
|
-
onDraftChange:
|
|
6067
|
-
onApply:
|
|
6068
|
-
onClear:
|
|
6069
|
-
onSetValueToggle:
|
|
6070
|
-
onSetSelectAllChange:
|
|
6071
|
-
onSetClear:
|
|
6072
|
-
onSetReplaceSelection:
|
|
6073
|
-
}) : null,
|
|
6074
|
-
themeClassName:
|
|
6075
|
-
isOpen:
|
|
6076
|
-
title:
|
|
6077
|
-
columnKey:
|
|
6078
|
-
canFilter:
|
|
6079
|
-
onOpenFilter: () =>
|
|
6080
|
-
canSort:
|
|
6081
|
-
sortDirection:
|
|
6082
|
-
onSortChange: (e) =>
|
|
6083
|
-
onOpenSortManager:
|
|
6084
|
-
canManageFilters:
|
|
6085
|
-
onOpenFilterManager:
|
|
6086
|
-
pinned:
|
|
6100
|
+
currentValueText: ws,
|
|
6101
|
+
layout: or,
|
|
6102
|
+
selectOptions: Qo,
|
|
6103
|
+
setSelection: rs,
|
|
6104
|
+
optionsStatus: es,
|
|
6105
|
+
optionsProgress: ts,
|
|
6106
|
+
popoverRef: sr,
|
|
6107
|
+
textInputRef: cr,
|
|
6108
|
+
selectRef: lr,
|
|
6109
|
+
onRequestClose: pr,
|
|
6110
|
+
onDraftChange: hr,
|
|
6111
|
+
onApply: us,
|
|
6112
|
+
onClear: ds,
|
|
6113
|
+
onSetValueToggle: os,
|
|
6114
|
+
onSetSelectAllChange: ss,
|
|
6115
|
+
onSetClear: ls,
|
|
6116
|
+
onSetReplaceSelection: cs
|
|
6117
|
+
}) : null, Es = br ? /* @__PURE__ */ p(mi, {
|
|
6118
|
+
themeClassName: ka,
|
|
6119
|
+
isOpen: vr,
|
|
6120
|
+
title: br.title || br.key,
|
|
6121
|
+
columnKey: br.key,
|
|
6122
|
+
canFilter: cn && !!br.filterType,
|
|
6123
|
+
onOpenFilter: () => Oo(br),
|
|
6124
|
+
canSort: sn,
|
|
6125
|
+
sortDirection: K.sort.find((e) => e.columnKey === br.key)?.direction ?? null,
|
|
6126
|
+
onSortChange: (e) => fs(br.key, e),
|
|
6127
|
+
onOpenSortManager: Do,
|
|
6128
|
+
canManageFilters: cn,
|
|
6129
|
+
onOpenFilterManager: jo,
|
|
6130
|
+
pinned: br.pinned,
|
|
6087
6131
|
canChangePinned: !!C,
|
|
6088
|
-
layout:
|
|
6089
|
-
popoverRef:
|
|
6090
|
-
onPinnedChange:
|
|
6091
|
-
onAutosizeColumn:
|
|
6092
|
-
onAutosizeAllColumns:
|
|
6093
|
-
onOpenColumnChooser:
|
|
6132
|
+
layout: gr,
|
|
6133
|
+
popoverRef: _r,
|
|
6134
|
+
onPinnedChange: xo,
|
|
6135
|
+
onAutosizeColumn: So,
|
|
6136
|
+
onAutosizeAllColumns: Co,
|
|
6137
|
+
onOpenColumnChooser: To,
|
|
6094
6138
|
canResetColumns: !!C,
|
|
6095
|
-
onResetColumns:
|
|
6139
|
+
onResetColumns: Xo,
|
|
6096
6140
|
onRequestClose: X
|
|
6097
|
-
}) : null,
|
|
6098
|
-
themeClassName:
|
|
6099
|
-
activeTab:
|
|
6100
|
-
flashTick:
|
|
6101
|
-
tabs:
|
|
6141
|
+
}) : null, Ds = ln && Gr.trim().length > 0, Os = ko.length + +!!Ds, ks = /* @__PURE__ */ p(Si, {
|
|
6142
|
+
themeClassName: ka,
|
|
6143
|
+
activeTab: Cr,
|
|
6144
|
+
flashTick: Or,
|
|
6145
|
+
tabs: Tr.map((e) => e === "filter" ? {
|
|
6102
6146
|
tab: e,
|
|
6103
6147
|
label: "フィルター",
|
|
6104
|
-
badge:
|
|
6148
|
+
badge: Os
|
|
6105
6149
|
} : e === "sort" ? {
|
|
6106
6150
|
tab: e,
|
|
6107
6151
|
label: "並び替え",
|
|
6108
|
-
badge:
|
|
6152
|
+
badge: K.sort.length
|
|
6109
6153
|
} : {
|
|
6110
6154
|
tab: e,
|
|
6111
6155
|
label: "列"
|
|
6112
6156
|
}),
|
|
6113
|
-
layout:
|
|
6114
|
-
panelRef:
|
|
6115
|
-
onSelectTab:
|
|
6116
|
-
onRequestClose:
|
|
6117
|
-
onPanelMove:
|
|
6118
|
-
children:
|
|
6119
|
-
filter: () => /* @__PURE__ */ p(
|
|
6120
|
-
entries:
|
|
6121
|
-
addableColumns:
|
|
6122
|
-
showGlobalFilterRow:
|
|
6123
|
-
globalFilterText:
|
|
6124
|
-
canFilter:
|
|
6125
|
-
onEditFilter:
|
|
6126
|
-
onAddFilter:
|
|
6127
|
-
onClearFilter:
|
|
6128
|
-
onClearAllFilters:
|
|
6129
|
-
onClearGlobalFilter:
|
|
6157
|
+
layout: Er,
|
|
6158
|
+
panelRef: kr,
|
|
6159
|
+
onSelectTab: Ar,
|
|
6160
|
+
onRequestClose: jr,
|
|
6161
|
+
onPanelMove: Mr,
|
|
6162
|
+
children: Cr === null ? null : {
|
|
6163
|
+
filter: () => /* @__PURE__ */ p(Pi, {
|
|
6164
|
+
entries: ko,
|
|
6165
|
+
addableColumns: Ao,
|
|
6166
|
+
showGlobalFilterRow: Ds,
|
|
6167
|
+
globalFilterText: Gr,
|
|
6168
|
+
canFilter: cn,
|
|
6169
|
+
onEditFilter: No,
|
|
6170
|
+
onAddFilter: No,
|
|
6171
|
+
onClearFilter: Po,
|
|
6172
|
+
onClearAllFilters: Fo,
|
|
6173
|
+
onClearGlobalFilter: Io
|
|
6130
6174
|
}),
|
|
6131
|
-
columns: () => /* @__PURE__ */ p(
|
|
6132
|
-
items:
|
|
6175
|
+
columns: () => /* @__PURE__ */ p(ki, {
|
|
6176
|
+
items: wo,
|
|
6133
6177
|
canToggle: !!C,
|
|
6134
|
-
onToggleColumnVisibility:
|
|
6135
|
-
onShowAllColumns:
|
|
6136
|
-
onHideAllColumns:
|
|
6137
|
-
onResetColumns:
|
|
6138
|
-
onReorderColumns:
|
|
6178
|
+
onToggleColumnVisibility: Lo,
|
|
6179
|
+
onShowAllColumns: Ro,
|
|
6180
|
+
onHideAllColumns: zo,
|
|
6181
|
+
onResetColumns: Yo,
|
|
6182
|
+
onReorderColumns: Vo
|
|
6139
6183
|
}),
|
|
6140
|
-
sort: () => /* @__PURE__ */ p(
|
|
6141
|
-
entries:
|
|
6142
|
-
columns:
|
|
6143
|
-
canSort:
|
|
6144
|
-
onAddLevel:
|
|
6145
|
-
onChangeDirection:
|
|
6146
|
-
onChangeColumn:
|
|
6147
|
-
onRemoveLevel:
|
|
6148
|
-
onClearAll:
|
|
6149
|
-
onMove:
|
|
6184
|
+
sort: () => /* @__PURE__ */ p(ji, {
|
|
6185
|
+
entries: K.sort,
|
|
6186
|
+
columns: Eo,
|
|
6187
|
+
canSort: sn,
|
|
6188
|
+
onAddLevel: ps,
|
|
6189
|
+
onChangeDirection: ms,
|
|
6190
|
+
onChangeColumn: hs,
|
|
6191
|
+
onRemoveLevel: gs,
|
|
6192
|
+
onClearAll: _s,
|
|
6193
|
+
onMove: vs
|
|
6150
6194
|
})
|
|
6151
|
-
}[
|
|
6152
|
-
}),
|
|
6153
|
-
themeClassName:
|
|
6154
|
-
isOpen:
|
|
6155
|
-
items:
|
|
6156
|
-
layout:
|
|
6157
|
-
popoverRef:
|
|
6158
|
-
onRequestClose:
|
|
6159
|
-
}),
|
|
6160
|
-
context:
|
|
6161
|
-
showSummary:
|
|
6162
|
-
showFilter:
|
|
6163
|
-
showCounts:
|
|
6164
|
-
globalFilterPlaceholder:
|
|
6165
|
-
globalFilterIcon:
|
|
6166
|
-
onFilterSummaryClick:
|
|
6167
|
-
}) : null) : null,
|
|
6168
|
-
context:
|
|
6169
|
-
showCounts:
|
|
6170
|
-
})) : null,
|
|
6195
|
+
}[Cr]()
|
|
6196
|
+
}), As = /* @__PURE__ */ p(Wi, {
|
|
6197
|
+
themeClassName: ka,
|
|
6198
|
+
isOpen: Br,
|
|
6199
|
+
items: Nr?.items ?? ta,
|
|
6200
|
+
layout: Lr,
|
|
6201
|
+
popoverRef: Rr,
|
|
6202
|
+
onRequestClose: Wr
|
|
6203
|
+
}), js = ur || vr || Cr !== null || Br, Ms = ot, Ns = st && ln, Ps = it ? Xe(Tt, bs, Ms || Ns ? /* @__PURE__ */ p(Kr, {
|
|
6204
|
+
context: bs,
|
|
6205
|
+
showSummary: Ms,
|
|
6206
|
+
showFilter: Ns,
|
|
6207
|
+
showCounts: ft,
|
|
6208
|
+
globalFilterPlaceholder: ct,
|
|
6209
|
+
globalFilterIcon: dt,
|
|
6210
|
+
onFilterSummaryClick: cn ? Mo : void 0
|
|
6211
|
+
}) : null) : null, Fs = at ? Xe(At, bs, /* @__PURE__ */ p(Ur, {
|
|
6212
|
+
context: bs,
|
|
6213
|
+
showCounts: mt
|
|
6214
|
+
})) : null, Is = he === void 0 && ge === void 0 ? void 0 : {
|
|
6171
6215
|
...he === void 0 ? {} : { height: he },
|
|
6172
6216
|
maxHeight: ge ?? (he === void 0 ? void 0 : "none")
|
|
6173
6217
|
}, $ = c(null);
|
|
6174
6218
|
$.current = {
|
|
6175
|
-
dispatch:
|
|
6219
|
+
dispatch: q,
|
|
6176
6220
|
rowModel: Z,
|
|
6177
6221
|
viewRowCount: Q,
|
|
6178
|
-
rowMetrics:
|
|
6222
|
+
rowMetrics: fa,
|
|
6179
6223
|
paneLayout: J,
|
|
6180
|
-
orderedColumns:
|
|
6224
|
+
orderedColumns: W,
|
|
6181
6225
|
columns: h,
|
|
6182
6226
|
onColumnsChange: C,
|
|
6183
|
-
uiState:
|
|
6227
|
+
uiState: K,
|
|
6184
6228
|
headerHeight: B,
|
|
6185
|
-
verticalScaleFactor:
|
|
6186
|
-
leftPaneTotalWidth:
|
|
6187
|
-
rightPaneTotalWidth:
|
|
6188
|
-
centerLeadingWidth:
|
|
6189
|
-
windowFirstRow:
|
|
6190
|
-
windowLastRow:
|
|
6191
|
-
physicalBodyHeight:
|
|
6229
|
+
verticalScaleFactor: ba,
|
|
6230
|
+
leftPaneTotalWidth: nr,
|
|
6231
|
+
rightPaneTotalWidth: rr,
|
|
6232
|
+
centerLeadingWidth: tr,
|
|
6233
|
+
windowFirstRow: ga,
|
|
6234
|
+
windowLastRow: _a,
|
|
6235
|
+
physicalBodyHeight: va,
|
|
6192
6236
|
rows: e,
|
|
6193
|
-
isServerSide:
|
|
6237
|
+
isServerSide: G,
|
|
6194
6238
|
openFilterManager: () => {
|
|
6195
|
-
|
|
6239
|
+
Ar("filter");
|
|
6196
6240
|
},
|
|
6197
6241
|
closeFilterManager: () => {
|
|
6198
|
-
|
|
6242
|
+
Cr === "filter" && jr();
|
|
6199
6243
|
}
|
|
6200
|
-
}, i(
|
|
6244
|
+
}, i(Bt, () => {
|
|
6201
6245
|
let e = (e, t) => {
|
|
6202
|
-
let n =
|
|
6246
|
+
let n = H.current, r = $.current;
|
|
6203
6247
|
!n || !r || n.scrollTo({
|
|
6204
6248
|
top: e === null ? n.scrollTop : kt(e, r.verticalScaleFactor),
|
|
6205
6249
|
left: t === null ? n.scrollLeft : t,
|
|
6206
6250
|
behavior: "auto"
|
|
6207
6251
|
});
|
|
6208
6252
|
}, t = (e, t) => {
|
|
6209
|
-
let n =
|
|
6253
|
+
let n = H.current, r = $.current;
|
|
6210
6254
|
if (!n || !r || r.viewRowCount === 0) return null;
|
|
6211
6255
|
let i = Math.min(Math.max(e, 0), r.viewRowCount - 1);
|
|
6212
|
-
return
|
|
6256
|
+
return zn({
|
|
6213
6257
|
rowTop: r.rowMetrics.rowTop(i),
|
|
6214
6258
|
rowHeight: r.rowMetrics.rowsHeight(i, i),
|
|
6215
6259
|
headerHeight: r.headerHeight,
|
|
@@ -6218,10 +6262,10 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6218
6262
|
align: t
|
|
6219
6263
|
});
|
|
6220
6264
|
}, n = (e, t) => {
|
|
6221
|
-
let n =
|
|
6265
|
+
let n = H.current, r = $.current;
|
|
6222
6266
|
if (!n || !r) return null;
|
|
6223
|
-
let i =
|
|
6224
|
-
return !i || i.pane !== "center" ? null :
|
|
6267
|
+
let i = P(r.paneLayout, e);
|
|
6268
|
+
return !i || i.pane !== "center" ? null : Bn({
|
|
6225
6269
|
cellLeft: r.leftPaneTotalWidth + r.centerLeadingWidth + i.extent.start,
|
|
6226
6270
|
cellWidth: i.extent.width,
|
|
6227
6271
|
leftPaneWidth: r.leftPaneTotalWidth,
|
|
@@ -6235,7 +6279,7 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6235
6279
|
}, i = (e) => {
|
|
6236
6280
|
let t = $.current;
|
|
6237
6281
|
if (!t) return null;
|
|
6238
|
-
let n = (e) => t.rowModel.getRow(e), r =
|
|
6282
|
+
let n = (e) => t.rowModel.getRow(e), r = wn(e);
|
|
6239
6283
|
if (r === "raw") return t.isServerSide ? (console.warn("SpreadsheetGrid: scope 'raw' は serverSide では未ロード行を取得できないため、'view'(ロード済みビュー行)として扱います。全件エクスポートはサーバ側での実施を推奨します。"), {
|
|
6240
6284
|
getRow: n,
|
|
6241
6285
|
startRow: 0,
|
|
@@ -6290,7 +6334,7 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6290
6334
|
};
|
|
6291
6335
|
}, a = (e) => {
|
|
6292
6336
|
let t = i(e?.scope ?? "view");
|
|
6293
|
-
return t ?
|
|
6337
|
+
return t ? Sn({
|
|
6294
6338
|
getRow: t.getRow,
|
|
6295
6339
|
startRow: t.startRow,
|
|
6296
6340
|
endRow: t.endRow,
|
|
@@ -6301,7 +6345,7 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6301
6345
|
}) : e?.bom ? "" : "";
|
|
6302
6346
|
}, o = (e) => {
|
|
6303
6347
|
let t = i(e?.scope ?? "view");
|
|
6304
|
-
return t ?
|
|
6348
|
+
return t ? Cn({
|
|
6305
6349
|
getRow: t.getRow,
|
|
6306
6350
|
startRow: t.startRow,
|
|
6307
6351
|
endRow: t.endRow,
|
|
@@ -6315,13 +6359,13 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6315
6359
|
scrollToRow: (n, r) => e(t(n, r?.align ?? "auto"), null),
|
|
6316
6360
|
scrollToCell: (e, t, n) => r(e, t, n?.align ?? "auto"),
|
|
6317
6361
|
scrollToTop: () => {
|
|
6318
|
-
|
|
6362
|
+
H.current?.scrollTo({
|
|
6319
6363
|
top: 0,
|
|
6320
6364
|
behavior: "auto"
|
|
6321
6365
|
});
|
|
6322
6366
|
},
|
|
6323
6367
|
scrollToBottom: () => {
|
|
6324
|
-
let e =
|
|
6368
|
+
let e = H.current, t = $.current;
|
|
6325
6369
|
!e || !t || e.scrollTo({
|
|
6326
6370
|
top: Math.max(t.headerHeight + t.physicalBodyHeight - e.clientHeight, 0),
|
|
6327
6371
|
behavior: "auto"
|
|
@@ -6392,7 +6436,7 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6392
6436
|
getExportData: (e) => o(e),
|
|
6393
6437
|
getState: () => {
|
|
6394
6438
|
let e = $.current;
|
|
6395
|
-
return e ?
|
|
6439
|
+
return e ? kn(e.uiState.columnWidths, e.uiState.filters, e.uiState.sort, On(e.columns)) : kn({}, {
|
|
6396
6440
|
globalText: "",
|
|
6397
6441
|
columnFilters: {}
|
|
6398
6442
|
}, [], []);
|
|
@@ -6400,8 +6444,8 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6400
6444
|
applyState: (e) => {
|
|
6401
6445
|
let t = $.current;
|
|
6402
6446
|
if (!t) return;
|
|
6403
|
-
let n =
|
|
6404
|
-
t.onColumnsChange && n.columns && t.onColumnsChange(
|
|
6447
|
+
let n = An(e);
|
|
6448
|
+
t.onColumnsChange && n.columns && t.onColumnsChange(jn(t.columns, n.columns, n.columnWidths)), t.dispatch(_.resetColumnWidths(n.columnWidths)), t.dispatch(_.setAllFilters(n.filters)), t.dispatch(_.setSort(n.sort));
|
|
6405
6449
|
},
|
|
6406
6450
|
getRowSelection: () => {
|
|
6407
6451
|
let e = $.current;
|
|
@@ -6411,7 +6455,7 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6411
6455
|
};
|
|
6412
6456
|
},
|
|
6413
6457
|
setRowSelection: (e) => {
|
|
6414
|
-
|
|
6458
|
+
Va.current(fe(e));
|
|
6415
6459
|
},
|
|
6416
6460
|
getSelectedRowKeys: () => {
|
|
6417
6461
|
let e = $.current;
|
|
@@ -6445,10 +6489,10 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6445
6489
|
return t ? re(t.uiState.rowSelection, e) : !1;
|
|
6446
6490
|
},
|
|
6447
6491
|
selectAllRows: () => {
|
|
6448
|
-
|
|
6492
|
+
Va.current(se());
|
|
6449
6493
|
},
|
|
6450
6494
|
clearRowSelection: () => {
|
|
6451
|
-
|
|
6495
|
+
Va.current(ce());
|
|
6452
6496
|
},
|
|
6453
6497
|
openFilterManager: () => {
|
|
6454
6498
|
$.current?.openFilterManager();
|
|
@@ -6458,165 +6502,166 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6458
6502
|
}
|
|
6459
6503
|
};
|
|
6460
6504
|
}, []);
|
|
6461
|
-
let
|
|
6462
|
-
|
|
6463
|
-
let
|
|
6505
|
+
let Ls = c(Vt);
|
|
6506
|
+
Ls.current = Vt;
|
|
6507
|
+
let Rs = c(null);
|
|
6464
6508
|
return r(() => {
|
|
6465
|
-
if (!
|
|
6466
|
-
let e =
|
|
6467
|
-
|
|
6509
|
+
if (!Ls.current) return;
|
|
6510
|
+
let e = kn(K.columnWidths, K.filters, K.sort, On(h)), t = Rn(Rs.current, e, K.dragState !== null);
|
|
6511
|
+
Rs.current = t.nextLast, t.emit && Ls.current(e);
|
|
6468
6512
|
}, [
|
|
6469
|
-
|
|
6470
|
-
|
|
6471
|
-
|
|
6472
|
-
|
|
6513
|
+
K.columnWidths,
|
|
6514
|
+
K.filters,
|
|
6515
|
+
K.sort,
|
|
6516
|
+
K.dragState,
|
|
6473
6517
|
h
|
|
6474
6518
|
]), /* @__PURE__ */ m("div", {
|
|
6475
|
-
className: g("ssg-root",
|
|
6519
|
+
className: g("ssg-root", I !== "standard" && `ssg-root--density-${I}`, ka, Me && "ssg-root--dim-readonly", Nt, z?.root),
|
|
6476
6520
|
children: [
|
|
6477
|
-
|
|
6478
|
-
|
|
6479
|
-
entries:
|
|
6480
|
-
canFilter:
|
|
6481
|
-
onEditFilter:
|
|
6482
|
-
onClearFilter:
|
|
6483
|
-
onClearAllFilters:
|
|
6521
|
+
Ps,
|
|
6522
|
+
ht && /* @__PURE__ */ p(Fi, {
|
|
6523
|
+
entries: ko,
|
|
6524
|
+
canFilter: cn,
|
|
6525
|
+
onEditFilter: No,
|
|
6526
|
+
onClearFilter: Po,
|
|
6527
|
+
onClearAllFilters: Fo
|
|
6484
6528
|
}),
|
|
6485
6529
|
/* @__PURE__ */ m("div", {
|
|
6486
|
-
ref:
|
|
6530
|
+
ref: V,
|
|
6487
6531
|
className: "ssg-shell",
|
|
6488
|
-
style: { cursor:
|
|
6489
|
-
onDragStart:
|
|
6490
|
-
onPointerLeave: () =>
|
|
6532
|
+
style: { cursor: _i ? "progress" : void 0 },
|
|
6533
|
+
onDragStart: Ya,
|
|
6534
|
+
onPointerLeave: () => en(null),
|
|
6491
6535
|
onPointerMoveCapture: (e) => {
|
|
6492
|
-
|
|
6536
|
+
Ut.current = {
|
|
6493
6537
|
x: e.clientX,
|
|
6494
6538
|
y: e.clientY
|
|
6495
|
-
},
|
|
6539
|
+
}, Ka(e.clientX, e.clientY);
|
|
6496
6540
|
},
|
|
6497
|
-
tabIndex:
|
|
6498
|
-
onKeyDown:
|
|
6499
|
-
onPaste:
|
|
6500
|
-
onContextMenu:
|
|
6541
|
+
tabIndex: js ? -1 : 0,
|
|
6542
|
+
onKeyDown: js ? void 0 : ao,
|
|
6543
|
+
onPaste: js ? void 0 : no,
|
|
6544
|
+
onContextMenu: gi,
|
|
6501
6545
|
children: [
|
|
6502
6546
|
/* @__PURE__ */ m("div", {
|
|
6503
|
-
ref:
|
|
6547
|
+
ref: H,
|
|
6504
6548
|
className: "ssg-scroll-container",
|
|
6505
|
-
style:
|
|
6549
|
+
style: Is,
|
|
6506
6550
|
children: [/* @__PURE__ */ m("div", {
|
|
6507
6551
|
className: "ssg-inner-row",
|
|
6508
6552
|
style: {
|
|
6509
|
-
width:
|
|
6510
|
-
minWidth:
|
|
6511
|
-
height: B +
|
|
6553
|
+
width: ar,
|
|
6554
|
+
minWidth: ar,
|
|
6555
|
+
height: B + va
|
|
6512
6556
|
},
|
|
6513
6557
|
children: [
|
|
6514
6558
|
/* @__PURE__ */ m("div", {
|
|
6515
|
-
ref:
|
|
6516
|
-
style:
|
|
6517
|
-
children: [
|
|
6559
|
+
ref: qt,
|
|
6560
|
+
style: Cs("left", nr, Zn),
|
|
6561
|
+
children: [Zn && /* @__PURE__ */ m("div", {
|
|
6518
6562
|
style: {
|
|
6519
6563
|
position: "relative",
|
|
6520
6564
|
overflow: "clip",
|
|
6521
|
-
width:
|
|
6522
|
-
minWidth:
|
|
6523
|
-
height: B +
|
|
6565
|
+
width: nr,
|
|
6566
|
+
minWidth: nr,
|
|
6567
|
+
height: B + va
|
|
6524
6568
|
},
|
|
6525
|
-
children: [/* @__PURE__ */ p(
|
|
6569
|
+
children: [/* @__PURE__ */ p(ii, {
|
|
6526
6570
|
pane: "left",
|
|
6527
6571
|
ownsRowHeader: !0,
|
|
6528
|
-
leadingWidth:
|
|
6572
|
+
leadingWidth: er,
|
|
6529
6573
|
headerHeight: B,
|
|
6530
|
-
rowHeaderCellStyle:
|
|
6574
|
+
rowHeaderCellStyle: xs,
|
|
6531
6575
|
headerRowClassName: z?.headerRow,
|
|
6532
6576
|
headerCellClassName: z?.headerCell,
|
|
6533
6577
|
rowHeaderCellClassName: z?.rowHeaderCell,
|
|
6534
|
-
isCornerHovered:
|
|
6535
|
-
isWholeGridSelected:
|
|
6536
|
-
showSelectAllCheckbox:
|
|
6537
|
-
selectAllState:
|
|
6578
|
+
isCornerHovered: Zt,
|
|
6579
|
+
isWholeGridSelected: eo,
|
|
6580
|
+
showSelectAllCheckbox: Ma,
|
|
6581
|
+
selectAllState: Pa,
|
|
6538
6582
|
filteredRowsLength: Q,
|
|
6539
|
-
visibleColumnsLength:
|
|
6540
|
-
renderEntries:
|
|
6541
|
-
hoveredColumnIndex:
|
|
6542
|
-
selectionSnapshot:
|
|
6543
|
-
columnFilterValues:
|
|
6544
|
-
sortState:
|
|
6583
|
+
visibleColumnsLength: U.length,
|
|
6584
|
+
renderEntries: Ca,
|
|
6585
|
+
hoveredColumnIndex: nn,
|
|
6586
|
+
selectionSnapshot: pn,
|
|
6587
|
+
columnFilterValues: K.filters.columnFilters,
|
|
6588
|
+
sortState: K.sort,
|
|
6545
6589
|
iconButtonClassName: z?.iconButton,
|
|
6546
|
-
onCornerPointerDown:
|
|
6547
|
-
onCornerPointerEnter:
|
|
6548
|
-
onCornerPointerLeave:
|
|
6549
|
-
onColumnHeaderPointerDown:
|
|
6550
|
-
onColumnHeaderPointerEnter:
|
|
6551
|
-
onColumnHeaderPointerLeave:
|
|
6552
|
-
onColumnResizePointerDown:
|
|
6553
|
-
enableColumnMenu:
|
|
6590
|
+
onCornerPointerDown: ho,
|
|
6591
|
+
onCornerPointerEnter: vo,
|
|
6592
|
+
onCornerPointerLeave: yo,
|
|
6593
|
+
onColumnHeaderPointerDown: Qa,
|
|
6594
|
+
onColumnHeaderPointerEnter: $a,
|
|
6595
|
+
onColumnHeaderPointerLeave: _o,
|
|
6596
|
+
onColumnResizePointerDown: bo,
|
|
6597
|
+
enableColumnMenu: tt,
|
|
6554
6598
|
enableColumnResize: Ye,
|
|
6555
|
-
openedMenuColumnKey:
|
|
6556
|
-
onColumnMenuButtonPointerDown:
|
|
6557
|
-
onColumnHeaderContextMenu:
|
|
6558
|
-
onColumnDragHandlePointerDown:
|
|
6599
|
+
openedMenuColumnKey: yr,
|
|
6600
|
+
onColumnMenuButtonPointerDown: xr,
|
|
6601
|
+
onColumnHeaderContextMenu: Sr,
|
|
6602
|
+
onColumnDragHandlePointerDown: qo
|
|
6559
6603
|
}), /* @__PURE__ */ m("div", {
|
|
6560
6604
|
style: {
|
|
6561
6605
|
position: "absolute",
|
|
6562
6606
|
top: 0,
|
|
6563
6607
|
left: 0,
|
|
6564
|
-
width:
|
|
6565
|
-
height: B +
|
|
6566
|
-
transform:
|
|
6608
|
+
width: nr,
|
|
6609
|
+
height: B + va,
|
|
6610
|
+
transform: ya
|
|
6567
6611
|
},
|
|
6568
6612
|
children: [
|
|
6569
6613
|
/* @__PURE__ */ p(we, {
|
|
6570
|
-
rect:
|
|
6614
|
+
rect: mo("left"),
|
|
6571
6615
|
headerHeight: B,
|
|
6572
|
-
baseOffset:
|
|
6573
|
-
leadingWidth:
|
|
6616
|
+
baseOffset: xa,
|
|
6617
|
+
leadingWidth: er
|
|
6574
6618
|
}),
|
|
6575
6619
|
/* @__PURE__ */ p(Te, {
|
|
6576
|
-
rect:
|
|
6620
|
+
rect: Da("left"),
|
|
6577
6621
|
headerHeight: B,
|
|
6578
|
-
baseOffset:
|
|
6579
|
-
leadingWidth:
|
|
6622
|
+
baseOffset: xa,
|
|
6623
|
+
leadingWidth: er
|
|
6580
6624
|
}),
|
|
6581
6625
|
/* @__PURE__ */ p(Ee, {
|
|
6582
|
-
rect:
|
|
6626
|
+
rect: Oa("left"),
|
|
6583
6627
|
headerHeight: B,
|
|
6584
|
-
baseOffset:
|
|
6585
|
-
leadingWidth:
|
|
6586
|
-
initialValue:
|
|
6587
|
-
onCommit:
|
|
6588
|
-
onCancel:
|
|
6589
|
-
align:
|
|
6628
|
+
baseOffset: xa,
|
|
6629
|
+
leadingWidth: er,
|
|
6630
|
+
initialValue: Yt,
|
|
6631
|
+
onCommit: so,
|
|
6632
|
+
onCancel: co,
|
|
6633
|
+
align: lo?.align
|
|
6590
6634
|
}),
|
|
6591
|
-
/* @__PURE__ */ p(
|
|
6635
|
+
/* @__PURE__ */ p(ti, {
|
|
6592
6636
|
pane: "left",
|
|
6593
6637
|
ownsRowHeader: !0,
|
|
6594
|
-
leadingWidth:
|
|
6638
|
+
leadingWidth: er,
|
|
6595
6639
|
rowModel: Z,
|
|
6596
|
-
virtualRows:
|
|
6597
|
-
virtualRowIndexes:
|
|
6598
|
-
renderEntries:
|
|
6599
|
-
rowHeight:
|
|
6600
|
-
autoHeight:
|
|
6601
|
-
|
|
6602
|
-
|
|
6603
|
-
|
|
6604
|
-
|
|
6640
|
+
virtualRows: ma,
|
|
6641
|
+
virtualRowIndexes: ha,
|
|
6642
|
+
renderEntries: Ca,
|
|
6643
|
+
rowHeight: Ht,
|
|
6644
|
+
autoHeight: Vi,
|
|
6645
|
+
showCellOverflowTooltip: Qe,
|
|
6646
|
+
isServerSide: G,
|
|
6647
|
+
rowHeaderCellStyle: xs,
|
|
6648
|
+
hoveredRowIndex: $t,
|
|
6649
|
+
isWholeGridSelected: eo,
|
|
6605
6650
|
enableRowSelection: Re,
|
|
6606
|
-
rowSelectionState:
|
|
6607
|
-
activeCell:
|
|
6608
|
-
editingCell:
|
|
6609
|
-
selectionSnapshot:
|
|
6651
|
+
rowSelectionState: Na,
|
|
6652
|
+
activeCell: K.activeCell,
|
|
6653
|
+
editingCell: K.editingCell,
|
|
6654
|
+
selectionSnapshot: pn,
|
|
6610
6655
|
readOnly: Se,
|
|
6611
6656
|
canEditCell: Ie,
|
|
6612
|
-
onRowHeaderPointerDown:
|
|
6613
|
-
onRowHeaderPointerEnter:
|
|
6614
|
-
onRowHeaderPointerLeave:
|
|
6615
|
-
onCellPointerDown:
|
|
6616
|
-
onCellPointerEnter:
|
|
6617
|
-
onCellDoubleClick:
|
|
6618
|
-
renderCellContent:
|
|
6619
|
-
getRowClassName:
|
|
6657
|
+
onRowHeaderPointerDown: Xa,
|
|
6658
|
+
onRowHeaderPointerEnter: Za,
|
|
6659
|
+
onRowHeaderPointerLeave: go,
|
|
6660
|
+
onCellPointerDown: qa,
|
|
6661
|
+
onCellPointerEnter: Ja,
|
|
6662
|
+
onCellDoubleClick: uo,
|
|
6663
|
+
renderCellContent: ys,
|
|
6664
|
+
getRowClassName: Pt,
|
|
6620
6665
|
bodyCellClassName: z?.bodyCell,
|
|
6621
6666
|
bodyRowClassName: z?.bodyRow,
|
|
6622
6667
|
rowHeaderCellClassName: z?.rowHeaderCell
|
|
@@ -6624,123 +6669,124 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6624
6669
|
]
|
|
6625
6670
|
})]
|
|
6626
6671
|
}), /* @__PURE__ */ p("div", {
|
|
6627
|
-
ref:
|
|
6672
|
+
ref: Uo,
|
|
6628
6673
|
className: "ssg-col-drop-indicator",
|
|
6629
|
-
style:
|
|
6674
|
+
style: Jo
|
|
6630
6675
|
})]
|
|
6631
6676
|
}),
|
|
6632
6677
|
/* @__PURE__ */ p("div", {
|
|
6633
|
-
ref:
|
|
6678
|
+
ref: Gt,
|
|
6634
6679
|
className: "ssg-center-pane",
|
|
6635
6680
|
style: {
|
|
6636
|
-
width:
|
|
6637
|
-
minWidth:
|
|
6681
|
+
width: ir,
|
|
6682
|
+
minWidth: ir
|
|
6638
6683
|
},
|
|
6639
6684
|
children: /* @__PURE__ */ m("div", {
|
|
6640
6685
|
style: {
|
|
6641
6686
|
position: "relative",
|
|
6642
6687
|
overflow: "clip",
|
|
6643
|
-
width:
|
|
6644
|
-
minWidth:
|
|
6645
|
-
height: B +
|
|
6688
|
+
width: ir,
|
|
6689
|
+
minWidth: ir,
|
|
6690
|
+
height: B + va
|
|
6646
6691
|
},
|
|
6647
6692
|
children: [
|
|
6648
|
-
/* @__PURE__ */ p(
|
|
6693
|
+
/* @__PURE__ */ p(ii, {
|
|
6649
6694
|
pane: "center",
|
|
6650
|
-
ownsRowHeader:
|
|
6651
|
-
leadingWidth:
|
|
6695
|
+
ownsRowHeader: $n,
|
|
6696
|
+
leadingWidth: tr,
|
|
6652
6697
|
headerHeight: B,
|
|
6653
|
-
rowHeaderCellStyle:
|
|
6698
|
+
rowHeaderCellStyle: xs,
|
|
6654
6699
|
headerRowClassName: z?.headerRow,
|
|
6655
6700
|
headerCellClassName: z?.headerCell,
|
|
6656
6701
|
rowHeaderCellClassName: z?.rowHeaderCell,
|
|
6657
|
-
isCornerHovered:
|
|
6658
|
-
isWholeGridSelected:
|
|
6659
|
-
showSelectAllCheckbox:
|
|
6660
|
-
selectAllState:
|
|
6702
|
+
isCornerHovered: Zt,
|
|
6703
|
+
isWholeGridSelected: eo,
|
|
6704
|
+
showSelectAllCheckbox: Ma,
|
|
6705
|
+
selectAllState: Pa,
|
|
6661
6706
|
filteredRowsLength: Q,
|
|
6662
|
-
visibleColumnsLength:
|
|
6663
|
-
renderEntries:
|
|
6664
|
-
hoveredColumnIndex:
|
|
6665
|
-
selectionSnapshot:
|
|
6666
|
-
columnFilterValues:
|
|
6667
|
-
sortState:
|
|
6707
|
+
visibleColumnsLength: U.length,
|
|
6708
|
+
renderEntries: Sa,
|
|
6709
|
+
hoveredColumnIndex: nn,
|
|
6710
|
+
selectionSnapshot: pn,
|
|
6711
|
+
columnFilterValues: K.filters.columnFilters,
|
|
6712
|
+
sortState: K.sort,
|
|
6668
6713
|
iconButtonClassName: z?.iconButton,
|
|
6669
|
-
onCornerPointerDown:
|
|
6670
|
-
onCornerPointerEnter:
|
|
6671
|
-
onCornerPointerLeave:
|
|
6672
|
-
onColumnHeaderPointerDown:
|
|
6673
|
-
onColumnHeaderPointerEnter:
|
|
6674
|
-
onColumnHeaderPointerLeave:
|
|
6675
|
-
onColumnResizePointerDown:
|
|
6676
|
-
enableColumnMenu:
|
|
6714
|
+
onCornerPointerDown: ho,
|
|
6715
|
+
onCornerPointerEnter: vo,
|
|
6716
|
+
onCornerPointerLeave: yo,
|
|
6717
|
+
onColumnHeaderPointerDown: Qa,
|
|
6718
|
+
onColumnHeaderPointerEnter: $a,
|
|
6719
|
+
onColumnHeaderPointerLeave: _o,
|
|
6720
|
+
onColumnResizePointerDown: bo,
|
|
6721
|
+
enableColumnMenu: tt,
|
|
6677
6722
|
enableColumnResize: Ye,
|
|
6678
|
-
openedMenuColumnKey:
|
|
6679
|
-
onColumnMenuButtonPointerDown:
|
|
6680
|
-
onColumnHeaderContextMenu:
|
|
6681
|
-
onColumnDragHandlePointerDown:
|
|
6723
|
+
openedMenuColumnKey: yr,
|
|
6724
|
+
onColumnMenuButtonPointerDown: xr,
|
|
6725
|
+
onColumnHeaderContextMenu: Sr,
|
|
6726
|
+
onColumnDragHandlePointerDown: qo
|
|
6682
6727
|
}),
|
|
6683
6728
|
/* @__PURE__ */ m("div", {
|
|
6684
6729
|
style: {
|
|
6685
6730
|
position: "absolute",
|
|
6686
6731
|
top: 0,
|
|
6687
6732
|
left: 0,
|
|
6688
|
-
width:
|
|
6689
|
-
height: B +
|
|
6690
|
-
transform:
|
|
6733
|
+
width: ir,
|
|
6734
|
+
height: B + va,
|
|
6735
|
+
transform: ya
|
|
6691
6736
|
},
|
|
6692
6737
|
children: [
|
|
6693
6738
|
/* @__PURE__ */ p(we, {
|
|
6694
|
-
rect:
|
|
6739
|
+
rect: mo("center"),
|
|
6695
6740
|
headerHeight: B,
|
|
6696
|
-
baseOffset:
|
|
6697
|
-
leadingWidth:
|
|
6741
|
+
baseOffset: xa,
|
|
6742
|
+
leadingWidth: tr
|
|
6698
6743
|
}),
|
|
6699
6744
|
/* @__PURE__ */ p(Te, {
|
|
6700
|
-
rect:
|
|
6745
|
+
rect: Da("center"),
|
|
6701
6746
|
headerHeight: B,
|
|
6702
|
-
baseOffset:
|
|
6703
|
-
leadingWidth:
|
|
6747
|
+
baseOffset: xa,
|
|
6748
|
+
leadingWidth: tr
|
|
6704
6749
|
}),
|
|
6705
6750
|
/* @__PURE__ */ p(Ee, {
|
|
6706
|
-
rect:
|
|
6751
|
+
rect: Oa("center"),
|
|
6707
6752
|
headerHeight: B,
|
|
6708
|
-
baseOffset:
|
|
6709
|
-
leadingWidth:
|
|
6710
|
-
initialValue:
|
|
6711
|
-
onCommit:
|
|
6712
|
-
onCancel:
|
|
6713
|
-
align:
|
|
6753
|
+
baseOffset: xa,
|
|
6754
|
+
leadingWidth: tr,
|
|
6755
|
+
initialValue: Yt,
|
|
6756
|
+
onCommit: so,
|
|
6757
|
+
onCancel: co,
|
|
6758
|
+
align: lo?.align
|
|
6714
6759
|
}),
|
|
6715
|
-
/* @__PURE__ */ p(
|
|
6760
|
+
/* @__PURE__ */ p(ti, {
|
|
6716
6761
|
pane: "center",
|
|
6717
|
-
ownsRowHeader:
|
|
6718
|
-
leadingWidth:
|
|
6762
|
+
ownsRowHeader: $n,
|
|
6763
|
+
leadingWidth: tr,
|
|
6719
6764
|
rowModel: Z,
|
|
6720
|
-
virtualRows:
|
|
6721
|
-
virtualRowIndexes:
|
|
6722
|
-
renderEntries:
|
|
6723
|
-
rowHeight:
|
|
6724
|
-
autoHeight:
|
|
6725
|
-
|
|
6726
|
-
|
|
6727
|
-
|
|
6728
|
-
|
|
6765
|
+
virtualRows: ma,
|
|
6766
|
+
virtualRowIndexes: ha,
|
|
6767
|
+
renderEntries: Sa,
|
|
6768
|
+
rowHeight: Ht,
|
|
6769
|
+
autoHeight: Vi,
|
|
6770
|
+
showCellOverflowTooltip: Qe,
|
|
6771
|
+
isServerSide: G,
|
|
6772
|
+
rowHeaderCellStyle: xs,
|
|
6773
|
+
hoveredRowIndex: $t,
|
|
6774
|
+
isWholeGridSelected: eo,
|
|
6729
6775
|
enableRowSelection: Re,
|
|
6730
|
-
rowSelectionState:
|
|
6731
|
-
activeCell:
|
|
6732
|
-
editingCell:
|
|
6733
|
-
selectionSnapshot:
|
|
6776
|
+
rowSelectionState: Na,
|
|
6777
|
+
activeCell: K.activeCell,
|
|
6778
|
+
editingCell: K.editingCell,
|
|
6779
|
+
selectionSnapshot: pn,
|
|
6734
6780
|
readOnly: Se,
|
|
6735
6781
|
canEditCell: Ie,
|
|
6736
|
-
onRowHeaderPointerDown:
|
|
6737
|
-
onRowHeaderPointerEnter:
|
|
6738
|
-
onRowHeaderPointerLeave:
|
|
6739
|
-
onCellPointerDown:
|
|
6740
|
-
onCellPointerEnter:
|
|
6741
|
-
onCellDoubleClick:
|
|
6742
|
-
renderCellContent:
|
|
6743
|
-
getRowClassName:
|
|
6782
|
+
onRowHeaderPointerDown: Xa,
|
|
6783
|
+
onRowHeaderPointerEnter: Za,
|
|
6784
|
+
onRowHeaderPointerLeave: go,
|
|
6785
|
+
onCellPointerDown: qa,
|
|
6786
|
+
onCellPointerEnter: Ja,
|
|
6787
|
+
onCellDoubleClick: uo,
|
|
6788
|
+
renderCellContent: ys,
|
|
6789
|
+
getRowClassName: Pt,
|
|
6744
6790
|
bodyCellClassName: z?.bodyCell,
|
|
6745
6791
|
bodyRowClassName: z?.bodyRow,
|
|
6746
6792
|
rowHeaderCellClassName: z?.rowHeaderCell
|
|
@@ -6748,119 +6794,120 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6748
6794
|
]
|
|
6749
6795
|
}),
|
|
6750
6796
|
/* @__PURE__ */ p("div", {
|
|
6751
|
-
ref:
|
|
6797
|
+
ref: Wo,
|
|
6752
6798
|
className: "ssg-col-drop-indicator",
|
|
6753
|
-
style:
|
|
6799
|
+
style: Jo
|
|
6754
6800
|
})
|
|
6755
6801
|
]
|
|
6756
6802
|
})
|
|
6757
6803
|
}),
|
|
6758
6804
|
/* @__PURE__ */ m("div", {
|
|
6759
|
-
ref:
|
|
6760
|
-
style:
|
|
6761
|
-
children: [
|
|
6805
|
+
ref: Jt,
|
|
6806
|
+
style: Cs("right", rr, Qn),
|
|
6807
|
+
children: [Qn && /* @__PURE__ */ m("div", {
|
|
6762
6808
|
style: {
|
|
6763
6809
|
position: "relative",
|
|
6764
6810
|
overflow: "clip",
|
|
6765
|
-
width:
|
|
6766
|
-
minWidth:
|
|
6767
|
-
height: B +
|
|
6811
|
+
width: rr,
|
|
6812
|
+
minWidth: rr,
|
|
6813
|
+
height: B + va
|
|
6768
6814
|
},
|
|
6769
|
-
children: [/* @__PURE__ */ p(
|
|
6815
|
+
children: [/* @__PURE__ */ p(ii, {
|
|
6770
6816
|
pane: "right",
|
|
6771
6817
|
ownsRowHeader: !1,
|
|
6772
6818
|
leadingWidth: 0,
|
|
6773
6819
|
headerHeight: B,
|
|
6774
|
-
rowHeaderCellStyle:
|
|
6820
|
+
rowHeaderCellStyle: xs,
|
|
6775
6821
|
headerRowClassName: z?.headerRow,
|
|
6776
6822
|
headerCellClassName: z?.headerCell,
|
|
6777
6823
|
rowHeaderCellClassName: z?.rowHeaderCell,
|
|
6778
|
-
isCornerHovered:
|
|
6779
|
-
isWholeGridSelected:
|
|
6780
|
-
showSelectAllCheckbox:
|
|
6781
|
-
selectAllState:
|
|
6824
|
+
isCornerHovered: Zt,
|
|
6825
|
+
isWholeGridSelected: eo,
|
|
6826
|
+
showSelectAllCheckbox: Ma,
|
|
6827
|
+
selectAllState: Pa,
|
|
6782
6828
|
filteredRowsLength: Q,
|
|
6783
|
-
visibleColumnsLength:
|
|
6784
|
-
renderEntries:
|
|
6785
|
-
hoveredColumnIndex:
|
|
6786
|
-
selectionSnapshot:
|
|
6787
|
-
columnFilterValues:
|
|
6788
|
-
sortState:
|
|
6829
|
+
visibleColumnsLength: U.length,
|
|
6830
|
+
renderEntries: wa,
|
|
6831
|
+
hoveredColumnIndex: nn,
|
|
6832
|
+
selectionSnapshot: pn,
|
|
6833
|
+
columnFilterValues: K.filters.columnFilters,
|
|
6834
|
+
sortState: K.sort,
|
|
6789
6835
|
iconButtonClassName: z?.iconButton,
|
|
6790
|
-
onCornerPointerDown:
|
|
6791
|
-
onCornerPointerEnter:
|
|
6792
|
-
onCornerPointerLeave:
|
|
6793
|
-
onColumnHeaderPointerDown:
|
|
6794
|
-
onColumnHeaderPointerEnter:
|
|
6795
|
-
onColumnHeaderPointerLeave:
|
|
6796
|
-
onColumnResizePointerDown:
|
|
6797
|
-
enableColumnMenu:
|
|
6836
|
+
onCornerPointerDown: ho,
|
|
6837
|
+
onCornerPointerEnter: vo,
|
|
6838
|
+
onCornerPointerLeave: yo,
|
|
6839
|
+
onColumnHeaderPointerDown: Qa,
|
|
6840
|
+
onColumnHeaderPointerEnter: $a,
|
|
6841
|
+
onColumnHeaderPointerLeave: _o,
|
|
6842
|
+
onColumnResizePointerDown: bo,
|
|
6843
|
+
enableColumnMenu: tt,
|
|
6798
6844
|
enableColumnResize: Ye,
|
|
6799
|
-
openedMenuColumnKey:
|
|
6800
|
-
onColumnMenuButtonPointerDown:
|
|
6801
|
-
onColumnHeaderContextMenu:
|
|
6802
|
-
onColumnDragHandlePointerDown:
|
|
6845
|
+
openedMenuColumnKey: yr,
|
|
6846
|
+
onColumnMenuButtonPointerDown: xr,
|
|
6847
|
+
onColumnHeaderContextMenu: Sr,
|
|
6848
|
+
onColumnDragHandlePointerDown: qo
|
|
6803
6849
|
}), /* @__PURE__ */ m("div", {
|
|
6804
6850
|
style: {
|
|
6805
6851
|
position: "absolute",
|
|
6806
6852
|
top: 0,
|
|
6807
6853
|
left: 0,
|
|
6808
|
-
width:
|
|
6809
|
-
height: B +
|
|
6810
|
-
transform:
|
|
6854
|
+
width: rr,
|
|
6855
|
+
height: B + va,
|
|
6856
|
+
transform: ya
|
|
6811
6857
|
},
|
|
6812
6858
|
children: [
|
|
6813
6859
|
/* @__PURE__ */ p(we, {
|
|
6814
|
-
rect:
|
|
6860
|
+
rect: mo("right"),
|
|
6815
6861
|
headerHeight: B,
|
|
6816
|
-
baseOffset:
|
|
6862
|
+
baseOffset: xa,
|
|
6817
6863
|
leadingWidth: 0
|
|
6818
6864
|
}),
|
|
6819
6865
|
/* @__PURE__ */ p(Te, {
|
|
6820
|
-
rect:
|
|
6866
|
+
rect: Da("right"),
|
|
6821
6867
|
headerHeight: B,
|
|
6822
|
-
baseOffset:
|
|
6868
|
+
baseOffset: xa,
|
|
6823
6869
|
leadingWidth: 0
|
|
6824
6870
|
}),
|
|
6825
6871
|
/* @__PURE__ */ p(Ee, {
|
|
6826
|
-
rect:
|
|
6872
|
+
rect: Oa("right"),
|
|
6827
6873
|
headerHeight: B,
|
|
6828
|
-
baseOffset:
|
|
6874
|
+
baseOffset: xa,
|
|
6829
6875
|
leadingWidth: 0,
|
|
6830
|
-
initialValue:
|
|
6831
|
-
onCommit:
|
|
6832
|
-
onCancel:
|
|
6833
|
-
align:
|
|
6876
|
+
initialValue: Yt,
|
|
6877
|
+
onCommit: so,
|
|
6878
|
+
onCancel: co,
|
|
6879
|
+
align: lo?.align
|
|
6834
6880
|
}),
|
|
6835
|
-
/* @__PURE__ */ p(
|
|
6881
|
+
/* @__PURE__ */ p(ti, {
|
|
6836
6882
|
pane: "right",
|
|
6837
6883
|
ownsRowHeader: !1,
|
|
6838
6884
|
leadingWidth: 0,
|
|
6839
6885
|
rowModel: Z,
|
|
6840
|
-
virtualRows:
|
|
6841
|
-
virtualRowIndexes:
|
|
6842
|
-
renderEntries:
|
|
6843
|
-
rowHeight:
|
|
6844
|
-
autoHeight:
|
|
6845
|
-
|
|
6846
|
-
|
|
6847
|
-
|
|
6848
|
-
|
|
6886
|
+
virtualRows: ma,
|
|
6887
|
+
virtualRowIndexes: ha,
|
|
6888
|
+
renderEntries: wa,
|
|
6889
|
+
rowHeight: Ht,
|
|
6890
|
+
autoHeight: Vi,
|
|
6891
|
+
showCellOverflowTooltip: Qe,
|
|
6892
|
+
isServerSide: G,
|
|
6893
|
+
rowHeaderCellStyle: xs,
|
|
6894
|
+
hoveredRowIndex: $t,
|
|
6895
|
+
isWholeGridSelected: eo,
|
|
6849
6896
|
enableRowSelection: Re,
|
|
6850
|
-
rowSelectionState:
|
|
6851
|
-
activeCell:
|
|
6852
|
-
editingCell:
|
|
6853
|
-
selectionSnapshot:
|
|
6897
|
+
rowSelectionState: Na,
|
|
6898
|
+
activeCell: K.activeCell,
|
|
6899
|
+
editingCell: K.editingCell,
|
|
6900
|
+
selectionSnapshot: pn,
|
|
6854
6901
|
readOnly: Se,
|
|
6855
6902
|
canEditCell: Ie,
|
|
6856
|
-
onRowHeaderPointerDown:
|
|
6857
|
-
onRowHeaderPointerEnter:
|
|
6858
|
-
onRowHeaderPointerLeave:
|
|
6859
|
-
onCellPointerDown:
|
|
6860
|
-
onCellPointerEnter:
|
|
6861
|
-
onCellDoubleClick:
|
|
6862
|
-
renderCellContent:
|
|
6863
|
-
getRowClassName:
|
|
6903
|
+
onRowHeaderPointerDown: Xa,
|
|
6904
|
+
onRowHeaderPointerEnter: Za,
|
|
6905
|
+
onRowHeaderPointerLeave: go,
|
|
6906
|
+
onCellPointerDown: qa,
|
|
6907
|
+
onCellPointerEnter: Ja,
|
|
6908
|
+
onCellDoubleClick: uo,
|
|
6909
|
+
renderCellContent: ys,
|
|
6910
|
+
getRowClassName: Pt,
|
|
6864
6911
|
bodyCellClassName: z?.bodyCell,
|
|
6865
6912
|
bodyRowClassName: z?.bodyRow,
|
|
6866
6913
|
rowHeaderCellClassName: z?.rowHeaderCell
|
|
@@ -6868,25 +6915,25 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6868
6915
|
]
|
|
6869
6916
|
})]
|
|
6870
6917
|
}), /* @__PURE__ */ p("div", {
|
|
6871
|
-
ref:
|
|
6918
|
+
ref: Go,
|
|
6872
6919
|
className: "ssg-col-drop-indicator",
|
|
6873
|
-
style:
|
|
6920
|
+
style: Jo
|
|
6874
6921
|
})]
|
|
6875
6922
|
})
|
|
6876
6923
|
]
|
|
6877
|
-
}),
|
|
6924
|
+
}), Ss && /* @__PURE__ */ p("div", {
|
|
6878
6925
|
className: "ssg-empty-state",
|
|
6879
|
-
children: e.length === 0 ?
|
|
6926
|
+
children: e.length === 0 ? rt : nt
|
|
6880
6927
|
})]
|
|
6881
6928
|
}),
|
|
6882
|
-
|
|
6929
|
+
_i && /* @__PURE__ */ p("div", {
|
|
6883
6930
|
className: "ssg-autosize-overlay",
|
|
6884
6931
|
children: /* @__PURE__ */ p("span", {
|
|
6885
6932
|
className: "ssg-autosize-pill",
|
|
6886
6933
|
children: "列幅を計算中…"
|
|
6887
6934
|
})
|
|
6888
6935
|
}),
|
|
6889
|
-
|
|
6936
|
+
Xr === "filtering" && /* @__PURE__ */ p("div", {
|
|
6890
6937
|
className: "ssg-filter-overlay",
|
|
6891
6938
|
children: /* @__PURE__ */ m("span", {
|
|
6892
6939
|
className: "ssg-filter-overlay-chip",
|
|
@@ -6899,7 +6946,7 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6899
6946
|
className: "ssg-filter-overlay-text",
|
|
6900
6947
|
children: [
|
|
6901
6948
|
"適用中 ",
|
|
6902
|
-
Math.round(
|
|
6949
|
+
Math.round(Zr * 100),
|
|
6903
6950
|
"%"
|
|
6904
6951
|
]
|
|
6905
6952
|
})]
|
|
@@ -6907,17 +6954,17 @@ function ra({ rows: e = qi, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6907
6954
|
})
|
|
6908
6955
|
]
|
|
6909
6956
|
}),
|
|
6910
|
-
|
|
6911
|
-
|
|
6912
|
-
|
|
6913
|
-
|
|
6914
|
-
|
|
6957
|
+
Fs,
|
|
6958
|
+
Ts,
|
|
6959
|
+
Es,
|
|
6960
|
+
ks,
|
|
6961
|
+
As
|
|
6915
6962
|
]
|
|
6916
6963
|
});
|
|
6917
6964
|
}
|
|
6918
6965
|
//#endregion
|
|
6919
6966
|
//#region src/components/spreadsheet-grid/logic/valueFormatters.ts
|
|
6920
|
-
function
|
|
6967
|
+
function oa(e = {}) {
|
|
6921
6968
|
let { locale: t, useGrouping: n = !0, minimumFractionDigits: r, maximumFractionDigits: i, emptyText: a = "" } = e;
|
|
6922
6969
|
return ({ value: e }) => {
|
|
6923
6970
|
if (e == null || e === "") return a;
|
|
@@ -6932,4 +6979,4 @@ function ia(e = {}) {
|
|
|
6932
6979
|
};
|
|
6933
6980
|
}
|
|
6934
6981
|
//#endregion
|
|
6935
|
-
export {
|
|
6982
|
+
export { aa as SpreadsheetGrid, oa as numberFormatter };
|