@zhenliang/sheet 0.1.7-3.beta.9 → 0.1.7-4.beta.2

package/dist/core/reducers/sideEffectReducer.js

@@ -35,7 +35,7 @@ export var sideEffectReducer = {
             cell: cell
           }
         });
-        cellChangeHandler && cellChangeHandler([cell]);
+        cellChangeHandler && cellChangeHandler([cell], undefined, 'Edit');
       });
     });
     eventBus.on('cell-create', function (_ref) {
@@ -307,7 +307,7 @@ export var sideEffectReducer = {
                 }
               }
             });
-            cellChangeHandler && cellChangeHandler(legalChanges, freePaste ? legalExtChanges : []);
+            cellChangeHandler && cellChangeHandler(legalChanges, freePaste ? legalExtChanges : [], 'Paste');
           case 18:
           case "end":
             return _context.stop();
@@ -364,7 +364,7 @@ export var sideEffectReducer = {
         history: newHistory
       }
     });
-    cellChangeHandler && cellChangeHandler(changes);
+    cellChangeHandler && cellChangeHandler(changes, undefined, 'Delete');
   },
   reverse: function reverse(dispatch, getState) {
     var _getState10 = getState(),
@@ -391,7 +391,7 @@ export var sideEffectReducer = {
       });
       return;
     }
-    cellChangeHandler && cellChangeHandler(change.changes);
+    cellChangeHandler && cellChangeHandler(change.changes, undefined, 'Reverse');
     var recoverChange = _objectSpread(_objectSpread({}, change), {}, {
       changes: change.changes.map(function (item) {
         var _item$row, _item$col;
@@ -448,7 +448,7 @@ export var sideEffectReducer = {
         });
       })
     });
-    cellChangeHandler && cellChangeHandler(change.changes);
+    cellChangeHandler && cellChangeHandler(change.changes, undefined, 'Recover');
     dispatch({
       type: 'changes',
       payload: {

package/dist/core/sheet/Remark.js

@@ -8,9 +8,9 @@ export var Remark = /*#__PURE__*/forwardRef(function (props, ref) {
     var rightOverflow = document.body.clientWidth - position.left < 400;
     var bottomOverflow = document.body.clientHeight - position.top < 400;
     if (rightOverflow && bottomOverflow) {
-      return "translate(-100%, -100%)";
+      return "translate(calc(-100% - 4px), calc(-100% - 4px))";
     } else if (rightOverflow && !bottomOverflow) {
-      return "translate(-100%, 40px)";
+      return "translate(calc(-100% - 4px), 44px)";
     } else if (!rightOverflow && bottomOverflow) {
       return "translate(0, calc(40px - 100%))";
     }

package/dist/core/sheet/index.js

@@ -1,3 +1,9 @@
+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); }
 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); }
@@ -201,6 +207,16 @@ var Sheet = function Sheet(props) {
           }
         });
         return history !== null && history !== void 0 ? history : [];
+      },
+      call: function call(caller) {
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        return dispatch(function (d, getState) {
+          var _getState3 = getState(),
+            data = _getState3.data;
+          caller === null || caller === void 0 || caller.apply(void 0, args.concat([data]));
+        });
       }
     };
   }, [state.history]);
@@ -221,6 +237,21 @@ var Sheet = function Sheet(props) {
   useMouseEvent(dispatch, sheetWrapperRef);
   useKeyBoardEvent(dispatch, sheetWrapperRef);
   var menu = useContextMenu(dispatch, sheetWrapperRef, !!ContextMenu, contextMenuRef);
+  var menuCell = useMemo(function () {
+    var _data$cellPosition$ro, _data$cellPosition$ro2, _data$cellPosition$ro3;
+    var cellPosition = menu.cellPosition,
+      showMenu = menu.showMenu;
+    if (!showMenu) {
+      return cellPosition;
+    }
+    var _ref2 = (_data$cellPosition$ro = data === null || data === void 0 || (_data$cellPosition$ro2 = data[cellPosition.row]) === null || _data$cellPosition$ro2 === void 0 ? void 0 : _data$cellPosition$ro2[cellPosition.col - 1 - ((_data$cellPosition$ro3 = data[cellPosition.row][0].col) !== null && _data$cellPosition$ro3 !== void 0 ? _data$cellPosition$ro3 : 0)]) !== null && _data$cellPosition$ro !== void 0 ? _data$cellPosition$ro : {},
+      id = _ref2.id,
+      dataIndex = _ref2.dataIndex;
+    return _objectSpread(_objectSpread({}, cellPosition), {}, {
+      id: id,
+      key: dataIndex
+    });
+  }, [data, menu.cellPosition]);
   var _useRemarkContainer = useRemarkContainer(sheetWrapperRef, state.start, state.editing, showRemark),
     remarkInfo = _useRemarkContainer.remarkInfo;
 
@@ -383,7 +414,7 @@ var Sheet = function Sheet(props) {
           }, "sheet"), /*#__PURE__*/_jsx(Menu, {
             ref: contextMenuRef,
             position: menu.position,
-            cell: menu.cellPosition,
+            cell: menuCell,
             showMenu: menu.showMenu,
             contextMenu: ContextMenu,
             onContextMenu: onContextMenu

package/dist/core/sheet/index.less

@@ -386,9 +386,11 @@ span.harvest-sheet-container:focus {
   z-index: 10;
   margin-left: 5px;
   overflow: auto;
+  scroll-behavior: smooth;
   padding: 0;
   background: rgb(255,255,255);
   box-shadow: 0 4px 8px rgba(216,223,235,.5);
+  transition: top .1s linear,left .1s linear,transform .05s linear;
 }
 .harvest-remark-container::-webkit-scrollbar{
   display: none;

package/dist/core/sheet/useMouseEvent.js

@@ -188,7 +188,9 @@ export var useMouseEvent = function useMouseEvent(dispatch, elementRef) {
     });
   }, []);
   var mouseUp = useCallback(function (e) {
-    e.preventDefault();
+    // input select 问题
+    // e.preventDefault();
+
     resetInterval();
     var currentCell = findParentTd(e.target);
     if (!currentCell || currentCell.classList.contains('fixed')) {
@@ -287,7 +289,7 @@ export var useMouseEvent = function useMouseEvent(dispatch, elementRef) {
   }, []);
   useEffect(function () {
     if (elementRef.current) {
-      if (navigator.appVersion.indexOf("Mac") !== -1) {
+      if (navigator.appVersion.indexOf('Mac') !== -1) {
         elementRef.current.style.setProperty('--arrow-down', 'var(--arrow-mac-down)');
         elementRef.current.style.setProperty('--arrow-right', 'var(--arrow-mac-right)');
       }

package/dist/core/sheet/useRemarkContainer.js

@@ -62,21 +62,44 @@ export var useRemarkContainer = function useRemarkContainer(elementRef, start, e
   }, [showRemark, editing]);
   useEffect(function () {
     var _elementRef$current, _elementRef$current2;
-    var remarkScroll = throttle(function () {
-      setRemarkInfo({
-        show: false
-      });
-    }, 50);
+    var scrollTimer;
     var remarkScrollEnd = function remarkScrollEnd() {
       var position = calcPosition();
       if (!position) {
         return;
       }
+      // end called
+      if (scrollTimer) {
+        clearTimeout(scrollTimer);
+      }
       setRemarkInfo({
         position: position,
         show: position.visible && showRemark && !editing && position.left > 0 && position.top > 0
       });
     };
+    var remarkScroll = throttle(function () {
+      var _ref = elementRef.current || {},
+        _ref$scrollTop = _ref.scrollTop,
+        scrollTop = _ref$scrollTop === void 0 ? 0 : _ref$scrollTop,
+        _ref$scrollHeight = _ref.scrollHeight,
+        scrollHeight = _ref$scrollHeight === void 0 ? 0 : _ref$scrollHeight,
+        _ref$clientHeight = _ref.clientHeight,
+        clientHeight = _ref$clientHeight === void 0 ? 0 : _ref$clientHeight;
+      // 滚动条抖动导致的
+      if (Math.abs(clientHeight + scrollTop - scrollHeight) <= 1) {
+        return;
+      }
+      setRemarkInfo({
+        show: false
+      });
+      if (scrollTimer) {
+        clearTimeout(scrollTimer);
+      }
+      scrollTimer = setTimeout(function () {
+        remarkScrollEnd();
+        clearTimeout(scrollTimer);
+      }, 100);
+    }, 50);
     (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.addEventListener('scroll', remarkScroll);
     (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 || _elementRef$current2.addEventListener('scrollend', remarkScrollEnd);
     return function () {
@@ -96,13 +119,13 @@ export var useRemarkContainer = function useRemarkContainer(elementRef, start, e
     }
     var io = new IntersectionObserver(function (entries) {
       var ratio = entries[0].intersectionRatio;
-      if (ratio < 1) {
+      if (ratio < 0.5) {
         setRemarkInfo({
           show: false
         });
       }
     }, {
-      threshold: 1
+      threshold: 0.5
     });
     io.observe(cell);
     return function () {

package/dist/core/table/index.js

@@ -69,14 +69,14 @@ var Table = function Table(_ref) {
   useImperativeHandle(sheetRef, function () {
     return new Proxy({}, {
       get: function get(target, property) {
-        var _sheetInstance$curren3;
+        var _sheetInstance$curren4;
         if (property === 'goToByTable') {
-          return function (id, columnKey) {
-            var _sheetInstance$curren, _sheetInstance$curren2;
-            var toCol = columns.findIndex(function (column) {
-              return column.dataIndex === columnKey;
-            }) + offset;
-            var toRow = data.findIndex(function (d) {
+          var goToByTable = function goToByTable(id, columnKey, currentData) {
+            var _currentData$, _sheetInstance$curren, _sheetInstance$curren2;
+            var toCol = currentData === null || currentData === void 0 || (_currentData$ = currentData[0]) === null || _currentData$ === void 0 ? void 0 : _currentData$.findIndex(function (d) {
+              return d.dataIndex === columnKey;
+            });
+            var toRow = currentData.findIndex(function (d) {
               return String(d === null || d === void 0 ? void 0 : d[0].id) === String(id);
             });
             (_sheetInstance$curren = sheetInstance.current) === null || _sheetInstance$curren === void 0 || _sheetInstance$curren.goTo(toRow, toCol);
@@ -91,11 +91,18 @@ var Table = function Table(_ref) {
               }
             });
           };
+          return function () {
+            var _sheetInstance$curren3;
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+            (_sheetInstance$curren3 = sheetInstance.current) === null || _sheetInstance$curren3 === void 0 || _sheetInstance$curren3.call.apply(_sheetInstance$curren3, [goToByTable].concat(args));
+          };
         }
-        return (_sheetInstance$curren3 = sheetInstance.current) === null || _sheetInstance$curren3 === void 0 ? void 0 : _sheetInstance$curren3[property];
+        return (_sheetInstance$curren4 = sheetInstance.current) === null || _sheetInstance$curren4 === void 0 ? void 0 : _sheetInstance$curren4[property];
       }
     });
-  }, [columns, data]);
+  }, [columns, dataSource, offset]);
   var _useRowSelection = useRowSelection(dataSource, rowSelection, hasChildren),
     _useRowSelection2 = _slicedToArray(_useRowSelection, 2),
     checkedRow = _useRowSelection2[0],
@@ -133,7 +140,7 @@ var Table = function Table(_ref) {
       setData([[]]);
     }
   }, [dataSource, columns]);
-  var handleChanges = useCallback(function (changes, extChange) {
+  var handleChanges = useCallback(function (changes, extChange, type) {
     if (freeze) return;
     onChange && onChange(changes.map(function (item) {
       return {
@@ -151,7 +158,7 @@ var Table = function Table(_ref) {
         key: item.key || columns[item.col - offset].dataIndex,
         value: item.value
       };
-    }));
+    }), type);
   }, [columns, onChange, hasControl, freeze]);
   var handleReverse = useCallback(function (value) {
     var _ref2 = value,

package/dist/type/sheet.d.ts

@@ -69,8 +69,9 @@ export type CellData = {
     key?: string;
     value?: string;
 };
+export type ChangeType = 'Edit' | 'Paste' | 'Delete' | 'Reverse' | 'Recover';
 export type CellNavigable = (cell?: Cell, row?: number, col?: number) => boolean;
-export type CellChangeHandler = (cells: CellData[], additions?: CellData[]) => void;
+export type CellChangeHandler = (cells: CellData[], additions: CellData[] | undefined, type: ChangeType) => void;
 export type RowGroup = {
     groupName: string;
     groupStart: number;
@@ -90,7 +91,7 @@ export type MenuRenderProps = {
         top: number;
         left: number;
     };
-    cell?: CellPosition;
+    cell?: CellPosition & Partial<Cell>;
     onContextMenu?: (event: any) => void;
     children?: ReactNode | ReactNode[];
     target?: any;
@@ -106,6 +107,7 @@ export type SheetInstance = {
     }) => void;
     popHistory: () => OperateHistory;
     dropHistory: () => OperateHistory[];
+    call: (caller: (...args: any) => void, ...args: any) => void;
 };
 export type SheetProps = {
     sheetInstance?: React.MutableRefObject<SheetInstance | null>;
@@ -232,7 +234,7 @@ export type UpdateStateType = {
     lastEditing: CellPosition & {
         confirm?: boolean;
     };
-    cellChangeHandler: (cells: CellData[], additions?: CellData[]) => void;
+    cellChangeHandler: (cells: CellData[], additions: CellData[] | undefined, type: ChangeType) => void;
     fixedInfo: SheetType.FixedInfo[];
 } & SearchState;
 export type UpdateFocus = (start: CellPosition, end: CellPosition) => void;

package/dist/type/sheetTable.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { SheetType } from '.';
+import { ChangeType } from './sheet';
 export type refAssertion = {
     contains?: (target: EventTarget | null) => boolean;
     focus?: () => boolean;
@@ -100,7 +101,7 @@ export type TableProps = {
     groupConfig?: TableGroupConfig;
     menuRenderer?: React.FC<SheetType.MenuRenderProps>;
     onContextMenu?: (event: any) => void;
-    onChange: (changes: TableChange[], extChanges?: TableChange[]) => void;
+    onChange: (changes: TableChange[], extChanges: TableChange[] | undefined, type: ChangeType) => void;
     handleAdd?: () => void;
     handleBatchAdd?: (value: number) => void;
     eventHandler?: Record<'reverse' | 'btn-click' | 'cell-edit' | 'cell-switch' | string, undefined | EventHandler>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhenliang/sheet",
-  "version": "0.1.73.beta.9",
+  "version": "0.1.74.beta.2",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -85,4 +85,4 @@
     "fizz.zhou@ap.jll.com"
   ],
   "preid": "beta"
-}
+}