@zhenliang/sheet 0.0.7 → 0.1.0

package/dist/core/reducers/stateReducer.js

@@ -10,6 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }
+import { SheetType } from "../..";
 export var stateReducer = {
   change: function change(state, payload) {
     var _ref = payload,
@@ -51,15 +52,16 @@ export var stateReducer = {
       _ref2$cell = _ref2.cell,
       row = _ref2$cell.row,
       col = _ref2$cell.col,
-      confirm = _ref2$cell.confirm;
+      confirm = _ref2$cell.confirm,
+      id = _ref2$cell.id;
     var history = _toConsumableArray(state.history || []);
     var current = data === null || data === void 0 ? void 0 : (_data$row = data[row]) === null || _data$row === void 0 ? void 0 : _data$row[col].value;
-    console.log(history.length, current);
     history.push({
       changes: [{
         row: row,
         col: col,
-        value: current
+        value: current,
+        id: id
       }],
       type: 'Edit'
     });
@@ -74,17 +76,44 @@ export var stateReducer = {
       history: history
     });
   },
+  popHistory: function popHistory(state) {
+    var _state$history = state.history,
+      history = _state$history === void 0 ? [] : _state$history;
+    var newHistory = _toConsumableArray(history);
+    newHistory.pop();
+    return _objectSpread(_objectSpread({}, state), {}, {
+      history: newHistory
+    });
+  },
   pushHistory: function pushHistory(state, payload) {
     return _objectSpread(_objectSpread({}, state), {}, {
       history: [].concat(_toConsumableArray(state.history || []), [payload])
     });
   },
+  select: function select(state, payload) {
+    var oldStart = state.start,
+      oldEnd = state.end;
+    var _ref3 = payload,
+      start = _ref3.start,
+      end = _ref3.end;
+    return _objectSpread(_objectSpread({}, state), {}, {
+      start: start,
+      end: end,
+      lastSelected: {
+        start: oldStart,
+        end: oldEnd
+      }
+    });
+  },
   selectRow: function selectRow(state, payload) {
-    var _state$data4, _state$data4$, _state$data5;
+    var _state$data4, _state$data4$, _state$data5, _state$data5$, _state$data6, _state$data6$;
     var startCol = ((_state$data4 = state.data) === null || _state$data4 === void 0 ? void 0 : (_state$data4$ = _state$data4[0]) === null || _state$data4$ === void 0 ? void 0 : _state$data4$.findIndex(function (item) {
       return !item.fixed;
     })) || 0;
-    var endCol = (((_state$data5 = state.data) === null || _state$data5 === void 0 ? void 0 : _state$data5[0].length) || 0) - 1;
+    var endCol = (((_state$data5 = state.data) === null || _state$data5 === void 0 ? void 0 : (_state$data5$ = _state$data5[0]) === null || _state$data5$ === void 0 ? void 0 : _state$data5$.findIndex(function (item) {
+      return item.fixed === SheetType.CellAlign.right;
+    })) || ((_state$data6 = state.data) === null || _state$data6 === void 0 ? void 0 : (_state$data6$ = _state$data6[0]) === null || _state$data6$ === void 0 ? void 0 : _state$data6$.length) || 0) - 1;
+    // const endCol = (state.data?.[0].length || 0) - 1;
     if (startCol >= 0 && endCol >= 0) {
       return _objectSpread(_objectSpread({}, state), {}, {
         start: {
@@ -118,8 +147,8 @@ export var stateReducer = {
   clearSelectIfNotSingleRow: function clearSelectIfNotSingleRow(state) {
     var start = state.start,
       end = state.end;
-    if ((start === null || start === void 0 ? void 0 : start.row) === (end === null || end === void 0 ? void 0 : end.row)) {
-      return _objectSpread({}, state);
+    if (!start || !end || (start === null || start === void 0 ? void 0 : start.row) === (end === null || end === void 0 ? void 0 : end.row)) {
+      return state;
     }
     return _objectSpread(_objectSpread({}, state), {}, {
       start: undefined,
@@ -132,10 +161,10 @@ export var stateReducer = {
   },
   clearEdit: function clearEdit(state) {
     var editing = state.editing;
+    if (!editing) return state;
     return _objectSpread(_objectSpread({}, state), {}, {
       editing: undefined,
       lastEditing: editing
     });
   }
-};
-//# sourceMappingURL=stateReducer.js.map
+};

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,28 +92,42 @@ var Cell = function Cell(props) {
         confirm: false
       });
       if (value !== valueRef.current) {
-        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,
+          id: cell.id,
           value: value
+          // 没必要format value 已经是legal 的值了
+          // value: cell.dataEditor?.formatter
+          //   ? cell.dataEditor.formatter?.(value)
+          //   : value,
         });
       }
     }
-  }, [confirm, eventBus, 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;
@@ -117,6 +136,7 @@ var Cell = function Cell(props) {
         row: r,
         col: col,
         value: value,
+        record: cel.record,
         onConfirm: handleCommit,
         onChange: setValue
       });
@@ -126,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);
@@ -153,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,11 +26,12 @@ 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";
 var Sheet = function Sheet(props) {
-  var _state$data$length, _state$data2, _scroll$y, _scroll$x;
+  var _state$data$length, _state$data3, _scroll$y, _scroll$x;
   var _props$sheetInstance = props.sheetInstance,
     sheetInstance = _props$sheetInstance === void 0 ? {
       current: null
@@ -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,17 +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);
-          console.log(actual);
-          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) {
@@ -94,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({
@@ -128,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,
@@ -142,21 +165,25 @@ var Sheet = function Sheet(props) {
     });
   }, [groupConfig]);
   var rowElements = useMemo(function () {
-    var _state$data;
-    return state === null || state === void 0 ? void 0 : (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.map(function (rowData, row) {
+    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, _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]);
-  var memoHeight = Math.min(((_state$data$length = state === null || state === void 0 ? void 0 : (_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : _state$data2.length) !== null && _state$data$length !== void 0 ? _state$data$length : 0) + 1, 10) * 42 + 43;
+  }, [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", {
@@ -175,7 +202,7 @@ var Sheet = function Sheet(props) {
             paddingBottom: paddingTop,
             display: 'block'
           }
-        }), rowElements === null || rowElements === void 0 ? void 0 : rowElements.slice(virtualStart, virtualEnd), /*#__PURE__*/_jsx("tr", {
+        }), rowElements, /*#__PURE__*/_jsx("tr", {
           style: {
             height: 0,
             paddingBottom: paddingBottom,
@@ -192,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;