@lofter-common-shared/react-components 0.2.0 → 0.2.2

package/dist/animation-size-view/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type AnimationSizeViewRef = {};
+export type AnimationSizeViewProps = {
+    childProps?: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>;
+    parentProps?: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>;
+    children?: React.ReactNode;
+    /**
+     * 默认只会变化高度
+     */
+    observerAttrs?: {
+        width?: boolean;
+        height?: boolean;
+    };
+};
+export declare const AnimationSizeView: React.ForwardRefExoticComponent<AnimationSizeViewProps & React.RefAttributes<AnimationSizeViewRef>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/animation-size-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation-size-view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAMlF,MAAM,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEtC,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;IAC7G,WAAW,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9G,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE;QACd,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,iBAAiB,qGAkE7B,CAAC"}

package/dist/animation-size-view/index.js

@@ -0,0 +1,94 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimationSizeView = void 0;
+var react_1 = __importStar(require("react"));
+var throttle_1 = require("@lofter-common-shared/utils/throttle");
+var index_style_1 = __importDefault(require("./index.style"));
+exports.AnimationSizeView = (0, react_1.forwardRef)(function (_a, ref) {
+    var childProps = _a.childProps, parentProps = _a.parentProps, children = _a.children, _b = _a.observerAttrs, observerAttrs = _b === void 0 ? {
+        height: true,
+    } : _b;
+    var parentRef = (0, react_1.useRef)(null);
+    var childRef = (0, react_1.useRef)(null);
+    var observerAttrsRef = (0, react_1.useRef)(observerAttrs);
+    (0, react_1.useImperativeHandle)(ref, function () {
+        return {};
+    }, []);
+    (0, react_1.useEffect)(function () {
+        var resize = (0, throttle_1.throttle)(function () {
+            if (parentRef.current && childRef.current) {
+                if (observerAttrsRef.current.height) {
+                    parentRef.current.style.height = "".concat(Math.ceil(childRef.current.getBoundingClientRect().height), "px");
+                }
+                if (observerAttrsRef.current.width) {
+                    parentRef.current.style.width = "".concat(Math.ceil(childRef.current.getBoundingClientRect().width), "px");
+                }
+            }
+        }, {
+            wait: 50,
+            leading: true,
+            trailing: true,
+            debounce: true,
+        }).run;
+        var resizeObserver = new ResizeObserver(function () {
+            resize();
+        });
+        if (childRef.current) {
+            resizeObserver.observe(childRef.current);
+            resize();
+        }
+        return function () {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    return (react_1.default.createElement("div", __assign({}, parentProps, { className: index_style_1.default.box + ((parentProps === null || parentProps === void 0 ? void 0 : parentProps.className) ? " ".concat(parentProps.className) : ''), ref: parentRef }),
+        react_1.default.createElement("div", __assign({}, childProps, { ref: childRef }), children)));
+});
+//# sourceMappingURL=index.js.map

package/dist/animation-size-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/animation-size-view/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkF;AAElF,iEAAgE;AAEhE,8DAAgC;AAiBnB,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EACzC,UACE,EAOC,EACD,GAAG;QAPD,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,qBAEC,EAFD,aAAa,mBAAG;QACd,MAAM,EAAE,IAAI;KACb,KAAA;IAIH,IAAM,SAAS,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACtD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACrD,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAAuB,aAAa,CAAC,CAAC;IACrE,IAAA,2BAAmB,EAAC,GAAG,EAAE;QACvB,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;QACR,IAAM,MAAM,GAAG,IAAA,mBAAQ,EACrB;YACE,IAAI,SAAS,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBAC1C,IAAI,gBAAgB,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;oBACpC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC,OAAI,CAAC;gBACrG,CAAC;gBACD,IAAI,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;oBACnC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,UAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,OAAI,CAAC;gBACnG,CAAC;YACH,CAAC;QACH,CAAC,EACD;YACE,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI;SACf,CACF,CAAC,GAAG,CAAC;QAEN,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC;YACxC,MAAM,EAAE,CAAC;QACX,CAAC,CAAC,CAAC;QACH,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACzC,MAAM,EAAE,CAAC;QACX,CAAC;QAED,OAAO;YACL,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,kDACM,WAAW,IACf,SAAS,EAAE,qBAAG,CAAC,GAAG,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,EAAC,CAAC,CAAC,WAAI,WAAW,CAAC,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChF,GAAG,EAAE,SAAS;QAEd,kDACM,UAAU,IACd,GAAG,EAAE,QAAQ,KAEZ,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/animation-size-view/index.style.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    box: string;
+};
+export default _default;
+//# sourceMappingURL=index.style.d.ts.map

package/dist/animation-size-view/index.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.style.d.ts","sourceRoot":"","sources":["../../src/animation-size-view/index.style.ts"],"names":[],"mappings":";;;AAOA,wBAOuB"}

package/dist/animation-size-view/index.style.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var css_in_js_1 = require("@lofter-common-shared/css-in-js");
+var theme = new css_in_js_1.Theme({
+    name: 'animation-size',
+    namespace: 'lofter-animation-size',
+});
+exports.default = (0, css_in_js_1.createThemStyle)(theme)(function () { return ({
+    box: {
+        'transition-property': 'width, height',
+        'transition-timing-function': 'linear',
+        'transition-duration': '200ms',
+        overflow: 'hidden',
+    },
+}); }).createClassNames();
+//# sourceMappingURL=index.style.js.map

package/dist/animation-size-view/index.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../src/animation-size-view/index.style.ts"],"names":[],"mappings":";;AAAA,6DAAyE;AAEzE,IAAM,KAAK,GAAG,IAAI,iBAAK,CAAC;IACtB,IAAI,EAAE,gBAAgB;IACtB,SAAS,EAAE,uBAAuB;CACnC,CAAC,CAAC;AAEH,kBAAe,IAAA,2BAAe,EAAC,KAAK,CAAC,CAAC,cAAM,OAAA,CAAC;IAC3C,GAAG,EAAE;QACH,qBAAqB,EAAE,eAAe;QACtC,4BAA4B,EAAE,QAAQ;QACtC,qBAAqB,EAAE,OAAO;QAC9B,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,EAP0C,CAO1C,CAAC,CAAC,gBAAgB,EAAE,CAAC"}

package/dist/appear-in-viewport/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ObserveParams } from './observe';
+import { observe } from './observe';
+export { observe, ObserveParams };
+/**
+ * AppearInViewport 参数定义
+ */
+export type AppearInViewportProps = ObserveParams;
+export type AppearInViewportComponentProps = AppearInViewportProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const useAppearInViewport: <BE extends HTMLElement = HTMLElement>({ onAppear, advance, threshold, repeat, onDisAppear, IntersectionObserverClass, }: AppearInViewportProps) => {
+    updateBox: React.Dispatch<React.SetStateAction<BE | null>>;
+    box: BE | null;
+};
+/**
+ * @class AppearInViewport
+ * 出现在页面中会自动响应（仅一次）
+ *
+ * @see AppearInViewportComponentProps
+ */
+export declare const AppearInViewport: React.ForwardRefExoticComponent<Pick<AppearInViewportComponentProps, "key" | keyof ObserveParams | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/appear-in-viewport/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/appear-in-viewport/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;AAElC;;GAEG;AAEH,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAElD,MAAM,MAAM,8BAA8B,GAAG,qBAAqB,GAC9D,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC;AAElF,eAAO,MAAM,mBAAmB,GAAI,EAAE,SAAS,WAAW,GAAG,WAAW,EAAE,mFAOvE,qBAAqB;;;CAsCvB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,uLAyB5B,CAAC"}

package/dist/appear-in-viewport/index.js

@@ -0,0 +1,125 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppearInViewport = exports.useAppearInViewport = exports.observe = void 0;
+var react_1 = __importStar(require("react"));
+var observe_1 = require("./observe");
+Object.defineProperty(exports, "observe", { enumerable: true, get: function () { return observe_1.observe; } });
+var useAppearInViewport = function (_a) {
+    var onAppear = _a.onAppear, _b = _a.advance, advance = _b === void 0 ? 0 : _b, _c = _a.threshold, threshold = _c === void 0 ? 0 : _c, _d = _a.repeat, repeat = _d === void 0 ? false : _d, onDisAppear = _a.onDisAppear, IntersectionObserverClass = _a.IntersectionObserverClass;
+    var _e = (0, react_1.useState)(null), box = _e[0], updateBox = _e[1];
+    var onAppearRef = (0, react_1.useRef)(onAppear);
+    var onDisAppearRef = (0, react_1.useRef)(onDisAppear);
+    onAppearRef.current = onAppear;
+    onDisAppearRef.current = onDisAppear;
+    var repeatRef = (0, react_1.useRef)(repeat);
+    var advanceRef = (0, react_1.useRef)(advance);
+    var thresholdRef = (0, react_1.useRef)(threshold);
+    (0, react_1.useEffect)(function () {
+        var unobserve = function () { };
+        if (box) {
+            unobserve = (0, observe_1.observe)(box, {
+                onAppear: function (params) {
+                    var _a;
+                    (_a = onAppearRef.current) === null || _a === void 0 ? void 0 : _a.call(onAppearRef, params);
+                },
+                advance: advanceRef.current,
+                threshold: thresholdRef.current,
+                repeat: repeatRef.current,
+                onDisAppear: function (params) {
+                    var _a;
+                    (_a = onDisAppearRef.current) === null || _a === void 0 ? void 0 : _a.call(onDisAppearRef, params);
+                },
+                IntersectionObserverClass: IntersectionObserverClass,
+            });
+        }
+        return function () {
+            if (unobserve) {
+                unobserve();
+            }
+        };
+    }, [box, IntersectionObserverClass]);
+    return {
+        updateBox: updateBox,
+        box: box,
+    };
+};
+exports.useAppearInViewport = useAppearInViewport;
+/**
+ * @class AppearInViewport
+ * 出现在页面中会自动响应（仅一次）
+ *
+ * @see AppearInViewportComponentProps
+ */
+exports.AppearInViewport = (0, react_1.forwardRef)(function (_a, ref) {
+    var onAppear = _a.onAppear, advance = _a.advance, threshold = _a.threshold, repeat = _a.repeat, onDisAppear = _a.onDisAppear, IntersectionObserverClass = _a.IntersectionObserverClass, otherDivProps = __rest(_a, ["onAppear", "advance", "threshold", "repeat", "onDisAppear", "IntersectionObserverClass"]);
+    var boxRef = (0, react_1.useRef)(null);
+    var updateBox = (0, exports.useAppearInViewport)({
+        onAppear: onAppear,
+        advance: advance,
+        threshold: threshold,
+        repeat: repeat,
+        onDisAppear: onDisAppear,
+        IntersectionObserverClass: IntersectionObserverClass,
+    }).updateBox;
+    (0, react_1.useImperativeHandle)(ref, function () { return boxRef.current; }, []);
+    (0, react_1.useEffect)(function () {
+        updateBox(boxRef.current);
+    }, [updateBox]);
+    return (react_1.default.createElement("div", __assign({ ref: boxRef }, otherDivProps)));
+});
+//# sourceMappingURL=index.js.map

package/dist/appear-in-viewport/index.js.map

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

package/dist/appear-in-viewport/observe.d.ts

@@ -0,0 +1,51 @@
+type Entries = {
+    boundingClientRect: DOMRect;
+    intersectionRatio: number;
+    isIntersecting: boolean;
+}[];
+export interface ObserveParams {
+    /**
+     * 出现在页面的回调
+     */
+    onAppear?: (params: {
+        entries: Entries;
+        /**
+         * 出现的时间戳
+         */
+        appearTimestamp: number;
+    }) => void;
+    /**
+     * 组件移出视窗区域的回调
+     */
+    onDisAppear?: (params: {
+        entries: Entries;
+        /**
+         * 出现的时间戳
+         */
+        appearTimestamp: number;
+        /**
+         * 消失的时间戳
+         */
+        disAppearTimestamp: number;
+    }) => void;
+    /**
+     * advance
+     */
+    advance?: number | string;
+    /**
+     * from 0.0 to 1.0
+     */
+    threshold?: number;
+    /**
+     * 是否允许重复触发
+     */
+    repeat?: boolean;
+    /**
+     * IntersectionObserver 允许自定义设置 observer 类
+     * 默认使用 window.IntersectionObserver
+     */
+    IntersectionObserverClass?: typeof IntersectionObserver;
+}
+export declare const observe: (box: HTMLElement, params: ObserveParams) => () => void;
+export {};
+//# sourceMappingURL=observe.d.ts.map

package/dist/appear-in-viewport/observe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe.d.ts","sourceRoot":"","sources":["../../src/appear-in-viewport/observe.ts"],"names":[],"mappings":"AAAA,KAAK,OAAO,GAAG;IACb,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;CACzB,EAAE,CAAC;AAEJ,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB;;WAEG;QACH,eAAe,EAAE,MAAM,CAAC;KACzB,KAAK,IAAI,CAAC;IACX;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QACrB,OAAO,EAAE,OAAO,CAAC;QACjB;;WAEG;QACH,eAAe,EAAE,MAAM,CAAC;QACxB;;WAEG;QACH,kBAAkB,EAAE,MAAM,CAAC;KAC5B,KAAK,IAAI,CAAC;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,oBAAoB,CAAC;CACzD;AAED,eAAO,MAAM,OAAO,GAAI,KAAK,WAAW,EAAE,QAAQ,aAAa,eA2D9D,CAAC"}

package/dist/appear-in-viewport/observe.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.observe = void 0;
+var observe = function (box, params) {
+    var onAppear = params.onAppear, _a = params.advance, advance = _a === void 0 ? 0 : _a, _b = params.threshold, threshold = _b === void 0 ? 0 : _b, _c = params.repeat, repeat = _c === void 0 ? false : _c, onDisAppear = params.onDisAppear;
+    var ObserverClass;
+    if (params.IntersectionObserverClass) {
+        ObserverClass = params.IntersectionObserverClass;
+    }
+    else {
+        ObserverClass = IntersectionObserver;
+    }
+    var responsed = false;
+    var disappearResponse = false;
+    var appearState = 'disAppear';
+    var prevAppearTimestamp = 0;
+    var observer = new ObserverClass(function (entries) {
+        var shouldAppear = entries.some(function (entry) {
+            return entry && entry.intersectionRatio >= threshold && entry.isIntersecting;
+        });
+        if (shouldAppear) {
+            if ((repeat || !responsed) && appearState === 'disAppear') {
+                responsed = true;
+                prevAppearTimestamp = Date.now();
+                onAppear === null || onAppear === void 0 ? void 0 : onAppear({
+                    entries: entries,
+                    appearTimestamp: prevAppearTimestamp,
+                });
+            }
+            appearState = 'appear';
+        }
+        else {
+            if ((repeat || !disappearResponse) && appearState === 'appear') {
+                disappearResponse = true;
+                onDisAppear === null || onDisAppear === void 0 ? void 0 : onDisAppear({
+                    entries: entries,
+                    appearTimestamp: prevAppearTimestamp,
+                    disAppearTimestamp: Date.now(),
+                });
+            }
+            appearState = 'disAppear';
+            prevAppearTimestamp = 0;
+        }
+        if (!repeat && disappearResponse && appearState && box) {
+            observer.unobserve(box);
+        }
+    }, {
+        rootMargin: typeof advance === 'number' ? advance + 'px' : advance,
+        threshold: threshold,
+    });
+    // console.log('AppearInViewport', boxRef.current);
+    if (box) {
+        observer.observe(box);
+    }
+    return function () {
+        if (box) {
+            observer.unobserve(box);
+        }
+    };
+};
+exports.observe = observe;
+//# sourceMappingURL=observe.js.map

package/dist/appear-in-viewport/observe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe.js","sourceRoot":"","sources":["../../src/appear-in-viewport/observe.ts"],"names":[],"mappings":";;;AAmDO,IAAM,OAAO,GAAG,UAAC,GAAgB,EAAE,MAAqB;IACrD,IAAA,QAAQ,GAA8D,MAAM,SAApE,EAAE,KAA4D,MAAM,QAAvD,EAAX,OAAO,mBAAG,CAAC,KAAA,EAAE,KAA+C,MAAM,UAAxC,EAAb,SAAS,mBAAG,CAAC,KAAA,EAAE,KAAgC,MAAM,OAAxB,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,WAAW,GAAK,MAAM,YAAX,CAAY;IACrF,IAAI,aAA0C,CAAC;IAC/C,IAAI,MAAM,CAAC,yBAAyB,EAAE,CAAC;QACrC,aAAa,GAAG,MAAM,CAAC,yBAAyB,CAAC;IACnD,CAAC;SAAM,CAAC;QACN,aAAa,GAAG,oBAAoB,CAAC;IACvC,CAAC;IACD,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,iBAAiB,GAAG,KAAK,CAAC;IAC9B,IAAI,WAAW,GAA2B,WAAW,CAAC;IACtD,IAAI,mBAAmB,GAAG,CAAC,CAAC;IAC5B,IAAM,QAAQ,GAAG,IAAI,aAAa,CAChC,UAAC,OAAO;QACN,IAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,KAAK;YACtC,OAAO,KAAK,IAAI,KAAK,CAAC,iBAAiB,IAAI,SAAS,IAAI,KAAK,CAAC,cAAc,CAAC;QAC/E,CAAC,CAAC,CAAC;QACH,IAAI,YAAY,EAAE,CAAC;YACjB,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,WAAW,KAAK,WAAW,EAAE,CAAC;gBAC1D,SAAS,GAAG,IAAI,CAAC;gBACjB,mBAAmB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG;oBACT,OAAO,SAAA;oBACP,eAAe,EAAE,mBAAmB;iBACrC,CAAC,CAAC;YACL,CAAC;YACD,WAAW,GAAG,QAAQ,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,IAAI,WAAW,KAAK,QAAQ,EAAE,CAAC;gBAC/D,iBAAiB,GAAG,IAAI,CAAC;gBACzB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG;oBACZ,OAAO,SAAA;oBACP,eAAe,EAAE,mBAAmB;oBACpC,kBAAkB,EAAE,IAAI,CAAC,GAAG,EAAE;iBAC/B,CAAC,CAAC;YACL,CAAC;YACD,WAAW,GAAG,WAAW,CAAC;YAC1B,mBAAmB,GAAG,CAAC,CAAC;QAC1B,CAAC;QACD,IAAI,CAAC,MAAM,IAAI,iBAAiB,IAAI,WAAW,IAAI,GAAG,EAAE,CAAC;YACvD,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EACD;QACE,UAAU,EAAE,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO;QAClE,SAAS,WAAA;KACV,CACF,CAAC;IAEF,mDAAmD;IACnD,IAAI,GAAG,EAAE,CAAC;QACR,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC;IAED,OAAO;QACL,IAAI,GAAG,EAAE,CAAC;YACR,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,OAAO,WA2DlB"}

package/dist/click-away-listener/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ClickAwayListenerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    onClickAway: (event: MouseEvent | TouchEvent) => void;
+    children?: React.ReactNode;
+    trigger?: 'click' | 'touchstart';
+}
+export declare const checkInBox: (element: HTMLElement, box: HTMLElement, limitParent?: HTMLElement) => boolean;
+/**
+ * 它处点击器，通过冒泡实现
+ * @param props.onClickAway - 点击其他地方时的回调
+ */
+export declare const ClickAwayListener: React.ForwardRefExoticComponent<Pick<ClickAwayListenerProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "title" | "slot" | "hidden" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onClickAway" | "trigger"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/click-away-listener/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/click-away-listener/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IACrF,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,GACrB,SAAS,WAAW,EACpB,KAAK,WAAW,EAChB,cAAa,WAA2B,KACvC,OAWF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,unJAuC7B,CAAC"}

package/dist/click-away-listener/index.js

@@ -0,0 +1,108 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClickAwayListener = exports.checkInBox = void 0;
+var react_1 = __importStar(require("react"));
+var checkInBox = function (element, box, limitParent) {
+    if (limitParent === void 0) { limitParent = document.body; }
+    if (element === box) {
+        return true;
+    }
+    if (element === limitParent) {
+        return false;
+    }
+    if (element.parentElement) {
+        return (0, exports.checkInBox)(element.parentElement, box, limitParent);
+    }
+    return false;
+};
+exports.checkInBox = checkInBox;
+/**
+ * 它处点击器，通过冒泡实现
+ * @param props.onClickAway - 点击其他地方时的回调
+ */
+exports.ClickAwayListener = (0, react_1.forwardRef)(function (_a, ref) {
+    var onClickAway = _a.onClickAway, children = _a.children, _b = _a.trigger, trigger = _b === void 0 ? 'click' : _b, divProps = __rest(_a, ["onClickAway", "children", "trigger"]);
+    var boxRef = (0, react_1.useRef)(null);
+    var onClickAwayRef = (0, react_1.useRef)(onClickAway);
+    onClickAwayRef.current = onClickAway;
+    (0, react_1.useEffect)(function () {
+        var listenedParent = document.documentElement;
+        var listener = function (event) {
+            var target = event.target;
+            if (boxRef.current && target && !(0, exports.checkInBox)(target, boxRef.current, listenedParent)) {
+                onClickAwayRef.current(event);
+            }
+        };
+        listenedParent.addEventListener(trigger, listener, false);
+        return function () {
+            listenedParent.removeEventListener(trigger, listener);
+        };
+    }, [trigger]);
+    return (react_1.default.createElement("div", __assign({}, divProps, { ref: function (divElement) {
+            boxRef.current = divElement;
+            if (ref) {
+                if (typeof ref === 'function') {
+                    ref(divElement);
+                }
+                else {
+                    ref.current = divElement;
+                }
+            }
+        } }), children));
+});
+//# sourceMappingURL=index.js.map

package/dist/click-away-listener/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/click-away-listener/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6D;AAUtD,IAAM,UAAU,GAAG,UACxB,OAAoB,EACpB,GAAgB,EAChB,WAAwC;IAAxC,4BAAA,EAAA,cAA2B,QAAQ,CAAC,IAAI;IAExC,IAAI,OAAO,KAAK,GAAG,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,OAAO,KAAK,WAAW,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;QAC1B,OAAO,IAAA,kBAAU,EAAC,OAAO,CAAC,aAAa,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC;IAC7D,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB;AAEF;;;GAGG;AACU,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EACzC,UAAC,EAAyD,EAAE,GAAG;IAA5D,IAAA,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EAAK,QAAQ,cAAvD,sCAAyD,CAAF;IACtD,IAAM,MAAM,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACnD,IAAM,cAAc,GAAG,IAAA,cAAM,EAAC,WAAW,CAAC,CAAC;IAC3C,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;IAErC,IAAA,iBAAS,EAAC;QACR,IAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC;QAChD,IAAM,QAAQ,GAAG,UAAC,KAA8B;YAC9C,IAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;YAC3C,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,IAAI,CAAC,IAAA,kBAAU,EAAC,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC;gBACpF,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC;QACH,CAAC,CAAC;QAEF,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC1D,OAAO;YACL,cAAc,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,kDACM,QAAQ,IACZ,GAAG,EAAE,UAAC,UAAU;YACd,MAAM,CAAC,OAAO,GAAG,UAAU,CAAC;YAC5B,IAAI,GAAG,EAAE,CAAC;gBACR,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;oBAC9B,GAAG,CAAC,UAAU,CAAC,CAAC;gBAClB,CAAC;qBAAM,CAAC;oBACL,GAAW,CAAC,OAAO,GAAG,UAAU,CAAC;gBACpC,CAAC;YACH,CAAC;QACH,CAAC,KAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,6 @@
 export * as Loading from './loading';
 export * as CreateRenderToBody from './create-render-to-body';
+export * as Lazy from './lazy';
+export * as SyncSizeSpace from './sync-size-space';
+export * as PullDownAble from './pull-down-able';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,kBAAkB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,kBAAkB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,YAAY,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -33,7 +33,10 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreateRenderToBody = exports.Loading = void 0;
+exports.PullDownAble = exports.SyncSizeSpace = exports.Lazy = exports.CreateRenderToBody = exports.Loading = void 0;
 exports.Loading = __importStar(require("./loading"));
 exports.CreateRenderToBody = __importStar(require("./create-render-to-body"));
+exports.Lazy = __importStar(require("./lazy"));
+exports.SyncSizeSpace = __importStar(require("./sync-size-space"));
+exports.PullDownAble = __importStar(require("./pull-down-able"));
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAqC;AACrC,8EAA8D"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAqC;AACrC,8EAA8D;AAC9D,+CAA+B;AAC/B,mEAAmD;AACnD,iEAAiD"}

package/dist/lazy/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface LazyProps {
+    placeholder?: React.ReactNode;
+    children?: React.ReactNode;
+    advance?: number;
+}
+export declare const Lazy: ({ placeholder, children, advance }: LazyProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lazy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lazy/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAEN,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,IAAI,GAEb,oCAIG,SAAS,gBAwBf,CAAC"}