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

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -7,81 +7,165 @@ import AldCustomConfigProvider from "../../ConfigProvider/index.js";
 import { getAccount, getId, getPhoto } from "../utils/index.js";
 import { isUser } from "../utils/getUsersWithUserId.js";
 import NickLabel_default from "./NickLabel.js";
+import { c } from "react-compiler-runtime";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import _ from "lodash";
 //#region src/MemberPicker/components/SelectedMemberTags.tsx
 function SelectedMemberTags(props) {
-	const { className, selectedUsers, width, lockedIds = [], renderSelectedTag } = props;
+	const $ = c(36);
+	const { className, selectedUsers, width, lockedIds: t0, renderSelectedTag } = props;
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? [] : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const lockedIds = t1;
 	const { getMemberPickerItemMoreInfoKey } = AldCustomConfigProvider.useGetUserList();
 	const { locale } = useContext(LocaleContext);
-	const t = getTranslator(locale);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn(className, "ald-member-picker-selected-member-tags-wrap"),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "ald-member-picker-has-selected",
-			children: t.MemberPicker.selectedTotal(selectedUsers.length)
-		}), /* @__PURE__ */ jsx(ScrollArea_default, {
+	let t;
+	let t2;
+	let t3;
+	let t4;
+	if ($[2] !== className || $[3] !== locale || $[4] !== selectedUsers.length) {
+		t = getTranslator(locale);
+		if ($[9] !== className) {
+			t4 = cn(className, "ald-member-picker-selected-member-tags-wrap");
+			$[9] = className;
+			$[10] = t4;
+		} else t4 = $[10];
+		t2 = "ald-member-picker-has-selected";
+		t3 = t.MemberPicker.selectedTotal(selectedUsers.length);
+		$[2] = className;
+		$[3] = locale;
+		$[4] = selectedUsers.length;
+		$[5] = t;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else {
+		t = $[5];
+		t2 = $[6];
+		t3 = $[7];
+		t4 = $[8];
+	}
+	let t5;
+	if ($[11] !== t2 || $[12] !== t3) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: t3
+		});
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t5;
+	} else t5 = $[13];
+	const t6 = width - 17;
+	let t7;
+	if ($[14] !== t6) {
+		t7 = { width: t6 };
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== getMemberPickerItemMoreInfoKey || $[17] !== lockedIds || $[18] !== props || $[19] !== renderSelectedTag || $[20] !== selectedUsers || $[21] !== t) {
+		let t9;
+		if ($[23] !== getMemberPickerItemMoreInfoKey || $[24] !== lockedIds || $[25] !== props || $[26] !== renderSelectedTag || $[27] !== t) {
+			t9 = (user) => {
+				let hasLocked;
+				if (user && Object.prototype.hasOwnProperty.call(user, "groupId")) hasLocked = _.findIndex(lockedIds, {
+					groupId: user.groupId,
+					type: user.type
+				}) !== -1;
+				else hasLocked = _.findIndex(lockedIds, {
+					userId: user.userId,
+					type: user.type
+				}) !== -1;
+				const originNode = /* @__PURE__ */ jsxs("div", {
+					className: "ald-member-picker-selected-member-tag",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "ald-member-picker-selected-member-tag-user",
+							children: /* @__PURE__ */ jsx(NickLabel_default, {
+								type: user.type,
+								id: getId(user),
+								name: user.name,
+								photo: getPhoto(user),
+								account: getAccount(user),
+								addonBefore: user.type === "USER" && /* @__PURE__ */ jsx("span", {
+									className: "ald-member-picker-option-id",
+									children: getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId
+								})
+							})
+						}),
+						isUser(user) && user.ban && /* @__PURE__ */ jsx(Badge, {
+							status: "default",
+							count: t.MemberPicker.ban,
+							className: "ald-member-picker-ban-badge"
+						}),
+						!hasLocked && /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": `Remove ${user.name}`,
+							className: "ald-member-picker-close",
+							style: {
+								border: 0,
+								background: "transparent",
+								padding: 0
+							},
+							onClick: () => props.onRemove?.(user),
+							children: /* @__PURE__ */ jsx(Memo, {
+								size: 20,
+								color: "var(--content-tertiary)",
+								"aria-hidden": "true"
+							})
+						})
+					]
+				}, getId(user));
+				if (renderSelectedTag) return renderSelectedTag(user, originNode);
+				return originNode;
+			};
+			$[23] = getMemberPickerItemMoreInfoKey;
+			$[24] = lockedIds;
+			$[25] = props;
+			$[26] = renderSelectedTag;
+			$[27] = t;
+			$[28] = t9;
+		} else t9 = $[28];
+		t8 = selectedUsers.map(t9);
+		$[16] = getMemberPickerItemMoreInfoKey;
+		$[17] = lockedIds;
+		$[18] = props;
+		$[19] = renderSelectedTag;
+		$[20] = selectedUsers;
+		$[21] = t;
+		$[22] = t8;
+	} else t8 = $[22];
+	let t9;
+	if ($[29] !== t7 || $[30] !== t8) {
+		t9 = /* @__PURE__ */ jsx(ScrollArea_default, {
 			className: "ald-member-selected-member-wrapper",
 			children: /* @__PURE__ */ jsx("div", {
 				className: "ald-member-picker-tags",
-				style: { width: width - 17 },
-				children: selectedUsers.map((user) => {
-					let hasLocked = false;
-					if (user && Object.prototype.hasOwnProperty.call(user, "groupId")) hasLocked = _.findIndex(lockedIds, {
-						groupId: user.groupId,
-						type: user.type
-					}) !== -1;
-					else hasLocked = _.findIndex(lockedIds, {
-						userId: user.userId,
-						type: user.type
-					}) !== -1;
-					const originNode = /* @__PURE__ */ jsxs("div", {
-						className: "ald-member-picker-selected-member-tag",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: "ald-member-picker-selected-member-tag-user",
-								children: /* @__PURE__ */ jsx(NickLabel_default, {
-									type: user.type,
-									id: getId(user),
-									name: user.name,
-									photo: getPhoto(user),
-									account: getAccount(user),
-									addonBefore: user.type === "USER" && /* @__PURE__ */ jsx("span", {
-										className: "ald-member-picker-option-id",
-										children: getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId
-									})
-								})
-							}),
-							isUser(user) && user.ban && /* @__PURE__ */ jsx(Badge, {
-								status: "default",
-								count: t.MemberPicker.ban,
-								className: "ald-member-picker-ban-badge"
-							}),
-							!hasLocked && /* @__PURE__ */ jsx("button", {
-								type: "button",
-								"aria-label": `Remove ${user.name}`,
-								className: "ald-member-picker-close",
-								style: {
-									border: 0,
-									background: "transparent",
-									padding: 0
-								},
-								onClick: () => props.onRemove?.(user),
-								children: /* @__PURE__ */ jsx(Memo, {
-									size: 20,
-									color: "var(--content-tertiary)",
-									"aria-hidden": "true"
-								})
-							})
-						]
-					}, getId(user));
-					if (renderSelectedTag) return renderSelectedTag(user, originNode);
-					return originNode;
-				})
+				style: t7,
+				children: t8
 			})
-		})]
-	});
+		});
+		$[29] = t7;
+		$[30] = t8;
+		$[31] = t9;
+	} else t9 = $[31];
+	let t10;
+	if ($[32] !== t4 || $[33] !== t5 || $[34] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [t5, t9]
+		});
+		$[32] = t4;
+		$[33] = t5;
+		$[34] = t9;
+		$[35] = t10;
+	} else t10 = $[35];
+	return t10;
 }
 //#endregion
 export { SelectedMemberTags as default };

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

@@ -1 +1 @@
-{"version":3,"file":"SelectedMemberTags.js","names":[],"sources":["../../../src/MemberPicker/components/SelectedMemberTags.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { ReactNode, useContext } from 'react';\nimport Badge from '../../Badge';\nimport ConfigProvider from '../../ConfigProvider';\nimport {\n  IUserGroup,\n  TUser,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport { CloseMLine } from '../../Icon';\nimport ScrollArea from '../../ScrollArea';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser } from '../interface';\nimport { getAccount, getId, getPhoto } from '../utils';\nimport { isUser } from '../utils/getUsersWithUserId';\nimport NickLabel from './NickLabel';\ninterface ISelectedMemberTagsProps {\n  className?: string;\n  selectedUsers: TUser;\n  onRemove?: (user: IUser | IUserGroup) => void;\n  width: number;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  userList: TUser;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n}\n\nexport default function SelectedMemberTags(props: ISelectedMemberTagsProps) {\n  const {\n    className,\n    selectedUsers,\n    width,\n    lockedIds = [],\n    renderSelectedTag,\n  } = props;\n\n  const { getMemberPickerItemMoreInfoKey } = ConfigProvider.useGetUserList();\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  return (\n    <div\n      className={cn(className, 'ald-member-picker-selected-member-tags-wrap')}\n    >\n      <div className={'ald-member-picker-has-selected'}>\n        {t.MemberPicker.selectedTotal(selectedUsers.length)}\n      </div>\n      <ScrollArea className={'ald-member-selected-member-wrapper'}>\n        <div className={'ald-member-picker-tags'} style={{ width: width - 17 }}>\n          {selectedUsers.map((user) => {\n            let hasLocked = false;\n\n            if (user && Object.prototype.hasOwnProperty.call(user, 'groupId')) {\n              const index = _.findIndex(lockedIds, {\n                groupId: (user as TUserGroupValue).groupId,\n                type: (user as TUserGroupValue).type,\n              });\n              hasLocked = index !== -1;\n            } else {\n              const index = _.findIndex(lockedIds, {\n                userId: (user as TUserValue).userId,\n                type: (user as TUserValue).type,\n              });\n\n              hasLocked = index !== -1;\n            }\n\n            const originNode = (\n              <div\n                className={'ald-member-picker-selected-member-tag'}\n                key={getId(user)}\n              >\n                <div className={'ald-member-picker-selected-member-tag-user'}>\n                  <NickLabel\n                    type={user.type}\n                    id={getId(user)}\n                    name={user.name as string}\n                    photo={getPhoto(user)}\n                    account={getAccount(user)}\n                    addonBefore={\n                      user.type === 'USER' && (\n                        <span className=\"ald-member-picker-option-id\">\n                          {getMemberPickerItemMoreInfoKey\n                            ? getMemberPickerItemMoreInfoKey(user)\n                            : user.userId}\n                        </span>\n                      )\n                    }\n                  ></NickLabel>\n                </div>\n                {/* 如果是用户的话并且user.ban为true，则展示 已停用 Tag */}\n                {isUser(user) && user.ban && (\n                  <Badge\n                    status=\"default\"\n                    count={t.MemberPicker.ban}\n                    className={'ald-member-picker-ban-badge'}\n                  ></Badge>\n                )}\n                {!hasLocked && (\n                  <button\n                    type=\"button\"\n                    aria-label={`Remove ${user.name as string}`}\n                    className={'ald-member-picker-close'}\n                    style={{ border: 0, background: 'transparent', padding: 0 }}\n                    onClick={() => props.onRemove?.(user)}\n                  >\n                    <CloseMLine\n                      size={20}\n                      color=\"var(--content-tertiary)\"\n                      aria-hidden=\"true\"\n                    />\n                  </button>\n                )}\n              </div>\n            );\n\n            if (renderSelectedTag) {\n              return renderSelectedTag(user, originNode);\n            }\n\n            return originNode;\n          })}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA+BA,SAAwB,mBAAmB,OAAiC;CAC1E,MAAM,EACJ,WACA,eACA,OACA,YAAY,EAAE,EACd,sBACE;CAEJ,MAAM,EAAE,mCAAmC,wBAAe,gBAAgB;CAE1E,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;AAE/B,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,WAAW,8CAA8C;YADzE,CAGE,oBAAC,OAAD;GAAK,WAAW;aACb,EAAE,aAAa,cAAc,cAAc,OAAO;GAC/C,CAAA,EACN,oBAAC,oBAAD;GAAY,WAAW;aACrB,oBAAC,OAAD;IAAK,WAAW;IAA0B,OAAO,EAAE,OAAO,QAAQ,IAAI;cACnE,cAAc,KAAK,SAAS;KAC3B,IAAI,YAAY;AAEhB,SAAI,QAAQ,OAAO,UAAU,eAAe,KAAK,MAAM,UAAU,CAK/D,aAJc,EAAE,UAAU,WAAW;MACnC,SAAU,KAAyB;MACnC,MAAO,KAAyB;MACjC,CAAC,KACoB;SAOtB,aALc,EAAE,UAAU,WAAW;MACnC,QAAS,KAAoB;MAC7B,MAAO,KAAoB;MAC5B,CAAC,KAEoB;KAGxB,MAAM,aACJ,qBAAC,OAAD;MACE,WAAW;gBADb;OAIE,oBAAC,OAAD;QAAK,WAAW;kBACd,oBAAC,mBAAD;SACE,MAAM,KAAK;SACX,IAAI,MAAM,KAAK;SACf,MAAM,KAAK;SACX,OAAO,SAAS,KAAK;SACrB,SAAS,WAAW,KAAK;SACzB,aACE,KAAK,SAAS,UACZ,oBAAC,QAAD;UAAM,WAAU;oBACb,iCACG,+BAA+B,KAAK,GACpC,KAAK;UACJ,CAAA;SAGA,CAAA;QACT,CAAA;OAEL,OAAO,KAAK,IAAI,KAAK,OACpB,oBAAC,OAAD;QACE,QAAO;QACP,OAAO,EAAE,aAAa;QACtB,WAAW;QACJ,CAAA;OAEV,CAAC,aACA,oBAAC,UAAD;QACE,MAAK;QACL,cAAY,UAAU,KAAK;QAC3B,WAAW;QACX,OAAO;SAAE,QAAQ;SAAG,YAAY;SAAe,SAAS;SAAG;QAC3D,eAAe,MAAM,WAAW,KAAK;kBAErC,oBAAC,MAAD;SACE,MAAM;SACN,OAAM;SACN,eAAY;SACZ,CAAA;QACK,CAAA;OAEP;QA3CC,MAAM,KAAK,CA2CZ;AAGR,SAAI,kBACF,QAAO,kBAAkB,MAAM,WAAW;AAG5C,YAAO;MACP;IACE,CAAA;GACK,CAAA,CACT"}
+{"version":3,"file":"SelectedMemberTags.js","names":["cn","_","React","ReactNode","useContext","Badge","ConfigProvider","IUserGroup","TUser","TUserGroupValue","TUserValue","CloseMLine","ScrollArea","LocaleContext","getTranslator","IUser","getAccount","getId","getPhoto","isUser","NickLabel","ISelectedMemberTagsProps","className","selectedUsers","onRemove","user","width","lockedIds","Array","userList","renderSelectedTag","originNode","SelectedMemberTags","props","$","_c","t0","t1","undefined","getMemberPickerItemMoreInfoKey","useGetUserList","locale","t","t2","t3","t4","length","MemberPicker","selectedTotal","t5","t6","t7","t8","t9","hasLocked","Object","prototype","hasOwnProperty","call","index","findIndex","groupId","type","index_0","userId","name","ban","border","background","padding","map","t10"],"sources":["../../../src/MemberPicker/components/SelectedMemberTags.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { ReactNode, useContext } from 'react';\nimport Badge from '../../Badge';\nimport ConfigProvider from '../../ConfigProvider';\nimport {\n  IUserGroup,\n  TUser,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport { CloseMLine } from '../../Icon';\nimport ScrollArea from '../../ScrollArea';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser } from '../interface';\nimport { getAccount, getId, getPhoto } from '../utils';\nimport { isUser } from '../utils/getUsersWithUserId';\nimport NickLabel from './NickLabel';\ninterface ISelectedMemberTagsProps {\n  className?: string;\n  selectedUsers: TUser;\n  onRemove?: (user: IUser | IUserGroup) => void;\n  width: number;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  userList: TUser;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n}\n\nexport default function SelectedMemberTags(props: ISelectedMemberTagsProps) {\n  const {\n    className,\n    selectedUsers,\n    width,\n    lockedIds = [],\n    renderSelectedTag,\n  } = props;\n\n  const { getMemberPickerItemMoreInfoKey } = ConfigProvider.useGetUserList();\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  return (\n    <div\n      className={cn(className, 'ald-member-picker-selected-member-tags-wrap')}\n    >\n      <div className={'ald-member-picker-has-selected'}>\n        {t.MemberPicker.selectedTotal(selectedUsers.length)}\n      </div>\n      <ScrollArea className={'ald-member-selected-member-wrapper'}>\n        <div className={'ald-member-picker-tags'} style={{ width: width - 17 }}>\n          {selectedUsers.map((user) => {\n            let hasLocked = false;\n\n            if (user && Object.prototype.hasOwnProperty.call(user, 'groupId')) {\n              const index = _.findIndex(lockedIds, {\n                groupId: (user as TUserGroupValue).groupId,\n                type: (user as TUserGroupValue).type,\n              });\n              hasLocked = index !== -1;\n            } else {\n              const index = _.findIndex(lockedIds, {\n                userId: (user as TUserValue).userId,\n                type: (user as TUserValue).type,\n              });\n\n              hasLocked = index !== -1;\n            }\n\n            const originNode = (\n              <div\n                className={'ald-member-picker-selected-member-tag'}\n                key={getId(user)}\n              >\n                <div className={'ald-member-picker-selected-member-tag-user'}>\n                  <NickLabel\n                    type={user.type}\n                    id={getId(user)}\n                    name={user.name as string}\n                    photo={getPhoto(user)}\n                    account={getAccount(user)}\n                    addonBefore={\n                      user.type === 'USER' && (\n                        <span className=\"ald-member-picker-option-id\">\n                          {getMemberPickerItemMoreInfoKey\n                            ? getMemberPickerItemMoreInfoKey(user)\n                            : user.userId}\n                        </span>\n                      )\n                    }\n                  ></NickLabel>\n                </div>\n                {/* 如果是用户的话并且user.ban为true，则展示 已停用 Tag */}\n                {isUser(user) && user.ban && (\n                  <Badge\n                    status=\"default\"\n                    count={t.MemberPicker.ban}\n                    className={'ald-member-picker-ban-badge'}\n                  ></Badge>\n                )}\n                {!hasLocked && (\n                  <button\n                    type=\"button\"\n                    aria-label={`Remove ${user.name as string}`}\n                    className={'ald-member-picker-close'}\n                    style={{ border: 0, background: 'transparent', padding: 0 }}\n                    onClick={() => props.onRemove?.(user)}\n                  >\n                    <CloseMLine\n                      size={20}\n                      color=\"var(--content-tertiary)\"\n                      aria-hidden=\"true\"\n                    />\n                  </button>\n                )}\n              </div>\n            );\n\n            if (renderSelectedTag) {\n              return renderSelectedTag(user, originNode);\n            }\n\n            return originNode;\n          })}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 interface ISelectorFooterProps {
     className?: string;
     onOk?: () => void;
     onCancel?: () => void;
     footer?: ReactNode;
 }
-export default function SelectorFooter(props: ISelectorFooterProps): import("react/jsx-runtime").JSX.Element;
+export default function SelectorFooter(props: ISelectorFooterProps): React.JSX.Element;
 export {};

package/dist/MemberPicker/components/SelectorFooter.js

@@ -1,34 +1,54 @@
 import { cn } from "../../lib/utils.js";
 import Button_default from "../../Button/index.js";
 import { LocaleContext, getTranslator } from "../../locale/default.js";
+import { c } from "react-compiler-runtime";
 import React, { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/MemberPicker/components/SelectorFooter.tsx
 function SelectorFooter(props) {
+	const $ = c(9);
 	const { locale } = useContext(LocaleContext);
-	const t = getTranslator(locale);
+	let t0;
+	if ($[0] !== locale) {
+		t0 = getTranslator(locale);
+		$[0] = locale;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t = t0;
 	const { className, onOk, onCancel } = props;
-	return props.footer ? React.cloneElement(props.footer, {
-		onCancel: () => {
-			if (typeof props.footer.props.onCancel === "function") props.footer.props.onCancel();
-			if (typeof onCancel === "function") onCancel();
-		},
-		onOk: () => {
-			if (typeof props.footer.props.onOk === "function") props.footer.props.onOk();
-			if (typeof onOk === "function") onOk();
-		}
-	}) : /* @__PURE__ */ jsxs("div", {
-		className: cn(className, "ald-member-picker-footer"),
-		children: [/* @__PURE__ */ jsx(Button_default, {
-			onClick: onCancel,
-			type: "secondary",
-			children: t.MemberPicker.cancel
-		}), /* @__PURE__ */ jsx(Button_default, {
-			onClick: onOk,
-			type: "primary",
-			children: t.MemberPicker.confirm
-		})]
-	});
+	const customFooter = props.footer;
+	let t1;
+	if ($[2] !== className || $[3] !== customFooter || $[4] !== onCancel || $[5] !== onOk || $[6] !== props.footer || $[7] !== t) {
+		t1 = props.footer ? React.cloneElement(customFooter, {
+			onCancel: () => {
+				if (typeof customFooter.props.onCancel === "function") customFooter.props.onCancel();
+				if (typeof onCancel === "function") onCancel();
+			},
+			onOk: () => {
+				if (typeof customFooter.props.onOk === "function") customFooter.props.onOk();
+				if (typeof onOk === "function") onOk();
+			}
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: cn(className, "ald-member-picker-footer"),
+			children: [/* @__PURE__ */ jsx(Button_default, {
+				onClick: onCancel,
+				type: "secondary",
+				children: t.MemberPicker.cancel
+			}), /* @__PURE__ */ jsx(Button_default, {
+				onClick: onOk,
+				type: "primary",
+				children: t.MemberPicker.confirm
+			})]
+		});
+		$[2] = className;
+		$[3] = customFooter;
+		$[4] = onCancel;
+		$[5] = onOk;
+		$[6] = props.footer;
+		$[7] = t;
+		$[8] = t1;
+	} else t1 = $[8];
+	return t1;
 }
 //#endregion
 export { SelectorFooter as default };

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

@@ -1 +1 @@
-{"version":3,"file":"SelectorFooter.js","names":[],"sources":["../../../src/MemberPicker/components/SelectorFooter.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport React, { ReactNode, useContext } from 'react';\nimport Button from '../../Button';\nimport { LocaleContext, getTranslator } from '../../locale/default';\n\ninterface ISelectorFooterProps {\n  className?: string;\n  onOk?: () => void;\n  onCancel?: () => void;\n  footer?: ReactNode;\n}\n\nexport default function SelectorFooter(props: ISelectorFooterProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { className, onOk, onCancel } = props;\n  const footer = props.footer ? (\n    React.cloneElement(props.footer as React.ReactElement, {\n      onCancel: () => {\n        // 如果自定义 footer 有 onCancel，则先执行自定义的 onCancel\n        if (\n          typeof (props.footer as React.ReactElement).props.onCancel ===\n          'function'\n        ) {\n          (props.footer as React.ReactElement).props.onCancel();\n        }\n        // 然后执行组件的 onCancel\n        if (typeof onCancel === 'function') {\n          onCancel();\n        }\n      },\n      onOk: () => {\n        // 如果自定义 footer 有 onCancel，则先执行自定义的 onCancel\n        if (\n          typeof (props.footer as React.ReactElement).props.onOk === 'function'\n        ) {\n          (props.footer as React.ReactElement).props.onOk();\n        }\n        // 然后执行组件的 onOk\n        if (typeof onOk === 'function') {\n          onOk();\n        }\n      },\n    })\n  ) : (\n    <div className={cn(className, 'ald-member-picker-footer')}>\n      <Button onClick={onCancel} type=\"secondary\">\n        {t.MemberPicker.cancel}\n      </Button>\n      <Button onClick={onOk} type=\"primary\">\n        {t.MemberPicker.confirm}\n      </Button>\n    </div>\n  );\n  return footer;\n}\n"],"mappings":";;;;;;AAYA,SAAwB,eAAe,OAA6B;CAClE,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EAAE,WAAW,MAAM,aAAa;AAuCtC,QAtCe,MAAM,SACnB,MAAM,aAAa,MAAM,QAA8B;EACrD,gBAAgB;AAEd,OACE,OAAQ,MAAM,OAA8B,MAAM,aAClD,WAEC,OAAM,OAA8B,MAAM,UAAU;AAGvD,OAAI,OAAO,aAAa,WACtB,WAAU;;EAGd,YAAY;AAEV,OACE,OAAQ,MAAM,OAA8B,MAAM,SAAS,WAE1D,OAAM,OAA8B,MAAM,MAAM;AAGnD,OAAI,OAAO,SAAS,WAClB,OAAM;;EAGX,CAAC,GAEF,qBAAC,OAAD;EAAK,WAAW,GAAG,WAAW,2BAA2B;YAAzD,CACE,oBAAC,gBAAD;GAAQ,SAAS;GAAU,MAAK;aAC7B,EAAE,aAAa;GACT,CAAA,EACT,oBAAC,gBAAD;GAAQ,SAAS;GAAM,MAAK;aACzB,EAAE,aAAa;GACT,CAAA,CACL"}
+{"version":3,"file":"SelectorFooter.js","names":["cn","React","ReactNode","useContext","Button","LocaleContext","getTranslator","ISelectorFooterProps","className","onOk","onCancel","footer","SelectorFooter","props","$","_c","locale","t0","t","customFooter","ReactElement","t1","cloneElement","MemberPicker","cancel","confirm"],"sources":["../../../src/MemberPicker/components/SelectorFooter.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport React, { ReactNode, useContext } from 'react';\nimport Button from '../../Button';\nimport { LocaleContext, getTranslator } from '../../locale/default';\n\ninterface ISelectorFooterProps {\n  className?: string;\n  onOk?: () => void;\n  onCancel?: () => void;\n  footer?: ReactNode;\n}\n\nexport default function SelectorFooter(props: ISelectorFooterProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { className, onOk, onCancel } = props;\n  const customFooter = props.footer as React.ReactElement<{\n    onCancel?: () => void;\n    onOk?: () => void;\n  }>;\n  const footer = props.footer ? (\n    React.cloneElement(customFooter, {\n      onCancel: () => {\n        // 如果自定义 footer 有 onCancel，则先执行自定义的 onCancel\n        if (typeof customFooter.props.onCancel === 'function') {\n          customFooter.props.onCancel();\n        }\n        // 然后执行组件的 onCancel\n        if (typeof onCancel === 'function') {\n          onCancel();\n        }\n      },\n      onOk: () => {\n        // 如果自定义 footer 有 onCancel，则先执行自定义的 onCancel\n        if (typeof customFooter.props.onOk === 'function') {\n          customFooter.props.onOk();\n        }\n        // 然后执行组件的 onOk\n        if (typeof onOk === 'function') {\n          onOk();\n        }\n      },\n    })\n  ) : (\n    <div className={cn(className, 'ald-member-picker-footer')}>\n      <Button onClick={onCancel} type=\"secondary\">\n        {t.MemberPicker.cancel}\n      </Button>\n      <Button onClick={onOk} type=\"primary\">\n        {t.MemberPicker.confirm}\n      </Button>\n    </div>\n  );\n  return footer;\n}\n"],"mappings":";;;;;;;AAYA,SAAeY,eAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACb,MAAA,EAAAC,WAAmBb,WAAWE,cAAc;CAAC,IAAAY;AAAA,KAAAH,EAAA,OAAAE,QAAA;AACnCC,OAAAX,cAAcU,OAAO;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAA/B,MAAAI,IAAUD;CAEV,MAAA,EAAAT,WAAAC,MAAAC,aAAsCG;CACtC,MAAAM,eAAqBN,MAAKF;CAGvB,IAAAU;AAAA,KAAAP,EAAA,OAAAN,aAAAM,EAAA,OAAAK,gBAAAL,EAAA,OAAAJ,YAAAI,EAAA,OAAAL,QAAAK,EAAA,OAAAD,MAAAF,UAAAG,EAAA,OAAAI,GAAA;AACYG,OAAAR,MAAKF,SAClBV,MAAKqB,aAAcH,cAAc;GAAAT,gBACrB;AAER,QAAI,OAAOS,aAAYN,MAAMH,aAAc,WACzCS,cAAYN,MAAMH,UAAW;AAG/B,QAAI,OAAOA,aAAa,WACtBA,WAAU;;GAEbD,YACK;AAEJ,QAAI,OAAOU,aAAYN,MAAMJ,SAAU,WACrCU,cAAYN,MAAMJ,MAAO;AAG3B,QAAI,OAAOA,SAAS,WAClBA,OAAM;;GAad,CAAC,GARC,qBAAA,OAAA;GAAgB,WAAAT,GAAGQ,WAAW,2BAA0B;aAAxD,CACE,oBAAC,gBAAD;IAAiBE,SAAAA;IAAe,MAAA;cAC7BQ,EAACK,aAAaC;IAEjB,CAAA,EAAA,oBAAC,gBAAD;IAAiBf,SAAAA;IAAW,MAAA;cACzBS,EAACK,aAAaE;IAEnB,CAAA,CACD;;AAAAX,IAAA,KAAAN;AAAAM,IAAA,KAAAK;AAAAL,IAAA,KAAAJ;AAAAI,IAAA,KAAAL;AAAAK,IAAA,KAAAD,MAAAF;AAAAG,IAAA,KAAAI;AAAAJ,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAC,QAhCaO"}

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

@@ -1,5 +1,6 @@
-import { IUserGroup } from '../../ConfigProvider/getUserList';
-import { IUser } from '../interface';
+import { default as React } from 'react';
+import { IUserGroup } from '../../ConfigProvider/getUserList.js';
+import { IUser } from '../interface.js';
 interface IMultipleOptionProps {
     selected: boolean;
     disabled?: boolean;
@@ -9,6 +10,7 @@ interface IMultipleOptionProps {
     onNextLevel?: (userGroup: IUserGroup) => void;
     hasNextLevel?: boolean;
     showUserId?: boolean;
+    searchValue?: string;
 }
-export default function SingleOption(params: IMultipleOptionProps): import("react/jsx-runtime").JSX.Element;
+export default function SingleOption(params: IMultipleOptionProps): React.JSX.Element;
 export {};

package/dist/MemberPicker/components/SingleOption.js

@@ -7,55 +7,146 @@ import TextLink from "../../TextLink/index.js";
 import { getAccount, getId, getPhoto } from "../utils/index.js";
 import { isUser, isUserGroup } from "../utils/getUsersWithUserId.js";
 import NickLabel_default from "./NickLabel.js";
+import { c } from "react-compiler-runtime";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/MemberPicker/components/SingleOption.tsx
 function SingleOption(params) {
+	const $ = c(55);
 	const { locale } = useContext(LocaleContext);
-	const t = getTranslator(locale);
+	let t0;
+	if ($[0] !== locale) {
+		t0 = getTranslator(locale);
+		$[0] = locale;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t = t0;
 	const { getMemberPickerItemMoreInfoKey } = AldCustomConfigProvider.useGetUserList();
-	const { disabled, user, selected, onChange, className, onNextLevel, hasNextLevel = true, showUserId } = params;
-	const onClick = () => {
-		if (disabled) return;
-		if (selected) onChange?.(selected, user);
-		else onChange?.(!selected, user);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		role: "option",
-		id: `ald-member-picker-option-${getId(user)}`,
-		"aria-selected": selected,
-		"aria-disabled": disabled || void 0,
-		tabIndex: -1,
-		className: cn("ald-member-picker-option", className, { ["ald-member-picker-option-disabled"]: disabled }),
-		onClick,
-		onKeyDown: (event) => {
+	const { disabled, user, selected, onChange, className, onNextLevel, hasNextLevel: t1, searchValue, showUserId } = params;
+	const hasNextLevel = t1 === void 0 ? true : t1;
+	let t2;
+	if ($[2] !== disabled || $[3] !== onChange || $[4] !== selected || $[5] !== user) {
+		t2 = () => {
+			if (disabled) return;
+			if (selected) onChange?.(selected, user);
+			else onChange?.(!selected, user);
+		};
+		$[2] = disabled;
+		$[3] = onChange;
+		$[4] = selected;
+		$[5] = user;
+		$[6] = t2;
+	} else t2 = $[6];
+	const onClick = t2;
+	let t3;
+	if ($[7] !== user) {
+		t3 = getId(user);
+		$[7] = user;
+		$[8] = t3;
+	} else t3 = $[8];
+	const t4 = `ald-member-picker-option-${t3}`;
+	const t5 = disabled || void 0;
+	let t6;
+	if ($[9] !== className || $[10] !== disabled) {
+		t6 = cn("ald-member-picker-option", className, { "ald-member-picker-option-disabled": disabled });
+		$[9] = className;
+		$[10] = disabled;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== disabled || $[13] !== onClick) {
+		t7 = (event) => {
 			if (disabled) return;
 			if (event.key === "Enter" || event.key === " ") {
 				event.preventDefault();
 				onClick();
 			}
-		},
-		children: [/* @__PURE__ */ jsx("div", {
+		};
+		$[12] = disabled;
+		$[13] = onClick;
+		$[14] = t7;
+	} else t7 = $[14];
+	const t8 = isUserGroup(user) ? user.path : void 0;
+	const t9 = user.type;
+	let t10;
+	if ($[15] !== user) {
+		t10 = getId(user);
+		$[15] = user;
+		$[16] = t10;
+	} else t10 = $[16];
+	const t11 = user.name;
+	let t12;
+	if ($[17] !== user) {
+		t12 = getPhoto(user);
+		$[17] = user;
+		$[18] = t12;
+	} else t12 = $[18];
+	let t13;
+	if ($[19] !== user) {
+		t13 = getAccount(user);
+		$[19] = user;
+		$[20] = t13;
+	} else t13 = $[20];
+	let t14;
+	if ($[21] !== getMemberPickerItemMoreInfoKey || $[22] !== showUserId || $[23] !== user) {
+		t14 = showUserId && user.type === EUserType.USER && /* @__PURE__ */ jsx("span", {
+			className: "ald-member-picker-option-id",
+			children: getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId
+		});
+		$[21] = getMemberPickerItemMoreInfoKey;
+		$[22] = showUserId;
+		$[23] = user;
+		$[24] = t14;
+	} else t14 = $[24];
+	let t15;
+	if ($[25] !== searchValue || $[26] !== t10 || $[27] !== t11 || $[28] !== t12 || $[29] !== t13 || $[30] !== t14 || $[31] !== t8 || $[32] !== user.type) {
+		t15 = /* @__PURE__ */ jsx(NickLabel_default, {
+			searchValue,
+			path: t8,
+			type: t9,
+			id: t10,
+			name: t11,
+			photo: t12,
+			account: t13,
+			addonBefore: t14
+		});
+		$[25] = searchValue;
+		$[26] = t10;
+		$[27] = t11;
+		$[28] = t12;
+		$[29] = t13;
+		$[30] = t14;
+		$[31] = t8;
+		$[32] = user.type;
+		$[33] = t15;
+	} else t15 = $[33];
+	let t16;
+	if ($[34] !== t || $[35] !== user) {
+		t16 = isUser(user) && user.ban && /* @__PURE__ */ jsx(Badge, {
+			status: "default",
+			count: t.MemberPicker.ban,
+			className: "ald-member-picker-ban-badge"
+		});
+		$[34] = t;
+		$[35] = user;
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== t15 || $[38] !== t16) {
+		t17 = /* @__PURE__ */ jsx("div", {
 			className: "ald-member-picker-label",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "ald-member-picker-option-content",
-				children: [/* @__PURE__ */ jsx(NickLabel_default, {
-					type: user.type,
-					id: getId(user),
-					name: user.name,
-					photo: getPhoto(user),
-					account: getAccount(user),
-					addonBefore: showUserId && user.type === EUserType.USER && /* @__PURE__ */ jsx("span", {
-						className: "ald-member-picker-option-id",
-						children: getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId
-					})
-				}), isUser(user) && user.ban && /* @__PURE__ */ jsx(Badge, {
-					status: "default",
-					count: t.MemberPicker.ban,
-					className: "ald-member-picker-ban-badge"
-				})]
+				children: [t15, t16]
 			})
-		}), isUserGroup(user) && hasNextLevel && /* @__PURE__ */ jsx(TextLink, {
+		});
+		$[37] = t15;
+		$[38] = t16;
+		$[39] = t17;
+	} else t17 = $[39];
+	let t18;
+	if ($[40] !== disabled || $[41] !== hasNextLevel || $[42] !== onNextLevel || $[43] !== t || $[44] !== user) {
+		t18 = isUserGroup(user) && hasNextLevel && /* @__PURE__ */ jsx(TextLink, {
 			className: "ald-member-picker-btn",
 			size: "small",
 			disabled,
@@ -65,8 +156,38 @@ function SingleOption(params) {
 				e.preventDefault();
 			},
 			children: t.MemberPicker.subLevel
-		})]
-	});
+		});
+		$[40] = disabled;
+		$[41] = hasNextLevel;
+		$[42] = onNextLevel;
+		$[43] = t;
+		$[44] = user;
+		$[45] = t18;
+	} else t18 = $[45];
+	let t19;
+	if ($[46] !== onClick || $[47] !== selected || $[48] !== t17 || $[49] !== t18 || $[50] !== t4 || $[51] !== t5 || $[52] !== t6 || $[53] !== t7) {
+		t19 = /* @__PURE__ */ jsxs("div", {
+			role: "option",
+			id: t4,
+			"aria-selected": selected,
+			"aria-disabled": t5,
+			tabIndex: -1,
+			className: t6,
+			onClick,
+			onKeyDown: t7,
+			children: [t17, t18]
+		});
+		$[46] = onClick;
+		$[47] = selected;
+		$[48] = t17;
+		$[49] = t18;
+		$[50] = t4;
+		$[51] = t5;
+		$[52] = t6;
+		$[53] = t7;
+		$[54] = t19;
+	} else t19 = $[54];
+	return t19;
 }
 //#endregion
 export { SingleOption as default };