alloy-velocity

基于 vxe-table 的 Vue3 组件库，提供开箱即用的表格、表单、搜索组件。

特性

✨ 开箱即用: 提供完整的表格、表单、搜索解决方案
🚀 高性能: 基于 vxe-table 构建，支持大数据量渲染
🎨 可定制: 支持主题定制和组件配置
📝 TypeScript: 完整的 TypeScript 类型支持
🌳 Tree Shaking: 支持按需加载

安装

npm install alloy-velocity
# 或
yarn add alloy-velocity
# 或
pnpm add alloy-velocity

快速开始

全局注册

import { createApp } from 'vue'
import Velocity from 'alloy-velocity'

const app = createApp(App)
app.use(Velocity)

按需导入（推荐）

// 方式1：从主包导入
import { VeForm, VeList, VeSearch } from 'alloy-velocity'

// 方式2：单独导入（Tree Shaking友好）
import VeForm from 'alloy-velocity/form'
import VeList from 'alloy-velocity/list'
import VeSearch from 'alloy-velocity/search'

// 工具函数按需导入
import { setGlobalConfig, getGlobalConfig } from 'alloy-velocity/utils'
import useForm from 'alloy-velocity/hooks'

组件

VeForm - 动态表单组件

基于 JSON Schema 的动态表单组件，支持各种表单控件。

<template>
  <VeForm
    :schema="formSchema"
    v-model="formData"
    @submit="handleSubmit"
  />
</template>

VeList - 高级表格组件

集成搜索、分页、操作的完整表格解决方案。

<template>
  <VeList
    :columns="tableColumns"
    :data="tableData"
    :search-schema="searchSchema"
    :pagination="paginationConfig"
  />
</template>

VeSearch - 搜索表单组件

可折叠、响应式的搜索表单组件。

<template>
  <VeSearch
    :schema="searchSchema"
    v-model="searchData"
    @search="handleSearch"
    @reset="handleReset"
  />
</template>

类型支持

import type {
  VeTableColumn,
  VePaginationConfig,
  VeSearchFormItem,
  FormActionProps,
  SchemaProps
} from 'alloy-velocity'

依赖要求

• Vue 3.0+
• vxe-table 4.0+

许可证

MIT © STB Team