@zhenliang/sheet 0.1.6 → 0.1.7-3.beta.0

package/dist/hooks/useSheetEvent.d.ts

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

package/dist/hooks/useSheetEvent.js

@@ -1,5 +1,5 @@
-import { createContext, useContext } from 'react';
-export var SheetEventContext = /*#__PURE__*/createContext(undefined);
+import { createContext, useContext } from "../../node_modules/@types/react";
+export var SheetEventContext = createContext(undefined);
 export function useSheetEvent() {
   return useContext(SheetEventContext);
 }

package/dist/hooks/useWidthConfig.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { WidthConfig } from '../type/sheet';
-export declare const WidthContext: import("react").Context<WidthConfig>;
-export declare function useWidth(): WidthConfig;
+import { WidthConfigContext } from '../type/sheet';
+export declare const WidthContext: import("../../node_modules/@types/react").Context<WidthConfigContext>;
+export declare function useWidth(): WidthConfigContext;

package/dist/hooks/useWidthConfig.js

@@ -1,5 +1,5 @@
-import { createContext, useContext } from 'react';
-export var WidthContext = /*#__PURE__*/createContext({});
+import { createContext, useContext } from "../../node_modules/@types/react";
+export var WidthContext = createContext({});
 export function useWidth() {
   return useContext(WidthContext);
 }

package/dist/standardUtils/index.d.ts

@@ -1,4 +1,4 @@
-declare type ValueParams = string | number | null | undefined;
+type ValueParams = string | number | null | undefined;
 export declare const formatPrecision: (value: ValueParams, precision?: number) => string;
 /**
  * 千位分隔符

package/dist/standardUtils/index.js

@@ -2,7 +2,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 export var formatPrecision = function formatPrecision(value) {
   var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;

package/dist/type/sheet.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 /// <reference types="node" />
 import type { EventEmitter } from 'events';
+import { CSSProperties } from "../../node_modules/@types/react";
 import { SheetTableType, SheetType } from '.';
 export declare enum CellAlign {
     left = "left",
@@ -8,8 +8,10 @@ export declare enum CellAlign {
     right = "right",
     unset = "unset"
 }
-export declare type Cell = {
+export type Cell = {
     id: string;
+    row?: number;
+    col?: number;
     key?: string;
     readonly?: boolean;
     component?: CellViewer;
@@ -20,55 +22,70 @@ export declare type Cell = {
     record?: Record<string, unknown>;
     disableEvents?: boolean;
     dataEditor?: CellEditor;
+    dataIndex?: string;
     valueViewer?: CellViewer;
+    searchKey?: (value: unknown, record?: unknown) => string;
     className?: string;
     align?: CellAlign;
     fixed?: Omit<CellAlign, 'center'>;
     value?: string | number | null;
+    allowClear?: boolean;
+};
+export type FixedInfo = {
+    isFirstFixedRight: boolean;
+    isLastFixedLeft: boolean;
+    fixPosition: number;
+    isScrolledOver?: boolean;
+    isScrolledToEnd?: boolean;
 };
-export declare type CellViewerProps = {
+export type CellViewerProps = {
     value: unknown;
     record?: Record<string, unknown>;
     row?: number;
     col?: number;
     cell?: Cell;
 };
-export declare type CellEditorProps = {
+export type CellEditorProps = {
     value: unknown;
     cell?: Cell;
     onChange: (value: unknown) => void;
     onConfirm: (value: unknown) => void;
 } & CellViewerProps;
-export declare type CellEditor = React.FC<CellEditorProps> & {
+export type CellEditor = React.FC<CellEditorProps> & {
     checker?: (value: unknown, record?: Record<string, unknown>) => boolean;
     formatter?: (value: unknown, record?: Record<string, unknown>) => unknown;
     parser?: (value: unknown, record?: Record<string, unknown>) => unknown;
 };
-export declare type CellViewer = React.FC<CellViewerProps>;
-export declare type CellPosition = {
+export type CellViewer = React.FC<CellViewerProps>;
+export type CellPosition = {
     row: number;
     col: number;
 };
-export declare type CellData = {
+export type CellData = {
     id: string;
     cell: Cell;
     row: number;
     col: number;
+    key?: string;
     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 = {
+export type CellNavigable = (cell?: Cell, row?: number, col?: number) => boolean;
+export type CellChangeHandler = (cells: CellData[], additions?: CellData[]) => void;
+export type RowGroup = {
     groupName: string;
     groupStart: number;
     groupEnd: number;
 };
-export declare type RowGroupConfig = {
+export type RowGroupConfig = {
     defaultOpen?: boolean;
     groups: RowGroup[];
     groupOpen: boolean[];
 };
-export declare type MenuRenderProps = {
+export type GroupMap = Map<number, SheetType.RowGroup & {
+    isStart: boolean;
+    isOpen: boolean;
+}>;
+export type MenuRenderProps = {
     position?: {
         top: number;
         left: number;
@@ -76,8 +93,9 @@ export declare type MenuRenderProps = {
     cell?: CellPosition;
     onContextMenu?: (event: any) => void;
 };
-export declare type SheetInstance = {
+export type SheetInstance = {
     zoomTo: (row?: number) => void;
+    goTo: (row: number, col: number) => void;
     pushToHistory: (value: OperateHistory) => void;
     selectRow: (row?: number) => void;
     select: (props: {
@@ -85,33 +103,48 @@ export declare type SheetInstance = {
         end: SheetType.CellPosition;
     }) => void;
     popHistory: () => OperateHistory;
+    dropHistory: () => OperateHistory[];
 };
-export declare type SheetProps = {
+export type SheetProps = {
     sheetInstance?: React.MutableRefObject<SheetInstance | null>;
     sheetRenderer?: any;
     rowRenderer?: any;
+    emptyRenderer?: any;
     className?: string;
     data: Cell[][];
     freePaste?: boolean;
     virtualized?: boolean;
     showBackEdit?: boolean;
-    backEditStyle?: Partial<CSSStyleDeclaration>;
+    backEditStyle?: Partial<CSSProperties>;
+    searchStyle?: Partial<CSSProperties>;
+    sticky?: boolean;
     groupConfig?: RowGroupConfig;
     onCellsChanged?: CellChangeHandler;
     menuRenderer?: React.FC<MenuRenderProps>;
     onContextMenu?: (event: any) => void;
+    handleAdd?: () => void;
     scroll?: {
         x?: number | string;
         y?: number | string;
     };
     rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
     children?: any[];
+    boldScroll?: boolean;
+    hideColBar?: boolean;
+    showQuickLocationBtn?: boolean;
+    ControlContainer?: React.FC;
 };
-export declare type WidthConfig = {
+export type WidthConfigContext = {
     onChange?: (value: Record<number | string, number>) => void;
     widths?: Record<number | string, number>;
 };
-export declare type SheetShell = Pick<SheetTableType.TableProps, 'columns'> & {
+export type GroupConfigContext = {
+    onChange?: (value: RowGroupConfig) => void;
+    config?: RowGroupConfig & {
+        configMap: GroupMap;
+    };
+};
+export type SheetShell = Pick<SheetTableType.TableProps, 'columns'> & {
     className?: string;
     showGroup?: boolean;
     showSelect?: boolean;
@@ -126,24 +159,24 @@ export declare type SheetShell = Pick<SheetTableType.TableProps, 'columns'> & {
         };
     };
 };
-export declare type SheetRow = {
+export type SheetRow = {
     row: number;
     cells: Cell[];
     selected: boolean;
     children: React.ElementType;
 };
-export declare type windowAssertion = {
+export type windowAssertion = {
     clipboardData?: {
         getData?: (type: string) => string;
         setData?: (type: string, data: string) => string;
     };
 };
-export declare type refAssertion = {
+export 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 = {
+export type AttributesRenderer = (cell: Cell, row: number, col: number) => Record<string, string>;
+export type CellProps = {
     row: number;
     col: number;
     cell: Cell;
@@ -151,8 +184,17 @@ export declare type CellProps = {
     dataEditor?: React.ElementType;
     valueViewer?: React.ElementType;
     attributesRenderer?: AttributesRenderer;
+    cellFixedInfo: SheetType.FixedInfo;
 };
-export declare type UpdateStateType = {
+export type SearchState = {
+    showSearch: boolean;
+    searchText: string;
+    searchTotal: number;
+    searchCurrent: number;
+    searchResultList?: CellPosition[];
+    searchCalledCount: number;
+};
+export type UpdateStateType = {
     eventBus: EventEmitter;
     start: CellPosition;
     end: CellPosition;
@@ -163,9 +205,11 @@ export declare type UpdateStateType = {
         value?: string;
     };
     history: OperateHistory[];
+    recoverHisotry: OperateHistory[];
     freePaste?: boolean;
     data: Cell[][];
     mouseDown: boolean;
+    isIndex: boolean;
     lastSelected?: {
         start?: CellPosition;
         end?: CellPosition;
@@ -182,17 +226,18 @@ export declare type UpdateStateType = {
         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;
+    fixedInfo: SheetType.FixedInfo[];
+} & SearchState;
+export type UpdateFocus = (start: CellPosition, end: CellPosition) => void;
+export type Options<T = any> = {
+    value: string | number;
     label: string;
 } & T;
-export declare type OptionsType = Options<{
+export type OptionsType = Options<{
     disabled?: boolean;
     children?: OptionsType[];
 }>;
-export declare type OperateHistory = {
+export type OperateHistory = {
     changes: Partial<CellData>[];
     type: OperateType;
     rowInfo?: {
@@ -201,4 +246,4 @@ export declare type OperateHistory = {
     };
     extraInfo?: Record<string, unknown>;
 };
-export declare type OperateType = 'Edit' | 'Paste' | 'Delete' | 'DeleteRow' | 'NewRow' | 'Custom';
+export type OperateType = 'Edit' | 'Paste' | 'Delete' | 'DeleteRow' | 'NewRow' | 'Custom';

package/dist/type/sheetTable.d.ts

@@ -1,12 +1,12 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from "../../node_modules/@types/react";
 import { SheetType } from '.';
-export declare type refAssertion = {
+export type refAssertion = {
     contains?: (target: EventTarget | null) => boolean;
     focus?: () => boolean;
 } & HTMLTableSectionElement;
-export declare type CellFixed = SheetType.CellAlign;
-export declare type RecordRowMap<T> = (value: unknown, record: Record<string, unknown>, index: number) => T;
-export declare type ColumnProps = {
+export type CellFixed = SheetType.CellAlign;
+export type RecordRowMap<T> = (value: unknown, record: Record<string, unknown>, index: number, colIndex?: number) => T;
+export type ColumnProps = {
     /**
      * @description 对齐
      * @default "left"
@@ -23,7 +23,7 @@ export declare type ColumnProps = {
      */
     width?: string | number;
     dataIndex?: string;
-    title: string | ReactNode | ReactNode[];
+    title: string | ReactNode;
     titleConfig?: {
         colSpan?: number;
         className?: string;
@@ -34,26 +34,29 @@ export declare type ColumnProps = {
     key?: string;
     editable?: boolean | RecordRowMap<boolean>;
     readonly?: boolean | RecordRowMap<boolean>;
+    allowClear?: boolean;
     render?: SheetType.CellViewer;
     editor?: SheetType.CellEditor;
+    searchKey?: (value: unknown, record: Record<string, unknown>) => string;
 };
-export declare type TableChange = {
+export type TableChange = {
+    col?: number;
     row: number;
     id: string;
     key: string;
     value: unknown;
 };
-export declare type TableRowSelection = {
+export type TableRowSelection = {
     rowSelected?: string[];
     onChange?: (selectedRowKeys: string[], selectedRows: Record<string, unknown>[]) => void;
 };
-export declare type TableGroupConfig = {
+export type TableGroupConfig = {
     defaultOpen?: boolean;
     rowGroup?: SheetType.RowGroupConfig;
     onChange?: (value: SheetType.RowGroupConfig) => void;
 };
-export declare type EventHandler = (value: any) => void;
-export declare type TableProps = {
+export type EventHandler = (value: any) => void;
+export type TableProps = {
     /**
      * @description 表格类名
      * @default "undefined"
@@ -67,6 +70,7 @@ export declare type TableProps = {
     columns: ColumnProps[];
     virtualized?: boolean;
     dataSource: Record<string, unknown>[];
+    emptyRenderer?: any;
     rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
     rowKey?: string | ((record: Record<string, unknown>, index: number) => string);
     scroll?: {
@@ -77,12 +81,17 @@ export declare type TableProps = {
     draggable?: boolean;
     freePaste?: boolean;
     showBackEdit?: boolean;
-    backEditStyle?: Partial<CSSStyleDeclaration>;
+    backEditStyle?: Partial<CSSProperties>;
+    searchStyle?: Partial<CSSProperties>;
     rowSelection?: TableRowSelection;
     groupConfig?: TableGroupConfig;
     menuRenderer?: React.FC<SheetType.MenuRenderProps>;
     onContextMenu?: (event: any) => void;
     onChange: (changes: TableChange[], extChanges?: TableChange[]) => void;
     handleAdd?: () => void;
+    handleBatchAdd?: (value: number) => void;
     eventHandler?: Record<'reverse' | 'btn-click' | 'cell-edit' | 'cell-switch' | string, undefined | EventHandler>;
+    boldScroll?: boolean;
+    showQuickLocationBtn?: boolean;
+    ControlContainer?: React.FC;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhenliang/sheet",
-  "version": "0.1.6",
+  "version": "0.1.73.beta.0",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -49,6 +49,8 @@
     "events": "^3.3.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
+    "react": "17.x",
+    "react-dom": "17.x",
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.4.2"
   },
@@ -56,8 +58,8 @@
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@types/lodash": "^4.14.195",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
+    "@types/react": "17.0.40",
+    "@types/react-dom": "17.0.13",
     "@umijs/lint": "^4.0.0",
     "dumi": "^2.2.0",
     "eslint": "^8.23.0",
@@ -78,5 +80,6 @@
   },
   "authors": [
     "fizz.zhou@ap.jll.com"
-  ]
+  ],
+  "preid": "beta"
 }