easy3wui 1.5.36 → 1.5.37-beta1

package/lib/Easy3wFormPage/index.js

@@ -204,14 +204,10 @@ var _dva = require('dva');
 
 var _easy3wui = require('easy3wui');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+var _comonConfig = require('comonConfigPath/comonConfig');
 
-// import TagSelect from '../Easy3wTagSelect/index.js';
-// import Easy3wUpload from '../../Easy3wUpload';
-// import Easy3wUploadB from '../../Easy3wUploadB';
-// import Easy3wUploadM from '../../Easy3wUploadM';
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-// 引入富文本表格功能
 var options = {
   defaultRows: 3, // 默认行数
   defaultColumns: 3, // 默认列数
@@ -219,6 +215,12 @@ var options = {
   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');
@@ -275,6 +277,31 @@ var formItemRightWithBtn = {
 var formItemStyle = {
   marginBottom: 6
 };
+// 手机号区号及正则表  当有国家区号相同时后加区号在原本的区号基础上加 '+序号'
+var arrMobileAssociation = [{ 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 objMobileRegular = {
+  '+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);
@@ -345,6 +372,8 @@ 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':
@@ -512,7 +541,13 @@ var Easy3wFormPage = function (_Component) {
         } else {
           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 mobileAddonBefore = form.getFieldValue('mobileAddonBefore');
+        // console.log('mobileAddonBefore', mobileAddonBefore, objMobileRegular[mobileAddonBefore]);
+        // objMobileRegular[mobileAddonBefore]
+        addRules = [{ pattern: objMobileRegular[mobileAddonBefore], message: '手机格式错误！' }].concat(addRules);
       }
+
       var decoratorObj = {
         rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
       };
@@ -1115,6 +1150,40 @@ 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'])({ optionLst: arrMobileAssociation }, 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 mobileAreaCode = _this.props.form.getFieldValue(fieldId + 'AddonBefore');
+      if (e && e.target && e.target.value && mobileAreaCode) {
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function () {
+          if (xhr.readyState === 4 && xhr.status === 200) {
+            // 请求成功，处理响应数据
+          }
+        };
+        var data = JSON.stringify({ e3wMobile: e.target.value, e3wMobileNation: mobileAreaCode });
+        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;
@@ -1264,8 +1333,8 @@ var Easy3wFormPage = function (_Component) {
         _message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
       }
     }, _this.textareaHandler = function (item) {
-      var _item$cmptPros2 = item.cmptPros,
-          cmptPros = _item$cmptPros2 === undefined ? {} : _item$cmptPros2;
+      var _item$cmptPros3 = item.cmptPros,
+          cmptPros = _item$cmptPros3 === undefined ? {} : _item$cmptPros3;
 
       var maxlength = void 0;
       if (cmptPros.maxLength || cmptPros.maxlength) {
@@ -1605,6 +1674,11 @@ var Easy3wFormPage = function (_Component) {
   /** input start */
 
   /** input end */
+  /** mobile start */
+
+  // 手机录入框失去焦点
+
+  /** mobile end */
 
   /** select start */
 

package/package.json

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