xto-fronted 0.1.1 → 0.1.3

package/src/utils/permission.ts

@@ -1,42 +1,30 @@
-/**
- * 权限工具函数
- */
-
-import { useUserStore } from '@/stores/user'
-
-/**
- * 检查是否有权限
- * @param permission 权限标识
- */
-export function hasPermission(permission: string | string[]): boolean {
-  const userStore = useUserStore()
-  const permissions = userStore.permissions
-
-  if (Array.isArray(permission)) {
-    return permission.some(p => permissions.includes(p))
-  }
-
-  return permissions.includes(permission)
-}
-
-/**
- * 检查是否有角色
- * @param role 角色标识
- */
-export function hasRole(role: string | string[]): boolean {
-  const userStore = useUserStore()
-  const roles = userStore.roles
-
-  if (Array.isArray(role)) {
-    return role.some(r => roles.includes(r))
-  }
-
-  return roles.includes(role)
-}
-
-/**
- * 检查是否是管理员
- */
-export function isAdmin(): boolean {
-  return hasRole('admin')
+/**
+ * 权限工具函数
+ */
+
+import { useMenuStore } from '@/stores/menu'
+
+/**
+ * 检查是否有权限（基于菜单按钮权限）
+ * @param permission 权限标识
+ */
+export function hasPermission(permission: string | string[]): boolean {
+  const menuStore = useMenuStore()
+  const currentPath = window.location.pathname
+  const btnList = menuStore.menuBtnListMap[currentPath] || []
+  const btnCodes = btnList.map(item => item.code)
+
+  if (Array.isArray(permission)) {
+    return permission.some(p => btnCodes.includes(p))
+  }
+
+  return btnCodes.includes(permission)
+}
+
+/**
+ * 检查是否是管理员
+ */
+export function isAdmin(): boolean {
+  // 暂时返回 true，后续可根据实际需求实现
+  return true
 }

package/src/utils/request.ts

@@ -1,126 +1,126 @@
-/**
- * Axios 请求封装
- */
-
-import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
-import { getToken, clearToken } from './auth'
-import { Message } from '@xto/feedback'
-
-// 响应数据接口
-export interface ApiResponse<T = unknown> {
-  code: number
-  data: T
-  message: string
-}
-
-// 分页参数
-export interface PageParams {
-  page: number
-  pageSize: number
-}
-
-// 分页响应
-export interface PageResponse<T> {
-  list: T[]
-  total: number
-  page: number
-  pageSize: number
-}
-
-// 创建 axios 实例
-const createRequest = (): AxiosInstance => {
-  const instance = axios.create({
-    baseURL: import.meta.env.VITE_API_BASE_URL,
-    timeout: 15000,
-    headers: {
-      'Content-Type': 'application/json'
-    }
-  })
-
-  // 请求拦截器
-  instance.interceptors.request.use(
-    (config: InternalAxiosRequestConfig) => {
-      const token = getToken()
-      if (token) {
-        config.headers.Authorization = `Bearer ${token}`
-      }
-      return config
-    },
-    (error) => {
-      return Promise.reject(error)
-    }
-  )
-
-  // 响应拦截器
-  instance.interceptors.response.use(
-    (response: AxiosResponse<ApiResponse>) => {
-      const { data } = response
-
-      // 成功
-      if (data.code === 200 || data.code === 0) {
-        return response
-      }
-
-      // 业务错误
-      Message.error(data.message || '请求失败')
-      return Promise.reject(new Error(data.message || '请求失败'))
-    },
-    (error) => {
-      const { response } = error
-
-      if (response) {
-        switch (response.status) {
-          case 401:
-            Message.error('登录已过期，请重新登录')
-            clearToken()
-            window.location.href = '/login'
-            break
-          case 403:
-            Message.error('没有权限访问')
-            break
-          case 404:
-            Message.error('请求资源不存在')
-            break
-          case 500:
-            Message.error('服务器错误')
-            break
-          default:
-            Message.error(response.data?.message || '请求失败')
-        }
-      } else {
-        Message.error('网络连接失败')
-      }
-
-      return Promise.reject(error)
-    }
-  )
-
-  return instance
-}
-
-const request = createRequest()
-
-// 请求方法
-export const http = {
-  get<T = unknown>(url: string, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
-    return request.get(url, config).then((res) => res.data)
-  },
-
-  post<T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
-    return request.post(url, data, config).then((res) => res.data)
-  },
-
-  put<T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
-    return request.put(url, data, config).then((res) => res.data)
-  },
-
-  patch<T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
-    return request.patch(url, data, config).then((res) => res.data)
-  },
-
-  delete<T = unknown>(url: string, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
-    return request.delete(url, config).then((res) => res.data)
-  }
-}
-
+/**
+ * Axios 请求封装
+ */
+
+import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
+import { getToken, getTokenType, clearToken } from './auth'
+import { Message } from '@xto/feedback'
+import config from '@/config'
+
+// 响应数据接口
+export interface ApiResponse<T = unknown> {
+  code: number
+  data: T
+  message: string
+}
+
+// 分页参数
+export interface PageParams {
+  page: number
+  pageSize: number
+}
+
+// 分页响应
+export interface PageResponse<T> {
+  list: T[]
+  total: number
+  page: number
+  pageSize: number
+}
+
+// 创建 axios 实例
+const createRequest = (): AxiosInstance => {
+  const instance = axios.create({
+    baseURL: config.baseUrl,
+    timeout: 15000,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+
+  // 请求拦截器
+  instance.interceptors.request.use(
+    (config: InternalAxiosRequestConfig) => {
+      const token = getToken()
+      if (token) {
+        const tokenType = getTokenType()
+        config.headers.Authorization = `${tokenType} ${token}`
+      }
+      return config
+    },
+    (error) => {
+      return Promise.reject(error)
+    }
+  )
+
+  // 响应拦截器
+  instance.interceptors.response.use(
+    (response: AxiosResponse<ApiResponse>) => {
+      const { data } = response
+
+      // 成功
+      if (data.code === 200 || data.code === 0) {
+        return response
+      }
+
+      // 业务错误
+      Message.error(data.message || '请求失败')
+      return Promise.reject(new Error(data.message || '请求失败'))
+    },
+    (error) => {
+      const { response } = error
+
+      if (response) {
+        switch (response.status) {
+          case 401:
+          case 403:
+            Message.error('登录已过期，请重新登录')
+            clearToken()
+            window.location.href = '/login'
+            break
+          case 404:
+            Message.error('请求资源不存在')
+            break
+          case 500:
+            Message.error('服务器错误')
+            break
+          default:
+            Message.error(response.data?.message || '请求失败')
+        }
+      } else {
+        Message.error('网络连接失败')
+      }
+
+      return Promise.reject(error)
+    }
+  )
+
+  return instance
+}
+
+const request = createRequest()
+
+// 请求方法
+export const http = {
+  get<T = unknown>(url: string, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
+    return request.get(url, config).then((res) => res.data)
+  },
+
+  post<T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
+    return request.post(url, data, config).then((res) => res.data)
+  },
+
+  put<T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
+    return request.put(url, data, config).then((res) => res.data)
+  },
+
+  patch<T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
+    return request.patch(url, data, config).then((res) => res.data)
+  },
+
+  delete<T = unknown>(url: string, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
+    return request.delete(url, config).then((res) => res.data)
+  }
+}
+
 export default request

package/src/utils/storage.ts

@@ -2,7 +2,12 @@
  * 本地存储封装
  */
 
-const prefix = 'xto_'
+import config from '@/config'
+
+// toboyu-cloud 格式的 key 前缀
+const getPrefix = (): string => {
+  return `tooyu-cloud:${config.appId}:`
+}
 
 interface StorageWrapper {
   get<T>(key: string): T | null
@@ -14,6 +19,7 @@ interface StorageWrapper {
 const createStorage = (storage: globalThis.Storage): StorageWrapper => {
   return {
     get<T>(key: string): T | null {
+      const prefix = getPrefix()
       const value = storage.getItem(prefix + key)
       if (!value) return null
       try {
@@ -23,6 +29,7 @@ const createStorage = (storage: globalThis.Storage): StorageWrapper => {
       }
     },
     set(key: string, value: unknown): void {
+      const prefix = getPrefix()
       if (value === null || value === undefined) {
         storage.removeItem(prefix + key)
         return
@@ -31,9 +38,11 @@ const createStorage = (storage: globalThis.Storage): StorageWrapper => {
       storage.setItem(prefix + key, stringValue)
     },
     remove(key: string): void {
+      const prefix = getPrefix()
       storage.removeItem(prefix + key)
     },
     clear(): void {
+      const prefix = getPrefix()
       const keys = Object.keys(storage)
       keys.forEach(key => {
         if (key.startsWith(prefix)) {

package/src/views/dashboard/index.vue

@@ -1,284 +1,32 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { Card, Tag, Progress } from '@xto/data'
-
-const stats = ref([
-  { title: '用户总数', value: 1234, icon: '👥', color: '#409eff' },
-  { title: '今日访问', value: 567, icon: '👀', color: '#67c23a' },
-  { title: '订单数量', value: 890, icon: '📦', color: '#e6a23c' },
-  { title: '销售金额', value: 123456, icon: '💰', color: '#f56c6c' }
-])
-
-const activities = ref([
-  { user: '张三', action: '登录系统', time: '2分钟前', type: 'success' },
-  { user: '李四', action: '修改了用户信息', time: '5分钟前', type: 'warning' },
-  { user: '王五', action: '创建了新订单', time: '10分钟前', type: 'info' },
-  { user: '赵六', action: '删除了测试数据', time: '30分钟前', type: 'danger' },
-  { user: '钱七', action: '更新了系统配置', time: '1小时前', type: 'primary' }
-])
-
-const quickLinks = ref([
-  { title: '用户管理', path: '/system/user', icon: '👤' },
-  { title: '角色管理', path: '/system/role', icon: '👥' },
-  { title: '菜单管理', path: '/system/menu', icon: '📋' },
-  { title: '系统设置', path: '/system', icon: '⚙️' }
-])
-</script>
-
-<template>
-  <div class="dashboard">
-    <!-- 统计卡片 -->
-    <div class="dashboard__stats">
-      <Card v-for="stat in stats" :key="stat.title" class="stat-card">
-        <div class="stat-card__content">
-          <div class="stat-card__icon" :style="{ backgroundColor: stat.color + '20' }">
-            {{ stat.icon }}
-          </div>
-          <div class="stat-card__info">
-            <div class="stat-card__title">{{ stat.title }}</div>
-            <div class="stat-card__value" :style="{ color: stat.color }">
-              {{ stat.value.toLocaleString() }}
-            </div>
-          </div>
-        </div>
-      </Card>
-    </div>
-
-    <!-- 主体内容 -->
-    <div class="dashboard__main">
-      <!-- 快捷入口 -->
-      <Card class="dashboard__quick">
-        <template #header>
-          <span class="card-title">快捷入口</span>
-        </template>
-        <div class="quick-links">
-          <router-link
-            v-for="link in quickLinks"
-            :key="link.path"
-            :to="link.path"
-            class="quick-link"
-          >
-            <span class="quick-link__icon">{{ link.icon }}</span>
-            <span class="quick-link__title">{{ link.title }}</span>
-          </router-link>
-        </div>
-      </Card>
-
-      <!-- 最近活动 -->
-      <Card class="dashboard__activity">
-        <template #header>
-          <span class="card-title">最近活动</span>
-        </template>
-        <div class="activity-list">
-          <div v-for="(activity, index) in activities" :key="index" class="activity-item">
-            <Tag :type="activity.type as any" size="small">{{ activity.user }}</Tag>
-            <span class="activity-item__action">{{ activity.action }}</span>
-            <span class="activity-item__time">{{ activity.time }}</span>
-          </div>
-        </div>
-      </Card>
-    </div>
-
-    <!-- 系统信息 -->
-    <Card class="dashboard__system">
-      <template #header>
-        <span class="card-title">系统信息</span>
-      </template>
-      <div class="system-info">
-        <div class="system-info__item">
-          <span class="system-info__label">系统版本</span>
-          <span class="system-info__value">v1.0.0</span>
-        </div>
-        <div class="system-info__item">
-          <span class="system-info__label">Vue 版本</span>
-          <span class="system-info__value">3.4.21</span>
-        </div>
-        <div class="system-info__item">
-          <span class="system-info__label">构建工具</span>
-          <span class="system-info__value">Vite 5</span>
-        </div>
-        <div class="system-info__item">
-          <span class="system-info__label">UI 组件库</span>
-          <span class="system-info__value">xto</span>
-        </div>
-        <div class="system-info__item">
-          <span class="system-info__label">服务器状态</span>
-          <Progress :percentage="75" status="success" />
-        </div>
-        <div class="system-info__item">
-          <span class="system-info__label">内存使用</span>
-          <Progress :percentage="45" />
-        </div>
-      </div>
-    </Card>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.dashboard {
-  padding: 20px;
-
-  &__stats {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 20px;
-    margin-bottom: 20px;
-
-    @media (max-width: 1200px) {
-      grid-template-columns: repeat(2, 1fr);
-    }
-
-    @media (max-width: 768px) {
-      grid-template-columns: 1fr;
-    }
-  }
-
-  &__main {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 20px;
-    margin-bottom: 20px;
-
-    @media (max-width: 992px) {
-      grid-template-columns: 1fr;
-    }
-  }
-
-  &__quick,
-  &__activity {
-    min-height: 300px;
-  }
-}
-
-.card-title {
-  font-size: 16px;
-  font-weight: 500;
-}
-
-.stat-card {
-  &__content {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-  }
-
-  &__icon {
-    width: 50px;
-    height: 50px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 24px;
-    border-radius: var(--border-radius-base);
-  }
-
-  &__info {
-    flex: 1;
-  }
-
-  &__title {
-    font-size: 14px;
-    color: var(--color-text-secondary);
-    margin-bottom: 5px;
-  }
-
-  &__value {
-    font-size: 24px;
-    font-weight: 600;
-  }
-}
-
-.quick-links {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 15px;
-
-  @media (max-width: 768px) {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-.quick-link {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 20px;
-  border-radius: var(--border-radius-base);
-  background-color: var(--color-fill);
-  text-decoration: none;
-  transition: all var(--transition-duration-fast);
-
-  &:hover {
-    background-color: var(--color-primary-light-9);
-    transform: translateY(-2px);
-  }
-
-  &__icon {
-    font-size: 28px;
-    margin-bottom: 10px;
-  }
-
-  &__title {
-    font-size: 14px;
-    color: var(--color-text-primary);
-  }
-}
-
-.activity-list {
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-}
-
-.activity-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding-bottom: 15px;
-  border-bottom: 1px solid var(--color-border-lighter);
-
-  &:last-child {
-    border-bottom: none;
-    padding-bottom: 0;
-  }
-
-  &__action {
-    flex: 1;
-    font-size: 14px;
-    color: var(--color-text-regular);
-  }
-
-  &__time {
-    font-size: 12px;
-    color: var(--color-text-placeholder);
-  }
-}
-
-.system-info {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 20px;
-
-  @media (max-width: 768px) {
-    grid-template-columns: 1fr;
-  }
-
-  &__item {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-  }
-
-  &__label {
-    font-size: 14px;
-    color: var(--color-text-secondary);
-    min-width: 80px;
-  }
-
-  &__value {
-    font-size: 14px;
-    color: var(--color-text-primary);
-  }
-}
+<script setup lang="ts">
+</script>
+
+<template>
+  <div class="dashboard">
+    <div class="dashboard__placeholder">
+      <h2>首页</h2>
+      <p>功能开发中...</p>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.dashboard {
+  padding: 20px;
+  height: 100%;
+
+  &__placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: var(--color-text-secondary);
+
+    h2 {
+      margin-bottom: 10px;
+      color: var(--color-text-primary);
+    }
+  }
+}
 </style>