xto-fronted 0.2.5 → 0.2.7

package/dist/{components/Error → views/error}/403.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/{components/Error → views/error}/404.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/views/login/index.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    formRef: any;
+}, HTMLDivElement>;
+export default _default;

package/dist/views/system/menu/index.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    formRef: any;
+}, HTMLDivElement>;
+export default _default;

package/dist/views/system/role/index.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    formRef: any;
+}, HTMLDivElement>;
+export default _default;

package/dist/views/system/user/index.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    formRef: any;
+}, HTMLDivElement>;
+export default _default;

package/dist/vite.svg

@@ -1,10 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256">
-  <defs>
-    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#409eff;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#67c23a;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  <rect width="256" height="256" rx="32" fill="url(#gradient)"/>
-  <text x="128" y="160" text-anchor="middle" fill="white" font-size="120" font-weight="bold" font-family="Arial">X</text>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256">
+  <defs>
+    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#409eff;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#67c23a;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="256" height="256" rx="32" fill="url(#gradient)"/>
+  <text x="128" y="160" text-anchor="middle" fill="white" font-size="120" font-weight="bold" font-family="Arial">X</text>
 </svg>

package/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Xto Demo - 后台管理系统</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "xto-fronted",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "private": false,
   "type": "module",
-  "description": "XTO 前端应用脚手架，封装登录、退出、菜单渲染等统一逻辑",
+  "description": "XTO 前端应用框架",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -16,49 +16,49 @@
     "./style.css": "./dist/style.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "src",
+    "public",
+    "index.html",
+    "vite.config.ts",
+    "tsconfig.json",
+    "tsconfig.node.json",
+    ".env.development",
+    ".env.production"
   ],
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "@parcel/watcher",
-      "esbuild",
-      "vue-demi"
-    ]
-  },
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
-    "build:lib": "vite build --mode lib",
+    "build:lib": "vue-tsc && vite build --mode lib",
     "preview": "vite preview",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
-    "prepublishOnly": "npm run build:lib"
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix"
   },
   "peerDependencies": {
-    "@xto/base": "^1.1.4",
-    "@xto/core": "^1.0.1",
-    "@xto/feedback": "^1.0.4",
-    "@xto/form": "^1.0.3",
-    "@xto/navigation": "^1.1.1",
     "axios": "^1.6.0",
     "pinia": "^2.1.0",
     "vue": "^3.4.0",
     "vue-router": "^4.3.0"
   },
+  "dependencies": {
+    "@xto/base": "^0.1.0",
+    "@xto/business": "^0.1.0",
+    "@xto/core": "^0.1.0",
+    "@xto/data": "^0.1.0",
+    "@xto/feedback": "^0.1.0",
+    "@xto/form": "^0.1.0",
+    "@xto/layout": "^0.1.0",
+    "@xto/navigation": "^0.1.0"
+  },
   "devDependencies": {
     "@types/node": "^20.11.30",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@xto/base": "^1.2.0",
-    "@xto/core": "^1.0.1",
-    "@xto/feedback": "^1.1.0",
-    "@xto/form": "^1.1.0",
-    "@xto/navigation": "^1.2.0",
     "axios": "^1.6.8",
     "pinia": "^2.1.7",
-    "sass": "^1.98.0",
-    "sass-embedded": "^1.98.0",
+    "sass": "^1.72.0",
+    "sass-embedded": "^1.72.0",
     "typescript": "^5.4.2",
     "vite": "^5.2.0",
-    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-dts": "^4.5.4",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0",
     "vue-tsc": "^2.0.6"
@@ -68,11 +68,7 @@
     "vue3",
     "admin",
     "template",
-    "xto",
-    "scaffold",
-    "login",
-    "menu",
-    "cli"
+    "xto"
   ],
   "author": "",
   "license": "MIT",

package/public/vite.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256">
+  <defs>
+    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#409eff;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#67c23a;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="256" height="256" rx="32" fill="url(#gradient)"/>
+  <text x="128" y="160" text-anchor="middle" fill="white" font-size="120" font-weight="bold" font-family="Arial">X</text>
+</svg>

package/src/App.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { useAppStore } from '@/stores/app'
+
+const appStore = useAppStore()
+</script>
+
+<template>
+  <div class="app" :class="{ dark: appStore.isDark }">
+    <router-view />
+  </div>
+</template>
+
+<style lang="scss">
+.app {
+  width: 100%;
+  height: 100%;
+  background-color: var(--bg-color-page);
+  transition: background-color 0.3s;
+}
+</style>

package/src/api/auth.ts

@@ -0,0 +1,26 @@
+/**
+ * 认证 API
+ */
+
+import { http } from '@/utils/request'
+import type { LoginParams, LoginResult, UserInfo } from '@/types/api'
+
+// 登录
+export function login(data: LoginParams) {
+  return http.post<LoginResult>('/auth/login', data)
+}
+
+// 登出
+export function logout() {
+  return http.post('/auth/logout')
+}
+
+// 获取用户信息
+export function getUserInfo() {
+  return http.get<UserInfo>('/user/info')
+}
+
+// 刷新 Token
+export function refreshToken(refreshToken: string) {
+  return http.post<{ token: string; expireTime: number }>('/auth/refresh', { refreshToken })
+}

package/src/api/system.ts

@@ -0,0 +1,65 @@
+/**
+ * 系统管理 API
+ */
+
+import { http, type PageParams, type PageResponse } from '@/utils/request'
+import type { RoleInfo, MenuItem } from '@/types/api'
+
+// ========== 角色管理 ==========
+
+// 获取角色列表
+export function getRoleList(params: PageParams & { status?: number; keyword?: string }) {
+  return http.get<PageResponse<RoleInfo>>('/role/list', { params })
+}
+
+// 获取角色详情
+export function getRoleDetail(id: string | number) {
+  return http.get<RoleInfo>(`/role/${id}`)
+}
+
+// 创建角色
+export function createRole(data: Partial<RoleInfo>) {
+  return http.post<RoleInfo>('/role', data)
+}
+
+// 更新角色
+export function updateRole(id: string | number, data: Partial<RoleInfo>) {
+  return http.put<RoleInfo>(`/role/${id}`, data)
+}
+
+// 删除角色
+export function deleteRole(id: string | number) {
+  return http.delete(`/role/${id}`)
+}
+
+// 更新角色状态
+export function updateRoleStatus(id: string | number, status: number) {
+  return http.patch(`/role/${id}/status`, { status })
+}
+
+// ========== 菜单管理 ==========
+
+// 获取菜单列表
+export function getMenuList() {
+  return http.get<MenuItem[]>('/menu/list')
+}
+
+// 获取菜单树
+export function getMenuTree() {
+  return http.get<MenuItem[]>('/menu/tree')
+}
+
+// 创建菜单
+export function createMenu(data: Partial<MenuItem>) {
+  return http.post<MenuItem>('/menu', data)
+}
+
+// 更新菜单
+export function updateMenu(id: string | number, data: Partial<MenuItem>) {
+  return http.put<MenuItem>(`/menu/${id}`, data)
+}
+
+// 删除菜单
+export function deleteMenu(id: string | number) {
+  return http.delete(`/menu/${id}`)
+}

package/src/api/user.ts

@@ -0,0 +1,46 @@
+/**
+ * 用户 API
+ */
+
+import { http, type PageParams, type PageResponse } from '@/utils/request'
+import type { UserInfo } from '@/types/api'
+
+// 获取用户列表
+export function getUserList(params: PageParams & { status?: number; keyword?: string }) {
+  return http.get<PageResponse<UserInfo>>('/user/list', { params })
+}
+
+// 获取用户详情
+export function getUserDetail(id: string | number) {
+  return http.get<UserInfo>(`/user/${id}`)
+}
+
+// 创建用户
+export function createUser(data: Partial<UserInfo>) {
+  return http.post<UserInfo>('/user', data)
+}
+
+// 更新用户
+export function updateUser(id: string | number, data: Partial<UserInfo>) {
+  return http.put<UserInfo>(`/user/${id}`, data)
+}
+
+// 删除用户
+export function deleteUser(id: string | number) {
+  return http.delete(`/user/${id}`)
+}
+
+// 批量删除用户
+export function batchDeleteUsers(ids: (string | number)[]) {
+  return http.post('/user/batch-delete', { ids })
+}
+
+// 更新用户状态
+export function updateUserStatus(id: string | number, status: number) {
+  return http.patch(`/user/${id}/status`, { status })
+}
+
+// 重置密码
+export function resetPassword(id: string | number) {
+  return http.post(`/user/${id}/reset-password`)
+}