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

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

@@ -17,5 +17,5 @@ export declare const useAppearInViewport: <BE extends HTMLElement = HTMLElement>
  *
  * @see AppearInViewportComponentProps
  */
-export declare const AppearInViewport: React.ForwardRefExoticComponent<Pick<AppearInViewportComponentProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | keyof ObserveParams> & React.RefAttributes<HTMLDivElement>>;
+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/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"}

package/dist/lazy/index.js

@@ -0,0 +1,51 @@
+"use strict";
+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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Lazy = void 0;
+var react_1 = __importStar(require("react"));
+var appear_in_viewport_1 = require("../appear-in-viewport");
+exports.Lazy = (function (_a) {
+    var placeholder = _a.placeholder, children = _a.children, _b = _a.advance, advance = _b === void 0 ? 100 : _b;
+    var _c = (0, react_1.useState)(false), visible = _c[0], setVisible = _c[1];
+    if (visible) {
+        return (
+        // eslint-disable-next-line react/jsx-no-useless-fragment
+        react_1.default.createElement(react_1.default.Fragment, null, children));
+    }
+    return (react_1.default.createElement(appear_in_viewport_1.AppearInViewport, { advance: advance, onAppear: function () {
+            setVisible(true);
+        } }, placeholder));
+});
+//# sourceMappingURL=index.js.map

package/dist/lazy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lazy/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAEe;AAEf,4DAE+B;AAQlB,QAAA,IAAI,GAAG,CAClB,UACE,EAIY;QAHV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,eAAa,EAAb,OAAO,mBAAG,GAAG,KAAA;IAGT,IAAA,KAGF,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAFjB,OAAO,QAAA,EACP,UAAU,QACO,CAAC;IAEpB,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO;QACL,yDAAyD;QACzD,8DAAG,QAAQ,CAAI,CAChB,CAAC;IACJ,CAAC;IACD,OAAO,CACL,8BAAC,qCAAgB,IACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE;YACR,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,IAEA,WAAW,CACK,CACpB,CAAA;AACH,CAAC,CACF,CAAC"}

package/dist/loading/index.d.ts

@@ -1,9 +1,21 @@
 import React from 'react';
-export declare const Loading: ({ className, rotatingIcon, logoIcon }: {
+import { Svg as LoadingIcon } from './loading_modal_circle.svg';
+import { Svg as LoadingLogoIcon } from './loading_modal_logo_symbol.svg';
+export interface LoadingProps {
     className?: string;
     rotatingIcon?: React.ReactNode;
     logoIcon?: React.ReactNode;
-}) => JSX.Element;
+}
+export { LoadingIcon, LoadingLogoIcon };
+export declare const loadingCls: {
+    loadingMask: string;
+    loadingBox: string;
+    centerLoading: string;
+    loading: string;
+    icon: string;
+    iconAnimation: string;
+};
+export declare const Loading: ({ className, rotatingIcon, logoIcon }: LoadingProps) => JSX.Element;
 export interface CenterLoadingProps {
     /**
      * 蒙层样式
@@ -35,5 +47,4 @@ export declare const LoadingContext: React.Context<LoadingContextValue>;
 export declare function LoadingProvider({ children, }: {
     children: React.ReactNode;
 }): JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAGN,MAAM,OAAO,CAAC;AAmBf,eAAO,MAAM,OAAO,GAAI,uCAQrB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,gBAaA,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAE,EAC7B,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACpB,EAAE,kBAAkB,eAuBpB;AAoBD,eAAO,MAAM,WAAW,+DAEX,OAAO,YACP,kBAAkB,UAW1B,CAAC;AAEN,UAAU,mBAAmB;IAC3B,WAAW,EAAE,CACX,OAAO,CAAC,EAAE,OAAO,EACjB,OAAO,CAAC,EAAE,kBAAkB,KACzB,IAAI,CAAC;CACX;AAMD,eAAO,MAAM,cAAc,oCAAuE,CAAC;AAGnG,wBAAgB,eAAe,CAAE,EAC/B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,eAuBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAGN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,GAAG,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,GAAG,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAQzE,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,OAAO,EACL,WAAW,EACX,eAAe,EAChB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;CAAM,CAAC;AAE9B,eAAO,MAAM,OAAO,GAAI,uCAQrB,YAAY,gBAad,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAE,EAC7B,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACpB,EAAE,kBAAkB,eAuBpB;AAoBD,eAAO,MAAM,WAAW,+DAEX,OAAO,YACP,kBAAkB,UAW1B,CAAC;AAEN,UAAU,mBAAmB;IAC3B,WAAW,EAAE,CACX,OAAO,CAAC,EAAE,OAAO,EACjB,OAAO,CAAC,EAAE,kBAAkB,KACzB,IAAI,CAAC;CACX;AAMD,eAAO,MAAM,cAAc,oCAAuE,CAAC;AAGnG,wBAAgB,eAAe,CAAE,EAC/B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,eAuBA"}

package/dist/loading/index.js

@@ -36,16 +36,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingContext = exports.showLoading = exports.Loading = void 0;
+exports.LoadingContext = exports.showLoading = exports.Loading = exports.loadingCls = exports.LoadingLogoIcon = exports.LoadingIcon = void 0;
 exports.CenterLoading = CenterLoading;
 exports.LoadingProvider = LoadingProvider;
 var react_1 = __importStar(require("react"));
 var merge_classnames_1 = require("@lofter-common-shared/utils/merge-classnames");
 var throttle_1 = require("@lofter-common-shared/utils/throttle");
 var loading_modal_circle_svg_1 = require("./loading_modal_circle.svg");
+Object.defineProperty(exports, "LoadingIcon", { enumerable: true, get: function () { return loading_modal_circle_svg_1.Svg; } });
 var loading_modal_logo_symbol_svg_1 = require("./loading_modal_logo_symbol.svg");
+Object.defineProperty(exports, "LoadingLogoIcon", { enumerable: true, get: function () { return loading_modal_logo_symbol_svg_1.Svg; } });
 var create_render_to_body_1 = require("../create-render-to-body");
 var index_style_1 = __importDefault(require("./index.style"));
+exports.loadingCls = index_style_1.default;
 var Loading = function (_a) {
     var className = _a.className, _b = _a.rotatingIcon, rotatingIcon = _b === void 0 ? (react_1.default.createElement(loading_modal_circle_svg_1.Svg, { className: index_style_1.default.iconAnimation })) : _b, _c = _a.logoIcon, logoIcon = _c === void 0 ? (react_1.default.createElement(loading_modal_logo_symbol_svg_1.Svg, { className: index_style_1.default.icon })) : _c;
     return (react_1.default.createElement("div", { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.loading, className) },

package/dist/loading/index.js.map

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

package/dist/pull-down-able/container.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface PullDownAbleContextProps {
+    getContainerDom: () => null | HTMLElement;
+}
+export declare const PullDownAbleContext: React.Context<PullDownAbleContextProps>;
+export declare const usePullDownAbleContext: () => PullDownAbleContextProps;
+export declare const PullDownAbleContainerProvider: ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+//# sourceMappingURL=container.d.ts.map

package/dist/pull-down-able/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/pull-down-able/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,MAAM,IAAI,GAAG,WAAW,CAAC;CAC3C;AAED,eAAO,MAAM,mBAAmB,yCAE9B,CAAC;AAEH,eAAO,MAAM,sBAAsB,gCAElC,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,wBAAwB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,gBAmBzG,CAAC"}

package/dist/pull-down-able/container.js

@@ -0,0 +1,79 @@
+"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.PullDownAbleContainerProvider = exports.usePullDownAbleContext = exports.PullDownAbleContext = void 0;
+var react_1 = __importStar(require("react"));
+exports.PullDownAbleContext = (0, react_1.createContext)({
+    getContainerDom: function () { return document.documentElement; },
+});
+var usePullDownAbleContext = function () {
+    return (0, react_1.useContext)(exports.PullDownAbleContext);
+};
+exports.usePullDownAbleContext = usePullDownAbleContext;
+var PullDownAbleContainerProvider = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var containerRef = (0, react_1.useRef)(null);
+    var value = (0, react_1.useMemo)(function () {
+        return {
+            getContainerDom: function () { return containerRef.current; },
+        };
+    }, []);
+    return (react_1.default.createElement(exports.PullDownAbleContext.Provider, { value: value },
+        react_1.default.createElement("div", __assign({ ref: containerRef }, props), children)));
+};
+exports.PullDownAbleContainerProvider = PullDownAbleContainerProvider;
+//# sourceMappingURL=container.js.map

package/dist/pull-down-able/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/pull-down-able/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0E;AAM7D,QAAA,mBAAmB,GAAG,IAAA,qBAAa,EAA2B;IACzE,eAAe,EAAE,cAAM,OAAA,QAAQ,CAAC,eAAe,EAAxB,CAAwB;CAChD,CAAC,CAAC;AAEI,IAAM,sBAAsB,GAAG;IACpC,OAAO,IAAA,kBAAU,EAAC,2BAAmB,CAAC,CAAC;AACzC,CAAC,CAAC;AAFW,QAAA,sBAAsB,0BAEjC;AAEK,IAAM,6BAA6B,GAAG,UAAC,EAA4D;IAA1D,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAChE,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,IAAM,KAAK,GAAG,IAAA,eAAO,EAA2B;QAC9C,OAAO;YACL,eAAe,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,EAApB,CAAoB;SAC5C,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,2BAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACxC,gDACE,GAAG,EAAE,YAAY,IACb,KAAK,GAER,QAAQ,CACL,CACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,6BAA6B,iCAmBxC"}

package/dist/pull-down-able/index.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { LoadingProps } from '../loading';
+import { PullDownAbleContextProps } from './container';
+export type LoadingComponentProps = {
+    /**
+     * 0-1的进度
+     */
+    progress: number;
+    updateLoadingHeight: (newHeight: number) => void;
+};
+export type LoadingComponent<CS = any, P extends LoadingComponentProps = CS & LoadingComponentProps> = (props: P) => React.ReactElement;
+export interface EnableEvent {
+    originalEvent: TouchEvent;
+    target: EventTarget | null;
+    currentTarget: HTMLElement;
+}
+export type GestureDivProps = Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onTouchMove' | 'onTouchStart' | 'onMouseDown'>;
+export type PullDownAbleProps = {
+    children?: React.ReactNode;
+    boxProps?: GestureDivProps;
+    LoadingComponent?: LoadingComponent;
+    allowPullDown?: (event: EnableEvent, pullDownAbleContext: PullDownAbleContextProps) => boolean;
+    onPullDown?: () => void | Promise<void>;
+};
+export interface PullDownAbleRef {
+}
+export declare const DefaultLoadingComponent: LoadingComponent<{
+    loadingProps?: LoadingProps;
+}>;
+export type PullDownState = 'prepare' | 'pullDowning' | 'finish';
+export declare function calculateVisualDistance(d: number, maxD: number): number;
+export declare const defaultAllowPullDown: (event: EnableEvent) => boolean;
+export declare const PullDownAble: React.ForwardRefExoticComponent<PullDownAbleProps & React.RefAttributes<PullDownAbleRef>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/pull-down-able/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pull-down-able/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAKlH,OAAO,EAAW,YAAY,EAA2B,MAAM,YAAY,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAA0B,MAAM,aAAa,CAAC;AAE/E,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,SAAS,qBAAqB,GAAG,EAAE,GAAG,qBAAqB,IAAI,CACrG,KAAK,EAAE,CAAC,KACL,KAAK,CAAC,YAAY,CAAC;AAExB,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE,UAAU,CAAC;IAC1B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,WAAW,CAAC;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,EAC7E,aAAa,GAAG,cAAc,GAAG,aAAa,CAC/C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,wBAAwB,KAAK,OAAO,CAAC;IAC/F,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,WAAW,eAAe;CAAG;AA8BnC,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CA0CA,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;AAEjE,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAO9D;AAID,eAAO,MAAM,oBAAoB,GAAI,OAAO,WAAW,YAEtD,CAAC;AAEF,eAAO,MAAM,YAAY,2FAgKxB,CAAC"}

package/dist/pull-down-able/index.js

@@ -0,0 +1,304 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PullDownAble = exports.defaultAllowPullDown = exports.DefaultLoadingComponent = void 0;
+exports.calculateVisualDistance = calculateVisualDistance;
+var react_1 = __importStar(require("react"));
+var gesture_1 = require("@lofter-common-shared/gesture");
+var sleep_1 = require("@lofter-common-shared/utils/sleep");
+var loading_1 = require("../loading");
+var container_1 = require("./container");
+var defaultStylesMap = new Map([
+    [
+        'prepare',
+        {
+            body: {
+                transform: 'translateY(0) translateZ(0)',
+                transition: 'transform 0.8s cubic-bezier(0.1,0.94,0,1)',
+            },
+        },
+    ],
+    [
+        'finish',
+        {
+            body: {
+                transition: 'transform 0.8s cubic-bezier(0.1,0.94,0,1)',
+            },
+        },
+    ],
+    [
+        'pullDowning',
+        {
+            body: {
+                transition: 'none',
+            },
+        },
+    ],
+]);
+var DefaultLoadingComponent = function (_a) {
+    var progress = _a.progress, updateLoadingHeight = _a.updateLoadingHeight, loadingProps = _a.loadingProps;
+    var boxRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        if (boxRef.current) {
+            updateLoadingHeight(boxRef.current.scrollHeight);
+        }
+    }, [updateLoadingHeight]);
+    return (react_1.default.createElement("div", { style: {
+            position: 'relative',
+            height: 0,
+            pointerEvents: 'none',
+        } },
+        react_1.default.createElement("div", { style: {
+                position: 'absolute',
+                left: '50%',
+                bottom: 0,
+                transform: 'translateX(-50%) translateY(0) translateZ(0)',
+                padding: '12px',
+                opacity: progress > 0 ? 1 : 0,
+            }, ref: boxRef },
+            react_1.default.createElement(loading_1.Loading, __assign({ rotatingIcon: (react_1.default.createElement(loading_1.LoadingIcon, { className: loading_1.loadingCls.iconAnimation, style: {
+                        animationPlayState: progress === 1 ? 'playing' : 'paused'
+                    } })) }, loadingProps)))));
+};
+exports.DefaultLoadingComponent = DefaultLoadingComponent;
+function calculateVisualDistance(d, maxD) {
+    /**
+     * 0 - 1.5倍max间
+     */
+    var max = 1.5 * maxD;
+    d = Math.max(0, Math.min(d, max));
+    return d * (1.5 - 0.5 * (d / max));
+}
+var MIN_FINISH_TIME = 800;
+var defaultAllowPullDown = function (event) {
+    return !event.originalEvent.defaultPrevented;
+};
+exports.defaultAllowPullDown = defaultAllowPullDown;
+exports.PullDownAble = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, boxProps = _a.boxProps, _b = _a.LoadingComponent, LoadingComponent = _b === void 0 ? exports.DefaultLoadingComponent : _b, _c = _a.allowPullDown, allowPullDown = _c === void 0 ? exports.defaultAllowPullDown : _c, onPullDown = _a.onPullDown;
+    var boxRef = (0, react_1.useRef)(null);
+    var maxPullDownDiffRef = (0, react_1.useRef)(Infinity);
+    var pullDownAbleContext = (0, container_1.usePullDownAbleContext)();
+    var pullDownStateRef = (0, react_1.useRef)('prepare');
+    var nextMovingStateRef = (0, react_1.useRef)(false);
+    var enabledRef = (0, react_1.useRef)(false);
+    var _d = (0, react_1.useState)(0), progress = _d[0], setProgress = _d[1];
+    var onPullDownRef = (0, react_1.useRef)(onPullDown);
+    onPullDownRef.current = onPullDown;
+    var allowPullDownRef = (0, react_1.useRef)(allowPullDown);
+    allowPullDownRef.current = allowPullDown;
+    var pullDownAbleContextRef = (0, react_1.useRef)(pullDownAbleContext);
+    pullDownAbleContextRef.current = pullDownAbleContext;
+    var changePullDownState = (0, react_1.useCallback)(function (nextPullDownState) { return __awaiter(void 0, void 0, void 0, function () {
+        var body, styles, _a, _b, _c, e_1, styles;
+        var _d, _e, _f, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
+                case 0:
+                    body = boxRef.current;
+                    if (!(nextPullDownState === 'finish')) return [3 /*break*/, 7];
+                    pullDownStateRef.current = 'finish';
+                    styles = defaultStylesMap.get('finish');
+                    if (body && ((_d = styles === null || styles === void 0 ? void 0 : styles.body) === null || _d === void 0 ? void 0 : _d.transition)) {
+                        body.style.transition = styles.body.transition;
+                    }
+                    setProgress(1);
+                    return [4 /*yield*/, (0, sleep_1.sleep)(0)];
+                case 1:
+                    _h.sent();
+                    if (body && maxPullDownDiffRef.current !== Infinity) {
+                        body.style.transform = "translateY(".concat(maxPullDownDiffRef.current + 'px', ") translateZ(0)");
+                    }
+                    _h.label = 2;
+                case 2:
+                    _h.trys.push([2, 5, , 6]);
+                    _b = (_a = Promise).all;
+                    _c = [(0, sleep_1.sleep)(MIN_FINISH_TIME)];
+                    return [4 /*yield*/, ((_e = onPullDownRef.current) === null || _e === void 0 ? void 0 : _e.call(onPullDownRef))];
+                case 3: return [4 /*yield*/, _b.apply(_a, [_c.concat([_h.sent()])])];
+                case 4:
+                    _h.sent();
+                    return [3 /*break*/, 6];
+                case 5:
+                    e_1 = _h.sent();
+                    return [3 /*break*/, 6];
+                case 6:
+                    changePullDownState('prepare');
+                    _h.label = 7;
+                case 7:
+                    if (!(nextPullDownState === 'prepare')) return [3 /*break*/, 9];
+                    pullDownStateRef.current = 'prepare';
+                    styles = defaultStylesMap.get('prepare');
+                    if (body && ((_f = styles === null || styles === void 0 ? void 0 : styles.body) === null || _f === void 0 ? void 0 : _f.transition)) {
+                        body.style.transition = styles.body.transition;
+                    }
+                    setProgress(0);
+                    return [4 /*yield*/, (0, sleep_1.sleep)(0)];
+                case 8:
+                    _h.sent();
+                    if (body && ((_g = styles === null || styles === void 0 ? void 0 : styles.body) === null || _g === void 0 ? void 0 : _g.transform)) {
+                        body.style.transform = styles.body.transform;
+                    }
+                    _h.label = 9;
+                case 9: return [2 /*return*/];
+            }
+        });
+    }); }, []);
+    var refValue = (0, react_1.useMemo)(function () {
+        return {
+            pullDown: function () { },
+        };
+    }, []);
+    (0, react_1.useImperativeHandle)(ref, function () {
+        return refValue;
+    }, [refValue]);
+    (0, react_1.useEffect)(function () {
+        var element = boxRef.current;
+        if (!element) {
+            return;
+        }
+        var dispose = (0, gesture_1.handleGesture)(element, {
+            onTouchStart: function (event) {
+                var _a, _b;
+                if (pullDownStateRef.current !== 'prepare') {
+                    enabledRef.current = false;
+                    return;
+                }
+                var allowed = (_a = allowPullDownRef.current) === null || _a === void 0 ? void 0 : _a.call(allowPullDownRef, {
+                    originalEvent: event,
+                    target: event.target,
+                    currentTarget: element,
+                }, pullDownAbleContextRef.current);
+                if (allowed === false) {
+                    enabledRef.current = false;
+                    return;
+                }
+                enabledRef.current = ((_b = pullDownAbleContextRef.current.getContainerDom()) === null || _b === void 0 ? void 0 : _b.scrollTop) === 0;
+            },
+            onMove: function (moveDiff) {
+                if (!enabledRef.current) {
+                    return;
+                }
+                nextMovingStateRef.current = true;
+                var body = boxRef.current;
+                var y = -moveDiff.y;
+                var diff = calculateVisualDistance(y, maxPullDownDiffRef.current);
+                setProgress(Math.max(0, Math.min(1, diff / maxPullDownDiffRef.current)));
+                if (body) {
+                    body.style.transform = "translateY(".concat(Math.max(0, diff), "px) translateZ(0)");
+                    body.style.transition = 'none';
+                }
+                pullDownStateRef.current = 'pullDowning';
+            },
+            onSwipe: function () {
+                console.log('onSwipe');
+                nextMovingStateRef.current = false;
+            },
+            onMoveEnd: function (moveDiff) {
+                if (pullDownStateRef.current !== 'pullDowning') {
+                    return;
+                }
+                if (!nextMovingStateRef.current) {
+                    changePullDownState('prepare');
+                    return;
+                }
+                nextMovingStateRef.current = false;
+                var y = -moveDiff.y;
+                var diff = calculateVisualDistance(y, maxPullDownDiffRef.current);
+                console.log('onMoveEnd', diff, y, maxPullDownDiffRef.current);
+                if (diff >= maxPullDownDiffRef.current && moveDiff.direction === 'bottom') {
+                    changePullDownState('finish');
+                }
+                else {
+                    changePullDownState('prepare');
+                }
+            },
+        });
+        return dispose;
+    }, [changePullDownState]);
+    return (react_1.default.createElement("div", __assign({}, boxProps, { ref: boxRef }),
+        react_1.default.createElement(LoadingComponent, { progress: progress, updateLoadingHeight: function (newHeight) {
+                maxPullDownDiffRef.current = newHeight;
+            } }),
+        children));
+});
+//# sourceMappingURL=index.js.map

package/dist/pull-down-able/index.js.map

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

package/dist/sync-size-space/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface SyncSizeSpaceRef {
+    updateTargetElement: (targetElement: HTMLElement | null) => void;
+    getTargetElement: () => HTMLElement | null;
+    resizeSize: () => void;
+}
+export interface SyncSizeSpaceProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+export declare const SyncSizeSpace: React.ForwardRefExoticComponent<SyncSizeSpaceProps & React.RefAttributes<SyncSizeSpaceRef>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/sync-size-space/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sync-size-space/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAI5F,MAAM,WAAW,gBAAgB;IAC/B,mBAAmB,EAAE,CAAC,aAAa,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,gBAAgB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC3C,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,6FA4EzB,CAAC"}

package/dist/sync-size-space/index.js

@@ -0,0 +1,102 @@
+"use strict";
+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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SyncSizeSpace = void 0;
+var react_1 = __importStar(require("react"));
+var throttle_1 = require("@lofter-common-shared/utils/throttle");
+exports.SyncSizeSpace = (0, react_1.forwardRef)(function (_a, syncSizeSpaceRef) {
+    var className = _a.className, width = _a.width, height = _a.height;
+    var removedRef = (0, react_1.useRef)(false);
+    var resizeObserverRef = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)({
+        width: 0,
+        height: 0,
+    }), size = _b[0], setSize = _b[1];
+    (0, react_1.useImperativeHandle)(syncSizeSpaceRef, function () {
+        var targetElement = null;
+        var resizeSize = function () {
+            if (targetElement) {
+                var boxRect = targetElement.getBoundingClientRect();
+                setSize({
+                    width: Math.round(boxRect.width),
+                    height: Math.round(boxRect.height),
+                });
+            }
+            else {
+                setSize({
+                    width: 0,
+                    height: 0,
+                });
+            }
+        };
+        return {
+            updateTargetElement: function (newTargetElement) {
+                var _a;
+                targetElement = newTargetElement;
+                (_a = resizeObserverRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+                resizeObserverRef.current = null;
+                var ro;
+                if (targetElement) {
+                    ro = new ResizeObserver((0, throttle_1.throttle)(function (entries) {
+                        if (!removedRef.current
+                            && entries.some(function (resizeObserverEntry) { return resizeObserverEntry.target === targetElement; })) {
+                            resizeSize();
+                        }
+                    }).run);
+                    ro.observe(targetElement);
+                    resizeObserverRef.current = ro;
+                    resizeSize();
+                }
+            },
+            getTargetElement: function () {
+                return targetElement;
+            },
+            resizeSize: resizeSize,
+        };
+    }, []);
+    (0, react_1.useEffect)(function () {
+        return function () {
+            var _a;
+            removedRef.current = true;
+            (_a = resizeObserverRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+            resizeObserverRef.current = null;
+        };
+    }, []);
+    return (react_1.default.createElement("div", { className: className, style: {
+            width: width || size.width,
+            height: height || size.height,
+        } }));
+});
+//# sourceMappingURL=index.js.map

package/dist/sync-size-space/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/sync-size-space/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4F;AAE5F,iEAAgE;AAcnD,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,UAAC,EAA4B,EAAE,gBAAgB;QAA5C,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IACzB,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IACjC,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACxD,IAAA,KAAkB,IAAA,gBAAQ,EAAC;QAC/B,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,EAHK,IAAI,QAAA,EAAE,OAAO,QAGlB,CAAC;IAEH,IAAA,2BAAmB,EAAC,gBAAgB,EAAE;QACpC,IAAI,aAAa,GAAuB,IAAI,CAAC;QAC7C,IAAM,UAAU,GAAG;YACjB,IAAI,aAAa,EAAE,CAAC;gBAClB,IAAM,OAAO,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;gBAEtD,OAAO,CAAC;oBACN,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;oBAChC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;iBACnC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC;oBACN,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;iBACV,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,OAAO;YACL,mBAAmB,YAAC,gBAAgB;;gBAClC,aAAa,GAAG,gBAAgB,CAAC;gBAEjC,MAAA,iBAAiB,CAAC,OAAO,0CAAE,UAAU,EAAE,CAAC;gBACxC,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;gBAEjC,IAAI,EAAkB,CAAC;gBACvB,IAAI,aAAa,EAAE,CAAC;oBAClB,EAAE,GAAG,IAAI,cAAc,CACrB,IAAA,mBAAQ,EAAyB,UAAC,OAAO;wBACvC,IACE,CAAC,UAAU,CAAC,OAAO;+BAChB,OAAO,CAAC,IAAI,CAAC,UAAC,mBAAmB,IAAK,OAAA,mBAAmB,CAAC,MAAM,KAAK,aAAa,EAA5C,CAA4C,CAAC,EACtF,CAAC;4BACD,UAAU,EAAE,CAAC;wBACf,CAAC;oBACH,CAAC,CAAC,CAAC,GAAG,CACP,CAAC;oBACF,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;oBAC1B,iBAAiB,CAAC,OAAO,GAAG,EAAE,CAAC;oBAC/B,UAAU,EAAE,CAAC;gBACf,CAAC;YACH,CAAC;YACD,gBAAgB;gBACd,OAAO,aAAa,CAAC;YACvB,CAAC;YACD,UAAU,YAAA;SACX,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;QACR,OAAO;;YACL,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,MAAA,iBAAiB,CAAC,OAAO,0CAAE,UAAU,EAAE,CAAC;YACxC,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uCACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK;YAC1B,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM;SAC9B,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lofter-common-shared/react-components",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "",
   "files": [
     "dist",
@@ -13,7 +13,11 @@
     "./waterfall": "./dist/waterfall/index.js",
     "./animation-size-view": "./dist/animation-size-view/index.js",
     "./appear-in-viewport": "./dist/appear-in-viewport/index.js",
-    "./click-away-listener": "./dist/click-away-listener/index.js"
+    "./click-away-listener": "./dist/click-away-listener/index.js",
+    "./lazy": "./dist/lazy/index.js",
+    "./sync-size-space": "./dist/sync-size-space/index.js",
+    "./pull-down-able": "./dist/pull-down-able/index.js",
+    "./pull-down-able/container": "./dist/pull-down-able/container.js"
   },
   "publishConfig": {
     "access": "public",
@@ -28,6 +32,7 @@
   "dependencies": {
     "@lofter-common-shared/utils": "0.1.7",
     "@lofter-common-shared/css-in-js": "0.1.3",
+    "@lofter-common-shared/gesture": "0.1.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0"
   },