zxuanhong / arco-pro-table

基于 Vue3、TypeScript、Arco Design 封装的高级查询表格组件

ArcoProTable

在 ArcoDesign 的基础上进行封装，专注查询表格，提供更加便利的使用方式。

安装

# 使用 npm
npm install arco-pro-table

# 使用 yarn
yarn add arco-pro-table

# 使用 pnpm
pnpm add arco-pro-table

引入

在项目入口文件如 main.ts 中全局引入并安装 ArcoProTable 组件

import { createApp } from 'vue'
import ArcoProTable from 'arco-pro-table'
import '@arco-design/web-vue/dist/arco.css'
import 'arco-pro-table/index.css'

const app = createApp(App)

app.use(ArcoProTable)

app.mount('#app')

本组件要求额外安装的依赖有：@arco-design/web-vue、lodash、sortablejs、vue

使用

<template>
  <arco-pro-table :request="onRequest" :columns="columns" :form-config="formConfig">
  </arco-pro-table>
</template>

全局类型支持

如果全局引入了组件库，在项目的 tsconfig.json 文件配置 compilerOptions.types 选项可以快速获得全局类型支持：

{
  "compilerOptions": {
    "types": ["arco-pro-table/dist/types"]
  }
}