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

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 {

package/dist/cjs/packages/menuitem/menuitem.js

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

package/dist/cjs/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));
   }
 }
 

package/dist/cjs/packages/menuitem/style/style.css

@@ -27,7 +27,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;
@@ -49,14 +54,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/cjs/packages/menuitem/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/cjs/packages/menuitem/style-jmapp/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));
   }
 }
 

package/dist/cjs/packages/menuitem/style-jmapp/style.css

@@ -27,7 +27,12 @@
   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;
@@ -49,14 +54,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 {