sctj-components 1.0.68 → 1.0.70

package/lib/sctj-components.es.js

@@ -9610,7 +9610,7 @@ const _sfc_main$4 = {
   }
 };
 const SCTJBusinessMapDrawingDialog = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d0bea808"]]);
-const index_vue_vue_type_style_index_0_scoped_fb2ce5ee_lang = "";
+const index_vue_vue_type_style_index_0_scoped_b0e83157_lang = "";
 const _hoisted_1$2 = { class: "controls" };
 const _sfc_main$3 = {
   __name: "index",
@@ -9653,7 +9653,8 @@ const _sfc_main$3 = {
       required: true
     }
   },
-  setup(__props) {
+  emits: ["moving"],
+  setup(__props, { emit }) {
     const props = __props;
     const mapContainerRef = ref$1(null);
     const map = shallowRef(null);
@@ -9662,7 +9663,23 @@ const _sfc_main$3 = {
     const startMarker = ref$1(null);
     const endMarker = ref$1(null);
     const isPlaying = ref$1(false);
-    const playSpeed = ref$1(1.25);
+    const SPEED_OPTIONS = [100, 50, 25, 12.5];
+    const playSpeed = ref$1(12.5);
+    function getDefaultPlaySpeed(pointCount) {
+      if (!pointCount || pointCount <= 0)
+        return SPEED_OPTIONS[SPEED_OPTIONS.length - 1];
+      const LOW_THRESHOLD = 100;
+      const HIGH_THRESHOLD = 1500;
+      if (pointCount <= LOW_THRESHOLD)
+        return 100;
+      if (pointCount >= HIGH_THRESHOLD)
+        return 12.5;
+      const t = (pointCount - LOW_THRESHOLD) / (HIGH_THRESHOLD - LOW_THRESHOLD);
+      const raw = 100 - t * (100 - 12.5);
+      return SPEED_OPTIONS.reduce(
+        (prev, curr) => Math.abs(curr - raw) < Math.abs(prev - raw) ? curr : prev
+      );
+    }
     const passedPolyline = ref$1(null);
     const isPlayed = ref$1(false);
     let AMapInstance = null;
@@ -9753,6 +9770,7 @@ const _sfc_main$3 = {
       map.value.add([polyline.value, startMarker.value, endMarker.value, moveMarker.value, passedPolyline.value]);
       map.value.setFitView();
       moveMarker.value.on("moving", (e) => {
+        emit("moving", e);
       });
     };
     const startPlay = () => {
@@ -9761,7 +9779,7 @@ const _sfc_main$3 = {
       isPlaying.value = true;
       const path = formatPath(props.pathPoints);
       moveMarker.value.moveAlong(path, {
-        duration: props.pathPoints.length * playSpeed.value,
+        duration: playSpeed.value,
         autoRotation: true
       });
     };
@@ -9805,17 +9823,19 @@ const _sfc_main$3 = {
         if (!map.value)
           return;
         if (newVal && newVal.length > 0) {
-          drawTrack();
-          if (props.autoPlay) {
-            startPlay();
-          }
+          playSpeed.value = getDefaultPlaySpeed(newVal.length);
         }
-      },
-      { immediate: true }
+        drawTrack();
+        props.autoPlay && startPlay();
+      }
     );
     onMounted$1(async () => {
       await initMap();
+      if (props.pathPoints && props.pathPoints.length > 0) {
+        playSpeed.value = getDefaultPlaySpeed(props.pathPoints.length);
+      }
       drawTrack();
+      props.autoPlay && startPlay();
     });
     onBeforeUnmount(() => {
       if (moveMarker.value) {
@@ -9883,19 +9903,19 @@ const _sfc_main$3 = {
           }, {
             default: withCtx(() => [
               createVNode(_component_el_option, {
-                value: 10,
+                value: 100,
                 label: "1x"
               }),
               createVNode(_component_el_option, {
-                value: 5,
+                value: 50,
                 label: "2x"
               }),
               createVNode(_component_el_option, {
-                value: 2.5,
+                value: 25,
                 label: "4x"
-              }, null, 8, ["value"]),
+              }),
               createVNode(_component_el_option, {
-                value: 1.25,
+                value: 12.5,
                 label: "8x"
               }, null, 8, ["value"])
             ]),
@@ -9906,7 +9926,7 @@ const _sfc_main$3 = {
     };
   }
 };
-const SCTJTrackPlayback = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-fb2ce5ee"]]);
+const SCTJTrackPlayback = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b0e83157"]]);
 const BimViewer_vue_vue_type_style_index_0_scoped_89f55b38_lang = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-89f55b38"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = {