/**
 * 带有长度统计formItem组件
 * @param {*标签的文本} label
 * @param {*字段名} name
 * @param {*占位符} placeholder
 * @param {*最小长度} min
 * @param {*最大长度} max
 * @param {*input框类型input、textArea} type
 * @param {*规则} rules
 * @param {*是否必填} required
 * @param {*必填提示} message
 */
import React, { useState, useEffect, forwardRef } from 'react';
import { connect } from 'dva';
import { Card, Button, Row, Col, Input, Popover, Form, Cascader, Upload } from 'antd';
import InputCom from './InputCom';
const FormItem = props => {
  const { label, name, placeholder, max, type, rules, required = true, min = 0, message, extra } = props;
  const placeholderText = placeholder ? placeholder : `请输入${label}`;
  const rlueMessage = message ? message : placeholderText;
  return (
    <Form.Item
      label={label}
      name={name}
      extra={extra}
      rules={rules ? rules : [{ required: required, message: rlueMessage, min }]}
    >
      <InputCom {...props} placeholder={placeholderText} />
    </Form.Item>
  );
};
export default FormItem;