com-angel-authorization 1.0.8 → 1.0.10

package/dist/react/index.d.cts

@@ -170,6 +170,14 @@ type MenuResource = {
     resourceId: string;
     /** 上级菜单 ID；无上级时为 null */
     parentId: string | null;
+    /**
+     * 菜单层级：无上级（根）为 1，其余为上级 depth + 1
+     */
+    depth: number;
+    /**
+     * 是否叶子节点：`1` 表示无下级菜单，不可再展开
+     */
+    leaf: number;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -181,6 +189,8 @@ type MenuResource = {
 type MenuResourceFormValues = {
     /** 上级菜单 ID；选择「无」时为 null */
     parentId: string | null;
+    /** 由 parentId 自动计算：无为 1，否则上级 depth + 1 */
+    depth: number;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -192,6 +202,8 @@ type CreateMenuResourceBody = MenuResourceFormValues & {
 };
 type UpdateMenuResourceBody = Partial<MenuResourceFormValues>;
 type FetchMenuResourcesParams = {
+    /** 列表默认传 1，只拉根层 */
+    depth?: number;
     pagination?: ListPaginationParams;
 };
 type MenuResourceListResult = {
@@ -200,6 +212,9 @@ type MenuResourceListResult = {
     hasPreviousPage: boolean;
     hasNextPage: boolean;
 };
+/** leaf === 1 表示无下级 */
+declare const MENU_LEAF_YES = 1;
+declare const MENU_LEAF_NO = 0;
 declare const RESOURCE_TYPE_API: ApiResourceType;
 declare const MENU_TYPE_PAGE: MenuResourceType;
 declare const MENU_TYPE_MENU: MenuResourceType;
@@ -211,6 +226,8 @@ declare const MENU_LIST_TYPE_PARAM = "page,menu,button";
  * 提交接口时会转换为 parentId: null。
  */
 declare const ROOT_PARENT_ID = "";
+/** 无上级时的菜单层级 */
+declare const ROOT_MENU_DEPTH = 1;
 declare const RESOURCE_STATUS_ENABLED: ResourceStatus;
 declare const RESOURCE_STATUS_DISABLED: ResourceStatus;
 declare const RESOURCE_STATUS_OPTIONS: {
@@ -251,6 +268,8 @@ type AuthorizationResourceApi = {
 };
 type MenuResourceApi = {
     list: (params?: FetchMenuResourcesParams, signal?: AbortSignal) => Promise<MenuResourceListResult>;
+    /** 展开下级：GET /authorization-resources/{resource-id}/sub-resources */
+    listSubResources: (resourceId: string, signal?: AbortSignal) => Promise<MenuResource[]>;
     /** 拉取权限点（type=api），供菜单表单多选 */
     listPermissionPoints: (params?: FetchAuthorizationResourcesParams, signal?: AbortSignal) => Promise<AuthorizationResourceListResult>;
     create: (values: MenuResourceFormValues, signal?: AbortSignal) => Promise<unknown>;
@@ -259,6 +278,14 @@ type MenuResourceApi = {
 };
 declare function mapAuthorizationResource(item: unknown): AuthorizationResource | null;
 declare function mapMenuResource(item: unknown): MenuResource | null;
+/**
+ * leaf === 1 表示无下级菜单。
+ */
+declare function isMenuLeaf(row: Pick<MenuResource, 'leaf'>): boolean;
+/**
+ * 根据上级菜单计算 depth：无上级为 1，否则为上级 depth + 1。
+ */
+declare function resolveMenuDepth(parentId: string | null | undefined, menus: Array<Pick<MenuResource, 'resourceId' | 'depth'>>): number;
 declare function buildCreateBody(values: AuthorizationResourceFormValues, resourceId?: string): CreateAuthorizationResourceBody;
 declare function buildUpdateBody(values: AuthorizationResourceFormValues): UpdateAuthorizationResourceBody;
 declare function buildCreateMenuBody(values: MenuResourceFormValues, resourceId?: string): CreateMenuResourceBody;
@@ -359,4 +386,4 @@ declare const snowyflake: ConfigurableSnowflake;
 declare function getAppClientId(): string;
 declare function getDeviceWorkerId(): string;
 
-export { type ApiResourceType, type AuthorizationResource, type AuthorizationResourceApi, type AuthorizationResourceFormValues, type AuthorizationResourceListResult, Can, type CanProps, type CheckOptions, type CreateAuthorizationResourceBody, type CreateDefaultResourceRequestOptions, type CreateMenuResourceBody, type FetchAuthorizationResourcesParams, type FetchMenuResourcesParams, type HttpMethod, type ListPaginationParams, type ListPaginationResult, MENU_LIST_TYPE_PARAM, MENU_TYPE_BUTTON, MENU_TYPE_LABEL, MENU_TYPE_MENU, MENU_TYPE_OPTIONS, MENU_TYPE_PAGE, MENU_VISIBILITY_OPTIONS, type MatchMode, MenuManager, type MenuManagerProps, type MenuResource, type MenuResourceApi, type MenuResourceFormValues, type MenuResourceListResult, type MenuResourceType, type PageDirection, type PermissionChecker, type PermissionCode, type PermissionListener, PermissionProvider, type PermissionProviderProps, type PermissionState, PermissionStore, RESOURCE_PRIVATE_OPTIONS, RESOURCE_STATUS_DISABLED, RESOURCE_STATUS_ENABLED, RESOURCE_STATUS_OPTIONS, RESOURCE_TYPE_API, ROOT_PARENT_ID, type ResourceHttpRequest, ResourceManager, type ResourceManagerProps, type ResourceRequestOptions, type ResourceStatus, type ResourceType, type RoleCode, SYSTEM_ADMIN_DEFAULT_KEY, SYSTEM_ADMIN_MENU, SystemAdmin, type SystemAdminMenuGroup, type SystemAdminMenuKey, type SystemAdminProps, type SystemAdminSubMenu, type UpdateAuthorizationResourceBody, type UpdateMenuResourceBody, type UsePermissionResult, appendQueryParam, buildCreateBody, buildCreateMenuBody, buildUpdateBody, buildUpdateMenuBody, createAuthorizationResourceApi, createDefaultResourceRequest, createMenuResourceApi, createPermissionStore, extractPagination, extractRecords, getAppClientId, getDeviceWorkerId, mapAuthorizationResource, mapMenuResource, snowyflake, useHasPermission, useHasRole, usePermission };
+export { type ApiResourceType, type AuthorizationResource, type AuthorizationResourceApi, type AuthorizationResourceFormValues, type AuthorizationResourceListResult, Can, type CanProps, type CheckOptions, type CreateAuthorizationResourceBody, type CreateDefaultResourceRequestOptions, type CreateMenuResourceBody, type FetchAuthorizationResourcesParams, type FetchMenuResourcesParams, type HttpMethod, type ListPaginationParams, type ListPaginationResult, MENU_LEAF_NO, MENU_LEAF_YES, MENU_LIST_TYPE_PARAM, MENU_TYPE_BUTTON, MENU_TYPE_LABEL, MENU_TYPE_MENU, MENU_TYPE_OPTIONS, MENU_TYPE_PAGE, MENU_VISIBILITY_OPTIONS, type MatchMode, MenuManager, type MenuManagerProps, type MenuResource, type MenuResourceApi, type MenuResourceFormValues, type MenuResourceListResult, type MenuResourceType, type PageDirection, type PermissionChecker, type PermissionCode, type PermissionListener, PermissionProvider, type PermissionProviderProps, type PermissionState, PermissionStore, RESOURCE_PRIVATE_OPTIONS, RESOURCE_STATUS_DISABLED, RESOURCE_STATUS_ENABLED, RESOURCE_STATUS_OPTIONS, RESOURCE_TYPE_API, ROOT_MENU_DEPTH, ROOT_PARENT_ID, type ResourceHttpRequest, ResourceManager, type ResourceManagerProps, type ResourceRequestOptions, type ResourceStatus, type ResourceType, type RoleCode, SYSTEM_ADMIN_DEFAULT_KEY, SYSTEM_ADMIN_MENU, SystemAdmin, type SystemAdminMenuGroup, type SystemAdminMenuKey, type SystemAdminProps, type SystemAdminSubMenu, type UpdateAuthorizationResourceBody, type UpdateMenuResourceBody, type UsePermissionResult, appendQueryParam, buildCreateBody, buildCreateMenuBody, buildUpdateBody, buildUpdateMenuBody, createAuthorizationResourceApi, createDefaultResourceRequest, createMenuResourceApi, createPermissionStore, extractPagination, extractRecords, getAppClientId, getDeviceWorkerId, isMenuLeaf, mapAuthorizationResource, mapMenuResource, resolveMenuDepth, snowyflake, useHasPermission, useHasRole, usePermission };

package/dist/react/index.d.ts

@@ -170,6 +170,14 @@ type MenuResource = {
     resourceId: string;
     /** 上级菜单 ID；无上级时为 null */
     parentId: string | null;
+    /**
+     * 菜单层级：无上级（根）为 1，其余为上级 depth + 1
+     */
+    depth: number;
+    /**
+     * 是否叶子节点：`1` 表示无下级菜单，不可再展开
+     */
+    leaf: number;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -181,6 +189,8 @@ type MenuResource = {
 type MenuResourceFormValues = {
     /** 上级菜单 ID；选择「无」时为 null */
     parentId: string | null;
+    /** 由 parentId 自动计算：无为 1，否则上级 depth + 1 */
+    depth: number;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -192,6 +202,8 @@ type CreateMenuResourceBody = MenuResourceFormValues & {
 };
 type UpdateMenuResourceBody = Partial<MenuResourceFormValues>;
 type FetchMenuResourcesParams = {
+    /** 列表默认传 1，只拉根层 */
+    depth?: number;
     pagination?: ListPaginationParams;
 };
 type MenuResourceListResult = {
@@ -200,6 +212,9 @@ type MenuResourceListResult = {
     hasPreviousPage: boolean;
     hasNextPage: boolean;
 };
+/** leaf === 1 表示无下级 */
+declare const MENU_LEAF_YES = 1;
+declare const MENU_LEAF_NO = 0;
 declare const RESOURCE_TYPE_API: ApiResourceType;
 declare const MENU_TYPE_PAGE: MenuResourceType;
 declare const MENU_TYPE_MENU: MenuResourceType;
@@ -211,6 +226,8 @@ declare const MENU_LIST_TYPE_PARAM = "page,menu,button";
  * 提交接口时会转换为 parentId: null。
  */
 declare const ROOT_PARENT_ID = "";
+/** 无上级时的菜单层级 */
+declare const ROOT_MENU_DEPTH = 1;
 declare const RESOURCE_STATUS_ENABLED: ResourceStatus;
 declare const RESOURCE_STATUS_DISABLED: ResourceStatus;
 declare const RESOURCE_STATUS_OPTIONS: {
@@ -251,6 +268,8 @@ type AuthorizationResourceApi = {
 };
 type MenuResourceApi = {
     list: (params?: FetchMenuResourcesParams, signal?: AbortSignal) => Promise<MenuResourceListResult>;
+    /** 展开下级：GET /authorization-resources/{resource-id}/sub-resources */
+    listSubResources: (resourceId: string, signal?: AbortSignal) => Promise<MenuResource[]>;
     /** 拉取权限点（type=api），供菜单表单多选 */
     listPermissionPoints: (params?: FetchAuthorizationResourcesParams, signal?: AbortSignal) => Promise<AuthorizationResourceListResult>;
     create: (values: MenuResourceFormValues, signal?: AbortSignal) => Promise<unknown>;
@@ -259,6 +278,14 @@ type MenuResourceApi = {
 };
 declare function mapAuthorizationResource(item: unknown): AuthorizationResource | null;
 declare function mapMenuResource(item: unknown): MenuResource | null;
+/**
+ * leaf === 1 表示无下级菜单。
+ */
+declare function isMenuLeaf(row: Pick<MenuResource, 'leaf'>): boolean;
+/**
+ * 根据上级菜单计算 depth：无上级为 1，否则为上级 depth + 1。
+ */
+declare function resolveMenuDepth(parentId: string | null | undefined, menus: Array<Pick<MenuResource, 'resourceId' | 'depth'>>): number;
 declare function buildCreateBody(values: AuthorizationResourceFormValues, resourceId?: string): CreateAuthorizationResourceBody;
 declare function buildUpdateBody(values: AuthorizationResourceFormValues): UpdateAuthorizationResourceBody;
 declare function buildCreateMenuBody(values: MenuResourceFormValues, resourceId?: string): CreateMenuResourceBody;
@@ -359,4 +386,4 @@ declare const snowyflake: ConfigurableSnowflake;
 declare function getAppClientId(): string;
 declare function getDeviceWorkerId(): string;
 
-export { type ApiResourceType, type AuthorizationResource, type AuthorizationResourceApi, type AuthorizationResourceFormValues, type AuthorizationResourceListResult, Can, type CanProps, type CheckOptions, type CreateAuthorizationResourceBody, type CreateDefaultResourceRequestOptions, type CreateMenuResourceBody, type FetchAuthorizationResourcesParams, type FetchMenuResourcesParams, type HttpMethod, type ListPaginationParams, type ListPaginationResult, MENU_LIST_TYPE_PARAM, MENU_TYPE_BUTTON, MENU_TYPE_LABEL, MENU_TYPE_MENU, MENU_TYPE_OPTIONS, MENU_TYPE_PAGE, MENU_VISIBILITY_OPTIONS, type MatchMode, MenuManager, type MenuManagerProps, type MenuResource, type MenuResourceApi, type MenuResourceFormValues, type MenuResourceListResult, type MenuResourceType, type PageDirection, type PermissionChecker, type PermissionCode, type PermissionListener, PermissionProvider, type PermissionProviderProps, type PermissionState, PermissionStore, RESOURCE_PRIVATE_OPTIONS, RESOURCE_STATUS_DISABLED, RESOURCE_STATUS_ENABLED, RESOURCE_STATUS_OPTIONS, RESOURCE_TYPE_API, ROOT_PARENT_ID, type ResourceHttpRequest, ResourceManager, type ResourceManagerProps, type ResourceRequestOptions, type ResourceStatus, type ResourceType, type RoleCode, SYSTEM_ADMIN_DEFAULT_KEY, SYSTEM_ADMIN_MENU, SystemAdmin, type SystemAdminMenuGroup, type SystemAdminMenuKey, type SystemAdminProps, type SystemAdminSubMenu, type UpdateAuthorizationResourceBody, type UpdateMenuResourceBody, type UsePermissionResult, appendQueryParam, buildCreateBody, buildCreateMenuBody, buildUpdateBody, buildUpdateMenuBody, createAuthorizationResourceApi, createDefaultResourceRequest, createMenuResourceApi, createPermissionStore, extractPagination, extractRecords, getAppClientId, getDeviceWorkerId, mapAuthorizationResource, mapMenuResource, snowyflake, useHasPermission, useHasRole, usePermission };
+export { type ApiResourceType, type AuthorizationResource, type AuthorizationResourceApi, type AuthorizationResourceFormValues, type AuthorizationResourceListResult, Can, type CanProps, type CheckOptions, type CreateAuthorizationResourceBody, type CreateDefaultResourceRequestOptions, type CreateMenuResourceBody, type FetchAuthorizationResourcesParams, type FetchMenuResourcesParams, type HttpMethod, type ListPaginationParams, type ListPaginationResult, MENU_LEAF_NO, MENU_LEAF_YES, MENU_LIST_TYPE_PARAM, MENU_TYPE_BUTTON, MENU_TYPE_LABEL, MENU_TYPE_MENU, MENU_TYPE_OPTIONS, MENU_TYPE_PAGE, MENU_VISIBILITY_OPTIONS, type MatchMode, MenuManager, type MenuManagerProps, type MenuResource, type MenuResourceApi, type MenuResourceFormValues, type MenuResourceListResult, type MenuResourceType, type PageDirection, type PermissionChecker, type PermissionCode, type PermissionListener, PermissionProvider, type PermissionProviderProps, type PermissionState, PermissionStore, RESOURCE_PRIVATE_OPTIONS, RESOURCE_STATUS_DISABLED, RESOURCE_STATUS_ENABLED, RESOURCE_STATUS_OPTIONS, RESOURCE_TYPE_API, ROOT_MENU_DEPTH, ROOT_PARENT_ID, type ResourceHttpRequest, ResourceManager, type ResourceManagerProps, type ResourceRequestOptions, type ResourceStatus, type ResourceType, type RoleCode, SYSTEM_ADMIN_DEFAULT_KEY, SYSTEM_ADMIN_MENU, SystemAdmin, type SystemAdminMenuGroup, type SystemAdminMenuKey, type SystemAdminProps, type SystemAdminSubMenu, type UpdateAuthorizationResourceBody, type UpdateMenuResourceBody, type UsePermissionResult, appendQueryParam, buildCreateBody, buildCreateMenuBody, buildUpdateBody, buildUpdateMenuBody, createAuthorizationResourceApi, createDefaultResourceRequest, createMenuResourceApi, createPermissionStore, extractPagination, extractRecords, getAppClientId, getDeviceWorkerId, isMenuLeaf, mapAuthorizationResource, mapMenuResource, resolveMenuDepth, snowyflake, useHasPermission, useHasRole, usePermission };

package/dist/react/index.js

@@ -232,12 +232,15 @@ import {
 } from "react";
 
 // src/resources/types.ts
+var MENU_LEAF_YES = 1;
+var MENU_LEAF_NO = 0;
 var RESOURCE_TYPE_API = "api";
 var MENU_TYPE_PAGE = "page";
 var MENU_TYPE_MENU = "menu";
 var MENU_TYPE_BUTTON = "button";
 var MENU_LIST_TYPE_PARAM = "page,menu,button";
 var ROOT_PARENT_ID = "";
+var ROOT_MENU_DEPTH = 1;
 var RESOURCE_STATUS_ENABLED = 1;
 var RESOURCE_STATUS_DISABLED = 0;
 var RESOURCE_STATUS_OPTIONS = [
@@ -456,9 +459,16 @@ function mapMenuResource(item) {
   const permissionPointNames = Array.isArray(permissionNamesRaw) ? permissionNamesRaw.map((n) => String(n ?? "")).filter(Boolean) : void 0;
   const rawParentId = row.parentId ?? row.parent_id;
   const parentId = rawParentId === void 0 || rawParentId === null || rawParentId === "" || String(rawParentId) === "0" ? null : String(rawParentId);
+  const rawDepth = row.depth;
+  const parsedDepth = Number(rawDepth);
+  const depth = Number.isFinite(parsedDepth) && parsedDepth > 0 ? Math.floor(parsedDepth) : parentId ? ROOT_MENU_DEPTH + 1 : ROOT_MENU_DEPTH;
+  const rawLeaf = row.leaf;
+  const leaf = rawLeaf === true || rawLeaf === 1 || rawLeaf === "1" || String(rawLeaf).toLowerCase() === "true" ? MENU_LEAF_YES : Number(rawLeaf) === MENU_LEAF_YES ? MENU_LEAF_YES : 0;
   return {
     resourceId: String(resourceId),
     parentId,
+    depth,
+    leaf,
     type: toMenuType(row.type),
     name: String(row.name ?? ""),
     identification: String(row.identification ?? row.identity ?? row.path ?? ""),
@@ -467,9 +477,21 @@ function mapMenuResource(item) {
     status: toResourceStatus(row.status)
   };
 }
+function isMenuLeaf(row) {
+  return Number(row.leaf) === MENU_LEAF_YES;
+}
+function resolveMenuDepth(parentId, menus) {
+  if (!parentId) return ROOT_MENU_DEPTH;
+  const parent = menus.find((item) => item.resourceId === parentId);
+  const parentDepth = parent && Number.isFinite(parent.depth) && parent.depth > 0 ? Math.floor(parent.depth) : ROOT_MENU_DEPTH;
+  return parentDepth + 1;
+}
 function buildListUrl(type, params) {
   const parts = [];
   appendQueryParam(parts, "type", type);
+  if (params?.depth !== void 0 && params?.depth !== null && String(params.depth) !== "") {
+    appendQueryParam(parts, "depth", String(params.depth));
+  }
   appendQueryParam(parts, "page-token", params?.pagination?.pageToken ?? "");
   appendQueryParam(parts, "page-size", params?.pagination?.pageSize ?? "20");
   appendQueryParam(parts, "page-direction", params?.pagination?.pageDirection ?? "current");
@@ -497,9 +519,11 @@ function buildUpdateBody(values) {
   };
 }
 function buildCreateMenuBody(values, resourceId = getAppClientId()) {
+  const parentId = values.parentId ? values.parentId : null;
   return {
     resourceId,
-    parentId: values.parentId ? values.parentId : null,
+    parentId,
+    depth: values.depth > 0 ? Math.floor(values.depth) : parentId ? ROOT_MENU_DEPTH + 1 : ROOT_MENU_DEPTH,
     type: values.type,
     name: values.name.trim(),
     identification: values.identification.trim(),
@@ -508,8 +532,10 @@ function buildCreateMenuBody(values, resourceId = getAppClientId()) {
   };
 }
 function buildUpdateMenuBody(values) {
+  const parentId = values.parentId ? values.parentId : null;
   return {
-    parentId: values.parentId ? values.parentId : null,
+    parentId,
+    depth: values.depth > 0 ? Math.floor(values.depth) : parentId ? ROOT_MENU_DEPTH + 1 : ROOT_MENU_DEPTH,
     type: values.type,
     name: values.name.trim(),
     identification: values.identification.trim(),
@@ -563,7 +589,10 @@ function createMenuResourceApi(request) {
     async list(params, signal) {
       const json = await request({
         method: "GET",
-        url: buildListUrl(MENU_LIST_TYPE_PARAM, params),
+        url: buildListUrl(MENU_LIST_TYPE_PARAM, {
+          pagination: params?.pagination,
+          depth: params?.depth ?? ROOT_MENU_DEPTH
+        }),
         signal
       });
       const records = extractRecords(json).map(mapMenuResource).filter((item) => item !== null);
@@ -573,6 +602,14 @@ function createMenuResourceApi(request) {
         ...pagination
       };
     },
+    async listSubResources(resourceId, signal) {
+      const json = await request({
+        method: "GET",
+        url: `/authorization-resources/${encodeURIComponent(resourceId)}/sub-resources`,
+        signal
+      });
+      return extractRecords(json).map(mapMenuResource).filter((item) => item !== null);
+    },
     listPermissionPoints(params, signal) {
       return permissionApi.list(params, signal);
     },
@@ -1179,6 +1216,7 @@ import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var PAGE_SIZE_OPTIONS2 = ["10", "20", "50", "100"];
 var emptyForm2 = () => ({
   parentId: null,
+  depth: ROOT_MENU_DEPTH,
   type: MENU_TYPE_MENU,
   name: "",
   identification: "",
@@ -1192,6 +1230,9 @@ function MenuManager({
   toolbarExtra
 }) {
   const [records, setRecords] = useState3([]);
+  const [childrenMap, setChildrenMap] = useState3({});
+  const [expandedIds, setExpandedIds] = useState3({});
+  const [expandingIds, setExpandingIds] = useState3({});
   const [permissionPoints, setPermissionPoints] = useState3([]);
   const [loading, setLoading] = useState3(false);
   const [error, setError] = useState3("");
@@ -1210,18 +1251,40 @@ function MenuManager({
     permissionPoints.forEach((p) => map.set(p.resourceId, p.name || p.identification));
     return map;
   }, [permissionPoints]);
+  const allKnownMenus = useMemo3(() => {
+    const map = /* @__PURE__ */ new Map();
+    records.forEach((row) => map.set(row.resourceId, row));
+    Object.values(childrenMap).forEach((list) => {
+      list.forEach((row) => map.set(row.resourceId, row));
+    });
+    return Array.from(map.values());
+  }, [records, childrenMap]);
   const parentOptions = useMemo3(() => {
-    return records.filter((row) => !editing || row.resourceId !== editing.resourceId).map((row) => ({
+    return allKnownMenus.filter((row) => !editing || row.resourceId !== editing.resourceId).map((row) => ({
       value: row.resourceId,
       label: `${row.name}\uFF08${MENU_TYPE_LABEL[row.type]}\uFF09`
     }));
-  }, [records, editing]);
+  }, [allKnownMenus, editing]);
+  const flatRows = useMemo3(() => {
+    const rows = [];
+    const walk = (list) => {
+      list.forEach((row) => {
+        rows.push(row);
+        if (expandedIds[row.resourceId] && childrenMap[row.resourceId]?.length) {
+          walk(childrenMap[row.resourceId]);
+        }
+      });
+    };
+    walk(records);
+    return rows;
+  }, [records, childrenMap, expandedIds]);
   const loadList = useCallback3(
     async (direction = "current", token = pageToken) => {
       setLoading(true);
       setError("");
       try {
         const result = await api.list({
+          depth: ROOT_MENU_DEPTH,
           pagination: {
             pageToken: token,
             pageSize,
@@ -1229,6 +1292,9 @@ function MenuManager({
           }
         });
         setRecords(result.records);
+        setChildrenMap({});
+        setExpandedIds({});
+        setExpandingIds({});
         setPageToken(result.pageToken);
         setHasPreviousPage(result.hasPreviousPage);
         setHasNextPage(result.hasNextPage);
@@ -1249,6 +1315,29 @@ function MenuManager({
     } catch {
     }
   }, [api]);
+  const toggleExpand = async (row) => {
+    if (isMenuLeaf(row)) return;
+    const id = row.resourceId;
+    if (expandedIds[id]) {
+      setExpandedIds((prev) => ({ ...prev, [id]: false }));
+      return;
+    }
+    if (!childrenMap[id]) {
+      setExpandingIds((prev) => ({ ...prev, [id]: true }));
+      setError("");
+      try {
+        const children = await api.listSubResources(id);
+        setChildrenMap((prev) => ({ ...prev, [id]: children }));
+        setExpandedIds((prev) => ({ ...prev, [id]: true }));
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "\u52A0\u8F7D\u4E0B\u7EA7\u83DC\u5355\u5931\u8D25");
+      } finally {
+        setExpandingIds((prev) => ({ ...prev, [id]: false }));
+      }
+      return;
+    }
+    setExpandedIds((prev) => ({ ...prev, [id]: true }));
+  };
   useEffect3(() => {
     void loadList("current", "");
     void loadPermissionPoints();
@@ -1263,6 +1352,7 @@ function MenuManager({
     setEditing(row);
     setForm({
       parentId: row.parentId ?? null,
+      depth: resolveMenuDepth(row.parentId ?? null, allKnownMenus),
       type: row.type,
       name: row.name,
       identification: row.identification,
@@ -1350,35 +1440,54 @@ function MenuManager({
         /* @__PURE__ */ jsx3("th", { style: styles2.th, children: "\u6743\u9650\u6807\u8BC6" }),
         /* @__PURE__ */ jsx3("th", { style: { ...styles2.th, width: 140 }, children: "\u64CD\u4F5C" })
       ] }) }),
-      /* @__PURE__ */ jsx3("tbody", { children: loading ? /* @__PURE__ */ jsx3("tr", { children: /* @__PURE__ */ jsx3("td", { colSpan: 6, style: styles2.empty, children: "\u52A0\u8F7D\u4E2D\u2026" }) }) : records.length === 0 ? /* @__PURE__ */ jsx3("tr", { children: /* @__PURE__ */ jsx3("td", { colSpan: 6, style: styles2.empty, children: "\u6682\u65E0\u6570\u636E" }) }) : records.map((row) => /* @__PURE__ */ jsxs2("tr", { children: [
-        /* @__PURE__ */ jsx3("td", { style: styles2.td, children: row.name }),
-        /* @__PURE__ */ jsx3("td", { style: styles2.td, children: /* @__PURE__ */ jsx3("code", { style: styles2.code, children: row.identification || "\u2014" }) }),
-        /* @__PURE__ */ jsx3("td", { style: styles2.td, children: MENU_TYPE_LABEL[row.type] }),
-        /* @__PURE__ */ jsx3("td", { style: styles2.td, children: /* @__PURE__ */ jsx3(
-          "span",
-          {
-            style: {
-              ...styles2.badge,
-              background: row.status === RESOURCE_STATUS_ENABLED ? "#e8f7ef" : "#f4f4f5",
-              color: row.status === RESOURCE_STATUS_ENABLED ? "#067647" : "#667085"
-            },
-            children: row.status === RESOURCE_STATUS_ENABLED ? "\u663E\u793A" : "\u9690\u85CF"
-          }
-        ) }),
-        /* @__PURE__ */ jsx3("td", { style: styles2.td, children: renderPermissionLabels(row) }),
-        /* @__PURE__ */ jsxs2("td", { style: styles2.td, children: [
-          /* @__PURE__ */ jsx3("button", { type: "button", style: styles2.linkBtn, onClick: () => openEdit(row), children: "\u7F16\u8F91" }),
-          /* @__PURE__ */ jsx3(
-            "button",
+      /* @__PURE__ */ jsx3("tbody", { children: loading ? /* @__PURE__ */ jsx3("tr", { children: /* @__PURE__ */ jsx3("td", { colSpan: 6, style: styles2.empty, children: "\u52A0\u8F7D\u4E2D\u2026" }) }) : flatRows.length === 0 ? /* @__PURE__ */ jsx3("tr", { children: /* @__PURE__ */ jsx3("td", { colSpan: 6, style: styles2.empty, children: "\u6682\u65E0\u6570\u636E" }) }) : flatRows.map((row) => {
+        const leaf = isMenuLeaf(row);
+        const expanded = Boolean(expandedIds[row.resourceId]);
+        const expanding = Boolean(expandingIds[row.resourceId]);
+        const indent = Math.max(0, (row.depth || 1) - 1) * 18;
+        return /* @__PURE__ */ jsxs2("tr", { children: [
+          /* @__PURE__ */ jsx3("td", { style: styles2.td, children: /* @__PURE__ */ jsxs2("div", { style: { ...styles2.treeCell, paddingLeft: indent }, children: [
+            leaf ? /* @__PURE__ */ jsx3("span", { style: styles2.treeSpacer }) : /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                style: styles2.treeToggle,
+                onClick: () => void toggleExpand(row),
+                disabled: expanding,
+                "aria-label": expanded ? "\u6536\u8D77" : "\u5C55\u5F00",
+                children: expanding ? "\u2026" : expanded ? "\u25BC" : "\u25B6"
+              }
+            ),
+            /* @__PURE__ */ jsx3("span", { children: row.name })
+          ] }) }),
+          /* @__PURE__ */ jsx3("td", { style: styles2.td, children: /* @__PURE__ */ jsx3("code", { style: styles2.code, children: row.identification || "\u2014" }) }),
+          /* @__PURE__ */ jsx3("td", { style: styles2.td, children: MENU_TYPE_LABEL[row.type] }),
+          /* @__PURE__ */ jsx3("td", { style: styles2.td, children: /* @__PURE__ */ jsx3(
+            "span",
             {
-              type: "button",
-              style: { ...styles2.linkBtn, color: "#d92d20" },
-              onClick: () => askDelete(row),
-              children: "\u5220\u9664"
+              style: {
+                ...styles2.badge,
+                background: row.status === RESOURCE_STATUS_ENABLED ? "#e8f7ef" : "#f4f4f5",
+                color: row.status === RESOURCE_STATUS_ENABLED ? "#067647" : "#667085"
+              },
+              children: row.status === RESOURCE_STATUS_ENABLED ? "\u663E\u793A" : "\u9690\u85CF"
             }
-          )
-        ] })
-      ] }, row.resourceId)) })
+          ) }),
+          /* @__PURE__ */ jsx3("td", { style: styles2.td, children: renderPermissionLabels(row) }),
+          /* @__PURE__ */ jsxs2("td", { style: styles2.td, children: [
+            /* @__PURE__ */ jsx3("button", { type: "button", style: styles2.linkBtn, onClick: () => openEdit(row), children: "\u7F16\u8F91" }),
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                style: { ...styles2.linkBtn, color: "#d92d20" },
+                onClick: () => askDelete(row),
+                children: "\u5220\u9664"
+              }
+            )
+          ] })
+        ] }, row.resourceId);
+      }) })
     ] }) }),
     /* @__PURE__ */ jsxs2("div", { style: styles2.pagination, children: [
       /* @__PURE__ */ jsxs2("label", { style: styles2.pageSize, children: [
@@ -1439,10 +1548,14 @@ function MenuManager({
                 {
                   style: styles2.input,
                   value: form.parentId ?? ROOT_PARENT_ID,
-                  onChange: (e) => setForm((prev) => ({
-                    ...prev,
-                    parentId: e.target.value ? e.target.value : null
-                  })),
+                  onChange: (e) => {
+                    const parentId = e.target.value ? e.target.value : null;
+                    setForm((prev) => ({
+                      ...prev,
+                      parentId,
+                      depth: resolveMenuDepth(parentId, allKnownMenus)
+                    }));
+                  },
                   children: [
                     /* @__PURE__ */ jsx3("option", { value: ROOT_PARENT_ID, children: "\u65E0" }),
                     parentOptions.map((opt) => /* @__PURE__ */ jsx3("option", { value: opt.value, children: opt.label }, opt.value))
@@ -1450,6 +1563,10 @@ function MenuManager({
                 }
               )
             ] }),
+            /* @__PURE__ */ jsxs2("div", { style: styles2.field, children: [
+              /* @__PURE__ */ jsx3("span", { style: styles2.label, children: "\u83DC\u5355\u5C42\u7EA7\uFF08depth\uFF09" }),
+              /* @__PURE__ */ jsx3("input", { style: styles2.input, value: form.depth, readOnly: true })
+            ] }),
             /* @__PURE__ */ jsxs2("fieldset", { style: styles2.fieldset, children: [
               /* @__PURE__ */ jsx3("legend", { style: styles2.label, children: "\u83DC\u5355\u7C7B\u578B" }),
               /* @__PURE__ */ jsx3("div", { style: styles2.radioGroup, children: MENU_TYPE_OPTIONS.map((opt) => /* @__PURE__ */ jsxs2("label", { style: styles2.radioItem, children: [
@@ -1634,6 +1751,30 @@ var styles2 = {
     borderBottom: "1px solid #f2f4f7",
     verticalAlign: "middle"
   },
+  treeCell: {
+    display: "flex",
+    alignItems: "center",
+    gap: 6
+  },
+  treeToggle: {
+    width: 22,
+    height: 22,
+    border: "1px solid #d0d5dd",
+    borderRadius: 4,
+    background: "#fff",
+    color: "#475467",
+    cursor: "pointer",
+    fontSize: 10,
+    lineHeight: "20px",
+    padding: 0,
+    flexShrink: 0
+  },
+  treeSpacer: {
+    width: 22,
+    height: 22,
+    flexShrink: 0,
+    display: "inline-block"
+  },
   empty: { padding: 28, textAlign: "center", color: "#98a2b3", fontSize: 14 },
   code: {
     fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
@@ -1942,6 +2083,8 @@ var styles3 = {
 };
 export {
   Can,
+  MENU_LEAF_NO,
+  MENU_LEAF_YES,
   MENU_LIST_TYPE_PARAM,
   MENU_TYPE_BUTTON,
   MENU_TYPE_LABEL,
@@ -1957,6 +2100,7 @@ export {
   RESOURCE_STATUS_ENABLED,
   RESOURCE_STATUS_OPTIONS,
   RESOURCE_TYPE_API,
+  ROOT_MENU_DEPTH,
   ROOT_PARENT_ID,
   ResourceManager,
   SYSTEM_ADMIN_DEFAULT_KEY,
@@ -1975,8 +2119,10 @@ export {
   extractRecords,
   getAppClientId,
   getDeviceWorkerId,
+  isMenuLeaf,
   mapAuthorizationResource,
   mapMenuResource,
+  resolveMenuDepth,
   snowyflake,
   useHasPermission,
   useHasRole,