dlt-for-react 1.1.15 → 1.1.17

package/lib/components/HqInputPicker/render.js

@@ -0,0 +1,2496 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HqInputRender = undefined;
+
+var _defineProperty2 = require("babel-runtime/helpers/defineProperty");
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _select = require("antd/lib/select");
+
+var _select2 = _interopRequireDefault(_select);
+
+var _inputNumber = require("antd/lib/input-number");
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+var _timePicker = require("antd/lib/time-picker");
+
+var _timePicker2 = _interopRequireDefault(_timePicker);
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _upload = require("antd/lib/upload");
+
+var _upload2 = _interopRequireDefault(_upload);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _toConsumableArray2 = require("babel-runtime/helpers/toConsumableArray");
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _switch = require("antd/lib/switch");
+
+var _switch2 = _interopRequireDefault(_switch);
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _regenerator = require("babel-runtime/regenerator");
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _stringify = require("babel-runtime/core-js/json/stringify");
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
+var _asyncToGenerator2 = require("babel-runtime/helpers/asyncToGenerator");
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _message2 = require("antd/lib/message");
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _datePicker = require("antd/lib/date-picker");
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _form = require("antd/lib/form");
+
+var _form2 = _interopRequireDefault(_form);
+
+var _radio = require("antd/lib/radio");
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _input = require("antd/lib/input");
+
+var _input2 = _interopRequireDefault(_input);
+
+require("antd/lib/select/style");
+
+require("antd/lib/input-number/style");
+
+require("antd/lib/time-picker/style");
+
+require("antd/lib/button/style");
+
+require("antd/lib/upload/style");
+
+require("antd/lib/icon/style");
+
+require("antd/lib/switch/style");
+
+require("antd/lib/message/style");
+
+require("antd/lib/date-picker/style");
+
+require("antd/lib/form/style");
+
+require("antd/lib/radio/style");
+
+require("antd/lib/input/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _inputConst = require("./input-const");
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _index = require("../../../assets/HqInputPicker/index.less");
+
+var _index2 = _interopRequireDefault(_index);
+
+var _KyUpload = require("../KyUpload");
+
+var _KyUpload2 = _interopRequireDefault(_KyUpload);
+
+var _HqSelect = require("../HqSelect");
+
+var _HqSelect2 = _interopRequireDefault(_HqSelect);
+
+var _HqCheckBox = require("../HqCheckBox");
+
+var _HqCheckBox2 = _interopRequireDefault(_HqCheckBox);
+
+var _HqImage = require("../HqImage");
+
+var _HqImage2 = _interopRequireDefault(_HqImage);
+
+var _HqOldUpload = require("../HqOldUpload");
+
+var _HqOldUpload2 = _interopRequireDefault(_HqOldUpload);
+
+var _HqCascader = require("../HqCascader");
+
+var _HqCascader2 = _interopRequireDefault(_HqCascader);
+
+var _HqStuSelector = require("../HqStuSelector");
+
+var _HqStuSelector2 = _interopRequireDefault(_HqStuSelector);
+
+var _HqTeaSelector = require("../HqTeaSelector");
+
+var _HqTeaSelector2 = _interopRequireDefault(_HqTeaSelector);
+
+var _HqMultiSelect = require("../HqMultiSelect");
+
+var _HqMultiSelect2 = _interopRequireDefault(_HqMultiSelect);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _zh_CN = require("antd/lib/date-picker/locale/zh_CN");
+
+var _zh_CN2 = _interopRequireDefault(_zh_CN);
+
+require("moment/locale/zh-cn");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TextArea = _input2.default.TextArea;
+
+var RadioGroup = _radio2.default.Group;
+var FormItem = _form2.default.Item;
+var RangePicker = _datePicker2.default.RangePicker,
+    MonthPicker = _datePicker2.default.MonthPicker;
+
+
+var createUuid = function createUuid() {
+  var len = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 32;
+  var radix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
+
+  var chars = "0123456789abcdefghijklmnopqrstuvwxyz".split("");
+  var uuid = [],
+      i;
+  radix = radix || chars.length;
+
+  if (len) {
+    // Compact form
+    for (i = 0; i < len; i++) {
+      uuid[i] = chars[0 | Math.random() * radix];
+    }
+  } else {
+    // rfc4122, version 4 form
+    var r;
+
+    // rfc4122 requires these characters
+    uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
+    uuid[14] = "4";
+
+    // Fill in random data.  At i==19 set the high bits of clock sequence as
+    // per rfc4122, sec. 4.1.5
+    for (i = 0; i < 36; i++) {
+      if (!uuid[i]) {
+        r = 0 | Math.random() * 16;
+        uuid[i] = chars[i == 19 ? r & 0x3 | 0x8 : r];
+      }
+    }
+  }
+
+  return uuid.join("");
+};
+
+/**
+ * 输入控件渲染器
+ * 根据属性参数、可以渲染成普通输入控件或封装成FormItem类型输入控件配合表单校验
+ * Author: zengxiangkai@ly-sky.com
+ * Created on: 2018-02-05 14:35:56
+ * Version: 1.0
+ * Modify log:
+ * 2018-03-29: 1、增加readOnly属性，控制是否可编辑；
+ * 2018-05-28: 1、修改:readOnly属性更为为是否是阅读模式；2、新增disabled属性，控制是否可编辑；
+ * 2018-08-07: 1、增加文件上传控件类型，支持图片、文件两种类型的上传；
+ * 2019-03-21: 1、修改：NHInputRender可做为受控组件使用，也可以直接渲染成表单项
+ * 2019-04-09  1、增加日期控件
+ * 2019-04-11  1、增加日期范围控件、增加文件上传控件
+ * 2019-04-22  1、增加多选下拉框、级联下拉框、时间选择框，修改单选框配置，增加可以设置服务前缀baseUrl
+ * 2019-10-30: 1、修复switch控件设置初始值无效问题；2、修复渲染成表单控件时，label为空，必填项没有显示*号标记问题
+ * 2019-10-31: 1、表单项增加colon属性支持、增加hideLabel属性支持
+ */
+
+var HqInputRender = exports.HqInputRender = function (_React$Component) {
+  (0, _inherits3.default)(HqInputRender, _React$Component);
+
+  function HqInputRender(props) {
+    (0, _classCallCheck3.default)(this, HqInputRender);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HqInputRender.__proto__ || (0, _getPrototypeOf2.default)(HqInputRender)).call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var value = props.value || "";
+
+    _this.state = {
+      value: value,
+      feature: "",
+      featureParams: {}, // 控件的配置参数（优先级低，一般以表单设计的参数为主）
+      loading: false,
+      uploadFile: {},
+      uploadFileList: [],
+      currentId: "", // 当前控件的id
+      stuOptions: [], // 学生选择器选中的学生信息
+      teaOptions: [] // 教师选择器选中的学生信息
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(HqInputRender, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      var feature = this.props.feature;
+
+      if (feature) {
+        try {
+          //解析参数，如果不是正确的json格式，会抛出异常提示
+          var featureParams = JSON.parse(feature);
+          this.setState({ feature: feature, featureParams: featureParams });
+        } catch (e) {
+          _message3.default.error("解析控件配置参数出错！");
+        }
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var featureParams = this.state.featureParams;
+      // if (InputType.UPLOAD == featureParams.type) {
+      //   let { id, value } = this.props;
+      //   let { uploadFile } = this.state;
+      //   uploadFile[id] = value;
+      //   this.setState({
+      //     uploadFile: uploadFile
+      //   });
+
+      //   if (this.props.form) {
+      //     let ids = 'FILE_DOC_UUID' + id;
+      //     let fieldsObj = {};
+      //     let valueObj = {};
+      //     valueObj.value = value || '';
+      //     fieldsObj[id] = valueObj;
+      //     this.props.form.setFieldsValue(fieldsObj);
+
+      //     let fieldsObj2 = {};
+      //     fieldsObj2[ids] = value || '';
+      //     this.props.form.setFieldsValue(fieldsObj2);
+
+      //     //附件类型
+      //     if (featureParams.fileType === 'file') {
+      //       if (value) {
+      //         let fileJsonObject = JSON.parse(value);
+      //         let valueObj = {};
+      //         valueObj.value = value || '';
+      //         fieldsObj[id] = valueObj;
+      //         this.props.form.setFieldsValue(fieldsObj);
+
+      //         let objArr = [];
+      //         fileJsonObject.map((file, index) => {
+      //           let obj = {};
+      //           obj.key = index;
+      //           obj.uid = createUuid();
+      //           obj.name = file.name;
+      //           obj.status = 'done';
+      //           obj.response = '';
+      //           obj.url = '/api/docrepo/download/file?attachmentId=' + file.value;
+      //           obj.docUUID = file.value;
+      //           objArr.push(obj);
+      //         });
+
+      //         this.setState({
+      //           uploadFileList: objArr
+      //         })
+      //       }
+      //     }
+      //   }
+      // }
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      var feature = nextProps.feature;
+      try {
+        //解析参数，如果不是正确的json格式，会抛出异常提示
+        var featureParams = JSON.parse(feature);
+        this.setState({ feature: feature, featureParams: featureParams });
+      } catch (e) {
+        _message3.default.error("解析控件配置参数出错！");
+      }
+      // Should be a controlled component.
+      if ("value" in nextProps) {
+        var value = nextProps.value;
+        this.setState({ value: value });
+      }
+    }
+
+    //提供组件的onChange方法
+
+
+    //渲染成表单项
+
+
+    //渲染单行输入控件类型
+
+
+    //渲染多行输入控件类型
+
+
+    //渲染单选框控件类型
+
+
+    //渲染下拉选择器输入控件类型
+
+
+    //渲染开关选择器输入控件类型
+
+
+    //文件上传之前执行的方法(可以限制上传文件的格式，类型，大小等)
+
+
+    //文件上传中、完成、失败都会执行的方法
+
+
+    //渲染文件上传控件
+
+
+    //移除文件执行的方法
+
+
+    //渲染文件上传控件
+
+    // 渲染日期控件
+
+    // 渲染日期时间控件
+
+    // 渲染日期范围控件
+
+
+    //渲染月份选择器
+
+
+    //渲染多选下拉选择器输入控件类型
+
+    //渲染复选框输入控件类型
+
+
+    //渲染级联下拉选择器输入控件类型
+
+
+    // 限制InputNumber位数
+
+    //渲染数字输入框控件类型
+
+
+    //渲染学生选择器控件类型
+
+    //渲染教师选择器控件类型
+
+
+    // 学生选择器选中学生
+
+    // 教师选择器选中学生
+
+
+    // 渲染控件
+
+  }, {
+    key: "render",
+    value: function render() {
+      var feature = this.state.feature;
+      var featureParams = this.state.featureParams;
+      //初步验证参数
+      if (feature === undefined || feature === null || feature == "") {
+        return null;
+      }
+
+      return _react2.default.createElement(
+        "div",
+        null,
+        featureParams.type === _inputConst.InputType.STUSELECTOR && _react2.default.createElement(_HqStuSelector2.default, {
+          ref: "stuSelector",
+          sign: featureParams.dataTag || "zhxg_selector_xsxx",
+          isSinger: true,
+          onSelect: this.handleStuClick,
+          baseUrl: featureParams.baseUrl || "api/sm-bpm-expansion",
+          rangeFilter: true,
+          isRememberLastSelect: true
+        }),
+        featureParams.type === _inputConst.InputType.TEASELECTOR && _react2.default.createElement(_HqTeaSelector2.default, {
+          ref: "teaSelector",
+          sign: featureParams.dataTag || "zhxg_selector_jsxx",
+          isSinger: true,
+          onSelect: this.handleTeaClick,
+          baseUrl: featureParams.baseUrl || "api/sm-bpm-expansion",
+          rangeFilter: true,
+          isRememberLastSelect: true
+        }),
+        this.renderControls()
+      );
+    }
+  }]);
+  return HqInputRender;
+}(_react2.default.Component);
+
+var _initialiseProps = function _initialiseProps() {
+  var _this2 = this;
+
+  this.handleChange = function (e) {
+    if (_this2.props.onChange) {
+      _this2.props.onChange(e);
+    }
+  };
+
+  this.validateCode = function () {
+    var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(rule, value, callback) {
+      var specialCharPattern, res, data, text, reg;
+      return _regenerator2.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              specialCharPattern = sessionStorage.getItem("specialCharPattern") ? JSON.parse(sessionStorage.getItem("specialCharPattern")) : {};
+              // 第一次为调用接口，之后有缓存则使用缓存
+
+              if (specialCharPattern.apiUsed) {
+                _context.next = 7;
+                break;
+              }
+
+              _context.next = 5;
+              return NHFetch("/outer/getCsszByCsbz", "GET", {
+                csbz: "XTGL_TSZF"
+              });
+
+            case 5:
+              res = _context.sent;
+
+              if (res && res.data) {
+                data = res.data.csz ? JSON.parse(res.data.csz) : {};
+
+                specialCharPattern.pattern = data.pattern;
+                specialCharPattern.open = data.open;
+                sessionStorage.setItem("specialCharPattern", (0, _stringify2.default)({
+                  pattern: data.pattern,
+                  open: data.open,
+                  apiUsed: true
+                }));
+              }
+
+            case 7:
+
+              // // 不开启,直接通过
+              // if(!specialCharPattern.open ) {
+              //   callback();
+              //   return
+              // }
+
+              text = specialCharPattern.pattern || "\\+and\\+|\\+and\\+false|\\/and\\/|\\'|1\\=1";
+              reg = new RegExp(text);
+
+              if (reg.test(value)) {
+                callback("您的输入中存在特殊字符" + reg.exec(value)[0]);
+              } else {
+                callback();
+              }
+              _context.next = 16;
+              break;
+
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](0);
+
+              console.log("配置的正则表达式有误，请联系管理员！");
+              callback();
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, _this2, [[0, 12]]);
+    }));
+
+    return function (_x3, _x4, _x5) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  this.renderFormItem = function (_ref2) {
+    var form = _ref2.form,
+        _ref2$hasFeedback = _ref2.hasFeedback,
+        hasFeedback = _ref2$hasFeedback === undefined ? false : _ref2$hasFeedback,
+        _ref2$patternTag = _ref2.patternTag,
+        patternTag = _ref2$patternTag === undefined ? "" : _ref2$patternTag,
+        _ref2$pDefaultValue = _ref2.pDefaultValue,
+        pDefaultValue = _ref2$pDefaultValue === undefined ? "" : _ref2$pDefaultValue,
+        _ref2$pRequired = _ref2.pRequired,
+        pRequired = _ref2$pRequired === undefined ? false : _ref2$pRequired,
+        component = _ref2.component;
+    var getFieldDecorator = form.getFieldDecorator;
+    var _props = _this2.props,
+        formLayout = _props.formLayout,
+        formItemLayout = _props.formItemLayout,
+        id = _props.id,
+        value = _props.value,
+        _props$label = _props.label,
+        label = _props$label === undefined ? "" : _props$label,
+        hideLabel = _props.hideLabel,
+        colon = _props.colon,
+        defaultValue = _props.defaultValue,
+        required = _props.required,
+        readOnly = _props.readOnly;
+
+    var featureParams = _this2.state.featureParams;
+    var format = featureParams.format;
+
+    var validationValueType = featureParams.validationValueType ? featureParams.validationValueType : "string";
+    var requiredRule = {};
+    var lenthRule = {};
+    var specialCharRule = {}; // 特殊字符rule
+    var fileType = _this2.state.featureParams.fileType;
+    var inputType = featureParams.type;
+    var rulesArr = [];
+
+    if (_inputConst.InputType.TEXTAREA == inputType) {
+      //多行文本框最小字数判定
+      var minLength = _this2.props.minLength || _this2.state.featureParams.minLength;
+      if (parseInt(minLength) > 0) {
+        lenthRule.min = parseInt(minLength);
+        lenthRule.message = label + "最小字数不能低于" + minLength;
+        rulesArr.push(lenthRule);
+      }
+    }
+    //构建必填校验规则
+    if (required || pRequired) {
+      requiredRule.required = true;
+      requiredRule.message = label + "不可为空";
+      // 如果label为空，且为必填项，则显示*号，但不显示冒号
+      if (label == "" || hideLabel) {
+        label = "";
+        colon = false;
+      }
+      rulesArr.push(requiredRule);
+    } else {
+      if (hideLabel) {
+        label = "";
+        colon = false;
+      }
+    }
+
+    //处理特殊组件在封装成表单项时的“值”属性名称
+    var valuePropName = "value";
+    var initialValue = void 0;
+    initialValue = !value ? !defaultValue ? pDefaultValue : defaultValue : value;
+    if (_inputConst.InputType.SWITCH == inputType) {
+      valuePropName = "checked";
+      if (value) {
+        initialValue = value == "true" || value == "1" ? true : false;
+      } else if (typeof defaultValue == "boolean") {
+        initialValue = defaultValue;
+      } else if (typeof defaultValue == "string") {
+        initialValue = defaultValue == "true" ? true : false;
+      } else if (typeof pDefaultValue == "boolean") {
+        initialValue = pDefaultValue;
+      } else if (typeof pDefaultValue == "string") {
+        initialValue = pDefaultValue == "true" ? true : false;
+      } else {
+        initialValue = false;
+      }
+    }
+    if (_inputConst.InputType.DATEPICKER == inputType || _inputConst.InputType.TIMEPICKER == inputType || _inputConst.InputType.DATETIMEPICKER == inputType || _inputConst.InputType.MONTHPICKER == inputType) {
+      // 日期控件若初始值非moment类型，转换为moment防止报错
+      if (initialValue && !_moment2.default.isMoment(initialValue)) {
+        initialValue = (0, _moment2.default)(initialValue, format);
+      } else {}
+    }
+    // console.log(inputType,initialValue,this.props.value)
+
+    // 单行文本输入框和多行文本输入框添加特殊字符rule
+    if (inputType == _inputConst.InputType.INPUT || inputType == _inputConst.InputType.TEXTAREA) {
+      specialCharRule = {
+        validator: _this2.validateCode
+      };
+      rulesArr.push(specialCharRule);
+    }
+
+    //处理布局，只有水平布局时才应用表单项布局
+    formItemLayout = formLayout == "horizontal" ? formItemLayout : null;
+
+    if (readOnly) {
+      return _react2.default.createElement(
+        FormItem,
+        (0, _extends3.default)({}, formItemLayout, { label: label, colon: colon }),
+        _react2.default.createElement(
+          "span",
+          null,
+          initialValue
+        )
+      );
+    } else {
+      var initValue = initialValue;
+      if (fileType === "file") {
+        initValue = _this2.props.value;
+      }
+      if (patternTag != "") {
+        rulesArr.push(_inputConst.RegularExpression[patternTag].rule);
+      }
+
+      return _react2.default.createElement(
+        FormItem,
+        (0, _extends3.default)({}, formItemLayout, {
+          label: label,
+          colon: colon,
+          hasFeedback: hasFeedback
+        }),
+        getFieldDecorator(id, {
+          valuePropName: valuePropName,
+          rules: rulesArr,
+          initialValue: initValue
+        })(component)
+      );
+    }
+  };
+
+  this.renderInput = function () {
+    var _props2 = _this2.props,
+        form = _props2.form,
+        id = _props2.id,
+        value = _props2.value,
+        disabled = _props2.disabled,
+        _onChange = _props2.onChange;
+    var _state$featureParams = _this2.state.featureParams,
+        widthType = _state$featureParams.widthType,
+        widthStr = _state$featureParams.widthStr,
+        patternTag = _state$featureParams.patternTag,
+        placeholder = _state$featureParams.placeholder,
+        required = _state$featureParams.required,
+        defaultValue = _state$featureParams.defaultValue,
+        maxLength = _state$featureParams.maxLength;
+
+
+    var inputComponent = null;
+    var otherParams = {}; //动态参数
+
+    //如果是表单项类型，则将id,value,defaultValue交由FormItem处理
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      inputComponent = _react2.default.createElement(_input2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        placeholder: placeholder,
+        style: { width: widthStr },
+        maxLength: maxLength,
+        onChange: function onChange(e) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: e.target.value });
+          }
+
+          if (typeof _onChange == "function") {
+            _onChange(e.target.value, e.target.value);
+          }
+        }
+      }));
+    } else {
+      inputComponent = _react2.default.createElement(_input2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        placeholder: placeholder,
+        maxLength: maxLength,
+        onChange: function onChange(e) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: e.target.value });
+          }
+
+          if (typeof _onChange == "function") {
+            _onChange(e.target.value, e.target.value);
+          }
+        }
+      }));
+    }
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        hasFeedback: true,
+        patternTag: patternTag,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: inputComponent
+      });
+    }
+
+    return inputComponent;
+  };
+
+  this.renderTextArea = function () {
+    var _props3 = _this2.props,
+        form = _props3.form,
+        id = _props3.id,
+        value = _props3.value,
+        disabled = _props3.disabled,
+        _onChange2 = _props3.onChange,
+        _props3$isEdit = _props3.isEdit,
+        isEdit = _props3$isEdit === undefined ? true : _props3$isEdit;
+    var _state$featureParams2 = _this2.state.featureParams,
+        widthType = _state$featureParams2.widthType,
+        widthStr = _state$featureParams2.widthStr,
+        patternTag = _state$featureParams2.patternTag,
+        placeholder = _state$featureParams2.placeholder,
+        required = _state$featureParams2.required,
+        defaultValue = _state$featureParams2.defaultValue,
+        minRows = _state$featureParams2.minRows,
+        maxRows = _state$featureParams2.maxRows,
+        maxLength = _state$featureParams2.maxLength,
+        minLength = _state$featureParams2.minLength;
+
+    var textareaComponent = null;
+    var otherParams = {}; //其他参数
+
+    maxLength = _this2.props.maxLength || maxLength;
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      textareaComponent = _react2.default.createElement(TextArea, (0, _extends3.default)({}, otherParams, {
+        readOnly: !isEdit,
+        disabled: disabled,
+        autosize: {
+          minRows: minRows ? minRows : 2,
+          maxRows: maxRows ? maxRows : 6
+        },
+        placeholder: placeholder,
+        maxLength: maxLength,
+        style: { width: widthStr },
+        onChange: function onChange(e) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: e.target.value });
+          }
+
+          if (typeof _onChange2 == "function") {
+            _onChange2(e.target.value, e.target.value);
+          }
+        }
+      }));
+    } else {
+      textareaComponent = _react2.default.createElement(TextArea, (0, _extends3.default)({}, otherParams, {
+        readOnly: !isEdit,
+        disabled: disabled,
+        autosize: {
+          minRows: minRows ? minRows : 2,
+          maxRows: maxRows ? maxRows : 6
+        },
+        placeholder: placeholder,
+        maxLength: maxLength,
+        onChange: function onChange(e) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: e.target.value });
+          }
+
+          if (typeof _onChange2 == "function") {
+            _onChange2(e.target.value, e.target.value);
+          }
+        }
+      }));
+    }
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        hasFeedback: true,
+        patternTag: patternTag,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: textareaComponent
+      });
+    }
+
+    return textareaComponent;
+  };
+
+  this.renderRadio = function () {
+    var _props4 = _this2.props,
+        form = _props4.form,
+        id = _props4.id,
+        value = _props4.value,
+        disabled = _props4.disabled,
+        _onChange3 = _props4.onChange;
+    var _state$featureParams3 = _this2.state.featureParams,
+        options = _state$featureParams3.options,
+        required = _state$featureParams3.required,
+        defaultValue = _state$featureParams3.defaultValue;
+
+
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.name = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+
+    var radioComponent = _react2.default.createElement(RadioGroup, (0, _extends3.default)({}, otherParams, {
+      disabled: disabled,
+      options: options,
+      onChange: function onChange(e) {
+        var selectValue = e.target.value;
+        if (!("value" in _this2.props)) {
+          _this2.setState({ value: selectValue });
+        }
+
+        var selectItem = options.filter(function (item) {
+          return item.value === selectValue;
+        })[0];
+
+        if (typeof _onChange3 == "function") {
+          _onChange3(selectValue, selectItem.label, e);
+        }
+      }
+    }));
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: radioComponent
+      });
+    }
+
+    return radioComponent;
+  };
+
+  this.renderSelect = function () {
+    var _props5 = _this2.props,
+        form = _props5.form,
+        id = _props5.id,
+        value = _props5.value,
+        disabled = _props5.disabled,
+        _onChange4 = _props5.onChange,
+        parentFieldId = _props5.parentFieldId,
+        parentValue = _props5.parentValue;
+    var _state$featureParams4 = _this2.state.featureParams,
+        widthType = _state$featureParams4.widthType,
+        widthStr = _state$featureParams4.widthStr,
+        dataTag = _state$featureParams4.dataTag,
+        required = _state$featureParams4.required,
+        defaultValue = _state$featureParams4.defaultValue,
+        flexibleUrl = _state$featureParams4.flexibleUrl,
+        params = _state$featureParams4.params,
+        baseUrl = _state$featureParams4.baseUrl;
+
+    var selectComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+
+    if (baseUrl !== null && baseUrl !== undefined && baseUrl !== "") {
+      otherParams.baseUrl = baseUrl;
+    }
+    if (flexibleUrl !== null && flexibleUrl !== undefined && flexibleUrl !== "") {
+      otherParams.flexibleUrl = flexibleUrl;
+    }
+    if (params !== null && params !== undefined) {
+      otherParams.params = params;
+    }
+    if (form && "parentValue" in _this2.props) {
+      var getFieldValue = form.getFieldValue;
+
+      otherParams.parentValue = parentValue;
+    }
+
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      selectComponent = _react2.default.createElement(_HqSelect2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        sign: dataTag,
+        style: { width: widthStr },
+        onChange: function onChange(v, t, p) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: v });
+          }
+          if (typeof _onChange4 == "function") {
+            _onChange4(v, t, p);
+          }
+        }
+      }));
+    } else {
+      selectComponent = _react2.default.createElement(_HqSelect2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        sign: dataTag,
+        onChange: function onChange(v, t, p) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: v });
+          }
+          if (typeof _onChange4 == "function") {
+            _onChange4(v, t, p);
+          }
+        }
+      }));
+    }
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: selectComponent
+      });
+    }
+
+    return selectComponent;
+  };
+
+  this.renderSwitch = function () {
+    var _props6 = _this2.props,
+        form = _props6.form,
+        id = _props6.id,
+        value = _props6.value,
+        disabled = _props6.disabled,
+        _onChange5 = _props6.onChange;
+    var _state$featureParams5 = _this2.state.featureParams,
+        checkedText = _state$featureParams5.checkedText,
+        uncheckedText = _state$featureParams5.uncheckedText,
+        defaultChecked = _state$featureParams5.defaultChecked;
+
+
+    var switchComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.checked = _this2.state.value == "1" ? true : false;
+    }
+    if (!form && defaultChecked !== undefined && defaultChecked != "") {
+      otherParams.defaultChecked = defaultChecked;
+    }
+
+    switchComponent = _react2.default.createElement(_switch2.default, (0, _extends3.default)({}, otherParams, {
+      disabled: disabled,
+      checkedChildren: checkedText,
+      unCheckedChildren: uncheckedText,
+      onChange: function onChange(v) {
+        if (!("value" in _this2.props)) {
+          _this2.setState({ value: v ? "1" : "0" });
+        }
+        if (typeof _onChange5 == "function") {
+          _onChange5(v ? "1" : "0", v ? checkedText ? checkedText : "true" : uncheckedText ? uncheckedText : "false");
+        }
+      }
+    }));
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultChecked,
+        component: switchComponent
+      });
+    }
+
+    return switchComponent;
+  };
+
+  this.beforeUpload = function (file, size, fileType) {
+    var uploadFileList = _this2.state.uploadFileList;
+    _this2.setState({
+      uploadFileList: [].concat((0, _toConsumableArray3.default)(uploadFileList), [file])
+    });
+    var fileSuffixName = file.name.substring(file.name.lastIndexOf("."));
+    var isAvailableSuffix = void 0;
+    //判断是否支持该文件类型
+    if (fileType === "image") {
+      //图片类型
+      var availFileSuffix = _inputConst.UploadFileNameSuffix.imageFileType;
+      isAvailableSuffix = availFileSuffix.includes(fileSuffixName);
+      if (!isAvailableSuffix) {
+        var msg = "抱歉，只支持上传【" + availFileSuffix.join(" || ") + "】格式的文件！";
+        _message3.default.error(msg);
+      }
+      return isAvailableSuffix;
+    } else if (fileType === "file") {
+      //文件类型
+      var _availFileSuffix = _inputConst.UploadFileNameSuffix.otherFileType;
+      isAvailableSuffix = _availFileSuffix.includes(fileSuffixName);
+      if (!isAvailableSuffix) {
+        var _msg = "抱歉，只支持上传【" + _availFileSuffix.join(" || ") + "】格式的文件！";
+        _message3.default.error(_msg);
+      }
+      return isAvailableSuffix;
+    }
+
+    var availSize = size;
+    var fileSize = file.size / 1024 / 1024;
+    var isOverSize = fileSize > availSize;
+
+    if (isOverSize) {
+      var _msg2 = "抱歉，上传文件大小最大不能超过" + availSize + "M！";
+      _message3.default.error(_msg2);
+      return !isOverSize;
+    }
+    return true;
+  };
+
+  this.handleUploadChange = function (info) {
+    //上传中
+    if (info.file.status === "uploading") {
+      _this2.setState({ loading: true });
+    }
+
+    //上传成功
+    if (info.file.status === "done") {
+      _message3.default.success("\u6587\u4EF6\u4E0A\u4F20\u6210\u529F\uFF01");
+
+      var fileType = _this2.state.featureParams.fileType;
+      // 上传的附件类型(非图片类型)
+
+      if (fileType === "file") {
+        var responseFileUUID = info.file.response.data.bh;
+        var responseFileMC = info.file.response.data.fjmc;
+        var ids = "FILE_DOC_UUID" + _this2.props.id;
+        var val = _this2.props.form.getFieldValue(ids);
+        var arr = val ? JSON.parse(val) : [];
+        var obj = {};
+        obj.name = responseFileMC;
+        obj.value = responseFileUUID;
+        arr.push(obj);
+
+        var fieldsObj2 = {};
+        fieldsObj2[ids] = (0, _stringify2.default)(arr);
+        _this2.props.form.setFieldsValue(fieldsObj2);
+      } else if (fileType === "image") {
+        //图片类型
+        //上传成功返回的文档库对应的UUID,使用这个可以从文档库中下载此文件
+        var _responseFileUUID = info.file.response.data.bh;
+        var fieldsObj = {};
+        var id = _this2.props.id;
+        fieldsObj[id] = _responseFileUUID;
+        _this2.props.form.setFieldsValue(fieldsObj);
+
+        var _ids = "FILE_DOC_UUID" + id;
+        var _fieldsObj = {};
+        _fieldsObj[_ids] = _responseFileUUID;
+        _this2.props.form.setFieldsValue(_fieldsObj);
+
+        var uploadFile = _this2.state.uploadFile;
+
+        uploadFile[id] = _responseFileUUID;
+        _this2.setState({
+          uploadFile: uploadFile,
+          loading: false
+        });
+      }
+    } else if (info.file.status === "error") {
+      //上传失败
+      _message3.default.error(info.file.name + " \u6587\u4EF6\u7531\u4E8E\u672A\u77E5\u539F\u56E0\u5931\u8D25\uFF0C\u8BF7\u91CD\u65B0\u4E0A\u4F20\uFF01");
+      _this2.setState({
+        loading: false
+      });
+      return;
+    }
+  };
+
+  this.renderImageUpload = function () {
+    var _props7 = _this2.props,
+        form = _props7.form,
+        id = _props7.id;
+    var _state$featureParams6 = _this2.state.featureParams,
+        size = _state$featureParams6.size,
+        required = _state$featureParams6.required,
+        fileType = _state$featureParams6.fileType;
+
+
+    var uploadButton = _react2.default.createElement(
+      "div",
+      null,
+      _react2.default.createElement(_icon2.default, { type: _this2.state.loading ? "loading" : "plus" }),
+      _react2.default.createElement(
+        "div",
+        { className: "ant-upload-text" },
+        "\u70B9\u51FB\u4E0A\u4F20"
+      )
+    );
+
+    var uploadImageProps = {
+      action: "api/docrepo/upload",
+      data: { uuid: createUuid(), type: "1" },
+      listType: "picture-card",
+      showUploadList: false
+    };
+
+    var uploadFile = _this2.state.uploadFile;
+
+    var uploadFileUUID = uploadFile[id];
+
+    var uploadComponent = _react2.default.createElement(
+      _upload2.default,
+      (0, _extends3.default)({}, uploadImageProps, {
+        beforeUpload: function beforeUpload(file) {
+          return _this2.beforeUpload(file, size, fileType);
+        },
+        onChange: _this2.handleUploadChange,
+        className: _index2.default["avatar-uploader"]
+      }),
+      uploadFileUUID ? _react2.default.createElement("img", { src: "api/docrepo/download?attachmentId=" + uploadFileUUID }) : uploadButton
+    );
+
+    //是否是表单项
+    if (form) {
+      _this2.props.form.getFieldDecorator("FILE_DOC_UUID" + id);
+      return _this2.renderFormItem({
+        form: form,
+        pRequired: required,
+        component: uploadComponent
+      });
+    }
+    return uploadComponent;
+  };
+
+  this.onRemoveFile = function (file) {
+    var id = _this2.props.id;
+    var uploadFileList = _this2.state.uploadFileList;
+
+    var uploadFilearr = [];
+    uploadFileList.map(function (item) {
+      if (item.status !== "removed") {
+        uploadFilearr.push(item);
+      }
+    });
+    _this2.setState({
+      uploadFileList: uploadFilearr
+    });
+    var fieldValue = _this2.props.form.getFieldValue(id).value;
+    if (fieldValue) {
+      var fieldValueArr = JSON.parse(fieldValue);
+      fieldValueArr = fieldValueArr.filter(function (item) {
+        return file.name !== item.name;
+      });
+
+      var fieldsObj = {};
+      var valueObj = {};
+      valueObj.value = (0, _stringify2.default)(fieldValueArr) || "";
+      fieldsObj[id] = valueObj;
+      _this2.props.form.setFieldsValue(fieldsObj);
+
+      var ids = "FILE_DOC_UUID" + id;
+      var val = _this2.props.form.getFieldValue(ids);
+      var arr = JSON.parse(val);
+      var tarArr = [];
+      arr.map(function (item) {
+        if (item.name !== file.name) {
+          tarArr.push(item);
+        }
+      });
+
+      var fieldsObj2 = {};
+      fieldsObj2[ids] = tarArr.length > 0 ? (0, _stringify2.default)(tarArr) : "";
+      _this2.props.form.setFieldsValue(fieldsObj2);
+    } else {
+      var fileListVal = _this2.props.form.getFieldValue(id).fileList;
+      var _tarArr = [];
+      fileListVal.map(function (item) {
+        if (item.status !== "removed") {
+          _tarArr.push(item);
+        }
+      });
+
+      var _ids2 = "FILE_DOC_UUID" + id;
+      var objArr = [];
+      if (_tarArr.length > 0) {
+        _tarArr.map(function (item) {
+          var obj = {};
+          obj.name = item.name;
+          obj.value = item.response.data.bh;
+          objArr.push(obj);
+        });
+      }
+      var _fieldsObj2 = {};
+      _fieldsObj2[_ids2] = objArr.length > 0 ? (0, _stringify2.default)(objArr) : "";
+      _this2.props.form.setFieldsValue(_fieldsObj2);
+    }
+  };
+
+  this.renderFileUpload = function () {
+    var _props8 = _this2.props,
+        form = _props8.form,
+        id = _props8.id;
+    var _state$featureParams7 = _this2.state.featureParams,
+        size = _state$featureParams7.size,
+        required = _state$featureParams7.required,
+        fileType = _state$featureParams7.fileType;
+
+
+    var uploadOtherFileTypeProps = {
+      action: "api/docrepo/upload",
+      data: { uuid: createUuid(), type: "1" },
+      fileList: _this2.state.uploadFileList,
+      onRemove: _this2.onRemoveFile
+    };
+
+    var uploadOtherFileComponent = _react2.default.createElement(
+      _upload2.default,
+      (0, _extends3.default)({}, uploadOtherFileTypeProps, {
+        beforeUpload: function beforeUpload(file) {
+          return _this2.beforeUpload(file, size, fileType);
+        },
+        onChange: _this2.handleUploadChange
+      }),
+      _react2.default.createElement(
+        _button2.default,
+        null,
+        _react2.default.createElement(_icon2.default, { type: "upload" }),
+        " \u70B9\u51FB\u4E0A\u4F20"
+      )
+    );
+
+    //是否是表单项
+    if (form) {
+      _this2.props.form.getFieldDecorator("FILE_DOC_UUID" + id);
+      return _this2.renderFormItem({
+        form: form,
+        pRequired: required,
+        component: uploadOtherFileComponent
+      });
+    }
+    return uploadOtherFileComponent;
+  };
+
+  this.renderDatePicker = function () {
+    _moment2.default.locale("zh-cn");
+    var _props9 = _this2.props,
+        form = _props9.form,
+        id = _props9.id,
+        value = _props9.value,
+        disabled = _props9.disabled,
+        _onChange6 = _props9.onChange;
+    var _state$featureParams8 = _this2.state.featureParams,
+        widthType = _state$featureParams8.widthType,
+        widthStr = _state$featureParams8.widthStr,
+        required = _state$featureParams8.required,
+        defaultValue = _state$featureParams8.defaultValue,
+        format = _state$featureParams8.format;
+
+
+    var datePickerComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value === "" ? null : _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = (0, _moment2.default)(defaultValue, format);
+    }
+    otherParams.format = format;
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      datePickerComponent = _react2.default.createElement(_datePicker2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        style: { width: widthStr },
+        locale: _zh_CN2.default,
+        onChange: function onChange(date, dateString) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: date });
+          }
+          if (typeof _onChange6 == "function") {
+            _onChange6(date, dateString);
+          }
+        }
+      }));
+    } else {
+      datePickerComponent = _react2.default.createElement(_datePicker2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        locale: _zh_CN2.default,
+        onChange: function onChange(date, dateString) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: date });
+          }
+          if (typeof _onChange6 == "function") {
+            _onChange6(date, dateString);
+          }
+        }
+      }));
+    }
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultValue === "" ? null : (0, _moment2.default)(defaultValue, format),
+        pRequired: required,
+        component: datePickerComponent
+      });
+    }
+
+    return datePickerComponent;
+  };
+
+  this.renderDateTimePicker = function () {
+    // moment.locale('zh-cn');
+    var _props10 = _this2.props,
+        form = _props10.form,
+        id = _props10.id,
+        value = _props10.value,
+        disabled = _props10.disabled,
+        _onChange7 = _props10.onChange;
+    var _state$featureParams9 = _this2.state.featureParams,
+        widthType = _state$featureParams9.widthType,
+        widthStr = _state$featureParams9.widthStr,
+        required = _state$featureParams9.required,
+        defaultValue = _state$featureParams9.defaultValue,
+        format = _state$featureParams9.format;
+
+
+    var dateTimePickerComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value === "" ? null : _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = (0, _moment2.default)(defaultValue, format);
+    }
+    otherParams.format = format;
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      dateTimePickerComponent = _react2.default.createElement(_datePicker2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        style: { width: widthStr },
+        locale: _zh_CN2.default,
+        showTime: true,
+        onChange: function onChange(date, dateString) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: date });
+          }
+          if (typeof _onChange7 == "function") {
+            _onChange7(date, dateString);
+          }
+        }
+      }));
+    } else {
+      dateTimePickerComponent = _react2.default.createElement(_datePicker2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        locale: _zh_CN2.default,
+        placeholder: "请选择日期和时间",
+        showTime: true,
+        onChange: function onChange(date, dateString) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: date });
+          }
+          if (typeof _onChange7 == "function") {
+            _onChange7(date, dateString);
+          }
+        }
+      }));
+    }
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultValue === "" ? null : (0, _moment2.default)(defaultValue, format),
+        pRequired: required,
+        component: dateTimePickerComponent
+      });
+    }
+
+    return dateTimePickerComponent;
+  };
+
+  this.renderRangePicker = function () {
+    _moment2.default.locale("zh-cn");
+    var _props11 = _this2.props,
+        form = _props11.form,
+        id = _props11.id,
+        value = _props11.value,
+        disabled = _props11.disabled,
+        _onChange8 = _props11.onChange;
+    var _state$featureParams10 = _this2.state.featureParams,
+        widthType = _state$featureParams10.widthType,
+        widthStr = _state$featureParams10.widthStr,
+        required = _state$featureParams10.required,
+        defaultValueStart = _state$featureParams10.defaultValueStart,
+        defaultValueEnd = _state$featureParams10.defaultValueEnd,
+        format = _state$featureParams10.format,
+        showTime = _state$featureParams10.showTime;
+
+
+    var rangePickerComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value === "" ? null : _this2.state.value;
+    }
+    if (!form && defaultValueStart !== undefined && defaultValueStart != "" && defaultValueEnd !== undefined && defaultValueEnd != "") {
+      otherParams.defaultValue = [(0, _moment2.default)(defaultValueStart, format), (0, _moment2.default)(defaultValueEnd, format)];
+    }
+    otherParams.format = format;
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      rangePickerComponent = _react2.default.createElement(RangePicker, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        style: { width: widthStr },
+        locale: _zh_CN2.default,
+        onChange: function onChange(dates, dateStrings) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: dates });
+          }
+          if (typeof _onChange8 == "function") {
+            _onChange8(dates, dateStrings);
+          }
+        }
+      }));
+    } else {
+      rangePickerComponent = _react2.default.createElement(RangePicker, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        locale: _zh_CN2.default,
+        onChange: function onChange(dates, dateStrings) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: dates });
+          }
+          if (typeof _onChange8 == "function") {
+            _onChange8(dates, dateStrings);
+          }
+        }
+      }));
+    }
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: [defaultValueStart === "" ? null : (0, _moment2.default)(defaultValueStart, format), defaultValueEnd === "" ? null : (0, _moment2.default)(defaultValueEnd, format)],
+        pRequired: required,
+        component: rangePickerComponent
+      });
+    }
+
+    return rangePickerComponent;
+  };
+
+  this.renderUpload = function () {
+    var _props12 = _this2.props,
+        form = _props12.form,
+        id = _props12.id,
+        _onChange9 = _props12.onChange,
+        disabled = _props12.disabled,
+        value = _props12.value,
+        isEdit = _props12.isEdit,
+        xtglUrl = _props12.xtglUrl;
+    var _state$featureParams11 = _this2.state.featureParams,
+        size = _state$featureParams11.size,
+        fileType = _state$featureParams11.fileType,
+        required = _state$featureParams11.required,
+        mode = _state$featureParams11.mode,
+        numberLimit = _state$featureParams11.numberLimit,
+        serviceMark = _state$featureParams11.serviceMark,
+        moduleName = _state$featureParams11.moduleName,
+        describe = _state$featureParams11.describe,
+        fileMainName = _state$featureParams11.fileMainName,
+        _state$featureParams12 = _state$featureParams11.templateList,
+        templateList = _state$featureParams12 === undefined ? [] : _state$featureParams12,
+        accept = _state$featureParams11.accept;
+
+    var params = {};
+    if (!form && id !== undefined && id !== "") {
+      params.id = id;
+    }
+
+    var uploadComponent = null;
+    if (fileType === "image") {
+      params.listType = "picture-card";
+      params.accept = "image/*";
+      params.image = true;
+    }
+    if (accept && accept.length > 0) {
+      params.accept = accept;
+    }
+    uploadComponent = _react2.default.createElement(_KyUpload2.default, (0, _extends3.default)({}, params, {
+      uploadType: mode,
+      redisData: 30,
+      disabled: disabled,
+      fileCountLimit: numberLimit,
+      isEdit: isEdit,
+      serviceMark: serviceMark,
+      moduleName: moduleName,
+      value: value,
+      describe: describe,
+      fileMainName: fileMainName,
+      templateList: templateList,
+      multiple: numberLimit ? true : false,
+      xtglUrl: xtglUrl,
+      defaultEffective: true,
+      onChange: function onChange(value) {
+        if (typeof _onChange9 === "function") {
+          _onChange9(value);
+        }
+      }
+    }));
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: "",
+        pRequired: required,
+        component: uploadComponent
+      });
+    }
+
+    return uploadComponent;
+  };
+
+  this.renderTimePicker = function () {
+    _moment2.default.locale("zh-cn");
+    var _props13 = _this2.props,
+        form = _props13.form,
+        id = _props13.id,
+        value = _props13.value,
+        disabled = _props13.disabled,
+        _onChange10 = _props13.onChange;
+    var _state$featureParams13 = _this2.state.featureParams,
+        widthType = _state$featureParams13.widthType,
+        widthStr = _state$featureParams13.widthStr,
+        required = _state$featureParams13.required,
+        defaultValue = _state$featureParams13.defaultValue,
+        format = _state$featureParams13.format;
+
+
+    var timePickerComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value === "" ? null : _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = (0, _moment2.default)(defaultValue, format);
+    }
+    otherParams.format = format;
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      timePickerComponent = _react2.default.createElement(_timePicker2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        style: { width: widthStr },
+        onChange: function onChange(time, timeString) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: time });
+          }
+          if (typeof _onChange10 == "function") {
+            _onChange10(time, timeString);
+          }
+        }
+      }));
+    } else {
+      timePickerComponent = _react2.default.createElement(_timePicker2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        locale: _zh_CN2.default,
+        onChange: function onChange(time, timeString) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: time });
+          }
+          if (typeof _onChange10 == "function") {
+            _onChange10(time, timeString);
+          }
+        }
+      }));
+    }
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultValue === "" ? null : (0, _moment2.default)(defaultValue, format),
+        pRequired: required,
+        component: timePickerComponent
+      });
+    }
+
+    return timePickerComponent;
+  };
+
+  this.renderMonthPicker = function () {
+    _moment2.default.locale("zh-cn");
+    var _props14 = _this2.props,
+        form = _props14.form,
+        id = _props14.id,
+        value = _props14.value,
+        disabled = _props14.disabled,
+        _onChange11 = _props14.onChange;
+    var _state$featureParams14 = _this2.state.featureParams,
+        widthType = _state$featureParams14.widthType,
+        widthStr = _state$featureParams14.widthStr,
+        required = _state$featureParams14.required,
+        defaultValue = _state$featureParams14.defaultValue,
+        format = _state$featureParams14.format;
+
+
+    var monthPickerComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value === "" ? null : _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = (0, _moment2.default)(defaultValue, format);
+    }
+
+    otherParams.format = format;
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      monthPickerComponent = _react2.default.createElement(MonthPicker, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        style: { width: widthStr },
+        locale: _zh_CN2.default,
+        onChange: function onChange(date, dateString) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: date });
+          }
+          if (typeof _onChange11 == "function") {
+            _onChange11(date, dateString);
+          }
+        }
+      }));
+    } else {
+      monthPickerComponent = _react2.default.createElement(MonthPicker, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        locale: _zh_CN2.default,
+        onChange: function onChange(date, dateString) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: date });
+          }
+          if (typeof _onChange11 == "function") {
+            _onChange11(date, dateString);
+          }
+        }
+      }));
+    }
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultValue === "" ? null : (0, _moment2.default)(defaultValue, format),
+        pRequired: required,
+        component: monthPickerComponent
+      });
+    }
+
+    return monthPickerComponent;
+  };
+
+  this.renderMultiSelect = function () {
+    var _props15 = _this2.props,
+        form = _props15.form,
+        id = _props15.id,
+        value = _props15.value,
+        disabled = _props15.disabled,
+        _onChange12 = _props15.onChange;
+    var _state$featureParams15 = _this2.state.featureParams,
+        widthType = _state$featureParams15.widthType,
+        widthStr = _state$featureParams15.widthStr,
+        dataTag = _state$featureParams15.dataTag,
+        required = _state$featureParams15.required,
+        defaultValue = _state$featureParams15.defaultValue,
+        baseUrl = _state$featureParams15.baseUrl;
+
+
+    var multiselectComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value === "" ? [] : _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+
+    if (baseUrl !== null && baseUrl !== undefined && baseUrl !== "") {
+      otherParams.baseUrl = baseUrl;
+    }
+
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      multiselectComponent = _react2.default.createElement(_HqMultiSelect2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        sign: dataTag,
+        style: { width: widthStr },
+        onChange: function onChange() {
+          var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+          var text = arguments[1];
+
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: v });
+          }
+          if (typeof _onChange12 == "function") {
+            _onChange12(v.join(","), text);
+          }
+        }
+      }));
+    } else {
+      multiselectComponent = _react2.default.createElement(_HqMultiSelect2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        sign: dataTag,
+        onChange: function onChange() {
+          var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+          var text = arguments[1];
+
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: v });
+          }
+          if (typeof _onChange12 == "function") {
+            _onChange12(v.join(","), text);
+          }
+        }
+      }));
+    }
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: multiselectComponent
+      });
+    }
+
+    return multiselectComponent;
+  };
+
+  this.renderCheckBox = function () {
+    var _props16 = _this2.props,
+        form = _props16.form,
+        id = _props16.id,
+        value = _props16.value,
+        disabled = _props16.disabled,
+        _onChange13 = _props16.onChange;
+    var _state$featureParams16 = _this2.state.featureParams,
+        widthType = _state$featureParams16.widthType,
+        widthStr = _state$featureParams16.widthStr,
+        dataTag = _state$featureParams16.dataTag,
+        required = _state$featureParams16.required,
+        defaultValue = _state$featureParams16.defaultValue,
+        baseUrl = _state$featureParams16.baseUrl,
+        options = _state$featureParams16.options,
+        gridType = _state$featureParams16.gridType,
+        columnsNum = _state$featureParams16.columnsNum;
+
+
+    var checkboxComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value === "" ? [] : _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+
+    if (baseUrl !== null && baseUrl !== undefined && baseUrl !== "") {
+      otherParams.baseUrl = baseUrl;
+    }
+
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      otherParams.style = { width: widthStr };
+    }
+    if (options) {
+      otherParams.dataSource = options;
+    }
+    otherParams.gridLayout = gridType;
+    if (columnsNum) {
+      otherParams.columnsNum = columnsNum;
+    }
+    checkboxComponent = _react2.default.createElement(_HqCheckBox2.default, (0, _extends3.default)({}, otherParams, {
+      checkBoxGroupDisabled: disabled,
+      sign: dataTag,
+      onChange: function onChange(v) {
+        if (!("value" in _this2.props)) {
+          _this2.setState({ value: v });
+        }
+        if (typeof _onChange13 == "function") {
+          _onChange13(v);
+        }
+      }
+    }));
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: checkboxComponent
+      });
+    }
+
+    return checkboxComponent;
+  };
+
+  this.renderNHCascader = function () {
+    var _props17 = _this2.props,
+        form = _props17.form,
+        id = _props17.id,
+        value = _props17.value,
+        disabled = _props17.disabled,
+        _onChange14 = _props17.onChange;
+    var _state$featureParams17 = _this2.state.featureParams,
+        widthType = _state$featureParams17.widthType,
+        widthStr = _state$featureParams17.widthStr,
+        dataTag = _state$featureParams17.dataTag,
+        required = _state$featureParams17.required,
+        defaultValue = _state$featureParams17.defaultValue,
+        baseUrl = _state$featureParams17.baseUrl,
+        flexibleUrl = _state$featureParams17.flexibleUrl,
+        params = _state$featureParams17.params,
+        changeOnSelect = _state$featureParams17.changeOnSelect;
+
+
+    var nhcasecaderComponent = null;
+    var otherParams = {}; //其他参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value === "" ? [] : _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+
+    if (baseUrl !== null && baseUrl !== undefined && baseUrl !== "") {
+      otherParams.baseUrl = baseUrl;
+    }
+    if (flexibleUrl !== null && flexibleUrl !== undefined && flexibleUrl !== "") {
+      otherParams.flexibleUrl = flexibleUrl;
+    }
+    if (params !== null && params !== undefined) {
+      otherParams.params = params;
+    }
+
+    // if (changeOnSelect !== null && changeOnSelect !== undefined && changeOnSelect !== '') {
+    //   otherParams.changeOnSelect = changeOnSelect;
+    // }
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      nhcasecaderComponent = _react2.default.createElement(_HqCascader2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        sign: dataTag,
+        style: { width: widthStr },
+        changeOnSelect: false,
+        onChange: function onChange(v, o) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: v });
+          }
+          if (typeof _onChange14 == "function") {
+            _onChange14(v, o);
+          }
+        }
+      }));
+    } else {
+      nhcasecaderComponent = _react2.default.createElement(_HqCascader2.default, (0, _extends3.default)({}, otherParams, {
+        disabled: disabled,
+        sign: dataTag,
+        changeOnSelect: false,
+        onChange: function onChange(v, o) {
+          if (!("value" in _this2.props)) {
+            _this2.setState({ value: v });
+          }
+          if (typeof _onChange14 == "function") {
+            _onChange14(v, o);
+          }
+        }
+      }));
+    }
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: nhcasecaderComponent
+      });
+    }
+
+    return nhcasecaderComponent;
+  };
+
+  this.limitDecimals = function (value, integer, decimal) {
+    if (typeof value === "number") {
+      value = "" + value;
+    }
+    var str1 = "";
+    var str2 = "";
+    if (typeof integer !== "number") {
+      str1 = "\\d+";
+    } else {
+      for (var i = 0; i < integer; i++) {
+        str1 += "\\d";
+      }
+    }
+
+    if (typeof decimal !== "number") {
+      str2 = "\\d+";
+    } else {
+      for (var _i = 0; _i < decimal; _i++) {
+        str2 += "\\d";
+      }
+    }
+
+    var integerRegStr = "^(-)*(" + str1 + ").*$";
+    var decimalRegStr = "^\\.(" + str2 + ").*$";
+
+    var integerReg = new RegExp(integerRegStr);
+    var decimalReg = new RegExp(decimalRegStr);
+    if (value.indexOf(".") !== -1) {
+      var integerStr = value.split(".")[0];
+      var decimalStr = "." + value.split(".")[1];
+
+      var integerFormatter = integerStr.replace(integerReg, "$1$2");
+      var decimalFormatter = decimalStr.replace(decimalReg, ".$1");
+
+      return integerFormatter + decimalFormatter;
+    } else {
+      return value.replace(integerReg, "$1$2");
+    }
+  };
+
+  this.renderInputNumber = function () {
+    var _props18 = _this2.props,
+        form = _props18.form,
+        id = _props18.id,
+        value = _props18.value,
+        disabled = _props18.disabled,
+        _onChange15 = _props18.onChange;
+    var _state$featureParams18 = _this2.state.featureParams,
+        widthType = _state$featureParams18.widthType,
+        widthStr = _state$featureParams18.widthStr,
+        size = _state$featureParams18.size,
+        step = _state$featureParams18.step,
+        _state$featureParams19 = _state$featureParams18.max,
+        max = _state$featureParams19 === undefined ? "" : _state$featureParams19,
+        _state$featureParams20 = _state$featureParams18.min,
+        min = _state$featureParams20 === undefined ? "" : _state$featureParams20,
+        required = _state$featureParams18.required,
+        _state$featureParams21 = _state$featureParams18.defaultValue,
+        defaultValue = _state$featureParams21 === undefined ? "" : _state$featureParams21,
+        integerLength = _state$featureParams18.integerLength,
+        decimalLength = _state$featureParams18.decimalLength;
+
+
+    var inputnumberComponent = null;
+    var otherParams = {}; //动态参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+    if (!form && size !== undefined && size != "") {
+      otherParams.size = size;
+    }
+    if (step !== undefined && step != "" && step != null) {
+      otherParams.step = step;
+    }
+    if (max !== undefined && max != "") {
+      otherParams.max = max;
+    }
+    otherParams.min = min ? min : 0;
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      otherParams.style = { width: widthStr };
+    }
+    if (integerLength && typeof integerLength === "number" || decimalLength && typeof decimalLength === "number") {
+      otherParams.formatter = function (value) {
+        return _this2.limitDecimals(value, integerLength, decimalLength);
+      };
+      otherParams.parser = function (value) {
+        return _this2.limitDecimals(value, integerLength, decimalLength);
+      };
+    }
+
+    try {
+      if (max < min) {
+        _message3.default.info("最大值不得小于最小值!");
+      } else {
+        inputnumberComponent = _react2.default.createElement(_inputNumber2.default, (0, _extends3.default)({}, otherParams, {
+          disabled: disabled,
+          onChange: function onChange(value) {
+            if (!("value" in _this2.props)) {
+              _this2.setState({ value: value });
+            }
+
+            if (typeof _onChange15 == "function") {
+              _onChange15(value, value);
+            }
+          }
+        }));
+      }
+    } catch (e) {
+      console.log(e);
+      _message3.default.error("组装控件配置参数出错！");
+    }
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        hasFeedback: true,
+        size: size,
+        step: step,
+        max: max,
+        min: min,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: inputnumberComponent
+      });
+    }
+
+    return inputnumberComponent;
+  };
+
+  this.renderStuSelector = function () {
+    var _props19 = _this2.props,
+        form = _props19.form,
+        id = _props19.id,
+        value = _props19.value,
+        disabled = _props19.disabled,
+        onChange = _props19.onChange;
+    var stuOptions = _this2.state.stuOptions;
+    var _state$featureParams22 = _this2.state.featureParams,
+        widthType = _state$featureParams22.widthType,
+        widthStr = _state$featureParams22.widthStr,
+        size = _state$featureParams22.size,
+        step = _state$featureParams22.step,
+        _state$featureParams23 = _state$featureParams22.max,
+        max = _state$featureParams23 === undefined ? "" : _state$featureParams23,
+        _state$featureParams24 = _state$featureParams22.min,
+        min = _state$featureParams24 === undefined ? "" : _state$featureParams24,
+        required = _state$featureParams22.required,
+        _state$featureParams25 = _state$featureParams22.defaultValue,
+        defaultValue = _state$featureParams25 === undefined ? "" : _state$featureParams25;
+
+
+    var stuSelectComponent = null;
+    var otherParams = {}; //动态参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      otherParams.style = { width: widthStr };
+    }
+
+    try {
+      stuSelectComponent = _react2.default.createElement(
+        _select2.default,
+        (0, _extends3.default)({}, otherParams, {
+          disabled: disabled,
+          open: false,
+          showArrow: false,
+          getPopupContainer: function getPopupContainer(triggerNode) {
+            return triggerNode.parentElement;
+          },
+          onDropdownVisibleChange: function onDropdownVisibleChange() {
+            _this2.setState({ currentId: id }, function () {
+              _this2.refs.stuSelector.show();
+            });
+          }
+        }),
+        stuOptions ? stuOptions.map(function (item) {
+          return _react2.default.createElement(
+            _select2.default.Option,
+            { key: item.value, value: item.value },
+            item.label
+          );
+        }) : null
+      );
+    } catch (e) {
+      console.log(e);
+      _message3.default.error("组装控件配置参数出错！");
+    }
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        hasFeedback: true,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: stuSelectComponent
+      });
+    }
+
+    return stuSelectComponent;
+  };
+
+  this.renderTeaSelector = function () {
+    var _props20 = _this2.props,
+        form = _props20.form,
+        id = _props20.id,
+        value = _props20.value,
+        disabled = _props20.disabled,
+        onChange = _props20.onChange;
+    var teaOptions = _this2.state.teaOptions;
+    var _state$featureParams26 = _this2.state.featureParams,
+        widthType = _state$featureParams26.widthType,
+        widthStr = _state$featureParams26.widthStr,
+        size = _state$featureParams26.size,
+        step = _state$featureParams26.step,
+        _state$featureParams27 = _state$featureParams26.max,
+        max = _state$featureParams27 === undefined ? "" : _state$featureParams27,
+        _state$featureParams28 = _state$featureParams26.min,
+        min = _state$featureParams28 === undefined ? "" : _state$featureParams28,
+        required = _state$featureParams26.required,
+        _state$featureParams29 = _state$featureParams26.defaultValue,
+        defaultValue = _state$featureParams29 === undefined ? "" : _state$featureParams29;
+
+
+    var teaSelectComponent = null;
+    var otherParams = {}; //动态参数
+
+    if (!form && id !== undefined && id != "") {
+      otherParams.id = id;
+    }
+    if (!form && value) {
+      otherParams.value = _this2.state.value;
+    }
+    if (!form && defaultValue !== undefined && defaultValue != "") {
+      otherParams.defaultValue = defaultValue;
+    }
+
+    if (widthType != _inputConst.WidthType.DEFAULT) {
+      otherParams.style = { width: widthStr };
+    }
+
+    try {
+      teaSelectComponent = _react2.default.createElement(
+        _select2.default,
+        (0, _extends3.default)({}, otherParams, {
+          disabled: disabled,
+          open: false,
+          showArrow: false,
+          getPopupContainer: function getPopupContainer(triggerNode) {
+            return triggerNode.parentElement;
+          },
+          onDropdownVisibleChange: function onDropdownVisibleChange() {
+            _this2.setState({ currentId: id }, function () {
+              _this2.refs.teaSelector.show();
+            });
+          }
+        }),
+        teaOptions ? teaOptions.map(function (item) {
+          return _react2.default.createElement(
+            _select2.default.Option,
+            { key: item.value, value: item.value },
+            item.label
+          );
+        }) : null
+      );
+    } catch (e) {
+      console.log(e);
+      _message3.default.error("组装控件配置参数出错！");
+    }
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        hasFeedback: true,
+        pDefaultValue: defaultValue,
+        pRequired: required,
+        component: teaSelectComponent
+      });
+    }
+
+    return teaSelectComponent;
+  };
+
+  this.renderOldUpload = function () {
+    var _props21 = _this2.props,
+        form = _props21.form,
+        id = _props21.id,
+        _onChange16 = _props21.onChange,
+        disabled = _props21.disabled,
+        value = _props21.value;
+    var _state$featureParams30 = _this2.state.featureParams,
+        size = _state$featureParams30.size,
+        fileType = _state$featureParams30.fileType,
+        required = _state$featureParams30.required,
+        mode = _state$featureParams30.mode,
+        numberLimit = _state$featureParams30.numberLimit;
+
+
+    var params = {};
+    if (!form && id !== undefined && id !== "") {
+      params.id = id;
+    }
+
+    var uploadComponent = null;
+    if (fileType === "image") {
+      uploadComponent = _react2.default.createElement(_HqImage2.default, (0, _extends3.default)({}, params, {
+        numberOfSize: size,
+        saveType: mode,
+        disabled: disabled,
+        numberOfLimit: numberLimit,
+        imageList: value,
+        onChange: function onChange(imageList) {
+          if (typeof _onChange16 === "function") {
+            _onChange16(imageList);
+          }
+        }
+      }));
+    } else {
+      uploadComponent = _react2.default.createElement(_HqOldUpload2.default, (0, _extends3.default)({}, params, {
+        uploadType: mode,
+        redisData: 30,
+        disabled: disabled,
+        fileCountLimit: numberLimit,
+        multiple: numberLimit ? true : false,
+        onChange: function onChange(file, fileList) {
+          if (typeof _onChange16 === "function") {
+            _onChange16(file, fileList);
+          }
+        }
+      }));
+    }
+
+    //是否是表单项
+    if (form) {
+      return _this2.renderFormItem({
+        form: form,
+        pDefaultValue: "",
+        pRequired: required,
+        component: uploadComponent
+      });
+    }
+
+    return uploadComponent;
+  };
+
+  this.handleStuClick = function (selectRowKeys, selectRows) {
+    var _props22 = _this2.props,
+        form = _props22.form,
+        onChange = _props22.onChange;
+
+    var value = selectRowKeys && selectRowKeys[0] ? selectRowKeys[0] : "";
+    var label = selectRows && selectRows[0] ? selectRows[0].XM : "";
+    if (form) {
+      form.setFieldsValue((0, _defineProperty3.default)({}, _this2.state.currentId, value));
+      _this2.setState({
+        stuOptions: [{ value: value, label: label }]
+      }, function () {
+        if (typeof onChange == "function") {
+          onChange(value, label);
+        }
+      });
+    }
+  };
+
+  this.handleTeaClick = function (selectRowKeys, selectRows) {
+    var _props23 = _this2.props,
+        form = _props23.form,
+        onChange = _props23.onChange;
+
+    var value = selectRowKeys && selectRowKeys[0] ? selectRowKeys[0] : "";
+    var label = selectRows && selectRows[0] ? selectRows[0].XM : "";
+    if (form) {
+      form.setFieldsValue((0, _defineProperty3.default)({}, _this2.state.currentId, value));
+      _this2.setState({
+        teaOptions: [{ value: value, label: label }]
+      }, function () {
+        if (typeof onChange == "function") {
+          onChange(value, label);
+        }
+      });
+    }
+  };
+
+  this.renderControls = function () {
+    var featureParams = _this2.state.featureParams;
+    switch (featureParams.type) {
+      case _inputConst.InputType.INPUT:
+        return _this2.renderInput(); //单行输入控件类型
+        break;
+      case _inputConst.InputType.TEXTAREA:
+        return _this2.renderTextArea(); //多行输入控件类型
+        break;
+      case _inputConst.InputType.RADIO:
+        return _this2.renderRadio(); //单选框控件类型
+        break;
+      case _inputConst.InputType.SEL:
+        return _this2.renderSelect(); //下拉选择器输入控件类型
+        break;
+      case _inputConst.InputType.SELECT:
+        return _this2.renderSelect(); //下拉选择器输入控件类型
+        break;
+      case _inputConst.InputType.SWITCH:
+        return _this2.renderSwitch(); //开关输入控件类型
+        break;
+      case _inputConst.InputType.UPLOAD:
+        // return fileType === 'image' ? this.renderImageUpload() : this.renderFileUpload(); //文件上传控件类型
+        return _this2.renderUpload();
+        break;
+      case _inputConst.InputType.DATEPICKER:
+        return _this2.renderDatePicker(); // 日期控件
+        break;
+      case _inputConst.InputType.RANGEPICKER:
+        return _this2.renderRangePicker(); // 日期范围控件
+        break;
+      case _inputConst.InputType.TIMEPICKER:
+        return _this2.renderTimePicker(); // 时间控件
+      case _inputConst.InputType.MULTISELECT:
+        return _this2.renderMultiSelect(); // 多选下拉框
+      case _inputConst.InputType.NHCASCADER:
+        return _this2.renderNHCascader(); // 级联下拉框
+      case _inputConst.InputType.DATETIMEPICKER:
+        return _this2.renderDateTimePicker();
+      case _inputConst.InputType.INPUTNUMBER:
+        return _this2.renderInputNumber(); //数字输入框
+        break;
+      case _inputConst.InputType.MONTHPICKER:
+        return _this2.renderMonthPicker(); //月份选择器
+      case _inputConst.InputType.OLDUPLOAD:
+        return _this2.renderOldUpload(); //旧版附件上传
+      case _inputConst.InputType.STUSELECTOR:
+        return _this2.renderStuSelector(); // 学生选择器
+      case _inputConst.InputType.TEASELECTOR:
+        return _this2.renderTeaSelector(); // 教师选择器
+      case _inputConst.InputType.CHECKBOX:
+        return _this2.renderCheckBox(); // 复选框
+    }
+
+    return null;
+  };
+};
+
+HqInputRender.defaultProps = {
+  formLayout: "horizontal", //默认水平布局
+  formItemLayout: {
+    //表单项布局
+    labelCol: {
+      xs: { span: 24 },
+      sm: { span: 6 },
+      md: { span: 7 }
+    },
+    wrapperCol: {
+      xs: { span: 24 },
+      sm: { span: 12 },
+      md: { span: 10 }
+    }
+  },
+  colon: true,
+  hideLabel: false,
+  required: false,
+  readOnly: false
+};
+
+HqInputRender.propTypes = {
+  id: _propTypes2.default.string, //渲染成表单项时必填，的字段标识
+  label: _propTypes2.default.string, //渲染成表单项时必填，的字段名称
+  colon: _propTypes2.default.bool, //是否显示label后面的冒号
+  hideLabel: _propTypes2.default.bool, //是否隐藏label
+  checked: _propTypes2.default.bool, //渲染成表单项时可选，开关、多选控件类型选中属性
+  defaultValue: _propTypes2.default.node, //渲染成表单项时可选，默认值
+  value: _propTypes2.default.any, //渲染成受控组件时，可选初始值
+  required: _propTypes2.default.bool, //渲染成表单项时可选，是否必填
+  readOnly: _propTypes2.default.bool, //渲染成表单项时可选，是否只读
+  disabled: _propTypes2.default.bool, //渲染成表单项时可选，是否禁用
+  form: _propTypes2.default.object, //渲染成表单项时必填，表单对象
+  feature: _propTypes2.default.string.isRequired, //必填，输入控件参数字符串
+  formLayout: _propTypes2.default.string, //渲染成表单项时可选，表单布局
+  formItemLayout: _propTypes2.default.object, //渲染成表单项时可选，表单项布局
+  onChange: _propTypes2.default.func, //输入控件值onChange方法
+  //当使用KyUpload时需要的参数
+  serviceMark: _propTypes2.default.string, //服务标志，说明是属于哪个服务，必填
+  moduleName: _propTypes2.default.string, //模块名称，说明是属于哪个服务的哪个模块，必填
+  fjzbid: _propTypes2.default.string, //附件主表id，非必填
+  ms: _propTypes2.default.string, //描述，对上传的附件的一个描述信息，非必填
+  fjzbm: _propTypes2.default.string, //附件主表名，存储该附件对应的主表的名称，主要是为了以后进行追溯，非必填
+  parentValue: _propTypes2.default.string // 下拉框级联时上一级选中的值
+};
+
+exports.default = HqInputRender;