clxx 2.1.5 → 2.1.7

package/build/Dialog/style.js

@@ -1,5 +1,9 @@
-import { css, keyframes } from "@emotion/react";
-const maskShow = keyframes `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = exports.maskHide = void 0;
+exports.getAnimation = getAnimation;
+const react_1 = require("@emotion/react");
+const maskShow = (0, react_1.keyframes) `
 	from {
 		opacity: 0;
 	}
@@ -7,7 +11,7 @@ const maskShow = keyframes `
 		opacity: 1;
 	}
 `;
-export const maskHide = keyframes `
+exports.maskHide = (0, react_1.keyframes) `
 	from {
 		opacity: 1;
 	}
@@ -15,7 +19,7 @@ export const maskHide = keyframes `
 		opacity: 0;
 	}
 `;
-const pullUpShow = keyframes `
+const pullUpShow = (0, react_1.keyframes) `
 	from {
 		transform: translateY(100%);
 	}
@@ -23,7 +27,7 @@ const pullUpShow = keyframes `
 		transform: translateY(0);
 	}
 `;
-const pullUpHide = keyframes `
+const pullUpHide = (0, react_1.keyframes) `
 	from {
 		transform: translateY(0);
 	}
@@ -31,7 +35,7 @@ const pullUpHide = keyframes `
 		transform: translateY(100%);
 	}
 `;
-const pullDownShow = keyframes `
+const pullDownShow = (0, react_1.keyframes) `
 	from {
 		transform: translateY(-100%);
 	}
@@ -39,7 +43,7 @@ const pullDownShow = keyframes `
 		transform: translateY(0);
 	}
 `;
-const pullDownHide = keyframes `
+const pullDownHide = (0, react_1.keyframes) `
 	from {
 		transform: translateY(0);
 	}
@@ -47,7 +51,7 @@ const pullDownHide = keyframes `
 		transform: translateY(-100%);
 	}
 `;
-const pullLeftShow = keyframes `
+const pullLeftShow = (0, react_1.keyframes) `
 	from {
 		transform: translateX(100%);
 	}
@@ -55,7 +59,7 @@ const pullLeftShow = keyframes `
 		transform: translateX(0);
 	}
 `;
-const pullLeftHide = keyframes `
+const pullLeftHide = (0, react_1.keyframes) `
 	from {
 		transform: translateX(0);
 	}
@@ -63,7 +67,7 @@ const pullLeftHide = keyframes `
 		transform: translateX(100%);
 	}
 `;
-const pullRightShow = keyframes `
+const pullRightShow = (0, react_1.keyframes) `
 	from {
 		transform: translateX(-100%);
 	}
@@ -71,7 +75,7 @@ const pullRightShow = keyframes `
 		transform: translateX(0);
 	}
 `;
-const pullRightHide = keyframes `
+const pullRightHide = (0, react_1.keyframes) `
 	from {
 		transform: translateX(0);
 	}
@@ -79,7 +83,7 @@ const pullRightHide = keyframes `
 		transform: translateX(-100%);
 	}
 `;
-const centerShow = keyframes `
+const centerShow = (0, react_1.keyframes) `
 	from  {
 		transform: scale(0.8);
 		opacity: 0;
@@ -89,7 +93,7 @@ const centerShow = keyframes `
 		opacity: 1;
 	}
 `;
-const centerHide = keyframes `
+const centerHide = (0, react_1.keyframes) `
 	from  {
 		transform: scale(1);
 		opacity: 1;
@@ -99,7 +103,7 @@ const centerHide = keyframes `
 		opacity: 0;
 	}
 `;
-export function getAnimation(type, status) {
+function getAnimation(type, status) {
     const animation = {
         center: [centerShow, centerHide],
         pullUp: [pullUpShow, pullUpHide],
@@ -116,19 +120,19 @@ export function getAnimation(type, status) {
     }
     return {
         keyframes,
-        animation: css({
+        animation: (0, react_1.css)({
             animation: `${keyframes} 300ms ease forwards`,
         }),
     };
 }
-export const style = {
-    maskShow: css({
+exports.style = {
+    maskShow: (0, react_1.css)({
         animation: `${maskShow} 300ms ease`,
     }),
-    maskHide: css({
-        animation: `${maskHide} 300ms ease forwards`,
+    maskHide: (0, react_1.css)({
+        animation: `${exports.maskHide} 300ms ease forwards`,
     }),
-    mask: css({
+    mask: (0, react_1.css)({
         zIndex: 1,
         position: "absolute",
         left: 0,
@@ -137,28 +141,28 @@ export const style = {
         height: "100%",
         backgroundColor: "rgba(0, 0, 0, 0.6)",
     }),
-    boxCss: css({
+    boxCss: (0, react_1.css)({
         zIndex: 2,
     }),
-    pullUp: css({
+    pullUp: (0, react_1.css)({
         position: "absolute",
         left: 0,
         bottom: 0,
         width: "100%",
     }),
-    pullDown: css({
+    pullDown: (0, react_1.css)({
         position: "absolute",
         left: 0,
         top: 0,
         width: "100%",
     }),
-    pullLeft: css({
+    pullLeft: (0, react_1.css)({
         position: "absolute",
         right: 0,
         top: 0,
         height: "100%",
     }),
-    pullRight: css({
+    pullRight: (0, react_1.css)({
         position: "absolute",
         left: 0,
         top: 0,

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.d.ts

@@ -0,0 +1,5 @@
+export interface FixedProps extends React.HTMLProps<HTMLDivElement> {
+    children?: React.ReactNode;
+    position?: "top" | "bottom" | "left" | "right";
+}
+export declare function Fixed(props: FixedProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/build/Fixed/index.js

@@ -0,0 +1,40 @@
+"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)
+        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.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",
+    };
+    if (position === "top") {
+        styles.top = 0;
+        styles.width = "100%";
+        styles.left = 0;
+    }
+    else if (position === "bottom") {
+        styles.bottom = 0;
+        styles.width = "100%";
+        styles.left = 0;
+    }
+    else if (position === "left") {
+        styles.left = 0;
+        styles.height = "100%";
+    }
+    else if (position === "right") {
+        styles.right = 0;
+        styles.height = "100%";
+    }
+    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 { adaptive, 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),
-        } : adaptive({
-            width: 60,
-            height: 60,
-        })
+            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 }));
 }