@nutui/nutui-react-taro 3.0.21-cpp → 3.1.0-beta.1

package/CHANGELOG.md

@@ -1,40 +1,76 @@
-# v3.0.21-cpp
-`2026-05-20`
-
-* 📦 build: 添加postinstall脚本以收集使用统计信息 (#3436)
-
-
-# v3.0.20-cpp
-
-`2026-05-15`
+# v3.0.20
 
-- 🚀 feat(price): 增加 `raw` 属性，开启后 price 包含非法字符时原样展示 (#3453)
-- ♿️ feat(price): 支持无障碍 (#3441)
-- 🚀 feat(calendar): 处理日历在多端表现异常问题，解决 weekend 样式优先级问题 (#3452)
-- 🚀 feat(popup): 增加属性用于表达是否展示动效，并透传 overlay 属性
-- 🐛 fix(calendar): 修复文本 color 继承问题，calendarCard 顶部箭头 icon 替换为 Image 标签 (#3444)
-- 🏡 chore(steps): 调整样式 (#3458)
-
-# v3.0.19-cpp.28
-
-`2026-04-27`
+`2026-05-20`
 
-- 🚀 feat(price): 组件增加原样渲染的兜底逻辑，支持输入内容包含无价格或多个价格时直接原样返回 (#3440)
-- ♿️ feat(calendarcard): 补充无障碍支持 (A11y)，增加 `dayAriaLabel` 多语言配置，开放 `renderDayAriaLabel` 以及在 Web 端支持了 `weekdays` 属性自定义星期的表头
+- :sparkles: feat: enhance SafeArea with className/style props and constant() iOS fallback (#3388)
+- :sparkles: feat(language): 添加越南语语言包 (#3378)
+- :bug: fix: 修改多语言
+- :bug: fix: 修订demo
+- 🏡 chore(deps): update dependency jest to v30 (#3288)
+- 🏡 chore(deps): update commitlint monorepo to v20 (#3428)
+- 🏡 chore(deps): update actions/github-script action to v9 (#3432)
+- 🔨 build: 添加postinstall脚本以收集使用统计信息 (#3436)
+
+# 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.19-cpp.27
+# v3.0.18
 
-`2026-04-24`
+`2026-03-06`
 
-- 🏡 chore: 升级京东正黑字体到 2.3 (#3435)
-- 🏡 chore: 升级 icon 库版本
-- 🚀 feat: 针对小程序环境进行性能优化与 SelectorQuery 作用域适配 (Tabs, CountUp, getRect)
-- ♿️ feat: 全面适配无障碍 (A11y)，涉及组件：Image, Dialog, Button, SearchBar, Popup, Tabs, Progress, Avatar, NavBar, ResultPage
-- 📖 docs: 新增组件标准白皮书与 AI 助手相关文档
-- 🐛 fix(avatar): 修复 onClick 条件判断逻辑并支持 Taro 端 alt 属性
-- 🐛 fix(tabs): 修复 useRtl 引用路径并优化无障碍属性
-- 🐛 fix(quickenter): 修复顶部安全区域适配问题
-- 🐛 fix(type): 修复类型导出与 lint 问题
+- 🏡 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
 

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

@@ -9,11 +9,6 @@ export interface BaseLang {
     edit: string;
     reset: string;
     close: string;
-    back: string;
-    clear: string;
-    image: {
-        errorTip: string;
-    };
     video: {
         errorTip: string;
         clickRetry: string;
@@ -44,7 +39,6 @@ export interface BaseLang {
         today: string;
         loadPreviousMonth: string;
         noEarlierMonth: string;
-        dayAriaLabel?: Function;
     };
     shortpassword: {
         title: string;

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

@@ -19,11 +19,6 @@ var enUS = {
     edit: 'Edit',
     reset: 'Reset',
     close: 'Close',
-    back: 'Back',
-    clear: 'Clear',
-    image: {
-        errorTip: 'Image failed to load'
-    },
     video: {
         errorTip: 'Error Tip',
         clickRetry: 'Click Retry'
@@ -63,18 +58,7 @@ var enUS = {
         },
         today: 'Today',
         loadPreviousMonth: 'Load Previous Month',
-        noEarlierMonth: 'No Earlier Month',
-        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
-            var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
-            var label = today ? "Today, ".concat(dateStr) : dateStr;
-            if (isActive) {
-                label = "Selected ".concat(label);
-            }
-            if (isDisable) {
-                label = "".concat(label, " disabled");
-            }
-            return label;
-        }
+        noEarlierMonth: 'No Earlier Month'
     },
     shortpassword: {
         title: 'Please input a password',

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

@@ -19,11 +19,6 @@ var idID = {
     edit: 'Sunting',
     reset: 'Mengatur Ulang',
     close: 'Tutup',
-    back: 'Kembali',
-    clear: 'Bersihkan',
-    image: {
-        errorTip: 'Gambar gagal dimuat'
-    },
     video: {
         errorTip: 'Terjadi Kesalahan',
         clickRetry: 'Coba Lagi'
@@ -63,18 +58,7 @@ var idID = {
         },
         today: 'Hari ini',
         loadPreviousMonth: 'Muat Bulan Sebelumnya',
-        noEarlierMonth: 'Tidak Ada Bulan Sebelumnya',
-        dayAriaLabel: function dayAriaLabel(year, month, day, today, isActive, isDisable) {
-            var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
-            var label = today ? "Hari ini, ".concat(dateStr) : dateStr;
-            if (isActive) {
-                label = "Dipilih ".concat(label);
-            }
-            if (isDisable) {
-                label = "".concat(label, " dinonaktifkan");
-            }
-            return label;
-        }
+        noEarlierMonth: 'Tidak Ada Bulan Sebelumnya'
     },
     shortpassword: {
         title: 'SIlakan masukan kata sandi',

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

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

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

@@ -19,11 +19,6 @@ 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'
@@ -63,18 +58,7 @@ var trTR = {
         },
         today: 'Bugün',
         loadPreviousMonth: 'Önceki ayı yükle',
-        noEarlierMonth: 'Önceki ay yok',
-        dayAriaLabel: function dayAriaLabel(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;
-        }
+        noEarlierMonth: 'Önceki ay yok'
     },
     shortpassword: {
         title: 'Lütfen şifrenizi girin',

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,173 @@
+"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ủ',
+    quickenter: {
+        title: 'Truy cập nhanh'
+    }
+};
+var _default = viVN;

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

@@ -19,11 +19,6 @@ var zhCN = {
     edit: '编辑',
     reset: '重置',
     close: '关闭',
-    back: '返回',
-    clear: '清除',
-    image: {
-        errorTip: '图片加载失败'
-    },
     video: {
         errorTip: '视频加载失败',
         clickRetry: '点击重试'
@@ -63,16 +58,7 @@ var zhCN = {
         },
         today: '今天',
         loadPreviousMonth: '加载上一个月',
-        noEarlierMonth: '没有更早月份',
-        dayAriaLabel: function dayAriaLabel(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, "号");
-        }
+        noEarlierMonth: '没有更早月份'
     },
     shortpassword: {
         title: '请输入密码',

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

@@ -19,11 +19,6 @@ var zhCN = {
     edit: '編輯',
     reset: '重置',
     close: '關閉',
-    back: '返回',
-    clear: '清除',
-    image: {
-        errorTip: '圖片加載失敗'
-    },
     video: {
         errorTip: '視頻加載失敗',
         clickRetry: '點擊重試'
@@ -63,16 +58,7 @@ var zhCN = {
         },
         today: '今天',
         loadPreviousMonth: '加載上一個月',
-        noEarlierMonth: '沒有更早月份',
-        dayAriaLabel: function dayAriaLabel(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, "號");
-        }
+        noEarlierMonth: '沒有更早月份'
     },
     shortpassword: {
         title: '請輸入密碼',

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

@@ -19,11 +19,6 @@ var zhUG = {
     edit: 'يحرر',
     reset: 'إعادة ضبط',
     close: 'تاقاش',
-    back: 'قايتىش',
-    clear: 'تاقاش',
-    image: {
-        errorTip: 'رەسىم يۈكلەش مەغلۇپ بولدى'
-    },
     video: {
         errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
         clickRetry: 'قايتا سىناش'
@@ -63,18 +58,7 @@ var zhUG = {
         },
         today: 'بۈگۈن',
         loadPreviousMonth: 'ئالدىنقى ئاي',
-        noEarlierMonth: 'تۈگىدى',
-        dayAriaLabel: function dayAriaLabel(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;
-        }
+        noEarlierMonth: 'تۈگىدى'
     },
     shortpassword: {
         title: 'مەخپى نومۇرنى كىرگۈزۈڭ',
@@ -181,7 +165,7 @@ var zhUG = {
     watermark: {
         errorCanvasTips: 'Canvas نى قوللىمايدۇ'
     },
-    mask: 'mask',
+    mask: 'قاپلىما قەۋەت',
     quickenter: {
         title: 'تېز كىرگۈزۈش'
     }

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

@@ -7,7 +7,7 @@
   }
 
   .nut-popup-title {
-    border-bottom: 1px solid $actionsheet-border-color;
+    border-bottom: scale-px(1px) solid $actionsheet-border-color;
   }
 
   &-list {
@@ -21,7 +21,7 @@
   &-cancel,
   &-item {
     display: block;
-    padding: 10px;
+    padding: scale-px(10px);
     text-align: $actionsheet-item-text-align;
     line-height: $actionsheet-item-line-height;
     font-size: $font-size-base;
@@ -52,8 +52,8 @@
   }
 
   &-cancel {
-    margin-top: 5px;
-    border-top: 1px solid $actionsheet-border-color;
+    margin-top: scale-px(5px);
+    border-top: scale-px(1px) solid $actionsheet-border-color;
     border-radius: $actionsheet-border-radius;
   }
 

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

@@ -1,3 +1,13 @@
+:root,
+page {
+  --nut-scale-f: 1;
+  --nut-scale-font: var(--nut-scale-f, 1);
+  --nut-scale-icon: var(--nut-scale-f, 1);
+  --nut-icon-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
+  --nut-icon-width: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
+  --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
+}
+
 /* #ifdef harmony */
 /* #endif */
 /* #ifndef harmony */
@@ -10,7 +20,7 @@
   background-color: var(--nutui-actionsheet-background-color, var(--nutui-color-background-overlay, #ffffff));
 }
 .nut-actionsheet .nut-popup-title {
-  border-bottom: 1px solid var(--nutui-actionsheet-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+  border-bottom: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-actionsheet-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
 }
 .nut-actionsheet-list {
   display: block;
@@ -21,25 +31,25 @@
 }
 .nut-actionsheet-cancel, .nut-actionsheet-item {
   display: block;
-  padding: 10px;
+  padding: calc(10px * var(--nut-scale-f, 1));
   text-align: var(--nutui-actionsheet-item-text-align, center);
-  line-height: var(--nutui-actionsheet-item-line-height, 24px);
-  font-size: var(--nutui-font-size-base, 14px);
+  line-height: var(--nutui-actionsheet-item-line-height, calc(24px * var(--nut-scale-f, 1)));
+  font-size: var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))));
   color: var(--nutui-actionsheet-item-color, var(--nutui-color-title, #1a1a1a));
   cursor: pointer;
 }
 .nut-actionsheet-cancel-name, .nut-actionsheet-item-name {
   text-align: var(--nutui-actionsheet-item-text-align, center);
-  line-height: var(--nutui-actionsheet-item-line-height, 24px);
-  font-size: var(--nutui-font-size-base, 14px);
+  line-height: var(--nutui-actionsheet-item-line-height, calc(24px * var(--nut-scale-f, 1)));
+  font-size: var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))));
   color: var(--nutui-actionsheet-item-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-actionsheet-cancel-description, .nut-actionsheet-item-description {
   display: block;
-  font-size: var(--nutui-font-size-s, 12px);
+  font-size: var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1))));
   color: var(--nutui-color-text, #505259);
   text-align: var(--nutui-actionsheet-item-text-align, center);
-  line-height: var(--nutui-actionsheet-item-line-height, 24px);
+  line-height: var(--nutui-actionsheet-item-line-height, calc(24px * var(--nut-scale-f, 1)));
 }
 .nut-actionsheet-cancel-danger, .nut-actionsheet-item-danger {
   color: var(--nutui-actionsheet-item-danger, var(--nutui-color-danger, #ff0f23));
@@ -49,8 +59,8 @@
   cursor: not-allowed;
 }
 .nut-actionsheet-cancel {
-  margin-top: 5px;
-  border-top: 1px solid var(--nutui-actionsheet-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+  margin-top: calc(5px * var(--nut-scale-f, 1));
+  border-top: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-actionsheet-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
   border-radius: var(--nutui-actionsheet-border-radius, 0);
 }
 .nut-actionsheet-safe-area {