npm - @nutui/nutui-react - Versions diffs - 3.0.19-beta.2 → 3.0.20-beta.0 - Mend

@nutui/nutui-react 3.0.19-beta.2 → 3.0.20-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (723) hide show

package/dist/es/packages/cascader/cascader.js CHANGED Viewed

@@ -173,8 +173,8 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
         outerOptions
     ]);
     useEffect(function() {
-        var load = function() {
-            return _async_to_generator(function() {
+        var load = /*#__PURE__*/ function() {
+            var _ref = _async_to_generator(function() {
                 var parent, error;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -192,8 +192,8 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
                             ]);
                             return [
                                 4,
-                                innerValue.reduce(function(promise, val, key) {
-                                    return _async_to_generator(function() {
+                                innerValue.reduce(/*#__PURE__*/ function() {
+                                    var _ref = _async_to_generator(function(promise, val, key) {
                                         var pane, parent, node;
                                         return _ts_generator(this, function(_state) {
                                             switch(_state.label){
@@ -233,8 +233,11 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
                                                     ];
                                             }
                                         });
-                                    })();
-                                }, Promise.resolve(parent))
+                                    });
+                                    return function(promise, val, key) {
+                                        return _ref.apply(this, arguments);
+                                    };
+                                }(), Promise.resolve(parent))
                             ];
                         case 2:
                             _state.sent();
@@ -257,14 +260,17 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
                             ];
                     }
                 });
-            })();
-        };
+            });
+            return function load() {
+                return _ref.apply(this, arguments);
+            };
+        }();
         if (lazy) load();
     }, [
         lazy
     ]);
-    var chooseItem = function(pane, levelIndex) {
-        return _async_to_generator(function() {
+    var chooseItem = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(pane, levelIndex) {
             var nextValue, nextPathNodes, _props_onPathChange, asyncOptions;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -318,8 +324,11 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function chooseItem(pane, levelIndex) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var renderCascaderItem = function(item, levelIndex) {
         var _item_pane;
         return (_item_pane = item.pane) === null || _item_pane === void 0 ? void 0 : _item_pane.map(function(pane, index) {

package/dist/es/packages/cascader/style/cascader.scss CHANGED Viewed

@@ -8,8 +8,10 @@
   }
   .nut-tabs-titles-item {
+    /* #ifndef dynamic*/
     flex: initial;
     min-width: auto;
+    /* #endif */
     width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;

package/dist/es/packages/cascader/style/style.css CHANGED Viewed

@@ -11,8 +11,10 @@
   background: var(--nutui-color-background-overlay, #ffffff);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

package/dist/es/packages/cascader/style-jmapp/cascader.scss CHANGED Viewed

@@ -8,8 +8,10 @@
   }
   .nut-tabs-titles-item {
+    /* #ifndef dynamic*/
     flex: initial;
     min-width: auto;
+    /* #endif */
     width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;

package/dist/es/packages/cascader/style-jmapp/style.css CHANGED Viewed

@@ -11,8 +11,10 @@
   background: var(--nutui-color-surface-2);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

package/dist/es/packages/cascader/style-jrkf/cascader.scss CHANGED Viewed

@@ -8,8 +8,10 @@
   }
   .nut-tabs-titles-item {
+    /* #ifndef dynamic*/
     flex: initial;
     min-width: auto;
+    /* #endif */
     width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;

package/dist/es/packages/cascader/style-jrkf/style.css CHANGED Viewed

@@ -11,8 +11,10 @@
   background: var(--nutui-color-surface-2);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

package/dist/es/packages/cellgroup/style/cellgroup.scss CHANGED Viewed

@@ -2,7 +2,9 @@
   display: block;
   &-title {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-title-padding;
     color: $cell-group-title-color;
     font-size: $cell-group-title-font-size;
@@ -12,7 +14,9 @@
   }
   &-description {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-description-padding;
     color: $cell-group-description-color;
     font-size: $cell-group-description-font-size;

package/dist/es/packages/cellgroup/style/style.css CHANGED Viewed

@@ -6,7 +6,9 @@
   display: block;
 }
 .nut-cell-group-title {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-title-padding, 0 10px);
   color: var(--nutui-cell-group-title-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-size-base, 14px));
@@ -15,7 +17,9 @@
   margin-bottom: 10px;
 }
 .nut-cell-group-description {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-description-padding, 0 10px);
   color: var(--nutui-cell-group-description-color, var(--nutui-color-text, #505259));
   font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-size-s, 12px));

package/dist/es/packages/cellgroup/style-jmapp/cellgroup.scss CHANGED Viewed

@@ -2,7 +2,9 @@
   display: block;
   &-title {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-title-padding;
     color: $cell-group-title-color;
     font-size: $cell-group-title-font-size;
@@ -12,7 +14,9 @@
   }
   &-description {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-description-padding;
     color: $cell-group-description-color;
     font-size: $cell-group-description-font-size;

package/dist/es/packages/cellgroup/style-jmapp/style.css CHANGED Viewed

@@ -6,7 +6,9 @@
   display: block;
 }
 .nut-cell-group-title {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-title-padding, 0 10px);
   color: var(--nutui-cell-group-title-color, var(--nutui-color-title));
   font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-text));
@@ -15,7 +17,9 @@
   margin-bottom: 10px;
 }
 .nut-cell-group-description {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-description-padding, 0 10px);
   color: var(--nutui-cell-group-description-color, var(--nutui-color-text));
   font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-text-small));

package/dist/es/packages/cellgroup/style-jrkf/cellgroup.scss CHANGED Viewed

@@ -2,7 +2,9 @@
   display: block;
   &-title {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-title-padding;
     color: $cell-group-title-color;
     font-size: $cell-group-title-font-size;
@@ -12,7 +14,9 @@
   }
   &-description {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-description-padding;
     color: $cell-group-description-color;
     font-size: $cell-group-description-font-size;

package/dist/es/packages/cellgroup/style-jrkf/style.css CHANGED Viewed

@@ -6,7 +6,9 @@
   display: block;
 }
 .nut-cell-group-title {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-title-padding, 0 10px);
   color: var(--nutui-cell-group-title-color, var(--nutui-color-title));
   font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-text));
@@ -15,7 +17,9 @@
   margin-bottom: 10px;
 }
 .nut-cell-group-description {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-description-padding, 0 10px);
   color: var(--nutui-cell-group-description-color, var(--nutui-color-text));
   font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-text-small));

package/dist/es/packages/checkbox/checkbox.js CHANGED Viewed

@@ -156,7 +156,7 @@ export var Checkbox = function(props) {
     };
     var _obj;
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
-        className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), _define_property(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), _obj), className)
+        className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), _define_property(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), _define_property(_obj, "".concat(classPrefix, "-active"), innerChecked), _obj), className)
     }, rest), {
         onClick: handleClick
     }), renderCheckboxItem());

package/dist/es/packages/checkbox/style/checkbox.scss CHANGED Viewed

@@ -17,6 +17,7 @@
   &-icon-checked {
     color: $color-primary;
+    background-color: $white;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
     border-radius: 50%;
@@ -39,6 +40,7 @@
   &-icon-indeterminate {
     color: $color-primary;
+    background-color: $white;
     box-shadow: 0px 2px 4px 0px #ff0f2333;
     border-radius: 50%;
@@ -49,6 +51,8 @@
   &-icon-disabled {
     color: $color-text-disabled;
+    background-color: $white;
+    border-radius: 50%;
     box-shadow: none;
   }
@@ -63,7 +67,12 @@
   &-button {
     position: relative;
+    /* #ifdef dynamic */
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic */
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 32px;
     padding: $checkbox-button-padding;

package/dist/es/packages/checkbox/style/style.css CHANGED Viewed

@@ -8,7 +8,7 @@
 }
 .nut-checkbox-icon {
   color: var(--nutui-color-text-disabled, #c2c4cc);
-  font-size: var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-icon, 16px));
   flex-shrink: 0;
 }
 .nut-checkbox-icon-wrap {
@@ -19,6 +19,7 @@
 }
 .nut-checkbox-icon-checked {
   color: var(--nutui-color-primary, #ff0f23);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   border-radius: 50%;
@@ -37,6 +38,7 @@
 }
 .nut-checkbox-icon-indeterminate {
   color: var(--nutui-color-primary, #ff0f23);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
@@ -45,6 +47,8 @@
 }
 .nut-checkbox-icon-disabled {
   color: var(--nutui-color-text-disabled, #c2c4cc);
+  background-color: #ffffff;
+  border-radius: 50%;
   box-shadow: none;
 }
 .nut-checkbox-reverse {
@@ -56,7 +60,12 @@
 }
 .nut-checkbox-button {
   position: relative;
+  /* #ifdef dynamic */
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic */
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 32px;
   padding: var(--nutui-checkbox-button-padding, 5px 18px);

package/dist/es/packages/checkbox/style-jmapp/checkbox.scss CHANGED Viewed

@@ -17,6 +17,7 @@
   &-icon-checked {
     color: $color-primary;
+    background-color: $white;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
     border-radius: 50%;
@@ -39,6 +40,7 @@
   &-icon-indeterminate {
     color: $color-primary;
+    background-color: $white;
     box-shadow: 0px 2px 4px 0px #ff0f2333;
     border-radius: 50%;
@@ -49,6 +51,8 @@
   &-icon-disabled {
     color: $color-text-disabled;
+    background-color: $white;
+    border-radius: 50%;
     box-shadow: none;
   }
@@ -63,7 +67,12 @@
   &-button {
     position: relative;
+    /* #ifdef dynamic */
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic */
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 32px;
     padding: $checkbox-button-padding;

package/dist/es/packages/checkbox/style-jmapp/style.css CHANGED Viewed

@@ -19,6 +19,7 @@
 }
 .nut-checkbox-icon-checked {
   color: var(--nutui-color-primary);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   border-radius: 50%;
@@ -37,6 +38,7 @@
 }
 .nut-checkbox-icon-indeterminate {
   color: var(--nutui-color-primary);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
@@ -45,6 +47,8 @@
 }
 .nut-checkbox-icon-disabled {
   color: var(--nutui-color-text-disabled);
+  background-color: #ffffff;
+  border-radius: 50%;
   box-shadow: none;
 }
 .nut-checkbox-reverse {
@@ -56,7 +60,12 @@
 }
 .nut-checkbox-button {
   position: relative;
+  /* #ifdef dynamic */
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic */
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 32px;
   padding: var(--nutui-checkbox-button-padding, 5px 18px);

package/dist/es/packages/checkbox/style-jrkf/checkbox.scss CHANGED Viewed

@@ -17,6 +17,7 @@
   &-icon-checked {
     color: $color-primary;
+    background-color: $white;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
     border-radius: 50%;
@@ -39,6 +40,7 @@
   &-icon-indeterminate {
     color: $color-primary;
+    background-color: $white;
     box-shadow: 0px 2px 4px 0px #ff0f2333;
     border-radius: 50%;
@@ -49,6 +51,8 @@
   &-icon-disabled {
     color: $color-text-disabled;
+    background-color: $white;
+    border-radius: 50%;
     box-shadow: none;
   }
@@ -63,7 +67,12 @@
   &-button {
     position: relative;
+    /* #ifdef dynamic */
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic */
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 32px;
     padding: $checkbox-button-padding;

package/dist/es/packages/checkbox/style-jrkf/style.css CHANGED Viewed

@@ -19,6 +19,7 @@
 }
 .nut-checkbox-icon-checked {
   color: var(--nutui-color-primary, #ff6666);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   border-radius: 50%;
@@ -37,6 +38,7 @@
 }
 .nut-checkbox-icon-indeterminate {
   color: var(--nutui-color-primary, #ff6666);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
@@ -45,6 +47,8 @@
 }
 .nut-checkbox-icon-disabled {
   color: var(--nutui-color-text-disabled);
+  background-color: #ffffff;
+  border-radius: 50%;
   box-shadow: none;
 }
 .nut-checkbox-reverse {
@@ -56,7 +60,12 @@
 }
 .nut-checkbox-button {
   position: relative;
+  /* #ifdef dynamic */
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic */
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 32px;
   padding: var(--nutui-checkbox-button-padding, 5px 18px);

package/dist/es/packages/checkboxgroup/style/checkboxgroup.scss CHANGED Viewed

@@ -30,7 +30,12 @@
     flex-wrap: wrap;
     .nut-checkbox {
+      /* #ifdef dynamic*/
+      display: flex;
+      /* #endif */
+      /* #ifndef dynamic*/
       display: inline-flex;
+      /* #endif */
       flex: 1;
       margin-right: 20px;

package/dist/es/packages/checkboxgroup/style/style.css CHANGED Viewed

@@ -26,7 +26,12 @@
   flex-wrap: wrap;
 }
 .nut-checkboxgroup-horizontal .nut-checkbox {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex: 1;
   margin-right: 20px;
 }

package/dist/es/packages/checkboxgroup/style-jmapp/checkboxgroup.scss CHANGED Viewed

@@ -30,7 +30,12 @@
     flex-wrap: wrap;
     .nut-checkbox {
+      /* #ifdef dynamic*/
+      display: flex;
+      /* #endif */
+      /* #ifndef dynamic*/
       display: inline-flex;
+      /* #endif */
       flex: 1;
       margin-right: 20px;

package/dist/es/packages/checkboxgroup/style-jmapp/style.css CHANGED Viewed

@@ -26,7 +26,12 @@
   flex-wrap: wrap;
 }
 .nut-checkboxgroup-horizontal .nut-checkbox {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex: 1;
   margin-right: 20px;
 }

package/dist/es/packages/checkboxgroup/style-jrkf/checkboxgroup.scss CHANGED Viewed

@@ -30,7 +30,12 @@
     flex-wrap: wrap;
     .nut-checkbox {
+      /* #ifdef dynamic*/
+      display: flex;
+      /* #endif */
+      /* #ifndef dynamic*/
       display: inline-flex;
+      /* #endif */
       flex: 1;
       margin-right: 20px;

package/dist/es/packages/checkboxgroup/style-jrkf/style.css CHANGED Viewed

@@ -26,7 +26,12 @@
   flex-wrap: wrap;
 }
 .nut-checkboxgroup-horizontal .nut-checkbox {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex: 1;
   margin-right: 20px;
 }

package/dist/es/packages/circleprogress/style/style.css CHANGED Viewed

@@ -21,7 +21,7 @@
   transform: translateY(-50%);
   text-align: center;
   color: var(--nutui-circleprogress-text-color, var(--nutui-color-title, #1a1a1a));
-  font-size: var(--nutui-circleprogress-text-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-circleprogress-text-size, var(--nutui-font-size-l, 15px));
 }
 [dir=rtl] .nut-circleprogress-text,

package/dist/es/packages/collapseitem/collapseitem.js CHANGED Viewed

@@ -55,8 +55,8 @@ export var CollapseItem = function(props) {
     var _useState = _sliced_to_array(useState(0), 2), tran = _useState[0], setTran = _useState[1];
     var _useRefState = _sliced_to_array(useRefState(0), 2), currentHeight = _useRefState[0], setCurrentHeight = _useRefState[1];
     var _useState1 = _sliced_to_array(useState(0), 2), wrapperHeight = _useState1[0], setWrapperHeight = _useState1[1];
-    var updateRectHeight = function() {
-        return _async_to_generator(function() {
+    var updateRectHeight = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function() {
             var height;
             return _ts_generator(this, function(_state) {
                 height = contentRef.current.offsetHeight;
@@ -69,8 +69,11 @@ export var CollapseItem = function(props) {
                     2
                 ];
             });
-        })();
-    };
+        });
+        return function updateRectHeight() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     useEffect(function() {
         updateRectHeight();
     }, [