antd-mobile 5.23.0 → 5.24.1

package/2x/cjs/components/form/index.d.ts

@@ -9,7 +9,7 @@ export type { ValidateMessages, FieldData, NamePath, } from 'rc-field-form/es/in
 export type { FormArrayField, FormArrayOperation, FormArrayProps, } from './form-array';
 declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
     className?: string | undefined;
-    style?: (import("react").CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top" | "--prefix-width", string>>) | undefined;
     tabIndex?: number | undefined;
 } & import("react").AriaAttributes & Partial<import("./context").FormContextType> & {
     footer?: import("react").ReactNode;

package/2x/cjs/components/form/index.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./index.css");
-
 var _form = require("./form");
-
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
 var _formItem = require("./form-item");
-
 var _header = require("./header");
-
 var _rcFieldForm = require("rc-field-form");
-
 var _formSubscribe = require("./form-subscribe");
-
 var _formArray = require("./form-array");
-
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_form.Form, {
   Item: _formItem.FormItem,
   Subscribe: _formSubscribe.FormSubscribe,
@@ -29,5 +20,4 @@ var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_fo
   useForm: _rcFieldForm.useForm,
   useWatch: _rcFieldForm.useWatch
 });
-
 exports.default = _default;

package/2x/cjs/components/form/utils.js

@@ -5,25 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isSafeSetRefComponent = isSafeSetRefComponent;
 exports.toArray = toArray;
-
 var _reactIs = require("react-is");
-
 function toArray(candidate) {
   if (candidate === undefined || candidate === false) return [];
   return Array.isArray(candidate) ? candidate : [candidate];
-} // eslint-disable-next-line @typescript-eslint/ban-types
-
-
+}
+// eslint-disable-next-line @typescript-eslint/ban-types
 function shouldConstruct(Component) {
   const prototype = Component.prototype;
   return !!(prototype && prototype.isReactComponent);
-} // https://github.com/facebook/react/blob/ce13860281f833de8a3296b7a3dad9caced102e9/packages/react-reconciler/src/ReactFiber.new.js#L225
-
-
+}
+// https://github.com/facebook/react/blob/ce13860281f833de8a3296b7a3dad9caced102e9/packages/react-reconciler/src/ReactFiber.new.js#L225
 function isSimpleFunctionComponent(type) {
   return typeof type === 'function' && !shouldConstruct(type) && type.defaultProps === undefined;
 }
-
 function isSafeSetRefComponent(component) {
   if ((0, _reactIs.isFragment)(component)) return false;
   if ((0, _reactIs.isMemo)(component)) return isSafeSetRefComponent(component.type);

package/2x/cjs/components/grid/grid.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridItem = exports.Grid = void 0;
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _toCssLength = require("../../utils/to-css-length");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = `adm-grid`;
-
 const Grid = props => {
   const style = {
     '--columns': props.columns.toString()
@@ -24,7 +17,6 @@ const Grid = props => {
   const {
     gap
   } = props;
-
   if (gap !== undefined) {
     if (Array.isArray(gap)) {
       style['--gap-horizontal'] = (0, _toCssLength.toCSSLength)(gap[0]);
@@ -33,15 +25,12 @@ const Grid = props => {
       style['--gap'] = (0, _toCssLength.toCSSLength)(gap);
     }
   }
-
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix,
     style: style
   }, props.children));
 };
-
 exports.Grid = Grid;
-
 const GridItem = p => {
   const props = (0, _withDefaultProps.mergeProps)({
     span: 1
@@ -55,5 +44,4 @@ const GridItem = p => {
     onClick: props.onClick
   }, props.children));
 };
-
 exports.GridItem = GridItem;

package/2x/cjs/components/grid/index.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./grid.css");
-
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
 var _grid2 = require("./grid");
-
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_grid2.Grid, {
   Item: _grid2.GridItem
 });
-
 exports.default = _default;

package/2x/cjs/components/image/broken-image-icon.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BrokenImageIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BrokenImageIcon = () => _react.default.createElement("svg", {
   viewBox: '0 0 48 48',
   xmlns: 'http://www.w3.org/2000/svg'
@@ -17,5 +14,4 @@ const BrokenImageIcon = () => _react.default.createElement("svg", {
   fill: '#DBDBDB',
   fillRule: 'nonzero'
 }));
-
 exports.BrokenImageIcon = BrokenImageIcon;

package/2x/cjs/components/image/image-icon.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ImageIcon = () => _react.default.createElement("svg", {
   viewBox: '0 0 48 48',
   xmlns: 'http://www.w3.org/2000/svg'
@@ -17,5 +14,4 @@ const ImageIcon = () => _react.default.createElement("svg", {
   fill: '#DBDBDB',
   fillRule: 'nonzero'
 }));
-
 exports.ImageIcon = ImageIcon;

package/2x/cjs/components/image/image.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Image = void 0;
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _stagedComponents = require("staged-components");
-
 var _toCssLength = require("../../utils/to-css-length");
-
 var _lazyDetector = require("./lazy-detector");
-
 var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
-
 var _imageIcon = require("./image-icon");
-
 var _brokenImageIcon = require("./broken-image-icon");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 const classPrefix = `adm-image`;
 const defaultProps = {
   fit: 'fill',
@@ -53,12 +41,10 @@ const Image = (0, _stagedComponents.staged)(p => {
     setLoaded(false);
     setFailed(false);
   }, [src]);
-
   function renderInner() {
     if (failed) {
       return _react.default.createElement(_react.default.Fragment, null, props.fallback);
     }
-
     const img = _react.default.createElement("img", {
       className: `${classPrefix}-img`,
       src: src,
@@ -66,13 +52,11 @@ const Image = (0, _stagedComponents.staged)(p => {
       onClick: props.onClick,
       onLoad: e => {
         var _a;
-
         setLoaded(true);
         (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props, e);
       },
       onError: e => {
         var _a;
-
         setFailed(true);
         (_a = props.onError) === null || _a === void 0 ? void 0 : _a.call(props, e);
       },
@@ -89,22 +73,17 @@ const Image = (0, _stagedComponents.staged)(p => {
       useMap: props.useMap,
       draggable: props.draggable
     });
-
     return _react.default.createElement(_react.default.Fragment, null, !loaded && props.placeholder, img);
   }
-
   const style = {};
-
   if (props.width) {
     style['--width'] = (0, _toCssLength.toCSSLength)(props.width);
     style['width'] = (0, _toCssLength.toCSSLength)(props.width);
   }
-
   if (props.height) {
     style['--height'] = (0, _toCssLength.toCSSLength)(props.height);
     style['height'] = (0, _toCssLength.toCSSLength)(props.height);
   }
-
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     ref: ref,
     className: classPrefix,

package/2x/cjs/components/image/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./image.css");
-
 var _image2 = require("./image");
-
 var _default = _image2.Image;
 exports.default = _default;

package/2x/cjs/components/image/lazy-detector.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LazyDetector = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ahooks = require("ahooks");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 const LazyDetector = props => {
   const ref = (0, _react.useRef)(null);
   const [inViewport] = (0, _ahooks.useInViewport)(ref);
@@ -25,5 +20,4 @@ const LazyDetector = props => {
     ref: ref
   });
 };
-
 exports.LazyDetector = LazyDetector;

package/2x/cjs/components/image/test/image.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _testing = require("testing");
-
 var _index = _interopRequireDefault(require("../index"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = `adm-image`;
 const demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60';
 describe('Image', () => {
@@ -20,9 +16,7 @@ describe('Image', () => {
       onContainerClick: onContainerClick,
       "data-testid": 'img'
     }));
-
     _testing.fireEvent.click(getByTestId('img'));
-
     expect(onContainerClick).toBeCalledTimes(1);
   });
   test('load successfully', () => {
@@ -30,9 +24,7 @@ describe('Image', () => {
       src: demoSrc
     }));
     const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
-
     _testing.fireEvent.load(img);
-
     expect(img).toHaveAttribute('src', demoSrc);
   });
   test('load failed', () => {
@@ -40,9 +32,7 @@ describe('Image', () => {
       src: '404'
     }));
     const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
-
     _testing.fireEvent.error(img);
-
     expect(img).not.toBeInTheDocument();
     expect(document.querySelectorAll(`.${classPrefix}-tip`)[0]).toBeInTheDocument();
   });

package/2x/cjs/components/image-uploader/image-uploader.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageUploader = void 0;
-
 var _tslib = require("tslib");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _antdMobileIcons = require("antd-mobile-icons");
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _imageViewer = _interopRequireDefault(require("../image-viewer"));
-
 var _previewItem = _interopRequireDefault(require("./preview-item"));
-
 var _usePropsValue = require("../../utils/use-props-value");
-
 var _ahooks = require("ahooks");
-
 var _space = _interopRequireDefault(require("../space"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _configProvider = require("../config-provider");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 const classPrefix = `adm-image-uploader`;
 const defaultProps = {
   disableUpload: false,
@@ -46,7 +31,6 @@ const defaultProps = {
   showFailed: true,
   imageFit: 'cover'
 };
-
 const ImageUploader = p => {
   const {
     locale
@@ -62,7 +46,6 @@ const ImageUploader = p => {
   }, [value]);
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     var _a;
-
     (_a = props.onUploadQueueChange) === null || _a === void 0 ? void 0 : _a.call(props, tasks.map(item => ({
       id: item.id,
       status: item.status
@@ -74,7 +57,6 @@ const ImageUploader = p => {
     onPreview,
     renderItem
   } = props;
-
   function processFile(file, fileList) {
     return (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
       const {
@@ -85,10 +67,8 @@ const ImageUploader = p => {
       return transformedFile;
     });
   }
-
   function onChange(e) {
     var _a;
-
     return (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
       e.persist();
       const {
@@ -97,7 +77,6 @@ const ImageUploader = p => {
       if (!rawFiles) return;
       let files = [].slice.call(rawFiles);
       e.target.value = ''; // HACK: fix the same file doesn't trigger onChange
-
       if (props.beforeUpload) {
         const postFiles = files.map(file => {
           return processFile(file, files);
@@ -106,20 +85,16 @@ const ImageUploader = p => {
           files = filesList.filter(Boolean);
         });
       }
-
       if (files.length === 0) {
         return;
       }
-
       if (maxCount > 0) {
         const exceed = value.length + files.length - maxCount;
-
         if (exceed > 0) {
           files = files.slice(0, files.length - exceed);
           (_a = props.onCountExceed) === null || _a === void 0 ? void 0 : _a.call(props, exceed);
         }
       }
-
       const newTasks = files.map(file => ({
         id: idCountRef.current++,
         status: 'pending',
@@ -137,7 +112,6 @@ const ImageUploader = p => {
                   url: result.url
                 });
               }
-
               return task;
             });
           });
@@ -153,7 +127,6 @@ const ImageUploader = p => {
                   status: 'fail'
                 });
               }
-
               return task;
             });
           });
@@ -162,9 +135,7 @@ const ImageUploader = p => {
       }))).catch(error => console.error(error));
     });
   }
-
   const imageViewerHandlerRef = (0, _react.useRef)(null);
-
   function previewImage(index) {
     imageViewerHandlerRef.current = _imageViewer.default.Multi.show({
       images: value.map(fileItem => fileItem.url),
@@ -174,18 +145,14 @@ const ImageUploader = p => {
       }
     });
   }
-
   (0, _ahooks.useUnmount)(() => {
     var _a;
-
     (_a = imageViewerHandlerRef.current) === null || _a === void 0 ? void 0 : _a.close();
   });
   const showUpload = props.showUpload && (maxCount === 0 || value.length + tasks.length < maxCount);
-
   const renderImages = () => {
     return value.map((fileItem, index) => {
       var _a, _b;
-
       const originNode = _react.default.createElement(_previewItem.default, {
         key: (_a = fileItem.key) !== null && _a !== void 0 ? _a : index,
         url: (_b = fileItem.thumbnailUrl) !== null && _b !== void 0 ? _b : fileItem.url,
@@ -195,22 +162,18 @@ const ImageUploader = p => {
           if (props.preview) {
             previewImage(index);
           }
-
           onPreview && onPreview(index, fileItem);
         },
         onDelete: () => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
           var _c;
-
           const canDelete = yield (_c = props.onDelete) === null || _c === void 0 ? void 0 : _c.call(props, fileItem);
           if (canDelete === false) return;
           setValue(value.filter((x, i) => i !== index));
         })
       });
-
       return renderItem ? renderItem(originNode, fileItem, value) : originNode;
     });
   };
-
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
   }, _react.default.createElement(_space.default, {
@@ -221,7 +184,6 @@ const ImageUploader = p => {
     if (!props.showFailed && task.status === 'fail') {
       return null;
     }
-
     return _react.default.createElement(_previewItem.default, {
       key: task.id,
       file: task.file,
@@ -250,5 +212,4 @@ const ImageUploader = p => {
     "aria-hidden": true
   })))));
 };
-
 exports.ImageUploader = ImageUploader;

package/2x/cjs/components/image-uploader/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _imageUploader = require("./image-uploader");
-
 require("./image-uploader.css");
-
 var _default = _imageUploader.ImageUploader;
 exports.default = _default;

package/2x/cjs/components/image-uploader/preview-item.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _antdMobileIcons = require("antd-mobile-icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _image = _interopRequireDefault(require("../image"));
-
 var _spinLoading = _interopRequireDefault(require("../spin-loading"));
-
 var _configProvider = require("../config-provider");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 const classPrefix = `adm-image-uploader`;
-
 const PreviewItem = props => {
   const {
     locale
@@ -40,11 +29,9 @@ const PreviewItem = props => {
     if (url) {
       return url;
     }
-
     if (file) {
       return URL.createObjectURL(file);
     }
-
     return '';
   }, [url, file]);
   (0, _react.useLayoutEffect)(() => {
@@ -52,7 +39,6 @@ const PreviewItem = props => {
       URL.revokeObjectURL(src);
     };
   }, [src]);
-
   function renderLoading() {
     return props.status === 'pending' && _react.default.createElement("div", {
       className: `${classPrefix}-cell-mask`
@@ -64,7 +50,6 @@ const PreviewItem = props => {
       className: `${classPrefix}-cell-mask-message`
     }, locale.ImageUploader.uploading)));
   }
-
   function renderDelete() {
     return deletable && _react.default.createElement("span", {
       className: `${classPrefix}-cell-delete`,
@@ -73,7 +58,6 @@ const PreviewItem = props => {
       className: `${classPrefix}-cell-delete-icon`
     }));
   }
-
   return _react.default.createElement("div", {
     className: (0, _classnames.default)(`${classPrefix}-cell`, props.status === 'fail' && `${classPrefix}-cell-fail`)
   }, _react.default.createElement(_image.default, {
@@ -83,6 +67,5 @@ const PreviewItem = props => {
     onClick: props.onClick
   }), renderLoading(), renderDelete());
 };
-
 var _default = PreviewItem;
 exports.default = _default;