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

package/dist/cjs/types/spec/dialog/taro.d.ts

@@ -2,8 +2,6 @@ import { ITouchEvent } from '@tarojs/components';
 import { BaseDialog, BaseContentProps } from './base';
 export interface TaroContentProps extends BaseContentProps {
     onClick: (event: ITouchEvent) => void;
-    ariaRole?: string;
-    ariaLabel?: string;
 }
 export interface TaroDialogProps extends Omit<BaseDialog, 'onOverlayClick' | 'onClick'> {
     onClick: (event: ITouchEvent) => void;

package/dist/cjs/types/spec/overlay/base.d.ts

@@ -8,5 +8,4 @@ export interface BaseOverlay extends BaseProps {
     afterShow: () => void;
     afterClose: () => void;
     onClick: (event: any) => void;
-    ariaLabel?: string;
 }

package/dist/cjs/types/spec/popup/base.d.ts

@@ -27,6 +27,4 @@ export interface BasePopup extends BaseProps, BaseOverlay {
     onTouchStart: (height: number, e: any) => void;
     onTouchEnd: (height: number, e: any) => void;
     closeAriaLabel?: string;
-    overlayProps?: any;
-    animated?: boolean;
 }

package/dist/cjs/types/spec/price/base.d.ts

@@ -17,5 +17,4 @@ export interface BasePrice extends BaseProps {
     position: string;
     size: PriceSize;
     line: boolean;
-    raw: boolean;
 }

package/dist/cjs/utils/index.d.ts

@@ -26,6 +26,7 @@ export * from './taro/px-transform';
 export * from './raf';
 export * from './render';
 export * from './rubberband';
+export * from './scale-f';
 export * from './sleep';
 export * from './supports-passive';
 export * from './to-array';

package/dist/cjs/utils/index.js

@@ -31,6 +31,7 @@ _export_star._(require("./taro/px-transform"), exports);
 _export_star._(require("./raf"), exports);
 _export_star._(require("./render"), exports);
 _export_star._(require("./rubberband"), exports);
+_export_star._(require("./scale-f"), exports);
 _export_star._(require("./sleep"), exports);
 _export_star._(require("./supports-passive"), exports);
 _export_star._(require("./to-array"), exports);

package/dist/cjs/utils/scale-f.d.ts

@@ -0,0 +1,36 @@
+/** 原生 DongScreenAdapterPlugin.getScale 的典型返回结构 */
+type NativeScaleResponse = {
+    status?: string;
+    data?: {
+        scale?: number | string;
+    };
+};
+/** jmfe 通用 callNative 签名 */
+type NativeCaller = (plugin: string, method: string, params: string, extra: string) => Promise<NativeScaleResponse>;
+/** 站内容器的 jmfe 桥接方法（可选） */
+declare global {
+    interface Window {
+        jmfe?: {
+            callNative?: NativeCaller;
+        };
+    }
+}
+/** 字体档位：标准、大字、老年 */
+export type ScaleProfile = 'standard' | 'large' | 'elderly';
+/** 不同场景可选用不同放大比例（layout 等默认可不额外放大） */
+export type ScaleScene = 'layout' | 'font' | 'icon' | 'lego';
+export type ScaleDevice = 'phone' | 'pad';
+/** 首次计算缩放并订阅 resize；返回卸载函数（SSR 下为空函数） */
+export declare function initScaleF(nextProfile?: ScaleProfile): () => void;
+/** calcByProfile 的可选覆盖项：临时指定档位、场景、scale 或设备 */
+type CalcByProfileOptions = {
+    profile?: ScaleProfile;
+    scene?: ScaleScene;
+    scale?: number;
+    device?: ScaleDevice;
+};
+/**
+ * 按档位与场景将设计稿基准值换算为实际数值：base × 场景倍率 × 当前 scale，再按规则取整。
+ */
+export declare function calcByProfile(baseValue: number, options?: CalcByProfileOptions): number;
+export {};

package/dist/cjs/utils/scale-f.js

@@ -0,0 +1,222 @@
+/**
+ * 响应式缩放系数（--nut-scale-f）：结合京东站内原生桥与站外视口规则，
+ * 写入根节点 CSS 变量（--nut-scale-f / --nut-scale-font / --nut-scale-icon），
+ * 供布局/字号/icon 等按比例换算（见 calcByProfile）。H5 与 Taro WebView 共用此实现。
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get calcByProfile () {
+        return calcByProfile;
+    },
+    get initScaleF () {
+        return initScaleF;
+    }
+});
+var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
+var _ts_generator = require("@swc/helpers/_/_ts_generator");
+var _canusedom = require("./can-use-dom");
+/** 当前基准缩放（来自原生或视口计算） */ var scale = 1;
+/** 大字模式下仅 font 场景的相对倍率 */ var LARGE_FONT_RATIO = 1.15;
+/** 老年模式下 font/icon/lego 场景的相对倍率 */ var ELDERLY_RATIO = 1.3;
+/** 全局当前档位，与 scale 共同参与 calcByProfile */ var profile = 'standard';
+/** 仅 large / elderly 有效，其余一律视为 standard */ function normalizeProfile(nextProfile) {
+    if (nextProfile === 'large' || nextProfile === 'elderly') return nextProfile;
+    return 'standard';
+}
+/** 计算 CSS 变量要使用的场景缩放（基准 scale × 场景倍率） */ function getCssSceneScale(scene, baseScale) {
+    return baseScale * getSceneRatio(scene, profile);
+}
+/** 将缩放值同步到 :root 的 --nut-scale-f / --nut-scale-font / --nut-scale-icon */ function applyScaleCssVars(nextScale) {
+    if (!_canusedom.canUseDom) return;
+    var rootStyle = document.documentElement.style;
+    rootStyle.setProperty('--nut-scale-f', formatScaleValue(nextScale));
+    rootStyle.setProperty('--nut-scale-font', formatScaleValue(getCssSceneScale('font', nextScale)));
+    rootStyle.setProperty('--nut-scale-icon', formatScaleValue(getCssSceneScale('icon', nextScale)));
+}
+/** >1 保留两位小数字符串；否则取整，与 CSS 消费端约定一致 */ function formatScaleValue(nextScale) {
+    if (nextScale > 1) {
+        return (Math.round(nextScale * 100) / 100).toFixed(2);
+    }
+    return "".concat(Math.round(nextScale));
+}
+/** 根据屏宽粗略区分 phone / pad */ function getCurrentDevice() {
+    if (!_canusedom.canUseDom) return 'phone';
+    return window.innerWidth >= 600 ? 'pad' : 'phone';
+}
+/** 在 profile 与 scene 维度上叠加额外倍率（与全局 scale 相乘） */ function getSceneRatio(scene, currentProfile) {
+    if (currentProfile === 'elderly' && (scene === 'font' || scene === 'icon' || scene === 'lego')) {
+        return ELDERLY_RATIO;
+    }
+    if (currentProfile === 'large' && scene === 'font') {
+        return LARGE_FONT_RATIO;
+    }
+    return 1;
+}
+/** 输出 px 等单位时的取整规则：缩放>1 或强制时保留两位小数精度 */ function roundByScaleRule(value, baseScale) {
+    var forceKeepTwoDecimals = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+    if (forceKeepTwoDecimals || baseScale > 1) {
+        return Math.round(value * 100) / 100;
+    }
+    return Math.round(value);
+}
+/** 无原生桥时按屏宽推算 scale（含平板与 375 基准窄屏区间） */ function getScaleByViewport() {
+    if (!_canusedom.canUseDom) return 1;
+    var deviceWidth = window.innerWidth;
+    if (!deviceWidth) return 1;
+    if (deviceWidth >= 600) {
+        return 1.2;
+    }
+    if (deviceWidth >= 375 && deviceWidth < 600) {
+        var ratio = deviceWidth / 375;
+        return ratio >= 1.17 ? 1.17 : ratio;
+    }
+    return 1;
+}
+/** 通过 jmfe.callNative 拉取 DongScreenAdapterPlugin；失败返回 null */ function getScaleByNative() {
+    return (0, _async_to_generator._)(function() {
+        var _window_jmfe, _res_data, res, parsed, e;
+        return (0, _ts_generator._)(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (!_canusedom.canUseDom || !((_window_jmfe = window.jmfe) === null || _window_jmfe === void 0 ? void 0 : _window_jmfe.callNative)) return [
+                        2,
+                        null
+                    ];
+                    _state.label = 1;
+                case 1:
+                    _state.trys.push([
+                        1,
+                        3,
+                        ,
+                        4
+                    ]);
+                    return [
+                        4,
+                        window.jmfe.callNative('DongScreenAdapterPlugin', 'getScale', JSON.stringify({}), '')
+                    ];
+                case 2:
+                    res = _state.sent();
+                    if ((res === null || res === void 0 ? void 0 : res.status) === '0' && ((_res_data = res.data) === null || _res_data === void 0 ? void 0 : _res_data.scale) !== undefined) {
+                        parsed = Number(res.data.scale);
+                        if (Number.isFinite(parsed) && parsed > 0) {
+                            return [
+                                2,
+                                parsed
+                            ];
+                        }
+                    }
+                    return [
+                        3,
+                        4
+                    ];
+                case 3:
+                    e = _state.sent();
+                    return [
+                        3,
+                        4
+                    ];
+                case 4:
+                    return [
+                        2,
+                        null
+                    ];
+            }
+        });
+    })();
+}
+/** 统一获取缩放：站内原生优先，失败则用视口规则 */ function getScaleF() {
+    return (0, _async_to_generator._)(function() {
+        var nativeScale;
+        return (0, _ts_generator._)(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        getScaleByNative()
+                    ];
+                case 1:
+                    nativeScale = _state.sent();
+                    if (nativeScale) return [
+                        2,
+                        nativeScale
+                    ];
+                    return [
+                        2,
+                        getScaleByViewport()
+                    ];
+            }
+        });
+    })();
+}
+/** 校验后更新内存中的 scale，并写入 --nut-scale-f */ function setScaleF(nextScale) {
+    var validScale = Number.isFinite(nextScale) && nextScale > 0 ? nextScale : 1;
+    scale = validScale;
+    applyScaleCssVars(validScale);
+    return scale;
+}
+/** 重新拉取缩放；可选同时切换 profile，避免与当前值相同时重复写 DOM */ function refreshScaleF(nextProfile) {
+    return (0, _async_to_generator._)(function() {
+        var nextScale;
+        return (0, _ts_generator._)(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (nextProfile) {
+                        setScaleProfile(nextProfile);
+                    }
+                    return [
+                        4,
+                        getScaleF()
+                    ];
+                case 1:
+                    nextScale = _state.sent();
+                    if (!scale || nextScale !== scale) {
+                        setScaleF(nextScale);
+                    }
+                    return [
+                        2,
+                        scale
+                    ];
+            }
+        });
+    })();
+}
+function initScaleF(nextProfile) {
+    if (!_canusedom.canUseDom) return function() {};
+    setScaleProfile(nextProfile);
+    var handler = function handler() {
+        refreshScaleF();
+    };
+    handler();
+    window.addEventListener('resize', handler);
+    return function() {
+        window.removeEventListener('resize', handler);
+    };
+}
+/** 更新全局 profile，并在当前 scale 下重刷 CSS 变量 */ function setScaleProfile(nextProfile) {
+    profile = normalizeProfile(nextProfile);
+    // profile 切换后需要重新应用当前缩放值。
+    setScaleF(scale);
+    return profile;
+}
+function calcByProfile(baseValue) {
+    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var _options_profile;
+    var currentProfile = normalizeProfile((_options_profile = options.profile) !== null && _options_profile !== void 0 ? _options_profile : profile);
+    var _options_scene;
+    var scene = (_options_scene = options.scene) !== null && _options_scene !== void 0 ? _options_scene : 'layout';
+    var currentScale = Number.isFinite(options.scale) && Number(options.scale) > 0 ? Number(options.scale) : scale;
+    var _options_device;
+    var device = (_options_device = options.device) !== null && _options_device !== void 0 ? _options_device : getCurrentDevice();
+    var ratio = getSceneRatio(scene, currentProfile);
+    var rawValue = baseValue * ratio * currentScale;
+    var forceKeepTwoDecimals = scene === 'font' && currentProfile === 'large' && device === 'pad';
+    return roundByScaleRule(rawValue, currentScale, forceKeepTwoDecimals);
+}

package/dist/cjs/utils/should-render-price-raw.d.ts

@@ -1,2 +1 @@
 export declare function shouldRenderPriceAsRaw(s: string): boolean;
-export declare function hasNonPriceChars(s: string): boolean;

package/dist/cjs/utils/should-render-price-raw.js

@@ -2,24 +2,14 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get hasNonPriceChars () {
-        return hasNonPriceChars;
-    },
-    get shouldRenderPriceAsRaw () {
+Object.defineProperty(exports, "shouldRenderPriceAsRaw", {
+    enumerable: true,
+    get: function() {
         return shouldRenderPriceAsRaw;
     }
 });
+var CJK = /[\u4E00-\u9FFF]/;
 var RE_NUM = /\d+(?:\.\d+)?/g;
-// 价格合法字符：数字、小数点、负号、大写货币代码（HK USD EUR 等）、常见货币符号 Unicode 区块（含全角 ￥）
-var PRICE_CHARS = /^[\d.\-A-Z¥￥$€£₩₹₽₺₴₪฿\u20A0-\u20CF\uFE69\uFF04\uFFE5]*$/;
-// 无法提取出有效价格时直接按原文展示，避免把纯文案误格式化成 0 或空串
 function hasNoExtractablePrice(s) {
     var t = s.trim();
     if (!t) return true;
@@ -32,6 +22,7 @@ function shouldRenderPriceAsRaw(s) {
         return true;
     }
     var t = s.trim();
+    if (!CJK.test(t)) return false;
     var matches = Array.from(t.matchAll(RE_NUM));
     if (matches.length < 2) return false;
     var a = matches[0];
@@ -39,8 +30,5 @@ function shouldRenderPriceAsRaw(s) {
     var i0 = a.index;
     var i1 = b.index;
     var between = t.slice(i0 + a[0].length, i1);
-    return !PRICE_CHARS.test(between);
-}
-function hasNonPriceChars(s) {
-    return !PRICE_CHARS.test(s);
+    return CJK.test(between);
 }

package/dist/cjs/utils/taro/get-rect.js

@@ -26,6 +26,10 @@ var _taro = require("@tarojs/taro");
 var _lru = require("../lru");
 var _getrect = require("../get-rect");
 var lru = new _lru.MiniLru(10);
+var createScopedSelectorQuery = function createScopedSelectorQuery(scope) {
+    var query = (0, _taro.createSelectorQuery)();
+    return scope ? query.in(scope) : query;
+};
 function makeRect(width, height) {
     return {
         top: 0,
@@ -55,8 +59,8 @@ var getRectInMultiPlatform = function getRectInMultiPlatform(element) {
                             resolve(lru.get(element));
                             return;
                         }
-                        (0, _taro.createSelectorQuery)() // https://taro.jd.com/docs/reference/config/page/
-                        .in((element === null || element === void 0 ? void 0 : element._scope) || element).select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                        createScopedSelectorQuery(element === null || element === void 0 ? void 0 : element._scope) // https://taro.jd.com/docs/reference/config/page/
+                        .select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
                             var _param = (0, _sliced_to_array._)(param, 1), rects = _param[0];
                             if (rects) {
                                 lru.set(element, rects);
@@ -87,8 +91,8 @@ var getRectInMultiPlatformWithoutCache = function getRectInMultiPlatformWithoutC
                 return [
                     2,
                     new Promise(function(resolve, reject) {
-                        (0, _taro.createSelectorQuery)() // https://taro.jd.com/docs/reference/config/page/
-                        .in((element === null || element === void 0 ? void 0 : element._scope) || element).select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                        createScopedSelectorQuery(element === null || element === void 0 ? void 0 : element._scope) // https://taro.jd.com/docs/reference/config/page/
+                        .select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
                             var _param = (0, _sliced_to_array._)(param, 1), rects = _param[0];
                             resolve(rects);
                         });

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,179 @@
+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',
+    back: 'Quay lại',
+    clear: 'Xóa',
+    image: {
+        errorTip: 'Tải ảnh không thành cô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',
+        dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
+            var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
+            var label = today ? "H\xf4m nay, ".concat(dateStr) : dateStr;
+            if (isActive) {
+                label = "Đ\xe3 chọn ".concat(label);
+            }
+            if (isDisable) {
+                label = "".concat(label, " bị v\xf4 hiệu");
+            }
+            return label;
+        }
+    },
+    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ủ',
+    quickenter: {
+        title: 'Truy cập nhanh'
+    }
+};
+export default viVN;

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

@@ -171,7 +171,7 @@ var zhUG = {
     watermark: {
         errorCanvasTips: 'Canvas نى قوللىمايدۇ'
     },
-    mask: 'mask',
+    mask: 'قاپلىما قەۋەت',
     quickenter: {
         title: 'تېز كىرگۈزۈش'
     }

package/dist/es/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;
   }