@fleet-frontend/mower-maps 0.2.6-beta.2 → 0.2.6-beta.4

package/dist/index.js

@@ -22976,9 +22976,9 @@ const VertexElement = React.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__namespace.createElement("svg", _extends$8({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
@@ -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) {
@@ -26294,15 +26292,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__namespace.createElement("svg", _extends$7({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none"
-  }, props), _g$6 || (_g$6 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#transform-delete_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("circle", {
     cx: 10,
@@ -26325,7 +26323,7 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
     fill: "#fff",
     rx: 0.8,
     transform: "rotate(45 6.323 5.191)"
-  }))), _defs$6 || (_defs$6 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
+  }))), _defs$3 || (_defs$3 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
     id: "transform-delete_svg__b",
     x1: 17.727,
     x2: -1.215,
@@ -26345,15 +26343,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__namespace.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 21,
     height: 20,
     fill: "none"
-  }, props), _g$5 || (_g$5 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#transform-rotate_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "url(#transform-rotate_svg__b)",
@@ -26361,7 +26359,7 @@ var SvgTransformRotate = function SvgTransformRotate(props) {
   }), /*#__PURE__*/React__namespace.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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
+  }))), _defs$2 || (_defs$2 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
     id: "transform-rotate_svg__b",
     x1: 17.84,
     x2: -1.103,
@@ -26381,15 +26379,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__namespace.createElement("svg", _extends$5({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 21,
     height: 20,
     fill: "none"
-  }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#transform-scale_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "url(#transform-scale_svg__b)",
@@ -26397,7 +26395,7 @@ var SvgTransformScale = function SvgTransformScale(props) {
   }), /*#__PURE__*/React__namespace.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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
+  }))), _defs$1 || (_defs$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
     id: "transform-scale_svg__b",
     x1: 17.84,
     x2: -1.103,
@@ -26417,15 +26415,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__namespace.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none"
-  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#transform-translate_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("circle", {
     cx: 10,
@@ -26435,7 +26433,7 @@ var SvgTransformTranslate = function SvgTransformTranslate(props) {
   }), /*#__PURE__*/React__namespace.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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
+  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
     id: "transform-translate_svg__b",
     x1: 17.727,
     x2: -1.215,
@@ -27109,97 +27107,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__namespace.createElement("svg", _extends$3({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#disabled-rotate_svg__a)"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "#fff",
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "#211F1F",
-    fillOpacity: 0.4,
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
-  }), /*#__PURE__*/React__namespace.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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "disabled-rotate_svg__a"
-  }, /*#__PURE__*/React__namespace.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__namespace.createElement("svg", _extends$2({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#disabled-scale_svg__a)"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "#fff",
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "#211F1F",
-    fillOpacity: 0.4,
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0"
-  }), /*#__PURE__*/React__namespace.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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "disabled-scale_svg__a"
-  }, /*#__PURE__*/React__namespace.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__namespace.createElement("svg", _extends$1({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#disabled-translate_svg__a)"
-  }, /*#__PURE__*/React__namespace.createElement("circle", {
-    cx: 8,
-    cy: 8,
-    r: 8,
-    fill: "#fff"
-  }), /*#__PURE__*/React__namespace.createElement("circle", {
-    cx: 8,
-    cy: 8,
-    r: 8,
-    fill: "#211F1F",
-    fillOpacity: 0.4
-  }), /*#__PURE__*/React__namespace.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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "disabled-translate_svg__a"
-  }, /*#__PURE__*/React__namespace.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);
@@ -27398,8 +27305,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
         const infoBoxWidth = 300 * overlayScale; // 信息框宽度
         const infoBoxHeight = 40 * overlayScale; // 信息框高度
         const infoBoxX = centerX - infoBoxWidth / 2; // 居中对齐
-        const circleScale = platform === exports.PlatformType.H5 ? 1.5 * overlayScale : 3 * overlayScale;
-        const disacledScale = circleScale * 1.2;
+        const circleScale = platform === exports.PlatformType.H5 ? 1.5 * overlayScale : 2 * overlayScale;
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.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 === exports.PlatformType.H5
                         ? {
                             onTouchStart: createReactEventHandler((e) => {
@@ -27408,7 +27314,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
                         }
                         : {
                         // onMouseDown: handleMouseDownWithDisabled,
-                        }) }), jsxRuntime.jsx("g", { transform: `translate(${selectionBoxPoints[3].x}, ${selectionBoxPoints[3].y})`, children: jsxRuntime.jsx("g", { transformOrigin: "center", transform: `translate(-${10 * circleScale}, -${10 * circleScale}) scale(${disacledScale})`, children: jsxRuntime.jsx(SvgDisabledRotate, {}) }) }), jsxRuntime.jsx("g", { transform: `translate(${selectionBoxPoints[1].x}, ${selectionBoxPoints[1].y})`, children: jsxRuntime.jsx("g", { transformOrigin: "center", transform: `translate(-${10 * circleScale}, -${10 * circleScale}) scale(${disacledScale})`, children: jsxRuntime.jsx(SvgDisabledTranslate, {}) }) }), jsxRuntime.jsx("g", { transform: `translate(${selectionBoxPoints[2].x}, ${selectionBoxPoints[2].y})`, children: jsxRuntime.jsx("g", { transformOrigin: "center", transform: `translate(-${10 * circleScale}, -${10 * circleScale}) scale(${disacledScale})`, children: jsxRuntime.jsx(SvgDisabledScale, {}) }) }), platform === exports.PlatformType.H5 && (jsxRuntime.jsx("foreignObject", { x: infoBoxX, y: infoBoxY, width: infoBoxWidth, height: infoBoxHeight, style: { textAlign: 'center' }, onClick: () => {
+                        }) }), jsxRuntime.jsx("circle", { cx: selectionBoxPoints[0].x, cy: selectionBoxPoints[0].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsxRuntime.jsx("circle", { cx: selectionBoxPoints[3].x, cy: selectionBoxPoints[3].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsxRuntime.jsx("circle", { cx: selectionBoxPoints[1].x, cy: selectionBoxPoints[1].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), jsxRuntime.jsx("circle", { cx: selectionBoxPoints[2].x, cy: selectionBoxPoints[2].y, r: 10 * circleScale, fill: "#B2B4B9", stroke: "none" }), platform === exports.PlatformType.H5 && (jsxRuntime.jsx("foreignObject", { x: infoBoxX, y: infoBoxY, width: infoBoxWidth, height: infoBoxHeight, style: { textAlign: 'center' }, onClick: () => {
                         onClickInfo?.();
                     }, children: jsxRuntime.jsx("div", { style: {
                             padding: `5px ${10 * overlayScale}px`,
@@ -27428,7 +27334,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
                                 justifyContent: 'center',
                                 gap: '10px',
                                 color: '#325069',
-                            }, children: jsxRuntime.jsxs("div", { children: [locale?.['map.renderer.remainingTime'] || 'Remaining time', ": ", remainingTime] }) }) }) }))] }));
+                            }, children: jsxRuntime.jsxs("div", { children: [locale?.['map.renderer.remainTime'] || 'Remaining time', ": ", remainingTime] }) }) }) }))] }));
     };
     React.useEffect(() => {
         const isMove = isDragging || isRotating || isScaling;
@@ -30864,15 +30770,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 +30798,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 = 100;
+const PARTITION_PICKER_GRID_TILE_SIZE = 10;
 /** 网格线宽（地图坐标；随 zoom 同比缩放，不做屏幕像素恒定） */
-const PARTITION_PICKER_GRID_LINE_WIDTH = 2;
+const PARTITION_PICKER_GRID_LINE_WIDTH = 0.5;
 /** 网格交点圆点半径（地图坐标） */
-const PARTITION_PICKER_GRID_DOT_RADIUS = 4;
+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 = 800;
+const PARTITION_PICKER_GRID_MAX_INTERSECTION_DOTS = 2000;
 /**
  * 分区选择地图专用样式
  *
@@ -30915,37 +30833,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 +30863,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 +30908,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 +30919,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 +30957,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 +30973,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 +30987,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 +31406,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,
@@ -31899,19 +31819,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)
@@ -31934,31 +31851,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,
@@ -31978,7 +31880,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]);
@@ -31990,7 +31892,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) }));
 };
@@ -32030,10 +31932,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,
@@ -32043,18 +31956,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;
             }
@@ -32063,18 +31976,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();
@@ -32089,7 +32005,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 由底图负责
@@ -32100,8 +32016,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 一致 */
@@ -32176,7 +32118,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,
@@ -32191,7 +32133,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;
@@ -32265,18 +32206,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';