@pinnacle0/web-ui 0.5.23 → 0.5.24
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.
|
@@ -1,5 +1,20 @@
|
|
|
1
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
2
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
3
|
+
if (!m) return o;
|
|
4
|
+
var i = m.call(o), r, ar = [], e;
|
|
5
|
+
try {
|
|
6
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
7
|
+
}
|
|
8
|
+
catch (error) { e = { error: error }; }
|
|
9
|
+
finally {
|
|
10
|
+
try {
|
|
11
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
12
|
+
}
|
|
13
|
+
finally { if (e) throw e.error; }
|
|
14
|
+
}
|
|
15
|
+
return ar;
|
|
16
|
+
};
|
|
1
17
|
import React from "react";
|
|
2
|
-
import { useForceUpdate } from "../../../hooks/useForceUpdate";
|
|
3
18
|
import { useDebounce } from "../../../hooks/useDebounce";
|
|
4
19
|
/**
|
|
5
20
|
* VirtualTable is not crated by <table>, the header cell width cannot auto align the body cell width which has large content.
|
|
@@ -15,39 +30,37 @@ import { useDebounce } from "../../../hooks/useDebounce";
|
|
|
15
30
|
*/
|
|
16
31
|
export var useColumnWidths = function () {
|
|
17
32
|
var headerRef = React.useRef(null);
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var getColumnWidths = useDebounce(React.useCallback(function () {
|
|
33
|
+
var _a = __read(React.useState([]), 2), columnWidths = _a[0], setColumnWidths = _a[1];
|
|
34
|
+
var calcColumnWidths = useDebounce(function () {
|
|
21
35
|
if (headerRef.current) {
|
|
22
36
|
var headers = headerRef.current.querySelectorAll(".table-header");
|
|
23
37
|
var widths_1 = [];
|
|
24
38
|
var columnWidthsUpdate_1 = false;
|
|
25
39
|
headers.forEach(function (header, index) {
|
|
26
40
|
var width = header.getBoundingClientRect().width;
|
|
27
|
-
if (width > 0
|
|
41
|
+
if (width > 0) {
|
|
28
42
|
widths_1[index] = width;
|
|
29
43
|
columnWidthsUpdate_1 = true;
|
|
30
44
|
}
|
|
31
45
|
});
|
|
32
46
|
if (columnWidthsUpdate_1) {
|
|
33
|
-
|
|
34
|
-
forceUpdate();
|
|
47
|
+
setColumnWidths(widths_1);
|
|
35
48
|
}
|
|
36
49
|
}
|
|
37
|
-
},
|
|
50
|
+
}, 300);
|
|
38
51
|
var getHeaderRef = React.useCallback(function (node) {
|
|
39
52
|
if (node) {
|
|
40
53
|
headerRef.current = node;
|
|
41
|
-
|
|
54
|
+
calcColumnWidths();
|
|
42
55
|
}
|
|
43
|
-
}, [
|
|
56
|
+
}, [calcColumnWidths]);
|
|
44
57
|
var handler = React.useCallback(function (event) {
|
|
45
58
|
if (event.target && "querySelector" in event.target && headerRef.current) {
|
|
46
59
|
var element = event.target;
|
|
47
60
|
var result = element.querySelector(".g-virtual-table");
|
|
48
|
-
result &&
|
|
61
|
+
result && calcColumnWidths();
|
|
49
62
|
}
|
|
50
|
-
}, [
|
|
63
|
+
}, [calcColumnWidths]);
|
|
51
64
|
React.useEffect(function () {
|
|
52
65
|
document.body.addEventListener("resize", handler);
|
|
53
66
|
document.body.addEventListener("transitionend", handler);
|
|
@@ -58,6 +71,6 @@ export var useColumnWidths = function () {
|
|
|
58
71
|
document.body.removeEventListener("animationend", handler);
|
|
59
72
|
};
|
|
60
73
|
}, [handler]);
|
|
61
|
-
return { headerRef: headerRef, getHeaderRef: getHeaderRef, columnWidths: columnWidths
|
|
74
|
+
return { headerRef: headerRef, getHeaderRef: getHeaderRef, columnWidths: columnWidths, calcColumnWidths: calcColumnWidths };
|
|
62
75
|
};
|
|
63
76
|
//# sourceMappingURL=useColumnWidths.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useColumnWidths.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useColumnWidths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"useColumnWidths.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useColumnWidths.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAEvD;;;;;;;;;;;GAWG;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG;IAC3B,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,IAAA,KAAA,OAAkC,KAAK,CAAC,QAAQ,CAAW,EAAE,CAAC,IAAA,EAA7D,YAAY,QAAA,EAAE,eAAe,QAAgC,CAAC;IAErE,IAAM,gBAAgB,GAAG,WAAW,CAAC;QACjC,IAAI,SAAS,CAAC,OAAO,EAAE;YACnB,IAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;YACpE,IAAM,QAAM,GAAa,EAAE,CAAC;YAC5B,IAAI,oBAAkB,GAAG,KAAK,CAAC;YAC/B,OAAO,CAAC,OAAO,CAAC,UAAC,MAAM,EAAE,KAAK;gBAC1B,IAAM,KAAK,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;gBACnD,IAAI,KAAK,GAAG,CAAC,EAAE;oBACX,QAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;oBACtB,oBAAkB,GAAG,IAAI,CAAC;iBAC7B;YACL,CAAC,CAAC,CAAC;YACH,IAAI,oBAAkB,EAAE;gBACpB,eAAe,CAAC,QAAM,CAAC,CAAC;aAC3B;SACJ;IACL,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,IAA2B;QACxB,IAAI,IAAI,EAAE;YACN,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,gBAAgB,EAAE,CAAC;SACtB;IACL,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,UAAC,KAAiD;QAC9C,IAAI,KAAK,CAAC,MAAM,IAAI,eAAe,IAAI,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC,OAAO,EAAE;YACtE,IAAM,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAC;YAC5C,IAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;YACzD,MAAM,IAAI,gBAAgB,EAAE,CAAC;SAChC;IACL,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACZ,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;QACzD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACxD,OAAO;YACH,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YACrD,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAC5D,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAC/D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,EAAC,SAAS,WAAA,EAAE,YAAY,cAAA,EAAE,YAAY,cAAA,EAAE,gBAAgB,kBAAA,EAAC,CAAC;AACrE,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../../internal/polyfill/ResizeObserver";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { useVirtualizer
|
|
3
|
+
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
4
4
|
import { classNames } from "../../util/ClassNames";
|
|
5
5
|
import { Spin } from "../Spin";
|
|
6
6
|
import { TableRow } from "./TableRow";
|
|
@@ -23,12 +23,9 @@ export var VirtualTable = ReactUtil.memo("VirtualTable", function (_a) {
|
|
|
23
23
|
count: count,
|
|
24
24
|
getScrollElement: function () { return scrollContentRef.current; },
|
|
25
25
|
estimateSize: function () { return rowHeight; },
|
|
26
|
-
observeElementRect: function (instance, cb) {
|
|
27
|
-
observeElementRect(instance, cb);
|
|
28
|
-
},
|
|
29
26
|
overscan: overscan,
|
|
30
27
|
});
|
|
31
|
-
var _d = useColumnWidths(), headerRef = _d.headerRef, getHeaderRef = _d.getHeaderRef, columnWidths = _d.columnWidths;
|
|
28
|
+
var _d = useColumnWidths(), headerRef = _d.headerRef, getHeaderRef = _d.getHeaderRef, columnWidths = _d.columnWidths, calcColumnWidths = _d.calcColumnWidths;
|
|
32
29
|
var scrollBarSize = useScrollBarSize();
|
|
33
30
|
var syncScroll = useSyncScroll(scrollContentRef, headerRef);
|
|
34
31
|
var checkIsScrollToEdge = useScrollToEdge(scrollContentRef);
|
|
@@ -44,6 +41,9 @@ export var VirtualTable = ReactUtil.memo("VirtualTable", function (_a) {
|
|
|
44
41
|
React.useEffect(function () {
|
|
45
42
|
checkScrollable();
|
|
46
43
|
}, [totalSize, columnWidths, checkScrollable]);
|
|
44
|
+
React.useEffect(function () {
|
|
45
|
+
calcColumnWidths();
|
|
46
|
+
}, [calcColumnWidths, transformedColumns]);
|
|
47
47
|
var containerHeight = scrollY ? scrollY + headerHeight + (scrollable.horizontal ? scrollBarSize : 0) : "100%";
|
|
48
48
|
return (React.createElement("div", { className: classNames("g-virtual-table", className), style: { width: scrollX || "100%", height: containerHeight } },
|
|
49
49
|
loading && (React.createElement("div", { className: "mask" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/index.tsx"],"names":[],"mappings":"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"}
|