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

package/InputNumber/index.js

@@ -1,4 +1,3 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
@@ -8,9 +7,8 @@ import Down from '@para-ui/icons/Down';
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
 import { Tooltip } from '../Tooltip/index.js';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import 'clsx';
@@ -21,113 +19,96 @@ 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(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  color: rgb(92, 101, 115);\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) {
-  var className = props.className,
-    style = props.style,
-    step = props.step,
-    min = props.min,
-    max = props.max,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    label = props.label,
-    labelTooltip = props.labelTooltip,
-    _props$labelMode = props.labelMode,
-    labelMode = _props$labelMode === void 0 ? 'outside' : _props$labelMode,
-    labelSign = props.labelSign,
-    _props$btnMode = props.btnMode,
-    btnMode = _props$btnMode === void 0 ? 'tb' : _props$btnMode,
-    _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,
-    disabledAdd = _props$disabledAdd === void 0 ? false : _props$disabledAdd,
-    _props$disabledReduce = props.disabledReduce,
-    disabledReduce = _props$disabledReduce === void 0 ? false : _props$disabledReduce,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    _props$error = props.error,
-    error = _props$error === void 0 ? false : _props$error,
-    hideErrorDom = props.hideErrorDom,
-    _props$helperText = props.helperText,
-    helperText = _props$helperText === void 0 ? '' : _props$helperText,
-    _props$keyboard = props.keyboard,
-    keyboard = _props$keyboard === void 0 ? true : _props$keyboard,
-    _props$autoFocus = props.autoFocus,
-    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
-    formatter = props.formatter,
-    parser = props.parser,
-    value = props.value,
-    onChange = props.onChange,
-    onEnter = props.onEnter,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
+const InputNumber = props => {
+  const {
+      className,
+      style,
+      step,
+      min,
+      max,
+      size = 'large',
+      placeholder = '',
+      label,
+      labelTooltip,
+      labelMode = 'outside',
+      labelSign,
+      btnMode = 'tb',
+      disabled = false,
+      disabledTooltip,
+      disabledTooltipAdd,
+      disabledTooltipReduce,
+      readOnly = false,
+      disabledAdd = false,
+      disabledReduce = false,
+      required = false,
+      error = false,
+      hideErrorDom,
+      helperText = '',
+      keyboard = true,
+      autoFocus = false,
+      formatter,
+      parser,
+      value,
+      onChange,
+      onEnter,
+      onBlur,
+      onFocus
+    } = props,
     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],
-    setFocus = _useState2[1]; // 是否获取焦点
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    valueCom = _useState4[0],
-    setValueCom = _useState4[1];
-  var inputRef = useRef(null);
-  useEffect(function () {
+  const [focus, setFocus] = useState(false); // 是否获取焦点
+  const [valueCom, setValueCom] = useState();
+  const inputRef = useRef(null);
+  useEffect(() => {
     if (props.defaultValue !== undefined) setValueCom(props.defaultValue);
   }, []);
   // 监听value
-  useEffect(function () {
+  useEffect(() => {
     if (value !== undefined) {
       setValueCom(value);
     }
   }, [value]);
-  var handValue = function handValue() {
+  const handValue = () => {
     if (props.value === undefined) return valueCom;
     return value;
   };
-  var add = function add(e) {
+  const add = e => {
     if (disabled || disabledAdd || readOnly) {
       e.stopPropagation();
     }
   };
-  var reduce = function reduce(e) {
+  const reduce = e => {
     if (disabled || disabledReduce || readOnly) {
       e.stopPropagation();
     }
   };
-  var clickPlaceholder = function clickPlaceholder() {
+  const clickPlaceholder = () => {
     if (disabled || readOnly) return;
-    var dom = inputRef && inputRef.current;
+    const dom = inputRef && inputRef.current;
     dom.focus();
   };
   /** 得到焦点 */
-  var onFocusCom = function onFocusCom(event) {
+  const onFocusCom = event => {
     setFocus(true);
     onFocus && onFocus(event);
   };
   /** 失去焦点 */
-  var onBlurCom = function onBlurCom(event) {
+  const onBlurCom = event => {
     setFocus(false);
     onBlur && onBlur(event);
   };
   /** 改变事件 */
-  var onChangeCom = function onChangeCom(val) {
+  const onChangeCom = val => {
     if (props.value === undefined) {
       setValueCom(val);
     }
     onChange && onChange(val);
   };
   /** 外标题 */
-  var outSideMemo = useMemo(function () {
-    var showTag = Boolean(required || labelSign || label);
+  const outSideMemo = useMemo(() => {
+    const showTag = Boolean(required || labelSign || label);
     if (labelMode === 'outside' && showTag) {
-      var handLabelClass = function handLabelClass() {
-        var str = 'input-number-label';
+      const handLabelClass = () => {
+        let str = 'input-number-label';
         if (labelTooltip && labelTooltip.className) {
           str += " ".concat(labelTooltip.className);
         }
@@ -143,10 +124,10 @@ var InputNumber = function InputNumber(props) {
     }
   }, [labelMode, label, labelSign, required]);
   /** 处理placeholder, 内标题 */
-  var handPlaceholderLabel = function handPlaceholderLabel() {
-    var val = handValue();
+  const handPlaceholderLabel = () => {
+    const val = handValue();
     if (focus || val !== undefined && val !== null) return undefined; // 得到焦点不显示 或者 (存在val值)
-    var handPlaceholderCom = function handPlaceholderCom() {
+    const handPlaceholderCom = () => {
       if (labelMode === 'outside') return placeholder; // 外标题只返回placeholder
       return jsxs(Fragment, {
         children: [label || placeholder, required && jsx("span", Object.assign({
@@ -166,7 +147,7 @@ var InputNumber = function InputNumber(props) {
     }));
   };
   // 后
-  var addonAfterDom = function addonAfterDom(bol) {
+  const addonAfterDom = bol => {
     if (btnMode === 'none') return undefined;
     if (bol) return jsx(Tooltip, Object.assign({
       disabled: true,
@@ -202,7 +183,7 @@ var InputNumber = function InputNumber(props) {
     return undefined;*/
   };
   // 前
-  var addonBeforeDom = function addonBeforeDom(bol) {
+  const addonBeforeDom = bol => {
     if (btnMode === 'none') return undefined;
     if (bol) return jsx(Tooltip, Object.assign({
       disabled: true,
@@ -232,7 +213,7 @@ var InputNumber = function InputNumber(props) {
     return undefined;*/
   };
   /** 内容渲染 */
-  var contentRender = function contentRender() {
+  const contentRender = () => {
     return jsxs("div", Object.assign({
       className: "input-number-content"
     }, {
@@ -263,7 +244,7 @@ var InputNumber = function InputNumber(props) {
     }));
   };
   /** 处理内容 */
-  var handleContent = function handleContent() {
+  const handleContent = () => {
     if (disabledTooltip) {
       return jsx(Tooltip, Object.assign({
         disabled: true
@@ -274,8 +255,8 @@ var InputNumber = function InputNumber(props) {
     return contentRender();
   };
   /** 处理class */
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-input-number ");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-input-number ");
     if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-input-number-").concat(size);
     if (btnMode) {

package/Label/index.js

@@ -1,11 +1,9 @@
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Help from '../Help/index.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Tooltip/index.js';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -16,31 +14,31 @@ import '@para-ui/icons/Help';
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/3/23 8:29 PM\n* @description 标题\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-label {\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  color: rgb(92, 101, 115);\n  margin-bottom: 4px;\n  display: inline-block;\n  line-height: 1.43;\n  word-break: break-all;\n}\n.paraui-v4-label > .label-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-label > .paraui-v4-help {\n  vertical-align: top;\n  margin-left: 4px;\n}\n.paraui-v4-label > .paraui-v4-help svg {\n  vertical-align: top;\n  position: relative;\n  top: 2px;\n}\n.paraui-v4-label.paraui-v4-label-line.paraui-v4-label-tooltip {\n  border-bottom: 1px dashed rgb(161, 168, 179);\n  padding-bottom: 2px;\n}";
 styleInject(css_248z);
 
-var Label = function Label(props) {
-  var className = props.className,
-    helpClassName = props.helpClassName,
-    style = props.style,
-    label = props.label,
-    labelSign = props.labelSign,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    tooltip = props.tooltip,
-    _props$tooltipType = props.tooltipType,
-    tooltipType = _props$tooltipType === void 0 ? 'icon' : _props$tooltipType,
-    placement = props.placement,
-    arrow = props.arrow,
-    tooltipIcon = props.tooltipIcon,
-    onClick = props.onClick,
+const Label = props => {
+  const {
+      className,
+      helpClassName,
+      style,
+      label,
+      labelSign,
+      required = false,
+      tooltip,
+      tooltipType = 'icon',
+      placement,
+      arrow,
+      tooltipIcon,
+      onClick
+    } = props,
     othersProps = __rest(props, ["className", "helpClassName", "style", "label", "labelSign", "required", "tooltip", "tooltipType", "placement", "arrow", "tooltipIcon", "onClick"]);
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-label");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-label");
     if (tooltipType) str += " ".concat($prefixCls, "-label-").concat(tooltipType);
     if (tooltip) str += " ".concat($prefixCls, "-label-tooltip");
     if (className) str += " ".concat(className);
     return str;
   };
-  var onClickCom = function onClickCom(e) {
+  const onClickCom = e => {
     onClick && onClick(e);
   };
   return jsxs(Fragment, {

package/Loading/index.js

@@ -1,19 +1,20 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-loading {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-loading .loading-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: white;\n  z-index: 100;\n}\n.paraui-v4-loading .loading-box {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 101;\n}\n.paraui-v4-loading .loading-box > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  font-size: 20px;\n}";
 styleInject(css_248z);
 
-var Loading = function Loading(props) {
-  var className = props.className,
-    style = props.style,
-    _props$opacity = props.opacity,
-    opacity = _props$opacity === void 0 ? 0.7 : _props$opacity;
-  var dom = useRef(null);
-  useEffect(function () {
+const Loading = props => {
+  const {
+    className,
+    style,
+    opacity = 0.7
+  } = props;
+  const dom = useRef(null);
+  useEffect(() => {
     if (dom && dom.current && dom.current.parentNode) {
       if (!dom.current.parentNode.style.position) {
         dom.current.parentNode.style.position = 'relative';
@@ -21,8 +22,8 @@ var Loading = function Loading(props) {
     }
   }, []);
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-loading");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-loading");
     if (className) str += " ".concat(className);
     return str;
   };