@pinnacle0/web-ui 0.3.38 → 0.3.39

package/core/VirtualTable/hooks/useScrollToEdge.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToEdge.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useScrollToEdge.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,gBAA8C;IACpE,IAAA,KAAA,OAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,CAAC;IAC5D,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,KAAK,CAAC,IAAA,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAC1D,IAAA,KAAA,OAA0C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9D,gBAAgB,QAAA,EAAE,mBAAmB,QAAyB,CAAC;IAEtE,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC;QACrC,IAAI,gBAAgB,CAAC,OAAO,EAAE;YACpB,IAAA,KAAgF,gBAAgB,CAAC,OAAO,EAAvG,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAA4B,CAAC;YAC/G,IAAM,YAAY,GAAG,UAAU,IAAI,CAAC,CAAC;YACrC,IAAM,aAAa,GAAG,UAAU,IAAI,WAAW,GAAG,WAAW,CAAC;YAE9D,IAAM,WAAW,GAAG,SAAS,IAAI,CAAC,CAAC;YACnC,IAAM,cAAc,GAAG,SAAS,IAAI,YAAY,GAAG,YAAY,CAAC;YAChE,iBAAiB,CAAC,YAAY,CAAC,CAAC;YAChC,kBAAkB,CAAC,aAAa,CAAC,CAAC;YAClC,gBAAgB,CAAC,WAAW,CAAC,CAAC;YAC9B,mBAAmB,CAAC,cAAc,CAAC,CAAC;SACvC;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,aAAa;IACb,SAAS,CAAC;QACN,cAAc,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO;QACH,cAAc,gBAAA;QACd,cAAc,gBAAA;QACd,eAAe,iBAAA;QACf,aAAa,eAAA;QACb,gBAAgB,kBAAA;KACnB,CAAC;AACN,CAAC,CAAC"}

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

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

package/core/VirtualTable/hooks/useStickyPosition.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { ArrayUtil } from "../../../internal/ArrayUtil";
+export var useStickyPosition = function (columns, columnWidths) {
+    return React.useMemo(function () {
+        var result = {};
+        var left = [];
+        var right = [];
+        var leftFixedCols = ArrayUtil.compactMap(columns, function (_, columnIndex) { return (_.fixed === "left" ? { columnIndex: columnIndex, width: columnWidths[columnIndex] } : null); });
+        // the right sticky value stack in reverse direction
+        var rightFixedCols = ArrayUtil.compactMap(columns, function (_, columnIndex) { return (_.fixed === "right" ? { columnIndex: columnIndex, width: columnWidths[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;
+    }, [columnWidths, columns]);
+};
+//# sourceMappingURL=useStickyPosition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStickyPosition.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useStickyPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,6BAA6B,CAAC;AAGtD,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAyB,OAAsC,EAAE,YAAsB;IACpH,OAAO,KAAK,CAAC,OAAO,CAAC;QACjB,IAAM,MAAM,GAAmC,EAAE,CAAC;QAClD,IAAM,IAAI,GAAa,EAAE,CAAC;QAC1B,IAAM,KAAK,GAAa,EAAE,CAAC;QAE3B,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,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA7E,CAA6E,CAAC,CAAC;QACvJ,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,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA9E,CAA8E,CAAC,CAAC,OAAO,EAAE,CAAC;QAEnK,aAAa,CAAC,OAAO,CAAC,UAAC,MAAM,EAAE,GAAG;YAC9B,IAAM,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,IAAI,IAAK,OAAA,GAAG,GAAG,IAAI,EAAV,CAAU,EAAE,CAAC,CAAC,CAAC;YACvE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACxB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAC,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,GAAG,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,EAAC,CAAC;QACzG,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,UAAC,MAAM,EAAE,GAAG;YAC/B,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,IAAI,IAAK,OAAA,GAAG,GAAG,IAAI,EAAV,CAAU,EAAE,CAAC,CAAC,CAAC;YACxE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC5B,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAC,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,GAAG,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC,EAAC,CAAC;QAC1G,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC"}

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

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

package/core/VirtualTable/hooks/useTransformColumn.js

@@ -0,0 +1,9 @@
+import { useRowExpand } from "./useRowExpand";
+import { useRowSelection } from "./useRowSelection";
+export var useTransformColumn = function (_a) {
+    var columns = _a.columns, dataSource = _a.dataSource, rowKey = _a.rowKey, rowExpand = _a.rowExpand, rowSelection = _a.rowSelection;
+    var columnsWithRowSelection = useRowSelection({ columns: columns, dataSource: dataSource, rowSelection: rowSelection, rowKey: rowKey });
+    var transformedColumns = useRowExpand({ columns: columnsWithRowSelection, rowExpand: rowExpand });
+    return transformedColumns;
+};
+//# sourceMappingURL=useTransformColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTransformColumn.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useTransformColumn.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAWlD,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAkC,EAAsE;QAArE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA;IACrH,IAAM,uBAAuB,GAAG,eAAe,CAAC,EAAC,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,YAAY,cAAA,EAAE,MAAM,QAAA,EAAC,CAAC,CAAC;IAC7F,IAAM,kBAAkB,GAAG,YAAY,CAAC,EAAC,OAAO,EAAE,uBAAuB,EAAE,SAAS,WAAA,EAAC,CAAC,CAAC;IAEvF,OAAO,kBAAkB,CAAC;AAC9B,CAAC,CAAC"}

package/core/VirtualTable/index.d.ts

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

package/core/VirtualTable/index.js

@@ -0,0 +1,85 @@
+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 { classNames } from "../../util/ClassNames";
+import { Spin } from "../Spin";
+import { useLayout } from "./hooks/useLayout";
+import { useTransformColumn } from "./hooks/useTransformColumn";
+import { TableRow } from "./TableRow";
+import { TableHeader } from "./TableHeader";
+import "./index.less";
+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, onRowClick = _a.onRowClick, scrollX = _a.scrollX, rowExpand = _a.rowExpand, _b = _a.rowKey, rowKey = _b === void 0 ? "index" : _b, _c = _a.headerHeight, headerHeight = _c === void 0 ? 50 : _c;
+    var size = dataSource.length;
+    var scrollContentRef = React.useRef(null);
+    var headersRef = React.useRef(null);
+    var estimateSize = React.useCallback(function () { return rowHeight; }, [rowHeight]);
+    var overscan = rowExpand ? Math.floor(scrollY / rowHeight) : 1;
+    var _d = useVirtual({
+        size: size,
+        parentRef: scrollContentRef,
+        estimateSize: estimateSize,
+        overscan: overscan,
+    }), virtualItems = _d.virtualItems, totalSize = _d.totalSize;
+    var transformedColumns = useTransformColumn({ columns: columns, dataSource: dataSource, rowSelection: rowSelection, rowKey: rowKey, rowExpand: rowExpand });
+    var isScrollable = totalSize > scrollY;
+    var tableHeight = scrollY + headerHeight;
+    var tableBodyHeight = scrollY;
+    var emptyElement = emptyPlaceholder || "暂无数据";
+    var _e = useLayout({ headersRef: headersRef, scrollContentRef: scrollContentRef, isScrollable: isScrollable, columns: transformedColumns }), scrollBarSize = _e.scrollBarSize, stickyPosition = _e.stickyPosition, columnWidths = _e.columnWidths, isScrollToEdge = _e.isScrollToEdge, isScrollToLeft = _e.isScrollToLeft, isScrollToRight = _e.isScrollToRight;
+    var lastShownColumnIndex = React.useMemo(function () { return transformedColumns.length - 1 - __spreadArray([], __read(transformedColumns), false).reverse().findIndex(function (_) { return _.display !== "hidden"; }); }, [transformedColumns]);
+    // handle the edge position & shadow of the fixed columns
+    var getFixedColumnClassNames = React.useCallback(function (fixed, columnIndex) {
+        var _a;
+        var isFixedClassName = fixed ? "fixed" : "";
+        var isLastFixedClassName = fixed && ((_a = stickyPosition[columnIndex]) === null || _a === void 0 ? void 0 : _a.isLast) ? "last" : "";
+        var fixedPositionClassName = fixed;
+        var hideShadowClassName = (fixed === "left" && isScrollToLeft) || (fixed === "right" && isScrollToRight) ? "hide-shadow" : "";
+        return [isFixedClassName, isLastFixedClassName, fixedPositionClassName, hideShadowClassName];
+    }, [isScrollToLeft, isScrollToRight, stickyPosition]);
+    var onScroll = React.useCallback(function () {
+        requestAnimationFrame(function () {
+            // only trigger in horizontal direction
+            if (!scrollContentRef.current || !headersRef.current || scrollContentRef.current.scrollLeft === headersRef.current.scrollLeft)
+                return;
+            isScrollToEdge();
+            // sync scrolling in header
+            headersRef.current.scrollLeft = scrollContentRef.current.scrollLeft;
+        });
+    }, [isScrollToEdge]);
+    return (React.createElement("div", { className: classNames("g-virtual-table", className), style: { width: scrollX || "100%", height: tableHeight } },
+        loading && (React.createElement("div", { className: "mask" },
+            React.createElement(Spin, { spinning: loading }))),
+        React.createElement("div", { className: "scroll-content", ref: scrollContentRef, style: { height: tableBodyHeight, top: headerHeight }, onScroll: onScroll },
+            React.createElement("div", { className: "table", style: { height: totalSize } },
+                React.createElement(TableHeader, { headersRef: headersRef, headerHeight: headerHeight, columns: transformedColumns, stickyPosition: stickyPosition, getFixedColumnClassNames: getFixedColumnClassNames }),
+                React.createElement("div", { className: "table-body" }, dataSource.length === 0
+                    ? emptyElement
+                    : columnWidths.length > 0 &&
+                        virtualItems.map(function (virtualItem) { return (React.createElement(TableRow, { key: virtualItem.index, rowHeight: rowHeight, onRowClick: onRowClick, virtualItem: virtualItem, data: dataSource[virtualItem.index], columns: transformedColumns, columnWidths: columnWidths, scrollBarSize: scrollBarSize, stickyPosition: stickyPosition, lastShownColumnIndex: lastShownColumnIndex, rowClassName: rowClassName, getFixedColumnClassNames: getFixedColumnClassNames, rowExpand: rowExpand })); }))))));
+}, { 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/type.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import type { SafeReactChild, SafeReactChildren } from "../../internal/type";
+export declare type ColumnFixedPosition = "left" | "right";
+export interface StickyPosition {
+    value: number;
+    isLast: boolean;
+}
+/**
+ * Similar usage of Antd Table but only support partial features: fixed columns, row selection, on row click
+ */
+export declare type VirtualTableRowSelection<RowType extends object> = {
+    width: number;
+    selectedRowKeys: React.Key[];
+    onChange: (selectedRowKeys: React.Key[], selectedRows: RowType[]) => void;
+    /**
+     * Can only sticky in left
+     */
+    fixed?: boolean;
+    isDisabled?: (data: RowType, rowIndex: number) => boolean;
+    isSelectAllDisabled?: boolean;
+    /**
+     * Attention:
+     * If title is provided, the select all checkbox wil be overridden
+     */
+    title?: SafeReactChild;
+};
+export declare type VirtualTableRowExpand<RowType extends object> = {
+    width: number;
+    renderExpandRow: (record: RowType, rowIndex: number) => SafeReactChild;
+    ExpandButton: React.ComponentType<{
+        onClick: () => void;
+    }>;
+    title?: SafeReactChild;
+    /**
+     * Can only sticky in right
+     */
+    fixed?: boolean;
+    isDefaultExpanded?: boolean;
+};
+export declare type VirtualTableColumn<RowType extends object> = {
+    title: SafeReactChild;
+    width: number;
+    /**
+     * Attention:
+     * If renderData return null, the corresponding table cell will not render
+     */
+    renderData: (record: RowType, rowIndex: number) => SafeReactChildren | undefined;
+    align?: "left" | "right" | "center";
+    display?: "default" | "hidden";
+    fixed?: "left" | "right";
+    /**
+     * Attention:
+     * The overridden cell should return null in renderData props:
+     * e.g. [{colSpan: 3, renderData: () => <div />}, {renderData: () => null}], {renderData: () => null}
+     */
+    colSpan?: (record: RowType, rowIndex: number, colIndex: number) => number;
+};

package/core/VirtualTable/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/core/VirtualTable/type.js.map

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

package/core/WithExplanation/index.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { PickOptional, SafeReactChildren } from "../../internal/type";
+import type { TooltipPlacement } from "../Tooltip";
+import "./index.less";
+export interface Props {
+    /**
+     * If there are multiple children, they should handle inline display by self.
+     */
+    children?: SafeReactChildren;
+    /**
+     * If falsy, tooltip icon will hide.
+     */
+    explanation?: SafeReactChildren;
+    placement?: TooltipPlacement;
+    iconPosition?: "left" | "right";
+}
+export declare class WithExplanation extends React.PureComponent<Props> {
+    static displayName: string;
+    static defaultProps: PickOptional<Props>;
+    render(): string | number | true | JSX.Element | import("../../internal/type").SafeReactChild[];
+}

package/core/WithExplanation/index.js

@@ -0,0 +1,46 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from "react";
+import { classNames } from "../../util/ClassNames";
+import { Tooltip } from "../Tooltip";
+import "./index.less";
+var WithExplanation = /** @class */ (function (_super) {
+    __extends(WithExplanation, _super);
+    function WithExplanation() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    WithExplanation.prototype.render = function () {
+        var _a = this.props, children = _a.children, explanation = _a.explanation, iconPosition = _a.iconPosition;
+        if (explanation) {
+            return (React.createElement("div", { className: classNames("g-with-explanation", "with-icon-".concat(iconPosition)) },
+                children,
+                React.createElement(Tooltip, { className: "g-with-explanation-tooltip", title: Array.isArray(explanation) ? explanation.map(function (_, index) { return React.createElement("p", { key: index }, _); }) : explanation },
+                    React.createElement("div", { className: "icon-container" },
+                        React.createElement("svg", { viewBox: "0 0 1024 1024" },
+                            React.createElement("path", { d: "M512 0C229.322105 0 0 229.914947 0 512S229.322105 1024 512 1024 1024 794.085053 1024 512 794.677895 0 512 0z m45.972211 779.964632a65.428211 65.428211 0 0 1-45.972211 18.378105h-1.239579c-17.785263 0-34.330947-6.736842-46.565053-19.024842a65.320421 65.320421 0 0 1-19.024842-46.565053c0-19.024842 6.736842-34.330947 19.617685-46.618947 11.641263-12.234105 27.594105-18.378105 46.618947-18.378106h15.898947v1.832422c12.288 2.425263 23.336421 7.976421 31.258948 16.545684 12.288 12.288 19.024842 27.594105 19.024842 46.618947 0 18.378105-6.736842 34.330947-19.617684 47.21179z m96.309894-283.270737c-4.311579 5.497263-15.36 16.545684-60.092631 55.781052-11.048421 9.162105-19.671579 20.210526-25.168842 31.258948-6.144 11.641263-9.162105 23.929263-9.162106 38.642526v27.594105H454.332632v-27.594105c0-29.426526 4.850526-53.355789 15.306105-72.973474 10.401684-20.857263 36.163368-49.690947 80.949895-88.279579l11.048421-12.288c10.994526-13.473684 15.898947-26.947368 15.898947-40.421052 0-19.671579-5.497263-35.031579-15.898947-46.026105-10.455579-10.401684-26.408421-15.952842-47.21179-15.952843-25.761684 0-44.193684 7.383579-54.595368 22.689685-10.401684 14.120421-15.952842 34.330947-15.952842 61.33221v15.952842H339.698526v-15.952842c0-53.948632 15.952842-98.088421 47.804632-129.994105 31.905684-32.498526 76.692211-49.044211 131.880421-49.044211 48.397474 0 88.279579 13.473684 118.298947 40.421053 31.258947 27.001263 46.618947 64.404211 46.026106 111.023158 0 36.756211-9.808842 68.661895-29.426527 93.776842z" }))))));
+        }
+        else {
+            return children || "";
+        }
+    };
+    WithExplanation.displayName = "WithExplanation";
+    WithExplanation.defaultProps = {
+        iconPosition: "right",
+    };
+    return WithExplanation;
+}(React.PureComponent));
+export { WithExplanation };
+//# sourceMappingURL=index.js.map

package/core/WithExplanation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/WithExplanation/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AAGnC,OAAO,cAAc,CAAC;AAetB;IAAqC,mCAA0B;IAA/D;;IA0BA,CAAC;IAnBG,gCAAM,GAAN;QACU,IAAA,KAAwC,IAAI,CAAC,KAAK,EAAjD,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAc,CAAC;QACzD,IAAI,WAAW,EAAE;YACb,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,oBAAa,YAAY,CAAE,CAAC;gBACxE,QAAQ;gBACT,oBAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,2BAAG,GAAG,EAAE,KAAK,IAAG,CAAC,CAAK,EAAtB,CAAsB,CAAC,CAAC,CAAC,CAAC,WAAW;oBACnJ,6BAAK,SAAS,EAAC,gBAAgB;wBAC3B,6BAAK,OAAO,EAAC,eAAe;4BACxB,8BAAM,CAAC,EAAC,8+CAA8+C,GAAG,CACv/C,CACJ,CACA,CACR,CACT,CAAC;SACL;aAAM;YACH,OAAO,QAAQ,IAAI,EAAE,CAAC;SACzB;IACL,CAAC;IAxBM,2BAAW,GAAG,iBAAiB,CAAC;IAEhC,4BAAY,GAAwB;QACvC,YAAY,EAAE,OAAO;KACxB,CAAC;IAqBN,sBAAC;CAAA,AA1BD,CAAqC,KAAK,CAAC,aAAa,GA0BvD;SA1BY,eAAe"}

package/core/WithTooltipList.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface TooltipListProps {
+    label: string;
+    content: string | number | React.ReactElement;
+}
+export interface Props {
+    list: Array<TooltipListProps | "-">;
+    /**
+     * If undefined, it will use the first list item as label.
+     * If ReactElement, make sure it is inline-block, to make the tooltip arrow centered.
+     */
+    children?: string | React.ReactElement;
+    onClick?: () => void;
+    onVisibleChange?: (visible: boolean) => void;
+}
+export declare class WithTooltipList extends React.PureComponent<Props> {
+    static displayName: string;
+    private readonly labelStyle;
+    private readonly wrapperStyle;
+    renderTooltip: () => JSX.Element;
+    render(): string | JSX.Element;
+    private readonly dummyClick;
+}

package/core/WithTooltipList.js

@@ -0,0 +1,64 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from "react";
+import { Tooltip } from "./Tooltip";
+var WithTooltipList = /** @class */ (function (_super) {
+    __extends(WithTooltipList, _super);
+    function WithTooltipList() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.labelStyle = { display: "inline-block", width: 90 };
+        _this.wrapperStyle = { display: "inline-block" };
+        _this.renderTooltip = function () {
+            var list = _this.props.list;
+            return (React.createElement("div", null, list.map(function (item, index) {
+                return item === "-" ? (React.createElement("hr", { key: index })) : (React.createElement("p", { key: item.label },
+                    React.createElement("span", { style: _this.labelStyle }, item.label),
+                    React.createElement("em", null, item.content)));
+            })));
+        };
+        _this.dummyClick = function () { };
+        return _this;
+    }
+    WithTooltipList.prototype.render = function () {
+        var _a = this.props, list = _a.list, children = _a.children, onClick = _a.onClick, onVisibleChange = _a.onVisibleChange;
+        if (list.length === 0) {
+            return children || "-";
+        }
+        var label = children ? (children) : list[0] === "-" ? ("-") : typeof list[0].content === "string" || typeof list[0].content === "number" ? (list[0].label + ": " + list[0].content) : (React.createElement(React.Fragment, null,
+            list[0].label,
+            ": ",
+            list[0].content));
+        if (onClick) {
+            /**
+             * - Must wrap with a <div> since the child node of <Tooltip> must accept certain methods, since <a>'s onClick is used already.
+             * - Wrapper must be inline-block, to make the tooltip arrow centered.
+             *
+             * Ref: https://ant.design/components/tooltip/#Note
+             */
+            return (React.createElement(Tooltip, { placement: "bottom", title: this.renderTooltip(), onVisibleChange: onVisibleChange },
+                React.createElement("div", { style: this.wrapperStyle },
+                    React.createElement("a", { onClick: onClick || this.dummyClick, style: this.wrapperStyle, className: "g-with-tooltip-list-anchor" }, label))));
+        }
+        else {
+            return (React.createElement(Tooltip, { placement: "bottom", title: this.renderTooltip(), onVisibleChange: onVisibleChange, className: "g-with-tooltip-list-anchor" },
+                React.createElement("a", null, label)));
+        }
+    };
+    WithTooltipList.displayName = "WithTooltipList";
+    return WithTooltipList;
+}(React.PureComponent));
+export { WithTooltipList };
+//# sourceMappingURL=WithTooltipList.js.map

package/core/WithTooltipList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithTooltipList.js","sourceRoot":"","sources":["../../src/core/WithTooltipList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAkBlC;IAAqC,mCAA0B;IAA/D;QAAA,qEAqEC;QAlEoB,gBAAU,GAAwB,EAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC;QACvE,kBAAY,GAAwB,EAAC,OAAO,EAAE,cAAc,EAAC,CAAC;QAE/E,mBAAa,GAAG;YACL,IAAA,IAAI,GAAI,KAAI,CAAC,KAAK,KAAd,CAAe;YAE1B,OAAO,CACH,iCACK,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;gBAClB,OAAA,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CACX,4BAAI,GAAG,EAAE,KAAK,GAAI,CACrB,CAAC,CAAC,CAAC,CACA,2BAAG,GAAG,EAAE,IAAI,CAAC,KAAK;oBACd,8BAAM,KAAK,EAAE,KAAI,CAAC,UAAU,IAAG,IAAI,CAAC,KAAK,CAAQ;oBACjD,gCAAK,IAAI,CAAC,OAAO,CAAM,CACvB,CACP;YAPD,CAOC,CACJ,CACC,CACT,CAAC;QACN,CAAC,CAAC;QA6Ce,gBAAU,GAAG,cAAO,CAAC,CAAC;;IAC3C,CAAC;IA5CG,gCAAM,GAAN;QACU,IAAA,KAA6C,IAAI,CAAC,KAAK,EAAtD,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,eAAe,qBAAc,CAAC;QAC9D,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACnB,OAAO,QAAQ,IAAI,GAAG,CAAC;SAC1B;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CACrB,QAAQ,CACX,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAClB,GAAG,CACN,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7E,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CACzC,CAAC,CAAC,CAAC,CACA,oBAAC,KAAK,CAAC,QAAQ;YACV,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK;;YAAI,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CACpB,CACpB,CAAC;QAEF,IAAI,OAAO,EAAE;YACT;;;;;eAKG;YACH,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,eAAe,EAAE,eAAe;gBACrF,6BAAK,KAAK,EAAE,IAAI,CAAC,YAAY;oBACzB,2BAAG,OAAO,EAAE,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,EAAC,4BAA4B,IACnG,KAAK,CACN,CACF,CACA,CACb,CAAC;SACL;aAAM;YACH,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAC,4BAA4B;gBAC7H,+BAAI,KAAK,CAAK,CACR,CACb,CAAC;SACL;IACL,CAAC;IAjEM,2BAAW,GAAG,iBAAiB,CAAC;IAoE3C,sBAAC;CAAA,AArED,CAAqC,KAAK,CAAC,aAAa,GAqEvD;SArEY,eAAe"}

package/core/YearMonthSelector.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import moment from "moment";
+import type { ControlledFormValue } from "../internal/type";
+import type { Moment } from "moment";
+export interface Props<T extends boolean> extends ControlledFormValue<T extends false ? [number, number] : [number, number] | null> {
+    allowNull: T;
+    disabledRange?: (diffMonthToThisMonth: number, date: Date) => boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare class YearMonthSelector<T extends boolean> extends React.PureComponent<Props<T>> {
+    static displayName: string;
+    isDateDisabled: (current: moment.Moment) => boolean;
+    onChange: (date: Moment | null, dateString: string) => void;
+    render(): JSX.Element;
+}

package/core/YearMonthSelector.js

@@ -0,0 +1,53 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from "react";
+import moment from "moment";
+import AntDatePicker from "antd/lib/date-picker";
+var YearMonthSelector = /** @class */ (function (_super) {
+    __extends(YearMonthSelector, _super);
+    function YearMonthSelector() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isDateDisabled = function (current) {
+            var _a, _b;
+            /**
+             * This is for compatibility of MySQL.
+             * MySQL TIMESTAMP data type is used for values that contain both date and time parts.
+             * TIMESTAMP has a range of '1970-01-01 00:00:01' UTC to '2038-01-19 03:14:07' UTC.
+             */
+            if (current.valueOf() >= new Date(2038, 0).valueOf()) {
+                return true;
+            }
+            var diffMonthToThisMonth = Math.floor(current.diff(moment().startOf("month"), "month", true));
+            return ((_b = (_a = _this.props).disabledRange) === null || _b === void 0 ? void 0 : _b.call(_a, diffMonthToThisMonth, current.toDate())) || false;
+        };
+        _this.onChange = function (date, dateString) {
+            var _a = _this.props, onChange = _a.onChange, allowNull = _a.allowNull;
+            if (dateString || allowNull) {
+                var typedOnChange = onChange;
+                typedOnChange(date && [date.year(), date.month() + 1]);
+            }
+        };
+        return _this;
+    }
+    YearMonthSelector.prototype.render = function () {
+        var _a = this.props, value = _a.value, allowNull = _a.allowNull, disabled = _a.disabled, className = _a.className;
+        return (React.createElement(AntDatePicker, { className: className, disabledDate: this.isDateDisabled, value: value ? moment([value[0], value[1] - 1]) : null, onChange: this.onChange, allowClear: allowNull, disabled: disabled, picker: "month" }));
+    };
+    YearMonthSelector.displayName = "DatePicker";
+    return YearMonthSelector;
+}(React.PureComponent));
+export { YearMonthSelector };
+//# sourceMappingURL=YearMonthSelector.js.map

package/core/YearMonthSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearMonthSelector.js","sourceRoot":"","sources":["../../src/core/YearMonthSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,QAAQ,CAAC;AAG5B,OAAO,aAAa,MAAM,sBAAsB,CAAC;AASjD;IAA0D,qCAA6B;IAAvF;QAAA,qEAuCC;QApCG,oBAAc,GAAG,UAAC,OAAsB;;YACpC;;;;eAIG;YACH,IAAI,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE;gBAClD,OAAO,IAAI,CAAC;aACf;YAED,IAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;YAChG,OAAO,CAAA,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,aAAa,mDAAG,oBAAoB,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,KAAI,KAAK,CAAC;QACvF,CAAC,CAAC;QAEF,cAAQ,GAAG,UAAC,IAAmB,EAAE,UAAkB;YACzC,IAAA,KAAwB,KAAI,CAAC,KAAK,EAAjC,QAAQ,cAAA,EAAE,SAAS,eAAc,CAAC;YACzC,IAAI,UAAU,IAAI,SAAS,EAAE;gBACzB,IAAM,aAAa,GAAG,QAAoD,CAAC;gBAC3E,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;aAC1D;QACL,CAAC,CAAC;;IAgBN,CAAC;IAdG,kCAAM,GAAN;QACU,IAAA,KAA0C,IAAI,CAAC,KAAK,EAAnD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAc,CAAC;QAC3D,OAAO,CACH,oBAAC,aAAa,IACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,CAAC,cAAc,EACjC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACtD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,OAAO,GAChB,CACL,CAAC;IACN,CAAC;IArCM,6BAAW,GAAG,YAAY,CAAC;IAsCtC,wBAAC;CAAA,AAvCD,CAA0D,KAAK,CAAC,aAAa,GAuC5E;SAvCY,iBAAiB"}

package/hooks/useOrientationMode.d.ts

@@ -0,0 +1,2 @@
+import type { OrientationType } from "../util/OrientationUtil";
+export declare function useOrientationMode(): OrientationType;

package/hooks/useOrientationMode.js

@@ -0,0 +1,30 @@
+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 { OrientationUtil } from "../util/OrientationUtil";
+export function useOrientationMode() {
+    var _a = __read(React.useState(OrientationUtil.mode()), 2), mode = _a[0], setMode = _a[1];
+    React.useEffect(function () {
+        var handler = function () { return setMode(OrientationUtil.mode()); };
+        OrientationUtil.onOrientationChange(handler);
+        return function () {
+            OrientationUtil.removeOnChange(handler);
+        };
+    }, []);
+    return mode;
+}
+//# sourceMappingURL=useOrientationMode.js.map

package/hooks/useOrientationMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrientationMode.js","sourceRoot":"","sources":["../../src/hooks/useOrientationMode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAGxD,MAAM,UAAU,kBAAkB;IACxB,IAAA,KAAA,OAAkB,KAAK,CAAC,QAAQ,CAAkB,eAAe,CAAC,IAAI,EAAE,CAAC,IAAA,EAAxE,IAAI,QAAA,EAAE,OAAO,QAA2D,CAAC;IAEhF,KAAK,CAAC,SAAS,CAAC;QACZ,IAAM,OAAO,GAAG,cAAM,OAAA,OAAO,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,EAA/B,CAA+B,CAAC;QACtD,eAAe,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAE7C,OAAO;YACH,eAAe,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/hooks/useSwipe/controller.d.ts

@@ -0,0 +1,20 @@
+import type { SwipeHookConfig, SwipeHookHandlers, SwipeHookResult } from "./type";
+export declare class Controller {
+    private startTime;
+    private startTouch;
+    private started;
+    private handlers;
+    private config;
+    constructor();
+    private onTouchStart;
+    private onTouchMove;
+    private onTouchEnd;
+    private onTouchCancel;
+    private testThreshold;
+    private cancel;
+    private computeEvent;
+    private matchTouches;
+    private reset;
+    update(handlers: SwipeHookHandlers, config?: SwipeHookConfig): void;
+    createHandlers(): SwipeHookResult;
+}