es-grid-template 1.9.32 → 1.9.33

package/lib/group-component/components/checkbox-control/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 type OptionType = {
     value: any;
     label: string;
@@ -9,5 +9,5 @@ type Props<T> = {
     value: any[];
     onChange?: (value: any[]) => void;
 };
-declare const CheckboxControl: <T extends OptionType>(props: Props<T>) => React.JSX.Element;
+declare const CheckboxControl: <T extends OptionType>(props: Props<T>) => JSX.Element;
 export default CheckboxControl;

package/lib/group-component/components/checkbox-filter/CheckboxFilter.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import type { TableLocale } from "rc-master-ui/es/table/interface";
 type Props = {
     options: any[];
@@ -14,5 +14,5 @@ type Props = {
     locale?: TableLocale;
     filterMode?: 'menu' | 'tree';
 };
-declare const CheckboxFilter: (props: Props) => React.JSX.Element;
+declare const CheckboxFilter: (props: Props) => JSX.Element;
 export default CheckboxFilter;

package/lib/group-component/components/checkbox-filter/FilterSearch.d.ts

@@ -8,5 +8,5 @@ interface FilterSearchProps<RecordType = AnyObject> {
     tablePrefixCls: string;
     locale?: TableLocale;
 }
-declare const FilterSearch: <RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>) => React.JSX.Element;
+declare const FilterSearch: <RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>) => JSX.Element;
 export default FilterSearch;

package/lib/group-component/components/command/Command.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { CommandItem } from "../../../grid-component/type";
 type Props<T> = {
     id: string;
@@ -6,5 +6,5 @@ type Props<T> = {
     item: CommandItem;
     onClick: (e: any) => void;
 };
-declare const Command: <T extends object>(props: Props<T>) => React.JSX.Element;
+declare const Command: <T extends object>(props: Props<T>) => JSX.Element;
 export default Command;

package/lib/group-component/components/number/index.d.ts

@@ -1,5 +1,4 @@
 import type { KeyboardEventHandler } from "react";
-import React from "react";
 import type { IFormat } from "../../../grid-component/type";
 type Props = {
     t?: any;
@@ -8,5 +7,5 @@ type Props = {
     onChange?: (values: any[]) => void;
     onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
 };
-declare const NumberInput: (props: Props) => React.JSX.Element;
+declare const NumberInput: (props: Props) => JSX.Element;
 export default NumberInput;

package/lib/group-component/components/number-range/index.d.ts

@@ -1,5 +1,4 @@
 import type { KeyboardEventHandler } from "react";
-import React from "react";
 import type { IFormat } from "../../../grid-component/type";
 type Props = {
     t?: any;
@@ -9,5 +8,5 @@ type Props = {
     onChange?: (values: any[]) => void;
     onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
 };
-declare const NumberRange: (props: Props) => React.JSX.Element;
+declare const NumberRange: (props: Props) => JSX.Element;
 export default NumberRange;

package/lib/group-component/footer/TableFooter.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { Table } from "@tanstack/react-table";
-import React from "react";
 interface TableFooterProps<T> {
     table: Table<T>;
 }
-declare const TableFooter: <RecordType extends object>({ table, }: TableFooterProps<RecordType>) => React.JSX.Element;
+declare const TableFooter: <RecordType extends object>({ table, }: TableFooterProps<RecordType>) => JSX.Element;
 export default TableFooter;

package/lib/group-component/footer/TableFooterCell.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { Column } from "@tanstack/react-table";
-import React from "react";
 interface TableFooterCellProps<T> {
     column: Column<T, any>;
 }
-declare const TableFooterCell: <RecordType extends object>({ column }: TableFooterCellProps<RecordType>) => React.JSX.Element;
+declare const TableFooterCell: <RecordType extends object>({ column }: TableFooterCellProps<RecordType>) => JSX.Element;
 export default TableFooterCell;

package/lib/group-component/footer/TableFooterRow.d.ts

@@ -1,8 +1,8 @@
+/// <reference types="react" />
 import type { HeaderGroup, Table } from "@tanstack/react-table";
-import React from "react";
 interface TableFooterRowProps<T> {
     table: Table<T>;
     headerGroup: HeaderGroup<T>;
 }
-declare const TableFooterRow: <RecordType extends object>({ table, headerGroup, }: TableFooterRowProps<RecordType>) => React.JSX.Element;
+declare const TableFooterRow: <RecordType extends object>({ table, headerGroup, }: TableFooterRowProps<RecordType>) => JSX.Element;
 export default TableFooterRow;

package/lib/group-component/header/TableHead.d.ts

@@ -1,6 +1,6 @@
 import type { Column } from '@tanstack/react-table';
-import { type Table } from '@tanstack/react-table';
-import { type Virtualizer } from '@tanstack/react-virtual';
+import type { Table } from '@tanstack/react-table';
+import type { Virtualizer } from '@tanstack/react-virtual';
 import React from 'react';
 interface TableHeadProps<T> {
     tableContainerRef: React.RefObject<HTMLDivElement>;
@@ -11,5 +11,5 @@ interface TableHeadProps<T> {
     fixedLeftColumns: Column<T, unknown>[];
     fixedRightColumns: Column<T, unknown>[];
 }
-declare const TableHead: <RecordType extends object>({ columnVirtualizer, table, }: TableHeadProps<RecordType>) => React.JSX.Element;
+declare const TableHead: <RecordType extends object>({ columnVirtualizer, table, }: TableHeadProps<RecordType>) => JSX.Element;
 export default TableHead;

package/lib/group-component/header/TableHeadCell.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Table } from '@tanstack/react-table';
-import { type Header } from '@tanstack/react-table';
-import React from 'react';
+import type { Header } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadCellProps<T> {
     t?: any;
@@ -11,5 +11,5 @@ interface TableHeadCellProps<T> {
     colSpan: any;
     rowSpan: any;
 }
-declare const TableHeadCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => React.JSX.Element;
+declare const TableHeadCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => JSX.Element;
 export default TableHeadCell;

package/lib/group-component/header/TableHeadCell2.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Table } from '@tanstack/react-table';
-import { type Header } from '@tanstack/react-table';
-import React from 'react';
+import type { Header } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadCellProps<T> {
     t?: any;
@@ -13,5 +13,5 @@ interface TableHeadCellProps<T> {
     rowSpan: number;
     depth: number;
 }
-declare const TableHeadCell2: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => React.JSX.Element;
+declare const TableHeadCell2: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => JSX.Element;
 export default TableHeadCell2;

package/lib/group-component/header/TableHeadGroupCell.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Table } from '@tanstack/react-table';
-import { type Header } from '@tanstack/react-table';
-import React from 'react';
+import type { Header } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadCellProps<T> {
     t?: any;
@@ -13,5 +13,5 @@ interface TableHeadCellProps<T> {
     rowSpan: number;
     depth: number;
 }
-declare const TableHeadGroupCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => React.JSX.Element;
+declare const TableHeadGroupCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => JSX.Element;
 export default TableHeadGroupCell;

package/lib/group-component/header/TableHeadRow.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Column } from '@tanstack/react-table';
-import { type HeaderGroup, type Table } from '@tanstack/react-table';
-import React from 'react';
+import type { HeaderGroup, Table } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadRowProps<T> {
     headerGroup: HeaderGroup<T>;
@@ -11,5 +11,5 @@ interface TableHeadRowProps<T> {
     fixedLeftColumns: Column<T, unknown>[];
     fixedRightColumns: Column<T, unknown>[];
 }
-declare const TableHeadRow: ({ table, headerGroup, columnVirtualizer, }: TableHeadRowProps<any>) => React.JSX.Element;
+declare const TableHeadRow: ({ table, headerGroup, columnVirtualizer, }: TableHeadRowProps<any>) => JSX.Element;
 export default TableHeadRow;

package/lib/group-component/header/renderFilter.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import type { ColumnDef } from "@tanstack/react-table";
-import React from "react";
 import type { IFormat } from "../../grid-component/type";
 type RenderFilterProps<RecordType> = {
     column: ColumnDef<RecordType, unknown>;
@@ -17,5 +17,5 @@ type RenderFilterProps<RecordType> = {
     doFilter?: (type: boolean) => void;
     tableLocal: any;
 };
-export declare const renderFilter: <RecordType>(args: RenderFilterProps<RecordType>) => React.JSX.Element;
+export declare const renderFilter: <RecordType>(args: RenderFilterProps<RecordType>) => JSX.Element;
 export {};

package/lib/group-component/hook/utils.d.ts

@@ -1,9 +1,9 @@
 import type { Row, Table } from "@tanstack/react-table";
-import { type Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 import type { VirtualItem } from "@tanstack/react-virtual";
 import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "./../../grid-component/type";
 import type { Key } from "react";
-import { type CSSProperties } from "react";
+import type { CSSProperties } from "react";
 import dayjs from "dayjs";
 import type { IPositionCell } from "../useContext";
 import type { ColumnDef } from "@tanstack/react-table";
@@ -166,7 +166,7 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
     haveSum?: boolean;
     isSummary?: boolean;
     sumGroup?: boolean;
-    summaryTemplate?: (data: number, key: string) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    summaryTemplate?: (data: number, key: string) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode;
     sorter?: boolean;
     allowFiltering?: boolean;
     allowSortering?: boolean;
@@ -178,26 +178,26 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
     showFilterSearch?: boolean;
     hidden?: boolean;
     visible?: boolean;
-    headerTooltip?: string | boolean | (() => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
+    headerTooltip?: string | boolean | (() => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
     columnGroupText?: string;
     headerTextAlign?: import("./../../grid-component/type").ITextAlign;
-    headerTemplate?: import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((column: ColumnTable<RecordType>) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
+    headerTemplate?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode | ((column: ColumnTable<RecordType>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
     fixedType?: import("./../../grid-component/type").FixedType;
     headerTextWrap?: boolean;
     ellipsis?: boolean;
     allowResizing?: boolean;
     align?: import("./../../grid-component/type").ITextAlign;
     textAlign?: import("./../../grid-component/type").ITextAlign;
-    template?: import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((args: import("./../../grid-component/type").ColumnTemplate<RecordType>) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
+    template?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode | ((args: import("./../../grid-component/type").ColumnTemplate<RecordType>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
     showTooltip?: boolean;
     tooltipDescription?: string | ((args: {
         value: any;
         rowData: RecordType;
-    }) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
-    onCellStyles?: Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width">);
-    onCellHeaderStyles?: Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width">);
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
+    onCellStyles?: Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display">);
+    onCellHeaderStyles?: Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display">);
     onCell?: (rowData: RecordType, index: number) => import("react").TdHTMLAttributes<HTMLTableCellElement>;
-    onCellFooterStyles?: Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width">);
+    onCellFooterStyles?: Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display">);
     getValue?: (row: any, rowIndex: number) => any;
     getCellProps?: (value: any, row: any, rowIndex: number) => import("./../../grid-component/type").CellProps;
     headerCellProps?: import("./../../grid-component/type").CellProps;

package/lib/group-component/table/Grid.d.ts

@@ -1,7 +1,6 @@
 import type { ColumnDef, ColumnPinningState, ExpandedState, VisibilityState } from '@tanstack/react-table';
 import type { ColumnsTable, Sorter, TableProps } from '../../grid-component/type';
 import type { Dispatch, Key, SetStateAction } from 'react';
-import React from 'react';
 type Props<T> = Omit<TableProps<T>, 'columns'> & {
     id: string;
     rowKey: string;
@@ -29,5 +28,5 @@ type Props<T> = Omit<TableProps<T>, 'columns'> & {
     columnVisibility?: any;
     setColumnVisibility?: Dispatch<SetStateAction<any>>;
 };
-declare const Grid: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+declare const Grid: <RecordType extends object>(props: Props<RecordType>) => JSX.Element;
 export default Grid;

package/lib/group-component/table/TableWrapper.d.ts

@@ -1,4 +1,4 @@
-import { type Table } from "@tanstack/react-table";
+import type { Table } from "@tanstack/react-table";
 import type { CommandClick, ContextInfo, ContextMenuItem, PaginationConfig } from "../../grid-component/type";
 import React from "react";
 import type { Virtualizer } from "@tanstack/react-virtual";
@@ -30,5 +30,5 @@ type Props<T> = {
     fixedLeftColumns: Column<T, unknown>[];
     fixedRightColumns: Column<T, unknown>[];
 };
-declare const TableWrapper: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+declare const TableWrapper: <RecordType extends object>(props: Props<RecordType>) => JSX.Element;
 export default TableWrapper;

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { ColumnsTable, ColumnTable, GridTableLocale, Locale } from "./../grid-component/type";
 import type { ColumnDef, Table } from "@tanstack/react-table";
 export type IColumnsChoose<RecordType> = {
@@ -14,4 +14,4 @@ export type IColumnsChoose<RecordType> = {
     locale?: Locale;
     tableLocal: GridTableLocale;
 };
-export declare const ColumnsChoose: <RecordType extends object>(props: IColumnsChoose<RecordType>) => React.JSX.Element;
+export declare const ColumnsChoose: <RecordType extends object>(props: IColumnsChoose<RecordType>) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import type { ContextInfo, ContextMenuItem } from "./../grid-component/type";
 export declare const findItemByKey: (array: any[], key: string, value: any) => any;
 type Props<RecordType> = {
@@ -15,5 +15,5 @@ type Props<RecordType> = {
         viewportHeight: number;
     };
 };
-declare const ContextMenu: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+declare const ContextMenu: <RecordType extends object>(props: Props<RecordType>) => JSX.Element;
 export default ContextMenu;

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import 'react-resizable/css/styles.css';
 import 'dayjs/locale/es';
 import 'dayjs/locale/vi';
 import './style.scss';
 import type { TableProps } from './../grid-component/type';
-declare const InternalTable: <RecordType extends object>(props: TableProps<RecordType>) => React.JSX.Element;
+declare const InternalTable: <RecordType extends object>(props: TableProps<RecordType>) => JSX.Element;
 export default InternalTable;

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

@@ -1,5 +1,4 @@
 import type { Dispatch, SetStateAction } from 'react';
-import React from 'react';
 import type { ColumnDef, ColumnSizingInfoState, ColumnSizingState, Table } from '@tanstack/react-table';
 import type { ColumnsTable, TableProps } from './../grid-component/type';
 type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
@@ -45,5 +44,5 @@ type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
     columnSizingInfo: ColumnSizingInfoState;
     columnSizing: ColumnSizingState;
 };
-declare const TableContainer: <RecordType extends object>(props: TableContainerProps<RecordType>) => React.JSX.Element;
+declare const TableContainer: <RecordType extends object>(props: TableContainerProps<RecordType>) => JSX.Element;
 export default TableContainer;

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

@@ -1,5 +1,4 @@
 import type { Dispatch, SetStateAction } from "react";
-import React from "react";
 import type { ColumnDef, ColumnSizingInfoState, ColumnSizingState, Table } from "@tanstack/react-table";
 import type { ColumnsTable, TableProps } from "./../grid-component/type";
 type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
@@ -44,5 +43,5 @@ type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
     columnSizing: ColumnSizingState;
     setIsExpandClick: Dispatch<SetStateAction<boolean>>;
 };
-declare const TableContainerEdit: <RecordType extends object>(props: TableContainerProps<RecordType>) => React.JSX.Element;
+declare const TableContainerEdit: <RecordType extends object>(props: TableContainerProps<RecordType>) => JSX.Element;
 export default TableContainerEdit;

package/lib/table-component/body/EditableCell.d.ts

@@ -12,5 +12,5 @@ interface EditableCellProps<DataType> extends React.HTMLAttributes<HTMLElement>
     indexCol: number;
     cellEditing?: any;
 }
-declare const EditableCell: <T>(props: EditableCellProps<T>) => React.JSX.Element;
+declare const EditableCell: <T>(props: EditableCellProps<T>) => JSX.Element;
 export default EditableCell;

package/lib/table-component/body/TableBody.d.ts

@@ -1,4 +1,4 @@
-import { type Table } from "@tanstack/react-table";
+import type { Table } from "@tanstack/react-table";
 import type { CommandClick } from "../../grid-component/type";
 import React from "react";
 interface TableBodyProps<T> {
@@ -10,5 +10,5 @@ interface TableBodyProps<T> {
     showEmptyText?: boolean;
     [key: string]: any;
 }
-declare const TableBody: <RecordType extends object>({ columnVirtualizer, table, tableContainerRef, virtualPaddingLeft, virtualPaddingRight, fixedLeftColumns, fixedRightColumns, tableId, showEmptyText, ...rest }: TableBodyProps<RecordType>) => React.JSX.Element;
+declare const TableBody: <RecordType extends object>({ columnVirtualizer, table, tableContainerRef, virtualPaddingLeft, virtualPaddingRight, fixedLeftColumns, fixedRightColumns, tableId, showEmptyText, ...rest }: TableBodyProps<RecordType>) => JSX.Element;
 export default TableBody;

package/lib/table-component/body/TableBody.js

@@ -13,10 +13,6 @@ var _useContext = require("../useContext");
 var _rcMasterUi = require("rc-master-ui");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// import type { Virtualizer } from "@tanstack/react-virtual";
-
-// import type { Dispatch, SetStateAction } from "react";
-
 const TableBody = ({
   columnVirtualizer,
   table,

package/lib/table-component/body/TableBodyCell.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Cell, Table } from "@tanstack/react-table";
 import type { CommandClick } from "../../grid-component/type";
-import React from "react";
 import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
 interface TableBodyCellProps<T> {
     table: Table<T>;
@@ -12,5 +12,5 @@ interface TableBodyCellProps<T> {
     virtualRow: VirtualItem;
     [key: string]: any;
 }
-declare const TableBodyCell: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => React.JSX.Element;
+declare const TableBodyCell: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => JSX.Element;
 export default TableBodyCell;

package/lib/table-component/body/TableBodyCellEdit.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Cell, Table } from "@tanstack/react-table";
 import type { CommandClick } from "../../grid-component/type";
-import React from "react";
 import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
 interface TableBodyCellProps<T> {
     table: Table<T>;
@@ -13,5 +13,5 @@ interface TableBodyCellProps<T> {
     isRowEditable?: boolean;
     [key: string]: any;
 }
-declare const TableBodyCellEdit: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => React.JSX.Element;
+declare const TableBodyCellEdit: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => JSX.Element;
 export default TableBodyCellEdit;

package/lib/table-component/body/TableBodyRow.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
-import { type Column, type Row, type Table } from "@tanstack/react-table";
+import type { Column, Row, Table } from "@tanstack/react-table";
 import type { CommandClick } from "../../grid-component/type";
-import React from "react";
 interface TableBodyRowProps<T> {
     tableId: string;
     table: Table<T>;
@@ -17,5 +17,5 @@ interface TableBodyRowProps<T> {
     editAble?: boolean;
     [key: string]: any;
 }
-declare const TableBodyRow: <RecordType extends object>({ tableId, table, columnVirtualizer, row, rowVirtualizer, virtualPaddingLeft, virtualPaddingRight, virtualRow, fixedLeftColumns, fixedRightColumns, commandClick, editAble, isEditing, contextMenuItems, onContextMenu, ...rest }: TableBodyRowProps<RecordType>) => React.JSX.Element;
+declare const TableBodyRow: <RecordType extends object>({ tableId, table, columnVirtualizer, row, rowVirtualizer, virtualPaddingLeft, virtualPaddingRight, virtualRow, fixedLeftColumns, fixedRightColumns, commandClick, editAble, isEditing, contextMenuItems, onContextMenu, ...rest }: TableBodyRowProps<RecordType>) => JSX.Element;
 export default TableBodyRow;

package/lib/table-component/components/ControlCheckbox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { ColumnTable } from "../../grid-component/type";
 type Props = {
     column: ColumnTable;
@@ -9,5 +9,5 @@ type Props = {
     checked: boolean;
     editAble?: boolean;
 };
-declare const ControlCheckbox: (props: Props) => React.JSX.Element;
+declare const ControlCheckbox: (props: Props) => JSX.Element;
 export default ControlCheckbox;

package/lib/table-component/components/EditForm/EditForm.d.ts

@@ -23,5 +23,5 @@ type Props = {
     onKeyDown?: (event: any) => void;
 };
 export declare const SelectStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditForm: (props: Props) => React.JSX.Element;
+export declare const EditForm: (props: Props) => JSX.Element;
 export {};

package/lib/table-component/components/InputControl/InputControl.d.ts

@@ -1,5 +1,4 @@
 import type { HTMLInputTypeAttribute } from "react";
-import React from "react";
 interface IFFormInput {
     id?: any;
     control: any;
@@ -23,5 +22,5 @@ interface IFFormInput {
     t?: any;
     onKeyDown?: (event: any) => void;
 }
-declare const InputControl: (props: IFFormInput) => React.JSX.Element;
+declare const InputControl: (props: IFFormInput) => JSX.Element;
 export default InputControl;

package/lib/table-component/components/async-select/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
 import type { SelectProps } from "rc-master-ui/es/select";
 import type { LoadOptionsArgs } from '../../../grid-component/type';
@@ -8,4 +8,4 @@ export interface DebounceSelectProps<OptionType extends BaseOptionType = Default
     defaultOptions?: OptionType[];
     rowData?: any;
 }
-export declare function AsyncSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, rowData, ...props }: DebounceSelectProps<OptionType>): React.JSX.Element;
+export declare function AsyncSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, rowData, ...props }: DebounceSelectProps<OptionType>): JSX.Element;

package/lib/table-component/components/async-table-select/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
 import type { TableSelectProps } from "rc-master-ui";
 import type { LoadOptionsArgs } from '../../../grid-component/type';
@@ -8,4 +8,4 @@ export interface DebounceSelectProps<OptionType extends BaseOptionType = Default
     defaultOptions?: OptionType[];
     rowData?: any;
 }
-export declare function AsyncTableSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, columns, rowData, ...props }: DebounceSelectProps<OptionType>): React.JSX.Element;
+export declare function AsyncTableSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, columns, rowData, ...props }: DebounceSelectProps<OptionType>): JSX.Element;

package/lib/table-component/components/checkbox-control/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 type OptionType = {
     value: any;
     label: string;
@@ -9,5 +9,5 @@ type Props<T> = {
     value: any[];
     onChange?: (value: any[]) => void;
 };
-declare const CheckboxControl: <T extends OptionType>(props: Props<T>) => React.JSX.Element;
+declare const CheckboxControl: <T extends OptionType>(props: Props<T>) => JSX.Element;
 export default CheckboxControl;

package/lib/table-component/components/checkbox-filter/CheckboxFilter.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import type { TableLocale } from "rc-master-ui/es/table/interface";
 type Props = {
     options: any[];
@@ -14,5 +14,5 @@ type Props = {
     locale?: TableLocale;
     filterMode?: 'menu' | 'tree';
 };
-declare const CheckboxFilter: (props: Props) => React.JSX.Element;
+declare const CheckboxFilter: (props: Props) => JSX.Element;
 export default CheckboxFilter;

package/lib/table-component/components/checkbox-filter/FilterSearch.d.ts

@@ -8,5 +8,5 @@ interface FilterSearchProps<RecordType = AnyObject> {
     tablePrefixCls: string;
     locale?: TableLocale;
 }
-declare const FilterSearch: <RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>) => React.JSX.Element;
+declare const FilterSearch: <RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>) => JSX.Element;
 export default FilterSearch;

package/lib/table-component/components/command/Command.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { CommandItem } from "../../../grid-component/type";
 type Props<T> = {
     id: string;
@@ -6,5 +6,5 @@ type Props<T> = {
     item: CommandItem;
     onClick: (e: any) => void;
 };
-declare const Command: <T extends object>(props: Props<T>) => React.JSX.Element;
+declare const Command: <T extends object>(props: Props<T>) => JSX.Element;
 export default Command;

package/lib/table-component/components/number/index.d.ts

@@ -1,5 +1,4 @@
 import type { KeyboardEventHandler } from "react";
-import React from "react";
 import type { IFormat } from "../../../grid-component/type";
 type Props = {
     t?: any;
@@ -8,5 +7,5 @@ type Props = {
     onChange?: (values: any[]) => void;
     onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
 };
-declare const NumberInput: (props: Props) => React.JSX.Element;
+declare const NumberInput: (props: Props) => JSX.Element;
 export default NumberInput;

package/lib/table-component/components/number-range/index.d.ts

@@ -1,5 +1,4 @@
 import type { KeyboardEventHandler } from "react";
-import React from "react";
 import type { IFormat } from "../../../grid-component/type";
 type Props = {
     t?: any;
@@ -9,5 +8,5 @@ type Props = {
     onChange?: (values: any[]) => void;
     onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
 };
-declare const NumberRange: (props: Props) => React.JSX.Element;
+declare const NumberRange: (props: Props) => JSX.Element;
 export default NumberRange;

package/lib/table-component/footer/TableFooter.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { Table } from "@tanstack/react-table";
-import React from "react";
 interface TableFooterProps<T> {
     table: Table<T>;
 }
-declare const TableFooter: <RecordType extends object>({ table, }: TableFooterProps<RecordType>) => React.JSX.Element;
+declare const TableFooter: <RecordType extends object>({ table, }: TableFooterProps<RecordType>) => JSX.Element;
 export default TableFooter;

package/lib/table-component/footer/TableFooterCell.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { Column } from "@tanstack/react-table";
-import React from "react";
 interface TableFooterCellProps<T> {
     column: Column<T, any>;
 }
-declare const TableFooterCell: <RecordType extends object>({ column }: TableFooterCellProps<RecordType>) => React.JSX.Element;
+declare const TableFooterCell: <RecordType extends object>({ column }: TableFooterCellProps<RecordType>) => JSX.Element;
 export default TableFooterCell;