@zhenliang/sheet 0.0.1 → 0.0.2

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[]) => void;
+export default getCascaderEditor;

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

@@ -4,60 +4,40 @@ 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
+    });
+  };
+  CascaderEditor.checker = function (value) {
+    var res = optionsTransferToValue(options, value);
+    return res && res.length > 0;
   };
-  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;
-};
+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/index.d.ts

@@ -0,0 +1,4 @@
+export { default as getCascaderEditor } from './cascaderEditor';
+export { DateEditor } from './dateEditor';
+export { 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 { NumberEditor } from "./numberEditor";
+export { default as getSelectEditor } from "./selectEditor";

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

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

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: any) => 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/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/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 type { SheetTableType } from "../../type";
+declare const Table: React.FC<SheetTableType.TableProps>;
+export default Table;

package/dist/core/table/index.js

@@ -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";

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/checkViewer/index.d.ts

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

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

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

package/dist/example/basic.d.ts

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

package/dist/example/ellipsis.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/example/fixed.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/example/group.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const App: React.FC;
+export default App;

package/dist/example/selection.d.ts

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

package/dist/example/sheet.d.ts

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

package/dist/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export { useEventBus } from './useEventBus';
+export { useKeyBoard } from './useKeyboard';
+export { useMiddlewareReducer } from './useMiddlewareReducer';
+export type { Dispatch, FunctionAction, NormalAction, } from './useMiddlewareReducer';
+export { useMouse } from './useMouse';
+export { useSetState } from './useSetState';
+export { SheetEventContext, useSheetEvent } from './useSheetEvent';

package/dist/hooks/useEventBus.d.ts

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

package/dist/hooks/useKeyboard.d.ts

@@ -0,0 +1,18 @@
+declare type KeyOrClipBoardEvent = (event: KeyboardEvent | ClipboardEvent, value?: any) => void;
+declare type KeyboardHandler = {
+    move: KeyOrClipBoardEvent;
+    escape: KeyOrClipBoardEvent;
+    delete: KeyOrClipBoardEvent;
+    enter: KeyOrClipBoardEvent;
+    otherInput: KeyOrClipBoardEvent;
+    copy: KeyOrClipBoardEvent;
+    paste: KeyOrClipBoardEvent;
+    reverse: KeyOrClipBoardEvent;
+    cut: KeyOrClipBoardEvent;
+};
+export declare function move(keyCode: number, isShiftKey: boolean): {
+    row: number;
+    col: number;
+} | undefined;
+export declare const useKeyBoard: (handler: KeyboardHandler, listenElement: HTMLSpanElement | null) => void;
+export {};

package/dist/hooks/useMiddlewareReducer.d.ts

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

package/dist/hooks/useMouse.d.ts

@@ -0,0 +1,11 @@
+declare type MouseHandler = {
+    mouseUp: (value: MouseEvent) => void;
+    mouseDown: (value: MouseEvent) => void;
+    mouseOver: (value: MouseEvent) => void;
+    mouseLeave: (value: MouseEvent) => void;
+    mouseEnter: (value: MouseEvent) => void;
+    doubleClick: (value: MouseEvent) => void;
+    loseFocus: (value: MouseEvent) => void;
+};
+export declare const useMouse: (handler: MouseHandler, listenElement: HTMLSpanElement | null) => void;
+export {};

package/dist/hooks/useSetState.d.ts

@@ -0,0 +1,2 @@
+declare const useSetState: <T extends object>(initialState?: T) => [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void];
+export { useSetState };

package/dist/hooks/useSheetEvent.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="node" />
+/// <reference types="react" />
+import Events from 'events';
+export declare const SheetEventContext: import("react").Context<Events | undefined>;
+export declare function useSheetEvent(): Events;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './core/editor';
+export { default as Sheet } from './core/sheet';
+export { default as Table } from './core/table';
+export { useSheetEvent } from './hooks/useSheetEvent';

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from "./core/editor";
 export { default as Sheet } from "./core/sheet";
 export { default as Table } from "./core/table";
-// export { default as Excel } from './historyComponent/ExcelTable';
+export { useSheetEvent } from "./hooks/useSheetEvent";

package/dist/standardUtils/index.d.ts

@@ -0,0 +1,9 @@
+declare type ValueParams = string | number | null | undefined;
+export declare const formatPrecision: (value: ValueParams, precision?: number) => string;
+/**
+ * 千位分隔符
+ * @param value 需要千分符格式化的数据
+ * @returns 含千分符的字符串
+ */
+export declare const thousandsSeparator: (value: string | number) => string;
+export {};

package/dist/type/index.d.ts

@@ -0,0 +1,2 @@
+export * as SheetType from './sheet';
+export * as SheetTableType from './sheetTable';

package/dist/type/index.js

@@ -0,0 +1,4 @@
+import * as _SheetType from "./sheet";
+export { _SheetType as SheetType };
+import * as _SheetTableType from "./sheetTable";
+export { _SheetTableType as SheetTableType };

package/dist/type/sheet.d.ts

@@ -0,0 +1,188 @@
+/// <reference types="react" />
+/// <reference types="node" />
+import type { EventEmitter } from 'events';
+import { SheetTableType } from '.';
+export declare type Cell = {
+    id: string;
+    key?: string;
+    readonly?: boolean;
+    component?: CellViewer;
+    editable?: boolean;
+    colSpan?: number;
+    rowSpan?: number;
+    width?: number;
+    record?: Record<string, unknown>;
+    disableEvents?: boolean;
+    dataEditor?: CellEditor;
+    valueViewer?: CellViewer;
+    className?: string;
+    align?: 'left' | 'center' | 'right';
+    fixed?: 'left' | 'right';
+    value?: string | number | null;
+};
+export declare type CellEditorProps = {
+    value: unknown;
+    cell?: Cell;
+    onChange: (value: unknown) => void;
+    onConfirm: (value: unknown) => void;
+};
+export declare type CellViewerProps = {
+    value: unknown;
+    record?: Record<string, unknown>;
+    row: number;
+    col: number;
+    cell?: Cell;
+};
+export declare type CellEditor = React.FC<CellEditorProps> & {
+    checker?: (value: unknown) => boolean;
+    formatter?: (value: unknown) => unknown;
+};
+export declare type CellViewer = React.FC<CellViewerProps>;
+export declare type CellPosition = {
+    row: number;
+    col: number;
+};
+export declare type CellData = {
+    id: string;
+    cell: Cell;
+    row: number;
+    col: number;
+    value?: string;
+};
+export declare type CellNavigable = (cell?: Cell, row?: number, col?: number) => boolean;
+export declare type CellChangeHandler = (cells: CellData[], additions?: CellData[]) => void;
+export declare type RowGroup = {
+    groupName: string;
+    groupStart: number;
+    groupEnd: number;
+};
+export declare type RowGroupConfig = {
+    groups: RowGroup[];
+    groupOpen: boolean[];
+};
+export declare type MenuRenderProps = {
+    position?: {
+        top: number;
+        left: number;
+    };
+    cell?: CellPosition;
+    onContextMenu?: (event: any) => void;
+};
+export declare type SheetInstance = {
+    zoomTo: (row?: number) => void;
+    pushToHistory: (value: OperateHistory) => void;
+    selectRow: (row?: number) => void;
+    popHistory: () => OperateHistory;
+};
+export declare type SheetProps = {
+    sheetInstance?: React.MutableRefObject<SheetInstance | null>;
+    sheetRenderer?: any;
+    rowRenderer?: any;
+    className?: string;
+    data: Cell[][];
+    freePaste?: boolean;
+    virtualized?: boolean;
+    groupConfig?: RowGroupConfig;
+    onCellsChanged?: CellChangeHandler;
+    menuRenderer?: React.FC<MenuRenderProps>;
+    onContextMenu?: (event: any) => void;
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+    };
+    rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
+    children?: any[];
+};
+export declare type SheetShell = Pick<SheetTableType.TableProps, 'columns'> & {
+    className?: string;
+    showGroup?: boolean;
+    showSelect?: boolean;
+    controlWidth?: number;
+    controlProps?: {
+        check?: {
+            checked: boolean;
+            indeterminate?: boolean;
+        };
+        group?: {
+            open: boolean;
+        };
+    };
+};
+export declare type SheetRow = {
+    row: number;
+    cells: Cell[];
+    selected: boolean;
+    children: React.ElementType;
+};
+export declare type windowAssertion = {
+    clipboardData?: {
+        getData?: (type: string) => string;
+        setData?: (type: string, data: string) => string;
+    };
+};
+export declare type refAssertion = {
+    contains?: (target: EventTarget | null) => boolean;
+    focus?: () => boolean;
+} & HTMLSpanElement;
+export declare type AttributesRenderer = (cell: Cell, row: number, col: number) => Record<string, string>;
+export declare type CellProps = {
+    row: number;
+    col: number;
+    cell: Cell;
+    cellRenderer?: React.ElementType;
+    dataEditor?: React.ElementType;
+    valueViewer?: React.ElementType;
+    attributesRenderer?: AttributesRenderer;
+};
+export declare type UpdateStateType = {
+    eventBus: EventEmitter;
+    start: CellPosition;
+    end: CellPosition;
+    selecting: boolean;
+    forceEdit: boolean;
+    clear: CellPosition;
+    editing: CellPosition & {
+        value?: string;
+    };
+    history: OperateHistory[];
+    freePaste?: boolean;
+    data: Cell[][];
+    mouseDown: boolean;
+    lastSelected?: {
+        start?: CellPosition;
+        end?: CellPosition;
+    };
+    groupConfig?: {
+        groups: RowGroup[];
+        groupOpen: boolean[];
+    };
+    lastFocus: {
+        id: string;
+        col: number;
+    }[];
+    lastEditing: CellPosition & {
+        confirm?: boolean;
+    };
+    cellChangeHandler: (cells: CellData[], additions?: CellData[]) => void;
+};
+export declare type UpdateFocus = (start: CellPosition, end: CellPosition) => void;
+export declare type Options<T> = {
+    value: string;
+    label: string;
+} & T;
+export declare type OptionsType = Options<{
+    disabled?: boolean;
+    children?: Options<{
+        children?: Options<Record<string, unknown>>;
+    }>;
+}>;
+export declare type OperateHistory = {
+    changes: Partial<CellData>[];
+    type: OperateType;
+    rowInfo?: {
+        newRow?: number;
+        deleteRow?: number;
+    };
+    extraInfo?: Record<string, unknown>;
+};
+export declare type OperateType = 'Edit' | 'Paste' | 'Delete' | 'DeleteRow' | 'NewRow' | 'Custom';

package/dist/type/sheet.js

@@ -0,0 +1 @@
+export {};

package/dist/type/sheetTable.d.ts

@@ -0,0 +1,53 @@
+import { SheetType } from '.';
+export declare type refAssertion = {
+    contains?: (target: EventTarget | null) => boolean;
+    focus?: () => boolean;
+} & HTMLTableSectionElement;
+export declare type CellAlign = 'left' | 'right' | 'center';
+export declare type CellFixed = 'left' | 'right';
+export declare type ColumnProps = {
+    align?: CellAlign;
+    fixed?: CellFixed;
+    width?: string | number;
+    dataIndex?: string;
+    title: string;
+    key?: string;
+    editable?: boolean;
+    readonly?: boolean | ((value: unknown, record: Record<string, unknown>, index: number) => boolean);
+    render?: SheetType.CellViewer;
+    editor?: SheetType.CellEditor;
+};
+export declare type TableChange = {
+    row: number;
+    id: string;
+    key: string;
+    value: unknown;
+};
+export declare type TableRowSelection = {
+    onChange: (selectedRowKeys: string[], selectedRows: Record<string, unknown>[]) => void;
+};
+export declare type TableGroupConfig = {
+    defaultOpen: boolean;
+};
+export declare type TableProps = {
+    columns: ColumnProps[];
+    virtualized?: boolean;
+    dataSource: Record<string, unknown>[];
+    rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
+    rowKey?: string | ((record: Record<string, unknown>, index: number) => string);
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+    };
+    sticky?: boolean;
+    draggable?: boolean;
+    rowSelection?: {
+        rowSelected: string[];
+        onChange: (selectedRowKeys: string[], selectedRows: Record<string, unknown>[]) => void;
+    };
+    groupConfig?: {
+        rowGroup: TableGroupConfig;
+        onChange: (value: TableGroupConfig) => void;
+    };
+    onChange: (changes: TableChange[]) => void;
+};

package/dist/type/sheetTable.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhenliang/sheet",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -45,6 +45,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
+    "antd": "^4.24.0",
     "events": "^3.3.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
@@ -71,9 +72,8 @@
     "stylelint": "^14.9.1"
   },
   "peerDependencies": {
-    "antd": "^4.24.0",
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react": "17.x",
+    "react-dom": "17.x"
   },
   "publishConfig": {
     "access": "public"

package/dist/core/shell/resizeShell.js

@@ -1,57 +0,0 @@
-import { useMemo } from 'react';
-import { classNames } from "./util";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export var WrapperShell = function WrapperShell(_ref) {
-  var columns = _ref.columns,
-    className = _ref.className;
-  var TableShell = function TableShell(_ref2) {
-    var children = _ref2.children;
-    var _useMemo = useMemo(function () {
-        var thItems = columns.map(function (item) {
-          var _item$width;
-          return /*#__PURE__*/_jsx("th", {
-            className: "cell read-only",
-            style: {
-              width: (_item$width = item.width) !== null && _item$width !== void 0 ? _item$width : 'unset'
-            },
-            children: item.title
-          }, item.dataIndex);
-        });
-        var colItems = columns.map(function (item) {
-          var _item$width2;
-          return /*#__PURE__*/_jsx("col", {
-            className: "cell",
-            style: {
-              width: (_item$width2 = item.width) !== null && _item$width2 !== void 0 ? _item$width2 : 'unset'
-            }
-          }, item.dataIndex);
-        });
-        return {
-          thItems: thItems,
-          colItems: colItems
-        };
-      }, [columns]),
-      thItems = _useMemo.thItems,
-      colItems = _useMemo.colItems;
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("table", {
-        className: classNames('header', 'harvest-sheet', className),
-        children: /*#__PURE__*/_jsx("thead", {
-          children: /*#__PURE__*/_jsx("tr", {
-            children: thItems
-          })
-        })
-      }, "header"), /*#__PURE__*/_jsxs("table", {
-        className: classNames('body', 'harvest-sheet'),
-        children: [/*#__PURE__*/_jsx("colgroup", {
-          children: colItems
-        }), /*#__PURE__*/_jsx("tbody", {
-          children: children
-        }, "tbody")]
-      }, "body")]
-    });
-  };
-  return TableShell;
-};

package/dist/typings/sheet.d.ts

@@ -1,209 +0,0 @@
-declare namespace Sheet {
-  type Cell = {
-    id: string;
-    key?: string;
-    readonly?: boolean;
-    component?: CellViewer;
-    editable?: boolean;
-    colSpan?: number;
-    rowSpan?: number;
-    width?: number;
-    record?: Record<string, unknown>;
-    disableEvents?: boolean;
-    dataEditor?: CellEditor;
-    valueViewer?: CellViewer;
-    className?: string;
-    align?: 'left' | 'center' | 'right';
-    fixed?: 'left' | 'right';
-    value?: string | number | null;
-  };
-
-  type CellEditorProps = {
-    value: unknown;
-    cell?: Cell;
-    onChange: (value) => void;
-    onConfirm: (value) => void;
-  };
-
-  type CellViewerProps = {
-    value: unknown;
-    record?: Record<string, unknown>;
-    row: number;
-    col: number;
-    cell?: Cell;
-  };
-
-  type CellEditor = React.FC<CellEditorProps> & {
-    checker?: (value: unknown) => boolean;
-    formatter?: (value: unknown) => unknown;
-  };
-  type CellViewer = React.FC<CellViewerProps>;
-
-  type CellPosition = {
-    row: number;
-    col: number;
-  };
-
-  type CellData = {
-    id: string;
-    cell: Cell;
-    row: number;
-    col: number;
-    value?: string;
-  };
-
-  type CellNavigable = (cell?: Cell, row?: number, col?: number) => boolean;
-  type CellChangeHandler = (cells: CellData[], additions?: CellData[]) => void;
-
-  type RowGroup = {
-    groupName: string;
-    groupStart: number;
-    groupEnd: number;
-  };
-  type RowGroupConfig = {
-    groups: RowGroup[];
-    groupOpen: boolean[];
-  };
-  type MenuRenderProps = {
-    position?: { top: number; left: number };
-    cell?: Sheet.CellPosition;
-    onContextMenu?: (event: any) => void;
-  };
-
-  type SheetInstance = {
-    zoomTo: (row?: number) => void;
-    pushToHistory: (value: OperateHistory) => void;
-    selectRow: (row?: number) => void;
-    popHistory: () => OperateHistory;
-  };
-
-  type SheetProps = {
-    sheetInstance?: React.MutableRefObject<Sheet.SheetInstance | null>;
-    sheetRenderer?: any;
-    rowRenderer?: any;
-    className?: string;
-    data: Cell[][];
-    freePaste?: boolean;
-    virtualized?: boolean;
-
-    groupConfig?: RowGroupConfig;
-
-    onCellsChanged?: CellChangeHandler;
-    menuRenderer?: React.FC<MenuRenderProps>;
-    onContextMenu?: (event: any) => void;
-
-    scroll?: { x?: number | string; y?: number | string };
-    rowClassName?:
-      | string
-      | ((record: Record<string, unknown>, index: number) => string);
-    children?: (React.Element | null)[];
-  };
-
-  type SheetShell = Pick<SheetTable.TableProps, 'columns'> & {
-    className?: string;
-    showGroup?: boolean;
-    showSelect?: boolean;
-    controlWidth?: number;
-    controlProps?: {
-      check?: {
-        checked: boolean;
-        indeterminate?: boolean;
-      };
-      group?: {
-        open: boolean;
-      };
-    };
-  };
-
-  type SheetRow = {
-    row: number;
-    cells: Cell[];
-    selected: boolean;
-    children: React.ElementType;
-  };
-
-  // todo
-  type windowAssertion = {
-    clipboardData?: {
-      getData?: (type: string) => string;
-      setData?: (type: string, data: string) => string;
-    };
-  };
-
-  type refAssertion = {
-    contains?: (target: EventTarget | null) => boolean;
-    focus?: () => boolean;
-  } & HTMLSpanElement;
-
-  type AttributesRenderer = (
-    cell: Sheet.Cell,
-    row: number,
-    col: number,
-  ) => Record<string, string>;
-
-  type CellProps = {
-    row: number;
-    col: number;
-    cell: Cell;
-    cellRenderer?: React.ElementType;
-    dataEditor?: React.ElementType;
-    valueViewer?: React.ElementType;
-    attributesRenderer?: AttributesRenderer;
-  };
-
-  type UpdateStateType = {
-    eventBus: EventEmitter;
-    start: Sheet.CellPosition;
-    end: Sheet.CellPosition;
-    selecting: boolean;
-    forceEdit: boolean;
-    clear: CellPosition;
-    editing: CellPosition & { value?: string };
-    history: OperateHistory[];
-    freePaste?: boolean;
-    data: Cell[][];
-    mouseDown: boolean;
-    lastSelected?: { start?: Sheet.CellPosition; end?: Sheet.CellPosition };
-    groupConfig?: {
-      groups: RowGroup[];
-      groupOpen: boolean[];
-    };
-    lastFocus: { id: string; col: number }[];
-    lastEditing: CellPosition & { confirm?: boolean };
-    cellChangeHandler: (cells: CellData[], additions?: CellData[]) => void;
-  };
-  type UpdateFocus = (start: CellPosition, end: CellPosition) => void;
-
-  type Options<T> = {
-    value: string;
-    label: string;
-  } & T;
-
-  type OptionsType = Options<{
-    disabled?: boolean;
-    children?: Common.Option<{
-      children?: Common.Options<Record<string, unknown>>;
-    }>;
-  }>;
-
-  type OperateHistory = {
-    changes: Partial<CellData>[];
-    type: OperateType;
-
-    rowInfo?: {
-      newRow?: number;
-      deleteRow?: number;
-    };
-    extraInfo?: Record<string, unknown>;
-  };
-
-  type OperateType =
-    // 前三个Type 直接调用 onCellChange
-    | 'Edit'
-    | 'Paste'
-    | 'Delete'
-    // 后三个单独Event 处理
-    | 'DeleteRow'
-    | 'NewRow'
-    | 'Custom';
-}