@arco-design/mobile-react 2.24.1 → 2.25.0

package/umd/icon/IconUser/index.js

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

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

@@ -14,21 +14,19 @@
   "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,21 +14,19 @@
   "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,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {
     IconUpload: true,

package/umd/image/index.js

@@ -14,17 +14,13 @@
   "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.
@@ -35,23 +31,18 @@
    */
   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);
@@ -59,60 +50,57 @@
     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,
@@ -120,11 +108,9 @@
         style: imageStyle
       };
     }, [alt, bordered, fit, forceHttps, isPreview, position, radius, src, system]);
-
     function retry() {
       loadImage(true);
     }
-
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: wrapRef.current,
@@ -136,26 +122,21 @@
       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
@@ -163,11 +144,9 @@
         loadingImageRef.current.src = '';
         loadingImageRef.current = null;
       }
-
       if (!showImage || staticLabel) {
         return;
       }
-
       changeStatus('loading');
       var image = new Image();
       Object.keys(nativeProps).forEach(function (key) {
@@ -177,22 +156,19 @@
       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";
@@ -211,16 +187,13 @@
             }
           }
         }
-
         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');
@@ -232,31 +205,27 @@
           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' ? {
@@ -269,17 +238,15 @@
           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

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

@@ -14,11 +14,9 @@
   "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",

package/umd/image-picker/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ImagePickerProps, ImagePickerRef } from './type';
 export * from './type';
+declare const _default: React.ForwardRefExoticComponent<ImagePickerProps & React.RefAttributes<ImagePickerRef>> & "ImagePicker";
 /**
  * 图片选择器组件
  * @en ImagePicker Component
@@ -8,6 +9,6 @@ export * from './type';
  * @type_en Data Entry
  * @name 图片选择器
  * @name_en ImagePicker
+ * @displayName ImagePicker
  */
-declare const ImagePicker: React.ForwardRefExoticComponent<ImagePickerProps & React.RefAttributes<ImagePickerRef>>;
-export default ImagePicker;
+export default _default;