@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/MemberPicker/dialog/useUserGroupCandidates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserGroupCandidates.js","names":["useDialogLocale","useCallback","useEffect","useMemo","useRef","useState","ConfigProvider","IUserGroup","MemberGroupPageRequest","MemberGroupPage","hasMoreGroupPages","mergeGroupPages","ROOT_GROUP_CACHE_KEY","IGroupLevelCache","IGroupSearchState","GROUP_PAGE_SIZE","SEARCH_DEBOUNCE_MS","ROOT_BREADCRUMB_INDEX","createEmptyLevel","parentGroupId","items","pageNumber","hasMore","scrollTop","loadingMore","loadMoreError","createEmptySearchState","keyword","loading","error","getLevelKey","IUserGroupCandidatesResult","breadcrumbPath","pathWarningCode","truncated","setKeyword","enterGroup","group","returnToBreadcrumb","index","loadMore","retry","retryLoadMore","updateScrollTop","useUserGroupCandidates","t","getMemberPickerGroupPage","getNextLevelGroup","getNextLevelGroupWithMeta","useGetUserList","queryUserGroupsPage","request","Promise","params","result","data","pager","Error","MemberPickerDialog","missingGroupSource","setBreadcrumbPath","breadcrumbPathRef","levelsByParent","setLevelsByParent","Map","levelsByParentRef","activeParentGroupIdRef","undefined","treeLoading","setTreeLoading","treeError","setTreeError","setKeywordState","keywordRef","searchState","setSearchState","searchStateRef","requestVersionRef","mountedRef","searchEffectInitializedRef","updateLevels","updater","levels","currentLevels","nextLevels","current","cancelTreePagination","Array","from","key","level","updateSearchState","state","currentState","nextState","isCurrentRequest","version","loadTreeFirstPage","pageSize","then","page","previousLevel","get","set","catch","normalizedKeyword","trim","activeKey","has","timer","window","setTimeout","clearTimeout","updateCurrentLevel","nextBreadcrumbPath","groupId","nextKey","currentPath","nextPath","slice","length","targetKey","loadTreeMore","nextPageNumber","currentLevel","loadSearchMore","currentSearch","nextKeyword","isSearching"],"sources":["../../../src/MemberPicker/dialog/useUserGroupCandidates.ts"],"sourcesContent":["import useDialogLocale from './useDialogLocale';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport ConfigProvider from '../../ConfigProvider';\nimport type {\n  IUserGroup,\n  MemberGroupPageRequest,\n  MemberGroupPage,\n} from '../../ConfigProvider/getUserList';\nimport { hasMoreGroupPages, mergeGroupPages } from './helper';\nimport {\n  ROOT_GROUP_CACHE_KEY,\n  type IGroupLevelCache,\n  type IGroupSearchState,\n} from './types';\n\nconst GROUP_PAGE_SIZE = 100;\nconst SEARCH_DEBOUNCE_MS = 300;\nconst ROOT_BREADCRUMB_INDEX = -1;\n\nconst createEmptyLevel = (parentGroupId?: string): IGroupLevelCache => ({\n  parentGroupId,\n  items: [],\n  pageNumber: 0,\n  hasMore: false,\n  scrollTop: 0,\n  loadingMore: false,\n  loadMoreError: false,\n});\n\nconst createEmptySearchState = (keyword = ''): IGroupSearchState => ({\n  keyword,\n  items: [],\n  pageNumber: 0,\n  hasMore: false,\n  loading: false,\n  loadingMore: false,\n  error: false,\n  loadMoreError: false,\n});\n\nconst getLevelKey = (parentGroupId?: string): string =>\n  parentGroupId ?? ROOT_GROUP_CACHE_KEY;\n\nexport interface IUserGroupCandidatesResult {\n  breadcrumbPath: IUserGroup[];\n  items: IUserGroup[];\n  keyword: string;\n  pathWarningCode?: string | null;\n  truncated?: boolean;\n  loading: boolean;\n  loadingMore: boolean;\n  error: boolean;\n  loadMoreError: boolean;\n  hasMore: boolean;\n  /** 当前层已保存的滚动位置，供候选面板在层级切换后恢复。 */\n  scrollTop: number;\n  setKeyword: (keyword: string) => void;\n  enterGroup: (group: IUserGroup, scrollTop: number) => void;\n  returnToBreadcrumb: (index: number, scrollTop: number) => void;\n  loadMore: () => void;\n  retry: () => void;\n  retryLoadMore: () => void;\n  updateScrollTop: (scrollTop: number) => void;\n}\n\n/**\n * 管理受限用户组树与跨层搜索。\n *\n * 树层级缓存和搜索结果分别持有；所有异步响应都受版本号保护，关闭弹窗、\n * 换词、清空或切换层级后，旧响应只能结束自身，不能覆盖当前界面。\n */\nexport function useUserGroupCandidates(): IUserGroupCandidatesResult {\n  const t = useDialogLocale();\n  const {\n    getMemberPickerGroupPage,\n    getNextLevelGroup,\n    getNextLevelGroupWithMeta,\n  } = ConfigProvider.useGetUserList();\n  const queryUserGroupsPage = useCallback(\n    async (request: MemberGroupPageRequest): Promise<MemberGroupPage> => {\n      if (getMemberPickerGroupPage) return getMemberPickerGroupPage(request);\n      const params = {\n        parentGroupId: request.parentGroupId,\n        keyword: request.keyword ?? '',\n      };\n      if (getNextLevelGroupWithMeta) {\n        const result = await getNextLevelGroupWithMeta(params);\n        // 旧接口没有页码能力：保留截断提示，不反复获取同一页。\n        return {\n          data: result.items,\n          pageNumber: request.pager.pageNumber,\n          hasMore: false,\n          pathWarningCode: result.pathWarningCode,\n          truncated: result.hasMore,\n        };\n      }\n      if (getNextLevelGroup)\n        return {\n          data: await getNextLevelGroup(params),\n          pageNumber: request.pager.pageNumber,\n          hasMore: false,\n        };\n      throw new Error(t.MemberPickerDialog.missingGroupSource);\n    },\n    [\n      getMemberPickerGroupPage,\n      getNextLevelGroup,\n      getNextLevelGroupWithMeta,\n      t.MemberPickerDialog.missingGroupSource,\n    ],\n  );\n  const [breadcrumbPath, setBreadcrumbPath] = useState<IUserGroup[]>([]);\n  const breadcrumbPathRef = useRef<IUserGroup[]>([]);\n  const [levelsByParent, setLevelsByParent] = useState<\n    Map<string, IGroupLevelCache>\n  >(new Map());\n  const levelsByParentRef = useRef(levelsByParent);\n  const activeParentGroupIdRef = useRef<string | undefined>(undefined);\n  const [treeLoading, setTreeLoading] = useState(true);\n  const [treeError, setTreeError] = useState(false);\n  const [keyword, setKeywordState] = useState('');\n  const keywordRef = useRef('');\n  const [searchState, setSearchState] = useState<IGroupSearchState>(() =>\n    createEmptySearchState(),\n  );\n  const searchStateRef = useRef(searchState);\n  const requestVersionRef = useRef(0);\n  const mountedRef = useRef(true);\n  const searchEffectInitializedRef = useRef(false);\n\n  const updateLevels = useCallback(\n    (\n      updater: (\n        levels: Map<string, IGroupLevelCache>,\n      ) => Map<string, IGroupLevelCache>,\n    ) => {\n      setLevelsByParent((currentLevels) => {\n        const nextLevels = updater(currentLevels);\n        levelsByParentRef.current = nextLevels;\n        return nextLevels;\n      });\n    },\n    [],\n  );\n\n  // 切层或转搜索会废弃当前请求，同时释放缓存层的分页锁，返回该层仍可继续加载。\n  const cancelTreePagination = useCallback(() => {\n    updateLevels(\n      (levels) =>\n        new Map(\n          Array.from(levels, ([key, level]) => [\n            key,\n            level.loadingMore ? { ...level, loadingMore: false } : level,\n          ]),\n        ),\n    );\n  }, [updateLevels]);\n\n  const updateSearchState = useCallback(\n    (updater: (state: IGroupSearchState) => IGroupSearchState) => {\n      setSearchState((currentState) => {\n        const nextState = updater(currentState);\n        searchStateRef.current = nextState;\n        return nextState;\n      });\n    },\n    [],\n  );\n\n  const isCurrentRequest = useCallback(\n    (version: number): boolean =>\n      mountedRef.current && requestVersionRef.current === version,\n    [],\n  );\n\n  const loadTreeFirstPage = useCallback(\n    (parentGroupId?: string) => {\n      const version = requestVersionRef.current + 1;\n      requestVersionRef.current = version;\n      setTreeLoading(true);\n      setTreeError(false);\n      queryUserGroupsPage({\n        parentGroupId,\n        keyword: undefined,\n        pager: { pageNumber: 1, pageSize: GROUP_PAGE_SIZE },\n      })\n        .then((page) => {\n          if (!isCurrentRequest(version)) {\n            return;\n          }\n          updateLevels((currentLevels) => {\n            const key = getLevelKey(parentGroupId);\n            const previousLevel = currentLevels.get(key);\n            return new Map(currentLevels).set(key, {\n              parentGroupId,\n              items: [...page.data],\n              pageNumber: page.pageNumber,\n              hasMore: hasMoreGroupPages(page),\n              pathWarningCode: page.pathWarningCode,\n              truncated: page.truncated,\n              scrollTop: previousLevel?.scrollTop ?? 0,\n              loadingMore: false,\n              loadMoreError: false,\n            });\n          });\n          setTreeLoading(false);\n        })\n        .catch(() => {\n          if (!isCurrentRequest(version)) {\n            return;\n          }\n          setTreeLoading(false);\n          setTreeError(true);\n        });\n    },\n    [isCurrentRequest, queryUserGroupsPage, updateLevels],\n  );\n\n  useEffect(() => {\n    mountedRef.current = true;\n    loadTreeFirstPage();\n    return () => {\n      mountedRef.current = false;\n      requestVersionRef.current += 1;\n    };\n  }, [loadTreeFirstPage]);\n\n  useEffect(() => {\n    if (!searchEffectInitializedRef.current) {\n      searchEffectInitializedRef.current = true;\n      return undefined;\n    }\n\n    const normalizedKeyword = keyword.trim();\n    cancelTreePagination();\n    const version = requestVersionRef.current + 1;\n    requestVersionRef.current = version;\n    if (!normalizedKeyword) {\n      updateSearchState(() => createEmptySearchState(keyword));\n      const activeKey = getLevelKey(activeParentGroupIdRef.current);\n      if (!levelsByParentRef.current.has(activeKey)) {\n        loadTreeFirstPage(activeParentGroupIdRef.current);\n      } else {\n        setTreeLoading(false);\n        setTreeError(false);\n      }\n      return undefined;\n    }\n\n    updateSearchState(() => ({\n      ...createEmptySearchState(normalizedKeyword),\n      loading: true,\n    }));\n    const timer = window.setTimeout(() => {\n      queryUserGroupsPage({\n        parentGroupId: undefined,\n        keyword: normalizedKeyword,\n        pager: { pageNumber: 1, pageSize: GROUP_PAGE_SIZE },\n      })\n        .then((page) => {\n          if (!isCurrentRequest(version)) {\n            return;\n          }\n          updateSearchState((currentState) => ({\n            ...currentState,\n            keyword: normalizedKeyword,\n            items: [...page.data],\n            pageNumber: page.pageNumber,\n            hasMore: hasMoreGroupPages(page),\n            pathWarningCode: page.pathWarningCode,\n            truncated: page.truncated,\n            loading: false,\n            error: false,\n          }));\n        })\n        .catch(() => {\n          if (!isCurrentRequest(version)) {\n            return;\n          }\n          updateSearchState((currentState) => ({\n            ...currentState,\n            loading: false,\n            error: true,\n          }));\n        });\n    }, SEARCH_DEBOUNCE_MS);\n\n    return () => window.clearTimeout(timer);\n  }, [\n    cancelTreePagination,\n    isCurrentRequest,\n    keyword,\n    loadTreeFirstPage,\n    queryUserGroupsPage,\n    updateSearchState,\n  ]);\n\n  const updateCurrentLevel = useCallback(\n    (updater: (level: IGroupLevelCache) => IGroupLevelCache) => {\n      const parentGroupId = activeParentGroupIdRef.current;\n      const key = getLevelKey(parentGroupId);\n      updateLevels((currentLevels) => {\n        const level = currentLevels.get(key) ?? createEmptyLevel(parentGroupId);\n        return new Map(currentLevels).set(key, updater(level));\n      });\n    },\n    [updateLevels],\n  );\n\n  const updateScrollTop = useCallback(\n    (scrollTop: number) => {\n      updateCurrentLevel((level) => ({ ...level, scrollTop }));\n    },\n    [updateCurrentLevel],\n  );\n\n  const enterGroup = useCallback(\n    (group: IUserGroup, scrollTop: number) => {\n      updateScrollTop(scrollTop);\n      cancelTreePagination();\n      const nextBreadcrumbPath = [...breadcrumbPathRef.current, group];\n      breadcrumbPathRef.current = nextBreadcrumbPath;\n      setBreadcrumbPath(nextBreadcrumbPath);\n      activeParentGroupIdRef.current = group.groupId;\n      const nextKey = getLevelKey(group.groupId);\n      requestVersionRef.current += 1;\n      if (levelsByParentRef.current.has(nextKey)) {\n        setTreeLoading(false);\n        setTreeError(false);\n        return;\n      }\n      loadTreeFirstPage(group.groupId);\n    },\n    [cancelTreePagination, loadTreeFirstPage, updateScrollTop],\n  );\n\n  const returnToBreadcrumb = useCallback(\n    (index: number, scrollTop: number) => {\n      updateScrollTop(scrollTop);\n      cancelTreePagination();\n      const currentPath = breadcrumbPathRef.current;\n      const nextPath =\n        index === ROOT_BREADCRUMB_INDEX ? [] : currentPath.slice(0, index + 1);\n      const parentGroupId = nextPath[nextPath.length - 1]?.groupId;\n      breadcrumbPathRef.current = nextPath;\n      setBreadcrumbPath(nextPath);\n      activeParentGroupIdRef.current = parentGroupId;\n      requestVersionRef.current += 1;\n      const targetKey = getLevelKey(parentGroupId);\n      if (levelsByParentRef.current.has(targetKey)) {\n        setTreeLoading(false);\n        setTreeError(false);\n        return;\n      }\n      loadTreeFirstPage(parentGroupId);\n    },\n    [cancelTreePagination, loadTreeFirstPage, updateScrollTop],\n  );\n\n  const loadTreeMore = useCallback(() => {\n    const parentGroupId = activeParentGroupIdRef.current;\n    const key = getLevelKey(parentGroupId);\n    const level = levelsByParentRef.current.get(key);\n    if (!level || !level.hasMore || level.loadingMore) {\n      return;\n    }\n    const nextPageNumber = level.pageNumber + 1;\n    const version = requestVersionRef.current + 1;\n    requestVersionRef.current = version;\n    updateCurrentLevel((currentLevel) => ({\n      ...currentLevel,\n      loadingMore: true,\n      loadMoreError: false,\n    }));\n    queryUserGroupsPage({\n      parentGroupId,\n      keyword: undefined,\n      pager: { pageNumber: nextPageNumber, pageSize: GROUP_PAGE_SIZE },\n    })\n      .then((page) => {\n        if (!isCurrentRequest(version)) {\n          return;\n        }\n        updateCurrentLevel((currentLevel) => ({\n          ...currentLevel,\n          items: mergeGroupPages(currentLevel.items, page.data),\n          pageNumber: page.pageNumber,\n          hasMore: hasMoreGroupPages(page),\n          pathWarningCode: currentLevel.pathWarningCode || page.pathWarningCode,\n          truncated: currentLevel.truncated || page.truncated,\n          loadingMore: false,\n          loadMoreError: false,\n        }));\n      })\n      .catch(() => {\n        if (!isCurrentRequest(version)) {\n          return;\n        }\n        updateCurrentLevel((currentLevel) => ({\n          ...currentLevel,\n          loadingMore: false,\n          loadMoreError: true,\n        }));\n      });\n  }, [isCurrentRequest, queryUserGroupsPage, updateCurrentLevel]);\n\n  const loadSearchMore = useCallback(() => {\n    const currentSearch = searchStateRef.current;\n    const normalizedKeyword = keywordRef.current.trim();\n    if (\n      !normalizedKeyword ||\n      currentSearch.loading ||\n      !currentSearch.hasMore ||\n      currentSearch.loadingMore\n    ) {\n      return;\n    }\n    const nextPageNumber = currentSearch.pageNumber + 1;\n    const version = requestVersionRef.current + 1;\n    requestVersionRef.current = version;\n    updateSearchState((state) => ({\n      ...state,\n      loadingMore: true,\n      loadMoreError: false,\n    }));\n    queryUserGroupsPage({\n      parentGroupId: undefined,\n      keyword: normalizedKeyword,\n      pager: { pageNumber: nextPageNumber, pageSize: GROUP_PAGE_SIZE },\n    })\n      .then((page) => {\n        if (!isCurrentRequest(version)) {\n          return;\n        }\n        updateSearchState((state) => ({\n          ...state,\n          items: mergeGroupPages(state.items, page.data),\n          pageNumber: page.pageNumber,\n          hasMore: hasMoreGroupPages(page),\n          pathWarningCode: state.pathWarningCode || page.pathWarningCode,\n          truncated: state.truncated || page.truncated,\n          loadingMore: false,\n          loadMoreError: false,\n        }));\n      })\n      .catch(() => {\n        if (!isCurrentRequest(version)) {\n          return;\n        }\n        updateSearchState((state) => ({\n          ...state,\n          loadingMore: false,\n          loadMoreError: true,\n        }));\n      });\n  }, [isCurrentRequest, queryUserGroupsPage, updateSearchState]);\n\n  const setKeyword = useCallback((nextKeyword: string) => {\n    keywordRef.current = nextKeyword;\n    setKeywordState(nextKeyword);\n  }, []);\n\n  const isSearching = keyword.trim().length > 0;\n  const loadMore = useCallback(() => {\n    if (keywordRef.current.trim()) {\n      loadSearchMore();\n      return;\n    }\n    loadTreeMore();\n  }, [loadSearchMore, loadTreeMore]);\n\n  const retry = useCallback(() => {\n    const normalizedKeyword = keywordRef.current.trim();\n    if (normalizedKeyword) {\n      const version = requestVersionRef.current + 1;\n      requestVersionRef.current = version;\n      updateSearchState((state) => ({\n        ...state,\n        loading: true,\n        loadingMore: false,\n        loadMoreError: false,\n        hasMore: false,\n        error: false,\n      }));\n      queryUserGroupsPage({\n        parentGroupId: undefined,\n        keyword: normalizedKeyword,\n        pager: { pageNumber: 1, pageSize: GROUP_PAGE_SIZE },\n      })\n        .then((page) => {\n          if (!isCurrentRequest(version)) {\n            return;\n          }\n          updateSearchState((state) => ({\n            ...state,\n            items: [...page.data],\n            pageNumber: page.pageNumber,\n            hasMore: hasMoreGroupPages(page),\n            pathWarningCode: page.pathWarningCode,\n            truncated: page.truncated,\n            loading: false,\n            error: false,\n          }));\n        })\n        .catch(() => {\n          if (!isCurrentRequest(version)) {\n            return;\n          }\n          updateSearchState((state) => ({\n            ...state,\n            loading: false,\n            error: true,\n          }));\n        });\n      return;\n    }\n    loadTreeFirstPage(activeParentGroupIdRef.current);\n  }, [\n    isCurrentRequest,\n    loadTreeFirstPage,\n    queryUserGroupsPage,\n    updateSearchState,\n  ]);\n\n  const currentLevel = useMemo(\n    () => levelsByParent.get(getLevelKey(activeParentGroupIdRef.current)),\n    [levelsByParent],\n  );\n\n  return {\n    breadcrumbPath,\n    pathWarningCode: isSearching\n      ? searchState.pathWarningCode\n      : currentLevel?.pathWarningCode,\n    truncated: isSearching ? searchState.truncated : currentLevel?.truncated,\n    items: isSearching ? searchState.items : currentLevel?.items ?? [],\n    keyword,\n    loading: isSearching ? searchState.loading : treeLoading,\n    loadingMore: isSearching\n      ? searchState.loadingMore\n      : currentLevel?.loadingMore ?? false,\n    error: isSearching ? searchState.error : treeError,\n    loadMoreError: isSearching\n      ? searchState.loadMoreError\n      : currentLevel?.loadMoreError ?? false,\n    hasMore: isSearching ? searchState.hasMore : currentLevel?.hasMore ?? false,\n    scrollTop: currentLevel?.scrollTop ?? 0,\n    setKeyword,\n    enterGroup,\n    returnToBreadcrumb,\n    loadMore,\n    retry,\n    retryLoadMore: loadMore,\n    updateScrollTop,\n  };\n}\n"],"mappings":"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"}

package/dist/MemberPicker/index.d.ts

@@ -1,7 +1,9 @@
+import { default as MemberPickerDialog } from './dialog/MemberPickerDialog.js';
 import { default as React } from 'react';
 import { default as MemberPanel } from './components/PanelWrapper.js';
 import { IMemberPickerProps } from './interface.js';
 declare const MemberSelector: React.FC<IMemberPickerProps> & {
     MemberPanel: typeof MemberPanel;
+    Dialog: typeof MemberPickerDialog;
 };
 export default MemberSelector;

package/dist/MemberPicker/index.js

@@ -1,12 +1,15 @@
 import { cn } from "../lib/utils.js";
 import Avatar from "../Avatar/index.js";
+import DisabledContext from "../ConfigProvider/DisabledContext.js";
 import { LocaleContext, getTranslator } from "../locale/default.js";
 import { EUserType } from "../ConfigProvider/getUserList.js";
 import AldCustomConfigProvider from "../ConfigProvider/index.js";
 import Select_default from "../Select/index.js";
-/* empty css              */
-import message from "../message/index.js";
 import { EMemberPicker } from "./interface.js";
+import SearchFeedback from "./components/SearchFeedback.js";
+import MemberPickerDialog from "./dialog/MemberPickerDialog.js";
+import useMemberSearch from "./useMemberSearch.js";
+/* empty css              */
 import { getId } from "./utils/index.js";
 import { isUser, isUserGroup } from "./utils/getUsersWithUserId.js";
 import Panel from "./components/Panel.js";
@@ -14,7 +17,7 @@ import PanelWrapper from "./components/PanelWrapper.js";
 import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import _ from "lodash";
-import { usePrevious, useRequest } from "ahooks";
+import { usePrevious } from "ahooks";
 //#region src/MemberPicker/index.tsx
 var DEFAULT_MULTIPLE_DROPDOWN_WIDTH = 480;
 var Component = (props) => {
@@ -22,10 +25,13 @@ var Component = (props) => {
 	const t = getTranslator(locale);
 	const { value, type = EMemberPicker.USER, onChange, multiple, dropdownWidth, open, onOpenChange, placeholder = t.MemberPicker.select, className, allowClear, disabled, onClear, size, prefix: propPrefix, lockedIds = [], footer, onCancel, filterItem, mode: propsMode, renderItem, renderSelectedTag, "data-testid": dataTestId, "aria-label": ariaLabel, ...restProps } = props;
 	const allowOverlap = props.allowOverlap ?? false;
-	const { getUsersByIds, getUsersByKeywords } = AldCustomConfigProvider.useGetUserList();
+	const { getUsersByIds, getUsersByKeywords, getUsersByKeywordsWithMeta, getNextLevelGroup, getNextLevelGroupWithMeta } = AldCustomConfigProvider.useGetUserList();
+	const inheritedDisabled = useContext(DisabledContext);
+	const isDisabled = disabled ?? inheritedDisabled;
+	const usesDialog = !!multiple;
+	const usesGroupQuery = (type === EMemberPicker.GROUP || !getUsersByKeywords && !getUsersByKeywordsWithMeta) && !!(getNextLevelGroup || getNextLevelGroupWithMeta);
 	const [selectedUserList, setSelectedUserList] = useState([]);
 	const prevValue = usePrevious(value);
-	const [searchUserList, setSearchUserList] = useState([]);
 	const [searchString, setSearchString] = useState("");
 	const [dropdownContentWidth, setDropdownContentWidth] = useState(dropdownWidth);
 	const selectOwnerRef = useRef(null);
@@ -36,25 +42,20 @@ var Component = (props) => {
 	}, []);
 	const [dropdownOpen, setDropdownOpen] = useState(!!open);
 	const queryByKeywords = useMemo(() => {
+		if (getUsersByKeywordsWithMeta) return getUsersByKeywordsWithMeta;
 		if (getUsersByKeywords) return getUsersByKeywords;
 		return (_params = {}) => Promise.reject({ message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod });
-	}, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);
+	}, [
+		getUsersByKeywords,
+		getUsersByKeywordsWithMeta,
+		t.MemberPicker.pleaseConfigGetUserByKeywordsMethod
+	]);
 	const queryByIds = useMemo(() => {
 		if (getUsersByIds) return getUsersByIds;
-		return (_params = {}) => Promise.reject({ message: t.MemberPicker.pleaseConfigGetUserByIdsMethod });
+		return (_params_0 = {}) => Promise.reject({ message: t.MemberPicker.pleaseConfigGetUserByIdsMethod });
 	}, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);
-	const { loading, run } = useRequest(() => queryByKeywords(searchString), {
-		refreshDeps: [searchString],
-		manual: true,
-		cacheKey: "member-selector",
-		cacheTime: 1e3 * 60 * 2,
-		onSuccess: (result) => {
-			setSearchUserList(result);
-		},
-		onError: (error) => {
-			message.error(error.message);
-		}
-	});
+	const { result: searchResult, loading, failed, retry } = useMemberSearch(queryByKeywords, searchString, dropdownOpen && !usesGroupQuery && !usesDialog);
+	const searchUserList = searchResult.items;
 	const totalUserList = useMemo(() => {
 		const totalUsers = searchUserList.concat(selectedUserList.filter((item) => {
 			return ((item.type === EUserType.USER ? item.nickname : item.name) || "").toUpperCase().includes(searchString.trim().toUpperCase());
@@ -62,8 +63,8 @@ var Component = (props) => {
 		return _.uniqBy(totalUsers, (data) => {
 			if (data.type === EUserType.USER) return data.userId;
 			return data.groupId;
-		}).filter((item) => {
-			if (filterItem) return filterItem(item);
+		}).filter((item_0) => {
+			if (filterItem) return filterItem(item_0);
 			return true;
 		});
 	}, [
@@ -72,14 +73,6 @@ var Component = (props) => {
 		searchUserList,
 		selectedUserList
 	]);
-	useEffect(() => {
-		if (!dropdownOpen) return;
-		run();
-	}, [
-		dropdownOpen,
-		run,
-		searchString
-	]);
 	useEffect(() => {
 		if (_.isEqual(value, prevValue)) return;
 		if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) setSelectedUserList(value);
@@ -94,17 +87,17 @@ var Component = (props) => {
 			if (!Array.isArray(value)) param = [value];
 			else param = value;
 			queryByIds(param).then((result) => {
-				const valueNotInResult = param.filter((item) => {
-					if (item.type === EUserType.USER) return result.filter(isUser).every((user) => user.userId !== item.userId);
-					return result.filter(isUserGroup).every((user) => user.groupId !== item.groupId);
-				}).map((item) => {
-					if (item.type === EUserType.USER) return {
+				const valueNotInResult = param.filter((item_1) => {
+					if (item_1.type === EUserType.USER) return result.filter(isUser).every((user) => user.userId !== item_1.userId);
+					return result.filter(isUserGroup).every((user_0) => user_0.groupId !== item_1.groupId);
+				}).map((item_2) => {
+					if (item_2.type === EUserType.USER) return {
 						type: EUserType.USER,
-						userId: item.userId
+						userId: item_2.userId
 					};
 					return {
 						type: EUserType.USER_GROUP,
-						groupId: item.groupId
+						groupId: item_2.groupId
 					};
 				});
 				setSelectedUserList([...result, ...valueNotInResult]);
@@ -148,10 +141,16 @@ var Component = (props) => {
 			};
 		}
 	}, [triggerRef, dropdownContentWidth]);
-	const onDropdownOpenChange = useCallback((open) => {
-		setDropdownOpen(open);
-		onOpenChange?.(open);
-	}, [onOpenChange]);
+	const onDropdownOpenChange = useCallback((open_0) => {
+		if (isDisabled) return;
+		if (!usesDialog || typeof props.open !== "boolean") setDropdownOpen(open_0);
+		onOpenChange?.(open_0);
+	}, [
+		isDisabled,
+		usesDialog,
+		props.open,
+		onOpenChange
+	]);
 	const mode = useMemo(() => {
 		if (multiple === true) {
 			if (typeof propsMode === "object") return {
@@ -181,49 +180,49 @@ var Component = (props) => {
 		listboxId,
 		selectOpen
 	]);
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		ref: selectOwnerRef,
 		style: { display: "contents" },
-		children: /* @__PURE__ */ jsx(Select_default, {
+		children: [/* @__PURE__ */ jsx(Select_default, {
 			prefix: propPrefix,
 			...restProps,
 			"data-testid": dataTestId,
 			"aria-label": ariaLabel,
-			showSearch: true,
+			showSearch: !usesDialog,
 			searchValue: searchString,
 			onSearch: onSearchValueChange,
 			"aria-controls": listboxId,
 			"aria-activedescendant": selectOpen ? activeMemberId : void 0,
 			size,
 			className: cn("ald-member-picker-select", className),
-			value: selectedUserList.map((item) => {
-				if (item.type === EUserType.USER_GROUP) return item.groupId;
-				else return item.userId;
+			value: selectedUserList.map((item_3) => {
+				if (item_3.type === EUserType.USER_GROUP) return item_3.groupId;
+				else return item_3.userId;
 			}),
-			onChange: (value) => {
-				if (_.isEmpty(value)) {
+			onChange: (value_0) => {
+				if (_.isEmpty(value_0)) {
 					setSelectedUserList([]);
 					if (multiple) onChange?.([]);
 					else onChange?.();
 				} else {
-					const valueList = Array.isArray(value) ? value : [value];
+					const valueList = Array.isArray(value_0) ? value_0 : [value_0];
 					if (multiple) {
-						const users = valueList.map((item) => {
-							return totalUserList.find((user) => {
-								if (user.type === EUserType.USER) return user.userId === item;
-								return user.groupId === item;
+						const users_0 = valueList.map((item_4) => {
+							return totalUserList.find((user_1) => {
+								if (user_1.type === EUserType.USER) return user_1.userId === item_4;
+								return user_1.groupId === item_4;
 							});
 						}).filter(Boolean);
-						setSelectedUserList(users);
-						onChange?.(users);
+						setSelectedUserList(users_0);
+						onChange?.(users_0);
 					} else {
-						const user = totalUserList.find((user) => {
-							if (user.type === EUserType.USER) return user.userId === value;
-							return user.groupId === value;
+						const user_4 = totalUserList.find((user_3) => {
+							if (user_3.type === EUserType.USER) return user_3.userId === value_0;
+							return user_3.groupId === value_0;
 						});
-						if (user) {
-							setSelectedUserList([user]);
-							onChange?.(user);
+						if (user_4) {
+							setSelectedUserList([user_4]);
+							onChange?.(user_4);
 						} else {
 							setSelectedUserList([]);
 							onChange?.();
@@ -231,7 +230,7 @@ var Component = (props) => {
 					}
 				}
 			},
-			disabled,
+			disabled: isDisabled,
 			allowClear,
 			onClear: () => {
 				setSelectedUserList([]);
@@ -241,35 +240,35 @@ var Component = (props) => {
 			},
 			popupClassName: cn("ald-member-picker-popup", allowOverlap && "ald-member-picker-popup-adaptive", props.popupClassName),
 			mode,
-			options: selectedUserList.map((item) => {
-				if (item.type === EUserType.USER_GROUP) return {
-					label: item.name || item.groupId,
-					value: item.groupId,
+			options: selectedUserList.map((item_5) => {
+				if (item_5.type === EUserType.USER_GROUP) return {
+					label: item_5.name || item_5.groupId,
+					value: item_5.groupId,
 					tag: /* @__PURE__ */ jsxs("div", {
 						className: "ald-member-picker-tag",
 						children: [/* @__PURE__ */ jsx(Avatar, {
 							type: "team",
 							size: 20,
-							children: item.name || item.groupId
-						}), item.name || item.groupId]
+							children: item_5.name || item_5.groupId
+						}), item_5.name || item_5.groupId]
 					})
 				};
 				return {
-					label: item.nickname || item.name || item.userId,
-					value: item.userId,
+					label: item_5.nickname || item_5.name || item_5.userId,
+					value: item_5.userId,
 					tag: /* @__PURE__ */ jsxs("div", {
 						className: "ald-member-picker-tag",
 						children: [/* @__PURE__ */ jsx(Avatar, {
 							size: 20,
-							src: item.photo,
-							type: item.type === EUserType.USER ? "user" : "team",
-							children: item.nickname || item.name || item.userId
-						}), item.nickname || item.name || item.userId]
+							src: item_5.photo,
+							type: item_5.type === EUserType.USER ? "user" : "team",
+							children: item_5.nickname || item_5.name || item_5.userId
+						}), item_5.nickname || item_5.name || item_5.userId]
 					})
 				};
 			}),
 			optionLabelProp: multiple ? "label" : "tag",
-			open: selectOpen,
+			open: usesDialog ? false : selectOpen,
 			onOpenChange: onDropdownOpenChange,
 			popupMatchSelectWidth: panelWidth,
 			allowOverlap,
@@ -282,6 +281,15 @@ var Component = (props) => {
 					"aria-label": "Member selection results",
 					className: cn({ "ald-member-picker-popup-body": allowOverlap }),
 					children: /* @__PURE__ */ jsx(Panel, {
+						active: dropdownOpen,
+						searchFailed: failed,
+						useProvidedGroupSearch: type === EMemberPicker.BOTH && !usesGroupQuery,
+						searchFeedback: !usesGroupQuery && /* @__PURE__ */ jsx(SearchFeedback, {
+							failed,
+							hasMore: searchResult.hasMore,
+							pathWarningCode: searchResult.pathWarningCode,
+							retry
+						}),
 						type,
 						footer,
 						value: selectedUserList,
@@ -302,11 +310,27 @@ var Component = (props) => {
 					})
 				});
 			}
-		})
+		}), usesDialog && !isDisabled && /* @__PURE__ */ jsx(MemberPickerDialog, {
+			open: selectOpen,
+			value: value ?? selectedUserList,
+			type,
+			lockedIds,
+			filterItem,
+			renderItem,
+			renderSelectedTag,
+			onChange: (members) => {
+				setSelectedUserList(members);
+				if (props.multiple) props.onChange?.(members);
+			},
+			footer,
+			onCancel,
+			onClose: () => onDropdownOpenChange(false)
+		})]
 	});
 };
 var MemberSelector = Component;
 MemberSelector.MemberPanel = PanelWrapper;
+MemberSelector.Dialog = MemberPickerDialog;
 //#endregion
 export { MemberSelector as default };
 

package/dist/MemberPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/MemberPicker/index.tsx"],"sourcesContent":["import { usePrevious, useRequest } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Avatar from '../Avatar';\nimport ConfigProvider from '../ConfigProvider';\nimport './member-picker.css';\nimport {\n  EUserType,\n  IUser,\n  IUserGroup,\n  TUser,\n} from '../ConfigProvider/getUserList';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport message from '../message';\nimport Panel from './components/Panel';\nimport MemberPanel from './components/PanelWrapper';\nimport {\n  EMemberPicker,\n  IMemberPickerProps,\n  TUserGroupValue,\n  TUserValue,\n} from './interface';\nimport { getId } from './utils';\nimport { isUser, isUserGroup } from './utils/getUsersWithUserId';\nimport Select from '../Select';\nimport { Mode } from '../Select/BaseSelect';\n\nconst DEFAULT_MULTIPLE_DROPDOWN_WIDTH = 480;\n\nconst Component: React.FC<IMemberPickerProps> = (props) => {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    value,\n    type = EMemberPicker.USER,\n    onChange,\n    multiple,\n    dropdownWidth,\n    open,\n    onOpenChange,\n    placeholder = t.MemberPicker.select,\n    className,\n    allowClear,\n    disabled,\n    onClear,\n    size,\n    prefix: propPrefix,\n    lockedIds = [],\n    footer,\n    onCancel,\n    filterItem,\n    mode: propsMode,\n    renderItem,\n    renderSelectedTag,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    ...restProps\n  } = props;\n  const allowOverlap = props.allowOverlap ?? false;\n  const { getUsersByIds, getUsersByKeywords } = ConfigProvider.useGetUserList();\n  const [selectedUserList, setSelectedUserList] = useState<TUser>([]);\n  const prevValue = usePrevious(value);\n  const [searchUserList, setSearchUserList] = useState<TUser>([]);\n  const [searchString, setSearchString] = useState<string>('');\n  const [dropdownContentWidth, setDropdownContentWidth] =\n    useState(dropdownWidth);\n  const selectOwnerRef = useRef<HTMLDivElement>(null);\n  // 单选默认浮窗跟触发器等宽（true），调用方传 dropdownWidth 时用具体数字；\n  // 多选默认 480，单条记录只有 头像+nickname 时触发器太窄装不下选中标签，故固定值。\n  const panelWidth: number | boolean =\n    dropdownWidth ?? (multiple ? DEFAULT_MULTIPLE_DROPDOWN_WIDTH : true);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const onSearchValueChange = useCallback((v: string) => {\n    setSearchString(v);\n  }, []);\n  const [dropdownOpen, setDropdownOpen] = useState<boolean>(!!open);\n  const queryByKeywords = useMemo(() => {\n    if (getUsersByKeywords) {\n      return getUsersByKeywords;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod,\n      });\n  }, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);\n  const queryByIds = useMemo(() => {\n    if (getUsersByIds) {\n      return getUsersByIds;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByIdsMethod,\n      });\n  }, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);\n  const { loading, run } = useRequest(() => queryByKeywords(searchString), {\n    refreshDeps: [searchString],\n    manual: true,\n    cacheKey: 'member-selector',\n    cacheTime: 1000 * 60 * 2, // 2分钟内不重复请求\n    onSuccess: (result) => {\n      setSearchUserList(result);\n    },\n    onError: (error) => {\n      message.error(error.message);\n    },\n  });\n\n  const totalUserList: TUser = useMemo(() => {\n    const totalUsers = searchUserList.concat(\n      selectedUserList.filter((item) => {\n        const name =\n          (item.type === EUserType.USER ? item.nickname : item.name) || '';\n\n        return name.toUpperCase().includes(searchString.trim().toUpperCase());\n      }),\n    );\n\n    return _.uniqBy(totalUsers, (data: IUser | IUserGroup) => {\n      if (data.type === EUserType.USER) return data.userId;\n\n      return data.groupId;\n    }).filter((item) => {\n      if (filterItem) {\n        return filterItem(item);\n      }\n\n      return true;\n    });\n  }, [filterItem, searchString, searchUserList, selectedUserList]);\n\n  useEffect(() => {\n    if (!dropdownOpen) return;\n    run();\n  }, [dropdownOpen, run, searchString]);\n\n  useEffect(() => {\n    if (_.isEqual(value, prevValue)) {\n      return;\n    }\n    if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {\n      setSelectedUserList(value as TUser);\n    } else if (isUser(value) || isUserGroup(value)) {\n      setSelectedUserList([value]);\n    } else {\n      let param: Array<TUserValue | TUserGroupValue> = [];\n      if (!value) return;\n      if (Array.isArray(value) && value.length === 0) {\n        setSelectedUserList([]);\n\n        return;\n      }\n      if (!Array.isArray(value)) {\n        param = [value];\n      } else {\n        param = value;\n      }\n      queryByIds(param).then((result) => {\n        // 如果用户已被删除，则需要展示出id\n        const valueNotInResult: TUser = param\n          .filter((item) => {\n            if (item.type === EUserType.USER) {\n              return result\n                .filter(isUser)\n                .every((user) => user.userId !== item.userId);\n            }\n\n            return result\n              .filter(isUserGroup)\n              .every((user) => user.groupId !== item.groupId);\n          })\n          .map((item) => {\n            if (item.type === EUserType.USER) {\n              return {\n                type: EUserType.USER,\n                userId: item.userId,\n              } as IUser;\n            }\n\n            return {\n              type: EUserType.USER_GROUP,\n              groupId: item.groupId,\n            } as IUserGroup;\n          });\n\n        setSelectedUserList([...result, ...valueNotInResult]);\n      });\n    }\n  }, [value, queryByIds, prevValue]);\n\n  const onSelectedChange = useCallback(\n    (users: TUser) => {\n      if (multiple) {\n        setSelectedUserList(users);\n        onChange?.(users);\n      } else {\n        setSelectedUserList(users);\n        onChange?.(users[0]);\n      }\n      setDropdownOpen(false);\n    },\n    [multiple, onChange, setDropdownOpen],\n  );\n\n  useEffect(() => {\n    if (typeof open === 'boolean') {\n      setDropdownOpen(open);\n    }\n  }, [open]);\n\n  useEffect(() => {\n    if (!dropdownContentWidth) {\n      const resizeEle = triggerRef.current;\n      if (!resizeEle) return;\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { width } = entry.contentRect;\n          setDropdownContentWidth(width);\n        }\n      });\n      resizeObserver.observe(resizeEle);\n\n      return () => {\n        resizeObserver.unobserve(resizeEle);\n      };\n    }\n  }, [triggerRef, dropdownContentWidth]);\n  const onDropdownOpenChange = useCallback(\n    (open: boolean) => {\n      setDropdownOpen(open);\n      onOpenChange?.(open);\n    },\n    [onOpenChange],\n  );\n  const mode = useMemo(() => {\n    if (multiple === true) {\n      if (typeof propsMode === 'object')\n        return {\n          ...(propsMode || {}),\n          type: 'multiple',\n          responsive: _.isNil(propsMode.responsive)\n            ? true\n            : propsMode.responsive,\n        } as Mode;\n      return {\n        type: 'multiple',\n        responsive: true,\n      } as Mode;\n    }\n\n    return multiple ? (multiple as Mode) : propsMode;\n  }, [multiple, propsMode]);\n\n  const selectOpen = typeof open === 'boolean' ? open : dropdownOpen;\n  const listboxId = `ald-member-picker-listbox-${React.useId().replace(\n    /:/g,\n    '',\n  )}`;\n  const activeMember = totalUserList[0];\n  const activeMemberId = activeMember\n    ? `ald-member-picker-option-${getId(activeMember)}`\n    : undefined;\n\n  useEffect(() => {\n    const owner = selectOwnerRef.current?.querySelector<HTMLElement>(\n      '[role=\"combobox\"], input',\n    );\n    if (!owner) return;\n    owner.setAttribute('aria-controls', listboxId);\n    if (selectOpen && activeMemberId) {\n      owner.setAttribute('aria-activedescendant', activeMemberId);\n    } else {\n      owner.removeAttribute('aria-activedescendant');\n    }\n  }, [activeMemberId, listboxId, selectOpen]);\n\n  return (\n    <div ref={selectOwnerRef} style={{ display: 'contents' }}>\n      <Select\n        prefix={propPrefix}\n        {...restProps}\n        data-testid={dataTestId}\n        aria-label={ariaLabel}\n        showSearch\n        searchValue={searchString}\n        onSearch={onSearchValueChange}\n        aria-controls={listboxId}\n        aria-activedescendant={selectOpen ? activeMemberId : undefined}\n        size={size}\n        className={cn('ald-member-picker-select', className)}\n        value={selectedUserList.map((item) => {\n          if (item.type === EUserType.USER_GROUP) {\n            return item.groupId;\n          } else {\n            return item.userId;\n          }\n        })}\n        onChange={(value) => {\n          if (_.isEmpty(value)) {\n            setSelectedUserList([]);\n            if (multiple) {\n              onChange?.([]);\n            } else {\n              onChange?.();\n            }\n          } else {\n            const valueList = Array.isArray(value) ? value : [value];\n            if (multiple) {\n              const users = valueList\n                .map((item) => {\n                  const user = totalUserList.find((user) => {\n                    if (user.type === EUserType.USER) {\n                      return user.userId === item;\n                    }\n\n                    return user.groupId === item;\n                  });\n\n                  return user;\n                })\n                .filter(Boolean) as TUser;\n              setSelectedUserList(users);\n              onChange?.(users);\n            } else {\n              const user = totalUserList.find((user) => {\n                if (user.type === EUserType.USER) {\n                  return user.userId === value;\n                }\n\n                return user.groupId === value;\n              });\n              if (user) {\n                setSelectedUserList([user]);\n                onChange?.(user);\n              } else {\n                setSelectedUserList([]);\n                onChange?.();\n              }\n            }\n          }\n        }}\n        disabled={disabled}\n        allowClear={allowClear}\n        onClear={() => {\n          setSelectedUserList([]);\n          if (multiple) {\n            onChange?.([]);\n          } else {\n            onChange?.();\n          }\n          onClear?.();\n        }}\n        popupClassName={cn(\n          'ald-member-picker-popup',\n          allowOverlap && 'ald-member-picker-popup-adaptive',\n          props.popupClassName,\n        )}\n        mode={mode}\n        options={selectedUserList.map((item) => {\n          if (item.type === EUserType.USER_GROUP)\n            return {\n              label: item.name || item.groupId,\n              value: item.groupId,\n              tag: (\n                <div className={'ald-member-picker-tag'}>\n                  <Avatar type=\"team\" size={20}>\n                    {item.name || item.groupId}\n                  </Avatar>\n                  {item.name || item.groupId}\n                </div>\n              ),\n            };\n\n          return {\n            label: item.nickname || item.name || item.userId,\n            value: item.userId,\n            tag: (\n              <div className={'ald-member-picker-tag'}>\n                <Avatar\n                  size={20}\n                  src={item.photo}\n                  type={item.type === EUserType.USER ? 'user' : 'team'}\n                >\n                  {item.nickname || item.name || item.userId}\n                </Avatar>\n                {item.nickname || item.name || item.userId}\n              </div>\n            ),\n          };\n        })}\n        optionLabelProp={multiple ? 'label' : 'tag'}\n        open={selectOpen}\n        onOpenChange={onDropdownOpenChange}\n        popupMatchSelectWidth={panelWidth}\n        allowOverlap={allowOverlap}\n        placeholder={placeholder}\n        dropdownRender={() => {\n          return (\n            <div\n              ref={triggerRef}\n              id={listboxId}\n              role=\"group\"\n              aria-label=\"Member selection results\"\n              className={cn({\n                'ald-member-picker-popup-body': allowOverlap,\n              })}\n            >\n              <Panel\n                type={type}\n                footer={footer}\n                value={selectedUserList}\n                dataList={totalUserList}\n                lockedIds={lockedIds}\n                multiple={!!multiple}\n                loading={loading}\n                dropdownWidth={dropdownContentWidth}\n                onSearchValueChange={onSearchValueChange}\n                onChange={onSelectedChange}\n                onCancel={() => {\n                  onCancel?.();\n                  setDropdownOpen(false);\n                }}\n                renderItem={renderItem}\n                renderSelectedTag={renderSelectedTag}\n                searchValue={searchString}\n              ></Panel>\n            </div>\n          );\n        }}\n      ></Select>\n    </div>\n  );\n};\n\nconst MemberSelector = Component as React.FC<IMemberPickerProps> & {\n  MemberPanel: typeof MemberPanel;\n};\n\nMemberSelector.MemberPanel = MemberPanel;\nexport default MemberSelector;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["MemberPickerDialog","DisabledContext","useMemberSearch","SearchFeedback","usePrevious","cn","_","React","useCallback","useContext","useEffect","useMemo","useRef","useState","Avatar","ConfigProvider","EUserType","IUser","IUserGroup","TUser","LocaleContext","getTranslator","Panel","MemberPanel","EMemberPicker","IMemberPickerProps","TUserGroupValue","TUserValue","getId","isUser","isUserGroup","Select","Mode","DEFAULT_MULTIPLE_DROPDOWN_WIDTH","Component","FC","props","locale","t","value","type","USER","onChange","multiple","dropdownWidth","open","onOpenChange","placeholder","MemberPicker","select","className","allowClear","disabled","onClear","size","prefix","propPrefix","lockedIds","footer","onCancel","filterItem","mode","propsMode","renderItem","renderSelectedTag","dataTestId","ariaLabel","restProps","allowOverlap","getUsersByIds","getUsersByKeywords","getUsersByKeywordsWithMeta","getNextLevelGroup","getNextLevelGroupWithMeta","useGetUserList","inheritedDisabled","isDisabled","usesDialog","usesGroupQuery","GROUP","selectedUserList","setSelectedUserList","prevValue","searchString","setSearchString","dropdownContentWidth","setDropdownContentWidth","selectOwnerRef","HTMLDivElement","panelWidth","triggerRef","onSearchValueChange","v","dropdownOpen","setDropdownOpen","queryByKeywords","_params","Promise","reject","message","pleaseConfigGetUserByKeywordsMethod","queryByIds","pleaseConfigGetUserByIdsMethod","result","searchResult","loading","failed","retry","searchUserList","items","totalUserList","totalUsers","concat","filter","item","name","nickname","toUpperCase","includes","trim","uniqBy","data","userId","groupId","isEqual","Array","isArray","param","length","then","valueNotInResult","every","user","map","USER_GROUP","onSelectedChange","users","resizeEle","current","resizeObserver","ResizeObserver","entries","entry","width","contentRect","observe","unobserve","onDropdownOpenChange","responsive","isNil","selectOpen","listboxId","useId","replace","activeMember","activeMemberId","undefined","owner","querySelector","HTMLElement","setAttribute","removeAttribute","display","isEmpty","valueList","find","Boolean","popupClassName","label","tag","photo","BOTH","hasMore","pathWarningCode","members","MemberSelector","Dialog"],"sources":["../../src/MemberPicker/index.tsx"],"sourcesContent":["import MemberPickerDialog from './dialog/MemberPickerDialog';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport useMemberSearch from './useMemberSearch';\nimport SearchFeedback from './components/SearchFeedback';\nimport { usePrevious } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Avatar from '../Avatar';\nimport ConfigProvider from '../ConfigProvider';\nimport './member-picker.css';\nimport {\n  EUserType,\n  IUser,\n  IUserGroup,\n  TUser,\n} from '../ConfigProvider/getUserList';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport Panel from './components/Panel';\nimport MemberPanel from './components/PanelWrapper';\nimport {\n  EMemberPicker,\n  IMemberPickerProps,\n  TUserGroupValue,\n  TUserValue,\n} from './interface';\nimport { getId } from './utils';\nimport { isUser, isUserGroup } from './utils/getUsersWithUserId';\nimport Select from '../Select';\nimport { Mode } from '../Select/BaseSelect';\n\nconst DEFAULT_MULTIPLE_DROPDOWN_WIDTH = 480;\n\nconst Component: React.FC<IMemberPickerProps> = (props) => {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    value,\n    type = EMemberPicker.USER,\n    onChange,\n    multiple,\n    dropdownWidth,\n    open,\n    onOpenChange,\n    placeholder = t.MemberPicker.select,\n    className,\n    allowClear,\n    disabled,\n    onClear,\n    size,\n    prefix: propPrefix,\n    lockedIds = [],\n    footer,\n    onCancel,\n    filterItem,\n    mode: propsMode,\n    renderItem,\n    renderSelectedTag,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    ...restProps\n  } = props;\n  const allowOverlap = props.allowOverlap ?? false;\n  const {\n    getUsersByIds,\n    getUsersByKeywords,\n    getUsersByKeywordsWithMeta,\n    getNextLevelGroup,\n    getNextLevelGroupWithMeta,\n  } = ConfigProvider.useGetUserList();\n  const inheritedDisabled = useContext(DisabledContext);\n  const isDisabled = disabled ?? inheritedDisabled;\n  // 呈现方式由选择模式唯一决定，多选使用弹窗，单选保持浮窗。\n  const usesDialog = !!multiple;\n  const usesGroupQuery =\n    (type === EMemberPicker.GROUP ||\n      (!getUsersByKeywords && !getUsersByKeywordsWithMeta)) &&\n    !!(getNextLevelGroup || getNextLevelGroupWithMeta);\n  const [selectedUserList, setSelectedUserList] = useState<TUser>([]);\n  const prevValue = usePrevious(value);\n  const [searchString, setSearchString] = useState<string>('');\n  const [dropdownContentWidth, setDropdownContentWidth] =\n    useState(dropdownWidth);\n  const selectOwnerRef = useRef<HTMLDivElement>(null);\n  // 单选默认浮窗跟触发器等宽（true），调用方传 dropdownWidth 时用具体数字；\n  // 多选默认 480，单条记录只有 头像+nickname 时触发器太窄装不下选中标签，故固定值。\n  const panelWidth: number | boolean =\n    dropdownWidth ?? (multiple ? DEFAULT_MULTIPLE_DROPDOWN_WIDTH : true);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const onSearchValueChange = useCallback((v: string) => {\n    setSearchString(v);\n  }, []);\n  const [dropdownOpen, setDropdownOpen] = useState<boolean>(!!open);\n  const queryByKeywords = useMemo(() => {\n    if (getUsersByKeywordsWithMeta) return getUsersByKeywordsWithMeta;\n    if (getUsersByKeywords) {\n      return getUsersByKeywords;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod,\n      });\n  }, [\n    getUsersByKeywords,\n    getUsersByKeywordsWithMeta,\n    t.MemberPicker.pleaseConfigGetUserByKeywordsMethod,\n  ]);\n  const queryByIds = useMemo(() => {\n    if (getUsersByIds) {\n      return getUsersByIds;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByIdsMethod,\n      });\n  }, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);\n  const {\n    result: searchResult,\n    loading,\n    failed,\n    retry,\n  } = useMemberSearch<IUser | IUserGroup>(\n    queryByKeywords,\n    searchString,\n    dropdownOpen && !usesGroupQuery && !usesDialog,\n  );\n  const searchUserList = searchResult.items;\n\n  const totalUserList: TUser = useMemo(() => {\n    const totalUsers = searchUserList.concat(\n      selectedUserList.filter((item) => {\n        const name =\n          (item.type === EUserType.USER ? item.nickname : item.name) || '';\n\n        return name.toUpperCase().includes(searchString.trim().toUpperCase());\n      }),\n    );\n\n    return _.uniqBy(totalUsers, (data: IUser | IUserGroup) => {\n      if (data.type === EUserType.USER) return data.userId;\n\n      return data.groupId;\n    }).filter((item) => {\n      if (filterItem) {\n        return filterItem(item);\n      }\n\n      return true;\n    });\n  }, [filterItem, searchString, searchUserList, selectedUserList]);\n\n  useEffect(() => {\n    if (_.isEqual(value, prevValue)) {\n      return;\n    }\n    if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {\n      setSelectedUserList(value as TUser);\n    } else if (isUser(value) || isUserGroup(value)) {\n      setSelectedUserList([value]);\n    } else {\n      let param: Array<TUserValue | TUserGroupValue> = [];\n      if (!value) return;\n      if (Array.isArray(value) && value.length === 0) {\n        setSelectedUserList([]);\n\n        return;\n      }\n      if (!Array.isArray(value)) {\n        param = [value];\n      } else {\n        param = value;\n      }\n      queryByIds(param).then((result) => {\n        // 如果用户已被删除，则需要展示出id\n        const valueNotInResult: TUser = param\n          .filter((item) => {\n            if (item.type === EUserType.USER) {\n              return result\n                .filter(isUser)\n                .every((user) => user.userId !== item.userId);\n            }\n\n            return result\n              .filter(isUserGroup)\n              .every((user) => user.groupId !== item.groupId);\n          })\n          .map((item) => {\n            if (item.type === EUserType.USER) {\n              return {\n                type: EUserType.USER,\n                userId: item.userId,\n              } as IUser;\n            }\n\n            return {\n              type: EUserType.USER_GROUP,\n              groupId: item.groupId,\n            } as IUserGroup;\n          });\n\n        setSelectedUserList([...result, ...valueNotInResult]);\n      });\n    }\n  }, [value, queryByIds, prevValue]);\n\n  const onSelectedChange = useCallback(\n    (users: TUser) => {\n      if (multiple) {\n        setSelectedUserList(users);\n        onChange?.(users);\n      } else {\n        setSelectedUserList(users);\n        onChange?.(users[0]);\n      }\n      setDropdownOpen(false);\n    },\n    [multiple, onChange, setDropdownOpen],\n  );\n\n  useEffect(() => {\n    if (typeof open === 'boolean') {\n      setDropdownOpen(open);\n    }\n  }, [open]);\n\n  useEffect(() => {\n    if (!dropdownContentWidth) {\n      const resizeEle = triggerRef.current;\n      if (!resizeEle) return;\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { width } = entry.contentRect;\n          setDropdownContentWidth(width);\n        }\n      });\n      resizeObserver.observe(resizeEle);\n\n      return () => {\n        resizeObserver.unobserve(resizeEle);\n      };\n    }\n  }, [triggerRef, dropdownContentWidth]);\n  const onDropdownOpenChange = useCallback(\n    (open: boolean) => {\n      if (isDisabled) return;\n      if (!usesDialog || typeof props.open !== 'boolean') setDropdownOpen(open);\n      onOpenChange?.(open);\n    },\n    [isDisabled, usesDialog, props.open, onOpenChange],\n  );\n  const mode = useMemo(() => {\n    if (multiple === true) {\n      if (typeof propsMode === 'object')\n        return {\n          ...(propsMode || {}),\n          type: 'multiple',\n          responsive: _.isNil(propsMode.responsive)\n            ? true\n            : propsMode.responsive,\n        } as Mode;\n      return {\n        type: 'multiple',\n        responsive: true,\n      } as Mode;\n    }\n\n    return multiple ? (multiple as Mode) : propsMode;\n  }, [multiple, propsMode]);\n\n  const selectOpen = typeof open === 'boolean' ? open : dropdownOpen;\n  const listboxId = `ald-member-picker-listbox-${React.useId().replace(\n    /:/g,\n    '',\n  )}`;\n  const activeMember = totalUserList[0];\n  const activeMemberId = activeMember\n    ? `ald-member-picker-option-${getId(activeMember)}`\n    : undefined;\n\n  useEffect(() => {\n    const owner = selectOwnerRef.current?.querySelector<HTMLElement>(\n      '[role=\"combobox\"], input',\n    );\n    if (!owner) return;\n    owner.setAttribute('aria-controls', listboxId);\n    if (selectOpen && activeMemberId) {\n      owner.setAttribute('aria-activedescendant', activeMemberId);\n    } else {\n      owner.removeAttribute('aria-activedescendant');\n    }\n  }, [activeMemberId, listboxId, selectOpen]);\n\n  return (\n    <div ref={selectOwnerRef} style={{ display: 'contents' }}>\n      <Select\n        prefix={propPrefix}\n        {...restProps}\n        data-testid={dataTestId}\n        aria-label={ariaLabel}\n        showSearch={!usesDialog}\n        searchValue={searchString}\n        onSearch={onSearchValueChange}\n        aria-controls={listboxId}\n        aria-activedescendant={selectOpen ? activeMemberId : undefined}\n        size={size}\n        className={cn('ald-member-picker-select', className)}\n        value={selectedUserList.map((item) => {\n          if (item.type === EUserType.USER_GROUP) {\n            return item.groupId;\n          } else {\n            return item.userId;\n          }\n        })}\n        onChange={(value) => {\n          if (_.isEmpty(value)) {\n            setSelectedUserList([]);\n            if (multiple) {\n              onChange?.([]);\n            } else {\n              onChange?.();\n            }\n          } else {\n            const valueList = Array.isArray(value) ? value : [value];\n            if (multiple) {\n              const users = valueList\n                .map((item) => {\n                  const user = totalUserList.find((user) => {\n                    if (user.type === EUserType.USER) {\n                      return user.userId === item;\n                    }\n\n                    return user.groupId === item;\n                  });\n\n                  return user;\n                })\n                .filter(Boolean) as TUser;\n              setSelectedUserList(users);\n              onChange?.(users);\n            } else {\n              const user = totalUserList.find((user) => {\n                if (user.type === EUserType.USER) {\n                  return user.userId === value;\n                }\n\n                return user.groupId === value;\n              });\n              if (user) {\n                setSelectedUserList([user]);\n                onChange?.(user);\n              } else {\n                setSelectedUserList([]);\n                onChange?.();\n              }\n            }\n          }\n        }}\n        disabled={isDisabled}\n        allowClear={allowClear}\n        onClear={() => {\n          setSelectedUserList([]);\n          if (multiple) {\n            onChange?.([]);\n          } else {\n            onChange?.();\n          }\n          onClear?.();\n        }}\n        popupClassName={cn(\n          'ald-member-picker-popup',\n          allowOverlap && 'ald-member-picker-popup-adaptive',\n          props.popupClassName,\n        )}\n        mode={mode}\n        options={selectedUserList.map((item) => {\n          if (item.type === EUserType.USER_GROUP)\n            return {\n              label: item.name || item.groupId,\n              value: item.groupId,\n              tag: (\n                <div className={'ald-member-picker-tag'}>\n                  <Avatar type=\"team\" size={20}>\n                    {item.name || item.groupId}\n                  </Avatar>\n                  {item.name || item.groupId}\n                </div>\n              ),\n            };\n\n          return {\n            label: item.nickname || item.name || item.userId,\n            value: item.userId,\n            tag: (\n              <div className={'ald-member-picker-tag'}>\n                <Avatar\n                  size={20}\n                  src={item.photo}\n                  type={item.type === EUserType.USER ? 'user' : 'team'}\n                >\n                  {item.nickname || item.name || item.userId}\n                </Avatar>\n                {item.nickname || item.name || item.userId}\n              </div>\n            ),\n          };\n        })}\n        optionLabelProp={multiple ? 'label' : 'tag'}\n        open={usesDialog ? false : selectOpen}\n        onOpenChange={onDropdownOpenChange}\n        popupMatchSelectWidth={panelWidth}\n        allowOverlap={allowOverlap}\n        placeholder={placeholder}\n        dropdownRender={() => {\n          return (\n            <div\n              ref={triggerRef}\n              id={listboxId}\n              role=\"group\"\n              aria-label=\"Member selection results\"\n              className={cn({\n                'ald-member-picker-popup-body': allowOverlap,\n              })}\n            >\n              <Panel\n                active={dropdownOpen}\n                searchFailed={failed}\n                useProvidedGroupSearch={\n                  type === EMemberPicker.BOTH && !usesGroupQuery\n                }\n                searchFeedback={\n                  !usesGroupQuery && (\n                    <SearchFeedback\n                      failed={failed}\n                      hasMore={searchResult.hasMore}\n                      pathWarningCode={searchResult.pathWarningCode}\n                      retry={retry}\n                    />\n                  )\n                }\n                type={type}\n                footer={footer}\n                value={selectedUserList}\n                dataList={totalUserList}\n                lockedIds={lockedIds}\n                multiple={!!multiple}\n                loading={loading}\n                dropdownWidth={dropdownContentWidth}\n                onSearchValueChange={onSearchValueChange}\n                onChange={onSelectedChange}\n                onCancel={() => {\n                  onCancel?.();\n                  setDropdownOpen(false);\n                }}\n                renderItem={renderItem}\n                renderSelectedTag={renderSelectedTag}\n                searchValue={searchString}\n              ></Panel>\n            </div>\n          );\n        }}\n      ></Select>\n      {usesDialog && !isDisabled && (\n        <MemberPickerDialog\n          open={selectOpen}\n          value={value ?? selectedUserList}\n          type={type}\n          lockedIds={lockedIds}\n          filterItem={filterItem}\n          renderItem={renderItem}\n          renderSelectedTag={renderSelectedTag}\n          onChange={(members) => {\n            setSelectedUserList(members);\n            if (props.multiple) props.onChange?.(members);\n          }}\n          footer={footer}\n          onCancel={onCancel}\n          onClose={() => onDropdownOpenChange(false)}\n        />\n      )}\n    </div>\n  );\n};\n\nconst MemberSelector = Component as React.FC<IMemberPickerProps> & {\n  MemberPanel: typeof MemberPanel;\n  Dialog: typeof MemberPickerDialog;\n};\n\nMemberSelector.MemberPanel = MemberPanel;\nMemberSelector.Dialog = MemberPickerDialog;\nexport default MemberSelector;\n"],"mappings":"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"}

package/dist/MemberPicker/interface.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-import { IUser, IUserGroup, TUser } from '../ConfigProvider/getUserList';
-import { ISelectProps } from '../Select/interface';
-import { RequiredProperties } from '../_utils/type';
-import { Mode } from '../Select/BaseSelect';
+import { IUser, IUserGroup, TUser } from '../ConfigProvider/getUserList.js';
+import { ISelectProps } from '../Select/interface.js';
+import { RequiredProperties } from '../_utils/type.js';
+import { Mode } from '../Select/BaseSelect.js';
 export type TUserValue = RequiredProperties<IUser, 'type' | 'userId'>;
 export type TUserGroupValue = RequiredProperties<IUserGroup, 'type' | 'groupId'>;
 export type TMemberPickerValue = TUserValue | TUserGroupValue | Array<TUserValue | TUserGroupValue>;

package/dist/MemberPicker/interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"interface.js","names":[],"sources":["../../src/MemberPicker/interface.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { IUser, IUserGroup, TUser } from '../ConfigProvider/getUserList';\nimport { ISelectProps } from '../Select/interface';\nimport { RequiredProperties } from '../_utils/type';\nimport { Mode } from '../Select/BaseSelect';\n\nexport type TUserValue = RequiredProperties<IUser, 'type' | 'userId'>;\nexport type TUserGroupValue = RequiredProperties<\n  IUserGroup,\n  'type' | 'groupId'\n>;\n\nexport type TMemberPickerValue =\n  | TUserValue\n  | TUserGroupValue\n  | Array<TUserValue | TUserGroupValue>;\n\nexport enum EMemberPicker {\n  GROUP = 'GROUP',\n  USER = 'USER',\n  BOTH = 'BOTH',\n}\n\nexport interface IBaseMemberSelectorProps extends Omit<ISelectProps, 'type'> {\n  value?: TMemberPickerValue;\n  dropdownWidth?: number;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  type?: EMemberPicker;\n  lockedIds?: Array<TUserValue | TUserGroupValue>;\n  footer?: ReactNode;\n  onCancel?: () => void;\n  filterItem?: (item: IUser | IUserGroup) => boolean;\n  renderItem?: (\n    item: IUser | IUserGroup,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      onNextLevel?: () => void;\n      originNode: ReactNode;\n    },\n  ) => ReactNode;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n}\n\nexport interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {\n  multiple: true | Mode;\n  onChange?(v: TUser): void;\n}\n\nexport interface ISingleMemberSelectorProps extends IBaseMemberSelectorProps {\n  multiple?: false;\n  onChange?(v?: IUser | IUserGroup): void;\n}\n\nexport type IMemberPickerProps =\n  | IMultipleMemberSelectorProps\n  | ISingleMemberSelectorProps;\n\nexport type { IUser };\n"],"mappings":";AAiBA,IAAY,gBAAL,yBAAA,eAAA;AACL,eAAA,WAAA;AACA,eAAA,UAAA;AACA,eAAA,UAAA;;KACD"}
+{"version":3,"file":"interface.js","names":["ReactNode","IUser","IUserGroup","TUser","ISelectProps","RequiredProperties","Mode","TUserValue","TUserGroupValue","TMemberPickerValue","Array","EMemberPicker","GROUP","USER","BOTH","IBaseMemberSelectorProps","Omit","value","dropdownWidth","open","onOpenChange","type","lockedIds","footer","onCancel","filterItem","item","renderItem","context","isSelected","disabled","onClick","onNextLevel","originNode","renderSelectedTag","user","IMultipleMemberSelectorProps","multiple","onChange","v","ISingleMemberSelectorProps","IMemberPickerProps"],"sources":["../../src/MemberPicker/interface.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { IUser, IUserGroup, TUser } from '../ConfigProvider/getUserList';\nimport { ISelectProps } from '../Select/interface';\nimport { RequiredProperties } from '../_utils/type';\nimport { Mode } from '../Select/BaseSelect';\n\nexport type TUserValue = RequiredProperties<IUser, 'type' | 'userId'>;\nexport type TUserGroupValue = RequiredProperties<\n  IUserGroup,\n  'type' | 'groupId'\n>;\n\nexport type TMemberPickerValue =\n  | TUserValue\n  | TUserGroupValue\n  | Array<TUserValue | TUserGroupValue>;\n\nexport enum EMemberPicker {\n  GROUP = 'GROUP',\n  USER = 'USER',\n  BOTH = 'BOTH',\n}\n\nexport interface IBaseMemberSelectorProps extends Omit<ISelectProps, 'type'> {\n  value?: TMemberPickerValue;\n  dropdownWidth?: number;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  type?: EMemberPicker;\n  lockedIds?: Array<TUserValue | TUserGroupValue>;\n  footer?: ReactNode;\n  onCancel?: () => void;\n  filterItem?: (item: IUser | IUserGroup) => boolean;\n  renderItem?: (\n    item: IUser | IUserGroup,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      onNextLevel?: () => void;\n      originNode: ReactNode;\n    },\n  ) => ReactNode;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n}\n\nexport interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {\n  multiple: true | Mode;\n  onChange?(v: TUser): void;\n}\n\nexport interface ISingleMemberSelectorProps extends IBaseMemberSelectorProps {\n  multiple?: false;\n  onChange?(v?: IUser | IUserGroup): void;\n}\n\nexport type IMemberPickerProps =\n  | IMultipleMemberSelectorProps\n  | ISingleMemberSelectorProps;\n\nexport type { IUser };\n"],"mappings":";AAiBA,IAAYW,gBAAL,yBAAA,eAAA;AACLC,eAAAA,WAAAA;AACAC,eAAAA,UAAAA;AACAC,eAAAA,UAAAA;;KACF"}

package/dist/MemberPicker/tests/mockPort.d.ts

@@ -1,5 +1,5 @@
-import { IUser, TUser } from '../../ConfigProvider/getUserList';
-import { TUserGroupValue, TUserValue } from '../interface';
+import { IUser, TUser } from '../../ConfigProvider/getUserList.js';
+import { TUserGroupValue, TUserValue } from '../interface.js';
 export declare function genUserListByKeywords(keywords: string): TUser;
 export declare function genUserListByIds(ids: string[]): IUser[];
 export declare const getUserByIds: (ids: Array<TUserValue | TUserGroupValue>) => Promise<IUser[]>;

package/dist/MemberPicker/useMemberSearch.d.ts

@@ -0,0 +1,8 @@
+import { MemberSearchResult } from '../ConfigProvider/getUserList.js';
+/** 搜索状态只属于当前组件和当前请求；关闭、换关键字后拒绝旧响应回写。 */
+export default function useMemberSearch<T>(query: (keyword: string) => Promise<T[] | MemberSearchResult<T>>, keyword: string, enabled?: boolean): {
+    result: MemberSearchResult<T>;
+    loading: boolean;
+    failed: boolean;
+    retry: () => void;
+};