xto-fronted 0.1.1 → 0.1.3

package/src/types/api.d.ts

@@ -1,84 +1,103 @@
-/**
- * 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
-}
-
-// 用户信息
-export interface UserInfo {
-  id: number | string
-  username: string
-  nickname: string
-  avatar?: string
-  email?: string
-  phone?: string
-  status: number
-  roles: string[]
-  permissions: string[]
-  createTime?: string
-  updateTime?: string
-}
-
-// 登录请求
-export interface LoginParams {
-  username: string
-  password: string
-  captcha?: string
-}
-
-// 登录响应
-export interface LoginResult {
-  token: string
-  refreshToken: string
-  expireTime: number
-  user: UserInfo
-}
-
-// 菜单项
-export interface MenuItem {
-  id: number | string
-  name: string
-  path: string
-  component?: string
-  redirect?: string
-  icon?: string
-  title: string
-  hidden?: boolean
-  keepAlive?: boolean
-  affix?: boolean
-  order?: number
-  parentId?: number | string | null
-  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
+}
+
+// 用户信息（来自后端）
+export interface UserInfo {
+  uId: string
+  appId: string
+  userId: string
+  userName: string
+  departmentName?: string
+  email?: string
+  mobilePhone?: string
+  positionName?: string
+  avatar?: string
+  workNo?: string
+}
+
+// 登录请求
+export interface LoginParams {
+  uid: string
+  password: string
+}
+
+// 登录响应
+export interface LoginResult {
+  access_token: string
+  refresh_token: string
+  expires_time: string
+  refresh_time: string
+  token_type: string
+  code: string
+}
+
+// 后端菜单项
+export interface RemoteMenuItem {
+  menuCode: string
+  menuName: string
+  menuUrl: string
+  icon?: string
+  closable?: boolean
+  isDefault?: boolean
+  isOut?: boolean
+  type: number // 0: 菜单, 1: 按钮
+  children?: RemoteMenuItem[]
+}
+
+// 前端菜单项
+export interface MenuItem {
+  code: string
+  name: string
+  path: string
+  component?: string
+  redirect?: string
+  icon?: string
+  title: string
+  hidden?: boolean
+  keepAlive?: boolean
+  affix?: boolean
+  default?: boolean
+  out?: boolean
+  closable?: boolean
+  children?: MenuItem[]
+}
+
+// 按钮权限
+export interface ButtonPermission {
+  code: string
+}
+
+// 角色信息
+export interface RoleInfo {
+  id: number | string
+  name: string
+  code: string
+  description?: string
+  status: number
+  permissions: string[]
+  createTime?: string
+  updateTime?: string
 }

package/src/types/xto.d.ts

@@ -1,149 +1,149 @@
-declare module '@xto/core' {
-  export const version: string
-  export function install(app: any): void
-}
-
-declare module '@xto/core/es/index/index.mjs' {
-  export * from '@xto/core'
-}
-
-declare module '@xto/core/es/theme/index.mjs' {
-  export const theme: any
-}
-
-declare module '@xto/core/es/hooks/index.mjs' {
-  export const hooks: any
-}
-
-declare module '@xto/core/es/utils/index.mjs' {
-  export const utils: any
-}
-
-declare module '@xto/base' {
-  import { DefineComponent } from 'vue'
-  export const Button: DefineComponent<any, any, any>
-  export const Loading: DefineComponent<any, any, any>
-  export const Icon: DefineComponent<any, any, any>
-  export const Avatar: DefineComponent<any, any, any>
-  export const Badge: DefineComponent<any, any, any>
-  export const Tag: DefineComponent<any, any, any>
-  export const Divider: DefineComponent<any, any, any>
-  export const Space: DefineComponent<any, any, any>
-}
-
-declare module '@xto/base/es/style.css' {
-  const content: string
-  export default content
-}
-
-declare module '@xto/form' {
-  import { DefineComponent } from 'vue'
-  export const Input: DefineComponent<any, any, any>
-  export const InputNumber: DefineComponent<any, any, any>
-  export const Select: DefineComponent<any, any, any>
-  export const Checkbox: DefineComponent<any, any, any>
-  export const Radio: DefineComponent<any, any, any>
-  export const Switch: DefineComponent<any, any, any>
-  export const DatePicker: DefineComponent<any, any, any>
-  export const Form: DefineComponent<any, any, any>
-  export const FormItem: DefineComponent<any, any, any>
-  export const Upload: DefineComponent<any, any, any>
-  export const FormRule: any
-}
-
-declare module '@xto/form/es/style.css' {
-  const content: string
-  export default content
-}
-
-declare module '@xto/data' {
-  import { DefineComponent } from 'vue'
-  export const Table: DefineComponent<any, any, any>
-  export const Pagination: DefineComponent<any, any, any>
-  export const Tree: DefineComponent<any, any, any>
-  export const TreeNode: DefineComponent<any, any, any>
-  export const List: DefineComponent<any, any, any>
-  export const Card: DefineComponent<any, any, any>
-  export const Descriptions: DefineComponent<any, any, any>
-  export const Tag: DefineComponent<any, any, any>
-  export const Progress: DefineComponent<any, any, any>
-}
-
-declare module '@xto/data/es/style.css' {
-  const content: string
-  export default content
-}
-
-declare module '@xto/feedback' {
-  import { DefineComponent } from 'vue'
-  export const Message: {
-    success: (msg: string) => void
-    error: (msg: string) => void
-    warning: (msg: string) => void
-    info: (msg: string) => void
-  }
-  export const Notification: {
-    success: (options: any) => void
-    error: (options: any) => void
-    warning: (options: any) => void
-    info: (options: any) => void
-  }
-  export const Modal: DefineComponent<any, any, any>
-  export const Drawer: DefineComponent<any, any, any>
-  export const Popconfirm: DefineComponent<any, any, any>
-  export const Tooltip: DefineComponent<any, any, any>
-  export const Popover: DefineComponent<any, any, any>
-}
-
-declare module '@xto/feedback/es/style.css' {
-  const content: string
-  export default content
-}
-
-declare module '@xto/navigation' {
-  import { DefineComponent } from 'vue'
-  export const Menu: DefineComponent<any, any, any>
-  export const MenuItem: DefineComponent<any, any, any>
-  export const SubMenu: DefineComponent<any, any, any>
-  export const Tabs: DefineComponent<any, any, any>
-  export const TabPane: DefineComponent<any, any, any>
-  export const Breadcrumb: DefineComponent<any, any, any>
-  export const BreadcrumbItem: DefineComponent<any, any, any>
-  export const Dropdown: DefineComponent<any, any, any>
-  export const DropdownMenu: DefineComponent<any, any, any>
-  export const DropdownItem: DefineComponent<any, any, any>
-}
-
-declare module '@xto/navigation/es/style.css' {
-  const content: string
-  export default content
-}
-
-declare module '@xto/layout' {
-  import { DefineComponent } from 'vue'
-  export const Layout: DefineComponent<any, any, any>
-  export const Header: DefineComponent<any, any, any>
-  export const Sider: DefineComponent<any, any, any>
-  export const Content: DefineComponent<any, any, any>
-  export const Footer: DefineComponent<any, any, any>
-  export const Container: DefineComponent<any, any, any>
-}
-
-declare module '@xto/layout/es/style.css' {
-  const content: string
-  export default content
-}
-
-declare module '@xto/business' {
-  import { DefineComponent } from 'vue'
-  export const LoginForm: DefineComponent<any, any, any>
-  export const RegisterForm: DefineComponent<any, any, any>
-  export const SearchResult: DefineComponent<any, any, any>
-  export const Comment: DefineComponent<any, any, any>
-  export const Statistic: DefineComponent<any, any, any>
-}
-
-declare module '@xto/business/es/style.css' {
-  const content: string
-  export default content
+declare module '@xto/core' {
+  export const version: string
+  export function install(app: any): void
+}
+
+declare module '@xto/core/es/index/index.mjs' {
+  export * from '@xto/core'
+}
+
+declare module '@xto/core/es/theme/index.mjs' {
+  export const theme: any
+}
+
+declare module '@xto/core/es/hooks/index.mjs' {
+  export const hooks: any
+}
+
+declare module '@xto/core/es/utils/index.mjs' {
+  export const utils: any
+}
+
+declare module '@xto/base' {
+  import { DefineComponent } from 'vue'
+  export const Button: DefineComponent<any, any, any>
+  export const Loading: DefineComponent<any, any, any>
+  export const Icon: DefineComponent<any, any, any>
+  export const Avatar: DefineComponent<any, any, any>
+  export const Badge: DefineComponent<any, any, any>
+  export const Tag: DefineComponent<any, any, any>
+  export const Divider: DefineComponent<any, any, any>
+  export const Space: DefineComponent<any, any, any>
+}
+
+declare module '@xto/base/es/style.css' {
+  const content: string
+  export default content
+}
+
+declare module '@xto/form' {
+  import { DefineComponent } from 'vue'
+  export const Input: DefineComponent<any, any, any>
+  export const InputNumber: DefineComponent<any, any, any>
+  export const Select: DefineComponent<any, any, any>
+  export const Checkbox: DefineComponent<any, any, any>
+  export const Radio: DefineComponent<any, any, any>
+  export const Switch: DefineComponent<any, any, any>
+  export const DatePicker: DefineComponent<any, any, any>
+  export const Form: DefineComponent<any, any, any>
+  export const FormItem: DefineComponent<any, any, any>
+  export const Upload: DefineComponent<any, any, any>
+  export const FormRule: any
+}
+
+declare module '@xto/form/es/style.css' {
+  const content: string
+  export default content
+}
+
+declare module '@xto/data' {
+  import { DefineComponent } from 'vue'
+  export const Table: DefineComponent<any, any, any>
+  export const Pagination: DefineComponent<any, any, any>
+  export const Tree: DefineComponent<any, any, any>
+  export const TreeNode: DefineComponent<any, any, any>
+  export const List: DefineComponent<any, any, any>
+  export const Card: DefineComponent<any, any, any>
+  export const Descriptions: DefineComponent<any, any, any>
+  export const Tag: DefineComponent<any, any, any>
+  export const Progress: DefineComponent<any, any, any>
+}
+
+declare module '@xto/data/es/style.css' {
+  const content: string
+  export default content
+}
+
+declare module '@xto/feedback' {
+  import { DefineComponent } from 'vue'
+  export const Message: {
+    success: (msg: string) => void
+    error: (msg: string) => void
+    warning: (msg: string) => void
+    info: (msg: string) => void
+  }
+  export const Notification: {
+    success: (options: any) => void
+    error: (options: any) => void
+    warning: (options: any) => void
+    info: (options: any) => void
+  }
+  export const Modal: DefineComponent<any, any, any>
+  export const Drawer: DefineComponent<any, any, any>
+  export const Popconfirm: DefineComponent<any, any, any>
+  export const Tooltip: DefineComponent<any, any, any>
+  export const Popover: DefineComponent<any, any, any>
+}
+
+declare module '@xto/feedback/es/style.css' {
+  const content: string
+  export default content
+}
+
+declare module '@xto/navigation' {
+  import { DefineComponent } from 'vue'
+  export const Menu: DefineComponent<any, any, any>
+  export const MenuItem: DefineComponent<any, any, any>
+  export const SubMenu: DefineComponent<any, any, any>
+  export const Tabs: DefineComponent<any, any, any>
+  export const TabPane: DefineComponent<any, any, any>
+  export const Breadcrumb: DefineComponent<any, any, any>
+  export const BreadcrumbItem: DefineComponent<any, any, any>
+  export const Dropdown: DefineComponent<any, any, any>
+  export const DropdownMenu: DefineComponent<any, any, any>
+  export const DropdownItem: DefineComponent<any, any, any>
+}
+
+declare module '@xto/navigation/es/style.css' {
+  const content: string
+  export default content
+}
+
+declare module '@xto/layout' {
+  import { DefineComponent } from 'vue'
+  export const Layout: DefineComponent<any, any, any>
+  export const Header: DefineComponent<any, any, any>
+  export const Sider: DefineComponent<any, any, any>
+  export const Content: DefineComponent<any, any, any>
+  export const Footer: DefineComponent<any, any, any>
+  export const Container: DefineComponent<any, any, any>
+}
+
+declare module '@xto/layout/es/style.css' {
+  const content: string
+  export default content
+}
+
+declare module '@xto/business' {
+  import { DefineComponent } from 'vue'
+  export const LoginForm: DefineComponent<any, any, any>
+  export const RegisterForm: DefineComponent<any, any, any>
+  export const SearchResult: DefineComponent<any, any, any>
+  export const Comment: DefineComponent<any, any, any>
+  export const Statistic: DefineComponent<any, any, any>
+}
+
+declare module '@xto/business/es/style.css' {
+  const content: string
+  export default content
 }

package/src/utils/auth.ts

@@ -1,62 +1,86 @@
-/**
- * Token 管理
- */
-
-import { local } from './storage'
-
-const TOKEN_KEY = 'token'
-const REFRESH_TOKEN_KEY = 'refresh_token'
-const TOKEN_EXPIRE_KEY = 'token_expire'
-
-export interface TokenInfo {
-  token: string
-  refreshToken: string
-  expireTime: number
-}
-
-export const getToken = (): string | null => {
-  return local.get<string>(TOKEN_KEY)
-}
-
-export const setToken = (token: string): void => {
-  local.set(TOKEN_KEY, token)
-}
-
-export const getRefreshToken = (): string | null => {
-  return local.get<string>(REFRESH_TOKEN_KEY)
-}
-
-export const setRefreshToken = (refreshToken: string): void => {
-  local.set(REFRESH_TOKEN_KEY, refreshToken)
-}
-
-export const getTokenExpire = (): number | null => {
-  return local.get<number>(TOKEN_EXPIRE_KEY)
-}
-
-export const setTokenExpire = (expireTime: number): void => {
-  local.set(TOKEN_EXPIRE_KEY, expireTime)
-}
-
-export const setTokenInfo = (info: TokenInfo): void => {
-  setToken(info.token)
-  setRefreshToken(info.refreshToken)
-  setTokenExpire(info.expireTime)
-}
-
-export const clearToken = (): void => {
-  local.remove(TOKEN_KEY)
-  local.remove(REFRESH_TOKEN_KEY)
-  local.remove(TOKEN_EXPIRE_KEY)
-}
-
-export const isTokenExpired = (): boolean => {
-  const expireTime = getTokenExpire()
-  if (!expireTime) return true
-  return Date.now() > expireTime
-}
-
-export const hasToken = (): boolean => {
-  const token = getToken()
-  return !!token && !isTokenExpired()
+/**
+ * Token 管理
+ */
+
+import { local } from './storage'
+
+const TOKEN_KEY = 'login_info'
+const USER_INFO_KEY = 'user_info'
+
+export interface LoginInfo {
+  accessToken: string
+  refreshToken: string
+  expiresTime: string
+  refreshTime: string
+  tokenType: string
+  code: string
+}
+
+export interface TokenInfo {
+  token: string
+  refreshToken: string
+  expireTime: number
+}
+
+// 获取登录信息
+export const getLoginInfo = (): LoginInfo | null => {
+  return local.get<LoginInfo>(TOKEN_KEY)
+}
+
+// 设置登录信息
+export const setLoginInfo = (data: Record<string, unknown>): void => {
+  const loginInfo: LoginInfo = {
+    accessToken: data['access_token'] as string,
+    refreshToken: data['refresh_token'] as string,
+    expiresTime: data['expires_time'] as string,
+    refreshTime: data['refresh_time'] as string,
+    tokenType: data['token_type'] as string,
+    code: data['code'] as string
+  }
+  local.set(TOKEN_KEY, loginInfo)
+}
+
+// 获取 access token
+export const getToken = (): string | null => {
+  const loginInfo = getLoginInfo()
+  return loginInfo?.accessToken || null
+}
+
+// 获取 token type
+export const getTokenType = (): string => {
+  const loginInfo = getLoginInfo()
+  return loginInfo?.tokenType || 'Bearer'
+}
+
+// 获取 code
+export const getCode = (): string | null => {
+  const loginInfo = getLoginInfo()
+  return loginInfo?.code || null
+}
+
+// 清除登录信息
+export const clearToken = (): void => {
+  local.remove(TOKEN_KEY)
+  local.remove(USER_INFO_KEY)
+}
+
+// 检查是否有 token
+export const hasToken = (): boolean => {
+  const token = getToken()
+  return !!token
+}
+
+// 设置用户信息
+export const setUserInfo = (userInfo: Record<string, unknown>): void => {
+  local.set(USER_INFO_KEY, userInfo)
+}
+
+// 获取用户信息
+export const getUserInfo = (): Record<string, unknown> | null => {
+  return local.get<Record<string, unknown>>(USER_INFO_KEY)
+}
+
+// 清除用户信息
+export const clearUserInfo = (): void => {
+  local.remove(USER_INFO_KEY)
 }