@arco-design/mobile-react 2.24.1 → 2.25.0

package/esm/image-preview/methods.js

@@ -8,42 +8,32 @@ export function open(Component) {
     }, config || {}, {
       close: function close() {}
     });
+    var dynamicProps = _extends({}, baseProps);
 
-    var dynamicProps = _extends({}, baseProps); // 不同的key用不同的容器挂载
+    // 不同的key用不同的容器挂载
     // @en Different keys are mounted in different containers
-
-
     var id = "_ARCO_IMAGE_PREVIEW_DIV_" + (baseProps.key || '') + "_";
-
     var _appendElementById = appendElementById(id, baseProps.getContainer),
-        div = _appendElementById.child;
-
+      div = _appendElementById.child;
     var leaving = false;
-
     var _ReactDOMRender = new ReactDOMRender(Component, div, context),
-        render = _ReactDOMRender.render;
-
+      render = _ReactDOMRender.render;
     function update(newConfig) {
       dynamicProps = _extends({}, dynamicProps, newConfig || {});
       render(dynamicProps);
     }
-
     function close() {
       leaving = true;
       dynamicProps.openIndex = -1;
       render(dynamicProps);
     }
-
     dynamicProps.close = close;
-
     dynamicProps.onClose = function () {
       baseProps.onClose && baseProps.onClose();
-
       if (baseProps.unmountOnExit) {
         removeElement(div);
       }
     };
-
     dynamicProps.openIndex = -1;
     render(dynamicProps);
     setTimeout(function () {

package/esm/image-preview/style/css/index.css

@@ -25,6 +25,7 @@
   user-select: none;
   /* Non-prefixed version, currently*/
 }
+.arco-image-preview .preview-image-wrap-container,
 .arco-image-preview .preview-image-wrap {
   width: 100%;
   height: 100%;

package/esm/image-preview/style/index.less

@@ -18,7 +18,7 @@
         .noselect();
     }
 
-    .preview-image-wrap {
+    .preview-image-wrap-container, .preview-image-wrap {
         width: 100%;
         height: 100%;
     }

package/esm/index.d.ts

@@ -18,12 +18,17 @@ export { default as DatePicker } from './date-picker';
 export { default as Dropdown } from './dropdown';
 export { default as DropdownMenu } from './dropdown-menu';
 export { default as Ellipsis } from './ellipsis';
+export { default as Form } from './form';
+export { default as Input } from './input';
+export { default as Textarea } from './textarea';
+export { default as Radio } from './radio';
+export { default as ImagePicker } from './image-picker';
+export { default as Rate } from './rate';
+export { default as Slider } from './slider';
 export { default as Grid } from './grid';
 export { default as Image } from './image';
 export { default as ShowMonitor } from './show-monitor';
-export { default as ImagePicker } from './image-picker';
 export { default as ImagePreview } from './image-preview';
-export { default as Input } from './input';
 export { default as LoadMore } from './load-more';
 export { default as Masking } from './masking';
 export { default as NavBar } from './nav-bar';
@@ -38,9 +43,6 @@ export { default as PopupSwiper } from './popup-swiper';
 export { default as Portal } from './portal';
 export { default as Progress } from './progress';
 export { default as PullRefresh } from './pull-refresh';
-export { default as Radio } from './radio';
-export { default as Rate } from './rate';
-export { default as Slider } from './slider';
 export { default as SearchBar } from './search-bar';
 export { default as Stepper } from './stepper';
 export { default as Steps } from './steps';
@@ -49,5 +51,4 @@ export { default as SwipeAction } from './swipe-action';
 export { default as SwipeLoad } from './swipe-load';
 export { default as TabBar } from './tab-bar';
 export { default as Tag } from './tag';
-export { default as Textarea } from './textarea';
 export { default as Transition } from './transition';

package/esm/index.js

@@ -18,12 +18,17 @@ export { default as DatePicker } from './date-picker';
 export { default as Dropdown } from './dropdown';
 export { default as DropdownMenu } from './dropdown-menu';
 export { default as Ellipsis } from './ellipsis';
+export { default as Form } from './form';
+export { default as Input } from './input';
+export { default as Textarea } from './textarea';
+export { default as Radio } from './radio';
+export { default as ImagePicker } from './image-picker';
+export { default as Rate } from './rate';
+export { default as Slider } from './slider';
 export { default as Grid } from './grid';
 export { default as Image } from './image';
 export { default as ShowMonitor } from './show-monitor';
-export { default as ImagePicker } from './image-picker';
 export { default as ImagePreview } from './image-preview';
-export { default as Input } from './input';
 export { default as LoadMore } from './load-more';
 export { default as Masking } from './masking';
 export { default as NavBar } from './nav-bar';
@@ -38,9 +43,6 @@ export { default as PopupSwiper } from './popup-swiper';
 export { default as Portal } from './portal';
 export { default as Progress } from './progress';
 export { default as PullRefresh } from './pull-refresh';
-export { default as Radio } from './radio';
-export { default as Rate } from './rate';
-export { default as Slider } from './slider';
 export { default as SearchBar } from './search-bar';
 export { default as Stepper } from './stepper';
 export { default as Steps } from './steps';
@@ -49,5 +51,4 @@ export { default as SwipeAction } from './swipe-action';
 export { default as SwipeLoad } from './swipe-load';
 export { default as TabBar } from './tab-bar';
 export { default as Tag } from './tag';
-export { default as Textarea } from './textarea';
 export { default as Transition } from './transition';

package/esm/input/hooks.js

@@ -4,46 +4,44 @@ import IconClear from '../icon/IconClear';
 import { useSystem } from '../_helpers';
 export 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.createElement(IconClear, 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.createElement(IconClear, null) : _props$clearIcon,
+    _props$preventEventWh = props.preventEventWhenClearing,
+    preventEventWhenClearing = _props$preventEventWh === void 0 ? true : _props$preventEventWh,
+    onClear = props.onClear,
+    autoFocus = props.autoFocus;
   var _useState = useState(value || defaultValue || ''),
-      inputValue = _useState[0],
-      setInputValue = _useState[1];
-
+    inputValue = _useState[0],
+    setInputValue = _useState[1];
   var _useState2 = 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];
   /**
    * clear相关问题背景
    * 如果点击clear按钮之前已经是focusing状态了，那么在点完clear按钮之后会手动聚焦一下
@@ -61,12 +59,9 @@ export function useInputLogic(props, inputRef) {
    * 如果这个标志为true，则跳过调用外部的onBlur和onFocus，并在最后再将标志置回false
    *
    */
-
-
   var _useState3 = useState(false),
-      isFocusing = _useState3[0],
-      setIsFocusing = _useState3[1];
-
+    isFocusing = _useState3[0],
+    setIsFocusing = _useState3[1];
   var shouldPreventEvent = useRef(false);
   var actualInputValue = value !== void 0 ? value : inputValue;
   var system = useSystem();
@@ -85,12 +80,10 @@ export 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,65 +92,54 @@ export 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) {
     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) {
     nextTick(function () {
       if (preventEventWhenClearing && shouldPreventEvent.current) {
         shouldPreventEvent.current = false;
         return;
       }
-
       setIsFocusing(true);
       clearShowType === 'focus' && toggleClear(true);
       onFocus && onFocus(e);
     });
   }
-
   function handleBlur(e) {
     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.
@@ -169,35 +151,29 @@ export 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.createElement("div", {
       role: "search",
@@ -225,7 +201,6 @@ export function useInputLogic(props, inputRef) {
       className: prefixCls + "-suffix"
     }, suffix) : null), renderPendNode(append));
   }
-
   return {
     inputValue: actualInputValue,
     handleChange: handleChange,

package/esm/input/index.d.ts

@@ -45,6 +45,7 @@ export interface InputRef {
      */
     input: HTMLInputElement | null;
 }
+declare const _default: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & "Input";
 /**
  * 输入框组件，支持添加前后缀。
  * @en The input box, supports adding prefixes and suffixes.
@@ -52,6 +53,6 @@ export interface InputRef {
  * @type_en Data Entry
  * @name 输入框
  * @name_en Input
+ * @displayName Input
  */
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
-export default Input;
+export default _default;

package/esm/input/index.js

@@ -1,55 +1,43 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import { cls } from '@arco-design/mobile-utils';
+import { cls, componentWrapper } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import { useInputLogic } from './hooks';
-
-/**
- * 输入框组件，支持添加前后缀。
- * @en The input box, supports adding prefixes and suffixes.
- * @type 数据录入
- * @type_en Data Entry
- * @name 输入框
- * @name_en Input
- */
 var Input = /*#__PURE__*/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 = useRef(null);
-
   var _useInputLogic = 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;
   useImperativeHandle(ref, function () {
     return {
       dom: wrapRef.current,
       input: inputRef.current
     };
   });
-
   function renderInput(_ref) {
     var prefixCls = _ref.prefixCls;
     var prefix = prefixCls + "-input";
@@ -78,7 +66,16 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
       "aria-label": ariaLabel
     })));
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, renderInput);
 });
-export default Input;
+
+/**
+ * 输入框组件，支持添加前后缀。
+ * @en The input box, supports adding prefixes and suffixes.
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 输入框
+ * @name_en Input
+ * @displayName Input
+ */
+export default componentWrapper(Input, 'Input');

package/esm/input/style/css/index.css

@@ -11,7 +11,7 @@
 }
 .arco-input-label.required::before {
   content: "* ";
-  color:  #ee4d38 ;
+  color:  #f53f3f ;
 }
 .disabled .arco-input-label {
   color:  #c9cdd4 ;

package/esm/load-more/index.js

@@ -3,7 +3,6 @@ import lodashThrottle from 'lodash.throttle';
 import { getScrollContainerAttribute, getValidScrollContainer, defaultLocale } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import { useUpdateEffect } from '../_helpers';
-
 /**
  * 上拉加载组件，支持`scroll`和`click`两种触发加载方式，支持滚动监听。支持受控与不受控两种形式。<br>如果引入组件后发现仅触发了初始的`getData`，请确认是否在`getData`方法内没有调用`callback`移除 loading 状态，且未设置`blockWhenLoading`属性为 false。
  * @en Pull-up loading component, supports `scroll` and `click` two trigger loading methods, supports scroll monitoring. Both controlled and uncontrolled forms are supported. <br>If only the initial `getData` is triggered after the component is introduced, please make sure that the `callback` is not called in the `getData` method to remove the loading state, and the `blockWhenLoading` property is not set to false.
@@ -14,38 +13,36 @@ import { useUpdateEffect } from '../_helpers';
  */
 var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      beforeReadyArea = props.beforeReadyArea,
-      loadingArea = props.loadingArea,
-      noMoreArea = props.noMoreArea,
-      prepareArea = props.prepareArea,
-      retryArea = props.retryArea,
-      _props$defaultStatus = props.defaultStatus,
-      defaultStatus = _props$defaultStatus === void 0 ? 'prepare' : _props$defaultStatus,
-      status = props.status,
-      getScrollContainer = props.getScrollContainer,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'scroll' : _props$trigger,
-      _props$threshold = props.threshold,
-      threshold = _props$threshold === void 0 ? 200 : _props$threshold,
-      _props$throttle = props.throttle,
-      throttle = _props$throttle === void 0 ? 0 : _props$throttle,
-      _props$getDataAtFirst = props.getDataAtFirst,
-      getDataAtFirst = _props$getDataAtFirst === void 0 ? true : _props$getDataAtFirst,
-      getData = props.getData,
-      _props$blockWhenLoadi = props.blockWhenLoading,
-      blockWhenLoading = _props$blockWhenLoadi === void 0 ? true : _props$blockWhenLoadi,
-      onStatusChange = props.onStatusChange,
-      onClick = props.onClick,
-      onEndReached = props.onEndReached;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    beforeReadyArea = props.beforeReadyArea,
+    loadingArea = props.loadingArea,
+    noMoreArea = props.noMoreArea,
+    prepareArea = props.prepareArea,
+    retryArea = props.retryArea,
+    _props$defaultStatus = props.defaultStatus,
+    defaultStatus = _props$defaultStatus === void 0 ? 'prepare' : _props$defaultStatus,
+    status = props.status,
+    getScrollContainer = props.getScrollContainer,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'scroll' : _props$trigger,
+    _props$threshold = props.threshold,
+    threshold = _props$threshold === void 0 ? 200 : _props$threshold,
+    _props$throttle = props.throttle,
+    throttle = _props$throttle === void 0 ? 0 : _props$throttle,
+    _props$getDataAtFirst = props.getDataAtFirst,
+    getDataAtFirst = _props$getDataAtFirst === void 0 ? true : _props$getDataAtFirst,
+    getData = props.getData,
+    _props$blockWhenLoadi = props.blockWhenLoading,
+    blockWhenLoading = _props$blockWhenLoadi === void 0 ? true : _props$blockWhenLoadi,
+    onStatusChange = props.onStatusChange,
+    onClick = props.onClick,
+    onEndReached = props.onEndReached;
   var domRef = useRef(null);
   var requestAtFirst = trigger === 'scroll' ? getDataAtFirst : false;
-
   var _useState = useState(defaultStatus),
-      innerStatus = _useState[0],
-      setInnerStatus = _useState[1];
-
+    innerStatus = _useState[0],
+    setInnerStatus = _useState[1];
   var lastScrollEndRef = useRef(false);
   var nowStatus = status || innerStatus;
   var statusRef = useRef(nowStatus);
@@ -57,7 +54,6 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
     if (blockWhenLoading && statusRef.current === 'loading') {
       return;
     }
-
     changeStatus('loading', scene);
     getData == null ? void 0 : getData(function (st) {
       lastScrollEndRef.current = false;
@@ -83,12 +79,10 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [trigger]);
   var handleContainerScroll = useCallback(function () {
     var scrollTop = getScrollContainerAttribute('scrollTop', getScrollContainer);
-
     if (checkNeedTrigger(scrollTop, threshold + 1)) {
       if (!lastScrollEndRef.current) {
         lastScrollEndRef.current = true;
         onEndReached && onEndReached();
-
         if (!['nomore', 'retry', 'before-ready'].includes(statusRef.current)) {
           triggerGetData('scrollEnd');
         }
@@ -100,16 +94,13 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     var binded = null;
     var scrollFunc = throttle ? lodashThrottle(handleContainerScroll, throttle) : handleContainerScroll;
-
     if (trigger === 'scroll') {
       var container = getValidScrollContainer(getScrollContainer);
-
       if (container) {
         container.addEventListener('scroll', scrollFunc);
         binded = container;
       }
     }
-
     return function () {
       if (binded) {
         binded.removeEventListener('scroll', scrollFunc);
@@ -122,55 +113,45 @@ var LoadMore = /*#__PURE__*/forwardRef(function (props, ref) {
       changeStatus: changeStatus
     };
   }, [changeStatus]);
-
   function checkNeedTrigger(top, ths) {
     var scrollHeight = getScrollContainerAttribute('scrollHeight', getScrollContainer);
     var clientHeight = getScrollContainerAttribute('clientHeight', getScrollContainer);
     return scrollHeight - top - clientHeight <= ths;
   }
-
   function handleClick(e) {
     if (trigger === 'click' && statusRef.current === 'prepare' || statusRef.current === 'retry') {
       triggerGetData('click');
     }
-
     onClick && onClick(e);
   }
-
   function renderArea(locale) {
     switch (nowStatus) {
       case 'before-ready':
         return beforeReadyArea;
-
       case 'prepare':
         return prepareArea === void 0 ? /*#__PURE__*/React.createElement("div", {
           className: "load-more-text prepare"
         }, trigger === 'scroll' ? locale.LoadMore.prepareScrollText : locale.LoadMore.prepareClickText, locale.LoadMore.loadMoreText) : prepareArea;
-
       case 'loading':
         return loadingArea === void 0 ? /*#__PURE__*/React.createElement("div", {
           className: "load-more-text loading"
         }, locale.LoadMore.loadingText) : loadingArea;
-
       case 'nomore':
         return noMoreArea === void 0 ? /*#__PURE__*/React.createElement("div", {
           className: "load-more-text nomore"
         }, locale.LoadMore.noDataText) : noMoreArea;
-
       case 'retry':
         return retryArea === void 0 ? /*#__PURE__*/React.createElement("div", {
           className: "load-more-text retry"
         }, locale.LoadMore.failLoadText) : retryArea;
-
       default:
         return null;
     }
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls,
-        _ref$locale = _ref.locale,
-        locale = _ref$locale === void 0 ? defaultLocale : _ref$locale;
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? defaultLocale : _ref$locale;
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-load-more status-" + nowStatus + " " + className,
       ref: domRef,