@icos-desktop/react-components 2.2.15 → 2.3.0-es.2

package/dist/es/components/BookSelect/BookSelect.types.d.ts

@@ -0,0 +1,11 @@
+import { SelectProps } from '@xirang/design-antd';
+export interface BookSelectProps extends SelectProps {
+    /**
+     * 实体类型编码
+     */
+    entityClassCode: string;
+    /**
+     * 视图编码
+     */
+    viewCodes?: string[];
+}

package/dist/es/components/BookSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './BookSelect';
+export type { BookSelectProps } from './BookSelect.types';

package/dist/es/components/BookTable/BookTable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BookTableProps, BookTableRef } from './BookTable.types';
+declare const BookTable: React.ForwardRefExoticComponent<BookTableProps & React.RefAttributes<BookTableRef>>;
+export default BookTable;

package/dist/es/components/BookTable/BookTable.js

@@ -0,0 +1,259 @@
+import { __rest, __assign, __awaiter, __generator } 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 { ExclamationCircleOutlined } from '@ant-design/icons';
+import { message, Modal, Space, Tooltip } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import dayjs from 'dayjs';
+import React__default, { forwardRef, useState, useImperativeHandle } from 'react';
+import { useContextMenu } from 'react-contexify';
+import Highlighter from 'react-highlight-words';
+import ProTable from '../ProTable/ProTable.js';
+import { PAGINATION } from '../../constants/pagination.js';
+import { deleteBook } from '../../services/entityManager.js';
+import { getBookList } from '../../services/senseManager.js';
+import styles from './BookTable.module.less.js';
+import ContextMenu from './components/ContextMenu/index.js';
+import useExportModal from './components/ExportModal/useExportModal.js';
+
+// 台账来源映射
+var authTypesMap = {
+    1: '我申领的',
+    2: '组织管理',
+    3: '被共享的',
+    4: '部分共享',
+};
+// 渲染台账来源
+var renderAuthTypes = function (authTypes) {
+    if (authTypes) {
+        return authTypes.map(function (item) { return (React__default.createElement("div", { className: "".concat(styles.tag, " ").concat(styles["tag-".concat(item)]), key: item }, authTypesMap[item])); });
+    }
+    return '-';
+};
+// 显示总数 最大展示10000条
+var showTotal = function (total) {
+    if (total === void 0) { total = 0; }
+    return (React__default.createElement(Space, { align: "center" },
+        total > 10000 ? (React__default.createElement(Tooltip, { title: "\u6700\u5927\u5C55\u793A10000\u6761" },
+            React__default.createElement(ExclamationCircleOutlined, null))) : null,
+        React__default.createElement("span", null,
+            "\u5171",
+            total,
+            "\u6761")));
+};
+var defaultHeader = [
+    { code: 'bookName', name: '名称', defaultShow: true, hidden: true },
+    { code: 'authTypes', name: '台账来源', defaultShow: true },
+    { code: 'modifyDate', name: '修改日期', defaultShow: true },
+    { code: 'createTime', name: '创建日期', defaultShow: false },
+    { code: 'bookItemCount', name: '对象数量', defaultShow: true },
+    { code: 'pathNodeList', name: '对象类型', defaultShow: false },
+    { code: 'orgName', name: '关联组织', defaultShow: false },
+    { code: 'regionName', name: '关联地理层级', defaultShow: false },
+];
+var BookTable = forwardRef(function (props, ref) {
+    var _a = props.header, header = _a === void 0 ? defaultHeader : _a, templateId = props.templateId, viewCodes = props.viewCodes, displayWay = props.displayWay, nodeCode = props.nodeCode, keyword = props.keyword, filter = props.filter, contextMenuConfig = props.contextMenuConfig, onDoubleClick = props.onDoubleClick, onCreateSense = props.onCreateSense, onRefresh = props.onRefresh, onTagConfig = props.onTagConfig, onAttribute = props.onAttribute, onShare = props.onShare, tableProps = __rest(props, ["header", "templateId", "viewCodes", "displayWay", "nodeCode", "keyword", "filter", "contextMenuConfig", "onDoubleClick", "onCreateSense", "onRefresh", "onTagConfig", "onAttribute", "onShare"]);
+    var _b = message.useMessage(), messageApi = _b[0], contextHolder = _b[1];
+    var _c = Modal.useModal(), modal = _c[0], modalContextHolder = _c[1];
+    var showContextMenu = useContextMenu({ id: ContextMenu.id }).show;
+    var _d = useExportModal(), onExport = _d.onExport, ExportModal = _d.ExportModal;
+    // 分页
+    var _e = useState(__assign({}, PAGINATION)), pagination = _e[0], setPagination = _e[1];
+    // 排序
+    var _f = useState(null), sorter = _f[0], setSorter = _f[1];
+    // 当前高亮的行
+    var _g = useState(null), highlightId = _g[0], setHighlightId = _g[1];
+    // 表格数据
+    var _h = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, createTime, updateTime, filterParams, sortParams, res;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = filter || {}, createTime = _a.createTime, updateTime = _a.updateTime, filterParams = __rest(_a, ["createTime", "updateTime"]);
+                    if (createTime === null || createTime === void 0 ? void 0 : createTime.length) {
+                        filterParams.startCreateTime = dayjs(createTime[0]).format('YYYY-MM-DD HH:mm:ss');
+                        filterParams.endCreateTime = dayjs(createTime[1]).format('YYYY-MM-DD HH:mm:ss');
+                    }
+                    if (updateTime === null || updateTime === void 0 ? void 0 : updateTime.length) {
+                        filterParams.startUpdateTime = dayjs(updateTime[0]).format('YYYY-MM-DD HH:mm:ss');
+                        filterParams.endUpdateTime = dayjs(updateTime[1]).format('YYYY-MM-DD HH:mm:ss');
+                    }
+                    sortParams = (sorter === null || sorter === void 0 ? void 0 : sorter.order)
+                        ? {
+                            sortField: sorter.field,
+                            sortFieldOrder: sorter.order === 'descend' ? 'desc' : 'asc',
+                        }
+                        : {};
+                    return [4 /*yield*/, getBookList(__assign(__assign(__assign({ viewCodes: viewCodes, displayWay: displayWay, templateId: templateId, nodeCode: nodeCode, keyword: keyword }, filterParams), sortParams), { page: pagination.current, pageSize: pagination.pageSize }))];
+                case 1:
+                    res = _b.sent();
+                    setPagination(__assign(__assign({}, pagination), { total: (res === null || res === void 0 ? void 0 : res.total) ? (res.total > 10000 ? 10000 : res.total) : 0, current: (res === null || res === void 0 ? void 0 : res.pageNum) || 1, pageSize: (res === null || res === void 0 ? void 0 : res.pageSize) || PAGINATION.pageSize, showTotal: function () { return showTotal(res === null || res === void 0 ? void 0 : res.total); } }));
+                    return [2 /*return*/, res === null || res === void 0 ? void 0 : res.list];
+            }
+        });
+    }); }, {
+        refreshDeps: [templateId, JSON.stringify(viewCodes), keyword, JSON.stringify(filter), sorter],
+    }), loading = _h.loading, data = _h.data, refresh = _h.refresh;
+    // 触发刷新
+    var handleRefresh = function () {
+        refresh();
+        onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
+    };
+    var onRow = function (record) { return ({
+        onClick: function () {
+            setHighlightId(record.bookId);
+        },
+        onDoubleClick: function () {
+            onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(record);
+        },
+        onContextMenu: function (e) {
+            e.stopPropagation();
+            showContextMenu({
+                event: e,
+                props: {
+                    data: record,
+                    callback: function (key) {
+                        switch (key) {
+                            // 新建对象
+                            case 'create':
+                                onCreateSense === null || onCreateSense === void 0 ? void 0 : onCreateSense(record);
+                                break;
+                            // 标签配置
+                            case 'tagConfig':
+                                onTagConfig === null || onTagConfig === void 0 ? void 0 : onTagConfig(record);
+                                break;
+                            // 查看
+                            case 'show':
+                                onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(record);
+                                break;
+                            // 删除
+                            case 'delete':
+                                modal.confirm({
+                                    content: '确认是否删除？删除操作一旦执行不可撤回！',
+                                    onOk: function () { return __awaiter(void 0, void 0, void 0, function () {
+                                        return __generator(this, function (_a) {
+                                            switch (_a.label) {
+                                                case 0: return [4 /*yield*/, deleteBook({ bookId: record.bookId }).then(function () {
+                                                        messageApi.success('删除成功');
+                                                        handleRefresh();
+                                                    })];
+                                                case 1:
+                                                    _a.sent();
+                                                    return [2 /*return*/];
+                                            }
+                                        });
+                                    }); },
+                                });
+                                break;
+                            // 属性
+                            case 'attribute':
+                                onAttribute === null || onAttribute === void 0 ? void 0 : onAttribute(record);
+                                break;
+                            // 导出
+                            case 'export':
+                                onExport({
+                                    selectBookIds: [record.bookId],
+                                    viewCodes: viewCodes,
+                                });
+                                break;
+                            // 共享
+                            case 'share':
+                                onShare === null || onShare === void 0 ? void 0 : onShare(record);
+                                break;
+                        }
+                    },
+                },
+            });
+        },
+    }); };
+    var rowClassName = function (record) {
+        if (record.bookId === highlightId) {
+            return styles['row-highlight'];
+        }
+        return null;
+    };
+    var handleChangeTable = function (_pagination, _, _sorter) {
+        setPagination(__assign(__assign({}, pagination), _pagination));
+        setSorter(_sorter);
+    };
+    var columns = [
+        {
+            title: '名称',
+            dataIndex: 'bookName',
+            key: 'bookName',
+            width: 300,
+            sorter: true,
+            ellipsis: true,
+            render: function (text) { return (React__default.createElement("div", { className: styles['book-title'] },
+                React__default.createElement("div", { className: styles.label },
+                    React__default.createElement(Highlighter, { highlightClassName: styles.highlight, searchWords: [keyword || ''], textToHighlight: text || '', autoEscape: true })))); },
+        },
+        {
+            title: '台账来源',
+            dataIndex: 'authTypes',
+            key: 'authTypes',
+            width: 300,
+            render: function (text) { return (React__default.createElement("div", { className: styles['auth-types'] }, renderAuthTypes(text))); },
+        },
+        {
+            title: '修改日期',
+            dataIndex: 'modifyDate',
+            key: 'modifyDate',
+            width: 200,
+            sorter: true,
+            ellipsis: true,
+        },
+        {
+            title: '创建日期',
+            dataIndex: 'createTime',
+            key: 'createTime',
+            width: 200,
+            sorter: true,
+            ellipsis: true,
+        },
+        {
+            title: '对象数量',
+            dataIndex: 'bookItemCount',
+            key: 'bookItemCount',
+            width: 160,
+            sorter: true,
+        },
+        {
+            title: '对象类型',
+            dataIndex: 'pathNodeList',
+            key: 'pathNodeList',
+            width: 300,
+            sorter: true,
+            ellipsis: true,
+            render: function (text) {
+                return text ? text.map(function (item) { return item.value; }).join('/') : '';
+            },
+        },
+        {
+            title: '关联组织',
+            dataIndex: 'orgName',
+            key: 'orgName',
+            width: 260,
+            sorter: true,
+            ellipsis: true,
+        },
+        {
+            title: '关联地理层级',
+            dataIndex: 'regionName',
+            key: 'regionName',
+            width: 260,
+            sorter: true,
+            ellipsis: true,
+        },
+    ];
+    useImperativeHandle(ref, function () { return ({
+        refresh: handleRefresh,
+    }); });
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.table },
+            React__default.createElement(ProTable, __assign({ header: header, columns: columns, dataSource: data, loading: loading, pagination: pagination, size: "small", rowKey: function (record) { return record.bookId; }, onRow: onRow, rowClassName: rowClassName, onChange: handleChangeTable }, tableProps))),
+        (contextMenuConfig === null || contextMenuConfig === void 0 ? void 0 : contextMenuConfig.length) ? React__default.createElement(ContextMenu, { config: contextMenuConfig }) : null,
+        React__default.createElement(ExportModal, null),
+        contextHolder,
+        modalContextHolder));
+});
+
+export { BookTable as default };

package/dist/es/components/BookTable/BookTable.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 = ".BookTable-module_container__L2kmP {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n.BookTable-module_container__L2kmP * {\n  box-sizing: border-box;\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 {\n  flex: 1;\n  height: 0;\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 .BookTable-module_book-title__ClT5i {\n  display: flex;\n  align-items: center;\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 .BookTable-module_book-title__ClT5i > img {\n  width: 18px;\n  height: 18px;\n  margin-right: 4px;\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 .BookTable-module_book-title__ClT5i .BookTable-module_label__awV3B {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: keep-all;\n  white-space: nowrap;\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 .BookTable-module_auth-types__zbhCo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 6px;\n  align-items: center;\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 .BookTable-module_auth-types__zbhCo .BookTable-module_tag__PwHem {\n  height: 20px;\n  padding: 1px 6px 2px;\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n  border-radius: 4px;\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 .BookTable-module_auth-types__zbhCo .BookTable-module_tag__PwHem.BookTable-module_tag-1__e-LYA {\n  color: #00c869;\n  background: rgba(16, 185, 129, 0.2);\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 .BookTable-module_auth-types__zbhCo .BookTable-module_tag__PwHem.BookTable-module_tag-2__FiXso {\n  color: #1890ff;\n  background: rgba(24, 144, 255, 0.2);\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 .BookTable-module_auth-types__zbhCo .BookTable-module_tag__PwHem.BookTable-module_tag-3__HaqwC {\n  color: #af9301;\n  background: rgba(237, 191, 53, 0.2);\n}\n.BookTable-module_container__L2kmP .BookTable-module_table__x7nr4 .BookTable-module_auth-types__zbhCo .BookTable-module_tag__PwHem.BookTable-module_tag-4__UJv46 {\n  color: rgba(255, 255, 255, 0.5);\n  background: rgba(247, 248, 250, 0.2);\n}\n.BookTable-module_row-highlight__HLAF0 {\n  background: var(--sense-manager-row-highlight-color) !important;\n}\n.BookTable-module_highlight__5JeBZ {\n  padding: 0;\n  font-family: 'Source Han Sans CN';\n  font-style: normal;\n  font-weight: 500;\n  color: #0ff;\n  background-color: transparent;\n}\n";
+var styles = {"container":"BookTable-module_container__L2kmP","table":"BookTable-module_table__x7nr4","book-title":"BookTable-module_book-title__ClT5i","label":"BookTable-module_label__awV3B","auth-types":"BookTable-module_auth-types__zbhCo","tag":"BookTable-module_tag__PwHem","tag-1":"BookTable-module_tag-1__e-LYA","tag-2":"BookTable-module_tag-2__FiXso","tag-3":"BookTable-module_tag-3__HaqwC","tag-4":"BookTable-module_tag-4__UJv46","row-highlight":"BookTable-module_row-highlight__HLAF0","highlight":"BookTable-module_highlight__5JeBZ"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/BookTable/BookTable.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import BookTable from './BookTable';
+declare const meta: Meta<typeof BookTable>;
+export default meta;
+type Story = StoryObj<typeof BookTable>;
+export declare const Base: Story;

package/dist/es/components/BookTable/BookTable.types.d.ts

@@ -0,0 +1,76 @@
+import { TableProps } from '@xirang/design-antd';
+export type ContextMenuKey = 'create' | 'tagConfig' | 'show' | 'delete' | 'attribute' | 'export' | 'share';
+export interface BookTableProps extends TableProps {
+    /**
+     * 表头配置
+     */
+    header?: {
+        code: string;
+        name: string;
+        defaultShow?: boolean;
+        hidden?: boolean;
+    }[];
+    /**
+     * 台账模板 id
+     */
+    templateId: string;
+    /**
+     * 视图编码
+     */
+    viewCodes?: string[];
+    /**
+     * 查看方式 (1 - 实体类别, 2 - 所属组织), 若为空则返回台账组不分组
+     */
+    displayWay?: string;
+    /**
+     * 节点编码
+     */
+    nodeCode?: string;
+    /**
+     * 搜索关键词
+     */
+    keyword?: string;
+    /**
+     * 过滤条件
+     */
+    filter?: any;
+    /**
+     * 台账功能
+     */
+    contextMenuConfig?: ContextMenuKey[];
+    /**
+     * 双击台账
+     * @param record
+     */
+    onDoubleClick?: (record: any) => void;
+    /**
+     * 新建对象
+     * @param record
+     */
+    onCreateSense?: (record: any) => void;
+    /**
+     * 触发刷新的回调
+     */
+    onRefresh?: () => void;
+    /**
+     * 点击标签配置
+     * @param record
+     */
+    onTagConfig?: (record: any) => void;
+    /**
+     * 查看台账属性
+     * @param record
+     */
+    onAttribute?: (record: any) => void;
+    /**
+     * 台账共享
+     * @param record
+     */
+    onShare?: (record: any) => void;
+}
+export interface BookTableRef {
+    /**
+     * 刷新
+     */
+    refresh: () => void;
+}

package/dist/es/components/BookTable/components/ContextMenu/index.d.ts

@@ -0,0 +1,9 @@
+import { ContextMenuKey } from '../../BookTable.types';
+interface ContextMenuProps {
+    config?: ContextMenuKey[];
+}
+declare const ContextMenu: {
+    ({ config }: ContextMenuProps): import("react").ReactNode;
+    id: string;
+};
+export default ContextMenu;

package/dist/es/components/BookTable/components/ContextMenu/index.js

@@ -0,0 +1,79 @@
+import { v4 } from 'uuid';
+import { renderContextMenu } from '../../../../utils/contexify/index.js';
+
+var id = "BOOK_TABLE_MENU_BOOK_".concat(v4());
+var ContextMenu = function (_a) {
+    var config = _a.config;
+    var isHidden = function (key) { return !(config === null || config === void 0 ? void 0 : config.includes(key)); };
+    var isBookAdmin = function (authTypes) { return authTypes === null || authTypes === void 0 ? void 0 : authTypes.includes(1); };
+    var isBookEdit = function (authTypes) { return authTypes === null || authTypes === void 0 ? void 0 : authTypes.includes(5); };
+    var menu = [
+        {
+            key: 'create',
+            label: '新建对象',
+            hidden: function () { return isHidden('create'); },
+            disabled: function (_a) {
+                var data = _a.props.data;
+                return !isBookAdmin(data === null || data === void 0 ? void 0 : data.authTypes) && !isBookEdit(data === null || data === void 0 ? void 0 : data.authTypes);
+            },
+        },
+        {
+            key: 'tagConfig',
+            label: '标签配置',
+            hidden: function () { return isHidden('tagConfig'); },
+            disabled: function (_a) {
+                var data = _a.props.data;
+                return !isBookAdmin(data === null || data === void 0 ? void 0 : data.authTypes) && !isBookEdit(data === null || data === void 0 ? void 0 : data.authTypes);
+            },
+        },
+        {
+            key: 'show',
+            label: '查看',
+            hidden: function () { return isHidden('show'); },
+        },
+        {
+            key: 'delete',
+            label: '删除',
+            hidden: function () { return isHidden('delete'); },
+            disabled: function (_a) {
+                var data = _a.props.data;
+                return !isBookAdmin(data === null || data === void 0 ? void 0 : data.authTypes);
+            },
+        },
+        {
+            key: 'attribute',
+            label: '属性',
+            hidden: function () { return isHidden('attribute'); },
+            disabled: function (_a) {
+                var _b;
+                var data = _a.props.data;
+                return !((_b = data === null || data === void 0 ? void 0 : data.authTypes) === null || _b === void 0 ? void 0 : _b.length);
+            },
+        },
+        {
+            key: 'export',
+            label: '导出',
+            hidden: function () { return isHidden('export'); },
+        },
+        {
+            key: 'share',
+            label: '共享',
+            hidden: function () { return isHidden('share'); },
+            disabled: function (_a) {
+                var data = _a.props.data;
+                return !isBookAdmin(data === null || data === void 0 ? void 0 : data.authTypes);
+            },
+        },
+    ];
+    var handleMenu = function (key, _a) {
+        var props = _a.props;
+        if (props) {
+            var callback = props.callback;
+            callback === null || callback === void 0 ? void 0 : callback(key);
+        }
+    };
+    return renderContextMenu(id, menu, handleMenu);
+};
+ContextMenu.id = id;
+
+export { ContextMenu as default };

package/dist/es/components/BookTable/components/ExportModal/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ExportModalProps {
+    open: boolean;
+    config?: any[];
+    onOk: (params: any) => Promise<void>;
+    onCancel: () => void;
+}
+declare const ExportModal: React.FC<ExportModalProps>;
+export default ExportModal;

package/dist/es/components/BookTable/components/ExportModal/index.js

@@ -0,0 +1,114 @@
+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 { Form, Modal, Select, Tree } from '@xirang/design-antd';
+import { produce } from 'immer';
+import React__default, { useState, useEffect } from 'react';
+import styles from './index.module.less.js';
+
+var ExportModal = function (_a) {
+    var open = _a.open, config = _a.config, onOk = _a.onOk, onCancel = _a.onCancel;
+    var form = Form.useForm()[0];
+    // 文件名选项
+    var _b = useState([]), nameOptions = _b[0], setNameOptions = _b[1];
+    // 导出配置选项
+    var _c = useState({}), fieldOptions = _c[0], setFieldOptions = _c[1];
+    // 当前选中的文件code
+    var _d = useState(''), tableCode = _d[0], setTableCode = _d[1];
+    // 选中的字段
+    var _e = useState({}), fieldKeys = _e[0], setFieldKeys = _e[1];
+    // 导出字段存在校验问题
+    var _f = useState(false), fieldKeysError = _f[0], setFieldKeysError = _f[1];
+    // 确定按钮loading
+    var _g = useState(false), loading = _g[0], setLoading = _g[1];
+    // 选择文件变化
+    var handleChangeTableCode = function (value) {
+        setFieldKeysError(false);
+        setTableCode(value);
+    };
+    // 选择导出字段变化
+    var handleChangeField = function (value) {
+        setFieldKeysError(false);
+        setFieldKeys(produce(fieldKeys, function (draftState) {
+            draftState[tableCode] = value;
+        }));
+    };
+    var handleOk = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var params_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(config === null || config === void 0 ? void 0 : config.length)) return [3 /*break*/, 2];
+                    params_1 = [];
+                    config.forEach(function (item) {
+                        var _a;
+                        if (params_1) {
+                            var tableConfigs = (_a = item.tableConfigs) === null || _a === void 0 ? void 0 : _a.filter(function (it) { var _a; return (_a = fieldKeys[item.tableCode]) === null || _a === void 0 ? void 0 : _a.includes(it.key); });
+                            if (tableConfigs === null || tableConfigs === void 0 ? void 0 : tableConfigs.length) {
+                                params_1.push(__assign(__assign({}, item), { tableConfigs: tableConfigs }));
+                            }
+                            else {
+                                setTableCode(item.tableCode);
+                                setFieldKeysError(true);
+                                params_1 = null;
+                            }
+                        }
+                    });
+                    if (!params_1) return [3 /*break*/, 2];
+                    setLoading(true);
+                    return [4 /*yield*/, onOk(params_1).finally(function () {
+                            setLoading(false);
+                        })];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        var _a;
+        if (config === null || config === void 0 ? void 0 : config.length) {
+            var newNameOptions_1 = [];
+            var newFieldOptions_1 = {};
+            var newFieldKeys_1 = {};
+            config.forEach(function (item) {
+                var _a;
+                newNameOptions_1.push({ value: item.tableCode, label: item.tableName });
+                var options = [
+                    {
+                        key: '_all',
+                        title: '全部',
+                        children: [],
+                    },
+                ];
+                var keys = [];
+                (_a = item.tableConfigs) === null || _a === void 0 ? void 0 : _a.forEach(function (it) {
+                    options[0].children.push({ title: it.value, key: it.key });
+                    keys.push(it.key);
+                });
+                newFieldOptions_1[item.tableCode] = options;
+                newFieldKeys_1[item.tableCode] = keys;
+            });
+            setNameOptions(newNameOptions_1);
+            setFieldOptions(newFieldOptions_1);
+            setFieldKeys(newFieldKeys_1);
+            // 默认选中第一个
+            setTableCode((_a = config[0]) === null || _a === void 0 ? void 0 : _a.tableCode);
+        }
+        else {
+            setNameOptions([]);
+            setFieldOptions({});
+            setFieldKeys({});
+            setTableCode('');
+        }
+    }, [config]);
+    return (React__default.createElement(Modal, { open: open, title: "\u5BFC\u51FA\u914D\u7F6E", onOk: handleOk, onCancel: onCancel, okButtonProps: { loading: loading }, className: styles.container },
+        React__default.createElement(Form, { form: form, name: "export-modal", labelCol: { span: 6 }, wrapperCol: { span: 18 } },
+            (nameOptions === null || nameOptions === void 0 ? void 0 : nameOptions.length) > 1 ? (React__default.createElement(Form.Item, { label: "\u6587\u4EF6\u540D" },
+                React__default.createElement(Select, { options: nameOptions, value: tableCode, onChange: handleChangeTableCode }))) : null,
+            React__default.createElement(Form.Item, { label: "\u5BFC\u51FA\u5B57\u6BB5" },
+                React__default.createElement("div", { className: fieldKeysError ? styles['field-error'] : styles['field-no-error'] },
+                    React__default.createElement(Tree, { treeData: fieldOptions === null || fieldOptions === void 0 ? void 0 : fieldOptions[tableCode], checkedKeys: fieldKeys === null || fieldKeys === void 0 ? void 0 : fieldKeys[tableCode], onCheck: handleChangeField, selectable: false, defaultExpandAll: true, checkable: true, blockNode: true })),
+                fieldKeysError ? (React__default.createElement("span", { className: styles['field-message'] }, "\u8BF7\u9009\u62E9\u81F3\u5C11\u4E00\u4E2A\u5BFC\u51FA\u5B57\u6BB5")) : null))));
+};
+
+export { ExportModal as default };

package/dist/es/components/BookTable/components/ExportModal/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__BQnZO .index-module_field-no-error__qMtMF {\n  border: 1px solid transparent;\n}\n.index-module_container__BQnZO .index-module_field-error__KpLaP {\n  border: 1px solid rgba(255, 77, 79, 0.5);\n  border-radius: 2px;\n}\n.index-module_container__BQnZO .index-module_field-message__y7N9O {\n  color: #dc4446;\n}\n.index-module_container__BQnZO .ant-tree {\n  height: 260px;\n  margin-top: 4px;\n  overflow: auto;\n  line-height: 32px;\n  background: transparent;\n  border-radius: 0;\n}\n";
+var styles = {"container":"index-module_container__BQnZO","field-no-error":"index-module_field-no-error__qMtMF","field-error":"index-module_field-error__KpLaP","field-message":"index-module_field-message__y7N9O"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/BookTable/components/ExportModal/useExportModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const useExportModal: () => {
+    onExport: (_params: any) => Promise<void>;
+    ExportModal: () => React.JSX.Element;
+};
+export default useExportModal;