介绍

Vue3 Query Components 是一个专为 Vue3 设计的企业级查询页面组件库，基于 Element Plus 构建。

特性

• 🚀 开箱即用 - 高度封装的查询表格组件，一个组件即可构建完整的查询页面
• ⚡️ 高效开发 - 减少重复代码，专注于业务逻辑，提升开发效率
• 🎨 高度定制 - 灵活的配置系统，支持自定义插槽和样式
• 🔧 TypeScript - 完整的 TypeScript 支持，类型安全
• 📦 按需引入 - 支持 Tree Shaking，打包体积最小化
• 🛡️ Element Plus - API 设计一致，学习成本低

适用场景

• 企业后台管理系统
• 数据报表页面
• CRUD 操作页面
• 列表展示页面

技术栈

• Vue 3.4+ (Composition API)
• Element Plus 2.11+
• TypeScript 5.9+
• Vite 6.0+

核心组件

CommonQueryTable

高度集成的查询页面组件，包含表单查询、表格展示、分页功能。

CommonForm

动态表单生成器，支持多种表单元素。

CommonTable

基于 Element Plus Table 的封装。

基础组件

• CommonButton - 按钮组件
• CommonInput - 输入框组件
• CommonSelect - 选择器组件
• CommonDatePicker - 日期选择器组件
• CommonRadio - 单选框组件
• CommonCheckbox - 复选框组件
• CommonSwitch - 开关组件
• CommonPagination - 分页组件

CommonConfigProvider

全局配置组件，提供统一的配置管理。