com-angel-authorization 1.0.9 → 1.0.11

package/dist/react/index.d.cts

@@ -174,6 +174,10 @@ type MenuResource = {
      * 菜单层级：无上级（根）为 1，其余为上级 depth + 1
      */
     depth: number;
+    /**
+     * 是否叶子节点：`1` 表示无下级菜单，不可再展开
+     */
+    leaf: number;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -198,6 +202,8 @@ type CreateMenuResourceBody = MenuResourceFormValues & {
 };
 type UpdateMenuResourceBody = Partial<MenuResourceFormValues>;
 type FetchMenuResourcesParams = {
+    /** 列表默认传 1，只拉根层 */
+    depth?: number;
     pagination?: ListPaginationParams;
 };
 type MenuResourceListResult = {
@@ -206,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;
@@ -259,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>;
@@ -267,6 +278,10 @@ 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。
  */
@@ -371,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_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, mapAuthorizationResource, mapMenuResource, resolveMenuDepth, 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

@@ -174,6 +174,10 @@ type MenuResource = {
      * 菜单层级：无上级（根）为 1，其余为上级 depth + 1
      */
     depth: number;
+    /**
+     * 是否叶子节点：`1` 表示无下级菜单，不可再展开
+     */
+    leaf: number;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -198,6 +202,8 @@ type CreateMenuResourceBody = MenuResourceFormValues & {
 };
 type UpdateMenuResourceBody = Partial<MenuResourceFormValues>;
 type FetchMenuResourcesParams = {
+    /** 列表默认传 1，只拉根层 */
+    depth?: number;
     pagination?: ListPaginationParams;
 };
 type MenuResourceListResult = {
@@ -206,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;
@@ -259,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>;
@@ -267,6 +278,10 @@ 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。
  */
@@ -371,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_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, mapAuthorizationResource, mapMenuResource, resolveMenuDepth, 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,6 +232,8 @@ 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";
@@ -460,10 +462,13 @@ function mapMenuResource(item) {
   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 ?? ""),
@@ -472,6 +477,9 @@ 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);
@@ -481,6 +489,9 @@ function resolveMenuDepth(parentId, menus) {
 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");
@@ -578,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);
@@ -588,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);
     },
@@ -1208,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("");
@@ -1226,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,
@@ -1245,6 +1292,9 @@ function MenuManager({
           }
         });
         setRecords(result.records);
+        setChildrenMap({});
+        setExpandedIds({});
+        setExpandingIds({});
         setPageToken(result.pageToken);
         setHasPreviousPage(result.hasPreviousPage);
         setHasNextPage(result.hasNextPage);
@@ -1265,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();
@@ -1279,7 +1352,7 @@ function MenuManager({
     setEditing(row);
     setForm({
       parentId: row.parentId ?? null,
-      depth: resolveMenuDepth(row.parentId ?? null, records),
+      depth: resolveMenuDepth(row.parentId ?? null, allKnownMenus),
       type: row.type,
       name: row.name,
       identification: row.identification,
@@ -1367,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: [
@@ -1461,7 +1553,7 @@ function MenuManager({
                     setForm((prev) => ({
                       ...prev,
                       parentId,
-                      depth: resolveMenuDepth(parentId, records)
+                      depth: resolveMenuDepth(parentId, allKnownMenus)
                     }));
                   },
                   children: [
@@ -1471,10 +1563,6 @@ 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: [
@@ -1483,6 +1571,7 @@ function MenuManager({
                   {
                     type: "radio",
                     name: "menu-type",
+                    style: styles2.control,
                     checked: form.type === opt.value,
                     onChange: () => setForm((prev) => ({
                       ...prev,
@@ -1525,6 +1614,7 @@ function MenuManager({
                   "input",
                   {
                     type: "checkbox",
+                    style: styles2.control,
                     checked: form.permissionPointIds.includes(p.resourceId),
                     onChange: () => togglePermission(p.resourceId)
                   }
@@ -1543,6 +1633,7 @@ function MenuManager({
                   {
                     type: "radio",
                     name: "menu-status",
+                    style: styles2.control,
                     checked: form.status === opt.value,
                     onChange: () => setForm((prev) => ({ ...prev, status: opt.value }))
                   }
@@ -1659,6 +1750,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",
@@ -1774,7 +1889,9 @@ var styles2 = {
     border: "none",
     display: "flex",
     flexDirection: "column",
-    gap: 8
+    gap: 8,
+    backgroundColor: "transparent",
+    color: "#101828"
   },
   label: { fontSize: 13, color: "#344054", fontWeight: 500 },
   input: {
@@ -1788,14 +1905,29 @@ var styles2 = {
     boxSizing: "border-box",
     width: "100%"
   },
-  radioGroup: { display: "flex", flexWrap: "wrap", gap: 16 },
+  control: {
+    width: 16,
+    height: 16,
+    margin: 0,
+    flexShrink: 0,
+    accentColor: "#049BAD",
+    backgroundColor: "#ffffff",
+    colorScheme: "light"
+  },
+  radioGroup: {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: 16,
+    backgroundColor: "transparent"
+  },
   radioItem: {
     display: "flex",
     alignItems: "center",
     gap: 6,
     fontSize: 14,
     color: "#344054",
-    cursor: "pointer"
+    cursor: "pointer",
+    backgroundColor: "transparent"
   },
   multiSelect: {
     maxHeight: 160,
@@ -1803,7 +1935,8 @@ var styles2 = {
     border: "1px solid #eaecf0",
     borderRadius: 8,
     padding: 8,
-    background: "#f9fafb"
+    backgroundColor: "#ffffff",
+    color: "#101828"
   },
   checkItem: {
     display: "flex",
@@ -1812,7 +1945,8 @@ var styles2 = {
     padding: "6px 4px",
     fontSize: 13,
     color: "#344054",
-    cursor: "pointer"
+    cursor: "pointer",
+    backgroundColor: "transparent"
   },
   hint: { fontSize: 13, color: "#98a2b3", padding: 8 },
   dialogFooter: {
@@ -1967,6 +2101,8 @@ var styles3 = {
 };
 export {
   Can,
+  MENU_LEAF_NO,
+  MENU_LEAF_YES,
   MENU_LIST_TYPE_PARAM,
   MENU_TYPE_BUTTON,
   MENU_TYPE_LABEL,
@@ -2001,6 +2137,7 @@ export {
   extractRecords,
   getAppClientId,
   getDeviceWorkerId,
+  isMenuLeaf,
   mapAuthorizationResource,
   mapMenuResource,
   resolveMenuDepth,