es-grid-template 1.9.22 → 1.9.23
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.
|
@@ -194,10 +194,10 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
|
|
|
194
194
|
value: any;
|
|
195
195
|
rowData: RecordType;
|
|
196
196
|
}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
|
|
197
|
-
onCellStyles?: Omit<CSSProperties, "
|
|
198
|
-
onCellHeaderStyles?: Omit<CSSProperties, "
|
|
197
|
+
onCellStyles?: Omit<CSSProperties, "position" | "display" | "left" | "minWidth" | "right" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "position" | "display" | "left" | "minWidth" | "right" | "width">);
|
|
198
|
+
onCellHeaderStyles?: Omit<CSSProperties, "position" | "display" | "left" | "minWidth" | "right" | "width"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "position" | "display" | "left" | "minWidth" | "right" | "width">);
|
|
199
199
|
onCell?: (rowData: RecordType, index: number) => import("react").TdHTMLAttributes<HTMLTableCellElement>;
|
|
200
|
-
onCellFooterStyles?: Omit<CSSProperties, "
|
|
200
|
+
onCellFooterStyles?: Omit<CSSProperties, "position" | "display" | "left" | "minWidth" | "right" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "position" | "display" | "left" | "minWidth" | "right" | "width">);
|
|
201
201
|
getValue?: (row: any, rowIndex: number) => any;
|
|
202
202
|
getCellProps?: (value: any, row: any, rowIndex: number) => import("./../../grid-component/type").CellProps;
|
|
203
203
|
headerCellProps?: import("./../../grid-component/type").CellProps;
|
|
@@ -112,11 +112,15 @@ const TableContainer = props => {
|
|
|
112
112
|
return;
|
|
113
113
|
}
|
|
114
114
|
if (containerRef.current && tableBody && !tableBody.contains(event.target)) {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
115
|
+
if (focusedCell) {
|
|
116
|
+
setFocusedCell(undefined);
|
|
117
|
+
}
|
|
118
|
+
if (isSelectionChange?.isChange) {
|
|
119
|
+
setIsSelectionChange(prev => ({
|
|
120
|
+
...prev,
|
|
121
|
+
isChange: false
|
|
122
|
+
}));
|
|
123
|
+
}
|
|
120
124
|
}
|
|
121
125
|
};
|
|
122
126
|
document.addEventListener('mousedown', handleClickOutside);
|
|
@@ -608,25 +608,28 @@ const TableContainerEdit = props => {
|
|
|
608
608
|
if (editingKey) {
|
|
609
609
|
onBlur?.(dataSource);
|
|
610
610
|
}
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
611
|
+
if (editingKey) {
|
|
612
|
+
setTimeout(() => {
|
|
613
|
+
setEditingKey('');
|
|
614
|
+
});
|
|
615
|
+
}
|
|
616
|
+
if (endCell) {
|
|
617
|
+
setEndCell(undefined);
|
|
618
|
+
}
|
|
619
|
+
if (startCell) {
|
|
620
|
+
setStartCell(undefined);
|
|
621
|
+
}
|
|
622
|
+
if (rangeState) {
|
|
623
|
+
setRangeState(undefined);
|
|
624
|
+
}
|
|
625
|
+
if (focusedCell) {
|
|
626
|
+
setFocusedCell(undefined);
|
|
627
|
+
}
|
|
619
628
|
}
|
|
620
629
|
};
|
|
621
|
-
|
|
622
|
-
// document.addEventListener('click', handleClickOutside)
|
|
623
630
|
document.addEventListener('mousedown', handleClickOutside);
|
|
624
|
-
// document.addEventListener('touchstart', handleClickOutside)
|
|
625
|
-
|
|
626
631
|
return () => {
|
|
627
|
-
// document.removeEventListener('click', handleClickOutside)
|
|
628
632
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
629
|
-
// document.removeEventListener('touchstart', handleClickOutside)
|
|
630
633
|
};
|
|
631
634
|
}, [dataSource, editingKey, id, onBlur]);
|
|
632
635
|
const columnSizingState = table.getState().columnSizing;
|
|
@@ -119,11 +119,15 @@ const TableContainer = props => {
|
|
|
119
119
|
return;
|
|
120
120
|
}
|
|
121
121
|
if (containerRef.current && tableBody && !tableBody.contains(event.target)) {
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
122
|
+
if (focusedCell) {
|
|
123
|
+
setFocusedCell(undefined);
|
|
124
|
+
}
|
|
125
|
+
if (isSelectionChange?.isChange) {
|
|
126
|
+
setIsSelectionChange(prev => ({
|
|
127
|
+
...prev,
|
|
128
|
+
isChange: false
|
|
129
|
+
}));
|
|
130
|
+
}
|
|
127
131
|
}
|
|
128
132
|
};
|
|
129
133
|
document.addEventListener('mousedown', handleClickOutside);
|
|
@@ -615,25 +615,28 @@ const TableContainerEdit = props => {
|
|
|
615
615
|
if (editingKey) {
|
|
616
616
|
onBlur?.(dataSource);
|
|
617
617
|
}
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
618
|
+
if (editingKey) {
|
|
619
|
+
setTimeout(() => {
|
|
620
|
+
setEditingKey('');
|
|
621
|
+
});
|
|
622
|
+
}
|
|
623
|
+
if (endCell) {
|
|
624
|
+
setEndCell(undefined);
|
|
625
|
+
}
|
|
626
|
+
if (startCell) {
|
|
627
|
+
setStartCell(undefined);
|
|
628
|
+
}
|
|
629
|
+
if (rangeState) {
|
|
630
|
+
setRangeState(undefined);
|
|
631
|
+
}
|
|
632
|
+
if (focusedCell) {
|
|
633
|
+
setFocusedCell(undefined);
|
|
634
|
+
}
|
|
626
635
|
}
|
|
627
636
|
};
|
|
628
|
-
|
|
629
|
-
// document.addEventListener('click', handleClickOutside)
|
|
630
637
|
document.addEventListener('mousedown', handleClickOutside);
|
|
631
|
-
// document.addEventListener('touchstart', handleClickOutside)
|
|
632
|
-
|
|
633
638
|
return () => {
|
|
634
|
-
// document.removeEventListener('click', handleClickOutside)
|
|
635
639
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
636
|
-
// document.removeEventListener('touchstart', handleClickOutside)
|
|
637
640
|
};
|
|
638
641
|
}, [dataSource, editingKey, id, onBlur]);
|
|
639
642
|
const columnSizingState = table.getState().columnSizing;
|