befly-admin 3.4.5 → 3.4.7

package/src/layouts/internal/2.vue

@@ -1,169 +0,0 @@
-<template>
-    <div class="layout-container">
-        <RouterView />
-    </div>
-</template>
-
-<script setup>
-const router = useRouter();
-const route = useRoute();
-
-// 响应式数据
-const $Data = $ref({
-    collapsed: $Storage.local.get('sidebar-collapsed') === 'true',
-    expandedKeys: [],
-    menuItems: []
-});
-
-// 方法
-const $Method = {
-    // 切换折叠状态
-    toggleCollapse() {
-        $Data.collapsed = !$Data.collapsed;
-        $Storage.local.set('sidebar-collapsed', String($Data.collapsed));
-    }
-};
-
-// 当前激活菜单
-const activeMenu = computed(() => route.name);
-const currentTitle = computed(() => route.meta.title || '');
-
-// 图标映射（根据路由名称首段匹配）
-const iconMap = {
-    index: DashboardIcon,
-    user: UserIcon,
-    news: FileIcon,
-    system: SettingIcon,
-    default: AppIcon
-};
-
-// 从路由构建菜单结构
-function buildMenuFromRoutes() {
-    const routes = router.getRoutes();
-    // 过滤掉布局路由和登录页
-    const pageRoutes = routes.filter((r) => r.name && r.name !== 'layout0' && r.name !== 'login' && !String(r.name).startsWith('layout'));
-    const menuTree = {};
-    for (const r of pageRoutes) {
-        const name = String(r.name);
-        const segments = name.split('-');
-        const firstSeg = segments[0];
-        // 一级菜单
-        if (!menuTree[firstSeg]) {
-            menuTree[firstSeg] = {
-                value: segments.length === 1 ? name : firstSeg,
-                label: firstSeg.charAt(0).toUpperCase() + firstSeg.slice(1),
-                icon: iconMap[firstSeg] || iconMap.default,
-                children: []
-            };
-        }
-        // 多级路由加入子菜单
-        if (segments.length > 1) {
-            menuTree[firstSeg].children.push({
-                value: name,
-                label: segments.slice(1).join(' / ')
-            });
-        }
-    }
-    $Data.menuItems = Object.values(menuTree).sort((a, b) => {
-        if (a.value === 'index') return -1;
-        if (b.value === 'index') return 1;
-        return a.label.localeCompare(b.label);
-    });
-    // 默认展开所有包含子菜单的项
-    $Data.expandedKeys = $Data.menuItems.filter((m) => m.children && m.children.length).map((m) => m.value);
-}
-
-// 组件挂载时构建菜单
-onMounted(() => {
-    buildMenuFromRoutes();
-});
-
-const userMenuOptions = [
-    { content: '个人中心', value: 'profile' },
-    { content: '退出登录', value: 'logout' }
-];
-
-const handleMenuChange = (value) => {
-    router.push({ name: value });
-};
-
-const handleUserMenu = (data) => {
-    if (data.value === 'logout') {
-        $Storage.local.remove('token');
-        router.push('/login');
-        Modal.message({
-            message: '退出成功',
-            status: 'success'
-        });
-    }
-};
-</script>
-
-<style scoped lang="scss">
-.layout-container {
-    height: 100vh;
-}
-
-.sidebar {
-    transition: width 0.3s ease;
-}
-
-.logo {
-    height: 64px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-bottom: 1px solid $border-color;
-}
-
-.logo h2 {
-    margin: 0;
-    font-size: 20px;
-    font-weight: 600;
-}
-
-.logo-short {
-    font-size: 24px;
-}
-
-.header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 24px;
-    background: $bg-color-container;
-    border-bottom: 1px solid $border-color;
-}
-
-.header-left {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-}
-
-.header-left h3 {
-    margin: 0;
-    font-size: 18px;
-    font-weight: 500;
-}
-
-.collapse-btn {
-    font-size: 20px;
-}
-
-.header-right {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-}
-
-.ml-2 {
-    margin-left: 8px;
-}
-
-.content {
-    padding: 24px;
-    background: $bg-color-page;
-    overflow-y: auto;
-}
-</style>

package/src/layouts/internal/README.md

@@ -1,27 +0,0 @@
-# Internal 目录说明
-
-⚠️ **重要提示**
-
-此目录下的所有文件由 **befly-admin** 框架管理，请勿修改！
-
-## 自动更新
-
-运行以下命令会自动更新此目录：
-
-```bash
-befly sync:admin
-```
-
-## 注意事项
-
-1. ❌ **请勿修改** internal 目录下的任何文件
-2. ❌ **请勿删除** internal 目录
-3. ✅ 如需自定义布局，请在 internal 目录外创建文件
-
-## 文件用途
-
-此目录包含框架核心布局文件，确保管理系统的页面结构正常运行。
-
----
-
-📚 更多信息请查看项目文档

package/src/plugins/internal/README.md

@@ -1,36 +0,0 @@
-# Internal 目录说明
-
-⚠️ **重要提示**
-
-此目录下的所有文件由 **befly-admin** 框架管理，请勿修改！
-
-## 自动更新
-
-运行以下命令会自动更新此目录：
-
-```bash
-befly sync:admin
-```
-
-## 注意事项
-
-1. ❌ **请勿修改** internal 目录下的任何文件
-2. ❌ **请勿删除** internal 目录
-3. ✅ 如需自定义插件，请在 internal 目录外创建文件，并使用不同的导出名称
-
-## 保留的导出名称
-
-框架保留以下导出名称，请勿在自定义插件中使用：
-
-- `$Http` - HTTP 请求封装
-- `$Storage` - 本地存储封装
-- `router` - Vue Router 实例
-- `useAppStore` - 应用状态管理
-
-## 文件用途
-
-此目录包含框架核心插件，确保管理系统的基础功能正常运行。
-
----
-
-📚 更多信息请查看项目文档

package/src/plugins/internal/router.ts

@@ -1,48 +0,0 @@
-import { createRouter, createWebHashHistory } from 'vue-router';
-import autoRoutes from 'virtual:befly-auto-routes';
-import { $Storage } from './storage';
-
-/**
- * 创建并导出路由实例
- * 可直接在 main.ts 中使用 app.use(router)
- */
-export const router = createRouter({
-    history: createWebHashHistory(import.meta.env.BASE_URL),
-    routes: autoRoutes
-});
-
-// 路由守卫 - 基础验证
-router.beforeEach(async (to, from, next) => {
-    // 设置页面标题
-    const titlePrefix = 'Befly Admin';
-    if (to.meta?.title) {
-        document.title = `${titlePrefix} - ${to.meta.title}`;
-    } else {
-        document.title = titlePrefix;
-    }
-
-    const token = $Storage.local.get('token');
-
-    // 判断是否为公开路由：使用 layout0 的需要登录，其他 layout 为公开路由
-    const isProtectedRoute = to.matched.some((record) => record.name === 'layout0');
-
-    // 1. 未登录且访问受保护路由 → 跳转登录
-    if (!token && isProtectedRoute) {
-        return next('/login');
-    }
-
-    // 2. 已登录访问登录页 → 跳转首页
-    if (token && to.path === '/login') {
-        return next('/');
-    }
-
-    next();
-});
-
-// 路由就绪后处理
-router.afterEach((to) => {
-    // 可以在这里添加页面访问统计等
-    if (import.meta.env.DEV) {
-        console.log(`[Router] 导航到: ${to.path}`);
-    }
-});

package/src/plugins/internal/store.ts

@@ -1,19 +0,0 @@
-import { defineStore } from 'pinia';
-
-/**
- * 全局状态管理
- * 集中管理所有全局数据，避免分散到多个 store 文件
- */
-export const useGlobal = defineStore('global', () => {
-    // ==================== 全局状态 ====================
-
-    // 可以在这里添加全局状态，例如：
-    // - 用户信息
-    // - 主题配置
-    // - 应用设置
-    // - 等等
-
-    return {
-        // 暂时没有状态和方法
-    };
-});

package/src/styles/internal/README.md

@@ -1,27 +0,0 @@
-# Internal 目录说明
-
-⚠️ **重要提示**
-
-此目录下的所有文件由 **befly-admin** 框架管理，请勿修改！
-
-## 自动更新
-
-运行以下命令会自动更新此目录：
-
-```bash
-befly sync:admin
-```
-
-## 注意事项
-
-1. ❌ **请勿修改** internal 目录下的任何文件
-2. ❌ **请勿删除** internal 目录
-3. ✅ 如需自定义样式，请在 internal 目录外创建文件
-
-## 文件用途
-
-此目录包含框架核心样式文件，确保管理系统的视觉效果正常运行。
-
----
-
-📚 更多信息请查看项目文档

package/src/styles/internal/mixins.scss

@@ -1,98 +0,0 @@
-// SCSS 混合宏（Mixins）
-
-// 文本溢出省略
-@mixin text-ellipsis($lines: 1) {
-    @if $lines == 1 {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    } @else {
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: $lines;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-}
-
-// Flex 布局
-@mixin flex-center {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-@mixin flex-between {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-// 响应式断点
-@mixin respond-to($breakpoint) {
-    @if $breakpoint == xs {
-        @media (max-width: $breakpoint-xs) {
-            @content;
-        }
-    } @else if $breakpoint == sm {
-        @media (min-width: $breakpoint-xs) and (max-width: $breakpoint-sm) {
-            @content;
-        }
-    } @else if $breakpoint == md {
-        @media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md) {
-            @content;
-        }
-    } @else if $breakpoint == lg {
-        @media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
-            @content;
-        }
-    } @else if $breakpoint == xl {
-        @media (min-width: $breakpoint-lg) {
-            @content;
-        }
-    }
-}
-
-// 清除浮动
-@mixin clearfix {
-    &::after {
-        content: '';
-        display: table;
-        clear: both;
-    }
-}
-
-// 动画过渡
-@mixin transition($property: all, $duration: $transition-normal, $timing: ease) {
-    transition: $property $duration $timing;
-}
-
-// 阴影
-@mixin shadow($level: medium) {
-    @if $level == small {
-        box-shadow: $shadow-small;
-    } @else if $level == medium {
-        box-shadow: $shadow-medium;
-    } @else if $level == large {
-        box-shadow: $shadow-large;
-    }
-}
-
-// 绝对居中
-@mixin absolute-center {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-
-// 固定宽高比
-@mixin aspect-ratio($width, $height) {
-    position: relative;
-
-    &::before {
-        content: '';
-        display: block;
-        padding-top: ($height / $width) * 100%;
-    }
-}

package/src/types/env.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue' {
-    import type { DefineComponent } from 'vue';
-    const component: DefineComponent<{}, {}, any>;
-    export default component;
-}
-
-// 自动路由模块声明
-declare module 'virtual:auto-routes' {
-    import type { RouteRecordRaw } from 'vue-router';
-    const routes: RouteRecordRaw[];
-    export default routes;
-}
-
-interface ImportMetaEnv {
-    readonly VITE_API_URL: string;
-    readonly VITE_APP_TITLE: string;
-}
-
-interface ImportMeta {
-    readonly env: ImportMetaEnv;
-}

package/src/utils/README.md

@@ -1,37 +0,0 @@
-# Utils 目录说明
-
-## 目录结构
-
-- `internal.ts` - 框架核心工具函数（由 befly-admin 管理）
-- `index.ts` - 用户自定义工具函数
-
-## 使用说明
-
-### 框架工具函数
-
-```typescript
-import { arrayToTree } from '@/utils/internal';
-// 或者
-import { arrayToTree } from '@/utils';
-```
-
-### 自定义工具函数
-
-在 `index.ts` 中添加您的工具函数：
-
-```typescript
-/**
- * 格式化日期
- */
-export function formatDate(date: Date): string {
-    return date.toISOString().split('T')[0];
-}
-```
-
-## 注意事项
-
-⚠️ **请勿修改** `internal.ts` 文件，运行 `befly sync:admin` 会自动更新此文件
-
----
-
-📚 更多信息请查看项目文档

package/src/utils/internal/README.md

@@ -1,21 +0,0 @@
-# Internal Utils
-
-⚠️ **框架核心工具目录**
-
-此目录由 `befly-admin` 包管理，请勿手动修改。
-
-运行 `befly sync:admin` 会自动更新此目录。
-
-## 文件说明
-
-- `index.ts` - 核心工具函数（如 `arrayToTree`）
-
-## 使用方式
-
-```typescript
-// 从 utils 导入（推荐）
-import { arrayToTree } from '@/utils';
-
-// 直接从 internal 导入
-import { arrayToTree } from '@/utils/internal';
-```

package/src/utils/internal/index.ts

@@ -1,30 +0,0 @@
-/**
- * 框架核心工具函数
- * ⚠️ 此文件由 befly-admin 包管理，请勿修改
- * 运行 `befly sync:admin` 会自动更新此文件
- */
-
-/**
- * 将一维数组转换为树形结构
- * @param items 一维数组
- * @param pid 父节点ID，默认为0
- * @returns 树形结构数组
- */
-export function arrayToTree<T extends { id: number; pid: number; children?: T[] }>(items: T[], pid = 0): T[] {
-    const tree: T[] = [];
-
-    for (const item of items) {
-        if (item.pid === pid) {
-            const children = arrayToTree(items, item.id);
-            const node = { ...item };
-
-            if (children.length > 0) {
-                node.children = children;
-            }
-
-            tree.push(node);
-        }
-    }
-
-    return tree;
-}

package/src/views/internal/403/403.vue

@@ -1,66 +0,0 @@
-<template>
-    <div class="error-page">
-        <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>
-
-<script setup>
-const router = useRouter();
-
-const $Method = {
-    goHome() {
-        router.push('/');
-    },
-    goBack() {
-        router.back();
-    }
-};
-</script>
-
-<style scoped lang="scss">
-.error-page {
-    display: flex;
-    align-items: center;
-    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/internal/README.md

@@ -1,27 +0,0 @@
-# Internal 目录说明
-
-⚠️ **重要提示**
-
-此目录下的所有文件由 **befly-admin** 框架管理，请勿修改！
-
-## 自动更新
-
-运行以下命令会自动更新此目录：
-
-```bash
-befly sync:admin
-```
-
-## 注意事项
-
-1. ❌ **请勿修改** internal 目录下的任何文件
-2. ❌ **请勿删除** internal 目录
-3. ✅ 如需创建业务页面，请在 internal 目录外创建文件
-
-## 文件用途
-
-此目录包含框架提供的管理页面（用户管理、角色管理、菜单管理等），确保管理系统的基础功能正常运行。
-
----
-
-📚 更多信息请查看项目文档