@fleet-frontend/mower-maps 0.2.0-beta.3 → 0.2.0-beta.5

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { memo, useMemo, useEffect, useState, useRef, useCallback, createContext, useContext, forwardRef, useImperativeHandle, useLayoutEffect } from 'react';
 import ReactDOM from 'react-dom';
-import { Modal, message, Popover, Input, Switch, Slider, Radio, Button, DatePicker, Select } from 'antd';
+import { Modal, message, Popover, Input, Switch, Slider, Radio, Button, DatePicker, Select, Space } from 'antd';
 
 /**
  * 常量和枚举类型定义
@@ -190,14 +190,13 @@ class ChannelData extends BaseData {
  * 障碍物数据类
  */
 class ObstacleData extends BaseData {
-    constructor(originalData, level, isTimeLimit, style) {
+    constructor(originalData, level, style) {
         const convertedPoints = convertPointsFormat(originalData?.points) || [];
         super(originalData?.id, DataType.OBSTACLE, level, RenderType.POLYGON, convertedPoints, originalData);
         this.area = originalData?.area;
         this.status = originalData?.status || 1;
-        this.startTimestamp = originalData?.start_timestamp;
-        this.endTimestamp = originalData?.end_timestamp;
-        this.isTimeLimit = isTimeLimit;
+        this.start_timestamp = originalData?.start_timestamp;
+        this.end_timestamp = originalData?.end_timestamp;
         this.name = originalData?.name || 'Obstacle';
         this.style = style;
     }
@@ -329,8 +328,8 @@ function initDoodle() {
         svg: '',
         scale: 1,
         direction: 0,
-        create_ts: Date.now(),
-        expiration_ts: Date.now() + 3600000 * 24 * 7, // 1小时后过期
+        create_ts: Math.floor(Date.now() / 1000),
+        expiration_ts: Math.floor(Date.now() / 1000) + 3600 * 24 * 7, // 1小时后过期
         type: 'TIME_LIMIT_OBSTACLE',
     };
     return new DoodleData(doodle, 100);
@@ -616,7 +615,7 @@ class UnifiedMapDataProcessor {
                     continue;
                 }
                 const obstacleData = new ObstacleData(element, 150, // 高层级
-                false, this.mapConfig.obstacle || {});
+                this.mapConfig.obstacle || {});
                 obstacleDataList.push(obstacleData);
             }
             catch (error) {
@@ -746,7 +745,7 @@ class UnifiedMapDataProcessor {
                         continue;
                     }
                     const obstacleData = new ObstacleData(element, 150, // 高层级
-                    true, this.mapConfig.obstacle || {});
+                    this.mapConfig.obstacle || {});
                     obstacleDataList.push(obstacleData);
                 }
             }
@@ -8693,7 +8692,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$i = ".index-module_edit__-5VvX {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  pointer-events: auto;\n  z-index: 1000;\n  cursor: move;\n  touch-action: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.index-module_edit__-5VvX .index-module_border__JdNLM {\n  position: absolute;\n  inset: -10px;\n  border: 2px dashed rgb(241, 102, 41);\n  border-radius: 2px;\n  pointer-events: none;\n}\n.index-module_edit__-5VvX .index-module_drag__uvdPG {\n  position: absolute;\n  inset: -10px;\n  border-radius: 2px;\n}\n.index-module_edit__-5VvX .index-module_rotate__H-KIZ {\n  position: absolute;\n  top: -20px;\n  right: -20px;\n  width: 20px;\n  height: 20px;\n  cursor: grab;\n  z-index: 1001;\n  pointer-events: auto;\n}\n.index-module_edit__-5VvX .index-module_move__mZF8s {\n  position: absolute;\n  bottom: -20px;\n  left: -20px;\n  width: 20px;\n  height: 20px;\n  cursor: move;\n  z-index: 1001;\n  pointer-events: auto;\n  display: none;\n}";
+var css_248z$i = ".index-module_edit__-5VvX {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  pointer-events: auto;\n  z-index: 1000;\n  cursor: move;\n  touch-action: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.index-module_edit__-5VvX .index-module_border__JdNLM {\n  position: absolute;\n  inset: -10px;\n  border: 2px dashed rgb(241, 102, 41);\n  border-radius: 2px;\n  pointer-events: none;\n}\n.index-module_edit__-5VvX .index-module_drag__uvdPG {\n  position: absolute;\n  inset: -10px;\n  border-radius: 2px;\n}\n.index-module_edit__-5VvX .index-module_rotate__H-KIZ {\n  position: absolute;\n  top: -20px;\n  right: -20px;\n  width: 20px;\n  height: 20px;\n  cursor: grab;\n  z-index: 1001;\n  pointer-events: auto;\n}\n.index-module_edit__-5VvX .index-module_move__mZF8s {\n  position: absolute;\n  bottom: -20px;\n  left: -20px;\n  width: 20px;\n  height: 20px;\n  cursor: move;\n  z-index: 1001;\n  pointer-events: auto;\n}";
 var styles$i = {"edit":"index-module_edit__-5VvX","border":"index-module_border__JdNLM","drag":"index-module_drag__uvdPG","rotate":"index-module_rotate__H-KIZ","move":"index-module_move__mZF8s"};
 styleInject(css_248z$i);
 
@@ -8775,8 +8774,10 @@ const DragHandle = ({ onDragStart, isDragging }) => {
             onDragStart(e);
         }, onTouchStart: (e) => onDragStart(e), onMouseUp: (e) => {
             console.log('drag up');
-            onDragEnd(e);
-        }, onTouchEnd: (e) => onDragEnd(e), style: { cursor: isDragging ? 'grabbing' : 'move' }, dangerouslySetInnerHTML: { __html: DEFAULT_DRAG_ICON } }));
+            // onDragEnd(e);
+        }, 
+        // onTouchEnd={(e) => onDragEnd(e)}
+        style: { cursor: isDragging ? 'grabbing' : 'move' }, dangerouslySetInnerHTML: { __html: DEFAULT_DRAG_ICON } }));
 };
 
 const MapDrag = ({ map: _map, dragCallbacks, onBoundaryLabelsCollapse, onTransformChange, isDragMap = false, }) => {
@@ -12513,11 +12514,74 @@ class ObstacleLayer extends BaseLayer {
             }
         }
     }
+    /**
+     * 将坐标点按type分组
+     */
+    groupCoordinatesByType(coordinates) {
+        const segments = [];
+        let currentSegment = null;
+        for (let i = 0; i < coordinates.length; i++) {
+            const coord = coordinates[i];
+            const type = coord[2] || 2; // 默认type为2
+            if (!currentSegment || currentSegment.type !== type) {
+                // 开始新的段
+                if (currentSegment && currentSegment.points.length > 0) {
+                    // 为了连接线段，将当前点也加入上一段的结尾
+                    currentSegment.points.push(coord);
+                }
+                currentSegment = {
+                    type: type,
+                    points: [coord],
+                };
+                segments.push(currentSegment);
+            }
+            else {
+                // 继续当前段
+                currentSegment.points.push(coord);
+            }
+        }
+        // 处理封闭边界：如果第一段和最后一段type相同，需要连接起来
+        if (segments.length > 1 && segments[0].type === segments[segments.length - 1].type) {
+            const firstSegment = segments[0];
+            const lastSegment = segments[segments.length - 1];
+            // 将第一个点添加到最后一段，形成封闭
+            lastSegment.points.push(firstSegment.points[0]);
+        }
+        else if (segments.length === 1) {
+            // 只有一段的情况，添加第一个点到末尾形成封闭
+            segments[0].points.push(coordinates[0]);
+        }
+        return segments;
+    }
     /**
      * 渲染障碍物元素
      */
     renderObstacle(svgGroup, element) {
-        const { coordinates, style } = element;
+        const { coordinates, style, originalData } = element;
+        const { status, start_timestamp, end_timestamp } = originalData || {};
+        if (coordinates.length < 2 || status === 0) {
+            return;
+        }
+        if (status === 1 &&
+            (start_timestamp > Date.now() / 1000 || end_timestamp < Date.now() / 1000)) {
+            return;
+        }
+        // 1. 先遍历所有的coordinates，把所有点分为若干段的path
+        const pathSegments = this.groupCoordinatesByType(coordinates);
+        // 2&3. 根据type处理每个path段
+        pathSegments.forEach((segment) => {
+            if (segment.points.length < 2)
+                return;
+            if (segment.type === 2) {
+                // type=2: 直接添加到svgGroup中
+                this.createDirectPath(svgGroup, segment.points, style);
+            }
+            else if (segment.type === 1) {
+                // type=1: 使用PathMeasure逻辑生成平行路径
+                // this.createDirectPath(svgGroup, segment.points, style);
+                this.createParallelPathsWithMeasure(svgGroup, segment.points, style);
+            }
+        });
         if (coordinates.length < 3)
             return;
         const polygon = document.createElementNS('http://www.w3.org/2000/svg', 'polygon');
@@ -12525,7 +12589,7 @@ class ObstacleLayer extends BaseLayer {
         const points = coordinates.map((coord) => `${coord[0]},${coord[1]}`).join(' ');
         polygon.setAttribute('points', points);
         polygon.setAttribute('fill', style.fillColor || 'rgba(220, 53, 69, 0.2)');
-        polygon.setAttribute('stroke', style.lineColor || '#dc3545');
+        polygon.setAttribute('stroke', 'transparent');
         // 确保最小线条宽度
         const lineWidth = Math.max(style.lineWidth || 2, 0.5);
         polygon.setAttribute('stroke-width', lineWidth.toString());
@@ -12536,6 +12600,113 @@ class ObstacleLayer extends BaseLayer {
         polygon.classList.add('vector-obstacle');
         svgGroup.appendChild(polygon);
     }
+    /**
+     * 创建直接路径（type=2）
+     */
+    createDirectPath(svgGroup, points, style) {
+        const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+        const strokeColor = style.lineColor;
+        // 构建路径数据
+        let pathData = '';
+        for (let i = 0; i < points.length; i++) {
+            const [x, y] = points[i];
+            if (i === 0) {
+                pathData += `M ${x} ${y}`;
+            }
+            else {
+                pathData += ` L ${x} ${y}`;
+            }
+        }
+        path.setAttribute('d', pathData);
+        path.setAttribute('stroke', strokeColor);
+        path.setAttribute('fill', 'none');
+        // 确保最小线条宽度
+        const lineWidth = dp2px(style.lineWidth || 3);
+        path.setAttribute('stroke-width', lineWidth.toString());
+        path.setAttribute('stroke-linecap', 'round');
+        path.setAttribute('stroke-linejoin', 'round');
+        path.setAttribute('opacity', (style.opacity || 1).toString());
+        path.setAttribute('vector-effect', 'non-scaling-stroke');
+        path.classList.add('vector-obstacle');
+        svgGroup.appendChild(path);
+    }
+    /**
+     * 使用PathMeasure逻辑创建平行路径（type=1）
+     */
+    createParallelPathsWithMeasure(svgGroup, points, style) {
+        const strokeColor = style.lineColor;
+        const lineWidth = dp2px(style.lineWidth || 3);
+        // 获取当前SVG的缩放级别，计算固定屏幕像素间距
+        const fixedScreenDistance = lineWidth; // 固定的屏幕像素距离
+        const offsetDistance = fixedScreenDistance; // 转换为SVG坐标系距离
+        // 直接对每个线段生成平行直线段
+        const parallelPaths = this.generateStraightParallelPaths(points, offsetDistance);
+        // 渲染两条平行虚线
+        parallelPaths.forEach((pathData, index) => {
+            if (!pathData)
+                return;
+            const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+            path.setAttribute('d', pathData);
+            path.setAttribute('fill', 'none');
+            path.setAttribute('stroke', strokeColor);
+            path.setAttribute('stroke-width', lineWidth.toString());
+            path.setAttribute('stroke-linecap', 'round');
+            path.setAttribute('stroke-linejoin', 'round');
+            path.setAttribute('opacity', (style.opacity || 1).toString());
+            // 使用CSS样式设置虚线，避免随SVG缩放变化
+            // 或者可以根据当前缩放级别动态计算dash array
+            path.style.strokeDasharray = `${lineWidth}px ${lineWidth * 2}px`;
+            path.classList.add(`vector-boundary-parallel-${index + 1}`);
+            svgGroup.appendChild(path);
+        });
+    }
+    /**
+     * 生成直线平行路径（每个线段分别处理）
+     */
+    generateStraightParallelPaths(points, offsetDistance) {
+        if (points.length < 2)
+            return ['', ''];
+        let parallelPath1Data = '';
+        let parallelPath2Data = '';
+        // 对每个线段分别计算平行线
+        for (let i = 0; i < points.length - 1; i++) {
+            const startPoint = points[i];
+            const endPoint = points[i + 1];
+            // 计算线段的方向向量
+            const dx = endPoint[0] - startPoint[0];
+            const dy = endPoint[1] - startPoint[1];
+            const length = Math.sqrt(dx * dx + dy * dy);
+            if (length === 0)
+                continue; // 跳过零长度线段
+            // 标准化方向向量
+            const unitX = dx / length;
+            const unitY = dy / length;
+            // 计算垂直向量
+            const perpendicularX = -unitY;
+            const perpendicularY = unitX;
+            // 计算平行线的起点和终点
+            const start1X = startPoint[0] + perpendicularX * offsetDistance;
+            const start1Y = startPoint[1] + perpendicularY * offsetDistance;
+            const end1X = endPoint[0] + perpendicularX * offsetDistance;
+            const end1Y = endPoint[1] + perpendicularY * offsetDistance;
+            const start2X = startPoint[0] - perpendicularX * offsetDistance;
+            const start2Y = startPoint[1] - perpendicularY * offsetDistance;
+            const end2X = endPoint[0] - perpendicularX * offsetDistance;
+            const end2Y = endPoint[1] - perpendicularY * offsetDistance;
+            // 构建路径数据
+            if (i === 0) {
+                parallelPath1Data = `M ${start1X} ${start1Y}`;
+                parallelPath2Data = `M ${start2X} ${start2Y}`;
+            }
+            else {
+                parallelPath1Data += ` M ${start1X} ${start1Y}`;
+                parallelPath2Data += ` M ${start2X} ${start2Y}`;
+            }
+            parallelPath1Data += ` L ${end1X} ${end1Y}`;
+            parallelPath2Data += ` L ${end2X} ${end2Y}`;
+        }
+        return [parallelPath2Data, parallelPath1Data];
+    }
 }
 
 var chargingPileImage = "data:image/png;base64,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";
@@ -15018,15 +15189,15 @@ const VertexElement = React__default.memo(({ r, stroke, ...props }) => {
     return (jsx("circle", { r: radius * overlayScale, stroke: stroke || '#fff', fill: '#fff', strokeWidth: 2 * overlayScale, ...props }));
 });
 
-var _path$c;
-function _extends$k() { return _extends$k = 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$k.apply(null, arguments); }
+var _path$b;
+function _extends$j() { return _extends$j = 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$j.apply(null, arguments); }
 var SvgDelete$1 = function SvgDelete(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$k({
+  return /*#__PURE__*/React.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     fill: "none"
-  }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
     fill: "#FD494D",
     d: "M6.667 12a.667.667 0 0 0 .666-.667v-4a.667.667 0 1 0-1.333 0v4a.667.667 0 0 0 .667.667m6.666-8h-2.666v-.667a2 2 0 0 0-2-2H7.333a2 2 0 0 0-2 2V4H2.667a.667.667 0 0 0 0 1.333h.666v7.334a2 2 0 0 0 2 2h5.334a2 2 0 0 0 2-2V5.333h.666a.667.667 0 1 0 0-1.333m-6.666-.667a.667.667 0 0 1 .666-.666h1.334a.667.667 0 0 1 .666.666V4H6.667zm4.666 9.334a.667.667 0 0 1-.666.666H5.333a.667.667 0 0 1-.666-.666V5.333h6.666zm-2-.667a.667.667 0 0 0 .667-.667v-4a.667.667 0 0 0-1.333 0v4a.667.667 0 0 0 .666.667"
   })));
@@ -15199,6 +15370,7 @@ var MobileEditMode;
 })(MobileEditMode || (MobileEditMode = {}));
 var ClickEventType;
 (function (ClickEventType) {
+    // 点击doodle的active time的时候触发
     ClickEventType["DOODLE_ACTIVE_TIME"] = "doodleActiveTime";
 })(ClickEventType || (ClickEventType = {}));
 const INIT_EDIT_MAP_INFO = {
@@ -15561,7 +15733,7 @@ const useCheckElement = () => {
         return { isValid: true };
     }, [editMapInfo, svgElementDatas, minDistance]);
     const checkCanNotCreateAtPosition = useCallback((checkPoint) => {
-        // console.log('editMapInfo.elementType--->', editMapInfo.elementType);
+        console.log('editMapInfo.elementType--->', editMapInfo.elementType);
         if (!editMapInfo.elementType)
             return false;
         const points = editMapInfo?.selectElement?.points || [];
@@ -15951,17 +16123,13 @@ const PolygonElement = ({ points, fillColor = 'rgba(0, 0, 0, 0.1)', fillOpacity
         console.log('handleMouseUp', JSON.stringify(dragState));
         if (dragState.isDragging && dragState.currentPosition) {
             // 构建新的坐标数组
-            const newCoordinates = editMapInfo?.createMode === CreateStatus.CREATING
-                ? [...coordinates]
-                : [...coordinates].reverse();
+            const newCoordinates = [...coordinates];
             // 如果是新创建的顶点，需要确保它已经被插入
             if (dragState.dragType === 'new' && dragState.newVertexIndex !== -1) {
                 if (showNotCreateCursor) ;
                 else {
                     // mouseUp 时才真正插入新顶点
                     newCoordinates.splice(dragState.newVertexIndex, 0, dragState.currentPosition);
-                    // 通知外部坐标变化
-                    onCoordinatesChange?.(newCoordinates);
                 }
             }
             else {
@@ -15972,9 +16140,11 @@ const PolygonElement = ({ points, fillColor = 'rgba(0, 0, 0, 0.1)', fillOpacity
                 else {
                     newCoordinates[dragState.dragIndex] = dragState.currentPosition;
                 }
-                // 通知外部坐标变化
-                onCoordinatesChange?.(newCoordinates);
             }
+            const result = editMapInfo?.createMode === CreateStatus.CREATING
+                ? newCoordinates
+                : newCoordinates.reverse();
+            onCoordinatesChange?.(result);
         }
         setDragState({
             isDragging: false,
@@ -16067,7 +16237,6 @@ const PolygonElement = ({ points, fillColor = 'rgba(0, 0, 0, 0.1)', fillOpacity
     const ghostFirstMidpoint = createMode && mousePos && !completed && renderCoordinates.length >= 1
         ? calculateMidpoint(renderCoordinates[0], [mousePos.x, mousePos.y])
         : null;
-    console.log('ghostFirstMidpoint', ghostFirstMidpoint, ghostFirstDistance);
     return (jsxs(Fragment, { children: [(editMode || (createMode && completed)) &&
                 dragState.isDragging &&
                 dragState.dragType !== 'new' &&
@@ -16191,7 +16360,8 @@ const PolygonElement = ({ points, fillColor = 'rgba(0, 0, 0, 0.1)', fillOpacity
                                     if (onVertexDelete &&
                                         (editMode || (createMode && completed)) &&
                                         coordinates.length > 3) {
-                                        onVertexDelete(idx);
+                                        // 当前是逆时针展示的，但是外部数据是顺时针的，所以idx需要转换一下
+                                        onVertexDelete(renderCoordinates?.length - 1 - idx);
                                     }
                                     setTooltipIndex(null);
                                 }, style: { cursor: 'pointer' }, children: [jsx("rect", { x: 0, y: -24, width: 20, height: 20, rx: 2, ry: 2, fill: "#fff", strokeWidth: 1, filter: "url(#vertex-tooltip-shadow)" }), jsx("g", { transform: `translate(2, -22)`, children: jsx(SvgDelete$1, {}) })] })), canComplete && (jsx("g", { style: { pointerEvents: 'none' }, transform: `translate(${coord[0] - 5 * overlayScale * 3}, ${coord[1] - 2.5 * overlayScale * 3}) scale(${overlayScale * 3})`, children: jsx("svg", { width: "10", height: "5", viewBox: "0 0 6 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M0.5 2.5L1.3452 3.3452C1.71469 3.71469 2.30636 3.73741 2.7031 3.39735L5.5 1", stroke: "#FF7A33", "stroke-linecap": "round" }) }) })
@@ -16883,9 +17053,9 @@ const useVisionOffTransform = (data, scaleConstraints
 };
 
 var _g$7, _defs$7;
-function _extends$j() { return _extends$j = 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$j.apply(null, arguments); }
+function _extends$i() { return _extends$i = 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$i.apply(null, arguments); }
 var SvgTransformDelete = function SvgTransformDelete(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$j({
+  return /*#__PURE__*/React.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
@@ -16934,9 +17104,9 @@ var SvgTransformDelete = function SvgTransformDelete(props) {
 };
 
 var _g$6, _defs$6;
-function _extends$i() { return _extends$i = 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$i.apply(null, arguments); }
+function _extends$h() { return _extends$h = 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$h.apply(null, arguments); }
 var SvgTransformRotate = function SvgTransformRotate(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$i({
+  return /*#__PURE__*/React.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 21,
     height: 20,
@@ -16970,9 +17140,9 @@ var SvgTransformRotate = function SvgTransformRotate(props) {
 };
 
 var _g$5, _defs$5;
-function _extends$h() { return _extends$h = 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$h.apply(null, arguments); }
+function _extends$g() { return _extends$g = 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$g.apply(null, arguments); }
 var SvgTransformScale = function SvgTransformScale(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$h({
+  return /*#__PURE__*/React.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 21,
     height: 20,
@@ -17006,9 +17176,9 @@ var SvgTransformScale = function SvgTransformScale(props) {
 };
 
 var _g$4, _defs$4;
-function _extends$g() { return _extends$g = 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$g.apply(null, arguments); }
+function _extends$f() { return _extends$f = 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$f.apply(null, arguments); }
 var SvgTransformTranslate = function SvgTransformTranslate(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$g({
+  return /*#__PURE__*/React.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
@@ -17186,8 +17356,8 @@ const VisionOffTransformWrapper = ({ data, isSelected = false, onSelect, onCance
                     const centerX = (minX + maxX) / 2;
                     // 计算尺寸显示框的位置（选择框下方）
                     const infoBoxY = maxY + 20; // 选择框下方20像素
-                    const infoBoxWidth = 140; // 信息框宽度
-                    const infoBoxHeight = 30; // 信息框高度
+                    const infoBoxWidth = 140 * overlayScale; // 信息框宽度
+                    const infoBoxHeight = 30 * overlayScale; // 信息框高度
                     const infoBoxX = centerX - infoBoxWidth / 2; // 居中对齐
                     const scale = (isWeb ? 2 : 1) * overlayScale;
                     const offsetLeft = 10 * scale;
@@ -17241,6 +17411,7 @@ const VisionOffTransformWrapper = ({ data, isSelected = false, onSelect, onCance
                                         fontSize: '12px',
                                         color: 'white',
                                         fontWeight: '400',
+                                        // transform: `translate(0, ${50 * overlayScale}px) scale(${overlayScale})`,
                                     }, children: [dimensions.height, "m \u00D7 ", dimensions.width, "m"] }) }))] }));
                 })()] }));
 };
@@ -17664,8 +17835,8 @@ const useDoodleTransform = (data, onTransformChange, options) => {
         const scaledHeight = height * currentScale;
         // 转换为米单位（假设SVG坐标单位是米）
         // 这里可以根据实际的地图比例尺进行调整
-        const widthInMeters = scaledWidth;
-        const heightInMeters = scaledHeight;
+        const widthInMeters = scaledWidth / SCALE_FACTOR;
+        const heightInMeters = scaledHeight / SCALE_FACTOR;
         return {
             width: Math.round(widthInMeters * 100) / 100, // 保留2位小数
             height: Math.round(heightInMeters * 100) / 100, // 保留2位小数
@@ -17697,15 +17868,15 @@ const useDoodleTransform = (data, onTransformChange, options) => {
     };
 };
 
-var _path$b;
-function _extends$f() { return _extends$f = 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$f.apply(null, arguments); }
+var _path$a;
+function _extends$e() { return _extends$e = 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$e.apply(null, arguments); }
 var SvgTransformArrow = function SvgTransformArrow(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$f({
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 7,
     height: 11,
     fill: "none"
-  }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     d: "M2.156 1.032a.777.777 0 0 0-1.061 0 .69.69 0 0 0-.062.943l.062.068 3.97 3.78-3.97 3.78a.69.69 0 0 0-.062.944l.062.067c.27.257.696.277.99.06l.07-.06 4.5-4.286a.69.69 0 0 0 .063-.943l-.062-.067z",
     opacity: 0.5
@@ -17767,7 +17938,7 @@ const DoodleTransform = ({ data, isSelected: _isSelected, onSelect }) => {
 };
 
 const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOperation = false, onSelect, onCancel, onTransformChange, disabled = false, className = '', minScale, onMinScaleReached, onDragMove, onDragEnd, showInfo = true, onClickInfo, }) => {
-    const { platform } = useCommonContext();
+    const { platform, overlayScale } = useCommonContext();
     // 使用自定义hook管理所有变换逻辑
     const { currentCenter, currentScale, currentDirection, isDragging, isRotating, isScaling, initializeTransform, calculateSelectionBoxPoints, handleMouseDown, handleRotateStart, handleScaleStart, handleMouseMove, handleMouseUp, containerRef, dimensions, } = useDoodleTransform(data, onTransformChange, {
         minScale,
@@ -17789,16 +17960,20 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
     }, [data?.svg, currentCenter, currentScale, currentDirection]);
     const isWeb = useMemo(() => platform === 'web', [platform]);
     const activeTime = useMemo(() => {
-        // 如果当前时间在有效期范围，则显示有效期，否则显示0
-        const now = Date.now();
-        console.log('now------->', now);
-        console.log('data.create_ts------->', data.create_ts);
-        console.log('data.expiration_ts------->', data.expiration_ts);
-        if (data.create_ts <= now && data.expiration_ts >= now) {
-            return Math.floor((data.expiration_ts - now) / (60 * 60 * 24 * 1000));
+        if (data.create_ts && data.expiration_ts) {
+            return Math.floor((data.expiration_ts - data.create_ts) / (60 * 60 * 24));
         }
         return 0;
     }, [data]);
+    const remainingTime = useMemo(() => {
+        const currentTime = Math.floor(Date.now() / 1000);
+        console.log('data.expiration_ts--', data.expiration_ts);
+        if (data.expiration_ts <= currentTime) {
+            return 0;
+        }
+        // 保留一位小数
+        return ((currentTime - data.expiration_ts) / (24 * 60 * 60)).toFixed(1);
+    }, [data]);
     // 初始化变换状态
     useEffect(() => {
         initializeTransform();
@@ -17879,7 +18054,18 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
     };
     const selectionBoxWithoutOperation = () => {
         const selectionBoxPoints = calculateSelectionBoxPoints();
-        return (jsxs(Fragment, { children: [jsx("polygon", { points: selectionBoxPoints.map((point) => `${point.x},${point.y}`).join(' '), fill: "none", stroke: "#9EA6BA", strokeWidth: "2", strokeDasharray: "5,5", vectorEffect: "non-scaling-stroke", style: { cursor: 'move' }, ...(platform === PlatformType.H5
+        // 计算选择框的边界
+        const minX = Math.min(...selectionBoxPoints.map((p) => p.x));
+        const maxX = Math.max(...selectionBoxPoints.map((p) => p.x));
+        const maxY = Math.max(...selectionBoxPoints.map((p) => p.y));
+        // 计算选择框的中心
+        const centerX = (minX + maxX) / 2;
+        // 计算尺寸显示框的位置（选择框下方）
+        const infoBoxY = maxY + 20; // 选择框下方20像素
+        const infoBoxWidth = 140 * overlayScale; // 信息框宽度
+        const infoBoxHeight = 100 * overlayScale; // 信息框高度
+        const infoBoxX = centerX - infoBoxWidth / 2; // 居中对齐
+        return (jsxs(Fragment, { children: [jsx("polygon", { points: selectionBoxPoints.map((point) => `${point.x},${point.y}`).join(' '), fill: "none", stroke: "#B2B4B9", strokeWidth: "2", strokeDasharray: "5,5", vectorEffect: "non-scaling-stroke", style: { cursor: 'move' }, ...(platform === PlatformType.H5
                         ? {
                             onTouchStart: createReactEventHandler((e) => {
                                 handleMouseDownWithDisabled(e);
@@ -17887,7 +18073,26 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
                         }
                         : {
                             onMouseDown: handleMouseDownWithDisabled,
-                        }) }), jsx("circle", { cx: selectionBoxPoints[0].x, cy: selectionBoxPoints[0].y, r: "6", fill: "#9EA6BA", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[3].x, cy: selectionBoxPoints[3].y, r: "6", fill: "#9EA6BA", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[1].x, cy: selectionBoxPoints[1].y, r: "6", fill: "#9EA6BA", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[2].x, cy: selectionBoxPoints[2].y, r: "6", fill: "#9EA6BA", stroke: "none" })] }));
+                        }) }), jsx("circle", { cx: selectionBoxPoints[0].x, cy: selectionBoxPoints[0].y, r: 10 * overlayScale, fill: "#B2B4B9", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[3].x, cy: selectionBoxPoints[3].y, r: 10 * overlayScale, fill: "#B2B4B9", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[1].x, cy: selectionBoxPoints[1].y, r: 10 * overlayScale, fill: "#B2B4B9", stroke: "none" }), jsx("circle", { cx: selectionBoxPoints[2].x, cy: selectionBoxPoints[2].y, r: 10 * overlayScale, fill: "#B2B4B9", stroke: "none" }), jsx("foreignObject", { x: infoBoxX, y: infoBoxY, width: infoBoxWidth, height: infoBoxHeight, style: { textAlign: 'center' }, onClick: () => {
+                        onClickInfo?.();
+                    }, children: jsx("div", { style: {
+                            padding: '5px 6px',
+                            background: 'rgba(201, 209, 218, 1)',
+                            borderRadius: '10px',
+                            display: 'inline-flex',
+                            flexDirection: 'column',
+                            alignItems: 'flex-start',
+                            justifyContent: 'center',
+                            fontSize: '12px',
+                            color: 'white',
+                            fontWeight: '400',
+                            // transform: `translate(0, ${50 * overlayScale}px) scale(${overlayScale})`,
+                        }, children: jsx("div", { style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                gap: '10px',
+                            }, children: jsxs("div", { children: ["Remaining Time: ", remainingTime] }) }) }) })] }));
     };
     useEffect(() => {
         const isMove = isDragging || isRotating || isScaling;
@@ -17935,10 +18140,10 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
                     const centerX = (minX + maxX) / 2;
                     // 计算尺寸显示框的位置（选择框下方）
                     const infoBoxY = maxY + 20; // 选择框下方20像素
-                    const infoBoxWidth = 140; // 信息框宽度
-                    const infoBoxHeight = 50; // 信息框高度
+                    const infoBoxWidth = 140 * overlayScale; // 信息框宽度
+                    const infoBoxHeight = 100 * overlayScale; // 信息框高度
                     const infoBoxX = centerX - infoBoxWidth / 2; // 居中对齐
-                    const scale = isWeb ? 2 : 1;
+                    const scale = (isWeb ? 2 : 1) * overlayScale;
                     const offsetLeft = 10 * scale;
                     return (jsxs(Fragment, { children: [jsx("polygon", { points: selectionBoxPoints.map((point) => `${point.x},${point.y}`).join(' '), fill: "none", stroke: "#9EA6BA", strokeWidth: "2", strokeDasharray: "5,5", vectorEffect: "non-scaling-stroke", style: { cursor: 'move' }, ...(platform === PlatformType.H5
                                     ? {
@@ -17993,6 +18198,7 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
                                         fontSize: '12px',
                                         color: 'white',
                                         fontWeight: '400',
+                                        // transform: `translate(0, ${50 * overlayScale}px) scale(${overlayScale})`,
                                     }, children: [jsxs("div", { children: [dimensions.height, "m \u00D7 ", dimensions.width, "m"] }), jsxs("div", { style: {
                                                 display: 'flex',
                                                 alignItems: 'center',
@@ -18003,9 +18209,9 @@ const DoodleTransformWrapper = ({ data, isSelected = false, isSelectedWithoutOpe
 };
 
 const DoodleElement = ({ data }) => {
-    const { editMapInfo, setEditMapInfo, onHandleEnterRecord, onClickEvent } = useMapEditContext();
+    const { editMapInfo, setEditMapInfo, onHandleEnterRecord, onHandleEvent } = useMapEditContext();
     const { addHistory } = useHistoryHandle();
-    const { platform } = useCommonContext();
+    const { platform, doodleList } = useCommonContext();
     const isSelected = useMemo(() => {
         if (platform === PlatformType.H5) {
             if (editMapInfo.mobileMode !== MobileEditMode.START &&
@@ -18022,6 +18228,23 @@ const DoodleElement = ({ data }) => {
         }
         return data;
     }, [data, editMapInfo?.selectElement]);
+    const minScale = useMemo(() => {
+        const doodleInfo = doodleList?.find((item) => {
+            // 移除所有空白字符(包括\n、\r、\t等)进行比较
+            const normalizedItemSvg = item.svgStr?.replace(/[\s\n\r\t]+/g, '').replace(/\\n/g, '');
+            const normalizedOriginSvg = originData.svg?.replace(/[\s\n\r\t]+/g, '').replace(/\\n/g, '');
+            // console.log('normalizedItemSvg--->', normalizedItemSvg, normalizedOriginSvg);
+            return normalizedItemSvg === normalizedOriginSvg;
+        });
+        console.log('doodleList--->', doodleList, originData, doodleInfo);
+        if (!doodleInfo) {
+            return 1;
+        }
+        const minLength = doodleInfo?.minLength;
+        const parseSvg = SvgParserNative.parseSvg(originData.svg);
+        const svgMinLength = parseSvg.height / SCALE_FACTOR;
+        return minLength / svgMinLength;
+    }, [doodleList, originData]);
     const isSelectedWithoutOperation = useMemo(() => {
         if (platform === PlatformType.H5) {
             if (editMapInfo.mobileMode === MobileEditMode.START &&
@@ -18100,8 +18323,8 @@ const DoodleElement = ({ data }) => {
         }));
     }, []);
     const handleClickInfo = useCallback(() => {
-        onClickEvent?.(ClickEventType.DOODLE_ACTIVE_TIME);
-    }, [onClickEvent]);
+        onHandleEvent?.(ClickEventType.DOODLE_ACTIVE_TIME);
+    }, [onHandleEvent]);
     // const handleDragMove = useCallback(
     //   (data: DoodleData) => {
     //     setEditMapInfo((prev: EditMapInfo) => ({
@@ -18129,7 +18352,8 @@ const DoodleElement = ({ data }) => {
             },
         });
     }, [transformedElements]);
-    return (jsx(DoodleTransformWrapper, { data: originData, onTransformChange: handleTransformChange, isSelected: isSelected, isSelectedWithoutOperation: isSelectedWithoutOperation, onSelect: handleSelect, onCancel: handleCancel, onDragEnd: handleDragEnd, showInfo: platform === PlatformType.H5, onClickInfo: handleClickInfo }));
+    console.log('originData--->', originData, minScale);
+    return (jsx(DoodleTransformWrapper, { data: originData, onTransformChange: handleTransformChange, isSelected: isSelected, isSelectedWithoutOperation: isSelectedWithoutOperation, onSelect: handleSelect, onCancel: handleCancel, onDragEnd: handleDragEnd, showInfo: platform === PlatformType.H5, onClickInfo: handleClickInfo, minScale: minScale }));
 };
 
 const SvgElement = React__default.memo(({ type, data, interactive = false }) => {
@@ -19363,27 +19587,37 @@ const getScreenCenterSvgPoint = (svgElement, mapInstance) => {
  */
 const CreateObstacleElement = forwardRef(({ enabled = false, svgElement, onPointsChange, styles, points }, ref) => {
     const { mapRef } = useCommonContext();
+    const { checkCanNotCreateAtPosition } = useCheckElement();
     // 使用固定的样式，确保能正常渲染
     // 在十字准心位置添加点
     const addPoint = useCallback(() => {
         if (!enabled || !svgElement) {
             console.warn('未启用创建模式或SVG元素不存在');
-            return false;
+            return { isValid: false, reason: '未启用创建模式或SVG元素不存在' };
         }
         if (!mapRef) {
             console.warn('地图实例不存在');
-            return false;
+            return { isValid: false, reason: '地图实例不存在' };
         }
         const centerPoint = getScreenCenterSvgPoint(svgElement, mapRef);
         if (!centerPoint) {
             console.warn('无法获取屏幕中心点的SVG坐标或点不在SVG可见区域内');
-            // 可以在这里添加用户友好的提示，比如显示toast消息
-            // window.alert('十字准心位置不在地图可见区域内，请调整地图位置后再试');
-            return false;
+            return { isValid: false, reason: '无法获取屏幕中心点的SVG坐标或点不在SVG可见区域内' };
+        }
+        console.error('centerPoint--->', centerPoint);
+        console.error('checkCanNotCreateAtPosition--->', checkCanNotCreateAtPosition(centerPoint));
+        // 校验是否能打点
+        if (checkCanNotCreateAtPosition(centerPoint)) {
+            return {
+                isValid: false,
+                reason: '无法获取屏幕中心点的SVG坐标或点不在SVG可见区域内',
+            };
         }
         const newPoints = [...points, centerPoint];
         onPointsChange?.(newPoints);
-        return true;
+        return {
+            isValid: true,
+        };
     }, [enabled, svgElement, mapRef, points, onPointsChange]);
     // 撤销最后一个点
     const undoLastPoint = useCallback(() => {
@@ -19473,7 +19707,7 @@ const SvgEditMap = forwardRef(({ mapJson, mapConfig, editMap, onEditInfoMapChang
     const { editMapInfo, setEditMapInfo } = useMapEditContext();
     const { getVisionOffPoints, centerPoint } = useCreateVisionOffElement();
     const { svgElementDatas } = useSvgEditContext();
-    const { checkCanNotCreateAtPosition } = useCheckElement();
+    const { checkCanNotCreateAtPosition, checkDoodle } = useCheckElement();
     const svgRef = useRef(null);
     const containerRef = useRef(null);
     const { platform } = useCommonContext();
@@ -19607,7 +19841,7 @@ const SvgEditMap = forwardRef(({ mapJson, mapConfig, editMap, onEditInfoMapChang
         getEditMapInfo,
         // 十字准心点管理器方法
         addCreateObstaclePoint: () => {
-            return pointManagerRef.current?.addPoint();
+            return pointManagerRef.current?.addPoint?.();
         },
         undoCreateObstaclePoint: () => {
             pointManagerRef.current?.undoLastPoint();
@@ -19629,6 +19863,7 @@ const SvgEditMap = forwardRef(({ mapJson, mapConfig, editMap, onEditInfoMapChang
         clearHistory,
         addHistory,
         addDoodle,
+        checkDoodle: () => checkDoodle?.(),
     }));
     // 初始化多边形绘制 Hook
     const { onSvgClick, onSvgMouseMove, onPointClick, points, completed, mousePos, updatePoints } = usePolygonDrawing({ createMode: isCreating });
@@ -19748,10 +19983,10 @@ var css_248z$c = ".index-module_addEntry__QsQHD {\n  position: absolute;\n  righ
 var styles$c = {"addEntry":"index-module_addEntry__QsQHD","icon":"index-module_icon__qIgA4","addItem":"index-module_addItem__mglwZ","label":"index-module_label__QqZ-9"};
 styleInject(css_248z$c);
 
-var _rect$2, _path$a, _defs$3;
-function _extends$e() { return _extends$e = 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$e.apply(null, arguments); }
+var _rect$2, _path$9, _defs$3;
+function _extends$d() { return _extends$d = 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$d.apply(null, arguments); }
 var SvgAddEntry = function SvgAddEntry(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$e({
+  return /*#__PURE__*/React.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -19779,7 +20014,7 @@ var SvgAddEntry = function SvgAddEntry(props) {
       height: "100%",
       width: "100%"
     }
-  })), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+  })), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
     fill: "#1F1F1F",
     stroke: "url(#add-entry_svg__c)",
     strokeWidth: 0.3,
@@ -19819,15 +20054,15 @@ var SvgAddEntry = function SvgAddEntry(props) {
   })))));
 };
 
-var _path$9, _path2$3, _path3;
-function _extends$d() { return _extends$d = 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$d.apply(null, arguments); }
+var _path$8, _path2$3, _path3;
+function _extends$c() { return _extends$c = 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$c.apply(null, arguments); }
 var SvgBoundary = function SvgBoundary(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$d({
+  return /*#__PURE__*/React.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     fill: "none"
-  }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
     fill: "#1DBEAC",
     fillRule: "evenodd",
     d: "M3.385 2h9.23C13.38 2 14 2.62 14 3.385v9.23C14 13.38 13.38 14 12.615 14h-9.23C2.62 14 2 13.38 2 12.615v-9.23C2 2.62 2.62 2 3.385 2m9.692 1.385a.46.46 0 0 0-.462-.462h-9.23a.46.46 0 0 0-.462.462v9.23c0 .255.207.462.462.462h9.23a.46.46 0 0 0 .462-.462z",
@@ -19845,15 +20080,15 @@ var SvgBoundary = function SvgBoundary(props) {
   })));
 };
 
-var _path$8, _path2$2, _rect$1, _rect2$1;
-function _extends$c() { return _extends$c = 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$c.apply(null, arguments); }
+var _path$7, _path2$2, _rect$1, _rect2$1;
+function _extends$b() { return _extends$b = 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$b.apply(null, arguments); }
 var SvgLimitIsland = function SvgLimitIsland(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$c({
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     fill: "none"
-  }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
     fill: "#FFA077",
     d: "M11.725 6.714c-1.019-.137-2.516-1.488-1.9-2.14.588-.621 1.91.344 1.9 2.14"
   })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
@@ -19879,9 +20114,9 @@ var SvgLimitIsland = function SvgLimitIsland(props) {
 };
 
 var _rect, _rect2, _rect3, _rect4, _g$3;
-function _extends$b() { return _extends$b = 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$b.apply(null, arguments); }
+function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
 var SvgVisionFence = function SvgVisionFence(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$b({
+  return /*#__PURE__*/React.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
@@ -19934,9 +20169,9 @@ var SvgVisionFence = function SvgVisionFence(props) {
 };
 
 var _g$2, _defs$2;
-function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
+function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
 var SvgDoodle = function SvgDoodle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$a({
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
@@ -20045,25 +20280,10 @@ const CustomModal = ({ children, titleCenter, hasMinHeight, height, ...props })
         }), cancelButtonProps: { color: 'primary', variant: 'outlined' }, cancelText: 'Cancel', ...props, children: children }));
 };
 
-var css_248z$a = ".index-module_doodleModal__EGNPW .index-module_title__ViZuB {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: rgb(29, 29, 29);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  max-height: 230px;\n  overflow-y: auto;\n  width: 470px;\n  margin: 20px auto 0;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 {\n  width: 70px;\n  height: 70px;\n  padding: 10px;\n  border-radius: 8px;\n  cursor: pointer;\n  border: 2px solid transparent;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  position: relative;\n  background: rgb(233, 242, 241);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7.index-module_active__1OHfd {\n  border: 2px solid rgb(110, 220, 207);\n  background-color: rgba(110, 220, 207, 0.1);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7.index-module_active__1OHfd .index-module_selectIcon__EFQF- {\n  display: block;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 .index-module_svgImage__2OT8- {\n  width: 100%;\n  height: 100%;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 .index-module_svgImage__2OT8- svg {\n  width: 100%;\n  height: 100%;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 .index-module_selectIcon__EFQF- {\n  position: absolute;\n  bottom: 4px;\n  right: 4px;\n  display: none;\n}";
-var styles$a = {"doodleModal":"index-module_doodleModal__EGNPW","title":"index-module_title__ViZuB","content":"index-module_content__h-60T","item":"index-module_item__dvoq7","active":"index-module_active__1OHfd","selectIcon":"index-module_selectIcon__EFQF-","svgImage":"index-module_svgImage__2OT8-"};
+var css_248z$a = ".index-module_doodleModal__EGNPW .index-module_title__ViZuB {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: rgb(29, 29, 29);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  max-height: 230px;\n  overflow-y: auto;\n  width: 470px;\n  margin: 20px auto 0;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 {\n  width: 70px;\n  height: 70px;\n  padding: 10px;\n  border-radius: 8px;\n  cursor: pointer;\n  border: 2px solid transparent;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  position: relative;\n  background: rgb(233, 242, 241);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7.index-module_active__1OHfd {\n  border: 2px solid #ff5a00;\n  background-color: rgba(110, 220, 207, 0.1);\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7.index-module_active__1OHfd .index-module_selectIcon__EFQF- {\n  display: block;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 .index-module_svgImage__2OT8- {\n  width: 100%;\n  height: 100%;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 .index-module_svgImage__2OT8- svg {\n  width: 100%;\n  height: 100%;\n}\n.index-module_doodleModal__EGNPW .index-module_content__h-60T .index-module_item__dvoq7 .index-module_selectIcon__EFQF- {\n  position: absolute;\n  bottom: 4px;\n  right: 4px;\n  display: none;\n}";
+var styles$a = {"doodleModal":"index-module_doodleModal__EGNPW","title":"index-module_title__ViZuB","content":"index-module_content__h-60T","item":"index-module_item__dvoq7","active":"index-module_active__1OHfd","svgImage":"index-module_svgImage__2OT8-"};
 styleInject(css_248z$a);
 
-var _path$7;
-function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
-var SvgSelect = function SvgSelect(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$9({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 14,
-    height: 12,
-    fill: "none"
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
-    stroke: "#6EDCCF",
-    strokeWidth: 2,
-    d: "m1 7.5 4 3L12.5 1"
-  })));
-};
-
 const DoodleModal = ({ open, onSelect, setOpen, doodleList, centerPoint }) => {
     const { editMapInfo, setEditMapInfo, onHandleEnterRecord } = useMapEditContext();
     const [selectedDoodle, setSelectedDoodle] = useState(null);
@@ -20081,7 +20301,7 @@ const DoodleModal = ({ open, onSelect, setOpen, doodleList, centerPoint }) => {
             const svg = selectedDoodle?.svgStr;
             const minLength = selectedDoodle.minLength;
             const parseSvg = SvgParserNative.parseSvg(svg);
-            const svgMinLength = Math.min(parseSvg.width, parseSvg.height) / SCALE_FACTOR;
+            const svgMinLength = parseSvg.height / SCALE_FACTOR;
             // 使用获取到的 SVG 内容，如果没有获取到则使用 URL
             newDoodle.svg = svg;
             newDoodle.scale = minLength / svgMinLength;
@@ -20111,12 +20331,12 @@ const DoodleModal = ({ open, onSelect, setOpen, doodleList, centerPoint }) => {
             });
         }
     }, [selectedDoodle, setEditMapInfo, editMapInfo, setOpen, onSelect, centerPoint]);
-    return (jsx(CustomModal, { width: 560, title: "Creative logos", titleCenter: true, open: open, onOk: handleConfirm, onCancel: () => setOpen(false), okButtonProps: { disabled: !selectedDoodle }, afterClose: () => setSelectedDoodle(null), okText: "Confirm", cancelText: "Cancel", children: jsxs("div", { className: styles$a.doodleModal, children: [jsx("div", { className: styles$a.title, children: "Please select a doodle" }), jsx("div", { className: styles$a.content, children: doodleList
+    return (jsx(CustomModal, { width: 560, title: "Create doodle", titleCenter: true, open: open, onOk: handleConfirm, onCancel: () => setOpen(false), okButtonProps: { disabled: !selectedDoodle }, afterClose: () => setSelectedDoodle(null), okText: "Create", cancelText: "Cancel", children: jsxs("div", { className: styles$a.doodleModal, children: [jsx("div", { className: styles$a.title, children: "Select the doodle that you want to create" }), jsx("div", { className: styles$a.content, children: doodleList
                         ?.filter((item) => !noNeed.includes(item.name))
                         .map((item) => {
-                        return (jsxs("div", { className: classNames(styles$a.item, {
+                        return (jsx("div", { className: classNames(styles$a.item, {
                                 [styles$a.active]: selectedDoodle?.svg === item.svg,
-                            }), onClick: () => handleSelectDoodle(item), children: [jsx("div", { className: styles$a.svgImage, dangerouslySetInnerHTML: { __html: item?.svgStr } }), jsx("div", { className: styles$a.selectIcon, children: jsx(SvgSelect, {}) })] }, item.id));
+                            }), onClick: () => handleSelectDoodle(item), children: jsx("div", { className: styles$a.svgImage, dangerouslySetInnerHTML: { __html: item?.svgStr } }) }, item.id));
                     }) })] }) }));
 };
 
@@ -20212,11 +20432,11 @@ const AddEntry = ({ doodleList, disabledObstacles, editMap }) => {
                 }), children: jsx("div", { className: styles$c.icon, children: jsx(SvgAddEntry, {}) }) }), jsx(DoodleModal, { centerPoint: centerPoint, doodleList: doodleList, open: doodleOpen, onOk: () => setDoodleOpen(false), setOpen: setDoodleOpen })] }));
 };
 
-var css_248z$9 = ".index-module_handleElementInfo__vWIaf {\n  position: absolute;\n  right: 0;\n  top: 0;\n  border-radius: 8px;\n  padding: 4px 8px;\n  background: #fff;\n  width: 265px;\n  user-select: none;\n}\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 {\n  position: absolute;\n  left: -96px;\n  top: 0;\n  display: flex;\n  gap: 12px;\n}\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_undo__lPY1X,\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_redo__EU5u- {\n  background: #fff;\n  border-radius: 8px;\n  padding: 6px;\n}\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_undo__lPY1X:not(.index-module_disabled__w6gCJ):hover,\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_redo__EU5u-:not(.index-module_disabled__w6gCJ):hover {\n  opacity: 0.8;\n  cursor: pointer;\n}\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_undo__lPY1X.index-module_disabled__w6gCJ,\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_redo__EU5u-.index-module_disabled__w6gCJ {\n  color: #d8d8d8;\n}\n.index-module_handleElementInfo__vWIaf .index-module_nameEdit__eVzQ- {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 0 0 4px 0;\n}\n.index-module_handleElementInfo__vWIaf .index-module_nameEdit__eVzQ- input {\n  padding: 2px 0;\n}\n.index-module_handleElementInfo__vWIaf .index-module_nameEdit__eVzQ- .index-module_edit__b0r9I {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n.index-module_handleElementInfo__vWIaf .index-module_boundaryOther__FyJvt {\n  padding-top: 4px;\n  border-top: 1px solid rgb(197, 197, 197);\n}\n.index-module_handleElementInfo__vWIaf .index-module_handle__4mIxr {\n  border-top: 1px solid rgb(197, 197, 197);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 0;\n}\n\n.index-module_doodleInfo__bd2ua .index-module_time__1bUFf {\n  width: 100%;\n}\n.index-module_doodleInfo__bd2ua .index-module_exist__gWtNo {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n.index-module_doodleInfo__bd2ua .index-module_tip__1HNmj {\n  color: #ff3f33;\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.index-module_obstacleInfo__w6Sod .index-module_areaInfo__-WJPL {\n  border-top: 1px solid rgb(197, 197, 197);\n}\n\n.index-module_areaInfo__-WJPL {\n  color: #9e9e9e;\n  width: 100%;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px; /* 114.286% */\n}\n.index-module_areaInfo__-WJPL .index-module_areaItem__fk-i2 {\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 0;\n}\n\n.index-module_boundaryInfo__VfR-N .index-module_otherEdit__17SuM {\n  color: #1f1f1f;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n.index-module_boundaryInfo__VfR-N .index-module_otherEdit__17SuM .index-module_otherItem__ATLFZ {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n.index-module_boundaryInfo__VfR-N .index-module_otherEdit__17SuM .index-module_otherItem__ATLFZ .index-module_value__x3-se {\n  margin-left: auto;\n}\n.index-module_boundaryInfo__VfR-N .index-module_otherEdit__17SuM .index-module_otherItem__ATLFZ .index-module_icon__167WB {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n.index-module_boundaryInfo__VfR-N .index-module_areaInfo__-WJPL {\n  border-top: 1px solid rgb(197, 197, 197);\n}";
-var styles$9 = {"handleElementInfo":"index-module_handleElementInfo__vWIaf","undoAndRedo":"index-module_undoAndRedo__EKeA8","undo":"index-module_undo__lPY1X","redo":"index-module_redo__EU5u-","disabled":"index-module_disabled__w6gCJ","nameEdit":"index-module_nameEdit__eVzQ-","handle":"index-module_handle__4mIxr","doodleInfo":"index-module_doodleInfo__bd2ua","time":"index-module_time__1bUFf","exist":"index-module_exist__gWtNo","tip":"index-module_tip__1HNmj","obstacleInfo":"index-module_obstacleInfo__w6Sod","areaInfo":"index-module_areaInfo__-WJPL","areaItem":"index-module_areaItem__fk-i2","boundaryInfo":"index-module_boundaryInfo__VfR-N","otherEdit":"index-module_otherEdit__17SuM","otherItem":"index-module_otherItem__ATLFZ","value":"index-module_value__x3-se","icon":"index-module_icon__167WB"};
+var css_248z$9 = ".index-module_handleElementInfo__vWIaf {\n  position: absolute;\n  right: 0;\n  top: 0;\n  border-radius: 8px;\n  padding: 8px;\n  background: #fff;\n  width: 265px;\n  user-select: none;\n}\n.index-module_handleElementInfo__vWIaf .index-module_border__iPL-- {\n  margin: 8px 0;\n  border-top: 1px solid #c5c5c5;\n}\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 {\n  position: absolute;\n  left: -96px;\n  top: 0;\n  display: flex;\n  gap: 12px;\n}\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_undo__lPY1X,\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_redo__EU5u- {\n  background: #fff;\n  border-radius: 8px;\n  padding: 6px;\n}\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_undo__lPY1X:not(.index-module_disabled__w6gCJ):hover,\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_redo__EU5u-:not(.index-module_disabled__w6gCJ):hover {\n  opacity: 0.8;\n  cursor: pointer;\n}\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_undo__lPY1X.index-module_disabled__w6gCJ,\n.index-module_handleElementInfo__vWIaf .index-module_undoAndRedo__EKeA8 .index-module_redo__EU5u-.index-module_disabled__w6gCJ {\n  color: #d8d8d8;\n}\n.index-module_handleElementInfo__vWIaf .index-module_nameEdit__eVzQ- {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.index-module_handleElementInfo__vWIaf .index-module_nameEdit__eVzQ- input {\n  padding: 2px 0;\n}\n.index-module_handleElementInfo__vWIaf .index-module_nameEdit__eVzQ- .index-module_edit__b0r9I {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n.index-module_handleElementInfo__vWIaf .index-module_boundaryOther__FyJvt {\n  padding-top: 4px;\n  border-top: 1px solid rgb(197, 197, 197);\n}\n.index-module_handleElementInfo__vWIaf .index-module_handle__4mIxr {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0px 0 4px 0;\n}\n\n.index-module_doodleInfo__bd2ua .index-module_time__1bUFf {\n  width: 100%;\n}\n.index-module_doodleInfo__bd2ua .index-module_exist__gWtNo {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n.index-module_doodleInfo__bd2ua .index-module_tip__1HNmj {\n  color: #ff3f33;\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.index-module_areaInfo__-WJPL {\n  color: #9e9e9e;\n  width: 100%;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px; /* 114.286% */\n}\n.index-module_areaInfo__-WJPL .index-module_areaItem__fk-i2 {\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 0;\n}\n.index-module_areaInfo__-WJPL .index-module_areaItem__fk-i2:not(:last-child) {\n  margin-bottom: 4px;\n}\n\n.index-module_boundaryInfo__VfR-N .index-module_otherEdit__17SuM {\n  color: #1f1f1f;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n.index-module_boundaryInfo__VfR-N .index-module_otherEdit__17SuM .index-module_otherItem__ATLFZ {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n.index-module_boundaryInfo__VfR-N .index-module_otherEdit__17SuM .index-module_otherItem__ATLFZ .index-module_value__x3-se {\n  margin-left: auto;\n}\n.index-module_boundaryInfo__VfR-N .index-module_otherEdit__17SuM .index-module_otherItem__ATLFZ .index-module_icon__167WB {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}";
+var styles$9 = {"handleElementInfo":"index-module_handleElementInfo__vWIaf","border":"index-module_border__iPL--","undoAndRedo":"index-module_undoAndRedo__EKeA8","undo":"index-module_undo__lPY1X","redo":"index-module_redo__EU5u-","disabled":"index-module_disabled__w6gCJ","nameEdit":"index-module_nameEdit__eVzQ-","handle":"index-module_handle__4mIxr","doodleInfo":"index-module_doodleInfo__bd2ua","time":"index-module_time__1bUFf","exist":"index-module_exist__gWtNo","tip":"index-module_tip__1HNmj","areaInfo":"index-module_areaInfo__-WJPL","areaItem":"index-module_areaItem__fk-i2","boundaryInfo":"index-module_boundaryInfo__VfR-N","otherEdit":"index-module_otherEdit__17SuM","otherItem":"index-module_otherItem__ATLFZ","value":"index-module_value__x3-se","icon":"index-module_icon__167WB"};
 styleInject(css_248z$9);
 
-var css_248z$8 = ".index-module_infoHeader__l9F6q {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 8px 0;\n  border-bottom: 1px solid rgb(197, 197, 197);\n}\n.index-module_infoHeader__l9F6q .index-module_headerIcon__sK1hg {\n  width: 16px;\n  height: 16px;\n}\n.index-module_infoHeader__l9F6q .index-module_headerName__UGnrH {\n  margin-left: 4px;\n  color: rgb(158, 158, 158);\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 16px;\n  pointer-events: none;\n}\n.index-module_infoHeader__l9F6q .index-module_headerHandle__ymh7f {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.index-module_infoHeader__l9F6q .index-module_headerHandle__ymh7f .index-module_focus__llcox {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n.index-module_infoHeader__l9F6q .index-module_headerHandle__ymh7f .index-module_delete__hD4-Q {\n  width: 16px;\n  height: 16px;\n  margin-left: 8px;\n  cursor: pointer;\n}";
+var css_248z$8 = ".index-module_infoHeader__l9F6q {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 6px 0;\n}\n.index-module_infoHeader__l9F6q .index-module_headerIcon__sK1hg {\n  width: 16px;\n  height: 16px;\n}\n.index-module_infoHeader__l9F6q .index-module_headerName__UGnrH {\n  margin-left: 4px;\n  color: rgb(158, 158, 158);\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 16px;\n  pointer-events: none;\n}\n.index-module_infoHeader__l9F6q .index-module_headerHandle__ymh7f {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.index-module_infoHeader__l9F6q .index-module_headerHandle__ymh7f .index-module_focus__llcox {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n.index-module_infoHeader__l9F6q .index-module_headerHandle__ymh7f .index-module_delete__hD4-Q {\n  width: 16px;\n  height: 16px;\n  margin-left: 8px;\n  cursor: pointer;\n}";
 var styles$8 = {"infoHeader":"index-module_infoHeader__l9F6q","headerIcon":"index-module_headerIcon__sK1hg","headerName":"index-module_headerName__UGnrH","headerHandle":"index-module_headerHandle__ymh7f","focus":"index-module_focus__llcox","delete":"index-module_delete__hD4-Q"};
 styleInject(css_248z$8);
 
@@ -20285,7 +20505,7 @@ const NameModal = ({ title, name, open, setOpen, onOk }) => {
             setOpen(false);
         }, onCancel: () => setOpen(false), okText: "Confirm", afterClose: () => {
             setNameValue('');
-        }, children: jsx(Input, { maxLength: 120, showCount: true, placeholder: "Please enter boundary name", value: nameValue, onChange: (e) => setNameValue(e.target.value) }) }));
+        }, children: jsx(Input, { maxLength: 12, showCount: true, placeholder: "Please enter boundary name", value: nameValue, onChange: (e) => setNameValue(e.target.value) }) }));
 };
 
 const NameEdit = ({ title, name, onChange }) => {
@@ -20302,12 +20522,12 @@ var SvgArrow = function SvgArrow(props) {
     height: 16,
     fill: "none"
   }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
-    fill: "#FF5A00",
+    fill: "#1F1F1F",
     d: "M11.523 7.704c.005.014.015.026.02.04.049.125.065.268.046.406a.73.73 0 0 1-.152.363l-3.88 4.638a.47.47 0 0 1-.377.182.49.49 0 0 1-.369-.208.77.77 0 0 1-.144-.477.76.76 0 0 1 .164-.466l3.483-4.162-3.468-4.224a.77.77 0 0 1-.15-.462c0-.172.053-.338.148-.463a.49.49 0 0 1 .36-.204.47.47 0 0 1 .371.17l3.845 4.682q.007.017.017.032.008.01.018.019c.032.04.046.09.067.134"
   })));
 };
 
-var css_248z$6 = ".index-module_item__wwHEt {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  padding: 8px 0;\n}";
+var css_248z$6 = ".index-module_item__wwHEt {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  padding: 6px 0;\n}\n.index-module_item__wwHEt:not(:last-child) {\n  margin-bottom: 4px;\n}";
 var styles$6 = {"item":"index-module_item__wwHEt"};
 styleInject(css_248z$6);
 
@@ -20651,43 +20871,81 @@ function convertDirectionToParams(value) {
     return directions;
 }
 
+const DEFAULT_LIST = [
+    {
+        value: 1 << 0,
+        text: 'A',
+        selected: false,
+    },
+    {
+        value: 1 << 1,
+        text: 'B',
+        selected: false,
+    },
+    {
+        value: 1 << 2,
+        text: 'C',
+        selected: false,
+    },
+    {
+        value: 1 << 3,
+        text: 'D',
+        selected: false,
+    },
+    {
+        value: 1 << 4,
+        text: 'E',
+        selected: false,
+    },
+    {
+        value: 1 << 5,
+        text: 'F',
+        selected: false,
+    },
+];
 const MowDirection_L = (props) => {
     const { value, angleValue, optionAngle = 45, zIndex = 10000, onChange,
     // children,
      } = props;
     const [angle, setAngle] = useState(0);
-    const [lineList, setLineList] = useState([
-        {
-            value: 1 << 0,
-            text: 'A',
-            selected: false,
-        },
-        {
-            value: 1 << 1,
-            text: 'B',
-            selected: false,
-        },
-        {
-            value: 1 << 2,
-            text: 'C',
-            selected: false,
-        },
-        {
-            value: 1 << 3,
-            text: 'D',
-            selected: false,
-        },
-        {
-            value: 1 << 4,
-            text: 'E',
-            selected: false,
-        },
-        {
-            value: 1 << 5,
-            text: 'F',
-            selected: false,
-        },
-    ]);
+    const lineList = useMemo(() => {
+        return DEFAULT_LIST.map((item) => ({
+            ...item,
+            selected: convertDirectionToParams(value).includes(item.value),
+        }));
+    }, [value]);
+    // const [lineList, setLineList] = useState<LineItem[]>([
+    //   {
+    //     value: 1 << 0,
+    //     text: 'A',
+    //     selected: false,
+    //   },
+    //   {
+    //     value: 1 << 1,
+    //     text: 'B',
+    //     selected: false,
+    //   },
+    //   {
+    //     value: 1 << 2,
+    //     text: 'C',
+    //     selected: false,
+    //   },
+    //   {
+    //     value: 1 << 3,
+    //     text: 'D',
+    //     selected: false,
+    //   },
+    //   {
+    //     value: 1 << 4,
+    //     text: 'E',
+    //     selected: false,
+    //   },
+    //   {
+    //     value: 1 << 5,
+    //     text: 'F',
+    //     selected: false,
+    //   },
+    // ]);
     const hitRectAngle = useMemo(() => {
         const direction = lineList
             ?.filter((item) => item?.selected)
@@ -20700,12 +20958,6 @@ const MowDirection_L = (props) => {
     const allSelect = useMemo(() => {
         return lineList?.every((item) => item?.selected);
     }, [lineList]);
-    useEffect(() => {
-        setLineList(lineList.map((line) => ({
-            ...line,
-            selected: convertDirectionToParams(value).includes(line.value),
-        })));
-    }, [value]);
     useEffect(() => {
         setAngle(angleValue);
     }, [angleValue]);
@@ -20720,7 +20972,6 @@ const MowDirection_L = (props) => {
             }
             return { ...line };
         });
-        setLineList(newLine);
         onChange?.(newLine
             ?.filter((item) => item?.selected)
             .reduce((pre, line) => {
@@ -20833,10 +21084,25 @@ const DirectionModal = ({ directionInfo, open, setOpen, zoneName, optionAngle, o
             setAngle(defaultAngle);
         }
     };
-    console.log('directionInfo=>', directionInfo, mapJson);
-    return (jsx(CustomModal, { maskClosable: false, titleCenter: true, title: `${zoneName} mowing direction`, open: open, width: 600, onCancel: () => {
+    const handleCancel = useCallback(() => {
+        if (!canSave) {
             setOpen(false);
-        }, onOk: () => {
+            return;
+        }
+        Modal.confirm({
+            icon: null,
+            centered: true,
+            title: 'Exit editing',
+            content: 'Changes you made will not be saved. Are you sure you want to exit editing the mowing direction?',
+            onOk: () => {
+                setOpen(false);
+            },
+            okText: 'Exit',
+            cancelText: 'Continue editing',
+        });
+    }, [canSave, setOpen]);
+    console.log('directionInfo=>', directionInfo, mapJson);
+    return (jsx(CustomModal, { maskClosable: false, titleCenter: true, title: `${zoneName} mowing direction`, open: open, width: 600, onCancel: handleCancel, onOk: () => {
             onChange?.(directions, angle);
             setOpen(false);
         }, okText: "Confirm", cancelText: "Cancel", okButtonProps: { disabled: !canSave }, afterClose: () => {
@@ -20844,6 +21110,8 @@ const DirectionModal = ({ directionInfo, open, setOpen, zoneName, optionAngle, o
             setAngle(MIN_DIRECTION_ANGLE);
         }, children: jsxs("div", { className: styles$3.directions, children: [jsx("div", { className: styles$3.default, children: jsx(Button, { disabled: !canSetDefault, variant: "link", color: "primary", onClick: resetDirection, children: "Default" }) }), jsx("div", { className: styles$3.tips, children: "\u4E00\u4E2A\u7B80\u77ED\u7684\u8BF4\u660E\uFF0C\u5E0C\u671B\u80FD\u5145\u5F53\u7B80\u5355\u7684\u6559\u7A0B\uFF0C\u9700\u8981\u53EF\u5FC3\u6839\u636EC\u7AEF\u5DF2\u6709\u7684\u6574\u5408\u4E00\u4E0B" }), jsxs("div", { className: styles$3.optimal, children: [jsx("div", { children: "*" }), jsx(SvgOption, {}), jsx("div", { className: styles$3.text, children: "Optimal direction" })] }), jsxs("div", { className: styles$3.content, children: [jsx("div", { className: styles$3.background, children: jsx(BoundarySvgRender, { mapJson: mapJson, id: editMapInfo.selectElement.id }) }), jsx("div", { className: styles$3.luppan, children: jsx(MowDirection_L, { value: directions, angleValue: angle, optionAngle: optionAngle, onChange: (value) => {
                                     console.log('valie=>', value);
+                                    if (!value)
+                                        return message.warning('Choose at least one mowing direction');
                                     setDirections(value);
                                 } }) })] }), jsx("div", { className: styles$3.slideTip, children: "\u7528\u6237\u8FD8\u53EF\u4EE5\u901A\u8FC7\u6ED1\u8F68\u5FAE\u8C03\u5272\u8349\u65B9\u5411\uFF08\u975E\u5FC5\u987B\uFF09" }), jsx("div", { className: styles$3.slider, children: jsx(Slider, { tooltip: {
                             formatter: (value) => `${value}°`,
@@ -20902,13 +21170,13 @@ const BoundaryInfo = ({ onHandleDelete }) => {
                                 name: name,
                             },
                         });
-                    } }) }), jsxs("div", { className: styles$9.otherEdit, children: [jsx(Item, { children: jsxs("div", { className: styles$9.otherItem, children: [jsx("div", { className: styles$9.label, children: "Height" }), jsx("div", { className: styles$9.value, children: generateHeightStr(heightValue?.cuttingHeight, unitType, true) }), jsx("div", { className: styles$9.icon, onClick: () => {
+                    } }) }), jsx("div", { className: styles$9.border }), jsxs("div", { className: styles$9.otherEdit, children: [jsx(Item, { children: jsxs("div", { className: styles$9.otherItem, children: [jsx("div", { className: styles$9.label, children: "Cutting height" }), jsx("div", { className: styles$9.value, children: generateHeightStr(heightValue?.cuttingHeight, unitType, true) }), jsx("div", { className: styles$9.icon, onClick: () => {
                                         setHeightOpen(true);
-                                    }, children: jsx(SvgArrow, {}) })] }) }), jsx(Item, { children: jsxs("div", { className: styles$9.otherItem, children: [jsx("div", { className: styles$9.label, children: "Direction" }), jsx("div", { className: styles$9.value }), jsx("div", { className: styles$9.icon, onClick: () => {
+                                    }, children: jsx(SvgArrow, {}) })] }) }), jsx(Item, { children: jsxs("div", { className: styles$9.otherItem, children: [jsx("div", { className: styles$9.label, children: "Mowing direction" }), jsx("div", { className: styles$9.value }), jsx("div", { className: styles$9.icon, onClick: () => {
                                         setDirectionOpen(true);
-                                    }, children: jsx(SvgArrow, {}) })] }) }), jsx(Item, { children: jsxs("div", { className: styles$9.otherItem, children: [jsx("div", { className: styles$9.label, children: "Mowing Edge" }), jsx("div", { className: styles$9.value }), jsx("div", { className: styles$9.icon, onClick: () => {
+                                    }, children: jsx(SvgArrow, {}) })] }) }), jsx(Item, { children: jsxs("div", { className: styles$9.otherItem, children: [jsx("div", { className: styles$9.label, children: "Edge mowing" }), jsx("div", { className: styles$9.value }), jsx("div", { className: styles$9.icon, onClick: () => {
                                         setOpen(true);
-                                    }, children: jsx(SvgArrow, {}) })] }) })] }), jsxs("div", { className: styles$9.areaInfo, children: [jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Area:" }), jsx("div", { className: styles$9.value, children: sizeValue?.area })] }), jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Perimeter:" }), jsx("div", { className: styles$9.value, children: sizeValue?.perimeter })] })] }), jsx(MowingEdgeModal, { value: edgeMowingValue, onChange: (value) => {
+                                    }, children: jsx(SvgArrow, {}) })] }) })] }), jsx("div", { className: styles$9.border }), jsxs("div", { className: styles$9.areaInfo, children: [jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Area:" }), jsx("div", { className: styles$9.value, children: sizeValue?.area })] }), jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Perimeter:" }), jsx("div", { className: styles$9.value, children: sizeValue?.perimeter })] })] }), jsx(MowingEdgeModal, { value: edgeMowingValue, onChange: (value) => {
                     setEditMapInfo({
                         ...editMapInfo,
                         selectElement: {
@@ -20938,7 +21206,7 @@ const BoundaryInfo = ({ onHandleDelete }) => {
                 } })] }));
 };
 
-var css_248z$1 = ".index-module_timePeriod__EkVZl {\n  display: flex;\n  flex-direction: column;\n  padding: 8px 0;\n  border-top: 1px solid rgb(197, 197, 197);\n}\n.index-module_timePeriod__EkVZl .index-module_timePeriodHeader__CgJGW {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 0px 0 4px 0;\n}\n.index-module_timePeriod__EkVZl .index-module_timePeriodHeader__CgJGW .index-module_timePeriodTitle__lnYno {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 16px;\n  color: rgb(0, 0, 0);\n}\n.index-module_timePeriod__EkVZl .index-module_timePeriodHeader__CgJGW .index-module_timePeriodHandle__pjDTA {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.index-module_timePeriod__EkVZl .index-module_timePeriodContent__pTqdW .index-module_timePeriodRadioItem__3rd-r {\n  line-height: 28px;\n}";
+var css_248z$1 = ".index-module_timePeriod__EkVZl {\n  display: flex;\n  flex-direction: column;\n}\n.index-module_timePeriod__EkVZl .index-module_timePeriodHeader__CgJGW {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 4px 0;\n}\n.index-module_timePeriod__EkVZl .index-module_timePeriodHeader__CgJGW .index-module_timePeriodTitle__lnYno {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 16px;\n  color: rgb(0, 0, 0);\n}\n.index-module_timePeriod__EkVZl .index-module_timePeriodHeader__CgJGW .index-module_timePeriodHandle__pjDTA {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.index-module_timePeriod__EkVZl .index-module_timePeriodContent__pTqdW {\n  margin-top: 4px;\n}\n.index-module_timePeriod__EkVZl .index-module_timePeriodContent__pTqdW .index-module_timePeriodRadioItem__3rd-r {\n  line-height: 28px;\n}";
 var styles$1 = {"timePeriod":"index-module_timePeriod__EkVZl","timePeriodHeader":"index-module_timePeriodHeader__CgJGW","timePeriodTitle":"index-module_timePeriodTitle__lnYno","timePeriodHandle":"index-module_timePeriodHandle__pjDTA","timePeriodContent":"index-module_timePeriodContent__pTqdW","timePeriodRadioItem":"index-module_timePeriodRadioItem__3rd-r"};
 styleInject(css_248z$1);
 
@@ -20962,6 +21230,8 @@ const TimePeriod = ({ value, onChange }) => {
                                 onChange({
                                     ...value,
                                     status: checked ? 1 : 0,
+                                    start_timestamp: checked ? value.start_timestamp : 0,
+                                    end_timestamp: checked ? value.end_timestamp : 0,
                                 });
                             } }) })] }), jsx("div", { className: styles$1.timePeriodContent, children: jsxs(Radio.Group, { value: radioValue, onChange: (e) => {
                         setRadioValue(e.target.value);
@@ -20969,8 +21239,8 @@ const TimePeriod = ({ value, onChange }) => {
                             setDate(null);
                             onChange({
                                 ...value,
-                                startTimestamp: 0,
-                                endTimestamp: 0,
+                                start_timestamp: 0,
+                                end_timestamp: 0,
                             });
                         }
                         else if (e.target.value === RadioValue.SHORT_TIME) {
@@ -20981,15 +21251,15 @@ const TimePeriod = ({ value, onChange }) => {
                             //   endTimestamp: dayjs().add(1, 'hour').unix(),
                             // });
                         }
-                    }, style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(Radio, { value: RadioValue.LONG_TIME, children: jsx("div", { className: styles$1.timePeriodRadioItem, children: "\u957F\u65F6\u95F4\u5F00\u542F" }) }), jsx(Radio, { value: RadioValue.SHORT_TIME, children: jsx("div", { className: styles$1.timePeriodRadioItem, children: jsx(DatePicker.RangePicker, { open: open, value: date ? date : undefined, disabled: radioValue === RadioValue.LONG_TIME, showTime: { format: 'HH:mm' }, format: "MM/DD/YYYY HH:mm", preserveInvalidOnBlur: true, onOpenChange: (open) => {
+                    }, style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(Radio, { value: RadioValue.LONG_TIME, children: jsx("div", { className: styles$1.timePeriodRadioItem, children: "Always" }) }), jsx(Radio, { value: RadioValue.SHORT_TIME, children: jsx("div", { className: styles$1.timePeriodRadioItem, children: jsx(DatePicker.RangePicker, { open: open, value: date ? date : undefined, disabled: radioValue === RadioValue.LONG_TIME, showTime: { format: 'HH:mm' }, format: "MM/DD/YYYY HH:mm", preserveInvalidOnBlur: true, onOpenChange: (open) => {
                                         setOpen(open);
                                     }, onChange: (dateValue, dateString) => {
                                         setDate(dateValue);
                                         if (dateValue?.length === 2) {
                                             onChange({
                                                 status: RadioValue.SHORT_TIME,
-                                                startTimestamp: dateValue[0].unix(),
-                                                endTimestamp: dateValue[1].unix(),
+                                                start_timestamp: dateValue[0].unix(),
+                                                end_timestamp: dateValue[1].unix(),
                                             });
                                         }
                                     } }) }) })] }) })] }));
@@ -21003,12 +21273,12 @@ const ObstacleInfo = ({ onHandleDelete }) => {
         if (!editMapInfo.selectElement)
             return null;
         const status = editMapInfo.selectElement?.status;
-        const startTimestamp = editMapInfo.selectElement?.start_timestamp;
-        const endTimestamp = editMapInfo.selectElement?.end_timestamp;
+        const start_timestamp = editMapInfo.selectElement?.start_timestamp;
+        const end_timestamp = editMapInfo.selectElement?.end_timestamp;
         return {
             status,
-            startTimestamp,
-            endTimestamp,
+            start_timestamp,
+            end_timestamp,
         };
     }, [editMapInfo.selectElement]);
     const sizeValue = useMemo(() => {
@@ -21035,18 +21305,18 @@ const ObstacleInfo = ({ onHandleDelete }) => {
                                 name: name,
                             },
                         });
-                    } }) }), jsx("div", { className: styles$9.timePeriod, children: jsx(TimePeriod, { value: timePeriodValue, onChange: (value) => {
+                    } }) }), jsx("div", { className: styles$9.border }), jsx("div", { className: styles$9.timePeriod, children: jsx(TimePeriod, { value: timePeriodValue, onChange: (value) => {
                         setEditMapInfo({
                             ...editMapInfo,
                             isShowDrag: editMapInfo?.isShowDrag || false,
                             selectElement: {
                                 ...editMapInfo.selectElement,
                                 status: value.status,
-                                start_timestamp: value.startTimestamp,
-                                end_timestamp: value.endTimestamp,
+                                start_timestamp: value.start_timestamp,
+                                end_timestamp: value.end_timestamp,
                             },
                         });
-                    } }) }), jsxs("div", { className: styles$9.areaInfo, children: [jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Area:" }), jsx("div", { className: styles$9.value, children: sizeValue?.area })] }), jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Perimeter:" }), jsx("div", { className: styles$9.value, children: sizeValue?.perimeter })] })] })] }));
+                    } }) }), jsx("div", { className: styles$9.border }), jsxs("div", { className: styles$9.areaInfo, children: [jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Area:" }), jsx("div", { className: styles$9.value, children: sizeValue?.area })] }), jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Perimeter:" }), jsx("div", { className: styles$9.value, children: sizeValue?.perimeter })] })] })] }));
 };
 
 const DoodleInfo = ({ onHandleDelete }) => {
@@ -21068,31 +21338,37 @@ const DoodleInfo = ({ onHandleDelete }) => {
         const create_ts = editMapInfo?.selectElement?.create_ts;
         const expiration_ts = editMapInfo.selectElement.expiration_ts;
         const diff = expiration_ts - create_ts;
-        const day = Math.floor(diff / (60 * 60 * 24 * 1000));
-        console.log('create_ts->', create_ts, expiration_ts, day);
+        const day = Math.floor(diff / (60 * 60 * 24));
         return {
             day: day,
         };
     }, [editMapInfo?.selectElement]);
+    const remainDay = useMemo(() => {
+        if (!editMapInfo.selectElement)
+            return null;
+        const expiration_ts = editMapInfo.selectElement.expiration_ts;
+        const diff = expiration_ts - Date.now() / 1000;
+        return Math.floor(diff / (60 * 60 * 24));
+    }, [editMapInfo?.selectElement]);
     const sizeValue = useMemo(() => {
         if (!editMapInfo.selectElement || !editMapInfo.selectElement.svg)
             return '';
         const svg = editMapInfo.selectElement?.svg;
+        const scale = editMapInfo.selectElement.scale;
         const parseSvg = SvgParserNative.parseSvg(svg);
-        const width = parseSvg.width / SCALE_FACTOR;
-        const height = parseSvg.height / SCALE_FACTOR;
-        console.log('parseSvg->', parseSvg);
-        return `${width} m x ${height} m`;
+        const width = (parseSvg.width * scale) / SCALE_FACTOR;
+        const height = (parseSvg.height * scale) / SCALE_FACTOR;
+        console.log('parseSvg->', editMapInfo, parseSvg);
+        return `${width.toFixed(1)} m x ${height.toFixed(1)} m`;
     }, [editMapInfo.selectElement]);
     const handleChange = useCallback((day) => {
-        const lastTime = Date.now() - editMapInfo.selectElement.create_ts;
         setEditMapInfo((pre) => {
-            console.log('expiration_ts->', lastTime, day, lastTime + day * 24 * 60 * 60 * 1000);
             return {
                 ...pre,
                 selectElement: {
                     ...pre.selectElement,
-                    expiration_ts: Date.now() + lastTime + day * 24 * 60 * 60 * 1000,
+                    create_ts: Date.now() / 1000,
+                    expiration_ts: Date.now() / 1000 + day * 24 * 60 * 60,
                 },
             };
         });
@@ -21100,7 +21376,7 @@ const DoodleInfo = ({ onHandleDelete }) => {
     console.log('doodleInfo->', doodleInfo);
     return (jsxs("div", { className: styles$9.doodleInfo, children: [jsx(Header, { handleDelete: () => {
                     onHandleDelete();
-                }, handleFocus: () => { }, type: editMapInfo.elementType }), isCreate ? (jsx(Item, { children: jsxs("div", { className: styles$9.time, children: [jsxs("div", { className: styles$9.exist, children: [jsx("div", { className: styles$9.label, children: "Graph maintenance time" }), jsx("div", { className: styles$9.value, children: jsx(Select, { defaultValue: doodleInfo?.day, style: { width: 80 }, onChange: (value) => handleChange(value), options: options }) })] }), doodleInfo?.day >= 14 && (jsx("div", { className: styles$9.tip, children: "* If the doodle lasts over 14 days, the grass may grow too tall for the mower to mow later." }))] }) })) : (jsxs("div", { className: styles$9.areaInfo, children: [jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Graph maintenance time:" }), jsxs("div", { className: styles$9.value, children: [doodleInfo?.day, " day"] })] }), jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Size:" }), jsx("div", { className: styles$9.value, children: sizeValue })] })] }))] }));
+                }, handleFocus: () => { }, type: editMapInfo.elementType }), jsx("div", { className: styles$9.border }), isCreate ? (jsxs(Fragment, { children: [jsx(Item, { children: jsxs("div", { className: styles$9.time, children: [jsxs("div", { className: styles$9.exist, children: [jsx("div", { className: styles$9.label, children: "Preserve doodle for" }), jsx("div", { className: styles$9.value, children: jsx(Select, { defaultValue: doodleInfo?.day, style: { width: 80 }, onChange: (value) => handleChange(value), options: options }) })] }), doodleInfo?.day >= 14 && (jsx("div", { className: styles$9.tip, children: "* If the doodle lasts over 14 days, the grass may grow too tall for the mower to mow later." }))] }) }), jsx("div", { className: styles$9.border }), jsx("div", { className: styles$9.areaInfo, children: jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Size:" }), jsx("div", { className: styles$9.value, children: sizeValue })] }) })] })) : (jsxs("div", { className: styles$9.areaInfo, children: [jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Remaining time:" }), jsxs("div", { className: styles$9.value, children: [remainDay, " day"] })] }), jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Size:" }), jsx("div", { className: styles$9.value, children: sizeValue })] })] }))] }));
 };
 
 const VisionOffInfo = ({ onHandleDelete }) => {
@@ -21116,7 +21392,7 @@ const VisionOffInfo = ({ onHandleDelete }) => {
     }, [editMapInfo.selectElement]);
     return (jsxs("div", { className: "visionOffInfo", children: [jsx(Header, { handleDelete: () => {
                     onHandleDelete?.();
-                }, handleFocus: () => { }, type: DataType.VISION_OFF }), jsx("div", { className: styles$9.areaInfo, children: jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Size:" }), jsx("div", { className: styles$9.value, children: sizeValue })] }) })] }));
+                }, handleFocus: () => { }, type: DataType.VISION_OFF }), jsx("div", { className: styles$9.border }), jsx("div", { className: styles$9.areaInfo, children: jsxs("div", { className: styles$9.areaItem, children: [jsx("div", { className: styles$9.label, children: "Size:" }), jsx("div", { className: styles$9.value, children: sizeValue })] }) })] }));
 };
 
 var _path$2, _path2$1;
@@ -21257,9 +21533,9 @@ const HandleElementInfo = () => {
         if (element?.type === DataType.OBSTACLE) {
             data.obstacle = {
                 name: element?.name,
-                status: element?.status || 1,
-                end_timestamp: element?.end_timestamp || 1758870283,
-                start_timestamp: element?.start_timestamp || 1768870283,
+                status: element?.status ?? 1,
+                end_timestamp: element?.end_timestamp,
+                start_timestamp: element?.start_timestamp,
                 points: restorePointsFormat(element.points),
             };
             if (element?.id) {
@@ -21287,6 +21563,12 @@ const HandleElementInfo = () => {
         const params = renderElementData(editMapInfo?.selectElement);
         const isObstacle = editMapInfo?.selectElement?.type === DataType.OBSTACLE;
         const hasNotEnoughPoints = params?.obstacle?.points?.length < 3;
+        const isDoodle = editMapInfo?.selectElement?.type === DataType.DOODLE;
+        const doodleResult = checkDoodle();
+        if (isDoodle && !doodleResult?.isValid) {
+            message.error('Keep more distance from boundaries, off-limit island and other doodles');
+            return;
+        }
         if (isObstacle && hasNotEnoughPoints) {
             message.error('Save failed, please draw a closed shape');
             return;
@@ -21318,16 +21600,27 @@ const HandleElementInfo = () => {
                 message.error('Save failed, please try again');
             });
         }
-    }, [editMapInfo.selectElement]);
+    }, [editMapInfo.selectElement, onUpdateBoundary, onHandleCompleteRecord]);
     const handleCancel = useCallback(() => {
-        onHandleStopRecord?.()?.then(() => {
-            setEditMapInfo({
-                ...editMapInfo,
-                createMode: null,
-                elementType: null,
-                selectElement: null,
-                isShowDrag: false,
-            });
+        const name = DATE_TYPE_MAP.find((item) => item.type === editMapInfo.elementType)?.label;
+        Modal.confirm({
+            icon: null,
+            centered: true,
+            title: 'Quit editing',
+            content: `Changes you made will not be saved. Are you sure you want to quit editing the ${name}?`,
+            okText: 'Quit',
+            cancelText: 'Keep editing',
+            onOk: () => {
+                onHandleStopRecord?.()?.then(() => {
+                    setEditMapInfo({
+                        ...editMapInfo,
+                        createMode: null,
+                        elementType: null,
+                        selectElement: null,
+                        isShowDrag: false,
+                    });
+                });
+            },
         });
     }, [editMapInfo]);
     const handleDelete = useCallback(() => {
@@ -21372,26 +21665,12 @@ const HandleElementInfo = () => {
             },
         });
     }, [editMapInfo?.selectElement, onHandleDeleteElement, onHandleStopRecord]);
-    const checkDisabled = useCallback(() => {
-        if (editMapInfo.elementType === DataType.DOODLE) {
-            const result = checkDoodle();
-            return !result?.isValid;
-        }
-        return false;
-    }, [checkDoodle, editMapInfo]);
     if (!editMapInfo.selectElement)
         return null;
     console.log('handleElementInfo->', editMapInfo, currentType);
-    return (jsxs("div", { className: styles$9.handleElementInfo, children: [editMapInfo?.elementType !== DataType.BOUNDARY ? (jsxs("div", { className: styles$9.undoAndRedo, children: [jsx("div", { className: classNames(styles$9.undo, { [styles$9.disabled]: isUndoDisabled }), onClick: handleUndo, children: jsx(SvgUndo, {}) }), jsx("div", { className: classNames(styles$9.redo, { [styles$9.disabled]: idRedoDisabled }), onClick: handleRedo, children: jsx(SvgRedo, {}) })] })) : null, editMapInfo?.elementType === DataType.BOUNDARY && (jsx(BoundaryInfo, { onHandleDelete: handleDelete })), editMapInfo?.elementType === DataType.OBSTACLE && (jsx(ObstacleInfo, { onHandleDelete: handleDelete })), editMapInfo?.elementType === DataType.DOODLE && jsx(DoodleInfo, { onHandleDelete: handleDelete }), editMapInfo?.elementType === DataType.VISION_OFF && (jsx(VisionOffInfo, { onHandleDelete: handleDelete })), jsxs("div", { className: styles$9.handle, children: [jsx(Button, { disabled: checkDisabled(), variant: "solid", color: "primary", onClick: handleSave, children: "Save & Done" }), jsx(Button, { variant: "outlined", color: "default", onClick: () => {
-                            handleCancel();
-                            setEditMapInfo({
-                                createMode: null,
-                                editMap: false,
-                                elementType: undefined,
-                                selectElement: null,
-                                isShowDrag: false,
-                            });
-                        }, children: "Cancel" })] })] }));
+    return (jsxs("div", { className: styles$9.handleElementInfo, children: [editMapInfo?.elementType !== DataType.BOUNDARY ? (jsxs("div", { className: styles$9.undoAndRedo, children: [jsx("div", { className: classNames(styles$9.undo, { [styles$9.disabled]: isUndoDisabled }), onClick: handleUndo, children: jsx(SvgUndo, {}) }), jsx("div", { className: classNames(styles$9.redo, { [styles$9.disabled]: idRedoDisabled }), onClick: handleRedo, children: jsx(SvgRedo, {}) })] })) : null, editMapInfo?.elementType === DataType.BOUNDARY && (jsx(BoundaryInfo, { onHandleDelete: handleDelete })), editMapInfo?.elementType === DataType.OBSTACLE && (jsx(ObstacleInfo, { onHandleDelete: handleDelete })), editMapInfo?.elementType === DataType.DOODLE && jsx(DoodleInfo, { onHandleDelete: handleDelete }), editMapInfo?.elementType === DataType.VISION_OFF && (jsx(VisionOffInfo, { onHandleDelete: handleDelete })), jsx("div", { className: styles$9.border }), jsx("div", { className: styles$9.handle, children: jsxs(Space, { size: 12, children: [jsx(Button, { variant: "outlined", color: "default", onClick: () => {
+                                handleCancel();
+                            }, children: "Cancel" }), jsx(Button, { variant: "solid", color: "primary", onClick: handleSave, children: "Save" })] }) })] }));
 };
 
 var _path;
@@ -21517,7 +21796,7 @@ const defaultMapConfig = DEFAULT_STYLES;
 // 地图渲染器组件
 const MowerMapRenderer = forwardRef(({ sn, platform = PlatformType.WEB, edger = false, unitType = UnitsType.Imperial, language = 'en', onlyRead = false, mapConfig, 
 // pathConfig,
-modelType, mapRef, mapJson, pathJson, realTimeData, antennaConfig, onMapLoad, onPathLoad, onError, className, style, googleMapInstance: _googleMapInstance, dragMap = false, dragCallbacks, defaultTransform, debug: _debug = false, doodleList = [], editMap = false, unStructMapData, disabledObstacles = false, onHandleEnterRecord, onHandleCompleteRecord, onHandleStopRecord, onHandleDeleteElement, onSaveBoundaryData, onSaveMap, onEditInfoMapChange, onUpdateBoundary, heightOptions, globalHeight, onClickEvent, }, ref) => {
+modelType, mapRef, mapJson, pathJson, realTimeData, antennaConfig, onMapLoad, onPathLoad, onError, className, style, googleMapInstance: _googleMapInstance, dragMap = false, dragCallbacks, defaultTransform, debug: _debug = false, doodleList = [], editMap = false, unStructMapData, disabledObstacles = false, onHandleEnterRecord, onHandleCompleteRecord, onHandleStopRecord, onHandleDeleteElement, onSaveBoundaryData, onSaveMap, onEditInfoMapChange, onUpdateBoundary, heightOptions, globalHeight, onHandleEvent, }, ref) => {
     const [currentError, setCurrentError] = useState(null);
     const overlayRef = useRef(null);
     // const mapRef = useMap();
@@ -21573,7 +21852,7 @@ modelType, mapRef, mapJson, pathJson, realTimeData, antennaConfig, onMapLoad, on
             onSaveMap,
             onHandleDeleteElement,
             onUpdateBoundary,
-            onClickEvent,
+            onHandleEvent,
         };
     }, [
         minDistance,
@@ -21585,7 +21864,7 @@ modelType, mapRef, mapJson, pathJson, realTimeData, antennaConfig, onMapLoad, on
         onSaveBoundaryData,
         onSaveMap,
         onUpdateBoundary,
-        onClickEvent,
+        onHandleEvent,
     ]);
     // 合并配置
     const mergedMapConfig = useMemo(() => {
@@ -21619,6 +21898,7 @@ modelType, mapRef, mapJson, pathJson, realTimeData, antennaConfig, onMapLoad, on
             drag: defaultTransform,
             mapRef,
             overlayScale,
+            doodleList,
         };
     }, [
         sn,
@@ -21633,6 +21913,7 @@ modelType, mapRef, mapJson, pathJson, realTimeData, antennaConfig, onMapLoad, on
         defaultTransform,
         mapRef,
         overlayScale,
+        doodleList,
     ]);
     // console.log('svgElementDatas->', svgElementDatas, unStructMapData, commonValue);
     // 处理地图分区边界
@@ -21874,7 +22155,15 @@ modelType, mapRef, mapJson, pathJson, realTimeData, antennaConfig, onMapLoad, on
             // 基于固定的参考zoom级别计算overlayScale
             const zoomDiff = currentZoom - REFERENCE_ZOOM;
             const scale = Math.pow(2, -zoomDiff); // 负数实现反向缩放
-            setOverlayScale(scale);
+            if (scale < 1) {
+                setOverlayScale(1);
+            }
+            else if (scale > 4) {
+                setOverlayScale(4);
+            }
+            else {
+                setOverlayScale(scale);
+            }
         };
         // 使用lodash throttle进行节流处理: 100ms内只执行一次
         const handleZoomChanged = throttle$2(updateScale, 50);
@@ -21967,6 +22256,8 @@ modelType, mapRef, mapJson, pathJson, realTimeData, antennaConfig, onMapLoad, on
         addHistory: (history) => svgEditMapRef.current?.addHistory(history),
         // 添加doodle
         addDoodle: (doodle) => svgEditMapRef.current?.addDoodle(doodle),
+        // 检查doodle
+        checkDoodle: () => svgEditMapRef.current?.checkDoodle?.(),
     }));
     /**
      * 根据割草机的位置更新路径