初始化

saiadmin-artd/src/utils/ui/tabs.ts

@@ -0,0 +1,60 @@
+/**
+ * 标签页布局配置模块
+ *
+ * 提供不同标签页样式的高度和间距配置
+ *
+ * ## 主要功能
+ *
+ * - 多种标签页样式配置（默认、卡片、谷歌风格）
+ * - 标签页打开/关闭状态的高度管理
+ * - 顶部间距自动计算
+ * - 配置获取和默认值处理
+ *
+ * ## 使用场景
+ *
+ * - 工作标签页（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 配置
+}