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

package/dist/es/components/SenseTree/SenseTree.js

@@ -0,0 +1,729 @@
+import { __assign, __awaiter, __generator, __spreadArray } 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 { LoadingOutlined } from '@ant-design/icons';
+import * as turf from '@turf/turf';
+import { theme, message, Modal, Spin, Tree, Tooltip, Popover } from '@xirang/design-antd';
+import { useDeepCompareEffect, useDebounceEffect } from 'ahooks';
+import { produce } from 'immer';
+import React__default, { useState, useEffect } from 'react';
+import { useContextMenu } from 'react-contexify';
+import Highlighter from 'react-highlight-words';
+import wkt from 'wellknown';
+import useKsCode from '../../hooks/useKsCode/index.js';
+import { getSenseScatterAggregation, getSenseExportConfig, searchEntityClassTree, searchOrgTree, searchSenseRegionTree, searchBookRegionTree, exportSenseExcel, searchBookList, searchSenseList } from '../../services/senseSearch.js';
+import { downloadFile } from '../../utils/download.js';
+import { arrayToTree, findNodeByKey } from '../../utils/tree.js';
+import SvgDown from './assets/down.svg.js';
+import SvgDownload from './assets/download.svg.js';
+import SvgShare from './assets/share.svg.js';
+import SvgTreeEvent from './assets/tree-event.svg.js';
+import SvgTreeObject from './assets/tree-object.svg.js';
+import SvgTreeOrg from './assets/tree-org.svg.js';
+import SvgTreePerson from './assets/tree-person.svg.js';
+import SvgTreePlace from './assets/tree-place.svg.js';
+import ContextMenu from './components/ContextMenu/index.js';
+import ExportModal from './components/ExportModal/index.js';
+import styles from './SenseTree.module.less.js';
+import { getTreeChecked } from './utils/index.js';
+
+var useToken = theme.useToken;
+var SenseTree = function (props) {
+    var _a = props.treeType, treeType = _a === void 0 ? 'entity-class' : _a, _b = props.viewCodes, viewCodes = _b === void 0 ? [] : _b, searchParams = props.searchParams, aggregateType = props.aggregateType, zoom = props.zoom, geom = props.geom, regionLeafLevel = props.regionLeafLevel, regionRootLevel = props.regionRootLevel, defaultCheckedAll = props.defaultCheckedAll, titleExtra = props.titleExtra, senseContextMenuConfig = props.senseContextMenuConfig, bottomButtonConfig = props.bottomButtonConfig, onShare = props.onShare, onTotalChange = props.onTotalChange, onCheck = props.onCheck, onClick = props.onClick, onDoubleClick = props.onDoubleClick, onShowSense = props.onShowSense, onEditSense = props.onEditSense, onScatterAggregation = props.onScatterAggregation;
+    var token = useToken().token;
+    var _c = message.useMessage(), messageApi = _c[0], contextHolder = _c[1];
+    var _d = Modal.useModal(), modal = _d[0], modalContextHolder = _d[1];
+    var showContextMenu = useContextMenu({ id: ContextMenu.id }).show;
+    var ksCodeMap = useKsCode().ksCodeMap;
+    // 加载中
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    // 树数据
+    var _f = useState([]), treeData = _f[0], setTreeData = _f[1];
+    // 选中复选框的树节点
+    var _g = useState([]), checkedKeys = _g[0], setCheckedKeys = _g[1];
+    // 展开指定的树节点
+    var _h = useState([]), expandedKeys = _h[0], setExpandedKeys = _h[1];
+    // 总数
+    var _j = useState(0), total = _j[0], setTotal = _j[1];
+    // 选中信息
+    var _k = useState({}), checkedInfo = _k[0], setCheckedInfo = _k[1];
+    // 是否显示导出配置弹窗
+    var _l = useState(false), openExportModal = _l[0], setOpenExportModal = _l[1];
+    // 导出配置
+    var _m = useState([]), exportConfig = _m[0], setExportConfig = _m[1];
+    // 渲染高亮
+    var keywordHighlight = function (text) {
+        return (searchParams === null || searchParams === void 0 ? void 0 : searchParams.keyword) ? (React__default.createElement(Highlighter, { highlightClassName: styles.highlight, searchWords: [searchParams.keyword], textToHighlight: text || '', autoEscape: true })) : (text);
+    };
+    // 获取图标
+    var getIcon = function (key) {
+        var _a;
+        if (ksCodeMap) {
+            var iconMap = (_a = {},
+                _a[ksCodeMap.person] = React__default.createElement(SvgTreePerson, null),
+                _a[ksCodeMap.place] = React__default.createElement(SvgTreePlace, null),
+                _a[ksCodeMap.event] = React__default.createElement(SvgTreeEvent, null),
+                _a[ksCodeMap.object] = React__default.createElement(SvgTreeObject, null),
+                _a[ksCodeMap.org] = React__default.createElement(SvgTreeOrg, null),
+                _a);
+            return iconMap[key];
+        }
+    };
+    // 获取实体记录列表
+    var getSenseList = function (node) { return __awaiter(void 0, void 0, void 0, function () {
+        var isMore, isSenseOrg, reqId, parentKey, params, res, list, pageNum, total, moreChecked;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    isMore = node.type === 'more';
+                    isSenseOrg = node.type === 'senseOrg';
+                    reqId = isMore ? node.reqId : node.key;
+                    parentKey = node.type === 'senseIcosBook' || isMore ? node.parentKey : reqId;
+                    params = __assign(__assign({}, searchParams), { viewCodes: viewCodes, page: isMore ? node.morePage : 1, pageSize: 100 });
+                    // 区域
+                    if (treeType === 'region-sense') {
+                        if (node.extraChildren) {
+                            // 不是叶子节点时
+                            params.leafRegionId = node.key;
+                        }
+                        else {
+                            // 叶子节点时
+                            params.pathRegionId = node.key;
+                        }
+                    }
+                    else if (node.type === 'senseRegion') {
+                        params.regionId = node.key;
+                    }
+                    else if (isSenseOrg) {
+                        // 组织
+                        params.orgIds = [reqId];
+                    }
+                    else {
+                        // 台账
+                        params.bookIds = [reqId];
+                    }
+                    // 加载更多loading动画
+                    if (isMore) {
+                        setTreeData(produce(function (draftState) {
+                            var cur = findNodeByKey(draftState, node.key);
+                            cur.loading = true;
+                        }));
+                    }
+                    return [4 /*yield*/, searchSenseList(params)];
+                case 1:
+                    res = _a.sent();
+                    list = res.list, pageNum = res.pageNum, total = res.total;
+                    setTreeData(produce(function (draftState) {
+                        var _a;
+                        var cur = findNodeByKey(draftState, parentKey);
+                        if (cur) {
+                            var data = [];
+                            if (cur.extraChildren) {
+                                data.push.apply(data, cur.extraChildren);
+                            }
+                            data.push.apply(data, (list || []).map(function (item) { return ({
+                                key: item.senseGlobalCode,
+                                parentKey: parentKey,
+                                ksCode: node.ksCode,
+                                title: item.dataList[0].fieldValue,
+                                dataList: item.dataList,
+                                tagCodes: item.tagCodes,
+                                tagNames: item.tagNames,
+                                'data-type': 'sense',
+                                type: 'sense',
+                                isLeaf: true,
+                                dataRef: item,
+                            }); }));
+                            if (isMore) {
+                                // 删除加载更多节点
+                                cur.children.pop();
+                                (_a = cur.children).push.apply(_a, data);
+                            }
+                            else {
+                                cur.children = data;
+                            }
+                            if (cur.children.length < total) {
+                                // 加载更多
+                                var page = pageNum + 1;
+                                cur.children.push({
+                                    key: "more__".concat(reqId, "__").concat(page),
+                                    parentKey: parentKey,
+                                    reqId: reqId,
+                                    ksCode: node.ksCode,
+                                    title: '加载更多',
+                                    morePage: page,
+                                    loading: false,
+                                    moreType: 'sense',
+                                    'data-type': 'more',
+                                    type: 'more',
+                                    isLeaf: true,
+                                });
+                            }
+                        }
+                    }));
+                    // 加载更多时勾选状态
+                    if (isMore) {
+                        moreChecked = checkedKeys.indexOf(node.key) !== -1;
+                        if (moreChecked) {
+                            setCheckedKeys(produce(function (draftState) {
+                                draftState.push.apply(draftState, (list || []).map(function (item) { return item.senseGlobalCode; }));
+                            }));
+                        }
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 获取台账列表
+    var getBookList = function (node) { return __awaiter(void 0, void 0, void 0, function () {
+        var isMore, params, res, list, next, item, moreChecked;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    isMore = node.type === 'more';
+                    params = __assign(__assign({}, searchParams), { viewCodes: viewCodes, isMore: isMore });
+                    // 区域
+                    if (node.type === 'senseRegion') {
+                        params.regionId = node.key;
+                    }
+                    else {
+                        params.senseObjCodes = [node.key];
+                    }
+                    // 加载更多
+                    if (isMore) {
+                        setTreeData(produce(function (draftState) {
+                            var cur = findNodeByKey(draftState, node.key);
+                            cur.loading = true;
+                        }));
+                        params.excludeBookIds = (function () {
+                            var _a;
+                            var data = (_a = findNodeByKey(treeData, node.key)) === null || _a === void 0 ? void 0 : _a.children;
+                            if (data) {
+                                return data.map(function (item) { return item.key; });
+                            }
+                            return [];
+                        })();
+                    }
+                    return [4 /*yield*/, searchBookList(params)];
+                case 1:
+                    res = _a.sent();
+                    list = res.list, next = res.next;
+                    if (!((list === null || list === void 0 ? void 0 : list.length) && list[0].type === 'senseIcosBook')) return [3 /*break*/, 3];
+                    item = list[0];
+                    return [4 /*yield*/, getSenseList({
+                            key: item.code,
+                            parentKey: item.parentCode,
+                            ksCode: node.ksCode,
+                            type: item.type,
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+                case 3:
+                    setTreeData(produce(function (draftState) {
+                        var _a;
+                        var cur = findNodeByKey(draftState, node.key);
+                        if (cur) {
+                            var data = [];
+                            if (cur.extraChildren) {
+                                data.push.apply(data, cur.extraChildren);
+                            }
+                            data.push.apply(data, (list || []).map(function (item) { return ({
+                                key: item.code,
+                                parentKey: item.parentCode,
+                                ksCode: node.ksCode,
+                                title: item.name,
+                                total: item.count,
+                                'data-type': item.type,
+                                type: item.type,
+                                isLeaf: !item.count,
+                                dataRef: item,
+                            }); }));
+                            if (isMore) {
+                                // 删除加载更多节点
+                                cur.children.pop();
+                                (_a = cur.children).push.apply(_a, data);
+                            }
+                            else {
+                                cur.children = data;
+                            }
+                            if (next) {
+                                // 加载更多
+                                cur.children.push({
+                                    key: "more__".concat(node.key, "__").concat(Date.now()),
+                                    parentKey: node.key,
+                                    ksCode: node.ksCode,
+                                    title: '加载更多',
+                                    loading: false,
+                                    moreType: 'senseBook',
+                                    'data-type': 'more',
+                                    type: 'more',
+                                    isLeaf: true,
+                                });
+                            }
+                        }
+                    }));
+                    // 加载更多时勾选状态
+                    if (isMore) {
+                        moreChecked = checkedKeys.indexOf(node.key) !== -1;
+                        if (moreChecked) {
+                            setCheckedKeys((list || []).map(function (item) { return item.code; }));
+                        }
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 获取实体分类
+    var getEntityClassTree = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var isGovUser, params, res, ksCategoryCode, data, total, children, keys, info, info;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    setLoading(true);
+                    isGovUser = viewCodes.includes('system-icos_gov_user');
+                    params = __assign(__assign({}, searchParams), { viewCodes: viewCodes });
+                    return [4 /*yield*/, searchEntityClassTree(params)];
+                case 1:
+                    res = _c.sent();
+                    if (!isGovUser) return [3 /*break*/, 3];
+                    ksCategoryCode = (_a = res[0]) === null || _a === void 0 ? void 0 : _a.ksCategoryCode;
+                    return [4 /*yield*/, searchOrgTree(params)];
+                case 2:
+                    res = _c.sent();
+                    _c.label = 3;
+                case 3:
+                    data = arrayToTree(res, function (item) { return ({
+                        key: item.code,
+                        parentKey: item.parentCode,
+                        ksCode: ksCategoryCode || item.ksCategoryCode,
+                        title: item.name,
+                        total: item.count,
+                        'data-type': item.parentCode === '0000000000' ? 'root' : item.type,
+                        type: item.type,
+                        isLeaf: !item.count,
+                        dataRef: item,
+                    }); }, isGovUser ? { children: 'extraChildren' } : null);
+                    if (isGovUser) {
+                        data.forEach(function (item) {
+                            item['data-type'] = 'root';
+                        });
+                    }
+                    total = res.reduce(function (acc, item) {
+                        return isGovUser || item.parentCode === '0000000000' ? acc + item.count : acc;
+                    }, 0);
+                    // 添加全部
+                    if (data.length > 1) {
+                        children = __spreadArray([], data, true);
+                        data = [
+                            {
+                                key: 'all',
+                                parentKey: '',
+                                title: '全部',
+                                total: total,
+                                'data-type': 'root',
+                                type: 'all',
+                                children: children.map(function (item) { return (__assign(__assign({}, item), { parentKey: 'all', 'data-type': item.type })); }),
+                            },
+                        ];
+                    }
+                    setTreeData(data);
+                    setTotal(total);
+                    onTotalChange === null || onTotalChange === void 0 ? void 0 : onTotalChange(total);
+                    // 选中
+                    if (defaultCheckedAll) {
+                        keys = data.map(function (item) { return item.key; });
+                        info = { info: {}, total: total };
+                        setCheckedKeys(keys);
+                        setCheckedInfo(info);
+                        onCheck === null || onCheck === void 0 ? void 0 : onCheck(info);
+                    }
+                    else {
+                        info = { info: {}, total: 0 };
+                        setCheckedKeys([]);
+                        setCheckedInfo(info);
+                        onCheck === null || onCheck === void 0 ? void 0 : onCheck(info);
+                    }
+                    // 展开
+                    if (((_b = data === null || data === void 0 ? void 0 : data[0]) === null || _b === void 0 ? void 0 : _b.type) === 'all') {
+                        setExpandedKeys([data[0].key]);
+                    }
+                    else {
+                        setExpandedKeys([]);
+                    }
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 获取地理层级树
+    var getRegionTree = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var params, res, data, total, children, keys, info, info;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setLoading(true);
+                    params = __assign(__assign({ regionLeafLevel: regionLeafLevel, regionRootLevel: regionRootLevel }, searchParams), { viewCodes: viewCodes });
+                    res = [];
+                    if (!(treeType === 'region-book')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, searchBookRegionTree(params)];
+                case 1:
+                    res = _b.sent();
+                    _b.label = 2;
+                case 2:
+                    if (!(treeType === 'region-sense')) return [3 /*break*/, 4];
+                    return [4 /*yield*/, searchSenseRegionTree(params)];
+                case 3:
+                    res = _b.sent();
+                    _b.label = 4;
+                case 4:
+                    data = arrayToTree(res, function (item) { return ({
+                        key: item.code,
+                        parentKey: item.parentCode,
+                        ksCode: item.ksCategoryCode,
+                        title: item.name,
+                        total: item.count,
+                        type: item.type,
+                        isLeaf: false,
+                        dataRef: item,
+                    }); }, { children: 'extraChildren' });
+                    data.forEach(function (item) {
+                        item['data-type'] = 'root';
+                    });
+                    total = data.reduce(function (acc, item) { return acc + item.total; }, 0);
+                    // 添加全部
+                    if (data.length > 1) {
+                        children = __spreadArray([], data, true);
+                        data = [
+                            {
+                                key: 'all',
+                                parentKey: '',
+                                title: '全部',
+                                total: total,
+                                'data-type': 'root',
+                                type: 'all',
+                                children: children.map(function (item) { return (__assign(__assign({}, item), { parentKey: 'all', 'data-type': item.type })); }),
+                            },
+                        ];
+                    }
+                    setTreeData(data);
+                    setTotal(total);
+                    onTotalChange === null || onTotalChange === void 0 ? void 0 : onTotalChange(total);
+                    // 选中
+                    if (defaultCheckedAll) {
+                        keys = data.map(function (item) { return item.key; });
+                        info = { info: {}, total: total };
+                        setCheckedKeys(keys);
+                        setCheckedInfo(info);
+                        onCheck === null || onCheck === void 0 ? void 0 : onCheck(info);
+                    }
+                    else {
+                        info = { info: {}, total: 0 };
+                        setCheckedKeys([]);
+                        setCheckedInfo(info);
+                        onCheck === null || onCheck === void 0 ? void 0 : onCheck(info);
+                    }
+                    // 展开
+                    if (((_a = data === null || data === void 0 ? void 0 : data[0]) === null || _a === void 0 ? void 0 : _a.type) === 'all') {
+                        setExpandedKeys([data[0].key]);
+                    }
+                    else {
+                        setExpandedKeys([]);
+                    }
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 懒加载树节点
+    var loadData = function (node) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (node.children) {
+                        return [2 /*return*/];
+                    }
+                    if (!(node.type === 'senseRegion')) return [3 /*break*/, 4];
+                    if (!(treeType === 'region-book')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getBookList(node)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    if (!(treeType === 'region-sense')) return [3 /*break*/, 4];
+                    return [4 /*yield*/, getSenseList(node)];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4:
+                    if (!(node.type === 'senseObj')) return [3 /*break*/, 6];
+                    return [4 /*yield*/, getBookList(node)];
+                case 5:
+                    _a.sent();
+                    _a.label = 6;
+                case 6:
+                    if (!(node.type === 'senseBook' || node.type === 'senseOrg')) return [3 /*break*/, 8];
+                    return [4 /*yield*/, getSenseList(node)];
+                case 7:
+                    _a.sent();
+                    _a.label = 8;
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    // 其他方法触发展开树节点
+    var otherExpand = function (key) {
+        var index = expandedKeys.indexOf(key);
+        if (index === -1) {
+            setExpandedKeys(produce(function (draftState) {
+                draftState.push(key);
+            }));
+        }
+        else {
+            setExpandedKeys(produce(function (draftState) {
+                draftState.splice(index, 1);
+            }));
+        }
+    };
+    // 点击树节点
+    var handleSelect = function (_keys, _a) {
+        var node = _a.node;
+        if (node.type === 'more') {
+            if (node.moreType === 'senseBook') {
+                getBookList(node);
+            }
+            if (node.moreType === 'sense') {
+                getSenseList(node);
+            }
+        }
+        else if (node.type !== 'sense') {
+            // 展开
+            otherExpand(node.key);
+        }
+    };
+    // 收起展开树节点
+    var handleExpand = function (keys) {
+        setExpandedKeys(keys);
+    };
+    // 选择树节点
+    var handleCheck = function (keys, info) {
+        setCheckedKeys(keys);
+        var checkedInfo = getTreeChecked({
+            treeData: treeData,
+            checkedKeys: keys,
+            halfCheckedKeys: info.halfCheckedKeys,
+            treeType: treeType,
+        });
+        setCheckedInfo(checkedInfo);
+        onCheck === null || onCheck === void 0 ? void 0 : onCheck(checkedInfo);
+    };
+    // 单击树节点
+    var handleClick = function (e, node) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(node, e);
+    };
+    // 双击树节点
+    var handleDoubleClick = function (e, node) {
+        onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(node, e);
+    };
+    // 右键点击树节点
+    var handleRightClick = function (_a) {
+        var event = _a.event, node = _a.node;
+        event.stopPropagation();
+        if (node.type === 'sense') {
+            showContextMenu({
+                event: event,
+                props: {
+                    data: node,
+                    callback: function (key) {
+                        switch (key) {
+                            case 'show':
+                                // 查看实体记录
+                                onShowSense === null || onShowSense === void 0 ? void 0 : onShowSense(node, event);
+                                break;
+                            case 'edit':
+                                // 编辑实体记录
+                                onEditSense === null || onEditSense === void 0 ? void 0 : onEditSense(node, event);
+                                break;
+                        }
+                    },
+                },
+            });
+        }
+    };
+    // 树节点标题渲染
+    var titleRender = function (node) {
+        var _a;
+        if (node.type === 'more') {
+            // 加载更多
+            return (React__default.createElement("div", { className: styles['node-more'] },
+                node.title,
+                node.loading ? React__default.createElement(LoadingOutlined, null) : React__default.createElement(SvgDown, null)));
+        }
+        if (node.type === 'sense') {
+            // 实体记录
+            var tagText = ((_a = node.tagNames) === null || _a === void 0 ? void 0 : _a.length) ? node.tagNames.join(', ') : '';
+            var content = (React__default.createElement("div", { className: styles['node-sense-content'] },
+                (node.dataList || []).map(function (item) { return (React__default.createElement("div", { key: item.fieldId }, keywordHighlight("".concat(item.fieldName, "\uFF1A").concat(item.fieldValue)))); }),
+                tagText ? React__default.createElement("div", null, keywordHighlight("\u6807\u7B7E\uFF1A".concat(tagText))) : null));
+            var fields = (node.dataList || [])
+                .map(function (item) { return "".concat(item.fieldName, "\uFF1A").concat(item.fieldValue); })
+                .join(' ');
+            if (tagText) {
+                fields += " \u6807\u7B7E\uFF1A".concat(tagText);
+            }
+            return (React__default.createElement("div", { className: styles['node-sense'] },
+                React__default.createElement("div", { className: styles.title, title: node.title },
+                    node.ksCode ? getIcon(node.ksCode) : null,
+                    React__default.createElement("span", null, keywordHighlight(node.title))),
+                fields ? (React__default.createElement(Popover, { content: content },
+                    React__default.createElement("div", { className: styles.fields, title: "" }, keywordHighlight(fields)))) : null));
+        }
+        return (React__default.createElement("div", { className: styles['node-default'] },
+            React__default.createElement("div", { className: styles.title }, keywordHighlight(node.title)),
+            React__default.createElement("div", { className: styles.total },
+                "\uFF08",
+                node.total,
+                "\uFF09"),
+            React__default.createElement("div", { className: styles.extra }, titleExtra === null || titleExtra === void 0 ? void 0 : titleExtra(node))));
+    };
+    // 导出关闭
+    var handleExportCancel = function () {
+        setOpenExportModal(false);
+        setExportConfig([]);
+    };
+    // 导出完成
+    var handleExportOk = function (params) { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, exportSenseExcel(__assign(__assign(__assign({}, (searchParams || {})), (checkedInfo.info || {})), { viewCodes: viewCodes, tableExportConfigItems: params, excelName: "\u6570\u636E" }))];
+                case 1:
+                    res = _a.sent();
+                    downloadFile(res);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 操作 map
+    var bottomButtonMap = {
+        // 共享
+        share: {
+            key: 'share',
+            title: '添加共享',
+            icon: React__default.createElement(SvgShare, null),
+            onClick: function () {
+                onShare === null || onShare === void 0 ? void 0 : onShare(checkedInfo);
+            },
+        },
+        // 下载
+        download: {
+            key: 'download',
+            title: '将当前目录中选中的对象下载到本地',
+            icon: React__default.createElement(SvgDownload, null),
+            onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                var res, confirmMessage, tableExportConfigItems_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(checkedInfo === null || checkedInfo === void 0 ? void 0 : checkedInfo.total)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, getSenseExportConfig(__assign(__assign(__assign({}, (searchParams || {})), (checkedInfo.info || {})), { viewCodes: viewCodes }))];
+                        case 1:
+                            res = _a.sent();
+                            confirmMessage = res.confirmMessage, tableExportConfigItems_1 = res.tableExportConfigItems;
+                            if (!confirmMessage) {
+                                setExportConfig(tableExportConfigItems_1);
+                                setOpenExportModal(true);
+                            }
+                            else {
+                                modal.confirm({
+                                    content: confirmMessage,
+                                    onOk: function () {
+                                        setExportConfig(tableExportConfigItems_1);
+                                        setOpenExportModal(true);
+                                    },
+                                });
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            messageApi.warning('当前目录中未选中对象，请选中对象后重试。');
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); },
+        },
+    };
+    // 操作
+    var bottomButton = (bottomButtonConfig || [])
+        .map(function (key) { return bottomButtonMap[key]; })
+        .filter(Boolean);
+    useDeepCompareEffect(function () {
+        if (viewCodes.length) {
+            if (treeType === 'entity-class') {
+                getEntityClassTree();
+            }
+            if (treeType === 'region-book' || treeType === 'region-sense') {
+                getRegionTree();
+            }
+        }
+    }, [viewCodes, treeType, searchParams]);
+    // 撒点
+    useDebounceEffect(function () {
+        if (!onScatterAggregation) {
+            return;
+        }
+        var isGovUser = viewCodes.includes('system-icos_gov_user');
+        if ((checkedInfo === null || checkedInfo === void 0 ? void 0 : checkedInfo.total) === 0) {
+            onScatterAggregation === null || onScatterAggregation === void 0 ? void 0 : onScatterAggregation({
+                aggregationList: [],
+                senseList: [],
+            });
+        }
+        else if (checkedInfo === null || checkedInfo === void 0 ? void 0 : checkedInfo.info) {
+            var _geom = geom;
+            if ((searchParams === null || searchParams === void 0 ? void 0 : searchParams.geom) && !geom) {
+                _geom = searchParams.geom;
+            }
+            else if ((searchParams === null || searchParams === void 0 ? void 0 : searchParams.geom) && geom) {
+                // 判断空间搜索geom
+                _geom = wkt.stringify(turf.intersect(wkt.parse(searchParams.geom), wkt.parse(geom)));
+            }
+            var params = __assign(__assign(__assign(__assign({}, searchParams), { zoom: zoom, geom: _geom, searchGeom: searchParams === null || searchParams === void 0 ? void 0 : searchParams.geom, aggregateType: aggregateType }), checkedInfo.info), { viewCodes: viewCodes });
+            if (zoom && _geom && viewCodes.length && !isGovUser) {
+                getSenseScatterAggregation(params).then(function (res) {
+                    onScatterAggregation === null || onScatterAggregation === void 0 ? void 0 : onScatterAggregation(res);
+                });
+            }
+        }
+    }, [checkedInfo, zoom, geom], {
+        wait: 300,
+    });
+    useEffect(function () {
+        document.documentElement.style.setProperty('--sense-tree-download-icon-color', "".concat(token.colorPrimaryHover));
+    }, [token.colorPrimaryHover]);
+    useEffect(function () {
+        console.log(token.colorText);
+        document.documentElement.style.setProperty('--sense-tree-tree-text-color', token.colorText);
+    }, [token.colorText]);
+    return (React__default.createElement(Spin, { wrapperClassName: styles.container, spinning: loading, delay: 500 },
+        React__default.createElement("div", { className: styles.tree },
+            React__default.createElement(Tree, { key: JSON.stringify(searchParams), treeData: treeData, titleRender: titleRender, loadData: loadData, selectedKeys: [], expandedKeys: expandedKeys, checkedKeys: checkedKeys, onSelect: handleSelect, onExpand: handleExpand, onCheck: handleCheck, onClick: handleClick, onDoubleClick: handleDoubleClick, onRightClick: handleRightClick, checkable: true, blockNode: true })),
+        React__default.createElement("div", { className: styles.footer },
+            React__default.createElement("div", { className: styles.statistics, style: {
+                    color: "".concat(token.colorPrimaryHover),
+                    backgroundColor: "".concat(token.colorBgContainer),
+                } },
+                "\u5171 ",
+                total,
+                " \u4E2A \uFF5C \u5DF2\u9009\u4E2D ",
+                (checkedInfo === null || checkedInfo === void 0 ? void 0 : checkedInfo.total) || 0,
+                " \u4E2A"),
+            React__default.createElement("div", { className: styles.operation }, bottomButton.map(function (item) { return (React__default.createElement(Tooltip, { key: item.key, title: item.title },
+                React__default.createElement("div", { className: styles.item, onClick: item.onClick }, item.icon))); }))),
+        (senseContextMenuConfig === null || senseContextMenuConfig === void 0 ? void 0 : senseContextMenuConfig.length) ? React__default.createElement(ContextMenu, { config: senseContextMenuConfig }) : null,
+        React__default.createElement(ExportModal, { open: openExportModal, config: exportConfig, onOk: handleExportOk, onCancel: handleExportCancel }),
+        contextHolder,
+        modalContextHolder));
+};
+
+export { SenseTree as default };