介绍
IIP UI Vue3 是一个基于 Element Plus、Vue 3 和 TypeScript 技术栈构建的二次封装组件库，旨在为企业级中后台管理系统提供统一的视觉与交互风格。
设计理念
🎯 企业级优先
专为企业级应用设计，提供稳定可靠的组件和完善的功能支持。
🛠️ 开发者友好
提供完整的 TypeScript 类型定义，优秀的开发体验和详细的文档。
🎨 高度可定制
支持主题定制、组件配置，满足不同项目的个性化需求。
📦 按需引入
支持 Tree Shaking，可以按需引入组件，优化打包体积。
技术栈
- Vue 3 - 渐进式 JavaScript 框架
- TypeScript - JavaScript 的超集，提供静态类型检查
- Element Plus - 基于 Vue 3 的组件库
- vxe-table - 高性能表格组件库
- Vite - 下一代前端构建工具
- Vitest - 基于 Vite 的单元测试框架
- VitePress - 基于 Vite 和 Vue 的静态站点生成器
特性
🚀 现代化
- 基于 Vue 3 Composition API
- 完整的 TypeScript 支持
- 使用最新的构建工具 Vite
📦 组件丰富
- 基于 Element Plus 二次封装
- 增强的功能和更好的用户体验
- 统一的 API 设计
- 完整的类型定义
🔧 开发工具
- 完善的开发环境
- 热更新支持
- 代码质量检查
- 自动化测试
浏览器支持
现代浏览器和 IE11+。
 IE / Edge |  Firefox |  Chrome |  Safari |
|---|---|---|---|
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |
核心组件
📄 DialogSelect 弹窗选择器
基于 vxe-table 和 Element Plus 构建的弹窗选择器组件：
- 表格展示: 使用 vxe-table 展示数据，支持分页、排序、筛选
- 单选/多选: 支持单选和多选模式
- 表单筛选: 内置表单筛选功能，支持输入框、下拉框、日期选择
- 异步数据: 支持异步数据加载和选项数据获取
- 类型安全: 完整的 TypeScript 类型定义
📋 PaginationSelect 分页选择器
基于 Element Plus 的分页选择器组件：
- 分页加载: 支持分页加载数据
- 搜索功能: 内置搜索功能
- 单选/多选: 支持单选和多选模式
- 异步数据: 支持异步数据加载
- 类型安全: 完整的 TypeScript 类型定义
📅 DateRange 日期范围
基于 Element Plus 的日期范围选择组件：
- 日期范围: 支持选择日期范围
- 快捷选项: 内置常用日期范围快捷选项
- 格式化: 支持自定义日期格式
- 类型安全: 完整的 TypeScript 类型定义
🛠️ 工具函数
- 通用工具: 类型检查、对象操作、数组处理等
查看 更新日志 了解版本变更详情。