@lofter-common-shared/react-components 0.1.1

package/dist/create-render-to-body/index.d.ts

@@ -0,0 +1,84 @@
+import React from 'react';
+interface ComponentRender<T> {
+    (props: T, options: {
+        destroy: () => void;
+    }): React.ReactElement;
+}
+export declare function createRenderToBody<T>(componentRender: ComponentRender<T>): (initializeProps: T, params?: {
+    parentContainer?: HTMLElement;
+    onDestroy?: () => void;
+}) => {
+    destroy: () => void;
+    updateProps: (newProps: T) => void;
+};
+export declare function createRenderToClassComponent<T>(componentRender: ComponentRender<T>): {
+    new (props: Readonly<T>): {
+        container: HTMLElement | null;
+        appendComponentResult: null | ReturnType<(initializeProps: T, params?: {
+            parentContainer?: HTMLElement;
+            onDestroy?: (() => void) | undefined;
+        }) => {
+            destroy: () => void;
+            updateProps: (newProps: T) => void;
+        }>;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<T> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<T>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<T>, prevState: Readonly<{}>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<T>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<T>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<T>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<T>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: T, context?: any): {
+        container: HTMLElement | null;
+        appendComponentResult: null | ReturnType<(initializeProps: T, params?: {
+            parentContainer?: HTMLElement;
+            onDestroy?: (() => void) | undefined;
+        }) => {
+            destroy: () => void;
+            updateProps: (newProps: T) => void;
+        }>;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<T> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<T>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<T>, prevState: Readonly<{}>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<T>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<T>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<T>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<T>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/create-render-to-body/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/create-render-to-body/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AAOf,UAAU,eAAe,CAAC,CAAC;IACzB,CACE,KAAK,EAAE,CAAC,EACR,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,GACA,KAAK,CAAC,YAAY,CAAC;CACvB;AA4CD,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,IAGjC,iBAAiB,CAAC,EAClB,SAAQ;IACN,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;;4BAyBM,CAAC;EA4BhB;AAED,wBAAgB,4BAA4B,CAAC,CAAC,EAC5C,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;;mBAKtB,WAAW,GAAG,IAAI;+BAEN,IAAI,GAAG,UAAU;8BAjEpB,WAAW;+BACX,IAAI;;;;UAgEwC;;;;;;;;;;;;;;;;;;;;;;;;;;mBAFrD,WAAW,GAAG,IAAI;+BAEN,IAAI,GAAG,UAAU;8BAjEpB,WAAW;+BACX,IAAI;;;;UAgEwC;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CnE"}

package/dist/create-render-to-body/index.js

@@ -0,0 +1,148 @@
+"use strict";
+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 __());
+    };
+})();
+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.createRenderToBody = createRenderToBody;
+exports.createRenderToClassComponent = createRenderToClassComponent;
+var react_1 = __importStar(require("react"));
+var react_dom_1 = require("react-dom");
+var ParentView = (0, react_1.forwardRef)(function (_a, ref) {
+    var componentRender = _a.componentRender, initializeProps = _a.initializeProps, componentRenderOptions = _a.componentRenderOptions;
+    var _b = (0, react_1.useState)(initializeProps), componentProps = _b[0], setComponentProps = _b[1];
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        updateProps: function (newProps) {
+            setComponentProps(newProps);
+        }
+    }); });
+    return (react_1.default.createElement(react_1.default.Fragment, null, componentRender(componentProps, componentRenderOptions)));
+});
+function createRenderToBody(componentRender) {
+    return function (initializeProps, params) {
+        if (params === void 0) { params = {}; }
+        var destroyed = false;
+        var container;
+        if (params.parentContainer) {
+            container = params.parentContainer;
+        }
+        else {
+            var parentContainer = document.body;
+            container = document.createElement('div');
+            parentContainer.appendChild(container);
+        }
+        var destroy = function () {
+            var _a;
+            if (destroyed)
+                return;
+            (0, react_dom_1.unmountComponentAtNode)(container);
+            if (container.parentNode) {
+                container.parentNode.removeChild(container);
+            }
+            destroyed = true;
+            (_a = params === null || params === void 0 ? void 0 : params.onDestroy) === null || _a === void 0 ? void 0 : _a.call(params);
+        };
+        var parentViewRef = null;
+        var updateProps = function (newProps) {
+            if (destroyed)
+                return;
+            if (parentViewRef) {
+                parentViewRef.updateProps(newProps);
+            }
+        };
+        (0, react_dom_1.render)((react_1.default.createElement(ParentView, { ref: function (ref) { parentViewRef = ref; }, componentRender: componentRender, initializeProps: initializeProps, componentRenderOptions: {
+                destroy: destroy
+            } })), container);
+        return {
+            destroy: destroy,
+            updateProps: updateProps
+        };
+    };
+}
+function createRenderToClassComponent(componentRender) {
+    var appendComponent = createRenderToBody(componentRender);
+    return /** @class */ (function (_super) {
+        __extends(ToFunctionComponent, _super);
+        function ToFunctionComponent() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.container = null;
+            _this.appendComponentResult = null;
+            return _this;
+        }
+        ToFunctionComponent.prototype.componentDidMount = function () {
+            if (this.container) {
+                this.appendComponentResult = appendComponent(this.props, {
+                    parentContainer: this.container
+                });
+            }
+        };
+        ToFunctionComponent.prototype.componentDidUpdate = function () {
+            if (this.appendComponentResult) {
+                this.appendComponentResult.updateProps(this.props);
+            }
+        };
+        ToFunctionComponent.prototype.componentWillUnmount = function () {
+            if (this.appendComponentResult) {
+                this.appendComponentResult.destroy();
+            }
+        };
+        ToFunctionComponent.prototype.render = function () {
+            var _this = this;
+            return (react_1.default.createElement("div", { "data-render-to-class-component": true, style: {
+                    width: '100%',
+                    height: '100%',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    flex: '1 1 auto'
+                }, ref: function (container) {
+                    _this.container = container;
+                } }));
+        };
+        return ToFunctionComponent;
+    }(react_1.default.Component));
+}
+//# sourceMappingURL=index.js.map

package/dist/create-render-to-body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/create-render-to-body/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,gDA6DC;AAED,oEAsDC;AAnLD,6CAIe;AACf,uCAGmB;AAiBnB,IAAM,UAAU,GAAG,IAAA,kBAAU,EAQ3B,UACE,EAIC,EACD,GAAG;QAJD,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,sBAAsB,4BAAA;IAIlB,IAAA,KAGF,IAAA,gBAAQ,EAAC,eAAe,CAAC,EAF3B,cAAc,QAAA,EACd,iBAAiB,QACU,CAAC;IAC9B,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC9B,WAAW,EAAE,UAAA,QAAQ;YACnB,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QAC7B,CAAC;KACF,CAAC,EAJ6B,CAI7B,CAAC,CAAC;IAEJ,OAAO,CACL,8DACG,eAAe,CACd,cAAc,EACd,sBAAsB,CACvB,CACA,CACJ,CAAA;AACH,CAAC,CACF,CAAC;AAEF,SAAgB,kBAAkB,CAChC,eAAmC;IAEnC,OAAO,UACL,eAAkB,EAClB,MAGM;QAHN,uBAAA,EAAA,WAGM;QAEN,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,SAAsB,CAAC;QAC3B,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;YAC3B,SAAS,GAAG,MAAM,CAAC,eAAe,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,IAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC;YACtC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC;QAED,IAAM,OAAO,GAAG;;YACd,IAAI,SAAS;gBAAE,OAAO;YACtB,IAAA,kCAAsB,EAAC,SAAS,CAAC,CAAC;YAClC,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;gBACzB,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAC9C,CAAC;YACD,SAAS,GAAG,IAAI,CAAC;YACjB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,sDAAI,CAAC;QACxB,CAAC,CAAA;QAED,IAAI,aAAa,GAAyB,IAAI,CAAC;QAE/C,IAAM,WAAW,GAAG,UAClB,QAAW;YAEX,IAAI,SAAS;gBAAE,OAAO;YACtB,IAAI,aAAa,EAAE,CAAC;gBAClB,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAA;QAGD,IAAA,kBAAM,EACJ,CACE,8BAAC,UAAU,IACT,GAAG,EAAE,UAAA,GAAG,IAAM,aAAa,GAAG,GAAG,CAAA,CAAC,CAAC,EACnC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE;gBACtB,OAAO,SAAA;aACR,GACD,CACH,EACD,SAAS,CACV,CAAA;QAED,OAAO;YACL,OAAO,SAAA;YACP,WAAW,aAAA;SACZ,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,SAAgB,4BAA4B,CAC1C,eAAmC;IAEnC,IAAM,eAAe,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAE5D;QAAyC,uCAAsB;QAAxD;;YACL,eAAS,GAAuB,IAAI,CAAC;YAErC,2BAAqB,GAA8C,IAAI,CAAC;;QA6C1E,CAAC;QA3CC,+CAAiB,GAAjB;YACE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,qBAAqB,GAAG,eAAe,CAC1C,IAAI,CAAC,KAAK,EACV;oBACE,eAAe,EAAE,IAAI,CAAC,SAAS;iBAChC,CACF,CAAA;YACH,CAAC;QACH,CAAC;QAED,gDAAkB,GAAlB;YACE,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC/B,IAAI,CAAC,qBAAqB,CAAC,WAAW,CACpC,IAAI,CAAC,KAAK,CACX,CAAA;YACH,CAAC;QACH,CAAC;QAED,kDAAoB,GAApB;YACE,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC/B,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAA;YACtC,CAAC;QACH,CAAC;QAGD,oCAAM,GAAN;YAAA,iBAgBC;YAfC,OAAO,CACL,+EAEE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,IAAI,EAAE,UAAU;iBACjB,EACD,GAAG,EAAE,UAAA,SAAS;oBACZ,KAAI,CAAC,SAAS,GAAG,SAAS,CAAC;gBAC7B,CAAC,GACD,CACH,CAAC;QACJ,CAAC;QACH,0BAAC;IAAD,CAAC,AAhDM,CAAkC,eAAK,CAAC,SAAS,GAgDvD;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * as Loading from './loading';
+export * as CreateRenderToBody from './create-render-to-body';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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"}

package/dist/index.js

@@ -0,0 +1,39 @@
+"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.CreateRenderToBody = exports.Loading = void 0;
+exports.Loading = __importStar(require("./loading"));
+exports.CreateRenderToBody = __importStar(require("./create-render-to-body"));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAqC;AACrC,8EAA8D"}

package/dist/loading/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export declare const Loading: ({ className }: {
+    className?: string;
+}) => JSX.Element;
+export declare function CenterLoading({ loadingMaskClassName, loadingBoxClassName, loadingClassName }: {
+    loadingMaskClassName?: string;
+    loadingBoxClassName?: string;
+    loadingClassName?: string;
+}): JSX.Element;
+export declare const showLoading: import("@lofter-common-shared/utils/throttle").FC<(visible?: boolean) => void>;
+interface LoadingContextValue {
+    showLoading: (visible?: boolean) => void;
+}
+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

@@ -0,0 +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,eAErB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,gBAaA,CAAA;AAGD,wBAAgB,aAAa,CAAE,EAC7B,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EACjB,EAAE;IACD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,eAqBA;AAiBD,eAAO,MAAM,WAAW,+DACZ,OAAO,UAUd,CAAC;AAEN,UAAU,mBAAmB;IAC3B,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;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

@@ -0,0 +1,107 @@
+"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;
+    };
+})();
+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.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");
+var loading_modal_logo_symbol_svg_1 = require("./loading_modal_logo_symbol.svg");
+var create_render_to_body_1 = require("../create-render-to-body");
+var index_style_1 = __importDefault(require("./index.style"));
+var Loading = function (_a) {
+    var className = _a.className;
+    return (react_1.default.createElement("div", { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.loading, className) },
+        react_1.default.createElement(loading_modal_circle_svg_1.Svg, { className: index_style_1.default.iconAnimation }),
+        react_1.default.createElement(loading_modal_logo_symbol_svg_1.Svg, { className: index_style_1.default.icon })));
+};
+exports.Loading = Loading;
+function CenterLoading(_a) {
+    var loadingMaskClassName = _a.loadingMaskClassName, loadingBoxClassName = _a.loadingBoxClassName, loadingClassName = _a.loadingClassName;
+    return (react_1.default.createElement("section", { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.loadingMask, loadingMaskClassName) },
+        react_1.default.createElement("div", { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.loadingBox, loadingBoxClassName) },
+            react_1.default.createElement(exports.Loading, { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.centerLoading, loadingClassName) }))));
+}
+var showCenterLoading = (0, create_render_to_body_1.createRenderToBody)(CenterLoading);
+var showingCenterLoading = null;
+var defaultShowLoading = function (newVisible) {
+    if (newVisible === void 0) { newVisible = true; }
+    if (newVisible) {
+        if (!showingCenterLoading) {
+            showingCenterLoading = showCenterLoading({});
+        }
+    }
+    else if (showingCenterLoading) {
+        showingCenterLoading.destroy();
+        showingCenterLoading = null;
+    }
+};
+exports.showLoading = (0, throttle_1.throttle)(function (visible) {
+    if (visible === void 0) { visible = true; }
+    if (defaultShowLoading) {
+        defaultShowLoading(visible);
+    }
+}, {
+    wait: 50,
+    leading: false,
+    trailing: true
+}).run;
+var LoadingContextDefaultValue = {
+    showLoading: exports.showLoading
+};
+exports.LoadingContext = react_1.default.createContext(LoadingContextDefaultValue);
+function LoadingProvider(_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)(false), visible = _b[0], setVisible = _b[1];
+    var contextValue = (0, react_1.useMemo)(function () {
+        var newShowLoading = function (newVisible) {
+            if (newVisible === void 0) { newVisible = true; }
+            setVisible(newVisible);
+        };
+        defaultShowLoading = newShowLoading;
+        return {
+            showLoading: newShowLoading
+        };
+    }, []);
+    return (react_1.default.createElement(exports.LoadingContext.Provider, { value: contextValue },
+        children,
+        visible && (react_1.default.createElement(CenterLoading, null))));
+}
+//# sourceMappingURL=index.js.map

package/dist/loading/index.js.map

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

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

@@ -0,0 +1,10 @@
+declare const _default: {
+    loadingMask: string;
+    loadingBox: string;
+    centerLoading: string;
+    loading: string;
+    icon: string;
+    iconAnimation: string;
+};
+export default _default;
+//# sourceMappingURL=index.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.style.d.ts","sourceRoot":"","sources":["../../src/loading/index.style.ts"],"names":[],"mappings":";;;;;;;;AA8BA,wBA2DoB"}

package/dist/loading/index.style.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var css_in_js_1 = require("@lofter-common-shared/css-in-js");
+/**
+ * CSS Variables:
+ * --lofter_component_loading_max_zIndex: 控制loading遮罩层的z-index，默认值100000
+ * --lofter_component_loading_box_max_width: 控制loading框的最大宽度，默认值72px
+ * --lofter_component_loading_box_max_height: 控制loading框的最大高度，默认值72px
+ * --lofter_component_loading_border_radius: 控制loading框的圆角，默认值16px
+ */
+var theme = new css_in_js_1.Theme({
+    name: 'loading',
+    namespace: 'lofter-loading'
+});
+var rotateKeyFrames = (0, css_in_js_1.createKeyFrames)({
+    '0%': {
+        transform: 'rotate(0deg)',
+    },
+    '100%': {
+        transform: 'rotate(360deg)',
+    },
+});
+exports.default = (0, css_in_js_1.createThemStyle)(theme)(function () { return ({
+    loadingMask: {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        zIndex: 'var(--lofter_component_loading_max_zIndex, 100000)'
+    },
+    loadingBox: {
+        position: 'relative',
+        width: '19.2vw',
+        height: '19.2vw',
+        maxWidth: '72px',
+        maxHeight: '72p',
+        boxShadow: '0 10px 30px rgba(0, 0, 0, 0.07)',
+        borderRadius: '16px',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        background: '#fff',
+        margin: 'auto',
+        'max-width': 'var(--lofter_component_loading_box_max_width, 72px)',
+        'max-height': 'var(--lofter_component_loading_box_max_height, 72px)',
+        'border-radius': 'var(--lofter_component_loading_border_radius, 16px)',
+    },
+    centerLoading: {
+        width: '50%',
+        height: '50%',
+    },
+    loading: {
+        width: '32px',
+        height: '32px',
+        position: 'relative',
+    },
+    icon: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        color: '#CCC',
+        width: '100%',
+        height: '100%',
+    },
+    iconAnimation: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        color: '#CCC',
+        width: '100%',
+        height: '100%',
+        animation: "".concat(rotateKeyFrames, " 2000ms linear infinite"),
+    }
+}); }).createClassNames();
+//# sourceMappingURL=index.style.js.map

package/dist/loading/index.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.style.js","sourceRoot":"","sources":["../../src/loading/index.style.ts"],"names":[],"mappings":";;AAAA,6DAIyC;AAEzC;;;;;;GAMG;AAEH,IAAM,KAAK,GAAG,IAAI,iBAAK,CAAC;IACtB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,gBAAgB;CAC5B,CAAC,CAAC;AAEH,IAAM,eAAe,GAAG,IAAA,2BAAe,EACrC;IACE,IAAI,EAAE;QACJ,SAAS,EAAE,cAAc;KAC1B;IACD,MAAM,EAAE;QACN,SAAS,EAAE,gBAAgB;KAC5B;CACF,CACF,CAAA;AAED,kBAAe,IAAA,2BAAe,EAC5B,KAAK,CACN,CACC,cAAM,OAAA,CAAC;IACL,WAAW,EAAE;QACX,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,oDAAoD;KAC7D;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,iCAAiC;QAC5C,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,qDAAqD;QAClE,YAAY,EAAE,sDAAsD;QACpE,eAAe,EAAE,qDAAqD;KACvE;IACD,aAAa,EAAE;QACb,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,UAAG,eAAe,4BAAyB;KACvD;CACF,CAAC,EAvDI,CAuDJ,CACH,CAAC,gBAAgB,EAAE,CAAA"}

package/dist/loading/loading_modal_circle.svg.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Svg: React.ForwardRefExoticComponent<Pick<React.SVGProps<SVGSVGElement>, "string" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "name" | "style" | "target" | "type" | "width" | "role" | "tabIndex" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPath" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filter" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "mask" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "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"> & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=loading_modal_circle.svg.d.ts.map

package/dist/loading/loading_modal_circle.svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading_modal_circle.svg.d.ts","sourceRoot":"","sources":["../../src/loading/loading_modal_circle.svg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAEN,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,GAAG,6iPA+Cd,CAAC"}

package/dist/loading/loading_modal_circle.svg.js

@@ -0,0 +1,61 @@
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Svg = void 0;
+var react_1 = __importStar(require("react"));
+exports.Svg = (0, react_1.forwardRef)(function (props, ref) {
+    return (react_1.default.createElement("svg", __assign({ width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
+        react_1.default.createElement("circle", { cx: "32", cy: "32", r: "30", stroke: "url(#color)", strokeWidth: "3", fill: "none", strokeDasharray: "90 9999" }),
+        react_1.default.createElement("circle", { cx: "32", cy: "32", r: "30", stroke: "url(#color2)", strokeWidth: "3", fill: "none", strokeDasharray: "0 94 999" }),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("linearGradient", { id: "color" },
+                react_1.default.createElement("stop", { offset: "0%", stopColor: "currentColor" }),
+                react_1.default.createElement("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0.5" })),
+            react_1.default.createElement("linearGradient", { id: "color2" },
+                react_1.default.createElement("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0" }),
+                react_1.default.createElement("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0.5" })))));
+});
+//# sourceMappingURL=loading_modal_circle.svg.js.map

package/dist/loading/loading_modal_circle.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading_modal_circle.svg.js","sourceRoot":"","sources":["../../src/loading/loading_modal_circle.svg.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAEe;AAGF,QAAA,GAAG,GAAG,IAAA,kBAAU,EAG3B,UACA,KAAK,EACL,GAAG;IAEH,OAAO,CACL,gDACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK,IACT,GAAG,EAAE,GAAG;QAER,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,MAAM,EAAC,aAAa,EACpB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,MAAM,EACX,eAAe,EAAC,SAAS,GACzB;QACF,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,MAAM,EACX,eAAe,EAAC,UAAU,GAC1B;QACF;YACE,kDAAgB,EAAE,EAAC,OAAO;gBACxB,wCAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,GAAG;gBAC7C,wCAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,CAClD;YACjB,kDAAgB,EAAE,EAAC,QAAQ;gBACzB,wCAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG;gBAC7D,wCAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,CAClD,CACZ,CACH,CACP,CAAA;AACH,CAAC,CAAC,CAAC"}

package/dist/loading/loading_modal_logo_symbol.svg.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Svg: React.ForwardRefExoticComponent<Pick<React.SVGProps<SVGSVGElement>, "string" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "name" | "style" | "target" | "type" | "width" | "role" | "tabIndex" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPath" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filter" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "mask" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "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"> & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=loading_modal_logo_symbol.svg.d.ts.map

package/dist/loading/loading_modal_logo_symbol.svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading_modal_logo_symbol.svg.d.ts","sourceRoot":"","sources":["../../src/loading/loading_modal_logo_symbol.svg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAEN,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,GAAG,6iPAoBd,CAAC"}

package/dist/loading/loading_modal_logo_symbol.svg.js

@@ -0,0 +1,53 @@
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Svg = void 0;
+var react_1 = __importStar(require("react"));
+exports.Svg = (0, react_1.forwardRef)(function (props, ref) {
+    return (react_1.default.createElement("svg", __assign({ width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
+        react_1.default.createElement("path", { d: "M24.8102 17.7254C24.8102 17.2353 25.2099 16.835 25.6993 16.835C25.7727 16.835 25.8461 16.8432 25.9155 16.8636C25.9644 16.8759 26.0093 16.8922 26.0541 16.9126C26.1602 16.9576 26.2622 17.0107 26.3641 17.0638C26.6741 17.2271 26.9514 17.4273 27.1962 17.656C27.5061 17.946 27.7712 18.2891 27.9793 18.6812C28.4034 19.4736 28.587 20.3436 28.587 21.8671V33.9693C28.587 35.2885 29.4924 36.3954 30.716 36.7017C31.0627 36.7875 31.3971 36.522 31.3971 36.1626V21.863V21.7649C31.389 19.8616 31.1035 18.5627 30.4591 17.3497C30.1042 16.6839 29.6515 16.0957 29.1131 15.5893C28.6889 15.1931 28.2158 14.8541 27.6938 14.5763C27.033 14.2251 26.099 13.9351 24.8102 14.0127C23.1298 14.1148 22 15.7404 22 17.2925V34.2756C22.0082 36.2239 22.3059 37.5391 22.987 38.7766C23.5988 39.8876 24.5165 40.8066 25.6259 41.4152C26.5028 41.8972 27.4082 42.1831 28.5421 42.3138C29.0438 42.371 29.5944 42.3995 30.2143 42.3995H34.5703H37.0419C38.5592 42.3995 39.432 42.5833 40.2233 43.0081C40.6148 43.2164 40.9574 43.4819 41.247 43.7923C41.4754 44.0374 41.6712 44.3151 41.8384 44.6256C41.8914 44.7277 41.9444 44.8298 41.9893 44.936C42.0097 44.9809 42.026 45.0258 42.0383 45.0749C42.0546 45.1443 42.0668 45.2178 42.0668 45.2913C42.0668 45.7815 41.6671 46.1817 41.1777 46.1817H36.8013H36.7116C36.0427 46.1777 35.4962 46.1368 35.0393 46.0551C34.4928 45.9571 34.0564 45.806 33.62 45.5732C33.2488 45.373 32.9674 45.0749 32.6411 44.838C31.7316 44.1722 30.5569 44.3192 30.0879 44.3764C29.6189 44.4377 29.3293 44.9156 29.5251 45.2832C29.7208 45.6508 30.1858 46.3451 30.614 46.7903C31.0994 47.2968 31.6622 47.7175 32.2904 48.0565C32.9878 48.4282 33.7056 48.6773 34.5458 48.8285C35.1984 48.9428 35.9326 49 36.7972 49H41.3979C43.7064 49 45.2155 47.2192 44.9749 45.4179C44.9545 45.2627 44.9341 45.1279 44.9096 45.0054C44.7587 44.2212 44.6608 43.9598 44.31 43.2981C44.0327 42.7753 43.6942 42.3015 43.2985 41.8767C42.7969 41.3376 42.2055 40.8842 41.5407 40.5289C40.3293 39.8794 39.0323 39.5976 37.1317 39.5894H37.0338H31.4828H30.2103H30.1165C29.6433 39.5854 29.2273 39.5649 28.8643 39.52C28.1832 39.4424 27.6734 39.2954 27.188 39.0585C26.3968 38.6704 25.7442 38.0251 25.3526 37.2327C24.9774 36.473 24.8102 35.6153 24.8102 34.1735V17.7254V17.7254Z", fill: "currentColor" })));
+});
+//# sourceMappingURL=loading_modal_logo_symbol.svg.js.map

package/dist/loading/loading_modal_logo_symbol.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading_modal_logo_symbol.svg.js","sourceRoot":"","sources":["../../src/loading/loading_modal_logo_symbol.svg.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAEe;AAEF,QAAA,GAAG,GAAG,IAAA,kBAAU,EAG3B,UACA,KAAK,EACL,GAAG;IAEH,OAAO,CACL,gDACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK,IACT,GAAG,EAAE,GAAG;QAER,wCAAM,CAAC,EAAC,kpEAAkpE,EAAC,IAAI,EAAC,cAAc,GAAG,CAC7qE,CACP,CAAA;AACH,CAAC,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@lofter-common-shared/react-components",
+  "version": "0.1.1",
+  "description": "",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/index",
+  "exports": {
+    "./create-render-to-body": "./dist/create-render-to-body/index.js",
+    "./loading": "./dist/loading/index.js"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "contributors": [
+    {
+      "name": "luoshuai"
+    }
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "@lofter-common-shared/utils": "0.1.5",
+    "@lofter-common-shared/css-in-js": "0.1.1",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0"
+  },
+  "devDependencies": {
+    "@types/react": "^16.9.15",
+    "@types/react-dom": "^16.9.4",
+    "rimraf": "^3.0.2",
+    "typescript": "^5.2.2"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "npm run clean && tsc -p tsconfig.build.json",
+    "project-build": "npm run build"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * as Loading from './loading';
+export * as CreateRenderToBody from './create-render-to-body';