befly-admin 3.4.28 → 3.4.30

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "befly-admin",
-    "version": "3.4.28",
+    "version": "3.4.30",
     "description": "Befly Admin - 基于 Vue3 + OpenTiny Vue 的后台管理系统",
     "type": "module",
     "private": false,
@@ -29,16 +29,14 @@
         "sync:admin": "bunx befly sync:admin"
     },
     "dependencies": {
-        "@opentiny/vue": "^3.27.0",
         "axios": "^1.13.2",
         "pinia": "^3.0.4",
         "vue": "^3.5.22",
         "vue-router": "^4.6.3"
     },
     "devDependencies": {
-        "@befly-addon/admin": "1.0.30",
+        "@befly-addon/admin": "1.0.32",
         "@iconify-json/lucide": "^1.2.72",
-        "@opentiny/unplugin-tiny-vue": "^1.0.0",
         "@unocss/preset-attributify": "^66.5.6",
         "@unocss/preset-uno": "^66.5.6",
         "@vitejs/plugin-vue": "^6.0.1",
@@ -58,5 +56,5 @@
         "node": ">=24.0.0",
         "pnpm": ">=10.0.0"
     },
-    "gitHead": "178b2045d0a76ba734ec623b7e478b3024a58e6d"
+    "gitHead": "7f8bd9dc5342e59953997d58e6abf6ca2469b211"
 }

package/src/layouts/default.vue

@@ -122,13 +122,13 @@ const $Method = {
 
     // 处理退出登录
     handleLogout() {
-        Modal.confirm({
-            message: '确定要退出登录吗？',
-            title: '确认',
+        DialogPlugin.confirm({
+            body: '确定要退出登录吗？',
+            header: '确认',
             onConfirm: () => {
                 $Storage.local.remove('token');
                 router.push('/internal/login');
-                Message.success('退出成功');
+                MessagePlugin.success('退出成功');
             }
         });
     }

package/src/main.js

@@ -1,5 +1,8 @@
 import App from './App.vue';
 
+// 引入 TDesign 样式
+import 'tdesign-vue-next/es/style/index.css';
+
 // 引入 UnoCSS 样式
 import 'virtual:uno.css';
 

package/src/plugins/http.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { Modal } from '@opentiny/vue';
+import { MessagePlugin } from 'tdesign-vue-next';
 import { $Storage } from './storage';
 
 /**
@@ -49,17 +49,14 @@ request.interceptors.response.use(
 
         // 如果code不是0,说明业务失败
         if (res.code !== 0) {
-            Modal.message({
-                message: res.msg || '请求失败',
-                status: 'error'
-            });
+            MessagePlugin.error(res.msg || '请求失败');
             return Promise.reject(res.data);
         }
 
         return res;
     },
     (error) => {
-        Modal.message({ message: '网络连接失败', status: 'error' });
+        MessagePlugin.error('网络连接失败');
         return Promise.reject(error);
     }
 );

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

@@ -9,12 +9,9 @@ declare global {
   const $Config: typeof import('../config/index.js').$Config
   const $Http: typeof import('../plugins/http.js').$Http
   const $Storage: typeof import('../plugins/storage.js').$Storage
+  const DialogPlugin: typeof import('tdesign-vue-next').DialogPlugin
   const EffectScope: typeof import('vue').EffectScope
-  const Loading: typeof import('@opentiny/vue').Loading
-  const Message: typeof import('@opentiny/vue').Message
-  const MessageBox: typeof import('@opentiny/vue').MessageBox
-  const Modal: typeof import('@opentiny/vue').Modal
-  const Notify: typeof import('@opentiny/vue').Notify
+  const MessagePlugin: typeof import('tdesign-vue-next').MessagePlugin
   const acceptHMRUpdate: typeof import('pinia').acceptHMRUpdate
   const arrayToTree: typeof import('../utils/index.js').arrayToTree
   const computed: typeof import('vue').computed
@@ -23,7 +20,6 @@ declare global {
   const customRef: typeof import('vue').customRef
   const defineAsyncComponent: typeof import('vue').defineAsyncComponent
   const defineComponent: typeof import('vue').defineComponent
-  const definePage: typeof import('unplugin-vue-router/runtime').definePage
   const defineStore: typeof import('pinia').defineStore
   const effectScope: typeof import('vue').effectScope
   const getActivePinia: typeof import('pinia').getActivePinia
@@ -108,11 +104,7 @@ declare module 'vue' {
     readonly $Http: UnwrapRef<typeof import('../plugins/http.js')['$Http']>
     readonly $Storage: UnwrapRef<typeof import('../plugins/storage.js')['$Storage']>
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly Loading: UnwrapRef<typeof import('@opentiny/vue')['Loading']>
-    readonly Message: UnwrapRef<typeof import('@opentiny/vue')['Message']>
-    readonly MessageBox: UnwrapRef<typeof import('@opentiny/vue')['MessageBox']>
-    readonly Modal: UnwrapRef<typeof import('@opentiny/vue')['Modal']>
-    readonly Notify: UnwrapRef<typeof import('@opentiny/vue')['Notify']>
+    readonly MessagePlugin: UnwrapRef<typeof import('tdesign-vue-next')['MessagePlugin']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
     readonly arrayToTree: UnwrapRef<typeof import('../utils/index.js')['arrayToTree']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>

package/src/types/components.d.ts

@@ -16,8 +16,24 @@ declare module 'vue' {
     'ILucide:home': typeof import('~icons/lucide/home')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
-    TinyButton: typeof import('@opentiny/vue-button')['default']
-    TinyTag: typeof import('@opentiny/vue-tag')['default']
-    TinyTreeMenu: typeof import('@opentiny/vue-tree-menu')['default']
+    TButton: typeof import('tdesign-vue-next')['Button']
+    TDialog: typeof import('tdesign-vue-next')['Dialog']
+    TDivider: typeof import('tdesign-vue-next')['Divider']
+    TDropdown: typeof import('tdesign-vue-next')['Dropdown']
+    TDropdownItem: typeof import('tdesign-vue-next')['DropdownItem']
+    TDropdownMenu: typeof import('tdesign-vue-next')['DropdownMenu']
+    TForm: typeof import('tdesign-vue-next')['Form']
+    TFormItem: typeof import('tdesign-vue-next')['FormItem']
+    TInput: typeof import('tdesign-vue-next')['Input']
+    TInputNumber: typeof import('tdesign-vue-next')['InputNumber']
+    TLink: typeof import('tdesign-vue-next')['Link']
+    TPagination: typeof import('tdesign-vue-next')['Pagination']
+    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']
+    TTable: typeof import('tdesign-vue-next')['Table']
+    TTag: typeof import('tdesign-vue-next')['Tag']
+    TTree: typeof import('tdesign-vue-next')['Tree']
   }
 }

package/src/views/internal/login.vue

@@ -31,7 +31,7 @@ const $Method = {
     async handleLogin() {
         // 模拟登录
         $Storage.local.set('token', 'mock-token-123');
-        Modal.message({ message: '登录成功', status: 'success' });
+        MessagePlugin.success('登录成功');
         router.push('/');
     }
 };

package/src/views/test.vue

@@ -12,13 +12,10 @@
 </template>
 
 <script setup>
-// 无需导入，已自动导入：Modal, Message, Notify, MessageBox, Loading
+// 无需导入，已自动导入：MessagePlugin, DialogPlugin, NotificationPlugin, LoadingPlugin
 
 const testModal = () => {
-    Modal.message({
-        message: '这是一个成功提示',
-        status: 'success'
-    });
+    MessagePlugin.success('这是一个成功提示');
 };
 
 const testMessage = () => {

package/vite.config.js

@@ -5,10 +5,10 @@ import { VueRouterAutoImports } from 'unplugin-vue-router';
 import VueDevTools from 'vite-plugin-vue-devtools';
 import AutoImport from 'unplugin-auto-import/vite';
 import Components from 'unplugin-vue-components/vite';
+import { TDesignResolver } from 'unplugin-vue-components/resolvers';
 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 UnoCSS from 'unocss/vite';
 import { fileURLToPath, URL } from 'node:url';
 import { scanBeflyAddonViews } from '@befly-addon/admin/utils/scanBeflyAddonViews';
@@ -48,13 +48,11 @@ export default defineConfig({
 
         // API 自动导入
         AutoImport({
-            imports: [
-                'vue',
-                'pinia',
-                VueRouterAutoImports,
-                {
-                    '@opentiny/vue': ['Modal', 'Notify', 'Message', 'MessageBox', 'Loading']
-                }
+            imports: ['vue', 'pinia', VueRouterAutoImports],
+            resolvers: [
+                TDesignResolver({
+                    library: 'vue-next'
+                })
             ],
             dts: 'src/types/auto-imports.d.ts',
             dirs: ['src/utils', 'src/plugins', 'src/config'],
@@ -63,7 +61,12 @@ export default defineConfig({
 
         // 组件自动导入
         Components({
-            resolvers: [TinyVueSingleResolver, IconsResolver({})],
+            resolvers: [
+                TDesignResolver({
+                    library: 'vue-next'
+                }),
+                IconsResolver({})
+            ],
             dirs: ['src/components'],
             deep: true,
             dts: 'src/types/components.d.ts'
@@ -72,7 +75,7 @@ export default defineConfig({
         // 图标
         Icons({
             compiler: 'vue3',
-            autoInstall: true,
+            autoInstall: false,
             defaultClass: 'icon-befly',
             defaultStyle: 'margin-right: 8px; vertical-align: middle;'
         })
@@ -101,18 +104,90 @@ export default defineConfig({
         assetsDir: 'assets',
         sourcemap: false,
         minify: 'esbuild',
+        chunkSizeWarningLimit: 1000,
         rollupOptions: {
             output: {
                 chunkFileNames: 'assets/js/[name]-[hash].js',
                 entryFileNames: 'assets/js/[name]-[hash].js',
                 assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
-                manualChunks: {
-                    // Vue 核心
-                    'vue-vendor': ['vue', 'vue-router', 'pinia'],
-                    // UI 组件库
-                    'ui-vendor': ['@opentiny/vue'],
-                    // 工具库
-                    'utils-vendor': ['axios']
+                manualChunks: (id) => {
+                    // Vue 核心框架（独立文件）
+                    if (id.includes('node_modules/vue/') || id.includes('node_modules/@vue/')) {
+                        return 'framework-vue';
+                    }
+                    if (id.includes('node_modules/vue-router/')) {
+                        return 'framework-vue-router';
+                    }
+                    if (id.includes('node_modules/pinia/')) {
+                        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';
+                    }
+
+                    // 工具库（独立文件）
+                    if (id.includes('node_modules/axios/')) {
+                        return 'lib-axios';
+                    }
+
+                    // lodash-es 独立拆分（体积较大）
+                    if (id.includes('node_modules/lodash-es/') || id.includes('node_modules/.bun/lodash-es')) {
+                        return 'lib-lodash';
+                    }
+
+                    // echarts 及相关库（TinyVue 图表组件依赖）
+                    if (id.includes('node_modules/echarts/') || id.includes('node_modules/.bun/echarts')) {
+                        return 'lib-echarts';
+                    }
+                    if (id.includes('node_modules/zrender/') || id.includes('node_modules/.bun/zrender')) {
+                        return 'lib-zrender';
+                    }
+
+                    // Lucide 图标
+                    if (id.includes('node_modules/@iconify/') || id.includes('~icons/')) {
+                        return 'icons';
+                    }
+
+                    // Vue Macros
+                    if (id.includes('node_modules/@vue-macros/') || id.includes('node_modules/vue-macros/')) {
+                        return 'vue-macros';
+                    }
+
+                    // befly-addon
+                    if (id.includes('@befly-addon/')) {
+                        return 'befly-addon';
+                    }
+
+                    // 其他 node_modules 依赖
+                    if (id.includes('node_modules/')) {
+                        return 'vendor';
+                    }
                 }
             }
         }
@@ -131,6 +206,15 @@ export default defineConfig({
 
     // 优化配置
     optimizeDeps: {
-        include: ['vue', 'vue-router', 'pinia', 'axios', '@opentiny/vue', 'vue-macros/macros']
+        include: [
+            // Vue 核心框架
+            'vue',
+            'vue-router',
+            'pinia',
+            'axios',
+            'vue-macros/macros',
+            // TDesign Vue Next（按需加载，无需预配置）
+            'tdesign-vue-next'
+        ]
     }
 });