当前位置：首页 > news >正文

Ease UI：即插即用的 Vue 3 业务组件库，让中后台开发回归简单！

news 2026/4/15 8:50:27

即插即用的 Vue 3 业务组件库，让中后台开发回归简单

Ease UI 是一套为「快速复制」而生的 Vue 3 业务组件库。每个组件都是独立的 .vue 单文件，不依赖任何外部样式或工具函数，直接复制到项目即可使用。它仅依赖 Element Plus，却解决了中后台开发中表格选择混乱、搜索表单代码臃肿、日期范围绑定繁琐等真实痛点，让组件复用像复制代码一样简单。

新增

•xly - gantt（甘特图组件）`src/components/xly - gantt/index.vue`

• 项目管理可视化组件，支持日/周/月三种视图切换

• 纯 SVG 原生实现，零第三方依赖

• 支持任务层级结构（分组 + 子任务），可展开/收起

• 支持里程碑标记（菱形图标）

• 支持任务进度展示（进度条 + 百分比）

• 支持任务依赖关系可视化（箭头连线）

• 支持今日线标记

• 支持滚轮缩放和平滑缩放控制

• 支持 Tooltip 悬浮提示（显示任务详情）

• 支持自定义任务条颜色（success/warning/danger/info）

• 支持点击任务事件（@task - click）

• 支持 scrollToToday() / scrollToDate() / zoomIn() / zoomOut() 等方法

• 支持width和height属性设置组件尺寸

•xly - chart（图标组件）`src/components/xly - chat/index.vue`

• 折线图新增属性 `smooth` 控制平滑曲线

• 折线图新增属性 `show - dots` 控制隐藏折线上的数据点（小圆点）

• 预览新增

• 新增 `xly - calendar`(日历组件功能预览),相关组建代码未更新上传

• 新增 `xly - topology`(拓扑图功能预览),相关组建代码未更新上传

• 新增 `xly - pdf - sign`(PDF 签名功能预览),相关组建代码未更新上传

优化

•xly - form表单校验时校验信息显示导致输入框上下移位的问题

•xly - radio优化选择是标签上下移位的问题

项目初衷

在中后台系统开发中，会频繁遇到这些问题：

痛点	现状
🔧 组件库太重	引入一套组件库，需要学习整套 API、主题配置、构建配置，成本太高
📋 复制粘贴难	想从项目 A 复用一个组件到项目 B，发现依赖了各种公共样式、工具函数，拆不出来
🧩 Element Plus 不够用	基础组件有了，但业务组件（如带展开/收起的搜索表单、智能表格）还得自己写
🔄 重复造轮子	每个项目都要重新实现表格选择、日期范围绑定、表单布局...

于是，Ease UI 诞生了。

打造一套极致轻量、即拷即用的业务组件，让开发者可以像复制一段代码一样简单地复用组件。