@nutui/nutui-react-taro 3.0.21-cpp → 4.0.0-beta.1

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

@@ -44,12 +44,12 @@
     color: $color-title;
     font-size: $calendar-title-font-size;
     font-weight: $calendar-title-font-weight;
-    line-height: 50px;
+    line-height: scale-px(50px);
   }
 
   &-sub-title {
-    padding: 7px 0;
-    line-height: 22px;
+    padding: scale-px(7px) 0;
+    line-height: scale-px(22px);
     font-size: $calendar-sub-title-font-size;
   }
 
@@ -57,9 +57,9 @@
     display: flex;
     align-items: center;
     justify-content: space-around;
-    height: 36px;
-    border-radius: 0px 0px 12px 12px;
-    box-shadow: 0px 4px 10px 0px rgba($color: #000000, $alpha: 0.06);
+    height: scale-px(36px);
+    border-radius: 0 0 scale-px(12px) scale-px(12px);
+    box-shadow: 0 scale-px(4px) scale-px(10px) 0 rgba($color: #000000, $alpha: 0.06);
   }
 
   &-week-item {
@@ -85,11 +85,11 @@
     box-sizing: border-box;
 
     .calendar-loading-tip {
-      height: 50px;
-      line-height: 50px;
+      height: scale-px(50px);
+      line-height: scale-px(50px);
       text-align: center;
       position: absolute;
-      top: -50px;
+      top: scale-px(-50px);
       left: 0;
       right: 0;
       font-size: $font-size-s;
@@ -103,9 +103,9 @@
     text-align: center;
 
     &-title {
-      height: 23px;
-      line-height: 23px;
-      margin: 8px 0;
+      height: scale-px(23px);
+      line-height: scale-px(23px);
+      margin: scale-px(8px) 0;
     }
   }
 
@@ -123,7 +123,7 @@
     width: $calendar-day-width;
     height: $calendar-day-height;
     font-weight: $calendar-day-font-weight;
-    margin-bottom: 4px;
+    margin-bottom: scale-px(4px);
 
     // 部分 Taro 机型下子节点不会稳定继承父级 color，颜色直接落到最内层文案。
     &-day,
@@ -144,22 +144,22 @@
     &-info,
     &-info-curr {
       position: absolute;
-      bottom: 5px;
+      bottom: scale-px(5px);
       width: 100%;
-      font-size: 12px;
-      line-height: 14px;
+      font-size: $font-size-s;
+      line-height: scale-px(14px);
     }
 
     &-info-top {
       position: absolute;
       width: 100%;
-      top: 5px;
+      top: scale-px(5px);
     }
 
     &-info-bottom {
       position: absolute;
       width: 100%;
-      bottom: 5px;
+      bottom: scale-px(5px);
     }
 
     &-active {
@@ -168,13 +168,13 @@
       border-radius: $calendar-day-active-border-radius;
 
       &.active-start {
-        border-radius: 0px;
+        border-radius: 0;
         border-top-left-radius: $calendar-day-active-border-radius;
         border-bottom-left-radius: $calendar-day-active-border-radius;
       }
 
       &.active-end {
-        border-radius: 0px;
+        border-radius: 0;
         border-top-right-radius: $calendar-day-active-border-radius;
         border-bottom-right-radius: $calendar-day-active-border-radius;
       }
@@ -235,9 +235,9 @@
     background-color: $white;
 
     .calendar-confirm-btn {
-      height: 40px;
-      line-height: 40px;
-      margin: 6px 16px;
+      height: scale-px(40px);
+      line-height: scale-px(40px);
+      margin: scale-px(6px) scale-px(16px);
       text-align: center;
       border-radius: $radius-base;
       background: $button-primary-background-color;
@@ -248,7 +248,7 @@
 }
 
 .nut-calendar-popup .nut-popup-title-right {
-  top: 7px !important;
+  top: scale-px(7px) !important;
 }
 
 [dir='rtl'] .nut-calendar,

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

@@ -37,20 +37,20 @@
   color: var(--nutui-color-title);
   font-size: var(--nutui-calendar-title-font-size, var(--nutui-font-h2));
   font-weight: var(--nutui-calendar-title-font-weight, var(--nutui-font-weight-bold));
-  line-height: 50px;
+  line-height: scale-px(50px);
 }
 .nut-calendar-sub-title {
-  padding: 7px 0;
-  line-height: 22px;
+  padding: scale-px(7px) 0;
+  line-height: scale-px(22px);
   font-size: var(--nutui-calendar-sub-title-font-size, var(--nutui-font-text));
 }
 .nut-calendar-weeks {
   display: flex;
   align-items: center;
   justify-content: space-around;
-  height: 36px;
-  border-radius: 0px 0px 12px 12px;
-  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
+  height: scale-px(36px);
+  border-radius: 0 0 scale-px(12px) scale-px(12px);
+  box-shadow: 0 scale-px(4px) scale-px(10px) 0 rgba(0, 0, 0, 0.06);
 }
 .nut-calendar-week-item:first-of-type, .nut-calendar-week-item:last-of-type {
   color: var(--nutui-color-primary);
@@ -69,11 +69,11 @@
   box-sizing: border-box;
 }
 .nut-calendar-pannel .calendar-loading-tip {
-  height: 50px;
-  line-height: 50px;
+  height: scale-px(50px);
+  line-height: scale-px(50px);
   text-align: center;
   position: absolute;
-  top: -50px;
+  top: scale-px(-50px);
   left: 0;
   right: 0;
   font-size: var(--nutui-font-text-small);
@@ -85,9 +85,9 @@
   text-align: center;
 }
 .nut-calendar-month-title {
-  height: 23px;
-  line-height: 23px;
-  margin: 8px 0;
+  height: scale-px(23px);
+  line-height: scale-px(23px);
+  margin: scale-px(8px) 0;
 }
 .nut-calendar-days {
   overflow: hidden;
@@ -102,7 +102,7 @@
   width: var(--nutui-calendar-day-width, 14.28%);
   height: var(--nutui-calendar-day-height, 60px);
   font-weight: var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold));
-  margin-bottom: 4px;
+  margin-bottom: scale-px(4px);
 }
 .nut-calendar-day-day, .nut-calendar-day-info-curr {
   color: var(--nutui-color-title);
@@ -117,20 +117,20 @@
 }
 .nut-calendar-day-info, .nut-calendar-day-info-curr {
   position: absolute;
-  bottom: 5px;
+  bottom: scale-px(5px);
   width: 100%;
-  font-size: 12px;
-  line-height: 14px;
+  font-size: var(--nutui-font-text-small);
+  line-height: scale-px(14px);
 }
 .nut-calendar-day-info-top {
   position: absolute;
   width: 100%;
-  top: 5px;
+  top: scale-px(5px);
 }
 .nut-calendar-day-info-bottom {
   position: absolute;
   width: 100%;
-  bottom: 5px;
+  bottom: scale-px(5px);
 }
 .nut-calendar-day-active {
   background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary));
@@ -138,12 +138,12 @@
   border-radius: var(--nutui-calendar-day-active-border-radius, 4px);
 }
 .nut-calendar-day-active.active-start {
-  border-radius: 0px;
+  border-radius: 0;
   border-top-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
   border-bottom-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
 }
 .nut-calendar-day-active.active-end {
-  border-radius: 0px;
+  border-radius: 0;
   border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
   border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
 }
@@ -186,9 +186,9 @@
   background-color: #ffffff;
 }
 .nut-calendar-footer .calendar-confirm-btn {
-  height: 40px;
-  line-height: 40px;
-  margin: 6px 16px;
+  height: scale-px(40px);
+  line-height: scale-px(40px);
+  margin: scale-px(6px) scale-px(16px);
   text-align: center;
   border-radius: var(--nutui-radius-base);
   background: var(--nutui-color-primary);
@@ -197,7 +197,7 @@
 }
 
 .nut-calendar-popup .nut-popup-title-right {
-  top: 7px !important;
+  top: scale-px(7px) !important;
 }
 
 [dir=rtl] .nut-calendar-day,

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

@@ -44,12 +44,12 @@
     color: $color-title;
     font-size: $calendar-title-font-size;
     font-weight: $calendar-title-font-weight;
-    line-height: 50px;
+    line-height: scale-px(50px);
   }
 
   &-sub-title {
-    padding: 7px 0;
-    line-height: 22px;
+    padding: scale-px(7px) 0;
+    line-height: scale-px(22px);
     font-size: $calendar-sub-title-font-size;
   }
 
@@ -57,9 +57,9 @@
     display: flex;
     align-items: center;
     justify-content: space-around;
-    height: 36px;
-    border-radius: 0px 0px 12px 12px;
-    box-shadow: 0px 4px 10px 0px rgba($color: #000000, $alpha: 0.06);
+    height: scale-px(36px);
+    border-radius: 0 0 scale-px(12px) scale-px(12px);
+    box-shadow: 0 scale-px(4px) scale-px(10px) 0 rgba($color: #000000, $alpha: 0.06);
   }
 
   &-week-item {
@@ -85,11 +85,11 @@
     box-sizing: border-box;
 
     .calendar-loading-tip {
-      height: 50px;
-      line-height: 50px;
+      height: scale-px(50px);
+      line-height: scale-px(50px);
       text-align: center;
       position: absolute;
-      top: -50px;
+      top: scale-px(-50px);
       left: 0;
       right: 0;
       font-size: $font-size-s;
@@ -103,9 +103,9 @@
     text-align: center;
 
     &-title {
-      height: 23px;
-      line-height: 23px;
-      margin: 8px 0;
+      height: scale-px(23px);
+      line-height: scale-px(23px);
+      margin: scale-px(8px) 0;
     }
   }
 
@@ -123,7 +123,7 @@
     width: $calendar-day-width;
     height: $calendar-day-height;
     font-weight: $calendar-day-font-weight;
-    margin-bottom: 4px;
+    margin-bottom: scale-px(4px);
 
     // 部分 Taro 机型下子节点不会稳定继承父级 color，颜色直接落到最内层文案。
     &-day,
@@ -144,22 +144,22 @@
     &-info,
     &-info-curr {
       position: absolute;
-      bottom: 5px;
+      bottom: scale-px(5px);
       width: 100%;
-      font-size: 12px;
-      line-height: 14px;
+      font-size: $font-size-s;
+      line-height: scale-px(14px);
     }
 
     &-info-top {
       position: absolute;
       width: 100%;
-      top: 5px;
+      top: scale-px(5px);
     }
 
     &-info-bottom {
       position: absolute;
       width: 100%;
-      bottom: 5px;
+      bottom: scale-px(5px);
     }
 
     &-active {
@@ -168,13 +168,13 @@
       border-radius: $calendar-day-active-border-radius;
 
       &.active-start {
-        border-radius: 0px;
+        border-radius: 0;
         border-top-left-radius: $calendar-day-active-border-radius;
         border-bottom-left-radius: $calendar-day-active-border-radius;
       }
 
       &.active-end {
-        border-radius: 0px;
+        border-radius: 0;
         border-top-right-radius: $calendar-day-active-border-radius;
         border-bottom-right-radius: $calendar-day-active-border-radius;
       }
@@ -235,9 +235,9 @@
     background-color: $white;
 
     .calendar-confirm-btn {
-      height: 40px;
-      line-height: 40px;
-      margin: 6px 16px;
+      height: scale-px(40px);
+      line-height: scale-px(40px);
+      margin: scale-px(6px) scale-px(16px);
       text-align: center;
       border-radius: $radius-base;
       background: $button-primary-background-color;
@@ -248,7 +248,7 @@
 }
 
 .nut-calendar-popup .nut-popup-title-right {
-  top: 7px !important;
+  top: scale-px(7px) !important;
 }
 
 [dir='rtl'] .nut-calendar,

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

@@ -37,20 +37,20 @@
   color: var(--nutui-color-title);
   font-size: var(--nutui-calendar-title-font-size, var(--nutui-font-h2));
   font-weight: var(--nutui-calendar-title-font-weight, var(--nutui-font-weight-bold));
-  line-height: 50px;
+  line-height: scale-px(50px);
 }
 .nut-calendar-sub-title {
-  padding: 7px 0;
-  line-height: 22px;
+  padding: scale-px(7px) 0;
+  line-height: scale-px(22px);
   font-size: var(--nutui-calendar-sub-title-font-size, var(--nutui-font-text));
 }
 .nut-calendar-weeks {
   display: flex;
   align-items: center;
   justify-content: space-around;
-  height: 36px;
-  border-radius: 0px 0px 12px 12px;
-  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
+  height: scale-px(36px);
+  border-radius: 0 0 scale-px(12px) scale-px(12px);
+  box-shadow: 0 scale-px(4px) scale-px(10px) 0 rgba(0, 0, 0, 0.06);
 }
 .nut-calendar-week-item:first-of-type, .nut-calendar-week-item:last-of-type {
   color: var(--nutui-color-primary, #ff6666);
@@ -69,11 +69,11 @@
   box-sizing: border-box;
 }
 .nut-calendar-pannel .calendar-loading-tip {
-  height: 50px;
-  line-height: 50px;
+  height: scale-px(50px);
+  line-height: scale-px(50px);
   text-align: center;
   position: absolute;
-  top: -50px;
+  top: scale-px(-50px);
   left: 0;
   right: 0;
   font-size: var(--nutui-font-text-small);
@@ -85,9 +85,9 @@
   text-align: center;
 }
 .nut-calendar-month-title {
-  height: 23px;
-  line-height: 23px;
-  margin: 8px 0;
+  height: scale-px(23px);
+  line-height: scale-px(23px);
+  margin: scale-px(8px) 0;
 }
 .nut-calendar-days {
   overflow: hidden;
@@ -102,7 +102,7 @@
   width: var(--nutui-calendar-day-width, 14.28%);
   height: var(--nutui-calendar-day-height, 60px);
   font-weight: var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold));
-  margin-bottom: 4px;
+  margin-bottom: scale-px(4px);
 }
 .nut-calendar-day-day, .nut-calendar-day-info-curr {
   color: var(--nutui-color-title);
@@ -117,20 +117,20 @@
 }
 .nut-calendar-day-info, .nut-calendar-day-info-curr {
   position: absolute;
-  bottom: 5px;
+  bottom: scale-px(5px);
   width: 100%;
-  font-size: 12px;
-  line-height: 14px;
+  font-size: var(--nutui-font-text-small);
+  line-height: scale-px(14px);
 }
 .nut-calendar-day-info-top {
   position: absolute;
   width: 100%;
-  top: 5px;
+  top: scale-px(5px);
 }
 .nut-calendar-day-info-bottom {
   position: absolute;
   width: 100%;
-  bottom: 5px;
+  bottom: scale-px(5px);
 }
 .nut-calendar-day-active {
   background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff6666));
@@ -138,12 +138,12 @@
   border-radius: var(--nutui-calendar-day-active-border-radius, 4px);
 }
 .nut-calendar-day-active.active-start {
-  border-radius: 0px;
+  border-radius: 0;
   border-top-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
   border-bottom-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
 }
 .nut-calendar-day-active.active-end {
-  border-radius: 0px;
+  border-radius: 0;
   border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
   border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
 }
@@ -186,9 +186,9 @@
   background-color: #ffffff;
 }
 .nut-calendar-footer .calendar-confirm-btn {
-  height: 40px;
-  line-height: 40px;
-  margin: 6px 16px;
+  height: scale-px(40px);
+  line-height: scale-px(40px);
+  margin: scale-px(6px) scale-px(16px);
   text-align: center;
   border-radius: var(--nutui-radius-base);
   background: var(--nutui-color-primary, #ff6666);
@@ -197,7 +197,7 @@
 }
 
 .nut-calendar-popup .nut-popup-title-right {
-  top: 7px !important;
+  top: scale-px(7px) !important;
 }
 
 [dir=rtl] .nut-calendar-day,

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

@@ -30,7 +30,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 var prefixCls = 'nut-calendarcard';
 var CalendarCard = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     var locale = (0, _index.useConfig)().locale;
-    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), style = _$_object_spread.style, className = _$_object_spread.className, type = _$_object_spread.type, title = _$_object_spread.title, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, renderDayAriaLabel = _$_object_spread.renderDayAriaLabel, weekdays = _$_object_spread.weekdays, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), style = _$_object_spread.style, className = _$_object_spread.className, type = _$_object_spread.type, title = _$_object_spread.title, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, weekdays = _$_object_spread.weekdays, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
     var onPageChangeRef = (0, _react.useRef)(onPageChange);
     // 当前月份信息
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(function() {
@@ -180,19 +180,6 @@ var CalendarCard = /*#__PURE__*/ _react.default.forwardRef(function(props, ref)
         var d = new Date(day.year, day.month - 1, day.date).getDay();
         return d === 0 || d === 6;
     };
-    var isToday = function isToday(day) {
-        var today = new Date();
-        return day.year === today.getFullYear() && day.month === today.getMonth() + 1 && day.date === today.getDate();
-    };
-    // 日期无障碍朗读
-    var getAriaLabel = function getAriaLabel(day) {
-        var _locale_calendaritem_dayAriaLabel, _locale_calendaritem;
-        if (renderDayAriaLabel) {
-            return renderDayAriaLabel(day);
-        }
-        var today = isToday(day);
-        return (_locale_calendaritem_dayAriaLabel = (_locale_calendaritem = locale.calendaritem).dayAriaLabel) === null || _locale_calendaritem_dayAriaLabel === void 0 ? void 0 : _locale_calendaritem_dayAriaLabel.call(_locale_calendaritem, day.year, day.month, day.date, today, isActive(day), isDisable(day));
-    };
     var getClasses = function getClasses(day) {
         /**
      * active: single、multiple 激活日期
@@ -411,14 +398,11 @@ var CalendarCard = /*#__PURE__*/ _react.default.forwardRef(function(props, ref)
                 key: "".concat(day.year, "-").concat(day.month, "-").concat(day.date),
                 onClick: function onClick() {
                     return handleDayClick(day);
-                },
-                ariaLabel: getAriaLabel(day),
-                ariaRole: "button"
+                }
             }, /*#__PURE__*/ _react.default.createElement(_components.View, {
                 className: "".concat(prefixCls, "-day-top")
             }, renderDayTop ? renderDayTop(day) : ''), /*#__PURE__*/ _react.default.createElement(_components.View, {
-                className: "".concat(prefixCls, "-day-inner"),
-                ariaHidden: true
+                className: "".concat(prefixCls, "-day-inner")
             }, renderDay ? renderDay(day) : day.date), /*#__PURE__*/ _react.default.createElement(_components.View, {
                 className: "".concat(prefixCls, "-day-bottom")
             }, renderDayBottom ? renderDayBottom(day) : ''));

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

@@ -25,21 +25,26 @@ _export(exports, {
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _components = require("@tarojs/components");
-var left = 'https://storage.360buyimg.com/imgtools/6437a2b149-bb511b40-4942-11f1-b1e1-7158b9aae0a9.svg';
-var right = 'https://storage.360buyimg.com/imgtools/8aa060341d-baf78990-4942-11f1-9368-cd56fc5fadc6.svg';
-var doubleLeft = 'https://storage.360buyimg.com/imgtools/b5e798f4ed-bbe8c760-4942-11f1-b1e1-7158b9aae0a9.svg';
-var doubleRight = 'https://storage.360buyimg.com/imgtools/d6979fa16d-bbb4bf10-4942-11f1-9368-cd56fc5fadc6.svg';
+var left = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNi42MDUgOS40OWEuNzcxLjc3MSAwIDAgMSAwLS45OGwzLjYtNC4zNzJhLjc3MS43NzEgMCAwIDEgMS4xOS45ODFMOC4yIDlsMy4xOTcgMy44ODFhLjc3MS43NzEgMCAxIDEtMS4xOTEuOThsLTMuNi00LjM3eiIvPjwvc3ZnPg==';
+var right = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTEuMzk2IDkuNDlhLjc3MS43NzEgMCAwIDAgMC0uOThsLTMuNi00LjM3MmEuNzcxLjc3MSAwIDAgMC0xLjE5MS45ODFMOS44IDlsLTMuMTk2IDMuODgxYS43NzEuNzcxIDAgMCAwIDEuMTkuOThsMy42LTQuMzd6Ii8+PC9zdmc+';
+var doubleLeft = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTMuODUzIDQuMDI2YS43NzEuNzcxIDAgMCAxIC4xMiAxLjA4NUwxMC44NjQgOWwzLjExIDMuODg5YS43NzEuNzcxIDAgMSAxLTEuMjA0Ljk2M2wtMy40OTgtNC4zN2EuNzcxLjc3MSAwIDAgMSAwLS45NjRsMy40OTctNC4zNzFhLjc3MS43NzEgMCAwIDEgMS4wODQtLjEyem0tNS4yNDUgMGEuNzcxLjc3MSAwIDAgMSAuMTIgMS4wODVMNS42MTcgOWwzLjExMSAzLjg4OWEuNzcxLjc3MSAwIDAgMS0xLjIwNS45NjNsLTMuNDk3LTQuMzdhLjc3MS43NzEgMCAwIDEgMC0uOTY0bDMuNDk3LTQuMzcxYS43NzEuNzcxIDAgMCAxIDEuMDg1LS4xMnoiLz48L3N2Zz4=';
+var doubleRight = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNC4xNDcgMTMuOTc0YS43NzEuNzcxIDAgMCAxLS4xMi0xLjA4NUw3LjEzNiA5IDQuMDI4IDUuMTFhLjc3MS43NzEgMCAxIDEgMS4yMDQtLjk2M2wzLjQ5NyA0LjM3MWEuNzcxLjc3MSAwIDAgMSAwIC45NjRsLTMuNDk3IDQuMzcxYS43NzEuNzcxIDAgMCAxLTEuMDg0LjEyem01LjI0NSAwYS43NzEuNzcxIDAgMCAxLS4xMi0xLjA4NUwxMi4zODMgOSA5LjI3MiA1LjExYS43NzEuNzcxIDAgMSAxIDEuMjA1LS45NjNsMy40OTcgNC4zNzFhLjc3MS43NzEgMCAwIDEgMCAuOTY0bC0zLjQ5NyA0LjM3MWEuNzcxLjc3MSAwIDAgMS0xLjA4NS4xMnoiLz48L3N2Zz4=';
+if (process.env.TARO_ENV === 'jdharmony_cpp') {
+    left = 'https://img11.360buyimg.com/imagetools/jfs/t1/187031/35/51586/196/6731c464F9b9f8f00/5506e32bf15e29dc.png';
+    right = 'https://img12.360buyimg.com/imagetools/jfs/t1/181006/25/51824/185/6731c452F9e252322/7493147dd6b4a88d.png';
+    doubleLeft = 'https://img13.360buyimg.com/imagetools/jfs/t1/221244/29/45876/259/6731c6bdF515df0a2/624e8eee3c8494a2.png';
+    doubleRight = 'https://img11.360buyimg.com/imagetools/jfs/t1/238382/25/24000/235/6731c6bdF0153286c/4a57e60b6e889af3.png';
+}
 var Icon = function Icon(param) {
     var url = param.url;
-    var iconStyle = {
-        color: 'var(--nutui-color-text)'
+    var style = {
+        width: 18,
+        height: 18
     };
     return /*#__PURE__*/ _react.default.createElement(_components.Image, {
-        className: "nut-calendarcard-icon",
-        svg: true,
         src: url,
-        mode: "aspectFit",
-        style: iconStyle
+        style: style,
+        mode: "aspectFit"
     });
 };
 var ArrowLeft = function ArrowLeft() {

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

@@ -1,6 +1,6 @@
 .nut-calendarcard {
   background: $color-background-overlay;
-  border-radius: 12px;
+  border-radius: scale-px(12px);
   overflow: hidden;
   font-size: $calendar-base-font-size;
   color: $color-title;
@@ -11,28 +11,28 @@
     align-items: center;
     justify-content: space-between;
     font-weight: normal;
+    line-height: $line-height-l;
 
     &-left,
     &-right {
       display: flex;
       flex-direction: row;
       cursor: pointer;
-      margin: 16px;
-      line-height: 1;
+      margin: scale-px(16px);
 
       .left {
-        margin-left: 8px;
+        margin-left: scale-px(8px);
       }
 
       .right {
-        margin-right: 8px;
+        margin-right: scale-px(8px);
       }
     }
   }
 
   &-icon {
-    width: 18px;
-    height: 18px;
+    width: scale-px(18px);
+    height: scale-px(18px);
     display: block;
   }
 
@@ -50,9 +50,9 @@
     flex-direction: column;
     position: relative;
     width: $calendar-day-width;
-    height: 48px;
+    height: scale-px(48px);
     cursor: pointer;
-    margin-bottom: 4px;
+    margin-bottom: scale-px(4px);
     text-align: center;
 
     // 部分 Taro 机型下子节点不会稳定继承父级 color，颜色直接落到最内层文案。
@@ -72,9 +72,9 @@
       align-items: center;
       justify-content: center;
       width: 100%;
-      height: 12px;
-      font-size: 12px;
-      line-height: 12px;
+      height: scale-px(12px);
+      font-size: $font-size-s;
+      line-height: scale-px(12px);
     }
 
     &.weekend {
@@ -151,12 +151,12 @@
     &-right {
       .left {
         margin-left: 0;
-        margin-right: 8px;
+        margin-right: scale-px(8px);
       }
 
       .right {
         margin-right: 0;
-        margin-left: 8px;
+        margin-left: scale-px(8px);
       }
 
       .nut-icon-ArrowLeft,