@fleet-frontend/mower-maps 0.2.6-beta.1 → 0.2.6-beta.11

package/dist/index.esm.js

@@ -1,6 +1,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, useLayoutEffect, forwardRef, useImperativeHandle, useId } from 'react';
+import React__default, { memo, useMemo, useEffect, useState, useRef, useCallback, createContext, useContext, useLayoutEffect, Fragment as Fragment$1, forwardRef, useImperativeHandle, useId } from 'react';
 import ReactDOM, { createPortal } from 'react-dom';
 
 function globals (defs) {
@@ -22956,9 +22956,9 @@ const VertexElement = React__default.memo(({ r, stroke, fill, ...props }) => {
 });
 
 var _path$1;
-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); }
+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$8({
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
@@ -23439,6 +23439,73 @@ function computeFitViewBoxToContainer(content, containerWidth, containerHeight)
         height: content.height,
     };
 }
+/** 地图内容在屏幕坐标系下的包围盒（meet 渲染，未考虑旋转） */
+function getContentScreenBounds(content, viewBox, containerWidth, containerHeight) {
+    const { x: offsetX, y: offsetY, scale } = getViewBoxMeetOffset(viewBox, containerWidth, containerHeight);
+    return {
+        left: offsetX + (content.x - viewBox.x) * scale,
+        top: offsetY + (content.y - viewBox.y) * scale,
+        right: offsetX + (content.x + content.width - viewBox.x) * scale,
+        bottom: offsetY + (content.y + content.height - viewBox.y) * scale,
+    };
+}
+function contentFitsInScreenPadding(content, viewBox, pad, containerWidth, containerHeight) {
+    const bounds = getContentScreenBounds(content, viewBox, containerWidth, containerHeight);
+    return (bounds.left >= pad.left &&
+        bounds.top >= pad.top &&
+        bounds.right <= containerWidth - pad.right &&
+        bounds.bottom <= containerHeight - pad.bottom);
+}
+function expandViewBoxFromCenter(viewBox, factor) {
+    const centerX = viewBox.x + viewBox.width / 2;
+    const centerY = viewBox.y + viewBox.height / 2;
+    const width = viewBox.width * factor;
+    const height = viewBox.height * factor;
+    return {
+        x: centerX - width / 2,
+        y: centerY - height / 2,
+        width,
+        height,
+    };
+}
+/** 将 viewBox 中心对齐到 padding 内矩形中心（增大 top/left → 内容向对应方向避让） */
+function applyViewBoxPaddingOffset(viewBox, pad, containerWidth, containerHeight) {
+    const offsetX = ((pad.right - pad.left) / 2) * (viewBox.width / containerWidth);
+    const offsetY = ((pad.bottom - pad.top) / 2) * (viewBox.height / containerHeight);
+    return {
+        ...viewBox,
+        x: viewBox.x + offsetX,
+        y: viewBox.y + offsetY,
+    };
+}
+function buildPaddedFitViewBox(baseFit, pad, containerWidth, containerHeight, zoomOutFactor) {
+    const expanded = expandViewBoxFromCenter(baseFit, zoomOutFactor);
+    return applyViewBoxPaddingOffset(expanded, pad, containerWidth, containerHeight);
+}
+function findMinimumZoomOutForPadding(content, baseFit, pad, containerWidth, containerHeight) {
+    const fits = (zoomOutFactor) => contentFitsInScreenPadding(content, buildPaddedFitViewBox(baseFit, pad, containerWidth, containerHeight, zoomOutFactor), pad, containerWidth, containerHeight);
+    if (fits(1)) {
+        return 1;
+    }
+    const innerWidth = Math.max(containerWidth - pad.left - pad.right, 1);
+    const innerHeight = Math.max(containerHeight - pad.top - pad.bottom, 1);
+    const legacyScale = Math.min(innerWidth / containerWidth, innerHeight / containerHeight);
+    let hi = legacyScale > 0 && legacyScale < 1 ? 1 / legacyScale : 2;
+    while (!fits(hi) && hi < 1024) {
+        hi *= 2;
+    }
+    let lo = 1;
+    for (let i = 0; i < 32; i++) {
+        const mid = (lo + hi) / 2;
+        if (fits(mid)) {
+            hi = mid;
+        }
+        else {
+            lo = mid;
+        }
+    }
+    return hi;
+}
 /**
  * 计算默认 fit viewBox
  *
@@ -23450,26 +23517,8 @@ function computeFitViewBox(content, containerWidth, containerHeight, screenPaddi
     if (isZeroScreenPadding(pad)) {
         return baseFit;
     }
-    const innerWidth = Math.max(containerWidth - pad.left - pad.right, 1);
-    const innerHeight = Math.max(containerHeight - pad.top - pad.bottom, 1);
-    const scaleX = innerWidth / containerWidth;
-    const scaleY = innerHeight / containerHeight;
-    const scale = Math.min(scaleX, scaleY);
-    if (!Number.isFinite(scale) || scale <= 0 || scale >= 1) {
-        return baseFit;
-    }
-    const newWidth = baseFit.width / scale;
-    const newHeight = baseFit.height / scale;
-    const centerX = baseFit.x + baseFit.width / 2;
-    const centerY = baseFit.y + baseFit.height / 2;
-    const offsetX = ((pad.left - pad.right) / 2) * (newWidth / containerWidth);
-    const offsetY = ((pad.top - pad.bottom) / 2) * (newHeight / containerHeight);
-    return {
-        x: centerX - newWidth / 2 + offsetX,
-        y: centerY - newHeight / 2 + offsetY,
-        width: newWidth,
-        height: newHeight,
-    };
+    const zoomOutFactor = findMinimumZoomOutForPadding(content, baseFit, pad, containerWidth, containerHeight);
+    return buildPaddedFitViewBox(baseFit, pad, containerWidth, containerHeight, zoomOutFactor);
 }
 function viewBoxToString(viewBox) {
     return `${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}`;
@@ -23548,15 +23597,13 @@ function computePolygonScreenWidthPx(points, viewBox, containerWidth, containerH
     const scale = getViewBoxMeetScale(viewBox, containerWidth, containerHeight);
     return mapWidth * scale;
 }
-function scaleStrokeWidthForViewBox(baseStrokeWidth, viewBox, fitViewBox, options) {
-    const { containerWidth, containerHeight, minScreenStrokePx = 2 } = options;
+function scaleStrokeWidthForViewBox(viewBox, options) {
+    const { containerWidth, containerHeight, targetScreenStrokePx = 2 } = options;
     const meetScale = getViewBoxMeetScale(viewBox, containerWidth, containerHeight);
-    const fitMeetScale = getViewBoxMeetScale(fitViewBox, containerWidth, containerHeight);
-    if (meetScale <= 0 || fitMeetScale <= 0 || !Number.isFinite(baseStrokeWidth)) {
-        return baseStrokeWidth;
+    if (meetScale <= 0 || !Number.isFinite(targetScreenStrokePx)) {
+        return targetScreenStrokePx;
     }
-    const targetScreenPx = Math.max(baseStrokeWidth * fitMeetScale, minScreenStrokePx);
-    return targetScreenPx / meetScale;
+    return targetScreenStrokePx / meetScale;
 }
 /** 屏幕拖拽像素 → viewBox 坐标增量（与 mapPointToContainerPercent 互逆，供 applyPan 使用） */
 function containerDeltaToViewBoxDelta(deltaXPx, deltaYPx, viewBox, containerWidth, containerHeight, mapRotationDeg = 0) {
@@ -24646,6 +24693,24 @@ const Tooltip = ({ open, x, y, text, style, onClick }) => {
         }, children: text }), document.body);
 };
 
+function getPathData(points) {
+    // 1. 安全守卫：如果没有点，返回空字符串
+    if (!points || points.length === 0)
+        return '';
+    // 2. 如果只有 1 个点，只生成起点 M 即可（或者在最外层判断中直接 return 过滤掉）
+    if (points.length === 1) {
+        return `M ${points[0][0]} ${points[0][1]}`;
+    }
+    // 3. 2个点及以上时，再进行 L 拼接
+    const pathData = points.map((p, index) => {
+        if (index === 0) {
+            return `M ${p[0]} ${p[1]}`;
+        }
+        return ` L ${p[0]} ${p[1]}`;
+    }).join('');
+    return pathData;
+}
+
 /**
  * 将坐标点数组转换为polygon points字符串
  * @param coordinates 坐标点数组 [[x1, y1], [x2, y2], ...]
@@ -24729,10 +24794,7 @@ const groupCoordinatesByType = (coordinates, autoClose = true) => {
 const createPathData = (points) => {
     if (points.length < 2)
         return '';
-    let pathData = `M ${points[0][0]} ${points[0][1]}`;
-    for (let i = 1; i < points.length; i++) {
-        pathData += ` L ${points[i][0]} ${points[i][1]}`;
-    }
+    const pathData = getPathData(points);
     return pathData;
 };
 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自动判断
@@ -25356,17 +25418,17 @@ const PolygonElement = ({ canSelect = false, isHover = false, points, fillColor
                         if (isDash && showStraddleBoundaryBorder) {
                             return (jsx(DashPath, { className: canSelect ? styles$8.polygonPath : '', points: segment.points, stroke: strokeColor, strokeWidth: isHover ? strokeWidth + 1 : strokeWidth, strokeOpacity: strokeOpacity }, index));
                         }
-                        return (jsxs(Fragment, { children: [(editMode || createMode) && (jsx("path", { d: pathData, fill: "none", stroke: '#fff', strokeWidth: strokeWidth * 2, strokeOpacity: strokeOpacity, strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke", style: {
+                        return (jsxs(Fragment$1, { children: [(editMode || createMode) && (jsx("path", { d: pathData, fill: "none", stroke: '#fff', strokeWidth: strokeWidth * 2, strokeOpacity: strokeOpacity, strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke", style: {
                                         userSelect: 'none',
                                         WebkitUserSelect: 'none',
                                         WebkitTouchCallout: 'none',
                                         touchAction: 'none',
-                                    } }, 'warp' + index)), jsx("path", { d: pathData, fill: "none", stroke: strokeColor, strokeWidth: isHover ? strokeWidth + 1 : strokeWidth, strokeOpacity: strokeOpacity, strokeLinecap: "round", strokeLinejoin: "round", className: canSelect ? styles$8.polygonPath : '', vectorEffect: "non-scaling-stroke", onClick: onPathClick, style: {
+                                    } })), jsx("path", { d: pathData, fill: "none", stroke: strokeColor, strokeWidth: isHover ? strokeWidth + 1 : strokeWidth, strokeOpacity: strokeOpacity, strokeLinecap: "round", strokeLinejoin: "round", className: canSelect ? styles$8.polygonPath : '', vectorEffect: "non-scaling-stroke", onClick: onPathClick, style: {
                                         userSelect: 'none',
                                         WebkitUserSelect: 'none',
                                         WebkitTouchCallout: 'none',
                                         touchAction: 'none',
-                                    } }, index)] }));
+                                    } }, index)] }, 'warp' + index));
                     }) }), (editMode || (createMode && completed)) &&
                 renderCoordinates.length >= 2 &&
                 renderCoordinates.map((coord, index) => {
@@ -25674,10 +25736,7 @@ const ChannelElement = ({ data }) => {
     const clipPathUrl = `url(#${channelClipPathId})`;
     const points = data.points;
     const style = data.style;
-    let pathData = `M ${points[0][0]} ${points[0][1]}`;
-    for (let i = 1; i < points.length; i++) {
-        pathData += ` L ${points[i][0]} ${points[i][1]}`;
-    }
+    const pathData = getPathData(points);
     const topLineWidth = dp2px(style.lineWidth).toString();
     const bottomLineWidth = dp2px(style.bottomLineWidth).toString();
     const dashLength = dp2px(style.lineWidth);
@@ -26274,15 +26333,15 @@ const useVisionOffTransform = (data, scaleConstraints
     };
 };
 
-var _g$6, _defs$6;
-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$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$7({
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none"
-  }, props), _g$6 || (_g$6 = /*#__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,
@@ -26305,7 +26364,7 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
     fill: "#fff",
     rx: 0.8,
     transform: "rotate(45 6.323 5.191)"
-  }))), _defs$6 || (_defs$6 = /*#__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,
@@ -26325,15 +26384,15 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
   })))));
 };
 
-var _g$5, _defs$5;
-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$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$6({
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 21,
     height: 20,
     fill: "none"
-  }, props), _g$5 || (_g$5 = /*#__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)",
@@ -26341,7 +26400,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$5 || (_defs$5 = /*#__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,
@@ -26361,15 +26420,15 @@ var SvgTransformRotate = function SvgTransformRotate(props) {
   })))));
 };
 
-var _g$4, _defs$4;
-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 _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$5({
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 21,
     height: 20,
     fill: "none"
-  }, props), _g$4 || (_g$4 = /*#__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)",
@@ -26377,7 +26436,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$4 || (_defs$4 = /*#__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,
@@ -26397,15 +26456,15 @@ var SvgTransformScale = function SvgTransformScale(props) {
   })))));
 };
 
-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 _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$4({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none"
-  }, props), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#transform-translate_svg__a)"
   }, /*#__PURE__*/React.createElement("circle", {
     cx: 10,
@@ -26415,7 +26474,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$3 || (_defs$3 = /*#__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,
@@ -27089,97 +27148,6 @@ const useDoodleTransform = (data, onTransformChange, options) => {
     };
 };
 
-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 SvgDisabledRotate = function SvgDisabledRotate(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#disabled-rotate_svg__a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#211F1F",
-    fillOpacity: 0.4,
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    fillOpacity: 0.7,
-    d: "M9.192 11.775a4.36 4.36 0 0 1-5.277-3.93l-.013-.326v-.002a.655.655 0 0 1 1.31 0v.002a3.05 3.05 0 0 0 1.71 2.738l.208.091a3.05 3.05 0 0 0 1.781.147l.22-.057q.234-.07.451-.175l-.919-.354a.653.653 0 1 1 .47-1.22l2.033.782a.654.654 0 0 1 .251 1.047l.002.001a4.36 4.36 0 0 1-2.227 1.256M6.809 3.639a4.36 4.36 0 0 1 5.289 4.256v.002a.654.654 0 1 1-1.309 0v-.002a3.05 3.05 0 0 0-1.71-2.738l-.208-.091a3.05 3.05 0 0 0-1.781-.147l-.22.057a3 3 0 0 0-.451.175l.919.354a.654.654 0 0 1-.47 1.22l-2.033-.782a.654.654 0 0 1-.251-1.046l-.002-.002a4.36 4.36 0 0 1 2.227-1.256"
-  }))), _defs$2 || (_defs$2 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "disabled-rotate_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M16 0H0v16h16z"
-  })))));
-};
-
-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 SvgDisabledScale = function SvgDisabledScale(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#disabled-scale_svg__a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#211F1F",
-    fillOpacity: 0.4,
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    fillOpacity: 0.7,
-    d: "M3.972 6.612a.64.64 0 0 0 1.28 0v-.437l4.554 4.554H9.41a.64.64 0 0 0 0 1.28h1.979a.64.64 0 0 0 .636-.606l.003-.036.001-1.98a.64.64 0 1 0-1.28.001v.474L6.158 5.27h.435a.64.64 0 0 0 0-1.28h-1.98a.64.64 0 0 0-.64.64z"
-  }))), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "disabled-scale_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M0 16h16V0H0z"
-  })))));
-};
-
-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 SvgDisabledTranslate = function SvgDisabledTranslate(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#disabled-translate_svg__a)"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: 8,
-    cy: 8,
-    r: 8,
-    fill: "#fff"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 8,
-    cy: 8,
-    r: 8,
-    fill: "#211F1F",
-    fillOpacity: 0.4
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    fillOpacity: 0.7,
-    d: "M12.944 8.608a.64.64 0 0 0-.079-.97l-1.333-1.334a.64.64 0 0 0-.905.905l.305.305H8.564V5.136l.308.308a.642.642 0 0 0 .906-.906l-1.4-1.399a.64.64 0 0 0-.906 0q-.036.037-.064.08L6.075 4.55a.64.64 0 0 0 .905.905l.305-.304v2.362H4.91l.306-.306a.64.64 0 0 0-.904-.904l-1.4 1.4a.64.64 0 0 0 .077.97l1.334 1.333a.64.64 0 0 0 .906-.905l-.31-.309h2.367v2.38l-.304-.305a.64.64 0 1 0-.905.906l1.4 1.4a.64.64 0 0 0 .97-.08l1.332-1.333a.64.64 0 0 0-.905-.905l-.309.308v-2.37h2.385l-.31.309a.64.64 0 1 0 .905.904z"
-  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "disabled-translate_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M16 0H0v16h16z"
-  })))));
-};
-
 var css_248z$6 = ".index-module_doodleHover__jIZHV path {\n  fill: #00B3A1;\n}";
 var styles$6 = {"doodleHover":"index-module_doodleHover__jIZHV"};
 styleInject(css_248z$6);
@@ -27378,8 +27346,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
         const infoBoxWidth = 300 * overlayScale; // 信息框宽度
         const infoBoxHeight = 40 * overlayScale; // 信息框高度
         const infoBoxX = centerX - infoBoxWidth / 2; // 居中对齐
-        const circleScale = platform === PlatformType.H5 ? 1.5 * overlayScale : 3 * overlayScale;
-        const disacledScale = circleScale * 1.2;
+        const circleScale = platform === PlatformType.H5 ? 1.5 * overlayScale : 2 * overlayScale;
         return (jsxs(Fragment, { children: [jsx("polygon", { points: selectionBoxPoints.map((point) => `${point.x},${point.y}`).join(' '), fill: "none", stroke: "#B2B4B9", strokeWidth: "2", strokeDasharray: "5,5", vectorEffect: "non-scaling-stroke", ...(platform === PlatformType.H5
                         ? {
                             onTouchStart: createReactEventHandler((e) => {
@@ -27388,7 +27355,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
                         }
                         : {
                         // onMouseDown: handleMouseDownWithDisabled,
-                        }) }), jsx("g", { transform: `translate(${selectionBoxPoints[3].x}, ${selectionBoxPoints[3].y})`, children: jsx("g", { transformOrigin: "center", transform: `translate(-${10 * circleScale}, -${10 * circleScale}) scale(${disacledScale})`, children: jsx(SvgDisabledRotate, {}) }) }), jsx("g", { transform: `translate(${selectionBoxPoints[1].x}, ${selectionBoxPoints[1].y})`, children: jsx("g", { transformOrigin: "center", transform: `translate(-${10 * circleScale}, -${10 * circleScale}) scale(${disacledScale})`, children: jsx(SvgDisabledTranslate, {}) }) }), jsx("g", { transform: `translate(${selectionBoxPoints[2].x}, ${selectionBoxPoints[2].y})`, children: jsx("g", { transformOrigin: "center", transform: `translate(-${10 * circleScale}, -${10 * circleScale}) scale(${disacledScale})`, children: jsx(SvgDisabledScale, {}) }) }), platform === PlatformType.H5 && (jsx("foreignObject", { x: infoBoxX, y: infoBoxY, width: infoBoxWidth, height: infoBoxHeight, style: { textAlign: 'center' }, onClick: () => {
+                        }) }), jsx("circle", { cx: selectionBoxPoints[0].x, cy: selectionBoxPoints[0].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[3].x, cy: selectionBoxPoints[3].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[1].x, cy: selectionBoxPoints[1].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[2].x, cy: selectionBoxPoints[2].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), platform === PlatformType.H5 && (jsx("foreignObject", { x: infoBoxX, y: infoBoxY, width: infoBoxWidth, height: infoBoxHeight, style: { textAlign: 'center' }, onClick: () => {
                         onClickInfo?.();
                     }, children: jsx("div", { style: {
                             padding: `5px ${10 * overlayScale}px`,
@@ -27408,7 +27375,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
                                 justifyContent: 'center',
                                 gap: '10px',
                                 color: '#325069',
-                            }, children: jsxs("div", { children: [locale?.['map.renderer.remainingTime'] || 'Remaining time', ": ", remainingTime] }) }) }) }))] }));
+                            }, children: jsxs("div", { children: [locale?.['map.renderer.remainTime'] || 'Remaining time', ": ", remainingTime] }) }) }) }))] }));
     };
     useEffect(() => {
         const isMove = isDragging || isRotating || isScaling;
@@ -27962,10 +27929,7 @@ const PathElement = forwardRef(({ mapConfig, pathData, mowPartitionData }, ref)
                     return;
                 }
                 // 构建路径数据
-                let pathData = `M ${points[0][0]} ${points[0][1]}`;
-                for (let i = 1; i < points.length; i++) {
-                    pathData += ` L ${points[i][0]} ${points[i][1]}`;
-                }
+                const pathData = getPathData(points);
                 // 根据路径类型设置不同的颜色
                 let lineColor;
                 if (pathType === PathSegmentType.TRANS) {
@@ -27998,7 +27962,7 @@ const PathElement = forwardRef(({ mapConfig, pathData, mowPartitionData }, ref)
         const result = [];
         partitionTypeGroups.forEach((groupData, groupKey) => {
             const { pathData, style } = groupData;
-            if (pathData.length === 0)
+            if (!pathData || pathData.length === 0)
                 return;
             // 从groupKey中提取分区ID
             const partitionId = groupKey.split('-')[0];
@@ -28006,8 +27970,8 @@ const PathElement = forwardRef(({ mapConfig, pathData, mowPartitionData }, ref)
             const clipPathId = clipPathData[partitionId]?.id;
             if (!clipPathId)
                 return;
-            return result.push({
-                path: (pathData || []).join(' '),
+            result.push({
+                path: pathData.join(' '),
                 style,
                 clipPathId: clipPathId,
             });
@@ -28022,7 +27986,7 @@ const PathElement = forwardRef(({ mapConfig, pathData, mowPartitionData }, ref)
     return (jsxs("g", { id: "path", children: [jsx("defs", { children: Object.values(clipPathData).map((item) => {
                     return (jsx("clipPath", { id: item.id, clipRule: "evenodd", children: jsx("path", { d: item.path }) }, item.id));
                 }) }), Object.values(pathDataObj).map((item) => {
-                return (jsx("g", { "clip-path": `url(#${item.clipPathId})`, opacity: "0.5", children: jsx("path", { className: "vector-path", d: item.path, fill: "none", "mix-blend-mode": "normal", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": item.style.lineWidth, stroke: item.style.lineColor }) }));
+                return (jsx("g", { clipPath: `url(#${item.clipPathId})`, opacity: "0.5", children: jsx("path", { className: "vector-path", d: item.path, fill: "none", "mix-blend-mode": "normal", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: item.style.lineWidth, stroke: item.style.lineColor }) }));
             })] }));
 });
 
@@ -30221,7 +30185,6 @@ modelType, showStraddleBoundaryBorder = true, mapRef, mapJson, pathJson, realTim
         const newSvgElementDatas = { ...svgElementDatas };
         Object.keys(newSvgElementDatas).forEach((key) => {
             if (key === DataType.OBSTACLE) {
-                console.error('newSvgElementDatas[key] 000---->', newSvgElementDatas[key]);
                 newSvgElementDatas[key] =
                     newSvgElementDatas[key].filter((item) => {
                         return (item.status === 1 &&
@@ -30843,16 +30806,38 @@ const BoundarySvgRender = React__default.memo(({ mapJson, unStructMapData, id, m
                         }) }), jsx(CharginPile, { viewBox: boundaryViewBox || null, rotation: 0 })] }) }) }));
 });
 
+const ISOLATED_BOUNDARY_SVG_2 = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="20" height="20" rx="10" fill="#8498A9" fill-opacity="0.7"/>
+<path d="M11.7178 12.4307C12.2201 11.9284 12.9629 11.8149 13.5752 12.0879L12.9756 12.6865C12.7427 12.6649 12.5034 12.7432 12.3223 12.917C12.3176 12.9214 12.3122 12.9251 12.3076 12.9297L11.7344 13.5029C11.4091 13.8284 11.409 14.3563 11.7344 14.6816L12.0879 15.0342C12.4133 15.3595 12.9412 15.3596 13.2666 15.0342L13.5527 14.7461L13.8408 14.46C14.011 14.2896 14.091 14.0629 14.083 13.8398L14.7002 13.2236C14.9614 13.8318 14.8443 14.5639 14.3477 15.0605L13.8613 15.5459C13.2105 16.1963 12.1556 16.1964 11.5049 15.5459L11.2314 15.2725C10.5816 14.6218 10.5815 13.5677 11.2314 12.917L11.7178 12.4307Z" fill="white"/>
+<path d="M12.1738 4.00488C11.6587 4.98031 10.6742 7.45647 10.8555 9.55762C11.3152 9.02665 12.5281 7.88542 13.7002 7.56934C13.2369 8.10318 12.5313 9.25837 12.1445 10.7949C11.6656 10.9223 11.2115 11.1723 10.835 11.5488L10.3496 12.0352C9.77429 12.6108 9.49095 13.367 9.49707 14.1211H4.72656C5.04472 13.1579 5.14564 10.847 3.00586 9.30957C4.04607 9.35761 5.61481 9.31003 6.83691 10.4141C6.66589 9.30985 6.83631 8.53141 4.90137 5.78711C5.69833 5.98284 7.68952 6.32958 8.74414 7.96875C9.20789 6.88364 10.4356 4.93597 12.1738 4.00488Z" fill="white"/>
+<path d="M14.8838 9.2666C15.5345 8.61618 16.5894 8.6153 17.2402 9.26562L17.5137 9.53906C18.164 10.19 18.1633 11.2458 17.5127 11.8965L17.0264 12.3828C16.5297 12.879 15.7985 12.9947 15.1904 12.7334L15.8115 12.1104C16.0351 12.1187 16.2619 12.0398 16.4326 11.8691L17.0068 11.2949C17.332 10.9697 17.3327 10.4417 17.0078 10.1162L16.6543 9.7627C16.3491 9.45791 15.8654 9.43902 15.5381 9.70605C15.5158 9.72417 15.4944 9.74388 15.4736 9.76465L14.9004 10.3379C14.7179 10.5204 14.6369 10.7665 14.6592 11.0049L14.0547 11.6084C13.7823 10.9964 13.8955 10.255 14.3975 9.75293L14.8838 9.2666Z" fill="white"/>
+</svg>`;
 /** ChannelClipPath 等内容裁剪使用的 SVG 坐标边距（与用户传入的屏幕 padding 无关） */
-const PARTITION_PICKER_CONTENT_CLIP_PADDING = 50;
-/** H5：子区域屏幕宽度超过该值才展示名称标签（px） */
+const PARTITION_PICKER_CONTENT_CLIP_PADDING = 0;
+/** 可选中地块 polygon / 标签 data 属性 */
+const PARTITION_BOUNDARY_ID_ATTR = 'data-partition-boundary-id';
+/** 孤立子地块命中标记（不可选中） */
+const PARTITION_ISOLATED_BOUNDARY_ID_ATTR = 'data-partition-isolated-boundary-id';
+/** H5：子区域屏幕宽度超过该值才展示名称标签（px）；与气泡宽度一致 */
 const H5_PARTITION_LABEL_MIN_SCREEN_WIDTH_PX = 72;
 /** H5：名称气泡总宽度（px） */
 const H5_PARTITION_LABEL_WIDTH_PX = 72;
-/** 边界线目标屏幕像素宽度（默认态，全缩放级别保持一致） */
-const PARTITION_BOUNDARY_TARGET_SCREEN_STROKE_PX = 2;
-/** 边界线目标屏幕像素宽度（hover / 选中态） */
-const PARTITION_BOUNDARY_EMPHASIZED_TARGET_SCREEN_STROKE_PX = 2.5;
+/** Web：序号徽章与名称标签间距（px） */
+const WEB_SELECTION_ORDER_GAP_PX = 8;
+/** H5：序号徽章与名称标签间距（px） */
+const H5_SELECTION_ORDER_GAP_PX = 4;
+/** Standalone：充电桩图标最小屏幕尺寸（px），缩小全图 fit 时避免过小；放大时随 viewBox 同比缩放 */
+const PARTITION_PICKER_CHARGING_PILE_MIN_DISPLAY_PX = 16;
+/** Web 地块描边屏幕像素宽度：未选中 2px，选中 3px */
+const WEB_PARTITION_BOUNDARY_STROKE_PX = {
+    default: 2,
+    selected: 3,
+};
+/** H5 地块描边屏幕像素宽度：选中与否均为 1px */
+const H5_PARTITION_BOUNDARY_STROKE_PX = {
+    default: 1,
+    selected: 1,
+};
 /**
  * Figma bg/mapping 地图网格背景（Standalone SVG 层）
  * @see https://www.figma.com/design/j0DdUYf8VFkXQ8ikkA6ZzP — node 20490:84886
@@ -30860,17 +30845,17 @@ const PARTITION_BOUNDARY_EMPHASIZED_TARGET_SCREEN_STROKE_PX = 2.5;
 /** 网格区域底色，也用于容器 letterbox 留白 */
 const PARTITION_PICKER_GRID_BASE_COLOR = '#E3E5EB';
 /** 网格单元边长（SVG 地图坐标，与 viewBox 一致；zoom 时间距同比缩放） */
-const PARTITION_PICKER_GRID_TILE_SIZE = 200;
+const PARTITION_PICKER_GRID_TILE_SIZE = 10;
 /** 网格线宽（地图坐标；随 zoom 同比缩放，不做屏幕像素恒定） */
-const PARTITION_PICKER_GRID_LINE_WIDTH = 4;
+const PARTITION_PICKER_GRID_LINE_WIDTH = 0.2;
 /** 网格交点圆点半径（地图坐标） */
-const PARTITION_PICKER_GRID_DOT_RADIUS = 8;
+const PARTITION_PICKER_GRID_DOT_RADIUS = 0.6;
 /** 网格层整体不透明度（Figma 约 80%） */
-const PARTITION_PICKER_GRID_OPACITY = 0.8;
+const PARTITION_PICKER_GRID_OPACITY = 0.4;
 /** 网格线与交点颜色 */
 const PARTITION_PICKER_GRID_STROKE = '#FFFFFF';
 /** 可见范围内交点超过该数量时跳过圆点，仅保留网格线（缩小视野时减轻 DOM 压力） */
-const PARTITION_PICKER_GRID_MAX_INTERSECTION_DOTS = 400;
+const PARTITION_PICKER_GRID_MAX_INTERSECTION_DOTS = 2000;
 /**
  * 分区选择地图专用样式
  *
@@ -30895,37 +30880,27 @@ const PARTITION_PICKER_MAP_CONFIG = {
 const PARTITION_PICKER_COLORS_WEB = {
     defaultFill: 'rgba(222, 225, 231, 1)',
     defaultStroke: 'rgba(132, 152, 169, 1)',
-    defaultStrokeWidth: 2,
     hoverFill: 'rgba(211, 216, 226, 1)',
     hoverStroke: 'rgba(132, 152, 169, 1)',
-    hoverStrokeWidth: 3,
     selectedFill: 'rgba(202, 214, 238, 1)',
     selectedStroke: 'rgba(132, 152, 169, 1)',
-    selectedStrokeWidth: 3,
     selectedHoverFill: 'rgba(202, 214, 238, 1)',
     selectedHoverStroke: 'rgba(132, 152, 169, 1)',
-    selectedHoverStrokeWidth: 3,
     isolatedFill: 'rgba(225, 227, 233, 1)',
     isolatedStroke: 'rgba(189, 198, 208, 1)',
-    isolatedStrokeWidth: 2,
 };
 /** H5 端地块配色 */
 const PARTITION_PICKER_COLORS_H5 = {
     defaultFill: 'rgba(222, 225, 231, 1)',
     defaultStroke: 'rgba(132, 152, 169, 1)',
-    defaultStrokeWidth: 1,
     hoverFill: 'rgba(222, 225, 231, 1)',
     hoverStroke: 'rgba(132, 152, 169, 1)',
-    hoverStrokeWidth: 1,
     selectedFill: 'rgba(202, 214, 238, 1)',
     selectedStroke: 'rgba(132, 152, 169, 1)',
-    selectedStrokeWidth: 1,
     selectedHoverFill: 'rgba(202, 214, 238, 1)',
     selectedHoverStroke: 'rgba(132, 152, 169, 1)',
-    selectedHoverStrokeWidth: 1,
     isolatedFill: 'rgba(225, 227, 233, 1)',
     isolatedStroke: 'rgba(189, 198, 208, 1)',
-    isolatedStrokeWidth: 1,
 };
 function getPartitionPickerMapConfig(platform = PlatformType.WEB) {
     return platform === PlatformType.WEB
@@ -30935,6 +30910,11 @@ function getPartitionPickerMapConfig(platform = PlatformType.WEB) {
 function getPartitionPickerColors(platform = PlatformType.WEB) {
     return platform === PlatformType.WEB ? PARTITION_PICKER_COLORS_WEB : PARTITION_PICKER_COLORS_H5;
 }
+function getPartitionPickerBoundaryStrokePx(platform = PlatformType.WEB) {
+    return platform === PlatformType.WEB
+        ? { ...WEB_PARTITION_BOUNDARY_STROKE_PX }
+        : { ...H5_PARTITION_BOUNDARY_STROKE_PX };
+}
 /** Web 分区名气泡（Figma「地块名称」/ 选中区域） */
 const PARTITION_PICKER_LABEL_STYLES_WEB = {
     default: {
@@ -30975,6 +30955,7 @@ const PARTITION_PICKER_LABEL_STYLES_H5 = {
         fontWeight: 400,
         padding: '6px',
         width: `${H5_PARTITION_LABEL_WIDTH_PX}px`,
+        maxWidth: `${H5_PARTITION_LABEL_WIDTH_PX}px`,
         borderRadius: 100,
         boxSizing: 'border-box',
     },
@@ -30985,6 +30966,7 @@ const PARTITION_PICKER_LABEL_STYLES_H5 = {
         fontWeight: 400,
         padding: '6px',
         width: `${H5_PARTITION_LABEL_WIDTH_PX}px`,
+        maxWidth: `${H5_PARTITION_LABEL_WIDTH_PX}px`,
         borderRadius: 100,
         boxSizing: 'border-box',
     },
@@ -31022,10 +31004,6 @@ const DEFAULT_PARTITION_PICKER_GRID_STYLE = {
     opacity: PARTITION_PICKER_GRID_OPACITY,
     maxIntersectionDots: PARTITION_PICKER_GRID_MAX_INTERSECTION_DOTS,
 };
-const DEFAULT_PARTITION_PICKER_BOUNDARY_STROKE_PX = {
-    default: PARTITION_BOUNDARY_TARGET_SCREEN_STROKE_PX,
-    emphasized: PARTITION_BOUNDARY_EMPHASIZED_TARGET_SCREEN_STROKE_PX,
-};
 /**
  * 将 platform 内置默认值与外部 pickerStyleConfig 深度合并。
  * 调用方只需覆盖变化的字段，无需改组件源码。
@@ -31042,8 +31020,7 @@ function resolvePartitionPickerStyles(platform = PlatformType.WEB, config) {
             }
             : baseLabels,
         grid: merge$1({}, DEFAULT_PARTITION_PICKER_GRID_STYLE, config?.grid),
-        boundaryStrokePx: merge$1({}, DEFAULT_PARTITION_PICKER_BOUNDARY_STROKE_PX, config?.boundaryStrokePx),
-        labelMinScreenWidthPx: config?.labelMinScreenWidthPx ?? H5_PARTITION_LABEL_MIN_SCREEN_WIDTH_PX,
+        boundaryStrokePx: merge$1({}, getPartitionPickerBoundaryStrokePx(platform), config?.boundaryStrokePx),
     };
 }
 
@@ -31057,7 +31034,7 @@ function resolvePartitionPickerStyles(platform = PlatformType.WEB, config) {
  *
  * 平移可在地块/分区名等任意区域发起；仅当位移小于阈值时才视为点击
  */
-function useMapViewport({ mapJson, containerRef: externalContainerRef, width, height, padding, minZoom = 0.5, maxZoom = 4, enablePanZoom = true, refitOnResize = true, onViewportTap, mapRotationDeg = 0, }) {
+function useMapViewport({ mapJson, containerRef: externalContainerRef, width, height, padding, minZoom = 0.5, maxZoom = 3, enablePanZoom = true, refitOnResize = true, onViewportTap, mapRotationDeg = 0, }) {
     /** 地图容器 DOM，用于绑定 wheel/pointer/touch 事件 */
     const internalContainerRef = useRef(null);
     const containerRef = externalContainerRef ?? internalContainerRef;
@@ -31263,9 +31240,9 @@ function useMapViewport({ mapJson, containerRef: externalContainerRef, width, he
     /** 位移是否超过 PAN_CLICK_THRESHOLD_PX，超过则视为拖拽 */
     const markPanMoved = (startX, startY, currentX, currentY) => Math.hypot(currentX - startX, currentY - startY) > PAN_CLICK_THRESHOLD_PX;
     /** 触发点击回调（仅当未发生拖拽时） */
-    const emitViewportTap = (tapTarget) => {
+    const emitViewportTap = (tapTarget, clientX, clientY) => {
         if (tapTarget) {
-            onViewportTapRef.current?.(tapTarget);
+            onViewportTapRef.current?.({ target: tapTarget, clientX, clientY });
         }
     };
     // ── 绑定容器交互事件：滚轮缩放 / 桌面拖拽 / H5 pinch+单指平移 ──
@@ -31291,7 +31268,7 @@ function useMapViewport({ mapJson, containerRef: externalContainerRef, width, he
             if (event) {
                 const state = pointerMapRef.current.get(event.pointerId);
                 if (state && !state.moved && state.tapTarget) {
-                    emitViewportTap(state.tapTarget);
+                    emitViewportTap(state.tapTarget, event.clientX, event.clientY);
                 }
                 pointerMapRef.current.delete(event.pointerId);
                 try {
@@ -31435,13 +31412,17 @@ function useMapViewport({ mapJson, containerRef: externalContainerRef, width, he
             if (touchState && !touchState.moved) {
                 let tapTarget = touchState.tapTarget;
                 const touch = event.changedTouches[0];
+                let clientX = touchState.startX;
+                let clientY = touchState.startY;
                 if (touch) {
+                    clientX = touch.clientX;
+                    clientY = touch.clientY;
                     const hitTarget = document.elementFromPoint(touch.clientX, touch.clientY);
                     if (hitTarget instanceof Element) {
                         tapTarget = hitTarget;
                     }
                 }
-                emitViewportTap(tapTarget);
+                emitViewportTap(tapTarget, clientX, clientY);
             }
             if (pinchRef.current) {
                 pinchRef.current = null;
@@ -31476,7 +31457,17 @@ function useMapViewport({ mapJson, containerRef: externalContainerRef, width, he
             window.removeEventListener('mouseup', handleWindowPointerUp);
             window.removeEventListener('blur', handleWindowPointerUp);
         };
-    }, [applyPan, applyZoom, clearPanState, enablePanZoom, height, maxZoom, minZoom, scheduleViewBox, width]);
+    }, [
+        applyPan,
+        applyZoom,
+        clearPanState,
+        enablePanZoom,
+        height,
+        maxZoom,
+        minZoom,
+        scheduleViewBox,
+        width,
+    ]);
     return {
         /** 绑定到地图外层容器的 ref */
         containerRef,
@@ -31535,10 +31526,12 @@ function useGoogleMapsOverlay({ mapJson, mapRef, defaultTransform, originNorthRo
     /**
      * OverlayViewF 的 LatLngBounds：
      * GPS 包围盒 + defaultTransform 在 Web Mercator 下的平移偏移。
+     * 仅 Map 模式（enabled）且 Google Maps 已加载时才计算。
      */
     const bounds = useMemo(() => {
-        if (!mapJson || typeof window === 'undefined' || !window.google?.maps)
+        if (!enabled || !mapJson || typeof window === 'undefined' || !window.google?.maps) {
             return null;
+        }
         const validBounds = getValidGpsBounds(mapJson, 0);
         const [swLng0, swLat0] = validBounds.sw;
         const [neLng0, neLat0] = validBounds.ne;
@@ -31551,7 +31544,7 @@ function useGoogleMapsOverlay({ mapJson, mapRef, defaultTransform, originNorthRo
         const [swLng, swLat] = proj4(WEB_MERCATOR, WGS84, [swX, swY]);
         const [neLng, neLat] = proj4(WEB_MERCATOR, WGS84, [neX, neY]);
         return new window.google.maps.LatLngBounds(new window.google.maps.LatLng(swLat, swLng), new window.google.maps.LatLng(neLat, neLng));
-    }, [mapJson, transformX, transformY]);
+    }, [enabled, mapJson, transformX, transformY]);
     /** OverlayViewF onDraw：解析 overlay 容器 style，得到像素 layout */
     const handleOverlayDraw = useCallback((style) => {
         const layout = Object.keys(style).reduce((acc, key) => {
@@ -31566,8 +31559,9 @@ function useGoogleMapsOverlay({ mapJson, mapRef, defaultTransform, originNorthRo
     }, []);
     /** Map 模式 fitToView：调用 google.maps.Map.fitBounds，考虑旋转后的 GPS 包围盒 */
     const fitToView = useCallback((nextPadding) => {
-        if (!enabled || !mapRef || !mapJson)
+        if (!enabled || !mapRef || !mapJson || typeof window === 'undefined' || !window.google?.maps) {
             return;
+        }
         const rotate = transformRotation + originNorthRotate;
         const validBounds = getValidGpsBounds(mapJson, rotate);
         const [swLng0, swLat0] = validBounds.sw;
@@ -31616,7 +31610,7 @@ function useGoogleMapsOverlay({ mapJson, mapRef, defaultTransform, originNorthRo
         const listener = mapRef.addListener('zoom_changed', handleZoomChanged);
         updateScale();
         return () => {
-            if (listener) {
+            if (listener && window.google?.maps?.event) {
                 window.google.maps.event.removeListener(listener);
             }
             handleZoomChanged.cancel();
@@ -31876,19 +31870,15 @@ function usePartitionLabelItems(mapData, viewBox, containerWidth, containerHeigh
     ]);
 }
 
-var css_248z = "@charset \"UTF-8\";\n/* 地图容器：裁剪溢出，禁用浏览器默认 touch 手势以便自定义 pinch */\n.index-module_container__nNYv7 {\n  position: relative;\n  overflow: hidden;\n  touch-action: none;\n  user-select: none;\n  cursor: grab;\n  /* H5 点击时不出现矩形 tap 高亮 */\n  -webkit-tap-highlight-color: transparent;\n  tap-highlight-color: transparent;\n}\n\n/* 网格 + 地块双层 SVG 叠放，共用 viewBox 保证平移/缩放同步 */\n.index-module_mapSvgStack__nz2s2 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.index-module_gridSvg__MoJD6 {\n  position: absolute;\n  inset: 0;\n  display: block;\n  pointer-events: none;\n}\n\n/* 地图 SVG：地块/通道，可绕 viewBox 中心旋转 */\n.index-module_mapSvg__vN0LV {\n  position: absolute;\n  inset: 0;\n  display: block;\n  pointer-events: none;\n  -webkit-tap-highlight-color: transparent;\n  tap-highlight-color: transparent;\n}\n\n/* 可点击地块：点击选中由 viewport 统一处理，此处保留 hover */\n.index-module_boundaryPolygon__uHe-E {\n  cursor: grab;\n  pointer-events: auto;\n  -webkit-tap-highlight-color: transparent;\n  tap-highlight-color: transparent;\n  outline: none;\n  -webkit-touch-callout: none;\n}\n\n.index-module_container__nNYv7:active {\n  cursor: grabbing;\n}\n\n.index-module_boundaryPolygon__uHe-E:active {\n  cursor: grabbing;\n}\n\n/* Map 模式：OverlayViewF 内根节点，铺满 overlay 像素区域 */\n.index-module_googleOverlayRoot__TQ3II {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  overflow: visible;\n}\n\n/* HTML overlay 层：CSS rotate 与 MowerMapRenderer OverlayViewF 一致，子元素自行反向补偿 */\n.index-module_mapOverlayLayer__7jTDy {\n  position: absolute;\n  inset: 0;\n  transform-origin: 50% 50%;\n  pointer-events: none;\n  z-index: 2;\n}\n\n/* 分区名气泡层，绝对定位覆盖在 SVG 之上 */\n.index-module_labelsLayer__Rcikw {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.index-module_label__xo3Kc {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  pointer-events: auto;\n  cursor: grab;\n  white-space: nowrap;\n  -webkit-tap-highlight-color: transparent;\n  tap-highlight-color: transparent;\n  outline: none;\n  -webkit-touch-callout: none;\n}\n\n.index-module_label__xo3Kc:active {\n  cursor: grabbing;\n}\n\n.index-module_labelWithOrder__uiHNo {\n  gap: 8px;\n}\n\n.index-module_labelWithOrderH5__fg3nU {\n  gap: 4px;\n}\n\n.index-module_labelOrderOnly__TDLBU {\n  gap: 0;\n}\n\n/* H5 名称标签：总宽 72px，文案最大 60px 可换行 */\n.index-module_labelH5Wrap__Es5cA {\n  white-space: normal;\n}\n\n.index-module_labelPill__7jnOo {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n}\n\n.index-module_labelPillH5__iPeHi {\n  width: 72px;\n  max-width: 72px;\n  box-sizing: border-box;\n}\n\n.index-module_labelText__ialST {\n  word-break: break-word;\n  text-align: center;\n}\n\n.index-module_labelTextH5__jz8SO {\n  max-width: 60px;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  line-height: 1.33;\n}\n\n/* 选中序号徽章：尺寸与颜色由 constants 按 platform 注入 */\n.index-module_selectionOrderBadge__uj7LX {\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module_boundaryPolygonIsolated__syN4V {\n  cursor: not-allowed;\n}\n\n.index-module_boundaryPolygonIsolated__syN4V:active {\n  cursor: grabbing;\n}\n\n.index-module_labelIsolated__K3WAB {\n  cursor: not-allowed;\n  pointer-events: auto;\n}\n\n.index-module_labelIsolated__K3WAB:active {\n  cursor: grabbing;\n}\n\n.index-module_labelIsolatedLayout__k-rwI {\n  gap: 4px;\n}\n\n.index-module_isolatedIconBelow__PuVIF {\n  position: static;\n  transform: none;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  pointer-events: none;\n}\n\n.index-module_isolatedIconBelow__PuVIF.index-module_isolatedIconWeb__iPkYp {\n  width: 20px;\n  height: 20px;\n}\n\n.index-module_isolatedIcon__Vbxl0 {\n  position: absolute;\n  width: 24px;\n  height: 24px;\n  left: 50%;\n  bottom: calc(100% + 4px);\n  transform: translateX(-50%);\n}\n\n.index-module_isolatedIconWeb__iPkYp {\n  width: 20px;\n  height: 20px;\n  bottom: calc(100% + 2px);\n}";
-var styles = {"container":"index-module_container__nNYv7","mapSvgStack":"index-module_mapSvgStack__nz2s2","gridSvg":"index-module_gridSvg__MoJD6","mapSvg":"index-module_mapSvg__vN0LV","boundaryPolygon":"index-module_boundaryPolygon__uHe-E","googleOverlayRoot":"index-module_googleOverlayRoot__TQ3II","mapOverlayLayer":"index-module_mapOverlayLayer__7jTDy","labelsLayer":"index-module_labelsLayer__Rcikw","label":"index-module_label__xo3Kc","labelWithOrder":"index-module_labelWithOrder__uiHNo","labelWithOrderH5":"index-module_labelWithOrderH5__fg3nU","labelOrderOnly":"index-module_labelOrderOnly__TDLBU","labelH5Wrap":"index-module_labelH5Wrap__Es5cA","labelPill":"index-module_labelPill__7jnOo","labelPillH5":"index-module_labelPillH5__iPeHi","labelText":"index-module_labelText__ialST","labelTextH5":"index-module_labelTextH5__jz8SO","selectionOrderBadge":"index-module_selectionOrderBadge__uj7LX","boundaryPolygonIsolated":"index-module_boundaryPolygonIsolated__syN4V","labelIsolated":"index-module_labelIsolated__K3WAB","labelIsolatedLayout":"index-module_labelIsolatedLayout__k-rwI","isolatedIconBelow":"index-module_isolatedIconBelow__PuVIF","isolatedIconWeb":"index-module_isolatedIconWeb__iPkYp"};
+var css_248z = "@charset \"UTF-8\";\n/* 地图容器：裁剪溢出，禁用浏览器默认 touch 手势以便自定义 pinch */\n.index-module_container__nNYv7 {\n  position: relative;\n  overflow: hidden;\n  touch-action: none;\n  user-select: none;\n  cursor: grab;\n  /* H5 点击时不出现矩形 tap 高亮 */\n  -webkit-tap-highlight-color: transparent;\n  tap-highlight-color: transparent;\n}\n\n/* 网格 + 地块双层 SVG 叠放，共用 viewBox 保证平移/缩放同步 */\n.index-module_mapSvgStack__nz2s2 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.index-module_gridSvg__MoJD6 {\n  position: absolute;\n  inset: 0;\n  display: block;\n  pointer-events: none;\n}\n\n/* 地图 SVG：地块/通道，可绕 viewBox 中心旋转 */\n.index-module_mapSvg__vN0LV {\n  position: absolute;\n  inset: 0;\n  display: block;\n  pointer-events: none;\n  -webkit-tap-highlight-color: transparent;\n  tap-highlight-color: transparent;\n}\n\n/* 可点击地块：悬停显示 pointer，与地图容器 grab 区分 */\n.index-module_boundaryPolygon__uHe-E {\n  cursor: pointer;\n  pointer-events: auto;\n  -webkit-tap-highlight-color: transparent;\n  tap-highlight-color: transparent;\n  outline: none;\n  -webkit-touch-callout: none;\n}\n\n.index-module_container__nNYv7:active {\n  cursor: grabbing;\n}\n\n/* Map 模式：OverlayViewF 内根节点，铺满 overlay 像素区域 */\n.index-module_googleOverlayRoot__TQ3II {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  overflow: visible;\n}\n\n/* HTML overlay 层：CSS rotate 与 MowerMapRenderer OverlayViewF 一致，子元素自行反向补偿 */\n.index-module_mapOverlayLayer__7jTDy {\n  position: absolute;\n  inset: 0;\n  transform-origin: 50% 50%;\n  pointer-events: none;\n  z-index: 2;\n}\n\n/* 分区名气泡层，绝对定位覆盖在 SVG 之上 */\n.index-module_labelsLayer__Rcikw {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.index-module_label__xo3Kc {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  pointer-events: auto;\n  cursor: pointer;\n  white-space: nowrap;\n  -webkit-tap-highlight-color: transparent;\n  tap-highlight-color: transparent;\n  outline: none;\n  -webkit-touch-callout: none;\n}\n\n.index-module_labelOrderOnly__TDLBU {\n  gap: 0;\n}\n\n/* H5 名称标签：气泡宽度 / 文案最大宽度由 constants.ts 内联样式控制 */\n.index-module_labelH5Wrap__Es5cA {\n  white-space: normal;\n}\n\n.index-module_labelPill__7jnOo {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n}\n\n.index-module_labelPillH5__iPeHi {\n  box-sizing: border-box;\n}\n\n.index-module_labelText__ialST {\n  word-break: break-word;\n  text-align: center;\n}\n\n.index-module_labelTextH5__jz8SO {\n  max-width: 100%;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  line-height: 1.33;\n}\n\n/* 选中序号徽章：尺寸与颜色由 constants 按 platform 注入 */\n.index-module_selectionOrderBadge__uj7LX {\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module_boundaryPolygonIsolated__syN4V {\n  cursor: not-allowed;\n}\n\n.index-module_boundaryPolygonIsolated__syN4V:active {\n  cursor: grabbing;\n}\n\n.index-module_labelIsolated__K3WAB {\n  cursor: not-allowed;\n  pointer-events: auto;\n}\n\n.index-module_labelIsolated__K3WAB:active {\n  cursor: grabbing;\n}\n\n.index-module_labelIsolatedLayout__k-rwI {\n  gap: 4px;\n}\n\n.index-module_isolatedIconBelow__PuVIF {\n  position: static;\n  transform: none;\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  pointer-events: none;\n}";
+var styles = {"container":"index-module_container__nNYv7","mapSvgStack":"index-module_mapSvgStack__nz2s2","gridSvg":"index-module_gridSvg__MoJD6","mapSvg":"index-module_mapSvg__vN0LV","boundaryPolygon":"index-module_boundaryPolygon__uHe-E","googleOverlayRoot":"index-module_googleOverlayRoot__TQ3II","mapOverlayLayer":"index-module_mapOverlayLayer__7jTDy","labelsLayer":"index-module_labelsLayer__Rcikw","label":"index-module_label__xo3Kc","labelOrderOnly":"index-module_labelOrderOnly__TDLBU","labelH5Wrap":"index-module_labelH5Wrap__Es5cA","labelPill":"index-module_labelPill__7jnOo","labelPillH5":"index-module_labelPillH5__iPeHi","labelText":"index-module_labelText__ialST","labelTextH5":"index-module_labelTextH5__jz8SO","selectionOrderBadge":"index-module_selectionOrderBadge__uj7LX","boundaryPolygonIsolated":"index-module_boundaryPolygonIsolated__syN4V","labelIsolated":"index-module_labelIsolated__K3WAB","labelIsolatedLayout":"index-module_labelIsolatedLayout__k-rwI","isolatedIconBelow":"index-module_isolatedIconBelow__PuVIF"};
 styleInject(css_248z);
 
-const PARTITION_BOUNDARY_ID_ATTR$1 = 'data-partition-boundary-id';
-const SelectableBoundaryElement = ({ data, boundaryColors, boundaryStrokePx, isIsolated = false, selected, hovered, viewBoxWidth, viewBoxHeight, fitViewBox, containerWidth, containerHeight, onHoverChange, onBoundaryClick, }) => {
+const SelectableBoundaryElement = ({ data, boundaryColors, boundaryStrokePx, isIsolated = false, selected, hovered, viewBoxWidth, viewBoxHeight, containerWidth, containerHeight, onHoverChange, onBoundaryClick, onIsolatedTap, }) => {
     const style = data.style || {};
     const boundaryId = Number(data.id);
     const colors = boundaryColors;
-    const strokePx = boundaryStrokePx ?? {
-        default: PARTITION_BOUNDARY_TARGET_SCREEN_STROKE_PX,
-        emphasized: PARTITION_BOUNDARY_EMPHASIZED_TARGET_SCREEN_STROKE_PX,
-    };
+    const strokePx = boundaryStrokePx ?? { ...WEB_PARTITION_BOUNDARY_STROKE_PX };
     const pointsString = useMemo(() => data.points.map((point) => `${point[0]},${point[1]}`).join(' '), [data.points]);
     const fillColor = useMemo(() => {
         if (isIsolated)
@@ -31911,31 +31901,16 @@ const SelectableBoundaryElement = ({ data, boundaryColors, boundaryStrokePx, isI
         return style.lineColor || colors.defaultStroke;
     }, [colors, hovered, isIsolated, selected, style.lineColor]);
     const strokeWidth = useMemo(() => {
-        let baseWidth;
-        let emphasized = false;
-        if (isIsolated)
-            baseWidth = colors.isolatedStrokeWidth;
-        else if (selected) {
-            emphasized = true;
-            baseWidth = hovered ? colors.selectedHoverStrokeWidth : colors.selectedStrokeWidth;
-        }
-        else if (hovered) {
-            emphasized = true;
-            baseWidth = colors.hoverStrokeWidth;
-        }
-        else
-            baseWidth = colors.defaultStrokeWidth;
         const viewBox = { width: viewBoxWidth, height: viewBoxHeight };
-        return scaleStrokeWidthForViewBox(baseWidth, viewBox, fitViewBox, {
+        const targetScreenStrokePx = !isIsolated && (selected || hovered) ? strokePx.selected : strokePx.default;
+        return scaleStrokeWidthForViewBox(viewBox, {
             containerWidth,
             containerHeight,
-            minScreenStrokePx: emphasized ? strokePx.emphasized : strokePx.default,
+            targetScreenStrokePx,
         });
     }, [
-        colors,
         containerHeight,
         containerWidth,
-        fitViewBox,
         hovered,
         isIsolated,
         selected,
@@ -31944,9 +31919,14 @@ const SelectableBoundaryElement = ({ data, boundaryColors, boundaryStrokePx, isI
         viewBoxWidth,
     ]);
     if (isIsolated) {
-        return (jsx("polygon", { className: `${styles.boundaryPolygon} ${styles.boundaryPolygonIsolated}`, points: pointsString, fill: fillColor, stroke: strokeColor, strokeWidth: strokeWidth, strokeLinejoin: "round" }));
+        return (jsx("polygon", { className: `${styles.boundaryPolygon} ${styles.boundaryPolygonIsolated}`, points: pointsString, fill: fillColor, stroke: strokeColor, strokeWidth: strokeWidth, strokeLinejoin: "round", [PARTITION_ISOLATED_BOUNDARY_ID_ATTR]: boundaryId, onClick: onIsolatedTap
+                ? (event) => {
+                    event.stopPropagation();
+                    onIsolatedTap(boundaryId, event.clientX, event.clientY);
+                }
+                : undefined }));
     }
-    return (jsx("polygon", { className: styles.boundaryPolygon, points: pointsString, fill: fillColor, stroke: strokeColor, strokeWidth: strokeWidth, strokeLinejoin: "round", [PARTITION_BOUNDARY_ID_ATTR$1]: boundaryId, onMouseEnter: () => onHoverChange(boundaryId), onMouseLeave: () => onHoverChange(null), onClick: onBoundaryClick
+    return (jsx("polygon", { className: styles.boundaryPolygon, points: pointsString, fill: fillColor, stroke: strokeColor, strokeWidth: strokeWidth, strokeLinejoin: "round", [PARTITION_BOUNDARY_ID_ATTR]: boundaryId, onMouseEnter: () => onHoverChange(boundaryId), onMouseLeave: () => onHoverChange(null), onClick: onBoundaryClick
             ? (event) => {
                 event.stopPropagation();
                 onBoundaryClick(boundaryId);
@@ -31955,7 +31935,7 @@ const SelectableBoundaryElement = ({ data, boundaryColors, boundaryStrokePx, isI
 };
 var SelectableBoundaryElement$1 = memo(SelectableBoundaryElement);
 
-const PartitionPickerSvg = ({ svgElementDatas, viewBox, fitViewBox, containerWidth, containerHeight, mapRotation = 0, boundaryColors, boundaryStrokePx, isolatedBoundaryIds, selectedIds, hoveredId, onHoverChange, onBoundaryClick, }) => {
+const PartitionPickerSvg = ({ svgElementDatas, viewBox, containerWidth, containerHeight, mapRotation = 0, boundaryColors, boundaryStrokePx, isolatedBoundaryIds, selectedIds, hoveredId, onHoverChange, onBoundaryClick, onIsolatedTap, }) => {
     const boundaries = (svgElementDatas[DataType.BOUNDARY] || []);
     const channels = (svgElementDatas[DataType.CHANNEL] || []);
     const selectedIdSet = useMemo(() => new Set(selectedIds), [selectedIds]);
@@ -31967,7 +31947,7 @@ const PartitionPickerSvg = ({ svgElementDatas, viewBox, fitViewBox, containerWid
     }, [mapRotation, viewBox.x, viewBox.y, viewBox.width, viewBox.height]);
     const mapContent = (jsxs(Fragment, { children: [jsx(GElement, { type: "boundary", children: boundaries.map((item) => {
                     const boundaryId = Number(item.id);
-                    return (jsx(SelectableBoundaryElement$1, { data: item, boundaryColors: boundaryColors, boundaryStrokePx: boundaryStrokePx, isIsolated: isolatedBoundaryIds.has(boundaryId), selected: selectedIdSet.has(boundaryId), hovered: hoveredId === boundaryId, viewBoxWidth: viewBox.width, viewBoxHeight: viewBox.height, fitViewBox: fitViewBox, containerWidth: containerWidth, containerHeight: containerHeight, onHoverChange: onHoverChange, onBoundaryClick: onBoundaryClick }, item.id));
+                    return (jsx(SelectableBoundaryElement$1, { data: item, boundaryColors: boundaryColors, boundaryStrokePx: boundaryStrokePx, isIsolated: isolatedBoundaryIds.has(boundaryId), selected: selectedIdSet.has(boundaryId), hovered: hoveredId === boundaryId, viewBoxWidth: viewBox.width, viewBoxHeight: viewBox.height, containerWidth: containerWidth, containerHeight: containerHeight, onHoverChange: onHoverChange, onBoundaryClick: onBoundaryClick, onIsolatedTap: onIsolatedTap }, item.id));
                 }) }), jsxs(GElement, { type: "channel", children: [jsx(ChannelClipPath, {}), channels.map((item) => (jsx(ChannelElement, { data: item }, item.id)))] })] }));
     return (jsx("svg", { className: styles.mapSvg, xmlns: "http://www.w3.org/2000/svg", viewBox: viewBoxToString(viewBox), width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet", shapeRendering: "geometricPrecision", children: mapContentTransform ? (jsx("g", { transform: mapContentTransform, children: mapContent })) : (mapContent) }));
 };
@@ -32002,15 +31982,31 @@ const MapGridBackground = ({ viewBox, gridStyle }) => {
     const patternId = useMemo(() => `partition-picker-grid-lines-${reactId.replace(/:/g, '-')}`, [reactId]);
     const { baseColor, strokeColor, tileSize: tile, lineWidth, dotRadius, opacity, maxIntersectionDots, } = gridStyle;
     const intersections = useMemo(() => getVisibleGridIntersections(viewBox, tile, maxIntersectionDots), [maxIntersectionDots, tile, viewBox.x, viewBox.y, viewBox.width, viewBox.height]);
-    return (jsxs("g", { className: "partition-picker-grid-bg", "aria-hidden": true, pointerEvents: "none", children: [jsx("defs", { children: jsxs("pattern", { id: patternId, patternUnits: "userSpaceOnUse", width: tile, height: tile, children: [jsx("line", { x1: 0, y1: 0, x2: tile, y2: 0, stroke: strokeColor, strokeWidth: lineWidth }), jsx("line", { x1: 0, y1: 0, x2: 0, y2: tile, stroke: strokeColor, strokeWidth: lineWidth })] }) }), jsx("rect", { x: viewBox.x, y: viewBox.y, width: viewBox.width, height: viewBox.height, fill: baseColor }), jsx("rect", { x: viewBox.x, y: viewBox.y, width: viewBox.width, height: viewBox.height, fill: `url(#${patternId})`, opacity: opacity }), jsx("g", { opacity: opacity, children: intersections.map((point, index) => (jsx("circle", { cx: point.x, cy: point.y, r: dotRadius, fill: strokeColor }, `${point.x}-${point.y}-${index}`))) })] }));
+    /**
+     * SVG stroke 以路径为中心；线在 tile 的 0 边绘制时，四格交点的视觉中心会偏向路径右下。
+     * 线条内缩 lineWidth/2，圆点同步偏移，使圆心与网格线交叉中心对齐。
+     */
+    const lineHalf = lineWidth / 2;
+    return (jsxs("g", { className: "partition-picker-grid-bg", "aria-hidden": true, pointerEvents: "none", children: [jsx("defs", { children: jsxs("pattern", { id: patternId, patternUnits: "userSpaceOnUse", width: tile, height: tile, children: [jsx("line", { x1: 0, y1: lineHalf, x2: tile, y2: lineHalf, stroke: strokeColor, strokeWidth: lineWidth }), jsx("line", { x1: lineHalf, y1: 0, x2: lineHalf, y2: tile, stroke: strokeColor, strokeWidth: lineWidth })] }) }), jsx("rect", { x: viewBox.x, y: viewBox.y, width: viewBox.width, height: viewBox.height, fill: baseColor }), jsx("rect", { x: viewBox.x, y: viewBox.y, width: viewBox.width, height: viewBox.height, fill: `url(#${patternId})`, opacity: opacity }), jsx("g", { opacity: opacity, children: intersections.map((point, index) => (jsx("circle", { cx: point.x + lineHalf, cy: point.y + lineHalf, r: dotRadius, fill: strokeColor }, `${point.x}-${point.y}-${index}`))) })] }));
 };
 var MapGridBackground$1 = memo(MapGridBackground);
 
 const PartitionPickerGridSvg = ({ viewBox, gridStyle }) => {
-    return (jsx("svg", { className: styles.gridSvg, "data-viewport-background": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBoxToString(viewBox), width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet", shapeRendering: "geometricPrecision", "aria-hidden": true, children: jsx(MapGridBackground$1, { viewBox: viewBox, gridStyle: gridStyle }) }));
+    return (jsx("svg", { className: styles.gridSvg, "data-viewport-background": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBoxToString(viewBox), width: "100%", height: "100%", 
+        // 设置缩放的规则
+        //等比缩放 viewBox 内容，使其完整落在容器内；
+        //水平、垂直都居中；
+        //比例不一致时，上下或左右留空（letterboxing），不裁切、不拉伸变形。
+        preserveAspectRatio: "xMidYMid meet", 
+        /**
+         * 控制浏览器如何绘制路径/线条：
+         * geometricPrecision：优先几何精度，线条更平滑、对齐更稳，缩放时不易发虚或抖动。
+         * 网格是大量细线，用这个属性能让缩放/平移时网格更清晰稳定。
+         */
+        shapeRendering: "geometricPrecision", "aria-hidden": true, children: jsx(MapGridBackground$1, { viewBox: viewBox, gridStyle: gridStyle }) }));
 };
 
-const PartitionNameLabels = ({ items, selectedIds, labelStyles, labelMinScreenWidthPx = 72, platform = PlatformType.WEB, showSelectionOrder = false, rotation = 0, onHoverChange, onBoundaryClick, }) => {
+const PartitionNameLabels = ({ items, selectedIds, labelStyles, platform = PlatformType.WEB, showSelectionOrder = false, rotation = 0, onHoverChange, onBoundaryClick, onIsolatedTap, }) => {
     const isWeb = platform === PlatformType.WEB;
     const orderBadgeStyle = useMemo(() => ({
         width: labelStyles.selectionOrderBadge.width,
@@ -32020,18 +32016,18 @@ const PartitionNameLabels = ({ items, selectedIds, labelStyles, labelMinScreenWi
         color: labelStyles.selectionOrderBadge.color,
         fontSize: `${labelStyles.selectionOrderBadge.fontSize}px`,
         fontWeight: labelStyles.selectionOrderBadge.fontWeight,
+        fontFamily: labelStyles.selectionOrderBadge.fontFamily,
         lineHeight: labelStyles.selectionOrderBadge.lineHeight,
     }), [labelStyles]);
     return (jsx("div", { className: styles.labelsLayer, children: items.map((item) => {
             const isIsolated = item.isIsolated === true;
             const selected = !isIsolated && selectedIds.includes(item.id);
             const selectionOrder = selected ? selectedIds.indexOf(item.id) + 1 : null;
-            const isLargeEnough = item.screenWidthPx > labelMinScreenWidthPx;
+            const isLargeEnough = item.screenWidthPx > H5_PARTITION_LABEL_MIN_SCREEN_WIDTH_PX;
             // Web 始终展示名称；H5 按屏幕宽度决定
             const showNameLabel = isWeb || isLargeEnough;
             const showOrderBadge = showSelectionOrder && selected && selectionOrder != null;
             const h5OrderOnly = !isWeb && showOrderBadge && !isLargeEnough;
-            const h5OrderWithName = !isWeb && showOrderBadge && isLargeEnough;
             if (!showNameLabel && !showOrderBadge && !isIsolated) {
                 return null;
             }
@@ -32040,33 +32036,41 @@ const PartitionNameLabels = ({ items, selectedIds, labelStyles, labelMinScreenWi
                 styles.label,
                 !isWeb && showNameLabel ? styles.labelH5Wrap : '',
                 isIsolated ? styles.labelIsolated : '',
-                isWeb && showOrderBadge ? styles.labelWithOrder : '',
-                h5OrderWithName ? styles.labelWithOrderH5 : '',
                 h5OrderOnly ? styles.labelOrderOnly : '',
                 isIsolated ? styles.labelIsolatedLayout : '',
             ]
                 .filter(Boolean)
                 .join(' ');
-            const boundaryIdProps = isIsolated ? {} : { [PARTITION_BOUNDARY_ID_ATTR$1]: item.id };
+            const showOrderWithName = showOrderBadge && showNameLabel;
+            const selectionOrderGapPx = isWeb ? WEB_SELECTION_ORDER_GAP_PX : H5_SELECTION_ORDER_GAP_PX;
+            const boundaryIdProps = isIsolated
+                ? { [PARTITION_ISOLATED_BOUNDARY_ID_ATTR]: item.id }
+                : { [PARTITION_BOUNDARY_ID_ATTR]: item.id };
             return (jsxs("div", { className: labelClassName, style: {
                     left: `${item.leftPct}%`,
                     top: `${item.topPct}%`,
                     transform: `translate(-50%, -50%) rotate(${-rotation}deg)`,
-                }, ...boundaryIdProps, onMouseEnter: isIsolated ? undefined : () => onHoverChange(item.id), onMouseLeave: isIsolated ? undefined : () => onHoverChange(null), onClick: onBoundaryClick && !isIsolated
-                    ? (event) => {
-                        event.stopPropagation();
-                        onBoundaryClick(item.id);
-                    }
-                    : undefined, children: [showOrderBadge && (jsx("div", { className: styles.selectionOrderBadge, style: orderBadgeStyle, children: selectionOrder })), showNameLabel && (jsx("div", { className: `${styles.labelPill} ${!isWeb ? styles.labelPillH5 : ''}`, style: pillStyle, children: jsx("span", { className: `${styles.labelText} ${!isWeb ? styles.labelTextH5 : ''}`, children: item.name }) })), isIsolated && (jsx("div", { className: `${styles.isolatedIconBelow} ${isWeb ? styles.isolatedIconWeb : ''}`, dangerouslySetInnerHTML: { __html: ISOLATED_BOUNDARY_SVG } }))] }, item.id));
+                    ...(showOrderWithName ? { gap: selectionOrderGapPx } : undefined),
+                }, ...boundaryIdProps, onMouseEnter: isIsolated ? undefined : () => onHoverChange(item.id), onMouseLeave: isIsolated ? undefined : () => onHoverChange(null), onClick: isIsolated
+                    ? onIsolatedTap
+                        ? (event) => {
+                            event.stopPropagation();
+                            onIsolatedTap(item.id, event.clientX, event.clientY);
+                        }
+                        : undefined
+                    : onBoundaryClick
+                        ? (event) => {
+                            event.stopPropagation();
+                            onBoundaryClick(item.id);
+                        }
+                        : undefined, children: [showOrderBadge && (jsx("div", { className: styles.selectionOrderBadge, style: orderBadgeStyle, children: selectionOrder })), showNameLabel && (jsx("div", { className: `${styles.labelPill} ${!isWeb ? styles.labelPillH5 : ''}`, style: pillStyle, children: jsx("span", { className: `${styles.labelText} ${!isWeb ? styles.labelTextH5 : ''}`, children: item.name }) })), isIsolated && (jsx("div", { className: `${styles.isolatedIconBelow}`, dangerouslySetInnerHTML: { __html: ISOLATED_BOUNDARY_SVG_2 } }))] }, item.id));
         }) }));
 };
 
 const DEFAULT_BACKGROUND = PARTITION_PICKER_GRID_BASE_COLOR;
-/** 地块 polygon / 标签上的 data 属性，供 viewport 点击命中与表格联动 */
-const PARTITION_BOUNDARY_ID_ATTR = 'data-partition-boundary-id';
 /** Map 模式下 OverlayViewF 默认 z-index */
 const DEFAULT_OVERLAY_Z_INDEX = 100;
-const MowerPartitionPickerMap = forwardRef(({ mapJson, mapConfig, pickerStyleConfig, sn = '', platform = PlatformType.WEB, width, height, padding = 50, backgroundColor = DEFAULT_BACKGROUND, defaultTransform, mapRef, minZoom = 0.5, maxZoom = 4, enablePanZoom = true, refitOnResize = true, onSizeChange, selectedBoundaryIds, defaultSelectedBoundaryIds, onSelectionChange, hoveredBoundaryId, defaultHoveredBoundaryId, onBoundaryHoverChange, showSelectionOrder = false, zIndex = DEFAULT_OVERLAY_Z_INDEX, className, style, }, ref) => {
+const MowerPartitionPickerMap = forwardRef(({ mapJson, mapConfig, pickerStyleConfig, sn = '', platform = PlatformType.WEB, width, height, padding = 0, backgroundColor = DEFAULT_BACKGROUND, defaultTransform, mapRef, minZoom = 0.5, maxZoom = 3, enablePanZoom = true, refitOnResize = true, onSizeChange, selectedBoundaryIds, defaultSelectedBoundaryIds, onSelectionChange, hoveredBoundaryId, defaultHoveredBoundaryId, onBoundaryHoverChange, showSelectionOrder = false, onIsolatedBoundaryTap, zIndex = DEFAULT_OVERLAY_Z_INDEX, className, style, }, ref) => {
     /**
      * 是否为 Map 模式（传入 mapRef 时为 true）：
      * - true：Google Maps 底图 + OverlayViewF，平移/缩放/fit 由底图负责
@@ -32077,8 +32081,34 @@ const MowerPartitionPickerMap = forwardRef(({ mapJson, mapConfig, pickerStyleCon
     const channelClipPathId = useMemo(() => createChannelClipPathId({ sn, reactId: reactInstanceId }), [sn, reactInstanceId]);
     /** 外部 pickerStyleConfig 与内置 platform 默认值合并后的最终外观（地块/标签/网格等） */
     const mergedPickerStyles = useMemo(() => resolvePartitionPickerStyles(platform, pickerStyleConfig), [pickerStyleConfig, platform]);
-    /** Standalone 容器留白与网格底色；pickerStyleConfig.grid.baseColor 优先于 backgroundColor */
-    const resolvedBackgroundColor = pickerStyleConfig?.grid?.baseColor ?? backgroundColor ?? DEFAULT_BACKGROUND;
+    /** Standalone 容器背景与 grid.baseColor 对齐（合并后的最终值） */
+    const resolvedBackgroundColor = useMemo(() => {
+        if (isMapMode)
+            return undefined;
+        if (pickerStyleConfig?.grid?.baseColor != null) {
+            return mergedPickerStyles.grid.baseColor;
+        }
+        return backgroundColor ?? mergedPickerStyles.grid.baseColor;
+    }, [
+        backgroundColor,
+        isMapMode,
+        mergedPickerStyles.grid.baseColor,
+        pickerStyleConfig?.grid?.baseColor,
+    ]);
+    /** Standalone 网格层：backgroundColor 未显式指定 grid.baseColor 时与容器背景同步 */
+    const standaloneGridStyle = useMemo(() => {
+        if (pickerStyleConfig?.grid?.baseColor != null) {
+            return mergedPickerStyles.grid;
+        }
+        if (backgroundColor != null) {
+            return { ...mergedPickerStyles.grid, baseColor: backgroundColor };
+        }
+        return mergedPickerStyles.grid;
+    }, [
+        backgroundColor,
+        mergedPickerStyles.grid,
+        pickerStyleConfig?.grid?.baseColor,
+    ]);
     const mergedMapConfig = useMemo(() => merge$1({}, DEFAULT_STYLES, getPartitionPickerMapConfig(platform), mapConfig), [mapConfig, platform]);
     const svgElementDatas = useMemo(() => UnifiedMapDataProcessor.processMapData(mapJson, mergedMapConfig) || {}, [mapJson, mergedMapConfig]);
     /** 地图 Y 轴相对正北的偏移（度），与 MowerMapRenderer.originNorthRotate 一致 */
@@ -32099,6 +32129,24 @@ const MowerPartitionPickerMap = forwardRef(({ mapJson, mapConfig, pickerStyleCon
     }, [mapJson]);
     /** 孤立地块 id 列表（未连接到主地块的子地块） */
     const isolatedBoundaryIds = useIsolatedBoundaryIds(mapJson);
+    const boundaryNameById = useMemo(() => {
+        const names = new Map();
+        for (const boundary of generateBoundaryData(mapJson)) {
+            names.set(boundary.id, boundary.name);
+        }
+        return names;
+    }, [mapJson]);
+    const handleIsolatedTap = useCallback((boundaryId, clientX, clientY) => {
+        if (!onIsolatedBoundaryTap || !isolatedBoundaryIds.has(boundaryId))
+            return;
+        onIsolatedBoundaryTap({
+            boundaryId,
+            boundaryName: boundaryNameById.get(boundaryId),
+            clientX,
+            clientY,
+        });
+    }, [boundaryNameById, isolatedBoundaryIds, onIsolatedBoundaryTap]);
+    const isolatedTapHandler = onIsolatedBoundaryTap ? handleIsolatedTap : undefined;
     /** 选中地块 id 列表（受控/非受控）与切换选中回调 */
     const { selectedIds, toggleBoundary, setSelectedIds } = useBoundarySelection({
         selectedBoundaryIds,
@@ -32124,7 +32172,15 @@ const MowerPartitionPickerMap = forwardRef(({ mapJson, mapConfig, pickerStyleCon
         toggleBoundary(id);
     }, [isolatedBoundaryIds, toggleBoundary]);
     /** Standalone 模式：由 viewport 统一处理点击（支持在地块上拖拽平移） */
-    const handleViewportTap = useCallback((target) => {
+    const handleViewportTap = useCallback(({ target, clientX, clientY }) => {
+        const isolatedEl = target.closest(`[${PARTITION_ISOLATED_BOUNDARY_ID_ATTR}]`);
+        if (isolatedEl) {
+            const isolatedId = Number(isolatedEl.getAttribute(PARTITION_ISOLATED_BOUNDARY_ID_ATTR));
+            if (Number.isFinite(isolatedId) && isolatedBoundaryIds.has(isolatedId)) {
+                handleIsolatedTap(isolatedId, clientX, clientY);
+            }
+            return;
+        }
         const boundaryEl = target.closest(`[${PARTITION_BOUNDARY_ID_ATTR}]`);
         if (!boundaryEl)
             return;
@@ -32132,7 +32188,7 @@ const MowerPartitionPickerMap = forwardRef(({ mapJson, mapConfig, pickerStyleCon
         if (!Number.isFinite(id) || isolatedBoundaryIds.has(id))
             return;
         toggleBoundary(id);
-    }, [isolatedBoundaryIds, toggleBoundary]);
+    }, [handleIsolatedTap, isolatedBoundaryIds, toggleBoundary]);
     /**
      * Map 模式 overlay 状态（bounds / viewBox / fitBounds / overlayScale）。
      * 无 mapRef 时 hook 内部 enabled=false，返回值不参与渲染。
@@ -32153,7 +32209,7 @@ const MowerPartitionPickerMap = forwardRef(({ mapJson, mapConfig, pickerStyleCon
         }
     }, [isMapMode, isReady, onSizeChange, pxWidth, pxHeight]);
     /** Standalone：平移/缩放 viewBox；Map 模式 enablePanZoom 关闭，仅保留 hook 结构 */
-    const { viewBox: standaloneViewBox, gridViewBox, fitViewBox: standaloneFitViewBox, resetView: standaloneResetView, fitToView: standaloneFitToView, } = useMapViewport({
+    const { viewBox: standaloneViewBox, gridViewBox, resetView: standaloneResetView, fitToView: standaloneFitToView, } = useMapViewport({
         mapJson,
         containerRef,
         width: pxWidth,
@@ -32168,7 +32224,6 @@ const MowerPartitionPickerMap = forwardRef(({ mapJson, mapConfig, pickerStyleCon
     });
     /** 按模式选取 viewBox / 尺寸 / 旋转 / 就绪状态（Map 与 Standalone 数据源不同） */
     const viewBox = isMapMode ? googleOverlay.svgViewBox : standaloneViewBox;
-    const fitViewBox = isMapMode ? googleOverlay.fitViewBox : standaloneFitViewBox;
     const overlayWidth = isMapMode ? googleOverlay.overlayWidth : pxWidth;
     const overlayHeight = isMapMode ? googleOverlay.overlayHeight : pxHeight;
     const actureRotate = isMapMode ? googleOverlay.actureRotate : standaloneActureRotate;
@@ -32242,18 +32297,18 @@ const MowerPartitionPickerMap = forwardRef(({ mapJson, mapConfig, pickerStyleCon
         ...(isMapMode ? {} : layoutStyle),
     }), [isMapMode, layoutStyle, resolvedBackgroundColor, style]);
     /** 地块 + 通道 SVG；Map 模式不在 SVG 内旋转（由 OverlayViewF rotate 处理） */
-    const mapSvgLayer = viewBox && isLayersReady ? (jsx(PartitionPickerSvg, { svgElementDatas: svgElementDatas, viewBox: viewBox, fitViewBox: fitViewBox ?? viewBox, containerWidth: overlayWidth, containerHeight: overlayHeight, mapRotation: isMapMode ? 0 : actureRotate, boundaryColors: mergedPickerStyles.boundary, boundaryStrokePx: mergedPickerStyles.boundaryStrokePx, isolatedBoundaryIds: isolatedBoundaryIds, selectedIds: selectedIds, hoveredId: hoveredId, onHoverChange: handleHoverChange, onBoundaryClick: isMapMode ? handleBoundaryClick : undefined })) : null;
+    const mapSvgLayer = viewBox && isLayersReady ? (jsx(PartitionPickerSvg, { svgElementDatas: svgElementDatas, viewBox: viewBox, containerWidth: overlayWidth, containerHeight: overlayHeight, mapRotation: isMapMode ? 0 : actureRotate, boundaryColors: mergedPickerStyles.boundary, boundaryStrokePx: mergedPickerStyles.boundaryStrokePx, isolatedBoundaryIds: isolatedBoundaryIds, selectedIds: selectedIds, hoveredId: hoveredId, onHoverChange: handleHoverChange, onBoundaryClick: isMapMode ? handleBoundaryClick : undefined, onIsolatedTap: isMapMode ? isolatedTapHandler : undefined })) : null;
     /**
      * 分区标签 + 充电桩 HTML 层。
      * Map 模式：平铺于 overlay 根节点；Standalone：包在 mapOverlayLayer 内做 CSS 旋转。
      */
-    const overlayLayers = viewBox && isLayersReady ? (isMapMode ? (jsxs(Fragment, { children: [jsx(PartitionNameLabels, { items: labelItems, selectedIds: selectedIds, labelStyles: mergedPickerStyles.labels, labelMinScreenWidthPx: mergedPickerStyles.labelMinScreenWidthPx, platform: platform, showSelectionOrder: showSelectionOrder, rotation: actureRotate, onHoverChange: handleHoverChange, onBoundaryClick: handleBoundaryClick }), jsx(CharginPile, { viewBox: viewBox, rotation: actureRotate })] })) : (jsxs("div", { className: styles.mapOverlayLayer, style: mapOverlayLayerStyle, children: [jsx(PartitionNameLabels, { items: labelItems, selectedIds: selectedIds, labelStyles: mergedPickerStyles.labels, labelMinScreenWidthPx: mergedPickerStyles.labelMinScreenWidthPx, platform: platform, showSelectionOrder: showSelectionOrder, rotation: actureRotate, onHoverChange: handleHoverChange }), jsx(CharginPile, { viewBox: viewBox, rotation: actureRotate, viewRotationMode: "overlay-parent", containerWidth: overlayWidth, containerHeight: overlayHeight })] }))) : null;
+    const overlayLayers = viewBox && isLayersReady ? (isMapMode ? (jsxs(Fragment, { children: [jsx(PartitionNameLabels, { items: labelItems, selectedIds: selectedIds, labelStyles: mergedPickerStyles.labels, platform: platform, showSelectionOrder: showSelectionOrder, rotation: actureRotate, onHoverChange: handleHoverChange, onBoundaryClick: handleBoundaryClick, onIsolatedTap: isolatedTapHandler }), jsx(CharginPile, { viewBox: viewBox, rotation: actureRotate })] })) : (jsxs("div", { className: styles.mapOverlayLayer, style: mapOverlayLayerStyle, children: [jsx(PartitionNameLabels, { items: labelItems, selectedIds: selectedIds, labelStyles: mergedPickerStyles.labels, platform: platform, showSelectionOrder: showSelectionOrder, rotation: actureRotate, onHoverChange: handleHoverChange, onIsolatedTap: isolatedTapHandler }), jsx(CharginPile, { viewBox: viewBox, rotation: actureRotate, viewRotationMode: "overlay-parent", containerWidth: overlayWidth, containerHeight: overlayHeight, sizeInSvgUnits: true, minDisplaySizePx: PARTITION_PICKER_CHARGING_PILE_MIN_DISPLAY_PX })] }))) : null;
     /** Map 模式：渲染 OverlayViewF，底图为 Google Maps */
     if (isMapMode && mapRef) {
         return (jsx(CommonContextProvider, { value: commonValue, children: jsx(SvgEditContextProvider, { value: svgEditValue, children: jsx(OverlayViewF, { map: mapRef, mapPaneName: "overlayMouseTarget", bounds: googleOverlay.bounds ?? undefined, rotate: actureRotate, zIndex: zIndex, onDraw: googleOverlay.handleOverlayDraw, children: jsxs("div", { className: `${styles.googleOverlayRoot} ${className || ''}`, style: containerStyle, onMouseLeave: () => setHoveredId(null), children: [mapSvgLayer, overlayLayers] }) }) }) }));
     }
     /** Standalone 模式：固定容器 + 网格底图 + 双层 SVG / HTML overlay */
-    return (jsx(CommonContextProvider, { value: commonValue, children: jsx(SvgEditContextProvider, { value: svgEditValue, children: jsx("div", { ref: containerRef, className: `${styles.container} ${className || ''}`, "data-viewport-background": "true", style: containerStyle, onMouseLeave: () => setHoveredId(null), children: isLayersReady && (jsxs(Fragment, { children: [jsxs("div", { className: styles.mapSvgStack, children: [jsx(PartitionPickerGridSvg, { viewBox: gridViewBox, gridStyle: mergedPickerStyles.grid }), mapSvgLayer] }), overlayLayers] })) }) }) }));
+    return (jsx(CommonContextProvider, { value: commonValue, children: jsx(SvgEditContextProvider, { value: svgEditValue, children: jsx("div", { ref: containerRef, className: `${styles.container} ${className || ''}`, "data-viewport-background": "true", style: containerStyle, onMouseLeave: () => setHoveredId(null), children: isLayersReady && (jsxs(Fragment, { children: [jsxs("div", { className: styles.mapSvgStack, children: [jsx(PartitionPickerGridSvg, { viewBox: gridViewBox, gridStyle: standaloneGridStyle }), mapSvgLayer] }), overlayLayers] })) }) }) }));
 });
 MowerPartitionPickerMap.displayName = 'MowerPartitionPickerMap';