import React, {Component} from 'react';
import PopupPicker from '../rmc-picker/Popup';
import {IPopupPickerProps} from '../rmc-picker/PopupPickerTypes';
import {ICascaderProps, CascaderValue} from './CascaderTypes';
import {observer} from "mobx-react";

export interface IPopupCascaderProps extends IPopupPickerProps {
    cascader: React.ReactElement<ICascaderProps>;
    onChange?: (date?: CascaderValue) => void;
}

@observer
export default class PopupCascader extends Component<IPopupCascaderProps, any> {
    static defaultProps = {
        pickerValueProp: 'value',
        pickerValueChangeProp: 'onChange',
    };

    onOk(v) {
        const {onChange, onOk} = this.props;
        if (onChange) {
            onChange(v);
        }
        if (onOk) {
            onOk(v);
        }
    }

    render() {
        return (<PopupPicker
            picker={this.props.cascader}
            {...this.props}
            onOk={this.onOk}
        />);
    }
}