lm-form/src/autoclear.js

* 作者：liuduan * 邮箱：liuduan.05.05@163.com * 版本：**`1.0.2`**

import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import './index.scss';


const Autoclear = props => {
    const { className, show, err, onClear } = props;
    const clsPrefix = 'lm-autoclear';

    const cls = classNames(`${clsPrefix}-icon`, {
        [`${clsPrefix}-err`]: err
    });

    return <div className={`${clsPrefix} ${className} ${show ? '' : 'hidden'}`} onClick={onClear}>
        <span className={cls}></span>
    </div>
};

Autoclear.propTypes = {
    className: PropTypes.string,
    show: PropTypes.bool,
    onClear: PropTypes.func
};

Autoclear.defaultProps = {
    show: false,
    err: false,
    onClear() { }
};

export default Autoclear;