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 | - | 必需，且为数字类型或可以格式化为数字的字符串 |