@arco-design/mobile-react 2.38.4 → 2.39.1

package/esm/icon/IconShopping/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconShopping(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconSmileFill/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconSmileFill(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconSound/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconSound(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconSquareChecked/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconSquareChecked(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconSquareDisabled/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconSquareDisabled(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconSquareUnchecked/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconSquareUnchecked(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconStar/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconStar(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconStarFill/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconStarFill(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconStarHalf/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconStarHalf(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconSubway/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconSubway(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconSuccessCircle/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconSuccessCircle(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconTriDown/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconTriDown(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconTriUp/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconTriUp(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconUpload/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconUpload(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconUser/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconUser(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconUserFill/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconUserFill(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconWarnCircle/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconWarnCircle(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/icon/IconWarnCircleFill/index.js

@@ -5,12 +5,11 @@ import React from 'react';
 import { ContextLayout } from '../../context-provider';
 export default function IconWarnCircleFill(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$useCurrentColo = props.useCurrentColor,
-      useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
-      style = props.style,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$useCurrentColo = props.useCurrentColor,
+    useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
+    style = props.style,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("svg", _extends({

package/esm/image/index.js

@@ -4,7 +4,6 @@ import { cls, defaultLocale, nextTick } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import Loading from '../loading';
 import { useSystem, useWindowSize, getStyleWithVendor, useMountedState } from '../_helpers';
-
 /**
  * 增强版的 img 标签，提供多种图片填充模式，支持图片加载中提示、加载失败提示。
  * @en Enhanced img tag, provides a variety of image filling modes, and supports image loading prompts and loading failure prompts.
@@ -15,62 +14,57 @@ import { useSystem, useWindowSize, getStyleWithVendor, useMountedState } from '.
  */
 export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
   var style = props.style,
-      className = props.className,
-      status = props.status,
-      src = props.src,
-      width = props.width,
-      height = props.height,
-      _props$alt = props.alt,
-      alt = _props$alt === void 0 ? '' : _props$alt,
-      _props$fit = props.fit,
-      fit = _props$fit === void 0 ? 'cover' : _props$fit,
-      _props$position = props.position,
-      position = _props$position === void 0 ? 'center' : _props$position,
-      radius = props.radius,
-      bordered = props.bordered,
-      loadingArea = props.loadingArea,
-      errorArea = props.errorArea,
-      showLoading = props.showLoading,
-      showError = props.showError,
-      _props$animateDuratio = props.animateDuration,
-      animateDuration = _props$animateDuratio === void 0 ? 200 : _props$animateDuratio,
-      _props$retryTime = props.retryTime,
-      retryTime = _props$retryTime === void 0 ? 0 : _props$retryTime,
-      forceHttps = props.forceHttps,
-      _props$boxWidth = props.boxWidth,
-      boxWidth = _props$boxWidth === void 0 ? 0 : _props$boxWidth,
-      _props$boxHeight = props.boxHeight,
-      boxHeight = _props$boxHeight === void 0 ? 0 : _props$boxHeight,
-      topOverlap = props.topOverlap,
-      bottomOverlap = props.bottomOverlap,
-      _props$showImage = props.showImage,
-      showImage = _props$showImage === void 0 ? true : _props$showImage,
-      staticLabel = props.staticLabel,
-      _props$nativeProps = props.nativeProps,
-      nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps,
-      onChange = props.onChange,
-      onClick = props.onClick,
-      onLoad = props.onLoad,
-      onError = props.onError,
-      onAutoRetry = props.onAutoRetry;
+    className = props.className,
+    status = props.status,
+    src = props.src,
+    width = props.width,
+    height = props.height,
+    _props$alt = props.alt,
+    alt = _props$alt === void 0 ? '' : _props$alt,
+    _props$fit = props.fit,
+    fit = _props$fit === void 0 ? 'cover' : _props$fit,
+    _props$position = props.position,
+    position = _props$position === void 0 ? 'center' : _props$position,
+    radius = props.radius,
+    bordered = props.bordered,
+    loadingArea = props.loadingArea,
+    errorArea = props.errorArea,
+    showLoading = props.showLoading,
+    showError = props.showError,
+    _props$animateDuratio = props.animateDuration,
+    animateDuration = _props$animateDuratio === void 0 ? 200 : _props$animateDuratio,
+    _props$retryTime = props.retryTime,
+    retryTime = _props$retryTime === void 0 ? 0 : _props$retryTime,
+    forceHttps = props.forceHttps,
+    _props$boxWidth = props.boxWidth,
+    boxWidth = _props$boxWidth === void 0 ? 0 : _props$boxWidth,
+    _props$boxHeight = props.boxHeight,
+    boxHeight = _props$boxHeight === void 0 ? 0 : _props$boxHeight,
+    topOverlap = props.topOverlap,
+    bottomOverlap = props.bottomOverlap,
+    _props$showImage = props.showImage,
+    showImage = _props$showImage === void 0 ? true : _props$showImage,
+    staticLabel = props.staticLabel,
+    _props$nativeProps = props.nativeProps,
+    nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps,
+    onChange = props.onChange,
+    onClick = props.onClick,
+    onLoad = props.onLoad,
+    onError = props.onError,
+    onAutoRetry = props.onAutoRetry;
   var system = useSystem();
-
   var _useWindowSize = useWindowSize(),
-      windowWidth = _useWindowSize.windowWidth,
-      windowHeight = _useWindowSize.windowHeight;
-
+    windowWidth = _useWindowSize.windowWidth,
+    windowHeight = _useWindowSize.windowHeight;
   var _useMountedState = useMountedState(staticLabel && showLoading ? 'loading' : 'init'),
-      imageStatus = _useMountedState[0],
-      setImageStatus = _useMountedState[1];
-
+    imageStatus = _useMountedState[0],
+    setImageStatus = _useMountedState[1];
   var _useMountedState2 = useMountedState(''),
-      wrapClass = _useMountedState2[0],
-      setWrapClass = _useMountedState2[1];
-
+    wrapClass = _useMountedState2[0],
+    setWrapClass = _useMountedState2[1];
   var _useMountedState3 = useMountedState(false),
-      staticRetrying = _useMountedState3[0],
-      setStaticRetrying = _useMountedState3[1];
-
+    staticRetrying = _useMountedState3[0],
+    setStaticRetrying = _useMountedState3[1];
   var imageRef = useRef(null);
   var imageDomRef = useRef(null);
   var wrapRef = useRef(null);
@@ -83,12 +77,10 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
   var validStatus = status === undefined ? imageStatus : status;
   var attrs = useMemo(function () {
     var imageStyle = {};
-
     if (!isPreview) {
       imageStyle.objectFit = fit;
       imageStyle.objectPosition = position;
     }
-
     return {
       alt: alt,
       src: forceHttps ? src.replace('http://', 'https://') : src,
@@ -96,11 +88,9 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
       style: imageStyle
     };
   }, [alt, bordered, fit, forceHttps, isPreview, position, radius, src, system]);
-
   function retry() {
     loadImage(true);
   }
-
   useImperativeHandle(ref, function () {
     return {
       dom: wrapRef.current,
@@ -114,7 +104,6 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [attrs, width, height, showImage, staticLabel]);
   useEffect(function () {
     var _imageDomRef$current;
-
     // 当使用img标签时，onLoad可能加载完成前已经执行完，此时手动触发一次
     // @en When using the img tag, onLoad may have been executed before loading is complete, and it needs to be triggered manually
     if (staticLabel && !hasLoadedRef.current && (_imageDomRef$current = imageDomRef.current) != null && _imageDomRef$current.complete) {
@@ -127,39 +116,32 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }
   }, [staticLabel]);
-
   function changeStatus(newStatus) {
     setImageStatus(newStatus);
     onChange && onChange(newStatus);
   }
-
   function replaceChild(newChild) {
     var dom = imageRef.current;
-
     if (!dom) {
       return;
     }
-
     if (dom.children && dom.children.length) {
       dom.replaceChild(newChild, dom.children[0]);
     } else {
       dom.appendChild(newChild);
     }
   }
-
   function handleImageLoaded(image) {
     hasLoadedRef.current = true;
     changeStatus('loaded');
     var _image$width = image.width,
-        imageWidth = _image$width === void 0 ? 0 : _image$width,
-        _image$height = image.height,
-        imageHeight = _image$height === void 0 ? 0 : _image$height;
+      imageWidth = _image$width === void 0 ? 0 : _image$width,
+      _image$height = image.height,
+      imageHeight = _image$height === void 0 ? 0 : _image$height;
     var extraClass = '';
-
     if (isPreview) {
       var scale = imageWidth / imageHeight;
       var windowScale = actualBoxWidth / actualBoxHeight;
-
       if (fit === 'preview-y') {
         if (scale < windowScale) {
           image.style.width = actualBoxWidth + "px";
@@ -178,11 +160,9 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       }
     }
-
     extraClass && image.classList.add(extraClass);
     setWrapClass(extraClass ? extraClass + "-container" : '');
   }
-
   function loadImage(isFromRetry) {
     // 如果在加载图片前发现上一个图片还没加载完，则抛弃上一个图片的加载
     // @en Abort last image before starting loading new image
@@ -190,11 +170,9 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
       loadingImageRef.current.src = '';
       loadingImageRef.current = null;
     }
-
     if (!showImage || staticLabel) {
       return;
     }
-
     changeStatus('loading');
     var image = new Image();
     Object.keys(nativeProps).forEach(function (key) {
@@ -204,7 +182,6 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
     Object.keys(attrs.style).forEach(function (key) {
       image.style[key] = attrs.style[key];
     });
-
     image.onload = function (evt) {
       loadingImageRef.current = null;
       imageDomRef.current = image;
@@ -212,10 +189,8 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
       replaceChild(image);
       onLoad && onLoad(evt, image);
     };
-
     image.onerror = function (evt) {
       loadingImageRef.current = null;
-
       if (isFromRetry || retryCountRef.current >= retryTime) {
         changeStatus('error');
         var placeholder = document.createElement('div');
@@ -227,37 +202,32 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
         loadImage();
       }
     };
-
     nextTick(function () {
       image.src = attrs.src;
       image.alt = attrs.alt;
       loadingImageRef.current = image;
     });
   }
-
   function handleStaticImageLoaded(evt, image) {
     handleImageLoaded(image);
     onLoad && onLoad(evt, image);
   }
-
   function handleStaticImageError(e) {
     var evt = e ? e.nativeEvent : null;
-
     if (retryCountRef.current >= retryTime) {
       changeStatus('error');
       onError && onError(evt);
     } else {
       retryCountRef.current += 1;
-      onAutoRetry && onAutoRetry(evt); // 强制刷新一下<img>使其重新加载
+      onAutoRetry && onAutoRetry(evt);
+      // 强制刷新一下<img>使其重新加载
       // @en Force refresh <img> to reload
-
       setStaticRetrying(true);
       nextTick(function () {
         setStaticRetrying(false);
       });
     }
   }
-
   function getImageStyle() {
     if (isPreview) {
       var overflow = fit === 'preview-x' ? {
@@ -270,17 +240,15 @@ export var BaseImage = /*#__PURE__*/forwardRef(function (props, ref) {
         height: actualBoxHeight
       }, overflow);
     }
-
     return {
       width: Number(width) || width,
       height: Number(height) || height
     };
   }
-
   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: cls(prefixCls + "-image all-border-box", {
         preview: isPreview