@uni-sw/u-design 2.0.4

package/es/components/UModal/index.js

@@ -0,0 +1,322 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/**
+ * original-Author: likai
+ * modify-Author: wangfenglei
+ * createTime: 2021/07/28
+ * component-Name：UModal
+ * component-Description：基于antd Modal的弹框
+ * extend-Props：
+ * canDragm       Boolean   是否允许拖拽            默认false
+ * canZoom        Boolean   是否允许最大化、最小化   默认false
+ * canClickBack   Boolean   是否允许点击底部         默认false
+ */
+import React, { useState, useEffect, useMemo } from 'react';
+import Modal from "./modal";
+import confirm, { modalGlobalConfig, withConfirm, withError, withInfo, withSuccess, withWarn } from "./modal/confirm";
+import destroyFns from "./modal/destroyFns";
+import useModal from "./modal/useModal";
+import DragM from 'dragm';
+import classnames from 'classnames';
+import { _getGuid, _goFullScreen, _exitFullScreen } from "../../globalFunc";
+import { getTheme, CUSTOM_PREFIX } from "../../globalVarious";
+import "./style";
+var ModalSize;
+(function (ModalSize) {
+  ModalSize["Normal"] = "normal";
+  ModalSize["Max"] = "max";
+  ModalSize["Min"] = "min";
+})(ModalSize || (ModalSize = {}));
+var OriModal = function OriModal(props) {
+  var _useState = useState(ModalSize.Normal),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalSize = _useState2[0],
+    setModalSize = _useState2[1];
+  //生成唯一的className
+  //保证多个modal加载时，this.modalTitleDom可以确定到具体的DOM
+  var _useState3 = useState(_getGuid()),
+    _useState4 = _slicedToArray(_useState3, 1),
+    modalId = _useState4[0];
+  /**
+   * 只有canDragm、canClickBack都为true时 才生效
+   */
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dragming = _useState6[0],
+    setDragming = _useState6[1];
+  var footer = props.footer,
+    className = props.className,
+    theme = props.theme,
+    wrapClassName = props.wrapClassName,
+    _props$canClickBack = props.canClickBack,
+    canClickBack = _props$canClickBack === void 0 ? false : _props$canClickBack,
+    _props$mask = props.mask,
+    mask = _props$mask === void 0 ? true : _props$mask,
+    title = props.title,
+    _props$centered = props.centered,
+    centered = _props$centered === void 0 ? true : _props$centered,
+    children = props.children,
+    canZoom = props.canZoom,
+    canDragm = props.canDragm,
+    maskStyle = props.maskStyle;
+  var modalDom = null; //modal弹框DOM
+  var modalHeight = 0; //modal弹框高
+  var modalWidth = 0; //modal弹框宽
+  var minSize = 40; //移动到边缘时，可显示的最小值
+  // 拼接类名前缀
+  var modalPrefix = "".concat(CUSTOM_PREFIX, "-modal");
+  //#region ESC退出
+  /**
+   * ESC退出事件
+   */
+  var _escExitFullScree = function _escExitFullScree(e) {
+    var el = document;
+    var isFull = el.webkitIsFullScreen;
+    if (!isFull) {
+      _changeSize(ModalSize.Normal);
+    }
+  };
+  useEffect(function () {
+    //监听esc全屏退出事件
+    document.addEventListener('webkitfullscreenchange', _escExitFullScree);
+    return function () {
+      document.removeEventListener('webkitfullscreenchange', _escExitFullScree);
+    };
+  }, []);
+  //#endregion 
+  //#region 拖拽事件监听
+  /**
+   * 移动拖拽开始
+   */
+  var _dragmStart = function _dragmStart() {
+    if (canDragm && canClickBack && !dragming) {
+      setDragming(true);
+    }
+  };
+  /**
+  * 移动拖拽结束
+  */
+  var _dragmEnd = function _dragmEnd() {
+    setDragming(false);
+  };
+  useEffect(function () {
+    if (canDragm && canClickBack) {
+      window.addEventListener('mouseup', _dragmEnd);
+    }
+    return function () {
+      window.removeEventListener('mouseup', _dragmEnd);
+    };
+  }, [canDragm, canClickBack]);
+  //#endregion
+  //#region 标题栏
+  /**
+   * 获取modal弹框的DOM
+   */
+  var _getModalDom = function _getModalDom() {
+    if (!modalDom) {
+      modalDom = document.getElementsByClassName("".concat(modalPrefix, "-wrap ").concat(modalId))[0];
+      modalHeight = modalDom.offsetHeight;
+      modalWidth = modalDom.offsetWidth;
+    }
+  };
+  /**
+   * 加载Modal标题栏
+   */
+  var _loadTitle = function _loadTitle() {
+    return title && (/*#__PURE__*/React.createElement(React.Fragment, null, _loadDragMDom(), _loadZoomDom()));
+  };
+  //#endregion
+  //#region 拖拽
+  /**
+   * 计算元素距离左侧的距离
+   * @param {Object} obj DOM节点
+   */
+  var _getOffsetLeft = function _getOffsetLeft(obj) {
+    var tmp = obj.offsetLeft;
+    var val = obj.offsetParent;
+    while (val !== null) {
+      tmp += val.offsetLeft;
+      val = val.offsetParent;
+    }
+    return tmp;
+  };
+  /**
+   * 计算元素距离顶部的距离
+   * @param {Object} obj DOM节点
+   */
+  var _getOffsetTop = function _getOffsetTop(obj) {
+    var tmp = obj.offsetTop;
+    var val = obj.offsetParent;
+    while (val !== null) {
+      tmp += val.offsetTop;
+      val = val.offsetParent;
+    }
+    return tmp;
+  };
+  /**
+   * 拖拽回调
+   * @param {String} transformStr 拖拽平移位置
+   */
+  var _updateTransform = function _updateTransform(transformStr) {
+    _getModalDom();
+    _dragmStart();
+    //拖拽前，css居中效果已使用translate(- this.modalWidth / 2, - this.modalHeight / 2)
+    //所以拖拽移动要计算上之前的位移
+    var ary = transformStr.replace(/[^,-\d]/g, '').split(',');
+    //限制移动区域  不能移除body
+    var maxMoveLeftX = _getOffsetLeft(modalDom) + modalWidth / 2 - minSize;
+    /**
+     * 使用可视区域window.innerWidth、window.innerHeight来计算范围
+     *    舍弃document.body.offsetWidth、document.body.offsetHeight的方式
+     *    因为document.body的宽高，可能受css样式侧影响，而非真实的可视大小
+     */
+    var maxMoveRightX = window.innerWidth - _getOffsetLeft(modalDom) + modalWidth / 2 - minSize;
+    if (-maxMoveLeftX >= ary[0]) {
+      //移动到左侧边缘
+      ary[0] = -maxMoveLeftX;
+    } else if (maxMoveRightX <= ary[0]) {
+      //移动到右侧边缘
+      ary[0] = maxMoveRightX;
+    }
+    if (centered) {
+      var maxMoveTopY = _getOffsetTop(modalDom) - modalHeight / 2;
+      var maxMoveBottomY = window.innerHeight - _getOffsetTop(modalDom) + modalHeight / 2 - minSize;
+      if (-maxMoveTopY >= ary[1]) {
+        //移动到上方边缘
+        ary[1] = -maxMoveTopY;
+      } else if (maxMoveBottomY <= ary[1]) {
+        ary[1] = maxMoveBottomY;
+      }
+    } else {
+      if (-100 >= ary[1]) {
+        ary[1] = -100;
+      } else if (window.innerHeight - 100 - minSize <= ary[1]) {
+        ary[1] = window.innerHeight - 100 - minSize;
+      }
+    }
+    var x = ary[0] - modalWidth / 2;
+    var y = ary[1] - (centered ? modalHeight / 2 : 0);
+    modalDom.style.transform = "translate(".concat(x, "px, ").concat(y, "px)");
+  };
+  /**
+   * 加载可拖拽的Dom
+   */
+  var _loadDragMDom = function _loadDragMDom() {
+    return canDragm && modalSize !== ModalSize.Max ? (/*#__PURE__*/React.createElement(DragM, {
+      updateTransform: _updateTransform
+    }, /*#__PURE__*/React.createElement("div", null, title))) : (/*#__PURE__*/React.createElement("div", null, title));
+  };
+  //#endregion
+  //#region 最大化、最小化、还原
+  /**
+   * 最大化、最小化、还原操作
+   * @param {String} size  normal 正常    min 最小化    max 最大化
+   */
+  var _changeSize = function _changeSize(size) {
+    setModalSize(size);
+    if (ModalSize.Max === size) {
+      _getModalDom();
+      _goFullScreen(modalDom, true);
+    } else if (ModalSize.Max === modalSize) {
+      _exitFullScreen();
+    }
+  };
+  /**
+   * 加载最大化、最小化、还原Dom
+   */
+  var _loadZoomDom = function _loadZoomDom() {
+    return canZoom && (/*#__PURE__*/React.createElement("div", {
+      className: "header-icon-area"
+    }, ModalSize.Normal === modalSize && (/*#__PURE__*/React.createElement("span", {
+      className: "minimize-icon",
+      title: "\u6700\u5C0F\u5316",
+      onClick: function onClick() {
+        return _changeSize(ModalSize.Min);
+      }
+    })), ModalSize.Normal !== modalSize ? (/*#__PURE__*/React.createElement("span", {
+      className: "restore-down-icon",
+      title: "\u8FD8\u539F",
+      onClick: function onClick() {
+        return _changeSize(ModalSize.Normal);
+      }
+    })) : (/*#__PURE__*/React.createElement("span", {
+      className: "maximize-icon",
+      title: "\u6700\u5927\u5316",
+      onClick: function onClick() {
+        return _changeSize(ModalSize.Max);
+      }
+    }))));
+  };
+  //#endregion
+  var themeName = theme || getTheme();
+  var classes = classnames("".concat(modalPrefix), className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(modalPrefix, "-theme-").concat(themeName), themeName), 'no-footer', !footer && undefined !== footer), "".concat(modalPrefix, "-reverse"), undefined === footer), 'no-title', !title));
+  var wrapclass = classnames("".concat(modalPrefix, "-wrap"), wrapClassName, _defineProperty(_defineProperty({
+    'no-center': !centered
+  }, "".concat(modalSize), modalSize), "".concat(modalId), modalId));
+  /** 是否需要蒙层 */
+  var hasMask = useMemo(function () {
+    /**
+     * 当可点击底部但底部存在iframe时 在拖拽过程中，必须渲染透明的蒙层
+     * 否则鼠标移动过快，移到iframe里面时，就无法再继续移动了
+     *
+     * 因此不论底部有无iframe  都渲染透明蒙层  避免此问题
+     */
+    if (canClickBack && canDragm && dragming) {
+      return true;
+    }
+    /**
+     * 当可点击底部时  不能渲染蒙层
+     */
+    if (canClickBack) {
+      return false;
+    }
+    return mask;
+  }, [canClickBack, canDragm, dragming, mask]);
+  return /*#__PURE__*/React.createElement(Modal, Object.assign({}, props, {
+    className: classes,
+    wrapClassName: wrapclass,
+    maskStyle: hasMask && !canClickBack ? maskStyle : {
+      backgroundColor: 'transparent'
+    },
+    mask: hasMask,
+    title: _loadTitle(),
+    centered: false
+  }));
+};
+function modalWarn(props) {
+  return confirm(withWarn(props));
+}
+var UModal = OriModal;
+UModal.useModal = useModal;
+UModal.info = function infoFn(props) {
+  return confirm(withInfo(props));
+};
+UModal.success = function successFn(props) {
+  return confirm(withSuccess(props));
+};
+UModal.error = function errorFn(props) {
+  return confirm(withError(props));
+};
+UModal.warning = modalWarn;
+UModal.warn = modalWarn;
+UModal.confirm = function confirmFn(props) {
+  return confirm(withConfirm(props));
+};
+UModal.destroyAll = function destroyAllFn() {
+  while (destroyFns.length) {
+    var close = destroyFns.pop();
+    if (close) {
+      close();
+    }
+  }
+};
+Modal.config = modalGlobalConfig;
+export default UModal;

package/es/components/UModal/modal/ConfirmDialog.d.ts

@@ -0,0 +1,12 @@
+import type { ModalFuncProps } from './Modal';
+interface ConfirmDialogProps extends ModalFuncProps {
+    afterClose?: () => void;
+    close: (...args: any[]) => void;
+    autoFocusButton?: null | 'ok' | 'cancel';
+    rootPrefixCls: string;
+    iconPrefixCls?: string;
+}
+declare const ConfirmDialog: (props: ConfirmDialogProps & {
+    theme?: string;
+}) => JSX.Element;
+export default ConfirmDialog;

package/es/components/UModal/modal/ConfirmDialog.js

@@ -0,0 +1,125 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import * as React from 'react';
+import ConfigProvider from "../../UConfigProvider";
+import ActionButton from "../../_util/ActionButton";
+import { getTransitionName } from "../../_util/motion";
+import warning from "../../_util/warning";
+import Dialog from "./Modal";
+import { getTheme } from "../../../globalVarious";
+import { CUSTOM_PREFIX } from "../../../globalVarious";
+var ConfirmDialog = function ConfirmDialog(props) {
+  var icon = props.icon,
+    onCancel = props.onCancel,
+    onOk = props.onOk,
+    close = props.close,
+    zIndex = props.zIndex,
+    afterClose = props.afterClose,
+    visible = props.visible,
+    open = props.open,
+    keyboard = props.keyboard,
+    centered = props.centered,
+    getContainer = props.getContainer,
+    maskStyle = props.maskStyle,
+    okText = props.okText,
+    okButtonProps = props.okButtonProps,
+    cancelText = props.cancelText,
+    cancelButtonProps = props.cancelButtonProps,
+    direction = props.direction,
+    prefixCls = props.prefixCls,
+    wrapClassName = props.wrapClassName,
+    rootPrefixCls = props.rootPrefixCls,
+    iconPrefixCls = props.iconPrefixCls,
+    bodyStyle = props.bodyStyle,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? false : _props$closable,
+    closeIcon = props.closeIcon,
+    modalRender = props.modalRender,
+    focusTriggerAfterClose = props.focusTriggerAfterClose,
+    theme = props.theme;
+  if (process.env.NODE_ENV !== 'production') {
+    warning(!(typeof icon === 'string' && icon.length > 2), 'Modal', "`icon` is using ReactNode instead of string naming in v4. Please check `".concat(icon, "` at https://ant.design/components/icon"));
+    warning(visible === undefined, 'Modal', '`visible` is deprecated, please use `open` instead.');
+  }
+  // 支持传入{ icon: null }来隐藏`Modal.confirm`默认的Icon
+  var okType = props.okType || 'primary';
+  var contentPrefixCls = "".concat(prefixCls, "-confirm");
+  var getPrefix = CUSTOM_PREFIX;
+  // 默认为 true，保持向下兼容
+  var okCancel = 'okCancel' in props ? props.okCancel : true;
+  var width = props.width || 416;
+  var style = props.style || {};
+  var mask = props.mask === undefined ? true : props.mask;
+  // 默认为 false，保持旧版默认行为
+  var maskClosable = props.maskClosable === undefined ? false : props.maskClosable;
+  var autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok';
+  var classString = classNames(contentPrefixCls, "".concat(contentPrefixCls, "-").concat(props.type), _defineProperty({}, "".concat(contentPrefixCls, "-rtl"), direction === 'rtl'), "".concat(getPrefix, "-modal"), props.className);
+  var cancelButton = okCancel && (/*#__PURE__*/React.createElement(ActionButton, {
+    actionFn: onCancel,
+    close: close,
+    autoFocus: autoFocusButton === 'cancel',
+    buttonProps: cancelButtonProps,
+    prefixCls: "".concat(rootPrefixCls, "-btn")
+  }, cancelText));
+  var themeName = theme || getTheme();
+  console.log('title数据为', props.title);
+  return (
+    /*#__PURE__*/
+    // console.log('')
+    React.createElement(ConfigProvider, {
+      prefixCls: rootPrefixCls,
+      iconPrefixCls: iconPrefixCls,
+      direction: direction
+    }, /*#__PURE__*/React.createElement(Dialog, {
+      prefixCls: prefixCls,
+      className: classString,
+      wrapClassName: classNames(_defineProperty({}, "".concat(contentPrefixCls, "-centered"), !!props.centered), "".concat(getPrefix, "-modal-wrap"), "".concat(getPrefix, "-modal-wrap-").concat(themeName), wrapClassName),
+      onCancel: function onCancel() {
+        return close === null || close === void 0 ? void 0 : close({
+          triggerCancel: true
+        });
+      },
+      open: open || visible,
+      title: "",
+      footer: "",
+      transitionName: getTransitionName(rootPrefixCls, 'zoom', props.transitionName),
+      maskTransitionName: getTransitionName(rootPrefixCls, 'fade', props.maskTransitionName),
+      mask: mask,
+      maskClosable: maskClosable,
+      maskStyle: maskStyle,
+      style: style,
+      bodyStyle: bodyStyle,
+      width: width,
+      zIndex: zIndex,
+      afterClose: afterClose,
+      keyboard: keyboard,
+      centered: centered,
+      getContainer: getContainer,
+      closable: closable,
+      closeIcon: closeIcon,
+      modalRender: modalRender,
+      focusTriggerAfterClose: focusTriggerAfterClose
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(contentPrefixCls, "-body-wrapper")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: props.isHaveTitle || !props.content ? "".concat(contentPrefixCls, "-body noContent-body") : "".concat(contentPrefixCls, "-body")
+    }, icon, props.title === undefined ? null : (/*#__PURE__*/React.createElement("span", {
+      className: "".concat(contentPrefixCls, "-title")
+    }, props.title)), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(contentPrefixCls, "-content")
+    }, props.content)), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(contentPrefixCls, "-btns")
+    }, cancelButton, /*#__PURE__*/React.createElement(ActionButton, {
+      type: okType,
+      actionFn: onOk,
+      close: close,
+      autoFocus: autoFocusButton === 'ok',
+      buttonProps: okButtonProps,
+      prefixCls: "".concat(rootPrefixCls, "-btn")
+    }, okText)))))
+  );
+};
+export default ConfirmDialog;

package/es/components/UModal/modal/Modal.d.ts

@@ -0,0 +1,120 @@
+import * as React from 'react';
+import type { ButtonProps, LegacyButtonType } from '../../UButton/button/button';
+import type { DirectionType } from '../../UConfigProvider';
+type MousePosition = {
+    x: number;
+    y: number;
+} | null;
+export interface ModalProps {
+    /** 对话框是否可见 */
+    /**
+     * @deprecated `visible` is deprecated which will be removed in next major version. Please use
+     *   `open` instead.
+     */
+    visible?: boolean;
+    open?: boolean;
+    /** 确定按钮 loading */
+    confirmLoading?: boolean;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 是否显示右上角的关闭按钮 */
+    closable?: boolean;
+    /** 点击确定回调 */
+    onOk?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调 */
+    onCancel?: (e: React.MouseEvent<HTMLElement>) => void;
+    afterClose?: () => void;
+    /** 垂直居中 */
+    centered?: boolean;
+    /** 宽度 */
+    width?: string | number;
+    /** 底部内容 */
+    footer?: React.ReactNode;
+    /** 确认按钮文字 */
+    okText?: React.ReactNode;
+    /** 确认按钮类型 */
+    okType?: LegacyButtonType;
+    /** 取消按钮文字 */
+    cancelText?: React.ReactNode;
+    /** 点击蒙层是否允许关闭 */
+    maskClosable?: boolean;
+    /** 强制渲染 Modal */
+    forceRender?: boolean;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    destroyOnClose?: boolean;
+    style?: React.CSSProperties;
+    wrapClassName?: string;
+    maskTransitionName?: string;
+    transitionName?: string;
+    className?: string;
+    getContainer?: string | HTMLElement | getContainerFunc | false;
+    zIndex?: number;
+    bodyStyle?: React.CSSProperties;
+    maskStyle?: React.CSSProperties;
+    mask?: boolean;
+    keyboard?: boolean;
+    wrapProps?: any;
+    prefixCls?: string;
+    closeIcon?: React.ReactNode;
+    modalRender?: (node: React.ReactNode) => React.ReactNode;
+    focusTriggerAfterClose?: boolean;
+    children?: React.ReactNode;
+    mousePosition?: MousePosition;
+    footerReverse?: boolean;
+    footerAlign?: 'left' | 'right' | 'center';
+}
+type getContainerFunc = () => HTMLElement;
+export interface ModalFuncProps {
+    prefixCls?: string;
+    className?: string;
+    /**
+     * @deprecated `visible` is deprecated which will be removed in next major version. Please use
+     *   `open` instead.
+     */
+    visible?: boolean;
+    open?: boolean;
+    title?: React.ReactNode;
+    isHaveTitle?: boolean;
+    closable?: boolean;
+    content?: React.ReactNode;
+    onOk?: (...args: any[]) => any;
+    onCancel?: (...args: any[]) => any;
+    afterClose?: () => void;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    centered?: boolean;
+    width?: string | number;
+    okText?: React.ReactNode;
+    okType?: LegacyButtonType;
+    cancelText?: React.ReactNode;
+    icon?: React.ReactNode;
+    mask?: boolean;
+    maskClosable?: boolean;
+    zIndex?: number;
+    okCancel?: boolean;
+    style?: React.CSSProperties;
+    wrapClassName?: string;
+    maskStyle?: React.CSSProperties;
+    type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';
+    keyboard?: boolean;
+    getContainer?: string | HTMLElement | getContainerFunc | false;
+    autoFocusButton?: null | 'ok' | 'cancel';
+    transitionName?: string;
+    maskTransitionName?: string;
+    direction?: DirectionType;
+    bodyStyle?: React.CSSProperties;
+    closeIcon?: React.ReactNode;
+    modalRender?: (node: React.ReactNode) => React.ReactNode;
+    focusTriggerAfterClose?: boolean;
+    /** 是否符合UI规范 */
+    uStandard?: boolean;
+}
+export interface ModalLocale {
+    okText: string;
+    cancelText: string;
+    justOkText: string;
+    tip: string;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;