com-angel-authorization 1.0.6 → 1.0.7

package/dist/vue/index.d.cts

@@ -402,6 +402,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 +505,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

@@ -402,6 +402,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 +505,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

@@ -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 [];
 }
@@ -2174,6 +2174,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 +2373,9 @@ export {
   RESOURCE_TYPE_API,
   ROOT_PARENT_ID,
   ResourceManager,
+  SYSTEM_ADMIN_DEFAULT_KEY,
+  SYSTEM_ADMIN_MENU,
+  SystemAdmin,
   appendQueryParam,
   buildCreateBody,
   buildCreateMenuBody,