@zhenliang/sheet 0.1.7 → 0.1.8-4.beta.1

package/dist/core/reducers/stateReducer.js

@@ -1,17 +1,94 @@
-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 _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 _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 _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 _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 _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 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 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); }
-import { SheetType } from "../..";
-export var stateReducer = {
+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 { noramlizeSearch, searchInclude, stripRowIndex } from "../util";
+export var searchReducer = {
+  changeSearch: function changeSearch(state, payload) {
+    var data = state.data;
+    var count = 0;
+    var searchResultList = [];
+    var normalSearchText = noramlizeSearch(payload);
+    payload && (data === null || data === void 0 ? void 0 : data.forEach(function (row, i) {
+      return row.forEach(function (item, j) {
+        var _item$dataEditor, _item$value;
+        if (item.fixed) {
+          return;
+        }
+        var formatterValue;
+        if (item.searchKey) {
+          formatterValue = item.searchKey(item.record);
+          if (searchInclude(normalSearchText, formatterValue)) {
+            count++;
+            searchResultList.push({
+              row: i,
+              col: j,
+              value: item.value,
+              formatterValue: formatterValue
+            });
+          }
+        } else if ((_item$dataEditor = item.dataEditor) !== null && _item$dataEditor !== void 0 && _item$dataEditor.formatter) {
+          var _item$dataEditor2;
+          formatterValue = (_item$dataEditor2 = item.dataEditor) === null || _item$dataEditor2 === void 0 || (_item$dataEditor2 = _item$dataEditor2.formatter(item.value, item.record)) === null || _item$dataEditor2 === void 0 ? void 0 : _item$dataEditor2.toString();
+          if (searchInclude(normalSearchText, formatterValue)) {
+            count++;
+            searchResultList.push({
+              row: i,
+              col: j,
+              value: item.value,
+              formatterValue: formatterValue
+            });
+          }
+        } else if (searchInclude(normalSearchText, (_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.toString())) {
+          count++;
+          searchResultList.push({
+            row: i,
+            col: j,
+            value: item.value
+          });
+        }
+      });
+    }));
+    return _objectSpread(_objectSpread({}, state), {}, {
+      searchText: payload,
+      searchTotal: count,
+      searchCurrent: -1,
+      searchResultList: searchResultList,
+      shouldSearchUpdate: false
+    });
+  },
+  closeSearch: function closeSearch(state) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      searchText: '',
+      showSearch: false,
+      searchTotal: 0,
+      searchCurrent: 0,
+      searchCalledCount: 0,
+      searchResultList: []
+    });
+  },
+  openSearch: function openSearch(state) {
+    var _state$searchCalledCo;
+    return _objectSpread(_objectSpread({}, state), {}, {
+      showSearch: true,
+      searchCalledCount: ((_state$searchCalledCo = state.searchCalledCount) !== null && _state$searchCalledCo !== void 0 ? _state$searchCalledCo : 0) + 1
+    });
+  }
+};
+export var stateReducer = _objectSpread({
+  changeFixedPosition: function changeFixedPosition(state, payload) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      fixedInfo: payload
+    });
+  },
   change: function change(state, payload) {
     var _ref = payload,
       key = _ref.key,
@@ -34,8 +111,8 @@ export var stateReducer = {
     });
   },
   colMove: function colMove(state, payload) {
-    var _state$data2, _state$data2$, _state$end3, _state$data3, _state$end4;
-    var maxCol = (((_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : (_state$data2$ = _state$data2[0]) === null || _state$data2$ === void 0 ? void 0 : _state$data2$.length) || 0) - 1;
+    var _state$data2, _state$end3, _state$data3, _state$end4;
+    var maxCol = (((_state$data2 = state.data) === null || _state$data2 === void 0 || (_state$data2 = _state$data2[0]) === null || _state$data2 === void 0 ? void 0 : _state$data2.length) || 0) - 1;
     var newCol = (((_state$end3 = state.end) === null || _state$end3 === void 0 ? void 0 : _state$end3.col) || 0) + payload;
     if (newCol < 0 || newCol > maxCol || (_state$data3 = state.data) !== null && _state$data3 !== void 0 && _state$data3[0][newCol].fixed) return state;
     return _objectSpread(_objectSpread({}, state), {}, {
@@ -55,7 +132,7 @@ export var stateReducer = {
       confirm = _ref2$cell.confirm,
       id = _ref2$cell.id;
     var history = _toConsumableArray(state.history || []);
-    var current = data === null || data === void 0 ? void 0 : (_data$row = data[row]) === null || _data$row === void 0 ? void 0 : _data$row[col].value;
+    var current = data === null || data === void 0 || (_data$row = data[row]) === null || _data$row === void 0 ? void 0 : _data$row[col].value;
     history.push({
       changes: [{
         row: row,
@@ -69,11 +146,13 @@ export var stateReducer = {
       return _objectSpread(_objectSpread({}, state), {}, {
         editing: undefined,
         lastEditing: state.editing,
-        history: history
+        history: history,
+        recoverHistory: []
       });
     }
     return _objectSpread(_objectSpread({}, state), {}, {
-      history: history
+      history: history,
+      recoverHistory: []
     });
   },
   popHistory: function popHistory(state) {
@@ -86,16 +165,39 @@ export var stateReducer = {
     });
   },
   pushHistory: function pushHistory(state, payload) {
+    var newRecoverHistory = state.recoverHistory;
+    if (['DeleteRow', 'NewRow'].includes(payload.type)) {
+      newRecoverHistory = [];
+    }
     return _objectSpread(_objectSpread({}, state), {}, {
-      history: [].concat(_toConsumableArray(state.history || []), [payload])
+      history: [].concat(_toConsumableArray(state.history || []), [payload]),
+      recoverHistory: newRecoverHistory
     });
   },
   select: function select(state, payload) {
     var oldStart = state.start,
-      oldEnd = state.end;
+      oldEnd = state.end,
+      data = state.data;
     var _ref3 = payload,
       start = _ref3.start,
       end = _ref3.end;
+    if (data) {
+      var _stripRowIndex = stripRowIndex(data),
+        startIndex = _stripRowIndex.startIndex,
+        endIndex = _stripRowIndex.endIndex;
+      return _objectSpread(_objectSpread({}, state), {}, {
+        start: _objectSpread(_objectSpread({}, start), {}, {
+          col: Math.max(startIndex, start.col)
+        }),
+        end: _objectSpread(_objectSpread({}, end), {}, {
+          col: Math.min(endIndex, end.col)
+        }),
+        lastSelected: {
+          start: oldStart,
+          end: oldEnd
+        }
+      });
+    }
     return _objectSpread(_objectSpread({}, state), {}, {
       start: start,
       end: end,
@@ -105,28 +207,21 @@ export var stateReducer = {
       }
     });
   },
-  selectRow: function selectRow(state, payload) {
-    var _state$data4, _state$data4$, _state$data$0$length, _state$data5, _state$data5$, _state$data6, _state$data6$;
-    var startCol = ((_state$data4 = state.data) === null || _state$data4 === void 0 ? void 0 : (_state$data4$ = _state$data4[0]) === null || _state$data4$ === void 0 ? void 0 : _state$data4$.findIndex(function (item) {
-      return !item.fixed;
-    })) || 0;
-    var endCol = ((_state$data$0$length = (_state$data5 = state.data) === null || _state$data5 === void 0 ? void 0 : (_state$data5$ = _state$data5[0]) === null || _state$data5$ === void 0 ? void 0 : _state$data5$.length) !== null && _state$data$0$length !== void 0 ? _state$data$0$length : 0) - 1;
-    var lastFixed = (_state$data6 = state.data) === null || _state$data6 === void 0 ? void 0 : (_state$data6$ = _state$data6[0]) === null || _state$data6$ === void 0 ? void 0 : _state$data6$.find(function (item) {
-      return item.fixed === SheetType.CellAlign.right;
-    });
-    if (lastFixed) {
-      var _state$data$0$indexOf, _state$data7;
-      endCol = (_state$data$0$indexOf = (_state$data7 = state.data) === null || _state$data7 === void 0 ? void 0 : _state$data7[0].indexOf(lastFixed)) !== null && _state$data$0$indexOf !== void 0 ? _state$data$0$indexOf : 0 - 1;
-    }
-    if (startCol >= 0 && endCol >= 0) {
+  selectOneRow: function selectOneRow(state, payload) {
+    var _state$data4 = state.data,
+      data = _state$data4 === void 0 ? [] : _state$data4;
+    var _stripRowIndex2 = stripRowIndex(data),
+      startIndex = _stripRowIndex2.startIndex,
+      endIndex = _stripRowIndex2.endIndex;
+    if (startIndex >= 0 && endIndex >= 0) {
       return _objectSpread(_objectSpread({}, state), {}, {
         start: {
           row: payload,
-          col: startCol
+          col: startIndex
         },
         end: {
           row: payload,
-          col: endCol
+          col: endIndex
         },
         lastSelected: {
           start: state.start,
@@ -171,4 +266,4 @@ export var stateReducer = {
       lastEditing: editing
     });
   }
-};
+}, searchReducer);

package/dist/core/sheet/Cell.js

@@ -2,7 +2,7 @@ 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';
@@ -16,20 +16,6 @@ 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;
+  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 '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 'react';
+import { jsx as _jsx } from "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

@@ -6,7 +6,7 @@ var DataEditor = function DataEditor(_ref) {
   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,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); }
 import { classNames } from "../util";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DefaultCell = function DefaultCell(props) {
@@ -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

@@ -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 @@
+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 'react';
 import Cell from "./Cell";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export var DefaultRowMapper = /*#__PURE__*/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/Menu.d.ts

@@ -0,0 +1,6 @@
+import { MenuRenderProps } from "../../type/sheet";
+import React from '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 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Menu = /*#__PURE__*/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/Remark.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare const Remark: import("react").ForwardRefExoticComponent<{
+    children?: ReactNode;
+    showRemark: boolean;
+    position: {
+        top: number;
+        left: number;
+    };
+} & import("react").RefAttributes<HTMLDivElement>>;