es-grid-template 1.8.63 → 1.8.65

package/es/table-virtuoso/useContext.d.ts

@@ -0,0 +1,97 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { ColumnTable, ExpandableConfig, IFormat, IGroupSetting, IWrapSettings, Locale, PaginationConfig, RangeState, RecordDoubleClickEventArgs, RowClassName, SelectionSettings } from "../table-component/type";
+import type { SubmitHandler } from "react-hook-form";
+import type { ExpandedState, Row, Table } from '@tanstack/react-table';
+export type IPositionCell = {
+    rowId: string;
+    colId: string;
+} | undefined;
+export interface IContext<T> {
+    t?: any;
+    prefix: string;
+    id: string;
+    rowKey: string;
+    originData: any[];
+    dataSource: any[];
+    format?: IFormat;
+    expandable?: ExpandableConfig<T>;
+    wrapSettings?: IWrapSettings;
+    setExpanded: Dispatch<SetStateAction<ExpandedState>>;
+    expanded: ExpandedState;
+    recordDoubleClick?: (args: RecordDoubleClickEventArgs<T>) => void;
+    selectionSettings?: SelectionSettings;
+    isSelectionChange?: {
+        isChange: boolean;
+        type: string;
+        rowData: T;
+        rowsData: T[];
+    };
+    setIsSelectionChange: Dispatch<SetStateAction<{
+        isChange: boolean;
+        type: string;
+        rowData: T;
+        rowsData: T[];
+    }>>;
+    setSorterChange: Dispatch<SetStateAction<boolean>>;
+    setFilterChange: Dispatch<SetStateAction<boolean>>;
+    onContextMenu?: (data: T) => (event: any) => void;
+    locale?: Locale;
+    windowSize: {
+        innerHeight: number;
+        innerWidth: number;
+    };
+    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;
+    dataErrors?: any[];
+    isDataTree: boolean;
+    handleCellClick?: (rowNumber: number, record: T, column: ColumnTable, rowId: string, cellValue: any) => void;
+    pagination?: false | PaginationConfig;
+    rowClassName?: string | RowClassName<T>;
+    table?: Table<T>;
+    rowEditable?: (rowData: T) => boolean;
+    onRowStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | ((data: T, row: Row<T>) => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>);
+    onRowHeaderStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | (() => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>);
+    onRowFooterStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | (() => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>);
+    groupSetting?: IGroupSetting;
+}
+export declare const TableContext: import("react").Context<IContext<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/es/table-virtuoso/useContext.js

@@ -0,0 +1,21 @@
+import { createContext } from 'react';
+export const TableContext = /*#__PURE__*/createContext({
+  prefix: 'ui-rc',
+  id: '',
+  isDataTree: false,
+  rowKey: 'rowId',
+  dataSource: [],
+  originData: [],
+  expanded: {},
+  windowSize: {
+    innerHeight: 0,
+    innerWidth: 0
+  },
+  // triggerFilter: () => { },
+
+  setIsSelectionChange: () => {},
+  setSorterChange: () => {},
+  setFilterChange: () => {},
+  setExpanded: () => {},
+  handleCellClick: () => {}
+});

package/lib/grid-component/ColumnsGroup/ColumnsGroup.js

@@ -37,9 +37,12 @@ const ColumnsGroup = props => {
   const menuRef = (0, _react.useRef)();
   const [tempGroup, setTempGroup] = (0, _react.useState)([]);
   const [clicked, setClicked] = (0, _react.useState)(false);
+  console.log('columns', columns);
+  console.log('columnsGrouped', columnsGrouped);
   const rsCol = _react.default.useMemo(() => {
-    return columns.filter(it => it.hidden !== true && !tempGroup.includes(it.field) && it.field !== '#' && it.field !== 'command');
+    return columns.filter(it => it.visible !== false && !tempGroup.includes(it.field) && it.field !== '#' && it.field !== 'selection_column' && it.field !== 'command');
   }, [columns, tempGroup]);
+  console.log('rsCol', rsCol);
   const options = _react.default.useMemo(() => {
     return rsCol.map(it => ({
       ...it,

package/lib/grid-component/TempTable.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _tableComponent = _interopRequireDefault(require("../table-component"));
-var _InternalTable = _interopRequireDefault(require("./InternalTable"));
+var _tableVirtuoso = _interopRequireDefault(require("../table-virtuoso"));
 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; }
 const TempTable = props => {
@@ -17,7 +17,7 @@ const TempTable = props => {
     editAble,
     ...rest
   } = props;
-  const TabComponent = groupAble ? _InternalTable.default : _tableComponent.default;
+  const TabComponent = groupAble ? _tableVirtuoso.default : _tableComponent.default;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(TabComponent, (0, _extends2.default)({}, rest, {
     groupAble: groupAble,
     editAble: editAble

package/lib/grid-component/hooks/utils.d.ts

@@ -2,7 +2,6 @@ import type * as React from "react";
 import dayjs from "dayjs";
 import type { EditType, IColumnType, TypeFilter } from "rc-master-ui";
 import type { ColumnTable, GetRowKey, IFormat } from "../type";
-import type { SelectionSettings } from "../type";
 import type { AnyObject } from "../type";
 import type { Key } from "react";
 import type { ColumnsTable } from "./../index";
@@ -50,9 +49,8 @@ export declare const checkFieldKey: (key: string | undefined) => string;
 export declare const convertLabelToTitle: (data: any[]) => any[];
 export declare const convertArrayWithIndent: (inputArray: any[], parentIndent?: number) => any[];
 export declare const getTemplate: (template: any, column?: ColumnTable) => React.ReactNode | React.ReactElement;
-export declare const totalFixedWidth: <T>(columns: ColumnsTable<T>, type: 'left' | 'right', selectionSettings?: SelectionSettings) => number;
 export declare const isObjEmpty: (obj: any) => boolean;
-export declare const getColumnsVisible: <T>(columns: ColumnsTable<T>, index: number) => ColumnTable<T>[];
+export declare const getColumnsVisible: <T>(columns: ColumnsTable<T>, index: number) => import("../../table-component/type").ColumnTable<T>[];
 export declare const updateData: <Record = AnyObject>(initData: Record[], rows: Record[], key: keyof Record) => Record[];
 export declare const parseBooleanToValue: (value: boolean, type: 'boolean' | 'number') => number | boolean;
 export declare const genPresets: (presets?: import("@ant-design/colors").PalettesProps) => import("antd/es/color-picker/interface").PresetsItem[];
@@ -103,15 +101,11 @@ export declare function addRowsUp(array: any, n: number): {
     combined: any[];
     addedRows: any[];
 };
-export declare const transformColumns: <RecordType>(cols: ColumnsTable<RecordType>, convertColumns: any[], t?: any) => ColumnsTable<RecordType>;
-export declare const transformColumns1: <RecordType>(cols: ColumnsTable<RecordType>, sortMultiple?: boolean) => ColumnsTable<RecordType>;
-export declare const removeColumns: <RecordType>(columns: ColumnTable<RecordType>[], groupColumns: string[]) => ColumnsTable<RecordType>;
 export declare const convertFlatColumn: (array: ColumnsTable) => ColumnsTable[];
-export declare const convertColumns: <RecordType>(cols: ColumnsTable<RecordType>) => ColumnsTable<RecordType>;
 export declare const checkChild: (inputArray: any[]) => boolean;
 export declare const isEditable: <RecordType>(column: ColumnTable, rowData: RecordType) => boolean | ((rowData: any) => boolean);
 export declare const isArraysEqual: (arr1: any[], arr2: any[]) => boolean;
-export declare const editAbleColumns: <T>(columns: ColumnsTable<T>) => ColumnTable<T>[];
+export declare const editAbleColumns: <T>(columns: ColumnsTable<T>) => import("../../table-component/type").ColumnTable<T>[];
 export declare const findItemPath: (tree: any[], targetItem: any, rowKey: any, currentPage?: number, pageSize?: number) => any;
 export declare const filterDataByColumns: (data: any[], queries: any) => any[];
 export declare const filterDataByColumns2: (data: any[], queries: any) => any[];

package/lib/grid-component/hooks/utils.js

@@ -12,7 +12,7 @@ exports.addRowsUpWithCtrl = addRowsUpWithCtrl;
 exports.checkThousandSeparator = exports.checkFieldKey = exports.checkDecimalSeparator = exports.checkChild = exports.buildConnectedRegions = void 0;
 exports.compareDate = compareDate;
 exports.compareDates = compareDates;
-exports.convertFlatColumn = exports.convertFilters = exports.convertDayjsToDate = exports.convertDateToDayjs = exports.convertColumns = exports.convertArrayWithIndent = void 0;
+exports.convertFlatColumn = exports.convertFilters = exports.convertDayjsToDate = exports.convertDateToDayjs = exports.convertArrayWithIndent = void 0;
 exports.convertFormat = convertFormat;
 exports.filterDataByColumns3 = exports.filterDataByColumns2 = exports.filterDataByColumns = exports.editAbleColumns = exports.detectSeparators = exports.customWeekStartEndFormat = exports.customFilterOption = exports.countItemsBeforeIndex = exports.convertLabelToTitle = void 0;
 exports.filterDataByColumns4 = filterDataByColumns4;
@@ -40,17 +40,20 @@ exports.isRightMostInRegion = isRightMostInRegion;
 exports.isTopMostInRegion = exports.isSelectedCell = void 0;
 exports.mergeWithFilter = mergeWithFilter;
 exports.mergeWithFilter2 = mergeWithFilter2;
-exports.removeColumns = exports.removeClassCellIndexSelected = exports.removeClassBorderPasteCell = exports.removeBorderPasteClass = exports.removeBorderClass2 = exports.removeBorderClass = exports.parseCells = exports.parseBooleanToValue = exports.onRemoveBorderSelectedCell = exports.onRemoveBgSelectedCell = exports.onRemoveBgCellIndex = exports.onAddBorderSelectedCell = exports.onAddBgSelectedCell = exports.onAddBgCellIndex = exports.newGuid = exports.mergedSets = void 0;
-exports.updateData = exports.updateColumnsByGroup = exports.updateColumns = exports.updateArrayByKey = exports.unFlattenData = exports.transformColumns1 = exports.transformColumns = exports.totalFixedWidth = exports.sumDataByField = exports.sumByField = exports.sortedSetDSC = exports.sortedSetASC = exports.showDraggingPoint = exports.shouldInclude = exports.removeVietnameseTones = exports.removeInvisibleColumns = exports.removeFieldRecursive = void 0;
+exports.removeInvisibleColumns = exports.removeFieldRecursive = exports.removeClassCellIndexSelected = exports.removeClassBorderPasteCell = exports.removeBorderPasteClass = exports.removeBorderClass2 = exports.removeBorderClass = exports.parseCells = exports.parseBooleanToValue = exports.onRemoveBorderSelectedCell = exports.onRemoveBgSelectedCell = exports.onRemoveBgCellIndex = exports.onAddBorderSelectedCell = exports.onAddBgSelectedCell = exports.onAddBgCellIndex = exports.newGuid = exports.mergedSets = void 0;
+exports.updateData = exports.updateColumnsByGroup = exports.updateColumns = exports.updateArrayByKey = exports.unFlattenData = exports.sumDataByField = exports.sumByField = exports.sortedSetDSC = exports.sortedSetASC = exports.showDraggingPoint = exports.shouldInclude = exports.removeVietnameseTones = void 0;
 exports.updateDataByFilter = updateDataByFilter;
 exports.updateOrInsert = updateOrInsert;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _moment = _interopRequireDefault(require("moment/moment"));
 var _uuid = require("uuid");
 var _colors = require("@ant-design/colors");
-var _rcMasterUi = require("rc-master-ui");
-var _columns = require("./columns");
-var _useColumns = require("./useColumns");
+// import type {SelectionSettings} from "../type"
+
+// import {Table} from "rc-master-ui"
+// import {flatColumns2} from "./columns"
+// import {SELECTION_COLUMN} from "./useColumns"
+
 const newGuid = () => {
   for (let i = 0; i < 20; i++) {
     // @ts-ignore
@@ -460,17 +463,22 @@ const getTemplate = (template, column) => {
   }
   return template;
 };
+
+// export const totalFixedWidth = <T, >(columns: ColumnsTable<T>, type: 'left' | 'right', selectionSettings?: SelectionSettings) => {
+//   const totalFixedLeftWidth: number = columns
+//     .filter(column => column.fixed === type) // Lọc các cột có fixed
+//     .reduce((sum, column) => {
+//       const width = typeof column.width === 'number' ? column.width : parseInt(column.width as string, 10) || 0 // Chuyển từ chuỗi sang số, nếu không hợp lệ thì lấy 0
+//       return sum + width
+//     }, 0)
+
+//   const selectColumnWidth: number = !selectionSettings?.mode ? 0 : (
+//     typeof selectionSettings?.columnWidth === 'number' ? selectionSettings?.columnWidth : parseInt(selectionSettings?.columnWidth as string, 10) || 50)
+
+//   return totalFixedLeftWidth + selectColumnWidth
+
+// }
 exports.getTemplate = getTemplate;
-const totalFixedWidth = (columns, type, selectionSettings) => {
-  const totalFixedLeftWidth = columns.filter(column => column.fixed === type) // Lọc các cột có fixed
-  .reduce((sum, column) => {
-    const width = typeof column.width === 'number' ? column.width : parseInt(column.width, 10) || 0; // Chuyển từ chuỗi sang số, nếu không hợp lệ thì lấy 0
-    return sum + width;
-  }, 0);
-  const selectColumnWidth = !selectionSettings?.mode ? 0 : typeof selectionSettings?.columnWidth === 'number' ? selectionSettings?.columnWidth : parseInt(selectionSettings?.columnWidth, 10) || 50;
-  return totalFixedLeftWidth + selectColumnWidth;
-};
-exports.totalFixedWidth = totalFixedWidth;
 const isObjEmpty = obj => {
   if (isNullOrUndefined(obj)) {
     return true;
@@ -1237,96 +1245,112 @@ function addRowsUp(array, n) {
     addedRows
   };
 }
-const transformColumns = (cols, convertColumns, t) => {
-  // @ts-ignore
-  return cols.map(column => {
-    const find = convertColumns.find(it => it.key === column.field);
-    if (!column?.field && !column?.key) {
-      return _rcMasterUi.Table.SELECTION_COLUMN;
-    }
-    if (find) {
-      return {
-        ...find
-      };
-    }
 
-    // Xử lý đệ quy cho children
-    if (column.children?.length) {
-      return {
-        ...column,
-        key: column.field ?? column.dataIndex ?? column.key,
-        title: t ? t(column.headerText) : column.headerText,
-        ellipsis: column.ellipsis !== false,
-        align: column.textAlign ?? column.align,
-        children: transformColumns(column.children, convertColumns)
-      };
-    }
-  });
-};
-exports.transformColumns = transformColumns;
-const transformColumns1 = (cols, sortMultiple) => {
-  const convertColumns = (0, _columns.flatColumns2)(cols).map((column, colIndex) => {
-    if (!column?.field && !column?.key) {
-      return _rcMasterUi.Table.SELECTION_COLUMN;
-    }
-    if (column.dataIndex === '#' || column.dataIndex === '#') {
-      return {
-        ...column
-      };
-    }
-    if ((column.key || column.field) === 'command') {
-      return {
-        ...column
-      };
-    }
-    return {
-      ...column,
-      key: column.field ?? column.dataIndex ?? column.key,
-      sorter: column.sorter === false ? undefined : {
-        compare: a => a,
-        multiple: sortMultiple ? colIndex : undefined
-      }
-    };
-  });
+// export const transformColumns = <RecordType, >(cols: ColumnsTable<RecordType>, convertColumns: any[], t?: any): ColumnsTable<RecordType> => {
 
-  // @ts-ignore
-  return cols.map(column => {
-    const find = convertColumns.find(it => it.key === column.field);
-    if (!column?.field && !column?.key) {
-      return _rcMasterUi.Table.SELECTION_COLUMN;
-    }
-    if (find) {
-      return {
-        ...find
-      };
-    }
+//   // @ts-ignore
+//   return cols.map((column) => {
+
+//     const find = convertColumns.find((it) => it.key === column.field)
+
+//     if (!column?.field && !column?.key) {
+//       return Table.SELECTION_COLUMN
+//     }
+
+//     if (find) {
+//       return {...find}
+//     }
+
+//     // Xử lý đệ quy cho children
+//     if (column.children?.length) {
+//       return {
+//         ...column,
+//         key: column.field ?? column.dataIndex ?? column.key,
+//         title: t ? t(column.headerText) : column.headerText,
+//         ellipsis: column.ellipsis !== false,
+//         align: column.textAlign ?? column.align,
+//         children: transformColumns(column.children, convertColumns)
+//       }
+//     }
+
+//   })
+
+// }
+
+// export const transformColumns1 = <RecordType, >(cols: ColumnsTable<RecordType>, sortMultiple?: boolean): ColumnsTable<RecordType> => {
+
+//   const  convertColumns = flatColumns2(cols).map((column: any, colIndex) => {
+
+//     if (!column?.field && !column?.key) {
+//       return Table.SELECTION_COLUMN
+//     }
+
+//     if (column.dataIndex === '#' || column.dataIndex === '#') {
+//       return {
+//         ...column
+
+//       }
+//     }
+
+//     if ((column.key || column.field) === 'command') {
+//       return {
+//         ...column
+//       }
+//     }
+
+//     return {
+//       ...column,
+//       key: column.field ?? column.dataIndex ?? column.key,
+//       sorter: (column.sorter === false ? undefined : {
+//         compare: (a: any) => a,
+//         multiple: sortMultiple ? colIndex : undefined
+//       })
+//     }
+
+//   })
+
+//   // @ts-ignore
+//   return cols.map((column) => {
+
+//     const find = convertColumns.find((it) => it.key === column.field)
+
+//     if (!column?.field && !column?.key) {
+//       return Table.SELECTION_COLUMN
+//     }
+
+//     if (find) {
+//       return {...find}
+//     }
+
+//     // Xử lý đệ quy cho children
+//     if (column.children?.length) {
+//       return {
+//         ...column,
+//         key: column.field ?? column.dataIndex ?? column.key,
+//         ellipsis: column.ellipsis !== false,
+//         align: column.textAlign ?? column.align,
+//         children: transformColumns(column.children, convertColumns)
+//       }
+//     }
+
+//   })
+
+// }
+
+// export const removeColumns = <RecordType, >(columns: ColumnTable<RecordType>[], groupColumns: string[]): ColumnsTable<RecordType> => {
+
+//   const ttt: ColumnTable<RecordType>[] = [...columns]
+
+//   return ttt.filter(column => !groupColumns.includes(column.field as string)).map((column) => {
+//     const newCol = {...column}
+//     if (newCol?.children && newCol?.children.length >  0) {
+//       newCol.children = removeColumns(newCol.children, groupColumns) as any[]
+//     }
+//     return newCol
+//   })
+
+// }
 
-    // Xử lý đệ quy cho children
-    if (column.children?.length) {
-      return {
-        ...column,
-        key: column.field ?? column.dataIndex ?? column.key,
-        ellipsis: column.ellipsis !== false,
-        align: column.textAlign ?? column.align,
-        children: transformColumns(column.children, convertColumns)
-      };
-    }
-  });
-};
-exports.transformColumns1 = transformColumns1;
-const removeColumns = (columns, groupColumns) => {
-  const ttt = [...columns];
-  return ttt.filter(column => !groupColumns.includes(column.field)).map(column => {
-    const newCol = {
-      ...column
-    };
-    if (newCol?.children && newCol?.children.length > 0) {
-      newCol.children = removeColumns(newCol.children, groupColumns);
-    }
-    return newCol;
-  });
-};
-exports.removeColumns = removeColumns;
 const convertFlatColumn = array => {
   const tmp = [...array];
   let result = [];
@@ -1339,56 +1363,56 @@ const convertFlatColumn = array => {
   });
   return result;
 };
+
+// export const convertColumns = <RecordType, >(cols: ColumnsTable<RecordType>): ColumnsTable<RecordType> => {
+
+//   return cols.map((col) => {
+
+//     if (col === SELECTION_COLUMN) {
+//       return SELECTION_COLUMN
+//     }
+
+//     const transformedColumn = {
+//       ...col,
+//       dataIndex: col.field ?? col.dataIndex,
+//       key: col.field ?? col.dataIndex ?? col.key,
+//       // title: t ? t(col.columnGroupText ?? col.headerText ?? col.title) : col.columnGroupText ?? col.headerText ?? col.title,
+//       // title: () => (<span>aaa</span>),
+//       // title: () => (<HeaderContent column={{...col} as any} t={t}/>),
+//       // title: () => (<span>{t ? t(col.columnGroupText ?? col.headerText ?? col.title) : col.columnGroupText ?? col.headerText ?? col.title}</span>),
+//       ellipsis: col.ellipsis !== false,
+//       align: col.textAlign ?? col.align,
+//       fixed: col.fixedType ?? col.fixed
+//     }
+
+//     if (transformedColumn.children && transformedColumn.children?.length) {
+//       return {
+//         ...transformedColumn,
+//         children: convertColumns(transformedColumn.children)
+//       }
+//     }
+
+//     if (["index", "#"].includes(col.field as string)) {
+//       return {
+//         ...transformedColumn,
+//         onCell: () => ({className: 'cell-number'}),
+//         render: (_: any, __: any, rowIndex: number) => rowIndex + 1
+//       }
+//     }
+
+//     if (col.key === 'command') {
+//       return {
+//         ...transformedColumn,
+//         onCell: () => ({className: 'cell-number', style: {padding: '2px 8px'}})
+//       }
+//     }
+
+//     return {
+//       ...transformedColumn
+//     }
+//   })
+// }
 exports.convertFlatColumn = convertFlatColumn;
-const convertColumns = cols => {
-  return cols.map(col => {
-    if (col === _useColumns.SELECTION_COLUMN) {
-      return _useColumns.SELECTION_COLUMN;
-    }
-    const transformedColumn = {
-      ...col,
-      dataIndex: col.field ?? col.dataIndex,
-      key: col.field ?? col.dataIndex ?? col.key,
-      // title: t ? t(col.columnGroupText ?? col.headerText ?? col.title) : col.columnGroupText ?? col.headerText ?? col.title,
-      // title: () => (<span>aaa</span>),
-      // title: () => (<HeaderContent column={{...col} as any} t={t}/>),
-      // title: () => (<span>{t ? t(col.columnGroupText ?? col.headerText ?? col.title) : col.columnGroupText ?? col.headerText ?? col.title}</span>),
-      ellipsis: col.ellipsis !== false,
-      align: col.textAlign ?? col.align,
-      fixed: col.fixedType ?? col.fixed
-    };
-    if (transformedColumn.children && transformedColumn.children?.length) {
-      return {
-        ...transformedColumn,
-        children: convertColumns(transformedColumn.children)
-      };
-    }
-    if (["index", "#"].includes(col.field)) {
-      return {
-        ...transformedColumn,
-        onCell: () => ({
-          className: 'cell-number'
-        }),
-        render: (_, __, rowIndex) => rowIndex + 1
-      };
-    }
-    if (col.key === 'command') {
-      return {
-        ...transformedColumn,
-        onCell: () => ({
-          className: 'cell-number',
-          style: {
-            padding: '2px 8px'
-          }
-        })
-      };
-    }
-    return {
-      ...transformedColumn
-    };
-  });
-};
-exports.convertColumns = convertColumns;
 const checkChild = inputArray => {
   return inputArray.some(item => item.children && item.children.length > 0);
 };

package/lib/grid-component/index.d.ts

@@ -1,5 +1,5 @@
 import TempTable from './TempTable';
-import type { ColumnsTable, TableProps, ColumnTable, CommandItem, ContextMenuItem } from './type';
+import type { ColumnsTable, TableProps, ColumnTable, CommandItem, ContextMenuItem } from '../table-component/type';
 import type { ToolbarItem } from "rc-master-ui/es/toolbar";
 export type { ColumnsTable, TableProps, ColumnTable, ToolbarItem, CommandItem, ContextMenuItem };
 export default TempTable;

package/lib/grid-component/index.js

@@ -6,7 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _TempTable = _interopRequireDefault(require("./TempTable"));
-// import InternalTable  from './InternalTable'
-// 
-// export default InternalTable
 var _default = exports.default = _TempTable.default;

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

@@ -285,6 +285,7 @@ export interface TableProps<RecordType = AnyObject> extends Omit<RcTableProps<Re
     onRowStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | ((data: RecordType, row: Row<RecordType>) => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>);
     onRowHeaderStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | (() => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>);
     onRowFooterStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | (() => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>);
+    fullScreenTitle?: ReactNode | (() => ReactNode);
 }
 export type PaginationConfig = TablePaginationConfig & {
     currentPage?: number;
@@ -311,14 +312,21 @@ export interface CommandItem {
     client?: boolean;
     confirmDialog?: boolean;
 }
+export type GroupTemplate = {
+    rowData: any;
+    value: any;
+    column: ColumnTable;
+};
 export type IGroupSetting = {
     client?: boolean;
     onGroup?: (props: IOnGroup) => void;
     groupColumnSpan?: number;
     hiddenColumnGroup?: boolean;
+    showHeaderColumn?: boolean;
     showGroupIcon?: boolean;
     unClearableLevel?: 1 | 2 | 3 | undefined;
     sumGroup?: boolean;
+    groupTemplate?: React.ReactNode | React.ReactElement | ((args: GroupTemplate) => React.ReactNode | React.ReactElement);
 };
 type IOnGroup = {
     columnGrouped: string[];

package/lib/table-component/InternalTable.js

@@ -205,10 +205,7 @@ const InternalTable = props => {
     triggerSorter: setSorterStates,
     setMergedFilterKeys: setMergedFilterKeys,
     mergedFilterKeys: mergedFilterKeys,
-    expanded: expanded
-    // onContextMenu={onContextMenu}
-    // contextMenuItems={contextMenuItems}
-    ,
+    expanded: expanded,
     editAble: isFullScreen ? false : editAble,
     triggerChangeColumns: triggerChangeColumns,
     setExpanded: setExpanded,

package/lib/table-component/TableContainer.js

@@ -192,10 +192,6 @@ const TableContainer = props => {
     ref: topToolbarRef,
     className: (0, _classnames.default)(`${prefix}-grid-top-toolbar`, {})
   }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      textAlign: 'center'
-    }
-  }, typeof title === 'function' ? title?.(originData) : title), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       display: 'flex',
       justifyContent: 'space-between',
@@ -246,7 +242,11 @@ const TableContainer = props => {
     t: t,
     columnsGroup: groupColumns,
     triggerChangeColumns: triggerChangeColumns
-  })))), /*#__PURE__*/_react.default.createElement(_useContext.TableContext.Provider, {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      textAlign: 'center'
+    }
+  }, typeof title === 'function' ? title?.(originData) : title)), /*#__PURE__*/_react.default.createElement(_useContext.TableContext.Provider, {
     value: {
       t,
       locale,