@pdg/react-table 1.0.128 → 1.0.129
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/dist/Table/Table.types.d.ts +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.js +2 -2
- package/package.json +1 -1
|
@@ -13,8 +13,8 @@ export interface TableItem {
|
|
|
13
13
|
* TableProgressiveVisibleInfo
|
|
14
14
|
* ******************************************************************************************************************/
|
|
15
15
|
export interface TableProgressiveVisibleInfo {
|
|
16
|
-
blockSize: number;
|
|
17
16
|
rowHeight: number;
|
|
17
|
+
blockSize?: number;
|
|
18
18
|
delay?: number;
|
|
19
19
|
}
|
|
20
20
|
/********************************************************************************************************************
|
package/dist/index.esm.js
CHANGED
|
@@ -804,7 +804,7 @@ var TableBodyRow = function (_a) {
|
|
|
804
804
|
* ******************************************************************************************************************/
|
|
805
805
|
var renderItems = useMemo(function () {
|
|
806
806
|
return !progressiveVisible || inView ? (items.map(function (item, idx) { return (React.createElement(TableBodyRow, { key: item.id, id: item.id, index: baseIndex + idx, className: classNames(showOddColor && 'odd-color', showEvenColor && 'even-color', onGetBodyRowClassName ? onGetBodyRowClassName(item, baseIndex + idx) : undefined), style: onGetBodyRowStyle ? onGetBodyRowStyle(item, baseIndex + idx) : undefined, sx: onGetBodyRowSx ? onGetBodyRowSx(item, baseIndex + idx) : undefined, hover: true, onGetColumnClassName: onGetBodyColumnClassName, onGetColumnStyle: onGetBodyColumnStyle, onGetColumnSx: onGetBodyColumnSx, defaultAlign: defaultAlign, defaultEllipsis: defaultEllipsis, sortable: sortable, columns: columns, item: item, onClick: onClick, onCheckChange: onCheckChange })); })) : (React.createElement(TableRow, { ref: canInView ? ref : undefined },
|
|
807
|
-
React.createElement(TableCell, { colSpan: columns.length, style: { height:
|
|
807
|
+
React.createElement(TableCell, { colSpan: columns.length, style: { height: progressiveVisible.rowHeight * items.length, border: 'none' } })));
|
|
808
808
|
}, [
|
|
809
809
|
baseIndex,
|
|
810
810
|
canInView,
|
|
@@ -848,7 +848,7 @@ var TableBodyRow = function (_a) {
|
|
|
848
848
|
* ******************************************************************************************************************/
|
|
849
849
|
var renderBlock = useMemo(function () {
|
|
850
850
|
if (progressiveVisible) {
|
|
851
|
-
return (React.createElement(React.Fragment, null, chunkArray(items,
|
|
851
|
+
return (React.createElement(React.Fragment, null, chunkArray(items, ifUndefined(progressiveVisible.blockSize, 20)).map(function (bItems, index) { return (React.createElement(TableSortableBodyBlock, { key: index, items: bItems, baseIndex: index, columns: columns, showOddColor: showOddColor, showEvenColor: showEvenColor, onGetBodyRowStyle: onGetBodyRowStyle, onGetBodyRowSx: onGetBodyRowSx, onGetBodyRowClassName: onGetBodyRowClassName, onGetBodyColumnClassName: onGetBodyColumnClassName, onGetBodyColumnStyle: onGetBodyColumnStyle, onGetBodyColumnSx: onGetBodyColumnSx, defaultAlign: defaultAlign, defaultEllipsis: defaultEllipsis, sortable: sortable, onClick: onClick, onCheckChange: onCheckChange })); })));
|
|
852
852
|
}
|
|
853
853
|
else {
|
|
854
854
|
return (React.createElement(TableSortableBodyBlock, { items: items, baseIndex: 0, columns: columns, showOddColor: showOddColor, showEvenColor: showEvenColor, onGetBodyRowStyle: onGetBodyRowStyle, onGetBodyRowSx: onGetBodyRowSx, onGetBodyRowClassName: onGetBodyRowClassName, onGetBodyColumnClassName: onGetBodyColumnClassName, onGetBodyColumnStyle: onGetBodyColumnStyle, onGetBodyColumnSx: onGetBodyColumnSx, defaultAlign: defaultAlign, defaultEllipsis: defaultEllipsis, sortable: sortable, onClick: onClick, onCheckChange: onCheckChange }));
|
package/dist/index.js
CHANGED
|
@@ -804,7 +804,7 @@ var TableBodyRow = function (_a) {
|
|
|
804
804
|
* ******************************************************************************************************************/
|
|
805
805
|
var renderItems = React.useMemo(function () {
|
|
806
806
|
return !progressiveVisible || inView ? (items.map(function (item, idx) { return (React.createElement(TableBodyRow, { key: item.id, id: item.id, index: baseIndex + idx, className: classNames(showOddColor && 'odd-color', showEvenColor && 'even-color', onGetBodyRowClassName ? onGetBodyRowClassName(item, baseIndex + idx) : undefined), style: onGetBodyRowStyle ? onGetBodyRowStyle(item, baseIndex + idx) : undefined, sx: onGetBodyRowSx ? onGetBodyRowSx(item, baseIndex + idx) : undefined, hover: true, onGetColumnClassName: onGetBodyColumnClassName, onGetColumnStyle: onGetBodyColumnStyle, onGetColumnSx: onGetBodyColumnSx, defaultAlign: defaultAlign, defaultEllipsis: defaultEllipsis, sortable: sortable, columns: columns, item: item, onClick: onClick, onCheckChange: onCheckChange })); })) : (React.createElement(material.TableRow, { ref: canInView ? ref : undefined },
|
|
807
|
-
React.createElement(material.TableCell, { colSpan: columns.length, style: { height:
|
|
807
|
+
React.createElement(material.TableCell, { colSpan: columns.length, style: { height: progressiveVisible.rowHeight * items.length, border: 'none' } })));
|
|
808
808
|
}, [
|
|
809
809
|
baseIndex,
|
|
810
810
|
canInView,
|
|
@@ -848,7 +848,7 @@ var TableBodyRow = function (_a) {
|
|
|
848
848
|
* ******************************************************************************************************************/
|
|
849
849
|
var renderBlock = React.useMemo(function () {
|
|
850
850
|
if (progressiveVisible) {
|
|
851
|
-
return (React.createElement(React.Fragment, null, chunkArray(items,
|
|
851
|
+
return (React.createElement(React.Fragment, null, chunkArray(items, util.ifUndefined(progressiveVisible.blockSize, 20)).map(function (bItems, index) { return (React.createElement(TableSortableBodyBlock, { key: index, items: bItems, baseIndex: index, columns: columns, showOddColor: showOddColor, showEvenColor: showEvenColor, onGetBodyRowStyle: onGetBodyRowStyle, onGetBodyRowSx: onGetBodyRowSx, onGetBodyRowClassName: onGetBodyRowClassName, onGetBodyColumnClassName: onGetBodyColumnClassName, onGetBodyColumnStyle: onGetBodyColumnStyle, onGetBodyColumnSx: onGetBodyColumnSx, defaultAlign: defaultAlign, defaultEllipsis: defaultEllipsis, sortable: sortable$1, onClick: onClick, onCheckChange: onCheckChange })); })));
|
|
852
852
|
}
|
|
853
853
|
else {
|
|
854
854
|
return (React.createElement(TableSortableBodyBlock, { items: items, baseIndex: 0, columns: columns, showOddColor: showOddColor, showEvenColor: showEvenColor, onGetBodyRowStyle: onGetBodyRowStyle, onGetBodyRowSx: onGetBodyRowSx, onGetBodyRowClassName: onGetBodyRowClassName, onGetBodyColumnClassName: onGetBodyColumnClassName, onGetBodyColumnStyle: onGetBodyColumnStyle, onGetBodyColumnSx: onGetBodyColumnSx, defaultAlign: defaultAlign, defaultEllipsis: defaultEllipsis, sortable: sortable$1, onClick: onClick, onCheckChange: onCheckChange }));
|