befly-admin 3.5.32 → 3.5.34

package/README.md

@@ -4,26 +4,26 @@
 
 ## 技术栈
 
--   **Vue 3** - 渐进式 JavaScript 框架
--   **TDesign Vue Next** - 企业级设计体系
--   **TypeScript** - 类型安全
--   **Vite** - 下一代前端构建工具
--   **SCSS** - CSS 预处理器
--   **Vue Router** - 路由管理
--   **Pinia** - 状态管理
--   **unplugin-auto-import** - API 自动导入
--   **unplugin-vue-components** - 组件自动导入
+- **Vue 3** - 渐进式 JavaScript 框架
+- **TDesign Vue Next** - 企业级设计体系
+- **TypeScript** - 类型安全
+- **Vite** - 下一代前端构建工具
+- **SCSS** - CSS 预处理器
+- **Vue Router** - 路由管理
+- **Pinia** - 状态管理
+- **unplugin-auto-import** - API 自动导入
+- **unplugin-vue-components** - 组件自动导入
 
 ## 特性
 
--   ✅ 自动导入 Vue3 API（ref、reactive、computed 等）
--   ✅ 自动导入 TDesign 组件（无需手动注册）
--   ✅ 自动导入 Vue Router 和 Pinia API
--   ✅ TypeScript 类型安全
--   ✅ SCSS 支持（全局变量 + Mixins）
--   ✅ 响应式布局
--   ✅ 路由权限控制
--   ✅ 代理配置（开发环境）
+- ✅ 自动导入 Vue3 API（ref、reactive、computed 等）
+- ✅ 自动导入 TDesign 组件（无需手动注册）
+- ✅ 自动导入 Vue Router 和 Pinia API
+- ✅ TypeScript 类型安全
+- ✅ SCSS 支持（全局变量 + Mixins）
+- ✅ 响应式布局
+- ✅ 路由权限控制
+- ✅ 代理配置（开发环境）
 
 ## 开发
 
@@ -72,14 +72,14 @@ admin/
 
 ```typescript
 // ❌ 不需要这样写
-import { ref, computed, onMounted } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import { defineStore } from 'pinia';
+import { ref, computed, onMounted } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import { defineStore } from "pinia";
 
 // ✅ 直接使用
 const count = ref(0);
 const router = useRouter();
-const store = defineStore('main', {});
+const store = defineStore("main", {});
 ```
 
 ### 组件自动导入
@@ -104,16 +104,16 @@ TDesign 组件无需手动导入和注册：
 
 ### Vite 配置
 
--   **自动导入配置**: `unplugin-auto-import` 和 `unplugin-vue-components`
--   **路径别名**: `@` 指向 `src` 目录
--   **开发服务器**: 端口 5173，自动打开浏览器
--   **代理配置**: `/api` 代理到 `http://localhost:3000`
+- **自动导入配置**: `unplugin-auto-import` 和 `unplugin-vue-components`
+- **路径别名**: `@` 指向 `src` 目录
+- **开发服务器**: 端口 5173，自动打开浏览器
+- **代理配置**: `/api` 代理到 `http://localhost:3000`
 
 ### TypeScript 配置
 
--   **严格模式**: 启用所有严格类型检查
--   **路径映射**: `@/*` 映射到 `src/*`
--   **自动生成类型**: `auto-imports.d.ts` 和 `components.d.ts`
+- **严格模式**: 启用所有严格类型检查
+- **路径映射**: `@/*` 映射到 `src/*`
+- **自动生成类型**: `auto-imports.d.ts` 和 `components.d.ts`
 
 ## 构建
 
@@ -126,10 +126,10 @@ bun run build
 
 构建优化：
 
--   代码分割（Vue、TDesign 单独打包）
--   Tree-shaking
--   压缩优化
--   Chunk size 限制：1500KB
+- 代码分割（Vue、TDesign 单独打包）
+- Tree-shaking
+- 压缩优化
+- Chunk size 限制：1500KB
 
 ## 注意事项
 

package/package.json

@@ -1,24 +1,20 @@
 {
     "name": "befly-admin",
-    "version": "3.5.32",
+    "version": "3.5.34",
+    "private": false,
     "description": "Befly Admin - 基于 Vue3 + TDesign Vue Next 的后台管理系统",
     "type": "module",
-    "private": false,
-    "publishConfig": {
-        "access": "public",
-        "registry": "https://registry.npmjs.org"
-    },
     "files": [
-        "src",
-        "public",
-        "index.html",
-        "vite.config.js",
         ".env",
         ".env.development",
         ".env.production",
         ".gitignore",
+        "README.md",
         "bunfig.toml",
-        "README.md"
+        "index.html",
+        "public",
+        "src",
+        "vite.config.js"
     ],
     "scripts": {
         "dev": "vite",
@@ -26,21 +22,25 @@
         "preview": "vite preview"
     },
     "dependencies": {
-        "@befly-addon/admin": "^1.1.30",
+        "@befly-addon/admin": "^1.1.32",
         "@iconify-json/lucide": "^1.2.80",
         "axios": "^1.13.2",
-        "befly-shared": "^1.2.8",
-        "befly-vite": "^1.1.11",
+        "befly-vite": "^1.1.12",
         "pinia": "^3.0.4",
-        "tdesign-vue-next": "^1.17.6",
-        "vite": "^8.0.0-beta.2",
-        "vue": "^3.5.25",
+        "tdesign-vue-next": "^1.17.7",
+        "unplugin-vue-router": "^0.19.0",
+        "vite": "^8.0.0-beta.3",
+        "vue": "^3.5.26",
         "vue-router": "^4.6.4"
     },
     "engines": {
+        "bun": ">=1.3.0",
         "node": ">=24.0.0",
-        "pnpm": ">=10.0.0",
-        "bun": ">=1.3.0"
+        "pnpm": ">=10.0.0"
+    },
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org"
     },
-    "gitHead": "8cb371928961c63d6c3c416c6dd667f8fe285376"
+    "gitHead": "0ba53d2bbdc6a7f2659ef60256cda7302fe585b0"
 }

package/src/App.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script setup>
-import { ConfigProvider } from 'tdesign-vue-next';
+import { ConfigProvider } from "tdesign-vue-next";
 
 const globalConfig = {
     dialog: {
@@ -15,12 +15,12 @@ const globalConfig = {
     },
     table: {
         // 表格默认配置
-        size: 'medium',
+        size: "medium",
         bordered: false,
         stripe: false,
         showHeader: true,
         // 列默认配置（需要在每个列上单独设置）
-        cellEmptyContent: '-'
+        cellEmptyContent: "-"
     }
 };
 </script>

package/src/components/DetailPanel.vue

@@ -31,8 +31,8 @@
 </template>
 
 <script setup>
-import { computed } from 'vue';
-import { Tag as TTag } from 'tdesign-vue-next';
+import { computed } from "vue";
+import { Tag as TTag } from "tdesign-vue-next";
 
 const props = defineProps({
     /**
@@ -57,14 +57,14 @@ const props = defineProps({
      */
     excludeKeys: {
         type: Array,
-        default: () => ['row-select', 'operation', 'index']
+        default: () => ["row-select", "operation", "index"]
     },
     /**
      * 空数据时的提示文字
      */
     emptyText: {
         type: String,
-        default: '暂无数据'
+        default: "暂无数据"
     }
 });
 
@@ -92,8 +92,8 @@ const normalizedFields = computed(() => {
  * @returns {string} 格式化后的值
  */
 function formatValue(value, field) {
-    if (value === null || value === undefined || value === '') {
-        return field.default || '-';
+    if (value === null || value === undefined || value === "") {
+        return field.default || "-";
     }
     if (field.formatter) {
         return field.formatter(value);

package/src/layouts/default.vue

@@ -17,7 +17,7 @@
                         <!-- 无子菜单 -->
                         <t-menu-item v-if="!menu.children || menu.children.length === 0" :value="menu.path">
                             <template #icon>
-                                <i-lucide:home v-if="menu.path === '/addon/admin/'" style="margin-right: 8px" />
+                                <i-lucide:home v-if="menu.path === '/dashboard' || menu.path === '/addon/admin/' || menu.path === '/addon/admin'" style="margin-right: 8px" />
                                 <i-lucide:file-text v-else style="margin-right: 8px" />
                             </template>
                             {{ menu.name }}
@@ -55,8 +55,8 @@
                         </div>
                     </t-upload>
                     <div class="user-info">
-                        <span class="user-name">{{ $Data.userInfo.nickname || '管理员' }}</span>
-                        <span class="user-role">{{ $Data.userInfo.role || '超级管理员' }}</span>
+                        <span class="user-name">{{ $Data.userInfo.nickname || "管理员" }}</span>
+                        <span class="user-role">{{ $Data.userInfo.role || "超级管理员" }}</span>
                     </div>
                     <t-button theme="default" variant="text" size="small" @click="$Method.handleLogout">
                         <template #icon>
@@ -75,12 +75,25 @@
 </template>
 
 <script setup>
-import { arrayToTree } from 'befly-shared/arrayToTree';
+import { arrayToTree } from "befly-vite/utils/arrayToTree";
+
+import { DialogPlugin } from "tdesign-vue-next";
 
 const router = useRouter();
 const route = useRoute();
 const global = useGlobal();
 
+const loginPath = "/addon/admin/login";
+
+const normalizePath = (path) => {
+    if (typeof path !== "string") {
+        return path;
+    }
+
+    const normalized = path.replace(/\/+$/, "");
+    return normalized.length === 0 ? "/" : normalized;
+};
+
 const $From = {
     treeMenuRef: null
 };
@@ -90,11 +103,11 @@ const $Data = $ref({
     userMenus: [],
     userMenusFlat: [], // 一维菜单数据
     expandedKeys: [],
-    currentMenuKey: '',
+    currentMenuKey: "",
     userInfo: {
-        nickname: '管理员',
-        role: '超级管理员',
-        avatar: '' // 用户头像
+        nickname: "管理员",
+        role: "超级管理员",
+        avatar: "" // 用户头像
     }
 });
 
@@ -103,22 +116,89 @@ const $Method = {
     // 获取用户菜单权限
     async fetchUserMenus() {
         try {
-            const { data } = await $Http('/addon/admin/menu/all');
+            const { data } = await $Http("/addon/admin/menu/all");
+            const lists = Array.isArray(data?.lists) ? data.lists : [];
+
+            const bizMenus = [];
+            const routeRecords = router.getRoutes();
+
+            for (const record of routeRecords) {
+                const path = normalizePath(record.path);
+
+                if (typeof path !== "string") {
+                    continue;
+                }
+
+                if (path === "/") {
+                    continue;
+                }
+
+                if (path === normalizePath(loginPath)) {
+                    continue;
+                }
+
+                if (path.startsWith("/addon/")) {
+                    continue;
+                }
+
+                const title = typeof record.meta?.title === "string" ? record.meta.title : "";
+                if (title.length === 0) {
+                    continue;
+                }
+
+                if (bizMenus.some((m) => m.path === path)) {
+                    continue;
+                }
+
+                bizMenus.push({
+                    id: `biz_${path.replace(/[^a-zA-Z0-9]+/g, "_")}`,
+                    pid: "biz",
+                    name: title,
+                    path: path
+                });
+            }
+
+            bizMenus.sort((a, b) => String(a.path).localeCompare(String(b.path)));
+
+            const bizMenusFlat =
+                bizMenus.length > 0
+                    ? [
+                          {
+                              id: "biz",
+                              pid: 0,
+                              name: "业务",
+                              path: ""
+                          }
+                      ].concat(bizMenus)
+                    : [];
+
+            const normalizedLists = lists.map((menu) => {
+                const menuPath = normalizePath(menu?.path);
+                return Object.assign({}, menu, { path: menuPath });
+            });
+
+            const mergedLists = bizMenusFlat.concat(normalizedLists);
+
             // 保存一维数据（data 是 { lists: [] } 格式）
-            $Data.userMenusFlat = data.lists || [];
-            $Data.userMenus = arrayToTree(data.lists || []);
+            $Data.userMenusFlat = mergedLists;
+            $Data.userMenus = arrayToTree(mergedLists);
             $Method.setActiveMenu();
         } catch (error) {
-            console.error('获取用户菜单失败:', error);
+            MessagePlugin.error("获取用户菜单失败");
         }
     },
 
     // 设置当前激活的菜单（从一维数据查找并构建父级链）
     setActiveMenu() {
         const currentPath = route.path;
+        const normalizedCurrentPath = normalizePath(currentPath);
 
         // 在一维数据中查找当前路径对应的菜单
-        const currentMenu = $Data.userMenusFlat.find((menu) => menu.path === currentPath);
+        const currentMenu = $Data.userMenusFlat.find((menu) => {
+            const menuPath = menu.path;
+            const normalizedMenuPath = normalizePath(menuPath);
+            return normalizedMenuPath === normalizedCurrentPath;
+        });
 
         if (!currentMenu) {
             return;
@@ -146,41 +226,76 @@ const $Method = {
 
     // 处理菜单点击
     onMenuClick(path) {
-        if (path) {
+        if (typeof path === "string" && path.startsWith("/")) {
             router.push(path);
         }
     },
 
     // 处理退出登录
     handleLogout() {
-        const dialog = DialogPlugin.confirm({
-            body: '确定要退出登录吗？',
-            header: '确认',
-            onConfirm: () => {
+        let dialog = null;
+        let destroyed = false;
+
+        const destroy = () => {
+            if (destroyed) return;
+            destroyed = true;
+            if (dialog && typeof dialog.destroy === "function") {
                 dialog.destroy();
-                $Storage.local.remove('token');
-                router.push('/internal/login');
-                MessagePlugin.success('退出成功');
+            }
+        };
+
+        dialog = DialogPlugin.confirm({
+            header: "确认退出登录",
+            body: "确定要退出登录吗？",
+            status: "warning",
+            onConfirm: async () => {
+                if (dialog && typeof dialog.setConfirmLoading === "function") {
+                    dialog.setConfirmLoading(true);
+                }
+
+                try {
+                    $Storage.local.remove("token");
+                    await router.push(loginPath);
+                    MessagePlugin.success("退出成功");
+                    destroy();
+                } catch (error) {
+                    MessagePlugin.error("退出失败");
+                    destroy();
+                } finally {
+                    if (dialog && typeof dialog.setConfirmLoading === "function") {
+                        dialog.setConfirmLoading(false);
+                    }
+                }
+            },
+            onClose: () => {
+                destroy();
             }
         });
     },
 
     // 处理系统设置
     handleSettings() {
-        router.push('/addon/admin/settings');
+        router.push("/addon/admin/settings");
     },
 
     // 头像上传成功
     onAvatarUploadSuccess(res) {
         if (res.response?.code === 0 && res.response?.data?.url) {
             $Data.userInfo.avatar = res.response.data.url;
-            MessagePlugin.success('头像上传成功');
+            MessagePlugin.success("头像上传成功");
             // TODO: 可以调用接口保存用户头像
         }
     }
 };
 
 $Method.fetchUserMenus();
+
+watch(
+    () => route.path,
+    () => {
+        $Method.setActiveMenu();
+    }
+);
 </script>
 
 <style scoped lang="scss">
@@ -260,7 +375,7 @@ $Method.fetchUserMenus();
                         font-weight: var(--font-weight-medium);
 
                         &::before {
-                            content: '';
+                            content: "";
                             position: absolute;
                             left: 0;
                             top: 50%;

package/src/main.js

@@ -1,22 +1,14 @@
-import App from './App.vue';
-
+// 引入 TDesign 组件
+import { Table as TTable } from "tdesign-vue-next";
 // 引入 TDesign 样式
-import 'tdesign-vue-next/es/style/index.css';
-
+import "tdesign-vue-next/es/style/index.css";
 // 引入 UnoCSS 样式
-import 'virtual:uno.css';
-
+import "virtual:uno.css";
 // 引入 addonAdmin 的 CSS 变量
-import '@befly-addon/admin/styles/variables.scss';
-
+import "@befly-addon/admin/styles/variables.scss";
 // 引入全局基础样式（reset、通用类、滚动条等）
-import '@/styles/global.scss';
-
-// 引入路由实例
-import { router } from './router';
-
-// 引入 TDesign 组件
-import { Table as TTable } from 'tdesign-vue-next';
+import "@/styles/global.scss";
+import App from "./App.vue";
 
 const app = createApp(App);
 
@@ -27,21 +19,21 @@ app.use(createPinia());
 app.use(router);
 
 // 全局配置 TTable 默认属性
-app.component('TTable', {
+app.component("TTable", {
     ...TTable,
     props: {
         ...TTable.props,
         bordered: {
             type: [Boolean, Object],
-            default: () => ({ cell: 'horizontal' })
+            default: () => ({ cell: "horizontal" })
         },
         size: {
             type: String,
-            default: 'small'
+            default: "small"
         },
         height: {
             type: [String, Number],
-            default: '100%'
+            default: "100%"
         },
         selectOnRowClick: {
             type: Boolean,
@@ -49,9 +41,9 @@ app.component('TTable', {
         },
         activeRowType: {
             type: String,
-            default: 'single'
+            default: "single"
         }
     }
 });
 
-app.mount('#app');
+app.mount("#app");

package/src/plugins/config.js

@@ -0,0 +1,29 @@
+/**
+ * 内部配置
+ * 存放框架内置的配置变量，不建议修改
+ */
+
+/**
+ * 内置配置对象
+ */
+export const $Config = {
+    /** 应用标题 */
+    appTitle: import.meta.env.VITE_APP_TITLE || "野蜂飞舞",
+    /** API 基础地址 */
+    apiBaseUrl: import.meta.env.VITE_API_BASE_URL || "",
+
+    /** 上传地址（优先使用 VITE_UPLOAD_URL；否则基于 VITE_API_BASE_URL 拼接 /upload） */
+    uploadUrl: import.meta.env.VITE_UPLOAD_URL || ((import.meta.env.VITE_API_BASE_URL || "").length > 0 ? `${import.meta.env.VITE_API_BASE_URL}/upload` : "/upload"),
+    /** 存储命名空间 */
+    storageNamespace: import.meta.env.VITE_STORAGE_NAMESPACE || "befly_admin",
+
+    /** 登录页路径（可通过 VITE_LOGIN_PATH 覆盖） */
+    loginPath: import.meta.env.VITE_LOGIN_PATH || "/addon/admin/login",
+
+    /** 首页路径（可通过 VITE_HOME_PATH 覆盖） */
+    homePath: import.meta.env.VITE_HOME_PATH || "/dashboard",
+    /** 是否开发环境 */
+    isDev: import.meta.env.DEV,
+    /** 是否生产环境 */
+    isProd: import.meta.env.PROD
+};

package/src/plugins/global.js

@@ -2,7 +2,7 @@
  * 全局状态管理
  * 集中管理所有全局数据，避免分散到多个 store 文件
  */
-export const useGlobal = defineStore('global', () => {
+export const useGlobal = defineStore("global", () => {
     // ==================== 全局数据 ====================
     const data = $ref({});
 

package/src/plugins/http.js

@@ -1,6 +1,7 @@
-import axios from 'axios';
-import { MessagePlugin } from 'tdesign-vue-next';
-import { $Storage } from './storage';
+import axios from "axios";
+import { MessagePlugin } from "tdesign-vue-next";
+
+import { $Storage } from "./storage";
 
 /**
  * @typedef {Object} ApiResponse
@@ -14,7 +15,7 @@ const request = axios.create({
     baseURL: import.meta.env.VITE_API_BASE_URL,
     timeout: 10000,
     headers: {
-        'Content-Type': 'application/json'
+        "Content-Type": "application/json"
     }
 });
 
@@ -22,22 +23,13 @@ const request = axios.create({
 request.interceptors.request.use(
     (config) => {
         // 添加 token
-        const token = $Storage.local.get('token');
+        const token = $Storage.local.get("token");
         if (token) {
             config.headers.Authorization = `Bearer ${token}`;
-            // 开发环境下打印 token 信息
-            if (import.meta.env.DEV) {
-                console.log('[HTTP] 请求携带 token:', token.substring(0, 20) + '...');
-            }
-        } else {
-            if (import.meta.env.DEV) {
-                console.log('[HTTP] 请求未携带 token');
-            }
         }
         return config;
     },
     (error) => {
-        console.error('[Request] 请求错误:', error);
         return Promise.reject(error);
     }
 );
@@ -51,7 +43,7 @@ request.interceptors.response.use(
         if (res.code !== 0) {
             return Promise.reject({
                 code: res.code,
-                msg: res.msg || '请求失败',
+                msg: res.msg || "请求失败",
                 data: res.data
             });
         }
@@ -60,10 +52,10 @@ request.interceptors.response.use(
         return res;
     },
     (error) => {
-        MessagePlugin.error('网络连接失败');
+        MessagePlugin.error("网络连接失败");
         return Promise.reject({
             code: -1,
-            msg: '网络连接失败',
+            msg: "网络连接失败",
             error: error
         });
     }
@@ -78,11 +70,11 @@ request.interceptors.response.use(
  * @param {import('axios').AxiosRequestConfig} [config] - axios 请求配置
  * @returns {Promise<any>} 成功返回 data，失败抛出 {code, msg, data} 对象
  */
-export function $Http(url, data = {}, method = 'post', config) {
+export function $Http(url, data = {}, method = "post", config) {
     const methodLower = method.toLowerCase();
 
     // GET 请求将 data 作为 params
-    if (methodLower === 'get') {
+    if (methodLower === "get") {
         return request.get(url, {
             ...config,
             params: data