@lingxiteam/ebe-utils 0.2.3 → 0.2.5

package/lib/pcpublic/src/components/pcfactory/src/StdUpload/UploadItem.tsx

@@ -1,8 +1,4 @@
-import {
-  FileOutlined,
-  LoadingOutlined,
-  PaperClipOutlined,
-} from '@ant-design/icons';
+import { FileOutlined, LoadingOutlined, PaperClipOutlined } from '@ant-design/icons';
 import { Progress, Spin } from 'antd';
 import { UploadFile } from 'antd/lib/upload/interface';
 import classNames from 'classnames';
@@ -53,87 +49,43 @@ const iconMap: any = {
   pdf: pdfIcon,
 };
 
-const imageFormat = [
-  'jpeg',
-  'jpg',
-  'svg',
-  'png',
-  'gif',
-  'webp',
-  'avif',
-  'apng',
-];
+const imageFormat = ['jpeg', 'jpg', 'svg', 'png', 'gif', 'webp', 'avif', 'apng'];
 
 const prefix = 'ued-stdUpload-item';
 // 目前只有卡片式图片（picture-card）上传会展示预览图标，重写上传项样式，展示预览图标
 const UploadItem = (props: UploadItemProps) => {
-  const {
-    file,
-    actions,
-    showUploadList,
-    listType,
-    originNode,
-    onFileNameClick,
-  } = props || {};
+  const { file, actions, showUploadList, listType, originNode, onFileNameClick } = props || {};
   const { status, percent, fileName = '', originFileObj } = file || {};
-  const {
-    showDownloadIcon,
-    showPreviewIcon,
-    showRemoveIcon,
-    previewIcon,
-    removeIcon,
-    downloadIcon,
-  } = showUploadList || {};
+  const { showDownloadIcon, showPreviewIcon, showRemoveIcon, previewIcon, removeIcon, downloadIcon } = showUploadList || {};
 
   const renderIcon = () => {
     if (status === 'error') {
-      return listType === 'picture' ? (
-        <FileOutlined rev="" />
-      ) : (
-        <PaperClipOutlined rev="" />
-      );
+      return listType === 'picture' ? <FileOutlined rev="" /> : <PaperClipOutlined rev="" />;
     }
     if (status !== 'uploading') {
       let imgSource = defaultIcon;
       if (/\.(jpg|jpeg|png|gif|bmp|GIF|JPG|PNG)$/.test(file.name)) {
         imgSource = file.thumbUrl || file.url;
       }
-      return listType === 'picture' ? (
-        <img src={imgSource} alt={file.name} />
-      ) : (
-        <PaperClipOutlined rev="" />
-      );
+      return listType === 'picture' ? <img src={imgSource} alt={file.name} /> : <PaperClipOutlined rev="" />;
     }
     return null;
   };
 
   const renderItem = () => {
     return (
-      <div
-        className={classNames(
-          prefix,
-          `${prefix}-${listType}`,
-          `${prefix}-${status}`,
-        )}
-      >
-        <Spin
-          indicator={<LoadingOutlined spin rev="" />}
-          className={`${prefix}-loading`}
-          spinning={status === 'uploading'}
-        >
+      <div className={classNames(prefix, `${prefix}-${listType}`, `${prefix}-${status}`)}>
+        <Spin indicator={<LoadingOutlined spin rev="" />} className={`${prefix}-loading`} spinning={status === 'uploading'}>
           <div className={`${prefix}-icon`}>{renderIcon()}</div>
         </Spin>
         <div className={`${prefix}-info`}>
           <a
             className={`${prefix}-name`}
-            onClick={(e) => {
+            onClick={e => {
               e?.preventDefault();
               if (typeof onFileNameClick === 'function') {
                 onFileNameClick(file);
-              } else if (
-                showPreviewIcon &&
-                typeof actions?.preview === 'function'
-              ) {
+              } else if (showPreviewIcon && typeof actions?.preview === 'function') {
                 actions.preview();
               }
             }}
@@ -142,42 +94,22 @@ const UploadItem = (props: UploadItemProps) => {
             {file.name}
           </a>
           {status === 'uploading' && (
-            <Progress
-              strokeWidth={2}
-              className={`${prefix}-progress`}
-              type="line"
-              size="small"
-              percent={percent}
-              showInfo={false}
-            />
+            <Progress strokeWidth={2} className={`${prefix}-progress`} type="line" size="small" percent={percent} showInfo={false} />
           )}
         </div>
         <div className={`${prefix}-action`}>
           {showPreviewIcon && status === 'done' && (
-            <span
-              className={`${prefix}-action-icon`}
-              onClick={actions.preview as any}
-            >
-              {typeof previewIcon === 'function'
-                ? previewIcon(file)
-                : previewIcon}
+            <span className={`${prefix}-action-icon`} onClick={actions.preview as any}>
+              {typeof previewIcon === 'function' ? previewIcon(file) : previewIcon}
             </span>
           )}
           {showDownloadIcon && status === 'done' && (
-            <span
-              className={`${prefix}-action-icon`}
-              onClick={actions.download as any}
-            >
-              {typeof downloadIcon === 'function'
-                ? downloadIcon(file)
-                : downloadIcon}
+            <span className={`${prefix}-action-icon`} onClick={actions.download as any}>
+              {typeof downloadIcon === 'function' ? downloadIcon(file) : downloadIcon}
             </span>
           )}
           {showRemoveIcon && (
-            <span
-              className={`${prefix}-action-icon`}
-              onClick={actions.remove as any}
-            >
+            <span className={`${prefix}-action-icon`} onClick={actions.remove as any}>
               {typeof removeIcon === 'function' ? removeIcon(file) : removeIcon}
             </span>
           )}
@@ -214,35 +146,18 @@ const UploadItem = (props: UploadItemProps) => {
           <img src={icon} alt="" className="std-upload-item-info-icon" />
           <span className="std-upload-item-info-actions">
             {showPreviewIcon && (
-              <a
-                className={`${prefix}-action-icon`}
-                onClick={actions.preview as any}
-              >
-                {typeof previewIcon === 'function'
-                  ? previewIcon(file)
-                  : previewIcon}
+              <a className={`${prefix}-action-icon`} onClick={actions.preview as any}>
+                {typeof previewIcon === 'function' ? previewIcon(file) : previewIcon}
               </a>
             )}
             {showDownloadIcon && (
-              <span
-                className={`${prefix}-action-icon`}
-                style={{ color: 'hsla(0,0%,100%,.85)' }}
-                onClick={actions.download as any}
-              >
-                {typeof downloadIcon === 'function'
-                  ? downloadIcon(file)
-                  : downloadIcon}
+              <span className={`${prefix}-action-icon`} style={{ color: 'hsla(0,0%,100%,.85)' }} onClick={actions.download as any}>
+                {typeof downloadIcon === 'function' ? downloadIcon(file) : downloadIcon}
               </span>
             )}
             {showRemoveIcon && (
-              <span
-                className={`${prefix}-action-icon`}
-                style={{ color: 'hsla(0,0%,100%,.85)' }}
-                onClick={actions.remove as any}
-              >
-                {typeof removeIcon === 'function'
-                  ? removeIcon(file)
-                  : removeIcon}
+              <span className={`${prefix}-action-icon`} style={{ color: 'hsla(0,0%,100%,.85)' }} onClick={actions.remove as any}>
+                {typeof removeIcon === 'function' ? removeIcon(file) : removeIcon}
               </span>
             )}
           </span>