npm - @nutui/nutui-react-taro - Versions diffs - 3.0.19-beta.1 → 3.0.19-beta.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (803) hide show

package/dist/es/packages/loading/style-jrkf/style.css CHANGED Viewed

@@ -3,12 +3,7 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/es/packages/lottie/lottiemp.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import React, { useImperativeHandle, useRef } from "react";
-import { createSelectorQuery, getEnv, useReady, useUnload } from "@tarojs/taro";
+import React, { useImperativeHandle, useLayoutEffect, useRef } from "react";
+import { createSelectorQuery, getEnv, useUnload } from "@tarojs/taro";
 import lottie from "@nutui/lottie-miniprogram";
 import { getWindowInfo } from "../../utils/taro/get-system-info";
 import { useUuid } from "../../hooks/use-uuid";
@@ -9,17 +9,11 @@ export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     var animation = useRef();
     var inited = useRef(false);
     var source = props.source, _props_loop = props.loop, loop = _props_loop === void 0 ? true : _props_loop, _props_autoPlay = props.autoPlay, autoPlay = _props_autoPlay === void 0 ? true : _props_autoPlay, onComplete = props.onComplete, style = props.style, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed, _props_dpr = props.dpr, dpr = _props_dpr === void 0 ? true : _props_dpr;
-    var setSpeed = function() {
-        if (animation.current) {
-            animation.current.setSpeed(Math.abs(speed));
-            animation.current.setDirection(speed > 0 ? 1 : -1);
-        }
-    };
     useImperativeHandle(ref, function() {
         return animation.current || {};
     });
     var pixelRatio = useRef(getWindowInfo().pixelRatio);
-    useReady(function() {
+    useLayoutEffect(function() {
         createSelectorQuery().select("#".concat(id)).fields({
             node: true,
             size: true
@@ -43,14 +37,28 @@ export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
                         context: context
                     }
                 });
-                onComplete && animation.current.addEventListener('complete', onComplete);
-                setSpeed();
+                if (onComplete) {
+                    animation.current.addEventListener('complete', onComplete);
+                }
+                if (animation.current) {
+                    animation.current.setSpeed(Math.abs(speed));
+                    animation.current.setDirection(speed > 0 ? 1 : -1);
+                }
                 inited.current = true;
             } catch (error) {
                 console.error(error);
             }
         }).exec();
-    });
+    }, [
+        autoPlay,
+        dpr,
+        id,
+        loop,
+        onComplete,
+        source,
+        speed,
+        style
+    ]);
     useUnload(function() {
         onComplete && animation.current && animation.current.removeEventListener('complete', onComplete);
         animation.current && animation.current.destroy();

package/dist/es/packages/menu/style/style.harmony.css CHANGED Viewed

@@ -81,12 +81,7 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-menu-container-item .nut-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   margin-right: var(--nutui-menu-item-icon-margin, 8px);
   flex-shrink: 0;
@@ -108,14 +103,14 @@
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 .nut-menu-container-down-enter {

package/dist/es/packages/menuitem/style/menuitem.scss CHANGED Viewed

@@ -27,12 +27,7 @@
     }
     .nut-icon {
-      /* #ifdef dynamic*/
-      display: flex;
-      /* #endif */
-      /* #ifndef dynamic*/
       display: inline-flex;
-      /* #endif */
       align-items: center;
       margin-right: $menu-item-icon-margin;
       flex-shrink: 0;
@@ -59,14 +54,14 @@
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -$menu-bar-line-height;
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
   &.up {
-    bottom: calc(-1 * var(--menu-bar-line-height));
+    bottom: -$menu-bar-line-height;
   }
 }

package/dist/es/packages/menuitem/style/style.css CHANGED Viewed

@@ -27,12 +27,7 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-menu-container-item .nut-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   margin-right: var(--nutui-menu-item-icon-margin, 8px);
   flex-shrink: 0;
@@ -54,14 +49,14 @@
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 .nut-menu-container-down-enter {

package/dist/es/packages/menuitem/style/style.harmony.css CHANGED Viewed

@@ -81,12 +81,7 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-menu-container-item .nut-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   margin-right: var(--nutui-menu-item-icon-margin, 8px);
   flex-shrink: 0;
@@ -108,14 +103,14 @@
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 .nut-menu-container-down-enter {

package/dist/es/packages/menuitem/style-jmapp/menuitem.scss CHANGED Viewed

@@ -27,12 +27,7 @@
     }
     .nut-icon {
-      /* #ifdef dynamic*/
-      display: flex;
-      /* #endif */
-      /* #ifndef dynamic*/
       display: inline-flex;
-      /* #endif */
       align-items: center;
       margin-right: $menu-item-icon-margin;
       flex-shrink: 0;
@@ -59,14 +54,14 @@
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -$menu-bar-line-height;
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
   &.up {
-    bottom: calc(-1 * var(--menu-bar-line-height));
+    bottom: -$menu-bar-line-height;
   }
 }

package/dist/es/packages/menuitem/style-jmapp/style.css CHANGED Viewed

@@ -27,12 +27,7 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary));
 }
 .nut-menu-container-item .nut-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   margin-right: var(--nutui-menu-item-icon-margin, 8px);
   flex-shrink: 0;
@@ -54,14 +49,14 @@
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 .nut-menu-container-down-enter {

package/dist/es/packages/menuitem/style-jrkf/menuitem.scss CHANGED Viewed

@@ -27,12 +27,7 @@
     }
     .nut-icon {
-      /* #ifdef dynamic*/
-      display: flex;
-      /* #endif */
-      /* #ifndef dynamic*/
       display: inline-flex;
-      /* #endif */
       align-items: center;
       margin-right: $menu-item-icon-margin;
       flex-shrink: 0;
@@ -59,14 +54,14 @@
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -$menu-bar-line-height;
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
   &.up {
-    bottom: calc(-1 * var(--menu-bar-line-height));
+    bottom: -$menu-bar-line-height;
   }
 }

package/dist/es/packages/menuitem/style-jrkf/style.css CHANGED Viewed

@@ -27,12 +27,7 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff6666));
 }
 .nut-menu-container-item .nut-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   margin-right: var(--nutui-menu-item-icon-margin, 8px);
   flex-shrink: 0;
@@ -54,14 +49,14 @@
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 .nut-menu-container-down-enter {

package/dist/es/packages/navbar/style/navbar.scss CHANGED Viewed

@@ -28,10 +28,8 @@
   }
   &-safe-area-inset-top {
-    /* #ifndef dynamic*/
     padding-top: constant(safe-area-inset-top);
     padding-top: env(safe-area-inset-top);
-    /* #endif */
   }
   &-title-wrapper {

package/dist/es/packages/navbar/style/style.css CHANGED Viewed

@@ -30,10 +30,8 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
-  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
-  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

package/dist/es/packages/navbar/style/style.harmony.css CHANGED Viewed

@@ -30,10 +30,8 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
-  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
-  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

package/dist/es/packages/navbar/style-jmapp/navbar.scss CHANGED Viewed

@@ -28,10 +28,8 @@
   }
   &-safe-area-inset-top {
-    /* #ifndef dynamic*/
     padding-top: constant(safe-area-inset-top);
     padding-top: env(safe-area-inset-top);
-    /* #endif */
   }
   &-title-wrapper {

package/dist/es/packages/navbar/style-jmapp/style.css CHANGED Viewed

@@ -30,10 +30,8 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
-  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
-  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

package/dist/es/packages/navbar/style-jrkf/navbar.scss CHANGED Viewed

@@ -28,10 +28,8 @@
   }
   &-safe-area-inset-top {
-    /* #ifndef dynamic*/
     padding-top: constant(safe-area-inset-top);
     padding-top: env(safe-area-inset-top);
-    /* #endif */
   }
   &-title-wrapper {

package/dist/es/packages/navbar/style-jrkf/style.css CHANGED Viewed

@@ -30,10 +30,8 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
-  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
-  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;