@arco-design/mobile-react 2.38.4 → 2.39.0

package/esm/image-picker/index.js

@@ -11,34 +11,34 @@ import { Upload } from '../uploader/upload';
 export * from './type';
 var ImagePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$accept = props.accept,
-      accept = _props$accept === void 0 ? 'image/*' : _props$accept,
-      _props$multiple = props.multiple,
-      multiple = _props$multiple === void 0 ? false : _props$multiple,
-      capture = props.capture,
-      _props$columns = props.columns,
-      columns = _props$columns === void 0 ? 3 : _props$columns,
-      _props$gutter = props.gutter,
-      gutter = _props$gutter === void 0 ? 8 : _props$gutter,
-      _props$limit = props.limit,
-      limit = _props$limit === void 0 ? 0 : _props$limit,
-      _props$images = props.images,
-      images = _props$images === void 0 ? [] : _props$images,
-      disabled = props.disabled,
-      deleteIcon = props.deleteIcon,
-      selectIcon = props.selectIcon,
-      _props$hideDelete = props.hideDelete,
-      hideDelete = _props$hideDelete === void 0 ? false : _props$hideDelete,
-      _props$hideSelect = props.hideSelect,
-      hideSelect = _props$hideSelect === void 0 ? false : _props$hideSelect,
-      _props$alwaysShowSele = props.alwaysShowSelect,
-      alwaysShowSelect = _props$alwaysShowSele === void 0 ? false : _props$alwaysShowSele,
-      imageProps = props.imageProps,
-      renderLoading = props.renderLoading,
-      renderError = props.renderError,
-      selectAdapter = props.selectAdapter;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    _props$accept = props.accept,
+    accept = _props$accept === void 0 ? 'image/*' : _props$accept,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? false : _props$multiple,
+    capture = props.capture,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? 3 : _props$columns,
+    _props$gutter = props.gutter,
+    gutter = _props$gutter === void 0 ? 8 : _props$gutter,
+    _props$limit = props.limit,
+    limit = _props$limit === void 0 ? 0 : _props$limit,
+    _props$images = props.images,
+    images = _props$images === void 0 ? [] : _props$images,
+    disabled = props.disabled,
+    deleteIcon = props.deleteIcon,
+    selectIcon = props.selectIcon,
+    _props$hideDelete = props.hideDelete,
+    hideDelete = _props$hideDelete === void 0 ? false : _props$hideDelete,
+    _props$hideSelect = props.hideSelect,
+    hideSelect = _props$hideSelect === void 0 ? false : _props$hideSelect,
+    _props$alwaysShowSele = props.alwaysShowSelect,
+    alwaysShowSelect = _props$alwaysShowSele === void 0 ? false : _props$alwaysShowSele,
+    imageProps = props.imageProps,
+    renderLoading = props.renderLoading,
+    renderError = props.renderError,
+    selectAdapter = props.selectAdapter;
   var domRef = useRef(null);
   var fileRef = useRef(null);
   var cacheRef = useLatestRef(images);
@@ -51,29 +51,24 @@ var ImagePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     onUploadClick: props.onUploadClick || props.onSelectClick,
     files: images
   }), fileRef, cacheRef);
-
   var getGridData = function getGridData(prefixCls, locale) {
     var errorNode = function errorNode(index) {
       if (renderError) {
         return typeof renderError === 'function' ? renderError(index) : renderError;
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: prefixCls + "-image-picker-error"
       }, /*#__PURE__*/React.createElement("p", null, locale.ImagePicker.loadError));
     };
-
     var loadingNode = function loadingNode(index) {
       if (renderLoading) {
         return typeof renderLoading === 'function' ? renderLoading(index) : renderLoading;
       }
-
       return null;
     };
-
     var data = (limit && limit < images.length ? images.slice(0, limit) : images).map(function (image, index) {
       var url = image.url,
-          status = image.status;
+        status = image.status;
       return {
         img: /*#__PURE__*/React.createElement("div", {
           key: index + "-" + url,
@@ -109,10 +104,8 @@ var ImagePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     var showSelect = !hideSelect && images.length < (limit || Infinity);
     var disableSelect = disabled || alwaysShowSelect && !showSelect;
-
     if (showSelect || alwaysShowSelect) {
       var _cls;
-
       data.push({
         img: /*#__PURE__*/React.createElement("div", {
           className: cls(prefixCls + "-image-picker-add", (_cls = {}, _cls[prefixCls + "-image-picker-add-disabled"] = disableSelect, _cls)),
@@ -134,16 +127,13 @@ var ImagePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         title: ''
       });
     }
-
     return data;
   };
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var _cls2;
-
     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-picker", className, (_cls2 = {}, _cls2[prefixCls + "-image-picker-disabled"] = disabled, _cls2)),
       style: style,
@@ -157,6 +147,7 @@ var ImagePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     })));
   });
 });
+
 /**
  * 图片选择器组件
  * @en ImagePicker Component
@@ -166,5 +157,4 @@ var ImagePicker = /*#__PURE__*/forwardRef(function (props, ref) {
  * @name_en ImagePicker
  * @displayName ImagePicker
  */
-
 export default componentWrapper(ImagePicker, 'ImagePicker');