@nutui/nutui-react 3.0.18 → 3.0.19

package/CHANGELOG.md

@@ -1,16 +1,78 @@
+# v3.0.19
+`2026-03-06`
+
+
+* :sparkles: feat: 合并近期跨原生改动点，增加了无障碍，部分组件增加了新功能。 (#3420)
+* :sparkles: feat: 给 searchbar 暴露 input 更多属性 (#3416)
+* :sparkles: feat(toast): add functionality to make toast persistent until manually cleared (#3410)
+* :sparkles: feat(avatar): support image fill mode in taro avatar component (#3405)
+* :sparkles: feat(language): 添加日语语言包 (#3384)
+* :sparkles: feat(ascf): 支持ASCF鸿蒙元服务 (#3402)
+* :sparkles: feat(theme): 升级8月份主题的微调，修订dialog 样式的鸿蒙适配等 (#3351)
+* :sparkles: feat(Popup): 新增弹层可上下滑动 (#3340)
+* :bug: fix(tag): 修订样式 (#3425)
+* :bug: fix: 修订导入方式,兼容五端处理 (#3419)
+* :bug: fix(countup): 修改千分位展示异常问题 (#3417)
+* :bug: fix(datepicker): 修复在使用 DatePicker 时页面会短暂出现 0 的问题 (#3399)
+* :bug: fix: fix showCount props is invalid in alipay (#3366)
+* :bug: fix: 更正正黑字体 (#3363)
+* :bug: fix: 兼容nextjs ssr，初始状态class=""元素会闪一下 (#3358)
+* :bug: fix: dialog.taro中defaultProps使用ts断言确认类型 (#3347)
+* :bug: fix(uploader): 处理非图片文件类型问题 (#3343)
+* :bug: fix(input): 兼容h5和小程序获取原生input标签 (#3341)
+* :bug: fix(range): taro环境异步渲染useReady不会触发 (#3297)
+* :bug: fix(swiper): duration属性透传 (#3337)
+* zap: perf(col): 使用hooks优化 (#3361)
+
+
 # v3.0.18
-`2025-08-15`
+`2026-03-06`
 
 
+* 🏡 chore(release): v3.0.18
 * 🏡 chore: 升级icon库 (#3330)
 * 🏡 chore: 发布taro下的样式按需插件
 * 📖 docs: 更新介绍部分内容 (#3324)
+* :sparkles: feat: 合并近期跨原生改动点，增加了无障碍，部分组件增加了新功能。 (#3420)
+* :sparkles: feat: 给 searchbar 暴露 input 更多属性 (#3416)
+* :sparkles: feat(toast): add functionality to make toast persistent until manually cleared (#3410)
+* :sparkles: feat(avatar): support image fill mode in taro avatar component (#3405)
+* :sparkles: feat(language): 添加日语语言包 (#3384)
+* :sparkles: feat(ascf): 支持ASCF鸿蒙元服务 (#3402)
+* :sparkles: feat(theme): 升级8月份主题的微调，修订dialog 样式的鸿蒙适配等 (#3351)
+* :sparkles: feat(Popup): 新增弹层可上下滑动 (#3340)
 * :sparkles: feat: Ellipsis校验越界不走缓存配置 (#3329)
 * :sparkles: feat(price): 支持自定义颜色&数据原样输出 (#3328)
 * :sparkles: feat(notify): 支持promise调用notice  (#3319)
+* :bug: fix(tag): 修订样式 (#3425)
+* :bug: fix: 修订导入方式,兼容五端处理 (#3419)
+* :bug: fix(countup): 修改千分位展示异常问题 (#3417)
+* :bug: fix(datepicker): 修复在使用 DatePicker 时页面会短暂出现 0 的问题 (#3399)
+* :bug: fix: fix showCount props is invalid in alipay (#3366)
+* :bug: fix: 更正正黑字体 (#3363)
+* :bug: fix: 兼容nextjs ssr，初始状态class=""元素会闪一下 (#3358)
+* :bug: fix: dialog.taro中defaultProps使用ts断言确认类型 (#3347)
+* :bug: fix(uploader): 处理非图片文件类型问题 (#3343)
+* :bug: fix(input): 兼容h5和小程序获取原生input标签 (#3341)
+* :bug: fix(range): taro环境异步渲染useReady不会触发 (#3297)
+* :bug: fix(swiper): duration属性透传 (#3337)
 * :bug: fix(noticebar): 适配鸿蒙样式修复 (#3332)
 * :bug: Fix icons svg (#3331)
+* zap: perf(col): 使用hooks优化 (#3361)
+
+
+# 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)
 
 # v3.0.17
 

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

@@ -28,7 +28,7 @@ var _react = require("react");
 var _reactfastcompare = /*#__PURE__*/ _interop_require_default._(require("react-fast-compare"));
 var _taro = require("@tarojs/taro");
 var _useforceupdate = require("../use-force-update");
-var customEvents = new _taro.Events();
+var customEvents = _taro.eventCenter;
 function useCustomEventsPath(selector) {
     var _getCurrentInstance_router;
     selector = selector || '';

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

@@ -8,6 +8,7 @@ export interface BaseLang {
     select: string;
     edit: string;
     reset: string;
+    close: string;
     video: {
         errorTip: string;
         clickRetry: string;
@@ -140,4 +141,5 @@ export interface BaseLang {
     watermark: {
         errorCanvasTips: string;
     };
+    mask: string;
 }

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

@@ -18,6 +18,7 @@ var enUS = {
     select: 'Select',
     edit: 'Edit',
     reset: 'Reset',
+    close: 'Close',
     video: {
         errorTip: 'Error Tip',
         clickRetry: 'Click Retry'
@@ -163,6 +164,7 @@ var enUS = {
     },
     watermark: {
         errorCanvasTips: 'Canvas is not supported in the current environment'
-    }
+    },
+    mask: 'Mask'
 };
 var _default = enUS;

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

@@ -18,6 +18,7 @@ var idID = {
     select: 'Pilih',
     edit: 'Sunting',
     reset: 'Mengatur Ulang',
+    close: 'Tutup',
     video: {
         errorTip: 'Terjadi Kesalahan',
         clickRetry: 'Coba Lagi'
@@ -163,6 +164,7 @@ var idID = {
     },
     watermark: {
         errorCanvasTips: 'Canvas is not supported in the current environment'
-    }
+    },
+    mask: 'Masker'
 };
 var _default = idID;

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,170 @@
+"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をサポートしていません'
+    },
+    mask: 'マスク',
+    close: '閉じる'
+};
+var _default = jaJP;

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

@@ -18,6 +18,7 @@ var trTR = {
     select: 'Seçiniz',
     edit: 'düzenlemek',
     reset: 'sıfırlama',
+    close: 'Kapat',
     video: {
         errorTip: 'Video yüklenemedi',
         clickRetry: 'Yeniden Tıklayın'
@@ -163,6 +164,7 @@ var trTR = {
     },
     watermark: {
         errorCanvasTips: 'Geçerli ortam Canvası desteklemiyor'
-    }
+    },
+    mask: 'Maske'
 };
 var _default = trTR;

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

@@ -18,6 +18,7 @@ var zhCN = {
     select: '请选择',
     edit: '编辑',
     reset: '重置',
+    close: '关闭',
     video: {
         errorTip: '视频加载失败',
         clickRetry: '点击重试'
@@ -163,6 +164,7 @@ var zhCN = {
     },
     watermark: {
         errorCanvasTips: '当前环境不支持Canvas'
-    }
+    },
+    mask: '蒙层'
 };
 var _default = zhCN;

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

@@ -18,6 +18,7 @@ var zhCN = {
     select: '請選擇',
     edit: '編輯',
     reset: '重置',
+    close: '關閉',
     video: {
         errorTip: '視頻加載失敗',
         clickRetry: '點擊重試'
@@ -163,6 +164,7 @@ var zhCN = {
     },
     watermark: {
         errorCanvasTips: '當前環境不支持Canvas'
-    }
+    },
+    mask: '蒙層'
 };
 var _default = zhCN;

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

@@ -18,6 +18,7 @@ var zhUG = {
     select: 'تاللاڭ',
     edit: 'يحرر',
     reset: 'إعادة ضبط',
+    close: 'تاقاش',
     video: {
         errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
         clickRetry: 'قايتا سىناش'
@@ -163,6 +164,7 @@ var zhUG = {
     },
     watermark: {
         errorCanvasTips: 'Canvas نى قوللىمايدۇ'
-    }
+    },
+    mask: 'قاپلىما قەۋەت'
 };
 var _default = zhUG;

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

@@ -60,7 +60,9 @@
   &-safe-area {
     display: block;
     width: 100%;
+    /* #ifndef dynamic*/
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
+    /* #endif */
   }
 }

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

@@ -56,6 +56,8 @@
 .nut-actionsheet-safe-area {
   display: block;
   width: 100%;
+  /* #ifndef dynamic*/
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
+  /* #endif */
 }

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

@@ -60,7 +60,9 @@
   &-safe-area {
     display: block;
     width: 100%;
+    /* #ifndef dynamic*/
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
+    /* #endif */
   }
 }

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

@@ -56,6 +56,8 @@
 .nut-actionsheet-safe-area {
   display: block;
   width: 100%;
+  /* #ifndef dynamic*/
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
+  /* #endif */
 }

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

@@ -60,7 +60,9 @@
   &-safe-area {
     display: block;
     width: 100%;
+    /* #ifndef dynamic*/
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
+    /* #endif */
   }
 }

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

@@ -56,6 +56,8 @@
 .nut-actionsheet-safe-area {
   display: block;
   width: 100%;
+  /* #ifndef dynamic*/
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
+  /* #endif */
 }

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

@@ -59,7 +59,9 @@
 
       &.top {
         top: 0;
+        /* #ifndef dynamic*/
         bottom: inherit;
+        /* #endif */
       }
 
       &-flex {

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

@@ -58,7 +58,9 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
+  /* #ifndef dynamic*/
   bottom: inherit;
+  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

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

@@ -59,7 +59,9 @@
 
       &.top {
         top: 0;
+        /* #ifndef dynamic*/
         bottom: inherit;
+        /* #endif */
       }
 
       &-flex {

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

@@ -58,7 +58,9 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
+  /* #ifndef dynamic*/
   bottom: inherit;
+  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

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

@@ -59,7 +59,9 @@
 
       &.top {
         top: 0;
+        /* #ifndef dynamic*/
         bottom: inherit;
+        /* #endif */
       }
 
       &-flex {

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

@@ -58,7 +58,9 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
+  /* #ifndef dynamic*/
   bottom: inherit;
+  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

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

@@ -1,8 +1,13 @@
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 
   &-icon {
@@ -38,7 +43,12 @@
   }
 
   &-sup {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     text-align: center;
     min-width: $badge-min-width;
     padding: $badge-padding;
@@ -58,7 +68,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

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

@@ -4,9 +4,14 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 6px);
   padding: var(--nutui-badge-padding, 1px 4px);
@@ -56,7 +66,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

@@ -1,8 +1,13 @@
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 
   &-icon {
@@ -38,7 +43,12 @@
   }
 
   &-sup {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     text-align: center;
     min-width: $badge-min-width;
     padding: $badge-padding;
@@ -58,7 +68,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

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

@@ -4,9 +4,14 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, calc(var(--nutui-badge-height, 20px) / 2));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 8px);
   padding: var(--nutui-badge-padding, 0 4px);
@@ -56,7 +66,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);