@pinnacle0/web-ui 0.5.22 → 0.5.23

package/core/Carousel3D/index.less

@@ -5,7 +5,9 @@
 
     &.has-transition {
         .child-slide {
-            transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.55, 1.43), transform 0.5s cubic-bezier(0.17, 0.67, 0.55, 1.43);
+            transition:
+                opacity 0.5s cubic-bezier(0.17, 0.67, 0.55, 1.43),
+                transform 0.5s cubic-bezier(0.17, 0.67, 0.55, 1.43);
         }
     }
 

package/core/FlatList/FloatingLoader/index.less

@@ -8,7 +8,9 @@
     width: 100%;
     opacity: 0;
     transform: translateY(-100%);
-    transition: transform 200ms ease-in-out, opacity 200ms ease-in;
+    transition:
+        transform 200ms ease-in-out,
+        opacity 200ms ease-in;
 
     .g-flat-list-loader {
         justify-content: center;

package/core/Markdown/index.d.ts

@@ -16,8 +16,8 @@ export interface Props {
 }
 export declare class Markdown extends React.PureComponent<Props> {
     static displayName: string;
-    renderBold: (splitContents: string[], symbols: MarkdownSymbol[]) => (string | number | boolean | React.ReactFragment | React.JSX.Element | null | undefined)[];
-    renderEmphasis: (splitContents: string[], symbols: MarkdownSymbol[]) => (string | number | boolean | React.ReactFragment | React.JSX.Element | null | undefined)[];
+    renderBold: (splitContents: string[], symbols: MarkdownSymbol[]) => (string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined)[];
+    renderEmphasis: (splitContents: string[], symbols: MarkdownSymbol[]) => (string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined)[];
     processLine: (content: string, _: number, symbols: MarkdownSymbol[]) => React.ReactNode;
     render(): React.JSX.Element;
 }

package/core/Slider/index.less

@@ -19,7 +19,9 @@
         > svg {
             fill: #d9d9d9;
             stroke: #d9d9d9;
-            transition: fill 0.3s, stroke 0.3s;
+            transition:
+                fill 0.3s,
+                stroke 0.3s;
         }
 
         &:hover {

package/core/VirtualTable/TableHeader.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { VirtualTableColumn, ColumnsStickyPosition } from "./type";
 interface Props<RowType extends object> {
-    headerRef: React.MutableRefObject<HTMLDivElement | null>;
+    headerRef: React.RefObject<HTMLDivElement> | ((node: HTMLDivElement | null) => void);
     headerHeight: number;
     columns: VirtualTableColumn<RowType>[];
     columnsStickyPosition: ColumnsStickyPosition;

package/core/VirtualTable/TableRow.js

@@ -1,35 +1,10 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import React from "react";
 import { ReactUtil } from "../../util/ReactUtil";
 import { classNames } from "../../util/ClassNames";
 export var TableRow = ReactUtil.memo("TableRow", function (_a) {
     var virtualItem = _a.virtualItem, data = _a.data, columns = _a.columns, columnWidths = _a.columnWidths, rowHeight = _a.rowHeight, scrollBarSize = _a.scrollBarSize, columnsStickyPosition = _a.columnsStickyPosition, rowClassName = _a.rowClassName, onRowClick = _a.onRowClick;
     var rowIndex = virtualItem.index;
-    var lastShownColumnIndex = React.useMemo(function () { return columns.length - 1 - __spreadArray([], __read(columns), false).reverse().findIndex(function (_) { return _.display !== "hidden"; }); }, [columns]);
+    var lastShownColumnIndex = React.useMemo(function () { return columns.findLastIndex(function (_) { return _.display !== "hidden"; }); }, [columns]);
     return (React.createElement("div", { key: rowIndex, className: classNames("table-row", rowClassName, rowIndex % 2 ? "odd" : "even"), style: { transform: "translateY(".concat(virtualItem.start, "px)") }, onClick: function () { return onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(data, rowIndex); } }, columns.map(function (column, columnIndex) {
         var colSpan = column.colSpan ? column.colSpan(data, rowIndex, columnIndex) : 1;
         // handle colspan > 1

package/core/VirtualTable/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/TableRow.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/TableRow.tsx"],"names":[],"mappings":"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"}

package/core/VirtualTable/hooks/useColumnWidths.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+/**
+ * VirtualTable is not crated by <table>, the header cell width cannot auto align the body cell width which has large content.
+ * So VirtualTable get the columns widths by following steps:
+ * 1. Only render the headers with flex style
+ * 2. Get the widths of the table headers in ref
+ * 3. Calculate the sticky position of the fixed column/header if exists
+ * 4. Render the table body columns with the headers widths gotten in step 2
+ *
+ * If the Virtual Table is render inside a container with open animation e.g. <Modal />,
+ * the colWidths may be calculated during the transition and get the wrong width
+ * wrap the getColumnWidths function by useDebounce to get the final correct column widths
+ */
+export declare const useColumnWidths: () => {
+    headerRef: React.MutableRefObject<HTMLDivElement | null>;
+    getHeaderRef: (node: HTMLDivElement | null) => void;
+    columnWidths: number[];
+};

package/core/VirtualTable/hooks/useColumnWidths.js

@@ -0,0 +1,63 @@
+import React from "react";
+import { useForceUpdate } from "../../../hooks/useForceUpdate";
+import { useDebounce } from "../../../hooks/useDebounce";
+/**
+ * VirtualTable is not crated by <table>, the header cell width cannot auto align the body cell width which has large content.
+ * So VirtualTable get the columns widths by following steps:
+ * 1. Only render the headers with flex style
+ * 2. Get the widths of the table headers in ref
+ * 3. Calculate the sticky position of the fixed column/header if exists
+ * 4. Render the table body columns with the headers widths gotten in step 2
+ *
+ * If the Virtual Table is render inside a container with open animation e.g. <Modal />,
+ * the colWidths may be calculated during the transition and get the wrong width
+ * wrap the getColumnWidths function by useDebounce to get the final correct column widths
+ */
+export var useColumnWidths = function () {
+    var headerRef = React.useRef(null);
+    var columnWidths = React.useRef([]);
+    var forceUpdate = useForceUpdate();
+    var getColumnWidths = useDebounce(React.useCallback(function () {
+        if (headerRef.current) {
+            var headers = headerRef.current.querySelectorAll(".table-header");
+            var widths_1 = [];
+            var columnWidthsUpdate_1 = false;
+            headers.forEach(function (header, index) {
+                var width = header.getBoundingClientRect().width;
+                if (width > 0 && widths_1[index] !== width) {
+                    widths_1[index] = width;
+                    columnWidthsUpdate_1 = true;
+                }
+            });
+            if (columnWidthsUpdate_1) {
+                columnWidths.current = widths_1;
+                forceUpdate();
+            }
+        }
+    }, [forceUpdate]), 300);
+    var getHeaderRef = React.useCallback(function (node) {
+        if (node) {
+            headerRef.current = node;
+            getColumnWidths();
+        }
+    }, [getColumnWidths]);
+    var handler = React.useCallback(function (event) {
+        if (event.target && "querySelector" in event.target && headerRef.current) {
+            var element = event.target;
+            var result = element.querySelector(".g-virtual-table");
+            result && getColumnWidths();
+        }
+    }, [getColumnWidths]);
+    React.useEffect(function () {
+        document.body.addEventListener("resize", handler);
+        document.body.addEventListener("transitionend", handler);
+        document.body.addEventListener("animationend", handler);
+        return function () {
+            document.body.removeEventListener("resize", handler);
+            document.body.removeEventListener("transitionend", handler);
+            document.body.removeEventListener("animationend", handler);
+        };
+    }, [handler]);
+    return { headerRef: headerRef, getHeaderRef: getHeaderRef, columnWidths: columnWidths.current };
+};
+//# sourceMappingURL=useColumnWidths.js.map

package/core/VirtualTable/hooks/useColumnWidths.js.map

@@ -0,0 +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,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAC7D,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;IAC5D,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAW,EAAE,CAAC,CAAC;IAChD,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAM,eAAe,GAAG,WAAW,CAC/B,KAAK,CAAC,WAAW,CAAC;QACd,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,IAAI,QAAM,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE;oBACtC,QAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;oBACtB,oBAAkB,GAAG,IAAI,CAAC;iBAC7B;YACL,CAAC,CAAC,CAAC;YACH,IAAI,oBAAkB,EAAE;gBACpB,YAAY,CAAC,OAAO,GAAG,QAAM,CAAC;gBAC9B,WAAW,EAAE,CAAC;aACjB;SACJ;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,EACjB,GAAG,CACN,CAAC;IAEF,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,IAA2B;QACxB,IAAI,IAAI,EAAE;YACN,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,eAAe,EAAE,CAAC;SACrB;IACL,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,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,eAAe,EAAE,CAAC;SAC/B;IACL,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,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,EAAE,YAAY,CAAC,OAAO,EAAC,CAAC;AACzE,CAAC,CAAC"}

package/core/VirtualTable/hooks/useColumnsStickyPosition.d.ts

@@ -0,0 +1,2 @@
+import type { VirtualTableColumn, ColumnsStickyPosition } from "../type";
+export declare const useColumnsStickyPosition: <RowType extends object>(columns: VirtualTableColumn<RowType>[], columnWidths: number[]) => ColumnsStickyPosition;

package/core/VirtualTable/hooks/useColumnsStickyPosition.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { ArrayUtil } from "../../../internal/ArrayUtil";
+export var useColumnsStickyPosition = function (columns, columnWidths) {
+    return React.useMemo(function () {
+        var columnsStickyPosition = {};
+        var leftColumnsStackPositionValue = 0;
+        var rightColumnsStackPositionValue = 0;
+        var leftFixedCols = ArrayUtil.compactMap(columns, function (_, columnIndex) { return (_.fixed === "left" ? { columnIndex: columnIndex, width: columnWidths[columnIndex] || 0 } : null); });
+        // the right sticky value stack in reverse direction
+        var rightFixedCols = ArrayUtil.compactMap(columns, function (_, columnIndex) { return (_.fixed === "right" ? { columnIndex: columnIndex, width: columnWidths[columnIndex] || 0 } : null); }).reverse();
+        leftFixedCols.forEach(function (column, idx) {
+            columnsStickyPosition[column.columnIndex] = { value: leftColumnsStackPositionValue, isLast: idx === leftFixedCols.length - 1 };
+            leftColumnsStackPositionValue += column.width;
+        });
+        rightFixedCols.forEach(function (column, idx) {
+            columnsStickyPosition[column.columnIndex] = { value: rightColumnsStackPositionValue, isLast: idx === rightFixedCols.length - 1 };
+            rightColumnsStackPositionValue += column.width;
+        });
+        return columnsStickyPosition;
+    }, [columnWidths, columns]);
+};
+//# sourceMappingURL=useColumnsStickyPosition.js.map

package/core/VirtualTable/hooks/useColumnsStickyPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnsStickyPosition.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useColumnsStickyPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,6BAA6B,CAAC;AAGtD,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAyB,OAAsC,EAAE,YAAsB;IAC3H,OAAO,KAAK,CAAC,OAAO,CAAC;QACjB,IAAM,qBAAqB,GAA0B,EAAE,CAAC;QACxD,IAAI,6BAA6B,GAAG,CAAC,CAAC;QACtC,IAAI,8BAA8B,GAAG,CAAC,CAAC;QAEvC,IAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,UAAC,CAAC,EAAE,WAAW,IAAK,OAAA,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAC,WAAW,aAAA,EAAE,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAlF,CAAkF,CAAC,CAAC;QAC5J,oDAAoD;QACpD,IAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,UAAC,CAAC,EAAE,WAAW,IAAK,OAAA,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,EAAC,WAAW,aAAA,EAAE,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAnF,CAAmF,CAAC,CAAC,OAAO,EAAE,CAAC;QAExK,aAAa,CAAC,OAAO,CAAC,UAAC,MAAM,EAAE,GAAG;YAC9B,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAC,KAAK,EAAE,6BAA6B,EAAE,MAAM,EAAE,GAAG,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,EAAC,CAAC;YAC7H,6BAA6B,IAAI,MAAM,CAAC,KAAK,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,UAAC,MAAM,EAAE,GAAG;YAC/B,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAC,KAAK,EAAE,8BAA8B,EAAE,MAAM,EAAE,GAAG,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC,EAAC,CAAC;YAC/H,8BAA8B,IAAI,MAAM,CAAC,KAAK,CAAC;QACnD,CAAC,CAAC,CAAC;QAEH,OAAO,qBAAqB,CAAC;IACjC,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC"}

package/core/VirtualTable/hooks/useScroll.d.ts

@@ -1,16 +1,10 @@
 import React from "react";
-interface Props {
-    scrollContentRef: React.RefObject<HTMLDivElement>;
-    headerRef: React.RefObject<HTMLDivElement>;
-    totalSize: number;
-}
-export declare const useScroll: ({ scrollContentRef, headerRef, totalSize }: Props) => {
-    onScroll: () => void;
-    tableBodyRef: (node: HTMLDivElement) => void;
-    scrollBarSize: number;
+export declare const useScrollable: (scrollContentRef: React.RefObject<HTMLDivElement>) => {
+    scrollable: {
+        horizontal: boolean;
+        vertical: boolean;
+    };
+    checkScrollable: () => void;
 };
+export declare const useSyncScroll: (scrollContentRef: React.RefObject<HTMLDivElement>, headerRef: React.RefObject<HTMLDivElement>) => () => void;
 export declare const useScrollToEdge: (scrollContentRef: React.RefObject<HTMLDivElement>) => () => void;
-export declare const useScrollBarSize: (scrollContentRef: React.RefObject<HTMLDivElement>, totalSize: number) => {
-    scrollBarSize: number;
-};
-export {};

package/core/VirtualTable/hooks/useScroll.js

@@ -15,24 +15,25 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import React from "react";
-export var useScroll = function (_a) {
-    var scrollContentRef = _a.scrollContentRef, headerRef = _a.headerRef, totalSize = _a.totalSize;
-    var checkIsScrollToEdge = useScrollToEdge(scrollContentRef);
-    var scrollBarSize = useScrollBarSize(scrollContentRef, totalSize).scrollBarSize;
+export var useScrollable = function (scrollContentRef) {
+    var _a = __read(React.useState({ horizontal: false, vertical: false }), 2), scrollable = _a[0], setScrollable = _a[1];
+    var checkScrollable = React.useCallback(function () {
+        if (scrollContentRef.current) {
+            var _a = scrollContentRef.current, offsetWidth = _a.offsetWidth, clientWidth = _a.clientWidth, offsetHeight = _a.offsetHeight, clientHeight = _a.clientHeight;
+            setScrollable({ vertical: offsetWidth !== clientWidth, horizontal: offsetHeight !== clientHeight });
+        }
+    }, [scrollContentRef]);
+    return { scrollable: scrollable, checkScrollable: checkScrollable };
+};
+export var useSyncScroll = function (scrollContentRef, headerRef) {
     var onScroll = React.useCallback(function () {
         requestAnimationFrame(function () {
             if (scrollContentRef.current && headerRef.current && scrollContentRef.current.scrollLeft !== headerRef.current.scrollLeft) {
                 headerRef.current.scrollLeft = scrollContentRef.current.scrollLeft;
-                checkIsScrollToEdge();
             }
         });
-    }, [scrollContentRef, headerRef, checkIsScrollToEdge]);
-    var tableBodyRef = React.useCallback(function (node) { return node && checkIsScrollToEdge(); }, [checkIsScrollToEdge]);
-    return {
-        onScroll: onScroll,
-        tableBodyRef: tableBodyRef,
-        scrollBarSize: scrollBarSize,
-    };
+    }, [scrollContentRef, headerRef]);
+    return onScroll;
 };
 // for the box shadow transition of the fixed columns
 export var useScrollToEdge = function (scrollContentRef) {
@@ -47,19 +48,4 @@ export var useScrollToEdge = function (scrollContentRef) {
     }, [scrollContentRef]);
     return checkIsScrollToEdge;
 };
-export var useScrollBarSize = function (scrollContentRef, totalSize) {
-    var _a = __read(React.useState(0), 2), scrollBarSize = _a[0], setScrollBarSize = _a[1];
-    var calculateScrollBarSize = React.useCallback(function () {
-        if (scrollContentRef.current) {
-            var _a = scrollContentRef.current, clientWidth = _a.clientWidth, offsetWidth = _a.offsetWidth;
-            setScrollBarSize(offsetWidth - clientWidth);
-        }
-    }, [scrollContentRef, setScrollBarSize]);
-    React.useEffect(function () {
-        calculateScrollBarSize();
-    }, [calculateScrollBarSize, totalSize]);
-    return {
-        scrollBarSize: scrollBarSize,
-    };
-};
 //# sourceMappingURL=useScroll.js.map

package/core/VirtualTable/hooks/useScroll.js.map

@@ -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,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"}
+{"version":3,"file":"useScroll.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useScroll.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,gBAAiD;IACrE,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC,IAAA,EAAjF,UAAU,QAAA,EAAE,aAAa,QAAwD,CAAC;IAEzF,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC;QACtC,IAAI,gBAAgB,CAAC,OAAO,EAAE;YACpB,IAAA,KAAyD,gBAAgB,CAAC,OAAO,EAAhF,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAA4B,CAAC;YACxF,aAAa,CAAC,EAAC,QAAQ,EAAE,WAAW,KAAK,WAAW,EAAE,UAAU,EAAE,YAAY,KAAK,YAAY,EAAC,CAAC,CAAC;SACrG;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,EAAC,UAAU,YAAA,EAAE,eAAe,iBAAA,EAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,gBAAiD,EAAE,SAA0C;IACvH,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;aACtE;QACL,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IAElC,OAAO,QAAQ,CAAC;AACpB,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"}

package/core/VirtualTable/hooks/useScrollBarSize.d.ts

@@ -0,0 +1 @@
+export declare const useScrollBarSize: () => number;

package/core/VirtualTable/hooks/useScrollBarSize.js

@@ -0,0 +1,38 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React from "react";
+import { useDidMountEffect } from "../../../hooks/useDidMountEffect";
+export var useScrollBarSize = function () {
+    var _a = __read(React.useState(0), 2), scrollbarSize = _a[0], setScrollBarSize = _a[1];
+    useDidMountEffect(function () {
+        // Creating invisible container
+        var element = document.createElement("div");
+        element.style.visibility = "hidden";
+        element.style.position = "absolute";
+        element.style.top = "-9999px";
+        element.style.width = "99px";
+        element.style.height = "99px";
+        element.style.overflow = "scroll"; // forcing scrollbar to appear
+        document.body.appendChild(element);
+        var offsetWidth = element.offsetWidth, clientWidth = element.clientWidth;
+        var scrollbarWidth = offsetWidth - clientWidth;
+        setScrollBarSize(scrollbarWidth);
+        document.body.removeChild(element);
+    });
+    return scrollbarSize;
+};
+//# sourceMappingURL=useScrollBarSize.js.map

package/core/VirtualTable/hooks/useScrollBarSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBarSize.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useScrollBarSize.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAEnE,MAAM,CAAC,IAAM,gBAAgB,GAAG;IACtB,IAAA,KAAA,OAAoC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,EAApD,aAAa,QAAA,EAAE,gBAAgB,QAAqB,CAAC;IAE5D,iBAAiB,CAAC;QACd,+BAA+B;QAC/B,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,8BAA8B;QACjE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAA,WAAW,GAAiB,OAAO,YAAxB,EAAE,WAAW,GAAI,OAAO,YAAX,CAAY;QAC3C,IAAM,cAAc,GAAG,WAAW,GAAG,WAAW,CAAC;QACjD,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC"}

package/core/VirtualTable/index.d.ts

@@ -25,6 +25,4 @@ export interface VirtualTableProps<RowType extends object> {
     headerHeight?: number;
     rowSelection?: VirtualTableRowSelection<RowType>;
 }
-export declare const VirtualTable: (<RowType extends object>({ columns, rowHeight, dataSource, className, rowClassName, loading, emptyPlaceholder, onRowClick, scrollY, scrollX, overscan, rowSelection, headerHeight, rowKey, }: VirtualTableProps<RowType>) => React.JSX.Element) & {
-    displayName: string;
-};
+export declare const VirtualTable: <RowType extends object>({ columns, rowHeight, dataSource, className, rowClassName, loading, emptyPlaceholder, onRowClick, scrollY, scrollX, overscan, rowSelection, headerHeight, rowKey }: VirtualTableProps<RowType>) => React.JSX.Element;

package/core/VirtualTable/index.js

@@ -6,17 +6,17 @@ import { Spin } from "../Spin";
 import { TableRow } from "./TableRow";
 import { TableHeader } from "./TableHeader";
 import { useRowSelection } from "./hooks/useRowSelection";
-import { useColumns } from "./hooks/useColumns";
-import { useScroll } from "./hooks/useScroll";
+import { useColumnWidths } from "./hooks/useColumnWidths";
+import { useScrollBarSize } from "./hooks/useScrollBarSize";
+import { useScrollToEdge, useSyncScroll, useScrollable } from "./hooks/useScroll";
+import { useColumnsStickyPosition } from "./hooks/useColumnsStickyPosition";
+import { ReactUtil } from "../../util/ReactUtil";
 import "./index.less";
-var HORIZONTAL_SCROLL_BAR_HEIGHT = 15;
-export var VirtualTable = Object.assign(function (_a) {
+export var VirtualTable = ReactUtil.memo("VirtualTable", function (_a) {
     var columns = _a.columns, rowHeight = _a.rowHeight, dataSource = _a.dataSource, className = _a.className, rowClassName = _a.rowClassName, loading = _a.loading, emptyPlaceholder = _a.emptyPlaceholder, onRowClick = _a.onRowClick, scrollY = _a.scrollY, scrollX = _a.scrollX, overscan = _a.overscan, rowSelection = _a.rowSelection, _b = _a.headerHeight, headerHeight = _b === void 0 ? 50 : _b, _c = _a.rowKey, rowKey = _c === void 0 ? "index" : _c;
     var count = dataSource.length;
     var scrollContentRef = React.useRef(null);
     var totalSize = count * rowHeight;
-    var isHorizontalScrollable = scrollContentRef.current ? scrollContentRef.current.scrollWidth > scrollContentRef.current.offsetWidth : false;
-    var containerHeight = scrollY ? scrollY + headerHeight + (isHorizontalScrollable ? HORIZONTAL_SCROLL_BAR_HEIGHT : 0) : "100%";
     var emptyElement = emptyPlaceholder || "暂无数据";
     var transformedColumns = useRowSelection({ columns: columns, dataSource: dataSource, rowKey: rowKey, rowSelection: rowSelection });
     var rowVirtualizer = useVirtualizer({
@@ -25,26 +25,36 @@ export var VirtualTable = Object.assign(function (_a) {
         estimateSize: function () { return rowHeight; },
         observeElementRect: function (instance, cb) {
             observeElementRect(instance, cb);
-            getColumnWidths();
         },
         overscan: overscan,
     });
-    var _d = useColumns({ columns: transformedColumns }), headerRef = _d.headerRef, columnWidths = _d.columnWidths, getColumnWidths = _d.getColumnWidths, columnsStickyPosition = _d.columnsStickyPosition;
-    var _e = useScroll({ scrollContentRef: scrollContentRef, headerRef: headerRef, totalSize: totalSize }), onScroll = _e.onScroll, tableBodyRef = _e.tableBodyRef, scrollBarSize = _e.scrollBarSize;
+    var _d = useColumnWidths(), headerRef = _d.headerRef, getHeaderRef = _d.getHeaderRef, columnWidths = _d.columnWidths;
+    var scrollBarSize = useScrollBarSize();
+    var syncScroll = useSyncScroll(scrollContentRef, headerRef);
+    var checkIsScrollToEdge = useScrollToEdge(scrollContentRef);
+    var _e = useScrollable(scrollContentRef), scrollable = _e.scrollable, checkScrollable = _e.checkScrollable;
+    var columnsStickyPosition = useColumnsStickyPosition(transformedColumns, columnWidths);
+    var onScroll = React.useCallback(function () {
+        syncScroll();
+        checkIsScrollToEdge();
+    }, [syncScroll, checkIsScrollToEdge]);
     React.useEffect(function () {
-        // avoid the table content get pressed together on mount
-        setTimeout(function () { return scrollContentRef.current && (scrollContentRef.current.style.visibility = "visible"); }, 1000);
-    }, []);
+        checkIsScrollToEdge();
+    }, [columnWidths, checkIsScrollToEdge]);
+    React.useEffect(function () {
+        checkScrollable();
+    }, [totalSize, columnWidths, checkScrollable]);
+    var containerHeight = scrollY ? scrollY + headerHeight + (scrollable.horizontal ? scrollBarSize : 0) : "100%";
     return (React.createElement("div", { className: classNames("g-virtual-table", className), style: { width: scrollX || "100%", height: containerHeight } },
         loading && (React.createElement("div", { className: "mask" },
             React.createElement(Spin, { spinning: loading }))),
         React.createElement("div", { className: "scroll-content", ref: scrollContentRef, style: { height: "calc(100% - ".concat(headerHeight, "px)"), top: headerHeight }, onScroll: onScroll },
             React.createElement("div", { className: "table", style: { height: totalSize } },
-                React.createElement(TableHeader, { headerRef: headerRef, headerHeight: headerHeight, columns: transformedColumns, columnsStickyPosition: columnsStickyPosition }),
-                columnWidths.length > 0 && (React.createElement("div", { className: "table-body", ref: tableBodyRef }, dataSource.length === 0
+                React.createElement(TableHeader, { headerRef: getHeaderRef, headerHeight: headerHeight, columns: transformedColumns, columnsStickyPosition: columnsStickyPosition }),
+                columnWidths.length > 0 && (React.createElement("div", { className: "table-body" }, dataSource.length === 0
                     ? emptyElement
                     : rowVirtualizer
                         .getVirtualItems()
-                        .map(function (virtualItem) { return (React.createElement(TableRow, { key: virtualItem.key, rowHeight: rowHeight, onRowClick: onRowClick, virtualItem: virtualItem, data: dataSource[virtualItem.index], columns: transformedColumns, columnWidths: columnWidths, scrollBarSize: scrollBarSize, columnsStickyPosition: columnsStickyPosition, rowClassName: rowClassName })); })))))));
-}, { displayName: "VirtualTable" });
+                        .map(function (virtualItem) { return (React.createElement(TableRow, { key: virtualItem.key, rowHeight: rowHeight, onRowClick: onRowClick, virtualItem: virtualItem, data: dataSource[virtualItem.index], columns: transformedColumns, columnWidths: columnWidths, scrollBarSize: scrollable.vertical ? scrollBarSize : 0, columnsStickyPosition: columnsStickyPosition, rowClassName: rowClassName })); })))))));
+});
 //# sourceMappingURL=index.js.map

package/core/VirtualTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/index.tsx"],"names":[],"mappings":"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"}

package/core/VirtualTable/index.less

@@ -43,7 +43,6 @@
         position: relative;
         overflow: auto;
         scrollbar-width: thin;
-        visibility: hidden;
 
         &.scroll-to-left {
             .table-header.fixed,

package/core/WithExplanation/index.d.ts

@@ -17,5 +17,5 @@ export interface Props {
 export declare class WithExplanation extends React.PureComponent<Props> {
     static displayName: string;
     static defaultProps: PickOptional<Props>;
-    render(): string | number | true | React.ReactFragment | React.JSX.Element;
+    render(): string | number | true | Iterable<React.ReactNode> | React.JSX.Element;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinnacle0/web-ui",
-  "version": "0.5.22",
+  "version": "0.5.23",
   "author": "Pinnacle",
   "license": "MIT",
   "sideEffects": [

package/core/VirtualTable/hooks/useColumns.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-import type { VirtualTableColumn, ColumnsStickyPosition } from "../type";
-interface Props<RowType extends object> {
-    columns: VirtualTableColumn<RowType>[];
-}
-/**
- *
- * VirtualTable is not crated by <table>, the header cell width cannot auto align the body cell width which has large content.
- * So VirtualTable get the columns widths by following steps:
- * 1. Only render the headers with flex style
- * 2. Get the widths of the table headers in ref
- * 3. Calculate the sticky position of the fixed column/header if exists
- * 4. Render the table body columns with the headers widths gotten in step 2
- *
- */
-export declare function useColumns<RowType extends object>({ columns }: Props<RowType>): {
-    columnWidths: number[];
-    getColumnWidths: () => void;
-    columnsStickyPosition: ColumnsStickyPosition;
-    headerRef: React.MutableRefObject<HTMLDivElement | null>;
-};
-/**
- *
- * If the Virtual Table is render inside a container with open animation e.g. <Modal />,
- * the colWidths may be calculated during the transition and get the wrong width with useState & useEffect
- * useLayoutEffect will be trigged in the transition process and get the final correct column widths
- *
- */
-export declare const useColumnWidths: () => {
-    columnWidths: number[];
-    getColumnWidths: () => void;
-    headerRef: React.MutableRefObject<HTMLDivElement | null>;
-};
-export declare const useColumnsStickyPosition: <RowType extends object>(columns: VirtualTableColumn<RowType>[], columnWidths: number[]) => ColumnsStickyPosition;
-export {};

package/core/VirtualTable/hooks/useColumns.js

@@ -1,100 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import React from "react";
-import { useDebounce } from "../../../hooks/useDebounce";
-import { ArrayUtil } from "../../../internal/ArrayUtil";
-/**
- *
- * VirtualTable is not crated by <table>, the header cell width cannot auto align the body cell width which has large content.
- * So VirtualTable get the columns widths by following steps:
- * 1. Only render the headers with flex style
- * 2. Get the widths of the table headers in ref
- * 3. Calculate the sticky position of the fixed column/header if exists
- * 4. Render the table body columns with the headers widths gotten in step 2
- *
- */
-export function useColumns(_a) {
-    var columns = _a.columns;
-    var _b = useColumnWidths(), columnWidths = _b.columnWidths, headerRef = _b.headerRef, getColumnWidths = _b.getColumnWidths;
-    var columnsStickyPosition = useColumnsStickyPosition(columns, columnWidths);
-    var debouncedGetColumnWidths = useDebounce(getColumnWidths, 100);
-    var handler = React.useCallback(function (event) {
-        if (event.currentTarget && "querySelector" in event.currentTarget && headerRef.current) {
-            var element = event.currentTarget;
-            var result = element.querySelector(".g-virtual-table");
-            if (result) {
-                debouncedGetColumnWidths();
-            }
-        }
-    }, [headerRef, debouncedGetColumnWidths]);
-    React.useEffect(function () {
-        document.body.addEventListener("transitionend", handler);
-        document.body.addEventListener("animationend", handler);
-        return function () {
-            document.body.removeEventListener("transitionend", handler);
-            document.body.removeEventListener("animationend", handler);
-        };
-    }, [handler]);
-    return {
-        columnWidths: columnWidths,
-        getColumnWidths: getColumnWidths,
-        columnsStickyPosition: columnsStickyPosition,
-        headerRef: headerRef,
-    };
-}
-/**
- *
- * If the Virtual Table is render inside a container with open animation e.g. <Modal />,
- * the colWidths may be calculated during the transition and get the wrong width with useState & useEffect
- * useLayoutEffect will be trigged in the transition process and get the final correct column widths
- *
- */
-export var useColumnWidths = function () {
-    var headerRef = React.useRef(null);
-    var _a = __read(React.useState([]), 2), columnWidths = _a[0], setColumnWidths = _a[1];
-    var getColumnWidths = React.useCallback(function () {
-        if (!headerRef.current)
-            return;
-        var headers = headerRef.current.querySelectorAll(".table-header");
-        var widths = Array.prototype.slice.call(headers).map(function (header) {
-            var width = header.getBoundingClientRect().width;
-            return width;
-        });
-        setColumnWidths(widths);
-    }, [headerRef]);
-    return { columnWidths: columnWidths, getColumnWidths: getColumnWidths, headerRef: headerRef };
-};
-export var useColumnsStickyPosition = function (columns, columnWidths) {
-    return React.useMemo(function () {
-        var columnsStickyPosition = {};
-        var leftColumnsStackPositionValue = 0;
-        var rightColumnsStackPositionValue = 0;
-        var leftFixedCols = ArrayUtil.compactMap(columns, function (_, columnIndex) { return (_.fixed === "left" ? { columnIndex: columnIndex, width: columnWidths[columnIndex] || 0 } : null); });
-        // the right sticky value stack in reverse direction
-        var rightFixedCols = ArrayUtil.compactMap(columns, function (_, columnIndex) { return (_.fixed === "right" ? { columnIndex: columnIndex, width: columnWidths[columnIndex] || 0 } : null); }).reverse();
-        leftFixedCols.forEach(function (column, idx) {
-            columnsStickyPosition[column.columnIndex] = { value: leftColumnsStackPositionValue, isLast: idx === leftFixedCols.length - 1 };
-            leftColumnsStackPositionValue += column.width;
-        });
-        rightFixedCols.forEach(function (column, idx) {
-            columnsStickyPosition[column.columnIndex] = { value: rightColumnsStackPositionValue, isLast: idx === rightFixedCols.length - 1 };
-            rightColumnsStackPositionValue += column.width;
-        });
-        return columnsStickyPosition;
-    }, [columnWidths, columns]);
-};
-//# sourceMappingURL=useColumns.js.map

package/core/VirtualTable/hooks/useColumns.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumns.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useColumns.ts"],"names":[],"mappings":"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"}