@icos-desktop/react-components 2.0.7 → 2.0.9

package/dist/icos-desktop.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps } from 'antd/es/button/button';
-import { SelectProps, TableProps, TreeSelectProps, ModalProps, InputProps, CascaderProps } from '@xirang/design-antd';
+import { SelectProps, TableProps, TreeSelectProps, ModalProps, InputProps, CascaderProps, ButtonProps as ButtonProps$1 } from '@xirang/design-antd';
 import { ContextMenuKey as ContextMenuKey$2 } from '@/components/BookTable/BookTable.types';
 import { ContextMenuKey as ContextMenuKey$3 } from '@/components/SenseTable/SenseTable.types';
 import { VideoPlayerProps as VideoPlayerProps$1 } from '@/components/VideoPlayer';
@@ -618,6 +618,9 @@ interface SenseFormRef {
 
 declare const SenseForm: React.ForwardRefExoticComponent<SenseFormProps & React.RefAttributes<SenseFormRef>>;
 
+interface CustomButtonConfig extends ButtonProps$1 {
+    title: string;
+}
 interface SenseFullTableProps {
     /**
      * 显示视图类型：system 系统视图，func 功能视图，默认值：`system`
@@ -654,6 +657,17 @@ interface SenseFullTableProps {
      * 显示实体记录列表
      */
     showSenseTable?: boolean;
+    /**
+     * 自定义按钮
+     */
+    customButtons?: (data: {
+        activeViewCode: string;
+        activeTable: '' | 'bookGroup' | 'book' | 'sense';
+    }) => CustomButtonConfig[];
+    /**
+     * 显示导出数据按钮
+     */
+    showExportButton?: boolean;
     /**
      * 显示导入数据按钮，为`true`时默认打开台账组导入，可按视图配置对应为台账导入/台账组导入，例如：`{ viewCode: 'book | bookGroup' }`
      */
@@ -976,6 +990,18 @@ interface SenseTreeProps {
      * 搜索参数
      */
     searchParams: any;
+    /**
+     * 散点聚合类型，可选项：`1` 空间聚合, `2` 地区聚合，默认值：`1`
+     */
+    aggregateType?: 1 | 2;
+    /**
+     * 地图缩放层级，存在此参数时会调用散点聚合接口
+     */
+    zoom?: number;
+    /**
+     * 地图可视范围
+     */
+    geom?: string;
     /**
      * 地理层级显示区间-根层级 1~9 以此为省、市、区县、街道、社区、小区、楼、单元、户
      */
@@ -1029,13 +1055,9 @@ interface SenseTreeProps {
      */
     onEditSense?: (node: any, e: any) => void;
     /**
-     * 数据情况背景颜色
-     */
-    statisticsBgColor?: string;
-    /**
-     * 数据情况字体颜色
+     * 散点聚合
      */
-    statisticsFontColor?: string;
+    onScatterAggregation?: (data: any) => void;
 }
 
 declare const SenseTree: (props: SenseTreeProps) => React.JSX.Element;
@@ -1089,6 +1111,14 @@ interface SenseViewProps {
      * region-sense: 地理层级-实体记录
      */
     treeType: 'entity-class' | 'region-book' | 'region-sense';
+    /**
+     * 地图缩放层级，存在此参数时会调用散点聚合接口
+     */
+    zoom?: number;
+    /**
+     * 地图可视范围
+     */
+    geom?: string;
     /**
      * 地理层级显示区间-根层级 1~9 以此为省、市、区县、街道、社区、小区、楼、单元、户
      */
@@ -1133,6 +1163,10 @@ interface SenseViewProps {
      * 编辑实体记录
      */
     onEditSense?: (node: any, e: any) => void;
+    /**
+     * 散点聚合
+     */
+    onScatterAggregation?: (data: any) => void;
 }
 
 declare const SenseView: (props: SenseViewProps) => React.JSX.Element;

package/dist/icos-desktop.js

@@ -5527,6 +5527,18 @@ var ContextMenu$4 = function (_a) {
 };
 ContextMenu$4.id = id$4;
 
+// 获取实体记录散点聚合信息
+function getSenseScatterAggregation(data) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, req({
+                    url: '/v1/open/sense-search/sense-scatter-aggregation',
+                    method: 'POST',
+                    data: data,
+                })];
+        });
+    });
+}
 // 获取组织树
 function searchOrgTree(data) {
     return __awaiter(this, void 0, void 0, function () {
@@ -11355,7 +11367,7 @@ styleInject(css_248z$c);
 
 var SenseFullTable = forwardRef(function (props, ref) {
     var _a;
-    var _b = props.viewType, viewType = _b === void 0 ? 'system' : _b, _c = props.views, views = _c === void 0 ? [] : _c, showView = props.showView, showCatalog = props.showCatalog, showBreadcrumb = props.showBreadcrumb, showBookGroupTable = props.showBookGroupTable, showBookTable = props.showBookTable, showSenseTable = props.showSenseTable, showImportButton = props.showImportButton, importHiddenGeolevel = props.importHiddenGeolevel, bookContextMenuConfig = props.bookContextMenuConfig, senseContextMenuConfig = props.senseContextMenuConfig, enableTag = props.enableTag, leafRegionId = props.leafRegionId, pathRegionId = props.pathRegionId, onCreateSense = props.onCreateSense, onShowSense = props.onShowSense, onEditSense = props.onEditSense, onClickSense = props.onClickSense, onDoubleClickSense = props.onDoubleClickSense, filterBgColor = props.filterBgColor, filterIconColor = props.filterIconColor, filterActiveClor = props.filterActiveClor, filterContentBgColor = props.filterContentBgColor, rowHighlightColor = props.rowHighlightColor, proTableContainerHeight = props.proTableContainerHeight, proTableHeadBg = props.proTableHeadBg, proTableCloseAllBg = props.proTableCloseAllBg, proTableSortIconColor = props.proTableSortIconColor, proTableSelectIcon = props.proTableSelectIcon, proTableSelectMultipleIconColor = props.proTableSelectMultipleIconColor;
+    var _b = props.viewType, viewType = _b === void 0 ? 'system' : _b, _c = props.views, views = _c === void 0 ? [] : _c, showView = props.showView, showCatalog = props.showCatalog, showBreadcrumb = props.showBreadcrumb, showBookGroupTable = props.showBookGroupTable, showBookTable = props.showBookTable, showSenseTable = props.showSenseTable, customButtons = props.customButtons, showExportButton = props.showExportButton, showImportButton = props.showImportButton, importHiddenGeolevel = props.importHiddenGeolevel, bookContextMenuConfig = props.bookContextMenuConfig, senseContextMenuConfig = props.senseContextMenuConfig, enableTag = props.enableTag, leafRegionId = props.leafRegionId, pathRegionId = props.pathRegionId, onCreateSense = props.onCreateSense, onShowSense = props.onShowSense, onEditSense = props.onEditSense, onClickSense = props.onClickSense, onDoubleClickSense = props.onDoubleClickSense, filterBgColor = props.filterBgColor, filterIconColor = props.filterIconColor, filterActiveClor = props.filterActiveClor, filterContentBgColor = props.filterContentBgColor, rowHighlightColor = props.rowHighlightColor, proTableContainerHeight = props.proTableContainerHeight, proTableHeadBg = props.proTableHeadBg, proTableCloseAllBg = props.proTableCloseAllBg, proTableSortIconColor = props.proTableSortIconColor, proTableSelectIcon = props.proTableSelectIcon, proTableSelectMultipleIconColor = props.proTableSelectMultipleIconColor;
     // 台账表格 ref
     var bookTableRef = useRef();
     // 实体记录表格 ref
@@ -11511,6 +11523,16 @@ var SenseFullTable = forwardRef(function (props, ref) {
         }
         return null;
     };
+    // 显示按钮
+    var showButtons = function () {
+        if (customButtons) {
+            var buttons = customButtons({ activeViewCode: activeViewCode, activeTable: activeTable });
+            return buttons === null || buttons === void 0 ? void 0 : buttons.map(function (item) { return React__default.createElement(Button, __assign({}, item), item.title); });
+        }
+        return null;
+    };
+    // 导出数据
+    var handleExport = function () { };
     // 导入数据
     var handleImport = function () {
         if (typeof showImportButton === 'boolean') {
@@ -11613,6 +11635,8 @@ var SenseFullTable = forwardRef(function (props, ref) {
                             setTabsActiveKey(value.split('（')[0] === '台账' ? 'book' : 'sense');
                         } }))) : null,
                 React__default.createElement("div", { className: styles$c.filter },
+                    showButtons(),
+                    activeTable === 'sense' && showExportButton ? (React__default.createElement(Button, { onClick: handleExport }, "\u5BFC\u51FA\u6570\u636E")) : null,
                     activeTable !== 'bookGroup' &&
                         showImportButton &&
                         (typeof showImportButton === 'boolean' || showImportButton[activeViewCode]) ? (React__default.createElement(Button, { onClick: handleImport }, "\u5BFC\u5165\u6570\u636E")) : null,
@@ -13906,7 +13930,7 @@ var getTreeChecked = function (_a) {
 };
 
 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, 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, statisticsBgColor = props.statisticsBgColor, statisticsFontColor = props.statisticsFontColor;
+    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 _c = App.useApp(), message = _c.message, modal = _c.modal;
     var showContextMenu = useContextMenu({ id: ContextMenu$1.id }).show;
     var ksCodeMap = useKsCode().ksCodeMap;
@@ -14546,9 +14570,37 @@ var SenseTree = function (props) {
             }
         }
     }, [viewCodes, treeType]);
+    // 撒点
+    useDebounceEffect(function () {
+        var isGovUser = viewCodes.includes('system-icos_gov_user');
+        if ((checkedInfo === null || checkedInfo === void 0 ? void 0 : checkedInfo.total) === 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(res);
+                });
+            }
+        }
+    }, [checkedInfo, zoom, geom], {
+        wait: 300,
+    });
     useEffect(function () {
-        document.documentElement.style.setProperty('--sense-tree-download-icon-color', statisticsFontColor ? statisticsFontColor : '#0ff');
-    }, [statisticsFontColor]);
+        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);
@@ -14558,8 +14610,8 @@ var SenseTree = function (props) {
             React__default.createElement(Tree, { 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$5.footer },
             React__default.createElement("div", { className: styles$5.statistics, style: {
-                    color: statisticsFontColor ? statisticsFontColor : '#3370FF',
-                    backgroundColor: statisticsBgColor ? statisticsBgColor : '#F2F6FE',
+                    color: "".concat(token.colorPrimaryHover),
+                    backgroundColor: "".concat(token.colorBgContainer),
                 } },
                 "\u5171 ",
                 total,
@@ -14775,6 +14827,8 @@ var SenseView = function (props) {
         'onMapDraw',
     ]);
     var senseTreeProps = pick(props, [
+        'zoom',
+        'geom',
         'treeType',
         'regionRootLevel',
         'regionLeafLevel',
@@ -14787,6 +14841,7 @@ var SenseView = function (props) {
         'onDoubleClick',
         'onShowSense',
         'onEditSense',
+        'onScatterAggregation',
     ]);
     // 搜索参数
     var _a = useState(), searchParams = _a[0], setSearchParams = _a[1];
@@ -15455,11 +15510,11 @@ var CcosVideoPlayer = function (props) {
 CcosVideoPlayer.settings = settings$1;
 
 try {
-    window._ICOS_DESKTOP_VERSION_ = JSON.parse('{"version":"2.0.7","branch":"remotes/origin/release_v2.0.0","buildDate":"2025-03-21 16:05:52"}');
+    window._ICOS_DESKTOP_VERSION_ = JSON.parse('{"version":"2.0.9","branch":"release_v2.0.0","buildDate":"2025-03-24 10:46:54"}');
 }
 catch (err) {
     console.warn(err);
-    window._ICOS_DESKTOP_VERSION_ = '{"version":"2.0.7","branch":"remotes/origin/release_v2.0.0","buildDate":"2025-03-21 16:05:52"}';
+    window._ICOS_DESKTOP_VERSION_ = '{"version":"2.0.9","branch":"release_v2.0.0","buildDate":"2025-03-24 10:46:54"}';
 }
 
 export { BookDetail, BookGroupImport, BookGroupTable, BookImport, BookInfo, BookSelect, BookTable, CcosBookDetail, CcosImportTable, CcosSenseCreate, CcosSenseDetail, CcosSenseEdit, CcosSenseFullTable, CcosSenseManager, CcosSenseSearch, CcosSenseTree, CcosSenseView, CcosTagConfig, CcosVideoPlayer, EntityClassFilter, EntityClassTreeSelect, ImportTable, Modal, OrgTreeSelect, PersonSelector, ProSearch, ProTable$1 as ProTable, RegionCascader, RegionTreeSelect, RelationGraph, SenseCreate, SenseDetail, SenseEdit, SenseForm, SenseFullTable, SenseInfo, SenseManager, SenseSearch, SenseTable, SenseTree, SenseView, TagConfig, TagTreeSelect, VideoControl, VideoPlayer, setCconfig as config };