sctj-components 1.0.56 → 1.0.57

package/lib/sctj-components.es.js

@@ -5031,7 +5031,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const index_vue_vue_type_style_index_0_scoped_23f6e80a_lang = "";
+const index_vue_vue_type_style_index_0_scoped_0946936d_lang = "";
 const _hoisted_1$4 = { class: "action-container" };
 const _hoisted_2$3 = {
   key: 0,
@@ -5110,8 +5110,8 @@ const _sfc_main$5 = {
   setup(__props, { expose, emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "21fc5abb": __props.width,
-      "03c002d2": __props.height
+      "1dd03d1d": __props.width,
+      "fb2f26a0": __props.height
     }));
     const mapContainer = ref$1(null);
     const map = shallowRef(null);
@@ -5120,6 +5120,7 @@ const _sfc_main$5 = {
     const satelliteLayer = shallowRef(null);
     shallowRef(null);
     const controlBar = shallowRef(null);
+    const toolBar = shallowRef(null);
     const staticMarkerInstances = shallowRef([]);
     const dynamicMarkerInstances = shallowRef([]);
     const polylineInstances = shallowRef([]);
@@ -5301,6 +5302,12 @@ const _sfc_main$5 = {
         controlBar.value = null;
       }
     };
+    const clearMapToolBar = () => {
+      if (toolBar.value) {
+        map.value.removeControl(toolBar.value);
+        toolBar.value = null;
+      }
+    };
     onMounted$1(async () => {
       await initMap();
       handleMapEvents();
@@ -5320,6 +5327,7 @@ const _sfc_main$5 = {
       if (map.value) {
         clearMapEvents();
         clearMapControlBar();
+        clearMapToolBar();
         clearStaticMarkers();
         clearDynamicMarkers();
         clearPolylines();
@@ -5349,13 +5357,14 @@ const _sfc_main$5 = {
         const AMap2 = await AMapLoader.load({
           key: props.amapKey,
           version: "2.0",
-          plugins: ["AMap.Marker", "AMap.Polyline", "AMap.Polygon", "AMap.BezierCurve", "AMap.Circle", "AMap.Text", "AMap.LabelMarker", "AMap.BezierCurveEditor", "AMap.TileLayer.Satellite", "AMap.ControlBar", "AMap.OverlayGroup"]
+          plugins: ["AMap.Marker", "AMap.Polyline", "AMap.Polygon", "AMap.BezierCurve", "AMap.Circle", "AMap.Text", "AMap.LabelMarker", "AMap.BezierCurveEditor", "AMap.TileLayer.Satellite", "AMap.ControlBar", "AMap.OverlayGroup", "AMap.ToolBar"]
         });
         const mapConfig = {
           viewMode: props.viewMode,
           zoom: 15,
           mapStyle: props.mapStyle,
-          center: parsePosition(props.center) || [116.397428, 39.90923]
+          center: parsePosition(props.center) || [116.397428, 39.90923],
+          zooms: [3, 25]
         };
         if (props.viewMode === "3D") {
           mapConfig.pitch = 45;
@@ -5375,6 +5384,15 @@ const _sfc_main$5 = {
             map.value.addControl(controlBar.value);
           }
         }
+        if (!toolBar.value) {
+          toolBar.value = new AMap2.ToolBar({
+            position: {
+              top: "10px",
+              left: "10px"
+            }
+          });
+          map.value.addControl(toolBar.value);
+        }
         state.currentZoom = map.value.getZoom();
       } catch (error) {
         console.error("Failed to load AMap:", error);
@@ -5973,7 +5991,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-23f6e80a"]]);
+const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-0946936d"]]);
 const index_vue_vue_type_style_index_0_scoped_761d2ab4_lang = "";
 const _withScopeId$2 = (n) => (pushScopeId("data-v-761d2ab4"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = {