独立产品我的商业级 vue 3 甘特图已发发布到 npm

头像
秀逗
72阅读1评论

顺便求个远程工作机会,有意者联系

核心亮点:

  • 🎯 双栏布局 - 左侧任务列表 + 右侧甘特图时间轴,信息一目了然
  • 📊 可视化进度 - 实时进度条显示,支持拖拽调整完成度
  • 🔗 智能依赖 - 四种依赖类型(FS/SS/FF/SF),自动绘制连线
  • 🎨 多主题切换 - 5种内置主题,支持深色模式和自定义主题
  • 🖱️ 交互丰富 - 拖拽移动、调整大小、父子任务联动
  • 🌍 国际化 - 内置8种语言,轻松扩展更多语言
  • 高性能 - 虚拟滚动优化,轻松处理大量任务数据
  • 💎 里程碑 - 菱形标记关键节点,支持依赖关系

✨ 核心特性

📅 多视图模式

支持四种时间粒度,满足不同场景需求:

  • 月视图 - 长期项目规划,按天显示
  • 周视图 - 中期项目跟踪,按周显示
  • 日视图 - 短期任务管理,精确到天
  • 时视图 - 精细任务调度,按小时显示

🔗 任务依赖管理

  • 完成-开始 (FS) - 前置任务完成后,后续任务才能开始
  • 开始-开始 (SS) - 两个任务同时开始
  • 完成-完成 (FF) - 两个任务同时完成
  • 开始-完成 (SF) - 后续任务开始后,前置任务才能完成

💎 里程碑功能

  • 菱形图标标记项目关键节点
  • 支持作为依赖关系的源和目标
  • 自动识别(开始时间=结束时间)或手动标记

🎨 主题系统

  • 内置 5 种精美主题(Metro/Dark/Modern/Classic/Colorful)
  • 支持深色模式,护眼舒适
  • 完整的 CSS 变量支持,轻松自定义主题
  • 主题设置自动保存到浏览器

🌍 国际化支持

  • 内置 8 种语言(中/英/日/韩/法/德/西/俄)
  • 即时切换,无需刷新页面
  • 所有界面元素完整翻译
  • 时间轴表头自动本地化
  • 易于扩展新语言

🖱️ 交互操作

  • 拖拽移动 - 修改任务开始和结束日期
  • 调整大小 - 拖拽边缘调整任务时长
  • 进度调整 - 拖拽三角滑块调整完成度
  • 父子联动 - 父任务移动时子任务自动跟随
  • 分割面板 - 可调整左右区域比例

⚡ 性能优化

  • 虚拟滚动渲染,支持海量任务数据
  • 节流更新机制,避免频繁重绘
  • 计算结果缓存,提升响应速度
  • 按需渲染连线,优化绘制性能

🚀 安装使用

方式一:通过 npm 安装(推荐)

# 使用 npm
npm install @lee576/vue3-gantt

# 或使用 yarn
yarn add @lee576/vue3-gantt

# 或使用 pnpm
pnpm add @lee576/vue3-gantt
方式二:从源码构建
# 克隆仓库
git clone https://github.com/lee576/vue3-gantt.git
cd vue3-gantt

# 安装依赖
npm install

# 启动开发服务器
npm run dev
收藏
举报
精选评论
头像
等级2

2023 年年末,曾在电鸭找到过工作,对方是澳大利亚 Bestrane 公司,
官网 https://www.bestrane.com.au/
主做物流线路优化等业务,主要使用的是 Blazor Webassemly/Server + Azure 登录及权限验证等,也包括一些更老的技术需要升级迭代
由于 2024年,客户公司缺少欧洲的订单,出于裁剪开支,缩小成本的考虑,于是于12月中止了1年的合同,本人目前又是自由身了,目前在找工作机会

版块详情

独立产品

1k 帖子
3k 评论
606 关注
请真诚分享你的个人作品的创作灵感、开发经验、运营过程等;不得只罗列产品功能来借机营销
版主
远程老司机/游牧旅居中/电鸭社区站长
远程全职推荐

扫码下载应用

下载APP以便及时收到回复或进展