Km-user-popover NPM

用户名片组件

安装

npm install --save km-user-popover --registry http://10.240.171.10:4873

使用

import UserPopover from 'km-user-popover'
import 'km-user-popover/styles/css/style.css'

<UserPopover
  requestUrl={`/ps/get_user_info_card?identifier=${author.identifier}`}
  placement="top"
  avatarUrl={`/zone/${author.identifier}`}
  canFollow={author.identifier !== currentUser.identifier}>
    <a href={`/zone/${author.identifier}`}>{author.name}</a>
</UserPopover>

主要参数

name	type	default	description
requestUrl	string		数据请求URL
avatarUrl	string		用户头像链接URL
canFollow	bool		能否关注
addFollowUrl	string	/follow/add	关注接口URL
cancelFollowUrl	string	/follow/cancel	取消关注接口URL
onFollowSuccess	function		关注成功回调
onFollowError	function		关注失败回调
trigger	string[]	'hover'	显示触发动作，可选'hover','click','focus'
placement	string	bottom	出现位置，可选'left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'