com-angel-authorization 1.0.31 → 1.0.33

package/dist/vue/index.cjs

@@ -676,6 +676,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");
@@ -1857,6 +1858,7 @@ var MenuManager = (0, import_vue4.defineComponent)({
     const deletingRow = (0, import_vue4.ref)(null);
     const deleting = (0, import_vue4.ref)(false);
     const permissionKeyword = (0, import_vue4.ref)("");
+    const permissionLoading = (0, import_vue4.ref)(false);
     const permissionNameMap = (0, import_vue4.computed)(() => {
       const map = /* @__PURE__ */ new Map();
       permissionPoints.value.forEach(
@@ -1864,13 +1866,6 @@ var MenuManager = (0, import_vue4.defineComponent)({
       );
       return map;
     });
-    const filteredPermissionPoints = (0, import_vue4.computed)(() => {
-      const kw = permissionKeyword.value.trim().toLowerCase();
-      if (!kw) return permissionPoints.value;
-      return permissionPoints.value.filter(
-        (p) => p.name.toLowerCase().includes(kw) || p.identification.toLowerCase().includes(kw)
-      );
-    });
     const allKnownMenus = (0, import_vue4.computed)(() => {
       const map = /* @__PURE__ */ new Map();
       records.value.forEach((row) => map.set(row.resourceId, row));
@@ -1942,13 +1937,23 @@ var MenuManager = (0, import_vue4.defineComponent)({
         loading.value = false;
       }
     }
-    async function loadPermissionPoints() {
+    async function loadPermissionPoints(keyword = "", signal) {
+      permissionLoading.value = true;
       try {
-        const result = await props.api.listPermissionPoints({
-          pagination: { pageSize: "200", pageDirection: "current" }
-        });
-        permissionPoints.value = result.records;
+        const result = await props.api.listPermissionPoints(
+          {
+            keyword: keyword.trim() || void 0,
+            pagination: { pageSize: "200", pageDirection: "current" }
+          },
+          signal
+        );
+        if (!signal?.aborted) {
+          permissionPoints.value = result.records;
+        }
       } catch {
+        if (signal?.aborted) return;
+      } finally {
+        if (!signal?.aborted) permissionLoading.value = false;
       }
     }
     async function toggleExpand(row) {
@@ -1987,7 +1992,6 @@ var MenuManager = (0, import_vue4.defineComponent)({
         Object.assign(form, emptyForm2());
       }
       dialogOpen.value = true;
-      void loadPermissionPoints();
     }
     function openEdit(row) {
       const parentId = resolveRowParentId(row);
@@ -2004,7 +2008,6 @@ var MenuManager = (0, import_vue4.defineComponent)({
         sort: Number.isFinite(row.sort) ? row.sort : 0
       });
       dialogOpen.value = true;
-      void loadPermissionPoints();
     }
     function closeDialog() {
       if (!saving.value) {
@@ -2070,7 +2073,6 @@ var MenuManager = (0, import_vue4.defineComponent)({
     }
     (0, import_vue4.onMounted)(() => {
       void loadList("current", "");
-      void loadPermissionPoints();
     });
     (0, import_vue4.watch)(
       () => [props.api, pageSize.value],
@@ -2079,6 +2081,20 @@ var MenuManager = (0, import_vue4.defineComponent)({
         void loadList("current", "");
       }
     );
+    let permissionSearchTimer = null;
+    let permissionAbort = null;
+    (0, import_vue4.watch)(
+      () => [dialogOpen.value, permissionKeyword.value],
+      ([open, keyword]) => {
+        if (permissionSearchTimer) clearTimeout(permissionSearchTimer);
+        permissionAbort?.abort();
+        if (!open) return;
+        permissionSearchTimer = setTimeout(() => {
+          permissionAbort = new AbortController();
+          void loadPermissionPoints(keyword, permissionAbort.signal);
+        }, 300);
+      }
+    );
     return () => (0, import_vue4.h)("div", { style: s2.root }, [
       (0, import_vue4.h)("div", { style: s2.toolbar }, [
         (0, import_vue4.h)("h2", { style: s2.title }, props.title),
@@ -2360,31 +2376,29 @@ var MenuManager = (0, import_vue4.defineComponent)({
                   ]),
                   (0, import_vue4.h)("fieldset", { style: s2.fieldset }, [
                     (0, import_vue4.h)("legend", { style: s2.label }, "\u6743\u9650\u6807\u8BC6"),
-                    permissionPoints.value.length > 0 ? [
-                      (0, import_vue4.h)("input", {
-                        style: { ...s2.input, marginBottom: "8px" },
-                        value: permissionKeyword.value,
-                        placeholder: "\u641C\u7D22\u6743\u9650\u540D\u79F0 / \u6807\u8BC6",
-                        onInput: (e) => {
-                          permissionKeyword.value = e.target.value;
-                        }
-                      }),
-                      (0, import_vue4.h)(
-                        "div",
-                        { style: s2.hint },
-                        permissionKeyword.value.trim() ? `\u5DF2\u9009 ${form.permissionPointIds.length} \u9879 \xB7 \u5339\u914D ${filteredPermissionPoints.value.length} / ${permissionPoints.value.length}` : `\u5DF2\u9009 ${form.permissionPointIds.length} \u9879 \xB7 \u5171 ${permissionPoints.value.length} \u9879`
-                      )
-                    ] : null,
+                    (0, import_vue4.h)("input", {
+                      style: { ...s2.input, marginBottom: "8px" },
+                      value: permissionKeyword.value,
+                      placeholder: "\u641C\u7D22\u6743\u9650\u540D\u79F0 / \u6807\u8BC6",
+                      onInput: (e) => {
+                        permissionKeyword.value = e.target.value;
+                      }
+                    }),
+                    (0, import_vue4.h)(
+                      "div",
+                      { style: s2.hint },
+                      permissionLoading.value ? `\u5DF2\u9009 ${form.permissionPointIds.length} \u9879 \xB7 \u641C\u7D22\u4E2D\u2026` : permissionKeyword.value.trim() ? `\u5DF2\u9009 ${form.permissionPointIds.length} \u9879 \xB7 \u8FD4\u56DE ${permissionPoints.value.length} \u9879` : `\u5DF2\u9009 ${form.permissionPointIds.length} \u9879 \xB7 \u5171 ${permissionPoints.value.length} \u9879`
+                    ),
                     (0, import_vue4.h)(
                       "div",
                       { style: s2.multiSelect },
-                      permissionPoints.value.length === 0 ? [
+                      permissionLoading.value && permissionPoints.value.length === 0 ? [(0, import_vue4.h)("div", { style: s2.hint }, "\u52A0\u8F7D\u4E2D\u2026")] : permissionPoints.value.length === 0 ? [
                         (0, import_vue4.h)(
                           "div",
                           { style: s2.hint },
-                          "\u6682\u65E0\u6743\u9650\u70B9\uFF0C\u8BF7\u5148\u5728\u6743\u9650\u70B9\u7BA1\u7406\u4E2D\u65B0\u589E"
+                          permissionKeyword.value.trim() ? "\u65E0\u5339\u914D\u6743\u9650\u70B9" : "\u6682\u65E0\u6743\u9650\u70B9\uFF0C\u8BF7\u5148\u5728\u6743\u9650\u70B9\u7BA1\u7406\u4E2D\u65B0\u589E"
                         )
-                      ] : filteredPermissionPoints.value.length === 0 ? [(0, import_vue4.h)("div", { style: s2.hint }, "\u65E0\u5339\u914D\u6743\u9650\u70B9")] : filteredPermissionPoints.value.map(
+                      ] : permissionPoints.value.map(
                         (p) => (0, import_vue4.h)(
                           "label",
                           { key: p.resourceId, style: s2.checkItem },
@@ -4502,7 +4516,10 @@ var UserManager = (0, import_vue6.defineComponent)({
               [
                 formError.value ? (0, import_vue6.h)("div", { style: s4.error }, formError.value) : null,
                 (0, import_vue6.h)("label", { style: s4.field }, [
-                  (0, import_vue6.h)("span", { style: s4.label }, "\u8D26\u53F7"),
+                  (0, import_vue6.h)("span", { style: s4.label }, [
+                    "\u8D26\u53F7 ",
+                    (0, import_vue6.h)("span", { style: s4.required }, "*")
+                  ]),
                   (0, import_vue6.h)("input", {
                     style: s4.input,
                     value: form.username,
@@ -4514,7 +4531,10 @@ var UserManager = (0, import_vue6.defineComponent)({
                   })
                 ]),
                 (0, import_vue6.h)("label", { style: s4.field }, [
-                  (0, import_vue6.h)("span", { style: s4.label }, "\u7528\u6237\u540D"),
+                  (0, import_vue6.h)("span", { style: s4.label }, [
+                    "\u7528\u6237\u540D ",
+                    (0, import_vue6.h)("span", { style: s4.required }, "*")
+                  ]),
                   (0, import_vue6.h)("input", {
                     style: s4.input,
                     value: form.name,
@@ -4525,24 +4545,23 @@ var UserManager = (0, import_vue6.defineComponent)({
                     }
                   })
                 ]),
-                (0, import_vue6.h)("label", { style: s4.field }, [
-                  (0, import_vue6.h)(
-                    "span",
-                    { style: s4.label },
-                    editing.value ? "\u5BC6\u7801\uFF08\u7559\u7A7A\u5219\u4E0D\u4FEE\u6539\uFF09" : "\u521D\u59CB\u5BC6\u7801"
-                  ),
+                !editing.value ? (0, import_vue6.h)("label", { style: s4.field }, [
+                  (0, import_vue6.h)("span", { style: s4.label }, [
+                    "\u521D\u59CB\u5BC6\u7801 ",
+                    (0, import_vue6.h)("span", { style: s4.required }, "*")
+                  ]),
                   (0, import_vue6.h)("input", {
                     style: s4.input,
                     type: "password",
                     value: form.password,
-                    placeholder: editing.value ? "\u7559\u7A7A\u8868\u793A\u4E0D\u4FEE\u6539\u5BC6\u7801" : "\u8BF7\u8F93\u5165\u521D\u59CB\u5BC6\u7801",
-                    required: !editing.value,
+                    placeholder: "\u8BF7\u8F93\u5165\u521D\u59CB\u5BC6\u7801",
+                    required: true,
                     autocomplete: "new-password",
                     onInput: (e) => {
                       form.password = e.target.value;
                     }
                   })
-                ]),
+                ]) : null,
                 (0, import_vue6.h)("fieldset", { style: s4.fieldset }, [
                   (0, import_vue6.h)("legend", { style: s4.label }, [
                     "\u5F52\u5C5E\u90E8\u95E8 ",