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

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

@@ -8,6 +8,12 @@ var jaJP = {
     select: '選択してください',
     edit: '編集',
     reset: 'リセット',
+    close: '閉じる',
+    back: '戻る',
+    clear: 'クリア',
+    image: {
+        errorTip: '画像の読み込みに失敗しました'
+    },
     video: {
         errorTip: '動画の読み込みに失敗しました',
         clickRetry: 'クリックして再試行'
@@ -47,7 +53,16 @@ var jaJP = {
         },
         today: '今日',
         loadPreviousMonth: '前の月を読み込む',
-        noEarlierMonth: 'これより前の月はありません'
+        noEarlierMonth: 'これより前の月はありません',
+        dayAriaLabel: function(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: 'パスワードを入力してください',
@@ -155,7 +170,6 @@ var jaJP = {
         errorCanvasTips: '現在の環境はCanvasをサポートしていません'
     },
     mask: 'マスク',
-    close: '閉じる',
     quickenter: {
         title: 'クイックアクセス'
     }

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

@@ -9,6 +9,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'
@@ -48,7 +53,18 @@ var trTR = {
         },
         today: 'Bugün',
         loadPreviousMonth: 'Önceki ayı yükle',
-        noEarlierMonth: 'Önceki ay yok'
+        noEarlierMonth: 'Önceki ay yok',
+        dayAriaLabel: function(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/es/locales/vi-VN.js

@@ -9,6 +9,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'
@@ -48,7 +53,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(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/es/locales/zh-CN.js

@@ -9,6 +9,11 @@ var zhCN = {
     edit: '编辑',
     reset: '重置',
     close: '关闭',
+    back: '返回',
+    clear: '清除',
+    image: {
+        errorTip: '图片加载失败'
+    },
     video: {
         errorTip: '视频加载失败',
         clickRetry: '点击重试'
@@ -48,7 +53,16 @@ var zhCN = {
         },
         today: '今天',
         loadPreviousMonth: '加载上一个月',
-        noEarlierMonth: '没有更早月份'
+        noEarlierMonth: '没有更早月份',
+        dayAriaLabel: function(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/es/locales/zh-TW.js

@@ -9,6 +9,11 @@ var zhCN = {
     edit: '編輯',
     reset: '重置',
     close: '關閉',
+    back: '返回',
+    clear: '清除',
+    image: {
+        errorTip: '圖片加載失敗'
+    },
     video: {
         errorTip: '視頻加載失敗',
         clickRetry: '點擊重試'
@@ -48,7 +53,16 @@ var zhCN = {
         },
         today: '今天',
         loadPreviousMonth: '加載上一個月',
-        noEarlierMonth: '沒有更早月份'
+        noEarlierMonth: '沒有更早月份',
+        dayAriaLabel: function(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/es/locales/zh-UG.js

@@ -9,6 +9,11 @@ var zhUG = {
     edit: 'يحرر',
     reset: 'إعادة ضبط',
     close: 'تاقاش',
+    back: 'قايتىش',
+    clear: 'تاقاش',
+    image: {
+        errorTip: 'رەسىم يۈكلەش مەغلۇپ بولدى'
+    },
     video: {
         errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
         clickRetry: 'قايتا سىناش'
@@ -48,7 +53,18 @@ var zhUG = {
         },
         today: 'بۈگۈن',
         loadPreviousMonth: 'ئالدىنقى ئاي',
-        noEarlierMonth: 'تۈگىدى'
+        noEarlierMonth: 'تۈگىدى',
+        dayAriaLabel: function(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/es/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/es/packages/audio/audio.js

@@ -150,8 +150,8 @@ export var Audio = function(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.createElement("div", {
             className: "time"
         }, AudioRef.current ? formatSeconds("".concat(statusRef.current.second)) : '00:00:00')), /*#__PURE__*/ React.createElement("div", {

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

@@ -22,7 +22,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     onClick: function() {}
 });
 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, 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, nativeType = _ref.nativeType, description = _ref.description, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
         "color",
         "shape",
         "fill",
@@ -37,8 +37,22 @@ export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         "className",
         "style",
         "nativeType",
+        "description",
         "onClick"
     ]);
+    var mappedSize = 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 = useMemo(function() {
         var style = {};
         if (color) {
@@ -48,7 +62,7 @@ export var Button = /*#__PURE__*/ React.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';
             }
@@ -68,19 +82,29 @@ export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         onClick
     ]);
     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, "-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);
+    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(mappedSize), mappedSize), _define_property(_obj, "".concat(prefixCls, "-has-desc"), !!description), _define_property(_obj, "".concat(prefixCls, "-").concat(shape), shape), _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);
     return /*#__PURE__*/ React.createElement("button", _object_spread_props(_object_spread({}, rest), {
         ref: ref,
         type: nativeType,
         className: buttonClassNames,
         style: _object_spread({}, getStyle, style),
+        "aria-disabled": disabled || loading,
+        "aria-busy": loading,
         onClick: handleClick
     }), /*#__PURE__*/ React.createElement("div", {
         className: "nut-button-wrap"
     }, loading && /*#__PURE__*/ React.createElement(Loading, {
-        className: "nut-icon-loading"
+        className: "nut-icon-loading",
+        "aria-hidden": "true"
     }), !loading && icon, children && /*#__PURE__*/ React.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: classNames({
+            'nut-button-text': icon || loading,
+            'nut-button-text-right': rightIcon
+        })
+    }, description ? /*#__PURE__*/ React.createElement("div", {
+        className: "nut-button-title"
+    }, children) : children, description && /*#__PURE__*/ React.createElement("div", {
+        className: "nut-button-desc"
+    }, description)), rightIcon));
 });
 Button.displayName = 'NutButton';