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

package/dist/MemberPicker/dialog/MemberOption.js

@@ -0,0 +1,269 @@
+import { cn } from "../../lib/utils.js";
+import Avatar from "../../Avatar/index.js";
+import Button_default from "../../Button/index.js";
+import Checkbox from "../../Checkbox/index.js";
+import Tooltip from "../../Tooltip/index.js";
+import Tag from "../../Tag/index.js";
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+import HighlightText from "../../HighlightText/index.js";
+import useDialogLocale from "./useDialogLocale.js";
+import { c } from "react-compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/dialog/MemberOption.tsx
+/** 候选项统一用名称切换选择；用户组仅通过右侧独立入口进入下级。 */
+function MemberOption(t0) {
+	const $ = c(73);
+	const { member, selected, locked, onToggle, onRemove, onOpenGroup, renderItem, renderSelectedTag, searchValue } = t0;
+	const t = useDialogLocale();
+	let t1;
+	if ($[0] !== member || $[1] !== onToggle) {
+		t1 = () => onToggle?.(member);
+		$[0] = member;
+		$[1] = onToggle;
+		$[2] = t1;
+	} else t1 = $[2];
+	const toggle = t1;
+	let t2;
+	if ($[3] !== member.name || $[4] !== member.path || $[5] !== member.type || $[6] !== searchValue) {
+		t2 = member.type === EUserType.USER_GROUP && searchValue?.trim() && member.path?.length ? member.path.map(_temp).join(" / ") : member.name;
+		$[3] = member.name;
+		$[4] = member.path;
+		$[5] = member.type;
+		$[6] = searchValue;
+		$[7] = t2;
+	} else t2 = $[7];
+	const displayName = t2;
+	let t3;
+	if ($[8] !== member.path || $[9] !== member.type || $[10] !== searchValue) {
+		t3 = member.type === EUserType.USER_GROUP && searchValue?.trim() ? member.path?.slice(0, -1).map(_temp2).join(" / ") : void 0;
+		$[8] = member.path;
+		$[9] = member.type;
+		$[10] = searchValue;
+		$[11] = t3;
+	} else t3 = $[11];
+	const ancestors = t3;
+	const t4 = locked ? "tw-text-content-disabled" : "tw-text-content-primary";
+	let t5;
+	if ($[12] !== t4) {
+		t5 = cn("tw-min-w-0 tw-flex-1 tw-truncate tw-text-typography-body-dense", t4);
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== ancestors) {
+		t6 = ancestors && /* @__PURE__ */ jsxs("span", {
+			className: "tw-text-content-secondary",
+			children: [ancestors, " / "]
+		});
+		$[14] = ancestors;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== searchValue) {
+		t7 = searchValue?.trim() ?? "";
+		$[16] = searchValue;
+		$[17] = t7;
+	} else t7 = $[17];
+	const t8 = member.name ?? "";
+	let t9;
+	if ($[18] !== t7 || $[19] !== t8) {
+		t9 = /* @__PURE__ */ jsx(HighlightText, {
+			keyword: t7,
+			children: t8
+		});
+		$[18] = t7;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	let t10;
+	if ($[21] !== displayName || $[22] !== t5 || $[23] !== t6 || $[24] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("span", {
+			title: displayName,
+			className: t5,
+			children: [t6, t9]
+		});
+		$[21] = displayName;
+		$[22] = t5;
+		$[23] = t6;
+		$[24] = t9;
+		$[25] = t10;
+	} else t10 = $[25];
+	const nameTextNode = t10;
+	let t11;
+	if ($[26] !== displayName || $[27] !== nameTextNode) {
+		t11 = /* @__PURE__ */ jsx(Tooltip, {
+			title: displayName,
+			children: nameTextNode
+		});
+		$[26] = displayName;
+		$[27] = nameTextNode;
+		$[28] = t11;
+	} else t11 = $[28];
+	const nameNode = t11;
+	let t12;
+	if ($[29] !== locked || $[30] !== member || $[31] !== nameNode || $[32] !== onOpenGroup || $[33] !== renderItem || $[34] !== selected || $[35] !== toggle) {
+		t12 = renderItem?.(member, {
+			isSelected: selected,
+			disabled: locked,
+			onClick: toggle,
+			onNextLevel: onOpenGroup,
+			originNode: nameNode
+		});
+		$[29] = locked;
+		$[30] = member;
+		$[31] = nameNode;
+		$[32] = onOpenGroup;
+		$[33] = renderItem;
+		$[34] = selected;
+		$[35] = toggle;
+		$[36] = t12;
+	} else t12 = $[36];
+	const renderedCandidate = t12;
+	let t13;
+	if ($[37] !== member || $[38] !== nameNode || $[39] !== onRemove || $[40] !== renderSelectedTag) {
+		t13 = onRemove ? renderSelectedTag?.(member, nameNode) : void 0;
+		$[37] = member;
+		$[38] = nameNode;
+		$[39] = onRemove;
+		$[40] = renderSelectedTag;
+		$[41] = t13;
+	} else t13 = $[41];
+	const content = t13 ?? renderedCandidate ?? nameNode;
+	if (onRemove) {
+		let t14;
+		if ($[42] !== member || $[43] !== onRemove) {
+			t14 = (event) => {
+				event.stopPropagation();
+				onRemove(member);
+			};
+			$[42] = member;
+			$[43] = onRemove;
+			$[44] = t14;
+		} else t14 = $[44];
+		let t15;
+		if ($[45] !== content || $[46] !== locked || $[47] !== member.name || $[48] !== t14) {
+			t15 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tag, {
+				closable: true,
+				disabled: locked,
+				status: "default",
+				mode: "border",
+				title: member.name,
+				className: "tw-min-w-0 tw-max-w-full",
+				onClose: t14,
+				children: content
+			}) });
+			$[45] = content;
+			$[46] = locked;
+			$[47] = member.name;
+			$[48] = t14;
+			$[49] = t15;
+		} else t15 = $[49];
+		return t15;
+	}
+	const t14 = locked ? void 0 : toggle;
+	let t15;
+	if ($[50] !== locked || $[51] !== member.name || $[52] !== selected || $[53] !== toggle) {
+		t15 = /* @__PURE__ */ jsx("span", {
+			onClick: _temp3,
+			children: /* @__PURE__ */ jsx(Checkbox, {
+				checked: selected,
+				disabled: locked,
+				"aria-label": member.name,
+				onChange: toggle
+			})
+		});
+		$[50] = locked;
+		$[51] = member.name;
+		$[52] = selected;
+		$[53] = toggle;
+		$[54] = t15;
+	} else t15 = $[54];
+	const t16 = member.type === EUserType.USER ? "user" : "team";
+	let t17;
+	if ($[55] !== t16) {
+		t17 = /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "tw-flex tw-shrink-0",
+			children: /* @__PURE__ */ jsx(Avatar, {
+				size: 20,
+				type: t16
+			})
+		});
+		$[55] = t16;
+		$[56] = t17;
+	} else t17 = $[56];
+	let t18;
+	if ($[57] !== toggle) {
+		t18 = (event_1) => {
+			event_1.stopPropagation();
+			toggle();
+		};
+		$[57] = toggle;
+		$[58] = t18;
+	} else t18 = $[58];
+	let t19;
+	if ($[59] !== content || $[60] !== locked || $[61] !== t18) {
+		t19 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			disabled: locked,
+			className: "tw-flex tw-min-w-0 tw-flex-1 tw-items-center tw-border-0 tw-bg-transparent tw-p-0 tw-text-left focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[var(--focus-ring)]",
+			onClick: t18,
+			children: content
+		}) });
+		$[59] = content;
+		$[60] = locked;
+		$[61] = t18;
+		$[62] = t19;
+	} else t19 = $[62];
+	let t20;
+	if ($[63] !== locked || $[64] !== onOpenGroup || $[65] !== t) {
+		t20 = onOpenGroup ? /* @__PURE__ */ jsx(Button_default, {
+			type: "link",
+			size: "small",
+			className: "tw-ml-auto tw-shrink-0",
+			disabled: locked,
+			onClick: (event_2) => {
+				event_2.stopPropagation();
+				onOpenGroup();
+			},
+			children: t.MemberPickerDialog.subLevel
+		}) : null;
+		$[63] = locked;
+		$[64] = onOpenGroup;
+		$[65] = t;
+		$[66] = t20;
+	} else t20 = $[66];
+	let t21;
+	if ($[67] !== t14 || $[68] !== t15 || $[69] !== t17 || $[70] !== t19 || $[71] !== t20) {
+		t21 = /* @__PURE__ */ jsxs("div", {
+			className: "tw-flex tw-min-w-0 tw-items-center tw-gap-sp-100 tw-rounded-r-50 tw-px-sp-150 tw-py-sp-100 hover:tw-bg-bg-subtle",
+			onClick: t14,
+			children: [
+				t15,
+				t17,
+				t19,
+				t20
+			]
+		});
+		$[67] = t14;
+		$[68] = t15;
+		$[69] = t17;
+		$[70] = t19;
+		$[71] = t20;
+		$[72] = t21;
+	} else t21 = $[72];
+	return t21;
+}
+function _temp3(event_0) {
+	return event_0.stopPropagation();
+}
+function _temp2(node_0) {
+	return node_0.name;
+}
+function _temp(node) {
+	return node.name;
+}
+//#endregion
+export { MemberOption as default };
+
+//# sourceMappingURL=MemberOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemberOption.js","names":["ReactNode","Button","Avatar","cn","Checkbox","EUserType","Tag","Tooltip","HighlightText","IMemberPickerProps","MemberPickerProps","useDialogLocale","TMember","IProps","member","selected","locked","onToggle","onRemove","onOpenGroup","renderItem","searchValue","renderSelectedTag","MemberOption","t0","$","_c","t","t1","toggle","t2","name","path","type","USER_GROUP","trim","length","map","_temp","join","displayName","t3","slice","_temp2","undefined","ancestors","t4","t5","t6","t7","t8","t9","t10","nameTextNode","t11","nameNode","t12","isSelected","disabled","onClick","onNextLevel","originNode","renderedCandidate","t13","renderedSelected","content","t14","event","stopPropagation","t15","_temp3","t16","USER","t17","t18","event_1","t19","t20","event_2","MemberPickerDialog","subLevel","t21","event_0","node_0","node"],"sources":["../../../src/MemberPicker/dialog/MemberOption.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Button from '../../Button';\nimport Avatar from '../../Avatar';\nimport { cn } from '../../lib/utils';\nimport Checkbox from '../../Checkbox';\nimport { EUserType } from '../../ConfigProvider/getUserList';\nimport Tag from '../../Tag';\nimport Tooltip from '../../Tooltip';\nimport HighlightText from '../../HighlightText';\nimport type { IMemberPickerProps as MemberPickerProps } from '../interface';\nimport useDialogLocale from './useDialogLocale';\nimport type { TMember } from './types';\n\ninterface IProps {\n  member: TMember;\n  selected: boolean;\n  locked: boolean;\n  onToggle?: (member: TMember) => void;\n  onRemove?: (member: TMember) => void;\n  onOpenGroup?: () => void;\n  renderItem?: MemberPickerProps['renderItem'];\n  searchValue?: string;\n  renderSelectedTag?: MemberPickerProps['renderSelectedTag'];\n}\n\n/** 候选项统一用名称切换选择；用户组仅通过右侧独立入口进入下级。 */\nexport default function MemberOption({\n  member,\n  selected,\n  locked,\n  onToggle,\n  onRemove,\n  onOpenGroup,\n  renderItem,\n  renderSelectedTag,\n  searchValue,\n}: IProps) {\n  const t = useDialogLocale();\n  const toggle = () => onToggle?.(member);\n  const displayName =\n    member.type === EUserType.USER_GROUP &&\n    searchValue?.trim() &&\n    member.path?.length\n      ? member.path.map((node) => node.name).join(' / ')\n      : member.name;\n  // 祖先路径提供定位上下文，命中名称仍使用正文层级；标签保持原名称。\n  const ancestors =\n    member.type === EUserType.USER_GROUP && searchValue?.trim()\n      ? member.path\n          ?.slice(0, -1)\n          .map((node) => node.name)\n          .join(' / ')\n      : undefined;\n  const nameTextNode = (\n    <span\n      title={displayName}\n      className={cn(\n        'tw-min-w-0 tw-flex-1 tw-truncate tw-text-typography-body-dense',\n        locked ? 'tw-text-content-disabled' : 'tw-text-content-primary',\n      )}\n    >\n      {ancestors && (\n        <span className=\"tw-text-content-secondary\">{ancestors} / </span>\n      )}\n      <HighlightText keyword={searchValue?.trim() ?? ''}>\n        {member.name ?? ''}\n      </HighlightText>\n    </span>\n  );\n  const nameNode = <Tooltip title={displayName}>{nameTextNode}</Tooltip>;\n  const renderedCandidate = renderItem?.(member, {\n    isSelected: selected,\n    disabled: locked,\n    onClick: toggle,\n    onNextLevel: onOpenGroup,\n    originNode: nameNode,\n  });\n  const renderedSelected = onRemove\n    ? renderSelectedTag?.(member, nameNode)\n    : undefined;\n  const content: ReactNode = renderedSelected ?? renderedCandidate ?? nameNode;\n\n  if (onRemove) {\n    return (\n      <>\n        <Tag\n          closable\n          disabled={locked}\n          status=\"default\"\n          mode=\"border\"\n          title={member.name}\n          className=\"tw-min-w-0 tw-max-w-full\"\n          onClose={(event) => {\n            event.stopPropagation();\n            onRemove(member);\n          }}\n        >\n          {content}\n        </Tag>\n      </>\n    );\n  }\n\n  return (\n    <div\n      className=\"tw-flex tw-min-w-0 tw-items-center tw-gap-sp-100 tw-rounded-r-50 tw-px-sp-150 tw-py-sp-100 hover:tw-bg-bg-subtle\"\n      onClick={locked ? undefined : toggle}\n    >\n      <span onClick={(event) => event.stopPropagation()}>\n        <Checkbox\n          checked={selected}\n          disabled={locked}\n          aria-label={member.name}\n          onChange={toggle}\n        />\n      </span>\n      <span aria-hidden=\"true\" className=\"tw-flex tw-shrink-0\">\n        <Avatar\n          size={20}\n          type={member.type === EUserType.USER ? 'user' : 'team'}\n        />\n      </span>\n      <>\n        <button\n          type=\"button\"\n          disabled={locked}\n          className=\"tw-flex tw-min-w-0 tw-flex-1 tw-items-center tw-border-0 tw-bg-transparent tw-p-0 tw-text-left focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[var(--focus-ring)]\"\n          onClick={(event) => {\n            event.stopPropagation();\n            toggle();\n          }}\n        >\n          {content}\n        </button>\n      </>\n      {onOpenGroup ? (\n        <Button\n          type=\"link\"\n          size=\"small\"\n          className=\"tw-ml-auto tw-shrink-0\"\n          disabled={locked}\n          onClick={(event) => {\n            event.stopPropagation();\n            onOpenGroup();\n          }}\n        >\n          {t.MemberPickerDialog.subLevel}\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/MemberPicker/dialog/MemberPickerDialog.d.ts

@@ -0,0 +1,11 @@
+import { TUser } from '../../ConfigProvider/getUserList.js';
+import { IBaseMemberSelectorProps } from '../interface.js';
+/** 独立弹窗公开契约，数据从最近的 ConfigProvider 读取。 */
+export interface MemberPickerDialogProps extends Pick<IBaseMemberSelectorProps, 'value' | 'type' | 'lockedIds' | 'filterItem' | 'renderItem' | 'renderSelectedTag' | 'footer' | 'onCancel'> {
+    open: boolean;
+    onClose: () => void;
+    onChange?: (members: TUser) => void;
+    zIndex?: number;
+}
+/** 关闭时不挂载内容，避免关闭态请求和选择草稿串入下次打开。 */
+export default function MemberPickerDialog(props: MemberPickerDialogProps): import("react").JSX.Element | null;

package/dist/MemberPicker/dialog/MemberPickerDialog.js

@@ -0,0 +1,19 @@
+import DialogContent from "./DialogContent.js";
+import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/MemberPicker/dialog/MemberPickerDialog.tsx
+/** 关闭时不挂载内容，避免关闭态请求和选择草稿串入下次打开。 */
+function MemberPickerDialog(props) {
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = props.open ? /* @__PURE__ */ jsx(DialogContent, { ...props }) : null;
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+//#endregion
+export { MemberPickerDialog as default };
+
+//# sourceMappingURL=MemberPickerDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemberPickerDialog.js","names":["TUser","IBaseMemberSelectorProps","DialogContent","MemberPickerDialogProps","Pick","open","onClose","onChange","members","zIndex","MemberPickerDialog","props","$","_c","t0"],"sources":["../../../src/MemberPicker/dialog/MemberPickerDialog.tsx"],"sourcesContent":["import type { TUser } from '../../ConfigProvider/getUserList';\nimport type { IBaseMemberSelectorProps } from '../interface';\nimport DialogContent from './DialogContent';\n\n/** 独立弹窗公开契约，数据从最近的 ConfigProvider 读取。 */\nexport interface MemberPickerDialogProps\n  extends Pick<\n    IBaseMemberSelectorProps,\n    | 'value'\n    | 'type'\n    | 'lockedIds'\n    | 'filterItem'\n    | 'renderItem'\n    | 'renderSelectedTag'\n    | 'footer'\n    | 'onCancel'\n  > {\n  open: boolean;\n  onClose: () => void;\n  onChange?: (members: TUser) => void;\n  zIndex?: number;\n}\n\n/** 关闭时不挂载内容，避免关闭态请求和选择草稿串入下次打开。 */\nexport default function MemberPickerDialog(props: MemberPickerDialogProps) {\n  return props.open ? <DialogContent {...props} /> : null;\n}\n"],"mappings":";;;;;AAwBA,SAAeU,mBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,OAAA;AACNG,OAAAH,MAAKN,OAAQ,oBAAC,eAAD,EAAc,GAAKM,OAAgB,CAAA,GAAhD;AAAgDC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAAhDE"}

package/dist/MemberPicker/dialog/SelectedMemberPanel.d.ts

@@ -0,0 +1,12 @@
+import { IMemberPickerProps as MemberPickerProps } from '../interface.js';
+import { TUserGroupValue, TUserValue, TUser } from '../../ConfigProvider/getUserList.js';
+import { TMember } from './types.js';
+interface IProps {
+    members: TUser;
+    lockedIds?: Array<TUserValue | TUserGroupValue>;
+    onRemove: (member: TMember) => void;
+    renderSelectedTag?: MemberPickerProps['renderSelectedTag'];
+}
+/** 用户和用户组共享一个已选区，顺序直接来自不可变选择 Map。 */
+export default function SelectedMemberPanel({ members, lockedIds, onRemove, renderSelectedTag, }: IProps): import("react").JSX.Element;
+export {};

package/dist/MemberPicker/dialog/SelectedMemberPanel.js

@@ -0,0 +1,77 @@
+import Empty from "../../Empty/index.js";
+import useDialogLocale from "./useDialogLocale.js";
+import { getMemberKey, isMemberLocked } from "./helper.js";
+import MemberOption from "./MemberOption.js";
+import { c } from "react-compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/dialog/SelectedMemberPanel.tsx
+/** 用户和用户组共享一个已选区，顺序直接来自不可变选择 Map。 */
+function SelectedMemberPanel(t0) {
+	const $ = c(16);
+	const { members, lockedIds: t1, onRemove, renderSelectedTag } = t0;
+	let t2;
+	if ($[0] !== t1) {
+		t2 = t1 === void 0 ? [] : t1;
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const lockedIds = t2;
+	const t = useDialogLocale();
+	let t3;
+	if ($[2] !== members.length) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "tw-text-content-secondary tw-text-typography-caption",
+			children: members.length
+		});
+		$[2] = members.length;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== t.MemberPickerDialog.selected || $[5] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "tw-flex tw-h-10 tw-shrink-0 tw-items-center tw-gap-sp-100 tw-border-b tw-border-solid tw-border-border-default tw-px-sp-150 tw-text-content-primary tw-text-typography-label",
+			children: [t.MemberPickerDialog.selected, t3]
+		});
+		$[4] = t.MemberPickerDialog.selected;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== lockedIds || $[8] !== members || $[9] !== onRemove || $[10] !== renderSelectedTag || $[11] !== t.MemberPickerDialog.emptySelected) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: "tw-min-h-0 tw-flex-1 tw-overflow-auto tw-p-sp-150",
+			children: !members.length ? /* @__PURE__ */ jsx(Empty, { description: t.MemberPickerDialog.emptySelected }) : /* @__PURE__ */ jsx("div", {
+				className: "tw-flex tw-flex-wrap tw-content-start tw-gap-sp-100",
+				children: members.map((member) => /* @__PURE__ */ jsx(MemberOption, {
+					member,
+					selected: true,
+					locked: isMemberLocked(member, lockedIds),
+					onRemove,
+					renderSelectedTag
+				}, getMemberKey(member)))
+			})
+		});
+		$[7] = lockedIds;
+		$[8] = members;
+		$[9] = onRemove;
+		$[10] = renderSelectedTag;
+		$[11] = t.MemberPickerDialog.emptySelected;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== t4 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("section", {
+			className: "tw-flex tw-h-full tw-min-h-0 tw-flex-col tw-overflow-hidden",
+			"data-testid": "selected-member-panel",
+			children: [t4, t5]
+		});
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
+}
+//#endregion
+export { SelectedMemberPanel as default };
+
+//# sourceMappingURL=SelectedMemberPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedMemberPanel.js","names":["Empty","IMemberPickerProps","MemberPickerProps","TUserGroupValue","TUserValue","TUser","useDialogLocale","getMemberKey","isMemberLocked","MemberOption","TMember","IProps","members","lockedIds","Array","onRemove","member","renderSelectedTag","SelectedMemberPanel","t0","$","_c","t1","t2","undefined","t","t3","length","t4","MemberPickerDialog","selected","t5","emptySelected","map","t6"],"sources":["../../../src/MemberPicker/dialog/SelectedMemberPanel.tsx"],"sourcesContent":["import Empty from '../../Empty';\nimport type { IMemberPickerProps as MemberPickerProps } from '../interface';\nimport type {\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport type { TUser } from '../../ConfigProvider/getUserList';\nimport useDialogLocale from './useDialogLocale';\nimport { getMemberKey, isMemberLocked } from './helper';\nimport MemberOption from './MemberOption';\nimport type { TMember } from './types';\n\ninterface IProps {\n  members: TUser;\n  lockedIds?: Array<TUserValue | TUserGroupValue>;\n  onRemove: (member: TMember) => void;\n  renderSelectedTag?: MemberPickerProps['renderSelectedTag'];\n}\n\n/** 用户和用户组共享一个已选区，顺序直接来自不可变选择 Map。 */\nexport default function SelectedMemberPanel({\n  members,\n  lockedIds = [],\n  onRemove,\n  renderSelectedTag,\n}: IProps) {\n  const t = useDialogLocale();\n  return (\n    <section\n      className=\"tw-flex tw-h-full tw-min-h-0 tw-flex-col tw-overflow-hidden\"\n      data-testid=\"selected-member-panel\"\n    >\n      <div className=\"tw-flex tw-h-10 tw-shrink-0 tw-items-center tw-gap-sp-100 tw-border-b tw-border-solid tw-border-border-default tw-px-sp-150 tw-text-content-primary tw-text-typography-label\">\n        {t.MemberPickerDialog.selected}\n        <span className=\"tw-text-content-secondary tw-text-typography-caption\">\n          {members.length}\n        </span>\n      </div>\n      <div className=\"tw-min-h-0 tw-flex-1 tw-overflow-auto tw-p-sp-150\">\n        {!members.length ? (\n          <Empty description={t.MemberPickerDialog.emptySelected} />\n        ) : (\n          <div className=\"tw-flex tw-flex-wrap tw-content-start tw-gap-sp-100\">\n            {members.map((member) => (\n              <MemberOption\n                key={getMemberKey(member)}\n                member={member}\n                selected\n                locked={isMemberLocked(member, lockedIds)}\n                onRemove={onRemove}\n                renderSelectedTag={renderSelectedTag}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;AAoBA,SAAekB,oBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAA6B,MAAA,EAAAT,SAAAC,WAAAS,IAAAP,UAAAE,sBAAAE;CAKnC,IAAAI;AAAA,KAAAH,EAAA,OAAAE,IAAA;AAHPC,OAAAD,OAAAE,SAAA,EAAc,GAAdF;AAAcF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAd,MAAAP,YAAAU;CAIA,MAAAE,IAAUnB,iBAAiB;CAAC,IAAAoB;AAAA,KAAAN,EAAA,OAAAR,QAAAe,QAAA;AAQtBD,OAAA,oBAAA,QAAA;GAAgB,WAAA;aACbd,QAAOe;GACH,CAAA;AAAAP,IAAA,KAAAR,QAAAe;AAAAP,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAK,EAAAI,mBAAAC,YAAAV,EAAA,OAAAM,IAAA;AAJTE,OAAA,qBAAA,OAAA;GAAe,WAAA;aAAf,CACGH,EAACI,mBAAmBC,UACrBJ,GAGI;;AAAAN,IAAA,KAAAK,EAAAI,mBAAAC;AAAAV,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAP,aAAAO,EAAA,OAAAR,WAAAQ,EAAA,OAAAL,YAAAK,EAAA,QAAAH,qBAAAG,EAAA,QAAAK,EAAAI,mBAAAG,eAAA;AACND,OAAA,oBAAA,OAAA;GAAe,WAAA;aACZ,CAACnB,QAAOe,SACP,oBAAC,OAAD,EAAoB,aAAAF,EAACI,mBAAmBG,eAczC,CAAA,GAZC,oBAAA,OAAA;IAAe,WAAA;cACZpB,QAAOqB,KAAKjB,WACX,oBAAC,cAAD;KAEUA;KACR,UAAA;KACQ,QAAAR,eAAeQ,QAAQH,UAAS;KAC9BE;KACSE;KAEtB,EAPQV,aAAaS,OAAM,CAO3B,CAAA;IAEL,CAAA;GACI,CAAA;AAAAI,IAAA,KAAAP;AAAAO,IAAA,KAAAR;AAAAQ,IAAA,KAAAL;AAAAK,IAAA,MAAAH;AAAAG,IAAA,MAAAK,EAAAI,mBAAAG;AAAAZ,IAAA,MAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAQ,MAAAR,EAAA,QAAAW,IAAA;AA3BRG,OAAA,qBAAA,WAAA;GACY,WAAA;GACE,eAAA;aAFd,CAIEN,IAMAG,GAkBQ;;AAAAX,IAAA,MAAAQ;AAAAR,IAAA,MAAAW;AAAAX,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QA5BVc"}

package/dist/MemberPicker/dialog/UserCandidatePanel.d.ts

@@ -0,0 +1,13 @@
+import { IMemberPickerProps as MemberPickerProps } from '../interface.js';
+import { TMember, TMemberKey } from './types.js';
+interface IProps {
+    selectedByKey: ReadonlyMap<TMemberKey, TMember>;
+    onToggle: (member: TMember) => void;
+    onToggleAll: (members: readonly TMember[], selected: boolean) => void;
+    lockedIds?: MemberPickerProps['lockedIds'];
+    filterItem?: MemberPickerProps['filterItem'];
+    renderItem?: MemberPickerProps['renderItem'];
+}
+/** 用户候选继续使用设计系统既有查询语义，并在前端只接受 USER。 */
+export default function UserCandidatePanel({ selectedByKey, onToggle, onToggleAll, lockedIds, filterItem, renderItem, }: IProps): import("react").JSX.Element;
+export {};

package/dist/MemberPicker/dialog/UserCandidatePanel.js

@@ -0,0 +1,168 @@
+import Button_default from "../../Button/index.js";
+import Checkbox from "../../Checkbox/index.js";
+import InputSearch from "../../InputSearch/index.js";
+import Empty from "../../Empty/index.js";
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+import AldCustomConfigProvider from "../../ConfigProvider/index.js";
+import CustomSpin from "../../Spin/index.js";
+import useDialogLocale from "./useDialogLocale.js";
+import { getMemberKey, isMemberLocked } from "./helper.js";
+import MemberOption from "./MemberOption.js";
+import SearchFeedback from "../components/SearchFeedback.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/dialog/UserCandidatePanel.tsx
+var SEARCH_DEBOUNCE_MS = 300;
+/** 用户候选继续使用设计系统既有查询语义，并在前端只接受 USER。 */
+function UserCandidatePanel({ selectedByKey, onToggle, onToggleAll, lockedIds = [], filterItem, renderItem }) {
+	const t = useDialogLocale();
+	const { getUsersByKeywords, getUsersByKeywordsWithMeta, getMemberPickerUserPage } = AldCustomConfigProvider.useGetUserList();
+	const [keyword, setKeyword] = useState("");
+	const [items, setItems] = useState([]);
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(false);
+	const [hasMore, setHasMore] = useState(false);
+	const [truncated, setTruncated] = useState(false);
+	const [loadingMore, setLoadingMore] = useState(false);
+	const pageRef = useRef(1);
+	const loadedKeywordRef = useRef(void 0);
+	const loadingMoreRef = useRef(false);
+	const requestVersionRef = useRef(0);
+	const selectableItems = items.filter((member) => !isMemberLocked(member, lockedIds));
+	const selectedCount = selectableItems.filter((member_0) => selectedByKey.has(getMemberKey(member_0))).length;
+	const allSelected = selectableItems.length > 0 && selectedCount === selectableItems.length;
+	const partiallySelected = selectedCount > 0 && !allSelected;
+	const queryUsers = useCallback(async (searchKeyword, pageNumber = 1) => {
+		if (pageNumber > 1 && (loadingMoreRef.current || loadedKeywordRef.current !== searchKeyword)) return;
+		const version = pageNumber === 1 ? ++requestVersionRef.current : requestVersionRef.current;
+		if (pageNumber === 1) {
+			setLoading(true);
+			setHasMore(false);
+			setTruncated(false);
+		} else {
+			loadingMoreRef.current = true;
+			setLoadingMore(true);
+		}
+		setError(false);
+		try {
+			if (!getMemberPickerUserPage && !getUsersByKeywordsWithMeta && !getUsersByKeywords) throw new Error(t.MemberPickerDialog.missingUserSource);
+			const result = getMemberPickerUserPage ? await getMemberPickerUserPage({
+				keyword: searchKeyword,
+				pager: {
+					pageNumber,
+					pageSize: 100
+				}
+			}) : getUsersByKeywordsWithMeta ? await getUsersByKeywordsWithMeta(searchKeyword) : getUsersByKeywords ? {
+				items: await getUsersByKeywords(searchKeyword),
+				hasMore: false
+			} : {
+				items: [],
+				hasMore: false
+			};
+			if (requestVersionRef.current !== version) return;
+			const members = ("data" in result ? result.data : result.items).filter((member_1) => member_1.type === EUserType.USER && (filterItem ? filterItem(member_1) : true));
+			setItems((current) => pageNumber === 1 ? members : Array.from(new Map([...current, ...members].map((member_2) => [getMemberKey(member_2), member_2])).values()));
+			loadedKeywordRef.current = searchKeyword;
+			pageRef.current = pageNumber;
+			setHasMore(Boolean(getMemberPickerUserPage && result.hasMore));
+			setTruncated(Boolean(!getMemberPickerUserPage && result.hasMore));
+		} catch {
+			if (requestVersionRef.current === version) setError(true);
+		} finally {
+			if (requestVersionRef.current === version) {
+				setLoading(false);
+				setLoadingMore(false);
+				loadingMoreRef.current = false;
+			}
+		}
+	}, [
+		filterItem,
+		getMemberPickerUserPage,
+		getUsersByKeywords,
+		getUsersByKeywordsWithMeta,
+		t.MemberPickerDialog.missingUserSource
+	]);
+	useEffect(() => {
+		setLoading(true);
+		setHasMore(false);
+		loadedKeywordRef.current = void 0;
+		loadingMoreRef.current = false;
+		setLoadingMore(false);
+		const version_0 = requestVersionRef.current + 1;
+		requestVersionRef.current = version_0;
+		const timer = window.setTimeout(() => {
+			if (requestVersionRef.current === version_0) queryUsers(keyword.trim());
+		}, SEARCH_DEBOUNCE_MS);
+		return () => {
+			window.clearTimeout(timer);
+			requestVersionRef.current += 1;
+		};
+	}, [keyword, queryUsers]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "tw-flex tw-h-full tw-min-h-0 tw-flex-col",
+		"data-testid": "user-candidate-panel",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "tw-shrink-0 tw-border-b tw-border-solid tw-border-border-default tw-p-sp-150",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "tw-flex tw-min-w-0 tw-flex-col tw-gap-sp-150",
+					children: [/* @__PURE__ */ jsx(InputSearch, {
+						inputMode: true,
+						size: "middle",
+						className: "tw-w-full",
+						debounce: false,
+						value: keyword,
+						placeholder: t.MemberPickerDialog.searchUsersPlaceholder,
+						onChange: setKeyword,
+						onSearch: setKeyword
+					}), /* @__PURE__ */ jsx(Checkbox, {
+						size: "small",
+						className: "tw-self-start",
+						checked: allSelected,
+						indeterminate: partiallySelected,
+						disabled: loading || error || selectableItems.length === 0,
+						onChange: (event) => onToggleAll(selectableItems, event.target.checked),
+						children: allSelected ? t.MemberPickerDialog.deselectCurrent(items.length) : t.MemberPickerDialog.selectCurrent(items.length)
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(SearchFeedback, {
+				hasMore: truncated,
+				retry: () => queryUsers(keyword.trim())
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "tw-min-h-0 tw-flex-1 tw-overflow-auto tw-py-sp-100",
+				children: [
+					loading ? /* @__PURE__ */ jsx(CustomSpin, {}) : null,
+					error ? /* @__PURE__ */ jsxs("div", {
+						className: "tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-center tw-gap-2",
+						children: [/* @__PURE__ */ jsx("span", { children: t.MemberPickerDialog.loadFailed }), /* @__PURE__ */ jsx(Button_default, {
+							type: "link",
+							onClick: () => queryUsers(keyword.trim()),
+							children: t.MemberPickerDialog.retry
+						})]
+					}) : null,
+					!loading && !error && !items.length ? /* @__PURE__ */ jsx(Empty, { description: t.MemberPickerDialog.emptyCandidates }) : null,
+					!loading && !error ? items.map((member_3) => /* @__PURE__ */ jsx(MemberOption, {
+						member: member_3,
+						selected: selectedByKey.has(getMemberKey(member_3)),
+						locked: isMemberLocked(member_3, lockedIds),
+						onToggle,
+						renderItem,
+						searchValue: keyword
+					}, getMemberKey(member_3))) : null,
+					hasMore && /* @__PURE__ */ jsx(Button_default, {
+						type: "link",
+						loading: loadingMore,
+						onClick: () => queryUsers(keyword.trim(), pageRef.current + 1),
+						children: t.MemberPickerDialog.loadMore
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { UserCandidatePanel as default };
+
+//# sourceMappingURL=UserCandidatePanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserCandidatePanel.js","names":["useCallback","useEffect","useRef","useState","Button","Checkbox","ConfigProvider","EUserType","Empty","InputSearch","Spin","IMemberPickerProps","MemberPickerProps","SearchFeedback","useDialogLocale","getMemberKey","isMemberLocked","MemberOption","TMember","TMemberKey","SEARCH_DEBOUNCE_MS","IProps","selectedByKey","ReadonlyMap","onToggle","member","onToggleAll","members","selected","lockedIds","filterItem","renderItem","UserCandidatePanel","t","getUsersByKeywords","getUsersByKeywordsWithMeta","getMemberPickerUserPage","useGetUserList","keyword","setKeyword","items","setItems","loading","setLoading","error","setError","hasMore","setHasMore","truncated","setTruncated","loadingMore","setLoadingMore","pageRef","loadedKeywordRef","undefined","loadingMoreRef","requestVersionRef","selectableItems","filter","selectedCount","has","length","allSelected","partiallySelected","queryUsers","searchKeyword","pageNumber","current","version","Error","MemberPickerDialog","missingUserSource","result","pager","pageSize","data","type","USER","Array","from","Map","map","values","Boolean","timer","window","setTimeout","trim","clearTimeout","searchUsersPlaceholder","event","target","checked","deselectCurrent","selectCurrent","loadFailed","retry","emptyCandidates","loadMore"],"sources":["../../../src/MemberPicker/dialog/UserCandidatePanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport Button from '../../Button';\nimport Checkbox from '../../Checkbox';\nimport ConfigProvider from '../../ConfigProvider';\nimport { EUserType } from '../../ConfigProvider/getUserList';\nimport Empty from '../../Empty';\nimport InputSearch from '../../InputSearch';\nimport Spin from '../../Spin';\nimport type { IMemberPickerProps as MemberPickerProps } from '../interface';\nimport SearchFeedback from '../components/SearchFeedback';\nimport useDialogLocale from './useDialogLocale';\nimport { getMemberKey, isMemberLocked } from './helper';\nimport MemberOption from './MemberOption';\nimport type { TMember, TMemberKey } from './types';\n\nconst SEARCH_DEBOUNCE_MS = 300;\n\ninterface IProps {\n  selectedByKey: ReadonlyMap<TMemberKey, TMember>;\n  onToggle: (member: TMember) => void;\n  onToggleAll: (members: readonly TMember[], selected: boolean) => void;\n  lockedIds?: MemberPickerProps['lockedIds'];\n  filterItem?: MemberPickerProps['filterItem'];\n  renderItem?: MemberPickerProps['renderItem'];\n}\n\n/** 用户候选继续使用设计系统既有查询语义，并在前端只接受 USER。 */\nexport default function UserCandidatePanel({\n  selectedByKey,\n  onToggle,\n  onToggleAll,\n  lockedIds = [],\n  filterItem,\n  renderItem,\n}: IProps) {\n  const t = useDialogLocale();\n  const {\n    getUsersByKeywords,\n    getUsersByKeywordsWithMeta,\n    getMemberPickerUserPage,\n  } = ConfigProvider.useGetUserList();\n  const [keyword, setKeyword] = useState('');\n  const [items, setItems] = useState<TMember[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(false);\n  const [hasMore, setHasMore] = useState(false);\n  const [truncated, setTruncated] = useState(false);\n  const [loadingMore, setLoadingMore] = useState(false);\n  const pageRef = useRef(1);\n  const loadedKeywordRef = useRef<string | undefined>(undefined);\n  const loadingMoreRef = useRef(false);\n  const requestVersionRef = useRef(0);\n  const selectableItems = items.filter(\n    (member) => !isMemberLocked(member, lockedIds),\n  );\n  const selectedCount = selectableItems.filter((member) =>\n    selectedByKey.has(getMemberKey(member)),\n  ).length;\n  const allSelected =\n    selectableItems.length > 0 && selectedCount === selectableItems.length;\n  const partiallySelected = selectedCount > 0 && !allSelected;\n\n  const queryUsers = useCallback(\n    async (searchKeyword: string, pageNumber = 1) => {\n      // 只能追加已成功加载首屏的关键词，避免换词防抖期间使用旧页码。\n      if (\n        pageNumber > 1 &&\n        (loadingMoreRef.current || loadedKeywordRef.current !== searchKeyword)\n      )\n        return;\n      const version =\n        pageNumber === 1\n          ? ++requestVersionRef.current\n          : requestVersionRef.current;\n      if (pageNumber === 1) {\n        setLoading(true);\n        setHasMore(false);\n        setTruncated(false);\n      } else {\n        loadingMoreRef.current = true;\n        setLoadingMore(true);\n      }\n      setError(false);\n      try {\n        if (\n          !getMemberPickerUserPage &&\n          !getUsersByKeywordsWithMeta &&\n          !getUsersByKeywords\n        )\n          throw new Error(t.MemberPickerDialog.missingUserSource);\n        const result = getMemberPickerUserPage\n          ? await getMemberPickerUserPage({\n              keyword: searchKeyword,\n              pager: { pageNumber, pageSize: 100 },\n            })\n          : getUsersByKeywordsWithMeta\n          ? await getUsersByKeywordsWithMeta(searchKeyword)\n          : getUsersByKeywords\n          ? { items: await getUsersByKeywords(searchKeyword), hasMore: false }\n          : { items: [], hasMore: false };\n        if (requestVersionRef.current !== version) return;\n        const members = ('data' in result ? result.data : result.items).filter(\n          (member) =>\n            member.type === EUserType.USER &&\n            (filterItem ? filterItem(member) : true),\n        );\n        setItems((current) =>\n          pageNumber === 1\n            ? members\n            : Array.from(\n                new Map(\n                  [...current, ...members].map((member) => [\n                    getMemberKey(member),\n                    member,\n                  ]),\n                ).values(),\n              ),\n        );\n        loadedKeywordRef.current = searchKeyword;\n        pageRef.current = pageNumber;\n        setHasMore(Boolean(getMemberPickerUserPage && result.hasMore));\n        setTruncated(Boolean(!getMemberPickerUserPage && result.hasMore));\n      } catch {\n        if (requestVersionRef.current === version) setError(true);\n      } finally {\n        if (requestVersionRef.current === version) {\n          setLoading(false);\n          setLoadingMore(false);\n          loadingMoreRef.current = false;\n        }\n      }\n    },\n    [\n      filterItem,\n      getMemberPickerUserPage,\n      getUsersByKeywords,\n      getUsersByKeywordsWithMeta,\n      t.MemberPickerDialog.missingUserSource,\n    ],\n  );\n\n  useEffect(() => {\n    // 输入改变立即隐藏旧候选和分页入口，防抖只延迟请求，不延迟失效旧结果。\n    setLoading(true);\n    setHasMore(false);\n    loadedKeywordRef.current = undefined;\n    loadingMoreRef.current = false;\n    setLoadingMore(false);\n    const version = requestVersionRef.current + 1;\n    requestVersionRef.current = version;\n    const timer = window.setTimeout(() => {\n      if (requestVersionRef.current === version) {\n        queryUsers(keyword.trim());\n      }\n    }, SEARCH_DEBOUNCE_MS);\n    return () => {\n      window.clearTimeout(timer);\n      requestVersionRef.current += 1;\n    };\n  }, [keyword, queryUsers]);\n\n  return (\n    <section\n      className=\"tw-flex tw-h-full tw-min-h-0 tw-flex-col\"\n      data-testid=\"user-candidate-panel\"\n    >\n      <div className=\"tw-shrink-0 tw-border-b tw-border-solid tw-border-border-default tw-p-sp-150\">\n        <div className=\"tw-flex tw-min-w-0 tw-flex-col tw-gap-sp-150\">\n          <InputSearch\n            inputMode\n            size=\"middle\"\n            className=\"tw-w-full\"\n            debounce={false}\n            value={keyword}\n            placeholder={t.MemberPickerDialog.searchUsersPlaceholder}\n            onChange={setKeyword}\n            onSearch={setKeyword}\n          />\n          <Checkbox\n            size=\"small\"\n            className=\"tw-self-start\"\n            checked={allSelected}\n            indeterminate={partiallySelected}\n            disabled={loading || error || selectableItems.length === 0}\n            onChange={(event) =>\n              onToggleAll(selectableItems, event.target.checked)\n            }\n          >\n            {allSelected\n              ? t.MemberPickerDialog.deselectCurrent(items.length)\n              : t.MemberPickerDialog.selectCurrent(items.length)}\n          </Checkbox>\n        </div>\n      </div>\n      <SearchFeedback\n        hasMore={truncated}\n        retry={() => queryUsers(keyword.trim())}\n      />\n      <div className=\"tw-min-h-0 tw-flex-1 tw-overflow-auto tw-py-sp-100\">\n        {loading ? <Spin /> : null}\n        {error ? (\n          <div className=\"tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-center tw-gap-2\">\n            <span>{t.MemberPickerDialog.loadFailed}</span>\n            <Button type=\"link\" onClick={() => queryUsers(keyword.trim())}>\n              {t.MemberPickerDialog.retry}\n            </Button>\n          </div>\n        ) : null}\n        {!loading && !error && !items.length ? (\n          <Empty description={t.MemberPickerDialog.emptyCandidates} />\n        ) : null}\n        {!loading && !error\n          ? items.map((member) => (\n              <MemberOption\n                key={getMemberKey(member)}\n                member={member}\n                selected={selectedByKey.has(getMemberKey(member))}\n                locked={isMemberLocked(member, lockedIds)}\n                onToggle={onToggle}\n                renderItem={renderItem}\n                searchValue={keyword}\n              />\n            ))\n          : null}\n        {hasMore && (\n          <Button\n            type=\"link\"\n            loading={loadingMore}\n            onClick={() => queryUsers(keyword.trim(), pageRef.current + 1)}\n          >\n            {t.MemberPickerDialog.loadMore}\n          </Button>\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}