feat: 迁移 v3-admin v3.1.3 版本代码

src/components/SvgIcon/index.vue

@@ -1,6 +1,6 @@
 <template>
   <svg class="svg-icon" aria-hidden="true">
-    <use :href="symbolId" :fill="color" />
+    <use :href="symbolId" />
   </svg>
 </template>
 
@@ -15,10 +15,6 @@ const props = defineProps({
   name: {
     type: String,
     required: true
-  },
-  color: {
-    type: String,
-    default: '#333'
   }
 })
 

src/layout/components/NavigationBar/index.vue

@@ -39,8 +39,8 @@ import { useRouter } from 'vue-router'
 import { useAppStore } from '@/store/modules/app'
 import { useSettingsStore } from '@/store/modules/settings'
 import { useUserStore } from '@/store/modules/user'
-import BreadCrumb from '../bread-crumb/index.vue'
-import Hamburger from '../hamburger/index.vue'
+import BreadCrumb from '../BreadCrumb/index.vue'
+import Hamburger from '../Hamburger/index.vue'
 import ThemeSwitch from '@/components/ThemeSwitch/index.vue'
 import Screenfull from '@/components/Screenfull/index.vue'
 

src/layout/components/Sidebar/SidebarItem.vue

@@ -31,11 +31,11 @@
 </template>
 
 <script lang="ts" setup>
-import path from 'path'
+import path from 'path-browserify'
 import { computed, PropType } from 'vue'
 import { RouteRecordRaw } from 'vue-router'
 import { isExternal } from '@/utils/validate'
-import SidebarItemLink from './sidebar-item-link.vue'
+import SidebarItemLink from './SidebarItemLink.vue'
 
 const props = defineProps({
   item: {

src/layout/components/Sidebar/index.vue

@@ -29,8 +29,8 @@ import { useRoute } from 'vue-router'
 import { useAppStore } from '@/store/modules/app'
 import { usePermissionStore } from '@/store/modules/permission'
 import { useSettingsStore } from '@/store/modules/settings'
-import SidebarItem from './sidebar-item.vue'
-import SidebarLogo from './sidebar-logo.vue'
+import SidebarItem from './SidebarItem.vue'
+import SidebarLogo from './SidebarLogo.vue'
 
 const route = useRoute()
 const sidebar = computed(() => {

src/layout/components/TagsView/index.vue

@@ -35,12 +35,12 @@
 </template>
 
 <script lang="ts" setup>
-import path from 'path'
+import path from 'path-browserify'
 import { useTagsViewStore, ITagView } from '@/store/modules/tags-view'
 import { usePermissionStore } from '@/store/modules/permission'
 import { computed, getCurrentInstance, nextTick, onBeforeMount, reactive, watch } from 'vue'
 import { RouteRecordRaw, useRoute, useRouter } from 'vue-router'
-import ScrollPane from './scroll-pane.vue'
+import ScrollPane from './ScrollPane.vue'
 import { Close } from '@element-plus/icons-vue'
 
 const tagsViewStore = useTagsViewStore()

src/layout/components/index.ts

@@ -1,6 +1,6 @@
 export { default as AppMain } from './AppMain.vue'
-export { default as NavigationBar } from './navigation-bar/index.vue'
-export { default as Settings } from './settings/index.vue'
-export { default as Sidebar } from './sidebar/index.vue'
-export { default as TagsView } from './tags-view/index.vue'
-export { default as RightPanel } from './right-panel/index.vue'
+export { default as NavigationBar } from './NavigationBar/index.vue'
+export { default as Settings } from './Settings/index.vue'
+export { default as Sidebar } from './Sidebar/index.vue'
+export { default as TagsView } from './TagsView/index.vue'
+export { default as RightPanel } from './RightPanel/index.vue'

src/types/components.d.ts

@@ -5,15 +5,6 @@ import '@vue/runtime-core'
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    ElButton: typeof import('element-plus/es')['ElButton']
-    ElDropdown: typeof import('element-plus/es')['ElDropdown']
-    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
-    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
-    ElForm: typeof import('element-plus/es')['ElForm']
-    ElFormItem: typeof import('element-plus/es')['ElFormItem']
-    ElIcon: typeof import('element-plus/es')['ElIcon']
-    ElInput: typeof import('element-plus/es')['ElInput']
-    ElTooltip: typeof import('element-plus/es')['ElTooltip']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     Screenfull: typeof import('./../components/Screenfull/index.vue')['default']

src/utils/service.ts

@@ -99,7 +99,7 @@ function createRequestFunction(service: AxiosInstance) {
         'Content-Type': get(config, 'headers.Content-Type', 'application/json')
       },
       timeout: 5000,
-      baseURL: process.env.VUE_APP_BASE_API,
+      baseURL: import.meta.env.VITE_BASE_API,
       data: {}
     }
     return service(Object.assign(configDefault, config))