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

package/dist/cjs/hooks/taro/use-custom-event.js

@@ -28,7 +28,7 @@ var _react = require("react");
 var _reactfastcompare = /*#__PURE__*/ _interop_require_default._(require("react-fast-compare"));
 var _taro = require("@tarojs/taro");
 var _useforceupdate = require("../use-force-update");
-var customEvents = _taro.eventCenter;
+var customEvents = new _taro.Events();
 function useCustomEventsPath(selector) {
     var _getCurrentInstance_router;
     selector = selector || '';

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

@@ -8,7 +8,6 @@ export interface BaseLang {
     select: string;
     edit: string;
     reset: string;
-    close: string;
     video: {
         errorTip: string;
         clickRetry: string;
@@ -141,5 +140,4 @@ export interface BaseLang {
     watermark: {
         errorCanvasTips: string;
     };
-    mask: string;
 }

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

@@ -18,7 +18,6 @@ var enUS = {
     select: 'Select',
     edit: 'Edit',
     reset: 'Reset',
-    close: 'Close',
     video: {
         errorTip: 'Error Tip',
         clickRetry: 'Click Retry'
@@ -164,7 +163,6 @@ var enUS = {
     },
     watermark: {
         errorCanvasTips: 'Canvas is not supported in the current environment'
-    },
-    mask: 'Mask'
+    }
 };
 var _default = enUS;

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

@@ -18,7 +18,6 @@ var idID = {
     select: 'Pilih',
     edit: 'Sunting',
     reset: 'Mengatur Ulang',
-    close: 'Tutup',
     video: {
         errorTip: 'Terjadi Kesalahan',
         clickRetry: 'Coba Lagi'
@@ -164,7 +163,6 @@ var idID = {
     },
     watermark: {
         errorCanvasTips: 'Canvas is not supported in the current environment'
-    },
-    mask: 'Masker'
+    }
 };
 var _default = idID;

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

@@ -163,8 +163,6 @@ var jaJP = {
     },
     watermark: {
         errorCanvasTips: '現在の環境はCanvasをサポートしていません'
-    },
-    mask: 'マスク',
-    close: '閉じる'
+    }
 };
 var _default = jaJP;

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

@@ -18,7 +18,6 @@ var trTR = {
     select: 'Seçiniz',
     edit: 'düzenlemek',
     reset: 'sıfırlama',
-    close: 'Kapat',
     video: {
         errorTip: 'Video yüklenemedi',
         clickRetry: 'Yeniden Tıklayın'
@@ -164,7 +163,6 @@ var trTR = {
     },
     watermark: {
         errorCanvasTips: 'Geçerli ortam Canvası desteklemiyor'
-    },
-    mask: 'Maske'
+    }
 };
 var _default = trTR;

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

@@ -18,7 +18,6 @@ var zhCN = {
     select: '请选择',
     edit: '编辑',
     reset: '重置',
-    close: '关闭',
     video: {
         errorTip: '视频加载失败',
         clickRetry: '点击重试'
@@ -164,7 +163,6 @@ var zhCN = {
     },
     watermark: {
         errorCanvasTips: '当前环境不支持Canvas'
-    },
-    mask: '蒙层'
+    }
 };
 var _default = zhCN;

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

@@ -18,7 +18,6 @@ var zhCN = {
     select: '請選擇',
     edit: '編輯',
     reset: '重置',
-    close: '關閉',
     video: {
         errorTip: '視頻加載失敗',
         clickRetry: '點擊重試'
@@ -164,7 +163,6 @@ var zhCN = {
     },
     watermark: {
         errorCanvasTips: '當前環境不支持Canvas'
-    },
-    mask: '蒙層'
+    }
 };
 var _default = zhCN;

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

@@ -18,7 +18,6 @@ var zhUG = {
     select: 'تاللاڭ',
     edit: 'يحرر',
     reset: 'إعادة ضبط',
-    close: 'تاقاش',
     video: {
         errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
         clickRetry: 'قايتا سىناش'
@@ -164,7 +163,6 @@ var zhUG = {
     },
     watermark: {
         errorCanvasTips: 'Canvas نى قوللىمايدۇ'
-    },
-    mask: 'mask'
+    }
 };
 var _default = zhUG;

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

@@ -60,9 +60,7 @@
   &-safe-area {
     display: block;
     width: 100%;
-    /* #ifndef dynamic*/
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
-    /* #endif */
   }
 }

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

@@ -56,8 +56,6 @@
 .nut-actionsheet-safe-area {
   display: block;
   width: 100%;
-  /* #ifndef dynamic*/
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
-  /* #endif */
 }

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

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -142,9 +142,6 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
-.nut-popup-bottom-top {
-  position: absolute;
-}
 .nut-popup-right {
   top: 0;
   right: 0;
@@ -436,8 +433,6 @@
 .nut-actionsheet-safe-area {
   display: block;
   width: 100%;
-  /* #ifndef dynamic*/
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
-  /* #endif */
 }

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

@@ -60,9 +60,7 @@
   &-safe-area {
     display: block;
     width: 100%;
-    /* #ifndef dynamic*/
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
-    /* #endif */
   }
 }

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

@@ -56,8 +56,6 @@
 .nut-actionsheet-safe-area {
   display: block;
   width: 100%;
-  /* #ifndef dynamic*/
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
-  /* #endif */
 }

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

@@ -60,9 +60,7 @@
   &-safe-area {
     display: block;
     width: 100%;
-    /* #ifndef dynamic*/
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
-    /* #endif */
   }
 }

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

@@ -56,8 +56,6 @@
 .nut-actionsheet-safe-area {
   display: block;
   width: 100%;
-  /* #ifndef dynamic*/
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
-  /* #endif */
 }

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

@@ -21,9 +21,7 @@
   min-height: 100%;
   width: 100%;
   background-color: var(--nutui-elevator-list-bg-color, #ffffff);
-  /* #ifndef dynamic*/
   overflow: auto;
-  /* #endif */
 }
 .nut-elevator-list-item {
   display: flex;
@@ -97,12 +95,7 @@
   flex-direction: column;
 }
 .nut-elevator-bars-inner-item {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   justify-content: center;
   height: 16px;
@@ -233,8 +226,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -292,9 +285,6 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
-.nut-popup-bottom-top {
-  position: absolute;
-}
 .nut-popup-right {
   top: 0;
   right: 0;
@@ -540,9 +530,7 @@
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
-  /* #ifndef dynamic*/
   overflow: auto;
-  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;
@@ -643,18 +631,14 @@
   font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
-  /* #ifndef dynamic*/
   overflow: unset;
-  /* #endif */
   content: " ";
   width: var(--nutui-tabs-tab-line-width, 12px);
   height: var(--nutui-tabs-tab-line-height, 2px);
   background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
-  /* #ifndef dynamic*/
   overflow: unset;
-  /* #endif */
   width: 40px;
   height: 20px;
 }
@@ -673,7 +657,7 @@
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 15px));
+  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-tabs-titles-card .nut-tabs-titles-item-active {
   font-weight: var(--nutui-font-weight-bold, 600);
@@ -868,10 +852,8 @@
   background: var(--nutui-color-background-overlay, #ffffff);
 }
 .nut-cascader .nut-tabs-titles-item {
-  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
-  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

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

@@ -3,12 +3,7 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-countup-list {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   height: var(--nutui-countup-height, 32px);
   overflow: hidden;
   direction: ltr;

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

@@ -57,9 +57,6 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
-  /* #ifdef dynamic*/
-  pointer-events: none;
-  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -141,7 +138,7 @@
 .nut-button-large {
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -151,12 +148,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);
@@ -537,19 +534,15 @@
 }
 .nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
   position: absolute;
-  /* #ifndef dynamic*/
   top: initial;
-  right: initial;
-  /* #endif */
   top: 100%;
   left: 50%;
+  right: initial;
 }
 .nut-range-vertical-button-wrapper-left {
   top: 0px;
   left: 50%;
-  /* #ifndef dynamic*/
   right: initial;
-  /* #endif */
 }
 .nut-range-vertical-button-number {
   left: 0px;
@@ -599,23 +592,17 @@
 .rtl-nut-range-button-wrapper,
 .rtl-nut-range-button-wrapper-right {
   left: 0;
-  /* #ifndef dynamic*/
   right: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-button-wrapper-left,
 .rtl-nut-range-button-wrapper-left {
   right: 0;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-tick,
 .rtl-nut-range-tick {
   right: 0px;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-mark-text,
 .rtl-nut-range-mark-text {
@@ -625,16 +612,12 @@
 .rtl-nut-range-vertical-button-wrapper,
 .rtl-nut-range-vertical-button-wrapper-right {
   right: 50%;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-button-wrapper-left,
 .rtl-nut-range-vertical-button-wrapper-left {
   right: 50%;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-mark,
 .rtl-nut-range-vertical-mark {

package/dist/cjs/packages/avatarcropper/avatarcropper.js

@@ -129,7 +129,7 @@ var AvatarCropper = function AvatarCropper(props) {
         cropperCanvas: null,
         cropperCanvasContext: null
     }), 2), canvasAll = _useState5[0], setCanvasAll = _useState5[1];
-    (0, _taro.useReady)(function() {
+    (0, _react.useLayoutEffect)(function() {
         if (showAlipayCanvas2D) {
             var canvasId = canvasAll.canvasId;
             (0, _taro.createSelectorQuery)().select("#".concat(canvasId)).node(function(param) {
@@ -141,7 +141,11 @@ var AvatarCropper = function AvatarCropper(props) {
                 }));
             }).exec();
         }
-    });
+    }, [
+        showAlipayCanvas2D,
+        state.displayHeight,
+        state.displayWidth
+    ]);
     (0, _react.useEffect)(function() {
         setCanvasAll((0, _object_spread_props._)((0, _object_spread._)({}, canvasAll), {
             cropperCanvasContext: _taro.default.createCanvasContext(canvasAll.canvasId)

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

@@ -59,9 +59,7 @@
 
       &.top {
         top: 0;
-        /* #ifndef dynamic*/
         bottom: inherit;
-        /* #endif */
       }
 
       &-flex {

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

@@ -58,9 +58,7 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
-  /* #ifndef dynamic*/
   bottom: inherit;
-  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

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

@@ -58,9 +58,7 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
-  /* #ifndef dynamic*/
   bottom: inherit;
-  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

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

@@ -59,9 +59,7 @@
 
       &.top {
         top: 0;
-        /* #ifndef dynamic*/
         bottom: inherit;
-        /* #endif */
       }
 
       &-flex {

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

@@ -58,9 +58,7 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
-  /* #ifndef dynamic*/
   bottom: inherit;
-  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

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

@@ -59,9 +59,7 @@
 
       &.top {
         top: 0;
-        /* #ifndef dynamic*/
         bottom: inherit;
-        /* #endif */
       }
 
       &-flex {

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

@@ -58,9 +58,7 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
-  /* #ifndef dynamic*/
   bottom: inherit;
-  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

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

@@ -1,13 +1,8 @@
 .nut-badge {
   position: relative;
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  box-sizing: content-box;
-  /* #endif */
   vertical-align: middle;
+  box-sizing: content-box;
   width: auto;
 
   &-icon {
@@ -43,12 +38,7 @@
   }
 
   &-sup {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     text-align: center;
     min-width: $badge-min-width;
     padding: $badge-padding;

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

@@ -4,14 +4,9 @@
 /* #endif */
 .nut-badge {
   position: relative;
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  box-sizing: content-box;
-  /* #endif */
   vertical-align: middle;
+  box-sizing: content-box;
   width: auto;
 }
 .nut-badge-icon {
@@ -43,12 +38,7 @@
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
 }
 .nut-badge-sup {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 6px);
   padding: var(--nutui-badge-padding, 1px 4px);

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

@@ -4,14 +4,9 @@
 /* #endif */
 .nut-badge {
   position: relative;
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  box-sizing: content-box;
-  /* #endif */
   vertical-align: middle;
+  box-sizing: content-box;
   width: auto;
 }
 .nut-badge-icon {
@@ -43,12 +38,7 @@
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
 }
 .nut-badge-sup {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 6px);
   padding: var(--nutui-badge-padding, 1px 4px);

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

@@ -1,13 +1,8 @@
 .nut-badge {
   position: relative;
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  box-sizing: content-box;
-  /* #endif */
   vertical-align: middle;
+  box-sizing: content-box;
   width: auto;
 
   &-icon {
@@ -43,12 +38,7 @@
   }
 
   &-sup {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     text-align: center;
     min-width: $badge-min-width;
     padding: $badge-padding;

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

@@ -4,14 +4,9 @@
 /* #endif */
 .nut-badge {
   position: relative;
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  box-sizing: content-box;
-  /* #endif */
   vertical-align: middle;
+  box-sizing: content-box;
   width: auto;
 }
 .nut-badge-icon {
@@ -43,12 +38,7 @@
   border-radius: var(--nutui-badge-border-radius, calc(var(--nutui-badge-height, 20px) / 2));
 }
 .nut-badge-sup {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 8px);
   padding: var(--nutui-badge-padding, 0 4px);