外观
组件
@kevairy/components 是 Kevairy 的公共 Vue 组件、composables、类型和纯工具包。它可以被模板应用使用,也可以在满足 peer dependencies 的其他 Vue 3 项目中独立消费。
当前能力
| 分类 | 能力 |
|---|---|
| 弹窗 | KvDialog |
| 状态反馈 | KvStatus |
| 搜索 | KvSearchBar、搜索参数工具 |
| 表格 | KvTable、KvTableToolbar、KvSearchTable、KvSearchTablePage |
| 状态管理 | usePagedTable |
| 公共契约 | 搜索项、列、分页、排序、外观和文案类型 |
| 布局工具 | 响应式栅格计算 |
两个入口
ts
// UI 组件、类型、composables 和工具
import { KvSearchTablePage } from '@kevairy/components'
import '@kevairy/components/style.css'
// 只使用无 UI 能力,避免解析 UI 和拖拽依赖
import { sanitizeSearchParams, usePagedTable } from '@kevairy/components/core'组件包不读取模板的 Pinia、vue-router、应用配置、LocalStorage 或路径别名。文案、表格外观和请求协议都由使用方显式提供或适配。
从哪里开始
- 第一次使用:查看安装与引入;
- 需要拖动或调整尺寸的弹窗:使用
KvDialog; - 建立完整列表页:优先使用
KvSearchTablePage; - 需要自行组合状态和 UI:使用
usePagedTable与KvSearchTable; - 从模板旧组件迁移:查看迁移指南。