@arco-design/mobile-react 2.25.3 → 2.26.0

package/umd/icon/IconWarnCircle/index.js

@@ -14,19 +14,21 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = IconWarnCircle;
   _extends2 = _interopRequireDefault(_extends2);
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   _react = _interopRequireDefault(_react);
   var _excluded = ["className", "useCurrentColor", "style"];
+
   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 = (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)({

package/umd/icon/IconWarnCircleFill/index.js

@@ -14,19 +14,21 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = IconWarnCircleFill;
   _extends2 = _interopRequireDefault(_extends2);
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   _react = _interopRequireDefault(_react);
   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)({

package/umd/icon/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {
     IconUpload: true,

package/umd/image/index.js

@@ -14,13 +14,17 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = _exports.BaseImage = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _loading = _interopRequireDefault(_loading);
+
   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.
@@ -31,18 +35,23 @@
    */
   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);
@@ -50,57 +59,56 @@
     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,
@@ -108,9 +116,11 @@
         style: imageStyle
       };
     }, [alt, bordered, fit, forceHttps, isPreview, position, radius, src, system]);
+
     function retry() {
       loadImage(true);
     }
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: wrapRef.current,
@@ -122,21 +132,26 @@
       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
@@ -144,9 +159,11 @@
         loadingImageRef.current.src = '';
         loadingImageRef.current = null;
       }
+
       if (!showImage || staticLabel) {
         return;
       }
+
       changeStatus('loading');
       var image = new Image();
       Object.keys(nativeProps).forEach(function (key) {
@@ -156,19 +173,22 @@
       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";
@@ -187,13 +207,16 @@
             }
           }
         }
+
         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');
@@ -205,27 +228,31 @@
           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' ? {
@@ -238,15 +265,17 @@
           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
@@ -267,6 +296,7 @@
           'has-loaded': hasLoadedRef.current
         }),
         style: (0, _helpers.getStyleWithVendor)({
+          borderRadius: radius,
           transitionDuration: animateDuration + "ms"
         }),
         onClick: onClick,

package/umd/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/umd/image/style/index.less

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

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

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