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

package/Drawer/index.js

@@ -13,10 +13,10 @@ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/typeof-adeedc13.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';
@@ -55,7 +55,7 @@ var closest = function closest(el, selector) {
   return el;
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description drawer样式\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-drawer {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  pointer-events: none;\n}\n\n.paraui-v4-drawer-inline {\n  position: absolute;\n}\n\n.paraui-v4-drawer-mask {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  background: rgba(29, 33, 38, 0.9);\n  pointer-events: auto;\n}\n\n.paraui-v4-drawer-content-wrapper {\n  position: absolute;\n  z-index: 1000;\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-resizing .paraui-v4-drawer-content-wrapper {\n  transition: none;\n}\n\n.paraui-v4-drawer-content-wrapper-hidden {\n  display: none;\n}\n\n.paraui-v4-drawer-left > .paraui-v4-drawer-content-wrapper {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v4-drawer-right > .paraui-v4-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v4-drawer-top > .paraui-v4-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  left: 0;\n  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v4-drawer-bottom > .paraui-v4-drawer-content-wrapper {\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v4-drawer-content {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  pointer-events: auto;\n  position: relative;\n}\n.paraui-v4-drawer-content .drawer-handle {\n  position: absolute;\n  z-index: 999;\n  user-select: none;\n}\n.paraui-v4-drawer-content .drawer-handle .drawer-handle-icon {\n  background: #2e65e6;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.paraui-v4-drawer-content .drawer-handle:hover .drawer-handle-icon {\n  opacity: 1;\n}\n.paraui-v4-drawer-content .drawer-content-body {\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: none;\n  height: 50px;\n  padding: 0 20px;\n  font-size: 16px;\n  font-weight: 700;\n  color: rgb(29, 33, 38);\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title-ellipsis {\n  overflow: hidden;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra {\n  margin-left: 30px;\n  flex-shrink: 0;\n  white-space: nowrap;\n  text-align: right;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n  margin-left: 16px;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-content {\n  flex: 1;\n  padding: 20px;\n  overflow: auto;\n  word-wrap: break-word;\n  position: relative;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-footer {\n  display: flex;\n  align-items: center;\n  flex: none;\n  padding: 20px;\n  font-size: 16px;\n  color: rgb(29, 33, 38);\n  border-top: 1px solid rgb(234, 236, 241);\n}\n\n.paraui-v4-drawer-left .drawer-handle,\n.paraui-v4-drawer-right .drawer-handle {\n  top: 0;\n  width: 6px;\n  height: 100%;\n  cursor: e-resize;\n}\n\n.paraui-v4-drawer-left .drawer-handle {\n  right: 0;\n  padding: 0 0 0 4px;\n}\n\n.paraui-v4-drawer-right .drawer-handle {\n  left: 0;\n  padding: 0 4px 0 0;\n}\n\n.paraui-v4-drawer-top .drawer-handle,\n.paraui-v4-drawer-bottom .drawer-handle {\n  left: 0;\n  height: 6px;\n  width: 100%;\n  cursor: n-resize;\n}\n\n.paraui-v4-drawer-top .drawer-handle {\n  bottom: 0;\n  padding: 4px 0 0 0;\n}\n\n.paraui-v4-drawer-bottom .drawer-handle {\n  top: 0;\n  padding: 0 0 4px 0;\n}\n\n.panel-motion-enter-start,\n.panel-motion-appear-start,\n.panel-motion-leave-start {\n  transition: none;\n}\n\n.panel-motion-enter-active,\n.panel-motion-appear-active,\n.panel-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-mask-motion-enter-active,\n.paraui-v4-drawer-mask-motion-appear-active,\n.paraui-v4-drawer-mask-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-mask-motion-enter,\n.paraui-v4-drawer-mask-motion-appear {\n  opacity: 0;\n}\n\n.paraui-v4-drawer-mask-motion-enter-active,\n.paraui-v4-drawer-mask-motion-appear-active {\n  opacity: 1;\n}\n\n.paraui-v4-drawer-mask-motion-leave {\n  opacity: 1;\n}\n\n.paraui-v4-drawer-mask-motion-leave-active {\n  opacity: 0;\n}\n\n.paraui-v4-drawer-panel-motion-left-enter-start,\n.paraui-v4-drawer-panel-motion-left-appear-start,\n.paraui-v4-drawer-panel-motion-left-leave-start {\n  transition: none;\n}\n\n.paraui-v4-drawer-panel-motion-left-enter-active,\n.paraui-v4-drawer-panel-motion-left-appear-active,\n.paraui-v4-drawer-panel-motion-left-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-panel-motion-left-enter-start,\n.paraui-v4-drawer-panel-motion-left-appear-start {\n  transform: translateX(-100%) !important;\n}\n\n.paraui-v4-drawer-panel-motion-left-enter-active,\n.paraui-v4-drawer-panel-motion-left-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v4-drawer-panel-motion-left-leave {\n  transform: translateX(0);\n}\n\n.paraui-v4-drawer-panel-motion-left-leave-active {\n  transform: translateX(-100%);\n}\n\n.paraui-v4-drawer-panel-motion-right-enter-start,\n.paraui-v4-drawer-panel-motion-right-appear-start,\n.paraui-v4-drawer-panel-motion-right-leave-start {\n  transition: none;\n}\n\n.paraui-v4-drawer-panel-motion-right-enter-active,\n.paraui-v4-drawer-panel-motion-right-appear-active,\n.paraui-v4-drawer-panel-motion-right-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-panel-motion-right-enter-start,\n.paraui-v4-drawer-panel-motion-right-appear-start {\n  transform: translateX(100%) !important;\n}\n\n.paraui-v4-drawer-panel-motion-right-enter-active,\n.paraui-v4-drawer-panel-motion-right-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v4-drawer-panel-motion-right-leave {\n  transform: translateX(0);\n}\n\n.paraui-v4-drawer-panel-motion-right-leave-active {\n  transform: translateX(100%);\n}\n\n.paraui-v4-drawer-panel-motion-top-enter-start,\n.paraui-v4-drawer-panel-motion-top-appear-start,\n.paraui-v4-drawer-panel-motion-top-leave-start {\n  transition: none;\n}\n\n.paraui-v4-drawer-panel-motion-top-enter-active,\n.paraui-v4-drawer-panel-motion-top-appear-active,\n.paraui-v4-drawer-panel-motion-top-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-panel-motion-top-enter-start,\n.paraui-v4-drawer-panel-motion-top-appear-start {\n  transform: translateY(-100%) !important;\n}\n\n.paraui-v4-drawer-panel-motion-top-enter-active,\n.paraui-v4-drawer-panel-motion-top-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v4-drawer-panel-motion-top-leave {\n  transform: translateY(0);\n}\n\n.paraui-v4-drawer-panel-motion-top-leave-active {\n  transform: translateY(-100%);\n}\n\n.paraui-v4-drawer-panel-motion-bottom-enter-start,\n.paraui-v4-drawer-panel-motion-bottom-appear-start,\n.paraui-v4-drawer-panel-motion-bottom-leave-start {\n  transition: none;\n}\n\n.paraui-v4-drawer-panel-motion-bottom-enter-active,\n.paraui-v4-drawer-panel-motion-bottom-appear-active,\n.paraui-v4-drawer-panel-motion-bottom-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-panel-motion-bottom-enter-start,\n.paraui-v4-drawer-panel-motion-bottom-appear-start {\n  transform: translateY(100%) !important;\n}\n\n.paraui-v4-drawer-panel-motion-bottom-enter-active,\n.paraui-v4-drawer-panel-motion-bottom-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v4-drawer-panel-motion-bottom-leave {\n  transform: translateY(0);\n}\n\n.paraui-v4-drawer-panel-motion-bottom-leave-active {\n  transform: translateY(100%);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description drawer样式\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-drawer {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  pointer-events: none;\n}\n\n.paraui-v4-drawer-inline {\n  position: absolute;\n}\n\n.paraui-v4-drawer-mask {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  pointer-events: auto;\n  background: rgba(29, 33, 38, 0.4);\n}\n\n.paraui-v4-drawer-content-wrapper {\n  position: absolute;\n  z-index: 1000;\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-resizing .paraui-v4-drawer-content-wrapper {\n  transition: none;\n}\n\n.paraui-v4-drawer-content-wrapper-hidden {\n  display: none;\n}\n\n.paraui-v4-drawer-left > .paraui-v4-drawer-content-wrapper {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v4-drawer-right > .paraui-v4-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v4-drawer-top > .paraui-v4-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  left: 0;\n  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v4-drawer-bottom > .paraui-v4-drawer-content-wrapper {\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v4-drawer-content {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  pointer-events: auto;\n  background: rgb(255, 255, 255);\n}\n.paraui-v4-drawer-content .drawer-handle {\n  position: absolute;\n  z-index: 999;\n  user-select: none;\n}\n.paraui-v4-drawer-content .drawer-handle .drawer-handle-icon {\n  width: 100%;\n  height: 100%;\n  background: #2e65e6;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.paraui-v4-drawer-content .drawer-handle:hover .drawer-handle-icon {\n  opacity: 1;\n}\n.paraui-v4-drawer-content .drawer-content-body {\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header {\n  position: relative;\n  display: flex;\n  flex: none;\n  align-items: center;\n  justify-content: space-between;\n  height: 50px;\n  padding: 0 20px;\n  font-size: 16px;\n  font-weight: 700;\n  color: rgb(29, 33, 38);\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title-ellipsis {\n  overflow: hidden;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra {\n  flex-shrink: 0;\n  margin-left: 30px;\n  text-align: right;\n  white-space: nowrap;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n  margin-left: 16px;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-content {\n  position: relative;\n  flex: 1;\n  padding: 20px;\n  overflow: auto;\n  word-wrap: break-word;\n}\n.paraui-v4-drawer-content .drawer-content-body .drawer-body-footer {\n  display: flex;\n  flex: none;\n  align-items: center;\n  padding: 20px;\n  font-size: 16px;\n  color: rgb(29, 33, 38);\n  border-top: 1px solid rgb(234, 236, 241);\n}\n\n.paraui-v4-drawer-left .drawer-handle,\n.paraui-v4-drawer-right .drawer-handle {\n  top: 0;\n  width: 6px;\n  height: 100%;\n  cursor: e-resize;\n}\n\n.paraui-v4-drawer-left .drawer-handle {\n  right: 0;\n  padding: 0 0 0 4px;\n}\n\n.paraui-v4-drawer-right .drawer-handle {\n  left: 0;\n  padding: 0 4px 0 0;\n}\n\n.paraui-v4-drawer-top .drawer-handle,\n.paraui-v4-drawer-bottom .drawer-handle {\n  left: 0;\n  width: 100%;\n  height: 6px;\n  cursor: n-resize;\n}\n\n.paraui-v4-drawer-top .drawer-handle {\n  bottom: 0;\n  padding: 4px 0 0;\n}\n\n.paraui-v4-drawer-bottom .drawer-handle {\n  top: 0;\n  padding: 0 0 4px;\n}\n\n.panel-motion-enter-start,\n.panel-motion-appear-start,\n.panel-motion-leave-start {\n  transition: none;\n}\n\n.panel-motion-enter-active,\n.panel-motion-appear-active,\n.panel-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-mask-motion-enter-active,\n.paraui-v4-drawer-mask-motion-appear-active,\n.paraui-v4-drawer-mask-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-mask-motion-enter,\n.paraui-v4-drawer-mask-motion-appear {\n  opacity: 0;\n}\n\n.paraui-v4-drawer-mask-motion-enter-active,\n.paraui-v4-drawer-mask-motion-appear-active {\n  opacity: 1;\n}\n\n.paraui-v4-drawer-mask-motion-leave {\n  opacity: 1;\n}\n\n.paraui-v4-drawer-mask-motion-leave-active {\n  opacity: 0;\n}\n\n.paraui-v4-drawer-panel-motion-left-enter-start,\n.paraui-v4-drawer-panel-motion-left-appear-start,\n.paraui-v4-drawer-panel-motion-left-leave-start {\n  transition: none;\n}\n\n.paraui-v4-drawer-panel-motion-left-enter-active,\n.paraui-v4-drawer-panel-motion-left-appear-active,\n.paraui-v4-drawer-panel-motion-left-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-panel-motion-left-enter-start,\n.paraui-v4-drawer-panel-motion-left-appear-start {\n  transform: translateX(-100%) !important;\n}\n\n.paraui-v4-drawer-panel-motion-left-enter-active,\n.paraui-v4-drawer-panel-motion-left-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v4-drawer-panel-motion-left-leave {\n  transform: translateX(0);\n}\n\n.paraui-v4-drawer-panel-motion-left-leave-active {\n  transform: translateX(-100%);\n}\n\n.paraui-v4-drawer-panel-motion-right-enter-start,\n.paraui-v4-drawer-panel-motion-right-appear-start,\n.paraui-v4-drawer-panel-motion-right-leave-start {\n  transition: none;\n}\n\n.paraui-v4-drawer-panel-motion-right-enter-active,\n.paraui-v4-drawer-panel-motion-right-appear-active,\n.paraui-v4-drawer-panel-motion-right-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-panel-motion-right-enter-start,\n.paraui-v4-drawer-panel-motion-right-appear-start {\n  transform: translateX(100%) !important;\n}\n\n.paraui-v4-drawer-panel-motion-right-enter-active,\n.paraui-v4-drawer-panel-motion-right-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v4-drawer-panel-motion-right-leave {\n  transform: translateX(0);\n}\n\n.paraui-v4-drawer-panel-motion-right-leave-active {\n  transform: translateX(100%);\n}\n\n.paraui-v4-drawer-panel-motion-top-enter-start,\n.paraui-v4-drawer-panel-motion-top-appear-start,\n.paraui-v4-drawer-panel-motion-top-leave-start {\n  transition: none;\n}\n\n.paraui-v4-drawer-panel-motion-top-enter-active,\n.paraui-v4-drawer-panel-motion-top-appear-active,\n.paraui-v4-drawer-panel-motion-top-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-panel-motion-top-enter-start,\n.paraui-v4-drawer-panel-motion-top-appear-start {\n  transform: translateY(-100%) !important;\n}\n\n.paraui-v4-drawer-panel-motion-top-enter-active,\n.paraui-v4-drawer-panel-motion-top-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v4-drawer-panel-motion-top-leave {\n  transform: translateY(0);\n}\n\n.paraui-v4-drawer-panel-motion-top-leave-active {\n  transform: translateY(-100%);\n}\n\n.paraui-v4-drawer-panel-motion-bottom-enter-start,\n.paraui-v4-drawer-panel-motion-bottom-appear-start,\n.paraui-v4-drawer-panel-motion-bottom-leave-start {\n  transition: none;\n}\n\n.paraui-v4-drawer-panel-motion-bottom-enter-active,\n.paraui-v4-drawer-panel-motion-bottom-appear-active,\n.paraui-v4-drawer-panel-motion-bottom-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v4-drawer-panel-motion-bottom-enter-start,\n.paraui-v4-drawer-panel-motion-bottom-appear-start {\n  transform: translateY(100%) !important;\n}\n\n.paraui-v4-drawer-panel-motion-bottom-enter-active,\n.paraui-v4-drawer-panel-motion-bottom-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v4-drawer-panel-motion-bottom-leave {\n  transform: translateY(0);\n}\n\n.paraui-v4-drawer-panel-motion-bottom-leave-active {\n  transform: translateY(100%);\n}";
 styleInject(css_248z);
 
 //drawer 抽屉
@@ -63,8 +63,6 @@ var Drawer = function Drawer(props) {
   var _a;
   var className = props.className,
     resizable = props.resizable,
-    _props$resizeMinimum = props.resizeMinimum,
-    resizeMinimum = _props$resizeMinimum === void 0 ? 400 : _props$resizeMinimum,
     onClose = props.onClose,
     _props$destroyOnClose = props.destroyOnClose,
     destroyOnClose = _props$destroyOnClose === void 0 ? false : _props$destroyOnClose,
@@ -86,7 +84,7 @@ var Drawer = function Drawer(props) {
     push = _props$push === void 0 ? {
       distance: 100
     } : _props$push,
-    restProps = __rest(props, ["className", "resizable", "resizeMinimum", "onClose", "destroyOnClose", "style", "title", "extra", "showExtra", "footer", "children", "size", "onOk", "onCancel", "afterVisibleChange", "okButtonProps", "cancelButtonProps", "push"]);
+    restProps = __rest(props, ["className", "resizable", "onClose", "destroyOnClose", "style", "title", "extra", "showExtra", "footer", "children", "size", "onOk", "onCancel", "afterVisibleChange", "okButtonProps", "cancelButtonProps", "push"]);
   var intl = useFormatMessage('Drawer', localeJson);
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -104,6 +102,7 @@ var Drawer = function Drawer(props) {
   var isHorizontal = ['left', 'right'].includes((_a = props.placement) !== null && _a !== void 0 ? _a : 'right');
   var startRef = useRef(0);
   var rootEleSize = useRef(0);
+  var initialContentEleSize = useRef();
   var contentEleSize = useRef(0);
   useEffect(function () {
     return function () {
@@ -113,10 +112,14 @@ var Drawer = function Drawer(props) {
       timerRef.current = null;
       window.removeEventListener('mouseup', onHandlerMouseUp);
       window.removeEventListener('mousemove', onHandlerMouseMove);
+      initialContentEleSize.current = undefined;
     };
   }, []);
   useEffect(function () {
     setOffsetStyle(getOffsetStyle);
+    if (!props.open) {
+      initialContentEleSize.current = undefined;
+    }
   }, [props.open, props.placement, props.width, props.height, size]);
   //设置drawer width、height
   var getOffsetStyle = function getOffsetStyle() {
@@ -155,7 +158,7 @@ var Drawer = function Drawer(props) {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   };
   var onHandlerMouseDown = function onHandlerMouseDown(e) {
-    var _a, _b;
+    var _a, _b, _c;
     setIsResizing(true);
     startRef.current = isHorizontal ? e.clientX : e.clientY;
     var rootEle = (_a = closest(e.target, ".".concat($prefixCls, "-drawer-open"))) !== null && _a !== void 0 ? _a : document.body;
@@ -163,6 +166,7 @@ var Drawer = function Drawer(props) {
     var contentEle = (_b = closest(e.target, contentCls)) !== null && _b !== void 0 ? _b : rootEle.querySelector(contentCls);
     rootEleSize.current = isHorizontal ? rootEle.offsetWidth : rootEle.offsetHeight;
     contentEleSize.current = isHorizontal ? contentEle.offsetWidth : contentEle.offsetHeight;
+    initialContentEleSize.current = (_c = initialContentEleSize.current) !== null && _c !== void 0 ? _c : contentEleSize.current;
     document.addEventListener('mousemove', onHandlerMouseMove);
     document.addEventListener('mouseup', onHandlerMouseUp);
   };
@@ -172,6 +176,8 @@ var Drawer = function Drawer(props) {
     document.removeEventListener('mouseup', onHandlerMouseUp);
   };
   var onHandlerMouseMove = function onHandlerMouseMove(e) {
+    var _a;
+    var resizeMinimum = (_a = initialContentEleSize.current) !== null && _a !== void 0 ? _a : 400;
     switch (props.placement) {
       case 'left':
         {

package/Drawer/interface.d.ts

@@ -7,7 +7,7 @@ import { ButtonProps } from '../Button';
  */
 type GetContainer = string | HTMLElement | (() => HTMLElement) | false;
 type ILevelMove = number | [number, number];
-type IPlacement = 'left' | 'top' | 'right' | 'bottom';
+export type IPlacement = 'left' | 'top' | 'right' | 'bottom';
 export interface IOffsetStyle {
     width?: string | number;
     height?: string | number;
@@ -19,10 +19,8 @@ export interface DrawerProps {
     width?: string | number;
     /** 高度 */
     height?: string | number;
-    /** 可拖拽边线调整大小 */
+    /** 可拖拽边线调整大小。请注意拖拽只可以增大抽屉尺寸，不可以减小！因为减小尺寸会失去设计时给出尺寸的意义 */
     resizable?: boolean;
-    /** 拖拽最小尺寸，抽屉方向为纵向时表示最小高度，横向时表示最小宽度，默认400 */
-    resizeMinimum?: number;
     /** 打开 */
     open?: boolean;
     /** 默认打开 */

package/DynamicMultiBox/index.js

@@ -73,7 +73,7 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-bc461491.js';
+import '../_verture/index-692e29c1.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
@@ -929,7 +929,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-dynamic-multi-box {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box svg {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content {\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n  display: flex;\n  flex: 1;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n  display: flex;\n  align-items: center;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n  flex: 0;\n  min-width: 80px;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 {\n  width: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  margin-right: 1px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box {\n  height: 24px;\n  width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover {\n  background: rgb(247, 248, 250);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon {\n  display: none;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .center-line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 3px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 {\n  width: 72px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form {\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  min-height: 42px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .paraui-v4-select {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n  display: flex;\n  align-items: flex-start;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon {\n  margin-left: 10px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n  flex: 0;\n  box-sizing: content-box;\n  align-items: center;\n  height: 32px;\n  min-width: 80px;\n}\n.paraui-v4-dynamic-multi-box .add-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 32px;\n  background: rgb(247, 248, 250);\n  border: 1px dashed rgb(212, 218, 227);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .add-button .text {\n  font-size: 14px;\n  margin-left: 10px;\n}\n.paraui-v4-dynamic-multi-box .add-button.add-button-scroll {\n  margin-top: 14px;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button {\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button .text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button:hover {\n  background: rgb(240, 245, 255);\n  border: 1px dashed rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add {\n  cursor: not-allowed;\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add .text {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .paraui-v4-comboselect,\n.paraui-v4-dynamic-multi-box .paraui-v4-picker-wrapper {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch-text {\n  color: rgb(161, 168, 179);\n  margin-right: 4px;\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch {\n  flex: 1;\n}\n\n.paraui-v4-dynamic-multi-box-popover .filter-config {\n  width: 140px;\n  padding-top: 4px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .title {\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n  padding: 0 10px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group {\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group.paraui-v4-checkbox-group-column .checkbox-group-content > span {\n  padding: 0 10px;\n  margin-bottom: 0;\n  line-height: 30px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .restore-default {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 36px;\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n  border-top: 1px solid rgb(247, 248, 250);\n}\n.paraui-v4-dynamic-multi-box-popover .no-other-property {\n  width: 200px;\n  padding: 16px 0;\n  text-align: center;\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-dynamic-multi-box {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box svg {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content {\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n  display: flex;\n  flex: 1;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n  display: flex;\n  align-items: center;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n  flex: 0;\n  min-width: 80px;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 {\n  width: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  margin-right: 1px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box {\n  height: 24px;\n  width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover {\n  background: rgb(247, 248, 250);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon {\n  display: none;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .center-line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 3px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 {\n  width: 72px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form {\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  min-height: 42px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .paraui-v4-select {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n  display: flex;\n  align-items: flex-start;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon {\n  margin-left: 10px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n  flex: 0;\n  box-sizing: content-box;\n  align-items: center;\n  height: 32px;\n  min-width: 80px;\n}\n.paraui-v4-dynamic-multi-box .add-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 32px;\n  background: rgb(247, 248, 250);\n  border: 1px dashed rgb(212, 218, 227);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .add-button .text {\n  font-size: 14px;\n  margin-left: 4px;\n}\n.paraui-v4-dynamic-multi-box .add-button.add-button-scroll {\n  margin-top: 14px;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button {\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button .text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button:hover {\n  background: rgb(240, 245, 255);\n  border: 1px dashed rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add {\n  cursor: not-allowed;\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add .text {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .paraui-v4-comboselect,\n.paraui-v4-dynamic-multi-box .paraui-v4-picker-wrapper {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch-text {\n  color: rgb(161, 168, 179);\n  margin-right: 4px;\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch {\n  flex: 1;\n}\n\n.paraui-v4-dynamic-multi-box-popover .filter-config {\n  width: 140px;\n  padding-top: 4px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .title {\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n  padding: 0 10px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group {\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group.paraui-v4-checkbox-group-column .checkbox-group-content > span {\n  padding: 0 10px;\n  margin-bottom: 0;\n  line-height: 30px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .restore-default {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 36px;\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n  border-top: 1px solid rgb(247, 248, 250);\n}\n.paraui-v4-dynamic-multi-box-popover .no-other-property {\n  width: 200px;\n  padding: 16px 0;\n  text-align: center;\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n}";
 styleInject(css_248z);
 
 var DynamicMultiBox = function DynamicMultiBox(props) {

package/Empty/index.js

@@ -566,7 +566,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-empty > .empty-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-empty > .empty-image img {\n  width: 100%;\n}\n.paraui-v4-empty .empty-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-empty .empty-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-empty > .empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh {\n  display: inline-block;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span {\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n}\n.paraui-v4-empty.paraui-v4-empty-large > .empty-description {\n  margin-top: 24px;\n}\n.paraui-v4-empty.paraui-v4-empty-small > .empty-description {\n  margin-top: 10px;\n  font-size: 12px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-empty > .empty-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-empty > .empty-image img {\n  width: 100%;\n}\n.paraui-v4-empty .empty-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-empty .empty-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-empty > .empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh {\n  display: inline-block;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span {\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-empty.paraui-v4-empty-large > .empty-description {\n  margin-top: 24px;\n}\n.paraui-v4-empty.paraui-v4-empty-small > .empty-description {\n  margin-top: 10px;\n  font-size: 14px;\n}";
 styleInject(css_248z);
 
 var imageMap = {

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-d251967e.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-649b450f.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -70,7 +70,7 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-bc461491.js';
+import '../_verture/index-692e29c1.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-d251967e.js';
+export { F as default } from '../_verture/index-649b450f.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-0d9802f7.js';
@@ -70,7 +70,7 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-bc461491.js';
+import '../_verture/index-692e29c1.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-9299acc9.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-9299acc9.js';
+import { u as useModal } from '../_verture/modalContext-11c51a45.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-11c51a45.js';
 import '../_verture/toConsumableArray-8f4c9589.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/slicedToArray-a8206399.js';
@@ -15,11 +15,11 @@ import 'rc-dialog';
 import '../Button/index.js';
 import 'clsx';
 import '@para-ui/icons/LoadingF';
-import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '../_verture/constant-0d9802f7.js';
+import '@para-ui/icons/Forbid';
 import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Down';
 import '../_verture/index-e9007d6a.js';
@@ -31,12 +31,11 @@ import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 import '../AutoTips/index.js';
 import '@para-ui/icons/Close';
-import '../_verture/index-19947788.js';
+import '../_verture/index-05f7bf11.js';
 import 'react-dom';
 import '@para-ui/icons/CheckCircleF';
-import '@para-ui/icons/CloseCircleF';
-import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
+import '@para-ui/icons/CloseCircleF';
 
 /**
  * @author zhanzl

package/GlobalContext/confirmLocale.d.ts

@@ -2,6 +2,5 @@ export declare const changeConfirmLocale: (newLocale: {
     [name: string]: any;
 }) => void;
 export declare const getConfirmLocale: () => {
-    cancel: string;
-    ok: string;
+    [key: string]: string;
 };

package/GlobalContext/index.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { i as i18nIntl } from '../_verture/intl-5c1ec055.js';
 import { GetLanguage } from '@paraview/lib';
-import { d as defaultModalLocale } from '../_verture/index-19947788.js';
+import { d as defaultModalLocale } from '../_verture/index-05f7bf11.js';
 import '../_verture/typeof-adeedc13.js';
 
 //confirm 默认中文
@@ -15,7 +15,8 @@ var changeConfirmLocale = function changeConfirmLocale(newLocale) {
   }
 };
 var getConfirmLocale = function getConfirmLocale() {
-  return confirmRuntimeLocale;
+  var lang = GetLanguage();
+  return (defaultModalLocale === null || defaultModalLocale === void 0 ? void 0 : defaultModalLocale[lang]) || defaultModalLocale['zh'];
 };
 
 var GlobalContext = /*#__PURE__*/React__default.createContext({

package/Help/index.js

@@ -12,7 +12,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/12/2 下午8:14\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-help {\n  display: inline-block;\n  font-weight: 500;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-help:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-help svg {\n  font-size: inherit;\n  color: inherit;\n  font-size: 16px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/12/2 下午8:14\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-help {\n  display: inline-block;\n  font-weight: 500;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-help:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-help svg {\n  font-size: inherit;\n  color: inherit;\n  font-size: 16px;\n}";
 styleInject(css_248z);
 
 //help

package/InputNumber/index.d.ts

@@ -39,6 +39,8 @@ export interface InputNumberProps extends HelperTextDetailProps {
      * 禁用提示
      */
     disabledTooltip?: TooltipProps;
+    disabledTooltipAdd?: TooltipProps;
+    disabledTooltipReduce?: TooltipProps;
     /** 禁用加 */
     disabledAdd?: boolean;
     /** 禁用减 */

package/InputNumber/index.js

@@ -18,7 +18,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-input-number {\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: inline-block;\n  width: 100%;\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        width: calc(100% - 60px);\n\n        & > .component {\n          & > .component-handler-wrap {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n\n            & > .component-handler-up {\n              position: absolute;\n              left: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-left-radius: $radius;\n              border-top-left-radius: $radius;\n              overflow: hidden;\n              // 禁用加\n              &.component-handler-up-disabled {\n                & > .add-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .add-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              position: absolute;\n              right: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-right-radius: $radius;\n              border-top-right-radius: $radius;\n              overflow: hidden;\n              // 禁用减\n              &.component-handler-down-disabled {\n                & > .reduce-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .reduce-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number > .input-number-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-input-number > .input-number-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-before {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-right: 1px solid rgb(212, 218, 227);\n  border-top-left-radius: 4px;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within {\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 4px;\n  padding: 10px 0 10px 10px;\n  background: transparent;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component.component-out-of-range > .component-input-wrap > input {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 12px;\n  color: rgb(161, 168, 179);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder > .input-number-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-after {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within {\n  width: calc(100% - 34px);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap {\n  position: absolute;\n  top: 0;\n  right: -34px;\n  width: 34px;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-focus > .input-number-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within {\n  cursor: not-allowed;\n  width: 100%;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              // 禁用加\n              & > .add-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-down {\n              // 禁用减\n              & > .reduce-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large {\n  /*& > .input-number-content {\n    height: 36px;\n\n    & > .input-number-content-within {\n      & > .input-number-label-placeholder {\n        line-height: 34px;\n      }\n    }\n  }\n\n  &.paraui-v4-input-number-tb {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              & > .tb-btn-top {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              & > .tb-btn-bottom {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content {\n  height: 32px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-input-number {\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: inline-block;\n  width: 100%;\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        width: calc(100% - 60px);\n\n        & > .component {\n          & > .component-handler-wrap {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n\n            & > .component-handler-up {\n              position: absolute;\n              left: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-left-radius: $radius;\n              border-top-left-radius: $radius;\n              overflow: hidden;\n              // 禁用加\n              &.component-handler-up-disabled {\n                & > .add-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .add-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              position: absolute;\n              right: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-right-radius: $radius;\n              border-top-right-radius: $radius;\n              overflow: hidden;\n              // 禁用减\n              &.component-handler-down-disabled {\n                & > .reduce-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .reduce-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number > .input-number-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-input-number > .input-number-content:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-before {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-right: 1px solid rgb(212, 218, 227);\n  border-top-left-radius: 4px;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within {\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 4px;\n  padding: 10px 0 10px 10px;\n  background: transparent;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component.component-out-of-range > .component-input-wrap > input {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 12px;\n  color: rgb(161, 168, 179);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder > .input-number-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-after {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within {\n  width: calc(100% - 34px);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap {\n  position: absolute;\n  top: 0;\n  right: -34px;\n  width: 34px;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-focus > .input-number-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within {\n  cursor: not-allowed;\n  width: 100%;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              // 禁用加\n              & > .add-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-down {\n              // 禁用减\n              & > .reduce-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large {\n  /*& > .input-number-content {\n    height: 36px;\n\n    & > .input-number-content-within {\n      & > .input-number-label-placeholder {\n        line-height: 34px;\n      }\n    }\n  }\n\n  &.paraui-v4-input-number-tb {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              & > .tb-btn-top {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              & > .tb-btn-bottom {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content {\n  height: 32px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}";
 styleInject(css_248z);
 
 var InputNumber = function InputNumber(props) {
@@ -41,6 +41,8 @@ var InputNumber = function InputNumber(props) {
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     disabledTooltip = props.disabledTooltip,
+    disabledTooltipAdd = props.disabledTooltipAdd,
+    disabledTooltipReduce = props.disabledTooltipReduce,
     _props$readOnly = props.readOnly,
     readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
     _props$disabledAdd = props.disabledAdd,
@@ -65,7 +67,7 @@ var InputNumber = function InputNumber(props) {
     onEnter = props.onEnter,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
-    otherProps = __rest(props, ["className", "style", "step", "min", "max", "size", "placeholder", "label", "labelTooltip", "labelMode", "labelSign", "btnMode", "disabled", "disabledTooltip", "readOnly", "disabledAdd", "disabledReduce", "required", "error", "hideErrorDom", "helperText", "keyboard", "autoFocus", "formatter", "parser", "value", "onChange", "onEnter", "onBlur", "onFocus"]);
+    otherProps = __rest(props, ["className", "style", "step", "min", "max", "size", "placeholder", "label", "labelTooltip", "labelMode", "labelSign", "btnMode", "disabled", "disabledTooltip", "disabledTooltipAdd", "disabledTooltipReduce", "readOnly", "disabledAdd", "disabledReduce", "required", "error", "hideErrorDom", "helperText", "keyboard", "autoFocus", "formatter", "parser", "value", "onChange", "onEnter", "onBlur", "onFocus"]);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     focus = _useState2[0],
@@ -166,11 +168,16 @@ var InputNumber = function InputNumber(props) {
   // 后
   var addonAfterDom = function addonAfterDom(bol) {
     if (btnMode === 'none') return undefined;
-    if (bol) return jsx("span", Object.assign({
-      className: "tb-btn-bottom",
-      onMouseDown: reduce
-    }, {
-      children: jsx(Down, {})
+    if (bol) return jsx(Tooltip, Object.assign({
+      disabled: true,
+      placement: 'bottom-end'
+    }, disabledTooltipReduce, {
+      children: jsx("span", Object.assign({
+        className: "tb-btn-bottom",
+        onMouseDown: reduce
+      }, {
+        children: jsx(Down, {})
+      }))
     }));
     return jsx("div", {
       className: "input-number-content-after"
@@ -197,11 +204,16 @@ var InputNumber = function InputNumber(props) {
   // 前
   var addonBeforeDom = function addonBeforeDom(bol) {
     if (btnMode === 'none') return undefined;
-    if (bol) return jsx("span", Object.assign({
-      className: "tb-btn-top",
-      onMouseDown: add
-    }, {
-      children: jsx(ExpandLess, {})
+    if (bol) return jsx(Tooltip, Object.assign({
+      disabled: true,
+      placement: 'top-end'
+    }, disabledTooltipAdd, {
+      children: jsx("span", Object.assign({
+        className: "tb-btn-top",
+        onMouseDown: add
+      }, {
+        children: jsx(ExpandLess, {})
+      }))
     }));
     return undefined;
     /*if (disabled || readOnly) return undefined;