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

package/dist/cjs/packages/button/style/style.css

@@ -57,6 +57,12 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
+  /* #ifndef dynamic*/
+  pointer-events: auto;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -138,7 +144,7 @@
 .nut-button-large {
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +154,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);

package/dist/cjs/packages/button/style-jmapp/button.scss

@@ -55,6 +55,12 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     content: ' ';
+    /* #ifdef dynamic*/
+    pointer-events: none;
+    /* #endif */
+    /* #ifndef dynamic*/
+    pointer-events: auto;
+    /* #endif */
   }
 
   &::after {

package/dist/cjs/packages/button/style-jmapp/style.css

@@ -57,6 +57,12 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
+  /* #ifndef dynamic*/
+  pointer-events: auto;
+  /* #endif */
 }
 .nut-button::after {
   border: none;

package/dist/cjs/packages/button/style-jrkf/button.scss

@@ -55,6 +55,12 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     content: ' ';
+    /* #ifdef dynamic*/
+    pointer-events: none;
+    /* #endif */
+    /* #ifndef dynamic*/
+    pointer-events: auto;
+    /* #endif */
   }
 
   &::after {

package/dist/cjs/packages/button/style-jrkf/style.css

@@ -57,6 +57,12 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
+  /* #ifndef dynamic*/
+  pointer-events: auto;
+  /* #endif */
 }
 .nut-button::after {
   border: none;

package/dist/cjs/packages/calendar/style/style.css

@@ -7,14 +7,14 @@
   display: flex;
   flex-direction: column;
   flex: 1;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   background-color: var(--nutui-color-background-overlay, #ffffff);
   color: var(--nutui-color-title, #1a1a1a);
   overflow: hidden;
   height: 100%;
 }
 .nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title {
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-calendar .nut-calendar-taro {
   height: 60vh;

package/dist/cjs/packages/calendar/utils.js

@@ -5,29 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get getCurrDate () {
+    getCurrDate: function() {
         return getCurrDate;
     },
-    get isCurrDay () {
+    isCurrDay: function() {
         return isCurrDay;
     },
-    get isEnd () {
+    isEnd: function() {
         return isEnd;
     },
-    get isMultiple () {
+    isMultiple: function() {
         return isMultiple;
     },
-    get isStart () {
+    isStart: function() {
         return isStart;
     },
-    get isStartAndEnd () {
+    isStartAndEnd: function() {
         return isStartAndEnd;
     },
-    get splitDate () {
+    splitDate: function() {
         return splitDate;
     }
 });

package/dist/cjs/packages/calendarcard/icon.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get ArrowLeft () {
+    ArrowLeft: function() {
         return ArrowLeft;
     },
-    get ArrowRight () {
+    ArrowRight: function() {
         return ArrowRight;
     },
-    get DoubleLeft () {
+    DoubleLeft: function() {
         return DoubleLeft;
     },
-    get DoubleRight () {
+    DoubleRight: function() {
         return DoubleRight;
     }
 });

package/dist/cjs/packages/calendarcard/style/style.css

@@ -6,7 +6,7 @@
   background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 12px;
   overflow: hidden;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   color: var(--nutui-color-title, #1a1a1a);
 }
 .nut-calendarcard-header {

package/dist/cjs/packages/calendarcard/utils.js

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get convertDateToDay () {
+    convertDateToDay: function() {
         return convertDateToDay;
     },
-    get convertDayToDate () {
+    convertDayToDate: function() {
         return convertDayToDate;
     },
-    get getCurrentMonthDays () {
+    getCurrentMonthDays: function() {
         return getCurrentMonthDays;
     },
-    get getCurrentWeekDays () {
+    getCurrentWeekDays: function() {
         return getCurrentWeekDays;
     },
-    get getPrevMonthDays () {
+    getPrevMonthDays: function() {
         return getPrevMonthDays;
     }
 });

package/dist/cjs/packages/cascader/cascader.js

@@ -185,8 +185,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         outerOptions
     ]);
     (0, _react.useEffect)(function() {
-        var load = function load() {
-            return (0, _async_to_generator._)(function() {
+        var load = /*#__PURE__*/ function() {
+            var _ref = (0, _async_to_generator._)(function() {
                 var parent, error;
                 return (0, _ts_generator._)(this, function(_state) {
                     switch(_state.label){
@@ -204,8 +204,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                             ]);
                             return [
                                 4,
-                                innerValue.reduce(function(promise, val, key) {
-                                    return (0, _async_to_generator._)(function() {
+                                innerValue.reduce(/*#__PURE__*/ function() {
+                                    var _ref = (0, _async_to_generator._)(function(promise, val, key) {
                                         var pane, parent, node;
                                         return (0, _ts_generator._)(this, function(_state) {
                                             switch(_state.label){
@@ -245,8 +245,11 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                                                     ];
                                             }
                                         });
-                                    })();
-                                }, Promise.resolve(parent))
+                                    });
+                                    return function(promise, val, key) {
+                                        return _ref.apply(this, arguments);
+                                    };
+                                }(), Promise.resolve(parent))
                             ];
                         case 2:
                             _state.sent();
@@ -269,14 +272,17 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                             ];
                     }
                 });
-            })();
-        };
+            });
+            return function load() {
+                return _ref.apply(this, arguments);
+            };
+        }();
         if (lazy) load();
     }, [
         lazy
     ]);
-    var chooseItem = function chooseItem(pane, levelIndex) {
-        return (0, _async_to_generator._)(function() {
+    var chooseItem = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(pane, levelIndex) {
             var nextValue, nextPathNodes, _props_onPathChange, asyncOptions;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -330,8 +336,11 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function chooseItem(pane, levelIndex) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var renderCascaderItem = function renderCascaderItem(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/cjs/packages/cascader/style/cascader.scss

@@ -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/cjs/packages/cascader/style/style.css

@@ -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/cjs/packages/cascader/style-jmapp/cascader.scss

@@ -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/cjs/packages/cascader/style-jmapp/style.css

@@ -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/cjs/packages/cascader/style-jrkf/cascader.scss

@@ -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/cjs/packages/cascader/style-jrkf/style.css

@@ -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/cjs/packages/cascader/utils.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get normalizeListOptions () {
+    normalizeListOptions: function() {
         return normalizeListOptions;
     },
-    get normalizeOptions () {
+    normalizeOptions: function() {
         return normalizeOptions;
     }
 });

package/dist/cjs/packages/cellgroup/style/cellgroup.scss

@@ -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/cjs/packages/cellgroup/style/style.css

@@ -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/cjs/packages/cellgroup/style-jmapp/cellgroup.scss

@@ -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/cjs/packages/cellgroup/style-jmapp/style.css

@@ -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/cjs/packages/cellgroup/style-jrkf/cellgroup.scss

@@ -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/cjs/packages/cellgroup/style-jrkf/style.css

@@ -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/cjs/packages/checkbox/checkbox.js

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

package/dist/cjs/packages/checkbox/style/checkbox.scss

@@ -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/cjs/packages/checkbox/style/style.css

@@ -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/cjs/packages/checkbox/style-jmapp/checkbox.scss

@@ -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/cjs/packages/checkbox/style-jmapp/style.css

@@ -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);