feat: 移除 auto-import

src/App.vue

@@ -1,6 +1,15 @@
 <script setup lang="ts">
 import AppContent from './AppContent.vue'
-import { GlobalThemeOverrides, zhCN, dateZhCN } from 'naive-ui'
+import {
+  GlobalThemeOverrides,
+  zhCN,
+  dateZhCN,
+  NConfigProvider,
+  NDialogProvider,
+  NModalProvider,
+  NNotificationProvider,
+  NMessageProvider,
+} from 'naive-ui'
 
 const themeOverrides: GlobalThemeOverrides = {
   common: {

src/AppContent.vue

@@ -24,6 +24,7 @@ import DownloadPane from './panes/DownloadPane/DownloadPane.vue'
 import { searchPaneRefKey, navDownloadButtonRefKey } from './injection_keys.ts'
 import BangumiFollowPane from './panes/BangumiFollow/BangumiFollowPane.vue'
 import HistoryPane from './panes/HistoryPane/HistoryPane.vue'
+import { NBadge, NButton, NIcon, NTooltip } from 'naive-ui'
 
 export type CurrentNavName = 'search' | 'fav' | 'history' | 'bangumi_follow' | 'watch_later' | 'download'
 

src/components/FloatLabelInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
-import { InputInst, InputProps } from 'naive-ui'
+import { InputInst, InputProps, NInput, NEl } from 'naive-ui'
 
 const props = withDefaults(
   defineProps<{

src/dialogs/AboutDialog.vue

@@ -2,6 +2,7 @@
 import { getVersion } from '@tauri-apps/api/app'
 import { ref, onMounted } from 'vue'
 import icon from '../../src-tauri/icons/128x128.png'
+import { NA, NDialog, NModal } from 'naive-ui'
 
 const showing = defineModel<boolean>('showing', { required: true })
 const version = ref('')

src/dialogs/LogDialog.vue

@@ -1,6 +1,17 @@
 <script setup lang="tsx">
 import { LogEvent, LogLevel, events, commands } from '../bindings.ts'
-import { useNotification } from 'naive-ui'
+import {
+  NButton,
+  NCheckbox,
+  NConfigProvider,
+  NDialog,
+  NInput,
+  NInputGroup,
+  NModal,
+  NSelect,
+  NVirtualList,
+  useNotification,
+} from 'naive-ui'
 import { onMounted, ref, watch, computed } from 'vue'
 import { appDataDir } from '@tauri-apps/api/path'
 import { path } from '@tauri-apps/api'

src/dialogs/LoginDialog.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { commands, QrcodeData, QrcodeStatus } from '../bindings.ts'
 import { ref, watch } from 'vue'
-import { useMessage } from 'naive-ui'
+import { NDialog, NModal, NQrCode, NTabPane, NTabs, useMessage } from 'naive-ui'
 import { useStore } from '../store.ts'
 import icon from '../../src-tauri/icons/128x128.png'
 import FloatLabelInput from '../components/FloatLabelInput.vue'

src/dialogs/SettingsDialog/SettingsDialog.vue

@@ -8,7 +8,7 @@ import DownloadSettings from './components/DownloadSettings.vue'
 import FmtSettings from './components/FmtSettings.vue'
 import NetworkSettings from './components/NetworkSettings.vue'
 import AssDanmakuSettings from './components/AssDanmakuSettings.vue'
-import { useMessage } from 'naive-ui'
+import { NButton, NDialog, NModal, NTabPane, NTabs, useMessage } from 'naive-ui'
 
 const store = useStore()
 

src/dialogs/SettingsDialog/components/AssDanmakuSettings.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useStore } from '../../../store.ts'
+import { NTooltip, NInputGroupLabel, NCheckbox, NInputNumber, NInput, NInputGroup } from 'naive-ui'
 
 const store = useStore()
 </script>

src/dialogs/SettingsDialog/components/DownloadSettings.vue

@@ -3,6 +3,7 @@ import { useStore } from '../../../store.ts'
 import { VueDraggable } from 'vue-draggable-plus'
 import ColorfulTag from '../../../components/ColorfulTag.vue'
 import { getVideoQualityName, getAudioQualityName, getCodecTypeName } from '../../../utils.tsx'
+import { NTooltip, NCheckbox, NRadioGroup, NRadioButton } from 'naive-ui'
 
 const store = useStore()
 </script>

src/dialogs/SettingsDialog/components/FmtSettings.vue

@@ -1,7 +1,7 @@
 <script setup lang="tsx">
 import { ref } from 'vue'
 import { useStore } from '../../../store.ts'
-import { NPopover } from 'naive-ui'
+import { NA, NConfigProvider, NInput, NPopover, NTooltip } from 'naive-ui'
 
 const store = useStore()
 

src/dialogs/SettingsDialog/components/NetworkSettings.vue

@@ -1,6 +1,15 @@
 <script setup lang="ts">
 import { useStore } from '../../../store.ts'
-import { useMessage } from 'naive-ui'
+import {
+  NInput,
+  NInputGroup,
+  NInputGroupLabel,
+  NInputNumber,
+  NRadioButton,
+  NRadioGroup,
+  NTooltip,
+  useMessage,
+} from 'naive-ui'
 import { ref } from 'vue'
 
 const message = useMessage()

src/panes/BangumiFollow/BangumiFollowPane.vue

@@ -3,6 +3,7 @@ import { useStore } from '../../store.ts'
 import { ref, watch } from 'vue'
 import { BangumiFollowInfo, commands } from '../../bindings.ts'
 import BangumiFollowPanel from './components/BangumiFollowPanel.vue'
+import { NEmpty } from 'naive-ui'
 
 const store = useStore()
 

src/panes/BangumiFollow/components/BangumiFollowPanel.vue

@@ -5,7 +5,7 @@ import { useStore } from '../../../store.ts'
 import BangumiFollowCard from './BangumiFollowCard.vue'
 import { useEpisodeDropdown, useEpisodeSelection } from '../../../utils.tsx'
 import { SelectionArea } from '@viselect/vue'
-import { SelectOption } from 'naive-ui'
+import { NButton, NDropdown, NPagination, NSelect, SelectOption } from 'naive-ui'
 
 const store = useStore()
 

src/panes/DownloadPane/DownloadPane.vue

@@ -6,6 +6,7 @@ import UncompletedProgresses from './components/UncompletedProgresses.vue'
 import CompletedProgresses from './components/CompletedProgresses.vue'
 import DownloadDirInput from './components/DownloadDirInput.vue'
 import { PhCheckCircle, PhCloudArrowDown } from '@phosphor-icons/vue'
+import { NBadge, NPagination, NTabPane, NTabs } from 'naive-ui'
 
 export type ProgressData = DownloadProgress & {
   state: DownloadTaskState

src/panes/DownloadPane/components/CompletedProgresses.vue

@@ -2,7 +2,7 @@
 import { ref, watchEffect, computed, nextTick, DeepReadonly, watch, useTemplateRef } from 'vue'
 import { PartialSelectionOptions, SelectionArea, SelectionEvent } from '@viselect/vue'
 import { commands } from '../../../bindings.ts'
-import { DropdownOption, NIcon } from 'naive-ui'
+import { DropdownOption, NDropdown, NIcon } from 'naive-ui'
 import { PhChecks, PhTrash, PhArrowClockwise } from '@phosphor-icons/vue'
 import { useStore } from '../../../store.ts'
 import DownloadProgress from './DownloadProgress.vue'

src/panes/DownloadPane/components/DownloadDirInput.vue

@@ -3,6 +3,7 @@ import { PhFolderOpen } from '@phosphor-icons/vue'
 import { commands } from '../../../bindings.ts'
 import { open } from '@tauri-apps/plugin-dialog'
 import { useStore } from '../../../store.ts'
+import { NButton, NIcon, NInput, NInputGroup, NInputGroupLabel } from 'naive-ui'
 
 const store = useStore()
 

src/panes/DownloadPane/components/DownloadProgress.vue

@@ -13,7 +13,7 @@ import {
   PhMagnifyingGlass,
   PhWrench,
 } from '@phosphor-icons/vue'
-import { ProgressProps, useDialog } from 'naive-ui'
+import { NIcon, NProgress, NTime, ProgressProps, useDialog } from 'naive-ui'
 import UpInfoBadge from '../../../components/UpInfoBadge.vue'
 import { computed, DeepReadonly, inject } from 'vue'
 import ColorfulTag from '../../../components/ColorfulTag.vue'

src/panes/DownloadPane/components/ModifyProgressDialogContent.vue

@@ -9,7 +9,7 @@ import {
   AudioQuality,
 } from '../../../bindings'
 import { ProgressData } from '../DownloadPane.vue'
-import { SelectOption } from 'naive-ui'
+import { NButton, NCheckbox, NSelect, NTooltip, SelectOption } from 'naive-ui'
 import { getAudioQualityName, getCodecTypeName, getVideoQualityName } from '../../../utils'
 
 type VideoFormatOption = SelectOption & {

src/panes/DownloadPane/components/UncompletedProgresses.vue

@@ -2,7 +2,7 @@
 import { ref, watchEffect, computed, nextTick, DeepReadonly, watch, useTemplateRef } from 'vue'
 import { PartialSelectionOptions, SelectionArea, SelectionEvent } from '@viselect/vue'
 import { commands } from '../../../bindings.ts'
-import { DropdownOption, NIcon } from 'naive-ui'
+import { DropdownOption, NDropdown, NIcon } from 'naive-ui'
 import { PhPause, PhChecks, PhTrash, PhCaretRight, PhArrowClockwise } from '@phosphor-icons/vue'
 import { useStore } from '../../../store.ts'
 import DownloadProgress from './DownloadProgress.vue'

src/panes/FavPane/FavPane.vue

@@ -3,6 +3,7 @@ import { ref, watch } from 'vue'
 import { commands, FavInfo } from '../../bindings.ts'
 import { useStore } from '../../store.ts'
 import FavPanel from './components/FavPanel.vue'
+import { NEmpty } from 'naive-ui'
 
 const store = useStore()
 

src/panes/FavPane/components/FavCard.vue

@@ -7,6 +7,7 @@ import { computed, inject, ref } from 'vue'
 import { navDownloadButtonRefKey } from '../../../injection_keys.ts'
 import { SearchType } from '../../SearchPane/SearchPane.vue'
 import IconButton from '../../../components/IconButton.vue'
+import { NTime } from 'naive-ui'
 
 const props = defineProps<{
   media: MediaInFav

src/panes/FavPane/components/FavPanel.vue

@@ -3,7 +3,7 @@ import { computed, inject, onMounted, ref, watch } from 'vue'
 import { commands, FavFolders, Folder, FavInfo, MediaInFav } from '../../../bindings.ts'
 import { SelectionArea } from '@viselect/vue'
 import { useEpisodeDropdown, useEpisodeSelection } from '../../../utils.tsx'
-import { SelectOption } from 'naive-ui'
+import { NButton, NDropdown, NPagination, NSelect, SelectOption } from 'naive-ui'
 import { searchPaneRefKey } from '../../../injection_keys.ts'
 import FavCard from './FavCard.vue'
 

src/panes/HistoryPane/HistoryPane.vue

@@ -3,6 +3,7 @@ import { ref, watch } from 'vue'
 import { commands, HistoryInfo } from '../../bindings.ts'
 import { useStore } from '../../store.ts'
 import HistoryPanel from './components/HistoryPanel.vue'
+import { NEmpty } from 'naive-ui'
 
 const store = useStore()
 

src/panes/HistoryPane/components/HistoryCard.vue

@@ -7,6 +7,7 @@ import { ensureHttps, isElementInViewport, playTaskToQueueAnimation } from '../.
 import { PhDownloadSimple, PhGoogleChromeLogo, PhMagnifyingGlass } from '@phosphor-icons/vue'
 import SimpleCheckbox from '../../../components/SimpleCheckbox.vue'
 import IconButton from '../../../components/IconButton.vue'
+import { NTime } from 'naive-ui'
 
 const props = defineProps<{
   episodeType: EpisodeType

src/panes/HistoryPane/components/HistoryPanel.vue

@@ -7,6 +7,18 @@ import { useEpisodeDropdown, useEpisodeSelection } from '../../../utils.tsx'
 import { SelectionArea } from '@viselect/vue'
 import FloatLabelInput from '../../../components/FloatLabelInput.vue'
 import { PhMagnifyingGlass } from '@phosphor-icons/vue'
+import {
+  NButton,
+  NDatePicker,
+  NDropdown,
+  NIcon,
+  NInputGroup,
+  NPagination,
+  NPopover,
+  NSelect,
+  NTab,
+  NTabs,
+} from 'naive-ui'
 
 const historyInfo = defineModel<HistoryInfo>('historyInfo', { required: true })
 

src/panes/SearchPane/SearchPane.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
-import { SelectProps, useMessage } from 'naive-ui'
+import { NButton, NIcon, NInputGroup, NSelect, SelectProps, useMessage } from 'naive-ui'
 import { PhMagnifyingGlass } from '@phosphor-icons/vue'
 import FloatLabelInput from '../../components/FloatLabelInput.vue'
 import {

src/panes/SearchPane/components/BangumiPanel.vue

@@ -5,6 +5,7 @@ import { ref, nextTick, watch, computed } from 'vue'
 import CollectionCard from './CollectionCard.vue'
 import { useEpisodeCard, useEpisodeDropdown, useEpisodeSelection } from '../../../utils.tsx'
 import EpisodeCard, { EpisodeInfo } from './EpisodeCard.vue'
+import { NButton, NCollapseTransition, NDropdown, NTab, NTabs } from 'naive-ui'
 
 const props = defineProps<{
   bangumiResult: BangumiSearchResult

src/panes/SearchPane/components/CheesePanel.vue

@@ -5,6 +5,7 @@ import { ref, nextTick, watch, computed } from 'vue'
 import CollectionCard from './CollectionCard.vue'
 import { useEpisodeCard, useEpisodeDropdown, useEpisodeSelection } from '../../../utils.tsx'
 import EpisodeCard, { EpisodeInfo } from './EpisodeCard.vue'
+import { NButton, NCollapseTransition, NDropdown } from 'naive-ui'
 
 const props = defineProps<{
   cheeseResult: CheeseSearchResult

src/panes/SearchPane/components/EpisodeCard.vue

@@ -13,7 +13,7 @@ import {
 } from '../../../bindings.ts'
 import SimpleCheckbox from '../../../components/SimpleCheckbox.vue'
 import { PhDownloadSimple, PhGoogleChromeLogo, PhQueue, PhMagnifyingGlass } from '@phosphor-icons/vue'
-import { useDialog } from 'naive-ui'
+import { NTime, useDialog } from 'naive-ui'
 import PartsDialogContent from './PartsDialogContent.vue'
 import { ensureHttps, extractBvid, isElementInViewport, playTaskToQueueAnimation } from '../../../utils.tsx'
 import { navDownloadButtonRefKey } from '../../../injection_keys.ts'

src/panes/SearchPane/components/NormalSeasonPanel.vue

@@ -4,7 +4,7 @@ import { SelectionArea } from '@viselect/vue'
 import { ref, nextTick, computed, watch } from 'vue'
 import CollectionCard from './CollectionCard.vue'
 import { useEpisodeCard, useEpisodeDropdown, useEpisodeSelection } from '../../../utils.tsx'
-import { TabsInst } from 'naive-ui'
+import { TabsInst, NButton, NCollapseTransition, NDropdown, NTab, NTabs } from 'naive-ui'
 import EpisodeCard, { EpisodeInfo } from './EpisodeCard.vue'
 
 const props = defineProps<{

src/panes/SearchPane/components/PartsDialogContent.vue

@@ -3,6 +3,7 @@ import ColorfulTag from '../../../components/ColorfulTag.vue'
 import { commands, NormalInfo, PageInNormalEp, PageInNormal } from '../../../bindings.ts'
 import { EpisodeInfo } from './EpisodeCard.vue'
 import { ensureHttps, playTaskToQueueAnimation } from '../../../utils.tsx'
+import { NButton } from 'naive-ui'
 
 const props = defineProps<{
   info: NormalInfo

src/panes/SearchPane/components/UserVideoPanel.vue

@@ -5,6 +5,7 @@ import EpisodeCard, { EpisodeInfo } from './EpisodeCard.vue'
 import { useEpisodeCard, useEpisodeDropdown, useEpisodeSelection } from '../../../utils.tsx'
 import { SelectionArea } from '@viselect/vue'
 import { searchPaneRefKey } from '../../../injection_keys.ts'
+import { NButton, NDropdown, NPagination } from 'naive-ui'
 
 const userVideoResult = defineModel<UserVideoSearchResult>('userVideoResult', { required: true })
 

src/panes/WatchLaterPane/WatchLaterPane.vue

@@ -3,6 +3,7 @@ import { ref, watch } from 'vue'
 import { useStore } from '../../store.ts'
 import { commands, WatchLaterInfo } from '../../bindings.ts'
 import WatchLaterPanel from './components/WatchLaterPanel.vue'
+import { NEmpty } from 'naive-ui'
 
 const store = useStore()
 

src/panes/WatchLaterPane/components/WatchLaterCard.vue

@@ -7,6 +7,7 @@ import { PhDownloadSimple, PhGoogleChromeLogo, PhMagnifyingGlass } from '@phosph
 import SimpleCheckbox from '../../../components/SimpleCheckbox.vue'
 import { SearchType } from '../../SearchPane/SearchPane.vue'
 import IconButton from '../../../components/IconButton.vue'
+import { NTime } from 'naive-ui'
 
 const props = defineProps<{
   media: MediaInWatchLater

src/panes/WatchLaterPane/components/WatchLaterPanel.vue

@@ -5,6 +5,7 @@ import { useEpisodeDropdown, useEpisodeSelection } from '../../../utils.tsx'
 import { SelectionArea } from '@viselect/vue'
 import { searchPaneRefKey } from '../../../injection_keys.ts'
 import WatchLaterCard from './WatchLaterCard.vue'
+import { NButton, NDropdown, NPagination } from 'naive-ui'
 
 const watchLaterInfo = defineModel<WatchLaterInfo>('watchLaterInfo', { required: true })