refactor: refactor route

vben

2020-12-03 c303ec1a23c4b1fbad4fbda9007af2147dc327e2

 src/components/registerGlobComp.ts

@@ -1,12 +1,86 @@
import Icon from './Icon/index';
import { BasicHelp, BasicTitle } from './Basic';
import Button from './Button/index.vue';
import { Button as AntButton } from 'ant-design-vue';
import { getApp } from '/@/useApp';
import { Button } from './Button';
import {
  // Need
  Button as AntButton,

const compList = [Icon, BasicHelp, BasicTitle, Button, AntButton.Group];
  // Optional
  Select,
  Alert,
  Checkbox,
  DatePicker,
  Radio,
  Switch,
  Card,
  List,
  Tabs,
  Descriptions,
  Tree,
  Table,
  Divider,
  Modal,
  Drawer,
  Dropdown,
  Tag,
  Tooltip,
  Badge,
  Popover,
  Upload,
  Transfer,
  Steps,
  PageHeader,
  Result,
  Empty,
  Avatar,
  Menu,
  Breadcrumb,
} from 'ant-design-vue';
import { getApp } from '/@/setup/App';

const compList = [Icon, Button, AntButton.Group];

// Fix hmr multiple registered components
let registered = false;
export function registerGlobComp() {
  if (registered) return;
  compList.forEach((comp: any) => {
    getApp().component(comp.name, comp);
  });

  registered = true;

  // Optional
  // Why register here： The main reason for registering here is not to increase the size of the first screen code
  // If you need to customize global components, you can write here
  // If you don’t need it, you can delete it
  getApp()
    .use(Select)
    .use(Alert)
    .use(Breadcrumb)
    .use(Checkbox)
    .use(DatePicker)
    .use(Radio)
    .use(Switch)
    .use(Card)
    .use(List)
    .use(Descriptions)
    .use(Tree)
    .use(Table)
    .use(Divider)
    .use(Modal)
    .use(Drawer)
    .use(Dropdown)
    .use(Tag)
    .use(Tooltip)
    .use(Badge)
    .use(Popover)
    .use(Upload)
    .use(Transfer)
    .use(Steps)
    .use(PageHeader)
    .use(Result)
    .use(Empty)
    .use(Avatar)
    .use(Menu)
    .use(Tabs);
}