chbim-time-axis-v2 0.0.193 → 0.0.195

package/dist/chbim-time-axis-v2.es.js

@@ -12346,25 +12346,27 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             return !(i.left < scrollLeft.value - 100 || i.left > scrollLeft.value + containerWidth.value + 100);
           });
         }
-        const shouldRender = isVisible || task.type === "instant" || task.type === "block" && task.allowInstant;
-        if (shouldRender) {
-          const barData = {
-            id: task.id,
-            top: index * 30,
-            left: hasMainBar ? startX : 0,
-            width: hasMainBar ? width : 0,
-            hasMainBar,
-            name: task.name,
-            color: task.type === "group" ? "#4a90e2" : "#50e3c2",
-            originalTask: task,
-            blocks: blocks.length > 0 ? blocks : void 0,
-            instants: instants.length > 0 ? instants : void 0
-          };
-          if (hasLimit) {
-            barData.limitLeft = limitLeft;
-            barData.limitWidth = limitWidth;
+        if (isVisible || task.type === "instant") {
+          const shouldRender = isVisible || task.type === "instant";
+          if (shouldRender) {
+            const barData = {
+              id: task.id,
+              top: index * 30,
+              left: hasMainBar ? startX : 0,
+              width: hasMainBar ? width : 0,
+              hasMainBar,
+              name: task.name,
+              color: task.type === "group" ? "#4a90e2" : "#50e3c2",
+              originalTask: task,
+              blocks: blocks.length > 0 ? blocks : void 0,
+              instants: instants.length > 0 ? instants : void 0
+            };
+            if (hasLimit) {
+              barData.limitLeft = limitLeft;
+              barData.limitWidth = limitWidth;
+            }
+            bars.push(barData);
           }
-          bars.push(barData);
         }
       });
       return bars;
@@ -12376,6 +12378,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const minTickSpacing = 100;
       const targetInterval = props.scale * minTickSpacing;
       const steps = [
+        { unit: "minute", step: 1, format: "HH:mm" },
+        { unit: "minute", step: 5, format: "HH:mm" },
+        { unit: "minute", step: 15, format: "HH:mm" },
+        { unit: "minute", step: 30, format: "HH:mm" },
         { unit: "hour", step: 1, format: "HH:mm" },
         { unit: "hour", step: 6, format: "HH:mm" },
         { unit: "hour", step: 12, format: "HH:mm" },
@@ -12736,8 +12742,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TimelineChart_vue_vue_type_style_index_0_scoped_761ad497_lang = "";
-const TimelineChart = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-761ad497"]]);
+const TimelineChart_vue_vue_type_style_index_0_scoped_de1c4fcb_lang = "";
+const TimelineChart = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-de1c4fcb"]]);
 const _hoisted_1 = { class: "toolbar" };
 const _hoisted_2 = { style: { "flex": "1", "display": "flex", "align-items": "center", "height": "100%" } };
 const _hoisted_3 = { class: "left-controls" };
@@ -12784,9 +12790,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     viewer: {},
     clock: {},
-    tasks: {}
+    tasks: {},
+    minZoomLevel: {}
   },
-  emits: ["taskUpdate", "update:tasks", "add", "delete", "task-enter", "task-leave", "blockUpdate"],
+  emits: ["taskUpdate", "update:tasks", "add", "delete", "task-enter", "task-leave", "blockUpdate", "instantUpdate"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const slots = useSlots();
     const props = __props;
@@ -12955,7 +12962,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true, deep: true }
     );
     const activeTaskIds = /* @__PURE__ */ new Set();
-    watch(currentTime, (newTime, oldTime) => {
+    const checkActiveTasks = (newTime, oldTime) => {
       if (!newTime)
         return;
       const entered = [];
@@ -12974,7 +12981,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 left.push({ task, block });
               }
             });
-          } else if (task.type === "task" || task.type === "group" || !task.type) {
+          } else if (task.type === "task" || !task.type) {
             if (task.startTime && task.endTime) {
               const inside = newTime >= task.startTime && newTime <= task.endTime;
               if (inside && !activeTaskIds.has(task.id)) {
@@ -12986,7 +12993,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }
             }
           }
-          if (oldTime && task.instants) {
+          if (oldTime && oldTime !== newTime && task.instants) {
             task.instants.forEach((inst) => {
               const t = inst.time;
               if (!t)
@@ -13006,7 +13013,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("task-enter", entered);
       if (left.length > 0)
         emit("task-leave", left);
+    };
+    watch(currentTime, (newTime, oldTime) => {
+      checkActiveTasks(newTime, oldTime);
     });
+    watch(
+      localTasks,
+      () => {
+        if (currentTime.value) {
+          checkActiveTasks(currentTime.value, currentTime.value);
+        }
+      },
+      { deep: true }
+    );
     const handleToggleGroup = (id) => {
       if (collapsedGroups.value.has(id)) {
         collapsedGroups.value.delete(id);
@@ -13219,7 +13238,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleZoom = (delta, zoomCenterPixels) => {
       const newScaleRaw = scale.value * (delta > 0 ? 1.1 : 0.9);
-      const MIN_SCALE = 1e3 * 60 * 60 / 100;
+      let minDuration = 1e3 * 60 * 60;
+      if (props.minZoomLevel === "minute") {
+        minDuration = 1e3 * 60;
+      } else if (props.minZoomLevel === "day") {
+        minDuration = 1e3 * 60 * 60 * 24;
+      }
+      const MIN_SCALE = minDuration / 100;
       const MAX_SCALE = 1e3 * 60 * 60 * 24 * 30;
       const newScale = Math.max(MIN_SCALE, Math.min(newScaleRaw, MAX_SCALE));
       const oldScale = scale.value;
@@ -13295,8 +13320,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         for (const t of list) {
           if (t.id === payload.taskId) {
             if (t.instants && t.instants[payload.instantIndex]) {
-              t.instants[payload.instantIndex].time = payload.time;
+              const oldTime = t.instants[payload.instantIndex].time;
+              const newTime = payload.time;
+              t.instants[payload.instantIndex].time = newTime;
+              emit("instantUpdate", {
+                task: JSON.parse(JSON.stringify(t)),
+                instant: JSON.parse(
+                  JSON.stringify(t.instants[payload.instantIndex])
+                ),
+                index: payload.instantIndex
+              });
               emit("taskUpdate", JSON.parse(JSON.stringify(t)));
+              if (currentTime.value && oldTime && newTime) {
+                const currentT = new Date(currentTime.value).getTime();
+                const t1 = new Date(oldTime).getTime();
+                const t2 = new Date(newTime).getTime();
+                const minT = Math.min(t1, t2);
+                const maxT = Math.max(t1, t2);
+                if (currentT >= minT && currentT <= maxT) {
+                  emit("task-enter", [
+                    { task: t, instant: t.instants[payload.instantIndex] }
+                  ]);
+                }
+              }
               return true;
             }
           }
@@ -13648,8 +13694,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CesiumGantt_vue_vue_type_style_index_0_scoped_87a98505_lang = "";
-const CesiumGantt = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87a98505"]]);
+const CesiumGantt_vue_vue_type_style_index_0_scoped_f03f42e8_lang = "";
+const CesiumGantt = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f03f42e8"]]);
 class ViewportRoam {
   constructor(viewer, data, intervals) {
     __publicField(this, "viewer");