@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/web/components/table/ExportFileModalByApi/index.css

@@ -0,0 +1,9 @@
+.weda-export-csv-file-modal__wrap_text {
+  margin-top: 20px;
+  margin-bottom: 10px;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.weda-export-csv-file-modal .wedatea2td-form__label {
+  color: rgba(0, 0, 0, 0.6);
+}

package/dist/web/components/table/ExportFileModalByApi/index.js

@@ -0,0 +1,150 @@
+import React, { useState, useEffect } from 'react';
+import { Modal, Button, Radio, Form, Table, Checkbox, Icon, List, Status, Bubble, } from 'tea-component';
+import { useImportingStatus } from '../hooks/useImportingStatus';
+import { callWedaApi } from '../../../utils/tcb';
+import './index.css';
+const { selectable, scrollable } = Table.addons;
+export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysList, handleInOrOutRecordModealVisible, dbName, where, whereList, orderBy, orderType, tableColumns, }) {
+    const [step, setStep] = useState('fieldMap');
+    const [selectedKeys, setSelectedKeys] = useState(fields.map((item) => item.name));
+    const [exportType, setExportType] = useState('all');
+    const [exportIdentity, setExportIdentity] = useState([]);
+    const [errorMessage, setErrorMessage] = useState([]);
+    const [status, setStatus] = useState(null);
+    const [fileId, setFileIds] = useState(null);
+    const { fileImportStatus, fileImportErrorMessage } = useImportingStatus(fileId, dbName, 'export');
+    const hadnleExport = async () => {
+        try {
+            setStep('isExporting');
+            // 启动导出接口
+            const queryParams = {
+                action: 'DataExport',
+                data: {
+                    ExportFileType: 'excel',
+                    DataSourceName: dbName,
+                    ExportFields: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.map((item) => {
+                        const field = tableColumns === null || tableColumns === void 0 ? void 0 : tableColumns.find((columns) => (columns === null || columns === void 0 ? void 0 : columns.key) === item);
+                        return {
+                            FieldId: item,
+                            ColumnName: item === '_id' ? '数据标识' : field === null || field === void 0 ? void 0 : field.header,
+                        };
+                    }),
+                    ExportType: exportType,
+                    ExportIdentity: !!exportIdentity.length, // 导出选项/数据标识
+                },
+            };
+            if (orderBy && orderType) {
+                queryParams.data['OrderBy'] = orderBy; // 排序字段
+                queryParams.data['OrderType'] = orderType; // 排序规则
+            }
+            if (exportType === 'filter') {
+                queryParams.data['QueryConditions'] = where; // 选中数据
+            }
+            if (exportType === 'all') {
+                queryParams.data['QueryConditions'] = whereList; // 包含基础筛选条件
+            }
+            if ((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) && exportType === 'selected') {
+                queryParams.data['RecordIds'] = selectedKeysList; // 选中数据
+            }
+            const { FileId, Status, ErrorMessage } = await callWedaApi(queryParams);
+            if (Status === 'success') {
+                setStatus('success');
+            }
+            else if (Status === 'failure') {
+                setErrorMessage(['导出文件失败', [ErrorMessage || '']]);
+            }
+            else if (Status === 'exporting' || Status === 'init') {
+                // 轮询查询状态
+                setFileIds(FileId);
+            }
+        }
+        catch (error) {
+            setStatus('error');
+            setErrorMessage(['导出文件请求失败', [(error === null || error === void 0 ? void 0 : error.message) || '']]);
+            console.error('exportFileHandle error', error);
+        }
+    };
+    useEffect(() => {
+        if (fileImportStatus === 'success') {
+            setStatus('success');
+        }
+        else if (fileImportStatus === 'failure') {
+            setStatus('error');
+            setErrorMessage([fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.ErrorMessage]);
+        }
+    }, [fileImportStatus, fileImportErrorMessage]);
+    const columns = [
+        {
+            key: 'title',
+            header: '字段名称',
+        },
+        {
+            key: 'name',
+            header: '字段标识',
+        },
+        {
+            key: 'fieldsTypeName',
+            header: '字段类型',
+        },
+    ];
+    return (React.createElement(Modal, { caption: "\u5BFC\u51FAExcel", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal` },
+        React.createElement(Modal.Body, null,
+            step === 'fieldMap' && (React.createElement("div", null,
+                React.createElement(Form, { className: "weda-import-csv-file-modal weda-export-csv-file-modal" },
+                    React.createElement(Form.Item, { label: "\u5BFC\u51FA\u6570\u636E\u8303\u56F4" },
+                        React.createElement(Radio.Group, { value: exportType, onChange: (value) => setExportType(value), style: { display: 'flex' } },
+                            React.createElement(Radio, { name: "all" }, "\u5168\u90E8\u6570\u636E"),
+                            React.createElement(Radio, { name: "filter" }, "\u7B5B\u9009\u540E\u7684\u6570\u636E"),
+                            React.createElement(Radio, { name: "selected", disabled: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) },
+                                "\u9009\u4E2D\u7684\u6570\u636E",
+                                React.createElement("span", { style: { color: 'rgba(0, 0, 0, 0.6)' } }, !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) && '（无选中数据）'))))),
+                React.createElement("p", { className: "weda-export-csv-file-modal__wrap_text" }, "\u5BFC\u51FA\u5B57\u6BB5"),
+                React.createElement(Table, { records: fields, recordKey: "name", columns: columns, style: { border: '1px solid #E7E7E7', borderBottom: '0' }, addons: [
+                        selectable({
+                            value: selectedKeys,
+                            onChange: (keys) => {
+                                setSelectedKeys(keys);
+                            },
+                            rowSelect: true,
+                        }),
+                        scrollable({
+                            maxHeight: 320,
+                        }),
+                    ] }),
+                React.createElement(Checkbox.Group, { value: exportIdentity, onChange: (value) => setExportIdentity(value), style: { margin: '16px 0', color: 'rgba(0, 0, 0, 0.6)' } },
+                    React.createElement(Checkbox, { name: "exportIdentity", style: { color: 'rgba(0, 0, 0, 0.6)' } },
+                        React.createElement(Bubble, { content: "\u52FE\u9009\u540E\uFF0C\u53EF\u5BFC\u51FA\u679A\u4E3E\u5B57\u6BB5\u7684\u9009\u9879\u6807\u8BC6\uFF0C\u4E0E\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u5173\u8054\u6570\u636E\u7684\u6570\u636E\u6807\u8BC6\uFF0C\u53EF\u7528\u4E8E\u5BFC\u5165\u65F6\u66F4\u65B0\u679A\u4E3E/\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u6570\u636E" }, "\u5BFC\u51FA\u9009\u9879\u6807\u8BC6\u548C\u5173\u8054\u6570\u636E\u6807\u8BC6"))))),
+            step === 'isExporting' && (React.createElement("div", { className: "import-file-result-wrap" },
+                status === 'error' && (React.createElement("div", { className: "error-container" },
+                    React.createElement("div", { className: "error-tip" },
+                        React.createElement(Icon, { type: "error", size: "s" }),
+                        React.createElement("p", null, "\u6570\u636E\u5BFC\u51FA\u5931\u8D25")),
+                    React.createElement("div", { className: "error-content" },
+                        React.createElement(List, null, Array.isArray(errorMessage)
+                            ? errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.map((i, index) => (React.createElement(List.Item, { key: index }, i)))
+                            : errorMessage)))),
+                status !== 'validateError' && status !== 'error' && (React.createElement("div", { className: `status-wrap ${status}` },
+                    React.createElement(Status, { icon: 'blank', size: 'm', style: {
+                            maxWidth: '430px',
+                        }, title: status === 'success'
+                            ? '数据导出完成'
+                            : '数据导出中，请稍后...', description: status !== 'success' ? (React.createElement("div", null,
+                            "\u5173\u95ED\u5F39\u7A97\u540E\uFF0C\u5BFC\u51FA\u4EFB\u52A1\u4F1A\u7EE7\u7EED\u6267\u884C\uFF0C\u53EF\u5728",
+                            React.createElement("a", { onClick: () => {
+                                    onCancel();
+                                    handleInOrOutRecordModealVisible('export');
+                                } }, "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55"),
+                            "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6")) : (React.createElement("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' } }, "\u70B9\u51FB\u4E0B\u8F7D")) })))))),
+        React.createElement(Modal.Footer, null,
+            step === 'fieldMap' && (React.createElement(Button, { type: "link", style: { float: 'left' }, onClick: () => {
+                    onCancel();
+                    handleInOrOutRecordModealVisible('export');
+                } }, "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55")),
+            step === 'fieldMap' && (React.createElement(React.Fragment, null,
+                React.createElement(Button, { onClick: () => {
+                        onCancel();
+                    } }, "\u53D6\u6D88"),
+                React.createElement(Button, { type: "primary", onClick: () => {
+                        hadnleExport();
+                    }, style: { marginLeft: 10 }, disabled: !(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) }, "\u786E\u5B9A"))))));
+}