oneos-v5/frontend
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

feat: add shortcut keys preferencs

Browse Source
This commit is contained in:
vben
2024-06-16 13:43:33 +08:00
parent 5d829a6d9a
commit 222c73963d
38 changed files with 1449 additions and 887 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/business/common-ui/src/preferences/blocks/layout/breadcrumb.vue
View File

@@ -21,8 +21,8 @@ const breadcrumbShowHome = defineModel<boolean>('breadcrumbShowHome');
const breadcrumbHideOnlyOne = defineModel<boolean>('breadcrumbHideOnlyOne');
const typeItems: SelectListItem[] = [
{ label: $t('preference.normal'), value: 'normal' },
{ label: $t('preference.breadcrumb-background'), value: 'background' },
{ label: $t('preferences.normal'), value: 'normal' },
{ label: $t('preferences.breadcrumb-background'), value: 'background' },
];
const disableItem = computed(() => {
@@ -32,22 +32,22 @@ const disableItem = computed(() => {
<template>
<SwitchItem v-model="breadcrumbEnable" :disabled="disabled">
{{ $t('preference.breadcrumb-enable') }}
{{ $t('preferences.breadcrumb-enable') }}
</SwitchItem>
<SwitchItem v-model="breadcrumbHideOnlyOne" :disabled="disableItem">
{{ $t('preference.breadcrumb-hide-only-one') }}
{{ $t('preferences.breadcrumb-hide-only-one') }}
</SwitchItem>
<SwitchItem v-model="breadcrumbShowHome" :disabled="disableItem">
{{ $t('preference.breadcrumb-home') }}
{{ $t('preferences.breadcrumb-home') }}
</SwitchItem>
<SwitchItem v-model="breadcrumbShowIcon" :disabled="disableItem">
{{ $t('preference.breadcrumb-icon') }}
{{ $t('preferences.breadcrumb-icon') }}
</SwitchItem>
<ToggleItem
v-model="breadcrumbStyleType"
:disabled="disableItem"
:items="typeItems"
>
{{ $t('preference.breadcrumb-style') }}
{{ $t('preferences.breadcrumb-style') }}
</ToggleItem>
</template>

2
packages/business/common-ui/src/preferences/blocks/layout/content.vue
View File

@@ -18,7 +18,7 @@ const components: Record<string, Component> = {
const PRESET = computed(() => [
{
name: $t('preference.wide'),
name: $t('preferences.wide'),
type: 'wide',
},
{

4
packages/business/common-ui/src/preferences/blocks/layout/footer.vue
View File

@@ -13,9 +13,9 @@ const footerFixed = defineModel<boolean>('footerFixed');
<template>
<SwitchItem v-model="footerEnable">
{{ $t('preference.footer-visible') }}
{{ $t('preferences.footer-visible') }}
</SwitchItem>
<SwitchItem v-model="footerFixed" :disabled="!footerEnable">
{{ $t('preference.footer-fixed') }}
{{ $t('preferences.footer-fixed') }}
</SwitchItem>
</template>

12
packages/business/common-ui/src/preferences/blocks/layout/header.vue
View File

@@ -17,19 +17,19 @@ const headerMode = defineModel<LayoutHeaderModeType>('headerMode');
const localeItems: SelectListItem[] = [
{
label: $t('preference.header-mode-static'),
label: $t('preferences.header-mode-static'),
value: 'static',
},
{
label: $t('preference.header-mode-fixed'),
label: $t('preferences.header-mode-fixed'),
value: 'fixed',
},
{
label: $t('preference.header-mode-auto'),
label: $t('preferences.header-mode-auto'),
value: 'auto',
},
{
label: $t('preference.header-mode-auto-scroll'),
label: $t('preferences.header-mode-auto-scroll'),
value: 'auto-scroll',
},
];
@@ -37,13 +37,13 @@ const localeItems: SelectListItem[] = [
<template>
<SwitchItem v-model="headerEnable" :disabled="disabled">
{{ $t('preference.header-visible') }}
{{ $t('preferences.header-visible') }}
</SwitchItem>
<SelectItem
v-model="headerMode"
:disabled="!headerEnable"
:items="localeItems"
>
{{ $t('preference.mode') }}
{{ $t('preferences.mode') }}
</SelectItem>
</template>

4
packages/business/common-ui/src/preferences/blocks/layout/interface-control.vue
View File

@@ -13,9 +13,9 @@ const logoVisible = defineModel<boolean>('logoVisible');
<template>
<SwitchItem v-model="tabsVisible">
{{ $t('preference.tabs-visible') }}
{{ $t('preferences.tabs-visible') }}
</SwitchItem>
<SwitchItem v-model="logoVisible">
{{ $t('preference.logo-visible') }}
{{ $t('preferences.logo-visible') }}
</SwitchItem>
</template>

20
packages/business/common-ui/src/preferences/blocks/layout/layout.vue
View File

@@ -37,28 +37,28 @@ const components: Record<LayoutType, Component> = {
const PRESET = computed((): PresetItem[] => [
{
name: $t('preference.vertical'),
tip: $t('preference.vertical-tip'),
name: $t('preferences.vertical'),
tip: $t('preferences.vertical-tip'),
type: 'sidebar-nav',
},
{
name: $t('preference.two-column'),
tip: $t('preference.two-column-tip'),
name: $t('preferences.two-column'),
tip: $t('preferences.two-column-tip'),
type: 'sidebar-mixed-nav',
},
{
name: $t('preference.horizontal'),
tip: $t('preference.vertical-tip'),
name: $t('preferences.horizontal'),
tip: $t('preferences.vertical-tip'),
type: 'header-nav',
},
{
name: $t('preference.mixed-menu'),
tip: $t('preference.mixed-menu-tip'),
name: $t('preferences.mixed-menu'),
tip: $t('preferences.mixed-menu-tip'),
type: 'mixed-nav',
},
{
name: $t('preference.full-content'),
tip: $t('preference.full-content-tip'),
name: $t('preferences.full-content'),
tip: $t('preferences.full-content-tip'),
type: 'full-content',
},
]);

12
packages/business/common-ui/src/preferences/blocks/layout/navigation.vue
View File

@@ -17,8 +17,8 @@ const navigationSplit = defineModel<boolean>('navigationSplit');
const navigationAccordion = defineModel<boolean>('navigationAccordion');
const stylesItems: SelectListItem[] = [
{ label: $t('preference.rounded'), value: 'rounded' },
{ label: $t('preference.plain'), value: 'plain' },
{ label: $t('preferences.rounded'), value: 'rounded' },
{ label: $t('preferences.plain'), value: 'plain' },
];
</script>
@@ -28,18 +28,18 @@ const stylesItems: SelectListItem[] = [
:disabled="disabled"
:items="stylesItems"
>
{{ $t('preference.navigation-style') }}
{{ $t('preferences.navigation-style') }}
</ToggleItem>
<SwitchItem
v-model="navigationSplit"
:disabled="disabledNavigationSplit || disabled"
>
{{ $t('preference.navigation-split') }}
{{ $t('preferences.navigation-split') }}
<template #tip>
{{ $t('preference.navigation-split-tip') }}
{{ $t('preferences.navigation-split-tip') }}
</template>
</SwitchItem>
<SwitchItem v-model="navigationAccordion" :disabled="disabled">
{{ $t('preference.navigation-accordion') }}
{{ $t('preferences.navigation-accordion') }}
</SwitchItem>
</template>

6
packages/business/common-ui/src/preferences/blocks/layout/sidebar.vue
View File

@@ -18,15 +18,15 @@ const sidebarCollapsed = defineModel<boolean>('sidebarCollapsed');
<template>
<SwitchItem v-model="sidebarEnable" :disabled="disabled">
{{ $t('preference.side-visible') }}
{{ $t('preferences.side-visible') }}
</SwitchItem>
<SwitchItem v-model="sidebarCollapsed" :disabled="!sidebarEnable || disabled">
{{ $t('preference.collapse') }}
{{ $t('preferences.collapse') }}
</SwitchItem>
<SwitchItem
v-model="sidebarCollapsedShowTitle"
:disabled="!sidebarEnable || disabled"
>
{{ $t('preference.collapse-show-title') }}
{{ $t('preferences.collapse-show-title') }}
</SwitchItem>
</template>

6
packages/business/common-ui/src/preferences/blocks/layout/tabbar.vue
View File

@@ -15,12 +15,12 @@ const tabbarShowIcon = defineModel<boolean>('tabbarShowIcon');
<template>
<SwitchItem v-model="tabbarEnable" :disabled="disabled">
{{ $t('preference.tabs-visible') }}
{{ $t('preferences.tabs-visible') }}
</SwitchItem>
<SwitchItem v-model="tabbarShowIcon" :disabled="!tabbarEnable">
{{ $t('preference.tabs-icon') }}
{{ $t('preferences.tabs-icon') }}
</SwitchItem>
<!-- <SwitchItem v-model="sideCollapseShowTitle" :disabled="!tabsVisible">
{{ $t('preference.collapse-show-title') }}
{{ $t('preferences.collapse-show-title') }}
</SwitchItem> -->
</template>