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

package/dist/es/components/BookGroupImport/components/Existing/MatchBook/TargetModal/index.js

@@ -0,0 +1,119 @@
+import { __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 { Input, message, List, Space, Tooltip } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import classNames from 'classnames';
+import React__default, { useState, useEffect } from 'react';
+import Modal from '../../../../../Modal/index.js';
+import { PAGINATION } from '../../../../../../constants/pagination.js';
+import { getTargetGroupBook } from '../../../../../../services/import.js';
+import img from '../../../../assets/selected-file.png.js';
+import styles from './index.module.less.js';
+
+var Search = Input.Search;
+// 显示总数 最大展示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 TargetModal = function (props) {
+    var bookGroupId = props.bookGroupId, viewCode = props.viewCode, open = props.open, onCancel = props.onCancel, onOk = props.onOk;
+    var _a = message.useMessage(), messageApi = _a[0], contextHolder = _a[1];
+    // 分页
+    var _b = useState(__assign({}, PAGINATION)), pagination = _b[0], setPagination = _b[1];
+    // 搜索关键词
+    var _c = useState(''), keywordValue = _c[0], setKeywordValue = _c[1];
+    var _d = useState(''), keyword = _d[0], setKeyword = _d[1];
+    // 当前选中的台账信息
+    var _e = useState(null), selected = _e[0], setSelected = _e[1];
+    var _f = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!open) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getTargetGroupBook({
+                            page: pagination.current || 1,
+                            pageSize: pagination.pageSize || PAGINATION.pageSize,
+                            templateId: bookGroupId,
+                            viewCode: viewCode,
+                            bookName: keyword,
+                        })];
+                case 1:
+                    res_1 = _a.sent();
+                    if (res_1) {
+                        setPagination(__assign(__assign({}, pagination), { total: res_1.total ? (res_1.total > 10000 ? 10000 : res_1.total) : 0, current: res_1.pageNum || 1, pageSize: res_1.pageSize || pagination.pageSize || PAGINATION.pageSize, showTotal: function () { return showTotal(res_1.total); } }));
+                        return [2 /*return*/, res_1 === null || res_1 === void 0 ? void 0 : res_1.list];
+                    }
+                    setPagination(__assign(__assign({}, pagination), { total: 0 }));
+                    return [2 /*return*/, []];
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [pagination.current, pagination.pageSize, bookGroupId, viewCode, keyword, open],
+    }), data = _f.data, loading = _f.loading;
+    // 搜索词变化
+    var handleSearchChange = function (e) {
+        setKeywordValue(e.target.value);
+    };
+    // 触发搜索
+    var handleSearch = function (value) {
+        setPagination(__assign(__assign({}, pagination), { current: 1 }));
+        setKeyword(value);
+    };
+    // 选择
+    var handleSelect = function (item) {
+        setSelected(item);
+    };
+    // 确定
+    var handleOk = function () {
+        if (selected) {
+            onOk === null || onOk === void 0 ? void 0 : onOk(selected);
+        }
+        else {
+            messageApi.error('请选择台账');
+        }
+    };
+    useEffect(function () {
+        if (!open) {
+            setKeywordValue('');
+            setKeyword('');
+            setSelected(null);
+            setPagination(__assign({}, PAGINATION));
+        }
+    }, [open]);
+    return (React__default.createElement(Modal, { title: "\u9009\u62E9\u76EE\u6807\u53F0\u8D26", open: open, width: 800, onCancel: onCancel, onOk: handleOk, destroyOnHidden: true },
+        React__default.createElement("div", { className: styles.container },
+            React__default.createElement("div", { className: styles['top-bar'] },
+                React__default.createElement("div", { className: styles.title }),
+                React__default.createElement("div", { className: styles.search },
+                    React__default.createElement(Search, { placeholder: "\u8BF7\u8F93\u5165\u53F0\u8D26\u540D\u79F0\u641C\u7D22", allowClear: true, value: keywordValue, onChange: handleSearchChange, onSearch: handleSearch }))),
+            React__default.createElement("div", { className: styles.list },
+                React__default.createElement(List, { itemLayout: "vertical", loading: loading, dataSource: data, pagination: __assign(__assign({}, pagination), { onChange: function (page, pageSize) {
+                            setPagination(__assign(__assign({}, pagination), { current: page, pageSize: pageSize }));
+                        } }), renderItem: function (item) {
+                        var _a;
+                        return (React__default.createElement("div", { key: item.bookId, className: classNames(styles.item, (_a = {},
+                                _a[styles.selected] = (selected === null || selected === void 0 ? void 0 : selected.bookId) === item.bookId,
+                                _a)), onClick: function () { return handleSelect(item); } },
+                            React__default.createElement("img", { src: img, alt: "" }),
+                            React__default.createElement("div", { className: styles.info },
+                                React__default.createElement("div", { className: styles.title }, item.bookName),
+                                React__default.createElement("div", { className: styles.description },
+                                    "\u7B80\u4ECB\uFF1A",
+                                    item.description),
+                                React__default.createElement("div", { className: styles.description },
+                                    "\u6A21\u7248\u7BA1\u7406\u90E8\u95E8\uFF1A",
+                                    item.orgName))));
+                    } }))),
+        contextHolder));
+};
+
+export { TargetModal as default };

package/dist/es/components/BookGroupImport/components/Existing/MatchBook/TargetModal/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__sY8tK {\n  display: flex;\n  flex-direction: column;\n}\n.index-module_container__sY8tK .index-module_top-bar__uAKQJ {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n.index-module_container__sY8tK .index-module_top-bar__uAKQJ .index-module_title__aiKfX {\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 22px;\n  color: #fff;\n}\n.index-module_container__sY8tK .index-module_top-bar__uAKQJ .index-module_search__TewFo {\n  width: 224px;\n}\n.index-module_container__sY8tK .index-module_list__px3dl {\n  max-height: 460px;\n  overflow: auto;\n}\n.index-module_container__sY8tK .index-module_list__px3dl .index-module_item__NnVCp {\n  display: flex;\n  column-gap: 20px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  background: linear-gradient(358deg, rgba(0, 255, 255, 0.08) 1.71%, rgba(0, 255, 255, 0.12) 98.26%);\n  border: 1px solid transparent;\n}\n.index-module_container__sY8tK .index-module_list__px3dl .index-module_item__NnVCp.index-module_selected__IsF3K {\n  background: linear-gradient(358deg, rgba(0, 255, 255, 0.08) 1.71%, rgba(0, 255, 255, 0.12) 98.26%);\n  border: 1px solid #0ff;\n}\n.index-module_container__sY8tK .index-module_list__px3dl .index-module_item__NnVCp > img {\n  height: 104px;\n}\n.index-module_container__sY8tK .index-module_list__px3dl .index-module_item__NnVCp .index-module_info__JOpFf {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  row-gap: 8px;\n  justify-content: center;\n  width: 0;\n}\n.index-module_container__sY8tK .index-module_list__px3dl .index-module_item__NnVCp .index-module_info__JOpFf .index-module_title__aiKfX {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  color: #fff;\n  white-space: nowrap;\n}\n.index-module_container__sY8tK .index-module_list__px3dl .index-module_item__NnVCp .index-module_info__JOpFf .index-module_description__-nH-e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  color: rgba(255, 255, 255, 0.8);\n  white-space: nowrap;\n}\n";
+var styles = {"container":"index-module_container__sY8tK","top-bar":"index-module_top-bar__uAKQJ","title":"index-module_title__aiKfX","search":"index-module_search__TewFo","list":"index-module_list__px3dl","item":"index-module_item__NnVCp","selected":"index-module_selected__IsF3K","info":"index-module_info__JOpFf","description":"index-module_description__-nH-e"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/BookGroupImport/components/Existing/MatchBook/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SourceData } from '../SelectBook';
+interface MatchBookProps {
+    viewCode: string;
+    bookGroupId: string;
+    sourceData: SourceData;
+    targetData: ImportAPI.GetTemplateOverviewRes;
+    setBookMapping: (bookMapping: ImportAPI.Mapping[]) => void;
+    setShowMatchBook: (showMatchBook: boolean) => void;
+}
+declare const MatchBook: React.FC<MatchBookProps>;
+export default MatchBook;

package/dist/es/components/BookGroupImport/components/Existing/MatchBook/index.js

@@ -0,0 +1,143 @@
+import { __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 { Space, Button, Table } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import { produce } from 'immer';
+import React__default, { useState, useEffect } from 'react';
+import { getTargetGroupBook, getTemplateBookMapping } from '../../../../../services/import.js';
+import SvgDelete from '../../../assets/delete.svg.js';
+import SvgEdit from '../../../assets/edit.svg.js';
+import styles from './index.module.less.js';
+import TargetModal from './TargetModal/index.js';
+
+var MatchBook = function (_a) {
+    var _b;
+    var viewCode = _a.viewCode, bookGroupId = _a.bookGroupId, sourceData = _a.sourceData, targetData = _a.targetData, setBookMapping = _a.setBookMapping, setShowMatchBook = _a.setShowMatchBook;
+    // 数据源
+    var _c = useState(), dataSource = _c[0], setDataSource = _c[1];
+    // 当前操作表格行
+    var _d = useState(), currentRecord = _d[0], setCurrentRecord = _d[1];
+    // 显示选择目标台账
+    var _e = useState(false), showTargetModal = _e[0], setShowTargetModal = _e[1];
+    // 目标台账组内的台账列表
+    var targetGroupBookList = useRequest(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*/, getTargetGroupBook({
+                        page: 1,
+                        pageSize: 2,
+                        templateId: bookGroupId,
+                        viewCode: viewCode,
+                    })];
+                case 1:
+                    res = _a.sent();
+                    return [2 /*return*/, res === null || res === void 0 ? void 0 : res.list];
+            }
+        });
+    }); }, {
+        refreshDeps: [bookGroupId, viewCode],
+    }).data;
+    // 关闭选择目标台账
+    var handleTargetModalCancel = function () {
+        setShowTargetModal(false);
+    };
+    // 确认选择目标台账
+    var handleTargetModalOk = function (data) {
+        setShowTargetModal(false);
+        setDataSource(produce(function (draftState) {
+            var index = draftState.findIndex(function (item) { return item.source === currentRecord.source; });
+            if (index !== -1) {
+                draftState[index].targetName = data.bookName;
+                draftState[index].target = data.bookId;
+            }
+        }));
+    };
+    // 选择目标台账
+    var handleChangeTarget = function (record) {
+        setCurrentRecord(record);
+        setShowTargetModal(true);
+    };
+    // 移除目标台账
+    var handleRemoveTarget = function (record) {
+        setDataSource(produce(function (draftState) {
+            var index = draftState.findIndex(function (item) { return item.source === record.source; });
+            if (index !== -1) {
+                draftState[index].targetName = undefined;
+                draftState[index].target = undefined;
+            }
+        }));
+    };
+    var columns = [
+        {
+            key: 'sourceName',
+            dataIndex: 'sourceName',
+            title: "\u6765\u6E90\u53F0\u8D26\u7EC4\uFF1A".concat(((_b = sourceData === null || sourceData === void 0 ? void 0 : sourceData.bookGroup) === null || _b === void 0 ? void 0 : _b.bookGroupName) || ''),
+            width: 300,
+        },
+        {
+            key: 'targetName',
+            dataIndex: 'targetName',
+            title: "\u76EE\u6807\u53F0\u8D26\u7EC4\uFF1A".concat((targetData === null || targetData === void 0 ? void 0 : targetData.bookGroupName) || ''),
+            width: 300,
+            render: function (text, record) {
+                return text ? (React__default.createElement(Space, null,
+                    React__default.createElement("div", null, text),
+                    React__default.createElement(Button, { type: "link", onClick: function () { return handleChangeTarget(record); } },
+                        React__default.createElement(SvgEdit, null)),
+                    React__default.createElement(Button, { type: "link", onClick: function () { return handleRemoveTarget(record); } },
+                        React__default.createElement(SvgDelete, null)))) : (React__default.createElement(Button, { type: "link", onClick: function () { return handleChangeTarget(record); } }, "\u9009\u62E9\u76EE\u6807\u53F0\u8D26"));
+            },
+        },
+    ];
+    useEffect(function () {
+        var _a, _b, _c, _d, _e, _f;
+        if (sourceData) {
+            var sourceBookMap_1 = {};
+            if (((_a = sourceData === null || sourceData === void 0 ? void 0 : sourceData.data) === null || _a === void 0 ? void 0 : _a.type) === 'book') {
+                (_b = sourceData.data.data) === null || _b === void 0 ? void 0 : _b.forEach(function (item) {
+                    sourceBookMap_1[item.bookId] = item.bookName;
+                });
+            }
+            if (((_c = sourceData === null || sourceData === void 0 ? void 0 : sourceData.data) === null || _c === void 0 ? void 0 : _c.type) === 'sense') {
+                (_d = sourceData.data.data) === null || _d === void 0 ? void 0 : _d.forEach(function (item) {
+                    sourceBookMap_1[item.book_id] = item.book_name;
+                });
+            }
+            if ((targetGroupBookList === null || targetGroupBookList === void 0 ? void 0 : targetGroupBookList.length) === 1) {
+                var targetBookId_1 = (_e = targetGroupBookList[0]) === null || _e === void 0 ? void 0 : _e.bookId;
+                setDataSource((_f = Object.keys(sourceBookMap_1)) === null || _f === void 0 ? void 0 : _f.map(function (bookId) { return ({
+                    source: bookId,
+                    target: targetBookId_1,
+                }); }));
+            }
+            else if (targetGroupBookList === null || targetGroupBookList === void 0 ? void 0 : targetGroupBookList.length) {
+                setShowMatchBook(true);
+                getTemplateBookMapping({
+                    sourceBookIds: Object.keys(sourceBookMap_1),
+                    targetBookGroupId: bookGroupId,
+                }).then(function (res) {
+                    setDataSource(res.map(function (item) {
+                        var _a, _b;
+                        return ({
+                            sourceName: sourceBookMap_1[item.sourceBookId],
+                            source: item.sourceBookId,
+                            targetName: (_a = item.matchBook) === null || _a === void 0 ? void 0 : _a.bookName,
+                            target: (_b = item.matchBook) === null || _b === void 0 ? void 0 : _b.bookId,
+                        });
+                    }));
+                });
+            }
+        }
+    }, [sourceData, targetGroupBookList]);
+    useEffect(function () {
+        setBookMapping(dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) { return ({
+            source: item.source,
+            target: item.target,
+        }); }));
+    }, [dataSource]);
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement(Table, { dataSource: dataSource, columns: columns, pagination: false }),
+        React__default.createElement(TargetModal, { viewCode: viewCode, bookGroupId: bookGroupId, open: showTargetModal, onCancel: handleTargetModalCancel, onOk: handleTargetModalOk })));
+};
+
+export { MatchBook as default };

package/dist/es/components/BookGroupImport/components/Existing/MatchBook/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 = "";
+var styles = {};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/BookGroupImport/components/Existing/MatchField/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SourceData } from '../SelectBook';
+interface MatchFieldProps {
+    bookGroupId: string;
+    sourceData: SourceData;
+    targetData: ImportAPI.GetTemplateOverviewRes;
+    setFieldMapping: (fieldMapping: ImportAPI.Mapping[]) => void;
+}
+declare const MatchField: React.FC<MatchFieldProps>;
+export default MatchField;

package/dist/es/components/BookGroupImport/components/Existing/MatchField/index.js

@@ -0,0 +1,157 @@
+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 { Radio, Space, Button, Checkbox, Popover } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import classNames from 'classnames';
+import { produce } from 'immer';
+import React__default, { useRef, useState, useEffect } from 'react';
+import { getTemplateFieldList, getTemplateFieldSimilarIdentify, getTemplateFieldSimilar } from '../../../../../services/import.js';
+import styles from './index.module.less.js';
+
+var MatchField = function (_a) {
+    var _b, _c, _d;
+    var bookGroupId = _a.bookGroupId, sourceData = _a.sourceData, targetData = _a.targetData, setFieldMapping = _a.setFieldMapping;
+    var leftContentRef = useRef(null);
+    var rightContentRef = useRef(null);
+    // 字段映射
+    var _e = useState({}), fieldMap = _e[0], setFieldMap = _e[1];
+    // 当前选择修改的目标字段id
+    var _f = useState(''), targetFieldId = _f[0], setTargetFieldId = _f[1];
+    // 当前准备修改的来源字段id
+    var _g = useState(''), sourceFieldId = _g[0], setSourceFieldId = _g[1];
+    // 获取目标台账组字段
+    var targetFields = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!bookGroupId) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getTemplateFieldList({
+                            templateId: bookGroupId,
+                        })];
+                case 1: return [2 /*return*/, _a.sent()];
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [sourceData],
+    }).data;
+    // 获取来源字段
+    var sourceFields = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!targetFieldId) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getTemplateFieldSimilarIdentify({
+                            sourceBookGroupId: (_a = sourceData === null || sourceData === void 0 ? void 0 : sourceData.bookGroup) === null || _a === void 0 ? void 0 : _a.bookGroupId,
+                            targetBookGroupId: bookGroupId,
+                            targetFieldId: targetFieldId,
+                        })];
+                case 1: return [2 /*return*/, _b.sent()];
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [targetFieldId],
+    }).data;
+    // 准备修改来源字段
+    var handleOpenChangeSource = function (item) {
+        var _a;
+        setSourceFieldId((_a = fieldMap === null || fieldMap === void 0 ? void 0 : fieldMap[item.fieldId]) === null || _a === void 0 ? void 0 : _a.fieldId);
+        setTargetFieldId(item.fieldId);
+    };
+    // 修改来源字段
+    var handleChangeSource = function () {
+        var _a, _b;
+        var field = ((_a = sourceFields === null || sourceFields === void 0 ? void 0 : sourceFields.matchField) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.fieldId === sourceFieldId; })) ||
+            ((_b = sourceFields === null || sourceFields === void 0 ? void 0 : sourceFields.otherField) === null || _b === void 0 ? void 0 : _b.find(function (item) { return item.fieldId === sourceFieldId; }));
+        setFieldMap(produce(function (draftState) {
+            var _a;
+            draftState[targetFieldId] = __assign(__assign({}, field), { checked: (_a = draftState[targetFieldId]) === null || _a === void 0 ? void 0 : _a.checked });
+        }));
+        setSourceFieldId('');
+        setTargetFieldId('');
+    };
+    // 修改来源字段是否选中
+    var handleChangeChecked = function (checked, fieldId) {
+        setFieldMap(produce(function (draftState) {
+            draftState[fieldId].checked = checked;
+        }));
+    };
+    var content = (React__default.createElement("div", { className: styles.content },
+        React__default.createElement(Radio.Group, { value: sourceFieldId, onChange: function (e) { return setSourceFieldId(e.target.value); } },
+            React__default.createElement("div", { className: styles.radios },
+                ((_b = sourceFields === null || sourceFields === void 0 ? void 0 : sourceFields.matchField) === null || _b === void 0 ? void 0 : _b.length) ? (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("div", { className: styles['radio-info'] }, "\u63A8\u8350\u5339\u914D"),
+                    sourceFields.matchField.map(function (item) { return (React__default.createElement(Radio, { value: item.fieldId }, item.fieldName)); }))) : null,
+                ((_c = sourceFields === null || sourceFields === void 0 ? void 0 : sourceFields.otherField) === null || _c === void 0 ? void 0 : _c.length) ? (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("div", { className: styles['radio-info'] }, "\u5176\u4ED6\u5B57\u6BB5"),
+                    sourceFields.otherField.map(function (item) { return (React__default.createElement(Radio, { value: item.fieldId }, item.fieldName)); }))) : null)),
+        React__default.createElement(Space, { className: styles.btns },
+            React__default.createElement(Button, { size: "small", onClick: function () { return setTargetFieldId(''); } }, "\u53D6\u6D88"),
+            React__default.createElement(Button, { size: "small", type: "primary", onClick: handleChangeSource }, "\u786E\u5B9A"))));
+    var handleScroll = function (source, target) {
+        if (target.current) {
+            target.current.scrollTop = source.current.scrollTop;
+            // target.current.scrollLeft = source.current.scrollLeft;
+        }
+    };
+    useEffect(function () {
+        var _a;
+        if ((_a = sourceData === null || sourceData === void 0 ? void 0 : sourceData.bookGroup) === null || _a === void 0 ? void 0 : _a.bookGroupId) {
+            getTemplateFieldSimilar({
+                sourceBookGroupId: sourceData.bookGroup.bookGroupId,
+                targetBookGroupId: bookGroupId,
+            }).then(function (res) {
+                var map = {};
+                res.forEach(function (item) {
+                    map[item.targetFieldId] = item.sourceField;
+                });
+                setFieldMap(map);
+            });
+        }
+    }, [sourceData]);
+    useEffect(function () {
+        var mapping = [];
+        Object.keys(fieldMap).forEach(function (key) {
+            var _a, _b;
+            if (((_a = fieldMap[key]) === null || _a === void 0 ? void 0 : _a.checked) || ((_b = fieldMap[key]) === null || _b === void 0 ? void 0 : _b.required)) {
+                mapping.push({
+                    source: fieldMap[key].fieldId,
+                    target: key,
+                    checked: fieldMap[key].checked,
+                    required: fieldMap[key].required,
+                });
+            }
+        });
+        setFieldMapping(mapping);
+    }, [fieldMap]);
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.card },
+            React__default.createElement("div", { className: styles.title },
+                "\u6765\u6E90\u53F0\u8D26\u7EC4\uFF1A",
+                ((_d = sourceData === null || sourceData === void 0 ? void 0 : sourceData.bookGroup) === null || _d === void 0 ? void 0 : _d.bookGroupName) || ''),
+            React__default.createElement("div", { className: styles.content, ref: leftContentRef, onScroll: function () { return handleScroll(leftContentRef, rightContentRef); } },
+                React__default.createElement("div", { className: styles.info }, "\u4EE5\u4E0B\u5B57\u6BB5\u901A\u8FC7\u7CFB\u7EDF\u81EA\u52A8\u5339\u914D\u5F97\u5230\uFF0C\u8BF7\u786E\u8BA4\u662F\u5426\u5168\u90E8\u4F7F\u7528\u3002"), targetFields === null || targetFields === void 0 ? void 0 :
+                targetFields.map(function (item) {
+                    var _a;
+                    return (React__default.createElement("div", { className: styles.line },
+                        (fieldMap === null || fieldMap === void 0 ? void 0 : fieldMap[item.fieldId]) ? (React__default.createElement(Checkbox, { checked: (_a = fieldMap === null || fieldMap === void 0 ? void 0 : fieldMap[item.fieldId]) === null || _a === void 0 ? void 0 : _a.checked, onChange: function (e) { return handleChangeChecked(e.target.checked, item.fieldId); } }, fieldMap === null || fieldMap === void 0 ? void 0 : fieldMap[item.fieldId].fieldName)) : null,
+                        React__default.createElement(Popover, { placement: "right", trigger: "click", content: content, open: targetFieldId === item.fieldId, onOpenChange: function (open) { return (!open ? setTargetFieldId('') : null); } },
+                            React__default.createElement(Button, { type: "link", onClick: function () { return handleOpenChangeSource(item); } }, (fieldMap === null || fieldMap === void 0 ? void 0 : fieldMap[item.fieldId]) ? '修改' : '选择匹配字段'))));
+                }))),
+        React__default.createElement("div", { className: styles.card },
+            React__default.createElement("div", { className: styles.title },
+                "\u76EE\u6807\u53F0\u8D26\u7EC4\uFF1A",
+                (targetData === null || targetData === void 0 ? void 0 : targetData.bookGroupName) || ''),
+            React__default.createElement("div", { className: styles.content, ref: rightContentRef, onScroll: function () { return handleScroll(rightContentRef, leftContentRef); } },
+                React__default.createElement("div", { className: styles.info }), targetFields === null || targetFields === void 0 ? void 0 :
+                targetFields.map(function (item, index) {
+                    var _a;
+                    return (React__default.createElement("div", { key: item.fieldId, className: classNames(styles.line, (_a = {}, _a[styles.required] = item.required, _a)) },
+                        index + 1,
+                        ". ",
+                        item.fieldName));
+                })))));
+};
+
+export { MatchField as default };

package/dist/es/components/BookGroupImport/components/Existing/MatchField/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__jl3vT {\n  display: flex;\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 {\n  flex: 1;\n  width: 0;\n  background-color: #06264c;\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_title__ebn8o {\n  padding: 14px 20px;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  color: #fff;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_content__iZAVI {\n  display: flex;\n  flex-direction: column;\n  row-gap: 16px;\n  height: 200px;\n  padding: 20px;\n  overflow: hidden auto;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-top: none;\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_content__iZAVI .index-module_info__cDJOF,\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_content__iZAVI .index-module_line__uCjle {\n  flex-shrink: 0;\n  height: 20px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  color: #fff;\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_content__iZAVI .index-module_line__uCjle {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_content__iZAVI .index-module_line__uCjle.index-module_required__9X6od::before {\n  color: #f33b50;\n  content: '*';\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_content__iZAVI .index-module_line__uCjle .ant-checkbox-wrapper {\n  max-width: calc(100% - 30px);\n  color: #fff;\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_content__iZAVI .index-module_line__uCjle .ant-checkbox-wrapper .ant-checkbox + span {\n  display: block;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_content__iZAVI .index-module_line__uCjle .ant-btn-link {\n  height: 20px;\n  padding: 0;\n}\n.index-module_container__jl3vT .index-module_card__YUWS9 .index-module_content__iZAVI .index-module_info__cDJOF {\n  color: #b5b5b5;\n}\n.index-module_container__jl3vT .index-module_card__YUWS9:last-child .index-module_title__ebn8o,\n.index-module_container__jl3vT .index-module_card__YUWS9:last-child .index-module_content__iZAVI {\n  border-left: none;\n}\n.index-module_content__iZAVI {\n  display: flex;\n  flex-direction: column;\n  min-width: 200px;\n  padding: 16px 20px;\n}\n.index-module_content__iZAVI .index-module_radios__6Vw6t {\n  display: flex;\n  flex-direction: column;\n  max-height: 240px;\n  overflow: auto;\n}\n.index-module_content__iZAVI .index-module_radios__6Vw6t .index-module_radio-info__BpJVe {\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n  color: rgba(255, 255, 255, 0.45);\n}\n.index-module_content__iZAVI .index-module_radios__6Vw6t .index-module_radio-info__BpJVe:not(:first-child) {\n  margin-top: 8px;\n}\n.index-module_content__iZAVI .index-module_radios__6Vw6t .index-module_radio-info__BpJVe:not(:first-child)::before {\n  display: block;\n  height: 1px;\n  margin-bottom: 8px;\n  content: '';\n  background-color: rgba(255, 255, 255, 0.05);\n}\n.index-module_content__iZAVI .index-module_radios__6Vw6t .ant-radio-wrapper {\n  line-height: 24px;\n}\n.index-module_content__iZAVI .index-module_btns__0C8MV {\n  justify-content: flex-end;\n  margin-top: 16px;\n}\n";
+var styles = {"container":"index-module_container__jl3vT","card":"index-module_card__YUWS9","title":"index-module_title__ebn8o","content":"index-module_content__iZAVI","info":"index-module_info__cDJOF","line":"index-module_line__uCjle","required":"index-module_required__9X6od","radios":"index-module_radios__6Vw6t","radio-info":"index-module_radio-info__BpJVe","btns":"index-module_btns__0C8MV"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/BookGroupImport/components/Existing/SelectBook/SourceModal/SelectBookGroup/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SelectBookGroupProps {
+    viewCodes: string[];
+    selected: EntityManagerAPI.BookGroupItem;
+    onSelect: (bookGroup: EntityManagerAPI.BookGroupItem) => void;
+}
+declare const SelectBookGroup: React.FC<SelectBookGroupProps>;
+export default SelectBookGroup;

package/dist/es/components/BookGroupImport/components/Existing/SelectBook/SourceModal/SelectBookGroup/index.js

@@ -0,0 +1,54 @@
+import { Input, List } from '@xirang/design-antd';
+import classNames from 'classnames';
+import React__default, { useState, useEffect } from 'react';
+import useBookGroupTable from '../../../../../../BookGroupTable/hooks/useBookGroupTable.js';
+import img from '../../../../../assets/selected-file.png.js';
+import styles from './index.module.less.js';
+
+var Search = Input.Search;
+var SelectBookGroup = function (_a) {
+    var _b;
+    var viewCodes = _a.viewCodes, selected = _a.selected, onSelect = _a.onSelect;
+    // 搜索关键词
+    var _c = useState(''), keywordValue = _c[0], setKeywordValue = _c[1];
+    var _d = useState(''), keyword = _d[0], setKeyword = _d[1];
+    var _e = useBookGroupTable({ viewCodes: viewCodes, keyword: keyword }), loading = _e.loading, data = _e.data;
+    var dataSource = data ? (_b = data[0]) === null || _b === void 0 ? void 0 : _b.bookGroupItemList : [];
+    // 搜索词变化
+    var handleSearchChange = function (e) {
+        setKeywordValue(e.target.value);
+    };
+    // 触发搜索
+    var handleSearch = function (value) {
+        setKeyword(value);
+    };
+    useEffect(function () {
+        // 默认选中第一个
+        if (!selected && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0) {
+            onSelect(dataSource[0]);
+        }
+    }, [selected, dataSource]);
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles['top-bar'] },
+            React__default.createElement("div", { className: styles.title }, "\u9009\u62E9\u53F0\u8D26\u7EC4"),
+            React__default.createElement("div", { className: styles.search },
+                React__default.createElement(Search, { placeholder: "\u8BF7\u8F93\u5165\u53F0\u8D26\u7EC4\u540D\u79F0\u641C\u7D22", allowClear: true, value: keywordValue, onChange: handleSearchChange, onSearch: handleSearch }))),
+        React__default.createElement("div", { className: styles.list },
+            React__default.createElement(List, { itemLayout: "vertical", loading: loading, dataSource: dataSource, renderItem: function (item) {
+                    var _a;
+                    return (React__default.createElement("div", { key: item.bookGroupId, className: classNames(styles.item, (_a = {},
+                            _a[styles.selected] = (selected === null || selected === void 0 ? void 0 : selected.bookGroupId) === item.bookGroupId,
+                            _a)), onClick: function () { return onSelect(item); } },
+                        React__default.createElement("img", { src: img, alt: "" }),
+                        React__default.createElement("div", { className: styles.info },
+                            React__default.createElement("div", { className: styles.title }, item.bookGroupName),
+                            React__default.createElement("div", { className: styles.description },
+                                "\u7B80\u4ECB\uFF1A",
+                                item.bookGroupDesc),
+                            React__default.createElement("div", { className: styles.description },
+                                "\u6A21\u7248\u7BA1\u7406\u90E8\u95E8\uFF1A",
+                                item.deptName))));
+                } }))));
+};
+
+export { SelectBookGroup as default };

package/dist/es/components/BookGroupImport/components/Existing/SelectBook/SourceModal/SelectBookGroup/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__2eZrp {\n  display: flex;\n  flex-direction: column;\n}\n.index-module_container__2eZrp .index-module_top-bar__914XA {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n.index-module_container__2eZrp .index-module_top-bar__914XA .index-module_title__A4pPq {\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 22px;\n  color: #fff;\n}\n.index-module_container__2eZrp .index-module_top-bar__914XA .index-module_search__P0FLO {\n  width: 224px;\n}\n.index-module_container__2eZrp .index-module_list__GoBoq {\n  max-height: 460px;\n  overflow: auto;\n}\n.index-module_container__2eZrp .index-module_list__GoBoq .index-module_item__VgAFH {\n  display: flex;\n  column-gap: 20px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  background: linear-gradient(358deg, rgba(109, 204, 255, 0.08) 1.71%, rgba(38, 125, 255, 0.12) 98.26%);\n  border: 1px solid transparent;\n}\n.index-module_container__2eZrp .index-module_list__GoBoq .index-module_item__VgAFH.index-module_selected__OYkAh {\n  background: linear-gradient(358deg, rgba(0, 255, 255, 0.08) 1.71%, rgba(0, 255, 255, 0.12) 98.26%);\n  border: 1px solid #0ff;\n}\n.index-module_container__2eZrp .index-module_list__GoBoq .index-module_item__VgAFH > img {\n  height: 104px;\n}\n.index-module_container__2eZrp .index-module_list__GoBoq .index-module_item__VgAFH .index-module_info__vgfOE {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  row-gap: 8px;\n  justify-content: center;\n  width: 0;\n}\n.index-module_container__2eZrp .index-module_list__GoBoq .index-module_item__VgAFH .index-module_info__vgfOE .index-module_title__A4pPq {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  color: #fff;\n  white-space: nowrap;\n}\n.index-module_container__2eZrp .index-module_list__GoBoq .index-module_item__VgAFH .index-module_info__vgfOE .index-module_description__XbfMg {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  color: rgba(255, 255, 255, 0.8);\n  white-space: nowrap;\n}\n";
+var styles = {"container":"index-module_container__2eZrp","top-bar":"index-module_top-bar__914XA","title":"index-module_title__A4pPq","search":"index-module_search__P0FLO","list":"index-module_list__GoBoq","item":"index-module_item__VgAFH","selected":"index-module_selected__OYkAh","info":"index-module_info__vgfOE","description":"index-module_description__XbfMg"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/BookGroupImport/components/Existing/SelectBook/SourceModal/SelectData/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SelectedData } from '../../SourceModal';
+interface SelectDataProps {
+    defaultData: SelectedData;
+    bookGroup: EntityManagerAPI.BookGroupItem;
+    viewCodes: string[];
+    onSelect: (data: Pick<SelectedData, 'type' | 'data' | 'keys'>) => void;
+}
+declare const SelectData: React.FC<SelectDataProps>;
+export default SelectData;