@arco-design/mobile-react 2.25.4 → 2.27.0

package/cjs/index.js

@@ -1,113 +1,234 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
-exports.Transition = exports.Toast = exports.Textarea = exports.Tag = exports.Tabs = exports.TabBar = exports.Switch = exports.SwipeLoad = exports.SwipeAction = exports.Sticky = exports.Steps = exports.Stepper = exports.Slider = exports.ShowMonitor = exports.SearchBar = exports.Rate = exports.Radio = exports.PullRefresh = exports.Progress = exports.Portal = exports.PopupSwiper = exports.Popup = exports.Popover = exports.PickerView = exports.Picker = exports.Pagination = exports.Notify = exports.NoticeBar = exports.NavBar = exports.Masking = exports.Loading = exports.LoadMore = exports.Input = exports.ImagePreview = exports.ImagePicker = exports.Image = exports.Grid = exports.Form = exports.Ellipsis = exports.DropdownMenu = exports.Dropdown = exports.Dialog = exports.DatePicker = exports.CountDown = exports.ContextProvider = exports.Collapse = exports.CircleProgress = exports.Checkbox = exports.Cell = exports.Carousel = exports.Button = exports.Badge = exports.Avatar = exports.ActionSheet = void 0;
+exports.Transition = exports.Toast = exports.Textarea = exports.Tag = exports.Tabs = exports.TabBar = exports.Switch = exports.SwipeLoad = exports.SwipeAction = exports.Sticky = exports.Steps = exports.Stepper = exports.Slider = exports.ShowMonitor = exports.SearchBar = exports.Rate = exports.Radio = exports.PullRefresh = exports.Progress = exports.Portal = exports.PopupSwiper = exports.Popup = exports.Popover = exports.PickerView = exports.Picker = exports.Pagination = exports.Notify = exports.NoticeBar = exports.NavBar = exports.Masking = exports.Loading = exports.LoadMore = exports.Keyboard = exports.Input = exports.IndexBar = exports.ImagePreview = exports.ImagePicker = exports.Image = exports.Grid = exports.Form = exports.Ellipsis = exports.DropdownMenu = exports.Dropdown = exports.Divider = exports.Dialog = exports.DatePicker = exports.CountDown = exports.ContextProvider = exports.Collapse = exports.CircleProgress = exports.Checkbox = exports.Cell = exports.Carousel = exports.Button = exports.Badge = exports.Avatar = exports.ActionSheet = void 0;
+
+var _button = _interopRequireDefault(require("./button"));
+
+exports.Button = _button.default;
+
 var _actionSheet = _interopRequireDefault(require("./action-sheet"));
+
 exports.ActionSheet = _actionSheet.default;
-var _cell = _interopRequireDefault(require("./cell"));
-exports.Cell = _cell.default;
-var _loading = _interopRequireDefault(require("./loading"));
-exports.Loading = _loading.default;
-var _badge = _interopRequireDefault(require("./badge"));
-exports.Badge = _badge.default;
+
 var _avatar = _interopRequireDefault(require("./avatar"));
+
 exports.Avatar = _avatar.default;
-var _button = _interopRequireDefault(require("./button"));
-exports.Button = _button.default;
+
+var _badge = _interopRequireDefault(require("./badge"));
+
+exports.Badge = _badge.default;
+
 var _carousel = _interopRequireDefault(require("./carousel"));
+
 exports.Carousel = _carousel.default;
-var _toast = _interopRequireDefault(require("./toast"));
-exports.Toast = _toast.default;
-var _switch = _interopRequireDefault(require("./switch"));
-exports.Switch = _switch.default;
+
+var _cell = _interopRequireDefault(require("./cell"));
+
+exports.Cell = _cell.default;
+
 var _checkbox = _interopRequireDefault(require("./checkbox"));
+
 exports.Checkbox = _checkbox.default;
+
 var _circleProgress = _interopRequireDefault(require("./circle-progress"));
+
 exports.CircleProgress = _circleProgress.default;
+
 var _collapse = _interopRequireDefault(require("./collapse"));
+
 exports.Collapse = _collapse.default;
-var _tabs = _interopRequireDefault(require("./tabs"));
-exports.Tabs = _tabs.default;
+
 var _contextProvider = _interopRequireDefault(require("./context-provider"));
+
 exports.ContextProvider = _contextProvider.default;
-var _dialog = _interopRequireDefault(require("./dialog"));
-exports.Dialog = _dialog.default;
+
 var _countDown = _interopRequireDefault(require("./count-down"));
+
 exports.CountDown = _countDown.default;
+
 var _datePicker = _interopRequireDefault(require("./date-picker"));
+
 exports.DatePicker = _datePicker.default;
+
+var _divider = _interopRequireDefault(require("./divider"));
+
+exports.Divider = _divider.default;
+
+var _dialog = _interopRequireDefault(require("./dialog"));
+
+exports.Dialog = _dialog.default;
+
 var _dropdown = _interopRequireDefault(require("./dropdown"));
+
 exports.Dropdown = _dropdown.default;
+
 var _dropdownMenu = _interopRequireDefault(require("./dropdown-menu"));
+
 exports.DropdownMenu = _dropdownMenu.default;
+
 var _ellipsis = _interopRequireDefault(require("./ellipsis"));
+
 exports.Ellipsis = _ellipsis.default;
+
 var _form = _interopRequireDefault(require("./form"));
+
 exports.Form = _form.default;
+
 var _input = _interopRequireDefault(require("./input"));
+
 exports.Input = _input.default;
+
 var _textarea = _interopRequireDefault(require("./textarea"));
+
 exports.Textarea = _textarea.default;
+
 var _radio = _interopRequireDefault(require("./radio"));
+
 exports.Radio = _radio.default;
-var _imagePicker = _interopRequireDefault(require("./image-picker"));
-exports.ImagePicker = _imagePicker.default;
+
 var _rate = _interopRequireDefault(require("./rate"));
+
 exports.Rate = _rate.default;
+
 var _slider = _interopRequireDefault(require("./slider"));
+
 exports.Slider = _slider.default;
+
 var _grid = _interopRequireDefault(require("./grid"));
+
 exports.Grid = _grid.default;
+
 var _image = _interopRequireDefault(require("./image"));
+
 exports.Image = _image.default;
+
 var _showMonitor = _interopRequireDefault(require("./show-monitor"));
+
 exports.ShowMonitor = _showMonitor.default;
+
+var _imagePicker = _interopRequireDefault(require("./image-picker"));
+
+exports.ImagePicker = _imagePicker.default;
+
 var _imagePreview = _interopRequireDefault(require("./image-preview"));
+
 exports.ImagePreview = _imagePreview.default;
+
+var _indexBar = _interopRequireDefault(require("./index-bar"));
+
+exports.IndexBar = _indexBar.default;
+
+var _keyboard = _interopRequireDefault(require("./keyboard"));
+
+exports.Keyboard = _keyboard.default;
+
 var _loadMore = _interopRequireDefault(require("./load-more"));
+
 exports.LoadMore = _loadMore.default;
+
+var _loading = _interopRequireDefault(require("./loading"));
+
+exports.Loading = _loading.default;
+
 var _masking = _interopRequireDefault(require("./masking"));
+
 exports.Masking = _masking.default;
+
 var _navBar = _interopRequireDefault(require("./nav-bar"));
+
 exports.NavBar = _navBar.default;
+
 var _noticeBar = _interopRequireDefault(require("./notice-bar"));
+
 exports.NoticeBar = _noticeBar.default;
+
 var _notify = _interopRequireDefault(require("./notify"));
+
 exports.Notify = _notify.default;
+
 var _pagination = _interopRequireDefault(require("./pagination"));
+
 exports.Pagination = _pagination.default;
+
 var _picker = _interopRequireDefault(require("./picker"));
+
 exports.Picker = _picker.default;
+
 var _pickerView = _interopRequireDefault(require("./picker-view"));
+
 exports.PickerView = _pickerView.default;
+
 var _popover = _interopRequireDefault(require("./popover"));
+
 exports.Popover = _popover.default;
+
 var _popup = _interopRequireDefault(require("./popup"));
+
 exports.Popup = _popup.default;
+
 var _popupSwiper = _interopRequireDefault(require("./popup-swiper"));
+
 exports.PopupSwiper = _popupSwiper.default;
+
 var _portal = _interopRequireDefault(require("./portal"));
+
 exports.Portal = _portal.default;
+
 var _progress = _interopRequireDefault(require("./progress"));
+
 exports.Progress = _progress.default;
+
 var _pullRefresh = _interopRequireDefault(require("./pull-refresh"));
+
 exports.PullRefresh = _pullRefresh.default;
+
 var _searchBar = _interopRequireDefault(require("./search-bar"));
+
 exports.SearchBar = _searchBar.default;
+
 var _stepper = _interopRequireDefault(require("./stepper"));
+
 exports.Stepper = _stepper.default;
+
 var _steps = _interopRequireDefault(require("./steps"));
+
 exports.Steps = _steps.default;
+
 var _sticky = _interopRequireDefault(require("./sticky"));
+
 exports.Sticky = _sticky.default;
+
 var _swipeAction = _interopRequireDefault(require("./swipe-action"));
+
 exports.SwipeAction = _swipeAction.default;
+
 var _swipeLoad = _interopRequireDefault(require("./swipe-load"));
+
 exports.SwipeLoad = _swipeLoad.default;
+
+var _switch = _interopRequireDefault(require("./switch"));
+
+exports.Switch = _switch.default;
+
 var _tabBar = _interopRequireDefault(require("./tab-bar"));
+
 exports.TabBar = _tabBar.default;
+
+var _tabs = _interopRequireDefault(require("./tabs"));
+
+exports.Tabs = _tabs.default;
+
 var _tag = _interopRequireDefault(require("./tag"));
+
 exports.Tag = _tag.default;
+
+var _toast = _interopRequireDefault(require("./toast"));
+
+exports.Toast = _toast.default;
+
 var _transition = _interopRequireDefault(require("./transition"));
+
 exports.Transition = _transition.default;

package/cjs/input/demo/style/css/mobile.css

@@ -52,7 +52,7 @@
   font-size: 0.26rem;
   line-height: 0.36rem;
   margin-bottom: -0.16rem;
-  padding: 0.32rem 0 0 0.32rem;
+  padding: 0.32rem 0.32rem 0 0.32rem;
 }
 #demo-input .demo-input-btn-input .arco-input-wrap {
   height: auto;
@@ -65,3 +65,7 @@
   font-weight: bold;
   margin-right: -0.24rem;
 }
+[dir="rtl"] #demo-input .demo-input-money {
+  margin-right: initial;
+  margin-left: -0.24rem;
+}

package/cjs/input/demo/style/mobile.less

@@ -57,7 +57,7 @@
         .rem(font-size, 13);
         .rem(line-height, 18);
         .rem(margin-bottom, -8);
-        .rem(padding, 16, 0, 0, 16);
+        .rem(padding, 16, 16, 0, 16);
     }
     .demo-input-btn-input .@{prefix}-input-wrap {
         height: auto;
@@ -70,6 +70,6 @@
     .demo-input-money {
         .rem(font-size, 20);
         font-weight: bold;
-        .rem(margin-right, -12);
+        .rem-with-rtl(margin-right, -12);
     }
 }

package/cjs/input/hooks.js

@@ -1,54 +1,67 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.useInputLogic = useInputLogic;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _IconClear = _interopRequireDefault(require("../icon/IconClear"));
+
 var _helpers = require("../_helpers");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function useInputLogic(props, inputRef) {
   var value = props.value,
-    defaultValue = props.defaultValue,
-    validator = props.validator,
-    onChange = props.onChange,
-    onInput = props.onInput,
-    className = props.className,
-    style = props.style,
-    label = props.label,
-    required = props.required,
-    prepend = props.prepend,
-    append = props.append,
-    blurBeforeFocus = props.blurBeforeFocus,
-    onKeyDown = props.onKeyDown,
-    onPressEnter = props.onPressEnter,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    onClick = props.onClick,
-    disabled = props.disabled,
-    _props$border = props.border,
-    border = _props$border === void 0 ? 'half' : _props$border,
-    prefix = props.prefix,
-    suffix = props.suffix,
-    clearable = props.clearable,
-    _props$clearShowType = props.clearShowType,
-    clearShowType = _props$clearShowType === void 0 ? 'focus' : _props$clearShowType,
-    _props$clearIcon = props.clearIcon,
-    clearIcon = _props$clearIcon === void 0 ? /*#__PURE__*/_react.default.createElement(_IconClear.default, null) : _props$clearIcon,
-    _props$preventEventWh = props.preventEventWhenClearing,
-    preventEventWhenClearing = _props$preventEventWh === void 0 ? true : _props$preventEventWh,
-    onClear = props.onClear,
-    autoFocus = props.autoFocus;
+      defaultValue = props.defaultValue,
+      validator = props.validator,
+      onChange = props.onChange,
+      onInput = props.onInput,
+      className = props.className,
+      style = props.style,
+      label = props.label,
+      required = props.required,
+      prepend = props.prepend,
+      append = props.append,
+      blurBeforeFocus = props.blurBeforeFocus,
+      onKeyDown = props.onKeyDown,
+      onPressEnter = props.onPressEnter,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      onClick = props.onClick,
+      disabled = props.disabled,
+      _props$border = props.border,
+      border = _props$border === void 0 ? 'half' : _props$border,
+      prefix = props.prefix,
+      suffix = props.suffix,
+      clearable = props.clearable,
+      _props$clearShowType = props.clearShowType,
+      clearShowType = _props$clearShowType === void 0 ? 'focus' : _props$clearShowType,
+      _props$clearIcon = props.clearIcon,
+      clearIcon = _props$clearIcon === void 0 ? /*#__PURE__*/_react.default.createElement(_IconClear.default, null) : _props$clearIcon,
+      _props$preventEventWh = props.preventEventWhenClearing,
+      preventEventWhenClearing = _props$preventEventWh === void 0 ? true : _props$preventEventWh,
+      onClear = props.onClear,
+      autoFocus = props.autoFocus,
+      blockChangeWhenCompositing = props.blockChangeWhenCompositing;
+
   var _useState = (0, _react.useState)(value || defaultValue || ''),
-    inputValue = _useState[0],
-    setInputValue = _useState[1];
+      inputValue = _useState[0],
+      setInputValue = _useState[1];
+
   var _useState2 = (0, _react.useState)(function () {
-      return clearShowType === 'always' || clearShowType === 'value' && Boolean(value || defaultValue);
-    }),
-    showClear = _useState2[0],
-    toggleClear = _useState2[1];
+    return clearShowType === 'always' || clearShowType === 'value' && Boolean(value || defaultValue);
+  }),
+      showClear = _useState2[0],
+      toggleClear = _useState2[1];
+
+  var compositingRef = (0, _react.useRef)(false);
   /**
    * clear相关问题背景
    * 如果点击clear按钮之前已经是focusing状态了，那么在点完clear按钮之后会手动聚焦一下
@@ -66,13 +79,16 @@ function useInputLogic(props, inputRef) {
    * 如果这个标志为true，则跳过调用外部的onBlur和onFocus，并在最后再将标志置回false
    *
    */
+
   var _useState3 = (0, _react.useState)(false),
-    isFocusing = _useState3[0],
-    setIsFocusing = _useState3[1];
+      isFocusing = _useState3[0],
+      setIsFocusing = _useState3[1];
+
   var shouldPreventEvent = (0, _react.useRef)(false);
   var actualInputValue = value !== void 0 ? value : inputValue;
   var system = (0, _helpers.useSystem)();
   var wrapRef = (0, _react.useRef)(null);
+  var needComposition = system === 'ios' && blockChangeWhenCompositing;
   (0, _react.useEffect)(function () {
     if (autoFocus) {
       setTimeout(function () {
@@ -80,6 +96,28 @@ function useInputLogic(props, inputRef) {
       }, 200);
     }
   }, []);
+  (0, _react.useEffect)(function () {
+    var handleCompositionStart = function handleCompositionStart() {
+      compositingRef.current = true;
+    };
+
+    var handleCompositionEnd = function handleCompositionEnd(e) {
+      compositingRef.current = false;
+      handleChange(e);
+    };
+
+    if (inputRef.current && needComposition) {
+      inputRef.current.addEventListener('compositionstart', handleCompositionStart);
+      inputRef.current.addEventListener('compositionend', handleCompositionEnd);
+    }
+
+    return function () {
+      if (inputRef.current && needComposition) {
+        inputRef.current.removeEventListener('compositionstart', handleCompositionStart);
+        inputRef.current.removeEventListener('compositionend', handleCompositionEnd);
+      }
+    };
+  }, [needComposition]);
   (0, _react.useEffect)(function () {
     // 处理受控模式下的showClear
     // @en Handling showClear in controlled mode
@@ -87,10 +125,12 @@ function useInputLogic(props, inputRef) {
       toggleClear(Boolean(value));
     }
   }, [value]);
+
   function changeValue(nowValue, callback) {
     if (callback === void 0) {
       callback = function callback() {};
     }
+
     if (nowValue && validator) {
       if (typeof validator === 'function') {
         if (!validator(nowValue)) {
@@ -99,54 +139,69 @@ function useInputLogic(props, inputRef) {
       } else if (!validator.test(nowValue)) {
         return;
       }
-    }
-    // 处理非受控模式下的showClear
+    } // 处理非受控模式下的showClear
     // @en Handling showClear in uncontrolled mode
+
+
     if (clearShowType === 'value' && value === void 0) {
       toggleClear(Boolean(nowValue));
     }
+
     setInputValue(nowValue);
     callback();
   }
+
   function handleChange(e) {
+    if (needComposition && compositingRef.current) {
+      return;
+    }
+
     var newValue = e.target.value;
     changeValue(newValue, function () {
       onChange && onChange(e, newValue);
     });
   }
+
   function handleInput(e) {
     var newValue = e.target.value;
     changeValue(newValue, function () {
       onInput && onInput(e, newValue);
     });
   }
+
   function handleKeyDown(e) {
     if (e.keyCode === 13) {
       onPressEnter && onPressEnter(e);
     }
+
     onKeyDown && onKeyDown(e);
   }
+
   function handleFocus(e) {
     (0, _mobileUtils.nextTick)(function () {
       if (preventEventWhenClearing && shouldPreventEvent.current) {
         shouldPreventEvent.current = false;
         return;
       }
+
       setIsFocusing(true);
       clearShowType === 'focus' && toggleClear(true);
       onFocus && onFocus(e);
     });
   }
+
   function handleBlur(e) {
     (0, _mobileUtils.nextTick)(function () {
       if (preventEventWhenClearing && shouldPreventEvent.current) {
         return;
       }
+
       setIsFocusing(false);
       clearShowType === 'focus' && toggleClear(false);
       onBlur && onBlur(e);
     });
   }
+
   function handleClick(e) {
     // 安卓才会有键盘切换不过来的问题，ios不开启此项，因为blur之后不能再自动focus
     // @en Android will have the problem that the keyboard cannot be switched. iOS does not enable this, because it can no longer automatically focus after blur.
@@ -158,29 +213,35 @@ function useInputLogic(props, inputRef) {
     } else {
       inputRef.current && inputRef.current.focus();
     }
+
     onClick && onClick(e);
   }
+
   function handleClear(e) {
     // 不展示清除按钮时不触发事件
     // @en No event fired when clear button is not displayed
     if (!clearable || !showClear) {
       return;
     }
+
     changeValue('', function () {
-      onClear && onClear(e);
-      // 当点击clear前是focus时强制执行focus
+      onClear && onClear(e); // 当点击clear前是focus时强制执行focus
       // @en Enforce focus when focus is before clicking clear
+
       if (isFocusing) {
         if (preventEventWhenClearing) {
           shouldPreventEvent.current = true;
         }
+
         inputRef.current && inputRef.current.focus();
       }
     });
   }
+
   function renderPendNode(pend) {
     return typeof pend === 'function' ? pend(isFocusing, actualInputValue) : pend;
   }
+
   function renderWrapper(prefixCls, type, children) {
     return /*#__PURE__*/_react.default.createElement("div", {
       role: "search",
@@ -208,6 +269,7 @@ function useInputLogic(props, inputRef) {
       className: prefixCls + "-suffix"
     }, suffix) : null), renderPendNode(append));
   }
+
   return {
     inputValue: actualInputValue,
     handleChange: handleChange,

package/cjs/input/index.js

@@ -1,50 +1,62 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _hooks = require("./hooks");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var id = props.id,
-    name = props.name,
-    maxLength = props.maxLength,
-    placeholder = props.placeholder,
-    readOnly = props.readOnly,
-    onKeyUp = props.onKeyUp,
-    onKeyPress = props.onKeyPress,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'text' : _props$type,
-    disabled = props.disabled,
-    pattern = props.pattern,
-    inputClass = props.inputClass,
-    inputStyle = props.inputStyle,
-    _props$nativeProps = props.nativeProps,
-    nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps,
-    _props$ariaLabel = props.ariaLabel,
-    ariaLabel = _props$ariaLabel === void 0 ? '' : _props$ariaLabel;
+      name = props.name,
+      maxLength = props.maxLength,
+      placeholder = props.placeholder,
+      readOnly = props.readOnly,
+      onKeyUp = props.onKeyUp,
+      onKeyPress = props.onKeyPress,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'text' : _props$type,
+      disabled = props.disabled,
+      pattern = props.pattern,
+      inputClass = props.inputClass,
+      inputStyle = props.inputStyle,
+      _props$nativeProps = props.nativeProps,
+      nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps,
+      _props$ariaLabel = props.ariaLabel,
+      ariaLabel = _props$ariaLabel === void 0 ? '' : _props$ariaLabel;
   var inputRef = (0, _react.useRef)(null);
+
   var _useInputLogic = (0, _hooks.useInputLogic)(props, inputRef),
-    inputValue = _useInputLogic.inputValue,
-    handleChange = _useInputLogic.handleChange,
-    handleInput = _useInputLogic.handleInput,
-    handleKeyDown = _useInputLogic.handleKeyDown,
-    handleFocus = _useInputLogic.handleFocus,
-    handleBlur = _useInputLogic.handleBlur,
-    handleClick = _useInputLogic.handleClick,
-    renderWrapper = _useInputLogic.renderWrapper,
-    wrapRef = _useInputLogic.wrapRef;
+      inputValue = _useInputLogic.inputValue,
+      handleChange = _useInputLogic.handleChange,
+      handleInput = _useInputLogic.handleInput,
+      handleKeyDown = _useInputLogic.handleKeyDown,
+      handleFocus = _useInputLogic.handleFocus,
+      handleBlur = _useInputLogic.handleBlur,
+      handleClick = _useInputLogic.handleClick,
+      renderWrapper = _useInputLogic.renderWrapper,
+      wrapRef = _useInputLogic.wrapRef;
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: wrapRef.current,
       input: inputRef.current
     };
   });
+
   function renderInput(_ref) {
     var prefixCls = _ref.prefixCls;
     var prefix = prefixCls + "-input";
@@ -73,9 +85,9 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       "aria-label": ariaLabel
     })));
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderInput);
 });
-
 /**
  * 输入框组件，支持添加前后缀。
  * @en The input box, supports adding prefixes and suffixes.
@@ -85,5 +97,7 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  * @name_en Input
  * @displayName Input
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(Input, 'Input');
+
 exports.default = _default;