@zhenliang/sheet 0.0.1

package/dist/core/table/useGroupConfig.js

@@ -0,0 +1,32 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useRef, useState } from 'react';
+import { dataSourceToRowConfig } from "./util";
+export var useGroupConfig = function useGroupConfig(dataSource, tableGroupConfig, hasChildren) {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    groupConfig = _useState2[0],
+    setGroupConfig = _useState2[1];
+  var groupConfigRef = useRef();
+  useEffect(function () {
+    if (!hasChildren) return;
+    var rowConfig = dataSourceToRowConfig(dataSource, tableGroupConfig === null || tableGroupConfig === void 0 ? void 0 : tableGroupConfig.defaultOpen);
+    if (groupConfigRef.current) {
+      groupConfigRef.current.groups.forEach(function (_ref, index) {
+        var _groupConfigRef$curre;
+        var groupName = _ref.groupName;
+        var rowIndex = rowConfig.groups.findIndex(function (item) {
+          return item.groupName === groupName;
+        });
+        rowConfig.groupOpen[rowIndex] = ((_groupConfigRef$curre = groupConfigRef.current) === null || _groupConfigRef$curre === void 0 ? void 0 : _groupConfigRef$curre.groupOpen[index]) || rowConfig.groupOpen[rowIndex];
+      });
+    }
+    setGroupConfig(rowConfig);
+    groupConfigRef.current = rowConfig;
+  }, [dataSource, hasChildren]);
+  return [groupConfig, setGroupConfig];
+};

package/dist/core/table/useRowSelection.js

@@ -0,0 +1,24 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useRef, useState } from 'react';
+export var useRowSelection = function useRowSelection(dataSource, rowSelection, hasChildren) {
+  var _dataSource$length;
+  var _useState = useState(Array((_dataSource$length = dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) !== null && _dataSource$length !== void 0 ? _dataSource$length : 0).fill(false)),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkedRow = _useState2[0],
+    setCheckedRow = _useState2[1];
+  var checkedRowRef = useRef(checkedRow);
+  useEffect(function () {
+    if (hasChildren || !rowSelection) return;
+    var currentEmpty = Array(dataSource.length).fill(false).map(function (checked, index) {
+      return checkedRowRef.current[index] ? true : false;
+    });
+    setCheckedRow(currentEmpty);
+    checkedRowRef.current = currentEmpty;
+  }, [dataSource.length, hasChildren, rowSelection]);
+  return [checkedRow, setCheckedRow];
+};

package/dist/core/table/util.js

@@ -0,0 +1,29 @@
+export var dataSourceToRowConfig = function dataSourceToRowConfig(dataSource) {
+  var defaultOpen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var groups = [];
+  var groupOpen = [];
+  if (!(dataSource !== null && dataSource !== void 0 && dataSource.length)) return {
+    groups: groups,
+    groupOpen: groupOpen
+  };
+  var currentIndex = 0;
+  dataSource.forEach(function (item, index) {
+    var _ref = item,
+      children = _ref.children;
+    if ((children === null || children === void 0 ? void 0 : children.length) > 0) {
+      groups.push({
+        groupStart: currentIndex,
+        groupEnd: currentIndex + children.length + 1,
+        // 默认 key 或者 id 是行数据的唯一标识
+        groupName: "".concat(item.key || item.id || index, "group")
+      });
+      currentIndex += children.length;
+      groupOpen.push(defaultOpen);
+    }
+    currentIndex++;
+  });
+  return {
+    groups: groups,
+    groupOpen: groupOpen
+  };
+};

package/dist/core/util.js

@@ -0,0 +1,363 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/* eslint-disable no-param-reassign */
+/* eslint-disable @typescript-eslint/no-use-before-define */
+import { cloneDeep, isNil, range } from 'lodash';
+export function findParentTd(el) {
+  if (!el) return null;
+  if (el.tagName === 'TD') return el;
+  return findParentTd(el.parentElement);
+}
+export function extractDataRowAndCol(el) {
+  var row = Number(el.getAttribute('data-row'));
+  var col = Number(el.getAttribute('data-col'));
+  return {
+    row: row,
+    col: col
+  };
+}
+export function getRowColConfig(start, end) {
+  var _start$row, _end$row, _start$row2, _end$row2, _start$col, _end$col, _start$col2, _end$col2;
+  var startRow = Math.min((_start$row = start === null || start === void 0 ? void 0 : start.row) !== null && _start$row !== void 0 ? _start$row : -1, (_end$row = end === null || end === void 0 ? void 0 : end.row) !== null && _end$row !== void 0 ? _end$row : -1);
+  var endRow = Math.max((_start$row2 = start === null || start === void 0 ? void 0 : start.row) !== null && _start$row2 !== void 0 ? _start$row2 : -1, (_end$row2 = end === null || end === void 0 ? void 0 : end.row) !== null && _end$row2 !== void 0 ? _end$row2 : -1);
+  var startCol = Math.min((_start$col = start === null || start === void 0 ? void 0 : start.col) !== null && _start$col !== void 0 ? _start$col : -1, (_end$col = end === null || end === void 0 ? void 0 : end.col) !== null && _end$col !== void 0 ? _end$col : -1);
+  var endCol = Math.max((_start$col2 = start === null || start === void 0 ? void 0 : start.col) !== null && _start$col2 !== void 0 ? _start$col2 : -1, (_end$col2 = end === null || end === void 0 ? void 0 : end.col) !== null && _end$col2 !== void 0 ? _end$col2 : -1);
+  return {
+    startRow: startRow,
+    endRow: endRow,
+    startCol: startCol,
+    endCol: endCol
+  };
+}
+export function flatRowColIndex(start, end) {
+  var _getRowColConfig = getRowColConfig(start, end),
+    startRow = _getRowColConfig.startRow,
+    endRow = _getRowColConfig.endRow,
+    startCol = _getRowColConfig.startCol,
+    endCol = _getRowColConfig.endCol;
+  if ([startRow, endRow, startCol, endCol].some(function (a) {
+    return a === -1;
+  })) {
+    return [];
+  }
+  var cellList = [];
+  for (var i = startRow; i <= endRow; i++) {
+    for (var j = startCol; j <= endCol; j++) {
+      cellList.push({
+        row: i,
+        col: j
+      });
+    }
+  }
+  return cellList;
+}
+export function flatRowCol(start, end) {
+  var rowColIndex = flatRowColIndex(start, end);
+  return rowColIndex.map(function (_ref) {
+    var row = _ref.row,
+      col = _ref.col;
+    return "".concat(row, "-").concat(col);
+  });
+}
+export function isInputKey(keyCode) {
+  var numbersPressed = keyCode >= 48 && keyCode <= 57;
+  var lettersPressed = keyCode >= 65 && keyCode <= 90;
+  var latin1Supplement = keyCode >= 160 && keyCode <= 255;
+  var numPadKeysPressed = keyCode >= 96 && keyCode <= 105;
+  var equationKeysPressed = [187 /* equal */, 189 /* substract */, 190 /* period */, 107 /* add */, 109 /* decimal point */, 110].indexOf(keyCode) > -1;
+  return numPadKeysPressed || numbersPressed || lettersPressed || latin1Supplement || equationKeysPressed;
+}
+export function classNames() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return args.filter(Boolean).join(' ');
+}
+export function stringToClipboardData(str) {
+  // navigator.clipboard.writeText(str);
+  navigator.clipboard.writeText(str).then(function () {
+    console.log('复制成功');
+  }, function () {
+    console.error('复制失败');
+  });
+}
+export var defaultParsePaste = function defaultParsePaste(str) {
+  return str.split(/\r\n|\n|\r/).map(function (row) {
+    return row.split('\t');
+  });
+};
+export function clipboardDataToString() {
+  return new Promise(function (resolve) {
+    navigator.clipboard.readText().then(function (res) {
+      resolve(defaultParsePaste(res));
+    });
+  });
+}
+export function formatDataToCell(_ref2) {
+  var _start$row3, _end$row3;
+  var start = _ref2.start,
+    editing = _ref2.editing,
+    end = _ref2.end,
+    data = _ref2.data,
+    pasteData = _ref2.pasteData,
+    groupConfig = _ref2.groupConfig,
+    _ref2$freePaste = _ref2.freePaste,
+    freePaste = _ref2$freePaste === void 0 ? false : _ref2$freePaste;
+  if (editing || !data) return;
+  var cells = flatRowColIndex(start, end);
+  if (!cells.length) return;
+  var rowCount = cells[cells.length - 1].row - cells[0].row + 1;
+  if (!cells.length) return;
+  var isMultiCells = cells.length > 1;
+  var isSinglePaste = pasteData.length === 1 && pasteData[0].length === 1;
+
+  // todo 超出行的处理
+  var isExRow = cells[cells.length - 1].row > ((data === null || data === void 0 ? void 0 : data.length) || 0);
+  var groupMap = groupConfigToGroupMap(groupConfig);
+  var actualRowCount = range((_start$row3 = start === null || start === void 0 ? void 0 : start.row) !== null && _start$row3 !== void 0 ? _start$row3 : 0, ((_end$row3 = end === null || end === void 0 ? void 0 : end.row) !== null && _end$row3 !== void 0 ? _end$row3 : 0) + 1).reduce(function (left, index) {
+    var _groupMap$get, _groupMap$get2;
+    if (groupMap.get(index) && !((_groupMap$get = groupMap.get(index)) !== null && _groupMap$get !== void 0 && _groupMap$get.isStart) && !((_groupMap$get2 = groupMap.get(index)) !== null && _groupMap$get2 !== void 0 && _groupMap$get2.isOpen)) {
+      return left;
+    }
+    return left + 1;
+  }, 0);
+  var changes = [];
+  if (isMultiCells && isSinglePaste) {
+    // 选中多个单元格，粘贴单个数据
+    cells.forEach(function (_ref3) {
+      var _groupMap$get3, _groupMap$get4;
+      var row = _ref3.row,
+        col = _ref3.col;
+      if (data[row][col].readonly) return;
+      if (groupMap.get(row) && !((_groupMap$get3 = groupMap.get(row)) !== null && _groupMap$get3 !== void 0 && _groupMap$get3.isStart) && !((_groupMap$get4 = groupMap.get(row)) !== null && _groupMap$get4 !== void 0 && _groupMap$get4.isOpen)) {
+        return;
+      }
+      changes.push({
+        row: row,
+        col: col,
+        value: pasteData[0][0]
+      });
+    });
+    return {
+      changes: changes
+    };
+  }
+  if (!isMultiCells) {
+    // 选中单个单元格
+    var _cells$ = cells[0],
+      row = _cells$.row,
+      col = _cells$.col;
+    var extChanges = [];
+    var hasStartAndNotOpen = false;
+    pasteData.forEach(function (rowData, i) {
+      rowData.forEach(function (cell, j) {
+        if (row + i >= data.length) {
+          extChanges.push({
+            row: row + i,
+            col: col + j,
+            value: pasteData[i][j]
+          });
+        } else {
+          var _data, _data2, _groupMap$get5, _groupMap$get6;
+          if (data !== null && data !== void 0 && (_data = data[row + i]) !== null && _data !== void 0 && (_data2 = _data[col + j]) !== null && _data2 !== void 0 && _data2.readonly) return;
+          if (groupMap.get(row + i) && !((_groupMap$get5 = groupMap.get(row + i)) !== null && _groupMap$get5 !== void 0 && _groupMap$get5.isStart) && !((_groupMap$get6 = groupMap.get(row + i)) !== null && _groupMap$get6 !== void 0 && _groupMap$get6.isOpen)) {
+            hasStartAndNotOpen = true;
+          }
+          changes.push({
+            row: row + i,
+            col: col + j,
+            value: pasteData[i][j]
+          });
+        }
+      });
+    });
+    if (hasStartAndNotOpen) {
+      console.error('有折叠单元格，不可粘贴');
+      return {
+        changes: [],
+        extChanges: []
+      };
+    }
+    return {
+      changes: changes,
+      extChanges: isExRow && freePaste ? extChanges : undefined
+    };
+  } else {
+    // 选中多个单元格，粘贴多个数据
+    if (actualRowCount !== pasteData.length || cells.length / rowCount * actualRowCount !== pasteData.length * pasteData[0].length) {
+      // 单元格数量不对
+      return;
+    }
+    var baseCol = cells[0].col;
+    var pasteCount = 0;
+    cells.forEach(function (_ref4) {
+      var _groupMap$get7, _groupMap$get8;
+      var row = _ref4.row,
+        col = _ref4.col;
+      if (data[row][col].readonly) return;
+      if (groupMap.get(row) && !((_groupMap$get7 = groupMap.get(row)) !== null && _groupMap$get7 !== void 0 && _groupMap$get7.isStart) && !((_groupMap$get8 = groupMap.get(row)) !== null && _groupMap$get8 !== void 0 && _groupMap$get8.isOpen)) {
+        return;
+      }
+      changes.push({
+        row: row,
+        col: col,
+        value: pasteData[pasteCount++][col - baseCol]
+      });
+    });
+    return {
+      changes: changes
+    };
+  }
+}
+export var defaultValueRenderer = function defaultValueRenderer(cell) {
+  return cell.value;
+};
+export function renderValue(cell) {
+  var value = defaultValueRenderer(cell);
+  return value === null || typeof value === 'undefined' ? '' : value;
+}
+export var optionsTransferToValue = function optionsTransferToValue(options, val) {
+  var values = [];
+  for (var i = 0; i < options.length; i++) {
+    var _options$i = options[i],
+      label = _options$i.label,
+      value = _options$i.value,
+      children = _options$i.children;
+    if (children) {
+      values = optionsTransferToValue(children, val);
+      if (values.length) {
+        values = [value].concat(_toConsumableArray(values));
+        break;
+      }
+    } else if (label === val) {
+      values.push(value);
+      break;
+    } else {
+      values = [];
+    }
+  }
+  return values;
+};
+export var groupConfigToGroupMap = function groupConfigToGroupMap(rowGroupConfig) {
+  var _rowGroupConfig$group;
+  var groupMap = new Map();
+  if (!rowGroupConfig || !((_rowGroupConfig$group = rowGroupConfig.groups) !== null && _rowGroupConfig$group !== void 0 && _rowGroupConfig$group.length)) return groupMap;
+  var groups = rowGroupConfig.groups;
+  groups === null || groups === void 0 ? void 0 : groups.forEach(function (group, index) {
+    var groupStart = group.groupStart,
+      groupEnd = group.groupEnd;
+    for (var i = groupStart; i <= groupEnd; i++) {
+      groupMap.set(i, _objectSpread(_objectSpread({}, group), {}, {
+        isStart: i === groupStart,
+        isOpen: rowGroupConfig.groupOpen[index]
+      }));
+    }
+  });
+  return groupMap;
+};
+export var changeGroupConfig = function changeGroupConfig(rowGroupConfig, changeInfo) {
+  var groupMap = groupConfigToGroupMap(rowGroupConfig);
+  if (!groupMap.size) return rowGroupConfig;
+  var newGroups = cloneDeep(rowGroupConfig.groups);
+  // 顺序是先增后减
+  var add = changeInfo.add,
+    remove = changeInfo.remove;
+  if (!isNil(add)) {
+    for (var i = 0; i < newGroups.length; i++) {
+      var _newGroups$i = newGroups[i],
+        groupStart = _newGroups$i.groupStart,
+        groupEnd = _newGroups$i.groupEnd;
+      if (groupStart >= add) {
+        newGroups[i].groupStart++;
+        newGroups[i].groupEnd++;
+      } else if (groupStart < add && groupEnd >= add) {
+        newGroups[i].groupEnd++;
+      }
+    }
+  }
+  if (!isNil(remove)) {
+    for (var _i = 0; _i < newGroups.length; _i++) {
+      var _newGroups$_i = newGroups[_i],
+        _groupStart = _newGroups$_i.groupStart,
+        _groupEnd = _newGroups$_i.groupEnd;
+      if (_groupStart > remove) {
+        newGroups[_i].groupStart--;
+        newGroups[_i].groupEnd--;
+      } else if (_groupStart <= remove && _groupEnd > remove) {
+        newGroups[_i].groupEnd--;
+      }
+    }
+  }
+  return _objectSpread(_objectSpread({}, rowGroupConfig), {}, {
+    groups: newGroups
+  });
+};
+export var rowToActualRow = function rowToActualRow(row, groupConfig) {
+  var groupMap = groupConfigToGroupMap(groupConfig);
+  if (!groupMap.size) return row;
+  groupMap.forEach(function (item, index) {
+    if (index <= row && !(item !== null && item !== void 0 && item.isOpen) && !(item !== null && item !== void 0 && item.isStart)) {
+      row--;
+    }
+  });
+  return row;
+};
+export var getRowHeight = function getRowHeight(container) {
+  var _container$getElement, _container$getElement2;
+  var h = ((_container$getElement = container.getElementsByTagName('td')[0]) === null || _container$getElement === void 0 ? void 0 : (_container$getElement2 = _container$getElement.parentNode) === null || _container$getElement2 === void 0 ? void 0 : _container$getElement2.clientHeight) || 30;
+  return h;
+};
+export var getNextVisibleRow = function getNextVisibleRow(row, maxRow, groupMap) {
+  var _groupMap$get9, _groupMap$get10;
+  if (!(groupMap !== null && groupMap !== void 0 && groupMap.size)) {
+    return row;
+  }
+  if (row > maxRow) {
+    return null;
+  }
+  if (groupMap.get(row) && !((_groupMap$get9 = groupMap.get(row)) !== null && _groupMap$get9 !== void 0 && _groupMap$get9.isOpen) && !((_groupMap$get10 = groupMap.get(row)) !== null && _groupMap$get10 !== void 0 && _groupMap$get10.isStart)) {
+    return getNextVisibleRow(row + 1, maxRow, groupMap);
+  }
+  return row;
+};
+export var calcMenuPosition = function calcMenuPosition(_ref5) {
+  var _menuElement$getBound, _tableElement$getBoun;
+  var tableElement = _ref5.tableElement,
+    menuElement = _ref5.menuElement,
+    x = _ref5.x,
+    y = _ref5.y;
+  var top = y;
+  var left = x;
+  var _ref6 = (_menuElement$getBound = menuElement === null || menuElement === void 0 ? void 0 : menuElement.getBoundingClientRect()) !== null && _menuElement$getBound !== void 0 ? _menuElement$getBound : {},
+    menuRight = _ref6.right,
+    menuBottom = _ref6.bottom;
+  // 这里不考虑 左边和上边 因为 屏幕连一个 menu都发不下的情况应该特殊处理
+  var _ref7 = (_tableElement$getBoun = tableElement === null || tableElement === void 0 ? void 0 : tableElement.getBoundingClientRect()) !== null && _tableElement$getBoun !== void 0 ? _tableElement$getBoun : {},
+    tableBottom = _ref7.bottom,
+    tableRight = _ref7.right;
+  var _document$body = document.body,
+    clientHeight = _document$body.clientHeight,
+    clientWidth = _document$body.clientWidth;
+  var edgeRight = Math.min(tableRight, clientWidth);
+  var edgeBottom = Math.min(tableBottom, clientHeight);
+  if (menuRight > edgeRight) {
+    left = left - (menuRight - edgeRight);
+  }
+  if (menuBottom > edgeBottom) {
+    top = top - (menuBottom - edgeBottom);
+  }
+  return {
+    top: top,
+    left: left
+  };
+};

package/dist/core/viewer/checkViewer/index.js

@@ -0,0 +1,23 @@
+import { useSheetEvent } from "../../../hooks";
+import { Checkbox } from 'antd';
+import { useCallback } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var CheckViewer = function CheckViewer(props) {
+  var value = props.value,
+    row = props.row,
+    record = props.record;
+  var eventBus = useSheetEvent();
+  var handleChange = useCallback(function () {
+    if (!eventBus) return;
+    if (record !== null && record !== void 0 && record.isHeader) {
+      eventBus.emit('row-select-title', record !== null && record !== void 0 && record.indeterminate ? false : true);
+    } else {
+      eventBus.emit('row-select', row);
+    }
+  }, [eventBus, row, record, value]);
+  return /*#__PURE__*/_jsx(Checkbox, {
+    indeterminate: record === null || record === void 0 ? void 0 : record.indeterminate,
+    checked: value,
+    onChange: handleChange
+  });
+};

package/dist/core/viewer/groupViewer/index.js

@@ -0,0 +1,28 @@
+import { MinusSquareOutlined, PlusSquareOutlined } from '@ant-design/icons';
+import { useSheetEvent } from "../../../hooks";
+import { useCallback } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var GroupViewer = function GroupViewer(props) {
+  var value = props.value,
+    row = props.row,
+    record = props.record;
+  var eventBus = useSheetEvent();
+  var handleChange = useCallback(function () {
+    if (!eventBus) return;
+    if (record !== null && record !== void 0 && record.isHeader) {
+      eventBus.emit('group-open-title', !(record !== null && record !== void 0 && record.open));
+    } else {
+      eventBus.emit('group-open', {
+        row: row,
+        open: record === null || record === void 0 ? void 0 : record.open
+      });
+    }
+  }, [eventBus, row, record === null || record === void 0 ? void 0 : record.open]);
+  if (value) {
+    return /*#__PURE__*/_jsx("span", {
+      onClick: handleChange,
+      children: !(record !== null && record !== void 0 && record.open) ? /*#__PURE__*/_jsx(PlusSquareOutlined, {}) : /*#__PURE__*/_jsx(MinusSquareOutlined, {})
+    });
+  }
+  return /*#__PURE__*/_jsx("span", {});
+};

package/dist/example/basic.js

@@ -0,0 +1,120 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import Table from "../core/table";
+import { Space, Tag } from 'antd';
+import 'antd/dist/antd.css';
+import React, { useCallback, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var columns = [{
+  title: 'Name',
+  dataIndex: 'name',
+  key: 'name',
+  editable: false,
+  render: function render(_ref) {
+    var value = _ref.value;
+    return /*#__PURE__*/_jsx("a", {
+      children: value
+    });
+  }
+}, {
+  title: 'Age',
+  dataIndex: 'age',
+  key: 'age'
+}, {
+  title: 'Address',
+  editable: false,
+  dataIndex: 'address',
+  key: 'address'
+}, {
+  title: 'Tags',
+  key: 'tags',
+  dataIndex: 'tags',
+  render: function render(_ref2) {
+    var tags = _ref2.record.tags;
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: tags === null || tags === void 0 ? void 0 : tags.map(function (tag) {
+        var color = tag.length > 5 ? 'geekblue' : 'green';
+        if (tag === 'loser') {
+          color = 'volcano';
+        }
+        return /*#__PURE__*/_jsx(Tag, {
+          color: color,
+          children: tag.toUpperCase()
+        }, tag);
+      })
+    });
+  }
+}, {
+  title: 'Action',
+  key: 'action',
+  editable: false,
+  render: function render(_ref3) {
+    var record = _ref3.record;
+    return /*#__PURE__*/_jsxs(Space, {
+      size: "middle",
+      children: [/*#__PURE__*/_jsxs("a", {
+        children: ["Invite ", record.name]
+      }), /*#__PURE__*/_jsx("a", {
+        children: "Delete"
+      })]
+    });
+  }
+}];
+var data = [{
+  key: '1',
+  name: 'John Brown',
+  age: 32,
+  address: 'New York No. 1 Lake Park',
+  tags: ['nice', 'developer']
+}, {
+  key: '2',
+  name: 'Jim Green',
+  age: 42,
+  address: 'London No. 1 Lake Park',
+  tags: ['loser']
+}, {
+  key: '3',
+  name: 'Joe Black',
+  age: 32,
+  address: 'Sidney No. 1 Lake Park',
+  tags: ['cool', 'teacher']
+}];
+var App = function App() {
+  var _useState = useState(data),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataSource = _useState2[0],
+    setData = _useState2[1];
+  var onChange = useCallback(function (changes) {
+    var newData = _toConsumableArray(dataSource);
+    changes.forEach(function (_ref4) {
+      var _String;
+      var row = _ref4.row,
+        key = _ref4.key,
+        value = _ref4.value;
+      newData[row] = _objectSpread(_objectSpread({}, newData[row]), {}, _defineProperty({}, key, key === 'tags' ? (_String = String(value)) === null || _String === void 0 ? void 0 : _String.split(',') : value));
+    });
+    setData(newData);
+  }, [dataSource]);
+  return /*#__PURE__*/_jsx(Table, {
+    columns: columns,
+    dataSource: dataSource,
+    onChange: onChange
+  });
+};
+export default App;