easy3wui 1.5.83 → 1.5.85-beta.1

package/lib/Easy3wFormPage/indexPC.js

@@ -11,6 +11,10 @@ var _extends2 = require('babel-runtime/helpers/extends');
 
 var _extends3 = _interopRequireDefault(_extends2);
 
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
 var _notification2 = require('antd/lib/notification');
 
 var _notification3 = _interopRequireDefault(_notification2);
@@ -101,6 +105,12 @@ var _popover2 = _interopRequireDefault(_popover);
 
 require('antd/lib/popover/style');
 
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+require('antd/lib/tooltip/style');
+
 var _autoComplete = require('antd/lib/auto-complete');
 
 var _autoComplete2 = _interopRequireDefault(_autoComplete);
@@ -119,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');
 
@@ -331,8 +341,12 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
     }
 
     return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.onClickFunc = function (e, func) {
-      var globalLoading = _this.props.loadingFlag.global;
-      if (globalLoading) {
+      var _this$props$loadingFl = _this.props.loadingFlag,
+          global = _this$props$loadingFl.global,
+          globalFetch = _this$props$loadingFl.globalFetch,
+          globalBlack = _this$props$loadingFl.globalBlack;
+
+      if (global || globalFetch || globalBlack) {
         _notification3['default'].warning({
           message: '温馨提示',
           description: '正在后台处理，请稍后！',
@@ -341,6 +355,185 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
       } else {
         func(e);
       }
+    }, _this.getFormCfg = function () {
+      var _this$props = _this.props,
+          rowItems = _this$props.rowItems,
+          e3wFieldCfg = _this$props.e3wFieldCfg;
+
+      if (e3wFieldCfg) {
+        var rowItemsF = [];
+        if (rowItems && rowItems instanceof Array) {
+          rowItems.map(function (row) {
+            if (row && row instanceof Object) {
+              var cols = row.cols;
+
+              if (cols && cols instanceof Array && cols.length) {
+                var arrCols = _this.getRowCfg(cols);
+                if (arrCols) {
+                  rowItemsF.push({
+                    cols: arrCols
+                  });
+                }
+              }
+            }
+            return row;
+          });
+        }
+        return rowItemsF;
+      } else {
+        return rowItems;
+      }
+    }, _this.getRowCfg = function (cols) {
+      var arrCols = [];
+      var arrColsEmpty = [];
+      cols.map(function (col) {
+        var fieldType = col.fieldType,
+            _col$cmptPros = col.cmptPros,
+            cmptPros = _col$cmptPros === undefined ? {} : _col$cmptPros;
+        var templateArray = cmptPros.templateArray;
+
+        var templateArrayNew = [];
+        if (fieldType === 'strTemplate' && templateArray && templateArray instanceof Array) {
+          templateArray.map(function (item) {
+            var _this$getFieldCfg = _this.getFieldCfg(item, fieldType),
+                objCol = _this$getFieldCfg.objCol;
+
+            if (objCol) {
+              templateArrayNew.push(objCol);
+            }
+            return item;
+          });
+          cmptPros.templateArray = templateArrayNew.length ? templateArrayNew : [];
+        }
+
+        var _this$getFieldCfg2 = _this.getFieldCfg(col, fieldType),
+            objCol = _this$getFieldCfg2.objCol,
+            emptyCol = _this$getFieldCfg2.emptyCol;
+
+        if (objCol) {
+          arrCols.push(objCol);
+        }
+        if (emptyCol) {
+          arrColsEmpty.push(emptyCol);
+        }
+        return col;
+      });
+      if (arrCols.length && arrColsEmpty.length) {
+        arrCols.push.apply(arrCols, arrColsEmpty);
+      }
+      return arrCols.length ? arrCols : null;
+    }, _this.getFieldCfg = function (item, fieldTypeP) {
+      // fieldTypeP 父级类型
+      var e3wFieldCfg = _this.props.e3wFieldCfg;
+      var fieldId = item.fieldId,
+          value = item.value,
+          _item$cmptPros = item.cmptPros,
+          cmptPros = _item$cmptPros === undefined ? {} : _item$cmptPros,
+          _item$formItemProps = item.formItemProps,
+          formItemProps = _item$formItemProps === undefined ? {} : _item$formItemProps;
+      var templateArray = cmptPros.templateArray;
+      var extra = formItemProps.extra;
+      var label = item.label,
+          requiredMessage = item.requiredMessage;
+
+      var objCfg = e3wFieldCfg && e3wFieldCfg[fieldId] && e3wFieldCfg[fieldId] instanceof Object ? e3wFieldCfg[fieldId] : null;
+      if (objCfg) {
+        var fieldSName = objCfg.fieldSName,
+            fieldDesc = objCfg.fieldDesc,
+            fieldHelpInfo = objCfg.fieldHelpInfo,
+            fieldReqFlag = objCfg.fieldReqFlag,
+            fieldDspFlag = objCfg.fieldDspFlag;
+        var required = item.required;
+
+        if (fieldDspFlag === '0') {
+          // 该字段去除
+          return { objCol: null, emptyCol: { readFlag: true } };
+        } else {
+          if (fieldDesc) {
+            cmptPros.placeholder = fieldDesc;
+          }
+          if (fieldReqFlag === '0') {
+            required = false;
+          } else if (fieldReqFlag === '1') {
+            required = true;
+          }
+          if (fieldTypeP === 'strTemplate') {
+            // 模版字符串
+          } else if (fieldSName || fieldHelpInfo) {
+            if (fieldSName) {
+              label = fieldSName;
+              if (requiredMessage) {
+                requiredMessage = '';
+              }
+              if (fieldHelpInfo) {
+                var strRMsg = _this.getAnalysisType(item);
+                requiredMessage = '\u8BF7' + strRMsg + label;
+              }
+            }
+            if (fieldHelpInfo) {
+              var needHelpFlag = true;
+              if (label && label instanceof Object) {
+                var _label = label,
+                    type = _label.type,
+                    props = _label.props;
+
+                var _ref = type || {},
+                    name = _ref.name;
+
+                var _ref2 = props || {},
+                    title = _ref2.title,
+                    children = _ref2.children,
+                    restProps = (0, _objectWithoutProperties3['default'])(_ref2, ['title', 'children']);
+
+                if (name === 'Tooltip' && title) {
+                  // 创建新的Tooltip组件，继承现有props，更新title
+                  label = _react2['default'].createElement(
+                    _tooltip2['default'],
+                    (0, _extends3['default'])({}, restProps, {
+                      title: _react2['default'].createElement(
+                        'span',
+                        { style: { whiteSpace: 'pre-wrap' } },
+                        fieldHelpInfo
+                      )
+                    }),
+                    children
+                  );
+                  needHelpFlag = false;
+                }
+              }
+              if (needHelpFlag) {
+                label = _react2['default'].createElement(
+                  _tooltip2['default'],
+                  {
+                    placement: 'top',
+                    title: _react2['default'].createElement(
+                      'span',
+                      { style: { whiteSpace: 'pre-wrap' } },
+                      fieldHelpInfo
+                    )
+                  },
+                  label,
+                  _react2['default'].createElement(_icon2['default'], { type: 'question-circle' })
+                );
+              }
+            }
+          }
+          // templateArrayNew.push();
+          return {
+            objCol: (0, _extends3['default'])({}, item, {
+              label: label,
+              required: required,
+              requiredMessage: requiredMessage,
+              cmptPros: (0, _extends3['default'])({}, cmptPros)
+            }),
+            emptyCol: null
+          };
+        }
+      } else if (label || value || templateArray || extra) {
+        return { objCol: item, emptyCol: null };
+      } else {
+        return { objCol: null, emptyCol: { readFlag: true } };
+      }
     }, _this.getItemArea = function (item) {
       var allReadFlag = _this.props.allReadFlag;
       var fieldType = item.fieldType,
@@ -433,23 +626,23 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           break;
       }
     }, _this.getItemValue = function (item) {
-      var _this$props = _this.props,
-          allReadFlag = _this$props.allReadFlag,
-          globalData = _this$props.globalData;
+      var _this$props2 = _this.props,
+          allReadFlag = _this$props2.allReadFlag,
+          globalData = _this$props2.globalData;
       var fieldType = item.fieldType,
           readFlag = item.readFlag,
           cmptPros = item.cmptPros,
           disableFlag = item.disableFlag,
           numberFormat = item.numberFormat;
 
-      var _ref = globalData || {},
-          dataDesensitizationEyeFlag = _ref.dataDesensitizationEyeFlag;
+      var _ref3 = globalData || {},
+          dataDesensitizationEyeFlag = _ref3.dataDesensitizationEyeFlag;
 
       var value = item.value;
 
-      var _ref2 = cmptPros || {},
-          addonAfter = _ref2.addonAfter,
-          numeralFormat = _ref2.numeralFormat;
+      var _ref4 = cmptPros || {},
+          addonAfter = _ref4.addonAfter,
+          numeralFormat = _ref4.numeralFormat;
       // numeralFormat 新组件(金额、数字)的格式化参数
 
 
@@ -639,11 +832,11 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
       }
       return strRMsg;
     }, _this.getFormItem = function (item, itemValue, afterBtns, itemArea, formItemLayout, disableCheckFlag) {
-      var _this$props2 = _this.props,
-          form = _this$props2.form,
-          allReadFlag = _this$props2.allReadFlag,
-          loadFinishFlag = _this$props2.loadFinishFlag,
-          bigFormFlag = _this$props2.bigFormFlag;
+      var _this$props3 = _this.props,
+          form = _this$props3.form,
+          allReadFlag = _this$props3.allReadFlag,
+          loadFinishFlag = _this$props3.loadFinishFlag,
+          bigFormFlag = _this$props3.bigFormFlag;
       var getFieldDecorator = form.getFieldDecorator;
       var formItemChild = item.formItemChild,
           popoverFlag = item.popoverFlag,
@@ -716,6 +909,11 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           rules: [(0, _extends3['default'])({ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7' + strRMsg + label }, objValidator)].concat(addRules)
         });
       }
+      if (fieldType === 'switch') {
+        decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+          valuePropName: 'checked' // 关键：告诉 Form 取 checked 属性
+        });
+      }
       if (itemValue || itemValue === 0) {
         decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
           initialValue: itemValue
@@ -904,9 +1102,9 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
       }
       return strValue;
     }, _this.getStrTemplateItem = function (item, itemArea) {
-      var _this$props3 = _this.props,
-          form = _this$props3.form,
-          allReadFlag = _this$props3.allReadFlag;
+      var _this$props4 = _this.props,
+          form = _this$props4.form,
+          allReadFlag = _this$props4.allReadFlag;
       var getFieldDecorator = form.getFieldDecorator;
       var popoverFlag = item.popoverFlag,
           readFlag = item.readFlag,
@@ -1023,31 +1221,30 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
           )
         );
       }
-    }, _this.getSingleRow = function (rowItem, disableCheckFlag) {
+    }, _this.getSingleRow = function (rowItem, rowItemsF, disableCheckFlag) {
       var cols = rowItem.cols,
           rowReadFlag = rowItem.rowReadFlag,
           rowAftBtnFlag = rowItem.rowAftBtnFlag;
-      var _this$props4 = _this.props,
-          rowItems = _this$props4.rowItems,
-          singleColFlag = _this$props4.singleColFlag,
-          doubleColFlag = _this$props4.doubleColFlag,
-          mixColFlag = _this$props4.mixColFlag,
-          allReadFlag = _this$props4.allReadFlag;
+      var _this$props5 = _this.props,
+          singleColFlag = _this$props5.singleColFlag,
+          doubleColFlag = _this$props5.doubleColFlag,
+          mixColFlag = _this$props5.mixColFlag,
+          allReadFlag = _this$props5.allReadFlag;
 
       var threeRowItemFlag = false;
-      for (var _iterator = rowItems, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
-        var _ref3;
+      for (var _iterator = rowItemsF, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
+        var _ref5;
 
         if (_isArray) {
           if (_i >= _iterator.length) break;
-          _ref3 = _iterator[_i++];
+          _ref5 = _iterator[_i++];
         } else {
           _i = _iterator.next();
           if (_i.done) break;
-          _ref3 = _i.value;
+          _ref5 = _i.value;
         }
 
-        var rItem = _ref3;
+        var rItem = _ref5;
 
         if (rItem.cols.length === 3) {
           threeRowItemFlag = true;
@@ -1217,12 +1414,11 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
       var formItem = _this.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout, disableCheckFlag);
       return formItem;
     }, _this.getAllForms = function () {
-      var _this$props5 = _this.props,
-          rowItems = _this$props5.rowItems,
-          hiddenItems = _this$props5.hiddenItems,
-          loadFinishFlag = _this$props5.loadFinishFlag,
-          bigFormFlag = _this$props5.bigFormFlag,
-          disableCheckFlag = _this$props5.disableCheckFlag;
+      var _this$props6 = _this.props,
+          hiddenItems = _this$props6.hiddenItems,
+          loadFinishFlag = _this$props6.loadFinishFlag,
+          bigFormFlag = _this$props6.bigFormFlag,
+          disableCheckFlag = _this$props6.disableCheckFlag;
 
       if (bigFormFlag === true) {
         if (loadFinishFlag === false) {
@@ -1235,9 +1431,10 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
       // }
       var uiForms = [];
       var hiddenForms = [];
-      if (rowItems) {
-        uiForms = rowItems.map(function (rowItem) {
-          var singleRow = _this.getSingleRow(rowItem, disableCheckFlag);
+      var rowItemsF = _this.getFormCfg();
+      if (rowItemsF) {
+        uiForms = rowItemsF.map(function (rowItem) {
+          var singleRow = _this.getSingleRow(rowItem, rowItemsF, disableCheckFlag);
           return singleRow;
         });
       }
@@ -1335,20 +1532,20 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         label: label
       }, formItemLayout, cmptProsNew));
     }, _this.inputHandler = function (item) {
-      var _item$cmptPros = item.cmptPros,
-          cmptPros = _item$cmptPros === undefined ? {} : _item$cmptPros;
+      var _item$cmptPros2 = item.cmptPros,
+          cmptPros = _item$cmptPros2 === undefined ? {} : _item$cmptPros2;
 
       return _react2['default'].createElement(_input2['default'], cmptPros);
     }, _this.inputEmailHandler = function (item) {
-      var _item$cmptPros2 = item.cmptPros,
-          cmptPros = _item$cmptPros2 === undefined ? {} : _item$cmptPros2;
+      var _item$cmptPros3 = item.cmptPros,
+          cmptPros = _item$cmptPros3 === undefined ? {} : _item$cmptPros3;
 
       return _react2['default'].createElement(_input2['default'], cmptPros);
     }, _this.mobileHandler = function (item) {
       var fieldId = item.fieldId,
           required = item.required,
-          _item$cmptPros3 = item.cmptPros,
-          cmptPros = _item$cmptPros3 === undefined ? {} : _item$cmptPros3;
+          _item$cmptPros4 = item.cmptPros,
+          cmptPros = _item$cmptPros4 === undefined ? {} : _item$cmptPros4;
 
       var addonBeforeCmptPros = item.addonBeforeCmptPros || {};
       addonBeforeCmptPros = (0, _extends3['default'])({ allowClear: false, style: { minWidth: '90px' } }, addonBeforeCmptPros);
@@ -1543,8 +1740,8 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
         _message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
       }
     }, _this.textareaHandler = function (item) {
-      var _item$cmptPros4 = item.cmptPros,
-          cmptPros = _item$cmptPros4 === undefined ? {} : _item$cmptPros4;
+      var _item$cmptPros5 = item.cmptPros,
+          cmptPros = _item$cmptPros5 === undefined ? {} : _item$cmptPros5;
 
       var maxlength = void 0;
       if (cmptPros.maxLength || cmptPros.maxlength) {
@@ -1922,7 +2119,20 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = 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;
 
@@ -2002,7 +2212,11 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = 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,
@@ -2059,6 +2273,14 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
       );
     }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
   }
+  // #region 获取字段配置
+  // 表单配置
+
+  // 获取行配置
+
+  // 获取单字段配置
+
+  // #endregion 获取字段配置
   /** 使用何种表单域 */
 
   /** 获取value */
@@ -2256,8 +2478,12 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
     return _ret2 = (_temp2 = (_this2 = (0, _possibleConstructorReturn3['default'])(this, _Component2.call.apply(_Component2, [this].concat(args))), _this2), _this2.state = {
       leftCount: 0 // 字数输入个数
     }, _this2.onClickFunc = function (e, func) {
-      var globalLoading = _this2.props.loadingFlag.global;
-      if (globalLoading) {
+      var _this2$props$loadingF = _this2.props.loadingFlag,
+          global = _this2$props$loadingF.global,
+          globalFetch = _this2$props$loadingF.globalFetch,
+          globalBlack = _this2$props$loadingF.globalBlack;
+
+      if (global || globalFetch || globalBlack) {
         _notification3['default'].warning({
           message: '温馨提示',
           description: '正在后台处理，请稍后！',
@@ -2791,18 +3017,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 _ref4;
+        var _ref7;
 
         if (_isArray2) {
           if (_i3 >= _iterator2.length) break;
-          _ref4 = _iterator2[_i3++];
+          _ref7 = _iterator2[_i3++];
         } else {
           _i3 = _iterator2.next();
           if (_i3.done) break;
-          _ref4 = _i3.value;
+          _ref7 = _i3.value;
         }
 
-        var rItem = _ref4;
+        var rItem = _ref7;
 
         if (rItem.cols.length === 3) {
           threeRowItemFlag = true;
@@ -3581,8 +3807,8 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
           form = _this2$props7.form,
           allReadFlag = _this2$props7.allReadFlag;
       var getFieldDecorator = form.getFieldDecorator;
-      var _item$cmptPros5 = item.cmptPros,
-          cmptPros = _item$cmptPros5 === undefined ? {} : _item$cmptPros5,
+      var _item$cmptPros6 = item.cmptPros,
+          cmptPros = _item$cmptPros6 === undefined ? {} : _item$cmptPros6,
           label = item.label,
           fieldId = item.fieldId,
           required = item.required,
@@ -3702,7 +3928,22 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
     }, _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;