1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| import { App } from 'vue'
| import XEUtils from 'xe-utils'
| import VXETablePluginElement from 'vxe-table-plugin-element'
| import 'vxe-table-plugin-element/dist/style.css'
| import {
| VXETable,
| Header,
| Icon,
| Column,
| Table,
| Edit,
| Validator,
| Tooltip,
| Grid,
| List,
| Input,
| Select,
| Optgroup,
| Option,
| } from 'vxe-table'
| import 'vxe-table/lib/style.css'
| import zhCNLocat from 'vxe-table/lib/locale/lang/zh-CN'
|
| VXETable.use(VXETablePluginElement)
| // 全局默认参数
| VXETable.setup({
| version: 0,
| zIndex: 2800,
| table: {
| autoResize: true,
| },
| tooltipConfig: {
| enterable: true,
| },
| })
|
| // 导入默认的国际化（如果项目中使用多语言，则应该导入到 vue-i18n 中）
| VXETable.setup({
| i18n: (key, args) =>
| XEUtils.toFormatString(XEUtils.get(zhCNLocat, key), args),
| })
|
| export function useTable(app: App) {
| app
| .use(Header)
| .use(Icon)
| .use(Column)
| .use(Edit)
| .use(Validator)
| .use(Table)
| .use(Tooltip)
| .use(Grid)
| .use(List)
| .use(Input)
| .use(Select)
| .use(Optgroup)
| .use(Option)
| }
|
|
