@pinnacle0/web-ui 0.6.46 → 0.7.0-beta.1

package/core/TypedTabs/index.js

@@ -1,22 +1,20 @@
 import React from "react";
 import { Tabs } from "../Tabs";
 import "./index.less";
-export class TypedTabs extends React.PureComponent {
-    static displayName = "TypedTabs";
-    render() {
-        const { tabs, 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars -- not included in restProps
-        children, onChange, ...restProps } = this.props;
-        const tabList = Array.isArray(tabs) ? tabs : Object.entries(tabs).map(([key, item]) => ({ key, ...item }));
-        const tabItems = tabList
-            .filter(_ => _.display !== "hidden")
-            .map(tab => ({
-            label: tab.title,
-            key: tab.key,
-            disabled: tab.disabled,
-            children: tab.content,
-        }));
-        return React.createElement(Tabs, { onChange: onChange, items: tabItems, ...restProps });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const TypedTabs = ReactUtil.memo("TypedTabs", (props) => {
+    const { tabs, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- not included in restProps
+    children, onChange, ...restProps } = props;
+    const tabList = Array.isArray(tabs) ? tabs : Object.entries(tabs).map(([key, item]) => ({ key, ...item }));
+    const tabItems = tabList
+        .filter(_ => _.display !== "hidden")
+        .map(tab => ({
+        label: tab.title,
+        key: tab.key,
+        disabled: tab.disabled,
+        children: tab.content,
+    }));
+    return React.createElement(Tabs, { onChange: onChange, items: tabItems, ...restProps });
+});
 //# sourceMappingURL=index.js.map

package/core/TypedTabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/TypedTabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,cAAc,CAAC;AAmBtB,MAAM,OAAO,SAA4B,SAAQ,KAAK,CAAC,aAAuB;IAC1E,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;IAEjC,MAAM;QACF,MAAM,EACF,IAAI;QACJ,0FAA0F;QAC1F,QAAQ,EACR,QAAQ,EACR,GAAG,SAAS,EACf,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,IAAI,EAAC,CAAC,CAAC,CAAC;QAClH,MAAM,QAAQ,GAAc,OAAO;aAC9B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC;aACnC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACT,KAAK,EAAE,GAAG,CAAC,KAAK;YAChB,GAAG,EAAE,GAAG,CAAC,GAAG;YACZ,QAAQ,EAAE,GAAG,CAAC,QAAQ;YACtB,QAAQ,EAAE,GAAG,CAAC,OAAO;SACxB,CAAC,CAAC,CAAC;QAER,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAA+B,EAAE,KAAK,EAAE,QAAQ,KAAM,SAAS,GAAI,CAAC;IAC/F,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/TypedTabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,cAAc,CAAC;AACtB,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAmB/C,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAmB,KAAe,EAAE,EAAE;IACvF,MAAM,EACF,IAAI;IACJ,0FAA0F;IAC1F,QAAQ,EACR,QAAQ,EACR,GAAG,SAAS,EACf,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,IAAI,EAAC,CAAC,CAAC,CAAC;IAClH,MAAM,QAAQ,GAAc,OAAO;SAC9B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC;SACnC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACT,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,GAAG,EAAE,GAAG,CAAC,GAAG;QACZ,QAAQ,EAAE,GAAG,CAAC,QAAQ;QACtB,QAAQ,EAAE,GAAG,CAAC,OAAO;KACxB,CAAC,CAAC,CAAC;IAER,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAA+B,EAAE,KAAK,EAAE,QAAQ,KAAM,SAAS,GAAI,CAAC;AAC/F,CAAC,CAAC,CAAC"}

package/core/Uploader/index.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import type { UploadChangeParam } from "antd/es/upload";
 import type { UploaderProps } from "../../util/UploadUtil/type";
 export interface Props<SuccessResponseType, ErrorResponseType> extends UploaderProps<SuccessResponseType, ErrorResponseType> {
     children: React.ReactNode;
@@ -14,19 +13,4 @@ export interface Props<SuccessResponseType, ErrorResponseType> extends UploaderP
     style?: React.CSSProperties;
     disabled?: boolean;
 }
-interface State {
-    uploading: boolean;
-}
-export declare class Uploader<SuccessResponseType, ErrorResponseType> extends React.PureComponent<Props<SuccessResponseType, ErrorResponseType>, State> {
-    static displayName: string;
-    private readonly defaultStyle;
-    private readonly uploadHeader;
-    private uploadStartTime;
-    constructor(props: Props<SuccessResponseType, ErrorResponseType>);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    preventDefaultDragDrop: (e: DragEvent) => void;
-    onUpload: ({ file }: UploadChangeParam) => void;
-    render(): React.JSX.Element;
-}
-export {};
+export declare const Uploader: <SuccessResponseType, ErrorResponseType>(props: Props<SuccessResponseType, ErrorResponseType>) => React.JSX.Element;

package/core/Uploader/index.js

@@ -1,31 +1,28 @@
 import React from "react";
 import AntUpload from "antd/es/upload";
 import { Spin } from "../Spin";
-export class Uploader extends React.PureComponent {
-    static displayName = "Uploader";
-    defaultStyle = { minWidth: 250 };
-    uploadHeader = { Accept: "application/json" };
-    uploadStartTime;
-    constructor(props) {
-        super(props);
-        this.state = { uploading: false };
-    }
-    componentDidMount() {
-        document.addEventListener("dragover", this.preventDefaultDragDrop);
-        document.addEventListener("drop", this.preventDefaultDragDrop);
-    }
-    componentWillUnmount() {
-        document.removeEventListener("dragover", this.preventDefaultDragDrop);
-        document.removeEventListener("drop", this.preventDefaultDragDrop);
-    }
-    preventDefaultDragDrop = (e) => e.preventDefault();
-    onUpload = ({ file }) => {
+import { ReactUtil } from "../../util/ReactUtil";
+const defaultStyle = { minWidth: 250 };
+const UPLOAD_HEADER = { Accept: "application/json" };
+export const Uploader = ReactUtil.memo("Uploader", (props) => {
+    const { children, accept, beforeUpload, className, style, uploadURL, formField, disabled, onUploadSuccess, onUploadFailure } = props;
+    const [uploading, setUploading] = React.useState(false);
+    const uploadStartTime = React.useRef(null);
+    const preventDefaultDragDrop = (e) => e.preventDefault();
+    React.useEffect(() => {
+        document.addEventListener("dragover", preventDefaultDragDrop);
+        document.addEventListener("drop", preventDefaultDragDrop);
+        return () => {
+            document.removeEventListener("dragover", preventDefaultDragDrop);
+            document.removeEventListener("drop", preventDefaultDragDrop);
+        };
+    }, []);
+    const onUploadChange = ({ file }) => {
         if (file.status === "uploading") {
-            this.setState({ uploading: true });
-            this.uploadStartTime = Date.now();
+            setUploading(true);
+            uploadStartTime.current = Date.now();
         }
         else if (file.status === "done" || file.status === "error") {
-            const { onUploadSuccess, onUploadFailure } = this.props;
             try {
                 const info = {
                     file_name: file.fileName || file.name,
@@ -33,7 +30,7 @@ export class Uploader extends React.PureComponent {
                     file_type: file.type || "-",
                     api_response: JSON.stringify(file.response),
                 };
-                const elapsedTime = this.uploadStartTime ? Date.now() - this.uploadStartTime : 0;
+                const elapsedTime = uploadStartTime.current ? Date.now() - uploadStartTime.current : 0;
                 if (file.status === "error") {
                     onUploadFailure?.({
                         info,
@@ -51,15 +48,12 @@ export class Uploader extends React.PureComponent {
                 }
             }
             finally {
-                this.setState({ uploading: false });
+                setUploading(false);
+                uploadStartTime.current = null;
             }
         }
     };
-    render() {
-        const { children, accept, beforeUpload, className, style, uploadURL, formField, disabled } = this.props;
-        const { uploading } = this.state;
-        return (React.createElement(AntUpload.Dragger, { name: formField, showUploadList: false, multiple: false, accept: accept, className: className, style: { ...this.defaultStyle, ...style }, action: uploadURL, onChange: this.onUpload, disabled: this.state.uploading || disabled, beforeUpload: beforeUpload, headers: this.uploadHeader },
-            React.createElement(Spin, { spinning: uploading, size: "small" }, children)));
-    }
-}
+    return (React.createElement(AntUpload.Dragger, { name: formField, showUploadList: false, multiple: false, accept: accept, className: className, style: { ...defaultStyle, ...style }, action: uploadURL, onChange: onUploadChange, disabled: uploading || disabled, beforeUpload: beforeUpload, headers: UPLOAD_HEADER },
+        React.createElement(Spin, { spinning: uploading, size: "small" }, children)));
+});
 //# sourceMappingURL=index.js.map

package/core/Uploader/index.js.map

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

package/core/VirtualList/index.d.ts

@@ -27,4 +27,4 @@ export interface Props<T extends object> {
 /**
  * Efficiently rendering large lists and tabular data
  */
-export declare function VirtualList<T extends object>({ data, rowKey, direction, renderItem: renderData, overscan, initialRect, fixedSize, id, className, listRef, }: Props<T>): React.JSX.Element;
+export declare const VirtualList: <T extends object>({ data, rowKey, direction, renderItem: renderData, overscan, initialRect, fixedSize, id, className, listRef }: Props<T>) => React.JSX.Element;

package/core/VirtualList/index.js

@@ -2,11 +2,12 @@ import React from "react";
 import { classNames } from "../../util/ClassNames";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import "./index.less";
+import { ReactUtil } from "../../util/ReactUtil";
 const DEFAULT_ITEM_SIZE = 100;
 /**
  * Efficiently rendering large lists and tabular data
  */
-export function VirtualList({ data, rowKey = "index", direction = "vertical", renderItem: renderData, overscan = 5, initialRect = { width: 0, height: 0 }, fixedSize, id, className, listRef, }) {
+export const VirtualList = ReactUtil.memo("VirtualList", ({ data, rowKey = "index", direction = "vertical", renderItem: renderData, overscan = 5, initialRect = { width: 0, height: 0 }, fixedSize, id, className, listRef }) => {
     const Item = renderData;
     const parentRef = React.useRef(null);
     const horizontal = direction === "horizontal";
@@ -24,5 +25,5 @@ export function VirtualList({ data, rowKey = "index", direction = "vertical", re
         React.createElement("div", { className: "g-virtual-list-inner", style: horizontal ? { width: virtualizer.getTotalSize() } : { height: virtualizer.getTotalSize() } }, virtualizer.getVirtualItems().map(virtualRow => (React.createElement("div", { className: "g-virtual-list-item", key: getItemKey(virtualRow.index), ref: virtualizer.measureElement, "data-index": virtualRow.index, style: { transform: horizontal ? `translateX(${virtualRow.start}px)` : `translateY(${virtualRow.start}px)` } },
             React.createElement("div", { className: "g-virtual-list-item-wrapper" },
                 React.createElement(Item, { data: data[virtualRow.index], index: virtualRow.index }))))))));
-}
+});
 //# sourceMappingURL=index.js.map

package/core/VirtualList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAIvD,OAAO,cAAc,CAAC;AAEtB,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAwB9B;;GAEG;AACH,MAAM,UAAU,WAAW,CAAmB,EAC1C,IAAI,EACJ,MAAM,GAAG,OAAO,EAChB,SAAS,GAAG,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,GAAG,CAAC,EACZ,WAAW,GAAG,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,EACnC,SAAS,EACT,EAAE,EACF,SAAS,EACT,OAAO,GACA;IACP,MAAM,IAAI,GAAG,UAAU,CAAC;IACxB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,SAAS,KAAK,YAAY,CAAC;IAC9C,MAAM,WAAW,GAAG,cAAc,CAA2B;QACzD,WAAW;QACX,UAAU;QACV,KAAK,EAAE,IAAI,CAAC,MAAM;QAClB,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO;QACzC,YAAY,EAAE,SAAS,IAAI,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;QACpD,QAAQ;KACX,CAAC,CAAC;IAEH,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzF,OAAO,CACH,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAC,UAAU,EAAC,CAAC,EAAE,GAAG,EAAE,SAAS;QACzF,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,EAAC,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,WAAW,CAAC,YAAY,EAAE,EAAC,IAC/H,WAAW,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC7C,6BACI,SAAS,EAAC,qBAAqB,EAC/B,GAAG,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAoB,EACpD,GAAG,EAAE,WAAW,CAAC,cAAc,gBACnB,UAAU,CAAC,KAAK,EAC5B,KAAK,EAAE,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,UAAU,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,UAAU,CAAC,KAAK,KAAK,EAAC;YAE1G,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,GAAI,CAC7D,CACJ,CACT,CAAC,CACA,CACJ,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAIvD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAwB9B;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CACrC,aAAa,EACb,CAAmB,EAAC,IAAI,EAAE,MAAM,GAAG,OAAO,EAAE,SAAS,GAAG,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,GAAG,CAAC,EAAE,WAAW,GAAG,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAW,EAAE,EAAE;IAC3L,MAAM,IAAI,GAAG,UAAU,CAAC;IACxB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,SAAS,KAAK,YAAY,CAAC;IAC9C,MAAM,WAAW,GAAG,cAAc,CAA2B;QACzD,WAAW;QACX,UAAU;QACV,KAAK,EAAE,IAAI,CAAC,MAAM;QAClB,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO;QACzC,YAAY,EAAE,SAAS,IAAI,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;QACpD,QAAQ;KACX,CAAC,CAAC;IAEH,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzF,OAAO,CACH,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAC,UAAU,EAAC,CAAC,EAAE,GAAG,EAAE,SAAS;QACzF,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,EAAC,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,WAAW,CAAC,YAAY,EAAE,EAAC,IAC/H,WAAW,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC7C,6BACI,SAAS,EAAC,qBAAqB,EAC/B,GAAG,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAoB,EACpD,GAAG,EAAE,WAAW,CAAC,cAAc,gBACnB,UAAU,CAAC,KAAK,EAC5B,KAAK,EAAE,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,UAAU,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,UAAU,CAAC,KAAK,KAAK,EAAC;YAE1G,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,GAAI,CAC7D,CACJ,CACT,CAAC,CACA,CACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/core/VirtualTable/{TableHeader.js → OldVirtualTable/TableHeader.js}

@@ -1,6 +1,6 @@
 import React from "react";
-import { ReactUtil } from "../../util/ReactUtil";
-import { classNames } from "../../util/ClassNames";
+import { ReactUtil } from "../../../util/ReactUtil";
+import { classNames } from "../../../util/ClassNames";
 export const TableHeader = ReactUtil.memo("TableHeader", function ({ headerRef, headerHeight, columns, columnsStickyPosition }) {
     return (React.createElement("div", { className: "table-headers", ref: headerRef, style: { height: headerHeight, width: scrollX || "100%" } }, columns.map(({ title, width, align, fixed, display }, columnIndex) => {
         const stickyPosition = columnsStickyPosition[columnIndex];

package/core/VirtualTable/OldVirtualTable/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/OldVirtualTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAUpD,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,aAAa,EAAE,UAAkC,EAAC,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,qBAAqB,EAAiB;IAChK,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,IAAI,MAAM,EAAC,IACjG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,EAAE,WAAW,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;QAC1D,OAAO,CACH,6BACI,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAC,CAAC,EAC9H,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;gBACH,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;gBAC/C,IAAI,EAAE,OAAO,KAAK,IAAI;gBACtB,cAAc,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;gBAC7F,SAAS,EAAE,KAAK;gBAChB,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS;gBAC1D,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS;aAC/D,IAEA,KAAK,CACJ,CACT,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/VirtualTable/{TableRow.js → OldVirtualTable/TableRow.js}

@@ -1,6 +1,6 @@
 import React from "react";
-import { ReactUtil } from "../../util/ReactUtil";
-import { classNames } from "../../util/ClassNames";
+import { ReactUtil } from "../../../util/ReactUtil";
+import { classNames } from "../../../util/ClassNames";
 export const TableRow = ReactUtil.memo("TableRow", function ({ virtualItem, data, columns, columnWidths, rowHeight, scrollBarSize, columnsStickyPosition, rowClassName, onRowClick }) {
     const rowIndex = virtualItem.index;
     const lastShownColumnIndex = React.useMemo(() => columns.findLastIndex(_ => _.display !== "hidden"), [columns]);

package/core/VirtualTable/OldVirtualTable/TableRow.js.map

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

package/core/VirtualTable/{hooks → OldVirtualTable/hooks}/useColumnWidths.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { useDebounce } from "../../../hooks/useDebounce";
+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:

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnWidths.js","sourceRoot":"","sources":["../../../../../src/core/VirtualTable/OldVirtualTable/hooks/useColumnWidths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAC,MAAM,+BAA+B,CAAC;AAE1D;;;;;;;;;;;GAWG;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,EAAE,CAAC,CAAC;IAErE,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;YACpE,MAAM,MAAM,GAAa,EAAE,CAAC;YAC5B,IAAI,kBAAkB,GAAG,KAAK,CAAC;YAC/B,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;gBACnD,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;oBACZ,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;oBACtB,kBAAkB,GAAG,IAAI,CAAC;gBAC9B,CAAC;YACL,CAAC,CAAC,CAAC;YACH,IAAI,kBAAkB,EAAE,CAAC;gBACrB,eAAe,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;QACL,CAAC;IACL,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,IAA2B,EAAE,EAAE;QAC5B,IAAI,IAAI,EAAE,CAAC;YACP,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,gBAAgB,EAAE,CAAC;QACvB,CAAC;IACL,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,KAAiD,EAAE,EAAE;QAClD,IAAI,KAAK,CAAC,MAAM,IAAI,eAAe,IAAI,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACvE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAC;YAC5C,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;YACzD,MAAM,IAAI,gBAAgB,EAAE,CAAC;QACjC,CAAC;IACL,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,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,GAAG,EAAE;YACR,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,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAC,CAAC;AACrE,CAAC,CAAC"}

package/core/VirtualTable/{hooks → OldVirtualTable/hooks}/useColumnsStickyPosition.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { ArrayUtil } from "../../../internal/ArrayUtil";
+import { ArrayUtil } from "../../../../internal/ArrayUtil";
 export const useColumnsStickyPosition = (columns, columnWidths) => {
     return React.useMemo(() => {
         const columnsStickyPosition = {};

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnsStickyPosition.js","sourceRoot":"","sources":["../../../../../src/core/VirtualTable/OldVirtualTable/hooks/useColumnsStickyPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAGzD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAyB,OAAsC,EAAE,YAAsB,EAAyB,EAAE;IACtJ,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtB,MAAM,qBAAqB,GAA0B,EAAE,CAAC;QACxD,IAAI,6BAA6B,GAAG,CAAC,CAAC;QACtC,IAAI,8BAA8B,GAAG,CAAC,CAAC;QAEvC,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5J,oDAAoD;QACpD,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,EAAC,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QAExK,aAAa,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;YAClC,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,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;YACnC,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 → OldVirtualTable/hooks}/useRowSelection.d.ts

@@ -1,5 +1,5 @@
 import type { VirtualTableColumn, VirtualTableRowSelection } from "../type";
-import type { StringKey } from "../../../internal/type";
+import type { StringKey } from "../../../../internal/type";
 interface Props<RowType extends object> {
     columns: VirtualTableColumn<RowType>[];
     dataSource: RowType[];

package/core/VirtualTable/{hooks → OldVirtualTable/hooks}/useRowSelection.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { Checkbox } from "../../Checkbox";
-import { ArrayUtil } from "../../../internal/ArrayUtil";
+import { Checkbox } from "../../../Checkbox";
+import { ArrayUtil } from "../../../../internal/ArrayUtil";
 export const useRowSelection = function ({ columns, dataSource, rowSelection, rowKey }) {
     const transformedColumns = React.useMemo(() => {
         if (!rowSelection) {

package/core/VirtualTable/OldVirtualTable/hooks/useRowSelection.js.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScroll.js","sourceRoot":"","sources":["../../../../../src/core/VirtualTable/OldVirtualTable/hooks/useScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,gBAAwD,EAAE,EAAE;IACtF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;IAEzF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC3B,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC;YACxF,aAAa,CAAC,EAAC,QAAQ,EAAE,WAAW,KAAK,WAAW,EAAE,UAAU,EAAE,YAAY,KAAK,YAAY,EAAC,CAAC,CAAC;QACtG,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,gBAAwD,EAAE,SAAiD,EAAE,EAAE;IACzI,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,qBAAqB,CAAC,GAAG,EAAE;YACvB,IAAI,gBAAgB,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,CAAC,UAAU,KAAK,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;gBACxH,SAAS,CAAC,OAAO,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC;YACvE,CAAC;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,MAAM,eAAe,GAAG,CAAC,gBAAwD,EAAE,EAAE;IACxF,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC3B,MAAM,EAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC;YACxE,MAAM,cAAc,GAAG,UAAU,IAAI,CAAC,CAAC;YACvC,MAAM,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;QAClF,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,mBAAmB,CAAC;AAC/B,CAAC,CAAC"}

package/core/VirtualTable/{hooks → OldVirtualTable/hooks}/useScrollBarSize.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { useDidMountEffect } from "../../../hooks/useDidMountEffect";
+import { useDidMountEffect } from "../../../../hooks/useDidMountEffect";
 export const useScrollBarSize = () => {
     const [scrollbarSize, setScrollBarSize] = React.useState(0);
     useDidMountEffect(() => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBarSize.js","sourceRoot":"","sources":["../../../../../src/core/VirtualTable/OldVirtualTable/hooks/useScrollBarSize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,qCAAqC,CAAC;AAEtE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,iBAAiB,CAAC,GAAG,EAAE;QACnB,+BAA+B;QAC/B,MAAM,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;QACnC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAC,GAAG,OAAO,CAAC;QAC3C,MAAM,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/OldVirtualTable/index.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import type { StringKey } from "../../../internal/type";
+import type { VirtualTableColumn, VirtualTableRowSelection } from "./type";
+import "./index.old.less";
+export type { VirtualTableColumn, VirtualTableRowSelection } from "./type";
+export interface OldVirtualTableProps<RowType extends object> {
+    dataSource: RowType[];
+    columns: VirtualTableColumn<RowType>[];
+    rowHeight: number;
+    className?: string;
+    rowClassName?: string;
+    /**
+     * if scrollX and scrollY is not provided, height: 100% and width: 100% will be used and please wrap the table with a container
+     */
+    scrollY?: number;
+    scrollX?: number;
+    overscan?: number;
+    loading?: boolean;
+    emptyPlaceholder?: React.ReactElement | string | number;
+    onRowClick?: (record: RowType, rowIndex: number) => void;
+    /**
+     * Default: index
+     */
+    rowKey?: StringKey<RowType> | "index";
+    headerHeight?: number;
+    rowSelection?: VirtualTableRowSelection<RowType>;
+}
+export declare const OldVirtualTable: <RowType extends object>({ columns, rowHeight, dataSource, className, rowClassName, loading, emptyPlaceholder, onRowClick, scrollY, scrollX, overscan, rowSelection, headerHeight, rowKey }: OldVirtualTableProps<RowType>) => React.JSX.Element;

package/core/VirtualTable/OldVirtualTable/index.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { classNames } from "../../../util/ClassNames";
+import { Spin } from "../../Spin";
+import { TableRow } from "./TableRow";
+import { TableHeader } from "./TableHeader";
+import { useRowSelection } from "./hooks/useRowSelection";
+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.old.less";
+export const OldVirtualTable = ReactUtil.memo("OldVirtualTable", function ({ columns, rowHeight, dataSource, className, rowClassName, loading, emptyPlaceholder, onRowClick, scrollY, scrollX, overscan, rowSelection, headerHeight = 50, rowKey = "index" }) {
+    const count = dataSource.length;
+    const scrollContentRef = React.useRef(null);
+    const totalSize = count * rowHeight;
+    const emptyElement = emptyPlaceholder || "暂无数据";
+    const transformedColumns = useRowSelection({ columns, dataSource, rowKey, rowSelection });
+    const rowVirtualizer = useVirtualizer({
+        count,
+        getScrollElement: () => scrollContentRef.current,
+        estimateSize: () => rowHeight,
+        overscan,
+    });
+    const { headerRef, getHeaderRef, columnWidths, calcColumnWidths } = useColumnWidths();
+    const scrollBarSize = useScrollBarSize();
+    const syncScroll = useSyncScroll(scrollContentRef, headerRef);
+    const checkIsScrollToEdge = useScrollToEdge(scrollContentRef);
+    const { scrollable, checkScrollable } = useScrollable(scrollContentRef);
+    const columnsStickyPosition = useColumnsStickyPosition(transformedColumns, columnWidths);
+    const onScroll = React.useCallback(() => {
+        syncScroll();
+        checkIsScrollToEdge();
+    }, [syncScroll, checkIsScrollToEdge]);
+    React.useEffect(() => {
+        checkIsScrollToEdge();
+    }, [columnWidths, checkIsScrollToEdge]);
+    React.useEffect(() => {
+        checkScrollable();
+    }, [totalSize, columnWidths, checkScrollable]);
+    React.useEffect(() => {
+        calcColumnWidths();
+    }, [calcColumnWidths, transformedColumns]);
+    const 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% - ${headerHeight}px)`, top: headerHeight }, onScroll: onScroll },
+            React.createElement("div", { className: "table", style: { height: totalSize } },
+                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(virtualItem => (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/OldVirtualTable/index.js.map

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

package/core/VirtualTable/OldVirtualTable/index.old.less

@@ -0,0 +1,160 @@
+.fixed-column-shadow(@position) {
+    content: "";
+    position: absolute;
+    width: 30px;
+    height: 100%;
+    pointer-events: none;
+    background-color: transparent;
+    top: 0;
+    bottom: -1px;
+    transition: box-shadow 0.3s;
+
+    & when (@position = "right") {
+        left: 0;
+        transform: translate(-100%);
+        box-shadow: inset -10px 0 8px -8px #00000026;
+    }
+
+    & when (@position = "left") {
+        right: 0;
+        transform: translate(100%);
+        box-shadow: inset 10px 0 8px -8px #00000026;
+    }
+}
+
+.g-virtual-table {
+    position: relative;
+    transform: translateX(0);
+
+    .mask {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background: rgb(255 255 255 / 70%);
+        z-index: 15;
+    }
+
+    .scroll-content {
+        position: relative;
+        overflow: auto;
+        scrollbar-width: thin;
+
+        &.scroll-to-left {
+            .table-header.fixed,
+            .table-cell.fixed {
+                &.last.left::after {
+                    box-shadow: none !important;
+                }
+            }
+        }
+
+        &.scroll-to-right {
+            .table-header.fixed,
+            .table-cell.fixed {
+                &.last.right::after {
+                    box-shadow: none !important;
+                }
+            }
+        }
+
+        .table {
+            min-height: 100%;
+
+            .table-headers {
+                display: flex;
+                flex-wrap: nowrap;
+                position: fixed;
+                top: 0;
+                z-index: 10;
+                min-width: 100%;
+                overflow-x: hidden;
+
+                .table-header {
+                    display: flex;
+                    align-items: center;
+                    background-color: #f2f2f2;
+                    height: 100%;
+                    position: relative;
+
+                    &:not(:last-of-type)::before {
+                        background-color: rgb(0 0 0 / 6%);
+                        content: "";
+                        height: 60%;
+                        position: absolute;
+                        right: 0;
+                        top: 50%;
+                        transform: translateY(-50%);
+                        transition: background-color 0.3s;
+                        width: 1px;
+                    }
+
+                    &.fixed {
+                        position: sticky;
+                        z-index: 5;
+
+                        &.last {
+                            &.left {
+                                &::after {
+                                    .fixed-column-shadow("left");
+                                }
+                            }
+
+                            &.right {
+                                &::after {
+                                    .fixed-column-shadow("right");
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+
+            .table-body {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                position: relative;
+                height: 100%;
+
+                .table-row {
+                    width: max-content;
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+
+                    .table-cell {
+                        display: inline-flex;
+                        align-items: center;
+                        background-color: #fff;
+                        overflow-wrap: anywhere;
+                        vertical-align: bottom;
+
+                        &.fixed {
+                            position: sticky;
+                            z-index: 5;
+
+                            &.last {
+                                &.left {
+                                    &::after {
+                                        .fixed-column-shadow("left");
+                                    }
+                                }
+
+                                &.right {
+                                    &::after {
+                                        .fixed-column-shadow("right");
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/core/VirtualTable/OldVirtualTable/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/OldVirtualTable/type.ts"],"names":[],"mappings":""}