@pinnacle0/web-ui 0.3.17 → 0.3.18-beta0

package/core/FlatList/VirtualFlatList/Item.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { FooterData } from "../type";
+import type { ItemRenderer, Measure } from "./type";
+export interface Gap {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}
+export interface ListItemProps<T> {
+    measure: Measure;
+    data: (T | FooterData)[];
+    index: number;
+    itemRenderer: ItemRenderer<T>;
+    gap?: Gap;
+}
+export declare const Item: <T>(props: ListItemProps<T>) => JSX.Element;

package/core/FlatList/VirtualFlatList/Item.js

@@ -0,0 +1,26 @@
+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 { Footer } from "../shared/Footer";
+export var Item = function (props) {
+    var data = props.data, index = props.index, ItemRenderer = props.itemRenderer, gap = props.gap, measure = props.measure;
+    var padding = React.useMemo(function () { return (gap ? { paddingLeft: gap.left, paddingRight: gap.right, paddingBottom: gap.bottom, paddingTop: gap.top } : {}); }, [gap]);
+    if (index === data.length - 1) {
+        var _a = data[index], loading = _a.loading, loadingMessage = _a.loadingMessage, endMessage = _a.endMessage, ended = _a.ended;
+        return React.createElement(Footer, { loading: loading, ended: ended, loadingMessage: loadingMessage, endMessage: endMessage, measure: measure });
+    }
+    else {
+        return (React.createElement("div", { className: "g-virtual-flat-list-item", style: __assign({}, padding) },
+            React.createElement(ItemRenderer, { data: data[index], index: index, measure: measure })));
+    }
+};
+//# sourceMappingURL=Item.js.map

package/core/FlatList/VirtualFlatList/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/core/FlatList/VirtualFlatList/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AAmBxC,MAAM,CAAC,IAAM,IAAI,GAAG,UAAa,KAAuB;IAC7C,IAAA,IAAI,GAAqD,KAAK,KAA1D,EAAE,KAAK,GAA8C,KAAK,MAAnD,EAAgB,YAAY,GAAkB,KAAK,aAAvB,EAAE,GAAG,GAAa,KAAK,IAAlB,EAAE,OAAO,GAAI,KAAK,QAAT,CAAU;IAEtE,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,cAA2B,OAAA,CAAC,GAAG,CAAC,CAAC,CAAC,EAAC,WAAW,EAAE,GAAG,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,CAAC,GAAG,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAA7G,CAA6G,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAE/K,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACrB,IAAA,KAA+C,IAAI,CAAC,KAAK,CAAe,EAAvE,OAAO,aAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA,EAAE,KAAK,WAA6B,CAAC;QAC/E,OAAO,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;KAC/H;SAAM;QACH,OAAO,CACH,6BAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,eAAM,OAAO;YACxD,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CACtE,CACT,CAAC;KACL;AACL,CAAC,CAAC"}

package/core/FlatList/VirtualFlatList/index.d.ts

@@ -0,0 +1,30 @@
+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;
+    overscan?: 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 VirtualFlatList<T>(props: Props<T>): JSX.Element;

package/core/FlatList/VirtualFlatList/index.js

@@ -0,0 +1,80 @@
+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 { defaultRangeExtractor, useVirtual } from "react-virtual";
+import { Item } from "./Item";
+import { Wrapper } from "../shared/Wrapper";
+import "./index.less";
+/**
+ * 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 VirtualFlatList(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.overscan, overscan = _c === void 0 ? 3 : _c, _d = props.bounceEffect, bounceEffect = _d === void 0 ? true : _d, pullUpLoadingMessage = props.pullUpLoadingMessage, endOfListMessage = props.endOfListMessage, pullDownRefreshMessage = props.pullDownRefreshMessage;
+    var parentRef = React.useRef(null);
+    var _e = __read(React.useState(null), 2), loadingType = _e[0], setLoadingType = _e[1];
+    var currentRangeRef = React.useRef();
+    var previousRangeRef = React.useRef();
+    // the reason why onScroll event is used to simulate auto loading instead of rangeExtractor is rangeExtractor return a wrong range when on mount
+    var onAutoLoad = function () {
+        var previousRange = previousRangeRef.current;
+        var currentRange = currentRangeRef.current;
+        if (previousRange &&
+            currentRange &&
+            autoLoad &&
+            onPullUpLoading &&
+            !loading &&
+            // check going downward
+            previousRange.end < currentRange.end &&
+            currentRange.end > data.length - 2 - (typeof autoLoad === "number" ? autoLoad : 3)) {
+            onPullUpLoading();
+        }
+    };
+    var rangeExtractor = React.useCallback(function (range) {
+        var _a;
+        previousRangeRef.current = (_a = currentRangeRef.current) !== null && _a !== void 0 ? _a : range;
+        currentRangeRef.current = range;
+        return defaultRangeExtractor(range);
+    }, []);
+    var listData = React.useMemo(function () { return __spreadArray(__spreadArray([], __read(data), false), [{ loading: loading && loadingType === "loading", ended: !onPullUpLoading, endMessage: endOfListMessage, loadingMessage: pullUpLoadingMessage }], false); }, [loading, loadingType, endOfListMessage, onPullUpLoading, pullUpLoadingMessage, data]);
+    var rowVirtualizer = useVirtual({
+        size: listData.length,
+        parentRef: parentRef,
+        overscan: overscan,
+        rangeExtractor: rangeExtractor,
+    });
+    var rowVirtualizerRef = React.useRef(rowVirtualizer);
+    rowVirtualizerRef.current = rowVirtualizer;
+    React.useEffect(function () {
+        rowVirtualizerRef.current.measure();
+    }, [data]);
+    // TODO/Alvis loading more when item can not fill the whole viewport
+    return (React.createElement(Wrapper, { bounceEffect: bounceEffect, contentRef: parentRef, loading: loading, className: "g-virtual-flat-list", innerStyle: contentStyle, style: style, onPullDownRefresh: onPullDownRefresh, onPullUpLoading: onPullUpLoading, onLoadingTypeChange: setLoadingType, pullDownRefreshMessage: pullDownRefreshMessage }, data.length === 0 ? (emptyPlaceholder) : (React.createElement("div", { className: "list-wrapper", ref: parentRef, onScroll: onAutoLoad },
+        React.createElement("div", { className: "list", style: { height: rowVirtualizer.totalSize } }, rowVirtualizer.virtualItems.map(function (virtualItem) {
+            return (React.createElement("div", { key: virtualItem.index, className: "g-virtual-flat-list-item-wrapper", style: { transform: "translateY(".concat(virtualItem.start, "px)") }, ref: virtualItem.measureRef },
+                React.createElement(Item, { data: listData, index: virtualItem.index, itemRenderer: renderItem, measure: virtualItem.measureRef, gap: gap })));
+        }))))));
+}
+//# sourceMappingURL=index.js.map

package/core/FlatList/VirtualFlatList/index.js.map

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

package/core/FlatList/VirtualFlatList/index.less

@@ -0,0 +1,22 @@
+.g-virtual-flat-list {
+    .list-wrapper {
+        width: 100%;
+        height: 100%;
+
+        .list {
+            width: 100%;
+            position: relative;
+        }
+    }
+
+    .g-virtual-flat-list-item-wrapper {
+        width: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .g-virtual-flat-list-item {
+        width: 100%;
+    }
+}

package/core/FlatList/VirtualFlatList/type.d.ts

@@ -0,0 +1,17 @@
+import type React from "react";
+import type { FlatListItemProps } from "../type";
+export declare type Measure = (node: HTMLElement | null) => void;
+export interface VirtualFlatListProps<T> extends FlatListItemProps<T> {
+    overscan?: number;
+    gap?: {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    };
+    renderItem: ItemRenderer<T>;
+}
+export interface VirtualFlatListItemProps<T> extends FlatListItemProps<T> {
+    measure: Measure;
+}
+export declare type ItemRenderer<T> = React.FunctionComponent<VirtualFlatListItemProps<T>>;

package/core/FlatList/VirtualFlatList/type.js

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

package/core/FlatList/VirtualFlatList/type.js.map

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

package/core/FlatList/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { FlatListProps } from "./type";
+export declare const FlatList: <T>(props: FlatListProps<T>) => JSX.Element;

package/core/FlatList/index.js

@@ -0,0 +1,33 @@
+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 classNames from "classnames";
+import { Wrapper } from "./shared/Wrapper";
+import { Footer } from "./shared/Footer";
+export var FlatList = function (props) {
+    var data = props.data, ItemRenderer = props.renderItem, 
+    // TODO/Alvis add auto load to flat list
+    autoLoad = props.autoLoad, _a = props.loading, loading = _a === void 0 ? false : _a, _b = props.bounceEffect, bounceEffect = _b === void 0 ? true : _b, className = props.className, style = props.style, onPullDownRefresh = props.onPullDownRefresh, onPullUpLoading = props.onPullUpLoading, pullDownRefreshMessage = props.pullDownRefreshMessage, pullUpLoadingMessage = props.pullUpLoadingMessage, contentStyle = props.contentStyle, emptyPlaceholder = props.emptyPlaceholder, endOfListMessage = props.endOfListMessage;
+    var contentRef = React.useRef(null);
+    var _c = __read(React.useState(null), 2), loadingType = _c[0], setLoadingType = _c[1];
+    return (React.createElement(Wrapper, { contentRef: contentRef, bounceEffect: bounceEffect, innerStyle: contentStyle, className: classNames("g-flat-list", className), style: style, onPullDownRefresh: onPullDownRefresh, onPullUpLoading: onPullUpLoading, loading: loading, onLoadingTypeChange: setLoadingType, pullDownRefreshMessage: pullDownRefreshMessage }, data.length === 0 ? (emptyPlaceholder) : (React.createElement("div", { className: "list", ref: contentRef },
+        data.map(function (d, i) {
+            return React.createElement(ItemRenderer, { data: d, index: i });
+        }),
+        React.createElement(Footer, { loading: loading && loadingType === "loading", ended: !onPullUpLoading, endMessage: endOfListMessage, loadingMessage: pullUpLoadingMessage })))));
+};
+//# sourceMappingURL=index.js.map

package/core/FlatList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/FlatList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAa,KAAuB;IAEpD,IAAA,IAAI,GAeJ,KAAK,KAfD,EACQ,YAAY,GAcxB,KAAK,WAdmB;IACxB,wCAAwC;IACxC,QAAQ,GAYR,KAAK,SAZG,EACR,KAWA,KAAK,QAXU,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,KAUA,KAAK,aAVc,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,SAAS,GAST,KAAK,UATI,EACT,KAAK,GAQL,KAAK,MARA,EACL,iBAAiB,GAOjB,KAAK,kBAPY,EACjB,eAAe,GAMf,KAAK,gBANU,EACf,sBAAsB,GAKtB,KAAK,uBALiB,EACtB,oBAAoB,GAIpB,KAAK,qBAJe,EACpB,YAAY,GAGZ,KAAK,aAHO,EACZ,gBAAgB,GAEhB,KAAK,iBAFW,EAChB,gBAAgB,GAChB,KAAK,iBADW,CACV;IAEV,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,IAAA,EAAhE,WAAW,QAAA,EAAE,cAAc,QAAqC,CAAC;IAExE,OAAO,CACH,oBAAC,OAAO,IACJ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,YAAY,EACxB,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,cAAc,EACnC,sBAAsB,EAAE,sBAAsB,IAE7C,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACjB,gBAAgB,CACnB,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,UAAU;QAChC,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC;YACX,OAAO,oBAAC,YAAY,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC;QAC/C,CAAC,CAAC;QACF,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,IAAI,WAAW,KAAK,SAAS,EAAE,KAAK,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,oBAAoB,GAAI,CACpJ,CACT,CACK,CACb,CAAC;AACN,CAAC,CAAC"}

package/core/FlatList/shared/Footer/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { Measure } from "../../VirtualFlatList/type";
+import type { FooterData } from "../../type";
+import "./index.less";
+export interface Props extends FooterData {
+    measure?: Measure;
+}
+export declare const Footer: (props: Props) => JSX.Element;

package/core/FlatList/shared/Footer/index.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { Spinner } from "../Spinner";
+import "./index.less";
+export var Footer = function (props) {
+    var loading = props.loading, ended = props.ended, loadingMessage = props.loadingMessage, endMessage = props.endMessage, measure = props.measure;
+    var measureRef = React.useRef(measure);
+    measureRef.current = measure;
+    return (React.createElement("div", { className: "g-flat-list-footer", ref: measure },
+        loading && React.createElement(Spinner, { loading: true, message: loadingMessage !== null && loadingMessage !== void 0 ? loadingMessage : "loading..." }),
+        ended && !loading && (endMessage !== null && endMessage !== void 0 ? endMessage : "All data loaded"),
+        !ended && !loading && "Pull up to loading more "));
+};
+//# sourceMappingURL=index.js.map

package/core/FlatList/shared/Footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,cAAc,CAAC;AAMtB,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,KAAY;IACxB,IAAA,OAAO,GAAgD,KAAK,QAArD,EAAE,KAAK,GAAyC,KAAK,MAA9C,EAAE,cAAc,GAAyB,KAAK,eAA9B,EAAE,UAAU,GAAa,KAAK,WAAlB,EAAE,OAAO,GAAI,KAAK,QAAT,CAAU;IACpE,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,OAAO,CACH,6BAAK,SAAS,EAAC,oBAAoB,EAAC,GAAG,EAAE,OAAO;QAC3C,OAAO,IAAI,oBAAC,OAAO,IAAC,OAAO,QAAC,OAAO,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,YAAY,GAAI;QACvE,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,iBAAiB,CAAC;QACtD,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,0BAA0B,CAC/C,CACT,CAAC;AACN,CAAC,CAAC"}

package/core/FlatList/shared/Footer/index.less

@@ -0,0 +1,8 @@
+.g-flat-list-footer {
+    width: 100%;
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: center;
+    align-items: center;
+    padding: 5px;
+}

package/core/FlatList/shared/Spinner/index.d.ts

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

package/core/FlatList/shared/Spinner/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { Spin } from "../../../Spin";
+import "./index.less";
+export var Spinner = function (props) {
+    var loading = props.loading, message = props.message;
+    return (React.createElement("div", { className: "g-flat-list-spinner" },
+        React.createElement(Spin, { spinning: loading, size: "small" }),
+        React.createElement("div", { className: "message" }, message)));
+};
+//# sourceMappingURL=index.js.map

package/core/FlatList/shared/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,cAAc,CAAC;AAOtB,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,KAAY;IACzB,IAAA,OAAO,GAAa,KAAK,QAAlB,EAAE,OAAO,GAAI,KAAK,QAAT,CAAU;IACjC,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB;QAChC,oBAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,GAAG;QACxC,6BAAK,SAAS,EAAC,SAAS,IAAE,OAAO,CAAO,CACtC,CACT,CAAC;AACN,CAAC,CAAC"}

package/core/FlatList/shared/Spinner/index.less

@@ -0,0 +1,13 @@
+.g-flat-list-spinner {
+    position: relative;
+
+    .ant-spin {
+        position: absolute;
+        left: 0;
+        transform: translateX(-150%);
+
+        .anticon.ant-spin-dot {
+            font-size: 14px;
+        }
+    }
+}

package/core/FlatList/shared/Wrapper/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/FlatList/shared/Wrapper/Loading.js

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

package/core/FlatList/shared/Wrapper/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/Wrapper/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AAOnC,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,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,oBAAoB,GAAI,CACrE,CACT,CAAC;AACN,CAAC,CAAC"}

package/core/FlatList/shared/Wrapper/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { FlatListProps, LoadingType } from "../../type";
+import "./index.less";
+interface Props<T> extends Pick<FlatListProps<T>, "loading" | "bounceEffect" | "onPullUpLoading" | "onPullDownRefresh" | "className" | "style" | "pullDownRefreshMessage"> {
+    children: React.ReactNode;
+    contentRef: React.MutableRefObject<HTMLElement | null>;
+    onLoadingTypeChange?: (type: LoadingType) => void;
+    innerClassName?: string;
+    innerStyle?: React.CSSProperties;
+}
+export declare const Wrapper: <T>(props: Props<T>) => JSX.Element;
+export {};

package/core/FlatList/shared/Wrapper/index.js

@@ -0,0 +1,111 @@
+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;
+};
+import React from "react";
+import { Direction } from "../../../../hooks/useSwipe";
+import { useTransform } from "../../../../hooks/useTransform";
+import { useBounceSwipe } from "../hooks/useBounceSwipe";
+import { useElementScrollState } from "../hooks/useElementScrollState";
+import { PULL_DOWN_REFRESH_THRESHOLD } from "../../type";
+import { Loading } from "./Loading";
+import { useLoadingWithDelay } from "../hooks/useLoadingWithDelay";
+import "./index.less";
+export var Wrapper = function (props) {
+    var children = props.children, bounceEffect = props.bounceEffect, _a = props.loading, loading = _a === void 0 ? false : _a, contentRef = props.contentRef, onPullDownRefresh = props.onPullDownRefresh, onPullUpLoading = props.onPullUpLoading, className = props.className, innerClassName = props.innerClassName, style = props.style, innerStyle = props.innerStyle, pullDownRefreshMessage = props.pullDownRefreshMessage, onLoadingTypeChange = props.onLoadingTypeChange;
+    var startOffsetRef = React.useRef(0);
+    var animatedRef = React.useRef(null);
+    var loadingWithDelay = useLoadingWithDelay(loading, 250);
+    var _b = __read(React.useState(null), 2), loadingType = _b[0], setLoadingType = _b[1];
+    var loadingTypeRef = React.useRef(null);
+    loadingTypeRef.current = loadingType;
+    var onLoadingTypeChangeRef = React.useRef(onLoadingTypeChange);
+    onLoadingTypeChangeRef.current = onLoadingTypeChange;
+    var isScrollable = useElementScrollState(contentRef).isScrollable;
+    var transit = useTransform(animatedRef);
+    var transitRef = React.useRef(transit);
+    transitRef.current = transit;
+    var reset = React.useCallback(function () {
+        startOffsetRef.current = 0;
+    }, []);
+    var handlers = useBounceSwipe({
+        axis: "vertical",
+        contentRef: contentRef,
+        animatedRef: animatedRef,
+        onStart: function (_a) {
+            var _b = __read(_a.delta, 2), y = _b[1];
+            startOffsetRef.current = y;
+        },
+        onEnd: function (_a) {
+            var delta = _a.delta, direction = _a.direction, boundary = _a.boundary;
+            if (loadingWithDelay) {
+                if (boundary !== "upper") {
+                    transit.to({
+                        y: PULL_DOWN_REFRESH_THRESHOLD,
+                    });
+                }
+            }
+            else {
+                if (Math.abs(startOffsetRef.current - delta[1]) >= PULL_DOWN_REFRESH_THRESHOLD) {
+                    var scrollable = isScrollable("vertical");
+                    if (boundary === "upper" || (!scrollable && direction === Direction.DOWN)) {
+                        setLoadingType("refresh");
+                        onPullDownRefresh === null || onPullDownRefresh === void 0 ? void 0 : onPullDownRefresh();
+                    }
+                    else {
+                        setLoadingType("loading");
+                        onPullUpLoading === null || onPullUpLoading === void 0 ? void 0 : onPullUpLoading();
+                    }
+                }
+            }
+            reset();
+        },
+        onCancel: reset,
+    });
+    React.useEffect(function () {
+        if (loadingWithDelay) {
+            if (loadingTypeRef.current === "refresh") {
+                transitRef.current.to({
+                    y: PULL_DOWN_REFRESH_THRESHOLD,
+                    immediate: false,
+                });
+            }
+        }
+        else {
+            transitRef.current.clear();
+            setLoadingType(null);
+        }
+    }, [loadingWithDelay]);
+    React.useEffect(function () {
+        var _a;
+        (_a = onLoadingTypeChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onLoadingTypeChangeRef, loadingType);
+    }, [loadingType]);
+    return (React.createElement("div", __assign({ className: "g-flat-list-wrapper".concat(className ? " ".concat(className) : ""), style: style }, (bounceEffect ? handlers : {})),
+        React.createElement("div", { className: "inner-container".concat(innerClassName ? " ".concat(innerClassName) : ""), style: innerStyle, ref: animatedRef },
+            React.createElement(Loading, { loading: loadingWithDelay && loadingType === "refresh", message: pullDownRefreshMessage }),
+            children)));
+};
+//# sourceMappingURL=index.js.map

package/core/FlatList/shared/Wrapper/index.js.map

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

package/core/FlatList/shared/Wrapper/index.less

@@ -0,0 +1,28 @@
+.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);
+        max-height: 100%;
+    }
+
+    .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;
+    }
+}

package/core/FlatList/shared/hooks/useBounceSwipe.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { SwipeHookResult, SwipeState } from "../../../../hooks/useSwipe";
+export declare type Boundary = "upper" | "lower" | null;
+interface BounceSwipeState extends SwipeState {
+    boundary: Boundary;
+}
+export declare type BounceSwipeHandler = (state: BounceSwipeState) => void;
+declare type BounceSwipeHookResult = SwipeHookResult;
+interface BounceSwipeHandlers {
+    onMove?: BounceSwipeHandler;
+    onStart?: BounceSwipeHandler;
+    onEnd?: BounceSwipeHandler;
+    onCancel?: BounceSwipeHandler;
+}
+interface BounceSwipeOption extends BounceSwipeHandlers {
+    axis: "vertical" | "horizontal";
+    contentRef: React.RefObject<HTMLElement>;
+    animatedRef: React.RefObject<HTMLElement>;
+    baseOffset?: number;
+}
+export declare const useBounceSwipe: (options: BounceSwipeOption) => BounceSwipeHookResult;
+export {};