sctj-components 1.0.57 → 1.0.59

package/lib/sctj-components.es.js

@@ -134,7 +134,7 @@ const index_vue_vue_type_style_index_0_scoped_006fbc77_lang = "";
 const index_vue_vue_type_style_index_1_lang = "";
 const _hoisted_1$m = { class: "upload-file" };
 const _hoisted_2$d = { class: "el-upload__tip" };
-const _hoisted_3$a = { style: { "color": "#f56c6c" } };
+const _hoisted_3$9 = { style: { "color": "#f56c6c" } };
 const _hoisted_4$8 = { style: { "color": "#f56c6c" } };
 const _hoisted_5$6 = ["title"];
 const _hoisted_6$3 = { class: "ele-upload-list__item-content-action" };
@@ -414,7 +414,7 @@ const _sfc_main$t = {
                 createTextVNode(" \u8BF7\u4E0A\u4F20 "),
                 __props.fileSize ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   createTextVNode(" \u5927\u5C0F\u4E0D\u8D85\u8FC7 "),
-                  createElementVNode("b", _hoisted_3$a, toDisplayString(__props.fileSize) + "MB", 1)
+                  createElementVNode("b", _hoisted_3$9, toDisplayString(__props.fileSize) + "MB", 1)
                 ], 64)) : createCommentVNode("", true),
                 __props.fileType ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   createTextVNode(" \u683C\u5F0F\u4E3A "),
@@ -524,7 +524,7 @@ const _hoisted_2$c = {
   key: 0,
   class: "el-upload__tip"
 };
-const _hoisted_3$9 = { style: { "color": "#f56c6c" } };
+const _hoisted_3$8 = { style: { "color": "#f56c6c" } };
 const _hoisted_4$7 = { style: { "color": "#f56c6c" } };
 const _hoisted_5$5 = ["src"];
 const _sfc_main$s = {
@@ -764,7 +764,7 @@ const _sfc_main$s = {
           createTextVNode(" \u8BF7\u4E0A\u4F20 "),
           props.fileSize ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createTextVNode(" \u5927\u5C0F\u4E0D\u8D85\u8FC7 "),
-            createElementVNode("b", _hoisted_3$9, toDisplayString(props.fileSize) + "MB", 1)
+            createElementVNode("b", _hoisted_3$8, toDisplayString(props.fileSize) + "MB", 1)
           ], 64)) : createCommentVNode("", true),
           props.fileType ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(" \u683C\u5F0F\u4E3A "),
@@ -1019,7 +1019,7 @@ const icons = [
 const index_vue_vue_type_style_index_0_scoped_37029e19_lang = "";
 const _hoisted_1$j = { class: "icon-content" };
 const _hoisted_2$b = { class: "icon-list" };
-const _hoisted_3$8 = ["onClick"];
+const _hoisted_3$7 = ["onClick"];
 const _sfc_main$q = {
   __name: "index",
   props: {
@@ -1149,7 +1149,7 @@ const _sfc_main$q = {
                   style: { "height": "30px", "width": "16px", "flex-shrink": "0" }
                 }, null, 8, ["icon-class"]),
                 createElementVNode("span", null, toDisplayString(item), 1)
-              ], 8, _hoisted_3$8);
+              ], 8, _hoisted_3$7);
             }), 128))
           ])
         ], 512), [
@@ -2380,7 +2380,7 @@ const _hoisted_1$d = {
   class: "search-container"
 };
 const _hoisted_2$9 = { class: "table-box" };
-const _hoisted_3$7 = ["onClick"];
+const _hoisted_3$6 = ["onClick"];
 const _hoisted_4$6 = {
   slot: "header",
   class: "clearfix"
@@ -2806,7 +2806,7 @@ const _sfc_main$g = {
                           createElementVNode("span", {
                             onClick: ($event) => handleClick(item.action, item.prop, scope),
                             class: normalizeClass({ "linkStyle": item.action || false })
-                          }, toDisplayString(item.format ? item.format(scope.row, scope.$index) : scope.row[item.prop]), 11, _hoisted_3$7)
+                          }, toDisplayString(item.format ? item.format(scope.row, scope.$index) : scope.row[item.prop]), 11, _hoisted_3$6)
                         ]),
                         _: 2
                       }, 1040))
@@ -3510,7 +3510,7 @@ const _hoisted_2$6 = {
   key: 1,
   class: "empty-wrapper"
 };
-const _hoisted_3$6 = ["src"];
+const _hoisted_3$5 = ["src"];
 const _hoisted_4$5 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("div", { class: "empty-text" }, "\u6682\u65E0\u6570\u636E", -1));
 const _sfc_main$a = {
   __name: "CommonChart",
@@ -4048,7 +4048,7 @@ const _sfc_main$a = {
                 src: unref(emptyImg),
                 alt: "empty",
                 class: "empty-image"
-              }, null, 8, _hoisted_3$6),
+              }, null, 8, _hoisted_3$5),
               _hoisted_4$5
             ]))
           ], 12, _hoisted_1$9)), [
@@ -4354,7 +4354,7 @@ const _hoisted_2$5 = {
   key: 0,
   class: "error-content"
 };
-const _hoisted_3$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "error-icon" }, "!", -1));
+const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "error-icon" }, "!", -1));
 const _hoisted_4$4 = {
   key: 1,
   class: "loading-overlay"
@@ -4647,7 +4647,7 @@ const _sfc_main$8 = {
           }, null, 512)
         ], 8, _hoisted_1$7),
         errorMessage.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
-          _hoisted_3$5,
+          _hoisted_3$4,
           createElementVNode("p", null, toDisplayString(errorMessage.value), 1),
           createVNode(unref(ElButton), {
             type: "primary",
@@ -4719,7 +4719,7 @@ const _hoisted_1$5 = /* @__PURE__ */ createElementVNode("div", { class: "el-uplo
   /* @__PURE__ */ createElementVNode("em", null, "\u70B9\u51FB\u4E0A\u4F20")
 ], -1);
 const _hoisted_2$4 = { class: "el-upload__tip text-center" };
-const _hoisted_3$4 = {
+const _hoisted_3$3 = {
   key: 0,
   class: "el-upload__tip"
 };
@@ -4951,7 +4951,7 @@ const _sfc_main$6 = {
           }, {
             tip: withCtx(() => [
               createElementVNode("div", _hoisted_2$4, [
-                __props.showCheckBox ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+                __props.showCheckBox ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
                   createVNode(_component_el_checkbox, {
                     modelValue: params.updateSupport,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => params.updateSupport = $event)
@@ -5031,14 +5031,10 @@ const _sfc_main$6 = {
     };
   }
 };
-const index_vue_vue_type_style_index_0_scoped_0946936d_lang = "";
+const index_vue_vue_type_style_index_0_scoped_8c2ed7f7_lang = "";
 const _hoisted_1$4 = { class: "action-container" };
 const _hoisted_2$3 = {
   key: 0,
-  class: "layer-switch"
-};
-const _hoisted_3$3 = {
-  key: 1,
   class: "legendContainer"
 };
 const _sfc_main$5 = {
@@ -5092,10 +5088,6 @@ const _sfc_main$5 = {
       type: Boolean,
       default: true
     },
-    changeMapType: {
-      type: Boolean,
-      default: true
-    },
     viewMode: {
       type: String,
       default: "2D"
@@ -5104,23 +5096,35 @@ const _sfc_main$5 = {
       type: String,
       default: "",
       required: true
+    },
+    showControlbar: {
+      type: Boolean,
+      default: true
+    },
+    showToolBar: {
+      type: Boolean,
+      default: true
+    },
+    showMapType: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["loaded", "overlay-click", "overlay-mouseover", "overlay-mouseout"],
   setup(__props, { expose, emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "1dd03d1d": __props.width,
-      "fb2f26a0": __props.height
+      "abb75a64": __props.width,
+      "fed1e5c2": __props.height
     }));
     const mapContainer = ref$1(null);
     const map = shallowRef(null);
     const legend = ref$1([]);
-    const isSatellite = ref$1(false);
     const satelliteLayer = shallowRef(null);
     shallowRef(null);
     const controlBar = shallowRef(null);
     const toolBar = shallowRef(null);
+    const mapType = shallowRef(null);
     const staticMarkerInstances = shallowRef([]);
     const dynamicMarkerInstances = shallowRef([]);
     const polylineInstances = shallowRef([]);
@@ -5308,6 +5312,12 @@ const _sfc_main$5 = {
         toolBar.value = null;
       }
     };
+    const clearMapType = () => {
+      if (mapType.value) {
+        map.value.removeControl(mapType.value);
+        mapType.value = null;
+      }
+    };
     onMounted$1(async () => {
       await initMap();
       handleMapEvents();
@@ -5328,6 +5338,7 @@ const _sfc_main$5 = {
         clearMapEvents();
         clearMapControlBar();
         clearMapToolBar();
+        clearMapType();
         clearStaticMarkers();
         clearDynamicMarkers();
         clearPolylines();
@@ -5357,7 +5368,7 @@ 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", "AMap.ToolBar"]
+          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", "AMap.MapType"]
         });
         const mapConfig = {
           viewMode: props.viewMode,
@@ -5373,31 +5384,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: "120px",
-                zIndex: 20
-              }
-            });
-            map.value.addControl(controlBar.value);
-          }
-        }
-        if (!toolBar.value) {
-          toolBar.value = new AMap2.ToolBar({
-            position: {
-              top: "10px",
-              left: "10px"
-            }
-          });
-          map.value.addControl(toolBar.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);
@@ -5511,17 +5532,6 @@ const _sfc_main$5 = {
         toggleOverlayGroupVisibility(type, isVisible);
       });
     };
-    const handleLayerChange = (value) => {
-      if (value) {
-        map.value.setMapStyle(null);
-        satelliteLayer.value.setMap(map.value);
-        map.value.setFeatures(["bg"]);
-      } else {
-        map.value.setMapStyle(props.mapStyle);
-        satelliteLayer.value.setMap(null);
-        map.value.setFeatures(["bg", "building", "point", "road", "land", "poi"]);
-      }
-    };
     const drawStaticMarkers = (markers) => {
       console.log("123213", markers);
       markers.forEach((marker) => {
@@ -5941,11 +5951,9 @@ const _sfc_main$5 = {
     expose({
       fitView,
       updateCenter,
-      handleLayerChange,
       setZoomAndCenter
     });
     return (_ctx, _cache) => {
-      const _component_el_switch = resolveComponent("el-switch");
       const _component_el_checkbox = resolveComponent("el-checkbox");
       const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
       return openBlock(), createElementBlock("div", {
@@ -5955,19 +5963,10 @@ const _sfc_main$5 = {
         ref: mapContainer
       }, [
         createElementVNode("div", _hoisted_1$4, [
-          __props.changeMapType ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-            createVNode(_component_el_switch, {
-              modelValue: isSatellite.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isSatellite.value = $event),
-              "active-text": "\u536B\u661F\u56FE",
-              "inactive-text": "\u6807\u51C6\u56FE",
-              onChange: handleLayerChange
-            }, null, 8, ["modelValue"])
-          ])) : createCommentVNode("", true),
-          __props.legendConfig.length ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+          __props.legendConfig.length ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
             createVNode(_component_el_checkbox_group, {
               modelValue: legend.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => legend.value = $event),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => legend.value = $event),
               onChange: handleLegendChange
             }, {
               default: withCtx(() => [
@@ -5991,7 +5990,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-0946936d"]]);
+const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8c2ed7f7"]]);
 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 = {