@befly-addon/admin 1.8.6 → 1.8.7

package/adminViews/config/dict/components/edit.vue

@@ -1,6 +1,6 @@
 <template>
     <PageDialog v-model="visible" :title="actionType === 'add' ? '添加字典项' : '编辑字典项'" @confirm="handleSubmit">
-        <TForm :data="$Data.formData" :rules="$Data.rules" label-width="100px" :ref="(el) => ($From.form = el)">
+        <TForm :data="$Data.formData" :rules="$Data.rules" label-width="100px" ref="formRef">
             <TFormItem label="字典类型" name="typeCode">
                 <TSelect v-model="$Data.formData.typeCode" placeholder="请选择字典类型" filterable>
                     <TOption v-for="item in typeList" :key="item.code" :value="item.code" :label="item.name" />
@@ -23,7 +23,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, reactive, ref } from "vue";
 
 import { Form as TForm, FormItem as TFormItem, Input as TInput, Select as TSelect, Option as TOption, Textarea as TTextarea, InputNumber as TInputNumber, MessagePlugin } from "tdesign-vue-next";
 import PageDialog from "@/components/pageDialog.vue";
@@ -46,11 +46,13 @@ const visible = computed({
     set: (val) => $Emit("update:modelValue", val)
 });
 
-const $From = $shallowRef({
-    form: null
-});
+type TDesignFormInstance = {
+    validate: () => Promise<unknown>;
+};
+
+const formRef = ref<TDesignFormInstance | null>(null);
 
-const $Data = $ref({
+const $Data = reactive({
     formData: {
         typeCode: "",
         key: "",
@@ -67,7 +69,13 @@ const $Data = $ref({
 
 async function handleSubmit(): Promise<void> {
     try {
-        const valid = await $From.form.validate();
+        const form = formRef.value;
+        if (!form) {
+            MessagePlugin.warning("表单未就绪");
+            return;
+        }
+
+        const valid = await form.validate();
         if (valid !== true) return;
         const apiUrl = props.actionType === "add" ? "/addon/admin/dict/ins" : "/addon/admin/dict/upd";
         const params: Record<string, unknown> = {
@@ -90,7 +98,7 @@ async function handleSubmit(): Promise<void> {
         } else {
             MessagePlugin.error(res.msg || "操作失败");
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("操作失败");
     }
 }

package/adminViews/config/dict/index.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted } from "vue";
+import { onMounted, reactive } from "vue";
 
 import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Input as TInput, Option as TOption, Select as TSelect, MessagePlugin } from "tdesign-vue-next";
 import ILucidePlus from "~icons/lucide/plus";
@@ -64,7 +64,7 @@ import { $Http } from "@/plugins/http";
 import PagedTableDetail from "@/components/pagedTableDetail.vue";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
-const $Data = $ref({
+const $Data = reactive({
     typeList: [],
     searchTypeCode: "",
     searchKeyword: "",
@@ -128,7 +128,7 @@ async function apiDictTypeAll(): Promise<void> {
             }
         );
         $Data.typeList = res.data.lists || [];
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("加载数据失败");
     }
 }

package/adminViews/config/dictType/components/edit.vue

@@ -1,6 +1,6 @@
 <template>
     <PageDialog v-model="visible" :title="actionType === 'add' ? '添加字典类型' : '编辑字典类型'" @confirm="handleSubmit">
-        <TForm :data="$Data.formData" :rules="$Data.rules" label-width="100px" :ref="(el) => ($From.form = el)">
+        <TForm :data="$Data.formData" :rules="$Data.rules" label-width="100px" ref="formRef">
             <TFormItem label="类型代码" name="code">
                 <TInput v-model="$Data.formData.code" placeholder="请输入类型代码（英文/数字/下划线）" :disabled="actionType === 'upd'" />
             </TFormItem>
@@ -18,7 +18,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, reactive, ref } from "vue";
 
 import { Form as TForm, FormItem as TFormItem, Input as TInput, Textarea as TTextarea, InputNumber as TInputNumber, MessagePlugin } from "tdesign-vue-next";
 import PageDialog from "@/components/pageDialog.vue";
@@ -40,11 +40,13 @@ const visible = computed({
     set: (val) => $Emit("update:modelValue", val)
 });
 
-const $From = $shallowRef({
-    form: null
-});
+type TDesignFormInstance = {
+    validate: () => Promise<unknown>;
+};
+
+const formRef = ref<TDesignFormInstance | null>(null);
 
-const $Data = $ref({
+const $Data = reactive({
     formData: {
         code: "",
         name: "",
@@ -58,7 +60,13 @@ const $Data = $ref({
 });
 
 async function handleSubmit(): Promise<void> {
-    const valid = await $From.form.validate();
+    const form = formRef.value;
+    if (!form) {
+        MessagePlugin.warning("表单未就绪");
+        return;
+    }
+
+    const valid = await form.validate();
     if (valid !== true) return;
 
     try {
@@ -82,7 +90,7 @@ async function handleSubmit(): Promise<void> {
         } else {
             MessagePlugin.error(res.msg || "操作失败");
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("操作失败");
     }
 }

package/adminViews/config/dictType/index.vue

@@ -47,6 +47,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Input as TInput } from "tdesign-vue-next";
 import ILucidePlus from "~icons/lucide/plus";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
@@ -58,7 +59,7 @@ import EditDialog from "./components/edit.vue";
 import PagedTableDetail from "@/components/pagedTableDetail.vue";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
-const $Data = $ref({
+const $Data = reactive({
     searchKeyword: "",
     columns: withDefaultColumns([
         { colKey: "code", title: "类型代码" },

package/adminViews/config/system/components/edit.vue

@@ -1,6 +1,6 @@
 <template>
     <PageDialog v-model="dialogVisible" :title="$Prop.actionType === 'upd' ? '编辑配置' : '添加配置'" :confirm-loading="$Data.submitting" @confirm="onSubmit">
-        <TForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
+        <TForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" ref="formRef">
             <TFormItem label="配置名称" prop="name">
                 <TInput v-model="$Data.formData.name" placeholder="请输入配置名称" :disabled="$Data.isSystem" />
             </TFormItem>
@@ -41,7 +41,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, reactive, ref } from "vue";
 
 import { Form as TForm, FormItem as TFormItem, Input as TInput, Textarea as TTextarea, InputNumber as TInputNumber, Select as TSelect, Option as TOption, RadioGroup as TRadioGroup, Radio as TRadio, MessagePlugin } from "tdesign-vue-next";
 import PageDialog from "@/components/pageDialog.vue";
@@ -72,9 +72,11 @@ type PageDialogEventContext = {
 };
 
 // 表单引用
-const $From = $shallowRef({
-    form: null
-});
+type TDesignFormInstance = {
+    validate: () => Promise<unknown>;
+};
+
+const formRef = ref<TDesignFormInstance | null>(null);
 
 const dialogVisible = computed({
     get: () => $Prop.modelValue,
@@ -83,7 +85,7 @@ const dialogVisible = computed({
     }
 });
 
-const $Data = $ref({
+const $Data = reactive({
     submitting: false,
     isSystem: false,
     formData: {
@@ -99,7 +101,7 @@ const $Data = $ref({
     }
 });
 
-const $Data2 = $shallowRef({
+const $Data2 = reactive({
     formRules: {
         name: [{ required: true, message: "请输入配置名称", trigger: "blur" }],
         code: [
@@ -146,7 +148,13 @@ function onShow(): void {
 }
 
 async function onSubmit(context?: PageDialogEventContext): Promise<void> {
-    const valid = await $From.form?.validate();
+    const form = formRef.value;
+    if (!form) {
+        MessagePlugin.warning("表单未就绪");
+        return;
+    }
+
+    const valid = await form.validate();
     if (valid !== true) return;
 
     $Data.submitting = true;
@@ -163,7 +171,7 @@ async function onSubmit(context?: PageDialogEventContext): Promise<void> {
         } else {
             MessagePlugin.error(res.msg || "操作失败");
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("操作失败");
     } finally {
         $Data.submitting = false;

package/adminViews/config/system/index.vue

@@ -75,6 +75,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
 import ILucidePlus from "~icons/lucide/plus";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
@@ -87,7 +88,7 @@ import PagedTableDetail from "@/components/pagedTableDetail.vue";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
 // 响应式数据
-const $Data = $ref({
+const $Data = reactive({
     columns: withDefaultColumns([
         { colKey: "name", title: "配置名称", fixed: "left", width: 150 },
         { colKey: "code", title: "配置代码", ellipsis: true },

package/adminViews/index/components/addonList.vue

@@ -24,10 +24,18 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { $Http } from "@/plugins/http";
 
+type AddonListItem = {
+    name: string;
+    title: string;
+    version: string;
+    description: string;
+};
+
 // 组件内部数据
-const addonList = $ref([]);
+const addonList = reactive<AddonListItem[]>([]);
 
 // 获取数据
 const fetchData = async () => {
@@ -40,7 +48,7 @@ const fetchData = async () => {
             }
         );
         addonList.splice(0, addonList.length, ...data);
-    } catch (error) {
+    } catch (_error) {
         // 静默失败：不阻断页面展示
     }
 };

package/adminViews/index/components/environmentInfo.vue

@@ -36,11 +36,21 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import ILucideServer from "~icons/lucide/server";
 import { $Http } from "@/plugins/http";
 
+type EnvironmentInfo = {
+    os: string;
+    server: string;
+    nodeVersion: string;
+    database: string;
+    cache: string;
+    timezone: string;
+};
+
 // 组件内部数据
-const environmentInfo = $ref({
+const environmentInfo = reactive<EnvironmentInfo>({
     os: "",
     server: "",
     nodeVersion: "",
@@ -60,7 +70,7 @@ const fetchData = async () => {
             }
         );
         Object.assign(environmentInfo, data);
-    } catch (error) {
+    } catch (_error) {
         // 静默失败：不阻断页面展示
     }
 };

package/adminViews/index/components/operationLogs.vue

@@ -34,8 +34,22 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
+
+type OperationLogStatus = "success" | "failed";
+
+type OperationLogItem = {
+    id: number;
+    userName: string;
+    action: string;
+    module: string;
+    ip: string;
+    status: OperationLogStatus;
+    createdAt: number;
+};
+
 // 组件内部数据
-const operationLogs = $ref([
+const operationLogs = reactive<OperationLogItem[]>([
     { id: 1, userName: "管理员", action: "创建角色", module: "权限管理", ip: "192.168.1.100", status: "success", createdAt: Date.now() - 120000 },
     { id: 2, userName: "张三", action: "修改菜单", module: "系统设置", ip: "192.168.1.101", status: "success", createdAt: Date.now() - 900000 },
     { id: 3, userName: "李四", action: "删除接口", module: "接口管理", ip: "192.168.1.102", status: "failed", createdAt: Date.now() - 3600000 },
@@ -43,7 +57,7 @@ const operationLogs = $ref([
     { id: 5, userName: "王五", action: "登录系统", module: "系统", ip: "192.168.1.103", status: "success", createdAt: Date.now() - 10800000 }
 ]);
 
-const formatTime = (timestamp) => {
+const formatTime = (timestamp: number): string => {
     const date = new Date(timestamp);
     const month = String(date.getMonth() + 1).padStart(2, "0");
     const day = String(date.getDate()).padStart(2, "0");

package/adminViews/index/components/performanceMetrics.vue

@@ -53,6 +53,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import ILucideActivity from "~icons/lucide/activity";
 import ILucideClock from "~icons/lucide/clock";
 import ILucideTrendingUp from "~icons/lucide/trending-up";
@@ -60,13 +61,18 @@ import ILucideAlertCircle from "~icons/lucide/alert-circle";
 import ILucideAlertTriangle from "~icons/lucide/alert-triangle";
 import { $Http } from "@/plugins/http";
 
+type SlowestApiInfo = {
+    path: string;
+    time: number;
+};
+
 // 组件内部数据
-const performanceMetrics = $ref({
+const performanceMetrics = reactive({
     avgResponseTime: 0,
     qps: 0,
     errorRate: 0,
     activeConnections: 0,
-    slowestApi: null
+    slowestApi: null as SlowestApiInfo | null
 });
 
 // 获取数据
@@ -80,7 +86,7 @@ const fetchData = async () => {
             }
         );
         Object.assign(performanceMetrics, data);
-    } catch (error) {
+    } catch (_error) {
         // 静默失败：不阻断页面展示
     }
 };

package/adminViews/index/components/serviceStatus.vue

@@ -35,6 +35,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import ILucideCheckCircle from "~icons/lucide/check-circle";
 import ILucideDatabase from "~icons/lucide/database";
 import ILucideZap from "~icons/lucide/zap";
@@ -46,8 +47,14 @@ import ILucideXCircle from "~icons/lucide/x-circle";
 import ILucideAlertCircle from "~icons/lucide/alert-circle";
 import { $Http } from "@/plugins/http";
 
+type ServiceStatusItem = {
+    name: string;
+    status: string;
+    responseTime?: string;
+};
+
 // 组件内部数据
-const services = $ref([]);
+const services = reactive<ServiceStatusItem[]>([]);
 
 // 获取数据
 const fetchData = async () => {
@@ -60,7 +67,7 @@ const fetchData = async () => {
             }
         );
         services.splice(0, services.length, ...data.services);
-    } catch (error) {
+    } catch (_error) {
         // 静默失败：不阻断页面展示
     }
 };
@@ -68,7 +75,7 @@ const fetchData = async () => {
 fetchData();
 
 // 工具函数
-const getStatusColor = (status) => {
+const getStatusColor = (status: string): string => {
     const colors = {
         running: "success",
         stopped: "error",
@@ -77,7 +84,7 @@ const getStatusColor = (status) => {
     return colors[status] || "default";
 };
 
-const getStatusText = (status) => {
+const getStatusText = (status: string): string => {
     const texts = {
         running: "正常",
         stopped: "停止",

package/adminViews/index/components/systemNotifications.vue

@@ -26,6 +26,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Tag as TTag } from "tdesign-vue-next";
 import ILucideBell from "~icons/lucide/bell";
 import ILucideInfo from "~icons/lucide/info";
@@ -33,15 +34,25 @@ import ILucideCheckCircle from "~icons/lucide/check-circle";
 import ILucideAlertTriangle from "~icons/lucide/alert-triangle";
 import ILucideXCircle from "~icons/lucide/x-circle";
 
+type NotificationType = "info" | "success" | "warning" | "error" | "other";
+
+type NotificationItem = {
+    id: number;
+    type: NotificationType;
+    title: string;
+    isRead: boolean;
+    createdAt: number;
+};
+
 // 组件内部数据
-const notifications = $ref([
+const notifications = reactive<NotificationItem[]>([
     { id: 1, type: "warning", title: "系统更新提醒 - v1.1.0 版本已发布", isRead: false, createdAt: Date.now() - 3600000 },
     { id: 2, type: "info", title: "数据备份完成 - 今日凌晨自动备份成功", isRead: true, createdAt: Date.now() - 21600000 },
     { id: 3, type: "error", title: "SSL证书即将过期 - 请及时更新证书", isRead: false, createdAt: Date.now() - 86400000 },
     { id: 4, type: "success", title: "性能优化完成 - 响应速度提升30%", isRead: true, createdAt: Date.now() - 172800000 }
 ]);
 
-const formatTime = (timestamp) => {
+const formatTime = (timestamp: number): string => {
     const date = new Date(timestamp);
     const now = Date.now();
     const diff = now - timestamp;

package/adminViews/index/components/systemOverview.vue

@@ -35,6 +35,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import ILucideInfo from "~icons/lucide/info";
 import ILucideMenu from "~icons/lucide/menu";
 import ILucideWebhook from "~icons/lucide/webhook";
@@ -42,7 +43,7 @@ import ILucideUsers from "~icons/lucide/users";
 import { $Http } from "@/plugins/http";
 
 // 组件内部数据
-const permissionStats = $ref({
+const permissionStats = reactive({
     menuCount: 0,
     apiCount: 0,
     roleCount: 0
@@ -59,7 +60,7 @@ const fetchData = async () => {
             }
         );
         Object.assign(permissionStats, data);
-    } catch (error) {
+    } catch (_error) {
         // 静默失败：不阻断页面展示
     }
 };

package/adminViews/index/components/systemResources.vue

@@ -39,6 +39,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Progress as TProgress } from "tdesign-vue-next";
 import ILucideActivity from "~icons/lucide/activity";
 import ILucideCpu from "~icons/lucide/cpu";
@@ -46,8 +47,14 @@ import ILucideHardDrive from "~icons/lucide/hard-drive";
 import ILucideDisc from "~icons/lucide/disc";
 import { $Http } from "@/plugins/http";
 
+type SystemResourcesInfo = {
+    cpu: { usage: number; cores: number };
+    memory: { used: number; total: number; percentage: number };
+    disk: { used: number; total: number; percentage: number };
+};
+
 // 组件内部数据
-const systemResources = $ref({
+const systemResources = reactive<SystemResourcesInfo>({
     cpu: { usage: 0, cores: 0 },
     memory: { used: 0, total: 0, percentage: 0 },
     disk: { used: 0, total: 0, percentage: 0 }
@@ -64,7 +71,7 @@ const fetchData = async () => {
             }
         );
         Object.assign(systemResources, data);
-    } catch (error) {
+    } catch (_error) {
         // 静默失败：不阻断页面展示
     }
 };
@@ -72,7 +79,7 @@ const fetchData = async () => {
 fetchData();
 
 // 工具函数
-const getProgressColor = (percentage) => {
+const getProgressColor = (percentage: number): string => {
     if (percentage < 50) return "success";
     if (percentage < 80) return "warning";
     return "danger";

package/adminViews/index/components/userInfo.vue

@@ -39,6 +39,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Button as TButton, MessagePlugin } from "tdesign-vue-next";
 import ILucideUser from "~icons/lucide/user";
 import ILucideMail from "~icons/lucide/mail";
@@ -47,9 +48,22 @@ import ILucideClock from "~icons/lucide/clock";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 import { $Http } from "@/plugins/http";
 
+type UserInfo = {
+    nickname?: string;
+    name?: string;
+    username?: string;
+    role?: {
+        name?: string;
+    };
+    roleCode?: string;
+    email?: string;
+    phone?: string;
+    lastLoginTime?: number | string;
+};
+
 // 响应式数据
-const $Data = $ref({
-    userInfo: {},
+const $Data = reactive({
+    userInfo: {} as UserInfo,
     refreshing: false
 });
 
@@ -62,8 +76,8 @@ async function fetchData(): Promise<void> {
                 dropValues: [""]
             }
         );
-        Object.assign($Data.userInfo, data);
-    } catch (error) {
+        Object.assign($Data.userInfo, data as UserInfo);
+    } catch (_error) {
         MessagePlugin.error("获取用户信息失败");
     }
 }
@@ -93,7 +107,7 @@ async function handleRefreshCache(): Promise<void> {
         } else {
             MessagePlugin.warning(result.msg || "部分缓存刷新失败");
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("刷新缓存失败，请稍后重试");
     } finally {
         $Data.refreshing = false;

package/adminViews/log/email/index.vue

@@ -24,8 +24,8 @@
         </template>
 
         <template #sendResult="{ row }">
-            <TTag v-if="row.sendResult === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
-            <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
+            <TTag v-if="row.sendResult === 1" shape="round" theme="success" variant="light-outline"> 成功 </TTag>
+            <TTag v-else shape="round" theme="danger" variant="light-outline"> 失败 </TTag>
         </template>
 
         <template #sendTime="{ row }">
@@ -35,8 +35,8 @@
         <template #detail="scope">
             <DetailPanel :data="scope.row" :fields="$Data.columns">
                 <template #sendResult="slotScope">
-                    <TTag v-if="slotScope.value === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
-                    <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
+                    <TTag v-if="slotScope.value === 1" shape="round" theme="success" variant="light-outline"> 成功 </TTag>
+                    <TTag v-else shape="round" theme="danger" variant="light-outline"> 失败 </TTag>
                 </template>
                 <template #sendTime="slotScope">
                     {{ formatTime(slotScope.value) }}
@@ -49,7 +49,7 @@
 
         <template #dialogs="scope">
             <PageDialog v-model="$Data.sendDialogVisible" title="发送邮件" :confirm-loading="$Data.sending" @confirm="(context) => onSend(scope.reload, context)" @cancel="onCancelSend" @close="onCancelSend">
-                <TForm :ref="(el) => ($From.sendForm = el)" :data="$Data.sendForm" :rules="$Data.sendRules" label-width="80px">
+                <TForm ref="sendFormRef" :data="$Data.sendForm" :rules="$Data.sendRules" label-width="80px">
                     <TFormItem label="收件人" name="to">
                         <TInput v-model="$Data.sendForm.to" placeholder="请输入收件人邮箱" />
                     </TFormItem>
@@ -69,6 +69,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive, ref } from "vue";
 import { Button as TButton, Form as TForm, FormItem as TFormItem, Input as TInput, MessagePlugin, Space as TSpace, Tag as TTag, Textarea as TTextarea } from "tdesign-vue-next";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 import ILucideSend from "~icons/lucide/send";
@@ -79,12 +80,14 @@ import { $Http } from "@/plugins/http";
 import PagedTableDetail from "@/components/pagedTableDetail.vue";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
-const $From = $shallowRef({
-    sendForm: null
-});
+type TDesignFormInstance = {
+    validate: () => Promise<unknown>;
+};
+
+const sendFormRef = ref<TDesignFormInstance | null>(null);
 
 // 响应式数据
-const $Data = $ref({
+const $Data = reactive({
     columns: withDefaultColumns([
         { colKey: "username", title: "发送人", fixed: "left" },
         { colKey: "toEmail", title: "收件人" },
@@ -142,7 +145,13 @@ type PageDialogEventContext = {
 };
 
 async function onSend(reload: ((options: { keepSelection?: boolean; resetPage?: boolean }) => void) | null, context?: PageDialogEventContext): Promise<void> {
-    const valid = await $From.sendForm?.validate();
+    const form = sendFormRef.value;
+    if (!form) {
+        MessagePlugin.warning("表单未就绪");
+        return;
+    }
+
+    const valid = await form.validate();
     if (valid !== true) return;
 
     $Data.sending = true;
@@ -168,7 +177,7 @@ async function onSend(reload: ((options: { keepSelection?: boolean; resetPage?:
         } else {
             MessagePlugin.error(res.msg || "发送失败");
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("发送失败");
     } finally {
         $Data.sending = false;
@@ -183,7 +192,7 @@ async function onVerify(): Promise<void> {
         } else {
             MessagePlugin.error(res.msg || "配置异常");
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("验证失败");
     }
 }

package/adminViews/log/login/index.vue

@@ -39,6 +39,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Button as TButton, Tag as TTag } from "tdesign-vue-next";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 import DetailPanel from "@/components/detailPanel.vue";
@@ -46,7 +47,7 @@ import PagedTableDetail from "@/components/pagedTableDetail.vue";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
 // 响应式数据
-const $Data = $ref({
+const $Data = reactive({
     columns: withDefaultColumns([
         { colKey: "username", title: "用户名", fixed: "left" },
         { colKey: "ip", title: "登录IP" },

package/adminViews/log/operate/index.vue

@@ -62,6 +62,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Button as TButton, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 import DetailPanel from "@/components/detailPanel.vue";
@@ -69,7 +70,7 @@ import PagedTableDetail from "@/components/pagedTableDetail.vue";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
 // 响应式数据
-const $Data = $ref({
+const $Data = reactive({
     columns: withDefaultColumns([
         { colKey: "username", title: "操作人", fixed: "left", width: 100 },
         { colKey: "module", title: "模块", width: 100 },

package/adminViews/login_1/index.vue

@@ -21,7 +21,7 @@
                     <p class="login-subtitle">请登录您的账户</p>
                 </div>
 
-                <TForm :model="$Data.formData" :rules="$Data.formRules" :ref="(el) => ($From.form = el)" class="login-form" :show-message="false" label-width="0">
+                <TForm :model="$Data.formData" :rules="$Data.formRules" ref="formRef" class="login-form" :show-message="false" label-width="0">
                     <TFormItem prop="account">
                         <TInputAdornment>
                             <template #prepend>
@@ -49,7 +49,7 @@
 
                     <div class="form-options">
                         <TCheckbox v-model="$Data.rememberMe">记住我</TCheckbox>
-                        <a href="#" class="link-text">忘记密码？</a>
+                        <a href="#" class="link-text"> 忘记密码？ </a>
                     </div>
 
                     <TButton theme="primary" class="login-btn" size="large" block :loading="$Data.loading" @click="apiLogin"> 登录 </TButton>
@@ -64,6 +64,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 import { Form as TForm, FormItem as TFormItem, Input as TInput, Button as TButton, Checkbox as TCheckbox, InputAdornment as TInputAdornment, Select as TSelect, Option as TOption, MessagePlugin } from "tdesign-vue-next";
 import ILucideUser from "~icons/lucide/user";
@@ -74,13 +75,10 @@ import { hashPassword } from "befly-shared/utils/hashPassword";
 
 const router = useRouter();
 
-// 表单引用
-const $From = $shallowRef({
-    form: null
-});
+const formRef = ref<null | { validate: () => Promise<boolean> }>(null);
 
 // 数据定义
-const $Data = $ref({
+const $Data = reactive({
     loading: false,
     rememberMe: false,
     formRules: {
@@ -96,7 +94,12 @@ const $Data = $ref({
 
 async function apiLogin(): Promise<void> {
     try {
-        await $From.form.validate();
+        if (formRef.value === null) {
+            MessagePlugin.error("表单未就绪");
+            return;
+        }
+
+        await formRef.value.validate();
 
         $Data.loading = true;
 

package/adminViews/people/admin/components/edit.vue

@@ -1,7 +1,7 @@
 <template>
     <PageDialog v-model="dialogVisible" :title="$Prop.actionType === 'upd' ? '编辑管理员' : '添加管理员'" :confirm-loading="$Data.submitting" @confirm="onSubmit">
         <div class="dialog-wrapper">
-            <TForm :model="$Data.formData" label-width="80px" label-position="left" label-align="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
+            <TForm :model="$Data.formData" label-width="80px" label-position="left" label-align="left" :rules="$Data2.formRules" ref="formRef">
                 <TFormItem label="角色" prop="roleCode">
                     <TSelect v-model="$Data.formData.roleCode" :options="$Data.allRoleLists" :keys="$Data.keys" placeholder="请选择角色" />
                 </TFormItem>
@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, reactive, ref } from "vue";
 
 import {
     //
@@ -68,9 +68,11 @@ type PageDialogEventContext = {
 };
 
 // 表单引用
-const $From = $shallowRef({
-    form: null
-});
+type TDesignFormInstance = {
+    validate: () => Promise<unknown>;
+};
+
+const formRef = ref<TDesignFormInstance | null>(null);
 
 const dialogVisible = computed({
     get: () => $Prop.modelValue,
@@ -79,7 +81,7 @@ const dialogVisible = computed({
     }
 });
 
-const $Data = $ref({
+const $Data = reactive({
     submitting: false,
     allRoleLists: [],
     keys: {
@@ -96,7 +98,7 @@ const $Data = $ref({
     }
 });
 
-const $Data2 = $shallowRef({
+const $Data2 = reactive({
     formRules: {
         username: [{ required: true, message: "请输入用户名", trigger: "blur" }],
         password: [
@@ -125,14 +127,20 @@ async function apiRoleLists(): Promise<void> {
             }
         );
         $Data.allRoleLists = result.data || [];
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("加载角色列表失败");
     }
 }
 
 async function onSubmit(context?: PageDialogEventContext): Promise<void> {
     try {
-        const valid = await $From.form.validate();
+        const form = formRef.value;
+        if (!form) {
+            MessagePlugin.warning("表单未就绪");
+            return;
+        }
+
+        const valid = await form.validate();
         if (!valid) return;
 
         $Data.submitting = true;

package/adminViews/people/admin/index.vue

@@ -48,6 +48,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Tag as TTag } from "tdesign-vue-next";
 import ILucidePlus from "~icons/lucide/plus";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
@@ -59,7 +60,7 @@ import PagedTableDetail from "@/components/pagedTableDetail.vue";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
 // 响应式数据
-const $Data = $ref({
+const $Data = reactive({
     columns: withDefaultColumns([
         { colKey: "username", title: "用户名", fixed: "left" },
         { colKey: "nickname", title: "昵称" },

package/adminViews/permission/api/index.vue

@@ -59,6 +59,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Button as TButton, Table as TTable, Tag as TTag, Input as TInput, MessagePlugin } from "tdesign-vue-next";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 import ILucideSearch from "~icons/lucide/search";
@@ -67,7 +68,7 @@ import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
 // 响应式数据
-const $Data = $ref({
+const $Data = reactive({
     tableData: [],
     allData: [],
     loading: false,
@@ -108,7 +109,7 @@ async function loadApiAll(): Promise<void> {
             $Data.currentRow = null;
             $Data.activeRowKeys = [];
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("加载数据失败");
     } finally {
         $Data.loading = false;

package/adminViews/permission/menu/index.vue

@@ -40,6 +40,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Button as TButton, Table as TTable, Tag as TTag, MessagePlugin } from "tdesign-vue-next";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 import DetailPanel from "@/components/detailPanel.vue";
@@ -48,7 +49,7 @@ import { arrayToTree } from "befly-shared/utils/arrayToTree";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
 // 响应式数据
-const $Data = $ref({
+const $Data = reactive({
     tableData: [],
     loading: false,
     columns: withDefaultColumns([
@@ -89,7 +90,7 @@ async function apiMenuList(): Promise<void> {
             $Data.currentRow = null;
             $Data.activeRowKeys = [];
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("加载数据失败");
     } finally {
         $Data.loading = false;

package/adminViews/permission/role/components/api.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, reactive } from "vue";
 
 import { Input as TInput, CheckboxGroup as TCheckboxGroup, Checkbox as TCheckbox, MessagePlugin } from "tdesign-vue-next";
 import ILucideSearch from "~icons/lucide/search";
@@ -66,7 +66,7 @@ const dialogVisible = computed({
     }
 });
 
-const $Data = $ref({
+const $Data = reactive({
     submitting: false,
     apiData: [],
     filteredApiData: [],
@@ -164,7 +164,7 @@ async function apiApiAll(): Promise<void> {
         });
 
         $Data.apiData = groups as never;
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("加载接口失败");
     }
 }
@@ -186,7 +186,7 @@ async function apiRoleApiDetail(): Promise<void> {
         const resRecord = res && typeof res === "object" ? (res as Record<string, unknown>) : null;
         const resData = resRecord && resRecord["data"] && typeof resRecord["data"] === "object" ? (resRecord["data"] as Record<string, unknown>) : null;
         $Data.checkedApiPaths = resData && Array.isArray(resData["apiPaths"]) ? (resData["apiPaths"] as never) : ([] as never);
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("加载数据失败");
     }
 }
@@ -236,7 +236,7 @@ async function onSubmit(context?: PageDialogEventContext): Promise<void> {
         } else {
             MessagePlugin.error(res.msg || "保存失败");
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("保存失败");
     } finally {
         $Data.submitting = false;

package/adminViews/permission/role/components/edit.vue

@@ -1,7 +1,7 @@
 <template>
     <PageDialog v-model="dialogVisible" :title="$Prop.actionType === 'upd' ? '更新角色' : '添加角色'" :confirm-loading="$Data.submitting" @confirm="onSubmit">
         <div class="comp-role-edit">
-            <TForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
+            <TForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" ref="formRef">
                 <TFormItem label="角色名称" prop="name">
                     <TInput v-model="$Data.formData.name" placeholder="请输入角色名称" />
                 </TFormItem>
@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, reactive, ref } from "vue";
 
 import {
     //
@@ -68,13 +68,15 @@ type PageDialogEventContext = {
 };
 
 // 表单引用
-const $From = $shallowRef({
-    form: null
-});
+type TDesignFormInstance = {
+    validate: () => Promise<unknown>;
+};
+
+const formRef = ref<TDesignFormInstance | null>(null);
 
 const $Computed = {};
 
-const $Data = $ref({
+const $Data = reactive({
     submitting: false,
     formData: {
         id: 0,
@@ -86,7 +88,7 @@ const $Data = $ref({
     }
 });
 
-const $Data2 = $shallowRef({
+const $Data2 = reactive({
     formRules: {
         name: [{ required: true, message: "请输入角色名称", trigger: "blur" }],
         code: [
@@ -112,7 +114,13 @@ const dialogVisible = computed({
 
 async function onSubmit(context?: PageDialogEventContext): Promise<void> {
     try {
-        const valid = await $From.form.validate();
+        const form = formRef.value;
+        if (!form) {
+            MessagePlugin.warning("表单未就绪");
+            return;
+        }
+
+        const valid = await form.validate();
         if (!valid) return;
 
         $Data.submitting = true;

package/adminViews/permission/role/components/menu.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, reactive } from "vue";
 
 import { CheckboxGroup as TCheckboxGroup, Checkbox as TCheckbox, Input as TInput, MessagePlugin } from "tdesign-vue-next";
 import ILucideSearch from "~icons/lucide/search";
@@ -68,7 +68,7 @@ const dialogVisible = computed({
     }
 });
 
-const $Data = $ref({
+const $Data = reactive({
     submitting: false,
     searchText: "",
     menuGroups: [],
@@ -134,7 +134,7 @@ async function apiMenuAll(): Promise<void> {
         }
 
         $Data.menuGroups = groups as never;
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("加载菜单失败");
     }
 }
@@ -154,7 +154,7 @@ async function apiRoleMenuDetail(): Promise<void> {
         );
 
         $Data.checkedMenuPaths = Array.isArray(res.data) ? res.data : [];
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("加载数据失败");
     }
 }
@@ -204,7 +204,7 @@ async function onSubmit(context?: PageDialogEventContext): Promise<void> {
         } else {
             MessagePlugin.error(res.msg || "保存失败");
         }
-    } catch (error) {
+    } catch (_error) {
         MessagePlugin.error("保存失败");
     } finally {
         $Data.submitting = false;

package/adminViews/permission/role/index.vue

@@ -71,6 +71,7 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Tag as TTag } from "tdesign-vue-next";
 import ILucidePlus from "~icons/lucide/plus";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
@@ -86,7 +87,7 @@ import PagedTableDetail from "@/components/pagedTableDetail.vue";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
 // 响应式数据
-const $Data = $ref({
+const $Data = reactive({
     columns: withDefaultColumns([
         { colKey: "name", title: "角色名称" },
         { colKey: "code", title: "角色代码", width: 150 },

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@befly-addon/admin",
-    "version": "1.8.6",
-    "gitHead": "3e615600f8069fb7b34939f2361df811129331a0",
+    "version": "1.8.7",
+    "gitHead": "f9f6bca0385e275961720d686bab20b2e2167f87",
     "private": false,
     "description": "Befly - 管理后台功能组件",
     "keywords": [