fix ui warnings

src/components/filebrowser/FileList.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Axios, AxiosRequestConfig } from 'axios'
+import type { AxiosRequestConfig } from 'axios'
 import type { PropType } from 'vue'
 import { useConfirm } from 'vuetify-use-dialog'
 import { useToast } from 'vue-toast-notification'
@@ -20,7 +20,7 @@ const inProps = defineProps({
   storage: String,
   endpoints: Object as PropType<EndPoints>,
   axios: {
-    type: Object as PropType<Axios>,
+    type: Function,
     required: true,
   },
   refreshpending: Boolean,
@@ -686,7 +686,7 @@ onMounted(() => {
     <VCardText v-else-if="!loading" class="grow d-flex justify-center align-center grey--text py-5"> 空目录 </VCardText>
   </VCard>
   <!-- 重命名弹窗 -->
-  <VDialog v-if="renamePopper" v-model="renamePopper" max-width="50rem">
+  <VDialog v-if="renamePopper" v-model="renamePopper" max-width="35rem">
     <VCard title="重命名">
       <DialogCloseBtn @click="renamePopper = false" />
       <VDivider />
@@ -695,7 +695,7 @@ onMounted(() => {
           <VCol cols="12">
             <VTextField v-model="newName" label="新名称" :loading="renameLoading" />
           </VCol>
-          <VCol cols="12" md="6" v-if="currentItem && currentItem.type == 'dir'">
+          <VCol cols="12" v-if="currentItem && currentItem.type == 'dir'">
             <VSwitch v-model="renameAll" label="自动重命名目录内所有媒体文件" />
           </VCol>
         </VRow>

src/components/filebrowser/FileNavigator.vue

@@ -2,7 +2,7 @@
 import type { PropType } from 'vue'
 import type { FileItem } from '@/api/types'
 import { useDisplay } from 'vuetify'
-import type { Axios, AxiosRequestConfig } from 'axios'
+import type { AxiosRequestConfig } from 'axios'
 
 // 显示器宽度
 const display = useDisplay()
@@ -23,7 +23,7 @@ const props = defineProps({
   },
   endpoints: Object,
   axios: {
-    type: Object as PropType<Axios>,
+    type: Function,
     required: true,
   },
 })

src/components/filebrowser/FileToolbar.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Axios, AxiosRequestConfig } from 'axios'
+import type { AxiosRequestConfig } from 'axios'
 import type { EndPoints, FileItem } from '@/api/types'
 import { useDisplay } from 'vuetify'
 
@@ -20,7 +20,7 @@ const inProps = defineProps({
   },
   endpoints: Object as PropType<EndPoints>,
   axios: {
-    type: Object as PropType<Axios>,
+    type: Function,
     required: true,
   },
 })
@@ -117,9 +117,9 @@ const sortIcon = computed(() => {
 <template>
   <VToolbar flat dense class="rounded-t-lg border-b overflow-hidden">
     <VToolbarItems class="overflow-hidden">
-      <VMenu v-if="inProps.storages?.length || 0 > 1" offset-y>
+      <VMenu v-if="storages?.length || 0 > 1" offset-y>
         <template #activator="{ props }">
-          <VBtn>
+          <VBtn v-bind="props">
             <VIcon icon="mdi-arrow-down-drop-circle-outline" />
           </VBtn>
         </template>
@@ -131,7 +131,7 @@ const sortIcon = computed(() => {
             @click="changeStorage(item.value)"
           >
             <template #prepend>
-              <Icon :icon="item.icon" />
+              <VIcon :icon="item.icon" />
             </template>
             <VListItemTitle>{{ item.title }}</VListItemTitle>
           </VListItem>
@@ -161,10 +161,10 @@ const sortIcon = computed(() => {
     <IconBtn @click="goUp">
       <VIcon icon="mdi-arrow-up-bold-outline" />
     </IconBtn>
-    <VDialog v-model="newFolderPopper" max-width="50rem">
+    <VDialog v-model="newFolderPopper" max-width="35rem">
       <template #activator="{ props }">
         <IconBtn>
-          <VIcon v-bind="_props" icon="mdi-folder-plus-outline" />
+          <VIcon v-bind="props" icon="mdi-folder-plus-outline" />
         </IconBtn>
       </template>
       <VCard title="新建文件夹">