com-angel-authorization 1.0.27 → 1.0.28

package/dist/react/index.cjs

@@ -1330,11 +1330,19 @@ function MenuManager({
   const [saving, setSaving] = (0, import_react3.useState)(false);
   const [deletingRow, setDeletingRow] = (0, import_react3.useState)(null);
   const [deleting, setDeleting] = (0, import_react3.useState)(false);
+  const [permissionKeyword, setPermissionKeyword] = (0, import_react3.useState)("");
   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));
@@ -1448,6 +1456,7 @@ function MenuManager({
   }, [api, pageSize]);
   const openCreate = (parent) => {
     setEditing(null);
+    setPermissionKeyword("");
     if (parent) {
       setForm({
         ...emptyForm2(),
@@ -1463,6 +1472,7 @@ function MenuManager({
   const openEdit = (row) => {
     const parentId = resolveRowParentId(row);
     setEditing(row);
+    setPermissionKeyword("");
     setForm({
       parentId,
       depth: row.depth > 0 ? row.depth : resolveMenuDepth(parentId, allKnownMenus),
@@ -1479,6 +1489,7 @@ function MenuManager({
   const closeDialog = () => {
     if (saving) return;
     setDialogOpen(false);
+    setPermissionKeyword("");
   };
   const handleSubmit = async (event) => {
     event.preventDefault();
@@ -1742,7 +1753,24 @@ 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" }),
-              /* @__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" }) : permissionPoints.map((p) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { style: styles2.checkItem, children: [
+              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",
                   {