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

package/dist/example/group.js

@@ -1,13 +1,17 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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 { cloneDeep } from 'lodash';
-import { useCallback, useState } from 'react';
+import { useCallback, useState } from "../../node_modules/@types/react";
 import Table from "../core/table";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "../../node_modules/@types/react/jsx-runtime";
 var columns = [{
   title: 'Name',
   dataIndex: 'name',
@@ -19,7 +23,7 @@ var columns = [{
 }, {
   title: 'Address',
   readonly: function readonly(value, record, index) {
-    console.log(index);
+    // console.log(index);
     return index % 2 === 0;
   },
   dataIndex: 'address',
@@ -43,10 +47,12 @@ var data = [{
   address: 'New York No. 1 Lake Park',
   children: [{
     id: 11,
-    key: '1-1'
+    key: '1-1',
+    parentId: 1
   }, {
     id: 12,
-    key: '1-2'
+    key: '1-2',
+    parentId: 1
   }]
 }, {
   key: 2,
@@ -56,10 +62,12 @@ var data = [{
   address: 'London No. 1 Lake Park',
   children: [{
     id: 21,
-    key: '2-1'
+    key: '2-1',
+    parentId: 2
   }, {
     id: 22,
-    key: '2-2'
+    key: '2-2',
+    parentId: 2
   }]
 }, {
   key: 3,
@@ -75,10 +83,12 @@ var data = [{
   address: 'Sidney No. 1 Lake Park',
   children: [{
     id: 41,
-    key: '4-1'
+    key: '4-1',
+    parentId: 4
   }, {
     id: 42,
-    key: '4-2'
+    key: '4-2',
+    parentId: 4
   }]
 }];
 var App = function App() {
@@ -86,14 +96,27 @@ var App = function App() {
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var handleChange = useCallback(function (changes, extChange) {
-    console.log(extChange);
+  var handleChange = useCallback(function (changes) {
+    // console.log(extChange);
     var newState = cloneDeep(state);
+    var flatNewState = newState.reduce(function (left, right) {
+      return [].concat(_toConsumableArray(left), [right], _toConsumableArray(right.children || []));
+    }, []);
     changes.forEach(function (change) {
-      var row = change.row,
-        key = change.key,
-        value = change.value;
-      newState[row][key] = value;
+      var key = change.key,
+        value = change.value,
+        id = change.id;
+      var changedItem = flatNewState.find(function (item) {
+        return item.id === id;
+      });
+      var parentIndex = newState.findIndex(function (item) {
+        return item.id === changedItem.parentId;
+      });
+      var childIndex = newState[parentIndex].children.findIndex(function (item) {
+        return item.id === id;
+      });
+      newState[parentIndex].children[childIndex][key] = value;
+      // newState[row][key] = value;
     });
     setState(newState);
   }, [state]);
@@ -116,7 +139,7 @@ var App = function App() {
     //   rowExpandable: (record) => record.name !== 'Not Expandable',
     // }}
     ,
-    dataSource: data,
+    dataSource: state,
     onChange: handleChange
   });
 };

package/dist/example/selection.d.ts

@@ -1,4 +1,4 @@
 import 'antd/dist/antd.css';
-import React from 'react';
+import React from "../../node_modules/@types/react";
 declare const App: React.FC;
 export default App;

package/dist/example/selection.js

@@ -1,9 +1,9 @@
-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); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -12,12 +12,12 @@ 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 { Table } from "./..";
 import 'antd/dist/antd.css';
-import React, { useCallback, useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useState } from "../../node_modules/@types/react";
+import { jsx as _jsx } from "../../node_modules/@types/react/jsx-runtime";
 var columns = [{
   title: 'Name',
   dataIndex: 'name',
@@ -72,6 +72,7 @@ var App = function App() {
   }, [dataSource]);
   var handleRowChange = useCallback(function () {}, []);
   return /*#__PURE__*/_jsx(Table, {
+    draggable: true,
     columns: columns,
     rowKey: "key",
     dataSource: dataSource,

package/dist/example/sheet.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "../../node_modules/@types/react";
 import './index.less';
 declare const BasicSheet: React.FC;
 export default BasicSheet;

package/dist/example/sheet.js

@@ -1,9 +1,9 @@
-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); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -12,20 +12,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 { MinusCircleOutlined, PlusCircleOutlined } from '@ant-design/icons';
 import { Sheet } from "./..";
 import { Tooltip } from 'antd';
 import { cloneDeep, isNil, random, range } from 'lodash';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "../../node_modules/@types/react";
 import { SheetEvent } from "../core/sheet/Event";
 import { DraggableShell } from "../core/shell/draggableShell";
 import { changeGroupConfig } from "../core/util";
 import { useSheetEvent } from "../hooks";
 import "./index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "../../node_modules/@types/react/jsx-runtime";
+import { jsxs as _jsxs } from "../../node_modules/@types/react/jsx-runtime";
 var ExcelIndexCell = function ExcelIndexCell(_ref) {
   var value = _ref.value,
     row = _ref.row,
@@ -100,7 +100,7 @@ var BasicSheet = function BasicSheet() {
     newGrid.forEach(function (row, index) {
       row[0].value = index + 1;
     });
-    (_sheetInstance$curren = sheetInstance.current) === null || _sheetInstance$curren === void 0 ? void 0 : _sheetInstance$curren.pushToHistory({
+    (_sheetInstance$curren = sheetInstance.current) === null || _sheetInstance$curren === void 0 || _sheetInstance$curren.pushToHistory({
       type: 'NewRow',
       changes: [],
       rowInfo: {
@@ -113,7 +113,7 @@ var BasicSheet = function BasicSheet() {
     });
     setState(newGrid);
     setGroupConfig(newGroupConfig);
-    (_sheetInstance$curren2 = sheetInstance.current) === null || _sheetInstance$curren2 === void 0 ? void 0 : _sheetInstance$curren2.selectRow(index);
+    (_sheetInstance$curren2 = sheetInstance.current) === null || _sheetInstance$curren2 === void 0 || _sheetInstance$curren2.selectRow(index);
   }, [state, groupConfig]);
   var handleDeleteRow = useCallback(function (index) {
     var _sheetInstance$curren3;
@@ -125,7 +125,7 @@ var BasicSheet = function BasicSheet() {
     var newGroupConfig = changeGroupConfig(groupConfig, {
       remove: index
     });
-    (_sheetInstance$curren3 = sheetInstance.current) === null || _sheetInstance$curren3 === void 0 ? void 0 : _sheetInstance$curren3.pushToHistory({
+    (_sheetInstance$curren3 = sheetInstance.current) === null || _sheetInstance$curren3 === void 0 || _sheetInstance$curren3.pushToHistory({
       type: 'DeleteRow',
       changes: deleteRow[0].map(function (item, col) {
         return {
@@ -158,7 +158,7 @@ var BasicSheet = function BasicSheet() {
       });
       setState(newGrid);
       setGroupConfig(extraInfo);
-      (_sheetInstance$curren4 = sheetInstance.current) === null || _sheetInstance$curren4 === void 0 ? void 0 : _sheetInstance$curren4.selectRow();
+      (_sheetInstance$curren4 = sheetInstance.current) === null || _sheetInstance$curren4 === void 0 || _sheetInstance$curren4.selectRow();
     } else if (type === 'DeleteRow') {
       if (!(rowInfo !== null && rowInfo !== void 0 && rowInfo.deleteRow) && (rowInfo === null || rowInfo === void 0 ? void 0 : rowInfo.deleteRow) !== 0) return;
       newGrid.splice(rowInfo.deleteRow - 1, 0, changes.map(function (item) {
@@ -192,7 +192,7 @@ var BasicSheet = function BasicSheet() {
       });
       newGrid[row] = newRow;
     });
-    extChanges === null || extChanges === void 0 ? void 0 : extChanges.forEach(function (item) {
+    extChanges === null || extChanges === void 0 || extChanges.forEach(function (item) {
       var _ref5 = item,
         row = _ref5.row,
         col = _ref5.col,
@@ -224,7 +224,6 @@ var BasicSheet = function BasicSheet() {
         // }));
         // newGrid.push(newRow);
       }
-
       newGrid[row][col] = _objectSpread(_objectSpread({}, newGrid[row][col]), {}, {
         value: value
       });
@@ -301,7 +300,7 @@ var BasicSheet = function BasicSheet() {
     var _ref7 = e,
       type = _ref7.type,
       row = _ref7.row;
-    console.log('click', state.length);
+    // console.log('click', state.length);
     if (type === '1') {
       handleNewRow(row);
     }
@@ -313,7 +312,7 @@ var BasicSheet = function BasicSheet() {
     }
   }, [state, groupConfig]);
   useEffect(function () {
-    console.log('rendered', performance.now());
+    // console.log('rendered', performance.now());
   }, []);
   return /*#__PURE__*/_jsxs(Sheet, {
     sheetInstance: sheetInstance,
@@ -325,7 +324,7 @@ var BasicSheet = function BasicSheet() {
     groupConfig: groupConfig,
     scroll: {
       x: '100%',
-      y: '100vh'
+      y: 'calc(100vh - 290px)'
     },
     sheetRenderer: WrappedTableShell,
     menuRenderer: MenuRender,
@@ -341,7 +340,7 @@ var BasicSheet = function BasicSheet() {
         });
         if (index >= 0) {
           var _sheetInstance$curren5;
-          console.log('changed');
+          // console.log('changed');
           var groupOpen = _toConsumableArray(groupConfig.groupOpen);
           groupOpen[index] = !groupConfig.groupOpen[index];
           var newGrid = _toConsumableArray(state);
@@ -356,7 +355,7 @@ var BasicSheet = function BasicSheet() {
             groupOpen: groupOpen
           }));
           setState(newGrid);
-          (_sheetInstance$curren5 = sheetInstance.current) === null || _sheetInstance$curren5 === void 0 ? void 0 : _sheetInstance$curren5.pushToHistory({
+          (_sheetInstance$curren5 = sheetInstance.current) === null || _sheetInstance$curren5 === void 0 || _sheetInstance$curren5.pushToHistory({
             type: 'Custom',
             changes: [],
             extraInfo: {
@@ -377,13 +376,13 @@ var BasicSheet = function BasicSheet() {
       children: [/*#__PURE__*/_jsx("div", {
         onClick: function onClick() {
           var _sheetInstance$curren6;
-          (_sheetInstance$curren6 = sheetInstance.current) === null || _sheetInstance$curren6 === void 0 ? void 0 : _sheetInstance$curren6.zoomTo(0);
+          (_sheetInstance$curren6 = sheetInstance.current) === null || _sheetInstance$curren6 === void 0 || _sheetInstance$curren6.zoomTo(0);
         },
         children: "\u56DE\u5230\u9876\u90E8"
       }), /*#__PURE__*/_jsx("div", {
         onClick: function onClick() {
           var _sheetInstance$curren7;
-          (_sheetInstance$curren7 = sheetInstance.current) === null || _sheetInstance$curren7 === void 0 ? void 0 : _sheetInstance$curren7.zoomTo();
+          (_sheetInstance$curren7 = sheetInstance.current) === null || _sheetInstance$curren7 === void 0 || _sheetInstance$curren7.zoomTo();
         },
         children: "\u56DE\u5230\u7F16\u8F91\u884C"
       })]

package/dist/example/valuationAnalyze.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/dist/example/valuationAnalyze.js

@@ -2,15 +2,15 @@ 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 { getNumberEditor, getSelectEditor, Table } from "./..";
 import { Button } from 'antd';
 import { isNil } from 'lodash';
-import { useCallback, useState } from 'react';
+import { useCallback, useState } from "../../node_modules/@types/react";
 import { SwitchViewer } from "../core/viewer";
 import { SheetType } from "../type";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "../../node_modules/@types/react/jsx-runtime";
 var RateValueInput = getNumberEditor({
   addonAfter: '%',
   min: 0,
@@ -217,7 +217,6 @@ export default (function () {
     //   return <div className="value-viewer number-value-viewer" />;
     // },
   }];
-
   var handleChange = useCallback(function () {}, [state]);
   return /*#__PURE__*/_jsx(Table, {
     columns: columns,

package/dist/hooks/index.d.ts

@@ -5,4 +5,4 @@ export type { Dispatch, FunctionAction, NormalAction, } from './useMiddlewareRed
 export { useMouse } from './useMouse';
 export { useSetState } from './useSetState';
 export { SheetEventContext, useSheetEvent } from './useSheetEvent';
-export { useWidth, WidthContext } from './useWidthConfig';
+export { WidthContext, useWidth } from './useWidthConfig';

package/dist/hooks/index.js

@@ -4,4 +4,4 @@ export { useMiddlewareReducer } from "./useMiddlewareReducer";
 export { useMouse } from "./useMouse";
 export { useSetState } from "./useSetState";
 export { SheetEventContext, useSheetEvent } from "./useSheetEvent";
-export { useWidth, WidthContext } from "./useWidthConfig";
+export { WidthContext, useWidth } from "./useWidthConfig";

package/dist/hooks/useEventBus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import EventEmitter from 'events';
 declare const useEventBus: () => EventEmitter;
 export { useEventBus };

package/dist/hooks/useEventBus.js

@@ -1,11 +1,11 @@
 import EventEmitter from 'events';
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef } from "../../node_modules/@types/react";
 var useEventBus = function useEventBus() {
   var eventBus = useRef(new EventEmitter());
   useEffect(function () {
     return function () {
       var _eventBus$current;
-      (_eventBus$current = eventBus.current) === null || _eventBus$current === void 0 ? void 0 : _eventBus$current.removeAllListeners();
+      (_eventBus$current = eventBus.current) === null || _eventBus$current === void 0 || _eventBus$current.removeAllListeners();
       eventBus.current = null;
     };
   }, []);

package/dist/hooks/useGroupConfig.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { GroupConfigContext } from '../type/sheet';
+export declare const GroupContext: import("../../node_modules/@types/react").Context<GroupConfigContext>;
+export declare function useGroup(): GroupConfigContext;

package/dist/hooks/useGroupConfig.js

@@ -0,0 +1,5 @@
+import { createContext, useContext } from "../../node_modules/@types/react";
+export var GroupContext = createContext({});
+export function useGroup() {
+  return useContext(GroupContext);
+}

package/dist/hooks/useKeyboard.d.ts

@@ -1,14 +1,17 @@
-declare type KeyOrClipBoardEvent = (event: KeyboardEvent | ClipboardEvent, value?: any) => void;
-declare type KeyboardHandler = {
+type KeyOrClipBoardEvent = (event: KeyboardEvent | ClipboardEvent, value?: any) => void;
+type KeyboardHandler = {
     move: KeyOrClipBoardEvent;
     escape: KeyOrClipBoardEvent;
+    selectAll: KeyOrClipBoardEvent;
     delete: KeyOrClipBoardEvent;
     enter: KeyOrClipBoardEvent;
     otherInput: KeyOrClipBoardEvent;
     copy: KeyOrClipBoardEvent;
     paste: KeyOrClipBoardEvent;
     reverse: KeyOrClipBoardEvent;
+    recover: KeyOrClipBoardEvent;
     cut: KeyOrClipBoardEvent;
+    search: KeyOrClipBoardEvent;
 };
 export declare function move(keyCode: number, isShiftKey: boolean): {
     row: number;

package/dist/hooks/useKeyboard.js

@@ -1,5 +1,5 @@
-import { useCallback, useEffect } from 'react';
-import { BACKSPACE_KEY, C_KEY, DELETE_KEY, DOWN_KEY, ENTER_KEY, ESCAPE_KEY, LEFT_KEY, RIGHT_KEY, TAB_KEY, UP_KEY, V_KEY, X_KEY, Z_KEY } from "../core/config";
+import { useCallback, useEffect } from "../../node_modules/@types/react";
+import { A_KEY, BACKSPACE_KEY, C_KEY, DELETE_KEY, DOWN_KEY, ENTER_KEY, ESCAPE_KEY, F_KEY, LEFT_KEY, RIGHT_KEY, TAB_KEY, UP_KEY, V_KEY, X_KEY, Y_KEY, Z_KEY } from "../core/config";
 import { isInputKey } from "../core/util";
 var ua = window.navigator.userAgent;
 var isIE = /MSIE|Trident/.test(ua);
@@ -51,11 +51,25 @@ export var useKeyBoard = function useKeyBoard(handler, listenElement) {
       handler.escape(e);
       return;
     }
-    var isReverse = ctrlKeyPressed && keyCode === Z_KEY;
+    var isSearch = ctrlKeyPressed && keyCode === F_KEY;
+    if (isSearch) {
+      handler.search(e);
+      return;
+    }
+    var isReverse = ctrlKeyPressed && keyCode === Z_KEY && !shiftKey;
     if (isReverse) {
       handler.reverse(e);
       return;
     }
+    var isRecover = ctrlKeyPressed && (keyCode === Z_KEY && shiftKey || keyCode === Y_KEY);
+    if (isRecover) {
+      handler.recover(e);
+    }
+    var isSelectAll = ctrlKeyPressed && keyCode === A_KEY;
+    if (isSelectAll) {
+      handler.selectAll(e);
+      return;
+    }
     var isCopy = ctrlKeyPressed && keyCode === C_KEY;
     if (isCopy && isIE) {
       handler.copy(e);

package/dist/hooks/useMiddlewareReducer.d.ts

@@ -1,12 +1,12 @@
-export declare type NormalAction = {
+export type NormalAction = {
     type: string;
     payload?: any;
 };
-export declare type FunctionAction = (dispatch: any, getState?: () => any) => any;
-export declare type Dispatch = (action: any) => any;
-export declare type MiddlewareAPI<A> = {
+export type FunctionAction = (dispatch: any, getState?: () => any) => any;
+export type Dispatch = (action: any) => any;
+export type MiddlewareAPI<A> = {
     getState: () => A;
     dispatch: Dispatch;
 };
-export declare type Middleware<A> = (api: MiddlewareAPI<A>) => (next: Dispatch) => Dispatch;
+export type Middleware<A> = (api: MiddlewareAPI<A>) => (next: Dispatch) => Dispatch;
 export declare const useMiddlewareReducer: <A, B>(reducer: (state: A, action: B) => A, initialState: A, middleware?: Middleware<A>[]) => [A, Dispatch];

package/dist/hooks/useMiddlewareReducer.js

@@ -2,9 +2,9 @@ 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 * as React from 'react';
+import * as React from "../../node_modules/@types/react";
 export var useMiddlewareReducer = function useMiddlewareReducer(reducer, initialState) {
   var middleware = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var _React$useState = React.useState(initialState),
@@ -21,7 +21,7 @@ export var useMiddlewareReducer = function useMiddlewareReducer(reducer, initial
         return stateRef.current;
       },
       dispatch: function (_dispatch) {
-        function dispatch(_x2) {
+        function dispatch(_x) {
           return _dispatch.apply(this, arguments);
         }
         dispatch.toString = function () {

package/dist/hooks/useMouse.d.ts

@@ -1,4 +1,4 @@
-declare type MouseHandler = {
+type MouseHandler = {
     mouseUp: (value: MouseEvent) => void;
     mouseDown: (value: MouseEvent) => void;
     mouseOver: (value: MouseEvent) => void;

package/dist/hooks/useMouse.js

@@ -1,5 +1,5 @@
 import { debounce } from 'lodash';
-import { useCallback, useEffect, useRef } from 'react';
+import { useCallback, useEffect, useRef } from "../../node_modules/@types/react";
 export var useMouse = function useMouse(handler, listenElement) {
   var mouseUp = handler.mouseUp,
     mouseDown = handler.mouseDown,
@@ -32,9 +32,9 @@ export var useMouse = function useMouse(handler, listenElement) {
       document.removeEventListener('mouseup', listenerMouseUp);
       document.removeEventListener('mousedown', listenerMouseDown);
       document.removeEventListener('dblclick', listenerDoubleClick);
-      listenElement === null || listenElement === void 0 ? void 0 : listenElement.removeEventListener('mouseover', listenerMouseOver);
-      listenElement === null || listenElement === void 0 ? void 0 : listenElement.removeEventListener('mouseleave', listenerMouseLeave);
-      listenElement === null || listenElement === void 0 ? void 0 : listenElement.removeEventListener('mouseenter', listenerMouseEnter);
+      listenElement === null || listenElement === void 0 || listenElement.removeEventListener('mouseover', listenerMouseOver);
+      listenElement === null || listenElement === void 0 || listenElement.removeEventListener('mouseleave', listenerMouseLeave);
+      listenElement === null || listenElement === void 0 || listenElement.removeEventListener('mouseenter', listenerMouseEnter);
     };
   }, []);
   useEffect(function () {
@@ -61,8 +61,8 @@ export var useMouse = function useMouse(handler, listenElement) {
     document.addEventListener('mouseup', wrappedMouseUp);
     document.addEventListener('mousedown', wrappedMouseDown);
     document.addEventListener('dblclick', wrappedMouseDoubleClick);
-    listenElement === null || listenElement === void 0 ? void 0 : listenElement.addEventListener('mouseover', debounceOver);
-    listenElement === null || listenElement === void 0 ? void 0 : listenElement.addEventListener('mouseleave', mouseLeave);
-    listenElement === null || listenElement === void 0 ? void 0 : listenElement.addEventListener('mouseenter', mouseEnter);
+    listenElement === null || listenElement === void 0 || listenElement.addEventListener('mouseover', debounceOver);
+    listenElement === null || listenElement === void 0 || listenElement.addEventListener('mouseleave', mouseLeave);
+    listenElement === null || listenElement === void 0 || listenElement.addEventListener('mouseenter', mouseEnter);
   }, [listenElement]);
 };

package/dist/hooks/useSetState.js

@@ -1,16 +1,16 @@
-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); }
 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 { useCallback, useState } from 'react';
+import { useCallback, useState } from "../../node_modules/@types/react";
 var useSetState = function useSetState() {
   var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _useState = useState(initialState),