@nutui/nutui-react 3.0.20-beta.0 → 3.1.0-beta.1

package/dist/es/packages/virtuallist/style-jrkf/virtuallist.scss

@@ -6,8 +6,8 @@
     float: left;
     color: $color-title;
     background: $color-background-overlay;
-    padding: 10px;
-    margin-right: 20px;
+    padding: scale-px(10px);
+    margin-right: scale-px(20px);
   }
 
   &:after {
@@ -23,12 +23,12 @@
     display: block;
     color: $color-title;
     background: $color-background-overlay;
-    border-radius: 7px;
-    box-shadow: 0 1px 6px 0 rgba(237, 238, 241, 1);
-    margin-top: 20px;
-    padding: 14px 15px;
-    font-size: 13px;
-    line-height: 18px;
+    border-radius: scale-px(7px);
+    box-shadow: 0 scale-px(1px) scale-px(6px) 0 rgba(237, 238, 241, 1);
+    margin-top: scale-px(20px);
+    padding: scale-px(14px) scale-px(15px);
+    font-size: $font-size-m;
+    line-height: scale-px(18px);
     font-family: PingFangSC;
     font-weight: 500;
   }
@@ -74,6 +74,6 @@
   li {
     float: right;
     margin-right: 0;
-    margin-left: 20px;
+    margin-left: scale-px(20px);
   }
 }

package/dist/es/packages/watermark/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 */

package/dist/es/packages/watermark/watermark.js

@@ -59,20 +59,16 @@ export var WaterMark = function(props) {
                     setBase64Url(canvas.toDataURL());
                 };
             } else if (content) {
-                ctx.textBaseline = 'middle' // 设置或返回在绘制文本时使用的当前文本基线。(正中)
-                ;
-                ctx.textAlign = 'center' // 设置或返回文本内容的当前对齐方式。
-                ;
+                ctx.textBaseline = 'middle'; // 设置或返回在绘制文本时使用的当前文本基线。(正中)
+                ctx.textAlign = 'center'; // 设置或返回文本内容的当前对齐方式。
                 // 文字绕中间旋转
                 ctx.translate(markWidth / 2, markHeight / 2);
                 ctx.rotate(Math.PI / 180 * Number(rotate));
                 var markSize = Number(fontSize) * ratio;
                 ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
                 ctx.fillStyle = color;
-                ctx.fillText(content, startX, startY) // 在画布上绘制"被填充的"文本。
-                ;
-                ctx.restore() // 返回之前保存过的路径状态和属性。
-                ;
+                ctx.fillText(content, startX, startY); // 在画布上绘制"被填充的"文本。
+                ctx.restore(); // 返回之前保存过的路径状态和属性。
                 setBase64Url(canvas.toDataURL());
             }
         } else {

package/dist/es/types/index.d.ts

@@ -262,3 +262,6 @@ export * from './spec/audio/taro';
 export * from './spec/steps/base';
 export * from './spec/steps/h5';
 export * from './spec/steps/taro';
+export * from './spec/quickenter/base';
+export * from './spec/quickenter/h5';
+export * from './spec/quickenter/taro';

package/dist/es/types/index.js

@@ -262,3 +262,6 @@ export * from "./spec/audio/taro";
 export * from "./spec/steps/base";
 export * from "./spec/steps/h5";
 export * from "./spec/steps/taro";
+export * from "./spec/quickenter/base";
+export * from "./spec/quickenter/h5";
+export * from "./spec/quickenter/taro";

package/dist/es/types/spec/address/base.js

@@ -1 +1 @@
-import React from "react";
+export { };

package/dist/es/types/spec/button/base.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import type { MouseEvent } from 'react';
 import { BaseProps } from '../../base/props';
 import { UIFill, UIRound, UISize, UIType } from '../../base/atoms';
 export interface BaseButton extends BaseProps {
@@ -50,5 +51,5 @@ export interface BaseButton extends BaseProps {
     /**
     * 点击按钮时触发
     */
-    onClick: (e: any) => void
+    onClick: (e: MouseEvent<HTMLButtonElement>) => void
 }

package/dist/es/types/spec/button/taro.d.ts

@@ -1,3 +1,7 @@
+import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
 import { BaseButton } from './base';
-export interface TaroButtonProps extends BaseButton {
+type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style' | 'disabled' | 'loading' | 'id'>;
+export interface TaroButtonProps extends BaseButton, OmitMiniProgramButtonProps {
+    nativeType: 'submit' | 'reset';
 }
+export {};

package/dist/es/types/spec/calendarcard/base.d.ts

@@ -44,6 +44,7 @@ export interface BaseCalendarCard extends BaseProps {
     * 限制范围结束日期
     */
     endDate: Date
+    weekdays?: string[];
     /**
     * 设置不可选日期
     */

package/dist/es/types/spec/dialog/base.d.ts

@@ -38,14 +38,8 @@ export interface BaseDialog extends DialogWrapProps {
     * 取消按钮文案
     */
     cancelText: ReactNode
-    /**
-    * 确认按钮徽标
-    */
-    confirmBadge: ReactNode
-    /**
-    * 取消按钮徽标
-    */
-    cancelBadge: ReactNode
+    confirmBadge: ReactNode;
+    cancelBadge: ReactNode;
     /**
     * 是否隐藏确定按钮
     */

package/dist/es/types/spec/quickenter/base.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export type QuickEnterRef = QuickEnterActions;
+export type QuickEnterActions = {
+    open: () => void;
+    close: () => void;
+};
+export interface QuickEnterOption extends Record<string, any> {
+    title?: string;
+    icon?: ReactNode;
+    type?: string;
+    url?: string;
+    badge?: boolean | ReactNode;
+    badgeProps?: any;
+}
+export interface BaseQuickEnter<POPUP_PROPS = any> extends BaseProps {
+    /**
+    * 是否可见
+    */
+    visible?: boolean
+    /**
+    * 标题
+    */
+    title?: ReactNode
+    /**
+    * 选项列表
+    */
+    options?: QuickEnterOption[]
+    /**
+    * 透传给 Popup 组件的属性
+    */
+    popupProps?: POPUP_PROPS
+    /**
+    * 是否在点击遮罩层后关闭
+    */
+    closeOnOverlayClick?: boolean
+    /**
+    * 自定义关闭图标
+    */
+    closeIcon?: ReactNode
+    safeAreaInsetTop?: boolean;
+    onClose?: () => void;
+    onChange?: (item: QuickEnterOption, index: number) => void;
+    children?: ReactNode;
+}

package/dist/es/types/spec/quickenter/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/quickenter/h5.d.ts

@@ -0,0 +1,5 @@
+import { BaseQuickEnter, QuickEnterOption } from './base';
+import { WebPopupProps } from '../popup/h5';
+export interface WebQuickEnterProps extends BaseQuickEnter<WebPopupProps> {
+}
+export type { QuickEnterOption };

package/dist/es/types/spec/quickenter/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/quickenter/taro.d.ts

@@ -0,0 +1,5 @@
+import { BaseQuickEnter, QuickEnterOption } from './base';
+import { TaroPopupProps } from '../popup/taro';
+export interface TaroQuickEnterProps extends BaseQuickEnter<TaroPopupProps> {
+}
+export type { QuickEnterOption };

package/dist/es/types/spec/quickenter/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/utils/event-mocker.js

@@ -72,10 +72,7 @@ export function triggerDrag(el) {
  * @param {number} endY 结束触摸点的 Y 坐标
  * @param {number} duration 移动持续时间（毫秒）
  */ export function simulateTouchMove(element, startX, startY, endX, endY, duration) {
-    return _simulateTouchMove.apply(this, arguments);
-}
-function _simulateTouchMove() {
-    _simulateTouchMove = _async_to_generator(function(element, startX, startY, endX, endY, duration) {
+    return _async_to_generator(function() {
         var touch, touchList, distanceX, distanceY, startTime, elapsed, progress, currentX, currentY, currentTouch, currentTouchList;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -128,8 +125,7 @@ function _simulateTouchMove() {
                     ];
             }
         });
-    });
-    return _simulateTouchMove.apply(this, arguments);
+    })();
 }
 /**
  * 模拟触摸缩放方法
@@ -138,10 +134,7 @@ function _simulateTouchMove() {
  * @param {number} endDistance 结束触摸点的距离
  * @param {number} duration 缩放持续时间（毫秒）
  */ export function simulateTouchZoom(element, startDistance, endDistance, duration) {
-    return _simulateTouchZoom.apply(this, arguments);
-}
-function _simulateTouchZoom() {
-    _simulateTouchZoom = _async_to_generator(function(element, startDistance, endDistance, duration) {
+    return _async_to_generator(function() {
         var centerX, centerY, startScale, endScale, startTouches, endTouches, progress, currentScale, currentDistance, currentTouches;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -201,6 +194,5 @@ function _simulateTouchZoom() {
                     ];
             }
         });
-    });
-    return _simulateTouchZoom.apply(this, arguments);
+    })();
 }

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

@@ -20,6 +20,7 @@ export * from './px-check';
 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/es/utils/index.js

@@ -20,6 +20,7 @@ export * from "./px-check";
 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/es/utils/index.taro.js

@@ -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/es/utils/render.js

@@ -45,10 +45,7 @@ function legacyUnmount(container) {
     return unmountComponentAtNode(container);
 }
 function concurrentUnmount(container) {
-    return _concurrentUnmount.apply(this, arguments);
-}
-function _concurrentUnmount() {
-    _concurrentUnmount = _async_to_generator(function(container) {
+    return _async_to_generator(function() {
         return _ts_generator(this, function(_state) {
             // Delay to unmount to avoid React 18 sync warning
             return [
@@ -60,8 +57,7 @@ function _concurrentUnmount() {
                 })
             ];
         });
-    });
-    return _concurrentUnmount.apply(this, arguments);
+    })();
 }
 export function unmount(container) {
     if (createRoot) {

package/dist/es/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/es/utils/scale-f.js

@@ -0,0 +1,206 @@
+/**
+ * 响应式缩放系数（--nut-scale-f）：结合京东站内原生桥与站外视口规则，
+ * 写入根节点 CSS 变量（--nut-scale-f / --nut-scale-font / --nut-scale-icon），
+ * 供布局/字号/icon 等按比例换算（见 calcByProfile）。H5 与 Taro WebView 共用此实现。
+ */ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { canUseDom } from "./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) 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) 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) 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 _async_to_generator(function() {
+        var _window_jmfe, _res_data, res, parsed, e;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (!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 _async_to_generator(function() {
+        var nativeScale;
+        return _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 _async_to_generator(function() {
+        var nextScale;
+        return _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
+                    ];
+            }
+        });
+    })();
+}
+/** 首次计算缩放并订阅 resize；返回卸载函数（SSR 下为空函数） */ export function initScaleF(nextProfile) {
+    if (!canUseDom) return function() {};
+    setScaleProfile(nextProfile);
+    var handler = function() {
+        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;
+}
+/**
+ * 按档位与场景将设计稿基准值换算为实际数值：base × 场景倍率 × 当前 scale，再按规则取整。
+ */ export 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/es/utils/should-render-price-raw.d.ts

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

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

@@ -0,0 +1,24 @@
+var CJK = /[\u4E00-\u9FFF]/;
+var RE_NUM = /\d+(?:\.\d+)?/g;
+function hasNoExtractablePrice(s) {
+    var t = s.trim();
+    if (!t) return true;
+    if (!/\d/.test(t)) return true;
+    if (t.replace(/[^\d.]/g, '') === '') return true;
+    return false;
+}
+export function shouldRenderPriceAsRaw(s) {
+    if (hasNoExtractablePrice(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];
+    var b = matches[1];
+    var i0 = a.index;
+    var i1 = b.index;
+    var between = t.slice(i0 + a[0].length, i1);
+    return CJK.test(between);
+}

package/dist/es/utils/taro/ConfigurableCSSTransition.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type TransitionStatus = 'entering' | 'entered' | 'exiting' | 'exited' | 'unmounted';
+interface CSSTransitionProps {
+    in?: boolean;
+    timeout?: number;
+    classNames?: string;
+    nodeRef?: React.RefObject<any>;
+    mountOnEnter?: boolean;
+    unmountOnExit?: boolean;
+    onEntered?: () => void;
+    onExited?: () => void;
+    children: React.ReactElement;
+}
+declare const ConfigurableCSSTransition: React.FC<CSSTransitionProps>;
+export default ConfigurableCSSTransition;