@fleet-frontend/mower-maps 0.2.5-beta.10 → 0.2.5-beta.12

package/dist/index.esm.js

@@ -23197,7 +23197,7 @@ const useChargingPile = ({ viewBox, rotation = 0 }) => {
     return items;
 };
 
-const CharginPile = React__default.memo(({ viewBox, rotation = 0, sizeScale = 1, sizeInSvgUnits = false, isHighlight = true, }) => {
+const CharginPile = React__default.memo(({ viewBox, rotation = 0, sizeScale = 1, sizeInSvgUnits = false, minDisplaySizePx, isHighlight = true, }) => {
     const items = useChargingPile({ viewBox: viewBox || null, rotation });
     const containerStyle = useMemo(() => ({
         position: 'absolute',
@@ -23209,13 +23209,18 @@ const CharginPile = React__default.memo(({ viewBox, rotation = 0, sizeScale = 1,
         zIndex: 750,
         opacity: isHighlight ? SvgMapOpacity.HIGHLIGHT : SvgMapOpacity.UN_HIGHLIGHT,
     }), [isHighlight]);
+    const useMinPx = Boolean(sizeInSvgUnits && viewBox && minDisplaySizePx != null && minDisplaySizePx > 0);
     return (jsx("div", { style: containerStyle, children: items?.map((item, idx) => (jsx("div", { className: "charging-pile", style: {
                 position: 'absolute',
                 width: sizeInSvgUnits && viewBox
-                    ? `${(item.size / Math.max(viewBox.width, 1)) * 100 * sizeScale}%`
+                    ? useMinPx
+                        ? `max(${minDisplaySizePx}px, ${(item.size / Math.max(viewBox.width, 1)) * 100 * sizeScale}%)`
+                        : `${(item.size / Math.max(viewBox.width, 1)) * 100 * sizeScale}%`
                     : item.size * sizeScale,
                 height: sizeInSvgUnits && viewBox
-                    ? `${(item.size / Math.max(viewBox.height, 1)) * 100 * sizeScale}%`
+                    ? useMinPx
+                        ? `max(${minDisplaySizePx}px, ${(item.size / Math.max(viewBox.height, 1)) * 100 * sizeScale}%)`
+                        : `${(item.size / Math.max(viewBox.height, 1)) * 100 * sizeScale}%`
                     : item.size * sizeScale,
                 left: `${item.leftPct}%`,
                 top: `${item.topPct}%`,
@@ -23228,6 +23233,8 @@ const CharginPile = React__default.memo(({ viewBox, rotation = 0, sizeScale = 1,
 const MAX_STATIC_SIZE = 640;
 const MAX_STATIC_MAP_RETRY = 3;
 const STATIC_MAP_RETRY_COOLDOWN_MS = 5000;
+/** 放大镜内充电桩屏幕像素下限，避免过小导致通道与桩视觉错位 */
+const MAGNIFIER_CHARGING_PILE_MIN_DISPLAY_PX = 20;
 const Magnifier = ({ visible, dragState, polygonPoints, fillColor = 'rgba(255, 122, 51, 0.1)', strokeColor = 'rgba(255, 122, 51, 1)', strokeWidth = 2, zoom = 3, size = 200, }) => {
     const { svgViewBox, mapRef, googleMapStaticApiKey, drag } = useCommonContext();
     const { svgElementDatas, svgRef } = useSvgEditContext();
@@ -23581,7 +23588,7 @@ const Magnifier = ({ visible, dragState, polygonPoints, fillColor = 'rgba(255, 1
                                     ? 3.6 / styleZoomFactor
                                     : 3 / styleZoomFactor;
                                 return (jsx("circle", { cx: x, cy: y, r: pointRadius, fill: pointFill, stroke: pointStroke, strokeWidth: pointStrokeWidth }, idx));
-                            })] })), dragState.dragType === 'new' && dragState.edgeInfo && (jsx(Fragment, { children: jsx("line", { x1: dragState.edgeInfo.startPoint.x, y1: dragState.edgeInfo.startPoint.y, x2: dragState.edgeInfo.endPoint.x, y2: dragState.edgeInfo.endPoint.y, stroke: "#999", strokeWidth: (strokeWidth * 3.2) / styleZoomFactor, strokeDasharray: `${6 / styleZoomFactor},${6 / styleZoomFactor}` }) }))] }), jsx(CharginPile, { viewBox: magnifierViewBox || null, rotation: actureRotate, sizeInSvgUnits: true, 
+                            })] })), dragState.dragType === 'new' && dragState.edgeInfo && (jsx(Fragment, { children: jsx("line", { x1: dragState.edgeInfo.startPoint.x, y1: dragState.edgeInfo.startPoint.y, x2: dragState.edgeInfo.endPoint.x, y2: dragState.edgeInfo.endPoint.y, stroke: "#999", strokeWidth: (strokeWidth * 3.2) / styleZoomFactor, strokeDasharray: `${6 / styleZoomFactor},${6 / styleZoomFactor}` }) }))] }), jsx(CharginPile, { viewBox: magnifierViewBox || null, rotation: actureRotate, sizeInSvgUnits: true, minDisplaySizePx: MAGNIFIER_CHARGING_PILE_MIN_DISPLAY_PX, 
                 // 充电桩最多保持原始尺寸，不允许放大超过 1 倍
                 sizeScale: Math.min(1, 1 / styleZoomFactor) })] }));
     // 使用 Portal 渲染到 body，避免层级问题
@@ -24132,7 +24139,7 @@ const createPathData = (points) => {
 };
 const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor = 'rgba(0, 0, 0, 0.1)', hoverFillColor = '', fillOpacity = 1, strokeColor = '#000', strokeWidth = 2, strokeOpacity = 1, createMode = false, showPoints = false, onPointClick, completed = false, mousePos = null, editMode = false, onCoordinatesChange, onPathClick, onPolygonClick, onVertexDelete, draggable = true, // 新增参数，如果未指定则根据createMode和editMode自动判断
  }) => {
-    const { overlayScale, unitType, showStraddleBoundaryBorder, platform, onH5FirstSelectObstaclePoint } = useCommonContext();
+    const { overlayScale, unitType, showStraddleBoundaryBorder, platform, onH5FirstSelectObstaclePoint, } = useCommonContext();
     const { onHandleEvent } = useMapEditContext();
     const { svgRef } = useSvgEditContext();
     const [dragState, setDragState] = useState({
@@ -24184,7 +24191,7 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
         const rect = target.getBoundingClientRect();
         setTooltipPos({
             x: rect.left + rect.width + 4,
-            y: rect.top - 10
+            y: rect.top - 10,
         });
     };
     // 处理顶点点击（仅透出点击；不触发删除）
@@ -24319,6 +24326,10 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
             edgeInfo: edgeInfo,
             dragType: 'new',
         });
+        // H5 禁区：边上长按/点击插入新顶点后与「长按选中顶点」共用震动（pending + useLayoutEffect）
+        if (platform === PlatformType.H5 && editMapInfo?.elementType === DataType.OBSTACLE) {
+            pendingH5ObstacleSelectHapticRef.current = true;
+        }
         // 将新创建的点设为选中态，便于后续直接拖拽
         setSelectedVertexIndex(insertIndex);
     }, [
@@ -24329,6 +24340,8 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
         coordinates,
         getSVGCoordinates,
         calculatePerpendicularFoot$1,
+        platform,
+        editMapInfo?.elementType,
     ]);
     // H5平台长按边线创建新顶点
     const handleEdgeLongPressStart = useCallback((e, edgeStartIndex) => {
@@ -24730,7 +24743,7 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
                                         WebkitTouchCallout: 'none',
                                         touchAction: 'none',
                                     } })] }));
-                    })()] })), renderCoordinates.length >= 2 && (jsx("polygon", { className: canSelect ? styles$6.pointerCursor : '', points: polygonPoints, fill: isHover ? (hoverFillColor || fillColor) : fillColor, fillOpacity: fillOpacity, stroke: "none" // 边框透明
+                    })()] })), renderCoordinates.length >= 2 && (jsx("polygon", { className: canSelect ? styles$6.pointerCursor : '', points: polygonPoints, fill: isHover ? hoverFillColor || fillColor : fillColor, fillOpacity: fillOpacity, stroke: "none" // 边框透明
                 , onClick: onPolygonClick })), jsx("g", { children: renderCoordinates.length >= 2 &&
                     pathSegments.map((segment, index) => {
                         if (segment.points.length < 2)
@@ -24756,12 +24769,27 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
                 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$6.pointerCursor : '', style: {
-                            userSelect: 'none',
-                            WebkitUserSelect: 'none',
-                            WebkitTouchCallout: 'none',
-                            touchAction: 'none',
-                        }, vectorEffect: "non-scaling-stroke", ...(platform === PlatformType.H5
+                    const edgeLineCommon = {
+                        x1: coord[0],
+                        y1: coord[1],
+                        x2: nextCoord[0],
+                        y2: nextCoord[1],
+                    };
+                    const edgeLineStyle = {
+                        userSelect: 'none',
+                        WebkitUserSelect: 'none',
+                        WebkitTouchCallout: 'none',
+                        touchAction: 'none',
+                    };
+                    // H5 实线：透明粗线仅作长按热区，描边只看上方 path；H5 虚线/Web：沿用透明或主题色边线 + 对应事件（合并为一个 line，避免两段重复）
+                    const isH5SolidHitOnly = platform === PlatformType.H5 && ((editMode && !isDashPath) || createMode);
+                    const edgeStroke = isH5SolidHitOnly || isDashPath ? 'transparent' : strokeColor;
+                    const edgeStrokeWidth = isH5SolidHitOnly
+                        ? strokeWidth * 12
+                        : platform === PlatformType.H5
+                            ? strokeWidth * 2
+                            : strokeWidth;
+                    return (jsx("line", { ...edgeLineCommon, stroke: edgeStroke, strokeWidth: edgeStrokeWidth, ...(isH5SolidHitOnly ? { strokeLinecap: 'round' } : {}), className: editMode ? styles$6.pointerCursor : '', style: edgeLineStyle, vectorEffect: "non-scaling-stroke", ...(platform === PlatformType.H5
                             ? {
                                 onTouchStart: createReactEventHandler((e) => handleEdgeLongPressStart(e, index)),
                                 onTouchEnd: createReactEventHandler(() => handleEdgeLongPressEnd()),
@@ -24908,13 +24936,17 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
                                                 }
                                             }
                                         },
-                                        onMouseEnter: canComplete ? (e) => {
-                                            setCompleteTooltipOpen(true);
-                                            updateTooltipPos(e.target);
-                                        } : undefined,
-                                        onMouseLeave: canComplete ? () => {
-                                            setCompleteTooltipOpen(false);
-                                        } : undefined,
+                                        onMouseEnter: canComplete
+                                            ? (e) => {
+                                                setCompleteTooltipOpen(true);
+                                                updateTooltipPos(e.target);
+                                            }
+                                            : undefined,
+                                        onMouseLeave: canComplete
+                                            ? () => {
+                                                setCompleteTooltipOpen(false);
+                                            }
+                                            : undefined,
                                     }) }), platform === PlatformType.H5 && tooltipIndex === idx && coordinates.length > 3 && (jsxs("g", { transform: `translate(${coord[0] + 4 * overlayScale * 2}, ${coord[1] - 4 * overlayScale * 2}) scale(${overlayScale * 2})`, onClick: (e) => {
                                     e.preventDefault();
                                     e.stopPropagation();
@@ -24939,7 +24971,9 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
                             // </rect>
                             )] }, `vertex-${idx}`));
                 }), platform === PlatformType.WEB && tooltipIndex !== null && (jsx(Tooltip, { open: true, x: tooltipPos.x, y: tooltipPos.y, text: "Remove", onClick: () => {
-                    if (onVertexDelete && (editMode || (createMode && completed)) && coordinates.length > 3) {
+                    if (onVertexDelete &&
+                        (editMode || (createMode && completed)) &&
+                        coordinates.length > 3) {
                         onVertexDelete(renderCoordinates?.length - 1 - tooltipIndex);
                     }
                     setTooltipIndex(null);
@@ -25159,10 +25193,11 @@ const ObstacleElement = ({ data, isHover }) => {
     const strokeWidth = useMemo(() => {
         // 如果是h5选中的情况下，禁区只有在start模式下才需要加粗
         // 其他模式展示的是其他的样式
-        if (platform === PlatformType.H5 &&
+        if ((platform === PlatformType.H5 &&
             editMapInfo?.selectElement?.id === data.id &&
-            editMapInfo.mobileMode === MobileEditMode.START) {
-            return dp2px((style.lineWidth || 1) * 2);
+            editMapInfo.mobileMode === MobileEditMode.START) ||
+            editMapInfo.mobileMode === MobileEditMode.EDIT) {
+            return dp2px((style.lineWidth || 1) * 2.2);
             // return dp2px(((style.lineWidth as number) || 3) * 3);
         }
         return dp2px(style.lineWidth || 3);
@@ -29075,7 +29110,7 @@ const CreateObstacleElement = forwardRef(({ enabled = false, svgElement, onPoint
     if (!enabled || points.length === 0) {
         return null;
     }
-    return (jsx(PolygonElement, { points: points.map((p) => [p.x, p.y, 2]), fillColor: styles.fillColor, fillOpacity: 0.3, strokeColor: styles.strokeColor, strokeWidth: 1, strokeOpacity: 1, createMode: true, showPoints: true, editMode: false, completed: true, draggable: false }));
+    return (jsx(PolygonElement, { points: points.map((p) => [p.x, p.y, 2]), fillColor: styles.fillColor, fillOpacity: 0.3, strokeColor: styles.strokeColor, strokeWidth: 1.8, strokeOpacity: 1, createMode: true, showPoints: true, editMode: false, completed: true, draggable: false }));
 });
 CreateObstacleElement.displayName = 'CreateObstacleElement';
 

package/dist/index.js

@@ -23217,7 +23217,7 @@ const useChargingPile = ({ viewBox, rotation = 0 }) => {
     return items;
 };
 
-const CharginPile = React.memo(({ viewBox, rotation = 0, sizeScale = 1, sizeInSvgUnits = false, isHighlight = true, }) => {
+const CharginPile = React.memo(({ viewBox, rotation = 0, sizeScale = 1, sizeInSvgUnits = false, minDisplaySizePx, isHighlight = true, }) => {
     const items = useChargingPile({ viewBox: viewBox || null, rotation });
     const containerStyle = React.useMemo(() => ({
         position: 'absolute',
@@ -23229,13 +23229,18 @@ const CharginPile = React.memo(({ viewBox, rotation = 0, sizeScale = 1, sizeInSv
         zIndex: 750,
         opacity: isHighlight ? SvgMapOpacity.HIGHLIGHT : SvgMapOpacity.UN_HIGHLIGHT,
     }), [isHighlight]);
+    const useMinPx = Boolean(sizeInSvgUnits && viewBox && minDisplaySizePx != null && minDisplaySizePx > 0);
     return (jsxRuntime.jsx("div", { style: containerStyle, children: items?.map((item, idx) => (jsxRuntime.jsx("div", { className: "charging-pile", style: {
                 position: 'absolute',
                 width: sizeInSvgUnits && viewBox
-                    ? `${(item.size / Math.max(viewBox.width, 1)) * 100 * sizeScale}%`
+                    ? useMinPx
+                        ? `max(${minDisplaySizePx}px, ${(item.size / Math.max(viewBox.width, 1)) * 100 * sizeScale}%)`
+                        : `${(item.size / Math.max(viewBox.width, 1)) * 100 * sizeScale}%`
                     : item.size * sizeScale,
                 height: sizeInSvgUnits && viewBox
-                    ? `${(item.size / Math.max(viewBox.height, 1)) * 100 * sizeScale}%`
+                    ? useMinPx
+                        ? `max(${minDisplaySizePx}px, ${(item.size / Math.max(viewBox.height, 1)) * 100 * sizeScale}%)`
+                        : `${(item.size / Math.max(viewBox.height, 1)) * 100 * sizeScale}%`
                     : item.size * sizeScale,
                 left: `${item.leftPct}%`,
                 top: `${item.topPct}%`,
@@ -23248,6 +23253,8 @@ const CharginPile = React.memo(({ viewBox, rotation = 0, sizeScale = 1, sizeInSv
 const MAX_STATIC_SIZE = 640;
 const MAX_STATIC_MAP_RETRY = 3;
 const STATIC_MAP_RETRY_COOLDOWN_MS = 5000;
+/** 放大镜内充电桩屏幕像素下限，避免过小导致通道与桩视觉错位 */
+const MAGNIFIER_CHARGING_PILE_MIN_DISPLAY_PX = 20;
 const Magnifier = ({ visible, dragState, polygonPoints, fillColor = 'rgba(255, 122, 51, 0.1)', strokeColor = 'rgba(255, 122, 51, 1)', strokeWidth = 2, zoom = 3, size = 200, }) => {
     const { svgViewBox, mapRef, googleMapStaticApiKey, drag } = useCommonContext();
     const { svgElementDatas, svgRef } = useSvgEditContext();
@@ -23601,7 +23608,7 @@ const Magnifier = ({ visible, dragState, polygonPoints, fillColor = 'rgba(255, 1
                                     ? 3.6 / styleZoomFactor
                                     : 3 / styleZoomFactor;
                                 return (jsxRuntime.jsx("circle", { cx: x, cy: y, r: pointRadius, fill: pointFill, stroke: pointStroke, strokeWidth: pointStrokeWidth }, idx));
-                            })] })), dragState.dragType === 'new' && dragState.edgeInfo && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("line", { x1: dragState.edgeInfo.startPoint.x, y1: dragState.edgeInfo.startPoint.y, x2: dragState.edgeInfo.endPoint.x, y2: dragState.edgeInfo.endPoint.y, stroke: "#999", strokeWidth: (strokeWidth * 3.2) / styleZoomFactor, strokeDasharray: `${6 / styleZoomFactor},${6 / styleZoomFactor}` }) }))] }), jsxRuntime.jsx(CharginPile, { viewBox: magnifierViewBox || null, rotation: actureRotate, sizeInSvgUnits: true, 
+                            })] })), dragState.dragType === 'new' && dragState.edgeInfo && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("line", { x1: dragState.edgeInfo.startPoint.x, y1: dragState.edgeInfo.startPoint.y, x2: dragState.edgeInfo.endPoint.x, y2: dragState.edgeInfo.endPoint.y, stroke: "#999", strokeWidth: (strokeWidth * 3.2) / styleZoomFactor, strokeDasharray: `${6 / styleZoomFactor},${6 / styleZoomFactor}` }) }))] }), jsxRuntime.jsx(CharginPile, { viewBox: magnifierViewBox || null, rotation: actureRotate, sizeInSvgUnits: true, minDisplaySizePx: MAGNIFIER_CHARGING_PILE_MIN_DISPLAY_PX, 
                 // 充电桩最多保持原始尺寸，不允许放大超过 1 倍
                 sizeScale: Math.min(1, 1 / styleZoomFactor) })] }));
     // 使用 Portal 渲染到 body，避免层级问题
@@ -24152,7 +24159,7 @@ const createPathData = (points) => {
 };
 const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor = 'rgba(0, 0, 0, 0.1)', hoverFillColor = '', fillOpacity = 1, strokeColor = '#000', strokeWidth = 2, strokeOpacity = 1, createMode = false, showPoints = false, onPointClick, completed = false, mousePos = null, editMode = false, onCoordinatesChange, onPathClick, onPolygonClick, onVertexDelete, draggable = true, // 新增参数，如果未指定则根据createMode和editMode自动判断
  }) => {
-    const { overlayScale, unitType, showStraddleBoundaryBorder, platform, onH5FirstSelectObstaclePoint } = useCommonContext();
+    const { overlayScale, unitType, showStraddleBoundaryBorder, platform, onH5FirstSelectObstaclePoint, } = useCommonContext();
     const { onHandleEvent } = useMapEditContext();
     const { svgRef } = useSvgEditContext();
     const [dragState, setDragState] = React.useState({
@@ -24204,7 +24211,7 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
         const rect = target.getBoundingClientRect();
         setTooltipPos({
             x: rect.left + rect.width + 4,
-            y: rect.top - 10
+            y: rect.top - 10,
         });
     };
     // 处理顶点点击（仅透出点击；不触发删除）
@@ -24339,6 +24346,10 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
             edgeInfo: edgeInfo,
             dragType: 'new',
         });
+        // H5 禁区：边上长按/点击插入新顶点后与「长按选中顶点」共用震动（pending + useLayoutEffect）
+        if (platform === exports.PlatformType.H5 && editMapInfo?.elementType === exports.DataType.OBSTACLE) {
+            pendingH5ObstacleSelectHapticRef.current = true;
+        }
         // 将新创建的点设为选中态，便于后续直接拖拽
         setSelectedVertexIndex(insertIndex);
     }, [
@@ -24349,6 +24360,8 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
         coordinates,
         getSVGCoordinates,
         calculatePerpendicularFoot$1,
+        platform,
+        editMapInfo?.elementType,
     ]);
     // H5平台长按边线创建新顶点
     const handleEdgeLongPressStart = React.useCallback((e, edgeStartIndex) => {
@@ -24750,7 +24763,7 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
                                         WebkitTouchCallout: 'none',
                                         touchAction: 'none',
                                     } })] }));
-                    })()] })), renderCoordinates.length >= 2 && (jsxRuntime.jsx("polygon", { className: canSelect ? styles$6.pointerCursor : '', points: polygonPoints, fill: isHover ? (hoverFillColor || fillColor) : fillColor, fillOpacity: fillOpacity, stroke: "none" // 边框透明
+                    })()] })), renderCoordinates.length >= 2 && (jsxRuntime.jsx("polygon", { className: canSelect ? styles$6.pointerCursor : '', points: polygonPoints, fill: isHover ? hoverFillColor || fillColor : fillColor, fillOpacity: fillOpacity, stroke: "none" // 边框透明
                 , onClick: onPolygonClick })), jsxRuntime.jsx("g", { children: renderCoordinates.length >= 2 &&
                     pathSegments.map((segment, index) => {
                         if (segment.points.length < 2)
@@ -24776,12 +24789,27 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
                 renderCoordinates.map((coord, index) => {
                     const nextCoord = renderCoordinates[(index + 1) % renderCoordinates.length];
                     const isDashPath = coord[2] === 1;
-                    return (jsxRuntime.jsx("line", { x1: coord[0], y1: coord[1], x2: nextCoord[0], y2: nextCoord[1], stroke: isDashPath ? 'transparent' : strokeColor, strokeWidth: platform === exports.PlatformType.H5 ? strokeWidth * 3 : strokeWidth, className: editMode ? styles$6.pointerCursor : '', style: {
-                            userSelect: 'none',
-                            WebkitUserSelect: 'none',
-                            WebkitTouchCallout: 'none',
-                            touchAction: 'none',
-                        }, vectorEffect: "non-scaling-stroke", ...(platform === exports.PlatformType.H5
+                    const edgeLineCommon = {
+                        x1: coord[0],
+                        y1: coord[1],
+                        x2: nextCoord[0],
+                        y2: nextCoord[1],
+                    };
+                    const edgeLineStyle = {
+                        userSelect: 'none',
+                        WebkitUserSelect: 'none',
+                        WebkitTouchCallout: 'none',
+                        touchAction: 'none',
+                    };
+                    // H5 实线：透明粗线仅作长按热区，描边只看上方 path；H5 虚线/Web：沿用透明或主题色边线 + 对应事件（合并为一个 line，避免两段重复）
+                    const isH5SolidHitOnly = platform === exports.PlatformType.H5 && ((editMode && !isDashPath) || createMode);
+                    const edgeStroke = isH5SolidHitOnly || isDashPath ? 'transparent' : strokeColor;
+                    const edgeStrokeWidth = isH5SolidHitOnly
+                        ? strokeWidth * 12
+                        : platform === exports.PlatformType.H5
+                            ? strokeWidth * 2
+                            : strokeWidth;
+                    return (jsxRuntime.jsx("line", { ...edgeLineCommon, stroke: edgeStroke, strokeWidth: edgeStrokeWidth, ...(isH5SolidHitOnly ? { strokeLinecap: 'round' } : {}), className: editMode ? styles$6.pointerCursor : '', style: edgeLineStyle, vectorEffect: "non-scaling-stroke", ...(platform === exports.PlatformType.H5
                             ? {
                                 onTouchStart: createReactEventHandler((e) => handleEdgeLongPressStart(e, index)),
                                 onTouchEnd: createReactEventHandler(() => handleEdgeLongPressEnd()),
@@ -24928,13 +24956,17 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
                                                 }
                                             }
                                         },
-                                        onMouseEnter: canComplete ? (e) => {
-                                            setCompleteTooltipOpen(true);
-                                            updateTooltipPos(e.target);
-                                        } : undefined,
-                                        onMouseLeave: canComplete ? () => {
-                                            setCompleteTooltipOpen(false);
-                                        } : undefined,
+                                        onMouseEnter: canComplete
+                                            ? (e) => {
+                                                setCompleteTooltipOpen(true);
+                                                updateTooltipPos(e.target);
+                                            }
+                                            : undefined,
+                                        onMouseLeave: canComplete
+                                            ? () => {
+                                                setCompleteTooltipOpen(false);
+                                            }
+                                            : undefined,
                                     }) }), platform === exports.PlatformType.H5 && tooltipIndex === idx && coordinates.length > 3 && (jsxRuntime.jsxs("g", { transform: `translate(${coord[0] + 4 * overlayScale * 2}, ${coord[1] - 4 * overlayScale * 2}) scale(${overlayScale * 2})`, onClick: (e) => {
                                     e.preventDefault();
                                     e.stopPropagation();
@@ -24959,7 +24991,9 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
                             // </rect>
                             )] }, `vertex-${idx}`));
                 }), platform === exports.PlatformType.WEB && tooltipIndex !== null && (jsxRuntime.jsx(Tooltip, { open: true, x: tooltipPos.x, y: tooltipPos.y, text: "Remove", onClick: () => {
-                    if (onVertexDelete && (editMode || (createMode && completed)) && coordinates.length > 3) {
+                    if (onVertexDelete &&
+                        (editMode || (createMode && completed)) &&
+                        coordinates.length > 3) {
                         onVertexDelete(renderCoordinates?.length - 1 - tooltipIndex);
                     }
                     setTooltipIndex(null);
@@ -25179,10 +25213,11 @@ const ObstacleElement = ({ data, isHover }) => {
     const strokeWidth = React.useMemo(() => {
         // 如果是h5选中的情况下，禁区只有在start模式下才需要加粗
         // 其他模式展示的是其他的样式
-        if (platform === exports.PlatformType.H5 &&
+        if ((platform === exports.PlatformType.H5 &&
             editMapInfo?.selectElement?.id === data.id &&
-            editMapInfo.mobileMode === exports.MobileEditMode.START) {
-            return dp2px((style.lineWidth || 1) * 2);
+            editMapInfo.mobileMode === exports.MobileEditMode.START) ||
+            editMapInfo.mobileMode === exports.MobileEditMode.EDIT) {
+            return dp2px((style.lineWidth || 1) * 2.2);
             // return dp2px(((style.lineWidth as number) || 3) * 3);
         }
         return dp2px(style.lineWidth || 3);
@@ -29095,7 +29130,7 @@ const CreateObstacleElement = React.forwardRef(({ enabled = false, svgElement, o
     if (!enabled || points.length === 0) {
         return null;
     }
-    return (jsxRuntime.jsx(PolygonElement, { points: points.map((p) => [p.x, p.y, 2]), fillColor: styles.fillColor, fillOpacity: 0.3, strokeColor: styles.strokeColor, strokeWidth: 1, strokeOpacity: 1, createMode: true, showPoints: true, editMode: false, completed: true, draggable: false }));
+    return (jsxRuntime.jsx(PolygonElement, { points: points.map((p) => [p.x, p.y, 2]), fillColor: styles.fillColor, fillOpacity: 0.3, strokeColor: styles.strokeColor, strokeWidth: 1.8, strokeOpacity: 1, createMode: true, showPoints: true, editMode: false, completed: true, draggable: false }));
 });
 CreateObstacleElement.displayName = 'CreateObstacleElement';
 

package/dist/render/charginPile/index.d.ts

@@ -9,8 +9,10 @@ interface ChargingPileProps {
     rotation?: number;
     sizeScale?: number;
     sizeInSvgUnits?: boolean;
+    /** 放大镜等场景：屏幕像素下限，避免图标过小与通道线错位感（仅与 sizeInSvgUnits 一起生效） */
+    minDisplaySizePx?: number;
     isHighlight?: boolean;
 }
-declare const CharginPile: React.MemoExoticComponent<({ viewBox, rotation, sizeScale, sizeInSvgUnits, isHighlight, }: ChargingPileProps) => import("react/jsx-runtime").JSX.Element>;
+declare const CharginPile: React.MemoExoticComponent<({ viewBox, rotation, sizeScale, sizeInSvgUnits, minDisplaySizePx, isHighlight, }: ChargingPileProps) => import("react/jsx-runtime").JSX.Element>;
 export default CharginPile;
 //# sourceMappingURL=index.d.ts.map

package/dist/render/charginPile/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/render/charginPile/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,WAAW,6FAOZ,iBAAiB,6CAiDrB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/render/charginPile/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,WAAW,+GAQZ,iBAAiB,6CAwDrB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/render/svgElement/ObstacleElement/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/render/svgElement/ObstacleElement/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAW7D,UAAU,oBAAoB;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,GAAI,mBAAmB,oBAAoB,4CAgI/D,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/render/svgElement/ObstacleElement/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAW7D,UAAU,oBAAoB;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,GAAI,mBAAmB,oBAAoB,4CAkI/D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/render/svgElement/PolygonELement/components/Magnifier/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/render/svgElement/PolygonELement/components/Magnifier/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAe5E,UAAU,SAAS;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE;QACR,UAAU,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,QAAQ,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACnC,UAAU,EAAE,MAAM,CAAC;KACpB,GAAG,IAAI,CAAC;IACT,QAAQ,EAAE,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;CACrC;AAED,UAAU,cAAc;IACtB,cAAc;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW;IACX,SAAS,EAAE,SAAS,CAAC;IACrB,iBAAiB;IACjB,aAAa,EAAE,MAAM,EAAE,EAAE,CAAC;IAC1B,WAAW;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0evC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/render/svgElement/PolygonELement/components/Magnifier/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAiB5E,UAAU,SAAS;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE;QACR,UAAU,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,QAAQ,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACnC,UAAU,EAAE,MAAM,CAAC;KACpB,GAAG,IAAI,CAAC;IACT,QAAQ,EAAE,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;CACrC;AAED,UAAU,cAAc;IACtB,cAAc;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW;IACX,SAAS,EAAE,SAAS,CAAC;IACrB,iBAAiB;IACjB,aAAa,EAAE,MAAM,EAAE,EAAE,CAAC;IAC1B,WAAW;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2evC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/render/svgElement/PolygonELement/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/render/svgElement/PolygonELement/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAsBlG;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,aAAa,MAAM,EAAE,EAAE,KAAG,MAE7D,CAAC;AA+BF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GACjC,aAAa,MAAM,EAAE,EAAE,EACvB,YAAW,OAAc,KACxB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAA;CAAE,CAyC5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,EAAE,EAAE,KAAG,MAUnD,CAAC;AAgBF,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE/C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqwCxD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/render/svgElement/PolygonELement/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAsBlG;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,aAAa,MAAM,EAAE,EAAE,KAAG,MAE7D,CAAC;AA+BF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GACjC,aAAa,MAAM,EAAE,EAAE,EACvB,YAAW,OAAc,KACxB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAA;CAAE,CAyC5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,EAAE,EAAE,KAAG,MAUnD,CAAC;AAgBF,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE/C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqyCxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fleet-frontend/mower-maps",
-  "version": "0.2.5-beta.10",
+  "version": "0.2.5-beta.12",
   "type": "module",
   "description": "a mower maps in google maps",
   "main": "dist/index.js",