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

package/dist/MemberPicker/components/SingleOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleOption.js","names":[],"sources":["../../../src/MemberPicker/components/SingleOption.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport React, { useContext } from 'react';\nimport Badge from '../../Badge';\nimport ConfigProvider from '../../ConfigProvider';\nimport { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport TextLink from '../../TextLink/index';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser } from '../interface';\nimport { getAccount, getId, getPhoto } from '../utils';\nimport { isUser, isUserGroup } from '../utils/getUsersWithUserId';\nimport NickLabel from './NickLabel';\ninterface IMultipleOptionProps {\n  selected: boolean;\n  disabled?: boolean;\n  user: IUser | IUserGroup;\n  onChange?: (selected: boolean, user: IUser | IUserGroup) => void;\n  className?: string;\n  onNextLevel?: (userGroup: IUserGroup) => void;\n  hasNextLevel?: boolean;\n  showUserId?: boolean;\n}\nexport default function SingleOption(params: IMultipleOptionProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getMemberPickerItemMoreInfoKey } = ConfigProvider.useGetUserList();\n\n  const {\n    disabled,\n    user,\n    selected,\n    onChange,\n    className,\n    onNextLevel,\n    hasNextLevel = true,\n    showUserId,\n  } = params;\n\n  const onClick = () => {\n    if (disabled) return;\n\n    if (selected) {\n      onChange?.(selected, user);\n    } else onChange?.(!selected, user);\n  };\n\n  return (\n    <div\n      role=\"option\"\n      id={`ald-member-picker-option-${getId(user)}`}\n      aria-selected={selected}\n      aria-disabled={disabled || undefined}\n      tabIndex={-1}\n      className={cn('ald-member-picker-option', className, {\n        ['ald-member-picker-option-disabled']: disabled,\n      })}\n      onClick={onClick}\n      onKeyDown={(event) => {\n        if (disabled) return;\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      <div className={'ald-member-picker-label'}>\n        <div className={'ald-member-picker-option-content'}>\n          <NickLabel\n            type={user.type}\n            id={getId(user)}\n            name={user.name as string}\n            photo={getPhoto(user)}\n            account={getAccount(user)}\n            addonBefore={\n              showUserId &&\n              user.type === EUserType.USER && (\n                <span className={'ald-member-picker-option-id'}>\n                  {getMemberPickerItemMoreInfoKey\n                    ? getMemberPickerItemMoreInfoKey(user)\n                    : user.userId}\n                </span>\n              )\n            }\n          ></NickLabel>\n          {/* 如果是用户的话并且user.ban为true，则展示 已停用 Tag */}\n          {isUser(user) && user.ban && (\n            <Badge\n              status=\"default\"\n              count={t.MemberPicker.ban}\n              className={'ald-member-picker-ban-badge'}\n            ></Badge>\n          )}\n        </div>\n      </div>\n      {isUserGroup(user) && hasNextLevel && (\n        <TextLink\n          className=\"ald-member-picker-btn\"\n          size=\"small\"\n          disabled={disabled}\n          onClick={(e) => {\n            onNextLevel?.(user);\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n        >\n          {t.MemberPicker.subLevel}\n        </TextLink>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAwB,aAAa,QAA8B;CACjE,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EAAE,mCAAmC,wBAAe,gBAAgB;CAE1E,MAAM,EACJ,UACA,MACA,UACA,UACA,WACA,aACA,eAAe,MACf,eACE;CAEJ,MAAM,gBAAgB;AACpB,MAAI,SAAU;AAEd,MAAI,SACF,YAAW,UAAU,KAAK;MACrB,YAAW,CAAC,UAAU,KAAK;;AAGpC,QACE,qBAAC,OAAD;EACE,MAAK;EACL,IAAI,4BAA4B,MAAM,KAAK;EAC3C,iBAAe;EACf,iBAAe,YAAY;EAC3B,UAAU;EACV,WAAW,GAAG,4BAA4B,WAAW,GAClD,sCAAsC,UACxC,CAAC;EACO;EACT,YAAY,UAAU;AACpB,OAAI,SAAU;AACd,OAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,UAAM,gBAAgB;AACtB,aAAS;;;YAdf,CAkBE,oBAAC,OAAD;GAAK,WAAW;aACd,qBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,oBAAC,mBAAD;KACE,MAAM,KAAK;KACX,IAAI,MAAM,KAAK;KACf,MAAM,KAAK;KACX,OAAO,SAAS,KAAK;KACrB,SAAS,WAAW,KAAK;KACzB,aACE,cACA,KAAK,SAAS,UAAU,QACtB,oBAAC,QAAD;MAAM,WAAW;gBACd,iCACG,+BAA+B,KAAK,GACpC,KAAK;MACJ,CAAA;KAGA,CAAA,EAEZ,OAAO,KAAK,IAAI,KAAK,OACpB,oBAAC,OAAD;KACE,QAAO;KACP,OAAO,EAAE,aAAa;KACtB,WAAW;KACJ,CAAA,CAEP;;GACF,CAAA,EACL,YAAY,KAAK,IAAI,gBACpB,oBAAC,UAAD;GACE,WAAU;GACV,MAAK;GACK;GACV,UAAU,MAAM;AACd,kBAAc,KAAK;AACnB,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;;aAGnB,EAAE,aAAa;GACP,CAAA,CAET"}
+{"version":3,"file":"SingleOption.js","names":["cn","React","useContext","Badge","ConfigProvider","EUserType","IUserGroup","TextLink","LocaleContext","getTranslator","IUser","getAccount","getId","getPhoto","isUser","isUserGroup","NickLabel","IMultipleOptionProps","selected","disabled","user","onChange","className","onNextLevel","userGroup","hasNextLevel","showUserId","searchValue","SingleOption","params","$","_c","locale","t0","t","getMemberPickerItemMoreInfoKey","useGetUserList","t1","undefined","t2","onClick","t3","t4","t5","t6","t7","event","key","preventDefault","t8","path","t9","type","t10","t11","name","t12","t13","t14","USER","userId","t15","t16","ban","MemberPicker","t17","t18","e","stopPropagation","subLevel","t19"],"sources":["../../../src/MemberPicker/components/SingleOption.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport React, { useContext } from 'react';\nimport Badge from '../../Badge';\nimport ConfigProvider from '../../ConfigProvider';\nimport { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport TextLink from '../../TextLink/index';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser } from '../interface';\nimport { getAccount, getId, getPhoto } from '../utils';\nimport { isUser, isUserGroup } from '../utils/getUsersWithUserId';\nimport NickLabel from './NickLabel';\ninterface IMultipleOptionProps {\n  selected: boolean;\n  disabled?: boolean;\n  user: IUser | IUserGroup;\n  onChange?: (selected: boolean, user: IUser | IUserGroup) => void;\n  className?: string;\n  onNextLevel?: (userGroup: IUserGroup) => void;\n  hasNextLevel?: boolean;\n  showUserId?: boolean;\n  searchValue?: string;\n}\nexport default function SingleOption(params: IMultipleOptionProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getMemberPickerItemMoreInfoKey } = ConfigProvider.useGetUserList();\n\n  const {\n    disabled,\n    user,\n    selected,\n    onChange,\n    className,\n    onNextLevel,\n    hasNextLevel = true,\n    searchValue,\n    showUserId,\n  } = params;\n\n  const onClick = () => {\n    if (disabled) return;\n\n    if (selected) {\n      onChange?.(selected, user);\n    } else onChange?.(!selected, user);\n  };\n\n  return (\n    <div\n      role=\"option\"\n      id={`ald-member-picker-option-${getId(user)}`}\n      aria-selected={selected}\n      aria-disabled={disabled || undefined}\n      tabIndex={-1}\n      className={cn('ald-member-picker-option', className, {\n        ['ald-member-picker-option-disabled']: disabled,\n      })}\n      onClick={onClick}\n      onKeyDown={(event) => {\n        if (disabled) return;\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      <div className={'ald-member-picker-label'}>\n        <div className={'ald-member-picker-option-content'}>\n          <NickLabel\n            searchValue={searchValue}\n            path={isUserGroup(user) ? user.path : undefined}\n            type={user.type}\n            id={getId(user)}\n            name={user.name as string}\n            photo={getPhoto(user)}\n            account={getAccount(user)}\n            addonBefore={\n              showUserId &&\n              user.type === EUserType.USER && (\n                <span className={'ald-member-picker-option-id'}>\n                  {getMemberPickerItemMoreInfoKey\n                    ? getMemberPickerItemMoreInfoKey(user)\n                    : user.userId}\n                </span>\n              )\n            }\n          ></NickLabel>\n          {/* 如果是用户的话并且user.ban为true，则展示 已停用 Tag */}\n          {isUser(user) && user.ban && (\n            <Badge\n              status=\"default\"\n              count={t.MemberPicker.ban}\n              className={'ald-member-picker-ban-badge'}\n            ></Badge>\n          )}\n        </div>\n      </div>\n      {isUserGroup(user) && hasNextLevel && (\n        <TextLink\n          className=\"ald-member-picker-btn\"\n          size=\"small\"\n          disabled={disabled}\n          onClick={(e) => {\n            onNextLevel?.(user);\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n        >\n          {t.MemberPicker.subLevel}\n        </TextLink>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/MemberPicker/components/UserGroupSelection.d.ts

@@ -1,6 +1,9 @@
 import { default as React } from 'react';
-import { IUserGroup, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
+import { IUserGroup, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList.js';
 interface IProps {
+    active?: boolean;
+    useProvidedSearch?: boolean;
+    parentSearchFailed?: boolean;
     className?: string;
     userGroupList: IUserGroup[];
     multiple?: boolean;
@@ -21,5 +24,5 @@ interface IProps {
         originNode: React.ReactNode;
     }) => React.ReactNode;
 }
-declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, onSearchValueChange, width, lockedIds, filterItem, searchValue, showSearch, renderItem, }: IProps) => import("react/jsx-runtime").JSX.Element;
+declare const UserGroupSelection: ({ active, useProvidedSearch, parentSearchFailed, className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, onSearchValueChange, width, lockedIds, filterItem, searchValue, showSearch, renderItem, }: IProps) => React.JSX.Element;
 export default UserGroupSelection;

package/dist/MemberPicker/components/UserGroupSelection.js

@@ -8,178 +8,358 @@ import Empty from "../../Empty/index.js";
 import ScrollArea_default from "../../ScrollArea/index.js";
 import GetUserListContext from "../../ConfigProvider/getUserList.js";
 import CustomSpin from "../../Spin/index.js";
+import SearchFeedback from "./SearchFeedback.js";
+import useMemberSearch from "../useMemberSearch.js";
 import { isUserGroup } from "../utils/getUsersWithUserId.js";
 import MultipleList from "./MultipleOption.js";
 import SingleOption from "./SingleOption.js";
-import { useContext, useEffect, useMemo, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useContext, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import _ from "lodash";
 //#region src/MemberPicker/components/UserGroupSelection.tsx
-var UserGroupSelection = ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, onSearchValueChange, width, lockedIds, filterItem, searchValue = "", showSearch, renderItem }) => {
+var UserGroupSelection = (t0) => {
+	const $ = c(91);
+	const { active: t1, useProvidedSearch: t2, parentSearchFailed: t3, className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, onSearchValueChange, width, lockedIds, filterItem, searchValue: t4, showSearch, renderItem } = t0;
+	const active = t1 === void 0 ? true : t1;
+	const useProvidedSearch = t2 === void 0 ? false : t2;
+	const parentSearchFailed = t3 === void 0 ? false : t3;
+	const searchValue = t4 === void 0 ? "" : t4;
 	const { locale } = useContext(LocaleContext);
-	const t = getTranslator(locale);
-	const { getNextLevelGroup } = useContext(GetUserListContext);
-	const isAsync = !!getNextLevelGroup;
-	const [groupPath, setGroupPath] = useState([]);
-	const [asyncUserGroupList, setAsyncUserGroupList] = useState([]);
-	const parentGroupId = _.last(groupPath)?.groupId;
-	useEffect(() => {
-		if (!getNextLevelGroup) return;
-		let ignore = false;
-		getNextLevelGroup({
-			parentGroupId,
-			keyword: searchValue
-		}).then((userGroups) => {
-			if (!ignore) setAsyncUserGroupList(userGroups);
-		});
-		return () => {
-			ignore = true;
+	let t5;
+	if ($[0] !== locale) {
+		t5 = getTranslator(locale);
+		$[0] = locale;
+		$[1] = t5;
+	} else t5 = $[1];
+	const t = t5;
+	const { getNextLevelGroup, getNextLevelGroupWithMeta } = useContext(GetUserListContext);
+	const isAsync = !!(getNextLevelGroup || getNextLevelGroupWithMeta);
+	let t6;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = [];
+		$[2] = t6;
+	} else t6 = $[2];
+	const [groupPath, setGroupPath] = useState(t6);
+	let t7;
+	if ($[3] !== groupPath) {
+		t7 = _.last(groupPath)?.groupId;
+		$[3] = groupPath;
+		$[4] = t7;
+	} else t7 = $[4];
+	const parentGroupId = t7;
+	let t8;
+	if ($[5] !== getNextLevelGroup || $[6] !== getNextLevelGroupWithMeta || $[7] !== parentGroupId) {
+		t8 = (keyword) => {
+			const params = {
+				parentGroupId,
+				keyword
+			};
+			if (getNextLevelGroupWithMeta) return getNextLevelGroupWithMeta(params);
+			return getNextLevelGroup ? getNextLevelGroup(params) : Promise.resolve([]);
 		};
-	}, [
-		getNextLevelGroup,
-		parentGroupId,
-		searchValue
-	]);
-	const filterUserList = useMemo(() => {
-		let currentLevelGroups = asyncUserGroupList;
-		if (!isAsync) {
-			currentLevelGroups = userGroupList.filter((userGroup) => {
-				if (groupPath.length === 0) return !userGroup.parentId;
-				return userGroup.parentId === parentGroupId;
-			});
+		$[5] = getNextLevelGroup;
+		$[6] = getNextLevelGroupWithMeta;
+		$[7] = parentGroupId;
+		$[8] = t8;
+	} else t8 = $[8];
+	const { result, loading: groupLoading, failed, retry } = useMemberSearch(t8, searchValue, isAsync && active && !useProvidedSearch);
+	let currentLevelGroups = result.items;
+	if (!isAsync || useProvidedSearch) {
+		let t9;
+		if ($[9] !== groupPath.length || $[10] !== parentGroupId || $[11] !== searchValue || $[12] !== userGroupList) {
+			let t10;
+			if ($[15] !== groupPath.length || $[16] !== parentGroupId || $[17] !== searchValue) {
+				t10 = (userGroup) => {
+					if (searchValue.trim()) return true;
+					if (groupPath.length === 0) return !userGroup.parentId;
+					return userGroup.parentId === parentGroupId;
+				};
+				$[15] = groupPath.length;
+				$[16] = parentGroupId;
+				$[17] = searchValue;
+				$[18] = t10;
+			} else t10 = $[18];
+			currentLevelGroups = userGroupList.filter(t10);
 			const normalizedKeyword = searchValue.trim().toLowerCase();
-			currentLevelGroups = currentLevelGroups.filter((group) => {
+			t9 = currentLevelGroups.filter((group) => {
 				if (!normalizedKeyword) return true;
 				return group.name.toLowerCase().includes(normalizedKeyword);
 			});
+			$[9] = groupPath.length;
+			$[10] = parentGroupId;
+			$[11] = searchValue;
+			$[12] = userGroupList;
+			$[13] = t9;
+			$[14] = currentLevelGroups;
+		} else {
+			t9 = $[13];
+			currentLevelGroups = $[14];
 		}
-		return currentLevelGroups.filter((userGroup) => {
-			if (filterItem) return filterItem(userGroup);
-			return true;
+		currentLevelGroups = t9;
+	}
+	let t9;
+	if ($[19] !== currentLevelGroups || $[20] !== filterItem) {
+		let t10;
+		if ($[22] !== filterItem) {
+			t10 = (userGroup_0) => {
+				if (filterItem) return filterItem(userGroup_0);
+				return true;
+			};
+			$[22] = filterItem;
+			$[23] = t10;
+		} else t10 = $[23];
+		t9 = currentLevelGroups.filter(t10);
+		$[19] = currentLevelGroups;
+		$[20] = filterItem;
+		$[21] = t9;
+	} else t9 = $[21];
+	const filterUserList = t9;
+	let t10;
+	if ($[24] !== className) {
+		t10 = cn(className, "ald-member-picker-member-list-wrap");
+		$[24] = className;
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] !== onSearchValueChange || $[27] !== searchValue || $[28] !== showSearch || $[29] !== t) {
+		t11 = showSearch && /* @__PURE__ */ jsx(Input, {
+			prefix: /* @__PURE__ */ jsx(Memo$1, { size: 16 }),
+			className: "ald-member-picker-search-input",
+			"aria-label": t.InputSearch.search,
+			autoFocus: true,
+			value: searchValue,
+			onChange: (event) => onSearchValueChange?.(event.target.value)
 		});
-	}, [
-		asyncUserGroupList,
-		filterItem,
-		groupPath.length,
-		isAsync,
-		parentGroupId,
-		searchValue,
-		userGroupList
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn(className, "ald-member-picker-member-list-wrap"),
-		children: [
-			showSearch && /* @__PURE__ */ jsx(Input, {
-				prefix: /* @__PURE__ */ jsx(Memo$1, { size: 16 }),
-				className: "ald-member-picker-search-input",
-				"aria-label": t.InputSearch.search,
-				autoFocus: true,
-				value: searchValue,
-				onChange: (event) => onSearchValueChange?.(event.target.value)
-			}),
-			userGroupList.length === 0 && !loading && /* @__PURE__ */ jsx(Empty, {
-				title: t.MemberPicker.noData,
-				size: "small",
-				image: Empty.PRESENTED_IMAGE_SEARCH,
-				className: "ald-member-picker-member-list-empty"
-			}),
-			groupPath.length !== 0 && /* @__PURE__ */ jsx(ScrollArea_default, {
-				className: "ald-member-picker-breadcrumb-scroll",
-				children: /* @__PURE__ */ jsxs(Breadcrumb, {
-					className: "ald-member-picker-breadcrumb",
-					children: [/* @__PURE__ */ jsx(Breadcrumb.Item, {
-						className: "ald-member-picker-breadcrumb-item",
-						onClick: () => {
-							setGroupPath([]);
-						},
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "ald-member-picker-breadcrumb-item-inner",
-							children: [/* @__PURE__ */ jsx(Memo, { size: 16 }), t.MemberPicker.userGroups]
-						})
-					}), groupPath.map((group) => /* @__PURE__ */ jsx(Breadcrumb.Item, {
-						className: "ald-member-picker-breadcrumb-item",
-						onClick: () => {
-							setGroupPath((groups) => {
-								const groupIndex = groups.findIndex((tempGroup) => tempGroup.groupId === group.groupId);
-								return groups.filter((tempGroup, index) => index <= groupIndex);
-							});
-						},
-						children: /* @__PURE__ */ jsx("div", {
-							className: "ald-member-picker-breadcrumb-item-inner",
-							children: group.name
-						})
-					}, group.groupId))]
-				})
-			}),
-			/* @__PURE__ */ jsx(CustomSpin, {
-				tip: "Loading",
-				spinning: loading,
-				size: "small",
-				className: "ald-member-picker-user-list",
-				children: /* @__PURE__ */ jsx(ScrollArea_default, {
-					className: cn("ald-member-picker-member-list", { "ald-member-picker-member-list-null": userGroupList.length === 0 && !loading }),
-					innerClassName: "ald-member-picker-member-scroll",
+		$[26] = onSearchValueChange;
+		$[27] = searchValue;
+		$[28] = showSearch;
+		$[29] = t;
+		$[30] = t11;
+	} else t11 = $[30];
+	let t12;
+	if ($[31] !== failed || $[32] !== filterUserList.length || $[33] !== groupLoading || $[34] !== loading || $[35] !== parentSearchFailed || $[36] !== t || $[37] !== useProvidedSearch) {
+		t12 = filterUserList.length === 0 && !loading && !(useProvidedSearch ? parentSearchFailed : groupLoading || failed) && /* @__PURE__ */ jsx(Empty, {
+			title: t.MemberPicker.noData,
+			size: "small",
+			image: Empty.PRESENTED_IMAGE_SEARCH,
+			className: "ald-member-picker-member-list-empty"
+		});
+		$[31] = failed;
+		$[32] = filterUserList.length;
+		$[33] = groupLoading;
+		$[34] = loading;
+		$[35] = parentSearchFailed;
+		$[36] = t;
+		$[37] = useProvidedSearch;
+		$[38] = t12;
+	} else t12 = $[38];
+	let t13;
+	if ($[39] !== groupPath || $[40] !== t) {
+		t13 = groupPath.length !== 0 && /* @__PURE__ */ jsx(ScrollArea_default, {
+			className: "ald-member-picker-breadcrumb-scroll",
+			children: /* @__PURE__ */ jsxs(Breadcrumb, {
+				className: "ald-member-picker-breadcrumb",
+				children: [/* @__PURE__ */ jsx(Breadcrumb.Item, {
+					className: "ald-member-picker-breadcrumb-item",
+					onClick: () => {
+						setGroupPath([]);
+					},
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "ald-member-picker-breadcrumb-item-inner",
+						children: [/* @__PURE__ */ jsx(Memo, { size: 16 }), t.MemberPicker.userGroups]
+					})
+				}), groupPath.map((group_0) => /* @__PURE__ */ jsx(Breadcrumb.Item, {
+					className: "ald-member-picker-breadcrumb-item",
+					onClick: () => {
+						setGroupPath((groups) => {
+							const groupIndex = groups.findIndex((tempGroup) => tempGroup.groupId === group_0.groupId);
+							return groups.filter((tempGroup_0, index) => index <= groupIndex);
+						});
+					},
 					children: /* @__PURE__ */ jsx("div", {
-						role: "listbox",
-						"aria-label": "Groups",
-						"aria-multiselectable": multiple || void 0,
-						className: "ald-member-picker-member-list-inner",
-						style: {
-							width: multiple ? width : void 0,
-							overflow: "hidden"
-						},
-						children: filterUserList.map((userGroup) => {
-							const isSelected = selectedUsersGroups.some((selectUserGroup) => selectUserGroup.groupId === userGroup.groupId);
-							const disabled = _.findIndex(lockedIds, {
-								groupId: userGroup.groupId,
-								type: userGroup.type
-							}) !== -1;
-							const hasNextLevel = userGroupList.some((group) => group.parentId === userGroup.groupId) || isAsync;
-							const onNextLevel = () => {
-								setGroupPath((prev) => [...prev, userGroup]);
-								onSearchValueChange?.("");
-							};
-							const originNode = multiple ? /* @__PURE__ */ jsx(MultipleList, {
-								user: userGroup,
-								disabled,
-								selected: isSelected,
-								onChange: (selected, userGroup) => {
-									if (isUserGroup(userGroup)) onChange(selected, userGroup);
-								},
-								hasNextLevel,
-								onNextLevel
-							}, userGroup.groupId) : /* @__PURE__ */ jsx(SingleOption, {
-								user: userGroup,
-								disabled,
-								selected: isSelected,
-								onChange: (selected, userGroup) => {
-									if (isUserGroup(userGroup)) onChange(selected, userGroup);
-								},
-								hasNextLevel,
-								onNextLevel
-							}, userGroup.groupId);
-							if (renderItem) return /* @__PURE__ */ jsx("div", {
-								role: "option",
-								id: `ald-member-picker-option-${userGroup.groupId}`,
-								"aria-selected": isSelected,
-								"aria-disabled": disabled || void 0,
-								children: renderItem(userGroup, {
-									isSelected,
-									disabled,
-									onClick: () => {
-										if (isUserGroup(userGroup) && !disabled) onChange(!isSelected, userGroup);
-									},
-									onNextLevel: hasNextLevel ? onNextLevel : void 0,
-									originNode
-								})
-							}, userGroup.groupId);
-							return originNode;
-						})
+						className: "ald-member-picker-breadcrumb-item-inner",
+						children: group_0.name
 					})
-				})
+				}, group_0.groupId))]
 			})
-		]
-	});
+		});
+		$[39] = groupPath;
+		$[40] = t;
+		$[41] = t13;
+	} else t13 = $[41];
+	let t14;
+	if ($[42] !== failed || $[43] !== isAsync || $[44] !== result.hasMore || $[45] !== result.pathWarningCode || $[46] !== retry || $[47] !== useProvidedSearch) {
+		t14 = isAsync && !useProvidedSearch && /* @__PURE__ */ jsx(SearchFeedback, {
+			failed,
+			hasMore: result.hasMore,
+			pathWarningCode: result.pathWarningCode,
+			retry
+		});
+		$[42] = failed;
+		$[43] = isAsync;
+		$[44] = result.hasMore;
+		$[45] = result.pathWarningCode;
+		$[46] = retry;
+		$[47] = useProvidedSearch;
+		$[48] = t14;
+	} else t14 = $[48];
+	const t15 = loading || !useProvidedSearch && groupLoading;
+	const t16 = filterUserList.length === 0 && !loading && !groupLoading;
+	let t17;
+	if ($[49] !== t16) {
+		t17 = cn("ald-member-picker-member-list", { "ald-member-picker-member-list-null": t16 });
+		$[49] = t16;
+		$[50] = t17;
+	} else t17 = $[50];
+	const t18 = multiple || void 0;
+	const t19 = multiple ? width : void 0;
+	let t20;
+	if ($[51] !== t19) {
+		t20 = {
+			width: t19,
+			overflow: "hidden"
+		};
+		$[51] = t19;
+		$[52] = t20;
+	} else t20 = $[52];
+	let t21;
+	if ($[53] !== filterUserList || $[54] !== isAsync || $[55] !== lockedIds || $[56] !== multiple || $[57] !== onChange || $[58] !== onSearchValueChange || $[59] !== renderItem || $[60] !== searchValue || $[61] !== selectedUsersGroups || $[62] !== userGroupList) {
+		let t22;
+		if ($[64] !== isAsync || $[65] !== lockedIds || $[66] !== multiple || $[67] !== onChange || $[68] !== onSearchValueChange || $[69] !== renderItem || $[70] !== searchValue || $[71] !== selectedUsersGroups || $[72] !== userGroupList) {
+			t22 = (userGroup_1) => {
+				const isSelected = selectedUsersGroups.some((selectUserGroup) => selectUserGroup.groupId === userGroup_1.groupId);
+				const disabled = _.findIndex(lockedIds, {
+					groupId: userGroup_1.groupId,
+					type: userGroup_1.type
+				}) !== -1;
+				const hasNextLevel = userGroupList.some((group_1) => group_1.parentId === userGroup_1.groupId) || isAsync;
+				const onNextLevel = () => {
+					setGroupPath((prev) => [...prev, userGroup_1]);
+					onSearchValueChange?.("");
+				};
+				const originNode = multiple ? /* @__PURE__ */ jsx(MultipleList, {
+					searchValue,
+					user: userGroup_1,
+					disabled,
+					selected: isSelected,
+					onChange: (selected, userGroup_2) => {
+						if (isUserGroup(userGroup_2)) onChange(selected, userGroup_2);
+					},
+					hasNextLevel,
+					onNextLevel
+				}, userGroup_1.groupId) : /* @__PURE__ */ jsx(SingleOption, {
+					searchValue,
+					user: userGroup_1,
+					disabled,
+					selected: isSelected,
+					onChange: (selected_0, userGroup_3) => {
+						if (isUserGroup(userGroup_3)) onChange(selected_0, userGroup_3);
+					},
+					hasNextLevel,
+					onNextLevel
+				}, userGroup_1.groupId);
+				if (renderItem) return /* @__PURE__ */ jsx("div", {
+					role: "option",
+					id: `ald-member-picker-option-${userGroup_1.groupId}`,
+					"aria-selected": isSelected,
+					"aria-disabled": disabled || void 0,
+					children: renderItem(userGroup_1, {
+						isSelected,
+						disabled,
+						onClick: () => {
+							if (isUserGroup(userGroup_1) && !disabled) onChange(!isSelected, userGroup_1);
+						},
+						onNextLevel: hasNextLevel ? onNextLevel : void 0,
+						originNode
+					})
+				}, userGroup_1.groupId);
+				return originNode;
+			};
+			$[64] = isAsync;
+			$[65] = lockedIds;
+			$[66] = multiple;
+			$[67] = onChange;
+			$[68] = onSearchValueChange;
+			$[69] = renderItem;
+			$[70] = searchValue;
+			$[71] = selectedUsersGroups;
+			$[72] = userGroupList;
+			$[73] = t22;
+		} else t22 = $[73];
+		t21 = filterUserList.map(t22);
+		$[53] = filterUserList;
+		$[54] = isAsync;
+		$[55] = lockedIds;
+		$[56] = multiple;
+		$[57] = onChange;
+		$[58] = onSearchValueChange;
+		$[59] = renderItem;
+		$[60] = searchValue;
+		$[61] = selectedUsersGroups;
+		$[62] = userGroupList;
+		$[63] = t21;
+	} else t21 = $[63];
+	let t22;
+	if ($[74] !== t18 || $[75] !== t20 || $[76] !== t21) {
+		t22 = /* @__PURE__ */ jsx("div", {
+			role: "listbox",
+			"aria-label": "Groups",
+			"aria-multiselectable": t18,
+			className: "ald-member-picker-member-list-inner",
+			style: t20,
+			children: t21
+		});
+		$[74] = t18;
+		$[75] = t20;
+		$[76] = t21;
+		$[77] = t22;
+	} else t22 = $[77];
+	let t23;
+	if ($[78] !== t17 || $[79] !== t22) {
+		t23 = /* @__PURE__ */ jsx(ScrollArea_default, {
+			className: t17,
+			innerClassName: "ald-member-picker-member-scroll",
+			children: t22
+		});
+		$[78] = t17;
+		$[79] = t22;
+		$[80] = t23;
+	} else t23 = $[80];
+	let t24;
+	if ($[81] !== t15 || $[82] !== t23) {
+		t24 = /* @__PURE__ */ jsx(CustomSpin, {
+			tip: "Loading",
+			spinning: t15,
+			size: "small",
+			className: "ald-member-picker-user-list",
+			children: t23
+		});
+		$[81] = t15;
+		$[82] = t23;
+		$[83] = t24;
+	} else t24 = $[83];
+	let t25;
+	if ($[84] !== t10 || $[85] !== t11 || $[86] !== t12 || $[87] !== t13 || $[88] !== t14 || $[89] !== t24) {
+		t25 = /* @__PURE__ */ jsxs("div", {
+			className: t10,
+			children: [
+				t11,
+				t12,
+				t13,
+				t14,
+				t24
+			]
+		});
+		$[84] = t10;
+		$[85] = t11;
+		$[86] = t12;
+		$[87] = t13;
+		$[88] = t14;
+		$[89] = t24;
+		$[90] = t25;
+	} else t25 = $[90];
+	return t25;
 };
 //#endregion
 export { UserGroupSelection as default };