Table.vue

<template>
  <div>
    <vxe-table
      highlight-hover-row
      :data="tableData"
      :tree-config="{key: 'id', children: 'list', expandRowKeys: defaultExpandRowKeys, trigger: 'cell'}">
      <vxe-table-column prop="name" label="属性" width="280" tree-node></vxe-table-column>
      <vxe-table-column prop="desc" label="说明"></vxe-table-column>
      <vxe-table-column prop="type" label="类型 / 返回类型" width="160"></vxe-table-column>
      <vxe-table-column prop="enum" label="可选值" width="180"></vxe-table-column>
      <vxe-table-column prop="defVal" label="默认值 / 参数" width="180"></vxe-table-column>
    </vxe-table>
  </div>
</template>

<script>
import XEUtils from 'xe-utils'

export default {
  data () {
    return {
      tableData: [],
      defaultExpandRowKeys: []
    }
  },
  created () {
    let contextMenuApi = [
      {
        name: 'disabled',
        desc: '是否禁用右键',
        type: 'Boolean',
        enum: '',
        defVal: 'false',
        list: []
      },
      {
        name: 'options',
        desc: '菜单配置',
        type: 'Array<Array>',
        enum: '',
        defVal: '',
        list: [
          {
            name: 'code',
            desc: '菜单键值',
            type: 'String',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'name',
            desc: '菜单名称',
            type: 'String',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'prefixIcon',
            desc: '前缀图标 className',
            type: 'String',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'suffixIcon',
            desc: '后缀图标 className',
            type: 'String',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'disabled ',
            desc: '是否禁用',
            type: 'Boolean',
            enum: '',
            defVal: 'false',
            list: []
          },
          {
            name: 'children ',
            desc: '二级菜单（最多只允许有二级）',
            type: 'Array',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'code',
                desc: '菜单键值',
                type: 'String',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'name',
                desc: '菜单名称',
                type: 'String',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'prefixIcon',
                desc: '前缀图标 className',
                type: 'String',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'disabled ',
                desc: '是否禁用',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              }
            ]
          }
        ]
      },
      {
        name: 'visibleMethod',
        desc: '该函数 Function({row, rowIndex, column, columnIndex}) 的返回值用来决定是否允许显示右键菜单',
        type: 'Function',
        enum: '',
        defVal: '',
        list: []
      }
    ]
    let apis = [
      {
        name: 'Props',
        desc: '参数',
        type: '',
        enum: '',
        defVal: '',
        list: [
          {
            name: 'data',
            desc: '显示的数据',
            type: 'Array',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'customs',
            desc: '初始化绑定动态列',
            type: 'Array',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'height',
            desc: '表格的高度',
            type: 'Number,String',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'max-height',
            desc: '表格的最大高度',
            type: 'Number,String',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'resizable',
            desc: '是否允许拖动列宽调整大小',
            type: 'Boolean',
            enum: '',
            defVal: 'false',
            list: []
          },
          {
            name: 'stripe',
            desc: '是否带有斑马纹',
            type: 'Boolean',
            enum: '',
            defVal: 'false',
            list: []
          },
          {
            name: 'border',
            desc: '是否带有纵向边框',
            type: 'Boolean',
            enum: '',
            defVal: 'false',
            list: []
          },
          {
            name: 'size',
            desc: '表格的尺寸',
            type: 'String',
            enum: 'medium,small,mini',
            defVal: '',
            list: []
          },
          {
            name: 'fit',
            desc: '列的宽度是否自撑开',
            type: 'Boolean',
            enum: '',
            defVal: 'true',
            list: []
          },
          {
            name: 'loading',
            desc: '表格是否显示加载中',
            type: 'Boolean',
            enum: '',
            defVal: 'true',
            list: []
          },
          {
            name: 'show-header',
            desc: '是否显示表头',
            type: 'Boolean',
            enum: '',
            defVal: 'false',
            list: []
          },
          {
            name: 'highlight-current-row',
            desc: '是否要高亮当前选中行',
            type: 'Boolean',
            enum: '',
            defVal: 'false',
            list: []
          },
          {
            name: 'highlight-hover-row',
            desc: '鼠标移到行是否要高亮显示',
            type: 'Boolean',
            enum: '',
            defVal: 'false',
            list: []
          },
          {
            name: 'row-class-name',
            desc: '给行附加 className，也可以是函数 Function({seq, row, rowIndex})',
            type: 'String,Function',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'cell-class-name',
            desc: '给单元格附加 className，也可以是函数 Function({seq, row, rowIndex, column, columnIndex})',
            type: 'String,Function',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'header-row-class-name',
            desc: '给表头的行附加 className，也可以是函数 Function({headIndex})',
            type: 'String,Function',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'header-cell-class-name',
            desc: '给表头的单元格附加 className，也可以是函数 Function({headIndex, column, columnIndex})',
            type: 'String,Function',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'footer-row-class-name',
            desc: '给表尾的行附加 className，也可以是函数 Function({footIndex})',
            type: 'String,Function',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'footer-cell-class-name',
            desc: '给表尾的单元格附加 className，也可以是函数 Function({footIndex, column, columnIndex})',
            type: 'String,Function',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'show-footer',
            desc: '是否显示表尾合计',
            type: 'Boolean',
            enum: '',
            defVal: 'false',
            list: []
          },
          {
            name: 'footer-method',
            desc: '表尾合计的计算方法 Function({columns, data})',
            type: 'Function',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'span-method',
            desc: '合并行或列，该函数 Function({seq, row, rowIndex, column, columnIndex, data}) 返回计算后的值',
            type: 'Object',
            enum: '',
            defVal: '{ rowspan: 1, colspan: 1}',
            list: []
          },
          {
            name: 'show-all-overflow',
            desc: '设置所有内容过长时显示为省略号（如果是固定列建议设置该值，提升渲染速度）',
            type: 'Boolean,String',
            enum: 'ellipsis,title,tooltip',
            defVal: '',
            list: []
          },
          {
            name: 'show-header-all-overflow',
            desc: '设置表头所有内容过长时显示为省略号',
            type: 'Boolean,String',
            enum: 'ellipsis,title,tooltip',
            defVal: '',
            list: []
          },
          {
            name: 'row-key',
            desc: '行数据的 Key，对应行渲染中虚拟 DOM 的 key 属性（非特殊情况下不需要使用）',
            type: 'Number,String',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'auto-resize',
            desc: '是否自动根据父容器大小调整表格宽度',
            type: 'Boolean',
            enum: '',
            defVal: 'false',
            list: []
          },
          {
            name: 'auto-width',
            desc: '是否自动计算列宽（如果关闭了需要手动调用 recalculate 函数）',
            type: 'Boolean',
            enum: '',
            defVal: 'true',
            list: []
          },
          {
            name: 'select-config',
            desc: '多选配置项',
            type: 'Object',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'key',
                desc: '行数据中的唯一主键',
                type: 'String',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'checkProp',
                desc: '绑定选中属性，如果设置了渲染可以达到最快（建议数据量大时使用）',
                type: 'String',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'showCheckAll',
                desc: '是否显示全选复选框',
                type: 'Boolean',
                enum: '',
                defVal: 'true',
                list: []
              },
              {
                name: 'checkAll',
                desc: '默认勾选所有',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'checkRowKeys',
                desc: '默认勾选开指定行（需要设置 rowKey | key）',
                type: 'Array',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'selectMethod',
                desc: '是否允许勾选的方法，该方法 Function({row, rowIndex}) 的返回值用来决定这一行的 CheckBox 是否可以勾选',
                type: 'Function',
                enum: '',
                defVal: '',
                list: []
              }
            ]
          },
          {
            name: 'tooltip-config',
            desc: 'tooltip 配置项',
            type: 'Object',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'theme',
                desc: '列 tooltip 的主题',
                type: 'String',
                enum: 'dark,light',
                defVal: 'dark',
                list: []
              }
            ]
          },
          {
            name: 'expand-config',
            desc: '展开行配置项',
            type: 'Object',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'key',
                desc: '行数据中的唯一主键',
                type: 'String',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'expandAll',
                desc: '默认展开所有行',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'expandRowKeys',
                desc: '默认展开指定行（需要设置 rowKey | key）',
                type: 'Array',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'accordion',
                desc: '对于同一级的节点，每次只能展开一个',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'trigger',
                desc: '触发方式',
                type: 'String',
                enum: 'default（点击按钮触发）,cell（点击单元格触发）,row（点击行触发）',
                defVal: 'default',
                list: []
              }
            ]
          },
          {
            name: 'tree-config',
            desc: '树形结构配置项',
            type: 'Object',
            enum: '必须设置 rowKey 或 key',
            defVal: '',
            list: [
              {
                name: 'key',
                desc: '行数据中的唯一主键',
                type: 'String',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'children',
                desc: '树子节点的属性',
                type: 'String',
                enum: '',
                defVal: 'children',
                list: []
              },
              {
                name: 'indent',
                desc: '树节点的缩进',
                type: 'Number',
                enum: '',
                defVal: '16',
                list: []
              },
              {
                name: 'expandAll',
                desc: '默认展开所有子孙树节点',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'expandRowKeys',
                desc: '默认展开指定树节点',
                type: 'Array',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'accordion',
                desc: '对于同一级的节点，每次只能展开一个',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'trigger',
                desc: '触发方式',
                type: 'String',
                enum: 'default（点击按钮触发）,cell（点击单元格触发）,row（点击行触发）',
                defVal: 'default',
                list: []
              }
            ]
          },
          {
            name: 'context-menu',
            desc: '快捷菜单配置项',
            type: 'Object',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'header',
                desc: '表头的快捷菜单',
                type: 'Object',
                enum: '',
                defVal: '',
                list: contextMenuApi
              },
              {
                name: 'body',
                desc: '内容的快捷菜单',
                type: 'Object',
                enum: '',
                defVal: '',
                list: contextMenuApi
              },
              {
                name: 'footer',
                desc: '表尾的快捷菜单',
                type: 'Object',
                enum: '',
                defVal: '',
                list: contextMenuApi
              }
            ]
          },
          {
            name: 'mouse-config',
            desc: '鼠标配置项',
            type: 'Object',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'selected',
                desc: '开启左键选中功能',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'checked',
                desc: '开启鼠标移动单元格批量选中功能',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              }
            ]
          },
          {
            name: 'Keyboard-config',
            desc: '按键配置项',
            type: 'Object',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'isArrow',
                desc: '开启方向键功能',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'isTab',
                desc: '开启 Tab 键功能',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'isCut',
                desc: '开启复制粘贴功能',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'isEdit',
                desc: '开启任意键进入编辑（功能键除外）',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'editMethod',
                desc: '只对 isEdit=true 有效，用于重写选中编辑处理逻辑，该函数 Function({seq, row, rowIndex, column, columnIndex, cell}) 可以返回 false 来阻止默认行为',
                type: 'Function',
                enum: '',
                defVal: '',
                list: []
              }
            ]
          },
          {
            name: 'edit-config',
            desc: '可编辑配置项',
            type: 'Object',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'key',
                desc: '行数据中的唯一主键',
                type: 'String',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'trigger',
                desc: '触发方式',
                type: 'String',
                enum: 'manual（手动触发方式，只能用于 mode=row）,click（点击触发编辑）,dblclick（双击触发编辑）',
                defVal: 'click',
                list: []
              },
              {
                name: 'mode',
                desc: '编辑模式',
                type: 'String',
                enum: 'cell（单元格编辑模式）,row（行编辑模式）',
                defVal: 'cell',
                list: []
              },
              {
                name: 'showIcon',
                desc: '是否显示列头编辑图标',
                type: 'Boolean',
                enum: '',
                defVal: 'true',
                list: []
              },
              {
                name: 'showStatus',
                desc: '是否显示单元格值的修改状态',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'autoClear',
                desc: '当点击非编辑列之后，是否自动清除单元格的激活状态',
                type: 'Boolean',
                enum: '',
                defVal: 'true',
                list: []
              }
            ]
          },
          {
            name: 'edit-rules',
            desc: '校验规则配置项',
            type: 'Object',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'required',
                desc: '是否必填',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'min',
                desc: '校验值最小长度（如果 type=number 则比较值大小）',
                type: 'Number',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'max',
                desc: '校验值最大长度（如果 type=number 则比较值大小）',
                type: 'Number',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'type',
                desc: '数据校验的类型',
                type: 'String',
                enum: 'number,string',
                defVal: 'string',
                list: []
              },
              {
                name: 'pattern',
                desc: '正则校验',
                type: 'RegExp',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'validator',
                desc: '自定义校验方法，Function(rule, value, callback)',
                type: 'Function',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'trigger',
                desc: '触发校验方式',
                type: 'String',
                enum: 'blur,change',
                defVal: 'change',
                list: []
              }
            ]
          },
          {
            name: 'optimized',
            desc: '优化配置项',
            type: 'Object',
            enum: '',
            defVal: '',
            list: [
              {
                name: 'animat',
                desc: '表格动画效果开关（关闭后视觉效果更快）',
                type: 'Object',
                enum: '',
                defVal: 'true',
                list: []
              },
              {
                name: 'scrollX',
                desc: '横向 X 滚动渲染配置',
                type: 'Object',
                enum: '',
                defVal: '',
                list: [
                  {
                    name: 'gt',
                    desc: '指定大于多少范围时自动启动滚动渲染',
                    type: 'Number',
                    enum: '',
                    defVal: '60',
                    list: []
                  },
                  {
                    name: 'oSize',
                    desc: '超过指定阈值重新渲染',
                    type: 'Number',
                    enum: '',
                    defVal: '6',
                    list: []
                  },
                  {
                    name: 'rSize',
                    desc: '每次渲染条数',
                    type: 'Number',
                    enum: '',
                    defVal: '16',
                    list: []
                  },
                  {
                    name: 'vSize',
                    desc: '指定可视区域条数，默认自动计算',
                    type: 'Number',
                    enum: '',
                    defVal: '',
                    list: []
                  }
                ]
              },
              {
                name: 'scrollY',
                desc: '纵向 Y 滚动渲染配置',
                type: 'Object',
                enum: '',
                defVal: '',
                list: [
                  {
                    name: 'gt',
                    desc: '指定大于多少范围时自动启动滚动渲染',
                    type: 'Number',
                    enum: '',
                    defVal: '500',
                    list: []
                  },
                  {
                    name: 'oSize',
                    desc: '超过指定阈值重新渲染',
                    type: 'Number',
                    enum: '',
                    defVal: '25',
                    list: []
                  },
                  {
                    name: 'rSize',
                    desc: '每次渲染条数',
                    type: 'Number',
                    enum: '',
                    defVal: '70',
                    list: []
                  },
                  {
                    name: 'vSize',
                    desc: '指定可视区域条数，默认自动计算',
                    type: 'Number',
                    enum: '',
                    defVal: '',
                    list: []
                  },
                  {
                    name: 'rHeight',
                    desc: '指定行高，默认自动计算',
                    type: 'Number',
                    enum: '',
                    defVal: '',
                    list: []
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        name: 'Slots',
        desc: '插槽',
        type: '',
        enum: '',
        defVal: '',
        list: [
          {
            name: 'empty',
            desc: '空数据时显示的文本内容',
            type: '',
            enum: '',
            defVal: '暂无数据',
            list: []
          }
        ]
      },
      {
        name: 'Events',
        desc: '事件',
        type: '',
        enum: '',
        defVal: '',
        list: [
          {
            name: 'select-all',
            desc: '只对 type=selection 有效，当手动勾选全选时触发的事件',
            type: '',
            enum: '',
            defVal: '{selection,checked},event',
            list: []
          },
          {
            name: 'select-change',
            desc: '只对 type=selection,radio 有效，当手动勾选时触发的事件',
            type: '',
            enum: '',
            defVal: '{selection,checked,row,column},event',
            list: []
          },
          {
            name: 'cell-click',
            desc: '单元格被点击时会触发该事件',
            type: '',
            enum: '',
            defVal: '{row,rowIndex,column,columnIndex,cell},event',
            list: []
          },
          {
            name: 'cell-dblclick',
            desc: '单元格被双击时会触发该事件',
            type: '',
            enum: '',
            defVal: '{row,rowIndex,column,columnIndex,cell},event',
            list: []
          },
          {
            name: 'sort-change',
            desc: '当排序条件发生变化时会触发该事件',
            type: '',
            enum: '',
            defVal: '{column,prop,order}',
            list: []
          },
          {
            name: 'filter-change',
            desc: '当筛选条件发生变化时会触发该事件',
            type: '',
            enum: '',
            defVal: '{column,prop,values}',
            list: []
          },
          {
            name: 'context-menu-link',
            desc: '当点击快捷菜单后触发',
            type: '',
            enum: '',
            defVal: '{menu,type,row,rowIndex,column,columnIndex,cell},event',
            list: []
          },
          {
            name: 'clear-actived',
            desc: '单元格编辑状态下被清除时会触发该事件',
            type: '',
            enum: '',
            defVal: '{row,rowIndex,column,columnIndex,cell},event',
            list: []
          },
          {
            name: 'edit-actived',
            desc: '单元格被激活编辑时会触发该事件',
            type: '',
            enum: '',
            defVal: '{row,rowIndex,column,columnIndex,cell},event',
            list: []
          },
          {
            name: 'edit-disabled',
            desc: '当点击后单元格如果是禁用状态时会触发该事件',
            type: '',
            enum: '',
            defVal: '{row,rowIndex,column,columnIndex,cell},event',
            list: []
          },
          {
            name: 'valid-error',
            desc: '当数据校验不通过时会触发该事件',
            type: '',
            enum: '',
            defVal: '{rule,row,rowIndex,column,columnIndex,cell}',
            list: []
          }
        ]
      },
      {
        name: 'Methods',
        desc: '方法',
        type: '',
        enum: '',
        defVal: '',
        list: [
          {
            name: 'load()',
            desc: '加载化数据',
            type: 'Promise',
            enum: '',
            defVal: 'data',
            list: []
          },
          {
            name: 'reload()',
            desc: '加载化数据，恢复初始状态',
            type: 'Promise',
            enum: '',
            defVal: 'data',
            list: []
          },
          {
            name: 'insert(records)',
            desc: '从第一行新增一行或多行新数据',
            type: 'Promise<{row, rows}>',
            enum: '',
            defVal: 'records',
            list: []
          },
          {
            name: 'insertAt(records,row)',
            desc: '从指定位置插入一行或多行；第二个参数：row 指定位置、null 从第一行插入、-1 从最后插入',
            type: 'Promise<{row, rows}>',
            enum: '',
            defVal: 'records,row',
            list: []
          },
          {
            name: 'revert(rows,prop)',
            desc: '还原更改，还原指定行 row 或者整个表格的数据',
            type: 'Promise',
            enum: '',
            defVal: 'rows?,prop?',
            list: []
          },
          {
            name: 'remove(rows)',
            desc: '删除指定行数据，指定 row 或 [row, ...] 删除多条数据',
            type: 'Promise<{row, rows}>',
            enum: '',
            defVal: 'rows',
            list: []
          },
          {
            name: 'getRecords(rowIndex)',
            desc: '获取表格所有数据，和 data 属性一致行为，也可以指定索引获取数据',
            type: 'Array',
            enum: '',
            defVal: 'rowIndex?',
            list: []
          },
          {
            name: 'getColumns(columnIndex)',
            desc: '获取表格所有列，也可以指定索引获取列',
            type: 'Array',
            enum: '',
            defVal: 'columnIndex?',
            list: []
          },
          {
            name: 'getAllRecords()',
            desc: '获取表格数据集合',
            type: 'Array<{records, selecteds, insertRecords, removeRecords, updateRecords}>',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'getInsertRecords()',
            desc: '获取新增数据',
            type: 'Array',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'getRemoveRecords()',
            desc: '获取已删除数据',
            type: 'Array',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'getUpdateRecords()',
            desc: '获取已修改数据',
            type: 'Array',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'getSelectRecords()',
            desc: '获取已选中数据',
            type: 'Array',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'hasRowChange(row,prop)',
            desc: '检查行或列数据是否发生改变',
            type: 'Boolean',
            enum: '',
            defVal: 'row,prop?',
            list: []
          },
          {
            name: 'setActiveRow(row)',
            desc: '只对 mode=cell 有效，激活行编辑',
            type: 'Promise',
            enum: '',
            defVal: 'row',
            list: []
          },
          {
            name: 'setActiveCell(row,prop)',
            desc: '只对 mode=row 有效，激活单元格编辑',
            type: 'Promise',
            enum: '',
            defVal: 'row,prop',
            list: []
          },
          {
            name: 'setSelectCell(row,prop)',
            desc: '只对 trigger!=manual 有效，选中单元格',
            type: 'Promise',
            enum: '',
            defVal: 'row,prop',
            list: []
          },
          {
            name: 'setRowExpansion(rows,checked)',
            desc: '设置展开行，二个参数设置这一行展开与否',
            type: 'Promise',
            enum: '',
            defVal: 'rows,checked',
            list: []
          },
          {
            name: 'setTreeExpansion(rows,checked)',
            desc: '设置展开树形节点，二个参数设置这一行展开与否',
            type: 'Promise',
            enum: '',
            defVal: 'rows,checked',
            list: []
          },
          {
            name: 'setCurrentRow(rows,checked)',
            desc: '用于单选表格，设置某一行为选中状态，第二个参数为选中与否',
            type: 'Promise',
            enum: '',
            defVal: 'rows,checked',
            list: []
          },
          {
            name: 'setSelection(rows,checked)',
            desc: '用于多选表格，设置行为选中状态，第二个参数为选中与否',
            type: 'Promise',
            enum: '',
            defVal: 'rows,checked',
            list: []
          },
          {
            name: 'setAllSelection(checked)',
            desc: '用于多选表格，设置所有行的选中状态',
            type: 'Promise',
            enum: '',
            defVal: 'checked',
            list: []
          },
          {
            name: 'toggleRowSelection(row)',
            desc: '用于多选表格，切换某一行的选中状态',
            type: 'Promise',
            enum: '',
            defVal: 'row',
            list: []
          },
          {
            name: 'toggleAllSelection()',
            desc: '用于多选表格，切换所有行的选中状态',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'toggleRowExpansion(row)',
            desc: '用于可展开表格，切换展开行',
            type: 'Promise',
            enum: '',
            defVal: 'row',
            list: []
          },
          {
            name: 'toggleTreeExpansion(row)',
            desc: '用于可树形表格，切换展开树形节点',
            type: 'Promise',
            enum: '',
            defVal: 'row',
            list: []
          },
          {
            name: 'clearCurrentRow()',
            desc: '用于单选表格，清空用户的选择',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearSelection()',
            desc: '用于多选表格，清空用户的选择',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearRowExpand()',
            desc: '清空展开行状态，数据会恢复成未展开的状态',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearTreeExpand()',
            desc: '清空树形节点的展开状态，数据会恢复成未展开的状态',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearSort()',
            desc: '清空排序条件，数据会恢复成未排序的状态',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearFilter()',
            desc: '清空筛选条件，数据会恢复成未筛选的状态',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearChecked()',
            desc: '清除单元格批量选中状态',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearSelected()',
            desc: '清除单元格选中状态',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearActived()',
            desc: '清除单元格激活状态',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearCopyed()',
            desc: '清空已复制的内容',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clearData()',
            desc: '清空单元格内容',
            type: 'Promise',
            enum: '',
            defVal: 'rows?,prop?',
            list: []
          },
          {
            name: 'clearScroll()',
            desc: '清除滚动相关信息，还原到初始状态',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'closeFilter()',
            desc: '手动关闭筛选面板',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'clostTooltip()',
            desc: '手动关闭 tooltip 提示',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'closeContextMenu()',
            desc: '手动关闭快捷菜单',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'recalculate()',
            desc: '重新计算并更新列宽',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'updateStatus(scope)',
            desc: '更新单元格状态（只对 showStatus=true 并且使用自定义渲染时，当值发生改变时才需要调用）',
            type: 'Promise',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'isScrollXLoad()',
            desc: '判断是否启用了横向 X 滚动渲染',
            type: 'Boolean',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'isScrollYLoad()',
            desc: '判断是否启用了纵向 Y 滚动渲染',
            type: 'Boolean',
            enum: '',
            defVal: '',
            list: []
          },
          {
            name: 'sort(prop,order)',
            desc: '手动对表格进行排序',
            type: 'Promise',
            enum: '',
            defVal: 'prop,order',
            list: []
          },
          {
            name: 'validateRow(row,callback)',
            desc: '对表格某一行进行校验的方法，参数为行数据和一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：（是否校验成功，最近一列未通过校验的字段）。若不传入回调函数，则会返回一个 promise',
            type: 'Promise',
            enum: '',
            defVal: 'row,callback?',
            list: []
          },
          {
            name: 'validate(callback)',
            desc: '对整个表格进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：（是否校验成功，最近一列未通过校验的字段）。若不传入回调函数，则会返回一个 promise',
            type: 'Promise',
            enum: '',
            defVal: 'callback?',
            list: []
          },
          {
            name: 'exportCsv(options)',
            desc: '将表格数据导出为 .csv 文件，说明：支持IE9+、Edge、Chrome、Firefox 等常用浏览器。IE11以下可能存在中文乱码问题，部分浏览器需要手动修改后缀名为 .csv',
            type: 'Promise',
            enum: '',
            defVal: 'options',
            list: [
              {
                name: 'filename',
                desc: '文件名',
                type: 'String',
                enum: '',
                defVal: 'table.csv',
                list: []
              },
              {
                name: 'original',
                desc: '是否导出源数据（滚动渲染启用后默认是 true）',
                type: 'Boolean',
                enum: '',
                defVal: 'false',
                list: []
              },
              {
                name: 'isHeader',
                desc: '是否显示表头',
                type: 'Boolean',
                enum: '',
                defVal: 'true',
                list: []
              },
              {
                name: 'download',
                desc: '是否马上下载，如果设置为 false 则通过返回结果为内容的 Promise',
                type: 'Boolean',
                enum: '',
                defVal: 'true',
                list: []
              },
              {
                name: 'data',
                desc: '自定义数据',
                type: 'Array',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'columns',
                desc: '自定义列',
                type: 'Array',
                enum: '',
                defVal: '',
                list: []
              },
              {
                name: 'columnFilterMethod',
                desc: '列过滤方法，该函数 Function(column,columnIndex) 的返回值用来决定该列是否导出',
                type: 'Function',
                enum: '',
                defVal: '默认过滤掉 type=index,selection,radio 和 prop 为空的列',
                list: []
              },
              {
                name: 'dataFilterMethod',
                desc: '数据过滤方法，该函数 Function(row,rowIndex) 的返回值用来决定该数据是否导出',
                type: 'Function',
                enum: '',
                defVal: '',
                list: []
              }
            ]
          }
        ]
      }
    ]
    let index = 1
    XEUtils.eachTree(apis, item => {
      item.id = index++
    })
    this.defaultExpandRowKeys = apis.filter(item => item.list && item.list.length).map(item => item.id)
    this.tableData = apis
  }
}
</script>