xto-fronted 0.1.7 → 0.1.8

package/src/utils/request.ts

@@ -1,126 +0,0 @@
-/**
- * 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

@@ -1,72 +0,0 @@
-/**
- * 本地存储封装
- */
-
-import config from '@/config'
-
-// toboyu-cloud 格式的 key 前缀
-const getPrefix = (): string => {
-  return `tooyu-cloud:${config.appId}:`
-}
-
-interface StorageWrapper {
-  get<T>(key: string): T | null
-  set(key: string, value: unknown): void
-  remove(key: string): void
-  clear(): void
-}
-
-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 {
-        return JSON.parse(value) as T
-      } catch {
-        return value as unknown as T
-      }
-    },
-    set(key: string, value: unknown): void {
-      const prefix = getPrefix()
-      if (value === null || value === undefined) {
-        storage.removeItem(prefix + key)
-        return
-      }
-      const stringValue = typeof value === 'string' ? value : JSON.stringify(value)
-      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)) {
-          storage.removeItem(key)
-        }
-      })
-    }
-  }
-}
-
-export const localStorageUtil = createStorage(window.localStorage)
-export const sessionStorageUtil = createStorage(window.sessionStorage)
-
-// 快捷方法
-export const local = {
-  get: localStorageUtil.get,
-  set: localStorageUtil.set,
-  remove: localStorageUtil.remove,
-  clear: localStorageUtil.clear
-}
-
-export const session = {
-  get: sessionStorageUtil.get,
-  set: sessionStorageUtil.set,
-  remove: sessionStorageUtil.remove,
-  clear: sessionStorageUtil.clear
-}

package/src/views/dashboard/index.vue

@@ -1,32 +0,0 @@
-<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>

package/src/views/error/403.vue

@@ -1,57 +0,0 @@
-<script setup lang="ts">
-import { useRouter } from 'vue-router'
-import { Button } from '@xto/base'
-
-const router = useRouter()
-
-const goBack = () => {
-  router.push('/')
-}
-</script>
-
-<template>
-  <div class="error-page">
-    <div class="error-page__content">
-      <div class="error-page__code">403</div>
-      <div class="error-page__title">无访问权限</div>
-      <div class="error-page__desc">抱歉，您没有权限访问此页面</div>
-      <Button type="primary" @click="goBack">返回首页</Button>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.error-page {
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--bg-color-page);
-
-  &__content {
-    text-align: center;
-  }
-
-  &__code {
-    font-size: 120px;
-    font-weight: 600;
-    color: var(--color-warning);
-    line-height: 1;
-    margin-bottom: 20px;
-  }
-
-  &__title {
-    font-size: 24px;
-    font-weight: 500;
-    color: var(--color-text-primary);
-    margin-bottom: 10px;
-  }
-
-  &__desc {
-    font-size: 14px;
-    color: var(--color-text-secondary);
-    margin-bottom: 30px;
-  }
-}
-</style>

package/src/views/error/404.vue

@@ -1,57 +0,0 @@
-<script setup lang="ts">
-import { useRouter } from 'vue-router'
-import { Button } from '@xto/base'
-
-const router = useRouter()
-
-const goBack = () => {
-  router.push('/')
-}
-</script>
-
-<template>
-  <div class="error-page">
-    <div class="error-page__content">
-      <div class="error-page__code">404</div>
-      <div class="error-page__title">页面不存在</div>
-      <div class="error-page__desc">抱歉，您访问的页面不存在或已被删除</div>
-      <Button type="primary" @click="goBack">返回首页</Button>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.error-page {
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--bg-color-page);
-
-  &__content {
-    text-align: center;
-  }
-
-  &__code {
-    font-size: 120px;
-    font-weight: 600;
-    color: var(--color-primary);
-    line-height: 1;
-    margin-bottom: 20px;
-  }
-
-  &__title {
-    font-size: 24px;
-    font-weight: 500;
-    color: var(--color-text-primary);
-    margin-bottom: 10px;
-  }
-
-  &__desc {
-    font-size: 14px;
-    color: var(--color-text-secondary);
-    margin-bottom: 30px;
-  }
-}
-</style>

package/src/views/login/index.vue

@@ -1,141 +0,0 @@
-<script setup lang="ts">
-/**
- * 登录页面
- * 使用统一的 useApp hooks
- */
-import { ref, reactive } from 'vue'
-import { Button } from '@xto/base'
-import { Form, FormItem, Input } from '@xto/form'
-import { useApp } from '@/composables'
-
-const { login, loading } = useApp()
-
-const formData = reactive({
-  uid: '',
-  password: ''
-})
-
-const rules: Record<string, any[]> = {
-  uid: [
-    { required: true, message: '请输入账号', trigger: 'blur' }
-  ],
-  password: [
-    { required: true, message: '请输入密码', trigger: 'blur' }
-  ]
-}
-
-const formRef = ref()
-
-// 登录
-const handleLogin = async () => {
-  try {
-    await formRef.value?.validate()
-    await login(formData.uid, formData.password)
-  } catch (error) {
-    console.error('登录失败', error)
-  }
-}
-</script>
-
-<template>
-  <div class="login">
-    <div class="login__container">
-      <div class="login__header">
-        <img src="/vite.svg" alt="Logo" class="login__logo" />
-        <h1 class="login__title">Analysis Web</h1>
-        <p class="login__subtitle">后台管理系统</p>
-      </div>
-
-      <Form
-        ref="formRef"
-        :model="formData"
-        :rules="rules"
-        class="login__form"
-        label-width="0"
-      >
-        <FormItem prop="uid">
-          <Input
-            v-model="formData.uid"
-            placeholder="请输入账号"
-            size="large"
-          />
-        </FormItem>
-
-        <FormItem prop="password">
-          <Input
-            v-model="formData.password"
-            type="password"
-            placeholder="请输入密码"
-            size="large"
-            show-password
-            @keyup.enter="handleLogin"
-          />
-        </FormItem>
-
-        <FormItem>
-          <Button
-            type="primary"
-            size="large"
-            :loading="loading"
-            class="login__submit"
-            @click="handleLogin"
-          >
-            登录
-          </Button>
-        </FormItem>
-      </Form>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.login {
-  width: 100%;
-  min-height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding-right: 15%;
-  background: linear-gradient(135deg, var(--color-primary-light-9) 0%, var(--color-primary-light-7) 100%);
-
-  &__container {
-    width: 400px;
-    padding: 40px;
-    background-color: var(--bg-color);
-    border-radius: var(--border-radius-large);
-    box-shadow: var(--box-shadow-dark);
-  }
-
-  &__header {
-    text-align: center;
-    margin-bottom: 30px;
-  }
-
-  &__logo {
-    width: 60px;
-    height: 60px;
-  }
-
-  &__title {
-    font-size: 28px;
-    font-weight: 600;
-    color: var(--color-primary);
-    margin: 15px 0 5px;
-  }
-
-  &__subtitle {
-    font-size: 14px;
-    color: var(--color-text-secondary);
-  }
-
-  &__form {
-    :deep(.t-form-item) {
-      margin-bottom: 20px;
-    }
-  }
-
-  &__submit {
-    width: 100%;
-  }
-}
-</style>

package/src/views/system/menu/index.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div class="page">
-    <div class="page__placeholder">
-      <h2>菜单管理</h2>
-      <p>功能开发中...</p>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.page {
-  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>

package/src/views/system/role/index.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div class="page">
-    <div class="page__placeholder">
-      <h2>角色管理</h2>
-      <p>功能开发中...</p>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.page {
-  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>

package/src/views/system/user/index.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div class="page">
-    <div class="page__placeholder">
-      <h2>用户管理</h2>
-      <p>功能开发中...</p>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.page {
-  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>

package/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "types": ["vite/client", "node"]
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "include": ["vite.config.ts"]
-}