clxx 2.1.5 → 2.1.7

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,50 +43,98 @@ 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) {
-    let { children, bubble = true, className, activeClassName, style, activeStyle, disable = false } = props, attrs = __rest(props, ["children", "bubble", "className", "activeClassName", "style", "activeStyle", "disable"]);
+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"]);
     // 如果激活样式和激活类都不存在，则设置激活默认样式
-    // 使用 useMemo 避免每次渲染都创建新对象
-    const defaultActiveStyle = React.useMemo(() => {
+    const finalActiveStyle = react_1.default.useMemo(() => {
         if (!activeClassName && !activeStyle) {
             return { opacity: 0.6 };
         }
         return activeStyle;
     }, [activeClassName, activeStyle]);
-    const finalActiveStyle = defaultActiveStyle || activeStyle;
-    const touchable = is('touchable');
-    const [isActive, setIsActive] = useState(false);
-    // 标记是否正处于触摸状态
-    const touchRef = useRef(false);
-    const onStart = (event) => {
+    const touchable = (0, is_1.is)('touchable');
+    const [isActive, setIsActive] = (0, react_1.useState)(false);
+    // 标记是否正处于触摸/按下状态
+    const touchRef = (0, react_1.useRef)(false);
+    // 是否已挂载（防止卸载后更新 state）
+    const mountedRef = (0, react_1.useRef)(true);
+    // 记录触摸起始坐标，用于 touchmove 取消
+    const startPos = (0, react_1.useRef)({ x: 0, y: 0 });
+    (0, react_1.useEffect)(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    const activate = (0, react_1.useCallback)(() => {
+        if (mountedRef.current)
+            setIsActive(true);
+    }, []);
+    const deactivate = (0, react_1.useCallback)(() => {
+        if (mountedRef.current)
+            setIsActive(false);
+    }, []);
+    const onTouchStart = (0, react_1.useCallback)((event) => {
         if (!touchRef.current) {
             touchRef.current = true;
-            // 阻止冒泡
-            if (!bubble) {
+            if (!bubble)
                 event.stopPropagation();
+            const touch = event.touches[0];
+            startPos.current = { x: touch.clientX, y: touch.clientY };
+            activate();
+        }
+    }, [bubble, activate]);
+    const onTouchMove = (0, react_1.useCallback)((event) => {
+        if (touchRef.current) {
+            const touch = event.touches[0];
+            const dx = touch.clientX - startPos.current.x;
+            const dy = touch.clientY - startPos.current.y;
+            if (dx * dx + dy * dy > moveThreshold * moveThreshold) {
+                touchRef.current = false;
+                deactivate();
             }
-            setIsActive(true);
         }
-    };
-    const onEnd = useCallback(() => {
+    }, [moveThreshold, deactivate]);
+    const onTouchEnd = (0, react_1.useCallback)((event) => {
         if (touchRef.current) {
             touchRef.current = false;
-            setIsActive(false);
+            if (!bubble)
+                event.stopPropagation();
+            deactivate();
         }
-    }, []);
-    // PC环境释放逻辑
-    useEffect(() => {
+    }, [bubble, deactivate]);
+    const onMouseDown = (0, react_1.useCallback)((event) => {
+        // 只响应鼠标左键
+        if (event.button !== 0)
+            return;
+        if (!touchRef.current) {
+            touchRef.current = true;
+            if (!bubble)
+                event.stopPropagation();
+            activate();
+        }
+    }, [bubble, activate]);
+    const onMouseUp = (0, react_1.useCallback)(() => {
+        if (touchRef.current) {
+            touchRef.current = false;
+            deactivate();
+        }
+    }, [deactivate]);
+    // PC 环境：在 document 上监听 mouseup，处理鼠标移出元素后释放的场景
+    (0, react_1.useEffect)(() => {
         if (!disable && !touchable) {
             const doc = document.documentElement;
-            doc.addEventListener('mouseup', onEnd);
+            doc.addEventListener('mouseup', onMouseUp);
             return () => {
-                doc.removeEventListener('mouseup', onEnd);
+                doc.removeEventListener('mouseup', onMouseUp);
             };
         }
-    }, [disable, touchable, onEnd]);
+    }, [disable, touchable, onMouseUp]);
     // 根据激活状态计算最终的 className 和 style
     const finalClassName = isActive && typeof activeClassName === 'string'
         ? (typeof className === 'string' ? `${className} ${activeClassName}` : activeClassName)
@@ -64,14 +146,14 @@ export function Clickable(props) {
     // 非禁用状态有点击态行为
     if (!disable) {
         if (touchable) {
-            // 当前如果是触摸环境
-            fullAttrs.onTouchStart = onStart;
-            fullAttrs.onTouchEnd = onEnd;
-            fullAttrs.onTouchCancel = onEnd;
+            fullAttrs.onTouchStart = onTouchStart;
+            fullAttrs.onTouchMove = onTouchMove;
+            fullAttrs.onTouchEnd = onTouchEnd;
+            fullAttrs.onTouchCancel = onTouchEnd;
         }
         else {
-            fullAttrs.onMouseDown = onStart;
+            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,39 +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 { getContextValue } from "../context";
-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) {
-    // 来自全局的环境变量
-    const { minDocWidth, maxDocWidth } = getContextValue();
-    // 获取环境变量
+function Container(props) {
     const { designWidth = 750, globalStyle, children } = props;
     // 计算理论根字体大小（未经浏览器缩放修正）
-    const calculateFontSize = useCallback((width) => {
-        const targetWidth = Math.min(Math.max(width, minDocWidth), maxDocWidth);
-        return (targetWidth * 100) / designWidth;
-    }, [designWidth, minDocWidth, maxDocWidth]);
+    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;
@@ -48,52 +79,36 @@ 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);
         };
     }, []);
-    // 媒体查询边界样式（同样应用缩放修正，与 JS 计算保持一致）
-    const mediaQueryStyles = useMemo(() => {
-        const correct = (size) => scaleFactor === 1
-            ? size
-            : Math.round((size / scaleFactor) * 10) / 10;
-        return {
-            [`@media (min-width: ${maxDocWidth}px)`]: {
-                html: {
-                    fontSize: `${correct((100 * maxDocWidth) / designWidth)}px`,
-                },
-            },
-            [`@media (max-width: ${minDocWidth}px)`]: {
-                html: {
-                    fontSize: `${correct((100 * minDocWidth) / designWidth)}px`,
-                },
-            },
-        };
-    }, [designWidth, minDocWidth, maxDocWidth, scaleFactor]);
-    return (_jsxs(React.Fragment, { children: [_jsx(Global, { styles: [
-                    Object.assign({ "*": {
+    return ((0, jsx_runtime_1.jsxs)(react_2.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Global, { styles: [
+                    {
+                        "*": {
                             boxSizing: "border-box",
-                        }, html: {
+                        },
+                        html: {
                             WebkitTapHighlightColor: "transparent",
                             WebkitOverflowScrolling: "touch",
                             WebkitTextSizeAdjust: "100%",
                             fontSize: `${correctedFontSize}px`,
                             touchAction: "manipulation",
-                        }, body: {
+                        },
+                        body: {
                             fontSize: "16px",
                             margin: "0 auto",
-                            maxWidth: `${maxDocWidth}px`,
-                            minWidth: `${minDocWidth}px`,
-                        } }, mediaQueryStyles),
+                        },
+                    },
                     globalStyle,
                 ] }), isInitialized ? children : null] }));
 }

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;