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

package/InputLang/index.js

@@ -123,7 +123,7 @@ var InputLang = function InputLang(props) {
       var objLabel = {};
       for (var i = 0, l = langList.length; i < l; i++) {
         var item = langList[i];
-        if (typeof item === "string") {
+        if (typeof item === 'string') {
           obj[item] = {
             label: item,
             value: item
@@ -216,7 +216,7 @@ var InputLang = function InputLang(props) {
     var jsonMapping = ArrayToObject('label', valueListLang);
     for (var i = 0, l = langList.length; i < l; i++) {
       var item = langList[i];
-      if (_typeof(item) === "object") {
+      if (_typeof(item) === 'object') {
         item = item.label;
       }
       if (!jsonMapping[item] && item !== (((_a = langMapping[lang]) === null || _a === void 0 ? void 0 : _a.label) || lang)) arr.push({
@@ -268,8 +268,8 @@ var InputLang = function InputLang(props) {
   }, []);
   /** 处理弹出框className */
   var popoverHandClass = function popoverHandClass() {
-    var str = $prefixCls + '-input-lang-popover';
-    if (popoverClassName) str += ' ' + popoverClassName;
+    var str = "".concat($prefixCls, "-input-lang-popover");
+    if (popoverClassName) str += " ".concat(popoverClassName);
     if (disabledAdd) str += " ".concat($prefixCls, "-input-lang-popover-disabled-add");
     if (disabledDelete) str += " ".concat($prefixCls, "-input-lang-popover-disabled-delete");
     return str;
@@ -315,10 +315,10 @@ var InputLang = function InputLang(props) {
    * @return {string}
    */
   var handClass = function handClass() {
-    var str = $prefixCls + '-input-lang';
+    var str = "".concat($prefixCls, "-input-lang");
     if (size) str += " ".concat($prefixCls, "-input-lang-").concat(size);
     if (error) str += " ".concat($prefixCls, "-input-lang-error");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsxs("div", Object.assign({
@@ -327,7 +327,7 @@ var InputLang = function InputLang(props) {
     ref: refDom
   }, {
     children: [jsx(Popover, Object.assign({
-      placement: "bottom-end",
+      placement: 'bottom-end',
       visible: open,
       content: langListPopoverContent(),
       onVisibleChange: handleClose,
@@ -335,7 +335,7 @@ var InputLang = function InputLang(props) {
       maxWidth: 'none',
       overlayInnerStyle: {
         minWidth: '440px',
-        width: ((_a = refDom.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) + 'px'
+        width: "".concat((_a = refDom.current) === null || _a === void 0 ? void 0 : _a.offsetWidth, "px")
       }
     }, {
       children: jsx(TextField, {

package/InputNumber/index.d.ts

@@ -4,8 +4,8 @@
  * @description 数字输入框
  */
 import React, { FunctionComponent, ReactNode } from 'react';
-import { LabelTooltipProps } from "../Label";
-import { HelperTextDetailProps } from "../HelperText";
+import { LabelTooltipProps } from '../Label';
+import { HelperTextDetailProps } from '../HelperText';
 import { TooltipProps } from '../Tooltip';
 import './index.scss';
 export interface InputNumberProps extends HelperTextDetailProps {

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) {
@@ -127,7 +127,7 @@ var InputNumber = function InputNumber(props) {
       var handLabelClass = function handLabelClass() {
         var str = 'input-number-label';
         if (labelTooltip && labelTooltip.className) {
-          str += ' ' + labelTooltip.className;
+          str += " ".concat(labelTooltip.className);
         }
         return str;
       };
@@ -263,8 +263,8 @@ var InputNumber = function InputNumber(props) {
   };
   /** 处理class */
   var handClass = function handClass() {
-    var str = $prefixCls + '-input-number ';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-input-number ");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-input-number-").concat(size);
     if (btnMode) {
       str += " ".concat($prefixCls, "-input-number-").concat(btnMode === 'none' ? 'none' : 'tb');

package/Label/index.js

@@ -34,10 +34,10 @@ var Label = function Label(props) {
     othersProps = __rest(props, ["className", "helpClassName", "style", "label", "labelSign", "required", "tooltip", "tooltipType", "placement", "arrow", "tooltipIcon", "onClick"]);
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-label';
+    var str = "".concat($prefixCls, "-label");
     if (tooltipType) str += " ".concat($prefixCls, "-label-").concat(tooltipType);
     if (tooltip) str += " ".concat($prefixCls, "-label-tooltip");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   var onClickCom = function onClickCom(e) {

package/Loading/index.js

@@ -23,7 +23,7 @@ var Loading = function Loading(props) {
   // 处理class
   var handClass = function handClass() {
     var str = "".concat($prefixCls, "-loading");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsxs("div", Object.assign({

package/Menu/index.js

@@ -33,7 +33,7 @@ var Logo = function Logo(props) {
    */
   var handClass = function handClass() {
     var str = 'menu-logo';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (!expansion) str += ' menu-logo-shrink';
     return str;
   };
@@ -66,7 +66,7 @@ var handHref = function handHref() {
   var lastOne = !children || children.length === 0;
   if (lastOne) {
     return {
-      href: href ? href : '#' + path
+      href: href ? href : "#".concat(path)
     };
   }
   return {};
@@ -162,7 +162,7 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
   var handClass = function handClass() {
     var str = 'vertical-menu-list-item';
     if (openCom) str += ' vertical-menu-list-item-open';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     var selectMenuLast = idMenuLast[selectMenu]; // 当前选中菜单的 所有上下级 一条线
     if (selectMenuLast) {
       var index = selectMenuLast.indexOf(path);
@@ -190,7 +190,7 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
       paddingLeft: '0px'
     };
     if (level >= 0) {
-      json.paddingLeft = (level - 1) * 26 + 12 + 'px';
+      json.paddingLeft = "".concat((level - 1) * 26 + 12, "px");
     }
     return json;
   };
@@ -345,7 +345,7 @@ var MenuItemPopper = function MenuItemPopper(props) {
    * @return {string}
    */
   var handPopoverClass = function handPopoverClass() {
-    var str = $prefixCls + '-vertical-menu-item-popper';
+    var str = "".concat($prefixCls, "-vertical-menu-item-popper");
     if (color) str += " ".concat($prefixCls, "-vertical-menu-item-popper-").concat(color);
     if (size) str += " ".concat($prefixCls, "-vertical-menu-item-popper-").concat(size);
     if (color === 'deep') str += " ".concat($prefixCls, "-scrollbar-small-deep");else str += " ".concat($prefixCls, "-scrollbar-small");
@@ -353,7 +353,7 @@ var MenuItemPopper = function MenuItemPopper(props) {
     if (handTooltip()) {
       str += " ".concat($prefixCls, "-vertical-menu-item-popper-tooltip");
     }
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   /**
@@ -639,7 +639,7 @@ var VerticalMenuList = function VerticalMenuList(props) {
     _useState22 = _slicedToArray(_useState21, 2),
     childList = _useState22[0],
     setChildList = _useState22[1]; // 侧边子菜单数据
-  var _useState23 = useState(""),
+  var _useState23 = useState(''),
     _useState24 = _slicedToArray(_useState23, 2),
     selectMenuCom = _useState24[0],
     setSelectMenuCom = _useState24[1]; // 当前选中菜单id
@@ -717,10 +717,10 @@ var VerticalMenuList = function VerticalMenuList(props) {
       var height = 100;
       var y = getTransformY(listRef.current.style.transform);
       switch (type) {
-        case "next":
+        case 'next':
           y -= height;
           break;
-        case "prev":
+        case 'prev':
           y += height;
           break;
       }
@@ -770,7 +770,7 @@ var VerticalMenuList = function VerticalMenuList(props) {
       for (var i = 0, l = daraChildArr.length; i < l; i++) {
         var item = daraChildArr[i];
         var path = item.path;
-        item._paraui_menu_id = '_paraui_menu_id_' + UUID(); // 设置唯一id
+        item._paraui_menu_id = "_paraui_menu_id_".concat(UUID()); // 设置唯一id
         if (parent) {
           var idList = DeepClone(idMap[parent.path] || []);
           idList.push(path);
@@ -927,7 +927,7 @@ var VerticalMenuList = function VerticalMenuList(props) {
    */
   var handClass = function handClass() {
     var str = 'vertical-menu-list';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   /** 展开memo */
@@ -1085,7 +1085,7 @@ var FooterExpansion = function FooterExpansion(props) {
   // 处理className
   var handClass = function handClass() {
     var str = 'footer-expansion';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (!expansion) str += ' footer-expansion-shrink';
     return str;
   };
@@ -1136,8 +1136,8 @@ var Menu = function Menu(props) {
    * @return class名
    */
   var handClass = function handClass() {
-    var str = $prefixCls + '-vertical-menu';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-vertical-menu");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-vertical-menu-").concat(size);
     if (color) str += " ".concat($prefixCls, "-vertical-menu-").concat(color);
     if (!expansion) str += " ".concat($prefixCls, "-vertical-menu-shrink");

package/Menu/interface.d.ts

@@ -5,7 +5,7 @@
  */
 import React, { ReactNode } from 'react';
 /** 菜单类型 */
-export type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
+export type MenuListTypeType = 'redirect' | 'router' | 'iframe' | 'snack' | 'snackPage';
 /** color类型 */
 export type ColorType = 'deep' | 'light';
 /** logo参数 */

package/Message/index.js

@@ -16,10 +16,10 @@ styleInject(css_248z);
 
 //图标map
 var iconMapping = {
-  'info': jsx(WarningCircleF, {}),
-  'warn': jsx(WarningCircleF, {}),
-  'error': jsx(CloseCircleF, {}),
-  'success': jsx(CompleteIcon, {})
+  info: jsx(WarningCircleF, {}),
+  warn: jsx(WarningCircleF, {}),
+  error: jsx(CloseCircleF, {}),
+  success: jsx(CompleteIcon, {})
 };
 //获取window
 var getMsgWindow = function getMsgWindow() {
@@ -37,7 +37,7 @@ var template = function template(_ref) {
     hideIcon = _ref.hideIcon;
   var item = document.createElement('div');
   item.className = "msg-item";
-  item.id = id || "";
+  item.id = id || '';
   item.innerHTML = "<div class=\"msg-wrapper message-fadeInDown msg-".concat(type, "\">\n                ").concat(icon ? "<div class=\"msg-icon\"></div>" : '', "\n                <div class=\"msg-text\"></div>\n                ").concat(close ? "<div class=\"msg-close\"></div>" : '', "\n                </div>\n    ");
   var msgWrapper = item.querySelector('.msg-wrapper');
   var msgBox = item.querySelector('.msg-text');
@@ -72,7 +72,7 @@ var MessageBar = function MessageBar(props) {
     type = props.type;
   var pId = createParentId();
   var mId = getMsgId();
-  var cls = getParentClassName(props.className || "");
+  var cls = getParentClassName(props.className || '');
   if (className) cls += " ".concat(className);
   useEffect(function () {
     var parent = document.getElementById(pId);
@@ -94,7 +94,7 @@ var MessageBar = function MessageBar(props) {
   });
 };
 var createParentId = function createParentId() {
-  return "msgbox_" + String(Math.random() * 100000 | 0 + new Date().getTime());
+  return "msgbox_".concat(String(Math.random() * 100000 | 0 + new Date().getTime()));
 };
 //消息box id
 var parentId = createParentId();
@@ -125,7 +125,7 @@ var renderContent = function renderContent(box, _ref2, removeTime, autoClose, fi
     desc: desc,
     hideIcon: hideIcon
   });
-  if (fill && item) item.classList.add("msg-item-fill");
+  if (fill && item) item.classList.add('msg-item-fill');
   box === null || box === void 0 ? void 0 : box.appendChild(item);
   var iconDom = document.querySelector("#".concat(id, " .msg-icon"));
   if (iconDom && icon && !hideIcon) ReactDOM.render(icon, iconDom);
@@ -154,7 +154,7 @@ var Msg = function Msg(config, removeTime, type, parentId) {
     duration = (_b = getMsgConf().duration) !== null && _b !== void 0 ? _b : removeTime,
     className = '';
   var autoClose = !isNaN(duration) && duration > 0;
-  if (typeof config === "string") text = config;else if (_typeof(config) === "object") {
+  if (typeof config === 'string') text = config;else if (_typeof(config) === 'object') {
     text = config.text || '';
     desc = config.desc;
     icon = config.icon || iconMapping[type];
@@ -162,7 +162,7 @@ var Msg = function Msg(config, removeTime, type, parentId) {
     hideIcon = config.hideIcon || false;
     if (config.maxCount > 0) maxCount = config.maxCount || Infinity;
   }
-  if (_typeof(config) === "object" && typeof config.close === "boolean") close = config.close;else close = !autoClose;
+  if (_typeof(config) === 'object' && typeof config.close === 'boolean') close = config.close;else close = !autoClose;
   var parent = document.getElementById(parentId);
   if (!parent) {
     parent = document.createElement('div');
@@ -185,10 +185,10 @@ var Msg = function Msg(config, removeTime, type, parentId) {
   dropEleWhenExceedLimit(parent, maxCount);
 };
 var getParentClassName = function getParentClassName(className) {
-  return "".concat($prefixCls, "-message-box").concat(className ? ' ' + className : '');
+  return "".concat($prefixCls, "-message-box").concat(className ? " ".concat(className) : '');
 };
 var getMsgId = function getMsgId() {
-  return 'msgitem_' + String(Math.random() * 100000 | 0 + new Date().getTime());
+  return "msgitem_".concat(String(Math.random() * 100000 | 0 + new Date().getTime()));
 };
 //超出maxCount 删除之前元素
 var dropEleWhenExceedLimit = function dropEleWhenExceedLimit(parent, maxCount) {

package/Modal/Confirm/index.d.ts

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

package/Modal/index.d.ts

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

package/Modal/index.js

@@ -6,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,16 +32,16 @@ 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);
 
 //图标
 var iconMap = {
-  "success": jsx(CompleteIcon, {}),
-  "warn": jsx(WarningCircleF, {}),
-  "warning": jsx(WarningCircleF, {}),
-  "error": jsx(CloseCircleF, {}),
-  "info": jsx(InfoOutlined, {})
+  success: jsx(CompleteIcon, {}),
+  warn: jsx(WarningCircleF, {}),
+  warning: jsx(WarningCircleF, {}),
+  error: jsx(CloseCircleF, {}),
+  info: jsx(InfoOutlined, {})
 };
 //confirm modal
 var ConfirmDialog = function ConfirmDialog(props) {

package/MultiBox/index.d.ts

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

package/MultiBox/index.js

@@ -47,7 +47,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-multi-box {\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item {\n  display: flex;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  align-items: flex-start;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n  flex: 1;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field .paraui-v4-helper-text {\n  min-height: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n  padding-bottom: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  margin: 0 10px;\n  line-height: 1;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-multi-box > .multi-box-add > svg {\n  font-size: 16px;\n  color: rgb(46, 101, 230);\n  margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-add:hover {\n  border-color: rgb(87, 131, 235);\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 0;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: not-allowed;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: transparent;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add {\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add:hover {\n  border-color: rgb(212, 218, 227);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-add {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 28px;\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-multi-box {\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item {\n  display: flex;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  align-items: flex-start;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input.multi-box-content-item-input-error > .multi-box-separator {\n  padding-bottom: 20px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n  flex: 1;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field .paraui-v4-helper-text {\n  min-height: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n  padding-bottom: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  margin: 0 10px;\n  line-height: 1;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-multi-box > .multi-box-add > svg {\n  font-size: 16px;\n  color: rgb(46, 101, 230);\n  margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-add:hover {\n  border-color: rgb(87, 131, 235);\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 0;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: not-allowed;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: transparent;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add {\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add:hover {\n  border-color: rgb(212, 218, 227);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-add {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 28px;\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}";
 styleInject(css_248z);
 
 var MultiBox = function MultiBox(props) {
@@ -156,7 +156,7 @@ var MultiBox = function MultiBox(props) {
     var handLabelClass = function handLabelClass() {
       var str = 'multi-box-label';
       if (labelTooltip && labelTooltip.className) {
-        str += ' ' + labelTooltip.className;
+        str += " ".concat(labelTooltip.className);
       }
       return str;
     };
@@ -175,8 +175,12 @@ var MultiBox = function MultiBox(props) {
     var valValue = item[replaceFieldsCom.value || ''] || '';
     var disabledKey = disabled instanceof Array ? (_a = disabled[index]) === null || _a === void 0 ? void 0 : _a[keyValue] : disabled;
     var disabledVal = disabled instanceof Array ? (_b = disabled[index]) === null || _b === void 0 ? void 0 : _b[valValue] : disabled;
+    var errorKeyObj = handError(index, replaceFieldsCom.key || '');
+    var errorValueObj = handError(index, replaceFieldsCom.value || '');
+    var str = 'multi-box-content-item-input';
+    if (errorKeyObj.error || errorValueObj.error) str += ' multi-box-content-item-input-error';
     return jsxs("div", Object.assign({
-      className: "multi-box-content-item-input"
+      className: str
     }, {
       children: [jsx(TextField, Object.assign({
         className: 'multi-box-text-field',
@@ -184,7 +188,7 @@ var MultiBox = function MultiBox(props) {
         disabled: disabledKey,
         placeholder: placeholderKey,
         value: keyValue
-      }, handError(index, replaceFieldsCom.key || ''), {
+      }, errorKeyObj, {
         onChange: changeValue(replaceFieldsCom.key || '', index),
         fetchSuggestions: fetchSuggestionsKey ? fetchSuggestions('key') : undefined,
         onSelect: selectValue(replaceFieldsCom.key || '', index)
@@ -198,7 +202,7 @@ var MultiBox = function MultiBox(props) {
         disabled: disabledVal,
         placeholder: placeholderValue,
         value: valValue
-      }, handError(index, replaceFieldsCom.value || ''), {
+      }, errorValueObj, {
         onChange: changeValue(replaceFieldsCom.value || '', index),
         fetchSuggestions: fetchSuggestionsValue ? fetchSuggestions('value') : undefined,
         onSelect: selectValue(replaceFieldsCom.value || '', index)
@@ -247,8 +251,8 @@ var MultiBox = function MultiBox(props) {
   };
   /** 处理class */
   var handClass = function handClass() {
-    var str = $prefixCls + '-multi-box multi-box';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-multi-box multi-box");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-multi-box-").concat(size);
     if (error) str += " ".concat($prefixCls, "-multi-box-error");
     if (disabled === true) str += " ".concat($prefixCls, "-multi-box-disabled");

package/Notification/index.js

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