<template>
  <bz-page-wrapper title="BzTable 表单示例" contentFullHeight>
    <Tabs v-model:activeKey="activeKey">
      <TabPane key="1" tab="基础表格"><BzTable /></TabPane>
      <TabPane key="2" tab="树形表格"><TreeTable /></TabPane>
      <TabPane key="3" tab="远程加载"><FetchTable /></TabPane>
      <TabPane key="4" tab="固定列"><FixedColumn /></TabPane>
      <TabPane key="5" tab="自定义列"><CustomerCell /></TabPane>
      <TabPane key="6" tab="开启搜索区域"><FormTable /></TabPane>
      <TabPane key="7" tab="UseTable"><UseTable /></TabPane>
      <TabPane key="8" tab="RefTable"><RefTable /></TabPane>
      <TabPane key="9" tab="多级表头"><MultipleHeader /></TabPane>
      <TabPane key="10" tab="合并单元格"><MergeHeader /></TabPane>
      <TabPane key="11" tab="可展开单元格"><ExpandTable /></TabPane>
      <TabPane key="12" tab="可编辑单元格"><EditCellTable /></TabPane>
      <TabPane key="13" tab="可编辑行"><EditRowTable /></TabPane>
      <TabPane key="14" tab="权限列"><AuthColumn /></TabPane>
      <TabPane key="15" tab="继承父元素高度"><ResizeParentHeightTable /></TabPane>
    </Tabs>
  </bz-page-wrapper>
</template>
<script lang="ts">
  import { defineComponent, ref } from 'vue';
  import { BzPageWrapper } from '/@/index';
  import { Tabs, TabPane } from 'ant-design-vue';
  import BzTable from './BzTable.vue';
  import TreeTable from './TreeTable.vue';
  import FetchTable from './FetchTable.vue';
  import FixedColumn from './FixedColumn.vue';
  import CustomerCell from './CustomerCell.vue';
  import FormTable from './FormTable.vue';
  import UseTable from './UseTable.vue';
  import RefTable from './RefTable.vue';
  import MultipleHeader from './MultipleHeader.vue';
  import MergeHeader from './MergeHeader.vue';
  import ExpandTable from './ExpandTable.vue';
  import EditCellTable from './EditCellTable.vue';
  import EditRowTable from './EditRowTable.vue';
  import AuthColumn from './AuthColumn.vue';
  import ResizeParentHeightTable from './ResizeParentHeightTable.vue';
  export default defineComponent({
    components: {
      BzPageWrapper,

      Tabs,
      TabPane,

      BzTable,
      TreeTable,
      FetchTable,
      FixedColumn,
      CustomerCell,
      FormTable,
      UseTable,
      RefTable,
      MultipleHeader,
      MergeHeader,
      ExpandTable,
      EditCellTable,
      EditRowTable,
      AuthColumn,
      ResizeParentHeightTable,
    },
    setup() {
      return {
        activeKey: ref('1'),
      };
    },
  });
</script>
