@befly-addon/admin 1.0.31 → 1.0.33

package/views/menu/index.vue

@@ -1,65 +1,54 @@
-<template>
+<template>
     <div class="page-menu page-table">
         <div class="main-tool">
             <div class="left">
-                <TinyButton type="primary" @click="$Method.onAction('add', {})">
+                <t-button type="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
                         <IconLucidePlus />
                     </template>
                     添加菜单
-                </TinyButton>
+                </t-button>
             </div>
             <div class="right">
-                <TinyButton @click="$Method.handleRefresh">
+                <t-button @click="$Method.handleRefresh">
                     <template #icon>
                         <IconLucideRotateCw />
                     </template>
                     刷新
-                </TinyButton>
+                </t-button>
             </div>
         </div>
         <div class="main-table">
-            <TinyGrid :data="$Data.menuList" header-cell-class-name="custom-table-cell-class" size="small" height="100%" seq-serial>
-                <TinyGridColumn type="index" title="序号" :width="60" />
-                <TinyGridColumn field="name" title="菜单名称" />
-                <TinyGridColumn field="path" title="路径" :width="200" />
-                <TinyGridColumn field="icon" title="图标" :width="100">
-                    <template #default="{ row }">
-                        <IconLucideSquare v-if="row.icon" />
-                        <span v-else>-</span>
-                    </template>
-                </TinyGridColumn>
-                <TinyGridColumn field="sort" title="排序" :width="80" />
-                <TinyGridColumn field="state" title="状态" :width="100">
-                    <template #default="{ row }">
-                        <TinyTag v-if="row.state === 1" type="success">正常</TinyTag>
-                        <TinyTag v-else-if="row.state === 2" type="warning">禁用</TinyTag>
-                        <TinyTag v-else type="danger">已删除</TinyTag>
-                    </template>
-                </TinyGridColumn>
-                <TinyGridColumn title="操作" :width="120" align="right">
-                    <template #default="{ row }">
-                        <TinyDropdown title="操作" trigger="click" size="small" border visible-arrow @item-click="(data) => $Method.onAction(data.itemData.command, row)">
-                            <template #dropdown>
-                                <TinyDropdownMenu>
-                                    <TinyDropdownItem :item-data="{ command: 'upd' }">
-                                        <IconLucidePencil />
-                                        编辑
-                                    </TinyDropdownItem>
-                                    <TinyDropdownItem :item-data="{ command: 'del' }" divided>
-                                        <IconLucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
-                                        删除
-                                    </TinyDropdownItem>
-                                </TinyDropdownMenu>
-                            </template>
-                        </TinyDropdown>
-                    </template>
-                </TinyGridColumn>
-            </TinyGrid>
+            <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" />
+                    <span v-else>-</span>
+                </template>
+                <template #state="{ row }">
+                    <t-tag v-if="row.state === 1" theme="success">正常</t-tag>
+                    <t-tag v-else-if="row.state === 2" theme="warning">禁用</t-tag>
+                    <t-tag v-else theme="danger">已删除</t-tag>
+                </template>
+                <template #operation="{ row }">
+                    <t-dropdown trigger="click" min-column-width="120" @click="(data) => $Method.onAction(data.value, row)">
+                        <t-button variant="text" size="small">操作</t-button>
+                        <t-dropdown-menu slot="dropdown">
+                            <t-dropdown-item value="upd">
+                                <IconLucidePencil />
+                                编辑
+                            </t-dropdown-item>
+                            <t-dropdown-item value="del" :divider="true">
+                                <IconLucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
+                                删除
+                            </t-dropdown-item>
+                        </t-dropdown-menu>
+                    </t-dropdown>
+                </template>
+            </t-table>
         </div>
 
         <div class="main-page">
-            <TinyPager :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.pageSize" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @size-change="$Method.handleSizeChange" />
+            <t-pagination :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.pageSize" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @size-change="$Method.handleSizeChange" />
         </div>
 
         <!-- 编辑对话框组件 -->
@@ -68,27 +57,21 @@
 </template>
 
 <script setup>
-import TinyButton from '@opentiny/vue-button';
-import TinyGrid from '@opentiny/vue-grid';
-import TinyGridColumn from '@opentiny/vue-grid-column';
-import TinyTag from '@opentiny/vue-tag';
-import TinyDropdown from '@opentiny/vue-dropdown';
-import TinyDropdownMenu from '@opentiny/vue-dropdown-menu';
-import TinyDropdownItem from '@opentiny/vue-dropdown-item';
-import TinyPager from '@opentiny/vue-pager';
-import Modal from '@opentiny/vue-modal';
-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';
 
 // 响应式数据
 const $Data = $ref({
     menuList: [],
+    columns: [
+        { colKey: 'index', title: '序号', width: 60, align: 'center' },
+        { colKey: 'name', title: '菜单名称' },
+        { colKey: 'path', title: '路径', width: 200 },
+        { colKey: 'icon', title: '图标', width: 100 },
+        { colKey: 'sort', title: '排序', width: 80 },
+        { colKey: 'state', title: '状态', width: 100 },
+        { colKey: 'operation', title: '操作', width: 120, align: 'right' }
+    ],
     pagerConfig: {
         currentPage: 1,
         pageSize: 30,
@@ -118,7 +101,7 @@ const $Method = {
             $Data.pagerConfig.total = res.data.total || 0;
         } catch (error) {
             console.error('加载菜单列表失败:', error);
-            Modal.message({
+            MessagePlugin.info({
                 message: '加载数据失败',
                 status: 'error'
             });
@@ -127,7 +110,7 @@ const $Method = {
 
     // 删除菜单
     async apiMenuDel(row) {
-        Modal.confirm({
+        DialogPlugin.confirm({
             header: '确认删除',
             body: `确定要删除菜单"${row.name}" 吗？`,
             status: 'warning'
@@ -135,14 +118,14 @@ const $Method = {
             try {
                 const res = await $Http('/addon/admin/menu/del', { id: row.id });
                 if (res.code === 0) {
-                    Modal.message({ message: '删除成功', status: 'success' });
+                    MessagePlugin.info({ message: '删除成功', status: 'success' });
                     $Method.apiMenuList();
                 } else {
-                    Modal.message({ message: res.msg || '删除失败', status: 'error' });
+                    MessagePlugin.info({ message: res.msg || '删除失败', status: 'error' });
                 }
             } catch (error) {
                 console.error('删除失败:', error);
-                Modal.message({ message: '删除失败', status: 'error' });
+                MessagePlugin.info({ message: '删除失败', status: 'error' });
             }
         });
     },

package/views/news/index.vue

@@ -9,7 +9,6 @@
 </template>
 
 <script setup>
-import Modal from '@opentiny/vue-modal';
 // 新闻页面逻辑
 </script>
 

package/views/role/components/api.vue

@@ -1,5 +1,5 @@
 <template>
-    <TinyDialogBox v-model:visible="$Data.visible" title="接口权限" width="900px" :append-to-body="true" :show-footer="true" top="5vh" @close="$Method.onClose">
+    <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">
@@ -21,24 +21,18 @@
 
         <template #footer>
             <div class="footer-left">
-                <TinyButton size="small" @click="$Method.onCheckAll">全选</TinyButton>
-                <TinyButton size="small" @click="$Method.onUncheckAll">取消全选</TinyButton>
+                <t-button size="small" @click="$Method.onCheckAll">全选</t-button>
+                <t-button size="small" @click="$Method.onUncheckAll">取消全选</t-button>
             </div>
             <div class="footer-right">
-                <TinyButton @click="$Method.onClose">取消</TinyButton>
-                <TinyButton type="primary" @click="$Method.onSubmit">保存</TinyButton>
+                <t-button @click="$Method.onClose">取消</t-button>
+                <t-button type="primary" @click="$Method.onSubmit">保存</t-button>
             </div>
         </template>
-    </TinyDialogBox>
+    </t-dialog>
 </template>
 
 <script setup>
-import TinyButton from '@opentiny/vue-button';
-import TinyDialogBox from '@opentiny/vue-dialog-box';
-import TinySearch from '@opentiny/vue-search';
-import TinyCheckbox from '@opentiny/vue-checkbox';
-import TinyCheckboxGroup from '@opentiny/vue-checkbox-group';
-import Modal from '@opentiny/vue-modal';
 import { $Http } from '@/plugins/http';
 
 const $Prop = defineProps({
@@ -113,7 +107,7 @@ const $Method = {
             $Data.apiData = Array.from(apiMap.values());
         } catch (error) {
             console.error('加载接口失败:', error);
-            Modal.message({ message: '加载接口失败', status: 'error' });
+            MessagePlugin.info({ message: '加载接口失败', status: 'error' });
         }
     },
 
@@ -173,21 +167,21 @@ const $Method = {
             });
 
             if (res.code === 0) {
-                Modal.message({
+                MessagePlugin.info({
                     message: '保存成功',
                     status: 'success'
                 });
                 $Data.visible = false;
                 $Emit('success');
             } else {
-                Modal.message({
+                MessagePlugin.info({
                     message: res.msg || '保存失败',
                     status: 'error'
                 });
             }
         } catch (error) {
             console.error('保存失败:', error);
-            Modal.message({
+            MessagePlugin.info({
                 message: '保存失败',
                 status: 'error'
             });

package/views/role/components/edit.vue

@@ -1,44 +1,35 @@
 <template>
-    <TinyDialogBox 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-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">
-            <TinyForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
-                <TinyFormItem label="角色名称" prop="name">
-                    <TinyInput v-model="$Data.formData.name" placeholder="请输入角色名称" />
-                </TinyFormItem>
-                <TinyFormItem label="角色代码" prop="code">
-                    <TinyInput v-model="$Data.formData.code" placeholder="请输入角色代码，如：admin" />
-                </TinyFormItem>
-                <TinyFormItem label="角色描述" prop="description">
-                    <TinyInput v-model="$Data.formData.description" type="textarea" placeholder="请输入角色描述" :rows="3" />
-                </TinyFormItem>
-                <TinyFormItem label="排序" prop="sort">
-                    <TinyNumeric v-model="$Data.formData.sort" :min="0" :max="9999" />
-                </TinyFormItem>
-                <TinyFormItem label="状态" prop="state">
-                    <TinyRadioGroup v-model="$Data.formData.state">
-                        <TinyRadio :label="1">正常</TinyRadio>
-                        <TinyRadio :label="2">禁用</TinyRadio>
-                    </TinyRadioGroup>
-                </TinyFormItem>
-            </TinyForm>
+            <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">
+                    <t-input v-model="$Data.formData.name" placeholder="请输入角色名称" />
+                </t-form-item>
+                <t-form-item label="角色代码" prop="code">
+                    <t-input v-model="$Data.formData.code" placeholder="请输入角色代码，如：admin" />
+                </t-form-item>
+                <t-form-item label="角色描述" prop="description">
+                    <t-input v-model="$Data.formData.description" type="textarea" placeholder="请输入角色描述" :rows="3" />
+                </t-form-item>
+                <t-form-item label="排序" prop="sort">
+                    <t-input-number v-model="$Data.formData.sort" :min="0" :max="9999" />
+                </t-form-item>
+                <t-form-item label="状态" prop="state">
+                    <t-radio-group v-model="$Data.formData.state">
+                        <t-radio :label="1">正常</t-radio>
+                        <t-radio :label="2">禁用</t-radio>
+                    </t-radio-group>
+                </t-form-item>
+            </t-form>
         </div>
         <template #footer>
-            <TinyButton @click="$Method.onClose">取消</TinyButton>
-            <TinyButton type="primary" @click="$Method.onSubmit">确定</TinyButton>
+            <t-button @click="$Method.onClose">取消</t-button>
+            <t-button type="primary" @click="$Method.onSubmit">确定</t-button>
         </template>
-    </TinyDialogBox>
+    </t-dialog>
 </template>
 
 <script setup>
-import TinyButton from '@opentiny/vue-button';
-import TinyDialogBox from '@opentiny/vue-dialog-box';
-import TinyForm from '@opentiny/vue-form';
-import TinyFormItem from '@opentiny/vue-form-item';
-import TinyInput from '@opentiny/vue-input';
-import TinyNumeric from '@opentiny/vue-numeric';
-import TinyRadio from '@opentiny/vue-radio';
-import TinyRadioGroup from '@opentiny/vue-radio-group';
-import Modal from '@opentiny/vue-modal';
 import { $Http } from '@/plugins/http';
 
 const $Prop = defineProps({
@@ -115,7 +106,7 @@ const $Method = {
 
             const res = await $Http($Prop.actionType === 'upd' ? '/addon/admin/roleUpd' : '/addon/admin/roleIns', $Data.formData);
 
-            Modal.message({
+            MessagePlugin.info({
                 message: $Prop.actionType === 'upd' ? '更新成功' : '添加成功',
                 status: 'success'
             });
@@ -123,7 +114,7 @@ const $Method = {
             $Emit('success');
         } catch (error) {
             console.error('提交失败:', error);
-            Modal.message({
+            MessagePlugin.info({
                 message: '提交失败',
                 status: 'error'
             });

package/views/role/components/menu.vue

@@ -1,22 +1,17 @@
 <template>
-    <TinyDialogBox v-model:visible="$Data.visible" title="菜单权限" width="600px" :append-to-body="true" :show-footer="true" top="10vh" @close="$Method.onClose">
+    <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">
-            <TinyTree :data="$Data.menuTreeData" node-key="id" show-checkbox default-expand-all :props="{ label: 'name' }" :ref="(el) => ($From.tree = el)" />
+            <t-tree :data="$Data.menuTreeData" node-key="id" show-checkbox default-expand-all :props="{ label: 'name' }" :ref="(el) => ($From.tree = el)" />
         </div>
         <template #footer>
-            <TinyButton @click="$Method.onClose">取消</TinyButton>
-            <TinyButton type="primary" @click="$Method.onSubmit">保存</TinyButton>
+            <t-button @click="$Method.onClose">取消</t-button>
+            <t-button type="primary" @click="$Method.onSubmit">保存</t-button>
         </template>
-    </TinyDialogBox>
+    </t-dialog>
 </template>
 
 <script setup>
 import { nextTick } from 'vue';
-import TinyButton from '@opentiny/vue-button';
-import TinyDialogBox from '@opentiny/vue-dialog-box';
-import TinyTree from '@opentiny/vue-tree';
-import Modal from '@opentiny/vue-modal';
-
 import { arrayToTree } from '@/utils';
 import { $Http } from '@/plugins/http';
 
@@ -73,7 +68,7 @@ const $Method = {
             $Data.menuTreeData = arrayToTree(menuList);
         } catch (error) {
             console.error('加载菜单失败:', error);
-            Modal.message({ message: '加载菜单失败', status: 'error' });
+            MessagePlugin.info({ message: '加载菜单失败', status: 'error' });
         }
     },
 
@@ -104,7 +99,7 @@ const $Method = {
     async onSubmit() {
         try {
             if (!$From.tree) {
-                Modal.message({ message: '菜单树未初始化', status: 'error' });
+                MessagePlugin.info({ message: '菜单树未初始化', status: 'error' });
                 return;
             }
 
@@ -119,21 +114,21 @@ const $Method = {
             });
 
             if (res.code === 0) {
-                Modal.message({
+                MessagePlugin.info({
                     message: '保存成功',
                     status: 'success'
                 });
                 $Data.visible = false;
                 $Emit('success');
             } else {
-                Modal.message({
+                MessagePlugin.info({
                     message: res.msg || '保存失败',
                     status: 'error'
                 });
             }
         } catch (error) {
             console.error('保存失败:', error);
-            Modal.message({
+            MessagePlugin.info({
                 message: '保存失败',
                 status: 'error'
             });

package/views/role/index.vue

@@ -1,68 +1,58 @@
-<template>
+<template>
     <div class="page-role page-table">
         <div class="main-tool">
             <div class="left">
-                <TinyButton type="primary" @click="$Method.onAction('add', {})">
+                <t-button type="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
                         <IconLucidePlus />
                     </template>
                     添加角色
-                </TinyButton>
+                </t-button>
             </div>
             <div class="right">
-                <TinyButton @click="$Method.handleRefresh">
+                <t-button @click="$Method.handleRefresh">
                     <template #icon>
                         <IconLucideRotateCw />
                     </template>
                     刷新
-                </TinyButton>
+                </t-button>
             </div>
         </div>
         <div class="main-table">
-            <TinyGrid :data="$Data.tableData" header-cell-class-name="custom-table-cell-class" size="small" height="100%" show-overflow="tooltip" border seq-serial>
-                <TinyGridColumn type="index" title="序号" align="center" :width="100" />
-                <TinyGridColumn field="name" title="角色名称" :width="150" />
-                <TinyGridColumn field="code" title="角色代码" :width="150" />
-                <TinyGridColumn field="description" title="描述" :min-width="150" />
-                <TinyGridColumn field="sort" title="排序" align="center" :width="80" />
-                <TinyGridColumn field="state" title="状态" align="center" :width="100">
-                    <template #default="{ row }">
-                        <TinyTag v-if="row.state === 1" type="success">正常</TinyTag>
-                        <TinyTag v-else-if="row.state === 2" type="warning">禁用</TinyTag>
-                        <TinyTag v-else type="danger">已删除</TinyTag>
-                    </template>
-                </TinyGridColumn>
-                <TinyGridColumn title="操作" :width="120" align="center" fixed="right">
-                    <template #default="{ row }">
-                        <TinyDropdown title="操作" trigger="click" size="small" border visible-arrow @item-click="(data) => $Method.onAction(data.itemData.command, row)">
-                            <template #dropdown>
-                                <TinyDropdownMenu>
-                                    <TinyDropdownItem :item-data="{ command: 'upd' }">
-                                        <IconLucidePencil />
-                                        编辑
-                                    </TinyDropdownItem>
-                                    <TinyDropdownItem :item-data="{ command: 'menu' }">
-                                        <IconLucideSettings />
-                                        菜单权限
-                                    </TinyDropdownItem>
-                                    <TinyDropdownItem :item-data="{ command: 'api' }">
-                                        <IconLucideCode />
-                                        接口权限
-                                    </TinyDropdownItem>
-                                    <TinyDropdownItem :item-data="{ command: 'del' }" divided>
-                                        <IconLucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
-                                        删除
-                                    </TinyDropdownItem>
-                                </TinyDropdownMenu>
-                            </template>
-                        </TinyDropdown>
-                    </template>
-                </TinyGridColumn>
-            </TinyGrid>
+            <t-table :data="$Data.tableData" :columns="$Data.columns" header-cell-class-name="custom-table-cell-class" size="small" height="100%" row-key="id" bordered>
+                <template #state="{ row }">
+                    <t-tag v-if="row.state === 1" theme="success">正常</t-tag>
+                    <t-tag v-else-if="row.state === 2" theme="warning">禁用</t-tag>
+                    <t-tag v-else theme="danger">已删除</t-tag>
+                </template>
+                <template #operation="{ row }">
+                    <t-dropdown trigger="click" min-column-width="120" @click="(data) => $Method.onAction(data.value, row)">
+                        <t-button variant="text" size="small">操作</t-button>
+                        <t-dropdown-menu slot="dropdown">
+                            <t-dropdown-item value="upd">
+                                <IconLucidePencil />
+                                编辑
+                            </t-dropdown-item>
+                            <t-dropdown-item value="menu">
+                                <IconLucideSettings />
+                                菜单权限
+                            </t-dropdown-item>
+                            <t-dropdown-item value="api">
+                                <IconLucideCode />
+                                接口权限
+                            </t-dropdown-item>
+                            <t-dropdown-item value="del" :divider="true">
+                                <IconLucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
+                                删除
+                            </t-dropdown-item>
+                        </t-dropdown-menu>
+                    </t-dropdown>
+                </template>
+            </t-table>
         </div>
 
         <div class="main-page">
-            <TinyPager :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.pageSize" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @size-change="$Method.handleSizeChange" />
+            <t-pagination :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.pageSize" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @size-change="$Method.handleSizeChange" />
         </div>
 
         <!-- 编辑对话框组件 -->
@@ -77,21 +67,6 @@
 </template>
 
 <script setup>
-import TinyButton from '@opentiny/vue-button';
-import TinyGrid from '@opentiny/vue-grid';
-import TinyGridColumn from '@opentiny/vue-grid-column';
-import TinyTag from '@opentiny/vue-tag';
-import TinyDropdown from '@opentiny/vue-dropdown';
-import TinyDropdownMenu from '@opentiny/vue-dropdown-menu';
-import TinyDropdownItem from '@opentiny/vue-dropdown-item';
-import TinyPager from '@opentiny/vue-pager';
-import Modal from '@opentiny/vue-modal';
-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';
@@ -100,6 +75,15 @@ import { $Http } from '@/plugins/http';
 // 响应式数据
 const $Data = $ref({
     tableData: [],
+    columns: [
+        { colKey: 'index', title: '序号', width: 100, align: 'center' },
+        { colKey: 'name', title: '角色名称', width: 150 },
+        { colKey: 'code', title: '角色代码', width: 150 },
+        { colKey: 'description', title: '描述', minWidth: 150, ellipsis: true },
+        { colKey: 'sort', title: '排序', width: 80, align: 'center' },
+        { colKey: 'state', title: '状态', width: 100, align: 'center' },
+        { colKey: 'operation', title: '操作', width: 120, align: 'center', fixed: 'right' }
+    ],
     pagerConfig: {
         currentPage: 1,
         pageSize: 30,
@@ -130,7 +114,7 @@ const $Method = {
             $Data.pagerConfig.total = res.data.total || 0;
         } catch (error) {
             console.error('加载角色列表失败:', error);
-            Modal.message({
+            MessagePlugin.info({
                 message: '加载数据失败',
                 status: 'error'
             });
@@ -139,7 +123,7 @@ const $Method = {
 
     // 删除角色
     async apiRoleDel(row) {
-        Modal.confirm({
+        DialogPlugin.confirm({
             header: '确认删除',
             body: `确定要删除角色"${row.name}" 吗？`,
             status: 'warning'
@@ -147,14 +131,14 @@ const $Method = {
             try {
                 const res = await $Http('/addon/admin/role/del', { id: row.id });
                 if (res.code === 0) {
-                    Modal.message({ message: '删除成功', status: 'success' });
+                    MessagePlugin.info({ message: '删除成功', status: 'success' });
                     $Method.apiRoleList();
                 } else {
-                    Modal.message({ message: res.msg || '删除失败', status: 'error' });
+                    MessagePlugin.info({ message: res.msg || '删除失败', status: 'error' });
                 }
             } catch (error) {
                 console.error('删除失败:', error);
-                Modal.message({ message: '删除失败', status: 'error' });
+                MessagePlugin.info({ message: '删除失败', status: 'error' });
             }
         });
     },

package/views/user/index.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
     <div class="user-manage">
         <!-- 上：过滤和操作栏 -->
         <div class="toolbar">
@@ -34,9 +34,9 @@
         <div class="table-wrapper">
             <t-table :data="$Data.userList" :columns="$Data.columns" row-key="id" :loading="$Data.loading" bordered stripe hover max-height="100%">
                 <template #state="{ row }">
-                    <TinyTag v-if="row.state === 1" type="success">正常</TinyTag>
-                    <TinyTag v-else-if="row.state === 2" type="warning">禁用</TinyTag>
-                    <TinyTag v-else type="danger">已删除</TinyTag>
+                    <t-tag v-if="row.state === 1" type="success">正常</t-tag>
+                    <t-tag v-else-if="row.state === 2" type="warning">禁用</t-tag>
+                    <t-tag v-else type="danger">已删除</t-tag>
                 </template>
 
                 <template #lastLoginTime="{ row }">
@@ -63,7 +63,7 @@
         <t-dialog v-model:visible="$Data.roleVisible" header="分配角色" width="600px" :on-confirm="$Method.handleRoleSubmit">
             <div class="role-dialog">
                 <div class="user-info">
-                    <TinyTag type="primary">{{ $Data.currentUser.username }}</TinyTag>
+                    <t-tag type="primary">{{ $Data.currentUser.username }}</t-tag>
                     <span class="user-email">{{ $Data.currentUser.email }}</span>
                 </div>
                 <t-divider />
@@ -74,11 +74,6 @@
 </template>
 
 <script setup>
-import TinyTag from '@opentiny/vue-tag';
-import Modal from '@opentiny/vue-modal';
-import IconLucidePlus from '~icons/lucide/plus';
-import IconLucideSearch from '~icons/lucide/search';
-import IconLucideRotateCw from '~icons/lucide/rotate-cw';
 import { $Http } from '@/plugins/http';
 
 // 响应式数据