<p align="center">
<b>🚀 即插即用的 Vue 3 业务组件库，让中后台开发回归简单</b>
</p>

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

---
### ✨ 新增
- **xly-china-map** 多数据集功能增强
- 支持传入多组数据集（如 2023年/2024年 GDP 对比）
- `MapDataSet` 数据结构：支持 `name`、`data`、`colorRange` 自定义颜色
- **对比模式**（`tooltip-mode="compare"`，默认）：悬浮省份时 Tooltip 同时展示所有数据集的数据，直观对比
- **切换模式**（`tooltip-mode="switch"`）：通过 Tab 切换数据集，Tooltip 只显示当前数据
- 数据集 Tab 样式优化：白色底 + 连体圆角边框 + 选中态蓝色高亮



## 💡 项目初衷

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

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

**于是，Ease UI 诞生了。**

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

---

## ✨ 核心优势

### 🎯 单文件组件，即拷即用

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

- ✅ 完整的 `<template>` 模板
- ✅ 独立的 `<script setup>` 逻辑
- ✅ 自包含的 `<style scoped>` 样式

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

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

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

### 🔌 仅依赖 Element Plus

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

```json
{
"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

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

【Ease UI】2026-04-04组件更新:新增组件xly-china-map中国地图组件

EaseUI是专为Vue3中后台开发设计的轻量级业务组件库，采用单文件组件设计，即拷即用。仅依赖ElementPlus，解决表格选择、搜索表单、日期范围等常见痛点。支持多数据集对比的中国地图组件，提供两种Tooltip模式，让数据对比更直观。开源项目，无需复杂配置，直接复制.vue文件即可使用，显著提升开发效率。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

【Ease UI】2026-04-04组件更新:新增组件xly-china-map中国地图组件-腾讯云开发者社区-腾讯云

【Ease UI】2026-04-04组件更新:新增组件xly-china-map中国地图组件

【Ease UI】2026-04-04组件更新:新增组件xly-china-map中国地图组件

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐