@nutui/nutui-react-taro 3.0.20 → 3.0.22-cpp

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

@@ -30,6 +30,12 @@
     }
   }
 
+  &-icon {
+    width: 18px;
+    height: 18px;
+    display: block;
+  }
+
   &-days {
     display: flex;
     flex-direction: row;
@@ -49,6 +55,13 @@
     margin-bottom: 4px;
     text-align: center;
 
+    // 部分 Taro 机型下子节点不会稳定继承父级 color，颜色直接落到最内层文案。
+    &-top,
+    &-inner,
+    &-bottom {
+      color: $color-title;
+    }
+
     &.header {
       cursor: auto;
     }
@@ -66,6 +79,12 @@
 
     &.weekend {
       color: $calendar-choose-color;
+
+      .nut-calendarcard-day-top,
+      .nut-calendarcard-day-inner,
+      .nut-calendarcard-day-bottom {
+        color: $calendar-choose-color;
+      }
     }
 
     &.active {

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

@@ -29,6 +29,11 @@
 .nut-calendarcard-header-left .right, .nut-calendarcard-header-right .right {
   margin-right: 8px;
 }
+.nut-calendarcard-icon {
+  width: 18px;
+  height: 18px;
+  display: block;
+}
 .nut-calendarcard-days {
   display: flex;
   flex-direction: row;
@@ -47,6 +52,9 @@
   margin-bottom: 4px;
   text-align: center;
 }
+.nut-calendarcard-day-top, .nut-calendarcard-day-inner, .nut-calendarcard-day-bottom {
+  color: var(--nutui-color-title, #1a1a1a);
+}
 .nut-calendarcard-day.header {
   cursor: auto;
 }
@@ -62,6 +70,11 @@
 .nut-calendarcard-day.weekend {
   color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
 }
+.nut-calendarcard-day.weekend .nut-calendarcard-day-top,
+.nut-calendarcard-day.weekend .nut-calendarcard-day-inner,
+.nut-calendarcard-day.weekend .nut-calendarcard-day-bottom {
+  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
+}
 .nut-calendarcard-day.active {
   background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff0f23));
   border-radius: var(--nutui-calendar-day-active-border-radius, 4px);

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

@@ -29,6 +29,11 @@
 .nut-calendarcard-header-left .right, .nut-calendarcard-header-right .right {
   margin-right: 8px;
 }
+.nut-calendarcard-icon {
+  width: 18px;
+  height: 18px;
+  display: block;
+}
 .nut-calendarcard-days {
   display: flex;
   flex-direction: row;
@@ -47,6 +52,9 @@
   margin-bottom: 4px;
   text-align: center;
 }
+.nut-calendarcard-day-top, .nut-calendarcard-day-inner, .nut-calendarcard-day-bottom {
+  color: var(--nutui-color-title, #1a1a1a);
+}
 .nut-calendarcard-day.header {
   cursor: auto;
 }
@@ -62,6 +70,11 @@
 .nut-calendarcard-day.weekend {
   color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
 }
+.nut-calendarcard-day.weekend .nut-calendarcard-day-top,
+.nut-calendarcard-day.weekend .nut-calendarcard-day-inner,
+.nut-calendarcard-day.weekend .nut-calendarcard-day-bottom {
+  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
+}
 .nut-calendarcard-day.active {
   background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff0f23));
   border-radius: var(--nutui-calendar-day-active-border-radius, 4px);

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

@@ -30,6 +30,12 @@
     }
   }
 
+  &-icon {
+    width: 18px;
+    height: 18px;
+    display: block;
+  }
+
   &-days {
     display: flex;
     flex-direction: row;
@@ -49,6 +55,13 @@
     margin-bottom: 4px;
     text-align: center;
 
+    // 部分 Taro 机型下子节点不会稳定继承父级 color，颜色直接落到最内层文案。
+    &-top,
+    &-inner,
+    &-bottom {
+      color: $color-title;
+    }
+
     &.header {
       cursor: auto;
     }
@@ -66,6 +79,12 @@
 
     &.weekend {
       color: $calendar-choose-color;
+
+      .nut-calendarcard-day-top,
+      .nut-calendarcard-day-inner,
+      .nut-calendarcard-day-bottom {
+        color: $calendar-choose-color;
+      }
     }
 
     &.active {

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

@@ -29,6 +29,11 @@
 .nut-calendarcard-header-left .right, .nut-calendarcard-header-right .right {
   margin-right: 8px;
 }
+.nut-calendarcard-icon {
+  width: 18px;
+  height: 18px;
+  display: block;
+}
 .nut-calendarcard-days {
   display: flex;
   flex-direction: row;
@@ -47,6 +52,9 @@
   margin-bottom: 4px;
   text-align: center;
 }
+.nut-calendarcard-day-top, .nut-calendarcard-day-inner, .nut-calendarcard-day-bottom {
+  color: var(--nutui-color-title);
+}
 .nut-calendarcard-day.header {
   cursor: auto;
 }
@@ -62,6 +70,11 @@
 .nut-calendarcard-day.weekend {
   color: var(--nutui-calendar-choose-color, var(--nutui-color-primary));
 }
+.nut-calendarcard-day.weekend .nut-calendarcard-day-top,
+.nut-calendarcard-day.weekend .nut-calendarcard-day-inner,
+.nut-calendarcard-day.weekend .nut-calendarcard-day-bottom {
+  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary));
+}
 .nut-calendarcard-day.active {
   background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary));
   border-radius: var(--nutui-calendar-day-active-border-radius, 4px);

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

@@ -30,6 +30,12 @@
     }
   }
 
+  &-icon {
+    width: 18px;
+    height: 18px;
+    display: block;
+  }
+
   &-days {
     display: flex;
     flex-direction: row;
@@ -49,6 +55,13 @@
     margin-bottom: 4px;
     text-align: center;
 
+    // 部分 Taro 机型下子节点不会稳定继承父级 color，颜色直接落到最内层文案。
+    &-top,
+    &-inner,
+    &-bottom {
+      color: $color-title;
+    }
+
     &.header {
       cursor: auto;
     }
@@ -66,6 +79,12 @@
 
     &.weekend {
       color: $calendar-choose-color;
+
+      .nut-calendarcard-day-top,
+      .nut-calendarcard-day-inner,
+      .nut-calendarcard-day-bottom {
+        color: $calendar-choose-color;
+      }
     }
 
     &.active {

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

@@ -29,6 +29,11 @@
 .nut-calendarcard-header-left .right, .nut-calendarcard-header-right .right {
   margin-right: 8px;
 }
+.nut-calendarcard-icon {
+  width: 18px;
+  height: 18px;
+  display: block;
+}
 .nut-calendarcard-days {
   display: flex;
   flex-direction: row;
@@ -47,6 +52,9 @@
   margin-bottom: 4px;
   text-align: center;
 }
+.nut-calendarcard-day-top, .nut-calendarcard-day-inner, .nut-calendarcard-day-bottom {
+  color: var(--nutui-color-title);
+}
 .nut-calendarcard-day.header {
   cursor: auto;
 }
@@ -62,6 +70,11 @@
 .nut-calendarcard-day.weekend {
   color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff6666));
 }
+.nut-calendarcard-day.weekend .nut-calendarcard-day-top,
+.nut-calendarcard-day.weekend .nut-calendarcard-day-inner,
+.nut-calendarcard-day.weekend .nut-calendarcard-day-bottom {
+  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff6666));
+}
 .nut-calendarcard-day.active {
   background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff6666));
   border-radius: var(--nutui-calendar-day-active-border-radius, 4px);

package/dist/cjs/packages/card/card.js

@@ -33,7 +33,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     extra: ''
 });
 var Card = function Card(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, src = _ref.src, title = _ref.title, price = _ref.price, vipPrice = _ref.vipPrice, shopDescription = _ref.shopDescription, delivery = _ref.delivery, shopName = _ref.shopName, tag = _ref.tag, priceTag = _ref.priceTag, description = _ref.description, extra = _ref.extra, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, src = _$_object_spread.src, title = _$_object_spread.title, price = _$_object_spread.price, vipPrice = _$_object_spread.vipPrice, shopDescription = _$_object_spread.shopDescription, delivery = _$_object_spread.delivery, shopName = _$_object_spread.shopName, tag = _$_object_spread.tag, priceTag = _$_object_spread.priceTag, description = _$_object_spread.description, extra = _$_object_spread.extra, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "style",
         "src",

package/dist/cjs/packages/card/style/style.harmony.css

@@ -106,7 +106,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-tag-primary {
-  background: var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
+  background: #fa2c19;
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info, #0073ff));

package/dist/cjs/packages/cascader/style/style.harmony.css

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  right: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 11px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-left {
-  bottom: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-right {
-  right: var(--nutui-popup-title-padding, 16px);
-  bottom: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
+  bottom: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
+  right: auto;
+  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
+  right: auto;
+  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
 .nut-popup-right {
   top: 0;
   right: 0;
+  left: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -157,6 +162,8 @@
 .nut-popup-left {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -166,6 +173,8 @@
 .nut-popup-top {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -242,6 +251,9 @@
   }
 }
 @keyframes popup-slide-top-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -266,6 +278,9 @@
   }
 }
 @keyframes popup-slide-right-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -290,6 +305,9 @@
   }
 }
 @keyframes slide-bottom-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -314,6 +332,9 @@
   }
 }
 @keyframes popup-slide-left-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -339,27 +360,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right,
 .nut-rtl .nut-popup-title-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-right,
 .nut-rtl .nut-popup-title-right-bottom-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {

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

@@ -22,10 +22,10 @@ var _to_property_key = require("@swc/helpers/_/_to_property_key");
 var normalizeOptions = function normalizeOptions1(options, keyMap) {
     if (!options) return undefined;
     return options.map(function(opt) {
-        var _keyMap_textKey = keyMap.textKey, _keyMap_valueKey = keyMap.valueKey, _keyMap_childrenKey = keyMap.childrenKey, text = opt[_keyMap_textKey], value = opt[_keyMap_valueKey], children = opt[_keyMap_childrenKey], others = (0, _object_without_properties._)(opt, [
-            _keyMap_textKey,
-            _keyMap_valueKey,
-            _keyMap_childrenKey
+        var _key = keyMap.textKey, _key1 = keyMap.valueKey, _key2 = keyMap.childrenKey, text = opt[_key], value = opt[_key1], children = opt[_key2], others = (0, _object_without_properties._)(opt, [
+            _key,
+            _key1,
+            _key2
         ].map(_to_property_key._));
         return (0, _object_spread._)({
             text: text,

package/dist/cjs/packages/cellgroup/cellgroup.js

@@ -24,7 +24,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var classPrefix = 'nut-cell-group';
 var CellGroup = function CellGroup(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, title = _ref.title, description = _ref.description, divider = _ref.divider, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, title = _$_object_spread.title, description = _$_object_spread.description, divider = _$_object_spread.divider, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "className",
         "title",

package/dist/cjs/packages/checkboxgroup/checkboxgroup.js

@@ -33,7 +33,7 @@ var defaultProps = {
 };
 var classPrefix = 'nut-checkboxgroup';
 var CheckboxGroup = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, disabled = _$_object_spread.disabled, list = _$_object_spread.list, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, max = _$_object_spread.max, min = _$_object_spread.min, labelPosition = _$_object_spread.labelPosition, direction = _$_object_spread.direction, options = _$_object_spread.options, onChange = _$_object_spread.onChange, onLimit = _$_object_spread.onLimit, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "className",
         "disabled",
@@ -84,8 +84,8 @@ var CheckboxGroup = /*#__PURE__*/ _react.default.forwardRef(function(props, ref)
         onChange: onChange
     }), 2), _value = _usePropsValue[0], setValue = _usePropsValue[1];
     var renderOptions = (0, _react.useCallback)(function() {
-        return options === null || options === void 0 ? void 0 : options.map(function(_param) {
-            var label = _param.label, value = _param.value, disabled = _param.disabled, onChange = _param.onChange, rest = (0, _object_without_properties._)(_param, [
+        return options === null || options === void 0 ? void 0 : options.map(function(_0) {
+            var label = _0.label, value = _0.value, disabled = _0.disabled, onChange = _0.onChange, rest = (0, _object_without_properties._)(_0, [
                 "label",
                 "value",
                 "disabled",

package/dist/cjs/packages/circleprogress/circleprogress.js

@@ -29,7 +29,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var classPrefix = "nut-circleprogress";
 var CircleProgress = function CircleProgress(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, percent = _ref.percent, className = _ref.className, radius = _ref.radius, background = _ref.background, clockwise = _ref.clockwise, color = _ref.color, strokeWidth = _ref.strokeWidth, style = _ref.style, strokeLinecap = _ref.strokeLinecap, restProps = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, percent = _$_object_spread.percent, className = _$_object_spread.className, radius = _$_object_spread.radius, background = _$_object_spread.background, clockwise = _$_object_spread.clockwise, color = _$_object_spread.color, strokeWidth = _$_object_spread.strokeWidth, style = _$_object_spread.style, strokeLinecap = _$_object_spread.strokeLinecap, restProps = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "percent",
         "className",

package/dist/cjs/packages/collapseitem/collapseitem.js

@@ -34,7 +34,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     extra: null
 });
 var CollapseItem = function CollapseItem(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, title = _ref.title, name = _ref.name, disabled = _ref.disabled, expandIcon = _ref.expandIcon, rotate = _ref.rotate, extra = _ref.extra, style = _ref.style, className = _ref.className, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, title = _$_object_spread.title, name = _$_object_spread.name, disabled = _$_object_spread.disabled, expandIcon = _$_object_spread.expandIcon, rotate = _$_object_spread.rotate, extra = _$_object_spread.extra, style = _$_object_spread.style, className = _$_object_spread.className, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "title",
         "name",