@zhenliang/sheet 0.0.8 → 0.1.0

package/dist/core/sheet/Cell.js

@@ -64,8 +64,13 @@ var Cell = function Cell(props) {
       return;
     }
     var onCellState = function onCellState(eventInfo) {
-      if (eventInfo.value && eventInfo.editing) {
-        setValue(eventInfo.value);
+      if (eventInfo.editing === false && !eventInfo.confirm) {
+        // 退出编辑，重设数据
+        setValue(valueRef.current);
+      } else if (eventInfo.value && eventInfo.editing) {
+        var _cell$dataEditor, _cell$dataEditor2, _cell$dataEditor2$par;
+        // 单元格直接键盘编辑，设置为输入值
+        setValue((_cell$dataEditor = cell.dataEditor) !== null && _cell$dataEditor !== void 0 && _cell$dataEditor.parser ? cell === null || cell === void 0 ? void 0 : (_cell$dataEditor2 = cell.dataEditor) === null || _cell$dataEditor2 === void 0 ? void 0 : (_cell$dataEditor2$par = _cell$dataEditor2.parser) === null || _cell$dataEditor2$par === void 0 ? void 0 : _cell$dataEditor2$par.call(_cell$dataEditor2, eventInfo.value) : value);
       }
       setEventState(eventInfo);
     };
@@ -87,29 +92,42 @@ var Cell = function Cell(props) {
         confirm: false
       });
       if (value !== valueRef.current) {
-        var _cell$dataEditor, _cell$dataEditor$form, _cell$dataEditor2;
-        console.log('confirm omit');
+        var _cell$dataEditor3, _cell$dataEditor4, _cell$dataEditor4$che;
+        if (cell !== null && cell !== void 0 && (_cell$dataEditor3 = cell.dataEditor) !== null && _cell$dataEditor3 !== void 0 && _cell$dataEditor3.checker && !((_cell$dataEditor4 = cell.dataEditor) !== null && _cell$dataEditor4 !== void 0 && (_cell$dataEditor4$che = _cell$dataEditor4.checker) !== null && _cell$dataEditor4$che !== void 0 && _cell$dataEditor4$che.call(_cell$dataEditor4, value, cell.record))) {
+          setValue(valueRef.current);
+          return;
+        }
         eventBus.emit('cell-change', {
           row: row,
           col: col,
-          value: (_cell$dataEditor = cell.dataEditor) !== null && _cell$dataEditor !== void 0 && _cell$dataEditor.formatter ? (_cell$dataEditor$form = (_cell$dataEditor2 = cell.dataEditor).formatter) === null || _cell$dataEditor$form === void 0 ? void 0 : _cell$dataEditor$form.call(_cell$dataEditor2, value) : value
+          id: cell.id,
+          value: value
+          // 没必要format value 已经是legal 的值了
+          // value: cell.dataEditor?.formatter
+          //   ? cell.dataEditor.formatter?.(value)
+          //   : value,
         });
       }
     }
   }, [confirm, eventBus, value, cell]);
   var handleCommit = useCallback(function (value) {
+    var _cell$dataEditor5, _cell$dataEditor6, _cell$dataEditor6$che;
     if (valueRef.current === value) {
       return;
     }
+    if (cell !== null && cell !== void 0 && (_cell$dataEditor5 = cell.dataEditor) !== null && _cell$dataEditor5 !== void 0 && _cell$dataEditor5.checker && !((_cell$dataEditor6 = cell.dataEditor) !== null && _cell$dataEditor6 !== void 0 && (_cell$dataEditor6$che = _cell$dataEditor6.checker) !== null && _cell$dataEditor6$che !== void 0 && _cell$dataEditor6$che.call(_cell$dataEditor6, value, cell.record))) {
+      setValue(valueRef.current);
+      return;
+    }
     setValue(value);
-    console.log('handle omit');
     eventBus.emit('cell-change', {
       row: row,
       col: col,
+      id: cell.id,
       value: value,
       confirm: true
     });
-  }, [eventBus, valueRef]);
+  }, [eventBus, valueRef, cell]);
   var renderEditor = function renderEditor(cel, r, col, editor, isEditing) {
     if (isEditing) {
       var Editor = cel.dataEditor || editor || DataEditor;
@@ -118,6 +136,7 @@ var Cell = function Cell(props) {
         row: r,
         col: col,
         value: value,
+        record: cel.record,
         onConfirm: handleCommit,
         onChange: setValue
       });
@@ -127,12 +146,15 @@ var Cell = function Cell(props) {
   var renderViewer = function renderViewer(cel, r, col, valViewer) {
     var Viewer = cell.valueViewer || valViewer || ValueViewer;
     var val = renderValue(cell);
-    return /*#__PURE__*/_jsx(Viewer, {
-      record: cell.record,
-      cell: cell,
-      row: row,
-      col: col,
-      value: val
+    return /*#__PURE__*/_jsx("span", {
+      className: "value-viewer",
+      children: /*#__PURE__*/_jsx(Viewer, {
+        record: cell.record,
+        cell: cell,
+        row: row,
+        col: col,
+        value: val
+      })
     });
   };
   var content = ((_cell$editable = cell.editable) !== null && _cell$editable !== void 0 ? _cell$editable : true) && editing ? renderEditor(cell, row, col, dataEditor, editing) : renderViewer(cell, row, col, valueViewer);
@@ -154,7 +176,6 @@ var Cell = function Cell(props) {
   });
 };
 export default /*#__PURE__*/memo(Cell, function (pre, next) {
-  var shouldUpdate = pre.col === next.col && pre.row === next.row && pre.cell.value === next.cell.value && pre.cell.record === next.cell.record;
+  var shouldUpdate = pre.col === next.col && pre.row === next.row && pre.cell.value === next.cell.value && pre.cell.dataEditor === next.cell.dataEditor && pre.cell.record === next.cell.record;
   return shouldUpdate;
-});
-//# sourceMappingURL=Cell.js.map
+});

package/dist/core/sheet/DataEditor.js

@@ -13,10 +13,12 @@ var DataEditor = function DataEditor(_ref) {
   };
   return /*#__PURE__*/_jsx("input", {
     ref: inputRef,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
     className: "data-editor",
     value: value,
     onChange: handleChange
   });
 };
-export default DataEditor;
-//# sourceMappingURL=DataEditor.js.map
+export default DataEditor;

package/dist/core/sheet/DefaultCell.js

@@ -28,5 +28,4 @@ var DefaultCell = function DefaultCell(props) {
     children: children
   }));
 };
-export default DefaultCell;
-//# sourceMappingURL=DefaultCell.js.map
+export default DefaultCell;

package/dist/core/sheet/DefaultRow.d.ts

@@ -2,6 +2,7 @@
 import type { SheetType } from "../../type";
 declare const DefaultRow: React.FC<{
     children: React.ReactElement;
+    rowClassName?: string;
     row: number;
     groupConfig?: {
         groups: SheetType.RowGroup[];

package/dist/core/sheet/DefaultRow.js

@@ -3,7 +3,8 @@ import { groupConfigToGroupMap } from "../util";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DefaultRow = function DefaultRow(_ref) {
   var _groupMap$get, _groupMap$get2;
-  var children = _ref.children,
+  var rowClassName = _ref.rowClassName,
+    children = _ref.children,
     row = _ref.row,
     groupConfig = _ref.groupConfig;
   var groupMap = useMemo(function () {
@@ -12,6 +13,7 @@ var DefaultRow = function DefaultRow(_ref) {
   }, [groupConfig]);
   if (groupMap.get(row) && !((_groupMap$get = groupMap.get(row)) !== null && _groupMap$get !== void 0 && _groupMap$get.isStart) && !((_groupMap$get2 = groupMap.get(row)) !== null && _groupMap$get2 !== void 0 && _groupMap$get2.isOpen)) {
     return /*#__PURE__*/_jsx("tr", {
+      className: rowClassName,
       style: {
         display: 'none'
       },
@@ -19,8 +21,8 @@ var DefaultRow = function DefaultRow(_ref) {
     });
   }
   return /*#__PURE__*/_jsx("tr", {
+    className: rowClassName,
     children: children
   });
 };
-export default DefaultRow;
-//# sourceMappingURL=DefaultRow.js.map
+export default DefaultRow;

package/dist/core/sheet/DefaultRowMapper.js

@@ -12,5 +12,4 @@ export var DefaultRowMapper = /*#__PURE__*/memo(function (_ref) {
     }, col);
   });
   return cls;
-});
-//# sourceMappingURL=DefaultRowMapper.js.map
+});

package/dist/core/sheet/DefaultShell.js

@@ -9,5 +9,4 @@ var DefaultShell = function DefaultShell(_ref) {
     })
   });
 };
-export default DefaultShell;
-//# sourceMappingURL=DefaultShell.js.map
+export default DefaultShell;

package/dist/core/sheet/Event.js

@@ -1,4 +1,4 @@
-import { useSheetEvent } from "../../hooks";
+import { useSheetEvent } from "../..";
 import { useEffect } from 'react';
 export var SheetEvent = function SheetEvent(_ref) {
   var handler = _ref.handler,
@@ -14,5 +14,4 @@ export var SheetEvent = function SheetEvent(_ref) {
     };
   }, [eventBus, handler, name]);
   return null;
-};
-//# sourceMappingURL=Event.js.map
+};

package/dist/core/sheet/ValueViewer.js

@@ -6,5 +6,4 @@ var ValueViewer = function ValueViewer(_ref) {
     children: value
   });
 };
-export default ValueViewer;
-//# sourceMappingURL=ValueViewer.js.map
+export default ValueViewer;

package/dist/core/sheet/index.js

@@ -1,3 +1,9 @@
+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 _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); }
@@ -9,7 +15,8 @@ import ReduxLogger from 'redux-logger';
 import ReduxThunk from 'redux-thunk';
 import DefaultRow from "./DefaultRow";
 import DefaultShell from "./DefaultShell";
-import { isNil } from 'lodash';
+import { Button } from 'antd';
+import { isNil, isNumber } from 'lodash';
 import { SheetEventContext, useEventBus, useMiddlewareReducer } from "../../hooks";
 import sheetReducer from "../reducers";
 import { classNames, getRowHeight, rowToActualRow } from "../util";
@@ -19,6 +26,7 @@ import { useCellEvent } from "./useCellEvent";
 import { useContextMenu } from "./useContextMenu";
 import { useKeyBoardEvent } from "./useKeyBoardEvent";
 import { useMouseEvent } from "./useMouseEvent";
+import { useSelectVisible } from "./useSelectVisible";
 import { useVirtualList } from "./useVirtualList";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -45,7 +53,9 @@ var Sheet = function Sheet(props) {
     onContextMenu = props.onContextMenu,
     rowClassName = props.rowClassName,
     scroll = props.scroll,
-    children = props.children;
+    children = props.children,
+    showBackEdit = props.showBackEdit,
+    backEditStyle = props.backEditStyle;
   var sheetWrapperRef = useRef(null);
   var contextMenuRef = useRef(null);
   var eventBus = useEventBus();
@@ -63,16 +73,20 @@ var Sheet = function Sheet(props) {
   useEffect(function () {
     sheetInstance.current = {
       zoomTo: function zoomTo(row) {
-        // 默认回到编辑行
+        // 给定 row 回到行
+        // 不给定 row 默认回到编辑行和列
         dispatch(function (d, getState) {
           var _ref, _sheetWrapperRef$curr;
           var _getState = getState(),
             start = _getState.start,
             groupConfig = _getState.groupConfig;
+          var container = sheetWrapperRef.current;
           if (!start && isNil(row)) return;
           var actual = rowToActualRow((_ref = row) !== null && _ref !== void 0 ? _ref : start === null || start === void 0 ? void 0 : start.row, groupConfig);
-          var rowHeight = getRowHeight(sheetWrapperRef.current);
-          (_sheetWrapperRef$curr = sheetWrapperRef.current) === null || _sheetWrapperRef$curr === void 0 ? void 0 : _sheetWrapperRef$curr.scrollTo(0, rowHeight * actual);
+          var rowHeight = getRowHeight(container);
+          var firstRowCell = container.querySelector("td.cell[data-col='".concat(start === null || start === void 0 ? void 0 : start.col, "']"));
+          var colPosition = firstRowCell ? firstRowCell.offsetLeft - firstRowCell.clientWidth : 0;
+          (_sheetWrapperRef$curr = sheetWrapperRef.current) === null || _sheetWrapperRef$curr === void 0 ? void 0 : _sheetWrapperRef$curr.scrollTo(isNumber(row) ? 0 : colPosition, rowHeight * actual);
         });
       },
       pushToHistory: function pushToHistory(config) {
@@ -93,11 +107,21 @@ var Sheet = function Sheet(props) {
           });
         }
       },
+      select: function select(props) {
+        dispatch({
+          type: 'select',
+          payload: props
+        });
+      },
       popHistory: function popHistory() {
-        return {};
+        var history = state.history;
+        dispatch({
+          type: 'popHistory'
+        });
+        return history !== null && history !== void 0 && history.length ? history === null || history === void 0 ? void 0 : history[history.length - 1] : {};
       }
     };
-  }, [sheetWrapperRef.current]);
+  }, [sheetWrapperRef.current, state.history]);
   useEffect(function () {
     // 同步必要的状态
     dispatch({
@@ -127,7 +151,7 @@ var Sheet = function Sheet(props) {
       }, 1);
     }
   }, [state.editing, state.start]);
-  var _useVirtualList = useVirtualList(sheetWrapperRef, state.data, virtualized),
+  var _useVirtualList = useVirtualList(sheetWrapperRef, state.data, groupConfig, virtualized),
     virtualStart = _useVirtualList.virtualStart,
     virtualEnd = _useVirtualList.virtualEnd,
     paddingTop = _useVirtualList.paddingTop,
@@ -143,21 +167,23 @@ var Sheet = function Sheet(props) {
   var rowElements = useMemo(function () {
     var _state$data, _state$data$slice;
     return state === null || state === void 0 ? void 0 : (_state$data = state.data) === null || _state$data === void 0 ? void 0 : (_state$data$slice = _state$data.slice(virtualStart, virtualEnd)) === null || _state$data$slice === void 0 ? void 0 : _state$data$slice.map(function (rowData) {
-      var _state$data2;
+      var _state$data2, _rowData;
       var row = (state === null || state === void 0 ? void 0 : (_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : _state$data2.indexOf(rowData)) || 0;
+      var rowCN = rowClassName instanceof Function ? rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(rowData === null || rowData === void 0 ? void 0 : (_rowData = rowData[rowData.length - 1]) === null || _rowData === void 0 ? void 0 : _rowData.record, row) : rowClassName;
       return /*#__PURE__*/_jsx(Row, {
         row: row,
         cells: rowData,
         groupConfig: groupConfig,
-        rowClassName: rowClassName,
+        rowClassName: rowCN,
         children: /*#__PURE__*/_jsx(DefaultRowMapper, {
           rowData: rowData,
           row: row
         })
       }, row);
     });
-  }, [state.data, groupConfig, virtualStart, virtualEnd]);
+  }, [state.data, groupConfig, virtualStart, virtualEnd, rowClassName]);
   var memoHeight = Math.min(((_state$data$length = state === null || state === void 0 ? void 0 : (_state$data3 = state.data) === null || _state$data3 === void 0 ? void 0 : _state$data3.length) !== null && _state$data$length !== void 0 ? _state$data$length : 0) + 1, 10) * 42 + 43;
+  var startRowVisible = useSelectVisible(sheetWrapperRef, state.start);
   return /*#__PURE__*/_jsx(SheetEventContext.Provider, {
     value: eventBus,
     children: /*#__PURE__*/_jsxs("span", {
@@ -193,12 +219,25 @@ var Sheet = function Sheet(props) {
           cell: menu.cellPosition,
           onContextMenu: onContextMenu
         })
-      }) : null, /*#__PURE__*/_jsx("div", {
+      }) : null, /*#__PURE__*/_jsxs("div", {
         className: "harvest-sheet-control",
-        children: children
+        children: [children, showBackEdit && !startRowVisible ? /*#__PURE__*/_jsx(Button, {
+          type: "dashed",
+          onClick: function onClick() {
+            var _sheetInstance$curren;
+            return sheetInstance === null || sheetInstance === void 0 ? void 0 : (_sheetInstance$curren = sheetInstance.current) === null || _sheetInstance$curren === void 0 ? void 0 : _sheetInstance$curren.zoomTo();
+          },
+          style: _objectSpread({
+            position: 'absolute',
+            zIndex: 4
+          }, !backEditStyle ? {
+            top: 0,
+            right: 0
+          } : backEditStyle),
+          children: "\u56DE\u5230\u7F16\u8F91\u884C"
+        }) : null]
       })]
     })
   });
 };
-export default Sheet;
-//# sourceMappingURL=index.js.map
+export default Sheet;

package/dist/core/sheet/index.less

@@ -91,6 +91,12 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
     box-shadow: var(--cell-fixed-box-shadow-left);
   }
 
+  
+  &.fixed-right{
+    // transform: translateX(1px);
+
+  }
+
   &.fixed-right::after{
     position: absolute;
     top: 0;
@@ -124,22 +130,32 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
 }
 
 .harvest-sheet-container .harvest-sheet .cell.selected-top{
-  border-top-color: var(--resizer) !important;
+  border-top-color: var(--resizer);
 }
 
 .harvest-sheet-container .harvest-sheet .cell.selected-left{
-  border-left-color: var(--resizer) !important;
+  border-left-color: var(--resizer);
 }
 
 .harvest-sheet-container .harvest-sheet .cell.selected-bottom{
-  border-bottom-color: var(--resizer) !important;
+  border-bottom-color: var(--resizer);
 }
 
 .harvest-sheet-container .harvest-sheet .cell.selected-right{
-  border-right-color: var(--resizer) !important;
+  border-right-color: var(--resizer);
 }
 
 
+.harvest-sheet-container .harvest-sheet .cell.sheet-control{
+  border-right: 1px solid transparent;
+  background: var(--cell-background-color) ;
+  color:var(--read-color);
+
+  &.read-only{
+  border-right: 1px solid var(--cell-title-background-color);
+  }
+  // position: relative !important;
+}
 
 .harvest-sheet-container .harvest-sheet .cell.read-only {
   background: var(--cell-read-only-background-color);
@@ -147,12 +163,6 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
   text-align: center;
 }
 
-.harvest-sheet-container .harvest-sheet .cell.sheet-control{
-  border-right: 1px solid transparent;
-  background: var(--cell-background-color) ;
-  color:var(--read-color);
-  // position: relative !important;
-}
 
 .harvest-sheet-container .harvest-sheet .cell-title.sheet-control{
   border-right: 1px solid var(--cell-title-background-color);
@@ -263,7 +273,6 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
 .harvest-sheet-container .harvest-sheet-control{
   position: sticky;
   z-index: 3;
-  height: 32px;
   bottom: 0;
   left: 0;
   background-color: white;

package/dist/core/sheet/useCellEvent.js

@@ -19,5 +19,4 @@ export var useCellEvent = function useCellEvent(dispatch, listenerVar) {
   useEffect(function () {
     dispatch(sideEffectReducer.emitEditChange);
   }, [editing, lastEditing]);
-};
-//# sourceMappingURL=useCellEvent.js.map
+};

package/dist/core/sheet/useContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch } from "../../hooks";
+import { Dispatch } from "../..";
 import type { SheetType } from "../../type";
 export declare type MenuEvent = {
     showMenu: boolean;

package/dist/core/sheet/useContextMenu.js

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { useSetState } from "../../hooks";
+import { useSetState } from "../..";
 import { useEffect } from 'react';
 import { calcMenuPosition, extractDataRowAndCol, findParentTd } from "../util";
 export var useContextMenu = function useContextMenu(dispatch, elementRef) {
@@ -83,5 +83,4 @@ export var useContextMenu = function useContextMenu(dispatch, elementRef) {
     };
   }, [elementRef.current, enableContextMenu]);
   return _objectSpread({}, menuEvent);
-};
-//# sourceMappingURL=useContextMenu.js.map
+};

package/dist/core/sheet/useKeyBoardEvent.js

@@ -1,12 +1,25 @@
-import { useKeyBoard } from "../../hooks";
+import { useKeyBoard } from "../..";
 import { sideEffectReducer } from "../reducers/sideEffectReducer";
+import { getRowHeight } from "../util";
 export var useKeyBoardEvent = function useKeyBoardEvent(dispatch, elementRef) {
   useKeyBoard({
     move: function move(e, value) {
+      e.preventDefault();
       dispatch({
         type: 'move',
         payload: value
       });
+      // todo 横向滚动的处理
+      var _ref = value,
+        row = _ref.row;
+      if (Math.abs(row) !== 0) {
+        var _elementRef$current;
+        var rowHeight = getRowHeight(elementRef.current);
+        var itemHeight = rowHeight || 30;
+        elementRef === null || elementRef === void 0 ? void 0 : (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.scrollBy({
+          top: itemHeight * row
+        });
+      }
     },
     escape: function escape() {
       dispatch({
@@ -50,5 +63,4 @@ export var useKeyBoardEvent = function useKeyBoardEvent(dispatch, elementRef) {
       dispatch(sideEffectReducer.delete);
     }
   }, elementRef.current);
-};
-//# sourceMappingURL=useKeyBoardEvent.js.map
+};

package/dist/core/sheet/useMouseEvent.js

@@ -1,8 +1,8 @@
-import { useMouse } from "../../hooks";
+import { useMouse } from "../..";
 import { useCallback, useRef } from 'react';
 import { extractDataRowAndCol, findParentTd } from "../util";
 var rowCount = 10; //每秒10行
-var colCount = 5; //每秒3列
+var colCount = 5; //每秒5列
 
 export var useMouseEvent = function useMouseEvent(dispatch, elementRef) {
   var animateRef = useRef(false);
@@ -295,5 +295,4 @@ export var useMouseEvent = function useMouseEvent(dispatch, elementRef) {
     doubleClick: doubleClick,
     loseFocus: loseFocus
   }, elementRef.current);
-};
-//# sourceMappingURL=useMouseEvent.js.map
+};

package/dist/core/sheet/useSelectVisible.d.ts

@@ -0,0 +1,2 @@
+import { SheetType } from "../../type";
+export declare const useSelectVisible: (sheetWrapper: React.RefObject<SheetType.refAssertion>, start?: SheetType.CellPosition) => boolean;

package/dist/core/sheet/useSelectVisible.js

@@ -0,0 +1,48 @@
+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 { throttle } from 'lodash';
+import { useEffect, useState } from 'react';
+export var useSelectVisible = function useSelectVisible(sheetWrapper, start) {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    startVisible = _useState2[0],
+    setStartVisible = _useState2[1];
+  useEffect(function () {
+    var _sheetWrapper$current3;
+    var handleScroll = throttle(function () {
+      var _sheetWrapper$current, _sheetWrapper$current2;
+      if (!start) {
+        return;
+      }
+      var startCell = (_sheetWrapper$current = sheetWrapper.current) === null || _sheetWrapper$current === void 0 ? void 0 : _sheetWrapper$current.querySelector("td.cell[data-row='".concat(start.row, "']"));
+      if (!startCell) return false;
+      var _ref = ((_sheetWrapper$current2 = sheetWrapper.current) === null || _sheetWrapper$current2 === void 0 ? void 0 : _sheetWrapper$current2.getBoundingClientRect()) || {},
+        _ref$top = _ref.top,
+        top = _ref$top === void 0 ? 0 : _ref$top,
+        _ref$bottom = _ref.bottom,
+        bottom = _ref$bottom === void 0 ? 0 : _ref$bottom;
+      var _ref2 = (startCell === null || startCell === void 0 ? void 0 : startCell.getBoundingClientRect()) || {},
+        cellTop = _ref2.top,
+        cellBottom = _ref2.bottom;
+      if (top < cellTop && bottom > cellBottom) {
+        setStartVisible(true);
+      } else {
+        setStartVisible(false);
+      }
+    }, 100);
+    handleScroll();
+    (_sheetWrapper$current3 = sheetWrapper.current) === null || _sheetWrapper$current3 === void 0 ? void 0 : _sheetWrapper$current3.addEventListener('scroll', handleScroll);
+    return function () {
+      var _sheetWrapper$current4;
+      (_sheetWrapper$current4 = sheetWrapper.current) === null || _sheetWrapper$current4 === void 0 ? void 0 : _sheetWrapper$current4.removeEventListener('scroll', handleScroll);
+    };
+  }, [sheetWrapper.current, start]);
+  if (!start) {
+    return true;
+  }
+  return startVisible;
+};

package/dist/core/sheet/useVirtualList.d.ts

@@ -1,5 +1,5 @@
 import type { SheetType } from "../../type";
-export declare const useVirtualList: (elementRef: React.RefObject<SheetType.refAssertion>, data?: SheetType.Cell[][], virtualized?: boolean) => {
+export declare const useVirtualList: (elementRef: React.RefObject<SheetType.refAssertion>, data?: SheetType.Cell[][], groupConfig?: SheetType.RowGroupConfig, virtualized?: boolean) => {
     virtualStart: number;
     virtualEnd: number;
     paddingTop: number;