com-angel-authorization 1.0.6 → 1.0.7

package/dist/react/index.cjs

@@ -39,6 +39,9 @@ __export(react_exports, {
   RESOURCE_TYPE_API: () => RESOURCE_TYPE_API,
   ROOT_PARENT_ID: () => ROOT_PARENT_ID,
   ResourceManager: () => ResourceManager,
+  SYSTEM_ADMIN_DEFAULT_KEY: () => SYSTEM_ADMIN_DEFAULT_KEY,
+  SYSTEM_ADMIN_MENU: () => SYSTEM_ADMIN_MENU,
+  SystemAdmin: () => SystemAdmin,
   appendQueryParam: () => appendQueryParam,
   buildCreateBody: () => buildCreateBody,
   buildCreateMenuBody: () => buildCreateMenuBody,
@@ -1836,6 +1839,149 @@ var styles2 = {
     paddingTop: 4
   }
 };
+
+// src/react/SystemAdmin.tsx
+var import_react4 = require("react");
+
+// 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/react/SystemAdmin.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function SystemAdmin({
+  menuApi,
+  resourceApi,
+  defaultActiveKey = SYSTEM_ADMIN_DEFAULT_KEY,
+  activeKey: controlledKey,
+  onActiveKeyChange,
+  title = SYSTEM_ADMIN_MENU.label,
+  toolbarExtra
+}) {
+  const [innerKey, setInnerKey] = (0, import_react4.useState)(defaultActiveKey);
+  const activeKey = controlledKey ?? innerKey;
+  const setActiveKey = (key) => {
+    if (controlledKey === void 0) setInnerKey(key);
+    onActiveKeyChange?.(key);
+  };
+  const activeLabel = (0, import_react4.useMemo)(
+    () => SYSTEM_ADMIN_MENU.children.find((item) => item.key === activeKey)?.label ?? "",
+    [activeKey]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles3.root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("aside", { style: styles3.sidebar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: styles3.sidebarTitle, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { style: styles3.nav, children: SYSTEM_ADMIN_MENU.children.map((item) => {
+        const active = item.key === activeKey;
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            type: "button",
+            style: {
+              ...styles3.navItem,
+              ...active ? styles3.navItemActive : null
+            },
+            onClick: () => setActiveKey(item.key),
+            children: item.label
+          },
+          item.key
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("main", { style: styles3.content, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles3.contentHeader, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles3.breadcrumb, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: styles3.breadcrumbParent, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: styles3.breadcrumbSep, children: "/" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: styles3.breadcrumbCurrent, children: activeLabel })
+        ] }),
+        toolbarExtra
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: styles3.panel, children: activeKey === "menu" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MenuManager, { api: menuApi, title: "\u83DC\u5355\u7BA1\u7406" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ResourceManager, { api: resourceApi, title: "\u6743\u9650\u70B9\u7BA1\u7406" }) })
+    ] })
+  ] });
+}
+var styles3 = {
+  root: {
+    display: "flex",
+    minHeight: 560,
+    border: "1px solid #eaecf0",
+    borderRadius: 12,
+    overflow: "hidden",
+    background: "#fff",
+    fontFamily: '"PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif',
+    color: "#101828"
+  },
+  sidebar: {
+    width: 200,
+    flexShrink: 0,
+    borderRight: "1px solid #eaecf0",
+    background: "#f9fafb",
+    padding: "16px 12px"
+  },
+  sidebarTitle: {
+    fontSize: 14,
+    fontWeight: 600,
+    color: "#344054",
+    padding: "4px 10px 12px"
+  },
+  nav: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 4
+  },
+  navItem: {
+    border: "none",
+    background: "transparent",
+    textAlign: "left",
+    padding: "10px 12px",
+    borderRadius: 8,
+    fontSize: 14,
+    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: 12,
+    padding: "12px 16px",
+    borderBottom: "1px solid #f2f4f7"
+  },
+  breadcrumb: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    fontSize: 13
+  },
+  breadcrumbParent: { color: "#98a2b3" },
+  breadcrumbSep: { color: "#d0d5dd" },
+  breadcrumbCurrent: { color: "#344054", fontWeight: 600 },
+  panel: {
+    flex: 1,
+    minHeight: 0,
+    overflow: "auto"
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Can,
@@ -1856,6 +2002,9 @@ var styles2 = {
   RESOURCE_TYPE_API,
   ROOT_PARENT_ID,
   ResourceManager,
+  SYSTEM_ADMIN_DEFAULT_KEY,
+  SYSTEM_ADMIN_MENU,
+  SystemAdmin,
   appendQueryParam,
   buildCreateBody,
   buildCreateMenuBody,