ux-performance-process-snapshot

组件是基于React 15版本

Usage no npm install needed!

<script type="module">
  import uxPerformanceProcessSnapshot from 'https://cdn.skypack.dev/ux-performance-process-snapshot';
</script>

README

process-snapshot

组件是基于React 15版本

API

  • maxWidth : Number ，必传，传入组件的可视宽度，组件实际长度大于该值会出现轮播按钮
  • handleClick ： function ，必传，参数为index， 传入一个回调函数，当点击时，会传入所点元素在数据数组中的索引
  • dataList ： Array ，必传， 渲染组件所需要的数组，里面的元素类型为对象：
    • id ，当前对象的id
    • text ， 所要展示的文本
    • progressState ，当前节点的状态，0表示未开始（灰），1表示进行中（蓝），2表示已完成（绿）
    • title ， 控制tips显示的内容

使用方法 <ProgressBar dataList={this.state.list} handleClick={this.handleClick} maxWidth={this.state.maxWidth}/>