qbs-react-grid 2.0.10 → 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.
@@ -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;
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qbs-react-grid",
3
- "version": "2.0.10",
3
+ "version": "2.0.12",
4
4
  "description": "A React table component",
5
5
  "main": "lib/index.js",
6
6
  "typings": "lib/index.d.ts",
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, { useCallback, useEffect, useImperativeHandle, useReducer, useRef, useState } from '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 { CELL_PADDING_HEIGHT, EXPANDED_KEY, ROW_HEADER_HEIGHT, ROW_HEIGHT, SCROLLBAR_WIDTH, SORT_TYPE, TREE_DEPTH } from './constants';
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 { findAllParents, findRowKeys, flattenData, isRTL, isSupportTouchEvent, mergeCells, resetLeftForCells, shouldShowRowByExpanded, useAffix, useCellDescriptor, useClassNames, useControlled, usePosition, useScrollListener, useTableDimension, useTableRows, useUpdateEffect } from './utils';
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;