/**
 * 邮箱输入
 * @author xiufu.wang
 */
import ElInput from 'mars-pro/packages/input';
import BaseMixin from 'mars-pro/packages/pro-input/src/mixins/base';
import InputBlurMixin from 'mars-pro/packages/pro-input/src/mixins/inputBlur';
import SvgEmail from 'mars-pro/icons/src/email';
export default {
    name: 'ProInputEmail',
    componentName: 'ProInputEmail',
    mixins: [BaseMixin, InputBlurMixin],
    components: {
        ElInput,
        SvgEmail
    },
     render() { 
        const _datas = {
            props: {
                value: this.value,
                lazy: true,
                clearable: true,
                showClearOnly: true,
                ...this.$attrs,
                ...(this.forceValidateEvent === false ? {validateEvent: false} : {})
            },
            attrs: this.$attrs,
            on: {
                ...this.$listeners,
                blur: this.onEmailBlur
            },
            ref: 'elinput',
            'class': {
                'pro-input-email': true
            }
        }
        return (
            <ElInput  {..._datas}>
                {this.renderSlots()}
                {
                    !this.$slots.suffix && !this.$attrs.suffixIcon && (
                        <template slot="suffix">
                            <span class="el-input__icon el-icon-cus-svg"><SvgEmail/></span>
                        </template>
                    )
                }
            </ElInput>
        )
    }
}