easy3wui 1.5.88-beta12 → 1.5.88-beta15

package/assets/formPage.css

@@ -37,6 +37,9 @@
 .e3wFormPageWrap .inputDigit .inputNumberBtns .e3wFootBtn {
   margin: 0;
 }
+.e3wFormPageWrap .bf-container {
+  border: 1px solid #eee;
+}
 input.ant-input-number-input {
   text-align: right;
   padding-right: 21px;

package/assets/index.css

@@ -2440,6 +2440,9 @@
 .e3wFormPageWrap .inputDigit .inputNumberBtns .e3wFootBtn {
   margin: 0;
 }
+.e3wFormPageWrap .bf-container {
+  border: 1px solid #eee;
+}
 input.ant-input-number-input {
   text-align: right;
   padding-right: 21px;

package/lib/Easy3wFormPage/indexM.js

@@ -129,11 +129,11 @@ var _inputNumber2 = _interopRequireDefault(_inputNumber);
 
 require('antd/lib/input-number/style');
 
-var _mention = require('antd/lib/mention');
+var _mentions = require('antd/lib/mentions');
 
-var _mention2 = _interopRequireDefault(_mention);
+var _mentions2 = _interopRequireDefault(_mentions);
 
-require('antd/lib/mention/style');
+require('antd/lib/mentions/style');
 
 var _rate = require('antd/lib/rate');
 
@@ -215,23 +215,23 @@ var _easy3wui = require('easy3wui');
 
 var _comonConfig = require('comonConfigPath/comonConfig');
 
-var _Easy3wSpin = require('../Easy3wSpin');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var _Easy3wSpin2 = _interopRequireDefault(_Easy3wSpin);
+// import Easy3wSpin from '../Easy3wSpin';
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-// import TagSelect from '../Easy3wTagSelect/index.js';
-// import Easy3wUpload from '../../Easy3wUpload';
-// import Easy3wUploadB from '../../Easy3wUploadB';
-// import Easy3wUploadM from '../../Easy3wUploadM';
+// 引入富文本表格功能
 var objOptions = {
   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'])(objOptions)); // 表格
 
@@ -751,7 +751,8 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
           readFlag = item.readFlag,
           cmptPros = item.cmptPros,
           disableFlag = item.disableFlag,
-          numberFormat = item.numberFormat;
+          numberFormat = item.numberFormat,
+          fieldId = item.fieldId;
 
       var _ref2 = globalData || {},
           dataDesensitizationEyeFlag = _ref2.dataDesensitizationEyeFlag;
@@ -788,13 +789,30 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
       //   return strValue;
       // }
       if (fieldType === 'braftEditor') {
-        return _braftEditor2['default'].createEditorState(value);
+        // 缓存 EditorState，保证每次 render 返回同一个对象引用，
+        // 否则 BraftEditor 受控 value 每次都是新对象，componentWillReceiveProps
+        // 会反复触发 onChange -> setFieldsValue -> 重渲染，形成死循环。
+        var cacheKey = 'braftEditorState_' + fieldId;
+        var cacheRawKey = 'braftEditorStateRaw_' + fieldId;
+        if (Object.prototype.hasOwnProperty.call(_this, cacheKey) && _this[cacheRawKey] === value) {
+          return _this[cacheKey];
+        }
+        var braftContent = _braftEditor2['default'].createEditorState(value);
+        _this[cacheKey] = braftContent;
+        _this[cacheRawKey] = value;
+        return braftContent;
       }
       if (allReadFlag || readFlag) {
         if (fieldType === 'rangePicker' && value instanceof Array) {
           value = value.length ? value.join(' 至 ') : '';
         } else if (fieldType === 'input' || fieldType === 'mobile') {
+          var strValue = value;
           value = _comonConfig.dataDesensitizationFlag ? dataDesensitizationEyeFlag ? value : (0, _easy3wui.Easy3wGetDesensitization)(value) : value;
+          if (fieldType === 'mobile' && value) {
+            var e3wMobileNation = _this.fetchMobileInfo(strValue, fieldId);
+            value = e3wMobileNation ? e3wMobileNation + ' ' + value : value;
+            // console.log('valuevaluevaluevalue', value, e3wMobileNation);
+          }
         }
         return value;
       }
@@ -1045,6 +1063,11 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
           });
         }
       }
+      if (fieldType === 'switch') {
+        decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+          valuePropName: 'checked' // 关键：告诉 Form 取 checked 属性
+        });
+      }
 
       if (cmptPros) {
         if (cmptPros.getValueFromEvent) {
@@ -1692,22 +1715,31 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
       var fieldId = item.fieldId,
           required = item.required,
           _item$cmptPros5 = item.cmptPros,
-          cmptPros = _item$cmptPros5 === undefined ? {} : _item$cmptPros5;
+          cmptPros = _item$cmptPros5 === undefined ? {} : _item$cmptPros5,
+          value = item.value;
+      var disabled = cmptPros.disabled;
 
       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);
+          onChange: function onChange(strValue) {
+            return _this.onBlurMobileNation(strValue, fieldId);
           },
-          optionLst: _comonConfig.arrMobileAssociation || arrMobileAssociationDefault
+          optionLst: _comonConfig.arrMobileAssociation || arrMobileAssociationDefault,
+          disabled: disabled
         }, addonBeforeCmptPros)
       });
 
+      var strMobileAssociation = '+86';
+      if (value) {
+        strMobileAssociation = _this.fetchMobileInfo(value, fieldId);
+        // value = e3wMobileNation ? `${e3wMobileNation} ${value}` : value;
+        // console.log('valuevaluevaluevalue', value, e3wMobileNation);
+      }
       var decoratorObj = {
         rules: [{ required: required, message: '请选择区号' }],
-        initialValue: '+86'
+        initialValue: strMobileAssociation
       };
       return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
         addonBefore: _this.props.form.getFieldDecorator(fieldId + 'AddonBefore', (0, _extends3['default'])({}, decoratorObj))(itemArea),
@@ -1728,16 +1760,52 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
         _this.updateMobileInfo(e3wMobile, value);
       }
     }, _this.updateMobileInfo = function (e3wMobile, e3wMobileNation) {
-      var xhr = new XMLHttpRequest();
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState === 4 && xhr.status === 200) {
-          // 请求成功，处理响应数据
+      if (_comonConfig.easy3w4fMobileLibUpdateUrl) {
+        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.fetchMobileInfo = function (value, fieldId) {
+      if (_comonConfig.easy3w4fMobileLibFetchUrl) {
+        // 同步请求，直接返回查询到的 e3wMobileNation（而非 Promise）
+        var cacheKey = fieldId + '-' + value;
+        if (Object.prototype.hasOwnProperty.call(_this, cacheKey)) {
+          // 已查询过，直接返回缓存结果
+          return _this[cacheKey];
         }
-      };
-      var data = JSON.stringify({ e3wMobile: e3wMobile, e3wMobileNation: e3wMobileNation });
-      xhr.open('POST', _comonConfig.easy3w4fMobileLibUpdateUrl, true); // 异步请求
-      xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
-      xhr.send(data); // 发送请求
+        var e3wMobileNation = void 0;
+        var xhr = new XMLHttpRequest();
+        xhr.open('POST', _comonConfig.easy3w4fMobileLibFetchUrl, false); // 同步请求
+        xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
+        try {
+          xhr.send(JSON.stringify({ e3wMobile: value, fieldId: fieldId })); // 发送请求
+          if (xhr.status === 200) {
+            // 请求成功，处理响应数据
+            var obj = JSON.parse(xhr.responseText) || {};
+            if (obj.rspCode === '0000') {
+              var data = obj.data;
+
+              var _ref5 = data || {},
+                  e3wMobileNationRes = _ref5.e3wMobileNation;
+
+              e3wMobileNation = e3wMobileNationRes;
+            }
+          }
+        } catch (e) {
+          e3wMobileNation = undefined;
+        }
+        // 缓存结果，避免重复请求
+        _this[cacheKey] = e3wMobileNation;
+        // 直接返回数据
+        return e3wMobileNation;
+      }
     }, _this.selectHandler = function (item) {
       var cmptPros = item.cmptPros;
       var optionLst = cmptPros.optionLst;
@@ -2266,7 +2334,20 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
     }, _this.mentionHandler = function (item) {
       var cmptPros = item.cmptPros;
 
-      return _react2['default'].createElement(_mention2['default'], cmptPros);
+      var _ref6 = cmptPros || {},
+          options = _ref6.options;
+
+      return _react2['default'].createElement(
+        _mentions2['default'],
+        cmptPros,
+        options && options instanceof Array ? options.map(function (option) {
+          return option ? _react2['default'].createElement(
+            _mentions2['default'].Option,
+            { value: option },
+            option
+          ) : '';
+        }) : ''
+      );
     }, _this.rateHandler = function (item) {
       var cmptPros = item.cmptPros;
 
@@ -2346,7 +2427,11 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
     }, _this.descHandler = function (item) {
       var value = item.value;
 
-      return value;
+      return _react2['default'].createElement(
+        'span',
+        null,
+        value
+      );
     }, _this.btnHandler = function (obj) {
       var func = obj.func,
           cName = obj.cName,
@@ -2474,6 +2559,8 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
 
   // 更新手机信息
 
+  // 更新手机信息
+
   /** mobile end */
 
   /** select start */
@@ -2608,7 +2695,7 @@ var Easy3wFormPageM = exports.Easy3wFormPageM = function (_Component) {
   Easy3wFormPageM.prototype.render = function render() {
     var spinLoading = this.getLoading();
     return _react2['default'].createElement(
-      _Easy3wSpin2['default'],
+      _easy3wui.Easy3wSpin,
       { noStyle: true, spinLoading: spinLoading },
       _react2['default'].createElement(
         'div',
@@ -2842,7 +2929,8 @@ var Easy3wFormPageTightM = exports.Easy3wFormPageTightM = function (_Component2)
           readFlag = item.readFlag,
           cmptPros = item.cmptPros,
           disableFlag = item.disableFlag,
-          numberFormat = item.numberFormat;
+          numberFormat = item.numberFormat,
+          fieldId = item.fieldId;
       var value = item.value;
 
       if (numberFormat) {
@@ -2852,7 +2940,18 @@ var Easy3wFormPageTightM = exports.Easy3wFormPageTightM = function (_Component2)
         return (0, _numeral2['default'])(value).format('0,0.00');
       }
       if (fieldType === 'braftEditor') {
-        return _braftEditor2['default'].createEditorState(value);
+        // 缓存 EditorState，保证每次 render 返回同一个对象引用，
+        // 否则 BraftEditor 受控 value 每次都是新对象，componentWillReceiveProps
+        // 会反复触发 onChange -> setFieldsValue -> 重渲染，形成死循环。
+        var cacheKey = 'braftEditorState_' + fieldId;
+        var cacheRawKey = 'braftEditorStateRaw_' + fieldId;
+        if (Object.prototype.hasOwnProperty.call(_this2, cacheKey) && _this2[cacheRawKey] === value) {
+          return _this2[cacheKey];
+        }
+        var braftContent = _braftEditor2['default'].createEditorState(value);
+        _this2[cacheKey] = braftContent;
+        _this2[cacheRawKey] = value;
+        return braftContent;
       }
       if (allReadFlag || readFlag) {
         if (fieldType === 'treeSelect') {
@@ -3285,18 +3384,18 @@ var Easy3wFormPageTightM = exports.Easy3wFormPageTightM = function (_Component2)
       rowItems = _this2.touchTransformRowItems(rowItems);
       var threeRowItemFlag = false;
       for (var _iterator2 = rowItems, _isArray2 = Array.isArray(_iterator2), _i3 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
-        var _ref5;
+        var _ref7;
 
         if (_isArray2) {
           if (_i3 >= _iterator2.length) break;
-          _ref5 = _iterator2[_i3++];
+          _ref7 = _iterator2[_i3++];
         } else {
           _i3 = _iterator2.next();
           if (_i3.done) break;
-          _ref5 = _i3.value;
+          _ref7 = _i3.value;
         }
 
-        var rItem = _ref5;
+        var rItem = _ref7;
 
         if (rItem.cols.length === 3) {
           threeRowItemFlag = true;
@@ -4197,7 +4296,22 @@ var Easy3wFormPageTightM = exports.Easy3wFormPageTightM = function (_Component2)
     }, _this2.mentionHandler = function (item) {
       var cmptPros = item.cmptPros;
 
-      return _react2['default'].createElement(_mention2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+      var _ref8 = cmptPros || {},
+          options = _ref8.options;
+
+      return _react2['default'].createElement(
+        _mentions2['default'],
+        (0, _extends3['default'])({}, cmptPros, {
+          size: 'small'
+        }),
+        options && options instanceof Array ? options.map(function (option) {
+          return option ? _react2['default'].createElement(
+            _mentions2['default'].Option,
+            { value: option },
+            option
+          ) : '';
+        }) : ''
+      );
     }, _this2.rateHandler = function (item) {
       var cmptPros = item.cmptPros;
 
@@ -4496,7 +4610,7 @@ var Easy3wFormPageTightM = exports.Easy3wFormPageTightM = function (_Component2)
       noBorderFlag = _comonConfig.noBorderFlag;
     }
     return _react2['default'].createElement(
-      _Easy3wSpin2['default'],
+      _easy3wui.Easy3wSpin,
       { noStyle: true, spinLoading: spinLoading },
       _react2['default'].createElement(
         'div',

package/lib/Easy3wFormPage/indexPC.js

@@ -215,23 +215,23 @@ var _easy3wui = require('easy3wui');
 
 var _comonConfig = require('comonConfigPath/comonConfig');
 
-var _Easy3wSpin = require('../Easy3wSpin');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var _Easy3wSpin2 = _interopRequireDefault(_Easy3wSpin);
+// import Easy3wSpin from '../Easy3wSpin';
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-// import TagSelect from '../Easy3wTagSelect/index.js';
-// import Easy3wUpload from '../../Easy3wUpload';
-// import Easy3wUploadB from '../../Easy3wUploadB';
-// import Easy3wUploadM from '../../Easy3wUploadM';
+// 引入富文本表格功能
 var objOptions = {
   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'])(objOptions)); // 表格
 
@@ -636,7 +636,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           readFlag = item.readFlag,
           cmptPros = item.cmptPros,
           disableFlag = item.disableFlag,
-          numberFormat = item.numberFormat;
+          numberFormat = item.numberFormat,
+          fieldId = item.fieldId;
 
       var _ref3 = globalData || {},
           dataDesensitizationEyeFlag = _ref3.dataDesensitizationEyeFlag;
@@ -679,7 +680,13 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         if (fieldType === 'rangePicker' && value instanceof Array) {
           value = value.length ? value.join(' 至 ') : '';
         } else if (fieldType === 'input' || fieldType === 'mobile') {
+          var strValue = value;
           value = _comonConfig.dataDesensitizationFlag ? dataDesensitizationEyeFlag ? value : (0, _easy3wui.Easy3wGetDesensitization)(value) : value;
+          if (fieldType === 'mobile' && value) {
+            var e3wMobileNation = _this.fetchMobileInfo(strValue, fieldId);
+            value = e3wMobileNation ? e3wMobileNation + ' ' + value : value;
+            // console.log('valuevaluevaluevalue', value, e3wMobileNation);
+          }
         }
         return value;
       }
@@ -1389,7 +1396,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
 
       var _ref6 = cmptPros || {},
           disabled = _ref6.disabled,
-          templateArray = _ref6.templateArray;
+          templateArray = _ref6.templateArray,
+          isRead = _ref6.isRead;
 
       var itemArea = _this.getItemArea(colObj);
       var itemValue = _this.getItemValue(colObj);
@@ -1425,17 +1433,25 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           });
         }
         objEleProps = {
-          'data-fieldType': 'e3wFormCol_' + fieldType,
-          'data-col-readFlag': taReadFlag || allReadFlag ? '1' : '0', // 列只读
-          'data-col-disableFlag': taDisableFlag ? '1' : '0' // 列静止编辑
+          'data-fieldtype': 'e3wFormCol_' + fieldType,
+          'data-col-readflag': taReadFlag || allReadFlag ? '1' : '0', // 列只读
+          'data-col-disableflag': taDisableFlag ? '1' : '0' // 列静止编辑
           // 'data-field-readFlag': taReadFlag || allReadFlag ? '1' : '0', // 字段只读
           // 'data-field-disableFlag': taDisableFlag ? '1' : '0', // 字段静止编辑
         };
+      } else if (fieldType === 'upload' || fieldType === 'uploadM' || fieldType === 'uploadB') {
+        objEleProps = {
+          'data-fieldtype': 'e3wFormCol_' + fieldType,
+          'data-col-readflag': isRead ? '1' : '0', // 列只读
+          'data-col-disableflag': '0' // 列静止编辑
+          // 'data-field-readFlag': readFlag || allReadFlag ? '1' : '0', // 字段只读
+          // 'data-field-disableFlag': disableFlag || disabled ? '1' : '0', // 字段静止编辑
+        };
       } else {
         objEleProps = {
-          'data-fieldType': 'e3wFormCol_' + fieldType,
-          'data-col-readFlag': readFlag || allReadFlag ? '1' : '0', // 列只读
-          'data-col-disableFlag': disableFlag || disabled ? '1' : '0' // 列静止编辑
+          'data-fieldtype': 'e3wFormCol_' + fieldType,
+          'data-col-readflag': readFlag || allReadFlag ? '1' : '0', // 列只读
+          'data-col-disableflag': disableFlag || disabled ? '1' : '0' // 列静止编辑
           // 'data-field-readFlag': readFlag || allReadFlag ? '1' : '0', // 字段只读
           // 'data-field-disableFlag': disableFlag || disabled ? '1' : '0', // 字段静止编辑
         };
@@ -1635,22 +1651,30 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
       var fieldId = item.fieldId,
           required = item.required,
           _item$cmptPros4 = item.cmptPros,
-          cmptPros = _item$cmptPros4 === undefined ? {} : _item$cmptPros4;
+          cmptPros = _item$cmptPros4 === undefined ? {} : _item$cmptPros4,
+          value = item.value;
+      var disabled = cmptPros.disabled;
 
       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);
+          onChange: function onChange(strValue) {
+            return _this.onBlurMobileNation(strValue, fieldId);
           },
-          optionLst: _comonConfig.arrMobileAssociation || arrMobileAssociationDefault
+          optionLst: _comonConfig.arrMobileAssociation || arrMobileAssociationDefault,
+          disabled: disabled
         }, addonBeforeCmptPros)
       });
-
+      var strMobileAssociation = '+86';
+      if (value) {
+        strMobileAssociation = _this.fetchMobileInfo(value, fieldId);
+        // value = e3wMobileNation ? `${e3wMobileNation} ${value}` : value;
+        // console.log('valuevaluevaluevalue', value, e3wMobileNation);
+      }
       var decoratorObj = {
         rules: [{ required: required, message: '请选择区号' }],
-        initialValue: '+86'
+        initialValue: strMobileAssociation
       };
       return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
         addonBefore: _this.props.form.getFieldDecorator(fieldId + 'AddonBefore', (0, _extends3['default'])({}, decoratorObj))(itemArea),
@@ -1671,16 +1695,52 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         _this.updateMobileInfo(e3wMobile, value);
       }
     }, _this.updateMobileInfo = function (e3wMobile, e3wMobileNation) {
-      var xhr = new XMLHttpRequest();
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState === 4 && xhr.status === 200) {
-          // 请求成功，处理响应数据
+      if (_comonConfig.easy3w4fMobileLibUpdateUrl) {
+        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.fetchMobileInfo = function (value, fieldId) {
+      if (_comonConfig.easy3w4fMobileLibFetchUrl) {
+        // 同步请求，直接返回查询到的 e3wMobileNation（而非 Promise）
+        var cacheKey = fieldId + '-' + value;
+        if (Object.prototype.hasOwnProperty.call(_this, cacheKey)) {
+          // 已查询过，直接返回缓存结果
+          return _this[cacheKey];
         }
-      };
-      var data = JSON.stringify({ e3wMobile: e3wMobile, e3wMobileNation: e3wMobileNation });
-      xhr.open('POST', _comonConfig.easy3w4fMobileLibUpdateUrl, true); // 异步请求
-      xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
-      xhr.send(data); // 发送请求
+        var e3wMobileNation = void 0;
+        var xhr = new XMLHttpRequest();
+        xhr.open('POST', _comonConfig.easy3w4fMobileLibFetchUrl, false); // 同步请求
+        xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
+        try {
+          xhr.send(JSON.stringify({ e3wMobile: value, fieldId: fieldId })); // 发送请求
+          if (xhr.status === 200) {
+            // 请求成功，处理响应数据
+            var obj = JSON.parse(xhr.responseText) || {};
+            if (obj.rspCode === '0000') {
+              var data = obj.data;
+
+              var _ref8 = data || {},
+                  e3wMobileNationRes = _ref8.e3wMobileNation;
+
+              e3wMobileNation = e3wMobileNationRes;
+            }
+          }
+        } catch (e) {
+          e3wMobileNation = undefined;
+        }
+        // 缓存结果，避免重复请求
+        _this[cacheKey] = e3wMobileNation;
+        // 直接返回数据
+        return e3wMobileNation;
+      }
     }, _this.selectHandler = function (item) {
       var cmptPros = item.cmptPros;
       var optionLst = cmptPros.optionLst;
@@ -2209,8 +2269,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
     }, _this.mentionHandler = function (item) {
       var cmptPros = item.cmptPros;
 
-      var _ref8 = cmptPros || {},
-          options = _ref8.options;
+      var _ref9 = cmptPros || {},
+          options = _ref9.options;
 
       return _react2['default'].createElement(
         _mentions2['default'],
@@ -2246,7 +2306,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = 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' } }));
+        } }, cmptPros));
     }, _this.onChangeBraftEditor = function (fieldId, value) {
       if (value && value.toHTML() !== '<p></p>') {
         var _this$props$form$setF3;
@@ -2438,6 +2498,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
 
   // 更新手机信息
 
+  // 更新手机信息
+
   /** mobile end */
 
   /** select start */
@@ -2574,7 +2636,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
   Easy3wFormPagePC.prototype.render = function render() {
     var spinLoading = this.getLoading();
     return _react2['default'].createElement(
-      _Easy3wSpin2['default'],
+      _easy3wui.Easy3wSpin,
       { noStyle: true, spinLoading: spinLoading },
       _react2['default'].createElement(
         'div',
@@ -3141,18 +3203,18 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
 
       var threeRowItemFlag = false;
       for (var _iterator2 = rowItems, _isArray2 = Array.isArray(_iterator2), _i3 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
-        var _ref9;
+        var _ref10;
 
         if (_isArray2) {
           if (_i3 >= _iterator2.length) break;
-          _ref9 = _iterator2[_i3++];
+          _ref10 = _iterator2[_i3++];
         } else {
           _i3 = _iterator2.next();
           if (_i3.done) break;
-          _ref9 = _i3.value;
+          _ref10 = _i3.value;
         }
 
-        var rItem = _ref9;
+        var rItem = _ref10;
 
         if (rItem.cols.length === 3) {
           threeRowItemFlag = true;
@@ -4052,8 +4114,8 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
     }, _this2.mentionHandler = function (item) {
       var cmptPros = item.cmptPros;
 
-      var _ref10 = cmptPros || {},
-          options = _ref10.options;
+      var _ref11 = cmptPros || {},
+          options = _ref11.options;
 
       return _react2['default'].createElement(
         _mentions2['default'],
@@ -4365,7 +4427,7 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
       noBorderFlag = _comonConfig.noBorderFlag;
     }
     return _react2['default'].createElement(
-      _Easy3wSpin2['default'],
+      _easy3wui.Easy3wSpin,
       { noStyle: true, spinLoading: spinLoading },
       _react2['default'].createElement(
         'div',

package/lib/Easy3wUpload/index.js

@@ -178,9 +178,7 @@ var Easy3wUpload = function (_Component) {
         removeCallback = _props.removeCallback,
         hadUpdBtn = _props.hadUpdBtn,
         propsAFlag = _props.propsAFlag,
-        fileViewFlag = _props.fileViewFlag,
-        _props$objEleProps = _props.objEleProps,
-        objEleProps = _props$objEleProps === undefined ? {} : _props$objEleProps;
+        fileViewFlag = _props.fileViewFlag;
     var limitSize = this.props.limitSize;
 
     limitSize = limitSize || maxSize || 200;
@@ -409,14 +407,13 @@ var Easy3wUpload = function (_Component) {
     };
     return isRead ? _react2['default'].createElement(
       FormItem,
-      (0, _extends3['default'])({
+      {
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol
-      }, objEleProps, {
+        wrapperCol: wrapperCol,
         style: formItemStyle
-      }),
+      },
       extendShowFlag ? extend : '',
       getFieldDecorator('' + uploadName, {})(_react2['default'].createElement(_Easy3wDownLoad2['default'], {
         pdfViewFlag: true,
@@ -430,14 +427,13 @@ var Easy3wUpload = function (_Component) {
       extendBackShowFlag ? extendBack : ''
     ) : _react2['default'].createElement(
       FormItem,
-      (0, _extends3['default'])({
+      {
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol
-      }, objEleProps, {
+        wrapperCol: wrapperCol,
         style: formItemStyle
-      }),
+      },
       extendShowFlag ? extend : '',
       getFieldDecorator('' + uploadName, {
         initialValue: iniVal || undefined,

package/lib/Easy3wUploadB/index.js

@@ -204,9 +204,7 @@ var BigFileUpload = function (_Component) {
         multiple = _props.multiple,
         removeCallback = _props.removeCallback,
         propsAFlag = _props.propsAFlag,
-        fileViewFlag = _props.fileViewFlag,
-        _props$objEleProps = _props.objEleProps,
-        objEleProps = _props$objEleProps === undefined ? {} : _props$objEleProps;
+        fileViewFlag = _props.fileViewFlag;
     var maxFileSize = this.props.maxFileSize;
     var _state = this.state,
         preUploading = _state.preUploading,
@@ -394,14 +392,13 @@ var BigFileUpload = function (_Component) {
     }
     return isRead ? _react2['default'].createElement(
       _form2['default'].Item,
-      (0, _extends3['default'])({
+      {
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol
-      }, objEleProps, {
+        wrapperCol: wrapperCol,
         style: formItemStyle
-      }),
+      },
       getFieldDecorator('' + name, {})(_react2['default'].createElement(_Easy3wDownLoad2['default'], {
         pdfViewFlag: true,
         imgVisible: true,
@@ -413,14 +410,13 @@ var BigFileUpload = function (_Component) {
       }))
     ) : _react2['default'].createElement(
       _form2['default'].Item,
-      (0, _extends3['default'])({
+      {
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol
-      }, objEleProps, {
+        wrapperCol: wrapperCol,
         style: formItemStyle
-      }),
+      },
       _react2['default'].createElement(
         'div',
         null,

package/lib/Easy3wUploadM/index.js

@@ -180,9 +180,7 @@ var Easy3wUploadM = function (_Component) {
         removeCallback = _props.removeCallback,
         downloadAllFlag = _props.downloadAllFlag,
         propsAFlag = _props.propsAFlag,
-        fileViewFlag = _props.fileViewFlag,
-        _props$objEleProps = _props.objEleProps,
-        objEleProps = _props$objEleProps === undefined ? {} : _props$objEleProps;
+        fileViewFlag = _props.fileViewFlag;
     var limitSize = this.props.limitSize;
 
     limitSize = limitSize || maxSize || 200;
@@ -435,14 +433,13 @@ var Easy3wUploadM = function (_Component) {
     var showFlag = initialValue && initialValue.length > 1 || this.state.fileList.length > 1;
     return isRead ? _react2['default'].createElement(
       _form2['default'].Item,
-      (0, _extends3['default'])({
+      {
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol
-      }, objEleProps, {
+        wrapperCol: wrapperCol,
         style: formItemStyle
-      }),
+      },
       extendShowFlag ? extend : '',
       getFieldDecorator('' + uploadName, {})(_react2['default'].createElement(_Easy3wDownLoad2['default'], {
         pdfViewFlag: true,
@@ -456,14 +453,13 @@ var Easy3wUploadM = function (_Component) {
       extendBackShowFlag ? extendBack : ''
     ) : _react2['default'].createElement(
       _form2['default'].Item,
-      (0, _extends3['default'])({
+      {
         label: label,
         className: className,
         labelCol: labelCol,
-        wrapperCol: wrapperCol
-      }, objEleProps, {
+        wrapperCol: wrapperCol,
         style: formItemStyle
-      }),
+      },
       extendShowFlag ? extend : '',
       getFieldDecorator('' + uploadName, {
         initialValue: iniVal || undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "1.5.88-beta12",
+  "version": "1.5.88-beta15",
   "description": "easy3wui components for react",
   "keywords": [
     "react",