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

package/CHANGELOG.md

@@ -1,65 +1,76 @@
-# v3.0.19
-`2026-03-06`
+# v3.0.20-beta.0
 
+`2026-05-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)
+- :bug: fix: 修改多语言
+- :bug: fix: 修订demo
+- :sparkles: feat: enhance SafeArea with className/style props and constant() iOS fallback (#3388)
+- :sparkles: feat(language): 添加越南语语言包 (#3378)
+- 🏡 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
 
-# v3.0.18
 `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)
 
-* 🏡 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
+
+`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
 

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/packages/safearea/safearea.js

@@ -9,13 +9,22 @@ Object.defineProperty(exports, "SafeArea", {
     }
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
 var classPrefix = 'nut-safe-area';
 var SafeArea = function SafeArea(props) {
-    return /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
-    });
+    var className = props.className, style = props.style, position = props.position, rest = (0, _object_without_properties._)(props, [
+        "className",
+        "style",
+        "position"
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
+        className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-position-").concat(position), className),
+        style: style
+    }));
 };
 SafeArea.displayName = 'NutSafeArea';

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

@@ -3,12 +3,18 @@
   width: 100%;
 
   &-position-top {
+    padding-top: calc(
+      constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-top: calc(
       env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
     );
   }
 
   &-position-bottom {
+    padding-bottom: calc(
+      constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-bottom: calc(
       env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
     );

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

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }

package/dist/cjs/packages/safearea/style/style.harmony.css

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }

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

@@ -3,12 +3,18 @@
   width: 100%;
 
   &-position-top {
+    padding-top: calc(
+      constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-top: calc(
       env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
     );
   }
 
   &-position-bottom {
+    padding-bottom: calc(
+      constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-bottom: calc(
       env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
     );

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

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }

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

@@ -3,12 +3,18 @@
   width: 100%;
 
   &-position-top {
+    padding-top: calc(
+      constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-top: calc(
       env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
     );
   }
 
   &-position-bottom {
+    padding-bottom: calc(
+      constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-bottom: calc(
       env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
     );

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

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }

package/dist/es/locales/vi-VN.d.ts

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

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

@@ -0,0 +1,160 @@
+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(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(day) {
+            return "Đ\xe1nh gi\xe1 th\xeam sau ".concat(day, " ng\xe0y");
+        },
+        additionalImages: function(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ủ'
+};
+export default viVN;

package/dist/es/packages/safearea/safearea.js

@@ -1,10 +1,19 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import React from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 var classPrefix = 'nut-safe-area';
 export var SafeArea = function(props) {
-    return /*#__PURE__*/ React.createElement(View, {
-        className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
-    });
+    var className = props.className, style = props.style, position = props.position, rest = _object_without_properties(props, [
+        "className",
+        "style",
+        "position"
+    ]);
+    return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({}, rest), {
+        className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(position), className),
+        style: style
+    }));
 };
 SafeArea.displayName = 'NutSafeArea';

package/dist/es/packages/safearea/style/safearea.scss

@@ -3,12 +3,18 @@
   width: 100%;
 
   &-position-top {
+    padding-top: calc(
+      constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-top: calc(
       env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
     );
   }
 
   &-position-bottom {
+    padding-bottom: calc(
+      constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-bottom: calc(
       env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
     );

package/dist/es/packages/safearea/style/style.css

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }

package/dist/es/packages/safearea/style/style.harmony.css

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }