es-grid-template 1.7.31 → 1.7.33
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/grid-component/ColumnsChoose.js +0 -3
- package/es/grid-component/InternalTable.js +0 -4
- package/es/grid-component/TableGrid.js +0 -4
- package/es/grid-component/TempTable.js +2 -0
- package/es/grid-component/hooks/columns/index.js +0 -8
- package/es/grid-component/hooks/utils.js +0 -14
- package/es/grid-component/table/GridEdit.js +3 -5
- package/es/table-component/TableContainer.js +7 -0
- package/es/table-component/TableContainerEdit.d.ts +0 -1
- package/es/table-component/TableContainerEdit.js +31 -12
- package/es/table-component/body/TableBodyCellEdit.js +9 -11
- package/es/table-component/body/TableBodyRow.js +5 -0
- package/es/table-component/header/TableHeadCell.d.ts +2 -0
- package/es/table-component/header/TableHeadCell.js +8 -4
- package/es/table-component/header/TableHeadRow.d.ts +1 -1
- package/es/table-component/header/TableHeadRow.js +4 -5
- package/es/table-component/hook/utils.js +4 -4
- package/es/table-component/style.scss +22 -0
- package/es/table-component/table/Grid.js +3 -1
- package/es/table-component/table/TableWrapper.js +5 -5
- package/es/table-component/type.d.ts +5 -0
- package/es/table-component/useContext.d.ts +1 -0
- package/lib/grid-component/ColumnsChoose.js +0 -3
- package/lib/grid-component/InternalTable.js +0 -4
- package/lib/grid-component/TableGrid.js +0 -4
- package/lib/grid-component/TempTable.js +2 -0
- package/lib/grid-component/hooks/columns/index.js +0 -8
- package/lib/grid-component/hooks/utils.js +0 -14
- package/lib/grid-component/table/GridEdit.js +3 -5
- package/lib/table-component/TableContainer.js +7 -0
- package/lib/table-component/TableContainerEdit.d.ts +0 -1
- package/lib/table-component/TableContainerEdit.js +31 -12
- package/lib/table-component/body/TableBodyCellEdit.js +9 -10
- package/lib/table-component/body/TableBodyRow.js +5 -0
- package/lib/table-component/header/TableHeadCell.d.ts +2 -0
- package/lib/table-component/header/TableHeadCell.js +7 -4
- package/lib/table-component/header/TableHeadRow.d.ts +1 -1
- package/lib/table-component/header/TableHeadRow.js +4 -5
- package/lib/table-component/hook/utils.js +4 -4
- package/lib/table-component/style.scss +22 -0
- package/lib/table-component/table/Grid.js +3 -1
- package/lib/table-component/table/TableWrapper.js +5 -5
- package/lib/table-component/type.d.ts +5 -0
- package/lib/table-component/useContext.d.ts +1 -0
- package/package.json +1 -1
|
@@ -42,7 +42,22 @@ $fontFamily: "Montserrat", Helvetica, Arial, serif !default;
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.#{$prefix}-grid-container {
|
|
45
|
+
|
|
45
46
|
border: 1px solid $tableBorderColor;
|
|
47
|
+
border-right: 0;
|
|
48
|
+
font-size: 13px;
|
|
49
|
+
|
|
50
|
+
&::after {
|
|
51
|
+
content: "";
|
|
52
|
+
position: absolute;
|
|
53
|
+
top: 0px;
|
|
54
|
+
right: 0;
|
|
55
|
+
height: 100%;
|
|
56
|
+
// width: 100%;
|
|
57
|
+
border-right: 1px solid $tableBorderColor;
|
|
58
|
+
pointer-events: none;
|
|
59
|
+
z-index: 1;
|
|
60
|
+
}
|
|
46
61
|
|
|
47
62
|
.#{$prefix}-grid-cell {
|
|
48
63
|
|
|
@@ -527,6 +542,13 @@ $fontFamily: "Montserrat", Helvetica, Arial, serif !default;
|
|
|
527
542
|
background-color: #f0f0f0;
|
|
528
543
|
}
|
|
529
544
|
|
|
545
|
+
&.#{$prefix}-grid-cell-command {
|
|
546
|
+
padding: 2px 8px;
|
|
547
|
+
.ui-rc_cell-content {
|
|
548
|
+
display: flex;
|
|
549
|
+
}
|
|
550
|
+
}
|
|
551
|
+
|
|
530
552
|
|
|
531
553
|
.isValid {
|
|
532
554
|
&::after {
|
|
@@ -220,6 +220,7 @@ const Grid = props => {
|
|
|
220
220
|
sensors: sensors
|
|
221
221
|
}, /*#__PURE__*/_react.default.createElement(ContainerComponent, (0, _extends2.default)({}, rest, {
|
|
222
222
|
id: id,
|
|
223
|
+
t: t,
|
|
223
224
|
table: table,
|
|
224
225
|
editAble: editAble,
|
|
225
226
|
dataSource: dataSource,
|
|
@@ -238,7 +239,8 @@ const Grid = props => {
|
|
|
238
239
|
columnHidden: columnHidden,
|
|
239
240
|
setExpanded: setExpanded,
|
|
240
241
|
expanded: expanded,
|
|
241
|
-
infiniteScroll: infiniteScroll
|
|
242
|
+
infiniteScroll: infiniteScroll,
|
|
243
|
+
setMergedFilterKeys: setMergedFilterKeys
|
|
242
244
|
}))));
|
|
243
245
|
};
|
|
244
246
|
var _default = exports.default = Grid;
|
|
@@ -176,12 +176,12 @@ const TableWrapper = props => {
|
|
|
176
176
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
177
177
|
style: {
|
|
178
178
|
position: 'relative'
|
|
179
|
-
}
|
|
180
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
179
|
+
},
|
|
181
180
|
className: (0, _classnames.default)(`${prefix}-grid-container`, {
|
|
182
181
|
'ui-rc-table-ping-right': tableContainerRef && (tableContainerRef.current?.scrollLeft ?? 0) >= 0 && (tableContainerRef.current?.scrollLeft ?? 0) + (tableContainerRef.current?.clientWidth ?? 0) < (tableContainerRef.current?.scrollWidth ?? 0),
|
|
183
182
|
'ui-rc-table-ping-left': tableContainerRef && (tableContainerRef.current?.scrollLeft ?? 0) > 0
|
|
184
|
-
})
|
|
183
|
+
})
|
|
184
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
185
185
|
id: id,
|
|
186
186
|
ref: tableContainerRef,
|
|
187
187
|
style: {
|
|
@@ -200,8 +200,8 @@ const TableWrapper = props => {
|
|
|
200
200
|
onScroll: handleScroll
|
|
201
201
|
}, /*#__PURE__*/_react.default.createElement("table", {
|
|
202
202
|
style: {
|
|
203
|
-
display: 'grid'
|
|
204
|
-
|
|
203
|
+
display: 'grid',
|
|
204
|
+
minWidth: table.getTotalSize()
|
|
205
205
|
}
|
|
206
206
|
}, /*#__PURE__*/_react.default.createElement(_TableHead.default, {
|
|
207
207
|
tableContainerRef: tableContainerRef,
|
|
@@ -106,6 +106,11 @@ export type ColumnTable<RecordType = AnyObject> = {
|
|
|
106
106
|
source?: any[];
|
|
107
107
|
showFilterSearch?: boolean;
|
|
108
108
|
headerText?: string;
|
|
109
|
+
/**
|
|
110
|
+
* @deprecated Please use `visible` instead.
|
|
111
|
+
* @since 1.7.33
|
|
112
|
+
*/
|
|
113
|
+
hidden?: boolean;
|
|
109
114
|
visible?: boolean;
|
|
110
115
|
headerTooltip?: boolean | string | (() => ReactNode | ReactElement);
|
|
111
116
|
columnGroupText?: string;
|