easy3wui 1.5.9 → 1.5.10-beta1

package/lib/Easy3wFormPage/index.js

@@ -192,16 +192,36 @@ var _braftEditor2 = _interopRequireDefault(_braftEditor);
 
 require('braft-editor/dist/index.css');
 
+var _table = require('braft-extensions/dist/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+require('braft-extensions/dist/table.css');
+
+require('braft-editor/dist/output.css');
+
 var _dva = require('dva');
 
 var _easy3wui = require('easy3wui');
 
+var _comonConfig = require('comonConfigPath/comonConfig');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var options = {
+  defaultRows: 3, // 默认行数
+  defaultColumns: 3, // 默认列数
+  withDropdown: false, // 插入表格前是否弹出下拉菜单
+  columnResizable: false, // 是否允许拖动调整列宽， 默认false
+  exportAttrString: 'style="border: 1"' // 指定输出HTML时附加到table标签上的属性字符串
+};
 // import TagSelect from '../Easy3wTagSelect/index.js';
 // import Easy3wUpload from '../../Easy3wUpload';
 // import Easy3wUploadB from '../../Easy3wUploadB';
 // import Easy3wUploadM from '../../Easy3wUploadM';
+// 引入富文本表格功能
+
+_braftEditor2['default'].use((0, _table2['default'])(options)); // 表格
 
 _moment2['default'].locale('zh-cn');
 
@@ -257,6 +277,32 @@ var formItemRightWithBtn = {
 var formItemStyle = {
   marginBottom: 6
 };
+// 手机号区号及正则表  当有国家区号相同时后加区号在原本的区号基础上加 '+序号'
+var arrMobileAssociationDefault = [{ label: '中国', value: '+86', pattern: /^1[34578]\d{9}$/ }, { label: '香港', value: '+852', pattern: /^\d+$/ }, { label: '台湾', value: '+886', pattern: /^\d+$/ }, { label: '澳门', value: '+853', pattern: /^\d+$/ },
+// { label: '香港', value: '+852', pattern: /^([5|6|9])\d{7}$/ },
+// { label: '台湾', value: '+886', pattern: /^[0][9]\d{8}$/ },
+// { label: '澳门', value: '+853', pattern: /^6\d{7}$/ },
+{ label: '美国', value: '+1', pattern: /^\d+$/ }, { label: '德国', value: '+49', pattern: /^\d+$/ }, { label: '法国', value: '+33', pattern: /^\d+$/ }, { label: '英国', value: '+34', pattern: /^\d+$/ }, { label: '日本', value: '+81', pattern: /^\d+$/ }, { label: '韩国', value: '+82', pattern: /^\d+$/ }, { label: '澳大利亚', value: '+61', pattern: /^\d+$/ }, { label: '加拿大', value: '+1+0', pattern: /^\d+$/ }, { label: '印度', value: '+91', pattern: /^\d+$/ }, { label: '俄罗斯', value: '+7', pattern: /^\d+$/ }];
+// 号码正则
+var objMobileRegularDefault = {
+  '+86': /^1[34578]\d{9}$/,
+  '+852': /^\d+$/,
+  '+886': /^\d+$/,
+  '+853': /^\d+$/,
+  // '+852': /^([5|6|9])\d{7}$/,
+  // '+886': /^[0][9]\d{8}$/,
+  // '+853': /^6\d{7}$/,
+  '+1': /^\d+$/,
+  '+49': /^\d+$/,
+  '+33': /^\d+$/,
+  '+34': /^\d+$/,
+  '+81': /^\d+$/,
+  '+82': /^\d+$/,
+  '+61': /^\d+$/,
+  '+1+0': /^\d+$/,
+  '+91': /^\d+$/,
+  '+7': /^\d+$/
+};
 
 var Easy3wFormPage = function (_Component) {
   (0, _inherits3['default'])(Easy3wFormPage, _Component);
@@ -282,9 +328,11 @@ var Easy3wFormPage = function (_Component) {
         func(e);
       }
     }, _this.getItemArea = function (item) {
+      var allReadFlag = _this.props.allReadFlag;
       var fieldType = item.fieldType,
           cmptPros = item.cmptPros,
-          disableFlag = item.disableFlag;
+          disableFlag = item.disableFlag,
+          readFlag = item.readFlag;
 
       var itemNew = item;
       var newCmptPros = {};
@@ -296,6 +344,14 @@ var Easy3wFormPage = function (_Component) {
         }
         itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
       }
+      if ((readFlag || allReadFlag) && (fieldType === 'checkBox' || fieldType === 'radio')) {
+        if (cmptPros) {
+          newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
+        } else {
+          newCmptPros = { disabled: true };
+        }
+        itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
+      }
       switch (fieldType) {
         case 'autoComplete':
           return _this.autoCompleteHandler(itemNew);
@@ -317,10 +373,12 @@ var Easy3wFormPage = function (_Component) {
           return _this.timePickerHandler(itemNew);
         case 'input':
           return _this.inputHandler(itemNew);
+        case 'mobile':
+          return _this.mobileHandler(itemNew);
         case 'textarea':
           return _this.textareaHandler(itemNew);
-        case 'inputNumber':
-          return _this.inputNumberHandler(itemNew);
+        // case 'inputNumber':
+        //   return this.inputNumberHandler(itemNew);
         // case 'inputNumberFormat':
         //   return this.inputNumberFormatHandler(itemNew);
         case 'numberInput':
@@ -377,6 +435,9 @@ var Easy3wFormPage = function (_Component) {
         return _braftEditor2['default'].createEditorState(value);
       }
       if (allReadFlag || readFlag) {
+        if (fieldType === 'rangePicker' && value instanceof Array) {
+          value = value.length ? value.join(' 至 ') : '';
+        }
         return value;
       }
       if (fieldType === 'datePicker') {
@@ -449,6 +510,7 @@ var Easy3wFormPage = function (_Component) {
           popProps = item.popProps,
           fieldType = item.fieldType,
           disableFlag = item.disableFlag,
+          titleType = item.titleType,
           formItemProps = item.formItemProps,
           novalueFlag = item.novalueFlag,
           label = item.label,
@@ -469,7 +531,7 @@ var Easy3wFormPage = function (_Component) {
         }
       }
       if (fieldType === 'input' || fieldType === 'textarea') {
-        var maxLength = fieldType === 'textarea' ? 400 : 50;
+        var maxLength = fieldType === 'textarea' ? 2000 : titleType ? 400 : 100;
         if (cmptPros) {
           if (cmptPros.maxLength) {
             maxLength = cmptPros.maxLength;
@@ -478,12 +540,22 @@ var Easy3wFormPage = function (_Component) {
         if (disableFlag) {
           //
         } else {
-          addRules = [{ max: maxLength, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + maxLength }].concat(addRules);
+          addRules = [{ max: maxLength, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + maxLength, transform: _this.touchTransform }].concat(addRules);
         }
+      } else if (fieldType === 'mobile') {
+        var e3wMobileNation = form.getFieldValue(fieldId + 'AddonBefore');
+        addRules = [{ pattern: _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[e3wMobileNation] : objMobileRegularDefault[e3wMobileNation], message: '手机格式错误！' }].concat(addRules);
       }
       var decoratorObj = {
         rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
       };
+      if (fieldType === 'braftEditor') {
+        decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+          trigger: 'onBlur',
+          // validateTrigger: 'onBlur',
+          rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label, validator: _this.validateContent }].concat(addRules)
+        });
+      }
       if (itemValue || itemValue === 0) {
         decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
           initialValue: itemValue
@@ -513,8 +585,48 @@ var Easy3wFormPage = function (_Component) {
           });
         }
       }
-      if (readFlag || allReadFlag) {
-        if (fieldType === 'braftEditor') {
+      if ((readFlag || allReadFlag) && fieldType !== 'braftEditor') {
+        // allReadFlag
+        // if (fieldType === 'braftEditor') {
+        //   return (
+        //     <FormItem
+        //       label={label}
+        //       {...formItemLayout}
+        //       {...formItemProps}
+        //       style={formItemStyle}
+        //     >
+        //       {getFieldDecorator(`${fieldId}Easy3wView`,
+        //         {
+        //           initialValue: 'easy3wView',
+        //           rules: [{ required, message: requiredMessage || `请填写${label}` }],
+        //         })(<Input type="hidden" />)
+        //       }
+        //       <div dangerouslySetInnerHTML={{ __html: itemValue.toHTML() }} />{afterBtns}
+        //     </FormItem>
+        //   );
+        // } else if (fieldType === 'checkBox' || fieldType === 'radio') {
+        if (fieldType === 'checkBox' || fieldType === 'radio') {
+          return _react2['default'].createElement(
+            FormItem,
+            (0, _extends3['default'])({
+              label: label
+            }, formItemLayout, formItemProps, {
+              style: formItemStyle
+            }),
+            itemValue && itemValue.$$typeof ? _react2['default'].createElement(
+              'div',
+              null,
+              getFieldDecorator(fieldId + 'Easy3wView', {
+                initialValue: 'easy3wView',
+                rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+              })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+              itemValue
+            ) : getFieldDecorator(fieldId + 'Easy3wView', {
+              initialValue: itemValue,
+              rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+            })(itemArea)
+          );
+        } else {
           return _react2['default'].createElement(
             FormItem,
             (0, _extends3['default'])({
@@ -526,25 +638,11 @@ var Easy3wFormPage = function (_Component) {
               initialValue: 'easy3wView',
               rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
             })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
-            _react2['default'].createElement('div', { dangerouslySetInnerHTML: { __html: itemValue.toHTML() } }),
+            itemValue,
+            ' ',
             afterBtns
           );
         }
-        return _react2['default'].createElement(
-          FormItem,
-          (0, _extends3['default'])({
-            label: label
-          }, formItemLayout, formItemProps, {
-            style: formItemStyle
-          }),
-          getFieldDecorator(fieldId + 'Easy3wView', {
-            initialValue: 'easy3wView',
-            rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
-          })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
-          itemValue,
-          ' ',
-          afterBtns
-        );
       }
       if (popoverFlag) {
         var title = popProps.title,
@@ -617,6 +715,12 @@ var Easy3wFormPage = function (_Component) {
           )
         );
       }
+    }, _this.touchTransform = function (value) {
+      var strValue = value;
+      if (typeof value === 'number') {
+        strValue = String(value);
+      }
+      return strValue;
     }, _this.getStrTemplateItem = function (item, itemArea) {
       var _this$props2 = _this.props,
           form = _this$props2.form,
@@ -916,6 +1020,10 @@ var Easy3wFormPage = function (_Component) {
         var _up3 = _this.inputNumberFormatHandler(colObj, formItemLayout);
         return _up3;
       }
+      if (fieldType === 'inputNumber') {
+        var _up4 = _this.inputNumberHandler(colObj, formItemLayout);
+        return _up4;
+      }
       var formItem = _this.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout);
       return formItem;
     }, _this.getAllForms = function () {
@@ -1040,6 +1148,56 @@ var Easy3wFormPage = function (_Component) {
           cmptPros = _item$cmptPros === undefined ? {} : _item$cmptPros;
 
       return _react2['default'].createElement(_input2['default'], cmptPros);
+    }, _this.mobileHandler = function (item) {
+      var fieldId = item.fieldId,
+          required = item.required,
+          _item$cmptPros2 = item.cmptPros,
+          cmptPros = _item$cmptPros2 === undefined ? {} : _item$cmptPros2;
+
+      var addonBeforeCmptPros = item.addonBeforeCmptPros || {};
+      addonBeforeCmptPros = (0, _extends3['default'])({ allowClear: false, style: { minWidth: '90px' } }, addonBeforeCmptPros);
+      var itemArea = _this.selectHandler({
+        cmptPros: (0, _extends3['default'])({
+          onChange: function onChange(value) {
+            return _this.onBlurMobileNation(value, fieldId);
+          },
+          optionLst: _comonConfig.arrMobileAssociation || arrMobileAssociationDefault
+        }, addonBeforeCmptPros)
+      });
+
+      var decoratorObj = {
+        rules: [{ required: required, message: '请填写区号' }],
+        initialValue: '+86'
+      };
+      return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
+        addonBefore: _this.props.form.getFieldDecorator(fieldId + 'AddonBefore', (0, _extends3['default'])({}, decoratorObj))(itemArea),
+        onBlur: function onBlur(e) {
+          return _this.onBlurMobile(e, fieldId);
+        }
+      }, cmptPros));
+    }, _this.onBlurMobile = function (e, fieldId) {
+      var e3wMobileNation = _this.props.form.getFieldValue(fieldId + 'AddonBefore');
+      var pattern = _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[e3wMobileNation] : objMobileRegularDefault[e3wMobileNation];
+      if (e && e.target && e.target.value && e3wMobileNation && pattern.test(e.target.value)) {
+        _this.updateMobileInfo(e.target.value, e3wMobileNation);
+      }
+    }, _this.onBlurMobileNation = function (value, fieldId) {
+      var e3wMobile = _this.props.form.getFieldValue(fieldId);
+      var pattern = _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[value] : objMobileRegularDefault[value];
+      if (e3wMobile && value && pattern.test(e3wMobile)) {
+        _this.updateMobileInfo(e3wMobile, value);
+      }
+    }, _this.updateMobileInfo = function (e3wMobile, e3wMobileNation) {
+      var xhr = new XMLHttpRequest();
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4 && xhr.status === 200) {
+          // 请求成功，处理响应数据
+        }
+      };
+      var data = JSON.stringify({ e3wMobile: e3wMobile, e3wMobileNation: e3wMobileNation });
+      xhr.open('POST', _comonConfig.easy3w4fMobileLibUpdateUrl, true); // 异步请求
+      xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
+      xhr.send(data); // 发送请求
     }, _this.selectHandler = function (item) {
       var cmptPros = item.cmptPros;
       var optionLst = cmptPros.optionLst;
@@ -1054,10 +1212,11 @@ var Easy3wFormPage = function (_Component) {
       return _react2['default'].createElement(
         _select2['default'],
         (0, _extends3['default'])({
-          style: { width: '100%' }
-        }, cmptPros, {
-          allowClear: true
-        }),
+          style: { width: '100%' },
+          allowClear: true,
+          showSearch: true // 是否开启搜索
+          , optionFilterProp: 'children' // 搜索时过滤对应的 option 属性，如设置为 children 表示对内嵌内容进行搜索
+        }, cmptPros),
         selectOpts
       );
     }, _this.tagSelectHandler = function (item) {
@@ -1188,23 +1347,86 @@ var Easy3wFormPage = function (_Component) {
         _message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
       }
     }, _this.textareaHandler = function (item) {
-      var cmptPros = item.cmptPros;
+      var _item$cmptPros3 = item.cmptPros,
+          cmptPros = _item$cmptPros3 === undefined ? {} : _item$cmptPros3;
 
       var maxlength = void 0;
-      if (!cmptPros || cmptPros && !cmptPros.rows) {
-        cmptPros = (0, _extends3['default'])({}, cmptPros, { autosize: true });
-      }
-      if (cmptPros && (cmptPros.maxLength || cmptPros.maxlength)) {
+      if (cmptPros.maxLength || cmptPros.maxlength) {
         maxlength = cmptPros.maxLength || cmptPros.maxlength;
       }
+      if (!cmptPros.rows) {
+        cmptPros = (0, _extends3['default'])({ autosize: { minRows: 2, maxRows: 9999 } }, cmptPros);
+      }
       return _react2['default'].createElement(TextArea, (0, _extends3['default'])({ onChange: function onChange(e) {
           return _this.textAreaOnchange(e, maxlength);
         } }, cmptPros));
-    }, _this.inputNumberHandler = function (item) {
-      var cmptPros = item.cmptPros;
+    }, _this.inputNumberHandler = function (item, formItemLayout) {
+      var allReadFlag = _this.props.allReadFlag;
+      var getFieldDecorator = _this.props.form.getFieldDecorator;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          requiredMessage = item.requiredMessage,
+          required = item.required,
+          value = item.value,
+          disableFlag = item.disableFlag,
+          formItemProps = item.formItemProps,
+          readFlag = item.readFlag,
+          hideLabel = item.hideLabel;
+
+      var addrules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
+      if (cmptPros && cmptPros.rules) {
+        var rules = cmptPros.rules;
 
-      return _react2['default'].createElement(_inputNumber2['default'], cmptPros);
+        addrules.push.apply(addrules, rules);
+      }
+      var afterBtns = _this.getAfterBtn(item);
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: hideLabel ? null : label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+          value,
+          ' ',
+          afterBtns
+        );
+      }
+      return _react2['default'].createElement(
+        FormItem,
+        (0, _extends3['default'])({
+          label: hideLabel ? null : label
+        }, formItemLayout, formItemProps, {
+          style: formItemStyle
+        }),
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['inputNumberFormat']) },
+          getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+            precision: 2 // 数值精度 2 保留两位小数  0 整数  可以通过cmptPros修改
+            , style: { flex: 1 },
+            disabled: disableFlag
+          }, cmptPros))),
+          cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
+            cmptPros.addonAfter
+          ) : null : null,
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['inputNumberBtns']) },
+            afterBtns
+          )
+        )
+      );
     }, _this.inputNumberFormatHandler = function (item, formItemLayout) {
+      var allReadFlag = _this.props.allReadFlag;
       var getFieldDecorator = _this.props.form.getFieldDecorator;
       var cmptPros = item.cmptPros,
           label = item.label,
@@ -1213,7 +1435,9 @@ var Easy3wFormPage = function (_Component) {
           required = item.required,
           value = item.value,
           disableFlag = item.disableFlag,
-          formItemProps = item.formItemProps;
+          formItemProps = item.formItemProps,
+          readFlag = item.readFlag,
+          hideLabel = item.hideLabel;
 
       var addrules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
       if (cmptPros && cmptPros.rules) {
@@ -1222,52 +1446,58 @@ var Easy3wFormPage = function (_Component) {
         addrules.push.apply(addrules, rules);
       }
       var afterBtns = _this.getAfterBtn(item);
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: hideLabel ? null : label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+          value,
+          ' ',
+          afterBtns
+        );
+      }
       return _react2['default'].createElement(
         FormItem,
         (0, _extends3['default'])({
-          label: label
+          label: hideLabel ? null : label
         }, formItemLayout, formItemProps, {
           style: formItemStyle
         }),
         _react2['default'].createElement(
           'div',
-          { style: { position: 'relative' } },
-          _react2['default'].createElement(
-            _row2['default'],
-            null,
-            _react2['default'].createElement(
-              _col2['default'],
-              { span: cmptPros && cmptPros.addonAfter ? 21 : 24 },
-              getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
-                formatter: function formatter(val) {
-                  return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-                },
-                parser: function parser(val) {
-                  return val.replace(/\$\s?|(,*)/g, '');
-                },
-                precision: 2,
-                disabled: disableFlag,
-                onChange: function onChange(onChangeValue) {
-                  var _this$props$form$setF;
+          { className: (0, _classnames2['default'])(['inputNumberFormat']) },
+          getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+            formatter: function formatter(val) {
+              return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            },
+            parser: function parser(val) {
+              return val.replace(/\$\s?|(,*)/g, '');
+            },
+            precision: 2,
+            disabled: disableFlag,
+            onChange: function onChange(onChangeValue) {
+              var _this$props$form$setF;
 
-                  return _this.props.form.setFieldsValue((_this$props$form$setF = {}, _this$props$form$setF[item.fieldId] = onChangeValue, _this$props$form$setF));
-                },
-                style: { width: '100%', bottom: '4px' }
-              }, cmptPros)))
-            ),
-            _react2['default'].createElement(
-              _col2['default'],
-              { span: cmptPros && cmptPros.addonAfter ? 3 : 0 },
-              cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
-                'span',
-                { className: 'ant-input-group-addon', style: { lineHeight: '30px', borderRadius: '0px 5px 5px 0px' } },
-                cmptPros.addonAfter
-              ) : null : null
-            )
-          ),
+              return _this.props.form.setFieldsValue((_this$props$form$setF = {}, _this$props$form$setF[item.fieldId] = onChangeValue, _this$props$form$setF));
+            }
+          }, cmptPros, {
+            style: { flex: 1 }
+          }))),
+          cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
+            cmptPros.addonAfter
+          ) : null : null,
           _react2['default'].createElement(
             'div',
-            { style: { position: 'absolute', left: '100%', zIndex: 2, top: '0px' } },
+            { className: (0, _classnames2['default'])(['inputNumberBtns']) },
             afterBtns
           )
         )
@@ -1283,7 +1513,8 @@ var Easy3wFormPage = function (_Component) {
         onPressEnter: function onPressEnter(e) {
           return _this.numberInputonBlur(e, item);
         },
-        rules: [{ pattern: /^\d+(\.\d+)?$/, message: '数字' }]
+        rules: [{ pattern: /^\d+(\.\d+)?$/, message: '数字' }],
+        className: (0, _classnames2['default'])(['rightText'])
       }, cmptPros));
     }, _this.numberInputonChange = function (e) {
       var value = e.target.value;
@@ -1321,9 +1552,23 @@ var Easy3wFormPage = function (_Component) {
 
       return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
     }, _this.braftEditorHandler = function (item) {
+      var allReadFlag = _this.props.allReadFlag;
+      var readFlag = item.readFlag;
       var cmptPros = item.cmptPros;
 
-      return _react2['default'].createElement(_braftEditor2['default'], cmptPros);
+      cmptPros = (0, _extends3['default'])({}, cmptPros);
+      // const { cmptPros } = item;
+      // controls={[]}
+      if (readFlag || allReadFlag || cmptPros && cmptPros.readOnly) {
+        cmptPros.controls = [];
+      }
+      return _react2['default'].createElement(_braftEditor2['default'], (0, _extends3['default'])({ readOnly: readFlag || allReadFlag }, cmptPros, { style: { border: '1px solid #eee' } }));
+    }, _this.validateContent = function (rule, value, callback) {
+      if (value.isEmpty()) {
+        callback(rule.message);
+      } else {
+        callback();
+      }
     }, _this.cascaderHandler = function (item) {
       var cmptPros = item.cmptPros;
 
@@ -1337,11 +1582,15 @@ var Easy3wFormPage = function (_Component) {
       var templateArray = cmptPros.templateArray;
 
       var templateArr = templateArray.map(function (obj) {
+        var objArea = _this.getItemArea(obj);
+        if (obj.fieldType === 'inputNumber') {
+          objArea = _this.inputNumberHandler((0, _extends3['default'])({ hideLabel: true }, obj));
+          // return up;
+        }
         if (obj.fieldType === 'inputNumberFormat') {
-          var up = _this.inputNumberFormatHandler(obj);
-          return up;
+          objArea = _this.inputNumberFormatHandler((0, _extends3['default'])({ hideLabel: true }, obj));
+          // return up;
         }
-        var objArea = _this.getItemArea(obj);
         var itemArea = _this.getStrTemplateItem(obj, objArea);
         return itemArea;
       });
@@ -1417,6 +1666,8 @@ var Easy3wFormPage = function (_Component) {
 
   /** 获取FormItem */
 
+  // 检验长度前转换字段值为字符串
+
   /** 获取单行 */
 
   /** 单列 */
@@ -1437,6 +1688,15 @@ var Easy3wFormPage = function (_Component) {
   /** input start */
 
   /** input end */
+  /** mobile start */
+
+  // 手机号录入框失去焦点
+
+  // 手机归属值变更
+
+  // 更新手机信息
+
+  /** mobile end */
 
   /** select start */
 
@@ -1529,6 +1789,8 @@ var Easy3wFormPage = function (_Component) {
 
   /** braftEditor start */
 
+  // 文章内容校验
+
   /** braftEditor end */
 
   /** cascader start */

package/lib/Easy3wGridInput/index.js

@@ -40,9 +40,24 @@ var Easy3wGridInput = function (_Component) {
   (0, _inherits3['default'])(Easy3wGridInput, _Component);
 
   function Easy3wGridInput() {
+    var _temp, _this, _ret;
+
     (0, _classCallCheck3['default'])(this, Easy3wGridInput);
-    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.touchTransform = function (value) {
+      var strValue = value;
+      if (typeof value === 'number') {
+        strValue = String(value);
+      }
+      return strValue;
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
   }
+  // 检验长度前转换字段值为字符串
+
 
   Easy3wGridInput.prototype.render = function render() {
     var _props = this.props,
@@ -54,14 +69,19 @@ var Easy3wGridInput = function (_Component) {
         requiredMessage = _props.requiredMessage,
         label = _props.label,
         pattern = _props.pattern,
-        patternMessage = _props.patternMessage;
+        patternMessage = _props.patternMessage,
+        titleType = _props.titleType;
     var getFieldDecorator = form.getFieldDecorator;
 
     var _ref = cmptPros || {},
         maxLength = _ref.maxLength,
         disabled = _ref.disabled;
 
-    var rules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }, { pattern: pattern, message: patternMessage }, { max: maxLength || 50, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + (maxLength || 50) }];
+    var defaultMaxLength = 100;
+    if (titleType) {
+      defaultMaxLength = 400;
+    }
+    var rules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }, { pattern: pattern, message: patternMessage }, { max: maxLength || defaultMaxLength, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + (maxLength || defaultMaxLength), transform: this.touchTransform }];
     if (disabled) {
       rules.pop();
     }