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

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-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

@@ -75,9 +75,6 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
                 var _inputRef_current;
                 return (_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), {
     direction: 'horizontal',
     lottieProps: {}
 });
-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-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/steps/style/steps.scss

@@ -179,7 +179,7 @@
 
   // 纵向滚动条
   &-vertical {
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     flex: 1;
     min-width: 0;
     /* #endif */

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

@@ -117,7 +117,7 @@
   height: var(--nutui-steps-base-head-text-size, 12px);
 }
 .nut-steps-vertical {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   flex: 1;
   min-width: 0;
   /* #endif */

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

@@ -179,7 +179,7 @@
 
   // 纵向滚动条
   &-vertical {
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     flex: 1;
     min-width: 0;
     /* #endif */

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

@@ -117,7 +117,7 @@
   height: var(--nutui-steps-base-head-text-size, 12px);
 }
 .nut-steps-vertical {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   flex: 1;
   min-width: 0;
   /* #endif */

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

@@ -179,7 +179,7 @@
 
   // 纵向滚动条
   &-vertical {
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     flex: 1;
     min-width: 0;
     /* #endif */

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

@@ -117,7 +117,7 @@
   height: var(--nutui-steps-base-head-text-size, 12px);
 }
 .nut-steps-vertical {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   flex: 1;
   min-width: 0;
   /* #endif */

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

@@ -15,10 +15,10 @@
   width: 24px;
   height: 24px;
   font-size: 24px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }
@@ -49,10 +49,10 @@
 }
 .nut-tabbar-item-active .nut-tabbar-item-text,
 .nut-tabbar-item-active .nut-icon {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }

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

@@ -11,10 +11,10 @@
     width: 24px;
     height: 24px;
     font-size: 24px;
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     color: $tabbar-inactive-color;
     /* #endif*/
-    /* #ifndef harmony*/
+    /* #ifndef harmony dynamic*/
     color: inherit;
     /* #endif*/
   }
@@ -52,10 +52,10 @@
 
     .nut-tabbar-item-text,
     .nut-icon {
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       color: $tabbar-active-color;
       /* #endif*/
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       color: inherit;
       /* #endif*/
     }

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

@@ -15,10 +15,10 @@
   width: 24px;
   height: 24px;
   font-size: 24px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-inactive-color, var(--nutui-color-text));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }
@@ -49,10 +49,10 @@
 }
 .nut-tabbar-item-active .nut-tabbar-item-text,
 .nut-tabbar-item-active .nut-icon {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }

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

@@ -11,10 +11,10 @@
     width: 24px;
     height: 24px;
     font-size: 24px;
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     color: $tabbar-inactive-color;
     /* #endif*/
-    /* #ifndef harmony*/
+    /* #ifndef harmony dynamic*/
     color: inherit;
     /* #endif*/
   }
@@ -52,10 +52,10 @@
 
     .nut-tabbar-item-text,
     .nut-icon {
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       color: $tabbar-active-color;
       /* #endif*/
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       color: inherit;
       /* #endif*/
     }

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

@@ -15,10 +15,10 @@
   width: 24px;
   height: 24px;
   font-size: 24px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-inactive-color, var(--nutui-color-text));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }
@@ -49,10 +49,10 @@
 }
 .nut-tabbar-item-active .nut-tabbar-item-text,
 .nut-tabbar-item-active .nut-icon {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff6666));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }

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

@@ -11,10 +11,10 @@
     width: 24px;
     height: 24px;
     font-size: 24px;
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     color: $tabbar-inactive-color;
     /* #endif*/
-    /* #ifndef harmony*/
+    /* #ifndef harmony dynamic*/
     color: inherit;
     /* #endif*/
   }
@@ -52,10 +52,10 @@
 
     .nut-tabbar-item-text,
     .nut-icon {
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       color: $tabbar-active-color;
       /* #endif*/
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       color: inherit;
       /* #endif*/
     }

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

@@ -170,10 +170,10 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   padding-left: 12px;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   padding-left: 6px;
   /* #endif */
   width: 90px;

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

@@ -213,10 +213,10 @@
 .nut-tabs-vertical {
   .nut-tabs-ellipsis {
     white-space: break-spaces;
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     padding-left: 12px;
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     padding-left: 6px;
     /* #endif */
     width: 90px;

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

@@ -170,10 +170,10 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   padding-left: 12px;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   padding-left: 6px;
   /* #endif */
   width: 90px;

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

@@ -213,10 +213,10 @@
 .nut-tabs-vertical {
   .nut-tabs-ellipsis {
     white-space: break-spaces;
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     padding-left: 12px;
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     padding-left: 6px;
     /* #endif */
     width: 90px;

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

@@ -170,10 +170,10 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   padding-left: 12px;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   padding-left: 6px;
   /* #endif */
   width: 90px;

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

@@ -213,10 +213,10 @@
 .nut-tabs-vertical {
   .nut-tabs-ellipsis {
     white-space: break-spaces;
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     padding-left: 12px;
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     padding-left: 6px;
     /* #endif */
     width: 90px;

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

@@ -27,10 +27,10 @@
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
 }
 .nut-toast-overlay-default-taro {
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   background-color: rgba(0, 0, 0, 0);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
   /* #endif */
 }

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

@@ -26,10 +26,10 @@
   }
 
   &-overlay-default-taro {
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     background-color: rgba(0, 0, 0, 0);
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
     /* #endif */
   }

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

@@ -27,10 +27,10 @@
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
 }
 .nut-toast-overlay-default-taro {
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   background-color: rgba(0, 0, 0, 0);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
   /* #endif */
 }

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

@@ -26,10 +26,10 @@
   }
 
   &-overlay-default-taro {
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     background-color: rgba(0, 0, 0, 0);
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
     /* #endif */
   }

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

@@ -27,10 +27,10 @@
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
 }
 .nut-toast-overlay-default-taro {
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   background-color: rgba(0, 0, 0, 0);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
   /* #endif */
 }

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

@@ -26,10 +26,10 @@
   }
 
   &-overlay-default-taro {
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     background-color: rgba(0, 0, 0, 0);
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
     /* #endif */
   }

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

@@ -77,6 +77,7 @@
   height: 100%;
   background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   border-radius: var(--nutui-uploader-image-border-radius, 4px);
+  z-index: 10;
 }
 .nut-uploader-preview-progress i {
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);

package/dist/es/packages/uploader/style/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/es/packages/uploader/style-jmapp/style.css

@@ -77,6 +77,7 @@
   height: 100%;
   background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-surface-overlay));
   border-radius: var(--nutui-uploader-image-border-radius, var(--nutui-radius-xs));
+  z-index: 10;
 }
 .nut-uploader-preview-progress i {
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);

package/dist/es/packages/uploader/style-jmapp/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/es/packages/uploader/style-jrkf/style.css

@@ -77,6 +77,7 @@
   height: 100%;
   background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-surface-overlay));
   border-radius: var(--nutui-uploader-image-border-radius, var(--nutui-radius-xs));
+  z-index: 10;
 }
 .nut-uploader-preview-progress i {
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);

package/dist/es/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/es/types/spec/input/base.d.ts

@@ -60,7 +60,10 @@ export interface BaseInput<INPUT_TYPE, CONFIRM_TYPE = InputConfirmType> extends
     * 键盘右下角按钮的文字，仅在type='text'时生效,可选值 send：发送、search：搜索、next：下一个、go：前往、done：完成
     */
     confirmType: CONFIRM_TYPE
-    plain: boolean;
+    /**
+    * 输入框是容器型还是文本型，容器型一般都是带外边框的
+    */
+    plain: boolean
     /**
     * 输入内容格式化函数
     */

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

@@ -1,5 +1,4 @@
 export * from './bound';
-export * from './camel-case';
 export * from './can-use-dom';
 export * from './clamp';
 export * from './date';

package/dist/es/utils/index.js

@@ -1,5 +1,4 @@
 export * from "./bound";
-export * from "./camel-case";
 export * from "./can-use-dom";
 export * from "./clamp";
 export * from "./date";

package/dist/es/utils/index.taro.js

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

@@ -16,3 +16,8 @@ export var miniprogram = function() {
         'mini'
     ].includes(getEnv().toLowerCase());
 };
+export var td = function() {
+    return [
+        'dynamic'
+    ].includes(getEnv().toLowerCase());
+};