@zhenliang/sheet 0.0.1

package/dist/core/shell/draggableShell/index.js

@@ -0,0 +1,182 @@
+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 _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 _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, useMemo, useRef } from 'react';
+import { useSetState } from "../../../hooks";
+import { classNames } from "../../util";
+import { CheckViewer } from "../../viewer/checkViewer";
+import { GroupViewer } from "../../viewer/groupViewer";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export var DraggableShell = function DraggableShell(_ref) {
+  var columns = _ref.columns,
+    className = _ref.className,
+    showGroup = _ref.showGroup,
+    showSelect = _ref.showSelect,
+    controlProps = _ref.controlProps,
+    _ref$controlWidth = _ref.controlWidth,
+    controlWidth = _ref$controlWidth === void 0 ? 25 : _ref$controlWidth;
+  var TableShell = function TableShell(_ref2) {
+    var children = _ref2.children;
+    var headRef = useRef(null);
+    var downRef = useRef(null);
+    var _useSetState = useSetState({}),
+      _useSetState2 = _slicedToArray(_useSetState, 2),
+      widths = _useSetState2[0],
+      setWidth = _useSetState2[1];
+    var hasControl = showGroup || showSelect;
+    var thItems = useMemo(function () {
+      var ths = [];
+      if (hasControl) {
+        var _controlProps$group, _controlProps$check, _controlProps$check2, _controlProps$check3;
+        ths.push( /*#__PURE__*/_jsxs("th", {
+          className: "cell cell-title read-only sheet-control",
+          children: [showGroup && /*#__PURE__*/_jsx(GroupViewer, {
+            row: -1,
+            col: -1,
+            value: true,
+            record: {
+              open: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$group = controlProps.group) === null || _controlProps$group === void 0 ? void 0 : _controlProps$group.open,
+              isHeader: true
+            }
+          }), showSelect && /*#__PURE__*/_jsx(CheckViewer, {
+            row: -1,
+            col: -1,
+            value: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$check = controlProps.check) === null || _controlProps$check === void 0 ? void 0 : _controlProps$check.checked,
+            record: {
+              open: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$check2 = controlProps.check) === null || _controlProps$check2 === void 0 ? void 0 : _controlProps$check2.checked,
+              isHeader: true,
+              indeterminate: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$check3 = controlProps.check) === null || _controlProps$check3 === void 0 ? void 0 : _controlProps$check3.indeterminate
+            }
+          })]
+        }, "-1"));
+      }
+      columns.forEach(function (item, index) {
+        var _item$dataIndex, _ref3;
+        ths.push( /*#__PURE__*/_jsx("th", {
+          className: classNames('cell', 'cell-title', 'read-only', item.fixed && 'fixed', item.fixed && "fixed-".concat(item.fixed)),
+          style: {
+            textAlign: (_ref3 = item.align) !== null && _ref3 !== void 0 ? _ref3 : 'unset',
+            left: item.fixed === 'left' ? 0 : 'unset',
+            right: item.fixed === 'right' ? 0 : 'unset'
+          },
+          onMouseDown: function onMouseDown(e) {
+            var target = e.target;
+            downRef.current = target;
+            if (e.nativeEvent.offsetX > target.offsetWidth - 10) {
+              downRef.current.mouseDown = true;
+              downRef.current.oldX = e.nativeEvent.x;
+              downRef.current.oldWidth = downRef.current.offsetWidth;
+            } else {
+              downRef.current = null;
+            }
+          },
+          onMouseMove: function onMouseMove(e) {
+            var target = e.target;
+            if (e.nativeEvent.offsetX > target.offsetWidth - 10) {
+              target.style.cursor = 'col-resize';
+            } else {
+              target.style.cursor = 'default';
+            }
+            //取出暂存的Table Cell
+            if (downRef.current === undefined) downRef.current = target;
+            //调整宽度
+          },
+          children: item.title
+        }, (_item$dataIndex = item.dataIndex) !== null && _item$dataIndex !== void 0 ? _item$dataIndex : index));
+      });
+      return ths;
+    }, [columns]);
+    var colItems = useMemo(function () {
+      var cols = [];
+      if (hasControl) {
+        cols.push( /*#__PURE__*/_jsx("col", {
+          className: classNames('sheet-control'),
+          style: {
+            width: controlWidth
+          }
+        }, "sheet-control"));
+      }
+      columns.forEach(function (item, index) {
+        var _item$dataIndex2;
+        cols.push( /*#__PURE__*/_jsx("col", {
+          className: classNames('cell'),
+          style: {
+            width: widths[index] || item.width || 'unset'
+          }
+        }, (_item$dataIndex2 = item.dataIndex) !== null && _item$dataIndex2 !== void 0 ? _item$dataIndex2 : index));
+      });
+      return cols;
+    }, [widths, hasControl, columns]);
+    useEffect(function () {
+      var handleMouseUp = function handleMouseUp() {
+        //结束宽度调整
+        if (downRef.current) {
+          downRef.current.mouseDown = false;
+          downRef.current.style.cursor = 'default';
+        }
+      };
+      var handleMouseMove = function handleMouseMove(e) {
+        var _downRef$current, _downRef$current2;
+        if (!downRef.current || !downRef.current.mouseDown) return;
+        if (((_downRef$current = downRef.current) === null || _downRef$current === void 0 ? void 0 : _downRef$current.mouseDown) !== null && ((_downRef$current2 = downRef.current) === null || _downRef$current2 === void 0 ? void 0 : _downRef$current2.mouseDown) === true) {
+          var _downRef$current$oldW, _downRef$current$oldX;
+          downRef.current.style.cursor = 'default';
+          if (((_downRef$current$oldW = downRef.current.oldWidth) !== null && _downRef$current$oldW !== void 0 ? _downRef$current$oldW : 0) + (e.x - ((_downRef$current$oldX = downRef.current.oldX) !== null && _downRef$current$oldX !== void 0 ? _downRef$current$oldX : 0)) > 0) {
+            var _downRef$current$oldW2, _downRef$current$oldX2, _headRef$current;
+            var newWidth = Math.max(Number(((_downRef$current$oldW2 = downRef.current.oldWidth) !== null && _downRef$current$oldW2 !== void 0 ? _downRef$current$oldW2 : 0) + (e.x - ((_downRef$current$oldX2 = downRef.current.oldX) !== null && _downRef$current$oldX2 !== void 0 ? _downRef$current$oldX2 : 0))), 50);
+            var cellList = [].slice.call((_headRef$current = headRef.current) === null || _headRef$current === void 0 ? void 0 : _headRef$current.cells);
+            var changeIndex = cellList.indexOf(downRef.current);
+            //调整该列中的每个Cell
+            var _widths = _defineProperty({
+              length: columns.length
+            }, hasControl ? changeIndex - 1 : changeIndex, "".concat(newWidth, "px"));
+            setWidth(_widths);
+          }
+        }
+      };
+      document.addEventListener('mouseup', handleMouseUp);
+      document.addEventListener('mousemove', handleMouseMove);
+      return function () {
+        document.removeEventListener('mouseup', handleMouseUp);
+        document.removeEventListener('mousemove', handleMouseMove);
+      };
+    }, [hasControl]);
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("table", {
+        className: classNames('header', 'harvest-sheet', className),
+        style: {
+          position: 'sticky',
+          top: 0,
+          zIndex: 3
+        },
+        children: [/*#__PURE__*/_jsx("colgroup", {
+          children: colItems
+        }), /*#__PURE__*/_jsx("thead", {
+          children: /*#__PURE__*/_jsx("tr", {
+            ref: headRef,
+            children: thItems
+          })
+        })]
+      }, "header"), /*#__PURE__*/_jsxs("table", {
+        className: classNames('body', 'harvest-sheet'),
+        children: [/*#__PURE__*/_jsx("colgroup", {
+          className: "header",
+          children: colItems
+        }), /*#__PURE__*/_jsx("tbody", {
+          children: children
+        }, "tbody")]
+      }, "body")]
+    });
+  };
+  return TableShell;
+};

package/dist/core/shell/draggableShell/index.less

@@ -0,0 +1,16 @@
+.left{
+  text-align: left;
+}
+
+.right{
+  text-align: right;
+}
+
+.center{
+  text-align: center;
+}
+
+.sheet-cell-fixed{
+  position: sticky;
+  z-index: 2;
+}

package/dist/core/shell/resizeShell.js

@@ -0,0 +1,57 @@
+import { useMemo } from 'react';
+import { classNames } from "./util";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export var WrapperShell = function WrapperShell(_ref) {
+  var columns = _ref.columns,
+    className = _ref.className;
+  var TableShell = function TableShell(_ref2) {
+    var children = _ref2.children;
+    var _useMemo = useMemo(function () {
+        var thItems = columns.map(function (item) {
+          var _item$width;
+          return /*#__PURE__*/_jsx("th", {
+            className: "cell read-only",
+            style: {
+              width: (_item$width = item.width) !== null && _item$width !== void 0 ? _item$width : 'unset'
+            },
+            children: item.title
+          }, item.dataIndex);
+        });
+        var colItems = columns.map(function (item) {
+          var _item$width2;
+          return /*#__PURE__*/_jsx("col", {
+            className: "cell",
+            style: {
+              width: (_item$width2 = item.width) !== null && _item$width2 !== void 0 ? _item$width2 : 'unset'
+            }
+          }, item.dataIndex);
+        });
+        return {
+          thItems: thItems,
+          colItems: colItems
+        };
+      }, [columns]),
+      thItems = _useMemo.thItems,
+      colItems = _useMemo.colItems;
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("table", {
+        className: classNames('header', 'harvest-sheet', className),
+        children: /*#__PURE__*/_jsx("thead", {
+          children: /*#__PURE__*/_jsx("tr", {
+            children: thItems
+          })
+        })
+      }, "header"), /*#__PURE__*/_jsxs("table", {
+        className: classNames('body', 'harvest-sheet'),
+        children: [/*#__PURE__*/_jsx("colgroup", {
+          children: colItems
+        }), /*#__PURE__*/_jsx("tbody", {
+          children: children
+        }, "tbody")]
+      }, "body")]
+    });
+  };
+  return TableShell;
+};

package/dist/core/shell/tableShell.js

@@ -0,0 +1,105 @@
+import { useMemo } from 'react';
+import { classNames } from "../util";
+import { CheckViewer } from "../viewer/checkViewer";
+import { GroupViewer } from "../viewer/groupViewer";
+import "./draggableShell/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export var TableShell = function TableShell(_ref) {
+  var columns = _ref.columns,
+    className = _ref.className,
+    showGroup = _ref.showGroup,
+    showSelect = _ref.showSelect,
+    controlProps = _ref.controlProps,
+    _ref$controlWidth = _ref.controlWidth,
+    controlWidth = _ref$controlWidth === void 0 ? 25 : _ref$controlWidth;
+  var TableShell = function TableShell(_ref2) {
+    var children = _ref2.children;
+    var thItems = useMemo(function () {
+      var ths = [];
+      if (showGroup || showSelect) {
+        var _controlProps$group, _controlProps$check, _controlProps$check2, _controlProps$check3;
+        ths.push( /*#__PURE__*/_jsxs("th", {
+          className: "cell cell-title read-only sheet-control",
+          children: [showGroup && /*#__PURE__*/_jsx(GroupViewer, {
+            row: -1,
+            col: -1,
+            value: true,
+            record: {
+              open: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$group = controlProps.group) === null || _controlProps$group === void 0 ? void 0 : _controlProps$group.open,
+              isHeader: true
+            }
+          }), showSelect && /*#__PURE__*/_jsx(CheckViewer, {
+            row: -1,
+            col: -1,
+            value: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$check = controlProps.check) === null || _controlProps$check === void 0 ? void 0 : _controlProps$check.checked,
+            record: {
+              open: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$check2 = controlProps.check) === null || _controlProps$check2 === void 0 ? void 0 : _controlProps$check2.checked,
+              isHeader: true,
+              indeterminate: controlProps === null || controlProps === void 0 ? void 0 : (_controlProps$check3 = controlProps.check) === null || _controlProps$check3 === void 0 ? void 0 : _controlProps$check3.indeterminate
+            }
+          })]
+        }, "-1"));
+      }
+      columns.forEach(function (item, index) {
+        var _ref3;
+        ths.push( /*#__PURE__*/_jsx("th", {
+          className: classNames('cell', 'cell-title', 'read-only', item.fixed && 'fixed', item.fixed && "fixed-".concat(item.fixed)),
+          style: {
+            textAlign: (_ref3 = item.align) !== null && _ref3 !== void 0 ? _ref3 : 'unset',
+            left: item.fixed === 'left' ? 0 : 'unset',
+            right: item.fixed === 'right' ? 0 : 'unset'
+          },
+          children: item.title
+        }, item.dataIndex || index));
+      });
+      return ths;
+    }, [columns, showGroup || showSelect, controlProps]);
+    var colItems = useMemo(function () {
+      var cols = [];
+      if (showGroup || showSelect) {
+        cols.push( /*#__PURE__*/_jsx("col", {
+          className: classNames('sheet-control'),
+          style: {
+            width: controlWidth
+          }
+        }, "sheet-control"));
+      }
+      columns.forEach(function (item, index) {
+        cols.push( /*#__PURE__*/_jsx("col", {
+          className: classNames('cell'),
+          style: {
+            width: item.width || 'unset'
+          }
+        }, item.dataIndex || index));
+      });
+      return cols;
+    }, [columns, showGroup || showSelect, controlWidth]);
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("table", {
+        className: classNames('header', 'harvest-sheet', className),
+        style: {
+          position: 'sticky',
+          top: 0,
+          zIndex: 3
+        },
+        children: [/*#__PURE__*/_jsx("colgroup", {
+          children: colItems
+        }), /*#__PURE__*/_jsx("thead", {
+          children: /*#__PURE__*/_jsx("tr", {
+            children: thItems
+          })
+        })]
+      }, "header"), /*#__PURE__*/_jsxs("table", {
+        className: classNames('body', 'harvest-sheet'),
+        children: [/*#__PURE__*/_jsx("colgroup", {
+          children: colItems
+        }), /*#__PURE__*/_jsx("tbody", {
+          children: children
+        }, "tbody")]
+      }, "body")]
+    });
+  };
+  return TableShell;
+};

package/dist/core/table/index.js

@@ -0,0 +1,311 @@
+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); }
+var _excluded = ["columns", "dataSource", "rowKey", "rowSelection", "groupConfig", "onChange", "draggable"];
+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; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import Sheet from "../sheet";
+import { SheetEvent } from "../sheet/Event";
+import { DraggableShell } from "../shell/draggableShell";
+import { TableShell } from "../shell/tableShell";
+import { groupConfigToGroupMap } from "../util";
+import { CheckViewer } from "../viewer/checkViewer";
+import { GroupViewer } from "../viewer/groupViewer";
+import { useGroupConfig } from "./useGroupConfig";
+import { useRowSelection } from "./useRowSelection";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Table = function Table(_ref) {
+  var columns = _ref.columns,
+    dataSource = _ref.dataSource,
+    rowKey = _ref.rowKey,
+    rowSelection = _ref.rowSelection,
+    groupConfig = _ref.groupConfig,
+    onChange = _ref.onChange,
+    draggable = _ref.draggable,
+    args = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState([[]]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var sheetInstance = useRef(null);
+  var hasChildren = dataSource === null || dataSource === void 0 ? void 0 : dataSource.some(function (item) {
+    var _item$children;
+    return (item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0;
+  });
+  var hasControl = hasChildren || rowSelection;
+  var _useRowSelection = useRowSelection(dataSource, rowSelection, hasChildren),
+    _useRowSelection2 = _slicedToArray(_useRowSelection, 2),
+    checkedRow = _useRowSelection2[0],
+    setCheckedRow = _useRowSelection2[1];
+  var _useGroupConfig = useGroupConfig(dataSource, {
+      defaultOpen: true
+    }, hasChildren),
+    _useGroupConfig2 = _slicedToArray(_useGroupConfig, 2),
+    rowGroupConfig = _useGroupConfig2[0],
+    setGroupConfig = _useGroupConfig2[1];
+  var _ref2 = rowGroupConfig || {},
+    groups = _ref2.groups,
+    groupOpen = _ref2.groupOpen;
+  useEffect(function () {
+    if (!hasChildren) return;
+    if (!dataSource || !columns) return;
+    var data = [];
+    var groupMap = groupConfigToGroupMap({
+      groups: groups,
+      groupOpen: groupOpen
+    });
+    var currentIndex = 0;
+    dataSource.forEach(function (item, row) {
+      var groupList = [item];
+      if (item.children) {
+        groupList = [item].concat(_toConsumableArray(item.children));
+      }
+      groupList.forEach(function (itemRow) {
+        var _groupMap$get, _groupMap$get2;
+        var dataRow = [];
+        var rowId = item.key || item.id || String(currentIndex);
+        if (rowKey) {
+          if (rowKey instanceof Function) {
+            rowId = rowKey(item, row);
+          } else {
+            rowId = item[rowKey];
+          }
+        }
+        dataRow.push({
+          id: rowId,
+          row: currentIndex,
+          col: -1,
+          readonly: true,
+          editable: false,
+          value: groupMap.get(currentIndex) && ((_groupMap$get = groupMap.get(currentIndex)) === null || _groupMap$get === void 0 ? void 0 : _groupMap$get.isStart),
+          record: {
+            open: groupMap.get(currentIndex) && ((_groupMap$get2 = groupMap.get(currentIndex)) === null || _groupMap$get2 === void 0 ? void 0 : _groupMap$get2.isOpen)
+          },
+          valueViewer: GroupViewer,
+          className: 'sheet-control'
+        });
+        columns.forEach(function (colInfo, col) {
+          var value = itemRow[colInfo.dataIndex || ''];
+          dataRow.push({
+            id: rowId,
+            value: value,
+            record: itemRow,
+            readonly: !(colInfo.readonly instanceof Function) ? colInfo.readonly : colInfo.readonly(value, itemRow, currentIndex),
+            align: colInfo.align,
+            fixed: colInfo.fixed,
+            editable: colInfo.editable,
+            valueViewer: colInfo.render ? colInfo.render : undefined,
+            dataEditor: colInfo.editor ? colInfo.editor : undefined,
+            row: currentIndex,
+            col: col
+          });
+        });
+        data.push(dataRow);
+        currentIndex++;
+      });
+    });
+    setData(data);
+  }, [dataSource, columns, groups, hasChildren, rowGroupConfig]);
+  useEffect(function () {
+    if (hasChildren) return;
+    if (!dataSource || !columns) return;
+    setData(dataSource.map(function (item, row) {
+      var rowId = String(row);
+      if (rowKey) {
+        if (rowKey instanceof Function) {
+          rowId = rowKey(item, row);
+        } else {
+          rowId = item[rowKey];
+        }
+      }
+      var rows = [];
+      if (rowSelection) {
+        rows.push({
+          id: rowId,
+          row: row,
+          col: -1,
+          readonly: true,
+          value: checkedRow[row],
+          valueViewer: CheckViewer,
+          className: 'sheet-control'
+        });
+      }
+      columns.forEach(function (colInfo, col) {
+        var value = item[colInfo.dataIndex || ''];
+        rows.push({
+          id: rowId,
+          value: value,
+          record: item,
+          readonly: !(colInfo.readonly instanceof Function) ? colInfo.readonly : colInfo.readonly(value, item, row),
+          align: colInfo.align,
+          fixed: colInfo.fixed,
+          editable: colInfo.editable,
+          valueViewer: colInfo.render ? colInfo.render : undefined,
+          dataEditor: colInfo.editor ? colInfo.editor : undefined,
+          row: row,
+          col: col
+        });
+      });
+      return rows;
+    }));
+  }, [dataSource, columns, checkedRow, hasChildren]);
+  useEffect(function () {
+    if (!dataSource || !columns) {
+      setData([[]]);
+    }
+  }, [dataSource, columns]);
+  var handleChanges = useCallback(function (changes) {
+    onChange && onChange(changes.map(function (item) {
+      return {
+        row: item.row,
+        id: item.id,
+        key: columns[hasControl ? item.col - 1 : item.col].dataIndex,
+        value: item.value
+      };
+    }));
+  }, [columns, onChange, hasControl]);
+  var handleReverse = useCallback(function (value) {
+    var _ref3 = value,
+      type = _ref3.type,
+      extraInfo = _ref3.extraInfo;
+    if (type === 'Custom') {
+      var _ref4 = extraInfo,
+        _groupConfig = _ref4.groupConfig,
+        extraType = _ref4.extraType,
+        lastData = _ref4.data;
+      if (extraType === 'group') {
+        setGroupConfig(_groupConfig);
+        setData(lastData);
+      }
+    }
+  }, [data, groupConfig]);
+  var handleRowSelect = useCallback(function (value) {
+    if (!sheetInstance.current) return;
+    // sheetInstance.current?.selectRow(value as number);
+    var newChecked = Array(checkedRow.length).fill(false);
+    newChecked[value] = !newChecked[value];
+    setCheckedRow(newChecked);
+  }, [sheetInstance, checkedRow]);
+  var WrappedTableShell = useMemo(function () {
+    var _rowGroupConfig$group2;
+    if (draggable) {
+      var _rowGroupConfig$group;
+      return DraggableShell({
+        columns: columns,
+        className: 'baseTable',
+        showGroup: hasChildren,
+        showSelect: !!rowSelection,
+        controlProps: {
+          group: {
+            open: !(rowGroupConfig !== null && rowGroupConfig !== void 0 && (_rowGroupConfig$group = rowGroupConfig.groupOpen) !== null && _rowGroupConfig$group !== void 0 && _rowGroupConfig$group.some(function (value) {
+              return !value;
+            }))
+          },
+          check: {
+            checked: false
+          }
+        }
+      });
+    }
+    return TableShell({
+      columns: columns,
+      className: 'baseTable',
+      showGroup: hasChildren,
+      showSelect: !!rowSelection,
+      controlProps: {
+        group: {
+          open: !(rowGroupConfig !== null && rowGroupConfig !== void 0 && (_rowGroupConfig$group2 = rowGroupConfig.groupOpen) !== null && _rowGroupConfig$group2 !== void 0 && _rowGroupConfig$group2.some(function (value) {
+            return !value;
+          }))
+        },
+        check: {
+          checked: false
+        }
+      }
+    });
+  }, [columns, draggable, rowSelection, hasChildren, rowGroupConfig]);
+  return /*#__PURE__*/_jsxs(Sheet, _objectSpread(_objectSpread({}, args), {}, {
+    sheetInstance: sheetInstance,
+    sheetRenderer: WrappedTableShell,
+    groupConfig: rowGroupConfig,
+    data: data,
+    onCellsChanged: handleChanges,
+    children: [!hasChildren && rowSelection ? [/*#__PURE__*/_jsx(SheetEvent, {
+      name: "row-select",
+      handler: handleRowSelect
+    }, "row-select"), /*#__PURE__*/_jsx(SheetEvent, {
+      name: "row-select-title",
+      handler: handleRowSelect
+    }, "row-select-title")] : null, hasChildren ? [/*#__PURE__*/_jsx(SheetEvent, {
+      name: "group-open",
+      handler: function handler(e) {
+        var _ref5 = e,
+          row = _ref5.row;
+        var index = groups.findIndex(function (item) {
+          return item.groupStart === row;
+        });
+        if (index >= 0) {
+          var _sheetInstance$curren;
+          var _groupOpen = _toConsumableArray(rowGroupConfig.groupOpen);
+          _groupOpen[index] = !rowGroupConfig.groupOpen[index];
+          setGroupConfig(_objectSpread(_objectSpread({}, rowGroupConfig), {}, {
+            groupOpen: _groupOpen
+          }));
+          var newGrid = _toConsumableArray(data);
+          newGrid[row] = _toConsumableArray(newGrid[row]);
+          newGrid[row][0] = _objectSpread(_objectSpread({}, newGrid[row][0]), {}, {
+            record: {
+              open: !!_groupOpen[index]
+            }
+          });
+          setData(newGrid);
+          (_sheetInstance$curren = sheetInstance.current) === null || _sheetInstance$curren === void 0 ? void 0 : _sheetInstance$curren.pushToHistory({
+            type: 'Custom',
+            changes: [],
+            extraInfo: {
+              extraType: 'group',
+              groupConfig: rowGroupConfig,
+              data: data
+            }
+          });
+        }
+      }
+    }, "group-open"), /*#__PURE__*/_jsx(SheetEvent, {
+      name: "group-open-title",
+      handler: function handler(value) {
+        var _sheetInstance$curren2;
+        setGroupConfig(_objectSpread(_objectSpread({}, rowGroupConfig), {}, {
+          groupOpen: Array(rowGroupConfig.groupOpen.length).fill(value)
+        }));
+        (_sheetInstance$curren2 = sheetInstance.current) === null || _sheetInstance$curren2 === void 0 ? void 0 : _sheetInstance$curren2.pushToHistory({
+          type: 'Custom',
+          changes: [],
+          extraInfo: {
+            extraType: 'group',
+            groupConfig: rowGroupConfig,
+            data: data
+          }
+        });
+      }
+    }, "group-open-title")] : null, /*#__PURE__*/_jsx(SheetEvent, {
+      name: "reverse",
+      handler: handleReverse
+    })]
+  }));
+};
+export default Table;