Skip to content

bebeanan/monkey-ui

Repository files navigation

monkey-ui

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

travis dep npm downloads

##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 ;组件样式定制及特殊需求 在上层组件中开发

About

基于react的前端框架,参考antd

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages