es-grid-template 1.8.64 → 1.8.66

package/es/grid-component/TempTable.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { GridTableProps } from "./type";
-declare const TempTable: <RecordType extends object>(props: GridTableProps<RecordType>) => React.JSX.Element;
+import type { TableProps } from "../table-component";
+declare const TempTable: <RecordType extends object>(props: TableProps<RecordType>) => React.JSX.Element;
 export default TempTable;

package/es/grid-component/TempTable.js

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { Fragment } from 'react';
+import React from 'react';
 import Table from "../table-component";
-import InternalTable from "./InternalTable";
+import TableGroup from "../table-virtuoso";
 const TempTable = props => {
   const {
     groupAble,
     editAble,
     ...rest
   } = props;
-  const TabComponent = groupAble ? InternalTable : Table;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TabComponent, _extends({}, rest, {
+  const TabComponent = groupAble ? TableGroup : Table;
+  return /*#__PURE__*/React.createElement(TabComponent, _extends({}, rest, {
     groupAble: groupAble,
     editAble: editAble
-  })));
+  }));
 };
 export default TempTable;

package/es/grid-component/hooks/index.js

@@ -1,5 +1,4 @@
 export * from "./constant";
-// export * from './isNullOrUndefined'
 export * from "./useIsOverflow";
 export * from "./useOnClickOutside";
 export * from "./utils";

package/es/grid-component/hooks/useLazyKVMap.d.ts

@@ -1,4 +1,4 @@
-import type { AnyObject, GetRowKey } from "../type";
 import type { Key } from "react";
+import type { AnyObject, GetRowKey } from '../../table-component/type';
 declare const useLazyKVMap: <RecordType extends AnyObject = AnyObject>(data: readonly RecordType[], childrenColumnName: string, getRowKey: GetRowKey<RecordType>) => readonly [(key: Key) => RecordType];
 export default useLazyKVMap;

package/es/grid-component/hooks/useLazyKVMap.js

@@ -1,9 +1,5 @@
 /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
 import * as React from 'react';
-
-// import type { AnyObject } from '../../_util/type';
-// import type { GetRowKey, Key } from '../interface';
-
 const useLazyKVMap = (data, childrenColumnName, getRowKey) => {
   const mapCacheRef = React.useRef({});
   function getRecordByKey(key) {

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

@@ -1,11 +1,9 @@
 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";
+import type { AnyObject, ColumnTable, GetRowKey, IFormat } from "../../table-component/type";
 export declare const newGuid: () => any;
 export declare const sumDataByField: (data: any[], field: string) => any;
 export declare const checkThousandSeparator: (thousandSeparator: string | undefined, decimalSeparator: string | undefined) => string;
@@ -50,7 +48,6 @@ 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 updateData: <Record = AnyObject>(initData: Record[], rows: Record[], key: keyof Record) => Record[];
@@ -103,11 +100,7 @@ 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;

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

@@ -1,10 +1,14 @@
 import dayjs from "dayjs";
+// import type {ColumnTable, GetRowKey, IFormat, Presets} from "./../ type"
 import moment from "moment/moment";
+// import type {SelectionSettings} from "../type"
+// import type {AnyObject} from "../type"
 import { v4 as uuidv4 } from 'uuid';
 import { presetPalettes } from "@ant-design/colors";
-import { Table } from "rc-master-ui";
-import { flatColumns2 } from "./columns";
-import { SELECTION_COLUMN } from "./useColumns";
+// import {Table} from "rc-master-ui"
+// import {flatColumns2} from "./columns"
+// import {SELECTION_COLUMN} from "./useColumns"
+
 export const newGuid = () => {
   for (let i = 0; i < 20; i++) {
     // @ts-ignore
@@ -387,15 +391,22 @@ export const getTemplate = (template, column) => {
   }
   return template;
 };
-export 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;
-};
+
+// 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
+
+// }
+
 export const isObjEmpty = obj => {
   if (isNullOrUndefined(obj)) {
     return true;
@@ -1146,93 +1157,112 @@ export function addRowsUp(array, n) {
     addedRows
   };
 }
-export 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 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 = (cols, sortMultiple) => {
-  const convertColumns = flatColumns2(cols).map((column, 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 => 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 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)
-      };
-    }
-  });
-};
-export 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;
-  });
-};
 export const convertFlatColumn = array => {
   const tmp = [...array];
   let result = [];
@@ -1245,54 +1275,56 @@ export const convertFlatColumn = array => {
   });
   return result;
 };
-export const convertColumns = cols => {
-  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)) {
-      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
-    };
-  });
-};
+
+// 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
+//     }
+//   })
+// }
+
 export const checkChild = inputArray => {
   return inputArray.some(item => item.children && item.children.length > 0);
 };

package/es/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/es/grid-component/index.js

@@ -1,6 +1,2 @@
 import TempTable from "./TempTable";
-// import InternalTable  from './InternalTable'
-
-// 
-// export default InternalTable
 export default TempTable;