"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var tdesign_react_1 = require("tdesign-react");
var extraFile_1 = require("../../../utils/extraFile");
function extraFileToUploadFile(extraFile, systemConfig) {
    return Object.assign({}, extraFile, {
        url: (0, extraFile_1.composeFileUrl)(extraFile, systemConfig),
        name: extraFile.filename,
    });
}
function render() {
    var _this = this;
    var _a = this.props, _b = _a.accept, accept = _b === void 0 ? 'image/*' : _b, _c = _a.maxNumber, maxNumber = _c === void 0 ? 20 : _c, _d = _a.multiple, multiple = _d === void 0 ? true : _d, _e = _a.useMockProgress, useMockProgress = _e === void 0 ? false : _e, _f = _a.draggable, draggable = _f === void 0 ? false : _f, _g = _a.showUploadProgress, showUploadProgress = _g === void 0 ? false : _g, _h = _a.theme, theme = _h === void 0 ? 'image' : _h, tips = _a.tips, placeholder = _a.placeholder, beforeUpload = _a.beforeUpload, disabled = _a.disabled, style = _a.style, className = _a.className, sizeLimit = _a.sizeLimit;
    var _j = this.state, files = _j.files, systemConfig = _j.systemConfig, newUploadFiles = _j.newUploadFiles;
    return ((0, jsx_runtime_1.jsxs)(tdesign_react_1.Space, tslib_1.__assign({ direction: "vertical" }, { children: [(0, jsx_runtime_1.jsx)(tdesign_react_1.Upload, tslib_1.__assign({ sizeLimit: sizeLimit, className: className, style: style, disabled: disabled, beforeUpload: beforeUpload, placeholder: placeholder, tips: tips, multiple: multiple, autoUpload: false, draggable: draggable, useMockProgress: useMockProgress, max: maxNumber, accept: accept, showUploadProgress: showUploadProgress, theme: theme, files: theme === 'custom'
                    ? []
                    : (files || []).map(function (ele) {
                        return extraFileToUploadFile(ele, systemConfig);
                    }), onChange: function (uploadFiles) {
                    var arr = (uploadFiles === null || uploadFiles === void 0 ? void 0 : uploadFiles.filter(function (ele) { return !ele.id; })) || [];
                    _this.setState({
                        newUploadFiles: arr,
                    });
                    if (theme !== 'custom') {
                        _this.onWebPick(arr);
                    }
                }, onRemove: function (_a) {
                    var file = _a.file, index = _a.index, e = _a.e;
                    _this.onWebDelete(file, index);
                }, onPreview: function (_a) {
                    var file = _a.file, e = _a.e;
                } }, { children: theme === 'custom' && ((0, jsx_runtime_1.jsx)(tdesign_react_1.Button, tslib_1.__assign({ variant: "outline", theme: "default" }, { children: "\u9009\u62E9\u6587\u4EF6" }))) })), theme === 'custom' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(tdesign_react_1.Table, { data: newUploadFiles || [], rowKey: "id", columns: [
                            {
                                align: 'center',
                                colKey: 'tableIndex',
                                title: '序号',
                                cell: function (_a) {
                                    var row = _a.row, rowIndex = _a.rowIndex;
                                    return rowIndex + 1;
                                },
                                width: 100,
                            },
                            {
                                colKey: 'name',
                                title: '文件名',
                            },
                            {
                                colKey: 'size',
                                title: '文件大小',
                                cell: function (_a) {
                                    var row = _a.row;
                                    var b = (row === null || row === void 0 ? void 0 : row.size) / 1024;
                                    return (0, extraFile_1.bytesToSize)(b);
                                },
                            },
                            {
                                colKey: 'status',
                                title: '状态',
                                cell: function (_a) {
                                    var row = _a.row;
                                    var cpn;
                                    switch (row.status) {
                                        case 'success':
                                            cpn = ((0, jsx_runtime_1.jsx)(tdesign_react_1.Tag, tslib_1.__assign({ theme: "success", variant: "light" }, { children: "success" })));
                                            break;
                                        case 'uploading':
                                            cpn = ((0, jsx_runtime_1.jsx)(tdesign_react_1.Loading, { loading: true, text: "uploading..." }));
                                            break;
                                        default:
                                            cpn = ((0, jsx_runtime_1.jsx)(tdesign_react_1.Tag, tslib_1.__assign({ theme: "warning", variant: "light" }, { children: "waiting" })));
                                            break;
                                    }
                                    return cpn;
                                },
                            },
                            {
                                colKey: 'op',
                                width: 300,
                                title: '操作',
                                align: 'center',
                                cell: function (_a) {
                                    var row = _a.row, rowIndex = _a.rowIndex;
                                    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !row.id && ((0, jsx_runtime_1.jsx)(tdesign_react_1.Button, tslib_1.__assign({ theme: "primary", variant: "text", onClick: function () {
                                                _this.customDelete(rowIndex);
                                            } }, { children: "\u5220\u9664" }))) }));
                                },
                                fixed: 'right',
                            },
                        ] }), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ style: { display: 'flex', justifyContent: 'flex-end' } }, { children: (0, jsx_runtime_1.jsxs)(tdesign_react_1.Space, { children: [(0, jsx_runtime_1.jsx)(tdesign_react_1.Button, tslib_1.__assign({ theme: "default", onClick: function () {
                                        _this.setState({
                                            newUploadFiles: [],
                                        });
                                    } }, { children: "\u5168\u90E8\u6E05\u7A7A" })), (0, jsx_runtime_1.jsx)(tdesign_react_1.Button, tslib_1.__assign({ onClick: function () {
                                        _this.onWebPick(newUploadFiles, function (file, status) {
                                            _this.setNewUploadFiles(file, status);
                                        });
                                    } }, { children: "\u4E0A\u4F20" }))] }) }))] }))] })));
}
exports.default = render;