@nutui/nutui-react-taro 3.0.20-beta.0 → 3.0.21-cpp

package/dist/es/packages/avatarcropper/avatarcropper.js

@@ -4,8 +4,8 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import React, { useState, useEffect, useMemo, useCallback, useLayoutEffect } from "react";
-import Taro, { createSelectorQuery } from "@tarojs/taro";
+import React, { useState, useEffect, useMemo, useCallback } from "react";
+import Taro, { useReady, createSelectorQuery } from "@tarojs/taro";
 import classNames from "classnames";
 import { Canvas, View } from "@tarojs/components";
 import { getWindowInfo } from "../../utils/taro/get-system-info";
@@ -117,7 +117,7 @@ export var AvatarCropper = function(props) {
         cropperCanvas: null,
         cropperCanvasContext: null
     }), 2), canvasAll = _useState5[0], setCanvasAll = _useState5[1];
-    useLayoutEffect(function() {
+    useReady(function() {
         if (showAlipayCanvas2D) {
             var canvasId = canvasAll.canvasId;
             createSelectorQuery().select("#".concat(canvasId)).node(function(param) {
@@ -129,11 +129,7 @@ export var AvatarCropper = function(props) {
                 }));
             }).exec();
         }
-    }, [
-        showAlipayCanvas2D,
-        state.displayHeight,
-        state.displayWidth
-    ]);
+    });
     useEffect(function() {
         setCanvasAll(_object_spread_props(_object_spread({}, canvasAll), {
             cropperCanvasContext: Taro.createCanvasContext(canvasAll.canvasId)
@@ -311,8 +307,8 @@ export var AvatarCropper = function(props) {
         draw
     ]);
     // 设置绘制图片
-    var setDrawImgInfo = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(image) {
+    var setDrawImgInfo = function(image) {
+        return _async_to_generator(function() {
             var displayWidth, cropperWidth, copyDrawImg, imgWidth, imgHeight, isPortrait, rate, scale;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -362,11 +358,8 @@ export var AvatarCropper = function(props) {
                         ];
                 }
             });
-        });
-        return function setDrawImgInfo(image) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var chooseImage = function() {
         Taro.chooseImage({
             count: 1,
@@ -380,8 +373,8 @@ export var AvatarCropper = function(props) {
             }
         });
     };
-    var imageChange = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(file) {
+    var imageChange = function(file) {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 Taro.getImageInfo({
                     src: file.path
@@ -393,11 +386,8 @@ export var AvatarCropper = function(props) {
                     2
                 ];
             });
-        });
-        return function imageChange(file) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var resetScale = function(scale) {
         setState(_object_spread_props(_object_spread({}, state), {
             moveX: 0,
@@ -553,8 +543,8 @@ export var AvatarCropper = function(props) {
             height: cropperWidth,
             destWidth: cropperWidth,
             destHeight: cropperWidth,
-            success: /*#__PURE__*/ function() {
-                var _ref = _async_to_generator(function(res) {
+            success: function(res) {
+                return _async_to_generator(function() {
                     var filePath;
                     return _ts_generator(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -564,11 +554,8 @@ export var AvatarCropper = function(props) {
                             2
                         ];
                     });
-                });
-                return function(res) {
-                    return _ref.apply(this, arguments);
-                };
-            }()
+                })();
+            }
         });
     };
     // 裁剪图片
@@ -592,8 +579,8 @@ export var AvatarCropper = function(props) {
             height: cropperWidth,
             destWidth: cropperWidth * systemInfo.pixelRatio,
             destHeight: cropperWidth * systemInfo.pixelRatio,
-            success: /*#__PURE__*/ function() {
-                var _ref = _async_to_generator(function(res) {
+            success: function(res) {
+                return _async_to_generator(function() {
                     var filePath;
                     return _ts_generator(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -603,11 +590,8 @@ export var AvatarCropper = function(props) {
                             2
                         ];
                     });
-                });
-                return function(res) {
-                    return _ref.apply(this, arguments);
-                };
-            }()
+                })();
+            }
         });
     };
     var ToolBar = function() {

package/dist/es/packages/badge/badge.js

@@ -2,6 +2,7 @@ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _type_of } from "@swc/helpers/_/_type_of";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
@@ -41,7 +42,19 @@ export var Badge = function(props) {
     };
     var _this;
     var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size, disabled = _$_object_spread.disabled;
+    var _ref = _object_spread({}, defaultProps, props), className = _ref.className, style = _ref.style, value = _ref.value, max = _ref.max, children = _ref.children, dot = _ref.dot, top = _ref.top, right = _ref.right, fill = _ref.fill, size = _ref.size, disabled = _ref.disabled, rest = _object_without_properties(_ref, [
+        "className",
+        "style",
+        "value",
+        "max",
+        "children",
+        "dot",
+        "top",
+        "right",
+        "fill",
+        "size",
+        "disabled"
+    ]);
     var classPrefix = 'nut-badge';
     var isHarmony = harmony();
     var classes = classNames(classPrefix, className);
@@ -54,8 +67,8 @@ export var Badge = function(props) {
             getPositionStyle();
         }
     }, []);
-    var getPositionStyle = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var getPositionStyle = function() {
+        return _async_to_generator(function() {
             var style;
             return _ts_generator(this, function(_state) {
                 style = _define_property({
@@ -66,17 +79,14 @@ export var Badge = function(props) {
                     2
                 ];
             });
-        });
-        return function getPositionStyle() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var _obj1;
-    return /*#__PURE__*/ React.createElement(View, {
+    return /*#__PURE__*/ React.createElement(View, _object_spread({
         className: classes,
         style: style,
         ref: badgeRef
-    }, isIcon() && /*#__PURE__*/ React.createElement(View, {
+    }, rest), isIcon() && /*#__PURE__*/ React.createElement(View, {
         className: classNames("".concat(classPrefix, "-content"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-icon"), true), _define_property(_obj1, "".concat(classPrefix, "-icon-rtl"), rtl), _obj1)),
         style: contentStyle
     }, value), children, !isIcon() && (getContent() || dot) && /*#__PURE__*/ React.createElement(View, {

package/dist/es/packages/barrage/barrage.js

@@ -48,14 +48,13 @@ var InternalBarrage = function(props, ref) {
             }
         };
     });
-    var getNodeWidth = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(node) {
-            var type, refe;
-            var _arguments = arguments;
+    var getNodeWidth = function(node) {
+        var type = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'width';
+        return _async_to_generator(function() {
+            var refe;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        type = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : 'width';
                         if (!node) return [
                             3,
                             2
@@ -77,11 +76,8 @@ var InternalBarrage = function(props, ref) {
                         ];
                 }
             });
-        });
-        return function getNodeWidth(node) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var clearDomTimeout = function() {
         if (domTimer.current) {
             clearTimeout(domTimer.current);
@@ -89,8 +85,8 @@ var InternalBarrage = function(props, ref) {
         }
     };
     useEffect(function() {
-        var init = /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function() {
+        var init = function() {
+            return _async_to_generator(function() {
                 var _barrageBody_current;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -115,11 +111,8 @@ var InternalBarrage = function(props, ref) {
                             ];
                     }
                 });
-            });
-            return function init() {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         domTimer.current = window.setTimeout(function() {
             init();
         }, 300);
@@ -141,8 +134,8 @@ var InternalBarrage = function(props, ref) {
             play();
         }, intervalCache);
     };
-    var setStyle = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(el, currentIndex) {
+    var setStyle = function(el, currentIndex) {
+        return _async_to_generator(function() {
             var refe, width, height, elScrollDuration, error;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -195,11 +188,8 @@ var InternalBarrage = function(props, ref) {
                         ];
                 }
             });
-        });
-        return function setStyle(el, currentIndex) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var play = function() {
         if (!loop && index.current >= list.length) {
             return;

package/dist/es/packages/button/button.d.ts

@@ -1,25 +1,3 @@
 import React from 'react';
-import type { MouseEvent } from 'react';
-import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
-import { BasicComponent } from "../../utils/typings";
-type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style'>;
-export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
-export type ButtonSize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini';
-export type ButtonShape = 'square' | 'round';
-export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
-export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps {
-    color: string;
-    shape: ButtonShape;
-    type: ButtonType;
-    size: ButtonSize;
-    fill: ButtonFill;
-    block: boolean;
-    loading: boolean;
-    disabled: boolean;
-    icon: React.ReactNode;
-    rightIcon: React.ReactNode;
-    nativeType: 'submit' | 'reset';
-    onClick: (e: MouseEvent<HTMLButtonElement>) => void;
-}
-export declare const Button: React.ForwardRefExoticComponent<Omit<Partial<ButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export {};
+import { TaroButtonProps } from "../../types";
+export declare const Button: React.ForwardRefExoticComponent<Omit<Partial<TaroButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/es/packages/button/button.js

@@ -4,9 +4,8 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import React, { useCallback, useMemo } from "react";
 import classNames from "classnames";
-import { View, Button as TaroButton } from "@tarojs/components";
+import { View } from "@tarojs/components";
 import { Loading } from "@nutui/icons-react-taro";
-import { getEnv } from "@tarojs/taro";
 import { ComponentDefaults } from "../../utils/typings";
 import { harmony } from "../../utils/taro/platform";
 var prefixCls = 'nut-button';
@@ -24,7 +23,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     onClick: function(e) {}
 });
 export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, formType = _ref.formType, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, // formType,
+    nativeType = _ref.nativeType, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
         "color",
         "shape",
         "fill",
@@ -38,7 +38,6 @@ export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         "children",
         "className",
         "style",
-        "formType",
         "nativeType",
         "onClick"
     ]);
@@ -92,17 +91,15 @@ export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     ]);
     var _obj;
     var buttonClassNames = classNames(prefixCls, "".concat(prefixCls, "-").concat(type), (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-").concat(type, "-solid"), type === 'primary' && !props.fill), _define_property(_obj, "".concat(prefixCls, "-").concat(fill), props.fill), _define_property(_obj, "".concat(prefixCls, "-").concat(type, "-").concat(fill), props.fill), _define_property(_obj, "".concat(prefixCls, "-").concat(size), size), _define_property(_obj, "".concat(prefixCls, "-").concat(shape), shape), _define_property(_obj, "".concat(prefixCls, "-").concat(shape, "-").concat(size), shape && size), _define_property(_obj, "".concat(prefixCls, "-block"), block), _define_property(_obj, "".concat(prefixCls, "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls, "-").concat(type).concat(props.fill ? "-".concat(fill) : '', "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls, "-loading"), loading), _define_property(_obj, "".concat(prefixCls, "-icononly"), !children), _obj), className);
-    if (getEnv() === 'WEB') {
-        ;
-        rest.type = formType;
-    }
+    // if (getEnv() === 'WEB') {
+    //   ;(rest as any).type = formType
+    // }
     return (
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        // eslint-disable-next-line react/button-has-type
-        /*#__PURE__*/ (React.createElement(TaroButton, _object_spread_props(_object_spread({}, rest), {
+        // <TaroButton
+        /*#__PURE__*/ (React.createElement(View, _object_spread_props(_object_spread({}, rest), {
             ref: ref,
-            formType: formType || nativeType,
+            // formType={formType || nativeType}
             className: buttonClassNames,
             style: _object_spread({}, getStyle, style),
             onClick: function(e) {
@@ -111,6 +108,7 @@ export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         }), /*#__PURE__*/ React.createElement(View, {
             className: "nut-button-wrap"
         }, loading && /*#__PURE__*/ React.createElement(Loading, {
+            ariaHidden: true,
             className: "nut-icon-loading"
         }), !loading && icon, children && /*#__PURE__*/ React.createElement(View, {
             className: "nut-button-children nut-button-".concat(size, "-children nut-button-").concat(type, "-children ").concat(!(props.fill || disabled || loading) ? '' : "nut-button-".concat(type).concat(props.fill ? "-".concat(fill) : '').concat(disabled || loading ? '-disabled' : '')).concat(icon || loading ? " nut-button-text" : '').concat(rightIcon ? ' nut-button-text-right' : ''),

package/dist/es/packages/button/index.d.ts

@@ -1,3 +1,2 @@
 import { Button } from "./button";
-export type { ButtonType, ButtonProps, ButtonSize, ButtonShape, ButtonFill, } from "./button";
 export default Button;

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

@@ -58,9 +58,6 @@
     /* #ifdef dynamic*/
     pointer-events: none;
     /* #endif */
-    /* #ifndef dynamic*/
-    pointer-events: auto;
-    /* #endif */
   }
 
   &::after {

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

@@ -60,9 +60,6 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
-  /* #ifndef dynamic*/
-  pointer-events: auto;
-  /* #endif */
 }
 .nut-button::after {
   border: none;

package/dist/es/packages/button/style/style.harmony.css

@@ -60,9 +60,6 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
-  /* #ifndef dynamic*/
-  pointer-events: auto;
-  /* #endif */
 }
 .nut-button::after {
   border: none;

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

@@ -58,9 +58,6 @@
     /* #ifdef dynamic*/
     pointer-events: none;
     /* #endif */
-    /* #ifndef dynamic*/
-    pointer-events: auto;
-    /* #endif */
   }
 
   &::after {

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

@@ -60,9 +60,6 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
-  /* #ifndef dynamic*/
-  pointer-events: auto;
-  /* #endif */
 }
 .nut-button::after {
   border: none;

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

@@ -58,9 +58,6 @@
     /* #ifdef dynamic*/
     pointer-events: none;
     /* #endif */
-    /* #ifndef dynamic*/
-    pointer-events: auto;
-    /* #endif */
   }
 
   &::after {

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

@@ -60,9 +60,6 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
-  /* #ifndef dynamic*/
-  pointer-events: auto;
-  /* #endif */
 }
 .nut-button::after {
   border: none;

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

@@ -125,9 +125,20 @@
     font-weight: $calendar-day-font-weight;
     margin-bottom: 4px;
 
+    // 部分 Taro 机型下子节点不会稳定继承父级 color，颜色直接落到最内层文案。
+    &-day,
+    &-info-curr {
+      color: $color-title;
+    }
+
     &:nth-child(7n + 0),
     &:nth-child(7n + 1) {
       color: $color-primary;
+
+      .nut-calendar-day-day,
+      .nut-calendar-day-info-curr {
+        color: $color-primary;
+      }
     }
 
     &-info,
@@ -168,7 +179,12 @@
         border-bottom-right-radius: $calendar-day-active-border-radius;
       }
 
-      .nut-calendar-day-info {
+      &.nut-calendar-day-active .nut-calendar-day-info {
+        color: $color-primary-text;
+      }
+
+      &.nut-calendar-day-active .nut-calendar-day-day,
+      &.nut-calendar-day-active .nut-calendar-day-info-curr {
         color: $color-primary-text;
       }
     }
@@ -176,6 +192,11 @@
     &-disabled {
       color: $calendar-disable-color !important;
 
+      &.nut-calendar-day-disabled .nut-calendar-day-day,
+      &.nut-calendar-day-disabled .nut-calendar-day-info-curr {
+        color: $calendar-disable-color;
+      }
+
       .nut-calendar-day-info-curr {
         display: none;
       }
@@ -185,10 +206,20 @@
       background-color: $calendar-choose-background-color;
       color: $calendar-choose-color;
 
+      &.nut-calendar-day-choose .nut-calendar-day-day,
+      &.nut-calendar-day-choose .nut-calendar-day-info-curr {
+        color: $calendar-choose-color;
+      }
+
       &-disabled {
         background-color: $calendar-choose-disable-background-color;
         color: $calendar-disable-color !important;
 
+        &.nut-calendar-day-choose-disabled .nut-calendar-day-day,
+        &.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
+          color: $calendar-disable-color;
+        }
+
         .nut-calendar-day-info-curr {
           display: none;
         }

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

@@ -104,9 +104,17 @@
   font-weight: var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold, 600));
   margin-bottom: 4px;
 }
+.nut-calendar-day-day, .nut-calendar-day-info-curr {
+  color: var(--nutui-color-title, #1a1a1a);
+}
 .nut-calendar-day:nth-child(7n+0), .nut-calendar-day:nth-child(7n+1) {
   color: var(--nutui-color-primary, #ff0f23);
 }
+.nut-calendar-day:nth-child(7n+0) .nut-calendar-day-day,
+.nut-calendar-day:nth-child(7n+0) .nut-calendar-day-info-curr, .nut-calendar-day:nth-child(7n+1) .nut-calendar-day-day,
+.nut-calendar-day:nth-child(7n+1) .nut-calendar-day-info-curr {
+  color: var(--nutui-color-primary, #ff0f23);
+}
 .nut-calendar-day-info, .nut-calendar-day-info-curr {
   position: absolute;
   bottom: 5px;
@@ -139,12 +147,18 @@
   border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
   border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
 }
-.nut-calendar-day-active .nut-calendar-day-info {
+.nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info {
+  color: #ffffff;
+}
+.nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-day, .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info-curr {
   color: #ffffff;
 }
 .nut-calendar-day-disabled {
   color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
 }
+.nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-day, .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-info-curr {
+  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+}
 .nut-calendar-day-disabled .nut-calendar-day-info-curr {
   display: none;
 }
@@ -152,10 +166,16 @@
   background-color: var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
   color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
 }
+.nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-day, .nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-info-curr {
+  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
+}
 .nut-calendar-day-choose-disabled {
   background-color: var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, 0.09));
   color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
 }
+.nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-day, .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
+  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+}
 .nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
   display: none;
 }