es-grid-template 1.9.42 → 1.9.43
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, "position" | "display" | "
|
|
198
|
-
onCellHeaderStyles?: Omit<CSSProperties, "position" | "display" | "
|
|
197
|
+
onCellStyles?: Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right">);
|
|
198
|
+
onCellHeaderStyles?: Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right">);
|
|
199
199
|
onCell?: (rowData: RecordType, index: number) => import("react").TdHTMLAttributes<HTMLTableCellElement>;
|
|
200
|
-
onCellFooterStyles?: Omit<CSSProperties, "position" | "display" | "
|
|
200
|
+
onCellFooterStyles?: Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right">);
|
|
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;
|
|
@@ -244,7 +244,7 @@ const TableBodyCell = props => {
|
|
|
244
244
|
className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed"
|
|
245
245
|
})) : /*#__PURE__*/React.createElement("span", {
|
|
246
246
|
className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced"
|
|
247
|
-
}))), isLastLeftPinnedColumn ? /*#__PURE__*/React.createElement("span", {
|
|
247
|
+
}))), isLastLeftPinnedColumn || isFirstRightPinnedColumn ? /*#__PURE__*/React.createElement("span", {
|
|
248
248
|
className: "ui-rc_cell-content"
|
|
249
249
|
}, renderCellIndex({
|
|
250
250
|
cell,
|
|
@@ -258,7 +258,7 @@ const TableBodyCell = props => {
|
|
|
258
258
|
return /*#__PURE__*/React.createElement("td", {
|
|
259
259
|
key: cell.id,
|
|
260
260
|
className: classNames(`${prefix}-grid-cell ${prefix}-grid-cell-command`, {
|
|
261
|
-
[`${prefix}-grid-cell-ellipsis`]: true,
|
|
261
|
+
[`${prefix}-grid-cell-ellipsis`]: true && !isLastLeftPinnedColumn && !isFirstRightPinnedColumn,
|
|
262
262
|
[`${prefix}-grid-cell-fix-left-last`]: isLastLeftPinnedColumn,
|
|
263
263
|
[`${prefix}-grid-cell-fix-right-first`]: isFirstRightPinnedColumn,
|
|
264
264
|
[`${prefix}-grid-cell-text-center`]: columnMeta?.textAlign === 'center',
|
|
@@ -340,7 +340,7 @@ const TableBodyCell = props => {
|
|
|
340
340
|
className: classNames(`${prefix}-grid-cell`, {
|
|
341
341
|
// [`${prefix}-grid-cell-ellipsis`]: true,
|
|
342
342
|
|
|
343
|
-
[`${prefix}-grid-cell-ellipsis`]: !isLastLeftPinnedColumn && !wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content')),
|
|
343
|
+
[`${prefix}-grid-cell-ellipsis`]: !isLastLeftPinnedColumn && !isFirstRightPinnedColumn && (!wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content'))),
|
|
344
344
|
[`${prefix}-grid-cell-text-wrap`]: wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content'),
|
|
345
345
|
// [`${prefix}-grid-cell-selected`]: isCellSelected,
|
|
346
346
|
|
|
@@ -251,7 +251,7 @@ const TableBodyCell = props => {
|
|
|
251
251
|
className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed"
|
|
252
252
|
})) : /*#__PURE__*/_react.default.createElement("span", {
|
|
253
253
|
className: "ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced"
|
|
254
|
-
}))), isLastLeftPinnedColumn ? /*#__PURE__*/_react.default.createElement("span", {
|
|
254
|
+
}))), isLastLeftPinnedColumn || isFirstRightPinnedColumn ? /*#__PURE__*/_react.default.createElement("span", {
|
|
255
255
|
className: "ui-rc_cell-content"
|
|
256
256
|
}, renderCellIndex({
|
|
257
257
|
cell,
|
|
@@ -265,7 +265,7 @@ const TableBodyCell = props => {
|
|
|
265
265
|
return /*#__PURE__*/_react.default.createElement("td", {
|
|
266
266
|
key: cell.id,
|
|
267
267
|
className: (0, _classnames.default)(`${prefix}-grid-cell ${prefix}-grid-cell-command`, {
|
|
268
|
-
[`${prefix}-grid-cell-ellipsis`]: true,
|
|
268
|
+
[`${prefix}-grid-cell-ellipsis`]: true && !isLastLeftPinnedColumn && !isFirstRightPinnedColumn,
|
|
269
269
|
[`${prefix}-grid-cell-fix-left-last`]: isLastLeftPinnedColumn,
|
|
270
270
|
[`${prefix}-grid-cell-fix-right-first`]: isFirstRightPinnedColumn,
|
|
271
271
|
[`${prefix}-grid-cell-text-center`]: columnMeta?.textAlign === 'center',
|
|
@@ -347,7 +347,7 @@ const TableBodyCell = props => {
|
|
|
347
347
|
className: (0, _classnames.default)(`${prefix}-grid-cell`, {
|
|
348
348
|
// [`${prefix}-grid-cell-ellipsis`]: true,
|
|
349
349
|
|
|
350
|
-
[`${prefix}-grid-cell-ellipsis`]: !isLastLeftPinnedColumn && !wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content')),
|
|
350
|
+
[`${prefix}-grid-cell-ellipsis`]: !isLastLeftPinnedColumn && !isFirstRightPinnedColumn && (!wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content'))),
|
|
351
351
|
[`${prefix}-grid-cell-text-wrap`]: wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Content'),
|
|
352
352
|
// [`${prefix}-grid-cell-selected`]: isCellSelected,
|
|
353
353
|
|