v2.3.1

2025-10-22 08:13:59 +00:00
commit 80ca059fb8
162 changed files with 16816 additions and 0 deletions
@@ -0,0 +1,46 @@
+import { useMemo } from 'react';
+import { getData } from '../data';
+import { Gantt } from '../../src/';
+
+function GanttHolidays({ skinSettings }) {
+  const data = useMemo(() => getData(), []);
+
+  const scales = useMemo(
+    () => [
+      { unit: 'year', step: 1, format: 'yyyy' },
+      { unit: 'month', step: 2, format: 'MMMM yyy' },
+      { unit: 'week', step: 1, format: 'wo' },
+      { unit: 'day', step: 1, format: 'd, EEEE' /* , css: dayStyle */ }
+    ],
+    [],
+  );
+
+  function isDayOff(date) {
+    const d = date.getDay();
+    return d == 0 || d == 6;
+  }
+
+  function isHourOff(date) {
+    const h = date.getHours();
+    return h < 8 || h == 12 || h > 17;
+  }
+
+  function highlightTime(d, u) {
+    if (u == 'day' && isDayOff(d)) return 'wx-weekend';
+    if (u == 'hour' && (isDayOff(d) || isHourOff(d))) return 'wx-weekend';
+    return '';
+  }
+
+  return (
+    <Gantt
+      {...skinSettings}
+      tasks={data.tasks}
+      links={data.links}
+      scales={scales}
+      highlightTime={highlightTime}
+      zoom
+    />
+  );
+}
+
+export default GanttHolidays;