dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/rcgl/tssq/NHInputPicker/render.js

@@ -0,0 +1,2008 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.NHInputRender = undefined;
+
+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 _stringify = require("babel-runtime/core-js/json/stringify");
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
+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 _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/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 _style = require("../../../../../../../assets/NHInputPicker/style.less");
+
+var _style2 = _interopRequireDefault(_style);
+
+var _createUuid = require("../../../../../../utils/createUuid");
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+var _index = require("../../../../../NHMultiSelect/index");
+
+var _index2 = _interopRequireDefault(_index);
+
+var _index3 = require("../../../../../NHUpload/index");
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _index5 = require("../../../../../NHImage/index");
+
+var _index6 = _interopRequireDefault(_index5);
+
+var _index7 = require("../../../../../OldNHUpload/index");
+
+var _index8 = _interopRequireDefault(_index7);
+
+var _index9 = require("../../../../../NHSelect/index");
+
+var _index10 = _interopRequireDefault(_index9);
+
+var _index11 = require("../NHCascader/index");
+
+var _index12 = _interopRequireDefault(_index11);
+
+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 }; }
+
+// import style from './style.less';
+var TextArea = _input2.default.TextArea;
+// import {NHCascader,NHSelect,NHImage,NHUpload,NHMultiSelect,createUuid} from 'xgui-for-react';
+
+var RadioGroup = _radio2.default.Group;
+var FormItem = _form2.default.Item;
+var RangePicker = _datePicker2.default.RangePicker,
+    MonthPicker = _datePicker2.default.MonthPicker;
+
+/**
+ * 输入控件渲染器
+ * 根据属性参数、可以渲染成普通输入控件或封装成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 NHInputRender = exports.NHInputRender = function (_React$Component) {
+    (0, _inherits3.default)(NHInputRender, _React$Component);
+
+    function NHInputRender(props) {
+        (0, _classCallCheck3.default)(this, NHInputRender);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHInputRender.__proto__ || (0, _getPrototypeOf2.default)(NHInputRender)).call(this, props));
+
+        _initialiseProps.call(_this);
+
+        var value = props.value || '';
+
+        _this.state = {
+            value: value,
+            feature: '',
+            featureParams: {},
+            loading: false,
+            uploadFile: {},
+            uploadFileList: []
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(NHInputRender, [{
+        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 });
+            }
+            // console.log("NHInput-重新渲染nextProps", nextProps)
+        }
+
+        //提供组件的onChange方法
+
+
+        //渲染成表单项
+
+
+        //渲染单行输入控件类型
+
+
+        //渲染多行输入控件类型
+
+
+        //渲染单选框控件类型
+
+
+        //渲染下拉选择器输入控件类型
+
+
+        //渲染开关选择器输入控件类型
+
+
+        //文件上传之前执行的方法(可以限制上传文件的格式，类型，大小等)
+
+
+        //文件上传中、完成、失败都会执行的方法
+
+
+        //渲染文件上传控件
+
+
+        //移除文件执行的方法
+
+
+        //渲染文件上传控件
+
+        // 渲染日期控件
+
+        // 渲染日期时间控件
+
+        // 渲染日期范围控件
+
+
+        //渲染月份选择器
+
+
+        //渲染多选下拉选择器输入控件类型
+
+
+        //渲染级联下拉选择器输入控件类型
+
+
+        //渲染数字输入框控件类型
+
+    }, {
+        key: "render",
+        value: function render() {
+
+            var feature = this.state.feature;
+            var featureParams = this.state.featureParams;
+            var fileType = featureParams.fileType;
+            //初步验证参数
+            if (feature === undefined || feature === null || feature == '') {
+                return null;
+            }
+
+            switch (featureParams.type) {
+                case _inputConst.InputType.INPUT:
+                    return this.renderInput(); //单行输入控件类型
+                    break;
+                case _inputConst.InputType.TEXTAREA:
+                    return this.renderTextArea(); //多行输入控件类型
+                    break;
+                case _inputConst.InputType.RADIO:
+                    return this.renderRadio(); //单选框控件类型
+                    break;
+                case _inputConst.InputType.SELECT:
+                    return this.renderSelect(); //下拉选择器输入控件类型
+                    break;
+                case _inputConst.InputType.SWITCH:
+                    return this.renderSwitch(); //开关输入控件类型
+                    break;
+                case _inputConst.InputType.UPLOAD:
+                    // return fileType === 'image' ? this.renderImageUpload() : this.renderFileUpload(); //文件上传控件类型
+                    return this.renderUpload();
+                    break;
+                case _inputConst.InputType.DATEPICKER:
+                    return this.renderDatePicker(); // 日期控件
+                    break;
+                case _inputConst.InputType.RANGEPICKER:
+                    return this.renderRangePicker(); // 日期范围控件
+                    break;
+                case _inputConst.InputType.TIMEPICKER:
+                    return this.renderTimePicker(); // 时间控件
+                case _inputConst.InputType.MULTISELECT:
+                    return this.renderMultiSelect(); // 多选下拉框
+                case _inputConst.InputType.NHCASCADER:
+                    return this.renderNHCascader(); // 级联下拉框
+                case _inputConst.InputType.DATETIMEPICKER:
+                    return this.renderDateTimePicker();
+                case _inputConst.InputType.INPUTNUMBER:
+                    return this.renderInputNumber(); //数字输入框
+                    break;
+                case _inputConst.InputType.MONTHPICKER:
+                    return this.renderMonthPicker(); //月份选择器
+                case _inputConst.InputType.OLDUPLOAD:
+                    return this.renderOldUpload(); //旧版附件上传
+            }
+
+            return null;
+        }
+    }]);
+    return NHInputRender;
+}(_react2.default.Component);
+
+var _initialiseProps = function _initialiseProps() {
+    var _this2 = this;
+
+    this.handleChange = function (e) {
+        if (_this2.props.onChange) {
+            _this2.props.onChange(e);
+        }
+    };
+
+    this.renderFormItem = function (_ref) {
+        var form = _ref.form,
+            _ref$hasFeedback = _ref.hasFeedback,
+            hasFeedback = _ref$hasFeedback === undefined ? false : _ref$hasFeedback,
+            _ref$patternTag = _ref.patternTag,
+            patternTag = _ref$patternTag === undefined ? '' : _ref$patternTag,
+            _ref$pDefaultValue = _ref.pDefaultValue,
+            pDefaultValue = _ref$pDefaultValue === undefined ? '' : _ref$pDefaultValue,
+            _ref$pRequired = _ref.pRequired,
+            pRequired = _ref$pRequired === undefined ? false : _ref$pRequired,
+            component = _ref.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 fileType = _this2.state.featureParams.fileType;
+        //构建必填校验规则
+        if (required) {
+            requiredRule.required = true;
+            requiredRule.message = label + '不可为空';
+            // 如果label为空，且为必填项，则显示*号，但不显示冒号
+            if (label == '' || hideLabel) {
+                label = '';
+                colon = false;
+            }
+        } else {
+            if (pRequired) {
+                required = pRequired;
+                requiredRule.required = true;
+                requiredRule.message = label + '不可为空';
+                // 如果label为空，且为必填项，则显示*号，但不显示冒号
+                if (label == '' || hideLabel) {
+                    label = '';
+                    colon = false;
+                }
+            } else {
+                if (hideLabel) {
+                    label = '';
+                    colon = false;
+                }
+            }
+        }
+
+        //处理特殊组件在封装成表单项时的“值”属性名称
+        var inputType = featureParams.type;
+        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' ? 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)
+        //处理布局，只有水平布局时才应用表单项布局
+        formItemLayout = formLayout == 'horizontal' ? formItemLayout : null;
+        if (patternTag != '') {
+            return fileType === 'file' ? _react2.default.createElement(
+                FormItem,
+                (0, _extends3.default)({}, formItemLayout, {
+                    label: label,
+                    colon: colon,
+                    hasFeedback: hasFeedback
+                }),
+                getFieldDecorator(id, {
+                    valuePropName: valuePropName,
+                    rules: [(0, _extends3.default)({}, requiredRule), (0, _extends3.default)({}, _inputConst.RegularExpression[patternTag].rule)],
+                    initialValue: _this2.props.value
+                })(component)
+            ) : readOnly ? _react2.default.createElement(
+                FormItem,
+                (0, _extends3.default)({}, formItemLayout, {
+                    label: label,
+                    colon: colon
+                }),
+                _react2.default.createElement(
+                    "span",
+                    null,
+                    initialValue
+                )
+            ) : _react2.default.createElement(
+                FormItem,
+                (0, _extends3.default)({}, formItemLayout, {
+                    label: label,
+                    colon: colon,
+                    hasFeedback: hasFeedback
+                }),
+                getFieldDecorator(id, {
+                    valuePropName: valuePropName,
+                    rules: [(0, _extends3.default)({}, requiredRule), (0, _extends3.default)({}, _inputConst.RegularExpression[patternTag].rule)],
+                    initialValue: initialValue
+                })(component)
+            );
+        } else if (required) {
+            return fileType === 'file' ? _react2.default.createElement(
+                FormItem,
+                (0, _extends3.default)({}, formItemLayout, {
+                    label: label,
+                    colon: colon,
+                    hasFeedback: hasFeedback
+                }),
+                getFieldDecorator(id, {
+                    valuePropName: valuePropName,
+                    rules: [(0, _extends3.default)({}, requiredRule)],
+                    initialValue: _this2.props.value
+                })(component)
+            ) : readOnly ? _react2.default.createElement(
+                FormItem,
+                (0, _extends3.default)({}, formItemLayout, {
+                    label: label,
+                    colon: colon
+                }),
+                _react2.default.createElement(
+                    "span",
+                    null,
+                    initialValue
+                )
+            ) : _react2.default.createElement(
+                FormItem,
+                (0, _extends3.default)({}, formItemLayout, {
+                    label: label,
+                    colon: colon,
+                    hasFeedback: hasFeedback
+                }),
+                getFieldDecorator(id, {
+                    valuePropName: valuePropName,
+                    rules: [(0, _extends3.default)({}, requiredRule)],
+                    initialValue: initialValue
+                })(component)
+            );
+        } else {
+            return fileType === 'file' ? _react2.default.createElement(
+                FormItem,
+                (0, _extends3.default)({}, formItemLayout, {
+                    label: label,
+                    colon: colon,
+                    hasFeedback: hasFeedback
+                }),
+                getFieldDecorator(id, {
+                    valuePropName: valuePropName,
+                    initialValue: _this2.props.value
+                })(component)
+            ) : readOnly ? _react2.default.createElement(
+                FormItem,
+                (0, _extends3.default)({}, formItemLayout, {
+                    label: label,
+                    colon: colon
+                }),
+                _react2.default.createElement(
+                    "span",
+                    null,
+                    initialValue
+                )
+            ) : _react2.default.createElement(
+                FormItem,
+                (0, _extends3.default)({}, formItemLayout, {
+                    label: label,
+                    colon: colon,
+                    hasFeedback: hasFeedback
+                }),
+                getFieldDecorator(id, {
+                    valuePropName: valuePropName,
+                    initialValue: initialValue
+                })(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;
+
+
+        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 },
+                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,
+                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;
+
+        var textareaComponent = 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) {
+            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,
+            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 (form && 'parentValue' in _this2.props) {
+            var getFieldValue = form.getFieldValue;
+
+            otherParams.parentValue = parentValue;
+        }
+
+        if (widthType != _inputConst.WidthType.DEFAULT) {
+            selectComponent = _react2.default.createElement(_index10.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(_index10.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: (0, _createUuid2.default)(), 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: _style2.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: (0, _createUuid2.default)(), 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;
+        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(_index4.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,
+            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(_index2.default, (0, _extends3.default)({}, otherParams, {
+                disabled: disabled,
+                sign: dataTag,
+                style: { width: widthStr },
+                onChange: function onChange(v) {
+                    if (!('value' in _this2.props)) {
+                        _this2.setState({ value: v });
+                    }
+                    if (typeof _onChange12 == 'function') {
+                        _onChange12(v);
+                    }
+                }
+            }));
+        } else {
+            multiselectComponent = _react2.default.createElement(_index2.default, (0, _extends3.default)({}, otherParams, {
+                disabled: disabled,
+                sign: dataTag,
+                onChange: function onChange(v) {
+                    if (!('value' in _this2.props)) {
+                        _this2.setState({ value: v });
+                    }
+                    if (typeof _onChange12 == 'function') {
+                        _onChange12(v);
+                    }
+                }
+            }));
+        }
+
+        //是否是表单项
+        if (form) {
+            return _this2.renderFormItem({
+                form: form,
+                pDefaultValue: defaultValue,
+                pRequired: required,
+                component: multiselectComponent
+            });
+        }
+
+        return multiselectComponent;
+    };
+
+    this.renderNHCascader = 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,
+            changeOnSelect = _state$featureParams16.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 (changeOnSelect !== null && changeOnSelect !== undefined && changeOnSelect !== '') {
+        //   otherParams.changeOnSelect = changeOnSelect;
+        // }
+        if (widthType != _inputConst.WidthType.DEFAULT) {
+            nhcasecaderComponent = _react2.default.createElement(_index12.default, (0, _extends3.default)({}, otherParams, {
+                disabled: disabled,
+                sign: dataTag,
+                style: { width: widthStr },
+                changeOnSelect: false,
+                gender: _this2.props.gender,
+                onChange: function onChange(v, o) {
+                    if (!('value' in _this2.props)) {
+                        _this2.setState({ value: v });
+                    }
+                    if (typeof _onChange13 == 'function') {
+                        _onChange13(v, o);
+                    }
+                }
+            }));
+        } else {
+            nhcasecaderComponent = _react2.default.createElement(_index12.default, (0, _extends3.default)({}, otherParams, {
+                disabled: disabled,
+                sign: dataTag,
+                changeOnSelect: false,
+                gender: _this2.props.gender,
+                onChange: function onChange(v, o) {
+                    if (!('value' in _this2.props)) {
+                        _this2.setState({ value: v });
+                    }
+                    if (typeof _onChange13 == 'function') {
+                        _onChange13(v, o);
+                    }
+                }
+            }));
+        }
+
+        //是否是表单项
+        if (form) {
+            return _this2.renderFormItem({
+                form: form,
+                pDefaultValue: defaultValue,
+                pRequired: required,
+                component: nhcasecaderComponent
+            });
+        }
+
+        return nhcasecaderComponent;
+    };
+
+    this.renderInputNumber = 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,
+            size = _state$featureParams17.size,
+            step = _state$featureParams17.step,
+            _state$featureParams18 = _state$featureParams17.max,
+            max = _state$featureParams18 === undefined ? '' : _state$featureParams18,
+            _state$featureParams19 = _state$featureParams17.min,
+            min = _state$featureParams19 === undefined ? '' : _state$featureParams19,
+            required = _state$featureParams17.required,
+            _state$featureParams20 = _state$featureParams17.defaultValue,
+            defaultValue = _state$featureParams20 === undefined ? '' : _state$featureParams20;
+
+
+        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 != '') {
+            otherParams.step = step;
+        }
+        if (max !== undefined && max != '') {
+            otherParams.max = max;
+        }
+        otherParams.min = min ? min : 0;
+
+        try {
+            if (max < min) {
+                _message3.default.info('最大值不得小于最小值!');
+            } else if (widthType != _inputConst.WidthType.DEFAULT) {
+                inputnumberComponent = _react2.default.createElement(_inputNumber2.default, (0, _extends3.default)({}, otherParams, {
+                    disabled: disabled,
+                    style: { width: widthStr },
+                    onChange: function onChange(value) {
+
+                        if (!('value' in _this2.props)) {
+                            _this2.setState({ value: value });
+                        }
+
+                        if (typeof _onChange14 == 'function') {
+                            _onChange14(value, value);
+                        }
+                    }
+                }));
+            } 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 _onChange14 == 'function') {
+                            _onChange14(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.renderOldUpload = function () {
+        var _props18 = _this2.props,
+            form = _props18.form,
+            id = _props18.id,
+            _onChange15 = _props18.onChange,
+            disabled = _props18.disabled,
+            value = _props18.value;
+        var _state$featureParams21 = _this2.state.featureParams,
+            size = _state$featureParams21.size,
+            fileType = _state$featureParams21.fileType,
+            required = _state$featureParams21.required,
+            mode = _state$featureParams21.mode,
+            numberLimit = _state$featureParams21.numberLimit;
+
+
+        var params = {};
+        if (!form && id !== undefined && id !== '') {
+            params.id = id;
+        }
+
+        var uploadComponent = null;
+        if (fileType === 'image') {
+            uploadComponent = _react2.default.createElement(_index6.default, (0, _extends3.default)({}, params, { numberOfSize: size, saveType: mode, disabled: disabled,
+                numberOfLimit: numberLimit,
+                imageList: value,
+                onChange: function onChange(imageList) {
+                    if (typeof _onChange15 === 'function') {
+                        _onChange15(imageList);
+                    }
+                }
+            }));
+        } else {
+            uploadComponent = _react2.default.createElement(_index8.default, (0, _extends3.default)({}, params, { uploadType: mode, redisData: 30, disabled: disabled,
+                fileCountLimit: numberLimit,
+                multiple: numberLimit ? true : false,
+                onChange: function onChange(file, fileList) {
+                    if (typeof _onChange15 === 'function') {
+                        _onChange15(file, fileList);
+                    }
+                }
+            }));
+        }
+
+        //是否是表单项
+        if (form) {
+            return _this2.renderFormItem({
+                form: form,
+                pDefaultValue: '',
+                pRequired: required,
+                component: uploadComponent
+            });
+        }
+
+        return uploadComponent;
+    };
+};
+
+NHInputRender.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
+};
+
+NHInputRender.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方法
+    //当使用NHUpload时需要的参数
+    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 = NHInputRender;