es-grid-template 0.0.13 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +6 -6
  2. package/README.md +1 -1
  3. package/es/grid-component/ColumnsChoose.d.ts +3 -4
  4. package/es/grid-component/ColumnsChoose.js +3 -7
  5. package/es/grid-component/Command.d.ts +8 -0
  6. package/es/grid-component/Command.js +80 -0
  7. package/es/grid-component/EditableCell.js +56 -87
  8. package/es/grid-component/InternalTable.d.ts +1 -0
  9. package/es/grid-component/InternalTable.js +36 -19
  10. package/es/grid-component/TableGrid.d.ts +2 -1
  11. package/es/grid-component/TableGrid.js +63 -18
  12. package/es/grid-component/index.d.ts +2 -0
  13. package/es/{table-grid → grid-component}/styles.scss +204 -195
  14. package/es/grid-component/table/Grid.js +85 -0
  15. package/{lib/grid-component/rc-table → es/grid-component/table}/GridEdit.d.ts +4 -0
  16. package/es/grid-component/{rc-table → table}/GridEdit.js +98 -15
  17. package/es/grid-component/type.d.ts +26 -11
  18. package/es/grid-component/useContext.d.ts +10 -7
  19. package/es/grid-component/useContext.js +3 -0
  20. package/es/index.d.ts +2 -1
  21. package/es/index.js +1 -2
  22. package/lib/grid-component/ColumnsChoose.d.ts +3 -4
  23. package/lib/grid-component/ColumnsChoose.js +3 -7
  24. package/lib/grid-component/Command.d.ts +8 -0
  25. package/lib/grid-component/Command.js +88 -0
  26. package/lib/grid-component/EditableCell.js +56 -87
  27. package/lib/grid-component/InternalTable.d.ts +1 -0
  28. package/lib/grid-component/InternalTable.js +35 -18
  29. package/lib/grid-component/TableGrid.d.ts +2 -1
  30. package/lib/grid-component/TableGrid.js +62 -17
  31. package/lib/grid-component/index.d.ts +2 -0
  32. package/lib/{table-grid → grid-component}/styles.scss +204 -195
  33. package/lib/grid-component/{rc-table → table}/Grid.js +42 -56
  34. package/{es/grid-component/rc-table → lib/grid-component/table}/GridEdit.d.ts +4 -0
  35. package/lib/grid-component/{rc-table → table}/GridEdit.js +98 -15
  36. package/lib/grid-component/type.d.ts +26 -11
  37. package/lib/grid-component/useContext.d.ts +10 -7
  38. package/lib/grid-component/useContext.js +2 -0
  39. package/lib/index.d.ts +2 -1
  40. package/lib/index.js +1 -1
  41. package/package.json +113 -86
  42. package/es/grid-component/rc-table/Grid.js +0 -99
  43. /package/es/{grid-component/Message → Message}/Message.d.ts +0 -0
  44. /package/es/{grid-component/Message → Message}/Message.js +0 -0
  45. /package/es/{grid-component/Message → Message}/index.d.ts +0 -0
  46. /package/es/{grid-component/Message → Message}/index.js +0 -0
  47. /package/es/grid-component/{rc-table → table}/Grid.d.ts +0 -0
  48. /package/lib/{grid-component/Message → Message}/Message.d.ts +0 -0
  49. /package/lib/{grid-component/Message → Message}/Message.js +0 -0
  50. /package/lib/{grid-component/Message → Message}/index.d.ts +0 -0
  51. /package/lib/{grid-component/Message → Message}/index.js +0 -0
  52. /package/lib/grid-component/{rc-table → table}/Grid.d.ts +0 -0
@@ -1,99 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import React, { Fragment, useMemo } from 'react';
3
- import { GridStyle } from "../GridStyle";
4
- import TableGrid from "../TableGrid";
5
- import EditableCell from "../EditableCell";
6
- const Grid = props => {
7
- const {
8
- columns,
9
- height,
10
- tableRef,
11
- className,
12
- components,
13
- ...rest
14
- } = props;
15
-
16
- // const transformColumns = React.useCallback((cols: ColumnsTable<RecordType>): ColumnsTable<RecordType> => {
17
- // return cols.map((column) => {
18
- //
19
- // if (column?.children && column?.children.length > 0) {
20
- // return {
21
- // ...column,
22
- // children: transformColumns(column?.children) // Xử lý đệ quy cho cấp con
23
- // }
24
- // }
25
- //
26
- // if (column.dataIndex === 'index' || column.field === 'index' || column.dataIndex === '#' || column.dataIndex === '#') {
27
- // return {
28
- // ...column,
29
- // render: (value: any, record: any, rowIndex: number) => {
30
- // return rowIndex + 1
31
- // }
32
- // }
33
- // }
34
- //
35
- // return {
36
- // ...column,
37
- // }
38
- // })
39
- // }, [])
40
- //
41
- //
42
- // const mergedColumns = useMemo(() => {
43
- //
44
- // // @ts-ignore
45
- // return transformColumns(columns ?? [])
46
- //
47
- // }, [transformColumns, columns])
48
-
49
- const addFilter = React.useCallback(cols => {
50
- return cols.map(column => {
51
- // @ts-ignore
52
- if (!column?.dataIndex && !column?.key) {
53
- return column;
54
- }
55
- // @ts-ignore
56
- if (column?.children && column?.children.length > 0) {
57
- return {
58
- ...column,
59
- // @ts-ignore
60
- children: addFilter(column?.children) // Xử lý đệ quy cho cấp con
61
- };
62
- }
63
- // @ts-ignore
64
- if (column.dataIndex === 'index' || column.field === 'index' || column.dataIndex === '#' || column.dataIndex === '#') {
65
- return {
66
- ...column,
67
- render: (value, record, rowIndex) => {
68
- return rowIndex + 1;
69
- }
70
- };
71
- }
72
- return {
73
- ...column
74
- };
75
- });
76
- }, []);
77
- const tmpColumns = useMemo(() => {
78
- // @ts-ignore
79
- return addFilter(columns ?? []);
80
- }, [addFilter, columns]);
81
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(GridStyle, {
82
- heightTable: height,
83
- style: {
84
- position: 'relative'
85
- }
86
- }, /*#__PURE__*/React.createElement(TableGrid, _extends({}, rest, {
87
- tableRef: tableRef,
88
- components: {
89
- ...components,
90
- body: {
91
- cell: EditableCell
92
- }
93
- }
94
- // columns={mergedColumns}
95
- ,
96
- columns: tmpColumns
97
- }))));
98
- };
99
- export default Grid;
File without changes
File without changes