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

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

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getRectInMultiPlatform: function() {
+    get getRectInMultiPlatform () {
         return getRectInMultiPlatform;
     },
-    getRectInMultiPlatformWithoutCache: function() {
+    get getRectInMultiPlatformWithoutCache () {
         return getRectInMultiPlatformWithoutCache;
     },
-    makeRect: function() {
+    get makeRect () {
         return makeRect;
     }
 });
@@ -36,12 +36,10 @@ function makeRect(width, height) {
         height: height
     };
 }
-var getRectInMultiPlatform = /*#__PURE__*/ function() {
-    var _ref = (0, _async_to_generator._)(function(element) {
-        var harmonyId;
-        var _arguments = arguments;
+var getRectInMultiPlatform = function getRectInMultiPlatform(element) {
+    var harmonyId = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
+    return (0, _async_to_generator._)(function() {
         return (0, _ts_generator._)(this, function(_state) {
-            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
             if (element) {
                 if (_getrect.inBrowser) {
                     return [
@@ -72,17 +70,12 @@ var getRectInMultiPlatform = /*#__PURE__*/ function() {
                 Promise.resolve(makeRect(0, 0))
             ];
         });
-    });
-    return function getRectInMultiPlatform(element) {
-        return _ref.apply(this, arguments);
-    };
-}();
-var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
-    var _ref = (0, _async_to_generator._)(function(element) {
-        var harmonyId;
-        var _arguments = arguments;
+    })();
+};
+var getRectInMultiPlatformWithoutCache = function getRectInMultiPlatformWithoutCache(element) {
+    var harmonyId = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
+    return (0, _async_to_generator._)(function() {
         return (0, _ts_generator._)(this, function(_state) {
-            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
             if (element) {
                 if (_getrect.inBrowser) {
                     return [
@@ -105,8 +98,5 @@ var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
                 Promise.resolve(makeRect(0, 0))
             ];
         });
-    });
-    return function getRectInMultiPlatformWithoutCache(element) {
-        return _ref.apply(this, arguments);
-    };
-}();
+    })();
+};

package/dist/cjs/utils/taro/get-system-info.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getAppBaseInfo: function() {
+    get getAppBaseInfo () {
         return getAppBaseInfo;
     },
-    getDeviceInfo: function() {
+    get getDeviceInfo () {
         return getDeviceInfo;
     },
-    getWindowInfo: function() {
+    get getWindowInfo () {
         return getWindowInfo;
     }
 });

package/dist/cjs/utils/taro/platform.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: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    harmony: function() {
+    get harmony () {
         return harmony;
     },
-    miniprogram: function() {
+    get miniprogram () {
         return miniprogram;
     },
-    td: function() {
+    get td () {
         return td;
     },
-    web: function() {
+    get web () {
         return web;
     }
 });

package/dist/es/hooks/use-touch.js

@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import { useRef } from "react";
 var MIN_DISTANCE = 10;
 function getDirection(x, y) {
     if (x > y && x > MIN_DISTANCE) {

package/dist/es/locales/ja-JP.d.ts

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

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

@@ -0,0 +1,158 @@
+var jaJP = {
+    save: '保存',
+    confirm: '確認',
+    cancel: 'キャンセル',
+    done: '完了',
+    noData: 'データなし',
+    placeholder: '内容を入力してください',
+    select: '選択してください',
+    edit: '編集',
+    reset: 'リセット',
+    video: {
+        errorTip: '動画の読み込みに失敗しました',
+        clickRetry: 'クリックして再試行'
+    },
+    fixednav: {
+        activeText: 'ナビを折りたたむ',
+        inactiveText: 'クイックナビゲーション'
+    },
+    infiniteloading: {
+        pullRefreshText: '指を離して更新',
+        loadText: '読み込み中',
+        loadMoreText: 'これ以上データはありません'
+    },
+    pagination: {
+        prev: '前へ',
+        next: '次へ'
+    },
+    range: {
+        rangeText: 'この範囲外です'
+    },
+    calendaritem: {
+        weekdays: [
+            '日',
+            '月',
+            '火',
+            '水',
+            '木',
+            '金',
+            '土'
+        ],
+        end: '終了',
+        start: '開始',
+        confirm: '確認',
+        title: 'カレンダー選択',
+        monthTitle: function(year, month) {
+            return "".concat(year, "年").concat(Number(month) < 10 ? "0".concat(Number(month)) : month, "月");
+        },
+        today: '今日',
+        loadPreviousMonth: '前の月を読み込む',
+        noEarlierMonth: 'これより前の月はありません'
+    },
+    shortpassword: {
+        title: 'パスワードを入力してください',
+        description: '仮想資産を使用しました。認証を行ってください',
+        tips: 'パスワードを忘れた場合'
+    },
+    uploader: {
+        list: 'ファイルをアップロード',
+        ready: '準備完了',
+        readyUpload: 'アップロード準備完了',
+        waitingUpload: 'アップロード待ち',
+        uploading: 'アップロード中...',
+        success: 'アップロード成功',
+        error: 'アップロード失敗',
+        deleteWord: 'ユーザーによって削除がブロックされました！'
+    },
+    countdown: {
+        day: '日',
+        hour: '時間',
+        minute: '分',
+        second: '秒'
+    },
+    address: {
+        selectRegion: '住所を選択してください',
+        deliveryTo: '配送先',
+        chooseAnotherAddress: '別の住所を選択',
+        hotCity: '人気都市',
+        selectProvince: '都道府県/地域を選択'
+    },
+    signature: {
+        reSign: '再署名',
+        unsupported: '申し訳ありませんが、現在のブラウザはCanvasをサポートしていません。このコントロールは使用できません！'
+    },
+    ecard: {
+        chooseText: '電子カードの額面を選択してください',
+        otherValueText: 'その他の額面',
+        placeholder: '1から5000までの整数を入力してください'
+    },
+    timeselect: {
+        pickupTime: '受け取り時間'
+    },
+    sku: {
+        buyNow: '今すぐ購入',
+        buyNumber: '購入数量',
+        addToCard: 'カートに入れる'
+    },
+    skuheader: {
+        skuId: '商品コード'
+    },
+    addresslist: {
+        addAddress: '新しい住所を追加'
+    },
+    comment: {
+        complaintsText: 'クレームを報告する',
+        additionalReview: function(day) {
+            return "購入".concat(day, "日後の追加レビュー");
+        },
+        additionalImages: function(length) {
+            return "".concat(length, "枚の追加レビュー画像");
+        }
+    },
+    searchbar: {
+        basePlaceholder: 'JD（京東）で良い商品を購入',
+        text: 'テキスト',
+        test: 'テスト',
+        title1: '基本使用',
+        title2: '検索ボックスの形状と最大長',
+        title3: '検索ボックスの内外背景設定',
+        title4: '検索ボックスのテキスト設定',
+        title5: 'カスタムアイコン設定',
+        title6: 'データ変更の監視'
+    },
+    audio: {
+        back: '早戻し',
+        forward: '早送り',
+        pause: '一時停止',
+        start: '開始',
+        mute: 'ミュート',
+        tips: 'onPlayEndイベントはloop=falseの場合にのみトリガーされます'
+    },
+    avatarCropper: {
+        rotate: '回転',
+        selectImage: '画像を選択'
+    },
+    datepicker: {
+        year: '年',
+        month: '月',
+        day: '日',
+        hour: '時',
+        min: '分',
+        seconds: '秒'
+    },
+    pullToRefresh: {
+        pullingText: '下に引いて更新',
+        canReleaseText: '指を離して更新',
+        refreshingText: '更新中',
+        completeText: '更新成功'
+    },
+    tour: {
+        prevStepText: '前へ',
+        completeText: '完了',
+        nextStepText: '次へ'
+    },
+    watermark: {
+        errorCanvasTips: '現在の環境はCanvasをサポートしていません'
+    }
+};
+export default jaJP;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -277,9 +277,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/animatingnumbers/countup.js

@@ -61,6 +61,8 @@ export var CountUp = function(props) {
                             transitionDuration: "".concat(duration, "s"),
                             transform: transform
                         });
+                    } else {
+                        transformArrCache.push({});
                     }
                 });
                 setTransformArr(_to_consumable_array(transformArrCache));

package/dist/es/packages/avatar/avatar.js

@@ -18,13 +18,14 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     background: '#eee',
     color: '#666',
     fit: 'cover',
+    mode: 'scaleToFill',
     src: '',
     alt: '',
     avatarIndex: 0
 });
 var classPrefix = "nut-avatar";
 export var Avatar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, mode = _$_object_spread.mode, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
     var _useState // 是否显示的最大头像个数
      = _sliced_to_array(useState(false), 2), showMax = _useState[0], setShowMax = _useState[1];
     var avatarRef = useRef(null);
@@ -80,6 +81,7 @@ export var Avatar = function(props) {
         style: {
             objectFit: fit
         },
+        mode: mode,
         onError: errorEvent
     }), /*#__PURE__*/ React.isValidElement(icon) ? /*#__PURE__*/ React.createElement(View, {
         className: "nut-avatar-text"

package/dist/es/packages/avatarcropper/avatarcropper.js

@@ -4,8 +4,8 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import React, { useState, useEffect, useMemo, useCallback } from "react";
-import Taro, { useReady, createSelectorQuery } from "@tarojs/taro";
+import React, { useState, useEffect, useMemo, useCallback, useLayoutEffect } from "react";
+import Taro, { createSelectorQuery } from "@tarojs/taro";
 import classNames from "classnames";
 import { Canvas, View } from "@tarojs/components";
 import { getWindowInfo } from "../../utils/taro/get-system-info";
@@ -117,7 +117,7 @@ export var AvatarCropper = function(props) {
         cropperCanvas: null,
         cropperCanvasContext: null
     }), 2), canvasAll = _useState5[0], setCanvasAll = _useState5[1];
-    useReady(function() {
+    useLayoutEffect(function() {
         if (showAlipayCanvas2D) {
             var canvasId = canvasAll.canvasId;
             createSelectorQuery().select("#".concat(canvasId)).node(function(param) {
@@ -129,7 +129,11 @@ export var AvatarCropper = function(props) {
                 }));
             }).exec();
         }
-    });
+    }, [
+        showAlipayCanvas2D,
+        state.displayHeight,
+        state.displayWidth
+    ]);
     useEffect(function() {
         setCanvasAll(_object_spread_props(_object_spread({}, canvasAll), {
             cropperCanvasContext: Taro.createCanvasContext(canvasAll.canvasId)
@@ -307,8 +311,8 @@ export var AvatarCropper = function(props) {
         draw
     ]);
     // 设置绘制图片
-    var setDrawImgInfo = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(image) {
+    var setDrawImgInfo = function(image) {
+        return _async_to_generator(function() {
             var displayWidth, cropperWidth, copyDrawImg, imgWidth, imgHeight, isPortrait, rate, scale;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -358,11 +362,8 @@ export var AvatarCropper = function(props) {
                         ];
                 }
             });
-        });
-        return function setDrawImgInfo(image) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var chooseImage = function() {
         Taro.chooseImage({
             count: 1,
@@ -376,8 +377,8 @@ export var AvatarCropper = function(props) {
             }
         });
     };
-    var imageChange = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(file) {
+    var imageChange = function(file) {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 Taro.getImageInfo({
                     src: file.path
@@ -389,11 +390,8 @@ export var AvatarCropper = function(props) {
                     2
                 ];
             });
-        });
-        return function imageChange(file) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var resetScale = function(scale) {
         setState(_object_spread_props(_object_spread({}, state), {
             moveX: 0,
@@ -549,8 +547,8 @@ export var AvatarCropper = function(props) {
             height: cropperWidth,
             destWidth: cropperWidth,
             destHeight: cropperWidth,
-            success: /*#__PURE__*/ function() {
-                var _ref = _async_to_generator(function(res) {
+            success: function(res) {
+                return _async_to_generator(function() {
                     var filePath;
                     return _ts_generator(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -560,11 +558,8 @@ export var AvatarCropper = function(props) {
                             2
                         ];
                     });
-                });
-                return function(res) {
-                    return _ref.apply(this, arguments);
-                };
-            }()
+                })();
+            }
         });
     };
     // 裁剪图片
@@ -588,8 +583,8 @@ export var AvatarCropper = function(props) {
             height: cropperWidth,
             destWidth: cropperWidth * systemInfo.pixelRatio,
             destHeight: cropperWidth * systemInfo.pixelRatio,
-            success: /*#__PURE__*/ function() {
-                var _ref = _async_to_generator(function(res) {
+            success: function(res) {
+                return _async_to_generator(function() {
                     var filePath;
                     return _ts_generator(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -599,11 +594,8 @@ export var AvatarCropper = function(props) {
                             2
                         ];
                     });
-                });
-                return function(res) {
-                    return _ref.apply(this, arguments);
-                };
-            }()
+                })();
+            }
         });
     };
     var ToolBar = function() {

package/dist/es/packages/badge/badge.js

@@ -54,8 +54,8 @@ export var Badge = function(props) {
             getPositionStyle();
         }
     }, []);
-    var getPositionStyle = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var getPositionStyle = function() {
+        return _async_to_generator(function() {
             var style;
             return _ts_generator(this, function(_state) {
                 style = _define_property({
@@ -66,11 +66,8 @@ export var Badge = function(props) {
                     2
                 ];
             });
-        });
-        return function getPositionStyle() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var _obj1;
     return /*#__PURE__*/ React.createElement(View, {
         className: classes,

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

@@ -58,7 +58,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

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

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);

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

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);

package/dist/es/packages/badge/style-jmapp/badge.scss

@@ -58,7 +58,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

package/dist/es/packages/badge/style-jmapp/style.css

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 20px);

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

@@ -58,7 +58,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

package/dist/es/packages/badge/style-jrkf/style.css

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 20px);

package/dist/es/packages/barrage/barrage.js

@@ -48,14 +48,13 @@ var InternalBarrage = function(props, ref) {
             }
         };
     });
-    var getNodeWidth = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(node) {
-            var type, refe;
-            var _arguments = arguments;
+    var getNodeWidth = function(node) {
+        var type = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'width';
+        return _async_to_generator(function() {
+            var refe;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        type = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : 'width';
                         if (!node) return [
                             3,
                             2
@@ -77,11 +76,8 @@ var InternalBarrage = function(props, ref) {
                         ];
                 }
             });
-        });
-        return function getNodeWidth(node) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var clearDomTimeout = function() {
         if (domTimer.current) {
             clearTimeout(domTimer.current);
@@ -89,8 +85,8 @@ var InternalBarrage = function(props, ref) {
         }
     };
     useEffect(function() {
-        var init = /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function() {
+        var init = function() {
+            return _async_to_generator(function() {
                 var _barrageBody_current;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -115,11 +111,8 @@ var InternalBarrage = function(props, ref) {
                             ];
                     }
                 });
-            });
-            return function init() {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         domTimer.current = window.setTimeout(function() {
             init();
         }, 300);
@@ -141,8 +134,8 @@ var InternalBarrage = function(props, ref) {
             play();
         }, intervalCache);
     };
-    var setStyle = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(el, currentIndex) {
+    var setStyle = function(el, currentIndex) {
+        return _async_to_generator(function() {
             var refe, width, height, elScrollDuration, error;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -195,11 +188,8 @@ var InternalBarrage = function(props, ref) {
                         ];
                 }
             });
-        });
-        return function setStyle(el, currentIndex) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var play = function() {
         if (!loop && index.current >= list.length) {
             return;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;