refactor: add loading component and demo

vben

2020-12-01 5db3ce773793d06fa17336aca42470d2aae93fb8

 src/components/Application/src/AppLogo.vue

@@ -1,3 +1,7 @@
<!--
 * @Author: Vben
 * @Description: logo component
-->
<template>
  <div
    class="app-logo anticon"
@@ -9,7 +13,6 @@
  </div>
</template>
<script lang="ts">
  import type { PropType } from 'vue';
  import { defineComponent } from 'vue';

  import { useGlobSetting } from '/@/hooks/setting';
@@ -18,23 +21,23 @@

  import { PageEnum } from '/@/enums/pageEnum';

  import { propTypes } from '/@/utils/propTypes';

  export default defineComponent({
    name: 'AppLogo',
    props: {
      /**
       * The theme of the current parent component
       */
      theme: {
        type: String as PropType<string>,
      },
      showTitle: {
        type: Boolean,
        default: true,
      },
      theme: propTypes.oneOf(['light', 'dark']),
      // Whether to show title
      showTitle: propTypes.bool.def(true),
    },
    setup() {
      const { getCollapsedShowTitle } = useMenuSetting();

      const globSetting = useGlobSetting();

      const go = useGo();

      function handleGoHome(): void {