@zhenliang/sheet 0.1.4 → 0.1.7-3.beta.0

package/dist/core/sheet/index.js

@@ -1,43 +1,47 @@
-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); }
 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEffect, useMemo, useRef } from 'react';
-import ReduxLogger from 'redux-logger';
+import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "../../../node_modules/@types/react";
+// import ReduxLogger from 'redux-logger';
 import ReduxThunk from 'redux-thunk';
 import DefaultRow from "./DefaultRow";
 import DefaultShell from "./DefaultShell";
-import { Button } from 'antd';
-import { isNil, isNumber } from 'lodash';
+import { useGroup } from "../../hooks/useGroupConfig";
+import { Empty } from 'antd';
+import { isEmpty, isNil, isNumber } from 'lodash';
 import { SheetEventContext, useEventBus, useMiddlewareReducer } from "../../hooks";
 import sheetReducer from "../reducers";
 import { classNames, getRowHeight, rowToActualRow } from "../util";
+import { Control } from "./Control";
 import { DefaultRowMapper } from "./DefaultRowMapper";
+import { Menu } from "./Menu";
 import "./index.less";
+import { SearchInput } from "./searchInput";
 import { useCellEvent } from "./useCellEvent";
 import { useContextMenu } from "./useContextMenu";
 import { useKeyBoardEvent } from "./useKeyBoardEvent";
 import { useMouseEvent } from "./useMouseEvent";
+import { useSearchInput } from "./useSearchInput";
 import { useSelectVisible } from "./useSelectVisible";
-import { useVirtualList } from "./useVirtualList";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { VirtualizeEnd, VirtualizeStart, useVirtualList } from "./useVirtualList";
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
+import { jsxs as _jsxs } from "../../../node_modules/@types/react/jsx-runtime";
+import { Fragment as _Fragment } from "../../../node_modules/@types/react/jsx-runtime";
 var Sheet = function Sheet(props) {
-  var _state$data$length, _state$data3, _scroll$y, _scroll$x;
+  var _visibleData$length, _scroll$y, _scroll$x;
   var _props$sheetInstance = props.sheetInstance,
     sheetInstance = _props$sheetInstance === void 0 ? {
       current: null
     } : _props$sheetInstance,
     _props$sheetRenderer = props.sheetRenderer,
     SheetShell = _props$sheetRenderer === void 0 ? DefaultShell : _props$sheetRenderer,
+    _props$emptyRenderer = props.emptyRenderer,
+    emptyRenderer = _props$emptyRenderer === void 0 ? /*#__PURE__*/_jsx(Empty, {
+      description: "\u6682\u65E0\u6570\u636E"
+    }) : _props$emptyRenderer,
     _props$rowRenderer = props.rowRenderer,
     Row = _props$rowRenderer === void 0 ? DefaultRow : _props$rowRenderer,
     ContextMenu = props.menuRenderer,
@@ -47,31 +51,50 @@ var Sheet = function Sheet(props) {
     data = props.data,
     _props$freePaste = props.freePaste,
     freePaste = _props$freePaste === void 0 ? false : _props$freePaste,
-    _props$groupConfig = props.groupConfig,
-    groupConfig = _props$groupConfig === void 0 ? undefined : _props$groupConfig,
     onCellsChanged = props.onCellsChanged,
     onContextMenu = props.onContextMenu,
     rowClassName = props.rowClassName,
     scroll = props.scroll,
     children = props.children,
-    showBackEdit = props.showBackEdit,
-    backEditStyle = props.backEditStyle;
+    _props$showBackEdit = props.showBackEdit,
+    showBackEdit = _props$showBackEdit === void 0 ? true : _props$showBackEdit,
+    backEditStyle = props.backEditStyle,
+    _props$boldScroll = props.boldScroll,
+    boldScroll = _props$boldScroll === void 0 ? true : _props$boldScroll,
+    _props$hideColBar = props.hideColBar,
+    hideColBar = _props$hideColBar === void 0 ? true : _props$hideColBar,
+    _props$showQuickLocat = props.showQuickLocationBtn,
+    showQuickLocationBtn = _props$showQuickLocat === void 0 ? false : _props$showQuickLocat,
+    ControlContainer = props.ControlContainer;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isScrolledOver = _useState2[0],
+    setIsScrolledOver = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isScrolledToEnd = _useState4[0],
+    setIsScrolledToEnd = _useState4[1];
   var sheetWrapperRef = useRef(null);
   var contextMenuRef = useRef(null);
   var eventBus = useEventBus();
+  var _useGroup = useGroup(),
+    groupConfig = _useGroup.config;
   var _useMiddlewareReducer = useMiddlewareReducer(sheetReducer, {
       data: data,
       mouseDown: false,
       editing: undefined,
       lastFocus: [],
       groupConfig: groupConfig,
-      eventBus: eventBus
-    }, [ReduxThunk, ReduxLogger]),
+      eventBus: eventBus,
+      fixedInfo: []
+    },
+    // [ReduxThunk, ReduxLogger],
+    [ReduxThunk]),
     _useMiddlewareReducer2 = _slicedToArray(_useMiddlewareReducer, 2),
     state = _useMiddlewareReducer2[0],
     dispatch = _useMiddlewareReducer2[1];
-  useEffect(function () {
-    sheetInstance.current = {
+  useImperativeHandle(sheetInstance, function () {
+    return {
       zoomTo: function zoomTo(row) {
         // 给定 row 回到行
         // 不给定 row 默认回到编辑行和列
@@ -79,14 +102,42 @@ var Sheet = function Sheet(props) {
           var _ref, _sheetWrapperRef$curr;
           var _getState = getState(),
             start = _getState.start,
-            groupConfig = _getState.groupConfig;
+            groupConfig = _getState.groupConfig,
+            data = _getState.data;
           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 actual = rowToActualRow((_ref = row) !== null && _ref !== void 0 ? _ref : start === null || start === void 0 ? void 0 : start.row, groupConfig, data.length);
           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);
+          var scrollHeight = actual * rowHeight;
+          (_sheetWrapperRef$curr = sheetWrapperRef.current) === null || _sheetWrapperRef$curr === void 0 || _sheetWrapperRef$curr.scrollTo(isNumber(row) ? 0 : colPosition, scrollHeight);
+
+          // 最后一行的bug暂时用 scroll end 事件来处理
+          if (isNil(row) && start.row === data.length - 1 && sheetWrapperRef.current) {
+            var handleScrollEnd = function handleScrollEnd() {
+              var _sheetWrapperRef$curr2, _sheetWrapperRef$curr3;
+              (_sheetWrapperRef$curr2 = sheetWrapperRef.current) === null || _sheetWrapperRef$curr2 === void 0 || _sheetWrapperRef$curr2.scrollTo(isNumber(row) ? 0 : colPosition, scrollHeight);
+              (_sheetWrapperRef$curr3 = sheetWrapperRef.current) === null || _sheetWrapperRef$curr3 === void 0 || _sheetWrapperRef$curr3.removeEventListener('scrollend', handleScrollEnd);
+            };
+            sheetWrapperRef.current.addEventListener('scrollend', handleScrollEnd);
+          }
+        });
+      },
+      goTo: function goTo(row, col) {
+        dispatch(function (d, getState) {
+          var _sheetWrapperRef$curr4;
+          var _getState2 = getState(),
+            groupConfig = _getState2.groupConfig,
+            data = _getState2.data;
+          var container = sheetWrapperRef.current;
+          if (isNil(row) || isNil(col)) return;
+          var actual = rowToActualRow(row, groupConfig, data.length);
+          var rowHeight = getRowHeight(container);
+          var firstRowCell = container.querySelector("td.cell[data-col='".concat(col, "']"));
+          var colPosition = firstRowCell ? firstRowCell.offsetLeft - firstRowCell.clientWidth : 0;
+          var scrollHeight = actual * rowHeight;
+          (_sheetWrapperRef$curr4 = sheetWrapperRef.current) === null || _sheetWrapperRef$curr4 === void 0 || _sheetWrapperRef$curr4.scrollTo(colPosition, scrollHeight);
         });
       },
       pushToHistory: function pushToHistory(config) {
@@ -102,7 +153,7 @@ var Sheet = function Sheet(props) {
           });
         } else {
           dispatch({
-            type: 'selectRow',
+            type: 'selectOneRow',
             payload: row
           });
         }
@@ -119,9 +170,19 @@ var Sheet = function Sheet(props) {
           type: 'popHistory'
         });
         return history !== null && history !== void 0 && history.length ? history === null || history === void 0 ? void 0 : history[history.length - 1] : {};
+      },
+      dropHistory: function dropHistory() {
+        var history = state.history;
+        dispatch({
+          type: 'changes',
+          payload: {
+            history: []
+          }
+        });
+        return history !== null && history !== void 0 ? history : [];
       }
     };
-  }, [sheetWrapperRef.current, state.history]);
+  }, [state.history]);
   useEffect(function () {
     // 同步必要的状态
     dispatch({
@@ -143,19 +204,37 @@ var Sheet = function Sheet(props) {
   useEffect(function () {
     if (!state.editing && state.start) {
       setTimeout(function () {
-        var _sheetWrapperRef$curr2;
+        var _sheetWrapperRef$curr5;
         // 表格获取焦点 + 接收keyboard event
-        (_sheetWrapperRef$curr2 = sheetWrapperRef.current) === null || _sheetWrapperRef$curr2 === void 0 ? void 0 : _sheetWrapperRef$curr2.focus({
+        (_sheetWrapperRef$curr5 = sheetWrapperRef.current) === null || _sheetWrapperRef$curr5 === void 0 || _sheetWrapperRef$curr5.focus({
           preventScroll: true
         });
       }, 1);
     }
   }, [state.editing, state.start]);
-  var _useVirtualList = useVirtualList(sheetWrapperRef, state.data, groupConfig, virtualized),
+  var visibleData = useMemo(function () {
+    var _groupConfig$groups, _state$data;
+    if (!(groupConfig !== null && groupConfig !== void 0 && (_groupConfig$groups = groupConfig.groups) !== null && _groupConfig$groups !== void 0 && _groupConfig$groups.length)) {
+      return state.data;
+    }
+    return (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.filter(function (item, index) {
+      if (!(groupConfig !== null && groupConfig !== void 0 && groupConfig.configMap.has(index))) {
+        return true;
+      }
+      var rowConfig = groupConfig.configMap.get(index);
+      return (rowConfig === null || rowConfig === void 0 ? void 0 : rowConfig.isOpen) || (rowConfig === null || rowConfig === void 0 ? void 0 : rowConfig.isStart);
+    });
+  }, [state.data, groupConfig]);
+  var _useVirtualList = useVirtualList(sheetWrapperRef, visibleData, virtualized),
     virtualStart = _useVirtualList.virtualStart,
     virtualEnd = _useVirtualList.virtualEnd,
     paddingTop = _useVirtualList.paddingTop,
     paddingBottom = _useVirtualList.paddingBottom;
+  var _useSearchInput = useSearchInput(state, dispatch, sheetInstance),
+    closeSearch = _useSearchInput.closeSearch,
+    changeSearch = _useSearchInput.changeSearch,
+    goNext = _useSearchInput.goNext,
+    goLast = _useSearchInput.goLast;
   useEffect(function () {
     dispatch({
       type: 'clearEdit'
@@ -165,77 +244,159 @@ var Sheet = function Sheet(props) {
     });
   }, [groupConfig]);
   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, _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;
+    var _visibleData$slice;
+    return visibleData === null || visibleData === void 0 || (_visibleData$slice = visibleData.slice(virtualStart, virtualEnd)) === null || _visibleData$slice === void 0 ? void 0 : _visibleData$slice.map(function (rowData) {
+      var _rowData$, _rowData;
+      var row = ((_rowData$ = rowData[0]) === null || _rowData$ === void 0 ? void 0 : _rowData$.row) || 0;
+      var rowCN = rowClassName instanceof Function ? rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(rowData === null || rowData === 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: rowCN,
         children: /*#__PURE__*/_jsx(DefaultRowMapper, {
+          fixedInfo: state.fixedInfo,
           rowData: rowData,
-          row: row
+          row: row,
+          isScrolledOver: isScrolledOver,
+          isScrolledToEnd: isScrolledToEnd
         })
       }, row);
     });
-  }, [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);
+  }, [visibleData, groupConfig, virtualStart, virtualEnd, rowClassName, state.fixedInfo]);
+  var memoHeight = Math.min(((_visibleData$length = visibleData === null || visibleData === void 0 ? void 0 : visibleData.length) !== null && _visibleData$length !== void 0 ? _visibleData$length : 0) + 1, 10) * 42 + 43;
+  var _useSelectVisible = useSelectVisible(sheetWrapperRef, state.start),
+    _useSelectVisible2 = _slicedToArray(_useSelectVisible, 1),
+    startRowVisible = _useSelectVisible2[0];
+  var _useSelectVisible3 = useSelectVisible(sheetWrapperRef, {
+      col: 0,
+      row: 0
+    }),
+    _useSelectVisible4 = _slicedToArray(_useSelectVisible3, 1),
+    firstRowVisible = _useSelectVisible4[0];
+  var _useSelectVisible5 = useSelectVisible(sheetWrapperRef, {
+      col: 0,
+      row: ((data === null || data === void 0 ? void 0 : data.length) || 1) - 1
+    }),
+    _useSelectVisible6 = _slicedToArray(_useSelectVisible5, 1),
+    lastRowVisible = _useSelectVisible6[0];
+  var isEmptyData = isEmpty(state.data);
+  var EmptyElement = useMemo(function () {
+    if (isEmptyData) {
+      return /*#__PURE__*/_jsx("div", {
+        style: {
+          marginTop: 16,
+          marginBottom: 16
+        },
+        children: emptyRenderer
+      });
+    }
+    return null;
+  }, [isEmptyData, emptyRenderer]);
+  var hasHorizontalScrollbar = sheetWrapperRef.current && sheetWrapperRef.current.scrollWidth > sheetWrapperRef.current.clientWidth;
+  var handleScroll = useCallback(function () {
+    if (!sheetWrapperRef.current) {
+      return;
+    }
+    var div = sheetWrapperRef.current;
+
+    // 当前的滚动位置
+    var scrollLeft = div.scrollLeft;
+    // 整个内容的宽度
+    var scrollWidth = div.scrollWidth;
+    // 当前可视区域的宽度
+    var clientWidth = div.clientWidth;
+    setIsScrolledOver(scrollLeft > 0);
+    if (scrollWidth === clientWidth) {
+      setIsScrolledToEnd(true);
+      return;
+    }
+    // 判断是否滚动到底
+    if (scrollLeft + clientWidth + 1 >= scrollWidth) {
+      setIsScrolledToEnd(true);
+    } else {
+      setIsScrolledToEnd(false);
+    }
+  }, []);
+  useEffect(function () {
+    if (sheetWrapperRef.current) {
+      handleScroll();
+    }
+  }, []);
   return /*#__PURE__*/_jsx(SheetEventContext.Provider, {
     value: eventBus,
-    children: /*#__PURE__*/_jsxs("span", {
-      ref: sheetWrapperRef,
-      tabIndex: 0,
-      className: classNames('harvest harvest-sheet-container', className),
-      style: {
-        maxHeight: (_scroll$y = scroll === null || scroll === void 0 ? void 0 : scroll.y) !== null && _scroll$y !== void 0 ? _scroll$y : memoHeight,
-        width: (_scroll$x = scroll === null || scroll === void 0 ? void 0 : scroll.x) !== null && _scroll$x !== void 0 ? _scroll$x : '100%'
-      },
-      children: [/*#__PURE__*/_jsxs(SheetShell, {
-        className: classNames('harvest-sheet', className),
-        children: [virtualized && /*#__PURE__*/_jsx("tr", {
-          style: {
-            height: 0,
-            paddingBottom: paddingTop,
-            display: 'block'
-          }
-        }), rowElements, virtualized && paddingBottom > 0 && /*#__PURE__*/_jsx("tr", {
-          style: {
-            height: 0,
-            paddingBottom: paddingBottom,
-            display: 'block'
-          }
-        })]
-      }, "sheet"), ContextMenu ? /*#__PURE__*/_jsx("div", {
-        ref: contextMenuRef,
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("span", {
         style: {
-          display: menu.showMenu ? '' : 'none'
+          position: 'relative'
         },
-        children: /*#__PURE__*/_jsx(ContextMenu, {
-          position: menu.position,
-          cell: menu.cellPosition,
-          onContextMenu: onContextMenu
-        })
-      }) : null, /*#__PURE__*/_jsxs("div", {
-        className: "harvest-sheet-control",
-        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();
+        children: [/*#__PURE__*/_jsxs("span", {
+          ref: sheetWrapperRef,
+          tabIndex: 0,
+          className: classNames('harvest harvest-sheet-container', className, hasHorizontalScrollbar && boldScroll ? 'tableWarpScroll' : null, hideColBar ? 'hideColBar' : null),
+          style: {
+            maxHeight: (_scroll$y = scroll === null || scroll === void 0 ? void 0 : scroll.y) !== null && _scroll$y !== void 0 ? _scroll$y : memoHeight,
+            width: (_scroll$x = scroll === null || scroll === void 0 ? void 0 : scroll.x) !== null && _scroll$x !== void 0 ? _scroll$x : '100%'
           },
-          style: _objectSpread({
-            position: 'absolute',
-            zIndex: 4
-          }, !backEditStyle ? {
-            top: 0,
-            right: 0
-          } : backEditStyle),
-          children: "\u56DE\u5230\u7F16\u8F91\u884C"
-        }) : null]
+          onScroll: handleScroll,
+          children: [/*#__PURE__*/_jsxs(SheetShell, {
+            className: classNames('harvest-sheet', className),
+            isScrolledOver: isScrolledOver,
+            isScrolledToEnd: isScrolledToEnd,
+            children: [/*#__PURE__*/_jsx(VirtualizeStart, {
+              virtualized: virtualized,
+              paddingTop: paddingTop
+            }), rowElements, /*#__PURE__*/_jsx(VirtualizeEnd, {
+              virtualized: virtualized,
+              paddingBottom: paddingBottom
+            })]
+          }, "sheet"), /*#__PURE__*/_jsx(Menu, {
+            ref: contextMenuRef,
+            position: menu.position,
+            cell: menu.cellPosition,
+            showMenu: menu.showMenu,
+            contextMenu: ContextMenu,
+            onContextMenu: onContextMenu
+          }), EmptyElement]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "harvest-sheet-control",
+          children: [/*#__PURE__*/_jsx(Control, {
+            showBackEdit: showBackEdit,
+            startRowVisible: startRowVisible,
+            backToEditRow: function backToEditRow() {
+              var _sheetInstance$curren;
+              return sheetInstance === null || sheetInstance === void 0 || (_sheetInstance$curren = sheetInstance.current) === null || _sheetInstance$curren === void 0 ? void 0 : _sheetInstance$curren.zoomTo();
+            },
+            firstRowVisible: firstRowVisible,
+            lastRowVisible: lastRowVisible,
+            backEditStyle: backEditStyle,
+            toTop: function toTop() {
+              var _sheetInstance$curren2;
+              return sheetInstance === null || sheetInstance === void 0 || (_sheetInstance$curren2 = sheetInstance.current) === null || _sheetInstance$curren2 === void 0 ? void 0 : _sheetInstance$curren2.zoomTo(0);
+            },
+            toBottom: function toBottom() {
+              var _sheetInstance$curren3, _data$length;
+              return sheetInstance === null || sheetInstance === void 0 || (_sheetInstance$curren3 = sheetInstance.current) === null || _sheetInstance$curren3 === void 0 ? void 0 : _sheetInstance$curren3.zoomTo(((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 1) - 1);
+            },
+            showQuickLocationBtn: showQuickLocationBtn,
+            ControlContainer: ControlContainer,
+            selectInfo: {
+              start: state.start,
+              end: state.end,
+              selecting: state.selecting
+            }
+          }), children]
+        })]
+      }), /*#__PURE__*/_jsx(SearchInput, {
+        style: props.searchStyle,
+        value: state.searchText,
+        total: state.searchTotal,
+        current: state.searchCurrent,
+        calledCount: state.searchCalledCount,
+        open: state.showSearch,
+        goNext: goNext,
+        goLast: goLast,
+        onChange: changeSearch,
+        onClose: closeSearch
       })]
     })
   });