befly-admin 3.2.1 → 3.3.1

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "befly-admin",
-    "version": "3.2.1",
-    "description": "Befly Admin - 基于 Vue3 + TDesign 的后台管理系统",
+    "version": "3.3.1",
+    "description": "Befly Admin - 基于 Vue3 + OpenTiny Vue 的后台管理系统",
     "type": "module",
     "private": false,
     "publishConfig": {
@@ -38,5 +38,5 @@
         "node": ">=22.0.0",
         "pnpm": ">=9.0.0"
     },
-    "gitHead": "a1808ee7bb1722de50f09da5eda9eb982e9ad350"
+    "gitHead": "66e103e5effbb89dd6de894972766fa1a03d564e"
 }

package/src/layouts/0.vue

@@ -9,7 +9,6 @@
                 <tiny-dropdown title="管理员" trigger="click" border type="info" @item-click="$Method.handleUserMenu">
                     <template #dropdown>
                         <tiny-dropdown-menu>
-                            <tiny-dropdown-item :item-data="{ value: 'clearCache' }">刷新缓存</tiny-dropdown-item>
                             <tiny-dropdown-item :item-data="{ value: 'logout' }" divided>退出登录</tiny-dropdown-item>
                         </tiny-dropdown-menu>
                     </template>
@@ -54,7 +53,7 @@ const $Method = {
     // 获取用户菜单权限
     async fetchUserMenus() {
         try {
-            const { data } = await $Http('/addon/admin/menuAll');
+            const { data } = await $Http('/core/menu/all');
             // 将一维数组转换为树形结构（最多2级）
             $Data.userMenus = arrayToTree(data);
             $Method.setActiveMenu();
@@ -102,7 +101,7 @@ const $Method = {
     handleUserMenu(data) {
         const value = data.itemData?.value || data.value;
         if (value === 'logout') {
-            localStorage.removeItem('token');
+            $Storage.local.remove('token');
             router.push('/login');
             Modal.message({ message: '退出成功', status: 'success' });
         } else if (value === 'clearCache') {

package/src/layouts/2.vue

@@ -10,7 +10,7 @@ const route = useRoute();
 
 // 响应式数据
 const $Data = $ref({
-    collapsed: localStorage.getItem('sidebar-collapsed') === 'true',
+    collapsed: $Storage.local.get('sidebar-collapsed') === 'true',
     expandedKeys: [],
     menuItems: []
 });
@@ -20,7 +20,7 @@ const $Method = {
     // 切换折叠状态
     toggleCollapse() {
         $Data.collapsed = !$Data.collapsed;
-        localStorage.setItem('sidebar-collapsed', String($Data.collapsed));
+        $Storage.local.set('sidebar-collapsed', String($Data.collapsed));
     }
 };
 
@@ -89,9 +89,12 @@ const handleMenuChange = (value) => {
 
 const handleUserMenu = (data) => {
     if (data.value === 'logout') {
-        localStorage.removeItem('token');
+        $Storage.local.remove('token');
         router.push('/login');
-        MessagePlugin.success('退出成功');
+        Modal.message({
+            message: '退出成功',
+            status: 'success'
+        });
     }
 };
 </script>

package/src/plugins/http.ts

@@ -1,5 +1,6 @@
 import axios, { type AxiosInstance, type AxiosRequestConfig, type AxiosResponse } from 'axios';
 import { Modal } from '@opentiny/vue';
+import { $Storage } from './storage';
 
 // API 响应格式
 interface ApiResponse<T = any> {
@@ -21,7 +22,7 @@ const request: AxiosInstance = axios.create({
 request.interceptors.request.use(
     (config) => {
         // 添加 token
-        const token = localStorage.getItem('token');
+        const token = $Storage.local.get('token');
         if (token) {
             config.headers.Authorization = `Bearer ${token}`;
             // 开发环境下打印 token 信息
@@ -70,13 +71,6 @@ request.interceptors.response.use(
  * @param method - 请求方法，默认为 'post'，可选 'get' | 'post'
  * @param config - axios 请求配置
  * @returns Promise<ApiResponse<T>>
- *
- * @example
- * // POST 请求（默认）
- * await $Http('/addon/admin/login', { email, password });
- *
- * // GET 请求
- * await $Http('/addon/admin/info', {}, 'get');
  */
 export function $Http<T = any>(url: string, data: any = {}, method: 'get' | 'post' = 'post', config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
     const methodLower = method.toLowerCase() as 'get' | 'post';

package/src/plugins/router.ts

@@ -1,5 +1,6 @@
 import { createRouter, createWebHashHistory } from 'vue-router';
 import autoRoutes from 'virtual:auto-routes';
+import { $Storage } from './storage';
 
 /**
  * 创建并导出路由实例
@@ -20,7 +21,7 @@ router.beforeEach(async (to, from, next) => {
         document.title = titlePrefix;
     }
 
-    const token = localStorage.getItem('token');
+    const token = $Storage.local.get('token');
 
     // 判断是否为公开路由：使用 layout0 的需要登录，其他 layout 为公开路由
     const isProtectedRoute = to.matched.some((record) => record.name === 'layout0');

package/src/plugins/storage.ts

@@ -0,0 +1,146 @@
+/**
+ * Storage 封装
+ * 支持命名空间隔离，统一管理 localStorage 和 sessionStorage
+ */
+
+// 获取命名空间
+const NAMESPACE = import.meta.env.VITE_STORAGE_NAMESPACE || 'befly';
+
+/**
+ * 存储操作类
+ */
+class StorageManager {
+    private localStorage: Storage;
+    private sessionStorage: Storage;
+    private namespace: string;
+
+    constructor(namespace: string = NAMESPACE) {
+        this.localStorage = window.localStorage;
+        this.sessionStorage = window.sessionStorage;
+        this.namespace = namespace;
+    }
+
+    /**
+     * 生成带命名空间的key
+     */
+    private getKey(key: string): string {
+        return `${this.namespace}:${key}`;
+    }
+
+    /**
+     * 创建存储操作方法
+     */
+    private createStorageOps(storage: Storage) {
+        return {
+            /**
+             * 设置存储
+             * @param key 键名
+             * @param value 值（自动序列化）
+             */
+            set: (key: string, value: any): void => {
+                try {
+                    const fullKey = this.getKey(key);
+                    const serializedValue = JSON.stringify(value);
+                    storage.setItem(fullKey, serializedValue);
+                } catch (error) {
+                    console.error(`Storage.set error for key "${key}":`, error);
+                }
+            },
+
+            /**
+             * 获取存储
+             * @param key 键名
+             * @param defaultValue 默认值
+             * @returns 解析后的值
+             */
+            get: <T = any>(key: string, defaultValue: T | null = null): T | null => {
+                try {
+                    const fullKey = this.getKey(key);
+                    const value = storage.getItem(fullKey);
+                    if (value === null) {
+                        return defaultValue;
+                    }
+                    return JSON.parse(value) as T;
+                } catch (error) {
+                    console.error(`Storage.get error for key "${key}":`, error);
+                    return defaultValue;
+                }
+            },
+
+            /**
+             * 删除存储
+             * @param key 键名
+             */
+            remove: (key: string): void => {
+                try {
+                    const fullKey = this.getKey(key);
+                    storage.removeItem(fullKey);
+                } catch (error) {
+                    console.error(`Storage.remove error for key "${key}":`, error);
+                }
+            },
+
+            /**
+             * 清空当前命名空间下的所有存储
+             */
+            clear: (): void => {
+                try {
+                    const keys = Object.keys(storage);
+                    const prefix = `${this.namespace}:`;
+                    keys.forEach((key) => {
+                        if (key.startsWith(prefix)) {
+                            storage.removeItem(key);
+                        }
+                    });
+                } catch (error) {
+                    console.error('Storage.clear error:', error);
+                }
+            },
+
+            /**
+             * 检查键是否存在
+             * @param key 键名
+             * @returns 是否存在
+             */
+            has: (key: string): boolean => {
+                try {
+                    const fullKey = this.getKey(key);
+                    return storage.getItem(fullKey) !== null;
+                } catch (error) {
+                    console.error(`Storage.has error for key "${key}":`, error);
+                    return false;
+                }
+            },
+
+            /**
+             * 获取所有当前命名空间的键
+             * @returns 键名数组（不含命名空间前缀）
+             */
+            keys: (): string[] => {
+                try {
+                    const allKeys = Object.keys(storage);
+                    const prefix = `${this.namespace}:`;
+                    return allKeys.filter((key) => key.startsWith(prefix)).map((key) => key.replace(prefix, ''));
+                } catch (error) {
+                    console.error('Storage.keys error:', error);
+                    return [];
+                }
+            }
+        };
+    }
+
+    /** localStorage 操作 */
+    get local() {
+        return this.createStorageOps(this.localStorage);
+    }
+
+    /** sessionStorage 操作 */
+    get session() {
+        return this.createStorageOps(this.sessionStorage);
+    }
+}
+
+/**
+ * 统一的存储操作对象（单例）
+ */
+export const $Storage = new StorageManager();

package/src/views/403/403.vue

@@ -1,11 +1,14 @@
 <template>
     <div class="error-page">
-        <t-result status="403" title="无权限访问" description="抱歉，您没有访问该页面的权限">
-            <template #extra>
-                <t-button theme="primary" @click="$Method.goHome">返回首页</t-button>
-                <t-button theme="default" @click="$Method.goBack">返回上一页</t-button>
-            </template>
-        </t-result>
+        <div class="error-content">
+            <div class="error-code">403</div>
+            <h1 class="error-title">无权限访问</h1>
+            <p class="error-description">抱歉，您没有访问该页面的权限</p>
+            <div class="error-actions">
+                <tiny-button type="primary" @click="$Method.goHome">返回首页</tiny-button>
+                <tiny-button @click="$Method.goBack">返回上一页</tiny-button>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -29,5 +32,35 @@ const $Method = {
     justify-content: center;
     min-height: 100vh;
     background: $bg-color-page;
+
+    .error-content {
+        text-align: center;
+
+        .error-code {
+            font-size: 120px;
+            font-weight: bold;
+            color: #ff6b6b;
+            margin-bottom: 20px;
+        }
+
+        .error-title {
+            font-size: 24px;
+            font-weight: 600;
+            color: $text-primary;
+            margin-bottom: 12px;
+        }
+
+        .error-description {
+            font-size: 14px;
+            color: $text-secondary;
+            margin-bottom: 30px;
+        }
+
+        .error-actions {
+            display: flex;
+            gap: 12px;
+            justify-content: center;
+        }
+    }
 }
 </style>

package/src/views/admin/components/edit.vue

@@ -1,6 +1,6 @@
 <template>
     <tiny-dialog-box v-model:visible="$Data.visible" :title="$Prop.actionType === 'upd' ? '编辑管理员' : '添加管理员'" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="10vh" @close="$Method.onClose">
-        <tiny-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($Form.form = el)">
+        <tiny-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
             <tiny-form-item label="用户名" prop="username">
                 <tiny-input v-model="$Data.formData.username" placeholder="请输入用户名" :disabled="$Prop.actionType === 'upd'" />
             </tiny-form-item>
@@ -52,7 +52,7 @@ const $Prop = defineProps({
 const $Emit = defineEmits(['update:modelValue', 'success']);
 
 // 表单引用
-const $Form = $shallowRef({
+const $From = $shallowRef({
     form: null
 });
 
@@ -118,7 +118,7 @@ const $Method = {
 
     async onSubmit() {
         try {
-            const valid = await $Form.form.validate();
+            const valid = await $From.form.validate();
             if (!valid) return;
 
             const res = await $Http($Prop.actionType === 'upd' ? '/addon/admin/adminUpd' : '/addon/admin/adminIns', $Data.formData);

package/src/views/admin/components/role.vue

@@ -58,7 +58,7 @@ const $Method = {
     // 加载角色列表
     async apiRoleList() {
         try {
-            const res = await $Http('/addon/admin/roleList', {
+            const res = await $Http('/core/role/list', {
                 page: 1,
                 limit: 1000
             });
@@ -80,7 +80,7 @@ const $Method = {
         if (!$Prop.rowData.id) return;
 
         try {
-            const res = await $Http('/addon/admin/adminRoleDetail', {
+            const res = await $Http('/core/roleDetail', {
                 adminId: $Prop.rowData.id
             });
             $Data.checkedRoleCode = res.data.roleCode || '';
@@ -97,7 +97,7 @@ const $Method = {
         }
 
         try {
-            const res = await $Http('/addon/admin/adminRoleSave', {
+            const res = await $Http('/core/roleSave', {
                 adminId: $Prop.rowData.id,
                 roleCode: $Data.checkedRoleCode
             });

package/src/views/admin/index.vue

@@ -99,7 +99,7 @@ const $Method = {
     // 加载管理员列表
     async apiAdminList() {
         try {
-            const res = await $Http('/addon/admin/adminList', {
+            const res = await $Http('/core/list', {
                 page: $Data.pagerConfig.currentPage,
                 limit: $Data.pagerConfig.pageSize
             });
@@ -122,7 +122,7 @@ const $Method = {
             status: 'warning'
         }).then(async () => {
             try {
-                const res = await $Http('/addon/admin/adminDel', { id: row.id });
+                const res = await $Http('/core/del', { id: row.id });
                 if (res.code === 0) {
                     Modal.message({ message: '删除成功', status: 'success' });
                     $Method.apiAdminList();

package/src/views/dict/components/edit.vue

@@ -1,6 +1,6 @@
 <template>
     <tiny-dialog-box v-model:visible="$Data.visible" :title="$Prop.actionType === 'upd' ? '编辑字典' : '添加字典'" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="10vh" @close="$Method.onClose">
-        <tiny-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($Form.form = el)">
+        <tiny-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
             <tiny-form-item label="字典名称" prop="name">
                 <tiny-input v-model="$Data.formData.name" placeholder="请输入字典名称" />
             </tiny-form-item>
@@ -52,7 +52,7 @@ const $Prop = defineProps({
 const $Emit = defineEmits(['update:modelValue', 'success']);
 
 // 表单引用
-const $Form = $shallowRef({
+const $From = $shallowRef({
     form: null
 });
 
@@ -120,7 +120,7 @@ const $Method = {
 
     async onSubmit() {
         try {
-            const valid = await $Form.form.validate();
+            const valid = await $From.form.validate();
             if (!valid) return;
 
             const res = await $Http($Prop.actionType === 'add' ? '/addon/admin/dictIns' : '/addon/admin/dictUpd', $Data.formData);

package/src/views/dict/index.vue

@@ -91,7 +91,7 @@ const $Method = {
     // 加载字典列表
     async apiDictList() {
         try {
-            const res = await $Http('/addon/admin/dictList', {
+            const res = await $Http('/core/dict/list', {
                 page: $Data.pagerConfig.currentPage,
                 limit: $Data.pagerConfig.pageSize
             });
@@ -114,7 +114,7 @@ const $Method = {
             status: 'warning'
         }).then(async () => {
             try {
-                const res = await $Http('/addon/admin/dictDel', { id: row.id });
+                const res = await $Http('/core/dict/del', { id: row.id });
                 if (res.code === 0) {
                     Modal.message({ message: '删除成功', status: 'success' });
                     $Method.apiDictList();

package/src/views/index/components/{AddonList.vue → addonList.vue}

@@ -14,7 +14,7 @@
                     <div class="addon-info">
                         <div class="addon-title">
                             <span class="addon-name">{{ addon.title }}</span>
-                            <t-tag theme="success" variant="outline" size="small">{{ addon.version }}</t-tag>
+                            <tiny-tag type="success" size="small">{{ addon.version }}</tiny-tag>
                         </div>
                         <div class="addon-desc">{{ addon.description }}</div>
                     </div>
@@ -31,7 +31,7 @@ const addonList = $ref([]);
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboardAddonList');
+        const { data } = await $Http('/core/dashboard/addonList');
         addonList.splice(0, addonList.length, ...data);
     } catch (error) {
         console.error('获取插件列表失败:', error);

package/src/views/index/components/{EnvironmentInfo.vue → environmentInfo.vue}

@@ -49,7 +49,7 @@ const environmentInfo = $ref({
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboardEnvironmentInfo');
+        const { data } = await $Http('/core/dashboard/environmentInfo');
         Object.assign(environmentInfo, data);
     } catch (error) {
         console.error('获取运行环境信息失败:', error);

package/src/views/index/components/{OperationLogs.vue → operationLogs.vue}

@@ -22,9 +22,9 @@
                         <span class="col-module">{{ log.module }}</span>
                         <span class="col-ip">{{ log.ip }}</span>
                         <span class="col-status">
-                            <t-tag :theme="log.status === 'success' ? 'success' : 'danger'" size="small" variant="light">
+                            <tiny-tag :type="log.status === 'success' ? 'success' : 'danger'" size="small">
                                 {{ log.status === 'success' ? '成功' : '失败' }}
-                            </t-tag>
+                            </tiny-tag>
                         </span>
                     </div>
                 </div>

package/src/views/index/components/{PerformanceMetrics.vue → performanceMetrics.vue}

@@ -65,7 +65,7 @@ const performanceMetrics = $ref({
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboardPerformanceMetrics');
+        const { data } = await $Http('/core/dashboard/performanceMetrics');
         Object.assign(performanceMetrics, data);
     } catch (error) {
         console.error('获取性能指标失败:', error);

package/src/views/index/components/{QuickActions.vue → quickActions.vue}

@@ -1,12 +1,12 @@
 <template>
     <div class="section-block">
         <div class="section-content">
-            <t-button theme="primary" size="large" @click="handleClearCache">
-                <template #icon>
+            <tiny-button type="primary" size="large" @click="handleClearCache">
+                <template #prefix>
                     <Icon name="RotateCw" :size="18" />
                 </template>
                 刷新缓存
-            </t-button>
+            </tiny-button>
         </div>
     </div>
 </template>

package/src/views/index/components/{ServiceStatus.vue → serviceStatus.vue}

@@ -33,7 +33,7 @@ const services = $ref([]);
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboardServiceStatus');
+        const { data } = await $Http('/core/dashboard/serviceStatus');
         services.splice(0, services.length, ...data.services);
     } catch (error) {
         console.error('获取服务状态失败:', error);

package/src/views/index/components/{SystemNotifications.vue → systemNotifications.vue}

@@ -14,7 +14,7 @@
                         <span class="notification-title">{{ notification.title }}</span>
                         <span class="notification-time">{{ formatTime(notification.createdAt) }}</span>
                     </div>
-                    <t-tag v-if="!notification.isRead" theme="primary" size="small" variant="light">新</t-tag>
+                    <tiny-tag v-if="!notification.isRead" type="primary" size="small">新</tiny-tag>
                 </div>
             </div>
         </div>

package/src/views/index/components/{SystemOverview.vue → systemOverview.vue}

@@ -5,8 +5,8 @@
             <h2>系统概览</h2>
         </div>
         <div class="section-content">
-            <t-row :gutter="12">
-                <t-col :xs="24" :sm="12" :md="12" :lg="12">
+            <tiny-row :flex="true" :gap="12">
+                <tiny-col :xs="24" :sm="12" :md="12" :lg="12">
                     <div class="info-block">
                         <div class="stats-grid">
                             <div class="stat-box stat-primary">
@@ -32,8 +32,8 @@
                             </div>
                         </div>
                     </div>
-                </t-col>
-            </t-row>
+                </tiny-col>
+            </tiny-row>
         </div>
     </div>
 </template>
@@ -49,7 +49,7 @@ const permissionStats = $ref({
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboardSystemOverview');
+        const { data } = await $Http('/core/dashboard/systemOverview');
         Object.assign(permissionStats, data);
     } catch (error) {
         console.error('获取系统概览失败:', error);

package/src/views/index/components/{SystemResources.vue → systemResources.vue}

@@ -13,7 +13,7 @@
                         <span class="resource-value">{{ systemResources.cpu.usage }}%</span>
                         <span class="resource-desc">{{ systemResources.cpu.cores }}核心</span>
                     </div>
-                    <t-progress :percentage="systemResources.cpu.usage" :theme="getProgressColor(systemResources.cpu.usage)" size="small" />
+                    <tiny-progress :percentage="systemResources.cpu.usage" :status="getProgressColor(systemResources.cpu.usage)" />
                 </div>
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
@@ -22,7 +22,7 @@
                         <span class="resource-value">{{ systemResources.memory.percentage }}%</span>
                         <span class="resource-desc">{{ systemResources.memory.used }}GB / {{ systemResources.memory.total }}GB</span>
                     </div>
-                    <t-progress :percentage="systemResources.memory.percentage" :theme="getProgressColor(systemResources.memory.percentage)" size="small" />
+                    <tiny-progress :percentage="systemResources.memory.percentage" :status="getProgressColor(systemResources.memory.percentage)" />
                 </div>
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
@@ -31,7 +31,7 @@
                         <span class="resource-value">{{ systemResources.disk.percentage }}%</span>
                         <span class="resource-desc">{{ systemResources.disk.used }}GB / {{ systemResources.disk.total }}GB</span>
                     </div>
-                    <t-progress :percentage="systemResources.disk.percentage" :theme="getProgressColor(systemResources.disk.percentage)" size="small" />
+                    <tiny-progress :percentage="systemResources.disk.percentage" :status="getProgressColor(systemResources.disk.percentage)" />
                 </div>
             </div>
         </div>
@@ -49,7 +49,7 @@ const systemResources = $ref({
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/dashboardSystemResources');
+        const { data } = await $Http('/core/dashboard/systemResources');
         Object.assign(systemResources, data);
     } catch (error) {
         console.error('获取系统资源失败:', error);

package/src/views/index/components/{UserInfo.vue → userInfo.vue}

@@ -33,7 +33,7 @@ const userInfo = $ref({});
 // 获取数据
 const fetchData = async () => {
     try {
-        const { data } = await $Http('/addon/admin/adminInfo');
+        const { data } = await $Http('/core/admin/info');
         Object.assign(userInfo, data);
     } catch (error) {
         console.error('获取用户信息失败:', error);

package/src/views/index/index.vue

@@ -15,13 +15,13 @@
 </template>
 
 <script setup>
-import SystemOverview from './components/SystemOverview.vue';
-import ServiceStatus from './components/ServiceStatus.vue';
-import UserInfo from './components/UserInfo.vue';
-import AddonList from './components/AddonList.vue';
-import SystemResources from './components/SystemResources.vue';
-import PerformanceMetrics from './components/PerformanceMetrics.vue';
-import EnvironmentInfo from './components/EnvironmentInfo.vue';
+import SystemOverview from './components/systemOverview.vue';
+import ServiceStatus from './components/serviceStatus.vue';
+import UserInfo from './components/userInfo.vue';
+import AddonList from './components/addonList.vue';
+import SystemResources from './components/systemResources.vue';
+import PerformanceMetrics from './components/performanceMetrics.vue';
+import EnvironmentInfo from './components/environmentInfo.vue';
 </script>
 
 <style scoped lang="scss">