- 集成 Element Plus(on-demand resolver + 中文 locale + 暗黑 css-vars) - 布局壳组件(ty-header/ty-mixbar/ty-sidebar/ty-tabs/ty-breadcrumb/ty-footer/ty-setting/ty-setting-panel),中划线 + ty 前缀 + 自动导入,props/emits 解耦 - 5 种布局/导航模式 + 主题色(#2E7FA3) + 暗黑 + 侧栏折叠/宽度 + 固定顶栏/底栏 + 面包屑/多页签/全屏/手风琴 - 默认值集中配置 src/config/layout.ts;菜单字段对齐后端 resource(src/types/resource.ts + src/config/menu.ts) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
/** 布局类型:horizontal 上下(顶部一级导航+左侧菜单)/ top 纯上下(仅顶部)/ sidebar 左右(仅左侧菜单)。 */
|
||
export type LayoutType = 'horizontal' | 'top' | 'sidebar'
|
||
|
||
/** 布局/主题设置。默认值在此集中配置,改一处统一生效(用户页面修改覆盖并持久化)。 */
|
||
export interface LayoutSettings {
|
||
layout: LayoutType
|
||
mixbar: boolean
|
||
themeColor: string
|
||
isDark: boolean
|
||
headerFixed: boolean
|
||
sidebarWidth: number
|
||
footerFixed: boolean
|
||
sidebarCollapsed: boolean
|
||
showBreadcrumb: boolean
|
||
showTabs: boolean
|
||
showFullscreen: boolean
|
||
menuAccordion: boolean
|
||
}
|
||
|
||
export const SIDEBAR_WIDTH_MIN = 200
|
||
export const SIDEBAR_WIDTH_MAX = 340
|
||
|
||
export const defaultLayout: LayoutSettings = {
|
||
layout: 'horizontal',
|
||
mixbar: false,
|
||
themeColor: '#2E7FA3',
|
||
isDark: false,
|
||
headerFixed: true,
|
||
sidebarWidth: 210,
|
||
footerFixed: false,
|
||
sidebarCollapsed: false,
|
||
showBreadcrumb: true,
|
||
showTabs: true,
|
||
showFullscreen: true,
|
||
menuAccordion: false,
|
||
}
|