@nutui/nutui-react-taro 3.0.18-cpp.beta.1 → 3.0.19-beta.1

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

@@ -82,7 +82,9 @@
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

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

@@ -82,7 +82,9 @@
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

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

@@ -110,7 +110,9 @@
     &-dot,
     &-line {
       position: relative;
+      /* #ifndef dynamic*/
       box-sizing: content-box;
+      /* #endif */
       background: rgba(255, 255, 255, 0.4);
       opacity: 1;
     }

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

@@ -82,7 +82,9 @@
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

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

@@ -110,7 +110,9 @@
     &-dot,
     &-line {
       position: relative;
+      /* #ifndef dynamic*/
       box-sizing: content-box;
+      /* #endif */
       background: rgba(255, 255, 255, 0.4);
       opacity: 1;
     }

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

@@ -82,7 +82,9 @@
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

package/dist/es/packages/infiniteloading/infiniteloading.js

@@ -101,8 +101,8 @@ export var InfiniteLoading = function(props) {
         }
         onScroll && onScroll(e.target.scrollTop);
     };
-    var lower = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var lower = function() {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -125,11 +125,8 @@ export var InfiniteLoading = function(props) {
                         ];
                 }
             });
-        });
-        return function lower() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var touchStart = function(event) {
         if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
             y.current = event.touches[0].pageY;
@@ -151,8 +148,8 @@ export var InfiniteLoading = function(props) {
             isTouching.current = false;
         }
     };
-    var touchEnd = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var touchEnd = function() {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -182,11 +179,8 @@ export var InfiniteLoading = function(props) {
                         ];
                 }
             });
-        });
-        return function touchEnd() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     return /*#__PURE__*/ React.createElement(ScrollView, _object_spread_props(_object_spread({}, rest), {
         className: classes,
         scrollY: true,

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

@@ -5,11 +5,23 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState } from "react";
 import { Input as TaroInput, View } from "@tarojs/components";
 import { MaskClose } from "@nutui/icons-react-taro";
-import Taro, { ENV_TYPE, getEnv } from "@tarojs/taro";
+import Taro, { getEnv } from "@tarojs/taro";
 import { formatNumber } from "./utils";
 import { useConfig, useRtl } from "../configprovider/index";
 import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../hooks/use-props-value";
+var ENV_TYPE = {
+    WEAPP: 'WEAPP',
+    SWAN: 'SWAN',
+    ALIPAY: 'ALIPAY',
+    TT: 'TT',
+    QQ: 'QQ',
+    JD: 'JD',
+    WEB: 'WEB',
+    RN: 'RN',
+    HARMONY: 'HARMONY',
+    QUICKAPP: 'QUICKAPP'
+};
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: 'text',
     name: '',
@@ -64,18 +76,27 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     }), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
     var inputRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), active = _useState[0], setActive = _useState[1];
+    // 兼容H5和小程序获取原生input标签
+    var getNativeInput = function() {
+        if (Taro.getEnv() === 'WEB') {
+            var taroInputCoreEl = inputRef.current;
+            var inputEl = taroInputCoreEl.querySelector('input');
+            return inputEl;
+        }
+        return inputRef.current;
+    };
     useImperativeHandle(ref, function() {
         return {
             clear: function() {
                 setValue('');
             },
             focus: function() {
-                var _inputRef_current;
-                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+                var nativeInput = getNativeInput();
+                nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.focus();
             },
             blur: function() {
-                var _inputRef_current;
-                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
+                var nativeInput = getNativeInput();
+                nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.blur();
             },
             get nativeElement () {
                 return inputRef.current;
@@ -163,7 +184,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         maxlength: maxLength,
         placeholder: placeholder === undefined ? locale.placeholder : placeholder,
         placeholderClass: "".concat(classPrefix, "-placeholder"),
-        disabled: disabled || readOnly,
+        disabled: disabled,
         value: value,
         focus: autoFocus || focus,
         confirmType: confirmType,

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

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-l, 16px));
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-l, 16px));
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title);
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title);
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/es/packages/inputnumber/inputnumber.js

@@ -95,8 +95,8 @@ export var InputNumber = function(props) {
         var stepAmount = parseFloat(stepValue) * symbol;
         return (currentValue * dig + stepAmount * dig) / dig;
     };
-    var update = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(negative, e) {
+    var update = function(negative, e) {
+        return _async_to_generator(function() {
             var shouldOverBoundary, maybeResume, nextValue;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -127,13 +127,10 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function update(negative, e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var handleReduce = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(e) {
+        })();
+    };
+    var handleReduce = function(e) {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -151,13 +148,10 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function handleReduce(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var handlePlus = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(e) {
+        })();
+    };
+    var handlePlus = function(e) {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -175,18 +169,15 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function handlePlus(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var parseValue = function(text) {
         if (text === '') return null;
         if (text === '-') return null;
         return text;
     };
-    var handleInputChange = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(e) {
+    var handleInputChange = function(e) {
+        return _async_to_generator(function() {
             var valueStr, maybeResume;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -215,11 +206,8 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function handleInputChange(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var handleFocus = function(e) {
         setFocused(true);
         setInputValue(shadowValue !== undefined && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : '');

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

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0px) + 2 * var(--nutui-inputnumber-button-width, 20px) + var(--nutui-inputnumber-input-width, 26px));
   flex-direction: row;
   align-items: center;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0px) + 2 * var(--nutui-inputnumber-button-width, 20px) + var(--nutui-inputnumber-input-width, 26px));
   flex-direction: row;
   align-items: center;

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

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0 6px) + 2 * var(--nutui-inputnumber-button-width, 16px) + var(--nutui-inputnumber-input-width, 40px));
   flex-direction: row;
   align-items: center;

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

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0 6px) + 2 * var(--nutui-inputnumber-button-width, 16px) + var(--nutui-inputnumber-input-width, 40px));
   flex-direction: row;
   align-items: center;

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

@@ -1,5 +1,10 @@
 .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/loading/style/style.css

@@ -3,7 +3,12 @@
 /* #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/loading/style/style.harmony.css

@@ -3,7 +3,12 @@
 /* #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/loading/style-jmapp/loading.scss

@@ -1,5 +1,10 @@
 .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/loading/style-jmapp/style.css

@@ -3,7 +3,12 @@
 /* #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/loading/style-jrkf/loading.scss

@@ -1,5 +1,10 @@
 .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/loading/style-jrkf/style.css

@@ -3,7 +3,12 @@
 /* #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/types.js

@@ -1 +1 @@
-import React from "react";
+export { };

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

@@ -81,7 +81,12 @@
   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;
@@ -103,14 +108,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: -var(--nutui-menu-bar-line-height, 48px);
+  top: calc(-1 * var(--menu-bar-line-height));
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: -var(--nutui-menu-bar-line-height, 48px);
+  bottom: calc(-1 * var(--menu-bar-line-height));
 }
 
 .nut-menu-container-down-enter {

package/dist/es/packages/menuitem/menuitem.js

@@ -48,28 +48,30 @@ export var MenuItem = /*#__PURE__*/ forwardRef(function(props, ref) {
         show
     ]);
     var getParentOffset = useCallback(function() {
-        setTimeout(/*#__PURE__*/ _async_to_generator(function() {
-            var p, rect;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        p = parent.menuRef.current;
-                        return [
-                            4,
-                            getRectInMultiPlatform(p)
-                        ];
-                    case 1:
-                        rect = _state.sent();
-                        setPosition({
-                            height: rect.height,
-                            top: rect.top
-                        });
-                        return [
-                            2
-                        ];
-                }
-            });
-        }), 100);
+        setTimeout(function() {
+            return _async_to_generator(function() {
+                var p, rect;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            p = parent.menuRef.current;
+                            return [
+                                4,
+                                getRectInMultiPlatform(p)
+                            ];
+                        case 1:
+                            rect = _state.sent();
+                            setPosition({
+                                height: rect.height,
+                                top: rect.top
+                            });
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        }, 100);
     }, [
         parent.menuRef
     ]);

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

@@ -27,7 +27,12 @@
     }
 
     .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;
@@ -54,14 +59,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: -$menu-bar-line-height;
+  top: calc(-1 * var(--menu-bar-line-height));
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
 
   &.up {
-    bottom: -$menu-bar-line-height;
+    bottom: calc(-1 * var(--menu-bar-line-height));
   }
 }