@zhenliang/sheet 0.1.87 → 0.1.88

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

@@ -8,6 +8,8 @@ interface ControlProps {
     backToEditRow: () => void;
     toTop: () => void;
     toBottom: () => void;
+    reverse: () => void;
+    recover: () => void;
     backEditStyle?: Partial<CSSProperties>;
     ControlContainer?: React.FC<any>;
     showBackEdit?: boolean;
@@ -16,6 +18,9 @@ interface ControlProps {
         end?: CellPosition;
         selecting?: boolean;
     };
+    showRecoverBtn: boolean;
+    recoverLength: number;
+    reverseLength: number;
 }
 export declare const Control: React.FC<ControlProps>;
 export {};

package/dist/core/sheet/Control.js

@@ -1,4 +1,4 @@
-import { EditOutlined, VerticalAlignBottomOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
+import { EditOutlined, RedoOutlined, UndoOutlined, VerticalAlignBottomOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import { Button, Tooltip } from 'antd';
 import React, { useMemo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -16,14 +16,35 @@ export var Control = function Control(props) {
     toTop = props.toTop,
     toBottom = props.toBottom,
     backToEditRow = props.backToEditRow,
+    reverse = props.reverse,
+    recover = props.recover,
     _props$backEditStyle = props.backEditStyle,
     backEditStyle = _props$backEditStyle === void 0 ? {
       bottom: 0,
       right: 0
     } : _props$backEditStyle,
-    ControlContainer = props.ControlContainer;
+    ControlContainer = props.ControlContainer,
+    showRecoverBtn = props.showRecoverBtn,
+    recoverLength = props.recoverLength,
+    reverseLength = props.reverseLength;
   var btns = useMemo(function () {
     var tempBtns = [{
+      title: '撤销',
+      disabled: reverseLength === 0,
+      event: reverse,
+      icon: /*#__PURE__*/_jsx(UndoOutlined, {
+        style: itemStyle
+      }),
+      isShow: showRecoverBtn
+    }, {
+      title: '恢复',
+      disabled: recoverLength === 0,
+      event: recover,
+      icon: /*#__PURE__*/_jsx(RedoOutlined, {
+        style: itemStyle
+      }),
+      isShow: showRecoverBtn
+    }, {
       title: '置顶',
       disabled: firstRowVisible,
       event: toTop,
@@ -51,7 +72,7 @@ export var Control = function Control(props) {
     return tempBtns.filter(function (item) {
       return item.isShow;
     });
-  }, [firstRowVisible, showQuickLocationBtn, lastRowVisible, startRowVisible, showBackEdit]);
+  }, [firstRowVisible, showQuickLocationBtn, lastRowVisible, startRowVisible, showBackEdit, recoverLength, reverseLength, reverse, recover]);
   if (!showBackEdit && !showQuickLocationBtn) return null;
   if (ControlContainer) {
     return /*#__PURE__*/_jsx(ControlContainer, {

package/dist/core/sheet/index.js

@@ -20,6 +20,7 @@ import { Empty } from 'antd';
 import { isEmpty, isNil, isNumber } from 'lodash';
 import { SheetEventContext, useEventBus, useMiddlewareReducer } from "../../hooks";
 import sheetReducer from "../reducers";
+import { sideEffectReducer } from "../reducers/sideEffectReducer";
 import { classNames, getRowHeight, rowToActualRow } from "../util";
 import { Control } from "./Control";
 import { DefaultRowMapper } from "./DefaultRowMapper";
@@ -394,6 +395,18 @@ var Sheet = function Sheet(props) {
       handleScroll();
     }
   }, []);
+  var _useMemo = useMemo(function () {
+      var history = state.history,
+        recoverHistory = state.recoverHistory;
+      var reverseLength = history ? history.length : 0;
+      var recoverLength = recoverHistory ? recoverHistory.length : 0;
+      return {
+        reverseLength: reverseLength,
+        recoverLength: recoverLength
+      };
+    }, [state]),
+    reverseLength = _useMemo.reverseLength,
+    recoverLength = _useMemo.recoverLength;
   return /*#__PURE__*/_jsx(SheetEventContext.Provider, {
     value: eventBus,
     children: /*#__PURE__*/_jsxs(_Fragment, {
@@ -432,6 +445,15 @@ var Sheet = function Sheet(props) {
         }), /*#__PURE__*/_jsxs("div", {
           className: "harvest-sheet-control",
           children: [/*#__PURE__*/_jsx(Control, {
+            showRecoverBtn: !freeze,
+            reverse: function reverse() {
+              dispatch(sideEffectReducer.reverse);
+            },
+            recover: function recover() {
+              dispatch(sideEffectReducer.recover);
+            },
+            reverseLength: reverseLength,
+            recoverLength: recoverLength,
             showBackEdit: showBackEdit,
             startRowVisible: startRowVisible,
             backToEditRow: function backToEditRow() {

package/dist/type/sheet.d.ts

@@ -108,6 +108,7 @@ export type SheetInstance = {
     }) => void;
     popHistory: () => OperateHistory;
     dropHistory: () => OperateHistory[];
+    dropRecover: () => OperateHistory[];
     call: (caller: (...args: any) => void, ...args: any) => void;
 };
 export type SheetProps = {
@@ -141,6 +142,7 @@ export type SheetProps = {
     showQuickLocationBtn?: boolean;
     showRemark?: boolean;
     ControlContainer?: React.FC;
+    showRecoverBtn?: boolean;
 };
 export type WidthConfigContext = {
     onChange?: (value: Record<number | string, number>) => void;

package/package.json

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