xto-fronted 0.2.5 → 0.2.7

package/.env.development

@@ -0,0 +1,4 @@
+# 开发环境
+VITE_APP_TITLE = Xto Demo - 开发环境
+VITE_API_BASE_URL = /api
+VITE_USE_MOCK = true

package/.env.production

@@ -0,0 +1,4 @@
+# 生产环境
+VITE_APP_TITLE = Xto Demo
+VITE_API_BASE_URL = /api
+VITE_USE_MOCK = false

package/README.md

@@ -1,197 +1,95 @@
-# Xto Demo
-
-基于 xto 组件库的后台管理系统脚手架。
-
-## 特性
-
-- 🚀 Vue 3 + TypeScript + Vite 5
-- 📦 Pinia 状态管理
-- 🛣️ Vue Router 4 动态路由
-- 🎨 xto 组件库
-- 🔐 权限管理（角色、按钮级别）
-- 🌓 亮色/暗色主题切换
-- 📱 响应式布局
-
-## 安装
-
-```bash
-# npm
-npm install xto-fronted
-
-# pnpm
-pnpm add xto-fronted
-
-# yarn
-yarn add xto-fronted
-```
-
-## 快速开始
-
-```typescript
-// main.ts
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-import App from './App.vue'
-import router from './router'
-
-// 初始化 xto-fronted
-import { createXtoApp } from 'xto-fronted'
-
-createXtoApp({
-  appName: '我的应用',
-  baseUrl: 'https://api.example.com',
-  appId: 'MY-APP-ID',
-  clientId: 'MY-CLIENT-ID',
-  indexPath: '/dashboard',
-  loginPath: '/login'
-})
-
-// 样式
-import 'xto-fronted/style.css'
-import '@xto/base/es/style.css'
-import '@xto/form/es/style.css'
-import '@xto/feedback/es/style.css'
-import '@xto/navigation/es/style.css'
-
-const app = createApp(App)
-app.use(createPinia())
-app.use(router)
-app.mount('#app')
-```
-
-```typescript
-// router/index.ts
-import { createRouter, createLayoutRoute, Login, NotFound } from 'xto-fronted'
-
-const businessRoutes = [
-  {
-    path: '/dashboard',
-    name: 'Dashboard',
-    component: () => import('@/views/dashboard/index.vue'),
-    meta: { title: '仪表盘', icon: 'dashboard' }
-  }
-]
-
-const layoutRoute = createLayoutRoute(businessRoutes, { indexPath: '/dashboard' })
-
-const routes = [
-  { path: '/login', name: 'Login', component: Login },
-  layoutRoute,
-  { path: '/:pathMatch(.*)*', redirect: '/404' }
-]
-
-export default createRouter(routes)
-```
-
-```vue
-<!-- App.vue -->
-<script setup>
-import { useAppStore } from 'xto-fronted'
-const appStore = useAppStore()
-</script>
-
-<template>
-  <div class="app" :class="{ dark: appStore.isDark }">
-    <router-view />
-  </div>
-</template>
-```
-
-## 示例项目
-
-查看 [example](./example) 目录获取完整的示例项目。
-
-```bash
-# 在根目录安装依赖（包含 example）
-pnpm install
-
-# 运行示例项目
-cd example
-pnpm dev
-```
-
-## 项目结构
-
-```
-src/
-├── api/                # API 接口
-├── assets/             # 静态资源
-│   └── styles/         # 全局样式
-├── components/         # 全局组件
-│   └── Layout/         # 布局组件
-├── composables/        # 组合式函数
-├── directives/         # 自定义指令
-├── enums/              # 枚举常量
-├── router/             # 路由配置
-├── stores/             # Pinia 状态
-├── types/              # 类型定义
-├── utils/              # 工具函数
-└── views/              # 页面视图
-```
-
-## 开发
-
-```bash
-# 安装依赖
-pnpm install
-
-# 启动开发服务器
-pnpm dev
-
-# 构建
-pnpm build
-```
-
-## 推送仓库
-```bash
-pnpm install
-
-# 1. 构建（库模式）
-pnpm run build:lib
-
-# 2. 登录 npm（首次需要）
-npm login
-
-# 3. 发布
-npm publish
-```
-## 功能模块
-
-- [x] 登录/登出
-- [x] 动态路由
-- [x] 侧边栏菜单
-- [x] 顶部导航/面包屑
-- [x] 标签页缓存
-- [x] 仪表盘
-- [x] 用户管理 CRUD
-- [x] 角色管理
-- [x] 菜单管理
-- [x] 主题切换
-- [x] 权限控制
-
-## Mock 数据
-
-项目使用本地 Mock 数据，可直接登录测试：
-
-- 用户名：任意
-- 密码：任意
-
-## 技术栈
-
-| 技术 | 版本 |
-|------|------|
-| Vue | 3.4+ |
-| TypeScript | 5.4+ |
-| Vite | 5.x |
-| Vue Router | 4.x |
-| Pinia | 2.x |
-| Axios | 1.x |
-| xto | npm |
-
-## 更新日志
-
-查看 [CHANGELOG.md](./CHANGELOG.md) 获取版本更新记录。
-
-## License
-
+# Xto Demo
+
+基于 xto 组件库的后台管理系统脚手架。
+
+## 特性
+
+- 🚀 Vue 3 + TypeScript + Vite 5
+- 📦 Pinia 状态管理
+- 🛣️ Vue Router 4 动态路由
+- 🎨 xto 组件库
+- 🔐 权限管理（角色、按钮级别）
+- 🌓 亮色/暗色主题切换
+- 📱 响应式布局
+
+## 项目结构
+
+```
+src/
+├── api/                # API 接口
+├── assets/             # 静态资源
+│   └── styles/         # 全局样式
+├── components/         # 全局组件
+│   └── Layout/         # 布局组件
+├── composables/        # 组合式函数
+├── directives/         # 自定义指令
+├── enums/              # 枚举常量
+├── router/             # 路由配置
+├── stores/             # Pinia 状态
+├── types/              # 类型定义
+├── utils/              # 工具函数
+└── views/              # 页面视图
+```
+
+## 开发
+
+```bash
+# 安装依赖
+pnpm install
+
+# 启动开发服务器
+pnpm dev
+
+# 构建
+pnpm build
+```
+
+## 推送仓库
+```bash
+pnpm install
+
+# 1. 构建（库模式）
+pnpm run build:lib
+
+# 2. 登录 npm（首次需要）
+npm login
+
+# 3. 发布
+npm publish
+```
+## 功能模块
+
+- [x] 登录/登出
+- [x] 动态路由
+- [x] 侧边栏菜单
+- [x] 顶部导航/面包屑
+- [x] 标签页缓存
+- [x] 仪表盘
+- [x] 用户管理 CRUD
+- [x] 角色管理
+- [x] 菜单管理
+- [x] 主题切换
+- [x] 权限控制
+
+## Mock 数据
+
+项目使用本地 Mock 数据，可直接登录测试：
+
+- 用户名：任意
+- 密码：任意
+
+## 技术栈
+
+| 技术 | 版本 |
+|------|------|
+| Vue | 3.4+ |
+| TypeScript | 5.4+ |
+| Vite | 5.x |
+| Vue Router | 4.x |
+| Pinia | 2.x |
+| Axios | 1.x |
+| xto | npm |
+
+## License
+
 MIT

package/dist/{components/Layout/TopMenu.vue.d.ts → App.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/api/auth.d.ts

@@ -1,10 +1,8 @@
-import { ApiResponse } from '../utils/request';
-import { LoginResult } from '../types/api';
-
-export interface LoginParams {
-    uid: string;
-    password: string;
-}
-export declare function login(data: LoginParams): Promise<ApiResponse<LoginResult>>;
-export declare function logout(): Promise<ApiResponse<null>>;
-export declare function loginByCode(appId: string, code: string): Promise<ApiResponse<LoginResult>>;
+import { LoginParams, LoginResult, UserInfo } from '../types/api';
+export declare function login(data: LoginParams): Promise<LoginResult>;
+export declare function logout(): Promise<unknown>;
+export declare function getUserInfo(): Promise<UserInfo>;
+export declare function refreshToken(refreshToken: string): Promise<{
+    token: string;
+    expireTime: number;
+}>;

package/dist/api/system.d.ts

@@ -1,17 +1,16 @@
 import { PageParams, PageResponse } from '../utils/request';
 import { RoleInfo, MenuItem } from '../types/api';
-
 export declare function getRoleList(params: PageParams & {
     status?: number;
     keyword?: string;
-}): Promise<import('../utils/request').ApiResponse<PageResponse<RoleInfo>>>;
-export declare function getRoleDetail(id: string | number): Promise<import('../utils/request').ApiResponse<RoleInfo>>;
-export declare function createRole(data: Partial<RoleInfo>): Promise<import('../utils/request').ApiResponse<RoleInfo>>;
-export declare function updateRole(id: string | number, data: Partial<RoleInfo>): Promise<import('../utils/request').ApiResponse<RoleInfo>>;
-export declare function deleteRole(id: string | number): Promise<import('../utils/request').ApiResponse<unknown>>;
-export declare function updateRoleStatus(id: string | number, status: number): Promise<import('../utils/request').ApiResponse<unknown>>;
-export declare function getMenuList(): Promise<import('../utils/request').ApiResponse<MenuItem[]>>;
-export declare function getMenuTree(): Promise<import('../utils/request').ApiResponse<MenuItem[]>>;
-export declare function createMenu(data: Partial<MenuItem>): Promise<import('../utils/request').ApiResponse<MenuItem>>;
-export declare function updateMenu(id: string | number, data: Partial<MenuItem>): Promise<import('../utils/request').ApiResponse<MenuItem>>;
-export declare function deleteMenu(id: string | number): Promise<import('../utils/request').ApiResponse<unknown>>;
+}): Promise<PageResponse<RoleInfo>>;
+export declare function getRoleDetail(id: string | number): Promise<RoleInfo>;
+export declare function createRole(data: Partial<RoleInfo>): Promise<RoleInfo>;
+export declare function updateRole(id: string | number, data: Partial<RoleInfo>): Promise<RoleInfo>;
+export declare function deleteRole(id: string | number): Promise<unknown>;
+export declare function updateRoleStatus(id: string | number, status: number): Promise<unknown>;
+export declare function getMenuList(): Promise<MenuItem[]>;
+export declare function getMenuTree(): Promise<MenuItem[]>;
+export declare function createMenu(data: Partial<MenuItem>): Promise<MenuItem>;
+export declare function updateMenu(id: string | number, data: Partial<MenuItem>): Promise<MenuItem>;
+export declare function deleteMenu(id: string | number): Promise<unknown>;

package/dist/api/user.d.ts

@@ -1,4 +1,13 @@
-import { ApiResponse } from '../utils/request';
+import { PageParams, PageResponse } from '../utils/request';
 import { UserInfo } from '../types/api';
-
-export declare function getCurrentUser(): Promise<ApiResponse<UserInfo>>;
+export declare function getUserList(params: PageParams & {
+    status?: number;
+    keyword?: string;
+}): Promise<PageResponse<UserInfo>>;
+export declare function getUserDetail(id: string | number): Promise<UserInfo>;
+export declare function createUser(data: Partial<UserInfo>): Promise<UserInfo>;
+export declare function updateUser(id: string | number, data: Partial<UserInfo>): Promise<UserInfo>;
+export declare function deleteUser(id: string | number): Promise<unknown>;
+export declare function batchDeleteUsers(ids: (string | number)[]): Promise<unknown>;
+export declare function updateUserStatus(id: string | number, status: number): Promise<unknown>;
+export declare function resetPassword(id: string | number): Promise<unknown>;

package/dist/components/Layout/Footer.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/Layout/Header.vue.d.ts

@@ -1,15 +1,4 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    showCollapse?: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    showCollapse?: boolean;
-}>>> & 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, {
+    dropdownRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/Layout/Sidebar.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/Layout/Tabs.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/Layout/index.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/composables/useAuth.d.ts

@@ -1,24 +1,9 @@
 /**
- * 权限 Hook
- * 封装权限检查、按钮权限等逻辑
+ * 权限组合函数
  */
 export declare function useAuth(): {
-    isLoggedIn: import('vue').ComputedRef<boolean>;
-    userName: import('vue').ComputedRef<string>;
-    userInfo: import('vue').ComputedRef<{
-        uId: string;
-        appId: string;
-        userId: string;
-        userName: string;
-        departmentName?: string | undefined;
-        email?: string | undefined;
-        mobilePhone?: string | undefined;
-        positionName?: string | undefined;
-        avatar?: string | undefined;
-        workNo?: string | undefined;
-    } | null>;
     hasPermission: (permission: string | string[]) => boolean;
-    hasAnyPermission: (permissions: string[]) => boolean;
-    hasAllPermissions: (permissions: string[]) => boolean;
-    getCurrentPagePermissions: () => string[];
+    hasRole: (role: string | string[]) => boolean;
+    isAdmin: import('vue').ComputedRef<boolean>;
+    isLoggedIn: import('vue').ComputedRef<boolean>;
 };

package/dist/directives/permission.d.ts

@@ -1,5 +1,4 @@
 import { Directive } from 'vue';
-
 declare const permission: Directive;
 export default permission;
 export declare function setupPermissionDirective(app: any): void;