sctj-components 1.1.10 → 1.1.11

package/lib/sctj-components.es.js

@@ -5,7 +5,7 @@ import VueOfficeExcel from "@vue-office/excel";
 import { View, Download, Delete, Plus, Picture, Search, Loading, UploadFilled, QuestionFilled, VideoPlay, VideoPause, RefreshRight } from "@element-plus/icons-vue";
 import { ElMessage, ElLoading, ElMessageBox, ElButton, ElIcon } from "element-plus";
 import * as echarts from "echarts";
-import { throttle, isEqual } from "lodash";
+import { throttle, debounce } from "lodash";
 import flvjs from "flv.js";
 import AMapLoader from "@amap/amap-jsapi-loader";
 if (typeof window !== "undefined") {
@@ -3301,7 +3301,7 @@ const _sfc_main$h = {
     const getTableData = () => {
       emit("query");
     };
-    const debounce = (func, wait) => {
+    const debounce2 = (func, wait) => {
       let timeout;
       return function executedFunction(...args) {
         const later = () => {
@@ -3417,7 +3417,7 @@ const _sfc_main$h = {
         animationFrameId.value = null;
       }
     };
-    const debouncedDataUpdate = debounce(() => {
+    const debouncedDataUpdate = debounce2(() => {
       tableBodyWrapper.value = null;
       if (checkScrollable() && props.autoScroll && !props.loading) {
         startAutoScroll();
@@ -5399,7 +5399,7 @@ const _sfc_main$8 = {
     };
   }
 };
-const index_vue_vue_type_style_index_0_scoped_81e99229_lang = "";
+const index_vue_vue_type_style_index_0_scoped_98da9a15_lang = "";
 const _hoisted_1$6 = {
   key: 0,
   class: "action-container"
@@ -5491,8 +5491,8 @@ const _sfc_main$7 = {
   setup(__props, { expose, emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "2c2353e3": __props.width,
-      "3e782eaa": __props.height
+      "84970d70": __props.width,
+      "41e89436": __props.height
     }));
     const controlsPositionVars = computed$1(() => {
       const position = props.controlsPosition || {};
@@ -5610,74 +5610,56 @@ const _sfc_main$7 = {
     watch(() => props.circles, (newCircles, oldCircles) => {
       if (!map.value)
         return;
-      if (isEqual(newCircles, oldCircles))
-        return;
-      console.log("circles changed");
       clearCircles();
       if (newCircles && newCircles.length) {
         addCircles(newCircles);
       }
-      props.autoFitView && fitView();
+      props.autoFitView && debouncedFitView();
     }, { deep: true });
     watch(() => props.staticMarkers, (newMarkers, oldMarkers) => {
       if (!map.value)
         return;
-      if (isEqual(newMarkers, oldMarkers))
-        return;
-      console.log("staticMarkers changed");
       clearStaticMarkers();
       if (newMarkers && newMarkers.length) {
         drawStaticMarkers(newMarkers);
       }
-      props.autoFitView && fitView();
+      props.autoFitView && debouncedFitView();
     }, { deep: true });
     watch(() => props.dynamicMarkers, (newMarkers, oldMarkers) => {
       if (!map.value)
         return;
-      if (isEqual(newMarkers, oldMarkers))
-        return;
-      console.log("dynamicMarkers changed");
       clearDynamicMarkers();
       if (newMarkers && newMarkers.length) {
         drawDynamicMarkers(newMarkers);
       }
-      props.autoFitView && fitView();
+      props.autoFitView && debouncedFitView();
     }, { deep: true });
     watch(() => props.polylines, (newPolylines, oldPolylines) => {
       if (!map.value)
         return;
-      if (isEqual(newPolylines, oldPolylines))
-        return;
-      console.log("Polylines changed");
       clearPolylines();
       if (newPolylines && newPolylines.length) {
         addPolylines(newPolylines);
       }
-      props.autoFitView && fitView();
+      props.autoFitView && debouncedFitView();
     }, { deep: true });
     watch(() => props.polygons, (newPolygons, oldPolygons) => {
       if (!map.value)
         return;
-      if (isEqual(newPolygons, oldPolygons))
-        return;
-      console.log("polygons changed");
       clearPolygons();
       if (newPolygons && newPolygons.length) {
         addPolygons(newPolygons);
       }
-      props.autoFitView && fitView();
+      props.autoFitView && debouncedFitView();
     }, { deep: true });
     watch(() => props.bezierCurves, (newCurves, oldCurves) => {
       if (!map.value)
         return;
-      if (isEqual(newCurves, oldCurves))
-        return;
-      console.log("bezierCurves changed");
       clearBezierCurves();
       if (newCurves && newCurves.length) {
         addBezierCurves(newCurves);
       }
-      props.autoFitView && fitView();
+      props.autoFitView && debouncedFitView();
     }, { deep: true });
     const handleMapEvents = () => {
       if (!map.value)
@@ -5876,6 +5858,10 @@ const _sfc_main$7 = {
         map.value.setZoomAndCenter(zoom, parsePosition(newCenter));
       }
     };
+    const debouncedFitView = debounce(() => {
+      if (map.value)
+        fitView();
+    }, 300);
     const fitView = (padding = null) => {
       if (map.value) {
         const allFeatures = [
@@ -5888,10 +5874,8 @@ const _sfc_main$7 = {
         ];
         if (allFeatures.length > 0) {
           if (padding) {
-            console.log("\u4F7F\u7528\u65B9\u6CD5\u4F20\u5165\u7684padding", padding);
             map.value.setFitView(allFeatures, false, padding);
           } else {
-            console.log("\u4E0D\u4F7F\u7528padding");
             map.value.setFitView(allFeatures);
           }
         }
@@ -5953,14 +5937,12 @@ const _sfc_main$7 = {
       checkedTypes.forEach((type) => {
         typeVisibility.value.set(type, true);
       });
-      console.log("checkedTypes------", checkedTypes);
       props.legendConfig.map((item) => item.value).forEach((type) => {
         const isVisible = checkedTypes.includes(type);
         toggleOverlayGroupVisibility(type, isVisible);
       });
     };
     const drawStaticMarkers = (markers) => {
-      console.log("123213", markers);
       markers.forEach((marker) => {
         const { position, icon, size, blink, label, title, textLabelDefaultStyle, type } = marker;
         if (position) {
@@ -5980,7 +5962,7 @@ const _sfc_main$7 = {
             direction: "top",
             offset: new AMap.Pixel(0, -5),
             content: `<div title="${label}" style="${objectToStyleString({ ...state.textLabelDefaultStyle, ...textLabelDefaultStyle })}" class='info'>${label}</div>`,
-            zooms: [16, 25]
+            zooms: [17, 25]
           });
           markerInstance.on("click", () => {
             emit("overlay-click", { type: "staticMarker", data: marker });
@@ -6008,13 +5990,12 @@ const _sfc_main$7 = {
             map: map.value,
             title
           });
-          console.log("markerInstance", markerInstance);
           blink && markerInstance.dom && markerInstance.dom.querySelector(".amap-icon").classList.add("blinking-marker");
           label && markerInstance.setLabel({
             direction: "top",
             offset: new AMap.Pixel(0, -5),
             content: `<div title="${label}" style="${objectToStyleString({ ...state.textLabelDefaultStyle, ...textLabelDefaultStyle })}" class='info'>${label}</div>`,
-            zooms: [16, 25]
+            zooms: [17, 25]
           });
           markerInstance.on("click", () => {
             emit("overlay-click", { type: "marker", data: marker });
@@ -6049,7 +6030,7 @@ const _sfc_main$7 = {
               },
               offset: new AMap.Pixel(0, 0),
               anchor: "center",
-              zooms: [16, 25]
+              zooms: [17, 25]
             });
             map.value.add(textInstance);
             circleTextInstances.value.push({
@@ -6107,7 +6088,7 @@ const _sfc_main$7 = {
               },
               offset: new AMap.Pixel(0, 0),
               anchor: "center",
-              zooms: [16, 25]
+              zooms: [17, 25]
             });
             map.value.add(textInstance);
             polylineTextInstances.value.push({
@@ -6143,9 +6124,7 @@ const _sfc_main$7 = {
       });
     };
     const addPolygons = (polygons) => {
-      console.log("polygons---------", polygons);
       polygons.forEach((polygon) => {
-        console.log("polygon", polygon.path);
         if (polygon.path && polygon.path.length) {
           const polygonInstance = new AMap.Polygon({
             ...state.polygonDefaultConfig,
@@ -6166,7 +6145,7 @@ const _sfc_main$7 = {
               },
               offset: new AMap.Pixel(0, 0),
               anchor: "center",
-              zooms: [16, 25]
+              zooms: [17, 25]
             });
             map.value.add(textInstance);
             polygonTextInstances.value.push({
@@ -6204,7 +6183,6 @@ const _sfc_main$7 = {
     };
     const addBezierCurves = (curves) => {
       curves.forEach((curve) => {
-        console.log("this.parseCurve(curve.path)", parseCurve(curve.path));
         if (curve.path && curve.path.length) {
           const bezierCurveInstance = new AMap.BezierCurve({
             ...state.bezierCurveDefaultConfig,
@@ -6267,7 +6245,6 @@ const _sfc_main$7 = {
         marker.off("click");
         if (marker._clusterLabel) {
           if (marker._clusterLabel.off) {
-            console.log("\u79FB\u9664\u805A\u5408\u6807\u7B7E");
             marker._clusterLabel.off("click");
           }
           marker._clusterLabel.setMap(null);
@@ -6407,7 +6384,7 @@ const _sfc_main$7 = {
     };
   }
 };
-const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-81e99229"]]);
+const SCTJMapViewer = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-98da9a15"]]);
 const index_vue_vue_type_style_index_0_scoped_761d2ab4_lang = "";
 const _withScopeId$4 = (n) => (pushScopeId("data-v-761d2ab4"), n = n(), popScopeId(), n);
 const _hoisted_1$5 = {