monkey-ui

基于react的前端框架，参考antd; 开发适合自己产品的web组件；

##install: npm install monkeyui

##build: npm install

gulp build

##dev run: gulp

http://localhost:3000

Usage monkeyui

const MonkeyUi from 'monkeyui';
const {Modal,Button,Timeline} = MonkeyUi;

class Time extends React.Component{
  render() {
    return (<div>
                <Timeline.Item 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>
                </Timeline.Item>
            </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={(file)=>{}}
    onSuccess={(response, file)=>{}}
    batchSuccess={(file,responseList)=>{}}
    onPreview={(file)=>{}}
    fileList={fileList}
    removePic={(file)=>{}}
    className="upload-list-inline"/>

to run the examples

1. Clone this repo
2. Run npm install
3. Start the development server with gulp
4. Open your browser to http://localhost:3000

develop

1. 开发语言js（后期采用typescript）,css 预处理器采用less
2. 提供完整的接口说明文档 和 测试用例在demo中
3. 后期计划基于基础的rc-*基础组件开发直接使用的业务组件，在基础组件中只提供基础的api ；组件样式定制及特殊需求 在上层组件中开发