@zhenliang/sheet 0.1.22 → 0.1.23

package/dist/core/reducers/stateReducer.js

@@ -0,0 +1,174 @@
+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 _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 _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 = {
+  change: function change(state, payload) {
+    var _ref = payload,
+      key = _ref.key,
+      value = _ref.value;
+    return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, key, value));
+  },
+  changes: function changes(state, payload) {
+    return _objectSpread(_objectSpread({}, state), payload);
+  },
+  rowMove: function rowMove(state, payload) {
+    var _state$data, _state$end, _state$end2;
+    var maxRow = (((_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.length) || 0) - 1;
+    var newRow = (((_state$end = state.end) === null || _state$end === void 0 ? void 0 : _state$end.row) || 0) + payload;
+    if (newRow < 0 || newRow > maxRow) return state;
+    return _objectSpread(_objectSpread({}, state), {}, {
+      end: {
+        col: (_state$end2 = state.end) === null || _state$end2 === void 0 ? void 0 : _state$end2.col,
+        row: newRow
+      }
+    });
+  },
+  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 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), {}, {
+      end: {
+        row: (_state$end4 = state.end) === null || _state$end4 === void 0 ? void 0 : _state$end4.row,
+        col: newCol
+      }
+    });
+  },
+  editFinish: function editFinish(state, payload) {
+    var _data$row;
+    var data = state.data;
+    var _ref2 = payload,
+      _ref2$cell = _ref2.cell,
+      row = _ref2$cell.row,
+      col = _ref2$cell.col,
+      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;
+    history.push({
+      changes: [{
+        row: row,
+        col: col,
+        value: current,
+        id: id
+      }],
+      type: 'Edit'
+    });
+    if (confirm) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        editing: undefined,
+        lastEditing: state.editing,
+        history: history
+      });
+    }
+    return _objectSpread(_objectSpread({}, state), {}, {
+      history: history
+    });
+  },
+  popHistory: function popHistory(state) {
+    var _state$history = state.history,
+      history = _state$history === void 0 ? [] : _state$history;
+    var newHistory = _toConsumableArray(history);
+    newHistory.pop();
+    return _objectSpread(_objectSpread({}, state), {}, {
+      history: newHistory
+    });
+  },
+  pushHistory: function pushHistory(state, payload) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      history: [].concat(_toConsumableArray(state.history || []), [payload])
+    });
+  },
+  select: function select(state, payload) {
+    var oldStart = state.start,
+      oldEnd = state.end;
+    var _ref3 = payload,
+      start = _ref3.start,
+      end = _ref3.end;
+    return _objectSpread(_objectSpread({}, state), {}, {
+      start: start,
+      end: end,
+      lastSelected: {
+        start: oldStart,
+        end: oldEnd
+      }
+    });
+  },
+  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) {
+      return _objectSpread(_objectSpread({}, state), {}, {
+        start: {
+          row: payload,
+          col: startCol
+        },
+        end: {
+          row: payload,
+          col: endCol
+        },
+        lastSelected: {
+          start: state.start,
+          end: state.end
+        }
+      });
+    }
+    return state;
+  },
+  clearSelect: function clearSelect(state) {
+    var start = state.start,
+      end = state.end;
+    return _objectSpread(_objectSpread({}, state), {}, {
+      start: undefined,
+      end: undefined,
+      lastSelected: {
+        start: start,
+        end: end
+      }
+    });
+  },
+  clearSelectIfNotSingleRow: function clearSelectIfNotSingleRow(state) {
+    var start = state.start,
+      end = state.end;
+    if (!start || !end || (start === null || start === void 0 ? void 0 : start.row) === (end === null || end === void 0 ? void 0 : end.row)) {
+      return state;
+    }
+    return _objectSpread(_objectSpread({}, state), {}, {
+      start: undefined,
+      end: undefined,
+      lastSelected: {
+        start: start,
+        end: end
+      }
+    });
+  },
+  clearEdit: function clearEdit(state) {
+    var editing = state.editing;
+    if (!editing) return state;
+    return _objectSpread(_objectSpread({}, state), {}, {
+      editing: undefined,
+      lastEditing: editing
+    });
+  }
+};

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

@@ -0,0 +1,4 @@
+import type { SheetType } from "../../type";
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: SheetType.CellProps) => JSX.Element>;
+export default _default;

package/dist/core/sheet/Cell.js

@@ -0,0 +1,181 @@
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { isNil } from 'lodash';
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useSetState, useSheetEvent } from "../../hooks";
+import { renderValue } from "../util";
+import DataEditor from "./DataEditor";
+import DefaultCell from "./DefaultCell";
+import ValueViewer from "./ValueViewer";
+import { jsx as _jsx } from "react/jsx-runtime";
+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,
+    col = props.col,
+    cell = props.cell,
+    _props$cellRenderer = props.cellRenderer,
+    CellRenderer = _props$cellRenderer === void 0 ? DefaultCell : _props$cellRenderer,
+    dataEditor = props.dataEditor,
+    valueViewer = props.valueViewer,
+    attributesRenderer = props.attributesRenderer;
+  var eventBus = useSheetEvent();
+  var _useSetState = useSetState(),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    eventState = _useSetState2[0],
+    setEventState = _useSetState2[1];
+  var selected = eventState.selected,
+    selectedInfo = eventState.selectedInfo,
+    editing = eventState.editing,
+    confirm = eventState.confirm;
+  var _useState = useState(initialData(props)),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var valueRef = useRef(value);
+  useEffect(function () {
+    var newValue = renderValue(cell);
+    setValue(newValue);
+    valueRef.current = newValue;
+  }, [cell, row, col]);
+  useEffect(function () {
+    if (isNil(row) || isNil(col) || !eventBus) {
+      return;
+    }
+    var onCellState = function onCellState(eventInfo) {
+      if (eventInfo.editing === false && !eventInfo.confirm) {
+        // 退出编辑，重设数据
+        setValue(valueRef.current);
+      } 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, cell.record) : eventInfo.value);
+      }
+      setEventState(eventInfo);
+    };
+    eventBus.on("cell-".concat(row, "-").concat(col, "-change"), onCellState);
+    eventBus.emit("cell-create", {
+      row: row,
+      col: col
+    });
+    return function () {
+      eventBus.off("cell-".concat(row, "-").concat(col, "-change"), onCellState);
+    };
+  }, [eventBus, row, col]);
+  useEffect(function () {
+    if (isNil(row) || isNil(col) || !eventBus) {
+      return;
+    }
+    if (confirm) {
+      setEventState({
+        confirm: false
+      });
+      if (value !== valueRef.current) {
+        var _cell$dataEditor3, _cell$dataEditor4, _cell$dataEditor4$che;
+        if (cell !== null && cell !== void 0 && (_cell$dataEditor3 = cell.dataEditor) !== null && _cell$dataEditor3 !== void 0 && _cell$dataEditor3.checker && !((_cell$dataEditor4 = cell.dataEditor) !== null && _cell$dataEditor4 !== void 0 && (_cell$dataEditor4$che = _cell$dataEditor4.checker) !== null && _cell$dataEditor4$che !== void 0 && _cell$dataEditor4$che.call(_cell$dataEditor4, value, cell.record))) {
+          setValue(valueRef.current);
+          return;
+        }
+        eventBus.emit('cell-change', {
+          row: row,
+          col: col,
+          id: cell.id,
+          value: value
+          // 没必要format value 已经是legal 的值了
+          // value: cell.dataEditor?.formatter
+          //   ? cell.dataEditor.formatter?.(value)
+          //   : value,
+        });
+      }
+    }
+  }, [confirm, eventBus, value, cell]);
+  var handleCommit = useCallback(function (value) {
+    var _cell$dataEditor5, _cell$dataEditor6, _cell$dataEditor6$che;
+    if (valueRef.current === value) {
+      return;
+    }
+    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;
+    }
+    setValue(value);
+    eventBus.emit('cell-change', {
+      row: row,
+      col: col,
+      id: cell.id,
+      value: value,
+      confirm: true
+    });
+  }, [eventBus, valueRef, cell]);
+  var renderEditor = function renderEditor(cel, r, col, editor, isEditing) {
+    if (isEditing) {
+      var Editor = cel.dataEditor || editor || DataEditor;
+      return /*#__PURE__*/_jsx(Editor, {
+        cell: cel,
+        row: r,
+        col: col,
+        value: value,
+        record: cel.record,
+        onConfirm: handleCommit,
+        onChange: setValue
+      });
+    }
+    return null;
+  };
+  var renderViewer = function renderViewer(cel, r, col, valViewer) {
+    var Viewer = cell.valueViewer || valViewer || ValueViewer;
+    var val = renderValue(cell);
+    return /*#__PURE__*/_jsx("span", {
+      className: "value-viewer",
+      children: /*#__PURE__*/_jsx(Viewer, {
+        record: cell.record,
+        cell: cell,
+        row: row,
+        col: col,
+        value: val
+      })
+    });
+  };
+  var content = ((_cell$editable = cell.editable) !== null && _cell$editable !== void 0 ? _cell$editable : true) && editing ? renderEditor(cell, row, col, dataEditor, editing) : renderViewer(cell, row, col, valueViewer);
+  var className = useMemo(function () {
+    return [cell.className, 'cell', selected && 'selected', (selectedInfo === null || selectedInfo === void 0 ? void 0 : selectedInfo.isStart) && 'selected-start', (selectedInfo === null || selectedInfo === void 0 ? void 0 : selectedInfo.isBottom) && 'selected-bottom', (selectedInfo === null || selectedInfo === void 0 ? void 0 : selectedInfo.isTop) && 'selected-top', (selectedInfo === null || selectedInfo === void 0 ? void 0 : selectedInfo.isLeft) && 'selected-left', (selectedInfo === null || selectedInfo === void 0 ? void 0 : selectedInfo.isRight) && 'selected-right', editing && 'editing', cell.readonly && 'read-only'].filter(function (a) {
+      return a;
+    }).join(' ');
+  }, [editing, selected, selectedInfo, cell.className, cell.readonly]);
+  return /*#__PURE__*/_jsx(CellRenderer, {
+    row: row,
+    col: col,
+    cell: cell,
+    selected: eventState.selected,
+    editing: eventState.editing,
+    attributesRenderer: attributesRenderer,
+    className: className,
+    style: widthStyle(cell),
+    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;
+  return shouldUpdate;
+});

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

@@ -0,0 +1,3 @@
+import type { SheetType } from "../../type";
+declare const DataEditor: SheetType.CellEditor;
+export default DataEditor;

package/dist/core/sheet/DataEditor.js

@@ -0,0 +1,24 @@
+import { useEffect, useRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var DataEditor = function DataEditor(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var inputRef = useRef(null);
+  useEffect(function () {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+  }, []);
+  var handleChange = function handleChange(e) {
+    onChange(e.target.value);
+  };
+  return /*#__PURE__*/_jsx("input", {
+    ref: inputRef,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
+    className: "data-editor",
+    value: value,
+    onChange: handleChange
+  });
+};
+export default DataEditor;

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

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

package/dist/core/sheet/DefaultCell.js

@@ -0,0 +1,31 @@
+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 _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 { classNames } from "../util";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DefaultCell = function DefaultCell(props) {
+  var cell = props.cell,
+    row = props.row,
+    col = props.col,
+    attributesRenderer = props.attributesRenderer,
+    className = props.className,
+    style = props.style,
+    children = props.children;
+  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)),
+    colSpan: colSpan,
+    rowSpan: rowSpan,
+    style: style
+  }, attributes), {}, {
+    children: children
+  }));
+};
+export default DefaultCell;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { SheetType } from "../../type";
+declare const DefaultRow: React.FC<{
+    children: React.ReactElement;
+    rowClassName?: string;
+    row: number;
+    groupConfig?: {
+        groups: SheetType.RowGroup[];
+        groupOpen: boolean[];
+    };
+}>;
+export default DefaultRow;

package/dist/core/sheet/DefaultRow.js

@@ -0,0 +1,28 @@
+import { useMemo } from 'react';
+import { groupConfigToGroupMap } from "../util";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DefaultRow = function DefaultRow(_ref) {
+  var _groupMap$get, _groupMap$get2;
+  var rowClassName = _ref.rowClassName,
+    children = _ref.children,
+    row = _ref.row,
+    groupConfig = _ref.groupConfig;
+  var groupMap = useMemo(function () {
+    // 分组逻辑
+    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 /*#__PURE__*/_jsx("tr", {
+    className: rowClassName,
+    children: children
+  });
+};
+export default DefaultRow;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { SheetType } from "../../type";
+interface DefaultRowMapperProps {
+    rowData: SheetType.Cell[];
+    row: number;
+}
+export declare const DefaultRowMapper: React.FC<DefaultRowMapperProps>;
+export {};

package/dist/core/sheet/DefaultRowMapper.js

@@ -0,0 +1,15 @@
+import { memo } from 'react';
+import Cell from "./Cell";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var DefaultRowMapper = /*#__PURE__*/memo(function (_ref) {
+  var rowData = _ref.rowData,
+    row = _ref.row;
+  var cls = rowData.map(function (cell, col) {
+    return /*#__PURE__*/_jsx(Cell, {
+      row: row,
+      col: col,
+      cell: cell
+    }, col);
+  });
+  return cls;
+});

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IShell {
+    children: React.ReactElement;
+    data?: unknown;
+    className?: string;
+}
+declare const DefaultShell: React.FC<IShell>;
+export default DefaultShell;

package/dist/core/sheet/DefaultShell.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var DefaultShell = function DefaultShell(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/_jsx("table", {
+    className: className,
+    children: /*#__PURE__*/_jsx("tbody", {
+      children: children
+    })
+  });
+};
+export default DefaultShell;

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const SheetEvent: FC<{
+    handler?: (value: unknown) => void;
+    name: string;
+}>;

package/dist/core/sheet/Event.js

@@ -0,0 +1,17 @@
+import { useSheetEvent } from "../..";
+import { useEffect } from 'react';
+export var SheetEvent = function SheetEvent(_ref) {
+  var handler = _ref.handler,
+    name = _ref.name;
+  var eventBus = useSheetEvent();
+  useEffect(function () {
+    if (!eventBus || !handler) {
+      return;
+    }
+    eventBus.on(name, handler);
+    return function () {
+      eventBus.off(name, handler);
+    };
+  }, [eventBus, handler, name]);
+  return null;
+};

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

@@ -0,0 +1,3 @@
+import type { SheetType } from "../../type";
+declare const ValueViewer: SheetType.CellViewer;
+export default ValueViewer;

package/dist/core/sheet/ValueViewer.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var ValueViewer = function ValueViewer(_ref) {
+  var value = _ref.value;
+  return /*#__PURE__*/_jsx("span", {
+    className: "value-viewer",
+    children: value
+  });
+};
+export default ValueViewer;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { SheetType } from "../../type";
+import './index.less';
+declare const Sheet: React.FC<SheetType.SheetProps>;
+export default Sheet;