es-grid-template 0.0.8 → 0.0.13

package/lib/grid-component/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _InternalTable = _interopRequireDefault(require("./InternalTable"));
+var _default = exports.default = _InternalTable.default;

package/lib/grid-component/rc-table/Grid.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { GridTableProps } from "../type";
+type Props<T> = GridTableProps<T> & {
+    setColumns?: any;
+    tableRef: any;
+};
+declare const Grid: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+export default Grid;

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

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _GridStyle = require("../GridStyle");
+var _TableGrid = _interopRequireDefault(require("../TableGrid"));
+var _EditableCell = _interopRequireDefault(require("../EditableCell"));
+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 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.default.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 = (0, _react.useMemo)(() => {
+    // @ts-ignore
+    return addFilter(columns ?? []);
+  }, [addFilter, columns]);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_GridStyle.GridStyle, {
+    heightTable: height,
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TableGrid.default, (0, _extends2.default)({}, rest, {
+    tableRef: tableRef,
+    components: {
+      ...components,
+      body: {
+        cell: _EditableCell.default
+      }
+    }
+    // columns={mergedColumns}
+    ,
+    columns: tmpColumns
+  }))));
+};
+var _default = exports.default = Grid;

package/lib/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;