@arco-design/mobile-react 2.25.4 → 2.27.0

package/cjs/icon/IconWarnCircleFill/index.js

@@ -1,20 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = IconWarnCircleFill;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _contextProvider = require("../../context-provider");
+
 var _excluded = ["className", "useCurrentColor", "style"];
+
 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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
@@ -25,7 +32,7 @@ function IconWarnCircleFill(props) {
       fill: useCurrentColor ? 'currentColor' : '#000',
       viewBox: "0 0 1024 1024",
       xmlns: "http://www.w3.org/2000/svg"
-    }, other), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("style", null)), /*#__PURE__*/_react.default.createElement("path", {
+    }, other), /*#__PURE__*/_react.default.createElement("defs", null), /*#__PURE__*/_react.default.createElement("path", {
       d: "M0 512c0 281.6 230.4 512 512 512s512-230.4 512-512S793.6 0 512 0 0 230.4 0 512zm512 160h32c19.2 0 32 12.8 32 32v32c0 19.2-12.8 32-32 32h-32c-19.2 0-32-12.8-32-32v-32c0-19.2 12.8-32 32-32zm0-416h32c19.2 0 32 12.8 32 32v256c0 19.2-12.8 32-32 32h-32c-19.2 0-32-12.8-32-32V288c0-19.2 12.8-32 32-32z"
     }));
   });

package/cjs/icon/index.d.ts

@@ -52,4 +52,6 @@ export { default as IconShopping } from './IconShopping';
 export { default as IconSubway } from './IconSubway';
 export { default as IconGift } from './IconGift';
 export { default as IconStarHalf } from './IconStarHalf';
+export { default as IconKeyboard } from './IconKeyboard';
+export { default as IconKeyboardDelete } from './IconKeyboardDelete';
 export * from './type';

package/cjs/icon/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 var _exportNames = {
   IconUpload: true,
@@ -56,118 +57,238 @@ var _exportNames = {
   IconShopping: true,
   IconSubway: true,
   IconGift: true,
-  IconStarHalf: true
+  IconStarHalf: true,
+  IconKeyboard: true,
+  IconKeyboardDelete: true
 };
-exports.IconWarnCircleFill = exports.IconWarnCircle = exports.IconUserFill = exports.IconUser = exports.IconUpload = exports.IconTriUp = exports.IconTriDown = exports.IconSuccessCircle = exports.IconSubway = exports.IconStarHalf = exports.IconStarFill = exports.IconStar = exports.IconSquareUnchecked = exports.IconSquareDisabled = exports.IconSquareChecked = exports.IconSound = exports.IconSmileFill = exports.IconShopping = exports.IconShop = exports.IconSetting = exports.IconSearch = exports.IconScan = exports.IconSad = exports.IconRefresh = exports.IconQuestionCircle = exports.IconPlay = exports.IconPicture = exports.IconNoticeOff = exports.IconNotice = exports.IconMore = exports.IconMinus = exports.IconLikeCircle = exports.IconHome = exports.IconHeart = exports.IconGift = exports.IconEyelashInvisible = exports.IconEyeVisible = exports.IconEyeInvisible = exports.IconErrorCircle = exports.IconEdit = exports.IconDelete = exports.IconCloseBold = exports.IconClose = exports.IconClear = exports.IconCircleUnchecked = exports.IconCircleDisabled = exports.IconCircleChecked = exports.IconCheckBold = exports.IconCheck = exports.IconArrowUp = exports.IconArrowIn = exports.IconArrowDown = exports.IconArrowBack = exports.IconAdd = void 0;
+exports.IconWarnCircleFill = exports.IconWarnCircle = exports.IconUserFill = exports.IconUser = exports.IconUpload = exports.IconTriUp = exports.IconTriDown = exports.IconSuccessCircle = exports.IconSubway = exports.IconStarHalf = exports.IconStarFill = exports.IconStar = exports.IconSquareUnchecked = exports.IconSquareDisabled = exports.IconSquareChecked = exports.IconSound = exports.IconSmileFill = exports.IconShopping = exports.IconShop = exports.IconSetting = exports.IconSearch = exports.IconScan = exports.IconSad = exports.IconRefresh = exports.IconQuestionCircle = exports.IconPlay = exports.IconPicture = exports.IconNoticeOff = exports.IconNotice = exports.IconMore = exports.IconMinus = exports.IconLikeCircle = exports.IconKeyboardDelete = exports.IconKeyboard = exports.IconHome = exports.IconHeart = exports.IconGift = exports.IconEyelashInvisible = exports.IconEyeVisible = exports.IconEyeInvisible = exports.IconErrorCircle = exports.IconEdit = exports.IconDelete = exports.IconCloseBold = exports.IconClose = exports.IconClear = exports.IconCircleUnchecked = exports.IconCircleDisabled = exports.IconCircleChecked = exports.IconCheckBold = exports.IconCheck = exports.IconArrowUp = exports.IconArrowIn = exports.IconArrowDown = exports.IconArrowBack = exports.IconAdd = void 0;
+
 var _IconUpload = _interopRequireDefault(require("./IconUpload"));
+
 exports.IconUpload = _IconUpload.default;
+
 var _IconSquareChecked = _interopRequireDefault(require("./IconSquareChecked"));
+
 exports.IconSquareChecked = _IconSquareChecked.default;
+
 var _IconTriUp = _interopRequireDefault(require("./IconTriUp"));
+
 exports.IconTriUp = _IconTriUp.default;
+
 var _IconMore = _interopRequireDefault(require("./IconMore"));
+
 exports.IconMore = _IconMore.default;
+
 var _IconSound = _interopRequireDefault(require("./IconSound"));
+
 exports.IconSound = _IconSound.default;
+
 var _IconEyeVisible = _interopRequireDefault(require("./IconEyeVisible"));
+
 exports.IconEyeVisible = _IconEyeVisible.default;
+
 var _IconEyelashInvisible = _interopRequireDefault(require("./IconEyelashInvisible"));
+
 exports.IconEyelashInvisible = _IconEyelashInvisible.default;
+
 var _IconWarnCircleFill = _interopRequireDefault(require("./IconWarnCircleFill"));
+
 exports.IconWarnCircleFill = _IconWarnCircleFill.default;
+
 var _IconSquareDisabled = _interopRequireDefault(require("./IconSquareDisabled"));
+
 exports.IconSquareDisabled = _IconSquareDisabled.default;
+
 var _IconCircleChecked = _interopRequireDefault(require("./IconCircleChecked"));
+
 exports.IconCircleChecked = _IconCircleChecked.default;
+
 var _IconSquareUnchecked = _interopRequireDefault(require("./IconSquareUnchecked"));
+
 exports.IconSquareUnchecked = _IconSquareUnchecked.default;
+
 var _IconUser = _interopRequireDefault(require("./IconUser"));
+
 exports.IconUser = _IconUser.default;
+
 var _IconEyeInvisible = _interopRequireDefault(require("./IconEyeInvisible"));
+
 exports.IconEyeInvisible = _IconEyeInvisible.default;
+
 var _IconCircleUnchecked = _interopRequireDefault(require("./IconCircleUnchecked"));
+
 exports.IconCircleUnchecked = _IconCircleUnchecked.default;
+
 var _IconCircleDisabled = _interopRequireDefault(require("./IconCircleDisabled"));
+
 exports.IconCircleDisabled = _IconCircleDisabled.default;
+
 var _IconSetting = _interopRequireDefault(require("./IconSetting"));
+
 exports.IconSetting = _IconSetting.default;
+
 var _IconMinus = _interopRequireDefault(require("./IconMinus"));
+
 exports.IconMinus = _IconMinus.default;
+
 var _IconDelete = _interopRequireDefault(require("./IconDelete"));
+
 exports.IconDelete = _IconDelete.default;
+
 var _IconPlay = _interopRequireDefault(require("./IconPlay"));
+
 exports.IconPlay = _IconPlay.default;
+
 var _IconHeart = _interopRequireDefault(require("./IconHeart"));
+
 exports.IconHeart = _IconHeart.default;
+
 var _IconStarFill = _interopRequireDefault(require("./IconStarFill"));
+
 exports.IconStarFill = _IconStarFill.default;
+
 var _IconSearch = _interopRequireDefault(require("./IconSearch"));
+
 exports.IconSearch = _IconSearch.default;
+
 var _IconEdit = _interopRequireDefault(require("./IconEdit"));
+
 exports.IconEdit = _IconEdit.default;
+
 var _IconSad = _interopRequireDefault(require("./IconSad"));
+
 exports.IconSad = _IconSad.default;
+
 var _IconLikeCircle = _interopRequireDefault(require("./IconLikeCircle"));
+
 exports.IconLikeCircle = _IconLikeCircle.default;
+
 var _IconNotice = _interopRequireDefault(require("./IconNotice"));
+
 exports.IconNotice = _IconNotice.default;
+
 var _IconHome = _interopRequireDefault(require("./IconHome"));
+
 exports.IconHome = _IconHome.default;
+
 var _IconArrowIn = _interopRequireDefault(require("./IconArrowIn"));
+
 exports.IconArrowIn = _IconArrowIn.default;
+
 var _IconCheck = _interopRequireDefault(require("./IconCheck"));
+
 exports.IconCheck = _IconCheck.default;
+
 var _IconNoticeOff = _interopRequireDefault(require("./IconNoticeOff"));
+
 exports.IconNoticeOff = _IconNoticeOff.default;
+
 var _IconSmileFill = _interopRequireDefault(require("./IconSmileFill"));
+
 exports.IconSmileFill = _IconSmileFill.default;
+
 var _IconStar = _interopRequireDefault(require("./IconStar"));
+
 exports.IconStar = _IconStar.default;
+
 var _IconRefresh = _interopRequireDefault(require("./IconRefresh"));
+
 exports.IconRefresh = _IconRefresh.default;
+
 var _IconScan = _interopRequireDefault(require("./IconScan"));
+
 exports.IconScan = _IconScan.default;
+
 var _IconPicture = _interopRequireDefault(require("./IconPicture"));
+
 exports.IconPicture = _IconPicture.default;
+
 var _IconTriDown = _interopRequireDefault(require("./IconTriDown"));
+
 exports.IconTriDown = _IconTriDown.default;
+
 var _IconClose = _interopRequireDefault(require("./IconClose"));
+
 exports.IconClose = _IconClose.default;
+
 var _IconArrowUp = _interopRequireDefault(require("./IconArrowUp"));
+
 exports.IconArrowUp = _IconArrowUp.default;
+
 var _IconArrowBack = _interopRequireDefault(require("./IconArrowBack"));
+
 exports.IconArrowBack = _IconArrowBack.default;
+
 var _IconArrowDown = _interopRequireDefault(require("./IconArrowDown"));
+
 exports.IconArrowDown = _IconArrowDown.default;
+
 var _IconAdd = _interopRequireDefault(require("./IconAdd"));
+
 exports.IconAdd = _IconAdd.default;
+
 var _IconUserFill = _interopRequireDefault(require("./IconUserFill"));
+
 exports.IconUserFill = _IconUserFill.default;
+
 var _IconClear = _interopRequireDefault(require("./IconClear"));
+
 exports.IconClear = _IconClear.default;
+
 var _IconQuestionCircle = _interopRequireDefault(require("./IconQuestionCircle"));
+
 exports.IconQuestionCircle = _IconQuestionCircle.default;
+
 var _IconSuccessCircle = _interopRequireDefault(require("./IconSuccessCircle"));
+
 exports.IconSuccessCircle = _IconSuccessCircle.default;
+
 var _IconWarnCircle = _interopRequireDefault(require("./IconWarnCircle"));
+
 exports.IconWarnCircle = _IconWarnCircle.default;
+
 var _IconErrorCircle = _interopRequireDefault(require("./IconErrorCircle"));
+
 exports.IconErrorCircle = _IconErrorCircle.default;
+
 var _IconCheckBold = _interopRequireDefault(require("./IconCheckBold"));
+
 exports.IconCheckBold = _IconCheckBold.default;
+
 var _IconCloseBold = _interopRequireDefault(require("./IconCloseBold"));
+
 exports.IconCloseBold = _IconCloseBold.default;
+
 var _IconShop = _interopRequireDefault(require("./IconShop"));
+
 exports.IconShop = _IconShop.default;
+
 var _IconShopping = _interopRequireDefault(require("./IconShopping"));
+
 exports.IconShopping = _IconShopping.default;
+
 var _IconSubway = _interopRequireDefault(require("./IconSubway"));
+
 exports.IconSubway = _IconSubway.default;
+
 var _IconGift = _interopRequireDefault(require("./IconGift"));
+
 exports.IconGift = _IconGift.default;
+
 var _IconStarHalf = _interopRequireDefault(require("./IconStarHalf"));
+
 exports.IconStarHalf = _IconStarHalf.default;
+
+var _IconKeyboard = _interopRequireDefault(require("./IconKeyboard"));
+
+exports.IconKeyboard = _IconKeyboard.default;
+
+var _IconKeyboardDelete = _interopRequireDefault(require("./IconKeyboardDelete"));
+
+exports.IconKeyboardDelete = _IconKeyboardDelete.default;
+
 var _type = require("./type");
+
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/cjs/image/index.js

@@ -1,16 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = exports.BaseImage = 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 _loading = _interopRequireDefault(require("../loading"));
+
 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; }
+
 /**
  * 增强版的 img 标签，提供多种图片填充模式，支持图片加载中提示、加载失败提示。
  * @en Enhanced img tag, provides a variety of image filling modes, and supports image loading prompts and loading failure prompts.
@@ -21,18 +31,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var system = (0, _helpers.useSystem)();
+
   var _useWindowSize = (0, _helpers.useWindowSize)(),
-    windowWidth = _useWindowSize.windowWidth,
-    windowHeight = _useWindowSize.windowHeight;
+      windowWidth = _useWindowSize.windowWidth,
+      windowHeight = _useWindowSize.windowHeight;
+
   var _useMountedState = (0, _helpers.useMountedState)('init'),
-    imageStatus = _useMountedState[0],
-    setImageStatus = _useMountedState[1];
+      imageStatus = _useMountedState[0],
+      setImageStatus = _useMountedState[1];
+
   var _useMountedState2 = (0, _helpers.useMountedState)(''),
-    wrapClass = _useMountedState2[0],
-    setWrapClass = _useMountedState2[1];
+      wrapClass = _useMountedState2[0],
+      setWrapClass = _useMountedState2[1];
+
   var _useMountedState3 = (0, _helpers.useMountedState)(false),
-    staticRetrying = _useMountedState3[0],
-    setStaticRetrying = _useMountedState3[1];
+      staticRetrying = _useMountedState3[0],
+      setStaticRetrying = _useMountedState3[1];
+
   var imageRef = (0, _react.useRef)(null);
   var imageDomRef = (0, _react.useRef)(null);
   var wrapRef = (0, _react.useRef)(null);
@@ -40,57 +55,56 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var loadingImageRef = (0, _react.useRef)(null);
   var hasLoadedRef = (0, _react.useRef)(false);
   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 isPreview = Boolean(fit.indexOf('preview') >= 0);
   var actualBoxWidth = boxWidth || windowWidth;
   var actualBoxHeight = boxHeight || windowHeight;
   var validStatus = status === undefined ? imageStatus : status;
   var attrs = (0, _react.useMemo)(function () {
     var imageStyle = {};
-    if (radius) {
-      imageStyle.borderRadius = (0, _mobileUtils.handleUnit)(radius);
-    }
+
     if (!isPreview) {
       imageStyle.objectFit = fit;
       imageStyle.objectPosition = position;
     }
+
     return {
       alt: alt,
       src: forceHttps ? src.replace('http://', 'https://') : src,
@@ -98,9 +112,11 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       style: imageStyle
     };
   }, [alt, bordered, fit, forceHttps, isPreview, position, radius, src, system]);
+
   function retry() {
     loadImage(true);
   }
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: wrapRef.current,
@@ -112,21 +128,26 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     retryCountRef.current = 0;
     loadImage();
   }, [attrs, width, height, showImage, 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 loadImage(isFromRetry) {
     // 如果在加载图片前发现上一个图片还没加载完，则抛弃上一个图片的加载
     // @en Abort last image before starting loading new image
@@ -134,9 +155,11 @@ var BaseImage = /*#__PURE__*/(0, _react.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) {
@@ -146,19 +169,22 @@ var BaseImage = /*#__PURE__*/(0, _react.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;
       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";
@@ -177,13 +203,16 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           }
         }
       }
+
       extraClass && image.classList.add(extraClass);
       setWrapClass(extraClass ? extraClass + "-container" : '');
       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');
@@ -195,27 +224,31 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         loadImage();
       }
     };
+
     (0, _mobileUtils.nextTick)(function () {
       image.src = attrs.src;
       image.alt = attrs.alt;
       loadingImageRef.current = image;
     });
   }
+
   function handleStaticImageError(e) {
     var evt = e.nativeEvent;
+
     if (retryCountRef.current >= retryTime) {
       onError && onError(evt);
     } else {
       retryCountRef.current += 1;
-      onAutoRetry && onAutoRetry(evt);
-      // 强制刷新一下<img>使其重新加载
+      onAutoRetry && onAutoRetry(evt); // 强制刷新一下<img>使其重新加载
       // @en Force refresh <img> to reload
+
       setStaticRetrying(true);
       (0, _mobileUtils.nextTick)(function () {
         setStaticRetrying(false);
       });
     }
   }
+
   function getImageStyle() {
     if (isPreview) {
       var overflow = fit === 'preview-x' ? {
@@ -228,15 +261,17 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         height: actualBoxHeight
       }, overflow);
     }
+
     return {
       width: Number(width) || width,
       height: Number(height) || height
     };
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
+        _ref$locale = _ref.locale,
+        locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-image all-border-box", {
         preview: isPreview
@@ -257,6 +292,7 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         'has-loaded': hasLoadedRef.current
       }),
       style: (0, _helpers.getStyleWithVendor)({
+        borderRadius: radius,
         transitionDuration: animateDuration + "ms"
       }),
       onClick: onClick,

package/cjs/image/style/css/index.css

@@ -63,6 +63,7 @@
   font-size: 0;
   opacity: 0;
   z-index: 1;
+  overflow: hidden;
 }
 .arco-image .image-container.static-label,
 .arco-image .image-container.loaded,

package/cjs/image/style/css/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("../../../loading/style/css");
+
 require("./index.css");

package/cjs/image/style/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("../../loading/style");
+
 require("./index.less");

package/cjs/image/style/index.less

@@ -63,6 +63,7 @@
         font-size: 0;
         opacity: 0;
         z-index: 1;
+        overflow: hidden;
 
         &.static-label,
         &.loaded,

package/cjs/image-picker/add-icon.js

@@ -1,9 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = AddIcon;
+
 var _react = _interopRequireDefault(require("react"));
+
 function AddIcon() {
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "30",