feat(page-wrapper): added pageWrapper component

vben

2021-01-05 31ff0559fe3b635fc2091aac0e2f5e340629134c

 src/views/demo/tree/EditTree.vue

@@ -1,13 +1,15 @@
<template>
  <div class="flex p-4">
    <CollapseContainer title="右侧操作按钮" class="mr-4" :style="{ width: '33%' }">
      <BasicTree :treeData="treeData" :actionList="actionList" />
    </CollapseContainer>
  <PageWrapper title="Tree函数操作示例">
    <div class="flex">
      <CollapseContainer title="右侧操作按钮" class="mr-4" :style="{ width: '33%' }">
        <BasicTree :treeData="treeData" :actionList="actionList" />
      </CollapseContainer>

    <CollapseContainer title="右键菜单" class="mr-4" :style="{ width: '33%' }">
      <BasicTree :treeData="treeData" :beforeRightClick="getRightMenuList" />
    </CollapseContainer>
  </div>
      <CollapseContainer title="右键菜单" class="mr-4" :style="{ width: '33%' }">
        <BasicTree :treeData="treeData" :beforeRightClick="getRightMenuList" />
      </CollapseContainer>
    </div>
  </PageWrapper>
</template>
<script lang="ts">
  import { defineComponent, h } from 'vue';
@@ -15,8 +17,10 @@
  import { treeData } from './data';
  import { CollapseContainer } from '/@/components/Container/index';
  import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';
  import { PageWrapper } from '/@/components/Page';

  export default defineComponent({
    components: { BasicTree, CollapseContainer },
    components: { BasicTree, CollapseContainer, PageWrapper },
    setup() {
      function handlePlus(node: any) {
        console.log(node);