com-angel-authorization 1.0.6 → 1.0.7

package/dist/vue/index.cjs

@@ -38,6 +38,9 @@ __export(vue_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,
@@ -547,7 +550,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 [];
 }
@@ -2218,6 +2221,186 @@ var MenuManager = (0, import_vue4.defineComponent)({
     ]);
   }
 });
+
+// src/vue/SystemAdmin.ts
+var import_vue5 = require("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 = (0, import_vue5.defineComponent)({
+  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 = (0, import_vue5.ref)(props.defaultActiveKey);
+    (0, import_vue5.watch)(
+      () => props.defaultActiveKey,
+      (value) => {
+        if (props.activeKey === void 0) innerKey.value = value;
+      }
+    );
+    const activeKey = (0, import_vue5.computed)(
+      () => props.activeKey ?? innerKey.value
+    );
+    const activeLabel = (0, import_vue5.computed)(
+      () => 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 () => (0, import_vue5.h)("div", { style: s3.root }, [
+      (0, import_vue5.h)("aside", { style: s3.sidebar }, [
+        (0, import_vue5.h)("div", { style: s3.sidebarTitle }, props.title),
+        (0, import_vue5.h)(
+          "nav",
+          { style: s3.nav },
+          SYSTEM_ADMIN_MENU.children.map((item) => {
+            const active = item.key === activeKey.value;
+            return (0, import_vue5.h)(
+              "button",
+              {
+                key: item.key,
+                type: "button",
+                style: {
+                  ...s3.navItem,
+                  ...active ? s3.navItemActive : {}
+                },
+                onClick: () => setActiveKey(item.key)
+              },
+              item.label
+            );
+          })
+        )
+      ]),
+      (0, import_vue5.h)("main", { style: s3.content }, [
+        (0, import_vue5.h)("div", { style: s3.contentHeader }, [
+          (0, import_vue5.h)("div", { style: s3.breadcrumb }, [
+            (0, import_vue5.h)("span", { style: s3.breadcrumbParent }, props.title),
+            (0, import_vue5.h)("span", { style: s3.breadcrumbSep }, "/"),
+            (0, import_vue5.h)("span", { style: s3.breadcrumbCurrent }, activeLabel.value)
+          ]),
+          slots.toolbarExtra?.()
+        ]),
+        (0, import_vue5.h)("div", { style: s3.panel }, [
+          activeKey.value === "menu" ? (0, import_vue5.h)(MenuManager, { api: props.menuApi, title: "\u83DC\u5355\u7BA1\u7406" }) : (0, import_vue5.h)(ResourceManager, {
+            api: props.resourceApi,
+            title: "\u6743\u9650\u70B9\u7BA1\u7406"
+          })
+        ])
+      ])
+    ]);
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Can,
@@ -2238,6 +2421,9 @@ var MenuManager = (0, import_vue4.defineComponent)({
   RESOURCE_TYPE_API,
   ROOT_PARENT_ID,
   ResourceManager,
+  SYSTEM_ADMIN_DEFAULT_KEY,
+  SYSTEM_ADMIN_MENU,
+  SystemAdmin,
   appendQueryParam,
   buildCreateBody,
   buildCreateMenuBody,