element-plus改为按需引入

src/App.vue

@@ -8,12 +8,10 @@
 
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component'
-import { ElConfigProvider } from 'element-plus'
 import zhCn from 'element-plus/lib/locale/lang/zh-cn'
 
 @Options({
-  name: 'App',
-  components: { ElConfigProvider }
+  name: 'App'
 })
 export default class App extends Vue{
   locale = zhCn

src/main.ts

@@ -10,7 +10,6 @@ const service = axios.create({
   timeout: 10000
 })
 
-import 'element-plus/dist/index.css'
 import { ElMessage, ElLoading } from 'element-plus'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 

src/views/Home.vue

@@ -50,12 +50,10 @@
 
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component'
-import { ElContainer, ElHeader, ElMain, ElAside, ElDropdown, ElDropdownMenu, ElDropdownItem, ElButton, ElMenu, ElSubMenu, ElMenuItem, ElBreadcrumb, ElBreadcrumbItem } from 'element-plus'
 import menus from '../config/menu'
 
 @Options({
-  name: 'Home',
-  components: { ElContainer, ElHeader, ElMain, ElAside, ElDropdown, ElDropdownMenu, ElDropdownItem, ElButton, ElMenu, ElSubMenu, ElMenuItem, ElBreadcrumb, ElBreadcrumbItem }
+  name: 'Home'
 })
 export default class Home extends Vue{
   public version?: string = process.env.VERSION

src/views/Login.vue

@@ -19,12 +19,11 @@
 </template>
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component'
-import { ElMessage, ElButton, ElForm, ElFormItem, ElInput, ElTooltip } from 'element-plus'
+import { ElMessage } from 'element-plus'
 import { VForm } from "../types"
 
 @Options({
-  name: 'Login',
-  components: { ElButton, ElForm, ElFormItem, ElInput, ElTooltip }
+  name: 'Login'
 })
 export default class Login extends Vue {
   userInfo: UserInfo = {

src/views/Welcome.vue

@@ -14,12 +14,10 @@
 </template>
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component'
-import { ElRow, ElCol } from 'element-plus'
 import menus from '../config/menu'
 
 @Options({
-  name: 'Welcome',
-  components: { ElRow, ElCol }
+  name: 'Welcome'
 })
 export default class Welcome extends Vue {
   menus = menus

src/views/api/Hitokoto.vue

@@ -72,13 +72,13 @@ import { Options, Vue } from 'vue-class-component'
 import BaseList from '../../model/baselist'
 import { Page } from '../../model/common.dto'
 import HitokotoModel from '../../model/api/hitokoto'
-import { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElDialog, ElSelect, ElOption, ElDatePicker, ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { VForm } from '../../types'
 
 let selectedData: string[] = []
 @Options({
   name: 'Hitokoto',
-  components: { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElDialog, ElSelect, ElOption, ElDatePicker, HitokotoAdd }
+  components: { HitokotoAdd }
 })
 export default class Hitokoto extends BaseList<HitokotoPage> {
   search = new HitokotoPage()

src/views/api/HitokotoAdd.vue

@@ -20,11 +20,9 @@
 </template>
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component'
-import { ElForm, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'
 
 @Options({
   name: 'SystemConfigAdd',
-  components: { ElForm, ElFormItem, ElInput, ElSelect, ElOption },
   props: {
     typeList: Array,
     formData: Object

src/views/api/Music.vue

@@ -151,7 +151,7 @@
 import { Options } from 'vue-class-component'
 import BaseList from '../../model/baselist'
 import { MsgResult, Page } from '../../model/common.dto'
-import { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElDialog, ElSelect, ElOption, ElRadioGroup, ElRadio, ElDrawer, ElUpload, ElMessage, ElMessageBox } from 'element-plus'
+import { ElUpload, ElMessage, ElMessageBox } from 'element-plus'
 import { MusicModel, MusicLibModel, MusicLyricModel, MusicPlayerItem } from '../../model/api/music'
 import APlayer from './aplayer/vue-aplayer.vue'
 import prettyBytes from 'pretty-bytes'
@@ -160,7 +160,7 @@ import { VForm } from '../../types'
 let selectedIds: string[] = []
 @Options({
   name: 'Music',
-  components: { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElDialog, ElSelect, ElOption, ElRadioGroup, ElRadio, ElDrawer, ElUpload, APlayer }
+  components: { ElUpload, APlayer }
 })
 export default class Music extends BaseList<MusicPage> {
   search = new MusicPage()

src/views/api/PhotoWall.vue

@@ -79,7 +79,7 @@
 </template>
 <script lang="ts">
 import { Options } from 'vue-class-component'
-import { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElAlert, ElUpload, ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { MsgResult, Page } from '../../model/common.dto'
 import BaseList from '../../model/baselist'
 import PhotoWallModel from '../../model/api/photowall'
@@ -87,8 +87,7 @@ import { h } from 'vue'
 
 let selectedData: string[] = []
 @Options({
-  name: 'PhotoWall',
-  components: { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElAlert, ElUpload }
+  name: 'PhotoWall'
 })
 export default class PhotoWall extends BaseList<PhotoWallPage> {
   search = new PhotoWallPage()

src/views/api/SourceImage.vue

@@ -76,7 +76,7 @@
 </template>
 <script lang="ts">
 import { Options } from 'vue-class-component'
-import { ElButton, ElTable, ElTableColumn, ElPagination, ElAlert, ElUpload, ElTag, ElTransfer, ElDialog, ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import prettyBytes from 'pretty-bytes'
 import { MsgResult, Page } from '../../model/common.dto'
 import BaseList from '../../model/baselist'
@@ -86,7 +86,6 @@ import { h } from 'vue'
 let selectedData: string[] = []
 @Options({
   name: 'SourceImage',
-  components: { ElButton, ElTable, ElTableColumn, ElPagination, ElAlert, ElUpload, ElTag, ElTransfer, ElDialog }
 })
 export default class SourceImage extends BaseList<Page> {
   prettyBytes = prettyBytes

src/views/system/Article.vue

@@ -114,7 +114,7 @@
 <script lang="ts">
 import hyperdown from 'hyperdown'
 import { ArticleModel, TreeNodeData, TreeNodeSource } from '../../model/system/article'
-import { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElSelect, ElOption, ElDatePicker, ElRow, ElCol, ElTree, ElDrawer, ElUpload, ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import Node from 'element-plus/lib/components/tree/src/model/node'
 import { Options } from 'vue-class-component'
 import BaseList from '../../model/baselist'
@@ -122,8 +122,7 @@ import { Page, MsgResult } from '../../model/common.dto'
 
 let selectedData: string[] = []
 @Options({
-  name: 'Article',
-  components: { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElSelect, ElOption, ElDatePicker, ElRow, ElCol, ElTree, ElDrawer, ElUpload }
+  name: 'Article'
 })
 export default class Article extends BaseList<ArticlePage> {
   search = new ArticlePage()

src/views/system/SystemConfig.vue

@@ -57,7 +57,7 @@
 </template>
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component'
-import { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElDialog, ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import moment from 'moment'
 import SystemConfigAdd from './SystemConfigAdd.vue'
 import { SystemConfigModel } from '../../model/system/system-config'
@@ -65,7 +65,7 @@ import { VForm } from '../../types'
 
 @Options({
   name: 'SystemConfig',
-  components: { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElDialog, SystemConfigAdd }
+  components: { SystemConfigAdd }
 })
 export default class SystemConfig extends Vue {
   modalLoading: boolean = false

src/views/system/SystemConfigAdd.vue

@@ -22,11 +22,9 @@
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component'
 import { SystemConfigModel } from '../../model/system/system-config'
-import { ElForm, ElFormItem, ElInput, ElSwitch } from 'element-plus'
 
 @Options({
   name: 'SystemConfigAdd',
-  components: { ElForm, ElFormItem, ElInput, ElSwitch },
   props: {
     formData: Object
   }

src/views/system/SystemUser.vue

@@ -76,12 +76,11 @@ import BaseList from '../../model/baselist'
 import { Page } from '../../model/common.dto'
 import { SystemUserModel } from '../../model/system/system-user'
 import { SystemRoleModel } from '../../model/system/system-role'
-import { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElDialog, ElSelect, ElOption, ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { VForm } from '../../types'
 
 @Options({
-  name: 'SystemUser',
-  components: { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElDialog, ElSelect, ElOption }
+  name: 'SystemUser'
 })
 export default class SystemUser extends BaseList<SystemUserPage> {
   get ruleValidate() {

src/views/tool/SqlReplace.vue

@@ -22,11 +22,10 @@
 
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component'
-import { ElForm, ElFormItem, ElInput, ElButtonGroup, ElButton, ElMessage } from 'element-plus'
+import { ElInput, ElMessage } from 'element-plus'
 
 @Options({
-  name: 'SqlReplace',
-  components: { ElForm, ElFormItem, ElInput, ElButtonGroup, ElButton }
+  name: 'SqlReplace'
 })
 export default class SqlReplace extends Vue {
   sql: string = ''