@teamix/member-search

Member Search

@teamix/member-search

成员组件

Quick start

npm install --save @teamix/member-search

API

参数名	说明	必填	类型	默认值	备注
trigger	/	true	any	/	/
className	/	false	string	/	/
id	/	false	string	/	/
dropdownProps	The props of Fusion Dropdown Component	false	object	/	/
inputProps	The props of Fusion Input Component	false	object	/	/
loadingProps	The props of Fusion Loading Component	false	object	/	/
selectedUsers	Selected users	false	UserType[]	[]	/
recentSelectedUsers	Recent selected users	false	UserType[]	/	/
multiple	/	false	boolean	false	/
debounceTime	The debounce time of typing text and searching	false	number	500	/
onCancel	The click event of cancel button	false	() => void	/	multiple only
onOk	The click event of done button	false	(selectedUsers: UserType[]) => void	/	/
onCancelButtonText	/	false	string	'Cancel'	/
onOkButtonText	/	false	string	'Done'	/
searchFn	Search function	true	(q: string) => Promise<UserType[]>	/	/
showSearch	Whether show search (input) component	false	boolean	true	/
showRecentSelectedUsers	Whether show recent selected users	false	boolean	true	/
onInputSearchIconClick	/	false	(e) => void	/	/
subMenuLabelRecentSelected	The label of recent selected users	false	string	'Recent Selected Users'	/
subMenuLabelSearch	The label of search	false	string	'Search Result'	/
subMenuLabelInitSearch	The label of init search	false	string	'Init Search Result'	/
initSearch	Do searchFn when dropdown is visible	false	boolean	true	/
notFoundMessage	/	false	string / ReactNode	'Not Found'	/
onVisibleChangeCallback	/	false	(visible: boolean) => void	/	/
renderDisplayName	自定义渲染展示名	false	(user: UserType) => string	/	/
inputAutoFocus	是否开启 Input 自动聚焦	false	boolean	true	/

UserType

export interface UserType {
  identifier: string,
  displayName: string,
  displayFullName?: string,
  realName: string,
  nickName: string,
  avatar: string,
  division?: {
    displayFullName?: string,
  },
}