import React from 'react';
import { TreeSelect } from '@alicd/next';
import FormItem from '@alicd/crui-form-item';
import classNames from 'classnames';

class TreeSelectField extends React.Component {
  render() {
    /* eslint-disable */
    const {bind, style, inputStyle, children, init, compact, treeCheckable, multiple, ...other} = this.props;
    const {labelCol, wrapperCol, mapping, className, ...otherInput} = other;
    /* eslint-enable */
    return (
      <FormItem {...other} style={style}>
        <TreeSelect
          {...otherInput}
          style={inputStyle}
          treeCheckable={treeCheckable}
          multiple={multiple}
          className={classNames({
            'z-compact': compact && (treeCheckable || multiple)
          })}>{ children }</TreeSelect>
      </FormItem>
    );
  }
}
export default TreeSelectField;