es-grid-template 1.9.53 → 1.9.56

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 (133) hide show
  1. package/es/ali-table/Grid.d.ts +1 -0
  2. package/es/ali-table/Grid.js +12 -4
  3. package/es/ali-table/InternalTable.js +39 -7
  4. package/es/ali-table/base-table/html-table-default.d.ts +20 -0
  5. package/es/ali-table/base-table/html-table-default.js +224 -0
  6. package/es/ali-table/base-table/html-table-new.d.ts +20 -0
  7. package/es/ali-table/base-table/html-table-new.js +417 -0
  8. package/es/ali-table/base-table/html-table.js +324 -182
  9. package/es/ali-table/base-table/styles.d.ts +1 -0
  10. package/es/ali-table/base-table/styles.js +5 -4
  11. package/es/ali-table/base-table/table.d.ts +4 -0
  12. package/es/ali-table/base-table/table.js +24 -5
  13. package/es/ali-table/pipeline/features/columnCustom.js +3 -3
  14. package/es/ali-table/pipeline/features/pagination.js +1 -1
  15. package/es/ali-table/utils/convertColumnsChoose.d.ts +2 -2
  16. package/es/grid-component/control/InputControl/InputControl.js +2 -3
  17. package/es/grid-component/hooks/calender.d.ts +19 -0
  18. package/es/grid-component/hooks/calender.js +32 -0
  19. package/es/grid-component/type.d.ts +15 -2
  20. package/es/group-component/ColumnsChoose.js +1 -2
  21. package/es/group-component/ColumnsGroup/ColumnsGroup.js +1 -2
  22. package/es/group-component/TableContainerEdit.js +3 -4
  23. package/es/group-component/body/EditableCell.js +7 -6
  24. package/es/group-component/body/TableBodyRow.js +15 -4
  25. package/es/group-component/components/EditForm/EditForm.js +1 -2
  26. package/es/group-component/components/InputControl/InputControl.js +1 -2
  27. package/es/group-component/components/checkbox-filter/CheckboxFilter.js +1 -2
  28. package/es/group-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  29. package/es/group-component/components/checkbox-filter/FilterSearch.js +0 -3
  30. package/es/group-component/header/TableHeadCell.js +1 -2
  31. package/es/group-component/header/TableHeadCell2.js +1 -2
  32. package/es/group-component/hook/utils.d.ts +4 -4
  33. package/es/group-component/table/Grid.js +1 -1
  34. package/es/index.d.ts +2 -2
  35. package/es/index.js +1 -1
  36. package/es/table-component/ColumnsChoose.js +1 -1
  37. package/es/table-component/ColumnsConfig.d.ts +17 -0
  38. package/es/table-component/ColumnsConfig.js +303 -0
  39. package/es/table-component/ContextMenu.js +1 -1
  40. package/es/table-component/InternalTable.js +30 -9
  41. package/es/table-component/TableContainer.js +4 -2
  42. package/es/table-component/TableContainerEdit.js +18 -5
  43. package/es/table-component/body/EditableCell.js +104 -119
  44. package/es/table-component/body/TableBodyCellEdit.js +1 -1
  45. package/es/table-component/body/TableBodyRow.js +0 -5
  46. package/es/table-component/components/EditForm/EditForm.js +1 -4
  47. package/es/table-component/components/InputControl/InputControl.js +1 -1
  48. package/es/table-component/components/checkbox-filter/CheckboxFilter.js +1 -2
  49. package/es/table-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  50. package/es/table-component/components/checkbox-filter/FilterSearch.js +4 -2
  51. package/es/table-component/header/TableHeadCell.js +1 -1
  52. package/es/table-component/header/TableHeadCell2.js +1 -1
  53. package/es/table-component/header/TableHeadRow.js +6 -6
  54. package/es/table-component/hook/utils.d.ts +3 -3
  55. package/es/table-component/hook/utils.js +28 -4
  56. package/es/table-component/style.js +2 -2
  57. package/es/table-component/table/Grid.js +2 -1
  58. package/es/table-virtuoso/ColumnsGroup/ColumnsGroup.js +1 -1
  59. package/es/table-virtuoso/header/TableHeadCell.js +1 -1
  60. package/es/table-virtuoso/hook/utils.d.ts +1 -1
  61. package/es/table-virtuoso/table/Grid.js +1 -1
  62. package/es/table-virtuoso/table/TableContainer.js +1 -1
  63. package/es/table-virtuoso/table/TableWrapper.d.ts +1 -2
  64. package/es/table-virtuoso/table/TableWrapper.js +1 -0
  65. package/lib/ali-table/Grid.d.ts +1 -0
  66. package/lib/ali-table/Grid.js +12 -4
  67. package/lib/ali-table/InternalTable.js +39 -7
  68. package/lib/ali-table/base-table/html-table-default.d.ts +20 -0
  69. package/lib/ali-table/base-table/html-table-default.js +231 -0
  70. package/lib/ali-table/base-table/html-table-new.d.ts +20 -0
  71. package/lib/ali-table/base-table/html-table-new.js +424 -0
  72. package/lib/ali-table/base-table/html-table.js +324 -182
  73. package/lib/ali-table/base-table/styles.d.ts +1 -0
  74. package/lib/ali-table/base-table/styles.js +5 -4
  75. package/lib/ali-table/base-table/table.d.ts +4 -0
  76. package/lib/ali-table/base-table/table.js +24 -5
  77. package/lib/ali-table/pipeline/features/columnCustom.js +4 -4
  78. package/lib/ali-table/pipeline/features/pagination.js +1 -1
  79. package/lib/ali-table/utils/convertColumnsChoose.d.ts +2 -2
  80. package/lib/grid-component/control/InputControl/InputControl.js +4 -6
  81. package/lib/grid-component/hooks/calender.d.ts +19 -0
  82. package/lib/grid-component/hooks/calender.js +40 -0
  83. package/lib/grid-component/type.d.ts +15 -2
  84. package/lib/group-component/ColumnsChoose.js +6 -7
  85. package/lib/group-component/ColumnsGroup/ColumnsGroup.js +3 -4
  86. package/lib/group-component/TableContainerEdit.js +4 -5
  87. package/lib/group-component/body/EditableCell.js +14 -13
  88. package/lib/group-component/body/TableBodyRow.js +15 -4
  89. package/lib/group-component/components/EditForm/EditForm.js +1 -2
  90. package/lib/group-component/components/InputControl/InputControl.js +4 -6
  91. package/lib/group-component/components/checkbox-filter/CheckboxFilter.js +1 -2
  92. package/lib/group-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  93. package/lib/group-component/components/checkbox-filter/FilterSearch.js +0 -2
  94. package/lib/group-component/header/TableHeadCell.js +3 -4
  95. package/lib/group-component/header/TableHeadCell2.js +3 -4
  96. package/lib/group-component/hook/utils.d.ts +1 -1
  97. package/lib/group-component/table/Grid.js +2 -2
  98. package/lib/index.d.ts +2 -2
  99. package/lib/index.js +2 -2
  100. package/lib/table-component/ColumnsChoose.js +5 -5
  101. package/lib/table-component/ColumnsConfig.d.ts +17 -0
  102. package/lib/table-component/ColumnsConfig.js +313 -0
  103. package/lib/table-component/ContextMenu.js +3 -3
  104. package/lib/table-component/InternalTable.js +25 -8
  105. package/lib/table-component/TableContainer.js +4 -2
  106. package/lib/table-component/TableContainerEdit.js +20 -8
  107. package/lib/table-component/body/EditableCell.js +113 -129
  108. package/lib/table-component/body/TableBodyCellEdit.js +1 -1
  109. package/lib/table-component/body/TableBodyRow.js +0 -5
  110. package/lib/table-component/components/EditForm/EditForm.js +3 -6
  111. package/lib/table-component/components/InputControl/InputControl.js +1 -2
  112. package/lib/table-component/components/checkbox-filter/CheckboxFilter.js +1 -2
  113. package/lib/table-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  114. package/lib/table-component/components/checkbox-filter/FilterSearch.js +5 -2
  115. package/lib/table-component/header/TableHeadCell.js +4 -5
  116. package/lib/table-component/header/TableHeadCell2.js +2 -3
  117. package/lib/table-component/header/TableHeadRow.js +6 -6
  118. package/lib/table-component/hook/utils.d.ts +3 -3
  119. package/lib/table-component/hook/utils.js +28 -4
  120. package/lib/table-component/style.js +2 -2
  121. package/lib/table-component/table/Grid.js +3 -2
  122. package/lib/table-virtuoso/ColumnsGroup/ColumnsGroup.js +3 -4
  123. package/lib/table-virtuoso/header/TableHeadCell.js +4 -5
  124. package/lib/table-virtuoso/hook/utils.d.ts +1 -1
  125. package/lib/table-virtuoso/table/Grid.js +2 -2
  126. package/lib/table-virtuoso/table/TableContainer.js +1 -1
  127. package/lib/table-virtuoso/table/TableWrapper.d.ts +1 -2
  128. package/lib/table-virtuoso/table/TableWrapper.js +2 -0
  129. package/package.json +2 -3
  130. /package/es/{datepicker → datePicker}/index.d.ts +0 -0
  131. /package/es/{datepicker → datePicker}/index.js +0 -0
  132. /package/lib/{datepicker → datePicker}/index.d.ts +0 -0
  133. /package/lib/{datepicker → datePicker}/index.js +0 -0
@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _antd = require("antd");
9
+ var _rcMasterUi = require("rc-master-ui");
10
10
  var _button = _interopRequireDefault(require("rc-master-ui/es/button"));
11
11
  var _becoxyIcons = require("becoxy-icons");
12
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
- var _rcMasterUi = require("rc-master-ui");
14
13
  var _utils = require("../hook/utils");
15
14
  var _useContext = require("../useContext");
16
15
  var _renderFilter = require("./renderFilter");
@@ -213,7 +212,7 @@ const TableHeadCell2 = props => {
213
212
  tableLocal,
214
213
  prevFilterValue: column.getFilterValue(),
215
214
  triggerVisible
216
- })), /*#__PURE__*/_react.default.createElement(_antd.Space, {
215
+ })), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Space, {
217
216
  style: {
218
217
  justifyContent: 'end',
219
218
  width: '100%'
@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _sortable = require("@dnd-kit/sortable");
9
8
  var _react = _interopRequireDefault(require("react"));
10
9
  var _useContext = require("../useContext");
11
10
  var _TableHeadCell = _interopRequireDefault(require("./TableHeadCell"));
11
+ // import { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable'
12
+
12
13
  const TableHeadRow = ({
13
14
  table,
14
15
  headerGroup,
@@ -18,7 +19,9 @@ const TableHeadRow = ({
18
19
  prefix,
19
20
  onRowHeaderStyles
20
21
  } = _react.default.useContext(_useContext.TableContext);
21
- const columnOrder = table.getState().columnOrder;
22
+
23
+ // const columnOrder = table.getState().columnOrder
24
+
22
25
  const rowStyles = typeof onRowHeaderStyles === 'function' ? onRowHeaderStyles() : onRowHeaderStyles;
23
26
  return /*#__PURE__*/_react.default.createElement("div", {
24
27
  key: headerGroup.id
@@ -33,9 +36,6 @@ const TableHeadRow = ({
33
36
  ...rowStyles,
34
37
  width: '100%'
35
38
  }
36
- }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
37
- items: columnOrder,
38
- strategy: _sortable.horizontalListSortingStrategy
39
39
  }, headerGroup.headers.map(header => {
40
40
  const columnRelativeDepth = header.depth - header.column.depth;
41
41
  if (columnRelativeDepth > 1) {
@@ -54,6 +54,6 @@ const TableHeadRow = ({
54
54
  colSpan: header.colSpan,
55
55
  rowSpan: rowSpan
56
56
  });
57
- })));
57
+ }));
58
58
  };
59
59
  var _default = exports.default = TableHeadRow;
@@ -1,13 +1,13 @@
1
1
  import type { Row, Table } from "@tanstack/react-table";
2
2
  import type { Column } from "@tanstack/react-table";
3
3
  import type { VirtualItem } from "@tanstack/react-virtual";
4
- import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterItem, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "./../../grid-component/type";
4
+ import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterItem, FilterOperator, IColumnType, IFormat, RangeState, RowDnd, Sorter, TypeFilter } from "./../../grid-component/type";
5
5
  import type { Key } from "react";
6
6
  import type { CSSProperties } from "react";
7
7
  import dayjs from "dayjs";
8
8
  import type { IPositionCell } from "../useContext";
9
9
  import type { ColumnDef } from "@tanstack/react-table";
10
- import type { TreeDataNode } from "antd";
10
+ import type { TreeDataNode } from "rc-master-ui";
11
11
  import type { FilterState } from "../../ali-table/interfaces";
12
12
  export declare const newGuid: () => any;
13
13
  export declare const convertDayjsToDate: (dateString: string, format?: string) => Date;
@@ -136,7 +136,7 @@ export declare const getVisibleColumnKeys: (columns: any[]) => string[];
136
136
  export declare const getVisibleColumnKeys1: (columns: any[]) => string[];
137
137
  export declare function getVisibleFields(columns: ColumnTable[]): string[];
138
138
  export declare function isObjEqual(obj1: any, obj2: any): boolean;
139
- export declare const sortByType: <T>(arr: ColumnTable<T>[]) => ColumnTable<T>[];
139
+ export declare const sortByType: <T>(arr: ColumnTable<T>[], rowDnd?: RowDnd) => ColumnTable<T>[];
140
140
  export declare function convertColumnsToTreeData<T>(columns: ColumnDef<T, any>[], groupColumns?: string[]): TreeDataNode[];
141
141
  export declare const updateColumns1: (columns: ColumnTable[], includes: string[]) => ColumnTable[];
142
142
  export declare const convertToObj: (arr: any) => {
@@ -2370,9 +2370,21 @@ function isObjEqual(obj1, obj2) {
2370
2370
  }
2371
2371
 
2372
2372
  // Sorting function
2373
- const sortByType = arr => {
2374
- if (arr) {
2375
- return arr.sort((a, b) => {
2373
+ const sortByType = (arr, rowDnd) => {
2374
+ const colDnd = {
2375
+ field: 'drag-handle',
2376
+ width: 50,
2377
+ fixed: 'left',
2378
+ headerText: '',
2379
+ allowFiltering: false,
2380
+ allowResizing: false,
2381
+ allowSortering: false
2382
+ };
2383
+ const cols = rowDnd?.enabled ? [{
2384
+ ...colDnd
2385
+ }, ...arr] : [...arr];
2386
+ if (cols) {
2387
+ return cols.sort((a, b) => {
2376
2388
  if ((a.fixed ?? a.fixedType) === 'left' && (b.fixed ?? b.fixedType) !== 'left') {
2377
2389
  return -1;
2378
2390
  } else if ((a.fixed ?? a.fixedType) !== 'left' && (b.fixed ?? b.fixedType) === 'left') {
@@ -2529,7 +2541,19 @@ function updateColumnWidthsRecursive(columns, sizing) {
2529
2541
  return updated;
2530
2542
  });
2531
2543
  }
2532
- function updateWidthsByOther(source, target) {
2544
+ function updateWidthsByOther(source, target
2545
+ // rowDnd?: RowDnd
2546
+ ) {
2547
+ // const columnDnd = {
2548
+ // field: 'drag-handle',
2549
+ // headerText: '',
2550
+ // fixed: 'left',
2551
+ // width: 50
2552
+ // }
2553
+
2554
+ // const tg = rowDnd?.enabled ? [{...columnDnd}, ...target] : [...target]
2555
+ // const sour = rowDnd?.enabled ? [{...columnDnd}, ...source] : [...source]
2556
+
2533
2557
  const targetMap = new Map();
2534
2558
 
2535
2559
  // tạo map {field -> width} từ target
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.GridStyle = void 0;
8
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
9
  // const prefix = "ui-rc";
10
- // const antdPrefix = "ant";
10
+ // const rcUiPrefix = "ant";
11
11
  const fontFamily = 'Montserrat, Helvetica, Arial, serif ';
12
12
  // const borderRadius = "6px";
13
13
 
@@ -55,4 +55,4 @@ const colorDark = '#e6e4f3e6 ';
55
55
  const GridStyle = exports.GridStyle = _styledComponents.default.div.withConfig({
56
56
  displayName: "GridStyle",
57
57
  componentId: "es-grid-template__sc-hdqm5k-0"
58
- })(["&.", "-grid{color:", ";font-size:", ";background-color:", ";font-family:", ";&.", "-grid-editable{.", "-grid-container{.", "-grid-tbody{.", "-grid-row{background-color:", ";color:", ";&.", "-grid-row-parent{background-color:#ffffff;font-weight:500;}}}}}table{table-layout:fixed;border-collapse:separate;border-spacing:0;}.", "-grid-container{border:1px solid ", ";border-right:0;&::after{position:absolute;top:0px;right:0;z-index:1;height:100%;border-right:1px solid ", ";content:'';pointer-events:none;}.", "-grid-cell{padding:5px 8px;&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-right{justify-content:flex-end;text-align:right;}&.", "-grid-cell-ellipsis{.ui-rc_cell-content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;&.select-cell{padding-right:18px;position:relative;}.caret-down{float:right;position:absolute;right:0;&::before{content:'';display:inline-block;margin-left:4px;vertical-align:middle;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #6f7777;}}}}&.", "-grid-cell-wrap{white-space:normal;text-overflow:ellipsis;word-break:break-word;}.", "-grid-header-text-wrap{white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}}.", "-grid-thead{background-color:", ";font-weight:", ";.", "-grid-cell{font-weight:inherit;color:", ";background-color:inherit;border-inline-end:1px solid ", ";border-bottom:1px solid ", ";&.ui-rc-grid-cell-ellipsis{.ui-rc-table-column-title,.", "-grid-cell-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}&.ui-rc-grid-cell-wrap{.ui-rc-table-column-title,.", "-grid-cell-text-wrap{white-space:normal;word-break:break-word;overflow:hidden;}}&:hover{.ui-rc-header-trigger{.ui-rc-table-column-sorter-cancel{opacity:1;}}}.", "-grid-filter-column{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative;z-index:3;}.ui-rc-header-trigger{padding-left:6px;display:flex;align-items:center;.ui-rc-table-column-sorter-cancel{opacity:0;}}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;z-index:3;touch-action:none;user-select:none;width:5px;}.resizer.isResizing{opacity:1;}}}.", "-grid-tbody{.", "-grid-row{font-weight:", ";background-color:", ";color:", ";&.", "-grid-row-odd{background-color:#f9f8fd;}&.", "-grid-row-even{}&.", "-grid-row-parent{background-color:#f5f5f5;font-weight:500;}}}.", "-grid-tfoot{.", "-grid-footer-row{border-bottom-width:1px;border-bottom-color:", ";border-bottom-style:solid;border-top-width:1px;border-top-color:", ";border-top-style:solid;background-color:#fafafa;}.", "-grid-cell{background-color:inherit;border-inline-end:1px solid ", ";}}}&.", "-grid-dark{background-color:", ";color:", ";.", "-grid-container{border-color:", ";&::after{border-right-color:", ";}}}.ui-rc-toolbar-bottom{border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;.be-toolbar-item{.ui-rc-btn{font-size:12px;line-height:1.5}.toolbar-dropdown-button{font-size:12px;.ui-rc-btn.ui-rc-btn-default.ui-rc-btn-variant-outlined.ui-rc-btn-compact-item.ui-rc-btn-compact-first-item{border-color:#28c76f;}.ui-rc-btn.ui-rc-btn-default.ui-rc-btn-variant-outlined.ui-rc-btn-compact-item.ui-rc-btn-compact-last-item{border-color:#28c76f;.ui-rc-btn-icon{color:#28c76f;}}}}}.ui-rc-toolbar-bottom_border-bottom{border-bottom:1px solid #e0e0e0;}.ui-rc-toolbar-bottom{position:relative;padding:.15rem 0.5rem;background-color:#ffffff;.toolbar-button{border-radius:3px;}.ui-rc-btn{border-radius:3px;height:28px;&.ui-rc-btn-compact-item.ui-rc-btn-compact-last-item{border-start-start-radius:0;border-end-start-radius:0;}&.ui-rc-btn-compact-item.ui-rc-btn-compact-first-item{border-start-end-radius:0;border-end-end-radius:0;}}}}"], props => props.$prefix, color, fontSize, BgColor, fontFamily, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, fwHeader, props => props.$prefix, props => `${props.$theme.color ? props.$theme.color : color}`, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, fwBody, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, tableBorderColor, props => props.$prefix, BgColorDark, colorDark, props => props.$prefix, tableBorderColorDark, tableBorderColorDark);
58
+ })(["&.", "-grid{color:", ";font-size:", ";background-color:", ";font-family:", ";&.", "-grid-editable{.", "-grid-container{.", "-grid-tbody{.", "-grid-row{background-color:", ";color:", ";&.", "-grid-row-parent{background-color:#ffffff;font-weight:500;}}}}}table{table-layout:fixed;border-collapse:separate;border-spacing:0;}.", "-grid-container{border:1px solid ", ";border-right:0;&::after{position:absolute;top:0px;right:0;z-index:1;height:100%;border-right:1px solid ", ";content:'';pointer-events:none;}.", "-grid-cell{padding:5px 8px;&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-right{justify-content:flex-end;text-align:right;}&.editable{.ui-rc_cell-content{height:100%}}&.", "-grid-cell-ellipsis{.ui-rc_cell-content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;&.select-cell{padding-right:18px;position:relative;}.caret-down{float:right;position:absolute;right:0;&::before{content:'';display:inline-block;margin-left:4px;vertical-align:middle;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #6f7777;}}}}&.", "-grid-cell-wrap{white-space:normal;text-overflow:ellipsis;word-break:break-word;}.", "-grid-header-text-wrap{white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}}.", "-grid-thead{background-color:", ";font-weight:", ";.", "-grid-cell{font-weight:inherit;color:", ";background-color:inherit;border-inline-end:1px solid ", ";border-bottom:1px solid ", ";&.ui-rc-grid-cell-ellipsis{.ui-rc-table-column-title,.", "-grid-cell-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}&.ui-rc-grid-cell-wrap{.ui-rc-table-column-title,.", "-grid-cell-text-wrap{white-space:normal;word-break:break-word;overflow:hidden;}}&:hover{.ui-rc-header-trigger{.ui-rc-table-column-sorter-cancel{opacity:1;}}}.", "-grid-filter-column{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative;z-index:3;}.ui-rc-header-trigger{padding-left:6px;display:flex;align-items:center;.ui-rc-table-column-sorter-cancel{opacity:0;}}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;z-index:3;touch-action:none;user-select:none;width:5px;}.resizer.isResizing{opacity:1;}}}.", "-grid-tbody{.", "-grid-row{font-weight:", ";background-color:", ";color:", ";&.", "-grid-row-odd{background-color:#f9f8fd;}&.", "-grid-row-even{}&.", "-grid-row-parent{background-color:#f5f5f5;font-weight:500;}}}.", "-grid-tfoot{.", "-grid-footer-row{border-bottom-width:1px;border-bottom-color:", ";border-bottom-style:solid;border-top-width:1px;border-top-color:", ";border-top-style:solid;background-color:#fafafa;}.", "-grid-cell{background-color:inherit;border-inline-end:1px solid ", ";}}}&.", "-grid-dark{background-color:", ";color:", ";.", "-grid-container{border-color:", ";&::after{border-right-color:", ";}}}.ui-rc-toolbar-bottom{border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;.be-toolbar-item{.ui-rc-btn{font-size:12px;line-height:1.5}.toolbar-dropdown-button{font-size:12px;.ui-rc-btn.ui-rc-btn-default.ui-rc-btn-variant-outlined.ui-rc-btn-compact-item.ui-rc-btn-compact-first-item{border-color:#28c76f;}.ui-rc-btn.ui-rc-btn-default.ui-rc-btn-variant-outlined.ui-rc-btn-compact-item.ui-rc-btn-compact-last-item{border-color:#28c76f;.ui-rc-btn-icon{color:#28c76f;}}}}}.ui-rc-toolbar-bottom_border-bottom{border-bottom:1px solid #e0e0e0;}.ui-rc-toolbar-bottom{position:relative;padding:.15rem 0.5rem;background-color:#ffffff;.toolbar-button{border-radius:3px;}.ui-rc-btn{border-radius:3px;height:28px;&.ui-rc-btn-compact-item.ui-rc-btn-compact-last-item{border-start-start-radius:0;border-end-start-radius:0;}&.ui-rc-btn-compact-item.ui-rc-btn-compact-first-item{border-start-end-radius:0;border-end-end-radius:0;}}}}"], props => props.$prefix, color, fontSize, BgColor, fontFamily, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, fwHeader, props => props.$prefix, props => `${props.$theme.color ? props.$theme.color : color}`, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, fwBody, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, tableBorderColor, props => props.$prefix, BgColorDark, colorDark, props => props.$prefix, tableBorderColorDark, tableBorderColorDark);
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _antd = require("antd");
9
+ var _rcMasterUi = require("rc-master-ui");
10
10
  var _faker = require("@faker-js/faker");
11
11
  var _reactTable = require("@tanstack/react-table");
12
12
  var _core = require("@dnd-kit/core");
@@ -282,6 +282,7 @@ const Grid = props => {
282
282
  active,
283
283
  over
284
284
  } = event;
285
+ // column dnd
285
286
  if (active && over && active.id !== over.id) {
286
287
  setColumnOrder(cols => {
287
288
  const oldIndex = cols.indexOf(active.id);
@@ -348,7 +349,7 @@ const Grid = props => {
348
349
  isFullScreen: isFullScreen,
349
350
  setIsFullScreen: setIsFullScreen,
350
351
  setIsExpandClick: setIsExpandClick
351
- })))), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
352
+ })))), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Modal, {
352
353
  open: isFullScreen,
353
354
  footer: null,
354
355
  centered: true,
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.ColumnsGroup = void 0;
8
8
  var _becoxyIcons = require("becoxy-icons");
9
9
  var _react = _interopRequireWildcard(require("react"));
10
- var _antd = require("antd");
11
10
  var _rcMasterUi = require("rc-master-ui");
12
11
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
12
  var _hooks = require("../../grid-component/hooks");
@@ -105,7 +104,7 @@ const ColumnsGroup = props => {
105
104
  setTempGroup([]);
106
105
  }
107
106
  };
108
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
107
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Popover, {
109
108
  placement: 'bottomLeft',
110
109
  content: /*#__PURE__*/_react.default.createElement("div", {
111
110
  style: {
@@ -213,14 +212,14 @@ const ColumnsGroup = props => {
213
212
  filterOption: _hooks.customFilterOption
214
213
  }))), /*#__PURE__*/_react.default.createElement(BoxAction, {
215
214
  className: 'px-1'
216
- }, /*#__PURE__*/_react.default.createElement(_antd.Button
215
+ }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button
217
216
  // className={classnames('btn-action btn-action-submit', {
218
217
  // // disable: !columns.find((item) => item.visible !== false || item.visible)
219
218
  // })}
220
219
  , {
221
220
  onClick: handleGroup
222
221
  // disabled={!columns.find((item) => item.visible !== false || item.visible)}
223
- }, t ? t('Thực hiện') : 'Thực hiện'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
222
+ }, t ? t('Thực hiện') : 'Thực hiện'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
224
223
  className: 'btn-action btn-action-cancel',
225
224
  onClick: handleClear
226
225
  }, t ? t('Clear') : 'Clear'))),
@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _antd = require("antd");
9
+ var _rcMasterUi = require("rc-master-ui");
10
10
  var _becoxyIcons = require("becoxy-icons");
11
11
  var _classnames = _interopRequireDefault(require("classnames"));
12
- var _rcMasterUi = require("rc-master-ui");
13
12
  var _utils = require("../hook/utils");
14
13
  var _renderFilter = require("./renderFilter");
15
14
  var _useContext = require("../useContext");
@@ -160,12 +159,12 @@ const TableHeadCell = props => {
160
159
  column: column,
161
160
  selectedKeys,
162
161
  setSelectedKeys
163
- })), /*#__PURE__*/_react.default.createElement(_antd.Space, {
162
+ })), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Space, {
164
163
  style: {
165
164
  justifyContent: 'end',
166
165
  width: '100%'
167
166
  }
168
- }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
167
+ }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
169
168
  type: "primary",
170
169
  onClick: () => {
171
170
  doFilter(true);
@@ -174,7 +173,7 @@ const TableHeadCell = props => {
174
173
  style: {
175
174
  width: 90
176
175
  }
177
- }, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
176
+ }, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
178
177
  type: "link",
179
178
  size: "small",
180
179
  onClick: () => {
@@ -6,7 +6,7 @@ import type { Key } from "react";
6
6
  import type { CSSProperties } from "react";
7
7
  import dayjs from "dayjs";
8
8
  import type { ColumnDef } from "@tanstack/react-table";
9
- import type { TreeDataNode } from "antd";
9
+ import type { TreeDataNode } from "rc-master-ui";
10
10
  import type { IPositionCell } from "../../table-component/useContext";
11
11
  export declare const newGuid: () => any;
12
12
  export declare const convertDayjsToDate: (dateString: string, format?: string) => Date;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _antd = require("antd");
9
+ var _rcMasterUi = require("rc-master-ui");
10
10
  var _faker = require("@faker-js/faker");
11
11
  var _core = require("@dnd-kit/core");
12
12
  var _modifiers = require("@dnd-kit/modifiers");
@@ -208,7 +208,7 @@ const Grid = props => {
208
208
  columnSizingInfo: columnSizingInfo,
209
209
  isFullScreen: isFullScreen,
210
210
  setIsFullScreen: setIsFullScreen
211
- })))), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
211
+ })))), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Modal, {
212
212
  open: isFullScreen,
213
213
  footer: null,
214
214
  centered: true,
@@ -121,7 +121,7 @@ const TableContainer = props => {
121
121
  if (!toolbarItems) {
122
122
  return undefined;
123
123
  }
124
- return toolbarItems.filter(it => it.position !== 'Bottom' && it.fixedRight !== false);
124
+ return toolbarItems.filter(it => it.position !== 'Bottom' && it.visible !== false && it.fixedRight !== true);
125
125
  }, [toolbarItems]);
126
126
  const toolbarItemTopRight = _react.default.useMemo(() => {
127
127
  if (!toolbarItems) {
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { ColumnDef, Table } from "@tanstack/react-table";
3
- import type { CommandClick, ContextInfo, PaginationConfig } from '../../grid-component/type';
4
- import type { ContextMenuItem } from "../..";
3
+ import type { CommandClick, ContextInfo, ContextMenuItem, PaginationConfig } from '../../grid-component/type';
5
4
  type Props<T> = {
6
5
  tableContainerRef: React.RefObject<HTMLDivElement>;
7
6
  table: Table<T>;
@@ -19,6 +19,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
19
19
  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; }
20
20
  /* eslint-disable @typescript-eslint/no-shadow */
21
21
 
22
+ // import type { ContextMenuItem } from 'es-grid-template';
23
+
22
24
  const TableWrapper = props => {
23
25
  const {
24
26
  table,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "es-grid-template",
3
- "version": "1.9.53",
3
+ "version": "1.9.56",
4
4
  "description": "es-grid-template",
5
5
  "keywords": [
6
6
  "react",
@@ -55,7 +55,6 @@
55
55
  "@types/react-resizable": "3.0.8",
56
56
  "@types/styled-components": "5.1.34",
57
57
  "@vitest/coverage-v8": "2.0.5",
58
- "antd": "5.24.1",
59
58
  "antd-style": "3.7.1",
60
59
  "becoxy-icons": "^2.1.1",
61
60
  "classnames": "2.3.1",
@@ -67,7 +66,7 @@
67
66
  "rc-checkbox": "3.5.0",
68
67
  "rc-dropdown": "4.2.1",
69
68
  "rc-field-form": "2.6.0",
70
- "rc-master-ui": "1.1.59",
69
+ "rc-master-ui": "1.1.63",
71
70
  "rc-select": "14.16.3",
72
71
  "rc-tooltip": "6.3.0",
73
72
  "rc-tree": "5.10.1",
File without changes
File without changes
File without changes
File without changes