chbim-time-axis-v2 0.0.9 → 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"];
@@ -12302,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
               });
             }
           });
@@ -12317,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
               });
             }
           });
@@ -12609,7 +12613,7 @@ 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",
@@ -12617,7 +12621,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   }),
                   onMousedown: (e) => handleDragStart(e, bar.originalTask),
                   onContextmenu: withModifiers(
-                    (e) => _ctx.$emit("bar-contextmenu", { event: e, task: bar.originalTask }),
+                    (e) => _ctx.$emit("bar-contextmenu", {
+                      event: e,
+                      task: bar.originalTask,
+                      time: getTimeFromEvent(e)
+                    }),
                     ["stop", "prevent"]
                   )
                 }, [
@@ -12629,20 +12637,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       ["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"]
                     )
                   }, 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",
@@ -12655,7 +12665,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       (e) => _ctx.$emit("bar-contextmenu", {
                         event: e,
                         task: bar.originalTask,
-                        block: blk
+                        block: blk,
+                        time: getTimeFromEvent(e)
                       }),
                       ["stop", "prevent"]
                     )
@@ -12667,7 +12678,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         ["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(
@@ -12675,21 +12691,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         ["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
@@ -12699,11 +12710,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       (e) => _ctx.$emit("bar-contextmenu", {
                         event: e,
                         task: bar.originalTask,
-                        instant: inst
+                        instant: inst,
+                        time: getTimeFromEvent(e)
                       }),
                       ["stop", "prevent"]
                     )
-                  }, null, 44, _hoisted_13$1);
+                  }, [
+                    renderSlot(_ctx.$slots, "instantContent", {
+                      instant: inst,
+                      task: bar.originalTask
+                    }, void 0, true)
+                  ], 46, _hoisted_13$1);
                 }), 128)) : createCommentVNode("", true)
               ], 46, _hoisted_4$1);
             }), 128))
@@ -12720,8 +12737,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TimelineChart_vue_vue_type_style_index_0_scoped_1692bade_lang = "";
-const TimelineChart = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1692bade"]]);
+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" };
@@ -12779,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();
@@ -12799,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({});
@@ -12987,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)) {
@@ -13509,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]
@@ -13525,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 }, [
@@ -13567,8 +13616,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CesiumGantt_vue_vue_type_style_index_0_scoped_e6696098_lang = "";
-const CesiumGantt = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6696098"]]);
+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);
 };