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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":[],"sources":["../../../src/MemberPicker/dialog/DialogContent.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { MaximizeLine, MinimizeLine } from '@aloudata/icons-react';\nimport IconButton from '../../IconButton';\nimport Modal from '../../Modal';\nimport Tabs from '../../Tabs';\nimport SelectorFooter from '../components/SelectorFooter';\nimport { EMemberPicker } from '../interface';\nimport type { MemberPickerDialogProps } from './MemberPickerDialog';\nimport DialogColumns from './DialogColumns';\nimport SelectedMemberPanel from './SelectedMemberPanel';\nimport UserCandidatePanel from './UserCandidatePanel';\nimport UserGroupCandidatePanel from './UserGroupCandidatePanel';\nimport { useMemberPickerDraft } from './useMemberPickerDraft';\nimport useDialogLocale from './useDialogLocale';\n\n/** 打开期间拥有选择草稿；确认才通知业务，取消与卸载均释放请求和临时选择。 */\nexport default function DialogContent({\n  value,\n  onChange,\n  onClose,\n  type = EMemberPicker.BOTH,\n  lockedIds,\n  filterItem,\n  renderItem,\n  renderSelectedTag,\n  zIndex,\n  footer,\n  onCancel,\n}: MemberPickerDialogProps) {\n  const t = useDialogLocale();\n  const [fullscreen, setFullscreen] = useState(false);\n  const draft = useMemberPickerDraft({ value, onChange, type, lockedIds });\n  const panelProps = {\n    selectedByKey: draft.selectedByKey,\n    onToggle: draft.toggleMember,\n    onToggleAll: draft.toggleMembers,\n    lockedIds,\n    filterItem,\n    renderItem,\n  };\n  const confirm = () => {\n    if (draft.hydrating) return;\n    draft.confirm();\n    onClose();\n  };\n  const cancel = () => {\n    onCancel?.();\n    onClose();\n  };\n  const users = <UserCandidatePanel {...panelProps} />;\n  const groups = <UserGroupCandidatePanel {...panelProps} />;\n  return (\n    <Modal\n      open\n      centered\n      paddingLess\n      zIndex={zIndex}\n      width={\n        fullscreen ? 'calc(100vw - 24px)' : 'min(800px, calc(100vw - 32px))'\n      }\n      title={\n        <div className=\"tw-flex tw-items-center tw-gap-sp-150\">\n          <span>{t.MemberPickerDialog.title}</span>\n          <IconButton\n            size=\"small\"\n            aria-label={\n              fullscreen\n                ? t.MemberPickerDialog.exitMaximize\n                : t.MemberPickerDialog.maximize\n            }\n            tooltip={{\n              title: fullscreen\n                ? t.MemberPickerDialog.exitMaximize\n                : t.MemberPickerDialog.maximize,\n            }}\n            icon={fullscreen ? <MinimizeLine /> : <MaximizeLine />}\n            onClick={() => setFullscreen((current) => !current)}\n          />\n        </div>\n      }\n      okText={t.MemberPickerDialog.ok}\n      cancelText={t.MemberPickerDialog.cancel}\n      okButtonProps={{ disabled: draft.hydrating }}\n      onOk={confirm}\n      footer={\n        footer ? (\n          <SelectorFooter footer={footer} onOk={confirm} onCancel={cancel} />\n        ) : undefined\n      }\n      onCancel={cancel}\n    >\n      <div\n        className=\"ald-member-picker-dialog tw-min-h-0 tw-p-sp-200\"\n        style={{\n          height: fullscreen\n            ? 'calc(100dvh - 150px)'\n            : 'min(560px, calc(100dvh - 180px))',\n        }}\n      >\n        <DialogColumns>\n          <div className=\"tw-h-full tw-min-w-0 tw-overflow-hidden\">\n            {type === EMemberPicker.BOTH ? (\n              <Tabs\n                compact\n                adaptHeight\n                className=\"tw-h-full\"\n                activeKey={draft.activeTab}\n                onChange={(key) => {\n                  if (key === EMemberPicker.USER || key === EMemberPicker.GROUP)\n                    draft.setActiveTab(key);\n                }}\n                items={[\n                  {\n                    key: EMemberPicker.USER,\n                    label: t.MemberPickerDialog.user,\n                    children: users,\n                  },\n                  {\n                    key: EMemberPicker.GROUP,\n                    label: t.MemberPickerDialog.userGroup,\n                    children: groups,\n                  },\n                ]}\n              />\n            ) : type === EMemberPicker.GROUP ? (\n              groups\n            ) : (\n              users\n            )}\n          </div>\n          <SelectedMemberPanel\n            members={draft.selectedMembers}\n            lockedIds={lockedIds}\n            onRemove={draft.removeMember}\n            renderSelectedTag={renderSelectedTag}\n          />\n        </DialogColumns>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,SAAwB,cAAc,EACpC,OACA,UACA,SACA,OAAO,cAAc,MACrB,WACA,YACA,YACA,mBACA,QACA,QACA,YAC0B;CAC1B,MAAM,IAAI,iBAAiB;CAC3B,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,QAAQ,qBAAqB;EAAE;EAAO;EAAU;EAAM;EAAW,CAAC;CACxE,MAAM,aAAa;EACjB,eAAe,MAAM;EACrB,UAAU,MAAM;EAChB,aAAa,MAAM;EACnB;EACA;EACA;EACD;CACD,MAAM,gBAAgB;AACpB,MAAI,MAAM,UAAW;AACrB,QAAM,SAAS;AACf,WAAS;;CAEX,MAAM,eAAe;AACnB,cAAY;AACZ,WAAS;;CAEX,MAAM,QAAQ,oBAAC,oBAAD,EAAoB,GAAI,YAAc,CAAA;CACpD,MAAM,SAAS,oBAAC,yBAAD,EAAyB,GAAI,YAAc,CAAA;AAC1D,QACE,oBAAC,OAAD;EACE,MAAA;EACA,UAAA;EACA,aAAA;EACQ;EACR,OACE,aAAa,uBAAuB;EAEtC,OACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,QAAD,EAAA,UAAO,EAAE,mBAAmB,OAAa,CAAA,EACzC,oBAAC,YAAD;IACE,MAAK;IACL,cACE,aACI,EAAE,mBAAmB,eACrB,EAAE,mBAAmB;IAE3B,SAAS,EACP,OAAO,aACH,EAAE,mBAAmB,eACrB,EAAE,mBAAmB,UAC1B;IACD,MAAM,aAAa,oBAAC,cAAD,EAAgB,CAAA,GAAG,oBAAC,cAAD,EAAgB,CAAA;IACtD,eAAe,eAAe,YAAY,CAAC,QAAQ;IACnD,CAAA,CACE;;EAER,QAAQ,EAAE,mBAAmB;EAC7B,YAAY,EAAE,mBAAmB;EACjC,eAAe,EAAE,UAAU,MAAM,WAAW;EAC5C,MAAM;EACN,QACE,SACE,oBAAC,gBAAD;GAAwB;GAAQ,MAAM;GAAS,UAAU;GAAU,CAAA,GACjE;EAEN,UAAU;YAEV,oBAAC,OAAD;GACE,WAAU;GACV,OAAO,EACL,QAAQ,aACJ,yBACA,oCACL;aAED,qBAAC,eAAD,EAAA,UAAA,CACE,oBAAC,OAAD;IAAK,WAAU;cACZ,SAAS,cAAc,OACtB,oBAAC,MAAD;KACE,SAAA;KACA,aAAA;KACA,WAAU;KACV,WAAW,MAAM;KACjB,WAAW,QAAQ;AACjB,UAAI,QAAQ,cAAc,QAAQ,QAAQ,cAAc,MACtD,OAAM,aAAa,IAAI;;KAE3B,OAAO,CACL;MACE,KAAK,cAAc;MACnB,OAAO,EAAE,mBAAmB;MAC5B,UAAU;MACX,EACD;MACE,KAAK,cAAc;MACnB,OAAO,EAAE,mBAAmB;MAC5B,UAAU;MACX,CACF;KACD,CAAA,GACA,SAAS,cAAc,QACzB,SAEA;IAEE,CAAA,EACN,oBAAC,qBAAD;IACE,SAAS,MAAM;IACJ;IACX,UAAU,MAAM;IACG;IACnB,CAAA,CACY,EAAA,CAAA;GACZ,CAAA;EACA,CAAA"}
+{"version":3,"file":"DialogContent.js","names":["useState","MaximizeLine","MinimizeLine","IconButton","Modal","Tabs","SelectorFooter","EMemberPicker","MemberPickerDialogProps","DialogColumns","SelectedMemberPanel","UserCandidatePanel","UserGroupCandidatePanel","useMemberPickerDraft","useDialogLocale","DialogContent","t0","$","_c","value","onChange","onClose","type","t1","lockedIds","filterItem","renderItem","renderSelectedTag","zIndex","footer","onCancel","undefined","BOTH","t","fullscreen","setFullscreen","t2","draft","t3","selectedByKey","toggleMember","toggleMembers","onToggle","onToggleAll","panelProps","t4","hydrating","confirm","t5","cancel","t6","users","t7","groups","t8","t9","MemberPickerDialog","title","t10","exitMaximize","maximize","t11","t12","t13","t14","Symbol","for","_temp","t15","t16","t17","disabled","t18","t19","t20","height","t21","user","userGroup","activeTab","key","USER","GROUP","setActiveTab","label","children","t22","removeMember","selectedMembers","t23","t24","t25","ok","current"],"sources":["../../../src/MemberPicker/dialog/DialogContent.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { MaximizeLine, MinimizeLine } from '@aloudata/icons-react';\nimport IconButton from '../../IconButton';\nimport Modal from '../../Modal';\nimport Tabs from '../../Tabs';\nimport SelectorFooter from '../components/SelectorFooter';\nimport { EMemberPicker } from '../interface';\nimport type { MemberPickerDialogProps } from './MemberPickerDialog';\nimport DialogColumns from './DialogColumns';\nimport SelectedMemberPanel from './SelectedMemberPanel';\nimport UserCandidatePanel from './UserCandidatePanel';\nimport UserGroupCandidatePanel from './UserGroupCandidatePanel';\nimport { useMemberPickerDraft } from './useMemberPickerDraft';\nimport useDialogLocale from './useDialogLocale';\n\n/** 打开期间拥有选择草稿；确认才通知业务，取消与卸载均释放请求和临时选择。 */\nexport default function DialogContent({\n  value,\n  onChange,\n  onClose,\n  type = EMemberPicker.BOTH,\n  lockedIds,\n  filterItem,\n  renderItem,\n  renderSelectedTag,\n  zIndex,\n  footer,\n  onCancel,\n}: MemberPickerDialogProps) {\n  const t = useDialogLocale();\n  const [fullscreen, setFullscreen] = useState(false);\n  const draft = useMemberPickerDraft({ value, onChange, type, lockedIds });\n  const panelProps = {\n    selectedByKey: draft.selectedByKey,\n    onToggle: draft.toggleMember,\n    onToggleAll: draft.toggleMembers,\n    lockedIds,\n    filterItem,\n    renderItem,\n  };\n  const confirm = () => {\n    if (draft.hydrating) return;\n    draft.confirm();\n    onClose();\n  };\n  const cancel = () => {\n    onCancel?.();\n    onClose();\n  };\n  const users = <UserCandidatePanel {...panelProps} />;\n  const groups = <UserGroupCandidatePanel {...panelProps} />;\n  return (\n    <Modal\n      open\n      centered\n      paddingLess\n      zIndex={zIndex}\n      width={\n        fullscreen ? 'calc(100vw - 24px)' : 'min(800px, calc(100vw - 32px))'\n      }\n      title={\n        <div className=\"tw-flex tw-items-center tw-gap-sp-150\">\n          <span>{t.MemberPickerDialog.title}</span>\n          <IconButton\n            size=\"small\"\n            aria-label={\n              fullscreen\n                ? t.MemberPickerDialog.exitMaximize\n                : t.MemberPickerDialog.maximize\n            }\n            tooltip={{\n              title: fullscreen\n                ? t.MemberPickerDialog.exitMaximize\n                : t.MemberPickerDialog.maximize,\n            }}\n            icon={fullscreen ? <MinimizeLine /> : <MaximizeLine />}\n            onClick={() => setFullscreen((current) => !current)}\n          />\n        </div>\n      }\n      okText={t.MemberPickerDialog.ok}\n      cancelText={t.MemberPickerDialog.cancel}\n      okButtonProps={{ disabled: draft.hydrating }}\n      onOk={confirm}\n      footer={\n        footer ? (\n          <SelectorFooter footer={footer} onOk={confirm} onCancel={cancel} />\n        ) : undefined\n      }\n      onCancel={cancel}\n    >\n      <div\n        className=\"ald-member-picker-dialog tw-min-h-0 tw-p-sp-200\"\n        style={{\n          height: fullscreen\n            ? 'calc(100dvh - 150px)'\n            : 'min(560px, calc(100dvh - 180px))',\n        }}\n      >\n        <DialogColumns>\n          <div className=\"tw-h-full tw-min-w-0 tw-overflow-hidden\">\n            {type === EMemberPicker.BOTH ? (\n              <Tabs\n                compact\n                adaptHeight\n                className=\"tw-h-full\"\n                activeKey={draft.activeTab}\n                onChange={(key) => {\n                  if (key === EMemberPicker.USER || key === EMemberPicker.GROUP)\n                    draft.setActiveTab(key);\n                }}\n                items={[\n                  {\n                    key: EMemberPicker.USER,\n                    label: t.MemberPickerDialog.user,\n                    children: users,\n                  },\n                  {\n                    key: EMemberPicker.GROUP,\n                    label: t.MemberPickerDialog.userGroup,\n                    children: groups,\n                  },\n                ]}\n              />\n            ) : type === EMemberPicker.GROUP ? (\n              groups\n            ) : (\n              users\n            )}\n          </div>\n          <SelectedMemberPanel\n            members={draft.selectedMembers}\n            lockedIds={lockedIds}\n            onRemove={draft.removeMember}\n            renderSelectedTag={renderSelectedTag}\n          />\n        </DialogColumns>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { IMemberPickerProps as MemberPickerProps } from '../interface';
+import { IMemberPickerProps as MemberPickerProps } from '../interface.js';
 import { TMember } from './types.js';
 interface IProps {
     member: TMember;
@@ -12,5 +12,5 @@ interface IProps {
     renderSelectedTag?: MemberPickerProps['renderSelectedTag'];
 }
 /** 候选项统一用名称切换选择；用户组仅通过右侧独立入口进入下级。 */
-export default function MemberOption({ member, selected, locked, onToggle, onRemove, onOpenGroup, renderItem, renderSelectedTag, searchValue, }: IProps): import("react/jsx-runtime").JSX.Element;
+export default function MemberOption({ member, selected, locked, onToggle, onRemove, onOpenGroup, renderItem, renderSelectedTag, searchValue, }: IProps): import("react").JSX.Element;
 export {};

package/dist/MemberPicker/dialog/MemberOption.js

@@ -7,93 +7,261 @@ 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({ member, selected, locked, onToggle, onRemove, onOpenGroup, renderItem, renderSelectedTag, searchValue }) {
+function MemberOption(t0) {
+	const $ = c(73);
+	const { member, selected, locked, onToggle, onRemove, onOpenGroup, renderItem, renderSelectedTag, searchValue } = t0;
 	const t = useDialogLocale();
-	const toggle = () => onToggle?.(member);
-	const displayName = member.type === EUserType.USER_GROUP && searchValue?.trim() && member.path?.length ? member.path.map((node) => node.name).join(" / ") : member.name;
-	const ancestors = member.type === EUserType.USER_GROUP && searchValue?.trim() ? member.path?.slice(0, -1).map((node) => node.name).join(" / ") : void 0;
-	const nameNode = /* @__PURE__ */ jsx(Tooltip, {
-		title: displayName,
-		children: /* @__PURE__ */ jsxs("span", {
+	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: cn("tw-min-w-0 tw-flex-1 tw-truncate tw-text-typography-body-dense", locked ? "tw-text-content-disabled" : "tw-text-content-primary"),
-			children: [ancestors && /* @__PURE__ */ jsxs("span", {
-				className: "tw-text-content-secondary",
-				children: [ancestors, " / "]
-			}), /* @__PURE__ */ jsx(HighlightText, {
-				keyword: searchValue?.trim() ?? "",
-				children: member.name ?? ""
-			})]
-		})
-	});
-	const renderedCandidate = renderItem?.(member, {
-		isSelected: selected,
-		disabled: locked,
-		onClick: toggle,
-		onNextLevel: onOpenGroup,
-		originNode: nameNode
-	});
-	const content = (onRemove ? renderSelectedTag?.(member, nameNode) : void 0) ?? renderedCandidate ?? nameNode;
-	if (onRemove) return /* @__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: (event) => {
-			event.stopPropagation();
-			onRemove(member);
-		},
-		children: content
-	}) });
-	return /* @__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: locked ? void 0 : toggle,
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				onClick: (event) => event.stopPropagation(),
-				children: /* @__PURE__ */ jsx(Checkbox, {
-					checked: selected,
-					disabled: locked,
-					"aria-label": member.name,
-					onChange: toggle
-				})
-			}),
-			/* @__PURE__ */ jsx("span", {
-				"aria-hidden": "true",
-				className: "tw-flex tw-shrink-0",
-				children: /* @__PURE__ */ jsx(Avatar, {
-					size: 20,
-					type: member.type === EUserType.USER ? "user" : "team"
-				})
-			}),
-			/* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("button", {
-				type: "button",
+			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,
-				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: (event) => {
-					event.stopPropagation();
-					toggle();
-				},
+				status: "default",
+				mode: "border",
+				title: member.name,
+				className: "tw-min-w-0 tw-max-w-full",
+				onClose: t14,
 				children: content
-			}) }),
-			onOpenGroup ? /* @__PURE__ */ jsx(Button_default, {
-				type: "link",
-				size: "small",
-				className: "tw-ml-auto tw-shrink-0",
+			}) });
+			$[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,
-				onClick: (event) => {
-					event.stopPropagation();
-					onOpenGroup();
-				},
-				children: t.MemberPickerDialog.subLevel
-			}) : null
-		]
-	});
+				"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 };

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

@@ -1 +1 @@
-{"version":3,"file":"MemberOption.js","names":[],"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":";;;;;;;;;;;;AA0BA,SAAwB,aAAa,EACnC,QACA,UACA,QACA,UACA,UACA,aACA,YACA,mBACA,eACS;CACT,MAAM,IAAI,iBAAiB;CAC3B,MAAM,eAAe,WAAW,OAAO;CACvC,MAAM,cACJ,OAAO,SAAS,UAAU,cAC1B,aAAa,MAAM,IACnB,OAAO,MAAM,SACT,OAAO,KAAK,KAAK,SAAS,KAAK,KAAK,CAAC,KAAK,MAAM,GAChD,OAAO;CAEb,MAAM,YACJ,OAAO,SAAS,UAAU,cAAc,aAAa,MAAM,GACvD,OAAO,MACH,MAAM,GAAG,GAAG,CACb,KAAK,SAAS,KAAK,KAAK,CACxB,KAAK,MAAM,GACd;CAiBN,MAAM,WAAW,oBAAC,SAAD;EAAS,OAAO;YAf/B,qBAAC,QAAD;GACE,OAAO;GACP,WAAW,GACT,kEACA,SAAS,6BAA6B,0BACvC;aALH,CAOG,aACC,qBAAC,QAAD;IAAM,WAAU;cAAhB,CAA6C,WAAU,MAAU;OAEnE,oBAAC,eAAD;IAAe,SAAS,aAAa,MAAM,IAAI;cAC5C,OAAO,QAAQ;IACF,CAAA,CACX;;EAE6D,CAAA;CACtE,MAAM,oBAAoB,aAAa,QAAQ;EAC7C,YAAY;EACZ,UAAU;EACV,SAAS;EACT,aAAa;EACb,YAAY;EACb,CAAC;CAIF,MAAM,WAHmB,WACrB,oBAAoB,QAAQ,SAAS,GACrC,WAC2C,qBAAqB;AAEpE,KAAI,SACF,QACE,oBAAA,UAAA,EAAA,UACE,oBAAC,KAAD;EACE,UAAA;EACA,UAAU;EACV,QAAO;EACP,MAAK;EACL,OAAO,OAAO;EACd,WAAU;EACV,UAAU,UAAU;AAClB,SAAM,iBAAiB;AACvB,YAAS,OAAO;;YAGjB;EACG,CAAA,EACL,CAAA;AAIP,QACE,qBAAC,OAAD;EACE,WAAU;EACV,SAAS,SAAS,SAAY;YAFhC;GAIE,oBAAC,QAAD;IAAM,UAAU,UAAU,MAAM,iBAAiB;cAC/C,oBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,cAAY,OAAO;KACnB,UAAU;KACV,CAAA;IACG,CAAA;GACP,oBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cACjC,oBAAC,QAAD;KACE,MAAM;KACN,MAAM,OAAO,SAAS,UAAU,OAAO,SAAS;KAChD,CAAA;IACG,CAAA;GACP,oBAAA,UAAA,EAAA,UACE,oBAAC,UAAD;IACE,MAAK;IACL,UAAU;IACV,WAAU;IACV,UAAU,UAAU;AAClB,WAAM,iBAAiB;AACvB,aAAQ;;cAGT;IACM,CAAA,EACR,CAAA;GACF,cACC,oBAAC,gBAAD;IACE,MAAK;IACL,MAAK;IACL,WAAU;IACV,UAAU;IACV,UAAU,UAAU;AAClB,WAAM,iBAAiB;AACvB,kBAAa;;cAGd,EAAE,mBAAmB;IACf,CAAA,GACP;GACA"}
+{"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

@@ -1,5 +1,5 @@
-import { TUser } from '../../ConfigProvider/getUserList';
-import { IBaseMemberSelectorProps } from '../interface';
+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;
@@ -8,4 +8,4 @@ export interface MemberPickerDialogProps extends Pick<IBaseMemberSelectorProps,
     zIndex?: number;
 }
 /** 关闭时不挂载内容，避免关闭态请求和选择草稿串入下次打开。 */
-export default function MemberPickerDialog(props: MemberPickerDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export default function MemberPickerDialog(props: MemberPickerDialogProps): import("react").JSX.Element | null;

package/dist/MemberPicker/dialog/MemberPickerDialog.js

@@ -1,9 +1,17 @@
 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) {
-	return props.open ? /* @__PURE__ */ jsx(DialogContent, { ...props }) : null;
+	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 };

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

@@ -1 +1 @@
-{"version":3,"file":"MemberPickerDialog.js","names":[],"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,SAAwB,mBAAmB,OAAgC;AACzE,QAAO,MAAM,OAAO,oBAAC,eAAD,EAAe,GAAI,OAAS,CAAA,GAAG"}
+{"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

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

package/dist/MemberPicker/dialog/SelectedMemberPanel.js

@@ -2,21 +2,43 @@ 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({ members, lockedIds = [], onRemove, renderSelectedTag }) {
+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();
-	return /* @__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: [/* @__PURE__ */ jsxs("div", {
+	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, /* @__PURE__ */ jsx("span", {
-				className: "tw-text-content-secondary tw-text-typography-caption",
-				children: members.length
-			})]
-		}), /* @__PURE__ */ jsx("div", {
+			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",
@@ -28,8 +50,26 @@ function SelectedMemberPanel({ members, lockedIds = [], onRemove, renderSelected
 					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 };

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

@@ -1 +1 @@
-{"version":3,"file":"SelectedMemberPanel.js","names":[],"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,SAAwB,oBAAoB,EAC1C,SACA,YAAY,EAAE,EACd,UACA,qBACS;CACT,MAAM,IAAI,iBAAiB;AAC3B,QACE,qBAAC,WAAD;EACE,WAAU;EACV,eAAY;YAFd,CAIE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAE,mBAAmB,UACtB,oBAAC,QAAD;IAAM,WAAU;cACb,QAAQ;IACJ,CAAA,CACH;MACN,oBAAC,OAAD;GAAK,WAAU;aACZ,CAAC,QAAQ,SACR,oBAAC,OAAD,EAAO,aAAa,EAAE,mBAAmB,eAAiB,CAAA,GAE1D,oBAAC,OAAD;IAAK,WAAU;cACZ,QAAQ,KAAK,WACZ,oBAAC,cAAD;KAEU;KACR,UAAA;KACA,QAAQ,eAAe,QAAQ,UAAU;KAC/B;KACS;KACnB,EANK,aAAa,OAAO,CAMzB,CACF;IACE,CAAA;GAEJ,CAAA,CACE"}
+{"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

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