即插即用的 Vue 3 业务组件库 Ease UI解决中后台开发痛点让组件复用如复制代码般简单Ease UI 是一套为「快速复制」而生的 Vue 3 业务组件库。每个组件都是独立的 .vue 单文件不依赖任何外部样式或工具函数直接复制到项目即可使用。它仅依赖 Element Plus却解决了中后台开发中表格选择混乱、搜索表单代码臃肿、日期范围绑定繁琐等真实痛点让组件复用像复制代码一样简单。新增内容1. 菜单工具类 src/utils/menu.ts统一管理菜单数据支持本地 JSON 和远程 API 两种获取方式核心 API 有 getMenuData() 获取菜单、findMenuByPath() 查找菜单、filterMenuByPermissions() 权限过滤、resolveComponent() 组件解析内置缓存机制支持 forceRefresh 强制刷新提供菜单持久化工具 saveMenuPermissions() / getMenuPermissions()所有菜单组件VerticalSidebar / HorizontalMenu / FixedSidebar统一使用工具类。2. 菜单使用指南 src/views/basic/menu-doc.vue包含菜单数据结构说明JSON 字段详解、本地/远程菜单配置模式详解、菜单权限控制实现方案、菜单持久化方案LocalStorage / 服务端 / 混合模式、常见问题 FAQ菜单路径为 /basic/menu-doc。3. 404 页面完善 src/views/exception/404.vue有城市建筑风格 SVG 插画、友好的错误提示信息、返回首页 / 返回上一页操作按钮。4. 菜单配置更新新增「系统管理」一级菜单含三级菜单混合模式新增「菜单使用指南」菜单项/basic/menu-docid: 2 - 13。5. 登录页多主题风格系统 src/views/login/新增 **ThemeSwitcher** 组件支持 8 种登录主题实时切换包括经典蓝classic、暗黑科技dark、极简白minimal、大气磅礴grand、清新自然nature、商务金融corporate、极光渐变aurora主题切换带平滑过渡动画每个主题均为完整独立设计左侧品牌区 右侧登录表单。优化内容1. 布局切换系统垂直布局 / 左右分栏 / 水平布局新增 menuLayout Store 管理布局状态新增 MenuLayoutDrawer 组件支持布局切换三种布局统一背景色 #eef1f8垂直布局样式优化间距、滚动、换行处理。2. 水平布局优化水平菜单融合到顶部导航HeaderLayoutLogo 左 / 菜单居中 / 操作按钮右的经典布局高度自适应 Header不影响其他布局。3. 三级菜单支持垂直布局点击二级菜单展开三级子菜单带箭头旋转动画水平布局 hover 二级菜单时右侧弹出三级下拉菜单三级菜单样式优化字体 13px、适当间距、颜色区分。4. 路由优化404 路由调整到顶层确保未匹配路由正确重定向router/utils.ts 增加组件缓存优化。5. 顶部功能优化增加消息弹窗示例实现全屏功能。6. 组件优化优化 workTab 组件样式。修复内容垂直布局三级菜单样式修复字体太小、间距不足的问题。项目初衷在中后台系统开发中存在组件库太重、复制粘贴难、Element Plus 不够用、重复造轮子等问题。于是Ease UI 诞生旨在打造一套 **极致轻量、即拷即用** 的业务组件让开发者可以像复制一段代码一样简单地复用组件。核心优势1. 单文件组件即拷即用每个组件都是 **完全独立的** .vue **单文件** 包含完整的 模板、独立的