@icos-desktop/react-components 2.3.0 → 2.3.1

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

@@ -0,0 +1,165 @@
+import { applyRules } from '../../utils/settings.js';
+
+var settings = {
+    name: 'CcosSenseTree',
+    title: '实体资源视窗 - 资源树',
+    description: '',
+    package: '@icos-desktop/react-components',
+    exportType: 'namedExport',
+    props: [
+        // 基本
+        {
+            name: 'viewType',
+            title: '数据范围',
+            group: 'basic',
+            setter: 'choiceSetter',
+            options: [
+                { label: '全量对象', value: 'system' },
+                { label: '功能视图', value: 'func' },
+            ],
+        },
+        {
+            name: 'viewCode',
+            title: '功能视图ID',
+            group: 'basic',
+            setter: 'textSetter',
+            getVisible: function (form) {
+                var viewType = form.getValue('viewType');
+                return viewType === 'func';
+            },
+        },
+        {
+            name: 'treeType',
+            title: '选择资源树',
+            group: 'basic',
+            setter: 'selectSetter',
+            options: [
+                { label: '分类-台账-实体记录', value: 'entity-class' },
+                { label: '地理层级-台账-实体记录', value: 'region-book' },
+                { label: '地理层级-实体记录', value: 'region-sense' },
+            ],
+        },
+        {
+            name: 'regionRootLevel',
+            title: '起始地理层级',
+            group: 'basic',
+            setter: 'numberSetter',
+            setterProps: {
+                min: 1,
+                max: 9,
+            },
+            getVisible: function (form) {
+                var treeType = form.getValue('treeType');
+                return treeType !== 'entity-class';
+            },
+        },
+        {
+            name: 'regionLeafLevel',
+            title: '结束地理层级',
+            group: 'basic',
+            setter: 'numberSetter',
+            setterProps: {
+                min: 1,
+                max: 9,
+            },
+            getVisible: function (form) {
+                var treeType = form.getValue('treeType');
+                return treeType !== 'entity-class';
+            },
+        },
+        {
+            name: 'showSenseContextMenu',
+            title: '启用实体记录功能',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'senseContextMenuConfig',
+            title: '实体记录功能',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+            },
+            options: [
+                { label: '查看', value: 'show' },
+                { label: '编辑', value: 'edit' },
+            ],
+            getVisible: function (form) {
+                return form.getValue('showSenseContextMenu');
+            },
+        },
+        {
+            name: 'showBottomButton',
+            title: '启用底部按钮功能',
+            group: 'basic',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'bottomButtonConfig',
+            title: '底部按钮功能',
+            group: 'basic',
+            setter: 'selectSetter',
+            setterProps: {
+                mode: 'multiple',
+            },
+            options: [{ label: '下载', value: 'download' }],
+            getVisible: function (form) {
+                return form.getValue('showBottomButton');
+            },
+        },
+        // 事件
+        {
+            name: 'onTotalChange',
+            title: '实体总数变化',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onCheck',
+            title: '树节点选中变化',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onClick',
+            title: '单击树节点',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onDoubleClick',
+            title: '双击树节点',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onShowSense',
+            title: '查看实体记录',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        {
+            name: 'onEditSense',
+            title: '编辑实体记录',
+            group: 'event',
+            setter: 'eventSetter',
+        },
+        // 样式
+        {
+            name: 'statisticsBgColor',
+            title: '数据情况背景颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+        {
+            name: 'statisticsFontColor',
+            title: '数据情况字体颜色',
+            group: 'style',
+            setter: 'colorSetter',
+        },
+    ],
+};
+var settings$1 = applyRules(settings);
+
+export { settings$1 as default };

package/dist/es/components/SenseTree/utils/index.d.ts

@@ -0,0 +1,27 @@
+export declare const getTreeChecked: ({ treeData: _treeData, checkedKeys, halfCheckedKeys, treeType, }: any) => {
+    info: {
+        selectSenseObjCodes?: undefined;
+        selectBookIds?: undefined;
+        unSelectBookIds?: undefined;
+        selectSenseGlobalCodes?: undefined;
+        unSelectSenseGlobalCodes?: undefined;
+        selectOrgIds?: undefined;
+        selectBookRegionIds?: undefined;
+        selectLeafRegionIds?: undefined;
+        selectPathRegionIds?: undefined;
+    };
+    total: number;
+} | {
+    info: {
+        selectSenseObjCodes: string[];
+        selectBookIds: string[];
+        unSelectBookIds: string[];
+        selectSenseGlobalCodes: string[];
+        unSelectSenseGlobalCodes: string[];
+        selectOrgIds: string[];
+        selectBookRegionIds: string[];
+        selectLeafRegionIds: string[];
+        selectPathRegionIds: string[];
+    };
+    total: number;
+};

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

@@ -0,0 +1,329 @@
+var judgeArrayEmpty = function (data) {
+    return (data === null || data === void 0 ? void 0 : data.length) ? data : undefined;
+};
+// 获取树勾选参数
+var getTreeChecked = function (_a) {
+    var _treeData = _a.treeData, checkedKeys = _a.checkedKeys, halfCheckedKeys = _a.halfCheckedKeys, treeType = _a.treeType;
+    if (!(_treeData === null || _treeData === void 0 ? void 0 : _treeData.length)) {
+        return {
+            info: {},
+            total: 0,
+        };
+    }
+    var treeData = _treeData[0].type === 'all' ? _treeData[0].children : _treeData;
+    var total = 0;
+    var senseObjCodes = [];
+    var bookIds = [];
+    var excludeBookIds = [];
+    var senseGlobalCodes = [];
+    var excludeGlobalCodes = [];
+    var orgIds = [];
+    var bookRegionIds = [];
+    var leafRegionIds = [];
+    var pathRegionIds = [];
+    // 添加 regionId 数据
+    var pushRegionId = function (node) {
+        if (treeType === 'region-book') {
+            bookRegionIds.push(node.key);
+        }
+        if (treeType === 'region-sense') {
+            if (node.extraChildren) {
+                leafRegionIds.push(node.key);
+            }
+            else {
+                pathRegionIds.push(node.key);
+            }
+        }
+    };
+    // 当前 和 所有子集 添加到 RegionId
+    var pushAllRegionId = function (node) {
+        var _a;
+        pushRegionId(node);
+        (_a = node.extraChildren) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
+            pushAllRegionId(item);
+        });
+    };
+    // 获取节点勾选状态
+    var nodeChecked = function (node) {
+        var checked = checkedKeys.indexOf(node.key) !== -1;
+        var halfChecked = halfCheckedKeys.indexOf(node.key) !== -1;
+        return { checked: checked || halfChecked, halfChecked: halfChecked };
+    };
+    // 处理实体记录
+    var judgeSense = function (data, parent) {
+        if (!(data === null || data === void 0 ? void 0 : data.length)) {
+            return;
+        }
+        // 判断实体记录加载状态
+        var more = data.find(function (item) { return item.type === 'more'; });
+        if (more) {
+            // 实体记录未全部加载
+            // 判断未加载实体记录勾选状态
+            var moreChecked = checkedKeys.indexOf(more.key) !== -1;
+            if (moreChecked) {
+                // 未加载实体记录勾选
+                // 台账添加到 bookIds
+                // 未勾选实体记录添加到 excludeSenseGlobalCodes
+                // 判断父级类型
+                if (parent.type === 'senseObj') {
+                    senseObjCodes.push(parent.key);
+                }
+                else if (parent.type === 'senseBook') {
+                    bookIds.push(parent.key);
+                }
+                var excludeTotal_1 = 0;
+                data.forEach(function (item) {
+                    if (item.type !== 'more') {
+                        if (checkedKeys.indexOf(item.key) === -1) {
+                            excludeGlobalCodes.push(item.key);
+                            excludeTotal_1 += 1;
+                        }
+                    }
+                });
+                total += parent.total - excludeTotal_1;
+            }
+            else {
+                // 未加载实体记录未勾选
+                // 勾选的实体记录添加到 senseGlobalCodes
+                data.forEach(function (item) {
+                    if (item !== 'more') {
+                        if (checkedKeys.indexOf(item.key) !== -1) {
+                            senseGlobalCodes.push(item.key);
+                            total += 1;
+                        }
+                    }
+                });
+            }
+        }
+        else {
+            // 实体记录已全部加载
+            // 实体记录添加到 senseGlobalCodes
+            data.forEach(function (item) {
+                if (checkedKeys.indexOf(item.key) !== -1) {
+                    senseGlobalCodes.push(item.key);
+                    total += 1;
+                }
+            });
+        }
+    };
+    // 处理 台账
+    var judgeBook = function (data, parent) {
+        if (!(data === null || data === void 0 ? void 0 : data.length)) {
+            return;
+        }
+        // 判断台账加载情况
+        var more = data.find(function (item) { return item.type === 'more'; });
+        if (more) {
+            if (!parent) {
+                return;
+            }
+            // 台账未全部加载
+            // 判断未加载部分台账勾选状态
+            var moreChecked = checkedKeys.indexOf(more.key) !== -1;
+            if (moreChecked) {
+                // 未加载台账勾选
+                if (parent.type === 'senseRegion') {
+                    // 地理层级添加到 RegionIds
+                    pushRegionId(parent);
+                }
+                else {
+                    // 实体分类添加到 senseObjCodes
+                    senseObjCodes.push(parent.key);
+                }
+                // 判断已加载台账勾选状态
+                var excludeTotal_2 = 0;
+                data.forEach(function (item) {
+                    if (item !== 'more') {
+                        var _a = nodeChecked(item), checked = _a.checked, halfChecked = _a.halfChecked;
+                        if (checked) {
+                            if (halfChecked) {
+                                // 已加载台账半勾选
+                                judgeSense(item.children, item);
+                            }
+                        }
+                        else {
+                            // 已加载台账未勾选
+                            // 台账添加到 excludeBookIds
+                            excludeBookIds.push(item.key);
+                            excludeTotal_2 += 1;
+                        }
+                    }
+                });
+                total += parent.total - excludeTotal_2;
+            }
+            else {
+                // 未加载台账未勾选
+                // 判断已加载台账勾选状态
+                data.forEach(function (item) {
+                    if (item !== 'more') {
+                        var _a = nodeChecked(item), checked = _a.checked, halfChecked = _a.halfChecked;
+                        if (checked) {
+                            if (halfChecked) {
+                                // 已加载台账半勾选
+                                judgeSense(item.children, item);
+                            }
+                            else {
+                                // 已加载台账勾选
+                                // 台账添加到 bookIds
+                                bookIds.push(item.key);
+                                total += item.total;
+                            }
+                        }
+                    }
+                });
+            }
+        }
+        else {
+            // 台账已全部加载
+            data.forEach(function (item) {
+                // 判断台账勾选状态
+                var _a = nodeChecked(item), checked = _a.checked, halfChecked = _a.halfChecked;
+                if (checked) {
+                    if (halfChecked) {
+                        // 台账半勾选
+                        judgeSense(item.children, item);
+                    }
+                    else {
+                        // 台账全部勾选
+                        // 台账添加到 bookIds
+                        bookIds.push(item.key);
+                        total += item.total;
+                    }
+                }
+            });
+        }
+    };
+    // 处理 senseObj
+    var judgeSenseObj = function (data) {
+        if (!(data === null || data === void 0 ? void 0 : data.length)) {
+            return;
+        }
+        data.forEach(function (item) {
+            var _a;
+            if (item.type === 'senseObj') {
+                // 判断实体分类勾选状态
+                var _b = nodeChecked(item), checked = _b.checked, halfChecked = _b.halfChecked;
+                if (checked) {
+                    if (halfChecked) {
+                        // 实体分类半勾选
+                        // 判断下级类型
+                        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+                            if (item.children[0].type === 'senseBook') {
+                                judgeBook(item.children, item);
+                            }
+                            else if (item.children[0].type === 'sense') {
+                                judgeSense(item.children, item);
+                            }
+                        }
+                    }
+                    else {
+                        // 实体分类全勾选
+                        // 实体分类添加到 senseObjCodes
+                        senseObjCodes.push(item.key);
+                        total += item.total;
+                    }
+                }
+            }
+            else if (item.type === 'senseType') {
+                judgeSenseObj(item.children);
+            }
+        });
+    };
+    // 处理政府通讯录
+    var judgeOrg = function (data) {
+        data.forEach(function (item) {
+            if (item.type === 'senseOrg') {
+                // 判断组织（senseOrg）勾选状态
+                var _a = nodeChecked(item), checked = _a.checked, halfChecked = _a.halfChecked;
+                if (checked) {
+                    if (halfChecked) {
+                        // 组织半勾选
+                        judgeOrg(item.children);
+                    }
+                    else {
+                        // 组织全勾选
+                        // 添加到 orgIds
+                        orgIds.push(item.key);
+                        total += item.total;
+                    }
+                }
+            }
+            else {
+                // 判断组织人员勾选状态
+                var checked = checkedKeys.indexOf(item.key) !== -1;
+                if (checked) {
+                    senseGlobalCodes.push(item.key);
+                    total += 1;
+                }
+            }
+        });
+    };
+    // 处理地区
+    var judgeRegion = function (data) {
+        data.forEach(function (item) {
+            var _a;
+            if (item.type === 'senseRegion') {
+                // 判断地理层级（senseRegion）勾选状态
+                var _b = nodeChecked(item), checked = _b.checked, halfChecked = _b.halfChecked;
+                if (checked) {
+                    if (halfChecked) {
+                        // 地理层级半勾选
+                        // 判断下级类型
+                        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+                            // 筛选台账
+                            var senseBooks = item.children.filter(function (child) { return child.type === 'senseBook' || child.type === 'more'; });
+                            if (senseBooks.length) {
+                                judgeBook(senseBooks, item);
+                            }
+                            // 筛选地理层级
+                            var senseRegions = item.children.filter(function (child) { return child.type === 'senseRegion'; });
+                            if (senseRegions.length) {
+                                judgeRegion(senseRegions);
+                            }
+                            // 筛选实体记录
+                            var sense = item.children.filter(function (child) { return child.type === 'sense'; });
+                            if (sense.length) {
+                                judgeSense(sense, item);
+                            }
+                        }
+                    }
+                    else {
+                        // 地理层级全勾选
+                        // 地理层级 和 所有子集 添加到 RegionIds
+                        pushAllRegionId(item);
+                        total += item.total;
+                    }
+                }
+            }
+            else {
+                // 台账
+                judgeBook([item]);
+            }
+        });
+    };
+    if (treeData[0].type === 'senseOrg') {
+        judgeOrg(treeData);
+    }
+    else if (treeData[0].type === 'senseRegion') {
+        judgeRegion(treeData);
+    }
+    else {
+        judgeSenseObj(treeData);
+    }
+    return {
+        info: {
+            selectSenseObjCodes: judgeArrayEmpty(senseObjCodes),
+            selectBookIds: judgeArrayEmpty(bookIds),
+            unSelectBookIds: judgeArrayEmpty(excludeBookIds),
+            selectSenseGlobalCodes: judgeArrayEmpty(senseGlobalCodes),
+            unSelectSenseGlobalCodes: judgeArrayEmpty(excludeGlobalCodes),
+            selectOrgIds: judgeArrayEmpty(orgIds),
+            selectBookRegionIds: judgeArrayEmpty(bookRegionIds),
+            selectLeafRegionIds: judgeArrayEmpty(leafRegionIds),
+            selectPathRegionIds: judgeArrayEmpty(pathRegionIds),
+        },
+        total: total,
+    };
+};
+
+export { getTreeChecked };

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

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

package/dist/es/components/SenseView/SenseView.js

@@ -0,0 +1,56 @@
+import { __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 { pick } from 'lodash';
+import React__default, { forwardRef, useRef, useState, useImperativeHandle } from 'react';
+import SenseSearch from '../SenseSearch/SenseSearch.js';
+import SenseTree from '../SenseTree/SenseTree.js';
+import styles from './SenseView.module.less.js';
+
+var SenseView = forwardRef(function (props, ref) {
+    var senseSearchRef = useRef(null);
+    var senseSearchPrpos = pick(props, [
+        'hiddenSearch',
+        'viewCode',
+        'showView',
+        'views',
+        'searchMode',
+        'onStartDraw',
+        'onMapDraw',
+    ]);
+    var senseTreeProps = pick(props, [
+        'zoom',
+        'geom',
+        'treeType',
+        'regionRootLevel',
+        'regionLeafLevel',
+        'defaultCheckedAll',
+        'senseContextMenuConfig',
+        'bottomButtonConfig',
+        'onTotalChange',
+        'onCheck',
+        'onClick',
+        'onDoubleClick',
+        'onShowSense',
+        'onEditSense',
+        'onScatterAggregation',
+    ]);
+    // 搜索参数
+    var _a = useState(), searchParams = _a[0], setSearchParams = _a[1];
+    // 触发搜索
+    var handleSearch = function (params) {
+        var _a;
+        (_a = props.onSearch) === null || _a === void 0 ? void 0 : _a.call(props, params);
+        setSearchParams(params);
+    };
+    useImperativeHandle(ref, function () { return ({
+        aiSearch: function (res) {
+            var _a;
+            (_a = senseSearchRef.current) === null || _a === void 0 ? void 0 : _a.aiSearch(res);
+        },
+    }); });
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement(SenseSearch, __assign({}, senseSearchPrpos, { ref: senseSearchRef, onSearch: handleSearch })),
+        React__default.createElement("div", { className: styles.tree },
+            React__default.createElement(SenseTree, __assign({}, senseTreeProps, { viewCodes: searchParams === null || searchParams === void 0 ? void 0 : searchParams.viewCodes, searchParams: searchParams })))));
+});
+
+export { SenseView as default };

package/dist/es/components/SenseView/SenseView.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 = ".SenseView-module_container__nk7i- {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n  height: 100%;\n}\n.SenseView-module_container__nk7i- * {\n  box-sizing: border-box;\n}\n.SenseView-module_container__nk7i- .SenseView-module_tree__7VpBe {\n  flex: 1;\n  height: 0;\n}\n";
+var styles = {"container":"SenseView-module_container__nk7i-","tree":"SenseView-module_tree__7VpBe"};
+styleInject(css_248z);
+
+export { styles as default };

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import SenseView from './SenseView';
+declare const meta: Meta<typeof SenseView>;
+export default meta;
+type Story = StoryObj<typeof SenseView>;
+export declare const EntityClass: Story;
+export declare const Test: Story;
+export declare const AI: Story;