@pinnacle0/web-ui 0.3.36 → 0.3.39

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

@@ -0,0 +1,109 @@
+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 { classNames } from "../../../../util/ClassNames";
+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 "./index.less";
+export var Wrapper = function (props) {
+    var children = props.children, bounceEffect = props.bounceEffect, listWrapperRef = props.listWrapperRef, loadingType = props.loadingType, onLoadingTypeChange = props.onLoadingTypeChange, _a = props.loading, loading = _a === void 0 ? false : _a, onPullDownRefresh = props.onPullDownRefresh, onPullUpLoading = props.onPullUpLoading, className = props.className, innerClassName = props.innerClassName, style = props.style, innerStyle = props.innerStyle, pullDownRefreshMessage = props.pullDownRefreshMessage, pullDownRefreshingMessage = props.pullDownRefreshingMessage, onScroll = props.onScroll;
+    var startOffsetRef = React.useRef(0);
+    var animatedRef = React.useRef(null);
+    var loadingTypeRef = React.useRef(null);
+    loadingTypeRef.current = loadingType;
+    var onLoadingTypeChangeRef = React.useRef(onLoadingTypeChange);
+    onLoadingTypeChangeRef.current = onLoadingTypeChange;
+    var isScrollable = useElementScrollState(listWrapperRef).isScrollable;
+    var transform = useTransform(animatedRef);
+    var transformRef = React.useRef(transform);
+    transformRef.current = transform;
+    var reset = React.useCallback(function () {
+        startOffsetRef.current = 0;
+    }, []);
+    var handlers = useBounceSwipe({
+        axis: "vertical",
+        contentRef: listWrapperRef,
+        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 (loading) {
+                if (boundary !== "upper") {
+                    transform.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)) {
+                        onLoadingTypeChange("refresh");
+                        onPullDownRefresh === null || onPullDownRefresh === void 0 ? void 0 : onPullDownRefresh();
+                    }
+                    else {
+                        onLoadingTypeChange("loading");
+                        onPullUpLoading === null || onPullUpLoading === void 0 ? void 0 : onPullUpLoading();
+                    }
+                }
+            }
+            reset();
+        },
+        onCancel: reset,
+    });
+    var handleScroll = React.useCallback(function (e) {
+        transformRef.current.clear();
+        onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
+    }, [onScroll]);
+    React.useEffect(function () {
+        if (loading) {
+            if (loadingTypeRef.current === "refresh") {
+                transformRef.current.to({
+                    y: PULL_DOWN_REFRESH_THRESHOLD,
+                    immediate: false,
+                });
+            }
+        }
+        else {
+            transformRef.current.clear();
+            onLoadingTypeChangeRef.current(null);
+        }
+    }, [loading]);
+    return (React.createElement("div", __assign({ className: classNames(className, "g-flat-list-wrapper"), style: style }, (bounceEffect ? handlers : {})),
+        React.createElement("div", { className: classNames("inner-container", innerClassName), style: innerStyle, ref: animatedRef },
+            React.createElement(Loading, { loading: loading && loadingType === "refresh", message: pullDownRefreshMessage, loadingMessage: pullDownRefreshingMessage }),
+            React.createElement("div", { className: "list-wrapper", ref: listWrapperRef, onScroll: handleScroll }, 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/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 {};

package/core/FlatList/shared/hooks/useBounceSwipe.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 { useElementScrollState } from "./useElementScrollState";
+import { Direction, useSwipe } from "../../../../hooks/useSwipe";
+import { useTransform } from "../../../../hooks/useTransform";
+export var useBounceSwipe = function (options) {
+    var contentRef = options.contentRef, animatedRef = options.animatedRef, axis = options.axis, _a = options.baseOffset, baseOffset = _a === void 0 ? 0 : _a, onStart = options.onStart, onMove = options.onMove, onEnd = options.onEnd, onCancel = options.onCancel;
+    var _b = __read(React.useState(null), 2), boundary = _b[0], setBoundary = _b[1];
+    var transform = useTransform(animatedRef, { duration: 300, timingFunction: "cubic-bezier(0, 0.61, 0.28, 1.22)", property: "transform" });
+    var startOffsetRef = React.useRef(0);
+    var isX = React.useMemo(function () { return axis === "horizontal"; }, [axis]);
+    var isY = React.useMemo(function () { return axis === "vertical"; }, [axis]);
+    var _c = useElementScrollState(contentRef), isScrollable = _c.isScrollable, isScrollTop = _c.isScrollTop, isScrollBottom = _c.isScrollBottom, isScrollLeft = _c.isScrollLeft, isScrollRight = _c.isScrollRight;
+    var threshold = function (_a) {
+        var direction = _a.direction;
+        if (isY) {
+            return (direction === Direction.DOWN && isScrollTop()) || (direction === Direction.UP && isScrollBottom());
+        }
+        else {
+            return (direction === Direction.RIGHT && isScrollLeft()) || (direction === Direction.LEFT && isScrollRight());
+        }
+    };
+    var clearSwipe = function () {
+        startOffsetRef.current = 0;
+        setBoundary(null);
+    };
+    React.useEffect(function () {
+        // Changing overflow style to fixed laggy bounce swipe in chrome
+        if (contentRef.current) {
+            if (boundary) {
+                contentRef.current.style.overflow = "hidden";
+            }
+            else {
+                contentRef.current.style.overflow = "auto";
+            }
+        }
+    }, [boundary, contentRef]);
+    var getOffset = function (delta, boundary) {
+        var resultOffset = [0, 0];
+        var limitedOffset = delta[isX ? 0 : 1] - startOffsetRef.current + baseOffset;
+        var computeResultOffset = function (value) { return [isX ? value : 0, isY ? value : 0]; };
+        if (boundary === "upper") {
+            resultOffset = limitedOffset < 0 ? null : computeResultOffset(limitedOffset);
+        }
+        else if (boundary === "lower") {
+            resultOffset = limitedOffset > 0 ? null : computeResultOffset(limitedOffset);
+        }
+        else {
+            resultOffset = computeResultOffset(limitedOffset);
+        }
+        return resultOffset;
+    };
+    var handlers = useSwipe({
+        onStart: function (state) {
+            var _a = __read(state.delta, 2), x = _a[0], y = _a[1], direction = state.direction;
+            isScrollable(axis) && setBoundary(direction === Direction.DOWN ? "upper" : "lower");
+            startOffsetRef.current = isX ? x : y;
+            onStart === null || onStart === void 0 ? void 0 : onStart(__assign(__assign({}, state), { boundary: boundary }));
+        },
+        onMove: function (state) {
+            var delta = state.delta, cancel = state.cancel;
+            var offset = getOffset(delta, boundary);
+            if (!offset) {
+                cancel();
+            }
+            else {
+                var _a = __read(offset, 2), x = _a[0], y = _a[1];
+                transform.to({ x: x, y: y, immediate: true });
+                onMove === null || onMove === void 0 ? void 0 : onMove(__assign(__assign({}, state), { boundary: boundary }));
+            }
+        },
+        onEnd: function (state) {
+            onEnd === null || onEnd === void 0 ? void 0 : onEnd(__assign(__assign({}, state), { boundary: boundary }));
+            transform.clear();
+            clearSwipe();
+        },
+        onCancel: function (state) {
+            onCancel === null || onCancel === void 0 ? void 0 : onCancel(__assign(__assign({}, state), { boundary: boundary }));
+            transform.clear();
+            clearSwipe();
+        },
+    }, { threshold: threshold });
+    return handlers;
+};
+//# sourceMappingURL=useBounceSwipe.js.map

package/core/FlatList/shared/hooks/useBounceSwipe.js.map

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const useElementScrollState: (ref: React.RefObject<HTMLElement | null>) => {
+    isScrollTop: () => boolean;
+    isScrollBottom: () => boolean;
+    isScrollLeft: () => boolean;
+    isScrollRight: () => boolean;
+    isScrollable: (direction: "vertical" | "horizontal") => boolean;
+};

package/core/FlatList/shared/hooks/useElementScrollState.js

@@ -0,0 +1,38 @@
+import React from "react";
+// need to cache scrollable results
+// only change when window resize, data change, and css change
+export var useElementScrollState = function (ref) {
+    var isScrollable = React.useCallback(function (direction) {
+        if (ref.current) {
+            var element = ref.current;
+            return direction === "vertical" ? element.scrollHeight > element.clientHeight : element.scrollWidth > element.clientWidth;
+        }
+        else {
+            return false;
+        }
+    }, [ref]);
+    var isScrollTop = React.useCallback(function () { var _a; return ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollTop) === 0; }, [ref]);
+    var isScrollBottom = React.useCallback(function () {
+        var element = ref.current;
+        if (element) {
+            var scrollHeight = element.scrollHeight, scrollTop = element.scrollTop, clientHeight = element.clientHeight;
+            return Math.ceil(scrollTop) + clientHeight >= scrollHeight;
+        }
+        else {
+            return false;
+        }
+    }, [ref]);
+    var isScrollLeft = React.useCallback(function () { var _a; return ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) === 0; }, [ref]);
+    var isScrollRight = React.useCallback(function () {
+        var element = ref.current;
+        if (element) {
+            var scrollWidth = element.scrollWidth, scrollLeft = element.scrollLeft, clientWidth = element.clientWidth;
+            return Math.ceil(scrollLeft) + clientWidth >= scrollWidth;
+        }
+        else {
+            return false;
+        }
+    }, [ref]);
+    return { isScrollTop: isScrollTop, isScrollBottom: isScrollBottom, isScrollLeft: isScrollLeft, isScrollRight: isScrollRight, isScrollable: isScrollable };
+};
+//# sourceMappingURL=useElementScrollState.js.map

package/core/FlatList/shared/hooks/useElementScrollState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementScrollState.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/hooks/useElementScrollState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,mCAAmC;AAEnC,8DAA8D;AAE9D,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,GAAwC;IAC1E,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,SAAoC;QACjC,IAAI,GAAG,CAAC,OAAO,EAAE;YACb,IAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;YAC5B,OAAO,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;SAC7H;aAAM;YACH,OAAO,KAAK,CAAC;SAChB;IACL,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,sBAAM,OAAA,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,SAAS,MAAK,CAAC,CAAA,EAAA,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACjF,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC;QACrC,IAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,OAAO,EAAE;YACF,IAAA,YAAY,GAA6B,OAAO,aAApC,EAAE,SAAS,GAAkB,OAAO,UAAzB,EAAE,YAAY,GAAI,OAAO,aAAX,CAAY;YACxD,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,YAAY,IAAI,YAAY,CAAC;SAC9D;aAAM;YACH,OAAO,KAAK,CAAC;SAChB;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,sBAAM,OAAA,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,UAAU,MAAK,CAAC,CAAA,EAAA,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACnF,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;QACpC,IAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,OAAO,EAAE;YACF,IAAA,WAAW,GAA6B,OAAO,YAApC,EAAE,UAAU,GAAiB,OAAO,WAAxB,EAAE,WAAW,GAAI,OAAO,YAAX,CAAY;YACvD,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,WAAW,IAAI,WAAW,CAAC;SAC7D;aAAM;YACH,OAAO,KAAK,CAAC;SAChB;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,EAAC,WAAW,aAAA,EAAE,cAAc,gBAAA,EAAE,YAAY,cAAA,EAAE,aAAa,eAAA,EAAE,YAAY,cAAA,EAAC,CAAC;AACpF,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * This hook prevent loading state causing ui to flash
+ * For instance, in real life loading only last for 50ms, so it make loading ui appear in a blink of an eye, which is not good
+ * Hook will only delay the loading state change from true to false, it force loading ui at least appear for a period of time
+ * @param loading
+ * @param delay
+ * @returns
+ */
+export declare const useLoadingWithDelay: (loading: boolean, delay: number) => Readonly<boolean>;

package/core/FlatList/shared/hooks/useLoadingWithDelay.js

@@ -0,0 +1,52 @@
+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";
+/**
+ * This hook prevent loading state causing ui to flash
+ * For instance, in real life loading only last for 50ms, so it make loading ui appear in a blink of an eye, which is not good
+ * Hook will only delay the loading state change from true to false, it force loading ui at least appear for a period of time
+ * @param loading
+ * @param delay
+ * @returns
+ */
+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();
+    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 () {
+        var _a;
+        (_a = setLoadingRef.current) === null || _a === void 0 ? void 0 : _a.call(setLoadingRef, loading);
+    }, [loading]);
+    return loadingWithDelay;
+};
+//# sourceMappingURL=useLoadingWithDelay.js.map

package/core/FlatList/shared/hooks/useLoadingWithDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadingWithDelay.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/hooks/useLoadingWithDelay.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;GAOG;AACH,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,EAA4B,CAAC;IAE/D,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,MAAA,aAAa,CAAC,OAAO,8DAAG,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC"}

package/core/FlatList/type.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+export declare const PULL_DOWN_REFRESH_THRESHOLD = 50;
+export declare type LoadingType = "refresh" | "loading" | null;
+export interface FlatListItemProps<T> {
+    data: T;
+    index: number;
+}
+export declare type Gap = {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+} | number;
+export declare type ItemRenderer<T> = React.FunctionComponent<FlatListItemProps<T>>;
+export declare type RowKey<T> = (keyof T & string) | ((data: T, index: number) => string) | "index";
+export interface FlatListProps<T> {
+    data: T[];
+    renderItem: ItemRenderer<T>;
+    rowKey: RowKey<T>;
+    loading?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    /** When either onPullUpLoading or onPullDownRefresh is given, loading must be given too */
+    onPullUpLoading?: () => void;
+    onPullDownRefresh?: () => void;
+    emptyPlaceholder?: string | React.ReactElement;
+    contentStyle?: React.CSSProperties;
+    bounceEffect?: boolean;
+    hideFooter?: boolean;
+    gap?: Gap;
+    pullDownRefreshMessage?: React.ReactElement | string;
+    pullDownRefreshingMessage?: React.ReactElement | string;
+    pullUpLoadMoreMessage?: React.ReactElement | string;
+    pullUpLoadingMessage?: React.ReactElement | string;
+    endOfListMessage?: React.ReactElement | string;
+}
+export interface FlatListItemProps<T> {
+    data: T;
+    index: number;
+}
+export interface FooterData {
+    __markedAsFooterData: true;
+    loading: boolean;
+    ended: boolean;
+    loadMoreMessage?: React.ReactElement | string;
+    loadingMessage?: React.ReactElement | string;
+    endMessage?: React.ReactElement | string;
+}

package/core/FlatList/type.js

@@ -0,0 +1,2 @@
+export var PULL_DOWN_REFRESH_THRESHOLD = 50;
+//# sourceMappingURL=type.js.map

package/core/FlatList/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/core/FlatList/type.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,2BAA2B,GAAG,EAAE,CAAC"}

package/core/Foldable/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { SafeReactChild, SafeReactChildren } from "../../internal/type";
+import "./index.less";
+export interface Props {
+    title: SafeReactChild;
+    children: SafeReactChildren;
+    expanded: boolean;
+    onExpansionChange: (expanded: boolean) => void;
+    titleRight?: SafeReactChild;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare class Foldable extends React.PureComponent<Props> {
+    static displayName: string;
+    expand: () => void;
+    fold: () => void;
+    render(): JSX.Element;
+}

package/core/Foldable/index.js

@@ -0,0 +1,41 @@
+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 "./index.less";
+var Foldable = /** @class */ (function (_super) {
+    __extends(Foldable, _super);
+    function Foldable() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.expand = function () { return _this.props.onExpansionChange(true); };
+        _this.fold = function () { return _this.props.onExpansionChange(false); };
+        return _this;
+    }
+    Foldable.prototype.render = function () {
+        var _a = this.props, title = _a.title, children = _a.children, titleRight = _a.titleRight, className = _a.className, style = _a.style, expanded = _a.expanded;
+        return (React.createElement("div", { className: classNames("g-foldable-container", className), style: style },
+            React.createElement("div", { className: classNames("header", expanded ? "expanded" : "folded") },
+                title,
+                React.createElement("div", { className: "right" },
+                    React.createElement("div", { className: "custom" }, titleRight),
+                    expanded ? React.createElement("a", { className: "expanded", onClick: this.fold }) : React.createElement("a", { className: "folded", onClick: this.expand }))),
+            React.createElement("div", { className: classNames("content", expanded ? "expanded" : "folded") }, children)));
+    };
+    Foldable.displayName = "Foldable";
+    return Foldable;
+}(React.PureComponent));
+export { Foldable };
+//# sourceMappingURL=index.js.map

package/core/Foldable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Foldable/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,OAAO,cAAc,CAAC;AAYtB;IAA8B,4BAA0B;IAAxD;QAAA,qEAsBC;QAnBG,YAAM,GAAG,cAAM,OAAA,KAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAlC,CAAkC,CAAC;QAElD,UAAI,GAAG,cAAM,OAAA,KAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAnC,CAAmC,CAAC;;IAiBrD,CAAC;IAfG,yBAAM,GAAN;QACU,IAAA,KAA4D,IAAI,CAAC,KAAK,EAArE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAc,CAAC;QAC7E,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK;YACvE,6BAAK,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;gBACjE,KAAK;gBACN,6BAAK,SAAS,EAAC,OAAO;oBAClB,6BAAK,SAAS,EAAC,QAAQ,IAAE,UAAU,CAAO;oBACzC,QAAQ,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,MAAM,GAAI,CACzG,CACJ;YACN,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CACvF,CACT,CAAC;IACN,CAAC;IApBM,oBAAW,GAAG,UAAU,CAAC;IAqBpC,eAAC;CAAA,AAtBD,CAA8B,KAAK,CAAC,aAAa,GAsBhD;SAtBY,QAAQ"}

package/core/Form/Item.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { FormValidationContext } from "./context";
+import type { SafeReactChild } from "../../internal/type";
+export declare type FormValidator = () => string | null | Promise<string | null>;
+export interface Props {
+    children: SafeReactChild;
+    label?: SafeReactChild;
+    required?: boolean;
+    extra?: SafeReactChild;
+    validator?: FormValidator;
+    className?: string;
+    labelStyle?: React.CSSProperties;
+    widthMode?: "fill" | "auto" | "shrink";
+}
+interface State {
+    errorMessage: string | null;
+}
+export declare class Item extends React.PureComponent<Props, State> {
+    static displayName: string;
+    static contextType: React.Context<import("./context").FormValidationContextType>;
+    context: React.ContextType<typeof FormValidationContext>;
+    private readonly overlayStyle;
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    validate: () => Promise<boolean>;
+    render(): JSX.Element;
+}
+export {};