@mapless/react 0.0.1

package/dist/index.js

@@ -0,0 +1,4156 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react, { forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import "mapbox-gl/dist/mapbox-gl.css";
+import { Draw, Lang, LngLat, Mapless, Marker, PaintBoard, Popup, PositionMarker, PositionMouse, QuickTrans, Singleton, attachMarker, attachOldStation as core_attachOldStation, calculateObjectsInPolygon, darkSource, defaultSource, detachOldStation, getCoordDisplayName, getMarker, getNewStation, getOldStation, getPaintCenter, lightSource, maplessPreset, sourcesMap, throttle, transformCoordinate } from "@mapless/core";
+import { Button, Flex, FloatButton, Input, InputNumber, Popover, Select, Space, Tooltip, Typography, message } from "antd";
+import _ant_design_icons, { ArrowRightOutlined, ClearOutlined, CloseOutlined, DeleteOutlined, EnvironmentOutlined, EyeInvisibleOutlined, EyeOutlined, FlagOutlined, InfoCircleOutlined, MoonOutlined, QuestionCircleOutlined, StopOutlined, SunOutlined } from "@ant-design/icons";
+import { createPortal } from "react-dom";
+const popup_module = {
+    "map-popup": "map-popup-_D5VrV",
+    mapPopup: "map-popup-_D5VrV"
+};
+const index_module = {
+    MapView: "MapView-Xb444g",
+    mapView: "MapView-Xb444g",
+    map: "map-yhSRxV"
+};
+const MapContext = react.createContext({
+    mapless: void 0,
+    isMapReady: false
+});
+const useCoordSystem = (mapless)=>{
+    const [coordSystem, setCoordSystem] = useState(mapless?.CoordSystem || void 0);
+    const [prevCoordSystem, setPrevCoordSystem] = useState(mapless?.CoordSystem || void 0);
+    const onCoordSystemChange = useCallback((system, prev)=>{
+        setCoordSystem(system);
+        setPrevCoordSystem(prev);
+    }, []);
+    useEffect(()=>{
+        mapless?.on('coordSystemChange', onCoordSystemChange);
+        return ()=>{
+            mapless?.off('coordSystemChange', onCoordSystemChange);
+        };
+    }, [
+        mapless
+    ]);
+    return {
+        coordSystem,
+        prevCoordSystem
+    };
+};
+const hooks_useCoordSystem = useCoordSystem;
+const useSize = (sizeProps)=>{
+    const { resizable, mapviewRef, mapContainer, maplessInstanceRef } = sizeProps;
+    useEffect(()=>{
+        if (!resizable) return;
+        if (!mapviewRef.current || !mapContainer.current || maplessInstanceRef.current) return;
+        const resizeObserver = new ResizeObserver(()=>{
+            if (mapviewRef.current && mapContainer.current) maplessInstanceRef.current?.resize();
+        });
+        resizeObserver.observe(mapviewRef.current);
+        return ()=>{
+            resizeObserver.disconnect();
+        };
+    }, [
+        resizable
+    ]);
+    const resizeOnce = useCallback(()=>{
+        setTimeout(()=>maplessInstanceRef.current?.resize, 0);
+    }, []);
+    return {
+        resizeOnce
+    };
+};
+const hooks_useSize = useSize;
+const useTest = ()=>{
+    const testRef = useRef(null);
+    useEffect(()=>{
+        setTimeout(()=>{
+            testRef.current = 'test';
+        }, 1000);
+    }, []);
+};
+const hooks_useTest = useTest;
+const MapView = ({ accessToken, style = 'streets', children = null, center = maplessPreset.DEFAULT_MAP_CENTER, zoom = maplessPreset.DEFAULT_MAP_ZOOM, className = '', onLoad, onChange, resizable = false })=>{
+    const mapviewRef = useRef(null);
+    const mapContainer = useRef(null);
+    const maplessInstanceRef = useRef(void 0);
+    const [isMapReady, setIsMapReady] = useState(false);
+    hooks_useSize({
+        resizable,
+        mapviewRef,
+        mapContainer,
+        maplessInstanceRef
+    });
+    useEffect(()=>{
+        if (!mapContainer.current || maplessInstanceRef.current) return;
+        if (!mapContainer.current) return;
+        const instance = new Mapless(mapContainer.current, {
+            accessToken,
+            style,
+            center,
+            zoom,
+            onMapInit () {},
+            onMapReady () {
+                maplessInstanceRef.current = instance;
+                setIsMapReady(true);
+                onLoad?.(instance);
+                onChange?.({
+                    type: 'ready',
+                    target: instance
+                });
+            },
+            onMapZoom (zoom) {
+                onChange?.({
+                    type: 'zoom',
+                    target: instance,
+                    others: {
+                        zoom
+                    }
+                });
+            },
+            debug: true
+        });
+        return ()=>{
+            instance.destroy();
+            maplessInstanceRef.current = void 0;
+        };
+    }, [
+        accessToken
+    ]);
+    return /*#__PURE__*/ jsx(MapContext.Provider, {
+        value: {
+            mapless: maplessInstanceRef.current,
+            isMapReady
+        },
+        children: /*#__PURE__*/ jsxs("div", {
+            ref: mapviewRef,
+            className: `${index_module.MapView} ${popup_module["map-popup"]} ${className}`,
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    ref: mapContainer,
+                    className: `${index_module.map}`
+                }),
+                children
+            ]
+        })
+    });
+};
+const src_MapView = MapView;
+const DDD = (props)=>{
+    const { className, maximum, minimum, value, onChange } = props;
+    return /*#__PURE__*/ jsx("div", {
+        className: `${className}`,
+        children: /*#__PURE__*/ jsx(InputNumber, {
+            value: value || null,
+            style: {
+                width: 264,
+                marginRight: 5
+            },
+            precision: 6,
+            max: maximum,
+            min: minimum,
+            suffix: "\xb0",
+            placeholder: "+ DD.DDDDDD",
+            onChange: onChange
+        })
+    });
+};
+const components_DDD = DDD;
+const Format = {
+    DDD: 0x00,
+    DMS: 0x01,
+    DM: 0x02,
+    NWSE: 0x03,
+    STAR: 0x04,
+    MAX: 0x05
+};
+const getNextFormat = (form)=>{
+    let next = form + 1;
+    if (next === Format.MAX) next = Format.DDD;
+    return next;
+};
+const getFormatStr = (form)=>{
+    const strs = [
+        'DDD',
+        'DMS',
+        'DM',
+        'NWSE',
+        '* *'
+    ];
+    return strs[form];
+};
+const getDDMMSS = (val)=>{
+    if (null !== val) {
+        const trueVal = Number(val < 0 ? -val : val);
+        const degree = parseInt(trueVal.toString(), 10);
+        const minute = parseInt((60 * trueVal - 60 * degree).toString(), 10);
+        const second = (3600 * trueVal - 3600 * degree - 60 * minute).toFixed(2);
+        return {
+            degree,
+            minute,
+            second: Number(second)
+        };
+    }
+    return {};
+};
+const getDDMM = (val)=>{
+    if (null !== val) {
+        const trueVal = Number(val < 0 ? -val : val);
+        const degree = parseInt(trueVal.toString(), 10);
+        const minute = (60 * trueVal - 60 * degree).toFixed(5);
+        return {
+            degree,
+            minute: Number(minute)
+        };
+    }
+    return {};
+};
+const getFloat = (dms, neg)=>{
+    const { degree, minute, second } = dms || {};
+    if (null === degree || null === minute || void 0 === degree || void 0 === minute) return null;
+    if (null === second) return degree + minute / 60;
+    let result = 0;
+    result = degree + Number(minute) / 60 + (void 0 !== second ? Number(second) / 3600 : 0);
+    return Number(neg ? (-result).toFixed(6) : result.toFixed(6));
+};
+const gps2Degree = (gpsStr)=>{
+    let str = gpsStr.trim();
+    if (!str) return [
+        null,
+        null
+    ];
+    const dirMatch = str.match(/^\s*([NnEeWwSs])\s*/);
+    let dir = null;
+    let flag = 1;
+    if (dirMatch) {
+        dir = dirMatch[1].toUpperCase();
+        str = str.slice(dirMatch[0].length).trim();
+        if ('W' === dir || 'S' === dir) flag = -1;
+    }
+    const dmsMatch = str.match(/^(\d+)[°\s]*(\d+)[′'\s]*(\d+(?:\.\d+)?)[″"\s]*$/);
+    if (dmsMatch) {
+        const degrees = parseInt(dmsMatch[1], 10);
+        const minutes = parseInt(dmsMatch[2], 10);
+        const seconds = parseFloat(dmsMatch[3]);
+        if (!Number.isNaN(degrees) && !Number.isNaN(minutes) && !Number.isNaN(seconds)) {
+            const decimalDegrees = degrees + minutes / 60 + seconds / 3600;
+            return [
+                dir,
+                Number((decimalDegrees * flag).toFixed(6))
+            ];
+        }
+    }
+    const dmMatch = str.match(/^(\d+)[°\s]*(\d+(?:\.\d+)?)[′'\s]*$/);
+    if (dmMatch) {
+        const degrees = parseInt(dmMatch[1], 10);
+        const minutes = parseFloat(dmMatch[2]);
+        if (!Number.isNaN(degrees) && !Number.isNaN(minutes)) {
+            const decimalDegrees = degrees + minutes / 60;
+            return [
+                dir,
+                Number((decimalDegrees * flag).toFixed(6))
+            ];
+        }
+    }
+    const degreeMatch = str.match(/^(-?\d+(?:\.\d+)?)$/);
+    if (degreeMatch) {
+        const degrees = parseFloat(degreeMatch[1]);
+        if (!Number.isNaN(degrees)) return [
+            dir,
+            Number((degrees * flag).toFixed(6))
+        ];
+    }
+    return [
+        null,
+        null
+    ];
+};
+const degree2DMS = (degreeStr, dirStr)=>{
+    const degree = parseFloat(degreeStr);
+    if (Number.isNaN(degree)) return null;
+    const dir = dirStr.toUpperCase();
+    const absDegree = Math.abs(degree);
+    const deg = Math.floor(absDegree);
+    const minFloat = (absDegree - deg) * 60;
+    const min = Math.floor(minFloat);
+    const sec = ((minFloat - min) * 60).toFixed(2);
+    return `${dir} ${deg}°${min}′${sec}″`;
+};
+const degree2DM = (degreeStr, dirStr)=>{
+    let str = degreeStr.toLowerCase();
+    str = str.replace(/\s+/g, '');
+    const dir = dirStr.toUpperCase();
+    const strLength = str.length;
+    const tempStrArray = [];
+    let tempString = '';
+    let tempCount = 0;
+    let tempPointFlag = 0;
+    let gpsDM = null;
+    for(let i = 0; i <= strLength; i += 1)if (str[i] >= '0' && str[i] <= '9') tempString += str[i];
+    else if ('.' === str[i]) {
+        tempStrArray[tempCount] = tempString;
+        tempString = '';
+        tempCount += 1;
+        tempStrArray[tempCount] = '.';
+        tempPointFlag = 1;
+        tempCount += 1;
+    } else if (tempString.length > 0) {
+        tempStrArray[tempCount] = tempString;
+        tempString = '';
+        tempCount += 1;
+    }
+    if (1 === tempPointFlag) {
+        const num1 = tempStrArray[0];
+        const num2 = 60 * parseFloat(`0${tempStrArray[1]}${tempStrArray[2]}`);
+        gpsDM = `${dir} ${num1}°${num2}′`;
+    }
+    return gpsDM;
+};
+const DM_index_module = {
+    unit: "unit-mzGhpy"
+};
+const DM = (props)=>{
+    const { className, maximum, minimum, value, units, onChange } = props;
+    const [transData, setTransData] = useState({
+        degree: null,
+        minute: null
+    });
+    const [nonDegDisabled, setNonDegDisabled] = useState(false);
+    const [negtive, setNegtive] = useState(false);
+    const [isEditing, setIsEditing] = useState(false);
+    useEffect(()=>{
+        if (isEditing || null === value) {
+            if (!isEditing && null === value) {
+                setNegtive(false);
+                setTransData(null);
+            }
+        } else {
+            setNegtive(value < 0);
+            setTransData(getDDMM(value));
+        }
+    }, [
+        value,
+        isEditing
+    ]);
+    const handleFocus = ()=>{
+        setIsEditing(true);
+    };
+    const handleBlur = ()=>{
+        setIsEditing(false);
+        if (transData) {
+            const fval = getFloat(transData, negtive);
+            onChange(fval);
+        }
+    };
+    const handleUpdateTransData = (val, type)=>{
+        const temp = {
+            ...transData
+        };
+        try {
+            if (Array.isArray(type) && Array.isArray(val)) type.forEach((t, i)=>{
+                temp[t] = val?.[i];
+            });
+            else temp[type] = val;
+            setTransData(temp);
+            if (!isEditing) {
+                const fval = getFloat(temp, negtive);
+                onChange(fval);
+            }
+        } catch (err) {
+            window.console.error(err);
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: `${DM_index_module.root} ${className}`,
+        children: [
+            /*#__PURE__*/ jsx(InputNumber, {
+                value: transData?.degree || '',
+                style: {
+                    width: 115,
+                    marginRight: 5
+                },
+                precision: 0,
+                max: maximum,
+                min: 0,
+                suffix: "\xb0",
+                placeholder: "DD",
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onChange: (val)=>{
+                    if (val) if (val >= maximum || val <= minimum) {
+                        handleUpdateTransData([
+                            val,
+                            0,
+                            0
+                        ], [
+                            'degree',
+                            'minute',
+                            'second'
+                        ]);
+                        setNonDegDisabled(true);
+                    } else {
+                        handleUpdateTransData(val, 'degree');
+                        setNonDegDisabled(false);
+                    }
+                }
+            }),
+            /*#__PURE__*/ jsx(InputNumber, {
+                value: transData?.minute || '',
+                style: {
+                    width: 115,
+                    marginRight: 5
+                },
+                precision: 5,
+                max: 60,
+                min: 0,
+                suffix: "′",
+                placeholder: "MM",
+                disabled: nonDegDisabled,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onChange: (val)=>{
+                    handleUpdateTransData(val, 'minute');
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: DM_index_module.unit,
+                onClick: ()=>{
+                    const neg = !negtive;
+                    setNegtive(neg);
+                    const val = getFloat(transData, neg);
+                    onChange(val);
+                },
+                children: negtive ? units[0] : units[1]
+            })
+        ]
+    });
+};
+const components_DM = DM;
+const DMS_index_module = {
+    unit: "unit-Un4QdU"
+};
+const DMS = (props)=>{
+    const { className, maximum, minimum, value, units, onChange } = props;
+    const [transData, setTransData] = useState({
+        degree: null,
+        minute: null,
+        second: null
+    });
+    const [nonDegDisabled, setNonDegDisabled] = useState(false);
+    const [negtive, setNegtive] = useState(false);
+    const [isEditing, setIsEditing] = useState(false);
+    useEffect(()=>{
+        if (isEditing || null === value) {
+            if (!isEditing && null === value) {
+                setNegtive(false);
+                setTransData(null);
+            }
+        } else {
+            setNegtive(value < 0);
+            setTransData(getDDMMSS(value));
+        }
+    }, [
+        value,
+        isEditing
+    ]);
+    const handleUpdateTransData = (val, type)=>{
+        const temp = {
+            ...transData
+        };
+        try {
+            if (Array.isArray(type) && Array.isArray(val)) type.forEach((t, i)=>{
+                temp[t] = val[i];
+            });
+            else temp[type] = val;
+            setTransData(temp);
+            if (!isEditing) {
+                const fval = getFloat(temp, negtive);
+                onChange(fval);
+            }
+        } catch (err) {
+            window.console.error(err);
+        }
+    };
+    const handleFocus = ()=>{
+        setIsEditing(true);
+    };
+    const handleBlur = ()=>{
+        setIsEditing(false);
+        if (transData) {
+            const fval = getFloat(transData, negtive);
+            onChange(fval);
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: `${DMS_index_module.root} ${className}`,
+        children: [
+            /*#__PURE__*/ jsx(InputNumber, {
+                value: transData?.degree || '',
+                style: {
+                    width: 75,
+                    marginRight: 5
+                },
+                precision: 0,
+                max: maximum,
+                min: 0,
+                suffix: "\xb0",
+                placeholder: "DD",
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onChange: (val)=>{
+                    if (val) if (val >= maximum || val <= minimum) {
+                        handleUpdateTransData([
+                            val,
+                            0,
+                            0
+                        ], [
+                            'degree',
+                            'minute',
+                            'second'
+                        ]);
+                        setNonDegDisabled(true);
+                    } else {
+                        handleUpdateTransData(val, 'degree');
+                        setNonDegDisabled(false);
+                    }
+                }
+            }),
+            /*#__PURE__*/ jsx(InputNumber, {
+                value: transData?.minute || '',
+                style: {
+                    width: 75,
+                    marginRight: 5
+                },
+                precision: 0,
+                max: 60,
+                min: 0,
+                suffix: "′",
+                placeholder: "MM",
+                disabled: nonDegDisabled,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onChange: (val)=>{
+                    handleUpdateTransData(val, 'minute');
+                }
+            }),
+            /*#__PURE__*/ jsx(InputNumber, {
+                value: transData?.second || '',
+                style: {
+                    width: 75,
+                    marginRight: 5
+                },
+                precision: 2,
+                max: 60,
+                min: 0,
+                suffix: "″",
+                placeholder: "SS",
+                disabled: nonDegDisabled,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onChange: (val)=>{
+                    handleUpdateTransData(val, 'second');
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: DMS_index_module.unit,
+                onClick: ()=>{
+                    const neg = !negtive;
+                    setNegtive(neg);
+                    const val = getFloat(transData, neg);
+                    onChange(val);
+                },
+                children: negtive ? units[0] : units[1]
+            })
+        ]
+    });
+};
+const components_DMS = DMS;
+const FormatChange_index_module = {
+    switch: "switch-bZwK8Q"
+};
+const FormatChange = (props)=>{
+    const { type = 'select', showFormat, onFormatChange } = props;
+    const getSample = useMemo(()=>{
+        if (showFormat === Format.STAR) return `例：113.27 23.13 或 113.27,23.13`;
+        if (showFormat === Format.DDD) return `例：120.270000`;
+        if (showFormat === Format.DMS) return `例：120 30 30.00 E`;
+        if (showFormat === Format.DM) return `例：120 30.2000 E`;
+        if (showFormat === Format.NWSE) return `例：E 113°16′12.00″`;
+        return `例：120,30`;
+    }, [
+        showFormat
+    ]);
+    return /*#__PURE__*/ jsxs(Tooltip, {
+        title: getSample,
+        placement: "top",
+        trigger: [
+            'hover'
+        ],
+        children: [
+            'button' === type && /*#__PURE__*/ jsx("div", {
+                className: FormatChange_index_module["switch"],
+                onClick: ()=>{
+                    onFormatChange?.(getNextFormat(showFormat));
+                },
+                children: getFormatStr(showFormat)
+            }),
+            'select' === type && /*#__PURE__*/ jsx(Select, {
+                size: "small",
+                style: {
+                    width: 120
+                },
+                popupMatchSelectWidth: false,
+                value: showFormat,
+                onChange: onFormatChange,
+                options: Object.values(Format).filter((format)=>format !== Format.MAX).map((format)=>({
+                        label: getFormatStr(format),
+                        value: format
+                    }))
+            })
+        ]
+    });
+};
+const components_FormatChange = FormatChange;
+const handleError = (error)=>{
+    console.error('坐标解析错误:', error);
+    message.error('坐标格式不正确，请使用格式如: E 103°58′44.56″ 或 N 40°26′21″ 或 W 74°0′0″');
+};
+const NWSE = (props)=>{
+    const { className, maximum, minimum, value, units, onChange } = props;
+    const [text, setText] = useState('');
+    const [isEditing, setIsEditing] = useState(false);
+    useEffect(()=>{
+        if (!isEditing && null != value && units) {
+            const dir = value < 0 ? units[0] : units[1];
+            setText(degree2DMS(value.toFixed(6), dir));
+        } else if (!isEditing && null == value) setText('');
+    }, [
+        value,
+        isEditing
+    ]);
+    const onTextChange = (e)=>{
+        const txt = e.target.value;
+        setText(txt);
+        if ('' === txt.trim()) return void onChange?.(null);
+    };
+    const handleBlur = ()=>{
+        setIsEditing(false);
+        if (text && '' !== text.trim()) try {
+            const [dir, val] = gps2Degree(text);
+            const idx = units?.indexOf(dir?.toString() || '');
+            if (-1 === idx || null === val || Number.isNaN(val)) return void handleError(new Error('无效的坐标格式'));
+            let num = (0 === idx ? -1 : 1) * val;
+            if (void 0 !== maximum) {
+                if (num > maximum) num = maximum;
+            }
+            if (void 0 !== minimum) {
+                if (num < minimum) num = minimum;
+            }
+            onChange?.(num);
+        } catch (error) {
+            handleError(error);
+        }
+        else onChange?.(null);
+    };
+    const handleFocus = ()=>{
+        setIsEditing(true);
+    };
+    return /*#__PURE__*/ jsx("div", {
+        className: `${className}`,
+        children: /*#__PURE__*/ jsx(Input, {
+            style: {
+                width: 264,
+                marginRight: 5
+            },
+            placeholder: "N DD\xb0MM′SS″",
+            value: text || '',
+            onChange: onTextChange,
+            onBlur: handleBlur,
+            onFocus: handleFocus
+        })
+    });
+};
+const components_NWSE = NWSE;
+const components = {
+    DDD: components_DDD,
+    DMS: components_DMS,
+    DM: components_DM,
+    NWSE: components_NWSE
+};
+const CoordinateTrans_index_module = {
+    root: "root-XBwuFZ",
+    container: "container-bZBWZn",
+    hide: "hide-BZ1cCE"
+};
+const { DDD: CoordinateTrans_DDD, DMS: CoordinateTrans_DMS, DM: CoordinateTrans_DM, NWSE: CoordinateTrans_NWSE } = components;
+const CoordinateTrans_CoordinateTrans = (props)=>{
+    const { maximum, minimum, value, units, onChange, showFormat = Format.DDD, showFormatChangeBtn = false, onFormatChange, children } = props;
+    const [dddValue, setValue] = useState(null);
+    const onChanged = (val)=>{
+        if (val) {
+            onChange(Number(val));
+            setValue(Number(val));
+        } else {
+            onChange(val);
+            setValue(null);
+        }
+    };
+    useEffect(()=>{
+        null !== value ? setValue(Number(value.toFixed(6))) : setValue(null);
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        className: CoordinateTrans_index_module.root,
+        children: [
+            /*#__PURE__*/ jsx(CoordinateTrans_DDD, {
+                className: `${CoordinateTrans_index_module.container} ${showFormat === Format.DDD ? null : CoordinateTrans_index_module.hide}`,
+                maximum: maximum,
+                minimum: minimum,
+                value: dddValue,
+                onChange: onChanged
+            }),
+            /*#__PURE__*/ jsx(CoordinateTrans_DMS, {
+                className: `${CoordinateTrans_index_module.container} ${showFormat === Format.DMS ? null : CoordinateTrans_index_module.hide}`,
+                maximum: maximum,
+                minimum: minimum,
+                units: units,
+                value: dddValue,
+                onChange: onChanged
+            }),
+            /*#__PURE__*/ jsx(CoordinateTrans_DM, {
+                className: `${CoordinateTrans_index_module.container} ${showFormat === Format.DM ? null : CoordinateTrans_index_module.hide}`,
+                maximum: maximum,
+                minimum: minimum,
+                units: units,
+                value: dddValue,
+                onChange: onChanged
+            }),
+            /*#__PURE__*/ jsx(CoordinateTrans_NWSE, {
+                className: `${CoordinateTrans_index_module.container} ${showFormat === Format.NWSE ? null : CoordinateTrans_index_module.hide}`,
+                maximum: maximum,
+                minimum: minimum,
+                units: units,
+                value: dddValue,
+                onChange: onChanged
+            }),
+            showFormatChangeBtn && /*#__PURE__*/ jsx("div", {
+                className: CoordinateTrans_index_module["switch"],
+                onClick: ()=>{
+                    onFormatChange?.(getNextFormat(showFormat));
+                },
+                children: getFormatStr(showFormat)
+            }),
+            children
+        ]
+    });
+};
+const components_CoordinateTrans_CoordinateTrans = CoordinateTrans_CoordinateTrans;
+const CoordinateInput_index_module = {
+    info: "info-FBqJ2N"
+};
+const parseMethods_parseCoordinate = (input)=>{
+    const cleaned = input.trim().replace(/\s+/g, ' ');
+    const decimalMatch = cleaned.match(/^(-?\d+\.?\d*)[, ]+(-?\d+\.?\d*)$/);
+    if (decimalMatch) {
+        const lon = parseFloat(decimalMatch[1]);
+        const lat = parseFloat(decimalMatch[2]);
+        if (!Number.isNaN(lon) && !Number.isNaN(lat)) return [
+            lon,
+            lat
+        ];
+    }
+    const cardinalMatch = cleaned.match(/^([EW])\s*(-?\d+\.?\d*)[, ]([NS])\s*(-?\d+\.?\d*)$/i);
+    if (cardinalMatch) {
+        const lonSign = 'E' === cardinalMatch[1].toUpperCase() ? 1 : -1;
+        const latSign = 'N' === cardinalMatch[3].toUpperCase() ? 1 : -1;
+        const lon = parseFloat(cardinalMatch[2]) * lonSign;
+        const lat = parseFloat(cardinalMatch[4]) * latSign;
+        if (!Number.isNaN(lon) && !Number.isNaN(lat)) return [
+            lon,
+            lat
+        ];
+    }
+    const dmsMatch = cleaned.match(/^(-?\d+)°(\d+)[′'](\d+\.?\d*)["″]?\s*(-?\d+)°(\d+)[′'](\d+\.?\d*)["″]?$/);
+    if (dmsMatch) {
+        const lonDeg = parseFloat(dmsMatch[1]);
+        const lonMin = parseFloat(dmsMatch[2]);
+        const lonSec = parseFloat(dmsMatch[3]);
+        const latDeg = parseFloat(dmsMatch[4]);
+        const latMin = parseFloat(dmsMatch[5]);
+        const latSec = parseFloat(dmsMatch[6]);
+        if (!Number.isNaN(lonDeg) && !Number.isNaN(lonMin) && !Number.isNaN(lonSec) && !Number.isNaN(latDeg) && !Number.isNaN(latMin) && !Number.isNaN(latSec)) {
+            const lon = lonDeg + lonMin / 60 + lonSec / 3600;
+            const lat = latDeg + latMin / 60 + latSec / 3600;
+            return [
+                lon,
+                lat
+            ];
+        }
+    }
+    const dmsCardinalMatch = cleaned.match(/^(\d+)°(\d+)'(\d+\.?\d*)["″]?([NS])\s+(\d+)°(\d+)'(\d+\.?\d*)["″]?([EW])$|^(\d+)°(\d+)'(\d+\.?\d*)["″]?([EW])\s+(\d+)°(\d+)'(\d+\.?\d*)["″]?([NS])$/i);
+    if (dmsCardinalMatch) {
+        let lat, lon;
+        if (dmsCardinalMatch[1]) {
+            const latDeg = parseFloat(dmsCardinalMatch[1]);
+            const latMin = parseFloat(dmsCardinalMatch[2]);
+            const latSec = parseFloat(dmsCardinalMatch[3]);
+            const latDir = dmsCardinalMatch[4].toUpperCase();
+            const lonDeg = parseFloat(dmsCardinalMatch[5]);
+            const lonMin = parseFloat(dmsCardinalMatch[6]);
+            const lonSec = parseFloat(dmsCardinalMatch[7]);
+            const lonDir = dmsCardinalMatch[8].toUpperCase();
+            lat = (latDeg + latMin / 60 + latSec / 3600) * ('N' === latDir ? 1 : -1);
+            lon = (lonDeg + lonMin / 60 + lonSec / 3600) * ('E' === lonDir ? 1 : -1);
+        } else {
+            const lonDeg = parseFloat(dmsCardinalMatch[9]);
+            const lonMin = parseFloat(dmsCardinalMatch[10]);
+            const lonSec = parseFloat(dmsCardinalMatch[11]);
+            const lonDir = dmsCardinalMatch[12].toUpperCase();
+            const latDeg = parseFloat(dmsCardinalMatch[13]);
+            const latMin = parseFloat(dmsCardinalMatch[14]);
+            const latSec = parseFloat(dmsCardinalMatch[15]);
+            const latDir = dmsCardinalMatch[16].toUpperCase();
+            lat = (latDeg + latMin / 60 + latSec / 3600) * ('N' === latDir ? 1 : -1);
+            lon = (lonDeg + lonMin / 60 + lonSec / 3600) * ('E' === lonDir ? 1 : -1);
+        }
+        if (!Number.isNaN(lat) && !Number.isNaN(lon)) return [
+            lon,
+            lat
+        ];
+    }
+    const chineseFormatMatch = cleaned.match(/^经度\s*[:：]\s*(-?\d+\.?\d*)\s*[,，]\s*纬度\s*[:：]\s*(-?\d+\.?\d*)$/i);
+    if (chineseFormatMatch) {
+        const lon = parseFloat(chineseFormatMatch[1]);
+        const lat = parseFloat(chineseFormatMatch[2]);
+        if (!Number.isNaN(lon) && !Number.isNaN(lat)) return [
+            lon,
+            lat
+        ];
+    }
+    return null;
+};
+const Tips = ()=>/*#__PURE__*/ jsxs("div", {
+        style: {
+            maxWidth: '300px'
+        },
+        children: [
+            /*#__PURE__*/ jsx("h4", {
+                children: "支持的坐标格式规则："
+            }),
+            /*#__PURE__*/ jsxs("ol", {
+                style: {
+                    margin: 0,
+                    paddingLeft: '16px'
+                },
+                children: [
+                    /*#__PURE__*/ jsxs("li", {
+                        children: [
+                            /*#__PURE__*/ jsx("strong", {
+                                children: "十进制格式"
+                            }),
+                            "：-134.5,44.56 或 -134.5 44.56"
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("li", {
+                        children: [
+                            /*#__PURE__*/ jsx("strong", {
+                                children: "方向指示格式"
+                            }),
+                            "：E 134.5 N 44.56 或 W134.5 S44.56"
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("li", {
+                        children: [
+                            /*#__PURE__*/ jsx("strong", {
+                                children: "度分秒格式"
+                            }),
+                            "：134\xb06′ 44\xb056′ 或 134\xb06' 44\xb056'"
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("li", {
+                        children: [
+                            /*#__PURE__*/ jsx("strong", {
+                                children: "带方向的度分秒格式"
+                            }),
+                            "：23\xb019'13\"N 113\xb017'1\"E 或 113\xb017'1\"E 23\xb019'13\"N"
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("li", {
+                        children: [
+                            /*#__PURE__*/ jsx("strong", {
+                                children: "中文格式"
+                            }),
+                            "：经度: 103.984535, 纬度: 30.627030"
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("p", {
+                style: {
+                    margin: '8px 0 0 0',
+                    fontSize: '12px',
+                    color: '#666'
+                },
+                children: [
+                    "经度范围：-180 到 180",
+                    /*#__PURE__*/ jsx("br", {}),
+                    "纬度范围：-90 到 90"
+                ]
+            })
+        ]
+    });
+const CoordinateInput_Tips = /*#__PURE__*/ memo(Tips);
+const CoordinateInput = ({ value, onChange })=>{
+    const [inputValue, setInputValue] = useState('');
+    useEffect(()=>{
+        if (null === value) setInputValue('');
+        else if ('' === inputValue) setInputValue(value?.toString() || '');
+    }, [
+        value
+    ]);
+    const [errorMessage, setErrorMessage] = useState('');
+    const [valueStr, setValueStr] = useState('');
+    const handleChange = (e)=>{
+        const val = e.target.value;
+        setInputValue(val);
+        if ('' === val.trim()) {
+            onChange(null);
+            setErrorMessage('');
+            return;
+        }
+        const parsed = parseMethods_parseCoordinate(val);
+        if (null === parsed) setErrorMessage('Invalid coordinate format');
+        else {
+            const [lon, lat] = parsed;
+            if (lon < -180 || lon > 180) setErrorMessage('Longitude must be between -180 and 180');
+            else if (lat < -90 || lat > 90) setErrorMessage('Latitude must be between -90 and 90');
+            else {
+                setErrorMessage('');
+                setValueStr(`经度：${lon.toFixed(6)} , 纬度：${lat.toFixed(6)}`);
+            }
+        }
+        onChange(parsed);
+    };
+    return /*#__PURE__*/ jsxs(Flex, {
+        gap: 8,
+        vertical: true,
+        children: [
+            /*#__PURE__*/ jsx(Input, {
+                type: "text",
+                value: inputValue,
+                onChange: handleChange,
+                style: {
+                    flex: 1,
+                    marginRight: 5
+                },
+                title: "Enter coordinates (e.g. -134.5,44.56 or E 134.5 N 44.56 or 23\xb019'13N 113\xb017'1E or 经度: 103.984535, 纬度: 30.627030)",
+                placeholder: "Enter coordinates (e.g. -134.5,44.56 or E 134.5 N 44.56 or 23\xb019'13N 113\xb017'1E or 经度: 103.984535, 纬度: 30.627030)"
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: CoordinateInput_index_module.info,
+                        style: {
+                            color: errorMessage ? 'red' : 'inherit'
+                        },
+                        children: errorMessage || valueStr || (value ? `${value}` : '(e.g. -134.5,44.56 or E 134.5 N 44.56 or 23°19\'13"N 113°17\'1"E or 经度: 103.984535, 纬度: 30.627030)')
+                    }),
+                    /*#__PURE__*/ jsx(Popover, {
+                        content: /*#__PURE__*/ jsx(CoordinateInput_Tips, {}),
+                        children: /*#__PURE__*/ jsx(InfoCircleOutlined, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+const CoordSystemTrans_index_module = {
+    container: "container-IqB0iy"
+};
+class CoordinateParser {
+    constructor(){
+        console.log('CoordinateParser 实例化');
+    }
+    static parse(input) {
+        if (!input || '' === input.trim()) return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '输入不能为空'
+        };
+        const trimmed = input.trim();
+        try {
+            return CoordinateParser.parseSmart(trimmed);
+        } catch (error) {
+            return {
+                lng: 0,
+                lat: 0,
+                isValid: false,
+                error: `解析失败: ${error instanceof Error ? error.message : '未知错误'}`
+            };
+        }
+    }
+    static parseSmart(input) {
+        const smartResult = CoordinateParser.parseSmartBySeparator(input);
+        if (smartResult.isValid) return smartResult;
+        return CoordinateParser.parseAuto(input);
+    }
+    static parseSmartBySeparator(input) {
+        const chineseLabelResult = CoordinateParser.parseChineseLabelFormat(input);
+        if (chineseLabelResult.isValid) return chineseLabelResult;
+        const hasComma = input.includes(',');
+        const hasSpace = /\s+/.test(input);
+        const hasDegree = input.includes('°');
+        let parts = [];
+        if (hasComma) parts = input.split(',').map((part)=>part.trim());
+        else if (hasDegree) parts = input.split(/°+/).map((part)=>part.trim()).filter((part)=>'' !== part);
+        else if (hasSpace) parts = input.split(/\s+/).map((part)=>part.trim());
+        else {
+            const numberMatches = input.match(/[-+]?\d*\.?\d+/g);
+            if (numberMatches && numberMatches.length >= 2) parts = numberMatches.slice(0, 2);
+        }
+        if (parts.length < 2) return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '需要两个坐标值'
+        };
+        const lng = parseFloat(parts[0]);
+        const lat = parseFloat(parts[1]);
+        return CoordinateParser.validateAndReturn(lng, lat);
+    }
+    static parseAuto(input) {
+        const formats = [
+            'lng,lat',
+            'lat,lng',
+            'lng lat',
+            'lat lng',
+            'lng°lat°',
+            'lat°lng°',
+            'lng° lat°',
+            'lat° lng°'
+        ];
+        for (const format of formats){
+            const result = CoordinateParser.parseWithFormat(input, format);
+            if (result.isValid) return result;
+        }
+        return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '无法识别坐标格式'
+        };
+    }
+    static parseWithFormat(input, format) {
+        switch(format){
+            case 'lng,lat':
+                return CoordinateParser.parseLngLatComma(input);
+            case 'lat,lng':
+                return CoordinateParser.parseLatLngComma(input);
+            case 'lng lat':
+                return CoordinateParser.parseLngLatSpace(input);
+            case 'lat lng':
+                return CoordinateParser.parseLatLngSpace(input);
+            case 'lng°lat°':
+                return CoordinateParser.parseLngLatDegree(input, false);
+            case 'lat°lng°':
+                return CoordinateParser.parseLatLngDegree(input, false);
+            case 'lng° lat°':
+                return CoordinateParser.parseLngLatDegree(input, true);
+            case 'lat° lng°':
+                return CoordinateParser.parseLatLngDegree(input, true);
+            default:
+                return {
+                    lng: 0,
+                    lat: 0,
+                    isValid: false,
+                    error: '未知格式'
+                };
+        }
+    }
+    static parseLngLatComma(input) {
+        const parts = input.split(',');
+        if (2 !== parts.length) return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '格式应为"经度,纬度"'
+        };
+        const lng = parseFloat(parts[0].trim());
+        const lat = parseFloat(parts[1].trim());
+        return CoordinateParser.validateAndReturn(lng, lat);
+    }
+    static parseLatLngComma(input) {
+        const parts = input.split(',');
+        if (2 !== parts.length) return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '格式应为"纬度,经度"'
+        };
+        const lat = parseFloat(parts[0].trim());
+        const lng = parseFloat(parts[1].trim());
+        return CoordinateParser.validateAndReturn(lng, lat);
+    }
+    static parseLngLatSpace(input) {
+        const parts = input.split(/\s+/);
+        if (2 !== parts.length) return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '格式应为"经度 纬度"'
+        };
+        const lng = parseFloat(parts[0].trim());
+        const lat = parseFloat(parts[1].trim());
+        return CoordinateParser.validateAndReturn(lng, lat);
+    }
+    static parseLatLngSpace(input) {
+        const parts = input.split(/\s+/);
+        if (2 !== parts.length) return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '格式应为"纬度 经度"'
+        };
+        const lat = parseFloat(parts[0].trim());
+        const lng = parseFloat(parts[1].trim());
+        return CoordinateParser.validateAndReturn(lng, lat);
+    }
+    static parseChineseLabelFormat(input) {
+        const chineseLabelRegex = /经度\s*[:：]\s*([-+]?\d*\.?\d+)\s*[,，]\s*纬度\s*[:：]\s*([-+]?\d*\.?\d+)/;
+        const match = input.match(chineseLabelRegex);
+        if (match) {
+            const lng = parseFloat(match[1]);
+            const lat = parseFloat(match[2]);
+            return CoordinateParser.validateAndReturn(lng, lat);
+        }
+        const chineseLabelReverseRegex = /纬度\s*[:：]\s*([-+]?\d*\.?\d+)\s*[,，]\s*经度\s*[:：]\s*([-+]?\d*\.?\d+)/;
+        const reverseMatch = input.match(chineseLabelReverseRegex);
+        if (reverseMatch) {
+            const lat = parseFloat(reverseMatch[1]);
+            const lng = parseFloat(reverseMatch[2]);
+            return CoordinateParser.validateAndReturn(lng, lat);
+        }
+        return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '不匹配中文标签格式'
+        };
+    }
+    static parseLngLatDegree(input, hasSpace) {
+        const separator = hasSpace ? '°s*' : '°';
+        const regex = new RegExp(`^(d+(?:.d+)?)${separator}(d+(?:.d+)?)°?$`);
+        const match = input.match(regex);
+        if (!match) return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '格式应为"经度°纬度°"'
+        };
+        const lng = parseFloat(match[1]);
+        const lat = parseFloat(match[2]);
+        return CoordinateParser.validateAndReturn(lng, lat);
+    }
+    static parseLatLngDegree(input, hasSpace) {
+        const separator = hasSpace ? '°s*' : '°';
+        const regex = new RegExp(`^(d+(?:.d+)?)${separator}(d+(?:.d+)?)°?$`);
+        const match = input.match(regex);
+        if (!match) return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '格式应为"纬度°经度°"'
+        };
+        const lat = parseFloat(match[1]);
+        const lng = parseFloat(match[2]);
+        return CoordinateParser.validateAndReturn(lng, lat);
+    }
+    static validateAndReturn(lng, lat) {
+        if (Number.isNaN(lng) || Number.isNaN(lat)) return {
+            lng: 0,
+            lat: 0,
+            isValid: false,
+            error: '坐标值必须为数字'
+        };
+        if (lng < -180 || lng > 180) return {
+            lng,
+            lat,
+            isValid: false,
+            error: '经度范围应为-180到180'
+        };
+        if (lat < -90 || lat > 90) return {
+            lng,
+            lat,
+            isValid: false,
+            error: '纬度范围应为-90到90'
+        };
+        return {
+            lng,
+            lat,
+            isValid: true
+        };
+    }
+    static format(lng, lat, precision = 6) {
+        return `${lng.toFixed(precision)}, ${lat.toFixed(precision)}`;
+    }
+}
+const { Option } = Select;
+const { Text } = Typography;
+const COORD_SYSTEMS = [
+    'wgs84',
+    'gcj02',
+    'bd09'
+];
+const DEFAULT_PRECISION = 8;
+const CoordSystemTrans = ({ initialSourceSystem = 'wgs84', initialTargetSystem = 'gcj02', className, onTransform })=>{
+    const [inputValue, setInputValue] = useState('');
+    const [sourceSystem, setSourceSystem] = useState(initialSourceSystem);
+    const [targetSystem, setTargetSystem] = useState(initialTargetSystem);
+    const [parseResult, setParseResult] = useState({
+        lng: 0,
+        lat: 0,
+        isValid: false
+    });
+    const [transformedCoord, setTransformedCoord] = useState(null);
+    const parseCoordinate = useCallback((value)=>{
+        const result = CoordinateParser.parse(value);
+        setParseResult(result);
+        return result;
+    }, []);
+    const performTransform = useCallback((result)=>{
+        if (!result.isValid) return void setTransformedCoord(null);
+        try {
+            const sourceCoord = [
+                result.lng,
+                result.lat
+            ];
+            const targetCoord = transformCoordinate(sourceCoord, {
+                from: sourceSystem,
+                to: targetSystem,
+                precision: DEFAULT_PRECISION
+            });
+            setTransformedCoord(targetCoord);
+            onTransform?.({
+                sourceCoord,
+                targetCoord,
+                sourceSystem,
+                targetSystem
+            });
+        } catch (error) {
+            console.error('坐标转换失败:', error);
+            setTransformedCoord(null);
+        }
+    }, [
+        sourceSystem,
+        targetSystem,
+        onTransform
+    ]);
+    const handleInputChange = (value)=>{
+        setInputValue(value);
+        const result = parseCoordinate(value);
+        performTransform(result);
+    };
+    const handleSystemChange = (type, system)=>{
+        if ('source' === type) {
+            setSourceSystem(system);
+            if (parseResult.isValid) {
+                const sourceCoord = [
+                    parseResult.lng,
+                    parseResult.lat
+                ];
+                const targetCoord = transformCoordinate(sourceCoord, {
+                    from: system,
+                    to: targetSystem,
+                    precision: DEFAULT_PRECISION
+                });
+                setTransformedCoord(targetCoord);
+            }
+        } else {
+            setTargetSystem(system);
+            if (parseResult.isValid) {
+                const sourceCoord = [
+                    parseResult.lng,
+                    parseResult.lat
+                ];
+                const targetCoord = transformCoordinate(sourceCoord, {
+                    from: sourceSystem,
+                    to: system,
+                    precision: DEFAULT_PRECISION
+                });
+                setTransformedCoord(targetCoord);
+            }
+        }
+    };
+    const copyCoordinate = async ()=>{
+        if (!transformedCoord) return;
+        const coordinateText = CoordinateParser.format(transformedCoord[0], transformedCoord[1], DEFAULT_PRECISION);
+        try {
+            await navigator.clipboard.writeText(coordinateText);
+        } catch (_error) {}
+    };
+    useEffect(()=>{
+        if (inputValue) {
+            const result = parseCoordinate(inputValue);
+            performTransform(result);
+        }
+    }, []);
+    return /*#__PURE__*/ jsx("div", {
+        className: `${CoordSystemTrans_index_module.container} ${className || ''}`,
+        children: /*#__PURE__*/ jsxs(Space, {
+            orientation: "vertical",
+            size: "middle",
+            style: {
+                width: '100%'
+            },
+            children: [
+                /*#__PURE__*/ jsxs(Flex, {
+                    vertical: true,
+                    gap: 8,
+                    children: [
+                        /*#__PURE__*/ jsxs(Flex, {
+                            gap: 8,
+                            children: [
+                                /*#__PURE__*/ jsx(Text, {
+                                    style: {
+                                        alignSelf: 'flex-start'
+                                    },
+                                    children: "坐标输入:"
+                                }),
+                                /*#__PURE__*/ jsx(Select, {
+                                    value: sourceSystem,
+                                    onChange: (value)=>handleSystemChange('source', value),
+                                    popupMatchSelectWidth: false,
+                                    size: "small",
+                                    style: {
+                                        flex: 1
+                                    },
+                                    children: COORD_SYSTEMS.map((system)=>/*#__PURE__*/ jsx(Option, {
+                                            value: system,
+                                            children: getCoordDisplayName(system)
+                                        }, system))
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Input, {
+                            value: inputValue,
+                            onChange: (e)=>handleInputChange(e.target.value),
+                            placeholder: "请输入坐标 (支持多种格式，如: 114.56,30.2 或 114.56 30.2)",
+                            status: parseResult.isValid ? '' : inputValue ? 'error' : ''
+                        }),
+                        !parseResult.isValid && inputValue && /*#__PURE__*/ jsxs(Text, {
+                            type: "danger",
+                            style: {
+                                marginTop: 4,
+                                display: 'block'
+                            },
+                            children: [
+                                "解析失败: ",
+                                parseResult.error
+                            ]
+                        }),
+                        parseResult.isValid && /*#__PURE__*/ jsxs(Text, {
+                            type: "success",
+                            style: {
+                                marginTop: 4,
+                                display: 'block'
+                            },
+                            children: [
+                                "解析成功:",
+                                ' ',
+                                CoordinateParser.format(parseResult.lng, parseResult.lat, DEFAULT_PRECISION)
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(Flex, {
+                    gap: 8,
+                    children: [
+                        /*#__PURE__*/ jsx(Text, {
+                            children: "转换结果:"
+                        }),
+                        /*#__PURE__*/ jsx(Select, {
+                            value: targetSystem,
+                            onChange: (value)=>handleSystemChange('target', value),
+                            popupMatchSelectWidth: false,
+                            size: "small",
+                            style: {
+                                flex: 1
+                            },
+                            children: COORD_SYSTEMS.map((system)=>/*#__PURE__*/ jsx(Option, {
+                                    value: system,
+                                    children: getCoordDisplayName(system)
+                                }, system))
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(Flex, {
+                    vertical: true,
+                    gap: 8,
+                    children: [
+                        /*#__PURE__*/ jsx(Flex, {
+                            justify: "center",
+                            style: {
+                                padding: 8,
+                                border: '1px solid var(--theme-border-base)',
+                                borderRadius: 6
+                            },
+                            children: transformedCoord ? /*#__PURE__*/ jsx(Tooltip, {
+                                title: "点击复制坐标",
+                                children: /*#__PURE__*/ jsx(Text, {
+                                    strong: true,
+                                    style: {
+                                        fontSize: '20px',
+                                        userSelect: 'text',
+                                        textAlign: 'center'
+                                    },
+                                    onClick: copyCoordinate,
+                                    children: CoordinateParser.format(transformedCoord[0], transformedCoord[1], DEFAULT_PRECISION)
+                                })
+                            }) : /*#__PURE__*/ jsx(Text, {
+                                type: "secondary",
+                                children: "请输入有效坐标进行转换"
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs(Text, {
+                            type: "secondary",
+                            style: {
+                                fontSize: '12px',
+                                textAlign: 'center'
+                            },
+                            children: [
+                                "从 ",
+                                getCoordDisplayName(sourceSystem),
+                                " 转换到",
+                                ' ',
+                                getCoordDisplayName(targetSystem)
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+class ErrorBoundary extends react.Component {
+    state = {
+        hasError: false
+    };
+    static getDerivedStateFromError(_) {
+        return {
+            hasError: true
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('Error caught by ErrorBoundary:', error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) return /*#__PURE__*/ jsx("div", {
+            children: /*#__PURE__*/ jsx("h1", {
+                children: this.props.message || 'Something went wrong.'
+            })
+        });
+        return this.props.children;
+    }
+}
+const ErrorBoundary_ErrorBoundary = ErrorBoundary;
+const components_ErrorBoundary = ErrorBoundary_ErrorBoundary;
+const Svg2D = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M1019.815253 635.448889c-7.168 23.381333-20.48 42.268444-35.84 57.856a320.739556 320.739556 0 0 1-51.143111 41.130667c-73.671111 47.843556-158.606222 74.467556-234.382222 92.273777a1189.546667 1189.546667 0 0 1-91.079111 15.587556v-119.011556c23.552 0 50.119111 0 77.767111-2.218666 70.599111-4.437333 152.519111-15.587556 221.070222-43.349334 33.792-14.449778 65.536-33.393778 78.848-58.936889a55.239111 55.239111 0 0 0 5.12-40.049777 112.753778 112.753778 0 0 0-19.512889-36.693334 255.772444 255.772444 0 0 0-48.071111-44.487111c-13.312-8.817778-20.48-13.312-20.48-13.312s8.192 2.218667 22.528 8.931556c14.336 6.656 35.84 15.530667 58.311111 34.474666 11.264 8.817778 23.552 21.105778 32.768 42.211556 9.216 17.806222 11.264 43.406222 4.096 65.592889z m-366.193777-102.684445h-117.76V121.799111h113.322666c126.122667 0 204.288 64.967111 204.288 203.776 0 138.296889-78.165333 207.189333-199.850666 207.189333z m-9.443556-345.429333h-25.713778v279.324445h25.713778c76.970667 0 124.984889-41.073778 124.984889-141.084445 0-100.465778-48.014222-138.24-124.984889-138.24zM397.564587 838.940444c-24.064-3.527111-47.900444-7.964444-71.623111-13.312-75.776-17.749333-160.711111-44.487111-234.382223-92.273777a269.312 269.312 0 0 1-50.176-41.130667c-15.416889-16.725333-29.696-35.612444-36.864-57.856A95.175111 95.175111 0 0 1 7.591253 568.775111c8.248889-17.806222 20.48-30.037333 31.687111-40.049778 23.552-18.887111 44.088889-27.818667 58.424889-34.474666a157.013333 157.013333 0 0 1 22.471111-8.874667s-8.192 4.437333-20.48 13.312c-13.255111 10.012444-31.744 23.381333-48.071111 44.544-8.192 9.955556-15.36 23.267556-18.432 36.636444a49.607111 49.607111 0 0 0 5.063111 40.049778c14.392889 24.405333 46.136889 44.487111 79.872 57.799111 68.551111 27.818667 150.414222 37.831111 221.070223 42.268445 20.48 1.137778 39.822222 2.218667 58.254222 2.275555V661.048889l133.176889 124.529778-133.063111 124.586666v-71.224889z m-217.315556-353.393777c112.184889-99.953778 178.574222-177.152 178.574222-240.469334 0-41.642667-22.869333-66.673778-61.952-66.673777-30.151111 0-55.239111 19.456-75.889777 42.211555l-44.657778-44.430222c37.944889-39.992889 74.808889-62.179556 131.185778-62.179556 78.108444 0 130.048 49.948444 130.048 126.634667 0 74.410667-61.952 154.396444-137.329778 227.669333 20.650667-2.218667 48.014222-4.437333 67.015111-4.437333h89.827555v68.892444H180.249031v-47.217777z"
+        })
+    });
+const _2D = Svg2D;
+const Svg3D = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M1019.953493 635.448889c-7.168 23.381333-20.48 42.268444-35.84 57.856-15.36 15.530667-32.711111 28.842667-51.143111 41.130667-73.671111 47.843556-158.663111 74.467556-234.382222 92.273777a1189.546667 1189.546667 0 0 1-91.079111 15.587556v-119.011556c23.552 0 50.119111 0 77.767111-2.218666 70.599111-4.437333 152.519111-15.587556 221.127111-43.349334 33.735111-14.449778 65.479111-33.393778 78.791111-58.936889a54.954667 54.954667 0 0 0 5.12-40.049777 111.843556 111.843556 0 0 0-19.569778-36.693334 255.431111 255.431111 0 0 0-48.014222-44.487111c-13.312-8.817778-20.48-13.312-20.48-13.312s8.192 2.218667 22.528 8.931556c14.336 6.656 35.84 15.530667 58.311111 34.474666 11.264 8.817778 23.552 21.105778 32.768 42.211556 9.216 17.806222 11.264 43.406222 4.096 65.592889z m-366.193777-102.684445h-117.76V121.799111h113.322666c126.122667 0 204.288 64.967111 204.288 203.776 0 138.296889-78.165333 207.189333-199.850666 207.189333z m-9.500445-345.429333h-25.656889v279.324445h25.656889c77.084444 0 125.041778-41.073778 125.041778-141.084445 0-100.465778-47.957333-138.24-125.041778-138.24zM397.702827 838.940444c-24.064-3.527111-47.957333-7.964444-71.68-13.312-75.719111-17.749333-160.711111-44.487111-234.382223-92.273777a270.791111 270.791111 0 0 1-50.119111-41.130667c-15.416889-16.725333-29.696-35.612444-36.864-57.856a94.833778 94.833778 0 0 1 3.128889-65.592889c8.135111-17.806222 20.423111-30.037333 31.687111-40.049778 23.495111-18.887111 44.032-27.818667 58.368-34.474666a157.013333 157.013333 0 0 1 22.471111-8.874667s-8.192 4.437333-20.48 13.312c-13.255111 10.012444-31.744 23.381333-48.071111 44.544a92.273778 92.273778 0 0 0-18.488889 36.636444 50.062222 50.062222 0 0 0 5.12 40.049778c14.336 24.405333 46.08 44.487111 79.815112 57.799111 68.608 27.818667 150.471111 37.831111 221.127111 42.268445 20.48 1.137778 39.879111 2.275556 58.311111 2.275555V661.048889l133.063111 124.529778-133.006222 124.586666v-71.224889z m56.718222-417.792c0 75.491556-66.389333 119.352889-145.123556 119.352889-65.308444 0-109.397333-24.405333-138.410666-57.173333l38.513777-51.655111c24.576 23.893333 54.670222 42.211556 92.103112 42.211555 41.870222 0 70.314667-20.536889 70.314666-57.230222 0-40.504889-24.007111-65.479111-113.891555-65.479111V292.295111c75.946667 0 100.465778-26.112 100.465777-62.748444 0-32.256-20.081778-51.143111-55.239111-51.655111-29.582222 0.512-53.589333 14.392889-78.165333 36.636444l-41.813333-50.005333c35.669333-31.061333 75.320889-50.517333 123.904-50.517334 79.815111 0 133.973333 38.855111 133.973333 109.397334 0 44.430222-25.088 76.629333-69.233778 93.866666v2.787556c46.876444 12.743111 82.602667 47.217778 82.602667 101.091555z"
+        })
+    });
+const _3D = Svg3D;
+const SvgAngle = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M929.11 927.64h-831a32 32 0 0 1-28.4-46.74l414-797.42A32 32 0 0 1 540.5 113L150.82 863.64h778.29a32 32 0 0 1 0 64z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M531.9 924.68a32 32 0 0 1-30.84-40.61c41.09-147.13-45.18-300.26-192.31-341.35A32 32 0 1 1 326 481.08a340.8 340.8 0 0 1 236.7 420.2 32 32 0 0 1-30.8 23.4z"
+            })
+        ]
+    });
+const Angle = SvgAngle;
+const SvgArea = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M800 894.1H224c-16.9 0-30.5-13.7-30.5-30.5v-47.2h-41.6c-16.9 0-30.5-13.7-30.5-30.5V229.7c0-16.9 13.7-30.5 30.5-30.5h41.6V129c0-16.9 13.7-30.5 30.5-30.5h576c16.9 0 30.5 13.7 30.5 30.5v70.2h55.9c16.9 0 30.5 13.7 30.5 30.5v556.1c0 16.9-13.7 30.5-30.5 30.5h-55.9v47.2c0.1 16.9-13.6 30.6-30.5 30.6z m-545.5-61h515v-47.2c0-16.9 13.7-30.5 30.5-30.5h55.9V260.3H800c-16.9 0-30.5-13.7-30.5-30.5v-70.2h-515v70.2c0 16.9-13.7 30.5-30.5 30.5h-41.6v495.1H224c16.9 0 30.5 13.7 30.5 30.5v47.2z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M224 822c-7.8 0-15.6-3-21.6-8.9-11.9-11.9-11.9-31.2 0-43.2l576.1-576.1c11.9-11.9 31.2-11.9 43.2 0 11.9 11.9 11.9 31.2 0 43.2L245.6 813.1c-6 5.9-13.8 8.9-21.6 8.9z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M224 967.6H72.7c-16.9 0-30.5-13.7-30.5-30.5V785.8c0-16.9 13.7-30.5 30.5-30.5H224c16.9 0 30.5 13.7 30.5 30.5V937c0 17-13.7 30.6-30.5 30.6z m-120.7-61h90.2v-90.2h-90.2v90.2zM447.2 893.2c-7.8 0-15.6-3-21.6-8.9-11.9-11.9-11.9-31.2 0-43.2L853 413.8c11.9-11.9 31.2-11.9 43.2 0 11.9 11.9 11.9 31.2 0 43.2L468.8 884.3c-6 5.9-13.8 8.9-21.6 8.9zM155.1 566.2c-7.8 0-15.6-3-21.6-8.9-11.9-11.9-11.9-31.2 0-43.2l383.7-383.7c11.9-11.9 31.2-11.9 43.2 0 11.9 11.9 11.9 31.2 0 43.2L176.6 557.2c-5.9 6-13.7 9-21.5 9zM224 260.3H72.7c-16.9 0-30.5-13.7-30.5-30.5V78.5C42.2 61.6 55.9 48 72.7 48H224c16.9 0 30.5 13.7 30.5 30.5v151.2c0 16.9-13.7 30.6-30.5 30.6z m-120.7-61.1h90.2V109h-90.2v90.2zM951.3 260.3H800c-16.9 0-30.5-13.7-30.5-30.5V78.5c0-16.9 13.7-30.5 30.5-30.5h151.2c16.9 0 30.5 13.7 30.5 30.5v151.2c0.1 16.9-13.6 30.6-30.4 30.6z m-120.7-61.1h90.2V109h-90.2v90.2zM951.3 967.6H800c-16.9 0-30.5-13.7-30.5-30.5V785.8c0-16.9 13.7-30.5 30.5-30.5h151.2c16.9 0 30.5 13.7 30.5 30.5V937c0.1 17-13.6 30.6-30.4 30.6z m-120.7-61h90.2v-90.2h-90.2v90.2z"
+            })
+        ]
+    });
+const Area = SvgArea;
+const SvgCircleSelect = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M926.7 480.8C926.7 249.5 739.2 62 507.9 62S89.1 249.5 89.1 480.8c0 228 182.1 413.4 408.8 418.7 12.7 36.3 47.2 62.4 87.8 62.4 51.4 0 93.1-41.7 93.1-93.1 0-1.8-0.2-3.7-0.3-5.5 146.3-65.3 248.2-212 248.2-382.6z m-264.6 335c-16.8-24.2-44.7-40-76.4-40-44.7 0-82 31.5-91 73.5C297.1 842.4 139 680.1 139 480.8 139 277.1 304.1 112 507.8 112c203.7 0 368.8 165.1 368.8 368.8 0 148.6-87.9 276.6-214.6 335z"
+        })
+    });
+const CircleSelect = SvgCircleSelect;
+const SvgCopy = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M337.28 138.688a27.968 27.968 0 0 0-27.968 27.968v78.72h377.344c50.816 0 92.032 41.152 92.032 91.968v377.344h78.656a28.032 28.032 0 0 0 27.968-28.032V166.656a28.032 28.032 0 0 0-27.968-27.968H337.28z m441.408 640v78.656c0 50.816-41.216 91.968-92.032 91.968H166.656a92.032 92.032 0 0 1-91.968-91.968V337.28c0-50.816 41.152-92.032 91.968-92.032h78.72V166.656c0-50.816 41.152-91.968 91.968-91.968h520c50.816 0 91.968 41.152 91.968 91.968v520c0 50.816-41.152 92.032-91.968 92.032h-78.72zM166.656 309.312a27.968 27.968 0 0 0-27.968 28.032v520c0 15.424 12.544 27.968 27.968 27.968h520a28.032 28.032 0 0 0 28.032-27.968V337.28a28.032 28.032 0 0 0-28.032-28.032H166.656z"
+        })
+    });
+const Copy = SvgCopy;
+const SvgCyber = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M512 1024C229.68 1024 0 794.32 0 512S229.68 0 512 0s512 229.68 512 512-229.68 512-512 512z m0-992C247.328 32 32 247.328 32 512s215.328 480 480 480 480-215.328 480-480S776.672 32 512 32z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M368 1002.72a16 16 0 0 1-16-16V784c0-35.296-28.704-64-64-64h-48a16 16 0 0 1 0-32h48c52.944 0 96 43.056 96 96v202.72a16 16 0 0 1-16 16z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M192 768c-35.296 0-64-28.704-64-64s28.704-64 64-64 64 28.704 64 64-28.704 64-64 64z m0-96c-17.648 0-32 14.352-32 32s14.352 32 32 32 32-14.352 32-32-14.352-32-32-32zM656 1002.72a16 16 0 0 1-16-16V672c0-52.944 43.056-96 96-96h48a16 16 0 0 1 0 32h-48c-35.296 0-64 28.704-64 64v314.72a16 16 0 0 1-16 16z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M832 656c-35.296 0-64-28.704-64-64s28.704-64 64-64 64 28.704 64 64-28.704 64-64 64z m0-96c-17.648 0-32 14.352-32 32s14.352 32 32 32 32-14.352 32-32-14.352-32-32-32zM464 1021.76a16 16 0 0 1-16-16V528c0-35.296-28.704-64-64-64H20.16a16 16 0 0 1 0-32H384c52.944 0 96 43.056 96 96v477.76a16 16 0 0 1-16 16z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M560 797.76a16 16 0 0 1-16-16V352c0-35.296-28.704-64-64-64h-48a16 16 0 0 1 0-32h48c52.944 0 96 43.056 96 96v429.76a16 16 0 0 1-16 16z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M384 336c-35.296 0-64-28.704-64-64s28.704-64 64-64 64 28.704 64 64-28.704 64-64 64z m0-96c-17.648 0-32 14.352-32 32s14.352 32 32 32 32-14.352 32-32-14.352-32-32-32zM816 384h-48c-52.944 0-96-43.056-96-96V48.16a16 16 0 0 1 32 0V288c0 35.296 28.704 64 64 64h48a16 16 0 0 1 0 32z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M864 432c-35.296 0-64-28.704-64-64s28.704-64 64-64 64 28.704 64 64-28.704 64-64 64z m0-96c-17.648 0-32 14.352-32 32s14.352 32 32 32 32-14.352 32-32-14.352-32-32-32zM560 864c-4.16 0-8.32-1.76-11.36-4.64-2.88-3.04-4.64-7.2-4.64-11.36 0-4.16 1.76-8.32 4.64-11.36 6.08-5.92 16.64-5.92 22.72 0 2.88 3.04 4.64 7.2 4.64 11.36 0 4.32-1.76 8.32-4.64 11.36-3.04 2.88-7.2 4.64-11.36 4.64zM560 928c-4.16 0-8.32-1.76-11.36-4.64-2.88-3.04-4.64-7.2-4.64-11.36 0-4.16 1.76-8.32 4.64-11.36 6.08-5.92 16.8-5.92 22.72 0 2.88 3.04 4.64 7.2 4.64 11.36 0 4.16-1.76 8.32-4.64 11.36-3.04 2.88-7.2 4.64-11.36 4.64zM560 1021.76a16 16 0 0 1-16-16v-31.68a16 16 0 0 1 32 0v31.68a16 16 0 0 1-16 16z"
+            })
+        ]
+    });
+const Cyber = SvgCyber;
+const SvgFreedomSelect = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M940.9 276.7c-8.3-34.1-24.4-65.5-47.8-93.5-21.7-25.9-49.2-48.3-81.9-66.6-62-34.6-139.4-52.9-223.8-52.9V118 63.6c-48.6 0-98.1 6.1-147.3 18.1-110.3 27-207.6 81.3-274.1 153-34.1 36.7-58.5 76.2-72.6 117.4-15.5 45.2-18 90.2-7.3 133.8 5.3 21.7 13.8 42.3 25.2 61.6-24.7 24.3-37.7 54.5-36.1 85.8 1 20.4 8.3 40.4 21 57.7 10.7 14.5 25 27 42.5 37.2 30.7 17.9 70.4 27.7 111.8 27.7 4.4 0 8.9-0.1 13.4-0.3 9.6-0.5 19.1-1.5 28.4-3 4.7 2.6 9.6 5.1 14.5 7.6 21.9 11 35.4 20.1 41.3 28 3.3 4.4 4.9 9 4.2 21.2-1.8 30.6-23.9 79.7-57.8 108.7l35.3 41.3c41.5-35.5 73.8-97.3 76.7-146.7 0.9-16 0.1-36.8-14.8-56.9-6.8-9.1-15.9-17.5-28.5-25.9 6.2-3.2 12.1-6.7 17.7-10.5 9.7-6.5 18.2-13.7 25.6-21.4 10.9 0.6 22 1 33.3 1 48.6 0 98.1-6.1 147.2-18.1 110.3-27 207.6-81.3 274.1-153 34.1-36.7 58.5-76.2 72.6-117.4 15.4-45.2 17.9-90.2 7.2-133.8z m-811.4 354c-0.7-13.6 4.5-26.6 14.2-38.2 8.3 23.2 20.2 45.2 35.5 65.8 10.6 14.2 22.8 27.7 36.5 40.3-48.8-8.5-84.6-34.9-86.2-67.9z m172.2 64.7c-12.8-7.8-25.6-16.8-37.8-26.9 19.8 7.6 40.7 13.9 62.6 18.7-7.8 3.2-16.1 6-24.8 8.2z m78.8-54.2c-78.3-9.4-145.5-37.6-189.9-80.4v-0.1c18.4-7.4 39.8-12.1 62.9-13.3 3.6-0.2 7.1-0.3 10.7-0.3 65.8 0 119 30.6 121 71 0.3 7.9-1.3 15.7-4.7 23.1z m193.4-13.1c-45.9 11.2-91.2 16.6-134.3 16.6h-3c2.3-9.6 3.3-19.4 2.8-29.3-1-20.4-8.3-40.4-21-57.7-10.7-14.5-25-27-42.5-37.2-30.7-17.9-70.4-27.7-111.8-27.7v54.4-54.4c-4.4 0-8.9 0.1-13.4 0.3-34.2 1.7-66.9 9.9-94.6 23.5-7.6-13.6-13.5-28.1-17.2-43.4-33.4-136.3 107.3-287.8 314.2-338.5C499 123.3 544.3 118 587.4 118c151.1 0 274.8 65.5 300.7 171.6 33.4 136.3-107.3 287.8-314.2 338.5z"
+        })
+    });
+const FreedomSelect = SvgFreedomSelect;
+const SvgGetPosition = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M617.472 648.192c-20.48-9.216-44.032 1.024-52.224 20.48-9.216 20.48 1.024 44.032 20.48 52.224 48.128 20.48 77.824 49.152 77.824 73.728 0 45.056-101.376 108.544-265.216 108.544S133.12 840.704 133.12 795.648c0-23.552 25.6-49.152 69.632-69.632 19.456-9.216 28.672-32.768 18.432-53.248-9.216-19.456-32.768-28.672-53.248-18.432-73.728 34.816-113.664 84.992-113.664 141.312 0 107.52 148.48 188.416 345.088 188.416s345.088-80.896 345.088-188.416c-1.024-58.368-47.104-112.64-126.976-147.456z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M968.704 200.704c-4.096-13.312-14.336-22.528-26.624-26.624L483.328 41.984c-11.264-3.072-22.528-2.048-32.768 5.12-9.216 6.144-16.384 17.408-17.408 28.672L417.792 204.8 394.24 406.528l-7.168 62.464-34.816 303.104c-2.048 21.504 13.312 41.984 34.816 44.032h4.096c19.456 0 36.864-15.36 39.936-34.816L460.8 522.24l379.904 83.968c3.072 1.024 6.144 1.024 8.192 1.024 10.24 0 21.504-4.096 28.672-12.288 9.216-10.24 13.312-24.576 9.216-37.888L838.656 378.88l119.808-140.288c11.264-11.264 14.336-25.6 10.24-37.888zM766.976 342.016c-8.192 10.24-11.264 23.552-8.192 35.84l35.84 135.168-323.584-71.68 35.84-310.272 353.28 101.376-93.184 109.568z"
+            })
+        ]
+    });
+const GetPosition = SvgGetPosition;
+const SvgHand = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M824.515155 243.164159c-16.249079 0-31.582299 4.389984-44.734854 12.033058l0-56.767911c0-49.345871-40.10337-89.468684-89.468684-89.468684-18.438954 0-35.519981 5.591345-49.800219 15.155165-12.236696-34.83539-45.433772-59.890019-84.405365-59.890019-38.968523 0-72.189136 25.054629-84.420715 59.890019-14.21884-9.56382-31.343869-15.155165-49.7818-15.155165-49.343825 0-89.467661 40.122813-89.467661 89.468684l0 329.831031-60.22157-104.365976c-11.664667-21.25407-30.735002-36.369326-53.626361-42.637076-22.321378-6.072299-45.541219-2.863211-65.399499 9.041934-40.582277 24.332175-56.048527 79.356372-34.444487 122.669854 1.333368 2.708692 29.879518 61.160965 118.979812 239.312434 41.960671 83.877339 88.004333 143.902434 136.845715 178.239474 38.334073 26.956955 64.831564 28.353768 69.746504 28.353768l223.674269 0c38.047548 0 73.438593-12.362562 105.236809-36.785811 29.794583-22.935362 55.745628-56.136531 76.933183-98.596576 41.765219-83.532485 63.869656-199.123107 63.869656-334.333578L914.029888 332.587817c0-49.342802-40.148395-89.469708-89.467661-89.469708L824.515155 243.164159zM869.250008 489.203808c0 128.264269-20.444635 236.908688-59.150168 314.276776-25.255197 50.504254-70.422909 110.702288-142.157697 110.702288l-223.234247 0c-1.726318-0.130983-20.576641-2.228761-48.974411-23.502273-28.308743-21.186532-71.795163-65.835428-118.017904-158.318772-90.669022-181.384094-118.541837-238.506069-118.803803-239.050468-0.041956-0.089028-0.041956-0.130983-0.085958-0.176009-11.228739-22.499433-3.276626-51.988048 17.388019-64.36903 9.304923-5.593392 20.180622-7.057743 30.645974-4.239558 11.138688 3.036149 20.488637 10.552334 26.253944 21.100574 0.10847 0.130983 0.198521 0.326435 0.284479 0.458441l69.829392 121.009028c14.264888 26.079982 30.319539 37.004799 47.730071 32.593326 17.452487-4.414543 26.253944-21.889543 26.253944-51.770084L377.211643 198.429305c0-24.64019 20.09671-44.734854 44.732807-44.734854 24.642237 0 44.738947 20.094664 44.738947 44.734854l0 290.774503c0 12.342096 10.021238 22.367427 22.366404 22.367427 12.341073 0 22.36538-10.025331 22.36538-22.367427L511.415181 153.694451c0-24.641213 20.09671-44.73383 44.735877-44.73383 24.638143 0 44.735877 20.092617 44.735877 44.73383l0 335.509357c0 12.342096 10.002818 22.367427 22.36538 22.367427 12.363585 0 22.367427-10.025331 22.367427-22.367427L645.619742 198.429305c0-24.64019 20.098757-44.734854 44.73383-44.734854 24.63712 0 44.735877 20.094664 44.735877 44.734854l0 335.509357c0 12.319583 10.001795 22.367427 22.367427 22.367427 12.363585 0 22.366404-10.047844 22.366404-22.367427L779.82328 332.632843c0-24.641213 20.09671-44.73383 44.735877-44.73383 24.635073 0 44.731784 20.092617 44.731784 44.73383l0 156.570965L869.250008 489.203808z"
+        })
+    });
+const Hand = SvgHand;
+const SvgLine = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M933.5296 66.1504a163.84 163.84 0 0 1-201.5744 255.488 37.7344 37.7344 0 0 1-2.9696 3.3792l-405.504 405.504a39.424 39.424 0 0 1-3.328 2.9696A163.8912 163.8912 0 1 1 266.24 679.5264a38.912 38.912 0 0 1 2.9696-3.328l405.504-405.504c1.024-1.024 2.1504-2.048 3.328-2.9696a163.8912 163.8912 0 0 1 255.488-201.5744z m-54.272 54.272a87.04 87.04 0 1 1-123.136 123.136 87.04 87.04 0 0 1 123.136-123.0848zM242.0736 880.7936a87.04 87.04 0 1 0-123.136-123.0848 87.04 87.04 0 0 0 123.136 123.0848z"
+        })
+    });
+const Line = SvgLine;
+const SvgMarker = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M658.285714 365.714286q0-60.562286-42.861714-103.424t-103.424-42.861714-103.424 42.861714-42.861714 103.424 42.861714 103.424 103.424 42.861714 103.424-42.861714 42.861714-103.424zM804.571429 365.714286q0 62.317714-18.870857 102.253714l-208.018286 442.294857q-9.142857 18.870857-27.136 29.696t-38.546286 10.825143-38.546286-10.825143-26.550857-29.696l-208.603429-442.294857q-18.870857-40.009143-18.870857-102.253714 0-121.124571 85.723429-206.848t206.848-85.723429 206.848 85.723429 85.723429 206.848z"
+        })
+    });
+const generated_Marker = SvgMarker;
+const SvgMeasure = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M101.032 718.088l162.616-162.584-166.152-166.16c-40.696-40.72-40.696-106.96 0-147.68L241.44 97.72A103.752 103.752 0 0 1 315.28 67.12a103.68 103.68 0 0 1 73.832 30.6l166.16 166.152 146.92-146.936a143.976 143.976 0 0 1 102.448-42.44c38.704 0 75.08 15.088 102.44 42.448a143.944 143.944 0 0 1 42.448 102.448c0 38.688-15.08 75.064-42.448 102.424L760.16 468.752l166.16 166.16c40.688 40.728 40.688 106.96-0.008 147.688l-143.944 143.936a103.744 103.744 0 0 1-73.84 30.608 103.696 103.696 0 0 1-73.84-30.608l-166.16-166.16-162.768 162.8-180.072 21.584a43.144 43.144 0 0 1-36.032-12.704 43.12 43.12 0 0 1-12.112-36.184l23.488-177.784z m755.816-446.496a73.344 73.344 0 0 0 21.632-52.2 73.336 73.336 0 0 0-21.648-52.224c-27.872-27.888-76.512-27.888-104.4 0L605.496 314.088l104.432 104.44 146.92-146.936z m-171.92 604.712c12.6 12.624 34.592 12.624 47.208 0l143.936-143.944a33.44 33.44 0 0 0 0.008-47.224L763.848 572.92c-1.64 5.376-4.136 10.528-8.392 14.792l-62.48 62.488a35.528 35.528 0 0 1-50.24-50.24l62.48-62.488c4.264-4.264 9.416-6.752 14.8-8.392L629.392 438.48c-1.64 5.376-4.144 10.528-8.392 14.776L523.56 550.72a35.528 35.528 0 0 1-50.24-50.24l97.448-97.464c4.248-4.24 9.4-6.744 14.784-8.384L494.952 304.032c-1.64 5.376-4.144 10.52-8.392 14.776l-62.488 62.496a35.528 35.528 0 0 1-50.24-50.24l62.488-62.496c4.248-4.256 9.4-6.744 14.776-8.384L338.88 147.96a33.128 33.128 0 0 0-23.592-9.784 33.16 33.16 0 0 0-23.608 9.784L147.728 291.896a33.44 33.44 0 0 0-0.008 47.224l537.208 537.176z m-412.04-20.744l145.408-145.416-104.416-104.424-145.584 145.576-15.68 118.664 120.272-14.4z"
+        })
+    });
+const Measure = SvgMeasure;
+const SvgMode = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M874.2 459.2l12.9 8.1c26.4 16.6 34.4 51.4 17.8 77.9-4.5 7.1-10.5 13.2-17.8 17.8l-345 216.5c-18.4 11.5-41.7 11.5-60 0L136.8 562.4c-26.4-16.6-34.4-51.4-17.8-77.9 4.5-7.1 10.5-13.2 17.8-17.8l12.9-8.1 332.4 209c18.4 11.5 41.7 11.5 60 0l332.1-208.5v0.1z m0 166l12.9 8.1c26.4 16.6 34.4 51.4 17.8 77.9-4.5 7.1-10.5 13.2-17.8 17.8l-345 216.6c-18.4 11.5-41.7 11.5-60 0L136.8 728.5c-26.4-16.6-34.4-51.4-17.8-77.9 4.5-7.1 10.5-13.2 17.8-17.8l12.9-8.1 332.3 209c18.4 11.5 41.7 11.5 60 0l332.1-208.5h0.1zM541.7 80l345.2 217.1c26.4 16.6 34.4 51.4 17.8 77.9-4.5 7.1-10.5 13.2-17.8 17.8L542.1 609.2c-18.4 11.5-41.7 11.5-60 0L136.8 392.1c-26.4-16.6-34.4-51.4-17.8-77.9 4.5-7.1 10.5-13.2 17.8-17.8l345-216.7c18.4-11.5 41.7-11.5 60 0l-0.1 0.3z"
+        })
+    });
+const Mode = SvgMode;
+const SvgOriginPosition = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M512 415.185455c-53.527273 0-96.814545 43.287273-96.814545 96.814545s43.287273 96.814545 96.814545 96.814545 96.814545-43.287273 96.814545-96.814545-43.287273-96.814545-96.814545-96.814545z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M936.96 480.349091h-59.578182c-14.894545-177.803636-156.392727-318.836364-334.196363-334.196364V87.04c0-17.221818-13.963636-31.650909-31.65091-31.650909s-31.185455 13.963636-31.185454 31.650909v59.578182c-177.803636 14.894545-318.836364 156.392727-334.196364 334.196363H87.04c-17.221818 0-31.650909 13.963636-31.650909 31.185455s13.963636 31.650909 31.650909 31.650909h59.578182c14.894545 177.803636 156.392727 318.836364 334.196363 334.196364v59.578182c0 17.221818 13.963636 31.185455 31.185455 31.185454s31.650909-13.963636 31.650909-31.185454v-59.578182c177.803636-14.894545 318.836364-156.392727 334.196364-334.196364h59.578182c17.221818 0 31.185455-13.963636 31.185454-31.650909s-13.963636-31.185455-31.185454-31.185455z m-393.774545 334.196364v-39.098182c0-17.221818-13.963636-31.185455-31.65091-31.185455s-31.185455 13.963636-31.185454 31.185455v39.098182a305.152 305.152 0 0 1-271.36-271.36h39.098182c17.221818 0 31.650909-13.963636 31.650909-31.65091s-13.963636-31.185455-31.650909-31.185454h-39.098182a305.152 305.152 0 0 1 271.36-271.36v39.098182c0 17.221818 13.963636 31.650909 31.185454 31.650909s31.650909-13.963636 31.65091-31.650909v-39.098182c142.894545 14.894545 256.465455 128.465455 271.36 271.36h-39.098182c-17.221818 0-31.185455 13.963636-31.185455 31.185454s13.963636 31.650909 31.185455 31.65091h39.098182a305.152 305.152 0 0 1-271.36 271.36z"
+            })
+        ]
+    });
+const OriginPosition = SvgOriginPosition;
+const SvgPoint = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M512 1024c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM512 38.4C249.6 38.4 38.4 249.6 38.4 512c0 262.4 211.2 473.6 473.6 473.6s473.6-211.2 473.6-473.6C985.6 249.6 774.4 38.4 512 38.4z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M512 262.4c134.4 0 249.6 108.8 249.6 249.6s-108.8 249.6-249.6 249.6c-134.4 0-249.6-108.8-249.6-249.6S377.6 262.4 512 262.4z"
+            })
+        ]
+    });
+const Point = SvgPoint;
+const SvgPointerSelect = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M430.933333 896c-17.066667 0-34.133333-8.533333-38.4-25.6l-302.933333-725.333333c-8.533333-17.066667-4.266667-34.133333 8.533333-46.933334 12.8-12.8 29.866667-17.066667 46.933334-8.533333l725.333333 302.933333c17.066667 8.533333 25.6 21.333333 25.6 42.666667 0 17.066667-12.8 34.133333-29.866667 38.4l-294.4 102.4-102.4 290.133333c-4.266667 17.066667-21.333333 29.866667-38.4 29.866667zM209.066667 209.066667L426.666667 729.6l72.533333-209.066667c4.266667-12.8 12.8-21.333333 25.6-25.6l209.066667-72.533333-524.8-213.333333z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M810.666667 853.333333c-12.8 0-21.333333-4.266667-29.866667-12.8l-256-256c-17.066667-17.066667-17.066667-42.666667 0-59.733333s42.666667-17.066667 59.733333 0l256 256c17.066667 17.066667 17.066667 42.666667 0 59.733333-8.533333 8.533333-17.066667 12.8-29.866666 12.8z"
+            })
+        ]
+    });
+const PointerSelect = SvgPointerSelect;
+const SvgReceiver = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M768 256c0-140.8-115.2-256-256-256S256 115.2 256 256c0 128 94.4 230.4 212.8 251.2v473.6c0 25.6 17.6 43.2 43.2 43.2s43.2-17.6 43.2-43.2V507.2C673.6 486.4 768 384 768 256zM512 427.2c-94.4 0-171.2-76.8-171.2-171.2S417.6 84.8 512 84.8 683.2 161.6 683.2 256 606.4 427.2 512 427.2z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M555.2 171.2c-25.6 0-43.2 17.6-43.2 43.2s17.6 43.2 43.2 43.2 43.2-17.6 43.2-43.2-17.6-43.2-43.2-43.2z"
+            })
+        ]
+    });
+const Receiver = SvgReceiver;
+const SvgRectangleSelect = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M822.30573588 173.43397564a28.21013624 28.21013624 0 1 1-28.22945122 28.21013546 28.21979373 28.21979373 0 0 1 28.21979372-28.21013546zM201.6441111 850.84423398a28.21013624 28.21013624 0 1 1 28.21013623-28.21013623 28.21979373 28.21979373 0 0 1-28.21013623 28.21013623zM201.6441111 229.85424733a28.21013624 28.21013624 0 1 1 28.21013623-28.21979372 28.21013624 28.21013624 0 0 1-28.21013623 28.21979372z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M850.86354898 742.96774623V281.70642851a84.6400662 84.6400662 0 1 0-107.90546025-108.26279538H281.69677102A84.98774304 84.98774304 0 0 0 192.1216209 117.02336067 83.92539593 83.92539593 0 0 0 117.01370318 192.13127917a84.98774304 84.98774304 0 0 0 56.42027246 89.57514935v461.2613177a84.70767023 84.70767023 0 1 0 108.26279538 107.87648776h461.26131771a84.6400662 84.6400662 0 1 0 107.90546025-107.87648775z m-56.42027169 0a84.63040793 84.63040793 0 0 0-51.48518856 51.48518855v-0.35733513H281.69677102a84.29238856 84.29238856 0 0 0-51.83286542-51.13751092v-461.63796784a85.33541991 85.33541991 0 0 0 51.83286542-51.46587356h461.26131771a85.34507818 85.34507818 0 0 0 51.48518855 51.84252369z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M822.30573588 850.84423398a28.21013624 28.21013624 0 1 1 28.21013624-28.21013623 28.21013624 28.21013624 0 0 1-28.21013624 28.21013623z"
+            })
+        ]
+    });
+const RectangleSelect = SvgRectangleSelect;
+const SvgSatellite = (props)=>/*#__PURE__*/ jsxs("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M399.181913 81.16313a33.391304 33.391304 0 0 1-21.860174 41.850435 409.6 409.6 0 0 0-88.865391 40.069565c17.363478 9.794783 32.144696 24.531478 41.939478 44.121044 17.14087 34.326261 28.538435 71.68 31.744 106.496 3.116522 33.792-1.068522 70.344348-21.548522 97.680696-9.171478 12.198957-18.788174 20.168348-33.213217 32.055652l-2.31513 1.958956c-15.62713 12.911304-40.069565 33.124174-81.830957 70.656a147.144348 147.144348 0 0 1-7.123478 8.859826l-3.205565 3.739826a168.247652 168.247652 0 0 0-3.962435 4.58574 21.860174 21.860174 0 0 0-5.12 8.681739c-0.311652 1.068522-1.335652 5.12 10.996869 20.658087 3.606261 4.585739 6.767304 8.281043 10.373566 12.466087 2.938435 3.428174 6.188522 7.212522 10.195478 12.020869 7.346087 8.904348 15.404522 19.411478 22.260869 31.387826 36.730435 53.604174 45.412174 128.934957 35.884522 191.577044-2.671304 20.034783-11.709217 35.706435-24.264348 46.569739 39.223652 26.713043 83.255652 46.83687 130.582261 58.768696a366.413913 366.413913 0 0 1 22.528-148.079305c19.055304-49.864348 51.2-95.49913 98.482087-120.520348l0.356174-0.178087 0.311652-0.178087c28.538435-14.246957 81.252174-36.151652 141.133913-25.243826l0.578783 0.089044c41.449739 8.325565 65.536 26.935652 83.834435 42.162087l1.647304 1.380174c16.829217 14.06887 24.576 20.48 38.15513 23.062261 14.692174 2.092522 31.744-4.051478 53.960348-22.349913 18.209391-14.959304 35.305739-34.05913 53.604174-54.494609l9.616696-10.685218A413.606957 413.606957 0 0 0 912.695652 516.006957a33.391304 33.391304 0 0 1 66.782609 0c0 264.325565-214.28313 478.608696-478.608696 478.608695S22.26087 780.332522 22.26087 516.006957v-4.452174c0-124.972522 52.713739-244.335304 133.787826-330.128696l0.311652-0.356174 0.356174-0.311652a107.297391 107.297391 0 0 1 16.205913-13.356522 478.297043 478.297043 0 0 1 184.364522-108.098782 33.391304 33.391304 0 0 1 41.850434 21.815652z m-185.210435 139.397566A410.624 410.624 0 0 0 89.043478 513.825391c0.578783 114.777043 45.857391 216.731826 119.318261 290.192696 4.36313 4.36313 9.349565 4.986435 13.089391 3.873391a8.815304 8.815304 0 0 0 4.140522-2.493217 7.212522 7.212522 0 0 0 1.736348-4.140522l0.044522-0.445217 0.089043-0.489739c8.058435-52.49113-0.845913-109.701565-25.510956-144.962783l-1.024-1.424696-0.845913-1.513739a155.737043 155.737043 0 0 0-16.250435-22.884174l-7.791304-9.260521c-4.630261-5.431652-9.750261-11.397565-13.534609-16.205913-13.178435-16.562087-32.144696-43.76487-23.507478-78.358261 3.962435-15.716174 11.798261-26.846609 18.253913-34.726957 3.561739-4.318609 5.787826-6.90087 7.568695-8.904348 2.226087-2.493217 3.606261-4.006957 5.520696-6.856348l2.31513-3.517217 3.116522-2.804869c44.521739-40.069565 70.433391-61.484522 86.817391-75.019131l0.48974-0.445217c16.918261-13.979826 20.257391-17.007304 24.08626-22.127305 6.233043-8.281043 10.907826-25.154783 8.459131-51.46713-2.31513-25.377391-10.952348-54.761739-24.932174-82.765913-9.839304-19.589565-36.507826-27.158261-56.765217-16.473044z m562.309565 533.236869l-0.445217-0.044522-0.445217-0.089043c-31.833043-5.787826-52.313043-23.106783-67.227826-35.706435l-3.82887-3.205565c-15.048348-12.55513-28.761043-22.839652-53.871304-27.91513-37.843478-6.767304-73.906087 6.767304-98.704696 19.144347-28.271304 15.137391-51.645217 45.056-67.005217 85.170087a300.655304 300.655304 0 0 0-17.408 131.428174l0.044521 0.801392h33.480348a408.665043 408.665043 0 0 0 339.344696-178.888348c-19.144348 8.45913-40.514783 12.911304-63.933218 9.349565z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M900.585739 172.29913C877.968696 74.930087 793.288348 27.648 712.481391 27.648c-2.404174 0-4.763826 0.044522-7.123478 0.133565-78.625391 2.671304-159.076174 49.997913-180.98087 144.428522-25.956174 111.526957 45.278609 202.128696 98.125914 252.215652l0.089043 0.044522a130.671304 130.671304 0 0 0 179.867826-0.089044c53.069913-50.309565 123.369739-140.688696 98.170435-251.993043l-0.044522-0.178087z m-188.104348-77.824c56.364522 0 108.855652 31.877565 123.013566 92.783305 16.873739 74.529391-29.384348 141.757217-78.981566 188.727652l-0.133565 0.089043a63.888696 63.888696 0 0 1-87.974956-0.133565c-49.730783-47.148522-96.256-114.287304-78.981566-188.594087 14.157913-60.994783 66.649043-92.872348 123.058087-92.872348z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M644.318609 218.690783a66.782609 66.782609 0 0 0 66.782608 66.782608h0.445218a66.782609 66.782609 0 1 0 0-133.565217h-0.445218a66.782609 66.782609 0 0 0-66.782608 66.782609z"
+            })
+        ]
+    });
+const Satellite = SvgSatellite;
+const SvgSelectTool = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M520.396 523.196l436.635 195.926-156.74 78.37-78.37 156.74-201.525-431.036z m330.276-397.449v111.958h-55.979V125.747H682.735V69.768h167.937v55.979zM122.947 797.492h111.958v55.979H66.968V685.534h55.979v111.958z m0-671.745v111.958H66.968V69.768h167.937v55.979H122.947z m223.915-55.979h223.915v55.979H346.862V69.768z m0 727.724h223.915v55.979H346.862v-55.979zM66.968 349.662h55.979v223.916H66.968V349.662z m727.724 0h55.979v223.916h-55.979V349.662z"
+        })
+    });
+const SelectTool = SvgSelectTool;
+const SvgStreets = (props)=>/*#__PURE__*/ jsx("svg", {
+        className: "icon",
+        viewBox: "0 0 1024 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M988.31 593.016H853.987a146.673 146.673 0 0 0-123.784-120.47v-291.84h258.109a30.118 30.118 0 0 0 0-60.235H730.202V30.118a30.118 30.118 0 0 0-60.235 0v90.353H519.38L402.22 208.414H40.81a30.118 30.118 0 0 0 0 60.235h152.998v324.367H35.69a30.118 30.118 0 0 0 0 60.236h158.118v340.63a30.118 30.118 0 0 0 60.235 0v-340.63h313.224A147.576 147.576 0 0 0 669.967 757.76v236.122a30.118 30.118 0 0 0 60.235 0V761.374a146.372 146.372 0 0 0 120.47-108.122h137.036a30.118 30.118 0 0 0 0-60.236z m-423.755 0H254.042V268.65H422.1l117.76-87.943h130.108v293.346a146.673 146.673 0 0 0-105.412 118.964zM709.12 703.247a87.04 87.04 0 1 1 87.04-86.739 86.739 86.739 0 0 1-87.04 86.74z"
+        })
+    });
+const Streets = SvgStreets;
+const DefaultMarkerChild = (props)=>{
+    const { mapless, marker, onChange } = props;
+    return /*#__PURE__*/ jsxs("div", {
+        style: {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        children: [
+            /*#__PURE__*/ jsx(Input, {
+                style: {
+                    width: 100,
+                    marginRight: 4
+                },
+                size: "small",
+                onChange: (e)=>{
+                    onChange({
+                        remark: e.target.value
+                    });
+                }
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                icon: /*#__PURE__*/ jsx(_ant_design_icons, {
+                    component: Copy
+                }),
+                size: "small",
+                onClick: ()=>{
+                    const fix = mapless?.coordTrans('tileToData', [
+                        marker.lngLat.lng,
+                        marker.lngLat.lat
+                    ]);
+                    const fixLnglat = new LngLat(fix[0], fix[1]);
+                    let coordText = `经度: ${fixLnglat.lng.toFixed(6)}, 纬度: ${fixLnglat.lat.toFixed(6)}`;
+                    const remark = marker.remark || '';
+                    if (remark) coordText += `, 备注: ${remark}`;
+                    navigator.clipboard.writeText(coordText).then(()=>{
+                        message.info(`坐标已复制: ${coordText}`);
+                    }).catch(()=>{
+                        message.info(`坐标获取成功: ${coordText}`);
+                    });
+                }
+            })
+        ]
+    });
+};
+const DraggableMarker_DefaultMarkerChild = DefaultMarkerChild;
+const getMarkerLngLat = (marker)=>{
+    const item = marker;
+    if (item.lngLat) return item.lngLat;
+    return new LngLat(0, 0);
+};
+const getMarkerName = (marker)=>{
+    const item = marker;
+    return item.label || '';
+};
+const getMarkerId = (marker)=>{
+    const item = marker;
+    return item.id || '';
+};
+const DraggableMarkerGroup = ({ mapless, markers, showDefaultPopup = true, showMarkerPopup = true, baseIconType = 'marker', onChange, onMarkersChange })=>{
+    const { prevCoordSystem, coordSystem } = hooks_useCoordSystem(mapless);
+    useEffect(()=>{
+        if (mapless && prevCoordSystem && coordSystem && prevCoordSystem !== coordSystem && markers) onMarkersChange?.(markers?.map((mkr)=>{
+            const pos = [
+                mkr.lngLat.lng,
+                mkr.lngLat.lat
+            ];
+            const coord = QuickTrans(prevCoordSystem, coordSystem, pos);
+            return {
+                ...mkr,
+                lngLat: new LngLat(coord[0], coord[1])
+            };
+        }) || []);
+    }, [
+        prevCoordSystem,
+        coordSystem
+    ]);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: markers?.map((m)=>/*#__PURE__*/ jsx(DraggableMarker_DraggableMarker, {
+                mapless: mapless,
+                lngLat: getMarkerLngLat(m),
+                anchor: "bottom",
+                iconType: baseIconType,
+                showPopup: showMarkerPopup,
+                onChange: (lngLat)=>{
+                    onChange?.(getMarkerId(m), {
+                        lngLat
+                    });
+                },
+                name: getMarkerName(m),
+                children: showDefaultPopup && /*#__PURE__*/ jsx(DraggableMarker_DefaultMarkerChild, {
+                    marker: m,
+                    mapless: mapless,
+                    onChange: (update)=>{
+                        onChange?.(getMarkerId(m), update);
+                    }
+                })
+            }, getMarkerId(m)))
+    });
+};
+const Group = DraggableMarkerGroup;
+const DraggableMarker_index_module = {
+    "react-marker": "react-marker-crXza6",
+    reactMarker: "react-marker-crXza6",
+    "react-popup": "react-popup-DC9gvk",
+    reactPopup: "react-popup-DC9gvk",
+    content: "content-lMdbtX",
+    icon: "icon-R2hd2X",
+    tooltip: "tooltip-xHAtcl"
+};
+const DraggableMarker = ({ mapless, lngLat, children, className, anchor, name, iconType = 'marker', showPopup = true, onChange })=>{
+    const markerRef = useRef(void 0);
+    const markerNodeRef = useRef(document.createElement('div'));
+    const popupNodeRef = useRef(document.createElement('div'));
+    const [position, setPosition] = useState(lngLat);
+    const fixPosition = useMemo(()=>position ? mapless?.coordTrans('tileToData', [
+            position.lng,
+            position.lat
+        ]) : null, [
+        position,
+        mapless
+    ]);
+    useEffect(()=>{
+        const { map } = mapless || {};
+        if (!map) return;
+        markerRef.current?.remove();
+        markerRef.current = new Marker({
+            element: markerNodeRef.current,
+            className: `${DraggableMarker_index_module["react-marker"]} ${className}`,
+            anchor: anchor || 'center',
+            draggable: true
+        }).setLngLat(lngLat).addTo(map);
+        if (showPopup) markerRef.current?.setPopup(new Popup({
+            closeOnMove: false,
+            closeOnClick: false,
+            className: DraggableMarker_index_module["react-popup"],
+            focusAfterOpen: false,
+            anchor: 'top'
+        }).setLngLat(lngLat).setDOMContent(popupNodeRef.current));
+        else markerRef.current?.setPopup(null);
+        markerRef.current.on('dragend', ()=>{
+            setPosition(markerRef.current?.getLngLat() || lngLat);
+            onChange?.(markerRef.current?.getLngLat() || lngLat);
+        });
+    }, [
+        mapless,
+        JSON.stringify(lngLat),
+        showPopup
+    ]);
+    useEffect(()=>()=>{
+            markerRef.current?.remove();
+            markerRef.current = void 0;
+        }, []);
+    const selectedIcon = 'receiver' === iconType ? Receiver : generated_Marker;
+    const renderMarkerContent = ()=>/*#__PURE__*/ jsxs(Tooltip, {
+            rootClassName: DraggableMarker_index_module.tooltip,
+            title: /*#__PURE__*/ jsxs("div", {
+                style: {
+                    fontSize: 10
+                },
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        style: {
+                            width: '100%',
+                            lineHeight: '12px'
+                        },
+                        children: [
+                            "经度：",
+                            fixPosition?.[0].toFixed(6)
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        style: {
+                            width: '100%',
+                            lineHeight: '12px',
+                            marginBottom: 4
+                        },
+                        children: [
+                            "纬度：",
+                            fixPosition?.[1].toFixed(6)
+                        ]
+                    })
+                ]
+            }),
+            children: [
+                name && /*#__PURE__*/ jsx("div", {
+                    style: {
+                        position: 'absolute',
+                        top: '100%',
+                        left: '50%',
+                        transform: 'translate(-50%,0)',
+                        width: '60px',
+                        textAlign: 'center'
+                    },
+                    children: name
+                }),
+                /*#__PURE__*/ jsx(_ant_design_icons, {
+                    component: selectedIcon,
+                    className: DraggableMarker_index_module.icon
+                })
+            ]
+        });
+    const renderPopupContent = ()=>/*#__PURE__*/ jsxs("div", {
+            className: DraggableMarker_index_module.content,
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    style: {
+                        width: '100%',
+                        lineHeight: '12px'
+                    },
+                    children: [
+                        "经度：",
+                        fixPosition?.[0].toFixed(6)
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    style: {
+                        width: '100%',
+                        lineHeight: '12px',
+                        marginBottom: 4
+                    },
+                    children: [
+                        "纬度：",
+                        fixPosition?.[1].toFixed(6)
+                    ]
+                }),
+                children
+            ]
+        });
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(components_ErrorBoundary, {
+                message: "DraggableMarker 1",
+                children: /*#__PURE__*/ createPortal(renderMarkerContent(), markerNodeRef.current)
+            }),
+            showPopup && /*#__PURE__*/ jsx(components_ErrorBoundary, {
+                message: "DraggableMarker 2",
+                children: /*#__PURE__*/ createPortal(renderPopupContent(), popupNodeRef.current)
+            })
+        ]
+    });
+};
+DraggableMarker.Group = Group;
+const DraggableMarker_DraggableMarker = DraggableMarker;
+const Float_index_module = {
+    root: "root-ChMEHr",
+    dragging: "dragging-cy5jRW",
+    title: "title-Ikuh0j",
+    close: "close-og7mQm"
+};
+const Float = (props)=>{
+    const { title, open, children, onCancel } = props;
+    const [position, setPosition] = useState({
+        top: '10px',
+        right: '400px'
+    });
+    const [isDragging, setIsDragging] = useState(false);
+    const [offset, setOffset] = useState({
+        x: 0,
+        y: 0
+    });
+    const [_hasMoved, setHasMoved] = useState(false);
+    const containerRef = useRef(null);
+    const handleMouseDown = (e)=>{
+        e.preventDefault();
+        setHasMoved(false);
+        if (containerRef.current) {
+            const rect = containerRef.current.getBoundingClientRect();
+            setOffset({
+                x: e.clientX - rect.left,
+                y: e.clientY - rect.top
+            });
+            setIsDragging(true);
+        }
+    };
+    const handleMouseMove = useCallback((e)=>{
+        if (!isDragging || !containerRef.current) return;
+        const windowWidth = window.innerWidth;
+        const windowHeight = window.innerHeight;
+        const containerWidth = containerRef.current.offsetWidth;
+        const containerHeight = containerRef.current.offsetHeight;
+        let newLeft = e.clientX - offset.x;
+        let newTop = e.clientY - offset.y;
+        newLeft = Math.max(0, Math.min(windowWidth - containerWidth, newLeft));
+        newTop = Math.max(0, Math.min(windowHeight - containerHeight, newTop));
+        setPosition({
+            top: `${newTop}px`,
+            right: `${windowWidth - newLeft - containerWidth}px`
+        });
+        setHasMoved(true);
+    }, [
+        isDragging,
+        offset
+    ]);
+    const handleMouseUp = useCallback(()=>{
+        setIsDragging(false);
+    }, []);
+    useEffect(()=>{
+        if (isDragging) {
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+            return ()=>{
+                document.removeEventListener('mousemove', handleMouseMove);
+                document.removeEventListener('mouseup', handleMouseUp);
+            };
+        }
+    }, [
+        isDragging,
+        handleMouseMove,
+        handleMouseUp
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        ref: containerRef,
+        className: `${Float_index_module.root} ${isDragging ? Float_index_module.dragging : ''}`,
+        style: {
+            top: position.top,
+            right: position.right,
+            display: open ? 'flex' : 'none'
+        },
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                className: Float_index_module.title,
+                onMouseDown: handleMouseDown,
+                align: "center",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        style: {
+                            flex: 1
+                        },
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        className: Float_index_module.close,
+                        type: "text",
+                        onClick: onCancel,
+                        icon: /*#__PURE__*/ jsx(CloseOutlined, {})
+                    })
+                ]
+            }),
+            children
+        ]
+    });
+};
+const MapboxMarker_index_module = {
+    "react-marker": "react-marker-DS7aRO",
+    reactMarker: "react-marker-DS7aRO",
+    transparent: "transparent-nNmBnZ"
+};
+const MapboxMarker_MapboxMarker = /*#__PURE__*/ forwardRef(({ maplessRef, lngLat, children, className, offset, offsetX, offsetY, anchor, transparent = false }, ref)=>{
+    const markerRef = useRef(void 0);
+    const markerNodeRef = useRef(document.createElement('div'));
+    const [show, setShow] = useState(false);
+    const oncedRef = useRef(false);
+    const fixedLngLatRef = useRef(lngLat);
+    const { coordSystem } = hooks_useCoordSystem(maplessRef?.current || void 0);
+    useEffect(()=>{
+        const pos = lngLat;
+        fixedLngLatRef.current = maplessRef?.current?.coordTrans('dataToTile', pos);
+    }, [
+        coordSystem,
+        lngLat,
+        maplessRef?.current
+    ]);
+    useImperativeHandle(ref, ()=>({
+            show: ()=>setShow(true),
+            showOnce: ()=>{
+                if (!oncedRef.current) {
+                    oncedRef.current = true;
+                    setShow(true);
+                }
+            },
+            hide: ()=>setShow(false)
+        }), []);
+    useEffect(()=>{
+        const { map } = maplessRef?.current || {};
+        if (!map) return;
+        if (!fixedLngLatRef.current) return;
+        const shouldCreateMarker = show && !markerRef.current;
+        const shouldRemoveMarker = !show && markerRef.current;
+        if (shouldCreateMarker) {
+            const offsetXY = offset || [
+                offsetX || 0,
+                offsetY || 0
+            ];
+            markerRef.current = new Marker({
+                element: markerNodeRef.current,
+                className: `${MapboxMarker_index_module["react-marker"]} ${className} ${transparent ? MapboxMarker_index_module.transparent : ''}`,
+                offset: offsetXY,
+                anchor: anchor || 'center'
+            });
+            markerRef.current.setLngLat(fixedLngLatRef.current);
+            markerRef.current.addTo(map);
+        } else if (shouldRemoveMarker) {
+            markerRef.current?.remove();
+            markerRef.current = void 0;
+        }
+        return ()=>{
+            if (markerRef.current) {
+                markerRef.current.remove();
+                markerRef.current = void 0;
+            }
+        };
+    }, [
+        show,
+        maplessRef?.current?.map,
+        fixedLngLatRef.current
+    ]);
+    useEffect(()=>{
+        if (markerRef.current && fixedLngLatRef.current) try {
+            const [prevLng, prevLat] = markerRef.current.getLngLat().toArray();
+            const [newLng, newLat] = Array.isArray(fixedLngLatRef.current) ? fixedLngLatRef.current : fixedLngLatRef.current.toArray();
+            if (prevLng !== newLng || prevLat !== newLat) markerRef.current.setLngLat([
+                newLng,
+                newLat
+            ]);
+        } catch (_e) {
+            markerRef.current.setLngLat(fixedLngLatRef.current);
+        }
+    }, [
+        lngLat,
+        coordSystem,
+        maplessRef?.current
+    ]);
+    useEffect(()=>{
+        const offsetXY = offset || [
+            offsetX || 0,
+            offsetY || 0
+        ];
+        markerRef.current?.setOffset(offsetXY);
+    }, [
+        offset,
+        offsetX,
+        offsetY
+    ]);
+    return /*#__PURE__*/ jsx(components_ErrorBoundary, {
+        message: "MapboxMarker",
+        children: /*#__PURE__*/ createPortal(children, markerNodeRef.current)
+    });
+});
+const components_MapboxMarker_MapboxMarker = /*#__PURE__*/ react.memo(MapboxMarker_MapboxMarker);
+const MapboxPopup_index_module = {
+    "react-popup": "react-popup-FKu5Aa",
+    reactPopup: "react-popup-FKu5Aa"
+};
+const MapboxPopup_MapboxPopup = /*#__PURE__*/ forwardRef(({ maplessRef, lngLat, children, onClose }, ref)=>{
+    const popupRef = useRef(void 0);
+    const popupNodeRef = useRef(document.createElement('div'));
+    const [show, setShow] = useState(false);
+    const fixedLngLatRef = useRef(lngLat);
+    const { coordSystem } = hooks_useCoordSystem(maplessRef?.current || void 0);
+    useEffect(()=>{
+        const pos = lngLat;
+        fixedLngLatRef.current = maplessRef?.current?.coordTrans('dataToTile', pos);
+    }, [
+        coordSystem,
+        lngLat,
+        maplessRef?.current
+    ]);
+    useImperativeHandle(ref, ()=>({
+            show: ()=>setShow(true),
+            hide: ()=>setShow(false)
+        }), []);
+    const handlePopupClose = useCallback(()=>{
+        setShow(false);
+        onClose?.();
+    }, [
+        onClose
+    ]);
+    useEffect(()=>{
+        const { map } = maplessRef?.current || {};
+        if (!map) return;
+        popupRef.current?.remove();
+        if (show) {
+            if (!popupRef.current) {
+                popupRef.current = new Popup({
+                    closeOnMove: false,
+                    closeOnClick: false,
+                    className: MapboxPopup_index_module["react-popup"],
+                    focusAfterOpen: false
+                }).setLngLat(fixedLngLatRef.current).setDOMContent(popupNodeRef.current).addTo(map);
+                popupRef.current.on('close', handlePopupClose);
+            }
+            popupRef.current.fire('open');
+        } else popupRef.current?.fire('close');
+        return ()=>{
+            popupRef.current?.remove();
+            popupRef.current = void 0;
+        };
+    }, [
+        maplessRef?.current,
+        show
+    ]);
+    useEffect(()=>{
+        if (popupRef.current) popupRef.current?.setLngLat(fixedLngLatRef.current);
+    }, [
+        JSON.stringify(lngLat),
+        coordSystem
+    ]);
+    return /*#__PURE__*/ jsx(components_ErrorBoundary, {
+        message: "MapboxMarker",
+        children: /*#__PURE__*/ createPortal(children, popupNodeRef.current)
+    });
+});
+function isEqual(prev, next) {
+    return JSON.stringify(prev.lngLat) === JSON.stringify(next.lngLat) && prev.children === next.children;
+}
+const components_MapboxPopup_MapboxPopup = /*#__PURE__*/ react.memo(MapboxPopup_MapboxPopup, isEqual);
+function StationMana({ id, stations }) {
+    const { mapless, isMapReady } = useContext(MapContext);
+    const managerRef = useRef(void 0);
+    useEffect(()=>{
+        if (!mapless || !isMapReady) return;
+        const manager = core_attachOldStation(mapless, id);
+        managerRef.current = manager;
+        return ()=>{
+            if (managerRef.current) detachOldStation(mapless, id);
+        };
+    }, [
+        mapless,
+        isMapReady,
+        id
+    ]);
+    useEffect(()=>{
+        if (!mapless || !isMapReady || !managerRef.current) return;
+        const manager = getOldStation(mapless, id);
+        if (manager) manager.drawStations(stations || []);
+    }, [
+        mapless,
+        isMapReady,
+        id,
+        stations
+    ]);
+    return null;
+}
+const StationsClickPanel_index_module = {
+    container: "container-FjpS8D",
+    circle: "circle-rRbCX5",
+    animate: "animate-Xpso91",
+    closeBtn: "closeBtn-gjsiUj",
+    stationItem: "stationItem-pt1U4a",
+    name: "name-p9MbMw",
+    selected: "selected-YeSjnT"
+};
+const StationsClickPanel_StationsClickPanel = (props)=>{
+    const { stations, onSelected, onClose } = props;
+    const [isAnimated, setIsAnimated] = useState(false);
+    const [isClosing, setIsClosing] = useState(false);
+    const containerSize = 300;
+    const radius = 0.32 * containerSize;
+    const center = {
+        x: containerSize / 2,
+        y: containerSize / 2
+    };
+    useEffect(()=>{
+        if (stations && stations.length > 0 && !isAnimated && !isClosing) setTimeout(()=>{
+            setIsAnimated(true);
+        }, 5);
+    }, [
+        stations,
+        isAnimated,
+        isClosing
+    ]);
+    const handleClose = ()=>{
+        setIsClosing(true);
+        setIsAnimated(false);
+        setTimeout(()=>{
+            setIsClosing(false);
+            onClose?.();
+        }, 300);
+    };
+    const handleStationClick = (station)=>{
+        onSelected?.([
+            station
+        ]);
+        handleClose();
+    };
+    const getStationIcon = (s)=>{
+        const cate = s.category?.toLowerCase() || 'sensor';
+        const stat = s.state?.toLowerCase() || 'idle';
+        const strr = `${cate}${'sensor' === cate ? 'Circle' : 'Rect'}_${stat}`;
+        return Singleton.getIconUrl(strr);
+    };
+    const shouldAnimate = isAnimated && !isClosing;
+    return /*#__PURE__*/ jsxs("div", {
+        className: StationsClickPanel_index_module.container,
+        style: {
+            width: containerSize,
+            height: containerSize
+        },
+        onClick: (e)=>e.stopPropagation(),
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: `${StationsClickPanel_index_module.circle} ${shouldAnimate ? StationsClickPanel_index_module.animate : ''}`
+            }),
+            stations?.map((station, index)=>{
+                const angle = index / stations.length * 2 * Math.PI;
+                const x = center.x + radius * Math.cos(angle);
+                const y = center.y + radius * Math.sin(angle);
+                return /*#__PURE__*/ jsx(Tooltip, {
+                    title: station.name,
+                    children: /*#__PURE__*/ jsxs("div", {
+                        className: `${StationsClickPanel_index_module.stationItem} ${station.selected ? StationsClickPanel_index_module.selected : ''}`,
+                        style: {
+                            left: shouldAnimate ? `${x}px` : `${center.x}px`,
+                            top: shouldAnimate ? `${y}px` : `${center.y}px`,
+                            transform: 'translate(-50%, -50%)',
+                            opacity: shouldAnimate ? 1 : 0,
+                            transition: 'all 0.3s ease'
+                        },
+                        onClick: ()=>handleStationClick(station),
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                style: {
+                                    width: 32,
+                                    height: 32,
+                                    background: `url(${getStationIcon(station)})`,
+                                    backgroundSize: 'cover',
+                                    cursor: 'pointer'
+                                }
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: StationsClickPanel_index_module.name,
+                                children: station.name
+                            })
+                        ]
+                    }, station.id)
+                }, station.id);
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                shape: "circle",
+                variant: "outlined",
+                color: "primary",
+                className: StationsClickPanel_index_module.closeBtn,
+                icon: /*#__PURE__*/ jsx(CloseOutlined, {}),
+                onClick: handleClose
+            })
+        ]
+    });
+};
+const components_StationsClickPanel_StationsClickPanel = StationsClickPanel_StationsClickPanel;
+const components_index_module = {
+    ctrls: "ctrls-JUFhf6",
+    xdbtn: "xdbtn-pE97xT",
+    drawtool: "drawtool-oIv9Zk",
+    theme: "theme-uSxkSZ",
+    marker: "marker-r9vyNI",
+    mousepos: "mousepos-LIOQDX",
+    zoomOptions: "zoomOptions-Hiqqah",
+    zoomOption: "zoomOption-SguTCl",
+    selectDisabled: "selectDisabled-EkpHWn",
+    tooltip: "tooltip-kRfBGw"
+};
+const XDMode = (props)=>{
+    const { mode, onModeClick } = props;
+    const [xdMode, setXdMode] = useState(mode || '2d');
+    useEffect(()=>{
+        setXdMode(mode || '2d');
+    }, [
+        mode
+    ]);
+    const icons = useMemo(()=>({
+            _2d: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: _2D
+            }),
+            _3d: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: _3D
+            })
+        }), []);
+    return /*#__PURE__*/ jsx(FloatButton, {
+        className: components_index_module.xdbtn,
+        icon: icons[`_${xdMode}`],
+        shape: "square",
+        tooltip: {
+            title: '2D/3D 视角切换',
+            placement: 'left'
+        },
+        onClick: ()=>{
+            const mode = '2d' === xdMode ? '3d' : '2d';
+            setXdMode(mode);
+            onModeClick(mode);
+        }
+    });
+};
+const _2D3D = XDMode;
+const DrawTool = (props)=>{
+    const { mapless, reset } = props;
+    const drawRef = useRef(void 0);
+    const [curMode, setCurMode] = useState();
+    useEffect(()=>{
+        if (mapless) {
+            drawRef.current = new Draw(mapless);
+            drawRef.current.onDrawOver = ()=>{
+                setCurMode(void 0);
+            };
+        }
+    }, [
+        mapless
+    ]);
+    useEffect(()=>{
+        if (reset > 0) {
+            setCurMode(void 0);
+            drawRef.current?.cancelDrawing();
+        }
+    }, [
+        reset
+    ]);
+    useEffect(()=>()=>{
+            drawRef.current?.destroy();
+        }, []);
+    const icons = useMemo(()=>({
+            measure: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Measure
+            }),
+            point: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Point
+            }),
+            line: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Line
+            }),
+            area: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Area
+            }),
+            angle: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Angle
+            }),
+            point_s: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Point,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            line_string_s: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Line,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            polygon_s: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Area,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            angle_s: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Angle,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            delete: /*#__PURE__*/ jsx(DeleteOutlined, {}),
+            clear: /*#__PURE__*/ jsx(ClearOutlined, {})
+        }), []);
+    const escapeHandler = useCallback((e)=>{
+        if ('Escape' === e.key) onModeClick('cancel');
+    }, []);
+    const onModeClick = (mode)=>{
+        if ('cancel' === mode) {
+            drawRef.current?.cancelDrawing();
+            setCurMode(void 0);
+            window.removeEventListener('keydown', escapeHandler);
+            return;
+        }
+        if ('delete' === mode) drawRef.current?.deleteDraw();
+        else if ('clear' === mode) drawRef.current?.clearDrawings();
+        else {
+            drawRef.current?.startDrawing(mode);
+            setCurMode(mode);
+        }
+        window.addEventListener('keydown', escapeHandler);
+    };
+    return /*#__PURE__*/ jsxs(FloatButton.Group, {
+        trigger: "hover",
+        shape: "square",
+        placement: "right",
+        className: components_index_module.drawtool,
+        tooltip: {
+            title: curMode ? '点击或Esc取消绘制模式' : '工具箱',
+            placement: 'left',
+            rootClassName: components_index_module.tooltip
+        },
+        icon: icons[curMode ? `${curMode}_s` : 'measure'],
+        onClick: ()=>onModeClick('cancel'),
+        children: [
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.point,
+                tooltip: "点",
+                onClick: ()=>onModeClick('point')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.line,
+                tooltip: "线",
+                onClick: ()=>onModeClick('line_string')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.area,
+                tooltip: "面积",
+                onClick: ()=>onModeClick('polygon')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.angle,
+                tooltip: "角度",
+                onClick: ()=>onModeClick('angle')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.delete,
+                tooltip: "删除选择项",
+                onClick: ()=>onModeClick('delete')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.clear,
+                tooltip: "清空",
+                onClick: ()=>onModeClick('clear')
+            })
+        ]
+    });
+};
+const ControlItems_DrawTool = DrawTool;
+const LngLat_XDMode = (props)=>{
+    const { mapless, lnglat } = props;
+    const [lng, setLng] = useState(113.27);
+    const [lat, setLat] = useState(23.13);
+    useEffect(()=>{
+        if (mapless) attachMarker(mapless, 'lnglatTool-marker');
+    }, [
+        mapless
+    ]);
+    useEffect(()=>{
+        if (lnglat) {
+            setLng(lnglat.lng);
+            setLat(lnglat.lat);
+        }
+    }, [
+        lnglat
+    ]);
+    const [showMarker, setShowMarker] = useState(false);
+    const setMarker = (lng, lat)=>{
+        const mm = getMarker(mapless, 'lnglatTool-marker');
+        mm?.removeMarker('test');
+        if (showMarker) mm?.addMarker('test', [
+            lng,
+            lat
+        ], {
+            icon: 'locating',
+            anchor: 'bottom',
+            popup: `
+          <div style="margin: 5px 10px;user-select: text;">
+            <div>经度：${lng.toFixed(6)}</div>
+            <div>纬度：${lat.toFixed(6)}</div>
+          </div>
+        `
+        });
+    };
+    useEffect(()=>{
+        if (showMarker) {
+            if (null !== lng && null !== lat) setMarker(lng, lat);
+        }
+    }, [
+        showMarker,
+        lng,
+        lat
+    ]);
+    const [format, setFormat] = useState(Format.STAR);
+    const { coordSystem } = hooks_useCoordSystem(mapless);
+    useEffect(()=>{
+        if (null !== lng && null !== lat && showMarker) setMarker(lng, lat);
+    }, [
+        lng,
+        lat,
+        showMarker,
+        coordSystem
+    ]);
+    return /*#__PURE__*/ jsx(Popover, {
+        placement: "right",
+        title: /*#__PURE__*/ jsxs(Flex, {
+            gap: 8,
+            align: "center",
+            children: [
+                /*#__PURE__*/ jsxs(Flex, {
+                    gap: 8,
+                    align: "center",
+                    flex: 1,
+                    children: [
+                        "输入坐标信息:",
+                        /*#__PURE__*/ jsx(components_FormatChange, {
+                            showFormat: format,
+                            onFormatChange: setFormat
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Tooltip, {
+                    title: showMarker ? '隐藏标记' : '显示标记',
+                    children: /*#__PURE__*/ jsx(Button, {
+                        type: "text",
+                        size: "small",
+                        onClick: ()=>{
+                            const next = !showMarker;
+                            setShowMarker(next);
+                            const mm = getMarker(mapless, 'lnglatTool-marker');
+                            if (next) {
+                                if (null !== lng && null !== lat) {
+                                    mapless?.flyTo({
+                                        center: [
+                                            lng,
+                                            lat
+                                        ]
+                                    });
+                                    setMarker(lng, lat);
+                                }
+                            } else mm?.removeMarker('test');
+                        },
+                        children: /*#__PURE__*/ jsx(FlagOutlined, {
+                            style: showMarker ? {
+                                color: 'var(--theme-color-primary)'
+                            } : {}
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx(Tooltip, {
+                    title: "定位到当前位置",
+                    children: /*#__PURE__*/ jsx(Button, {
+                        type: "text",
+                        size: "small",
+                        onClick: ()=>{
+                            if (null !== lng && null !== lat) {
+                                mapless?.flyTo({
+                                    center: [
+                                        lng,
+                                        lat
+                                    ]
+                                });
+                                setMarker(lng, lat);
+                            }
+                        },
+                        children: /*#__PURE__*/ jsx(ArrowRightOutlined, {})
+                    })
+                })
+            ]
+        }),
+        content: /*#__PURE__*/ jsx(Flex, {
+            vertical: true,
+            gap: 4,
+            children: format === Format.STAR ? /*#__PURE__*/ jsx(CoordinateInput, {
+                value: `${lng?.toFixed(6)} ${lat?.toFixed(6)}`,
+                onChange: (val)=>{
+                    if (val) {
+                        const [lng, lat] = val;
+                        setLng(Number(lng));
+                        setLat(Number(lat));
+                    }
+                }
+            }) : /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(components_CoordinateTrans_CoordinateTrans, {
+                        showFormat: format,
+                        maximum: 180,
+                        minimum: -180,
+                        units: [
+                            'W',
+                            'E'
+                        ],
+                        value: lng,
+                        onChange: (val)=>{
+                            setLng(val);
+                        }
+                    }),
+                    /*#__PURE__*/ jsx(components_CoordinateTrans_CoordinateTrans, {
+                        showFormat: format,
+                        maximum: 90,
+                        minimum: -90,
+                        value: lat,
+                        units: [
+                            'S',
+                            'N'
+                        ],
+                        onChange: (val)=>{
+                            setLat(val);
+                        }
+                    })
+                ]
+            })
+        }),
+        trigger: "click",
+        children: /*#__PURE__*/ jsx(FloatButton, {
+            className: components_index_module.xdbtn,
+            style: {
+                zIndex: '1 !important'
+            },
+            icon: /*#__PURE__*/ jsx(EnvironmentOutlined, {}),
+            shape: "square",
+            tooltip: {
+                title: '坐标定位',
+                placement: 'left',
+                rootClassName: components_index_module.tooltip
+            }
+        })
+    });
+};
+const ControlItems_LngLat = /*#__PURE__*/ react.memo(LngLat_XDMode);
+const MapHand = (props)=>{
+    const { onClick } = props;
+    const icons = useMemo(()=>({
+            hand: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Hand
+            })
+        }), []);
+    return /*#__PURE__*/ jsx(FloatButton, {
+        className: components_index_module.xdbtn,
+        icon: icons.hand,
+        shape: "square",
+        tooltip: {
+            title: '恢复地图模式',
+            placement: 'left'
+        },
+        onClick: ()=>{
+            onClick();
+        }
+    });
+};
+const ControlItems_MapHand = MapHand;
+const MapOrigin = (props)=>{
+    const { onClick } = props;
+    const icons = useMemo(()=>({
+            origin: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: OriginPosition
+            })
+        }), []);
+    return /*#__PURE__*/ jsx(FloatButton, {
+        className: components_index_module.xdbtn,
+        icon: icons.origin,
+        shape: "square",
+        tooltip: {
+            title: '回到当前位置',
+            placement: 'left'
+        },
+        onClick: ()=>{
+            onClick();
+        }
+    });
+};
+const ControlItems_MapOrigin = MapOrigin;
+const PositionMkr = (props)=>{
+    const { mapless, reset } = props;
+    const pmkrRef = useRef(void 0);
+    const [mkrs, setMkrs] = useState([]);
+    const [mode, setMode] = useState('');
+    useEffect(()=>{
+        if (mapless?.map) pmkrRef.current = new PositionMarker(mapless.map);
+    }, [
+        mapless
+    ]);
+    useEffect(()=>{
+        if (reset > 0) {
+            setMode('');
+            pmkrRef.current?.stop();
+        }
+    }, [
+        reset
+    ]);
+    const icons = useMemo(()=>({
+            point: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Point
+            }),
+            getPosition: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: GetPosition
+            }),
+            getPosition_s: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: GetPosition,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            clear: /*#__PURE__*/ jsx(ClearOutlined, {})
+        }), []);
+    const onModeClick = async (mode)=>{
+        if ('clear' === mode) return void setMkrs([]);
+        if ('stop' === mode) {
+            setMode('');
+            pmkrRef.current?.stop();
+        }
+        if ('start' === mode) {
+            setMode('getPosition');
+            if (pmkrRef.current) {
+                mapless?.interactionLayers(false);
+                const [coords, error] = await pmkrRef.current.startPointPickingAsync();
+                if (coords && !error) setMkrs((prev)=>[
+                        ...prev,
+                        {
+                            id: `${Date.now()}`,
+                            lngLat: coords,
+                            remark: ''
+                        }
+                    ]);
+                mapless?.interactionLayers(true);
+            }
+            setMode('');
+        }
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(FloatButton.Group, {
+                trigger: "hover",
+                shape: "square",
+                placement: "right",
+                className: components_index_module.drawtool,
+                tooltip: {
+                    title: '标记',
+                    placement: 'left',
+                    rootClassName: components_index_module.tooltip
+                },
+                icon: icons[mode ? `${mode}_s` : 'getPosition'],
+                onClick: ()=>onModeClick('stop'),
+                children: [
+                    /*#__PURE__*/ jsx(FloatButton, {
+                        icon: icons.getPosition,
+                        tooltip: "获取坐标",
+                        onClick: ()=>onModeClick('start')
+                    }),
+                    /*#__PURE__*/ jsx(FloatButton, {
+                        icon: icons.clear,
+                        tooltip: "清空",
+                        onClick: ()=>onModeClick('clear')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(DraggableMarker_DraggableMarker.Group, {
+                mapless: mapless,
+                markers: mkrs,
+                onChange: (id, update)=>{
+                    setMkrs((prev)=>prev?.map((mkr)=>mkr.id === id ? {
+                                ...mkr,
+                                ...update
+                            } : mkr) || []);
+                },
+                onMarkersChange: setMkrs
+            })
+        ]
+    });
+};
+const ControlItems_PositionMkr = PositionMkr;
+const ZOOM_LEVELS = [
+    1,
+    2,
+    5,
+    8,
+    10,
+    12,
+    18,
+    20
+];
+const PositionMus = (props)=>{
+    const { mapless } = props;
+    const divRef = useRef(null);
+    const pmusRef = useRef(void 0);
+    const [position, setPosition] = useState(null);
+    const [zoom, setZoom] = useState(null);
+    const [showZoomOptions, setShowZoomOptions] = useState(false);
+    const onCoordSystemChange = useCallback((_system)=>{
+        setPosition((prev)=>prev ? new LngLat(prev.lng, prev.lat) : null);
+    }, []);
+    const handleZoomLevelClick = useCallback((level)=>{
+        if (mapless?.map) {
+            mapless.zoomTo(level);
+            setShowZoomOptions(false);
+        }
+    }, [
+        mapless
+    ]);
+    useEffect(()=>{
+        if (mapless?.map) {
+            pmusRef.current = new PositionMouse(mapless.map);
+            pmusRef.current.onPositionChange = (coord)=>{
+                setPosition(coord);
+            };
+            pmusRef.current.onZoomChange = (_z)=>{
+                setZoom(mapless?.map?.getZoom()?.toFixed(0) || '--');
+            };
+            setZoom(mapless?.map?.getZoom()?.toFixed(0) || '--');
+            pmusRef.current.startMouse();
+            divRef.current?.parentElement?.addEventListener('mouseleave', ()=>{
+                setPosition(null);
+                setShowZoomOptions(false);
+            });
+            mapless.onCoordSystemChange(onCoordSystemChange);
+        }
+        return ()=>{
+            pmusRef.current?.stopMouse();
+            mapless?.offCoordSystemChange(onCoordSystemChange);
+        };
+    }, [
+        mapless
+    ]);
+    const fixPosition = useMemo(()=>position ? mapless?.coordTrans('tileToData', [
+            position.lng,
+            position.lat
+        ]) : null, [
+        position,
+        mapless
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        ref: divRef,
+        className: components_index_module.mousepos,
+        onClick: ()=>setShowZoomOptions(!showZoomOptions),
+        children: [
+            zoom && /*#__PURE__*/ jsxs("span", {
+                style: {
+                    opacity: 0.5
+                },
+                children: [
+                    "Z : ",
+                    zoom
+                ]
+            }),
+            fixPosition && /*#__PURE__*/ jsxs("div", {
+                style: zoom ? {
+                    marginLeft: 12
+                } : {},
+                children: [
+                    fixPosition[0].toFixed(6),
+                    " , ",
+                    fixPosition[1].toFixed(6)
+                ]
+            }),
+            showZoomOptions && /*#__PURE__*/ jsx("div", {
+                className: components_index_module.zoomOptions,
+                children: ZOOM_LEVELS.map((level)=>/*#__PURE__*/ jsx("div", {
+                        className: components_index_module.zoomOption,
+                        onClick: ()=>handleZoomLevelClick(level),
+                        style: {
+                            fontWeight: zoom === level.toFixed(0) ? 'bolder' : 'normal',
+                            color: zoom === level.toFixed(0) ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
+                        },
+                        children: level
+                    }, level))
+            })
+        ]
+    });
+};
+const ControlItems_PositionMus = PositionMus;
+const getStationFuncs = {
+    getStation: getOldStation,
+    getOldStation: getOldStation,
+    getNewStation: getNewStation
+};
+const getFunc = (prefix)=>{
+    const name = `get${prefix}Station`;
+    return getStationFuncs[name] || getStationFuncs.getStation;
+};
+const SelectTool_SelectTool = (props)=>{
+    const { mapless, reset, statioinFuncPrefix = '', relativeManagerIds = [
+        'sm1'
+    ], onSelectionChange, disabled = false, children } = props;
+    const [selectMode, setSelectMode] = useState('selectTool');
+    const paintRef = useRef(void 0);
+    const paintsMapRef = useRef(new Map());
+    const popupRef = useRef(null);
+    const maplessRef = useRef(void 0);
+    const [selected, setSelected] = useState(void 0);
+    const [position, setPosition] = useState();
+    useEffect(()=>{
+        if (reset && reset > 0) {
+            mapless?.interactionLayers(true);
+            paintRef.current?.exitDraw();
+            setSelectMode('selectTool');
+        }
+    }, [
+        reset
+    ]);
+    const updateSelected = ()=>{
+        const m1Id = relativeManagerIds?.[0] || '';
+        if (m1Id) {
+            const sman = getFunc(statioinFuncPrefix)(mapless, m1Id);
+            const allSelected = [
+                ...paintsMapRef.current.values()
+            ].flat().map((s)=>s?.id);
+            sman?.updateSelectedList(allSelected);
+        }
+    };
+    const emitManaEvent = (selected)=>{
+        const sman = getFunc(statioinFuncPrefix)(mapless, relativeManagerIds?.[0] || '');
+        sman?.emitEvent('stationsSelected', selected, 'SelectTool');
+    };
+    useEffect(()=>{
+        if (mapless) {
+            paintRef.current = new PaintBoard(mapless, {
+                maxCount: 3
+            });
+            paintRef.current.onDrawing = throttle((paint)=>{
+                const p = paint;
+                if (p) {
+                    const sman = getFunc(statioinFuncPrefix)(mapless, relativeManagerIds?.[0] || '');
+                    const stations = sman?.getStations();
+                    const selected = calculateObjectsInPolygon(stations, p);
+                    paintsMapRef.current.set(p, selected);
+                }
+                updateSelected();
+            }, 100);
+            paintRef.current.onDrawingEnd = (paint)=>{
+                const p = paint;
+                if (p) {
+                    const selected = paintsMapRef.current.get(p);
+                    setSelected(selected);
+                    const pc = getPaintCenter(p);
+                    setPosition(pc);
+                    popupRef.current?.show();
+                    onSelectionChange?.(selected);
+                    emitManaEvent(selected || []);
+                }
+            };
+            paintRef.current.onDrawingRemove = (paint)=>{
+                paint && paintsMapRef.current.delete(paint);
+                updateSelected();
+                onSelectionChange?.([]);
+                emitManaEvent([]);
+            };
+            maplessRef.current = mapless;
+        }
+    }, [
+        mapless
+    ]);
+    useEffect(()=>()=>{
+            paintRef.current?.destroy();
+        }, []);
+    const icons = useMemo(()=>({
+            selectTool: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: SelectTool
+            }),
+            select: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: PointerSelect
+            }),
+            circle: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: CircleSelect
+            }),
+            rectangle: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: RectangleSelect
+            }),
+            freedom: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: FreedomSelect
+            }),
+            select_s: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: PointerSelect,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            circle_s: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: CircleSelect,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            rectangle_s: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: RectangleSelect,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            freedom_s: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: FreedomSelect,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            clear: /*#__PURE__*/ jsx(ClearOutlined, {})
+        }), []);
+    const escapeHandler = useCallback((e)=>{
+        if ('Escape' === e.key) onModeClick('exit');
+    }, []);
+    const onModeClick = (mode)=>{
+        if ('exit' === mode) {
+            mapless?.interactionLayers(true);
+            paintRef.current?.exitDraw();
+            setSelectMode('selectTool');
+            window.removeEventListener('keydown', escapeHandler);
+            return;
+        }
+        if ('clear' === mode) {
+            const sman = getFunc(statioinFuncPrefix)(mapless, relativeManagerIds?.[0] || '');
+            sman?.clearSelected();
+            paintRef.current?.clearDraw();
+            paintsMapRef.current = new Map();
+            popupRef.current?.hide();
+            updateSelected();
+            onSelectionChange?.([]);
+            emitManaEvent([]);
+            return;
+        }
+        setSelectMode(mode);
+        mapless?.interactionLayers(false);
+        paintRef.current?.startDraw();
+        paintRef.current?.setPaintMode(mode);
+        window.addEventListener('keydown', escapeHandler);
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(FloatButton.Group, {
+                trigger: "hover",
+                shape: "square",
+                placement: "right",
+                className: components_index_module.drawtool,
+                tooltip: {
+                    title: 'selectTool' === selectMode ? '选择工具' : '点击或Esc取消选择模式',
+                    placement: 'left',
+                    rootClassName: components_index_module.tooltip
+                },
+                icon: icons['selectTool' === selectMode ? selectMode : `${selectMode}_s`],
+                onClick: ()=>onModeClick('exit'),
+                children: [
+                    /*#__PURE__*/ jsx(FloatButton, {
+                        icon: icons.select,
+                        tooltip: "选择",
+                        onClick: ()=>onModeClick('select')
+                    }),
+                    /*#__PURE__*/ jsx(FloatButton, {
+                        icon: icons.circle,
+                        tooltip: "圈选",
+                        className: disabled ? components_index_module.selectDisabled : '',
+                        onClick: ()=>onModeClick('circle')
+                    }),
+                    /*#__PURE__*/ jsx(FloatButton, {
+                        icon: icons.rectangle,
+                        tooltip: "框选",
+                        className: disabled ? components_index_module.selectDisabled : '',
+                        onClick: ()=>onModeClick('rectangle')
+                    }),
+                    /*#__PURE__*/ jsx(FloatButton, {
+                        icon: icons.freedom,
+                        tooltip: "自由",
+                        className: disabled ? components_index_module.selectDisabled : '',
+                        onClick: ()=>onModeClick('freedom')
+                    }),
+                    /*#__PURE__*/ jsx(FloatButton, {
+                        icon: icons.clear,
+                        tooltip: "清除",
+                        onClick: ()=>onModeClick('clear')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(components_MapboxPopup_MapboxPopup, {
+                ref: popupRef,
+                maplessRef: maplessRef,
+                lngLat: position,
+                children: children ? children : /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxs("h4", {
+                            children: [
+                                "已选站点",
+                                selected && selected?.length > 0 ? ` (${selected.length})` : ''
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            style: {
+                                maxHeight: 200,
+                                overflow: 'auto'
+                            },
+                            children: selected && selected?.length > 0 ? selected.map((s)=>/*#__PURE__*/ jsx("div", {
+                                    children: s.name
+                                }, s.id)) : /*#__PURE__*/ jsx("span", {
+                                children: "暂无数据"
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+const ControlItems_SelectTool = SelectTool_SelectTool;
+const ShowCategory = (props)=>{
+    const { category, onCategoryClick } = props;
+    const icons = useMemo(()=>({
+            mode: /*#__PURE__*/ jsx(QuestionCircleOutlined, {}),
+            station: /*#__PURE__*/ jsx(QuestionCircleOutlined, {}),
+            sensor: /*#__PURE__*/ jsx(QuestionCircleOutlined, {}),
+            all: /*#__PURE__*/ jsx(QuestionCircleOutlined, {})
+        }), []);
+    return /*#__PURE__*/ jsxs(FloatButton.Group, {
+        trigger: "hover",
+        shape: "square",
+        placement: "right",
+        className: components_index_module.theme,
+        tooltip: {
+            title: '设置可见性',
+            placement: 'left'
+        },
+        icon: icons[category || 'mode'],
+        onClick: ()=>onCategoryClick(''),
+        children: [
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.station,
+                tooltip: "监测站",
+                onClick: ()=>onCategoryClick('station')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.sensor,
+                tooltip: "传感器",
+                onClick: ()=>onCategoryClick('sensor')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.all,
+                tooltip: "全部",
+                onClick: ()=>onCategoryClick('')
+            })
+        ]
+    });
+};
+const ControlItems_ShowCategory = ShowCategory;
+const ShowHide = ({ manaId, mapless })=>{
+    const [hideManager, setHideManager] = useState(false);
+    const icons = useMemo(()=>({
+            show: /*#__PURE__*/ jsx(EyeOutlined, {}),
+            hide: /*#__PURE__*/ jsx(EyeInvisibleOutlined, {})
+        }), []);
+    useEffect(()=>{
+        if (manaId && mapless) {
+            const m = mapless.getByName(manaId);
+            m?.setVisible(!hideManager);
+        }
+    }, [
+        hideManager,
+        manaId,
+        mapless
+    ]);
+    return /*#__PURE__*/ jsx(FloatButton, {
+        className: components_index_module.xdbtn,
+        icon: hideManager ? icons.hide : icons.show,
+        shape: "square",
+        tooltip: {
+            title: hideManager ? '点击显示' : '点击隐藏',
+            placement: 'left'
+        },
+        onClick: ()=>{
+            setHideManager(!hideManager);
+        }
+    });
+};
+const ControlItems_ShowHide = ShowHide;
+const StyleNames = (props)=>{
+    const { styleName, onStyleNameClick } = props;
+    const icons = useMemo(()=>({
+            mode: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Mode
+            }),
+            dz_streets: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Streets
+            }),
+            dz_satellite: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Satellite
+            }),
+            dz_cyber: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Cyber
+            }),
+            dz_light: /*#__PURE__*/ jsx(SunOutlined, {}),
+            dz_dark: /*#__PURE__*/ jsx(MoonOutlined, {}),
+            none: /*#__PURE__*/ jsx(StopOutlined, {})
+        }), []);
+    return !maplessPreset.IS_MAP_THEME_SOURCES && /*#__PURE__*/ jsxs(FloatButton.Group, {
+        trigger: "hover",
+        shape: "square",
+        placement: "right",
+        className: components_index_module.theme,
+        tooltip: {
+            title: '设置其它图层',
+            placement: 'left',
+            rootClassName: components_index_module.tooltip
+        },
+        icon: icons[styleName || 'mode'],
+        onClick: ()=>onStyleNameClick?.(''),
+        children: [
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.dz_streets,
+                tooltip: "街道图",
+                onClick: ()=>onStyleNameClick?.('dz_streets')
+            }),
+            maplessPreset.ENABLE_SATELLITE && /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.dz_satellite,
+                tooltip: "卫星图",
+                onClick: ()=>onStyleNameClick?.('dz_satellite')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.dz_cyber,
+                tooltip: "科技感",
+                onClick: ()=>onStyleNameClick?.('dz_cyber')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.dz_dark,
+                tooltip: "暗黑",
+                onClick: ()=>onStyleNameClick?.('dz_dark')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.dz_light,
+                tooltip: "明亮",
+                onClick: ()=>onStyleNameClick?.('dz_light')
+            }),
+            /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.none,
+                tooltip: "跟随主题",
+                onClick: ()=>onStyleNameClick?.('')
+            })
+        ]
+    });
+};
+const ControlItems_StyleNames = StyleNames;
+const StyleSources = (props)=>{
+    const { defaultStyleSource, styleSource, onStyleSourceClick } = props;
+    const lightSourceItem = useMemo(()=>lightSource(), []);
+    const darkSourceItem = useMemo(()=>darkSource(), []);
+    const icons = useMemo(()=>({
+            mode: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Mode
+            }),
+            modeActive: /*#__PURE__*/ jsx(_ant_design_icons, {
+                component: Mode,
+                style: {
+                    color: 'var(--theme-color-primary)'
+                }
+            }),
+            light: /*#__PURE__*/ jsx(SunOutlined, {}),
+            dark: /*#__PURE__*/ jsx(MoonOutlined, {}),
+            [lightSourceItem?.name || 'light']: /*#__PURE__*/ jsx(SunOutlined, {}),
+            [darkSourceItem?.name || 'dark']: /*#__PURE__*/ jsx(MoonOutlined, {}),
+            none: /*#__PURE__*/ jsx(StopOutlined, {})
+        }), []);
+    const [btnClick, setBtnClick] = useState('');
+    const sourceBtns = useMemo(()=>maplessPreset.MAP_THEME_SOURCES?.map((item, index)=>/*#__PURE__*/ jsx(Fragment, {
+                children: /*#__PURE__*/ jsx(Button, {
+                    type: "text",
+                    style: {
+                        border: 'none',
+                        maxWidth: 150,
+                        height: '100%',
+                        borderRadius: 0 === index ? '8px 0 0 8px' : 0,
+                        borderRight: index === maplessPreset.MAP_THEME_SOURCES.length - 1 ? 'none' : '1px solid var(--ant-color-border)',
+                        color: btnClick === item.name ? 'var(--theme-color-primary)' : 'var(--theme-color-text)'
+                    },
+                    onClick: ()=>{
+                        setBtnClick(item.name);
+                        onStyleSourceClick(item.name, sourcesMap()[item.name]);
+                    },
+                    children: /*#__PURE__*/ jsx(Tooltip, {
+                        title: item.name,
+                        children: /*#__PURE__*/ jsx("div", {
+                            style: {
+                                width: '100%',
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                whiteSpace: 'nowrap'
+                            },
+                            children: item.name
+                        })
+                    })
+                }, item.name)
+            })), [
+        btnClick,
+        onStyleSourceClick
+    ]);
+    useEffect(()=>{
+        setBtnClick(defaultStyleSource);
+    }, [
+        defaultStyleSource
+    ]);
+    return maplessPreset.IS_MAP_THEME_SOURCES && maplessPreset.MAP_THEME_SOURCES?.length > 1 && /*#__PURE__*/ jsxs(FloatButton.Group, {
+        trigger: "hover",
+        shape: "square",
+        placement: "right",
+        className: components_index_module.theme,
+        tooltip: {
+            title: btnClick ? maplessPreset.MAP_THEME_SOURCES.find((item)=>item.name === styleSource)?.name || '' : '设置其它图层',
+            placement: 'left',
+            rootClassName: components_index_module.tooltip
+        },
+        icon: [
+            'light',
+            'dark'
+        ].includes(btnClick) ? icons[btnClick || 'mode'] : btnClick ? icons.modeActive : icons.mode,
+        onClick: ()=>{
+            setBtnClick('');
+            onStyleSourceClick('');
+        },
+        children: [
+            /*#__PURE__*/ jsx(Space.Compact, {
+                style: {
+                    backgroundColor: 'var(--ant-color-bg-container)',
+                    borderRadius: '8px 0 0 8px',
+                    height: 40,
+                    border: '1px solid var(--ant-color-border)',
+                    borderRight: 'none',
+                    boxShadow: '0 2px 0 rgba(255, 255, 255, 0.04)'
+                },
+                children: sourceBtns
+            }),
+            darkSourceItem && /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.dark,
+                tooltip: "暗黑",
+                onClick: ()=>{
+                    setBtnClick('dark');
+                    darkSourceItem && onStyleSourceClick(darkSourceItem.name, darkSourceItem.source);
+                }
+            }),
+            lightSourceItem && /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.light,
+                tooltip: "明亮",
+                onClick: ()=>{
+                    setBtnClick('light');
+                    lightSourceItem && onStyleSourceClick(lightSourceItem.name, lightSourceItem.source);
+                }
+            }),
+            lightSourceItem && darkSourceItem && /*#__PURE__*/ jsx(FloatButton, {
+                icon: icons.none,
+                tooltip: "跟随主题",
+                onClick: ()=>{
+                    setBtnClick('');
+                    onStyleSourceClick('');
+                }
+            })
+        ]
+    });
+};
+const ControlItems_StyleSources = StyleSources;
+const storeMapState = (tag, value)=>{
+    localStorage.setItem(tag, value);
+};
+const getMapState = (tag)=>localStorage.getItem(tag);
+const getAllMapState = ()=>({
+        mapStyleName: getMapState('mapStyleName'),
+        mapXDMode: getMapState('mapXDMode')
+    });
+const MaplessControlPanel = (props)=>{
+    const { mapless, setMapState, children, positionMkr = {
+        show: true
+    }, lngLatTool = {
+        show: true
+    }, drawTool = {
+        show: true
+    }, selectTool = {
+        show: true
+    }, styleSwitcher = {
+        show: true
+    }, xdMode = {
+        show: true
+    }, mapOrigin = {
+        show: true
+    }, showHide = {
+        show: false
+    }, mapHand = {
+        show: true
+    }, showCategory = {
+        show: false
+    }, positionMus = {
+        show: true
+    } } = props;
+    const [defaultStyleKey, setDefaultStyleKey] = useState('');
+    const [curStyleKey, setCurStyleKey] = useState('');
+    const onStyleKeyClick = useCallback((key, _source)=>{
+        setCurStyleKey(key);
+        setMapState?.('withStyleName', key);
+        storeMapState('mapStyleName', key);
+    }, [
+        setMapState
+    ]);
+    const [curXdMode, setCurXdMode] = useState('2d');
+    const onXDModeClick = (mode)=>{
+        setCurXdMode(mode);
+        mapless?.toggleMode(mode);
+        storeMapState('mapXDMode', mode);
+    };
+    useLayoutEffect(()=>{
+        if (mapless) {
+            const { mapStyleName, mapXDMode } = getAllMapState();
+            const names = mapless.getStyleNames();
+            if (mapStyleName && names.includes(mapStyleName)) {
+                setCurStyleKey(mapStyleName);
+                setDefaultStyleKey(mapStyleName);
+            }
+            if (mapXDMode) {
+                setCurXdMode(mapXDMode);
+                mapless?.toggleMode(mapXDMode);
+            }
+        }
+    }, [
+        mapless,
+        setMapState
+    ]);
+    const [mapHandleCount, setMapHandleCount] = useState(0);
+    const onMapHandClick = ()=>{
+        mapHand?.onClick?.();
+        setMapHandleCount(mapHandleCount + 1);
+    };
+    const onMapOriginClick = ()=>{
+        mapOrigin?.onClick ? mapOrigin?.onClick() : mapless?.flyTo({
+            center: maplessPreset.DEFAULT_MAP_CENTER,
+            zoom: maplessPreset.DEFAULT_MAP_ZOOM,
+            speed: 1.5,
+            curve: 1.5,
+            essential: true
+        });
+    };
+    const [category, setCategory] = useState('');
+    function onCategoryClick(cate) {
+        setCategory(cate);
+        const sm1 = getOldStation(mapless, 'nsm1');
+        if (sm1) {
+            if ('' === cate) sm1.displayCategoryFilterFunc = void 0;
+            if ('sensor' === cate) sm1.displayCategoryFilterFunc = (s)=>'Sensor' === s.category;
+            if ('station' === cate) sm1.displayCategoryFilterFunc = (s)=>'Sensor' !== s.category;
+            sm1.drawStations(sm1.getStations());
+        }
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: components_index_module.ctrls,
+                children: [
+                    positionMkr.show && /*#__PURE__*/ jsx(ControlItems_PositionMkr, {
+                        reset: mapHandleCount,
+                        mapless: mapless
+                    }),
+                    lngLatTool.show && /*#__PURE__*/ jsx(ControlItems_LngLat, {
+                        mapless: mapless
+                    }),
+                    drawTool.show && /*#__PURE__*/ jsx(ControlItems_DrawTool, {
+                        reset: mapHandleCount,
+                        mapless: mapless
+                    }),
+                    selectTool.show && /*#__PURE__*/ jsx(ControlItems_SelectTool, {
+                        reset: mapHandleCount,
+                        mapless: mapless,
+                        disabled: selectTool?.disabled,
+                        statioinFuncPrefix: selectTool?.statioinFuncPrefix,
+                        relativeManagerIds: selectTool?.relativeManagerIds,
+                        onSelectionChange: selectTool?.onSelectionChange,
+                        children: selectTool?.children
+                    }),
+                    styleSwitcher.show && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(ControlItems_StyleNames, {
+                                styleName: curStyleKey,
+                                onStyleNameClick: onStyleKeyClick
+                            }),
+                            /*#__PURE__*/ jsx(ControlItems_StyleSources, {
+                                defaultStyleSource: defaultStyleKey,
+                                styleSource: curStyleKey,
+                                onStyleSourceClick: onStyleKeyClick
+                            })
+                        ]
+                    }),
+                    xdMode.show && /*#__PURE__*/ jsx(_2D3D, {
+                        mode: curXdMode,
+                        onModeClick: onXDModeClick
+                    }),
+                    mapOrigin.show && /*#__PURE__*/ jsx(ControlItems_MapOrigin, {
+                        onClick: onMapOriginClick
+                    }),
+                    showHide?.show && /*#__PURE__*/ jsx(ControlItems_ShowHide, {
+                        manaId: showHide.manaId,
+                        mapless: mapless
+                    }),
+                    mapHand.show && /*#__PURE__*/ jsx(ControlItems_MapHand, {
+                        onClick: onMapHandClick
+                    }),
+                    showCategory.show && /*#__PURE__*/ jsx(ControlItems_ShowCategory, {
+                        category: category,
+                        onCategoryClick: onCategoryClick
+                    }),
+                    children
+                ]
+            }),
+            positionMus.show && /*#__PURE__*/ jsx(ControlItems_PositionMus, {
+                mapless: mapless
+            })
+        ]
+    });
+};
+const MaplessControlPanel_MaplessControlPanel = MaplessControlPanel;
+const WithMap_components = MaplessControlPanel_MaplessControlPanel;
+const with_module = {
+    MapView: "MapView-fi1Gvm",
+    mapView: "MapView-fi1Gvm",
+    map: "map-pTJfGL"
+};
+const DZ_MAP_STYLE_NAMES = [
+    'dz_satellite',
+    'dz_streets',
+    'dz_cyber',
+    'dz_light',
+    'dz_dark'
+];
+const WithMapBase = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { mapStyle, defaultThemeMode, themeMode, localeKey, resizable = false, children } = props;
+    const [maplessInstance, setMaplessInstance] = useState();
+    const [isMapReady, setIsMapReady] = useState(false);
+    const maplessInstanceRef = useRef(void 0);
+    const mapviewRef = useRef(null);
+    const mapContainerRef = useRef(null);
+    hooks_useSize({
+        resizable,
+        mapviewRef,
+        mapContainer: mapContainerRef,
+        maplessInstanceRef: maplessInstanceRef
+    });
+    const langRef = useRef(void 0);
+    const localeKeyRef = useRef(localeKey);
+    const lastMapStyleNameRef = useRef(void 0);
+    const innerThemeModeRef = useRef(themeMode || defaultThemeMode);
+    const [withStyle, setWithStyle] = useState('');
+    useImperativeHandle(ref, ()=>({
+            setMapState: (key, value)=>{
+                if ('withStyleName' === key) setWithStyle(value);
+            }
+        }));
+    useEffect(()=>{
+        if (themeMode && themeMode !== innerThemeModeRef.current) innerThemeModeRef.current = themeMode;
+        if (maplessInstance) {
+            const handleStyle = langRef.current?.getLangStyle.bind(langRef.current);
+            const mapStyleName = getStyleName();
+            if (mapStyleName && lastMapStyleNameRef.current !== mapStyleName) {
+                maplessInstance.setStyle(mapStyleName, handleStyle);
+                lastMapStyleNameRef.current = mapStyleName;
+            }
+        }
+    }, [
+        themeMode,
+        mapStyle,
+        withStyle
+    ]);
+    useEffect(()=>{
+        if (localeKeyRef.current !== localeKey) {
+            localeKeyRef.current = localeKey;
+            const langStr = 'zh-CN' === localeKeyRef.current ? 'nonlatin' : 'latin';
+            langRef.current?.switchDzmapLang(langStr);
+        }
+    }, [
+        localeKey
+    ]);
+    const getStyleName = useCallback((preset)=>{
+        let mapStyleName = preset || withStyle || mapStyle;
+        if (maplessPreset.IS_MAP_THEME_SOURCES) {
+            if (innerThemeModeRef.current && !mapStyleName) mapStyleName = ('dark' === innerThemeModeRef.current ? darkSource()?.name : lightSource()?.name) || defaultSource()?.name || '';
+        } else {
+            mapStyleName = mapStyleName || 'streets';
+            if (!DZ_MAP_STYLE_NAMES.includes(mapStyleName.toString())) mapStyleName = 'dark' === innerThemeModeRef.current ? 'dz_dark' : 'dz_streets';
+        }
+        return mapStyleName;
+    }, [
+        mapStyle,
+        withStyle
+    ]);
+    useEffect(()=>{
+        if (!mapContainerRef.current) return;
+        const { mapStyleName: storeMapStyleName } = getAllMapState();
+        if (storeMapStyleName) setWithStyle(storeMapStyleName);
+        const mapStyleName = getStyleName(storeMapStyleName);
+        const instance = new Mapless(mapContainerRef.current, {
+            accessToken: props.accessToken,
+            style: mapStyleName,
+            center: props.center || maplessPreset.DEFAULT_MAP_CENTER,
+            zoom: props.zoom || maplessPreset.DEFAULT_MAP_ZOOM,
+            onMapInit () {
+                props.onChange?.({
+                    type: 'init',
+                    target: instance
+                });
+                const langStr = 'zh-CN' === localeKeyRef.current ? 'nonlatin' : 'latin';
+                langRef.current = new Lang(instance, langStr, ':');
+            },
+            onMapReady () {
+                setMaplessInstance(instance);
+                maplessInstanceRef.current = instance;
+                setIsMapReady(true);
+                props.onChange?.({
+                    type: 'ready',
+                    target: instance
+                });
+            },
+            onMapZoom (zoom) {
+                props.onChange?.({
+                    type: 'zoom',
+                    target: instance,
+                    others: {
+                        zoom
+                    }
+                });
+            }
+        });
+        return ()=>{
+            try {
+                instance.destroy();
+                setMaplessInstance(void 0);
+                maplessInstanceRef.current = void 0;
+            } catch (error) {
+                console.error('Mapless instance destroy error:', error);
+            }
+        };
+    }, [
+        props.accessToken
+    ]);
+    return /*#__PURE__*/ jsx(MapContext.Provider, {
+        value: {
+            mapless: maplessInstance,
+            isMapReady
+        },
+        children: /*#__PURE__*/ jsxs("div", {
+            ref: mapviewRef,
+            className: `${with_module.MapView} ${popup_module["map-popup"]} ${props.className}`,
+            style: props.style,
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    ref: mapContainerRef,
+                    className: with_module.map
+                }),
+                children
+            ]
+        })
+    });
+});
+const WithMap_WithMapBase = WithMapBase;
+function withMapboxMarker(WrappedComponent) {
+    const Component = ({ mapless, isMapReady, manaName, onEvent, excludeManaNames = [
+        'SelectTool'
+    ], eventName = 'stationsSelected', destroyOnClose = false, markerClassName, onClose, ...rest })=>{
+        const markerRef = useRef(null);
+        const maplessRef = useRef(void 0);
+        const [contentProps, setContentProps] = useState(null);
+        const [position, setPosition] = useState(null);
+        const handleEvent = (...payload)=>{
+            const eventData = payload[0];
+            if (eventData.sourceName && excludeManaNames.includes(eventData.sourceName)) return null;
+            const result = onEvent?.(eventData);
+            if (result) {
+                setContentProps(result.props);
+                setPosition(result.lngLat);
+                markerRef.current?.show();
+                setHide(false);
+            } else {
+                setContentProps(null);
+                setPosition(null);
+            }
+        };
+        useEffect(()=>{
+            if (!isMapReady || !mapless || !manaName) return;
+            maplessRef.current = mapless;
+            mapless.onManaAdd((name, manager)=>{
+                if (name === manaName) manager.on(eventName, handleEvent);
+            });
+            return ()=>{};
+        }, [
+            isMapReady,
+            mapless,
+            manaName,
+            eventName,
+            onEvent
+        ]);
+        const [hide, setHide] = useState(false);
+        const close = ()=>{
+            setHide(true);
+            markerRef.current?.hide();
+            mapless?.setOpacity(1);
+            onClose?.();
+        };
+        return /*#__PURE__*/ jsx(components_MapboxMarker_MapboxMarker, {
+            ref: markerRef,
+            lngLat: position,
+            maplessRef: maplessRef,
+            className: markerClassName,
+            transparent: true,
+            children: destroyOnClose && hide ? void 0 : contentProps && /*#__PURE__*/ jsx(WrappedComponent, {
+                ...rest,
+                ...contentProps,
+                onClose: close
+            })
+        });
+    };
+    Component.displayName = `withMapboxMarker(${WrappedComponent.displayName || WrappedComponent.name})`;
+    return Component;
+}
+const with_withMapboxMarker = withMapboxMarker;
+function withMapboxPopup(WrappedComponent) {
+    const Component = ({ mapless, isMapReady, manaName, onEvent, excludeManaNames = [
+        'SelectTool'
+    ], eventName = 'stationsSelected', destroyOnClose = false, ...rest })=>{
+        const popupRef = useRef(null);
+        const maplessRef = useRef(void 0);
+        const [contentProps, setContentProps] = useState(null);
+        const [position, setPosition] = useState(null);
+        const handleStationSelected = (...payload)=>{
+            if (!onEvent) return;
+            const eventData = payload[0];
+            if (eventData.sourceName && excludeManaNames.includes(eventData.sourceName)) return null;
+            if ((eventData.datas?.length || 0) <= 1) {
+                mapless?.setOpacity(1);
+                const result = onEvent(eventData);
+                if (result) {
+                    setContentProps(result.props);
+                    setPosition(result.lngLat);
+                    popupRef.current?.show();
+                    setHide(false);
+                } else {
+                    setContentProps(null);
+                    setPosition(null);
+                }
+            }
+        };
+        useEffect(()=>{
+            if (!isMapReady || !mapless || !manaName) return;
+            maplessRef.current = mapless;
+            mapless.onManaAdd((name, manager)=>{
+                if (name === manaName) manager.on(eventName, handleStationSelected);
+            });
+            return ()=>{};
+        }, [
+            isMapReady,
+            mapless,
+            manaName,
+            eventName,
+            onEvent
+        ]);
+        const [hide, setHide] = useState(false);
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(components_MapboxPopup_MapboxPopup, {
+                    ref: popupRef,
+                    lngLat: position,
+                    maplessRef: maplessRef,
+                    onClose: ()=>{
+                        setHide(true);
+                    },
+                    children: destroyOnClose && hide ? void 0 : contentProps && /*#__PURE__*/ jsx(WrappedComponent, {
+                        ...rest,
+                        ...contentProps
+                    })
+                }),
+                /*#__PURE__*/ jsx(StationsClickPanelMarker, {
+                    mapless: mapless,
+                    isMapReady: isMapReady,
+                    stations: [],
+                    manaName: manaName,
+                    destroyOnClose: true,
+                    onSelected: (ss)=>{
+                        handleStationSelected({
+                            sourceName: manaName,
+                            datas: ss,
+                            stations: ss
+                        });
+                        mapless?.setOpacity(1);
+                    },
+                    onEvent: (e)=>{
+                        if ((e.datas?.length || 0) > 1) {
+                            const manaInstance = mapless?.getByName(manaName);
+                            const datas = manaInstance?.getDatas();
+                            setContentProps(null);
+                            setPosition(null);
+                            popupRef.current?.hide();
+                            if (datas?.length > 1) mapless?.setOpacity(0.5);
+                            else mapless?.setOpacity(1);
+                            return onDefaultEvent(e, datas);
+                        }
+                        return null;
+                    }
+                })
+            ]
+        });
+    };
+    Component.displayName = `withMapboxPopup(${WrappedComponent.displayName || WrappedComponent.name})`;
+    return Component;
+}
+const with_withMapboxPopup = withMapboxPopup;
+const StationClickPanelMarker = with_withMapboxMarker(components_StationsClickPanel_StationsClickPanel);
+const StationsClickPanelMarker = StationClickPanelMarker;
+const onDefaultEvent = (e, stations)=>{
+    const ss = stations?.filter((item)=>e.stations?.some((s)=>s.id === item.id));
+    if (!ss) return null;
+    const sum = ss.reduce((acc, { longitude, latitude })=>{
+        acc.lng += Number(longitude);
+        acc.lat += Number(latitude);
+        return acc;
+    }, {
+        lng: 0,
+        lat: 0
+    });
+    const center = [
+        sum.lng / ss.length,
+        sum.lat / ss.length
+    ];
+    return {
+        props: {
+            stations: ss
+        },
+        lngLat: center
+    };
+};
+const TestPopup_index_module = {
+    "react-popup": "react-popup-OsHQU0",
+    reactPopup: "react-popup-OsHQU0"
+};
+const TestPopup_MapboxPopup = ({ children, lngLat })=>{
+    const { mapless, isMapReady } = useContext(MapContext);
+    useEffect(()=>{
+        if (!mapless?.map || !isMapReady) return;
+        const popup = new Popup({
+            closeOnMove: false,
+            closeOnClick: false,
+            className: TestPopup_index_module["react-popup"],
+            focusAfterOpen: false
+        }).setLngLat(lngLat).addTo(mapless.map).setHTML('<p>Hello, Mapbox!</p>');
+        return ()=>{
+            popup.remove();
+        };
+    }, [
+        mapless,
+        isMapReady,
+        lngLat
+    ]);
+    return children;
+};
+function TestPopup_isEqual(prev, next) {
+    return JSON.stringify(prev.lngLat) === JSON.stringify(next.lngLat) && prev.children === next.children;
+}
+const TestPopup_TestPopup = /*#__PURE__*/ memo(TestPopup_MapboxPopup, TestPopup_isEqual);
+const CoordSystemTransDemo = ()=>{
+    const handleTransform = (result)=>{
+        console.log(result);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        style: {
+            width: '400px',
+            display: 'flex',
+            flexDirection: 'column'
+        },
+        children: [
+            /*#__PURE__*/ jsx("h2", {
+                children: "坐标系统转换组件演示"
+            }),
+            /*#__PURE__*/ jsx("div", {
+                style: {
+                    flex: 1
+                },
+                children: /*#__PURE__*/ jsx(CoordSystemTrans, {
+                    initialSourceSystem: "wgs84",
+                    initialTargetSystem: "gcj02",
+                    onTransform: handleTransform
+                })
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                style: {
+                    marginTop: '20px',
+                    fontSize: '14px',
+                    color: '#666',
+                    height: '240px',
+                    overflowY: 'auto'
+                },
+                children: [
+                    /*#__PURE__*/ jsx("h3", {
+                        children: "支持的输入格式示例："
+                    }),
+                    /*#__PURE__*/ jsxs("ul", {
+                        children: [
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "经度,纬度:"
+                                    }),
+                                    " 114.56,30.2"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "纬度,经度:"
+                                    }),
+                                    " 30.2,114.56"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "经度 纬度:"
+                                    }),
+                                    " 114.56 30.2"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "纬度 经度:"
+                                    }),
+                                    " 30.2 114.56"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "经度\xb0纬度\xb0:"
+                                    }),
+                                    " 114.56\xb030.2\xb0"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "纬度\xb0经度\xb0:"
+                                    }),
+                                    " 30.2\xb0114.56\xb0"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "经度\xb0 纬度\xb0:"
+                                    }),
+                                    " 114.56\xb0 30.2\xb0"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "纬度\xb0 经度\xb0:"
+                                    }),
+                                    " 30.2\xb0 114.56\xb0"
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("h3", {
+                        children: "支持的坐标系："
+                    }),
+                    /*#__PURE__*/ jsxs("ul", {
+                        children: [
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "WGS84:"
+                                    }),
+                                    " GPS标准坐标系"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "GCJ-02:"
+                                    }),
+                                    " 火星坐标系（高德、腾讯地图）"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx("strong", {
+                                        children: "BD-09:"
+                                    }),
+                                    " 百度坐标系"
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { CoordSystemTrans, CoordSystemTransDemo, CoordinateInput, CoordinateParser, components_CoordinateTrans_CoordinateTrans as CoordinateTrans, DZ_MAP_STYLE_NAMES, DraggableMarker_DraggableMarker as DraggableMarker, ErrorBoundary_ErrorBoundary as ErrorBoundary, Float, Format, components_FormatChange as FormatChange, src_MapView as MapView, components_MapboxMarker_MapboxMarker as MapboxMarker, components_MapboxPopup_MapboxPopup as MapboxPopup, WithMap_components as MaplessControlPanel, StationMana, StationsClickPanelMarker, TestPopup_TestPopup as TestPopup, WithMap_WithMapBase as WithMapBase, _2D as _2dSvg, _3D as _3dSvg, Angle as angleSvg, Area as areaSvg, CircleSelect as circleSelectSvg, Copy as copySvg, Cyber as cyberSvg, degree2DM, degree2DMS, FreedomSelect as freedomSelectSvg, getAllMapState, getDDMM, getDDMMSS, getFloat, getFormatStr, getMapState, getNextFormat, GetPosition as getPositionSvg, gps2Degree, Hand as handSvg, Line as lineSvg, generated_Marker as markerSvg, Measure as measureSvg, Mode as modeSvg, onDefaultEvent, OriginPosition as originPositionSvg, Point as pointSvg, PointerSelect as pointerSelectSvg, Receiver as receiverSvg, RectangleSelect as rectangleSelectSvg, Satellite as satelliteSvg, SelectTool as selectToolSvg, storeMapState, Streets as streetsSvg, hooks_useCoordSystem as useCoordSystem, hooks_useSize as useSize, hooks_useTest as useTest, with_withMapboxMarker as withMapboxMarker, with_withMapboxPopup as withMapboxPopup };