README
uxcore-workflow-notice-icon
React workflow notice icon
Development
git clone https://github.com/uxcore/uxcore-workflow-notice-icon
cd uxcore-workflow-notice-icon
npm install
npm run server
if you'd like to save your install time,you can use uxcore-tools globally.
npm install uxcore-tools -g
git clone https://github.com/uxcore/uxcore-workflow-notice-icon
cd uxcore-workflow-notice-icon
npm install
npm run dep
npm run start
Test Case
npm run test
Coverage
npm run coverage
Demo
http://uxcore.github.io/components/workflow-notice-icon
Contribute
Yes please! See the CONTRIBUTING for details.
API
Props
Name | Type | Required | Default | Comments |
---|---|---|---|---|
workflowNotice | Array | Optional | - | 待办任务列表 |
icon | string | optional | xiaoxitixingfull | 通知图标; http://uxco.re/components/icon/ |
dot | boolean | optional | false | 是否显示通知数量;默认不展示数字,只有一个小红点 |
count | number | optional | - | 通知的数量 |
overflowCount | number | optional | 99 | 通知封顶的数字 |
trigger | string | optional | hover | trigger mode:'hover' or 'click' |
title | string | optional | 通知 | 通知标题 |
placement | string | optional | bottomRight | 箭头位置 |
emptyIcon | string | optional | 默认图标 | 其他可选:'access_restriction','acitve_empty','request_error','search_empty','unknown_error';http://uxco.re/components/icon/ |
emptyText | string | optional | 暂无数据 | 占位文字 |
onVisibleChange | function | optional | fuction(visible) | 显隐状态的回调 |
topAction | React Element | optional | - | 右上角操作 |
actionBar | object | render function | optional | - | 支持默认*和自定义形式 |
* 如果propTypes为object则使用默认样式渲染,object需按如下定义
{
"text": string,
"action": function
}