com-angel-authorization 1.0.32 → 1.0.34

package/dist/react/index.d.cts

@@ -171,6 +171,8 @@ type UpdateAuthorizationResourceBody = Partial<AuthorizationResourceFormValues>
     type?: ApiResourceType;
 };
 type FetchAuthorizationResourcesParams = {
+    /** 按名称 / 标识搜索 */
+    keyword?: string;
     pagination?: ListPaginationParams;
 };
 type AuthorizationResourceListResult = {

package/dist/react/index.d.ts

@@ -171,6 +171,8 @@ type UpdateAuthorizationResourceBody = Partial<AuthorizationResourceFormValues>
     type?: ApiResourceType;
 };
 type FetchAuthorizationResourcesParams = {
+    /** 按名称 / 标识搜索 */
+    keyword?: string;
     pagination?: ListPaginationParams;
 };
 type AuthorizationResourceListResult = {

package/dist/react/index.js

@@ -517,6 +517,7 @@ function buildListUrl(type, params) {
   if (params?.depth !== void 0 && params?.depth !== null && String(params.depth) !== "") {
     appendQueryParam(parts, "depth", String(params.depth));
   }
+  appendQueryParam(parts, "keyword", params?.keyword ?? "");
   appendQueryParam(parts, "page-token", params?.pagination?.pageToken ?? "");
   appendQueryParam(parts, "page-size", params?.pagination?.pageSize ?? "20");
   appendQueryParam(parts, "page-direction", params?.pagination?.pageDirection ?? "current");
@@ -1243,7 +1244,7 @@ import {
   useMemo as useMemo3,
   useState as useState3
 } from "react";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var PAGE_SIZE_OPTIONS2 = ["10", "20", "50", "100"];
 var emptyForm2 = () => ({
   parentId: null,
@@ -1279,18 +1280,12 @@ function MenuManager({
   const [deletingRow, setDeletingRow] = useState3(null);
   const [deleting, setDeleting] = useState3(false);
   const [permissionKeyword, setPermissionKeyword] = useState3("");
+  const [permissionLoading, setPermissionLoading] = useState3(false);
   const permissionNameMap = useMemo3(() => {
     const map = /* @__PURE__ */ new Map();
     permissionPoints.forEach((p) => map.set(p.resourceId, p.name || p.identification));
     return map;
   }, [permissionPoints]);
-  const filteredPermissionPoints = useMemo3(() => {
-    const kw = permissionKeyword.trim().toLowerCase();
-    if (!kw) return permissionPoints;
-    return permissionPoints.filter(
-      (p) => p.name.toLowerCase().includes(kw) || p.identification.toLowerCase().includes(kw)
-    );
-  }, [permissionPoints, permissionKeyword]);
   const allKnownMenus = useMemo3(() => {
     const map = /* @__PURE__ */ new Map();
     records.forEach((row) => map.set(row.resourceId, row));
@@ -1366,15 +1361,28 @@ function MenuManager({
     },
     [api, pageSize, pageToken]
   );
-  const loadPermissionPoints = useCallback3(async () => {
-    try {
-      const result = await api.listPermissionPoints({
-        pagination: { pageSize: "200", pageDirection: "current" }
-      });
-      setPermissionPoints(result.records);
-    } catch {
-    }
-  }, [api]);
+  const loadPermissionPoints = useCallback3(
+    async (keyword = "", signal) => {
+      setPermissionLoading(true);
+      try {
+        const result = await api.listPermissionPoints(
+          {
+            keyword: keyword.trim() || void 0,
+            pagination: { pageSize: "200", pageDirection: "current" }
+          },
+          signal
+        );
+        if (!signal?.aborted) {
+          setPermissionPoints(result.records);
+        }
+      } catch (err) {
+        if (signal?.aborted) return;
+      } finally {
+        if (!signal?.aborted) setPermissionLoading(false);
+      }
+    },
+    [api]
+  );
   const toggleExpand = async (row) => {
     if (isMenuLeaf(row)) return;
     const id = row.resourceId;
@@ -1400,8 +1408,18 @@ function MenuManager({
   };
   useEffect3(() => {
     void loadList("current", "");
-    void loadPermissionPoints();
   }, [api, pageSize]);
+  useEffect3(() => {
+    if (!dialogOpen) return;
+    const controller = new AbortController();
+    const timer = window.setTimeout(() => {
+      void loadPermissionPoints(permissionKeyword, controller.signal);
+    }, 300);
+    return () => {
+      controller.abort();
+      window.clearTimeout(timer);
+    };
+  }, [dialogOpen, permissionKeyword, loadPermissionPoints]);
   const openCreate = (parent) => {
     setEditing(null);
     setPermissionKeyword("");
@@ -1415,7 +1433,6 @@ function MenuManager({
       setForm(emptyForm2());
     }
     setDialogOpen(true);
-    void loadPermissionPoints();
   };
   const openEdit = (row) => {
     const parentId = resolveRowParentId(row);
@@ -1432,7 +1449,6 @@ function MenuManager({
       sort: Number.isFinite(row.sort) ? row.sort : 0
     });
     setDialogOpen(true);
-    void loadPermissionPoints();
   };
   const closeDialog = () => {
     if (saving) return;
@@ -1703,24 +1719,22 @@ function MenuManager({
             ] }),
             /* @__PURE__ */ jsxs2("fieldset", { style: styles2.fieldset, children: [
               /* @__PURE__ */ jsx3("legend", { style: styles2.label, children: "\u6743\u9650\u6807\u8BC6" }),
-              permissionPoints.length > 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                /* @__PURE__ */ jsx3(
-                  "input",
-                  {
-                    style: { ...styles2.input, marginBottom: 8 },
-                    value: permissionKeyword,
-                    onChange: (e) => setPermissionKeyword(e.target.value),
-                    placeholder: "\u641C\u7D22\u6743\u9650\u540D\u79F0 / \u6807\u8BC6"
-                  }
-                ),
-                /* @__PURE__ */ jsxs2("div", { style: styles2.hint, children: [
-                  "\u5DF2\u9009 ",
-                  form.permissionPointIds.length,
-                  " \u9879",
-                  permissionKeyword.trim() ? ` \xB7 \u5339\u914D ${filteredPermissionPoints.length} / ${permissionPoints.length}` : ` \xB7 \u5171 ${permissionPoints.length} \u9879`
-                ] })
-              ] }) : null,
-              /* @__PURE__ */ jsx3("div", { style: styles2.multiSelect, children: permissionPoints.length === 0 ? /* @__PURE__ */ jsx3("div", { style: styles2.hint, children: "\u6682\u65E0\u6743\u9650\u70B9\uFF0C\u8BF7\u5148\u5728\u6743\u9650\u70B9\u7BA1\u7406\u4E2D\u65B0\u589E" }) : filteredPermissionPoints.length === 0 ? /* @__PURE__ */ jsx3("div", { style: styles2.hint, children: "\u65E0\u5339\u914D\u6743\u9650\u70B9" }) : filteredPermissionPoints.map((p) => /* @__PURE__ */ jsxs2("label", { style: styles2.checkItem, children: [
+              /* @__PURE__ */ jsx3(
+                "input",
+                {
+                  style: { ...styles2.input, marginBottom: 8 },
+                  value: permissionKeyword,
+                  onChange: (e) => setPermissionKeyword(e.target.value),
+                  placeholder: "\u641C\u7D22\u6743\u9650\u540D\u79F0 / \u6807\u8BC6"
+                }
+              ),
+              /* @__PURE__ */ jsxs2("div", { style: styles2.hint, children: [
+                "\u5DF2\u9009 ",
+                form.permissionPointIds.length,
+                " \u9879",
+                permissionLoading ? " \xB7 \u641C\u7D22\u4E2D\u2026" : permissionKeyword.trim() ? ` \xB7 \u8FD4\u56DE ${permissionPoints.length} \u9879` : ` \xB7 \u5171 ${permissionPoints.length} \u9879`
+              ] }),
+              /* @__PURE__ */ jsx3("div", { style: styles2.multiSelect, children: permissionLoading && permissionPoints.length === 0 ? /* @__PURE__ */ jsx3("div", { style: styles2.hint, children: "\u52A0\u8F7D\u4E2D\u2026" }) : permissionPoints.length === 0 ? /* @__PURE__ */ jsx3("div", { style: styles2.hint, children: permissionKeyword.trim() ? "\u65E0\u5339\u914D\u6743\u9650\u70B9" : "\u6682\u65E0\u6743\u9650\u70B9\uFF0C\u8BF7\u5148\u5728\u6743\u9650\u70B9\u7BA1\u7406\u4E2D\u65B0\u589E" }) : permissionPoints.map((p) => /* @__PURE__ */ jsxs2("label", { style: styles2.checkItem, children: [
                 /* @__PURE__ */ jsx3(
                   "input",
                   {
@@ -3560,11 +3574,15 @@ function UserManager({
               /* @__PURE__ */ jsx5(
                 "input",
                 {
-                  style: styles4.input,
+                  style: {
+                    ...styles4.input,
+                    ...editing ? { background: "#f9fafb", color: "#667085", cursor: "not-allowed" } : null
+                  },
                   value: form.username,
                   onChange: (e) => setForm((prev) => ({ ...prev, username: e.target.value })),
                   placeholder: "\u8D26\u53F7\u9700\u5305\u542B\u82F1\u6587\u5B57\u6BCD\uFF0C\u53EF\u642D\u914D\u6570\u5B57\uFF0C\u4E0D\u652F\u6301\u4E2D\u6587\u6216\u7279\u6B8A\u7B26\u53F7\u3002",
-                  required: true
+                  required: true,
+                  readOnly: Boolean(editing)
                 }
               )
             ] }),