@nutui/nutui-react 3.0.19-beta.2 → 3.0.20-beta.0

package/CHANGELOG.md

@@ -1,3 +1,64 @@
+# 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
+
+`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`

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: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get customEvents () {
+    customEvents: function() {
         return customEvents;
     },
-    get useCustomEvent () {
+    useCustomEvent: function() {
         return useCustomEvent;
     },
-    get useCustomEventsPath () {
+    useCustomEventsPath: function() {
         return useCustomEventsPath;
     },
-    get useParams () {
+    useParams: function() {
         return useParams;
     }
 });
@@ -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/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: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get getRefValue () {
+    getRefValue: function() {
         return getRefValue;
     },
-    get useRefState () {
+    useRefState: function() {
         return useRefState;
     }
 });

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

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

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.js

@@ -163,6 +163,8 @@ var jaJP = {
     },
     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/vi-VN.d.ts

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

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

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var viVN = {
+    save: 'Lưu',
+    confirm: 'Xác nhận',
+    cancel: 'Hủy',
+    done: 'Hoàn thành',
+    noData: 'Tạm thời không có dữ liệu',
+    placeholder: 'Vui lòng nhập nội dung',
+    select: 'Vui lòng chọn',
+    edit: 'Chỉnh sửa',
+    reset: 'Đặt lại',
+    close: 'Đóng',
+    video: {
+        errorTip: 'Tải video không thành công',
+        clickRetry: 'Nhấn để thử lại'
+    },
+    fixednav: {
+        activeText: 'Thu gọn thanh điều hướng',
+        inactiveText: 'Điều hướng nhanh'
+    },
+    infiniteloading: {
+        pullRefreshText: 'Thả để làm mới',
+        loadText: 'Đang tải……',
+        loadMoreText: 'Ôi, đã đến cuối rồi!'
+    },
+    pagination: {
+        prev: 'Trang trước',
+        next: 'Trang sau'
+    },
+    range: {
+        rangeText: 'Không nằm trong phạm vi này'
+    },
+    calendaritem: {
+        weekdays: [
+            'CN',
+            'T2',
+            'T3',
+            'T4',
+            'T5',
+            'T6',
+            'T7'
+        ],
+        end: 'Kết thúc',
+        start: 'Bắt đầu',
+        confirm: 'Xác nhận',
+        title: 'Chọn lịch',
+        monthTitle: function monthTitle(year, month) {
+            return "Th\xe1ng ".concat(month, " Năm ").concat(year);
+        },
+        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'
+    },
+    shortpassword: {
+        title: 'Vui lòng nhập mật khẩu',
+        description: 'Bạn đã sử dụng tài sản ảo, vui lòng xác minh',
+        tips: 'Quên mật khẩu'
+    },
+    uploader: {
+        list: 'Tải lên tập tin',
+        ready: 'Chuẩn bị hoàn thành',
+        readyUpload: 'Chuẩn bị tải lên',
+        waitingUpload: 'Đang đợi tải lên',
+        uploading: 'Đang tải lên...',
+        success: 'Tải lên thành công',
+        error: 'Tải lên thất bại',
+        deleteWord: 'Người dùng đã chặn xóa!'
+    },
+    countdown: {
+        day: 'Ngày',
+        hour: 'Giờ',
+        minute: 'Phút',
+        second: 'Giây'
+    },
+    address: {
+        selectRegion: 'Vui lòng chọn khu vực',
+        deliveryTo: 'Giao đến',
+        hotCity: 'Thành phố nóng',
+        chooseAnotherAddress: 'Chọn địa chỉ khác',
+        selectProvince: 'Chọn Tỉnh/Thành phố'
+    },
+    signature: {
+        reSign: 'Ký lại',
+        unsupported: 'Xin lỗi, trình duyệt hiện tại không hỗ trợ Canvas, không thể dùng tính năng này!'
+    },
+    ecard: {
+        chooseText: 'Chọn mệnh giá thẻ',
+        otherValueText: 'Mệnh giá khác',
+        placeholder: 'Nhập số nguyên 1-5000'
+    },
+    timeselect: {
+        pickupTime: 'Thời gian lấy hàng'
+    },
+    sku: {
+        buyNow: 'Mua ngay',
+        buyNumber: 'Số lượng mua',
+        addToCard: 'Thêm vào giỏ hàng'
+    },
+    skuheader: {
+        skuId: 'Mã sản phẩm'
+    },
+    addresslist: {
+        addAddress: 'Tạo địa chỉ '
+    },
+    comment: {
+        complaintsText: 'Tôi muốn khiếu nại',
+        additionalReview: function additionalReview(day) {
+            return "Đ\xe1nh gi\xe1 th\xeam sau ".concat(day, " ng\xe0y");
+        },
+        additionalImages: function additionalImages(length) {
+            return "".concat(length, " ảnh đ\xe1nh gi\xe1 th\xeam");
+        }
+    },
+    searchbar: {
+        basePlaceholder: 'Lên JD tìm sản phẩm tốt',
+        text: 'Văn bản',
+        test: 'Kiểm tra',
+        title1: 'Cách dùng cơ bản',
+        title2: 'Hình dạng và độ dài tối đa ô tìm kiếm',
+        title3: 'Cài đặt nền trong và ngoài ô tìm kiếm',
+        title4: 'Cài đặt văn bản ô tìm kiếm',
+        title5: 'Tùy chỉnh biểu tượng',
+        title6: 'Lắng nghe thay đổi dữ liệu'
+    },
+    audio: {
+        back: 'Quay lại',
+        forward: 'Chuyển nhanh',
+        pause: 'Tạm dừng',
+        start: 'Bắt đầu',
+        mute: 'Tắt âm',
+        tips: 'Sự kiện onPlayEnd chỉ xảy ra khi loop=false'
+    },
+    avatarCropper: {
+        rotate: 'Xoay',
+        selectImage: 'Chọn ảnh'
+    },
+    datepicker: {
+        year: 'Năm',
+        month: 'Tháng',
+        day: 'Ngày',
+        hour: 'Giờ',
+        min: 'Phút',
+        seconds: 'Giây'
+    },
+    pullToRefresh: {
+        pullingText: 'Kéo xuống để làm mới',
+        canReleaseText: 'Thả để làm mới',
+        refreshingText: 'Đang tải...',
+        completeText: 'Làm mới thành công'
+    },
+    tour: {
+        prevStepText: 'Bước trước',
+        completeText: 'Hoàn thành',
+        nextStepText: 'Bước tiếp theo'
+    },
+    watermark: {
+        errorCanvasTips: 'Môi trường hiện tại không hỗ trợ Canvas'
+    },
+    mask: 'Lớp phủ'
+};
+var _default = viVN;

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/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: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get Address () {
+    Address: function() {
         return Address;
     },
-    get InternalAddress () {
+    InternalAddress: function() {
         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: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get findDataByName () {
+    findDataByName: function() {
         return findDataByName;
     },
-    get transformData () {
+    transformData: function() {
         return transformData;
     }
 });

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

@@ -243,8 +243,8 @@ var AvatarCropper = function AvatarCropper(props) {
         }));
         resetScale(scale);
     };
-    var inputImageChange = function inputImageChange(event) {
-        return (0, _async_to_generator._)(function() {
+    var inputImageChange = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(event) {
             var $el, files, base64, image;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -273,8 +273,11 @@ 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/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;