sctj-components 1.1.37 → 1.1.38

package/lib/sctj-components.es.js

@@ -10202,8 +10202,8 @@ const _sfc_main$5 = {
   }
 };
 const SCTJTrackPlayback = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-87a3abe5"]]);
-const index_vue_vue_type_style_index_0_scoped_e5322b91_lang = "";
-const _withScopeId$3 = (n) => (pushScopeId("data-v-e5322b91"), n = n(), popScopeId(), n);
+const index_vue_vue_type_style_index_0_scoped_a7875dcf_lang = "";
+const _withScopeId$3 = (n) => (pushScopeId("data-v-a7875dcf"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = {
   key: 0,
   class: "btn-container"
@@ -10384,6 +10384,20 @@ const _sfc_main$4 = {
       renderInitialData();
     });
     const { isMobile } = useMobile();
+    const normalizePathProp = (propValue) => {
+      if (!propValue)
+        return [];
+      let value = isJSONString(propValue) ? JSON.parse(propValue) : propValue;
+      if (Array.isArray(value) && value.some((item) => isJSONString(item))) {
+        value = value.map((item) => isJSONString(item) ? JSON.parse(item) : item);
+      }
+      if (Array.isArray(value) && getArrayLevel(value) === 1) {
+        return value.length ? [value] : [];
+      }
+      if (Array.isArray(value) && getArrayLevel(value) > 1)
+        return value;
+      return [];
+    };
     const realMarkers = computed$1({
       get() {
         if (Array.isArray(props.markers))
@@ -10395,105 +10409,49 @@ const _sfc_main$4 = {
         return [];
       },
       set(value) {
-        console.log("update:markers", value);
         emit("update:markers", value);
       }
     });
     const realPolylines = computed$1({
       get() {
-        if (props.polylines) {
-          let value = isJSONString(props.polylines) ? JSON.parse(props.polylines) : props.polylines;
-          if (Array.isArray(value) && value.some((item) => isJSONString(item))) {
-            value = value.map((item) => {
-              return isJSONString(item) ? JSON.parse(item) : item;
-            });
-          }
-          if (Array.isArray(value) && getArrayLevel(value) === 1) {
-            if (!value.length)
-              return [];
-            return [value];
-          }
-          if (Array.isArray(value) && getArrayLevel(value) > 1)
-            return value;
-          return [];
-        }
-        return [];
+        return normalizePathProp(props.polylines);
       },
       set(value) {
-        console.log("update:polylines", value);
         emit("update:polylines", value);
       }
     });
     const realPolygons = computed$1({
       get() {
-        if (props.polygons) {
-          let value = isJSONString(props.polygons) ? JSON.parse(props.polygons) : props.polygons;
-          if (Array.isArray(value) && value.some((item) => isJSONString(item))) {
-            value = value.map((item) => {
-              return isJSONString(item) ? JSON.parse(item) : item;
-            });
-          }
-          if (Array.isArray(value) && getArrayLevel(value) === 1) {
-            if (!value.length)
-              return [];
-            return [value];
-          }
-          if (Array.isArray(value) && getArrayLevel(value) > 1)
-            return value;
-          return [];
-        }
-        return [];
+        return normalizePathProp(props.polygons);
       },
       set(value) {
-        console.log("update:polygons", value);
         emit("update:polygons", value);
       }
     });
     const realBezierCurves = computed$1({
       get() {
-        if (props.bezierCurves) {
-          let value = isJSONString(props.bezierCurves) ? JSON.parse(props.polbezierCurvesylines) : props.bezierCurves;
-          if (Array.isArray(value) && value.some((item) => isJSONString(item))) {
-            value = value.map((item) => {
-              return isJSONString(item) ? JSON.parse(item) : item;
-            });
-          }
-          if (Array.isArray(value) && getArrayLevel(value) === 1) {
-            if (!value.length)
-              return [];
-            return [value];
-          }
-          if (Array.isArray(value) && getArrayLevel(value) > 1)
-            return value;
-          return [];
-        }
-        return [];
+        return normalizePathProp(props.bezierCurves);
       },
       set(value) {
-        console.log("update:bezierCurves", value);
         emit("update:bezierCurves", value);
       }
     });
     const realCircles = computed$1({
       get() {
-        if (props.circles) {
-          let value = isJSONString(props.circles) ? JSON.parse(props.circles) : props.circles;
-          if (Array.isArray(value) && value.some((item) => isJSONString(item))) {
-            value = value.map((item) => {
-              return isJSONString(item) ? JSON.parse(item) : item;
-            });
-          }
-          if (Array.isArray(value))
-            return value;
-          if (Object.prototype.toString.call(value) === "[object Object]") {
-            return [value];
-          }
+        if (!props.circles)
           return [];
+        let value = isJSONString(props.circles) ? JSON.parse(props.circles) : props.circles;
+        if (Array.isArray(value) && value.some((item) => isJSONString(item))) {
+          value = value.map((item) => isJSONString(item) ? JSON.parse(item) : item);
+        }
+        if (Array.isArray(value))
+          return value;
+        if (Object.prototype.toString.call(value) === "[object Object]") {
+          return [value];
         }
         return [];
       },
       set(value) {
-        console.log("update:circle", value);
         emit("update:circles", value);
       }
     });
@@ -10505,34 +10463,52 @@ const _sfc_main$4 = {
     const showHelpDialog = ref$1(false);
     const map = shallowRef(null);
     const mouseTool = shallowRef(null);
-    const localMarkers = ref$1([]);
-    const localPolylines = ref$1([]);
-    const localPolygons = ref$1([]);
-    const localBezierCurves = ref$1([]);
-    const localCircles = ref$1([]);
-    const polyEditor = ref$1(null);
-    const polygonEditor = ref$1(null);
-    const bezierCurveEditor = ref$1(null);
-    const circleEditor = ref$1(null);
+    const editor = shallowRef(null);
     const currentEditingObj = ref$1(null);
     const placeSearch = ref$1(null);
     const searchKeyword = ref$1("");
     const searchLngLat = ref$1("");
     const mapContainer = ref$1(null);
+    const localMarkers = ref$1([]);
+    const localPolylines = ref$1([]);
+    const localPolygons = ref$1([]);
+    const localBezierCurves = ref$1([]);
+    const localCircles = ref$1([]);
+    const LOCAL_ARRAYS = {
+      marker: localMarkers,
+      polyline: localPolylines,
+      polygon: localPolygons,
+      bezierCurve: localBezierCurves,
+      circle: localCircles
+    };
+    const BUTTON_TO_INSTANCE = {
+      point: "marker",
+      polyline: "polyline",
+      polygon: "polygon",
+      bezierCurve: "bezierCurve",
+      circle: "circle"
+    };
+    const TYPE_NAMES = {
+      marker: "\u70B9",
+      polyline: "\u6298\u7EBF",
+      polygon: "\u591A\u8FB9\u5F62",
+      bezierCurve: "\u66F2\u7EBF",
+      circle: "\u5706\u5F62"
+    };
     watch(() => props.center, () => {
       var _a;
       if (props.center && map.value && !allOverlays.value.length) {
         (_a = map.value) == null ? void 0 : _a.setCenter(parsePosition(props.center));
       }
     });
-    const markerDefaultConfig = reactive({
+    const markerDefaultConfig = {
       icon: "https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
       size: {
         width: 26,
         height: 32
       }
-    });
-    const polylineDefaultConfig = reactive({
+    };
+    const polylineDefaultConfig = {
       isOutline: true,
       outlineColor: "#ffffff",
       borderWeight: 2,
@@ -10545,22 +10521,12 @@ const _sfc_main$4 = {
       showDir: true,
       dirColor: "white",
       dirIconSize: 20
-    });
-    const bezierCurveDefaultConfig = reactive({
-      isOutline: true,
-      outlineColor: "#ffffff",
-      borderWeight: 2,
-      strokeColor: "#1890ff",
-      strokeOpacity: 1,
-      strokeWeight: 3,
-      strokeStyle: "solid",
-      lineJoin: "round",
-      lineCap: "round",
-      showDir: true,
-      dirColor: "white",
-      dirIconSize: 20
-    });
-    const polygonDefaultConfig = reactive({
+    };
+    const bezierCurveDefaultConfig = {
+      ...polylineDefaultConfig,
+      strokeWeight: 3
+    };
+    const polygonDefaultConfig = {
       fillColor: "#1890ff",
       strokeColor: "#1890ff",
       fillOpacity: 0.1,
@@ -10569,8 +10535,8 @@ const _sfc_main$4 = {
       strokeStyle: "dashed",
       strokeDasharray: [10, 5],
       draggable: false
-    });
-    const circleDefaultConfig = reactive({
+    };
+    const circleDefaultConfig = {
       strokeColor: "#1890ff",
       strokeOpacity: 1,
       strokeWeight: 3,
@@ -10578,13 +10544,7 @@ const _sfc_main$4 = {
       fillOpacity: 0.1,
       zIndex: 10,
       draggable: false
-    });
-    onBeforeUnmount(() => {
-      if (map.value) {
-        map.value.destroy();
-        map.value = null;
-      }
-    });
+    };
     const isMultipleAllowed = (type) => {
       if (typeof props.multiple === "boolean") {
         return props.multiple;
@@ -10600,6 +10560,37 @@ const _sfc_main$4 = {
       }
       return position;
     };
+    const preventContextMenu = (e) => e.preventDefault();
+    const getInstanceType = (instance) => {
+      if (instance instanceof AMap.Marker)
+        return "marker";
+      if (instance instanceof AMap.Polyline)
+        return "polyline";
+      if (instance instanceof AMap.Polygon)
+        return "polygon";
+      if (instance instanceof AMap.BezierCurve)
+        return "bezierCurve";
+      if (instance instanceof AMap.Circle)
+        return "circle";
+      return null;
+    };
+    const parseLngLat = (str) => {
+      const [lng, lat] = str.split(",").map(Number);
+      return new AMap.LngLat(lng, lat);
+    };
+    const buildMarkerOptions = () => {
+      const { size, icon } = props.markerConfig;
+      const useSize = size || markerDefaultConfig.size;
+      const useIcon = icon || markerDefaultConfig.icon;
+      return {
+        icon: new AMap.Icon({
+          image: useIcon,
+          imageSize: new AMap.Size(useSize.width, useSize.height)
+        }),
+        offset: new AMap.Pixel(-(useSize.width / 2), -useSize.height),
+        size: new AMap.Size(useSize.width, useSize.height)
+      };
+    };
     const initMap = async () => {
       try {
         loading.value = true;
@@ -10628,9 +10619,7 @@ const _sfc_main$4 = {
         mouseTool.value = new AMap2.MouseTool(map.value);
         mouseTool.value.on("draw", handleDrawComplete);
         map.value.on("rightclick", handleRightClick);
-        document.addEventListener("contextmenu", (e) => {
-          e.preventDefault();
-        });
+        document.addEventListener("contextmenu", preventContextMenu);
         placeSearch.value = new AMap2.PlaceSearch({
           pageSize: 10,
           pageIndex: 1,
@@ -10661,22 +10650,22 @@ const _sfc_main$4 = {
     const setInstanceEvent = (type, instance) => {
       if (type !== "circle") {
         instance.setDraggable(true);
-        instance.on("mousedown", (e) => {
+        instance.on("mousedown", () => {
           if (drawingType.value === "circle")
             instance.setDraggable(false);
         });
-        instance.on("mouseup", (e) => {
+        instance.on("mouseup", () => {
           instance.setDraggable(true);
         });
-        instance.on("dragend", (e) => {
-          if (type === "marker")
-            updateMarkerData(instance);
-          if (type === "polyline")
-            updatePolylineData(instance);
-          if (type === "polygon")
-            updatePolygonData(instance);
-          if (type === "bezierCurve")
-            updateBezierCurveData(instance);
+        instance.on("dragend", () => {
+          var _a;
+          const updaters = {
+            marker: updateMarkerData,
+            polyline: updatePolylineData,
+            polygon: updatePolygonData,
+            bezierCurve: updateBezierCurveData
+          };
+          (_a = updaters[type]) == null ? void 0 : _a.call(updaters, instance);
           props.immediateComplete && handleConfirm();
         });
       }
@@ -10684,7 +10673,7 @@ const _sfc_main$4 = {
         handleRightClick(instance);
       });
       if (type !== "marker") {
-        instance.on("dblclick", (e) => {
+        instance.on("dblclick", () => {
           setTimeout(() => {
             mouseTool.value && mouseTool.value.close();
           });
@@ -10692,13 +10681,22 @@ const _sfc_main$4 = {
         });
       }
     };
-    const allOverlays = computed$1(() => [
-      ...localMarkers.value.map((item) => item.obj).filter((item) => item),
-      ...localPolylines.value.map((item) => item.obj).filter((item) => item),
-      ...localPolygons.value.map((item) => item.obj).filter((item) => item),
-      ...localBezierCurves.value.map((item) => item.obj).filter((item) => item),
-      ...localCircles.value.map((item) => item.obj).filter((item) => item)
-    ]);
+    const allOverlays = computed$1(
+      () => Object.values(LOCAL_ARRAYS).flatMap((arr) => arr.value.map((item) => item.obj).filter(Boolean))
+    );
+    const renderPathOverlay = (dataList, OverlayClass, defaultConfig, propConfig, type, localArr) => {
+      dataList.forEach((data) => {
+        const path = data.map((point) => parseLngLat(point));
+        const obj = new OverlayClass({
+          path,
+          map: map.value,
+          ...defaultConfig,
+          ...propConfig
+        });
+        setInstanceEvent(type, obj);
+        localArr.value.push({ obj, path: data, type });
+      });
+    };
     const renderInitialData = () => {
       if (!map.value)
         return;
@@ -10711,56 +10709,18 @@ const _sfc_main$4 = {
       map.value.clearMap();
       realMarkers.value.forEach((marker) => {
         const [lng, lat] = marker.split(",").map(Number);
-        const { size, icon } = props.markerConfig;
         const markerObj = new AMap2.Marker({
           position: [lng, lat],
-          icon: new AMap2.Icon({
-            image: icon || markerDefaultConfig.icon,
-            imageSize: size ? new AMap2.Size(size.width, size.height) : new AMap2.Size(markerDefaultConfig.size.width, markerDefaultConfig.size.height)
-          }),
-          offset: size ? new AMap2.Pixel(-(size.width / 2), -size.height) : new AMap2.Pixel(-(markerDefaultConfig.size.width / 2), -markerDefaultConfig.size.height),
-          size: size ? new AMap2.Size(size.width, size.height) : new AMap2.Size(markerDefaultConfig.size.width, markerDefaultConfig.size.height),
+          ...buildMarkerOptions(),
           map: map.value
         });
         setInstanceEvent("marker", markerObj);
         localMarkers.value.push({ obj: markerObj, position: marker, type: "marker" });
       });
-      realPolylines.value.forEach((polyline) => {
-        console.log("polyline", polyline);
-        const path = polyline.map((point) => {
-          const [lng, lat] = point.split(",").map(Number);
-          return new AMap2.LngLat(lng, lat);
-        });
-        const polylineObj = new AMap2.Polyline({
-          path,
-          map: map.value,
-          ...polylineDefaultConfig,
-          ...props.polylineConfig
-        });
-        setInstanceEvent("polyline", polylineObj);
-        localPolylines.value.push({ obj: polylineObj, path: polyline, type: "polyline" });
-      });
-      realPolygons.value.forEach((polygon) => {
-        console.log("polygon", polygon);
-        const path = polygon.map((point) => {
-          const [lng, lat] = point.split(",").map(Number);
-          return new AMap2.LngLat(lng, lat);
-        });
-        const polygonObj = new AMap2.Polygon({
-          path,
-          map: map.value,
-          ...polygonDefaultConfig,
-          ...props.polygonConfig
-        });
-        setInstanceEvent("polygon", polygonObj);
-        localPolygons.value.push({ obj: polygonObj, path: polygon, type: "polygon" });
-      });
+      renderPathOverlay(realPolylines.value, AMap2.Polyline, polylineDefaultConfig, props.polylineConfig, "polyline", localPolylines);
+      renderPathOverlay(realPolygons.value, AMap2.Polygon, polygonDefaultConfig, props.polygonConfig, "polygon", localPolygons);
       realBezierCurves.value.forEach((bezierCurve) => {
-        const path = bezierCurve.map((point) => {
-          return point.map((item) => {
-            return Number(item);
-          });
-        });
+        const path = bezierCurve.map((point) => point.map(Number));
         const bezierCurveObj = new AMap2.BezierCurve({
           path,
           map: map.value,
@@ -10788,7 +10748,6 @@ const _sfc_main$4 = {
       }
     };
     const drawTypClick = (type) => {
-      console.log("type------", type);
       type === drawingType.value ? drawingType.value = "" : drawingType.value = type;
       if (drawingType.value) {
         startDrawing(drawingType.value);
@@ -10804,22 +10763,9 @@ const _sfc_main$4 = {
       }
       switch (type) {
         case "point":
-          const { size, icon } = props.markerConfig;
-          mouseTool.value.marker({
-            icon: new AMap.Icon({
-              image: icon || markerDefaultConfig.icon,
-              imageSize: size ? new AMap.Size(size.width, size.height) : new AMap.Size(markerDefaultConfig.size.width, markerDefaultConfig.size.height)
-            }),
-            offset: size ? new AMap.Pixel(-(size.width / 2), -size.height) : new AMap.Pixel(-(markerDefaultConfig.size.width / 2), -markerDefaultConfig.size.height),
-            size: size ? new AMap.Size(size.width, size.height) : new AMap.Size(markerDefaultConfig.size.width, markerDefaultConfig.size.height)
-          });
+          mouseTool.value.marker(buildMarkerOptions());
           break;
         case "polyline":
-          mouseTool.value.polyline({
-            ...polylineDefaultConfig,
-            ...props.polylineConfig
-          });
-          break;
         case "bezierCurve":
           mouseTool.value.polyline({
             ...polylineDefaultConfig,
@@ -10848,15 +10794,15 @@ const _sfc_main$4 = {
         return;
       const { obj } = event;
       if (obj instanceof AMap.Marker && !isMultipleAllowed("point")) {
-        deleteAllMarkers();
+        clearLocalByType("marker");
       } else if (obj instanceof AMap.Polyline && drawingType.value !== "bezierCurve" && !isMultipleAllowed("polyline")) {
-        deleteAllPolylines();
+        clearLocalByType("polyline");
       } else if (obj instanceof AMap.Polygon && !isMultipleAllowed("polygon")) {
-        deleteAllPolygons();
+        clearLocalByType("polygon");
       } else if ((obj instanceof AMap.BezierCurve || obj instanceof AMap.Polyline && drawingType.value === "bezierCurve") && !isMultipleAllowed("bezierCurve")) {
-        deleteAllBezierCurves();
+        clearLocalByType("bezierCurve");
       } else if (obj instanceof AMap.Circle && !isMultipleAllowed("circle")) {
-        obj._opts.radius && deleteAllCircles();
+        obj._opts.radius && clearLocalByType("circle");
       }
       if (obj instanceof AMap.Marker) {
         const position = obj.getPosition();
@@ -10938,8 +10884,8 @@ const _sfc_main$4 = {
         ...props.bezierCurveConfig,
         map: map.value
       });
-      enableBezierCurveEditor(bezierCurve);
-      localBezierCurves.value.push({ obj: bezierCurve, path: bezierPath });
+      enableEditor("bezierCurve", bezierCurve);
+      localBezierCurves.value.push({ obj: bezierCurve, path: bezierPath, type: "bezierCurve" });
       setInstanceEvent("bezierCurve", bezierCurve);
     };
     const updateMarkerData = (marker) => {
@@ -10951,61 +10897,38 @@ const _sfc_main$4 = {
         localMarkers.value[index2].position = `${position.lng},${position.lat}`;
       }
     };
-    const enablePolylineEditor = (polyline) => {
-      if (props.disabled)
-        return;
-      if (polyEditor.value) {
-        polyEditor.value.close();
-      }
-      polyEditor.value = new AMap.PolyEditor(map.value, polyline);
-      polyEditor.value.open();
-      currentEditingObj.value = polyline;
-    };
-    const enablePolygonEditor = (polygon) => {
-      if (props.disabled)
-        return;
-      if (polygonEditor.value) {
-        polygonEditor.value.close();
-      }
-      polygonEditor.value = new AMap.PolygonEditor(map.value, polygon);
-      polygonEditor.value.open();
-      currentEditingObj.value = polygon;
-    };
-    const enableCircleEditor = (circle) => {
-      if (props.disabled)
-        return;
-      if (circleEditor.value) {
-        circleEditor.value.close();
-      }
-      circleEditor.value = new AMap.CircleEditor(map.value, circle);
-      circleEditor.value.open();
-      currentEditingObj.value = circle;
+    const updateDataByInstance = (instance) => {
+      if (instance instanceof AMap.Polyline)
+        updatePolylineData(instance);
+      else if (instance instanceof AMap.Polygon)
+        updatePolygonData(instance);
+      else if (instance instanceof AMap.BezierCurve)
+        updateBezierCurveData(instance);
+      else if (instance instanceof AMap.Circle)
+        updateCircleData(instance);
     };
-    const enableBezierCurveEditor = (bezierCurve) => {
+    const enableEditor = (type, instance) => {
       if (props.disabled)
         return;
-      if (bezierCurveEditor.value) {
-        bezierCurveEditor.value.close();
-      }
-      bezierCurveEditor.value = new AMap.BezierCurveEditor(map.value, bezierCurve);
-      bezierCurveEditor.value.open();
-      currentEditingObj.value = bezierCurve;
+      if (editor.value)
+        editor.value.close();
+      const EditorClass = {
+        polyline: AMap.PolyEditor,
+        polygon: AMap.PolygonEditor,
+        circle: AMap.CircleEditor,
+        bezierCurve: AMap.BezierCurveEditor
+      }[type];
+      editor.value = new EditorClass(map.value, instance);
+      editor.value.open();
+      currentEditingObj.value = instance;
     };
     const handleRightClick = (target) => {
       setTimeout(() => {
         if (props.disabled || drawing.value)
           return;
-        if (target instanceof AMap.Marker) {
-          deleteMarker(target);
-        } else if (target instanceof AMap.Polyline) {
-          deletePolyline(target);
-        } else if (target instanceof AMap.Polygon) {
-          console.log("target", target);
-          deletePolygon(target);
-        } else if (target instanceof AMap.BezierCurve) {
-          deleteBezierCurve(target);
-        } else if (target instanceof AMap.Circle) {
-          deleteCircle(target);
+        const type = getInstanceType(target);
+        if (type) {
+          confirmDelete("single", { type, instance: target });
         } else {
           if (props.immediateComplete && currentEditingObj.value) {
             handleConfirm();
@@ -11025,121 +10948,38 @@ const _sfc_main$4 = {
         return;
       }
       if (currentEditingObj.value) {
-        !props.immediateComplete && closeEditor();
-        props.immediateComplete && handleConfirm();
-      }
-      if (target instanceof AMap.Polyline) {
-        enablePolylineEditor(target);
-      } else if (target instanceof AMap.Polygon) {
-        enablePolygonEditor(target);
-      } else if (target instanceof AMap.BezierCurve) {
-        enableBezierCurveEditor(target);
-      } else if (target instanceof AMap.Circle) {
-        enableCircleEditor(target);
-      }
-    };
-    const deleteMarker = (marker) => {
-      if (props.disabled)
-        return;
-      confirmDelete("single", {
-        type: "marker",
-        instance: marker
-      });
-    };
-    const executeDeleteMarker = (marker) => {
-      marker.setMap(null);
-      const index2 = localMarkers.value.findIndex((item) => item.obj._amap_id === marker._amap_id);
-      if (index2 !== -1) {
-        localMarkers.value.splice(index2, 1);
-      }
-    };
-    const deletePolyline = (polyline) => {
-      if (props.disabled)
-        return;
-      confirmDelete("single", {
-        type: "polyline",
-        instance: polyline
-      });
-    };
-    const executeDeletePolyline = (polyline) => {
-      polyline.setMap(null);
-      const index2 = localPolylines.value.findIndex((item) => item.obj._amap_id === polyline._amap_id);
-      console.log("index---------", index2);
-      if (index2 !== -1) {
-        localPolylines.value.splice(index2, 1);
+        if (props.immediateComplete)
+          handleConfirm();
+        else
+          closeEditor();
       }
-    };
-    const deletePolygon = (polygon) => {
-      if (props.disabled)
-        return;
-      confirmDelete("single", {
-        type: "polygon",
-        instance: polygon
-      });
-    };
-    const executeDeletePolygon = (polygon) => {
-      polygon.setMap(null);
-      console.log("localPolygons.value", localPolygons.value);
-      const index2 = localPolygons.value.findIndex((item) => item.obj._amap_id === polygon._amap_id);
-      console.log("index---------", index2);
-      if (index2 !== -1) {
-        localPolygons.value.splice(index2, 1);
-        console.log("localPolygons.value", localPolygons.value);
+      const type = getInstanceType(target);
+      if (type && type !== "marker") {
+        enableEditor(type, target);
       }
     };
-    const deleteBezierCurve = (bezierCurve) => {
-      if (props.disabled)
-        return;
-      confirmDelete("single", {
-        type: "bezierCurve",
-        instance: bezierCurve
-      });
-    };
-    const executeDeleteBezierCurve = (bezierCurve) => {
-      bezierCurve.setMap(null);
-      const index2 = localBezierCurves.value.findIndex((item) => item.obj._amap_id === bezierCurve._amap_id);
+    const executeDeleteSingle = (type, instance) => {
+      instance.setMap(null);
+      const arr = LOCAL_ARRAYS[type];
+      const index2 = arr.value.findIndex((item) => item.obj._amap_id === instance._amap_id);
       if (index2 !== -1) {
-        localBezierCurves.value.splice(index2, 1);
-      }
-    };
-    const deleteCircle = (circle) => {
-      if (props.disabled)
-        return;
-      confirmDelete("single", {
-        type: "circle",
-        instance: circle
-      });
-    };
-    const executeDeleteCircle = (circle) => {
-      circle.setMap(null);
-      const index2 = localCircles.value.findIndex((item) => item.obj._amap_id === circle._amap_id);
-      if (index2 !== -1) {
-        localCircles.value.splice(index2, 1);
+        arr.value.splice(index2, 1);
       }
     };
     const closeEditor = () => {
       if (props.disabled)
         return;
-      if (polyEditor.value && currentEditingObj.value instanceof AMap.Polyline) {
-        updatePolylineData();
-        polyEditor.value.close();
-      }
-      if (polygonEditor.value && currentEditingObj.value instanceof AMap.Polygon) {
-        updatePolygonData();
-        polygonEditor.value.close();
-      }
-      if (bezierCurveEditor.value && currentEditingObj.value instanceof AMap.BezierCurve) {
-        updateBezierCurveData();
-        bezierCurveEditor.value.close();
-      }
-      if (circleEditor.value && currentEditingObj.value instanceof AMap.Circle) {
-        updateCircleData();
-        circleEditor.value.close();
+      if (editor.value && currentEditingObj.value) {
+        updateDataByInstance(currentEditingObj.value);
+        editor.value.close();
       }
       currentEditingObj.value = null;
     };
     const updatePolylineData = (instance = null) => {
-      const polyline = instance != null ? instance : polyEditor.value.getTarget();
+      var _a;
+      const polyline = instance != null ? instance : (_a = editor.value) == null ? void 0 : _a.getTarget();
+      if (!polyline)
+        return;
       let InstancePath = polyline.getPath();
       if (getArrayLevel(InstancePath) > 1) {
         InstancePath = InstancePath[0];
@@ -11147,13 +10987,15 @@ const _sfc_main$4 = {
       }
       const path = InstancePath.map((point) => `${point.lng},${point.lat}`);
       const index2 = localPolylines.value.findIndex((item) => item.obj._amap_id === polyline._amap_id);
-      console.log("index", index2);
       if (index2 !== -1) {
         localPolylines.value[index2].path = path;
       }
     };
     const updatePolygonData = (instance = null) => {
-      const polygon = instance != null ? instance : polygonEditor.value.getTarget();
+      var _a;
+      const polygon = instance != null ? instance : (_a = editor.value) == null ? void 0 : _a.getTarget();
+      if (!polygon)
+        return;
       const path = polygon.getPath().map((point) => `${point.lng},${point.lat}`);
       const index2 = localPolygons.value.findIndex((item) => item.obj._amap_id === polygon._amap_id);
       if (index2 !== -1) {
@@ -11161,7 +11003,10 @@ const _sfc_main$4 = {
       }
     };
     const updateBezierCurveData = (instance = null) => {
-      const bezierCurve = instance != null ? instance : bezierCurveEditor.value.getTarget();
+      var _a;
+      const bezierCurve = instance != null ? instance : (_a = editor.value) == null ? void 0 : _a.getTarget();
+      if (!bezierCurve)
+        return;
       const rawPath = bezierCurve.getPath();
       const path = [];
       try {
@@ -11197,7 +11042,6 @@ const _sfc_main$4 = {
             }
           }
         }
-        console.log("\u5904\u7406\u540E\u7684\u8D1D\u585E\u5C14\u66F2\u7EBF\u8DEF\u5F84:", path);
         const index2 = localBezierCurves.value.findIndex((item) => item.obj._amap_id === bezierCurve._amap_id);
         if (index2 !== -1) {
           localBezierCurves.value[index2].path = path;
@@ -11207,7 +11051,10 @@ const _sfc_main$4 = {
       }
     };
     const updateCircleData = (instance = null) => {
-      const circle = instance != null ? instance : circleEditor.value.getTarget();
+      var _a;
+      const circle = instance != null ? instance : (_a = editor.value) == null ? void 0 : _a.getTarget();
+      if (!circle)
+        return;
       const center = circle.getCenter();
       const radius = circle.getRadius();
       const index2 = localCircles.value.findIndex((item) => item.obj._amap_id === circle._amap_id);
@@ -11216,80 +11063,38 @@ const _sfc_main$4 = {
         localCircles.value[index2].radius = radius;
       }
     };
+    const CONFIRM_MAPPING = [
+      { checkType: "point", instanceType: "marker", local: localMarkers, real: realMarkers },
+      { checkType: "polyline", instanceType: "polyline", local: localPolylines, real: realPolylines },
+      { checkType: "polygon", instanceType: "polygon", local: localPolygons, real: realPolygons },
+      { checkType: "bezierCurve", instanceType: "bezierCurve", local: localBezierCurves, real: realBezierCurves },
+      { checkType: "circle", instanceType: "circle", local: localCircles, real: realCircles }
+    ];
+    const buildOutputItem = (item, instanceType) => {
+      let path;
+      if (instanceType === "marker") {
+        path = typeof item.position === "string" ? item.position : props.formatJson ? JSON.stringify(item.position) : item.position;
+      } else if (instanceType === "circle") {
+        const data = { center: item.center, radius: item.radius };
+        path = props.formatJson ? JSON.stringify(data) : data;
+      } else {
+        path = props.formatJson ? JSON.stringify(item.path) : item.path;
+      }
+      return { path, type: item.type };
+    };
     const handleConfirm = () => {
-      var _a, _b, _c, _d, _e;
       if (props.disabled)
         return;
       closeEditor();
-      if (isMultipleAllowed("point")) {
-        realMarkers.value = localMarkers.value.map((item) => ({
-          path: typeof item.position === "string" ? item.position : props.formatJson ? JSON.stringify(item.position) : item.position,
-          type: item.type
-        }));
-      } else {
-        realMarkers.value = (_a = localMarkers.value.map((item) => ({
-          path: typeof item.position === "string" ? item.position : props.formatJson ? JSON.stringify(item.position) : item.position,
-          type: item.type
-        }))[0]) != null ? _a : "";
-      }
-      if (isMultipleAllowed("polyline")) {
-        realPolylines.value = localPolylines.value.map((item) => ({
-          path: props.formatJson ? JSON.stringify(item.path) : item.path,
-          type: item.type
-        }));
-      } else {
-        realPolylines.value = (_b = localPolylines.value.map((item) => ({
-          path: props.formatJson ? JSON.stringify(item.path) : item.path,
-          type: item.type
-        }))[0]) != null ? _b : "";
-      }
-      if (isMultipleAllowed("polygon")) {
-        realPolygons.value = localPolygons.value.map((item) => ({
-          path: props.formatJson ? JSON.stringify(item.path) : item.path,
-          type: item.type
-        }));
-      } else {
-        realPolygons.value = (_c = localPolygons.value.map((item) => ({
-          path: props.formatJson ? JSON.stringify(item.path) : item.path,
-          type: item.type
-        }))[0]) != null ? _c : "";
-      }
-      if (isMultipleAllowed("bezierCurve")) {
-        realBezierCurves.value = localBezierCurves.value.map((item) => {
-          return {
-            path: props.formatJson ? JSON.stringify(item.path) : item.path,
-            type: item.type
-          };
-        });
-      } else {
-        realBezierCurves.value = (_d = localBezierCurves.value.map((item) => ({
-          path: props.formatJson ? JSON.stringify(item.path) : item.path,
-          type: item.type
-        }))[0]) != null ? _d : "";
-      }
-      if (isMultipleAllowed("circle")) {
-        realCircles.value = localCircles.value.map((item) => ({
-          path: props.formatJson ? JSON.stringify({
-            center: item.center,
-            radius: item.radius
-          }) : {
-            center: item.center,
-            radius: item.radius
-          },
-          type: item.type
-        }));
-      } else {
-        realCircles.value = (_e = localCircles.value.map((item) => ({
-          path: props.formatJson ? JSON.stringify({
-            center: item.center,
-            radius: item.radius
-          }) : {
-            center: item.center,
-            radius: item.radius
-          },
-          type: item.type
-        }))[0]) != null ? _e : "";
-      }
+      CONFIRM_MAPPING.forEach(({ checkType, instanceType, local, real }) => {
+        var _a;
+        const items = local.value.map((item) => buildOutputItem(item, instanceType));
+        if (isMultipleAllowed(checkType)) {
+          real.value = items;
+        } else {
+          real.value = (_a = items[0]) != null ? _a : "";
+        }
+      });
       emit("change");
       emit("confirm");
     };
@@ -11307,18 +11112,10 @@ const _sfc_main$4 = {
         mouseTool.value.off("draw", handleDrawComplete);
         mouseTool.value.close();
       }
-      if (polyEditor.value) {
-        polyEditor.value.close();
-      }
-      if (polygonEditor.value) {
-        polygonEditor.value.close();
-      }
-      if (bezierCurveEditor.value) {
-        bezierCurveEditor.value.close();
-      }
-      if (circleEditor.value) {
-        circleEditor.value.close();
+      if (editor.value) {
+        editor.value.close();
       }
+      document.removeEventListener("contextmenu", preventContextMenu);
       if (map.value) {
         map.value.clearMap();
         map.value.off("rightclick", handleRightClick);
@@ -11336,25 +11133,11 @@ const _sfc_main$4 = {
       };
       return labels[type] || type;
     };
-    const getCountByType = (type) => {
-      switch (type) {
-        case "point":
-          return localMarkers.value.length;
-        case "polyline":
-          return localPolylines.value.length;
-        case "polygon":
-          return localPolygons.value.length;
-        case "bezierCurve":
-          return localBezierCurves.value.length;
-        case "circle":
-          return localCircles.value.length;
-        default:
-          return 0;
-      }
-    };
-    const getTotalCount = () => {
-      return localMarkers.value.length + localPolylines.value.length + localPolygons.value.length + localBezierCurves.value.length + localCircles.value.length;
+    const getCountByType = (buttonType) => {
+      const instanceType = BUTTON_TO_INSTANCE[buttonType];
+      return instanceType ? LOCAL_ARRAYS[instanceType].value.length : 0;
     };
+    const getTotalCount = () => Object.values(LOCAL_ARRAYS).reduce((sum, arr) => sum + arr.value.length, 0);
     const confirmDelete = async (type, target) => {
       try {
         let message = "";
@@ -11364,25 +11147,7 @@ const _sfc_main$4 = {
           const typeName = getButtonLabel(target).replace("\u7ED8\u5236", "");
           message = `\u786E\u5B9A\u8981\u5220\u9664\u6240\u6709${typeName}\u5417\uFF1F\u8FD9\u5C06\u6E05\u9664\u5730\u56FE\u4E0A\u7684\u6240\u6709 ${getCountByType(target)} \u4E2A${typeName}\u3002`;
         } else if (type === "single") {
-          let typeName = "";
-          switch (target.type) {
-            case "marker":
-              typeName = "\u70B9";
-              break;
-            case "polyline":
-              typeName = "\u6298\u7EBF";
-              break;
-            case "polygon":
-              typeName = "\u591A\u8FB9\u5F62";
-              break;
-            case "bezierCurve":
-              typeName = "\u66F2\u7EBF";
-              break;
-            case "circle":
-              typeName = "\u5706\u5F62";
-              break;
-          }
-          message = `\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A${typeName}\u5417\uFF1F`;
+          message = `\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A${TYPE_NAMES[target.type]}\u5417\uFF1F`;
         }
         await ElMessageBox.confirm(message, "\u5220\u9664\u786E\u8BA4");
         if (type === "all") {
@@ -11390,102 +11155,31 @@ const _sfc_main$4 = {
         } else if (type === "type") {
           deleteAllByType(target);
         } else if (type === "single") {
-          switch (target.type) {
-            case "marker":
-              executeDeleteMarker(target.instance);
-              break;
-            case "polyline":
-              executeDeletePolyline(target.instance);
-              break;
-            case "polygon":
-              executeDeletePolygon(target.instance);
-              break;
-            case "bezierCurve":
-              executeDeleteBezierCurve(target.instance);
-              break;
-            case "circle":
-              executeDeleteCircle(target.instance);
-              break;
-          }
+          executeDeleteSingle(target.type, target.instance);
         }
         props.immediateComplete && handleConfirm();
       } catch (error) {
       }
     };
+    const clearLocalByType = (instanceType) => {
+      const arr = LOCAL_ARRAYS[instanceType];
+      arr.value.forEach((item) => item.obj && item.obj.setMap(null));
+      arr.value = [];
+    };
     const deleteAllOverlays = () => {
       if (props.disabled)
         return;
       closeEditor();
-      deleteAllMarkers();
-      deleteAllPolylines();
-      deleteAllPolygons();
-      deleteAllBezierCurves();
-      deleteAllCircles();
+      Object.keys(LOCAL_ARRAYS).forEach(clearLocalByType);
       startDrawing(drawingType.value);
     };
-    const deleteAllByType = (type) => {
+    const deleteAllByType = (buttonType) => {
       if (props.disabled)
         return;
       closeEditor();
-      switch (type) {
-        case "point":
-          deleteAllMarkers();
-          break;
-        case "polyline":
-          deleteAllPolylines();
-          break;
-        case "polygon":
-          deleteAllPolygons();
-          break;
-        case "bezierCurve":
-          deleteAllBezierCurves();
-          break;
-        case "circle":
-          deleteAllCircles();
-          break;
-      }
+      clearLocalByType(BUTTON_TO_INSTANCE[buttonType]);
       startDrawing(drawingType.value);
     };
-    const deleteAllMarkers = () => {
-      if (props.disabled)
-        return;
-      localMarkers.value.forEach((marker) => {
-        marker.obj.setMap(null);
-      });
-      localMarkers.value = [];
-    };
-    const deleteAllPolylines = () => {
-      if (props.disabled)
-        return;
-      localPolylines.value.forEach((polyline) => {
-        polyline.obj.setMap(null);
-      });
-      localPolylines.value = [];
-    };
-    const deleteAllPolygons = () => {
-      if (props.disabled)
-        return;
-      localPolygons.value.forEach((polygon) => {
-        polygon.obj.setMap(null);
-      });
-      localPolygons.value = [];
-    };
-    const deleteAllBezierCurves = () => {
-      if (props.disabled)
-        return;
-      localBezierCurves.value.forEach((bezierCurve) => {
-        bezierCurve.obj.setMap(null);
-      });
-      localBezierCurves.value = [];
-    };
-    const deleteAllCircles = () => {
-      if (props.disabled)
-        return;
-      localCircles.value.forEach((circle) => {
-        circle.obj.setMap(null);
-      });
-      localCircles.value = [];
-    };
     const searchPlace = (queryString, callback) => {
       if (queryString.length === 0) {
         callback([]);
@@ -11514,9 +11208,7 @@ const _sfc_main$4 = {
       return validateCoordinates(arr[0], arr[1]);
     };
     const handleLngLatSelect = (lngLat) => {
-      let res = checkLngLat(lngLat);
-      console.log("res---------", res);
-      if (!res) {
+      if (!checkLngLat(lngLat)) {
         ElMessage.error("\u7ECF\u7EAC\u5EA6\u683C\u5F0F\u9519\u8BEF,\u8BF7\u8F93\u5165\u5982\uFF1A103.98673,30.584973 \u683C\u5F0F,\u5C0F\u6570\u4F4D\u6570\u4E0D\u8D85\u8FC715\u4F4D");
         return;
       }
@@ -11781,7 +11473,7 @@ const _sfc_main$4 = {
     };
   }
 };
-const SCTJMapDrawing = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e5322b91"]]);
+const SCTJMapDrawing = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a7875dcf"]]);
 const BimViewer_vue_vue_type_style_index_0_scoped_5d1b1a03_lang = "";
 const _withScopeId$2 = (n) => (pushScopeId("data-v-5d1b1a03"), n = n(), popScopeId(), n);
 const _hoisted_1$2 = {