@icos-desktop/react-components 2.2.14 → 2.3.0-es.1

package/dist/es/components/BookGroupImport/components/Upload/index.js

@@ -0,0 +1,231 @@
+import { __awaiter, __generator, __assign } from '../../../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { DownloadOutlined } from '@ant-design/icons';
+import { Upload as Upload$1, message, theme, Space, Select, Progress, Button } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import React__default, { forwardRef, useState, useImperativeHandle } from 'react';
+import { getTemplateFieldList, importGeolevelBookGroup, importManualBookGroup, downloadErrorMsg, getGroupExcelTemplate, getImportSchedule } from '../../../../services/import.js';
+import { downloadFile } from '../../../../utils/download.js';
+import SvgDelete from './assets/delete.svg.js';
+import SvgFileExcel from './assets/file-excel.svg.js';
+import SvgUpload from './assets/upload.svg.js';
+import styles from './index.module.less.js';
+
+var Dragger = Upload$1.Dragger;
+var Upload = forwardRef(function (props, ref) {
+    var mode = props.mode, bookGroupId = props.bookGroupId; props.viewCode; var onLoading = props.onLoading, onSuccess = props.onSuccess, onError = props.onError;
+    var _a = message.useMessage(), messageApi = _a[0], contextHolder = _a[1];
+    // 地址字段
+    var _b = useState(), fieldId = _b[0], setFieldId = _b[1];
+    // 选择的文件
+    var _c = useState(null), file = _c[0], setFile = _c[1];
+    // 上传中
+    var _d = useState(false), loading = _d[0], _setLoading = _d[1];
+    // 上传进度
+    var _e = useState(0), percent = _e[0], setPercent = _e[1];
+    // 上传结果
+    var _f = useState(null), result = _f[0], setResult = _f[1];
+    // 上传任务id
+    var _g = useState(null), taskBatchId = _g[0], setTaskBatchId = _g[1];
+    var token = theme.useToken().token;
+    var setLoading = function (state) {
+        onLoading === null || onLoading === void 0 ? void 0 : onLoading(state);
+        _setLoading(state);
+    };
+    // 字段列表
+    var _h = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(mode === '2')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getTemplateFieldList({ templateId: bookGroupId })];
+                case 1:
+                    res = _a.sent();
+                    if (res) {
+                        return [2 /*return*/, res.map(function (item) { return ({
+                                label: item.fieldName,
+                                value: item.fieldId,
+                            }); })];
+                    }
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [mode, bookGroupId],
+    }), fieldOptions = _h.data, fieldLoading = _h.loading;
+    // 下载失败信息
+    var handleDownloadErrorInfo = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, downloadErrorMsg({ taskBatchId: taskBatchId })];
+                case 1:
+                    res = _a.sent();
+                    downloadFile(res);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 删除文件
+    var handleDeleteFile = function (e) {
+        e.stopPropagation();
+        setFile(null);
+    };
+    // 获取上传进度
+    var getSchedule = function (taskBatchId) { return __awaiter(void 0, void 0, void 0, function () {
+        var res, schedule, taskFileScheduleInfoDTO, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, getImportSchedule({ taskBatchId: taskBatchId })];
+                case 1:
+                    res = _a.sent();
+                    schedule = res.schedule, taskFileScheduleInfoDTO = res.taskFileScheduleInfoDTO;
+                    setPercent(schedule * 100);
+                    if (schedule === 1) {
+                        // 上传完成
+                        setLoading(false);
+                        setResult(taskFileScheduleInfoDTO);
+                        messageApi.success('对象批量导入完成');
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+                    }
+                    else {
+                        // 上传中
+                        setTimeout(function () {
+                            getSchedule(taskBatchId);
+                        }, 5000);
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _a.sent();
+                    // 报错后停止
+                    console.error(err_1);
+                    onError === null || onError === void 0 ? void 0 : onError(err_1);
+                    setTaskBatchId(null);
+                    setLoading(false);
+                    setPercent(0);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    // 下载模板
+    var handleDownloadTemplate = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getGroupExcelTemplate({ templateId: bookGroupId })];
+                case 1:
+                    res = _a.sent();
+                    downloadFile(res);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 导入
+    var handleImport = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var formData, res_1, err_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (result) {
+                        return [2 /*return*/];
+                    }
+                    if (mode === '2' && !fieldId) {
+                        messageApi.error('请选择地址字段');
+                        return [2 /*return*/];
+                    }
+                    if (!file) {
+                        messageApi.error('请选择上传的文件');
+                        return [2 /*return*/];
+                    }
+                    formData = new FormData();
+                    formData.append('file', file);
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 7, , 8]);
+                    if (!(mode === '1')) return [3 /*break*/, 3];
+                    return [4 /*yield*/, importManualBookGroup(formData, { templateId: bookGroupId })];
+                case 2:
+                    res_1 = _a.sent(); // viewCode
+                    return [3 /*break*/, 6];
+                case 3:
+                    if (!(mode === '2')) return [3 /*break*/, 5];
+                    return [4 /*yield*/, importGeolevelBookGroup(formData, {
+                            templateId: bookGroupId,
+                            fieldId: fieldId,
+                            // viewCode,
+                        })];
+                case 4:
+                    res_1 = _a.sent();
+                    return [3 /*break*/, 6];
+                case 5: return [2 /*return*/];
+                case 6:
+                    if (!res_1) {
+                        return [2 /*return*/];
+                    }
+                    setTaskBatchId(res_1);
+                    setTimeout(function () {
+                        getSchedule(res_1);
+                    }, 1000);
+                    return [3 /*break*/, 8];
+                case 7:
+                    err_2 = _a.sent();
+                    console.error(err_2);
+                    setLoading(false);
+                    return [3 /*break*/, 8];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    var draggerProps = {
+        disabled: loading || taskBatchId,
+        accept: '.xls,.xlsx',
+        showUploadList: false,
+        beforeUpload: function (_file) {
+            setFile(_file);
+            return false;
+        },
+        onRemove: function () {
+            setFile(null);
+        },
+    };
+    useImperativeHandle(ref, function () { return ({
+        import: handleImport,
+    }); });
+    return (React__default.createElement(React__default.Fragment, null,
+        mode === '2' ? (React__default.createElement(Space, { style: { marginBottom: 8 } },
+            "\u4F7F\u7528",
+            React__default.createElement(Select, { style: { width: 160 }, placeholder: "\u8BF7\u9009\u62E9\u5730\u5740\u5B57\u6BB5", options: fieldOptions, loading: fieldLoading, value: fieldId, onChange: setFieldId }),
+            "\u4FE1\u606F\u5339\u914D\u53F0\u8D26")) : null,
+        React__default.createElement("div", { className: styles.container },
+            React__default.createElement(Dragger, __assign({}, draggerProps), file ? (React__default.createElement(React__default.Fragment, null,
+                loading || taskBatchId ? null : (React__default.createElement("div", { className: styles['file-delete-icon'], onClick: handleDeleteFile },
+                    React__default.createElement(SvgDelete, null))),
+                React__default.createElement("div", { className: styles['file-excel-icon'] },
+                    React__default.createElement(SvgFileExcel, null)),
+                React__default.createElement("div", { className: styles['file-name'] }, file.name),
+                percent ? (React__default.createElement("div", { className: styles['file-progress'] },
+                    React__default.createElement(Progress, { percent: percent, showInfo: false, strokeColor: "#0FF", size: ['100%', 4] }))) : null)) : (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("div", { className: styles['drag-icon'] },
+                    React__default.createElement(SvgUpload, null)),
+                React__default.createElement("div", { className: styles['drag-text'], style: { color: token.colorText } }, "\u4E0A\u4F20\u8BF7\u70B9\u51FB\u6216\u62D6\u62FD\u6587\u4EF6\u81F3\u6B64\u533A\u57DF"),
+                React__default.createElement("div", { className: styles['drag-hint'], style: { color: token.colorText } }, "1.\u6587\u4EF6\u5FC5\u987B\u6309\u7167\u6A21\u677F\u586B\u5199\uFF1B 2.\u4EC5\u652F\u6301Excel\u683C\u5F0F\u7684\u6587\u4EF6")))),
+            result ? (React__default.createElement("div", { className: styles.result },
+                "\u5BFC\u5165\u5B8C\u6210\uFF01\u6210\u529F\u5BFC\u5165",
+                React__default.createElement("span", { className: styles.success }, result.successNum || 0),
+                "\u6761\uFF0C\u5931\u8D25\u5BFC\u5165",
+                React__default.createElement("span", { className: styles.failure }, result.failNum || 0),
+                "\u6761\u3002")) : null,
+            loading ? React__default.createElement("div", { className: styles.tip }, "\u6B63\u5728\u4E3A\u60A8\u5BFC\u5165\u6570\u636E\uFF0C\u8BF7\u7A0D\u5019...") : null,
+            (result === null || result === void 0 ? void 0 : result.failNum) ? (React__default.createElement("div", { className: styles.tip },
+                "\u70B9\u51FB",
+                React__default.createElement(Button, { type: "link", onClick: handleDownloadErrorInfo }, "\u4E0B\u8F7D\u5931\u8D25\u4FE1\u606F"))) : null,
+            React__default.createElement(Button, { type: "link", icon: React__default.createElement(DownloadOutlined, null), onClick: handleDownloadTemplate }, "\u4E0B\u8F7D\u6A21\u677F")),
+        contextHolder));
+});
+
+export { Upload as default };

package/dist/es/components/BookGroupImport/components/Upload/index.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_container__RddG6 .index-module_file-delete-icon__fNYlL {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  color: rgba(255, 255, 255, 0.25);\n}\n.index-module_container__RddG6 .index-module_file-delete-icon__fNYlL:hover {\n  color: #f2f8ff;\n}\n.index-module_container__RddG6 .index-module_file-excel-icon__ohdeb {\n  width: 60px;\n  height: 60px;\n  margin: 0 auto;\n}\n.index-module_container__RddG6 .index-module_file-name__41RUQ {\n  margin-top: 12px;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n  color: rgba(255, 255, 255, 0.85);\n}\n.index-module_container__RddG6 .index-module_file-progress__9kpmf {\n  position: absolute;\n  bottom: -6px;\n  left: 0;\n  width: 100%;\n}\n.index-module_container__RddG6 .index-module_file-progress__9kpmf .ant-progress-line {\n  margin: 0;\n}\n.index-module_container__RddG6 .index-module_drag-icon__Qc78Y {\n  width: 60px;\n  height: 60px;\n  margin: 0 auto;\n}\n.index-module_container__RddG6 .index-module_drag-text__gW5xD {\n  margin-top: 12px;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n}\n.index-module_container__RddG6 .index-module_drag-hint__MJej7 {\n  margin-top: 8px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n}\n.index-module_container__RddG6 .index-module_result__CiHit {\n  margin-top: 16px;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n  color: #fff;\n}\n.index-module_container__RddG6 .index-module_result__CiHit .index-module_success__mhp2y {\n  margin: 0 2px;\n  color: #0ff;\n}\n.index-module_container__RddG6 .index-module_result__CiHit .index-module_failure__TMw0l {\n  margin: 0 2px;\n  color: #ff4d4f;\n}\n.index-module_container__RddG6 .index-module_tip__t6FH7 {\n  padding-top: 8px;\n}\n.index-module_container__RddG6 .ant-upload {\n  position: relative;\n  height: 204px;\n}\n.index-module_container__RddG6 .ant-upload-wrapper .ant-upload-drag {\n  background: rgba(0, 255, 255, 0.1);\n  border: 1px dashed rgba(0, 255, 255, 0.65);\n  border-radius: 2px;\n}\n.index-module_container__RddG6 .ant-btn-link {\n  padding: 0;\n  font-size: 16px;\n}\n";
+var styles = {"container":"index-module_container__RddG6","file-delete-icon":"index-module_file-delete-icon__fNYlL","file-excel-icon":"index-module_file-excel-icon__ohdeb","file-name":"index-module_file-name__41RUQ","file-progress":"index-module_file-progress__9kpmf","drag-icon":"index-module_drag-icon__Qc78Y","drag-text":"index-module_drag-text__gW5xD","drag-hint":"index-module_drag-hint__MJej7","result":"index-module_result__CiHit","success":"index-module_success__mhp2y","failure":"index-module_failure__TMw0l","tip":"index-module_tip__t6FH7"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/BookGroupTable/BookGroupTable.js

@@ -0,0 +1,215 @@
+import { CaretDownOutlined, CaretRightOutlined } from '@ant-design/icons';
+import { produce } from 'immer';
+import React__default, { useState, useMemo } from 'react';
+import { useContextMenu } from 'react-contexify';
+import Highlighter from 'react-highlight-words';
+import ProTable from '../ProTable/ProTable.js';
+import styles from './BookGroupTable.module.less.js';
+import ContextMenu from './components/ContextMenu/index.js';
+import useBookGroupTable from './hooks/useBookGroupTable.js';
+import { compare } from './utils/index.js';
+
+var BookGroupTable = function (props) {
+    var displayWay = props.displayWay, nodeCode = props.nodeCode, _a = props.viewCodes, viewCodes = _a === void 0 ? [] : _a, keyword = props.keyword, _b = props.filter, filter = _b === void 0 ? {} : _b, onDoubleClick = props.onDoubleClick, onImport = props.onImport, onTagConfig = props.onTagConfig;
+    var showContextMenu = useContextMenu({ id: ContextMenu.id }).show;
+    // 展开的行
+    var _c = useState([]), expandedRows = _c[0], setExpandedRows = _c[1];
+    // 排序
+    var _d = useState(null), sorter = _d[0], setSorter = _d[1];
+    // 当前高亮的行
+    var _e = useState(''), highlightId = _e[0], setHighlightId = _e[1];
+    // 分组
+    var showGroup = !!displayWay || !!nodeCode;
+    // 表格数据
+    var _f = useBookGroupTable({ displayWay: displayWay, nodeCode: nodeCode, viewCodes: viewCodes, keyword: keyword, filter: filter }), loading = _f.loading, data = _f.data;
+    // 筛选后的表格数据
+    var dataSource = useMemo(function () {
+        var _a;
+        if (!data) {
+            return [];
+        }
+        var res = data;
+        if (showGroup) {
+            setExpandedRows(data === null || data === void 0 ? void 0 : data.map(function (item) { return item.nodeCode; }));
+        }
+        else {
+            res = (_a = data[0]) === null || _a === void 0 ? void 0 : _a.bookGroupItemList;
+        }
+        if (!(sorter === null || sorter === void 0 ? void 0 : sorter.order)) {
+            return res;
+        }
+        // "ascend" 升序 / "descend" 降序
+        var order = sorter.order, field = sorter.field;
+        return produce(res, function (draftState) {
+            if (order === 'ascend') {
+                // 升序
+                if (showGroup) {
+                    draftState.forEach(function (item) {
+                        item.bookGroupItemList.sort(function (a, b) { return compare(a[field], b[field]); });
+                    });
+                }
+                else {
+                    draftState.sort(function (a, b) { return compare(a[field], b[field]); });
+                }
+            }
+            else {
+                // 降序
+                if (showGroup) {
+                    draftState.forEach(function (item) {
+                        item.bookGroupItemList.sort(function (b, a) { return compare(a[field], b[field]); });
+                    });
+                }
+                else {
+                    draftState.sort(function (b, a) { return compare(a[field], b[field]); });
+                }
+            }
+        });
+    }, [data, sorter]);
+    // 设置单元格属性
+    var onCell = function (record) {
+        if (showGroup && record.bookGroupItemList) {
+            return { colSpan: 0 };
+        }
+        return {};
+    };
+    // 设置行属性
+    var onRow = function (record) { return ({
+        onClick: function () {
+            if (!('bookGroupItemList' in record)) {
+                setHighlightId(record.bookGroupId);
+            }
+        },
+        onDoubleClick: function () {
+            if (!('bookGroupItemList' in record)) {
+                onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(record);
+            }
+        },
+        onContextMenu: function (e) {
+            e.stopPropagation();
+            if (!('bookGroupItemList' in record)) {
+                showContextMenu({
+                    event: e,
+                    props: {
+                        data: record,
+                        callback: function (key) {
+                            switch (key) {
+                                // 查看
+                                case 'show':
+                                    onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(record);
+                                    break;
+                                // 导入数据
+                                case 'import':
+                                    onImport === null || onImport === void 0 ? void 0 : onImport(record);
+                                    break;
+                                // 标签配置
+                                case 'tag-config':
+                                    onTagConfig === null || onTagConfig === void 0 ? void 0 : onTagConfig(record);
+                                    break;
+                            }
+                        },
+                    },
+                });
+            }
+        },
+    }); };
+    var rowClassName = function (record) {
+        if (record.bookGroupId === highlightId) {
+            return styles['row-highlight'];
+        }
+        return null;
+    };
+    var handleChangeTable = function (_, __, _sorter) {
+        setSorter(_sorter);
+    };
+    var columns = [
+        {
+            title: '台账组名称',
+            dataIndex: 'bookGroupName',
+            key: 'bookGroupName',
+            // width: 300,
+            sorter: true,
+            ellipsis: true,
+            render: function (text, record) {
+                return showGroup && record.bookGroupItemList ? (React__default.createElement("div", { className: styles['class-title'] }, "".concat(record.nodeName, "(").concat(record.count || 0, ")"))) : (React__default.createElement("div", { className: styles['group-title'] },
+                    React__default.createElement("div", { className: styles.label },
+                        React__default.createElement(Highlighter, { highlightClassName: styles.highlight, searchWords: [keyword || ''], textToHighlight: text || '', autoEscape: true }))));
+            },
+            onCell: function (record) {
+                return showGroup
+                    ? {
+                        colSpan: record.bookGroupItemList ? 10 : 1,
+                        className: record.bookGroupItemList ? styles['class-cell'] : '',
+                    }
+                    : {};
+            },
+        },
+        {
+            title: '包含台账数',
+            dataIndex: 'bookCount',
+            key: 'bookCount',
+            // width: 160,
+            sorter: true,
+            onCell: onCell,
+        },
+        {
+            title: '包含实体记录数',
+            dataIndex: 'senseCount',
+            key: 'senseCount',
+            // width: 160,
+            sorter: true,
+            onCell: onCell,
+        },
+        {
+            title: '管理部门',
+            dataIndex: 'deptName',
+            key: 'deptName',
+            // width: 300,
+            sorter: true,
+            ellipsis: true,
+            onCell: onCell,
+        },
+        {
+            title: '创建时间',
+            dataIndex: 'createTime',
+            key: 'createTime',
+            // width: 200,
+            sorter: true,
+            ellipsis: true,
+            onCell: onCell,
+        },
+        {
+            title: '更新时间',
+            dataIndex: 'updateTime',
+            key: 'updateTime',
+            // width: 200,
+            sorter: true,
+            ellipsis: true,
+            onCell: onCell,
+        },
+    ];
+    var expandable = showGroup
+        ? {
+            defaultExpandAllRows: true,
+            expandedRowKeys: expandedRows,
+            onExpandedRowsChange: function (keys) { return setExpandedRows(keys); },
+            childrenColumnName: 'bookGroupItemList',
+            expandIcon: function (_a) {
+                var expanded = _a.expanded, onExpand = _a.onExpand, record = _a.record;
+                return (record === null || record === void 0 ? void 0 : record.bookGroupItemList) ? (expanded ? (React__default.createElement(CaretDownOutlined, { onClick: function (e) { return onExpand(record, e); } })) : (React__default.createElement(CaretRightOutlined, { onClick: function (e) { return onExpand(record, e); } }))) : null;
+            },
+        }
+        : null;
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.table },
+            React__default.createElement(ProTable, { header: [
+                    { code: 'bookGroupName', name: '台账组名称', defaultShow: true },
+                    { code: 'bookCount', name: '包含台账数', defaultShow: true },
+                    { code: 'senseCount', name: '包含实体记录数', defaultShow: true },
+                    { code: 'deptName', name: '管理部门', defaultShow: true },
+                    { code: 'createTime', name: '创建时间', defaultShow: true },
+                    { code: 'updateTime', name: '更新时间', defaultShow: true },
+                ], columns: columns, dataSource: dataSource, loading: loading, pagination: false, size: "small", rowKey: function (record) { return record.nodeCode || record.bookGroupId; }, onRow: onRow, rowClassName: rowClassName, onChange: handleChangeTable, expandable: expandable })),
+        React__default.createElement(ContextMenu, null)));
+};
+
+export { BookGroupTable as default };