@pinnacle0/web-ui 0.3.1 → 0.3.2-beta0

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

package/core/VirtualizedFlatList/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/core/VirtualizedFlatList/Footer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAQ7B,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAwB,UAAC,KAAK,EAAE,GAAG;IAC9D,IAAA,OAAO,GAAuD,KAAK,QAA5D,EAAE,KAAK,GAAgD,KAAK,MAArD,EAAE,cAAc,GAAgC,KAAK,eAArC,EAAE,UAAU,GAAoB,KAAK,WAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,OAAO,GAAI,KAAK,QAAT,CAAU;IAC3E,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,KAAK,CAAC,SAAS,CAAC;QACZ,UAAU,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjD,OAAO,CACH,6BAAK,KAAK,eAAM,KAAK,GAAG,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,oBAAoB;QAC3D,OAAO,IAAI,CACR;YACI,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,GAAG;YAC9B,iCAAM,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,YAAY,CAAO,CACzC,CACT;QACA,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,iBAAiB,CAAC,CACrD,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/VirtualizedFlatList/ListItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ListItemData } from "./type";
+import type { ListChildComponentProps } from "react-window";
+export declare const ListItem: <T>(props: ListChildComponentProps<ListItemData<T>>) => JSX.Element;

package/core/VirtualizedFlatList/ListItem.js

@@ -0,0 +1,43 @@
+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 { CellMeasurer } from "./CellMeasurer";
+import { Footer } from "./Footer";
+var ItemRendererWrapper = React.forwardRef(function (props, ref) {
+    var style = props.style, data = props.data, index = props.index, measure = props.measure, Item = props.itemRenderer;
+    var measureRef = React.useRef(measure);
+    measureRef.current = measure;
+    React.useEffect(function () {
+        measureRef.current();
+    }, [data]);
+    return (React.createElement("div", { style: style, ref: ref, className: "g-flat-list-item-wrapper" },
+        React.createElement(Item, { data: data, index: index, measure: measure })));
+});
+export var ListItem = function (props) {
+    var data = props.data, index = props.index, style = props.style;
+    var cache = data.cache, parent = data.parent, rawData = data.data, itemRenderer = data.itemRenderer, gap = data.gap;
+    var padding = React.useMemo(function () {
+        return gap ? { paddingLeft: gap.left, paddingRight: gap.right, paddingBottom: gap.bottom, paddingTop: gap.top } : {};
+    }, [gap]);
+    return (React.createElement(CellMeasurer, { cache: cache, rowIndex: index, parent: parent }, function (_a) {
+        var registerChild = _a.registerChild, measure = _a.measure;
+        var data = rawData[index];
+        if (index === rawData.length - 1) {
+            var _b = data, loading = _b.loading, loadingMessage = _b.loadingMessage, endMessage = _b.endMessage, ended = _b.ended;
+            return React.createElement(Footer, { ref: registerChild, loading: loading, ended: ended, loadingMessage: loadingMessage, endMessage: endMessage, style: style, measure: measure });
+        }
+        else {
+            return (React.createElement(ItemRendererWrapper, { ref: registerChild, style: __assign(__assign({}, style), padding), data: rawData[index], index: index, itemRenderer: itemRenderer, measure: measure }));
+        }
+    }));
+};
+//# sourceMappingURL=ListItem.js.map

package/core/VirtualizedFlatList/ListItem.js.map

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

package/core/VirtualizedFlatList/Loading.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface Props {
+    loading: boolean;
+    message?: string;
+}
+export declare const Loading: (props: Props) => JSX.Element;
+export {};

package/core/VirtualizedFlatList/Loading.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Spin } from "../Spin";
+export var Loading = function (props) {
+    var loading = props.loading, message = props.message;
+    return (React.createElement("div", { className: "g-flat-list-loading" },
+        React.createElement("div", null,
+            React.createElement(Spin, { spinning: loading, size: "small" }), message !== null && message !== void 0 ? message : "Release to refresh")));
+};
+//# sourceMappingURL=Loading.js.map

package/core/VirtualizedFlatList/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/core/VirtualizedFlatList/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAO7B,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,KAAY;IACzB,IAAA,OAAO,GAAa,KAAK,QAAlB,EAAE,OAAO,GAAI,KAAK,QAAT,CAAU;IAEjC,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB;QAChC;YACI,oBAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,GAAG,EACvC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,oBAAoB,CAC9B,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}

package/core/VirtualizedFlatList/index.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import type { ItemRenderer } from "./type";
+import "./index.less";
+export interface Props<T> {
+    data: T[];
+    renderItem: ItemRenderer<T>;
+    loading?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    onPullUpLoading?: () => void;
+    onPullDownRefresh?: () => void;
+    autoLoad?: boolean | number;
+    emptyPlaceholder?: string | React.ReactElement;
+    contentStyle?: React.CSSProperties;
+    gap?: {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    };
+    bounceEffect?: boolean;
+    pullUpLoadingMessage?: string;
+    endOfListMessage?: string;
+    pullDownRefreshMessage?: string;
+}
+/**
+ * VirtualizedFlatList currently only work with item without and size related animation and transition since it break the layout. This will be improve in the future
+ */
+export declare function VirtualizedFlatList<T>(props: Props<T>): JSX.Element;

package/core/VirtualizedFlatList/index.js

@@ -0,0 +1,182 @@
+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 { VariableSizeList } from "react-window";
+import AutoSizer from "react-virtualized-auto-sizer";
+import { Direction, useSwipe } from "../../hooks/useSwipe";
+import { useTransform } from "../../hooks/useTransform";
+import { useLoadingWithDelay } from "./useLoadingWithDelay";
+import { ListItem } from "./ListItem";
+import { Loading } from "./Loading";
+import { CellMeasurerCache } from "./CellMeasurerCache";
+import "./index.less";
+var LOADING_THRESHOLD = 50;
+/**
+ * VirtualizedFlatList currently only work with item without and size related animation and transition since it break the layout. This will be improve in the future
+ */
+export function VirtualizedFlatList(props) {
+    var data = props.data, renderItem = props.renderItem, _a = props.loading, loading = _a === void 0 ? false : _a, className = props.className, style = props.style, onPullDownRefresh = props.onPullDownRefresh, onPullUpLoading = props.onPullUpLoading, emptyPlaceholder = props.emptyPlaceholder, contentStyle = props.contentStyle, gap = props.gap, _b = props.autoLoad, autoLoad = _b === void 0 ? true : _b, _c = props.bounceEffect, bounceEffect = _c === void 0 ? true : _c, pullUpLoadingMessage = props.pullUpLoadingMessage, endOfListMessage = props.endOfListMessage, pullDownRefreshMessage = props.pullDownRefreshMessage;
+    var _d = __read(React.useState(null), 2), outBounded = _d[0], setOutBounded = _d[1];
+    var _e = __read(React.useState(null), 2), loadingType = _e[0], setLoadingType = _e[1];
+    var listRef = React.useRef(null);
+    var outerRef = React.useRef(null);
+    var innerContainerRef = React.useRef(null);
+    var startOffsetRef = React.useRef(0);
+    var loadingTypeRef = React.useRef(null);
+    loadingTypeRef.current = loadingType;
+    var transit = useTransform(innerContainerRef);
+    var loadingWithDelay = useLoadingWithDelay(loading, 300);
+    var cache = React.useMemo(function () { return new CellMeasurerCache({ defaultHeight: 100 }); }, []);
+    var isScrollTop = function () {
+        var _a;
+        return ((_a = outerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) === 0;
+    };
+    var isScrollBottom = function () {
+        var element = outerRef.current;
+        if (element) {
+            var scrollHeight = element.scrollHeight, scrollTop = element.scrollTop, clientHeight = element.clientHeight;
+            return Math.ceil(scrollTop) + clientHeight >= scrollHeight;
+        }
+        else {
+            return false;
+        }
+    };
+    var clearSwipe = React.useCallback(function () {
+        startOffsetRef.current = 0;
+        setOutBounded(null);
+    }, []);
+    // Limited the offset in a range, it prevent over swipe the list
+    var getOutOfBoundOffset = function (y) {
+        var offset = y - startOffsetRef.current;
+        if (outBounded === "upper") {
+            return offset < 0 ? null : offset;
+        }
+        else if (outBounded === "lower") {
+            return offset > 0 ? null : offset;
+        }
+        else {
+            return null;
+        }
+    };
+    var onAutoLoad = function (props) {
+        if (autoLoad) {
+            var overscanStopIndex = props.overscanStopIndex;
+            if (overscanStopIndex > data.length - 2 - (typeof autoLoad === "number" ? autoLoad : 3) && !loading && onPullUpLoading) {
+                setLoadingType("loading");
+                onPullUpLoading();
+            }
+        }
+    };
+    var newData = __spreadArray(__spreadArray([], __read(data), false), [
+        { loading: loadingWithDelay && loadingType === "loading", ended: !onPullUpLoading, endMessage: endOfListMessage, loadingMessage: pullUpLoadingMessage },
+    ], false);
+    var listDataItem = { data: newData, cache: cache, parent: listRef, itemRenderer: renderItem, gap: gap };
+    var handlers = useSwipe({
+        onStart: function (_a) {
+            var _b = __read(_a.delta, 2), y = _b[1], direction = _a.direction;
+            startOffsetRef.current = y;
+            setOutBounded(direction === Direction.DOWN ? "upper" : "lower");
+        },
+        onMove: function (_a) {
+            var _b = __read(_a.delta, 2), y = _b[1], cancel = _a.cancel;
+            var offset = getOutOfBoundOffset(y);
+            if (!offset) {
+                // if
+                cancel();
+            }
+            else {
+                transit.to({
+                    y: offset,
+                    immediate: true,
+                });
+            }
+        },
+        onEnd: function (state) {
+            if (loadingWithDelay) {
+                if (outBounded === "upper") {
+                    transit.to({
+                        y: LOADING_THRESHOLD,
+                    });
+                }
+                else {
+                    transit.clear();
+                }
+            }
+            else {
+                if (outBounded && Math.abs(startOffsetRef.current - state.delta[1]) >= LOADING_THRESHOLD) {
+                    outBounded === "upper" ? onPullDownRefresh === null || onPullDownRefresh === void 0 ? void 0 : onPullDownRefresh() : onPullUpLoading === null || onPullUpLoading === void 0 ? void 0 : onPullUpLoading();
+                    setLoadingType(outBounded === "upper" ? "refresh" : "loading");
+                }
+                transit.clear();
+            }
+            clearSwipe();
+        },
+        onCancel: function () {
+            transit.clear();
+            clearSwipe();
+        },
+    }, {
+        threshold: function (_a) {
+            var direction = _a.direction;
+            return (direction === Direction.DOWN && isScrollTop()) || (direction === Direction.UP && isScrollBottom());
+        },
+    });
+    React.useEffect(function () {
+        var _a;
+        (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.resetAfterIndex(0);
+    }, [data]);
+    React.useEffect(function () {
+        if (loadingWithDelay) {
+            if (loadingTypeRef.current === "refresh") {
+                transit.to({
+                    y: LOADING_THRESHOLD,
+                    immediate: false,
+                });
+            }
+        }
+        else {
+            transit.clear();
+            setLoadingType(null);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- transit
+    }, [loadingWithDelay]);
+    return (React.createElement("div", __assign({ className: "g-flat-list-wrapper ".concat(className !== null && className !== void 0 ? className : ""), style: style }, (bounceEffect ? handlers : {})),
+        React.createElement("div", { className: "inner-container".concat(outBounded ? " out-bounded" : ""), ref: innerContainerRef, style: contentStyle },
+            React.createElement(Loading, { loading: loadingWithDelay && loadingType === "refresh", message: pullDownRefreshMessage }),
+            data.length !== 0 ? (React.createElement(AutoSizer, null, function (size) { return (React.createElement(VariableSizeList, { height: size.height, width: size.width, itemCount: listDataItem.data.length, itemSize: cache.itemSize.bind(cache), ref: listRef, outerRef: outerRef, itemData: listDataItem, onItemsRendered: onAutoLoad, onScroll: clearSwipe }, ListItem)); })) : (emptyPlaceholder))));
+}
+//# sourceMappingURL=index.js.map

package/core/VirtualizedFlatList/index.js.map

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

package/core/VirtualizedFlatList/index.less

@@ -0,0 +1,59 @@
+.g-flat-list-wrapper {
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+    display: flex;
+    flex-flow: column;
+    will-change: contents;
+
+    .inner-container {
+        flex: 1;
+        transition: all 300ms cubic-bezier(0, 0.61, 0.28, 1.22);
+
+        &.out-bounded {
+            > div:nth-child(2) > div:nth-child(1) {
+                overflow: hidden !important;
+            }
+        }
+    }
+
+    .g-flat-list-loading {
+        width: 100%;
+        padding: 8px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        position: fixed;
+        left: 0;
+        min-height: 50px;
+        will-change: transform;
+        transform: translateY(-100%);
+        z-index: 2;
+    }
+
+    .g-flat-list-footer {
+        width: 100%;
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: center;
+        align-items: center;
+        padding: 5px;
+    }
+
+    .g-flat-list-loading,
+    .g-flat-list-footer {
+        > div {
+            position: relative;
+
+            .ant-spin {
+                position: absolute;
+                left: 0;
+                transform: translateX(-150%);
+
+                .anticon.ant-spin-dot {
+                    font-size: 14px;
+                }
+            }
+        }
+    }
+}

package/core/VirtualizedFlatList/type.d.ts

@@ -0,0 +1,29 @@
+import type React from "react";
+import type { VariableSizeList } from "react-window";
+import type { CellMeasurerCache } from "./CellMeasurerCache";
+export declare type Measure = () => void;
+export interface VirtualizedFlatListItemProps<T> {
+    data: T;
+    index: number;
+    measure: Measure;
+}
+export declare type ItemRenderer<T> = React.ComponentType<VirtualizedFlatListItemProps<T>>;
+export interface ListItemGap {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}
+export interface FooterData {
+    loading: boolean;
+    ended: boolean;
+    loadingMessage?: string;
+    endMessage?: string;
+}
+export interface ListItemData<T> {
+    data: (T | FooterData)[];
+    cache: CellMeasurerCache;
+    parent: React.RefObject<VariableSizeList>;
+    itemRenderer: ItemRenderer<T>;
+    gap?: ListItemGap;
+}

package/core/VirtualizedFlatList/type.js

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

package/core/VirtualizedFlatList/type.js.map

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

package/core/VirtualizedFlatList/useLoadingWithDelay.d.ts

@@ -0,0 +1 @@
+export declare const useLoadingWithDelay: (loading: boolean, delay: number) => Readonly<boolean>;

package/core/VirtualizedFlatList/useLoadingWithDelay.js

@@ -0,0 +1,51 @@
+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 useLoadingWithDelay = function (loading, delay) {
+    var _a = __read(React.useState(loading), 2), loadingWithDelay = _a[0], setLoadingWithDelay = _a[1];
+    var startTimeRef = React.useRef(null);
+    var setLoadingRef = React.useRef(function () { });
+    var setLoading = React.useCallback(function (value) {
+        if (value) {
+            setLoadingWithDelay(true);
+            startTimeRef.current = Date.now();
+            setTimeout(function () { return (startTimeRef.current = null); }, delay);
+        }
+        else {
+            if (startTimeRef.current) {
+                setTimeout(function () { return setLoadingWithDelay(false); }, Math.abs(delay - (Date.now() - startTimeRef.current)));
+            }
+            else {
+                setLoadingWithDelay(value);
+            }
+        }
+    }, [delay]);
+    setLoadingRef.current = setLoading;
+    React.useEffect(function () {
+        setLoadingRef.current(loading);
+    }, [loading]);
+    React.useEffect(function () {
+        if (loadingWithDelay) {
+            startTimeRef.current = Date.now();
+        }
+        else {
+            startTimeRef.current = null;
+        }
+    }, [loadingWithDelay]);
+    return loadingWithDelay;
+};
+//# sourceMappingURL=useLoadingWithDelay.js.map

package/core/VirtualizedFlatList/useLoadingWithDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadingWithDelay.js","sourceRoot":"","sources":["../../../src/core/VirtualizedFlatList/useLoadingWithDelay.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,OAAgB,EAAE,KAAa;IACzD,IAAA,KAAA,OAA0C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAA,EAAhE,gBAAgB,QAAA,EAAE,mBAAmB,QAA2B,CAAC;IACxE,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IACvD,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAA2B,cAAO,CAAC,CAAC,CAAC;IAEvE,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAChC,UAAC,KAAc;QACX,IAAI,KAAK,EAAE;YACP,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAClC,UAAU,CAAC,cAAM,OAAA,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,EAA7B,CAA6B,EAAE,KAAK,CAAC,CAAC;SAC1D;aAAM;YACH,IAAI,YAAY,CAAC,OAAO,EAAE;gBACtB,UAAU,CAAC,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,EAA1B,CAA0B,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACvG;iBAAM;gBACH,mBAAmB,CAAC,KAAK,CAAC,CAAC;aAC9B;SACJ;IACL,CAAC,EACD,CAAC,KAAK,CAAC,CACV,CAAC;IAEF,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IAEnC,KAAK,CAAC,SAAS,CAAC;QACZ,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,gBAAgB,EAAE;YAClB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;SACrC;aAAM;YACH,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;SAC/B;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,gBAAgB,CAAC;AAC5B,CAAC,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;
+}

package/hooks/useSwipe/controller.js

@@ -0,0 +1,126 @@
+import { SwipeUtil } from "../../util/SwipeUtil";
+var SWIPE_START_THRESHOLD = 10;
+var Controller = /** @class */ (function () {
+    function Controller() {
+        this.startTime = 0;
+        this.startTouch = null;
+        this.started = false;
+        this.handlers = {};
+        this.config = {};
+    }
+    Controller.prototype.onTouchStart = function (e) {
+        if (e.changedTouches[0] && !this.startTouch) {
+            this.startTouch = e.changedTouches[0];
+            this.startTime = Date.now();
+        }
+    };
+    Controller.prototype.onTouchMove = function (e) {
+        var _a, _b, _c, _d;
+        var matchedTouches = this.matchTouches(e);
+        if (!matchedTouches) {
+            return;
+        }
+        var state = this.computeEvent(matchedTouches.start, matchedTouches.changed, e);
+        if (!this.started && this.testThreshold(state)) {
+            this.started = true;
+            (_b = (_a = this.handlers).onStart) === null || _b === void 0 ? void 0 : _b.call(_a, state);
+            return;
+        }
+        else if (this.started) {
+            (_d = (_c = this.handlers).onMove) === null || _d === void 0 ? void 0 : _d.call(_c, state);
+        }
+    };
+    Controller.prototype.onTouchEnd = function (e) {
+        var _a, _b;
+        if (!this.started) {
+            this.reset();
+            return;
+        }
+        var matchedTouches = this.matchTouches(e);
+        if (!matchedTouches) {
+            return;
+        }
+        var state = this.computeEvent(matchedTouches.start, matchedTouches.changed, e);
+        (_b = (_a = this.handlers).onEnd) === null || _b === void 0 ? void 0 : _b.call(_a, state);
+        this.reset();
+    };
+    Controller.prototype.onTouchCancel = function (e) {
+        var _a, _b;
+        if (!this.started) {
+            this.reset();
+            return;
+        }
+        var matchedTouches = this.matchTouches(e);
+        if (!matchedTouches) {
+            return;
+        }
+        var state = this.computeEvent(matchedTouches.start, matchedTouches.changed, e);
+        (_b = (_a = this.handlers).onCancel) === null || _b === void 0 ? void 0 : _b.call(_a, state);
+        this.reset();
+    };
+    Controller.prototype.testThreshold = function (state) {
+        var _a, _b, _c;
+        return state.displacement > SWIPE_START_THRESHOLD && ((_c = (_b = (_a = this.config).threshold) === null || _b === void 0 ? void 0 : _b.call(_a, state)) !== null && _c !== void 0 ? _c : true);
+    };
+    Controller.prototype.cancel = function (event) {
+        if (this.startTouch) {
+            this.onTouchCancel(event);
+        }
+    };
+    Controller.prototype.computeEvent = function (start, changed, event) {
+        var _this = this;
+        var s = [start.clientX, start.clientY];
+        var e = [changed.clientX, changed.clientY];
+        var delta = [e[0] - s[0], e[1] - s[1]];
+        var timeElapsed = Date.now() - this.startTime;
+        return {
+            clientX: changed.clientX,
+            clientY: changed.clientY,
+            startTouch: start,
+            delta: delta,
+            direction: SwipeUtil.getDirection(s, e),
+            displacement: SwipeUtil.getDisplacement(s, e),
+            // TODO/Alvis, need to improve velocity calculation
+            velocity: [Math.abs(delta[0]) / timeElapsed, Math.abs(delta[1]) / timeElapsed],
+            syntheticEvent: event,
+            cancel: (function () { return _this.cancel(event); }).bind(this),
+        };
+    };
+    Controller.prototype.matchTouches = function (e) {
+        var _this = this;
+        if (!this.startTouch) {
+            return null;
+        }
+        var touch = Array.from(e.changedTouches).find(function (_) { return _.identifier === _this.startTouch.identifier; });
+        if (!touch) {
+            return null;
+        }
+        else {
+            return {
+                start: this.startTouch,
+                changed: touch,
+            };
+        }
+    };
+    Controller.prototype.reset = function () {
+        this.startTime = 0;
+        this.startTouch = null;
+        this.started = false;
+    };
+    Controller.prototype.update = function (handlers, config) {
+        if (config === void 0) { config = {}; }
+        this.handlers = handlers;
+        this.config = config;
+    };
+    Controller.prototype.createHandlers = function () {
+        return {
+            onTouchStart: this.onTouchStart.bind(this),
+            onTouchMove: this.onTouchMove.bind(this),
+            onTouchEnd: this.onTouchEnd.bind(this),
+            onTouchCancel: this.onTouchCancel.bind(this),
+        };
+    };
+    return Controller;
+}());
+export { Controller };
+//# sourceMappingURL=controller.js.map

package/hooks/useSwipe/controller.js.map

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

package/hooks/useSwipe/index.d.ts

@@ -0,0 +1,3 @@
+import type { SwipeHookConfig, SwipeHookHandlers, SwipeHookResult } from "./type";
+export declare const useSwipe: (handlers: SwipeHookHandlers, config?: SwipeHookConfig | undefined) => SwipeHookResult;
+export * from "./type";

package/hooks/useSwipe/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Controller } from "./controller";
+export var useSwipe = function (handlers, config) {
+    var controller = React.useMemo(function () { return new Controller(); }, []);
+    controller.update(handlers, config);
+    return controller.createHandlers.apply(controller);
+};
+export * from "./type";
+//# sourceMappingURL=index.js.map

package/hooks/useSwipe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAGxC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,QAA2B,EAAE,MAAwB;IAC1E,IAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,IAAI,UAAU,EAAE,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAC;IAC7D,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACpC,OAAO,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,cAAc,QAAQ,CAAC"}

package/hooks/useSwipe/type.d.ts

@@ -0,0 +1,38 @@
+import type React from "react";
+export declare type TouchHandlers = Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onTouchStart" | "onTouchMove" | "onTouchEndCapture" | "onTouchCancelCapture">;
+export interface SwipeHookResult {
+    onTouchMove: React.TouchEventHandler;
+    onTouchStart: React.TouchEventHandler;
+    onTouchEnd: React.TouchEventHandler;
+    onTouchCancel: React.TouchEventHandler;
+}
+export interface SwipeState {
+    syntheticEvent: React.TouchEvent;
+    startTouch: React.Touch;
+    clientX: number;
+    clientY: number;
+    displacement: number;
+    delta: Vector2;
+    velocity: Vector2;
+    direction: Direction;
+    cancel: () => void;
+}
+declare type SwipeHookHandler = (event: SwipeState) => void;
+export interface SwipeHookHandlers {
+    onStart?: SwipeHookHandler;
+    onEnd?: SwipeHookHandler;
+    onMove?: SwipeHookHandler;
+    onCancel?: SwipeHookHandler;
+}
+export interface SwipeHookConfig {
+    threshold?: (state: SwipeState) => boolean;
+    preventDefault?: boolean;
+}
+export declare enum Direction {
+    UP = "UP",
+    DOWN = "DOWN",
+    LEFT = "LEFT",
+    RIGHT = "RIGHT"
+}
+export declare type Vector2 = [number, number];
+export {};

package/hooks/useSwipe/type.js

@@ -0,0 +1,8 @@
+export var Direction;
+(function (Direction) {
+    Direction["UP"] = "UP";
+    Direction["DOWN"] = "DOWN";
+    Direction["LEFT"] = "LEFT";
+    Direction["RIGHT"] = "RIGHT";
+})(Direction || (Direction = {}));
+//# sourceMappingURL=type.js.map

package/hooks/useSwipe/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/type.ts"],"names":[],"mappings":"AAqCA,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACjB,sBAAS,CAAA;IACT,0BAAa,CAAA;IACb,0BAAa,CAAA;IACb,4BAAe,CAAA;AACnB,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB"}

package/hooks/useTransform.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface TransitionOption {
+    property?: string;
+    duration?: number;
+    delay?: number;
+    timingFunction?: string;
+}
+interface Option extends TransitionOption {
+    x?: number;
+    y?: number;
+    z?: number;
+    immediate?: boolean;
+}
+export declare const useTransform: (ref: React.RefObject<HTMLElement>, option?: Option | undefined) => {
+    to: (option: Option) => void;
+    clear: () => void;
+};
+export {};

package/hooks/useTransform.js

@@ -0,0 +1,50 @@
+import React from "react";
+export var useTransform = function (ref, option) {
+    var optionRef = React.useRef(option);
+    optionRef.current = option;
+    var clearTransition = React.useCallback(function (el) {
+        el.style.transitionDuration = "";
+        el.style.transitionProperty = "";
+        el.style.transitionTimingFunction = "";
+        el.style.transitionDuration = "";
+    }, []);
+    var setTransition = React.useCallback(function (el) {
+        if (optionRef.current) {
+            var _a = optionRef.current, delay = _a.delay, duration = _a.duration, property = _a.property, timingFunction = _a.timingFunction;
+            delay && (el.style.transitionDelay = delay + "ms");
+            duration && (el.style.transitionDuration = duration + "ms");
+            property && (el.style.transitionProperty = property);
+            timingFunction && (el.style.transitionTimingFunction = timingFunction);
+        }
+        else {
+            clearTransition(el);
+        }
+    }, [clearTransition]);
+    var to = React.useCallback(function (option) {
+        if (ref.current) {
+            var el_1 = ref.current;
+            requestAnimationFrame(function () {
+                var _a, _b, _c;
+                el_1.style.transform = "translate3d(".concat((_a = option.x) !== null && _a !== void 0 ? _a : 0, "px, ").concat((_b = option.y) !== null && _b !== void 0 ? _b : 0, "px, ").concat((_c = option.z) !== null && _c !== void 0 ? _c : 0, "px) ");
+                option.immediate ? clearTransition(el_1) : setTransition(el_1);
+            });
+        }
+    }, [ref, setTransition, clearTransition]);
+    var clear = React.useCallback(function () {
+        if (ref.current) {
+            var el_2 = ref.current;
+            requestAnimationFrame(function () {
+                el_2.style.transform = "";
+                setTransition(el_2);
+            });
+        }
+    }, [ref, setTransition]);
+    React.useEffect(function () {
+        if (optionRef.current) {
+            to(optionRef.current);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- only run on mount
+    }, []);
+    return { to: to, clear: clear };
+};
+//# sourceMappingURL=useTransform.js.map

package/hooks/useTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransform.js","sourceRoot":"","sources":["../../src/hooks/useTransform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,GAAiC,EAAE,MAAe;IAC3E,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAE3B,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,EAAe;QACtD,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC;QACjC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC;QACjC,EAAE,CAAC,KAAK,CAAC,wBAAwB,GAAG,EAAE,CAAC;QACvC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,UAAC,EAAe;QACZ,IAAI,SAAS,CAAC,OAAO,EAAE;YACb,IAAA,KAA8C,SAAS,CAAC,OAAO,EAA9D,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAqB,CAAC;YACtE,KAAK,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;YACnD,QAAQ,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,QAAQ,GAAG,IAAI,CAAC,CAAC;YAC5D,QAAQ,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,QAAQ,CAAC,CAAC;YACrD,cAAc,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,GAAG,cAAc,CAAC,CAAC;SAC1E;aAAM;YACH,eAAe,CAAC,EAAE,CAAC,CAAC;SACvB;IACL,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,IAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CACxB,UAAC,MAAc;QACX,IAAI,GAAG,CAAC,OAAO,EAAE;YACb,IAAM,IAAE,GAAG,GAAG,CAAC,OAAO,CAAC;YACvB,qBAAqB,CAAC;;gBAClB,IAAE,CAAC,KAAK,CAAC,SAAS,GAAG,sBAAe,MAAA,MAAM,CAAC,CAAC,mCAAI,CAAC,iBAAO,MAAA,MAAM,CAAC,CAAC,mCAAI,CAAC,iBAAO,MAAA,MAAM,CAAC,CAAC,mCAAI,CAAC,SAAM,CAAC;gBAChG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,IAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAE,CAAC,CAAC;YAC/D,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EACD,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC,CACxC,CAAC;IAEF,IAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;QAC5B,IAAI,GAAG,CAAC,OAAO,EAAE;YACb,IAAM,IAAE,GAAG,GAAG,CAAC,OAAO,CAAC;YACvB,qBAAqB,CAAC;gBAClB,IAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;gBACxB,aAAa,CAAC,IAAE,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC;IAEzB,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,SAAS,CAAC,OAAO,EAAE;YACnB,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SACzB;QACD,4EAA4E;IAChF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAC,EAAE,IAAA,EAAE,KAAK,OAAA,EAAC,CAAC;AACvB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pinnacle0/web-ui",
-    "version": "0.3.1",
+    "version": "0.3.2-beta0",
     "author": "Pinnacle",
     "license": "MIT",
     "sideEffects": [
@@ -19,6 +19,7 @@
         "run-script": "ts-node --project config/tsconfig.script.json",
         "build": "yarn run-script script/build.ts",
         "start": "yarn run-script script/start.ts",
+        "start:mobile": "yarn run-script script/start-mobile.ts",
         "format": "yarn run-script script/format.ts",
         "test": "jest --config config/jest.config.js"
     },
@@ -27,7 +28,10 @@
         "antd": "4.20.1",
         "braft-editor": "2.3.9",
         "moment": "2.29.3",
-        "react-virtual": "2.10.4"
+        "react-virtual": "2.10.4",
+        "react-virtualized": "^9.22.3",
+        "react-virtualized-auto-sizer": "^1.0.6",
+        "react-window": "^1.8.6"
     },
     "peerDependencies": {
         "@babel/runtime": ">=7.12.1",
@@ -36,8 +40,8 @@
         "react-router-dom": ">=5.2.0"
     },
     "devDependencies": {
-        "@babel/core": "7.17.8",
-        "@babel/runtime": "7.17.8",
+        "@babel/core": "7.17.9",
+        "@babel/runtime": "7.17.9",
         "@testing-library/dom": "8.13.0",
         "@testing-library/jest-dom": "5.16.4",
         "@testing-library/react": "13.1.1",
@@ -47,6 +51,8 @@
         "@types/react": "18.0.8",
         "@types/react-dom": "17.0.14",
         "@types/react-router-dom": "5.3.2",
+        "@types/react-virtualized-auto-sizer": "^1.0.1",
+        "@types/react-window": "1.8.5",
         "less": "4.1.2",
         "react": "18.1.0",
         "react-dom": "18.1.0",

package/util/SwipeUtil.d.ts

@@ -0,0 +1,8 @@
+import { Direction } from "../hooks/useSwipe";
+declare function getDirection(start: [number, number], end: [number, number]): Direction;
+declare function getDisplacement(start: [number, number], end: [number, number]): number;
+export declare const SwipeUtil: Readonly<{
+    getDirection: typeof getDirection;
+    getDisplacement: typeof getDisplacement;
+}>;
+export {};

package/util/SwipeUtil.js

@@ -0,0 +1,26 @@
+import { Direction } from "../hooks/useSwipe";
+function getDirection(start, end) {
+    var vector = [end[0] - start[0], start[1] - end[1]];
+    var degree = (Math.atan2(vector[1], vector[0]) * 180) / Math.PI;
+    degree = degree < 0 ? degree + 360 : degree;
+    if ((degree >= 315 && degree < 360) || (degree >= 0 && degree < 45)) {
+        return Direction.RIGHT;
+    }
+    else if (degree >= 45 && degree < 135) {
+        return Direction.UP;
+    }
+    else if (degree >= 135 && degree < 225) {
+        return Direction.LEFT;
+    }
+    else {
+        return Direction.DOWN;
+    }
+}
+function getDisplacement(start, end) {
+    return Math.sqrt(Math.pow(start[0] - end[0], 2) + Math.pow(start[1] - end[1], 2));
+}
+export var SwipeUtil = Object.freeze({
+    getDirection: getDirection,
+    getDisplacement: getDisplacement,
+});
+//# sourceMappingURL=SwipeUtil.js.map

package/util/SwipeUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeUtil.js","sourceRoot":"","sources":["../../src/util/SwipeUtil.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,SAAS,YAAY,CAAC,KAAuB,EAAE,GAAqB;IAChE,IAAM,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,IAAI,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAChE,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5C,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,EAAE;QACjE,OAAO,SAAS,CAAC,KAAK,CAAC;KAC1B;SAAM,IAAI,MAAM,IAAI,EAAE,IAAI,MAAM,GAAG,GAAG,EAAE;QACrC,OAAO,SAAS,CAAC,EAAE,CAAC;KACvB;SAAM,IAAI,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,EAAE;QACtC,OAAO,SAAS,CAAC,IAAI,CAAC;KACzB;SAAM;QACH,OAAO,SAAS,CAAC,IAAI,CAAC;KACzB;AACL,CAAC;AAED,SAAS,eAAe,CAAC,KAAuB,EAAE,GAAqB;IACnE,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACtF,CAAC;AACD,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,YAAY,cAAA;IACZ,eAAe,iBAAA;CAClB,CAAC,CAAC"}