befly-admin 3.4.5 → 3.4.6

package/bunfig.toml

@@ -1,11 +1,4 @@
 [install]
-# 使用隔离模式
 linker = "isolated"
 
-
-# 提升类型定义和工具到根目录
-publicHoistPattern = [
-    "@types/*",    # 所有 TypeScript 类型
-    "typescript",  # TypeScript 编译器
-    "@opentiny/*",
-]
+publicHoistPattern = ["@types*", "*eslint*", "@opentiny/*"]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "befly-admin",
-    "version": "3.4.5",
+    "version": "3.4.6",
     "description": "Befly Admin - 基于 Vue3 + OpenTiny Vue 的后台管理系统",
     "type": "module",
     "private": false,
@@ -31,26 +31,30 @@
     "dependencies": {
         "@opentiny/vue": "^3.27.0",
         "axios": "^1.13.2",
-        "befly-auto-routes": "^1.1.0",
-        "lucide-vue-next": "^0.552.0",
         "pinia": "^3.0.4",
         "vue": "^3.5.22",
         "vue-router": "^4.6.3"
     },
     "devDependencies": {
+        "@iconify-json/lucide": "^1.2.72",
+        "@iconify/json": "^2.2.280",
         "@opentiny/unplugin-tiny-vue": "^1.0.0",
         "@vitejs/plugin-vue": "^6.0.1",
         "@vue-macros/reactivity-transform": "^3.1.1",
+        "@vue/compiler-sfc": "^3.5.22",
+        "befly-auto-routes": "1.1.0",
+        "merge-anything": "^6.0.6",
         "sass": "^1.93.3",
         "typescript": "^5.9.3",
         "unplugin-auto-import": "^20.2.0",
+        "unplugin-icons": "^0.22.0",
         "unplugin-vue-components": "^30.0.0",
         "vite": "^7.2.0",
         "vue-tsc": "^3.1.3"
     },
     "engines": {
-        "node": ">=22.0.0",
-        "pnpm": ">=9.0.0"
+        "node": ">=24.0.0",
+        "pnpm": ">=10.0.0"
     },
-    "gitHead": "70faf2a86ad8e9e71c5e80fde3f0b2e22c81a18a"
+    "gitHead": "c0844203f8fee734d2a8742f3b77b67bf0874681"
 }

package/src/config/internal/index.ts

@@ -0,0 +1,20 @@
+/**
+ * 内部配置
+ * 存放框架内置的配置变量，不建议修改
+ */
+
+/**
+ * 内置配置对象
+ */
+export const $ConfigInternal = {
+    /** 应用标题 */
+    appTitle: import.meta.env.VITE_APP_TITLE || '管理后台',
+    /** API 基础地址 */
+    apiBaseUrl: import.meta.env.VITE_API_BASE_URL || '',
+    /** 存储命名空间 */
+    storageNamespace: import.meta.env.VITE_STORAGE_NAMESPACE || 'befly_admin',
+    /** 是否开发环境 */
+    isDev: import.meta.env.DEV,
+    /** 是否生产环境 */
+    isProd: import.meta.env.PROD
+};

package/src/layouts/internal/0.vue

@@ -3,7 +3,7 @@
         <!-- 顶部导航栏 -->
         <div class="layout-header">
             <div class="logo">
-                <h2>{{ import.meta.env.VITE_APP_TITLE }}</h2>
+                <h2>{{ global.data.appTitle }}</h2>
             </div>
             <div class="header-right">
                 <tiny-dropdown title="管理员" trigger="click" border type="info" @item-click="$Method.handleUserMenu">
@@ -21,7 +21,7 @@
             <tiny-tree-menu :data="$Data.userMenus" :props="{ label: 'name' }" node-key="id" :node-height="40" :show-filter="false" :default-expanded-keys="$Data.expandedKeys" :default-expanded-keys-highlight="$Data.currentNodeKey" style="height: 100%" only-check-children width-adapt @node-click="$Method.onMenuClick">
                 <template #default="{ data }">
                     <span class="menu-item">
-                        <Icon :name="data.icon || 'Squircle'" :size="16" style="margin-right: 8px; vertical-align: middle" />
+                        <i-lucide:square style="width: 16px; height: 16px; margin-right: 8px; vertical-align: middle" />
                         <span>{{ data.name }}</span>
                     </span>
                 </template>
@@ -40,6 +40,7 @@ import { arrayToTree } from '@/utils';
 
 const router = useRouter();
 const route = useRoute();
+const global = useGlobal();
 
 // 响应式数据
 const $Data = $ref({

package/src/plugins/internal/global.ts

@@ -0,0 +1,27 @@
+import { defineStore } from 'pinia';
+
+/**
+ * 全局状态管理
+ * 集中管理所有全局数据，避免分散到多个 store 文件
+ */
+export const useGlobal = defineStore('global', () => {
+    // ==================== 全局数据 ====================
+    const data = $ref({});
+
+    // ==================== 全局方法 ====================
+    const method = {
+        /**
+         * 设置页面标题
+         * @param title 标题文本
+         */
+        setPageTitle: (title?: string) => {
+            document.title = title ? `${title} - ${$ConfigInternal.appTitle}` : $ConfigInternal.appTitle;
+        }
+    };
+
+    // ==================== 返回 ====================
+    return {
+        data,
+        method
+    };
+});

package/src/plugins/internal/router.ts

@@ -28,11 +28,11 @@ router.beforeEach(async (to, from, next) => {
 
     // 1. 未登录且访问受保护路由 → 跳转登录
     if (!token && isProtectedRoute) {
-        return next('/login');
+        return next('/internal/login');
     }
 
     // 2. 已登录访问登录页 → 跳转首页
-    if (token && to.path === '/login') {
+    if (token && to.path === '/internal/login') {
         return next('/');
     }
 

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

@@ -6,28 +6,29 @@
 // biome-ignore lint: disable
 export {}
 declare global {
+  const $ConfigInternal: typeof import('../config/internal/index')['$ConfigInternal']
   const $Http: typeof import('../plugins/internal/http')['$Http']
-  const $Session: typeof import('../plugins/storage')['$Session']
+  const $Session: (typeof import('../plugins/storage'))['$Session']
   const $Storage: typeof import('../plugins/internal/storage')['$Storage']
-  const AppIcon: typeof import('tdesign-icons-vue-next')['AppIcon']
-  const DashboardIcon: typeof import('tdesign-icons-vue-next')['DashboardIcon']
-  const DialogPlugin: typeof import('tdesign-vue-next')['DialogPlugin']
+  const AppIcon: (typeof import('tdesign-icons-vue-next'))['AppIcon']
+  const DashboardIcon: (typeof import('tdesign-icons-vue-next'))['DashboardIcon']
+  const DialogPlugin: (typeof import('tdesign-vue-next'))['DialogPlugin']
   const EffectScope: typeof import('vue')['EffectScope']
-  const FileIcon: typeof import('tdesign-icons-vue-next')['FileIcon']
-  const FolderOpenIcon: typeof import('tdesign-icons-vue-next')['FolderOpenIcon']
-  const HomeIcon: typeof import('tdesign-icons-vue-next')['HomeIcon']
+  const FileIcon: (typeof import('tdesign-icons-vue-next'))['FileIcon']
+  const FolderOpenIcon: (typeof import('tdesign-icons-vue-next'))['FolderOpenIcon']
+  const HomeIcon: (typeof import('tdesign-icons-vue-next'))['HomeIcon']
   const Loading: typeof import('@opentiny/vue')['Loading']
-  const LoadingPlugin: typeof import('tdesign-vue-next')['LoadingPlugin']
+  const LoadingPlugin: (typeof import('tdesign-vue-next'))['LoadingPlugin']
   const Message: typeof import('@opentiny/vue')['Message']
-  const MessagePlugin: typeof import('tdesign-vue-next')['MessagePlugin']
+  const MessagePlugin: (typeof import('tdesign-vue-next'))['MessagePlugin']
   const Modal: typeof import('@opentiny/vue')['Modal']
   const Notify: typeof import('@opentiny/vue')['Notify']
-  const NotifyPlugin: typeof import('tdesign-vue-next')['NotifyPlugin']
-  const RootListIcon: typeof import('tdesign-icons-vue-next')['RootListIcon']
-  const SettingIcon: typeof import('tdesign-icons-vue-next')['SettingIcon']
+  const NotifyPlugin: (typeof import('tdesign-vue-next'))['NotifyPlugin']
+  const RootListIcon: (typeof import('tdesign-icons-vue-next'))['RootListIcon']
+  const SettingIcon: (typeof import('tdesign-icons-vue-next'))['SettingIcon']
   const TinyMessage: typeof import('@opentiny/vue-message')['default']
-  const UserIcon: typeof import('tdesign-icons-vue-next')['UserIcon']
-  const ViewListIcon: typeof import('tdesign-icons-vue-next')['ViewListIcon']
+  const UserIcon: (typeof import('tdesign-icons-vue-next'))['UserIcon']
+  const ViewListIcon: (typeof import('tdesign-icons-vue-next'))['ViewListIcon']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
   const computed: typeof import('vue')['computed']
   const createApp: typeof import('vue')['createApp']
@@ -41,7 +42,7 @@ declare global {
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
   const getCurrentWatcher: typeof import('vue')['getCurrentWatcher']
-  const getIcon: typeof import('tdesign-icons-vue-next')['getIcon']
+  const getIcon: (typeof import('tdesign-icons-vue-next'))['getIcon']
   const h: typeof import('vue')['h']
   const iconAcceptance: typeof import('@opentiny/vue-icon').iconAcceptance
   const iconActivation: typeof import('@opentiny/vue-icon').iconActivation
@@ -618,7 +619,7 @@ declare global {
   const shallowReactive: typeof import('vue')['shallowReactive']
   const shallowReadonly: typeof import('vue')['shallowReadonly']
   const shallowRef: typeof import('vue')['shallowRef']
-  const storage: typeof import('../plugins/storage')['default']
+  const storage: (typeof import('../plugins/storage'))['default']
   const storeToRefs: typeof import('pinia')['storeToRefs']
   const toRaw: typeof import('vue')['toRaw']
   const toRef: typeof import('vue')['toRef']
@@ -629,7 +630,7 @@ declare global {
   const useAttrs: typeof import('vue')['useAttrs']
   const useCssModule: typeof import('vue')['useCssModule']
   const useCssVars: typeof import('vue')['useCssVars']
-  const useGlobal: typeof import('../plugins/internal/store')['useGlobal']
+  const useGlobal: typeof import('../plugins/internal/global')['useGlobal']
   const useGlobalStore: typeof import('../plugins/store').useGlobalStore
   const useId: typeof import('vue')['useId']
   const useLink: typeof import('vue-router')['useLink']
@@ -650,3 +651,96 @@ declare global {
   export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }
+
+// for vue template auto import
+import { UnwrapRef } from 'vue'
+declare module 'vue' {
+  interface GlobalComponents {}
+  interface ComponentCustomProperties {
+    readonly $ConfigInternal: UnwrapRef<typeof import('../config/internal/index')['$ConfigInternal']>
+    readonly $Http: UnwrapRef<typeof import('../plugins/internal/http')['$Http']>
+    readonly $Storage: UnwrapRef<typeof import('../plugins/internal/storage')['$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 Modal: UnwrapRef<typeof import('@opentiny/vue')['Modal']>
+    readonly Notify: UnwrapRef<typeof import('@opentiny/vue')['Notify']>
+    readonly TinyMessage: UnwrapRef<typeof import('@opentiny/vue-message')['default']>
+    readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
+    readonly computed: UnwrapRef<typeof import('vue')['computed']>
+    readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
+    readonly createPinia: UnwrapRef<typeof import('pinia')['createPinia']>
+    readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
+    readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
+    readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
+    readonly defineStore: UnwrapRef<typeof import('pinia')['defineStore']>
+    readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
+    readonly getActivePinia: UnwrapRef<typeof import('pinia')['getActivePinia']>
+    readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
+    readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
+    readonly getCurrentWatcher: UnwrapRef<typeof import('vue')['getCurrentWatcher']>
+    readonly h: UnwrapRef<typeof import('vue')['h']>
+    readonly inject: UnwrapRef<typeof import('vue')['inject']>
+    readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
+    readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
+    readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
+    readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
+    readonly isShallow: UnwrapRef<typeof import('vue')['isShallow']>
+    readonly mapActions: UnwrapRef<typeof import('pinia')['mapActions']>
+    readonly mapGetters: UnwrapRef<typeof import('pinia')['mapGetters']>
+    readonly mapState: UnwrapRef<typeof import('pinia')['mapState']>
+    readonly mapStores: UnwrapRef<typeof import('pinia')['mapStores']>
+    readonly mapWritableState: UnwrapRef<typeof import('pinia')['mapWritableState']>
+    readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
+    readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
+    readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
+    readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
+    readonly onBeforeRouteLeave: UnwrapRef<typeof import('vue-router')['onBeforeRouteLeave']>
+    readonly onBeforeRouteUpdate: UnwrapRef<typeof import('vue-router')['onBeforeRouteUpdate']>
+    readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
+    readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
+    readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
+    readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
+    readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
+    readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
+    readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
+    readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
+    readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
+    readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
+    readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly onWatcherCleanup: UnwrapRef<typeof import('vue')['onWatcherCleanup']>
+    readonly provide: UnwrapRef<typeof import('vue')['provide']>
+    readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
+    readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
+    readonly ref: UnwrapRef<typeof import('vue')['ref']>
+    readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
+    readonly router: UnwrapRef<typeof import('../plugins/internal/router')['router']>
+    readonly setActivePinia: UnwrapRef<typeof import('pinia')['setActivePinia']>
+    readonly setMapStoreSuffix: UnwrapRef<typeof import('pinia')['setMapStoreSuffix']>
+    readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
+    readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
+    readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
+    readonly storeToRefs: UnwrapRef<typeof import('pinia')['storeToRefs']>
+    readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
+    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
+    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
+    readonly toValue: UnwrapRef<typeof import('vue')['toValue']>
+    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
+    readonly unref: UnwrapRef<typeof import('vue')['unref']>
+    readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
+    readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
+    readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
+    readonly useGlobal: UnwrapRef<typeof import('../plugins/internal/global')['useGlobal']>
+    readonly useId: UnwrapRef<typeof import('vue')['useId']>
+    readonly useLink: UnwrapRef<typeof import('vue-router')['useLink']>
+    readonly useModel: UnwrapRef<typeof import('vue')['useModel']>
+    readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
+    readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
+    readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
+    readonly useTemplateRef: UnwrapRef<typeof import('vue')['useTemplateRef']>
+    readonly watch: UnwrapRef<typeof import('vue')['watch']>
+    readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
+    readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
+    readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
+  }
+}

package/src/types/components.d.ts

@@ -12,6 +12,33 @@ export {}
 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:circle': typeof import('~icons/lucide/circle')['default']
+    'ILucide:clock': typeof import('~icons/lucide/clock')['default']
+    'ILucide:cloud': typeof import('~icons/lucide/cloud')['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:hardDrive': typeof import('~icons/lucide/hard-drive')['default']
+    'ILucide:info': typeof import('~icons/lucide/info')['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: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: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: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']
     TinyButton: typeof import('@opentiny/vue-button')['default']

package/src/views/internal/admin/index.vue

@@ -1,10 +1,10 @@
-<template>
+<template>
     <div class="page-admin page-table">
         <div class="main-tool">
             <div class="left">
                 <tiny-button type="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
-                        <Icon name="Plus" :size="16" />
+                        <i-lucide:plus style="width: 16px; height: 16px" />
                     </template>
                     添加管理员
                 </tiny-button>
@@ -12,7 +12,14 @@
             <div class="right">
                 <tiny-button @click="$Method.handleRefresh">
                     <template #icon>
-                        <Icon name="RotateCw" :size="16" />
+                        <i-lucide:rotate-cw style="width: 16px; height: 16px" />
+                    </template>
+                </tiny-button>
+            </div>
+            <div class="right">
+                <tiny-button @click="$Method.handleRefresh">
+                    <template #icon>
+                        <i-lucide:rotate-cw style="width: 16px; height: 16px" />
                     </template>
                     刷新
                 </tiny-button>
@@ -39,15 +46,15 @@
                             <template #dropdown>
                                 <tiny-dropdown-menu>
                                     <tiny-dropdown-item :item-data="{ command: 'role' }">
-                                        <Icon name="User" />
+                                        <i-lucide:user style="width: 14px; height: 14px; margin-right: 6px" />
                                         分配角色
                                     </tiny-dropdown-item>
                                     <tiny-dropdown-item :item-data="{ command: 'upd' }">
-                                        <Icon name="Edit" />
+                                        <i-lucide:pencil style="width: 14px; height: 14px; margin-right: 6px" />
                                         编辑
                                     </tiny-dropdown-item>
                                     <tiny-dropdown-item :item-data="{ command: 'del' }" divided>
-                                        <Icon name="Trash2" />
+                                        <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
                                         删除
                                     </tiny-dropdown-item>
                                 </tiny-dropdown-menu>

package/src/views/internal/dict/index.vue

@@ -4,7 +4,7 @@
             <div class="left">
                 <tiny-button type="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
-                        <Icon name="Plus" :size="16" />
+                        <i-lucide:plus style="width: 16px; height: 16px" />
                     </template>
                     添加字典
                 </tiny-button>
@@ -12,7 +12,7 @@
             <div class="right">
                 <tiny-button @click="$Method.handleRefresh">
                     <template #icon>
-                        <Icon name="RotateCw" :size="16" />
+                        <i-lucide:rotate-cw style="width: 16px; height: 16px" />
                     </template>
                     刷新
                 </tiny-button>
@@ -40,11 +40,11 @@
                             <template #dropdown>
                                 <tiny-dropdown-menu>
                                     <tiny-dropdown-item :item-data="{ command: 'upd' }">
-                                        <Icon name="Edit" />
+                                        <i-lucide:pencil style="width: 14px; height: 14px; margin-right: 6px" />
                                         编辑
                                     </tiny-dropdown-item>
                                     <tiny-dropdown-item :item-data="{ command: 'del' }" divided>
-                                        <Icon name="Trash2" />
+                                        <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
                                         删除
                                     </tiny-dropdown-item>
                                 </tiny-dropdown-menu>

package/src/views/internal/index/components/addonList.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="section-block">
         <div class="section-header">
-            <Icon name="Package" :size="20" />
+            <i-lucide:package style="width: 20px; height: 20px" />
             <h2>已安装插件</h2>
         </div>
         <div class="section-content">
@@ -9,7 +9,7 @@
                 <div v-for="addon in addonList" :key="addon.name" class="addon-item">
                     <div class="addon-status-badge" :class="{ active: addon.enabled }"></div>
                     <div class="addon-icon">
-                        <Icon name="Box" :size="20" />
+                        <i-lucide:box style="width: 20px; height: 20px" />
                     </div>
                     <div class="addon-info">
                         <div class="addon-title">

package/src/views/internal/index/components/environmentInfo.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="section-block">
         <div class="section-header">
-            <Icon name="Server" :size="20" />
+            <i-lucide:server style="width: 20px; height: 20px" />
             <h2>运行环境</h2>
         </div>
         <div class="section-content">

package/src/views/internal/index/components/operationLogs.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="section-block">
         <div class="section-header">
-            <Icon name="List" :size="20" />
+            <i-lucide:list style="width: 20px; height: 20px" />
             <h2>操作日志</h2>
         </div>
         <div class="section-content">

package/src/views/internal/index/components/performanceMetrics.vue

@@ -1,14 +1,14 @@
 <template>
     <div class="section-block">
         <div class="section-header">
-            <Icon name="Zap" :size="20" />
+            <i-lucide:zap style="width: 20px; height: 20px" />
             <h2>性能指标</h2>
         </div>
         <div class="section-content">
             <div class="performance-grid">
                 <div class="perf-metric">
                     <div class="perf-icon">
-                        <Icon name="Clock" :size="18" />
+                        <i-lucide:clock style="width: 18px; height: 18px" />
                     </div>
                     <div class="perf-info">
                         <div class="perf-label">平均响应</div>
@@ -17,7 +17,7 @@
                 </div>
                 <div class="perf-metric">
                     <div class="perf-icon">
-                        <Icon name="TrendingUp" :size="18" />
+                        <i-lucide:trending-up style="width: 18px; height: 18px" />
                     </div>
                     <div class="perf-info">
                         <div class="perf-label">QPS</div>
@@ -26,7 +26,7 @@
                 </div>
                 <div class="perf-metric">
                     <div class="perf-icon">
-                        <Icon name="AlertCircle" :size="18" />
+                        <i-lucide:alert-circle style="width: 18px; height: 18px" />
                     </div>
                     <div class="perf-info">
                         <div class="perf-label">错误率</div>
@@ -35,7 +35,7 @@
                 </div>
                 <div class="perf-metric">
                     <div class="perf-icon">
-                        <Icon name="Activity" :size="18" />
+                        <i-lucide:activity style="width: 18px; height: 18px" />
                     </div>
                     <div class="perf-info">
                         <div class="perf-label">活跃连接</div>
@@ -45,7 +45,7 @@
             </div>
             <!-- 最慢接口提示 -->
             <div v-if="performanceMetrics.slowestApi" class="perf-slowest">
-                <Icon name="AlertTriangle" :size="14" />
+                <i-lucide:alert-triangle style="width: 14px; height: 14px" />
                 <span>最慢接口: {{ performanceMetrics.slowestApi.path }} ({{ performanceMetrics.slowestApi.time }}ms)</span>
             </div>
         </div>

package/src/views/internal/index/components/quickActions.vue

@@ -3,7 +3,7 @@
         <div class="section-content">
             <tiny-button type="primary" size="large" @click="handleClearCache">
                 <template #prefix>
-                    <Icon name="RotateCw" :size="18" />
+                    <i-lucide:rotate-cw style="width: 18px; height: 18px" />
                 </template>
                 刷新缓存
             </tiny-button>

package/src/views/internal/index/components/serviceStatus.vue

@@ -1,14 +1,19 @@
 <template>
     <div class="section-block">
         <div class="section-header">
-            <Icon name="Settings" :size="20" />
+            <i-lucide:settings style="width: 20px; height: 20px" />
             <h2>服务状态</h2>
         </div>
         <div class="section-content">
             <div class="config-grid">
                 <div v-for="service in services" :key="service.name" class="config-card" :class="`config-${service.status}`">
                     <div class="config-icon">
-                        <Icon :name="getServiceIcon(service.name)" :size="20" />
+                        <i-lucide:database v-if="service.name === '数据库'" style="width: 20px; height: 20px" />
+                        <i-lucide:zap v-else-if="service.name === 'Redis'" style="width: 20px; height: 20px" />
+                        <i-lucide:hard-drive v-else-if="service.name === '文件系统'" style="width: 20px; height: 20px" />
+                        <i-lucide:mail v-else-if="service.name === '邮件服务'" style="width: 20px; height: 20px" />
+                        <i-lucide:cloud v-else-if="service.name === 'OSS存储'" style="width: 20px; height: 20px" />
+                        <i-lucide:circle v-else style="width: 20px; height: 20px" />
                     </div>
                     <div class="config-info">
                         <div class="config-name">{{ service.name }}</div>
@@ -18,7 +23,10 @@
                         </div>
                     </div>
                     <div class="config-badge">
-                        <Icon :name="getStatusIcon(service.status)" :size="32" />
+                        <i-lucide:check-circle v-if="service.status === 'running'" style="width: 32px; height: 32px" />
+                        <i-lucide:x-circle v-else-if="service.status === 'stopped'" style="width: 32px; height: 32px" />
+                        <i-lucide:alert-circle v-else-if="service.status === 'unconfigured'" style="width: 32px; height: 32px" />
+                        <i-lucide:circle v-else style="width: 32px; height: 32px" />
                     </div>
                 </div>
             </div>
@@ -60,26 +68,6 @@ const getStatusText = (status) => {
     };
     return texts[status] || status;
 };
-
-const getServiceIcon = (name) => {
-    const icons = {
-        数据库: 'Database',
-        Redis: 'Zap',
-        文件系统: 'HardDrive',
-        邮件服务: 'Mail',
-        OSS存储: 'Cloud'
-    };
-    return icons[name] || 'Circle';
-};
-
-const getStatusIcon = (status) => {
-    const icons = {
-        running: 'CheckCircle',
-        stopped: 'XCircle',
-        unconfigured: 'AlertCircle'
-    };
-    return icons[status] || 'Circle';
-};
 </script>
 
 <style scoped lang="scss">

package/src/views/internal/index/components/systemNotifications.vue

@@ -1,14 +1,18 @@
 <template>
     <div class="section-block">
         <div class="section-header">
-            <Icon name="Bell" :size="20" />
+            <i-lucide:bell style="width: 20px; height: 20px" />
             <h2>系统通知</h2>
         </div>
         <div class="section-content">
             <div class="notification-compact-list">
                 <div v-for="notification in notifications" :key="notification.id" class="notification-compact-item">
                     <div class="notification-icon" :class="`type-${notification.type}`">
-                        <Icon :name="getNotificationIcon(notification.type)" :size="16" />
+                        <i-lucide:info v-if="notification.type === 'info'" style="width: 16px; height: 16px" />
+                        <i-lucide:check-circle v-else-if="notification.type === 'success'" style="width: 16px; height: 16px" />
+                        <i-lucide:alert-triangle v-else-if="notification.type === 'warning'" style="width: 16px; height: 16px" />
+                        <i-lucide:x-circle v-else-if="notification.type === 'error'" style="width: 16px; height: 16px" />
+                        <i-lucide:bell v-else style="width: 16px; height: 16px" />
                     </div>
                     <div class="notification-content">
                         <span class="notification-title">{{ notification.title }}</span>
@@ -30,16 +34,6 @@ const notifications = $ref([
     { id: 4, type: 'success', title: '性能优化完成 - 响应速度提升30%', isRead: true, createdAt: Date.now() - 172800000 }
 ]);
 
-const getNotificationIcon = (type) => {
-    const iconMap = {
-        info: 'Info',
-        success: 'CheckCircle',
-        warning: 'AlertTriangle',
-        error: 'XCircle'
-    };
-    return iconMap[type] || 'Bell';
-};
-
 const formatTime = (timestamp) => {
     const date = new Date(timestamp);
     const now = Date.now();

package/src/views/internal/index/components/systemOverview.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="section-block">
         <div class="section-header">
-            <Icon name="Info" :size="20" />
+            <i-lucide:info style="width: 20px; height: 20px" />
             <h2>系统概览</h2>
         </div>
         <div class="section-content">
@@ -10,21 +10,21 @@
                     <div class="info-block">
                         <div class="stats-grid">
                             <div class="stat-box stat-primary">
-                                <Icon name="Menu" :size="24" />
+                                <i-lucide:menu style="width: 24px; height: 24px" />
                                 <div class="stat-content">
                                     <div class="stat-value">{{ permissionStats.menuCount }}</div>
                                     <div class="stat-label">菜单总数</div>
                                 </div>
                             </div>
                             <div class="stat-box stat-success">
-                                <Icon name="Webhook" :size="24" />
+                                <i-lucide:webhook style="width: 24px; height: 24px" />
                                 <div class="stat-content">
                                     <div class="stat-value">{{ permissionStats.apiCount }}</div>
                                     <div class="stat-label">接口总数</div>
                                 </div>
                             </div>
                             <div class="stat-box stat-warning">
-                                <Icon name="Users" :size="24" />
+                                <i-lucide:users style="width: 24px; height: 24px" />
                                 <div class="stat-content">
                                     <div class="stat-value">{{ permissionStats.roleCount }}</div>
                                     <div class="stat-label">角色总数</div>

package/src/views/internal/index/components/systemResources.vue

@@ -1,14 +1,14 @@
 <template>
     <div class="section-block">
         <div class="section-header">
-            <Icon name="Activity" :size="20" />
+            <i-lucide:activity style="width: 20px; height: 20px" />
             <h2>系统资源</h2>
         </div>
         <div class="section-content">
             <div class="resource-compact-list">
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
-                        <Icon name="Cpu" :size="16" />
+                        <i-lucide:cpu style="width: 16px; height: 16px" />
                         <span class="resource-label">CPU</span>
                         <span class="resource-value">{{ systemResources.cpu.usage }}%</span>
                         <span class="resource-desc">{{ systemResources.cpu.cores }}核心</span>
@@ -17,7 +17,7 @@
                 </div>
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
-                        <Icon name="HardDrive" :size="16" />
+                        <i-lucide:hard-drive style="width: 16px; height: 16px" />
                         <span class="resource-label">内存</span>
                         <span class="resource-value">{{ systemResources.memory.percentage }}%</span>
                         <span class="resource-desc">{{ systemResources.memory.used }}GB / {{ systemResources.memory.total }}GB</span>
@@ -26,7 +26,7 @@
                 </div>
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
-                        <Icon name="Disc" :size="16" />
+                        <i-lucide:disc style="width: 16px; height: 16px" />
                         <span class="resource-label">磁盘</span>
                         <span class="resource-value">{{ systemResources.disk.percentage }}%</span>
                         <span class="resource-desc">{{ systemResources.disk.used }}GB / {{ systemResources.disk.total }}GB</span>

package/src/views/internal/index/components/userInfo.vue

@@ -2,7 +2,7 @@
     <div class="section-block user-info-card">
         <div class="user-header">
             <div class="user-avatar">
-                <Icon name="User" :size="32" />
+                <i-lucide:user style="width: 32px; height: 32px" />
             </div>
             <div class="user-basic">
                 <div class="user-name">{{ $Data.userInfo.nickname || $Data.userInfo.name || $Data.userInfo.username || '未设置' }}</div>
@@ -11,15 +11,15 @@
         </div>
         <div class="user-details">
             <div class="detail-item">
-                <Icon name="Mail" :size="14" />
+                <i-lucide:mail style="width: 14px; height: 14px" />
                 <span>{{ $Data.userInfo.email || '未设置' }}</span>
             </div>
             <div v-if="$Data.userInfo.phone" class="detail-item">
-                <Icon name="Phone" :size="14" />
+                <i-lucide:phone style="width: 14px; height: 14px" />
                 <span>{{ $Data.userInfo.phone }}</span>
             </div>
             <div v-if="$Data.userInfo.lastLoginTime" class="detail-item">
-                <Icon name="Clock" :size="14" />
+                <i-lucide:clock style="width: 14px; height: 14px" />
                 <span>{{ $Method.formatTime($Data.userInfo.lastLoginTime) }}</span>
             </div>
         </div>
@@ -28,7 +28,7 @@
         <div v-if="$Data.userInfo.roleCode === 'dev'" class="user-actions">
             <tiny-button type="primary" size="mini" :loading="$Data.refreshing" @click="$Method.handleRefreshCache">
                 <template #icon>
-                    <Icon name="RotateCw" :size="14" />
+                    <i-lucide:rotate-cw style="width: 14px; height: 14px" />
                 </template>
                 刷新缓存
             </tiny-button>

package/src/views/internal/login/components/emailLoginForm.vue

@@ -3,7 +3,7 @@
         <tiny-form-item prop="account" label="账号">
             <tiny-input v-model="$Data.formData.account" placeholder="请输入用户名或邮箱" size="large" clearable>
                 <template #prefix-icon>
-                    <Icon name="User" :size="18" />
+                    <i-lucide:user style="width: 18px; height: 18px" />
                 </template>
             </tiny-input>
         </tiny-form-item>
@@ -11,7 +11,7 @@
         <tiny-form-item prop="password" label="密码">
             <tiny-input v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
                 <template #prefix-icon>
-                    <Icon name="Lock" :size="18" />
+                    <i-lucide:lock style="width: 18px; height: 18px" />
                 </template>
             </tiny-input>
         </tiny-form-item>

package/src/views/internal/login/components/registerForm.vue

@@ -3,7 +3,7 @@
         <tiny-form-item prop="username" label="用户名">
             <tiny-input v-model="$Data.formData.username" placeholder="请输入用户名" size="large" clearable>
                 <template #prefix-icon>
-                    <Icon name="User" :size="18" />
+                    <i-lucide:user style="width: 18px; height: 18px" />
                 </template>
             </tiny-input>
         </tiny-form-item>
@@ -11,7 +11,7 @@
         <tiny-form-item prop="email" label="邮箱">
             <tiny-input v-model="$Data.formData.email" placeholder="请输入邮箱" size="large" clearable>
                 <template #prefix-icon>
-                    <Icon name="Mail" :size="18" />
+                    <i-lucide:mail style="width: 18px; height: 18px" />
                 </template>
             </tiny-input>
         </tiny-form-item>
@@ -19,7 +19,7 @@
         <tiny-form-item prop="password" label="密码">
             <tiny-input v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
                 <template #prefix-icon>
-                    <Icon name="Lock" :size="18" />
+                    <i-lucide:lock style="width: 18px; height: 18px" />
                 </template>
             </tiny-input>
         </tiny-form-item>
@@ -27,7 +27,7 @@
         <tiny-form-item prop="nickname" label="昵称">
             <tiny-input v-model="$Data.formData.nickname" placeholder="请输入昵称（选填）" size="large" clearable>
                 <template #prefix-icon>
-                    <Icon name="Smile" :size="18" />
+                    <i-lucide:smile style="width: 18px; height: 18px" />
                 </template>
             </tiny-input>
         </tiny-form-item>

package/src/views/internal/menu/index.vue

@@ -4,7 +4,7 @@
             <div class="left">
                 <tiny-button type="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
-                        <Icon name="Plus" :size="16" />
+                        <i-lucide:plus style="width: 16px; height: 16px" />
                     </template>
                     添加菜单
                 </tiny-button>
@@ -12,7 +12,7 @@
             <div class="right">
                 <tiny-button @click="$Method.handleRefresh">
                     <template #icon>
-                        <Icon name="RotateCw" :size="16" />
+                        <i-lucide:rotate-cw style="width: 16px; height: 16px" />
                     </template>
                     刷新
                 </tiny-button>
@@ -25,7 +25,7 @@
                 <tiny-grid-column field="path" title="路径" :width="200" />
                 <tiny-grid-column field="icon" title="图标" :width="100">
                     <template #default="{ row }">
-                        <Icon v-if="row.icon" :name="row.icon" :size="16" />
+                        <i-lucide:square v-if="row.icon" style="width: 16px; height: 16px" />
                         <span v-else>-</span>
                     </template>
                 </tiny-grid-column>
@@ -49,11 +49,11 @@
                             <template #dropdown>
                                 <tiny-dropdown-menu>
                                     <tiny-dropdown-item :item-data="{ command: 'upd' }">
-                                        <Icon name="Edit" />
+                                        <i-lucide:pencil style="width: 14px; height: 14px; margin-right: 6px" />
                                         编辑
                                     </tiny-dropdown-item>
                                     <tiny-dropdown-item :item-data="{ command: 'del' }" divided>
-                                        <Icon name="Trash2" />
+                                        <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
                                         删除
                                     </tiny-dropdown-item>
                                 </tiny-dropdown-menu>

package/src/views/internal/role/index.vue

@@ -4,7 +4,7 @@
             <div class="left">
                 <tiny-button type="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
-                        <Icon name="Plus" :size="16" />
+                        <i-lucide:plus style="width: 16px; height: 16px" />
                     </template>
                     添加角色
                 </tiny-button>
@@ -12,7 +12,7 @@
             <div class="right">
                 <tiny-button @click="$Method.handleRefresh">
                     <template #icon>
-                        <Icon name="RotateCw" :size="16" />
+                        <i-lucide:rotate-cw style="width: 16px; height: 16px" />
                     </template>
                     刷新
                 </tiny-button>
@@ -38,19 +38,19 @@
                             <template #dropdown>
                                 <tiny-dropdown-menu>
                                     <tiny-dropdown-item :item-data="{ command: 'upd' }">
-                                        <Icon name="Edit" />
+                                        <i-lucide:pencil style="width: 14px; height: 14px; margin-right: 6px" />
                                         编辑
                                     </tiny-dropdown-item>
                                     <tiny-dropdown-item :item-data="{ command: 'menu' }">
-                                        <Icon name="Settings" />
+                                        <i-lucide:settings style="width: 14px; height: 14px; margin-right: 6px" />
                                         菜单权限
                                     </tiny-dropdown-item>
                                     <tiny-dropdown-item :item-data="{ command: 'api' }">
-                                        <Icon name="Code" />
+                                        <i-lucide:code style="width: 14px; height: 14px; margin-right: 6px" />
                                         接口权限
                                     </tiny-dropdown-item>
                                     <tiny-dropdown-item :item-data="{ command: 'del' }" divided>
-                                        <Icon name="Trash2" />
+                                        <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
                                         删除
                                     </tiny-dropdown-item>
                                 </tiny-dropdown-menu>

package/src/views/internal/user/user.vue

@@ -5,7 +5,7 @@
             <div class="toolbar-left">
                 <t-button theme="primary" @click="$Method.handleAdd">
                     <template #icon>
-                        <add-icon />
+                        <i-lucide:plus style="width: 16px; height: 16px" />
                     </template>
                     添加管理员
                 </t-button>
@@ -16,13 +16,13 @@
                     <t-select v-model="$Data.searchState" placeholder="状态" clearable style="width: 120px" :options="$Data.stateOptions" @change="$Method.handleSearch" />
                     <t-button theme="default" @click="$Method.handleSearch">
                         <template #icon>
-                            <search-icon />
+                            <i-lucide:search style="width: 16px; height: 16px" />
                         </template>
                         搜索
                     </t-button>
                     <t-button theme="default" @click="$Method.handleReset">
                         <template #icon>
-                            <refresh-icon />
+                            <i-lucide:rotate-cw style="width: 16px; height: 16px" />
                         </template>
                         重置
                     </t-button>

package/vite.config.ts

@@ -1,21 +1,27 @@
-import { fileURLToPath, URL } from 'node:url';
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import ReactivityTransform from '@vue-macros/reactivity-transform/vite';
 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 { TinyVueSingleResolver } from '@opentiny/unplugin-tiny-vue';
 import autoRoutes from 'befly-auto-routes';
+import { fileURLToPath } from 'node:url';
 
-// https://vite.dev/config/
 export default defineConfig({
+    root: process.cwd(),
+    base: './',
     plugins: [
         vue(),
-        // Vue 响应式语法糖
         ReactivityTransform(),
-        // 自动路由插件
         autoRoutes({ debug: true }),
-        // 自动导入 Vue3 API 和组合式函数
+        Icons({
+            compiler: 'vue3',
+            autoInstall: true,
+            defaultClass: 'icon-befly',
+            defaultStyle: 'margin-right: 8px; vertical-align: middle;'
+        }),
         AutoImport({
             imports: [
                 'vue',
@@ -25,18 +31,22 @@ export default defineConfig({
                     '@opentiny/vue': ['Modal', 'Notify', 'Loading', 'Message']
                 }
             ],
-            resolvers: [TinyVueSingleResolver],
-            // 自动导入 plugins 目录下的所有导出（internal 优先）
-            dirs: ['./src/plugins/internal', './src/plugins'],
+            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
-            }
+            eslintrc: { enabled: false }
         }),
-        // 自动导入 OpenTiny 组件
         Components({
-            resolvers: [TinyVueSingleResolver],
-            dirs: ['src/components/internal', 'src/components'],
+            resolvers: [TinyVueSingleResolver, IconsResolver({})],
+            dirs: ['src/components'],
+            deep: true,
+            version: 3,
             dts: 'src/types/components.d.ts'
         })
     ],
@@ -46,53 +56,38 @@ export default defineConfig({
         }
     },
     define: {
-        'process.env': { TINY_MODE: 'pc' } // OpenTiny 需要的环境变量
+        __DEV__: JSON.stringify(process.env.NODE_ENV !== 'production')
     },
     css: {
         preprocessorOptions: {
             scss: {
-                api: 'modern-compiler',
-                additionalData: `@use "@/styles/internal/variables.scss" as *;`
+                additionalData: `@use "@/styles/internal/variables.scss" as *;`,
+                api: 'modern-compiler'
             }
         }
     },
     server: {
-        port: 5173,
-        host: true,
+        host: '0.0.0.0',
+        port: 5600,
+        strictPort: true,
         open: false
     },
     logLevel: 'info',
-    customLogger: {
-        info: (msg) => {
-            // 过滤掉频繁的依赖优化信息
-            if (msg.includes('new dependencies optimized')) {
-                return;
-            }
-            console.info(msg);
-        },
-        warn: console.warn,
-        error: console.error
-    },
     optimizeDeps: {
-        include: ['vue', 'vue-router', 'pinia', 'lucide-vue-next', 'axios', '@opentiny/vue'],
-        exclude: [],
-        // 禁用自动发现，减少频繁优化提示
-        noDiscovery: true,
-        // 增加缓存时间，避免重复优化
-        force: false,
-        esbuildOptions: {
-            target: 'esnext'
-        }
+        include: ['vue', 'vue-router', 'pinia', '@opentiny/vue', 'axios']
     },
     build: {
+        target: 'esnext',
         outDir: 'dist',
+        assetsDir: 'assets',
         sourcemap: false,
-        chunkSizeWarningLimit: 1500,
+        minify: 'esbuild',
+        chunkSizeWarningLimit: 1000,
         rollupOptions: {
             output: {
                 manualChunks: {
-                    'vue-vendor': ['vue', 'vue-router', 'pinia'],
-                    'opentiny-vendor': ['@opentiny/vue']
+                    vue: ['vue', 'vue-router', 'pinia'],
+                    opentiny: ['@opentiny/vue']
                 }
             }
         }

package/src/components/internal/Icon.vue

@@ -1,41 +0,0 @@
-<template>
-    <component :is="iconComponent" :size="size" :color="color" :stroke-width="strokeWidth" style="margin-right: 8px; vertical-align: middle" v-bind="$attrs" />
-</template>
-
-<script setup>
-import * as LucideIcons from 'lucide-vue-next';
-import { computed, markRaw } from 'vue';
-
-const props = defineProps({
-    name: {
-        type: String,
-        required: true
-    },
-    size: {
-        type: Number,
-        default: 16
-    },
-    color: {
-        type: String,
-        default: 'currentColor'
-    },
-    strokeWidth: {
-        type: Number,
-        default: 2
-    }
-});
-
-// 动态获取图标组件
-const iconComponent = computed(() => {
-    const iconName = props.name;
-    const icon = LucideIcons[iconName];
-
-    if (!icon) {
-        console.warn(`Icon "${props.name}" not found in lucide-vue-next`);
-        return null;
-    }
-
-    // 使用 markRaw 避免响应式包装
-    return markRaw(icon);
-});
-</script>

package/src/plugins/internal/store.ts

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