@para-ui/core 4.0.60 → 4.0.62

package/InputNumber/index.js

@@ -16,14 +16,14 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-input-number {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: inline-block;\n  width: 100%;\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        width: calc(100% - 60px);\n\n        & > .component {\n          & > .component-handler-wrap {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n\n            & > .component-handler-up {\n              position: absolute;\n              left: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-left-radius: $radius;\n              border-top-left-radius: $radius;\n              overflow: hidden;\n              // 禁用加\n              &.component-handler-up-disabled {\n                & > .add-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .add-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              position: absolute;\n              right: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-right-radius: $radius;\n              border-top-right-radius: $radius;\n              overflow: hidden;\n              // 禁用减\n              &.component-handler-down-disabled {\n                & > .reduce-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .reduce-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number > .input-number-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-input-number > .input-number-content:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-before {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-right: 1px solid rgb(212, 218, 227);\n  border-top-left-radius: 4px;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within {\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 4px;\n  padding: 10px 0 10px 10px;\n  background: transparent;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component.component-out-of-range > .component-input-wrap > input {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 12px;\n  color: rgb(161, 168, 179);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder > .input-number-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-after {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within {\n  width: calc(100% - 34px);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap {\n  position: absolute;\n  top: 0;\n  right: -34px;\n  width: 34px;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-focus > .input-number-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within {\n  cursor: not-allowed;\n  width: 100%;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  cursor: not-allowed;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              // 禁用加\n              & > .add-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-down {\n              // 禁用减\n              & > .reduce-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large {\n  /*& > .input-number-content {\n    height: 36px;\n\n    & > .input-number-content-within {\n      & > .input-number-label-placeholder {\n        line-height: 34px;\n      }\n    }\n  }\n\n  &.paraui-v4-input-number-tb {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              & > .tb-btn-top {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              & > .tb-btn-bottom {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content {\n  height: 32px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}";
+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}\n.paraui-v4-input-number > .input-number-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-input-number > .input-number-content:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within {\n  width: 100%;\n  position: relative;\n  flex: 1;\n  overflow: hidden;\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-handler-wrap {\n  display: none;\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 10px 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-before {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgb(29, 33, 38);\n  padding-left: 10px;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-after {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgb(29, 33, 38);\n  padding-left: 10px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-none > .input-number-content > .input-number-content-after {\n  padding-right: 10px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-after > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  padding: 10px 0px 10px 10px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  padding: 10px 0px 10px 10px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-btn {\n  width: 34px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-btn > .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-btn > .tb-btn-top:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-btn > .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-btn > .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-btn > .tb-btn-bottom:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-btn > .tb-btn-bottom > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-focus > .input-number-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within {\n  cursor: not-allowed;\n  width: 100%;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  cursor: not-allowed;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled.paraui-v4-input-number-tb > .input-number-content > .input-number-btn > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled.paraui-v4-input-number-tb > .input-number-content > .input-number-btn > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled.paraui-v4-input-number-tb > .input-number-content > .input-number-btn > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled.paraui-v4-input-number-tb > .input-number-content > .input-number-btn > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled.paraui-v4-input-number-tb > .input-number-content > .input-number-btn > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled.paraui-v4-input-number-tb > .input-number-content > .input-number-btn > .tb-btn-bottom > 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-btn > .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-btn > .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-btn > .tb-btn-top > 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-btn > .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-btn > .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-btn > .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 > .input-number-content-after, .paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content-before {\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-btn > .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-btn > .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 > .input-number-content > .input-number-content-after, .paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content > .input-number-content-before {\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-btn > .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-btn > .tb-btn-bottom > svg {\n  font-size: 14px;\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 > .input-number-content > .input-number-content-after, .paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content > .input-number-content-before {\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-btn > .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-btn > .tb-btn-bottom > svg {\n  font-size: 14px;\n}";
 styleInject(css_248z);
 
 const InputNumber = props => {
   const {
       className,
       style,
-      step,
+      step = 1,
       min,
       max,
       size = 'large',
@@ -52,9 +52,11 @@ const InputNumber = props => {
       onChange,
       onEnter,
       onBlur,
-      onFocus
+      onFocus,
+      addonBefore,
+      addonAfter
     } = props,
-    otherProps = __rest(props, ["className", "style", "step", "min", "max", "size", "placeholder", "label", "labelTooltip", "labelMode", "labelSign", "btnMode", "disabled", "disabledTooltip", "disabledTooltipAdd", "disabledTooltipReduce", "readOnly", "disabledAdd", "disabledReduce", "required", "error", "hideErrorDom", "helperText", "keyboard", "autoFocus", "formatter", "parser", "value", "onChange", "onEnter", "onBlur", "onFocus"]);
+    otherProps = __rest(props, ["className", "style", "step", "min", "max", "size", "placeholder", "label", "labelTooltip", "labelMode", "labelSign", "btnMode", "disabled", "disabledTooltip", "disabledTooltipAdd", "disabledTooltipReduce", "readOnly", "disabledAdd", "disabledReduce", "required", "error", "hideErrorDom", "helperText", "keyboard", "autoFocus", "formatter", "parser", "value", "onChange", "onEnter", "onBlur", "onFocus", "addonBefore", "addonAfter"]);
   const [focus, setFocus] = useState(false); // 是否获取焦点
   const [valueCom, setValueCom] = useState();
   const inputRef = useRef(null);
@@ -71,16 +73,6 @@ const InputNumber = props => {
     if (props.value === undefined) return valueCom;
     return value;
   };
-  const add = e => {
-    if (disabled || disabledAdd || readOnly) {
-      e.stopPropagation();
-    }
-  };
-  const reduce = e => {
-    if (disabled || disabledReduce || readOnly) {
-      e.stopPropagation();
-    }
-  };
   const clickPlaceholder = () => {
     if (disabled || readOnly) return;
     const dom = inputRef && inputRef.current;
@@ -96,6 +88,31 @@ const InputNumber = props => {
     setFocus(false);
     onBlur && onBlur(event);
   };
+  /*
+  * 进度计算
+  * */
+  const preciseOperation = function (operation) {
+    const precision = Math.pow(10, 12); // 12位精度
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    const scaled = args.map(n => Math.round(n * precision));
+    const result = scaled.reduce(operation) / precision;
+    return parseFloat(result.toFixed(12));
+  };
+  /* 点击加减按钮 */
+  const onClickBtn = type => () => {
+    if (type === 'add' && (disabled || disabledAdd || readOnly)) return;
+    if (type === 'reduce' && (disabled || disabledReduce || readOnly)) return;
+    const val = valueCom === undefined ? 0 : Number(valueCom);
+    let valH;
+    if (type === 'add') {
+      valH = preciseOperation((a, b) => a + b, val, step);
+    } else {
+      valH = preciseOperation((a, b) => a - b, val, step);
+    }
+    onChangeCom(valH);
+  };
   /** 改变事件 */
   const onChangeCom = val => {
     if (props.value === undefined) {
@@ -146,71 +163,58 @@ const InputNumber = props => {
       children: handPlaceholderCom()
     }));
   };
-  // 后
-  const addonAfterDom = bol => {
-    if (btnMode === 'none') return undefined;
-    if (bol) return jsx(Tooltip, Object.assign({
-      disabled: true,
-      placement: 'bottom-end'
-    }, disabledTooltipReduce, {
-      children: jsx("span", Object.assign({
-        className: "tb-btn-bottom",
-        onMouseDown: reduce
+  /*
+  * 后缀
+  * */
+  const addonAfterDom = () => {
+    if (addonAfter) {
+      return jsx("div", Object.assign({
+        className: "input-number-content-after"
       }, {
-        children: jsx(Down, {})
-      }))
-    }));
-    return jsx("div", {
-      className: "input-number-content-after"
-    });
-    /*if (disabled || readOnly) return undefined;
-    // 上下
-    if (btnMode === 'tb') {
-        if (bol) return (
-            <span className="tb-btn-bottom" onMouseDown={reduce}><Down /></span>
-        )
-        return (
-            <div className="input-number-content-after"></div>
-        )
-    }
-    // 左右
-    if (btnMode === 'lr') {
-        if (bol) return <span className="reduce-btn" onMouseDown={reduce}><Minus /></span>
-        return (
-            <div className="input-number-content-after"></div>
-        );
-    }
-    return undefined;*/
+        children: addonAfter
+      }));
+    }
   };
-  // 前
-  const addonBeforeDom = bol => {
-    if (btnMode === 'none') return undefined;
-    if (bol) return jsx(Tooltip, Object.assign({
-      disabled: true,
-      placement: 'top-end'
-    }, disabledTooltipAdd, {
-      children: jsx("span", Object.assign({
-        className: "tb-btn-top",
-        onMouseDown: add
+  /*
+  * 前缀
+  * */
+  const addonBeforeDom = () => {
+    if (addonBefore) {
+      return jsx("div", Object.assign({
+        className: "input-number-content-before"
       }, {
-        children: jsx(ExpandLess, {})
-      }))
+        children: addonBefore
+      }));
+    }
+  };
+  /* 处理加减按钮 */
+  const handleInputNumberBtn = () => {
+    if (btnMode === 'none') return null;
+    return jsxs("div", Object.assign({
+      className: 'input-number-btn'
+    }, {
+      children: [jsx(Tooltip, Object.assign({
+        disabled: true,
+        placement: 'top-end'
+      }, disabledTooltipAdd, {
+        children: jsx("span", Object.assign({
+          className: "tb-btn-top",
+          onClick: onClickBtn('add')
+        }, {
+          children: jsx(ExpandLess, {})
+        }))
+      })), jsx(Tooltip, Object.assign({
+        disabled: true,
+        placement: 'bottom-end'
+      }, disabledTooltipReduce, {
+        children: jsx("span", Object.assign({
+          className: "tb-btn-bottom",
+          onClick: onClickBtn('reduce')
+        }, {
+          children: jsx(Down, {})
+        }))
+      }))]
     }));
-    return undefined;
-    /*if (disabled || readOnly) return undefined;
-    // 上下
-    if (btnMode === 'tb') {
-        if (bol) return <span className="tb-btn-top" onMouseDown={add}><ExpandLess /></span>
-        return undefined;
-    }
-    // 左右
-    if (btnMode === 'lr') {
-        if (bol) return <span className="add-btn" onMouseDown={add}><Plus /></span>;
-        return (
-            <div className="input-number-content-before"></div>
-        );
-    }
-    return undefined;*/
   };
   /** 内容渲染 */
   const contentRender = () => {
@@ -233,14 +237,14 @@ const InputNumber = props => {
           formatter: formatter,
           parser: parser,
           prefixCls: $rcPrefixCls,
-          upHandler: addonBeforeDom(true),
-          downHandler: addonAfterDom(true),
+          //upHandler={addonBeforeDom(true)}
+          //downHandler={addonAfterDom(true)}
           onChange: onChangeCom,
           onFocus: onFocusCom,
           onBlur: onBlurCom,
           onPressEnter: onEnter
         }, otherProps)), handPlaceholderLabel()]
-      })), addonAfterDom()]
+      })), addonAfterDom(), handleInputNumberBtn()]
     }));
   };
   /** 处理内容 */
@@ -267,6 +271,8 @@ const InputNumber = props => {
     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");
+    if (addonAfter) str += " ".concat($prefixCls, "-input-number-after");
+    if (addonBefore) str += " ".concat($prefixCls, "-input-number-before");
     return str;
   };
   return jsxs("div", Object.assign({

package/Menu/index.js

@@ -18,6 +18,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Forbid';
+import '../_verture/useResizeObserver-edda059a.js';
 
 const Logo = props => {
   const {

package/Modal/index.js

@@ -2,7 +2,7 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import Dialog from 'rc-dialog';
-import { B as Button } from '../_verture/index-cd9ede02.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import Close from '@para-ui/icons/Close';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { g as getConfirmLocale, l as localeJson } from '../_verture/index-ca413216.js';
@@ -26,6 +26,7 @@ import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/icons/WarningCircle';
+import '../_verture/useResizeObserver-edda059a.js';
 
 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: 16px;\n  border-radius: 8px;\n}\n.paraui-v4-confirm .confirm-content-close {\n  position: absolute;\n  top: 16px;\n  right: 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: 2px;\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon svg {\n  font-size: 18px;\n  color: inherit;\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 26px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-confirm .confirm-content-body .confirm-body-title {\n  display: block;\n  margin-bottom: 10px;\n  font-size: 14px;\n  font-weight: 700;\n}\n.paraui-v4-confirm .confirm-content-actions {\n  margin-top: 12px;\n  text-align: right;\n}\n.paraui-v4-confirm .confirm-content-actions > button + button {\n  margin-left: 16px;\n}";
 styleInject(css_248z$1);

package/MultiBox/index.js

@@ -15,6 +15,7 @@ import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
 import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';

package/OperateBtn/index.js

@@ -2,7 +2,7 @@ import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import More from '@para-ui/icons/More';
-import { B as Button, P as PopConfirm } from '../_verture/index-cd9ede02.js';
+import { B as Button, P as PopConfirm } from '../_verture/index-98ae8a30.js';
 import { Tooltip } from '../Tooltip/index.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
@@ -24,6 +24,7 @@ import '@para-ui/icons/WarningCircleF';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../_verture/index-ca413216.js';
 
 var en = {

package/PageHeader/index.js

@@ -6,7 +6,7 @@ import * as iconList from '@para-ui/icons';
 import More from '@para-ui/icons/More';
 import { DeepClone, UUID } from '@paraview/lib';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { B as Button } from '../_verture/index-cd9ede02.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import AutoTips from '../AutoTips/index.js';
 import Right from '@para-ui/icons/Right';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -27,6 +27,7 @@ import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircleF';
+import '../_verture/useResizeObserver-edda059a.js';
 
 /**
  * @description 处理菜单标签

package/Pagination/index.js

@@ -5,7 +5,7 @@ import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc8
 import { TextField } from '../TextField/index.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import Select from '../Select/index.js';
-import { B as Button } from '../_verture/index-cd9ede02.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import NavigateBefore from '@para-ui/icons/Left';
 import PaginationCom from 'rc-pagination';
 import Right from '@para-ui/icons/Right';
@@ -26,6 +26,7 @@ import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
 import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';

package/PopConfirm/index.js

@@ -5,7 +5,7 @@ import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircleF';
-export { P as PopConfirm, P as default } from '../_verture/index-cd9ede02.js';
+export { P as PopConfirm, P as default } from '../_verture/index-98ae8a30.js';
 import '../Tooltip/index.js';
 import 'clsx';
 import '../_verture/useFormatMessage-1fc7c957.js';
@@ -19,6 +19,7 @@ import 'rc-dropdown';
 import 'dayjs';
 import '@paraview/lib';
 import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';

package/PopMenu/index.js

@@ -13,6 +13,7 @@ import { Tooltip } from '../Tooltip/index.js';
 import Help from '../Help/index.js';
 import '../_verture/usePopupContainer-635f66f4.js';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';

package/QuickReply/index.js

@@ -3,7 +3,7 @@ import { useState, useRef } from 'react';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { d as dist } from '../_verture/index-0f5ee6f7.js';
-import { B as Button, P as PopConfirm } from '../_verture/index-cd9ede02.js';
+import { B as Button, P as PopConfirm } from '../_verture/index-98ae8a30.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { TextField } from '../TextField/index.js';
 import Empty from '../Empty/index.js';
@@ -43,6 +43,7 @@ import '../Loading/index.js';
 import '../HelperText/index.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '../_verture/index-ca413216.js';
+import '../_verture/useResizeObserver-edda059a.js';
 
 var en = {
   back: 'Back',

package/README.md

@@ -1,3 +1,15 @@
+## 🎉 para-ui/core@4.0.62 发布
+
+🎁【Feature】
+- 【国际化输入框-InputLang】增加长度限制参数
+- 【卡片-Card】修复外容器改变宽度，不重新计算
+
+## 🎉 para-ui/core@4.0.61 发布
+
+🎁【Feature】
+- 【超出省略-AutoTips】多行超出，监听事件替换useResizeObserver
+- 【数字输入框-InputNumber】增加前后缀参数addonAfter,addonBefore
+
 ## 🎉 para-ui/core@4.0.60 发布
 
 🎁【Feature】

package/Result/index.js

@@ -13,6 +13,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-result {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-result > .icon-box {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 30px;\n}\n.paraui-v4-result > .icon-box > .icon-bg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n}\n.paraui-v4-result > .icon-box > .icon-bg > svg {\n  font-size: 40px;\n}\n.paraui-v4-result > .title {\n  color: rgb(29, 33, 38);\n  font-size: 18px;\n  font-weight: 700;\n  max-width: 100%;\n  margin-bottom: 4px;\n}\n.paraui-v4-result > .sub-title {\n  max-width: 100%;\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n  text-align: center;\n}\n.paraui-v4-result > .footer {\n  margin-top: 40px;\n}\n.paraui-v4-result.paraui-v4-result-success > .icon-box > .icon-bg {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-success > .icon-box > .icon-bg > svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-result.paraui-v4-result-error > .icon-box > .icon-bg {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-error > .icon-box > .icon-bg > svg {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-result.paraui-v4-result-loading > .icon-box > .icon-bg {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-loading > .icon-box > .icon-bg > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  color: rgb(46, 101, 230);\n}";
 styleInject(css_248z);

package/Search/index.js

@@ -18,6 +18,7 @@ import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
 import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';

package/Select/index.js

@@ -29,6 +29,7 @@ import '@para-ui/icons/Forbid';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/LoadingF';
 
 var en = {

package/SelectInput/index.js

@@ -27,6 +27,7 @@ import '@para-ui/icons/Down';
 import '@para-ui/icons/Check';
 import '@para-ui/icons/Search';
 import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../Popover/index.js';

package/Selector/index.js

@@ -30,6 +30,7 @@ import 'clsx';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Help';
 import '../_verture/usePopupContainer-635f66f4.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/LoadingF';
 import '../_verture/index-ca413216.js';
 import '../TextField/index.js';
@@ -41,7 +42,6 @@ import 'rc-dropdown';
 import 'dayjs';
 import '@para-ui/icons/More';
 import '@para-ui/icons/Return';
-import '../_verture/useResizeObserver-960e470e.js';
 
 var en = {
   root: 'root',

package/SelectorPicker/index.js

@@ -38,10 +38,10 @@ import '@para-ui/icons/PreviewOpen';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '../_verture/index-ca413216.js';
 import '@para-ui/icons/Search';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Breadcrumbs/index.js';
 import '@para-ui/icons/More';
 import '@para-ui/icons/Return';
-import '../_verture/useResizeObserver-960e470e.js';
 import '../Empty/index.js';
 import '@para-ui/icons/Refresh';
 

package/SingleBox/index.js

@@ -15,6 +15,7 @@ import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
 import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';

package/Stepper/index.js

@@ -22,6 +22,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 
 //默认图标
 const Icons = {

package/Table/index.js

@@ -8,7 +8,7 @@ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Popover } from '../Popover/index.js';
 import { Checkbox } from '../Checkbox/index.js';
-import { B as Button } from '../_verture/index-cd9ede02.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import AutoTips from '../AutoTips/index.js';
 import Screen from '@para-ui/icons/ScreenF';
 import SolidArrowUp from '@para-ui/icons/UpTriangleF';
@@ -27,7 +27,7 @@ import { Pagination } from '../Pagination/index.js';
 import { Loading } from '../Loading/index.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-4ae1a007.js';
 import ScrollBar from '../ScrollBar/index.js';
-import { u as useResizeObserver } from '../_verture/useResizeObserver-960e470e.js';
+import { u as useResizeObserver } from '../_verture/useResizeObserver-edda059a.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';

package/Tabs/index.js

@@ -5,7 +5,7 @@ import RcTabs, { TabPane } from 'rc-tabs';
 import More from '@para-ui/icons/More';
 import Plus from '@para-ui/icons/Plus';
 import Close from '@para-ui/icons/Close';
-import { P as PopConfirm } from '../_verture/index-cd9ede02.js';
+import { P as PopConfirm } from '../_verture/index-98ae8a30.js';
 import { Radio } from '../Radio/index.js';
 import Help from '../Help/index.js';
 import clsx from 'clsx';
@@ -21,6 +21,7 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@paraview/lib';
 import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';

package/Tag/index.js

@@ -18,6 +18,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../_verture/index-ca413216.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/1/12 上午9:43\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tag-outline.paraui-v4-tag {\n  border: 0.5px solid rgb(92, 101, 115);\n}\n.paraui-v4-tag-outline.paraui-v4-tag-blue {\n  border: 0.5px solid rgb(46, 101, 230);\n}\n.paraui-v4-tag-outline.paraui-v4-tag-green {\n  border: 0.5px solid rgb(19, 191, 76);\n}\n.paraui-v4-tag-outline.paraui-v4-tag-yellow {\n  border: 0.5px solid rgb(255, 147, 38);\n}\n.paraui-v4-tag-outline.paraui-v4-tag-red {\n  border: 0.5px solid rgb(244, 66, 66);\n}\n\n.paraui-v4-tag-edit-input {\n  height: 24px;\n  align-self: flex-start;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  text-indent: 8px;\n  border: 1px solid rgb(46, 101, 230);\n  border-radius: 4px;\n}\n\n.paraui-v4-tag {\n  vertical-align: bottom;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  max-width: 100%;\n  height: 24px;\n  padding: 0 10px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  white-space: nowrap;\n  background: rgb(234, 236, 241);\n  border-radius: 2px;\n  line-height: 18px;\n}\n.paraui-v4-tag .tag-custom-icon:hover {\n  background: none !important;\n  cursor: default;\n}\n.paraui-v4-tag .tag-close-icon:hover {\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-tag .tag-edit-icon {\n  display: flex;\n}\n.paraui-v4-tag.paraui-v4-tag-small {\n  height: 20px;\n  font-size: 12px;\n  padding: 0 6px;\n}\n.paraui-v4-tag.paraui-v4-tag-small > svg {\n  font-size: 12px;\n}\n.paraui-v4-tag.paraui-v4-tag-small > svg + .paraui-v4-auto-tips {\n  margin-left: 2px;\n}\n.paraui-v4-tag.paraui-v4-tag-small .tag-close-icon {\n  margin-left: 2px;\n}\n.paraui-v4-tag.paraui-v4-tag-small .tag-edit-icon {\n  font-size: 12px;\n}\n.paraui-v4-tag > svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v4-tag .tag-edit-icon {\n  color: inherit;\n  font-size: 16px;\n  cursor: pointer;\n}\n.paraui-v4-tag .tag-edit-icon > svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-tag .tag-close-icon {\n  margin-left: 4px;\n  color: inherit;\n  font-size: 16px;\n  cursor: pointer;\n}\n.paraui-v4-tag .tag-close-icon:hover {\n  color: inherit;\n}\n.paraui-v4-tag > svg + .paraui-v4-auto-tips {\n  margin-left: 4px;\n}\n.paraui-v4-tag.paraui-v4-tag-has-color, .paraui-v4-tag.paraui-v4-tag-has-color svg, .paraui-v4-tag.paraui-v4-tag-has-color svg:hover {\n  color: inherit;\n}\n.paraui-v4-tag.paraui-v4-tag-blue {\n  color: rgb(46, 101, 230);\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-tag.paraui-v4-tag-green {\n  color: rgb(19, 191, 76);\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-tag.paraui-v4-tag-yellow {\n  color: rgb(255, 147, 38);\n  background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-tag.paraui-v4-tag-red {\n  color: rgb(244, 66, 66);\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-tag.paraui-v4-tag-hidden {\n  display: none;\n}\n\n.paraui-v4-tag-small svg {\n  font-size: 12px;\n}\n\n.paraui-v4-tag-group {\n  display: flex;\n  align-items: center;\n  flex-flow: row wrap;\n}\n.paraui-v4-tag-group .tag-group-input {\n  height: 24px;\n  align-self: flex-start;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  text-indent: 8px;\n  border: 1px solid rgb(46, 101, 230);\n  border-radius: 4px;\n}\n.paraui-v4-tag-group .tag-group-input .tag-group-input-large {\n  height: 28px;\n}\n.paraui-v4-tag-group .tag-group-new .tag-group-new-icon {\n  padding: 0 5px;\n}\n.paraui-v4-tag-group .tag-group-add-btn {\n  border: 1px dashed rgb(212, 218, 227);\n}\n.paraui-v4-tag-group .tag-group-add-btn .tag-edit-icon {\n  background: none !important;\n}\n.paraui-v4-tag-group .tag-group-add-btn:hover {\n  cursor: pointer;\n}\n.paraui-v4-tag-group .tag-group-add-btn:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tag-group .tag-group-add-btn:hover .tag-text {\n  color: rgb(46, 101, 230);\n}";

package/TextField/index.js

@@ -20,6 +20,7 @@ import 'clsx';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/LoadingF';
 import '../_verture/index-ca413216.js';
 import 'rc-dropdown';

package/TimePicker/index.js

@@ -4,7 +4,7 @@ import React__default from 'react';
 import DatePicker from '../DatePicker/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import 'rc-picker/es/generate/dayjs';
-import '../_verture/index-cd9ede02.js';
+import '../_verture/index-98ae8a30.js';
 import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
@@ -18,6 +18,7 @@ import '@paraview/lib';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
 import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';

package/Title/index.js

@@ -12,6 +12,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/Help';
 import 'rc-collapse';
 import '@para-ui/icons/Right';