dlt-for-react 1.0.1

package/lib/components/NHUploadBind/render.js

@@ -0,0 +1,905 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+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 _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/button/style");
+
+require("antd/lib/upload/style");
+
+require("antd/lib/icon/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("../NHUpload/index");
+
+var _index2 = _interopRequireDefault(_index);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+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;
+
+var RadioGroup = _radio2.default.Group;
+var FormItem = _form2.default.Item;
+var RangePicker = _datePicker2.default.RangePicker,
+    MonthPicker = _datePicker2.default.MonthPicker;
+
+/**
+ * 上传绑定组件，当满足某项条件时，才显示这个组件
+ * 需要在父类的相关联组件的onchange方法调用对应上传组件的setUploadDisplay方法
+ * Version: 1.0
+ * Modify log:
+ */
+
+var NHUploadBind = function (_React$Component) {
+    (0, _inherits3.default)(NHUploadBind, _React$Component);
+
+    function NHUploadBind(props) {
+        (0, _classCallCheck3.default)(this, NHUploadBind);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHUploadBind.__proto__ || (0, _getPrototypeOf2.default)(NHUploadBind)).call(this, props));
+
+        _initialiseProps.call(_this);
+
+        var value = props.value || '';
+
+        _this.state = {
+            value: value,
+            feature: '',
+            featureParams: {},
+            loading: false,
+            uploadFile: {},
+            uploadFileList: [],
+            uploadDisplay: _this.props.uploadDisplay ? _this.props.uploadDisplay : false
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(NHUploadBind, [{
+        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 });
+                if (nextProps.uploadDisplay != undefined) {
+                    this.setState({ uploadDisplay: nextProps.uploadDisplay });
+                }
+            }
+        }
+
+        //提供组件的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.UPLOAD:
+                    return this.renderUpload();
+                    break;
+                // case InputType.OLDUPLOAD:
+                //     return this.renderOldUpload(); //旧版附件上传
+            }
+
+            return null;
+        }
+    }]);
+    return NHUploadBind;
+}(_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 uploadDisplay = _this2.state.uploadDisplay;
+
+        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 && uploadDisplay) {
+            requiredRule.required = true;
+            requiredRule.message = label + '不可为空';
+            // 如果label为空，且为必填项，则显示*号，但不显示冒号
+            if (label == '' || hideLabel) {
+                label = '';
+                colon = false;
+            }
+        } else {
+            if (pRequired && uploadDisplay) {
+                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.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 _props2 = _this2.props,
+            form = _props2.form,
+            id = _props2.id;
+        var _state$featureParams = _this2.state.featureParams,
+            size = _state$featureParams.size,
+            required = _state$featureParams.required,
+            fileType = _state$featureParams.fileType;
+        var uploadDisplay = _this2.state.uploadDisplay;
+
+        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(
+            "div",
+            { style: { display: uploadDisplay ? 'block' : 'none' } },
+            _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 _props3 = _this2.props,
+            form = _props3.form,
+            id = _props3.id;
+        var _state$featureParams2 = _this2.state.featureParams,
+            size = _state$featureParams2.size,
+            required = _state$featureParams2.required,
+            fileType = _state$featureParams2.fileType;
+        var uploadDisplay = _this2.state.uploadDisplay;
+
+
+        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(
+            "div",
+            { style: { display: uploadDisplay ? 'block' : 'none' } },
+            _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.renderUpload = function () {
+        var _props4 = _this2.props,
+            form = _props4.form,
+            id = _props4.id,
+            _onChange = _props4.onChange,
+            disabled = _props4.disabled,
+            value = _props4.value,
+            isEdit = _props4.isEdit;
+        var _state$featureParams3 = _this2.state.featureParams,
+            size = _state$featureParams3.size,
+            fileType = _state$featureParams3.fileType,
+            required = _state$featureParams3.required,
+            mode = _state$featureParams3.mode,
+            numberLimit = _state$featureParams3.numberLimit,
+            serviceMark = _state$featureParams3.serviceMark,
+            moduleName = _state$featureParams3.moduleName,
+            describe = _state$featureParams3.describe,
+            fileMainName = _state$featureParams3.fileMainName,
+            _state$featureParams4 = _state$featureParams3.templateList,
+            templateList = _state$featureParams4 === undefined ? [] : _state$featureParams4,
+            accept = _state$featureParams3.accept;
+        var uploadDisplay = _this2.state.uploadDisplay;
+
+
+        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(
+            "div",
+            { style: { display: uploadDisplay ? 'block' : 'none' } },
+            _react2.default.createElement(_index2.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 _onChange === 'function') {
+                        _onChange(value);
+                    }
+                }
+            }))
+        );
+        //是否是表单项
+        if (form) {
+            return _this2.renderFormItem({
+                form: form,
+                pDefaultValue: '',
+                pRequired: required,
+                component: uploadComponent
+            });
+        }
+
+        return uploadComponent;
+    };
+
+    this.setUploadDisplay = function (res) {
+        var featureParams = _this2.state.featureParams;
+
+        if (featureParams.type === _inputConst.InputType.UPLOAD) {
+            _this2.setState({ uploadDisplay: res });
+        }
+    };
+};
+
+NHUploadBind.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
+};
+
+NHUploadBind.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 = NHUploadBind;