monkey-ui
基于react的前端框架,参考antd; 开发适合自己产品的web组件;
install:
npm install monkeyui
build:
npm install
gulp build
dev run:
gulp
Usage monkeyui
const MonkeyUi from 'monkeyui';const ModalButtonTimeline = MonkeyUi; Component { return <div> <TimelineItem color="red"> <p>Solve initial network problems 1</p> <p>Solve initial network problems 2</p> <p>Solve initial network problems 3 2015-09-01</p> </TimelineItem> </div> ; } ;
BatchUpload component usage
图片上传组件接口参数:
accept string 默认为空 接受选择文件类型
multiple bool 默认true 是否支持多选
fileList array 默认[] 预览图片列表
uploadUrl string not null 图片上传路径
onChange func 默认noop 开始上传回调函数
batchSuccess func 默认noop 批次上传成功回调
onSuccess func 默认noop 图片上传成功回调
preivewPic func 默认noop 预览图片回调
removePic func 默认noop 删除图片回调
const MonkeyUi from 'monkeyui';const BatchUpload = MonkeyUi; <BatchUpload ...upload_props onChange={} onSuccess={} batchSuccess={} onPreview={} fileList=fileList removePic={} className="upload-list-inline"/>
to run the examples
- Clone this repo
- Run
npm install
- Start the development server with
gulp
- Open your browser to
http://localhost:3000
### develop
- 开发语言js(后期采用typescript),css 预处理器采用less
- 提供完整的接口说明文档 和 测试用例在demo中
- 后期计划基于基础的rc-*基础组件开发直接使用的业务组件,在基础组件中只提供基础的api ;组件样式定制及特殊需求 在上层组件中开发