@icos-desktop/react-components 2.3.0 → 2.3.1

package/dist/es/components/SenseSearch/components/AdvancedSearch/index.js

@@ -0,0 +1,545 @@
+import { __awaiter, __generator, __spreadArray, __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 { DatePicker, Form, Tabs, Select, InputNumber, TreeSelect, Input, Button, Divider } from '@xirang/design-antd';
+import { produce } from 'immer';
+import { debounce } from 'lodash';
+import React__default, { useState, useEffect } from 'react';
+import { v4 } from 'uuid';
+import wkt from 'wellknown';
+import { getRegionTree, getRegionInfo } from '../../../../services/gis.js';
+import { searchSenseList } from '../../../../services/senseSearch.js';
+import { getPointPolygonGeom, getLinePolygonGeom, convertPointToArray } from '../../../../utils/map.js';
+import { findNodeByKey } from '../../../../utils/tree.js';
+import SvgCircle from '../../assets/circle.svg.js';
+import SvgKnn from '../../assets/knn.svg.js';
+import SvgLine from '../../assets/line.svg.js';
+import SvgPoint from '../../assets/point.svg.js';
+import SvgPolygon from '../../assets/polygon.svg.js';
+import SvgRectangle from '../../assets/rectangle.svg.js';
+import SvgRegion from '../../assets/region.svg.js';
+import SvgSpace from '../../assets/space.svg.js';
+import SvgSpaceTime from '../../assets/space-time.svg.js';
+import SvgTime from '../../assets/time.svg.js';
+import { FORM_ITEMS, SPACE_MODE, FORM_ITEM_SEARCH_MODE_RESET, DRAW_MODE, SEARCH_MODE, FORM_ITEM_BUTTON_RESET } from '../../constants/index.js';
+import Tabs$1 from '../Tabs/index.js';
+import styles from './index.module.less.js';
+import KnnItems from './KnnItems/index.js';
+
+var RangePicker = DatePicker.RangePicker;
+var AdvancedSearch = function (_a) {
+    var entityClassTree = _a.entityClassTree, activeCategory = _a.activeCategory, searchModeConfig = _a.searchMode, onSearch = _a.onSearch, onMapDraw = _a.onMapDraw, onStartDraw = _a.onStartDraw;
+    // 当前的绘制模式
+    var _b = useState(''), drawMode = _b[0], setDrawMode = _b[1];
+    // 视图编码
+    var viewCodes = [activeCategory];
+    // 点位选择选项
+    var _c = useState([]), pointOptions = _c[0], setPointOptions = _c[1];
+    // 点位选择加载中
+    var _d = useState(false), pointLoading = _d[0], setPointLoading = _d[1];
+    // 路线选择选项
+    var _e = useState([]), lineOptions = _e[0], setLineOptions = _e[1];
+    // 路线选择加载中
+    var _f = useState(false), lineLoading = _f[0], setLineLoading = _f[1];
+    // 区域选择选项
+    var _g = useState([]), polygonOptions = _g[0], setPolygonOptions = _g[1];
+    // 区域选择加载中
+    var _h = useState(false), polygonLoading = _h[0], setPolygonLoading = _h[1];
+    // 地区选择树数据
+    var _j = useState([]), regionTreeData = _j[0], setRegionTreeData = _j[1];
+    var form = Form.useFormInstance();
+    // 时空搜索类型
+    var searchMode = Form.useWatch(FORM_ITEMS.SEARCH_MODE, form);
+    // 空间搜索类型
+    var spaceMode = Form.useWatch(FORM_ITEMS.SPACE_MODE, form);
+    // 空间 - 点位
+    var points = Form.useWatch(FORM_ITEMS.POINTS, form);
+    // 空间 - 点位选择
+    var selectPoints = Form.useWatch(FORM_ITEMS.SELECT_POINTS, form);
+    // 空间 - 路线
+    var lines = Form.useWatch(FORM_ITEMS.LINES, form);
+    // 空间 - 路线选择
+    var selectLines = Form.useWatch(FORM_ITEMS.SELECT_LINES, form);
+    // 空间 - 区域
+    var polygons = Form.useWatch(FORM_ITEMS.POLYGONS, form);
+    // 空间 - 区域选择
+    var selectPolygons = Form.useWatch(FORM_ITEMS.SELECT_POLYGONS, form);
+    // 空间 - 地区
+    var region = Form.useWatch(FORM_ITEMS.REGION, form);
+    // 空间 - 点位 - 搜索范围
+    var pointRange = Form.useWatch(FORM_ITEMS.POINT_RANGE, form);
+    // 空间 - 路线 - 搜索范围
+    var lineRange = Form.useWatch(FORM_ITEMS.LINE_RANGE, form);
+    // 最近邻搜索 - 中心点位
+    var location = Form.useWatch(FORM_ITEMS.LOCATION, form);
+    // 显示时间
+    var showTime = searchMode === SEARCH_MODE.TIME || searchMode === SEARCH_MODE.TIME_SPACE;
+    // 显示空间
+    var showSpace = searchMode === SEARCH_MODE.SPACE || searchMode === SEARCH_MODE.TIME_SPACE;
+    // 显示knn
+    var showKnn = searchMode === SEARCH_MODE.KNN;
+    // 空间 - 显示点位
+    var showSpacePoint = spaceMode === SPACE_MODE.POINT;
+    // 空间 - 显示路线
+    var showSpaceLine = spaceMode === SPACE_MODE.LINE;
+    // 空间 - 显示区域
+    var showSpacePolygon = spaceMode === SPACE_MODE.POLYGON;
+    // 空间 - 显示地区
+    var showRegion = spaceMode === SPACE_MODE.REGION;
+    // 搜索模式
+    var searchModeItems = (function () {
+        var list = [];
+        if (!(searchModeConfig === null || searchModeConfig === void 0 ? void 0 : searchModeConfig.length)) {
+            return list;
+        }
+        if (searchModeConfig === null || searchModeConfig === void 0 ? void 0 : searchModeConfig.includes('time')) {
+            list.push({
+                key: 'time',
+                label: (React__default.createElement("div", { className: styles.searchModeItem },
+                    React__default.createElement(SvgTime, null),
+                    "\u65F6\u95F4")),
+            });
+        }
+        if (searchModeConfig === null || searchModeConfig === void 0 ? void 0 : searchModeConfig.includes('space')) {
+            list.push({
+                key: 'space',
+                label: (React__default.createElement("div", { className: styles.searchModeItem },
+                    React__default.createElement(SvgSpace, null),
+                    "\u7A7A\u95F4")),
+            });
+        }
+        if (searchModeConfig === null || searchModeConfig === void 0 ? void 0 : searchModeConfig.includes('knn')) {
+            list.push({
+                key: 'knn',
+                label: (React__default.createElement("div", { className: styles.searchModeItem },
+                    React__default.createElement(SvgKnn, null),
+                    "\u6700\u8FD1\u90BB")),
+            });
+        }
+        if (searchModeConfig === null || searchModeConfig === void 0 ? void 0 : searchModeConfig.includes('time-space')) {
+            list.push({
+                key: 'time-space',
+                label: (React__default.createElement("div", { className: styles.searchModeItem },
+                    React__default.createElement(SvgSpaceTime, null),
+                    "\u65F6\u7A7A")),
+            });
+        }
+        return list;
+    })();
+    // 空间搜索模式
+    var spaceModeItems = [
+        {
+            key: SPACE_MODE.POINT,
+            dot: (points === null || points === void 0 ? void 0 : points.length) || (selectPoints === null || selectPoints === void 0 ? void 0 : selectPoints.length),
+            label: (React__default.createElement("div", { className: styles.searchModeItem },
+                React__default.createElement(SvgPoint, null),
+                "\u70B9\u4F4D")),
+        },
+        {
+            key: SPACE_MODE.LINE,
+            dot: (lines === null || lines === void 0 ? void 0 : lines.length) || (selectLines === null || selectLines === void 0 ? void 0 : selectLines.length),
+            label: (React__default.createElement("div", { className: styles.searchModeItem },
+                React__default.createElement(SvgLine, null),
+                "\u8DEF\u7EBF")),
+        },
+        {
+            key: SPACE_MODE.POLYGON,
+            dot: (polygons === null || polygons === void 0 ? void 0 : polygons.length) || (selectPolygons === null || selectPolygons === void 0 ? void 0 : selectPolygons.length),
+            label: (React__default.createElement("div", { className: styles.searchModeItem },
+                React__default.createElement(SvgRectangle, null),
+                "\u533A\u57DF")),
+        },
+        {
+            key: SPACE_MODE.REGION,
+            dot: region === null || region === void 0 ? void 0 : region.length,
+            label: (React__default.createElement("div", { className: styles.searchModeItem },
+                React__default.createElement(SvgRegion, null),
+                "\u5730\u533A")),
+        },
+    ];
+    // Knn搜索条件校验
+    var knnItemsValidator = function (_, value) {
+        // if (value.length === 1) {
+        //   if (!value[0].k && !value[0].senseObjCode) {
+        //     return Promise.resolve();
+        //   }
+        //   if (value[0].k && value[0].senseObjCode) {
+        //     return Promise.resolve();
+        //   }
+        //   return Promise.reject(new Error('请填写完整搜索条件'));
+        // }
+        for (var i = 0; i < value.length; i++) {
+            if (!value[i].k || !value[i].senseObjCode) {
+                return Promise.reject(new Error('请填写完整搜索条件'));
+            }
+        }
+        return Promise.resolve();
+    };
+    // 地图绘制完成
+    var onCompleteDraw = function (mode, data) {
+        var id = v4();
+        setDrawMode(null);
+        switch (mode) {
+            case DRAW_MODE.POINT:
+                {
+                    var point_1 = convertPointToArray(data);
+                    if (showKnn) {
+                        form.setFieldsValue({ location: point_1 ? "".concat(point_1[0], " ").concat(point_1[1]) : '' });
+                    }
+                    else {
+                        form.setFieldsValue({
+                            points: produce(form.getFieldValue(FORM_ITEMS.POINTS) || [], function (draftState) {
+                                draftState.push({ id: id, data: point_1 });
+                            }),
+                        });
+                    }
+                }
+                break;
+            case DRAW_MODE.LINE:
+                form.setFieldsValue({
+                    lines: produce(form.getFieldValue(FORM_ITEMS.LINES) || [], function (draftState) {
+                        draftState.push({ id: id, data: data });
+                    }),
+                });
+                break;
+            case DRAW_MODE.CIRCLE:
+            case DRAW_MODE.RECTANGLE:
+            case DRAW_MODE.POLYGON:
+                form.setFieldsValue({
+                    polygons: produce(form.getFieldValue(FORM_ITEMS.POLYGONS) || [], function (draftState) {
+                        draftState.push({ id: id, data: data });
+                    }),
+                });
+                break;
+        }
+    };
+    // 开始绘制
+    var handleDraw = function (mode) {
+        onStartDraw === null || onStartDraw === void 0 ? void 0 : onStartDraw(mode, function (data) { return onCompleteDraw(mode, data); });
+        setDrawMode(mode !== null && mode !== void 0 ? mode : null);
+    };
+    // 重置
+    var handleReset = function () {
+        form.resetFields(FORM_ITEM_BUTTON_RESET);
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch({});
+    };
+    // 搜索范围数据变化
+    var handleChangeRange = function (value, name) {
+        var _a;
+        if (value <= 0 || value > 100) {
+            form.setFieldsValue((_a = {},
+                _a[name] = '',
+                _a));
+        }
+    };
+    var handleStepRange = function (value, name) {
+        var _a;
+        if (value > 100) {
+            form.setFieldsValue((_a = {},
+                _a[name] = 100,
+                _a));
+        }
+    };
+    // 地区树加载数据
+    var regionLoadData = function (node) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getRegionTree({ regionId: node.key }).then(function (res) {
+                        setRegionTreeData(produce(regionTreeData, function (draftState) {
+                            var cur = findNodeByKey(draftState, node.key);
+                            cur.children = res.map(function (item) { return ({
+                                title: item.regionName,
+                                value: item.regionId,
+                                key: item.regionId,
+                                isLeaf: !!item.leaf,
+                            }); });
+                        }));
+                    })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 获取点位选择数据
+    var getPointData = function (keyword) {
+        setPointLoading(true);
+        searchSenseList({ keyword: keyword, viewCodes: viewCodes, page: 1, pageSize: 500, specialType: 'point' })
+            .then(function (res) {
+            var _a;
+            if ((_a = res === null || res === void 0 ? void 0 : res.list) === null || _a === void 0 ? void 0 : _a.length) {
+                setPointOptions(res.list.map(function (item) { return ({
+                    key: item.senseGlobalCode,
+                    label: item.dataList[0].fieldValue,
+                    value: [item.longitude, item.latitude, item.senseGlobalCode].join('^'),
+                    disabled: !item.longitude || !item.latitude,
+                }); }));
+            }
+        })
+            .finally(function () {
+            setPointLoading(false);
+        });
+    };
+    // 搜索点位选择数据
+    var handleSearchPoint = debounce(function (value) {
+        getPointData(value);
+    }, 500);
+    // 点位选择数据下拉框变化
+    var handleVisiblePoint = function (open) {
+        if (open) {
+            getPointData();
+        }
+    };
+    // 获取路线选择数据
+    var getLineData = function (keyword) {
+        setLineLoading(true);
+        searchSenseList({ keyword: keyword, viewCodes: viewCodes, page: 1, pageSize: 500, specialType: 'line' })
+            .then(function (res) {
+            var _a;
+            if ((_a = res === null || res === void 0 ? void 0 : res.list) === null || _a === void 0 ? void 0 : _a.length) {
+                setLineOptions(res.list.map(function (item) { return ({
+                    key: item.senseGlobalCode,
+                    label: item.dataList[0].fieldValue,
+                    value: item.geometry,
+                    disabled: !item.geometry,
+                }); }));
+            }
+        })
+            .finally(function () {
+            setLineLoading(false);
+        });
+    };
+    // 搜索路线选择数据
+    var handleSearchLine = debounce(function (value) {
+        getLineData(value);
+    }, 500);
+    // 路线选择数据下拉框变化
+    var handleVisibleLine = function (open) {
+        if (open) {
+            getLineData();
+        }
+    };
+    // 获取区域选择数据
+    var getPolygonData = function (keyword) {
+        setPolygonLoading(true);
+        searchSenseList({ keyword: keyword, viewCodes: viewCodes, page: 1, pageSize: 500, specialType: 'polygon' })
+            .then(function (res) {
+            var _a;
+            if ((_a = res === null || res === void 0 ? void 0 : res.list) === null || _a === void 0 ? void 0 : _a.length) {
+                setPolygonOptions(res.list.map(function (item) { return ({
+                    key: item.senseGlobalCode,
+                    label: item.dataList[0].fieldValue,
+                    value: item.geometry,
+                    disabled: !item.geometry,
+                }); }));
+            }
+        })
+            .finally(function () {
+            setPolygonLoading(false);
+        });
+    };
+    // 搜索区域选择数据
+    var handleSearchPolygon = debounce(function (value) {
+        getPolygonData(value);
+    }, 500);
+    // 区域选择数据下拉框变化
+    var handleVisiblePolygon = function (open) {
+        if (open) {
+            getPolygonData();
+        }
+    };
+    // 显示空间搜索时，获取地区数据
+    useEffect(function () {
+        if (showSpace) {
+            // 地区
+            getRegionTree().then(function (res) {
+                setRegionTreeData(res.map(function (item) { return ({
+                    title: item.regionName,
+                    value: item.regionId,
+                    key: item.regionId,
+                }); }));
+            });
+        }
+    }, [showSpace]);
+    // 时空搜索类型变化，处理表单重置逻辑
+    useEffect(function () {
+        form.resetFields(FORM_ITEM_SEARCH_MODE_RESET);
+        if (showKnn) {
+            form.resetFields([FORM_ITEMS.ENTITY_TYPE]);
+        }
+        if (drawMode && (!showSpace || spaceMode === SPACE_MODE.POINT)) {
+            handleDraw();
+        }
+    }, [searchMode]);
+    // 空间搜索类型变化，处理表单重置逻辑
+    useEffect(function () {
+        if (drawMode && spaceMode) {
+            handleDraw();
+        }
+    }, [spaceMode]);
+    // 绘制变化，更新地图
+    useEffect(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var curPoints, curLines, curPolygons, regionInfos;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        curPoints = __spreadArray(__spreadArray([], (points || []).map(function (item) { return ({
+                            id: "point__".concat(item.id),
+                            data: item.data,
+                            polygon: pointRange ? wkt.stringify(getPointPolygonGeom(item.data, pointRange)) : null,
+                        }); }), true), (selectPoints || []).map(function (item) {
+                            if (item === null || item === void 0 ? void 0 : item.value) {
+                                var _a = item.value.split('^'), lon = _a[0], lat = _a[1];
+                                return {
+                                    id: "selectPoint__".concat(item),
+                                    data: [+lon, +lat],
+                                    polygon: pointRange
+                                        ? wkt.stringify(getPointPolygonGeom([+lon, +lat], pointRange))
+                                        : null,
+                                };
+                            }
+                            if (item) {
+                                var _b = item.split('^'), lon = _b[0], lat = _b[1];
+                                return {
+                                    id: "selectPoint__".concat(item),
+                                    data: [+lon, +lat],
+                                    polygon: pointRange
+                                        ? wkt.stringify(getPointPolygonGeom([+lon, +lat], pointRange))
+                                        : null,
+                                };
+                            }
+                        }), true);
+                        curLines = __spreadArray(__spreadArray([], (lines || []).map(function (item) { return ({
+                            id: "line__".concat(item.id),
+                            data: item.data,
+                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                            // @ts-expect-error
+                            polygon: lineRange ? wkt.stringify(getLinePolygonGeom(item.data, lineRange)) : null,
+                        }); }), true), (selectLines || []).map(function (item) { return ({
+                            id: "selectLine__".concat(item),
+                            data: item,
+                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                            // @ts-expect-error
+                            polygon: lineRange ? wkt.stringify(getLinePolygonGeom(item, lineRange)) : null,
+                        }); }), true);
+                        curPolygons = __spreadArray(__spreadArray([], (polygons || []).map(function (item) { return ({
+                            id: "polygon__".concat(item.id),
+                            data: item.data,
+                        }); }), true), (selectPolygons || []).map(function (item) { return ({
+                            id: "selectPolygon__".concat(item),
+                            data: item,
+                        }); }), true);
+                        if (!(region === null || region === void 0 ? void 0 : region.length)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, getRegionInfo({
+                                regionId: region.map(function (item) { return (typeof item === 'string' ? item : item.value); }),
+                            })];
+                    case 1:
+                        regionInfos = _a.sent();
+                        (regionInfos || []).forEach(function (item) {
+                            if (item.geomWKT) {
+                                curPolygons.push({
+                                    id: "region__".concat(item.regionId),
+                                    data: item.geomWKT,
+                                });
+                            }
+                        });
+                        _a.label = 2;
+                    case 2:
+                        // 最近邻
+                        if (/^(-?\d+(\.\d+)?)\s+(-?\d+(\.\d+)?)$/.test(location)) {
+                            curPoints.push({
+                                id: 'knn',
+                                type: 'single',
+                                data: location.replace(/\s+/, ' ').split(' '),
+                            });
+                        }
+                        onMapDraw === null || onMapDraw === void 0 ? void 0 : onMapDraw({
+                            points: curPoints,
+                            lines: curLines,
+                            polygons: curPolygons,
+                            pointRange: pointRange,
+                            lineRange: lineRange,
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [
+        points,
+        lines,
+        polygons,
+        selectPoints,
+        selectLines,
+        selectPolygons,
+        pointRange,
+        lineRange,
+        region,
+        location,
+    ]);
+    useEffect(function () {
+        return function () {
+            onMapDraw === null || onMapDraw === void 0 ? void 0 : onMapDraw({ points: [], lines: [], polygons: [], pointRange: 0, lineRange: 0 });
+        };
+    }, []);
+    return (React__default.createElement("div", { className: styles.container },
+        searchModeItems.length ? (React__default.createElement(Form.Item, { label: "\u65F6\u7A7A\u641C\u7D22", name: FORM_ITEMS.SEARCH_MODE, valuePropName: "activeKey", initialValue: "time" },
+            React__default.createElement(Tabs, { items: searchModeItems }))) : null,
+        React__default.createElement("div", { className: styles['form-item-box'], style: showTime || showSpace || showKnn ? {} : { display: 'none' } },
+            showTime ? (React__default.createElement(Form.Item, { label: "\u65F6\u95F4\u8303\u56F4", tooltip: "\u6309\u7167\u65F6\u95F4\u4FE1\u606F\u4E3A\u60A8\u641C\u7D22\u5BF9\u8C61\uFF0C\u4F8B\u5982\u4EBA\u5458\u51FA\u751F\u65F6\u95F4\uFF0C\u4F01\u4E1A\u6210\u7ACB\u65F6\u95F4\u7B49", name: FORM_ITEMS.TIME_RANGE },
+                React__default.createElement(RangePicker, { showTime: true, format: "YYYY/MM/DD HH:mm", placeholder: ['开始时间', '结束时间'], allowClear: false }))) : null,
+            showSpace ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Form.Item, { label: "\u7A7A\u95F4\u8303\u56F4", name: FORM_ITEMS.SPACE_MODE, initialValue: "point" },
+                    React__default.createElement(Tabs$1, { items: spaceModeItems, type: 2, block: true })),
+                React__default.createElement(Form.Item, { label: "\u4E2D\u5FC3\u70B9\u4F4D", className: styles['form-item-draw'], hidden: !showSpacePoint },
+                    React__default.createElement(Form.Item, { name: FORM_ITEMS.SELECT_POINTS, noStyle: true },
+                        React__default.createElement(Select, { placeholder: "\u8BF7\u9009\u62E9\u4E2D\u5FC3\u70B9\u4F4D", options: pointOptions, allowClear: true, showSearch: true, filterOption: false, autoClearSearchValue: false, onSearch: handleSearchPoint, onDropdownVisibleChange: handleVisiblePoint, loading: pointLoading, mode: "multiple", maxTagCount: "responsive", maxCount: 100 })),
+                    React__default.createElement(Form.Item, { name: FORM_ITEMS.POINTS, noStyle: true },
+                        React__default.createElement("div", { "data-active": drawMode === DRAW_MODE.POINT, className: styles['form-item-draw-button'], onClick: function () { return handleDraw(DRAW_MODE.POINT); } },
+                            React__default.createElement(SvgPoint, null)))),
+                React__default.createElement(Form.Item, { label: "\u641C\u7D22\u8303\u56F4", className: styles['form-item-range'], hidden: !showSpacePoint },
+                    React__default.createElement(Form.Item, { name: FORM_ITEMS.POINT_RANGE, initialValue: 1, noStyle: true },
+                        React__default.createElement(InputNumber, { min: 0, max: 100.001, placeholder: "\u8BF7\u8F93\u51650-100\u7684\u6574\u6570\u6216\u5C0F\u6570", onChange: function (v) { return handleChangeRange(v, FORM_ITEMS.POINT_RANGE); }, onStep: function (v) { return handleStepRange(v, FORM_ITEMS.POINT_RANGE); } })),
+                    React__default.createElement("div", { className: styles['form-item-range-unit'] }, "KM")),
+                React__default.createElement(Form.Item, { label: "\u8DEF\u7EBF\u9009\u62E9", className: styles['form-item-draw'], hidden: !showSpaceLine },
+                    React__default.createElement(Form.Item, { name: FORM_ITEMS.SELECT_LINES, noStyle: true },
+                        React__default.createElement(Select, { placeholder: "\u8BF7\u9009\u62E9\u8DEF\u7EBF", options: lineOptions, allowClear: true, showSearch: true, filterOption: false, autoClearSearchValue: false, onSearch: handleSearchLine, onDropdownVisibleChange: handleVisibleLine, loading: lineLoading, mode: "multiple", maxTagCount: "responsive", maxCount: 100 })),
+                    React__default.createElement(Form.Item, { name: FORM_ITEMS.LINES, noStyle: true },
+                        React__default.createElement("div", { "data-active": drawMode === DRAW_MODE.LINE, className: styles['form-item-draw-button'], onClick: function () { return handleDraw(DRAW_MODE.LINE); } },
+                            React__default.createElement(SvgLine, null)))),
+                React__default.createElement(Form.Item, { label: "\u641C\u7D22\u8303\u56F4", className: styles['form-item-range'], hidden: !showSpaceLine },
+                    React__default.createElement(Form.Item, { name: FORM_ITEMS.LINE_RANGE, initialValue: 1, noStyle: true },
+                        React__default.createElement(InputNumber, { min: 0, max: 100.001, placeholder: "\u8BF7\u8F93\u51650-100\u7684\u6574\u6570\u6216\u5C0F\u6570", onChange: function (v) { return handleChangeRange(v, FORM_ITEMS.LINE_RANGE); }, onStep: function (v) { return handleStepRange(v, FORM_ITEMS.LINE_RANGE); } })),
+                    React__default.createElement("div", { className: styles['form-item-range-unit'] }, "KM")),
+                React__default.createElement(Form.Item, { label: "\u533A\u57DF\u9009\u62E9", className: styles['form-item-draw'], hidden: !showSpacePolygon },
+                    React__default.createElement(Form.Item, { name: FORM_ITEMS.SELECT_POLYGONS, noStyle: true },
+                        React__default.createElement(Select, { placeholder: "\u8BF7\u9009\u62E9\u533A\u57DF", options: polygonOptions, allowClear: true, showSearch: true, filterOption: false, autoClearSearchValue: false, onSearch: handleSearchPolygon, onDropdownVisibleChange: handleVisiblePolygon, loading: polygonLoading, mode: "multiple", maxTagCount: "responsive", maxCount: 100 })),
+                    React__default.createElement(Form.Item, { name: FORM_ITEMS.POLYGONS, noStyle: true },
+                        React__default.createElement("div", { "data-active": drawMode === DRAW_MODE.CIRCLE, className: styles['form-item-draw-button'], onClick: function () { return handleDraw(DRAW_MODE.CIRCLE); } },
+                            React__default.createElement(SvgCircle, null)),
+                        React__default.createElement("div", { "data-active": drawMode === DRAW_MODE.RECTANGLE, className: styles['form-item-draw-button'], onClick: function () { return handleDraw(DRAW_MODE.RECTANGLE); } },
+                            React__default.createElement(SvgRectangle, null)),
+                        React__default.createElement("div", { "data-active": drawMode === DRAW_MODE.POLYGON, className: styles['form-item-draw-button'], onClick: function () { return handleDraw(DRAW_MODE.POLYGON); } },
+                            React__default.createElement(SvgPolygon, null)))),
+                React__default.createElement(Form.Item, { label: "\u5730\u533A\u9009\u62E9", name: FORM_ITEMS.REGION, hidden: !showRegion },
+                    React__default.createElement(TreeSelect, { treeData: regionTreeData, loadData: regionLoadData, showCheckedStrategy: TreeSelect.SHOW_PARENT, maxTagCount: "responsive", placeholder: "\u8BF7\u9009\u62E9\u5730\u533A", treeCheckable: true, allowClear: true, showSearch: false })))) : null,
+            showKnn ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Form.Item, { label: "\u4E2D\u5FC3\u70B9\u4F4D", className: styles['form-item-draw'] },
+                    React__default.createElement(Form.Item, { name: FORM_ITEMS.LOCATION, rules: [
+                            {
+                                required: true,
+                                message: '请输入中心点位坐标',
+                            },
+                            {
+                                pattern: /^(-?\d+(\.\d+)?)\s+(-?\d+(\.\d+)?)$/,
+                                message: '中心点位坐标格式有误',
+                            },
+                        ], noStyle: true },
+                        React__default.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u7ECF\u7EAC\u5EA6\u5750\u6807" })),
+                    React__default.createElement("div", { "data-active": drawMode === DRAW_MODE.POINT, className: styles['form-item-draw-button'], onClick: function () { return handleDraw(DRAW_MODE.POINT); } },
+                        React__default.createElement(SvgPoint, null))),
+                React__default.createElement(Form.Item, { label: "\u641C\u7D22\u8303\u56F4", name: FORM_ITEMS.KNN_ITEMS, initialValue: [__assign({}, KnnItems.EMPTY_KNN_ITEM)], rules: [{ validator: knnItemsValidator }] },
+                    React__default.createElement(KnnItems, { entityClassTree: entityClassTree })))) : null),
+        React__default.createElement(Button, { type: "primary", size: "small", onClick: handleReset }, "\u91CD\u7F6E"),
+        React__default.createElement(Divider, { style: { margin: '0px' } })));
+};
+
+export { AdvancedSearch as default };

package/dist/es/components/SenseSearch/components/AdvancedSearch/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 = ":root {\n  --sense-search-icon-bg-color: #fff;\n  --sense-search-icon-color: #262626;\n  --sense-search-icon-active-color: #3370ff;\n}\n.index-module_container__il6gm {\n  display: flex;\n  flex-direction: column;\n  row-gap: 16px;\n  padding: 16px 8px;\n}\n.index-module_container__il6gm .index-module_searchModeItem__OWa-7 {\n  display: flex;\n  align-items: center;\n}\n.index-module_container__il6gm .ant-form-item {\n  margin-bottom: 0;\n}\n.index-module_container__il6gm .ant-btn {\n  align-self: flex-end;\n  margin-top: 8px;\n}\n.index-module_container__il6gm .index-module_form-item-box__issnB {\n  display: flex;\n  flex-direction: column;\n  row-gap: 16px;\n  padding: 16px 8px;\n  margin: -16px 0;\n  background: var(--sense-search-form-bg-color);\n}\n.index-module_container__il6gm .index-module_form-item-range__HlJA1 .ant-form-item-control-input-content {\n  display: flex;\n}\n.index-module_container__il6gm .index-module_form-item-range__HlJA1 .ant-form-item-control-input-content .ant-input-number {\n  flex: 1;\n}\n.index-module_container__il6gm .index-module_form-item-range__HlJA1 .index-module_form-item-range-unit__qej-w {\n  flex-shrink: 0;\n  padding: 0 4px;\n  line-height: 32px;\n}\n.index-module_container__il6gm .index-module_form-item-draw__EGfyU .ant-form-item-control-input-content {\n  display: flex;\n  column-gap: 4px;\n  align-items: center;\n}\n.index-module_container__il6gm .index-module_form-item-draw__EGfyU .ant-form-item-control-input-content .ant-select,\n.index-module_container__il6gm .index-module_form-item-draw__EGfyU .ant-form-item-control-input-content > span {\n  flex: 1;\n}\n.index-module_container__il6gm .index-module_form-item-draw__EGfyU .index-module_form-item-draw-button__bN84b {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  color: var(--sense-search-icon-color);\n  cursor: pointer;\n  user-select: none;\n  background: var(--sense-search-icon-bg-color);\n  opacity: 0.8;\n}\n.index-module_container__il6gm .index-module_form-item-draw__EGfyU .index-module_form-item-draw-button__bN84b[data-active='true'] {\n  color: var(--sense-search-icon-active-color);\n  opacity: 1;\n}\n";
+var styles = {"container":"index-module_container__il6gm","searchModeItem":"index-module_searchModeItem__OWa-7","form-item-box":"index-module_form-item-box__issnB","form-item-range":"index-module_form-item-range__HlJA1","form-item-range-unit":"index-module_form-item-range-unit__qej-w","form-item-draw":"index-module_form-item-draw__EGfyU","form-item-draw-button":"index-module_form-item-draw-button__bN84b"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseSearch/components/Tabs/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface TabsProps {
+    show?: boolean;
+    block?: boolean;
+    innerGap?: number | [number, number];
+    itemGap?: number;
+    type?: 1 | 2 | 3;
+    items: {
+        key: string;
+        label: React.ReactNode;
+        dot?: boolean;
+    }[];
+    activeKey?: string;
+    defaultActiveKey?: string;
+    onChange?: (key: string) => void;
+}
+declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

package/dist/es/components/SenseSearch/components/Tabs/index.js

@@ -0,0 +1,46 @@
+import { theme } from '@xirang/design-antd';
+import classNames from 'classnames';
+import { useMergedState } from 'rc-util';
+import React__default, { useEffect } from 'react';
+import styles from './index.module.less.js';
+
+var useToken = theme.useToken;
+var Tabs = function (props) {
+    var _a;
+    var _b;
+    var _c = props.show, show = _c === void 0 ? true : _c, block = props.block, innerGap = props.innerGap, itemGap = props.itemGap, _d = props.type, type = _d === void 0 ? 1 : _d, items = props.items, activeKey = props.activeKey, defaultActiveKey = props.defaultActiveKey, onChange = props.onChange;
+    var token = useToken().token;
+    var _e = useMergedState(function () { var _a; return (_a = items === null || items === void 0 ? void 0 : items[0]) === null || _a === void 0 ? void 0 : _a.key; }, {
+        value: activeKey,
+        defaultValue: defaultActiveKey,
+    }), innerActiveKey = _e[0], setInnerActiveKey = _e[1];
+    var handleClick = function (key) {
+        if (activeKey !== key) {
+            setInnerActiveKey(key);
+            onChange === null || onChange === void 0 ? void 0 : onChange(key);
+        }
+    };
+    var navStyle = itemGap
+        ? {
+            justifyContent: 'flex-start',
+            columnGap: "".concat(itemGap, "px"),
+        }
+        : { background: (_b = token.Segmented) === null || _b === void 0 ? void 0 : _b.trackBg };
+    var itemStyle = innerGap
+        ? Array.isArray(innerGap)
+            ? { padding: "0 ".concat(innerGap[1], "px 0 ").concat(innerGap[0], "px") }
+            : { padding: "0 ".concat(innerGap, "px") }
+        : {};
+    var itemClassName = classNames(styles.tab, styles["tab-".concat(type)], (_a = {},
+        _a[styles['tab-block']] = block,
+        _a));
+    useEffect(function () {
+        var _a, _b;
+        document.documentElement.style.setProperty('--custom-tabs-item-color', (_a = token.Segmented) === null || _a === void 0 ? void 0 : _a.itemSelectedBg);
+        document.documentElement.style.setProperty('--custom-tabs-item-active-color-type', (_b = token.Segmented) === null || _b === void 0 ? void 0 : _b.itemSelectedBg);
+    }, [token]);
+    return (React__default.createElement("div", { className: styles.container, style: show ? {} : { display: 'none' } },
+        React__default.createElement("div", { className: styles.nav, style: navStyle }, items === null || items === void 0 ? void 0 : items.map(function (item) { return (React__default.createElement("div", { key: item.key, "data-dot": !!item.dot, style: itemStyle, className: itemClassName, "data-active": item.key === innerActiveKey, onClick: function () { return handleClick(item.key); } }, item.label)); }))));
+};
+
+export { Tabs as default };

package/dist/es/components/SenseSearch/components/Tabs/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 = ":root {\n  --custom-tabs-item-color: #262626;\n  --custom-tabs-item-active-color-type: #3768fa;\n}\n.index-module_container__WXMlD {\n  flex-shrink: 0;\n  width: 100%;\n  height: 32px;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #262626;\n  cursor: pointer;\n  user-select: none;\n  opacity: 0.8;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz[data-dot='true']::after {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  width: 8px;\n  height: 8px;\n  content: '';\n  border-radius: 50%;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-1__NZdHF {\n  display: flex;\n  margin: 2px;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-1__NZdHF svg path {\n  fill: var(--custom-tabs-item-color);\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-1__NZdHF[data-active='true'] {\n  color: var(--custom-tabs-item-active-color);\n  background: var(--custom-tabs-item-active-color-type);\n  border-radius: 4px;\n  opacity: 1;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-1__NZdHF[data-active='true'] svg path {\n  fill: var(--custom-tabs-item-active-color);\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-2__cp51j {\n  display: flex;\n  margin: 2px;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-2__cp51j svg path {\n  fill: var(--custom-tabs-item-color);\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-2__cp51j[data-active='true'] {\n  color: var(--custom-tabs-item-active-color);\n  background: var(--custom-tabs-item-active-color-type);\n  border-radius: 4px;\n  opacity: 1;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-2__cp51j[data-active='true'] svg path {\n  fill: var(--custom-tabs-item-active-color);\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-3__LOGJI {\n  border: 1px solid #00c2ff;\n  border-image: linear-gradient(to bottom, rgba(0, 194, 255, 0.65), rgba(0, 194, 255, 0.325)) 1;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-3__LOGJI[data-active='true'] {\n  border-image: linear-gradient(to bottom, #00c2ff, rgba(0, 194, 255, 0.5)) 1;\n  opacity: 1;\n}\n.index-module_container__WXMlD .index-module_nav__XVUlz .index-module_tab__5nNzz.index-module_tab-block__XLMZi {\n  flex: 1;\n}\n";
+var styles = {"container":"index-module_container__WXMlD","nav":"index-module_nav__XVUlz","tab":"index-module_tab__5nNzz","tab-1":"index-module_tab-1__NZdHF","tab-2":"index-module_tab-2__cp51j","tab-3":"index-module_tab-3__LOGJI","tab-block":"index-module_tab-block__XLMZi"};
+styleInject(css_248z);
+
+export { styles as default };