befly-admin 3.4.6 → 3.4.8

package/src/types/components.d.ts

@@ -11,12 +11,11 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    Icon: typeof import('./../components/internal/Icon.vue')['default']
     'ILucide:activity': typeof import('~icons/lucide/activity')['default']
     'ILucide:alertCircle': typeof import('~icons/lucide/alert-circle')['default']
     'ILucide:alertTriangle': typeof import('~icons/lucide/alert-triangle')['default']
-    'ILucide:box': typeof import('~icons/lucide/box')['default']
     'ILucide:checkCircle': typeof import('~icons/lucide/check-circle')['default']
+    'ILucide:chevronDown': typeof import('~icons/lucide/chevron-down')['default']
     'ILucide:circle': typeof import('~icons/lucide/circle')['default']
     'ILucide:clock': typeof import('~icons/lucide/clock')['default']
     'ILucide:cloud': typeof import('~icons/lucide/cloud')['default']
@@ -25,14 +24,16 @@ declare module 'vue' {
     'ILucide:disc': typeof import('~icons/lucide/disc')['default']
     'ILucide:hardDrive': typeof import('~icons/lucide/hard-drive')['default']
     'ILucide:info': typeof import('~icons/lucide/info')['default']
+    'ILucide:logOut': typeof import('~icons/lucide/log-out')['default']
     'ILucide:mail': typeof import('~icons/lucide/mail')['default']
     'ILucide:menu': typeof import('~icons/lucide/menu')['default']
-    'ILucide:package': typeof import('~icons/lucide/package')['default']
-    'ILucide:phone': typeof import('~icons/lucide/phone')['default']
+    'ILucide:pencil': typeof import('~icons/lucide/pencil')['default']
+    'ILucide:plus': typeof import('~icons/lucide/plus')['default']
     'ILucide:rotateCw': typeof import('~icons/lucide/rotate-cw')['default']
     'ILucide:server': typeof import('~icons/lucide/server')['default']
     'ILucide:settings': typeof import('~icons/lucide/settings')['default']
     'ILucide:square': typeof import('~icons/lucide/square')['default']
+    'ILucide:trash2': typeof import('~icons/lucide/trash2')['default']
     'ILucide:trendingUp': typeof import('~icons/lucide/trending-up')['default']
     'ILucide:user': typeof import('~icons/lucide/user')['default']
     'ILucide:users': typeof import('~icons/lucide/users')['default']
@@ -41,12 +42,9 @@ declare module 'vue' {
     'ILucide:zap': typeof import('~icons/lucide/zap')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    TinyAvatar: typeof import('@opentiny/vue-avatar')['default']
     TinyButton: typeof import('@opentiny/vue-button')['default']
-    TinyCheckbox: typeof import('@opentiny/vue-checkbox')['default']
-    TinyCheckboxGroup: typeof import('@opentiny/vue-checkbox-group')['default']
     TinyCol: typeof import('@opentiny/vue-col')['default']
-    TinyCollapse: typeof import('@opentiny/vue-collapse')['default']
-    TinyCollapseItem: typeof import('@opentiny/vue-collapse-item')['default']
     TinyDialogBox: typeof import('@opentiny/vue-dialog-box')['default']
     TinyDivider: typeof import('@opentiny/vue-divider')['default']
     TinyDropdown: typeof import('@opentiny/vue-dropdown')['default']
@@ -59,15 +57,13 @@ declare module 'vue' {
     TinyInput: typeof import('@opentiny/vue-input')['default']
     TinyNumeric: typeof import('@opentiny/vue-numeric')['default']
     TinyPager: typeof import('@opentiny/vue-pager')['default']
+    TinyPopover: typeof import('@opentiny/vue-popover')['default']
     TinyProgress: typeof import('@opentiny/vue-progress')['default']
-    TinyQrcode: typeof import('@opentiny/vue-qrcode')['default']
     TinyRadio: typeof import('@opentiny/vue-radio')['default']
     TinyRadioGroup: typeof import('@opentiny/vue-radio-group')['default']
     TinyRow: typeof import('@opentiny/vue-row')['default']
-    TinySearch: typeof import('@opentiny/vue-search')['default']
-    TinySelect: typeof import('@opentiny/vue-select')['default']
     TinyTag: typeof import('@opentiny/vue-tag')['default']
-    TinyTree: typeof import('@opentiny/vue-tree')['default']
     TinyTreeMenu: typeof import('@opentiny/vue-tree-menu')['default']
+    TinyUserHead: typeof import('@opentiny/vue-user-head')['default']
   }
 }

package/src/types/typed-router.d.ts

@@ -0,0 +1,32 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-router. ‼️ DO NOT MODIFY THIS FILE ‼️
+// It's recommended to commit this file.
+// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
+
+declare module 'vue-router/auto-routes' {
+  import type {
+    RouteRecordInfo,
+    ParamValue,
+    ParamValueOneOrMore,
+    ParamValueZeroOrMore,
+    ParamValueZeroOrOne,
+  } from 'vue-router'
+
+  /**
+   * Route name map generated by unplugin-vue-router
+   */
+  export interface RouteNamedMap {
+    '/addon/admin//': RouteRecordInfo<'/addon/admin//', '/addon/admin', Record<never, never>, Record<never, never>>,
+    '/addon/admin/403/': RouteRecordInfo<'/addon/admin/403/', '/addon/admin/403', Record<never, never>, Record<never, never>>,
+    '/addon/admin/admin/': RouteRecordInfo<'/addon/admin/admin/', '/addon/admin/admin', Record<never, never>, Record<never, never>>,
+    '/addon/admin/dict/': RouteRecordInfo<'/addon/admin/dict/', '/addon/admin/dict', Record<never, never>, Record<never, never>>,
+    '/addon/admin/login/': RouteRecordInfo<'/addon/admin/login/', '/addon/admin/login', Record<never, never>, Record<never, never>>,
+    '/addon/admin/menu/': RouteRecordInfo<'/addon/admin/menu/', '/addon/admin/menu', Record<never, never>, Record<never, never>>,
+    '/addon/admin/news/': RouteRecordInfo<'/addon/admin/news/', '/addon/admin/news', Record<never, never>, Record<never, never>>,
+    '/addon/admin/news/detail/': RouteRecordInfo<'/addon/admin/news/detail/', '/addon/admin/news/detail', Record<never, never>, Record<never, never>>,
+    '/addon/admin/role/': RouteRecordInfo<'/addon/admin/role/', '/addon/admin/role', Record<never, never>, Record<never, never>>,
+    '/addon/admin/user/': RouteRecordInfo<'/addon/admin/user/', '/addon/admin/user', Record<never, never>, Record<never, never>>,
+  }
+}

package/src/utils/index.ts

@@ -1,12 +1,24 @@
 /**
- * 用户自定义工具函数
- * 可以在这里添加项目特定的工具函数
- *
- * 示例：
- * export function formatDate(date: Date): string {
- *     return date.toISOString().split('T')[0];
- * }
+ * 将一维数组转换为树形结构
+ * @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[] = [];
 
-// 导出框架工具（可选）
-export * from './internal';
+    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/index.vue

@@ -0,0 +1,27 @@
+<template>
+    <div class="page-home">
+        <h1>首页</h1>
+        <p>这是使用 default 布局的首页</p>
+    </div>
+</template>
+
+<route lang="yaml">
+meta:
+    layout: default
+    title: 首页
+</route>
+
+<style lang="scss" scoped>
+.page-home {
+    padding: 20px;
+
+    h1 {
+        color: $primary-color;
+        margin-bottom: 16px;
+    }
+
+    p {
+        color: $text-color-secondary;
+    }
+}
+</style>

package/src/views/internal/login.vue

@@ -0,0 +1,73 @@
+<template>
+    <div class="page-login">
+        <div class="login-box">
+            <h1>登录</h1>
+            <tiny-form ref="formRef" :model="$Data.form" label-position="top">
+                <tiny-form-item label="用户名" prop="username">
+                    <tiny-input v-model="$Data.form.username" placeholder="请输入用户名" />
+                </tiny-form-item>
+                <tiny-form-item label="密码" prop="password">
+                    <tiny-input v-model="$Data.form.password" type="password" placeholder="请输入密码" />
+                </tiny-form-item>
+                <tiny-form-item>
+                    <tiny-button type="primary" @click="$Method.handleLogin">登录</tiny-button>
+                </tiny-form-item>
+            </tiny-form>
+        </div>
+    </div>
+</template>
+
+<script setup>
+const router = useRouter();
+
+const $Data = $ref({
+    form: {
+        username: '',
+        password: ''
+    }
+});
+
+const $Method = {
+    async handleLogin() {
+        // 模拟登录
+        $Storage.local.set('token', 'mock-token-123');
+        Modal.message({ message: '登录成功', status: 'success' });
+        router.push('/');
+    }
+};
+</script>
+
+<route lang="yaml">
+meta:
+    layout: blank
+    public: true
+    title: 登录
+</route>
+
+<style lang="scss" scoped>
+.page-login {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .login-box {
+        width: 400px;
+        padding: 40px;
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+
+        h1 {
+            text-align: center;
+            margin-bottom: 30px;
+            color: $primary-color;
+        }
+
+        .tiny-button {
+            width: 100%;
+        }
+    }
+}
+</style>

package/src/views/test.vue

@@ -0,0 +1,60 @@
+<template>
+    <div class="test-page">
+        <h1>TinyVue 自动导入测试</h1>
+
+        <div class="button-group">
+            <tiny-button type="primary" @click="testModal">测试 Modal</tiny-button>
+            <tiny-button type="success" @click="testMessage">测试 Message</tiny-button>
+            <tiny-button type="warning" @click="testNotify">测试 Notify</tiny-button>
+            <tiny-button type="info" @click="testMessageBox">测试 MessageBox</tiny-button>
+        </div>
+    </div>
+</template>
+
+<script setup>
+// 无需导入，已自动导入：Modal, Message, Notify, MessageBox, Loading
+
+const testModal = () => {
+    Modal.message({
+        message: '这是一个成功提示',
+        status: 'success'
+    });
+};
+
+const testMessage = () => {
+    Message.success('成功消息');
+};
+
+const testNotify = () => {
+    Notify.success({
+        title: '成功通知',
+        message: '这是一个成功通知的内容'
+    });
+};
+
+const testMessageBox = () => {
+    MessageBox.alert('这是一个提示框', '提示');
+};
+</script>
+
+<route lang="yaml">
+meta:
+    layout: default
+    title: 自动导入测试
+</route>
+
+<style lang="scss" scoped>
+.test-page {
+    padding: 20px;
+
+    h1 {
+        color: $primary-color;
+        margin-bottom: 24px;
+    }
+
+    .button-group {
+        display: flex;
+        gap: 12px;
+    }
+}
+</style>

package/tsconfig.json

@@ -15,8 +15,8 @@
 
         /* Linting */
         "strict": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
+        "noUnusedLocals": false,
+        "noUnusedParameters": false,
         "noFallthroughCasesInSwitch": true,
         "noUncheckedSideEffectImports": true,
 
@@ -27,8 +27,8 @@
         },
 
         /* Type definitions */
-        "types": ["vite/client", "node"]
+        "types": ["vite/client", "node", "unplugin-vue-router/client", "vite-plugin-vue-layouts-next/client"]
     },
-    "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+    "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/types/**/*.d.ts", "./src/types/typed-router.d.ts"],
     "exclude": ["node_modules", "dist"]
 }

package/vite.config.ts

@@ -1,95 +1,182 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
-import ReactivityTransform from '@vue-macros/reactivity-transform/vite';
+import VueRouter from 'unplugin-vue-router/vite';
+import { VueRouterAutoImports } from 'unplugin-vue-router';
+import Layouts from 'vite-plugin-vue-layouts-next';
+import VueDevTools from 'vite-plugin-vue-devtools';
 import AutoImport from 'unplugin-auto-import/vite';
 import Components from 'unplugin-vue-components/vite';
 import Icons from 'unplugin-icons/vite';
 import IconsResolver from 'unplugin-icons/resolver';
+import ReactivityTransform from '@vue-macros/reactivity-transform/vite';
 import { TinyVueSingleResolver } from '@opentiny/unplugin-tiny-vue';
-import autoRoutes from 'befly-auto-routes';
-import { fileURLToPath } from 'node:url';
+import { fileURLToPath, URL } from 'node:url';
+import { readdirSync, existsSync } from 'node:fs';
+import { join } from 'node:path';
+
+// 动态扫描所有 @befly-addon 包的 views 目录
+function scanBeflyAddonViews() {
+    const addonBasePath = 'node_modules/@befly-addon';
+    const routesFolders: any[] = [];
+
+    if (!existsSync(addonBasePath)) {
+        return routesFolders;
+    }
+
+    try {
+        const addonDirs = readdirSync(addonBasePath);
+
+        for (const addonName of addonDirs) {
+            const addonPath = join(addonBasePath, addonName);
+
+            // 检查是否为目录（包括符号链接）
+            if (!existsSync(addonPath)) continue;
+
+            const viewsPath = join(addonPath, 'views');
+
+            if (existsSync(viewsPath)) {
+                routesFolders.push({
+                    src: viewsPath,
+                    path: `addon/${addonName}/`
+                });
+            }
+        }
+    } catch (error) {
+        console.error('扫描 @befly-addon 目录失败:', error);
+    }
+
+    return routesFolders;
+}
+
+const routesFolders = scanBeflyAddonViews();
 
 export default defineConfig({
-    root: process.cwd(),
-    base: './',
+    // 插件配置
     plugins: [
-        vue(),
-        ReactivityTransform(),
-        autoRoutes({ debug: true }),
-        Icons({
-            compiler: 'vue3',
-            autoInstall: true,
-            defaultClass: 'icon-befly',
-            defaultStyle: 'margin-right: 8px; vertical-align: middle;'
+        // Vue DevTools（仅开发环境）
+        VueDevTools(),
+
+        // VueRouter 必须在 Vue 插件之前
+        VueRouter({
+            routesFolder: routesFolders,
+            dts: './src/types/typed-router.d.ts',
+            extensions: ['.vue'],
+            importMode: 'async',
+            // 全局排除 components 目录
+            exclude: ['**/components/**']
+        }),
+
+        // 布局系统
+        Layouts({
+            layoutsDirs: 'src/layouts',
+            defaultLayout: 'default'
+        }),
+
+        // Vue 插件
+        vue({
+            script: {
+                defineModel: true,
+                propsDestructure: true
+            }
         }),
+
+        // Vue Reactivity Transform 支持
+        ReactivityTransform(),
+
+        // API 自动导入
         AutoImport({
             imports: [
                 'vue',
-                'vue-router',
                 'pinia',
+                VueRouterAutoImports,
                 {
-                    '@opentiny/vue': ['Modal', 'Notify', 'Loading', 'Message']
+                    '@opentiny/vue': ['Modal', 'Notify', 'Message', 'MessageBox', 'Loading']
                 }
             ],
-            resolvers: [TinyVueSingleResolver, IconsResolver({})],
-            vueTemplate: true,
-            dirsScanOptions: {
-                filePatterns: ['*.ts'],
-                fileFilter: (file) => file.endsWith('.ts'),
-                types: true
-            },
-            dirs: ['./src/plugins/**', './src/config/**'],
             dts: 'src/types/auto-imports.d.ts',
-            eslintrc: { enabled: false }
+            dirs: ['src/utils', 'src/plugins', 'src/config'],
+            vueTemplate: true
         }),
+
+        // 组件自动导入
         Components({
             resolvers: [TinyVueSingleResolver, IconsResolver({})],
             dirs: ['src/components'],
             deep: true,
-            version: 3,
             dts: 'src/types/components.d.ts'
+        }),
+
+        // 图标
+        Icons({
+            compiler: 'vue3',
+            autoInstall: true,
+            defaultClass: 'icon-befly',
+            defaultStyle: 'margin-right: 8px; vertical-align: middle;'
         })
     ],
+
+    // 路径别名
     resolve: {
         alias: {
             '@': fileURLToPath(new URL('./src', import.meta.url))
         }
     },
-    define: {
-        __DEV__: JSON.stringify(process.env.NODE_ENV !== 'production')
-    },
-    css: {
-        preprocessorOptions: {
-            scss: {
-                additionalData: `@use "@/styles/internal/variables.scss" as *;`,
-                api: 'modern-compiler'
-            }
-        }
-    },
+
+    // 服务器配置
     server: {
-        host: '0.0.0.0',
         port: 5600,
+        host: '0.0.0.0',
         strictPort: true,
-        open: false
-    },
-    logLevel: 'info',
-    optimizeDeps: {
-        include: ['vue', 'vue-router', 'pinia', '@opentiny/vue', 'axios']
+        open: false,
+        hmr: true
     },
+
+    // 构建配置
     build: {
-        target: 'esnext',
+        target: 'es2020',
         outDir: 'dist',
         assetsDir: 'assets',
         sourcemap: false,
         minify: 'esbuild',
-        chunkSizeWarningLimit: 1000,
         rollupOptions: {
             output: {
+                chunkFileNames: 'assets/[name]-[hash].js',
+                entryFileNames: 'assets/[name]-[hash].js',
+                assetFileNames: 'assets/[name]-[hash].[ext]',
                 manualChunks: {
                     vue: ['vue', 'vue-router', 'pinia'],
                     opentiny: ['@opentiny/vue']
                 }
             }
         }
+    },
+
+    // CSS 配置
+    css: {
+        preprocessorOptions: {
+            scss: {
+                api: 'modern-compiler',
+                // 自动导入全局 SCSS 变量
+                additionalData: `@use "@/styles/variables.scss" as *;`
+            }
+        }
+    },
+
+    // 定义全局变量
+    define: {
+        __DEV__: JSON.stringify(process.env.NODE_ENV !== 'production')
+    },
+
+    // 优化依赖预构建
+    optimizeDeps: {
+        include: [
+            'vue',
+            'vue-router',
+            'pinia',
+            'axios',
+            // OpenTiny Vue 组件（使用正则匹配所有子包）
+            '@opentiny/vue'
+            // 注意：unplugin-tiny-vue 会自动处理按需导入，无需手动列出所有组件
+        ]
     }
 });

package/src/components/internal/README.md

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

package/src/layouts/4.vue

@@ -1,17 +0,0 @@
-<template>
-    <div class="custom-layout-0">
-        <h1>这是用户自定义的布局 0（覆盖 internal）</h1>
-        <RouterView />
-    </div>
-</template>
-
-<script setup>
-// 测试用户自定义布局是否能覆盖 internal 布局
-</script>
-
-<style scoped>
-.custom-layout-0 {
-    background-color: #f0f0f0;
-    padding: 20px;
-}
-</style>

package/src/layouts/internal/1.vue

@@ -1,22 +0,0 @@
-<template>
-    <div class="layout-container">
-        <RouterView />
-    </div>
-</template>
-
-<script setup>
-const router = useRouter();
-const route = useRoute();
-
-// 响应式数据
-const $Data = $ref({});
-
-// 方法
-const $Method = {};
-</script>
-
-<style scoped lang="scss">
-.layout-container {
-    height: 100vh;
-}
-</style>