chore: global registration of some components

src/components/registerGlobComp.ts

@@ -1,6 +1,33 @@
 import Icon from './Icon/index';
 import Button from './Button/index.vue';
-import { Button as AntButton } from 'ant-design-vue';
+import {
+  // Need
+  Button as AntButton,
+
+  // Optional
+  Select,
+  Checkbox,
+  DatePicker,
+  Radio,
+  Switch,
+  Card,
+  List,
+  Tabs,
+  Descriptions,
+  Tree,
+  Table,
+  Divider,
+  Modal,
+  Drawer,
+  Dropdown,
+  Tag,
+  Tooltip,
+  Badge,
+  Popover,
+  Upload,
+  Transfer,
+  Steps,
+} from 'ant-design-vue';
 import { getApp } from '/@/useApp';
 
 const compList = [Icon, Button, AntButton.Group];
@@ -12,5 +39,34 @@ export function registerGlobComp() {
   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(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(Tabs);
 }

src/setup/ant-design-vue/index.ts

@@ -2,12 +2,20 @@
 
 import type { App } from 'vue';
 
-import { Form, Input, Row, Col } from 'ant-design-vue';
+import {
+  // need
+  Form,
+  Input,
+  Row,
+  Col,
+  Spin,
+} from 'ant-design-vue';
 import 'ant-design-vue/dist/antd.css';
 
 import './spin';
 
 export function setupAntd(app: App<Element>) {
+  // need
   // Here are the components required before registering and logging in
-  app.use(Form).use(Input).use(Row).use(Col);
+  app.use(Form).use(Input).use(Row).use(Col).use(Spin);
 }