qbs-react-grid 2.0.11 → 2.0.12
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.
- package/es/qbsTable/QbsTable.js +3 -1
- package/es/qbsTable/commontypes.d.ts +1 -0
- package/lib/qbsTable/QbsTable.js +3 -1
- package/lib/qbsTable/commontypes.d.ts +1 -0
- package/package.json +1 -1
- package/src/Table.tsx +36 -4
- package/src/qbsTable/QbsTable.tsx +3 -1
- package/src/qbsTable/commontypes.ts +3 -2
package/es/qbsTable/QbsTable.js
CHANGED
|
@@ -123,7 +123,8 @@ var QbsTable = function QbsTable(_ref) {
|
|
|
123
123
|
setTableFullView = _ref.setTableFullView,
|
|
124
124
|
setRowViewToggle = _ref.setRowViewToggle,
|
|
125
125
|
_ref$dropType = _ref.dropType,
|
|
126
|
-
dropType = _ref$dropType === void 0 ? 'horizondal' : _ref$dropType
|
|
126
|
+
dropType = _ref$dropType === void 0 ? 'horizondal' : _ref$dropType,
|
|
127
|
+
rowHeight = _ref.rowHeight;
|
|
127
128
|
var _useState = useState(false),
|
|
128
129
|
loading = _useState[0],
|
|
129
130
|
setLoading = _useState[1];
|
|
@@ -607,6 +608,7 @@ var QbsTable = function QbsTable(_ref) {
|
|
|
607
608
|
dataTheme: dataTheme,
|
|
608
609
|
wordWrap: wordWrap,
|
|
609
610
|
wheelWrapperRef: wheelWrapperRef,
|
|
611
|
+
rowHeight: rowHeight,
|
|
610
612
|
autoHeight: autoHeight,
|
|
611
613
|
handleInfiniteScroll: handleInfiniteScroll,
|
|
612
614
|
sortColumn: sortColumn,
|
|
@@ -138,6 +138,7 @@ export interface QbsTableProps {
|
|
|
138
138
|
setTableFullView?: (value: boolean) => void;
|
|
139
139
|
setRowViewToggle?: (value: boolean) => void;
|
|
140
140
|
dropType?: 'horizondal' | 'vertical';
|
|
141
|
+
rowHeight?: number;
|
|
141
142
|
}
|
|
142
143
|
export interface QbsTableToolbarProps {
|
|
143
144
|
title?: string;
|
package/lib/qbsTable/QbsTable.js
CHANGED
|
@@ -129,7 +129,8 @@ var QbsTable = function QbsTable(_ref) {
|
|
|
129
129
|
setTableFullView = _ref.setTableFullView,
|
|
130
130
|
setRowViewToggle = _ref.setRowViewToggle,
|
|
131
131
|
_ref$dropType = _ref.dropType,
|
|
132
|
-
dropType = _ref$dropType === void 0 ? 'horizondal' : _ref$dropType
|
|
132
|
+
dropType = _ref$dropType === void 0 ? 'horizondal' : _ref$dropType,
|
|
133
|
+
rowHeight = _ref.rowHeight;
|
|
133
134
|
var _useState = (0, _react.useState)(false),
|
|
134
135
|
loading = _useState[0],
|
|
135
136
|
setLoading = _useState[1];
|
|
@@ -613,6 +614,7 @@ var QbsTable = function QbsTable(_ref) {
|
|
|
613
614
|
dataTheme: dataTheme,
|
|
614
615
|
wordWrap: wordWrap,
|
|
615
616
|
wheelWrapperRef: wheelWrapperRef,
|
|
617
|
+
rowHeight: rowHeight,
|
|
616
618
|
autoHeight: autoHeight,
|
|
617
619
|
handleInfiniteScroll: handleInfiniteScroll,
|
|
618
620
|
sortColumn: sortColumn,
|
|
@@ -138,6 +138,7 @@ export interface QbsTableProps {
|
|
|
138
138
|
setTableFullView?: (value: boolean) => void;
|
|
139
139
|
setRowViewToggle?: (value: boolean) => void;
|
|
140
140
|
dropType?: 'horizondal' | 'vertical';
|
|
141
|
+
rowHeight?: number;
|
|
141
142
|
}
|
|
142
143
|
export interface QbsTableToolbarProps {
|
|
143
144
|
title?: string;
|
package/package.json
CHANGED
package/src/Table.tsx
CHANGED
|
@@ -3,17 +3,50 @@ import debounce from 'lodash/debounce';
|
|
|
3
3
|
import flatten from 'lodash/flatten';
|
|
4
4
|
import isFunction from 'lodash/isFunction';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
-
import React, {
|
|
6
|
+
import React, {
|
|
7
|
+
useCallback,
|
|
8
|
+
useEffect,
|
|
9
|
+
useImperativeHandle,
|
|
10
|
+
useReducer,
|
|
11
|
+
useRef,
|
|
12
|
+
useState
|
|
13
|
+
} from 'react';
|
|
7
14
|
|
|
8
15
|
import CellGroup from './CellGroup';
|
|
9
|
-
import {
|
|
16
|
+
import {
|
|
17
|
+
CELL_PADDING_HEIGHT,
|
|
18
|
+
EXPANDED_KEY,
|
|
19
|
+
ROW_HEADER_HEIGHT,
|
|
20
|
+
ROW_HEIGHT,
|
|
21
|
+
SCROLLBAR_WIDTH,
|
|
22
|
+
SORT_TYPE,
|
|
23
|
+
TREE_DEPTH
|
|
24
|
+
} from './constants';
|
|
10
25
|
import EmptyMessage from './EmptyMessage';
|
|
11
26
|
import Loader from './Loader';
|
|
12
27
|
import MouseArea from './MouseArea';
|
|
13
28
|
import Row, { RowProps } from './Row';
|
|
14
29
|
import Scrollbar, { ScrollbarInstance } from './Scrollbar';
|
|
15
30
|
import TableContext from './TableContext';
|
|
16
|
-
import {
|
|
31
|
+
import {
|
|
32
|
+
findAllParents,
|
|
33
|
+
findRowKeys,
|
|
34
|
+
flattenData,
|
|
35
|
+
isRTL,
|
|
36
|
+
isSupportTouchEvent,
|
|
37
|
+
mergeCells,
|
|
38
|
+
resetLeftForCells,
|
|
39
|
+
shouldShowRowByExpanded,
|
|
40
|
+
useAffix,
|
|
41
|
+
useCellDescriptor,
|
|
42
|
+
useClassNames,
|
|
43
|
+
useControlled,
|
|
44
|
+
usePosition,
|
|
45
|
+
useScrollListener,
|
|
46
|
+
useTableDimension,
|
|
47
|
+
useTableRows,
|
|
48
|
+
useUpdateEffect
|
|
49
|
+
} from './utils';
|
|
17
50
|
|
|
18
51
|
import type {
|
|
19
52
|
RowDataType,
|
|
@@ -314,7 +347,6 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
|
|
|
314
347
|
wheelWrapperRef,
|
|
315
348
|
...rest
|
|
316
349
|
} = props;
|
|
317
|
-
|
|
318
350
|
const {
|
|
319
351
|
withClassPrefix,
|
|
320
352
|
merge: mergeCls,
|
|
@@ -103,7 +103,8 @@ const QbsTable: React.FC<QbsTableProps> = ({
|
|
|
103
103
|
fullWidthView = false,
|
|
104
104
|
setTableFullView,
|
|
105
105
|
setRowViewToggle,
|
|
106
|
-
dropType='horizondal'
|
|
106
|
+
dropType = 'horizondal',
|
|
107
|
+
rowHeight
|
|
107
108
|
}) => {
|
|
108
109
|
const [loading, setLoading] = useState(false);
|
|
109
110
|
const [columns, setColumns] = useState(propColumn);
|
|
@@ -619,6 +620,7 @@ const QbsTable: React.FC<QbsTableProps> = ({
|
|
|
619
620
|
dataTheme={dataTheme}
|
|
620
621
|
wordWrap={wordWrap}
|
|
621
622
|
wheelWrapperRef={wheelWrapperRef}
|
|
623
|
+
rowHeight={rowHeight}
|
|
622
624
|
autoHeight={autoHeight}
|
|
623
625
|
handleInfiniteScroll={handleInfiniteScroll}
|
|
624
626
|
sortColumn={sortColumn}
|
|
@@ -140,8 +140,9 @@ export interface QbsTableProps {
|
|
|
140
140
|
fullWidthView?: boolean;
|
|
141
141
|
setTableFullView?: (value: boolean) => void;
|
|
142
142
|
setRowViewToggle?: (value: boolean) => void;
|
|
143
|
-
dropType?: 'horizondal' | 'vertical'
|
|
144
|
-
|
|
143
|
+
dropType?: 'horizondal' | 'vertical';
|
|
144
|
+
rowHeight?: number;
|
|
145
|
+
}
|
|
145
146
|
|
|
146
147
|
export interface QbsTableToolbarProps {
|
|
147
148
|
title?: string;
|