@zhenliang/sheet 0.0.1 → 0.0.3

package/dist/type/sheet.d.ts

@@ -0,0 +1,191 @@
+/// <reference types="react" />
+/// <reference types="node" />
+import type { EventEmitter } from 'events';
+import { SheetTableType } from '.';
+export declare enum CellAlign {
+    left = "left",
+    center = "center",
+    right = "right"
+}
+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?: CellAlign;
+    fixed?: Omit<CellAlign, 'center'>;
+    value?: string | number | null;
+};
+export declare type CellViewerProps = {
+    value: unknown;
+    record?: Record<string, unknown>;
+    row?: number;
+    col?: number;
+    cell?: Cell;
+};
+export declare type CellEditorProps = {
+    value: unknown;
+    cell?: Cell;
+    onChange: (value: unknown) => void;
+    onConfirm: (value: unknown) => void;
+} & CellViewerProps;
+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 = any> = {
+    value: string;
+    label: string;
+} & T;
+export declare type OptionsType = Options<{
+    disabled?: boolean;
+    children?: OptionsType[];
+}>;
+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,8 @@
+export var CellAlign = /*#__PURE__*/function (CellAlign) {
+  CellAlign["left"] = "left";
+  CellAlign["center"] = "center";
+  CellAlign["right"] = "right";
+  return CellAlign;
+}({});
+
+// todo

package/dist/type/sheetTable.d.ts

@@ -0,0 +1,55 @@
+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 = {
+    className?: string;
+    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;
+    eventHandler?: Record<'btn-click' | 'cell-edit' | 'cell-switch' | string, undefined | ((value: unknown) => 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.3",
   "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';
-}