@nutui/nutui-react 3.0.18 → 3.0.19

package/dist/es/packages/radio/style-jrkf/style.css

@@ -24,24 +24,34 @@
 }
 .nut-radio-icon {
   color: var(--nutui-color-text-disabled);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-text-large));
+  border-radius: 50%;
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary, #ff6666);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
 .nut-radio-icon-checked.nut-radio-icon-disabled {
   color: var(--nutui-color-primary-disabled-special, #ffadbe);
+  background-color: #ffffff;
   box-shadow: none;
+  border-radius: 50%;
 }
 .nut-radio-icon-disabled {
   color: var(--nutui-color-text-disabled);
 }
 .nut-radio-button {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 30px;
   padding: var(--nutui-radio-button-padding, 5px 18px);

package/dist/es/packages/range/style/range.scss

@@ -182,17 +182,21 @@
     &-wrapper,
     &-wrapper-right {
       position: absolute;
+      /* #ifndef dynamic*/
       top: initial;
+      right: initial;
+      /* #endif */
       top: 100%;
       left: 50%;
-      right: initial;
       // transform: translate3d(-50%, -50%, 0);
     }
 
     &-wrapper-left {
       top: 0px;
       left: 50%;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
 
@@ -207,7 +211,6 @@
     position: absolute;
     width: 36px;
     height: 100%;
-    // top: initial;
     top: 0px;
     right: 50%;
     overflow: visible;
@@ -257,19 +260,25 @@
     &-wrapper,
     &-wrapper-right {
       left: 0;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
     &-wrapper-left {
       right: 0;
+      /* #ifndef dynamic*/
       left: initial;
+      /* #endif */
       // transform: translate3d(50%, -50%, 0);
     }
   }
 
   &-tick {
     right: 0px;
+    /* #ifndef dynamic*/
     left: initial;
+    /* #endif */
   }
 
   &-mark-text {
@@ -281,13 +290,17 @@
       &-wrapper,
       &-wrapper-right {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, 50%, 0);
       }
 
       &-wrapper-left {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, -50%, 0);
       }
 

package/dist/es/packages/range/style/style.css

@@ -157,15 +157,19 @@
 }
 .nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
   position: absolute;
+  /* #ifndef dynamic*/
   top: initial;
+  right: initial;
+  /* #endif */
   top: 100%;
   left: 50%;
-  right: initial;
 }
 .nut-range-vertical-button-wrapper-left {
   top: 0px;
   left: 50%;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 .nut-range-vertical-button-number {
   left: 0px;
@@ -215,17 +219,23 @@
 .rtl-nut-range-button-wrapper,
 .rtl-nut-range-button-wrapper-right {
   left: 0;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-button-wrapper-left,
 .rtl-nut-range-button-wrapper-left {
   right: 0;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-tick,
 .rtl-nut-range-tick {
   right: 0px;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-mark-text,
 .rtl-nut-range-mark-text {
@@ -235,12 +245,16 @@
 .rtl-nut-range-vertical-button-wrapper,
 .rtl-nut-range-vertical-button-wrapper-right {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-button-wrapper-left,
 .rtl-nut-range-vertical-button-wrapper-left {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-mark,
 .rtl-nut-range-vertical-mark {

package/dist/es/packages/range/style-jmapp/range.scss

@@ -182,17 +182,21 @@
     &-wrapper,
     &-wrapper-right {
       position: absolute;
+      /* #ifndef dynamic*/
       top: initial;
+      right: initial;
+      /* #endif */
       top: 100%;
       left: 50%;
-      right: initial;
       // transform: translate3d(-50%, -50%, 0);
     }
 
     &-wrapper-left {
       top: 0px;
       left: 50%;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
 
@@ -207,7 +211,6 @@
     position: absolute;
     width: 36px;
     height: 100%;
-    // top: initial;
     top: 0px;
     right: 50%;
     overflow: visible;
@@ -257,19 +260,25 @@
     &-wrapper,
     &-wrapper-right {
       left: 0;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
     &-wrapper-left {
       right: 0;
+      /* #ifndef dynamic*/
       left: initial;
+      /* #endif */
       // transform: translate3d(50%, -50%, 0);
     }
   }
 
   &-tick {
     right: 0px;
+    /* #ifndef dynamic*/
     left: initial;
+    /* #endif */
   }
 
   &-mark-text {
@@ -281,13 +290,17 @@
       &-wrapper,
       &-wrapper-right {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, 50%, 0);
       }
 
       &-wrapper-left {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, -50%, 0);
       }
 

package/dist/es/packages/range/style-jmapp/style.css

@@ -157,15 +157,19 @@
 }
 .nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
   position: absolute;
+  /* #ifndef dynamic*/
   top: initial;
+  right: initial;
+  /* #endif */
   top: 100%;
   left: 50%;
-  right: initial;
 }
 .nut-range-vertical-button-wrapper-left {
   top: 0px;
   left: 50%;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 .nut-range-vertical-button-number {
   left: 0px;
@@ -215,17 +219,23 @@
 .rtl-nut-range-button-wrapper,
 .rtl-nut-range-button-wrapper-right {
   left: 0;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-button-wrapper-left,
 .rtl-nut-range-button-wrapper-left {
   right: 0;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-tick,
 .rtl-nut-range-tick {
   right: 0px;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-mark-text,
 .rtl-nut-range-mark-text {
@@ -235,12 +245,16 @@
 .rtl-nut-range-vertical-button-wrapper,
 .rtl-nut-range-vertical-button-wrapper-right {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-button-wrapper-left,
 .rtl-nut-range-vertical-button-wrapper-left {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-mark,
 .rtl-nut-range-vertical-mark {

package/dist/es/packages/range/style-jrkf/range.scss

@@ -182,17 +182,21 @@
     &-wrapper,
     &-wrapper-right {
       position: absolute;
+      /* #ifndef dynamic*/
       top: initial;
+      right: initial;
+      /* #endif */
       top: 100%;
       left: 50%;
-      right: initial;
       // transform: translate3d(-50%, -50%, 0);
     }
 
     &-wrapper-left {
       top: 0px;
       left: 50%;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
 
@@ -207,7 +211,6 @@
     position: absolute;
     width: 36px;
     height: 100%;
-    // top: initial;
     top: 0px;
     right: 50%;
     overflow: visible;
@@ -257,19 +260,25 @@
     &-wrapper,
     &-wrapper-right {
       left: 0;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
     &-wrapper-left {
       right: 0;
+      /* #ifndef dynamic*/
       left: initial;
+      /* #endif */
       // transform: translate3d(50%, -50%, 0);
     }
   }
 
   &-tick {
     right: 0px;
+    /* #ifndef dynamic*/
     left: initial;
+    /* #endif */
   }
 
   &-mark-text {
@@ -281,13 +290,17 @@
       &-wrapper,
       &-wrapper-right {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, 50%, 0);
       }
 
       &-wrapper-left {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, -50%, 0);
       }
 

package/dist/es/packages/range/style-jrkf/style.css

@@ -157,15 +157,19 @@
 }
 .nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
   position: absolute;
+  /* #ifndef dynamic*/
   top: initial;
+  right: initial;
+  /* #endif */
   top: 100%;
   left: 50%;
-  right: initial;
 }
 .nut-range-vertical-button-wrapper-left {
   top: 0px;
   left: 50%;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 .nut-range-vertical-button-number {
   left: 0px;
@@ -215,17 +219,23 @@
 .rtl-nut-range-button-wrapper,
 .rtl-nut-range-button-wrapper-right {
   left: 0;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-button-wrapper-left,
 .rtl-nut-range-button-wrapper-left {
   right: 0;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-tick,
 .rtl-nut-range-tick {
   right: 0px;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-mark-text,
 .rtl-nut-range-mark-text {
@@ -235,12 +245,16 @@
 .rtl-nut-range-vertical-button-wrapper,
 .rtl-nut-range-vertical-button-wrapper-right {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-button-wrapper-left,
 .rtl-nut-range-vertical-button-wrapper-left {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-mark,
 .rtl-nut-range-vertical-mark {

package/dist/es/packages/rate/style/rate.scss

@@ -97,10 +97,15 @@
   }
 
   &-score {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     color: $rate-font-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
     line-height: 1;
 
     &-normal {

package/dist/es/packages/rate/style/style.css

@@ -77,10 +77,15 @@
   transform: none;
 }
 .nut-rate-score {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
-  font-family: "JD";
+  font-family: "JDZH-Regular";
   line-height: 1;
 }
 .nut-rate-score-normal {

package/dist/es/packages/rate/style-jmapp/rate.scss

@@ -97,10 +97,15 @@
   }
 
   &-score {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     color: $rate-font-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
     line-height: 1;
 
     &-normal {

package/dist/es/packages/rate/style-jmapp/style.css

@@ -77,10 +77,15 @@
   transform: none;
 }
 .nut-rate-score {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
-  font-family: "JD";
+  font-family: "JDZH-Regular";
   line-height: 1;
 }
 .nut-rate-score-normal {

package/dist/es/packages/rate/style-jrkf/rate.scss

@@ -97,10 +97,15 @@
   }
 
   &-score {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     color: $rate-font-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
     line-height: 1;
 
     &-normal {

package/dist/es/packages/rate/style-jrkf/style.css

@@ -77,10 +77,15 @@
   transform: none;
 }
 .nut-rate-score {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
-  font-family: "JD";
+  font-family: "JDZH-Regular";
   line-height: 1;
 }
 .nut-rate-score-normal {

package/dist/es/packages/resultpage/style/resultpage.scss

@@ -5,7 +5,12 @@
   align-items: center;
   margin: 0 auto;
   &-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     margin-bottom: $resultpage-icon-margin-bottom;
     .nut-icon {
       height: $resultpage-icon-size;

package/dist/es/packages/resultpage/style/style.css

@@ -10,7 +10,12 @@
   margin: 0 auto;
 }
 .nut-resultpage-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   margin-bottom: var(--nutui-resultpage-icon-margin-bottom, 12px);
 }
 .nut-resultpage-icon .nut-icon {

package/dist/es/packages/resultpage/style-jmapp/resultpage.scss

@@ -5,7 +5,12 @@
   align-items: center;
   margin: 0 auto;
   &-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     margin-bottom: $resultpage-icon-margin-bottom;
     .nut-icon {
       height: $resultpage-icon-size;

package/dist/es/packages/resultpage/style-jmapp/style.css

@@ -10,7 +10,12 @@
   margin: 0 auto;
 }
 .nut-resultpage-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   margin-bottom: var(--nutui-resultpage-icon-margin-bottom, 16px);
 }
 .nut-resultpage-icon .nut-icon {

package/dist/es/packages/resultpage/style-jrkf/resultpage.scss

@@ -5,7 +5,12 @@
   align-items: center;
   margin: 0 auto;
   &-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     margin-bottom: $resultpage-icon-margin-bottom;
     .nut-icon {
       height: $resultpage-icon-size;

package/dist/es/packages/resultpage/style-jrkf/style.css

@@ -10,7 +10,12 @@
   margin: 0 auto;
 }
 .nut-resultpage-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   margin-bottom: var(--nutui-resultpage-icon-margin-bottom, 16px);
 }
 .nut-resultpage-icon .nut-icon {

package/dist/es/packages/searchbar/searchbar.js

@@ -27,7 +27,7 @@ export var SearchBar = function(props) {
     var classPrefix = 'nut-searchbar';
     var locale = useConfig().locale;
     var searchInputRef = useRef(null);
-    var _$_object_spread = _object_spread({}, defaultProps, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right = _$_object_spread.right, left = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
+    var _$_object_spread = _object_spread({}, defaultProps, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right = _$_object_spread.right, left = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, inputProps = _$_object_spread.inputProps, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
     var _usePropsValue = _sliced_to_array(usePropsValue({
         value: outerValue,
         defaultValue: defaultValue,
@@ -127,7 +127,7 @@ export var SearchBar = function(props) {
     ]);
     var renderField = function() {
         var inputCls = classNames("".concat(classPrefix, "-input"));
-        return /*#__PURE__*/ React.createElement("input", {
+        return /*#__PURE__*/ React.createElement("input", _object_spread({
             className: inputCls,
             ref: searchInputRef,
             value: value || '',
@@ -140,7 +140,7 @@ export var SearchBar = function(props) {
             onFocus: handleFocus,
             onBlur: handleBlur,
             onClick: handleInputClick
-        });
+        }, inputProps));
     };
     var renderValueByTags = useCallback(function() {
         if (!value) {

package/dist/es/packages/searchbar/style/searchbar.scss

@@ -121,7 +121,12 @@
 
   &-left,
   &-right {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
 
     &.nut-icon {

package/dist/es/packages/searchbar/style/style.css

@@ -109,7 +109,12 @@
   margin-left: 4px;
 }
 .nut-searchbar-left, .nut-searchbar-right {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
 }
 .nut-searchbar-left.nut-icon, .nut-searchbar-right.nut-icon {