com-angel-authorization 1.0.6 → 1.0.8

package/dist/vue/index.d.cts

@@ -222,7 +222,8 @@ type AuthorizationResourceListResult = {
 };
 type MenuResource = {
     resourceId: string;
-    parentId: string;
+    /** 上级菜单 ID；无上级时为 null */
+    parentId: string | null;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -232,7 +233,8 @@ type MenuResource = {
     status: ResourceStatus;
 };
 type MenuResourceFormValues = {
-    parentId: string;
+    /** 上级菜单 ID；选择「无」时为 null */
+    parentId: string | null;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -258,7 +260,11 @@ declare const MENU_TYPE_MENU: MenuResourceType;
 declare const MENU_TYPE_BUTTON: MenuResourceType;
 /** 菜单列表查询 type 参数 */
 declare const MENU_LIST_TYPE_PARAM = "page,menu,button";
-declare const ROOT_PARENT_ID = "0";
+/**
+ * 上级菜单选择「无」时，表单 select 使用的空值。
+ * 提交接口时会转换为 parentId: null。
+ */
+declare const ROOT_PARENT_ID = "";
 declare const RESOURCE_STATUS_ENABLED: ResourceStatus;
 declare const RESOURCE_STATUS_DISABLED: ResourceStatus;
 declare const RESOURCE_STATUS_OPTIONS: {
@@ -402,6 +408,79 @@ declare const MenuManager: vue.DefineComponent<vue.ExtractPropTypes<{
     pageSize: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
+type SystemAdminMenuKey = 'menu' | 'resource';
+type SystemAdminSubMenu = {
+    key: SystemAdminMenuKey;
+    label: string;
+};
+type SystemAdminMenuGroup = {
+    key: 'system';
+    label: string;
+    children: SystemAdminSubMenu[];
+};
+/** 系统管理菜单结构：菜单管理、权限点管理为其子菜单 */
+declare const SYSTEM_ADMIN_MENU: SystemAdminMenuGroup;
+declare const SYSTEM_ADMIN_DEFAULT_KEY: SystemAdminMenuKey;
+
+/**
+ * 系统管理：侧栏父菜单「系统管理」，子菜单为「菜单管理」「权限点管理」。
+ */
+declare const SystemAdmin: vue.DefineComponent<vue.ExtractPropTypes<{
+    menuApi: {
+        type: PropType<MenuResourceApi>;
+        required: true;
+    };
+    resourceApi: {
+        type: PropType<AuthorizationResourceApi>;
+        required: true;
+    };
+    defaultActiveKey: {
+        type: PropType<SystemAdminMenuKey>;
+        default: SystemAdminMenuKey;
+    };
+    activeKey: {
+        type: PropType<SystemAdminMenuKey>;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:activeKey': (_key: SystemAdminMenuKey) => true;
+    activeKeyChange: (_key: SystemAdminMenuKey) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    menuApi: {
+        type: PropType<MenuResourceApi>;
+        required: true;
+    };
+    resourceApi: {
+        type: PropType<AuthorizationResourceApi>;
+        required: true;
+    };
+    defaultActiveKey: {
+        type: PropType<SystemAdminMenuKey>;
+        default: SystemAdminMenuKey;
+    };
+    activeKey: {
+        type: PropType<SystemAdminMenuKey>;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:activeKey"?: ((_key: SystemAdminMenuKey) => any) | undefined;
+    onActiveKeyChange?: ((_key: SystemAdminMenuKey) => any) | undefined;
+}>, {
+    title: string;
+    defaultActiveKey: SystemAdminMenuKey;
+    activeKey: SystemAdminMenuKey;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 interface SnowyflakeOptions {
     epoch?: bigint;
     workerId?: bigint;
@@ -432,4 +511,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 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 MenuResource, type MenuResourceApi, type MenuResourceFormValues, type MenuResourceListResult, type MenuResourceType, PERMISSION_STORE_KEY, type PageDirection, type PermissionChecker, type PermissionCode, type PermissionDirectiveValue, type PermissionListener, type PermissionPluginOptions, 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 ResourceRequestOptions, type ResourceStatus, type ResourceType, type RoleCode, type UpdateAuthorizationResourceBody, type UpdateMenuResourceBody, type UsePermissionResult, appendQueryParam, buildCreateBody, buildCreateMenuBody, buildUpdateBody, buildUpdateMenuBody, createAuthorizationResourceApi, createDefaultResourceRequest, createMenuResourceApi, createPermissionPlugin, createPermissionStore, createVPermission, extractPagination, extractRecords, getAppClientId, getDeviceWorkerId, mapAuthorizationResource, mapMenuResource, snowyflake, useHasPermission, useHasRole, usePermission };
+export { type ApiResourceType, type AuthorizationResource, type AuthorizationResourceApi, type AuthorizationResourceFormValues, type AuthorizationResourceListResult, Can, 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 MenuResource, type MenuResourceApi, type MenuResourceFormValues, type MenuResourceListResult, type MenuResourceType, PERMISSION_STORE_KEY, type PageDirection, type PermissionChecker, type PermissionCode, type PermissionDirectiveValue, type PermissionListener, type PermissionPluginOptions, 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 ResourceRequestOptions, type ResourceStatus, type ResourceType, type RoleCode, SYSTEM_ADMIN_DEFAULT_KEY, SYSTEM_ADMIN_MENU, SystemAdmin, type SystemAdminMenuGroup, type SystemAdminMenuKey, type SystemAdminSubMenu, type UpdateAuthorizationResourceBody, type UpdateMenuResourceBody, type UsePermissionResult, appendQueryParam, buildCreateBody, buildCreateMenuBody, buildUpdateBody, buildUpdateMenuBody, createAuthorizationResourceApi, createDefaultResourceRequest, createMenuResourceApi, createPermissionPlugin, createPermissionStore, createVPermission, extractPagination, extractRecords, getAppClientId, getDeviceWorkerId, mapAuthorizationResource, mapMenuResource, snowyflake, useHasPermission, useHasRole, usePermission };

package/dist/vue/index.d.ts

@@ -222,7 +222,8 @@ type AuthorizationResourceListResult = {
 };
 type MenuResource = {
     resourceId: string;
-    parentId: string;
+    /** 上级菜单 ID；无上级时为 null */
+    parentId: string | null;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -232,7 +233,8 @@ type MenuResource = {
     status: ResourceStatus;
 };
 type MenuResourceFormValues = {
-    parentId: string;
+    /** 上级菜单 ID；选择「无」时为 null */
+    parentId: string | null;
     type: MenuResourceType;
     name: string;
     identification: string;
@@ -258,7 +260,11 @@ declare const MENU_TYPE_MENU: MenuResourceType;
 declare const MENU_TYPE_BUTTON: MenuResourceType;
 /** 菜单列表查询 type 参数 */
 declare const MENU_LIST_TYPE_PARAM = "page,menu,button";
-declare const ROOT_PARENT_ID = "0";
+/**
+ * 上级菜单选择「无」时，表单 select 使用的空值。
+ * 提交接口时会转换为 parentId: null。
+ */
+declare const ROOT_PARENT_ID = "";
 declare const RESOURCE_STATUS_ENABLED: ResourceStatus;
 declare const RESOURCE_STATUS_DISABLED: ResourceStatus;
 declare const RESOURCE_STATUS_OPTIONS: {
@@ -402,6 +408,79 @@ declare const MenuManager: vue.DefineComponent<vue.ExtractPropTypes<{
     pageSize: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
+type SystemAdminMenuKey = 'menu' | 'resource';
+type SystemAdminSubMenu = {
+    key: SystemAdminMenuKey;
+    label: string;
+};
+type SystemAdminMenuGroup = {
+    key: 'system';
+    label: string;
+    children: SystemAdminSubMenu[];
+};
+/** 系统管理菜单结构：菜单管理、权限点管理为其子菜单 */
+declare const SYSTEM_ADMIN_MENU: SystemAdminMenuGroup;
+declare const SYSTEM_ADMIN_DEFAULT_KEY: SystemAdminMenuKey;
+
+/**
+ * 系统管理：侧栏父菜单「系统管理」，子菜单为「菜单管理」「权限点管理」。
+ */
+declare const SystemAdmin: vue.DefineComponent<vue.ExtractPropTypes<{
+    menuApi: {
+        type: PropType<MenuResourceApi>;
+        required: true;
+    };
+    resourceApi: {
+        type: PropType<AuthorizationResourceApi>;
+        required: true;
+    };
+    defaultActiveKey: {
+        type: PropType<SystemAdminMenuKey>;
+        default: SystemAdminMenuKey;
+    };
+    activeKey: {
+        type: PropType<SystemAdminMenuKey>;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:activeKey': (_key: SystemAdminMenuKey) => true;
+    activeKeyChange: (_key: SystemAdminMenuKey) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    menuApi: {
+        type: PropType<MenuResourceApi>;
+        required: true;
+    };
+    resourceApi: {
+        type: PropType<AuthorizationResourceApi>;
+        required: true;
+    };
+    defaultActiveKey: {
+        type: PropType<SystemAdminMenuKey>;
+        default: SystemAdminMenuKey;
+    };
+    activeKey: {
+        type: PropType<SystemAdminMenuKey>;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:activeKey"?: ((_key: SystemAdminMenuKey) => any) | undefined;
+    onActiveKeyChange?: ((_key: SystemAdminMenuKey) => any) | undefined;
+}>, {
+    title: string;
+    defaultActiveKey: SystemAdminMenuKey;
+    activeKey: SystemAdminMenuKey;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 interface SnowyflakeOptions {
     epoch?: bigint;
     workerId?: bigint;
@@ -432,4 +511,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 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 MenuResource, type MenuResourceApi, type MenuResourceFormValues, type MenuResourceListResult, type MenuResourceType, PERMISSION_STORE_KEY, type PageDirection, type PermissionChecker, type PermissionCode, type PermissionDirectiveValue, type PermissionListener, type PermissionPluginOptions, 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 ResourceRequestOptions, type ResourceStatus, type ResourceType, type RoleCode, type UpdateAuthorizationResourceBody, type UpdateMenuResourceBody, type UsePermissionResult, appendQueryParam, buildCreateBody, buildCreateMenuBody, buildUpdateBody, buildUpdateMenuBody, createAuthorizationResourceApi, createDefaultResourceRequest, createMenuResourceApi, createPermissionPlugin, createPermissionStore, createVPermission, extractPagination, extractRecords, getAppClientId, getDeviceWorkerId, mapAuthorizationResource, mapMenuResource, snowyflake, useHasPermission, useHasRole, usePermission };
+export { type ApiResourceType, type AuthorizationResource, type AuthorizationResourceApi, type AuthorizationResourceFormValues, type AuthorizationResourceListResult, Can, 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 MenuResource, type MenuResourceApi, type MenuResourceFormValues, type MenuResourceListResult, type MenuResourceType, PERMISSION_STORE_KEY, type PageDirection, type PermissionChecker, type PermissionCode, type PermissionDirectiveValue, type PermissionListener, type PermissionPluginOptions, 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 ResourceRequestOptions, type ResourceStatus, type ResourceType, type RoleCode, SYSTEM_ADMIN_DEFAULT_KEY, SYSTEM_ADMIN_MENU, SystemAdmin, type SystemAdminMenuGroup, type SystemAdminMenuKey, type SystemAdminSubMenu, type UpdateAuthorizationResourceBody, type UpdateMenuResourceBody, type UsePermissionResult, appendQueryParam, buildCreateBody, buildCreateMenuBody, buildUpdateBody, buildUpdateMenuBody, createAuthorizationResourceApi, createDefaultResourceRequest, createMenuResourceApi, createPermissionPlugin, createPermissionStore, createVPermission, extractPagination, extractRecords, getAppClientId, getDeviceWorkerId, mapAuthorizationResource, mapMenuResource, snowyflake, useHasPermission, useHasRole, usePermission };

package/dist/vue/index.js

@@ -314,7 +314,7 @@ 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 = "0";
+var ROOT_PARENT_ID = "";
 var RESOURCE_STATUS_ENABLED = 1;
 var RESOURCE_STATUS_DISABLED = 0;
 var RESOURCE_STATUS_OPTIONS = [
@@ -495,7 +495,7 @@ function toStringArray(value) {
     }).filter(Boolean);
   }
   if (typeof value === "string" && value.trim()) {
-    return value.split(",").map((s3) => s3.trim()).filter(Boolean);
+    return value.split(",").map((s4) => s4.trim()).filter(Boolean);
   }
   return [];
 }
@@ -531,10 +531,11 @@ function mapMenuResource(item) {
   );
   const permissionNamesRaw = row.permissionPointNames ?? row.permission_point_names ?? row.permissionNames;
   const permissionPointNames = Array.isArray(permissionNamesRaw) ? permissionNamesRaw.map((n) => String(n ?? "")).filter(Boolean) : void 0;
-  const parentId = row.parentId ?? row.parent_id ?? ROOT_PARENT_ID;
+  const rawParentId = row.parentId ?? row.parent_id;
+  const parentId = rawParentId === void 0 || rawParentId === null || rawParentId === "" || String(rawParentId) === "0" ? null : String(rawParentId);
   return {
     resourceId: String(resourceId),
-    parentId: parentId === void 0 || parentId === null ? ROOT_PARENT_ID : String(parentId),
+    parentId,
     type: toMenuType(row.type),
     name: String(row.name ?? ""),
     identification: String(row.identification ?? row.identity ?? row.path ?? ""),
@@ -575,7 +576,7 @@ function buildUpdateBody(values) {
 function buildCreateMenuBody(values, resourceId = getAppClientId()) {
   return {
     resourceId,
-    parentId: values.parentId || ROOT_PARENT_ID,
+    parentId: values.parentId ? values.parentId : null,
     type: values.type,
     name: values.name.trim(),
     identification: values.identification.trim(),
@@ -585,7 +586,7 @@ function buildCreateMenuBody(values, resourceId = getAppClientId()) {
 }
 function buildUpdateMenuBody(values) {
   return {
-    parentId: values.parentId || ROOT_PARENT_ID,
+    parentId: values.parentId ? values.parentId : null,
     type: values.type,
     name: values.name.trim(),
     identification: values.identification.trim(),
@@ -1391,7 +1392,7 @@ import {
 var PAGE_SIZE_OPTIONS2 = ["10", "20", "50", "100"];
 function emptyForm2() {
   return {
-    parentId: ROOT_PARENT_ID,
+    parentId: null,
     type: MENU_TYPE_MENU,
     name: "",
     identification: "",
@@ -1712,7 +1713,7 @@ var MenuManager = defineComponent3({
     function openEdit(row) {
       editing.value = row;
       Object.assign(form, {
-        parentId: row.parentId || ROOT_PARENT_ID,
+        parentId: row.parentId ?? null,
         type: row.type,
         name: row.name,
         identification: row.identification,
@@ -1957,13 +1958,14 @@ var MenuManager = defineComponent3({
                       "select",
                       {
                         style: s2.input,
-                        value: form.parentId,
+                        value: form.parentId ?? ROOT_PARENT_ID,
                         onChange: (e) => {
-                          form.parentId = e.target.value;
+                          const value = e.target.value;
+                          form.parentId = value ? value : null;
                         }
                       },
                       [
-                        h2("option", { value: ROOT_PARENT_ID }, "\u6839\u76EE\u5F55"),
+                        h2("option", { value: ROOT_PARENT_ID }, "\u65E0"),
                         ...parentOptions.value.map(
                           (opt) => h2(
                             "option",
@@ -2174,6 +2176,186 @@ var MenuManager = defineComponent3({
     ]);
   }
 });
+
+// src/vue/SystemAdmin.ts
+import { computed as computed4, defineComponent as defineComponent4, h as h3, ref as ref3, watch as watch3 } from "vue";
+
+// src/admin/menu.ts
+var SYSTEM_ADMIN_MENU = {
+  key: "system",
+  label: "\u7CFB\u7EDF\u7BA1\u7406",
+  children: [
+    { key: "menu", label: "\u83DC\u5355\u7BA1\u7406" },
+    { key: "resource", label: "\u6743\u9650\u70B9\u7BA1\u7406" }
+  ]
+};
+var SYSTEM_ADMIN_DEFAULT_KEY = "menu";
+
+// src/vue/SystemAdmin.ts
+var s3 = {
+  root: {
+    display: "flex",
+    minHeight: "560px",
+    border: "1px solid #eaecf0",
+    borderRadius: "12px",
+    overflow: "hidden",
+    background: "#fff",
+    fontFamily: '"PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif',
+    color: "#101828"
+  },
+  sidebar: {
+    width: "200px",
+    flexShrink: "0",
+    borderRight: "1px solid #eaecf0",
+    background: "#f9fafb",
+    padding: "16px 12px"
+  },
+  sidebarTitle: {
+    fontSize: "14px",
+    fontWeight: "600",
+    color: "#344054",
+    padding: "4px 10px 12px"
+  },
+  nav: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "4px"
+  },
+  navItem: {
+    border: "none",
+    background: "transparent",
+    textAlign: "left",
+    padding: "10px 12px",
+    borderRadius: "8px",
+    fontSize: "14px",
+    color: "#475467",
+    cursor: "pointer"
+  },
+  navItemActive: {
+    background: "#e6f7f9",
+    color: "#049BAD",
+    fontWeight: "600"
+  },
+  content: {
+    flex: "1",
+    minWidth: "0",
+    display: "flex",
+    flexDirection: "column",
+    background: "#fff"
+  },
+  contentHeader: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: "12px",
+    padding: "12px 16px",
+    borderBottom: "1px solid #f2f4f7"
+  },
+  breadcrumb: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    fontSize: "13px"
+  },
+  breadcrumbParent: { color: "#98a2b3" },
+  breadcrumbSep: { color: "#d0d5dd" },
+  breadcrumbCurrent: { color: "#344054", fontWeight: "600" },
+  panel: {
+    flex: "1",
+    minHeight: "0",
+    overflow: "auto"
+  }
+};
+var SystemAdmin = defineComponent4({
+  name: "SystemAdmin",
+  props: {
+    menuApi: {
+      type: Object,
+      required: true
+    },
+    resourceApi: {
+      type: Object,
+      required: true
+    },
+    defaultActiveKey: {
+      type: String,
+      default: SYSTEM_ADMIN_DEFAULT_KEY
+    },
+    activeKey: {
+      type: String,
+      default: void 0
+    },
+    title: {
+      type: String,
+      default: SYSTEM_ADMIN_MENU.label
+    }
+  },
+  emits: {
+    "update:activeKey": (_key) => true,
+    activeKeyChange: (_key) => true
+  },
+  setup(props, { emit, slots }) {
+    const innerKey = ref3(props.defaultActiveKey);
+    watch3(
+      () => props.defaultActiveKey,
+      (value) => {
+        if (props.activeKey === void 0) innerKey.value = value;
+      }
+    );
+    const activeKey = computed4(
+      () => props.activeKey ?? innerKey.value
+    );
+    const activeLabel = computed4(
+      () => SYSTEM_ADMIN_MENU.children.find((item) => item.key === activeKey.value)?.label ?? ""
+    );
+    function setActiveKey(key) {
+      if (props.activeKey === void 0) innerKey.value = key;
+      emit("update:activeKey", key);
+      emit("activeKeyChange", key);
+    }
+    return () => h3("div", { style: s3.root }, [
+      h3("aside", { style: s3.sidebar }, [
+        h3("div", { style: s3.sidebarTitle }, props.title),
+        h3(
+          "nav",
+          { style: s3.nav },
+          SYSTEM_ADMIN_MENU.children.map((item) => {
+            const active = item.key === activeKey.value;
+            return h3(
+              "button",
+              {
+                key: item.key,
+                type: "button",
+                style: {
+                  ...s3.navItem,
+                  ...active ? s3.navItemActive : {}
+                },
+                onClick: () => setActiveKey(item.key)
+              },
+              item.label
+            );
+          })
+        )
+      ]),
+      h3("main", { style: s3.content }, [
+        h3("div", { style: s3.contentHeader }, [
+          h3("div", { style: s3.breadcrumb }, [
+            h3("span", { style: s3.breadcrumbParent }, props.title),
+            h3("span", { style: s3.breadcrumbSep }, "/"),
+            h3("span", { style: s3.breadcrumbCurrent }, activeLabel.value)
+          ]),
+          slots.toolbarExtra?.()
+        ]),
+        h3("div", { style: s3.panel }, [
+          activeKey.value === "menu" ? h3(MenuManager, { api: props.menuApi, title: "\u83DC\u5355\u7BA1\u7406" }) : h3(ResourceManager, {
+            api: props.resourceApi,
+            title: "\u6743\u9650\u70B9\u7BA1\u7406"
+          })
+        ])
+      ])
+    ]);
+  }
+});
 export {
   Can,
   MENU_LIST_TYPE_PARAM,
@@ -2193,6 +2375,9 @@ export {
   RESOURCE_TYPE_API,
   ROOT_PARENT_ID,
   ResourceManager,
+  SYSTEM_ADMIN_DEFAULT_KEY,
+  SYSTEM_ADMIN_MENU,
+  SystemAdmin,
   appendQueryParam,
   buildCreateBody,
   buildCreateMenuBody,