Initial commit: One Pipe System

完整的管理系统，包含账户管理、卡片管理、套餐管理、财务管理等功能模块。

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/composables/useCommon.ts

@@ -0,0 +1,36 @@
+import { getTabConfig } from '@/utils/ui'
+import { useSettingStore } from '@/store/modules/setting'
+
+// 通用函数
+export function useCommon() {
+  const settingStore = useSettingStore()
+  const { showWorkTab, tabStyle } = storeToRefs(settingStore)
+
+  // 是否是前端控制模式
+  const isFrontendMode = computed(() => {
+    return import.meta.env.VITE_ACCESS_MODE === 'frontend'
+  })
+
+  // 刷新页面
+  const refresh = () => {
+    settingStore.reload()
+  }
+
+  // 回到顶部
+  const scrollToTop = () => {
+    window.scrollTo({ top: 0 })
+  }
+
+  // 页面最小高度
+  const containerMinHeight = computed(() => {
+    const { openHeight, closeHeight } = getTabConfig(tabStyle.value)
+    return `calc(100vh - ${showWorkTab.value ? openHeight : closeHeight}px)`
+  })
+
+  return {
+    isFrontendMode,
+    refresh,
+    scrollToTop,
+    containerMinHeight
+  }
+}