@recruit-paas/process-tree NPM

Process-tree

介绍

招聘业务组件-流程树，包含流程阶段卡片和简历数目卡片两种展示形态。

如何使用

import ProcessTree from '@recruit-paas/process-tree';

// ...

const props = {
  mode:'tree',
  autoResize:true,
  data:[],
  onChange:()=>{},
  extraCls:'customClass',
  activeKey:'initKey'
}
return  <ProcessTree {...props} />

API

props

属性	说明	类型	默认值	备注
mode	展示形态	'card'\|'tree'	'card'
data	展示数据	Array\<ItemProps>	-	必需
activeKey	当前激活项的 key 值	string	-	只有在该值更新时会对组件内部激活项重新赋值
onChange	切换卡片时的回调	(object\<ItemProps>)=>void	-
extraCls	自定义的 css 类名	string	-
autoResize	是否自动根据 resize 事件重新布局	boolean	false	仅组件初始化时生效 ,可通过 ref.current.rewriteLayout 手动触发

ItemProps

属性	说明	类型	默认值	备注
key	唯一键值	string	-	必需
title	卡片标题	string	-	必需
content	卡片内容	stirng\|number	-	必需，且为数字类型或可以格式化为数字的字符串

@everything-registry/sub-chunk-770 @infinitebrahmanuniverse/nolb-_rec @zalastax/nolb-_rec

1.0.0-beta4

4 years ago

1.0.0-beta3

4 years ago