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

package/dist/cjs/packages/imagepreview/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-l, 16px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  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));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
@@ -145,6 +142,9 @@
 .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;
@@ -462,7 +462,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/cjs/packages/indicator/style/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/infiniteloading/infiniteloading.js

@@ -113,8 +113,8 @@ var InfiniteLoading = function InfiniteLoading(props) {
         }
         onScroll && onScroll(e.target.scrollTop);
     };
-    var lower = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function() {
+    var lower = function lower() {
+        return (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -137,11 +137,8 @@ var InfiniteLoading = function InfiniteLoading(props) {
                         ];
                 }
             });
-        });
-        return function lower() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var touchStart = function touchStart(event) {
         if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
             y.current = event.touches[0].pageY;
@@ -163,8 +160,8 @@ var InfiniteLoading = function InfiniteLoading(props) {
             isTouching.current = false;
         }
     };
-    var touchEnd = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function() {
+    var touchEnd = function touchEnd() {
+        return (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -194,11 +191,8 @@ var InfiniteLoading = function InfiniteLoading(props) {
                         ];
                 }
             });
-        });
-        return function touchEnd() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     return /*#__PURE__*/ _react.default.createElement(_components.ScrollView, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
         className: classes,
         scrollY: true,

package/dist/cjs/packages/input/input.js

@@ -21,6 +21,18 @@ var _utils = require("./utils");
 var _index = require("../configprovider/index");
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../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 = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     type: 'text',
     name: '',
@@ -75,18 +87,27 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     }), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
     var inputRef = (0, _react.useRef)(null);
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), active = _useState[0], setActive = _useState[1];
+    // 兼容H5和小程序获取原生input标签
+    var getNativeInput = function getNativeInput() {
+        if (_taro.default.getEnv() === 'WEB') {
+            var taroInputCoreEl = inputRef.current;
+            var inputEl = taroInputCoreEl.querySelector('input');
+            return inputEl;
+        }
+        return inputRef.current;
+    };
     (0, _react.useImperativeHandle)(ref, function() {
         return {
             clear: function clear() {
                 setValue('');
             },
             focus: function focus() {
-                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 blur() {
-                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;
@@ -141,7 +162,7 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         }, 200);
     };
     var inputType = function inputType(type) {
-        if ((0, _taro.getEnv)() === _taro.ENV_TYPE.WEB) {
+        if ((0, _taro.getEnv)() === ENV_TYPE.WEB) {
             if (type === 'digit') return 'text';
             if (type === 'number') return 'tel';
         } else if (type === 'password') {
@@ -174,7 +195,7 @@ var Input = /*#__PURE__*/ (0, _react.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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/inputnumber/inputnumber.js

@@ -107,8 +107,8 @@ var InputNumber = function InputNumber(props) {
         var stepAmount = parseFloat(stepValue) * symbol;
         return (currentValue * dig + stepAmount * dig) / dig;
     };
-    var update = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function(negative, e) {
+    var update = function update(negative, e) {
+        return (0, _async_to_generator._)(function() {
             var shouldOverBoundary, maybeResume, nextValue;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -139,13 +139,10 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        });
-        return function update(negative, e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var handleReduce = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function(e) {
+        })();
+    };
+    var handleReduce = function handleReduce(e) {
+        return (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -163,13 +160,10 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        });
-        return function handleReduce(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var handlePlus = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function(e) {
+        })();
+    };
+    var handlePlus = function handlePlus(e) {
+        return (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -187,18 +181,15 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        });
-        return function handlePlus(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var parseValue = function parseValue(text) {
         if (text === '') return null;
         if (text === '-') return null;
         return text;
     };
-    var handleInputChange = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function(e) {
+    var handleInputChange = function handleInputChange(e) {
+        return (0, _async_to_generator._)(function() {
             var valueStr, maybeResume;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -226,11 +217,8 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        });
-        return function handleInputChange(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var handleFocus = function handleFocus(e) {
         setFocused(true);
         setInputValue(shadowValue !== undefined && shadowValue !== null ? (0, _bound.bound)(Number(shadowValue), Number(min), Number(max)).toString() : '');

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/lottie/types.js

@@ -2,5 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _react = /*#__PURE__*/ _interop_require_default._(require("react"));

package/dist/cjs/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 {