@zhenliang/sheet 0.1.72-beta.2 → 0.1.72-beta.4

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

@@ -1,3 +1,4 @@
+import { CellPosition } from "../../type/sheet";
 import React, { CSSProperties } from 'react';
 interface ControlProps {
     startRowVisible: boolean;
@@ -8,8 +9,13 @@ interface ControlProps {
     toTop: () => void;
     toBottom: () => void;
     backEditStyle?: Partial<CSSProperties>;
-    ControlContainer?: React.FC;
+    ControlContainer?: React.FC<any>;
     showBackEdit?: boolean;
+    selectInfo?: {
+        start?: CellPosition;
+        end?: CellPosition;
+        selecting?: boolean;
+    };
 }
 export declare const Control: React.FC<ControlProps>;
 export {};

package/dist/core/sheet/Control.js

@@ -12,6 +12,7 @@ export var Control = function Control(props) {
     startRowVisible = props.startRowVisible,
     firstRowVisible = props.firstRowVisible,
     lastRowVisible = props.lastRowVisible,
+    selectInfo = props.selectInfo,
     toTop = props.toTop,
     toBottom = props.toBottom,
     backToEditRow = props.backToEditRow,
@@ -53,7 +54,9 @@ export var Control = function Control(props) {
   }, [firstRowVisible, showQuickLocationBtn, lastRowVisible, startRowVisible, showBackEdit]);
   if (!showBackEdit && !showQuickLocationBtn) return null;
   if (ControlContainer) {
-    return /*#__PURE__*/_jsx(ControlContainer, {});
+    return /*#__PURE__*/_jsx(ControlContainer, {
+      selectInfo: selectInfo
+    });
   }
   return /*#__PURE__*/_jsx("div", {
     className: "control",

package/dist/core/sheet/index.js

@@ -124,6 +124,22 @@ var Sheet = function Sheet(props) {
           }
         });
       },
+      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) {
         dispatch({
           type: 'pushHistory',
@@ -188,9 +204,9 @@ var Sheet = function Sheet(props) {
   useEffect(function () {
     if (!state.editing && state.start) {
       setTimeout(function () {
-        var _sheetWrapperRef$curr4;
+        var _sheetWrapperRef$curr5;
         // 表格获取焦点 + 接收keyboard event
-        (_sheetWrapperRef$curr4 = sheetWrapperRef.current) === null || _sheetWrapperRef$curr4 === void 0 || _sheetWrapperRef$curr4.focus({
+        (_sheetWrapperRef$curr5 = sheetWrapperRef.current) === null || _sheetWrapperRef$curr5 === void 0 || _sheetWrapperRef$curr5.focus({
           preventScroll: true
         });
       }, 1);
@@ -277,8 +293,11 @@ var Sheet = function Sheet(props) {
     return null;
   }, [isEmptyData, emptyRenderer]);
   var hasHorizontalScrollbar = sheetWrapperRef.current && sheetWrapperRef.current.scrollWidth > sheetWrapperRef.current.clientWidth;
-  var handleScroll = useCallback(function (event) {
-    var div = event.target;
+  var handleScroll = useCallback(function () {
+    if (!sheetWrapperRef.current) {
+      return;
+    }
+    var div = sheetWrapperRef.current;
 
     // 当前的滚动位置
     var scrollLeft = div.scrollLeft;
@@ -294,6 +313,11 @@ var Sheet = function Sheet(props) {
       setIsScrolledToEnd(false);
     }
   }, []);
+  useEffect(function () {
+    if (sheetWrapperRef.current) {
+      handleScroll();
+    }
+  }, []);
   return /*#__PURE__*/_jsx(SheetEventContext.Provider, {
     value: eventBus,
     children: /*#__PURE__*/_jsxs(_Fragment, {
@@ -350,7 +374,12 @@ var Sheet = function Sheet(props) {
               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
+            ControlContainer: ControlContainer,
+            selectInfo: {
+              start: state.start,
+              end: state.end,
+              selecting: state.selecting
+            }
           }), children]
         })]
       }), /*#__PURE__*/_jsx(SearchInput, {

package/dist/type/sheet.d.ts

@@ -95,6 +95,7 @@ export type MenuRenderProps = {
 };
 export type SheetInstance = {
     zoomTo: (row?: number) => void;
+    goTo: (row: number, col: number) => void;
     pushToHistory: (value: OperateHistory) => void;
     selectRow: (row?: number) => void;
     select: (props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhenliang/sheet",
-  "version": "0.1.72-beta.2",
+  "version": "0.1.72-beta.4",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -8,7 +8,6 @@
   "files": [
     "dist"
   ],
-  "preid": "beta",
   "scripts": {
     "build": "father build",
     "build:watch": "father dev",
@@ -79,5 +78,6 @@
   },
   "authors": [
     "fizz.zhou@ap.jll.com"
-  ]
-}
+  ],
+  "preid": "beta"
+}