Merge branch 'release/3.8.1'

Author: Xeyos88

CHANGELOG.md

@@ -8,8 +8,6 @@ All notable changes to this project will be documented in this file.
 
 [Full Changelog](https://github.com/Xeyos88/HyVueGantt/compare/v3.7.0...v3.8.0)
 
-
-
 **✨ New Features:**
 
 - Bar definition event

docs/components/g-gantt-chart.md

@@ -67,6 +67,9 @@ Here's a minimal example of using the GGanttChart component:
 | currentTimeLabel | `string` | `''` | Label for current time indicator |
 | dateFormat | `string \| false` | `'YYYY-MM-DD HH:mm'` | Format for dates |
 | milestones | `GanttMilestone[]` | `[]` | List of milestone |
+| timeaxisEvents | `TimeaxisEvent[]` | `[]` | Array of events to display on the time axis |
+| showEventsAxis | `boolean` | `false` | Controls the visibility of the events axis |
+| eventsAxisHeight | `number` | `25` | Sets the height of the events axis in pixels |
 | holidayHighlight| `string` | `` | Country Cody of date-holidays |
 | rowClass| `(row: ChartRow) => string` | `` | Method to add classes to data rows |
 | rowLabelClass| `(row: ChartRow) => string` | `` | Method to add classes to label rows |
@@ -118,9 +121,6 @@ Here's a minimal example of using the GGanttChart component:
 | connection-cancel | `{ sourceBar: GanttBarObject, connectionPoint: ConnectionPoint, e: MouseEvent }` | Cancels the creation of a connection |
 | connection-delete | `{ sourceBar: GanttBarObject, targetBar: GanttBarObject, e: MouseEvent }` | Delete a connection |
 | label-edit | `{ sourceBar: GanttBarObject, e: MouseEvent, oldValue: string, newValue: string }` | Edit bar label |
-| timeaxisEvents | `TimeaxisEvent[]` | `[]` | Array of events to display on the time axis |
-| showEventsAxis | `boolean` | `true` | Controls the visibility of the events axis |
-| eventsAxisHeight | `number` | `25` | Sets the height of the events axis in pixels |
 | export-start | `format: string` | Emitted when the export process starts |
 | export-success | `result: ExportResult` | Emitted when the export process completes successfully |
 | export-error | `error: string` | Emitted when the export process encounters an error |

docs/examples/basic.md

@@ -14,6 +14,7 @@ The most basic implementation of a Gantt chart:
     :precision="precision"
     :bar-start="barStart"
     :bar-end="barEnd"
+    :date-format="dateFormat"
   >
     <g-gantt-row
       v-for="row in rows"
@@ -32,6 +33,7 @@ const chartEnd = ref('2024-12-31')
 const precision = ref('day')
 const barStart = ref('start')
 const barEnd = ref('end')
+const dateFormat = "YYYY-MM-DD"
 
 const rows = ref([
   {

docs/guide/installation.md

@@ -68,7 +68,9 @@ app.mount('#app')
 Alternatively, you can import components individually:
 
 ```typescript
-import { GGanttChart, GGanttRow } from 'hy-vue-gantt'
+import { GGanttChart, GGanttRow, extendDayjs } from 'hy-vue-gantt'
+
+extendDayjs()
 
 export default {
   components: {

docs/guide/introduction.md

@@ -1,4 +1,4 @@
-# Hyper Vue Gantt 
+# Hyper Vue Gantt
 
 A powerful and flexible Gantt chart component for Vue 3 applications. This component is an evolution of [vue-ganttastic](https://github.com/zunnzunn/vue-ganttastic) package.
 
@@ -30,6 +30,7 @@ Hyper Vue Gantt is designed to provide a seamless experience for creating and ma
     :precision="precision"
     :bar-start="barStart"
     :bar-end="barEnd"
+    :date-format="dateFormat"
   >
     <g-gantt-row
       v-for="row in rows"
@@ -46,6 +47,7 @@ const chartEnd = "2024-12-31"
 const precision = "day"
 const barStart = "start"
 const barEnd = "end"
+const dateFormat = "YYYY-MM-DD"
 
 const rows = [
   {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hy-vue-gantt",
-  "version": "3.8.0",
+  "version": "3.8.1",
   "description": "Evolution of vue-ganttastic package",
   "author": "Eugenio Topa (@Xeyos88)",
   "scripts": {

src/components/GGanttChart.vue

@@ -130,7 +130,7 @@ const props = withDefaults(defineProps<GGanttChartProps>(), {
   labelResizable: true,
   milestones: () => [],
   timeaxisEvents: () => [],
-  showEventsAxis: true,
+  showEventsAxis: false,
   eventsAxisHeight: 25,
   holidayHighlight: "",
   rowClass: () => "",

src/composables/useDayjsHelper.ts

@@ -52,7 +52,7 @@ export default function useDayjsHelper(config: GGanttChartConfig = provideConfig
       return dayjs(input)
     }
     const format = dateFormat.value || DEFAULT_DATE_FORMAT
-    return dayjs(value, format, true)
+    return dayjs(value, format, false)
   }
 
   /**

tests/components/GGanttMilestone.test.ts

@@ -2,7 +2,6 @@ import { describe, it, expect } from "vitest"
 import { mount } from "@vue/test-utils"
 import GGanttMilestone from "../../src/components/GGanttMilestone.vue"
 
-
 describe("GGanttMilestone", () => {
   const mockMilestone = {
     id: "milestone1",
@@ -16,7 +15,7 @@ describe("GGanttMilestone", () => {
       props: {
         milestone: mockMilestone,
         ...props
-      },
+      }
     })
   }
 
@@ -84,4 +83,4 @@ describe("GGanttMilestone", () => {
       expect(wrapper.exists()).toBe(true)
     })
   })
-}) 
+})

tests/composables/useDayjsHelper.test.ts

@@ -49,7 +49,7 @@ describe("useDayjsHelper", () => {
     it("should convert string date to dayjs object", () => {
       const { toDayjs } = useDayjsHelper(mockConfig)
       const result = toDayjs("2024-01-01")
-      expect(dayjs).toHaveBeenCalledWith("2024-01-01", "YYYY-MM-DD HH:mm", true)
+      expect(dayjs).toHaveBeenCalledWith("2024-01-01", "YYYY-MM-DD HH:mm", false)
     })
 
     it("should convert Date object to dayjs object", () => {
@@ -67,7 +67,7 @@ describe("useDayjsHelper", () => {
         ganttBarConfig: { id: "1" }
       }
       const result = toDayjs(bar, "start")
-      expect(dayjs).toHaveBeenCalledWith("2024-01-01", "YYYY-MM-DD HH:mm", true)
+      expect(dayjs).toHaveBeenCalledWith("2024-01-01", "YYYY-MM-DD HH:mm", false)
     })
 
     it("should handle bar object with end property", () => {
@@ -78,7 +78,7 @@ describe("useDayjsHelper", () => {
         ganttBarConfig: { id: "1" }
       }
       const result = toDayjs(bar, "end")
-      expect(dayjs).toHaveBeenCalledWith("2024-01-02", "YYYY-MM-DD HH:mm", true)
+      expect(dayjs).toHaveBeenCalledWith("2024-01-02", "YYYY-MM-DD HH:mm", false)
     })
   })