xto-fronted 0.2.7 → 0.3.0

package/src/composables/useApp.ts

@@ -0,0 +1,62 @@
+/**
+ * 应用组合函数
+ * 提供应用级别的状态和方法
+ */
+
+import { computed } from 'vue'
+import { useAppStore } from '@/stores/app'
+import { useUserStore } from '@/stores/user'
+import { useAuthStore } from '@/stores/auth'
+
+/**
+ * 应用级别组合函数
+ * @returns 应用状态和方法
+ */
+export function useApp() {
+  const appStore = useAppStore()
+  const userStore = useUserStore()
+  const authStore = useAuthStore()
+
+  // 用户名
+  const userName = computed(() => userStore.nickname || userStore.username || '')
+
+  // 用户信息
+  const userInfo = computed(() => userStore.userInfo)
+
+  // 应用名称
+  const appName = computed(() => appStore.appName)
+
+  // 是否已登录
+  const isLoggedIn = computed(() => authStore.isLoggedIn)
+
+  // 主题相关
+  const isDark = computed(() => appStore.isDark)
+  const theme = computed(() => appStore.theme)
+
+  // 布局相关
+  const isCollapsed = computed(() => appStore.isCollapsed)
+  const layout = computed(() => appStore.layout)
+
+  // 切换主题
+  const toggleTheme = () => {
+    appStore.toggleTheme()
+  }
+
+  // 切换菜单折叠
+  const toggleCollapse = () => {
+    appStore.toggleCollapse()
+  }
+
+  return {
+    userName,
+    userInfo,
+    appName,
+    isLoggedIn,
+    isDark,
+    theme,
+    isCollapsed,
+    layout,
+    toggleTheme,
+    toggleCollapse
+  }
+}

package/src/index.ts

@@ -11,6 +11,7 @@ export { default as NotFound } from './views/error/404.vue'
 export { default as Forbidden } from './views/error/403.vue'
 
 // 组合式函数
+export * from './composables/useApp'
 export * from './composables/useAuth'
 export * from './composables/useForm'
 export * from './composables/useTable'
@@ -42,7 +43,4 @@ export * from './api/user'
 export * from './enums'
 
 // 指令
-export { default as permissionDirective } from './directives/permission'
-
-// 应用初始化
-export { createXtoApp } from './setup'
+export { default as permissionDirective } from './directives/permission'

package/src/setup.ts

@@ -1,54 +0,0 @@
-/**
- * 应用初始化配置
- */
-
-import { useAppStore } from './stores/app'
-import { useAuthStore } from './stores/auth'
-
-interface XtoAppConfig {
-  appName?: string
-  baseUrl?: string
-  appId?: string
-  clientId?: string
-  indexPath?: string
-  loginPath?: string
-}
-
-/**
- * 创建 XTO 应用配置
- * @param config 应用配置
- */
-export function createXtoApp(config: XtoAppConfig = {}) {
-  const appStore = useAppStore()
-  const authStore = useAuthStore()
-
-  // 设置应用名称
-  if (config.appName) {
-    appStore.setAppName(config.appName)
-  }
-
-  // 设置 API 基础路径
-  if (config.baseUrl) {
-    authStore.setBaseUrl(config.baseUrl)
-  }
-
-  // 设置应用 ID
-  if (config.appId) {
-    authStore.setAppId(config.appId)
-  }
-
-  // 设置客户端 ID
-  if (config.clientId) {
-    authStore.setClientId(config.clientId)
-  }
-
-  // 设置默认首页路径
-  if (config.indexPath) {
-    appStore.setIndexPath(config.indexPath)
-  }
-
-  // 设置登录页路径
-  if (config.loginPath) {
-    authStore.setLoginPath(config.loginPath)
-  }
-}