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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
| import { ref, reactive, provide, resolveComponent } from 'vue';
| import { useDesign } from '/@/hooks/web/useDesign';
| import { JVxeDataProps, JVxeRefs, JVxeTableProps } from '../types';
| import { VxeGridInstance } from 'vxe-table';
| import { randomString } from '/@/utils/common/compUtils';
|
| export function useData(props: JVxeTableProps): JVxeDataProps {
| const { prefixCls } = useDesign('j-vxe-table');
| provide('prefixCls', prefixCls);
| return {
| prefixCls: prefixCls,
| caseId: `j-vxe-${randomString(8)}`,
| vxeDataSource: ref([]),
| scroll: reactive({ top: 0, left: 0 }),
| scrolling: ref(false),
| defaultVxeProps: reactive({
| rowId: props.rowKey,
| // 高亮hover的行
| highlightHoverRow: true,
| // 溢出隐藏并显示tooltip
| showOverflow: true,
| // 表头溢出隐藏并显示tooltip
| showHeaderOverflow: true,
| showFooterOverflow: true,
| // 可编辑配置
| editConfig: {
| trigger: 'click',
| mode: 'cell',
| activeMethod: () => !props.disabled,
| },
| expandConfig: {
| iconClose: 'ant-table-row-expand-icon ant-table-row-expand-icon-collapsed',
| iconOpen: 'ant-table-row-expand-icon ant-table-row-expand-icon-expanded',
| },
| // 虚拟滚动配置，y轴大于xx条数据时启用虚拟滚动
| scrollY: {
| gt: 30,
| },
| scrollX: {
| gt: 20,
| // 暂时关闭左右虚拟滚动
| enabled: false,
| },
| radioConfig: { highlight: true },
| checkboxConfig: { highlight: true },
| mouseConfig: { selected: false },
| keyboardConfig: {
| // 删除键功能
| isDel: false,
| // Esc键关闭编辑功能
| isEsc: true,
| // Tab 键功能
| isTab: true,
| // 任意键进入编辑（功能键除外）
| isEdit: true,
| // 方向键功能
| isArrow: true,
| // 回车键功能
| isEnter: true,
| // 如果功能被支持，用于 column.type=checkbox|radio，开启空格键切换复选框或单选框状态功能
| isChecked: true,
| },
| }),
| selectedRows: ref<any[]>([]),
| selectedRowIds: ref<string[]>([]),
| disabledRowIds: [],
| statistics: reactive({
| has: false,
| sum: [],
| average: [],
| }),
| authsMap: ref(null),
| innerEditRules: {},
| innerLinkageConfig: new Map<string, any>(),
| reloadEffectRowKeysMap: reactive({}),
| };
| }
|
| export function useRefs(): JVxeRefs {
| return {
| gridRef: ref<VxeGridInstance>(),
| subPopoverRef: ref<any>(),
| detailsModalRef: ref<any>(),
| };
| }
|
| export function useResolveComponent(...t: any[]): any {
| // @ts-ignore
| return resolveComponent(...t);
| }
|
|
