zmdms-webui 1.2.3 → 1.2.5

package/dist/es/button/buttonDownload.d.ts

@@ -3,9 +3,14 @@ import { IButtonProps } from './interface.js';
 
 interface IButtonDownloadProps extends Omit<IButtonProps, "onClick"> {
     /** 附件id */
-    attachId: string;
+    attachId?: string;
     /** 附件名 */
-    attachName: string;
+    attachName?: string;
+    /** 前置事件 */
+    beforeDownloadHandle?: () => Promise<{
+        attachId: string;
+        attachName: string;
+    }>;
     /** 附件大小 */
     attachSize?: number;
     /** 是否通过公共链接下载 */

package/dist/es/button/buttonDownload.js

@@ -8,40 +8,54 @@ import useBaseContext from '../config/useBaseContext.js';
 import { message } from 'antd';
 
 var ButtonDownload = function (props) {
-    var attachId = props.attachId, attachName = props.attachName, isPublic = props.isPublic, API_BASEURL = props.API_BASEURL, onClick = props.onClick, resetProps = __rest(props, ["attachId", "attachName", "isPublic", "API_BASEURL", "onClick"]);
+    var attachId = props.attachId, attachName = props.attachName, beforeDownloadHandle = props.beforeDownloadHandle, isPublic = props.isPublic, API_BASEURL = props.API_BASEURL, onClick = props.onClick, resetProps = __rest(props, ["attachId", "attachName", "beforeDownloadHandle", "isPublic", "API_BASEURL", "onClick"]);
     var _a = useState(false), loading = _a[0], setLoading = _a[1];
     var apiBaseUrl = useBaseContext().apiBaseUrl;
+    function downloadFileHandle(fileOptions, e) {
+        var attachId = fileOptions.attachId, attachName = fileOptions.attachName;
+        return downloadFile(attachId, attachName || "", {
+            API_BASEURL: API_BASEURL || apiBaseUrl,
+            open: isPublic,
+        })
+            .then(function (res) {
+            onClick && onClick(e, { result: true });
+            setLoading(false);
+        })
+            .catch(function (err) {
+            onClick && onClick(e, { result: false });
+            try {
+                err
+                    .text()
+                    .then(function (e) {
+                    var result = JSON.parse("{");
+                    message.error(result.msg || "下载失败!");
+                })
+                    .catch(function (err2) {
+                    message.error("下载失败!");
+                });
+            }
+            catch (err1) {
+                message.error("下载失败!");
+            }
+            setLoading(false);
+        });
+    }
     var onClickHandle = function (e) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            if (attachId) {
-                setLoading(true);
-                return [2 /*return*/, downloadFile(attachId, attachName || "", {
-                        API_BASEURL: API_BASEURL || apiBaseUrl,
-                        open: isPublic,
-                    })
+            if (beforeDownloadHandle) {
+                return [2 /*return*/, beforeDownloadHandle()
                         .then(function (res) {
-                        onClick && onClick(e, { result: true });
-                        setLoading(false);
+                        var attachId = res.attachId, attachName = res.attachName;
+                        return downloadFileHandle({ attachId: attachId, attachName: attachName }, e);
                     })
                         .catch(function (err) {
-                        onClick && onClick(e, { result: false });
-                        try {
-                            err
-                                .text()
-                                .then(function (e) {
-                                var result = JSON.parse("{");
-                                message.error(result.msg || "下载失败!");
-                            })
-                                .catch(function (err2) {
-                                message.error("下载失败!");
-                            });
-                        }
-                        catch (err1) {
-                            message.error("下载失败!");
-                        }
                         setLoading(false);
                     })];
             }
+            if (attachId && attachName) {
+                setLoading(true);
+                return [2 /*return*/, downloadFileHandle({ attachId: attachId, attachName: attachName }, e)];
+            }
             return [2 /*return*/];
         });
     }); };

package/dist/es/button/buttonExport.d.ts

@@ -4,6 +4,8 @@ import { IButtonProps } from './interface.js';
 interface IButtonDownloadProps extends Omit<IButtonProps, "onClick"> {
     /** 导出的接口方法 */
     fetchHandle?: () => Promise<any>;
+    /** 导出的前置行为 */
+    beforeExportHandle?: () => Promise<any>;
     /** 代理点击事件 如果下载结束后 还需做别的处理 */
     onClick?: (e: any, info: any) => void;
     fileName?: string;

package/dist/es/button/buttonExport.js

@@ -18,28 +18,39 @@ import { message } from 'antd';
 //   });
 // }
 var ButtonExport = function (props) {
-    var fetchHandle = props.fetchHandle, 
+    var fetchHandle = props.fetchHandle, beforeExportHandle = props.beforeExportHandle, 
     // axiosRequestConfig = {},
-    onClick = props.onClick, fileName = props.fileName, resetProps = __rest(props, ["fetchHandle", "onClick", "fileName"]);
+    onClick = props.onClick, fileName = props.fileName, resetProps = __rest(props, ["fetchHandle", "beforeExportHandle", "onClick", "fileName"]);
     var _a = useState(false), loading = _a[0], setLoading = _a[1];
     // const { apiBaseUrl } = useBaseContext();
     var onClickHandle = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var res, err_1, blob;
+        var res, err_2, blob;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
                     setLoading(true);
+                    if (!beforeExportHandle) return [3 /*break*/, 4];
                     _c.label = 1;
                 case 1:
-                    _c.trys.push([1, 4, , 5]);
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, beforeExportHandle()];
+                case 2:
+                    _c.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    _c.sent();
+                    setLoading(false);
+                    return [2 /*return*/];
+                case 4:
+                    _c.trys.push([4, 7, , 8]);
                     res = void 0;
-                    if (!fetchHandle) return [3 /*break*/, 3];
+                    if (!fetchHandle) return [3 /*break*/, 6];
                     return [4 /*yield*/, fetchHandle()];
-                case 2:
+                case 5:
                     res = _c.sent();
-                    return [3 /*break*/, 3];
-                case 3:
+                    return [3 /*break*/, 6];
+                case 6:
                     exportBolb(res, fileName)
                         .then(function (r) {
                         if (r.result) {
@@ -53,12 +64,12 @@ var ButtonExport = function (props) {
                         message.error((err === null || err === void 0 ? void 0 : err.msg) || "导出失败!");
                     });
                     setLoading(false);
-                    return [3 /*break*/, 5];
-                case 4:
-                    err_1 = _c.sent();
+                    return [3 /*break*/, 8];
+                case 7:
+                    err_2 = _c.sent();
                     setLoading(false);
-                    if (Object.prototype.toString.call((_a = err_1 === null || err_1 === void 0 ? void 0 : err_1.response) === null || _a === void 0 ? void 0 : _a.data) === "[object Blob]") {
-                        blob = (_b = err_1 === null || err_1 === void 0 ? void 0 : err_1.response) === null || _b === void 0 ? void 0 : _b.data;
+                    if (Object.prototype.toString.call((_a = err_2 === null || err_2 === void 0 ? void 0 : err_2.response) === null || _a === void 0 ? void 0 : _a.data) === "[object Blob]") {
+                        blob = (_b = err_2 === null || err_2 === void 0 ? void 0 : err_2.response) === null || _b === void 0 ? void 0 : _b.data;
                         blob
                             .text()
                             .then(function (text) {
@@ -71,14 +82,14 @@ var ButtonExport = function (props) {
                         });
                         return [2 /*return*/];
                     }
-                    if (typeof err_1 === "string") {
-                        message.error(err_1);
+                    if (typeof err_2 === "string") {
+                        message.error(err_2);
                     }
                     else {
-                        message.error((err_1 === null || err_1 === void 0 ? void 0 : err_1.msg) || "导出失败!");
+                        message.error((err_2 === null || err_2 === void 0 ? void 0 : err_2.msg) || "导出失败!");
                     }
-                    return [2 /*return*/, err_1];
-                case 5: return [2 /*return*/];
+                    return [2 /*return*/, err_2];
+                case 8: return [2 /*return*/];
             }
         });
     }); };

package/dist/es/footer/footer.js

@@ -1,5 +1,5 @@
 import { __assign } from '../_virtual/_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default, { memo } from 'react';
 import classNames from '../node_modules/classnames/index.js';
 import ButtonCom from '../button/button.js';
@@ -9,27 +9,32 @@ var defaultPageSizeOptions = ["10", "20", "30", "100"];
 var Footer = function (props) {
     var children = props.children, className = props.className, _a = props.align, align = _a === void 0 ? "left" : _a, footerDom = props.footerDom;
     var classes = classNames("ztxk-footer", className);
-    return (jsx("footer", __assign({ className: classes, style: {
-            justifyContent: align === "left"
-                ? "flex-start"
-                : align === "center"
-                    ? "center"
-                    : "flex-end",
-        } }, { children: footerDom ? (jsxs("div", __assign({ className: "ztxk-footer--group" }, { children: [footerDom.map(function (item, index) {
-                    var DOMType = item.DOMType, render = item.render;
-                    if (DOMType === "button") {
-                        var _a = item.type, type = _a === void 0 ? "primary" : _a, loading = item.loading, disabled = item.disabled, onClick = item.onClick;
-                        return (jsx(ButtonCom, __assign({ type: type, loading: loading, disabled: disabled, onClick: onClick }, { children: item.text }), index));
-                    }
-                    if (DOMType === "pagination") {
-                        var total = item.total, pageSize = item.pageSize, current = item.current, onChange = item.onChange, onShowSizeChange = item.onShowSizeChange, pageSizeOptions = item.pageSizeOptions;
-                        return (jsx(Pagination, { total: total, pageSize: pageSize, current: current, onChange: onChange, onShowSizeChange: onShowSizeChange, showTotal: function (total) { return (jsxs("span", __assign({ className: "footer-pagination" }, { children: ["\u5171", jsx("span", { children: total }), "\u6761"] }))); }, showSizeChanger: true, pageSizeOptions: pageSizeOptions ? pageSizeOptions : defaultPageSizeOptions }, index));
-                    }
-                    if (render) {
-                        return jsx(React__default.Fragment, { children: render() }, index);
-                    }
-                    return null;
-                }), children] }))) : null })));
+    var leftFooterDom = footerDom === null || footerDom === void 0 ? void 0 : footerDom.filter(function (item) { return item.align === "left" || !item.align; });
+    var rightFooterDom = footerDom === null || footerDom === void 0 ? void 0 : footerDom.filter(function (item) { return item.align === "right"; });
+    var createDom = function (item, index) {
+        var DOMType = item.DOMType, render = item.render;
+        if (DOMType === "button") {
+            var _a = item.type, type = _a === void 0 ? "primary" : _a, loading = item.loading, disabled = item.disabled, onClick = item.onClick;
+            return (jsx(ButtonCom, __assign({ type: type, loading: loading, disabled: disabled, onClick: onClick }, { children: item.text }), index));
+        }
+        if (DOMType === "pagination") {
+            var total = item.total, pageSize = item.pageSize, current = item.current, onChange = item.onChange, onShowSizeChange = item.onShowSizeChange, pageSizeOptions = item.pageSizeOptions;
+            return (jsx(Pagination, { total: total, pageSize: pageSize, current: current, onChange: onChange, onShowSizeChange: onShowSizeChange, showTotal: function (total) { return (jsxs("span", __assign({ className: "footer-pagination" }, { children: ["\u5171", jsx("span", { children: total }), "\u6761"] }))); }, showSizeChanger: true, pageSizeOptions: pageSizeOptions ? pageSizeOptions : defaultPageSizeOptions }, index));
+        }
+        if (render) {
+            return jsx(React__default.Fragment, { children: render() }, index);
+        }
+        return null;
+    };
+    return (jsxs("footer", __assign({ className: classes, style: {
+            justifyContent: rightFooterDom
+                ? "space-between"
+                : align === "left"
+                    ? "flex-start"
+                    : align === "center"
+                        ? "center"
+                        : "flex-end",
+        } }, { children: [leftFooterDom ? (jsxs("div", __assign({ className: "ztxk-footer--group" }, { children: [leftFooterDom.map(createDom), children] }))) : null, rightFooterDom ? (jsx("div", __assign({ className: "ztxk-footer--group" }, { children: rightFooterDom.map(createDom) }))) : null] })));
 };
 var Footer$1 = memo(Footer);
 

package/dist/es/footer/interface.d.ts

@@ -22,6 +22,7 @@ interface IDropdown {
 interface IFooterDom extends Partial<IPagination & IBtn & IDropdown> {
     DOMType?: "button" | "pagination" | "dropdown";
     render?: () => React.ReactElement;
+    align?: "left" | "right";
 }
 interface IFooterProps {
     children?: React.ReactNode;

package/dist/es/uploadlist/interface.d.ts

@@ -1,5 +1,6 @@
 import { UploadProps, UploadFile, Upload } from 'antd';
 import { ImgCropProps } from 'antd-img-crop';
+import { IColumnsTypeProp } from '../table/interface.js';
 
 interface IUploadListProps extends Omit<UploadProps, "onChange"> {
     /** 默认按钮的文本内容 */
@@ -54,6 +55,8 @@ interface IUploadListProps extends Omit<UploadProps, "onChange"> {
     disAllowDuplicateFile?: boolean;
     /** 字段值 */
     fieldNames?: IUploadFieldNames;
+    /** 表格列自定义 */
+    tableColumns?: (IColumnsTypeProp<any> | string)[];
 }
 interface IUploadFieldNames {
     attachId?: string;
@@ -65,6 +68,13 @@ interface IUploadFieldNames {
 interface UploadListComponent extends React.ForwardRefExoticComponent<IUploadListProps & React.RefAttributes<unknown>> {
     Dragger: typeof Upload.Dragger;
     LIST_IGNORE: typeof Upload.LIST_IGNORE;
+    TABLE_FILENAME_COLUMN: string;
+    TABLE_FILESIZE_COLUMN: string;
+    TABLE_CREATETIME_COLUMN: string;
+    TABLE_CREATEUSER_COLUMN: string;
+    TABLE_PERCENT_COLUMN: string;
+    TABLE_OPTION_COLUMN: string;
+    TABLE_DEFAULT_COLUMNS: string[];
 }
 
 export { IUploadListProps, UploadListComponent };

package/dist/es/uploadlist/interface.js

@@ -0,0 +1,11 @@
+var ETABLE_COLUMN_TYPE;
+(function (ETABLE_COLUMN_TYPE) {
+    ETABLE_COLUMN_TYPE["TABLE_FILENAME_COLUMN"] = "TABLE_FILENAME_COLUMN";
+    ETABLE_COLUMN_TYPE["TABLE_FILESIZE_COLUMN"] = "TABLE_FILESIZE_COLUMN";
+    ETABLE_COLUMN_TYPE["TABLE_CREATETIME_COLUMN"] = "TABLE_CREATETIME_COLUMN";
+    ETABLE_COLUMN_TYPE["TABLE_CREATEUSER_COLUMN"] = "TABLE_CREATEUSER_COLUMN";
+    ETABLE_COLUMN_TYPE["TABLE_PERCENT_COLUMN"] = "TABLE_PERCENT_COLUMN";
+    ETABLE_COLUMN_TYPE["TABLE_OPTION_COLUMN"] = "TABLE_OPTION_COLUMN";
+})(ETABLE_COLUMN_TYPE || (ETABLE_COLUMN_TYPE = {}));
+
+export { ETABLE_COLUMN_TYPE };

package/dist/es/uploadlist/uploadList.js

@@ -3,6 +3,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, forwardRef, useRef, useState, useEffect, useMemo, useImperativeHandle } from 'react';
 import { Upload, Popconfirm, Dropdown, message } from 'antd';
 import UploadTable from './uploadTable.js';
+import { ETABLE_COLUMN_TYPE } from './interface.js';
 import classNames from '../node_modules/classnames/index.js';
 import { formatUnit, createDownloadLink, downloadFile, batchDownloadFiles } from 'zmdms-utils';
 import ImgCrop from '../node_modules/antd-img-crop/dist/antd-img-crop.esm.js';
@@ -28,7 +29,7 @@ var MAXSIZE = 104857600; // 100 * 1024 * 1024
  */
 var UploadList = function (props, ref) {
     var _a;
-    var children = props.children, btnText = props.btnText, className = props.className, _b = props.showTip, showTip = _b === void 0 ? true : _b, _c = props.maxSize, maxSize = _c === void 0 ? MAXSIZE : _c, showTable = props.showTable, acceptList = props.acceptList, beforeUpload = props.beforeUpload, onChange = props.onChange, PROPS_API_BASEURL = props.API_BASEURL, PROPS_FILE_API_BASEURL = props.FILE_API_BASEURL, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, _d = props.maxPreviewSize, maxPreviewSize = _d === void 0 ? MAX_PREVIEW_SIZE : _d, isPreview = props.isPreview, isDownload = props.isDownload, isDelete = props.isDelete, _e = props.zipName, zipName = _e === void 0 ? "\u6279\u91CF\u4E0B\u8F7D-".concat(Date.now(), ".zip") : _e, isImage = props.isImage, imgCropProps = props.imgCropProps, _f = props.imgWidth, imgWidth = _f === void 0 ? 110 : _f, _g = props.imgHeight, imgHeight = _g === void 0 ? 110 : _g, customRenderBtn = props.customRenderBtn, disAllowDuplicateFile = props.disAllowDuplicateFile, fieldNames = props.fieldNames, resetProps = __rest(props, ["children", "btnText", "className", "showTip", "maxSize", "showTable", "acceptList", "beforeUpload", "onChange", "API_BASEURL", "FILE_API_BASEURL", "action", "headers", "data", "userName", "fileList", "isPublic", "maxPreviewSize", "isPreview", "isDownload", "isDelete", "zipName", "isImage", "imgCropProps", "imgWidth", "imgHeight", "customRenderBtn", "disAllowDuplicateFile", "fieldNames"]);
+    var children = props.children, btnText = props.btnText, className = props.className, _b = props.showTip, showTip = _b === void 0 ? true : _b, _c = props.maxSize, maxSize = _c === void 0 ? MAXSIZE : _c, showTable = props.showTable, acceptList = props.acceptList, beforeUpload = props.beforeUpload, onChange = props.onChange, PROPS_API_BASEURL = props.API_BASEURL, PROPS_FILE_API_BASEURL = props.FILE_API_BASEURL, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, _d = props.maxPreviewSize, maxPreviewSize = _d === void 0 ? MAX_PREVIEW_SIZE : _d, isPreview = props.isPreview, isDownload = props.isDownload, isDelete = props.isDelete, _e = props.zipName, zipName = _e === void 0 ? "\u6279\u91CF\u4E0B\u8F7D-".concat(Date.now(), ".zip") : _e, isImage = props.isImage, imgCropProps = props.imgCropProps, _f = props.imgWidth, imgWidth = _f === void 0 ? 110 : _f, _g = props.imgHeight, imgHeight = _g === void 0 ? 110 : _g, customRenderBtn = props.customRenderBtn, disAllowDuplicateFile = props.disAllowDuplicateFile, fieldNames = props.fieldNames, tableColumns = props.tableColumns, resetProps = __rest(props, ["children", "btnText", "className", "showTip", "maxSize", "showTable", "acceptList", "beforeUpload", "onChange", "API_BASEURL", "FILE_API_BASEURL", "action", "headers", "data", "userName", "fileList", "isPublic", "maxPreviewSize", "isPreview", "isDownload", "isDelete", "zipName", "isImage", "imgCropProps", "imgWidth", "imgHeight", "customRenderBtn", "disAllowDuplicateFile", "fieldNames", "tableColumns"]);
     var maxCount = resetProps.maxCount, listType = resetProps.listType, method = resetProps.method;
     var imgSizeClassName = "temporary-className-".concat(imgWidth, "-").concat(imgHeight);
     var classes = classNames("ztxk-upload", className, (_a = {},
@@ -275,7 +276,7 @@ var UploadList = function (props, ref) {
                     onClick: function (e) {
                         onBatchDownloadHandle(e.key);
                     },
-                }, placement: "bottomLeft" }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u4E0B\u8F7D" })) }))) : null, customRenderBtn, showTable ? (jsx(UploadTable, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType })) : null, isImage && (jsx(ModalComponent, __assign({ ref: modalRef, footer: null, width: "520px" }, { children: jsx("div", __assign({ style: {
+                }, placement: "bottomLeft" }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u4E0B\u8F7D" })) }))) : null, customRenderBtn, showTable ? (jsx(UploadTable, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef, listType: listType, tableColumns: tableColumns })) : null, isImage && (jsx(ModalComponent, __assign({ ref: modalRef, footer: null, width: "520px" }, { children: jsx("div", __assign({ style: {
                         textAlign: "center",
                     } }, { children: jsx("img", { src: imgSrc, alt: "\u9884\u89C8", style: {
                             maxWidth: "400px",
@@ -285,6 +286,22 @@ var UploadList = function (props, ref) {
 var MemoUploadList = memo(forwardRef(UploadList));
 MemoUploadList.displayName = "ZTXK_WEBUI_UploadList";
 MemoUploadList.Dragger = Upload.Dragger;
-MemoUploadList.LIST_IGNORE = Upload.LIST_IGNORE;
+MemoUploadList.LIST_IGNORE = Upload.LIST_IGNORE;
+MemoUploadList.TABLE_FILENAME_COLUMN = ETABLE_COLUMN_TYPE.TABLE_FILENAME_COLUMN;
+MemoUploadList.TABLE_FILESIZE_COLUMN = ETABLE_COLUMN_TYPE.TABLE_FILESIZE_COLUMN;
+MemoUploadList.TABLE_CREATETIME_COLUMN =
+    ETABLE_COLUMN_TYPE.TABLE_CREATETIME_COLUMN;
+MemoUploadList.TABLE_CREATEUSER_COLUMN =
+    ETABLE_COLUMN_TYPE.TABLE_CREATEUSER_COLUMN;
+MemoUploadList.TABLE_PERCENT_COLUMN = ETABLE_COLUMN_TYPE.TABLE_PERCENT_COLUMN;
+MemoUploadList.TABLE_OPTION_COLUMN = ETABLE_COLUMN_TYPE.TABLE_OPTION_COLUMN;
+MemoUploadList.TABLE_DEFAULT_COLUMNS = [
+    ETABLE_COLUMN_TYPE.TABLE_FILENAME_COLUMN,
+    ETABLE_COLUMN_TYPE.TABLE_FILESIZE_COLUMN,
+    ETABLE_COLUMN_TYPE.TABLE_CREATETIME_COLUMN,
+    ETABLE_COLUMN_TYPE.TABLE_CREATEUSER_COLUMN,
+    ETABLE_COLUMN_TYPE.TABLE_PERCENT_COLUMN,
+    ETABLE_COLUMN_TYPE.TABLE_OPTION_COLUMN,
+];
 
 export { MemoUploadList as default };

package/dist/es/uploadlist/uploadTable.js

@@ -1,7 +1,8 @@
-import { __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
+import { __spreadArray, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useMemo, useImperativeHandle } from 'react';
 import MemoTable from '../table/table.js';
+import { ETABLE_COLUMN_TYPE } from './interface.js';
 import { formatUnit, downloadFile } from 'zmdms-utils';
 import { uploadFile } from './hooks.js';
 import dayjs from 'dayjs';
@@ -11,7 +12,7 @@ import OperationBtn from '../operationbtn/operationBtn.js';
 import { Progress, message } from 'antd';
 
 var UploadTable = function (_a, ref) {
-    var dataSource = _a.dataSource, action = _a.action, headers = _a.headers, data = _a.data, method = _a.method, setInnerFileList = _a.setInnerFileList, isPublic = _a.isPublic, _b = _a.API_BASEURL, API_BASEURL = _b === void 0 ? "" : _b; _a.FILE_API_BASEURL; var maxPreviewSize = _a.maxPreviewSize, isPreview = _a.isPreview, isDelete = _a.isDelete, isDownload = _a.isDownload; _a.listType;
+    var dataSource = _a.dataSource, action = _a.action, headers = _a.headers, data = _a.data, method = _a.method, setInnerFileList = _a.setInnerFileList, isPublic = _a.isPublic, _b = _a.API_BASEURL, API_BASEURL = _b === void 0 ? "" : _b; _a.FILE_API_BASEURL; var maxPreviewSize = _a.maxPreviewSize, isPreview = _a.isPreview, isDelete = _a.isDelete, isDownload = _a.isDownload; _a.listType; var tableColumns = _a.tableColumns;
     var _d = useState(false), loading = _d[0], setLoading = _d[1];
     var _e = useState(), checked = _e[0], setChecked = _e[1];
     var isDownloadSingleBoolean = isDownload;
@@ -91,84 +92,111 @@ var UploadTable = function (_a, ref) {
             }
         });
     }); };
-    // 列配置
-    var columns = [
-        {
-            title: "序号",
-            width: 60,
-            key: "index",
-            fixed: "left",
-            align: "left",
-            render: function (value, record, index) { return "".concat(index + 1); },
-        },
-        {
-            title: "文件名称",
-            width: 140,
-            dataIndex: "attachName",
-            key: "attachName",
-            align: "left",
-            render: function (text, record, index) {
-                return (jsx(ButtonCom, __assign({ type: "link", onClick: function () { return operationCallback("preview", record, index); }, style: { textAlign: "left" } }, { children: text })));
-            },
-        },
-        {
-            title: "文件大小",
-            width: 100,
-            dataIndex: "attachSize",
-            key: "attachSize",
-            align: "left",
-            render: function (text, record) {
-                var size = text ? text : record.fileSize;
-                return size ? formatUnit(size) : "— —";
-            },
+    var indexColumn = {
+        title: "序号",
+        width: 60,
+        key: "index",
+        fixed: "left",
+        align: "left",
+        render: function (value, record, index) { return "".concat(index + 1); },
+    };
+    var fileNameColumn = {
+        title: "文件名称",
+        width: 140,
+        dataIndex: "attachName",
+        key: "attachName",
+        align: "left",
+        render: function (text, record, index) {
+            return (jsx(ButtonCom, __assign({ type: "link", onClick: function () { return operationCallback("preview", record, index); }, style: { textAlign: "left" } }, { children: text })));
         },
-        {
-            title: "上传时间",
-            width: 100,
-            dataIndex: "uploadTime",
-            key: "uploadTime",
-            align: "left",
-            render: function (text) {
-                return dayjs(text).format("YYYY-MM-DD HH:mm");
-            },
+    };
+    var fileSizeColumn = {
+        title: "文件大小",
+        width: 100,
+        dataIndex: "attachSize",
+        key: "attachSize",
+        align: "left",
+        render: function (text, record) {
+            var size = text ? text : record.fileSize;
+            return size ? formatUnit(size) : "— —";
         },
-        {
-            title: "上传人",
-            width: 100,
-            align: "left",
-            dataIndex: "uploadUser",
-            key: "uploadUser",
+    };
+    var createTimeColumn = {
+        title: "上传时间",
+        width: 100,
+        dataIndex: "uploadTime",
+        key: "uploadTime",
+        align: "left",
+        render: function (text) {
+            return dayjs(text).format("YYYY-MM-DD HH:mm");
         },
-        {
-            title: "上传进度",
-            width: 160,
-            align: "left",
-            isDisplay: !isPreview,
-            render: function (text, record, index) {
-                var _a, _b;
-                var status = record.status === "error" ? "exception" : undefined;
-                if (record.status === "error") {
-                    return (jsx(ButtonCom, __assign({ type: "link", style: { color: "#ff4d4f" }, onClick: function () { return onReloadUploadHandle(record, index); } }, { children: "\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF0C\u91CD\u65B0\u4E0A\u4F20" })));
-                }
-                var percent = (_b = (_a = record === null || record === void 0 ? void 0 : record.percent) === null || _a === void 0 ? void 0 : _a.toFixed) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
-                // 要状态 和 进度都是完成时，才能把进度设置成100%
-                if (percent + "" === "100" &&
-                    (record.status === "uploading" || record.status === "error")) {
-                    percent = 99;
-                }
-                return (jsx(Progress, { className: "ztxk-upload--progress", percent: percent, status: status }));
-            },
+    };
+    var createUserColumn = {
+        title: "上传人",
+        width: 100,
+        align: "left",
+        dataIndex: "uploadUser",
+        key: "uploadUser",
+    };
+    var percentColumn = {
+        title: "上传进度",
+        width: 160,
+        align: "left",
+        isDisplay: !isPreview,
+        render: function (text, record, index) {
+            var _a, _b;
+            var status = record.status === "error" ? "exception" : undefined;
+            if (record.status === "error") {
+                return (jsx(ButtonCom, __assign({ type: "link", style: { color: "#ff4d4f" }, onClick: function () { return onReloadUploadHandle(record, index); } }, { children: "\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF0C\u91CD\u65B0\u4E0A\u4F20" })));
+            }
+            var percent = (_b = (_a = record === null || record === void 0 ? void 0 : record.percent) === null || _a === void 0 ? void 0 : _a.toFixed) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
+            // 要状态 和 进度都是完成时，才能把进度设置成100%
+            if (percent + "" === "100" &&
+                (record.status === "uploading" || record.status === "error")) {
+                percent = 99;
+            }
+            return (jsx(Progress, { className: "ztxk-upload--progress", percent: percent, status: status }));
         },
-        {
-            title: "操作",
-            width: 140,
-            ellipsis: false,
-            fixed: "right",
-            align: "left",
-            render: function (text, record, index) {
-                return createOpt(text, record, index);
-            },
+    };
+    var optionsColumns = {
+        title: "操作",
+        width: 140,
+        ellipsis: false,
+        fixed: "right",
+        align: "left",
+        render: function (text, record, index) {
+            return createOpt(text, record, index);
         },
+    };
+    // 列配置
+    var columns = tableColumns
+        ? __spreadArray([
+            indexColumn
+        ], tableColumns.map(function (tableColumn) {
+            switch (tableColumn) {
+                case ETABLE_COLUMN_TYPE.TABLE_FILENAME_COLUMN:
+                    return fileNameColumn;
+                case ETABLE_COLUMN_TYPE.TABLE_FILESIZE_COLUMN:
+                    return fileSizeColumn;
+                case ETABLE_COLUMN_TYPE.TABLE_CREATETIME_COLUMN:
+                    return createTimeColumn;
+                case ETABLE_COLUMN_TYPE.TABLE_CREATEUSER_COLUMN:
+                    return createUserColumn;
+                case ETABLE_COLUMN_TYPE.TABLE_PERCENT_COLUMN:
+                    return percentColumn;
+                case ETABLE_COLUMN_TYPE.TABLE_OPTION_COLUMN:
+                    return optionsColumns;
+                default:
+                    return tableColumn;
+            }
+        }), true) : [
+        indexColumn,
+        fileNameColumn,
+        fileSizeColumn,
+        createTimeColumn,
+        createUserColumn,
+        percentColumn,
+        optionsColumns,
     ];
     // 操作按钮组
     var createOpt = function (text, record, index) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zmdms-webui",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "private": false,
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",