update 全局引用

.eslintrc.cjs

@@ -29,9 +29,10 @@ module.exports = {
     defineExpose: 'readonly',
     withDefaults: 'readonly',
     WeixinJSBridge: 'readonly',
+    ElLoading: 'readonly',
     ElMessage: 'readonly',
     ElMessageBox: 'readonly',
-    ElLoading: 'readonly'
+    ElNotification: 'readonly'
   },
   'rules': {
     'vue/no-multiple-template-root': 'off',

auto-imports.d.ts

@@ -3,4 +3,5 @@ export {}
 declare global {
   const ElMessage: typeof import('element-plus/es')['ElMessage']
   const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
+  const ElNotification: typeof import('element-plus/es')['ElNotification']
 }

package.json

@@ -14,7 +14,7 @@
     "clipboard": "2.0.11",
     "driver.js": "0.9.8",
     "echarts": "5.4.1",
-    "element-plus": "2.2.26",
+    "element-plus": "2.3.0",
     "file-saver": "2.0.5",
     "fuse.js": "6.6.2",
     "js-cookie": "3.0.1",
@@ -35,6 +35,7 @@
     "@vitejs/plugin-vue": "3.2.0",
     "@vitejs/plugin-vue-jsx": "2.1.1",
     "@vue/cli-plugin-typescript": "5.0.8",
+    "@vue/cli-service": "5.0.8",
     "@vue/tsconfig": "0.1.3",
     "babel-plugin-import": "1.13.6",
     "body-parser": "1.20.1",

src/components/Screenfull/index.vue

@@ -7,7 +7,6 @@
 <script>
 import { defineComponent } from 'vue';
 import screenfull, { bindF11, unbindF11 } from '@/utils/screenfull';
-import { ElMessage } from 'element-plus';
 
 export default defineComponent({
   name: 'Screenfull',

src/components/SizeSelect/index.vue

@@ -17,7 +17,6 @@
 <script>
 import { defineComponent } from 'vue';
 import store from '@/store';
-import { ElMessage } from 'element-plus';
 
 export default defineComponent({
   data() {

src/components/Tinymce/components/EditorImage.vue

@@ -31,7 +31,6 @@
 
 <script>
 import { defineComponent } from 'vue';
-import { ElMessage } from 'element-plus';
 // import { getToken } from 'api/qiniu'
 
 export default defineComponent({

src/components/Tinymce/index.vue

@@ -9,7 +9,6 @@
 
 <script>
 import { defineComponent } from 'vue';
-import { ElMessage } from 'element-plus';
 /**
  * docs:
  * https://panjiachen.github.io/vue-element-admin-site/feature/component/rich-editor.html#tinymce

src/layout/components/Sidebar/SidebarItem.vue

@@ -16,7 +16,7 @@
       </app-link>
     </template>
 
-    <el-sub-menu class="left-sub-menu" v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
+    <el-sub-menu class="left-sub-menu" v-else ref="subMenu" :index="resolvePath(item.path)" teleported>
       <template v-if="item.meta" #title>
         <!-- <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" /> -->
         <svg-icon :icon-class="(item.meta && item.meta.icon) || 'sub-el-icon'" />

src/permission.ts

@@ -5,7 +5,6 @@ import NProgress from 'nprogress'; // progress bar
 import 'nprogress/nprogress.css'; // progress bar style
 import { getToken } from '@/utils/auth'; // get token from cookie
 import getPageTitle from '@/utils/get-page-title';
-import { ElMessage } from 'element-plus';
 
 NProgress.configure({ showSpinner: false }); // NProgress Configuration
 

src/utils/clipboard.js

@@ -1,5 +1,4 @@
 import Clipboard from 'clipboard';
-import { ElMessage } from 'element-plus';
 
 function clipboardSuccess() {
   ElMessage({

src/views/clipboard/index.vue

@@ -21,7 +21,6 @@
 import clip from '@/utils/clipboard'; // use clipboard directly
 import clipboard from '@/directive/clipboard'; // use clipboard by v-directive
 import { defineComponent, markRaw } from 'vue';
-import { ElMessage } from 'element-plus';
 import { Document } from '@element-plus/icons-vue';
 
 export default defineComponent({

src/views/example/components/ArticleDetail.vue

@@ -77,7 +77,6 @@
 
 <script>
 import { defineComponent } from 'vue';
-import { ElMessage, ElNotification } from 'element-plus';
 import Tinymce from '@/components/Tinymce';
 import Upload from '@/components/Upload/SingleImage3';
 import MDinput from '@/components/MDinput';
@@ -115,7 +114,7 @@ export default defineComponent({
     const validateRequire = (rule, value, callback) => {
       if (value === '') {
         ElMessage({
-          message: rule.field + 'xxx为必传项',
+          message: rule.field + '为必传项',
           type: 'error'
         });
         callback(new Error(rule.field + '为必传项'));

src/views/permission/role.vue

@@ -52,7 +52,6 @@
 import path from 'path-browserify';
 import { deepClone } from '@/utils';
 import { getRoutes, getRoles, addRole, deleteRole, updateRole } from '@/api/role';
-import { ElMessage, ElMessageBox, ElNotification } from 'element-plus';
 import { defineComponent } from 'vue';
 
 const defaultRole = {

src/views/table/complex-table.vue

@@ -152,13 +152,11 @@
 
 <script>
 import { defineComponent, markRaw } from 'vue';
-import { ElMessage } from 'element-plus';
 import { Search, Edit, Download } from '@element-plus/icons-vue';
 import { fetchList, fetchPv, createArticle, updateArticle } from '@/api/article';
 import waves from '@/directive/waves'; // waves directive
 import { parseTime } from '@/utils';
 import Pagination from '@/components/Pagination'; // secondary package based on el-pagination
-import { ElNotification } from 'element-plus';
 
 const calendarTypeOptions = [
   { key: 'CN', display_name: 'China' },

src/views/table/inline-edit-table.vue

@@ -79,7 +79,6 @@
 
 <script>
 import { defineComponent, markRaw } from 'vue';
-import { ElMessage } from 'element-plus';
 import { fetchList } from '@/api/article';
 import { parseTime } from '@/utils';
 import { Refresh, CircleCheck, Edit } from '@element-plus/icons-vue';

tsconfig.json

@@ -37,7 +37,6 @@
     "src/**/*.vue",
     "types/**/*.d.ts",
     "types/**/*.ts",
-    "auto-imports.d.ts",
   ],
   "exclude": ["node_modules", "dist", "**/*.js", "**/*.md", "src/**/*.md"]
 }