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

package/dist/index.js

@@ -23568,15 +23568,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) {
@@ -30864,15 +30862,27 @@ const BoundarySvgRender = React.memo(({ mapJson, unStructMapData, id, maxWidth =
 });
 
 /** ChannelClipPath 等内容裁剪使用的 SVG 坐标边距（与用户传入的屏幕 padding 无关） */
-const PARTITION_PICKER_CONTENT_CLIP_PADDING = 50;
+const PARTITION_PICKER_CONTENT_CLIP_PADDING = 0;
 /** H5：子区域屏幕宽度超过该值才展示名称标签（px） */
-const H5_PARTITION_LABEL_MIN_SCREEN_WIDTH_PX = 72;
+const H5_PARTITION_LABEL_MIN_SCREEN_WIDTH_PX = 92;
 /** 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;
+const H5_PARTITION_LABEL_WIDTH_PX = 92;
+/** 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
@@ -30880,17 +30890,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.5;
 /** 网格交点圆点半径（地图坐标） */
-const PARTITION_PICKER_GRID_DOT_RADIUS = 8;
+const PARTITION_PICKER_GRID_DOT_RADIUS = 0.5;
 /** 网格层整体不透明度（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;
 /**
  * 分区选择地图专用样式
  *
@@ -30915,37 +30925,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 = exports.PlatformType.WEB) {
     return platform === exports.PlatformType.WEB
@@ -30955,6 +30955,11 @@ function getPartitionPickerMapConfig(platform = exports.PlatformType.WEB) {
 function getPartitionPickerColors(platform = exports.PlatformType.WEB) {
     return platform === exports.PlatformType.WEB ? PARTITION_PICKER_COLORS_WEB : PARTITION_PICKER_COLORS_H5;
 }
+function getPartitionPickerBoundaryStrokePx(platform = exports.PlatformType.WEB) {
+    return platform === exports.PlatformType.WEB
+        ? { ...WEB_PARTITION_BOUNDARY_STROKE_PX }
+        : { ...H5_PARTITION_BOUNDARY_STROKE_PX };
+}
 /** Web 分区名气泡（Figma「地块名称」/ 选中区域） */
 const PARTITION_PICKER_LABEL_STYLES_WEB = {
     default: {
@@ -30995,6 +31000,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',
     },
@@ -31005,6 +31011,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',
     },
@@ -31042,10 +31049,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 深度合并。
  * 调用方只需覆盖变化的字段，无需改组件源码。
@@ -31062,8 +31065,7 @@ function resolvePartitionPickerStyles(platform = exports.PlatformType.WEB, confi
             }
             : 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),
     };
 }
 
@@ -31077,7 +31079,7 @@ function resolvePartitionPickerStyles(platform = exports.PlatformType.WEB, confi
  *
  * 平移可在地块/分区名等任意区域发起；仅当位移小于阈值时才视为点击
  */
-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 = React.useRef(null);
     const containerRef = externalContainerRef ?? internalContainerRef;
@@ -31496,7 +31498,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,
@@ -31555,10 +31567,12 @@ function useGoogleMapsOverlay({ mapJson, mapRef, defaultTransform, originNorthRo
     /**
      * OverlayViewF 的 LatLngBounds：
      * GPS 包围盒 + defaultTransform 在 Web Mercator 下的平移偏移。
+     * 仅 Map 模式（enabled）且 Google Maps 已加载时才计算。
      */
     const bounds = React.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;
@@ -31571,7 +31585,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 = React.useCallback((style) => {
         const layout = Object.keys(style).reduce((acc, key) => {
@@ -31586,8 +31600,9 @@ function useGoogleMapsOverlay({ mapJson, mapRef, defaultTransform, originNorthRo
     }, []);
     /** Map 模式 fitToView：调用 google.maps.Map.fitBounds，考虑旋转后的 GPS 包围盒 */
     const fitToView = React.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;
@@ -31636,7 +31651,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();
@@ -31896,19 +31911,16 @@ 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/* 可点击地块：点击选中由 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_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: 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","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"};
 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, }) => {
     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 = React.useMemo(() => data.points.map((point) => `${point[0]},${point[1]}`).join(' '), [data.points]);
     const fillColor = React.useMemo(() => {
         if (isIsolated)
@@ -31931,31 +31943,16 @@ const SelectableBoundaryElement = ({ data, boundaryColors, boundaryStrokePx, isI
         return style.lineColor || colors.defaultStroke;
     }, [colors, hovered, isIsolated, selected, style.lineColor]);
     const strokeWidth = React.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,
@@ -31975,7 +31972,7 @@ const SelectableBoundaryElement = ({ data, boundaryColors, boundaryStrokePx, isI
 };
 var SelectableBoundaryElement$1 = React.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, }) => {
     const boundaries = (svgElementDatas[exports.DataType.BOUNDARY] || []);
     const channels = (svgElementDatas[exports.DataType.CHANNEL] || []);
     const selectedIdSet = React.useMemo(() => new Set(selectedIds), [selectedIds]);
@@ -31987,7 +31984,7 @@ const PartitionPickerSvg = ({ svgElementDatas, viewBox, fitViewBox, containerWid
     }, [mapRotation, viewBox.x, viewBox.y, viewBox.width, viewBox.height]);
     const mapContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(GElement, { type: "boundary", children: boundaries.map((item) => {
                     const boundaryId = Number(item.id);
-                    return (jsxRuntime.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 (jsxRuntime.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 }, item.id));
                 }) }), jsxRuntime.jsxs(GElement, { type: "channel", children: [jsxRuntime.jsx(ChannelClipPath, {}), channels.map((item) => (jsxRuntime.jsx(ChannelElement, { data: item }, item.id)))] })] }));
     return (jsxRuntime.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 ? (jsxRuntime.jsx("g", { transform: mapContentTransform, children: mapContent })) : (mapContent) }));
 };
@@ -32027,10 +32024,21 @@ const MapGridBackground = ({ viewBox, gridStyle }) => {
 var MapGridBackground$1 = React.memo(MapGridBackground);
 
 const PartitionPickerGridSvg = ({ viewBox, gridStyle }) => {
-    return (jsxRuntime.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: jsxRuntime.jsx(MapGridBackground$1, { viewBox: viewBox, gridStyle: gridStyle }) }));
+    return (jsxRuntime.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: jsxRuntime.jsx(MapGridBackground$1, { viewBox: viewBox, gridStyle: gridStyle }) }));
 };
 
-const PartitionNameLabels = ({ items, selectedIds, labelStyles, labelMinScreenWidthPx = 72, platform = exports.PlatformType.WEB, showSelectionOrder = false, rotation = 0, onHoverChange, onBoundaryClick, }) => {
+const PartitionNameLabels = ({ items, selectedIds, labelStyles, platform = exports.PlatformType.WEB, showSelectionOrder = false, rotation = 0, onHoverChange, onBoundaryClick, }) => {
     const isWeb = platform === exports.PlatformType.WEB;
     const orderBadgeStyle = React.useMemo(() => ({
         width: labelStyles.selectionOrderBadge.width,
@@ -32040,18 +32048,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 (jsxRuntime.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;
             }
@@ -32060,18 +32068,21 @@ 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 showOrderWithName = showOrderBadge && showNameLabel;
+            const selectionOrderGapPx = isWeb
+                ? WEB_SELECTION_ORDER_GAP_PX
+                : H5_SELECTION_ORDER_GAP_PX;
             const boundaryIdProps = isIsolated ? {} : { [PARTITION_BOUNDARY_ID_ATTR$1]: item.id };
             return (jsxRuntime.jsxs("div", { className: labelClassName, style: {
                     left: `${item.leftPct}%`,
                     top: `${item.topPct}%`,
                     transform: `translate(-50%, -50%) rotate(${-rotation}deg)`,
+                    ...(showOrderWithName ? { gap: selectionOrderGapPx } : undefined),
                 }, ...boundaryIdProps, onMouseEnter: isIsolated ? undefined : () => onHoverChange(item.id), onMouseLeave: isIsolated ? undefined : () => onHoverChange(null), onClick: onBoundaryClick && !isIsolated
                     ? (event) => {
                         event.stopPropagation();
@@ -32086,7 +32097,7 @@ const DEFAULT_BACKGROUND = PARTITION_PICKER_GRID_BASE_COLOR;
 const PARTITION_BOUNDARY_ID_ATTR = 'data-partition-boundary-id';
 /** Map 模式下 OverlayViewF 默认 z-index */
 const DEFAULT_OVERLAY_Z_INDEX = 100;
-const MowerPartitionPickerMap = React.forwardRef(({ mapJson, mapConfig, pickerStyleConfig, sn = '', platform = exports.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 = React.forwardRef(({ mapJson, mapConfig, pickerStyleConfig, sn = '', platform = exports.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, zIndex = DEFAULT_OVERLAY_Z_INDEX, className, style, }, ref) => {
     /**
      * 是否为 Map 模式（传入 mapRef 时为 true）：
      * - true：Google Maps 底图 + OverlayViewF，平移/缩放/fit 由底图负责
@@ -32097,8 +32108,34 @@ const MowerPartitionPickerMap = React.forwardRef(({ mapJson, mapConfig, pickerSt
     const channelClipPathId = React.useMemo(() => createChannelClipPathId({ sn, reactId: reactInstanceId }), [sn, reactInstanceId]);
     /** 外部 pickerStyleConfig 与内置 platform 默认值合并后的最终外观（地块/标签/网格等） */
     const mergedPickerStyles = React.useMemo(() => resolvePartitionPickerStyles(platform, pickerStyleConfig), [pickerStyleConfig, platform]);
-    /** Standalone 容器留白与网格底色；pickerStyleConfig.grid.baseColor 优先于 backgroundColor */
-    const resolvedBackgroundColor = pickerStyleConfig?.grid?.baseColor ?? backgroundColor ?? DEFAULT_BACKGROUND;
+    /** Standalone 容器背景与 grid.baseColor 对齐（合并后的最终值） */
+    const resolvedBackgroundColor = React.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 = React.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 = React.useMemo(() => merge$1({}, DEFAULT_STYLES, getPartitionPickerMapConfig(platform), mapConfig), [mapConfig, platform]);
     const svgElementDatas = React.useMemo(() => UnifiedMapDataProcessor.processMapData(mapJson, mergedMapConfig) || {}, [mapJson, mergedMapConfig]);
     /** 地图 Y 轴相对正北的偏移（度），与 MowerMapRenderer.originNorthRotate 一致 */
@@ -32173,7 +32210,7 @@ const MowerPartitionPickerMap = React.forwardRef(({ mapJson, mapConfig, pickerSt
         }
     }, [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,
@@ -32188,7 +32225,6 @@ const MowerPartitionPickerMap = React.forwardRef(({ mapJson, mapConfig, pickerSt
     });
     /** 按模式选取 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;
@@ -32262,18 +32298,18 @@ const MowerPartitionPickerMap = React.forwardRef(({ mapJson, mapConfig, pickerSt
         ...(isMapMode ? {} : layoutStyle),
     }), [isMapMode, layoutStyle, resolvedBackgroundColor, style]);
     /** 地块 + 通道 SVG；Map 模式不在 SVG 内旋转（由 OverlayViewF rotate 处理） */
-    const mapSvgLayer = viewBox && isLayersReady ? (jsxRuntime.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 ? (jsxRuntime.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 })) : null;
     /**
      * 分区标签 + 充电桩 HTML 层。
      * Map 模式：平铺于 overlay 根节点；Standalone：包在 mapOverlayLayer 内做 CSS 旋转。
      */
-    const overlayLayers = viewBox && isLayersReady ? (isMapMode ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PartitionNameLabels, { items: labelItems, selectedIds: selectedIds, labelStyles: mergedPickerStyles.labels, labelMinScreenWidthPx: mergedPickerStyles.labelMinScreenWidthPx, platform: platform, showSelectionOrder: showSelectionOrder, rotation: actureRotate, onHoverChange: handleHoverChange, onBoundaryClick: handleBoundaryClick }), jsxRuntime.jsx(CharginPile, { viewBox: viewBox, rotation: actureRotate })] })) : (jsxRuntime.jsxs("div", { className: styles.mapOverlayLayer, style: mapOverlayLayerStyle, children: [jsxRuntime.jsx(PartitionNameLabels, { items: labelItems, selectedIds: selectedIds, labelStyles: mergedPickerStyles.labels, labelMinScreenWidthPx: mergedPickerStyles.labelMinScreenWidthPx, platform: platform, showSelectionOrder: showSelectionOrder, rotation: actureRotate, onHoverChange: handleHoverChange }), jsxRuntime.jsx(CharginPile, { viewBox: viewBox, rotation: actureRotate, viewRotationMode: "overlay-parent", containerWidth: overlayWidth, containerHeight: overlayHeight })] }))) : null;
+    const overlayLayers = viewBox && isLayersReady ? (isMapMode ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PartitionNameLabels, { items: labelItems, selectedIds: selectedIds, labelStyles: mergedPickerStyles.labels, platform: platform, showSelectionOrder: showSelectionOrder, rotation: actureRotate, onHoverChange: handleHoverChange, onBoundaryClick: handleBoundaryClick }), jsxRuntime.jsx(CharginPile, { viewBox: viewBox, rotation: actureRotate })] })) : (jsxRuntime.jsxs("div", { className: styles.mapOverlayLayer, style: mapOverlayLayerStyle, children: [jsxRuntime.jsx(PartitionNameLabels, { items: labelItems, selectedIds: selectedIds, labelStyles: mergedPickerStyles.labels, platform: platform, showSelectionOrder: showSelectionOrder, rotation: actureRotate, onHoverChange: handleHoverChange }), jsxRuntime.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 (jsxRuntime.jsx(CommonContextProvider, { value: commonValue, children: jsxRuntime.jsx(SvgEditContextProvider, { value: svgEditValue, children: jsxRuntime.jsx(OverlayViewF, { map: mapRef, mapPaneName: "overlayMouseTarget", bounds: googleOverlay.bounds ?? undefined, rotate: actureRotate, zIndex: zIndex, onDraw: googleOverlay.handleOverlayDraw, children: jsxRuntime.jsxs("div", { className: `${styles.googleOverlayRoot} ${className || ''}`, style: containerStyle, onMouseLeave: () => setHoveredId(null), children: [mapSvgLayer, overlayLayers] }) }) }) }));
     }
     /** Standalone 模式：固定容器 + 网格底图 + 双层 SVG / HTML overlay */
-    return (jsxRuntime.jsx(CommonContextProvider, { value: commonValue, children: jsxRuntime.jsx(SvgEditContextProvider, { value: svgEditValue, children: jsxRuntime.jsx("div", { ref: containerRef, className: `${styles.container} ${className || ''}`, "data-viewport-background": "true", style: containerStyle, onMouseLeave: () => setHoveredId(null), children: isLayersReady && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: styles.mapSvgStack, children: [jsxRuntime.jsx(PartitionPickerGridSvg, { viewBox: gridViewBox, gridStyle: mergedPickerStyles.grid }), mapSvgLayer] }), overlayLayers] })) }) }) }));
+    return (jsxRuntime.jsx(CommonContextProvider, { value: commonValue, children: jsxRuntime.jsx(SvgEditContextProvider, { value: svgEditValue, children: jsxRuntime.jsx("div", { ref: containerRef, className: `${styles.container} ${className || ''}`, "data-viewport-background": "true", style: containerStyle, onMouseLeave: () => setHoveredId(null), children: isLayersReady && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: styles.mapSvgStack, children: [jsxRuntime.jsx(PartitionPickerGridSvg, { viewBox: gridViewBox, gridStyle: standaloneGridStyle }), mapSvgLayer] }), overlayLayers] })) }) }) }));
 });
 MowerPartitionPickerMap.displayName = 'MowerPartitionPickerMap';
 

package/dist/render/MowerPartitionPickerMap.d.ts

@@ -11,7 +11,7 @@ import React from 'react';
 import { MowerPartitionPickerMapProps, MowerPartitionPickerMapRef } from './partitionPicker/types';
 export declare const MowerPartitionPickerMap: React.ForwardRefExoticComponent<MowerPartitionPickerMapProps & React.RefAttributes<MowerPartitionPickerMapRef>>;
 export default MowerPartitionPickerMap;
-export type { MowerPartitionPickerMapProps, MowerPartitionPickerMapRef, CssLength } from './partitionPicker/types';
+export type { MowerPartitionPickerMapProps, MowerPartitionPickerMapRef, CssLength, } from './partitionPicker/types';
 export type { PartitionPickerStyleConfig, PartitionPickerBoundaryColors, PartitionPickerLabelStyles, PartitionPickerGridStyle, ResolvedPartitionPickerStyles, } from './partitionPicker/constants';
 export { resolvePartitionPickerStyles, getPartitionPickerColors, getPartitionPickerLabelStyles, PARTITION_PICKER_COLORS_WEB, PARTITION_PICKER_COLORS_H5, PARTITION_PICKER_LABEL_STYLES_WEB, PARTITION_PICKER_LABEL_STYLES_H5, } from './partitionPicker/constants';
 //# sourceMappingURL=MowerPartitionPickerMap.d.ts.map

package/dist/render/MowerPartitionPickerMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MowerPartitionPickerMap.d.ts","sourceRoot":"","sources":["../../src/render/MowerPartitionPickerMap.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAON,MAAM,OAAO,CAAC;AAoBf,OAAO,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAgBnG,eAAO,MAAM,uBAAuB,iHAkZnC,CAAC;AAIF,eAAe,uBAAuB,CAAC;AAEvC,YAAY,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACnH,YAAY,EACV,0BAA0B,EAC1B,6BAA6B,EAC7B,0BAA0B,EAC1B,wBAAwB,EACxB,6BAA6B,GAC9B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,4BAA4B,EAC5B,wBAAwB,EACxB,6BAA6B,EAC7B,2BAA2B,EAC3B,0BAA0B,EAC1B,iCAAiC,EACjC,gCAAgC,GACjC,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"MowerPartitionPickerMap.d.ts","sourceRoot":"","sources":["../../src/render/MowerPartitionPickerMap.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAON,MAAM,OAAO,CAAC;AAoBf,OAAO,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAiBnG,eAAO,MAAM,uBAAuB,iHAwanC,CAAC;AAIF,eAAe,uBAAuB,CAAC;AAEvC,YAAY,EACV,4BAA4B,EAC5B,0BAA0B,EAC1B,SAAS,GACV,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,0BAA0B,EAC1B,6BAA6B,EAC7B,0BAA0B,EAC1B,wBAAwB,EACxB,6BAA6B,GAC9B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,4BAA4B,EAC5B,wBAAwB,EACxB,6BAA6B,EAC7B,2BAA2B,EAC3B,0BAA0B,EAC1B,iCAAiC,EACjC,gCAAgC,GACjC,MAAM,6BAA6B,CAAC"}