@befly-addon/admin 1.0.32 → 1.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@befly-addon/admin",
-    "version": "1.0.32",
+    "version": "1.0.34",
     "description": "Befly - 管理后台功能组件",
     "type": "module",
     "private": false,
@@ -39,9 +39,8 @@
         "url": "https://github.com/chenbimo/befly.git",
         "directory": "packages/addon-admin"
     },
-    "gitHead": "7f8bd9dc5342e59953997d58e6abf6ca2469b211",
+    "gitHead": "3593368cbf5c34f379b3b4569a7439bce9666938",
     "dependencies": {
-        "befly": "3.8.12",
-        "tdesign-vue-next": "^1.10.6"
+        "befly": "3.8.12"
     }
 }

package/views/403/index.vue

@@ -1,11 +1,11 @@
-<template>
+<template>
     <div class="error-page">
         <div class="error-content">
             <div class="error-code">403</div>
             <h1 class="error-title">无权限访问</h1>
             <p class="error-description">抱歉，您没有访问该页面的权限</p>
             <div class="error-actions">
-                <t-button type="primary" @click="$Method.goHome">返回首页</t-button>
+                <t-button theme="primary" @click="$Method.goHome">返回首页</t-button>
                 <t-button @click="$Method.goBack">返回上一页</t-button>
             </div>
         </div>
@@ -13,7 +13,6 @@
 </template>
 
 <script setup>
-import { useRouter } from 'vue-router';
 const router = useRouter();
 
 const $Method = {

package/views/admin/components/edit.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
     <t-dialog v-model:visible="$Data.visible" :title="$Prop.actionType === 'upd' ? '编辑管理员' : '添加管理员'" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="10vh" @close="$Method.onClose">
         <t-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
             <t-form-item label="用户名" prop="username">
@@ -28,7 +28,7 @@
         </t-form>
         <template #footer>
             <t-button @click="$Method.onClose">取消</t-button>
-            <t-button type="primary" @click="$Method.onSubmit">确定</t-button>
+            <t-button theme="primary" @click="$Method.onSubmit">确定</t-button>
         </template>
     </t-dialog>
 </template>

package/views/admin/components/role.vue

@@ -1,16 +1,16 @@
-<template>
+<template>
     <t-dialog v-model:visible="$Data.visible" title="分配角色" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="20vh" @close="$Method.onClose">
         <div class="role-dialog">
             <div class="user-info">
                 <t-tag type="info">{{ $Prop.rowData.username }}</t-tag>
                 <span class="user-email">{{ $Prop.rowData.email }}</span>
             </div>
-            <tiny-divider />
+            <t-divider />
             <t-select v-model="$Data.checkedRoleCode" :options="$Data.roleOptions" placeholder="请选择角色" />
         </div>
         <template #footer>
             <t-button @click="$Method.onClose">取消</t-button>
-            <t-button type="primary" @click="$Method.onSubmit">确定</t-button>
+            <t-button theme="primary" @click="$Method.onSubmit">确定</t-button>
         </template>
     </t-dialog>
 </template>

package/views/admin/index.vue

@@ -2,9 +2,9 @@
     <div class="page-admin page-table">
         <div class="main-tool">
             <div class="left">
-                <t-button type="primary" @click="$Method.onAction('add', {})">
+                <t-button theme="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
-                        <IconLucidePlus />
+                        <i-lucide:plus />
                     </template>
                     添加管理员
                 </t-button>
@@ -12,14 +12,14 @@
             <div class="right">
                 <t-button @click="$Method.handleRefresh">
                     <template #icon>
-                        <IconLucideRotateCw />
+                        <i-lucide:rotate-cw />
                     </template>
                 </t-button>
             </div>
             <div class="right">
                 <t-button @click="$Method.handleRefresh">
                     <template #icon>
-                        <IconLucideRotateCw />
+                        <i-lucide:rotate-cw />
                     </template>
                     刷新
                 </t-button>
@@ -38,15 +38,15 @@
                         <t-button variant="text" size="small">操作</t-button>
                         <t-dropdown-menu slot="dropdown">
                             <t-dropdown-item value="role">
-                                <IconLucideUser />
+                                <i-lucide:user />
                                 分配角色
                             </t-dropdown-item>
                             <t-dropdown-item value="upd">
-                                <IconLucidePencil />
+                                <i-lucide:pencil />
                                 编辑
                             </t-dropdown-item>
                             <t-dropdown-item value="del" :divider="true">
-                                <IconLucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
+                                <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
                                 删除
                             </t-dropdown-item>
                         </t-dropdown-menu>
@@ -68,12 +68,6 @@
 </template>
 
 <script setup>
-import IconLucidePlus from '~icons/lucide/plus';
-import IconLucideRotateCw from '~icons/lucide/rotate-cw';
-import IconLucidePencil from '~icons/lucide/pencil';
-import IconLucideUser from '~icons/lucide/user';
-import IconLucideTrash2 from '~icons/lucide/trash-2';
-
 import EditDialog from './components/edit.vue';
 import RoleDialog from './components/role.vue';
 import { $Http } from '@/plugins/http';

package/views/dict/components/edit.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
     <t-dialog v-model:visible="$Data.visible" :title="$Prop.actionType === 'upd' ? '编辑字典' : '添加字典'" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="10vh" @close="$Method.onClose">
         <t-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
             <t-form-item label="字典名称" prop="name">
@@ -28,7 +28,7 @@
         </t-form>
         <template #footer>
             <t-button @click="$Method.onClose">取消</t-button>
-            <t-button type="primary" @click="$Method.onSubmit">确定</t-button>
+            <t-button theme="primary" @click="$Method.onSubmit">确定</t-button>
         </template>
     </t-dialog>
 </template>

package/views/dict/index.vue

@@ -1,10 +1,10 @@
-<template>
+<template>
     <div class="page-dict page-table">
         <div class="main-tool">
             <div class="left">
-                <t-button type="primary" @click="$Method.onAction('add', {})">
+                <t-button theme="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
-                        <IconLucidePlus />
+                        <i-lucide:plus />
                     </template>
                     添加字典
                 </t-button>
@@ -12,7 +12,7 @@
             <div class="right">
                 <t-button @click="$Method.handleRefresh">
                     <template #icon>
-                        <IconLucideRotateCw />
+                        <i-lucide:rotate-cw />
                     </template>
                     刷新
                 </t-button>
@@ -30,11 +30,11 @@
                         <t-button variant="text" size="small">操作</t-button>
                         <t-dropdown-menu slot="dropdown">
                             <t-dropdown-item value="upd">
-                                <IconLucidePencil />
+                                <i-lucide:pencil />
                                 编辑
                             </t-dropdown-item>
                             <t-dropdown-item value="del" :divider="true">
-                                <IconLucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
+                                <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
                                 删除
                             </t-dropdown-item>
                         </t-dropdown-menu>
@@ -53,11 +53,6 @@
 </template>
 
 <script setup>
-import IconLucidePlus from '~icons/lucide/plus';
-import IconLucideRotateCw from '~icons/lucide/rotate-cw';
-import IconLucidePencil from '~icons/lucide/pencil';
-import IconLucideTrash2 from '~icons/lucide/trash-2';
-
 import EditDialog from './components/edit.vue';
 import { $Http } from '@/plugins/http';
 

package/views/index/components/addonList.vue

@@ -1,14 +1,14 @@
-<template>
+<template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <IconLucidePackage />
+            <i-lucide:package />
             <h2>已安装插件</h2>
         </div>
         <div class="section-content">
             <div class="addon-list">
                 <div v-for="addon in addonList" :key="addon.name" class="addon-item">
                     <div class="addon-icon">
-                        <IconLucideBox />
+                        <i-lucide:box />
                     </div>
                     <div class="addon-info">
                         <div class="addon-title">
@@ -24,8 +24,6 @@
 </template>
 
 <script setup>
-import IconLucideBox from '~icons/lucide/box';
-import IconLucidePackage from '~icons/lucide/package';
 import { $Http } from '@/plugins/http';
 
 // 组件内部数据

package/views/index/components/environmentInfo.vue

@@ -1,7 +1,7 @@
-<template>
+<template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <IconLucideServer />
+            <i-lucide:server />
             <h2>运行环境</h2>
         </div>
         <div class="section-content">
@@ -36,7 +36,6 @@
 </template>
 
 <script setup>
-import IconLucideServer from '~icons/lucide/server';
 import { $Http } from '@/plugins/http';
 
 // 组件内部数据

package/views/index/components/operationLogs.vue

@@ -1,7 +1,7 @@
-<template>
+<template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <IconLucideFileText />
+            <i-lucide:file-text />
             <h2>操作日志</h2>
         </div>
         <div class="section-content">
@@ -34,8 +34,6 @@
 </template>
 
 <script setup>
-import IconLucideFileText from '~icons/lucide/file-text';
-
 // 组件内部数据
 const operationLogs = $ref([
     { id: 1, userName: '管理员', action: '创建角色', module: '权限管理', ip: '192.168.1.100', status: 'success', createdAt: Date.now() - 120000 },

package/views/index/components/performanceMetrics.vue

@@ -1,14 +1,14 @@
-<template>
+<template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <IconLucideActivity />
+            <i-lucide:activity />
             <h2>性能指标</h2>
         </div>
         <div class="section-content">
             <div class="performance-grid">
                 <div class="perf-metric">
                     <div class="perf-icon">
-                        <IconLucideClock />
+                        <i-lucide:clock />
                     </div>
                     <div class="perf-info">
                         <div class="perf-label">平均响应</div>
@@ -17,7 +17,7 @@
                 </div>
                 <div class="perf-metric">
                     <div class="perf-icon">
-                        <IconLucideTrendingUp />
+                        <i-lucide:trending-up />
                     </div>
                     <div class="perf-info">
                         <div class="perf-label">QPS</div>
@@ -26,7 +26,7 @@
                 </div>
                 <div class="perf-metric">
                     <div class="perf-icon">
-                        <IconLucideAlertCircle />
+                        <i-lucide:alert-circle />
                     </div>
                     <div class="perf-info">
                         <div class="perf-label">错误率</div>
@@ -35,7 +35,7 @@
                 </div>
                 <div class="perf-metric">
                     <div class="perf-icon">
-                        <IconLucideActivity />
+                        <i-lucide:activity />
                     </div>
                     <div class="perf-info">
                         <div class="perf-label">活跃连接</div>
@@ -45,7 +45,7 @@
             </div>
             <!-- 最慢接口提示 -->
             <div v-if="performanceMetrics.slowestApi" class="perf-slowest">
-                <IconLucideAlertTriangle />
+                <i-lucide:alert-triangle />
                 <span>最慢接口: {{ performanceMetrics.slowestApi.path }} ({{ performanceMetrics.slowestApi.time }}ms)</span>
             </div>
         </div>
@@ -53,11 +53,6 @@
 </template>
 
 <script setup>
-import IconLucideActivity from '~icons/lucide/activity';
-import IconLucideTrendingUp from '~icons/lucide/trending-up';
-import IconLucideAlertCircle from '~icons/lucide/alert-circle';
-import IconLucideClock from '~icons/lucide/clock';
-import IconLucideAlertTriangle from '~icons/lucide/alert-triangle';
 import { $Http } from '@/plugins/http';
 
 // 组件内部数据

package/views/index/components/quickActions.vue

@@ -1,9 +1,9 @@
-<template>
+<template>
     <div class="section-block">
         <div class="section-content">
-            <t-button type="primary" size="large" @click="handleClearCache">
+            <t-button theme="primary" size="large" @click="handleClearCache">
                 <template #prefix>
-                    <IconLucideRotateCw />
+                    <i-lucide:rotate-cw />
                 </template>
                 刷新缓存
             </t-button>
@@ -12,7 +12,6 @@
 </template>
 
 <script setup>
-import IconLucideRotateCw from '~icons/lucide/rotate-cw';
 const handleClearCache = () => {
     console.log('刷新缓存');
 };

package/views/index/components/serviceStatus.vue

@@ -1,19 +1,19 @@
-<template>
+<template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <IconLucideCheckCircle />
+            <i-lucide:check-circle />
             <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">
-                        <IconLucideDatabase v-if="service.name === '数据库'" style="width: 20px; height: 20px" />
-                        <IconLucideZap v-else-if="service.name === 'Redis'" style="width: 20px; height: 20px" />
-                        <IconLucideHardDrive v-else-if="service.name === '文件系统'" style="width: 20px; height: 20px" />
-                        <IconLucideMail v-else-if="service.name === '邮件服务'" style="width: 20px; height: 20px" />
-                        <IconLucideCloud v-else-if="service.name === 'OSS存储'" style="width: 20px; height: 20px" />
-                        <IconLucideCircle v-else style="width: 20px; height: 20px" />
+                        <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>
@@ -23,10 +23,10 @@
                         </div>
                     </div>
                     <div class="config-badge">
-                        <IconLucideCheckCircle v-if="service.status === 'running'" style="width: 32px; height: 32px" />
-                        <IconLucideXCircle v-else-if="service.status === 'stopped'" style="width: 32px; height: 32px" />
-                        <IconLucideAlertCircle v-else-if="service.status === 'unconfigured'" style="width: 32px; height: 32px" />
-                        <IconLucideCircle v-else style="width: 32px; height: 32px" />
+                        <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>
@@ -35,17 +35,6 @@
 </template>
 
 <script setup>
-import IconLucideCheckCircle from '~icons/lucide/check-circle';
-import IconLucideZap from '~icons/lucide/zap';
-import IconLucideCloud from '~icons/lucide/cloud';
-import IconLucideCircle from '~icons/lucide/circle';
-import IconLucideXCircle from '~icons/lucide/x-circle';
-import IconLucideCheck from '~icons/lucide/check';
-import IconLucideX from '~icons/lucide/x';
-import IconLucideAlertCircle from '~icons/lucide/alert-circle';
-import IconLucideDatabase from '~icons/lucide/database';
-import IconLucideMail from '~icons/lucide/mail';
-import IconLucideHardDrive from '~icons/lucide/hard-drive';
 import { $Http } from '@/plugins/http';
 
 // 组件内部数据

package/views/index/components/systemNotifications.vue

@@ -1,18 +1,18 @@
-<template>
+<template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <IconLucideBell />
+            <i-lucide:bell />
             <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}`">
-                        <IconLucideInfo v-if="notification.type === 'info'" />
-                        <IconLucideCheckCircle v-else-if="notification.type === 'success'" />
-                        <IconLucideAlertTriangle v-else-if="notification.type === 'warning'" />
-                        <IconLucideXCircle v-else-if="notification.type === 'error'" />
-                        <IconLucideBell v-else />
+                        <i-lucide:info v-if="notification.type === 'info'" />
+                        <i-lucide:check-circle v-else-if="notification.type === 'success'" />
+                        <i-lucide:alert-triangle v-else-if="notification.type === 'warning'" />
+                        <i-lucide:x-circle v-else-if="notification.type === 'error'" />
+                        <i-lucide:bell v-else />
                     </div>
                     <div class="notification-content">
                         <span class="notification-title">{{ notification.title }}</span>
@@ -26,14 +26,6 @@
 </template>
 
 <script setup>
-import IconLucideBell from '~icons/lucide/bell';
-import IconLucideCheckCircle from '~icons/lucide/check-circle';
-import IconLucideAlertTriangle from '~icons/lucide/alert-triangle';
-import IconLucideXCircle from '~icons/lucide/x-circle';
-import IconLucideInfo from '~icons/lucide/info';
-import IconLucideCheck from '~icons/lucide/check';
-import IconLucideX from '~icons/lucide/x';
-
 // 组件内部数据
 const notifications = $ref([
     { id: 1, type: 'warning', title: '系统更新提醒 - v1.1.0 版本已发布', isRead: false, createdAt: Date.now() - 3600000 },

package/views/index/components/systemOverview.vue

@@ -1,49 +1,40 @@
-<template>
+<template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <IconLucideInfo />
+            <i-lucide:info />
             <h2>系统概览</h2>
         </div>
         <div class="section-content">
-            <tiny-row :flex="true">
-                <tiny-col :xs="24" :sm="12" :md="12" :lg="12">
-                    <div class="info-block">
-                        <div class="stats-grid">
-                            <div class="stat-box stat-primary">
-                                <IconLucideMenu />
-                                <div class="stat-content">
-                                    <div class="stat-value">{{ permissionStats.menuCount }}</div>
-                                    <div class="stat-label">菜单总数</div>
-                                </div>
-                            </div>
-                            <div class="stat-box stat-success">
-                                <IconLucideWebhook />
-                                <div class="stat-content">
-                                    <div class="stat-value">{{ permissionStats.apiCount }}</div>
-                                    <div class="stat-label">接口总数</div>
-                                </div>
-                            </div>
-                            <div class="stat-box stat-warning">
-                                <IconLucideUsers />
-                                <div class="stat-content">
-                                    <div class="stat-value">{{ permissionStats.roleCount }}</div>
-                                    <div class="stat-label">角色总数</div>
-                                </div>
-                            </div>
+            <div class="info-block">
+                <div class="stats-grid">
+                    <div class="stat-box stat-primary">
+                        <i-lucide:menu />
+                        <div class="stat-content">
+                            <div class="stat-value">{{ permissionStats.menuCount }}</div>
+                            <div class="stat-label">菜单总数</div>
                         </div>
                     </div>
-                </tiny-col>
-            </tiny-row>
+                    <div class="stat-box stat-success">
+                        <i-lucide:webhook />
+                        <div class="stat-content">
+                            <div class="stat-value">{{ permissionStats.apiCount }}</div>
+                            <div class="stat-label">接口总数</div>
+                        </div>
+                    </div>
+                    <div class="stat-box stat-warning">
+                        <i-lucide:users />
+                        <div class="stat-content">
+                            <div class="stat-value">{{ permissionStats.roleCount }}</div>
+                            <div class="stat-label">角色总数</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </template>
 
 <script setup>
-import IconLucideWebhook from '~icons/lucide/webhook';
-import IconLucideUsers from '~icons/lucide/users';
-import IconLucideUser from '~icons/lucide/user';
-import IconLucideMenu from '~icons/lucide/menu';
-import IconLucideInfo from '~icons/lucide/info';
 import { $Http } from '@/plugins/http';
 
 // 组件内部数据

package/views/index/components/systemResources.vue

@@ -1,37 +1,37 @@
-<template>
+<template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <IconLucideActivity />
+            <i-lucide:activity />
             <h2>系统资源</h2>
         </div>
         <div class="section-content">
             <div class="resource-compact-list">
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
-                        <IconLucideCpu />
+                        <i-lucide:cpu />
                         <span class="resource-label">CPU</span>
                         <span class="resource-value">{{ systemResources.cpu.usage }}%</span>
                         <span class="resource-desc">{{ systemResources.cpu.cores }}核心</span>
                     </div>
-                    <TinyProgress :percentage="systemResources.cpu.usage" :status="getProgressColor(systemResources.cpu.usage)" />
+                    <t-progress :percentage="systemResources.cpu.usage" :status="getProgressColor(systemResources.cpu.usage)" />
                 </div>
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
-                        <IconLucideHardDrive />
+                        <i-lucide:hard-drive />
                         <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>
                     </div>
-                    <TinyProgress :percentage="systemResources.memory.percentage" :status="getProgressColor(systemResources.memory.percentage)" />
+                    <t-progress :percentage="systemResources.memory.percentage" :status="getProgressColor(systemResources.memory.percentage)" />
                 </div>
                 <div class="resource-compact-item">
                     <div class="resource-compact-header">
-                        <IconLucideDisc />
+                        <i-lucide:disc />
                         <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>
                     </div>
-                    <TinyProgress :percentage="systemResources.disk.percentage" :status="getProgressColor(systemResources.disk.percentage)" />
+                    <t-progress :percentage="systemResources.disk.percentage" :status="getProgressColor(systemResources.disk.percentage)" />
                 </div>
             </div>
         </div>
@@ -39,10 +39,6 @@
 </template>
 
 <script setup>
-import IconLucideDisc from '~icons/lucide/disc';
-import IconLucideCpu from '~icons/lucide/cpu';
-import IconLucideHardDrive from '~icons/lucide/hard-drive';
-import IconLucideActivity from '~icons/lucide/activity';
 import { $Http } from '@/plugins/http';
 
 // 组件内部数据

package/views/index/components/userInfo.vue

@@ -1,8 +1,8 @@
-<template>
+<template>
     <div class="section-block user-info-card">
         <div class="user-header">
             <div class="user-avatar">
-                <IconLucideUser />
+                <i-lucide:user />
             </div>
             <div class="user-basic">
                 <div class="user-name">{{ $Data.userInfo.nickname || $Data.userInfo.name || $Data.userInfo.username || '未设置' }}</div>
@@ -11,24 +11,24 @@
         </div>
         <div class="user-details">
             <div class="detail-item">
-                <IconLucideMail />
+                <i-lucide:mail />
                 <span>{{ $Data.userInfo.email || '未设置' }}</span>
             </div>
             <div v-if="$Data.userInfo.phone" class="detail-item">
-                <IconLucidePhone />
+                <i-lucide:phone />
                 <span>{{ $Data.userInfo.phone }}</span>
             </div>
             <div v-if="$Data.userInfo.lastLoginTime" class="detail-item">
-                <IconLucideClock />
+                <i-lucide:clock />
                 <span>{{ $Method.formatTime($Data.userInfo.lastLoginTime) }}</span>
             </div>
         </div>
 
         <!-- 仅 dev 角色显示刷新缓存按钮 -->
         <div v-if="$Data.userInfo.roleCode === 'dev'" class="user-actions">
-            <t-button type="primary" size="mini" :loading="$Data.refreshing" @click="$Method.handleRefreshCache">
+            <t-button theme="primary" size="mini" :loading="$Data.refreshing" @click="$Method.handleRefreshCache">
                 <template #icon>
-                    <IconLucideRotateCw />
+                    <i-lucide:rotate-cw />
                 </template>
                 刷新缓存
             </t-button>
@@ -37,11 +37,6 @@
 </template>
 
 <script setup>
-import IconLucidePhone from '~icons/lucide/phone';
-import IconLucideClock from '~icons/lucide/clock';
-import IconLucideUser from '~icons/lucide/user';
-import IconLucideMail from '~icons/lucide/mail';
-import IconLucideRotateCw from '~icons/lucide/rotate-cw';
 import { $Http } from '@/plugins/http';
 
 // 响应式数据
@@ -82,22 +77,13 @@ const $Method = {
                     messages.push(`角色缓存: ${roles.count} 个`);
                 }
 
-                TinyMessage.success({
-                    message: `缓存刷新成功！${messages.join('，')}`,
-                    duration: 3000
-                });
+                MessagePlugin.success(`缓存刷新成功！${messages.join('，')}`);
             } else {
-                TinyMessage.warning({
-                    message: result.msg || '部分缓存刷新失败',
-                    duration: 3000
-                });
+                MessagePlugin.warning(result.msg || '部分缓存刷新失败');
             }
         } catch (error) {
             console.error('刷新缓存失败:', error);
-            TinyMessage.error({
-                message: '刷新缓存失败，请稍后重试',
-                duration: 3000
-            });
+            MessagePlugin.error('刷新缓存失败，请稍后重试');
         } finally {
             $Data.refreshing = false;
         }

package/views/login/components/emailLoginForm.vue

@@ -1,9 +1,9 @@
-<template>
+<template>
     <t-form :model="$Data.formData" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)" class="login-form" label-width="90px" label-position="left" :show-message="false">
         <t-form-item prop="account" label="账号">
             <t-input v-model="$Data.formData.account" placeholder="请输入用户名或邮箱" size="large" clearable>
                 <template #prefix-icon>
-                    <IconLucideUser />
+                    <i-lucide:user />
                 </template>
             </t-input>
         </t-form-item>
@@ -11,7 +11,7 @@
         <t-form-item prop="password" label="密码">
             <t-input v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
                 <template #prefix-icon>
-                    <IconLucideLock />
+                    <i-lucide:lock />
                 </template>
             </t-input>
         </t-form-item>
@@ -25,9 +25,6 @@
 </template>
 
 <script setup>
-import { useRouter } from 'vue-router';
-import IconLucideUser from '~icons/lucide/user';
-import IconLucideLock from '~icons/lucide/lock';
 import { $Http } from '@/plugins/http';
 import { $Storage } from '@/plugins/storage';
 
@@ -97,15 +94,15 @@ const $Method = {
     max-width: 450px;
 }
 
-.tiny-form-item {
+.t-form__item {
     width: 100%;
     margin-bottom: 1.2rem;
 
-    :deep(.tiny-form__controls) {
+    :deep(.t-form__controls) {
         width: 100%;
     }
 
-    :deep(.tiny-input) {
+    :deep(.t-input) {
         width: 100%;
         background: #f8f9fa;
         border: 1px solid #e0e0e0;
@@ -162,7 +159,7 @@ const $Method = {
         box-shadow: 0 3px 10px rgba(72, 177, 159, 0.3);
     }
 
-    :deep(.tiny-button__text) {
+    :deep(.t-button__text) {
         color: #fff;
     }
 }

package/views/login/components/registerForm.vue

@@ -1,9 +1,9 @@
-<template>
+<template>
     <t-form :model="$Data.formData" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)" class="login-form" label-width="70px" label-position="left">
         <t-form-item prop="username" label="用户名">
             <t-input v-model="$Data.formData.username" placeholder="请输入用户名" size="large" clearable>
                 <template #prefix-icon>
-                    <IconLucideUser />
+                    <i-lucide:user />
                 </template>
             </t-input>
         </t-form-item>
@@ -11,7 +11,7 @@
         <t-form-item prop="email" label="邮箱">
             <t-input v-model="$Data.formData.email" placeholder="请输入邮箱" size="large" clearable>
                 <template #prefix-icon>
-                    <IconLucideMail />
+                    <i-lucide:mail />
                 </template>
             </t-input>
         </t-form-item>
@@ -19,7 +19,7 @@
         <t-form-item prop="password" label="密码">
             <t-input v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
                 <template #prefix-icon>
-                    <IconLucideLock />
+                    <i-lucide:lock />
                 </template>
             </t-input>
         </t-form-item>
@@ -27,7 +27,7 @@
         <t-form-item prop="nickname" label="昵称">
             <t-input v-model="$Data.formData.nickname" placeholder="请输入昵称（选填）" size="large" clearable>
                 <template #prefix-icon>
-                    <IconLucideSmile />
+                    <i-lucide:smile />
                 </template>
             </t-input>
         </t-form-item>
@@ -37,10 +37,6 @@
 </template>
 
 <script setup>
-import IconLucideUser from '~icons/lucide/user';
-import IconLucideMail from '~icons/lucide/mail';
-import IconLucideLock from '~icons/lucide/lock';
-import IconLucideSmile from '~icons/lucide/smile';
 import { $Http } from '@/plugins/http';
 
 const emit = defineEmits(['success']);
@@ -119,15 +115,15 @@ const $Method = {
     max-width: 450px;
 }
 
-.tiny-form-item {
+.t-form__item {
     width: 100%;
     margin-bottom: 1.2rem;
 
-    :deep(.tiny-form__controls) {
+    :deep(.t-form__controls) {
         width: 100%;
     }
 
-    :deep(.tiny-input) {
+    :deep(.t-input) {
         width: 100%;
         background: #f8f9fa;
         border: 1px solid #e0e0e0;
@@ -167,7 +163,7 @@ const $Method = {
         box-shadow: 0 3px 10px rgba(72, 177, 159, 0.3);
     }
 
-    :deep(.tiny-button__text) {
+    :deep(.t-button__text) {
         color: #fff;
     }
 }

package/views/menu/components/edit.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
     <t-dialog v-model:visible="$Data.visible" :title="$Prop.actionType === 'add' ? '添加菜单' : '编辑菜单'" width="600px" :append-to-body="true" :show-footer="true" top="10vh">
         <t-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
             <t-form-item label="菜单名称" prop="name">
@@ -22,7 +22,7 @@
         </t-form>
         <template #footer>
             <t-button @click="$Method.onClose">取消</t-button>
-            <t-button type="primary" @click="$Method.onSubmit">确定</t-button>
+            <t-button theme="primary" @click="$Method.onSubmit">确定</t-button>
         </template>
     </t-dialog>
 </template>

package/views/menu/index.vue

@@ -1,10 +1,10 @@
-<template>
+<template>
     <div class="page-menu page-table">
         <div class="main-tool">
             <div class="left">
-                <t-button type="primary" @click="$Method.onAction('add', {})">
+                <t-button theme="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
-                        <IconLucidePlus />
+                        <i-lucide:plus />
                     </template>
                     添加菜单
                 </t-button>
@@ -12,7 +12,7 @@
             <div class="right">
                 <t-button @click="$Method.handleRefresh">
                     <template #icon>
-                        <IconLucideRotateCw />
+                        <i-lucide:rotate-cw />
                     </template>
                     刷新
                 </t-button>
@@ -21,7 +21,7 @@
         <div class="main-table">
             <t-table :data="$Data.menuList" :columns="$Data.columns" header-cell-class-name="custom-table-cell-class" size="small" height="100%" row-key="id">
                 <template #icon="{ row }">
-                    <IconLucideSquare v-if="row.icon" />
+                    <i-lucide:square v-if="row.icon" />
                     <span v-else>-</span>
                 </template>
                 <template #state="{ row }">
@@ -34,11 +34,11 @@
                         <t-button variant="text" size="small">操作</t-button>
                         <t-dropdown-menu slot="dropdown">
                             <t-dropdown-item value="upd">
-                                <IconLucidePencil />
+                                <i-lucide:pencil />
                                 编辑
                             </t-dropdown-item>
                             <t-dropdown-item value="del" :divider="true">
-                                <IconLucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
+                                <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
                                 删除
                             </t-dropdown-item>
                         </t-dropdown-menu>
@@ -57,12 +57,6 @@
 </template>
 
 <script setup>
-import IconLucidePlus from '~icons/lucide/plus';
-import IconLucideRotateCw from '~icons/lucide/rotate-cw';
-import IconLucideSquare from '~icons/lucide/square';
-import IconLucidePencil from '~icons/lucide/pencil';
-import IconLucideTrash2 from '~icons/lucide/trash-2';
-
 import EditDialog from './components/edit.vue';
 import { $Http } from '@/plugins/http';
 

package/views/role/components/api.vue

@@ -1,9 +1,13 @@
-<template>
+<template>
     <t-dialog v-model:visible="$Data.visible" title="接口权限" width="900px" :append-to-body="true" :show-footer="true" top="5vh" @close="$Method.onClose">
         <div class="comp-role-api">
             <!-- 搜索框 -->
             <div class="search-box">
-                <TinySearch v-model="$Data.searchText" placeholder="搜索接口名称或路径" clearable @update:modelValue="$Method.onSearch" />
+                <t-input v-model="$Data.searchText" placeholder="搜索接口名称或路径" clearable @change="$Method.onSearch">
+                    <template #prefix-icon>
+                        <i-lucide:search />
+                    </template>
+                </t-input>
             </div>
 
             <!-- 接口分组列表 -->
@@ -11,9 +15,9 @@
                 <div v-for="group in $Data.filteredApiData" :key="group.name" class="api-group">
                     <div class="group-header">{{ group.title }}</div>
                     <div class="api-checkbox-list">
-                        <TinyCheckboxGroup v-model="$Data.checkedApiIds">
-                            <TinyCheckbox v-for="api in group.apis" :key="api.id" :label="api.id"> {{ api.label }} </TinyCheckbox>
-                        </TinyCheckboxGroup>
+                        <t-checkbox-group v-model="$Data.checkedApiIds">
+                            <t-checkbox v-for="api in group.apis" :key="api.id" :value="api.id"> {{ api.label }} </t-checkbox>
+                        </t-checkbox-group>
                     </div>
                 </div>
             </div>
@@ -26,7 +30,7 @@
             </div>
             <div class="footer-right">
                 <t-button @click="$Method.onClose">取消</t-button>
-                <t-button type="primary" @click="$Method.onSubmit">保存</t-button>
+                <t-button theme="primary" @click="$Method.onSubmit">保存</t-button>
             </div>
         </template>
     </t-dialog>
@@ -241,18 +245,18 @@ $Method.initData();
                 padding: 16px;
                 background-color: $bg-color-container;
 
-                :deep(.tiny-checkbox-group) {
+                :deep(.t-checkbox-group) {
                     display: flex;
                     flex-wrap: wrap;
                     gap: 12px;
                     width: 100%;
                 }
 
-                :deep(.tiny-checkbox) {
+                :deep(.t-checkbox) {
                     flex: 0 0 calc(33.333% - 8px);
                     margin: 0;
 
-                    .tiny-checkbox__label {
+                    .t-checkbox__label {
                         white-space: nowrap;
                         overflow: hidden;
                         text-overflow: ellipsis;
@@ -264,7 +268,7 @@ $Method.initData();
 }
 
 // 底部操作栏布局
-:deep(.tiny-dialog-box__footer) {
+:deep(.t-dialog__footer) {
     display: flex;
     justify-content: space-between;
     align-items: center;

package/views/role/components/edit.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
     <t-dialog v-model:visible="$Data.visible" :title="$Prop.actionType === 'upd' ? '更新角色' : '添加角色'" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="10vh" @close="$Method.onClose">
         <div class="comp-role-edit">
             <t-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
@@ -24,7 +24,7 @@
         </div>
         <template #footer>
             <t-button @click="$Method.onClose">取消</t-button>
-            <t-button type="primary" @click="$Method.onSubmit">确定</t-button>
+            <t-button theme="primary" @click="$Method.onSubmit">确定</t-button>
         </template>
     </t-dialog>
 </template>

package/views/role/components/menu.vue

@@ -1,11 +1,11 @@
-<template>
+<template>
     <t-dialog v-model:visible="$Data.visible" title="菜单权限" width="600px" :append-to-body="true" :show-footer="true" top="10vh" @close="$Method.onClose">
         <div class="comp-role-menu">
             <t-tree :data="$Data.menuTreeData" node-key="id" show-checkbox default-expand-all :props="{ label: 'name' }" :ref="(el) => ($From.tree = el)" />
         </div>
         <template #footer>
             <t-button @click="$Method.onClose">取消</t-button>
-            <t-button type="primary" @click="$Method.onSubmit">保存</t-button>
+            <t-button theme="primary" @click="$Method.onSubmit">保存</t-button>
         </template>
     </t-dialog>
 </template>

package/views/role/index.vue

@@ -1,10 +1,10 @@
-<template>
+<template>
     <div class="page-role page-table">
         <div class="main-tool">
             <div class="left">
-                <t-button type="primary" @click="$Method.onAction('add', {})">
+                <t-button theme="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
-                        <IconLucidePlus />
+                        <i-lucide:plus />
                     </template>
                     添加角色
                 </t-button>
@@ -12,7 +12,7 @@
             <div class="right">
                 <t-button @click="$Method.handleRefresh">
                     <template #icon>
-                        <IconLucideRotateCw />
+                        <i-lucide:rotate-cw />
                     </template>
                     刷新
                 </t-button>
@@ -30,19 +30,19 @@
                         <t-button variant="text" size="small">操作</t-button>
                         <t-dropdown-menu slot="dropdown">
                             <t-dropdown-item value="upd">
-                                <IconLucidePencil />
+                                <i-lucide:pencil />
                                 编辑
                             </t-dropdown-item>
                             <t-dropdown-item value="menu">
-                                <IconLucideSettings />
+                                <i-lucide:settings />
                                 菜单权限
                             </t-dropdown-item>
                             <t-dropdown-item value="api">
-                                <IconLucideCode />
+                                <i-lucide:code />
                                 接口权限
                             </t-dropdown-item>
                             <t-dropdown-item value="del" :divider="true">
-                                <IconLucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
+                                <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
                                 删除
                             </t-dropdown-item>
                         </t-dropdown-menu>
@@ -67,12 +67,6 @@
 </template>
 
 <script setup>
-import IconLucidePlus from '~icons/lucide/plus';
-import IconLucideRotateCw from '~icons/lucide/rotate-cw';
-import IconLucidePencil from '~icons/lucide/pencil';
-import IconLucideSettings from '~icons/lucide/settings';
-import IconLucideCode from '~icons/lucide/code';
-import IconLucideTrash2 from '~icons/lucide/trash-2';
 import EditDialog from './components/edit.vue';
 import MenuDialog from './components/menu.vue';
 import ApiDialog from './components/api.vue';

package/views/user/index.vue

@@ -1,11 +1,11 @@
-<template>
+<template>
     <div class="user-manage">
         <!-- 上：过滤和操作栏 -->
         <div class="toolbar">
             <div class="toolbar-left">
                 <t-button theme="primary" @click="$Method.handleAdd">
                     <template #icon>
-                        <IconLucidePlus />
+                        <i-lucide:plus />
                     </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>
-                            <IconLucideSearch />
+                            <i-lucide:search />
                         </template>
                         搜索
                     </t-button>
                     <t-button theme="default" @click="$Method.handleReset">
                         <template #icon>
-                            <IconLucideRotateCw />
+                            <i-lucide:rotate-cw />
                         </template>
                         重置
                     </t-button>
@@ -74,9 +74,6 @@
 </template>
 
 <script setup>
-import IconLucidePlus from '~icons/lucide/plus';
-import IconLucideSearch from '~icons/lucide/search';
-import IconLucideRotateCw from '~icons/lucide/rotate-cw';
 import { $Http } from '@/plugins/http';
 
 // 响应式数据