es-grid-template 0.0.8 → 0.0.13

package/es/grid-component/rc-table/Grid.js

@@ -0,0 +1,99 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { Fragment, useMemo } from 'react';
+import { GridStyle } from "../GridStyle";
+import TableGrid from "../TableGrid";
+import EditableCell from "../EditableCell";
+const Grid = props => {
+  const {
+    columns,
+    height,
+    tableRef,
+    className,
+    components,
+    ...rest
+  } = props;
+
+  // const transformColumns = React.useCallback((cols: ColumnsTable<RecordType>): ColumnsTable<RecordType> => {
+  //   return cols.map((column) => {
+  //
+  //     if (column?.children && column?.children.length > 0) {
+  //       return {
+  //         ...column,
+  //         children: transformColumns(column?.children) // Xử lý đệ quy cho cấp con
+  //       }
+  //     }
+  //
+  //     if (column.dataIndex === 'index' || column.field === 'index' || column.dataIndex === '#' || column.dataIndex === '#') {
+  //       return {
+  //         ...column,
+  //         render: (value: any, record: any, rowIndex: number) => {
+  //           return rowIndex + 1
+  //         }
+  //       }
+  //     }
+  //
+  //     return {
+  //       ...column,
+  //     }
+  //   })
+  // }, [])
+  //
+  //
+  // const mergedColumns = useMemo(() => {
+  //
+  //   // @ts-ignore
+  //   return transformColumns(columns ?? [])
+  //
+  // }, [transformColumns, columns])
+
+  const addFilter = React.useCallback(cols => {
+    return cols.map(column => {
+      // @ts-ignore
+      if (!column?.dataIndex && !column?.key) {
+        return column;
+      }
+      // @ts-ignore
+      if (column?.children && column?.children.length > 0) {
+        return {
+          ...column,
+          // @ts-ignore
+          children: addFilter(column?.children) // Xử lý đệ quy cho cấp con
+        };
+      }
+      // @ts-ignore
+      if (column.dataIndex === 'index' || column.field === 'index' || column.dataIndex === '#' || column.dataIndex === '#') {
+        return {
+          ...column,
+          render: (value, record, rowIndex) => {
+            return rowIndex + 1;
+          }
+        };
+      }
+      return {
+        ...column
+      };
+    });
+  }, []);
+  const tmpColumns = useMemo(() => {
+    // @ts-ignore
+    return addFilter(columns ?? []);
+  }, [addFilter, columns]);
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(GridStyle, {
+    heightTable: height,
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(TableGrid, _extends({}, rest, {
+    tableRef: tableRef,
+    components: {
+      ...components,
+      body: {
+        cell: EditableCell
+      }
+    }
+    // columns={mergedColumns}
+    ,
+    columns: tmpColumns
+  }))));
+};
+export default Grid;

package/es/grid-component/rc-table/GridEdit.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import 'dayjs/locale/es';
+import 'dayjs/locale/vi';
+import type { TableEditProps } from "../type";
+type Props<RecordType> = TableEditProps<RecordType> & {
+    tableRef: any;
+};
+declare const GridEdit: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+export default GridEdit;