ct-gantt-core 1.0.12 → 1.0.14

package/dist/index.cjs

@@ -22,12 +22,15 @@ var index_exports = {};
 __export(index_exports, {
   DAY_MS: () => DAY_MS,
   DEFAULT_HOUR_COLORS: () => DEFAULT_HOUR_COLORS,
+  DEFAULT_RESOURCE_COLORS: () => DEFAULT_RESOURCE_COLORS,
   DEFAULT_TASK_COLORS: () => DEFAULT_TASK_COLORS,
+  DEFAULT_WORKLOAD_COLORS: () => DEFAULT_WORKLOAD_COLORS,
   EDITOR_COLOR_OPTIONS: () => EDITOR_COLOR_OPTIONS,
   GanttEngine: () => GanttEngine,
   HOUR_MS: () => HOUR_MS,
   OWNER_COLOR_PALETTE: () => OWNER_COLOR_PALETTE,
   RESOURCE_COLOR_PALETTE: () => RESOURCE_COLOR_PALETTE,
+  RESOURCE_EDITOR_COLOR_OPTIONS: () => RESOURCE_EDITOR_COLOR_OPTIONS,
   addDays: () => addDays,
   addHours: () => addHours,
   addPlannedDuration: () => addPlannedDuration,
@@ -38,8 +41,10 @@ __export(index_exports, {
   computeLayout: () => computeLayout,
   computeResourceLayout: () => computeResourceLayout,
   computeTimeScale: () => computeTimeScale,
+  computeVisibleWindow: () => computeVisibleWindow,
   computeWorkload: () => computeWorkload,
   createGanttEngine: () => createGanttEngine,
+  dateExtent: () => dateExtent,
   defaultConfig: () => defaultConfig,
   diffDays: () => diffDays,
   diffHours: () => diffHours,
@@ -49,15 +54,18 @@ __export(index_exports, {
   hasTimeComponent: () => hasTimeComponent,
   inclusiveDays: () => inclusiveDays,
   isValidDate: () => isValidDate,
+  mergeGanttConfig: () => mergeGanttConfig,
   mergeTaskPatch: () => mergeTaskPatch,
   normalizeLinks: () => normalizeLinks,
   plannedDurationBetween: () => plannedDurationBetween,
+  resolveGanttConfig: () => resolveGanttConfig,
   resolveResourceColor: () => resolveResourceColor,
   resolveUsageColor: () => resolveUsageColor,
   resolveUsageTimes: () => resolveUsageTimes,
   resultInvalidDate: () => resultInvalidDate,
   scheduleByDependencies: () => scheduleByDependencies,
   shiftTask: () => shiftTask,
+  sliceRangeItems: () => sliceRangeItems,
   startOfDay: () => startOfDay,
   subtractPlannedDuration: () => subtractPlannedDuration,
   toDate: () => toDate,
@@ -67,41 +75,58 @@ module.exports = __toCommonJS(index_exports);
 
 // src/styles/colors.ts
 var DEFAULT_TASK_COLORS = {
-  task: "#4d77b3",
-  // 普通任务实际条
-  summary: "#475467",
-  // 阶段条
-  milestone: "#b57e4a",
-  // 里程碑菱形 / 参考线默认
-  plan: "#cbd5e1",
-  // 计划条外部底色
-  progress: "#367d73"
-  // 计划条内部进度色（任务未设置 planColor 时）
+  task: "#409EFF",
+  // 普通任务实际条 · Element 主色
+  summary: "#909399",
+  // 阶段条 · Element Info
+  milestone: "#E6A23C",
+  // 里程碑菱形 / 参考线默认 · Element Warning
+  plan: "#C6E2FF",
+  // 计划条外部底色 · 主色浅阶
+  progress: "#67C23A"
+  // 计划条内部进度色 · Element Success
 };
 var DEFAULT_HOUR_COLORS = {
-  plan: "#cbd5e1",
-  // 计划条外部底色
-  progress: "#367d73",
-  // 计划条内部进度色（任务未设置 planColor 时）
-  milestone: "#b57e4a"
+  plan: "#409EFF",
+  // 小时视图只有计划条，用主色保证在白底网格上可见
+  progress: "#67C23A",
+  // 兼容保留，小时视图不再绘制进度填充
+  milestone: "#E6A23C"
   // 里程碑菱形 / 参考线默认
 };
-var RESOURCE_COLOR_PALETTE = ["#f10755", "#9b87c4", "#509b81", "#c18f67", "#5e7fb0"];
+var DEFAULT_RESOURCE_COLORS = {
+  booking: "#409EFF",
+  assignment: "#909399"
+};
+var DEFAULT_WORKLOAD_COLORS = {
+  used: "#67C23A",
+  // 已排工时徽章 · Element Success
+  over: "#F56C6C",
+  // 超负荷徽章 / 超载面积条 · Element Danger
+  area: "#409EFF"
+  // capacity 模式容量面积条 · Element 主色
+};
+var RESOURCE_COLOR_PALETTE = [DEFAULT_RESOURCE_COLORS.booking];
+var RESOURCE_EDITOR_COLOR_OPTIONS = [
+  "#409eff",
+  "#79bbff",
+  "#909399"
+];
 var EDITOR_COLOR_OPTIONS = [
-  "#4d77b3",
-  "#8f77c5",
-  "#c16794",
-  "#b57e4a",
-  "#b3a24d",
-  "#47ae8f",
-  "#3f99a6",
-  "#64748b"
+  "#409eff",
+  "#66b1ff",
+  "#67c23a",
+  "#e6a23c",
+  "#f56c6c",
+  "#909399",
+  "#9b87c4",
+  "#36cfc9"
 ];
-var OWNER_COLOR_PALETTE = ["#c2708b", "#9b87c4", "#509b81", "#c18f67", "#5e7fb0"];
+var OWNER_COLOR_PALETTE = ["#409EFF", "#67C23A", "#E6A23C", "#F56C6C", "#909399"];
 
 // src/types/index.ts
 var defaultConfig = {
-  viewMode: "month",
+  viewMode: "day",
   rowHeight: 44,
   columnWidth: 30,
   headerHeight: 50,
@@ -120,11 +145,16 @@ var defaultConfig = {
   showLinkRejectionNotice: true,
   virtualScroll: true,
   taskColors: { ...DEFAULT_TASK_COLORS },
+  resourceUsageColors: { ...DEFAULT_RESOURCE_COLORS },
+  workloadColors: { ...DEFAULT_WORKLOAD_COLORS },
   timeUnit: "day",
   hourWidth: 12,
   autoSchedule: true,
   editable: true,
-  enableSelection: false
+  enableSelection: false,
+  showAddTaskColumn: true,
+  addTaskAs: "child",
+  showAddUsageColumn: true
 };
 
 // src/services/checkCyclicDependency.ts
@@ -234,12 +264,21 @@ function flattenTasks(tasks, collapsedIds = /* @__PURE__ */ new Set()) {
   const children = /* @__PURE__ */ new Map();
   for (const task of tasks) {
     const parentId = task.parentId ?? null;
-    const bucket = children.get(parentId) ?? [];
-    bucket.push(task);
-    children.set(parentId, bucket);
+    const bucket = children.get(parentId);
+    if (bucket) {
+      bucket.push(task);
+    } else {
+      children.set(parentId, [task]);
+    }
   }
   const flattened = [];
+  const visited = /* @__PURE__ */ new Set();
+  const taskIds = new Set(tasks.map((task) => task.id));
   const visit = (task, depth) => {
+    if (visited.has(task.id)) {
+      return;
+    }
+    visited.add(task.id);
     const childTasks = children.get(task.id) ?? [];
     const collapsed = collapsedIds.has(task.id);
     flattened.push({
@@ -258,6 +297,12 @@ function flattenTasks(tasks, collapsedIds = /* @__PURE__ */ new Set()) {
   for (const root of children.get(null) ?? []) {
     visit(root, 0);
   }
+  for (const task of tasks) {
+    if (visited.has(task.id)) continue;
+    const parentId = task.parentId ?? null;
+    if (parentId && taskIds.has(parentId)) continue;
+    visit(task, 0);
+  }
   return flattened;
 }
 
@@ -359,6 +404,18 @@ function isValidDate(value) {
   const date = value instanceof Date ? value : new Date(value);
   return !Number.isNaN(date.getTime());
 }
+function dateExtent(dates) {
+  let min = Number.POSITIVE_INFINITY;
+  let max = Number.NEGATIVE_INFINITY;
+  for (const value of dates) {
+    const time = typeof value === "number" ? value : value.getTime();
+    if (!Number.isFinite(time)) continue;
+    if (time < min) min = time;
+    if (time > max) max = time;
+  }
+  if (!Number.isFinite(min) || !Number.isFinite(max)) return void 0;
+  return { start: new Date(min), end: new Date(max) };
+}
 function formatDate(date) {
   const value = toDate(date);
   const year = value.getFullYear();
@@ -463,6 +520,51 @@ function computeHourScale(start, end, hourWidth) {
   return { days, hours, start: rangeStart, end: rangeEnd };
 }
 
+// src/services/computeVisibleWindow.ts
+function computeVisibleWindow(scroll, viewportSize, itemSize, itemCount, overscan = 8) {
+  if (itemCount <= 0 || itemSize <= 0) {
+    return { start: 0, end: -1, before: 0, after: 0 };
+  }
+  if (viewportSize <= 0) {
+    return { start: 0, end: itemCount - 1, before: 0, after: 0 };
+  }
+  const start = Math.max(0, Math.floor(scroll / itemSize) - overscan);
+  const end = Math.min(
+    itemCount - 1,
+    Math.ceil((scroll + viewportSize) / itemSize) + overscan
+  );
+  return {
+    start,
+    end,
+    before: start * itemSize,
+    after: Math.max(0, (itemCount - end - 1) * itemSize)
+  };
+}
+function sliceRangeItems(items, scrollLeft, viewportWidth, overscanPx = 320) {
+  if (viewportWidth <= 0 || items.length === 0) {
+    return items;
+  }
+  const min = scrollLeft - overscanPx;
+  const max = scrollLeft + viewportWidth + overscanPx;
+  return items.filter((item) => item.left + item.width >= min && item.left <= max);
+}
+
+// src/utils/mergeConfig.ts
+function mergeGanttConfig(base, patch = {}) {
+  return {
+    ...base,
+    ...patch,
+    taskColors: { ...base.taskColors, ...patch.taskColors },
+    columnWidths: { ...base.columnWidths, ...patch.columnWidths },
+    resourceColors: { ...base.resourceColors, ...patch.resourceColors },
+    resourceUsageColors: { ...base.resourceUsageColors, ...patch.resourceUsageColors },
+    workloadColors: { ...base.workloadColors, ...patch.workloadColors }
+  };
+}
+function resolveGanttConfig(patch = {}) {
+  return mergeGanttConfig(defaultConfig, patch);
+}
+
 // src/engines/scheduling.ts
 function scheduleByDependencies(tasks, links) {
   const cycle = checkCyclicDependency(links);
@@ -491,8 +593,18 @@ function scheduleByDependencies(tasks, links) {
         }
       };
     }
-    incoming.set(link.targetId, [...incoming.get(link.targetId) ?? [], link]);
-    outgoing.set(link.sourceId, [...outgoing.get(link.sourceId) ?? [], link]);
+    const incomingList = incoming.get(link.targetId);
+    if (incomingList) {
+      incomingList.push(link);
+    } else {
+      incoming.set(link.targetId, [link]);
+    }
+    const outgoingList = outgoing.get(link.sourceId);
+    if (outgoingList) {
+      outgoingList.push(link);
+    } else {
+      outgoing.set(link.sourceId, [link]);
+    }
   }
   const ordered = topologicalOrder(tasks.map((task) => task.id), links);
   for (const taskId of ordered) {
@@ -550,12 +662,20 @@ function topologicalOrder(ids, links) {
   const outgoing = /* @__PURE__ */ new Map();
   for (const link of links) {
     indegree.set(link.targetId, (indegree.get(link.targetId) ?? 0) + 1);
-    outgoing.set(link.sourceId, [...outgoing.get(link.sourceId) ?? [], link.targetId]);
+    const targets = outgoing.get(link.sourceId);
+    if (targets) {
+      targets.push(link.targetId);
+    } else {
+      outgoing.set(link.sourceId, [link.targetId]);
+    }
   }
   const queue = ids.filter((id) => (indegree.get(id) ?? 0) === 0);
   const ordered = [];
-  while (queue.length) {
-    const current = queue.shift();
+  let cursor = 0;
+  while (cursor < queue.length) {
+    const current = queue[cursor];
+    cursor += 1;
+    if (!current) continue;
     ordered.push(current);
     for (const target of outgoing.get(current) ?? []) {
       indegree.set(target, (indegree.get(target) ?? 1) - 1);
@@ -590,7 +710,7 @@ function shiftTask(task, start) {
 
 // src/engines/computeLayout.ts
 function computeLayout(tasks, links, config, collapsedIds = /* @__PURE__ */ new Set(), viewport) {
-  const mergedConfig = { ...defaultConfig, ...config };
+  const mergedConfig = resolveGanttConfig(config);
   for (const task of tasks) {
     if (!isValidDate(task.actual.start) || !isValidDate(task.actual.end)) {
       return {
@@ -608,7 +728,7 @@ function computeLayout(tasks, links, config, collapsedIds = /* @__PURE__ */ new
     return scheduled;
   }
   const flatTasks = flattenTasks(scheduled.data, collapsedIds);
-  const firstDate = mergedConfig.visibleRange ? toDate(mergedConfig.visibleRange.start) : minDate(scheduled.data.map((task) => toDate(task.actual.start)));
+  const firstDate = mergedConfig.visibleRange ? toDate(mergedConfig.visibleRange.start) : dateExtent(scheduled.data.map((task) => toDate(task.actual.start)))?.start ?? toDate(/* @__PURE__ */ new Date());
   const visibleStart = viewport ? Math.max(0, Math.floor(viewport.scrollTop / mergedConfig.rowHeight) - 8) : 0;
   const visibleEnd = viewport ? Math.ceil((viewport.scrollTop + viewport.clientHeight) / mergedConfig.rowHeight) + 8 : Number.POSITIVE_INFINITY;
   const layouts = flatTasks.filter((flat) => flat.rowIndex >= visibleStart && flat.rowIndex <= visibleEnd).map((flat) => {
@@ -627,9 +747,6 @@ function computeLayout(tasks, links, config, collapsedIds = /* @__PURE__ */ new
   });
   return { ok: true, data: layouts };
 }
-function minDate(dates) {
-  return new Date(Math.min(...dates.map((date) => date.getTime())));
-}
 
 // src/engines/computeImpact.ts
 function computeImpact(taskId, patch, tasks, links, config) {
@@ -718,8 +835,14 @@ function resolveResourceColor(resource, resourceColors) {
   const source = resource.name || resource.id;
   return RESOURCE_COLOR_PALETTE[colorHash(source) % RESOURCE_COLOR_PALETTE.length];
 }
-function resolveUsageColor(usage, resource, resourceColors) {
-  return usage.color || resolveResourceColor(resource, resourceColors);
+function resolveUsageColor(usage, resource, resourceColors, resourceUsageColors) {
+  if (usage.color) {
+    return usage.color;
+  }
+  if (resource.color || resourceColors?.[resource.id]) {
+    return resolveResourceColor(resource, resourceColors);
+  }
+  return usage.type === "assignment" ? resourceUsageColors?.assignment ?? DEFAULT_RESOURCE_COLORS.assignment : resourceUsageColors?.booking ?? DEFAULT_RESOURCE_COLORS.booking;
 }
 function resolveUsageTimes(usage, timeUnit) {
   if (timeUnit === "hour") {
@@ -730,7 +853,7 @@ function resolveUsageTimes(usage, timeUnit) {
   return { start: toDate(usage.start), end: toDate(usage.end) };
 }
 function computeResourceLayout(resources, usages, config, viewport) {
-  const mergedConfig = { ...defaultConfig, ...config };
+  const mergedConfig = resolveGanttConfig(config);
   const timeUnit = mergedConfig.timeUnit ?? "day";
   const hourMode = timeUnit === "hour";
   const hourW = mergedConfig.hourWidth ?? 12;
@@ -763,7 +886,12 @@ function computeResourceLayout(resources, usages, config, viewport) {
   const resourceById = new Map(resources.map((resource) => [resource.id, resource]));
   const usagesByResource = /* @__PURE__ */ new Map();
   for (const usage of usages) {
-    usagesByResource.set(usage.resourceId, [...usagesByResource.get(usage.resourceId) ?? [], usage]);
+    const grouped = usagesByResource.get(usage.resourceId);
+    if (grouped) {
+      grouped.push(usage);
+    } else {
+      usagesByResource.set(usage.resourceId, [usage]);
+    }
   }
   const rows = [];
   const usageLayouts = [];
@@ -808,8 +936,8 @@ function computeResourceLayout(resources, usages, config, viewport) {
   const visibleStart = viewport ? Math.max(0, Math.floor(viewport.scrollTop / mergedConfig.rowHeight) - 8) : 0;
   const visibleEnd = viewport ? Math.ceil((viewport.scrollTop + viewport.clientHeight) / mergedConfig.rowHeight) + 8 : Number.POSITIVE_INFINITY;
   const firstDate = hourMode ? startOfDay(
-    mergedConfig.visibleRange ? toDateTime(mergedConfig.visibleRange.start) : usages.length ? minDate2(usages.map((usage) => resolveUsageTimes(usage, "hour").start)) : toDateTime(/* @__PURE__ */ new Date())
-  ) : mergedConfig.visibleRange ? toDate(mergedConfig.visibleRange.start) : usages.length ? minDate2(usages.map((usage) => toDate(usage.start))) : toDate(/* @__PURE__ */ new Date());
+    mergedConfig.visibleRange ? toDateTime(mergedConfig.visibleRange.start) : dateExtent(usages.map((usage) => resolveUsageTimes(usage, "hour").start))?.start ?? toDateTime(/* @__PURE__ */ new Date())
+  ) : mergedConfig.visibleRange ? toDate(mergedConfig.visibleRange.start) : dateExtent(usages.map((usage) => toDate(usage.start)))?.start ?? toDate(/* @__PURE__ */ new Date());
   for (const row of rows) {
     if (row.rowIndex < visibleStart || row.rowIndex > visibleEnd) {
       continue;
@@ -846,16 +974,13 @@ function computeResourceLayout(resources, usages, config, viewport) {
 function isLaneFree(laneEnd, start, hourMode) {
   return hourMode ? diffHours(laneEnd, start) >= 0 : diffDays(laneEnd, start) > 0;
 }
-function minDate2(dates) {
-  return new Date(Math.min(...dates.map((date) => date.getTime())));
-}
 
 // src/engines/computeWorkload.ts
 function computeWorkload(tasks, people, departments = [], range) {
   const dated = range ?? inferRange(tasks);
   if (!dated) return { dates: [], departments: [], ungrouped: [] };
   const dates = datesBetween(dated.start, dated.end);
-  const dateSet = new Set(dates);
+  const dateIndex = new Map(dates.map((date, index) => [date, index]));
   const rows = new Map(people.map((person) => [person.id, createPerson(person, dates)]));
   for (const task of tasks) {
     if (task.type === "summary" || task.type === "milestone") continue;
@@ -865,21 +990,32 @@ function computeWorkload(tasks, people, departments = [], range) {
     for (const personId of ids) {
       const row = rows.get(personId);
       if (!row) continue;
-      for (const [date, hours] of Object.entries(values)) if (dateSet.has(date)) row.days.find((day) => day.date === date).hours += hours;
+      for (const [date, hours] of Object.entries(values)) {
+        const index = dateIndex.get(date);
+        if (index !== void 0) row.days[index].hours += hours;
+      }
     }
   }
   for (const row of rows.values()) finalize(row);
   const grouped = /* @__PURE__ */ new Map();
   const ungrouped = [];
-  for (const row of rows.values()) (row.person.departmentId ? grouped.get(row.person.departmentId) ?? (grouped.set(row.person.departmentId, []), grouped.get(row.person.departmentId)) : ungrouped).push(row);
+  for (const row of rows.values()) {
+    if (row.person.departmentId) {
+      const members = grouped.get(row.person.departmentId);
+      if (members) members.push(row);
+      else grouped.set(row.person.departmentId, [row]);
+    } else {
+      ungrouped.push(row);
+    }
+  }
   const departmentMap = new Map(departments.map((item) => [item.id, item]));
   const result = [...grouped].map(([id, members]) => aggregateDepartment(departmentMap.get(id) ?? { id, name: id }, members, dates));
   return { dates, departments: result, ungrouped };
 }
 function inferRange(tasks) {
   if (!tasks.length) return void 0;
-  const dates = tasks.flatMap((t) => [toDate(t.plan.start), toDate(t.plan.end)]);
-  return { start: new Date(Math.min(...dates.map((d) => d.getTime()))), end: new Date(Math.max(...dates.map((d) => d.getTime()))) };
+  const extent = dateExtent(tasks.flatMap((task) => [toDate(task.plan.start), toDate(task.plan.end)]));
+  return extent ? { start: extent.start, end: extent.end } : void 0;
 }
 function datesBetween(start, end) {
   const values = [];
@@ -952,7 +1088,7 @@ var GanttEngine = class {
   constructor(options = {}) {
     this.tasks = options.tasks ? options.tasks.map((task) => ({ ...task })) : [];
     this.links = options.links ? options.links.map((link) => ({ ...link })) : [];
-    this.config = { ...defaultConfig, ...options.config };
+    this.config = mergeGanttConfig({ ...defaultConfig }, { ...options.config });
     this.container = options.container ?? null;
     this.collapsedIds = new Set(options.collapsedIds ?? []);
     this.markers = options.markers ? options.markers.map((marker) => ({ ...marker })) : [];
@@ -986,22 +1122,22 @@ var GanttEngine = class {
   setTasks(tasks) {
     this.assertNotDestroyed();
     this.tasks = tasks.map((task) => ({ ...task }));
-    this.emit("taskschange", this.getTasks());
+    this.emit("taskschange", this.tasks);
   }
   setLinks(links) {
     this.assertNotDestroyed();
     this.links = links.map((link) => ({ ...link }));
-    this.emit("linkschange", this.getLinks());
+    this.emit("linkschange", this.links);
   }
   setMarkers(markers) {
     this.assertNotDestroyed();
     this.markers = markers.map((marker) => ({ ...marker }));
-    this.emit("markerschange", this.getMarkers());
+    this.emit("markerschange", this.markers);
   }
   /** 合并配置 patch，等价于 setConfig(mergeConfig(patch)) */
   mergeConfig(patch) {
     this.assertNotDestroyed();
-    this.config = { ...this.config, ...patch };
+    this.config = mergeGanttConfig(this.config, patch);
     this.emit("configchange", this.getConfig());
   }
   setConfig(config) {
@@ -1121,10 +1257,8 @@ var GanttEngine = class {
       const today = toDate(/* @__PURE__ */ new Date());
       return { start: today, end: addDays(today, 30) };
     }
-    return {
-      start: new Date(Math.min(...dates.map((d) => d.getTime()))),
-      end: new Date(Math.max(...dates.map((d) => d.getTime())))
-    };
+    const extent = dateExtent(dates);
+    return extent ?? { start: dates[0], end: dates[0] };
   }
   getTimeScale() {
     const range = this.getDateRange();
@@ -1289,12 +1423,15 @@ function createGanttEngine(options = {}) {
 0 && (module.exports = {
   DAY_MS,
   DEFAULT_HOUR_COLORS,
+  DEFAULT_RESOURCE_COLORS,
   DEFAULT_TASK_COLORS,
+  DEFAULT_WORKLOAD_COLORS,
   EDITOR_COLOR_OPTIONS,
   GanttEngine,
   HOUR_MS,
   OWNER_COLOR_PALETTE,
   RESOURCE_COLOR_PALETTE,
+  RESOURCE_EDITOR_COLOR_OPTIONS,
   addDays,
   addHours,
   addPlannedDuration,
@@ -1305,8 +1442,10 @@ function createGanttEngine(options = {}) {
   computeLayout,
   computeResourceLayout,
   computeTimeScale,
+  computeVisibleWindow,
   computeWorkload,
   createGanttEngine,
+  dateExtent,
   defaultConfig,
   diffDays,
   diffHours,
@@ -1316,15 +1455,18 @@ function createGanttEngine(options = {}) {
   hasTimeComponent,
   inclusiveDays,
   isValidDate,
+  mergeGanttConfig,
   mergeTaskPatch,
   normalizeLinks,
   plannedDurationBetween,
+  resolveGanttConfig,
   resolveResourceColor,
   resolveUsageColor,
   resolveUsageTimes,
   resultInvalidDate,
   scheduleByDependencies,
   shiftTask,
+  sliceRangeItems,
   startOfDay,
   subtractPlannedDuration,
   toDate,