Italent-subordinate-tree NPM

下属栏展示组件

API

成员	类型	说明
value	string	选中的人的id
expand	boolean	true表示展开，false表示收起
onChange	(id: string) => void	选择之后的回调
onChangeExpand	(ex: boolean) => void	切换展开状态的回调
onChangeTopUser	(id: string) => void	选择下钻的人之后的回调
loginUser	IUser	登陆人（用于显示xxx的下属）
userInfo	IUser	本人
subUserInfo	IUser[]	下属
breadcrumbUserInfo	IUser[]	面包屑下属

示例

propsData = { 
  expand: false, // 不同的模式，true是展开，false是收起
  value: '001',
  onChange: this.handleChange, // 点击用户的回调
  loginUserName: 111,
  userInfo: { // 本人
    UserId: '001', // id
    Name: '张三', // 姓名
    PositionName: '设计师', // 职位
    IsDotted: false, // 是否是虚线下属
    Avatar: { // 头像
      HasAvatar:true,
      Small:'//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_s.png',
      Medium:'//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_m.png',
      Color:'',
    },
  },
  subUserInfo: [{ // 下属列表
    UserId: '002',
    Name: '李四',
    PositionName: '设计师',
    IsDotted: false,
    Avatar: {
      HasAvatar:true,
      Small:'//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_s.png',
      Medium:'//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_m.png',
      Color:'',
    },
  }],
}

@beisen-phoenix/breadcrumb @beisen-phoenix/button @beisen-phoenix/icon @beisen-phoenix/loading @beisen-phoenix/style-token @beisen-phoenix/tooltip ux-feature-avatar

@everything-registry/sub-chunk-1939 ux-work-report @zalastax/nolb-ita

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago