/** * 标签页布局配置模块 * * 提供不同标签页样式的高度和间距配置 * * ## 主要功能 * * - 多种标签页样式配置(默认、卡片、谷歌风格) * - 标签页打开/关闭状态的高度管理 * - 顶部间距自动计算 * - 配置获取和默认值处理 * * ## 使用场景 * * - 工作标签页(Worktab)布局计算 * - 页面内容区域高度调整 * - 标签页显示/隐藏时的动画 * - 响应式布局适配 * * ## 配置项说明 * * - openTop: 标签页显示时,内容区域距离顶部的距离 * - closeTop: 标签页隐藏时,内容区域距离顶部的距离 * - openHeight: 标签页显示时的总高度(包含标签栏) * - closeHeight: 标签页隐藏时的总高度(仅头部) * * ## 支持的样式 * * - tab-default: 默认标签页样式 * - tab-card: 卡片式标签页 * - tab-google: 谷歌浏览器风格标签页 * * @module utils/ui/tabs * @author Art Design Pro Team */ export const TAB_CONFIG = { 'tab-default': { openTop: 106, closeTop: 60, openHeight: 121, closeHeight: 75 }, 'tab-card': { openTop: 122, closeTop: 78, openHeight: 139, closeHeight: 95 }, 'tab-google': { openTop: 122, closeTop: 78, openHeight: 139, closeHeight: 95 } } // 获取当前 tab 样式配置,设置默认值 export const getTabConfig = (style: string) => { return TAB_CONFIG[style as keyof typeof TAB_CONFIG] || TAB_CONFIG['tab-card'] // 默认使用 tab-card 配置 }