@befly-addon/admin 1.0.34 → 1.0.36

package/views/index/components/systemNotifications.vue

@@ -1,24 +1,24 @@
 <template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <i-lucide:bell />
+            <ILucideBell />
             <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}`">
-                        <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 />
+                        <ILucideInfo v-if="notification.type === 'info'" />
+                        <ILucideCheckCircle v-else-if="notification.type === 'success'" />
+                        <ILucideAlertTriangle v-else-if="notification.type === 'warning'" />
+                        <ILucideXCircle v-else-if="notification.type === 'error'" />
+                        <ILucideBell v-else />
                     </div>
                     <div class="notification-content">
                         <span class="notification-title">{{ notification.title }}</span>
                         <span class="notification-time">{{ formatTime(notification.createdAt) }}</span>
                     </div>
-                    <t-tag v-if="!notification.isRead" type="primary" size="small">新</t-tag>
+                    <TTag v-if="!notification.isRead" type="primary" size="small">新</TTag>
                 </div>
             </div>
         </div>
@@ -26,6 +26,13 @@
 </template>
 
 <script setup>
+import { Tag as TTag } from 'tdesign-vue-next';
+import ILucideBell from '~icons/lucide/bell';
+import ILucideInfo from '~icons/lucide/info';
+import ILucideCheckCircle from '~icons/lucide/check-circle';
+import ILucideAlertTriangle from '~icons/lucide/alert-triangle';
+import ILucideXCircle from '~icons/lucide/x-circle';
+
 // 组件内部数据
 const notifications = $ref([
     { id: 1, type: 'warning', title: '系统更新提醒 - v1.1.0 版本已发布', isRead: false, createdAt: Date.now() - 3600000 },

package/views/index/components/systemOverview.vue

@@ -1,28 +1,28 @@
 <template>
     <div class="section-block">
         <div class="section-header flex items-center gap-2">
-            <i-lucide:info />
+            <ILucideInfo />
             <h2>系统概览</h2>
         </div>
         <div class="section-content">
             <div class="info-block">
                 <div class="stats-grid">
                     <div class="stat-box stat-primary">
-                        <i-lucide:menu />
+                        <ILucideMenu />
                         <div class="stat-content">
                             <div class="stat-value">{{ permissionStats.menuCount }}</div>
                             <div class="stat-label">菜单总数</div>
                         </div>
                     </div>
                     <div class="stat-box stat-success">
-                        <i-lucide:webhook />
+                        <ILucideWebhook />
                         <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 />
+                        <ILucideUsers />
                         <div class="stat-content">
                             <div class="stat-value">{{ permissionStats.roleCount }}</div>
                             <div class="stat-label">角色总数</div>
@@ -35,6 +35,10 @@
 </template>
 
 <script setup>
+import ILucideInfo from '~icons/lucide/info';
+import ILucideMenu from '~icons/lucide/menu';
+import ILucideWebhook from '~icons/lucide/webhook';
+import ILucideUsers from '~icons/lucide/users';
 import { $Http } from '@/plugins/http';
 
 // 组件内部数据

package/views/index/components/systemResources.vue

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

package/views/index/components/userInfo.vue

@@ -2,7 +2,7 @@
     <div class="section-block user-info-card">
         <div class="user-header">
             <div class="user-avatar">
-                <i-lucide:user />
+                <ILucideUser />
             </div>
             <div class="user-basic">
                 <div class="user-name">{{ $Data.userInfo.nickname || $Data.userInfo.name || $Data.userInfo.username || '未设置' }}</div>
@@ -11,32 +11,38 @@
         </div>
         <div class="user-details">
             <div class="detail-item">
-                <i-lucide:mail />
+                <ILucideMail />
                 <span>{{ $Data.userInfo.email || '未设置' }}</span>
             </div>
             <div v-if="$Data.userInfo.phone" class="detail-item">
-                <i-lucide:phone />
+                <ILucidePhone />
                 <span>{{ $Data.userInfo.phone }}</span>
             </div>
             <div v-if="$Data.userInfo.lastLoginTime" class="detail-item">
-                <i-lucide:clock />
+                <ILucideClock />
                 <span>{{ $Method.formatTime($Data.userInfo.lastLoginTime) }}</span>
             </div>
         </div>
 
         <!-- 仅 dev 角色显示刷新缓存按钮 -->
         <div v-if="$Data.userInfo.roleCode === 'dev'" class="user-actions">
-            <t-button theme="primary" size="mini" :loading="$Data.refreshing" @click="$Method.handleRefreshCache">
+            <TButton theme="primary" size="mini" :loading="$Data.refreshing" @click="$Method.handleRefreshCache">
                 <template #icon>
-                    <i-lucide:rotate-cw />
+                    <ILucideRotateCw />
                 </template>
                 刷新缓存
-            </t-button>
+            </TButton>
         </div>
     </div>
 </template>
 
 <script setup>
+import { Button as TButton, MessagePlugin } from 'tdesign-vue-next';
+import ILucideUser from '~icons/lucide/user';
+import ILucideMail from '~icons/lucide/mail';
+import ILucidePhone from '~icons/lucide/phone';
+import ILucideClock from '~icons/lucide/clock';
+import ILucideRotateCw from '~icons/lucide/rotate-cw';
 import { $Http } from '@/plugins/http';
 
 // 响应式数据

package/views/login/components/emailLoginForm.vue

@@ -1,30 +1,33 @@
 <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>
+    <TForm :model="$Data.formData" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)" class="login-form" label-width="90px" label-position="left" :show-message="false">
+        <TFormItem prop="account" label="账号">
+            <TInput v-model="$Data.formData.account" placeholder="请输入用户名或邮箱" size="large" clearable>
                 <template #prefix-icon>
-                    <i-lucide:user />
+                    <ILucideUser />
                 </template>
-            </t-input>
-        </t-form-item>
+            </TInput>
+        </TFormItem>
 
-        <t-form-item prop="password" label="密码">
-            <t-input v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
+        <TFormItem prop="password" label="密码">
+            <TInput v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
                 <template #prefix-icon>
-                    <i-lucide:lock />
+                    <ILucideLock />
                 </template>
-            </t-input>
-        </t-form-item>
+            </TInput>
+        </TFormItem>
 
         <div class="form-footer">
             <a href="#" class="forgot-password">忘记密码？</a>
         </div>
 
-        <t-button theme="primary" class="auth-btn" size="large" :loading="$Data.loading" @click="$Method.apiLogin"> 登录 </t-button>
-    </t-form>
+        <TButton theme="primary" class="auth-btn" size="large" :loading="$Data.loading" @click="$Method.apiLogin"> 登录 </TButton>
+    </TForm>
 </template>
 
 <script setup>
+import { Form as TForm, FormItem as TFormItem, Input as TInput, Button as TButton, MessagePlugin } from 'tdesign-vue-next';
+import ILucideUser from '~icons/lucide/user';
+import ILucideLock from '~icons/lucide/lock';
 import { $Http } from '@/plugins/http';
 import { $Storage } from '@/plugins/storage';
 

package/views/login/components/registerForm.vue

@@ -1,42 +1,47 @@
 <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>
+    <TForm :model="$Data.formData" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)" class="login-form" label-width="70px" label-position="left">
+        <TFormItem prop="username" label="用户名">
+            <TInput v-model="$Data.formData.username" placeholder="请输入用户名" size="large" clearable>
                 <template #prefix-icon>
-                    <i-lucide:user />
+                    <ILucideUser />
                 </template>
-            </t-input>
-        </t-form-item>
+            </TInput>
+        </TFormItem>
 
-        <t-form-item prop="email" label="邮箱">
-            <t-input v-model="$Data.formData.email" placeholder="请输入邮箱" size="large" clearable>
+        <TFormItem prop="email" label="邮箱">
+            <TInput v-model="$Data.formData.email" placeholder="请输入邮箱" size="large" clearable>
                 <template #prefix-icon>
-                    <i-lucide:mail />
+                    <ILucideMail />
                 </template>
-            </t-input>
-        </t-form-item>
+            </TInput>
+        </TFormItem>
 
-        <t-form-item prop="password" label="密码">
-            <t-input v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
+        <TFormItem prop="password" label="密码">
+            <TInput v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
                 <template #prefix-icon>
-                    <i-lucide:lock />
+                    <ILucideLock />
                 </template>
-            </t-input>
-        </t-form-item>
+            </TInput>
+        </TFormItem>
 
-        <t-form-item prop="nickname" label="昵称">
-            <t-input v-model="$Data.formData.nickname" placeholder="请输入昵称（选填）" size="large" clearable>
+        <TFormItem prop="nickname" label="昵称">
+            <TInput v-model="$Data.formData.nickname" placeholder="请输入昵称（选填）" size="large" clearable>
                 <template #prefix-icon>
-                    <i-lucide:smile />
+                    <ILucideSmile />
                 </template>
-            </t-input>
-        </t-form-item>
+            </TInput>
+        </TFormItem>
 
-        <t-button theme="primary" class="auth-btn" size="large" :loading="$Data.loading" @click="$Method.handleSubmit"> 注册 </t-button>
-    </t-form>
+        <TButton theme="primary" class="auth-btn" size="large" :loading="$Data.loading" @click="$Method.handleSubmit"> 注册 </TButton>
+    </TForm>
 </template>
 
 <script setup>
+import { Form as TForm, FormItem as TFormItem, Input as TInput, Button as TButton, MessagePlugin } from 'tdesign-vue-next';
+import ILucideUser from '~icons/lucide/user';
+import ILucideMail from '~icons/lucide/mail';
+import ILucideLock from '~icons/lucide/lock';
+import ILucideSmile from '~icons/lucide/smile';
 import { $Http } from '@/plugins/http';
 
 const emit = defineEmits(['success']);

package/views/menu/components/edit.vue

@@ -1,34 +1,35 @@
 <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">
-                <t-input v-model="$Data.formData.name" placeholder="请输入菜单名称" />
-            </t-form-item>
-            <t-form-item label="菜单路径" prop="path">
-                <t-input v-model="$Data.formData.path" placeholder="请输入菜单路径，如：/user" />
-            </t-form-item>
-            <t-form-item label="图标" prop="icon">
-                <t-input v-model="$Data.formData.icon" placeholder="请输入图标名称，如：User" />
-            </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>
+    <TDialog v-model:visible="$Data.visible" :title="$Prop.actionType === 'add' ? '添加菜单' : '编辑菜单'" width="600px" :append-to-body="true" :show-footer="true" top="10vh">
+        <TForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
+            <TFormItem label="菜单名称" prop="name">
+                <TInput v-model="$Data.formData.name" placeholder="请输入菜单名称" />
+            </TFormItem>
+            <TFormItem label="菜单路径" prop="path">
+                <TInput v-model="$Data.formData.path" placeholder="请输入菜单路径，如：/user" />
+            </TFormItem>
+            <TFormItem label="图标" prop="icon">
+                <TInput v-model="$Data.formData.icon" placeholder="请输入图标名称，如：User" />
+            </TFormItem>
+            <TFormItem label="排序" prop="sort">
+                <TInputNumber v-model="$Data.formData.sort" :min="0" :max="9999" />
+            </TFormItem>
+            <TFormItem label="状态" prop="state">
+                <TRadioGroup v-model="$Data.formData.state">
+                    <TRadio :label="1">正常</TRadio>
+                    <TRadio :label="2">禁用</TRadio>
+                </TRadioGroup>
+            </TFormItem>
+        </TForm>
         <template #footer>
-            <t-button @click="$Method.onClose">取消</t-button>
-            <t-button theme="primary" @click="$Method.onSubmit">确定</t-button>
+            <TButton @click="$Method.onClose">取消</TButton>
+            <TButton theme="primary" @click="$Method.onSubmit">确定</TButton>
         </template>
-    </t-dialog>
+    </TDialog>
 </template>
 
 <script setup>
 import { watch } from 'vue';
+import { Dialog as TDialog, Form as TForm, FormItem as TFormItem, Input as TInput, InputNumber as TInputNumber, RadioGroup as TRadioGroup, Radio as TRadio, Button as TButton, MessagePlugin } from 'tdesign-vue-next';
 import { $Http } from '@/plugins/http';
 
 const $Prop = defineProps({

package/views/menu/index.vue

@@ -2,53 +2,53 @@
     <div class="page-menu page-table">
         <div class="main-tool">
             <div class="left">
-                <t-button theme="primary" @click="$Method.onAction('add', {})">
+                <TButton theme="primary" @click="$Method.onAction('add', {})">
                     <template #icon>
-                        <i-lucide:plus />
+                        <ILucidePlus />
                     </template>
                     添加菜单
-                </t-button>
+                </TButton>
             </div>
             <div class="right">
-                <t-button @click="$Method.handleRefresh">
+                <TButton @click="$Method.handleRefresh">
                     <template #icon>
-                        <i-lucide:rotate-cw />
+                        <ILucideRotateCw />
                     </template>
                     刷新
-                </t-button>
+                </TButton>
             </div>
         </div>
         <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">
+            <TTable :data="$Data.menuList" :columns="$Data.columns" header-cell-class-name="custom-table-cell-class" size="small" height="100%" row-key="id">
                 <template #icon="{ row }">
-                    <i-lucide:square v-if="row.icon" />
+                    <ILucideSquare 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>
+                    <TTag v-if="row.state === 1" theme="success">正常</TTag>
+                    <TTag v-else-if="row.state === 2" theme="warning">禁用</TTag>
+                    <TTag v-else theme="danger">已删除</TTag>
                 </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">
-                                <i-lucide:pencil />
+                    <TDropdown trigger="click" min-column-width="120" @click="(data) => $Method.onAction(data.value, row)">
+                        <TButton variant="text" size="small">操作</TButton>
+                        <TDropdownMenu slot="dropdown">
+                            <TDropdownItem value="upd">
+                                <ILucidePencil />
                                 编辑
-                            </t-dropdown-item>
-                            <t-dropdown-item value="del" :divider="true">
-                                <i-lucide:trash-2 style="width: 14px; height: 14px; margin-right: 6px" />
+                            </TDropdownItem>
+                            <TDropdownItem value="del" :divider="true">
+                                <ILucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
                                 删除
-                            </t-dropdown-item>
-                        </t-dropdown-menu>
-                    </t-dropdown>
+                            </TDropdownItem>
+                        </TDropdownMenu>
+                    </TDropdown>
                 </template>
-            </t-table>
+            </TTable>
         </div>
 
         <div class="main-page">
-            <t-pagination :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.pageSize" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @size-change="$Method.handleSizeChange" />
+            <TPagination :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.pageSize" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @size-change="$Method.handleSizeChange" />
         </div>
 
         <!-- 编辑对话框组件 -->
@@ -57,6 +57,12 @@
 </template>
 
 <script setup>
+import { Button as TButton, Table as TTable, Tag as TTag, Dropdown as TDropdown, DropdownMenu as TDropdownMenu, DropdownItem as TDropdownItem, Pagination as TPagination, MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
+import ILucidePlus from '~icons/lucide/plus';
+import ILucideRotateCw from '~icons/lucide/rotate-cw';
+import ILucideSquare from '~icons/lucide/square';
+import ILucidePencil from '~icons/lucide/pencil';
+import ILucideTrash2 from '~icons/lucide/trash-2';
 import EditDialog from './components/edit.vue';
 import { $Http } from '@/plugins/http';
 

package/views/role/components/api.vue

@@ -1,13 +1,13 @@
 <template>
-    <t-dialog v-model:visible="$Data.visible" title="接口权限" width="900px" :append-to-body="true" :show-footer="true" top="5vh" @close="$Method.onClose">
+    <TDialog 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">
-                <t-input v-model="$Data.searchText" placeholder="搜索接口名称或路径" clearable @change="$Method.onSearch">
+                <TInput v-model="$Data.searchText" placeholder="搜索接口名称或路径" clearable @change="$Method.onSearch">
                     <template #prefix-icon>
-                        <i-lucide:search />
+                        <ILucideSearch />
                     </template>
-                </t-input>
+                </TInput>
             </div>
 
             <!-- 接口分组列表 -->
@@ -15,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">
-                        <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>
+                        <TCheckboxGroup v-model="$Data.checkedApiIds">
+                            <TCheckbox v-for="api in group.apis" :key="api.id" :value="api.id"> {{ api.label }} </TCheckbox>
+                        </TCheckboxGroup>
                     </div>
                 </div>
             </div>
@@ -25,18 +25,20 @@
 
         <template #footer>
             <div class="footer-left">
-                <t-button size="small" @click="$Method.onCheckAll">全选</t-button>
-                <t-button size="small" @click="$Method.onUncheckAll">取消全选</t-button>
+                <TButton size="small" @click="$Method.onCheckAll">全选</TButton>
+                <TButton size="small" @click="$Method.onUncheckAll">取消全选</TButton>
             </div>
             <div class="footer-right">
-                <t-button @click="$Method.onClose">取消</t-button>
-                <t-button theme="primary" @click="$Method.onSubmit">保存</t-button>
+                <TButton @click="$Method.onClose">取消</TButton>
+                <TButton theme="primary" @click="$Method.onSubmit">保存</TButton>
             </div>
         </template>
-    </t-dialog>
+    </TDialog>
 </template>
 
 <script setup>
+import { Dialog as TDialog, Input as TInput, CheckboxGroup as TCheckboxGroup, Checkbox as TCheckbox, Button as TButton, MessagePlugin } from 'tdesign-vue-next';
+import ILucideSearch from '~icons/lucide/search';
 import { $Http } from '@/plugins/http';
 
 const $Prop = defineProps({

package/views/role/components/edit.vue

@@ -1,35 +1,36 @@
 <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">
+    <TDialog 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)">
-                <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>
+            <TForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
+                <TFormItem label="角色名称" prop="name">
+                    <TInput v-model="$Data.formData.name" placeholder="请输入角色名称" />
+                </TFormItem>
+                <TFormItem label="角色代码" prop="code">
+                    <TInput v-model="$Data.formData.code" placeholder="请输入角色代码，如：admin" />
+                </TFormItem>
+                <TFormItem label="角色描述" prop="description">
+                    <TInput v-model="$Data.formData.description" type="textarea" placeholder="请输入角色描述" :rows="3" />
+                </TFormItem>
+                <TFormItem label="排序" prop="sort">
+                    <TInputNumber v-model="$Data.formData.sort" :min="0" :max="9999" />
+                </TFormItem>
+                <TFormItem label="状态" prop="state">
+                    <TRadioGroup v-model="$Data.formData.state">
+                        <TRadio :label="1">正常</TRadio>
+                        <TRadio :label="2">禁用</TRadio>
+                    </TRadioGroup>
+                </TFormItem>
+            </TForm>
         </div>
         <template #footer>
-            <t-button @click="$Method.onClose">取消</t-button>
-            <t-button theme="primary" @click="$Method.onSubmit">确定</t-button>
+            <TButton @click="$Method.onClose">取消</TButton>
+            <TButton theme="primary" @click="$Method.onSubmit">确定</TButton>
         </template>
-    </t-dialog>
+    </TDialog>
 </template>
 
 <script setup>
+import { Dialog as TDialog, Form as TForm, FormItem as TFormItem, Input as TInput, InputNumber as TInputNumber, RadioGroup as TRadioGroup, Radio as TRadio, Button as TButton, MessagePlugin } from 'tdesign-vue-next';
 import { $Http } from '@/plugins/http';
 
 const $Prop = defineProps({