com-angel-authorization 1.0.6 → 1.0.8

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,
@@ -366,7 +369,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 = [
@@ -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 [];
 }
@@ -583,10 +586,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 ?? ""),
@@ -627,7 +631,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(),
@@ -637,7 +641,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(),
@@ -1435,7 +1439,7 @@ var import_vue4 = require("vue");
 var PAGE_SIZE_OPTIONS2 = ["10", "20", "50", "100"];
 function emptyForm2() {
   return {
-    parentId: ROOT_PARENT_ID,
+    parentId: null,
     type: MENU_TYPE_MENU,
     name: "",
     identification: "",
@@ -1756,7 +1760,7 @@ var MenuManager = (0, import_vue4.defineComponent)({
     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,
@@ -2001,13 +2005,14 @@ var MenuManager = (0, import_vue4.defineComponent)({
                       "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;
                         }
                       },
                       [
-                        (0, import_vue4.h)("option", { value: ROOT_PARENT_ID }, "\u6839\u76EE\u5F55"),
+                        (0, import_vue4.h)("option", { value: ROOT_PARENT_ID }, "\u65E0"),
                         ...parentOptions.value.map(
                           (opt) => (0, import_vue4.h)(
                             "option",
@@ -2218,6 +2223,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 +2423,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,