neo-ui

一款基於react的UI框架，採用組件分級化思想，將組件分爲低階級組件，中階組件，高階組件。

預覽地址 www.wetalks.cn/neo-ui/

開發模式

低階組件 ：Components 部分，屬於最底層的組件，跟業務毫無關聯，只實現最基礎應有的功能，好比Button, input, select等。將其封裝暴露出該有的方法和屬性，供更高階的組件調用。

中階組件 ：Parts 部分，屬於交互層的組合組件，實現一些特定業務需求的組件，好比TablePart，EditPart，SearchPart等。將其封裝暴露出該有的方法和屬性，供更高階的組件調用。

高階組件 ：Templates 部分，屬於最上層的組件，頁面級的應用，一般是將中階組件和低階組件組合使用，來實現某些業務場景的交互和頁面。

安裝

推薦使用 npm 的方式安裝，它能更好地和 webpack 打包工具配合使用。

npm install
複製代碼

快速上手

import ReactDOM from 'react-dom';
import React , { Component }from 'react';
import {Components, Parts, utils} from 'neo';
const { Buttons, Input, Modal } = Components;
class Info extends Component {
    constructor(props) {
      super(props);
      this.state = {
          confirmDirty: false,
      };
    }
    render(){
        return (<Buttons
                text="confirm"
                type={'primary'}
                style={{'marginTop':'20px'}}
                onClick={() => { Modal.confirm({ title: 'warning', content: 'this is a warning', type: 'small' }, () => { alert('this is sure callback'); }, () => { alert('this is cancle callback'); }); }}
              />)
    }
複製代碼

效果圖