@nutui/nutui-react 3.1.0-beta.1 → 4.0.0-beta.1

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# v4.0.0-beta.1
+`2026-06-05`
+
+
+* 🤖 ci: add strict error handling and exit codes to issue resolver agent
+* 📖 docs: 修订文档
+* :sparkles: feat(agents): add local issue watcher daemon script
+* :sparkles: feat(toast): 适配v16，增加升级v4版本的文档 (#3471)
+* :sparkles: feat: inputnumber暗黑适配 (#3470)
+* :sparkles: feat: inputnumber更新 (#3466)
+* :sparkles: feat(checkbox): 适配v16并补充主题相关文档 (#3469)
+* :sparkles: feat(radio): 适配V16 (#3468)
+* :sparkles: feat(test): 单测处理 (#3467)
+* :sparkles: feat(button): v16 重构+无障碍支持 (#3465)
+* :bug: fix(swipe): resolve infinite re-render loop causing page freeze
+* :bug: fix(datepicker): 解决时间解析为 Invalid Date 的 Bug (#3472)
+* :bug: fix: conflicts
+* 🪵 refactor: 添加手动触发 (#3474)
+* 🪵 refactor: 添加GitHub Actions 自动化的 workflow 配置文件 (#3473)
+* 💡 test(swipe): add touch interaction tests for coverage
+
+
 # v3.0.20
 
 `2026-05-20`

package/dist/cjs/locales/base.d.ts

@@ -9,6 +9,11 @@ export interface BaseLang {
     edit: string;
     reset: string;
     close: string;
+    back: string;
+    clear: string;
+    image: {
+        errorTip: string;
+    };
     video: {
         errorTip: string;
         clickRetry: string;
@@ -39,6 +44,7 @@ export interface BaseLang {
         today: string;
         loadPreviousMonth: string;
         noEarlierMonth: string;
+        dayAriaLabel?: Function;
     };
     shortpassword: {
         title: string;

package/dist/cjs/locales/en-US.js

@@ -19,6 +19,11 @@ var enUS = {
     edit: 'Edit',
     reset: 'Reset',
     close: 'Close',
+    back: 'Back',
+    clear: 'Clear',
+    image: {
+        errorTip: 'Image failed to load'
+    },
     video: {
         errorTip: 'Error Tip',
         clickRetry: 'Click Retry'
@@ -58,7 +63,18 @@ var enUS = {
         },
         today: 'Today',
         loadPreviousMonth: 'Load Previous Month',
-        noEarlierMonth: 'No Earlier Month'
+        noEarlierMonth: 'No Earlier Month',
+        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
+            var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
+            var label = today ? "Today, ".concat(dateStr) : dateStr;
+            if (isActive) {
+                label = "Selected ".concat(label);
+            }
+            if (isDisable) {
+                label = "".concat(label, " disabled");
+            }
+            return label;
+        }
     },
     shortpassword: {
         title: 'Please input a password',

package/dist/cjs/locales/id-ID.js

@@ -19,6 +19,11 @@ var idID = {
     edit: 'Sunting',
     reset: 'Mengatur Ulang',
     close: 'Tutup',
+    back: 'Kembali',
+    clear: 'Bersihkan',
+    image: {
+        errorTip: 'Gambar gagal dimuat'
+    },
     video: {
         errorTip: 'Terjadi Kesalahan',
         clickRetry: 'Coba Lagi'
@@ -58,7 +63,18 @@ var idID = {
         },
         today: 'Hari ini',
         loadPreviousMonth: 'Muat Bulan Sebelumnya',
-        noEarlierMonth: 'Tidak Ada Bulan Sebelumnya'
+        noEarlierMonth: 'Tidak Ada Bulan Sebelumnya',
+        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
+            var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
+            var label = today ? "Hari ini, ".concat(dateStr) : dateStr;
+            if (isActive) {
+                label = "Dipilih ".concat(label);
+            }
+            if (isDisable) {
+                label = "".concat(label, " dinonaktifkan");
+            }
+            return label;
+        }
     },
     shortpassword: {
         title: 'SIlakan masukan kata sandi',

package/dist/cjs/locales/ja-JP.js

@@ -18,6 +18,12 @@ var jaJP = {
     select: '選択してください',
     edit: '編集',
     reset: 'リセット',
+    close: '閉じる',
+    back: '戻る',
+    clear: 'クリア',
+    image: {
+        errorTip: '画像の読み込みに失敗しました'
+    },
     video: {
         errorTip: '動画の読み込みに失敗しました',
         clickRetry: 'クリックして再試行'
@@ -57,7 +63,16 @@ var jaJP = {
         },
         today: '今日',
         loadPreviousMonth: '前の月を読み込む',
-        noEarlierMonth: 'これより前の月はありません'
+        noEarlierMonth: 'これより前の月はありません',
+        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
+            if (isActive) {
+                return today ? "今日".concat(month, "月").concat(day, "日を選択しました") : "".concat(month, "月").concat(day, "日を選択しました");
+            }
+            if (isDisable) {
+                return today ? "今日".concat(month, "月").concat(day, "日は無効です") : "".concat(month, "月").concat(day, "日は無効です");
+            }
+            return today ? "今日".concat(month, "月").concat(day, "日") : "".concat(month, "月").concat(day, "日");
+        }
     },
     shortpassword: {
         title: 'パスワードを入力してください',
@@ -165,7 +180,6 @@ var jaJP = {
         errorCanvasTips: '現在の環境はCanvasをサポートしていません'
     },
     mask: 'マスク',
-    close: '閉じる',
     quickenter: {
         title: 'クイックアクセス'
     }

package/dist/cjs/locales/tr-TR.js

@@ -19,6 +19,11 @@ var trTR = {
     edit: 'düzenlemek',
     reset: 'sıfırlama',
     close: 'Kapat',
+    back: 'Geri',
+    clear: 'Temizle',
+    image: {
+        errorTip: 'Resim yüklenemedi'
+    },
     video: {
         errorTip: 'Video yüklenemedi',
         clickRetry: 'Yeniden Tıklayın'
@@ -58,7 +63,18 @@ var trTR = {
         },
         today: 'Bugün',
         loadPreviousMonth: 'Önceki ayı yükle',
-        noEarlierMonth: 'Önceki ay yok'
+        noEarlierMonth: 'Önceki ay yok',
+        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
+            var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
+            var label = today ? "Bug\xfcn, ".concat(dateStr) : dateStr;
+            if (isActive) {
+                label = "Se\xe7ili ".concat(label);
+            }
+            if (isDisable) {
+                label = "".concat(label, " devre dışı");
+            }
+            return label;
+        }
     },
     shortpassword: {
         title: 'Lütfen şifrenizi girin',

package/dist/cjs/locales/vi-VN.js

@@ -19,6 +19,11 @@ var viVN = {
     edit: 'Chỉnh sửa',
     reset: 'Đặt lại',
     close: 'Đóng',
+    back: 'Quay lại',
+    clear: 'Xóa',
+    image: {
+        errorTip: 'Tải ảnh không thành công'
+    },
     video: {
         errorTip: 'Tải video không thành công',
         clickRetry: 'Nhấn để thử lại'
@@ -58,7 +63,18 @@ var viVN = {
         },
         today: 'Hôm nay',
         loadPreviousMonth: 'Tải dữ liệu của tháng trước',
-        noEarlierMonth: 'Không có tháng nào sớm hơn'
+        noEarlierMonth: 'Không có tháng nào sớm hơn',
+        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
+            var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
+            var label = today ? "H\xf4m nay, ".concat(dateStr) : dateStr;
+            if (isActive) {
+                label = "Đ\xe3 chọn ".concat(label);
+            }
+            if (isDisable) {
+                label = "".concat(label, " bị v\xf4 hiệu");
+            }
+            return label;
+        }
     },
     shortpassword: {
         title: 'Vui lòng nhập mật khẩu',

package/dist/cjs/locales/zh-CN.js

@@ -19,6 +19,11 @@ var zhCN = {
     edit: '编辑',
     reset: '重置',
     close: '关闭',
+    back: '返回',
+    clear: '清除',
+    image: {
+        errorTip: '图片加载失败'
+    },
     video: {
         errorTip: '视频加载失败',
         clickRetry: '点击重试'
@@ -58,7 +63,16 @@ var zhCN = {
         },
         today: '今天',
         loadPreviousMonth: '加载上一个月',
-        noEarlierMonth: '没有更早月份'
+        noEarlierMonth: '没有更早月份',
+        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
+            if (isActive) {
+                return today ? "已选定今日".concat(month, "月").concat(day, "号") : "已选定".concat(month, "月").concat(day, "号");
+            }
+            if (isDisable) {
+                return today ? "".concat(month, "月").concat(day, "号今日按钮变暗") : "".concat(month, "月").concat(day, "号按钮变暗");
+            }
+            return today ? "".concat(month, "月").concat(day, "号今日") : "".concat(month, "月").concat(day, "号");
+        }
     },
     shortpassword: {
         title: '请输入密码',

package/dist/cjs/locales/zh-TW.js

@@ -19,6 +19,11 @@ var zhCN = {
     edit: '編輯',
     reset: '重置',
     close: '關閉',
+    back: '返回',
+    clear: '清除',
+    image: {
+        errorTip: '圖片加載失敗'
+    },
     video: {
         errorTip: '視頻加載失敗',
         clickRetry: '點擊重試'
@@ -58,7 +63,16 @@ var zhCN = {
         },
         today: '今天',
         loadPreviousMonth: '加載上一個月',
-        noEarlierMonth: '沒有更早月份'
+        noEarlierMonth: '沒有更早月份',
+        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
+            if (isActive) {
+                return today ? "已選定今日".concat(month, "月").concat(day, "號") : "已選定".concat(month, "月").concat(day, "號");
+            }
+            if (isDisable) {
+                return today ? "".concat(month, "月").concat(day, "號今日按鈕變暗") : "".concat(month, "月").concat(day, "號按鈕變暗");
+            }
+            return today ? "".concat(month, "月").concat(day, "號今日") : "".concat(month, "月").concat(day, "號");
+        }
     },
     shortpassword: {
         title: '請輸入密碼',

package/dist/cjs/locales/zh-UG.js

@@ -19,6 +19,11 @@ var zhUG = {
     edit: 'يحرر',
     reset: 'إعادة ضبط',
     close: 'تاقاش',
+    back: 'قايتىش',
+    clear: 'تاقاش',
+    image: {
+        errorTip: 'رەسىم يۈكلەش مەغلۇپ بولدى'
+    },
     video: {
         errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
         clickRetry: 'قايتا سىناش'
@@ -58,7 +63,18 @@ var zhUG = {
         },
         today: 'بۈگۈن',
         loadPreviousMonth: 'ئالدىنقى ئاي',
-        noEarlierMonth: 'تۈگىدى'
+        noEarlierMonth: 'تۈگىدى',
+        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
+            var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
+            var label = today ? "بۈگۈن, ".concat(dateStr) : dateStr;
+            if (isActive) {
+                label = "تاللانغان ".concat(label);
+            }
+            if (isDisable) {
+                label = "".concat(label, " چەكلەنگەن");
+            }
+            return label;
+        }
     },
     shortpassword: {
         title: 'مەخپى نومۇرنى كىرگۈزۈڭ',

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

@@ -45,7 +45,7 @@ page {
   line-height: calc(42px * var(--nut-scale-f, 1));
   margin: auto;
   text-align: center;
-  background: linear-gradient(90deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%);
+  background: var(--nutui-button-primary-background-color, var(--nutui-color-primary, #ff0f23));
   border-radius: calc(21px * var(--nut-scale-f, 1));
   font-size: var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1))));
   color: #ffffff;
@@ -107,7 +107,7 @@ page {
 }
 .nut-address-selected-item.active {
   border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary, #ff0f23);
-  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
+  background-color: var(--nutui-color-primary-light-pressed, #ffe8ee);
   color: var(--nutui-color-primary, #ff0f23);
 }
 .nut-address-selected-border {

package/dist/cjs/packages/audio/audio.js

@@ -162,8 +162,8 @@ var Audio = function Audio(props) {
             currentDescription: null,
             maxDescription: null,
             minDescription: null,
-            "inactive-color": "#cccccc",
-            "active-color": "#FF0F23"
+            "inactive-color": "var(--nutui-color-text-disabled, #c2c4cc)",
+            "active-color": "var(--nutui-color-primary, #ff0f23)"
         })), /*#__PURE__*/ _react.default.createElement("div", {
             className: "time"
         }, AudioRef.current ? formatSeconds("".concat(statusRef.current.second)) : '00:00:00')), /*#__PURE__*/ _react.default.createElement("div", {

package/dist/cjs/packages/button/button.js

@@ -34,7 +34,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onClick: function onClick() {}
 });
 var Button = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _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, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _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, nativeType = _ref.nativeType, description = _ref.description, onClick = _ref.onClick, rest = (0, _object_without_properties._)(_ref, [
         "color",
         "shape",
         "fill",
@@ -49,8 +49,22 @@ var Button = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         "className",
         "style",
         "nativeType",
+        "description",
         "onClick"
     ]);
+    var mappedSize = (0, _react.useMemo)(function() {
+        if (!size) return 'normal';
+        var sizeMap = {
+            '48': 'xlarge',
+            '40': 'large',
+            '32': 'normal',
+            '28': 'small',
+            '24': 'mini'
+        };
+        return sizeMap[size] || size;
+    }, [
+        size
+    ]);
     var getStyle = (0, _react.useMemo)(function() {
         var style = {};
         if (color) {
@@ -60,7 +74,7 @@ var Button = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
                     style.borderColor = color;
                 }
             } else {
-                style.color = '#fff';
+                style.color = 'var(--nutui-color-primary-text, #fff)';
                 style.background = color;
                 style.borderColor = 'transparent';
             }
@@ -80,19 +94,29 @@ var Button = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         onClick
     ]);
     var _obj;
-    var buttonClassNames = (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-").concat(type), (_obj = {}, (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(type, "-solid"), type === 'primary' && !props.fill), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(fill), props.fill), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(type, "-").concat(fill), props.fill), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(size), size), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(shape), shape), (0, _define_property._)(_obj, "".concat(prefixCls, "-block"), block), (0, _define_property._)(_obj, "".concat(prefixCls, "-disabled"), disabled || loading), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(type).concat(props.fill ? "-".concat(fill) : '', "-disabled"), disabled || loading), (0, _define_property._)(_obj, "".concat(prefixCls, "-loading"), loading), (0, _define_property._)(_obj, "".concat(prefixCls, "-icononly"), !children), _obj), className);
+    var buttonClassNames = (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-").concat(type), (_obj = {}, (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(type, "-solid"), type === 'primary' && !props.fill), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(fill), props.fill), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(type, "-").concat(fill), props.fill), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(mappedSize), mappedSize), (0, _define_property._)(_obj, "".concat(prefixCls, "-has-desc"), !!description), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(shape), shape), (0, _define_property._)(_obj, "".concat(prefixCls, "-block"), block), (0, _define_property._)(_obj, "".concat(prefixCls, "-disabled"), disabled || loading), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(type).concat(props.fill ? "-".concat(fill) : '', "-disabled"), disabled || loading), (0, _define_property._)(_obj, "".concat(prefixCls, "-loading"), loading), (0, _define_property._)(_obj, "".concat(prefixCls, "-icononly"), !children), _obj), className);
     return /*#__PURE__*/ _react.default.createElement("button", (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
         ref: ref,
         type: nativeType,
         className: buttonClassNames,
         style: (0, _object_spread._)({}, getStyle, style),
+        "aria-disabled": disabled || loading,
+        "aria-busy": loading,
         onClick: handleClick
     }), /*#__PURE__*/ _react.default.createElement("div", {
         className: "nut-button-wrap"
     }, loading && /*#__PURE__*/ _react.default.createElement(_iconsreact.Loading, {
-        className: "nut-icon-loading"
+        className: "nut-icon-loading",
+        "aria-hidden": "true"
     }), !loading && icon, children && /*#__PURE__*/ _react.default.createElement("div", {
-        className: "".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' : '')
-    }, children), rightIcon));
+        className: (0, _classnames.default)({
+            'nut-button-text': icon || loading,
+            'nut-button-text-right': rightIcon
+        })
+    }, description ? /*#__PURE__*/ _react.default.createElement("div", {
+        className: "nut-button-title"
+    }, children) : children, description && /*#__PURE__*/ _react.default.createElement("div", {
+        className: "nut-button-desc"
+    }, description)), rightIcon));
 });
 Button.displayName = 'NutButton';