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

package/dist/MemberPicker/components/Panel.js

@@ -2,117 +2,177 @@ import { cn } from "../../lib/utils.js";
 import { LocaleContext, getTranslator } from "../../locale/default.js";
 import "../../ConfigProvider/getUserList.js";
 import Tabs from "../../Tabs/index.js";
+import SelectorFooter from "./SelectorFooter.js";
 import { EMemberPicker } from "../interface.js";
 import { getId } from "../utils/index.js";
 import { isUser, isUserGroup } from "../utils/getUsersWithUserId.js";
 import MemberSelection from "./MemberSelection.js";
 import SelectedMemberTags from "./SelectedMemberTags.js";
-import SelectorFooter from "./SelectorFooter.js";
 import UserGroupSelection from "./UserGroupSelection.js";
-import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useContext, useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function Panel(props) {
+	const $ = c(62);
 	const { locale } = useContext(LocaleContext);
-	const t = getTranslator(locale);
-	const { type, multiple, dropdownWidth, value, onChange, dataList, onSearchValueChange, className, lockedIds, footer, onCancel, renderItem, renderSelectedTag, filterItem, searchValue = "", showSearch } = props;
-	const [selectedUsers, setSelected] = useState([]);
-	const onSelectionChange = useCallback((selected, user) => {
-		if (multiple) if (selected) setSelected([...selectedUsers, user]);
-		else setSelected(selectedUsers.filter((item) => getId(item) !== getId(user)));
-		else if (selected) {
-			setSelected([user]);
-			onChange?.([user]);
-		} else {
-			setSelected([]);
-			onChange?.([]);
-		}
-	}, [
-		multiple,
-		selectedUsers,
-		onChange
-	]);
-	const onRemove = useCallback((user) => {
-		setSelected(selectedUsers.filter((item) => getId(item) !== getId(user)));
-	}, [selectedUsers]);
-	const panelwidth = useMemo(() => {
-		if (dropdownWidth) return dropdownWidth;
-		else if (multiple) return 480;
-		else return 160;
-	}, [dropdownWidth, multiple]);
-	useEffect(() => {
-		if (value) if (Array.isArray(value)) setSelected(value);
-		else setSelected([value]);
-	}, [setSelected, value]);
-	const renderDropdown = useCallback(() => {
-		const userSelection = /* @__PURE__ */ jsx(MemberSelection, {
-			className: "ald-member-picker-member-selection-multiple",
-			userList: dataList.filter(isUser),
-			filterItem,
-			width: (panelwidth - 6) / 2,
-			selectedUsers: selectedUsers.filter(isUser),
-			onChange: onSelectionChange,
-			onSearchValueChange,
-			searchValue,
-			showSearch,
-			multiple: true,
-			lockedIds,
-			loading: props.loading,
-			renderItem
-		});
-		const userGroupSelection = /* @__PURE__ */ jsx(UserGroupSelection, {
-			className: "ald-member-picker-member-selection-multiple",
-			userGroupList: dataList.filter(isUserGroup),
-			filterItem,
-			width: (panelwidth - 6) / 2,
-			selectedUsersGroup: selectedUsers.filter(isUserGroup),
-			onChange: onSelectionChange,
-			onSearchValueChange,
-			searchValue,
-			showSearch,
-			multiple: true,
-			lockedIds,
-			loading: props.loading,
-			renderItem
-		});
-		if (type === EMemberPicker.USER) return userSelection;
-		if (type === EMemberPicker.GROUP) return userGroupSelection;
-		if (type === EMemberPicker.BOTH) return /* @__PURE__ */ jsx(Tabs, {
-			centered: true,
-			destroyInactiveTabPane: true,
-			items: [{
-				key: "user",
-				label: t.MemberPicker.users,
-				children: userSelection
-			}, {
-				key: "userGroup",
-				label: t.MemberPicker.userGroups,
-				children: userGroupSelection
-			}],
-			className: "ald-member-tabs"
-		});
-	}, [
-		t,
-		dataList,
-		panelwidth,
-		selectedUsers,
-		onSelectionChange,
-		onSearchValueChange,
-		searchValue,
-		showSearch,
-		lockedIds,
-		props.loading,
-		type,
-		renderItem,
-		filterItem
-	]);
+	let t0;
+	if ($[0] !== locale) {
+		t0 = getTranslator(locale);
+		$[0] = locale;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t = t0;
+	const { type, multiple, dropdownWidth, value, onChange, dataList, onSearchValueChange, className, lockedIds, footer, onCancel, renderItem, renderSelectedTag, filterItem, searchValue: t1, showSearch } = props;
+	const searchValue = t1 === void 0 ? "" : t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = [];
+		$[2] = t2;
+	} else t2 = $[2];
+	const [selectedUsers, setSelected] = useState(t2);
+	let t3;
+	if ($[3] !== multiple || $[4] !== onChange || $[5] !== selectedUsers) {
+		t3 = (selected, user) => {
+			if (multiple) if (selected) setSelected([...selectedUsers, user]);
+			else setSelected(selectedUsers.filter((item) => getId(item) !== getId(user)));
+			else if (selected) {
+				setSelected([user]);
+				onChange?.([user]);
+			} else {
+				setSelected([]);
+				onChange?.([]);
+			}
+		};
+		$[3] = multiple;
+		$[4] = onChange;
+		$[5] = selectedUsers;
+		$[6] = t3;
+	} else t3 = $[6];
+	const onSelectionChange = t3;
+	let t4;
+	if ($[7] !== selectedUsers) {
+		t4 = (user_0) => {
+			setSelected(selectedUsers.filter((item_0) => getId(item_0) !== getId(user_0)));
+		};
+		$[7] = selectedUsers;
+		$[8] = t4;
+	} else t4 = $[8];
+	const onRemove = t4;
+	let t5;
+	if (dropdownWidth) t5 = dropdownWidth;
+	else if (multiple) t5 = 480;
+	else t5 = 160;
+	const panelwidth = t5;
+	let t6;
+	let t7;
+	if ($[9] !== value) {
+		t6 = () => {
+			if (value) if (Array.isArray(value)) setSelected(value);
+			else setSelected([value]);
+		};
+		t7 = [setSelected, value];
+		$[9] = value;
+		$[10] = t6;
+		$[11] = t7;
+	} else {
+		t6 = $[10];
+		t7 = $[11];
+	}
+	useEffect(t6, t7);
+	let t8;
+	if ($[12] !== dataList || $[13] !== filterItem || $[14] !== lockedIds || $[15] !== onSearchValueChange || $[16] !== onSelectionChange || $[17] !== panelwidth || $[18] !== props.active || $[19] !== props.loading || $[20] !== props.searchFailed || $[21] !== props.useProvidedGroupSearch || $[22] !== renderItem || $[23] !== searchValue || $[24] !== selectedUsers || $[25] !== showSearch || $[26] !== t || $[27] !== type) {
+		t8 = () => {
+			const userSelection = /* @__PURE__ */ jsx(MemberSelection, {
+				className: "ald-member-picker-member-selection-multiple",
+				userList: dataList.filter(isUser),
+				filterItem,
+				width: (panelwidth - 6) / 2,
+				selectedUsers: selectedUsers.filter(isUser),
+				onChange: onSelectionChange,
+				onSearchValueChange,
+				searchValue,
+				showSearch,
+				multiple: true,
+				lockedIds,
+				loading: props.loading,
+				renderItem
+			});
+			const userGroupSelection = /* @__PURE__ */ jsx(UserGroupSelection, {
+				active: props.active,
+				useProvidedSearch: props.useProvidedGroupSearch && !!searchValue.trim(),
+				parentSearchFailed: props.searchFailed,
+				className: "ald-member-picker-member-selection-multiple",
+				userGroupList: dataList.filter(isUserGroup),
+				filterItem,
+				width: (panelwidth - 6) / 2,
+				selectedUsersGroup: selectedUsers.filter(isUserGroup),
+				onChange: onSelectionChange,
+				onSearchValueChange,
+				searchValue,
+				showSearch,
+				multiple: true,
+				lockedIds,
+				loading: props.loading,
+				renderItem
+			});
+			if (type === EMemberPicker.USER) return userSelection;
+			if (type === EMemberPicker.GROUP) return userGroupSelection;
+			if (type === EMemberPicker.BOTH) return /* @__PURE__ */ jsx(Tabs, {
+				centered: true,
+				destroyInactiveTabPane: true,
+				items: [{
+					key: "user",
+					label: t.MemberPicker.users,
+					children: userSelection
+				}, {
+					key: "userGroup",
+					label: t.MemberPicker.userGroups,
+					children: userGroupSelection
+				}],
+				className: "ald-member-tabs"
+			});
+		};
+		$[12] = dataList;
+		$[13] = filterItem;
+		$[14] = lockedIds;
+		$[15] = onSearchValueChange;
+		$[16] = onSelectionChange;
+		$[17] = panelwidth;
+		$[18] = props.active;
+		$[19] = props.loading;
+		$[20] = props.searchFailed;
+		$[21] = props.useProvidedGroupSearch;
+		$[22] = renderItem;
+		$[23] = searchValue;
+		$[24] = selectedUsers;
+		$[25] = showSearch;
+		$[26] = t;
+		$[27] = type;
+		$[28] = t8;
+	} else t8 = $[28];
+	const renderDropdown = t8;
 	const wrapperWidth = dropdownWidth ?? (multiple ? panelwidth : "100%");
-	return /* @__PURE__ */ jsx("div", {
-		className: cn(className, "ald-member-picker-wrapper", {
-			["ald-member-picker-multiple"]: multiple,
-			["ald-member-picker-single"]: !multiple
-		}),
-		style: { width: wrapperWidth },
-		children: multiple ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+	const t9 = !multiple;
+	let t10;
+	if ($[29] !== className || $[30] !== multiple || $[31] !== t9) {
+		t10 = cn(className, "ald-member-picker-wrapper", {
+			"ald-member-picker-multiple": multiple,
+			"ald-member-picker-single": t9
+		});
+		$[29] = className;
+		$[30] = multiple;
+		$[31] = t9;
+		$[32] = t10;
+	} else t10 = $[32];
+	let t11;
+	if ($[33] !== wrapperWidth) {
+		t11 = { width: wrapperWidth };
+		$[33] = wrapperWidth;
+		$[34] = t11;
+	} else t11 = $[34];
+	let t12;
+	if ($[35] !== dataList || $[36] !== footer || $[37] !== lockedIds || $[38] !== multiple || $[39] !== onCancel || $[40] !== onChange || $[41] !== onRemove || $[42] !== onSearchValueChange || $[43] !== onSelectionChange || $[44] !== panelwidth || $[45] !== props.active || $[46] !== props.loading || $[47] !== props.searchFailed || $[48] !== props.useProvidedGroupSearch || $[49] !== renderDropdown || $[50] !== renderItem || $[51] !== renderSelectedTag || $[52] !== searchValue || $[53] !== selectedUsers || $[54] !== showSearch || $[55] !== type) {
+		t12 = multiple ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 			className: "ald-member-picker-inner",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "ald-member-picker-member-selection-wrapper",
@@ -147,6 +207,9 @@ function Panel(props) {
 			loading: props.loading,
 			renderItem
 		}), type === EMemberPicker.GROUP && /* @__PURE__ */ jsx(UserGroupSelection, {
+			active: props.active,
+			useProvidedSearch: props.useProvidedGroupSearch && !!searchValue.trim(),
+			parentSearchFailed: props.searchFailed,
 			className: "ald-member-picker-member-selection-multiple",
 			userGroupList: dataList.filter(isUserGroup),
 			width: (panelwidth - 3) / 2,
@@ -159,8 +222,44 @@ function Panel(props) {
 			lockedIds,
 			loading: props.loading,
 			renderItem
-		})] })
-	});
+		})] });
+		$[35] = dataList;
+		$[36] = footer;
+		$[37] = lockedIds;
+		$[38] = multiple;
+		$[39] = onCancel;
+		$[40] = onChange;
+		$[41] = onRemove;
+		$[42] = onSearchValueChange;
+		$[43] = onSelectionChange;
+		$[44] = panelwidth;
+		$[45] = props.active;
+		$[46] = props.loading;
+		$[47] = props.searchFailed;
+		$[48] = props.useProvidedGroupSearch;
+		$[49] = renderDropdown;
+		$[50] = renderItem;
+		$[51] = renderSelectedTag;
+		$[52] = searchValue;
+		$[53] = selectedUsers;
+		$[54] = showSearch;
+		$[55] = type;
+		$[56] = t12;
+	} else t12 = $[56];
+	let t13;
+	if ($[57] !== props.searchFeedback || $[58] !== t10 || $[59] !== t11 || $[60] !== t12) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: t10,
+			style: t11,
+			children: [props.searchFeedback, t12]
+		});
+		$[57] = props.searchFeedback;
+		$[58] = t10;
+		$[59] = t11;
+		$[60] = t12;
+		$[61] = t13;
+	} else t13 = $[61];
+	return t13;
 }
 //#endregion
 export { Panel as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":[],"sources":["../../../src/MemberPicker/components/Panel.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\n\nimport React, {\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  EUserType,\n  IUserGroup,\n  TUser,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport Tabs from '../../Tabs';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { EMemberPicker, IUser } from '../interface';\nimport { getId } from '../utils';\nimport { isUser, isUserGroup } from '../utils/getUsersWithUserId';\nimport MemberSelection from './MemberSelection';\nimport SelectedMemberTags from './SelectedMemberTags';\nimport SelectorFooter from './SelectorFooter';\nimport UserGroupSelection from './UserGroupSelection';\n\ninterface IPanelProps {\n  type: EMemberPicker;\n  multiple?: boolean;\n  onChange?: (value: TUser) => void;\n  dropdownWidth?: number;\n  value?: TUser | (IUser | IUserGroup);\n  dataList: TUser;\n  onSearchValueChange?: (value: string) => void;\n  onCancel?: () => void;\n  loading: boolean;\n  className?: string;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  footer?: ReactNode;\n  renderItem?: (\n    item: IUser | IUserGroup,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      onNextLevel?: () => void;\n      originNode: ReactNode;\n    },\n  ) => ReactNode;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n  filterItem?: (item: IUser | IUserGroup) => boolean;\n  searchValue?: string;\n  showSearch?: boolean;\n}\n\nexport const userDisplayNameIsRepeated = (\n  userList: TUser,\n  displayName?: string,\n) => {\n  return (\n    userList.filter(\n      (user) => user.type === EUserType.USER && user.nickname === displayName,\n    ).length > 1\n  );\n};\n\nexport default function Panel(props: IPanelProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    type,\n    multiple,\n    dropdownWidth,\n    value,\n    onChange,\n    dataList,\n    onSearchValueChange,\n    className,\n    lockedIds,\n    footer,\n    onCancel,\n    renderItem,\n    renderSelectedTag,\n    filterItem,\n    searchValue = '',\n    showSearch,\n  } = props;\n\n  const [selectedUsers, setSelected] = useState<TUser>([]);\n\n  const onSelectionChange = useCallback(\n    (selected: boolean, user: IUser | IUserGroup) => {\n      if (multiple) {\n        if (selected) {\n          setSelected([...selectedUsers, user]);\n        } else {\n          setSelected(\n            selectedUsers.filter((item) => getId(item) !== getId(user)),\n          );\n        }\n      } else {\n        if (selected) {\n          setSelected([user]);\n          onChange?.([user]);\n        } else {\n          setSelected([]);\n          onChange?.([]);\n        }\n      }\n    },\n    [multiple, selectedUsers, onChange],\n  );\n\n  const onRemove = useCallback(\n    (user: IUser | IUserGroup) => {\n      setSelected(selectedUsers.filter((item) => getId(item) !== getId(user)));\n    },\n    [selectedUsers],\n  );\n\n  const panelwidth = useMemo(() => {\n    if (dropdownWidth) {\n      return dropdownWidth;\n    } else if (multiple) {\n      return 480;\n    } else {\n      return 160;\n    }\n  }, [dropdownWidth, multiple]);\n\n  useEffect(() => {\n    if (value) {\n      if (Array.isArray(value)) {\n        setSelected(value);\n      } else {\n        setSelected([value]);\n      }\n    }\n  }, [setSelected, value]);\n\n  const renderDropdown = useCallback(() => {\n    const userSelection = (\n      <MemberSelection\n        className={'ald-member-picker-member-selection-multiple'}\n        userList={dataList.filter(isUser)}\n        filterItem={filterItem}\n        width={(panelwidth - 6) / 2}\n        selectedUsers={selectedUsers.filter(isUser)}\n        onChange={onSelectionChange}\n        onSearchValueChange={onSearchValueChange}\n        searchValue={searchValue}\n        showSearch={showSearch}\n        multiple={true}\n        lockedIds={lockedIds}\n        loading={props.loading}\n        renderItem={renderItem}\n      ></MemberSelection>\n    );\n    const userGroupSelection = (\n      <UserGroupSelection\n        className={'ald-member-picker-member-selection-multiple'}\n        userGroupList={dataList.filter(isUserGroup)}\n        filterItem={filterItem}\n        width={(panelwidth - 6) / 2}\n        selectedUsersGroup={selectedUsers.filter(isUserGroup)}\n        onChange={onSelectionChange}\n        onSearchValueChange={onSearchValueChange}\n        searchValue={searchValue}\n        showSearch={showSearch}\n        multiple={true}\n        lockedIds={lockedIds}\n        loading={props.loading}\n        renderItem={renderItem}\n      ></UserGroupSelection>\n    );\n    if (type === EMemberPicker.USER) {\n      return userSelection;\n    }\n    if (type === EMemberPicker.GROUP) {\n      return userGroupSelection;\n    }\n    if (type === EMemberPicker.BOTH) {\n      return (\n        <Tabs\n          centered\n          destroyInactiveTabPane\n          items={[\n            {\n              key: 'user',\n              label: t.MemberPicker.users,\n              children: userSelection,\n            },\n            {\n              key: 'userGroup',\n              label: t.MemberPicker.userGroups,\n              children: userGroupSelection,\n            },\n          ]}\n          className=\"ald-member-tabs\"\n        ></Tabs>\n      );\n    }\n  }, [\n    t,\n    dataList,\n    panelwidth,\n    selectedUsers,\n    onSelectionChange,\n    onSearchValueChange,\n    searchValue,\n    showSearch,\n    lockedIds,\n    props.loading,\n    type,\n    renderItem,\n    filterItem,\n  ]);\n\n  // 单选 + 调用方未传 dropdownWidth 时让 wrapper 跟随父级（popupMatchSelectWidth=true 的浮窗 = 触发器宽度），\n  // 否则按具体数字（多选 480 / 调用方自定义）固定宽度。\n  const wrapperWidth: number | string =\n    dropdownWidth ?? (multiple ? panelwidth : '100%');\n\n  return (\n    <div\n      className={cn(className, 'ald-member-picker-wrapper', {\n        ['ald-member-picker-multiple']: multiple,\n        ['ald-member-picker-single']: !multiple,\n      })}\n      style={{ width: wrapperWidth }}\n    >\n      {multiple ? (\n        <>\n          <div className=\"ald-member-picker-inner\">\n            <div className=\"ald-member-picker-member-selection-wrapper\">\n              {renderDropdown()}\n            </div>\n            <SelectedMemberTags\n              className={'ald-member-picker-selected-member-tags'}\n              selectedUsers={selectedUsers}\n              width={(panelwidth - 3) / 2}\n              onRemove={onRemove}\n              lockedIds={lockedIds}\n              userList={dataList}\n              renderSelectedTag={renderSelectedTag}\n            ></SelectedMemberTags>\n          </div>\n          <SelectorFooter\n            className={'ald-member-picker-selector-footer'}\n            onCancel={onCancel}\n            onOk={() => {\n              onChange?.(selectedUsers);\n            }}\n            footer={footer}\n          ></SelectorFooter>\n        </>\n      ) : (\n        <>\n          {type === EMemberPicker.USER && (\n            <MemberSelection\n              className={'ald-member-picker-member-selection-single'}\n              userList={dataList.filter(isUser)}\n              width={panelwidth - 2}\n              onChange={onSelectionChange}\n              selectedUsers={selectedUsers.filter(isUser)}\n              onSearchValueChange={onSearchValueChange}\n              searchValue={searchValue}\n              showSearch={showSearch}\n              multiple={false && multiple}\n              lockedIds={lockedIds}\n              loading={props.loading}\n              renderItem={renderItem}\n            ></MemberSelection>\n          )}\n          {type === EMemberPicker.GROUP && (\n            <UserGroupSelection\n              className={'ald-member-picker-member-selection-multiple'}\n              userGroupList={dataList.filter(isUserGroup)}\n              width={(panelwidth - 3) / 2}\n              selectedUsersGroup={selectedUsers.filter(isUserGroup)}\n              onChange={onSelectionChange}\n              onSearchValueChange={onSearchValueChange}\n              searchValue={searchValue}\n              showSearch={showSearch}\n              multiple={false}\n              lockedIds={lockedIds}\n              loading={props.loading}\n              renderItem={renderItem}\n            ></UserGroupSelection>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAsEA,SAAwB,MAAM,OAAoB;CAChD,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,MACA,UACA,eACA,OACA,UACA,UACA,qBACA,WACA,WACA,QACA,UACA,YACA,mBACA,YACA,cAAc,IACd,eACE;CAEJ,MAAM,CAAC,eAAe,eAAe,SAAgB,EAAE,CAAC;CAExD,MAAM,oBAAoB,aACvB,UAAmB,SAA6B;AAC/C,MAAI,SACF,KAAI,SACF,aAAY,CAAC,GAAG,eAAe,KAAK,CAAC;MAErC,aACE,cAAc,QAAQ,SAAS,MAAM,KAAK,KAAK,MAAM,KAAK,CAAC,CAC5D;WAGC,UAAU;AACZ,eAAY,CAAC,KAAK,CAAC;AACnB,cAAW,CAAC,KAAK,CAAC;SACb;AACL,eAAY,EAAE,CAAC;AACf,cAAW,EAAE,CAAC;;IAIpB;EAAC;EAAU;EAAe;EAAS,CACpC;CAED,MAAM,WAAW,aACd,SAA6B;AAC5B,cAAY,cAAc,QAAQ,SAAS,MAAM,KAAK,KAAK,MAAM,KAAK,CAAC,CAAC;IAE1E,CAAC,cAAc,CAChB;CAED,MAAM,aAAa,cAAc;AAC/B,MAAI,cACF,QAAO;WACE,SACT,QAAO;MAEP,QAAO;IAER,CAAC,eAAe,SAAS,CAAC;AAE7B,iBAAgB;AACd,MAAI,MACF,KAAI,MAAM,QAAQ,MAAM,CACtB,aAAY,MAAM;MAElB,aAAY,CAAC,MAAM,CAAC;IAGvB,CAAC,aAAa,MAAM,CAAC;CAExB,MAAM,iBAAiB,kBAAkB;EACvC,MAAM,gBACJ,oBAAC,iBAAD;GACE,WAAW;GACX,UAAU,SAAS,OAAO,OAAO;GACrB;GACZ,QAAQ,aAAa,KAAK;GAC1B,eAAe,cAAc,OAAO,OAAO;GAC3C,UAAU;GACW;GACR;GACD;GACZ,UAAU;GACC;GACX,SAAS,MAAM;GACH;GACK,CAAA;EAErB,MAAM,qBACJ,oBAAC,oBAAD;GACE,WAAW;GACX,eAAe,SAAS,OAAO,YAAY;GAC/B;GACZ,QAAQ,aAAa,KAAK;GAC1B,oBAAoB,cAAc,OAAO,YAAY;GACrD,UAAU;GACW;GACR;GACD;GACZ,UAAU;GACC;GACX,SAAS,MAAM;GACH;GACQ,CAAA;AAExB,MAAI,SAAS,cAAc,KACzB,QAAO;AAET,MAAI,SAAS,cAAc,MACzB,QAAO;AAET,MAAI,SAAS,cAAc,KACzB,QACE,oBAAC,MAAD;GACE,UAAA;GACA,wBAAA;GACA,OAAO,CACL;IACE,KAAK;IACL,OAAO,EAAE,aAAa;IACtB,UAAU;IACX,EACD;IACE,KAAK;IACL,OAAO,EAAE,aAAa;IACtB,UAAU;IACX,CACF;GACD,WAAU;GACJ,CAAA;IAGX;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACN;EACA;EACA;EACD,CAAC;CAIF,MAAM,eACJ,kBAAkB,WAAW,aAAa;AAE5C,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,WAAW,6BAA6B;IACnD,+BAA+B;IAC/B,6BAA6B,CAAC;GAChC,CAAC;EACF,OAAO,EAAE,OAAO,cAAc;YAE7B,WACC,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IAAK,WAAU;cACZ,gBAAgB;IACb,CAAA,EACN,oBAAC,oBAAD;IACE,WAAW;IACI;IACf,QAAQ,aAAa,KAAK;IAChB;IACC;IACX,UAAU;IACS;IACC,CAAA,CAClB;MACN,oBAAC,gBAAD;GACE,WAAW;GACD;GACV,YAAY;AACV,eAAW,cAAc;;GAEnB;GACQ,CAAA,CACjB,EAAA,CAAA,GAEH,qBAAA,UAAA,EAAA,UAAA,CACG,SAAS,cAAc,QACtB,oBAAC,iBAAD;GACE,WAAW;GACX,UAAU,SAAS,OAAO,OAAO;GACjC,OAAO,aAAa;GACpB,UAAU;GACV,eAAe,cAAc,OAAO,OAAO;GACtB;GACR;GACD;GACZ,UAAU;GACC;GACX,SAAS,MAAM;GACH;GACK,CAAA,EAEpB,SAAS,cAAc,SACtB,oBAAC,oBAAD;GACE,WAAW;GACX,eAAe,SAAS,OAAO,YAAY;GAC3C,QAAQ,aAAa,KAAK;GAC1B,oBAAoB,cAAc,OAAO,YAAY;GACrD,UAAU;GACW;GACR;GACD;GACZ,UAAU;GACC;GACX,SAAS,MAAM;GACH;GACQ,CAAA,CAEvB,EAAA,CAAA;EAED,CAAA"}
+{"version":3,"file":"Panel.js","names":["cn","React","ReactNode","useCallback","useContext","useEffect","useMemo","useState","EUserType","IUserGroup","TUser","TUserGroupValue","TUserValue","Tabs","LocaleContext","getTranslator","EMemberPicker","IUser","getId","isUser","isUserGroup","MemberSelection","SelectedMemberTags","SelectorFooter","UserGroupSelection","IPanelProps","searchFeedback","searchFailed","useProvidedGroupSearch","active","type","multiple","onChange","value","dropdownWidth","dataList","onSearchValueChange","onCancel","loading","className","lockedIds","Array","footer","renderItem","item","context","isSelected","disabled","onClick","onNextLevel","originNode","renderSelectedTag","user","filterItem","searchValue","showSearch","userDisplayNameIsRepeated","userList","displayName","filter","USER","nickname","length","Panel","props","$","_c","locale","t0","t","t1","undefined","t2","Symbol","for","selectedUsers","setSelected","t3","selected","onSelectionChange","t4","user_0","item_0","onRemove","t5","panelwidth","t6","t7","isArray","t8","userSelection","userGroupSelection","trim","GROUP","BOTH","key","label","MemberPicker","users","children","userGroups","renderDropdown","wrapperWidth","t9","t10","t11","width","t12","t13"],"sources":["../../../src/MemberPicker/components/Panel.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\n\nimport React, {\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  EUserType,\n  IUserGroup,\n  TUser,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport Tabs from '../../Tabs';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { EMemberPicker, IUser } from '../interface';\nimport { getId } from '../utils';\nimport { isUser, isUserGroup } from '../utils/getUsersWithUserId';\nimport MemberSelection from './MemberSelection';\nimport SelectedMemberTags from './SelectedMemberTags';\nimport SelectorFooter from './SelectorFooter';\nimport UserGroupSelection from './UserGroupSelection';\n\ninterface IPanelProps {\n  searchFeedback?: ReactNode;\n  searchFailed?: boolean;\n  useProvidedGroupSearch?: boolean;\n  active?: boolean;\n  type: EMemberPicker;\n  multiple?: boolean;\n  onChange?: (value: TUser) => void;\n  dropdownWidth?: number;\n  value?: TUser | (IUser | IUserGroup);\n  dataList: TUser;\n  onSearchValueChange?: (value: string) => void;\n  onCancel?: () => void;\n  loading: boolean;\n  className?: string;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  footer?: ReactNode;\n  renderItem?: (\n    item: IUser | IUserGroup,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      onNextLevel?: () => void;\n      originNode: ReactNode;\n    },\n  ) => ReactNode;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n  filterItem?: (item: IUser | IUserGroup) => boolean;\n  searchValue?: string;\n  showSearch?: boolean;\n}\n\nexport const userDisplayNameIsRepeated = (\n  userList: TUser,\n  displayName?: string,\n) => {\n  return (\n    userList.filter(\n      (user) => user.type === EUserType.USER && user.nickname === displayName,\n    ).length > 1\n  );\n};\n\nexport default function Panel(props: IPanelProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    type,\n    multiple,\n    dropdownWidth,\n    value,\n    onChange,\n    dataList,\n    onSearchValueChange,\n    className,\n    lockedIds,\n    footer,\n    onCancel,\n    renderItem,\n    renderSelectedTag,\n    filterItem,\n    searchValue = '',\n    showSearch,\n  } = props;\n\n  const [selectedUsers, setSelected] = useState<TUser>([]);\n\n  const onSelectionChange = useCallback(\n    (selected: boolean, user: IUser | IUserGroup) => {\n      if (multiple) {\n        if (selected) {\n          setSelected([...selectedUsers, user]);\n        } else {\n          setSelected(\n            selectedUsers.filter((item) => getId(item) !== getId(user)),\n          );\n        }\n      } else {\n        if (selected) {\n          setSelected([user]);\n          onChange?.([user]);\n        } else {\n          setSelected([]);\n          onChange?.([]);\n        }\n      }\n    },\n    [multiple, selectedUsers, onChange],\n  );\n\n  const onRemove = useCallback(\n    (user: IUser | IUserGroup) => {\n      setSelected(selectedUsers.filter((item) => getId(item) !== getId(user)));\n    },\n    [selectedUsers],\n  );\n\n  const panelwidth = useMemo(() => {\n    if (dropdownWidth) {\n      return dropdownWidth;\n    } else if (multiple) {\n      return 480;\n    } else {\n      return 160;\n    }\n  }, [dropdownWidth, multiple]);\n\n  useEffect(() => {\n    if (value) {\n      if (Array.isArray(value)) {\n        setSelected(value);\n      } else {\n        setSelected([value]);\n      }\n    }\n  }, [setSelected, value]);\n\n  const renderDropdown = useCallback(() => {\n    const userSelection = (\n      <MemberSelection\n        className={'ald-member-picker-member-selection-multiple'}\n        userList={dataList.filter(isUser)}\n        filterItem={filterItem}\n        width={(panelwidth - 6) / 2}\n        selectedUsers={selectedUsers.filter(isUser)}\n        onChange={onSelectionChange}\n        onSearchValueChange={onSearchValueChange}\n        searchValue={searchValue}\n        showSearch={showSearch}\n        multiple={true}\n        lockedIds={lockedIds}\n        loading={props.loading}\n        renderItem={renderItem}\n      ></MemberSelection>\n    );\n    const userGroupSelection = (\n      <UserGroupSelection\n        active={props.active}\n        useProvidedSearch={props.useProvidedGroupSearch && !!searchValue.trim()}\n        parentSearchFailed={props.searchFailed}\n        className={'ald-member-picker-member-selection-multiple'}\n        userGroupList={dataList.filter(isUserGroup)}\n        filterItem={filterItem}\n        width={(panelwidth - 6) / 2}\n        selectedUsersGroup={selectedUsers.filter(isUserGroup)}\n        onChange={onSelectionChange}\n        onSearchValueChange={onSearchValueChange}\n        searchValue={searchValue}\n        showSearch={showSearch}\n        multiple={true}\n        lockedIds={lockedIds}\n        loading={props.loading}\n        renderItem={renderItem}\n      ></UserGroupSelection>\n    );\n    if (type === EMemberPicker.USER) {\n      return userSelection;\n    }\n    if (type === EMemberPicker.GROUP) {\n      return userGroupSelection;\n    }\n    if (type === EMemberPicker.BOTH) {\n      return (\n        <Tabs\n          centered\n          destroyInactiveTabPane\n          items={[\n            {\n              key: 'user',\n              label: t.MemberPicker.users,\n              children: userSelection,\n            },\n            {\n              key: 'userGroup',\n              label: t.MemberPicker.userGroups,\n              children: userGroupSelection,\n            },\n          ]}\n          className=\"ald-member-tabs\"\n        ></Tabs>\n      );\n    }\n  }, [\n    t,\n    dataList,\n    panelwidth,\n    selectedUsers,\n    onSelectionChange,\n    onSearchValueChange,\n    searchValue,\n    showSearch,\n    lockedIds,\n    props.loading,\n    props.active,\n    props.searchFailed,\n    props.useProvidedGroupSearch,\n    type,\n    renderItem,\n    filterItem,\n  ]);\n\n  // 单选 + 调用方未传 dropdownWidth 时让 wrapper 跟随父级（popupMatchSelectWidth=true 的浮窗 = 触发器宽度），\n  // 否则按具体数字（多选 480 / 调用方自定义）固定宽度。\n  const wrapperWidth: number | string =\n    dropdownWidth ?? (multiple ? panelwidth : '100%');\n\n  return (\n    <div\n      className={cn(className, 'ald-member-picker-wrapper', {\n        ['ald-member-picker-multiple']: multiple,\n        ['ald-member-picker-single']: !multiple,\n      })}\n      style={{ width: wrapperWidth }}\n    >\n      {props.searchFeedback}\n      {multiple ? (\n        <>\n          <div className=\"ald-member-picker-inner\">\n            <div className=\"ald-member-picker-member-selection-wrapper\">\n              {renderDropdown()}\n            </div>\n            <SelectedMemberTags\n              className={'ald-member-picker-selected-member-tags'}\n              selectedUsers={selectedUsers}\n              width={(panelwidth - 3) / 2}\n              onRemove={onRemove}\n              lockedIds={lockedIds}\n              userList={dataList}\n              renderSelectedTag={renderSelectedTag}\n            ></SelectedMemberTags>\n          </div>\n          <SelectorFooter\n            className={'ald-member-picker-selector-footer'}\n            onCancel={onCancel}\n            onOk={() => {\n              onChange?.(selectedUsers);\n            }}\n            footer={footer}\n          ></SelectorFooter>\n        </>\n      ) : (\n        <>\n          {type === EMemberPicker.USER && (\n            <MemberSelection\n              className={'ald-member-picker-member-selection-single'}\n              userList={dataList.filter(isUser)}\n              width={panelwidth - 2}\n              onChange={onSelectionChange}\n              selectedUsers={selectedUsers.filter(isUser)}\n              onSearchValueChange={onSearchValueChange}\n              searchValue={searchValue}\n              showSearch={showSearch}\n              multiple={false && multiple}\n              lockedIds={lockedIds}\n              loading={props.loading}\n              renderItem={renderItem}\n            ></MemberSelection>\n          )}\n          {type === EMemberPicker.GROUP && (\n            <UserGroupSelection\n              active={props.active}\n              useProvidedSearch={\n                props.useProvidedGroupSearch && !!searchValue.trim()\n              }\n              parentSearchFailed={props.searchFailed}\n              className={'ald-member-picker-member-selection-multiple'}\n              userGroupList={dataList.filter(isUserGroup)}\n              width={(panelwidth - 3) / 2}\n              selectedUsersGroup={selectedUsers.filter(isUserGroup)}\n              onChange={onSelectionChange}\n              onSearchValueChange={onSearchValueChange}\n              searchValue={searchValue}\n              showSearch={showSearch}\n              multiple={false}\n              lockedIds={lockedIds}\n              loading={props.loading}\n              renderItem={renderItem}\n            ></UserGroupSelection>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
-import { EMemberPicker, IUser, TMemberPickerValue } from '../interface';
+import { default as React, ReactNode } from 'react';
+import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList.js';
+import { EMemberPicker, IUser, TMemberPickerValue } from '../interface.js';
 interface IProps {
     type?: EMemberPicker;
     multiple?: boolean;
@@ -22,5 +22,5 @@ interface IProps {
     renderSelectedTag?: (user: IUser | IUserGroup, originNode: ReactNode) => ReactNode;
     filterItem?: (item: IUser | IUserGroup) => boolean;
 }
-export declare const PanelWrapper: ({ type, value, multiple, dropdownWidth, onChange, onCancel, className, footer, lockedIds, renderItem, renderSelectedTag, filterItem, }: IProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PanelWrapper: ({ type, value, multiple, dropdownWidth, onChange, onCancel, className, footer, lockedIds, renderItem, renderSelectedTag, filterItem, }: IProps) => React.JSX.Element;
 export default PanelWrapper;