@befly-addon/admin 1.5.1 → 1.6.0

package/adminViews/403_1/index.vue

@@ -12,17 +12,10 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useRouter } from "vue-router";
 import { Button as TButton } from "tdesign-vue-next";
 
-definePage({
-    meta: {
-        title: "403",
-        order: 101
-    }
-});
-
 const router = useRouter();
 
 const $Method = {

package/adminViews/403_1/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "403",
+    "order": 101
+}

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

@@ -22,7 +22,7 @@
     </TDialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from "vue";
 
 import { Dialog as TDialog, 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";

package/adminViews/config/dict/index.vue

@@ -70,7 +70,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted } from "vue";
 
 import { Button as TButton, Table as TTable, Input as TInput, Select as TSelect, Option as TOption, Dropdown as TDropdown, DropdownMenu as TDropdownMenu, DropdownItem as TDropdownItem, Pagination as TPagination, MessagePlugin, DialogPlugin } from "tdesign-vue-next";
@@ -85,13 +85,6 @@ import DetailPanel from "@/components/DetailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "字典列表",
-        order: 2
-    }
-});
-
 const $Data = $ref({
     tableData: [],
     typeList: [],

package/adminViews/config/dict/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "字典列表",
+    "order": 2
+}

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

@@ -17,7 +17,7 @@
     </TDialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from "vue";
 
 import { Dialog as TDialog, Form as TForm, FormItem as TFormItem, Input as TInput, Textarea as TTextarea, InputNumber as TInputNumber, MessagePlugin } from "tdesign-vue-next";

package/adminViews/config/dictType/index.vue

@@ -67,7 +67,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted } from "vue";
 
 import { Button as TButton, Table as TTable, Input as TInput, Dropdown as TDropdown, DropdownMenu as TDropdownMenu, DropdownItem as TDropdownItem, Pagination as TPagination, MessagePlugin, DialogPlugin } from "tdesign-vue-next";
@@ -82,13 +82,6 @@ import DetailPanel from "@/components/DetailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "字典类型",
-        order: 1
-    }
-});
-
 const $Data = $ref({
     tableData: [],
     loading: false,

package/adminViews/config/dictType/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "字典类型",
+    "order": 1
+}

package/adminViews/config/index.vue

@@ -1,12 +1,3 @@
 <template>
     <RouterView />
 </template>
-
-<script setup>
-definePage({
-    meta: {
-        title: "配置管理",
-        order: 30
-    }
-});
-</script>

package/adminViews/config/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "配置管理",
+    "order": 30
+}

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

@@ -44,7 +44,7 @@
     </TDialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Dialog as TDialog, 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, Button as TButton, MessagePlugin } from "tdesign-vue-next";
 import { $Http } from "@/plugins/http";
 

package/adminViews/config/system/index.vue

@@ -81,7 +81,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Button as TButton, Table as TTable, Tag as TTag, Select as TSelect, Option as TOption, 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";
@@ -93,13 +93,6 @@ import DetailPanel from "@/components/DetailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "系统配置",
-        order: 3
-    }
-});
-
 // 响应式数据
 const $Data = $ref({
     tableData: [],

package/adminViews/config/system/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "系统配置",
+    "order": 3
+}

package/adminViews/index/components/addonList.vue

@@ -23,7 +23,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { $Http } from "@/plugins/http";
 
 // 组件内部数据

package/adminViews/index/components/environmentInfo.vue

@@ -35,7 +35,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import ILucideServer from "~icons/lucide/server";
 import { $Http } from "@/plugins/http";
 

package/adminViews/index/components/operationLogs.vue

@@ -33,7 +33,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 // 组件内部数据
 const operationLogs = $ref([
     { id: 1, userName: "管理员", action: "创建角色", module: "权限管理", ip: "192.168.1.100", status: "success", createdAt: Date.now() - 120000 },

package/adminViews/index/components/performanceMetrics.vue

@@ -52,7 +52,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import ILucideActivity from "~icons/lucide/activity";
 import ILucideClock from "~icons/lucide/clock";
 import ILucideTrendingUp from "~icons/lucide/trending-up";

package/adminViews/index/components/quickActions.vue

@@ -11,7 +11,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Button as TButton } from "tdesign-vue-next";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 

package/adminViews/index/components/serviceStatus.vue

@@ -34,7 +34,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import ILucideCheckCircle from "~icons/lucide/check-circle";
 import ILucideDatabase from "~icons/lucide/database";
 import ILucideZap from "~icons/lucide/zap";

package/adminViews/index/components/systemNotifications.vue

@@ -25,7 +25,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Tag as TTag } from "tdesign-vue-next";
 import ILucideBell from "~icons/lucide/bell";
 import ILucideInfo from "~icons/lucide/info";

package/adminViews/index/components/systemOverview.vue

@@ -34,7 +34,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import ILucideInfo from "~icons/lucide/info";
 import ILucideMenu from "~icons/lucide/menu";
 import ILucideWebhook from "~icons/lucide/webhook";

package/adminViews/index/components/systemResources.vue

@@ -38,7 +38,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Progress as TProgress } from "tdesign-vue-next";
 import ILucideActivity from "~icons/lucide/activity";
 import ILucideCpu from "~icons/lucide/cpu";

package/adminViews/index/components/userInfo.vue

@@ -38,7 +38,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Button as TButton, MessagePlugin } from "tdesign-vue-next";
 import ILucideUser from "~icons/lucide/user";
 import ILucideMail from "~icons/lucide/mail";

package/adminViews/index/index.vue

@@ -19,19 +19,12 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import SystemOverview from "./components/systemOverview.vue";
 import ServiceStatus from "./components/serviceStatus.vue";
 import SystemResources from "./components/systemResources.vue";
 import PerformanceMetrics from "./components/performanceMetrics.vue";
 import EnvironmentInfo from "./components/environmentInfo.vue";
-
-definePage({
-    meta: {
-        title: "首页",
-        order: 1
-    }
-});
 </script>
 
 <style scoped lang="scss">

package/adminViews/index/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "首页",
+    "order": 1
+}

package/adminViews/log/email/index.vue

@@ -83,7 +83,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Button as TButton, Table as TTable, Tag as TTag, Pagination as TPagination, Dialog as TDialog, Form as TForm, FormItem as TFormItem, Input as TInput, Textarea as TTextarea, Space as TSpace, MessagePlugin } from "tdesign-vue-next";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 import ILucideSend from "~icons/lucide/send";
@@ -92,13 +92,6 @@ import DetailPanel from "@/components/DetailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "邮件日志",
-        order: 2
-    }
-});
-
 const sendFormRef = $ref(null);
 
 // 响应式数据

package/adminViews/log/email/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "邮件日志",
+    "order": 2
+}

package/adminViews/log/index.vue

@@ -1,12 +1,3 @@
 <template>
     <RouterView />
 </template>
-
-<script setup>
-definePage({
-    meta: {
-        title: "日志管理",
-        order: 40
-    }
-});
-</script>

package/adminViews/log/login/index.vue

@@ -49,20 +49,13 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Button as TButton, Table as TTable, Tag as TTag, Pagination as TPagination, MessagePlugin } from "tdesign-vue-next";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 import DetailPanel from "@/components/DetailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "登录日志",
-        order: 1
-    }
-});
-
 // 响应式数据
 const $Data = $ref({
     tableData: [],

package/adminViews/log/login/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "登录日志",
+    "order": 1
+}

package/adminViews/log/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "日志管理",
+    "order": 40
+}

package/adminViews/log/operate/index.vue

@@ -69,20 +69,13 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Button as TButton, Table as TTable, Tag as TTag, Pagination as TPagination, Select as TSelect, Option as TOption, MessagePlugin } from "tdesign-vue-next";
 import ILucideRotateCw from "~icons/lucide/rotate-cw";
 import DetailPanel from "@/components/DetailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "操作日志",
-        order: 3
-    }
-});
-
 // 响应式数据
 const $Data = $ref({
     tableData: [],

package/adminViews/log/operate/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "操作日志",
+    "order": 3
+}

package/adminViews/login_1/index.vue

@@ -63,7 +63,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 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";
@@ -72,13 +72,6 @@ import { $Http } from "@/plugins/http";
 import { $Storage } from "@/plugins/storage";
 import { hashPassword } from "../../utils/hashPassword";
 
-definePage({
-    meta: {
-        title: "登录页",
-        order: 100
-    }
-});
-
 const router = useRouter();
 
 // 表单引用

package/adminViews/login_1/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "登录页",
+    "order": 100
+}

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

@@ -33,7 +33,7 @@
     </TDialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {
     //
     Dialog as TDialog,

package/adminViews/people/admin/index.vue

@@ -69,7 +69,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 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";
@@ -81,13 +81,6 @@ import DetailPanel from "@/components/DetailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "管理员",
-        order: 1
-    }
-});
-
 // 响应式数据
 const $Data = $ref({
     tableData: [],

package/adminViews/people/admin/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "管理员",
+    "order": 1
+}

package/adminViews/people/index.vue

@@ -1,12 +1,3 @@
 <template>
     <RouterView />
 </template>
-
-<script setup>
-definePage({
-    meta: {
-        title: "人员管理",
-        order: 10
-    }
-});
-</script>

package/adminViews/people/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "人员管理",
+    "order": 10
+}

package/adminViews/permission/api/index.vue

@@ -28,6 +28,10 @@
                         <TTag v-else-if="row.method === 'DELETE'" shape="round" theme="danger" variant="light-outline">DELETE</TTag>
                         <TTag v-else shape="round" variant="light-outline">{{ row.method }}</TTag>
                     </template>
+                    <template #auth="{ row }">
+                        <TTag v-if="row.auth === 0" shape="round" theme="success" variant="light-outline">免登录</TTag>
+                        <TTag v-else shape="round" theme="warning" variant="light-outline">需登录</TTag>
+                    </template>
                     <template #addonName="{ row }">
                         <TTag v-if="row.addonName" shape="round" variant="light-outline">{{ row.addonTitle || row.addonName }}</TTag>
                         <span v-else>项目</span>
@@ -44,13 +48,17 @@
                         <TTag v-else-if="value === 'DELETE'" shape="round" theme="danger" variant="light-outline">DELETE</TTag>
                         <TTag v-else shape="round" variant="light-outline">{{ value }}</TTag>
                     </template>
+                    <template #auth="{ value }">
+                        <TTag v-if="value === 0" shape="round" theme="success" variant="light-outline">免登录</TTag>
+                        <TTag v-else shape="round" theme="warning" variant="light-outline">需登录</TTag>
+                    </template>
                 </DetailPanel>
             </div>
         </div>
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 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";
@@ -58,13 +66,6 @@ import DetailPanel from "@/components/DetailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "接口列表",
-        order: 3
-    }
-});
-
 // 响应式数据
 const $Data = $ref({
     tableData: [],
@@ -73,6 +74,7 @@ const $Data = $ref({
     searchKeyword: "",
     columns: withDefaultColumns([
         { colKey: "name", title: "接口名称" },
+        { colKey: "auth", title: "登录" },
         { colKey: "path", title: "接口路径" },
         { colKey: "method", title: "请求方法" },
         { colKey: "addonName", title: "所属组件" }

package/adminViews/permission/api/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "接口列表",
+    "order": 3
+}

package/adminViews/permission/index.vue

@@ -1,12 +1,3 @@
 <template>
     <RouterView />
 </template>
-
-<script setup>
-definePage({
-    meta: {
-        title: "权限设置",
-        order: 20
-    }
-});
-</script>

package/adminViews/permission/menu/index.vue

@@ -39,7 +39,7 @@
     </div>
 </template>
 
-<script setup>
+<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";
@@ -47,13 +47,6 @@ import { $Http } from "@/plugins/http";
 import { arrayToTree } from "../../../utils/arrayToTree";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "菜单列表",
-        order: 2
-    }
-});
-
 // 响应式数据
 const $Data = $ref({
     tableData: [],

package/adminViews/permission/menu/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "菜单列表",
+    "order": 2
+}

package/adminViews/permission/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "权限设置",
+    "order": 20
+}

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

@@ -12,10 +12,10 @@
 
             <!-- 接口分组列表 -->
             <div class="api-container">
-                <div class="api-group" v-for="group in $Data.filteredApiData" :key="group.name">
-                    <div class="group-header">{{ group.title }}</div>
-                    <div class="api-checkbox-list">
-                        <TCheckboxGroup v-model="$Data.checkedApiPaths">
+                <TCheckboxGroup v-model="$Data.checkedApiPaths">
+                    <div class="api-group" v-for="group in $Data.filteredApiData" :key="group.name">
+                        <div class="group-header">{{ group.title }}</div>
+                        <div class="api-checkbox-list">
                             <TCheckbox v-for="api in group.apis" :key="api.value" :value="api.value">
                                 <div class="api-checkbox-label">
                                     <div class="api-label-main">
@@ -23,25 +23,25 @@
                                     </div>
                                 </div>
                             </TCheckbox>
-                        </TCheckboxGroup>
+                        </div>
                     </div>
-                </div>
+                </TCheckboxGroup>
             </div>
         </div>
 
         <template #footer>
             <div class="dialog-footer">
-                <t-space>
+                <TSpace>
                     <TButton theme="default" @click="$Method.onClose">取消</TButton>
                     <TButton theme="primary" :loading="$Data.submitting" @click="$Method.onSubmit">保存</TButton>
-                </t-space>
+                </TSpace>
             </div>
         </template>
     </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";
+<script setup lang="ts">
+import { Dialog as TDialog, Input as TInput, CheckboxGroup as TCheckboxGroup, Checkbox as TCheckbox, Button as TButton, Space as TSpace, MessagePlugin } from "tdesign-vue-next";
 import ILucideSearch from "~icons/lucide/search";
 import { $Http } from "@/plugins/http";
 
@@ -72,6 +72,27 @@ const $Method = {
     async initData() {
         $Method.onShow();
         await Promise.all([$Method.apiApiAll(), $Method.apiRoleApiDetail()]);
+
+        // auth=0（免登录）接口默认选中：与角色已有权限做并集，不覆盖。
+        const merged = new Set();
+        const current = Array.isArray($Data.checkedApiPaths) ? $Data.checkedApiPaths : [];
+        for (const p of current) {
+            merged.add(p);
+        }
+
+        const groups = Array.isArray($Data.apiData) ? $Data.apiData : [];
+        for (const group of groups) {
+            const apis = group && group.apis;
+            const list = Array.isArray(apis) ? apis : [];
+            for (const api of list) {
+                const isPublic = api && (api.auth === 0 || api.auth === "0" || api.auth === false);
+                if (isPublic && typeof api.value === "string" && api.value) {
+                    merged.add(api.value);
+                }
+            }
+        }
+
+        $Data.checkedApiPaths = Array.from(merged);
         $Data.filteredApiData = $Data.apiData;
     },
 
@@ -93,31 +114,54 @@ const $Method = {
         try {
             const res = await $Http("/addon/admin/api/all");
 
-            // 将接口列表按 addonTitle 分组
+            // 将接口列表按 parentPath 分组展示（routePath 已迁移为 path）
             const apiMap = new Map();
 
-            res.data.lists.forEach((api) => {
-                const addonTitle = api.addonTitle || api.addonName || "项目接口";
-                const addonName = api.addonName || "app";
+            const lists = res && res.data && Array.isArray(res.data.lists) ? res.data.lists : [];
+            for (const api of lists) {
+                const apiPath = api && typeof api.path === "string" ? api.path : "";
+                if (!apiPath) {
+                    continue;
+                }
 
-                if (!apiMap.has(addonName)) {
-                    apiMap.set(addonName, {
-                        name: addonName,
-                        title: addonTitle,
+                const parentPath = api && typeof api.parentPath === "string" ? api.parentPath : "";
+                const groupKey = parentPath || "(未分组)";
+
+                if (!apiMap.has(groupKey)) {
+                    apiMap.set(groupKey, {
+                        name: groupKey,
+                        title: groupKey,
                         apis: []
                     });
                 }
 
-                apiMap.get(addonName).apis.push({
-                    value: api.routePath,
-                    name: api.name || "",
-                    path: api.routePath || "",
-                    label: `${api.name || ""} ${api.routePath ? `(${api.routePath})` : ""}`.trim(),
-                    description: api.description
+                apiMap.get(groupKey).apis.push({
+                    value: apiPath,
+                    name: (api && typeof api.name === "string" ? api.name : "") || apiPath,
+                    path: apiPath,
+                    label: `${(api && typeof api.name === "string" ? api.name : "") || ""} ${apiPath ? `(${apiPath})` : ""}`.trim(),
+                    description: api ? api.description : undefined,
+                    auth: api ? api.auth : undefined,
+                    parentPath: parentPath
+                });
+            }
+
+            const groups = Array.from(apiMap.values());
+            for (const group of groups) {
+                group.apis.sort((a, b) => {
+                    const ap = typeof a.path === "string" ? a.path : "";
+                    const bp = typeof b.path === "string" ? b.path : "";
+                    return ap.localeCompare(bp);
                 });
+            }
+
+            groups.sort((a, b) => {
+                const at = typeof a.title === "string" ? a.title : "";
+                const bt = typeof b.title === "string" ? b.title : "";
+                return at.localeCompare(bt);
             });
 
-            $Data.apiData = Array.from(apiMap.values());
+            $Data.apiData = groups;
         } catch (error) {
             MessagePlugin.error("加载接口失败");
         }
@@ -148,7 +192,12 @@ const $Method = {
         const searchLower = $Data.searchText.toLowerCase();
         $Data.filteredApiData = $Data.apiData
             .map((group) => {
-                const apis = group.apis.filter((api) => api.label.toLowerCase().includes(searchLower));
+                const apis = group.apis.filter((api) => {
+                    const label = api && typeof api.label === "string" ? api.label : "";
+                    const name = api && typeof api.name === "string" ? api.name : "";
+                    const path = api && typeof api.path === "string" ? api.path : "";
+                    return label.toLowerCase().includes(searchLower) || name.toLowerCase().includes(searchLower) || path.toLowerCase().includes(searchLower);
+                });
                 return {
                     name: group.name,
                     title: group.title,
@@ -197,6 +246,12 @@ $Method.initData();
         flex: 1;
         overflow-y: auto;
 
+        /* CheckboxGroup 默认可能是 inline 布局，容易被内容撑开；这里强制占满容器宽度 */
+        :deep(.t-checkbox-group) {
+            display: block;
+            width: 100%;
+        }
+
         .api-group {
             margin-bottom: 16px;
             border: 1px solid var(--border-color);
@@ -204,7 +259,22 @@ $Method.initData();
             overflow: hidden;
 
             .api-checkbox-list {
-                padding: 10px;
+                padding: 12px 16px;
+                display: flex;
+                flex-wrap: wrap;
+                gap: 12px;
+
+                :deep(.t-checkbox) {
+                    margin: 0;
+                    flex: 0 0 calc(33.333% - 8px);
+                    min-width: 0;
+
+                    .t-checkbox__label {
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                    }
+                }
             }
 
             &:last-child {

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

@@ -29,7 +29,7 @@
     </TDialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {
     //
     Dialog as TDialog,
@@ -135,8 +135,3 @@ const $Method = {
 
 $Method.initData();
 </script>
-
-<style scoped lang="scss">
-.comp-role-edit {
-}
-</style>

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

@@ -40,7 +40,7 @@
     </TDialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Dialog as TDialog, CheckboxGroup as TCheckboxGroup, Checkbox as TCheckbox, Button as TButton, Input as TInput, MessagePlugin } from "tdesign-vue-next";
 import ILucideSearch from "~icons/lucide/search";
 import { $Http } from "@/plugins/http";

package/adminViews/permission/role/index.vue

@@ -88,7 +88,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 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";
@@ -104,13 +104,6 @@ import DetailPanel from "@/components/DetailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "../../../utils/withDefaultColumns";
 
-definePage({
-    meta: {
-        title: "角色管理",
-        order: 1
-    }
-});
-
 // 响应式数据
 const $Data = $ref({
     tableData: [],

package/adminViews/permission/role/meta.json

@@ -0,0 +1,4 @@
+{
+    "title": "角色管理",
+    "order": 1
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@befly-addon/admin",
-    "version": "1.5.1",
-    "gitHead": "dc9c3fdf5a392d7dc9761bf9b045e00ed74b1262",
+    "version": "1.6.0",
+    "gitHead": "0d60e323a83a1fc53822147de877af19cdb972c0",
     "private": false,
     "description": "Befly - 管理后台功能组件",
     "keywords": [

package/tables/api.json

@@ -6,13 +6,28 @@
         "max": 100,
         "index": true
     },
-    "routePath": {
+    "auth": {
+        "name": "是否需要登录",
+        "type": "number",
+        "min": 0,
+        "max": 1,
+        "default": 1,
+        "detail": "0=免登录，1=需登录"
+    },
+    "path": {
         "name": "接口路径",
         "type": "string",
         "min": 1,
         "max": 200,
         "index": true
     },
+    "parentPath": {
+        "name": "父级路径",
+        "type": "string",
+        "min": 1,
+        "max": 200,
+        "index": true
+    },
     "addonName": {
         "name": "所属插件",
         "type": "string",