com-angel-authorization 1.0.31 → 1.0.33

package/dist/react/index.cjs

@@ -595,6 +595,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");
@@ -1352,18 +1353,12 @@ function MenuManager({
   const [deletingRow, setDeletingRow] = (0, import_react3.useState)(null);
   const [deleting, setDeleting] = (0, import_react3.useState)(false);
   const [permissionKeyword, setPermissionKeyword] = (0, import_react3.useState)("");
+  const [permissionLoading, setPermissionLoading] = (0, import_react3.useState)(false);
   const permissionNameMap = (0, import_react3.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     permissionPoints.forEach((p) => map.set(p.resourceId, p.name || p.identification));
     return map;
   }, [permissionPoints]);
-  const filteredPermissionPoints = (0, import_react3.useMemo)(() => {
-    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 = (0, import_react3.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     records.forEach((row) => map.set(row.resourceId, row));
@@ -1439,15 +1434,28 @@ function MenuManager({
     },
     [api, pageSize, pageToken]
   );
-  const loadPermissionPoints = (0, import_react3.useCallback)(async () => {
-    try {
-      const result = await api.listPermissionPoints({
-        pagination: { pageSize: "200", pageDirection: "current" }
-      });
-      setPermissionPoints(result.records);
-    } catch {
-    }
-  }, [api]);
+  const loadPermissionPoints = (0, import_react3.useCallback)(
+    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;
@@ -1473,8 +1481,18 @@ function MenuManager({
   };
   (0, import_react3.useEffect)(() => {
     void loadList("current", "");
-    void loadPermissionPoints();
   }, [api, pageSize]);
+  (0, import_react3.useEffect)(() => {
+    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("");
@@ -1488,7 +1506,6 @@ function MenuManager({
       setForm(emptyForm2());
     }
     setDialogOpen(true);
-    void loadPermissionPoints();
   };
   const openEdit = (row) => {
     const parentId = resolveRowParentId(row);
@@ -1505,7 +1522,6 @@ function MenuManager({
       sort: Number.isFinite(row.sort) ? row.sort : 0
     });
     setDialogOpen(true);
-    void loadPermissionPoints();
   };
   const closeDialog = () => {
     if (saving) return;
@@ -1776,24 +1792,22 @@ function MenuManager({
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("fieldset", { style: styles2.fieldset, children: [
               /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("legend", { style: styles2.label, children: "\u6743\u9650\u6807\u8BC6" }),
-              permissionPoints.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  "input",
-                  {
-                    style: { ...styles2.input, marginBottom: 8 },
-                    value: permissionKeyword,
-                    onChange: (e) => setPermissionKeyword(e.target.value),
-                    placeholder: "\u641C\u7D22\u6743\u9650\u540D\u79F0 / \u6807\u8BC6"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("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__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles2.multiSelect, children: permissionPoints.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles2.hint, children: "\u65E0\u5339\u914D\u6743\u9650\u70B9" }) : filteredPermissionPoints.map((p) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { style: styles2.checkItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "input",
+                {
+                  style: { ...styles2.input, marginBottom: 8 },
+                  value: permissionKeyword,
+                  onChange: (e) => setPermissionKeyword(e.target.value),
+                  placeholder: "\u641C\u7D22\u6743\u9650\u540D\u79F0 / \u6807\u8BC6"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("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__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles2.multiSelect, children: permissionLoading && permissionPoints.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles2.hint, children: "\u52A0\u8F7D\u4E2D\u2026" }) : permissionPoints.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsxs)("label", { style: styles2.checkItem, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "input",
                   {
@@ -3617,7 +3631,10 @@ function UserManager({
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("form", { style: styles4.form, onSubmit: (e) => void handleSubmit(e), children: [
             formError ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles4.error, children: formError }) : null,
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: styles4.field, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles4.label, children: "\u8D26\u53F7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: styles4.label, children: [
+                "\u8D26\u53F7 ",
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles4.required, children: "*" })
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "input",
                 {
@@ -3630,7 +3647,10 @@ function UserManager({
               )
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: styles4.field, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles4.label, children: "\u7528\u6237\u540D" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: styles4.label, children: [
+                "\u7528\u6237\u540D ",
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles4.required, children: "*" })
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "input",
                 {
@@ -3642,8 +3662,11 @@ function UserManager({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: styles4.field, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles4.label, children: editing ? "\u5BC6\u7801\uFF08\u7559\u7A7A\u5219\u4E0D\u4FEE\u6539\uFF09" : "\u521D\u59CB\u5BC6\u7801" }),
+            !editing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: styles4.field, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: styles4.label, children: [
+                "\u521D\u59CB\u5BC6\u7801 ",
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles4.required, children: "*" })
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "input",
                 {
@@ -3651,12 +3674,12 @@ function UserManager({
                   type: "password",
                   value: form.password,
                   onChange: (e) => setForm((prev) => ({ ...prev, password: e.target.value })),
-                  placeholder: editing ? "\u7559\u7A7A\u8868\u793A\u4E0D\u4FEE\u6539\u5BC6\u7801" : "\u8BF7\u8F93\u5165\u521D\u59CB\u5BC6\u7801",
-                  required: !editing,
+                  placeholder: "\u8BF7\u8F93\u5165\u521D\u59CB\u5BC6\u7801",
+                  required: true,
                   autoComplete: "new-password"
                 }
               )
-            ] }),
+            ] }) : null,
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("fieldset", { style: styles4.fieldset, children: [
               /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("legend", { style: styles4.label, children: [
                 "\u5F52\u5C5E\u90E8\u95E8 ",