🚀 即插即用的 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 优化选择是标签上下移位的问题

💡 项目初衷

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

于是，Ease UI 诞生了。

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

✨ 核心优势

🎯 单文件组件，即拷即用

每个组件都是完全独立的 .vue 单文件，包含：

• ✅ 完整的 <template> 模板

• ✅ 独立的 <script setup> 逻辑

• ✅ 自包含的 <style scoped> 样式

无需任何配置，直接复制 .vue 文件到你的项目即可使用！

    
    
    # 只需要这一个文件
src/components/xly-button/index.vue

# 不需要：
❌ 额外的 CSS 文件
❌ 公共样式依赖
❌ 复杂的构建配置
❌ 主题变量文件

🔌 仅依赖 Element Plus

本组件库仅依赖 Element Plus（及其图标库），不引入其他 UI 组件库：

    
    
    {
"dependencies": {
"element-plus": "^2.13.6",
"@element-plus/icons-vue": "^2.3.2"
}
}

依赖说明：

• 🎨 Element Plus - 仅使用其图标组件（@element-plus/icons-vue）

• 🚫 无其他 UI 库 - 不依赖 Ant Design Vue、Naive UI、Vuetify 等

• 🚫 无样式库 - 不依赖 Tailwind CSS、UnoCSS 等原子类框架

• 📝 纯 Vue 3 + SCSS - 所有组件样式独立编写

这意味着：

• 如果你的项目已经使用 Element Plus，可以无缝集成

• 如果你的项目没有 Element Plus，只需安装它即可

• 不会有多个 UI 库的样式冲突问题

如果你觉得这个项目还不错或对你有帮助，欢迎到 Gitee 或 GitHub 上点个 Star，这是对作者最好的支持～开源不易，且用且珍惜。

也欢迎关注公众号【Ease UI开源】，不错过最新的更新动态。

🔗 Gitee：https://gitee.com/yun_hua_admin/ease-ui
🔗 GitHub：https://github.com/Momingyun/ease-ui
🔗 预览地址：http://1.14.65.79