easy3wmui 0.0.2 → 0.0.4-3.beta1

package/lib/Easy3wMFormPage/index.js

@@ -124,395 +124,428 @@ var dateWeekZHCNFormat = 'YYYY年ww周'; // 精度：周 2022-28
 var dateWeekDayZHCNFormat = 'YYYY年ww周dddd'; // 精度：周-星期 2022-28-星期五
 
 var Easy3wMFormPage = function (_Component) {
-	(0, _inherits3['default'])(Easy3wMFormPage, _Component);
-
-	function Easy3wMFormPage(props) {
-		(0, _classCallCheck3['default'])(this, Easy3wMFormPage);
-
-		var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
-
-		_this.touchFormatData = function (item) {
-			var fieldType = item.fieldType,
-			    readFlag = item.readFlag,
-			    _item$childrenProps = item.childrenProps,
-			    childrenProps = _item$childrenProps === undefined ? {} : _item$childrenProps,
-			    numberFormat = item.numberFormat;
-			var value = item.value;
-			var precision = childrenProps.precision;
-
-			if (value || value === false || value === 0) {
-				// value值存在  Boolean()值为false的7个特殊值   undefined， null， false， NaN， ''， 0， -0
-				if (readFlag) {
-					// 只读
-					if (precision === 'year') {
-						// 时间：年
-						value = (0, _moment2['default'])(value).format(dateYearFormat);
-					} else if (precision === 'month') {
-						// 时间：月
-						value = (0, _moment2['default'])(value).format(dateMonthFormat);
-					} else if (precision === 'day') {
-						// 时间：天
-						value = (0, _moment2['default'])(value).format(dateDayFormat);
-					} else if (precision === 'hour') {
-						// 时间：时
-						value = (0, _moment2['default'])(value).format(dateHourFormat);
-					} else if (precision === 'minute') {
-						// 时间：分
-						value = (0, _moment2['default'])(value).format(dateMinuteFormat);
-					} else if (precision === 'second') {
-						// 时间：秒
-						value = (0, _moment2['default'])(value).format(dateSecondFormat);
-					} else if (precision === 'week') {
-						// 时间：周
-						value = (0, _moment2['default'])(value, dateWeekFormat).format(dateWeekZHCNFormat);
-					} else if (precision === 'week-day') {
-						// 时间：周-星期
-						value = (0, _moment2['default'])(value, dateWeekDayFormat).format(dateWeekDayZHCNFormat);
-					} else if (numberFormat) {
-						// 数字格式化千分位化
-						(0, _numeral2['default'])(value).format('0,0.00');
-					}
-				} else {
-					// 编辑
-					if (fieldType === 'datePicker' || fieldType === 'datePickerView') {
-						if (precision === 'week') {
-							// 时间：周
-							value = (0, _moment2['default'])(value, dateWeekFormat).format(dateDayFormat);
-						} else if (precision === 'week-day') {
-							// 时间：周-星期
-							value = (0, _moment2['default'])(value, dateWeekDayFormat).format(dateDayFormat);
-						}
-						value = new Date(value);
-					}
-				}
-				return value;
-			} else {
-				// value值不存在
-				return '';
-			}
-		};
-
-		_this.touchCascaderConfirm = function (value, fieldId) {
-			var _form$setFieldsValue;
-
-			var form = _this.props.form;
-
-			form.setFieldsValue((_form$setFieldsValue = {}, _form$setFieldsValue[fieldId] = value, _form$setFieldsValue));
-		};
-
-		_this.touchPickerConfirm = function (value, fieldId) {
-			var _form$setFieldsValue2;
-
-			var form = _this.props.form;
-
-			form.setFieldsValue((_form$setFieldsValue2 = {}, _form$setFieldsValue2[fieldId] = value, _form$setFieldsValue2));
-		};
-
-		_this.touchCascadePickerConfirm = function (value, fieldId) {
-			var _form$setFieldsValue3;
-
-			var form = _this.props.form;
-
-			form.setFieldsValue((_form$setFieldsValue3 = {}, _form$setFieldsValue3[fieldId] = value, _form$setFieldsValue3));
-		};
-
-		_this.touchDatePickerConfirm = function (value, fieldId) {
-			var _form$setFieldsValue4;
-
-			var form = _this.props.form;
-
-			form.setFieldsValue((_form$setFieldsValue4 = {}, _form$setFieldsValue4[fieldId] = value, _form$setFieldsValue4));
-		};
-
-		_this.renderItemChildren = function (item) {
-			var fieldId = item.fieldId,
-			    fieldType = item.fieldType,
-			    _item$childrenProps2 = item.childrenProps,
-			    childrenProps = _item$childrenProps2 === undefined ? {} : _item$childrenProps2,
-			    label = item.label,
-			    options = item.options,
-			    element = item.element;
-
-			if (fieldType === 'input') {
-				// 输入框
-				return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({ placeholder: '\u8BF7\u8F93\u5165' + label }, childrenProps));
-			} else if (fieldType === 'cascaderView') {
-				// 都是单选，只有value
-				return _react2['default'].createElement(_cascaderView2['default'], childrenProps);
-			} else if (fieldType === 'cascader') {
-				// 都是单选，只有value
-				return _react2['default'].createElement(
-					_cascader2['default'],
-					(0, _extends3['default'])({
-						onConfirm: function onConfirm(value) {
-							return _this.touchCascaderConfirm(value, fieldId);
-						} // 确认时触发
-					}, childrenProps),
-					function (items, actions) {
-						var labelValue = '';
-						var arrLabelValue = [];
-						items.map(function (obj) {
-							arrLabelValue.push(obj.label);
-							return '';
-						});
-						labelValue = arrLabelValue.join('-');
-						if (labelValue) {
-							return _react2['default'].createElement(
-								'div',
-								{ className: 'pointer', onClick: actions.open },
-								labelValue
-							);
-						} else {
-							return _react2['default'].createElement(
-								'div',
-								{ className: 'pointerGray', onClick: actions.open },
-								'\u8BF7\u9009\u62E9'
-							);
-						}
-					}
-				);
-			} else if (fieldType === 'checkList') {
-				// 可单选可多选 multiple false(单选) true(多选)
-				return _react2['default'].createElement(
-					_checkList2['default'],
-					childrenProps,
-					options.map(function (optionsItem) {
-						var value = optionsItem.value;
-
-						return _react2['default'].createElement(
-							_checkList2['default'].Item,
-							(0, _extends3['default'])({ key: value, value: value }, optionsItem),
-							optionsItem.label
-						);
-					})
-				);
-			} else if (fieldType === 'checkbox') {
-				// 多选
-				return _react2['default'].createElement(
-					_checkbox2['default'].Group,
-					childrenProps,
-					options.map(function (optionsItem) {
-						var value = optionsItem.value;
-
-						return _react2['default'].createElement(
-							_checkbox2['default'],
-							(0, _extends3['default'])({ value: value }, optionsItem),
-							optionsItem.label
-						);
-					})
-				);
-			} else if (fieldType === 'pickerView') {
-				return _react2['default'].createElement(_pickerView2['default'], childrenProps);
-			} else if (fieldType === 'picker') {
-				return _react2['default'].createElement(
-					_picker2['default'],
-					(0, _extends3['default'])({
-						onConfirm: function onConfirm(value) {
-							return _this.touchPickerConfirm(value, fieldId);
-						} // 确认时触发
-					}, childrenProps),
-					function (items, actions) {
-						var labelValue = '';
-						var arrLabelValue = [];
-						items.map(function (obj) {
-							arrLabelValue.push(obj.label);
-							return '';
-						});
-						labelValue = arrLabelValue.join('-');
-						if (labelValue) {
-							return _react2['default'].createElement(
-								'div',
-								{ className: 'pointer', onClick: actions.open },
-								labelValue
-							);
-						} else {
-							return _react2['default'].createElement(
-								'div',
-								{ className: 'pointerGray', onClick: actions.open },
-								'\u8BF7\u9009\u62E9'
-							);
-						}
-					}
-				);
-			} else if (fieldType === 'cascadePickerView') {
-				return _react2['default'].createElement(_cascadePickerView2['default'], childrenProps);
-			} else if (fieldType === 'cascadePicker') {
-				return _react2['default'].createElement(
-					_cascadePicker2['default'],
-					(0, _extends3['default'])({
-						onConfirm: function onConfirm(value) {
-							return _this.touchCascadePickerConfirm(value, fieldId);
-						} // 确认时触发
-					}, childrenProps),
-					function (items, actions) {
-						var labelValue = '';
-						var arrLabelValue = [];
-						items.map(function (obj) {
-							arrLabelValue.push(obj.label);
-							return '';
-						});
-						labelValue = arrLabelValue.join('-');
-						if (labelValue) {
-							return _react2['default'].createElement(
-								'div',
-								{ className: 'pointer', onClick: actions.open },
-								labelValue
-							);
-						} else {
-							return _react2['default'].createElement(
-								'div',
-								{ className: 'pointerGray', onClick: actions.open },
-								'\u8BF7\u9009\u62E9'
-							);
-						}
-					}
-				);
-			} else if (fieldType === 'datePickerView') {
-				return _react2['default'].createElement(_datePickerView2['default'], childrenProps);
-			} else if (fieldType === 'datePicker') {
-				return _react2['default'].createElement(
-					_datePicker2['default'],
-					(0, _extends3['default'])({
-						onConfirm: function onConfirm(value) {
-							return _this.touchDatePickerConfirm(value, fieldId);
-						} // 确认时触发
-					}, childrenProps),
-					function (items, actions) {
-						var strValue = _this.touchFormatData((0, _extends3['default'])({}, item, { value: items, readFlag: true }));
-						if (items) {
-							return _react2['default'].createElement(
-								'div',
-								{ className: 'pointer', onClick: actions.open },
-								strValue
-							);
-						} else {
-							return _react2['default'].createElement(
-								'div',
-								{ className: 'pointerGray', onClick: actions.open },
-								'\u8BF7\u9009\u62E9'
-							);
-						}
-					}
-				);
-			} else if (fieldType === 'radio') {
-				return _react2['default'].createElement(
-					_radio2['default'].Group,
-					childrenProps,
-					options.map(function (optionsItem) {
-						var value = optionsItem.value;
-
-						return _react2['default'].createElement(
-							_radio2['default'],
-							(0, _extends3['default'])({ value: value }, optionsItem),
-							optionsItem.label
-						);
-					})
-				);
-			} else if (fieldType === 'rate') {
-				return _react2['default'].createElement(_rate2['default'], childrenProps);
-			} else if (fieldType === 'selector') {
-				// 可多选，可单选 multiple true(多选) flase(单选)
-				return _react2['default'].createElement(_selector2['default'], childrenProps);
-			} else if (fieldType === 'slider') {
-				return _react2['default'].createElement(_slider2['default'], childrenProps);
-			} else if (fieldType === 'stepper') {
-				return _react2['default'].createElement(_stepper2['default'], childrenProps);
-			} else if (fieldType === 'switch') {
-				return _react2['default'].createElement(_switch2['default'], (0, _extends3['default'])({ defaultChecked: item.value }, childrenProps));
-			} else if (fieldType === 'textArea') {
-				return _react2['default'].createElement(_textArea2['default'], (0, _extends3['default'])({ placeholder: '\u8BF7\u8F93\u5165' + label, showCount: true, maxLength: 50 }, childrenProps));
-			} else if (fieldType === 'else') {
-				return element;
-			}
-		};
-
-		_this.state = {};
-		return _this;
-	}
-
-	Easy3wMFormPage.prototype.componentWillUnmount = function componentWillUnmount() {};
-	// 数据格式化
-
-	// ------------------------------------- Cascader start ------------------------------------------------------
-	// 确认时触发
-
-	// ------------------------------------- Cascader end --------------------------------------------------------
-	// ------------------------------------- Picker start ------------------------------------------------------
-	// 确认时触发
-
-	// ------------------------------------- Picker end --------------------------------------------------------
-	// ------------------------------------- CascadePicker start ------------------------------------------------------
-	// 确认时触发
-
-	// ------------------------------------- CascadePicker end --------------------------------------------------------
-	// ------------------------------------- DatePicker start ------------------------------------------------------
-	// 确认时触发
-
-	// ------------------------------------- DatePicker end --------------------------------------------------------
-	// 渲染item的子内容
-
-
-	Easy3wMFormPage.prototype.render = function render() {
-		var _this2 = this;
-
-		var _props = this.props,
-		    _props$formProps = _props.formProps,
-		    formProps = _props$formProps === undefined ? {} : _props$formProps,
-		    _props$rowItems = _props.rowItems,
-		    rowItems = _props$rowItems === undefined ? [] : _props$rowItems,
-		    _props$hiddenItems = _props.hiddenItems,
-		    hiddenItems = _props$hiddenItems === undefined ? [] : _props$hiddenItems,
-		    requiredMessage = _props.requiredMessage,
-		    form = _props.form;
-		// fromProps 表单参数
-		// itemProps 表单项参数
-		// childrenProps 输入框参数
-		// rowItems 显示字段
-		// hiddenItems 隐藏字段
-
-		return _react2['default'].createElement(
-			_form2['default'],
-			(0, _extends3['default'])({ id: 'Easy3wMFormPage', layout: 'horizontal', form: form }, formProps),
-			rowItems.map(function (item) {
-				var label = item.label,
-				    fieldId = item.fieldId,
-				    required = item.required,
-				    readFlag = item.readFlag,
-				    disableFlag = item.disableFlag,
-				    cmptPros = item.cmptPros;
-				var value = item.value;
-
-				var addrules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
-				if (cmptPros && cmptPros.rules) {
-					var rules = cmptPros.rules;
-
-					addrules.push.apply(addrules, rules);
-				}
-				value = _this2.touchFormatData(item);
-				if (readFlag) {
-					return _react2['default'].createElement(
-						Item,
-						(0, _extends3['default'])({ label: label, name: fieldId + 'Easy3wView', required: required, initialValue: 'easy3wView' }, cmptPros, { rules: addrules }),
-						value
-					);
-				} else {
-					return _react2['default'].createElement(
-						Item,
-						(0, _extends3['default'])({ label: label, name: fieldId, required: required, initialValue: value, disabled: disableFlag }, cmptPros, { rules: addrules }),
-						_this2.renderItemChildren(item)
-					);
-				}
-			}),
-			hiddenItems.map(function (item) {
-				var fieldId = item.fieldId,
-				    value = item.value;
-
-				return _react2['default'].createElement(Item, { name: fieldId, initialValue: value, hidden: true });
-			})
-		);
-	};
-
-	return Easy3wMFormPage;
+  (0, _inherits3['default'])(Easy3wMFormPage, _Component);
+
+  function Easy3wMFormPage(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wMFormPage);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
+
+    _this.getValuePropsSwitch = function (value) {
+      return {
+        defaultChecked: value
+      };
+    };
+
+    _this.touchFormatData = function (item) {
+      var allReadFlag = _this.props.allReadFlag;
+      var fieldType = item.fieldType,
+          readFlag = item.readFlag,
+          _item$childrenProps = item.childrenProps,
+          childrenProps = _item$childrenProps === undefined ? {} : _item$childrenProps,
+          numberFormat = item.numberFormat;
+      var value = item.value;
+      var precision = childrenProps.precision;
+
+      if (value || value === false || value === 0) {
+        // value值存在  Boolean()值为false的7个特殊值   undefined， null， false， NaN， ''， 0， -0
+        if (readFlag || allReadFlag) {
+          // 只读
+          if (precision === 'year') {
+            // 时间：年
+            value = (0, _moment2['default'])(value).format(dateYearFormat);
+          } else if (precision === 'month') {
+            // 时间：月
+            value = (0, _moment2['default'])(value).format(dateMonthFormat);
+          } else if (precision === 'day') {
+            // 时间：天
+            value = (0, _moment2['default'])(value).format(dateDayFormat);
+          } else if (precision === 'hour') {
+            // 时间：时
+            value = (0, _moment2['default'])(value).format(dateHourFormat);
+          } else if (precision === 'minute') {
+            // 时间：分
+            value = (0, _moment2['default'])(value).format(dateMinuteFormat);
+          } else if (precision === 'second') {
+            // 时间：秒
+            value = (0, _moment2['default'])(value).format(dateSecondFormat);
+          } else if (precision === 'week') {
+            // 时间：周
+            value = (0, _moment2['default'])(value, dateWeekFormat).format(dateWeekZHCNFormat);
+          } else if (precision === 'week-day') {
+            // 时间：周-星期
+            value = (0, _moment2['default'])(value, dateWeekDayFormat).format(dateWeekDayZHCNFormat);
+          } else if (numberFormat) {
+            // 数字格式化千分位化
+            value = (0, _numeral2['default'])(value).format('0,0.00');
+          }
+        } else {
+          // 编辑
+          if (fieldType === 'datePicker' || fieldType === 'datePickerView') {
+            if (precision === 'week') {
+              // 时间：周
+              value = (0, _moment2['default'])(value, dateWeekFormat).format(dateDayFormat);
+            } else if (precision === 'week-day') {
+              // 时间：周-星期
+              value = (0, _moment2['default'])(value, dateWeekDayFormat).format(dateDayFormat);
+            }
+            value = new Date(value);
+          }
+        }
+        return value;
+      } else {
+        // value值不存在
+        return value;
+      }
+    };
+
+    _this.touchCascaderConfirm = function (value, fieldId) {
+      var _form$setFieldsValue;
+
+      var form = _this.props.form;
+
+      form.setFieldsValue((_form$setFieldsValue = {}, _form$setFieldsValue[fieldId] = value, _form$setFieldsValue));
+    };
+
+    _this.touchPickerConfirm = function (value, fieldId) {
+      var _form$setFieldsValue2;
+
+      var form = _this.props.form;
+
+      form.setFieldsValue((_form$setFieldsValue2 = {}, _form$setFieldsValue2[fieldId] = value, _form$setFieldsValue2));
+    };
+
+    _this.touchCascadePickerConfirm = function (value, fieldId) {
+      var _form$setFieldsValue3;
+
+      var form = _this.props.form;
+
+      form.setFieldsValue((_form$setFieldsValue3 = {}, _form$setFieldsValue3[fieldId] = value, _form$setFieldsValue3));
+    };
+
+    _this.touchDatePickerConfirm = function (value, fieldId) {
+      var _form$setFieldsValue4;
+
+      var form = _this.props.form;
+
+      form.setFieldsValue((_form$setFieldsValue4 = {}, _form$setFieldsValue4[fieldId] = value, _form$setFieldsValue4));
+    };
+
+    _this.renderItemChildren = function (item) {
+      var fieldId = item.fieldId,
+          fieldType = item.fieldType,
+          _item$childrenProps2 = item.childrenProps,
+          childrenProps = _item$childrenProps2 === undefined ? {} : _item$childrenProps2,
+          label = item.label,
+          options = item.options,
+          element = item.element,
+          titleType = item.titleType;
+
+      if (fieldType === 'input') {
+        // 输入框
+        return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({ placeholder: '\u8BF7\u8F93\u5165' + label, maxLength: titleType ? 400 : 100 }, childrenProps));
+      } else if (fieldType === 'cascaderView') {
+        // 都是单选，只有value
+        return _react2['default'].createElement(_cascaderView2['default'], childrenProps);
+      } else if (fieldType === 'cascader') {
+        // 都是单选，只有value
+        return _react2['default'].createElement(
+          _cascader2['default'],
+          (0, _extends3['default'])({
+            onConfirm: function onConfirm(value) {
+              return _this.touchCascaderConfirm(value, fieldId);
+            } // 确认时触发
+          }, childrenProps),
+          function (items, actions) {
+            var labelValue = '';
+            var arrLabelValue = [];
+            items.map(function (obj) {
+              arrLabelValue.push(obj.label);
+              return '';
+            });
+            labelValue = arrLabelValue.join('-');
+            if (labelValue) {
+              return _react2['default'].createElement(
+                'div',
+                { className: 'pointer', onClick: actions.open },
+                labelValue
+              );
+            } else {
+              return _react2['default'].createElement(
+                'div',
+                { className: 'pointerGray', onClick: actions.open },
+                '\u8BF7\u9009\u62E9'
+              );
+            }
+          }
+        );
+      } else if (fieldType === 'checkList') {
+        // 可单选可多选 multiple false(单选) true(多选)
+        return _react2['default'].createElement(
+          _checkList2['default'],
+          childrenProps,
+          options.map(function (optionsItem) {
+            var value = optionsItem.value;
+
+            return _react2['default'].createElement(
+              _checkList2['default'].Item,
+              (0, _extends3['default'])({ key: value, value: value }, optionsItem),
+              optionsItem.label
+            );
+          })
+        );
+      } else if (fieldType === 'checkbox') {
+        // 多选
+        return _react2['default'].createElement(
+          _checkbox2['default'].Group,
+          childrenProps,
+          options.map(function (optionsItem) {
+            var value = optionsItem.value;
+
+            return _react2['default'].createElement(
+              _checkbox2['default'],
+              (0, _extends3['default'])({ value: value }, optionsItem),
+              optionsItem.label
+            );
+          })
+        );
+      } else if (fieldType === 'pickerView') {
+        return _react2['default'].createElement(_pickerView2['default'], childrenProps);
+      } else if (fieldType === 'picker') {
+        return _react2['default'].createElement(
+          _picker2['default'],
+          (0, _extends3['default'])({
+            onConfirm: function onConfirm(value) {
+              return _this.touchPickerConfirm(value, fieldId);
+            } // 确认时触发
+          }, childrenProps),
+          function (items, actions) {
+            var labelValue = '';
+            var arrLabelValue = [];
+            items.map(function (obj) {
+              arrLabelValue.push(obj.label);
+              return '';
+            });
+            labelValue = arrLabelValue.join('-');
+            if (labelValue) {
+              return _react2['default'].createElement(
+                'div',
+                { className: 'pointer', onClick: actions.open },
+                labelValue
+              );
+            } else {
+              return _react2['default'].createElement(
+                'div',
+                { className: 'pointerGray', onClick: actions.open },
+                '\u8BF7\u9009\u62E9'
+              );
+            }
+          }
+        );
+      } else if (fieldType === 'cascadePickerView') {
+        return _react2['default'].createElement(_cascadePickerView2['default'], childrenProps);
+      } else if (fieldType === 'cascadePicker') {
+        return _react2['default'].createElement(
+          _cascadePicker2['default'],
+          (0, _extends3['default'])({
+            onConfirm: function onConfirm(value) {
+              return _this.touchCascadePickerConfirm(value, fieldId);
+            } // 确认时触发
+          }, childrenProps),
+          function (items, actions) {
+            var labelValue = '';
+            var arrLabelValue = [];
+            items.map(function (obj) {
+              arrLabelValue.push(obj.label);
+              return '';
+            });
+            labelValue = arrLabelValue.join('-');
+            if (labelValue) {
+              return _react2['default'].createElement(
+                'div',
+                { className: 'pointer', onClick: actions.open },
+                labelValue
+              );
+            } else {
+              return _react2['default'].createElement(
+                'div',
+                { className: 'pointerGray', onClick: actions.open },
+                '\u8BF7\u9009\u62E9'
+              );
+            }
+          }
+        );
+      } else if (fieldType === 'datePickerView') {
+        // 时间无值的时候不能用空字符串 可以用null或undefined
+        return _react2['default'].createElement(_datePickerView2['default'], childrenProps);
+      } else if (fieldType === 'datePicker') {
+        // 时间无值的时候不能用空字符串 可以用null或undefined
+        return _react2['default'].createElement(
+          _datePicker2['default'],
+          (0, _extends3['default'])({
+            onConfirm: function onConfirm(value) {
+              return _this.touchDatePickerConfirm(value, fieldId);
+            } // 确认时触发
+          }, childrenProps),
+          function (items, actions) {
+            var strValue = _this.touchFormatData((0, _extends3['default'])({}, item, { value: items, readFlag: true }));
+            if (items) {
+              return _react2['default'].createElement(
+                'div',
+                { className: 'pointer', onClick: actions.open },
+                strValue
+              );
+            } else {
+              return _react2['default'].createElement(
+                'div',
+                { className: 'pointerGray', onClick: actions.open },
+                '\u8BF7\u9009\u62E9'
+              );
+            }
+          }
+        );
+      } else if (fieldType === 'radio') {
+        return _react2['default'].createElement(
+          _radio2['default'].Group,
+          childrenProps,
+          options.map(function (optionsItem) {
+            var value = optionsItem.value;
+
+            return _react2['default'].createElement(
+              _radio2['default'],
+              (0, _extends3['default'])({ value: value }, optionsItem),
+              optionsItem.label
+            );
+          })
+        );
+      } else if (fieldType === 'rate') {
+        return _react2['default'].createElement(_rate2['default'], childrenProps);
+      } else if (fieldType === 'selector') {
+        // 可多选，可单选 multiple true(多选) flase(单选)
+        return _react2['default'].createElement(_selector2['default'], childrenProps);
+      } else if (fieldType === 'slider') {
+        return _react2['default'].createElement(_slider2['default'], childrenProps);
+      } else if (fieldType === 'stepper') {
+        return _react2['default'].createElement(_stepper2['default'], childrenProps);
+      } else if (fieldType === 'switch') {
+        return _react2['default'].createElement(_switch2['default'], childrenProps);
+      } else if (fieldType === 'textArea') {
+        return _react2['default'].createElement(_textArea2['default'], (0, _extends3['default'])({ placeholder: '\u8BF7\u8F93\u5165' + label, showCount: true, maxLength: 2000 }, childrenProps));
+      } else if (fieldType === 'else') {
+        return element;
+      }
+    };
+
+    _this.state = {};
+    return _this;
+  }
+
+  Easy3wMFormPage.prototype.componentWillUnmount = function componentWillUnmount() {};
+  // 为Switch子元素添加额外的属性
+
+  // 数据格式化
+
+  // ------------------------------------- Cascader start ------------------------------------------------------
+  // 确认时触发
+
+  // ------------------------------------- Cascader end --------------------------------------------------------
+  // ------------------------------------- Picker start ------------------------------------------------------
+  // 确认时触发
+
+  // ------------------------------------- Picker end --------------------------------------------------------
+  // ------------------------------------- CascadePicker start ------------------------------------------------------
+  // 确认时触发
+
+  // ------------------------------------- CascadePicker end --------------------------------------------------------
+  // ------------------------------------- DatePicker start ------------------------------------------------------
+  // 确认时触发
+
+  // ------------------------------------- DatePicker end --------------------------------------------------------
+  // 渲染item的子内容
+
+
+  Easy3wMFormPage.prototype.render = function render() {
+    var _this2 = this;
+
+    var _props = this.props,
+        _props$formProps = _props.formProps,
+        formProps = _props$formProps === undefined ? {} : _props$formProps,
+        _props$rowItems = _props.rowItems,
+        rowItems = _props$rowItems === undefined ? [] : _props$rowItems,
+        _props$hiddenItems = _props.hiddenItems,
+        hiddenItems = _props$hiddenItems === undefined ? [] : _props$hiddenItems,
+        requiredMessage = _props.requiredMessage,
+        form = _props.form,
+        allReadFlag = _props.allReadFlag;
+    // fromProps 表单参数
+    // itemProps 表单项参数
+    // childrenProps 输入框参数
+    // rowItems 显示字段
+    // hiddenItems 隐藏字段
+
+    return (// value发生改变时，form的值就会发生改变
+      _react2['default'].createElement(
+        _form2['default'],
+        (0, _extends3['default'])({ id: 'Easy3wMFormPage', layout: 'horizontal', form: form }, formProps),
+        rowItems.map(function (item) {
+          var label = item.label,
+              fieldId = item.fieldId,
+              required = item.required,
+              readFlag = item.readFlag,
+              disableFlag = item.disableFlag,
+              cmptPros = item.cmptPros,
+              fieldType = item.fieldType;
+          var value = item.value;
+
+          var itemProps = {}; // Form.Item的属性
+          var addrules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
+          if (cmptPros && cmptPros.rules) {
+            var rules = cmptPros.rules;
+
+            addrules.push.apply(addrules, rules);
+          }
+          if (fieldType === 'switch') {
+            // 为Switch子元素添加额外的属性
+            itemProps.getValueProps = _this2.getValuePropsSwitch;
+          } else if (fieldType === 'textArea') {
+            itemProps.layout = 'vertical';
+          }
+          value = _this2.touchFormatData(item);
+          if (readFlag || allReadFlag) {
+            return _react2['default'].createElement(
+              Item,
+              (0, _extends3['default'])({ label: label, name: fieldId + 'Easy3wView', required: required, initialValue: 'easy3wView', preserve: false }, cmptPros, { rules: addrules }),
+              value
+            );
+          } else {
+            return _react2['default'].createElement(
+              Item,
+              (0, _extends3['default'])({
+                label: label,
+                name: fieldId,
+                required: required,
+                initialValue: value,
+                disabled: disableFlag,
+                preserve: false
+              }, itemProps, cmptPros, {
+                rules: addrules
+              }),
+              _this2.renderItemChildren(item)
+            );
+          }
+        }),
+        hiddenItems.map(function (item) {
+          var fieldId = item.fieldId,
+              value = item.value,
+              cmptPros = item.cmptPros;
+
+          return _react2['default'].createElement(Item, (0, _extends3['default'])({ name: fieldId, initialValue: value, hidden: true, preserve: false }, cmptPros));
+        })
+      )
+    );
+  };
+
+  return Easy3wMFormPage;
 }(_react.Component);
 
 exports['default'] = Easy3wMFormPage;