弹框组件

使用方式

//自己的第三方组件
import {Dialog} from '../components/index';
import BaseContainer from '../components/pubController/BaseContainer';
//数据流向
class IndexApp extends BaseContainer {
    constructor(props) {
        super(props);
    }

    handleButton(type?:number){
        if(type ==1){
            Toast.close();
        }else{
            Toast.open();
        }

    }

    _dialog(event) {
        let buyConfirm = (modal) => {
            alert('您点击了确定按钮');
            modal.close();
        };
        let buyConfirm1 = (modal) => {
            alert('您点击了取消按钮');
            modal.close();
        };
        let actions = [
            { label: '取消', onClick: buyConfirm1 },
            { label: '确定', onClick: buyConfirm, primary: true }
        ];

        Dialog.show(<div>你确定要删除吗?</div>, actions);
        event.preventDefault();
        event.stopPropagation();

    }

    _dialog1(event) {
        Dialog.alter('提示您好!');
        event.preventDefault();
        event.stopPropagation();
    }

    _dialog2(event) {
        let buyConfirm = (modal) => {
            Dialog.alter('我回调了!');
            modal.close();
        };

        let actions = [
            { label: '取消' },
            { label: '确定', onClick: buyConfirm, primary: true }
        ];

        Dialog.show(<div>回调哒哒哒!</div>, actions);
        event.preventDefault();
        event.stopPropagation();
    }

    _dialog3(event) {
        let buyConfirm = (modal) => {

            modal.close();
        };
        let actions = [
            { label: '取消' },
            { label: '确定', onClick: buyConfirm, primary: true }
        ];
        Dialog.show(<div><InputText type="test" /></div>, actions);
        event.preventDefault();
        event.stopPropagation();
    }

    render() {

        return (
            <AppBody>
                <Panel title="全局提示-加载中按钮面板">
                    <Buttons onClick = {(event) =>  this._dialog(event)  } >普通提示弹框</Buttons>
                    <Buttons onClick = {(event) =>  this._dialog1(event) } >单个提示弹框</Buttons>
                    <Buttons onClick = {(event) => this._dialog2(event) } >提示弹框回调在弹框</Buttons>
                    <Buttons onClick = {(event) => this._dialog3(event) } >提示弹框组件弹框</Buttons>
                </Panel>
            </AppBody>
        );
    }

    componentDidMount():void {
        let {MenuReducers, dispatch} = this.props;
        dispatch(changeActiveAction({ parent: 8, child: 1 }))
    }

    componentWillUnmount():void {

    }
}