easy3wui 1.5.84 → 1.5.85

package/lib/Easy3wGridPage/indexM.js

@@ -2,6 +2,10 @@
 
 exports.__esModule = true;
 
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
 var _extends2 = require('babel-runtime/helpers/extends');
 
 var _extends3 = _interopRequireDefault(_extends2);
@@ -56,6 +60,12 @@ 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);
@@ -118,7 +128,10 @@ var Easy3wGridPageM = function (_Component) {
       that.setState({ pagination: { offset: 1, limit: 10 } });
     }
   };
+  // #region 获取表头
+
 
+  // #endregion 获取表头
   Easy3wGridPageM.prototype.render = function render() {
     var _this2 = this;
 
@@ -169,77 +182,75 @@ var Easy3wGridPageM = function (_Component) {
     var printFlag = printArr[1] === printValue;
     var hasFormParentClass = this.myRef.current && this.myRef.current.closest('.e3wFormPageWrap'); // 是否处于表单页面
     var paginationProps = false; // 默认不分页
-    var recursion = function recursion(arr) {
-      arr.forEach(function (item) {
-        var columnsType = item.type;
-        // const { title } = item;
-        // if (!(printFlag || hasFormParentClass) && title && typeof title === 'string' && title.length > 6) {
-        //   item.title = <Tooltip placement="topLeft" title={title}>{title.substring(0, 6)}...</Tooltip>;
-        // }
-        switch (columnsType) {
-          case 'shortText':
-            item.className = 'e3wGridShortText';break;
-          case 'longText':
-            item.className = 'e3wGridLongText';break;
-          case 'number':
-            item.className = 'e3wGridNumber';break;
-          case 'maxText':
-            item.className = 'e3wMaxText';break;
-          case 'numeralFormat':
-            item.className = 'e3wGridNumber';break;
-          default:
-            item.className = 'e3wGridShortText';
-            break;
-        }
-        if (item.children) {
-          recursion(item.children);
-        }
-      });
-    };
-    var recursionT = function recursionT(arr) {
-      arr.forEach(function (item) {
-        if (!item.render) {
-          item.render = function (text) {
-            var globalData = _this2.props.globalData;
-
-            var _ref = globalData || {},
-                dataDesensitizationEyeFlag = _ref.dataDesensitizationEyeFlag;
-
-            var strTextNew = _comonConfig.dataDesensitizationFlag ? dataDesensitizationEyeFlag ? text : (0, _easy3wui.Easy3wGetDesensitization)(text) : text;
-            if (strTextNew && strTextNew.length * 14 > 160) {
-              return _react2['default'].createElement(
-                _tooltip2['default'],
-                { placement: 'topLeft', title: strTextNew, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
-                strTextNew
-              );
-            } else {
-              return strTextNew;
-            }
-          };
-          if (item.type === 'numeralFormat') {
-            item.render = function (text) {
-              return _react2['default'].createElement(
-                _tooltip2['default'],
-                { placement: 'topLeft', title: _this2.numeralFormat(text), style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
-                _this2.numeralFormat(text)
-              );
-            };
-          }
-        }if (item.fixed) {
-          item.className = 'e3wText';
-          item.minWidth = 5;
-        }
-        if (item.children) {
-          recursionT(item.children);
-        }
-      });
-    };
-    recursion(columns);
-    if (dataList) {
-      if (dataList.length > 0) {
-        recursionT(columns);
-      }
-    }
+    // const recursion = (arr) => {
+    //   arr.forEach((item) => {
+    //     const columnsType = item.type;
+    //     // const { title } = item;
+    //     // if (!(printFlag || hasFormParentClass) && title && typeof title === 'string' && title.length > 6) {
+    //     //   item.title = <Tooltip placement="topLeft" title={title}>{title.substring(0, 6)}...</Tooltip>;
+    //     // }
+    //     switch (columnsType) {
+    //       case 'shortText':
+    //         item.className = 'e3wGridShortText'; break;
+    //       case 'longText':
+    //         item.className = 'e3wGridLongText'; break;
+    //       case 'number':
+    //         item.className = 'e3wGridNumber'; break;
+    //       case 'maxText':
+    //         item.className = 'e3wMaxText'; break;
+    //       case 'numeralFormat':
+    //         item.className = 'e3wGridNumber'; break;
+    //       default:
+    //         item.className = 'e3wGridShortText';
+    //         break;
+    //     }
+    //     if (item.children) {
+    //       recursion(item.children);
+    //     }
+    //   });
+    // };
+    // const recursionT = (arr) => {
+    //   arr.forEach((item) => {
+    //     if (!item.render) {
+    //       item.render = (text) => {
+    //         const { globalData } = this.props;
+    //         const { dataDesensitizationEyeFlag } = globalData || {};
+    //         const strTextNew = dataDesensitizationFlag ? (dataDesensitizationEyeFlag ? text : Easy3wGetDesensitization(text)) : text;
+    //         if (strTextNew && strTextNew.length * 14 > 160) {
+    //           return (
+    //             <Tooltip placement="topLeft" title={strTextNew} style={{ whiteSpace: 'pre-wrap', wordWrap: 'break-word' }}>
+    //               {strTextNew}
+    //             </Tooltip>
+    //           );
+    //         } else {
+    //           return strTextNew;
+    //         }
+    //       };
+    //       if (item.type === 'numeralFormat') {
+    //         item.render = (text) => {
+    //           return (
+    //             <Tooltip placement="topLeft" title={this.numeralFormat(text)} style={{ whiteSpace: 'pre-wrap', wordWrap: 'break-word' }}>
+    //               {this.numeralFormat(text)}
+    //             </Tooltip>
+    //           );
+    //         };
+    //       }
+    //     } if (item.fixed) {
+    //       item.className = 'e3wText';
+    //       item.minWidth = 5;
+    //     }
+    //     if (item.children) {
+    //       recursionT(item.children);
+    //     }
+    //   });
+    // };
+    // recursion(columns);
+    // if (dataList) {
+    //   if (dataList.length > 0) {
+    //     recursionT(columns);
+    //   }
+    // }
+    var myColumns = this.getColumns(columns);
     var rowSelection = null;
     if (checkType) {
       // 若需选择框
@@ -266,7 +277,6 @@ var Easy3wGridPageM = function (_Component) {
         }
       };
     }
-    var myColumns = columns;
     // 处理分页 start
     if (needPaginationFlag || handleSearchNew) {
       var defaultCurrent = paginationInfo ? paginationInfo.offset : 1;
@@ -286,8 +296,8 @@ var Easy3wGridPageM = function (_Component) {
         pageSizeOptions: ['10', '20', '30', '40', '50', '100']
       };
       if (autoAddNumber) {
-        if (columns.length > 0) {
-          var fixed = columns[0].fixed;
+        if (myColumns.length > 0) {
+          var fixed = myColumns[0].fixed;
 
           myColumns = [{
             title: '序号',
@@ -303,7 +313,7 @@ var Easy3wGridPageM = function (_Component) {
                 ' '
               );
             }
-          }].concat(columns);
+          }].concat(myColumns);
         }
       }
     }
@@ -690,6 +700,182 @@ var _initialiseProps = function _initialiseProps() {
       handleSearchNew(paginationInfo, formVal);
     }
   };
+
+  this.getColumns = function (columns) {
+    var dataList = _this3.props.dataList;
+
+    var myColumns = [];
+    columns.map(function (item) {
+      var itemNew = (0, _extends3['default'])({}, item);
+      var columnsType = item.type;
+      switch (columnsType) {
+        case 'shortText':
+          itemNew.className = 'e3wGridShortText';break;
+        case 'longText':
+          itemNew.className = 'e3wGridLongText';break;
+        case 'number':
+          itemNew.className = 'e3wGridNumber';break;
+        case 'maxText':
+          itemNew.className = 'e3wMaxText';break;
+        case 'numeralFormat':
+          itemNew.className = 'e3wGridNumber';break;
+        default:
+          itemNew.className = 'e3wGridShortText';
+          break;
+      }
+      if (item.children) {
+        itemNew.children = _this3.getColumns(item.children);
+      }
+      if (dataList && dataList.length) {
+        if (!item.render) {
+          itemNew.render = function (text) {
+            var globalData = _this3.props.globalData;
+
+            var _ref = globalData || {},
+                dataDesensitizationEyeFlag = _ref.dataDesensitizationEyeFlag;
+
+            var strTextNew = _comonConfig.dataDesensitizationFlag ? dataDesensitizationEyeFlag ? text : (0, _easy3wui.Easy3wGetDesensitization)(text) : text;
+            if (strTextNew && strTextNew.length * 14 > 160) {
+              return _react2['default'].createElement(
+                _tooltip2['default'],
+                { placement: 'topLeft', title: strTextNew, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
+                strTextNew
+              );
+            } else {
+              return strTextNew;
+            }
+          };
+          if (item.type === 'numeralFormat') {
+            itemNew.render = function (text) {
+              return _react2['default'].createElement(
+                _tooltip2['default'],
+                { placement: 'topLeft', title: _this3.numeralFormat(text), style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
+                _this3.numeralFormat(text)
+              );
+            };
+          }
+        }if (item.fixed) {
+          itemNew.className = 'e3wText';
+          itemNew.minWidth = 5;
+        }
+      }
+      var e3wFieldCfg = _this3.props.e3wFieldCfg;
+      var dataIndex = item.dataIndex;
+      var required = item.required,
+          title = item.title,
+          helpInfo = item.helpInfo;
+
+      var objCfg = e3wFieldCfg && e3wFieldCfg[dataIndex] && e3wFieldCfg[dataIndex] instanceof Object ? e3wFieldCfg[dataIndex] : null;
+      if (objCfg) {
+        var fieldSName = objCfg.fieldSName,
+            fieldDesc = objCfg.fieldDesc,
+            fieldHelpInfo = objCfg.fieldHelpInfo,
+            fieldReqFlag = objCfg.fieldReqFlag,
+            fieldDspFlag = objCfg.fieldDspFlag;
+
+        if (fieldDspFlag === '0') {
+          return item;
+        } else {
+          required = fieldReqFlag === '0' ? false : fieldReqFlag === '1' ? true : required;
+          if (fieldSName) {
+            title = fieldSName;
+          }
+          helpInfo = fieldHelpInfo || helpInfo;
+          if (helpInfo) {
+            var needHelpFlag = true;
+            if (title && title instanceof Object) {
+              var _title = title,
+                  props = _title.props;
+
+              var _ref2 = props || {},
+                  placement = _ref2.placement,
+                  titleT = _ref2.title,
+                  children = _ref2.children,
+                  restProps = (0, _objectWithoutProperties3['default'])(_ref2, ['placement', 'title', 'children']);
+
+              if (placement && titleT && children) {
+                // 创建新的Tooltip组件，继承现有props，更新title
+                title = _react2['default'].createElement(
+                  _tooltip2['default'],
+                  (0, _extends3['default'])({}, restProps, {
+                    title: _react2['default'].createElement(
+                      'span',
+                      { style: { whiteSpace: 'pre-wrap' } },
+                      helpInfo
+                    )
+                  }),
+                  children
+                );
+                needHelpFlag = false;
+              }
+            }
+            if (needHelpFlag) {
+              title = _react2['default'].createElement(
+                _tooltip2['default'],
+                {
+                  placement: 'top',
+                  title: _react2['default'].createElement(
+                    'span',
+                    { style: { whiteSpace: 'pre-wrap' } },
+                    helpInfo
+                  )
+                },
+                title,
+                _react2['default'].createElement(_icon2['default'], { type: 'question-circle' })
+              );
+            }
+          }
+          if (required) {
+            title = _react2['default'].createElement(
+              'span',
+              null,
+              _react2['default'].createElement(
+                'span',
+                { style: { color: 'red' } },
+                '*'
+              ),
+              title
+            );
+          }
+        }
+        itemNew.title = title;
+        // } else {
+      } else {
+        if (helpInfo) {
+          title = _react2['default'].createElement(
+            _tooltip2['default'],
+            {
+              placement: 'top',
+              title: _react2['default'].createElement(
+                'span',
+                { style: { whiteSpace: 'pre-wrap' } },
+                helpInfo
+              )
+            },
+            title,
+            _react2['default'].createElement(_icon2['default'], { type: 'question-circle' })
+          );
+        }
+        if (required) {
+          // required, title: titlec, helpInfo
+          title = _react2['default'].createElement(
+            'span',
+            null,
+            _react2['default'].createElement(
+              'span',
+              { style: { color: 'red' } },
+              '*'
+            ),
+            title
+          );
+        }
+        itemNew.title = title;
+      }
+      myColumns.push(itemNew);
+      return item;
+    });
+    return myColumns;
+  };
 };
 
 exports['default'] = Easy3wGridPageM;