@befly-addon/admin 1.8.6 → 1.8.8

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;