dlt-for-react 1.0.23 → 1.1.0

package/lib/components/NHInputPicker/render.js

@@ -0,0 +1,1271 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _datePicker = require("antd-mobile/lib/date-picker");
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _list = require("antd-mobile/lib/list");
+
+var _list2 = _interopRequireDefault(_list);
+
+var _switch = require("antd-mobile/lib/switch");
+
+var _switch2 = _interopRequireDefault(_switch);
+
+var _textareaItem = require("antd-mobile/lib/textarea-item");
+
+var _textareaItem2 = _interopRequireDefault(_textareaItem);
+
+var _inputItem = require("antd-mobile/lib/input-item");
+
+var _inputItem2 = _interopRequireDefault(_inputItem);
+
+var _toast = require("antd-mobile/lib/toast");
+
+var _toast2 = _interopRequireDefault(_toast);
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+require("antd-mobile/lib/date-picker/style/css");
+
+require("antd-mobile/lib/list/style/css");
+
+require("antd-mobile/lib/switch/style/css");
+
+require("antd-mobile/lib/textarea-item/style/css");
+
+require("antd-mobile/lib/input-item/style/css");
+
+require("antd-mobile/lib/toast/style/css");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _inputConst = require("./input-const");
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _RadioGroup = require("./RadioGroup");
+
+var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
+
+var _index = require("../NHSelect/index");
+
+var _index2 = _interopRequireDefault(_index);
+
+var _index3 = require("../NHImagePicker/index");
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _index5 = require("../NHCascader/index");
+
+var _index6 = _interopRequireDefault(_index5);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _zh_CN = require("antd-mobile/lib/date-picker/locale/zh_CN");
+
+var _zh_CN2 = _interopRequireDefault(_zh_CN);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var NHInputRender = function (_React$Component) {
+    _inherits(NHInputRender, _React$Component);
+
+    function NHInputRender(props) {
+        _classCallCheck(this, NHInputRender);
+
+        var _this = _possibleConstructorReturn(this, (NHInputRender.__proto__ || Object.getPrototypeOf(NHInputRender)).call(this, props));
+
+        _initialiseProps.call(_this);
+
+        var value = props.value || '';
+        _this.state = {
+            value: value,
+            feature: '',
+            featureParams: {},
+            loading: false,
+            uploadFile: {},
+            uploadFileList: []
+        };
+        return _this;
+    }
+
+    _createClass(NHInputRender, [{
+        key: "UNSAFE_componentWillMount",
+        value: function UNSAFE_componentWillMount() {
+            var feature = this.props.feature;
+
+            if (feature) {
+                try {
+                    //解析参数，如果不是正确的json格式，会抛出异常提示
+                    var featureParams = JSON.parse(feature);
+                    this.setState({ feature: feature, featureParams: featureParams });
+                } catch (e) {
+                    _toast2.default.fail('解析控件配置参数出错！', 1);
+                }
+            }
+        }
+    }, {
+        key: "UNSAFE_componentWillReceiveProps",
+        value: function UNSAFE_componentWillReceiveProps(nextProps) {
+            var feature = nextProps.feature;
+            try {
+                //解析参数，如果不是正确的json格式，会抛出异常提示
+                var featureParams = JSON.parse(feature);
+                this.setState({ feature: feature, featureParams: featureParams });
+            } catch (e) {
+                _toast2.default.fail('解析控件配置参数出错！', 1);
+            }
+            // Should be a controlled component.
+            if ('value' in nextProps) {
+                var value = nextProps.value;
+                this.setState({ value: value });
+            }
+        }
+
+        //提供组件的onChange方法
+
+
+        // InputItem TextareaItem
+
+
+        //渲染单行输入控件类型
+
+
+        //渲染多行输入控件类型
+
+
+        //渲染单选框控件类型
+
+
+        //渲染下拉选择器输入控件类型
+
+
+        //渲染开关选择器输入控件类型
+
+
+        //渲染级联下拉选择器输入控件类型
+
+
+        // 渲染日期控件
+
+
+        // 渲染日期时间控件
+
+        //渲染数字输入框控件类型
+
+
+        //渲染成表单项
+
+    }, {
+        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(); //单行输入控件类型
+                case _inputConst.InputType.TEXTAREA:
+                    return this.renderTextArea(); //多行输入控件类型
+                case _inputConst.InputType.RADIO:
+                    return this.renderRadio(); //单选框控件类型
+                case _inputConst.InputType.SELECT:
+                    return this.renderSelect(); //下拉选择器输入控件类型
+                case _inputConst.InputType.SWITCH:
+                    return this.renderSwitch(); //开关输入控件类型
+                case _inputConst.InputType.UPLOAD:
+                    //   // return fileType === 'image' ? this.renderImageUpload() : this.renderFileUpload(); //文件上传控件类型
+                    return this.renderUpload();
+                case _inputConst.InputType.DATEPICKER:
+                    return this.renderDatePicker(); // 日期控件
+                // case InputType.RANGEPICKER:
+                //   return this.renderRangePicker();// 日期范围控件
+                case _inputConst.InputType.TIMEPICKER:
+                    return this.renderTimePicker(); // 时间控件
+                // case 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(); //数字输入框
+                default:
+                    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.handleOnChange = function (value) {
+        var onChange = _this2.props.onChange;
+        if (!('value' in _this2.props)) {
+            _this2.setState({ value: value });
+        }
+        if (typeof onChange == 'function') {
+            onChange(value, value);
+        }
+        // console.log(value)
+    };
+
+    this.requiredParams = function (required, id) {
+        var getFieldError = _this2.props.form.getFieldError;
+
+        return {
+            error: getFieldError(id) !== undefined
+        };
+    };
+
+    this.renderInput = function () {
+        var _props = _this2.props,
+            value = _props.value,
+            disabled = _props.disabled,
+            label = _props.label,
+            form = _props.form,
+            id = _props.id,
+            _props$required = _props.required,
+            required = _props$required === undefined ? false : _props$required;
+        var _state$featureParams = _this2.state.featureParams,
+            placeholder = _state$featureParams.placeholder,
+            defaultValue = _state$featureParams.defaultValue,
+            patternTag = _state$featureParams.patternTag;
+
+        var inputComponent = null;
+        var otherParams = {}; //动态参数
+        if (!form && value) {
+            otherParams.value = _this2.state.value;
+        }
+        if (!form && !value && defaultValue !== undefined && defaultValue != '') {
+            otherParams.defaultValue = defaultValue;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps,
+                _getFieldError = form.getFieldError;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag,
+                pDefaultValue: defaultValue
+            });
+            option.onChange = _this2.handleOnChange;
+            otherParams.onErrorClick = function () {
+                _toast2.default.info(_getFieldError(id)[0]);
+            };
+            otherParams = _extends({}, otherParams, getFieldProps(id, option), _this2.requiredParams(required, id));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        inputComponent = _react2.default.createElement(
+            _inputItem2.default,
+            _extends({
+                className: "nh-input-item",
+                disabled: disabled,
+                title: label,
+                placeholder: placeholder ? placeholder : '请输入',
+                onChange: _this2.handleOnChange
+            }, otherParams, {
+                labelNumber: 7
+            }),
+            isRequired ? _react2.default.createElement(
+                "span",
+                { style: { color: 'red' } },
+                "*"
+            ) : null,
+            label
+        );
+
+        return inputComponent;
+    };
+
+    this.renderTextArea = function () {
+        var _props2 = _this2.props,
+            value = _props2.value,
+            disabled = _props2.disabled,
+            label = _props2.label,
+            form = _props2.form,
+            id = _props2.id,
+            _props2$required = _props2.required,
+            required = _props2$required === undefined ? false : _props2$required;
+        var _state$featureParams2 = _this2.state.featureParams,
+            placeholder = _state$featureParams2.placeholder,
+            defaultValue = _state$featureParams2.defaultValue,
+            patternTag = _state$featureParams2.patternTag,
+            maxLength = _state$featureParams2.maxLength;
+
+        var textareaComponent = null;
+        var otherParams = {}; //动态参数
+        if (!form && value) {
+            otherParams.value = _this2.state.value;
+        }
+        if (!form && !value && defaultValue !== undefined && defaultValue != '') {
+            otherParams.defaultValue = defaultValue;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps,
+                _getFieldError2 = form.getFieldError;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag,
+                pDefaultValue: defaultValue
+            });
+            option.onChange = _this2.handleOnChange;
+            otherParams.onErrorClick = function () {
+                _toast2.default.info(_getFieldError2(id)[0]);
+            };
+            otherParams = _extends({}, otherParams, getFieldProps(id, option), _this2.requiredParams(required, id));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        textareaComponent = _react2.default.createElement(_textareaItem2.default, _extends({
+            className: "nh-textarea-item",
+            disabled: disabled,
+            rows: 3,
+            title: isRequired ? _react2.default.createElement(
+                "div",
+                null,
+                _react2.default.createElement(
+                    "span",
+                    { style: { color: 'red' } },
+                    "*"
+                ),
+                label
+            ) : _react2.default.createElement(
+                "span",
+                null,
+                label
+            ),
+            placeholder: placeholder ? placeholder : '请输入',
+            onChange: _this2.handleOnChange,
+            maxLength: maxLength
+        }, otherParams));
+        return textareaComponent;
+    };
+
+    this.renderRadio = function () {
+        var _props3 = _this2.props,
+            value = _props3.value,
+            disabled = _props3.disabled,
+            _onChange = _props3.onChange,
+            label = _props3.label,
+            form = _props3.form,
+            id = _props3.id;
+        var _state$featureParams3 = _this2.state.featureParams,
+            options = _state$featureParams3.options,
+            defaultValue = _state$featureParams3.defaultValue,
+            patternTag = _state$featureParams3.patternTag,
+            required = _state$featureParams3.required;
+
+        var otherParams = {}; //其他参数
+        if (!form && value) {
+            otherParams.value = _this2.state.value;
+        }
+        if (!form && !value && defaultValue !== undefined && defaultValue != '') {
+            otherParams.defaultValue = defaultValue;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag,
+                pDefaultValue: defaultValue
+            });
+            if (typeof _onChange == 'function') {
+                option.onChange = function (value, label, e) {
+                    return _onChange(value, label, e);
+                };
+            }
+            otherParams = _extends({}, otherParams, getFieldProps(id, option));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        var radioComponent = _react2.default.createElement(_RadioGroup2.default, _extends({
+            disabled: disabled,
+            options: options,
+            label: isRequired ? _react2.default.createElement(
+                "div",
+                { className: "nh-radio-form-header" },
+                _react2.default.createElement(
+                    "span",
+                    { style: { color: 'red' } },
+                    "*"
+                ),
+                label
+            ) : _react2.default.createElement(
+                "span",
+                { className: "nh-radio-form-header" },
+                label
+            ),
+            onChange: function onChange(value, label, e) {
+                if (!('value' in _this2.props)) {
+                    _this2.setState({ value: value });
+                }
+                if (typeof _onChange == 'function') {
+                    _onChange(value, label, e);
+                }
+            }
+        }, otherParams));
+        return radioComponent;
+    };
+
+    this.renderSelect = function () {
+        var _props4 = _this2.props,
+            value = _props4.value,
+            disabled = _props4.disabled,
+            onChange = _props4.onChange,
+            label = _props4.label,
+            form = _props4.form,
+            id = _props4.id,
+            parentValue = _props4.parentValue,
+            _props4$required = _props4.required,
+            required = _props4$required === undefined ? false : _props4$required;
+        var _state$featureParams4 = _this2.state.featureParams,
+            dataTag = _state$featureParams4.dataTag,
+            defaultValue = _state$featureParams4.defaultValue,
+            flexibleUrl = _state$featureParams4.flexibleUrl,
+            baseUrl = _state$featureParams4.baseUrl,
+            patternTag = _state$featureParams4.patternTag,
+            params = _state$featureParams4.params;
+
+        var selectComponent = null;
+        var otherParams = {}; //其他参数
+        if (!form && value) {
+            otherParams.value = _this2.state.value;
+        }
+        if (!form && !value && defaultValue !== undefined && defaultValue != '') {
+            otherParams.defaultValue = defaultValue;
+        }
+        if (baseUrl !== null && baseUrl !== undefined && baseUrl !== '') {
+            otherParams.baseUrl = baseUrl;
+        }
+        if (flexibleUrl !== null && flexibleUrl !== undefined && flexibleUrl !== '') {
+            otherParams.flexibleUrl = flexibleUrl;
+        }
+        if (params !== null && params !== undefined) {
+            otherParams.params = params;
+        }
+        if (form && 'parentValue' in _this2.props) {
+            otherParams.parentValue = parentValue;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag,
+                pDefaultValue: defaultValue
+            });
+            if (typeof onChange == 'function') {
+                option.onChange = function (v, t, p) {
+                    if (!('value' in _this2.props)) {
+                        _this2.setState({ value: v });
+                    }
+                    if (typeof onChange == 'function') {
+                        onChange(v, t, p);
+                    }
+                };
+            }
+            otherParams = _extends({}, otherParams, getFieldProps(id, option));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        selectComponent = _react2.default.createElement(
+            _index2.default,
+            _extends({
+                disabled: disabled,
+                sign: dataTag
+            }, otherParams, _this2.requiredParams(required, id)),
+            isRequired ? _react2.default.createElement(
+                "span",
+                { style: { color: 'red' } },
+                "*"
+            ) : null,
+            label
+        );
+
+        return selectComponent;
+    };
+
+    this.renderSwitch = function () {
+        var _props5 = _this2.props,
+            disabled = _props5.disabled,
+            _onChange2 = _props5.onChange,
+            label = _props5.label,
+            value = _props5.value,
+            form = _props5.form,
+            id = _props5.id,
+            _props5$required = _props5.required,
+            required = _props5$required === undefined ? false : _props5$required;
+        var _state$featureParams5 = _this2.state.featureParams,
+            checkedText = _state$featureParams5.checkedText,
+            uncheckedText = _state$featureParams5.uncheckedText,
+            defaultChecked = _state$featureParams5.defaultChecked,
+            patternTag = _state$featureParams5.patternTag;
+
+        var switchComponent = null;
+        var otherParams = {}; //其他参数
+
+        if (!form && value) {
+            otherParams.checked = value == '1' ? true : false;
+        }
+        if (!form && !value && defaultChecked !== undefined && defaultChecked != '') {
+            otherParams.defaultChecked = defaultChecked;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag,
+                pDefaultValue: defaultChecked
+            });
+            if (typeof _onChange2 == 'function') {
+                option.onChange = function (v) {
+                    return _onChange2(v ? '1' : '0', v ? checkedText ? checkedText : 'true' : uncheckedText ? uncheckedText : 'false');
+                };
+            }
+            otherParams = _extends({}, otherParams, getFieldProps(id, option));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        switchComponent = _react2.default.createElement(
+            "div",
+            { className: disabled ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+            _react2.default.createElement(
+                _list2.default.Item,
+                _extends({ extra: _react2.default.createElement(_switch2.default, _extends({
+                        disabled: disabled,
+                        onChange: function onChange(v) {
+                            if (!('value' in _this2.props)) {
+                                _this2.setState({ value: v ? '1' : '0' });
+                            }
+                            if (typeof _onChange2 == 'function') {
+                                _onChange2(v ? '1' : '0', v ? checkedText ? checkedText : 'true' : uncheckedText ? uncheckedText : 'false');
+                            }
+                        }
+                    }, otherParams)) }, _this2.requiredParams(required, id)),
+                isRequired ? _react2.default.createElement(
+                    "span",
+                    { style: { color: 'red' } },
+                    "*"
+                ) : null,
+                label
+            )
+        );
+
+        return switchComponent;
+    };
+
+    this.renderNHCascader = function () {
+        var _props6 = _this2.props,
+            value = _props6.value,
+            disabled = _props6.disabled,
+            _onChange3 = _props6.onChange,
+            label = _props6.label,
+            form = _props6.form,
+            id = _props6.id,
+            _props6$required = _props6.required,
+            required = _props6$required === undefined ? false : _props6$required;
+        var _state$featureParams6 = _this2.state.featureParams,
+            dataTag = _state$featureParams6.dataTag,
+            defaultValue = _state$featureParams6.defaultValue,
+            flexibleUrl = _state$featureParams6.flexibleUrl,
+            baseUrl = _state$featureParams6.baseUrl,
+            patternTag = _state$featureParams6.patternTag,
+            params = _state$featureParams6.params;
+
+        var nhcasecaderComponent = null;
+        var otherParams = {}; //其他参数
+        if (!form && value) {
+            otherParams.value = _this2.state.value;
+        }
+        if (!form && !value && defaultValue !== undefined && defaultValue != '') {
+            otherParams.defaultValue = defaultValue;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag,
+                pDefaultValue: defaultValue
+            });
+            // console.log(option)
+            if (typeof _onChange3 == 'function') {
+                option.onChange = function (v, o) {
+                    return _onChange3(v, o);
+                };
+            }
+            otherParams = _extends({}, otherParams, getFieldProps(id, option));
+        }
+        if (baseUrl !== null && baseUrl !== undefined && baseUrl !== '') {
+            otherParams.baseUrl = baseUrl;
+        }
+
+        if (flexibleUrl !== null && flexibleUrl !== undefined && flexibleUrl !== '') {
+            otherParams.flexibleUrl = flexibleUrl;
+        }
+        if (params !== null && params !== undefined) {
+            otherParams.params = params;
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        nhcasecaderComponent = _react2.default.createElement(
+            _index6.default,
+            _extends({
+                disabled: disabled,
+                sign: dataTag,
+                onChange: function onChange(v, o) {
+                    if (!('value' in _this2.props)) {
+                        _this2.setState({ value: v });
+                    }
+                    if (typeof _onChange3 == 'function') {
+                        _onChange3(v, o);
+                    }
+                }
+            }, otherParams, _this2.requiredParams(required, id)),
+            isRequired ? _react2.default.createElement(
+                "span",
+                { style: { color: 'red' } },
+                "*"
+            ) : null,
+            label
+        );
+
+        return nhcasecaderComponent;
+    };
+
+    this.renderDatePicker = function () {
+        _moment2.default.locale('zh-cn');
+        var _props7 = _this2.props,
+            disabled = _props7.disabled,
+            _onChange4 = _props7.onChange,
+            label = _props7.label,
+            value = _props7.value,
+            form = _props7.form,
+            id = _props7.id,
+            _props7$required = _props7.required,
+            required = _props7$required === undefined ? false : _props7$required;
+        var _state$featureParams7 = _this2.state.featureParams,
+            format = _state$featureParams7.format,
+            patternTag = _state$featureParams7.patternTag;
+
+        var datePickerComponent = null;
+        var otherParams = {}; //其他参数
+        otherParams.format = format;
+        if (!form && value) {
+            otherParams.value = value === '' ? null : value;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag
+            });
+            if (typeof _onChange4 == 'function') {
+                option.onChange = function (date) {
+                    return _onChange4(date);
+                };;
+            }
+            otherParams = _extends({}, otherParams, getFieldProps(id, option));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        datePickerComponent = _react2.default.createElement(
+            "div",
+            { className: disabled ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+            _react2.default.createElement(
+                _datePicker2.default,
+                _extends({
+                    disabled: disabled,
+                    locale: _zh_CN2.default,
+                    mode: "date",
+                    minDate: new Date(1900, 1, 1, 0, 0, 0),
+                    onChange: function onChange(date) {
+                        if (!('value' in _this2.props)) {
+                            _this2.setState({ value: date });
+                        }
+                        if (typeof _onChange4 == 'function') {
+                            _onChange4(date);
+                        }
+                    }
+                }, otherParams),
+                _react2.default.createElement(
+                    _list2.default.Item,
+                    _extends({ arrow: "horizontal" }, _this2.requiredParams(required, id)),
+                    isRequired ? _react2.default.createElement(
+                        "span",
+                        { style: { color: 'red' } },
+                        "*"
+                    ) : null,
+                    label
+                )
+            )
+        );
+
+        return datePickerComponent;
+    };
+
+    this.renderImage = function () {
+        var _props8 = _this2.props,
+            form = _props8.form,
+            id = _props8.id,
+            _onChange5 = _props8.onChange,
+            isEdit = _props8.isEdit,
+            value = _props8.value;
+        var _state$featureParams8 = _this2.state.featureParams,
+            size = _state$featureParams8.size,
+            patternTag = _state$featureParams8.patternTag,
+            required = _state$featureParams8.required,
+            mode = _state$featureParams8.mode,
+            numberLimit = _state$featureParams8.numberLimit,
+            serviceMark = _state$featureParams8.serviceMark,
+            moduleName = _state$featureParams8.moduleName,
+            describe = _state$featureParams8.describe,
+            fileMainName = _state$featureParams8.fileMainName;
+
+        var params = {};
+        if (!form && id !== undefined && id !== '') {
+            params.id = id;
+        }
+
+        var imageComponent = null;
+        var otherParams = {}; //其他参数
+        if (!form && value) {
+            otherParams.value = value === '' ? null : value;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag
+            });
+            if (typeof _onChange5 == 'function') {
+                option.onChange = function (value) {
+                    return _onChange5(value);
+                };
+            }
+            otherParams = _extends({}, otherParams, getFieldProps(id, option));
+        }
+        imageComponent = _react2.default.createElement(_index4.default, _extends({}, params, { uploadType: mode, redisData: 30,
+            fileCountLimit: numberLimit,
+            isEdit: isEdit,
+            serviceMark: serviceMark,
+            moduleName: moduleName,
+            value: value,
+            describe: describe,
+            fileMainName: fileMainName,
+            multiple: numberLimit ? true : false,
+            onChange: function onChange(value) {
+                if (typeof _onChange5 === 'function') {
+                    _onChange5(value);
+                }
+            }
+        }));
+
+        return imageComponent;
+    };
+
+    this.renderTimePicker = function () {
+        _moment2.default.locale('zh-cn');
+        var _props9 = _this2.props,
+            value = _props9.value,
+            disabled = _props9.disabled,
+            _onChange6 = _props9.onChange,
+            label = _props9.label,
+            form = _props9.form,
+            id = _props9.id;
+        var _state$featureParams9 = _this2.state.featureParams,
+            format = _state$featureParams9.format,
+            patternTag = _state$featureParams9.patternTag,
+            required = _state$featureParams9.required;
+
+
+        var timePickerComponent = null;
+        var otherParams = {}; //其他参数
+        if (!form && value) {
+            otherParams.value = value === '' ? null : value;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag
+            });
+            if (typeof _onChange6 == 'function') {
+                option.onChange = function (time) {
+                    return _onChange6(time);
+                };
+            }
+            otherParams = _extends({}, otherParams, getFieldProps(id, option));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        // otherParams.format = format; 由于移动端antd-mobile目前只支持HH:mm,其他显示不正常，
+        timePickerComponent = _react2.default.createElement(
+            "div",
+            { className: disabled ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+            _react2.default.createElement(
+                _datePicker2.default,
+                _extends({
+                    disabled: disabled,
+                    locale: _zh_CN2.default,
+                    mode: "time",
+                    onChange: function onChange(time) {
+                        if (!('value' in _this2.props)) {
+                            _this2.setState({ value: time });
+                        }
+                        if (typeof _onChange6 == 'function') {
+                            _onChange6(time);
+                        }
+                    }
+                }, otherParams),
+                _react2.default.createElement(
+                    _list2.default.Item,
+                    _extends({ arrow: "horizontal" }, _this2.requiredParams(required, id)),
+                    isRequired ? _react2.default.createElement(
+                        "span",
+                        { style: { color: 'red' } },
+                        "*"
+                    ) : null,
+                    label
+                )
+            )
+        );
+        return timePickerComponent;
+    };
+
+    this.renderDateTimePicker = function () {
+        // moment.locale('zh-cn');
+        var _props10 = _this2.props,
+            value = _props10.value,
+            disabled = _props10.disabled,
+            _onChange7 = _props10.onChange,
+            label = _props10.label,
+            form = _props10.form,
+            id = _props10.id;
+        var _state$featureParams10 = _this2.state.featureParams,
+            format = _state$featureParams10.format,
+            patternTag = _state$featureParams10.patternTag,
+            required = _state$featureParams10.required;
+
+        var dateTimePickerComponent = null;
+        var otherParams = {}; //其他参数
+        if (!form && value) {
+            otherParams.value = value === '' ? null : value;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag
+            });
+            if (typeof _onChange7 == 'function') {
+                option.onChange = function (date) {
+                    return _onChange7(date);
+                };
+            }
+            otherParams = _extends({}, otherParams, getFieldProps(id, option));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        otherParams.format = format;
+        dateTimePickerComponent = _react2.default.createElement(
+            "div",
+            { className: disabled ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+            _react2.default.createElement(
+                _datePicker2.default,
+                _extends({
+                    disabled: disabled,
+                    locale: _zh_CN2.default,
+                    placeholder: '请选择日期和时间',
+                    mode: "datetime",
+                    minDate: new Date(1970, 1, 1, 0, 0, 0),
+                    onChange: function onChange(date) {
+                        if (!('value' in _this2.props)) {
+                            _this2.setState({ value: date });
+                        }
+                        if (typeof _onChange7 == 'function') {
+                            _onChange7(date);
+                        }
+                    }
+                }, otherParams),
+                _react2.default.createElement(
+                    _list2.default.Item,
+                    _extends({ arrow: "horizontal" }, _this2.requiredParams(required, id)),
+                    isRequired ? _react2.default.createElement(
+                        "span",
+                        { style: { color: 'red' } },
+                        "*"
+                    ) : null,
+                    label
+                )
+            )
+        );
+        return dateTimePickerComponent;
+    };
+
+    this.renderUpload = function () {
+        var _props11 = _this2.props,
+            form = _props11.form,
+            id = _props11.id,
+            onChange = _props11.onChange,
+            disabled = _props11.disabled,
+            value = _props11.value,
+            isEdit = _props11.isEdit,
+            label = _props11.label;
+        var _state$featureParams11 = _this2.state.featureParams,
+            patternTag = _state$featureParams11.patternTag,
+            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;
+        // const { getFieldProps } = this.props.form;
+
+        var params = {};
+        if (!form && id !== undefined && id !== '') {
+            params.id = id;
+        }
+        var otherParams = {}; //其他参数
+        if (!form && value) {
+            otherParams.value = value === '' ? null : value;
+        }
+        var uploadComponent = null;
+        if (fileType === 'image') {
+            params.listType = 'picture-card';
+            params.accept = 'image/*';
+            params.image = true;
+        }
+        if (accept && accept.length > 0) {
+            params.accept = accept;
+        }
+
+        if (form) {
+            var getFieldProps = form.getFieldProps;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag
+            });
+            if (typeof onChange == 'function') {
+                option.onChange = function (date) {
+                    return onChange(date);
+                };
+            }
+            otherParams.onErrorClick = function () {
+                _toast2.default.info(getFieldError(id)[0]);
+            };
+            otherParams = _extends({}, otherParams, getFieldProps(id, option), _this2.requiredParams(required, id));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        uploadComponent =
+        // <List.Item {...this.requiredParams(required, id)}> 
+        _react2.default.createElement(
+            _react.Fragment,
+            null,
+            isEdit && _react2.default.createElement(
+                "label",
+                null,
+                isRequired ? _react2.default.createElement(
+                    "span",
+                    { style: { color: 'red' } },
+                    "*"
+                ) : null,
+                label
+            ),
+            _react2.default.createElement(_index4.default, _extends({
+                serviceMark: serviceMark,
+                moduleName: moduleName,
+                isEdit: isEdit,
+                numberOfLimit: 10,
+                numberOfSize: 5
+                // onChange={this.onChange}
+            }, otherParams))
+        )
+        // </List.Item>
+        ;
+        //是否是表单项
+        /*if (form) {
+            return this.renderFormItem({
+                form: form,
+                pDefaultValue: '',
+                pRequired: required,
+                component: uploadComponent
+            });
+        }*/
+        return uploadComponent;
+    };
+
+    this.renderInputNumber = function () {
+        var _props12 = _this2.props,
+            value = _props12.value,
+            disabled = _props12.disabled,
+            label = _props12.label,
+            form = _props12.form,
+            id = _props12.id;
+        var _state$featureParams13 = _this2.state.featureParams,
+            placeholder = _state$featureParams13.placeholder,
+            defaultValue = _state$featureParams13.defaultValue,
+            patternTag = _state$featureParams13.patternTag,
+            required = _state$featureParams13.required,
+            max = _state$featureParams13.max,
+            min = _state$featureParams13.min,
+            size = _state$featureParams13.size;
+
+        var inputnumberComponent = null;
+        var otherParams = {}; //动态参数
+        if (!form && value) {
+            otherParams.value = _this2.state.value;
+        }
+        if (!form && !value && defaultValue !== undefined && defaultValue != '') {
+            otherParams.defaultValue = defaultValue;
+        }
+        if (placeholder === '') {
+            placeholder = "\u8BF7\u8F93\u5165" + label;
+        }
+        if (form) {
+            var getFieldProps = form.getFieldProps,
+                _getFieldError3 = form.getFieldError;
+
+            var option = _this2.getOption({
+                pRequired: required,
+                patternTag: patternTag,
+                pDefaultValue: defaultValue
+            });
+            option.onChange = _this2.handleOnChange;
+            otherParams.onErrorClick = function () {
+                _toast2.default.info(_getFieldError3(id)[0]);
+            };
+            otherParams = _extends({}, otherParams, getFieldProps(id, option), _this2.requiredParams(required, id));
+        }
+
+        // 是否必填
+        var isRequired = false;
+
+        if (!('required' in _this2.props) && required) {
+            isRequired = required;
+        } else {
+            isRequired = _this2.props.required;
+        }
+
+        inputnumberComponent = _react2.default.createElement(
+            _inputItem2.default,
+            _extends({
+                className: "nh-input-item",
+                type: "digit",
+                disabled: disabled,
+                title: label,
+                placeholder: placeholder
+            }, otherParams),
+            isRequired ? _react2.default.createElement(
+                "span",
+                { style: { color: 'red' } },
+                "*"
+            ) : null,
+            label
+        );
+
+        return inputnumberComponent;
+    };
+
+    this.getOption = function (_ref) {
+        var _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;
+        var _props13 = _this2.props,
+            value = _props13.value,
+            _props13$label = _props13.label,
+            label = _props13$label === undefined ? '' : _props13$label,
+            hideLabel = _props13.hideLabel,
+            colon = _props13.colon,
+            defaultValue = _props13.defaultValue,
+            required = _props13.required;
+
+        var featureParams = _this2.state.featureParams;
+        var inputType = featureParams.type;
+        var valuePropName = 'value';
+        if (_inputConst.InputType.SWITCH == inputType) {
+            valuePropName = 'checked';
+        }
+        var requiredRule = {};
+        if (!('required' in _this2.props) && pRequired) {
+            required = pRequired;
+        }
+        //构建必填校验规则
+        if (required) {
+            requiredRule.required = true;
+            requiredRule.message = label + '不可为空';
+            // 如果label为空，且为必填项，则显示*号，但不显示冒号
+            if (label == '' || hideLabel) {
+                label = '';
+                colon = false;
+            }
+        }
+        var rules = [];
+        // 存在正则校验
+        if (patternTag != '') {
+            rules.push(_extends({}, _inputConst.RegularExpression[patternTag].rule));
+        }
+        // 必填
+        if (required) {
+            rules.push(_extends({}, requiredRule));
+        }
+        var initialValue = void 0;
+        if ('value' in _this2.props) {
+            initialValue = value;
+        } else if ('defaultValue' in _this2.props) {
+            initialValue = defaultValue;
+        } else {
+            initialValue = pDefaultValue;
+        }
+        return {
+            valuePropName: valuePropName,
+            initialValue: initialValue,
+            rules: rules
+        };
+    };
+};
+
+exports.default = NHInputRender;
+
+
+NHInputRender.propTypes = {
+    value: _propTypes2.default.any, //渲染成受控组件时，可选初始值
+    feature: _propTypes2.default.string.isRequired, //必填，输入控件参数字符串
+    onChange: _propTypes2.default.func, //输入控件值onChange方法，传入form时会被form覆盖失效
+    form: _propTypes2.default.object, // 表单form
+    id: _propTypes2.default.string, // 表单字段名称，
+    label: _propTypes2.default.string, // 表单字段标题
+    required: _propTypes2.default.bool // 是否必填
+};