linkmore-design 1.1.28 → 1.1.29

package/es/LmTable/util.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,13 +14,9 @@ exports.isSelectCrossRowGroup = isSelectCrossRowGroup;
 exports.range = void 0;
 exports.transformWithColGroup = transformWithColGroup;
 exports.transformWithRowGroup = transformWithRowGroup;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
-
 /**
  * 生成 start 到 end 数字组成的数组
  * @param {number} start
@@ -31,29 +26,25 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var range = function range(start, end) {
   var array = [];
   var inc = end - start > 0;
-
   for (var i = start; inc ? i <= end : i >= end; inc ? i += 1 : i -= 1) {
     inc ? array.push(i) : array.unshift(i);
   }
-
   return array;
 };
+
 /**
  * 对数据进行分组
  * @param {Array} data
  * @param {string} key
  * @return {Object}
+ * 时间复杂度O(n), 空间复杂度O(n)
  */
-
-
 exports.range = range;
-
 function dataGroup(data, key) {
   var result = {};
   data === null || data === void 0 ? void 0 : data.forEach(function (item) {
     if (item.children) {
       var _Object$keys;
-
       var temp = dataGroup(item.children, key);
       (_Object$keys = Object.keys(temp)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (k) {
         if (!result[k]) result[k] = [];
@@ -73,30 +64,37 @@ function dataGroup(data, key) {
  * @param groupColKeys 列分组的keys
  * @returns
  */
-
-
-function transformWithColGroup(columns, dataSource, groupColKeys) {
+function transformWithColGroup(columns, dataSource, groupColKeys, groupRowKeys) {
   if (!Array.isArray(groupColKeys) || !groupColKeys.length) {
     return {
       columns: columns,
       dataSource: dataSource
     };
   }
-
-  var columnsCopy = _lodash.default.cloneDeep(columns);
-
-  var dataSourceCopy = _lodash.default.cloneDeep(dataSource); // 去重
-
-
+  columns.forEach(function (c) {
+    if (groupRowKeys.includes(c.dataIndex)) {
+      c.show = false;
+    }
+  });
+  var columnsCopy = _lodash.default.cloneDeep(columns.filter(function (item) {
+    return item.joinCol;
+  }));
+  var unColumns = _lodash.default.cloneDeep(columns.filter(function (item) {
+    return !item.joinCol;
+  }));
+  var dataSourceCopy = _lodash.default.cloneDeep(dataSource);
+
+  // 去重
   var groupColKeysCopy = (0, _toConsumableArray2.default)(new Set(groupColKeys));
+
   /**
    * @param {Array} source source数据源，树状结构，行分组会有children子级结构
    * @param {Array} columns 列数据，用于表头，当列分组时会有children子级结构
    * @param {Array<string>} oGroup 数组，列分组的keys值
    * @param {string} markStr
    * @returns
+   * 2万条数据 393ms
    */
-
   var groupBy = function groupBy(source, columns, oGroup, markStr) {
     if (!(oGroup === null || oGroup === void 0 ? void 0 : oGroup.length)) {
       // 表头数据的生成，生成新的 dataIndex 值
@@ -113,11 +111,10 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
         }));
       });
       return handledColumns;
-    } // 拷贝
-
-
-    var group = oGroup.slice(); // 获取列表的第一个值
-
+    }
+    // 拷贝
+    var group = oGroup.slice();
+    // 获取列表的第一个值
     var filterKey = group.shift();
     var map = dataGroup(source, filterKey);
     return Object.keys(map).map(function (item) {
@@ -129,41 +126,34 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
       };
     });
   };
-
   var tempColumns = groupBy(dataSourceCopy, columnsCopy, groupColKeysCopy, null);
+  tempColumns = unColumns.concat(tempColumns);
   var keyMap = new Map();
   var __index = 0;
-
   var dataSourceBy = function dataSourceBy(source) {
     return [source.reduce(function (prev, sItem) {
       if (sItem.children && sItem.children.length) {
         sItem.children = dataSourceBy(sItem.children).flat();
-
         if (!prev) {
           prev = [];
         }
-
         return [].concat((0, _toConsumableArray2.default)(prev), [sItem]);
       } else {
         var _Object$keys2;
-
-        var str = ''; // 根据筛选条件生成对应的前缀key值，比如[name, age] => 'name_xiaoming_age_18'
-
+        var str = '';
+        // 根据筛选条件生成对应的前缀key值，比如[name, age] => 'name_xiaoming_age_18'
         groupColKeysCopy === null || groupColKeysCopy === void 0 ? void 0 : groupColKeysCopy.forEach(function (dataIndex, i) {
           if (i !== 0) {
             str += '_';
           }
-
           str += "".concat(dataIndex, "_").concat(sItem[dataIndex]);
-        }); // 对dataSource的key值进行更改：例如：'name' => 'name_xiaoming_age_18_address'
-
+        });
+        // 对dataSource的key值进行更改：例如：'name' => 'name_xiaoming_age_18_address'
         (_Object$keys2 = Object.keys(sItem)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.forEach(function (key) {
           if (key === '__index') {
             return;
           }
-
           var newKey = "".concat(str, "_").concat(key);
-
           if (keyMap.has(newKey)) {
             var value = keyMap.get(newKey) + 1;
             keyMap.set(newKey, value);
@@ -172,44 +162,42 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
             keyMap.set(newKey, 0);
             newKey = "".concat(newKey, "_", 0);
           }
-
           sItem[newKey] = sItem[key];
           sItem["".concat(newKey, "_originIndex")] = sItem.__index === undefined ? __index : sItem.__index;
         });
         __index += 1;
       }
-
       if (!prev) {
         prev = {};
       }
-
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), sItem);
     }, null)];
   };
-
   var tempDataSource = dataSourceBy(dataSourceCopy).flat();
   return {
     columns: tempColumns,
     dataSource: tempDataSource
   };
 }
+
 /**
  * 行分组
  * @param {Array} dataSource 数据源
  * @param {Array} groupRowKeys 行分组的keys
  * @returns
  */
-
-
 function transformWithRowGroup(dataSource, groupRowKeys) {
   var groupBy = function groupBy(lastFilter, oGroup, preKey) {
     if (!(oGroup === null || oGroup === void 0 ? void 0 : oGroup.length)) return lastFilter;
     var group = oGroup.slice();
-    var filterKey = group.shift(); // 记录数据原来的位置索引信息
-
+    var filterKey = group.shift();
+    // 记录数据原来的位置索引信息
     var i = 0;
     var map = lastFilter.reduce(function (acc, el) {
       var value = el[filterKey];
+      if (value === undefined) {
+        value = '-';
+      }
       acc[value] = [].concat((0, _toConsumableArray2.default)(acc[value] || []), [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, el), {}, {
         __index: i
       })]);
@@ -218,13 +206,11 @@ function transformWithRowGroup(dataSource, groupRowKeys) {
     }, {});
     return Object.keys(map).map(function (item) {
       var key;
-
       if (preKey) {
         key = "".concat(preKey, "_").concat(filterKey, "_").concat(item);
       } else {
         key = "".concat(filterKey, "_").concat(item);
       }
-
       return {
         type: filterKey,
         _group: item,
@@ -233,10 +219,8 @@ function transformWithRowGroup(dataSource, groupRowKeys) {
       };
     });
   };
-
   return groupBy(dataSource, groupRowKeys);
 }
-
 function checkIsSelectd(i, j) {
   var start = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
@@ -246,10 +230,9 @@ function checkIsSelectd(i, j) {
   var negY = i <= start.i && i >= end.i;
   return posX && posY || negX && posY || negX && negY || posX && negY;
 }
-
 function checkStatus(i, j, commiting) {
   var start = commiting.start,
-      end = commiting.end;
+    end = commiting.end;
   var maxi = Math.max(start === null || start === void 0 ? void 0 : start.i, end.i);
   var mini = Math.min(start === null || start === void 0 ? void 0 : start.i, end.i);
   var maxj = Math.max(start === null || start === void 0 ? void 0 : start.j, end.j);
@@ -259,6 +242,7 @@ function checkStatus(i, j, commiting) {
     isVaildCommit: mini <= i && maxi >= i || minj <= j && maxj >= j
   };
 }
+
 /**
  * 获取选中行文本
  * @param {Object}
@@ -269,12 +253,10 @@ function checkStatus(i, j, commiting) {
  * }
  * @returns {Array}
  */
-
-
 function getSelectionRowText(_ref) {
   var selection = _ref.selection,
-      columnsKeysList = _ref.columnsKeysList,
-      dataSource = _ref.dataSource;
+    columnsKeysList = _ref.columnsKeysList,
+    dataSource = _ref.dataSource;
   var rowtext = range(selection === null || selection === void 0 ? void 0 : selection.start.i, selection === null || selection === void 0 ? void 0 : selection.end.i).map(function (i) {
     return columnsKeysList.map(function (j) {
       var columnKey = j;
@@ -285,75 +267,64 @@ function getSelectionRowText(_ref) {
   });
   return rowtext;
 }
+
 /**
  * 获取选中列文本
  * @param {Object}
  * @returns {Array}
  */
-
-
 function getSelectionColText(_ref2) {
   var selection = _ref2.selection,
-      columns = _ref2.columns,
-      dataSource = _ref2.dataSource;
+    columns = _ref2.columns,
+    dataSource = _ref2.dataSource;
   var coltext = range(selection === null || selection === void 0 ? void 0 : selection.start.i, selection === null || selection === void 0 ? void 0 : selection.end.i).map(function (i) {
     return range(selection === null || selection === void 0 ? void 0 : selection.start.j, selection === null || selection === void 0 ? void 0 : selection.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 dataItem = dataSource[i];
       var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
-
       if ((_columns$j2 = columns[j]) === null || _columns$j2 === void 0 ? void 0 : _columns$j2.render) {
         var _columns$j3, _columns$j3$render;
-
         return (_columns$j3 = columns[j]) === null || _columns$j3 === void 0 ? void 0 : (_columns$j3$render = _columns$j3.render) === null || _columns$j3$render === void 0 ? void 0 : _columns$j3$render.call(_columns$j3, cell, dataItem, i);
       }
-
       return cell;
     });
   });
   return coltext;
 }
+
 /**
  * 获取key所对应的原始数据的索引
  * @param {Object} {key, dataSource}
  * @returns {number}
  */
-
-
 function getDataSourceIndex(_ref3) {
   var key = _ref3.key,
-      _ref3$dataSource = _ref3.dataSource,
-      dataSource = _ref3$dataSource === void 0 ? [] : _ref3$dataSource;
+    _ref3$dataSource = _ref3.dataSource,
+    dataSource = _ref3$dataSource === void 0 ? [] : _ref3$dataSource;
   var index = -1;
-
   var dfs = function dfs(arr) {
     if (!Array.isArray(arr)) {
       return;
     }
-
     if (index !== -1) {
       return;
     }
-
     for (var i = 0; i < arr.length; i += 1) {
       var item = arr[i];
-
       if (item["".concat(key, "_originIndex")] !== undefined) {
         index = item["".concat(key, "_originIndex")];
         return;
       }
-
       if (item.children) {
         dfs(item.children);
       }
     }
   };
-
   dfs(dataSource);
   return index;
 }
+
 /**
  * 框选是否跨行分组
  * @param {number} i
@@ -361,36 +332,28 @@ function getDataSourceIndex(_ref3) {
  * @param {React.Ref} deepDataSourceRef
  * @returns
  */
-
-
 function isSelectCrossRowGroup(i, shellStatusRef, deepDataSourceRef) {
   var _shellStatusRef$curre;
-
   var x;
   var y;
-
   if ((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre = shellStatusRef.current) === null || _shellStatusRef$curre === void 0 ? void 0 : _shellStatusRef$curre.commiting.start.i) < i) {
     var _shellStatusRef$curre2;
-
     x = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre2 = shellStatusRef.current) === null || _shellStatusRef$curre2 === void 0 ? void 0 : _shellStatusRef$curre2.commiting.start.i;
     y = i;
   } else {
     var _shellStatusRef$curre3;
-
     x = i;
     y = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre3 = shellStatusRef.current) === null || _shellStatusRef$curre3 === void 0 ? void 0 : _shellStatusRef$curre3.commiting.start.i;
   }
-
   for (; x <= y; x += 1) {
     var _deepDataSourceRef$cu;
-
     if ((deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu = deepDataSourceRef.current) === null || _deepDataSourceRef$cu === void 0 ? void 0 : _deepDataSourceRef$cu.length) && (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current[x]._group)) {
       return true;
     }
   }
-
   return false;
 }
+
 /**
  * 不允许跨无效列
  * @param {number} i
@@ -400,37 +363,27 @@ function isSelectCrossRowGroup(i, shellStatusRef, deepDataSourceRef) {
  * @param {React.Ref} deepColumnsRef
  * @returns
  */
-
-
 function isSelectCrossInvalidCol(i, j, shellStatusRef, deepDataSourceRef, deepColumnsRef) {
   var _shellStatusRef$curre4;
-
   var x;
   var y;
-
   if ((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre4 = shellStatusRef.current) === null || _shellStatusRef$curre4 === void 0 ? void 0 : _shellStatusRef$curre4.commiting.start.j) < j) {
     var _shellStatusRef$curre5;
-
     x = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre5 = shellStatusRef.current) === null || _shellStatusRef$curre5 === void 0 ? void 0 : _shellStatusRef$curre5.commiting.start.j;
     y = j;
   } else {
     var _shellStatusRef$curre6;
-
     x = j;
     y = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre6 = shellStatusRef.current) === null || _shellStatusRef$curre6 === void 0 ? void 0 : _shellStatusRef$curre6.commiting.start.j;
   }
-
   for (; x <= y; x += 1) {
     var _deepColumnsRef$curre, _deepDataSourceRef$cu2;
-
     if ((deepColumnsRef === null || deepColumnsRef === void 0 ? void 0 : (_deepColumnsRef$curre = deepColumnsRef.current) === null || _deepColumnsRef$curre === void 0 ? void 0 : _deepColumnsRef$curre.length) && (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu2 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu2 === void 0 ? void 0 : _deepDataSourceRef$cu2.length)) {
       var key = deepColumnsRef === null || deepColumnsRef === void 0 ? void 0 : deepColumnsRef.current[x].dataIndex;
-
       if (!(key in (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current[i]))) {
         return true;
       }
     }
   }
-
   return false;
 }

package/es/LmTable/virTual/VirtualRow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface rowProps {
-    children: any;
+    children?: any;
 }
 declare const VirtualRow: React.NamedExoticComponent<rowProps>;
 export default VirtualRow;

package/es/LmTable/virTual/VirtualRow.js

@@ -1,102 +1,119 @@
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useRef, useMemo, useEffect } from 'react';
 import { useStore } from './context';
-var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
-  var children = _a.children,
-      resetProps = __rest(_a, ["children"]);
-
+var useOptions = function useOptions(_ref) {
+  var children = _ref.children,
+    ref = _ref.ref,
+    trRef = _ref.trRef;
   var _useStore = useStore(),
-      state = _useStore.state,
-      dispatch = _useStore.dispatch,
-      instance = _useStore.instance;
-
-  var rowHeight = state.rowHeight,
-      totalLen = state.totalLen;
+    state = _useStore.state,
+    dispatch = _useStore.dispatch,
+    instance = _useStore.instance;
   var virtualItems = instance.columnVirtual.virtualItems;
-  var trRef = useRef(null); // 列长度
-
-  var columnsLen = useMemo(function () {
-    var _a;
-
-    return (_a = children === null || children === void 0 ? void 0 : children.length) !== null && _a !== void 0 ? _a : 0;
+  var rowHeight = state.rowHeight,
+    totalLen = state.totalLen;
+  var sliceColumns = useMemo(function () {
+    return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
+      var _a, _b;
+      if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
+        pre.leftColumns.push(cur);
+        return pre;
+      }
+      if (typeof ((_b = cur.props) === null || _b === void 0 ? void 0 : _b.fixRight) === 'number') {
+        pre.rightColumns.push(cur);
+        return pre;
+      }
+      pre.centerColumns.push(cur);
+      return pre;
+    }, {
+      leftColumns: [],
+      rightColumns: [],
+      centerColumns: []
+    });
   }, [children]);
   useEffect(function () {
-    if (state.columnsLen !== columnsLen) {
+    dispatch({
+      type: 'changeSliceColumns',
+      sliceColumns: sliceColumns
+    });
+  }, [sliceColumns]);
+  // 非固定列长度
+  var centerColumnsLen = useMemo(function () {
+    var _a;
+    return (_a = sliceColumns.centerColumns.length) !== null && _a !== void 0 ? _a : 0;
+  }, [sliceColumns]);
+  useEffect(function () {
+    if (state.columnsLen !== centerColumnsLen) {
       dispatch({
         type: 'changeColumnsLen',
-        columnsLen: columnsLen !== null && columnsLen !== void 0 ? columnsLen : 0
+        columnsLen: centerColumnsLen !== null && centerColumnsLen !== void 0 ? centerColumnsLen : 0
       });
     }
-  }, [columnsLen, dispatch, state.columnsLen]);
+  }, [centerColumnsLen, dispatch, state.columnsLen]);
+  // 获取行的高度
   useEffect(function () {
     var initHeight = function initHeight(tempRef) {
       var _a, _b, _c;
-
       if (((_a = tempRef === null || tempRef === void 0 ? void 0 : tempRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) && !rowHeight && totalLen) {
         var tempRowHeight = (_c = (_b = tempRef === null || tempRef === void 0 ? void 0 : tempRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) !== null && _c !== void 0 ? _c : 0;
         dispatch({
           type: 'initHeight',
-          rowHeight: tempRowHeight
+          rowHeight: tempRowHeight + 1
         });
       }
     };
-
     initHeight(Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef);
-  }, [trRef, dispatch, rowHeight, totalLen, ref]); // return {fixedLeft: [], fixedRight: [], columns: []}
-
-  var fixedColumns = useMemo(function () {
-    return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
-      var _a, _b;
-
-      if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
-        pre.fixedLeft.push(cur);
-        return pre;
-      }
-
-      if (typeof ((_b = cur.props) === null || _b === void 0 ? void 0 : _b.fixRight) === 'number') {
-        pre.fixedRight.push(cur);
-        return pre;
-      }
-
-      pre.columns.push(cur);
-      return pre;
-    }, {
-      fixedLeft: [],
-      fixedRight: [],
-      columns: []
-    });
-  }, [children]); // 截取非固定列
-
-  var resetVirtualItems = useMemo(function () {
-    var fixedLeft = fixedColumns.fixedLeft,
-        columns = fixedColumns.columns;
-    return virtualItems.slice(fixedLeft.length, fixedLeft.length + columns.length);
-  }, [fixedColumns, virtualItems]); // 横线单元格合并
-
-  var colSpan = useMemo(function () {
+  }, [trRef, dispatch, rowHeight, totalLen, ref]);
+  // 横向单元格合并
+  var leftColSpan = useMemo(function () {
     var _a;
-
-    var startIndex = ((_a = resetVirtualItems === null || resetVirtualItems === void 0 ? void 0 : resetVirtualItems[0]) === null || _a === void 0 ? void 0 : _a.index) || 0;
-    return startIndex ? startIndex - fixedColumns.fixedLeft.length : startIndex;
-  }, [fixedColumns, resetVirtualItems]);
+    return (_a = virtualItems[0]) === null || _a === void 0 ? void 0 : _a.index;
+  }, [virtualItems]);
+  // 右侧隐藏数量
+  var rightColSpan = useMemo(function () {
+    return sliceColumns.centerColumns.length - virtualItems.length - leftColSpan || 0;
+  }, [sliceColumns.centerColumns.length, virtualItems.length, leftColSpan]);
+  return Object.assign(Object.assign({
+    virtualItems: virtualItems
+  }, sliceColumns), {
+    leftColSpan: leftColSpan,
+    rightColSpan: rightColSpan
+  });
+};
+var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
+  var children = _a.children,
+    resetProps = __rest(_a, ["children"]);
+  var trRef = useRef(null);
+  var _useOptions = useOptions({
+      children: children,
+      ref: ref,
+      trRef: trRef
+    }),
+    virtualItems = _useOptions.virtualItems,
+    leftColumns = _useOptions.leftColumns,
+    centerColumns = _useOptions.centerColumns,
+    rightColumns = _useOptions.rightColumns,
+    leftColSpan = _useOptions.leftColSpan,
+    rightColSpan = _useOptions.rightColSpan;
   return /*#__PURE__*/React.createElement("tr", Object.assign({}, resetProps, {
     ref: Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef
-  }), fixedColumns.fixedLeft, !!colSpan && /*#__PURE__*/React.createElement("td", {
-    colSpan: colSpan
-  }), resetVirtualItems.map(function (virtualCol) {
-    return children[virtualCol.index];
-  }), fixedColumns.fixedRight);
+  }), leftColumns, !!leftColSpan && /*#__PURE__*/React.createElement("td", {
+    key: "leftColSpan",
+    colSpan: leftColSpan
+  }), virtualItems.map(function (virtualCol) {
+    return centerColumns[virtualCol.index];
+  }), !!rightColSpan && /*#__PURE__*/React.createElement("td", {
+    key: "rightColSpan",
+    colSpan: rightColSpan
+  }), rightColumns);
 });
 export default VirtualRow;