@zhenliang/sheet 0.0.1 → 0.0.3

package/dist/core/config.d.ts

@@ -0,0 +1,13 @@
+export declare const TAB_KEY = 9;
+export declare const ENTER_KEY = 13;
+export declare const ESCAPE_KEY = 27;
+export declare const LEFT_KEY = 37;
+export declare const UP_KEY = 38;
+export declare const RIGHT_KEY = 39;
+export declare const DOWN_KEY = 40;
+export declare const DELETE_KEY = 46;
+export declare const BACKSPACE_KEY = 8;
+export declare const Z_KEY = 90;
+export declare const C_KEY = 67;
+export declare const V_KEY = 86;
+export declare const X_KEY = 88;

package/dist/core/editor/cascaderEditor/index.d.ts

@@ -0,0 +1,5 @@
+import type { SheetType } from "../../../type";
+import 'antd/es/cascader/style/index.css';
+import './index.less';
+declare const getCascaderEditor: (options: SheetType.OptionsType[]) => SheetType.CellEditor;
+export default getCascaderEditor;

package/dist/core/editor/cascaderEditor/index.js

@@ -4,60 +4,41 @@ import { useMemo } from 'react';
 import { optionsTransferToValue } from "../../util";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-var options = [{
-  value: 'zhejiang',
-  label: 'Zhejiang',
-  children: [{
-    value: 'hangzhou',
-    label: 'Hangzhou',
-    children: [{
-      value: 'West Lake',
-      label: 'West Lake'
-    }]
-  }]
-}, {
-  value: 'jiangsu',
-  label: 'Jiangsu',
-  children: [{
-    value: 'nanjing',
-    label: 'Nanjing',
-    children: [{
-      value: 'Zhong Hua Men',
-      label: 'Zhong Hua Men'
-    }]
-  }]
-}];
-export var CascaderEditor = function CascaderEditor(props) {
-  var value = props.value,
-    onConfirm = props.onConfirm;
-  var val = useMemo(function () {
-    return optionsTransferToValue(options, value);
-  }, [value, options]);
-  var handleChange = function handleChange(opt) {
-    console.log(opt);
-    onConfirm(opt ? opt[opt.length - 1] : null);
+var getCascaderEditor = function getCascaderEditor(options) {
+  var CascaderEditor = function CascaderEditor(props) {
+    var value = props.value,
+      onConfirm = props.onConfirm;
+    var val = useMemo(function () {
+      return optionsTransferToValue(options, value);
+    }, [value, options]);
+    var handleChange = function handleChange(opt) {
+      console.log(opt);
+      onConfirm(opt ? opt[opt.length - 1] : null);
+    };
+    return /*#__PURE__*/_jsx(Cascader, {
+      autoFocus: true,
+      open: true,
+      className: 'cascader-editor',
+      onMouseDown: function onMouseDown(event) {
+        event.stopPropagation();
+      },
+      value: val
+      // allowClear={false}
+      ,
+      displayRender: function displayRender(label) {
+        return label[label.length - 1];
+      },
+      onChange: handleChange
+      // onBlur={handleBlur}
+      // onKeyDown={handleKeyDown}
+      ,
+      options: options
+    });
   };
-  return /*#__PURE__*/_jsx(Cascader, {
-    autoFocus: true,
-    open: true,
-    className: 'cascader-editor',
-    onMouseDown: function onMouseDown(event) {
-      event.stopPropagation();
-    },
-    value: val
-    // allowClear={false}
-    ,
-    displayRender: function displayRender(label) {
-      return label[label.length - 1];
-    },
-    onChange: handleChange
-    // onBlur={handleBlur}
-    // onKeyDown={handleKeyDown}
-    ,
-    options: options
-  });
+  CascaderEditor.checker = function (value) {
+    var res = optionsTransferToValue(options, value);
+    return res && res.length > 0;
+  };
+  return CascaderEditor;
 };
-CascaderEditor.checker = function (value) {
-  var res = optionsTransferToValue(options, value);
-  return res && res.length > 0;
-};
+export default getCascaderEditor;

package/dist/core/editor/dateEditor/index.d.ts

@@ -0,0 +1,4 @@
+import 'antd/es/date-picker/style/index.css';
+import type { SheetType } from "../../../type";
+import './index.less';
+export declare const DateEditor: SheetType.CellEditor;

package/dist/core/editor/dateEditor/index.less

@@ -4,4 +4,8 @@
   box-shadow: none !important;
   background: transparent !important;
   height: 20px;
+
+  input{
+    font-size: var(--cell-font-size);
+  }
 }

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

@@ -0,0 +1,4 @@
+export { default as getCascaderEditor } from './cascaderEditor';
+export { DateEditor } from './dateEditor';
+export { getNumberEditor, NumberEditor } from './numberEditor';
+export { default as getSelectEditor } from './selectEditor';

package/dist/core/editor/index.js

@@ -0,0 +1,4 @@
+export { default as getCascaderEditor } from "./cascaderEditor";
+export { DateEditor } from "./dateEditor";
+export { getNumberEditor, NumberEditor } from "./numberEditor";
+export { default as getSelectEditor } from "./selectEditor";

package/dist/core/editor/numberEditor/index.d.ts

@@ -0,0 +1,6 @@
+import type { SheetType } from "../../../type";
+import { InputNumberProps } from 'antd';
+import 'antd/es/input-number/style/index.css';
+import './index.less';
+export declare const NumberEditor: SheetType.CellEditor;
+export declare const getNumberEditor: (extraProps: Pick<InputNumberProps, 'max' | 'min' | 'addonBefore' | 'addonAfter' | 'precision'>) => SheetType.CellEditor;

package/dist/core/editor/numberEditor/index.js

@@ -1,3 +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 _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 { InputNumber as AntInputNumber } from 'antd';
 import 'antd/es/input-number/style/index.css';
 import { useEffect, useRef } from 'react';
@@ -22,4 +28,27 @@ export var NumberEditor = function NumberEditor(props) {
     addonAfter: "%",
     onChange: onChange
   });
+};
+export var getNumberEditor = function getNumberEditor(extraProps) {
+  var NumberEditor = function NumberEditor(props) {
+    var value = props.value,
+      onChange = props.onChange;
+    var inputNumberRef = useRef(null);
+    useEffect(function () {
+      var _inputNumberRef$curre2;
+      inputNumberRef === null || inputNumberRef === void 0 ? void 0 : (_inputNumberRef$curre2 = inputNumberRef.current) === null || _inputNumberRef$curre2 === void 0 ? void 0 : _inputNumberRef$curre2.focus();
+    }, []);
+    return /*#__PURE__*/_jsx(AntInputNumber, _objectSpread(_objectSpread({
+      ref: inputNumberRef
+    }, extraProps), {}, {
+      controls: false,
+      className: "number-editor",
+      onMouseDown: function onMouseDown(e) {
+        return e.stopPropagation();
+      },
+      value: value,
+      onChange: onChange
+    }));
+  };
+  return NumberEditor;
 };

package/dist/core/editor/selectEditor/index.d.ts

@@ -0,0 +1,5 @@
+import type { SheetType } from "../../../type";
+import 'antd/es/select/style/index.css';
+import './index.less';
+export declare const getSelectEditor: (options: SheetType.Options[]) => SheetType.CellEditor;
+export default getSelectEditor;

package/dist/core/editor/selectEditor/index.js

@@ -2,7 +2,7 @@ import { Select } from 'antd';
 import 'antd/es/select/style/index.css';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var GetSelectEditor = function GetSelectEditor(options) {
+export var getSelectEditor = function getSelectEditor(options) {
   var SelectEditor = function SelectEditor(props) {
     var value = props.value,
       onConfirm = props.onConfirm;
@@ -41,4 +41,4 @@ export var GetSelectEditor = function GetSelectEditor(options) {
   };
   return SelectEditor;
 };
-export default GetSelectEditor;
+export default getSelectEditor;

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

@@ -0,0 +1,9 @@
+import type { SheetType } from "../../type";
+export declare type SheetAction = 'change' | 'changes' | 'rowMove' | 'colMove' | 'editFinish' | 'pushHistory' | 'selectRow' | 'clearSelect' | 'clearSelectIfNotSingleRow' | 'clearEdit' | 'mouseDown' | 'mouseOver' | 'mouseUp' | 'loseFocus' | 'doubleClick' | 'mouseLeaveInterval' | 'move' | 'escape' | 'reverse' | 'delete' | 'enter' | 'otherInput' | 'none';
+export declare type reducerAction = (type: Partial<SheetType.UpdateStateType>, payload?: unknown) => Partial<SheetType.UpdateStateType>;
+declare const sheetReducer: (state: Partial<SheetType.UpdateStateType>, action: {
+    type: SheetAction;
+    payload?: unknown;
+}) => Partial<SheetType.UpdateStateType>;
+export default sheetReducer;
+export { sideEffectReducer } from './sideEffectReducer';

package/dist/core/reducers/keyboardReducer.d.ts

@@ -0,0 +1,2 @@
+import { reducerAction } from '.';
+export declare const keyboardReducer: Record<string, reducerAction>;

package/dist/core/reducers/mouseReducer.d.ts

@@ -0,0 +1,2 @@
+import { reducerAction } from '.';
+export declare const mouseReducer: Record<string, reducerAction>;

package/dist/core/reducers/sideEffectReducer.d.ts

@@ -0,0 +1,4 @@
+import type { SheetType } from "../../type";
+import { FunctionAction, NormalAction } from '../../hooks';
+export declare type asyncActionType = (dispatch: (action: NormalAction | FunctionAction) => void, getState: () => SheetType.UpdateStateType) => void;
+export declare const sideEffectReducer: Record<string, asyncActionType>;

package/dist/core/reducers/stateReducer.d.ts

@@ -0,0 +1,2 @@
+import { reducerAction } from '.';
+export declare const stateReducer: Record<string, reducerAction>;

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) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/core/sheet/Cell.js

@@ -13,10 +13,8 @@ import DefaultCell from "./DefaultCell";
 import ValueViewer from "./ValueViewer";
 import { jsx as _jsx } from "react/jsx-runtime";
 function initialData(_ref) {
-  var cell = _ref.cell,
-    row = _ref.row,
-    col = _ref.col;
-  return renderValue(cell, row, col);
+  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;
@@ -57,7 +55,7 @@ var Cell = function Cell(props) {
     setValue = _useState2[1];
   var valueRef = useRef(value);
   useEffect(function () {
-    var newValue = renderValue(cell, row, col);
+    var newValue = renderValue(cell);
     setValue(newValue);
     valueRef.current = newValue;
   }, [cell, row, col]);
@@ -127,7 +125,7 @@ var Cell = function Cell(props) {
   };
   var renderViewer = function renderViewer(cel, r, col, valViewer) {
     var Viewer = cell.valueViewer || valViewer || ValueViewer;
-    var val = renderValue(cell, row, col);
+    var val = renderValue(cell);
     return /*#__PURE__*/_jsx(Viewer, {
       record: cell.record,
       cell: cell,

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/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;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DefaultCell;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { SheetType } from "../../type";
+declare const DefaultRow: React.FC<{
+    children: React.ReactElement;
+    row: number;
+    groupConfig?: {
+        groups: SheetType.RowGroup[];
+        groupOpen: boolean[];
+    };
+}>;
+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/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/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

@@ -5,7 +5,7 @@ export var SheetEvent = function SheetEvent(_ref) {
     name = _ref.name;
   var eventBus = useSheetEvent();
   useEffect(function () {
-    if (!eventBus) {
+    if (!eventBus || !handler) {
       return;
     }
     eventBus.on(name, handler);

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/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;

package/dist/core/sheet/index.less

@@ -41,7 +41,10 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
 .harvest-sheet-container .harvest-sheet .cell {
   height: 17px;
   font-size: var(--cell-font-size);
-  padding:var(--cell-padding-vertical);
+  padding-left:var(--cell-padding-horizontal);
+  padding-right:var(--cell-padding-horizontal);
+  padding-top:var(--cell-padding-vertical);
+  padding-bottom:var(--cell-padding-vertical);
   border: 1px solid var(--cell-border-color);
   background-color: var(--cell-background-color);
   cursor: cell;
@@ -143,6 +146,7 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
 .harvest-sheet-container .harvest-sheet .cell.sheet-control{
   border-right: 1px solid transparent;
   background: var(--cell-background-color) ;
+  color:var(--read-color);
   // position: relative !important;
 }
 
@@ -176,6 +180,7 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
 .harvest-sheet-container .harvest-sheet .cell > input {
   display: block;
   width: calc(100% - 6px);
+  font-size: var(--cell-font-size);
   height: 11px;
   border: 2px solid rgb(33, 133, 208);
   background: none;

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

@@ -0,0 +1,3 @@
+import { Dispatch } from "../../hooks/useMiddlewareReducer";
+import type { SheetType } from "../../type";
+export declare const useCellEvent: (dispatch: Dispatch, listenerVar?: Partial<SheetType.UpdateStateType>) => void;

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

@@ -0,0 +1,21 @@
+import { Dispatch } from "../../hooks";
+import type { SheetType } from "../../type";
+export declare type MenuEvent = {
+    showMenu: boolean;
+    position: {
+        top: number;
+        left: number;
+    };
+    cellPosition: SheetType.CellPosition;
+};
+export declare const useContextMenu: (dispatch: Dispatch, elementRef: React.RefObject<SheetType.refAssertion>, enableContextMenu: boolean | undefined, contextMenuRef: React.RefObject<HTMLDivElement>) => {
+    showMenu: boolean;
+    position: {
+        top: number;
+        left: number;
+    };
+    cellPosition: {
+        row: number;
+        col: number;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { Dispatch } from "../../hooks/useMiddlewareReducer";
+import type { SheetType } from "../../type";
+export declare const useKeyBoardEvent: (dispatch: Dispatch, elementRef: React.RefObject<SheetType.refAssertion>) => void;

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

@@ -0,0 +1,3 @@
+import { Dispatch } from "../../hooks/useMiddlewareReducer";
+import type { SheetType } from "../../type";
+export declare const useMouseEvent: (dispatch: Dispatch, elementRef: React.RefObject<SheetType.refAssertion>) => void;

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

@@ -0,0 +1,7 @@
+import type { SheetType } from "../../type";
+export declare const useVirtualList: (elementRef: React.RefObject<SheetType.refAssertion>, data?: SheetType.Cell[][], virtualized?: boolean) => {
+    virtualStart: number;
+    virtualEnd: number;
+    paddingTop: number;
+    paddingBottom: number;
+};

package/dist/core/shell/draggableShell/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { SheetType } from "../../../type";
+import './index.less';
+export declare const DraggableShell: ({ columns, className, showGroup, showSelect, controlProps, controlWidth, }: SheetType.SheetShell) => import("react").FC<{
+    children: React.ReactElement;
+}>;

package/dist/core/shell/tableShell.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { SheetType } from "../../type";
+import './draggableShell/index.less';
+export declare const TableShell: ({ columns, className, showGroup, showSelect, controlProps, controlWidth, }: SheetType.SheetShell) => import("react").FC<{
+    children: React.ReactElement;
+}>;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SheetTableType } from "../../type";
+declare const Table: React.FC<SheetTableType.TableProps>;
+export default Table;

package/dist/core/table/index.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["columns", "dataSource", "rowKey", "rowSelection", "groupConfig", "onChange", "draggable"];
+var _excluded = ["columns", "dataSource", "rowKey", "rowSelection", "groupConfig", "onChange", "draggable", "eventHandler"];
 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; }
@@ -17,8 +17,8 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Sheet } from "../..";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import Sheet from "../sheet";
 import { SheetEvent } from "../sheet/Event";
 import { DraggableShell } from "../shell/draggableShell";
 import { TableShell } from "../shell/tableShell";
@@ -37,6 +37,7 @@ var Table = function Table(_ref) {
     groupConfig = _ref.groupConfig,
     onChange = _ref.onChange,
     draggable = _ref.draggable,
+    eventHandler = _ref.eventHandler,
     args = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([[]]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -90,8 +91,8 @@ var Table = function Table(_ref) {
           id: rowId,
           row: currentIndex,
           col: -1,
-          readonly: true,
           editable: false,
+          align: 'center',
           value: groupMap.get(currentIndex) && ((_groupMap$get = groupMap.get(currentIndex)) === null || _groupMap$get === void 0 ? void 0 : _groupMap$get.isStart),
           record: {
             open: groupMap.get(currentIndex) && ((_groupMap$get2 = groupMap.get(currentIndex)) === null || _groupMap$get2 === void 0 ? void 0 : _groupMap$get2.isOpen)
@@ -140,6 +141,7 @@ var Table = function Table(_ref) {
           row: row,
           col: -1,
           readonly: true,
+          align: 'center',
           value: checkedRow[row],
           valueViewer: CheckViewer,
           className: 'sheet-control'
@@ -305,6 +307,11 @@ var Table = function Table(_ref) {
     }, "group-open-title")] : null, /*#__PURE__*/_jsx(SheetEvent, {
       name: "reverse",
       handler: handleReverse
+    }), Object.keys(eventHandler || {}).map(function (key) {
+      return /*#__PURE__*/_jsx(SheetEvent, {
+        name: key,
+        handler: eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler[key]
+      }, key);
     })]
   }));
 };

package/dist/core/table/useGroupConfig.d.ts

@@ -0,0 +1,2 @@
+import type { SheetTableType, SheetType } from "../../type";
+export declare const useGroupConfig: (dataSource: Record<string, unknown>[], tableGroupConfig?: SheetTableType.TableGroupConfig, hasChildren?: boolean) => [SheetType.RowGroupConfig, (value: SheetType.RowGroupConfig) => void];

package/dist/core/table/useRowSelection.d.ts

@@ -0,0 +1 @@
+export declare const useRowSelection: (dataSource: Record<string, unknown>[], rowSelection?: any, hasChildren?: boolean) => [boolean[], (value: boolean[]) => void];

package/dist/core/table/util.d.ts

@@ -0,0 +1,8 @@
+export declare const dataSourceToRowConfig: (dataSource: Record<string, unknown>[], defaultOpen?: boolean) => {
+    groups: {
+        groupStart: number;
+        groupEnd: number;
+        groupName: string;
+    }[];
+    groupOpen: boolean[];
+};

package/dist/core/util.d.ts

@@ -0,0 +1,55 @@
+import type { SheetType } from "../type";
+export declare function findParentTd(el: HTMLElement): HTMLElement | null;
+export declare function extractDataRowAndCol(el: HTMLElement): {
+    row: number;
+    col: number;
+};
+export declare function getRowColConfig(start?: SheetType.CellPosition, end?: SheetType.CellPosition): {
+    startRow: number;
+    endRow: number;
+    startCol: number;
+    endCol: number;
+};
+export declare function flatRowColIndex(start?: SheetType.CellPosition, end?: SheetType.CellPosition): SheetType.CellPosition[];
+export declare function flatRowCol(start?: SheetType.CellPosition, end?: SheetType.CellPosition): string[];
+export declare function isInputKey(keyCode: number): boolean;
+export declare function classNames(...args: (string | null | undefined)[]): string;
+export declare function stringToClipboardData(str: string): void;
+export declare const defaultParsePaste: (str: string) => string[][];
+export declare function clipboardDataToString(): Promise<string[][]>;
+export declare function formatDataToCell({ start, editing, end, data, pasteData, groupConfig, freePaste, }: Partial<SheetType.UpdateStateType> & {
+    pasteData: string[][];
+    freePaste: boolean;
+}): {
+    changes: SheetType.CellData[];
+    extChanges?: undefined;
+} | {
+    changes: SheetType.CellData[];
+    extChanges: SheetType.CellData[] | undefined;
+} | undefined;
+export declare const defaultValueRenderer: (cell: SheetType.Cell) => string | number | null | undefined;
+export declare function renderValue(cell: SheetType.Cell): string | number;
+export declare const optionsTransferToValue: (options: SheetType.OptionsType[], val: string) => string[];
+export declare const groupConfigToGroupMap: (rowGroupConfig?: SheetType.RowGroupConfig) => Map<number, SheetType.RowGroup & {
+    isStart: boolean;
+    isOpen: boolean;
+}>;
+export declare const changeGroupConfig: (rowGroupConfig: SheetType.RowGroupConfig, changeInfo: {
+    add?: number | undefined;
+    remove?: number | undefined;
+}) => SheetType.RowGroupConfig;
+export declare const rowToActualRow: (row: number, groupConfig?: SheetType.RowGroupConfig) => number;
+export declare const getRowHeight: (container: HTMLSpanElement) => number;
+export declare const getNextVisibleRow: (row: number, maxRow: number, groupMap?: Map<number, SheetType.RowGroup & {
+    isStart: boolean;
+    isOpen: boolean;
+}>) => number | null;
+export declare const calcMenuPosition: ({ tableElement, menuElement, x, y, }: {
+    tableElement: SheetType.refAssertion | null;
+    menuElement?: Element | null | undefined;
+    x: number;
+    y: number;
+}) => {
+    top: number;
+    left: number;
+};

package/dist/core/util.js

@@ -12,6 +12,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 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; }
 /* eslint-disable no-param-reassign */
 /* eslint-disable @typescript-eslint/no-use-before-define */
+
 import { cloneDeep, isNil, range } from 'lodash';
 export function findParentTd(el) {
   if (!el) return null;

package/dist/core/viewer/btnViewer/index.d.ts

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