npm - befly-admin - Versions diffs - 3.4.30 → 3.4.32 - Mend

befly-admin 3.4.30 → 3.4.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/bunfig.toml +0 -2
package/package.json +4 -3
package/src/layouts/default.vue +35 -38
package/src/types/auto-imports.d.ts +1 -0
package/src/types/components.d.ts +38 -0
package/src/views/index.vue +0 -9
package/vite.config.js +8 -30
package/src/views/internal/login.vue +0 -73
package/src/views/test.vue +0 -57

package/bunfig.toml CHANGED Viewed

@@ -1,4 +1,2 @@
 [install]
 linker = "isolated"
-publicHoistPattern = ["@types*", "*eslint*", "@opentiny/*"]

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "befly-admin",
-    "version": "3.4.30",
+    "version": "3.4.32",
     "description": "Befly Admin - 基于 Vue3 + OpenTiny Vue 的后台管理系统",
     "type": "module",
     "private": false,
@@ -29,13 +29,14 @@
         "sync:admin": "bunx befly sync:admin"
     },
     "dependencies": {
+        "@befly-addon/admin": "1.0.34",
         "axios": "^1.13.2",
         "pinia": "^3.0.4",
+        "tdesign-vue-next": "^1.10.6",
         "vue": "^3.5.22",
         "vue-router": "^4.6.3"
     },
     "devDependencies": {
-        "@befly-addon/admin": "1.0.32",
         "@iconify-json/lucide": "^1.2.72",
         "@unocss/preset-attributify": "^66.5.6",
         "@unocss/preset-uno": "^66.5.6",
@@ -56,5 +57,5 @@
         "node": ">=24.0.0",
         "pnpm": ">=10.0.0"
     },
-    "gitHead": "7f8bd9dc5342e59953997d58e6abf6ca2469b211"
+    "gitHead": "3593368cbf5c34f379b3b4569a7439bce9666938"
 }

package/src/layouts/default.vue CHANGED Viewed

@@ -9,26 +9,43 @@
                 <div class="user-info-bar">
                     <div class="user-text">
                         <span class="user-name">{{ $Data.userInfo.nickname || '管理员' }}</span>
-                        <tiny-tag type="info" size="small">{{ $Data.userInfo.role || '超级管理员' }}</tiny-tag>
+                        <t-tag theme="primary" size="small" variant="light">{{ $Data.userInfo.role || '超级管理员' }}</t-tag>
                     </div>
-                    <tiny-button size="medium" :icon="iconClose()" @click="$Method.handleLogout" />
+                    <t-button variant="text" size="medium" @click="$Method.handleLogout">
+                        <template #icon>
+                            <i-lucide:x />
+                        </template>
+                    </t-button>
                 </div>
             </div>
         </div>
         <!-- 菜单栏 -->
         <div class="layout-menu">
-            <tiny-tree-menu :ref="(el) => ($From.treeMenuRef = el)" :data="$Data.userMenus" :props="{ label: 'name' }" node-key="id" :node-height="40" :show-filter="false" :default-expanded-keys="$Data.expandedKeys" style="height: 100%" only-check-children width-adapt @node-click="$Method.onMenuClick">
-                <template #default="{ data }">
-                    <span class="menu-item">
-                        <!-- 根据路径和是否有子节点显示不同图标 -->
-                        <i-lucide:home v-if="data.path === '/addon/admin/'" />
-                        <i-lucide:folder v-else-if="data.children && data.children.length > 0" />
-                        <i-lucide:file-text v-else />
-                        <span>{{ data.name }}</span>
-                    </span>
+            <t-menu :value="$Data.currentMenuKey" :expanded="$Data.expandedKeys" style="height: 100%" @change="$Method.onMenuClick" @expand="(value) => ($Data.expandedKeys = value)">
+                <template v-for="menu in $Data.userMenus" :key="menu.id">
+                    <!-- 无子菜单 -->
+                    <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/'" />
+                            <i-lucide:file-text v-else />
+                        </template>
+                        {{ menu.name }}
+                    </t-menu-item>
+                    <!-- 有子菜单 -->
+                    <t-submenu v-else :value="String(menu.id)" :title="menu.name">
+                        <template #icon>
+                            <i-lucide:folder />
+                        </template>
+                        <t-menu-item v-for="child in menu.children" :key="child.id" :value="child.path">
+                            <template #icon>
+                                <i-lucide:file-text />
+                            </template>
+                            {{ child.name }}
+                        </t-menu-item>
+                    </t-submenu>
                 </template>
-            </tiny-tree-menu>
+            </t-menu>
         </div>
         <!-- 内容区域 -->
@@ -40,7 +57,6 @@
 <script setup>
 import { arrayToTree } from '@/utils';
-import { iconClose } from '@opentiny/vue-icon';
 const router = useRouter();
 const route = useRoute();
@@ -55,7 +71,7 @@ const $Data = $ref({
     userMenus: [],
     userMenusFlat: [], // 一维菜单数据
     expandedKeys: [],
-    currentNodeKey: 0,
+    currentMenuKey: '',
     userInfo: {
         nickname: '管理员',
         role: '超级管理员'
@@ -96,7 +112,7 @@ const $Method = {
         while (menu.pid) {
             const parent = $Data.userMenusFlat.find((m) => m.id === menu.pid);
             if (parent) {
-                expandedKeys.unshift(parent.id);
+                expandedKeys.unshift(String(parent.id));
                 menu = parent;
             } else {
                 break;
@@ -106,17 +122,14 @@ const $Method = {
         // 使用 nextTick 确保 DOM 更新后再设置高亮
         nextTick(() => {
             $Data.expandedKeys = expandedKeys;
-            // 使用 setCurrentKey 方法设置当前高亮节点
-            if ($From.treeMenuRef) {
-                $From.treeMenuRef.setCurrentKey(currentMenu.id);
-            }
+            $Data.currentMenuKey = currentPath;
         });
     },
     // 处理菜单点击
-    onMenuClick(data) {
-        if (data.path) {
-            router.push(data.path);
+    onMenuClick(path) {
+        if (path) {
+            router.push(path);
         }
     },
@@ -223,22 +236,6 @@ $Method.fetchUserMenus();
         padding: 16px 12px;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
         border: 1px solid #e8eaed;
-        .tiny-tree-menu:before {
-            display: none;
-        }
-        .menu-item {
-            display: flex;
-            align-items: center;
-            width: 100%;
-            padding: 2px 0;
-            transition: all 0.2s ease;
-            &:hover {
-                color: #0052d9;
-            }
-        }
     }
     .layout-main {

package/src/types/auto-imports.d.ts CHANGED Viewed

@@ -103,6 +103,7 @@ declare module 'vue' {
     readonly $Config: UnwrapRef<typeof import('../config/index.js')['$Config']>
     readonly $Http: UnwrapRef<typeof import('../plugins/http.js')['$Http']>
     readonly $Storage: UnwrapRef<typeof import('../plugins/storage.js')['$Storage']>
+    readonly DialogPlugin: UnwrapRef<typeof import('tdesign-vue-next')['DialogPlugin']>
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
     readonly MessagePlugin: UnwrapRef<typeof import('tdesign-vue-next')['MessagePlugin']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>

package/src/types/components.d.ts CHANGED Viewed

@@ -11,12 +11,46 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    '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:checkCircle': typeof import('~icons/lucide/check-circle')['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']
+    'ILucide:code': typeof import('~icons/lucide/code')['default']
+    'ILucide:cpu': typeof import('~icons/lucide/cpu')['default']
+    'ILucide:database': typeof import('~icons/lucide/database')['default']
+    'ILucide:disc': typeof import('~icons/lucide/disc')['default']
     'ILucide:fileText': typeof import('~icons/lucide/file-text')['default']
     'ILucide:folder': typeof import('~icons/lucide/folder')['default']
+    'ILucide:hardDrive': typeof import('~icons/lucide/hard-drive')['default']
     'ILucide:home': typeof import('~icons/lucide/home')['default']
+    'ILucide:info': typeof import('~icons/lucide/info')['default']
+    'ILucide:lock': typeof import('~icons/lucide/lock')['default']
+    'ILucide:mail': typeof import('~icons/lucide/mail')['default']
+    'ILucide:menu': typeof import('~icons/lucide/menu')['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:search': typeof import('~icons/lucide/search')['default']
+    'ILucide:server': typeof import('~icons/lucide/server')['default']
+    'ILucide:settings': typeof import('~icons/lucide/settings')['default']
+    'ILucide:smile': typeof import('~icons/lucide/smile')['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']
+    'ILucide:webhook': typeof import('~icons/lucide/webhook')['default']
+    'ILucide:x': typeof import('~icons/lucide/x')['default']
+    'ILucide:xCircle': typeof import('~icons/lucide/x-circle')['default']
+    'ILucide:zap': typeof import('~icons/lucide/zap')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     TButton: typeof import('tdesign-vue-next')['Button']
+    TCheckbox: typeof import('tdesign-vue-next')['Checkbox']
+    TCheckboxGroup: typeof import('tdesign-vue-next')['CheckboxGroup']
     TDialog: typeof import('tdesign-vue-next')['Dialog']
     TDivider: typeof import('tdesign-vue-next')['Divider']
     TDropdown: typeof import('tdesign-vue-next')['Dropdown']
@@ -27,11 +61,15 @@ declare module 'vue' {
     TInput: typeof import('tdesign-vue-next')['Input']
     TInputNumber: typeof import('tdesign-vue-next')['InputNumber']
     TLink: typeof import('tdesign-vue-next')['Link']
+    TMenu: typeof import('tdesign-vue-next')['Menu']
+    TMenuItem: typeof import('tdesign-vue-next')['MenuItem']
     TPagination: typeof import('tdesign-vue-next')['Pagination']
+    TProgress: typeof import('tdesign-vue-next')['Progress']
     TRadio: typeof import('tdesign-vue-next')['Radio']
     TRadioGroup: typeof import('tdesign-vue-next')['RadioGroup']
     TSelect: typeof import('tdesign-vue-next')['Select']
     TSpace: typeof import('tdesign-vue-next')['Space']
+    TSubmenu: typeof import('tdesign-vue-next')['Submenu']
     TTable: typeof import('tdesign-vue-next')['Table']
     TTag: typeof import('tdesign-vue-next')['Tag']
     TTree: typeof import('tdesign-vue-next')['Tree']

package/src/views/index.vue CHANGED Viewed

@@ -14,14 +14,5 @@ meta:
 <style lang="scss" scoped>
 .page-home {
     padding: 20px;
-    h1 {
-        color: $primary-color;
-        margin-bottom: 16px;
-    }
-    p {
-        color: $text-color-secondary;
-    }
 }
 </style>

package/vite.config.js CHANGED Viewed

@@ -44,7 +44,9 @@ export default defineConfig({
         }),
         // Vue Reactivity Transform 支持
-        ReactivityTransform(),
+        ReactivityTransform({
+            exclude: []
+        }),
         // API 自动导入
         AutoImport({
@@ -122,33 +124,9 @@ export default defineConfig({
                         return 'framework-pinia';
                     }
-                    // TinyVue 细粒度拆分
-                    if (id.includes('@opentiny/vue-renderless/src/grid')) {
-                        return 'tiny-grid';
-                    }
-                    if (id.includes('@opentiny/vue-renderless/src/table')) {
-                        return 'tiny-table';
-                    }
-                    if (id.includes('@opentiny/vue-renderless/src/tree')) {
-                        return 'tiny-tree';
-                    }
-                    if (id.includes('@opentiny/vue-renderless/src/form')) {
-                        return 'tiny-form';
-                    }
-                    if (id.includes('node_modules/@opentiny/vue-renderless/')) {
-                        return 'tiny-renderless';
-                    }
-                    if (id.includes('node_modules/@opentiny/vue-theme/')) {
-                        return 'tiny-theme';
-                    }
-                    if (id.includes('node_modules/@opentiny/vue-locale/')) {
-                        return 'tiny-locale';
-                    }
-                    if (id.includes('node_modules/@opentiny/vue-common/')) {
-                        return 'tiny-common';
-                    }
-                    if (id.includes('node_modules/@opentiny/vue-icon/')) {
-                        return 'tiny-icon';
+                    // TDesign Vue Next
+                    if (id.includes('node_modules/tdesign-vue-next/') || id.includes('node_modules/.bun/tdesign-vue-next')) {
+                        return 'tdesign';
                     }
                     // 工具库（独立文件）
@@ -161,7 +139,7 @@ export default defineConfig({
                         return 'lib-lodash';
                     }
-                    // echarts 及相关库（TinyVue 图表组件依赖）
+                    // echarts 及相关库
                     if (id.includes('node_modules/echarts/') || id.includes('node_modules/.bun/echarts')) {
                         return 'lib-echarts';
                     }
@@ -180,7 +158,7 @@ export default defineConfig({
                     }
                     // befly-addon
-                    if (id.includes('@befly-addon/')) {
+                    if (id.includes('@befly-addon/') || id.includes('packages/addonAdmin/') || id.includes('packages\\addonAdmin\\')) {
                         return 'befly-addon';
                     }

package/src/views/internal/login.vue DELETED Viewed

@@ -1,73 +0,0 @@
-<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');
-        MessagePlugin.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 DELETED Viewed

@@ -1,57 +0,0 @@
-<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>
-// 无需导入，已自动导入：MessagePlugin, DialogPlugin, NotificationPlugin, LoadingPlugin
-const testModal = () => {
-    MessagePlugin.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>