Uxcore-workflow-notice-icon NPM

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
}

react react-component uxcore-workflow-notice-icon WorkflowNoticeIcon component

classnames prop-types uxcore-notice-icon

@everything-registry/sub-chunk-3035 @infinitebrahmanuniverse/nolb-ux

0.1.1

7 years ago