diff --git a/packages/plugins/@nocobase/plugin-acl/src/client/RolesMenu.tsx b/packages/plugins/@nocobase/plugin-acl/src/client/RolesMenu.tsx index 46ed56c2f..096df14f7 100644 --- a/packages/plugins/@nocobase/plugin-acl/src/client/RolesMenu.tsx +++ b/packages/plugins/@nocobase/plugin-acl/src/client/RolesMenu.tsx @@ -18,20 +18,30 @@ export const RolesMenu: React.FC & { Item: React.FC<{ item: any; onEdit: () => void }>; } = () => { const { t } = useACLTranslation(); - const { data, run, loading } = useResourceActionContext(); + const { data, mutate, loading } = useResourceActionContext(); const [visible, setVisible] = useState(false); const [record, setRecord] = useState(null); const { role, setRole } = useContext(RolesManagerContext); const [roles, setRoles] = useState([]); + const api = useAPIClient(); - const loadMore = useCallback(() => { + const loadMore = useCallback(async () => { const meta = data?.meta; if (!meta || meta.page >= meta.totalPage) { return; } - run({ + + const res = await api.resource('roles').list({ page: meta.page + 1, + pageSize: meta.pageSize, + filter: { + 'name.$ne': 'root', + }, + showAnonymous: true, + sort: ['createdAt'], + appends: [], }); + mutate(res?.data || {}); }, [data]); const { lastItem, setLastItem } = useLoadMoreObserver({ loadMore }); @@ -54,7 +64,11 @@ export const RolesMenu: React.FC & { const ref = React.createRef(); setLastItem(ref); - setRoles((prev) => prev.concat(data.data)); + if (data.meta?.page > 1) { + setRoles((prev) => prev.concat(data.data)); + } else { + setRoles(data.data); + } }, [data, setLastItem]); const items = useMemo( diff --git a/packages/plugins/@nocobase/plugin-users/src/client/RoleUsersManager.tsx b/packages/plugins/@nocobase/plugin-users/src/client/RoleUsersManager.tsx index a9831c136..db0b56876 100644 --- a/packages/plugins/@nocobase/plugin-users/src/client/RoleUsersManager.tsx +++ b/packages/plugins/@nocobase/plugin-users/src/client/RoleUsersManager.tsx @@ -93,7 +93,9 @@ export const RoleUsersManager: React.FC = () => { const handleSelectRoleUsers = (_: number[], rows: any[]) => { selectedRoleUsers.current = rows; }; + const useAddRoleUsers = () => { + const { role } = useContext(RolesManagerContext); const api = useAPIClient(); const { setVisible } = useActionContext(); const { refresh } = useResourceActionContext();