refactor(components): 将 VSelect 组件替换为 VAutocomplete组件,以支持搜索待选项

- 在多个组件中将 VSelect 组件替换为 VAutocomplete 组件,以支持搜索待选项
- 此更改可以提供更丰富的用户交互体验和更好的性能
This commit is contained in:
shaw
2025-06-02 21:48:07 +08:00
parent 31047b0d44
commit 2efe8efde0
9 changed files with 23 additions and 23 deletions

View File

@@ -214,7 +214,7 @@ watch(
<VForm>
<VRow>
<VCol cols="6">
<VSelect
<VAutocomplete
v-model="props.directory.media_type"
variant="underlined"
:items="typeItems"
@@ -223,7 +223,7 @@ watch(
/>
</VCol>
<VCol cols="6">
<VSelect
<VAutocomplete
v-model="props.directory.media_category"
variant="underlined"
:items="getCategories"
@@ -231,7 +231,7 @@ watch(
/>
</VCol>
<VCol cols="4">
<VSelect
<VAutocomplete
v-model="props.directory.storage"
variant="underlined"
:items="resourceStorageOptions"

View File

@@ -56,7 +56,7 @@ onMounted(() => {
<VCardTitle>{{ t('filterRule.priority') }} {{ props.pri }}</VCardTitle>
<VRow>
<VCol>
<VSelect
<VAutocomplete
v-model="props.rules"
variant="underlined"
:items="selectFilterOptions"

View File

@@ -273,7 +273,7 @@ onMounted(() => {
/>
</VCol>
<VCol cols="12">
<VSelect
<VAutocomplete
v-model="mediaServerInfo.sync_libraries"
:label="t('mediaserver.syncLibraries')"
:items="librariesOptions"
@@ -334,7 +334,7 @@ onMounted(() => {
/>
</VCol>
<VCol cols="12">
<VSelect
<VAutocomplete
v-model="mediaServerInfo.sync_libraries"
:label="t('mediaserver.syncLibraries')"
:items="librariesOptions"
@@ -402,7 +402,7 @@ onMounted(() => {
/>
</VCol>
<VCol cols="12">
<VSelect
<VAutocomplete
v-model="mediaServerInfo.sync_libraries"
:label="t('mediaserver.syncLibraries')"
:items="librariesOptions"
@@ -463,7 +463,7 @@ onMounted(() => {
/>
</VCol>
<VCol cols="12">
<VSelect
<VAutocomplete
v-model="mediaServerInfo.sync_libraries"
:label="t('mediaserver.syncLibraries')"
:items="librariesOptions"

View File

@@ -165,7 +165,7 @@ function onClose() {
<VSwitch v-model="notificationInfo.enabled" :label="t('notification.enabled')" />
</VCol>
<VCol cols="12">
<VSelect
<VAutocomplete
v-model="notificationInfo.switchs"
:items="notificationTypes"
:label="t('notification.type')"

View File

@@ -172,7 +172,7 @@ onMounted(async () => {
/>
</VCol>
<VCol cols="6" md="3">
<VSelect
<VAutocomplete
v-model="siteForm.pri"
:label="t('site.fields.priority')"
:items="priorityItems"
@@ -213,7 +213,7 @@ onMounted(async () => {
/>
</VCol>
<VCol cols="6" md="3">
<VSelect
<VAutocomplete
v-model="siteForm.downloader"
:label="t('site.fields.downloader')"
:items="downloaderOptions"

View File

@@ -346,7 +346,7 @@ onMounted(() => {
</VRow>
<VRow>
<VCol cols="12" md="4">
<VSelect
<VAutocomplete
v-model="subscribeForm.quality"
:label="t('dialog.subscribeEdit.quality')"
:items="qualityOptions"
@@ -356,7 +356,7 @@ onMounted(() => {
/>
</VCol>
<VCol cols="12" md="4">
<VSelect
<VAutocomplete
v-model="subscribeForm.resolution"
:label="t('dialog.subscribeEdit.resolution')"
:items="resolutionOptions"
@@ -366,7 +366,7 @@ onMounted(() => {
/>
</VCol>
<VCol cols="12" md="4">
<VSelect
<VAutocomplete
v-model="subscribeForm.effect"
:label="t('dialog.subscribeEdit.effect')"
:items="effectOptions"
@@ -378,7 +378,7 @@ onMounted(() => {
</VRow>
<VRow>
<VCol cols="12">
<VSelect
<VAutocomplete
v-model="subscribeForm.sites"
:items="selectSitesOptions"
chips
@@ -393,7 +393,7 @@ onMounted(() => {
</VRow>
<VRow>
<VCol cols="12" md="6">
<VSelect
<VAutocomplete
v-model="subscribeForm.downloader"
:items="downloaderOptions"
:label="t('dialog.subscribeEdit.downloader')"
@@ -465,7 +465,7 @@ onMounted(() => {
</VRow>
<VRow>
<VCol cols="12">
<VSelect
<VAutocomplete
v-model="subscribeForm.filter_groups"
:items="filterRuleGroupOptions"
chips
@@ -478,7 +478,7 @@ onMounted(() => {
/>
</VCol>
<VCol v-if="!props.default && subscribeForm.type === '电视剧'" cols="12" md="6">
<VSelect
<VAutocomplete
v-model="subscribeForm.episode_group"
:items="episodeGroupOptions"
:item-props="episodeGroupItemProps"
@@ -489,7 +489,7 @@ onMounted(() => {
/>
</VCol>
<VCol v-if="!props.default && subscribeForm.type === '电视剧'" cols="12" md="6">
<VSelect
<VAutocomplete
v-model="subscribeForm.season"
:items="seasonItems"
:label="t('dialog.subscribeEdit.season')"