clxx 2.1.6 → 2.1.8

package/build/CitySelect/type.d.ts

@@ -0,0 +1,17 @@
+export interface CityData {
+    [key: string]: Array<{
+        pinyin: string;
+        pinyinShort: string;
+        name: string;
+        code: string;
+        pcode: string;
+    }>;
+}
+export interface ProvinceData {
+    [code: string]: {
+        pinyin: string;
+        pinyinShort: string;
+        name: string;
+    };
+}
+export type CityItem = CityData[string][number];

package/build/CitySelect/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/Clickable/index.js

@@ -1,3 +1,37 @@
+"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 __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,41 +43,43 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import React, { useCallback, useRef, useState, useEffect, } from 'react';
-import { is } from '../utils/is';
-export function Clickable(props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Clickable = Clickable;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const is_1 = require("../utils/is");
+function Clickable(props) {
     let { children, bubble = true, className, activeClassName, style, activeStyle, disable = false, moveThreshold = 10 } = props, attrs = __rest(props, ["children", "bubble", "className", "activeClassName", "style", "activeStyle", "disable", "moveThreshold"]);
     // 如果激活样式和激活类都不存在，则设置激活默认样式
-    const finalActiveStyle = React.useMemo(() => {
+    const finalActiveStyle = react_1.default.useMemo(() => {
         if (!activeClassName && !activeStyle) {
             return { opacity: 0.6 };
         }
         return activeStyle;
     }, [activeClassName, activeStyle]);
-    const touchable = is('touchable');
-    const [isActive, setIsActive] = useState(false);
+    const touchable = (0, is_1.is)('touchable');
+    const [isActive, setIsActive] = (0, react_1.useState)(false);
     // 标记是否正处于触摸/按下状态
-    const touchRef = useRef(false);
+    const touchRef = (0, react_1.useRef)(false);
     // 是否已挂载（防止卸载后更新 state）
-    const mountedRef = useRef(true);
+    const mountedRef = (0, react_1.useRef)(true);
     // 记录触摸起始坐标，用于 touchmove 取消
-    const startPos = useRef({ x: 0, y: 0 });
-    useEffect(() => {
+    const startPos = (0, react_1.useRef)({ x: 0, y: 0 });
+    (0, react_1.useEffect)(() => {
         mountedRef.current = true;
         return () => {
             mountedRef.current = false;
         };
     }, []);
-    const activate = useCallback(() => {
+    const activate = (0, react_1.useCallback)(() => {
         if (mountedRef.current)
             setIsActive(true);
     }, []);
-    const deactivate = useCallback(() => {
+    const deactivate = (0, react_1.useCallback)(() => {
         if (mountedRef.current)
             setIsActive(false);
     }, []);
-    const onTouchStart = useCallback((event) => {
+    const onTouchStart = (0, react_1.useCallback)((event) => {
         if (!touchRef.current) {
             touchRef.current = true;
             if (!bubble)
@@ -53,7 +89,7 @@ export function Clickable(props) {
             activate();
         }
     }, [bubble, activate]);
-    const onTouchMove = useCallback((event) => {
+    const onTouchMove = (0, react_1.useCallback)((event) => {
         if (touchRef.current) {
             const touch = event.touches[0];
             const dx = touch.clientX - startPos.current.x;
@@ -64,7 +100,7 @@ export function Clickable(props) {
             }
         }
     }, [moveThreshold, deactivate]);
-    const onTouchEnd = useCallback((event) => {
+    const onTouchEnd = (0, react_1.useCallback)((event) => {
         if (touchRef.current) {
             touchRef.current = false;
             if (!bubble)
@@ -72,7 +108,7 @@ export function Clickable(props) {
             deactivate();
         }
     }, [bubble, deactivate]);
-    const onMouseDown = useCallback((event) => {
+    const onMouseDown = (0, react_1.useCallback)((event) => {
         // 只响应鼠标左键
         if (event.button !== 0)
             return;
@@ -83,14 +119,14 @@ export function Clickable(props) {
             activate();
         }
     }, [bubble, activate]);
-    const onMouseUp = useCallback(() => {
+    const onMouseUp = (0, react_1.useCallback)(() => {
         if (touchRef.current) {
             touchRef.current = false;
             deactivate();
         }
     }, [deactivate]);
     // PC 环境：在 document 上监听 mouseup，处理鼠标移出元素后释放的场景
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!disable && !touchable) {
             const doc = document.documentElement;
             doc.addEventListener('mouseup', onMouseUp);
@@ -119,5 +155,5 @@ export function Clickable(props) {
             fullAttrs.onMouseDown = onMouseDown;
         }
     }
-    return _jsx("div", Object.assign({}, fullAttrs, { children: children }));
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({}, fullAttrs, { children: children }));
 }

package/build/Container/index.js

@@ -1,34 +1,70 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Global } from "@emotion/react";
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useState, } from "react";
-import { useWindowResize } from "../Effect/useWindowResize";
-import { useViewport } from "../Effect/useViewport";
+"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.Container = Container;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@emotion/react");
+const react_2 = __importStar(require("react"));
+const useWindowResize_1 = require("../Effect/useWindowResize");
+const useViewport_1 = require("../Effect/useViewport");
 /**
  * 自适应容器
  * @param props
  */
-export function Container(props) {
+function Container(props) {
     const { designWidth = 750, globalStyle, children } = props;
     // 计算理论根字体大小（未经浏览器缩放修正）
-    const calculateFontSize = useCallback((width) => {
+    const calculateFontSize = (0, react_2.useCallback)((width) => {
         return (width * 100) / designWidth;
     }, [designWidth]);
     // 理论基准字体大小（跟随窗口尺寸变化）
-    const [rawFontSize, setRawFontSize] = useState(() => calculateFontSize(window.innerWidth));
+    const [rawFontSize, setRawFontSize] = (0, react_2.useState)(() => calculateFontSize(window.innerWidth));
     // 浏览器字体缩放因子（>1 表示用户放大了系统字体，<1 表示缩小）
     // 独立存储，使得 resize 后缩放修正依然生效
-    const [scaleFactor, setScaleFactor] = useState(1);
+    const [scaleFactor, setScaleFactor] = (0, react_2.useState)(1);
     // 是否已完成字体缩放检测
-    const [isInitialized, setIsInitialized] = useState(false);
+    const [isInitialized, setIsInitialized] = (0, react_2.useState)(false);
     // 修正后的字体大小：统一对所有字体计算应用缩放修正
-    const correctedFontSize = useMemo(() => scaleFactor === 1
+    const correctedFontSize = (0, react_2.useMemo)(() => scaleFactor === 1
         ? rawFontSize
         : Math.round((rawFontSize / scaleFactor) * 10) / 10, [rawFontSize, scaleFactor]);
     // 字体缩放检测
     // Emotion 的 <Global> 通过 useInsertionEffect 注入样式，早于 useLayoutEffect
     // 因此 useLayoutEffect 内 getComputedStyle 可正确读取已注入的字体大小
     // 检测和修正均在浏览器绘制前同步完成，避免闪烁
-    useLayoutEffect(() => {
+    (0, react_2.useLayoutEffect)(() => {
         // 缩放因子在页面生命周期内不变，只需检测一次
         if (isInitialized)
             return;
@@ -43,20 +79,20 @@ export function Container(props) {
     }, [rawFontSize, isInitialized]);
     // 窗口大小变化时更新理论字体大小
     // correctedFontSize 通过 useMemo 自动应用 scaleFactor 修正
-    useWindowResize(() => {
+    (0, useWindowResize_1.useWindowResize)(() => {
         setRawFontSize(calculateFontSize(window.innerWidth));
     });
     // 设置 viewport meta
-    useViewport();
+    (0, useViewport_1.useViewport)();
     // 激活 iOS 上的 :active 伪类
-    useEffect(() => {
+    (0, react_2.useEffect)(() => {
         const noop = () => { };
         document.body.addEventListener("touchstart", noop, { passive: true });
         return () => {
             document.body.removeEventListener("touchstart", noop);
         };
     }, []);
-    return (_jsxs(React.Fragment, { children: [_jsx(Global, { styles: [
+    return ((0, jsx_runtime_1.jsxs)(react_2.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Global, { styles: [
                     {
                         "*": {
                             boxSizing: "border-box",

package/build/Countdowner/index.js

@@ -1,3 +1,37 @@
+"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 __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,15 +43,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-import { Countdown, } from '../utils/Countdown';
-import { RowStart } from '../Flex/Row';
-export function Countdowner(props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Countdowner = Countdowner;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const Countdown_1 = require("../utils/Countdown");
+const Row_1 = require("../Flex/Row");
+function Countdowner(props) {
     let { remain = 0, separator = ':', format = 'his', onUpdate, onEnd, separatorStyle, containerStyle, numberStyle, renderNumber, renderSeparator } = props, extra = __rest(props, ["remain", "separator", "format", "onUpdate", "onEnd", "separatorStyle", "containerStyle", "numberStyle", "renderNumber", "renderSeparator"]);
-    const [value, setValue] = useState(null);
+    const [value, setValue] = (0, react_1.useState)(null);
     // 使用 ref 保存最新的回调，避免频繁重建倒计时实例
-    const callbacksRef = React.useRef({ onUpdate, onEnd });
+    const callbacksRef = react_1.default.useRef({ onUpdate, onEnd });
     callbacksRef.current = { onUpdate, onEnd };
     let content = [];
     if (value && typeof value === 'object') {
@@ -31,9 +67,9 @@ export function Countdowner(props) {
             }
             else {
                 // 默认以span包围，且数字不足10的时候有前置0
-                numberComponent = (_jsx("span", { css: numberStyle, children: num < 10 ? `0${num}` : num }));
+                numberComponent = ((0, jsx_runtime_1.jsx)("span", { css: numberStyle, children: num < 10 ? `0${num}` : num }));
             }
-            content.push(_jsx(React.Fragment, { children: numberComponent }, i));
+            content.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: numberComponent }, i));
             // 添加分隔符，最后一个数字不需要分隔符
             if (i !== format.length - 1) {
                 let separatorComponent;
@@ -41,14 +77,14 @@ export function Countdowner(props) {
                     separatorComponent = renderSeparator(num, key);
                 }
                 else {
-                    separatorComponent = separator ? (_jsx("span", { css: separatorStyle, children: separator })) : null;
+                    separatorComponent = separator ? ((0, jsx_runtime_1.jsx)("span", { css: separatorStyle, children: separator })) : null;
                 }
-                content.push(_jsx(React.Fragment, { children: separatorComponent }, `s${i}`));
+                content.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: separatorComponent }, `s${i}`));
             }
         }
     }
-    useEffect(() => {
-        let instance = new Countdown({
+    (0, react_1.useEffect)(() => {
+        let instance = new Countdown_1.Countdown({
             format,
             remain,
             onUpdate(current) {
@@ -70,5 +106,5 @@ export function Countdowner(props) {
             instance = null;
         };
     }, [format, remain]); // ← 移除 onUpdate 和 onEnd 依赖
-    return (_jsx(RowStart, Object.assign({}, extra, { css: containerStyle, children: content })));
+    return ((0, jsx_runtime_1.jsx)(Row_1.RowStart, Object.assign({}, extra, { css: containerStyle, children: content })));
 }

package/build/Dialog/Wrapper.js

@@ -1,18 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Overlay } from "../Overlay";
-import { style, getAnimation } from "./style";
-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 Overlay_1 = require("../Overlay");
+const style_1 = require("./style");
+function Wrapper(props) {
     const { type = "center", status = "show", children, onHide, showMask = true, maskColor, maskStyle, boxStyle, onBlankClick, } = props;
-    const { animation, keyframes } = getAnimation(type, status);
+    const { animation, keyframes } = (0, style_1.getAnimation)(type, status);
     // 选取特定的类型对应的样式
     let boxCss = [
-        style.boxCss,
-        ["pullUp", "pullDown", "pullLeft", "pullRight"].includes(type) ? style[type] : {}
+        style_1.style.boxCss,
+        ["pullUp", "pullDown", "pullLeft", "pullRight"].includes(type) ? style_1.style[type] : {}
     ];
     // 遮罩的样式
     let maskCss = [
-        style.mask,
-        status === "show" ? style.maskShow : style.maskHide,
+        style_1.style.mask,
+        status === "show" ? style_1.style.maskShow : style_1.style.maskHide,
         maskStyle,
         maskColor ? { backgroundColor: maskColor } : {}
     ];
@@ -23,7 +26,7 @@ export function Wrapper(props) {
             onBlankClick === null || onBlankClick === void 0 ? void 0 : onBlankClick(event);
         }
     };
-    return (_jsxs(Overlay, { css: { overflow: "hidden" }, centerContent: type === "center", maskColor: "transparent", fullScreen: true, onClick: showMask ? undefined : blankClick, children: [showMask && _jsx("div", { css: maskCss, onClick: blankClick }), _jsx("div", { css: [boxCss, boxStyle, animation], onAnimationEnd: (event) => {
+    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { css: { overflow: "hidden" }, centerContent: type === "center", maskColor: "transparent", fullScreen: true, onClick: showMask ? undefined : blankClick, children: [showMask && (0, jsx_runtime_1.jsx)("div", { css: maskCss, onClick: blankClick }), (0, jsx_runtime_1.jsx)("div", { css: [boxCss, boxStyle, animation], onAnimationEnd: (event) => {
                     if (status === "hide" && event.animationName === keyframes.name) {
                         onHide === null || onHide === void 0 ? void 0 : onHide();
                     }

package/build/Dialog/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,22 +8,27 @@ 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 React from 'react';
-import { createPortalDOM } from '../utils/dom';
-import { Wrapper } from './Wrapper';
-import isPlainObject from 'lodash/isPlainObject';
-import omit from 'lodash/omit';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showDialog = showDialog;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const dom_1 = require("../utils/dom");
+const Wrapper_1 = require("./Wrapper");
+const isPlainObject_1 = __importDefault(require("lodash/isPlainObject"));
+const omit_1 = __importDefault(require("lodash/omit"));
 /**
  * 显示一个对话框，出现和隐藏都带有动画效果
  * @param option
  * @returns
  */
-export function showDialog(option) {
-    const { mount, unmount } = createPortalDOM();
+function showDialog(option) {
+    const { mount, unmount } = (0, dom_1.createPortalDOM)();
     // 生成全部配置
     let config = { status: 'show', blankClosable: false };
-    if (React.isValidElement(option) || !isPlainObject(option)) {
+    if (react_1.default.isValidElement(option) || !(0, isPlainObject_1.default)(option)) {
         config.content = option;
     }
     else {
@@ -33,7 +39,7 @@ export function showDialog(option) {
     const children = config.content;
     const onBlankClick = config.onBlankClick;
     const onHide = config.onHide;
-    const props = omit(config, [
+    const props = (0, omit_1.default)(config, [
         'blankClosable',
         'content',
         'onHide',
@@ -45,7 +51,7 @@ export function showDialog(option) {
             unmount();
             onHide === null || onHide === void 0 ? void 0 : onHide();
         };
-        yield mount(_jsx(Wrapper, Object.assign({}, props, { children: children })));
+        yield mount((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, Object.assign({}, props, { children: children })));
     });
     // 空白处可点击关闭
     if (blankClosable) {
@@ -55,7 +61,7 @@ export function showDialog(option) {
         });
     }
     // 挂载容器对象
-    const amountShow = mount(_jsx(Wrapper, Object.assign({}, props, { children: children })));
+    const amountShow = mount((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, Object.assign({}, props, { children: children })));
     return () => __awaiter(this, void 0, void 0, function* () {
         // 关闭前确保容器已经被挂载
         yield amountShow;

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,