@para-ui/core 4.0.0-rc → 4.0.0-rc.2

package/Message/index.js

@@ -11,15 +11,15 @@ import { $ as $prefixCls } from '../_verture/constant-0d9802f7.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 linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-message-box {\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v4-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-v4-message-box .msg-icon {\n  position: absolute;\n  top: 13px;\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v4-message-box .msg-icon svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-text {\n  display: inline-block;\n  max-width: 354px;\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-v4-message-box .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v4-message-box .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v4-message-box .msg-text .msg-desc {\n  display: block;\n  margin-top: 5px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v4-message-box .msg-close {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: 16px;\n  top: 13px;\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v4-message-box .msg-close svg {\n  font-size: 14px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-item-fill .msg-wrapper {\n  width: 100%;\n}\n.paraui-v4-message-box .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 40px;\n  padding: 10px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title {\n  padding: 13px 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-icon {\n  top: 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-close {\n  top: 16px;\n}\n.paraui-v4-message-box .msg-info {\n  background-color: rgb(240, 245, 255);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-message-box .msg-warn {\n  background-color: rgb(255, 246, 235);\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close:hover {\n  background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-message-box .msg-error {\n  background-color: rgb(255, 235, 235);\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close:hover {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-message-box .msg-success {\n  background-color: rgb(232, 252, 239);\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close:hover {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-message-box {\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v4-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-v4-message-box .msg-icon {\n  position: absolute;\n  top: 11px;\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v4-message-box .msg-icon svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-text {\n  display: inline-block;\n  width: 352px;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 24px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.paraui-v4-message-box .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v4-message-box .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v4-message-box .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v4-message-box .msg-close {\n  width: 18px;\n  height: 18px;\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: 16px;\n  top: 11px;\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v4-message-box .msg-close svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-item-fill .msg-wrapper {\n  width: 100%;\n}\n.paraui-v4-message-box .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 40px;\n  padding: 10px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title {\n  padding: 16px 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-icon {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-close {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-info {\n  background-color: rgb(240, 245, 255);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-message-box .msg-warn {\n  background-color: rgb(255, 246, 235);\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close:hover {\n  background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-message-box .msg-error {\n  background-color: rgb(255, 235, 235);\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close:hover {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-message-box .msg-success {\n  background-color: rgb(232, 252, 239);\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close:hover {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-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(CloseCircleF, {}),
-  'success': jsx(CompleteIcon, {})
+  info: jsx(WarningCircleF, {}),
+  warn: jsx(WarningCircleF, {}),
+  error: jsx(CloseCircleF, {}),
+  success: jsx(CompleteIcon, {})
 };
 //获取window
 var getMsgWindow = function getMsgWindow() {
@@ -37,7 +37,7 @@ var template = function template(_ref) {
     hideIcon = _ref.hideIcon;
   var item = document.createElement('div');
   item.className = "msg-item";
-  item.id = id || "";
+  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 msgWrapper = item.querySelector('.msg-wrapper');
   var msgBox = item.querySelector('.msg-text');
@@ -72,7 +72,7 @@ var MessageBar = function MessageBar(props) {
     type = props.type;
   var pId = createParentId();
   var mId = getMsgId();
-  var cls = getParentClassName(props.className || "");
+  var cls = getParentClassName(props.className || '');
   if (className) cls += " ".concat(className);
   useEffect(function () {
     var parent = document.getElementById(pId);
@@ -94,7 +94,7 @@ var MessageBar = function MessageBar(props) {
   });
 };
 var createParentId = function createParentId() {
-  return "msgbox_" + String(Math.random() * 100000 | 0 + new Date().getTime());
+  return "msgbox_".concat(String(Math.random() * 100000 | 0 + new Date().getTime()));
 };
 //消息box id
 var parentId = createParentId();
@@ -125,7 +125,7 @@ var renderContent = function renderContent(box, _ref2, removeTime, autoClose, fi
     desc: desc,
     hideIcon: hideIcon
   });
-  if (fill && item) item.classList.add("msg-item-fill");
+  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);
@@ -154,7 +154,7 @@ var Msg = function Msg(config, removeTime, type, parentId) {
     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") {
+  if (typeof config === 'string') text = config;else if (_typeof(config) === 'object') {
     text = config.text || '';
     desc = config.desc;
     icon = config.icon || iconMapping[type];
@@ -162,7 +162,7 @@ var Msg = function Msg(config, removeTime, type, parentId) {
     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;
+  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');
@@ -185,10 +185,10 @@ var Msg = function Msg(config, removeTime, type, parentId) {
   dropEleWhenExceedLimit(parent, maxCount);
 };
 var getParentClassName = function getParentClassName(className) {
-  return "".concat($prefixCls, "-message-box").concat(className ? ' ' + className : '');
+  return "".concat($prefixCls, "-message-box").concat(className ? " ".concat(className) : '');
 };
 var getMsgId = function getMsgId() {
-  return 'msgitem_' + String(Math.random() * 100000 | 0 + new Date().getTime());
+  return "msgitem_".concat(String(Math.random() * 100000 | 0 + new Date().getTime()));
 };
 //超出maxCount 删除之前元素
 var dropEleWhenExceedLimit = function dropEleWhenExceedLimit(parent, maxCount) {

package/Modal/Confirm/index.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
-import { ButtonProps } from "../../Button";
+import { ReactNode } from 'react';
+import { ButtonProps } from '../../Button';
 import './index.scss';
-type ConfirmType = "success" | "info" | "error" | "warn" | "warning";
+type ConfirmType = 'success' | 'info' | 'error' | 'warn' | 'warning';
 interface ConfirmDialogProps {
     /**图标类型*/
     type?: ConfirmType;

package/Modal/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps } from '../Button';
-import { Confirm, ConfirmObject } from "./Confirm";
+import { Confirm, ConfirmObject } from './Confirm';
 import './index.scss';
 type ModalSize = 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
 export interface ModalProps {

package/Modal/index.js

@@ -6,42 +6,41 @@ 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-19947788.js';
+import { d as defaultModalLocale } from '../_verture/index-05f7bf11.js';
 import ReactDOM from 'react-dom';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.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 CloseCircleF from '@para-ui/icons/CloseCircleF';
-import InfoOutlined from '@para-ui/icons/WarningCircle';
 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 '@para-ui/icons/Forbid';
 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 '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 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: 32px 32px 24px;\n}\n.paraui-v4-confirm .confirm-content-close {\n  position: absolute;\n  right: 16px;\n  top: 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: 3px;\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon svg {\n  color: inherit;\n  font-size: 14px;\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 30px;\n  color: rgba(29, 33, 38, 0.9);\n  font-size: 14px;\n}\n.paraui-v4-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-v4-confirm .confirm-content-actions {\n  margin-top: 24px;\n  text-align: right;\n}\n.paraui-v4-confirm .confirm-content-actions > button + button {\n  margin-left: 16px;\n}";
+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, {}),
-  "warn": jsx(WarningCircleF, {}),
-  "warning": jsx(WarningCircleF, {}),
-  "error": jsx(CloseCircleF, {}),
-  "info": jsx(InfoOutlined, {})
+  success: jsx(CompleteIcon, {}),
+  warn: jsx(WarningCircleF, {}),
+  warning: jsx(WarningCircleF, {}),
+  error: jsx(CloseCircleF, {}),
+  info: jsx(WarningCircleF, {})
 };
 //confirm modal
 var ConfirmDialog = function ConfirmDialog(props) {
@@ -110,7 +109,11 @@ var ConfirmDialog = function ConfirmDialog(props) {
       }))]
     }));
   };
-  return jsx(Modal, Object.assign({}, restProps, {
+  return jsx(Modal, Object.assign({
+    bodyStyle: {
+      minHeight: 'auto'
+    }
+  }, restProps, {
     onOk: handleOk,
     onCancel: handleCancel,
     title: "",
@@ -227,7 +230,7 @@ var Confirm = {
   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 linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-modal-close {\n  color: rgb(92, 101, 115);\n}\n\n.paraui-v4-modal {\n  color: rgba(29, 33, 38, 0.9);\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-v4-modal.paraui-v4-modal-sm .paraui-v4-modal-content {\n  width: 430px;\n  max-height: 250px;\n}\n.paraui-v4-modal.paraui-v4-modal-md .paraui-v4-modal-content {\n  width: 486px;\n  max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-lg .paraui-v4-modal-content {\n  width: 948px;\n  max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-fullscreen {\n  max-width: 100%;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-modal.paraui-v4-modal-zoom-enter, .paraui-v4-modal.paraui-v4-modal-zoom-appear {\n  transform: none;\n  opacity: 0;\n  animation-duration: 0.3s;\n  user-select: none;\n}\n.paraui-v4-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-v4-modal-mask-hidden {\n  display: none;\n}\n.paraui-v4-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-v4-modal .paraui-v4-modal-content {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  position: relative;\n  border-radius: 4px;\n  background-color: white;\n  pointer-events: auto;\n  overflow-y: auto;\n}\n.paraui-v4-modal.paraui-v4-modal-without-mask .paraui-v4-modal-content {\n  box-shadow: 0 2px 8px 0 rgb(234, 236, 241);\n}\n.paraui-v4-modal .paraui-v4-modal-title {\n  position: relative;\n  height: 50px;\n  padding: 15px 20px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  font-weight: 700;\n  line-height: 20px;\n  overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close {\n  position: absolute;\n  top: 11px;\n  right: 15px;\n  z-index: 10;\n  border: 0;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close .paraui-v4-modal-close-icon {\n  font-size: 18px;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-title-text {\n  width: calc(100% - 28px);\n}\n.paraui-v4-modal .paraui-v4-modal-body {\n  flex: auto;\n  padding: 0 20px;\n  overflow-y: auto;\n  overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-footer {\n  height: 72px;\n  padding: 0 20px;\n  text-align: right;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.paraui-v4-modal .paraui-v4-modal-footer > button + button {\n  margin-left: 16px;\n}\n.paraui-v4-modal-open {\n  overflow: hidden;\n}\n.paraui-v4-modal-centered {\n  text-align: center;\n}\n.paraui-v4-modal-centered::before {\n  display: inline-block;\n  width: 0;\n  height: 100%;\n  vertical-align: middle;\n  content: \"\";\n}\n.paraui-v4-modal-centered .paraui-v4-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-v4-modal .paraui-v4-modal {\n    max-width: calc(100vw - 16px);\n    margin: 8px auto;\n  }\n  .paraui-v4-modal .paraui-v4-modal-centered .paraui-v4-modal {\n    flex: 1;\n  }\n}\n\n.paraui-v4-modal-zoom-enter,\n.paraui-v4-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-v4-modal-zoom-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v4-modal-zoom-enter.paraui-v4-modal-zoom-enter-active,\n.paraui-v4-modal-zoom-appear.paraui-v4-modal-zoom-appear-active {\n  animation-name: paraui-v4ModalZoomIn;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-leave.paraui-v4-modal-zoom-leave-active {\n  animation-name: paraui-v4ModalZoomOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-v4-modal-zoom-enter-prepare,\n.paraui-v4-modal-zoom-appear-prepare {\n  transform: none;\n}\n\n.paraui-v4-modal-zoom-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-v4-modal-fade-enter,\n.paraui-v4-modal-fade-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v4-modal-fade-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v4-modal-fade-enter.paraui-v4-modal-fade-enter-active,\n.paraui-v4-modal-fade-appear.paraui-v4-modal-fade-appear-active {\n  animation-name: paraui-v4ModalFadeIn;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-fade-leave.paraui-v4-modal-fade-leave-active {\n  animation-name: paraui-v4ModalFadeOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-v4-modal-fade-enter,\n.paraui-v4-modal-fade-appear {\n  opacity: 0;\n  animation-timing-function: linear;\n}\n\n.paraui-v4-modal-fade-leave {\n  animation-timing-function: linear;\n}\n\n@keyframes paraui-v4ModalZoomIn {\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-v4ModalZoomOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.2);\n    opacity: 0;\n  }\n}\n@keyframes paraui-v4ModalFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes paraui-v4ModalFadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下午6:54\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-modal-close {\n  color: rgb(92, 101, 115);\n}\n\n.paraui-v4-modal {\n  position: relative;\n  top: 100px;\n  width: auto;\n  max-width: calc(100vw - 32px);\n  padding-bottom: 24px;\n  margin: 0 auto;\n  font-size: 14px;\n  line-height: 1.5715;\n  color: rgb(29, 33, 38);\n  pointer-events: none;\n}\n.paraui-v4-modal.paraui-v4-modal-sm .paraui-v4-modal-content {\n  width: 430px;\n  max-height: 250px;\n}\n.paraui-v4-modal.paraui-v4-modal-md .paraui-v4-modal-content {\n  width: 486px;\n  max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-lg .paraui-v4-modal-content {\n  width: 948px;\n  max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-fullscreen {\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n}\n.paraui-v4-modal.paraui-v4-modal-zoom-enter, .paraui-v4-modal.paraui-v4-modal-zoom-appear {\n  user-select: none;\n  opacity: 0;\n  transform: none;\n  animation-duration: 0.3s;\n}\n.paraui-v4-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-v4-modal-mask-hidden {\n  display: none;\n}\n.paraui-v4-modal-wrap {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  overflow: auto;\n  outline: 0;\n  -webkit-overflow-scrolling: touch;\n}\n.paraui-v4-modal .paraui-v4-modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow-y: auto;\n  pointer-events: auto;\n  background-color: white;\n  border-radius: 4px;\n}\n.paraui-v4-modal.paraui-v4-modal-without-mask .paraui-v4-modal-content {\n  box-shadow: 0 2px 8px 0 rgb(234, 236, 241);\n}\n.paraui-v4-modal .paraui-v4-modal-title {\n  position: relative;\n  height: 50px;\n  padding: 15px 20px;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n  color: rgb(29, 33, 38);\n  overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close {\n  position: absolute;\n  top: 11px;\n  right: 15px;\n  z-index: 10;\n  border: 0;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close .paraui-v4-modal-close-icon {\n  font-size: 18px;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-title-text {\n  width: calc(100% - 28px);\n}\n.paraui-v4-modal .paraui-v4-modal-body {\n  flex: auto;\n  padding: 0 20px;\n  overflow-y: auto;\n  overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 72px;\n  padding: 0 20px;\n  text-align: right;\n}\n.paraui-v4-modal .paraui-v4-modal-footer > button + button {\n  margin-left: 16px;\n}\n.paraui-v4-modal-open {\n  overflow: hidden;\n}\n.paraui-v4-modal-centered {\n  text-align: center;\n}\n.paraui-v4-modal-centered::before {\n  display: inline-block;\n  width: 0;\n  height: 100%;\n  vertical-align: middle;\n  content: \"\";\n}\n.paraui-v4-modal-centered .paraui-v4-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-v4-modal .paraui-v4-modal {\n    max-width: calc(100vw - 16px);\n    margin: 8px auto;\n  }\n  .paraui-v4-modal .paraui-v4-modal-centered .paraui-v4-modal {\n    flex: 1;\n  }\n}\n\n.paraui-v4-modal-zoom-enter,\n.paraui-v4-modal-zoom-appear {\n  opacity: 0;\n  transform: scale(0);\n  animation-duration: 0.2s;\n  animation-play-state: paused;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n  animation-fill-mode: both;\n}\n\n.paraui-v4-modal-zoom-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-v4-modal-zoom-enter.paraui-v4-modal-zoom-enter-active,\n.paraui-v4-modal-zoom-appear.paraui-v4-modal-zoom-appear-active {\n  animation-name: paraui-v4ModalZoomIn;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-leave.paraui-v4-modal-zoom-leave-active {\n  pointer-events: none;\n  animation-name: paraui-v4ModalZoomOut;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-enter-prepare,\n.paraui-v4-modal-zoom-appear-prepare {\n  transform: none;\n}\n\n.paraui-v4-modal-fade-enter,\n.paraui-v4-modal-fade-appear {\n  opacity: 0;\n  animation-duration: 0.2s;\n  animation-play-state: paused;\n  animation-timing-function: linear;\n  animation-fill-mode: both;\n}\n\n.paraui-v4-modal-fade-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  animation-timing-function: linear;\n}\n\n.paraui-v4-modal-fade-enter.paraui-v4-modal-fade-enter-active,\n.paraui-v4-modal-fade-appear.paraui-v4-modal-fade-appear-active {\n  animation-name: paraui-v4ModalFadeIn;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-fade-leave.paraui-v4-modal-fade-leave-active {\n  pointer-events: none;\n  animation-name: paraui-v4ModalFadeOut;\n  animation-play-state: running;\n}\n\n@keyframes paraui-v4ModalZoomIn {\n  0% {\n    opacity: 0;\n    transform: scale(0.2);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes paraui-v4ModalZoomOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(0.2);\n  }\n}\n@keyframes paraui-v4ModalFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes paraui-v4ModalFadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 //鼠标位置内部使用
@@ -324,12 +327,12 @@ var Modal = function Modal(props) {
   };
   //自定义内容样式
   var getContentStyle = function getContentStyle() {
-    return Object.assign(Object.assign(Object.assign({}, bodyStyle), {
-      width: contentWidth,
-      height: contentHeight,
+    return Object.assign(Object.assign({
       maxHeight: 478,
-      minHeight: 118
-    }), contentStyle);
+      minHeight: 118,
+      width: contentWidth,
+      height: contentHeight
+    }, bodyStyle), contentStyle);
   };
   //header
   var renderHeader = function renderHeader() {

package/Modal/lang/index.d.ts

@@ -7,5 +7,13 @@ declare const _default: {
         cancel: string;
         ok: string;
     };
+    'zh-CN': {
+        cancel: string;
+        ok: string;
+    };
+    'en-US': {
+        cancel: string;
+        ok: string;
+    };
 };
 export default _default;

package/MultiBox/index.d.ts

@@ -5,8 +5,8 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { TextFieldProps } from '../TextField';
-import { LabelTooltipProps } from "../Label";
-import { HelperTextDetailProps } from "../HelperText";
+import { LabelTooltipProps } from '../Label';
+import { HelperTextDetailProps } from '../HelperText';
 import './index.scss';
 interface ReplaceFieldsProps {
     /** key索引 */

package/MultiBox/index.js

@@ -47,7 +47,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-multi-box {\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item {\n  display: flex;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  align-items: flex-start;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input.multi-box-content-item-input-error > .multi-box-separator {\n  padding-bottom: 20px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n  flex: 1;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field .paraui-v4-helper-text {\n  min-height: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n  padding-bottom: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  margin: 0 10px;\n  line-height: 1;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-multi-box > .multi-box-add > svg {\n  font-size: 16px;\n  color: rgb(46, 101, 230);\n  margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-add:hover {\n  border-color: rgb(87, 131, 235);\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 0;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: not-allowed;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: transparent;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add {\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add:hover {\n  border-color: rgb(212, 218, 227);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-add {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 28px;\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-multi-box {\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item {\n  display: flex;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  align-items: flex-start;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input.multi-box-content-item-input-error > .multi-box-separator {\n  padding-bottom: 20px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n  flex: 1;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field .paraui-v4-helper-text {\n  min-height: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n  padding-bottom: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  margin: 0 10px;\n  line-height: 1;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-multi-box > .multi-box-add > svg {\n  font-size: 16px;\n  color: rgb(46, 101, 230);\n  margin-right: 4px;\n}\n.paraui-v4-multi-box > .multi-box-add:hover {\n  border-color: rgb(87, 131, 235);\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 0;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: not-allowed;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: transparent;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add {\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add:hover {\n  border-color: rgb(212, 218, 227);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-add {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 28px;\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}";
 styleInject(css_248z);
 
 var MultiBox = function MultiBox(props) {
@@ -156,7 +156,7 @@ var MultiBox = function MultiBox(props) {
     var handLabelClass = function handLabelClass() {
       var str = 'multi-box-label';
       if (labelTooltip && labelTooltip.className) {
-        str += ' ' + labelTooltip.className;
+        str += " ".concat(labelTooltip.className);
       }
       return str;
     };
@@ -251,8 +251,8 @@ var MultiBox = function MultiBox(props) {
   };
   /** 处理class */
   var handClass = function handClass() {
-    var str = $prefixCls + '-multi-box multi-box';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-multi-box multi-box");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-multi-box-").concat(size);
     if (error) str += " ".concat($prefixCls, "-multi-box-error");
     if (disabled === true) str += " ".concat($prefixCls, "-multi-box-disabled");

package/Notification/index.js

@@ -11,7 +11,7 @@ import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-adeedc13.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-notification {\n  position: fixed;\n  padding: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  z-index: 9999;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-topLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n  animation-name: NotificationLeftFadeIn;\n}\n.paraui-v4-notification-hook-holder, .paraui-v4-notification-notice {\n  position: relative;\n  width: 440px;\n  max-width: calc(100vw - 48px);\n  margin-top: 20px;\n  margin-left: auto;\n  overflow: hidden;\n  word-wrap: break-word;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-notification-hook-holder:first-child, .paraui-v4-notification-notice:first-child {\n  margin-top: 0;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-topLeft .paraui-v4-notification-notice, .paraui-v4-notification-bottomLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-bottomLeft .paraui-v4-notification-notice {\n  margin-right: auto;\n  margin-left: 0;\n}\n.paraui-v4-notification-hook-holder > .paraui-v4-notification-notice {\n  margin-bottom: 0;\n  box-shadow: none;\n}\n.paraui-v4-notification-notice {\n  padding: 16px;\n  line-height: 1.5715;\n}\n.paraui-v4-notification-notice-content {\n  position: relative;\n}\n.paraui-v4-notification-notice-message {\n  margin-bottom: 10px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin {\n  display: block;\n  width: calc(264px - 100%);\n  max-width: 4px;\n  background-color: transparent;\n  pointer-events: none;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin::before {\n  display: block;\n  content: \"\";\n}\n.paraui-v4-notification-notice-description {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n.paraui-v4-notification-notice-closable .paraui-v4-notification-notice-message {\n  padding-right: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-message {\n  margin-bottom: 10px;\n  margin-left: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-description {\n  margin-left: 24px;\n}\n.paraui-v4-notification-notice-without-description .paraui-v4-notification-notice-message {\n  margin-bottom: 0;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon {\n  position: absolute;\n  top: 2px;\n  font-size: 16px;\n  line-height: 24px;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-success {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-info {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-warning {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-error {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-notification-notice-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  color: rgb(92, 101, 115);\n  outline: none;\n}\n.paraui-v4-notification-notice-close:hover {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon {\n  font-size: 18px;\n  cursor: pointer;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-notification-notice-btn {\n  float: right;\n  margin-top: 12px;\n}\n.paraui-v4-notification .notification-fade-effect {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n}\n.paraui-v4-notification-fade-enter, .paraui-v4-notification-fade-appear {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  opacity: 0;\n  animation-play-state: paused;\n}\n.paraui-v4-notification-fade-leave {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n  animation-name: NotificationFadeIn;\n  animation-play-state: running;\n}\n.paraui-v4-notification-fade-leave.paraui-v4-notification-fade-leave-active {\n  animation-name: NotificationFadeOut;\n  animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n  0% {\n    left: 440px;\n    opacity: 0;\n  }\n  100% {\n    left: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationLeftFadeIn {\n  0% {\n    right: 440px;\n    opacity: 0;\n  }\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationFadeOut {\n  0% {\n    max-height: 150px;\n    margin-bottom: 16px;\n    opacity: 1;\n  }\n  100% {\n    max-height: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-notification {\n  position: fixed;\n  padding: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  z-index: 9999;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-topLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n  animation-name: NotificationLeftFadeIn;\n}\n.paraui-v4-notification-hook-holder, .paraui-v4-notification-notice {\n  position: relative;\n  width: 440px;\n  max-width: calc(100vw - 48px);\n  margin-top: 20px;\n  margin-left: auto;\n  overflow: hidden;\n  word-wrap: break-word;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-notification-hook-holder:first-child, .paraui-v4-notification-notice:first-child {\n  margin-top: 0;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-topLeft .paraui-v4-notification-notice, .paraui-v4-notification-bottomLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-bottomLeft .paraui-v4-notification-notice {\n  margin-right: auto;\n  margin-left: 0;\n}\n.paraui-v4-notification-hook-holder > .paraui-v4-notification-notice {\n  margin-bottom: 0;\n  box-shadow: none;\n}\n.paraui-v4-notification-notice {\n  padding: 16px;\n  line-height: 1.5715;\n}\n.paraui-v4-notification-notice-content {\n  position: relative;\n}\n.paraui-v4-notification-notice-message {\n  margin-bottom: 10px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin {\n  display: block;\n  width: calc(264px - 100%);\n  max-width: 4px;\n  background-color: transparent;\n  pointer-events: none;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin::before {\n  display: block;\n  content: \"\";\n}\n.paraui-v4-notification-notice-description {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n.paraui-v4-notification-notice-closable .paraui-v4-notification-notice-message {\n  padding-right: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-message {\n  margin-bottom: 8px;\n  margin-left: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-description {\n  margin-left: 24px;\n}\n.paraui-v4-notification-notice-without-description .paraui-v4-notification-notice-message {\n  margin-bottom: 0;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon {\n  position: absolute;\n  top: 0px;\n  font-size: 18px;\n  line-height: 24px;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-success {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-info {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-warning {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-error {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-notification-notice-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  color: rgb(92, 101, 115);\n  outline: none;\n}\n.paraui-v4-notification-notice-close:hover {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon {\n  font-size: 18px;\n  cursor: pointer;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-notification-notice-btn {\n  float: right;\n  margin-top: 12px;\n}\n.paraui-v4-notification .notification-fade-effect {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n}\n.paraui-v4-notification-fade-enter, .paraui-v4-notification-fade-appear {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  opacity: 0;\n  animation-play-state: paused;\n}\n.paraui-v4-notification-fade-leave {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n  animation-name: NotificationFadeIn;\n  animation-play-state: running;\n}\n.paraui-v4-notification-fade-leave.paraui-v4-notification-fade-leave-active {\n  animation-name: NotificationFadeOut;\n  animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n  0% {\n    left: 440px;\n    opacity: 0;\n  }\n  100% {\n    left: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationLeftFadeIn {\n  0% {\n    right: 440px;\n    opacity: 0;\n  }\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationFadeOut {\n  0% {\n    max-height: 150px;\n    margin-bottom: 16px;\n    opacity: 1;\n  }\n  100% {\n    max-height: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 //通知框实例存储
@@ -198,7 +198,7 @@ function getNoticeProps(args, prefixCls) {
   }) : null;
   return {
     content: jsxs("div", Object.assign({
-      className: "".concat(iconNode ? "".concat(prefixCls, "-with-icon") : '', " ").concat(description ? '' : prefixCls + '-without-description')
+      className: "".concat(iconNode ? "".concat(prefixCls, "-with-icon") : '', " ").concat(description ? '' : "".concat(prefixCls, "-without-description"))
     }, {
       children: [iconNode, jsxs("div", Object.assign({
         className: "".concat(prefixCls, "-message")

package/OperateBtn/index.d.ts

@@ -20,7 +20,7 @@ export interface OperateBtnListProps {
     /** 图标 */
     icon?: React.ReactNode;
     /** 定位方向 */
-    placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top";
+    placement?: 'top-start' | 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top';
     /** 是否禁用 */
     disabled?: boolean;
     /** 设置危险按钮 */
@@ -49,7 +49,7 @@ export interface OperateBtnProps {
     /** 下拉框样式 */
     popoverClassName?: string;
     /** 定位方向 */
-    placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top";
+    placement?: 'top-start' | 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top';
     /** 点击是否关闭更多 */
     clickCloseMore?: boolean;
     /** 点击事件, 如果listItem里面存在onClick事件,则不触发改事件 */

package/OperateBtn/index.js

@@ -9,23 +9,36 @@ import { Tooltip } from '../Tooltip/index.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/typeof-c310ee4a.js';
 import '../_verture/typeof-adeedc13.js';
-import 'clsx';
 import '@para-ui/icons/LoadingF';
-import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 import '../_verture/index-e9007d6a.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-703f8b20.js';
-import '@para-ui/core/GlobalContext';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '@para-ui/core/GlobalContext';
+
+var en = {
+  more: 'more'
+};
+
+var zh = {
+  more: '更多'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/4/13 10:48 AM\n* @description 表格操作按钮\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-operate-btn {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-operate-btn > .operate-btn-line {\n  display: inline-block;\n  width: 1px;\n  background-color: rgb(213, 224, 250);\n  margin: 0 10px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-small > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-small button svg {\n  font-size: 18px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-medium > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-medium button svg {\n  font-size: 18px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-large > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-large button svg {\n  font-size: 18px;\n}\n\n.paraui-v4-operate-btn-popover .operate-btn-list {\n  padding: 4px 0;\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item {\n  padding: 0 10px;\n  max-width: 120px;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  line-height: 30px;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item-disabled {\n  cursor: not-allowed;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item-disabled:hover {\n  background-color: white;\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item-danger {\n  color: rgb(244, 66, 66);\n}";
 styleInject(css_248z);
@@ -48,6 +61,7 @@ var OperateBtn = function OperateBtn(props) {
     loadingMapping = props.loadingMapping,
     _props$key = props.key,
     key = _props$key === void 0 ? 'key' : _props$key;
+  useFormatMessage('OperateBtn', localeJson);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     openMoreCom = _useState2[0],
@@ -110,14 +124,10 @@ var OperateBtn = function OperateBtn(props) {
       }));
     };
   };
-  // 点击更多
-  var clickMore = function clickMore() {
-    setOpenMoreCom(true);
-  };
   // 关闭显示更多
   var closeMore = function closeMore(bol) {
-    if (bol) return;
-    setOpenMoreCom(false);
+    //if (bol) return;
+    setOpenMoreCom(Boolean(bol));
   };
   // 处理loading
   var handLoadStatus = function handLoadStatus(item, index) {
@@ -132,18 +142,26 @@ var OperateBtn = function OperateBtn(props) {
   };
   // 处理handClassPopover
   var handClassPopover = function handClassPopover() {
-    var str = $prefixCls + '-operate-btn-popover';
-    if (popoverClassName) str += ' ' + popoverClassName;
+    var str = "".concat($prefixCls, "-operate-btn-popover");
+    if (popoverClassName) str += " ".concat(popoverClassName);
     return str;
   };
   var morePopoverContent = function morePopoverContent() {
     var arr = (list === null || list === void 0 ? void 0 : list.slice(showNum, list === null || list === void 0 ? void 0 : list.length)) || [];
     var handPopoverClass = function handPopoverClass(item) {
-      var str = 'operate-btn-list-item';
-      if (item.disabled) str += ' operate-btn-list-item-disabled';
-      if (item.danger) str += ' operate-btn-list-item-danger';
-      if (item.className) str += ' ' + className;
-      return str;
+      return clsx('operate-btn-list-item', item.className, {
+        'operate-btn-list-item-disabled': item.disabled,
+        'operate-btn-list-item-danger': item.danger
+      });
+    };
+    var handleBox = function handleBox(item, children, index) {
+      return jsx("div", Object.assign({
+        className: handPopoverClass(item),
+        onClick: clickItem(item, index + showNum),
+        style: style
+      }, {
+        children: children
+      }), index);
     };
     return jsx("div", Object.assign({
       className: "operate-btn-list"
@@ -154,27 +172,14 @@ var OperateBtn = function OperateBtn(props) {
             disabled: true,
             title: item.label || item.toolTipTitle
           }, {
-            children: jsx("div", Object.assign({
-              className: handPopoverClass(item),
-              onClick: clickItem(item, index + showNum),
-              style: style
-            }, {
-              children: item.label || item.toolTipTitle
-            }), index)
+            children: handleBox(item, item.label || item.toolTipTitle, index)
           }), index);
         }
-        return jsx("div", Object.assign({
-          className: handPopoverClass(item),
-          onClick: clickItem(item, index + showNum),
-          style: style
+        return handleBox(item, jsx(AutoTips, Object.assign({
+          tipMaxWidth: 'none'
         }, {
-          children: jsx(AutoTips, Object.assign({
-            tipMaxWidth: 'none',
-            placement: 'top-start'
-          }, {
-            children: item.label || item.toolTipTitle
-          }))
-        }), index);
+          children: item.label || item.toolTipTitle
+        })), index);
       })
     }));
   };
@@ -186,16 +191,17 @@ var OperateBtn = function OperateBtn(props) {
         visible: openMoreCom,
         content: morePopoverContent(),
         onVisibleChange: closeMore,
-        overlayClassName: handClassPopover()
+        overlayClassName: handClassPopover(),
+        trigger: 'hover'
       }, {
         children: jsx(Button.IconButton, Object.assign({
           variant: 'text',
-          toolTipTitle: !openMoreCom && '更多',
-          TooltipProps: {
-            placement: placement,
-            arrow: false
-          },
-          onClick: clickMore,
+          /*toolTipTitle={!openMoreCom && intl('more')}
+          TooltipProps={{
+              placement,
+              arrow: false
+          }}*/
+          //onClick={clickMore}
           className: 'operate-btn-more'
         }, {
           children: jsx(More, {})
@@ -203,14 +209,8 @@ var OperateBtn = function OperateBtn(props) {
       }))
     });
   };
-  var handClass = function handClass() {
-    var str = $prefixCls + '-operate-btn';
-    if (className) str += ' ' + className;
-    if (size) str += " ".concat($prefixCls, "-operate-btn-").concat(size);
-    return str;
-  };
   return jsxs("div", Object.assign({
-    className: handClass(),
+    className: clsx("".concat($prefixCls, "-operate-btn"), className, "".concat($prefixCls, "-operate-btn-").concat(size)),
     style: style
   }, {
     children: [list === null || list === void 0 ? void 0 : list.map(function (item, index) {