/**
   * 表单域

   */
  import template from "./FormItem.html";
  
  class FormItem {

  
      require = ["^?antdForm"];
  
      context = true;
  

      state = {
          labelCol: null,
          wrapperCol: null,
      };
  

      constructor($element, $attrs, $controllers) {
          let [antdForm] = $controllers;

          if (antdForm) {
              this.antdForm = antdForm.getContext();
          }

  
          if (this.props.labelCol && this.props.labelCol.span) {
              this.state.labelCol = this.props.labelCol.span; 
          } else if (

              this.antdForm.labelCol &&
              this.antdForm.labelCol.span

          ) {

              this.state.labelCol = this.antdForm.labelCol.span;

          }
  
          if (this.props.wrapperCol && this.props.wrapperCol.span) {
              this.state.wrapperCol = this.props.wrapperCol.span;
          } else if (

              this.antdForm.wrapperCol &&
              this.antdForm.wrapperCol.span

          ) {

              this.state.wrapperCol = this.antdForm.wrapperCol.span;

          }
      }

  
      render() {
          return template;
      }

  }

  
  FormItem.propTypes = {
      name: PropTypes.string,
      label: PropTypes.string,
      labelCol: PropTypes.object,
      wrapperCol: PropTypes.object,
      required: PropTypes.boolean,
  };