es-grid-template 1.7.22 → 1.7.24

package/lib/table-component/type.d.ts

@@ -0,0 +1,482 @@
+/// <reference types="date-fns" />
+import type { CheckboxProps, TablePaginationConfig } from 'rc-master-ui';
+import type { ItemType } from 'rc-master-ui/es/menu/interface';
+import type { OnChangeFn } from '@tanstack/react-table';
+import type { ReactElement, ReactNode } from 'react';
+import type { IOperator } from './hook/constant';
+import type { ColorPickerProps } from 'antd';
+export type ExtendedColumnFilter = {
+    id: string;
+    value: string;
+    operator?: FilterOperator;
+};
+export type OpetorState = ColumnOperator[];
+export interface OpetorTableState {
+    operator: OpetorState;
+}
+export interface ColumnOperator {
+    id: string;
+    operator: string;
+}
+export interface DensityOptions {
+    enableOperator?: boolean;
+    onOperatorChange?: OnChangeFn<OpetorState>;
+}
+export type Key = React.Key;
+export type PaginationConfig = TablePaginationConfig & {
+    currentPage?: number;
+};
+export type AnyObject = Record<PropertyKey, any>;
+export type IFormat = {
+    thousandSeparator?: string;
+    decimalSeparator?: string;
+    decimalScale?: number | undefined;
+    allowNegative?: boolean;
+    prefix?: string | undefined;
+    suffix?: string | undefined;
+    fixedDecimalScale?: boolean;
+    dateFormat?: string;
+    datetimeFormat?: string;
+    timeFormat?: string;
+    weekFormat?: string;
+    monthFormat?: string;
+    yearFormat?: string;
+};
+export type RowSelectMethod = 'all' | 'none' | 'invert' | 'single' | 'multiple';
+export type EditType = 'text' | 'numeric' | 'asyncSelect' | 'date' | 'datetime' | 'time' | 'week' | 'month' | 'quarter' | 'year' | 'select' | 'checkbox' | 'currency' | 'image' | 'selectTable' | 'customSelect' | 'form' | 'color' | 'treeSelect' | 'file';
+export type ITextAlign = 'center' | 'left' | 'right';
+export type TypeFilter = 'Text' | 'Date' | 'Time' | 'Datetime' | 'DateRange' | 'Month' | 'Quarter' | 'Year' | 'Week' | 'Number' | 'NumberRange' | 'Dropdown' | 'DropTree' | 'Checkbox' | 'CheckboxTree' | 'CheckboxDropdown';
+export type IColumnType = 'number' | 'time' | 'date' | 'week' | 'month' | 'file' | 'quarter' | 'year' | 'datetime' | 'string' | 'boolean' | 'checkbox' | 'color' | null | undefined;
+export type FilterOperator = 'equal' | 'notEqual' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'startsWith' | 'endsWith' | 'contains';
+export type FixedType = 'left' | 'right' | boolean;
+export type SelectMode = 'checkbox' | 'radio' | undefined;
+type IGrid = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
+export interface FieldNames {
+    value?: string;
+    label?: string;
+    groupLabel?: string;
+    options?: string;
+}
+export interface CommandItem {
+    id: string;
+    type?: string;
+    visible?: boolean | ((record: any) => boolean);
+    title: string;
+    color?: 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
+    tooltip?: string;
+    icon?: ReactNode | ReactElement | (() => ReactNode | ReactElement);
+    template?: ReactNode | ReactElement | ((record: any) => ReactNode | ReactElement);
+    client?: boolean;
+    confirmDialog?: boolean;
+}
+export type ColumnTemplate<RecordType> = {
+    value: any;
+    rowData: RecordType;
+    index: number;
+    field: string;
+};
+export type ColumnTable<RecordType = AnyObject> = {
+    field?: string;
+    width?: number;
+    maxWidth?: number;
+    minWidth?: number;
+    align?: ITextAlign;
+    type?: IColumnType;
+    haveSum?: boolean;
+    isSummary?: boolean;
+    summaryTemplate?: (data: number, key: string) => ReactElement | ReactNode;
+    format?: IFormat | ((rowData: any) => IFormat);
+    allowFiltering?: boolean;
+    /**
+      * @deprecated Please use `allowSorter` instead.
+      * @since 1.0.0
+      */
+    sorter?: boolean;
+    allowSorter?: boolean;
+    operator?: FilterOperator;
+    hideOperator?: boolean;
+    placeholder?: string;
+    showInColumnChoose?: boolean;
+    typeFilter?: TypeFilter;
+    source?: any[];
+    showFilterSearch?: boolean;
+    headerText?: string;
+    visible?: boolean;
+    headerTooltip?: boolean | string | (() => ReactNode | ReactElement);
+    columnGroupText?: string;
+    textAlign?: ITextAlign;
+    headerTextAlign?: ITextAlign;
+    template?: ReactNode | ReactElement | ((args: ColumnTemplate<RecordType>) => ReactNode | ReactElement);
+    showTooltip?: boolean;
+    tooltipDescription?: ReactNode | ReactElement | ((value: any, record: RecordType, index: number) => ReactNode | ReactElement);
+    headerTemplate?: React.ReactNode | React.ReactElement | ((column: ColumnTable<RecordType>) => React.ReactNode | React.ReactElement);
+    commandItems?: CommandItem[];
+    children?: ColumnTable<RecordType>[];
+    editType?: EditType | ((rowData?: RecordType) => EditType);
+    disable?: boolean | ((rowData: any) => boolean);
+    editEnable?: boolean | ((rowData: any) => boolean);
+    isClearable?: boolean;
+    maxDate?: any;
+    minDate?: any;
+    maxTime?: any;
+    minTime?: any;
+    max?: number;
+    min?: number;
+    editSelectSettings?: IEditSelectSettings;
+    editFromSettings?: IEditFromSettings;
+    /**
+     * @deprecated Please use `fixed` instead.
+     * @since 1.6.5
+     */
+    fixedType?: FixedType;
+    fixed?: FixedType;
+    headerTextWrap?: boolean;
+    ellipsis?: boolean;
+    allowResizing?: boolean;
+};
+export type ColumnsTable<RecordType = AnyObject> = ColumnTable<RecordType>[];
+export type TableProps<RecordType = AnyObject> = {
+    editAble?: boolean;
+    infiniteScroll?: boolean;
+    next?: () => void;
+    locale?: Locale;
+    groupAble?: boolean;
+    groupColumns?: string[];
+    groupSetting?: IGroupSetting;
+    onChooseColumns?: (props: IOnChooseColumns) => void;
+    pagination?: false | PaginationConfig;
+    showCustomTooltip?: boolean;
+    sortMultiple?: boolean;
+    dataSource: RecordType[];
+    columns: ColumnsTable<RecordType>;
+    height?: number;
+    format?: IFormat;
+    t?: any;
+    lang?: string;
+    contextMenuItems?: ContextMenuItem[];
+    showDefaultContext?: boolean;
+    contextMenuHidden?: string[] | ((args?: Omit<ContextInfo<RecordType>, 'item' | 'event'>) => string[]);
+    contextMenuOpen?: (args: Omit<ContextInfo<RecordType>, 'item'>) => void;
+    contextMenuClick?: (args: ContextInfo<RecordType>) => void;
+    recordDoubleClick?: (args: RecordDoubleClickEventArgs<RecordType>) => void;
+    toolbarItems?: ToolbarItem[];
+    showColumnChoose?: boolean;
+    showAdvanceFilter?: boolean;
+    onFilter?: (query: {
+        field: string;
+        key: string;
+        operator: IOperator;
+        predicate: 'and' | 'or';
+        value: any;
+    }[]) => void;
+    onSorter?: (args: Sorter[]) => void;
+    selectionSettings?: SelectionSettings;
+    rowSelection?: RowSelection<RecordType>;
+    rowSelected?: (args: {
+        type: string;
+        rowData: RecordType;
+        selected: RecordType | RecordType[];
+    }) => void;
+    dataSourceFilter?: SourceFilter[];
+    onFilterClick?: (column: ColumnTable<RecordType>, callback: (key: string, data: any) => void) => void;
+    loading?: boolean;
+    allowResizing?: boolean;
+    showToolbar?: boolean;
+    onDataChange?: (data: RecordType[]) => void;
+    defaultValue?: AnyObject | (() => AnyObject);
+    summary?: boolean | ((data: readonly RecordType[]) => React.ReactNode);
+    showEmptyText?: boolean;
+    commandSettings?: CommandSettings;
+    onCellPaste?: ICellPasteModel<RecordType>;
+    onCellChange?: (args: CellChangeArgs<RecordType>, handleCallback: (rowData: any, index: any, value?: any) => void) => void;
+    onCellClick?: (args: ICellClick, callback?: any) => void;
+    rowEditable?: (rowData: RecordType) => boolean;
+    validate?: any;
+    onBlur?: (data: RecordType[]) => void;
+    onExpandClick?: (args: {
+        expandedKeys: string[];
+        key: string;
+        rowData: any;
+    }) => void;
+    wrapSettings?: IWrapSettings;
+    actionTemplate?: ReactNode | ReactElement | (() => ReactNode | ReactElement);
+    commandClick?: (args: CommandClick) => void;
+    expandable?: ExpandableConfig<RecordType>;
+    fullScreen?: boolean;
+};
+export type ExpandableConfig<RecordType> = {
+    expandedRowKeys?: readonly Key[];
+    defaultExpandedRowKeys?: readonly Key[];
+    expandedRowRender?: ExpandedRowRender<RecordType>;
+    columnTitle?: React.ReactNode;
+    expandRowByClick?: boolean;
+    expandIcon?: RenderExpandIcon<RecordType>;
+    onExpand?: (expanded: boolean, record: RecordType) => void;
+    onExpandedRowsChange?: (expandedKeys: readonly Key[]) => void;
+    defaultExpandAllRows?: boolean;
+    indentSize?: number;
+    expandIconColumnIndex?: number;
+    showExpandColumn?: boolean;
+    expandedRowClassName?: string | RowClassName<RecordType>;
+    childrenColumnName?: string;
+    rowExpandable?: (record: RecordType) => boolean;
+    columnWidth?: number | string;
+    fixed?: FixedType;
+};
+export type RenderExpandIcon<RecordType> = (props: RenderExpandIconProps<RecordType>) => React.ReactNode;
+export interface RenderExpandIconProps<RecordType> {
+    prefixCls: string;
+    expanded: boolean;
+    record: RecordType;
+    expandable: boolean;
+    onExpand: TriggerEventHandler<RecordType>;
+}
+export type TriggerEventHandler<RecordType> = (record: RecordType, event: React.MouseEvent<HTMLElement>) => void;
+export type RowClassName<RecordType> = (record: RecordType, index: number, indent: number) => string;
+export type ExpandedRowRender<ValueType> = (record: ValueType, index: number, indent: number, expanded: boolean) => React.ReactNode;
+export type CommandClick = {
+    id: string;
+    rowId: string;
+    rowData: any;
+    index: number;
+    rows?: any[];
+};
+export type IEditSelectSettings = {
+    fieldKey?: string;
+    options: any[] | ((rowData: any, field: string) => any[]);
+    /**  get value form other field **/
+    fieldValue?: string;
+    /** get label form other field **/
+    fieldLabel?: string;
+    /** cho phép nhập giá trị - onBlur: giá trị search được set thành value **/
+    searchTextAsValue?: boolean;
+    inputKey?: string;
+    filterKey?: string[];
+    selectMode?: SelectMode;
+    getPasteValue?: (value: any) => Record<string, any> | null;
+    validateOption?: (rowData: any, field: string) => any[];
+    defaultOptions?: any[];
+    defaultValue?: (value: any, rowData: any) => {
+        value: any;
+        label: string;
+        [key: string]: string;
+    } | null;
+    formatOptionLabel?: (option: any) => ReactNode | ReactElement;
+    loadOptions?: (search: string, callback: (newOptions: any[]) => void, args?: LoadOptionsArgs) => void;
+    isMulti?: boolean;
+    closeMenuOnSelect?: boolean;
+    menuWidth?: number;
+    menuHeight?: number;
+    columns?: ColumnSelectTable[];
+    toolbarItems?: ToolbarItem[];
+    toolbarClick?: (props: ToolbarClick) => void;
+    toolbarHeight?: number;
+    hideSelectedOptions?: boolean;
+    showItems?: number;
+    isLengthSelected?: boolean;
+    fieldNames?: FieldNames;
+    filterOption?: boolean | FilterFunc<any>;
+};
+export type IEditFromSettings = {
+    fieldKey: string;
+    formOpen?: (props: IFormOpen) => void;
+    formClose?: (props: IFormOpen) => void;
+    formatLabel?: (value: any) => string;
+    menuWidth?: number;
+    menuHeight?: number;
+    labelWith?: number;
+    items: any[];
+    layout?: {
+        xl?: IGrid;
+        lg?: IGrid;
+        md?: IGrid;
+        sm?: IGrid;
+        xs?: IGrid;
+    };
+    defaultValues?: Record<string, any>;
+    schema?: any;
+};
+export type IFormOpen = {
+    value?: any;
+    setValue?: any;
+    getValues?: any;
+    reset?: any;
+    rowData?: any;
+};
+export type FilterFunc<OptionType> = (inputValue: string, option?: OptionType) => boolean;
+export type ToolbarClick = {
+    item: any;
+    column: any;
+};
+export type ColumnSelectTable = {
+    field: string;
+    dataIndex?: string;
+    type?: IColumnType;
+    headerText?: string;
+    fixedType?: 'left' | 'right' | undefined;
+    width?: number | undefined;
+    minWidth?: number;
+    maxWidth?: number;
+    visible?: boolean;
+    textAlign?: ITextAlign;
+    headerTextAlign?: ITextAlign;
+    template?: (props: ITemplateColumn) => ReactNode | ReactElement;
+    headerTemplate?: any;
+    ellipsis?: boolean | undefined;
+    format?: IFormat;
+    tooltipDescription?: string | ((rowData: any) => string | ReactNode);
+    showTooltip?: boolean;
+    showTooltipHeader?: boolean;
+};
+export type ITemplateColumn = {
+    value: any;
+    column: any;
+    rowData: any;
+    field: number | string;
+    index: number;
+};
+export type RawValueType = string | number;
+export type ToolbarItem = {
+    position?: 'Top' | 'Bottom';
+    align?: ITextAlign;
+    onClick?: (args: any) => void;
+    key?: React.Key;
+    value?: RawValueType;
+    label?: React.ReactNode;
+    template?: React.ReactNode | React.ReactElement | (() => React.ReactNode | React.ReactElement);
+    title?: React.ReactNode;
+    disabled?: boolean;
+    [key: string]: any;
+};
+export type LoadOptionsArgs = {
+    rowData?: any;
+};
+export type IGroupSetting = {
+    client?: boolean;
+    onGroup?: (props: IOnGroup) => void;
+    hiddenColumnGroup?: boolean;
+    showGroupIcon?: boolean;
+    unClearableLevel?: 1 | 2 | 3 | undefined;
+    sumGroup?: boolean;
+};
+type IOnGroup = {
+    columnGrouped: string[];
+    columns: ColumnsTable;
+    flattenColumns: ColumnsTable;
+};
+export type IOnChooseColumns = {
+    columns: ColumnsTable;
+    showColumns: ColumnsTable;
+    flattenColumns: ColumnsTable;
+};
+export type ContextMenuItem = ItemType;
+export type CommandSettings = {
+    client?: boolean;
+    confirmDialog?: boolean;
+};
+export interface ICellPasteModel<RecordType = AnyObject> {
+    onPasted?: (args: IOnPastedProps, handleCallback: (callbackData: any[]) => void) => void;
+    dataChange?: (data: RecordType[]) => void;
+    getCallbackData?: (props: any) => void;
+    maxRowsPaste?: number;
+}
+export type IOnPastedProps = {
+    data: any[];
+    copyRows: any[];
+    pastedColumns: string[];
+    pasteData: any[];
+    type: 'onPaste' | 'onChange' | 'onCellPaste';
+};
+export type ICellClick = {
+    index: number;
+    indexCol?: number;
+    rowId: string | number;
+    type: 'Editing' | 'Default';
+    field: string;
+    cellValue: any;
+    rowData: any;
+};
+export type CellChangeArgs<T> = {
+    type: 'onPaste' | 'onChange' | 'onCellPaste';
+    value: any;
+    option: AnyObject;
+    rowData: T;
+    rowsData: T[];
+    indexRow: number;
+    rowId?: string;
+    field: string | undefined;
+    indexCol: any;
+    sumValue?: any[];
+};
+export type IWrapMode = 'Header' | 'Both' | 'Content';
+export type IWrapSettings = {
+    wrapMode?: IWrapMode;
+};
+export type SelectionSettings<T = AnyObject> = {
+    mode?: 'checkbox' | 'radio';
+    type?: 'single' | 'multiple';
+    checkboxOnly?: boolean;
+    columnWidth?: number;
+    hideSelectAll?: boolean;
+    selectedRowKeys?: Key[];
+    defaultSelectedRowKeys?: Key[];
+    getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>>;
+};
+export type SelectionSelectFn<T = AnyObject> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
+export type RowSelection<T> = {
+    preserveSelectedRowKeys?: boolean;
+    selectedRowKeys?: Key[];
+    defaultSelectedRowKeys?: Key[];
+    onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
+        type: RowSelectMethod;
+    }, selectedRow: T) => void;
+    getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>>;
+    onSelect?: SelectionSelectFn<T>;
+    /** @deprecated This function is deprecated and should use `onChange` instead */
+    onSelectMultiple?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+    /** @deprecated This function is deprecated and should use `onChange` instead */
+    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+    /** @deprecated This function is deprecated and should use `onChange` instead */
+    onSelectInvert?: (selectedRowKeys: Key[]) => void;
+    /** @deprecated This function is deprecated and should use `onChange` instead */
+    onSelectNone?: () => void;
+    fixed?: FixedType;
+    columnTitle?: React.ReactNode | ((checkboxNode: React.ReactNode) => React.ReactNode);
+    checkStrictly?: boolean;
+    checkboxOnly?: boolean;
+    arrowKey?: boolean;
+};
+export type RecordDoubleClickEventArgs<RecordType> = {
+    rowData: RecordType;
+    rowIndex: number | undefined;
+    e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+};
+export type SourceFilter = {
+    key: string;
+    data: any[];
+    loadOptions?: (search: string, callback: (newOptions: any[]) => void) => void;
+};
+export type ContextInfo<RecordType> = {
+    rowInfo: {
+        rowData: RecordType | null;
+    };
+    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+    item: ItemType;
+};
+export type Presets = Required<ColorPickerProps>['presets'][number];
+export type RangeState = {
+    rowRange: string[];
+    colRange: string[];
+    startRowIndex: number | undefined;
+    endRowIndex: number | undefined;
+    startColIndex: number | undefined;
+    endColIndex: number | undefined;
+    rowIds: string[];
+    colIds: string[];
+};
+export type Sorter = {
+    columnKey: string;
+    field: string;
+    order: 'ascend' | 'descend';
+};
+export {};

package/lib/table-component/type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/table-component/useContext.d.ts

@@ -0,0 +1,119 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { ExpandableConfig, IFormat, IWrapSettings, RangeState, RecordDoubleClickEventArgs, SelectionSettings } from "./type";
+import type { SubmitHandler } from "react-hook-form";
+export type IPositionCell = {
+    rowId: string;
+    colId: string;
+} | undefined;
+export interface IContext<T> {
+    prefix: string;
+    id: string;
+    rowKey: string;
+    originData: any[];
+    dataSource: any[];
+    format?: IFormat;
+    expandable?: ExpandableConfig<T>;
+    wrapSettings?: IWrapSettings;
+    recordDoubleClick?: (args: RecordDoubleClickEventArgs<T>) => void;
+    selectionSettings?: SelectionSettings;
+    setIsSelectionChange: Dispatch<SetStateAction<{
+        isChange: boolean;
+        type: string;
+        rowData: T;
+    }>>;
+    setSorterChange: Dispatch<SetStateAction<boolean>>;
+    setFilterChange: Dispatch<SetStateAction<boolean>>;
+    onContextMenu?: (data: T) => (event: any) => void;
+    control?: any;
+    errors?: any;
+    handleSubmit?: any;
+    onSubmit?: SubmitHandler<any>;
+    getValues?: any;
+    reset?: any;
+    setValue?: any;
+    handleCellChange?: (args: ContextCellChange) => void;
+    editingKey?: string;
+    setEditingKey?: Dispatch<SetStateAction<string>>;
+    rangeState?: RangeState;
+    setRangeState?: Dispatch<SetStateAction<RangeState | undefined>>;
+    rangePasteState?: RangeState;
+    setRangePasteState?: Dispatch<SetStateAction<RangeState | undefined>>;
+    startCell?: IPositionCell;
+    setStartCell?: Dispatch<SetStateAction<IPositionCell | undefined>>;
+    endCell?: IPositionCell;
+    setEndCell?: Dispatch<SetStateAction<IPositionCell | undefined>>;
+    startPasteCell?: IPositionCell;
+    setStartPasteCell?: Dispatch<SetStateAction<IPositionCell | undefined>>;
+    endPasteCell?: IPositionCell;
+    setEndPasteCell?: Dispatch<SetStateAction<IPositionCell | undefined>>;
+    isSelecting?: boolean;
+    setIsSelecting?: Dispatch<SetStateAction<boolean>>;
+    isPasting?: boolean;
+    setIsPasting?: Dispatch<SetStateAction<boolean>>;
+    focusedCell?: IPositionCell;
+    setFocusedCell?: Dispatch<SetStateAction<IPositionCell | undefined>>;
+    triggerPaste?: (pastedRows: T[], pastedColumnsArray: string[], newData: T[], copyRows: T[]) => void;
+    handleDeleteContent?: () => void;
+    handleAddMulti?: (item: any, n: number, id?: string) => void;
+}
+export interface IContextEdit<T> {
+    prefix: string;
+    searchValue?: any;
+    setSearchValue?: any;
+    open?: boolean;
+    setOpen?: any;
+    rowKey: string;
+    onSave?: any;
+    format?: IFormat;
+    control?: any;
+    errors?: any;
+    trigger?: any;
+    handleSubmit?: any;
+    onSubmit?: SubmitHandler<any>;
+    getValues?: any;
+    reset?: any;
+    setValue?: any;
+    handleCellChange?: (args: ContextCellChange) => void;
+    id: string;
+    startCell: IPositionCell;
+    setStartCell: Dispatch<SetStateAction<IPositionCell>>;
+    endCell: IPositionCell;
+    setEndCell: Dispatch<SetStateAction<IPositionCell>>;
+    startPasteCell: IPositionCell;
+    setStartPasteCell: Dispatch<SetStateAction<IPositionCell>>;
+    endPasteCell: IPositionCell;
+    setEndPasteCell: Dispatch<SetStateAction<IPositionCell>>;
+    isSelecting: boolean;
+    setIsSelecting: Dispatch<SetStateAction<boolean>>;
+    isPasting: boolean;
+    setIsPasting: Dispatch<SetStateAction<boolean>>;
+    editingKey: string;
+    setEditingKey: Dispatch<SetStateAction<string>>;
+    focusedCell: IPositionCell;
+    setFocusedCell: Dispatch<SetStateAction<IPositionCell>>;
+    rangeState: RangeState;
+    setRangeState: Dispatch<SetStateAction<RangeState>>;
+    rangePasteState: RangeState;
+    setRangePasteState: Dispatch<SetStateAction<RangeState>>;
+    originData: any[];
+    dataSource: any[];
+    triggerPaste?: (pastedRows: T[], pastedColumnsArray: string[], newData: T[], copyRows: T[]) => void;
+    expandable?: ExpandableConfig<T>;
+    handleDeleteContent: () => void;
+    wrapSettings?: IWrapSettings;
+    handleAddMulti: (item: any, n: number, id?: string) => void;
+    recordDoubleClick?: (args: RecordDoubleClickEventArgs<T>) => void;
+}
+export declare const TableContext: import("react").Context<IContext<any>>;
+export declare const TableContextEdit: import("react").Context<IContextEdit<any>>;
+export type ContextCellChange = {
+    key: string;
+    record: any;
+    field: string | undefined;
+    option: any;
+    indexRow: number;
+    indexCol: number;
+    newState?: any;
+    prevState?: any;
+    type: 'enter' | 'blur' | 'outClick';
+};

package/lib/table-component/useContext.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableContextEdit = exports.TableContext = void 0;
+var _react = require("react");
+const TableContext = exports.TableContext = /*#__PURE__*/(0, _react.createContext)({
+  prefix: 'ui-rc',
+  id: '',
+  rowKey: 'rowId',
+  dataSource: [],
+  originData: [],
+  // triggerFilter: () => { },
+
+  setIsSelectionChange: () => {},
+  setSorterChange: () => {},
+  setFilterChange: () => {}
+});
+const TableContextEdit = exports.TableContextEdit = /*#__PURE__*/(0, _react.createContext)({
+  prefix: 'ui-rc',
+  rowKey: 'rowId',
+  id: '',
+  dataSource: [],
+  originData: [],
+  focusedCell: undefined,
+  startCell: undefined,
+  endCell: undefined,
+  isSelecting: false,
+  isPasting: false,
+  startPasteCell: undefined,
+  endPasteCell: undefined,
+  editingKey: '',
+  rangeState: {
+    startRowIndex: undefined,
+    endRowIndex: undefined,
+    startColIndex: undefined,
+    endColIndex: undefined,
+    rowIds: [],
+    colIds: [],
+    colRange: [],
+    rowRange: []
+  },
+  rangePasteState: {
+    startRowIndex: undefined,
+    endRowIndex: undefined,
+    startColIndex: undefined,
+    endColIndex: undefined,
+    rowIds: [],
+    colIds: [],
+    colRange: [],
+    rowRange: []
+  },
+  setEditingKey: () => {},
+  setStartCell: () => {},
+  setIsSelecting: () => {},
+  setEndCell: () => {},
+  setFocusedCell: () => {},
+  setRangeState: () => {},
+  setRangePasteState: () => {},
+  setIsPasting: () => {},
+  setEndPasteCell: () => {},
+  setStartPasteCell: () => {},
+  handleDeleteContent: () => {},
+  // triggerFilter: () => { },
+  handleAddMulti: () => {}
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "es-grid-template",
-  "version": "1.7.22",
+  "version": "1.7.24",
   "description": "es-grid-template",
   "keywords": [
     "react",
@@ -48,6 +48,8 @@
     "@rc-component/father-plugin": "^2.0.1",
     "@rc-component/trigger": "^2.0.0",
     "@rc-component/util": "^1.0.1",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.12",
     "@types/react-resizable": "^3.0.8",
     "@types/styled-components": "^5.1.34",
     "@vitest/coverage-v8": "^2.0.5",