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

package/dist/core/sheet/Cell.js

@@ -2,34 +2,20 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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 { isNil } from 'lodash';
-import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "../../../node_modules/@types/react";
 import { useSetState, useSheetEvent } from "../../hooks";
 import { renderValue } from "../util";
 import DataEditor from "./DataEditor";
 import DefaultCell from "./DefaultCell";
 import ValueViewer from "./ValueViewer";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
 function initialData(_ref) {
   var cell = _ref.cell;
   return renderValue(cell);
 }
-function widthStyle(cell) {
-  var width = typeof (cell === null || cell === void 0 ? void 0 : cell.width) === 'number' ? "".concat(cell.width, "px") : cell.width;
-  var align = cell.align || 'left';
-  var position = cell.fixed ? 'sticky' : 'unset';
-  var left = cell.fixed === 'left' ? 0 : 'unset';
-  var right = cell.fixed === 'right' ? 0 : 'unset';
-  return {
-    width: width,
-    textAlign: align,
-    position: position,
-    left: left,
-    right: right
-  };
-}
 var Cell = function Cell(props) {
   var _cell$editable;
   var row = props.row,
@@ -39,7 +25,8 @@ var Cell = function Cell(props) {
     CellRenderer = _props$cellRenderer === void 0 ? DefaultCell : _props$cellRenderer,
     dataEditor = props.dataEditor,
     valueViewer = props.valueViewer,
-    attributesRenderer = props.attributesRenderer;
+    attributesRenderer = props.attributesRenderer,
+    cellFixedInfo = props.cellFixedInfo;
   var eventBus = useSheetEvent();
   var _useSetState = useSetState(),
     _useSetState2 = _slicedToArray(_useSetState, 2),
@@ -70,7 +57,7 @@ var Cell = function Cell(props) {
       } 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);
+        setValue((_cell$dataEditor = cell.dataEditor) !== null && _cell$dataEditor !== void 0 && _cell$dataEditor.parser ? cell === null || cell === void 0 || (_cell$dataEditor2 = cell.dataEditor) === null || _cell$dataEditor2 === void 0 || (_cell$dataEditor2$par = _cell$dataEditor2.parser) === null || _cell$dataEditor2$par === void 0 ? void 0 : _cell$dataEditor2$par.call(_cell$dataEditor2, eventInfo.value, cell.record) : eventInfo.value);
       }
       setEventState(eventInfo);
     };
@@ -101,7 +88,8 @@ var Cell = function Cell(props) {
           row: row,
           col: col,
           id: cell.id,
-          value: value
+          value: value,
+          key: cell.dataIndex
           // 没必要format value 已经是legal 的值了
           // value: cell.dataEditor?.formatter
           //   ? cell.dataEditor.formatter?.(value)
@@ -115,7 +103,7 @@ var Cell = function Cell(props) {
     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))) {
+    if (value !== null && 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;
     }
@@ -125,6 +113,7 @@ var Cell = function Cell(props) {
       col: col,
       id: cell.id,
       value: value,
+      key: cell.dataIndex,
       confirm: true
     });
   }, [eventBus, valueRef, cell]);
@@ -163,6 +152,22 @@ var Cell = function Cell(props) {
       return a;
     }).join(' ');
   }, [editing, selected, selectedInfo, cell.className, cell.readonly]);
+  var widthStyle = useMemo(function () {
+    var _cellFixedInfo$fixPos, _cellFixedInfo$fixPos2;
+    var width = typeof (cell === null || cell === void 0 ? void 0 : cell.width) === 'number' ? "".concat(cell.width, "px") : cell.width;
+    var align = cell.align || 'left';
+    var position = cell.fixed ? 'sticky' : 'unset';
+    var left = cell.fixed === 'left' ? (_cellFixedInfo$fixPos = cellFixedInfo === null || cellFixedInfo === void 0 ? void 0 : cellFixedInfo.fixPosition) !== null && _cellFixedInfo$fixPos !== void 0 ? _cellFixedInfo$fixPos : 0 : 'unset';
+    var right = cell.fixed === 'right' ? (_cellFixedInfo$fixPos2 = cellFixedInfo === null || cellFixedInfo === void 0 ? void 0 : cellFixedInfo.fixPosition) !== null && _cellFixedInfo$fixPos2 !== void 0 ? _cellFixedInfo$fixPos2 : 0 : 'unset';
+    var obj = {
+      width: width,
+      textAlign: align,
+      position: position,
+      left: left,
+      right: right
+    };
+    return obj;
+  }, [cellFixedInfo, cell]);
   return /*#__PURE__*/_jsx(CellRenderer, {
     row: row,
     col: col,
@@ -171,11 +176,15 @@ var Cell = function Cell(props) {
     editing: eventState.editing,
     attributesRenderer: attributesRenderer,
     className: className,
-    style: widthStyle(cell),
+    style: widthStyle,
+    isFirstFixedRight: cellFixedInfo === null || cellFixedInfo === void 0 ? void 0 : cellFixedInfo.isFirstFixedRight,
+    isLastFixedLeft: cellFixedInfo === null || cellFixedInfo === void 0 ? void 0 : cellFixedInfo.isLastFixedLeft,
+    isScrolledOver: cellFixedInfo === null || cellFixedInfo === void 0 ? void 0 : cellFixedInfo.isScrolledOver,
+    isScrolledToEnd: cellFixedInfo === null || cellFixedInfo === void 0 ? void 0 : cellFixedInfo.isScrolledToEnd,
     children: content
   });
 };
-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.dataEditor === next.cell.dataEditor && pre.cell.record === next.cell.record;
+export default memo(Cell, function (pre, next) {
+  var shouldUpdate = pre.col === next.col && pre.row === next.row && pre.cell.value === next.cell.value && pre.cell.dataEditor === next.cell.dataEditor && pre.cell.className === next.cell.className && pre.cell.record === next.cell.record && pre.cellFixedInfo === next.cellFixedInfo;
   return shouldUpdate;
 });

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

@@ -0,0 +1,21 @@
+import { CellPosition } from "../../type/sheet";
+import React, { CSSProperties } from "../../../node_modules/@types/react";
+interface ControlProps {
+    startRowVisible: boolean;
+    firstRowVisible: boolean;
+    lastRowVisible: boolean;
+    showQuickLocationBtn: boolean;
+    backToEditRow: () => void;
+    toTop: () => void;
+    toBottom: () => void;
+    backEditStyle?: Partial<CSSProperties>;
+    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

@@ -0,0 +1,83 @@
+import { EditOutlined, VerticalAlignBottomOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
+import { Button, Tooltip } from 'antd';
+import React, { useMemo } from "../../../node_modules/@types/react";
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
+var itemStyle = {
+  fontSize: 18,
+  marginTop: 2
+};
+export var Control = function Control(props) {
+  var showBackEdit = props.showBackEdit,
+    showQuickLocationBtn = props.showQuickLocationBtn,
+    startRowVisible = props.startRowVisible,
+    firstRowVisible = props.firstRowVisible,
+    lastRowVisible = props.lastRowVisible,
+    selectInfo = props.selectInfo,
+    toTop = props.toTop,
+    toBottom = props.toBottom,
+    backToEditRow = props.backToEditRow,
+    _props$backEditStyle = props.backEditStyle,
+    backEditStyle = _props$backEditStyle === void 0 ? {
+      bottom: 0,
+      right: 0
+    } : _props$backEditStyle,
+    ControlContainer = props.ControlContainer;
+  var btns = useMemo(function () {
+    var tempBtns = [{
+      title: '置顶',
+      disabled: firstRowVisible,
+      event: toTop,
+      icon: /*#__PURE__*/_jsx(VerticalAlignTopOutlined, {
+        style: itemStyle
+      }),
+      isShow: showQuickLocationBtn
+    }, {
+      title: '置底',
+      disabled: lastRowVisible,
+      event: toBottom,
+      icon: /*#__PURE__*/_jsx(VerticalAlignBottomOutlined, {
+        style: itemStyle
+      }),
+      isShow: showQuickLocationBtn
+    }, {
+      title: '返回编辑行',
+      disabled: startRowVisible,
+      event: backToEditRow,
+      icon: /*#__PURE__*/_jsx(EditOutlined, {
+        style: itemStyle
+      }),
+      isShow: showBackEdit
+    }];
+    return tempBtns.filter(function (item) {
+      return item.isShow;
+    });
+  }, [firstRowVisible, showQuickLocationBtn, lastRowVisible, startRowVisible, showBackEdit]);
+  if (!showBackEdit && !showQuickLocationBtn) return null;
+  if (ControlContainer) {
+    return /*#__PURE__*/_jsx(ControlContainer, {
+      selectInfo: selectInfo
+    });
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: "control",
+    style: backEditStyle,
+    children: btns.map(function (item) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "control-item",
+        children: /*#__PURE__*/_jsx(Tooltip, {
+          title: item.title,
+          children: /*#__PURE__*/_jsx(Button, {
+            style: {
+              width: 24,
+              height: 24,
+              padding: 0
+            },
+            disabled: item.disabled,
+            onClick: item.event,
+            children: item.icon
+          })
+        })
+      }, item.title);
+    })
+  });
+};

package/dist/core/sheet/DataEditor.js

@@ -1,12 +1,12 @@
-import { useEffect, useRef } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "../../../node_modules/@types/react";
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
 var DataEditor = function DataEditor(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange;
   var inputRef = useRef(null);
   useEffect(function () {
     var _inputRef$current;
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
   }, []);
   var handleChange = function handleChange(e) {
     onChange(e.target.value);

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

@@ -1,11 +1,16 @@
+/// <reference types="react" />
 import type { SheetType } from "../../type";
-declare const DefaultCell: (props: {
+declare const DefaultCell: React.FC<{
     cell: SheetType.Cell;
     row: number;
     col: number;
-    attributesRenderer?: SheetType.AttributesRenderer | undefined;
+    attributesRenderer?: SheetType.AttributesRenderer;
     className: string;
     style: Record<string, string>;
     children: React.ReactElement;
-}) => JSX.Element;
+    isFirstFixedRight: boolean;
+    isLastFixedLeft: boolean;
+    isScrolledOver: boolean;
+    isScrolledToEnd: boolean;
+}>;
 export default DefaultCell;

package/dist/core/sheet/DefaultCell.js

@@ -1,11 +1,11 @@
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { classNames } from "../util";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
 var DefaultCell = function DefaultCell(props) {
   var cell = props.cell,
     row = props.row,
@@ -13,14 +13,18 @@ var DefaultCell = function DefaultCell(props) {
     attributesRenderer = props.attributesRenderer,
     className = props.className,
     style = props.style,
-    children = props.children;
+    children = props.children,
+    isFirstFixedRight = props.isFirstFixedRight,
+    isLastFixedLeft = props.isLastFixedLeft,
+    isScrolledOver = props.isScrolledOver,
+    isScrolledToEnd = props.isScrolledToEnd;
   var colSpan = cell.colSpan,
     rowSpan = cell.rowSpan;
   var attributes = attributesRenderer ? attributesRenderer(cell, row, col) : {};
   return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({
     "data-row": row,
     "data-col": col,
-    className: classNames(className, cell.fixed && 'fixed', cell.fixed && "fixed-".concat(cell.fixed)),
+    className: classNames(className, cell.fixed && 'fixed', cell.fixed && "fixed-".concat(cell.fixed), cell.dataIndex === 'index' ? 'index' : null, isLastFixedLeft && isScrolledOver ? "last-fixed-left" : null, isFirstFixedRight && !isScrolledToEnd ? "first-fixed-right" : null),
     colSpan: colSpan,
     rowSpan: rowSpan,
     style: style

package/dist/core/sheet/DefaultRow.js

@@ -1,6 +1,6 @@
-import { useMemo } from 'react';
+import { useMemo } from "../../../node_modules/@types/react";
 import { groupConfigToGroupMap } from "../util";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
 var DefaultRow = function DefaultRow(_ref) {
   var _groupMap$get, _groupMap$get2;
   var rowClassName = _ref.rowClassName,
@@ -12,13 +12,7 @@ var DefaultRow = function DefaultRow(_ref) {
     return groupConfigToGroupMap(groupConfig);
   }, [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'
-      },
-      children: children
-    });
+    return null;
   }
   return /*#__PURE__*/_jsx("tr", {
     className: rowClassName,

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

@@ -3,6 +3,9 @@ import type { SheetType } from "../../type";
 interface DefaultRowMapperProps {
     rowData: SheetType.Cell[];
     row: number;
+    fixedInfo: SheetType.FixedInfo[];
+    isScrolledOver: boolean;
+    isScrolledToEnd: boolean;
 }
 export declare const DefaultRowMapper: React.FC<DefaultRowMapperProps>;
 export {};

package/dist/core/sheet/DefaultRowMapper.js

@@ -1,15 +1,31 @@
-import { memo } from 'react';
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { memo } from "../../../node_modules/@types/react";
 import Cell from "./Cell";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var DefaultRowMapper = /*#__PURE__*/memo(function (_ref) {
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
+import { Fragment as _Fragment } from "../../../node_modules/@types/react/jsx-runtime";
+export var DefaultRowMapper = memo(function (_ref) {
   var rowData = _ref.rowData,
-    row = _ref.row;
+    row = _ref.row,
+    fixedInfo = _ref.fixedInfo,
+    isScrolledOver = _ref.isScrolledOver,
+    isScrolledToEnd = _ref.isScrolledToEnd;
   var cls = rowData.map(function (cell, col) {
     return /*#__PURE__*/_jsx(Cell, {
       row: row,
       col: col,
-      cell: cell
+      cell: cell,
+      cellFixedInfo: _objectSpread(_objectSpread({}, fixedInfo[col]), {}, {
+        isScrolledOver: isScrolledOver,
+        isScrolledToEnd: isScrolledToEnd
+      })
     }, col);
   });
-  return cls;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: cls
+  });
 });

package/dist/core/sheet/DefaultShell.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
 var DefaultShell = function DefaultShell(_ref) {
   var children = _ref.children,
     className = _ref.className;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC } from "../../../node_modules/@types/react";
 export declare const SheetEvent: FC<{
     handler?: (value: unknown) => void;
     name: string;

package/dist/core/sheet/Event.js

@@ -1,5 +1,5 @@
 import { useSheetEvent } from "../..";
-import { useEffect } from 'react';
+import { useEffect } from "../../../node_modules/@types/react";
 export var SheetEvent = function SheetEvent(_ref) {
   var handler = _ref.handler,
     name = _ref.name;

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

@@ -0,0 +1,6 @@
+import { MenuRenderProps } from "../../type/sheet";
+import React from "../../../node_modules/@types/react";
+export declare const Menu: React.ForwardRefExoticComponent<MenuRenderProps & {
+    contextMenu?: React.FC<MenuRenderProps> | undefined;
+    showMenu: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/core/sheet/Menu.js

@@ -0,0 +1,21 @@
+import React, { forwardRef } from "../../../node_modules/@types/react";
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
+export var Menu = forwardRef(function (props, ref) {
+  var showMenu = props.showMenu,
+    position = props.position,
+    cell = props.cell,
+    onContextMenu = props.onContextMenu,
+    ContextMenu = props.contextMenu;
+  var isMenuShow = !!ContextMenu && showMenu;
+  return /*#__PURE__*/_jsx("div", {
+    ref: ref,
+    style: {
+      display: isMenuShow ? '' : 'none'
+    },
+    children: isMenuShow && /*#__PURE__*/_jsx(ContextMenu, {
+      position: position,
+      cell: cell,
+      onContextMenu: onContextMenu
+    })
+  });
+});

package/dist/core/sheet/ValueViewer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "../../../node_modules/@types/react/jsx-runtime";
 var ValueViewer = function ValueViewer(_ref) {
   var value = _ref.value;
   return /*#__PURE__*/_jsx("span", {