46 lines
1.0 KiB
Vue
46 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
import type { LayoutHeaderModeType, SelectOption } from '@vben/types';
|
|
|
|
import { $t } from '@vben/locales';
|
|
|
|
import SelectItem from '../select-item.vue';
|
|
import SwitchItem from '../switch-item.vue';
|
|
|
|
defineProps<{ disabled: boolean }>();
|
|
|
|
const headerEnable = defineModel<boolean>('headerEnable');
|
|
const headerMode = defineModel<LayoutHeaderModeType>('headerMode');
|
|
|
|
const localeItems: SelectOption[] = [
|
|
{
|
|
label: $t('preferences.header.modeStatic'),
|
|
value: 'static',
|
|
},
|
|
{
|
|
label: $t('preferences.header.modeFixed'),
|
|
value: 'fixed',
|
|
},
|
|
{
|
|
label: $t('preferences.header.modeAuto'),
|
|
value: 'auto',
|
|
},
|
|
{
|
|
label: $t('preferences.header.modeAutoScroll'),
|
|
value: 'auto-scroll',
|
|
},
|
|
];
|
|
</script>
|
|
|
|
<template>
|
|
<SwitchItem v-model="headerEnable" :disabled="disabled">
|
|
{{ $t('preferences.header.visible') }}
|
|
</SwitchItem>
|
|
<SelectItem
|
|
v-model="headerMode"
|
|
:disabled="!headerEnable"
|
|
:items="localeItems"
|
|
>
|
|
{{ $t('preferences.mode') }}
|
|
</SelectItem>
|
|
</template>
|