xto-fronted 0.4.109 → 0.4.111

package/src/stores/menu.ts

@@ -1,110 +1,110 @@
-/**
- * 菜单状态
- */
-
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-import type { MenuItem } from '@/types/api'
-import { local } from '@/utils/storage'
-
-const MENU_LIST_KEY = 'menu_list'
-const PERMISSION_LIST_KEY = 'permission_list'
-
-// 首页菜单（参考 tineco-ui）
-const indexMenu: MenuItem = {
-  menuCode: 'home',
-  menuName: '首页',
-  menuUrl: '/dashboard',
-  icon: 'home',
-  closable: false,
-  isDefault: false,
-  isOut: false
-}
-
-/**
- * 过滤菜单项，只保留菜单（type !== 1），过滤掉功能按钮（type === 1）
- * @param menus 原始菜单列表
- * @returns 过滤后的菜单列表
- */
-function filterMenus(menus: MenuItem[]): MenuItem[] {
-  return menus
-    .filter(menu => menu.type !== 1) // 过滤掉功能按钮
-    .map(menu => ({
-      ...menu,
-      children: menu.children ? filterMenus(menu.children) : undefined
-    }))
-}
-
-/**
- * 提取所有功能权限（type === 1 的项）
- * @param menus 原始菜单列表
- * @returns 权限标识列表
- */
-function extractPermissions(menus: MenuItem[]): string[] {
-  const permissions: string[] = []
-
-  function traverse(items: MenuItem[]) {
-    items.forEach(item => {
-      // type === 1 表示功能按钮
-      if (item.type === 1 && item.menuCode) {
-        permissions.push(item.menuCode)
-      }
-      // 递归处理子项
-      if (item.children) {
-        traverse(item.children)
-      }
-    })
-  }
-
-  traverse(menus)
-  return permissions
-}
-
-export const useMenuStore = defineStore('menu', () => {
-  // 状态
-  const menuList = ref<MenuItem[]>(local.get<MenuItem[]>(MENU_LIST_KEY) || [])
-  // 功能权限列表
-  const permissions = ref<string[]>(local.get<string[]>(PERMISSION_LIST_KEY) || [])
-
-  // 计算属性
-  const hasMenu = computed(() => menuList.value.length > 0)
-
-  // 设置菜单（会自动过滤功能项，并提取权限）
-  const setMenuList = (menus: MenuItem[]) => {
-    // 提取功能权限
-    permissions.value = extractPermissions(menus)
-    local.set(PERMISSION_LIST_KEY, permissions.value)
-
-    // 过滤菜单，只保留菜单项（type !== 1）
-    const filteredMenus = filterMenus(menus)
-
-    // 添加首页菜单到开头
-    menuList.value = [indexMenu, ...filteredMenus]
-    local.set(MENU_LIST_KEY, menuList.value)
-  }
-
-  // 清除菜单
-  const clearMenu = () => {
-    menuList.value = []
-    permissions.value = []
-    local.remove(MENU_LIST_KEY)
-    local.remove(PERMISSION_LIST_KEY)
-  }
-
-  // 检查是否有某个权限
-  const hasPermission = (permission: string | string[]): boolean => {
-    if (Array.isArray(permission)) {
-      return permission.some(p => permissions.value.includes(p))
-    }
-    return permissions.value.includes(permission)
-  }
-
-  return {
-    menuList,
-    permissions,
-    hasMenu,
-    setMenuList,
-    clearMenu,
-    hasPermission
-  }
+/**
+ * 菜单状态
+ */
+
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import type { MenuItem } from '@/types/api'
+import { local } from '@/utils/storage'
+
+const MENU_LIST_KEY = 'menu_list'
+const PERMISSION_LIST_KEY = 'permission_list'
+
+// 首页菜单（参考 tineco-ui）
+const indexMenu: MenuItem = {
+  menuCode: 'home',
+  menuName: '首页',
+  menuUrl: '/dashboard',
+  icon: 'home',
+  closable: false,
+  isDefault: false,
+  isOut: false
+}
+
+/**
+ * 过滤菜单项，只保留菜单（type !== 1），过滤掉功能按钮（type === 1）
+ * @param menus 原始菜单列表
+ * @returns 过滤后的菜单列表
+ */
+function filterMenus(menus: MenuItem[]): MenuItem[] {
+  return menus
+    .filter(menu => menu.type !== 1) // 过滤掉功能按钮
+    .map(menu => ({
+      ...menu,
+      children: menu.children ? filterMenus(menu.children) : undefined
+    }))
+}
+
+/**
+ * 提取所有功能权限（type === 1 的项）
+ * @param menus 原始菜单列表
+ * @returns 权限标识列表
+ */
+function extractPermissions(menus: MenuItem[]): string[] {
+  const permissions: string[] = []
+
+  function traverse(items: MenuItem[]) {
+    items.forEach(item => {
+      // type === 1 表示功能按钮
+      if (item.type === 1 && item.menuCode) {
+        permissions.push(item.menuCode)
+      }
+      // 递归处理子项
+      if (item.children) {
+        traverse(item.children)
+      }
+    })
+  }
+
+  traverse(menus)
+  return permissions
+}
+
+export const useMenuStore = defineStore('menu', () => {
+  // 状态
+  const menuList = ref<MenuItem[]>(local.get<MenuItem[]>(MENU_LIST_KEY) || [])
+  // 功能权限列表
+  const permissions = ref<string[]>(local.get<string[]>(PERMISSION_LIST_KEY) || [])
+
+  // 计算属性
+  const hasMenu = computed(() => menuList.value.length > 0)
+
+  // 设置菜单（会自动过滤功能项，并提取权限）
+  const setMenuList = (menus: MenuItem[]) => {
+    // 提取功能权限
+    permissions.value = extractPermissions(menus)
+    local.set(PERMISSION_LIST_KEY, permissions.value)
+
+    // 过滤菜单，只保留菜单项（type !== 1）
+    const filteredMenus = filterMenus(menus)
+
+    // 添加首页菜单到开头
+    menuList.value = [indexMenu, ...filteredMenus]
+    local.set(MENU_LIST_KEY, menuList.value)
+  }
+
+  // 清除菜单
+  const clearMenu = () => {
+    menuList.value = []
+    permissions.value = []
+    local.remove(MENU_LIST_KEY)
+    local.remove(PERMISSION_LIST_KEY)
+  }
+
+  // 检查是否有某个权限
+  const hasPermission = (permission: string | string[]): boolean => {
+    if (Array.isArray(permission)) {
+      return permission.some(p => permissions.value.includes(p))
+    }
+    return permissions.value.includes(permission)
+  }
+
+  return {
+    menuList,
+    permissions,
+    hasMenu,
+    setMenuList,
+    clearMenu,
+    hasPermission
+  }
 })

package/src/stores/user.ts

@@ -1,51 +1,53 @@
-/**
- * 用户状态
- */
-
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-import type { UserInfo } from '@/types/api'
-import { local } from '@/utils/storage'
-
-const USER_INFO_KEY = 'user_info'
-
-export const useUserStore = defineStore('user', () => {
-  // 状态
-  const userInfo = ref<UserInfo | null>(local.get<UserInfo>(USER_INFO_KEY))
-
-  // 计算属性
-  const isLoggedIn = computed(() => !!userInfo.value)
-  const userId = computed(() => userInfo.value?.userId || '')
-  const userName = computed(() => userInfo.value?.userName || '')
-  const departmentName = computed(() => userInfo.value?.departmentName || '')
-  const email = computed(() => userInfo.value?.email || '')
-  const mobilePhone = computed(() => userInfo.value?.mobilePhone || '')
-  const positionName = computed(() => userInfo.value?.positionName || '')
-  const avatar = computed(() => userInfo.value?.avatar || '')
-
-  // 设置用户信息
-  const setUserInfo = (info: UserInfo) => {
-    userInfo.value = info
-    local.set(USER_INFO_KEY, info)
-  }
-
-  // 清除用户信息
-  const clearUserInfo = () => {
-    userInfo.value = null
-    local.remove(USER_INFO_KEY)
-  }
-
-  return {
-    userInfo,
-    isLoggedIn,
-    userId,
-    userName,
-    departmentName,
-    email,
-    mobilePhone,
-    positionName,
-    avatar,
-    setUserInfo,
-    clearUserInfo
-  }
+/**
+ * 用户状态
+ */
+
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import type { UserInfo } from '@/types/api'
+import { local } from '@/utils/storage'
+
+const USER_INFO_KEY = 'user_info'
+
+export const useUserStore = defineStore('user', () => {
+  // 状态
+  const userInfo = ref<UserInfo | null>(local.get<UserInfo>(USER_INFO_KEY))
+
+  // 计算属性
+  const isLoggedIn = computed(() => !!userInfo.value)
+  const userId = computed(() => userInfo.value?.userId || '')
+  const userName = computed(() => userInfo.value?.userName || '')
+  const departmentName = computed(() => userInfo.value?.departmentName || '')
+  const roleName = computed(() => userInfo.value?.roleName || '')
+  const email = computed(() => userInfo.value?.email || '')
+  const mobilePhone = computed(() => userInfo.value?.mobilePhone || '')
+  const positionName = computed(() => userInfo.value?.positionName || '')
+  const avatar = computed(() => userInfo.value?.avatar || '')
+
+  // 设置用户信息
+  const setUserInfo = (info: UserInfo) => {
+    userInfo.value = info
+    local.set(USER_INFO_KEY, info)
+  }
+
+  // 清除用户信息
+  const clearUserInfo = () => {
+    userInfo.value = null
+    local.remove(USER_INFO_KEY)
+  }
+
+  return {
+    userInfo,
+    isLoggedIn,
+    userId,
+    userName,
+    departmentName,
+    roleName,
+    email,
+    mobilePhone,
+    positionName,
+    avatar,
+    setUserInfo,
+    clearUserInfo
+  }
 })

package/src/types/api.d.ts

@@ -1,81 +1,82 @@
-/**
- * API 通用类型定义
- */
-
-// 基础响应
-export interface ApiResponse<T = unknown> {
-  code: number
-  data: T
-  message: string
-}
-
-// 分页请求参数
-export interface PageParams {
-  page: number
-  pageSize: number
-  [key: string]: unknown
-}
-
-// 分页响应
-export interface PageResponse<T> {
-  list: T[]
-  total: number
-  page: number
-  pageSize: number
-}
-
-// 用户信息（参考 tineco-ui）
-export interface UserInfo {
-  appId: string
-  userId: string
-  userName: string
-  departmentName?: string
-  email?: string
-  mobilePhone?: string
-  positionName?: string
-  avatar?: string
-}
-
-// 登录请求参数（参考 tineco-ui）
-export interface LoginParams {
-  appId: string
-  clientId: string
-  uid: string
-  password: string
-  code?: boolean
-}
-
-// 登录响应（参考 tineco-ui）
-export interface LoginResult {
-  access_token: string
-  token_type: string
-  refresh_token: string
-  expires_time: number
-  refresh_time: number
-  code?: string
-}
-
-// 菜单项（参考 tineco-ui）
-export interface MenuItem {
-  menuCode: string
-  menuName: string
-  menuUrl: string
-  icon?: string
-  closable?: boolean
-  isDefault?: boolean
-  isOut?: boolean
-  type?: number // 1 为按钮，其他为菜单
-  children?: MenuItem[]
-}
-
-// 角色信息
-export interface RoleInfo {
-  id: number | string
-  name: string
-  code: string
-  description?: string
-  status: number
-  permissions: string[]
-  createTime?: string
-  updateTime?: string
+/**
+ * API 通用类型定义
+ */
+
+// 基础响应
+export interface ApiResponse<T = unknown> {
+  code: number
+  data: T
+  message: string
+}
+
+// 分页请求参数
+export interface PageParams {
+  page: number
+  pageSize: number
+  [key: string]: unknown
+}
+
+// 分页响应
+export interface PageResponse<T> {
+  list: T[]
+  total: number
+  page: number
+  pageSize: number
+}
+
+// 用户信息（参考 tineco-ui）
+export interface UserInfo {
+  appId: string
+  userId: string
+  userName: string
+  departmentName?: string
+  roleName?: string
+  email?: string
+  mobilePhone?: string
+  positionName?: string
+  avatar?: string
+}
+
+// 登录请求参数（参考 tineco-ui）
+export interface LoginParams {
+  appId: string
+  clientId: string
+  uid: string
+  password: string
+  code?: boolean
+}
+
+// 登录响应（参考 tineco-ui）
+export interface LoginResult {
+  access_token: string
+  token_type: string
+  refresh_token: string
+  expires_time: number
+  refresh_time: number
+  code?: string
+}
+
+// 菜单项（参考 tineco-ui）
+export interface MenuItem {
+  menuCode: string
+  menuName: string
+  menuUrl: string
+  icon?: string
+  closable?: boolean
+  isDefault?: boolean
+  isOut?: boolean
+  type?: number // 1 为按钮，其他为菜单
+  children?: MenuItem[]
+}
+
+// 角色信息
+export interface RoleInfo {
+  id: number | string
+  name: string
+  code: string
+  description?: string
+  status: number
+  permissions: string[]
+  createTime?: string
+  updateTime?: string
 }

package/src/utils/config.ts

@@ -12,6 +12,7 @@ import { ref } from 'vue'
 const appId = ref<string>('')
 const clientId = ref<string>('')
 const apiBaseUrl = ref<string>('')
+const basePath = ref<string>('')
 
 // 运行时配置是否已加载
 let runtimeConfigLoaded = false
@@ -21,7 +22,12 @@ let runtimeConfig: Record<string, string> = {}
 
 /**
  * 加载运行时配置
- * 生产环境从 config.json 加载，开发环境跳过
+ * 仅在生产部署环境加载 config.json，开发环境自动跳过
+ *
+ * 注意：不能使用 import.meta.env.PROD 判断，因为作为 npm 库构建时
+ * Vite 会将 import.meta.env.PROD 静态替换为 true，导致开发环境也会尝试加载
+ * 改用 window.location 协议判断：file:// 或 localhost 开发服务器视为开发环境
+ *
  * @param basePath 应用基础路径，如 '/admin' 或 '/sea'
  */
 export async function loadRuntimeConfig(basePath?: string): Promise<Record<string, string>> {
@@ -30,8 +36,16 @@ export async function loadRuntimeConfig(basePath?: string): Promise<Record<strin
     return runtimeConfig
   }
 
-  // 仅在生产环境加载 config.json
-  if (import.meta.env.PROD) {
+  // 判断是否为生产部署环境
+  // 开发环境特征：localhost / 127.0.0.1 / 0.0.0.0 / file:// 协议
+  const isDevServer = typeof window !== 'undefined' && (
+    window.location.hostname === 'localhost' ||
+    window.location.hostname === '127.0.0.1' ||
+    window.location.hostname === '0.0.0.0' ||
+    window.location.protocol === 'file:'
+  )
+
+  if (!isDevServer) {
     try {
       // 确定配置文件路径
       const configPath = basePath ? `${basePath}/config.json` : '/config.json'
@@ -61,6 +75,7 @@ export function initAppConfig(config: {
   appId?: string
   clientId?: string
   apiBaseUrl?: string
+  basePath?: string
 }) {
   if (config.appId) {
     appId.value = config.appId
@@ -71,6 +86,9 @@ export function initAppConfig(config: {
   if (config.apiBaseUrl) {
     apiBaseUrl.value = config.apiBaseUrl
   }
+  if (config.basePath) {
+    basePath.value = config.basePath
+  }
 }
 
 /**
@@ -127,9 +145,17 @@ export function getApiBaseUrl(): string {
   }
 }
 
+/**
+ * 获取应用基础路径（用于路由 base）
+ */
+export function getBasePath(): string {
+  return basePath.value
+}
+
 // 导出响应式引用（供特殊场景直接使用）
 export const appConfig = {
   appId,
   clientId,
-  apiBaseUrl
+  apiBaseUrl,
+  basePath
 }

package/src/utils/permission.ts

@@ -1,40 +1,40 @@
-/**
- * 权限工具函数
- */
-
-import { useMenuStore } from '@/stores/menu'
-import { useUserStore } from '@/stores/user'
-
-/**
- * 检查是否有权限
- * @param permission 权限标识（菜单 code）
- */
-export function hasPermission(permission: string | string[]): boolean {
-  const userStore = useUserStore()
-  const menuStore = useMenuStore()
-
-  // 未登录则无权限
-  if (!userStore.isLoggedIn) {
-    return false
-  }
-
-  // 使用菜单 store 中的权限判断
-  return menuStore.hasPermission(permission)
-}
-
-/**
- * 检查是否有角色
- * @param _role 角色标识（暂不使用）
- */
-export function hasRole(_role: string | string[]): boolean {
-  const userStore = useUserStore()
-  // tineco-ui 不支持 roles 字段，暂时返回已登录状态
-  return userStore.isLoggedIn
-}
-
-/**
- * 检查是否是管理员
- */
-export function isAdmin(): boolean {
-  return true // tineco-ui 不支持 roles 字段，暂时返回 true
+/**
+ * 权限工具函数
+ */
+
+import { useMenuStore } from '@/stores/menu'
+import { useUserStore } from '@/stores/user'
+
+/**
+ * 检查是否有权限
+ * @param permission 权限标识（菜单 code）
+ */
+export function hasPermission(permission: string | string[]): boolean {
+  const userStore = useUserStore()
+  const menuStore = useMenuStore()
+
+  // 未登录则无权限
+  if (!userStore.isLoggedIn) {
+    return false
+  }
+
+  // 使用菜单 store 中的权限判断
+  return menuStore.hasPermission(permission)
+}
+
+/**
+ * 检查是否有角色
+ * @param _role 角色标识（暂不使用）
+ */
+export function hasRole(_role: string | string[]): boolean {
+  const userStore = useUserStore()
+  // tineco-ui 不支持 roles 字段，暂时返回已登录状态
+  return userStore.isLoggedIn
+}
+
+/**
+ * 检查是否是管理员
+ */
+export function isAdmin(): boolean {
+  return true // tineco-ui 不支持 roles 字段，暂时返回 true
 }