@para-ui/core 4.0.0-rc.3 → 4.0.0-rc.5

package/Modal/index.js

@@ -1,88 +1,82 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.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-05f7bf11.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
+import { d as defaultModalLocale } from '../_verture/index-c568f272.js';
 import ReactDOM from 'react-dom';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import AutoTips from '../AutoTips/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import CompleteIcon from '@para-ui/icons/CheckCircleF';
+import SuccessOutlined from '@para-ui/icons/CheckCircleF';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import { UUID } from '@paraview/lib';
 import { getConfirmLocale } from '@para-ui/core/GlobalContext';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '@para-ui/icons/LoadingF';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.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 linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-confirm.paraui-v4-modal .paraui-v4-modal-body {\n  padding: 0;\n}\n.paraui-v4-confirm .confirm-wrapper {\n  width: 416px;\n  outline: none;\n}\n.paraui-v4-confirm .confirm-content {\n  position: relative;\n  padding: 16px;\n  border-radius: 8px;\n}\n.paraui-v4-confirm .confirm-content-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  border: none;\n}\n.paraui-v4-confirm .confirm-content-close svg {\n  font-size: 18px;\n}\n.paraui-v4-confirm .confirm-content-icon {\n  float: left;\n  margin-top: 2px;\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon svg {\n  font-size: 18px;\n  color: inherit;\n}\n.paraui-v4-confirm .confirm-content-icon--warn, .paraui-v4-confirm .confirm-content-icon-warning {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon--error {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-confirm .confirm-content-icon--success {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-confirm .confirm-content-icon--info {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-confirm .confirm-content-body {\n  margin: 0 16px 0 26px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-confirm .confirm-content-body .confirm-body-title {\n  display: block;\n  margin-bottom: 10px;\n  font-size: 14px;\n  font-weight: 700;\n}\n.paraui-v4-confirm .confirm-content-actions {\n  margin-top: 12px;\n  text-align: right;\n}\n.paraui-v4-confirm .confirm-content-actions > button + button {\n  margin-left: 16px;\n}";
 styleInject(css_248z$1);
 
 //图标
-var iconMap = {
-  success: jsx(CompleteIcon, {}),
+const iconMap = {
+  success: jsx(SuccessOutlined, {}),
   warn: jsx(WarningCircleF, {}),
   warning: jsx(WarningCircleF, {}),
   error: jsx(CloseCircleF, {}),
   info: jsx(WarningCircleF, {})
 };
 //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,
+const ConfirmDialog = props => {
+  const {
+      type = 'warning',
+      title,
+      content,
+      icon,
+      okText,
+      cancelText,
+      onOk,
+      onCancel,
+      className,
+      showCancel = true,
+      closable = false,
+      okButtonProps,
+      cancelButtonProps,
+      resolveFn,
+      callback,
+      destroy,
+      actions,
+      showActions = true
+    } = props,
     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");
+  const prefixCls = "".concat($prefixCls, "-confirm");
   //取消
-  var handleCancel = function handleCancel() {
+  const 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() {
+  const 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() {
+  const renderActions = () => {
     if (!showActions) return null;
     if (actions) {
       return jsx("div", Object.assign({
@@ -158,16 +152,16 @@ var ConfirmDialog = function ConfirmDialog(props) {
   }));
 };
 //销毁方法map
-var $destroyFnsMap = new Map();
+const $destroyFnsMap = new Map();
 //confirm
-var confirm = function confirm(props, resolveFn, callback) {
-  var box = document.createElement('div');
-  var uuid = props.uuid || UUID();
+const confirm = (props, resolveFn, callback) => {
+  const box = document.createElement('div');
+  const 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);
+  const destroy = () => {
+    const unmountResult = ReactDOM.unmountComponentAtNode(box);
     if (unmountResult && box.parentNode) {
       box.parentNode.removeChild(box);
     }
@@ -175,9 +169,9 @@ var confirm = function confirm(props, resolveFn, callback) {
   };
   $destroyFnsMap.set(uuid, destroy);
   //渲染组件
-  setTimeout(function () {
+  setTimeout(() => {
     var _a, _b;
-    var runtimeLocale = getConfirmLocale();
+    const 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,
@@ -189,44 +183,36 @@ var confirm = function confirm(props, resolveFn, callback) {
   });
 };
 //promise factory
-var promiseFactory = function promiseFactory(config, type, callback) {
-  var opts = {
-    type: type
+const promiseFactory = (config, type, callback) => {
+  let opts = {
+    type
   };
   if (typeof config === 'string') opts.content = config;else opts = Object.assign(Object.assign({}, config), {
-    type: type
+    type
   });
-  return new Promise(function (resolve) {
+  return new Promise(resolve => {
     confirm(opts, resolve, callback);
   });
 };
 //销毁弹框
-var destroyAllConfirm = function destroyAllConfirm(uuid) {
+const destroyAllConfirm = uuid => {
   if (uuid) {
-    var close = $destroyFnsMap.get(uuid);
+    const close = $destroyFnsMap.get(uuid);
     if (close) close();
     $destroyFnsMap.delete(uuid);
     return;
   }
-  $destroyFnsMap.forEach(function (close) {
+  $destroyFnsMap.forEach(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);
-  },
+const Confirm = {
+  info: (config, callback) => promiseFactory(config, 'info', callback),
+  warn: (config, callback) => promiseFactory(config, 'warn', callback),
+  error: (config, callback) => promiseFactory(config, 'error', callback),
+  success: (config, callback) => promiseFactory(config, 'success', callback),
   destroyAll: destroyAllConfirm
 };
 
@@ -234,13 +220,13 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下
 styleInject(css_248z);
 
 //鼠标位置内部使用
-var mousePosition;
-var getClickPosition = function getClickPosition(e) {
+let mousePosition;
+const getClickPosition = e => {
   mousePosition = {
     x: e.pageX,
     y: e.pageY
   };
-  setTimeout(function () {
+  setTimeout(() => {
     mousePosition = null;
   }, 100);
 };
@@ -249,64 +235,53 @@ 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,
-    _props$mask = props.mask,
-    mask = _props$mask === void 0 ? true : _props$mask,
+const Modal = props => {
+  const {
+      open,
+      visible = false,
+      closeIcon,
+      centered = true,
+      focusTriggerAfterClose = true,
+      title,
+      footer,
+      showActions = true,
+      actions,
+      header,
+      hideHeader = false,
+      showCancel = true,
+      maskClosable = false,
+      disableBackdropClick = true,
+      keyboard = false,
+      disableEscapeKeyDown = true,
+      fullScreen,
+      customizeSize,
+      style,
+      bodyStyle,
+      contentWidth,
+      contentHeight,
+      contentStyle,
+      size = 'md',
+      children,
+      closable = true,
+      mask = true
+    } = props,
     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", "mask"]);
-  var isFullScreen = fullScreen || size === 'fullScreen'; //是否全屏
-  var intl = useFormatMessage('Modal', defaultModalLocale);
-  var prefixCls = "".concat($prefixCls, "-modal");
+  const isFullScreen = fullScreen || size === 'fullScreen'; //是否全屏
+  const intl = useFormatMessage('Modal', defaultModalLocale);
+  const prefixCls = "".concat($prefixCls, "-modal");
   //关闭回调
-  var handleCancel = function handleCancel(e) {
+  const handleCancel = e => {
     var _a;
     (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props, e);
   };
   //确定回调
-  var handleOk = function handleOk(e) {
+  const 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 = {
+  const makeSizeCls = () => {
+    const sizeMap = {
       sm: "".concat(prefixCls, "-sm"),
       md: "".concat(prefixCls, "-md"),
       lg: "".concat(prefixCls, "-lg"),
@@ -317,16 +292,16 @@ var Modal = function Modal(props) {
     if (isFullScreen) return sizeMap['fullScreen'];
     return sizeMap[size];
   };
-  var getModalCls = function getModalCls() {
+  const getModalCls = () => {
     if (mask) return "".concat(prefixCls, "-with-mask");
     return "".concat(prefixCls, "-without-mask");
   };
   //自定义样式
-  var getCStyle = function getCStyle() {
+  const getCStyle = () => {
     return Object.assign(Object.assign({}, customizeSize), style);
   };
   //自定义内容样式
-  var getContentStyle = function getContentStyle() {
+  const getContentStyle = () => {
     return Object.assign(Object.assign({
       maxHeight: 478,
       minHeight: 118,
@@ -335,11 +310,11 @@ var Modal = function Modal(props) {
     }, bodyStyle), contentStyle);
   };
   //header
-  var renderHeader = function renderHeader() {
+  const renderHeader = () => {
     if (hideHeader) return null;
     if (header) return header;
     //
-    var closeNode = closable && jsx(Button.IconButton, Object.assign({
+    const closeNode = closable && jsx(Button.IconButton, Object.assign({
       onClick: handleCancel,
       className: "".concat(prefixCls, "-close"),
       variant: 'outlined',
@@ -358,15 +333,16 @@ var Modal = function Modal(props) {
     });
   };
   //footer
-  var renderFooter = function renderFooter() {
+  const 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({
+    const {
+      okText,
+      cancelText,
+      okButtonProps,
+      cancelButtonProps,
+      confirmLoading = false
+    } = props;
+    const okBtn = jsx(Button, Object.assign({
       variant: "contained",
       size: "large",
       loading: confirmLoading,
@@ -376,7 +352,7 @@ var Modal = function Modal(props) {
         id: 'ok'
       })
     }));
-    var cancelBtn = showCancel && jsx(Button, Object.assign({
+    const cancelBtn = showCancel && jsx(Button, Object.assign({
       variant: "outlined",
       size: "large",
       onClick: handleCancel
@@ -385,32 +361,30 @@ var Modal = function Modal(props) {
         id: 'cancel'
       })
     }));
-    var buttons = [cancelBtn, okBtn];
-    var tActions = actions !== null && actions !== void 0 ? actions : footer;
+    const buttons = [cancelBtn, okBtn];
+    const tActions = actions !== null && actions !== void 0 ? actions : footer;
     if (typeof tActions === 'function') {
-      var btns = tActions(buttons);
+      const btns = tActions(buttons);
       return jsx(Fragment, {
-        children: Array.isArray(btns) ? btns.map(function (btn, idx) {
-          return jsx(React__default.Fragment, {
-            children: btn
-          }, idx);
-        }) : btns
+        children: Array.isArray(btns) ? btns.map((btn, idx) => 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);
-      })
+      children: buttons.map((btn, idx) => jsx(React__default.Fragment, {
+        children: btn
+      }, idx))
     });
   };
   //wrap cls
-  var makeWrapClassName = clsx(props.wrapClassName, _defineProperty({}, "".concat(prefixCls, "-centered"), centered));
+  const makeWrapClassName = clsx(props.wrapClassName, {
+    ["".concat(prefixCls, "-centered")]: centered
+  });
   //modal cls
-  var makeModalClassName = clsx(props.className, "".concat($prefixCls, "-scrollbar-small"), makeSizeCls(), getModalCls());
+  const makeModalClassName = clsx(props.className, "".concat($prefixCls, "-scrollbar-small"), makeSizeCls(), getModalCls());
   return jsx(Dialog, Object.assign({}, restProps, {
     mask: mask,
     visible: open !== null && open !== void 0 ? open : visible,

package/MultiBox/index.d.ts

@@ -7,6 +7,7 @@ import React, { FunctionComponent, ReactNode } from 'react';
 import { TextFieldProps } from '../TextField';
 import { LabelTooltipProps } from '../Label';
 import { HelperTextDetailProps } from '../HelperText';
+import { TooltipProps } from "../Tooltip";
 import './index.scss';
 interface ReplaceFieldsProps {
     /** key索引 */
@@ -37,6 +38,10 @@ export interface MultiBoxProps extends HelperTextDetailProps {
     disabled?: boolean | {
         [name: string]: boolean;
     }[];
+    /**
+     * 禁用提示
+     */
+    disabledTooltip?: TooltipProps;
     /** 是否必填 */
     required?: boolean;
     /** 默认值 不受控 */