uxcore-workflow-notice-icon
v0.1.1
Published
uxcore-workflow-notice-icon component for uxcore.
Downloads
4
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
}