@para-ui/core 3.0.55 → 3.0.56

package/Modal/index.js

@@ -0,0 +1,421 @@
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React__default from 'react';
+import Dialog from 'rc-dialog';
+import { Button } from '../Button/index.js';
+import CloseIcon from '@para-ui/icons/Close';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { d as defaultModalLocale } from '../_verture/index-e2881a53.js';
+import ReactDOM from 'react-dom';
+import clsx from 'clsx';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import CompleteIcon from '@para-ui/icons/CheckCircleF';
+import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
+import InfoOutlined from '@para-ui/icons/WarningCircle';
+import WarningCircleF from '@para-ui/icons/WarningCircleF';
+import { UUID } from '@paraview/lib';
+import { getConfirmLocale } from '@para-ui/core/GlobalContext';
+import '../_verture/typeof-498dd2b1.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '@para-ui/icons/LoadingF';
+import '@para-ui/icons/Forbid';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Down';
+import '../_verture/index-77f9e0fb.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午7:00\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-confirm.paraui-v3-modal .paraui-v3-modal-body {\n  padding: 0;\n}\n.paraui-v3-confirm .confirm-wrapper {\n  width: 416px;\n  outline: none;\n}\n.paraui-v3-confirm .confirm-content {\n  position: relative;\n  padding: 32px 32px 24px;\n}\n.paraui-v3-confirm .confirm-content-close {\n  position: absolute;\n  right: 16px;\n  top: 16px;\n  border: none;\n}\n.paraui-v3-confirm .confirm-content-close svg {\n  font-size: 18px;\n}\n.paraui-v3-confirm .confirm-content-icon {\n  float: left;\n  margin-top: 2px;\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-confirm .confirm-content-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-confirm .confirm-content-icon--warn, .paraui-v3-confirm .confirm-content-icon-warning {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-confirm .confirm-content-icon--error {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-confirm .confirm-content-icon--success {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-confirm .confirm-content-icon--info {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-confirm .confirm-content-body {\n  margin: 0 16px 0 30px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-confirm .confirm-content-body .confirm-body-title {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 700;\n  font-size: 16px;\n}\n.paraui-v3-confirm .confirm-content-actions {\n  margin-top: 24px;\n  text-align: right;\n}\n.paraui-v3-confirm .confirm-content-actions > button + button {\n  margin-left: 16px;\n}";
+styleInject(css_248z$1);
+
+//图标
+var iconMap = {
+  "success": jsx(CompleteIcon, {}),
+  "warn": jsx(WarningCircleF, {}),
+  "warning": jsx(WarningCircleF, {}),
+  "error": jsx(CloseCircleFilled, {}),
+  "info": jsx(InfoOutlined, {})
+};
+//confirm modal
+var ConfirmDialog = function ConfirmDialog(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'warning' : _props$type,
+    title = props.title,
+    content = props.content,
+    icon = props.icon,
+    okText = props.okText,
+    cancelText = props.cancelText,
+    onOk = props.onOk,
+    onCancel = props.onCancel,
+    className = props.className,
+    _props$showCancel = props.showCancel,
+    showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? false : _props$closable,
+    okButtonProps = props.okButtonProps,
+    cancelButtonProps = props.cancelButtonProps,
+    resolveFn = props.resolveFn,
+    callback = props.callback,
+    destroy = props.destroy,
+    actions = props.actions,
+    _props$showActions = props.showActions,
+    showActions = _props$showActions === void 0 ? true : _props$showActions,
+    restProps = __rest(props, ["type", "title", "content", "icon", "okText", "cancelText", "onOk", "onCancel", "className", "showCancel", "closable", "okButtonProps", "cancelButtonProps", "resolveFn", "callback", "destroy", "actions", "showActions"]);
+  var prefixCls = "".concat($prefixCls, "-confirm");
+  //取消
+  var handleCancel = function handleCancel() {
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    resolveFn === null || resolveFn === void 0 ? void 0 : resolveFn(false);
+    destroy === null || destroy === void 0 ? void 0 : destroy();
+  };
+  //确认
+  var handleOk = function handleOk() {
+    onOk === null || onOk === void 0 ? void 0 : onOk();
+    resolveFn === null || resolveFn === void 0 ? void 0 : resolveFn(true);
+    callback === null || callback === void 0 ? void 0 : callback();
+    destroy === null || destroy === void 0 ? void 0 : destroy();
+  };
+  //render actions
+  var renderActions = function renderActions() {
+    if (!showActions) return null;
+    if (actions) {
+      return jsx("div", Object.assign({
+        className: 'confirm-content-actions'
+      }, {
+        children: actions
+      }));
+    }
+    return jsxs("div", Object.assign({
+      className: 'confirm-content-actions'
+    }, {
+      children: [showCancel && jsx(Button, Object.assign({
+        variant: 'outlined',
+        size: 'small',
+        onClick: handleCancel
+      }, cancelButtonProps, {
+        children: cancelText
+      })), jsx(Button, Object.assign({
+        variant: 'contained',
+        size: 'small',
+        onClick: handleOk
+      }, okButtonProps, {
+        children: okText
+      }))]
+    }));
+  };
+  return jsx(Modal, Object.assign({}, restProps, {
+    onOk: handleOk,
+    onCancel: handleCancel,
+    title: "",
+    footer: "",
+    size: 'auto',
+    hideHeader: true,
+    showActions: false,
+    className: clsx(prefixCls, className)
+  }, {
+    children: jsx("div", Object.assign({
+      className: 'confirm-wrapper'
+    }, {
+      children: jsxs("div", Object.assign({
+        className: 'confirm-content'
+      }, {
+        children: [closable && jsx(Button.IconButton, Object.assign({
+          variant: 'outlined',
+          size: 'small',
+          className: 'confirm-content-close',
+          onClick: handleCancel
+        }, {
+          children: jsx(CloseIcon, {})
+        })), jsx("span", Object.assign({
+          className: clsx('confirm-content-icon', "confirm-content-icon--".concat(type))
+        }, {
+          children: icon || iconMap[type]
+        })), jsxs("div", Object.assign({
+          className: 'confirm-content-body'
+        }, {
+          children: [title && jsx("span", Object.assign({
+            className: 'confirm-body-title'
+          }, {
+            children: title
+          })), jsx("div", Object.assign({
+            className: 'confirm-body-desc'
+          }, {
+            children: content
+          }))]
+        })), renderActions()]
+      }))
+    }))
+  }));
+};
+//销毁方法map
+var $destroyFnsMap = new Map();
+//confirm
+var confirm = function confirm(props, resolveFn, callback) {
+  var box = document.createElement('div');
+  var uuid = props.uuid || UUID();
+  if (props.uuid) box.setAttribute('data-confirm-cid', props.uuid);
+  document.body.appendChild(box);
+  //销毁组件
+  var destroy = function destroy() {
+    var unmountResult = ReactDOM.unmountComponentAtNode(box);
+    if (unmountResult && box.parentNode) {
+      box.parentNode.removeChild(box);
+    }
+    $destroyFnsMap.delete(uuid);
+  };
+  $destroyFnsMap.set(uuid, destroy);
+  //渲染组件
+  setTimeout(function () {
+    var _a, _b;
+    var runtimeLocale = getConfirmLocale();
+    ReactDOM.render(jsx(ConfirmDialog, Object.assign({}, props, {
+      okText: (_a = props.okText) !== null && _a !== void 0 ? _a : runtimeLocale.ok,
+      cancelText: (_b = props.cancelText) !== null && _b !== void 0 ? _b : runtimeLocale.cancel,
+      open: true,
+      resolveFn: resolveFn,
+      callback: callback,
+      destroy: destroy
+    })), box);
+  });
+};
+//promise factory
+var promiseFactory = function promiseFactory(config, type, callback) {
+  var opts = {
+    type: type
+  };
+  if (typeof config === 'string') opts.content = config;else opts = Object.assign(Object.assign({}, config), {
+    type: type
+  });
+  return new Promise(function (resolve) {
+    confirm(opts, resolve, callback);
+  });
+};
+//销毁弹框
+var destroyAllConfirm = function destroyAllConfirm(uuid) {
+  if (uuid) {
+    var close = $destroyFnsMap.get(uuid);
+    if (close) close();
+    $destroyFnsMap.delete(uuid);
+    return;
+  }
+  $destroyFnsMap.forEach(function (close) {
+    if (close) close();
+  });
+  $destroyFnsMap.clear();
+};
+//confirm 方法对象
+var Confirm = {
+  info: function info(config, callback) {
+    return promiseFactory(config, 'info', callback);
+  },
+  warn: function warn(config, callback) {
+    return promiseFactory(config, 'warn', callback);
+  },
+  error: function error(config, callback) {
+    return promiseFactory(config, 'error', callback);
+  },
+  success: function success(config, callback) {
+    return promiseFactory(config, 'success', callback);
+  },
+  destroyAll: destroyAllConfirm
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下午6:54\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-modal {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  pointer-events: none;\n  position: relative;\n  top: 100px;\n  width: auto;\n  max-width: calc(100vw - 32px);\n  margin: 0 auto;\n  padding-bottom: 24px;\n}\n.paraui-v3-modal.paraui-v3-modal-sm .paraui-v3-modal-content {\n  width: 430px;\n  max-height: 250px;\n}\n.paraui-v3-modal.paraui-v3-modal-md .paraui-v3-modal-content {\n  width: 486px;\n  max-height: 610px;\n}\n.paraui-v3-modal.paraui-v3-modal-lg .paraui-v3-modal-content {\n  width: 948px;\n  max-height: 610px;\n}\n.paraui-v3-modal.paraui-v3-modal-fullscreen {\n  max-width: 100%;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-modal.paraui-v3-modal-zoom-enter, .paraui-v3-modal.paraui-v3-modal-zoom-appear {\n  transform: none;\n  opacity: 0;\n  animation-duration: 0.3s;\n  user-select: none;\n}\n.paraui-v3-modal-mask {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n}\n.paraui-v3-modal-mask-hidden {\n  display: none;\n}\n.paraui-v3-modal-wrap {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: auto;\n  outline: 0;\n  z-index: 1500;\n  -webkit-overflow-scrolling: touch;\n}\n.paraui-v3-modal .paraui-v3-modal-content {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  position: relative;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  pointer-events: auto;\n  overflow-y: auto;\n}\n.paraui-v3-modal .paraui-v3-modal-title {\n  position: relative;\n  height: 44px;\n  padding: 12px 24px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  font-weight: 700;\n  line-height: 20px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n  overflow-wrap: break-word;\n}\n.paraui-v3-modal .paraui-v3-modal-title .paraui-v3-modal-close {\n  position: absolute;\n  top: 8px;\n  right: 14px;\n  z-index: 10;\n  border: 0;\n}\n.paraui-v3-modal .paraui-v3-modal-title .paraui-v3-modal-close .paraui-v3-modal-close-icon {\n  font-size: 20px;\n}\n.paraui-v3-modal .paraui-v3-modal-body {\n  flex: auto;\n  padding: 16px 24px;\n  overflow-y: auto;\n  overflow-wrap: break-word;\n}\n.paraui-v3-modal .paraui-v3-modal-footer {\n  padding: 8px 24px 24px;\n  text-align: right;\n}\n.paraui-v3-modal .paraui-v3-modal-footer > button + button {\n  margin-left: 16px;\n}\n.paraui-v3-modal-open {\n  overflow: hidden;\n}\n.paraui-v3-modal-centered {\n  text-align: center;\n}\n.paraui-v3-modal-centered::before {\n  display: inline-block;\n  width: 0;\n  height: 100%;\n  vertical-align: middle;\n  content: \"\";\n}\n.paraui-v3-modal-centered .paraui-v3-modal {\n  top: 0;\n  display: inline-block;\n  padding-bottom: 0;\n  text-align: left;\n  vertical-align: middle;\n}\n@media (max-width: 767px) {\n  .paraui-v3-modal .paraui-v3-modal {\n    max-width: calc(100vw - 16px);\n    margin: 8px auto;\n  }\n  .paraui-v3-modal .paraui-v3-modal-centered .paraui-v3-modal {\n    flex: 1;\n  }\n}\n\n.paraui-v3-modal-zoom-enter,\n.paraui-v3-modal-zoom-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.paraui-v3-modal-zoom-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v3-modal-zoom-enter.paraui-v3-modal-zoom-enter-active,\n.paraui-v3-modal-zoom-appear.paraui-v3-modal-zoom-appear-active {\n  animation-name: paraui-v3ModalZoomIn;\n  animation-play-state: running;\n}\n\n.paraui-v3-modal-zoom-leave.paraui-v3-modal-zoom-leave-active {\n  animation-name: paraui-v3ModalZoomOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-v3-modal-zoom-enter-prepare,\n.paraui-v3-modal-zoom-appear-prepare {\n  transform: none;\n}\n\n.paraui-v3-modal-zoom-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-v3-modal-fade-enter,\n.paraui-v3-modal-fade-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v3-modal-fade-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v3-modal-fade-enter.paraui-v3-modal-fade-enter-active,\n.paraui-v3-modal-fade-appear.paraui-v3-modal-fade-appear-active {\n  animation-name: paraui-v3ModalFadeIn;\n  animation-play-state: running;\n}\n\n.paraui-v3-modal-fade-leave.paraui-v3-modal-fade-leave-active {\n  animation-name: paraui-v3ModalFadeOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-v3-modal-fade-enter,\n.paraui-v3-modal-fade-appear {\n  opacity: 0;\n  animation-timing-function: linear;\n}\n\n.paraui-v3-modal-fade-leave {\n  animation-timing-function: linear;\n}\n\n@keyframes paraui-v3ModalZoomIn {\n  0% {\n    transform: scale(0.2);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes paraui-v3ModalZoomOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.2);\n    opacity: 0;\n  }\n}\n@keyframes paraui-v3ModalFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes paraui-v3ModalFadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}";
+styleInject(css_248z);
+
+//鼠标位置内部使用
+var mousePosition;
+var getClickPosition = function getClickPosition(e) {
+  mousePosition = {
+    x: e.pageX,
+    y: e.pageY
+  };
+  setTimeout(function () {
+    mousePosition = null;
+  }, 100);
+};
+// 只有点击事件支持从鼠标位置动画展开
+if (window.document.documentElement) {
+  document.documentElement.addEventListener('click', getClickPosition, true);
+}
+//Modal
+var Modal = function Modal(props) {
+  var open = props.open,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? false : _props$visible,
+    closeIcon = props.closeIcon,
+    _props$centered = props.centered,
+    centered = _props$centered === void 0 ? true : _props$centered,
+    _props$focusTriggerAf = props.focusTriggerAfterClose,
+    focusTriggerAfterClose = _props$focusTriggerAf === void 0 ? true : _props$focusTriggerAf,
+    title = props.title,
+    footer = props.footer,
+    _props$showActions = props.showActions,
+    showActions = _props$showActions === void 0 ? true : _props$showActions,
+    actions = props.actions,
+    header = props.header,
+    _props$hideHeader = props.hideHeader,
+    hideHeader = _props$hideHeader === void 0 ? false : _props$hideHeader,
+    _props$showCancel = props.showCancel,
+    showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
+    _props$maskClosable = props.maskClosable,
+    maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
+    _props$disableBackdro = props.disableBackdropClick,
+    disableBackdropClick = _props$disableBackdro === void 0 ? true : _props$disableBackdro,
+    _props$keyboard = props.keyboard,
+    keyboard = _props$keyboard === void 0 ? false : _props$keyboard,
+    _props$disableEscapeK = props.disableEscapeKeyDown,
+    disableEscapeKeyDown = _props$disableEscapeK === void 0 ? true : _props$disableEscapeK,
+    fullScreen = props.fullScreen,
+    customizeSize = props.customizeSize,
+    style = props.style,
+    bodyStyle = props.bodyStyle,
+    contentWidth = props.contentWidth,
+    contentHeight = props.contentHeight,
+    contentStyle = props.contentStyle,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    children = props.children,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? true : _props$closable,
+    restProps = __rest(props, ["open", "visible", "closeIcon", "centered", "focusTriggerAfterClose", "title", "footer", "showActions", "actions", "header", "hideHeader", "showCancel", "maskClosable", "disableBackdropClick", "keyboard", "disableEscapeKeyDown", "fullScreen", "customizeSize", "style", "bodyStyle", "contentWidth", "contentHeight", "contentStyle", "size", "children", "closable"]);
+  var isFullScreen = fullScreen || size === 'fullScreen'; //是否全屏
+  var intl = useFormatMessage('Modal', defaultModalLocale);
+  var prefixCls = "".concat($prefixCls, "-modal");
+  //关闭回调
+  var handleCancel = function handleCancel(e) {
+    var _a;
+    (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props, e);
+  };
+  //确定回调
+  var handleOk = function handleOk(e) {
+    var _a;
+    (_a = props.onOk) === null || _a === void 0 ? void 0 : _a.call(props, e);
+  };
+  //modal size class
+  var makeSizeCls = function makeSizeCls() {
+    var sizeMap = {
+      sm: "".concat(prefixCls, "-sm"),
+      md: "".concat(prefixCls, "-md"),
+      lg: "".concat(prefixCls, "-lg"),
+      auto: "".concat(prefixCls, "-auto"),
+      fullScreen: "".concat(prefixCls, "-fullscreen")
+    };
+    if (contentWidth || contentHeight || contentStyle) return;
+    if (isFullScreen) return sizeMap['fullScreen'];
+    return sizeMap[size];
+  };
+  //自定义样式
+  var getCStyle = function getCStyle() {
+    return Object.assign(Object.assign({}, customizeSize), style);
+  };
+  //自定义内容样式
+  var getContentStyle = function getContentStyle() {
+    return Object.assign(Object.assign(Object.assign({}, bodyStyle), {
+      width: contentWidth,
+      height: contentHeight
+    }), contentStyle);
+  };
+  //header
+  var renderHeader = function renderHeader() {
+    if (hideHeader) return null;
+    if (header) return header;
+    //
+    var closeNode = closable && jsx(Button.IconButton, Object.assign({
+      onClick: handleCancel,
+      className: "".concat(prefixCls, "-close"),
+      variant: 'outlined',
+      size: 'small'
+    }, {
+      children: closeIcon || jsx(CloseIcon, {
+        className: "".concat(prefixCls, "-close-icon")
+      })
+    }));
+    return jsxs(Fragment, {
+      children: [title, closeNode]
+    });
+  };
+  //footer
+  var renderFooter = function renderFooter() {
+    if (!showActions) return null;
+    var okText = props.okText,
+      cancelText = props.cancelText,
+      okButtonProps = props.okButtonProps,
+      cancelButtonProps = props.cancelButtonProps,
+      _props$confirmLoading = props.confirmLoading,
+      confirmLoading = _props$confirmLoading === void 0 ? false : _props$confirmLoading;
+    var okBtn = jsx(Button, Object.assign({
+      variant: "contained",
+      size: "medium",
+      loading: confirmLoading,
+      onClick: handleOk
+    }, okButtonProps, {
+      children: okText !== null && okText !== void 0 ? okText : intl({
+        id: 'ok'
+      })
+    }));
+    var cancelBtn = showCancel && jsx(Button, Object.assign({
+      variant: "outlined",
+      size: "medium",
+      onClick: handleCancel
+    }, cancelButtonProps, {
+      children: cancelText !== null && cancelText !== void 0 ? cancelText : intl({
+        id: 'cancel'
+      })
+    }));
+    var buttons = [cancelBtn, okBtn];
+    var tActions = actions !== null && actions !== void 0 ? actions : footer;
+    if (typeof tActions === 'function') {
+      var btns = tActions(buttons);
+      return jsx(Fragment, {
+        children: Array.isArray(btns) ? btns.map(function (btn, idx) {
+          return jsx(React__default.Fragment, {
+            children: btn
+          }, idx);
+        }) : btns
+      });
+    } else if (tActions) {
+      return tActions;
+    }
+    return jsx(Fragment, {
+      children: buttons.map(function (btn, idx) {
+        return jsx(React__default.Fragment, {
+          children: btn
+        }, idx);
+      })
+    });
+  };
+  //wrap cls
+  var makeWrapClassName = clsx(props.wrapClassName, _defineProperty({}, "".concat(prefixCls, "-centered"), centered));
+  //modal cls
+  var makeModalClassName = clsx(props.className, "".concat($prefixCls, "-scrollbar-small"), makeSizeCls());
+  return jsx(Dialog, Object.assign({}, restProps, {
+    visible: open !== null && open !== void 0 ? open : visible,
+    title: renderHeader(),
+    footer: renderFooter(),
+    style: getCStyle(),
+    bodyStyle: getContentStyle(),
+    prefixCls: prefixCls,
+    className: makeModalClassName,
+    wrapClassName: makeWrapClassName,
+    mousePosition: mousePosition,
+    onClose: handleCancel,
+    closable: false,
+    closeIcon: null,
+    maskClosable: !disableBackdropClick || maskClosable,
+    keyboard: !disableEscapeKeyDown || keyboard,
+    focusTriggerAfterClose: focusTriggerAfterClose,
+    transitionName: "".concat(prefixCls, "-zoom"),
+    maskTransitionName: "".concat(prefixCls, "-fade")
+  }, {
+    children: children
+  }));
+};
+
+export { Confirm, Modal, Modal as default };

package/Modal/lang/en_US.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    cancel: string;
+    ok: string;
+};
+export default _default;

package/Modal/lang/index.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    zh: {
+        cancel: string;
+        ok: string;
+    };
+    en: {
+        cancel: string;
+        ok: string;
+    };
+};
+export default _default;

package/Modal/lang/zh_CN.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    cancel: string;
+    ok: string;
+};
+export default _default;

package/MultiBox/index.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @author linhd
+ * @date 2021/8/23 14:20
+ * @description 多值框
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import { LabelTooltipProps } from "../Label";
+import { HelperTextDetailProps } from "../HelperText";
+import './index.scss';
+interface ReplaceFieldsProps {
+    /** key索引 */
+    key?: string;
+    /** value索引 */
+    value?: string;
+}
+export interface MultiBoxProps extends HelperTextDetailProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 大小 */
+    size?: 'small' | 'medium' | 'large';
+    /** 中间符号 */
+    separator?: ReactNode;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮组提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 标题提示 */
+    labelSign?: ReactNode;
+    /** 提示语key */
+    placeholderKey?: ReactNode;
+    /** 提示语value */
+    placeholderValue?: ReactNode;
+    /** 是否禁用 */
+    disabled?: boolean | {
+        [name: string]: boolean;
+    }[];
+    /** 是否必填 */
+    required?: boolean;
+    /** 默认值 不受控 */
+    defaultValue?: any[];
+    /** 选中值 多选时为数组 单选单值 */
+    value?: any[];
+    /** 替换字段 */
+    replaceFields?: ReplaceFieldsProps;
+    /** 没有错误的时候,不渲染 */
+    hideErrorDom?: boolean;
+    /** 错误提示 */
+    helperText?: ReactNode | Record<string, ReactNode>[];
+    /** 改变值 */
+    onChange?: (val: any[]) => void;
+    /** 键值索引匹配 */
+    fetchSuggestionsKey?: (val: string, cb: (data: any[]) => void) => void;
+    /** 值索引匹配 */
+    fetchSuggestionsValue?: (val: string, cb: (data: any[]) => void) => void;
+    [name: string]: any;
+}
+export declare const MultiBox: FunctionComponent<MultiBoxProps>;
+export default MultiBox;