@para-ui/core 4.0.0-alpha → 4.0.0-rc

package/Drawer/index.js

@@ -1,7 +1,8 @@
 import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React__default from 'react';
+import { useState, useRef, useEffect } from 'react';
+import clsx from 'clsx';
 import RcDrawer from 'rc-drawer';
 import { Button } from '../Button/index.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
@@ -11,7 +12,6 @@ import { isIE } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/typeof-adeedc13.js';
-import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
@@ -39,13 +39,33 @@ var localeJson = {
   en: en
 };
 
-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-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-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: 500;\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: 500;\n  color: rgb(29, 33, 38);\n  border-top: 1px solid rgb(234, 236, 241);\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}";
+/**
+ * 查找元素
+ * @param el 当前元素
+ * @param selector 查找元素class
+ */
+var closest = function closest(el, selector) {
+  var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
+  while (el) {
+    if (matchesSelector.call(el, selector)) {
+      break;
+    }
+    el = el.parentElement;
+  }
+  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}";
 styleInject(css_248z);
 
 //drawer 抽屉
 var Drawer = function Drawer(props) {
-  props.className;
-    var onClose = props.onClose,
+  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,
     style = props.style,
@@ -66,41 +86,65 @@ var Drawer = function Drawer(props) {
     push = _props$push === void 0 ? {
       distance: 100
     } : _props$push,
-    restProps = __rest(props, ["className", "onClose", "destroyOnClose", "style", "title", "extra", "showExtra", "footer", "children", "size", "onOk", "onCancel", "afterVisibleChange", "okButtonProps", "cancelButtonProps", "push"]);
+    restProps = __rest(props, ["className", "resizable", "resizeMinimum", "onClose", "destroyOnClose", "style", "title", "extra", "showExtra", "footer", "children", "size", "onOk", "onCancel", "afterVisibleChange", "okButtonProps", "cancelButtonProps", "push"]);
   var intl = useFormatMessage('Drawer', localeJson);
-  var _React$useState = React__default.useState(0),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    setRefresh = _React$useState2[1];
-  var destroyCloseRef = React__default.useRef(false); //销毁标识
-  var timerRef = React__default.useRef();
-  React__default.useEffect(function () {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    setRefresh = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    offsetStyle = _useState4[0],
+    setOffsetStyle = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isResizing = _useState6[0],
+    setIsResizing = _useState6[1];
+  var destroyCloseRef = useRef(false); //销毁标识
+  var timerRef = useRef();
+  var isHorizontal = ['left', 'right'].includes((_a = props.placement) !== null && _a !== void 0 ? _a : 'right');
+  var startRef = useRef(0);
+  var drawerRootEle = useRef(document.body);
+  useEffect(function () {
     return function () {
       // 销毁时销毁timer
       if (!timerRef.current) return;
       clearTimeout(timerRef.current);
       timerRef.current = null;
+      window.removeEventListener('mouseup', onHandlerMouseUp);
+      window.removeEventListener('mousemove', onHandlerMouseMove);
     };
   }, []);
+  useEffect(function () {
+    setOffsetStyle(getOffsetStyle);
+  }, [props.open, props.placement, props.width, props.height, size]);
   //设置drawer width、height
   var getOffsetStyle = function getOffsetStyle() {
     if (!props.open) {
       return {};
     }
     var sizeMap = {
-      large: '1000px',
-      medium: '630px',
-      small: '400px'
+      large: 1000,
+      medium: 630,
+      small: 400
     };
     var offsetStyle = {};
     if (props.placement === 'left' || props.placement === 'right') {
       var defaultWidth = sizeMap[size];
       if (size !== 'auto') {
-        offsetStyle.width = props.width === undefined ? defaultWidth : props.width;
+        if (props.width) {
+          offsetStyle.width = typeof props.width === 'string' ? parseInt(props.width) : props.width;
+        } else {
+          offsetStyle.width = defaultWidth;
+        }
       }
     } else {
       var defaultHeight = size === 'large' ? 736 : 378;
       if (size !== 'auto') {
-        offsetStyle.height = props.height === undefined ? defaultHeight : props.height;
+        if (props.height !== undefined) {
+          offsetStyle.height = typeof props.height === 'string' ? parseInt(props.height) : props.height;
+        } else {
+          offsetStyle.height = defaultHeight;
+        }
       }
     }
     return offsetStyle;
@@ -117,6 +161,60 @@ var Drawer = function Drawer(props) {
   var handleCancel = function handleCancel() {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   };
+  var onHandlerMouseDown = function onHandlerMouseDown(e) {
+    var _a;
+    setIsResizing(true);
+    drawerRootEle.current = (_a = closest(e.target, ".".concat($prefixCls, "-drawer-open"))) !== null && _a !== void 0 ? _a : document.body;
+    startRef.current = isHorizontal ? e.clientX : e.clientY;
+    document.addEventListener('mousemove', onHandlerMouseMove);
+    document.addEventListener('mouseup', onHandlerMouseUp);
+  };
+  var onHandlerMouseUp = function onHandlerMouseUp() {
+    setIsResizing(false);
+    document.removeEventListener('mousemove', onHandlerMouseMove);
+    document.removeEventListener('mouseup', onHandlerMouseUp);
+  };
+  var onHandlerMouseMove = function onHandlerMouseMove(e) {
+    var maximum = isHorizontal ? drawerRootEle.current.offsetWidth : drawerRootEle.current.offsetHeight;
+    switch (props.placement) {
+      case 'left':
+        {
+          var newWidth = Number(offsetStyle.width) + (e.clientX - startRef.current);
+          if (newWidth + 100 >= maximum || newWidth < resizeMinimum) return;
+          setOffsetStyle({
+            width: newWidth
+          });
+          break;
+        }
+      case 'right':
+        {
+          var _newWidth = Number(offsetStyle.width) - (e.clientX - startRef.current);
+          if (_newWidth + 100 >= maximum || _newWidth < resizeMinimum) return;
+          setOffsetStyle({
+            width: _newWidth
+          });
+          break;
+        }
+      case 'top':
+        {
+          var newHeight = Number(offsetStyle.height) + (e.clientY - startRef.current);
+          if (newHeight + 100 >= maximum || newHeight < resizeMinimum) return;
+          setOffsetStyle({
+            height: newHeight
+          });
+          break;
+        }
+      case 'bottom':
+        {
+          var _newHeight = Number(offsetStyle.height) - (e.clientY - startRef.current);
+          if (_newHeight + 100 >= maximum || _newHeight < resizeMinimum) return;
+          setOffsetStyle({
+            height: _newHeight
+          });
+          break;
+        }
+    }
+  };
   var handleTitle = function handleTitle(title) {
     if (typeof title === 'string') {
       return jsx("div", Object.assign({
@@ -145,16 +243,16 @@ var Drawer = function Drawer(props) {
       }, {
         children: extra || jsxs(Fragment, {
           children: [jsx(Button, Object.assign({
-            variant: "outlined",
-            size: "medium",
+            variant: 'outlined',
+            size: 'medium',
             onClick: handleCancel
           }, cancelButtonProps, {
             children: (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children) || intl({
               id: 'cancel'
             })
           })), jsx(Button, Object.assign({
-            variant: "contained",
-            size: "medium",
+            variant: 'contained',
+            size: 'medium',
             onClick: handleOk
           }, okButtonProps, {
             children: (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.children) || intl({
@@ -202,13 +300,13 @@ var Drawer = function Drawer(props) {
       motionDeadline: isIE() ? 0 : 100
     };
   };
-  return jsx(RcDrawer, Object.assign({}, restProps, getOffsetStyle(), {
+  return jsxs(RcDrawer, Object.assign({}, restProps, offsetStyle, {
     style: style,
     maskMotion: maskMotion,
     motion: panelMotion,
     push: push,
     prefixCls: "".concat($prefixCls, "-drawer"),
-    rootClassName: props.className,
+    rootClassName: clsx(className, isResizing && "".concat($prefixCls, "-drawer-resizing")),
     onClose: handleClose,
     afterOpenChange: function afterOpenChange(open) {
       if (open) {
@@ -222,7 +320,14 @@ var Drawer = function Drawer(props) {
       afterVisibleChange === null || afterVisibleChange === void 0 ? void 0 : afterVisibleChange(open);
     }
   }, {
-    children: renderContent()
+    children: [resizable && jsx("div", Object.assign({
+      className: 'drawer-handle',
+      onMouseDown: onHandlerMouseDown
+    }, {
+      children: jsx("div", {
+        className: 'drawer-handle-icon'
+      })
+    })), renderContent()]
   }));
 };
 Drawer.defaultProps = {

package/Drawer/interface.d.ts

@@ -8,6 +8,10 @@ import { ButtonProps } from "../Button";
 type GetContainer = string | HTMLElement | (() => HTMLElement) | false;
 type ILevelMove = number | [number, number];
 type IPlacement = 'left' | 'top' | 'right' | 'bottom';
+export interface IOffsetStyle {
+    width?: string | number;
+    height?: string | number;
+}
 export interface DrawerProps {
     /** 类名 */
     className?: string;
@@ -15,6 +19,10 @@ export interface DrawerProps {
     width?: string | number;
     /** 高度 */
     height?: string | number;
+    /** 可拖拽边线调整大小 */
+    resizable?: boolean;
+    /** 拖拽最小尺寸，抽屉方向为纵向时表示最小高度，横向时表示最小宽度，默认400 */
+    resizeMinimum?: number;
     /** 打开 */
     open?: boolean;
     /** 默认打开 */

package/Drawer/util.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 查找元素
+ * @param el 当前元素
+ * @param selector 查找元素class
+ */
+export declare const closest: (el: any, selector: any) => any;

package/DynamicMultiBox/index.d.ts

@@ -1,5 +1,10 @@
-/// <reference types="react" />
+/**
+ * @author luohq
+ * @date 2022/11/7 10:32 AM
+ * @description 多值框组件
+ */
+import { FunctionComponent } from "react";
 import { IMultiValueProps } from './interface';
 import './index.scss';
-declare const DynamicMultiBox: (props: IMultiValueProps) => JSX.Element;
+declare const DynamicMultiBox: FunctionComponent<IMultiValueProps>;
 export default DynamicMultiBox;

package/DynamicMultiBox/index.js

@@ -56,9 +56,8 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../MultiBox/index.js';
 import '@para-ui/icons/Internet';
-import '../_verture/index-d63bd287.js';
-import '../_verture/typeof-b240b062.js';
-import '@para-ui/icons/CloseCircle';
+import '../_verture/index-232d890b.js';
+import '../_verture/typeof-c310ee4a.js';
 import '../Table/index.js';
 import '../Button/index.js';
 import '@para-ui/icons/ScreenF';
@@ -74,17 +73,18 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-7ec72724.js';
+import '../_verture/index-47297a40.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
-import '../_verture/utils-f0e81540.js';
+import '../_verture/utils-06d86594.js';
 import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';
 import '@para-ui/icons/EditOutline';
+import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
 import 'rc-picker';
 import '@para-ui/icons/Calendar';

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, v as validate } from '../_verture/index-e6f85fd5.js';
+import { F as FormItem, v as validate } from '../_verture/index-1c8d3e94.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../TextField/index.js';
@@ -49,13 +49,13 @@ import 'rc-switch';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/LinkGroup';
 import '../Button/index.js';
+import '@para-ui/icons/UploadFile';
 import '../InputNumber/index.js';
 import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
-import '../_verture/index-d63bd287.js';
-import '../_verture/typeof-b240b062.js';
-import '@para-ui/icons/CloseCircle';
+import '../_verture/index-232d890b.js';
+import '../_verture/typeof-c310ee4a.js';
 import '../Table/index.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
@@ -70,14 +70,14 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-7ec72724.js';
+import '../_verture/index-47297a40.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
-import '../_verture/utils-f0e81540.js';
+import '../_verture/utils-06d86594.js';
 
 /**
  * form 表单组件

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-e6f85fd5.js';
+export { F as default } from '../_verture/index-1c8d3e94.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-0d9802f7.js';
@@ -49,13 +49,13 @@ import 'rc-switch';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/LinkGroup';
 import '../Button/index.js';
+import '@para-ui/icons/UploadFile';
 import '../InputNumber/index.js';
 import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
-import '../_verture/index-d63bd287.js';
-import '../_verture/typeof-b240b062.js';
-import '@para-ui/icons/CloseCircle';
+import '../_verture/index-232d890b.js';
+import '../_verture/typeof-c310ee4a.js';
 import '../Table/index.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
@@ -70,11 +70,11 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-7ec72724.js';
+import '../_verture/index-47297a40.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
-import '../_verture/utils-f0e81540.js';
+import '../_verture/utils-06d86594.js';

package/FunctionModal/index.js

@@ -1,10 +1,10 @@
-import { u as useModal } from '../_verture/modalContext-c12ca3e8.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-c12ca3e8.js';
+import { u as useModal } from '../_verture/modalContext-670eab09.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-670eab09.js';
 import '../_verture/toConsumableArray-8f4c9589.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/index-d63bd287.js';
-import '../_verture/typeof-b240b062.js';
+import '../_verture/index-232d890b.js';
+import '../_verture/typeof-c310ee4a.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -31,7 +31,7 @@ import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 import '../AutoTips/index.js';
 import '@para-ui/icons/Close';
-import '../_verture/index-e2881a53.js';
+import '../_verture/index-19947788.js';
 import 'react-dom';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/CloseCircleF';

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-e2881a53.js';
+import { d as defaultModalLocale } from '../_verture/index-19947788.js';
 import '../_verture/typeof-adeedc13.js';
 
 //confirm 默认中文

package/Help/index.js

@@ -24,7 +24,7 @@ var Help = function Help(props) {
     arrow = _props$arrow === void 0 ? true : _props$arrow,
     className = props.className,
     _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    placement = _props$placement === void 0 ? 'top-start' : _props$placement,
     restProps = __rest(props, ["title", "children", "arrow", "className", "placement"]);
   return jsx(Tooltip, Object.assign({
     title: title,

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: $D3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $D3;\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: $A5;\n                  }\n                }\n\n                & > svg {\n                  color: $D2;\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: $D3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $D3;\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: $A5;\n                  }\n                }\n\n                & > svg {\n                  color: $D2;\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: $D3;\n                  }\n                }\n\n                & > svg {\n                  color: $D3;\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: $D3;\n                  }\n                }\n\n                & > svg {\n                  color: $D3;\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(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}";
 styleInject(css_248z);
 
 var InputNumber = function InputNumber(props) {

package/Modal/index.js

@@ -6,7 +6,7 @@ import Dialog from 'rc-dialog';
 import { Button } from '../Button/index.js';
 import CloseIcon from '@para-ui/icons/Close';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
-import { d as defaultModalLocale } from '../_verture/index-e2881a53.js';
+import { d as defaultModalLocale } from '../_verture/index-19947788.js';
 import ReactDOM from 'react-dom';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
@@ -32,7 +32,7 @@ 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: 500;\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: 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}";
 styleInject(css_248z$1);
 
 //图标