Blame view

Yi.Vben5.Vue3/packages/effects/plugins/src/vxe-table/extends.ts 1.78 KB
515fceeb   “wangming”   框架初始化
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
  import type { Recordable } from '@vben/types';
  import type { VxeGridProps, VxeUIExport } from 'vxe-table';
  
  import type { VxeGridApi } from './api';
  
  import { formatDate, formatDateTime, isFunction } from '@vben/utils';
  
  export function extendProxyOptions(
    api: VxeGridApi,
    options: VxeGridProps,
    getFormValues: () => Recordable<any>,
  ) {
    [
      'query',
      'querySuccess',
      'queryError',
      'queryAll',
      'queryAllSuccess',
      'queryAllError',
    ].forEach((key) => {
      extendProxyOption(key, api, options, getFormValues);
    });
  }
  
  function extendProxyOption(
    key: string,
    api: VxeGridApi,
    options: VxeGridProps,
    getFormValues: () => Recordable<any>,
  ) {
    const { proxyConfig } = options;
    const configFn = (proxyConfig?.ajax as Recordable<any>)?.[key];
    if (!isFunction(configFn)) {
      return options;
    }
  
    const wrapperFn = async (
      params: Recordable<any>,
      customValues: Recordable<any>,
      ...args: Recordable<any>[]
    ) => {
      const formValues = getFormValues();
      const data = await configFn(
        params,
        {
          /**
           * 开启toolbarConfig.refresh功能
           * 点击刷新按钮 这里的值为PointerEvent 会携带错误参数
           */
          ...(customValues instanceof PointerEvent ? {} : customValues),
          ...formValues,
        },
        ...args,
      );
      return data;
    };
    api.setState({
      gridOptions: {
        proxyConfig: {
          ajax: {
            [key]: wrapperFn,
          },
        },
      },
    });
  }
  
  export function extendsDefaultFormatter(vxeUI: VxeUIExport) {
    vxeUI.formats.add('formatDate', {
      tableCellFormatMethod({ cellValue }) {
        return formatDate(cellValue);
      },
    });
  
    vxeUI.formats.add('formatDateTime', {
      tableCellFormatMethod({ cellValue }) {
        return formatDateTime(cellValue);
      },
    });
  }