com-angel-authorization 1.0.27 → 1.0.28

package/dist/react/index.js

@@ -1222,7 +1222,7 @@ import {
   useMemo as useMemo3,
   useState as useState3
 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var PAGE_SIZE_OPTIONS2 = ["10", "20", "50", "100"];
 var emptyForm2 = () => ({
   parentId: null,
@@ -1257,11 +1257,19 @@ function MenuManager({
   const [saving, setSaving] = useState3(false);
   const [deletingRow, setDeletingRow] = useState3(null);
   const [deleting, setDeleting] = useState3(false);
+  const [permissionKeyword, setPermissionKeyword] = useState3("");
   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));
@@ -1375,6 +1383,7 @@ function MenuManager({
   }, [api, pageSize]);
   const openCreate = (parent) => {
     setEditing(null);
+    setPermissionKeyword("");
     if (parent) {
       setForm({
         ...emptyForm2(),
@@ -1390,6 +1399,7 @@ function MenuManager({
   const openEdit = (row) => {
     const parentId = resolveRowParentId(row);
     setEditing(row);
+    setPermissionKeyword("");
     setForm({
       parentId,
       depth: row.depth > 0 ? row.depth : resolveMenuDepth(parentId, allKnownMenus),
@@ -1406,6 +1416,7 @@ function MenuManager({
   const closeDialog = () => {
     if (saving) return;
     setDialogOpen(false);
+    setPermissionKeyword("");
   };
   const handleSubmit = async (event) => {
     event.preventDefault();
@@ -1669,7 +1680,24 @@ function MenuManager({
             ] }),
             /* @__PURE__ */ jsxs2("fieldset", { style: styles2.fieldset, children: [
               /* @__PURE__ */ jsx3("legend", { style: styles2.label, children: "\u6743\u9650\u6807\u8BC6" }),
-              /* @__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" }) : permissionPoints.map((p) => /* @__PURE__ */ jsxs2("label", { style: styles2.checkItem, children: [
+              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",
                   {