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

package/dist/MemberPicker/components/MultipleOption.js

@@ -8,60 +8,164 @@ 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/MultipleOption.tsx
 function MultipleList(params) {
+	const $ = c(61);
 	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, searchValue, showUserId = false } = params;
-	const onClick = () => {
-		if (disabled) return;
-		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: t2 } = params;
+	const hasNextLevel = t1 === void 0 ? true : t1;
+	const showUserId = t2 === void 0 ? false : t2;
+	let t3;
+	if ($[2] !== disabled || $[3] !== onChange || $[4] !== selected || $[5] !== user) {
+		t3 = () => {
+			if (disabled) return;
+			onChange?.(!selected, user);
+		};
+		$[2] = disabled;
+		$[3] = onChange;
+		$[4] = selected;
+		$[5] = user;
+		$[6] = t3;
+	} else t3 = $[6];
+	const onClick = t3;
+	let t4;
+	if ($[7] !== user) {
+		t4 = getId(user);
+		$[7] = user;
+		$[8] = t4;
+	} else t4 = $[8];
+	const t5 = `ald-member-picker-option-${t4}`;
+	const t6 = disabled || void 0;
+	let t7;
+	if ($[9] !== className || $[10] !== disabled) {
+		t7 = cn("ald-member-picker-option", className, { "ald-member-picker-option-disabled": disabled });
+		$[9] = className;
+		$[10] = disabled;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== disabled || $[13] !== onClick) {
+		t8 = (event) => {
 			if (disabled) return;
 			if (event.key === "Enter" || event.key === " ") {
 				event.preventDefault();
 				onClick();
 			}
-		},
-		children: [/* @__PURE__ */ jsxs("div", {
+		};
+		$[12] = disabled;
+		$[13] = onClick;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== disabled || $[16] !== selected) {
+		t9 = /* @__PURE__ */ jsx(Checkbox, {
+			className: "ald-member-picker-checkbox",
+			checked: selected,
+			disabled
+		});
+		$[15] = disabled;
+		$[16] = selected;
+		$[17] = t9;
+	} else t9 = $[17];
+	const t10 = isUserGroup(user) ? user.path : void 0;
+	const t11 = user.type;
+	let t12;
+	if ($[18] !== user) {
+		t12 = getId(user);
+		$[18] = user;
+		$[19] = t12;
+	} else t12 = $[19];
+	const t13 = user.name;
+	let t14;
+	if ($[20] !== user) {
+		t14 = getPhoto(user);
+		$[20] = user;
+		$[21] = t14;
+	} else t14 = $[21];
+	let t15;
+	if ($[22] !== user) {
+		t15 = getAccount(user);
+		$[22] = user;
+		$[23] = t15;
+	} else t15 = $[23];
+	let t16;
+	if ($[24] !== getMemberPickerItemMoreInfoKey || $[25] !== showUserId || $[26] !== user) {
+		t16 = showUserId && user.type === EUserType.USER && /* @__PURE__ */ jsx("span", {
+			className: "ald-member-picker-option-id",
+			children: getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId
+		});
+		$[24] = getMemberPickerItemMoreInfoKey;
+		$[25] = showUserId;
+		$[26] = user;
+		$[27] = t16;
+	} else t16 = $[27];
+	let t17;
+	if ($[28] !== searchValue || $[29] !== t10 || $[30] !== t12 || $[31] !== t13 || $[32] !== t14 || $[33] !== t15 || $[34] !== t16 || $[35] !== user.type) {
+		t17 = /* @__PURE__ */ jsx(NickLabel_default, {
+			searchValue,
+			path: t10,
+			type: t11,
+			id: t12,
+			name: t13,
+			photo: t14,
+			account: t15,
+			addonBefore: t16
+		});
+		$[28] = searchValue;
+		$[29] = t10;
+		$[30] = t12;
+		$[31] = t13;
+		$[32] = t14;
+		$[33] = t15;
+		$[34] = t16;
+		$[35] = user.type;
+		$[36] = t17;
+	} else t17 = $[36];
+	let t18;
+	if ($[37] !== t || $[38] !== user) {
+		t18 = isUser(user) && user.ban && /* @__PURE__ */ jsx(Badge, {
+			status: "default",
+			count: t.MemberPicker.ban,
+			className: "ald-member-picker-ban-badge"
+		});
+		$[37] = t;
+		$[38] = user;
+		$[39] = t18;
+	} else t18 = $[39];
+	let t19;
+	if ($[40] !== t17 || $[41] !== t18) {
+		t19 = /* @__PURE__ */ jsxs("div", {
+			className: "ald-member-picker-option-content",
+			children: [t17, t18]
+		});
+		$[40] = t17;
+		$[41] = t18;
+		$[42] = t19;
+	} else t19 = $[42];
+	let t20;
+	if ($[43] !== t19 || $[44] !== t9) {
+		t20 = /* @__PURE__ */ jsxs("div", {
 			className: "ald-member-picker-label",
-			children: [/* @__PURE__ */ jsx(Checkbox, {
-				className: "ald-member-picker-checkbox",
-				checked: selected,
-				disabled
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "ald-member-picker-option-content",
-				children: [/* @__PURE__ */ jsx(NickLabel_default, {
-					searchValue,
-					path: isUserGroup(user) ? user.path : void 0,
-					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"
-				})]
-			})]
-		}), isUserGroup(user) && hasNextLevel && /* @__PURE__ */ jsx(TextLink, {
+			children: [t9, t19]
+		});
+		$[43] = t19;
+		$[44] = t9;
+		$[45] = t20;
+	} else t20 = $[45];
+	let t21;
+	if ($[46] !== disabled || $[47] !== hasNextLevel || $[48] !== onNextLevel || $[49] !== t || $[50] !== user) {
+		t21 = isUserGroup(user) && hasNextLevel && /* @__PURE__ */ jsx(TextLink, {
 			className: "ald-member-picker-btn",
 			size: "small",
 			disabled,
@@ -71,8 +175,38 @@ function MultipleList(params) {
 				e.preventDefault();
 			},
 			children: t.MemberPicker.subLevel
-		})]
-	});
+		});
+		$[46] = disabled;
+		$[47] = hasNextLevel;
+		$[48] = onNextLevel;
+		$[49] = t;
+		$[50] = user;
+		$[51] = t21;
+	} else t21 = $[51];
+	let t22;
+	if ($[52] !== onClick || $[53] !== selected || $[54] !== t20 || $[55] !== t21 || $[56] !== t5 || $[57] !== t6 || $[58] !== t7 || $[59] !== t8) {
+		t22 = /* @__PURE__ */ jsxs("div", {
+			role: "option",
+			id: t5,
+			"aria-selected": selected,
+			"aria-disabled": t6,
+			tabIndex: -1,
+			className: t7,
+			onClick,
+			onKeyDown: t8,
+			children: [t20, t21]
+		});
+		$[52] = onClick;
+		$[53] = selected;
+		$[54] = t20;
+		$[55] = t21;
+		$[56] = t5;
+		$[57] = t6;
+		$[58] = t7;
+		$[59] = t8;
+		$[60] = t22;
+	} else t22 = $[60];
+	return t22;
 }
 //#endregion
 export { MultipleList as default };

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

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

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

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { EUserType } from '../../ConfigProvider/getUserList';
+import { EUserType } from '../../ConfigProvider/getUserList.js';
 interface INickLabelProps {
     name?: string;
     id: string;

package/dist/MemberPicker/components/NickLabel.js

@@ -1,35 +1,84 @@
 import Avatar from "../../Avatar/index.js";
 import { EUserType } from "../../ConfigProvider/getUserList.js";
 import HighlightText from "../../HighlightText/index.js";
+import { c } from "react-compiler-runtime";
 import { memo } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/MemberPicker/components/NickLabel.tsx
-var NickLabel = ({ photo, name, id, account, type, addonBefore, path, searchValue }) => {
+var NickLabel = (t0) => {
+	const $ = c(19);
+	const { photo, name, id, account, type, addonBefore, path, searchValue } = t0;
 	const innerName = name || id;
 	const searchPath = searchValue?.trim() && path?.length ? path : void 0;
-	const title = searchPath ? searchPath.map((node) => node.name).join(" / ") : account ? `${name}(${account})` : name;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "ald-member-picker-nick-label",
-		children: [/* @__PURE__ */ jsx(Avatar, {
+	let t1;
+	if ($[0] !== account || $[1] !== name || $[2] !== searchPath) {
+		t1 = searchPath ? searchPath.map(_temp).join(" / ") : account ? `${name}(${account})` : name;
+		$[0] = account;
+		$[1] = name;
+		$[2] = searchPath;
+		$[3] = t1;
+	} else t1 = $[3];
+	const title = t1;
+	const t2 = type === EUserType.USER ? "user" : "team";
+	let t3;
+	if ($[4] !== innerName || $[5] !== photo || $[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Avatar, {
 			src: photo,
 			size: 20,
-			type: type === EUserType.USER ? "user" : "team",
+			type: t2,
 			children: innerName
-		}, innerName), /* @__PURE__ */ jsxs("div", {
+		}, innerName);
+		$[4] = innerName;
+		$[5] = photo;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== innerName || $[9] !== searchPath || $[10] !== searchValue) {
+		t4 = searchPath ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			searchPath.slice(0, -1).map(_temp2).join(" / "),
+			searchPath.length > 1 && " / ",
+			/* @__PURE__ */ jsx(HighlightText, {
+				keyword: searchValue || "",
+				children: innerName
+			})
+		] }) : innerName;
+		$[8] = innerName;
+		$[9] = searchPath;
+		$[10] = searchValue;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== addonBefore || $[13] !== t4 || $[14] !== title) {
+		t5 = /* @__PURE__ */ jsxs("div", {
 			className: "ald-member-picker-nick-label-name",
 			title,
-			children: [searchPath ? /* @__PURE__ */ jsxs(Fragment, { children: [
-				searchPath.slice(0, -1).map((node) => node.name).join(" / "),
-				searchPath.length > 1 && " / ",
-				/* @__PURE__ */ jsx(HighlightText, {
-					keyword: searchValue || "",
-					children: innerName
-				})
-			] }) : innerName, addonBefore]
-		})]
-	});
+			children: [t4, addonBefore]
+		});
+		$[12] = addonBefore;
+		$[13] = t4;
+		$[14] = title;
+		$[15] = t5;
+	} else t5 = $[15];
+	let t6;
+	if ($[16] !== t3 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "ald-member-picker-nick-label",
+			children: [t3, t5]
+		});
+		$[16] = t3;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
 };
 var NickLabel_default = memo(NickLabel);
+function _temp(node) {
+	return node.name;
+}
+function _temp2(node_0) {
+	return node_0.name;
+}
 //#endregion
 export { NickLabel_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"NickLabel.js","names":[],"sources":["../../../src/MemberPicker/components/NickLabel.tsx"],"sourcesContent":["import React, { ReactNode, memo } from 'react';\nimport Avatar from '../../Avatar';\nimport HighlightText from '../../HighlightText';\nimport { EUserType } from '../../ConfigProvider/getUserList';\n\ninterface INickLabelProps {\n  name?: string;\n  id: string;\n  photo?: React.ReactNode;\n  account?: string;\n  type: EUserType;\n  addonBefore?: ReactNode;\n  path?: Array<{ groupId: string; name: string }> | null;\n  searchValue?: string;\n}\nconst NickLabel: React.FC<INickLabelProps> = ({\n  photo,\n  name,\n  id,\n  account,\n  type,\n  addonBefore,\n  path,\n  searchValue,\n}) => {\n  const innerName = name || id;\n  const searchPath = searchValue?.trim() && path?.length ? path : undefined;\n  const title = searchPath\n    ? searchPath.map((node) => node.name).join(' / ')\n    : account\n    ? `${name}(${account})`\n    : name;\n\n  return (\n    <div className=\"ald-member-picker-nick-label\">\n      <Avatar\n        key={innerName}\n        src={photo}\n        size={20}\n        type={type === EUserType.USER ? 'user' : 'team'}\n      >\n        {innerName}\n      </Avatar>\n      <div className=\"ald-member-picker-nick-label-name\" title={title}>\n        {searchPath ? (\n          <>\n            {searchPath\n              .slice(0, -1)\n              .map((node) => node.name)\n              .join(' / ')}\n            {searchPath.length > 1 && ' / '}\n            <HighlightText keyword={searchValue || ''}>\n              {innerName}\n            </HighlightText>\n          </>\n        ) : (\n          innerName\n        )}\n        {addonBefore}\n      </div>\n    </div>\n  );\n};\n\nexport default memo(NickLabel);\n"],"mappings":";;;;;;AAeA,IAAM,aAAwC,EAC5C,OACA,MACA,IACA,SACA,MACA,aACA,MACA,kBACI;CACJ,MAAM,YAAY,QAAQ;CAC1B,MAAM,aAAa,aAAa,MAAM,IAAI,MAAM,SAAS,OAAO;CAChE,MAAM,QAAQ,aACV,WAAW,KAAK,SAAS,KAAK,KAAK,CAAC,KAAK,MAAM,GAC/C,UACA,GAAG,KAAK,GAAG,QAAQ,KACnB;AAEJ,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,QAAD;GAEE,KAAK;GACL,MAAM;GACN,MAAM,SAAS,UAAU,OAAO,SAAS;aAExC;GACM,EANF,UAME,EACT,qBAAC,OAAD;GAAK,WAAU;GAA2C;aAA1D,CACG,aACC,qBAAA,UAAA,EAAA,UAAA;IACG,WACE,MAAM,GAAG,GAAG,CACZ,KAAK,SAAS,KAAK,KAAK,CACxB,KAAK,MAAM;IACb,WAAW,SAAS,KAAK;IAC1B,oBAAC,eAAD;KAAe,SAAS,eAAe;eACpC;KACa,CAAA;IACf,EAAA,CAAA,GAEH,WAED,YACG;KACF;;;AAIV,IAAA,oBAAe,KAAK,UAAU"}
+{"version":3,"file":"NickLabel.js","names":["React","ReactNode","memo","Avatar","HighlightText","EUserType","INickLabelProps","name","id","photo","account","type","addonBefore","path","Array","groupId","searchValue","NickLabel","FC","t0","$","_c","innerName","searchPath","trim","length","undefined","t1","map","_temp","join","title","t2","USER","t3","t4","slice","_temp2","t5","t6","node","node_0"],"sources":["../../../src/MemberPicker/components/NickLabel.tsx"],"sourcesContent":["import React, { ReactNode, memo } from 'react';\nimport Avatar from '../../Avatar';\nimport HighlightText from '../../HighlightText';\nimport { EUserType } from '../../ConfigProvider/getUserList';\n\ninterface INickLabelProps {\n  name?: string;\n  id: string;\n  photo?: React.ReactNode;\n  account?: string;\n  type: EUserType;\n  addonBefore?: ReactNode;\n  path?: Array<{ groupId: string; name: string }> | null;\n  searchValue?: string;\n}\nconst NickLabel: React.FC<INickLabelProps> = ({\n  photo,\n  name,\n  id,\n  account,\n  type,\n  addonBefore,\n  path,\n  searchValue,\n}) => {\n  const innerName = name || id;\n  const searchPath = searchValue?.trim() && path?.length ? path : undefined;\n  const title = searchPath\n    ? searchPath.map((node) => node.name).join(' / ')\n    : account\n    ? `${name}(${account})`\n    : name;\n\n  return (\n    <div className=\"ald-member-picker-nick-label\">\n      <Avatar\n        key={innerName}\n        src={photo}\n        size={20}\n        type={type === EUserType.USER ? 'user' : 'team'}\n      >\n        {innerName}\n      </Avatar>\n      <div className=\"ald-member-picker-nick-label-name\" title={title}>\n        {searchPath ? (\n          <>\n            {searchPath\n              .slice(0, -1)\n              .map((node) => node.name)\n              .join(' / ')}\n            {searchPath.length > 1 && ' / '}\n            <HighlightText keyword={searchValue || ''}>\n              {innerName}\n            </HighlightText>\n          </>\n        ) : (\n          innerName\n        )}\n        {addonBefore}\n      </div>\n    </div>\n  );\n};\n\nexport default memo(NickLabel);\n"],"mappings":";;;;;;;AAeA,IAAMiB,aAAuCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAZ,OAAAF,MAAAC,IAAAE,SAAAC,MAAAC,aAAAC,MAAAG,gBAAAG;CAU5C,MAAAG,YAAkBf,QAAAC;CAClB,MAAAe,aAAmBP,aAAWQ,MAAwB,IAAZX,MAAIY,SAA3BZ,OAAAa;CAAuD,IAAAC;AAAA,KAAAP,EAAA,OAAAV,WAAAU,EAAA,OAAAb,QAAAa,EAAA,OAAAG,YAAA;AAC5DI,OAAAJ,aACVA,WAAUK,IAAKC,MAAoB,CAAAC,KAAM,MAGrC,GAFJpB,UAAA,GACGH,KAAI,GAAIG,QAAO,KADlBH;AAEIa,IAAA,KAAAV;AAAAU,IAAA,KAAAb;AAAAa,IAAA,KAAAG;AAAAH,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAJR,MAAAW,QAAcJ;CAYF,MAAAK,KAAArB,SAASN,UAAS4B,OAAlB,SAAA;CAAyC,IAAAC;AAAA,KAAAd,EAAA,OAAAE,aAAAF,EAAA,OAAAX,SAAAW,EAAA,OAAAY,IAAA;AAJjDE,OAAA,oBAAC,QAAD;GAEOzB,KAAAA;GACC,MAAA;GACA,MAAAuB;aAELV;GACM,EANFA,UAME;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAX;AAAAW,IAAA,KAAAY;AAAAZ,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAE,aAAAF,EAAA,OAAAG,cAAAH,EAAA,QAAAJ,aAAA;AAENmB,OAAAZ,aAAA,qBAAA,UAAA,EAAA,UAAA;GAEIA,WAAUa,MACF,GAAG,GAAG,CAAAR,IACRS,OAAoB,CAAAP,KACnB,MAAK;GACZP,WAAUE,SAAU,KAApB;GACD,oBAAC,eAAD;IAAwB,SAAAT,eAAA;cACrBM;IACa,CAAA;GAInB,EAAA,CAAA,GAbAA;AAaAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,MAAAJ;AAAAI,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAR,eAAAQ,EAAA,QAAAe,MAAAf,EAAA,QAAAW,OAAA;AAdHO,OAAA,qBAAA,OAAA;GAAe,WAAA;GAA2CP;aAA1D,CACGI,IAcAvB,YACG;;AAAAQ,IAAA,MAAAR;AAAAQ,IAAA,MAAAe;AAAAf,IAAA,MAAAW;AAAAX,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAc,MAAAd,EAAA,QAAAkB,IAAA;AAzBRC,OAAA,qBAAA,OAAA;GAAe,WAAA;aAAf,CACEL,IAQAI,GAiBI;;AAAAlB,IAAA,MAAAc;AAAAd,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;AAAA,QA1BNmB;;AA8BJ,IAAA,oBAAerC,KAAKe,UAAU;AAjDe,SAAAY,MAAAW,MAAA;AAAA,QAadA,KAAIjC;;AAbU,SAAA8B,OAAAI,QAAA;AAAA,QAiChBD,OAAIjC"}

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
-import { EMemberPicker, IUser } from '../interface';
+import { default as React, ReactNode } from 'react';
+import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList.js';
+import { EMemberPicker, IUser } from '../interface.js';
 interface IPanelProps {
     searchFeedback?: ReactNode;
     searchFailed?: boolean;
@@ -31,5 +31,5 @@ interface IPanelProps {
     showSearch?: boolean;
 }
 export declare const userDisplayNameIsRepeated: (userList: TUser, displayName?: string) => boolean;
-export default function Panel(props: IPanelProps): import("react/jsx-runtime").JSX.Element;
+export default function Panel(props: IPanelProps): React.JSX.Element;
 export {};