clxx 2.1.5 → 2.1.7

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,6 +1,8 @@
-import { keyframes } from "@emotion/react";
-import { adaptive } from "../utils/cssUtil";
-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;
   }
@@ -8,7 +10,7 @@ export const LoadingShow = keyframes `
     opacity: 1;
   }
 `;
-export const LoadingHide = keyframes `
+exports.LoadingHide = (0, react_1.keyframes) `
   from {
     opacity: 1;
   }
@@ -16,34 +18,34 @@ export const LoadingHide = keyframes `
     opacity: 0;
   }
 `;
-export const style = {
-    boxCommon: adaptive({
+exports.style = {
+    boxCommon: {
         backgroundColor: `rgba(0, 0, 0, .8)`,
-        borderRadius: 16,
-    }),
-    box: adaptive({
-        width: 160,
-        height: 160,
-    }),
+        borderRadius: '.16rem',
+    },
+    box: {
+        width: '1.6rem',
+        height: '1.6rem',
+    },
     boxShow: {
-        animation: `${LoadingShow} 200ms`,
+        animation: `${exports.LoadingShow} 200ms`,
     },
     boxHide: {
-        animation: `${LoadingHide} 200ms`,
+        animation: `${exports.LoadingHide} 200ms`,
     },
     boxWithExtra: [
-        adaptive({ padding: 30 }),
+        { padding: '.3rem' },
         {
-            "> div:first-of-type": adaptive({
-                width: 48,
-                height: 48,
-            }),
+            "> div:first-of-type": {
+                width: '.48rem',
+                height: '.48rem',
+            },
         },
     ],
-    hint: adaptive({
+    hint: {
         color: "#f5f5f5dd",
         whiteSpace: "nowrap",
-        fontSize: 28,
-        marginLeft: 20,
-    }),
+        fontSize: '.28rem',
+        marginLeft: '.2rem',
+    },
 };

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,21 +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";
-import { getContextValue } from "../context";
-import { useWindowResize } from "../Effect/useWindowResize";
+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);
-    const [innerWidth, setInnerWidth] = useState(window.innerWidth);
-    useLayoutEffect(() => {
+    const [mount, setMount] = (0, react_1.useState)(null);
+    (0, react_1.useLayoutEffect)(() => {
         if (outside) {
             const div = document.createElement("div");
             document.body.appendChild(div);
@@ -33,34 +33,18 @@ export function Overlay(props) {
             };
         }
     }, [outside]);
-    // 页面大小变化时，innerWidth 也会更新
-    useWindowResize(() => {
-        setInnerWidth(window.innerWidth);
-    });
-    const ctx = getContextValue();
     // 使用 useMemo 缓存样式计算，避免每次渲染都重新计算
-    const style = useMemo(() => {
+    const style = (0, react_1.useMemo)(() => {
         const styles = [];
         // 如果是全屏，设置全屏样式
         if (fullScreen) {
-            // 获取宽度
-            let width = innerWidth;
-            if (width >= ctx.maxDocWidth) {
-                width = ctx.maxDocWidth;
-            }
-            else if (width <= ctx.minDocWidth) {
-                width = ctx.minDocWidth;
-            }
             styles.push({
                 zIndex: 9999,
                 position: "fixed",
                 top: 0,
-                left: "50%",
-                marginLeft: `-${width / 2}px`,
-                width: `${width}px`,
+                left: 0,
+                width: "100%",
                 height: "100%",
-                maxWidth: `${ctx.maxDocWidth}px`,
-                minWidth: `${ctx.minDocWidth}px`,
                 backgroundColor: maskColor,
             });
         }
@@ -73,8 +57,8 @@ export function Overlay(props) {
             });
         }
         return styles;
-    }, [fullScreen, innerWidth, ctx.maxDocWidth, ctx.minDocWidth, maskColor, centerContent]);
-    const content = (_jsx("div", Object.assign({ css: style }, extra, { children: children })));
+    }, [fullScreen, maskColor, centerContent]);
+    const content = ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: style }, extra, { children: children })));
     /**
      * 如果是挂载到当前位置，直接返回
      */
@@ -90,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 })));
 }

package/build/ScrollView/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,12 +10,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
-import { Indicator } from "../Indicator";
-import { RowCenter } from "../Flex/Row";
-import { style } from "./style";
-export function ScrollView(props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollView = ScrollView;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const Indicator_1 = require("../Indicator");
+const Row_1 = require("../Flex/Row");
+const style_1 = require("./style");
+function ScrollView(props) {
     const { children, height, reachTopThreshold = 50, onReachTop, reachBottomThreshold = 50, onReachBottom, showLoading = true, loadingContent, onScroll, scrollThrottle = 16, containerStyle, wrapperStyle, loadingStyle } = props, attrs = __rest(props, ["children", "height", "reachTopThreshold", "onReachTop", "reachBottomThreshold", "onReachBottom", "showLoading", "loadingContent", "onScroll", "scrollThrottle", "containerStyle", "wrapperStyle", "loadingStyle"]);
     // 容器高度
     const heightStyle = {};
@@ -22,17 +25,17 @@ export function ScrollView(props) {
         heightStyle.height = height;
     }
     // 滚动容器
-    const container = useRef(null);
+    const container = (0, react_1.useRef)(null);
     // 当前滚动到顶部的距离
-    const lastScrollTop = useRef(0);
+    const lastScrollTop = (0, react_1.useRef)(0);
     // 防止重复触发的标记
-    const hasReachedTop = useRef(false);
-    const hasReachedBottom = useRef(false);
+    const hasReachedTop = (0, react_1.useRef)(false);
+    const hasReachedBottom = (0, react_1.useRef)(false);
     // 节流控制
-    const throttleTimer = useRef(undefined);
-    const lastCallTime = useRef(0);
+    const throttleTimer = (0, react_1.useRef)(undefined);
+    const lastCallTime = (0, react_1.useRef)(0);
     // 使用 ref 保存所有滚动处理需要的 props，彻底消除陈旧闭包
-    const propsRef = useRef({
+    const propsRef = (0, react_1.useRef)({
         onScroll,
         onReachTop,
         onReachBottom,
@@ -47,16 +50,16 @@ export function ScrollView(props) {
         reachBottomThreshold,
     };
     // container 是否有滚动条
-    const [hasScrollBar, setHasScrollBar] = useState(false);
+    const [hasScrollBar, setHasScrollBar] = (0, react_1.useState)(false);
     // 检查是否有滚动条
-    const checkScrollBar = useCallback(() => {
+    const checkScrollBar = (0, react_1.useCallback)(() => {
         if (container.current) {
             const hasScroll = container.current.scrollHeight > container.current.clientHeight;
             setHasScrollBar(hasScroll);
         }
     }, []);
     // 使用 ResizeObserver 监听内容高度变化
-    useLayoutEffect(() => {
+    (0, react_1.useLayoutEffect)(() => {
         const containerEl = container.current;
         if (!containerEl)
             return;
@@ -77,7 +80,7 @@ export function ScrollView(props) {
     }, [checkScrollBar]);
     // 核心滚动处理逻辑
     // 所有外部值从 ref 读取，deps 为空，引用永远稳定，不存在闭包过期问题
-    const processScroll = useCallback((rawEvent) => {
+    const processScroll = (0, react_1.useCallback)((rawEvent) => {
         const box = container.current;
         if (!box)
             return;
@@ -129,7 +132,7 @@ export function ScrollView(props) {
         lastScrollTop.current = scrollTop;
     }, []);
     // 节流滚动回调（leading + trailing）
-    const scrollCallback = useCallback((rawEvent) => {
+    const scrollCallback = (0, react_1.useCallback)((rawEvent) => {
         // 不节流时直接执行
         if (scrollThrottle <= 0) {
             processScroll(rawEvent);
@@ -161,7 +164,7 @@ export function ScrollView(props) {
         }
     }, [scrollThrottle, processScroll]);
     // 清理节流定时器
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         return () => {
             if (throttleTimer.current !== undefined) {
                 clearTimeout(throttleTimer.current);
@@ -172,11 +175,11 @@ export function ScrollView(props) {
     let showLoadingContent = null;
     if (showLoading) {
         if (!loadingContent) {
-            showLoadingContent = (_jsxs(RowCenter, { css: [style.loading, loadingStyle], children: [_jsx(Indicator, { barColor: "#333", barCount: 12 }), _jsx("p", { children: "\u6570\u636E\u52A0\u8F7D\u4E2D..." })] }));
+            showLoadingContent = ((0, jsx_runtime_1.jsxs)(Row_1.RowCenter, { css: [style_1.style.loading, loadingStyle], children: [(0, jsx_runtime_1.jsx)(Indicator_1.Indicator, { barColor: "#333", barCount: 12 }), (0, jsx_runtime_1.jsx)("p", { children: "\u6570\u636E\u52A0\u8F7D\u4E2D..." })] }));
         }
         else {
             showLoadingContent = loadingContent;
         }
     }
-    return (_jsxs("div", Object.assign({ css: [style.container, heightStyle, containerStyle], onScroll: scrollCallback, ref: container }, attrs, { children: [_jsx("div", { css: wrapperStyle, children: children }), hasScrollBar && showLoadingContent] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ css: [style_1.style.container, heightStyle, containerStyle], onScroll: scrollCallback, ref: container }, attrs, { children: [(0, jsx_runtime_1.jsx)("div", { css: wrapperStyle, children: children }), hasScrollBar && showLoadingContent] })));
 }

package/build/ScrollView/style.js

@@ -1,29 +1,31 @@
-import { adaptive } from "../utils/cssUtil";
-export const style = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+exports.style = {
     container: {
         overflow: "auto",
         height: "100%",
         WebkitOverflowScrolling: "touch",
     },
     loading: [
-        adaptive({
-            paddingTop: 15,
-            paddingBottom: 15,
-        }),
         {
-            "> div": adaptive({
-                width: 30,
-                height: 30,
-            }),
+            paddingTop: '.15rem',
+            paddingBottom: '.15rem',
+        },
+        {
+            "> div": {
+                width: '.3rem',
+                height: '.3rem',
+            },
             "> p": [
                 {
                     color: "#666",
                     lineHeight: 1,
                 },
-                adaptive({
-                    marginLeft: 16,
-                    fontSize: 24,
-                }),
+                {
+                    marginLeft: '.16rem',
+                    fontSize: '.24rem',
+                },
             ],
         },
     ],

package/build/Toast/Toast.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,17 +43,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import React, { useState, useEffect } from "react";
-import { style, getAnimation } from "./style";
-export function Toast(props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = Toast;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const style_1 = require("./style");
+function Toast(props) {
     const { content = "", position = "middle", duration = 2000, radius = 16, offsetTop = 50, offsetBottom = 50, onHide = () => undefined, containerStyle, contentStyle } = props, attributes = __rest(props, ["content", "position", "duration", "radius", "offsetTop", "offsetBottom", "onHide", "containerStyle", "contentStyle"]);
     // 初始化显示的动画
-    const getResult = getAnimation(position, "show");
-    const [animation, setAnimation] = useState(getResult.animation);
-    useEffect(() => {
+    const getResult = (0, style_1.getAnimation)(position, "show");
+    const [animation, setAnimation] = (0, react_1.useState)(getResult.animation);
+    (0, react_1.useEffect)(() => {
         const timer = window.setTimeout(() => {
-            const { animation } = getAnimation(position, "hide");
+            const { animation } = (0, style_1.getAnimation)(position, "hide");
             setAnimation(animation);
         }, duration);
         return () => {
@@ -27,29 +63,29 @@ export function Toast(props) {
         };
     }, [position, duration]);
     let showContent;
-    const middleStyle = position === "middle" ? style.contentMiddle : undefined;
-    if (React.isValidElement(content)) {
-        showContent = _jsx("div", { css: [middleStyle, contentStyle], children: content });
+    const middleStyle = position === "middle" ? style_1.style.contentMiddle : undefined;
+    if (react_1.default.isValidElement(content)) {
+        showContent = (0, jsx_runtime_1.jsx)("div", { css: [middleStyle, contentStyle], children: content });
     }
     else {
-        showContent = (_jsx("p", { css: [style.content(radius), middleStyle, contentStyle], children: content }));
+        showContent = ((0, jsx_runtime_1.jsx)("p", { css: [style_1.style.content(radius), middleStyle, contentStyle], children: content }));
     }
     // toast消失动画结束触发
     const animationEnd = (event) => {
-        const { keyframes } = getAnimation(position, "hide");
+        const { keyframes } = (0, style_1.getAnimation)(position, "hide");
         if (event.animationName === keyframes.name) {
             onHide === null || onHide === void 0 ? void 0 : onHide();
         }
     };
     let positionStyle;
     if (position === "top") {
-        positionStyle = style.top(offsetTop);
+        positionStyle = style_1.style.top(offsetTop);
     }
     else if (position === "bottom") {
-        positionStyle = style.bottom(offsetBottom);
+        positionStyle = style_1.style.bottom(offsetBottom);
     }
     else {
-        positionStyle = style.middle;
+        positionStyle = style_1.style.middle;
     }
-    return (_jsx("div", Object.assign({ css: [style.container(), positionStyle, animation, containerStyle], onAnimationEnd: animationEnd }, attributes, { children: showContent })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: [style_1.style.container(), positionStyle, animation, containerStyle], onAnimationEnd: animationEnd }, attributes, { children: showContent })));
 }

package/build/Toast/index.js

@@ -1,39 +1,46 @@
-import { createElement as _createElement } from "@emotion/react";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import React from 'react';
-import { uniqKey } from '../utils/uniqKey';
-import { createPortalDOM } from '../utils/dom';
-import { Toast as ToastComponent } from './Toast';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showToast = showToast;
+exports.showUniqToast = showUniqToast;
+const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_2 = __importDefault(require("react"));
+const uniqKey_1 = require("../utils/uniqKey");
+const dom_1 = require("../utils/dom");
+const Toast_1 = require("./Toast");
 /**
  * 显示一个全局的轻提示，这个toast不是唯一的
  * @param option 可以是一个字符串，也可以是一个React组件
  */
-export function showToast(option) {
-    const { mount, unmount } = createPortalDOM();
+function showToast(option) {
+    const { mount, unmount } = (0, dom_1.createPortalDOM)();
     let props = {};
-    if (React.isValidElement(option) || typeof option !== 'object') {
+    if (react_2.default.isValidElement(option) || typeof option !== 'object') {
         props.content = option;
     }
     else {
         props = option;
     }
     props.onHide = unmount;
-    mount(_jsx(ToastComponent, Object.assign({}, props)));
+    mount((0, jsx_runtime_1.jsx)(Toast_1.Toast, Object.assign({}, props)));
 }
 /**
  * 生成一个全局唯一的Toast
  * @param option
  */
 let portalDOM = null;
-export function showUniqToast(option) {
+function showUniqToast(option) {
     // 先清理上一个 Toast 的 DOM 容器，避免快速连续调用时旧容器泄漏
     if (portalDOM) {
         portalDOM.unmount();
         portalDOM = null;
     }
-    portalDOM = createPortalDOM();
+    portalDOM = (0, dom_1.createPortalDOM)();
     let props = {};
-    if (React.isValidElement(option) || typeof option !== 'object') {
+    if (react_2.default.isValidElement(option) || typeof option !== 'object') {
         props.content = option;
     }
     else {
@@ -44,5 +51,5 @@ export function showUniqToast(option) {
         portalDOM = null;
     };
     props.onHide = onHide;
-    portalDOM.mount(_createElement(ToastComponent, Object.assign({}, props, { key: uniqKey() })));
+    portalDOM.mount((0, react_1.createElement)(Toast_1.Toast, Object.assign({}, props, { key: (0, uniqKey_1.uniqKey)() })));
 }