MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-22 08:13:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace some el-select with Select component

Browse Source
This commit is contained in:
pa
2026-01-10 20:13:08 +09:00
committed by Natsumi
parent 6e0a3ffc7d
commit fbc3c8d55a
14 changed files with 566 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/Settings/components/PhotonSettings.vue
View File

@@ -40,23 +40,24 @@
}}</el-button>
</div>
<div class="options-container-item">
<el-select
<Select
:model-value="photonEventTableTypeOverlayFilter"
multiple
clearable
collapse-tags
style="flex: 1"
placeholder="Filter"
@change="
setPhotonEventTableTypeOverlayFilter($event);
photonEventTableFilterChange();
@update:modelValue="
(v) => {
setPhotonEventTableTypeOverlayFilter(v);
photonEventTableFilterChange();
}
">
<el-option
v-for="type in photonEventTableTypeFilterList"
:key="type"
:label="type"
:value="type"></el-option>
</el-select>
<SelectTrigger style="flex: 1">
<SelectValue placeholder="Filter" />
</SelectTrigger>
<SelectContent>
<SelectItem v-for="type in photonEventTableTypeFilterList" :key="type" :value="type">{{
type
}}</SelectItem>
</SelectContent>
</Select>
</div>
<br />
<span class="sub-header">{{ t('view.settings.advanced.photon.timeout_hud.header') }}</span>
@@ -103,9 +104,10 @@
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../components/ui/select';
import { ToggleGroup, ToggleGroupItem } from '../../../components/ui/toggle-group';
import { useNotificationsSettingsStore, usePhotonStore } from '../../../stores';
import { photonEventTableTypeFilterList } from '../../../shared/constants/photon';
import { ToggleGroup, ToggleGroupItem } from '../../../components/ui/toggle-group';
import SimpleSwitch from './SimpleSwitch.vue';