@ishibashi0112/spreadsheet-grid 0.12.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 +28 -0
- package/dist/SpreadsheetGrid.d.ts +1 -1
- package/dist/index.cjs +4 -4
- package/dist/index.js +1194 -1179
- package/dist/logic/cellOverflowTooltip.d.ts +5 -0
- package/dist/model/gridTypes.d.ts +3 -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(),
|
|
@@ -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;
|
|
@@ -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,86 +1725,86 @@ 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}]`, Vt = 350,
|
|
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
|
|
1734
|
+
function H() {
|
|
1735
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 === Gt) return;
|
|
1757
|
+
if (n === null || n === Gt || !n.hasAttribute(zt) && n.scrollWidth <= n.clientWidth + 1) return;
|
|
1758
1758
|
let r = Gt !== null;
|
|
1759
|
-
|
|
1760
|
-
Ut = null,
|
|
1759
|
+
qt(), r || Date.now() < Wt ? Jt(n) : Ut = window.setTimeout(() => {
|
|
1760
|
+
Ut = null, Jt(n);
|
|
1761
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(() => (V += 1, V === 1 && en(), () => {
|
|
1785
|
-
--V, V === 0 && (tn(), qt(), Gt = null, Ht !== null && (Ht.remove(), Ht = 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
1798
|
function U() {
|
|
1799
|
-
return typeof window.matchMedia == "function" ? window.matchMedia(
|
|
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
|
|
1806
1806
|
//#region src/components/spreadsheet-grid/hooks/useColumnHeaderDragController.ts
|
|
1807
|
-
function
|
|
1807
|
+
function W(e, t, n, r) {
|
|
1808
1808
|
let i = e.find((e) => e.key === t);
|
|
1809
1809
|
if (!i) return null;
|
|
1810
1810
|
let a = b(i), o = {
|
|
@@ -1827,14 +1827,14 @@ function on(e, t, n, r) {
|
|
|
1827
1827
|
...o.right
|
|
1828
1828
|
];
|
|
1829
1829
|
}
|
|
1830
|
-
var
|
|
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) => {
|
|
1834
1834
|
let n = e.dataset.ssgColKey;
|
|
1835
1835
|
n && !t.has(n) && t.set(n, e.getBoundingClientRect().left);
|
|
1836
1836
|
}), t;
|
|
1837
|
-
},
|
|
1837
|
+
}, hn = (e) => {
|
|
1838
1838
|
let n = c(e);
|
|
1839
1839
|
n.current = e;
|
|
1840
1840
|
let i = c(null), a = c(null), o = c(null), s = c(null), l = c(null), u = c(null), d = c({
|
|
@@ -1880,12 +1880,12 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<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;
|
|
@@ -1896,10 +1896,10 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
1896
1896
|
if (e < n.left || e > n.right || t < n.top || t > n.bottom) return null;
|
|
1897
1897
|
}
|
|
1898
1898
|
let f = i.current, p = a.current;
|
|
1899
|
-
if (f && r.left.entries.length === 0 && e <= f.getBoundingClientRect().left +
|
|
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();
|
|
@@ -1912,7 +1912,7 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
1912
1912
|
};
|
|
1913
1913
|
}
|
|
1914
1914
|
}
|
|
1915
|
-
if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left -
|
|
1915
|
+
if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left - on) return {
|
|
1916
1916
|
pane: "right",
|
|
1917
1917
|
slot: 0,
|
|
1918
1918
|
leftPx: -2
|
|
@@ -1979,14 +1979,14 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<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"
|
|
@@ -1999,10 +1999,10 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
1999
1999
|
h.current !== null && (cancelAnimationFrame(h.current), h.current = null), document.body.style.cursor = "", y(), C();
|
|
2000
2000
|
let t = s.current, r = l.current;
|
|
2001
2001
|
if (s.current = null, l.current = null, !e || !t || !r) return;
|
|
2002
|
-
let { columns: i, applyColumnOrderAndPin: a, scrollContainerRef: o } = n.current, c =
|
|
2002
|
+
let { columns: i, applyColumnOrderAndPin: a, scrollContainerRef: o } = n.current, c = W(i, t, r.pane, r.slot);
|
|
2003
2003
|
if (!c) return;
|
|
2004
2004
|
let d = i.find((e) => e.key === t), f = d ? b(d) : null;
|
|
2005
|
-
u.current = f !== null && f === r.pane && !
|
|
2005
|
+
u.current = f !== null && f === r.pane && !pn() ? mn(o.current) : null, a(c, new Map([[t, r.pane === "center" ? void 0 : r.pane]]));
|
|
2006
2006
|
}, [y, C]), O = t(() => {
|
|
2007
2007
|
let e = u.current;
|
|
2008
2008
|
if (u.current = null, !e) return;
|
|
@@ -2023,7 +2023,7 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<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);
|
|
@@ -2076,16 +2076,16 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2076
2076
|
rightIndicatorRef: o,
|
|
2077
2077
|
applyReorderSettle: O
|
|
2078
2078
|
};
|
|
2079
|
-
},
|
|
2079
|
+
}, gn = (e) => e === "" ? "(空白)" : `"${e}"`, _n = (e) => {
|
|
2080
2080
|
switch (e.kind) {
|
|
2081
2081
|
case "text":
|
|
2082
2082
|
case "date": return `"${e.value.trim()}" を含む`;
|
|
2083
2083
|
case "select": return `"${e.value}" に一致`;
|
|
2084
2084
|
case "number": return e.raw;
|
|
2085
|
-
case "set": return (e.mode ?? "include") === "exclude" ? `${e.values.length} 件を除外` : e.values.length > 0 && e.values.length <= 2 ? e.values.map(
|
|
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
|
-
},
|
|
2088
|
+
}, vn = (e) => {
|
|
2089
2089
|
let { mode: t, isServerSide: n, rowCount: r, hasAutoSizedOnMount: i } = e;
|
|
2090
2090
|
return t === !1 || n || r === 0 ? {
|
|
2091
2091
|
shouldRun: !1,
|
|
@@ -2100,7 +2100,7 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2100
2100
|
shouldRun: !0,
|
|
2101
2101
|
nextHasAutoSizedOnMount: i
|
|
2102
2102
|
};
|
|
2103
|
-
},
|
|
2103
|
+
}, yn = (e, t, n) => {
|
|
2104
2104
|
let r = !1, i = e.map((e) => {
|
|
2105
2105
|
let i = n[e.key] ?? e.width, a = t.get(e.key);
|
|
2106
2106
|
if (!a) return i === e.width ? e : {
|
|
@@ -2121,21 +2121,21 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2121
2121
|
}
|
|
2122
2122
|
let s = i.filter((e) => !t.has(e.key)), c = [...o, ...s], l = c.some((t, n) => e[n].key !== t.key);
|
|
2123
2123
|
return !r && !l ? null : c;
|
|
2124
|
-
},
|
|
2124
|
+
}, bn = (e, t) => e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? `"${e.replace(/"/g, "\"\"")}"` : e, xn = (e, t) => {
|
|
2125
2125
|
let n = L(e, t);
|
|
2126
2126
|
return t.formatClipboardValue ? t.formatClipboardValue(n, e) : String(n ?? "");
|
|
2127
|
-
},
|
|
2127
|
+
}, Sn = ({ getRow: e, startRow: t, endRow: n, columns: r, delimiter: i = ",", includeHeaders: a = !0, bom: o = !1 }) => {
|
|
2128
2128
|
let s = [];
|
|
2129
|
-
a && s.push(r.map((e) =>
|
|
2129
|
+
a && s.push(r.map((e) => bn(e.title ?? e.key, i)).join(i));
|
|
2130
2130
|
for (let a = t; a < n; a += 1) {
|
|
2131
2131
|
let t = e(a);
|
|
2132
2132
|
if (!t) continue;
|
|
2133
|
-
let n = r.map((e) => xn(
|
|
2133
|
+
let n = r.map((e) => bn(xn(t, e), i));
|
|
2134
2134
|
s.push(n.join(i));
|
|
2135
2135
|
}
|
|
2136
2136
|
let c = s.join("\r\n");
|
|
2137
2137
|
return o ? `\uFEFF${c}` : c;
|
|
2138
|
-
},
|
|
2138
|
+
}, Cn = ({ getRow: e, startRow: t, endRow: n, columns: r }) => {
|
|
2139
2139
|
let i = r.map((e) => ({
|
|
2140
2140
|
key: e.key,
|
|
2141
2141
|
title: e.title ?? e.key
|
|
@@ -2154,7 +2154,7 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2154
2154
|
columns: i,
|
|
2155
2155
|
rows: a
|
|
2156
2156
|
};
|
|
2157
|
-
},
|
|
2157
|
+
}, wn = (e) => e === "all" ? "view" : e === "visible" ? "rendered" : e, Tn = (e) => {
|
|
2158
2158
|
switch (e.kind) {
|
|
2159
2159
|
case "set": return {
|
|
2160
2160
|
...e,
|
|
@@ -2169,26 +2169,26 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2169
2169
|
case "select": return { ...e };
|
|
2170
2170
|
case "custom": return { ...e };
|
|
2171
2171
|
}
|
|
2172
|
-
},
|
|
2172
|
+
}, En = (e) => {
|
|
2173
2173
|
let t = {};
|
|
2174
|
-
for (let n of Object.keys(e)) t[n] =
|
|
2174
|
+
for (let n of Object.keys(e)) t[n] = Tn(e[n]);
|
|
2175
2175
|
return t;
|
|
2176
|
-
},
|
|
2176
|
+
}, Dn = (e) => {
|
|
2177
2177
|
let t = { key: e.key };
|
|
2178
2178
|
return e.visible !== void 0 && (t.visible = e.visible), e.pinned !== void 0 && (t.pinned = e.pinned), t;
|
|
2179
|
-
},
|
|
2179
|
+
}, On = (e) => e.map((e) => {
|
|
2180
2180
|
let t = { key: e.key };
|
|
2181
2181
|
return e.visible !== void 0 && (t.visible = e.visible), e.pinned !== void 0 && (t.pinned = e.pinned), t;
|
|
2182
|
-
}),
|
|
2182
|
+
}), kn = (e, t, n, r = [], i = 2) => ({
|
|
2183
2183
|
version: i,
|
|
2184
2184
|
columnWidths: { ...e },
|
|
2185
2185
|
filters: {
|
|
2186
2186
|
globalText: t.globalText,
|
|
2187
|
-
columnFilters:
|
|
2187
|
+
columnFilters: En(t.columnFilters)
|
|
2188
2188
|
},
|
|
2189
2189
|
sort: n.map((e) => ({ ...e })),
|
|
2190
|
-
columns: r.map(
|
|
2191
|
-
}),
|
|
2190
|
+
columns: r.map(Dn)
|
|
2191
|
+
}), An = (e) => {
|
|
2192
2192
|
let t = e && typeof e == "object" ? e : {}, n = {}, r = t.columnWidths;
|
|
2193
2193
|
if (r && typeof r == "object") {
|
|
2194
2194
|
let e = r;
|
|
@@ -2202,7 +2202,7 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2202
2202
|
let e = s;
|
|
2203
2203
|
for (let t of Object.keys(e)) {
|
|
2204
2204
|
let n = e[t];
|
|
2205
|
-
n && typeof n == "object" && "kind" in n && (o[t] =
|
|
2205
|
+
n && typeof n == "object" && "kind" in n && (o[t] = Tn(n));
|
|
2206
2206
|
}
|
|
2207
2207
|
}
|
|
2208
2208
|
let c = [], l = t.sort;
|
|
@@ -2237,7 +2237,7 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2237
2237
|
sort: c,
|
|
2238
2238
|
columns: u
|
|
2239
2239
|
};
|
|
2240
|
-
},
|
|
2240
|
+
}, jn = (e, t, n) => {
|
|
2241
2241
|
let r = new Map(e.map((e) => [e.key, e])), i = /* @__PURE__ */ new Set(), a = (e, t) => {
|
|
2242
2242
|
let r = n[e.key], i = typeof r == "number";
|
|
2243
2243
|
if (!t && !i) return e;
|
|
@@ -2250,44 +2250,44 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2250
2250
|
}
|
|
2251
2251
|
for (let t of e) i.has(t.key) || o.push(a(t, void 0));
|
|
2252
2252
|
return x(o);
|
|
2253
|
-
},
|
|
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) => {
|
|
2254
2254
|
switch (e.kind) {
|
|
2255
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]);
|
|
2256
|
-
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);
|
|
2257
2257
|
case "text": return t.kind === "text" && e.value === t.value;
|
|
2258
2258
|
case "date": return t.kind === "date" && e.value === t.value;
|
|
2259
2259
|
case "select": return t.kind === "select" && e.value === t.value;
|
|
2260
2260
|
case "custom": return t.kind === "custom" && Object.is(e.value, t.value);
|
|
2261
2261
|
}
|
|
2262
|
-
},
|
|
2262
|
+
}, Pn = (e, t) => {
|
|
2263
2263
|
let n = Object.keys(e);
|
|
2264
2264
|
if (n.length !== Object.keys(t).length) return !1;
|
|
2265
2265
|
for (let r of n) if (!(r in t) || e[r] !== t[r]) return !1;
|
|
2266
2266
|
return !0;
|
|
2267
|
-
},
|
|
2267
|
+
}, Fn = (e, t) => {
|
|
2268
2268
|
let n = Object.keys(e);
|
|
2269
2269
|
if (n.length !== Object.keys(t).length) return !1;
|
|
2270
|
-
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;
|
|
2271
2271
|
return !0;
|
|
2272
|
-
},
|
|
2272
|
+
}, In = (e, t) => {
|
|
2273
2273
|
if (e === void 0 || t === void 0) return e === t;
|
|
2274
2274
|
if (e.length !== t.length) return !1;
|
|
2275
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;
|
|
2276
2276
|
return !0;
|
|
2277
|
-
},
|
|
2278
|
-
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;
|
|
2279
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;
|
|
2280
|
-
return !!
|
|
2281
|
-
},
|
|
2280
|
+
return !!In(e.columns, t.columns);
|
|
2281
|
+
}, Rn = (e, t, n) => n ? {
|
|
2282
2282
|
emit: !1,
|
|
2283
2283
|
nextLast: e
|
|
2284
|
-
} : e === null ||
|
|
2284
|
+
} : e === null || Ln(e, t) ? {
|
|
2285
2285
|
emit: !1,
|
|
2286
2286
|
nextLast: t
|
|
2287
2287
|
} : {
|
|
2288
2288
|
emit: !0,
|
|
2289
2289
|
nextLast: t
|
|
2290
|
-
},
|
|
2290
|
+
}, zn = ({ rowTop: e, rowHeight: t, headerHeight: n, viewportHeight: r, currentScrollTop: i, align: a, maxScrollTop: o }) => {
|
|
2291
2291
|
let s = n + e, c = s + t, l;
|
|
2292
2292
|
if (a === "start") l = s - n;
|
|
2293
2293
|
else if (a === "end") l = c - r;
|
|
@@ -2297,7 +2297,7 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2297
2297
|
l = s >= e && c <= t ? i : s < e ? s - n : c - r;
|
|
2298
2298
|
}
|
|
2299
2299
|
return Math.min(Math.max(l, 0), Math.max(o ?? Infinity, 0));
|
|
2300
|
-
},
|
|
2300
|
+
}, Bn = ({ cellLeft: e, cellWidth: t, leftPaneWidth: n, rightPaneWidth: r, viewportWidth: i, currentScrollLeft: a, align: o, maxScrollLeft: s }) => {
|
|
2301
2301
|
let c = e + t, l = i - n - r, u;
|
|
2302
2302
|
if (o === "start") u = e - n;
|
|
2303
2303
|
else if (o === "end") u = c - i + r;
|
|
@@ -2307,10 +2307,10 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2307
2307
|
u = e >= t && c <= o ? a : e < t ? e - n : c - i + r;
|
|
2308
2308
|
}
|
|
2309
2309
|
return Math.min(Math.max(u, 0), Math.max(s ?? Infinity, 0));
|
|
2310
|
-
},
|
|
2310
|
+
}, Vn = (e, t) => {
|
|
2311
2311
|
let { heights: n, prefix: r, rowCount: i } = e, a = Math.max(t, 0);
|
|
2312
2312
|
for (let e = a; e < i; e += 1) r[e + 1] = r[e] + n[e];
|
|
2313
|
-
},
|
|
2313
|
+
}, Hn = (e, t, n, r) => {
|
|
2314
2314
|
let i = r ?? /* @__PURE__ */ new Map(), a = Math.max(e, 0), o = new Float64Array(a);
|
|
2315
2315
|
for (let e = 0; e < a; e += 1) {
|
|
2316
2316
|
let r = i.get(n(e));
|
|
@@ -2323,8 +2323,8 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2323
2323
|
prefix: new Float64Array(a + 1),
|
|
2324
2324
|
measured: i
|
|
2325
2325
|
};
|
|
2326
|
-
return
|
|
2327
|
-
},
|
|
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) => {
|
|
2328
2328
|
if (t <= 0 || n <= 0) return 0;
|
|
2329
2329
|
if (n >= e[t]) return t - 1;
|
|
2330
2330
|
let r = 0, i = t;
|
|
@@ -2333,17 +2333,17 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2333
2333
|
e[t] <= n ? r = t : i = t - 1;
|
|
2334
2334
|
}
|
|
2335
2335
|
return Math.min(Math.max(r, 0), t - 1);
|
|
2336
|
-
},
|
|
2336
|
+
}, Gn = (e) => {
|
|
2337
2337
|
let { prefix: t, rowCount: n } = e;
|
|
2338
2338
|
return {
|
|
2339
2339
|
rowCount: n,
|
|
2340
2340
|
rowTop: (e) => t[Math.min(Math.max(e, 0), n)],
|
|
2341
2341
|
rowsHeight: (e, r) => t[Math.min(Math.max(r + 1, 0), n)] - t[Math.min(Math.max(e, 0), n)],
|
|
2342
2342
|
totalBodyHeight: t[n],
|
|
2343
|
-
rowAtContentY: (e) =>
|
|
2343
|
+
rowAtContentY: (e) => Wn(t, n, e)
|
|
2344
2344
|
};
|
|
2345
|
-
},
|
|
2346
|
-
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";
|
|
2347
2347
|
if (e && typeof window < "u") {
|
|
2348
2348
|
let i = window.getComputedStyle(e);
|
|
2349
2349
|
i.fontFamily && (t = i.fontFamily);
|
|
@@ -2352,36 +2352,36 @@ var W = 32, sn = 2, cn = 14, ln = 12, G = "<svg viewBox=\"0 0 24 24\" width=\"14
|
|
|
2352
2352
|
}
|
|
2353
2353
|
return {
|
|
2354
2354
|
cellFont: `${r} ${n}px ${t}`,
|
|
2355
|
-
headerFont: `${
|
|
2355
|
+
headerFont: `${Xn} ${Yn}px ${t}`
|
|
2356
2356
|
};
|
|
2357
|
-
},
|
|
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) => {
|
|
2358
2358
|
let t = 0;
|
|
2359
2359
|
for (let n of e) {
|
|
2360
2360
|
let e = n.codePointAt(0) ?? 0;
|
|
2361
|
-
t +=
|
|
2361
|
+
t += rr(e) ? 2 : 1;
|
|
2362
2362
|
}
|
|
2363
2363
|
return t;
|
|
2364
|
-
},
|
|
2364
|
+
}, ar = (e, t) => {
|
|
2365
2365
|
let n = L(e, t);
|
|
2366
2366
|
return t.valueFormatter ? t.valueFormatter({
|
|
2367
2367
|
value: n,
|
|
2368
2368
|
row: e,
|
|
2369
2369
|
column: t
|
|
2370
2370
|
}) : String(n ?? "");
|
|
2371
|
-
},
|
|
2371
|
+
}, Y = (e) => {
|
|
2372
2372
|
if (!e || typeof document > "u") return null;
|
|
2373
2373
|
let t = document.createElement("div");
|
|
2374
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;
|
|
2375
|
-
},
|
|
2375
|
+
}, or = (e) => {
|
|
2376
2376
|
let t = document.createElement("div");
|
|
2377
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;
|
|
2378
|
-
},
|
|
2379
|
-
function
|
|
2378
|
+
}, sr = (e) => e.suppressAutoSize === !0 || e.autoHeight === !0;
|
|
2379
|
+
function cr(e) {
|
|
2380
2380
|
let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity), i = e.map(() => 0);
|
|
2381
2381
|
return {
|
|
2382
2382
|
collect: (a) => {
|
|
2383
2383
|
for (let o = 0; o < e.length; o += 1) {
|
|
2384
|
-
if (
|
|
2384
|
+
if (sr(e[o])) continue;
|
|
2385
2385
|
let s = e[o].estimateCellWidth;
|
|
2386
2386
|
if (s) {
|
|
2387
2387
|
let t = s(a, e[o]);
|
|
@@ -2391,35 +2391,35 @@ function lr(e) {
|
|
|
2391
2391
|
let c = String(L(a, e[o]) ?? "");
|
|
2392
2392
|
if (c === "") continue;
|
|
2393
2393
|
let l = t[o], u = n[o];
|
|
2394
|
-
if (l.length ===
|
|
2395
|
-
let d =
|
|
2396
|
-
if (l.length <
|
|
2397
|
-
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) {
|
|
2398
2398
|
let e = u[0];
|
|
2399
|
-
for (let t = 1; t <
|
|
2399
|
+
for (let t = 1; t < Zn; t += 1) u[t] < e && (e = u[t]);
|
|
2400
2400
|
r[o] = e;
|
|
2401
2401
|
}
|
|
2402
2402
|
continue;
|
|
2403
2403
|
}
|
|
2404
2404
|
if (d <= r[o]) continue;
|
|
2405
2405
|
let f = 0;
|
|
2406
|
-
for (let e = 1; e <
|
|
2406
|
+
for (let e = 1; e < Zn; e += 1) u[e] < u[f] && (f = e);
|
|
2407
2407
|
l[f] = a, u[f] = d;
|
|
2408
2408
|
let p = u[0];
|
|
2409
|
-
for (let e = 1; e <
|
|
2409
|
+
for (let e = 1; e < Zn; e += 1) u[e] < p && (p = u[e]);
|
|
2410
2410
|
r[o] = p;
|
|
2411
2411
|
}
|
|
2412
2412
|
},
|
|
2413
2413
|
finalize: ({ gridRoot: n, currentWidths: r }) => {
|
|
2414
|
-
let a =
|
|
2414
|
+
let a = $n();
|
|
2415
2415
|
if (!a || e.length === 0) return {};
|
|
2416
|
-
let { cellFont: o, headerFont: s } =
|
|
2416
|
+
let { cellFont: o, headerFont: s } = tr(n), c = {}, l = Y(n);
|
|
2417
2417
|
try {
|
|
2418
2418
|
let n = null;
|
|
2419
2419
|
if (l) {
|
|
2420
2420
|
let r = [];
|
|
2421
2421
|
for (let n = 0; n < e.length; n += 1) {
|
|
2422
|
-
if (
|
|
2422
|
+
if (sr(e[n])) {
|
|
2423
2423
|
r.push([]);
|
|
2424
2424
|
continue;
|
|
2425
2425
|
}
|
|
@@ -2429,9 +2429,9 @@ function lr(e) {
|
|
|
2429
2429
|
}
|
|
2430
2430
|
let i = t[n], a = [];
|
|
2431
2431
|
for (let t = 0; t < i.length; t += 1) {
|
|
2432
|
-
let r =
|
|
2432
|
+
let r = ar(i[t], e[n]);
|
|
2433
2433
|
if (r === "") continue;
|
|
2434
|
-
let o =
|
|
2434
|
+
let o = or(r);
|
|
2435
2435
|
l.appendChild(o), a.push(o);
|
|
2436
2436
|
}
|
|
2437
2437
|
r.push(a);
|
|
@@ -2447,23 +2447,23 @@ function lr(e) {
|
|
|
2447
2447
|
}
|
|
2448
2448
|
for (let l = 0; l < e.length; l += 1) {
|
|
2449
2449
|
let u = e[l];
|
|
2450
|
-
if (
|
|
2450
|
+
if (sr(u)) continue;
|
|
2451
2451
|
a.font = s;
|
|
2452
|
-
let d = u.title || u.key, f = a.measureText(d).width +
|
|
2453
|
-
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;
|
|
2454
2454
|
else if (n) p = n[l];
|
|
2455
2455
|
else {
|
|
2456
2456
|
a.font = o;
|
|
2457
2457
|
let e = 0, n = t[l];
|
|
2458
2458
|
for (let t = 0; t < n.length; t += 1) {
|
|
2459
|
-
let r =
|
|
2459
|
+
let r = ar(n[t], u);
|
|
2460
2460
|
if (r === "") continue;
|
|
2461
2461
|
let i = a.measureText(r).width;
|
|
2462
2462
|
i > e && (e = i);
|
|
2463
2463
|
}
|
|
2464
|
-
p = e > 0 ? e +
|
|
2464
|
+
p = e > 0 ? e + qn + Kn : 0;
|
|
2465
2465
|
}
|
|
2466
|
-
let m = Math.ceil(
|
|
2466
|
+
let m = Math.ceil(nr(Math.max(f, p), u.minWidth ?? J, u.maxWidth ?? Infinity));
|
|
2467
2467
|
r[u.key] !== m && (c[u.key] = m);
|
|
2468
2468
|
}
|
|
2469
2469
|
} finally {
|
|
@@ -2473,12 +2473,12 @@ function lr(e) {
|
|
|
2473
2473
|
}
|
|
2474
2474
|
};
|
|
2475
2475
|
}
|
|
2476
|
-
function
|
|
2477
|
-
return
|
|
2476
|
+
function lr() {
|
|
2477
|
+
return $n() !== null;
|
|
2478
2478
|
}
|
|
2479
2479
|
//#endregion
|
|
2480
2480
|
//#region src/components/spreadsheet-grid/utils/scheduler.ts
|
|
2481
|
-
var
|
|
2481
|
+
var ur = () => new Promise((e) => {
|
|
2482
2482
|
if (typeof MessageChannel > "u") {
|
|
2483
2483
|
setTimeout(e, 0);
|
|
2484
2484
|
return;
|
|
@@ -2496,10 +2496,10 @@ var Y = () => new Promise((e) => {
|
|
|
2496
2496
|
}, []), {
|
|
2497
2497
|
isAutosizing: o,
|
|
2498
2498
|
runAutosize: t(async (t) => {
|
|
2499
|
-
if (t.length === 0 || !
|
|
2499
|
+
if (t.length === 0 || !lr()) return;
|
|
2500
2500
|
let r = u.current += 1;
|
|
2501
2501
|
f();
|
|
2502
|
-
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);
|
|
2503
2503
|
d.current = setTimeout(() => {
|
|
2504
2504
|
u.current === r && s(!0);
|
|
2505
2505
|
}, fr);
|
|
@@ -2511,7 +2511,7 @@ var Y = () => new Promise((e) => {
|
|
|
2511
2511
|
let e = o.getRow(t);
|
|
2512
2512
|
e && m.collect(e), t += 1;
|
|
2513
2513
|
}
|
|
2514
|
-
if (t < c && (await
|
|
2514
|
+
if (t < c && (await ur(), u.current !== r || e.current !== o)) return;
|
|
2515
2515
|
}
|
|
2516
2516
|
let n = m.finalize({
|
|
2517
2517
|
gridRoot: l,
|
|
@@ -2551,12 +2551,12 @@ var Y = () => new Promise((e) => {
|
|
|
2551
2551
|
options: yr,
|
|
2552
2552
|
allValues: br,
|
|
2553
2553
|
progress: 0
|
|
2554
|
-
},
|
|
2554
|
+
}, Sr = {
|
|
2555
2555
|
status: "collecting",
|
|
2556
2556
|
options: yr,
|
|
2557
2557
|
allValues: br,
|
|
2558
2558
|
progress: 0
|
|
2559
|
-
},
|
|
2559
|
+
}, X = (e) => new Set(e.map((e) => e.value)), Cr = {
|
|
2560
2560
|
source: null,
|
|
2561
2561
|
rowCount: 0,
|
|
2562
2562
|
result: xr
|
|
@@ -2568,7 +2568,7 @@ var Y = () => new Promise((e) => {
|
|
|
2568
2568
|
return {
|
|
2569
2569
|
status: "ready",
|
|
2570
2570
|
options: e,
|
|
2571
|
-
allValues:
|
|
2571
|
+
allValues: X(e),
|
|
2572
2572
|
progress: 1
|
|
2573
2573
|
};
|
|
2574
2574
|
}
|
|
@@ -2577,7 +2577,7 @@ var Y = () => new Promise((e) => {
|
|
|
2577
2577
|
return {
|
|
2578
2578
|
status: "ready",
|
|
2579
2579
|
options: e,
|
|
2580
|
-
allValues:
|
|
2580
|
+
allValues: X(e),
|
|
2581
2581
|
progress: 1
|
|
2582
2582
|
};
|
|
2583
2583
|
}
|
|
@@ -2599,7 +2599,7 @@ var Y = () => new Promise((e) => {
|
|
|
2599
2599
|
let n = vr();
|
|
2600
2600
|
for (; t < r && vr() - n < _r;) i.collect(e(t)), t += 1;
|
|
2601
2601
|
if (t < r) {
|
|
2602
|
-
if (await
|
|
2602
|
+
if (await ur(), a) return;
|
|
2603
2603
|
f({
|
|
2604
2604
|
source: e,
|
|
2605
2605
|
rowCount: r,
|
|
@@ -2620,7 +2620,7 @@ var Y = () => new Promise((e) => {
|
|
|
2620
2620
|
result: {
|
|
2621
2621
|
status: "ready",
|
|
2622
2622
|
options: n,
|
|
2623
|
-
allValues:
|
|
2623
|
+
allValues: X(n),
|
|
2624
2624
|
progress: 1
|
|
2625
2625
|
}
|
|
2626
2626
|
});
|
|
@@ -2632,7 +2632,7 @@ var Y = () => new Promise((e) => {
|
|
|
2632
2632
|
t,
|
|
2633
2633
|
n
|
|
2634
2634
|
]);
|
|
2635
|
-
let p = d.source === n && d.rowCount === t ? d.result :
|
|
2635
|
+
let p = d.source === n && d.rowCount === t ? d.result : Sr;
|
|
2636
2636
|
return u ?? p;
|
|
2637
2637
|
}, Tr = 10, Er = () => typeof performance < "u" ? performance.now() : Date.now(), Dr = ({ rows: e, baseOrder: t, columns: i, globalText: a, enabled: s }) => {
|
|
2638
2638
|
let c = n(a), u = c.trim().toLowerCase(), d = s && u.length > 0, f = d && e.length > 5e4, p = o(() => d ? f ? null : {
|
|
@@ -2663,7 +2663,7 @@ var Y = () => new Promise((e) => {
|
|
|
2663
2663
|
Le(n[i], a, o) && (c[e] = i, e += 1), t += 1;
|
|
2664
2664
|
}
|
|
2665
2665
|
if (t < s) {
|
|
2666
|
-
if (await
|
|
2666
|
+
if (await ur(), l) return;
|
|
2667
2667
|
_({
|
|
2668
2668
|
rows: n,
|
|
2669
2669
|
baseOrder: r,
|
|
@@ -3262,8 +3262,11 @@ function Kr({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r
|
|
|
3262
3262
|
});
|
|
3263
3263
|
}
|
|
3264
3264
|
//#endregion
|
|
3265
|
+
//#region src/components/spreadsheet-grid/logic/cellOverflowTooltip.ts
|
|
3266
|
+
var qr = (e) => e.enabled && !e.isAutoHeightCell && !e.hasRenderCell;
|
|
3267
|
+
//#endregion
|
|
3265
3268
|
//#region src/components/spreadsheet-grid/view/RowSelectionCheckbox.tsx
|
|
3266
|
-
function
|
|
3269
|
+
function Jr({ state: e, disabled: t = !1 }) {
|
|
3267
3270
|
return /* @__PURE__ */ p("span", {
|
|
3268
3271
|
"aria-hidden": "true",
|
|
3269
3272
|
className: "ssg-row-checkbox",
|
|
@@ -3271,88 +3274,96 @@ function qr({ state: e, disabled: t = !1 }) {
|
|
|
3271
3274
|
"data-disabled": t ? "true" : void 0
|
|
3272
3275
|
});
|
|
3273
3276
|
}
|
|
3274
|
-
var
|
|
3277
|
+
var Yr = e(Jr);
|
|
3275
3278
|
//#endregion
|
|
3276
3279
|
//#region src/components/spreadsheet-grid/view/GridBodyLayer.tsx
|
|
3277
|
-
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 }) {
|
|
3278
3281
|
return /* @__PURE__ */ m("div", {
|
|
3279
3282
|
"data-pane": e,
|
|
3280
3283
|
"data-row-index": r,
|
|
3281
|
-
className: g("ssg-body-row",
|
|
3284
|
+
className: g("ssg-body-row", b && "ssg-body-row--checked", N, F),
|
|
3282
3285
|
style: {
|
|
3283
3286
|
height: c,
|
|
3284
3287
|
transform: `translateY(${o}px)`
|
|
3285
3288
|
},
|
|
3286
3289
|
children: [t && /* @__PURE__ */ p("div", {
|
|
3287
|
-
role:
|
|
3288
|
-
"aria-checked":
|
|
3289
|
-
onPointerDown: (e) =>
|
|
3290
|
-
onPointerEnter: (e) =>
|
|
3291
|
-
onPointerLeave: () =>
|
|
3292
|
-
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),
|
|
3293
3296
|
style: {
|
|
3294
|
-
...
|
|
3297
|
+
...f,
|
|
3295
3298
|
height: c
|
|
3296
3299
|
},
|
|
3297
|
-
children:
|
|
3300
|
+
children: y ? /* @__PURE__ */ p(Yr, { state: b ? "checked" : "unchecked" }) : r + 1
|
|
3298
3301
|
}), s.map((e) => {
|
|
3299
3302
|
if (!e) return null;
|
|
3300
|
-
let t = e.logicalIndex, o = e.column, s = n + e.paneLocalStart,
|
|
3301
|
-
readOnly:
|
|
3302
|
-
canEditCell:
|
|
3303
|
-
}, r, t, a, o),
|
|
3304
|
-
|
|
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({
|
|
3305
3308
|
row: a,
|
|
3306
3309
|
rowIndex: r,
|
|
3307
3310
|
colIndex: t,
|
|
3308
3311
|
value: L(a, o),
|
|
3309
3312
|
column: o,
|
|
3310
3313
|
isActive: m,
|
|
3311
|
-
isSelected:
|
|
3312
|
-
isEditing:
|
|
3313
|
-
readOnly:
|
|
3314
|
-
}) :
|
|
3315
|
-
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
|
+
});
|
|
3316
3325
|
return /* @__PURE__ */ p("div", {
|
|
3317
3326
|
"data-ssg-col-key": o.key,
|
|
3318
|
-
"data-autoheight-cell":
|
|
3327
|
+
"data-autoheight-cell": D ? "" : void 0,
|
|
3328
|
+
"data-ssg-tooltip-overflow": te ? "" : void 0,
|
|
3319
3329
|
className: F,
|
|
3320
|
-
onPointerDown: (e) =>
|
|
3330
|
+
onPointerDown: (e) => A({
|
|
3321
3331
|
row: r,
|
|
3322
3332
|
col: t
|
|
3323
3333
|
}, e),
|
|
3324
|
-
onPointerEnter: (e) =>
|
|
3334
|
+
onPointerEnter: (e) => j({
|
|
3325
3335
|
row: r,
|
|
3326
3336
|
col: t
|
|
3327
3337
|
}, e),
|
|
3328
|
-
onDoubleClick: () =>
|
|
3338
|
+
onDoubleClick: () => M({
|
|
3329
3339
|
row: r,
|
|
3330
3340
|
col: t
|
|
3331
3341
|
}),
|
|
3332
3342
|
style: {
|
|
3333
3343
|
left: s,
|
|
3334
|
-
width:
|
|
3335
|
-
minWidth:
|
|
3336
|
-
...
|
|
3344
|
+
width: f,
|
|
3345
|
+
minWidth: f,
|
|
3346
|
+
...D ? { minHeight: d } : { height: c },
|
|
3347
|
+
...I,
|
|
3337
3348
|
zIndex: m ? 3 : 1
|
|
3338
3349
|
},
|
|
3339
|
-
children:
|
|
3350
|
+
children: ee(a, r, o, t, {
|
|
3340
3351
|
isActive: m,
|
|
3341
|
-
isSelected:
|
|
3342
|
-
isEditing:
|
|
3343
|
-
readOnly:
|
|
3352
|
+
isSelected: y,
|
|
3353
|
+
isEditing: _,
|
|
3354
|
+
readOnly: b
|
|
3344
3355
|
})
|
|
3345
3356
|
}, `${String(i)}-${o.key}`);
|
|
3346
3357
|
})]
|
|
3347
3358
|
});
|
|
3348
3359
|
}
|
|
3349
|
-
var
|
|
3360
|
+
var Zr = e(Xr), Qr = [
|
|
3350
3361
|
"62%",
|
|
3351
3362
|
"46%",
|
|
3352
3363
|
"78%",
|
|
3353
3364
|
"54%"
|
|
3354
3365
|
];
|
|
3355
|
-
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 }) {
|
|
3356
3367
|
return /* @__PURE__ */ m("div", {
|
|
3357
3368
|
"data-pane": e,
|
|
3358
3369
|
"data-row-index": r,
|
|
@@ -3371,13 +3382,13 @@ function Qr({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, r
|
|
|
3371
3382
|
...s,
|
|
3372
3383
|
height: a
|
|
3373
3384
|
},
|
|
3374
|
-
children: l ? /* @__PURE__ */ p(
|
|
3385
|
+
children: l ? /* @__PURE__ */ p(Yr, {
|
|
3375
3386
|
state: "unchecked",
|
|
3376
3387
|
disabled: !0
|
|
3377
3388
|
}) : r + 1
|
|
3378
3389
|
}), o.map((t) => {
|
|
3379
3390
|
if (!t) return null;
|
|
3380
|
-
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];
|
|
3381
3392
|
return /* @__PURE__ */ p("div", {
|
|
3382
3393
|
className: g("ssg-body-cell", c && "ssg-body-cell--row-hovered", v),
|
|
3383
3394
|
onPointerDown: (e) => h({
|
|
@@ -3404,16 +3415,16 @@ function Qr({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, r
|
|
|
3404
3415
|
})]
|
|
3405
3416
|
});
|
|
3406
3417
|
}
|
|
3407
|
-
var
|
|
3408
|
-
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 }) {
|
|
3409
3420
|
return /* @__PURE__ */ p(f, { children: i.map((i) => {
|
|
3410
3421
|
let f = i.index;
|
|
3411
3422
|
if (!a.has(f)) return null;
|
|
3412
3423
|
let N = i.size ?? s, P = r.getRow(f);
|
|
3413
3424
|
if (!P) {
|
|
3414
|
-
if (!
|
|
3425
|
+
if (!u) return null;
|
|
3415
3426
|
let a = r.getRowKey(f) ?? f;
|
|
3416
|
-
return /* @__PURE__ */ p(
|
|
3427
|
+
return /* @__PURE__ */ p(ei, {
|
|
3417
3428
|
pane: e,
|
|
3418
3429
|
ownsRowHeader: t,
|
|
3419
3430
|
leadingWidth: n,
|
|
@@ -3421,21 +3432,21 @@ function ei({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
|
|
|
3421
3432
|
top: i.start,
|
|
3422
3433
|
rowHeight: N,
|
|
3423
3434
|
renderEntries: o,
|
|
3424
|
-
rowHeaderCellStyle:
|
|
3425
|
-
isRowHovered:
|
|
3426
|
-
showRowCheckbox:
|
|
3427
|
-
onRowHeaderPointerDown:
|
|
3428
|
-
onRowHeaderPointerEnter:
|
|
3429
|
-
onRowHeaderPointerLeave:
|
|
3430
|
-
onCellPointerDown:
|
|
3431
|
-
onCellPointerEnter:
|
|
3432
|
-
bodyCellClassName:
|
|
3433
|
-
bodyRowClassName:
|
|
3434
|
-
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
|
|
3435
3446
|
}, String(a));
|
|
3436
3447
|
}
|
|
3437
|
-
let F = r.getRowKey(f) ?? f, I =
|
|
3438
|
-
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, {
|
|
3439
3450
|
pane: e,
|
|
3440
3451
|
ownsRowHeader: t,
|
|
3441
3452
|
leadingWidth: n,
|
|
@@ -3446,36 +3457,37 @@ function ei({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRo
|
|
|
3446
3457
|
renderEntries: o,
|
|
3447
3458
|
rowHeight: N,
|
|
3448
3459
|
autoHeight: c,
|
|
3460
|
+
showCellOverflowTooltip: l,
|
|
3449
3461
|
autoHeightMinHeight: s,
|
|
3450
|
-
rowHeaderCellStyle:
|
|
3451
|
-
isRowHovered:
|
|
3452
|
-
isWholeGridSelected:
|
|
3453
|
-
isRowSelected:
|
|
3454
|
-
showRowCheckbox:
|
|
3462
|
+
rowHeaderCellStyle: d,
|
|
3463
|
+
isRowHovered: m === f,
|
|
3464
|
+
isWholeGridSelected: h,
|
|
3465
|
+
isRowSelected: te,
|
|
3466
|
+
showRowCheckbox: g,
|
|
3455
3467
|
isRowChecked: I,
|
|
3456
|
-
activeColInRow:
|
|
3457
|
-
editingColInRow:
|
|
3458
|
-
selectedColStart:
|
|
3459
|
-
selectedColEnd:
|
|
3460
|
-
readOnly:
|
|
3461
|
-
canEditCell:
|
|
3462
|
-
onRowHeaderPointerDown:
|
|
3463
|
-
onRowHeaderPointerEnter:
|
|
3464
|
-
onRowHeaderPointerLeave:
|
|
3465
|
-
onCellPointerDown:
|
|
3466
|
-
onCellPointerEnter:
|
|
3467
|
-
onCellDoubleClick:
|
|
3468
|
-
renderCellContent:
|
|
3469
|
-
rowClassName:
|
|
3470
|
-
bodyCellClassName:
|
|
3471
|
-
bodyRowClassName:
|
|
3472
|
-
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
|
|
3473
3485
|
}, String(F));
|
|
3474
3486
|
}) });
|
|
3475
3487
|
}
|
|
3476
3488
|
//#endregion
|
|
3477
3489
|
//#region src/components/spreadsheet-grid/view/GridHeaderRow.tsx
|
|
3478
|
-
function
|
|
3490
|
+
function ni({ isActive: e, title: t, className: n, onPointerDown: r, children: i }) {
|
|
3479
3491
|
return /* @__PURE__ */ p("button", {
|
|
3480
3492
|
type: "button",
|
|
3481
3493
|
"data-ssg-tooltip": t,
|
|
@@ -3485,7 +3497,7 @@ function ti({ isActive: e, title: t, className: n, onPointerDown: r, children: i
|
|
|
3485
3497
|
children: i
|
|
3486
3498
|
});
|
|
3487
3499
|
}
|
|
3488
|
-
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 }) {
|
|
3489
3501
|
return /* @__PURE__ */ m("div", {
|
|
3490
3502
|
"data-pane": e,
|
|
3491
3503
|
className: g("ssg-header-row", a),
|
|
@@ -3502,7 +3514,7 @@ function ni({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3502
3514
|
height: r,
|
|
3503
3515
|
cursor: f > 0 && h > 0 ? "pointer" : "default"
|
|
3504
3516
|
},
|
|
3505
|
-
children: u ? /* @__PURE__ */ p(
|
|
3517
|
+
children: u ? /* @__PURE__ */ p(Yr, { state: d === "all" ? "checked" : d === "some" ? "indeterminate" : "unchecked" }) : "#"
|
|
3506
3518
|
}), _.map((e) => {
|
|
3507
3519
|
if (!e) return null;
|
|
3508
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;
|
|
@@ -3511,7 +3523,7 @@ function ni({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3511
3523
|
onPointerDown: (e) => E(t, e),
|
|
3512
3524
|
onPointerEnter: (e) => D(t, e),
|
|
3513
3525
|
onPointerLeave: () => O(t),
|
|
3514
|
-
onContextMenu: (e) =>
|
|
3526
|
+
onContextMenu: (e) => N(i, e),
|
|
3515
3527
|
className: g("ssg-header-cell", (l || u) && "ssg-header-cell--selected", v === t && "ssg-header-cell--hovered", o),
|
|
3516
3528
|
style: {
|
|
3517
3529
|
left: a,
|
|
@@ -3558,8 +3570,8 @@ function ni({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3558
3570
|
}),
|
|
3559
3571
|
/* @__PURE__ */ m("div", {
|
|
3560
3572
|
className: "ssg-header-actions",
|
|
3561
|
-
children: [
|
|
3562
|
-
onPointerDown: (e) =>
|
|
3573
|
+
children: [P && /* @__PURE__ */ p("span", {
|
|
3574
|
+
onPointerDown: (e) => P(i, e),
|
|
3563
3575
|
"data-ssg-tooltip": "ドラッグで列を移動",
|
|
3564
3576
|
"aria-hidden": "true",
|
|
3565
3577
|
className: "ssg-header-grip",
|
|
@@ -3603,11 +3615,11 @@ function ni({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3603
3615
|
})
|
|
3604
3616
|
]
|
|
3605
3617
|
})
|
|
3606
|
-
}), _ && /* @__PURE__ */ p(
|
|
3618
|
+
}), _ && /* @__PURE__ */ p(ni, {
|
|
3607
3619
|
title: "列メニュー",
|
|
3608
3620
|
isActive: h,
|
|
3609
3621
|
className: S,
|
|
3610
|
-
onPointerDown: (e) =>
|
|
3622
|
+
onPointerDown: (e) => ee(i, e),
|
|
3611
3623
|
children: "⋮"
|
|
3612
3624
|
})]
|
|
3613
3625
|
}),
|
|
@@ -3620,7 +3632,7 @@ function ni({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
3620
3632
|
})]
|
|
3621
3633
|
});
|
|
3622
3634
|
}
|
|
3623
|
-
var
|
|
3635
|
+
var ii = e(ri), ai = 200, oi = 8, si = 6, ci = 289, li = ({ visibleColumns: e, enableColumnMenu: n, gridRootRef: i }) => {
|
|
3624
3636
|
let [a, s] = l(null), [u, d] = l(null), f = c(null), p = c(null), m = c(null), h = c(a);
|
|
3625
3637
|
h.current = a;
|
|
3626
3638
|
let g = a !== null, _ = a?.columnKey ?? null, v = o(() => _ ? e.find((e) => e.key === _) ?? null : null, [_, e]), y = t(() => {
|
|
@@ -3635,16 +3647,16 @@ var ri = e(ni), ii = 200, ai = 8, oi = 6, si = 289, ci = ({ visibleColumns: e, e
|
|
|
3635
3647
|
return;
|
|
3636
3648
|
}
|
|
3637
3649
|
let i = r.getBoundingClientRect();
|
|
3638
|
-
t = i.right -
|
|
3639
|
-
} 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;
|
|
3640
3652
|
else {
|
|
3641
3653
|
d(null);
|
|
3642
3654
|
return;
|
|
3643
3655
|
}
|
|
3644
|
-
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 : {
|
|
3645
3657
|
top: e,
|
|
3646
3658
|
left: t,
|
|
3647
|
-
width:
|
|
3659
|
+
width: ai
|
|
3648
3660
|
});
|
|
3649
3661
|
}, [_]), b = t(() => {
|
|
3650
3662
|
s(null), d(null), p.current = null, m.current = null, requestAnimationFrame(() => {
|
|
@@ -3718,7 +3730,7 @@ var ri = e(ni), ii = 200, ai = 8, oi = 6, si = 289, ci = ({ visibleColumns: e, e
|
|
|
3718
3730
|
openColumnMenuFromContextMenu: S,
|
|
3719
3731
|
closeColumnMenu: b
|
|
3720
3732
|
};
|
|
3721
|
-
},
|
|
3733
|
+
}, ui = [
|
|
3722
3734
|
{
|
|
3723
3735
|
value: void 0,
|
|
3724
3736
|
label: "固定しない"
|
|
@@ -3731,23 +3743,23 @@ var ri = e(ni), ii = 200, ai = 8, oi = 6, si = 289, ci = ({ visibleColumns: e, e
|
|
|
3731
3743
|
value: "right",
|
|
3732
3744
|
label: "右に固定"
|
|
3733
3745
|
}
|
|
3734
|
-
],
|
|
3735
|
-
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 }) {
|
|
3736
3748
|
let [A, j] = l(null);
|
|
3737
3749
|
if (r(() => {
|
|
3738
3750
|
j(null);
|
|
3739
3751
|
}, [i, e]), !e || !x) return null;
|
|
3740
|
-
let M = A === Z,
|
|
3752
|
+
let M = A === Z, ee = x.left + x.width + fi + di > window.innerWidth - pi, N = {
|
|
3741
3753
|
position: "fixed",
|
|
3742
3754
|
top: x.top,
|
|
3743
3755
|
left: x.left,
|
|
3744
3756
|
width: x.width,
|
|
3745
3757
|
zIndex: 1e3
|
|
3746
|
-
},
|
|
3758
|
+
}, P = {
|
|
3747
3759
|
position: "absolute",
|
|
3748
3760
|
top: -9,
|
|
3749
|
-
...
|
|
3750
|
-
width:
|
|
3761
|
+
...ee ? { right: `calc(100% + ${fi}px)` } : { left: `calc(100% + ${fi}px)` },
|
|
3762
|
+
width: di,
|
|
3751
3763
|
zIndex: 1
|
|
3752
3764
|
};
|
|
3753
3765
|
return h(/* @__PURE__ */ m("div", {
|
|
@@ -3762,7 +3774,7 @@ function pi({ isOpen: e, themeClassName: t, title: n, columnKey: i, canFilter: a
|
|
|
3762
3774
|
e.preventDefault();
|
|
3763
3775
|
},
|
|
3764
3776
|
className: g("ssg-menu-panel", t),
|
|
3765
|
-
style:
|
|
3777
|
+
style: N,
|
|
3766
3778
|
children: [
|
|
3767
3779
|
/* @__PURE__ */ p("div", {
|
|
3768
3780
|
className: "ssg-menu-title",
|
|
@@ -3871,8 +3883,8 @@ function pi({ isOpen: e, themeClassName: t, title: n, columnKey: i, canFilter: a
|
|
|
3871
3883
|
]
|
|
3872
3884
|
}), M && /* @__PURE__ */ m("div", {
|
|
3873
3885
|
className: g("ssg-menu-panel", t),
|
|
3874
|
-
style:
|
|
3875
|
-
children: [
|
|
3886
|
+
style: P,
|
|
3887
|
+
children: [ui.map((e) => {
|
|
3876
3888
|
let t = y === e.value;
|
|
3877
3889
|
return /* @__PURE__ */ m("button", {
|
|
3878
3890
|
type: "button",
|
|
@@ -3966,24 +3978,24 @@ function pi({ isOpen: e, themeClassName: t, title: n, columnKey: i, canFilter: a
|
|
|
3966
3978
|
]
|
|
3967
3979
|
}), document.body);
|
|
3968
3980
|
}
|
|
3969
|
-
var
|
|
3981
|
+
var hi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i }) => {
|
|
3970
3982
|
let a = Math.max(8, Math.min(t, r - n - 8));
|
|
3971
3983
|
return {
|
|
3972
3984
|
top: Math.max(8, Math.min(e, i - 40)),
|
|
3973
3985
|
left: a
|
|
3974
3986
|
};
|
|
3975
|
-
},
|
|
3987
|
+
}, gi = 360, _i = 8, vi = 12, yi = [
|
|
3976
3988
|
"filter",
|
|
3977
3989
|
"columns",
|
|
3978
3990
|
"sort"
|
|
3979
|
-
],
|
|
3991
|
+
], bi = ({ canUseFilterTab: e, canUseColumnsTab: n, canUseSortTab: i, gridRootRef: a, alliedRef: s, suppressEscape: u = !1, onSuppressedEscape: d }) => {
|
|
3980
3992
|
let [f, p] = l(null), [m, h] = l(null), [g, _] = l(0), v = c(null), y = c(null), b = o(() => {
|
|
3981
3993
|
let t = {
|
|
3982
3994
|
filter: e,
|
|
3983
3995
|
columns: n,
|
|
3984
3996
|
sort: i
|
|
3985
3997
|
};
|
|
3986
|
-
return
|
|
3998
|
+
return yi.filter((e) => t[e]);
|
|
3987
3999
|
}, [
|
|
3988
4000
|
e,
|
|
3989
4001
|
n,
|
|
@@ -3991,17 +4003,17 @@ var mi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
3991
4003
|
]), x = f === null ? null : b.includes(f) ? f : b[0] ?? null, S = x !== null, C = t(() => {
|
|
3992
4004
|
let e = y.current;
|
|
3993
4005
|
if (e) {
|
|
3994
|
-
let t =
|
|
4006
|
+
let t = hi({
|
|
3995
4007
|
top: e.top,
|
|
3996
4008
|
left: e.left,
|
|
3997
|
-
panelWidth:
|
|
4009
|
+
panelWidth: gi,
|
|
3998
4010
|
viewportWidth: window.innerWidth,
|
|
3999
4011
|
viewportHeight: window.innerHeight
|
|
4000
4012
|
});
|
|
4001
|
-
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 : {
|
|
4002
4014
|
top: t.top,
|
|
4003
4015
|
left: t.left,
|
|
4004
|
-
width:
|
|
4016
|
+
width: gi
|
|
4005
4017
|
});
|
|
4006
4018
|
return;
|
|
4007
4019
|
}
|
|
@@ -4010,11 +4022,11 @@ var mi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
4010
4022
|
h(null);
|
|
4011
4023
|
return;
|
|
4012
4024
|
}
|
|
4013
|
-
let n = t.getBoundingClientRect(), r = n.right -
|
|
4014
|
-
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 : {
|
|
4015
4027
|
top: i,
|
|
4016
4028
|
left: r,
|
|
4017
|
-
width:
|
|
4029
|
+
width: gi
|
|
4018
4030
|
});
|
|
4019
4031
|
}, [a]), w = t((t) => {
|
|
4020
4032
|
({
|
|
@@ -4033,17 +4045,17 @@ var mi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
4033
4045
|
a.current?.focus();
|
|
4034
4046
|
});
|
|
4035
4047
|
}, [a]), E = t((e, t) => {
|
|
4036
|
-
let n =
|
|
4048
|
+
let n = hi({
|
|
4037
4049
|
top: e,
|
|
4038
4050
|
left: t,
|
|
4039
|
-
panelWidth:
|
|
4051
|
+
panelWidth: gi,
|
|
4040
4052
|
viewportWidth: window.innerWidth,
|
|
4041
4053
|
viewportHeight: window.innerHeight
|
|
4042
4054
|
});
|
|
4043
4055
|
y.current = n, h({
|
|
4044
4056
|
top: n.top,
|
|
4045
4057
|
left: n.left,
|
|
4046
|
-
width:
|
|
4058
|
+
width: gi
|
|
4047
4059
|
});
|
|
4048
4060
|
}, []);
|
|
4049
4061
|
return r(() => {
|
|
@@ -4097,7 +4109,7 @@ var mi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
4097
4109
|
closeToolPanel: T,
|
|
4098
4110
|
moveToolPanel: E
|
|
4099
4111
|
};
|
|
4100
|
-
},
|
|
4112
|
+
}, xi = ({ layout: e, onPanelMove: n }) => {
|
|
4101
4113
|
let i = c(null);
|
|
4102
4114
|
return r(() => () => {
|
|
4103
4115
|
i.current?.();
|
|
@@ -4125,8 +4137,8 @@ var mi = ({ top: e, left: t, panelWidth: n, viewportWidth: r, viewportHeight: i
|
|
|
4125
4137
|
};
|
|
4126
4138
|
//#endregion
|
|
4127
4139
|
//#region src/components/spreadsheet-grid/view/ToolPanel.tsx
|
|
4128
|
-
function
|
|
4129
|
-
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({
|
|
4130
4142
|
layout: a,
|
|
4131
4143
|
onPanelMove: l
|
|
4132
4144
|
});
|
|
@@ -4203,16 +4215,16 @@ function xi({ themeClassName: e, activeTab: t, flashTick: n, tabs: i, layout: a,
|
|
|
4203
4215
|
}
|
|
4204
4216
|
//#endregion
|
|
4205
4217
|
//#region src/components/spreadsheet-grid/view/ColumnChooserPanel.tsx
|
|
4206
|
-
var Q = 28,
|
|
4218
|
+
var Q = 28, Ci = 12, wi = [
|
|
4207
4219
|
"left",
|
|
4208
4220
|
"center",
|
|
4209
4221
|
"right"
|
|
4210
|
-
],
|
|
4222
|
+
], Ti = {
|
|
4211
4223
|
left: "左固定",
|
|
4212
4224
|
center: "固定なし",
|
|
4213
4225
|
right: "右固定"
|
|
4214
4226
|
};
|
|
4215
|
-
function
|
|
4227
|
+
function Ei(e, t, n) {
|
|
4216
4228
|
let r = e.find((e) => e.key === t);
|
|
4217
4229
|
if (!r) return null;
|
|
4218
4230
|
let i = r.pane, a = {
|
|
@@ -4232,7 +4244,7 @@ function Ti(e, t, n) {
|
|
|
4232
4244
|
...a.right
|
|
4233
4245
|
];
|
|
4234
4246
|
}
|
|
4235
|
-
function
|
|
4247
|
+
function Di({ state: e, disabled: t }) {
|
|
4236
4248
|
return /* @__PURE__ */ m("span", {
|
|
4237
4249
|
className: g("ssg-checkbox", (e === "checked" || e === "indeterminate") && "ssg-checkbox--filled", t && "ssg-checkbox--disabled"),
|
|
4238
4250
|
"aria-hidden": !0,
|
|
@@ -4251,7 +4263,7 @@ function Ei({ state: e, disabled: t }) {
|
|
|
4251
4263
|
}), e === "indeterminate" && /* @__PURE__ */ p("span", { className: "ssg-checkbox-dash" })]
|
|
4252
4264
|
});
|
|
4253
4265
|
}
|
|
4254
|
-
function
|
|
4266
|
+
function Oi({ disabled: e }) {
|
|
4255
4267
|
return /* @__PURE__ */ p("svg", {
|
|
4256
4268
|
width: "10",
|
|
4257
4269
|
height: "16",
|
|
@@ -4269,7 +4281,7 @@ function Di({ disabled: e }) {
|
|
|
4269
4281
|
}, `${t}-${e}`)))
|
|
4270
4282
|
});
|
|
4271
4283
|
}
|
|
4272
|
-
function
|
|
4284
|
+
function ki({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColumns: a, onHideAllColumns: s, onResetColumns: u, onReorderColumns: d }) {
|
|
4273
4285
|
let [h, _] = l(""), v = c(null);
|
|
4274
4286
|
r(() => {
|
|
4275
4287
|
let e = requestAnimationFrame(() => {
|
|
@@ -4287,14 +4299,14 @@ function Oi({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4287
4299
|
right: []
|
|
4288
4300
|
};
|
|
4289
4301
|
for (let t of C) e[t.pane].push(t);
|
|
4290
|
-
return
|
|
4302
|
+
return wi.map((t) => ({
|
|
4291
4303
|
pane: t,
|
|
4292
4304
|
items: e[t]
|
|
4293
4305
|
})).filter((e) => e.items.length > 0);
|
|
4294
|
-
}, [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(() => {
|
|
4295
4307
|
let e = D.current, t = j.current;
|
|
4296
4308
|
if (!e || !t) return;
|
|
4297
|
-
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;
|
|
4298
4310
|
for (let e = 0; e < n.length; e += 1) {
|
|
4299
4311
|
let t = n[e].getBoundingClientRect();
|
|
4300
4312
|
if (r < t.top + t.height / 2) {
|
|
@@ -4302,24 +4314,24 @@ function Oi({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4302
4314
|
break;
|
|
4303
4315
|
}
|
|
4304
4316
|
}
|
|
4305
|
-
|
|
4306
|
-
}, []),
|
|
4317
|
+
ee(i);
|
|
4318
|
+
}, []), I = t(() => {
|
|
4307
4319
|
let e = D.current;
|
|
4308
4320
|
if (!e || !A.current) {
|
|
4309
|
-
|
|
4321
|
+
P.current = null;
|
|
4310
4322
|
return;
|
|
4311
4323
|
}
|
|
4312
|
-
let t = e.getBoundingClientRect(), n =
|
|
4313
|
-
if (n < t.top + Q ? r = -12 : n > t.bottom - Q && (r =
|
|
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) {
|
|
4314
4326
|
let t = e.scrollTop;
|
|
4315
|
-
e.scrollTop += r, e.scrollTop !== t &&
|
|
4327
|
+
e.scrollTop += r, e.scrollTop !== t && F();
|
|
4316
4328
|
}
|
|
4317
|
-
|
|
4318
|
-
}, [
|
|
4319
|
-
|
|
4329
|
+
P.current = requestAnimationFrame(I);
|
|
4330
|
+
}, [F]), te = t((t) => {
|
|
4331
|
+
P.current !== null && (cancelAnimationFrame(P.current), P.current = null);
|
|
4320
4332
|
let n = O, r = M;
|
|
4321
|
-
if (A.current = !1, j.current = null, k(null),
|
|
4322
|
-
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);
|
|
4323
4335
|
t && d(t);
|
|
4324
4336
|
}
|
|
4325
4337
|
}, [
|
|
@@ -4328,20 +4340,20 @@ function Oi({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4328
4340
|
e,
|
|
4329
4341
|
d
|
|
4330
4342
|
]), ne = t((e, t, n) => {
|
|
4331
|
-
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)));
|
|
4332
4344
|
}, [
|
|
4333
4345
|
E,
|
|
4334
|
-
|
|
4335
|
-
|
|
4346
|
+
F,
|
|
4347
|
+
I
|
|
4336
4348
|
]), re = t((e) => {
|
|
4337
|
-
A.current && (
|
|
4338
|
-
}, [
|
|
4349
|
+
A.current && (N.current = e.clientY, F());
|
|
4350
|
+
}, [F]), ie = t(() => {
|
|
4339
4351
|
A.current && te(!0);
|
|
4340
4352
|
}, [te]), ae = t(() => {
|
|
4341
4353
|
A.current && te(!1);
|
|
4342
4354
|
}, [te]);
|
|
4343
4355
|
r(() => () => {
|
|
4344
|
-
|
|
4356
|
+
P.current !== null && (cancelAnimationFrame(P.current), P.current = null);
|
|
4345
4357
|
}, []);
|
|
4346
4358
|
let oe = () => {
|
|
4347
4359
|
n && (b ? s() : a());
|
|
@@ -4360,7 +4372,7 @@ function Oi({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4360
4372
|
onPointerUp: ie,
|
|
4361
4373
|
onPointerCancel: ae,
|
|
4362
4374
|
className: g("ssg-chooser-handle", !E && "ssg-chooser-handle--disabled", s && "ssg-chooser-handle--dragging"),
|
|
4363
|
-
children: /* @__PURE__ */ p(
|
|
4375
|
+
children: /* @__PURE__ */ p(Oi, { disabled: !E })
|
|
4364
4376
|
}), /* @__PURE__ */ m("button", {
|
|
4365
4377
|
type: "button",
|
|
4366
4378
|
disabled: o,
|
|
@@ -4368,7 +4380,7 @@ function Oi({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4368
4380
|
o || i(e.key, !e.visible);
|
|
4369
4381
|
},
|
|
4370
4382
|
className: "ssg-chooser-toggle",
|
|
4371
|
-
children: [/* @__PURE__ */ p(
|
|
4383
|
+
children: [/* @__PURE__ */ p(Di, {
|
|
4372
4384
|
state: e.visible ? "checked" : "unchecked",
|
|
4373
4385
|
disabled: o
|
|
4374
4386
|
}), /* @__PURE__ */ p("span", {
|
|
@@ -4388,7 +4400,7 @@ function Oi({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4388
4400
|
"aria-label": S,
|
|
4389
4401
|
"data-ssg-tooltip": S,
|
|
4390
4402
|
className: "ssg-chooser-master-btn",
|
|
4391
|
-
children: /* @__PURE__ */ p(
|
|
4403
|
+
children: /* @__PURE__ */ p(Di, {
|
|
4392
4404
|
state: x,
|
|
4393
4405
|
disabled: !n
|
|
4394
4406
|
})
|
|
@@ -4419,7 +4431,7 @@ function Oi({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4419
4431
|
children: [
|
|
4420
4432
|
T && /* @__PURE__ */ p("div", {
|
|
4421
4433
|
className: "ssg-chooser-section-heading",
|
|
4422
|
-
children:
|
|
4434
|
+
children: Ti[e.pane]
|
|
4423
4435
|
}),
|
|
4424
4436
|
e.items.map((t, n) => ce(t, n, e.pane)),
|
|
4425
4437
|
O !== null && se === e.pane && M === e.items.length && /* @__PURE__ */ p("div", { className: "ssg-chooser-drop-end" })
|
|
@@ -4446,7 +4458,7 @@ function Oi({ items: e, canToggle: n, onToggleColumnVisibility: i, onShowAllColu
|
|
|
4446
4458
|
}
|
|
4447
4459
|
//#endregion
|
|
4448
4460
|
//#region src/components/spreadsheet-grid/view/SortManagementPanel.tsx
|
|
4449
|
-
function
|
|
4461
|
+
function Ai({ disabled: e }) {
|
|
4450
4462
|
return /* @__PURE__ */ p("svg", {
|
|
4451
4463
|
width: "10",
|
|
4452
4464
|
height: "16",
|
|
@@ -4464,7 +4476,7 @@ function ki({ disabled: e }) {
|
|
|
4464
4476
|
}, `${t}-${e}`)))
|
|
4465
4477
|
});
|
|
4466
4478
|
}
|
|
4467
|
-
function
|
|
4479
|
+
function ji({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirection: a, onChangeColumn: s, onRemoveLevel: u, onClearAll: d, onMove: h }) {
|
|
4468
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(() => {
|
|
4469
4481
|
let e = x.current;
|
|
4470
4482
|
if (!e) return;
|
|
@@ -4493,9 +4505,9 @@ function Ai({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirecti
|
|
|
4493
4505
|
w.current && (D.current = e.clientY, O());
|
|
4494
4506
|
}, [O]), M = t(() => {
|
|
4495
4507
|
w.current && k(!0);
|
|
4496
|
-
}, [k]),
|
|
4508
|
+
}, [k]), ee = t(() => {
|
|
4497
4509
|
w.current && k(!1);
|
|
4498
|
-
}, [k]),
|
|
4510
|
+
}, [k]), N = r && v !== null;
|
|
4499
4511
|
return /* @__PURE__ */ m(f, { children: [
|
|
4500
4512
|
/* @__PURE__ */ m("div", {
|
|
4501
4513
|
ref: x,
|
|
@@ -4519,9 +4531,9 @@ function Ai({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirecti
|
|
|
4519
4531
|
onPointerDown: (e) => A(i, e),
|
|
4520
4532
|
onPointerMove: j,
|
|
4521
4533
|
onPointerUp: M,
|
|
4522
|
-
onPointerCancel:
|
|
4534
|
+
onPointerCancel: ee,
|
|
4523
4535
|
className: g("ssg-sort-handle", !b && "ssg-sort-handle--disabled", l && "ssg-sort-handle--dragging"),
|
|
4524
|
-
children: /* @__PURE__ */ p(
|
|
4536
|
+
children: /* @__PURE__ */ p(Ai, { disabled: !b })
|
|
4525
4537
|
}),
|
|
4526
4538
|
/* @__PURE__ */ p("span", {
|
|
4527
4539
|
"aria-hidden": !0,
|
|
@@ -4573,9 +4585,9 @@ function Ai({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirecti
|
|
|
4573
4585
|
className: "ssg-popover-footer",
|
|
4574
4586
|
children: [/* @__PURE__ */ p("button", {
|
|
4575
4587
|
type: "button",
|
|
4576
|
-
disabled: !
|
|
4588
|
+
disabled: !N,
|
|
4577
4589
|
onClick: () => {
|
|
4578
|
-
!
|
|
4590
|
+
!N || !v || i(v.key, "asc");
|
|
4579
4591
|
},
|
|
4580
4592
|
"data-ssg-tooltip": r ? v === null ? "すべての列が並び替えに使われています" : "並び替えの基準を追加します" : "並び替えが無効です",
|
|
4581
4593
|
className: "ssg-sort-footer-btn ssg-sort-footer-btn--add",
|
|
@@ -4599,7 +4611,7 @@ function Ai({ entries: e, columns: n, canSort: r, onAddLevel: i, onChangeDirecti
|
|
|
4599
4611
|
}
|
|
4600
4612
|
//#endregion
|
|
4601
4613
|
//#region src/components/spreadsheet-grid/view/FilterManagementPanel.tsx
|
|
4602
|
-
function
|
|
4614
|
+
function Mi() {
|
|
4603
4615
|
return /* @__PURE__ */ p("svg", {
|
|
4604
4616
|
width: "11",
|
|
4605
4617
|
height: "11",
|
|
@@ -4610,7 +4622,7 @@ function ji() {
|
|
|
4610
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" })
|
|
4611
4623
|
});
|
|
4612
4624
|
}
|
|
4613
|
-
function
|
|
4625
|
+
function Ni() {
|
|
4614
4626
|
return /* @__PURE__ */ m("svg", {
|
|
4615
4627
|
width: "11",
|
|
4616
4628
|
height: "11",
|
|
@@ -4627,7 +4639,7 @@ function Mi() {
|
|
|
4627
4639
|
}), /* @__PURE__ */ p("path", { d: "m20 20-3.5-3.5" })]
|
|
4628
4640
|
});
|
|
4629
4641
|
}
|
|
4630
|
-
function
|
|
4642
|
+
function Pi({ entries: e, addableColumns: t, showGlobalFilterRow: n, globalFilterText: r, canFilter: i, onEditFilter: a, onAddFilter: o, onClearFilter: s, onClearAllFilters: c, onClearGlobalFilter: l }) {
|
|
4631
4643
|
let u = i && e.length > 0, d = i && t.length > 0;
|
|
4632
4644
|
return /* @__PURE__ */ m(f, { children: [
|
|
4633
4645
|
n && /* @__PURE__ */ m("div", {
|
|
@@ -4636,7 +4648,7 @@ function Ni({ entries: e, addableColumns: t, showGlobalFilterRow: n, globalFilte
|
|
|
4636
4648
|
/* @__PURE__ */ p("span", {
|
|
4637
4649
|
className: "ssg-filter-manage-glyph ssg-filter-manage-glyph--global",
|
|
4638
4650
|
"aria-hidden": "true",
|
|
4639
|
-
children: /* @__PURE__ */ p(
|
|
4651
|
+
children: /* @__PURE__ */ p(Ni, {})
|
|
4640
4652
|
}),
|
|
4641
4653
|
/* @__PURE__ */ m("span", {
|
|
4642
4654
|
className: "ssg-filter-manage-main",
|
|
@@ -4678,7 +4690,7 @@ function Ni({ entries: e, addableColumns: t, showGlobalFilterRow: n, globalFilte
|
|
|
4678
4690
|
/* @__PURE__ */ p("span", {
|
|
4679
4691
|
className: "ssg-filter-manage-glyph",
|
|
4680
4692
|
"aria-hidden": "true",
|
|
4681
|
-
children: /* @__PURE__ */ p(
|
|
4693
|
+
children: /* @__PURE__ */ p(Mi, {})
|
|
4682
4694
|
}),
|
|
4683
4695
|
/* @__PURE__ */ m("span", {
|
|
4684
4696
|
className: "ssg-filter-manage-main",
|
|
@@ -4751,7 +4763,7 @@ function Ni({ entries: e, addableColumns: t, showGlobalFilterRow: n, globalFilte
|
|
|
4751
4763
|
}
|
|
4752
4764
|
//#endregion
|
|
4753
4765
|
//#region src/components/spreadsheet-grid/view/GridFilterChipBar.tsx
|
|
4754
|
-
function
|
|
4766
|
+
function Fi({ entries: e, canFilter: t, onEditFilter: n, onClearFilter: r, onClearAllFilters: i }) {
|
|
4755
4767
|
return e.length === 0 ? null : /* @__PURE__ */ m("div", {
|
|
4756
4768
|
className: "ssg-filter-chip-bar",
|
|
4757
4769
|
children: [e.map((e) => /* @__PURE__ */ m("div", {
|
|
@@ -4794,13 +4806,13 @@ function Pi({ entries: e, canFilter: t, onEditFilter: n, onClearFilter: r, onCle
|
|
|
4794
4806
|
}
|
|
4795
4807
|
//#endregion
|
|
4796
4808
|
//#region src/components/spreadsheet-grid/logic/contextMenuTarget.ts
|
|
4797
|
-
var
|
|
4809
|
+
var Ii = (e, t) => e.findIndex((e) => e.key === t), Li = (e, t, n) => {
|
|
4798
4810
|
if (!e) return !1;
|
|
4799
4811
|
if (e.type === "row") return t >= e.startRow && t <= e.endRow;
|
|
4800
4812
|
if (e.type === "col") return n >= e.startCol && n <= e.endCol;
|
|
4801
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);
|
|
4802
4814
|
return t >= a && t <= o && n >= s && n <= c;
|
|
4803
|
-
},
|
|
4815
|
+
}, Ri = (e, t) => {
|
|
4804
4816
|
if (!e) return !1;
|
|
4805
4817
|
if (e.type === "row") return t >= e.startRow && t <= e.endRow;
|
|
4806
4818
|
if (e.type === "cell") {
|
|
@@ -4808,18 +4820,18 @@ var Fi = (e, t) => e.findIndex((e) => e.key === t), Ii = (e, t, n) => {
|
|
|
4808
4820
|
return t >= i && t <= a;
|
|
4809
4821
|
}
|
|
4810
4822
|
return !1;
|
|
4811
|
-
},
|
|
4823
|
+
}, zi = 220, Bi = 8, Vi = 34, Hi = 16, Ui = ({ gridRootRef: e }) => {
|
|
4812
4824
|
let [n, i] = l(null), [a, o] = l(null), s = c(null), u = c(null), d = c(0), f = n !== null, p = t(() => {
|
|
4813
4825
|
let e = u.current;
|
|
4814
4826
|
if (!e) {
|
|
4815
4827
|
o(null);
|
|
4816
4828
|
return;
|
|
4817
4829
|
}
|
|
4818
|
-
let t = d.current *
|
|
4819
|
-
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 : {
|
|
4820
4832
|
top: r,
|
|
4821
4833
|
left: n,
|
|
4822
|
-
width:
|
|
4834
|
+
width: zi
|
|
4823
4835
|
});
|
|
4824
4836
|
}, []), m = t(() => {
|
|
4825
4837
|
i(null), o(null), u.current = null, d.current = 0, requestAnimationFrame(() => {
|
|
@@ -4877,7 +4889,7 @@ var Fi = (e, t) => e.findIndex((e) => e.key === t), Ii = (e, t, n) => {
|
|
|
4877
4889
|
};
|
|
4878
4890
|
//#endregion
|
|
4879
4891
|
//#region src/components/spreadsheet-grid/view/CellContextMenuPopover.tsx
|
|
4880
|
-
function
|
|
4892
|
+
function Wi({ isOpen: e, themeClassName: t, items: n, layout: r, popoverRef: i, onRequestClose: a }) {
|
|
4881
4893
|
if (!e || !r) return null;
|
|
4882
4894
|
let o = {
|
|
4883
4895
|
position: "fixed",
|
|
@@ -4927,21 +4939,21 @@ function Ui({ isOpen: e, themeClassName: t, items: n, layout: r, popoverRef: i,
|
|
|
4927
4939
|
}
|
|
4928
4940
|
//#endregion
|
|
4929
4941
|
//#region src/components/spreadsheet-grid/SpreadsheetGrid.tsx
|
|
4930
|
-
var
|
|
4942
|
+
var Gi = (e, t) => {
|
|
4931
4943
|
let n = new Set(e);
|
|
4932
4944
|
return n.add(t), n;
|
|
4933
|
-
},
|
|
4945
|
+
}, Ki = (e, t) => {
|
|
4934
4946
|
let n = new Set(e);
|
|
4935
4947
|
return n.delete(t), n;
|
|
4936
|
-
},
|
|
4948
|
+
}, qi = (e, t) => {
|
|
4937
4949
|
let n = new Set(e);
|
|
4938
4950
|
for (let e of t) n.add(e);
|
|
4939
4951
|
return n;
|
|
4940
|
-
},
|
|
4952
|
+
}, Ji = (e, t) => {
|
|
4941
4953
|
let n = new Set(e);
|
|
4942
4954
|
for (let e of t) n.delete(e);
|
|
4943
4955
|
return n;
|
|
4944
|
-
},
|
|
4956
|
+
}, Yi = [], Xi = {}, Zi = {}, Qi = [], $i = {
|
|
4945
4957
|
compact: {
|
|
4946
4958
|
rowHeight: 28,
|
|
4947
4959
|
headerHeight: 32
|
|
@@ -4954,26 +4966,26 @@ var Wi = (e, t) => {
|
|
|
4954
4966
|
rowHeight: 44,
|
|
4955
4967
|
headerHeight: 48
|
|
4956
4968
|
}
|
|
4957
|
-
},
|
|
4958
|
-
function
|
|
4959
|
-
let
|
|
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);
|
|
4960
4972
|
fn.current === null && (fn.current = new Map(h.map((e) => [e.key, {
|
|
4961
4973
|
width: e.width,
|
|
4962
4974
|
pinned: e.pinned,
|
|
4963
4975
|
visible: e.visible
|
|
4964
4976
|
}])));
|
|
4965
|
-
let pn = o(() => Ce(
|
|
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), [
|
|
4966
4978
|
Pn,
|
|
4967
|
-
|
|
4979
|
+
gn,
|
|
4968
4980
|
Nn,
|
|
4969
|
-
|
|
4981
|
+
K.columnWidths,
|
|
4970
4982
|
Fn
|
|
4971
|
-
]), Ln = o(() => In ===
|
|
4983
|
+
]), Ln = o(() => In === ea ? K.columnWidths : {
|
|
4972
4984
|
...In,
|
|
4973
|
-
...
|
|
4974
|
-
}, [In,
|
|
4985
|
+
...K.columnWidths
|
|
4986
|
+
}, [In, K.columnWidths]);
|
|
4975
4987
|
un.current = Ln;
|
|
4976
|
-
let
|
|
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(() => ({
|
|
4977
4989
|
left: Jn,
|
|
4978
4990
|
center: Yn,
|
|
4979
4991
|
right: Xn
|
|
@@ -4981,43 +4993,43 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
4981
4993
|
Jn,
|
|
4982
4994
|
Yn,
|
|
4983
4995
|
Xn
|
|
4984
|
-
]), Zn =
|
|
4985
|
-
visibleColumns:
|
|
4986
|
-
columnFilterValues:
|
|
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,
|
|
4987
4999
|
enableColumnFilter: cn,
|
|
4988
5000
|
gridRootRef: V
|
|
4989
|
-
}), { columnMenuLayout:
|
|
4990
|
-
visibleColumns:
|
|
4991
|
-
enableColumnMenu:
|
|
5001
|
+
}), { columnMenuLayout: gr, columnMenuRef: _r, isColumnMenuOpen: vr, openedMenuColumnKey: yr, openedMenuColumn: br, openColumnMenuFromButton: xr, openColumnMenuFromContextMenu: Sr, closeColumnMenu: X } = li({
|
|
5002
|
+
visibleColumns: U,
|
|
5003
|
+
enableColumnMenu: tt,
|
|
4992
5004
|
gridRootRef: V
|
|
4993
|
-
}), { activeToolPanelTab:
|
|
5005
|
+
}), { activeToolPanelTab: Cr, availableToolPanelTabs: Tr, toolPanelLayout: Er, toolPanelFlashTick: Or, toolPanelRef: kr, openToolPanel: Ar, closeToolPanel: jr, moveToolPanel: Mr } = bi({
|
|
4994
5006
|
canUseFilterTab: cn,
|
|
4995
|
-
canUseColumnsTab:
|
|
5007
|
+
canUseColumnsTab: tt,
|
|
4996
5008
|
canUseSortTab: sn,
|
|
4997
5009
|
gridRootRef: V,
|
|
4998
5010
|
alliedRef: sr,
|
|
4999
5011
|
suppressEscape: ur,
|
|
5000
|
-
onSuppressedEscape:
|
|
5001
|
-
}), { contextMenuState:
|
|
5012
|
+
onSuppressedEscape: pr
|
|
5013
|
+
}), { contextMenuState: Nr, contextMenuLayout: Lr, contextMenuRef: Rr, isContextMenuOpen: Br, openContextMenu: Vr, closeContextMenu: Wr } = Ui({ gridRootRef: V });
|
|
5002
5014
|
r(() => {
|
|
5003
|
-
let e =
|
|
5004
|
-
|
|
5005
|
-
}, [
|
|
5006
|
-
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({
|
|
5007
5019
|
rows: e,
|
|
5008
5020
|
baseOrder: o(() => ke(e.length), [e.length]),
|
|
5009
|
-
columns:
|
|
5010
|
-
globalText:
|
|
5021
|
+
columns: U,
|
|
5022
|
+
globalText: Gr,
|
|
5011
5023
|
enabled: ln
|
|
5012
|
-
}),
|
|
5024
|
+
}), Qr = o(() => {
|
|
5013
5025
|
let e = [];
|
|
5014
|
-
for (let t of
|
|
5026
|
+
for (let t of U) Ne(Jr[t.key]) && e.push(t.key);
|
|
5015
5027
|
return e.join("\0");
|
|
5016
|
-
}, [
|
|
5028
|
+
}, [U, Jr]), $r = o(() => {
|
|
5017
5029
|
let t = /* @__PURE__ */ new Map();
|
|
5018
|
-
if (
|
|
5019
|
-
let n = new Set(
|
|
5020
|
-
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) {
|
|
5021
5033
|
if (!n.has(i.key)) continue;
|
|
5022
5034
|
let a = new Float64Array(r);
|
|
5023
5035
|
for (let t = 0; t < r; t += 1) a[t] = Number(L(e[t], i));
|
|
@@ -5026,62 +5038,62 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5026
5038
|
return t;
|
|
5027
5039
|
}, [
|
|
5028
5040
|
e,
|
|
5029
|
-
|
|
5030
|
-
|
|
5031
|
-
]),
|
|
5041
|
+
U,
|
|
5042
|
+
Qr
|
|
5043
|
+
]), ei = o(() => ze(e, Yr, U, Jr, $r), [
|
|
5032
5044
|
e,
|
|
5045
|
+
Yr,
|
|
5046
|
+
U,
|
|
5033
5047
|
Jr,
|
|
5034
|
-
|
|
5035
|
-
|
|
5036
|
-
Qr
|
|
5037
|
-
]), ti = o(() => St(e, $r, H, G.sort), [
|
|
5048
|
+
$r
|
|
5049
|
+
]), ni = o(() => St(e, ei, U, K.sort), [
|
|
5038
5050
|
e,
|
|
5039
|
-
|
|
5040
|
-
|
|
5041
|
-
|
|
5042
|
-
]),
|
|
5043
|
-
getRowCount: () =>
|
|
5044
|
-
getRow: (t) => e[
|
|
5045
|
-
getSourceIndex: (e) =>
|
|
5046
|
-
getRowKey: (t) => on(e[
|
|
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])
|
|
5047
5059
|
}), [
|
|
5048
|
-
|
|
5060
|
+
ni,
|
|
5049
5061
|
e,
|
|
5050
5062
|
on
|
|
5051
|
-
]),
|
|
5052
|
-
globalText: ln ?
|
|
5053
|
-
columnFilters: cn ?
|
|
5054
|
-
sort: sn ?
|
|
5055
|
-
}) :
|
|
5056
|
-
|
|
5063
|
+
]), ai = o(() => G ? Fr({
|
|
5064
|
+
globalText: ln ? Gr : "",
|
|
5065
|
+
columnFilters: cn ? qr : Zi,
|
|
5066
|
+
sort: sn ? K.sort : Qi
|
|
5067
|
+
}) : Xi, [
|
|
5068
|
+
G,
|
|
5057
5069
|
ln,
|
|
5058
|
-
Wr,
|
|
5059
|
-
cn,
|
|
5060
5070
|
Gr,
|
|
5071
|
+
cn,
|
|
5072
|
+
qr,
|
|
5061
5073
|
sn,
|
|
5062
|
-
|
|
5063
|
-
]),
|
|
5074
|
+
K.sort
|
|
5075
|
+
]), oi = o(() => G ? Ir(ai) : "", [G, ai]), [si, ci] = l(ai), [ui, di] = l(oi);
|
|
5064
5076
|
r(() => {
|
|
5065
|
-
if (!
|
|
5077
|
+
if (!G) return;
|
|
5066
5078
|
let e = setTimeout(() => {
|
|
5067
|
-
|
|
5068
|
-
},
|
|
5079
|
+
ci(ai), di(oi);
|
|
5080
|
+
}, ia);
|
|
5069
5081
|
return () => clearTimeout(e);
|
|
5070
5082
|
}, [
|
|
5071
|
-
|
|
5072
|
-
|
|
5073
|
-
|
|
5083
|
+
G,
|
|
5084
|
+
oi,
|
|
5085
|
+
ai
|
|
5074
5086
|
]);
|
|
5075
|
-
let
|
|
5087
|
+
let fi = Pr({
|
|
5076
5088
|
dataSource: u,
|
|
5077
5089
|
rowKeyGetter: on,
|
|
5078
|
-
query:
|
|
5079
|
-
queryKey:
|
|
5090
|
+
query: si,
|
|
5091
|
+
queryKey: ui,
|
|
5080
5092
|
refreshToken: f
|
|
5081
|
-
}),
|
|
5082
|
-
|
|
5083
|
-
let
|
|
5084
|
-
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;
|
|
5085
5097
|
let t = e.target;
|
|
5086
5098
|
if (!t) return;
|
|
5087
5099
|
let n = t.closest("[data-row-index]");
|
|
@@ -5094,9 +5106,9 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5094
5106
|
if (!a) return;
|
|
5095
5107
|
let o = Z.getRowKey(i) ?? i, s, c, l = t.closest("[data-ssg-col-key]"), u = l?.dataset.ssgColKey;
|
|
5096
5108
|
if (l && u !== void 0) {
|
|
5097
|
-
let e =
|
|
5109
|
+
let e = Ii(W, u);
|
|
5098
5110
|
if (e < 0) return;
|
|
5099
|
-
let t =
|
|
5111
|
+
let t = W[e];
|
|
5100
5112
|
s = {
|
|
5101
5113
|
type: "cell",
|
|
5102
5114
|
rowIndex: i,
|
|
@@ -5105,138 +5117,138 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5105
5117
|
row: a,
|
|
5106
5118
|
column: t,
|
|
5107
5119
|
value: L(a, t)
|
|
5108
|
-
}, c =
|
|
5120
|
+
}, c = Li(K.selection, i, e);
|
|
5109
5121
|
} else s = {
|
|
5110
5122
|
type: "rowHeader",
|
|
5111
5123
|
rowIndex: i,
|
|
5112
5124
|
rowKey: o,
|
|
5113
5125
|
row: a
|
|
5114
|
-
}, c =
|
|
5126
|
+
}, c = Ri(K.selection, i);
|
|
5115
5127
|
let d = {
|
|
5116
5128
|
target: s,
|
|
5117
5129
|
clientX: e.clientX,
|
|
5118
5130
|
clientY: e.clientY,
|
|
5119
|
-
selection:
|
|
5120
|
-
activeCell:
|
|
5131
|
+
selection: K.selection,
|
|
5132
|
+
activeCell: K.activeCell,
|
|
5121
5133
|
isTargetSelected: c
|
|
5122
|
-
}, f =
|
|
5123
|
-
!f || f.length === 0 || (e.preventDefault(),
|
|
5134
|
+
}, f = Rt(d);
|
|
5135
|
+
!f || f.length === 0 || (e.preventDefault(), zt?.(d), Vr(d, f));
|
|
5124
5136
|
}, [
|
|
5125
|
-
Pt,
|
|
5126
5137
|
Ft,
|
|
5127
5138
|
Rt,
|
|
5139
|
+
zt,
|
|
5128
5140
|
Z,
|
|
5129
|
-
|
|
5130
|
-
|
|
5131
|
-
|
|
5132
|
-
|
|
5133
|
-
]), { isAutosizing:
|
|
5134
|
-
rowModelRef:
|
|
5141
|
+
W,
|
|
5142
|
+
K.selection,
|
|
5143
|
+
K.activeCell,
|
|
5144
|
+
Vr
|
|
5145
|
+
]), { isAutosizing: _i, runAutosize: vi } = mr({
|
|
5146
|
+
rowModelRef: hi,
|
|
5135
5147
|
gridRootRef: V,
|
|
5136
5148
|
columnWidthsRef: un,
|
|
5137
|
-
dispatch:
|
|
5138
|
-
}),
|
|
5139
|
-
|
|
5140
|
-
let
|
|
5149
|
+
dispatch: q
|
|
5150
|
+
}), yi = c(U);
|
|
5151
|
+
yi.current = U;
|
|
5152
|
+
let xi = c(!1);
|
|
5141
5153
|
r(() => {
|
|
5142
|
-
let { shouldRun: t, nextHasAutoSizedOnMount: n } =
|
|
5154
|
+
let { shouldRun: t, nextHasAutoSizedOnMount: n } = vn({
|
|
5143
5155
|
mode: Ze,
|
|
5144
|
-
isServerSide:
|
|
5156
|
+
isServerSide: G,
|
|
5145
5157
|
rowCount: e.length,
|
|
5146
|
-
hasAutoSizedOnMount:
|
|
5158
|
+
hasAutoSizedOnMount: xi.current
|
|
5147
5159
|
});
|
|
5148
|
-
|
|
5160
|
+
xi.current = n, t && vi(yi.current);
|
|
5149
5161
|
}, [
|
|
5150
5162
|
Ze,
|
|
5151
5163
|
e,
|
|
5152
|
-
|
|
5153
|
-
|
|
5164
|
+
G,
|
|
5165
|
+
vi
|
|
5154
5166
|
]);
|
|
5155
|
-
let Q = Z.getRowCount(),
|
|
5167
|
+
let Q = Z.getRowCount(), Ci = o(() => {
|
|
5156
5168
|
let t = null;
|
|
5157
|
-
return () => t ??= Array.from(
|
|
5158
|
-
}, [
|
|
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);
|
|
5159
5171
|
r(() => {
|
|
5160
|
-
let e =
|
|
5172
|
+
let e = H.current;
|
|
5161
5173
|
if (!e) return;
|
|
5162
|
-
|
|
5163
|
-
let t = () =>
|
|
5174
|
+
Ei(e.scrollTop), Oi(e.clientHeight), bn(e.clientWidth);
|
|
5175
|
+
let t = () => Ei(e.scrollTop);
|
|
5164
5176
|
e.addEventListener("scroll", t, { passive: !0 });
|
|
5165
5177
|
let n = new ResizeObserver(() => {
|
|
5166
|
-
|
|
5178
|
+
Oi(e.clientHeight), bn(e.clientWidth);
|
|
5167
5179
|
});
|
|
5168
5180
|
return n.observe(e), () => {
|
|
5169
5181
|
e.removeEventListener("scroll", t), n.disconnect();
|
|
5170
5182
|
};
|
|
5171
5183
|
}, []);
|
|
5172
|
-
let
|
|
5184
|
+
let Ai = J.center.entries, Mi = d({
|
|
5173
5185
|
horizontal: !0,
|
|
5174
|
-
count:
|
|
5175
|
-
getScrollElement: () =>
|
|
5176
|
-
estimateSize: (e) =>
|
|
5186
|
+
count: Ai.length,
|
|
5187
|
+
getScrollElement: () => H.current,
|
|
5188
|
+
estimateSize: (e) => Ai[e]?.paneLocalSize ?? Ai[e]?.column.width ?? 120,
|
|
5177
5189
|
overscan: 8,
|
|
5178
5190
|
useFlushSync: !1,
|
|
5179
5191
|
scrollMargin: nr
|
|
5180
|
-
}),
|
|
5192
|
+
}), Ni = Mi.getVirtualItems(), zi = j ?? Ht, Bi = o(() => U.some((e) => e.autoHeight === !0), [U]), Vi = !G && wt(A, Bi, Q, 5e4);
|
|
5181
5193
|
r(() => {}, [
|
|
5182
5194
|
A,
|
|
5183
|
-
|
|
5195
|
+
Bi,
|
|
5184
5196
|
Q,
|
|
5185
|
-
|
|
5197
|
+
G
|
|
5186
5198
|
]);
|
|
5187
|
-
let
|
|
5188
|
-
|
|
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,
|
|
5189
5201
|
Q,
|
|
5190
|
-
|
|
5202
|
+
zi,
|
|
5191
5203
|
Z
|
|
5192
|
-
]),
|
|
5193
|
-
|
|
5194
|
-
|
|
5195
|
-
|
|
5204
|
+
]), fa = o(() => Vi && da ? Gn(da) : Et(Q, Ht), [
|
|
5205
|
+
Vi,
|
|
5206
|
+
da,
|
|
5207
|
+
aa,
|
|
5196
5208
|
Q,
|
|
5197
|
-
|
|
5198
|
-
]),
|
|
5209
|
+
Ht
|
|
5210
|
+
]), pa = o(() => Vi ? Mt({
|
|
5199
5211
|
headerHeight: B,
|
|
5200
|
-
viewportHeight:
|
|
5201
|
-
scrollTop:
|
|
5212
|
+
viewportHeight: Di,
|
|
5213
|
+
scrollTop: Ti,
|
|
5202
5214
|
overscan: 20
|
|
5203
|
-
},
|
|
5215
|
+
}, fa) : jt({
|
|
5204
5216
|
rowCount: Q,
|
|
5205
|
-
rowHeight:
|
|
5217
|
+
rowHeight: Ht,
|
|
5206
5218
|
headerHeight: B,
|
|
5207
|
-
viewportHeight:
|
|
5208
|
-
scrollTop:
|
|
5219
|
+
viewportHeight: Di,
|
|
5220
|
+
scrollTop: Ti,
|
|
5209
5221
|
overscan: 20,
|
|
5210
5222
|
maxBodyPx: Ct
|
|
5211
5223
|
}), [
|
|
5212
|
-
|
|
5213
|
-
|
|
5224
|
+
Vi,
|
|
5225
|
+
fa,
|
|
5214
5226
|
Q,
|
|
5215
|
-
|
|
5227
|
+
Ht,
|
|
5216
5228
|
B,
|
|
5217
|
-
|
|
5218
|
-
|
|
5219
|
-
]),
|
|
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;
|
|
5220
5232
|
r(() => {
|
|
5221
|
-
if (!
|
|
5222
|
-
let e =
|
|
5223
|
-
e && (e.scrollTop = 0),
|
|
5224
|
-
}, [
|
|
5225
|
-
|
|
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));
|
|
5226
5238
|
}, [
|
|
5227
|
-
|
|
5228
|
-
ha,
|
|
5239
|
+
G,
|
|
5229
5240
|
ga,
|
|
5230
|
-
|
|
5231
|
-
|
|
5241
|
+
_a,
|
|
5242
|
+
pi,
|
|
5243
|
+
ui
|
|
5232
5244
|
]);
|
|
5233
|
-
let
|
|
5245
|
+
let va = pa.physicalBodyHeight, ya = pa.translateY === 0 ? void 0 : `translateY(${pa.translateY}px)`, ba = pa.scaleFactor, xa = pa.windowBaseOffsetPx;
|
|
5234
5246
|
a(() => {
|
|
5235
|
-
if (!
|
|
5236
|
-
|
|
5247
|
+
if (!Vi || !da) {
|
|
5248
|
+
la.current?.disconnect(), la.current = null, ua.current.clear();
|
|
5237
5249
|
return;
|
|
5238
5250
|
}
|
|
5239
|
-
let e =
|
|
5251
|
+
let e = H.current;
|
|
5240
5252
|
if (!e) return;
|
|
5241
5253
|
let t = e.querySelectorAll("[data-autoheight-cell]");
|
|
5242
5254
|
if (t.length > 0) {
|
|
@@ -5251,15 +5263,15 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5251
5263
|
});
|
|
5252
5264
|
let r = !1, i = Infinity;
|
|
5253
5265
|
if (n.forEach((e, t) => {
|
|
5254
|
-
|
|
5266
|
+
Un(da, t, Z.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
|
|
5255
5267
|
}), r) {
|
|
5256
|
-
let t = e.scrollTop, n =
|
|
5257
|
-
|
|
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);
|
|
5258
5270
|
}
|
|
5259
5271
|
}
|
|
5260
|
-
let n =
|
|
5261
|
-
|
|
5262
|
-
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();
|
|
5263
5275
|
t.forEach((e) => {
|
|
5264
5276
|
i.add(e), r.has(e) || (n.observe(e), r.add(e));
|
|
5265
5277
|
});
|
|
@@ -5270,306 +5282,306 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5270
5282
|
n.unobserve(e), r.delete(e);
|
|
5271
5283
|
});
|
|
5272
5284
|
}, [
|
|
5273
|
-
|
|
5274
|
-
ua,
|
|
5285
|
+
Vi,
|
|
5275
5286
|
da,
|
|
5287
|
+
fa,
|
|
5276
5288
|
Z,
|
|
5277
|
-
|
|
5278
|
-
|
|
5279
|
-
|
|
5280
|
-
|
|
5289
|
+
ma,
|
|
5290
|
+
Di,
|
|
5291
|
+
aa,
|
|
5292
|
+
sa
|
|
5281
5293
|
]), r(() => {
|
|
5282
|
-
let e =
|
|
5294
|
+
let e = ua.current;
|
|
5283
5295
|
return () => {
|
|
5284
|
-
|
|
5296
|
+
la.current?.disconnect(), la.current = null, e.clear();
|
|
5285
5297
|
};
|
|
5286
5298
|
}, []);
|
|
5287
|
-
let
|
|
5288
|
-
if (!
|
|
5289
|
-
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;
|
|
5290
5302
|
if (e < 0 || e >= Q) return null;
|
|
5291
|
-
let n =
|
|
5303
|
+
let n = P(J, t);
|
|
5292
5304
|
return n ? {
|
|
5293
5305
|
pane: n.pane,
|
|
5294
5306
|
rect: {
|
|
5295
5307
|
left: n.extent.start,
|
|
5296
|
-
top:
|
|
5308
|
+
top: fa.rowTop(e),
|
|
5297
5309
|
width: n.extent.width,
|
|
5298
|
-
height:
|
|
5310
|
+
height: fa.rowsHeight(e, e)
|
|
5299
5311
|
}
|
|
5300
5312
|
} : null;
|
|
5301
5313
|
}, [
|
|
5302
|
-
|
|
5314
|
+
K.activeCell,
|
|
5303
5315
|
Q,
|
|
5304
|
-
|
|
5305
|
-
|
|
5306
|
-
]),
|
|
5307
|
-
|
|
5308
|
-
scrollRef:
|
|
5309
|
-
columnVirtualizer:
|
|
5310
|
-
columnMeasurements:
|
|
5316
|
+
J,
|
|
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,
|
|
5311
5323
|
totalScrollWidth: ar,
|
|
5312
|
-
physicalBodyHeight:
|
|
5324
|
+
physicalBodyHeight: va,
|
|
5313
5325
|
headerHeight: B,
|
|
5314
5326
|
leftPaneWidth: nr,
|
|
5315
5327
|
rightPaneWidth: rr,
|
|
5316
5328
|
centerLeadingWidth: tr,
|
|
5317
|
-
activeCellRect:
|
|
5318
|
-
verticalScaleFactor:
|
|
5329
|
+
activeCellRect: Ea,
|
|
5330
|
+
verticalScaleFactor: ba
|
|
5319
5331
|
});
|
|
5320
|
-
let
|
|
5332
|
+
let Aa = o(() => {
|
|
5321
5333
|
if (He !== void 0) return He;
|
|
5322
5334
|
if (Ue !== void 0) return {
|
|
5323
5335
|
type: "include",
|
|
5324
5336
|
rowKeys: Ue
|
|
5325
5337
|
};
|
|
5326
|
-
}, [He, Ue]),
|
|
5327
|
-
|
|
5328
|
-
let
|
|
5329
|
-
|
|
5330
|
-
let
|
|
5331
|
-
|
|
5332
|
-
let
|
|
5333
|
-
|
|
5334
|
-
let
|
|
5335
|
-
pe(
|
|
5336
|
-
}, [
|
|
5337
|
-
|
|
5338
|
-
let
|
|
5339
|
-
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 = [];
|
|
5340
5352
|
for (let e = r; e <= i; e += 1) n.getRow(e) && a.push(n.getRowKey(e) ?? e);
|
|
5341
5353
|
return a;
|
|
5342
|
-
}, []),
|
|
5343
|
-
let n =
|
|
5354
|
+
}, []), Ua = t((e, t) => {
|
|
5355
|
+
let n = hi.current;
|
|
5344
5356
|
if (!n.getRow(e)) return;
|
|
5345
5357
|
let r = n.getRowKey(e) ?? e;
|
|
5346
|
-
if (
|
|
5347
|
-
|
|
5358
|
+
if (Ia.current === "single") {
|
|
5359
|
+
za.current = e, Ba(ae(r));
|
|
5348
5360
|
return;
|
|
5349
5361
|
}
|
|
5350
|
-
if (t.shiftKey &&
|
|
5351
|
-
|
|
5362
|
+
if (t.shiftKey && za.current !== null) {
|
|
5363
|
+
Ba(oe(Ha(za.current, e)));
|
|
5352
5364
|
return;
|
|
5353
5365
|
}
|
|
5354
|
-
|
|
5355
|
-
}, [
|
|
5356
|
-
let t =
|
|
5366
|
+
za.current = e, Ba(ie(Fa.current, r));
|
|
5367
|
+
}, [Ba, Ha]), Wa = t((e) => {
|
|
5368
|
+
let t = hi.current;
|
|
5357
5369
|
if (t.getRow(e)) {
|
|
5358
|
-
if (
|
|
5359
|
-
|
|
5370
|
+
if (Ia.current === "single") {
|
|
5371
|
+
Ba(ae(t.getRowKey(e) ?? e));
|
|
5360
5372
|
return;
|
|
5361
5373
|
}
|
|
5362
|
-
|
|
5374
|
+
za.current !== null && Ba(oe(Ha(za.current, e)));
|
|
5363
5375
|
}
|
|
5364
|
-
}, [
|
|
5365
|
-
let e =
|
|
5366
|
-
|
|
5367
|
-
}, [
|
|
5376
|
+
}, [Ba, Ha]), Ga = t(() => {
|
|
5377
|
+
let e = hi.current;
|
|
5378
|
+
Ba(ue(Fa.current, e.getRowCount()) === "all" ? ce() : se());
|
|
5379
|
+
}, [Ba]);
|
|
5368
5380
|
r(() => {
|
|
5369
|
-
if (!
|
|
5370
|
-
let e = fe(
|
|
5371
|
-
pe(
|
|
5381
|
+
if (!ja || !Aa) return;
|
|
5382
|
+
let e = fe(Aa);
|
|
5383
|
+
pe(Fa.current, e) || q(_.setRowSelectionState(e));
|
|
5372
5384
|
}, [
|
|
5385
|
+
ja,
|
|
5373
5386
|
Aa,
|
|
5374
|
-
|
|
5375
|
-
K
|
|
5387
|
+
q
|
|
5376
5388
|
]);
|
|
5377
|
-
let { updateSelectionFromPointer:
|
|
5389
|
+
let { updateSelectionFromPointer: Ka, handleCellPointerDown: qa, handleCellPointerEnter: Ja, handleNativeDragStart: Ya, handleRowHeaderPointerDown: Xa, handleRowHeaderPointerEnter: Za, handleColumnHeaderPointerDown: Qa, handleColumnHeaderPointerEnter: $a } = It({
|
|
5378
5390
|
gridRootRef: V,
|
|
5379
|
-
bodyScrollRef:
|
|
5380
|
-
scrollContainerRef:
|
|
5391
|
+
bodyScrollRef: Gt,
|
|
5392
|
+
scrollContainerRef: H,
|
|
5381
5393
|
leftPaneScrollRef: qt,
|
|
5382
5394
|
rightPaneScrollRef: Jt,
|
|
5383
|
-
pointerClientRef:
|
|
5384
|
-
autoScrollFrameRef:
|
|
5385
|
-
uiState:
|
|
5386
|
-
dispatch:
|
|
5395
|
+
pointerClientRef: Ut,
|
|
5396
|
+
autoScrollFrameRef: Wt,
|
|
5397
|
+
uiState: K,
|
|
5398
|
+
dispatch: q,
|
|
5387
5399
|
enableRangeSelection: Le,
|
|
5388
5400
|
enableSorting: sn,
|
|
5389
|
-
orderedColumns:
|
|
5401
|
+
orderedColumns: W,
|
|
5390
5402
|
filteredRowsLength: Q,
|
|
5391
|
-
visibleColumnsLength:
|
|
5392
|
-
paneLayout:
|
|
5403
|
+
visibleColumnsLength: U.length,
|
|
5404
|
+
paneLayout: J,
|
|
5393
5405
|
leftLeadingWidth: er,
|
|
5394
5406
|
centerLeadingWidth: tr,
|
|
5395
5407
|
rightLeadingWidth: 0,
|
|
5396
5408
|
headerHeight: B,
|
|
5397
|
-
rowMetrics:
|
|
5398
|
-
verticalScaleFactor:
|
|
5409
|
+
rowMetrics: fa,
|
|
5410
|
+
verticalScaleFactor: ba,
|
|
5399
5411
|
setHoveredRowIndex: en,
|
|
5400
5412
|
setHoveredColumnIndex: rn,
|
|
5401
|
-
enableRowHover:
|
|
5402
|
-
enableColumnHeaderHover:
|
|
5413
|
+
enableRowHover: $e,
|
|
5414
|
+
enableColumnHeaderHover: et,
|
|
5403
5415
|
enableRowSelection: Re,
|
|
5404
|
-
onGutterRowSelect:
|
|
5405
|
-
onGutterRowSelectDrag:
|
|
5406
|
-
}), { isWholeGridSelected:
|
|
5416
|
+
onGutterRowSelect: Ua,
|
|
5417
|
+
onGutterRowSelectDrag: Wa
|
|
5418
|
+
}), { isWholeGridSelected: eo, handleCopy: to, handlePaste: no } = Je({
|
|
5407
5419
|
rows: e,
|
|
5408
5420
|
rowModel: Z,
|
|
5409
|
-
visibleColumns:
|
|
5410
|
-
uiState:
|
|
5421
|
+
visibleColumns: W,
|
|
5422
|
+
uiState: K,
|
|
5411
5423
|
readOnly: Se,
|
|
5412
5424
|
canEditCell: Ie,
|
|
5413
5425
|
createRow: E,
|
|
5414
5426
|
createOverflowColumn: O,
|
|
5415
5427
|
onRowsChange: v,
|
|
5416
5428
|
onColumnsChange: C,
|
|
5417
|
-
dispatch:
|
|
5418
|
-
}),
|
|
5419
|
-
if (Q === 0 ||
|
|
5429
|
+
dispatch: q
|
|
5430
|
+
}), ro = t(() => {
|
|
5431
|
+
if (Q === 0 || U.length === 0) return;
|
|
5420
5432
|
let e = {
|
|
5421
5433
|
row: 0,
|
|
5422
5434
|
col: 0
|
|
5423
5435
|
}, t = {
|
|
5424
5436
|
row: Q - 1,
|
|
5425
|
-
col:
|
|
5437
|
+
col: U.length - 1
|
|
5426
5438
|
};
|
|
5427
|
-
|
|
5439
|
+
q(_.startSelection(e)), q(_.updateSelection(t)), q(_.endSelection()), q(_.activateCell(e));
|
|
5428
5440
|
}, [
|
|
5429
|
-
|
|
5441
|
+
q,
|
|
5430
5442
|
Q,
|
|
5431
|
-
|
|
5432
|
-
]), { getMovedCell:
|
|
5433
|
-
uiState:
|
|
5443
|
+
U.length
|
|
5444
|
+
]), { getMovedCell: io, handleKeyDown: ao } = pt({
|
|
5445
|
+
uiState: K,
|
|
5434
5446
|
rowModel: Z,
|
|
5435
|
-
visibleColumns:
|
|
5447
|
+
visibleColumns: W,
|
|
5436
5448
|
readOnly: Se,
|
|
5437
5449
|
canEditCell: Ie,
|
|
5438
5450
|
setEditorInitialValue: Xt,
|
|
5439
|
-
dispatch:
|
|
5440
|
-
handleCopy:
|
|
5451
|
+
dispatch: q,
|
|
5452
|
+
handleCopy: to,
|
|
5441
5453
|
handleCellDoubleClick: t((e) => {
|
|
5442
|
-
let t = Z.getRow(e.row), n =
|
|
5454
|
+
let t = Z.getRow(e.row), n = W[e.col];
|
|
5443
5455
|
if (!t || !n || !De({
|
|
5444
5456
|
readOnly: Se,
|
|
5445
5457
|
canEditCell: Ie
|
|
5446
5458
|
}, e.row, e.col, t, n)) return;
|
|
5447
5459
|
let r = L(t, n);
|
|
5448
|
-
Xt(String(r ?? "")),
|
|
5460
|
+
Xt(String(r ?? "")), q(_.startEdit(e));
|
|
5449
5461
|
}, [
|
|
5450
5462
|
Ie,
|
|
5451
|
-
|
|
5463
|
+
q,
|
|
5452
5464
|
Z,
|
|
5453
5465
|
Se,
|
|
5454
|
-
|
|
5466
|
+
W
|
|
5455
5467
|
]),
|
|
5456
|
-
isWholeGridSelected:
|
|
5457
|
-
selectEntireGrid:
|
|
5458
|
-
}), { startEditWithValue:
|
|
5459
|
-
uiState:
|
|
5468
|
+
isWholeGridSelected: eo,
|
|
5469
|
+
selectEntireGrid: ro
|
|
5470
|
+
}), { startEditWithValue: oo, commitEdit: so, cancelEdit: co } = ut({
|
|
5471
|
+
uiState: K,
|
|
5460
5472
|
rows: e,
|
|
5461
|
-
visibleColumns:
|
|
5473
|
+
visibleColumns: W,
|
|
5462
5474
|
rowModel: Z,
|
|
5463
5475
|
setEditorInitialValue: Xt,
|
|
5464
5476
|
onRowsChange: v,
|
|
5465
|
-
dispatch:
|
|
5466
|
-
getMovedCell:
|
|
5477
|
+
dispatch: q,
|
|
5478
|
+
getMovedCell: io,
|
|
5467
5479
|
gridRootRef: V,
|
|
5468
|
-
editorActionGuardRef:
|
|
5469
|
-
}),
|
|
5470
|
-
let t = Z.getRow(e.row), n =
|
|
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];
|
|
5471
5483
|
if (!t || !n || !De({
|
|
5472
5484
|
readOnly: Se,
|
|
5473
5485
|
canEditCell: Ie
|
|
5474
5486
|
}, e.row, e.col, t, n)) return;
|
|
5475
5487
|
let r = L(t, n);
|
|
5476
|
-
|
|
5488
|
+
oo(e, String(r ?? ""));
|
|
5477
5489
|
}, [
|
|
5478
5490
|
Ie,
|
|
5479
5491
|
Z,
|
|
5480
5492
|
Se,
|
|
5481
|
-
|
|
5482
|
-
|
|
5483
|
-
]),
|
|
5484
|
-
if (!
|
|
5485
|
-
if (
|
|
5486
|
-
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);
|
|
5487
5499
|
return {
|
|
5488
|
-
extents:
|
|
5500
|
+
extents: ee(J, e.start.col, e.end.col),
|
|
5489
5501
|
startRow: e.start.row,
|
|
5490
5502
|
endRow: e.end.row
|
|
5491
5503
|
};
|
|
5492
5504
|
}
|
|
5493
|
-
if (
|
|
5494
|
-
let e = be(
|
|
5505
|
+
if (K.selection.type === "row") {
|
|
5506
|
+
let e = be(K.selection.startRow, K.selection.endRow);
|
|
5495
5507
|
return {
|
|
5496
|
-
extents:
|
|
5508
|
+
extents: N(J),
|
|
5497
5509
|
startRow: e.startRow,
|
|
5498
5510
|
endRow: e.endRow
|
|
5499
5511
|
};
|
|
5500
5512
|
}
|
|
5501
|
-
let e = xe(
|
|
5513
|
+
let e = xe(K.selection.startCol, K.selection.endCol);
|
|
5502
5514
|
return {
|
|
5503
|
-
extents:
|
|
5515
|
+
extents: ee(J, e.startCol, e.endCol),
|
|
5504
5516
|
startRow: 0,
|
|
5505
5517
|
endRow: Math.max(Q - 1, 0)
|
|
5506
5518
|
};
|
|
5507
5519
|
}, [
|
|
5508
|
-
|
|
5509
|
-
|
|
5520
|
+
K.selection,
|
|
5521
|
+
J,
|
|
5510
5522
|
Q
|
|
5511
|
-
]),
|
|
5512
|
-
if (!
|
|
5513
|
-
let e = Dt(
|
|
5523
|
+
]), po = o(() => {
|
|
5524
|
+
if (!fo) return null;
|
|
5525
|
+
let e = Dt(fo.startRow, fo.endRow, ga, _a);
|
|
5514
5526
|
return e ? {
|
|
5515
|
-
top:
|
|
5516
|
-
height:
|
|
5527
|
+
top: fa.rowTop(e.start),
|
|
5528
|
+
height: fa.rowsHeight(e.start, e.end)
|
|
5517
5529
|
} : null;
|
|
5518
5530
|
}, [
|
|
5519
|
-
|
|
5520
|
-
|
|
5521
|
-
|
|
5522
|
-
|
|
5523
|
-
]),
|
|
5524
|
-
if (!
|
|
5525
|
-
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];
|
|
5526
5538
|
return t ? {
|
|
5527
5539
|
left: t.start,
|
|
5528
|
-
top:
|
|
5540
|
+
top: po.top,
|
|
5529
5541
|
width: t.width,
|
|
5530
|
-
height:
|
|
5542
|
+
height: po.height
|
|
5531
5543
|
} : null;
|
|
5532
|
-
}, [
|
|
5533
|
-
if (e.preventDefault(), e.button === 0 && !(Q === 0 ||
|
|
5534
|
-
if (V.current?.focus(),
|
|
5535
|
-
|
|
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();
|
|
5536
5548
|
return;
|
|
5537
5549
|
}
|
|
5538
|
-
if (
|
|
5539
|
-
|
|
5550
|
+
if (eo) {
|
|
5551
|
+
q(_.clearSelection()), q(_.activateCell(null));
|
|
5540
5552
|
return;
|
|
5541
5553
|
}
|
|
5542
|
-
|
|
5554
|
+
ro();
|
|
5543
5555
|
}
|
|
5544
5556
|
}, [
|
|
5545
|
-
|
|
5557
|
+
q,
|
|
5546
5558
|
Q,
|
|
5547
|
-
|
|
5548
|
-
|
|
5549
|
-
|
|
5550
|
-
|
|
5551
|
-
|
|
5552
|
-
]),
|
|
5559
|
+
eo,
|
|
5560
|
+
ro,
|
|
5561
|
+
U.length,
|
|
5562
|
+
Ma,
|
|
5563
|
+
Ga
|
|
5564
|
+
]), go = t((e) => {
|
|
5553
5565
|
en((t) => t === e ? null : t);
|
|
5554
|
-
}, []),
|
|
5566
|
+
}, []), _o = t((e) => {
|
|
5555
5567
|
rn((t) => t === e ? null : t);
|
|
5556
|
-
}, []), _o = t(() => {
|
|
5557
|
-
Qt(!0);
|
|
5558
5568
|
}, []), vo = t(() => {
|
|
5569
|
+
Qt(!0);
|
|
5570
|
+
}, []), yo = t(() => {
|
|
5559
5571
|
Qt(!1);
|
|
5560
|
-
}, []),
|
|
5572
|
+
}, []), bo = t((e, t) => {
|
|
5561
5573
|
t.preventDefault(), t.stopPropagation();
|
|
5562
5574
|
let n = t.timeStamp, r = dn.current;
|
|
5563
|
-
if (r && r.key === e.key && n - r.time <
|
|
5564
|
-
dn.current = null,
|
|
5575
|
+
if (r && r.key === e.key && n - r.time < na && Math.abs(t.clientX - r.x) < ra) {
|
|
5576
|
+
dn.current = null, vi([e]);
|
|
5565
5577
|
return;
|
|
5566
5578
|
}
|
|
5567
5579
|
dn.current = {
|
|
5568
5580
|
key: e.key,
|
|
5569
5581
|
time: n,
|
|
5570
5582
|
x: t.clientX
|
|
5571
|
-
},
|
|
5572
|
-
}, [
|
|
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) => {
|
|
5573
5585
|
if (X(), !C) return;
|
|
5574
5586
|
let n = h.find((t) => t.key === e);
|
|
5575
5587
|
n && (n.pinned ?? void 0) !== t && (C(h.map((n) => {
|
|
@@ -5582,78 +5594,78 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5582
5594
|
...n,
|
|
5583
5595
|
width: r
|
|
5584
5596
|
};
|
|
5585
|
-
})),
|
|
5597
|
+
})), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5586
5598
|
}, [
|
|
5587
5599
|
X,
|
|
5588
5600
|
h,
|
|
5589
|
-
|
|
5601
|
+
q,
|
|
5590
5602
|
C
|
|
5591
|
-
]),
|
|
5603
|
+
]), So = t((e) => {
|
|
5592
5604
|
X();
|
|
5593
|
-
let t =
|
|
5594
|
-
t &&
|
|
5605
|
+
let t = U.find((t) => t.key === e);
|
|
5606
|
+
t && vi([t]);
|
|
5595
5607
|
}, [
|
|
5596
5608
|
X,
|
|
5597
|
-
|
|
5598
|
-
|
|
5599
|
-
]),
|
|
5600
|
-
X(),
|
|
5609
|
+
vi,
|
|
5610
|
+
U
|
|
5611
|
+
]), Co = t(() => {
|
|
5612
|
+
X(), vi(U);
|
|
5601
5613
|
}, [
|
|
5602
5614
|
X,
|
|
5603
|
-
|
|
5604
|
-
|
|
5605
|
-
]),
|
|
5615
|
+
vi,
|
|
5616
|
+
U
|
|
5617
|
+
]), wo = o(() => h.map((e) => ({
|
|
5606
5618
|
key: e.key,
|
|
5607
5619
|
title: e.title ?? e.key,
|
|
5608
5620
|
visible: e.visible !== !1,
|
|
5609
5621
|
pane: b(e)
|
|
5610
|
-
})), [h]),
|
|
5611
|
-
X(),
|
|
5612
|
-
}, [X,
|
|
5622
|
+
})), [h]), To = t(() => {
|
|
5623
|
+
X(), Ar("columns");
|
|
5624
|
+
}, [X, Ar]), Eo = o(() => U.map((e) => ({
|
|
5613
5625
|
key: e.key,
|
|
5614
5626
|
title: e.title ?? e.key
|
|
5615
|
-
})), [
|
|
5616
|
-
X(),
|
|
5617
|
-
}, [X,
|
|
5618
|
-
X(),
|
|
5619
|
-
}, [X,
|
|
5627
|
+
})), [U]), Do = t(() => {
|
|
5628
|
+
X(), Ar("sort");
|
|
5629
|
+
}, [X, Ar]), Oo = t((e) => {
|
|
5630
|
+
X(), fr(e);
|
|
5631
|
+
}, [X, fr]), ko = o(() => {
|
|
5620
5632
|
let e = [], t = (t, n) => {
|
|
5621
|
-
let r =
|
|
5633
|
+
let r = qr[t.key];
|
|
5622
5634
|
!r || !je(r) || e.push({
|
|
5623
5635
|
columnKey: t.key,
|
|
5624
5636
|
title: t.title || t.key,
|
|
5625
|
-
summaryText:
|
|
5637
|
+
summaryText: _n(r),
|
|
5626
5638
|
isHidden: n
|
|
5627
5639
|
});
|
|
5628
5640
|
};
|
|
5629
|
-
for (let e of
|
|
5641
|
+
for (let e of W) t(e, !1);
|
|
5630
5642
|
for (let e of h) e.visible === !1 && t(e, !0);
|
|
5631
5643
|
return e;
|
|
5632
5644
|
}, [
|
|
5633
|
-
|
|
5645
|
+
qr,
|
|
5634
5646
|
h,
|
|
5635
|
-
|
|
5636
|
-
]),
|
|
5647
|
+
W
|
|
5648
|
+
]), Ao = o(() => U.filter((e) => !!e.filterType && !je(qr[e.key])).map((e) => ({
|
|
5637
5649
|
key: e.key,
|
|
5638
5650
|
title: e.title || e.key
|
|
5639
|
-
})), [
|
|
5640
|
-
X(),
|
|
5641
|
-
}, [X,
|
|
5642
|
-
|
|
5651
|
+
})), [qr, U]), jo = t(() => {
|
|
5652
|
+
X(), Ar("filter");
|
|
5653
|
+
}, [X, Ar]), Mo = t(() => {
|
|
5654
|
+
Cr === "filter" ? jr() : Ar("filter");
|
|
5643
5655
|
}, [
|
|
5644
|
-
|
|
5645
|
-
|
|
5646
|
-
|
|
5647
|
-
]),
|
|
5648
|
-
let t = $.current, n =
|
|
5656
|
+
Cr,
|
|
5657
|
+
jr,
|
|
5658
|
+
Ar
|
|
5659
|
+
]), No = t((e) => {
|
|
5660
|
+
let t = $.current, n = H.current;
|
|
5649
5661
|
if (!t) return;
|
|
5650
5662
|
let r = t.orderedColumns.findIndex((t) => t.key === e);
|
|
5651
5663
|
if (r < 0) return;
|
|
5652
5664
|
let i = t.orderedColumns[r];
|
|
5653
5665
|
if (n) {
|
|
5654
|
-
let e =
|
|
5666
|
+
let e = P(t.paneLayout, r);
|
|
5655
5667
|
if (e && e.pane === "center") {
|
|
5656
|
-
let r =
|
|
5668
|
+
let r = Bn({
|
|
5657
5669
|
cellLeft: t.leftPaneTotalWidth + t.centerLeadingWidth + e.extent.start,
|
|
5658
5670
|
cellWidth: e.extent.width,
|
|
5659
5671
|
leftPaneWidth: t.leftPaneTotalWidth,
|
|
@@ -5679,23 +5691,23 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5679
5691
|
e < 8 && requestAnimationFrame(() => o(e + 1));
|
|
5680
5692
|
return;
|
|
5681
5693
|
}
|
|
5682
|
-
|
|
5694
|
+
fr(i), t.classList.remove("ssg-header-cell--jump-flash"), t.offsetWidth, t.classList.add("ssg-header-cell--jump-flash"), t.addEventListener("animationend", () => {
|
|
5683
5695
|
t.classList.remove("ssg-header-cell--jump-flash");
|
|
5684
5696
|
}, { once: !0 });
|
|
5685
5697
|
};
|
|
5686
5698
|
requestAnimationFrame(() => {
|
|
5687
5699
|
o(0);
|
|
5688
5700
|
});
|
|
5689
|
-
}, [V,
|
|
5690
|
-
|
|
5691
|
-
}, [
|
|
5692
|
-
|
|
5693
|
-
globalText:
|
|
5701
|
+
}, [V, fr]), Po = t((e) => {
|
|
5702
|
+
q(_.clearColumnFilter(e));
|
|
5703
|
+
}, [q]), Fo = t(() => {
|
|
5704
|
+
q(_.setAllFilters({
|
|
5705
|
+
globalText: K.filters.globalText,
|
|
5694
5706
|
columnFilters: {}
|
|
5695
5707
|
}));
|
|
5696
|
-
}, [
|
|
5697
|
-
|
|
5698
|
-
}, [
|
|
5708
|
+
}, [q, K.filters.globalText]), Io = t(() => {
|
|
5709
|
+
q(_.setGlobalFilter(""));
|
|
5710
|
+
}, [q]), Lo = t((e, t) => {
|
|
5699
5711
|
if (!C) return;
|
|
5700
5712
|
let n = h.find((t) => t.key === e);
|
|
5701
5713
|
n && n.visible !== !1 !== t && (!t && h.filter((e) => e.visible !== !1).length <= 1 || (C(h.map((n) => {
|
|
@@ -5708,12 +5720,12 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5708
5720
|
...n,
|
|
5709
5721
|
width: r
|
|
5710
5722
|
};
|
|
5711
|
-
})),
|
|
5723
|
+
})), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null))));
|
|
5712
5724
|
}, [
|
|
5713
5725
|
h,
|
|
5714
|
-
|
|
5726
|
+
q,
|
|
5715
5727
|
C
|
|
5716
|
-
]),
|
|
5728
|
+
]), Ro = t(() => {
|
|
5717
5729
|
C && h.some((e) => e.visible === !1) && (C(h.map((e) => {
|
|
5718
5730
|
let t = un.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
|
|
5719
5731
|
return !n && !r ? e : r ? {
|
|
@@ -5724,14 +5736,14 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5724
5736
|
...e,
|
|
5725
5737
|
width: t
|
|
5726
5738
|
};
|
|
5727
|
-
})),
|
|
5739
|
+
})), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5728
5740
|
}, [
|
|
5729
5741
|
h,
|
|
5730
|
-
|
|
5742
|
+
q,
|
|
5731
5743
|
C
|
|
5732
|
-
]),
|
|
5744
|
+
]), zo = t(() => {
|
|
5733
5745
|
if (!C) return;
|
|
5734
|
-
let e =
|
|
5746
|
+
let e = W[0]?.key;
|
|
5735
5747
|
e !== void 0 && h.some((t) => t.visible !== !1 && t.key !== e) && (C(h.map((t) => {
|
|
5736
5748
|
let n = un.current[t.key] ?? t.width, r = n !== t.width, i = t.visible !== !1 && t.key !== e;
|
|
5737
5749
|
return !r && !i ? t : i ? {
|
|
@@ -5742,13 +5754,13 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5742
5754
|
...t,
|
|
5743
5755
|
width: n
|
|
5744
5756
|
};
|
|
5745
|
-
})),
|
|
5757
|
+
})), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5746
5758
|
}, [
|
|
5747
5759
|
h,
|
|
5748
|
-
|
|
5760
|
+
q,
|
|
5749
5761
|
C,
|
|
5750
|
-
|
|
5751
|
-
]),
|
|
5762
|
+
W
|
|
5763
|
+
]), Bo = t((e, t) => {
|
|
5752
5764
|
if (!C || e.length !== h.length) return;
|
|
5753
5765
|
let n = new Map(h.map((e) => [e.key, e]));
|
|
5754
5766
|
if (!e.every((e) => n.has(e))) return;
|
|
@@ -5763,64 +5775,64 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5763
5775
|
r.length === h.length && r.every((e, t) => {
|
|
5764
5776
|
let n = h[t];
|
|
5765
5777
|
return !!n && n.key === e.key && n.width === e.width && (n.pinned ?? void 0) === (e.pinned ?? void 0);
|
|
5766
|
-
}) || (C(r),
|
|
5778
|
+
}) || (C(r), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5767
5779
|
}, [
|
|
5768
5780
|
h,
|
|
5769
|
-
|
|
5781
|
+
q,
|
|
5770
5782
|
C
|
|
5771
|
-
]),
|
|
5772
|
-
|
|
5773
|
-
}, [
|
|
5783
|
+
]), Vo = t((e) => {
|
|
5784
|
+
Bo(e);
|
|
5785
|
+
}, [Bo]), { onColumnDragHandlePointerDown: Ho, leftIndicatorRef: Uo, centerIndicatorRef: Wo, rightIndicatorRef: Go, applyReorderSettle: Ko } = hn({
|
|
5774
5786
|
enabled: !!C,
|
|
5775
5787
|
columns: h,
|
|
5776
|
-
paneLayout:
|
|
5788
|
+
paneLayout: J,
|
|
5777
5789
|
leftPaneScrollRef: qt,
|
|
5778
5790
|
rightPaneScrollRef: Jt,
|
|
5779
|
-
bodyScrollRef:
|
|
5780
|
-
scrollContainerRef:
|
|
5791
|
+
bodyScrollRef: Gt,
|
|
5792
|
+
scrollContainerRef: H,
|
|
5781
5793
|
leftLeadingWidth: er,
|
|
5782
5794
|
centerLeadingWidth: tr,
|
|
5783
5795
|
rightLeadingWidth: 0,
|
|
5784
|
-
applyColumnOrderAndPin:
|
|
5796
|
+
applyColumnOrderAndPin: Bo
|
|
5785
5797
|
});
|
|
5786
5798
|
a(() => {
|
|
5787
|
-
|
|
5788
|
-
}, [
|
|
5789
|
-
let
|
|
5799
|
+
Ko();
|
|
5800
|
+
}, [J, Ko]);
|
|
5801
|
+
let qo = C ? Ho : void 0, Jo = {
|
|
5790
5802
|
position: "absolute",
|
|
5791
5803
|
top: 0,
|
|
5792
|
-
height: B +
|
|
5804
|
+
height: B + va,
|
|
5793
5805
|
transform: "translateX(-1px)",
|
|
5794
5806
|
pointerEvents: "none",
|
|
5795
5807
|
zIndex: 8,
|
|
5796
5808
|
display: "none"
|
|
5797
|
-
},
|
|
5809
|
+
}, Yo = t(() => {
|
|
5798
5810
|
if (!C) return;
|
|
5799
5811
|
let e = fn.current;
|
|
5800
5812
|
if (!e) return;
|
|
5801
|
-
let t =
|
|
5802
|
-
t !== null && (C(t),
|
|
5813
|
+
let t = yn(h, e, un.current);
|
|
5814
|
+
t !== null && (C(t), q(_.stopEdit()), q(_.clearSelection()), q(_.activateCell(null)));
|
|
5803
5815
|
}, [
|
|
5804
5816
|
h,
|
|
5805
|
-
|
|
5817
|
+
q,
|
|
5806
5818
|
C
|
|
5807
|
-
]),
|
|
5808
|
-
X(),
|
|
5809
|
-
}, [X,
|
|
5810
|
-
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,
|
|
5811
5823
|
rowCount: e.length,
|
|
5812
|
-
getRawValueAt:
|
|
5813
|
-
}),
|
|
5814
|
-
mode:
|
|
5815
|
-
values: new Set(
|
|
5816
|
-
} : 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) => {
|
|
5817
5829
|
let r = t.mode === "include" ? t.values.size : n - t.values.size;
|
|
5818
5830
|
if (r >= n) {
|
|
5819
|
-
|
|
5831
|
+
q(_.clearColumnFilter(e));
|
|
5820
5832
|
return;
|
|
5821
5833
|
}
|
|
5822
5834
|
if (r <= 0) {
|
|
5823
|
-
|
|
5835
|
+
q(_.setColumnFilter(e, {
|
|
5824
5836
|
kind: "set",
|
|
5825
5837
|
mode: "include",
|
|
5826
5838
|
values: []
|
|
@@ -5832,111 +5844,111 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5832
5844
|
mode: t.mode,
|
|
5833
5845
|
values: Array.from(t.values)
|
|
5834
5846
|
};
|
|
5835
|
-
|
|
5836
|
-
}, [
|
|
5837
|
-
if (!
|
|
5838
|
-
let t =
|
|
5839
|
-
r = zr(n, e) ? n === null ?
|
|
5847
|
+
q(_.setColumnFilter(e, i));
|
|
5848
|
+
}, [q]), os = t((e) => {
|
|
5849
|
+
if (!Y) return;
|
|
5850
|
+
let t = Qo.length, n = rs, r;
|
|
5851
|
+
r = zr(n, e) ? n === null ? is ? {
|
|
5840
5852
|
mode: "exclude",
|
|
5841
5853
|
values: new Set([e])
|
|
5842
5854
|
} : {
|
|
5843
5855
|
mode: "include",
|
|
5844
|
-
values:
|
|
5856
|
+
values: Ki($o, e)
|
|
5845
5857
|
} : n.mode === "include" ? {
|
|
5846
5858
|
mode: "include",
|
|
5847
|
-
values:
|
|
5859
|
+
values: Ki(n.values, e)
|
|
5848
5860
|
} : {
|
|
5849
5861
|
mode: "exclude",
|
|
5850
|
-
values:
|
|
5862
|
+
values: Gi(n.values, e)
|
|
5851
5863
|
} : n.mode === "include" ? {
|
|
5852
5864
|
mode: "include",
|
|
5853
|
-
values:
|
|
5865
|
+
values: Gi(n.values, e)
|
|
5854
5866
|
} : {
|
|
5855
5867
|
mode: "exclude",
|
|
5856
|
-
values:
|
|
5857
|
-
},
|
|
5868
|
+
values: Ki(n.values, e)
|
|
5869
|
+
}, as(Y.columnKey, r, t);
|
|
5858
5870
|
}, [
|
|
5859
|
-
|
|
5860
|
-
ns,
|
|
5871
|
+
Y,
|
|
5861
5872
|
rs,
|
|
5873
|
+
is,
|
|
5874
|
+
$o,
|
|
5862
5875
|
Qo,
|
|
5863
|
-
|
|
5864
|
-
|
|
5865
|
-
|
|
5866
|
-
|
|
5867
|
-
let n = J.columnKey, r = Zo.length;
|
|
5876
|
+
as
|
|
5877
|
+
]), ss = t((e, t) => {
|
|
5878
|
+
if (!Y) return;
|
|
5879
|
+
let n = Y.columnKey, r = Qo.length;
|
|
5868
5880
|
if (e === "all") {
|
|
5869
|
-
t ?
|
|
5881
|
+
t ? q(_.clearColumnFilter(n)) : as(n, {
|
|
5870
5882
|
mode: "include",
|
|
5871
5883
|
values: /* @__PURE__ */ new Set()
|
|
5872
5884
|
}, r);
|
|
5873
5885
|
return;
|
|
5874
5886
|
}
|
|
5875
|
-
let i =
|
|
5887
|
+
let i = rs, a;
|
|
5876
5888
|
if (t) {
|
|
5877
5889
|
if (i === null) {
|
|
5878
|
-
|
|
5890
|
+
q(_.clearColumnFilter(n));
|
|
5879
5891
|
return;
|
|
5880
5892
|
}
|
|
5881
5893
|
a = i.mode === "include" ? {
|
|
5882
5894
|
mode: "include",
|
|
5883
|
-
values:
|
|
5895
|
+
values: qi(i.values, e)
|
|
5884
5896
|
} : {
|
|
5885
5897
|
mode: "exclude",
|
|
5886
|
-
values:
|
|
5898
|
+
values: Ji(i.values, e)
|
|
5887
5899
|
};
|
|
5888
|
-
} else a = i === null ?
|
|
5900
|
+
} else a = i === null ? is ? {
|
|
5889
5901
|
mode: "exclude",
|
|
5890
5902
|
values: new Set(e)
|
|
5891
5903
|
} : {
|
|
5892
5904
|
mode: "include",
|
|
5893
|
-
values:
|
|
5905
|
+
values: Ji($o, e)
|
|
5894
5906
|
} : i.mode === "include" ? {
|
|
5895
5907
|
mode: "include",
|
|
5896
|
-
values:
|
|
5908
|
+
values: Ji(i.values, e)
|
|
5897
5909
|
} : {
|
|
5898
5910
|
mode: "exclude",
|
|
5899
|
-
values:
|
|
5911
|
+
values: qi(i.values, e)
|
|
5900
5912
|
};
|
|
5901
|
-
|
|
5913
|
+
as(n, a, r);
|
|
5902
5914
|
}, [
|
|
5903
|
-
|
|
5904
|
-
ns,
|
|
5915
|
+
Y,
|
|
5905
5916
|
rs,
|
|
5906
|
-
Qo,
|
|
5907
|
-
Zo,
|
|
5908
5917
|
is,
|
|
5909
|
-
|
|
5910
|
-
|
|
5911
|
-
|
|
5918
|
+
$o,
|
|
5919
|
+
Qo,
|
|
5920
|
+
as,
|
|
5921
|
+
q
|
|
5922
|
+
]), cs = t((e) => {
|
|
5923
|
+
Y && as(Y.columnKey, {
|
|
5912
5924
|
mode: "include",
|
|
5913
5925
|
values: new Set(e)
|
|
5914
|
-
},
|
|
5926
|
+
}, Qo.length);
|
|
5915
5927
|
}, [
|
|
5916
|
-
|
|
5917
|
-
|
|
5918
|
-
|
|
5919
|
-
]),
|
|
5920
|
-
|
|
5921
|
-
}, [
|
|
5922
|
-
if (!
|
|
5923
|
-
let e =
|
|
5928
|
+
Y,
|
|
5929
|
+
as,
|
|
5930
|
+
Qo
|
|
5931
|
+
]), ls = t(() => {
|
|
5932
|
+
Y && q(_.clearColumnFilter(Y.columnKey));
|
|
5933
|
+
}, [q, Y]), us = t(() => {
|
|
5934
|
+
if (!Y) return;
|
|
5935
|
+
let e = U.find((e) => e.key === Y.columnKey)?.filterType ?? "text";
|
|
5924
5936
|
if (e === "set") {
|
|
5925
|
-
|
|
5937
|
+
pr();
|
|
5926
5938
|
return;
|
|
5927
5939
|
}
|
|
5928
5940
|
if (e === "number") {
|
|
5929
|
-
let e = Pe(
|
|
5941
|
+
let e = Pe(Y.draftValue);
|
|
5930
5942
|
if (!e) {
|
|
5931
|
-
|
|
5943
|
+
q(_.clearColumnFilter(Y.columnKey)), pr();
|
|
5932
5944
|
return;
|
|
5933
5945
|
}
|
|
5934
|
-
|
|
5946
|
+
q(_.setColumnFilter(Y.columnKey, e)), pr();
|
|
5935
5947
|
return;
|
|
5936
5948
|
}
|
|
5937
|
-
let t = e === "select" ?
|
|
5949
|
+
let t = e === "select" ? Y.draftValue : Y.draftValue.trim();
|
|
5938
5950
|
if (!t) {
|
|
5939
|
-
|
|
5951
|
+
q(_.clearColumnFilter(Y.columnKey)), pr();
|
|
5940
5952
|
return;
|
|
5941
5953
|
}
|
|
5942
5954
|
let n = e === "select" ? {
|
|
@@ -5952,70 +5964,70 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
5952
5964
|
kind: "text",
|
|
5953
5965
|
value: t
|
|
5954
5966
|
};
|
|
5955
|
-
|
|
5967
|
+
q(_.setColumnFilter(Y.columnKey, n)), pr();
|
|
5956
5968
|
}, [
|
|
5957
|
-
|
|
5958
|
-
|
|
5959
|
-
|
|
5960
|
-
|
|
5961
|
-
]),
|
|
5962
|
-
|
|
5969
|
+
pr,
|
|
5970
|
+
q,
|
|
5971
|
+
Y,
|
|
5972
|
+
U
|
|
5973
|
+
]), ds = t(() => {
|
|
5974
|
+
Y && (q(_.clearColumnFilter(Y.columnKey)), pr());
|
|
5963
5975
|
}, [
|
|
5964
|
-
|
|
5965
|
-
|
|
5966
|
-
|
|
5967
|
-
]),
|
|
5976
|
+
pr,
|
|
5977
|
+
q,
|
|
5978
|
+
Y
|
|
5979
|
+
]), fs = t((e, t) => {
|
|
5968
5980
|
if (X(), !R) return;
|
|
5969
|
-
let n = gt(
|
|
5970
|
-
|
|
5981
|
+
let n = gt(K.sort, e, t, !1);
|
|
5982
|
+
q(n.length === 0 ? _.clearSort() : _.setSort(n));
|
|
5971
5983
|
}, [
|
|
5972
5984
|
X,
|
|
5973
|
-
|
|
5985
|
+
q,
|
|
5974
5986
|
R,
|
|
5975
|
-
|
|
5976
|
-
]),
|
|
5987
|
+
K.sort
|
|
5988
|
+
]), ps = t((e, t) => {
|
|
5977
5989
|
if (!R) return;
|
|
5978
|
-
let n = _t(
|
|
5979
|
-
|
|
5990
|
+
let n = _t(K.sort, e, t);
|
|
5991
|
+
q(_.setSort(n));
|
|
5980
5992
|
}, [
|
|
5981
|
-
|
|
5993
|
+
q,
|
|
5982
5994
|
R,
|
|
5983
|
-
|
|
5984
|
-
]),
|
|
5995
|
+
K.sort
|
|
5996
|
+
]), ms = t((e, t) => {
|
|
5985
5997
|
if (!R) return;
|
|
5986
|
-
let n = vt(
|
|
5987
|
-
|
|
5998
|
+
let n = vt(K.sort, e, t);
|
|
5999
|
+
q(_.setSort(n));
|
|
5988
6000
|
}, [
|
|
5989
|
-
|
|
6001
|
+
q,
|
|
5990
6002
|
R,
|
|
5991
|
-
|
|
5992
|
-
]),
|
|
6003
|
+
K.sort
|
|
6004
|
+
]), hs = t((e, t) => {
|
|
5993
6005
|
if (!R) return;
|
|
5994
|
-
let n = yt(
|
|
5995
|
-
|
|
6006
|
+
let n = yt(K.sort, e, t);
|
|
6007
|
+
q(_.setSort(n));
|
|
5996
6008
|
}, [
|
|
5997
|
-
|
|
6009
|
+
q,
|
|
5998
6010
|
R,
|
|
5999
|
-
|
|
6000
|
-
]),
|
|
6011
|
+
K.sort
|
|
6012
|
+
]), gs = t((e) => {
|
|
6001
6013
|
if (!R) return;
|
|
6002
|
-
let t = bt(
|
|
6003
|
-
|
|
6014
|
+
let t = bt(K.sort, e);
|
|
6015
|
+
q(t.length === 0 ? _.clearSort() : _.setSort(t));
|
|
6004
6016
|
}, [
|
|
6005
|
-
|
|
6017
|
+
q,
|
|
6006
6018
|
R,
|
|
6007
|
-
|
|
6008
|
-
]),
|
|
6009
|
-
R &&
|
|
6010
|
-
}, [
|
|
6019
|
+
K.sort
|
|
6020
|
+
]), _s = t(() => {
|
|
6021
|
+
R && q(_.clearSort());
|
|
6022
|
+
}, [q, R]), vs = t((e, t) => {
|
|
6011
6023
|
if (!R) return;
|
|
6012
|
-
let n = xt(
|
|
6013
|
-
|
|
6024
|
+
let n = xt(K.sort, e, t);
|
|
6025
|
+
q(_.setSort(n));
|
|
6014
6026
|
}, [
|
|
6015
|
-
|
|
6027
|
+
q,
|
|
6016
6028
|
R,
|
|
6017
|
-
|
|
6018
|
-
]),
|
|
6029
|
+
K.sort
|
|
6030
|
+
]), ys = t((t, n, r, i, a) => {
|
|
6019
6031
|
let o = L(t, r);
|
|
6020
6032
|
return r.renderCell ? r.renderCell({
|
|
6021
6033
|
row: t,
|
|
@@ -6041,22 +6053,22 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6041
6053
|
Z,
|
|
6042
6054
|
v,
|
|
6043
6055
|
e
|
|
6044
|
-
]), { slotContext:
|
|
6056
|
+
]), { slotContext: bs } = lt({
|
|
6045
6057
|
rows: e,
|
|
6046
6058
|
viewRowCount: Q,
|
|
6047
|
-
getFilteredRows:
|
|
6059
|
+
getFilteredRows: Ci,
|
|
6048
6060
|
columns: h,
|
|
6049
|
-
visibleColumns:
|
|
6050
|
-
uiState:
|
|
6061
|
+
visibleColumns: U,
|
|
6062
|
+
uiState: K,
|
|
6051
6063
|
setGlobalFilterText: t((e) => {
|
|
6052
|
-
|
|
6053
|
-
}, [
|
|
6054
|
-
globalFilterStatus:
|
|
6055
|
-
globalFilterProgress:
|
|
6056
|
-
}),
|
|
6064
|
+
q(_.setGlobalFilter(e));
|
|
6065
|
+
}, [q]),
|
|
6066
|
+
globalFilterStatus: Xr,
|
|
6067
|
+
globalFilterProgress: Zr
|
|
6068
|
+
}), xs = o(() => ({
|
|
6057
6069
|
width: me,
|
|
6058
6070
|
minWidth: me
|
|
6059
|
-
}), [me]),
|
|
6071
|
+
}), [me]), Ss = Q === 0, Cs = (e, t, n) => ({
|
|
6060
6072
|
position: "sticky",
|
|
6061
6073
|
...e === "left" ? { left: 0 } : { right: 0 },
|
|
6062
6074
|
width: t,
|
|
@@ -6071,177 +6083,177 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6071
6083
|
borderLeft: "1px solid var(--ssg-pane-border)",
|
|
6072
6084
|
boxShadow: "var(--ssg-pane-shadow-right)"
|
|
6073
6085
|
} : {}
|
|
6074
|
-
}),
|
|
6075
|
-
if (!
|
|
6076
|
-
let e =
|
|
6086
|
+
}), ws = (() => {
|
|
6087
|
+
if (!dr) return "(なし)";
|
|
6088
|
+
let e = K.filters.columnFilters[dr.key];
|
|
6077
6089
|
if (Ae(e)) return e.mode === "exclude" ? `${e.values.length}件を除外中` : `${e.values.length}件を選択中`;
|
|
6078
6090
|
if (Ne(e)) return e.raw;
|
|
6079
6091
|
let t = Fe(e);
|
|
6080
6092
|
return t.trim() ? t : "(なし)";
|
|
6081
|
-
})(),
|
|
6082
|
-
themeClassName:
|
|
6083
|
-
isOpen: !!
|
|
6084
|
-
title:
|
|
6085
|
-
filterType:
|
|
6086
|
-
isServerSide:
|
|
6087
|
-
draftValue:
|
|
6088
|
-
currentValueText:
|
|
6093
|
+
})(), Ts = dr ? /* @__PURE__ */ p(Hr, {
|
|
6094
|
+
themeClassName: ka,
|
|
6095
|
+
isOpen: !!Y,
|
|
6096
|
+
title: dr.title || dr.key,
|
|
6097
|
+
filterType: dr.filterType ?? "text",
|
|
6098
|
+
isServerSide: G,
|
|
6099
|
+
draftValue: Y?.draftValue ?? "",
|
|
6100
|
+
currentValueText: ws,
|
|
6089
6101
|
layout: or,
|
|
6090
|
-
selectOptions:
|
|
6091
|
-
setSelection:
|
|
6092
|
-
optionsStatus:
|
|
6093
|
-
optionsProgress:
|
|
6102
|
+
selectOptions: Qo,
|
|
6103
|
+
setSelection: rs,
|
|
6104
|
+
optionsStatus: es,
|
|
6105
|
+
optionsProgress: ts,
|
|
6094
6106
|
popoverRef: sr,
|
|
6095
6107
|
textInputRef: cr,
|
|
6096
6108
|
selectRef: lr,
|
|
6097
|
-
onRequestClose:
|
|
6098
|
-
onDraftChange:
|
|
6099
|
-
onApply:
|
|
6100
|
-
onClear:
|
|
6101
|
-
onSetValueToggle:
|
|
6102
|
-
onSetSelectAllChange:
|
|
6103
|
-
onSetClear:
|
|
6104
|
-
onSetReplaceSelection:
|
|
6105
|
-
}) : null,
|
|
6106
|
-
themeClassName:
|
|
6107
|
-
isOpen:
|
|
6108
|
-
title:
|
|
6109
|
-
columnKey:
|
|
6110
|
-
canFilter: cn && !!
|
|
6111
|
-
onOpenFilter: () =>
|
|
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),
|
|
6112
6124
|
canSort: sn,
|
|
6113
|
-
sortDirection:
|
|
6114
|
-
onSortChange: (e) =>
|
|
6115
|
-
onOpenSortManager:
|
|
6125
|
+
sortDirection: K.sort.find((e) => e.columnKey === br.key)?.direction ?? null,
|
|
6126
|
+
onSortChange: (e) => fs(br.key, e),
|
|
6127
|
+
onOpenSortManager: Do,
|
|
6116
6128
|
canManageFilters: cn,
|
|
6117
|
-
onOpenFilterManager:
|
|
6118
|
-
pinned:
|
|
6129
|
+
onOpenFilterManager: jo,
|
|
6130
|
+
pinned: br.pinned,
|
|
6119
6131
|
canChangePinned: !!C,
|
|
6120
|
-
layout:
|
|
6121
|
-
popoverRef:
|
|
6122
|
-
onPinnedChange:
|
|
6123
|
-
onAutosizeColumn:
|
|
6124
|
-
onAutosizeAllColumns:
|
|
6125
|
-
onOpenColumnChooser:
|
|
6132
|
+
layout: gr,
|
|
6133
|
+
popoverRef: _r,
|
|
6134
|
+
onPinnedChange: xo,
|
|
6135
|
+
onAutosizeColumn: So,
|
|
6136
|
+
onAutosizeAllColumns: Co,
|
|
6137
|
+
onOpenColumnChooser: To,
|
|
6126
6138
|
canResetColumns: !!C,
|
|
6127
|
-
onResetColumns:
|
|
6139
|
+
onResetColumns: Xo,
|
|
6128
6140
|
onRequestClose: X
|
|
6129
|
-
}) : null,
|
|
6130
|
-
themeClassName:
|
|
6131
|
-
activeTab:
|
|
6132
|
-
flashTick:
|
|
6133
|
-
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" ? {
|
|
6134
6146
|
tab: e,
|
|
6135
6147
|
label: "フィルター",
|
|
6136
|
-
badge:
|
|
6148
|
+
badge: Os
|
|
6137
6149
|
} : e === "sort" ? {
|
|
6138
6150
|
tab: e,
|
|
6139
6151
|
label: "並び替え",
|
|
6140
|
-
badge:
|
|
6152
|
+
badge: K.sort.length
|
|
6141
6153
|
} : {
|
|
6142
6154
|
tab: e,
|
|
6143
6155
|
label: "列"
|
|
6144
6156
|
}),
|
|
6145
|
-
layout:
|
|
6146
|
-
panelRef:
|
|
6147
|
-
onSelectTab:
|
|
6148
|
-
onRequestClose:
|
|
6149
|
-
onPanelMove:
|
|
6150
|
-
children:
|
|
6151
|
-
filter: () => /* @__PURE__ */ p(
|
|
6152
|
-
entries:
|
|
6153
|
-
addableColumns:
|
|
6154
|
-
showGlobalFilterRow:
|
|
6155
|
-
globalFilterText:
|
|
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,
|
|
6156
6168
|
canFilter: cn,
|
|
6157
|
-
onEditFilter:
|
|
6158
|
-
onAddFilter:
|
|
6159
|
-
onClearFilter:
|
|
6160
|
-
onClearAllFilters:
|
|
6161
|
-
onClearGlobalFilter:
|
|
6169
|
+
onEditFilter: No,
|
|
6170
|
+
onAddFilter: No,
|
|
6171
|
+
onClearFilter: Po,
|
|
6172
|
+
onClearAllFilters: Fo,
|
|
6173
|
+
onClearGlobalFilter: Io
|
|
6162
6174
|
}),
|
|
6163
|
-
columns: () => /* @__PURE__ */ p(
|
|
6164
|
-
items:
|
|
6175
|
+
columns: () => /* @__PURE__ */ p(ki, {
|
|
6176
|
+
items: wo,
|
|
6165
6177
|
canToggle: !!C,
|
|
6166
|
-
onToggleColumnVisibility:
|
|
6167
|
-
onShowAllColumns:
|
|
6168
|
-
onHideAllColumns:
|
|
6169
|
-
onResetColumns:
|
|
6170
|
-
onReorderColumns:
|
|
6178
|
+
onToggleColumnVisibility: Lo,
|
|
6179
|
+
onShowAllColumns: Ro,
|
|
6180
|
+
onHideAllColumns: zo,
|
|
6181
|
+
onResetColumns: Yo,
|
|
6182
|
+
onReorderColumns: Vo
|
|
6171
6183
|
}),
|
|
6172
|
-
sort: () => /* @__PURE__ */ p(
|
|
6173
|
-
entries:
|
|
6174
|
-
columns:
|
|
6184
|
+
sort: () => /* @__PURE__ */ p(ji, {
|
|
6185
|
+
entries: K.sort,
|
|
6186
|
+
columns: Eo,
|
|
6175
6187
|
canSort: sn,
|
|
6176
|
-
onAddLevel:
|
|
6177
|
-
onChangeDirection:
|
|
6178
|
-
onChangeColumn:
|
|
6179
|
-
onRemoveLevel:
|
|
6180
|
-
onClearAll:
|
|
6181
|
-
onMove:
|
|
6188
|
+
onAddLevel: ps,
|
|
6189
|
+
onChangeDirection: ms,
|
|
6190
|
+
onChangeColumn: hs,
|
|
6191
|
+
onRemoveLevel: gs,
|
|
6192
|
+
onClearAll: _s,
|
|
6193
|
+
onMove: vs
|
|
6182
6194
|
})
|
|
6183
|
-
}[
|
|
6184
|
-
}),
|
|
6185
|
-
themeClassName:
|
|
6186
|
-
isOpen:
|
|
6187
|
-
items:
|
|
6188
|
-
layout:
|
|
6189
|
-
popoverRef:
|
|
6190
|
-
onRequestClose:
|
|
6191
|
-
}),
|
|
6192
|
-
context:
|
|
6193
|
-
showSummary:
|
|
6194
|
-
showFilter:
|
|
6195
|
-
showCounts:
|
|
6196
|
-
globalFilterPlaceholder:
|
|
6197
|
-
globalFilterIcon:
|
|
6198
|
-
onFilterSummaryClick: cn ?
|
|
6199
|
-
}) : null) : null,
|
|
6200
|
-
context:
|
|
6201
|
-
showCounts:
|
|
6202
|
-
})) : 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 : {
|
|
6203
6215
|
...he === void 0 ? {} : { height: he },
|
|
6204
6216
|
maxHeight: ge ?? (he === void 0 ? void 0 : "none")
|
|
6205
6217
|
}, $ = c(null);
|
|
6206
6218
|
$.current = {
|
|
6207
|
-
dispatch:
|
|
6219
|
+
dispatch: q,
|
|
6208
6220
|
rowModel: Z,
|
|
6209
6221
|
viewRowCount: Q,
|
|
6210
|
-
rowMetrics:
|
|
6211
|
-
paneLayout:
|
|
6212
|
-
orderedColumns:
|
|
6222
|
+
rowMetrics: fa,
|
|
6223
|
+
paneLayout: J,
|
|
6224
|
+
orderedColumns: W,
|
|
6213
6225
|
columns: h,
|
|
6214
6226
|
onColumnsChange: C,
|
|
6215
|
-
uiState:
|
|
6227
|
+
uiState: K,
|
|
6216
6228
|
headerHeight: B,
|
|
6217
|
-
verticalScaleFactor:
|
|
6229
|
+
verticalScaleFactor: ba,
|
|
6218
6230
|
leftPaneTotalWidth: nr,
|
|
6219
6231
|
rightPaneTotalWidth: rr,
|
|
6220
6232
|
centerLeadingWidth: tr,
|
|
6221
|
-
windowFirstRow:
|
|
6222
|
-
windowLastRow:
|
|
6223
|
-
physicalBodyHeight:
|
|
6233
|
+
windowFirstRow: ga,
|
|
6234
|
+
windowLastRow: _a,
|
|
6235
|
+
physicalBodyHeight: va,
|
|
6224
6236
|
rows: e,
|
|
6225
|
-
isServerSide:
|
|
6237
|
+
isServerSide: G,
|
|
6226
6238
|
openFilterManager: () => {
|
|
6227
|
-
|
|
6239
|
+
Ar("filter");
|
|
6228
6240
|
},
|
|
6229
6241
|
closeFilterManager: () => {
|
|
6230
|
-
|
|
6242
|
+
Cr === "filter" && jr();
|
|
6231
6243
|
}
|
|
6232
|
-
}, i(
|
|
6244
|
+
}, i(Bt, () => {
|
|
6233
6245
|
let e = (e, t) => {
|
|
6234
|
-
let n =
|
|
6246
|
+
let n = H.current, r = $.current;
|
|
6235
6247
|
!n || !r || n.scrollTo({
|
|
6236
6248
|
top: e === null ? n.scrollTop : kt(e, r.verticalScaleFactor),
|
|
6237
6249
|
left: t === null ? n.scrollLeft : t,
|
|
6238
6250
|
behavior: "auto"
|
|
6239
6251
|
});
|
|
6240
6252
|
}, t = (e, t) => {
|
|
6241
|
-
let n =
|
|
6253
|
+
let n = H.current, r = $.current;
|
|
6242
6254
|
if (!n || !r || r.viewRowCount === 0) return null;
|
|
6243
6255
|
let i = Math.min(Math.max(e, 0), r.viewRowCount - 1);
|
|
6244
|
-
return
|
|
6256
|
+
return zn({
|
|
6245
6257
|
rowTop: r.rowMetrics.rowTop(i),
|
|
6246
6258
|
rowHeight: r.rowMetrics.rowsHeight(i, i),
|
|
6247
6259
|
headerHeight: r.headerHeight,
|
|
@@ -6250,10 +6262,10 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6250
6262
|
align: t
|
|
6251
6263
|
});
|
|
6252
6264
|
}, n = (e, t) => {
|
|
6253
|
-
let n =
|
|
6265
|
+
let n = H.current, r = $.current;
|
|
6254
6266
|
if (!n || !r) return null;
|
|
6255
|
-
let i =
|
|
6256
|
-
return !i || i.pane !== "center" ? null :
|
|
6267
|
+
let i = P(r.paneLayout, e);
|
|
6268
|
+
return !i || i.pane !== "center" ? null : Bn({
|
|
6257
6269
|
cellLeft: r.leftPaneTotalWidth + r.centerLeadingWidth + i.extent.start,
|
|
6258
6270
|
cellWidth: i.extent.width,
|
|
6259
6271
|
leftPaneWidth: r.leftPaneTotalWidth,
|
|
@@ -6267,7 +6279,7 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6267
6279
|
}, i = (e) => {
|
|
6268
6280
|
let t = $.current;
|
|
6269
6281
|
if (!t) return null;
|
|
6270
|
-
let n = (e) => t.rowModel.getRow(e), r =
|
|
6282
|
+
let n = (e) => t.rowModel.getRow(e), r = wn(e);
|
|
6271
6283
|
if (r === "raw") return t.isServerSide ? (console.warn("SpreadsheetGrid: scope 'raw' は serverSide では未ロード行を取得できないため、'view'(ロード済みビュー行)として扱います。全件エクスポートはサーバ側での実施を推奨します。"), {
|
|
6272
6284
|
getRow: n,
|
|
6273
6285
|
startRow: 0,
|
|
@@ -6322,7 +6334,7 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6322
6334
|
};
|
|
6323
6335
|
}, a = (e) => {
|
|
6324
6336
|
let t = i(e?.scope ?? "view");
|
|
6325
|
-
return t ?
|
|
6337
|
+
return t ? Sn({
|
|
6326
6338
|
getRow: t.getRow,
|
|
6327
6339
|
startRow: t.startRow,
|
|
6328
6340
|
endRow: t.endRow,
|
|
@@ -6333,7 +6345,7 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6333
6345
|
}) : e?.bom ? "" : "";
|
|
6334
6346
|
}, o = (e) => {
|
|
6335
6347
|
let t = i(e?.scope ?? "view");
|
|
6336
|
-
return t ?
|
|
6348
|
+
return t ? Cn({
|
|
6337
6349
|
getRow: t.getRow,
|
|
6338
6350
|
startRow: t.startRow,
|
|
6339
6351
|
endRow: t.endRow,
|
|
@@ -6347,13 +6359,13 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6347
6359
|
scrollToRow: (n, r) => e(t(n, r?.align ?? "auto"), null),
|
|
6348
6360
|
scrollToCell: (e, t, n) => r(e, t, n?.align ?? "auto"),
|
|
6349
6361
|
scrollToTop: () => {
|
|
6350
|
-
|
|
6362
|
+
H.current?.scrollTo({
|
|
6351
6363
|
top: 0,
|
|
6352
6364
|
behavior: "auto"
|
|
6353
6365
|
});
|
|
6354
6366
|
},
|
|
6355
6367
|
scrollToBottom: () => {
|
|
6356
|
-
let e =
|
|
6368
|
+
let e = H.current, t = $.current;
|
|
6357
6369
|
!e || !t || e.scrollTo({
|
|
6358
6370
|
top: Math.max(t.headerHeight + t.physicalBodyHeight - e.clientHeight, 0),
|
|
6359
6371
|
behavior: "auto"
|
|
@@ -6424,7 +6436,7 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6424
6436
|
getExportData: (e) => o(e),
|
|
6425
6437
|
getState: () => {
|
|
6426
6438
|
let e = $.current;
|
|
6427
|
-
return e ?
|
|
6439
|
+
return e ? kn(e.uiState.columnWidths, e.uiState.filters, e.uiState.sort, On(e.columns)) : kn({}, {
|
|
6428
6440
|
globalText: "",
|
|
6429
6441
|
columnFilters: {}
|
|
6430
6442
|
}, [], []);
|
|
@@ -6432,8 +6444,8 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6432
6444
|
applyState: (e) => {
|
|
6433
6445
|
let t = $.current;
|
|
6434
6446
|
if (!t) return;
|
|
6435
|
-
let n =
|
|
6436
|
-
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));
|
|
6437
6449
|
},
|
|
6438
6450
|
getRowSelection: () => {
|
|
6439
6451
|
let e = $.current;
|
|
@@ -6443,7 +6455,7 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6443
6455
|
};
|
|
6444
6456
|
},
|
|
6445
6457
|
setRowSelection: (e) => {
|
|
6446
|
-
|
|
6458
|
+
Va.current(fe(e));
|
|
6447
6459
|
},
|
|
6448
6460
|
getSelectedRowKeys: () => {
|
|
6449
6461
|
let e = $.current;
|
|
@@ -6477,10 +6489,10 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6477
6489
|
return t ? re(t.uiState.rowSelection, e) : !1;
|
|
6478
6490
|
},
|
|
6479
6491
|
selectAllRows: () => {
|
|
6480
|
-
|
|
6492
|
+
Va.current(se());
|
|
6481
6493
|
},
|
|
6482
6494
|
clearRowSelection: () => {
|
|
6483
|
-
|
|
6495
|
+
Va.current(ce());
|
|
6484
6496
|
},
|
|
6485
6497
|
openFilterManager: () => {
|
|
6486
6498
|
$.current?.openFilterManager();
|
|
@@ -6490,165 +6502,166 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6490
6502
|
}
|
|
6491
6503
|
};
|
|
6492
6504
|
}, []);
|
|
6493
|
-
let
|
|
6494
|
-
|
|
6495
|
-
let
|
|
6505
|
+
let Ls = c(Vt);
|
|
6506
|
+
Ls.current = Vt;
|
|
6507
|
+
let Rs = c(null);
|
|
6496
6508
|
return r(() => {
|
|
6497
|
-
if (!
|
|
6498
|
-
let e =
|
|
6499
|
-
|
|
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);
|
|
6500
6512
|
}, [
|
|
6501
|
-
|
|
6502
|
-
|
|
6503
|
-
|
|
6504
|
-
|
|
6513
|
+
K.columnWidths,
|
|
6514
|
+
K.filters,
|
|
6515
|
+
K.sort,
|
|
6516
|
+
K.dragState,
|
|
6505
6517
|
h
|
|
6506
6518
|
]), /* @__PURE__ */ m("div", {
|
|
6507
|
-
className: g("ssg-root",
|
|
6519
|
+
className: g("ssg-root", I !== "standard" && `ssg-root--density-${I}`, ka, Me && "ssg-root--dim-readonly", Nt, z?.root),
|
|
6508
6520
|
children: [
|
|
6509
|
-
|
|
6510
|
-
|
|
6511
|
-
entries:
|
|
6521
|
+
Ps,
|
|
6522
|
+
ht && /* @__PURE__ */ p(Fi, {
|
|
6523
|
+
entries: ko,
|
|
6512
6524
|
canFilter: cn,
|
|
6513
|
-
onEditFilter:
|
|
6514
|
-
onClearFilter:
|
|
6515
|
-
onClearAllFilters:
|
|
6525
|
+
onEditFilter: No,
|
|
6526
|
+
onClearFilter: Po,
|
|
6527
|
+
onClearAllFilters: Fo
|
|
6516
6528
|
}),
|
|
6517
6529
|
/* @__PURE__ */ m("div", {
|
|
6518
6530
|
ref: V,
|
|
6519
6531
|
className: "ssg-shell",
|
|
6520
|
-
style: { cursor:
|
|
6521
|
-
onDragStart:
|
|
6532
|
+
style: { cursor: _i ? "progress" : void 0 },
|
|
6533
|
+
onDragStart: Ya,
|
|
6522
6534
|
onPointerLeave: () => en(null),
|
|
6523
6535
|
onPointerMoveCapture: (e) => {
|
|
6524
|
-
|
|
6536
|
+
Ut.current = {
|
|
6525
6537
|
x: e.clientX,
|
|
6526
6538
|
y: e.clientY
|
|
6527
|
-
},
|
|
6539
|
+
}, Ka(e.clientX, e.clientY);
|
|
6528
6540
|
},
|
|
6529
|
-
tabIndex:
|
|
6530
|
-
onKeyDown:
|
|
6531
|
-
onPaste:
|
|
6532
|
-
onContextMenu:
|
|
6541
|
+
tabIndex: js ? -1 : 0,
|
|
6542
|
+
onKeyDown: js ? void 0 : ao,
|
|
6543
|
+
onPaste: js ? void 0 : no,
|
|
6544
|
+
onContextMenu: gi,
|
|
6533
6545
|
children: [
|
|
6534
6546
|
/* @__PURE__ */ m("div", {
|
|
6535
|
-
ref:
|
|
6547
|
+
ref: H,
|
|
6536
6548
|
className: "ssg-scroll-container",
|
|
6537
|
-
style:
|
|
6549
|
+
style: Is,
|
|
6538
6550
|
children: [/* @__PURE__ */ m("div", {
|
|
6539
6551
|
className: "ssg-inner-row",
|
|
6540
6552
|
style: {
|
|
6541
6553
|
width: ar,
|
|
6542
6554
|
minWidth: ar,
|
|
6543
|
-
height: B +
|
|
6555
|
+
height: B + va
|
|
6544
6556
|
},
|
|
6545
6557
|
children: [
|
|
6546
6558
|
/* @__PURE__ */ m("div", {
|
|
6547
6559
|
ref: qt,
|
|
6548
|
-
style:
|
|
6560
|
+
style: Cs("left", nr, Zn),
|
|
6549
6561
|
children: [Zn && /* @__PURE__ */ m("div", {
|
|
6550
6562
|
style: {
|
|
6551
6563
|
position: "relative",
|
|
6552
6564
|
overflow: "clip",
|
|
6553
6565
|
width: nr,
|
|
6554
6566
|
minWidth: nr,
|
|
6555
|
-
height: B +
|
|
6567
|
+
height: B + va
|
|
6556
6568
|
},
|
|
6557
|
-
children: [/* @__PURE__ */ p(
|
|
6569
|
+
children: [/* @__PURE__ */ p(ii, {
|
|
6558
6570
|
pane: "left",
|
|
6559
6571
|
ownsRowHeader: !0,
|
|
6560
6572
|
leadingWidth: er,
|
|
6561
6573
|
headerHeight: B,
|
|
6562
|
-
rowHeaderCellStyle:
|
|
6574
|
+
rowHeaderCellStyle: xs,
|
|
6563
6575
|
headerRowClassName: z?.headerRow,
|
|
6564
6576
|
headerCellClassName: z?.headerCell,
|
|
6565
6577
|
rowHeaderCellClassName: z?.rowHeaderCell,
|
|
6566
6578
|
isCornerHovered: Zt,
|
|
6567
|
-
isWholeGridSelected:
|
|
6568
|
-
showSelectAllCheckbox:
|
|
6569
|
-
selectAllState:
|
|
6579
|
+
isWholeGridSelected: eo,
|
|
6580
|
+
showSelectAllCheckbox: Ma,
|
|
6581
|
+
selectAllState: Pa,
|
|
6570
6582
|
filteredRowsLength: Q,
|
|
6571
|
-
visibleColumnsLength:
|
|
6572
|
-
renderEntries:
|
|
6573
|
-
hoveredColumnIndex:
|
|
6583
|
+
visibleColumnsLength: U.length,
|
|
6584
|
+
renderEntries: Ca,
|
|
6585
|
+
hoveredColumnIndex: nn,
|
|
6574
6586
|
selectionSnapshot: pn,
|
|
6575
|
-
columnFilterValues:
|
|
6576
|
-
sortState:
|
|
6587
|
+
columnFilterValues: K.filters.columnFilters,
|
|
6588
|
+
sortState: K.sort,
|
|
6577
6589
|
iconButtonClassName: z?.iconButton,
|
|
6578
|
-
onCornerPointerDown:
|
|
6579
|
-
onCornerPointerEnter:
|
|
6580
|
-
onCornerPointerLeave:
|
|
6581
|
-
onColumnHeaderPointerDown:
|
|
6582
|
-
onColumnHeaderPointerEnter:
|
|
6583
|
-
onColumnHeaderPointerLeave:
|
|
6584
|
-
onColumnResizePointerDown:
|
|
6585
|
-
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,
|
|
6586
6598
|
enableColumnResize: Ye,
|
|
6587
|
-
openedMenuColumnKey:
|
|
6588
|
-
onColumnMenuButtonPointerDown:
|
|
6589
|
-
onColumnHeaderContextMenu:
|
|
6590
|
-
onColumnDragHandlePointerDown:
|
|
6599
|
+
openedMenuColumnKey: yr,
|
|
6600
|
+
onColumnMenuButtonPointerDown: xr,
|
|
6601
|
+
onColumnHeaderContextMenu: Sr,
|
|
6602
|
+
onColumnDragHandlePointerDown: qo
|
|
6591
6603
|
}), /* @__PURE__ */ m("div", {
|
|
6592
6604
|
style: {
|
|
6593
6605
|
position: "absolute",
|
|
6594
6606
|
top: 0,
|
|
6595
6607
|
left: 0,
|
|
6596
6608
|
width: nr,
|
|
6597
|
-
height: B +
|
|
6598
|
-
transform:
|
|
6609
|
+
height: B + va,
|
|
6610
|
+
transform: ya
|
|
6599
6611
|
},
|
|
6600
6612
|
children: [
|
|
6601
6613
|
/* @__PURE__ */ p(we, {
|
|
6602
|
-
rect:
|
|
6614
|
+
rect: mo("left"),
|
|
6603
6615
|
headerHeight: B,
|
|
6604
|
-
baseOffset:
|
|
6616
|
+
baseOffset: xa,
|
|
6605
6617
|
leadingWidth: er
|
|
6606
6618
|
}),
|
|
6607
6619
|
/* @__PURE__ */ p(Te, {
|
|
6608
|
-
rect:
|
|
6620
|
+
rect: Da("left"),
|
|
6609
6621
|
headerHeight: B,
|
|
6610
|
-
baseOffset:
|
|
6622
|
+
baseOffset: xa,
|
|
6611
6623
|
leadingWidth: er
|
|
6612
6624
|
}),
|
|
6613
6625
|
/* @__PURE__ */ p(Ee, {
|
|
6614
|
-
rect:
|
|
6626
|
+
rect: Oa("left"),
|
|
6615
6627
|
headerHeight: B,
|
|
6616
|
-
baseOffset:
|
|
6628
|
+
baseOffset: xa,
|
|
6617
6629
|
leadingWidth: er,
|
|
6618
6630
|
initialValue: Yt,
|
|
6619
|
-
onCommit:
|
|
6620
|
-
onCancel:
|
|
6621
|
-
align:
|
|
6631
|
+
onCommit: so,
|
|
6632
|
+
onCancel: co,
|
|
6633
|
+
align: lo?.align
|
|
6622
6634
|
}),
|
|
6623
|
-
/* @__PURE__ */ p(
|
|
6635
|
+
/* @__PURE__ */ p(ti, {
|
|
6624
6636
|
pane: "left",
|
|
6625
6637
|
ownsRowHeader: !0,
|
|
6626
6638
|
leadingWidth: er,
|
|
6627
6639
|
rowModel: Z,
|
|
6628
|
-
virtualRows:
|
|
6629
|
-
virtualRowIndexes:
|
|
6630
|
-
renderEntries:
|
|
6631
|
-
rowHeight:
|
|
6632
|
-
autoHeight:
|
|
6633
|
-
|
|
6634
|
-
|
|
6640
|
+
virtualRows: ma,
|
|
6641
|
+
virtualRowIndexes: ha,
|
|
6642
|
+
renderEntries: Ca,
|
|
6643
|
+
rowHeight: Ht,
|
|
6644
|
+
autoHeight: Vi,
|
|
6645
|
+
showCellOverflowTooltip: Qe,
|
|
6646
|
+
isServerSide: G,
|
|
6647
|
+
rowHeaderCellStyle: xs,
|
|
6635
6648
|
hoveredRowIndex: $t,
|
|
6636
|
-
isWholeGridSelected:
|
|
6649
|
+
isWholeGridSelected: eo,
|
|
6637
6650
|
enableRowSelection: Re,
|
|
6638
|
-
rowSelectionState:
|
|
6639
|
-
activeCell:
|
|
6640
|
-
editingCell:
|
|
6651
|
+
rowSelectionState: Na,
|
|
6652
|
+
activeCell: K.activeCell,
|
|
6653
|
+
editingCell: K.editingCell,
|
|
6641
6654
|
selectionSnapshot: pn,
|
|
6642
6655
|
readOnly: Se,
|
|
6643
6656
|
canEditCell: Ie,
|
|
6644
|
-
onRowHeaderPointerDown:
|
|
6645
|
-
onRowHeaderPointerEnter:
|
|
6646
|
-
onRowHeaderPointerLeave:
|
|
6647
|
-
onCellPointerDown:
|
|
6648
|
-
onCellPointerEnter:
|
|
6649
|
-
onCellDoubleClick:
|
|
6650
|
-
renderCellContent:
|
|
6651
|
-
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,
|
|
6652
6665
|
bodyCellClassName: z?.bodyCell,
|
|
6653
6666
|
bodyRowClassName: z?.bodyRow,
|
|
6654
6667
|
rowHeaderCellClassName: z?.rowHeaderCell
|
|
@@ -6656,13 +6669,13 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6656
6669
|
]
|
|
6657
6670
|
})]
|
|
6658
6671
|
}), /* @__PURE__ */ p("div", {
|
|
6659
|
-
ref:
|
|
6672
|
+
ref: Uo,
|
|
6660
6673
|
className: "ssg-col-drop-indicator",
|
|
6661
|
-
style:
|
|
6674
|
+
style: Jo
|
|
6662
6675
|
})]
|
|
6663
6676
|
}),
|
|
6664
6677
|
/* @__PURE__ */ p("div", {
|
|
6665
|
-
ref:
|
|
6678
|
+
ref: Gt,
|
|
6666
6679
|
className: "ssg-center-pane",
|
|
6667
6680
|
style: {
|
|
6668
6681
|
width: ir,
|
|
@@ -6674,43 +6687,43 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6674
6687
|
overflow: "clip",
|
|
6675
6688
|
width: ir,
|
|
6676
6689
|
minWidth: ir,
|
|
6677
|
-
height: B +
|
|
6690
|
+
height: B + va
|
|
6678
6691
|
},
|
|
6679
6692
|
children: [
|
|
6680
|
-
/* @__PURE__ */ p(
|
|
6693
|
+
/* @__PURE__ */ p(ii, {
|
|
6681
6694
|
pane: "center",
|
|
6682
6695
|
ownsRowHeader: $n,
|
|
6683
6696
|
leadingWidth: tr,
|
|
6684
6697
|
headerHeight: B,
|
|
6685
|
-
rowHeaderCellStyle:
|
|
6698
|
+
rowHeaderCellStyle: xs,
|
|
6686
6699
|
headerRowClassName: z?.headerRow,
|
|
6687
6700
|
headerCellClassName: z?.headerCell,
|
|
6688
6701
|
rowHeaderCellClassName: z?.rowHeaderCell,
|
|
6689
6702
|
isCornerHovered: Zt,
|
|
6690
|
-
isWholeGridSelected:
|
|
6691
|
-
showSelectAllCheckbox:
|
|
6692
|
-
selectAllState:
|
|
6703
|
+
isWholeGridSelected: eo,
|
|
6704
|
+
showSelectAllCheckbox: Ma,
|
|
6705
|
+
selectAllState: Pa,
|
|
6693
6706
|
filteredRowsLength: Q,
|
|
6694
|
-
visibleColumnsLength:
|
|
6695
|
-
renderEntries:
|
|
6696
|
-
hoveredColumnIndex:
|
|
6707
|
+
visibleColumnsLength: U.length,
|
|
6708
|
+
renderEntries: Sa,
|
|
6709
|
+
hoveredColumnIndex: nn,
|
|
6697
6710
|
selectionSnapshot: pn,
|
|
6698
|
-
columnFilterValues:
|
|
6699
|
-
sortState:
|
|
6711
|
+
columnFilterValues: K.filters.columnFilters,
|
|
6712
|
+
sortState: K.sort,
|
|
6700
6713
|
iconButtonClassName: z?.iconButton,
|
|
6701
|
-
onCornerPointerDown:
|
|
6702
|
-
onCornerPointerEnter:
|
|
6703
|
-
onCornerPointerLeave:
|
|
6704
|
-
onColumnHeaderPointerDown:
|
|
6705
|
-
onColumnHeaderPointerEnter:
|
|
6706
|
-
onColumnHeaderPointerLeave:
|
|
6707
|
-
onColumnResizePointerDown:
|
|
6708
|
-
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,
|
|
6709
6722
|
enableColumnResize: Ye,
|
|
6710
|
-
openedMenuColumnKey:
|
|
6711
|
-
onColumnMenuButtonPointerDown:
|
|
6712
|
-
onColumnHeaderContextMenu:
|
|
6713
|
-
onColumnDragHandlePointerDown:
|
|
6723
|
+
openedMenuColumnKey: yr,
|
|
6724
|
+
onColumnMenuButtonPointerDown: xr,
|
|
6725
|
+
onColumnHeaderContextMenu: Sr,
|
|
6726
|
+
onColumnDragHandlePointerDown: qo
|
|
6714
6727
|
}),
|
|
6715
6728
|
/* @__PURE__ */ m("div", {
|
|
6716
6729
|
style: {
|
|
@@ -6718,61 +6731,62 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6718
6731
|
top: 0,
|
|
6719
6732
|
left: 0,
|
|
6720
6733
|
width: ir,
|
|
6721
|
-
height: B +
|
|
6722
|
-
transform:
|
|
6734
|
+
height: B + va,
|
|
6735
|
+
transform: ya
|
|
6723
6736
|
},
|
|
6724
6737
|
children: [
|
|
6725
6738
|
/* @__PURE__ */ p(we, {
|
|
6726
|
-
rect:
|
|
6739
|
+
rect: mo("center"),
|
|
6727
6740
|
headerHeight: B,
|
|
6728
|
-
baseOffset:
|
|
6741
|
+
baseOffset: xa,
|
|
6729
6742
|
leadingWidth: tr
|
|
6730
6743
|
}),
|
|
6731
6744
|
/* @__PURE__ */ p(Te, {
|
|
6732
|
-
rect:
|
|
6745
|
+
rect: Da("center"),
|
|
6733
6746
|
headerHeight: B,
|
|
6734
|
-
baseOffset:
|
|
6747
|
+
baseOffset: xa,
|
|
6735
6748
|
leadingWidth: tr
|
|
6736
6749
|
}),
|
|
6737
6750
|
/* @__PURE__ */ p(Ee, {
|
|
6738
|
-
rect:
|
|
6751
|
+
rect: Oa("center"),
|
|
6739
6752
|
headerHeight: B,
|
|
6740
|
-
baseOffset:
|
|
6753
|
+
baseOffset: xa,
|
|
6741
6754
|
leadingWidth: tr,
|
|
6742
6755
|
initialValue: Yt,
|
|
6743
|
-
onCommit:
|
|
6744
|
-
onCancel:
|
|
6745
|
-
align:
|
|
6756
|
+
onCommit: so,
|
|
6757
|
+
onCancel: co,
|
|
6758
|
+
align: lo?.align
|
|
6746
6759
|
}),
|
|
6747
|
-
/* @__PURE__ */ p(
|
|
6760
|
+
/* @__PURE__ */ p(ti, {
|
|
6748
6761
|
pane: "center",
|
|
6749
6762
|
ownsRowHeader: $n,
|
|
6750
6763
|
leadingWidth: tr,
|
|
6751
6764
|
rowModel: Z,
|
|
6752
|
-
virtualRows:
|
|
6753
|
-
virtualRowIndexes:
|
|
6754
|
-
renderEntries:
|
|
6755
|
-
rowHeight:
|
|
6756
|
-
autoHeight:
|
|
6757
|
-
|
|
6758
|
-
|
|
6765
|
+
virtualRows: ma,
|
|
6766
|
+
virtualRowIndexes: ha,
|
|
6767
|
+
renderEntries: Sa,
|
|
6768
|
+
rowHeight: Ht,
|
|
6769
|
+
autoHeight: Vi,
|
|
6770
|
+
showCellOverflowTooltip: Qe,
|
|
6771
|
+
isServerSide: G,
|
|
6772
|
+
rowHeaderCellStyle: xs,
|
|
6759
6773
|
hoveredRowIndex: $t,
|
|
6760
|
-
isWholeGridSelected:
|
|
6774
|
+
isWholeGridSelected: eo,
|
|
6761
6775
|
enableRowSelection: Re,
|
|
6762
|
-
rowSelectionState:
|
|
6763
|
-
activeCell:
|
|
6764
|
-
editingCell:
|
|
6776
|
+
rowSelectionState: Na,
|
|
6777
|
+
activeCell: K.activeCell,
|
|
6778
|
+
editingCell: K.editingCell,
|
|
6765
6779
|
selectionSnapshot: pn,
|
|
6766
6780
|
readOnly: Se,
|
|
6767
6781
|
canEditCell: Ie,
|
|
6768
|
-
onRowHeaderPointerDown:
|
|
6769
|
-
onRowHeaderPointerEnter:
|
|
6770
|
-
onRowHeaderPointerLeave:
|
|
6771
|
-
onCellPointerDown:
|
|
6772
|
-
onCellPointerEnter:
|
|
6773
|
-
onCellDoubleClick:
|
|
6774
|
-
renderCellContent:
|
|
6775
|
-
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,
|
|
6776
6790
|
bodyCellClassName: z?.bodyCell,
|
|
6777
6791
|
bodyRowClassName: z?.bodyRow,
|
|
6778
6792
|
rowHeaderCellClassName: z?.rowHeaderCell
|
|
@@ -6780,119 +6794,120 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6780
6794
|
]
|
|
6781
6795
|
}),
|
|
6782
6796
|
/* @__PURE__ */ p("div", {
|
|
6783
|
-
ref:
|
|
6797
|
+
ref: Wo,
|
|
6784
6798
|
className: "ssg-col-drop-indicator",
|
|
6785
|
-
style:
|
|
6799
|
+
style: Jo
|
|
6786
6800
|
})
|
|
6787
6801
|
]
|
|
6788
6802
|
})
|
|
6789
6803
|
}),
|
|
6790
6804
|
/* @__PURE__ */ m("div", {
|
|
6791
6805
|
ref: Jt,
|
|
6792
|
-
style:
|
|
6806
|
+
style: Cs("right", rr, Qn),
|
|
6793
6807
|
children: [Qn && /* @__PURE__ */ m("div", {
|
|
6794
6808
|
style: {
|
|
6795
6809
|
position: "relative",
|
|
6796
6810
|
overflow: "clip",
|
|
6797
6811
|
width: rr,
|
|
6798
6812
|
minWidth: rr,
|
|
6799
|
-
height: B +
|
|
6813
|
+
height: B + va
|
|
6800
6814
|
},
|
|
6801
|
-
children: [/* @__PURE__ */ p(
|
|
6815
|
+
children: [/* @__PURE__ */ p(ii, {
|
|
6802
6816
|
pane: "right",
|
|
6803
6817
|
ownsRowHeader: !1,
|
|
6804
6818
|
leadingWidth: 0,
|
|
6805
6819
|
headerHeight: B,
|
|
6806
|
-
rowHeaderCellStyle:
|
|
6820
|
+
rowHeaderCellStyle: xs,
|
|
6807
6821
|
headerRowClassName: z?.headerRow,
|
|
6808
6822
|
headerCellClassName: z?.headerCell,
|
|
6809
6823
|
rowHeaderCellClassName: z?.rowHeaderCell,
|
|
6810
6824
|
isCornerHovered: Zt,
|
|
6811
|
-
isWholeGridSelected:
|
|
6812
|
-
showSelectAllCheckbox:
|
|
6813
|
-
selectAllState:
|
|
6825
|
+
isWholeGridSelected: eo,
|
|
6826
|
+
showSelectAllCheckbox: Ma,
|
|
6827
|
+
selectAllState: Pa,
|
|
6814
6828
|
filteredRowsLength: Q,
|
|
6815
|
-
visibleColumnsLength:
|
|
6816
|
-
renderEntries:
|
|
6817
|
-
hoveredColumnIndex:
|
|
6829
|
+
visibleColumnsLength: U.length,
|
|
6830
|
+
renderEntries: wa,
|
|
6831
|
+
hoveredColumnIndex: nn,
|
|
6818
6832
|
selectionSnapshot: pn,
|
|
6819
|
-
columnFilterValues:
|
|
6820
|
-
sortState:
|
|
6833
|
+
columnFilterValues: K.filters.columnFilters,
|
|
6834
|
+
sortState: K.sort,
|
|
6821
6835
|
iconButtonClassName: z?.iconButton,
|
|
6822
|
-
onCornerPointerDown:
|
|
6823
|
-
onCornerPointerEnter:
|
|
6824
|
-
onCornerPointerLeave:
|
|
6825
|
-
onColumnHeaderPointerDown:
|
|
6826
|
-
onColumnHeaderPointerEnter:
|
|
6827
|
-
onColumnHeaderPointerLeave:
|
|
6828
|
-
onColumnResizePointerDown:
|
|
6829
|
-
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,
|
|
6830
6844
|
enableColumnResize: Ye,
|
|
6831
|
-
openedMenuColumnKey:
|
|
6832
|
-
onColumnMenuButtonPointerDown:
|
|
6833
|
-
onColumnHeaderContextMenu:
|
|
6834
|
-
onColumnDragHandlePointerDown:
|
|
6845
|
+
openedMenuColumnKey: yr,
|
|
6846
|
+
onColumnMenuButtonPointerDown: xr,
|
|
6847
|
+
onColumnHeaderContextMenu: Sr,
|
|
6848
|
+
onColumnDragHandlePointerDown: qo
|
|
6835
6849
|
}), /* @__PURE__ */ m("div", {
|
|
6836
6850
|
style: {
|
|
6837
6851
|
position: "absolute",
|
|
6838
6852
|
top: 0,
|
|
6839
6853
|
left: 0,
|
|
6840
6854
|
width: rr,
|
|
6841
|
-
height: B +
|
|
6842
|
-
transform:
|
|
6855
|
+
height: B + va,
|
|
6856
|
+
transform: ya
|
|
6843
6857
|
},
|
|
6844
6858
|
children: [
|
|
6845
6859
|
/* @__PURE__ */ p(we, {
|
|
6846
|
-
rect:
|
|
6860
|
+
rect: mo("right"),
|
|
6847
6861
|
headerHeight: B,
|
|
6848
|
-
baseOffset:
|
|
6862
|
+
baseOffset: xa,
|
|
6849
6863
|
leadingWidth: 0
|
|
6850
6864
|
}),
|
|
6851
6865
|
/* @__PURE__ */ p(Te, {
|
|
6852
|
-
rect:
|
|
6866
|
+
rect: Da("right"),
|
|
6853
6867
|
headerHeight: B,
|
|
6854
|
-
baseOffset:
|
|
6868
|
+
baseOffset: xa,
|
|
6855
6869
|
leadingWidth: 0
|
|
6856
6870
|
}),
|
|
6857
6871
|
/* @__PURE__ */ p(Ee, {
|
|
6858
|
-
rect:
|
|
6872
|
+
rect: Oa("right"),
|
|
6859
6873
|
headerHeight: B,
|
|
6860
|
-
baseOffset:
|
|
6874
|
+
baseOffset: xa,
|
|
6861
6875
|
leadingWidth: 0,
|
|
6862
6876
|
initialValue: Yt,
|
|
6863
|
-
onCommit:
|
|
6864
|
-
onCancel:
|
|
6865
|
-
align:
|
|
6877
|
+
onCommit: so,
|
|
6878
|
+
onCancel: co,
|
|
6879
|
+
align: lo?.align
|
|
6866
6880
|
}),
|
|
6867
|
-
/* @__PURE__ */ p(
|
|
6881
|
+
/* @__PURE__ */ p(ti, {
|
|
6868
6882
|
pane: "right",
|
|
6869
6883
|
ownsRowHeader: !1,
|
|
6870
6884
|
leadingWidth: 0,
|
|
6871
6885
|
rowModel: Z,
|
|
6872
|
-
virtualRows:
|
|
6873
|
-
virtualRowIndexes:
|
|
6874
|
-
renderEntries:
|
|
6875
|
-
rowHeight:
|
|
6876
|
-
autoHeight:
|
|
6877
|
-
|
|
6878
|
-
|
|
6886
|
+
virtualRows: ma,
|
|
6887
|
+
virtualRowIndexes: ha,
|
|
6888
|
+
renderEntries: wa,
|
|
6889
|
+
rowHeight: Ht,
|
|
6890
|
+
autoHeight: Vi,
|
|
6891
|
+
showCellOverflowTooltip: Qe,
|
|
6892
|
+
isServerSide: G,
|
|
6893
|
+
rowHeaderCellStyle: xs,
|
|
6879
6894
|
hoveredRowIndex: $t,
|
|
6880
|
-
isWholeGridSelected:
|
|
6895
|
+
isWholeGridSelected: eo,
|
|
6881
6896
|
enableRowSelection: Re,
|
|
6882
|
-
rowSelectionState:
|
|
6883
|
-
activeCell:
|
|
6884
|
-
editingCell:
|
|
6897
|
+
rowSelectionState: Na,
|
|
6898
|
+
activeCell: K.activeCell,
|
|
6899
|
+
editingCell: K.editingCell,
|
|
6885
6900
|
selectionSnapshot: pn,
|
|
6886
6901
|
readOnly: Se,
|
|
6887
6902
|
canEditCell: Ie,
|
|
6888
|
-
onRowHeaderPointerDown:
|
|
6889
|
-
onRowHeaderPointerEnter:
|
|
6890
|
-
onRowHeaderPointerLeave:
|
|
6891
|
-
onCellPointerDown:
|
|
6892
|
-
onCellPointerEnter:
|
|
6893
|
-
onCellDoubleClick:
|
|
6894
|
-
renderCellContent:
|
|
6895
|
-
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,
|
|
6896
6911
|
bodyCellClassName: z?.bodyCell,
|
|
6897
6912
|
bodyRowClassName: z?.bodyRow,
|
|
6898
6913
|
rowHeaderCellClassName: z?.rowHeaderCell
|
|
@@ -6900,25 +6915,25 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6900
6915
|
]
|
|
6901
6916
|
})]
|
|
6902
6917
|
}), /* @__PURE__ */ p("div", {
|
|
6903
|
-
ref:
|
|
6918
|
+
ref: Go,
|
|
6904
6919
|
className: "ssg-col-drop-indicator",
|
|
6905
|
-
style:
|
|
6920
|
+
style: Jo
|
|
6906
6921
|
})]
|
|
6907
6922
|
})
|
|
6908
6923
|
]
|
|
6909
|
-
}),
|
|
6924
|
+
}), Ss && /* @__PURE__ */ p("div", {
|
|
6910
6925
|
className: "ssg-empty-state",
|
|
6911
|
-
children: e.length === 0 ?
|
|
6926
|
+
children: e.length === 0 ? rt : nt
|
|
6912
6927
|
})]
|
|
6913
6928
|
}),
|
|
6914
|
-
|
|
6929
|
+
_i && /* @__PURE__ */ p("div", {
|
|
6915
6930
|
className: "ssg-autosize-overlay",
|
|
6916
6931
|
children: /* @__PURE__ */ p("span", {
|
|
6917
6932
|
className: "ssg-autosize-pill",
|
|
6918
6933
|
children: "列幅を計算中…"
|
|
6919
6934
|
})
|
|
6920
6935
|
}),
|
|
6921
|
-
|
|
6936
|
+
Xr === "filtering" && /* @__PURE__ */ p("div", {
|
|
6922
6937
|
className: "ssg-filter-overlay",
|
|
6923
6938
|
children: /* @__PURE__ */ m("span", {
|
|
6924
6939
|
className: "ssg-filter-overlay-chip",
|
|
@@ -6931,7 +6946,7 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6931
6946
|
className: "ssg-filter-overlay-text",
|
|
6932
6947
|
children: [
|
|
6933
6948
|
"適用中 ",
|
|
6934
|
-
Math.round(
|
|
6949
|
+
Math.round(Zr * 100),
|
|
6935
6950
|
"%"
|
|
6936
6951
|
]
|
|
6937
6952
|
})]
|
|
@@ -6939,17 +6954,17 @@ function ia({ rows: e = Ji, dataSource: u, serverSideRefreshToken: f, columns: h
|
|
|
6939
6954
|
})
|
|
6940
6955
|
]
|
|
6941
6956
|
}),
|
|
6942
|
-
|
|
6943
|
-
ws,
|
|
6957
|
+
Fs,
|
|
6944
6958
|
Ts,
|
|
6945
|
-
|
|
6946
|
-
ks
|
|
6959
|
+
Es,
|
|
6960
|
+
ks,
|
|
6961
|
+
As
|
|
6947
6962
|
]
|
|
6948
6963
|
});
|
|
6949
6964
|
}
|
|
6950
6965
|
//#endregion
|
|
6951
6966
|
//#region src/components/spreadsheet-grid/logic/valueFormatters.ts
|
|
6952
|
-
function
|
|
6967
|
+
function oa(e = {}) {
|
|
6953
6968
|
let { locale: t, useGrouping: n = !0, minimumFractionDigits: r, maximumFractionDigits: i, emptyText: a = "" } = e;
|
|
6954
6969
|
return ({ value: e }) => {
|
|
6955
6970
|
if (e == null || e === "") return a;
|
|
@@ -6964,4 +6979,4 @@ function aa(e = {}) {
|
|
|
6964
6979
|
};
|
|
6965
6980
|
}
|
|
6966
6981
|
//#endregion
|
|
6967
|
-
export {
|
|
6982
|
+
export { aa as SpreadsheetGrid, oa as numberFormatter };
|