sctj-components 1.0.58 → 1.0.60

package/lib/sctj-components.es.js

@@ -5031,7 +5031,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const index_vue_vue_type_style_index_0_scoped_976b8061_lang = "";
+const index_vue_vue_type_style_index_0_scoped_ae15bc12_lang = "";
 const _hoisted_1$4 = { class: "action-container" };
 const _hoisted_2$3 = {
   key: 0,
@@ -5096,15 +5096,45 @@ const _sfc_main$5 = {
       type: String,
       default: "",
       required: true
+    },
+    showControlbar: {
+      type: Boolean,
+      default: true
+    },
+    showToolBar: {
+      type: Boolean,
+      default: true
+    },
+    showMapType: {
+      type: Boolean,
+      default: true
+    },
+    controlsPosition: {
+      type: Object,
+      default: () => {
+        return {
+          bottom: "10px",
+          right: "10px"
+        };
+      }
     }
   },
   emits: ["loaded", "overlay-click", "overlay-mouseover", "overlay-mouseout"],
   setup(__props, { expose, emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "7481e673": __props.width,
-      "01ebee1a": __props.height
+      "3fd21866": __props.width,
+      "bebc0af2": __props.height
     }));
+    const controlsPositionVars = computed$1(() => {
+      const position = props.controlsPosition || {};
+      const cssVars = {};
+      Object.entries(position).forEach(([key, value]) => {
+        const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+        cssVars[`--controls-${cssKey}`] = value;
+      });
+      return cssVars;
+    });
     const mapContainer = ref$1(null);
     const map = shallowRef(null);
     const legend = ref$1([]);
@@ -5372,41 +5402,41 @@ const _sfc_main$5 = {
         satelliteLayer.value = new AMap2.TileLayer.Satellite({
           zIndex: 1
         });
-        if (props.viewMode === "3D") {
-          if (!controlBar.value) {
-            controlBar.value = new AMap2.ControlBar({
-              position: {
-                bottom: "10px",
-                right: "10px"
-              }
-            });
-            map.value.addControl(controlBar.value);
-          }
-        }
-        if (!toolBar.value) {
-          toolBar.value = new AMap2.ToolBar({
-            position: {
-              top: "25px",
-              left: "20px"
-            }
-          });
-          map.value.addControl(toolBar.value);
-        }
-        if (!mapType.value) {
-          mapType.value = new AMap2.MapType({
-            defaultType: 0,
-            position: {
-              bottom: "120px",
-              left: "100px"
-            }
-          });
-          map.value.addControl(mapType.value);
-        }
+        setMapControls();
         state.currentZoom = map.value.getZoom();
       } catch (error) {
         console.error("Failed to load AMap:", error);
       }
     };
+    const setMapControls = () => {
+      if (props.showToolBar && !toolBar.value) {
+        toolBar.value = new AMap.ToolBar({
+          position: {
+            top: "initial",
+            left: "initial"
+          }
+        });
+        map.value.addControl(toolBar.value);
+      }
+      if (props.showControlbar && !controlBar.value) {
+        controlBar.value = new AMap.ControlBar({
+          position: {
+            top: "initial",
+            left: "initial"
+          }
+        });
+        map.value.addControl(controlBar.value);
+      }
+      if (props.showMapType && !mapType.value) {
+        mapType.value = new AMap.MapType({
+          position: {
+            top: "initial",
+            left: "initial"
+          }
+        });
+        map.value.addControl(mapType.value);
+      }
+    };
     const parsePosition = (position) => {
       if (typeof position === "string" && position.includes(",")) {
         return position.split(",").map(Number);
@@ -5948,7 +5978,8 @@ const _sfc_main$5 = {
         class: "mapViewContainer",
         id: "mapContainer",
         ref_key: "mapContainer",
-        ref: mapContainer
+        ref: mapContainer,
+        style: normalizeStyle(unref(controlsPositionVars))
       }, [
         createElementVNode("div", _hoisted_1$4, [
           __props.legendConfig.length ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
@@ -5974,11 +6005,11 @@ const _sfc_main$5 = {
             }, 8, ["modelValue"])
           ])) : createCommentVNode("", true)
         ])
-      ], 512);
+      ], 4);
     };
   }
 };
-const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-976b8061"]]);
+const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-ae15bc12"]]);
 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 = {