clxx 2.1.6 → 2.1.8

package/build/Effect/useInterval.js

@@ -1,8 +1,11 @@
-import { useEffect, useRef } from "react";
-export function useInterval(callback, delay) {
-    const savedCallback = useRef(callback);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = useInterval;
+const react_1 = require("react");
+function useInterval(callback, delay) {
+    const savedCallback = (0, react_1.useRef)(callback);
     savedCallback.current = callback;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (delay !== null) {
             const interval = setInterval(() => savedCallback.current(), delay || 0);
             return () => clearInterval(interval);

package/build/Effect/useTick.js

@@ -1,15 +1,18 @@
-import { tick } from '../utils/tick';
-import { useEffect, useRef } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTick = useTick;
+const tick_1 = require("../utils/tick");
+const react_1 = require("react");
 /**
  * 逐帧执行的ticker
  * @param frame 帧函数
  * @param interval 执行间隔
  */
-export function useTick(frame) {
-    const framer = useRef(frame);
+function useTick(frame) {
+    const framer = (0, react_1.useRef)(frame);
     framer.current = frame;
-    useEffect(() => {
-        const stop = tick(() => framer.current());
+    (0, react_1.useEffect)(() => {
+        const stop = (0, tick_1.tick)(() => framer.current());
         return () => stop();
     }, []);
 }

package/build/Effect/useUpdate.js

@@ -1,10 +1,13 @@
-import { useReducer } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdate = useUpdate;
+const react_1 = require("react");
 const updateReducer = (num) => (num + 1) % 1000000;
 /**
  * 返回一个函数，调用该函数，组件会刷新一次
  * @returns
  */
-export function useUpdate() {
-    const [, update] = useReducer(updateReducer, 0);
+function useUpdate() {
+    const [, update] = (0, react_1.useReducer)(updateReducer, 0);
     return update;
 }

package/build/Effect/useViewport.js

@@ -1,6 +1,13 @@
-import { useEffect } from "react";
-import isPlainObject from "lodash/isPlainObject";
-export const metaContent = {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.metaContent = void 0;
+exports.useViewport = useViewport;
+const react_1 = require("react");
+const isPlainObject_1 = __importDefault(require("lodash/isPlainObject"));
+exports.metaContent = {
     /**
      * 解析meta的content字段
      * @param content
@@ -32,17 +39,17 @@ export const metaContent = {
         return parts.join(", ");
     },
 };
-export function useViewport(attr) {
+function useViewport(attr) {
     let config = {
         width: "device-width",
         initialScale: 1,
         userScalable: "no",
         viewportFit: "cover",
     };
-    if (isPlainObject(attr)) {
+    if ((0, isPlainObject_1.default)(attr)) {
         config = Object.assign(Object.assign({}, config), attr);
     }
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         // 确保viewport的合法逻辑
         let meta = document.querySelector("meta[name='viewport']");
         if (!meta) {
@@ -50,7 +57,7 @@ export function useViewport(attr) {
             meta.name = "viewport";
             document.head.prepend(meta);
         }
-        const content = metaContent.parse(meta.content || "");
+        const content = exports.metaContent.parse(meta.content || "");
         if (config.width) {
             content.width = config.width;
         }
@@ -72,7 +79,7 @@ export function useViewport(attr) {
         if (config.viewportFit) {
             content["viewport-fit"] = config.viewportFit;
         }
-        meta.content = metaContent.stringify(content);
+        meta.content = exports.metaContent.stringify(content);
     }, [
         config.width,
         config.height,

package/build/Effect/useWindowResize.js

@@ -1,15 +1,18 @@
-import { useEffect, useRef } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowResize = useWindowResize;
+const react_1 = require("react");
 /**
  * 窗口尺寸变化时触发（包括屏幕旋转）
  * 注意：移动端 resize 事件通常只在旋转屏幕时触发，频率很低，不需要防抖
  *
  * @param onResize 窗口尺寸变化时的回调函数
  */
-export function useWindowResize(onResize) {
-    const callbackRef = useRef(onResize);
+function useWindowResize(onResize) {
+    const callbackRef = (0, react_1.useRef)(onResize);
     // 每次渲染都更新回调引用，避免闭包陈旧
     callbackRef.current = onResize;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const callback = () => callbackRef.current();
         // 监听窗口大小变化
         window.addEventListener("resize", callback);

package/build/Fixed/index.js

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,8 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export function Fixed(props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fixed = Fixed;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+function Fixed(props) {
     const { children, position = "bottom" } = props, extra = __rest(props, ["children", "position"]);
     const styles = {
         position: "fixed",
@@ -33,5 +36,5 @@ export function Fixed(props) {
         styles.right = 0;
         styles.height = "100%";
     }
-    return (_jsx("div", Object.assign({}, props, { css: styles }, extra, { children: props.children })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { css: styles }, extra, { children: props.children })));
 }

package/build/Flex/Col.js

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,30 +10,37 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Flex } from '.';
-export function ColStart(props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColStart = ColStart;
+exports.Col = ColStart;
+exports.ColEnd = ColEnd;
+exports.ColCenter = ColCenter;
+exports.ColBetween = ColBetween;
+exports.ColAround = ColAround;
+exports.ColEvenly = ColEvenly;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const _1 = require(".");
+function ColStart(props) {
     const { flexDirection = 'column', justifyContent = 'flex-start' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function ColEnd(props) {
+function ColEnd(props) {
     const { flexDirection = 'column', justifyContent = 'flex-end' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function ColCenter(props) {
+function ColCenter(props) {
     const { flexDirection = 'column', justifyContent = 'center' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function ColBetween(props) {
+function ColBetween(props) {
     const { flexDirection = 'column', justifyContent = 'space-between' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function ColAround(props) {
+function ColAround(props) {
     const { flexDirection = 'column', justifyContent = 'space-around' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function ColEvenly(props) {
+function ColEvenly(props) {
     const { flexDirection = 'column', justifyContent = 'space-evenly' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export { ColStart as Col };

package/build/Flex/Row.js

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,30 +10,37 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Flex } from '.';
-export function RowStart(props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowStart = RowStart;
+exports.Row = RowStart;
+exports.RowEnd = RowEnd;
+exports.RowCenter = RowCenter;
+exports.RowBetween = RowBetween;
+exports.RowAround = RowAround;
+exports.RowEvenly = RowEvenly;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const _1 = require(".");
+function RowStart(props) {
     const { flexDirection = 'row', justifyContent = 'flex-start' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function RowEnd(props) {
+function RowEnd(props) {
     const { flexDirection = 'row', justifyContent = 'flex-end' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function RowCenter(props) {
+function RowCenter(props) {
     const { flexDirection = 'row', justifyContent = 'center' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function RowBetween(props) {
+function RowBetween(props) {
     const { flexDirection = 'row', justifyContent = 'space-between' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function RowAround(props) {
+function RowAround(props) {
     const { flexDirection = 'row', justifyContent = 'space-around' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export function RowEvenly(props) {
+function RowEvenly(props) {
     const { flexDirection = 'row', justifyContent = 'space-evenly' } = props, extra = __rest(props, ["flexDirection", "justifyContent"]);
-    return (_jsx(Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ flexDirection: flexDirection, justifyContent: justifyContent }, extra)));
 }
-export { RowStart as Row };

package/build/Flex/index.js

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,10 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export function Flex(props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flex = Flex;
+exports.FlexItem = FlexItem;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+function Flex(props) {
     const { children, alignItems = 'center', alignContent, justifyContent, flexFlow, flexWrap, flexDirection } = props, extra = __rest(props, ["children", "alignItems", "alignContent", "justifyContent", "flexFlow", "flexWrap", "flexDirection"]);
-    return (_jsx("div", Object.assign({ css: {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: {
             display: 'flex',
             alignItems,
             alignContent,
@@ -22,9 +26,9 @@ export function Flex(props) {
             flexDirection,
         } }, extra, { children: children })));
 }
-export function FlexItem(props) {
+function FlexItem(props) {
     const { children, alignSelf, order, flex, flexGrow, flexShrink, flexBasis } = props, extra = __rest(props, ["children", "alignSelf", "order", "flex", "flexGrow", "flexShrink", "flexBasis"]);
-    return (_jsx("div", Object.assign({ css: {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: {
             alignSelf,
             order,
             flex,

package/build/Indicator/index.js

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,51 +10,56 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
-import React from 'react';
-import { normalizeUnit } from '../utils/cssUtil';
-import { getBarChangeKeyFrames } from './style';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Indicator = Indicator;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@emotion/react");
+const react_2 = __importDefault(require("react"));
+const cssUtil_1 = require("../utils/cssUtil");
+const style_1 = require("./style");
 /**
  * SVG转圈指示器，一般用作loading效果
  * @param props
  */
-export function Indicator(props) {
+function Indicator(props) {
     const { size, rounded = true, barWidth = 7, barHeight = 28, barColor = '#fff', barCount = 12, duration = 600, containerStyle } = props, attributes = __rest(props, ["size", "rounded", "barWidth", "barHeight", "barColor", "barCount", "duration", "containerStyle"]);
     const radius = rounded ? barWidth / 2 : 0;
     // 使用 useMemo 缓存 barList，避免每次渲染都重新生成
-    const barList = React.useMemo(() => {
+    const barList = react_2.default.useMemo(() => {
         const bars = [];
         for (let i = 0; i < barCount; i++) {
-            bars.push(_jsx("rect", { x: (100 - barWidth) / 2, y: "0", rx: radius, ry: radius, width: barWidth, height: barHeight, transform: `rotate(${(360 / barCount) * i}, 50, 50)`, css: {
+            bars.push((0, jsx_runtime_1.jsx)("rect", { x: (100 - barWidth) / 2, y: "0", rx: radius, ry: radius, width: barWidth, height: barHeight, transform: `rotate(${(360 / barCount) * i}, 50, 50)`, css: {
                     animationDelay: `${-(duration * (barCount - i)) / barCount}ms`,
                 } }, i));
         }
         return bars;
     }, [barCount, barWidth, barHeight, radius, duration]);
     // 使用 useMemo 缓存样式，避免每次都重新计算
-    const style = React.useMemo(() => [
+    const style = react_2.default.useMemo(() => [
         {
             fontSize: 0,
         },
         typeof size !== 'undefined' ? {
-            width: normalizeUnit(size),
-            height: normalizeUnit(size),
+            width: (0, cssUtil_1.normalizeUnit)(size),
+            height: (0, cssUtil_1.normalizeUnit)(size),
         } : {
             width: '.6rem',
             height: '.6rem',
         }
     ], [size]);
-    const svgStyle = React.useMemo(() => css({
+    const svgStyle = react_2.default.useMemo(() => (0, react_1.css)({
         width: '100%',
         height: '100%',
         rect: {
             fill: 'transparent',
-            animationName: getBarChangeKeyFrames(barColor),
+            animationName: (0, style_1.getBarChangeKeyFrames)(barColor),
             animationDuration: `${duration}ms`,
             animationTimingFunction: 'linear',
             animationIterationCount: 'infinite',
         },
     }), [barColor, duration]);
-    return (_jsx("div", Object.assign({ css: [style, containerStyle] }, attributes, { children: _jsx("svg", { viewBox: "0 0 100 100", css: svgStyle, children: barList }) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: [style, containerStyle] }, attributes, { children: (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 100 100", css: svgStyle, children: barList }) })));
 }

package/build/Indicator/style.js

@@ -1,10 +1,13 @@
-import { keyframes } from '@emotion/react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBarChangeKeyFrames = getBarChangeKeyFrames;
+const react_1 = require("@emotion/react");
 /**
  * 获取转圈每一条bar的过渡动画
  * @param color
  */
-export function getBarChangeKeyFrames(color) {
-    return keyframes `
+function getBarChangeKeyFrames(color) {
+    return (0, react_1.keyframes) `
   from {
     fill: ${color};
   }

package/build/Loading/Wrapper.js

@@ -1,9 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { style, LoadingHide } from './style';
-import { Indicator } from '../Indicator';
-import { RowCenter } from '../Flex/Row';
-import { Overlay } from '../Overlay';
-export function Wrapper(props) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = Wrapper;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const style_1 = require("./style");
+const Indicator_1 = require("../Indicator");
+const Row_1 = require("../Flex/Row");
+const Overlay_1 = require("../Overlay");
+function Wrapper(props) {
     const { status = 'show', hint, overlay, indicator, onHide, containerStyle, } = props;
     // 覆盖层样式
     let overlayProps = {
@@ -24,19 +27,19 @@ export function Wrapper(props) {
         indicatorProps = Object.assign(Object.assign({}, indicatorProps), indicator);
     }
     // 根据状态设置动画
-    const animation = status === 'show' ? style.boxShow : style.boxHide;
+    const animation = status === 'show' ? style_1.style.boxShow : style_1.style.boxHide;
     // 动画结束时触发的函数逻辑
     const animationEnd = (event) => {
-        if (event.animationName === LoadingHide.name) {
+        if (event.animationName === style_1.LoadingHide.name) {
             onHide === null || onHide === void 0 ? void 0 : onHide();
         }
     };
     let box;
     if (hint && typeof hint === 'string') {
-        box = (_jsxs(RowCenter, { css: [style.boxCommon, style.boxWithExtra, animation, containerStyle], onAnimationEnd: animationEnd, children: [_jsx(Indicator, Object.assign({}, indicatorProps)), _jsx("div", { css: style.hint, children: hint })] }));
+        box = ((0, jsx_runtime_1.jsxs)(Row_1.RowCenter, { css: [style_1.style.boxCommon, style_1.style.boxWithExtra, animation, containerStyle], onAnimationEnd: animationEnd, children: [(0, jsx_runtime_1.jsx)(Indicator_1.Indicator, Object.assign({}, indicatorProps)), (0, jsx_runtime_1.jsx)("div", { css: style_1.style.hint, children: hint })] }));
     }
     else {
-        box = (_jsx(RowCenter, { css: [style.boxCommon, style.box, animation, containerStyle], onAnimationEnd: animationEnd, children: _jsx(Indicator, Object.assign({}, indicatorProps)) }));
+        box = ((0, jsx_runtime_1.jsx)(Row_1.RowCenter, { css: [style_1.style.boxCommon, style_1.style.box, animation, containerStyle], onAnimationEnd: animationEnd, children: (0, jsx_runtime_1.jsx)(Indicator_1.Indicator, Object.assign({}, indicatorProps)) }));
     }
-    return _jsx(Overlay, Object.assign({}, overlayProps, { children: box }));
+    return (0, jsx_runtime_1.jsx)(Overlay_1.Overlay, Object.assign({}, overlayProps, { children: box }));
 }

package/build/Loading/index.js

@@ -1,3 +1,4 @@
+"use strict";
 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) {
@@ -7,20 +8,26 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Wrapper } from './Wrapper';
-import { createPortalDOM } from '../utils/dom';
-import isPlainObject from 'lodash/isPlainObject';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showLoading = showLoading;
+exports.showLoadingAtLeast = showLoadingAtLeast;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Wrapper_1 = require("./Wrapper");
+const dom_1 = require("../utils/dom");
+const isPlainObject_1 = __importDefault(require("lodash/isPlainObject"));
 /**
  * 显示loading
  * @param hint 提示文字
  * @param option
  * @returns
  */
-export function showLoading(hint, option) {
-    const { mount, unmount } = createPortalDOM();
+function showLoading(hint, option) {
+    const { mount, unmount } = (0, dom_1.createPortalDOM)();
     let props = { hint, status: 'show' };
-    if (isPlainObject(option)) {
+    if ((0, isPlainObject_1.default)(option)) {
         delete option.status;
         props = Object.assign(Object.assign({}, props), option);
     }
@@ -28,10 +35,10 @@ export function showLoading(hint, option) {
     const closeLoading = () => __awaiter(this, void 0, void 0, function* () {
         props.status = 'hide';
         props.onHide = unmount;
-        yield mount(_jsx(Wrapper, Object.assign({}, props)));
+        yield mount((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, Object.assign({}, props)));
     });
     // 显示loading
-    const mountShow = mount(_jsx(Wrapper, Object.assign({}, props)));
+    const mountShow = mount((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, Object.assign({}, props)));
     // 关闭loading
     return () => __awaiter(this, void 0, void 0, function* () {
         yield mountShow;
@@ -45,7 +52,7 @@ export function showLoading(hint, option) {
  * @param option 各种可定制的选项
  * @returns
  */
-export function showLoadingAtLeast(atLeast = 300, hint, option) {
+function showLoadingAtLeast(atLeast = 300, hint, option) {
     const closeLoading = showLoading(hint, option);
     // 记录开始展示的时间
     const start = Date.now();

package/build/Loading/style.js

@@ -1,5 +1,8 @@
-import { keyframes } from "@emotion/react";
-export const LoadingShow = keyframes `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = exports.LoadingHide = exports.LoadingShow = void 0;
+const react_1 = require("@emotion/react");
+exports.LoadingShow = (0, react_1.keyframes) `
   from {
     opacity: 0;
   }
@@ -7,7 +10,7 @@ export const LoadingShow = keyframes `
     opacity: 1;
   }
 `;
-export const LoadingHide = keyframes `
+exports.LoadingHide = (0, react_1.keyframes) `
   from {
     opacity: 1;
   }
@@ -15,7 +18,7 @@ export const LoadingHide = keyframes `
     opacity: 0;
   }
 `;
-export const style = {
+exports.style = {
     boxCommon: {
         backgroundColor: `rgba(0, 0, 0, .8)`,
         borderRadius: '.16rem',
@@ -25,10 +28,10 @@ export const style = {
         height: '1.6rem',
     },
     boxShow: {
-        animation: `${LoadingShow} 200ms`,
+        animation: `${exports.LoadingShow} 200ms`,
     },
     boxHide: {
-        animation: `${LoadingHide} 200ms`,
+        animation: `${exports.LoadingHide} 200ms`,
     },
     boxWithExtra: [
         { padding: '.3rem' },

package/build/Overlay/index.js

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,18 +10,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useLayoutEffect, useMemo, useState } from "react";
-import { createPortal } from "react-dom";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = Overlay;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
 /**
  * 覆盖层，可以作为通用遮罩
  * @param props
  * @returns
  */
-export function Overlay(props) {
+function Overlay(props) {
     const { children, outside = false, centerContent = true, fullScreen = true, maskColor = "rgba(0, 0, 0, .6)" } = props, extra = __rest(props, ["children", "outside", "centerContent", "fullScreen", "maskColor"]);
-    const [mount, setMount] = useState(null);
-    useLayoutEffect(() => {
+    const [mount, setMount] = (0, react_1.useState)(null);
+    (0, react_1.useLayoutEffect)(() => {
         if (outside) {
             const div = document.createElement("div");
             document.body.appendChild(div);
@@ -31,7 +34,7 @@ export function Overlay(props) {
         }
     }, [outside]);
     // 使用 useMemo 缓存样式计算，避免每次渲染都重新计算
-    const style = useMemo(() => {
+    const style = (0, react_1.useMemo)(() => {
         const styles = [];
         // 如果是全屏，设置全屏样式
         if (fullScreen) {
@@ -55,7 +58,7 @@ export function Overlay(props) {
         }
         return styles;
     }, [fullScreen, maskColor, centerContent]);
-    const content = (_jsx("div", Object.assign({ css: style }, extra, { children: children })));
+    const content = ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: style }, extra, { children: children })));
     /**
      * 如果是挂载到当前位置，直接返回
      */
@@ -71,5 +74,5 @@ export function Overlay(props) {
     /**
      * 挂载到外部，且挂载点已经准备好
      */
-    return createPortal(content, mount);
+    return (0, react_dom_1.createPortal)(content, mount);
 }

package/build/SafeArea/index.js

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,11 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useViewport } from "../Effect/useViewport";
-export function SafeArea(props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SafeArea = SafeArea;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const useViewport_1 = require("../Effect/useViewport");
+function SafeArea(props) {
     const { children, type = "bottom" } = props, extra = __rest(props, ["children", "type"]);
-    useViewport({ viewportFit: "cover" });
+    (0, useViewport_1.useViewport)({ viewportFit: "cover" });
     let boxCss = {};
     if (type === "top") {
         boxCss = {
@@ -31,5 +34,5 @@ export function SafeArea(props) {
             ],
         };
     }
-    return (_jsx("div", Object.assign({ css: boxCss }, extra, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: boxCss }, extra, { children: children })));
 }