refactor: refacotr preference

This commit is contained in:
vben
2024-06-01 23:15:29 +08:00
parent f7b97e8a83
commit fed47f5e05
139 changed files with 2205 additions and 1450 deletions

View File

@@ -1,8 +1,8 @@
import type {
ContentCompactType,
LayoutHeaderMode,
LayoutHeaderModeType,
LayoutType,
ThemeType,
ThemeModeType,
} from '@vben-core/typings';
interface VbenLayoutProps {
@@ -86,7 +86,7 @@ interface VbenLayoutProps {
* header 显示模式
* @default 'fixed'
*/
headerMode?: LayoutHeaderMode;
headerMode?: LayoutHeaderModeType;
/**
* header是否显示
* @default true
@@ -146,7 +146,7 @@ interface VbenLayoutProps {
* 侧边栏
* @default dark
*/
sideTheme?: ThemeType;
sideTheme?: ThemeModeType;
/**
* 侧边栏是否可见
* @default true

View File

@@ -460,7 +460,7 @@ function handleOpenMenu() {
<template>
<div class="relative flex min-h-full w-full">
<slot name="preference"></slot>
<slot name="preferences"></slot>
<slot name="floating-button-group"></slot>
<LayoutSide
v-if="sideVisibleState"

View File

@@ -1,4 +1,4 @@
import type { MenuRecordBadgeRaw, ThemeType } from '@vben-core/typings';
import type { MenuRecordBadgeRaw, ThemeModeType } from '@vben-core/typings';
import type { Ref } from 'vue';
@@ -46,7 +46,7 @@ interface MenuProps {
* @zh_CN 菜单主题
* @default dark
*/
theme?: ThemeType;
theme?: ThemeModeType;
}
interface SubMenuProps extends MenuRecordBadgeRaw {

View File

@@ -16,7 +16,7 @@ const props = withDefaults(
<Primitive
:as="as"
:as-child="asChild"
:class="cn('hover:text-foreground transition-colors', props.class)"
:class="cn('hover:text-foreground transition-colors', props.class)"
>
<slot></slot>
</Primitive>

View File

@@ -37,7 +37,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
v-bind="{ ...forwarded, ...$attrs }"
:class="
cn(
'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-72 rounded-md border p-4 shadow-md outline-none',
'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-72 rounded-md border p-4 shadow-md outline-none',
props.class,
)
"