@para-ui/core 4.0.22 → 4.0.25

package/Upload/interface.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 import { TooltipProps } from '../Tooltip';
 import { RcFile as OriRcFile, Action, UploadRequestMethod, UploadRequestHeader, BeforeUploadFileType, UploadRequestOption } from 'rc-upload/lib/interface';
+import { OperateBtnListProps } from 'src/OperateBtn';
 type UploadType = 'drag' | 'select';
 export type { BeforeUploadFileType };
 export interface RcFile extends OriRcFile {
@@ -23,14 +24,24 @@ export interface UploadFile<T = any> {
     url?: string;
     /** file 上传时 dataUrl */
     dataUrl?: string;
+    /** 缩略图 */
+    thumbUrl?: string;
     /** 原始文件 */
     originFileObj?: RcFile;
+    /** 上传状态，不同状态展示颜色也会有所不同,默认为 done */
+    status?: 'error' | 'done' | 'removed';
+    /** 响应 */
+    response?: string;
 }
 export interface IShowUploadList {
     /** 是否显示删除图标 */
     showRemoveIcon?: boolean;
     /** 删除图标 */
     removeIcon?: React.ReactNode;
+    /** 是否显示预览图标 */
+    showPreviewIcon?: boolean;
+    /** 预览图标 */
+    previewIcon?: React.ReactNode;
 }
 type ItemRender<T = any> = (file: UploadFile, fileList?: Array<UploadFile<T>>) => React.ReactNode;
 export interface UploadProps<T = any> {
@@ -122,6 +133,22 @@ export interface UploadProps<T = any> {
         /** 描述 */
         areaDesc?: ReactNode;
     };
+    /**
+     * 上传列表操作按钮组
+     * @param actions 上传列表方法
+     */
+    actionRender?: (file: UploadFile, actions: IActions) => React.ReactNode;
+    operateBtnProps?: (file: UploadFile, actions: IActions) => OperateBtnListProps;
+    /**点击文件链接或预览图标时的回调, 返回值为false时，阻止组件默认的预览*/
+    onPreview?: (file: UploadFile<T>, event?: React.MouseEvent) => Promise<Boolean | void>;
+    /**
+     * 是否移除错误提示弹窗,默认不移除
+     */
+    removeErrorTip?: boolean;
+}
+interface IActions {
+    onRemove: () => void;
+    onPreview: () => void;
 }
 export interface UploadListProps<T = any> {
     /**文件列表类型*/
@@ -132,10 +159,26 @@ export interface UploadListProps<T = any> {
     onRemove?: (file: UploadFile<T>) => void | boolean;
     /**是否显示删除图标*/
     showRemoveIcon?: boolean;
+    /**预览图标*/
+    showPreviewIcon?: boolean;
     /**删除图标节点*/
     removeIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode);
+    /**预览图标节点*/
+    previewIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode);
     /**自定义上传列表项*/
     itemRender?: ItemRender<T>;
     /**用于控制这个组件只回显图片 不能上传和删除*/
     readonly?: boolean;
+    /**
+     * 自定义渲染上传列表操作按钮组
+     * @param actions 上传列表方法
+     */
+    actionRender?: (file: UploadFile, actions: IActions) => React.ReactNode;
+    /**
+     * 渲染上传列表操作按钮组
+     * @param actions 上传列表方法
+     */
+    operateBtnProps?: (file: UploadFile, actions: IActions) => OperateBtnListProps;
+    /**点击文件链接或预览图标时的回调, 返回值为false时，阻止组件默认的预览*/
+    onPreview?: (file: UploadFile<T>, event?: React.MouseEvent) => Promise<Boolean | void>;
 }

package/Upload/util.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @author lisq
+ * @date 2023/12/27 10:15
+ * @description 工具类
+ */
+import { UploadFile } from "./interface";
+export declare const isImageUrl: (file: UploadFile) => boolean;