@nutui/nutui-react 3.0.18 → 3.0.19-beta.2

package/CHANGELOG.md

@@ -1,16 +1,15 @@
 # v3.0.18
-`2025-08-15`
-
 
-* 🏡 chore: 升级icon库 (#3330)
-* 🏡 chore: 发布taro下的样式按需插件
-* 📖 docs: 更新介绍部分内容 (#3324)
-* :sparkles: feat: Ellipsis校验越界不走缓存配置 (#3329)
-* :sparkles: feat(price): 支持自定义颜色&数据原样输出 (#3328)
-* :sparkles: feat(notify): 支持promise调用notice  (#3319)
-* :bug: fix(noticebar): 适配鸿蒙样式修复 (#3332)
-* :bug: Fix icons svg (#3331)
+`2025-08-15`
 
+- 🏡 chore: 升级icon库 (#3330)
+- 🏡 chore: 发布taro下的样式按需插件
+- 📖 docs: 更新介绍部分内容 (#3324)
+- :sparkles: feat: Ellipsis校验越界不走缓存配置 (#3329)
+- :sparkles: feat(price): 支持自定义颜色&数据原样输出 (#3328)
+- :sparkles: feat(notify): 支持promise调用notice (#3319)
+- :bug: fix(noticebar): 适配鸿蒙样式修复 (#3332)
+- :bug: Fix icons svg (#3331)
 
 # v3.0.17
 

package/dist/cjs/hooks/taro/use-custom-event.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    customEvents: function() {
+    get customEvents () {
         return customEvents;
     },
-    useCustomEvent: function() {
+    get useCustomEvent () {
         return useCustomEvent;
     },
-    useCustomEventsPath: function() {
+    get useCustomEventsPath () {
         return useCustomEventsPath;
     },
-    useParams: function() {
+    get useParams () {
         return useParams;
     }
 });

package/dist/cjs/hooks/use-ref-state.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getRefValue: function() {
+    get getRefValue () {
         return getRefValue;
     },
-    useRefState: function() {
+    get useRefState () {
         return useRefState;
     }
 });

package/dist/cjs/hooks/use-touch.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "useTouch", {
         return useTouch;
     }
 });
-var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _react = require("react");
 var MIN_DISTANCE = 10;
 function getDirection(x, y) {
     if (x > y && x > MIN_DISTANCE) {

package/dist/cjs/locales/ja-JP.d.ts

@@ -0,0 +1,3 @@
+import { BaseLang } from './base';
+declare const jaJP: BaseLang;
+export default jaJP;

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

@@ -0,0 +1,168 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var jaJP = {
+    save: '保存',
+    confirm: '確認',
+    cancel: 'キャンセル',
+    done: '完了',
+    noData: 'データなし',
+    placeholder: '内容を入力してください',
+    select: '選択してください',
+    edit: '編集',
+    reset: 'リセット',
+    video: {
+        errorTip: '動画の読み込みに失敗しました',
+        clickRetry: 'クリックして再試行'
+    },
+    fixednav: {
+        activeText: 'ナビを折りたたむ',
+        inactiveText: 'クイックナビゲーション'
+    },
+    infiniteloading: {
+        pullRefreshText: '指を離して更新',
+        loadText: '読み込み中',
+        loadMoreText: 'これ以上データはありません'
+    },
+    pagination: {
+        prev: '前へ',
+        next: '次へ'
+    },
+    range: {
+        rangeText: 'この範囲外です'
+    },
+    calendaritem: {
+        weekdays: [
+            '日',
+            '月',
+            '火',
+            '水',
+            '木',
+            '金',
+            '土'
+        ],
+        end: '終了',
+        start: '開始',
+        confirm: '確認',
+        title: 'カレンダー選択',
+        monthTitle: function monthTitle(year, month) {
+            return "".concat(year, "年").concat(Number(month) < 10 ? "0".concat(Number(month)) : month, "月");
+        },
+        today: '今日',
+        loadPreviousMonth: '前の月を読み込む',
+        noEarlierMonth: 'これより前の月はありません'
+    },
+    shortpassword: {
+        title: 'パスワードを入力してください',
+        description: '仮想資産を使用しました。認証を行ってください',
+        tips: 'パスワードを忘れた場合'
+    },
+    uploader: {
+        list: 'ファイルをアップロード',
+        ready: '準備完了',
+        readyUpload: 'アップロード準備完了',
+        waitingUpload: 'アップロード待ち',
+        uploading: 'アップロード中...',
+        success: 'アップロード成功',
+        error: 'アップロード失敗',
+        deleteWord: 'ユーザーによって削除がブロックされました！'
+    },
+    countdown: {
+        day: '日',
+        hour: '時間',
+        minute: '分',
+        second: '秒'
+    },
+    address: {
+        selectRegion: '住所を選択してください',
+        deliveryTo: '配送先',
+        chooseAnotherAddress: '別の住所を選択',
+        hotCity: '人気都市',
+        selectProvince: '都道府県/地域を選択'
+    },
+    signature: {
+        reSign: '再署名',
+        unsupported: '申し訳ありませんが、現在のブラウザはCanvasをサポートしていません。このコントロールは使用できません！'
+    },
+    ecard: {
+        chooseText: '電子カードの額面を選択してください',
+        otherValueText: 'その他の額面',
+        placeholder: '1から5000までの整数を入力してください'
+    },
+    timeselect: {
+        pickupTime: '受け取り時間'
+    },
+    sku: {
+        buyNow: '今すぐ購入',
+        buyNumber: '購入数量',
+        addToCard: 'カートに入れる'
+    },
+    skuheader: {
+        skuId: '商品コード'
+    },
+    addresslist: {
+        addAddress: '新しい住所を追加'
+    },
+    comment: {
+        complaintsText: 'クレームを報告する',
+        additionalReview: function additionalReview(day) {
+            return "購入".concat(day, "日後の追加レビュー");
+        },
+        additionalImages: function additionalImages(length) {
+            return "".concat(length, "枚の追加レビュー画像");
+        }
+    },
+    searchbar: {
+        basePlaceholder: 'JD（京東）で良い商品を購入',
+        text: 'テキスト',
+        test: 'テスト',
+        title1: '基本使用',
+        title2: '検索ボックスの形状と最大長',
+        title3: '検索ボックスの内外背景設定',
+        title4: '検索ボックスのテキスト設定',
+        title5: 'カスタムアイコン設定',
+        title6: 'データ変更の監視'
+    },
+    audio: {
+        back: '早戻し',
+        forward: '早送り',
+        pause: '一時停止',
+        start: '開始',
+        mute: 'ミュート',
+        tips: 'onPlayEndイベントはloop=falseの場合にのみトリガーされます'
+    },
+    avatarCropper: {
+        rotate: '回転',
+        selectImage: '画像を選択'
+    },
+    datepicker: {
+        year: '年',
+        month: '月',
+        day: '日',
+        hour: '時',
+        min: '分',
+        seconds: '秒'
+    },
+    pullToRefresh: {
+        pullingText: '下に引いて更新',
+        canReleaseText: '指を離して更新',
+        refreshingText: '更新中',
+        completeText: '更新成功'
+    },
+    tour: {
+        prevStepText: '前へ',
+        completeText: '完了',
+        nextStepText: '次へ'
+    },
+    watermark: {
+        errorCanvasTips: '現在の環境はCanvasをサポートしていません'
+    }
+};
+var _default = jaJP;

package/dist/cjs/packages/address/address.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    Address: function() {
+    get Address () {
         return Address;
     },
-    InternalAddress: function() {
+    get InternalAddress () {
         return InternalAddress;
     }
 });

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    findDataByName: function() {
+    get findDataByName () {
         return findDataByName;
     },
-    transformData: function() {
+    get transformData () {
         return transformData;
     }
 });

package/dist/cjs/packages/avatarcropper/avatarcropper.js

@@ -243,8 +243,8 @@ var AvatarCropper = function AvatarCropper(props) {
         }));
         resetScale(scale);
     };
-    var inputImageChange = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function(event) {
+    var inputImageChange = function inputImageChange(event) {
+        return (0, _async_to_generator._)(function() {
             var $el, files, base64, image;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -273,11 +273,8 @@ var AvatarCropper = function AvatarCropper(props) {
                         ];
                 }
             });
-        });
-        return function inputImageChange(event) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var resetScale = function resetScale(scale) {
         setState((0, _object_spread_props._)((0, _object_spread._)({}, state), {
             moveX: 0,

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

@@ -58,7 +58,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

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

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);

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

@@ -58,7 +58,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

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

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 20px);

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

@@ -58,7 +58,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

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

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 20px);

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

@@ -5,29 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getCurrDate: function() {
+    get getCurrDate () {
         return getCurrDate;
     },
-    isCurrDay: function() {
+    get isCurrDay () {
         return isCurrDay;
     },
-    isEnd: function() {
+    get isEnd () {
         return isEnd;
     },
-    isMultiple: function() {
+    get isMultiple () {
         return isMultiple;
     },
-    isStart: function() {
+    get isStart () {
         return isStart;
     },
-    isStartAndEnd: function() {
+    get isStartAndEnd () {
         return isStartAndEnd;
     },
-    splitDate: function() {
+    get splitDate () {
         return splitDate;
     }
 });

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

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    ArrowLeft: function() {
+    get ArrowLeft () {
         return ArrowLeft;
     },
-    ArrowRight: function() {
+    get ArrowRight () {
         return ArrowRight;
     },
-    DoubleLeft: function() {
+    get DoubleLeft () {
         return DoubleLeft;
     },
-    DoubleRight: function() {
+    get DoubleRight () {
         return DoubleRight;
     }
 });

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

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    convertDateToDay: function() {
+    get convertDateToDay () {
         return convertDateToDay;
     },
-    convertDayToDate: function() {
+    get convertDayToDate () {
         return convertDayToDate;
     },
-    getCurrentMonthDays: function() {
+    get getCurrentMonthDays () {
         return getCurrentMonthDays;
     },
-    getCurrentWeekDays: function() {
+    get getCurrentWeekDays () {
         return getCurrentWeekDays;
     },
-    getPrevMonthDays: function() {
+    get getPrevMonthDays () {
         return getPrevMonthDays;
     }
 });

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

@@ -185,8 +185,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         outerOptions
     ]);
     (0, _react.useEffect)(function() {
-        var load = /*#__PURE__*/ function() {
-            var _ref = (0, _async_to_generator._)(function() {
+        var load = function load() {
+            return (0, _async_to_generator._)(function() {
                 var parent, error;
                 return (0, _ts_generator._)(this, function(_state) {
                     switch(_state.label){
@@ -204,8 +204,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                             ]);
                             return [
                                 4,
-                                innerValue.reduce(/*#__PURE__*/ function() {
-                                    var _ref = (0, _async_to_generator._)(function(promise, val, key) {
+                                innerValue.reduce(function(promise, val, key) {
+                                    return (0, _async_to_generator._)(function() {
                                         var pane, parent, node;
                                         return (0, _ts_generator._)(this, function(_state) {
                                             switch(_state.label){
@@ -245,11 +245,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                                                     ];
                                             }
                                         });
-                                    });
-                                    return function(promise, val, key) {
-                                        return _ref.apply(this, arguments);
-                                    };
-                                }(), Promise.resolve(parent))
+                                    })();
+                                }, Promise.resolve(parent))
                             ];
                         case 2:
                             _state.sent();
@@ -272,17 +269,14 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                             ];
                     }
                 });
-            });
-            return function load() {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         if (lazy) load();
     }, [
         lazy
     ]);
-    var chooseItem = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function(pane, levelIndex) {
+    var chooseItem = function chooseItem(pane, levelIndex) {
+        return (0, _async_to_generator._)(function() {
             var nextValue, nextPathNodes, _props_onPathChange, asyncOptions;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -336,11 +330,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                         ];
                 }
             });
-        });
-        return function chooseItem(pane, levelIndex) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var renderCascaderItem = function renderCascaderItem(item, levelIndex) {
         var _item_pane;
         return (_item_pane = item.pane) === null || _item_pane === void 0 ? void 0 : _item_pane.map(function(pane, index) {

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    normalizeListOptions: function() {
+    get normalizeListOptions () {
         return normalizeListOptions;
     },
-    normalizeOptions: function() {
+    get normalizeOptions () {
         return normalizeOptions;
     }
 });

package/dist/cjs/packages/col/col.js

@@ -26,16 +26,16 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var Col = function Col(props) {
     var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
-    var _useState = (0, _sliced_to_array._)((0, _react.useState)(''), 2), colName = _useState[0], setColName = _useState[1];
-    var _useState1 = (0, _sliced_to_array._)((0, _react.useState)({}), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
     var gutter = (0, _react.useContext)(_context.DataContext).gutter;
-    var classs = function classs() {
-        // 定义col的class类
+    var classs = (0, _react.useMemo)(function() {
         var prefixCls = 'nut-col';
         return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls, "-gutter") : '', " ").concat(prefixCls, "-offset-").concat(offset);
-    };
-    var getStyle = function getStyle() {
-        // 定义col的style类
+    }, [
+        offset,
+        span,
+        gutter
+    ]);
+    var getStyle = (0, _react.useMemo)(function() {
         var style = {};
         if (!isFirst) {
             style.paddingLeft = "".concat(gutter / 2, "px");
@@ -44,14 +44,19 @@ var Col = function Col(props) {
             style.paddingRight = "".concat(gutter / 2, "px");
         }
         return style;
-    };
+    }, [
+        isFirst,
+        isLast,
+        gutter
+    ]);
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)(classs), 2), colName = _useState[0], setColName = _useState[1];
+    var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(getStyle), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
     (0, _react.useEffect)(function() {
         setColName(classs);
         setColStyle(getStyle);
     }, [
-        span,
-        offset,
-        gutter
+        classs,
+        getStyle
     ]);
     return /*#__PURE__*/ _react.default.createElement("div", {
         className: (0, _classnames.default)(colName, className),

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

@@ -67,8 +67,8 @@ var CollapseItem = function CollapseItem(props) {
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(0), 2), tran = _useState[0], setTran = _useState[1];
     var _useRefState = (0, _sliced_to_array._)((0, _userefstate.useRefState)(0), 2), currentHeight = _useRefState[0], setCurrentHeight = _useRefState[1];
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), wrapperHeight = _useState1[0], setWrapperHeight = _useState1[1];
-    var updateRectHeight = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function() {
+    var updateRectHeight = function updateRectHeight() {
+        return (0, _async_to_generator._)(function() {
             var height;
             return (0, _ts_generator._)(this, function(_state) {
                 height = contentRef.current.offsetHeight;
@@ -81,11 +81,8 @@ var CollapseItem = function CollapseItem(props) {
                     2
                 ];
             });
-        });
-        return function updateRectHeight() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     (0, _react.useEffect)(function() {
         updateRectHeight();
     }, [