@befly-addon/admin 1.8.2 → 1.8.5

package/adminViews/permission/api/index.vue

@@ -2,7 +2,7 @@
     <div class="page-api page-table">
         <div class="main-tool">
             <div class="left">
-                <TInput v-model="$Data.searchKeyword" placeholder="搜索接口名称或路径" clearable style="width: 300px" @enter="$Method.handleSearch" @clear="$Method.handleSearch">
+                <TInput v-model="$Data.searchKeyword" placeholder="搜索接口名称或路径" clearable style="width: 300px" @enter="handleSearch" @clear="handleSearch">
                     <template #suffix-icon>
                         <ILucideSearch />
                     </template>
@@ -10,7 +10,7 @@
                 <span style="margin-left: 16px; color: var(--text-secondary); font-size: 13px">共 {{ $Data.allData.length }} 个接口</span>
             </div>
             <div class="right">
-                <TButton shape="circle" @click="$Method.handleRefresh">
+                <TButton shape="circle" @click="handleRefresh">
                     <template #icon>
                         <ILucideRotateCw />
                     </template>
@@ -20,7 +20,7 @@
 
         <div class="main-content">
             <div class="main-table">
-                <TTable :data="$Data.tableData" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="calc(100vh - var(--search-height) - var(--layout-gap) * 2)" active-row-type="single" @active-change="$Method.onActiveChange">
+                <TTable :data="$Data.tableData" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="calc(100vh - var(--search-height) - var(--layout-gap) * 2)" active-row-type="single" @active-change="onActiveChange">
                     <template #method="{ row }">
                         <TTag v-if="row.method === 'GET'" shape="round" theme="success" variant="light-outline">GET</TTag>
                         <TTag v-else-if="row.method === 'POST'" shape="round" theme="primary" variant="light-outline">POST</TTag>
@@ -62,7 +62,7 @@
 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";
-import DetailPanel from "@/components/DetailPanel.vue";
+import DetailPanel from "@/components/detailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
 
@@ -83,72 +83,62 @@ const $Data = $ref({
     activeRowKeys: []
 });
 
-// 方法
-const $Method = {
-    async initData() {
-        await $Method.loadApiAll();
-    },
+async function initData(): Promise<void> {
+    await loadApiAll();
+}
 
-    // 加载全部接口
-    async loadApiAll() {
-        $Data.loading = true;
-        try {
-            const res = await $Http.post(
-                "/addon/admin/api/all",
-                {},
-                {
-                    dropValues: [""]
-                }
-            );
-            const list = res.data?.lists || [];
-            $Data.allData = list;
-            $Data.tableData = list;
-
-            // 自动高亮第一行
-            if ($Data.tableData.length > 0) {
-                $Data.currentRow = $Data.tableData[0];
-                $Data.activeRowKeys = [$Data.tableData[0].id];
-            } else {
-                $Data.currentRow = null;
-                $Data.activeRowKeys = [];
+async function loadApiAll(): Promise<void> {
+    $Data.loading = true;
+    try {
+        const res = await $Http.post(
+            "/addon/admin/api/all",
+            {},
+            {
+                dropValues: [""]
             }
-        } catch (error) {
-            MessagePlugin.error("加载数据失败");
-        } finally {
-            $Data.loading = false;
+        );
+        const list = res.data?.lists || [];
+        $Data.allData = list;
+        $Data.tableData = list;
+
+        if ($Data.tableData.length > 0) {
+            $Data.currentRow = $Data.tableData[0];
+            $Data.activeRowKeys = [$Data.tableData[0].id];
+        } else {
+            $Data.currentRow = null;
+            $Data.activeRowKeys = [];
         }
-    },
+    } catch (error) {
+        MessagePlugin.error("加载数据失败");
+    } finally {
+        $Data.loading = false;
+    }
+}
 
-    // 刷新
-    handleRefresh() {
-        $Method.loadApiAll();
-    },
+function handleRefresh(): void {
+    loadApiAll();
+}
 
-    // 搜索
-    handleSearch() {
-        if (!$Data.searchKeyword) {
-            $Data.tableData = $Data.allData;
-            return;
-        }
-        const keyword = $Data.searchKeyword.toLowerCase();
-        $Data.tableData = $Data.allData.filter((item) => item.name?.toLowerCase().includes(keyword) || item.path?.toLowerCase().includes(keyword));
-    },
+function handleSearch(): void {
+    if (!$Data.searchKeyword) {
+        $Data.tableData = $Data.allData;
+        return;
+    }
+    const keyword = String($Data.searchKeyword).toLowerCase();
+    $Data.tableData = $Data.allData.filter((item) => item.name?.toLowerCase().includes(keyword) || item.path?.toLowerCase().includes(keyword));
+}
 
-    // 高亮行变化
-    onActiveChange(value, context) {
-        // 禁止取消高亮：如果新值为空，保持当前选中
-        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
-            return;
-        }
-        $Data.activeRowKeys = value;
-        // 更新当前高亮的行数据
-        if (context.activeRowList && context.activeRowList.length > 0) {
-            $Data.currentRow = context.activeRowList[0].row;
-        }
+function onActiveChange(value: unknown[], context: { activeRowList?: Array<{ row: unknown }> }): void {
+    if (value.length === 0 && $Data.activeRowKeys.length > 0) {
+        return;
+    }
+    $Data.activeRowKeys = value;
+    if (context.activeRowList && context.activeRowList.length > 0) {
+        $Data.currentRow = context.activeRowList[0].row as never;
     }
-};
+}
 
-$Method.initData();
+initData();
 </script>
 
 <style scoped lang="scss">

package/adminViews/permission/menu/index.vue

@@ -3,7 +3,7 @@
         <div class="main-tool">
             <div class="left"></div>
             <div class="right">
-                <TButton shape="circle" @click="$Method.handleRefresh">
+                <TButton shape="circle" @click="handleRefresh">
                     <template #icon>
                         <ILucideRotateCw />
                     </template>
@@ -22,7 +22,7 @@
                     height="calc(100vh - var(--search-height) - var(--layout-gap) * 2)"
                     active-row-type="single"
                     :tree="{ childrenKey: 'children', treeNodeColumnIndex: 0, defaultExpandAll: true }"
-                    @active-change="$Method.onActiveChange"
+                    @active-change="onActiveChange"
                 >
                     <template #state="{ row }">
                         <TTag v-if="row.state === 1" shape="round" theme="success" variant="light-outline">正常</TTag>
@@ -42,7 +42,7 @@
 <script setup lang="ts">
 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";
+import DetailPanel from "@/components/detailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { arrayToTree } from "befly-shared/utils/arrayToTree";
 import { withDefaultColumns } from "befly-shared/utils/withDefaultColumns";
@@ -62,65 +62,55 @@ const $Data = $ref({
     activeRowKeys: []
 });
 
-// 方法
-const $Method = {
-    async initData() {
-        await $Method.apiMenuList();
-    },
+async function initData(): Promise<void> {
+    await apiMenuList();
+}
 
-    // 加载菜单列表（树形结构）
-    async apiMenuList() {
-        $Data.loading = true;
-        try {
-            const res = await $Http.post(
-                "/addon/admin/menu/all",
-                {},
-                {
-                    dropValues: [""]
-                }
-            );
-            const lists = Array.isArray(res?.data?.lists) ? res.data.lists : [];
+async function apiMenuList(): Promise<void> {
+    $Data.loading = true;
+    try {
+        const res = await $Http.post(
+            "/addon/admin/menu/all",
+            {},
+            {
+                dropValues: [""]
+            }
+        );
+        const lists = Array.isArray(res?.data?.lists) ? res.data.lists : [];
 
-            const treeResult = arrayToTree(lists, "path", "parentPath", "children", "sort");
+        const treeResult = arrayToTree(lists, "path", "parentPath", "children", "sort");
 
-            // 构建树形结构（TTable tree）
-            $Data.tableData = treeResult.tree;
+        $Data.tableData = treeResult.tree;
 
-            // 自动高亮第一行
-            if ($Data.tableData.length > 0) {
-                $Data.currentRow = $Data.tableData[0];
-                $Data.activeRowKeys = [$Data.tableData[0].id];
-            } else {
-                $Data.currentRow = null;
-                $Data.activeRowKeys = [];
-            }
-        } catch (error) {
-            MessagePlugin.error("加载数据失败");
-        } finally {
-            $Data.loading = false;
+        if ($Data.tableData.length > 0) {
+            $Data.currentRow = $Data.tableData[0];
+            $Data.activeRowKeys = [$Data.tableData[0].id];
+        } else {
+            $Data.currentRow = null;
+            $Data.activeRowKeys = [];
         }
-    },
+    } catch (error) {
+        MessagePlugin.error("加载数据失败");
+    } finally {
+        $Data.loading = false;
+    }
+}
 
-    // 刷新
-    handleRefresh() {
-        $Method.apiMenuList();
-    },
+function handleRefresh(): void {
+    apiMenuList();
+}
 
-    // 高亮行变化
-    onActiveChange(value, context) {
-        // 禁止取消高亮：如果新值为空，保持当前选中
-        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
-            return;
-        }
-        $Data.activeRowKeys = value;
-        // 更新当前高亮的行数据
-        if (context.activeRowList && context.activeRowList.length > 0) {
-            $Data.currentRow = context.activeRowList[0].row;
-        }
+function onActiveChange(value: unknown[], context: { activeRowList?: Array<{ row: unknown }> }): void {
+    if (value.length === 0 && $Data.activeRowKeys.length > 0) {
+        return;
+    }
+    $Data.activeRowKeys = value;
+    if (context.activeRowList && context.activeRowList.length > 0) {
+        $Data.currentRow = context.activeRowList[0].row as never;
     }
-};
+}
 
-$Method.initData();
+initData();
 </script>
 
 <style scoped lang="scss">