admin-vben5/packages/business/common-ui/src/preference/blocks/layout/sidebar.vue

28 lines
797 B
Vue
Raw Normal View History

2024-05-19 21:20:42 +08:00
<script setup lang="ts">
import { $t } from '@vben/locales';
import SwitchItem from '../switch-item.vue';
defineOptions({
name: 'PreferenceBreadcrumbConfig',
});
defineProps<{ disabled: boolean }>();
const sideVisible = defineModel<boolean>('sideVisible');
const sideCollapseShowTitle = defineModel<boolean>('sideCollapseShowTitle');
const sideCollapse = defineModel<boolean>('sideCollapse');
</script>
<template>
<SwitchItem v-model="sideVisible" :disabled="disabled">
{{ $t('preference.side-visible') }}
</SwitchItem>
<SwitchItem v-model="sideCollapse" :disabled="!sideVisible">
{{ $t('preference.collapse') }}
</SwitchItem>
<SwitchItem v-model="sideCollapseShowTitle" :disabled="!sideVisible">
{{ $t('preference.collapse-show-title') }}
</SwitchItem>
</template>