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

package/CHANGELOG.md

@@ -1,3 +1,66 @@
+# 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/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;

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);

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;

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);

package/dist/cjs/packages/badge/style-jrkf/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;

package/dist/cjs/packages/badge/style-jrkf/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);

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

@@ -55,6 +55,12 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     content: ' ';
+    /* #ifdef dynamic*/
+    pointer-events: none;
+    /* #endif */
+    /* #ifndef dynamic*/
+    pointer-events: auto;
+    /* #endif */
   }
 
   &::after {