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

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

@@ -35,8 +35,8 @@
   font-weight: var(--nutui-font-weight-bold, 600);
   margin-bottom: var(--nutui-empty-title-margin-bottom, 12px);
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-font-size-l, 16px);
-  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-font-size-l, 15px);
+  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 15px));
 }
 .nut-empty-description {
   color: var(--nutui-color-text, #505259);

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

@@ -57,6 +57,9 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -138,7 +141,7 @@
 .nut-button-large {
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +151,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);
@@ -412,8 +415,8 @@
   font-weight: var(--nutui-font-weight-bold, 600);
   margin-bottom: var(--nutui-empty-title-margin-bottom, 12px);
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-font-size-l, 16px);
-  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-font-size-l, 15px);
+  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 15px));
 }
 .nut-empty-description {
   color: var(--nutui-color-text, #505259);

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

@@ -58,9 +58,14 @@
 
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -92,7 +97,12 @@
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 6px);
   padding: var(--nutui-badge-padding, 1px 4px);
@@ -110,7 +120,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);

package/dist/es/packages/form/index.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Form } from "./form";
 import { FormItem } from "../formitem/formitem";
 import { useForm, useWatch } from "./useform";

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

@@ -6,7 +6,9 @@
   display: block;
 }
 .nut-cell-group-title {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-title-padding, 0 10px);
   color: var(--nutui-cell-group-title-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-size-base, 14px));
@@ -15,7 +17,9 @@
   margin-bottom: 10px;
 }
 .nut-cell-group-description {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-description-padding, 0 10px);
   color: var(--nutui-cell-group-description-color, var(--nutui-color-text, #505259));
   font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-size-s, 12px));
@@ -34,7 +38,9 @@
   display: block;
 }
 .nut-cell-group-title {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-title-padding, 0 10px);
   color: var(--nutui-cell-group-title-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-size-base, 14px));
@@ -43,7 +49,9 @@
   margin-bottom: 10px;
 }
 .nut-cell-group-description {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-description-padding, 0 10px);
   color: var(--nutui-cell-group-description-color, var(--nutui-color-text, #505259));
   font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-size-s, 12px));
@@ -294,11 +302,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {

package/dist/es/packages/form/useform.js

@@ -18,7 +18,6 @@ export var SECRET = 'NUT_FORM_INTERNAL';
         var _this = this;
         var _this1 = this;
         _class_call_check(this, FormStore);
-        var _this2 = this;
         // 初始化数据
         _define_property(this, "initialValues", {});
         _define_property(this, "updateList", []);
@@ -106,8 +105,8 @@ export var SECRET = 'NUT_FORM_INTERNAL';
         _define_property(this, "setCallback", function(callback) {
             _this.callbacks = _object_spread({}, _this.callbacks, callback);
         });
-        _define_property(this, "validateEntities", /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(entity, errs) {
+        _define_property(this, "validateEntities", function(entity, errs) {
+            return _async_to_generator(function() {
                 var _entity_props, name, _entity_props_rules, rules, descriptor, validator, _this_store, param, errors, _errs;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -142,7 +141,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ]);
                             return [
                                 4,
-                                validator.validate(_define_property({}, name, (_this_store = _this2.store) === null || _this_store === void 0 ? void 0 : _this_store[name]))
+                                validator.validate(_define_property({}, name, (_this_store = this.store) === null || _this_store === void 0 ? void 0 : _this_store[name]))
                             ];
                         case 2:
                             _state.sent();
@@ -156,7 +155,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             if (errors) {
                                 ;
                                 (_errs = errs).push.apply(_errs, _to_consumable_array(errors));
-                                _this2.errors[name] = errors;
+                                this.errors[name] = errors;
                             }
                             return [
                                 3,
@@ -164,7 +163,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                         case 4:
                             if (!errs || errs.length === 0) {
-                                _this2.errors[name] = [];
+                                this.errors[name] = [];
                             }
                             return [
                                 7
@@ -176,23 +175,21 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                     }
                 });
-            });
-            return function(entity, errs) {
-                return _ref.apply(this, arguments);
-            };
-        }());
-        _define_property(this, "validateFields", /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(nameList) {
-                var filterEntities, errs;
+            }).call(_this);
+        });
+        _define_property(this, "validateFields", function(nameList) {
+            return _async_to_generator(function() {
+                var _this, filterEntities, errs;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
+                            _this = this;
                             filterEntities = [];
                             // this.errors.length = 0
                             if (!nameList || nameList.length === 0) {
-                                filterEntities = _this2.fieldEntities;
+                                filterEntities = this.fieldEntities;
                             } else {
-                                filterEntities = _this2.fieldEntities.filter(function(param) {
+                                filterEntities = this.fieldEntities.filter(function(param) {
                                     var name = param.props.name;
                                     return nameList.includes(name);
                                 });
@@ -200,14 +197,14 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             errs = [];
                             return [
                                 4,
-                                Promise.all(filterEntities.map(/*#__PURE__*/ function() {
-                                    var _ref = _async_to_generator(function(entity) {
+                                Promise.all(filterEntities.map(function(entity) {
+                                    return _async_to_generator(function() {
                                         return _ts_generator(this, function(_state) {
                                             switch(_state.label){
                                                 case 0:
                                                     return [
                                                         4,
-                                                        _this2.validateEntities(entity, errs)
+                                                        this.validateEntities(entity, errs)
                                                     ];
                                                 case 1:
                                                     _state.sent();
@@ -216,11 +213,8 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                                                     ];
                                             }
                                         });
-                                    });
-                                    return function(entity) {
-                                        return _ref.apply(this, arguments);
-                                    };
-                                }()))
+                                    }).call(_this);
+                                }))
                             ];
                         case 1:
                             _state.sent();
@@ -230,35 +224,34 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                     }
                 });
-            });
-            return function(nameList) {
-                return _ref.apply(this, arguments);
-            };
-        }());
-        _define_property(this, "submit", /*#__PURE__*/ _async_to_generator(function() {
-            var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            _this2.validateFields()
-                        ];
-                    case 1:
-                        errors = _state.sent();
-                        if (errors.length === 0) {
-                            ;
-                            (_this_callbacks_onFinish = (_this_callbacks = _this2.callbacks).onFinish) === null || _this_callbacks_onFinish === void 0 ? void 0 : _this_callbacks_onFinish.call(_this_callbacks, _this2.store);
-                        } else if (errors.length > 0) {
-                            ;
-                            (_this_callbacks_onFinishFailed = (_this_callbacks1 = _this2.callbacks).onFinishFailed) === null || _this_callbacks_onFinishFailed === void 0 ? void 0 : _this_callbacks_onFinishFailed.call(_this_callbacks1, _this2.store, errors);
-                        }
-                        return [
-                            2
-                        ];
-                }
-            });
-        }));
+            }).call(_this);
+        });
+        _define_property(this, "submit", function() {
+            return _async_to_generator(function() {
+                var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            return [
+                                4,
+                                this.validateFields()
+                            ];
+                        case 1:
+                            errors = _state.sent();
+                            if (errors.length === 0) {
+                                ;
+                                (_this_callbacks_onFinish = (_this_callbacks = this.callbacks).onFinish) === null || _this_callbacks_onFinish === void 0 ? void 0 : _this_callbacks_onFinish.call(_this_callbacks, this.store);
+                            } else if (errors.length > 0) {
+                                ;
+                                (_this_callbacks_onFinishFailed = (_this_callbacks1 = this.callbacks).onFinishFailed) === null || _this_callbacks_onFinishFailed === void 0 ? void 0 : _this_callbacks_onFinishFailed.call(_this_callbacks1, this.store, errors);
+                            }
+                            return [
+                                2
+                            ];
+                    }
+                });
+            }).call(_this);
+        });
         _define_property(this, "resetFields", function(namePaths) {
             if (namePaths && namePaths.length) {
                 namePaths.forEach(function(path) {

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

@@ -172,10 +172,10 @@
   padding-left: 0;
   padding-right: 12px;
 
-  .required {
-    left: auto;
-    right: 0.1em;
-  }
+  // .required {
+  //   left: auto;
+  //   right: 0.1em;
+  // }
 }
 
 [dir='rtl'] .form-layout-top .nut-form-item-label,

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

@@ -156,11 +156,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {

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

@@ -156,11 +156,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {

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

@@ -172,10 +172,10 @@
   padding-left: 0;
   padding-right: 12px;
 
-  .required {
-    left: auto;
-    right: 0.1em;
-  }
+  // .required {
+  //   left: auto;
+  //   right: 0.1em;
+  // }
 }
 
 [dir='rtl'] .form-layout-top .nut-form-item-label,

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

@@ -156,11 +156,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {

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

@@ -172,10 +172,10 @@
   padding-left: 0;
   padding-right: 12px;
 
-  .required {
-    left: auto;
-    right: 0.1em;
-  }
+  // .required {
+  //   left: auto;
+  //   right: 0.1em;
+  // }
 }
 
 [dir='rtl'] .form-layout-top .nut-form-item-label,

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

@@ -156,11 +156,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {

package/dist/es/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/es/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/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,