easy3wui 1.5.46 → 1.5.47-beta1

package/lib/Easy3wFormPage/index.js

@@ -307,16 +307,14 @@ var objMobileRegularDefault = {
 var Easy3wFormPage = function (_Component) {
   (0, _inherits3['default'])(Easy3wFormPage, _Component);
 
-  function Easy3wFormPage() {
-    var _temp, _this, _ret;
-
+  function Easy3wFormPage(props) {
     (0, _classCallCheck3['default'])(this, Easy3wFormPage);
 
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+    // dataDesensitizationEyeFlag: false, // 当前字段--数据脱敏标识--脱敏成功--是否显示脱敏数据
+    // dataDesensitizationEyeFlagTrue: false, // 当前字段--数据脱敏标识--脱敏成功
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
 
-    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.onClickFunc = function (e, func) {
+    _this.onClickFunc = function (e, func) {
       var globalLoading = _this.props.loadingFlag.global;
       if (globalLoading) {
         _notification3['default'].warning({
@@ -327,7 +325,9 @@ var Easy3wFormPage = function (_Component) {
       } else {
         func(e);
       }
-    }, _this.getItemArea = function (item) {
+    };
+
+    _this.getItemArea = function (item) {
       var allReadFlag = _this.props.allReadFlag;
       var fieldType = item.fieldType,
           cmptPros = item.cmptPros,
@@ -416,7 +416,9 @@ var Easy3wFormPage = function (_Component) {
         default:
           break;
       }
-    }, _this.getItemValue = function (item) {
+    };
+
+    _this.getItemValue = function (item) {
       var allReadFlag = _this.props.allReadFlag;
       var fieldType = item.fieldType,
           readFlag = item.readFlag,
@@ -438,6 +440,10 @@ var Easy3wFormPage = function (_Component) {
         if (fieldType === 'rangePicker' && value instanceof Array) {
           value = value.length ? value.join(' 至 ') : '';
         }
+        if (_comonConfig.dataDesensitizationFlag) {
+          // 只读字段会进行数据校验及脱敏
+          value = _this.getcheckDesensitizeData(value, item);
+        }
         return value;
       }
       if (fieldType === 'datePicker') {
@@ -476,7 +482,46 @@ var Easy3wFormPage = function (_Component) {
         }
       }
       return value;
-    }, _this.getAfterBtn = function (item) {
+    };
+
+    _this.getcheckDesensitizeData = function (str, item) {
+      var phoneRegex = /^1[3-9]\d{9}$/; // 手机号
+      var emailRegex = /^[a-zA-Z0-9_+&*-]+(?:\.[a-zA-Z0-9_+&*-]+)*@(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,7}$/; // 邮箱
+      var idRegex = /^\d{15}(\d{2}[0-9xX])?$/; // 身份证
+      if (phoneRegex.test(str)) {
+        // 手机号
+        item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
+        return str.slice(0, 3) + '****' + str.slice(-4); // 脱敏手机号
+      } else if (emailRegex.test(str)) {
+        // 邮箱
+        item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
+
+        var _str$split = str.split('@'),
+            username = _str$split[0],
+            domain = _str$split[1];
+
+        var desensitizedUsername = username.slice(0, 1) + '****';
+        return desensitizedUsername + '@' + domain; // 脱敏邮箱
+      } else if (idRegex.test(str) && str.length === 18) {
+        // 18位身份证
+        item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
+        return str.slice(0, 3) + '***********' + str.slice(-4); // 脱敏身份证
+      } else if (idRegex.test(str) && str.length === 15) {
+        // 15位身份证
+        item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
+        return str.slice(0, 3) + '********' + str.slice(-4); // 脱敏身份证
+      } else {
+        return str;
+      }
+    };
+
+    _this.touchImplicit = function (fieldId) {
+      var _this$setState;
+
+      _this.setState((_this$setState = {}, _this$setState[fieldId + 'dataDesensitizationEyeFlag'] = !_this.state[fieldId + 'dataDesensitizationEyeFlag'], _this$setState));
+    };
+
+    _this.getAfterBtn = function (item) {
       var afterBtn = item.afterBtn;
 
       if (afterBtn) {
@@ -497,7 +542,9 @@ var Easy3wFormPage = function (_Component) {
         var noneBtn = [];
         return noneBtn;
       }
-    }, _this.getAnalysisType = function (item) {
+    };
+
+    _this.getAnalysisType = function (item) {
       var fieldType = item.fieldType;
 
       var strRMsg = '填写'; // 必填提示文字
@@ -585,7 +632,9 @@ var Easy3wFormPage = function (_Component) {
           break;
       }
       return strRMsg;
-    }, _this.getFormItem = function (item, itemValue, afterBtns, itemArea, formItemLayout) {
+    };
+
+    _this.getFormItem = function (item, itemValue, afterBtns, itemArea, formItemLayout) {
       var _this$props = _this.props,
           form = _this$props.form,
           allReadFlag = _this$props.allReadFlag,
@@ -599,6 +648,8 @@ var Easy3wFormPage = function (_Component) {
           fieldType = item.fieldType,
           disableFlag = item.disableFlag,
           titleType = item.titleType,
+          dataDesensitizationFlagTrue = item.dataDesensitizationFlagTrue,
+          value = item.value,
           formItemProps = item.formItemProps,
           novalueFlag = item.novalueFlag,
           label = item.label,
@@ -746,8 +797,19 @@ var Easy3wFormPage = function (_Component) {
               initialValue: 'easy3wView',
               rules: [{ required: required, message: requiredMessage || '\u8BF7' + strRMsg + label }]
             })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
-            itemValue,
-            ' ',
+            dataDesensitizationFlagTrue ? _react2['default'].createElement(
+              'span',
+              null,
+              _this.state[fieldId + 'dataDesensitizationEyeFlag'] ? value : itemValue,
+              ' ',
+              _react2['default'].createElement(
+                'a',
+                { onClick: function onClick() {
+                    return _this.touchImplicit(fieldId);
+                  } },
+                _react2['default'].createElement(_icon2['default'], { type: _this.state[fieldId + 'dataDesensitizationEyeFlag'] ? 'eye' : 'eye-invisible' })
+              )
+            ) : itemValue,
             afterBtns
           );
         }
@@ -823,13 +885,17 @@ var Easy3wFormPage = function (_Component) {
           )
         );
       }
-    }, _this.touchTransform = function (value) {
+    };
+
+    _this.touchTransform = function (value) {
       var strValue = value;
       if (typeof value === 'number') {
         strValue = String(value);
       }
       return strValue;
-    }, _this.getStrTemplateItem = function (item, itemArea) {
+    };
+
+    _this.getStrTemplateItem = function (item, itemArea) {
       var _this$props2 = _this.props,
           form = _this$props2.form,
           allReadFlag = _this$props2.allReadFlag;
@@ -949,7 +1015,9 @@ var Easy3wFormPage = function (_Component) {
           )
         );
       }
-    }, _this.getSingleRow = function (rowItem) {
+    };
+
+    _this.getSingleRow = function (rowItem) {
       var cols = rowItem.cols,
           rowReadFlag = rowItem.rowReadFlag,
           rowAftBtnFlag = rowItem.rowAftBtnFlag;
@@ -1041,7 +1109,9 @@ var Easy3wFormPage = function (_Component) {
         allCols = _this.getThreeColObj(leftItem, right2Item, right3Item, allReadFlag, rowReadFlag);
       }
       return allCols;
-    }, _this.getOneColObj = function (colObj, mixColFlag, allReadFlag, rowReadFlag) {
+    };
+
+    _this.getOneColObj = function (colObj, mixColFlag, allReadFlag, rowReadFlag) {
       var colSpan = 24;
       var children1 = colObj.props.children || '';
       var props1 = children1 ? children1.props : '';
@@ -1056,7 +1126,9 @@ var Easy3wFormPage = function (_Component) {
           colObj
         )
       );
-    }, _this.getTwoColObj = function (colObj, rightColObj, allReadFlag, rowReadFlag) {
+    };
+
+    _this.getTwoColObj = function (colObj, rightColObj, allReadFlag, rowReadFlag) {
       var children1 = colObj.props.children || '';
       var children2 = rightColObj.props.children || '';
       var props1 = children1 ? children1.props : '';
@@ -1077,7 +1149,9 @@ var Easy3wFormPage = function (_Component) {
           rightColObj
         )
       );
-    }, _this.getThreeColObj = function (colObj, col2Obj, col3Obj, allReadFlag, rowReadFlag) {
+    };
+
+    _this.getThreeColObj = function (colObj, col2Obj, col3Obj, allReadFlag, rowReadFlag) {
       var children1 = colObj.props.children || '';
       var children2 = col2Obj.props.children || '';
       var children3 = col3Obj.props.children || '';
@@ -1106,7 +1180,9 @@ var Easy3wFormPage = function (_Component) {
           col3Obj
         )
       );
-    }, _this.getColItem = function (colObj, formItemLayout) {
+    };
+
+    _this.getColItem = function (colObj, formItemLayout) {
       var fieldType = colObj.fieldType;
 
       var itemArea = _this.getItemArea(colObj);
@@ -1134,7 +1210,9 @@ var Easy3wFormPage = function (_Component) {
       }
       var formItem = _this.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout);
       return formItem;
-    }, _this.getAllForms = function () {
+    };
+
+    _this.getAllForms = function () {
       var _this$props4 = _this.props,
           rowItems = _this$props4.rowItems,
           hiddenItems = _this$props4.hiddenItems,
@@ -1168,7 +1246,9 @@ var Easy3wFormPage = function (_Component) {
       allForms.push.apply(allForms, uiForms);
       allForms.push.apply(allForms, hiddenForms);
       return allForms;
-    }, _this.getHiddenItem = function (hiddenItem) {
+    };
+
+    _this.getHiddenItem = function (hiddenItem) {
       var form = _this.props.form;
       var getFieldDecorator = form.getFieldDecorator;
       var fieldId = hiddenItem.fieldId,
@@ -1179,7 +1259,9 @@ var Easy3wFormPage = function (_Component) {
         null,
         getFieldDecorator(fieldId, { initialValue: value })(_react2['default'].createElement(_input2['default'], { type: 'hidden' }))
       );
-    }, _this.getUploadColItem = function (colObj, formItemLayout) {
+    };
+
+    _this.getUploadColItem = function (colObj, formItemLayout) {
       var label = colObj.label,
           fieldId = colObj.fieldId,
           required = colObj.required,
@@ -1204,7 +1286,9 @@ var Easy3wFormPage = function (_Component) {
         required: required,
         label: label
       }, formItemLayout, cmptProsNew));
-    }, _this.getUploadBColItem = function (colObj, formItemLayout) {
+    };
+
+    _this.getUploadBColItem = function (colObj, formItemLayout) {
       var label = colObj.label,
           fieldId = colObj.fieldId,
           required = colObj.required,
@@ -1228,7 +1312,9 @@ var Easy3wFormPage = function (_Component) {
         required: required,
         label: label
       }, formItemLayout, cmptProsNew));
-    }, _this.getUploadMColItem = function (colObj, formItemLayout) {
+    };
+
+    _this.getUploadMColItem = function (colObj, formItemLayout) {
       var label = colObj.label,
           fieldId = colObj.fieldId,
           required = colObj.required,
@@ -1251,12 +1337,16 @@ var Easy3wFormPage = function (_Component) {
         required: required,
         label: label
       }, formItemLayout, cmptProsNew));
-    }, _this.inputHandler = function (item) {
+    };
+
+    _this.inputHandler = function (item) {
       var _item$cmptPros = item.cmptPros,
           cmptPros = _item$cmptPros === undefined ? {} : _item$cmptPros;
 
       return _react2['default'].createElement(_input2['default'], cmptPros);
-    }, _this.mobileHandler = function (item) {
+    };
+
+    _this.mobileHandler = function (item) {
       var fieldId = item.fieldId,
           required = item.required,
           _item$cmptPros2 = item.cmptPros,
@@ -1283,19 +1373,25 @@ var Easy3wFormPage = function (_Component) {
           return _this.onBlurMobile(e, fieldId);
         }
       }, cmptPros));
-    }, _this.onBlurMobile = function (e, fieldId) {
+    };
+
+    _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) {
+    };
+
+    _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) {
+    };
+
+    _this.updateMobileInfo = function (e3wMobile, e3wMobileNation) {
       var xhr = new XMLHttpRequest();
       xhr.onreadystatechange = function () {
         if (xhr.readyState === 4 && xhr.status === 200) {
@@ -1306,7 +1402,9 @@ var Easy3wFormPage = function (_Component) {
       xhr.open('POST', _comonConfig.easy3w4fMobileLibUpdateUrl, true); // 异步请求
       xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
       xhr.send(data); // 发送请求
-    }, _this.selectHandler = function (item) {
+    };
+
+    _this.selectHandler = function (item) {
       var cmptPros = item.cmptPros;
       var optionLst = cmptPros.optionLst;
 
@@ -1327,7 +1425,9 @@ var Easy3wFormPage = function (_Component) {
         }, cmptPros),
         selectOpts
       );
-    }, _this.tagSelectHandler = function (item) {
+    };
+
+    _this.tagSelectHandler = function (item) {
       var cmptPros = item.cmptPros;
       var optionLst = cmptPros.optionLst;
 
@@ -1342,15 +1442,21 @@ var Easy3wFormPage = function (_Component) {
           );
         })
       );
-    }, _this.sliderHandler = function (item) {
+    };
+
+    _this.sliderHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_slider2['default'], cmptPros);
-    }, _this.switchHandler = function (item) {
+    };
+
+    _this.switchHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_switch2['default'], cmptPros);
-    }, _this.datePickerHandler = function (item) {
+    };
+
+    _this.datePickerHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
@@ -1358,7 +1464,9 @@ var Easy3wFormPage = function (_Component) {
         style: { width: '100%', marginRight: 0 },
         format: 'YYYY-MM-DD'
       }, cmptPros));
-    }, _this.rangeMinutes = function (start, mid, end) {
+    };
+
+    _this.rangeMinutes = function (start, mid, end) {
       var result = [];
       for (var i = start; i < mid; i += 1) {
         result.push(i);
@@ -1367,13 +1475,17 @@ var Easy3wFormPage = function (_Component) {
         result.push(_i2);
       }
       return result;
-    }, _this.rangeSeconds = function (start, end) {
+    };
+
+    _this.rangeSeconds = function (start, end) {
       var result = [];
       for (var i = start; i < end; i += 1) {
         result.push(i);
       }
       return result;
-    }, _this.disabledDateTime = function () {
+    };
+
+    _this.disabledDateTime = function () {
       return {
         disabledMinutes: function disabledMinutes() {
           return _this.rangeMinutes(1, 30, 60);
@@ -1382,7 +1494,9 @@ var Easy3wFormPage = function (_Component) {
           return _this.rangeSeconds(1, 60);
         }
       };
-    }, _this.dateTimePickerHandler = function (item) {
+    };
+
+    _this.dateTimePickerHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       if (cmptPros && cmptPros.setWholeTime) {
@@ -1401,19 +1515,25 @@ var Easy3wFormPage = function (_Component) {
           locale: _zh_CN2['default']
         }, cmptPros));
       }
-    }, _this.timePickerHandler = function (item) {
+    };
+
+    _this.timePickerHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_timePicker2['default'], (0, _extends3['default'])({
         format: 'HH:mm:ss'
       }, cmptPros));
-    }, _this.monthPickerHandler = function (item) {
+    };
+
+    _this.monthPickerHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(MonthPicker, (0, _extends3['default'])({
         format: 'YYYY-MM'
       }, cmptPros));
-    }, _this.rangePickerHandler = function (item) {
+    };
+
+    _this.rangePickerHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(RangePicker, (0, _extends3['default'])({
@@ -1421,11 +1541,15 @@ var Easy3wFormPage = function (_Component) {
         style: { width: '100%' },
         format: 'YYYY-MM-DD'
       }, cmptPros));
-    }, _this.transferHandler = function (item) {
+    };
+
+    _this.transferHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_transfer2['default'], cmptPros);
-    }, _this.treeSelectHandler = function (item) {
+    };
+
+    _this.treeSelectHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       var treeSelectProps = {
@@ -1442,19 +1566,27 @@ var Easy3wFormPage = function (_Component) {
         }
       };
       return _react2['default'].createElement(_treeSelect2['default'], (0, _extends3['default'])({}, treeSelectProps, cmptPros));
-    }, _this.radioHandler = function (item) {
+    };
+
+    _this.radioHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(RadioGroup, cmptPros);
-    }, _this.checkBoxHandler = function (item) {
+    };
+
+    _this.checkBoxHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(CheckboxGroup, cmptPros);
-    }, _this.textAreaOnchange = function (e, maxLength) {
+    };
+
+    _this.textAreaOnchange = function (e, maxLength) {
       if (e && e.target.value.length > maxLength) {
         _message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
       }
-    }, _this.textareaHandler = function (item) {
+    };
+
+    _this.textareaHandler = function (item) {
       var _item$cmptPros3 = item.cmptPros,
           cmptPros = _item$cmptPros3 === undefined ? {} : _item$cmptPros3;
 
@@ -1468,7 +1600,9 @@ var Easy3wFormPage = function (_Component) {
       return _react2['default'].createElement(TextArea, (0, _extends3['default'])({ onChange: function onChange(e) {
           return _this.textAreaOnchange(e, maxlength);
         } }, cmptPros));
-    }, _this.inputNumberHandler = function (item, formItemLayout) {
+    };
+
+    _this.inputNumberHandler = function (item, formItemLayout) {
       var allReadFlag = _this.props.allReadFlag;
       var getFieldDecorator = _this.props.form.getFieldDecorator;
       var cmptPros = item.cmptPros,
@@ -1533,7 +1667,9 @@ var Easy3wFormPage = function (_Component) {
           )
         )
       );
-    }, _this.inputNumberFormatHandler = function (item, formItemLayout) {
+    };
+
+    _this.inputNumberFormatHandler = function (item, formItemLayout) {
       var allReadFlag = _this.props.allReadFlag;
       var getFieldDecorator = _this.props.form.getFieldDecorator;
       var cmptPros = item.cmptPros,
@@ -1610,7 +1746,9 @@ var Easy3wFormPage = function (_Component) {
           )
         )
       );
-    }, _this.numberInputHandler = function (item) {
+    };
+
+    _this.numberInputHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
@@ -1624,7 +1762,9 @@ var Easy3wFormPage = function (_Component) {
         rules: [{ pattern: /^\d+(\.\d+)?$/, message: '数字' }],
         className: (0, _classnames2['default'])(['rightText'])
       }, cmptPros));
-    }, _this.numberInputonChange = function (e) {
+    };
+
+    _this.numberInputonChange = function (e) {
       var value = e.target.value;
 
       var val = _this.replaceAllNumberInput(value);
@@ -1632,7 +1772,9 @@ var Easy3wFormPage = function (_Component) {
       if (!isNaN(val) && reg.test(val) || val === '' || val === '-') {
         // this.props.onChange(value);
       }
-    }, _this.numberInputonBlur = function (e, item) {
+    };
+
+    _this.numberInputonBlur = function (e, item) {
       var _this$props$form$setF2;
 
       var value = e.target.value;
@@ -1641,25 +1783,35 @@ var Easy3wFormPage = function (_Component) {
         return null;
       }
       _this.props.form.setFieldsValue((_this$props$form$setF2 = {}, _this$props$form$setF2[item.fieldId] = (0, _numeral2['default'])(e.target.value).format('0,0.00'), _this$props$form$setF2));
-    }, _this.replaceAllNumberInput = function (value) {
+    };
+
+    _this.replaceAllNumberInput = function (value) {
       if (typeof value !== 'string') {
         return value;
       } else {
         return Number(value.replace(/,/g, ''));
       }
-    }, _this.mentionHandler = function (item) {
+    };
+
+    _this.mentionHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_mention2['default'], cmptPros);
-    }, _this.rateHandler = function (item) {
+    };
+
+    _this.rateHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_rate2['default'], cmptPros);
-    }, _this.autoCompleteHandler = function (item) {
+    };
+
+    _this.autoCompleteHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
-    }, _this.braftEditorHandler = function (item) {
+    };
+
+    _this.braftEditorHandler = function (item) {
       var allReadFlag = _this.props.allReadFlag;
       var readFlag = item.readFlag,
           fieldId = item.fieldId;
@@ -1674,27 +1826,37 @@ var Easy3wFormPage = function (_Component) {
       return _react2['default'].createElement(_braftEditor2['default'], (0, _extends3['default'])({ readOnly: readFlag || allReadFlag, onChange: readFlag || allReadFlag ? function () {} : function (value) {
           return _this.onChangeBraftEditor(fieldId, value);
         } }, cmptPros, { style: { border: '1px solid #eee' } }));
-    }, _this.onChangeBraftEditor = function (fieldId, value) {
+    };
+
+    _this.onChangeBraftEditor = function (fieldId, value) {
       if (value && value.toHTML() !== '<p></p>') {
         var _this$props$form$setF3;
 
         _this.props.form.setFieldsValue((_this$props$form$setF3 = {}, _this$props$form$setF3[fieldId] = value, _this$props$form$setF3));
       }
-    }, _this.validateContent = function (rule, value, callback) {
+    };
+
+    _this.validateContent = function (rule, value, callback) {
       if (value.isEmpty()) {
         callback(rule.message);
       } else {
         callback();
       }
-    }, _this.cascaderHandler = function (item) {
+    };
+
+    _this.cascaderHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_cascader2['default'], cmptPros);
-    }, _this.iconHandler = function (item) {
+    };
+
+    _this.iconHandler = function (item) {
       var cmptPros = item.cmptPros;
 
       return _react2['default'].createElement(_icon2['default'], cmptPros);
-    }, _this.strTemplateHandler = function (item) {
+    };
+
+    _this.strTemplateHandler = function (item) {
       var cmptPros = item.cmptPros;
       var templateArray = cmptPros.templateArray;
 
@@ -1717,11 +1879,15 @@ var Easy3wFormPage = function (_Component) {
         templateArr
       );
       return retObj;
-    }, _this.descHandler = function (item) {
+    };
+
+    _this.descHandler = function (item) {
       var value = item.value;
 
       return value;
-    }, _this.btnHandler = function (obj) {
+    };
+
+    _this.btnHandler = function (obj) {
       var func = obj.func,
           cName = obj.cName,
           confirmContent = obj.confirmContent;
@@ -1749,7 +1915,9 @@ var Easy3wFormPage = function (_Component) {
         },
         cName
       );
-    }, _this.aHandler = function (obj) {
+    };
+
+    _this.aHandler = function (obj) {
       var func = obj.func,
           cName = obj.cName;
 
@@ -1763,7 +1931,9 @@ var Easy3wFormPage = function (_Component) {
         },
         cName
       );
-    }, _this.strHandler = function (obj) {
+    };
+
+    _this.strHandler = function (obj) {
       var cName = obj.cName,
           color = obj.color;
 
@@ -1775,12 +1945,22 @@ var Easy3wFormPage = function (_Component) {
         },
         cName
       );
-    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+    };
+
+    _this.state = {};
+    return _this;
   }
   /** 使用何种表单域 */
 
   /** 获取value */
 
+  // ------------------------------------------------ 数据脱敏 start -----------------------------------------------
+  // 数据校验与脱敏
+
+  // 数据脱敏--显隐
+
+  // ------------------------------------------------ 数据脱敏 end -----------------------------------------------
+
   // 判断fieldType -- 解析字段类型
 
   /** 获取FormItem */

package/lib/Easy3wGridPage/index.js

@@ -56,10 +56,18 @@ var _tooltip2 = _interopRequireDefault(_tooltip);
 
 require('antd/lib/tooltip/style');
 
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+require('antd/lib/icon/style');
+
 var _numeral = require('numeral');
 
 var _numeral2 = _interopRequireDefault(_numeral);
 
+var _comonConfig = require('comonConfigPath/comonConfig');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
 var Easy3wGridPage = function (_Component) {
@@ -104,7 +112,13 @@ var Easy3wGridPage = function (_Component) {
       this.delAll();
     }
   };
+  // ---------------------------------- 数据脱敏 start ----------------------------------
+  // 数据校验与脱敏
+
+  // 数据脱敏--显隐
 
+
+  // ---------------------------------- 数据脱敏 end ----------------------------------
   Easy3wGridPage.prototype.render = function render() {
     var _this2 = this;
 
@@ -155,16 +169,61 @@ var Easy3wGridPage = function (_Component) {
     };
     var recursionT = function recursionT(arr) {
       arr.forEach(function (item) {
+        var dataIndex = item.dataIndex;
+
         if (!item.render) {
-          item.render = function (text) {
+          item.render = function (text, record, index) {
+            var _record$id = record.id,
+                id = _record$id === undefined ? '' : _record$id;
+
+            var renderTextDesensitize = '';
+            if (_comonConfig.dataDesensitizationFlag) {
+              renderTextDesensitize = _this2.getcheckDesensitizeData(text, item);
+            }
             if (text && text.length * 14 > 160) {
               return _react2['default'].createElement(
                 _tooltip2['default'],
-                { placement: 'topLeft', title: text, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
-                text
+                { placement: 'topLeft', title: _react2['default'].createElement(
+                    'span',
+                    null,
+                    _this2.state[dataIndex + '-' + id + '-' + index + '-dataDesensitizationEyeFlag'] ? text : renderTextDesensitize,
+                    ' ',
+                    _react2['default'].createElement(
+                      'a',
+                      { onClick: function onClick() {
+                          return _this2.touchImplicit(dataIndex, id, index);
+                        } },
+                      _react2['default'].createElement(_icon2['default'], { type: _this2.state[dataIndex + '-' + id + '-' + index + '-dataDesensitizationEyeFlag'] ? 'eye' : 'eye-invisible' })
+                    )
+                  ), style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
+                _react2['default'].createElement(
+                  'span',
+                  null,
+                  _this2.state[dataIndex + '-' + id + '-' + index + '-dataDesensitizationEyeFlag'] ? text : renderTextDesensitize,
+                  ' ',
+                  _react2['default'].createElement(
+                    'a',
+                    { onClick: function onClick() {
+                        return _this2.touchImplicit(dataIndex, id, index);
+                      } },
+                    _react2['default'].createElement(_icon2['default'], { type: _this2.state[dataIndex + '-' + id + '-' + index + '-dataDesensitizationEyeFlag'] ? 'eye' : 'eye-invisible' })
+                  )
+                )
               );
             } else {
-              return text;
+              return _react2['default'].createElement(
+                'span',
+                null,
+                _this2.state[dataIndex + '-' + id + '-' + index + '-dataDesensitizationEyeFlag'] ? text : renderTextDesensitize,
+                ' ',
+                _react2['default'].createElement(
+                  'a',
+                  { onClick: function onClick() {
+                      return _this2.touchImplicit(dataIndex, id, index);
+                    } },
+                  _react2['default'].createElement(_icon2['default'], { type: _this2.state[dataIndex + '-' + id + '-' + index + '-dataDesensitizationEyeFlag'] ? 'eye' : 'eye-invisible' })
+                )
+              );
             }
           };
           if (item.type === 'numeralFormat') {
@@ -621,6 +680,43 @@ var _initialiseProps = function _initialiseProps() {
       handleSearch(paginationInfo, formVal);
     }
   };
+
+  this.getcheckDesensitizeData = function (str, item) {
+    var phoneRegex = /^1[3-9]\d{9}$/; // 手机号
+    var emailRegex = /^[a-zA-Z0-9_+&*-]+(?:\.[a-zA-Z0-9_+&*-]+)*@(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,7}$/; // 邮箱
+    var idRegex = /^\d{15}(\d{2}[0-9xX])?$/; // 身份证
+    if (phoneRegex.test(str)) {
+      // 手机号
+      item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
+      return str.slice(0, 3) + '****' + str.slice(-4); // 脱敏手机号
+    } else if (emailRegex.test(str)) {
+      // 邮箱
+      item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
+
+      var _str$split = str.split('@'),
+          username = _str$split[0],
+          domain = _str$split[1];
+
+      var desensitizedUsername = username.slice(0, 1) + '****';
+      return desensitizedUsername + '@' + domain; // 脱敏邮箱
+    } else if (idRegex.test(str) && str.length === 18) {
+      // 18位身份证
+      item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
+      return str.slice(0, 3) + '***********' + str.slice(-4); // 脱敏身份证
+    } else if (idRegex.test(str) && str.length === 15) {
+      // 15位身份证
+      item.dataDesensitizationFlagTrue = true; // 当前字段--数据脱敏标识--脱敏成功
+      return str.slice(0, 3) + '********' + str.slice(-4); // 脱敏身份证
+    } else {
+      return str;
+    }
+  };
+
+  this.touchImplicit = function (dataIndex, id, index) {
+    var _this3$setState;
+
+    _this3.setState((_this3$setState = {}, _this3$setState[dataIndex + '-' + id + '-' + index + '-dataDesensitizationEyeFlag'] = !_this3.state[dataIndex + '-' + id + '-' + index + '-dataDesensitizationEyeFlag'], _this3$setState));
+  };
 };
 
 exports['default'] = Easy3wGridPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "1.5.46",
+  "version": "1.5.47-beta1",
   "description": "easy3wui components for react",
   "keywords": [
     "react",