@pinnacle0/web-ui 0.2.103 → 0.3.2-beta0

package/admin/AdminApp/WithErrorBoundary.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface Props {
     onLifecycleError?: (error: unknown, componentStack: string) => void;
+    children: React.ReactChild;
 }
 interface State {
     error: Error | null;
@@ -9,6 +10,6 @@ export declare class WithErrorBoundary extends React.PureComponent<Props, State>
     static displayName: string;
     constructor(props: Props);
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): {} | null;
+    render(): string | number | JSX.Element;
 }
 export {};

package/admin/AdminApp/WithErrorBoundary.js

@@ -30,7 +30,7 @@ var WithErrorBoundary = /** @class */ (function (_super) {
     WithErrorBoundary.prototype.render = function () {
         var error = this.state.error;
         return error ? (React.createElement(AdminPage, null,
-            React.createElement(AdminPage.Result, { type: "error", title: "Page Script Error", subtitle: error.message }))) : (this.props.children || null);
+            React.createElement(AdminPage.Result, { type: "error", title: "Page Script Error", subtitle: error.message }))) : (this.props.children);
     };
     WithErrorBoundary.displayName = "WithErrorBoundary";
     return WithErrorBoundary;

package/admin/AdminApp/WithErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithErrorBoundary.js","sourceRoot":"","sources":["../../../src/admin/AdminApp/WithErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAUvC;IAAuC,qCAAiC;IAGpE,2BAAY,KAAY;QAAxB,YACI,kBAAM,KAAK,CAAC,SAEf;QADG,KAAI,CAAC,KAAK,GAAG,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;;IAC/B,CAAC;IAED,6CAAiB,GAAjB,UAAkB,KAAY,EAAE,SAA0B;;QACtD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,OAAA,EAAC,CAAC,CAAC;QACvB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,gBAAgB,mDAAG,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC;IAED,kCAAM,GAAN;QACW,IAAA,KAAK,GAAI,IAAI,CAAC,KAAK,MAAd,CAAe;QAC3B,OAAO,KAAK,CAAC,CAAC,CAAC,CACX,oBAAC,SAAS;YACN,oBAAC,SAAS,CAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAI,CAC5E,CACf,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAC9B,CAAC;IACN,CAAC;IArBM,6BAAW,GAAG,mBAAmB,CAAC;IAsB7C,wBAAC;CAAA,AAvBD,CAAuC,KAAK,CAAC,aAAa,GAuBzD;SAvBY,iBAAiB"}
+{"version":3,"file":"WithErrorBoundary.js","sourceRoot":"","sources":["../../../src/admin/AdminApp/WithErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAWvC;IAAuC,qCAAiC;IAGpE,2BAAY,KAAY;QAAxB,YACI,kBAAM,KAAK,CAAC,SAEf;QADG,KAAI,CAAC,KAAK,GAAG,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;;IAC/B,CAAC;IAED,6CAAiB,GAAjB,UAAkB,KAAY,EAAE,SAA0B;;QACtD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,OAAA,EAAC,CAAC,CAAC;QACvB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,gBAAgB,mDAAG,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC;IAED,kCAAM,GAAN;QACW,IAAA,KAAK,GAAI,IAAI,CAAC,KAAK,MAAd,CAAe;QAC3B,OAAO,KAAK,CAAC,CAAC,CAAC,CACX,oBAAC,SAAS;YACN,oBAAC,SAAS,CAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAI,CAC5E,CACf,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,KAAK,CAAC,QAAQ,CACtB,CAAC;IACN,CAAC;IArBM,6BAAW,GAAG,mBAAmB,CAAC;IAsB7C,wBAAC;CAAA,AAvBD,CAAuC,KAAK,CAAC,aAAa,GAuBzD;SAvBY,iBAAiB"}

package/core/DocumentTitle.d.ts

@@ -23,6 +23,6 @@ export declare class DocumentTitle extends React.PureComponent<Props> {
     componentDidUpdate(prevProps: Readonly<Props>): void;
     componentWillUnmount(): void;
     updateTitle: () => void;
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> & React.ReactNode;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 }
 export {};

package/core/VirtualTable/index.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import type { SafeReactChildren, SafeReactChild, StringKey } from "../../internal/type";
+import "./index.less";
+export declare type VirtualTableRowSelection<RowType extends object> = {
+    width: number;
+    selectedRowKeys: React.Key[];
+    onChange: (selectedRowKeys: React.Key[], selectedRows: RowType[]) => void;
+    fixed?: boolean;
+    disableSelection?: (data: RowType, rowIndex: number) => boolean;
+    disableSelectAll?: boolean;
+    title?: React.ReactElement | React.ReactChild;
+};
+export declare type VirtualTableColumn<RowType extends object> = {
+    title: React.ReactElement | React.ReactChild;
+    width: number;
+    renderData: (record: RowType, rowIndex: number) => SafeReactChildren | undefined;
+    align?: "left" | "right" | "center";
+    display?: "default" | "hidden";
+    fixed?: "left" | "right";
+    colSpan?: (record: RowType, rowIndex: number, colIndex: number) => number;
+};
+export interface VirtualTableProps<RowType extends object> {
+    dataSource: RowType[];
+    columns: VirtualTableColumn<RowType>[];
+    scrollY: number;
+    rowHeight: number | ((rowIndex: number) => number);
+    className?: string;
+    rowClassName?: string;
+    scrollX?: number;
+    loading?: boolean;
+    emptyPlaceholder?: SafeReactChild;
+    rowSelection?: VirtualTableRowSelection<RowType>;
+    /**
+     * Default: index
+     */
+    rowKey?: StringKey<RowType> | "index";
+}
+export declare const VirtualTable: (<RowType extends object>({ columns, rowHeight, scrollY, dataSource, className, rowClassName, loading, emptyPlaceholder, rowSelection, scrollX, rowKey, }: VirtualTableProps<RowType>) => JSX.Element) & {
+    displayName: string;
+};

package/core/VirtualTable/index.js

@@ -0,0 +1,123 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { useVirtual } from "react-virtual";
+import { ArrayUtil } from "../../internal/ArrayUtil";
+import { Spin } from "../Spin";
+import { useRowSelection } from "./useRowSelection";
+import { useScrollToEdge } from "./useScrollToEdge";
+import "./index.less";
+var headerHeight = 50;
+var scrollBarSize = 10;
+export var VirtualTable = Object.assign(function (_a) {
+    var columns = _a.columns, rowHeight = _a.rowHeight, scrollY = _a.scrollY, dataSource = _a.dataSource, className = _a.className, rowClassName = _a.rowClassName, loading = _a.loading, emptyPlaceholder = _a.emptyPlaceholder, rowSelection = _a.rowSelection, scrollX = _a.scrollX, _b = _a.rowKey, rowKey = _b === void 0 ? "index" : _b;
+    var size = dataSource.length;
+    var scrollContentRef = React.useRef(null);
+    var estimateSize = React.useCallback(function (rowIndex) { return (typeof rowHeight === "function" ? rowHeight(rowIndex) : rowHeight); }, [rowHeight]);
+    var transformedColumns = useRowSelection({ columns: columns, dataSource: dataSource, rowSelection: rowSelection, rowKey: rowKey });
+    var _c = useVirtual({ size: size, parentRef: scrollContentRef, estimateSize: estimateSize, paddingStart: headerHeight }), virtualItems = _c.virtualItems, totalSize = _c.totalSize;
+    var _d = useScrollToEdge(scrollContentRef), onScroll = _d.onScroll, isScrollToLeft = _d.isScrollToLeft, isScrollToRight = _d.isScrollToRight;
+    var _e = __read(React.useState([]), 2), colWidths = _e[0], setColWidths = _e[1];
+    var headersRef = React.useRef(null);
+    var isScrollable = totalSize > scrollY;
+    var isReady = colWidths.length > 0;
+    var scrollContainerHeight = scrollY + headerHeight + (isScrollable ? scrollBarSize : 0);
+    var getColWidths = function () {
+        if (headersRef.current) {
+            var widths_1 = [];
+            var headers = headersRef.current.querySelectorAll(".table-header");
+            headers.forEach(function (header) {
+                var width = header.getBoundingClientRect().width;
+                widths_1.push(width);
+            });
+            setColWidths(widths_1);
+        }
+    };
+    var stickyPosition = React.useMemo(function () {
+        var result = {};
+        var left = [];
+        var right = [];
+        var leftFixedCols = ArrayUtil.compactMap(transformedColumns, function (_, columnIndex) { return (_.fixed === "left" ? { columnIndex: columnIndex, width: colWidths[columnIndex] } : null); });
+        var rightFixedCols = ArrayUtil.compactMap(transformedColumns, function (_, columnIndex) { return (_.fixed === "right" ? { columnIndex: columnIndex, width: colWidths[columnIndex] } : null); }).reverse();
+        leftFixedCols.forEach(function (column, idx) {
+            var stackedPositionValue = left.reduce(function (acc, prev) { return acc + prev; }, 0);
+            left.push(column.width);
+            result[column.columnIndex] = { value: stackedPositionValue, isLast: idx === leftFixedCols.length - 1 };
+        });
+        rightFixedCols.forEach(function (column, idx) {
+            var stackedPositionValue = right.reduce(function (acc, prev) { return acc + prev; }, 0);
+            right.unshift(column.width);
+            result[column.columnIndex] = { value: stackedPositionValue, isLast: idx === rightFixedCols.length - 1 };
+        });
+        return result;
+    }, [colWidths, transformedColumns]);
+    var getFixedColStyle = function (fixed, columnIndex) {
+        return {
+            left: fixed === "left" ? stickyPosition[columnIndex].value : undefined,
+            right: fixed === "right" ? stickyPosition[columnIndex].value : undefined,
+        };
+    };
+    var getFixedColClassNames = function (fixed, columnIndex) {
+        var isFixedClassName = fixed ? "fixed" : "";
+        var isLastFixedClassName = fixed && stickyPosition[columnIndex].isLast ? "last" : "";
+        var fixedPositionClassName = fixed;
+        var hideShadowClassName = (fixed === "left" && isScrollToLeft) || (fixed === "right" && isScrollToRight) ? "hide-shadow" : "";
+        return [isFixedClassName, isLastFixedClassName, fixedPositionClassName, hideShadowClassName];
+    };
+    // get the correct column width with the occurrence of scroll bar
+    React.useEffect(function () {
+        getColWidths();
+    }, [isScrollable]);
+    return (React.createElement("div", { className: ["g-virtual-table", className].join(" "), style: { width: scrollX || "100%" } }, React.createElement("div", { className: "scroll-content", ref: scrollContentRef, style: { height: scrollContainerHeight }, onScroll: onScroll },
+        React.createElement("div", { className: "table", style: { height: totalSize } },
+            React.createElement("div", { className: "table-headers", ref: headersRef, style: { height: headerHeight, width: isScrollable && !isReady ? "calc(100% - ".concat(scrollBarSize, "px)") : "100%" } }, transformedColumns.map(function (_a, columnIndex) {
+                var title = _a.title, width = _a.width, align = _a.align, fixed = _a.fixed, display = _a.display;
+                return (React.createElement("div", { className: __spreadArray(["table-header"], __read(getFixedColClassNames(fixed, columnIndex)), false).join(" "), key: columnIndex, style: __assign({ display: display !== "hidden" ? "flex" : "none", flex: "1 0 ".concat(width, "px"), textAlign: align }, getFixedColStyle(fixed, columnIndex)) }, title));
+            })),
+            React.createElement("div", { className: "table-body", style: { height: "calc(100% - ".concat(headerHeight, "px)") } }, loading ? (React.createElement(Spin, { spinning: loading })) : dataSource.length === 0 ? (emptyPlaceholder || "暂无数据") : (isReady &&
+                virtualItems.map(function (virtualItem) {
+                    var rowIndex = virtualItem.index;
+                    var currentData = dataSource[rowIndex];
+                    return (React.createElement("div", { key: rowIndex, className: ["table-row", rowClassName, rowIndex % 2 ? "odd" : "even"].join(" "), style: { height: virtualItem.size, transform: "translateY(".concat(virtualItem.start, "px)") } }, transformedColumns.map(function (column, columnIndex) {
+                        var colSpan = column.colSpan ? column.colSpan(currentData, rowIndex, columnIndex) : 1;
+                        var cellWidth = colSpan > 1 ? colWidths.slice(columnIndex, columnIndex + colSpan).reduce(function (acc, curr) { return acc + curr; }, 0) : colWidths[columnIndex];
+                        var renderData = column.display !== "hidden" && column.renderData(currentData, rowIndex);
+                        return (renderData && (React.createElement("div", { className: __spreadArray(["table-cell"], __read(getFixedColClassNames(column.fixed, columnIndex)), false).join(" "), key: columnIndex, style: __assign({ height: "100%", width: cellWidth, textAlign: column.align }, getFixedColStyle(column.fixed, columnIndex)) }, renderData)));
+                    })));
+                })))))));
+}, { displayName: "VirtualTable" });
+//# sourceMappingURL=index.js.map

package/core/VirtualTable/index.js.map

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

package/core/VirtualTable/index.less

@@ -0,0 +1,133 @@
+.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;
+
+    .scroll-content {
+        width: 100%;
+        overflow: auto;
+
+        .table {
+            position: relative;
+            min-height: 100%;
+
+            .table-headers {
+                display: flex;
+                flex-wrap: nowrap;
+                position: sticky;
+                top: 0;
+                z-index: 10;
+
+                .table-header {
+                    display: flex;
+                    justify-content: center;
+                    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");
+                                }
+                            }
+
+                            &.hide-shadow::after {
+                                box-shadow: none;
+                            }
+                        }
+                    }
+                }
+            }
+
+            .table-body {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                .table-row {
+                    display: flex;
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+
+                    .table-cell {
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
+                        background-color: #fff;
+                        word-break: break-word;
+
+                        &.fixed {
+                            position: sticky;
+                            z-index: 5;
+
+                            &.last {
+                                &.left {
+                                    &::after {
+                                        .fixed-column-shadow("left");
+                                    }
+                                }
+
+                                &.right {
+                                    &::after {
+                                        .fixed-column-shadow("right");
+                                    }
+                                }
+
+                                &.hide-shadow::after {
+                                    box-shadow: none;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/core/VirtualTable/useRowSelection.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { VirtualTableRowSelection, VirtualTableColumn } from "./index";
+interface Props<RowType extends object> {
+    columns: VirtualTableColumn<RowType>[];
+    dataSource: RowType[];
+    rowSelection?: VirtualTableRowSelection<RowType>;
+    rowKey: "index" | React.Key;
+}
+export declare const useRowSelection: <RowType extends object>({ columns, dataSource, rowSelection, rowKey }: Props<RowType>) => VirtualTableColumn<RowType>[];
+export {};

package/core/VirtualTable/useRowSelection.js

@@ -0,0 +1,57 @@
+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 { Checkbox } from "../Checkbox";
+import { ArrayUtil } from "../../internal/ArrayUtil";
+export var useRowSelection = function (_a) {
+    var columns = _a.columns, dataSource = _a.dataSource, rowSelection = _a.rowSelection, rowKey = _a.rowKey;
+    var transformedColumns = React.useMemo(function () {
+        if (!rowSelection) {
+            return __spreadArray([], __read(columns), false);
+        }
+        var width = rowSelection.width, onChange = rowSelection.onChange, selectedRowKeys = rowSelection.selectedRowKeys, fixed = rowSelection.fixed, disableSelectAll = rowSelection.disableSelectAll, disableSelection = rowSelection.disableSelection, title = rowSelection.title;
+        var onSelectAll = function (val) {
+            var allSelectedRowKeys = dataSource.map(function (_, idx) { return (rowKey === "index" ? idx : _[rowKey]); });
+            val ? onChange(allSelectedRowKeys, dataSource) : onChange([], []);
+        };
+        var rowSelectionColumn = {
+            width: width,
+            fixed: fixed ? "left" : undefined,
+            title: title || (React.createElement(Checkbox, { disabled: disableSelectAll || dataSource.length === 0, indeterminate: selectedRowKeys.length >= 1 && selectedRowKeys.length !== dataSource.length, onChange: onSelectAll, value: dataSource.length !== 0 && selectedRowKeys ? selectedRowKeys.length === dataSource.length : false })),
+            renderData: function (data, rowIndex) {
+                var dataKey = rowKey === "index" ? rowIndex : data[rowKey];
+                var isChecked = selectedRowKeys.includes(dataKey);
+                var toggledSelectedRowKeys = ArrayUtil.toggleElement(selectedRowKeys, dataKey);
+                return (React.createElement(Checkbox, { disabled: disableSelection === null || disableSelection === void 0 ? void 0 : disableSelection(data, rowIndex), value: isChecked, onChange: function () {
+                        return onChange(toggledSelectedRowKeys, dataSource.filter(function (_, idx) { return toggledSelectedRowKeys.includes(rowKey ? _[rowKey] : idx); }));
+                    } }));
+            },
+        };
+        return __spreadArray([rowSelectionColumn], __read(columns), false);
+    }, [columns, dataSource, rowKey, rowSelection]);
+    return transformedColumns;
+};
+//# sourceMappingURL=useRowSelection.js.map

package/core/VirtualTable/useRowSelection.js.map

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

package/core/VirtualTable/useScrollToEdge.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const useScrollToEdge: (scrollContentRef: React.RefObject<HTMLElement>) => {
+    onScroll: () => void;
+    isScrollToLeft: boolean;
+    isScrollToRight: boolean;
+    isScrollToTop: boolean;
+    isScrollToBottom: boolean;
+};

package/core/VirtualTable/useScrollToEdge.js

@@ -0,0 +1,41 @@
+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";
+export var useScrollToEdge = function (scrollContentRef) {
+    var _a = __read(React.useState(true), 2), isScrollToLeft = _a[0], setIsScrollToLeft = _a[1];
+    var _b = __read(React.useState(false), 2), isScrollToRight = _b[0], setIsScrollToRight = _b[1];
+    var _c = __read(React.useState(true), 2), isScrollToTop = _c[0], setIsScrollToTop = _c[1];
+    var _d = __read(React.useState(false), 2), isScrollToBottom = _d[0], setIsScrollToBottom = _d[1];
+    var onScroll = React.useCallback(function () {
+        var isScrollLeft = scrollContentRef.current ? scrollContentRef.current.scrollLeft <= 1 : false;
+        var isScrollRight = scrollContentRef.current ? scrollContentRef.current.scrollLeft >= scrollContentRef.current.scrollWidth - scrollContentRef.current.clientWidth : false;
+        var isScrollTop = scrollContentRef.current ? scrollContentRef.current.scrollTop <= 1 : false;
+        var isScrollBottom = scrollContentRef.current ? scrollContentRef.current.scrollTop >= scrollContentRef.current.scrollHeight - scrollContentRef.current.clientHeight : false;
+        setIsScrollToLeft(isScrollLeft);
+        setIsScrollToRight(isScrollRight);
+        setIsScrollToTop(isScrollTop);
+        setIsScrollToBottom(isScrollBottom);
+    }, [scrollContentRef]);
+    return {
+        onScroll: onScroll,
+        isScrollToLeft: isScrollToLeft,
+        isScrollToRight: isScrollToRight,
+        isScrollToTop: isScrollToTop,
+        isScrollToBottom: isScrollToBottom,
+    };
+};
+//# sourceMappingURL=useScrollToEdge.js.map

package/core/VirtualTable/useScrollToEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToEdge.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/useScrollToEdge.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,gBAA8C;IACpE,IAAA,KAAA,OAAsC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,EAAzD,cAAc,QAAA,EAAE,iBAAiB,QAAwB,CAAC;IAC3D,IAAA,KAAA,OAAwC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA5D,eAAe,QAAA,EAAE,kBAAkB,QAAyB,CAAC;IAC9D,IAAA,KAAA,OAAoC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,EAAvD,aAAa,QAAA,EAAE,gBAAgB,QAAwB,CAAC;IACzD,IAAA,KAAA,OAA0C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9D,gBAAgB,QAAA,EAAE,mBAAmB,QAAyB,CAAC;IAEtE,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC;QAC/B,IAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACjG,IAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,IAAI,gBAAgB,CAAC,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC;QAE5K,IAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC/F,IAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,IAAI,gBAAgB,CAAC,OAAO,CAAC,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;QAC9K,iBAAiB,CAAC,YAAY,CAAC,CAAC;QAChC,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAClC,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC9B,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO;QACH,QAAQ,UAAA;QACR,cAAc,gBAAA;QACd,eAAe,iBAAA;QACf,aAAa,eAAA;QACb,gBAAgB,kBAAA;KACnB,CAAC;AACN,CAAC,CAAC"}

package/core/VirtualizedFlatList/CellMeasurer.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { VariableSizeList } from "react-window";
+import type { CellMeasurerCache } from "./CellMeasurerCache";
+import type { Measure } from "./type";
+export declare type RegisterChild = (instance: HTMLElement | null) => void;
+export interface CellMeasurerChildProps {
+    registerChild: RegisterChild;
+    measure: Measure;
+}
+interface Props {
+    rowIndex: number;
+    cache: CellMeasurerCache;
+    children: React.FunctionComponent<CellMeasurerChildProps>;
+    parent: React.RefObject<VariableSizeList>;
+}
+export declare function CellMeasurer(props: Props): React.ReactElement<any, any> | null;
+export {};

package/core/VirtualizedFlatList/CellMeasurer.js

@@ -0,0 +1,36 @@
+import React from "react";
+export function CellMeasurer(props) {
+    var cache = props.cache, rowIndex = props.rowIndex, children = props.children, parent = props.parent;
+    var childRef = React.useRef();
+    var calculateSize = React.useCallback(function (node) {
+        var originalStyleHeight = node.style.height;
+        node.style.height = "auto";
+        var height = node.getBoundingClientRect().height;
+        node.style.height = originalStyleHeight;
+        return height;
+    }, []);
+    var measure = React.useCallback(function () {
+        var _a;
+        if (childRef.current) {
+            var height = calculateSize(childRef.current);
+            cache.set(height, rowIndex);
+            (_a = parent.current) === null || _a === void 0 ? void 0 : _a.resetAfterIndex(rowIndex);
+        }
+    }, [cache, parent, calculateSize, rowIndex]);
+    var registerChild = function (node) {
+        var _a;
+        if (node) {
+            childRef.current = node;
+            var height = calculateSize(node);
+            if (!cache.has(rowIndex)) {
+                cache.set(height, rowIndex);
+                (_a = parent.current) === null || _a === void 0 ? void 0 : _a.resetAfterIndex(rowIndex);
+            }
+        }
+        else {
+            childRef.current = null;
+        }
+    };
+    return children({ registerChild: registerChild, measure: measure });
+}
+//# sourceMappingURL=CellMeasurer.js.map

package/core/VirtualizedFlatList/CellMeasurer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellMeasurer.js","sourceRoot":"","sources":["../../../src/core/VirtualizedFlatList/CellMeasurer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,UAAU,YAAY,CAAC,KAAY;IAC9B,IAAA,KAAK,GAAgC,KAAK,MAArC,EAAE,QAAQ,GAAsB,KAAK,SAA3B,EAAE,QAAQ,GAAY,KAAK,SAAjB,EAAE,MAAM,GAAI,KAAK,OAAT,CAAU;IAClD,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAC;IAEpD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,IAAiB;QACtD,IAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAC9C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACpB,IAAA,MAAM,GAAI,IAAI,CAAC,qBAAqB,EAAE,OAAhC,CAAiC;QAC9C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,mBAAmB,CAAC;QACxC,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,OAAO,GAAY,KAAK,CAAC,WAAW,CAAC;;QACvC,IAAI,QAAQ,CAAC,OAAO,EAAE;YAClB,IAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC/C,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YAC5B,MAAA,MAAM,CAAC,OAAO,0CAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;SAC7C;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7C,IAAM,aAAa,GAAG,UAAC,IAAwB;;QAC3C,IAAI,IAAI,EAAE;YACN,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,IAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;gBACtB,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;gBAC5B,MAAA,MAAM,CAAC,OAAO,0CAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;aAC7C;SACJ;aAAM;YACH,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;SAC3B;IACL,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,EAAC,aAAa,eAAA,EAAE,OAAO,SAAA,EAAC,CAAC,CAAC;AAC9C,CAAC"}

package/core/VirtualizedFlatList/CellMeasurerCache.d.ts

@@ -0,0 +1,16 @@
+interface CellMeasurerCacheOptions {
+    defaultHeight: number;
+}
+export declare class CellMeasurerCache {
+    private cellHeightCache;
+    private defaultHeight;
+    constructor(options: CellMeasurerCacheOptions);
+    private createCacheKey;
+    clearAll(): void;
+    has(index: number): boolean;
+    set(height: number, index: number): void;
+    clear(index: number): void;
+    getKey(index: number): string;
+    itemSize(index: number): number;
+}
+export {};

package/core/VirtualizedFlatList/CellMeasurerCache.js

@@ -0,0 +1,31 @@
+var CellMeasurerCache = /** @class */ (function () {
+    function CellMeasurerCache(options) {
+        this.defaultHeight = options.defaultHeight;
+        this.cellHeightCache = {};
+    }
+    CellMeasurerCache.prototype.createCacheKey = function (index) {
+        return "key-".concat(index);
+    };
+    CellMeasurerCache.prototype.clearAll = function () {
+        this.cellHeightCache = {};
+    };
+    CellMeasurerCache.prototype.has = function (index) {
+        return this.cellHeightCache[this.createCacheKey(index)] !== undefined;
+    };
+    CellMeasurerCache.prototype.set = function (height, index) {
+        this.cellHeightCache[this.createCacheKey(index)] = height;
+    };
+    CellMeasurerCache.prototype.clear = function (index) {
+        delete this.cellHeightCache[this.createCacheKey(index)];
+    };
+    CellMeasurerCache.prototype.getKey = function (index) {
+        return this.createCacheKey(index);
+    };
+    CellMeasurerCache.prototype.itemSize = function (index) {
+        var cachedHeight = this.cellHeightCache[this.createCacheKey(index)];
+        return cachedHeight !== null && cachedHeight !== void 0 ? cachedHeight : this.defaultHeight;
+    };
+    return CellMeasurerCache;
+}());
+export { CellMeasurerCache };
+//# sourceMappingURL=CellMeasurerCache.js.map

package/core/VirtualizedFlatList/CellMeasurerCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellMeasurerCache.js","sourceRoot":"","sources":["../../../src/core/VirtualizedFlatList/CellMeasurerCache.ts"],"names":[],"mappings":"AAIA;IAII,2BAAY,OAAiC;QACzC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAC3C,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC9B,CAAC;IAEO,0CAAc,GAAtB,UAAuB,KAAa;QAChC,OAAO,cAAO,KAAK,CAAE,CAAC;IAC1B,CAAC;IAED,oCAAQ,GAAR;QACI,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC9B,CAAC;IAED,+BAAG,GAAH,UAAI,KAAa;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,KAAK,SAAS,CAAC;IAC1E,CAAC;IAED,+BAAG,GAAH,UAAI,MAAc,EAAE,KAAa;QAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC;IAC9D,CAAC;IAED,iCAAK,GAAL,UAAM,KAAa;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,kCAAM,GAAN,UAAO,KAAa;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,oCAAQ,GAAR,UAAS,KAAa;QAClB,IAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;QACtE,OAAO,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,IAAI,CAAC,aAAa,CAAC;IAC9C,CAAC;IACL,wBAAC;AAAD,CAAC,AArCD,IAqCC"}

package/core/VirtualizedFlatList/Footer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { FooterData, Measure } from "./type";
+interface Props extends FooterData {
+    style: React.CSSProperties;
+    measure: Measure;
+}
+export declare const Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};

package/core/VirtualizedFlatList/Footer.js

@@ -0,0 +1,27 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from "react";
+import { Spin } from "../Spin";
+export var Footer = React.forwardRef(function (props, ref) {
+    var loading = props.loading, ended = props.ended, loadingMessage = props.loadingMessage, endMessage = props.endMessage, style = props.style, measure = props.measure;
+    var measureRef = React.useRef(measure);
+    measureRef.current = measure;
+    React.useEffect(function () {
+        measureRef.current();
+    }, [loading, loadingMessage, endMessage, ended]);
+    return (React.createElement("div", { style: __assign({}, style), ref: ref, className: "g-flat-list-footer" },
+        loading && (React.createElement("div", null,
+            React.createElement(Spin, { spinning: true, size: "small" }),
+            React.createElement("div", null, loadingMessage !== null && loadingMessage !== void 0 ? loadingMessage : "loading..."))),
+        ended && !loading && (endMessage !== null && endMessage !== void 0 ? endMessage : "All data loaded")));
+});
+//# sourceMappingURL=Footer.js.map