@para-ui/core 3.0.0 → 3.0.2

package/InputLang/index.js

@@ -8,6 +8,7 @@ import { MultiBox } from '../MultiBox/index.js';
 import { Popover } from '../Popover/index.js';
 import Application from '@para-ui/icons/Application';
 import { GetLanguage, ArrayToObject } from '@paraview/lib';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -31,7 +32,7 @@ import 'rc-dropdown';
 import '@para-ui/icons/Plus';
 import '@para-ui/icons/Delete';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-input-lang {\n  display: inline-block;\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-input-lang .paraui-text-field > .text-field-content > .text-field-content-after {\n  cursor: pointer;\n}\n.paraui-input-lang .paraui-text-field > .text-field-content > .text-field-content-after .lang-list-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-input-lang .paraui-text-field > .paraui-helper-text {\n  display: none;\n}\n\n.paraui-input-lang-popover > .paraui-popover-content > .paraui-popover-inner {\n  padding: 12px;\n  width: 300px;\n  line-height: 0;\n}\n.paraui-input-lang-popover > .paraui-popover-content > .paraui-popover-inner .paraui-multi-box {\n  padding-bottom: 0;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-input-lang {\n  display: inline-block;\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after {\n  cursor: pointer;\n}\n.paraui-v3-input-lang .input-lang-text-field > .text-field-content > .text-field-content-after .lang-list-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner {\n  padding: 12px;\n  width: 300px;\n  line-height: 0;\n}\n.paraui-v3-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box {\n  padding-bottom: 0;\n}";
 styleInject(css_248z);
 
 var InputLang = function InputLang(props) {
@@ -51,6 +52,7 @@ var InputLang = function InputLang(props) {
       placeholderValue = _props$placeholderVal === void 0 ? '' : _props$placeholderVal,
       _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$required = props.required,
@@ -198,7 +200,7 @@ var InputLang = function InputLang(props) {
   /** 处理弹出框className */
 
   var popoverHandClass = function popoverHandClass() {
-    var str = 'paraui-input-lang-popover';
+    var str = $prefixCls + '-input-lang-popover';
     if (popoverClassName) str += ' ' + popoverClassName;
     return str;
   };
@@ -210,6 +212,7 @@ var InputLang = function InputLang(props) {
       className: "input-lang-list"
     }, {
       children: jsx(MultiBox, {
+        className: 'input-lang-multi-box',
         size: size,
         disabled: disabled,
         value: valueListLang,
@@ -227,9 +230,9 @@ var InputLang = function InputLang(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-input-lang input-lang';
-    if (size) str += ' input-lang-' + size;
-    if (error) str += ' paraui-input-lang-error';
+    var str = $prefixCls + '-input-lang';
+    if (size) str += " ".concat($prefixCls, "-input-lang-").concat(size);
+    if (error) str += " ".concat($prefixCls, "-input-lang-error");
     if (className) str += ' ' + className;
     return str;
   };
@@ -246,6 +249,7 @@ var InputLang = function InputLang(props) {
       overlayClassName: popoverHandClass()
     }, {
       children: jsx(TextField, {
+        className: 'input-lang-text-field',
         size: size,
         error: error,
         disabled: disabled,
@@ -256,13 +260,15 @@ var InputLang = function InputLang(props) {
         value: valueCom[lang],
         addonAfter: AddonAfterMemo,
         addonBefore: AddonBeforeMemo,
+        hideErrorDom: true,
         onClickAddonAfter: clickAfter,
         onChange: changeValue
       })
     })), jsx(HelperText, {
-      className: "paraui-lang-error-text",
+      className: "input-lang-error-text",
       error: error,
-      helperText: helperText
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
     })]
   }));
 };

package/InputNumber/index.d.ts

@@ -5,8 +5,9 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { LabelTooltipProps } from "../Label";
+import { HelperTextDetailProps } from "../HelperText";
 import './index.scss';
-export interface InputNumberProps {
+export interface InputNumberProps extends HelperTextDetailProps {
     /** 样式class */
     className?: string;
     /** style */
@@ -39,10 +40,6 @@ export interface InputNumberProps {
     disabledReduce?: boolean;
     /** 是否必填 */
     required?: boolean;
-    /** 是否显示错误 */
-    error?: boolean;
-    /** 错误提示 */
-    helperText?: ReactNode;
     /** 是否启用键盘快捷行为 */
     keyboard?: boolean;
     /** 是否自动获取焦点 */

package/InputNumber/index.js

@@ -9,6 +9,7 @@ import Minus from '@para-ui/icons/Minus';
 import Plus from '@para-ui/icons/Plus';
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';
@@ -17,7 +18,7 @@ import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Help';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-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}\n.paraui-input-number > .input-number-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgba(171, 176, 185, 0.4);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-input-number > .input-number-content:hover {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-input-number > .input-number-content > .input-number-content-before {\n  width: 30px;\n  color: rgb(46, 55, 67);\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.paraui-input-number > .input-number-content > .input-number-content-within {\n  width: 100%;\n  position: relative;\n}\n.paraui-input-number > .input-number-content > .input-number-content-within > .paraui-input-number-rc {\n  width: 100%;\n  height: 100%;\n}\n.paraui-input-number > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-input-wrap {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paraui-input-number > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-input-wrap > input {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 4px;\n  padding: 10px 12px;\n  background: transparent;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-input-number > .input-number-content > .input-number-content-within > .paraui-input-number-rc.paraui-input-number-rc-out-of-range > .paraui-input-number-rc-input-wrap > input {\n  color: rgb(235, 96, 84);\n}\n.paraui-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: rgba(46, 55, 67, 0.4);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder > .input-number-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-input-number > .input-number-content > .input-number-content-after {\n  width: 30px;\n  color: rgb(46, 55, 67);\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within {\n  width: calc(100% - 30px);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap {\n  position: absolute;\n  top: 0;\n  right: -30px;\n  width: 30px;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled > .tb-btn-top:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled > .tb-btn-top > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top:last-child {\n  border-top: 1px solid;\n  border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled > .tb-btn-bottom:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled > .tb-btn-bottom > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-input-number.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom:last-child {\n  border-top: 1px solid;\n  border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within {\n  width: calc(100% - 60px);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up {\n  position: absolute;\n  left: -30px;\n  top: 0;\n  height: 100%;\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n  overflow: hidden;\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled > .add-btn {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled > .add-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled > .add-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .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: rgba(171, 176, 185, 0.12);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .add-btn:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .add-btn > svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down {\n  position: absolute;\n  right: -30px;\n  top: 0;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled > .reduce-btn {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled > .reduce-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled > .reduce-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .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: rgba(171, 176, 185, 0.12);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .reduce-btn:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-input-number.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .reduce-btn > svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-input-number.paraui-input-number-focus > .input-number-content {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-input-number.paraui-input-number-error > .input-number-content {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-input-number.paraui-input-number-error > .input-number-content:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-input-number.paraui-input-number-disabled > .input-number-content {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-input-number.paraui-input-number-disabled > .input-number-content:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-input-number.paraui-input-number-disabled > .input-number-content > .input-number-content-within {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-disabled > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-input-wrap > input {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-disabled > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .add-btn {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .add-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .add-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .reduce-btn {\n  cursor: not-allowed;\n}\n.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .reduce-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-lr > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .reduce-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-input-number.paraui-input-number-small > .input-number-content {\n  height: 28px;\n}\n.paraui-input-number.paraui-input-number-small > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-input-number.paraui-input-number-small.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top > svg {\n  font-size: 13px;\n}\n.paraui-input-number.paraui-input-number-small.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom > svg {\n  font-size: 13px;\n}\n.paraui-input-number.paraui-input-number-medium > .input-number-content {\n  height: 32px;\n}\n.paraui-input-number.paraui-input-number-medium > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 30px;\n}\n.paraui-input-number.paraui-input-number-medium.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top > svg {\n  font-size: 15px;\n}\n.paraui-input-number.paraui-input-number-medium.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom > svg {\n  font-size: 15px;\n}\n.paraui-input-number.paraui-input-number-large > .input-number-content {\n  height: 36px;\n}\n.paraui-input-number.paraui-input-number-large > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 34px;\n}\n.paraui-input-number.paraui-input-number-large.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-up > .tb-btn-top > svg {\n  font-size: 17px;\n}\n.paraui-input-number.paraui-input-number-large.paraui-input-number-tb > .input-number-content > .input-number-content-within > .paraui-input-number-rc > .paraui-input-number-rc-handler-wrap > .paraui-input-number-rc-handler-down > .tb-btn-bottom > svg {\n  font-size: 17px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-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}\n.paraui-v3-input-number > .input-number-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgba(171, 176, 185, 0.4);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-input-number > .input-number-content:hover {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-before {\n  width: 30px;\n  color: rgb(46, 55, 67);\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within {\n  width: 100%;\n  position: relative;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .component {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-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-v3-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 12px;\n  background: transparent;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .component.component-out-of-range > .component-input-wrap > input {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-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: rgba(46, 55, 67, 0.4);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder > .input-number-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-input-number > .input-number-content > .input-number-content-after {\n  width: 30px;\n  color: rgb(46, 55, 67);\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within {\n  width: calc(100% - 30px);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap {\n  position: absolute;\n  top: 0;\n  right: -30px;\n  width: 30px;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v3-input-number.paraui-v3-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-v3-input-number.paraui-v3-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: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-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: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-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: center;\n  justify-content: center;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-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(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:last-child {\n  border-top: 1px solid;\n  border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-input-number.paraui-v3-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-v3-input-number.paraui-v3-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: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-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: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-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: center;\n  justify-content: center;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-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(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-input-number.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:last-child {\n  border-top: 1px solid;\n  border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within {\n  width: calc(100% - 60px);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up {\n  position: absolute;\n  left: -30px;\n  top: 0;\n  height: 100%;\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .add-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .add-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .add-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .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: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn > svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down {\n  position: absolute;\n  right: -30px;\n  top: 0;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .reduce-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .reduce-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .reduce-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .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: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn > svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-focus > .input-number-content {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-input-number.paraui-v3-input-number-error > .input-number-content {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-input-number.paraui-v3-input-number-error > .input-number-content:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content > .input-number-content-within {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-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-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-add.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .add-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-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-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-disabled-reduce.paraui-v3-input-number-lr > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .reduce-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-input-number.paraui-v3-input-number-small > .input-number-content {\n  height: 28px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-small > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-small.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 13px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-small.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 13px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-medium > .input-number-content {\n  height: 32px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-medium > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-medium.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 15px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-medium.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 15px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-large > .input-number-content {\n  height: 36px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-large > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 34px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-large.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 17px;\n}\n.paraui-v3-input-number.paraui-v3-input-number-large.paraui-v3-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 17px;\n}";
 styleInject(css_248z);
 
 var InputNumber = function InputNumber(props) {
@@ -50,6 +51,7 @@ var InputNumber = function InputNumber(props) {
       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,
@@ -63,7 +65,7 @@ var InputNumber = function InputNumber(props) {
       onEnter = props.onEnter,
       onBlur = props.onBlur,
       onFocus = props.onFocus,
-      otherProps = __rest(props, ["className", "style", "step", "min", "max", "size", "placeholder", "label", "labelTooltip", "labelMode", "labelSign", "btnMode", "disabled", "readOnly", "disabledAdd", "disabledReduce", "required", "error", "helperText", "keyboard", "autoFocus", "formatter", "parser", "value", "onChange", "onEnter", "onBlur", "onFocus"]);
+      otherProps = __rest(props, ["className", "style", "step", "min", "max", "size", "placeholder", "label", "labelTooltip", "labelMode", "labelSign", "btnMode", "disabled", "readOnly", "disabledAdd", "disabledReduce", "required", "error", "hideErrorDom", "helperText", "keyboard", "autoFocus", "formatter", "parser", "value", "onChange", "onEnter", "onBlur", "onFocus"]);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -254,15 +256,15 @@ var InputNumber = function InputNumber(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-input-number';
+    var str = $prefixCls + '-input-number';
     if (className) str += ' ' + className;
-    if (size) str += ' paraui-input-number-' + size;
-    if (btnMode) str += ' paraui-input-number-' + btnMode;
-    if (focus) str += ' paraui-input-number-focus';
-    if (disabled) str += ' paraui-input-number-disabled';
-    if (disabledAdd) str += ' paraui-input-number-disabled-add';
-    if (disabledReduce) str += ' paraui-input-number-disabled-reduce';
-    if (error) str += ' paraui-input-number-error';
+    if (size) str += " ".concat($prefixCls, "-input-number-").concat(size);
+    if (btnMode) str += " ".concat($prefixCls, "-input-number-").concat(btnMode);
+    if (focus) str += " ".concat($prefixCls, "-input-number-focus");
+    if (disabled) str += " ".concat($prefixCls, "-input-number-disabled");
+    if (disabledAdd) str += " ".concat($prefixCls, "-input-number-disabled-add");
+    if (disabledReduce) str += " ".concat($prefixCls, "-input-number-disabled-reduce");
+    if (error) str += " ".concat($prefixCls, "-input-number-error");
     return str;
   };
 
@@ -288,7 +290,7 @@ var InputNumber = function InputNumber(props) {
           readOnly: readOnly,
           formatter: formatter,
           parser: parser,
-          prefixCls: 'paraui-input-number-rc',
+          prefixCls: $rcPrefixCls,
           upHandler: addonBeforeDom(true),
           downHandler: addonAfterDom(true),
           onChange: onChangeCom,
@@ -300,7 +302,8 @@ var InputNumber = function InputNumber(props) {
     })), jsx(HelperText, {
       className: "input-number-error-text",
       error: error,
-      helperText: helperText
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
     })]
   }));
 };

package/Label/index.d.ts

@@ -8,6 +8,8 @@ import './index.scss';
 export interface LabelTooltipProps {
     /** 样式class */
     className?: string;
+    /** 帮组className */
+    helpClassName?: string;
     /** 样式 */
     style?: React.CSSProperties;
     /** 配置提示信息 */

package/Label/index.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Help from '../Help/index.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
@@ -10,11 +11,12 @@ import 'rc-tooltip/lib/placements';
 import 'clsx';
 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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-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: rgba(46, 55, 67, 0.7);\n  margin-bottom: 8px;\n  display: inline-block;\n  line-height: 1.43;\n  word-break: break-all;\n}\n.paraui-label > .paraui-label-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-label > .paraui-help {\n  vertical-align: top;\n  margin-left: 4px;\n}\n.paraui-label > .paraui-help svg {\n  color: rgba(46, 55, 67, 0.4);\n  vertical-align: top;\n  position: relative;\n  top: 2px;\n}\n.paraui-label.paraui-label-line.paraui-label-tooltip {\n  border-bottom: 1px dashed rgba(46, 55, 67, 0.4);\n  padding-bottom: 2px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/3/23 8:29 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-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: rgba(46, 55, 67, 0.7);\n  margin-bottom: 8px;\n  display: inline-block;\n  line-height: 1.43;\n  word-break: break-all;\n}\n.paraui-v3-label > .label-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-label > .paraui-v3-help {\n  vertical-align: top;\n  margin-left: 4px;\n}\n.paraui-v3-label > .paraui-v3-help svg {\n  color: rgba(46, 55, 67, 0.4);\n  vertical-align: top;\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-label.paraui-v3-label-line.paraui-v3-label-tooltip {\n  border-bottom: 1px dashed rgba(46, 55, 67, 0.4);\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,
@@ -28,9 +30,9 @@ var Label = function Label(props) {
       tooltipIcon = props.tooltipIcon; // 处理class
 
   var handClass = function handClass() {
-    var str = 'paraui-label';
-    if (tooltipType) str += ' paraui-label-' + tooltipType;
-    if (tooltip) str += ' paraui-label-tooltip';
+    var str = $prefixCls + '-label';
+    if (tooltipType) str += " ".concat($prefixCls, "-label-").concat(tooltipType);
+    if (tooltip) str += " ".concat($prefixCls, "-label-tooltip");
     if (className) str += ' ' + className;
     return str;
   };
@@ -43,7 +45,7 @@ var Label = function Label(props) {
       children: [jsx(Fragment, {
         children: label
       }), required && jsx("span", Object.assign({
-        className: "paraui-label-required"
+        className: "label-required"
       }, {
         children: "*"
       })), labelSign && jsx("span", {
@@ -51,14 +53,16 @@ var Label = function Label(props) {
       }), tooltip && jsx(Help, Object.assign({
         title: tooltip,
         placement: placement,
-        arrow: arrow
+        arrow: arrow,
+        className: helpClassName
       }, {
         children: tooltipIcon
       }))]
     })), tooltipType === 'line' && jsx(Help, Object.assign({
       title: tooltip || '',
       placement: placement,
-      arrow: arrow
+      arrow: arrow,
+      className: helpClassName
     }, {
       children: jsxs("label", Object.assign({
         className: handClass(),
@@ -67,7 +71,7 @@ var Label = function Label(props) {
         children: [jsx(Fragment, {
           children: label
         }), required && jsx("span", Object.assign({
-          className: "paraui-label-required"
+          className: "label-required"
         }, {
           children: "*"
         })), labelSign && jsx("span", {

package/Loading/index.js

@@ -1,9 +1,10 @@
 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-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-loading {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n.paraui-loading .paraui-loading-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: white;\n  z-index: 1;\n}\n.paraui-loading .paraui-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: 2;\n}\n.paraui-loading .paraui-loading-box > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  font-size: 20px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-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-v3-loading .loading-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: white;\n  z-index: 100;\n}\n.paraui-v3-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-v3-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) {
@@ -21,7 +22,7 @@ var Loading = function Loading(props) {
   }, []); // 处理class
 
   var handClass = function handClass() {
-    var str = 'paraui-loading';
+    var str = "".concat($prefixCls, "-loading");
     if (className) str += ' ' + className;
     return str;
   };
@@ -32,11 +33,11 @@ var Loading = function Loading(props) {
     ref: dom
   }, {
     children: [jsx("div", Object.assign({
-      className: "paraui-loading-box"
+      className: "loading-box"
     }, {
       children: jsx(LoadingOutlined, {})
     })), jsx("div", {
-      className: "paraui-loading-mask",
+      className: "loading-mask",
       style: {
         opacity: opacity
       }