@fleet-frontend/mower-maps 0.2.0-beta.20 → 0.2.0-beta.22

package/dist/index.esm.js

@@ -2,7 +2,6 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { memo, useMemo, useEffect, useState, useRef, useCallback, createContext, useContext, forwardRef, useImperativeHandle, useLayoutEffect } from 'react';
 import ReactDOM from 'react-dom';
-import { message, Modal, Popover } from 'antd';
 
 /**
  * 常量和枚举类型定义
@@ -202,7 +201,7 @@ class ObstacleData extends BaseData {
         this.status = originalData?.status ?? 1;
         this.start_timestamp = originalData?.start_timestamp;
         this.end_timestamp = originalData?.end_timestamp;
-        this.name = originalData?.name || 'Obstacle';
+        this.name = originalData?.name || '';
         this.style = style;
     }
 }
@@ -8674,16 +8673,16 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$9 = ".index-module_edit__-5VvX {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  pointer-events: auto;\n  z-index: 1000;\n  cursor: move;\n  touch-action: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.index-module_edit__-5VvX .index-module_border__JdNLM {\n  position: absolute;\n  inset: -10px;\n  border: 2px dashed rgb(241, 102, 41);\n  border-radius: 2px;\n  pointer-events: none;\n}\n.index-module_edit__-5VvX .index-module_drag__uvdPG {\n  position: absolute;\n  inset: -10px;\n  border-radius: 2px;\n}\n.index-module_edit__-5VvX .index-module_rotate__H-KIZ {\n  position: absolute;\n  top: -20px;\n  right: -20px;\n  width: 20px;\n  height: 20px;\n  cursor: grab;\n  z-index: 1001;\n  pointer-events: auto;\n}\n.index-module_edit__-5VvX .index-module_move__mZF8s {\n  position: absolute;\n  bottom: -20px;\n  left: -20px;\n  width: 20px;\n  height: 20px;\n  cursor: move;\n  z-index: 1001;\n  pointer-events: auto;\n}";
-var styles$9 = {"edit":"index-module_edit__-5VvX","border":"index-module_border__JdNLM","drag":"index-module_drag__uvdPG","move":"index-module_move__mZF8s"};
-styleInject(css_248z$9);
+var css_248z$6 = ".index-module_edit__-5VvX {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  pointer-events: auto;\n  z-index: 1000;\n  cursor: move;\n  touch-action: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.index-module_edit__-5VvX .index-module_border__JdNLM {\n  position: absolute;\n  inset: -10px;\n  border: 2px dashed rgb(241, 102, 41);\n  border-radius: 2px;\n  pointer-events: none;\n}\n.index-module_edit__-5VvX .index-module_drag__uvdPG {\n  position: absolute;\n  inset: -10px;\n  border-radius: 2px;\n}\n.index-module_edit__-5VvX .index-module_rotate__H-KIZ {\n  position: absolute;\n  top: -20px;\n  right: -20px;\n  width: 20px;\n  height: 20px;\n  cursor: grab;\n  z-index: 1001;\n  pointer-events: auto;\n}\n.index-module_edit__-5VvX .index-module_move__mZF8s {\n  position: absolute;\n  bottom: -20px;\n  left: -20px;\n  width: 20px;\n  height: 20px;\n  cursor: move;\n  z-index: 1001;\n  pointer-events: auto;\n}";
+var styles$6 = {"edit":"index-module_edit__-5VvX","border":"index-module_border__JdNLM","drag":"index-module_drag__uvdPG","move":"index-module_move__mZF8s"};
+styleInject(css_248z$6);
 
 const DragHandle = ({ onDragStart, isDragging }) => {
     // 在PC设备上隐藏拖拽手柄
     if (!isMobileDevice()) {
         return null;
     }
-    return (jsx("div", { className: styles$9.move, onMouseDown: (e) => {
+    return (jsx("div", { className: styles$6.move, onMouseDown: (e) => {
             onDragStart(e);
         }, onTouchStart: (e) => onDragStart(e), onMouseUp: (e) => {
             // onDragEnd(e);
@@ -8711,7 +8710,7 @@ const MapDrag = ({ map: _map, dragCallbacks, onBoundaryLabelsCollapse, onTransfo
     if (!isDragMap) {
         return null;
     }
-    return (jsxs("div", { ref: containerRef, className: styles$9.edit, style: { cursor: isDragging ? 'grabbing' : 'move' }, children: [jsx("div", { className: styles$9.border }), jsx("div", { className: styles$9.drag, onMouseDown: handleDragStartEvent, onTouchStart: handleDragStartEvent }), jsx(DragHandle, { onDragStart: handleDragStartEvent, isDragging: isDragging })] }));
+    return (jsxs("div", { ref: containerRef, className: styles$6.edit, style: { cursor: isDragging ? 'grabbing' : 'move' }, children: [jsx("div", { className: styles$6.border }), jsx("div", { className: styles$6.drag, onMouseDown: handleDragStartEvent, onTouchStart: handleDragStartEvent }), jsx(DragHandle, { onDragStart: handleDragStartEvent, isDragging: isDragging })] }));
 };
 
 /**
@@ -14434,9 +14433,9 @@ const SvgMapComponent = forwardRef(({ editMap, rotate, mapData, pathData, modelT
 // 设置显示名称以便调试
 SvgMapComponent.displayName = 'SvgMapComponent';
 
-var css_248z$8 = ".index-module_mowerPosition__yLpIU {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n}";
-var styles$8 = {"mowerPosition":"index-module_mowerPosition__yLpIU"};
-styleInject(css_248z$8);
+var css_248z$5 = ".index-module_mowerPosition__yLpIU {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n}";
+var styles$5 = {"mowerPosition":"index-module_mowerPosition__yLpIU"};
+styleInject(css_248z$5);
 
 const usePosition = ({ mowerPositionData, viewBox, modelType, hasEdger, mapData, realTimeData, onMowingPositionChange, }) => {
     // DOM 元素引用，用于直接操作
@@ -14662,7 +14661,7 @@ const MowerPosition = React__default.memo(({ editMap, mowerPositionData, viewBox
         pointerEvents: 'none',
         zIndex: 1000,
     }), []);
-    return (jsx("div", { className: styles$8.mowerPosition, style: containerStyle, children: jsx("div", { ref: elementRef, className: "mower-position", style: {
+    return (jsx("div", { className: styles$5.mowerPosition, style: containerStyle, children: jsx("div", { ref: elementRef, className: "mower-position", style: {
                 position: 'absolute',
                 width: 30,
                 height: 30,
@@ -14731,9 +14730,9 @@ const CharginPile = React__default.memo(({ mapData, mapConfig = {}, viewBox, rot
             }, children: jsx("img", { src: item.imageSrc, style: { width: '100%', height: '100%', objectFit: 'contain', opacity: 1 } }) }, `pile-${idx}`))) }));
 });
 
-var css_248z$7 = ".index-module_container__7IatW {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.index-module_boundaryLabel__GDHFn {\n  position: absolute;\n  background-color: rgba(30, 30, 31, 0.6);\n  color: rgb(255, 255, 255);\n  padding: 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: bold;\n  max-width: 220px;\n  pointer-events: auto;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n}\n\n.index-module_base__qy2SG {\n  font-size: 14px;\n}\n\n.index-module_extended__0TMAt {\n  margin-top: 6px;\n  font-size: 11px;\n  opacity: 0.9;\n  border-top: 1px solid rgba(255, 255, 255, 0.2);\n  padding-top: 6px;\n}";
-var styles$7 = {"container":"index-module_container__7IatW","boundaryLabel":"index-module_boundaryLabel__GDHFn","base":"index-module_base__qy2SG","extended":"index-module_extended__0TMAt"};
-styleInject(css_248z$7);
+var css_248z$4 = ".index-module_container__7IatW {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.index-module_boundaryLabel__GDHFn {\n  position: absolute;\n  background-color: rgba(30, 30, 31, 0.6);\n  color: rgb(255, 255, 255);\n  padding: 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: bold;\n  max-width: 220px;\n  pointer-events: auto;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n}\n\n.index-module_base__qy2SG {\n  font-size: 14px;\n}\n\n.index-module_extended__0TMAt {\n  margin-top: 6px;\n  font-size: 11px;\n  opacity: 0.9;\n  border-top: 1px solid rgba(255, 255, 255, 0.2);\n  padding-top: 6px;\n}";
+var styles$4 = {"container":"index-module_container__7IatW","boundaryLabel":"index-module_boundaryLabel__GDHFn","base":"index-module_base__qy2SG","extended":"index-module_extended__0TMAt"};
+styleInject(css_248z$4);
 
 const useBoundaryLabels = ({ mapData, pathData, unitType, viewBox, mowPartitionData, realTimeData = [], }) => {
     const [processStateIsMowing, updateProcessStateIsMowing] = useState(false);
@@ -14887,7 +14886,7 @@ const BoundaryLabels = React__default.memo(({ editMap, mapData, pathData, unitTy
         zIndex: expandedId != null ? 9999 : containerZIndex,
         display: editMap ? 'none' : 'block',
     }), [containerZIndex, expandedId, editMap]);
-    return (jsx("div", { className: styles$7.container, style: containerStyle, children: items.map((item) => (jsxs("div", { className: `${styles$7.boundaryLabel} boundary-label`, "data-boundary-id": item.id, style: {
+    return (jsx("div", { className: styles$4.container, style: containerStyle, children: items.map((item) => (jsxs("div", { className: `${styles$4.boundaryLabel} boundary-label`, "data-boundary-id": item.id, style: {
                 transform: `translate(-50%, -50%) rotate(${-rotation}deg)`,
                 left: `${item.leftPct}%`,
                 top: `${item.topPct}%`,
@@ -14897,12 +14896,12 @@ const BoundaryLabels = React__default.memo(({ editMap, mapData, pathData, unitTy
                 if (onlyRead)
                     return;
                 handleClick(item.id);
-            }, children: [jsx("div", { className: styles$7.base, children: item.baseText }), jsxs("div", { className: styles$7.extended, style: { display: expandedId === item.id ? 'block' : 'none' }, children: [jsx("div", { style: { marginBottom: 3, fontWeight: 'bold' }, children: item.coverageText }), jsx("div", { children: item.dateText })] })] }, item.id))) }));
+            }, children: [jsx("div", { className: styles$4.base, children: item.baseText }), jsxs("div", { className: styles$4.extended, style: { display: expandedId === item.id ? 'block' : 'none' }, children: [jsx("div", { style: { marginBottom: 3, fontWeight: 'bold' }, children: item.coverageText }), jsx("div", { children: item.dateText })] })] }, item.id))) }));
 });
 
-var css_248z$6 = ".index-module_container__gB52e {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.index-module_item__zHoZP {\n  position: absolute;\n  pointer-events: auto;\n}\n\n.index-module_icon__CS56A {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n  transition: transform 0.2s ease;\n}\n\n.index-module_tooltip__NMCmR {\n  position: absolute;\n  bottom: 40px;\n  left: 0;\n  background-color: rgb(247, 251, 255);\n  color: rgb(65, 93, 116);\n  padding: 10px;\n  border-radius: 16px;\n  font-size: 14px;\n  text-align: left;\n}";
-var styles$6 = {"container":"index-module_container__gB52e","item":"index-module_item__zHoZP","icon":"index-module_icon__CS56A","tooltip":"index-module_tooltip__NMCmR"};
-styleInject(css_248z$6);
+var css_248z$3 = ".index-module_container__gB52e {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.index-module_item__zHoZP {\n  position: absolute;\n  pointer-events: auto;\n}\n\n.index-module_icon__CS56A {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n  transition: transform 0.2s ease;\n}\n\n.index-module_tooltip__NMCmR {\n  position: absolute;\n  bottom: 40px;\n  left: 0;\n  background-color: rgb(247, 251, 255);\n  color: rgb(65, 93, 116);\n  padding: 10px;\n  border-radius: 16px;\n  font-size: 14px;\n  text-align: left;\n}";
+var styles$3 = {"container":"index-module_container__gB52e","item":"index-module_item__zHoZP","icon":"index-module_icon__CS56A","tooltip":"index-module_tooltip__NMCmR"};
+styleInject(css_248z$3);
 
 const useAntennaInfo = (data = [], options = {}) => {
     const { viewBox } = options;
@@ -15011,13 +15010,13 @@ const Antennas = React__default.memo(({ editMap, antennaConfig = [], viewBox, ro
         document.addEventListener('pointerdown', handleOutside);
         return () => document.removeEventListener('pointerdown', handleOutside);
     }, []);
-    return (jsx("div", { className: styles$6.container, style: containerStyle, children: items.map((item) => (jsxs("div", { className: `antenna-container-item ${styles$6.item}`, style: {
+    return (jsx("div", { className: styles$3.container, style: containerStyle, children: items.map((item) => (jsxs("div", { className: `antenna-container-item ${styles$3.item}`, style: {
                 left: `${item.leftPct}%`,
                 top: `${item.topPct}%`,
                 transform: `translate(calc(-50% + ${item.offsetX || 0}px), calc(-50% + ${item.offsetY || 0}px)) rotate(${-rotation}deg)`,
                 zIndex: openType === item.type ? 10000 : containerZIndex,
                 pointerEvents: onlyRead ? 'none' : 'auto',
-            }, children: [jsx("div", { className: `antenna vector-antenna antenna-${item.type} ${item.isOnline ? 'antenna-online' : 'antenna-offline'} ${styles$6.icon}`, style: {}, onClick: (e) => {
+            }, children: [jsx("div", { className: `antenna vector-antenna antenna-${item.type} ${item.isOnline ? 'antenna-online' : 'antenna-offline'} ${styles$3.icon}`, style: {}, onClick: (e) => {
                         e.stopPropagation();
                         if (onlyRead)
                             return;
@@ -15032,7 +15031,7 @@ const Antennas = React__default.memo(({ editMap, antennaConfig = [], viewBox, ro
                             return;
                         e.currentTarget.style.transform =
                             'scale(1)';
-                    }, children: jsx("img", { src: item.imageSrc, style: { width: '100%', height: '100%', objectFit: 'contain', opacity: 1 } }) }), jsxs("div", { className: styles$6.tooltip, style: {
+                    }, children: jsx("img", { src: item.imageSrc, style: { width: '100%', height: '100%', objectFit: 'contain', opacity: 1 } }) }), jsxs("div", { className: styles$3.tooltip, style: {
                         display: openType === item.type ? 'block' : 'none',
                         minWidth: item.tooltip.minWidth,
                     }, children: [jsx("div", { style: { marginBottom: 4, fontWeight: 600 }, children: item.tooltip.title }), jsxs("div", { style: { color: 'rgba(65, 93, 116, 1)', fontWeight: 400 }, children: [item.tooltip.statusText, item.tooltip.syncText || ''] })] })] }, `antenna-${item.type}`))) }));
@@ -15096,15 +15095,15 @@ const VertexElement = React__default.memo(({ r, stroke, fill, ...props }) => {
     return (jsx("circle", { r: radius * overlayScale, stroke: stroke || '#fff', fill: fill || '#fff', strokeWidth: 4 * overlayScale, ...props }));
 });
 
-var _path$4;
-function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
+var _path$1;
+function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
 var SvgDelete = function SvgDelete(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$a({
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     fill: "none"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
     fill: "#FD494D",
     d: "M6.667 12a.667.667 0 0 0 .666-.667v-4a.667.667 0 1 0-1.333 0v4a.667.667 0 0 0 .667.667m6.666-8h-2.666v-.667a2 2 0 0 0-2-2H7.333a2 2 0 0 0-2 2V4H2.667a.667.667 0 0 0 0 1.333h.666v7.334a2 2 0 0 0 2 2h5.334a2 2 0 0 0 2-2V5.333h.666a.667.667 0 1 0 0-1.333m-6.666-.667a.667.667 0 0 1 .666-.666h1.334a.667.667 0 0 1 .666.666V4H6.667zm4.666 9.334a.667.667 0 0 1-.666.666H5.333a.667.667 0 0 1-.666-.666V5.333h6.666zm-2-.667a.667.667 0 0 0 .667-.667v-4a.667.667 0 0 0-1.333 0v4a.667.667 0 0 0 .666.667"
   })));
@@ -15282,9 +15281,9 @@ const DistanceLabels = ({ coordinates, createMode = false, editMode = false, com
                 } }))] }));
 };
 
-var css_248z$5 = ".index-module_polygonPathG__S-Bpl {\n  cursor: pointer;\n}\n\n.index-module_vertex__-Qb1u {\n  cursor: pointer;\n}\n\n.index-module_dragging__xSFdO {\n  cursor: grabbing;\n}\n\n.index-module_addVertex__hrF71 {\n  cursor: pointer;\n}\n\n.index-module_polygonPath__PynOn {\n  pointer-events: stroke;\n  cursor: pointer;\n}\n\n.index-module_notCreate__bFnkV {\n  cursor: no-drop;\n}";
-var styles$5 = {"polygonPathG":"index-module_polygonPathG__S-Bpl","vertex":"index-module_vertex__-Qb1u","dragging":"index-module_dragging__xSFdO","addVertex":"index-module_addVertex__hrF71","polygonPath":"index-module_polygonPath__PynOn","notCreate":"index-module_notCreate__bFnkV"};
-styleInject(css_248z$5);
+var css_248z$2 = ".index-module_polygonPathG__S-Bpl {\n  cursor: pointer;\n}\n\n.index-module_vertex__-Qb1u {\n  cursor: pointer;\n}\n\n.index-module_dragging__xSFdO {\n  cursor: grabbing;\n}\n\n.index-module_addVertex__hrF71 {\n  cursor: pointer;\n}\n\n.index-module_polygonPath__PynOn {\n  pointer-events: stroke;\n  cursor: pointer;\n}\n\n.index-module_notCreate__bFnkV {\n  cursor: no-drop;\n}";
+var styles$2 = {"polygonPathG":"index-module_polygonPathG__S-Bpl","vertex":"index-module_vertex__-Qb1u","dragging":"index-module_dragging__xSFdO","addVertex":"index-module_addVertex__hrF71","polygonPath":"index-module_polygonPath__PynOn","notCreate":"index-module_notCreate__bFnkV"};
+styleInject(css_248z$2);
 
 var CreateStatus;
 (function (CreateStatus) {
@@ -16151,8 +16150,8 @@ const PolygonElement = ({ canSelect = false, points, fillColor = 'rgba(0, 0, 0,
     }, [dragState.currentPosition, checkCanNotCreateAtPosition, coordinates]);
     const generateVertexClassName = useMemo(() => {
         if (!dragState.isDragging)
-            return styles$5.vertex;
-        return showNotCreateCursor ? styles$5.notCreate : styles$5.dragging;
+            return styles$2.vertex;
+        return showNotCreateCursor ? styles$2.notCreate : styles$2.dragging;
     }, [dragState.isDragging, showNotCreateCursor]);
     // 使用 useRef 来存储 requestAnimationFrame ID
     const rafIdRef = useRef(null);
@@ -16274,15 +16273,10 @@ const PolygonElement = ({ canSelect = false, points, fillColor = 'rgba(0, 0, 0,
                 ? newCoordinates
                 : newCoordinates.reverse();
             if (showNotCreateCursor) {
-                if (platform === PlatformType.H5) {
-                    onHandleEvent?.(ClickEventType.MOVE_OBSTACLE_POINT_ERROR, {
-                        result: true,
-                        code: CheckObstaclePointErrorType.COMMON_ERROR,
-                    });
-                }
-                else {
-                    message.error('Unable to place here, please select a valid spot');
-                }
+                onHandleEvent?.(ClickEventType.MOVE_OBSTACLE_POINT_ERROR, {
+                    result: true,
+                    code: CheckObstaclePointErrorType.COMMON_ERROR,
+                });
             }
             else {
                 onCoordinatesChange?.(result);
@@ -16450,14 +16444,14 @@ const PolygonElement = ({ canSelect = false, points, fillColor = 'rgba(0, 0, 0,
                                         WebkitTouchCallout: 'none',
                                         touchAction: 'none',
                                     } })] }));
-                    })()] })), renderCoordinates.length >= 2 && (jsx("polygon", { className: canSelect ? styles$5.polygonPathG : '', points: polygonPoints, fill: fillColor, fillOpacity: fillOpacity, stroke: "none" // 边框透明
+                    })()] })), renderCoordinates.length >= 2 && (jsx("polygon", { className: canSelect ? styles$2.polygonPathG : '', points: polygonPoints, fill: fillColor, fillOpacity: fillOpacity, stroke: "none" // 边框透明
                 , onClick: onPolygonClick })), jsxs("g", { children: [renderCoordinates.length >= 2 &&
                         pathSegments.map((segment, index) => {
                             if (segment.points.length < 2)
                                 return null;
                             const pathData = createPathData(segment.points);
                             const isDash = segment.type === 1;
-                            return (jsx("path", { d: pathData, fill: "none", stroke: isDash ? 'none' : strokeColor, strokeWidth: strokeWidth, strokeOpacity: strokeOpacity, strokeLinecap: "round", strokeLinejoin: "round", className: canSelect ? styles$5.polygonPath : '', vectorEffect: "non-scaling-stroke", onClick: onPathClick, style: {
+                            return (jsx("path", { d: pathData, fill: "none", stroke: isDash ? 'none' : strokeColor, strokeWidth: strokeWidth, strokeOpacity: strokeOpacity, strokeLinecap: "round", strokeLinejoin: "round", className: canSelect ? styles$2.polygonPath : '', vectorEffect: "non-scaling-stroke", onClick: onPathClick, style: {
                                     userSelect: 'none',
                                     WebkitUserSelect: 'none',
                                     WebkitTouchCallout: 'none',
@@ -16467,13 +16461,13 @@ const PolygonElement = ({ canSelect = false, points, fillColor = 'rgba(0, 0, 0,
                         dashPaths.map((segment, index) => {
                             if (segment.points.length < 2)
                                 return null;
-                            return (jsx(DashPath, { className: canSelect ? styles$5.polygonPath : '', points: segment.points, stroke: strokeColor, strokeWidth: strokeWidth, strokeOpacity: strokeOpacity }, index));
+                            return (jsx(DashPath, { className: canSelect ? styles$2.polygonPath : '', points: segment.points, stroke: strokeColor, strokeWidth: strokeWidth, strokeOpacity: strokeOpacity }, index));
                         })] }), (editMode || (createMode && completed)) &&
                 renderCoordinates.length >= 2 &&
                 renderCoordinates.map((coord, index) => {
                     const nextCoord = renderCoordinates[(index + 1) % renderCoordinates.length];
                     const isDashPath = coord[2] === 1;
-                    return (jsx("line", { x1: coord[0], y1: coord[1], x2: nextCoord[0], y2: nextCoord[1], stroke: isDashPath ? 'transparent' : strokeColor, strokeWidth: platform === PlatformType.H5 ? strokeWidth * 3 : strokeWidth, className: editMode ? styles$5.addVertex : '', style: {
+                    return (jsx("line", { x1: coord[0], y1: coord[1], x2: nextCoord[0], y2: nextCoord[1], stroke: isDashPath ? 'transparent' : strokeColor, strokeWidth: platform === PlatformType.H5 ? strokeWidth * 3 : strokeWidth, className: editMode ? styles$2.addVertex : '', style: {
                             userSelect: 'none',
                             WebkitUserSelect: 'none',
                             WebkitTouchCallout: 'none',
@@ -17307,15 +17301,15 @@ const useVisionOffTransform = (data, scaleConstraints
     };
 };
 
-var _g$5, _defs$5;
-function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
+var _g$3, _defs$3;
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 var SvgTransformDelete = function SvgTransformDelete(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$9({
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none"
-  }, props), _g$5 || (_g$5 = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#transform-delete_svg__a)"
   }, /*#__PURE__*/React.createElement("circle", {
     cx: 10,
@@ -17338,7 +17332,7 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
     fill: "#fff",
     rx: 0.8,
     transform: "rotate(45 6.323 5.191)"
-  }))), _defs$5 || (_defs$5 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }))), _defs$3 || (_defs$3 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "transform-delete_svg__b",
     x1: 17.727,
     x2: -1.215,
@@ -17358,15 +17352,15 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
   })))));
 };
 
-var _g$4, _defs$4;
-function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
+var _g$2, _defs$2;
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
 var SvgTransformRotate = function SvgTransformRotate(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$8({
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 21,
     height: 20,
     fill: "none"
-  }, props), _g$4 || (_g$4 = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#transform-rotate_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "url(#transform-rotate_svg__b)",
@@ -17374,7 +17368,7 @@ var SvgTransformRotate = function SvgTransformRotate(props) {
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     d: "M11.602 14.719a5.447 5.447 0 0 1-6.608-5.116l-.004-.205a.818.818 0 0 1 1.633-.084l.004.084.01.285a3.81 3.81 0 0 0 2.127 3.137l.26.115a3.8 3.8 0 0 0 2.227.184l.276-.071q.29-.088.561-.219l-1.147-.441a.817.817 0 0 1 .587-1.525l2.54.977a.817.817 0 0 1 .316 1.308l.001.001a5.45 5.45 0 0 1-2.783 1.57M8.623 4.548a5.447 5.447 0 0 1 6.608 5.116l.004.204a.818.818 0 0 1-1.633.084l-.004-.084-.01-.284a3.81 3.81 0 0 0-2.127-3.138l-.26-.115a3.8 3.8 0 0 0-2.227-.184l-.276.072q-.29.087-.561.218l1.147.442a.817.817 0 0 1-.586 1.524l-2.542-.976a.817.817 0 0 1-.315-1.309 5.45 5.45 0 0 1 2.782-1.57"
-  }))), _defs$4 || (_defs$4 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }))), _defs$2 || (_defs$2 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "transform-rotate_svg__b",
     x1: 17.84,
     x2: -1.103,
@@ -17394,15 +17388,15 @@ var SvgTransformRotate = function SvgTransformRotate(props) {
   })))));
 };
 
-var _g$3, _defs$3;
-function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
+var _g$1, _defs$1;
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
 var SvgTransformScale = function SvgTransformScale(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$7({
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 21,
     height: 20,
     fill: "none"
-  }, props), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#transform-scale_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "url(#transform-scale_svg__b)",
@@ -17410,7 +17404,7 @@ var SvgTransformScale = function SvgTransformScale(props) {
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     d: "M5.078 8.265a.8.8 0 0 0 1.6.001v-.544l5.69 5.69h-.494a.8.8 0 0 0 0 1.6l2.474-.002a.8.8 0 0 0 .311-.062.8.8 0 0 0 .49-.738v-2.474a.8.8 0 1 0-1.6 0v.594L7.81 6.59h.544a.8.8 0 0 0 0-1.6H5.879a.8.8 0 0 0-.8.8z"
-  }))), _defs$3 || (_defs$3 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }))), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "transform-scale_svg__b",
     x1: 17.84,
     x2: -1.103,
@@ -17430,15 +17424,15 @@ var SvgTransformScale = function SvgTransformScale(props) {
   })))));
 };
 
-var _g$2, _defs$2;
-function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
+var _g, _defs;
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgTransformTranslate = function SvgTransformTranslate(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$6({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none"
-  }, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#transform-translate_svg__a)"
   }, /*#__PURE__*/React.createElement("circle", {
     cx: 10,
@@ -17448,7 +17442,7 @@ var SvgTransformTranslate = function SvgTransformTranslate(props) {
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     d: "M16.18 10.758a.8.8 0 0 0-.105-1.218l-1.66-1.66a.801.801 0 0 0-1.132 1.132l.383.381h-2.96V6.418l.385.386a.8.8 0 1 0 1.131-1.13l-1.75-1.75a.8.8 0 0 0-1.222.11L7.594 5.689a.8.8 0 0 0 1.131 1.13l.381-.38v2.954H6.137l.381-.38a.8.8 0 1 0-1.13-1.132l-1.752 1.75a.8.8 0 0 0 .106 1.22l1.66 1.66a.801.801 0 0 0 1.132-1.133l-.386-.385h2.958v2.972l-.38-.38a.8.8 0 0 0-1.132 1.131l1.751 1.75a.8.8 0 0 0 1.223-.11l1.654-1.655a.8.8 0 1 0-1.13-1.131l-.386.386v-2.963h2.978l-.385.384a.8.8 0 1 0 1.131 1.131z"
-  }))), _defs$2 || (_defs$2 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "transform-translate_svg__b",
     x1: 17.727,
     x2: -1.215,
@@ -18630,9 +18624,9 @@ const GElement = ({ type, children }) => {
     return jsx("g", { id: `layer-${type}`, children: children }, type);
 };
 
-var css_248z$4 = ".index-module_mapEdit__XC5Gw {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  cursor: default;\n}\n.index-module_mapEdit__XC5Gw.index-module_createMode__14EPH {\n  cursor: crosshair;\n}\n.index-module_mapEdit__XC5Gw.index-module_notCreateCursor__1-OjF {\n  cursor: no-drop;\n}";
-var styles$4 = {"mapEdit":"index-module_mapEdit__XC5Gw","createMode":"index-module_createMode__14EPH","notCreateCursor":"index-module_notCreateCursor__1-OjF"};
-styleInject(css_248z$4);
+var css_248z$1 = ".index-module_mapEdit__XC5Gw {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  cursor: default;\n}\n.index-module_mapEdit__XC5Gw.index-module_createMode__14EPH {\n  cursor: crosshair;\n}\n.index-module_mapEdit__XC5Gw.index-module_notCreateCursor__1-OjF {\n  cursor: no-drop;\n}";
+var styles$1 = {"mapEdit":"index-module_mapEdit__XC5Gw","createMode":"index-module_createMode__14EPH","notCreateCursor":"index-module_notCreateCursor__1-OjF"};
+styleInject(css_248z$1);
 
 var classnames = {exports: {}};
 
@@ -19624,7 +19618,7 @@ function getSvgPoint(svg, clientX, clientY) {
 function usePolygonDrawing(options = {}) {
     const { createMode = false } = options;
     const [mousePos, setMousePos] = useState(null);
-    const { editMapInfo, setEditMapInfo } = useMapEditContext();
+    const { editMapInfo, setEditMapInfo, onHandleEvent } = useMapEditContext();
     const { checkCanNotCreateAtPosition } = useCheckElement();
     const { addHistory } = useHistoryHandle();
     const points = useMemo(() => {
@@ -19656,7 +19650,10 @@ function usePolygonDrawing(options = {}) {
         if (!p)
             return;
         if (checkCanNotCreateAtPosition(p)?.result) {
-            message.error('Unable to place here, please select a valid spot');
+            onHandleEvent?.(ClickEventType.MOVE_OBSTACLE_POINT_ERROR, {
+                result: true,
+                code: CheckObstaclePointErrorType.COMMON_ERROR,
+            });
             return;
         }
         setEditMapInfo((pre) => {
@@ -19902,7 +19899,7 @@ const useCreateVisionOffElement = () => {
     const centerPoint = useMemo(() => {
         if (!svgViewBox)
             return null;
-        const center = [svgViewBox.x + svgViewBox.width / 2, -svgViewBox.y - svgViewBox.height / 2];
+        const center = [svgViewBox.x + svgViewBox.width / 2, svgViewBox.y + svgViewBox.height / 2];
         return center;
     }, [svgViewBox]);
     const elementWidth = useMemo(() => {
@@ -20184,9 +20181,9 @@ const SvgEditMap = forwardRef(({ mapJson, mapConfig, editMap, onEditInfoMapChang
             return false;
         return checkCanNotCreateAtPosition(mousePos)?.result ?? false;
     }, [mousePos, checkCanNotCreateAtPosition]);
-    return (jsx("div", { ref: containerRef, className: classNames(styles$4.mapEdit, {
-            [styles$4.createMode]: isCreating,
-            [styles$4.notCreateCursor]: showNotCreateCursor,
+    return (jsx("div", { ref: containerRef, className: classNames(styles$1.mapEdit, {
+            [styles$1.createMode]: isCreating,
+            [styles$1.notCreateCursor]: showNotCreateCursor,
         }), style: {
             display: editMap ? 'block' : 'none',
         }, children: jsxs("svg", { style: {
@@ -20285,15 +20282,15 @@ const SvgEditMap = forwardRef(({ mapJson, mapConfig, editMap, onEditInfoMapChang
 });
 SvgEditMap.displayName = 'SvgEditMap';
 
-var _path$3;
-function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var SvgMobileAddPoint = function SvgMobileAddPoint(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$5({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 36,
     height: 36,
     fill: "none"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     stroke: "#fff",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -20302,9 +20299,9 @@ var SvgMobileAddPoint = function SvgMobileAddPoint(props) {
   })));
 };
 
-var css_248z$3 = ".index-module_crosshair__etey6 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 40px;\n  height: 40px;\n  pointer-events: none;\n  z-index: 99999;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
-var styles$3 = {"crosshair":"index-module_crosshair__etey6"};
-styleInject(css_248z$3);
+var css_248z = ".index-module_crosshair__etey6 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 40px;\n  height: 40px;\n  pointer-events: none;\n  z-index: 99999;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
+var styles = {"crosshair":"index-module_crosshair__etey6"};
+styleInject(css_248z);
 
 /**
  * 十字准心组件
@@ -20321,460 +20318,7 @@ const Crosshair = () => {
         }
         return false;
     }, [platform, editMapInfo]);
-    return isVisible ? (jsx("div", { className: styles$3.crosshair, children: jsx(SvgMobileAddPoint, {}) })) : null;
-};
-
-var css_248z$2 = ".index-module_addEntry__QsQHD {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  cursor: pointer;\n  z-index: 10;\n}\n.index-module_addEntry__QsQHD .index-module_icon__qIgA4 {\n  padding: 6px;\n  border-radius: 8px;\n  background: #fff;\n  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.2);\n}\n\n.index-module_addItem__mglwZ {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n  justify-content: flex-start;\n  cursor: pointer;\n}\n.index-module_addItem__mglwZ:hover {\n  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n  border-radius: 4px;\n}\n.index-module_addItem__mglwZ:not(:last-child) {\n  margin-bottom: 6px;\n}\n.index-module_addItem__mglwZ .index-module_icon__qIgA4 {\n  width: 16px;\n  height: 16px;\n}\n.index-module_addItem__mglwZ .index-module_label__QqZ-9 {\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 16px;\n  color: rgb(158, 158, 158);\n  margin-left: 4px;\n}";
-var styles$2 = {"addEntry":"index-module_addEntry__QsQHD","icon":"index-module_icon__qIgA4","addItem":"index-module_addItem__mglwZ","label":"index-module_label__QqZ-9"};
-styleInject(css_248z$2);
-
-var _rect$2, _path$2, _defs$1;
-function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
-var SvgAddEntry = function SvgAddEntry(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
-  }, props), _rect$2 || (_rect$2 = /*#__PURE__*/React.createElement("rect", {
-    width: 10.95,
-    height: 10.95,
-    x: 10.613,
-    y: 3.15,
-    fill: "#1F1F1F",
-    stroke: "url(#add-entry_svg__a)",
-    strokeWidth: 0.3,
-    opacity: 0.795,
-    rx: 1.05
-  })), /*#__PURE__*/React.createElement("foreignObject", {
-    width: 23.468,
-    height: 20.501,
-    x: -1.543,
-    y: 3.499
-  }, /*#__PURE__*/React.createElement("div", {
-    xmlns: "http://www.w3.org/1999/xhtml",
-    style: {
-      backdropFilter: "blur(1.63px)",
-      clipPath: "url(#add-entry_svg__b)",
-      height: "100%",
-      width: "100%"
-    }
-  })), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
-    fill: "#1F1F1F",
-    stroke: "url(#add-entry_svg__c)",
-    strokeWidth: 0.3,
-    d: "M9.302 7.402a1.05 1.05 0 0 1 1.778 0l7.27 11.578a1.05 1.05 0 0 1-.89 1.608H2.92a1.05 1.05 0 0 1-.889-1.608z",
-    "data-figma-bg-blur-radius": 3.262
-  })), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "add-entry_svg__a",
-    x1: 16.851,
-    x2: 20.384,
-    y1: 10.392,
-    y2: 4.767,
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#fff",
-    stopOpacity: 0.01
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: 1,
-    stopColor: "#fff"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "add-entry_svg__c",
-    x1: 21.47,
-    x2: 12.314,
-    y1: 15.036,
-    y2: 5.769,
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#fff",
-    stopOpacity: 0.01
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: 1,
-    stopColor: "#fff"
-  })), /*#__PURE__*/React.createElement("clipPath", {
-    id: "add-entry_svg__b",
-    transform: "translate(1.543 -3.499)"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M9.302 7.402a1.05 1.05 0 0 1 1.778 0l7.27 11.578a1.05 1.05 0 0 1-.89 1.608H2.92a1.05 1.05 0 0 1-.889-1.608z"
-  })))));
-};
-
-var _path$1, _path2$1, _path3;
-function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
-var SvgBoundary = function SvgBoundary(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
-    fill: "#1DBEAC",
-    fillRule: "evenodd",
-    d: "M3.385 2h9.23C13.38 2 14 2.62 14 3.385v9.23C14 13.38 13.38 14 12.615 14h-9.23C2.62 14 2 13.38 2 12.615v-9.23C2 2.62 2.62 2 3.385 2m9.692 1.385a.46.46 0 0 0-.462-.462h-9.23a.46.46 0 0 0-.462.462v9.23c0 .255.207.462.462.462h9.23a.46.46 0 0 0 .462-.462z",
-    clipRule: "evenodd",
-    opacity: 0.602
-  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
-    fill: "#1DBEAC",
-    d: "M12.615 2.923c.255 0 .462.207.462.462v9.23a.46.46 0 0 1-.462.462h-9.23a.46.46 0 0 1-.462-.462v-9.23c0-.255.207-.462.462-.462z",
-    opacity: 0.152
-  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
-    fill: "#1DBEAC",
-    fillRule: "evenodd",
-    d: "M2.833 2a.833.833 0 1 0 0 1.667.833.833 0 0 0 0-1.667m0 10.333a.833.833 0 1 0 0 1.667.833.833 0 0 0 0-1.667m9.5-9.5a.833.833 0 1 1 1.667 0 .833.833 0 0 1-1.667 0m.834 9.5a.833.833 0 1 0 0 1.667.833.833 0 0 0 0-1.667M6.49 10.333s.335-4.388 3.451-5.666c-1.725 2.439-1.725 5.666-1.725 5.666zm2.305 0s.548-4.108 2.872-4.816c-1.071 1.7-1.071 4.816-1.071 4.816zM6.87 5.517c-2.384 1.42-2.537 4.816-2.537 4.816h1.582s-.21-2.698.955-4.816",
-    clipRule: "evenodd"
-  })));
-};
-
-var _path, _path2, _rect$1, _rect2$1;
-function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
-var SvgLimitIsland = function SvgLimitIsland(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fill: "#FFA077",
-    d: "M11.725 6.714c-1.019-.137-2.516-1.488-1.9-2.14.588-.621 1.91.344 1.9 2.14"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    fill: "#FF5D17",
-    d: "M11.195 3.637c-.863.109-.623 2.341.354 3.024 1.603.79 2.575-.099 2.517-.459-.072-.445-.983-1.014-2.029-.274.455-.92-.08-2.387-.842-2.291M10.004 9.084l.308.87c1.202.178 2.002.494 2.002.856 0 .556-1.887 1.007-4.215 1.007-2.329 0-4.216-.451-4.217-1.007 0-.334.683-.63 1.733-.812l.593-1.679zm-.777-2.197.518 1.463-3.312-.667.443-1.253zM7.467 4.76a.535.535 0 0 1 1.01 0l.493 1.398L7.1 5.794z"
-  })), _rect$1 || (_rect$1 = /*#__PURE__*/React.createElement("rect", {
-    width: 14.237,
-    height: 10.667,
-    x: 0.882,
-    y: 2.667,
-    fill: "#F50",
-    opacity: 0.15,
-    rx: 2
-  })), _rect2$1 || (_rect2$1 = /*#__PURE__*/React.createElement("rect", {
-    width: 14.237,
-    height: 10.667,
-    x: 0.882,
-    y: 2.667,
-    stroke: "#FF5D17",
-    strokeWidth: 0.867,
-    rx: 2
-  })));
-};
-
-var _rect, _rect2, _rect3, _rect4, _g$1;
-function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
-var SvgVisionFence = function SvgVisionFence(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
-    width: 14.333,
-    height: 10.667,
-    x: 0.833,
-    y: 2.667,
-    fill: "#B1D9FF",
-    rx: 2.667
-  })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement("rect", {
-    width: 13.333,
-    height: 9.667,
-    x: 1.333,
-    y: 3.167,
-    stroke: "#5C9DFF",
-    strokeDasharray: "6.33 6.33",
-    rx: 1.333
-  })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement("rect", {
-    width: 6,
-    height: 6,
-    x: 5,
-    y: 4.833,
-    fill: "#B1D9FF",
-    rx: 3
-  })), /*#__PURE__*/React.createElement("mask", {
-    id: "visionFence_svg__a",
-    width: 6,
-    height: 6,
-    x: 5,
-    y: 5,
-    maskUnits: "userSpaceOnUse",
-    style: {
-      maskType: "alpha"
-    }
-  }, _rect4 || (_rect4 = /*#__PURE__*/React.createElement("rect", {
-    width: 5.333,
-    height: 5.333,
-    x: 5.333,
-    y: 5.5,
-    fill: "#B1D9FF",
-    rx: 2.667
-  }))), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
-    fill: "#5C9DFF",
-    mask: "url(#visionFence_svg__a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "m8.838 3.395.636.636-5.42 5.421-.637-.636zM9.896 4.452l.637.637-5.422 5.42-.636-.635zM10.954 5.51l.636.637-5.421 5.421-.636-.636zM12.172 6.547l.636.637-5.421 5.42-.636-.635z"
-  }))));
-};
-
-var _g, _defs;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgDoodle = function SvgDoodle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#doodle_svg__a)"
-  }, /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#doodle_svg__b)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: 14.237,
-    height: 10.667,
-    x: 0.333,
-    y: 4.332,
-    fill: "#CBFCF7",
-    stroke: "#9AEEE5",
-    strokeWidth: 0.867,
-    rx: 2
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#F2FFFD",
-    d: "M1.374 9.88a4 4 0 0 0 4 4h.546l.514-1.524c.073-.216-.087-.443-.312-.48-1.415-.229-3.6-1.485-4.399-4.639a.35.35 0 0 0-.135-.197c-.138.405-.214.84-.214 1.293z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#50D0C2",
-    d: "M15.814 2.13c-.352 2.267-6.501 9.305-8.003 9.43a.282.282 0 0 1-.238-.455L15.565.828c.398.332.293 1.015.249 1.303"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#50D0C2",
-    d: "M14.208.95c-2.147.946-7.434 8.618-7.15 10.058a.2.2 0 0 0 .017.047.295.295 0 0 0 .498.051L15.565.826c-.437-.28-1.084.003-1.357.123"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#9CE7DE",
-    d: "M7.76 11.558a.282.282 0 0 1-.187-.453.295.295 0 0 1-.498-.05.2.2 0 0 1-.016-.048c-.108-.55.598-2.01 1.63-3.658l2.297 1.689c-1.348 1.415-2.6 2.473-3.174 2.522a.2.2 0 0 1-.053-.002"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#50D0C2",
-    d: "M5.602 11.02c.658-.873 1.769-1.145 2.482-.607.714.537.759 1.68.1 2.553-.657.873-2.733.94-2.733.94s-.507-2.013.15-2.886"
-  })))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "doodle_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M0 0h16v16H0z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
-    id: "doodle_svg__b"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M0 0h16v16H0z"
-  })))));
-};
-
-var HandleElementMapType;
-(function (HandleElementMapType) {
-    HandleElementMapType["name"] = "name";
-    HandleElementMapType["focus"] = "focus";
-    HandleElementMapType["delete"] = "delete";
-    HandleElementMapType["timePeriod"] = "timePeriod";
-    HandleElementMapType["area"] = "area";
-    HandleElementMapType["dooleExist"] = "dooleExist";
-})(HandleElementMapType || (HandleElementMapType = {}));
-const DATE_TYPE_MAP = [
-    { type: DataType.BOUNDARY, label: 'Boundary', icon: jsx(SvgBoundary, {}) },
-    {
-        type: DataType.OBSTACLE,
-        paramType: RecordTypeEnum.OBSTACLE,
-        label: 'Off-limit island',
-        icon: jsx(SvgLimitIsland, {}),
-    },
-    // { type: DataType.CHANNEL, label: 'Channel', icon: <ChannelIcon /> },
-    {
-        type: DataType.VISION_OFF,
-        paramType: RecordTypeEnum.VISI_OFF,
-        label: 'VisionFence-off zone',
-        icon: jsx(SvgVisionFence, {}),
-    },
-    {
-        type: DataType.DOODLE,
-        paramType: RecordTypeEnum.DOODLE,
-        label: 'Doodle',
-        icon: jsx(SvgDoodle, {}),
-    },
-];
-({
-    [DataType.BOUNDARY]: {
-        },
-    [DataType.OBSTACLE]: {
-        },
-    [DataType.CHANNEL]: {
-        },
-    [DataType.VISION_OFF]: {
-        },
-    [DataType.DOODLE]: {
-        },
-    [DataType.PATH]: undefined,
-    [DataType.ANTENNA]: undefined,
-    [DataType.CHARGING_PILE]: undefined,
-});
-
-var css_248z$1 = ".ant-modal .ant-modal-body .ant-modal-confirm-title {\n  text-align: center;\n}\n.ant-modal .ant-modal-body .ant-modal-confirm-btns {\n  margin-top: 24px;\n}\n.ant-modal .ant-modal-body .ant-modal-confirm-btns .ant-btn + .ant-btn {\n  margin-left: 24px;\n}\n\n.index-module_modal__fkxhn.index-module_center__d461v .ant-modal-title {\n  text-align: center;\n  padding: 10px 20px 0;\n  font-size: 18px;\n}\n.index-module_modal__fkxhn.index-module_center__d461v .ant-modal-header {\n  margin-bottom: 24px;\n}\n.index-module_modal__fkxhn.index-module_center__d461v .ant-modal .ant-modal-footer {\n  margin-top: 24px;\n}\n.index-module_modal__fkxhn.index-module_center__d461v .ant-modal .ant-modal-footer .ant-btn + .ant-btn {\n  margin-left: 24px;\n}";
-var styles$1 = {"modal":"index-module_modal__fkxhn","center":"index-module_center__d461v"};
-styleInject(css_248z$1);
-
-const CustomModal = ({ children, titleCenter, hasMinHeight, height, ...props }) => {
-    return (jsx(Modal, { centered: true, styles: {
-            body: {
-                maxHeight: height ? `${height}px` : 'calc(100vh - 200px)',
-                minHeight: hasMinHeight ? '520px' : undefined,
-                overflow: 'auto',
-            },
-        }, wrapClassName: classNames(styles$1.modal, {
-            [styles$1.center]: titleCenter,
-        }), cancelButtonProps: { color: 'primary', variant: 'outlined' }, cancelText: 'Cancel', ...props, children: children }));
-};
-
-var css_248z = ".index-module_doodleModal__EGNPW .index-module_title__ViZuB {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: rgb(29, 29, 29);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  max-height: 230px;\n  overflow-y: auto;\n  width: 470px;\n  margin: 20px auto 0;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 {\n  width: 70px;\n  height: 70px;\n  padding: 10px;\n  border-radius: 8px;\n  cursor: pointer;\n  border: 2px solid transparent;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  position: relative;\n  background: rgb(233, 242, 241);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7.index-module_active__1OHfd {\n  border: 2px solid #ff5a00;\n  background-color: rgba(110, 220, 207, 0.1);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7.index-module_active__1OHfd .index-module_selectIcon__EFQF- {\n  display: block;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 .index-module_svgImage__2OT8- {\n  width: 100%;\n  height: 100%;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 .index-module_svgImage__2OT8- svg {\n  width: 100%;\n  height: 100%;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 .index-module_selectIcon__EFQF- {\n  position: absolute;\n  bottom: 4px;\n  right: 4px;\n  display: none;\n}";
-var styles = {"doodleModal":"index-module_doodleModal__EGNPW","title":"index-module_title__ViZuB","content":"index-module_content__h-60T","item":"index-module_item__dvoq7","active":"index-module_active__1OHfd","svgImage":"index-module_svgImage__2OT8-"};
-styleInject(css_248z);
-
-const DoodleModal = ({ open, onSelect, setOpen, doodleList, centerPoint }) => {
-    const { editMapInfo, setEditMapInfo, onHandleEnterRecord } = useMapEditContext();
-    const [selectedDoodle, setSelectedDoodle] = useState(null);
-    const noNeed = useMemo(() => {
-        return '1234567890QWERTYUIOPASDFGHJKLZXCVBNM';
-    }, []);
-    // 选择 Doodle
-    const handleSelectDoodle = useCallback((item) => {
-        setSelectedDoodle(item);
-    }, []);
-    // 确认选择
-    const handleConfirm = useCallback(() => {
-        if (selectedDoodle) {
-            const newDoodle = initDoodle();
-            const svg = selectedDoodle?.svgStr;
-            const minLength = selectedDoodle.minLength;
-            const parseSvg = SvgParserNative.parseSvg(svg);
-            const svgMinLength = parseSvg.height / SCALE_FACTOR;
-            // 使用获取到的 SVG 内容，如果没有获取到则使用 URL
-            newDoodle.svg = svg;
-            newDoodle.scale = minLength / svgMinLength;
-            newDoodle.direction = 0;
-            newDoodle.center = restorePoint(centerPoint);
-            onHandleEnterRecord?.({
-                type: 1,
-                function: 0,
-            })?.then(() => {
-                setEditMapInfo({
-                    ...editMapInfo,
-                    historyList: [
-                        {
-                            selectElement: newDoodle,
-                        },
-                    ],
-                    currentHistoryIndex: 0,
-                    createMode: CreateStatus.COMPLETED,
-                    elementType: DataType.DOODLE,
-                    selectElement: newDoodle,
-                    isShowDrag: true,
-                });
-                setOpen(false);
-                onSelect?.(svg);
-            }, (error) => {
-                message.error('Save failed, please try again');
-            });
-        }
-    }, [selectedDoodle, setEditMapInfo, editMapInfo, setOpen, onSelect, centerPoint]);
-    return (jsx(CustomModal, { width: 560, title: "Create doodle", titleCenter: true, open: open, onOk: handleConfirm, onCancel: () => setOpen(false), okButtonProps: { disabled: !selectedDoodle }, afterClose: () => setSelectedDoodle(null), okText: "Create", cancelText: "Cancel", children: jsxs("div", { className: styles.doodleModal, children: [jsx("div", { className: styles.title, children: "Select the doodle that you want to create" }), jsx("div", { className: styles.content, children: doodleList
-                        ?.filter((item) => !noNeed.includes(item.name))
-                        .map((item) => {
-                        return (jsx("div", { className: classNames(styles.item, {
-                                [styles.active]: selectedDoodle?.svg === item.svg,
-                            }), onClick: () => handleSelectDoodle(item), children: jsx("div", { className: styles.svgImage, dangerouslySetInnerHTML: { __html: item?.svgStr } }) }, item.id));
-                    }) })] }) }));
-};
-
-const AddEntry = ({ doodleList, disabledObstacles, editMap }) => {
-    const { svgRef } = useSvgEditContext();
-    const { editMapInfo, setEditMapInfo, onHandleEnterRecord } = useMapEditContext();
-    const divRef = useRef(null);
-    const [open, setOpen] = useState(false);
-    const [doodleOpen, setDoodleOpen] = useState(false);
-    const centerPoint = useMemo(() => {
-        if (!svgRef)
-            return null;
-        const baseVal = svgRef?.viewBox.baseVal;
-        const center = [
-            baseVal?.x + (baseVal?.width || 0) / 2,
-            baseVal?.y + (baseVal?.height || 0) / 2,
-        ];
-        return center;
-    }, [svgRef?.viewBox?.baseVal?.x]);
-    const centerBounds = useMemo(() => {
-        if (!svgRef)
-            return null;
-        const elementWidth = 50 * 10;
-        const [minX, minY, maxX, maxY] = [
-            centerPoint[0] - elementWidth / 2,
-            centerPoint[1] - elementWidth / 2,
-            centerPoint[0] + elementWidth / 2,
-            centerPoint[1] + elementWidth / 2,
-        ];
-        const elementPoints = [
-            [minX, minY],
-            [minX, maxY],
-            [maxX, maxY],
-            [maxX, minY],
-        ];
-        return elementPoints;
-    }, [centerPoint]);
-    const addNewElement = useCallback((type, item) => {
-        setOpen(false);
-        let newElement = null;
-        if (type === DataType.BOUNDARY) {
-            newElement = initBoundary();
-        }
-        else if (type === DataType.OBSTACLE) {
-            newElement = initObstacle();
-        }
-        else if (type === DataType.CHANNEL) {
-            newElement = initChannel();
-        }
-        else if (type === DataType.VISION_OFF) {
-            newElement = initVisionOff();
-            newElement.points = centerBounds;
-        }
-        else if (type === DataType.DOODLE) {
-            return setDoodleOpen(true);
-        }
-        onHandleEnterRecord?.({
-            type: item?.paramType,
-            function: item?.type === DataType.OBSTACLE ? 0 : undefined,
-        })?.then(() => {
-            setEditMapInfo({
-                ...editMapInfo,
-                historyList: [
-                    {
-                        selectElement: newElement,
-                    },
-                ],
-                currentHistoryIndex: 0,
-                createMode: type === DataType.VISION_OFF ? CreateStatus.COMPLETED : CreateStatus.CREATING,
-                elementType: type,
-                selectElement: newElement,
-            });
-        }, (errorText) => {
-            message.error('Save failed, please try again');
-        });
-    }, [centerBounds]);
-    const addItems = useMemo(() => {
-        return DATE_TYPE_MAP?.filter((item) => {
-            if (item.type === DataType.OBSTACLE) {
-                return !disabledObstacles;
-            }
-            return item.type !== DataType.BOUNDARY;
-        });
-    }, [disabledObstacles]);
-    // console.log('addEntry->', editMapInfo, editMap);
-    if (editMapInfo.createMode || editMapInfo.editMap || !editMap) {
-        return null;
-    }
-    return (jsxs("div", { ref: divRef, className: styles$2.addEntry, children: [jsx(Popover, { open: open, onOpenChange: setOpen, arrow: false, placement: "leftTop", content: addItems?.map((item) => {
-                    return (jsxs("div", { className: styles$2.addItem, onClick: () => {
-                            addNewElement(item.type, item);
-                        }, children: [jsx("div", { className: styles$2.icon, children: item?.icon }), jsx("div", { className: styles$2.label, children: item?.label })] }, item.label));
-                }), children: jsx("div", { className: styles$2.icon, children: jsx(SvgAddEntry, {}) }) }), jsx(DoodleModal, { centerPoint: centerPoint, doodleList: doodleList, open: doodleOpen, onOk: () => setDoodleOpen(false), setOpen: setDoodleOpen })] }));
+    return isVisible ? (jsx("div", { className: styles.crosshair, children: jsx(SvgMobileAddPoint, {}) })) : null;
 };
 
 // 验证GPS坐标是否有效
@@ -21343,7 +20887,7 @@ modelType, mapRef, mapJson, pathJson, realTimeData, antennaConfig, onMapLoad, on
     }
     // console.log('mowerrender------->', svgViewBox);
     // 使用goole maps自定义叠加层，返回debug信息（如果启用）
-    return (jsx(CommonContextProvider, { value: commonValue, children: jsx(SvgEditContextProvider, { value: svgEditValue, children: jsxs(MapEditContextProvider, { value: mapEditValue, children: [platform !== PlatformType.H5 && (jsx(Fragment, { children: jsx(AddEntry, { disabledObstacles: disabledObstacles, doodleList: doodleList, editMap: editMap }) })), platform === PlatformType.H5 && jsx(Crosshair, {}), jsxs(OverlayViewF, { onLoad: (lay) => {
+    return (jsx(CommonContextProvider, { value: commonValue, children: jsx(SvgEditContextProvider, { value: svgEditValue, children: jsxs(MapEditContextProvider, { value: mapEditValue, children: [platform !== PlatformType.H5 && (jsx(Fragment, {})), platform === PlatformType.H5 && jsx(Crosshair, {}), jsxs(OverlayViewF, { onLoad: (lay) => {
                             setOverlay(lay);
                         }, onDraw: (style) => {
                             const layout = Object.keys(style).reduce((pre, cur) => {