chbim-time-axis-v2 0.0.8 → 0.0.11

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

@@ -11823,7 +11823,7 @@ const _hoisted_4$1 = ["onMouseenter", "onContextmenu"];
 const _hoisted_5$1 = ["onMousedown", "onContextmenu"];
 const _hoisted_6$1 = ["onMousedown"];
 const _hoisted_7$1 = {
-  key: 1,
+  key: 0,
   class: "barLabel"
 };
 const _hoisted_8$1 = ["onMousedown"];
@@ -11865,7 +11865,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }
         });
         resizeObserver.observe(containerRef.value);
-        containerRef.value.addEventListener("wheel", handleWheelNative, { passive: false });
+        containerRef.value.addEventListener("wheel", handleWheelNative, {
+          passive: false
+        });
       }
     });
     onUnmounted(() => {
@@ -11940,7 +11942,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         return;
       const deltaPixels = e.clientX - resizeStartX.value;
       const deltaTime = deltaPixels * props.scale;
-      const taskItem = flatTasks.value.find((item) => item.task.id === resizeTaskId.value);
+      const taskItem = flatTasks.value.find(
+        (item) => item.task.id === resizeTaskId.value
+      );
       if (taskItem) {
         let newStart = resizeInitialStart.value;
         let newEnd = resizeInitialEnd.value;
@@ -12011,7 +12015,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const incrementalPixels = currentClientX - dragLastX.value;
       const incrementalTime = incrementalPixels * props.scale;
       dragLastX.value = currentClientX;
-      const taskItem = flatTasks.value.find((item) => item.task.id === dragTaskId.value);
+      const taskItem = flatTasks.value.find(
+        (item) => item.task.id === dragTaskId.value
+      );
       if (taskItem) {
         if (taskItem.task.type === "group") {
           if (incrementalTime !== 0) {
@@ -12208,7 +12214,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       document.removeEventListener("mousemove", handleTimeDragMove);
       document.removeEventListener("mouseup", handleTimeDragEnd);
     };
-    const totalWidth = computed(() => (props.viewEndTime - props.viewStartTime) / props.scale);
+    const totalWidth = computed(
+      () => (props.viewEndTime - props.viewStartTime) / props.scale
+    );
     const getPosition = (timeIso) => {
       const t = dayjs(timeIso).valueOf();
       return (t - props.viewStartTime) / props.scale;
@@ -12252,7 +12260,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const tasksEndX = (maxTaskEnd - props.viewStartTime) / props.scale;
       const currentScrollEnd = scrollLeft.value + containerWidth.value;
       const neededWidthForBuffer = currentScrollEnd + containerWidth.value * 0.6;
-      const nominalWidth = Math.max(Math.min(totalWidth.value, 3e7), containerWidth.value);
+      const nominalWidth = Math.max(
+        Math.min(totalWidth.value, 3e7),
+        containerWidth.value
+      );
       const widthWithTasks = Math.max(nominalWidth, tasksEndX);
       return Math.max(widthWithTasks, neededWidthForBuffer);
     });
@@ -12291,7 +12302,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 name: b.name || "",
                 color: b.color,
                 startTime: b.startTime,
-                endTime: b.endTime
+                endTime: b.endTime,
+                attr: b.attr,
+                class: b.class
               });
             }
           });
@@ -12306,7 +12319,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 id: i.id,
                 name: i.name || "",
                 color: i.color,
-                time: i.time
+                time: i.time,
+                attr: i.attr,
+                class: i.class
               });
             }
           });
@@ -12436,7 +12451,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       const endTimeVal = visibleEndTime + bufferTime;
       const unit = bestStep.unit;
-      const useMathLoop = ["second", "minute", "hour", "day"].includes(bestStep.unit);
+      const useMathLoop = ["second", "minute", "hour", "day"].includes(
+        bestStep.unit
+      );
       let currentVal = t.valueOf();
       const stepDuration = getDuration(bestStep.step, bestStep.unit);
       while (currentVal < endTimeVal) {
@@ -12577,7 +12594,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle({ top: bar.top + "px", height: "30px" }),
                 onMouseenter: ($event) => _ctx.$emit("row-mouseenter", bar.id),
                 onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("row-mouseleave")),
-                onContextmenu: withModifiers((e) => _ctx.$emit("row-contextmenu", { event: e, task: bar.originalTask, time: getTimeFromEvent(e) }), ["stop", "prevent"])
+                onContextmenu: withModifiers(
+                  (e) => _ctx.$emit("row-contextmenu", {
+                    event: e,
+                    task: bar.originalTask,
+                    time: getTimeFromEvent(e)
+                  }),
+                  ["stop", "prevent"]
+                )
               }, [
                 bar.limitLeft !== void 0 ? (openBlock(), createElementBlock("div", {
                   key: 0,
@@ -12589,31 +12613,46 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }, null, 4)) : createCommentVNode("", true),
                 bar.hasMainBar && bar.originalTask.type !== "block" && bar.originalTask.type !== "instant" ? (openBlock(), createElementBlock("div", {
                   key: 1,
-                  class: "taskBar draggable",
+                  class: normalizeClass(["taskBar draggable", bar.originalTask.class]),
                   style: normalizeStyle({
                     left: bar.left + "px",
                     width: bar.width + "px",
                     backgroundColor: bar.color
                   }),
                   onMousedown: (e) => handleDragStart(e, bar.originalTask),
-                  onContextmenu: withModifiers((e) => _ctx.$emit("bar-contextmenu", { event: e, task: bar.originalTask }), ["stop", "prevent"])
+                  onContextmenu: withModifiers(
+                    (e) => _ctx.$emit("bar-contextmenu", {
+                      event: e,
+                      task: bar.originalTask,
+                      time: getTimeFromEvent(e)
+                    }),
+                    ["stop", "prevent"]
+                  )
                 }, [
                   bar.originalTask.type !== "group" ? (openBlock(), createElementBlock("div", {
                     key: 0,
                     class: "resize-handle left",
-                    onMousedown: withModifiers((e) => handleResizeStart(e, bar.originalTask, "left"), ["stop"])
+                    onMousedown: withModifiers(
+                      (e) => handleResizeStart(e, bar.originalTask, "left"),
+                      ["stop"]
+                    )
                   }, null, 40, _hoisted_6$1)) : createCommentVNode("", true),
-                  bar.width > 50 ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(bar.name), 1)) : createCommentVNode("", true),
+                  renderSlot(_ctx.$slots, "barContent", { bar }, () => [
+                    bar.width > 50 ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(bar.name), 1)) : createCommentVNode("", true)
+                  ], true),
                   bar.originalTask.type !== "group" ? (openBlock(), createElementBlock("div", {
-                    key: 2,
+                    key: 1,
                     class: "resize-handle right",
-                    onMousedown: withModifiers((e) => handleResizeStart(e, bar.originalTask, "right"), ["stop"])
+                    onMousedown: withModifiers(
+                      (e) => handleResizeStart(e, bar.originalTask, "right"),
+                      ["stop"]
+                    )
                   }, null, 40, _hoisted_8$1)) : createCommentVNode("", true)
-                ], 44, _hoisted_5$1)) : createCommentVNode("", true),
+                ], 46, _hoisted_5$1)) : createCommentVNode("", true),
                 bar.originalTask.type === "block" && bar.blocks ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(bar.blocks, (blk, idx) => {
                   return openBlock(), createElementBlock("div", {
                     key: idx,
-                    class: "taskBar draggable",
+                    class: normalizeClass(["taskBar draggable", blk.class]),
                     style: normalizeStyle({
                       left: blk.left + "px",
                       width: blk.width + "px",
@@ -12622,38 +12661,66 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     }),
                     title: blk.name,
                     onMousedown: (e) => handleBlockDragStart(e, bar.originalTask, idx),
-                    onContextmenu: withModifiers((e) => _ctx.$emit("bar-contextmenu", { event: e, task: bar.originalTask, block: blk }), ["stop", "prevent"])
+                    onContextmenu: withModifiers(
+                      (e) => _ctx.$emit("bar-contextmenu", {
+                        event: e,
+                        task: bar.originalTask,
+                        block: blk,
+                        time: getTimeFromEvent(e)
+                      }),
+                      ["stop", "prevent"]
+                    )
                   }, [
                     createElementVNode("div", {
                       class: "resize-handle left",
-                      onMousedown: withModifiers((e) => handleBlockResizeStart(e, bar.originalTask, idx, "left"), ["stop"])
+                      onMousedown: withModifiers(
+                        (e) => handleBlockResizeStart(e, bar.originalTask, idx, "left"),
+                        ["stop"]
+                      )
                     }, null, 40, _hoisted_10$1),
-                    blk.width > 50 ? (openBlock(), createElementBlock("span", _hoisted_11$1, toDisplayString(blk.name), 1)) : createCommentVNode("", true),
+                    renderSlot(_ctx.$slots, "blockContent", {
+                      block: blk,
+                      task: bar.originalTask
+                    }, () => [
+                      blk.width > 50 ? (openBlock(), createElementBlock("span", _hoisted_11$1, toDisplayString(blk.name), 1)) : createCommentVNode("", true)
+                    ], true),
                     createElementVNode("div", {
                       class: "resize-handle right",
-                      onMousedown: withModifiers((e) => handleBlockResizeStart(e, bar.originalTask, idx, "right"), ["stop"])
+                      onMousedown: withModifiers(
+                        (e) => handleBlockResizeStart(e, bar.originalTask, idx, "right"),
+                        ["stop"]
+                      )
                     }, null, 40, _hoisted_12$1)
-                  ], 44, _hoisted_9$1);
+                  ], 46, _hoisted_9$1);
                 }), 128)) : createCommentVNode("", true),
                 bar.instants ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(bar.instants, (inst, idx) => {
                   return openBlock(), createElementBlock("div", {
                     key: inst.id,
-                    class: "instantTaskPoint draggable",
+                    class: normalizeClass(["instantTaskPoint draggable", inst.class]),
                     style: normalizeStyle({
                       left: inst.left - 10 + "px",
-                      /* 居中圆圈 */
-                      width: "18px",
-                      height: "18px",
                       backgroundColor: inst.color || "#ffffff",
-                      top: "6px",
-                      borderRadius: "50%",
-                      position: "absolute",
-                      cursor: "pointer"
+                      position: "absolute"
                     }),
-                    title: `${inst.name ? inst.name + "\n" : ""}${unref(dayjs)(inst.time).format("YYYY-MM-DD")}`,
+                    title: `${inst.name ? inst.name + "\n" : ""}${unref(dayjs)(
+                      inst.time
+                    ).format("YYYY-MM-DD")}`,
                     onMousedown: (e) => handleInstantDragStart(e, bar.originalTask, idx),
-                    onContextmenu: withModifiers((e) => _ctx.$emit("bar-contextmenu", { event: e, task: bar.originalTask, instant: inst }), ["stop", "prevent"])
-                  }, null, 44, _hoisted_13$1);
+                    onContextmenu: withModifiers(
+                      (e) => _ctx.$emit("bar-contextmenu", {
+                        event: e,
+                        task: bar.originalTask,
+                        instant: inst,
+                        time: getTimeFromEvent(e)
+                      }),
+                      ["stop", "prevent"]
+                    )
+                  }, [
+                    renderSlot(_ctx.$slots, "instantContent", {
+                      instant: inst,
+                      task: bar.originalTask
+                    }, void 0, true)
+                  ], 46, _hoisted_13$1);
                 }), 128)) : createCommentVNode("", true)
               ], 46, _hoisted_4$1);
             }), 128))
@@ -12670,8 +12737,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TimelineChart_vue_vue_type_style_index_0_scoped_92426524_lang = "";
-const TimelineChart = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-92426524"]]);
+const TimelineChart_vue_vue_type_style_index_0_scoped_7a1f218b_lang = "";
+const TimelineChart = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7a1f218b"]]);
 const _hoisted_1 = { class: "toolbar" };
 const _hoisted_2 = { style: { "flex": "1", "display": "flex", "align-items": "center", "height": "100%" } };
 const _hoisted_3 = { class: "left-controls" };
@@ -12729,8 +12796,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const contextMenuTask = ref(null);
     const contextMenuBlock = ref(null);
     const contextMenuInstant = ref(null);
+    const contextMenuTime = ref(null);
     const openBarContextMenu = (payload) => {
-      const { event, task, block, instant } = payload;
+      const { event, task, block, instant, time } = payload;
       event.preventDefault();
       event.stopPropagation();
       closeBuiltinMenu();
@@ -12749,12 +12817,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       contextMenuTask.value = task;
       contextMenuBlock.value = block || null;
       contextMenuInstant.value = instant || null;
+      contextMenuTime.value = time || null;
     };
     const closeContextMenu = () => {
       contextMenuVisible.value = false;
       contextMenuTask.value = null;
       contextMenuBlock.value = null;
       contextMenuInstant.value = null;
+      contextMenuTime.value = null;
     };
     const builtinMenuVisible = ref(false);
     const builtinMenuStyle = ref({});
@@ -12937,8 +13007,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             const processedChildren = process(rawChildren);
             let minTime = Number.MAX_SAFE_INTEGER;
             let maxTime = Number.MIN_SAFE_INTEGER;
-            if (rawChildren.length > 0) {
-              rawChildren.forEach((child) => {
+            if (processedChildren.length > 0) {
+              processedChildren.forEach((child) => {
                 const start = new Date(child.startTime).getTime();
                 const end = new Date(child.endTime).getTime();
                 if (!isNaN(start)) {
@@ -13459,7 +13529,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onRowMouseleave: handleRowMouseLeave,
               onBarContextmenu: openBarContextMenu,
               onRowContextmenu: openRowContextMenu
-            }, null, 8, ["tasks", "currentTime", "scale", "viewStartTime", "viewEndTime", "hoveredTaskId"])
+            }, createSlots({ _: 2 }, [
+              _ctx.$slots.barContent ? {
+                name: "barContent",
+                fn: withCtx(({ bar }) => [
+                  renderSlot(_ctx.$slots, "barContent", { bar }, void 0, true)
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots.blockContent ? {
+                name: "blockContent",
+                fn: withCtx(({ block, task }) => [
+                  renderSlot(_ctx.$slots, "blockContent", {
+                    block,
+                    task
+                  }, void 0, true)
+                ]),
+                key: "1"
+              } : void 0,
+              _ctx.$slots.instantContent ? {
+                name: "instantContent",
+                fn: withCtx(({ instant, task }) => [
+                  renderSlot(_ctx.$slots, "instantContent", {
+                    instant,
+                    task
+                  }, void 0, true)
+                ]),
+                key: "2"
+              } : void 0
+            ]), 1032, ["tasks", "currentTime", "scale", "viewStartTime", "viewEndTime", "hoveredTaskId"])
           ])
         ], 512), [
           [vShow, !isMinimized.value]
@@ -13475,6 +13573,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             task: contextMenuTask.value,
             block: contextMenuBlock.value,
             instant: contextMenuInstant.value,
+            time: contextMenuTime.value,
             close: closeContextMenu
           }, () => [
             contextMenuTask.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -13517,8 +13616,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CesiumGantt_vue_vue_type_style_index_0_scoped_6d73b641_lang = "";
-const CesiumGantt = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d73b641"]]);
+const CesiumGantt_vue_vue_type_style_index_0_scoped_ea905489_lang = "";
+const CesiumGantt = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea905489"]]);
 CesiumGantt.install = (app) => {
   app.component("CesiumGantt", CesiumGantt);
 };