@nutui/nutui-react-taro 3.0.13-beta.0 → 3.0.13

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

@@ -86,6 +86,7 @@
       height: 100%;
       background: $uploader-preview-progress-background;
       border-radius: $uploader-image-border-radius;
+      z-index: 10;
 
       i {
         margin-bottom: $uploader-image-icon-margin-bottom;

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

@@ -1,6 +1,5 @@
 export * from './taro/add-color-for-harmony';
 export * from './bound';
-export * from './camel-case';
 export * from './can-use-dom';
 export * from './clamp';
 export * from './date';

package/dist/cjs/utils/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 var _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./taro/add-color-for-harmony"), exports);
 _export_star._(require("./bound"), exports);
-_export_star._(require("./camel-case"), exports);
 _export_star._(require("./can-use-dom"), exports);
 _export_star._(require("./clamp"), exports);
 _export_star._(require("./date"), exports);

package/dist/cjs/utils/taro/platform.d.ts

@@ -1,3 +1,4 @@
 export declare const harmony: () => boolean;
 export declare const web: () => boolean;
 export declare const miniprogram: () => boolean;
+export declare const td: () => boolean;

package/dist/cjs/utils/taro/platform.js

@@ -15,6 +15,9 @@ _export(exports, {
     miniprogram: function() {
         return miniprogram;
     },
+    td: function() {
+        return td;
+    },
     web: function() {
         return web;
     }
@@ -37,3 +40,8 @@ var miniprogram = function miniprogram() {
         'mini'
     ].includes((0, _taro.getEnv)().toLowerCase());
 };
+var td = function td() {
+    return [
+        'dynamic'
+    ].includes((0, _taro.getEnv)().toLowerCase());
+};

package/dist/cjs/utils/taro/px-transform.js

@@ -12,6 +12,6 @@ var _taro = require("@tarojs/taro");
 var _platform = require("./platform");
 function pxTransform(value, radix) {
     // @ts-ignore
-    if ((0, _platform.harmony)()) return (0, _taro.pxTransform)(value, radix || 375);
+    if ((0, _platform.harmony)() || (0, _platform.td)()) return (0, _taro.pxTransform)(value, radix || 375);
     return "".concat(value, "px");
 }

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

@@ -64,10 +64,10 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       margin-right: 6px;
       /* #endif */
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       margin-right: 7px;
       /* #endif */
       background-color: $color-background-sunken;

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

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: var(--nutui-color-background-sunken, #f7f8fc);

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

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: #f7f8fc;

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

@@ -64,10 +64,10 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       margin-right: 6px;
       /* #endif */
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       margin-right: 7px;
       /* #endif */
       background-color: $color-background-sunken;

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

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: var(--nutui-gray-2, #f8f8f8);

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

@@ -64,10 +64,10 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       margin-right: 6px;
       /* #endif */
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       margin-right: 7px;
       /* #endif */
       background-color: $color-background-sunken;

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

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: var(--nutui-gray-2, #f0f0f0);

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

@@ -8,11 +8,11 @@ import classNames from "classnames";
 import { User } from "@nutui/icons-react-taro";
 import { AvatarContext } from "../avatargroup/context";
 import { ComponentDefaults } from "../../utils/typings";
-import { harmony } from "../../utils/taro/platform";
+import { harmony, td } from "../../utils/taro/platform";
 import AvatarGroup from "../avatargroup/index";
 import { pxTransform } from "../../utils/taro/px-transform";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    size: harmony() ? '40' : '',
+    size: harmony() || td() ? '40' : '',
     shape: 'round',
     icon: '',
     background: '#eee',

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

@@ -2,10 +2,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -72,7 +72,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     background: initial;
     /* #endif */
     .nut-icon {

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

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

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

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

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

@@ -2,10 +2,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -72,7 +72,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     background: initial;
     /* #endif */
     .nut-icon {

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

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

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

@@ -2,10 +2,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -72,7 +72,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     background: initial;
     /* #endif */
     .nut-icon {

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

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

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

@@ -38,10 +38,10 @@
       left: 16px;
       bottom: 0;
       border-bottom: $collapse-item-header-border-bottom;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       transform: scale(1, 1);
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       transform: scale(1, 0.5);
       /* #endif */
     }

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

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }

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

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }

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

@@ -38,10 +38,10 @@
       left: 16px;
       bottom: 0;
       border-bottom: $collapse-item-header-border-bottom;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       transform: scale(1, 1);
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       transform: scale(1, 0.5);
       /* #endif */
     }

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

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: var(--nutui-collapse-item-header-border-bottom, none);
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }

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

@@ -38,10 +38,10 @@
       left: 16px;
       bottom: 0;
       border-bottom: $collapse-item-header-border-bottom;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       transform: scale(1, 1);
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       transform: scale(1, 0.5);
       /* #endif */
     }

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

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: var(--nutui-collapse-item-header-border-bottom, none);
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }

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

@@ -6,7 +6,7 @@
   align-items: center;
   width: $dialog-width;
   min-width: $dialog-min-width;
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: $dialog-min-height;

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

@@ -8,7 +8,7 @@
   align-items: center;
   width: var(--nutui-dialog-width, 295px);
   min-width: var(--nutui-dialog-min-width, 240px);
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: var(--nutui-dialog-min-height, 124px);

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

@@ -8,7 +8,7 @@
   align-items: center;
   width: 295px;
   min-width: 240px;
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: 124px;

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

@@ -6,7 +6,7 @@
   align-items: center;
   width: $dialog-width;
   min-width: $dialog-min-width;
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: $dialog-min-height;

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

@@ -8,7 +8,7 @@
   align-items: center;
   width: var(--nutui-dialog-width, 295px);
   min-width: var(--nutui-dialog-min-width, 240px);
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: var(--nutui-dialog-min-height, 60px);

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

@@ -6,7 +6,7 @@
   align-items: center;
   width: $dialog-width;
   min-width: $dialog-min-width;
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: $dialog-min-height;

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

@@ -8,7 +8,7 @@
   align-items: center;
   width: var(--nutui-dialog-width, 295px);
   min-width: var(--nutui-dialog-min-width, 240px);
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: var(--nutui-dialog-min-height, 60px);

package/dist/es/packages/input/input.js

@@ -77,9 +77,6 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
                 var _inputRef_current;
                 (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
             },
-            get: function() {
-                return inputRef.current;
-            },
             get nativeElement () {
                 return inputRef.current;
             }

package/dist/es/packages/loading/loading.js

@@ -16,10 +16,6 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: 'circular',
     direction: 'horizontal'
 });
-var defaultLottieProps = {
-    loop: true,
-    autoplay: true
-};
 export var Loading = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     var _ref = _object_spread({}, defaultProps, props), className = _ref.className, style = _ref.style, children = _ref.children, direction = _ref.direction, icon = _ref.icon, rest = _object_without_properties(_ref, [
         "className",

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

@@ -48,10 +48,10 @@
     &-wrapper {
       position: relative;
       flex: 1;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       width: 33%;
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;

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

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

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

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

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

@@ -48,10 +48,10 @@
     &-wrapper {
       position: relative;
       flex: 1;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       width: 33%;
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;

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

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

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

@@ -48,10 +48,10 @@
     &-wrapper {
       position: relative;
       flex: 1;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       width: 33%;
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;

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

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

package/dist/es/packages/pagination/pagination.js

@@ -5,7 +5,7 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React from "react";
 import classNames from "classnames";
-import { View } from "@tarojs/components";
+import { View, Text } from "@tarojs/components";
 import { useConfig } from "../configprovider/index";
 import { usePropsValue } from "../../hooks/use-props-value";
 import { ComponentDefaults } from "../../utils/typings";
@@ -96,11 +96,11 @@ export var Pagination = function(props) {
         }
     }, addColorForHarmony(next || locale.pagination.next, current >= pageCount ? '#c2c4cc' : '#ff0f23'))), mode === 'lite' && /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-lite")
-    }, /*#__PURE__*/ React.createElement(View, {
+    }, /*#__PURE__*/ React.createElement(Text, {
         className: "".concat(classPrefix, "-lite-active")
-    }, current), /*#__PURE__*/ React.createElement(View, {
+    }, current), /*#__PURE__*/ React.createElement(Text, {
         className: "".concat(classPrefix, "-lite-spliterator")
-    }, "/"), /*#__PURE__*/ React.createElement(View, {
+    }, "/"), /*#__PURE__*/ React.createElement(Text, {
         className: "".concat(classPrefix, "-lite-default")
     }, pageCount)));
 };