linkmore-design 1.0.93 → 1.0.95

package/lib/LmTable/Table.js

@@ -9,10 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Summary = void 0;
 
-require("antd/es/config-provider/style");
-
-var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -23,7 +19,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
+var _proTable = _interopRequireWildcard(require("@ant-design/pro-table"));
 
 var _sortable = require("@dnd-kit/sortable");
 
@@ -39,6 +35,8 @@ var _immer = require("immer");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
+var _ConfigProvider = _interopRequireDefault(require("../ConfigProvider"));
+
 var _IconFont = _interopRequireDefault(require("../IconFont"));
 
 var _Empty = _interopRequireDefault(require("../Empty"));
@@ -83,7 +81,7 @@ var range = function range(start, end) {
   var array = [];
   var inc = end - start > 0;
 
-  for (var i = start; inc ? i <= end : i >= end; inc ? i++ : i--) {
+  for (var i = start; inc ? i <= end : i >= end; inc ? i += 1 : i -= 1) {
     inc ? array.push(i) : array.unshift(i);
   }
 
@@ -183,6 +181,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setExpandedRowKeys = _useState8[1];
 
   var deepDataSourceRef = (0, _react.useRef)([]);
+  /** */
+
+  var deepColumnsRef = (0, _react.useRef)([]);
   /** 行分组 */
 
   var groupDataSource = (0, _react.useMemo)(function () {
@@ -224,6 +225,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
       sheelStataus = _useState10[0],
       setSheelStatus = _useState10[1];
+  /**
+   * start: {i, j} 框选的坐标开始位置
+   * end: {i, j} 框选的坐标结束位置
+   * commiting: { start: {i, j}, end: {i, j}} 提交
+   */
+
 
   var shellStatusRef = (0, _react.useRef)({
     start: {},
@@ -287,7 +294,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   });
   (0, _react.useEffect)(function () {
     dataSourceRef.current = dataSource;
-  }, [dataSource]);
+  }, [dataSource]); // 行分组数据铺平, 在框选时获取数据使用
+
   (0, _react.useEffect)(function () {
     var source = [];
 
@@ -303,7 +311,24 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     deepChildren(dataSource);
     deepDataSourceRef.current = source;
-  }, [dataSource, expandedRowKeys]);
+  }, [dataSource, expandedRowKeys]); // 列分组数据铺平，在框选时获取数据使用
+
+  (0, _react.useEffect)(function () {
+    var source = [];
+
+    var deepChildren = function deepChildren(arr) {
+      arr.forEach(function (item) {
+        if (item.children && item.children.length) {
+          deepChildren(item.children);
+        } else {
+          source.push(item);
+        }
+      });
+    };
+
+    deepChildren(columns);
+    deepColumnsRef.current = source;
+  }, [columns, columnKeys]);
 
   var onSortEnd = function onSortEnd(_ref) {
     var oldIndex = _ref.oldIndex,
@@ -364,7 +389,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   };
 
-  var endResize = function endResize(e, data) {
+  var endResize = function endResize() {
     setTimeout(function () {
       filterChange === null || filterChange === void 0 ? void 0 : filterChange(useColumns);
     });
@@ -398,13 +423,15 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       isVaildCommit: isEmpty(commiting) ? false : isSelected && !(0, _util.checkIsSelectd)(i, j, commiting === null || commiting === void 0 ? void 0 : commiting.start, commiting === null || commiting === void 0 ? void 0 : commiting.end)
     };
   };
+  /** 获取框选的数据 */
+
 
   var getSelectDatas = function getSelectDatas(start, end) {
     return range(start.i, end.i).map(function (i) {
       return range(start.j, end.j).map(function (j) {
         var _columns$j, _columns$j2;
 
-        var columnKey = (_columns$j = columns[j]) === null || _columns$j === void 0 ? void 0 : _columns$j.dataIndex;
+        var columnKey = (columnKeys === null || columnKeys === void 0 ? void 0 : columnKeys.length) ? deepColumnsRef.current[j].dataIndex : (_columns$j = columns[j]) === null || _columns$j === void 0 ? void 0 : _columns$j.dataIndex;
         var dataItem = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) ? deepDataSourceRef.current[i] : dataSource[i];
         var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
 
@@ -497,7 +524,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           start = _shellStatusRef$curre10.start,
           end = _shellStatusRef$curre10.end,
           commiting = _shellStatusRef$curre10.commiting;
-      var columnsKeysList = columns.map(function (item) {
+      var innerColumns = (columnKeys === null || columnKeys === void 0 ? void 0 : columnKeys.length) ? deepColumnsRef.current : columns;
+      var columnsKeysList = innerColumns.map(function (item) {
         return item.dataIndex;
       });
       var rowtext = range(commiting === null || commiting === void 0 ? void 0 : commiting.start.i, commiting === null || commiting === void 0 ? void 0 : commiting.end.i).map(function (i) {
@@ -510,25 +538,29 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
       var coltext = range(commiting === null || commiting === void 0 ? void 0 : commiting.start.i, commiting === null || commiting === void 0 ? void 0 : commiting.end.i).map(function (i) {
         return range(commiting === null || commiting === void 0 ? void 0 : commiting.start.j, commiting === null || commiting === void 0 ? void 0 : commiting.end.j).map(function (j) {
-          var _columns$j4, _columns$j5;
+          var _innerColumns$j, _innerColumns$j2;
 
-          var columnKey = (_columns$j4 = columns[j]) === null || _columns$j4 === void 0 ? void 0 : _columns$j4.dataIndex;
+          var columnKey = (_innerColumns$j = innerColumns[j]) === null || _innerColumns$j === void 0 ? void 0 : _innerColumns$j.dataIndex;
           var dataItem = (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) ? deepDataSourceRef.current[i] : dataSource[i];
           var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
 
-          if ((_columns$j5 = columns[j]) === null || _columns$j5 === void 0 ? void 0 : _columns$j5.render) {
-            var _columns$j6, _columns$j6$render;
+          if ((_innerColumns$j2 = innerColumns[j]) === null || _innerColumns$j2 === void 0 ? void 0 : _innerColumns$j2.render) {
+            var _innerColumns$j3, _innerColumns$j3$rend;
 
-            return (_columns$j6 = columns[j]) === null || _columns$j6 === void 0 ? void 0 : (_columns$j6$render = _columns$j6.render) === null || _columns$j6$render === void 0 ? void 0 : _columns$j6$render.call(_columns$j6, cell, dataItem, i);
+            return (_innerColumns$j3 = innerColumns[j]) === null || _innerColumns$j3 === void 0 ? void 0 : (_innerColumns$j3$rend = _innerColumns$j3.render) === null || _innerColumns$j3$rend === void 0 ? void 0 : _innerColumns$j3$rend.call(_innerColumns$j3, cell, dataItem, i);
           }
 
           return cell;
         });
       });
+      /** 选择范围 例如：i:[0,1], j:[1,2] */
+
       var selectedRange = {
         i: range(start.i, end.i),
         j: range(start.j, end.j)
       };
+      /** 提交范围 */
+
       var commitRange = {
         i: range(commiting === null || commiting === void 0 ? void 0 : (_commiting$start = commiting.start) === null || _commiting$start === void 0 ? void 0 : _commiting$start.i, commiting === null || commiting === void 0 ? void 0 : (_commiting$end = commiting.end) === null || _commiting$end === void 0 ? void 0 : _commiting$end.i),
         j: range(commiting === null || commiting === void 0 ? void 0 : (_commiting$start2 = commiting.start) === null || _commiting$start2 === void 0 ? void 0 : _commiting$start2.j, commiting === null || commiting === void 0 ? void 0 : (_commiting$end2 = commiting.end) === null || _commiting$end2 === void 0 ? void 0 : _commiting$end2.j)
@@ -835,54 +867,67 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   }, []);
   var resetColumns = (0, _react.useCallback)(function () {
-    var result = useColumns.filter(function (item) {
-      return item.show !== false;
-    }).map(function (col, index) {
-      var obj = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, col), {}, {
-        width: col.width,
-        onHeaderCell: function onHeaderCell(column) {
-          return {
-            width: column.width,
-            // onResize: (e, size) => handleResize(e, size, index),
-            onResize: handleResize(index),
-            onResizeStop: endResize
-          };
+    var colIndex = 0;
+
+    var traverseColumns = function traverseColumns(columns) {
+      columns.forEach(function (col) {
+        if (col.show === false) {
+          return;
         }
-      });
 
-      if (openSheet) {
-        obj.onCell = function (record, rowIndex) {
-          return {
-            record: record,
-            rowKey: rowKey,
-            col: col,
-            colIndex: index,
-            selectIng: selectIng,
-            editIng: editIng,
-            commitIng: commitIng,
-            rowIndex: rowIndex,
-            onMouseDown: sheelMouseDown,
-            onMouseOver: onMouseOver,
-            onContextMenu: onContextMenu,
-            isSelected: isSelected,
-            onDoubleClick: onSheelDoubleClick,
-            dataSourceChange: dataSourceChange
+        if (col.children && col.children.length) {
+          traverseColumns(col.children);
+        } else {
+          // $_ 开头表示私有属性
+          col.$_colIndex = colIndex;
+
+          col.onHeaderCell = function (column) {
+            return {
+              width: column.width,
+              onResize: handleResize(col.$_colIndex),
+              onResizeStop: endResize
+            };
           };
-        };
-      }
 
-      return obj;
-    });
+          if (openSheet) {
+            col.onCell = function (record, rowIndex) {
+              return {
+                record: record,
+                rowKey: rowKey,
+                col: col,
+                colIndex: col.$_colIndex,
+                selectIng: selectIng,
+                editIng: editIng,
+                commitIng: commitIng,
+                rowIndex: rowIndex,
+                onMouseDown: sheelMouseDown,
+                onMouseOver: onMouseOver,
+                onContextMenu: onContextMenu,
+                isSelected: isSelected,
+                onDoubleClick: onSheelDoubleClick,
+                dataSourceChange: dataSourceChange
+              };
+            };
+          }
+        }
+
+        colIndex += 1;
+      });
+    };
+
+    var innerColumns = (0, _lodash.cloneDeep)(useColumns);
+    traverseColumns(innerColumns, null);
 
     if (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) {
-      result = [{
-        dataIndex: 'group',
+      innerColumns = [{
+        type: 'name',
         title: '分组',
-        key: 'group'
-      }].concat((0, _toConsumableArray2.default)(result));
+        key: 'group',
+        width: 100
+      }].concat((0, _toConsumableArray2.default)(innerColumns));
     }
 
-    return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(result)) : result;
+    return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(innerColumns)) : innerColumns;
   }, [useColumns, sortOpen, selectIng, dataSource, groupInfo, commitIng]);
   (0, _react.useEffect)(function () {
     setColumns(columns);
@@ -920,13 +965,15 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   //     height: autoSize.height, // 此值和scrollY值相同. 必传.
   //   })
   // }, [autoSize.height])
+  // const { locale: contextLocale = defaultLocale } = React.useContext(ConfigContext)
+  // const tableLocale = { ...contextLocale.Table, ...locale }
   // 复选框配置
 
 
   var config = (0, _react.useMemo)(function () {
     return (0, _objectSpread2.default)({
       defaultSize: 'small',
-      tableLayout: columnKeys ? 'auto' : 'fixed',
+      tableLayout: 'fixed',
       rowKey: rowKey,
       debounceTime: 300,
       revalidateOnFocus: false,
@@ -1163,12 +1210,16 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       width: '100%'
     },
     ref: tableWarpRef
-  }, /*#__PURE__*/_react.default.createElement(_configProvider.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ConfigProvider.default, {
     renderEmpty: loading ? function () {
       return null;
     } : emptyProps ? function () {
       return /*#__PURE__*/_react.default.createElement(_Empty.default, emptyProps, (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.footer) || null);
     } : _customRenderEmpty.default
+  }, /*#__PURE__*/_react.default.createElement(_proTable.ConfigProvider, {
+    value: {
+      intl: _proTable.enUSIntl
+    }
   }, colSortOpen ? /*#__PURE__*/_react.default.createElement(_DndContainer.default, {
     move: onColSortEnd
   }, /*#__PURE__*/_react.default.createElement(_sortableBoxCol.default, {
@@ -1227,7 +1278,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
     }
-  }))), !!customCheck && /*#__PURE__*/_react.default.createElement("div", {
+  })))), !!customCheck && /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_customCheck"
   }, customCheck), contextMenuStatus && /*#__PURE__*/_react.default.createElement("div", {
     ref: contentMenuRef,
@@ -1331,11 +1382,13 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [tableSize, props]);
 
   var changeSize = function changeSize() {
-    var _tableWarpRef$current;
+    if (!tableWarpRef.current) {
+      return;
+    }
 
     var value = props.summary ? 48 : 0;
 
-    var _ref6 = ((_tableWarpRef$current = tableWarpRef.current) === null || _tableWarpRef$current === void 0 ? void 0 : _tableWarpRef$current.getBoundingClientRect()) || {},
+    var _ref6 = tableWarpRef.current.getBoundingClientRect() || {},
         _ref6$width = _ref6.width,
         width = _ref6$width === void 0 ? '100%' : _ref6$width,
         _ref6$height = _ref6.height,
@@ -1351,13 +1404,15 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useEffect)(function () {
     var summary = props.summary;
     setTimeout(function () {
-      var _tableWarpRef$current5;
+      if (!tableWarpRef.current) {
+        return;
+      }
 
-      var _tableWarpRef$current2 = (_tableWarpRef$current5 = tableWarpRef.current) === null || _tableWarpRef$current5 === void 0 ? void 0 : _tableWarpRef$current5.getBoundingClientRect(),
-          _tableWarpRef$current3 = _tableWarpRef$current2.width,
-          width = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3,
-          _tableWarpRef$current4 = _tableWarpRef$current2.height,
-          height = _tableWarpRef$current4 === void 0 ? '100%' : _tableWarpRef$current4;
+      var _tableWarpRef$current = tableWarpRef.current.getBoundingClientRect(),
+          _tableWarpRef$current2 = _tableWarpRef$current.width,
+          width = _tableWarpRef$current2 === void 0 ? '100%' : _tableWarpRef$current2,
+          _tableWarpRef$current3 = _tableWarpRef$current.height,
+          height = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3;
 
       var value = summary ? 48 : 0;
       setTableSize({

package/lib/LmTable/components/sheelTableCell.js

@@ -97,7 +97,7 @@ var SheelTabelCell = function SheelTabelCell(props) {
 
 
   var handleContextMenu = function handleContextMenu(e) {
-    if (!col.disableEvents) {
+    if (col && !col.disableEvents) {
       onContextMenu === null || onContextMenu === void 0 ? void 0 : onContextMenu(e, rowIndex, colIndex);
     }
   };

package/lib/LmTable/test/index.js

@@ -0,0 +1,254 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.myDataSource = exports.myColumns = void 0;
+var myDataSource = [{
+  dataIndex: '13',
+  name: '胡彦祖13',
+  id: 2,
+  age: 42,
+  address: '西湖区湖底公园13号',
+  name_小黄_key_0: '1',
+  name_小黄_name_0: '小黄',
+  name_小黄_id_0: 2,
+  name_小黄_age_0: 87,
+  name_小黄_address_0: '天堂',
+  name_小黄_key_1: '2',
+  name_小黄_name_1: '小黄',
+  name_小黄_id_1: 2,
+  name_小黄_age_1: 42,
+  name_小黄_address_1: '西湖区湖底公园2号',
+  name_小黄_key_2: '3',
+  name_小黄_name_2: '小黄',
+  name_小黄_id_2: 1,
+  name_小黄_age_2: 32,
+  name_小黄_address_2: '西湖区湖底公园3号',
+  name_小红_key_0: '4',
+  name_小红_name_0: '小红',
+  name_小红_id_0: 2,
+  name_小红_age_0: 42,
+  name_小红_address_0: '西湖区湖底公园4号',
+  name_达铭_key_0: '5',
+  name_达铭_name_0: '达铭',
+  name_达铭_id_0: 1,
+  name_达铭_age_0: 32,
+  name_达铭_address_0: '西湖区湖底公园5号',
+  name_乔克_key_0: '6',
+  name_乔克_name_0: '乔克',
+  name_乔克_id_0: 2,
+  name_乔克_age_0: 42,
+  name_乔克_address_0: '西湖区湖底公园6号',
+  name_零榆_key_0: '7',
+  name_零榆_name_0: '零榆',
+  name_零榆_id_0: 1,
+  name_零榆_age_0: 32,
+  name_零榆_address_0: '西湖区湖底公园7号',
+  name_小迪_key_0: '8',
+  name_小迪_name_0: '小迪',
+  name_小迪_id_0: 2,
+  name_小迪_age_0: 42,
+  name_小迪_address_0: '西湖区湖底公园8号',
+  name_小白_key_0: '9',
+  name_小白_name_0: '小白',
+  name_小白_id_0: 2,
+  name_小白_age_0: 42,
+  name_小白_address_0: '西湖区湖底公园9号',
+  name_小黑_key_0: '10',
+  name_小黑_name_0: '小黑',
+  name_小黑_id_0: 1,
+  name_小黑_age_0: 32,
+  name_小黑_address_0: '西湖区湖底公园10号',
+  name_胡彦祖11_key_0: '11',
+  name_胡彦祖11_name_0: '胡彦祖11',
+  name_胡彦祖11_id_0: 2,
+  name_胡彦祖11_age_0: 42,
+  name_胡彦祖11_address_0: '西湖区湖底公园11号',
+  name_胡彦斌12_key_0: '12',
+  name_胡彦斌12_name_0: '胡彦斌12',
+  name_胡彦斌12_id_0: 1,
+  name_胡彦斌12_age_0: 32,
+  name_胡彦斌12_address_0: '西湖区湖底公园12号'
+}];
+exports.myDataSource = myDataSource;
+var myColumns = [{
+  type: 'name',
+  title: '小黄',
+  dataIndex: '小黄_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_小黄_age_0',
+    etype: 'number',
+    width: 100,
+    key: 0
+  }, {
+    title: '住址',
+    dataIndex: 'name_小黄_address_0',
+    width: 100,
+    key: 1
+  }, {
+    title: '年龄',
+    dataIndex: 'name_小黄_age_1',
+    etype: 'number',
+    width: 100,
+    key: 2
+  }, {
+    title: '住址',
+    dataIndex: 'name_小黄_address_1',
+    width: 100,
+    key: 9
+  }, {
+    title: '年龄',
+    dataIndex: 'name_小黄_age_2',
+    etype: 'number',
+    width: 100,
+    key: 3
+  }, {
+    title: '住址',
+    dataIndex: 'name_小黄_address_2',
+    width: 100,
+    key: 4
+  }]
+}, {
+  type: 'name',
+  title: '小红',
+  dataIndex: '小红_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_小红_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_小红_address_0',
+    width: 100
+  }]
+}, {
+  type: 'name',
+  title: '达铭',
+  dataIndex: '达铭_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_达铭_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_达铭_address_0',
+    width: 100
+  }]
+}, {
+  type: 'name',
+  title: '乔克',
+  dataIndex: '乔克_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_乔克_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_乔克_address_0',
+    width: 100
+  }]
+}, {
+  type: 'name',
+  title: '零榆',
+  dataIndex: '零榆_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_零榆_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_零榆_address_0',
+    width: 100
+  }]
+}, {
+  type: 'name',
+  title: '小迪',
+  dataIndex: '小迪_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_小迪_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_小迪_address_0',
+    width: 100
+  }]
+}, {
+  type: 'name',
+  title: '小白',
+  dataIndex: '小白_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_小白_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_小白_address_0',
+    width: 100
+  }]
+}, {
+  type: 'name',
+  title: '小黑',
+  dataIndex: '小黑_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_小黑_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_小黑_address_0',
+    width: 100
+  }]
+}, {
+  type: 'name',
+  title: '胡彦祖11',
+  dataIndex: '胡彦祖11_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_胡彦祖11_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_胡彦祖11_address_0',
+    width: 100
+  }]
+}, {
+  type: 'name',
+  title: '胡彦斌12',
+  dataIndex: '胡彦斌12_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_胡彦斌12_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_胡彦斌12_address_0',
+    width: 100
+  }]
+}, {
+  type: 'name',
+  title: '胡彦祖13',
+  dataIndex: '胡彦祖13_name',
+  children: [{
+    title: '年龄',
+    dataIndex: 'name_胡彦祖13_age_0',
+    etype: 'number',
+    width: 100
+  }, {
+    title: '住址',
+    dataIndex: 'name_胡彦祖13_address_0',
+    width: 100
+  }]
+}];
+exports.myColumns = myColumns;

package/lib/LmTable/util.js

@@ -108,7 +108,7 @@ function transformWithColGroup(columns, dataSource, columnKeys) {
   var dataSourceBy = function dataSourceBy(source) {
     return [source.reduce(function (prev, sItem) {
       if (sItem.children && sItem.children.length) {
-        sItem.children = dataSourceBy(sItem.children);
+        sItem.children = dataSourceBy(sItem.children).flat();
 
         if (!prev) {
           prev = [];