@para-ui/core 3.0.55 → 3.0.56

package/Menu/interface.d.ts

@@ -0,0 +1,141 @@
+/**
+ * @author linhd
+ * @date 2021/8/10 14:24
+ * @description 菜单参数
+ */
+import React, { ReactNode } from 'react';
+/** 菜单类型 */
+export type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
+/** color类型 */
+export type ColorType = 'deep' | 'light';
+/** logo参数 */
+export interface LogoProps {
+    /** 展开 / 收起 */
+    expansion?: boolean;
+    /** 自定义内容 */
+    render?: ReactNode;
+    /** 样式class */
+    className?: string;
+}
+/** 菜单列表项参数 */
+export interface MenuChildrenProps {
+    /** 样式class */
+    className?: string;
+    /** 菜单名 */
+    label?: ReactNode;
+    /** 菜单类型 */
+    type?: MenuListTypeType;
+    /** 菜单路径 */
+    path?: string;
+    /** href a标签地址 */
+    href?: string;
+    /** 菜单图标 */
+    icon?: ReactNode;
+    /** 菜单组件 */
+    component?: any;
+    /** 子菜单 */
+    children?: MenuChildrenProps[];
+    /** 菜单最后一层所有上下级 一条线 */
+    idMenuLast?: any;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    /** 选中菜单,是否收起其他展开项 */
+    shrinkOthers?: boolean;
+    /** 唯一值,内部属性,自动生成 */
+    _paraui_menu_id?: string;
+    /** 是否第一级 */
+    _paraui_menu_first?: boolean;
+    [name: string]: any;
+}
+/** 菜单列表参数 */
+export interface MenuListProps {
+    /** 颜色 */
+    color?: ColorType;
+    /** 展开 / 收起 */
+    expansion?: boolean;
+    /** 菜单列表参数 */
+    list?: MenuChildrenProps[];
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    /** 样式class */
+    className?: string;
+    /** 选中菜单,是否收起其他展开项 */
+    shrinkOthers?: boolean;
+    [name: string]: any;
+}
+/** 弹出菜单 */
+export interface MenuItemPopoverProps {
+    /** 打开 */
+    open?: boolean;
+    /** 定位元素, 自定义属性 paraui-menu-id */
+    anchorEl?: string;
+    /** 菜单列表 */
+    list?: MenuChildrenProps[];
+    /** 菜单最后一层所有上下级 一条线 */
+    idMenuLast?: any;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    /** 层级 */
+    level?: number;
+    /** 鼠标移入 */
+    onMouseEnter?: Function;
+    /** 鼠标移出 */
+    onMouseLeave: Function;
+    onMouseEnterBus?: Function;
+    onMouseLeaveBus?: Function;
+    /** 主题色 */
+    color?: ColorType;
+    className?: string;
+    [name: string]: any;
+}
+/** 尾部展开 */
+export interface FooterExpansionProps {
+    /** 是否展开 */
+    expansion?: boolean;
+    /** 展开图标 */
+    expandIcon?: ReactNode;
+    /** 收起图标 */
+    shrinkIcon?: ReactNode;
+    /** 自定义尾部 */
+    render?: ReactNode;
+    /** 样式class */
+    className?: string;
+    /** 展开事件 */
+    clickExpansion?: (bol: boolean) => void;
+    /** 版本号 */
+    version?: ReactNode;
+    [name: string]: any;
+}
+/** 菜单参数 */
+export interface MenuProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 颜色 */
+    color?: ColorType;
+    /** 展开 / 收起 */
+    expansion?: boolean;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 选中菜单,是否收起其他展开项 */
+    shrinkOthers?: boolean;
+    /** 显示收缩按钮 */
+    showExpansion?: boolean;
+    /** logo配置 */
+    logoProps?: LogoProps;
+    /** 菜单配置 */
+    menuListProps?: MenuListProps;
+    /** 尾部展开参数 */
+    footerExpansionProps?: FooterExpansionProps;
+    /** 展开事件 */
+    onClickExpansion?: (bol: boolean) => void;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+}

package/Menu/logo.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author linhd
+ * @date 2021/8/10 16:35
+ * @description 菜单图标
+ */
+import { FunctionComponent } from 'react';
+import { LogoProps } from './interface';
+export declare const Logo: FunctionComponent<LogoProps>;
+export default Logo;

package/Menu/verticalMenuList.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author linhd
+ * @date 2021/8/10 17:54
+ * @description 竖向菜单
+ */
+import { FunctionComponent } from 'react';
+import { MenuListProps } from './interface';
+/** 上下箭头 */
+export type FlipDisable = {
+    prev: boolean;
+    next: boolean;
+};
+export declare const VerticalMenuList: FunctionComponent<MenuListProps>;
+export default VerticalMenuList;

package/Message/index.d.ts

@@ -0,0 +1,99 @@
+/**
+ * @author Hanz
+ * @date 2021/8/5 下午8:04
+ * @description message 全局提示
+ */
+import React from 'react';
+import './index.scss';
+type MsgType = 'info' | 'warn' | 'error' | 'success';
+interface InternalMsgConfig {
+    /** 消息id */
+    id?: string;
+    /** 是否启用html渲染内容 */
+    html?: boolean;
+    /** 是否强制显示关闭按钮，默认自动当延迟关闭事件为0或null时自动显示 */
+    close?: boolean;
+    /** 消息文本 */
+    text: string;
+    /** 图标 */
+    icon?: any;
+    /** 内部消息类型 */
+    type: MsgType;
+    /** 最大显示数 */
+    maxCount?: number;
+    /** 描述 */
+    desc?: string;
+    /** 是否隐藏图标 */
+    hideIcon?: boolean;
+    /** 样式类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+}
+interface MsgGlobalConfig {
+    /**
+     * 最大显示数
+     */
+    maxCount?: number;
+    /**
+     * 时长
+     */
+    duration?: number;
+}
+export declare const MessageBar: React.FC<InternalMsgConfig>;
+declare const _default: () => JSX.Element;
+export default _default;
+export type MsgTypeProps = {
+    /**是否启用html渲染内容*/
+    html?: boolean;
+    /**是否强制显示关闭按钮，默认自动当延迟关闭事件为0或null时自动显示*/
+    close?: boolean;
+    /**
+     * 消息文本
+     */
+    text?: string;
+    /**
+     * 图标
+     */
+    icon?: any;
+    /**
+     * 最大显示数
+     */
+    maxCount?: number;
+    /**
+     * 描述
+     */
+    desc?: string;
+    /**
+     * 隐藏默认图标
+     */
+    hideIcon?: boolean;
+    /**
+     * cls
+     */
+    className?: string;
+    /**
+     * style
+     */
+    style?: React.CSSProperties;
+};
+interface MsgPorps {
+    (config: string | MsgTypeProps, duration?: number): void;
+}
+export interface MessageObject {
+    /**信息*/
+    info: MsgPorps;
+    /**警告*/
+    warn: MsgPorps;
+    /**错误*/
+    error: MsgPorps;
+    /**成功*/
+    success: MsgPorps;
+    /** 清除所有 */
+    clear?: () => void;
+    /** 销毁所有，兼容写法 */
+    destroyAll?: () => void;
+    /** 全局配置 */
+    config?: (config: MsgGlobalConfig) => void;
+}
+export declare const Message: MessageObject;

package/Message/index.js

@@ -0,0 +1,246 @@
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
+import { jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import WarningCircleF from '@para-ui/icons/WarningCircleF';
+import CompleteIcon from '@para-ui/icons/CheckCircleF';
+import CloseIcon from '@para-ui/icons/Close';
+import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-message-box {\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v3-message-box--message-float {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\n.paraui-v3-message-box .msg-item .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 44px;\n  padding: 12px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v3-message-box .msg-item .msg-icon {\n  position: absolute;\n  top: 15px;\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v3-message-box .msg-item .msg-icon svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v3-message-box .msg-item .msg-text {\n  display: inline-block;\n  max-width: 60vw;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 22px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.paraui-v3-message-box .msg-item .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v3-message-box .msg-item .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v3-message-box .msg-item .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v3-message-box .msg-item .msg-close {\n  position: absolute;\n  right: 16px;\n  top: 15px;\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v3-message-box .msg-item .msg-close svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v3-message-box .msg-item-fill .msg-wrapper {\n  width: 100%;\n}\n.paraui-v3-message-box .msg-info {\n  background-color: rgb(243, 246, 252);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-message-box .msg-info .msg-close {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-message-box .msg-warn {\n  background-color: rgb(254, 249, 245);\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-message-box .msg-warn .msg-close {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-message-box .msg-error {\n  background-color: rgb(253, 246, 245);\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-message-box .msg-error .msg-close {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-message-box .msg-success {\n  background-color: rgb(245, 251, 242);\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-message-box .msg-success .msg-close {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-message-box .message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
+styleInject(css_248z);
+
+//图标map
+var iconMapping = {
+  'info': jsx(WarningCircleF, {}),
+  'warn': jsx(WarningCircleF, {}),
+  'error': jsx(CloseCircleFilled, {}),
+  'success': jsx(CompleteIcon, {})
+};
+//获取window
+var getMsgWindow = function getMsgWindow() {
+  return window === window.top ? window : window.top;
+};
+//消息内容模板
+var template = function template(_ref) {
+  var icon = _ref.icon,
+    text = _ref.text,
+    id = _ref.id,
+    type = _ref.type,
+    html = _ref.html,
+    close = _ref.close,
+    desc = _ref.desc,
+    hideIcon = _ref.hideIcon;
+  var item = document.createElement('div');
+  item.className = "msg-item";
+  item.id = id || "";
+  item.innerHTML = "<div class=\"msg-wrapper message-fadeInDown msg-".concat(type, "\">\n                ").concat(icon ? "<div class=\"msg-icon\"></div>" : '', "\n                <div class=\"msg-text\"></div>\n                ").concat(close ? "<div class=\"msg-close\"></div>" : '', "\n                </div>\n    ");
+  var msgBox = item.querySelector('.msg-text');
+  if (!msgBox) return item;
+  if (html) msgBox.innerHTML = text;else msgBox.textContent = text;
+  //描述
+  if (desc) {
+    var span = document.createElement('span');
+    span.className = 'msg-desc';
+    span.textContent = desc || '';
+    msgBox.classList.add('msg-text--title');
+    msgBox.appendChild(span);
+  }
+  if (hideIcon) {
+    msgBox.classList.add('msg-text--noicon');
+  }
+  var msgClose = item.querySelector('.msg-close');
+  if (msgClose) msgClose.addEventListener('click', function () {
+    var _a;
+    var hasNode = document.querySelector("#".concat(id));
+    if (hasNode) {
+      (_a = item === null || item === void 0 ? void 0 : item.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(item);
+      item = null;
+    }
+  });
+  return item;
+};
+var MessageBar = function MessageBar(props) {
+  var className = props.className,
+    style = props.style,
+    type = props.type;
+  var pId = createParentId();
+  var mId = getMsgId();
+  var cls = getParentClassName(props.className || "");
+  if (className) cls += " ".concat(className);
+  useEffect(function () {
+    var parent = document.getElementById(pId);
+    renderContent(parent, Object.assign(Object.assign({}, props), {
+      id: mId,
+      icon: iconMapping[type]
+    }), 0, false, true);
+    return function () {
+      var hasNode = document.querySelector("#".concat(mId));
+      if (hasNode) {
+        parent === null || parent === void 0 ? void 0 : parent.removeChild(hasNode);
+      }
+    };
+  }, _toConsumableArray(Object.values(props)));
+  return jsx("div", {
+    id: pId,
+    className: cls,
+    style: style
+  });
+};
+var createParentId = function createParentId() {
+  return "msgbox_" + String(Math.random() * 100000 | 0 + new Date().getTime());
+};
+//消息box id
+var parentId = createParentId();
+//message mountNode
+var index = (function () {
+  return jsx("div", {
+    className: "".concat($prefixCls, "-message-box"),
+    id: parentId
+  });
+});
+//渲染msg 内容
+var renderContent = function renderContent(box, _ref2, removeTime, autoClose, fill) {
+  var icon = _ref2.icon,
+    text = _ref2.text,
+    id = _ref2.id,
+    type = _ref2.type,
+    html = _ref2.html,
+    close = _ref2.close,
+    desc = _ref2.desc,
+    hideIcon = _ref2.hideIcon;
+  var item = template({
+    id: id,
+    text: text,
+    icon: icon,
+    type: type,
+    html: html,
+    close: close,
+    desc: desc,
+    hideIcon: hideIcon
+  });
+  if (fill && item) item.classList.add("msg-item-fill");
+  box === null || box === void 0 ? void 0 : box.appendChild(item);
+  var iconDom = document.querySelector("#".concat(id, " .msg-icon"));
+  if (iconDom && icon && !hideIcon) ReactDOM.render(icon, iconDom);
+  var closeDom = document.querySelector("#".concat(id, " .msg-close"));
+  if (closeDom) ReactDOM.render(jsx(CloseIcon, {}), closeDom);
+  if (!autoClose) return;
+  setTimeout(function () {
+    var hasNode = document.querySelector("#".concat(item.id));
+    if (hasNode) box === null || box === void 0 ? void 0 : box.removeChild(item);
+  }, removeTime);
+};
+//message 构造方法
+var Msg = function Msg(config, removeTime, type, parentId) {
+  var _a, _b;
+  var getMsgConf = function getMsgConf() {
+    var _win = getMsgWindow();
+    return _win['__msg_conf__'] || {};
+  };
+  var icon = iconMapping[type],
+    text = '',
+    desc = '',
+    html = false,
+    close,
+    hideIcon = false,
+    maxCount = (_a = getMsgConf().maxCount) !== null && _a !== void 0 ? _a : Infinity,
+    duration = (_b = getMsgConf().duration) !== null && _b !== void 0 ? _b : removeTime,
+    className = '';
+  var autoClose = !isNaN(duration) && duration > 0;
+  if (typeof config === "string") text = config;else if (_typeof(config) === "object") {
+    text = config.text || '';
+    desc = config.desc;
+    icon = config.icon || iconMapping[type];
+    html = config.html || false;
+    hideIcon = config.hideIcon || false;
+    if (config.maxCount > 0) maxCount = config.maxCount || Infinity;
+  }
+  if (_typeof(config) === "object" && typeof config.close === "boolean") close = config.close;else close = !autoClose;
+  var parent = document.getElementById(parentId);
+  if (!parent) {
+    parent = document.createElement('div');
+    parent.id = parentId;
+    document.body.appendChild(parent);
+  }
+  parent.className = getParentClassName(className);
+  parent.className += ' ' + "".concat($prefixCls, "-message-box--message-float");
+  var id = getMsgId();
+  renderContent(parent, {
+    id: id,
+    text: text,
+    icon: icon,
+    type: type,
+    html: html,
+    close: close,
+    desc: desc,
+    hideIcon: hideIcon
+  }, duration, autoClose);
+  dropEleWhenExceedLimit(parent, maxCount);
+};
+var getParentClassName = function getParentClassName(className) {
+  return "".concat($prefixCls, "-message-box").concat(className ? ' ' + className : '');
+};
+var getMsgId = function getMsgId() {
+  return 'msgitem_' + String(Math.random() * 100000 | 0 + new Date().getTime());
+};
+//超出maxCount 删除之前元素
+var dropEleWhenExceedLimit = function dropEleWhenExceedLimit(parent, maxCount) {
+  var _a, _b;
+  if (!parent || !((_a = parent.children) === null || _a === void 0 ? void 0 : _a.length)) return;
+  var child = parent.children;
+  var len = child.length;
+  if (len > maxCount) {
+    for (var i = 0; i < len; i++) {
+      if (i < maxCount && child[i]) {
+        (_b = child[i].parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(child[i]);
+      }
+    }
+  }
+};
+//清除所有msg
+var clearFunc = function clearFunc(parentId) {
+  var parent = document.getElementById(parentId);
+  if (!parent) return;
+  parent.innerHTML = '';
+};
+//msg 全局配置
+var msgConfig = function msgConfig() {
+  var conf = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _win = getMsgWindow();
+  _win.__msg_conf__ = conf;
+};
+//message
+var Message = {
+  info: function info(config) {
+    var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    return Msg(config, duration, 'info', parentId);
+  },
+  warn: function warn(config) {
+    var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    return Msg(config, duration, 'warn', parentId);
+  },
+  error: function error(config) {
+    var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    return Msg(config, duration, 'error', parentId);
+  },
+  success: function success(config) {
+    var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
+    return Msg(config, duration, 'success', parentId);
+  },
+  clear: function clear() {
+    return clearFunc(parentId);
+  },
+  destroyAll: function destroyAll() {
+    return clearFunc(parentId);
+  },
+  config: function config(_config) {
+    return msgConfig(_config);
+  }
+};
+
+export { Message, MessageBar, index as default };

package/Modal/Confirm/index.d.ts

@@ -0,0 +1,65 @@
+import { ReactNode } from "react";
+import { ButtonProps } from "../../Button";
+import './index.scss';
+type ConfirmType = "success" | "info" | "error" | "warn" | "warning";
+interface ConfirmDialogProps {
+    /**图标类型*/
+    type?: ConfirmType;
+    /**打开*/
+    open?: boolean;
+    /**标题*/
+    title?: ReactNode;
+    /**内容*/
+    content?: ReactNode;
+    /**自定义图标*/
+    icon?: ReactNode;
+    /**ok文本*/
+    okText?: string;
+    /**cancel文本*/
+    cancelText?: string;
+    /**底部操作栏*/
+    actions?: ReactNode;
+    /**是否显示actions*/
+    showActions?: boolean;
+    /**确定回调*/
+    onOk?: Function;
+    /**取消回调*/
+    onCancel?: Function;
+    /**cls*/
+    className?: string;
+    /**confirm 宽度*/
+    width?: string | number;
+    /**显示取消按钮*/
+    showCancel?: boolean;
+    /**显示关闭按钮*/
+    closable?: boolean;
+    /**禁用backdrop点击*/
+    disableBackdropClick?: boolean;
+    /**禁用esc键*/
+    disableEscapeKeyDown?: boolean;
+    /**确定按钮属性*/
+    okButtonProps?: ButtonProps;
+    /**取消按钮属性*/
+    cancelButtonProps?: ButtonProps;
+    /**promise resolve*/
+    resolveFn?: Function;
+    /**确定时回调*/
+    callback?: Function;
+    /**销毁方法*/
+    destroy?: Function;
+}
+type ConfirmProps = Omit<ConfirmDialogProps, 'open' | 'resolveFn' | 'destroy' | 'callback'> & {
+    uuid?: string;
+};
+interface ConfirmFn {
+    (config: ConfirmProps | string, callback?: Function): void | Promise<any>;
+}
+export interface ConfirmObject {
+    info: ConfirmFn;
+    warn: ConfirmFn;
+    error: ConfirmFn;
+    success: ConfirmFn;
+    destroyAll?: (uuid?: string) => void;
+}
+export declare const Confirm: ConfirmObject;
+export {};

package/Modal/index.d.ts

@@ -0,0 +1,99 @@
+import React, { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+import { Confirm, ConfirmObject } from "./Confirm";
+import './index.scss';
+type ModalSize = 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
+export interface ModalProps {
+    /** 对话框是否可见 */
+    visible?: boolean;
+    /** 打开 */
+    open?: boolean;
+    /** 确定按钮 loading */
+    confirmLoading?: boolean;
+    /** 标题 */
+    title?: ReactNode;
+    /** 内容 */
+    children?: ReactNode;
+    /** 对话框头部 */
+    header?: ReactNode;
+    /** 隐藏对话框头部 */
+    hideHeader?: boolean;
+    /** 底部操作栏 */
+    actions?: ((buttons: ReactNode[]) => ReactNode[]) | ReactNode;
+    /** 底部内容 */
+    footer?: ((buttons: ReactNode[]) => ReactNode[]) | ReactNode;
+    /** 是否显示actions */
+    showActions?: boolean;
+    /** 显示取消按钮 */
+    showCancel?: boolean;
+    /** 是否显示右上角的关闭按钮 */
+    closable?: boolean;
+    /** 点击确定回调 */
+    onOk?: (e?: React.MouseEvent<HTMLElement>) => void;
+    /** 点击模态框右上角叉、取消按钮,return false 不关闭 */
+    onCancel?: (e?: React.MouseEvent<HTMLElement>) => boolean | void;
+    afterClose?: () => void;
+    /** 大小 */
+    size?: ModalSize;
+    /** 垂直居中 */
+    centered?: boolean;
+    /** 宽度 */
+    width?: string | number;
+    /** 确认按钮文字 */
+    okText?: ReactNode;
+    /** 确认按钮类型 */
+    okType?: string;
+    /** 取消按钮文字 */
+    cancelText?: ReactNode;
+    /** 点击蒙层是否允许关闭 */
+    maskClosable?: boolean;
+    disableBackdropClick?: boolean;
+    /** 强制渲染 Modal */
+    forceRender?: boolean;
+    /** 确定按钮属性 */
+    okButtonProps?: ButtonProps;
+    /** 取消按钮属性 */
+    cancelButtonProps?: ButtonProps;
+    /** 关闭时是否销毁 */
+    destroyOnClose?: boolean;
+    /** style */
+    style?: React.CSSProperties;
+    /** 包裹classname */
+    wrapClassName?: string;
+    /** cls */
+    className?: string;
+    /** 渲染容器 */
+    getContainer?: string | HTMLElement | (() => HTMLElement) | false;
+    /** 设置z-index */
+    zIndex?: number;
+    /** body样式 */
+    bodyStyle?: React.CSSProperties;
+    /** mask样式 */
+    maskStyle?: React.CSSProperties;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+    /** 是否支持键盘esc关闭 */
+    keyboard?: boolean;
+    disableEscapeKeyDown?: boolean;
+    /** 右上角关闭图标 */
+    closeIcon?: ReactNode;
+    /** 自定义渲染对话框 */
+    modalRender?: (node: ReactNode) => ReactNode;
+    /** 对话框关闭后是否需要聚焦触发元素 */
+    focusTriggerAfterClose?: boolean;
+    /** 是否全屏 */
+    fullScreen?: boolean;
+    /** 自定义大小 */
+    customizeSize?: React.CSSProperties;
+    /** 内容宽度 */
+    contentWidth?: number | string;
+    /** 内容高度 */
+    contentHeight?: number | string;
+    /** 内容样式 */
+    contentStyle?: React.CSSProperties;
+    [name: string]: any;
+}
+export declare const Modal: React.FC<ModalProps>;
+export { Confirm };
+export type { ConfirmObject };
+export default Modal;