在实际项目中，甘特图组件往往会遇到这些问题：

• 任务表格列越来越多，配置方式逐渐失控

• 表头和单元格需要高度定制，但扩展成本高

• 任务调整频繁，希望支持拖拽与可视化依赖

• Web 和 uni-app 需要复用同一套甘特图能力

Jordium GanttChart Vue3 v1.6.0，正是围绕这些工程痛点进行的一次重要版本升级。

---

一、核心升级：Task Table 支持声明式列定义

v1.6.0 新增 TaskListColumn 组件，用于声明式定义任务表格列。

为什么要引入声明式？

在复杂项目中，纯配置式列定义存在明显问题：

• 可读性差

• 难以承载复杂 UI

• 不利于组件复用和二次封装

声明式列定义带来的优势：

• 列结构清晰直观

• 更符合 Vue 组件化开发方式

• 支持复杂列和条件渲染

• 更适合中大型项目长期维护

---

二、Task Table 全面支持 Slots（Header / Default）

在声明式列基础上，Task Table 新增：

• #header Slot：自定义表头内容

• #default Slot：自定义单元格渲染

可在任务列表中实现：

• 状态图标 / 标签

• 进度条 / 风险提示

• 操作按钮 / 菜单

• 任意业务组件嵌入

Task Table 不再只是“数据展示”，而是业务 UI 的承载层。

---

三、任务交互能力增强

1. 任务列表支持拖拽移动

支持在 Task List 中直接拖拽任务项，用于：

• 调整任务顺序

• 调整任务层级

• 快速响应计划变更

适合项目管理、排产计划等高频调整场景。

2. TaskBar 支持可视化关系线管理

在时间轴上支持：

• 添加任务依赖关系

• 删除已有关系线

• UI 与数据双向同步

相比纯配置方式，更直观、更符合业务人员操作习惯。

---

四、支持 uni-app 场景适配

v1.6.0 针对跨端场景进行了优化：

• 更克制的 DOM 与事件依赖

• 兼容 uni-app 运行环境

• 可用于 H5 / 小程序 / App

适合需要一套甘特图覆盖多端的项目。

---

五、Task List 显示与样式能力增强

• Task 图标显示 / 隐藏配置

  • 通过 TaskListConfig 控制

• 行级样式控制

  • task-list-row-class-name

  • task-list-row-style

  • 可用于高亮关键任务、延期任务等场景

---

六、兼容旧版本，平滑升级

为保证已有项目稳定性：

• 提供 task-list-column-render-mode 属性

• 可在旧版配置式列定义 与 新版声明式列定义之间切换

升级不强制迁移，风险可控。

---

七、视频演示（建议观看）

为便于理解声明式列、Slots 及交互效果，提供完整演示视频：

🎬 视频地址：

---

八、项目地址与文档

📦 GitHub 仓库
https://github.com/nelson820125/jordium-gantt-vue3https://github.com/nelson820125/jordium-gantt-vue3

 📦 Git 仓库
https://gitee.com/jordium/jordium-gantt-vue3https://gitee.com/jordium/jordium-gantt-vue3

📘 在线文档 & 示例
https://nelson820125.github.io/jordium-gantt-vue3https://nelson820125.github.io/jordium-gantt-vue3

---

总结

Jordium GanttChart Vue3 并不是一个“只用于展示时间轴”的甘特图组件，
而是希望成为 可承载真实业务复杂度的计划与排程基础组件。

如果你正在开发：

• 项目管理系统

• 生产计划 / APS 系统

• 多端任务排期应用

欢迎留言交流使用体验和改进建议，也欢迎 PR。

---

🎉 该项目正在参加Gitee 2025年度开源项目评选活动，非常期望您的宝贵一票！ 🎉

Gitee 2025年度开源项目评选https://gitee.com/activity/2025opensource?ident=IOUNZP