Introduction

Vue3 Query Components is an enterprise-level query page component library designed specifically for Vue3, built on Element Plus.

Features

• 🚀 Ready to Use - Highly encapsulated query table components that build complete query pages with just one component
• ⚡️ Efficient Development - Reduce repetitive code, focus on business logic, and improve development efficiency
• 🎨 Highly Customizable - Flexible configuration system supporting custom slots and styles
• 🔧 TypeScript - Complete TypeScript support with type safety
• 📦 Tree Shaking - Supports tree shaking for minimal bundle size
• 🛡️ Element Plus - Consistent API design with low learning curve

Use Cases

• Enterprise backend management systems
• Data report pages
• CRUD operation pages
• List display pages

Tech Stack

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

Core Components

CommonQueryTable

A highly integrated query page component that includes form queries, table display, and pagination.

CommonForm

Dynamic form generator supporting multiple form elements.

CommonTable

Wrapper based on Element Plus Table.

Basic Components

• CommonButton - Button component
• CommonInput - Input component
• CommonSelect - Select component
• CommonDatePicker - Date picker component
• CommonRadio - Radio component
• CommonCheckbox - Checkbox component
• CommonSwitch - Switch component
• CommonPagination - Pagination component

CommonConfigProvider

Global configuration component providing unified configuration management.