@pinnacle0/web-ui 0.5.8 → 0.5.9
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.
|
@@ -2,16 +2,15 @@ import React from "react";
|
|
|
2
2
|
interface Props {
|
|
3
3
|
scrollContentRef: React.RefObject<HTMLDivElement>;
|
|
4
4
|
headerRef: React.RefObject<HTMLDivElement>;
|
|
5
|
-
|
|
5
|
+
totalSize: number;
|
|
6
6
|
}
|
|
7
|
-
export declare const useScroll: ({ scrollContentRef, headerRef,
|
|
7
|
+
export declare const useScroll: ({ scrollContentRef, headerRef, totalSize }: Props) => {
|
|
8
8
|
onScroll: () => void;
|
|
9
|
-
scrollBarSize: number;
|
|
10
9
|
tableBodyRef: (node: HTMLDivElement) => void;
|
|
10
|
+
scrollBarSize: number;
|
|
11
11
|
};
|
|
12
12
|
export declare const useScrollToEdge: (scrollContentRef: React.RefObject<HTMLDivElement>) => () => void;
|
|
13
|
-
export declare const useScrollBarSize: (scrollContentRef: React.RefObject<HTMLDivElement>,
|
|
13
|
+
export declare const useScrollBarSize: (scrollContentRef: React.RefObject<HTMLDivElement>, totalSize: number) => {
|
|
14
14
|
scrollBarSize: number;
|
|
15
|
-
calculateScrollBarSize: () => void;
|
|
16
15
|
};
|
|
17
16
|
export {};
|
|
@@ -16,9 +16,9 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
16
16
|
};
|
|
17
17
|
import React from "react";
|
|
18
18
|
export var useScroll = function (_a) {
|
|
19
|
-
var scrollContentRef = _a.scrollContentRef, headerRef = _a.headerRef,
|
|
19
|
+
var scrollContentRef = _a.scrollContentRef, headerRef = _a.headerRef, totalSize = _a.totalSize;
|
|
20
20
|
var checkIsScrollToEdge = useScrollToEdge(scrollContentRef);
|
|
21
|
-
var
|
|
21
|
+
var scrollBarSize = useScrollBarSize(scrollContentRef, totalSize).scrollBarSize;
|
|
22
22
|
var onScroll = React.useCallback(function () {
|
|
23
23
|
requestAnimationFrame(function () {
|
|
24
24
|
if (scrollContentRef.current && headerRef.current && scrollContentRef.current.scrollLeft !== headerRef.current.scrollLeft) {
|
|
@@ -27,16 +27,11 @@ export var useScroll = function (_a) {
|
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
29
|
}, [scrollContentRef, headerRef, checkIsScrollToEdge]);
|
|
30
|
-
var tableBodyRef = React.useCallback(function (node) {
|
|
31
|
-
if (node) {
|
|
32
|
-
checkIsScrollToEdge();
|
|
33
|
-
calculateScrollBarSize();
|
|
34
|
-
}
|
|
35
|
-
}, [calculateScrollBarSize, checkIsScrollToEdge]);
|
|
30
|
+
var tableBodyRef = React.useCallback(function (node) { return node && checkIsScrollToEdge(); }, [checkIsScrollToEdge]);
|
|
36
31
|
return {
|
|
37
32
|
onScroll: onScroll,
|
|
38
|
-
scrollBarSize: scrollBarSize,
|
|
39
33
|
tableBodyRef: tableBodyRef,
|
|
34
|
+
scrollBarSize: scrollBarSize,
|
|
40
35
|
};
|
|
41
36
|
};
|
|
42
37
|
// for the box shadow transition of the fixed columns
|
|
@@ -52,7 +47,7 @@ export var useScrollToEdge = function (scrollContentRef) {
|
|
|
52
47
|
}, [scrollContentRef]);
|
|
53
48
|
return checkIsScrollToEdge;
|
|
54
49
|
};
|
|
55
|
-
export var useScrollBarSize = function (scrollContentRef,
|
|
50
|
+
export var useScrollBarSize = function (scrollContentRef, totalSize) {
|
|
56
51
|
var _a = __read(React.useState(0), 2), scrollBarSize = _a[0], setScrollBarSize = _a[1];
|
|
57
52
|
var calculateScrollBarSize = React.useCallback(function () {
|
|
58
53
|
if (scrollContentRef.current) {
|
|
@@ -62,10 +57,9 @@ export var useScrollBarSize = function (scrollContentRef, isScrollable) {
|
|
|
62
57
|
}, [scrollContentRef, setScrollBarSize]);
|
|
63
58
|
React.useEffect(function () {
|
|
64
59
|
calculateScrollBarSize();
|
|
65
|
-
}, [calculateScrollBarSize,
|
|
60
|
+
}, [calculateScrollBarSize, totalSize]);
|
|
66
61
|
return {
|
|
67
62
|
scrollBarSize: scrollBarSize,
|
|
68
|
-
calculateScrollBarSize: calculateScrollBarSize,
|
|
69
63
|
};
|
|
70
64
|
};
|
|
71
65
|
//# sourceMappingURL=useScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScroll.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useScroll.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"useScroll.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useScroll.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAA+C;QAA9C,gBAAgB,sBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IAC7D,IAAM,mBAAmB,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACvD,IAAA,aAAa,GAAI,gBAAgB,CAAC,gBAAgB,EAAE,SAAS,CAAC,cAAjD,CAAkD;IAEtE,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC;QAC/B,qBAAqB,CAAC;YAClB,IAAI,gBAAgB,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,CAAC,UAAU,KAAK,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE;gBACvH,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC;gBACnE,mBAAmB,EAAE,CAAC;aACzB;QACL,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEvD,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,IAAoB,IAAK,OAAA,IAAI,IAAI,mBAAmB,EAAE,EAA7B,CAA6B,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAEvH,OAAO;QACH,QAAQ,UAAA;QACR,YAAY,cAAA;QACZ,aAAa,eAAA;KAChB,CAAC;AACN,CAAC,CAAC;AAEF,qDAAqD;AACrD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,gBAAiD;IAC7E,IAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC;QAC1C,IAAI,gBAAgB,CAAC,OAAO,EAAE;YACpB,IAAA,KAAyC,gBAAgB,CAAC,OAAO,EAAhE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,WAAW,iBAA4B,CAAC;YACxE,IAAM,cAAc,GAAG,UAAU,IAAI,CAAC,CAAC;YACvC,IAAM,eAAe,GAAG,UAAU,IAAI,WAAW,GAAG,WAAW,CAAC;YAChE,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;YAC5E,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;SACjF;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,mBAAmB,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,gBAAiD,EAAE,SAAiB;IAC3F,IAAA,KAAA,OAAoC,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,IAAA,EAA5D,aAAa,QAAA,EAAE,gBAAgB,QAA6B,CAAC;IAEpE,IAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC;QAC7C,IAAI,gBAAgB,CAAC,OAAO,EAAE;YACpB,IAAA,KAA6B,gBAAgB,CAAC,OAAO,EAApD,WAAW,iBAAA,EAAE,WAAW,iBAA4B,CAAC;YAC5D,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC;SAC/C;IACL,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEzC,KAAK,CAAC,SAAS,CAAC;QACZ,sBAAsB,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC,CAAC;IAExC,OAAO;QACH,aAAa,eAAA;KAChB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -15,7 +15,6 @@ export var VirtualTable = Object.assign(function (_a) {
|
|
|
15
15
|
var count = dataSource.length;
|
|
16
16
|
var scrollContentRef = React.useRef(null);
|
|
17
17
|
var totalSize = count * rowHeight;
|
|
18
|
-
var isVerticalScrollable = scrollContentRef.current ? totalSize > scrollContentRef.current.clientHeight : false;
|
|
19
18
|
var isHorizontalScrollable = scrollContentRef.current ? scrollContentRef.current.scrollWidth > scrollContentRef.current.offsetWidth : false;
|
|
20
19
|
var containerHeight = scrollY ? scrollY + headerHeight + (isHorizontalScrollable ? HORIZONTAL_SCROLL_BAR_HEIGHT : 0) : "100%";
|
|
21
20
|
var emptyElement = emptyPlaceholder || "暂无数据";
|
|
@@ -31,7 +30,7 @@ export var VirtualTable = Object.assign(function (_a) {
|
|
|
31
30
|
overscan: overscan,
|
|
32
31
|
});
|
|
33
32
|
var _d = useColumns({ columns: transformedColumns }), headerRef = _d.headerRef, columnWidths = _d.columnWidths, getColumnWidths = _d.getColumnWidths, columnsStickyPosition = _d.columnsStickyPosition;
|
|
34
|
-
var _e = useScroll({ scrollContentRef: scrollContentRef, headerRef: headerRef,
|
|
33
|
+
var _e = useScroll({ scrollContentRef: scrollContentRef, headerRef: headerRef, totalSize: totalSize }), onScroll = _e.onScroll, tableBodyRef = _e.tableBodyRef, scrollBarSize = _e.scrollBarSize;
|
|
35
34
|
React.useEffect(function () {
|
|
36
35
|
// avoid the table content get pressed together on mount
|
|
37
36
|
setTimeout(function () { return scrollContentRef.current && (scrollContentRef.current.style.visibility = "visible"); }, 1000);
|
|
@@ -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,EAAE,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,IAAM,4BAA4B,GAAG,EAAE,CAAC;AAyBxC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CACrC,UAAkC,EAeL;QAdzB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,cAAgB,EAAhB,MAAM,mBAAG,OAAO,KAAA;IAEhB,IAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC;IAChC,IAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IACnE,IAAM,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACpC,IAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/index.tsx"],"names":[],"mappings":"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"}
|