@zeedhi/teknisa-components-vuetify 1.69.0 → 1.71.0
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.
|
@@ -1794,13 +1794,13 @@ var __vue_render__$b = function () {
|
|
|
1794
1794
|
style: {
|
|
1795
1795
|
"background-color":
|
|
1796
1796
|
_vm.instance.headerBackground,
|
|
1797
|
-
width:
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
column.
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1797
|
+
width: _vm.calcWidth(
|
|
1798
|
+
column,
|
|
1799
|
+
column.width ||
|
|
1800
|
+
column.maxWidth ||
|
|
1801
|
+
column.minWidth,
|
|
1802
|
+
true
|
|
1803
|
+
),
|
|
1804
1804
|
},
|
|
1805
1805
|
attrs: {
|
|
1806
1806
|
"column-name": column.name,
|
|
@@ -1814,13 +1814,8 @@ var __vue_render__$b = function () {
|
|
|
1814
1814
|
staticClass: "zd-table-header-cell",
|
|
1815
1815
|
style: {
|
|
1816
1816
|
width:
|
|
1817
|
-
_vm.
|
|
1818
|
-
|
|
1819
|
-
column.width ||
|
|
1820
|
-
column.maxWidth ||
|
|
1821
|
-
column.minWidth,
|
|
1822
|
-
true
|
|
1823
|
-
) || "unset",
|
|
1817
|
+
_vm.setSpanWidth(column) ||
|
|
1818
|
+
"100%",
|
|
1824
1819
|
},
|
|
1825
1820
|
},
|
|
1826
1821
|
[
|
|
@@ -3079,7 +3074,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3079
3074
|
/* style */
|
|
3080
3075
|
const __vue_inject_styles__$b = function (inject) {
|
|
3081
3076
|
if (!inject) return
|
|
3082
|
-
inject("data-v-
|
|
3077
|
+
inject("data-v-62e752ef_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
3083
3078
|
|
|
3084
3079
|
};
|
|
3085
3080
|
/* scoped */
|
|
@@ -4043,7 +4038,7 @@ let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsB
|
|
|
4043
4038
|
});
|
|
4044
4039
|
const ignoredColumns = grid.columns.filter((column) => this.instance.ignoreColumns.indexOf(column.name) !== -1);
|
|
4045
4040
|
grid.columns = newColumns.concat(ignoredColumns);
|
|
4046
|
-
if (JSON.stringify(groupColumnNames) !== JSON.stringify(grid.groupColumnNames)) {
|
|
4041
|
+
if ((grid.updateGrouping) && JSON.stringify(groupColumnNames) !== JSON.stringify(grid.groupColumnNames)) {
|
|
4047
4042
|
grid.updateGrouping();
|
|
4048
4043
|
}
|
|
4049
4044
|
grid.changeLayout();
|
|
@@ -4415,12 +4410,14 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4415
4410
|
layoutChanged = true;
|
|
4416
4411
|
return isInGrid;
|
|
4417
4412
|
});
|
|
4418
|
-
if (layoutChanged)
|
|
4413
|
+
if (layoutChanged) {
|
|
4419
4414
|
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4415
|
+
}
|
|
4420
4416
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4421
4417
|
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4422
4418
|
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
4423
|
-
if (grid.datasource instanceof TekRestDatasource
|
|
4419
|
+
if (grid.datasource instanceof TekRestDatasource
|
|
4420
|
+
&& layout.dynamicFilter !== undefined) {
|
|
4424
4421
|
grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
|
|
4425
4422
|
}
|
|
4426
4423
|
if (layout.columns) {
|
|
@@ -4435,6 +4432,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4435
4432
|
col.aggregation = column.aggregation;
|
|
4436
4433
|
col.minWidth = column.minWidth || '';
|
|
4437
4434
|
col.maxWidth = column.maxWidth || '';
|
|
4435
|
+
col.width = column.width;
|
|
4438
4436
|
this.setHelperValue(col, column.filterHelperValue || '');
|
|
4439
4437
|
return col;
|
|
4440
4438
|
});
|
|
@@ -4470,6 +4468,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4470
4468
|
col.aggregation = column.aggregation;
|
|
4471
4469
|
col.minWidth = column.minWidth || '';
|
|
4472
4470
|
col.maxWidth = column.maxWidth || '';
|
|
4471
|
+
col.width = column.width;
|
|
4473
4472
|
this.setHelperValue(col, column.filterHelperValue || '');
|
|
4474
4473
|
return col;
|
|
4475
4474
|
});
|
|
@@ -4481,8 +4480,10 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4481
4480
|
}
|
|
4482
4481
|
if ((JSON.stringify(grid.datasource.order) !== oldOrder
|
|
4483
4482
|
|| JSON.stringify(grid.datasource.filter) !== oldFilter
|
|
4484
|
-
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
|
|
4485
|
-
|
|
4483
|
+
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
|
|
4484
|
+
!== oldDynamicFilter)
|
|
4485
|
+
&& !groupParamsChanged) {
|
|
4486
|
+
// Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
|
|
4486
4487
|
grid.datasource.get();
|
|
4487
4488
|
}
|
|
4488
4489
|
this.$refs.layoutMenu.isActive = false;
|
|
@@ -4506,7 +4507,8 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4506
4507
|
const column = columns[columns.findIndex((col) => col.name === columnName)];
|
|
4507
4508
|
const { filterHelperValue } = column;
|
|
4508
4509
|
filterOptions.forEach((item) => {
|
|
4509
|
-
if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
|
|
4510
|
+
if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
|
|
4511
|
+
&& !Array.isArray(item.value)) {
|
|
4510
4512
|
item.value = item.value.split(';');
|
|
4511
4513
|
}
|
|
4512
4514
|
let helperValue = '';
|
|
@@ -4516,7 +4518,8 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4516
4518
|
else {
|
|
4517
4519
|
Object.keys(filterHelperValue).forEach((key) => {
|
|
4518
4520
|
const value = filterHelperValue[key] || '';
|
|
4519
|
-
if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
|
|
4521
|
+
if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
|
|
4522
|
+
=== key) {
|
|
4520
4523
|
helperValue = value;
|
|
4521
4524
|
}
|
|
4522
4525
|
});
|
|
@@ -4532,7 +4535,9 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4532
4535
|
getCurrentLayout(layoutName) {
|
|
4533
4536
|
const { grid } = this.instance;
|
|
4534
4537
|
const tableElement = this.getParentTable();
|
|
4535
|
-
const gridWidth = tableElement
|
|
4538
|
+
const gridWidth = tableElement
|
|
4539
|
+
? window.getComputedStyle(tableElement).width
|
|
4540
|
+
: 'auto';
|
|
4536
4541
|
return {
|
|
4537
4542
|
name: layoutName,
|
|
4538
4543
|
gridWidth,
|
|
@@ -6079,12 +6084,23 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
6079
6084
|
return 'unset';
|
|
6080
6085
|
return headerElement[0].style.left;
|
|
6081
6086
|
}
|
|
6087
|
+
setSpanWidth(column) {
|
|
6088
|
+
return this.calcWidth(column, column.width);
|
|
6089
|
+
}
|
|
6082
6090
|
getWidthStyle(column) {
|
|
6083
|
-
|
|
6084
|
-
width:
|
|
6085
|
-
'min-width': this.calcWidth(column, column.minWidth) || 'unset',
|
|
6086
|
-
'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
|
|
6091
|
+
let widthData = {
|
|
6092
|
+
'min-width': '100%',
|
|
6087
6093
|
};
|
|
6094
|
+
if (column.width) {
|
|
6095
|
+
widthData = Object.assign({ width: this.calcWidth(column, column.width) }, widthData);
|
|
6096
|
+
}
|
|
6097
|
+
if (column.minWidth) {
|
|
6098
|
+
widthData = Object.assign({ 'min-width': this.calcWidth(column, column.minWidth) }, widthData);
|
|
6099
|
+
}
|
|
6100
|
+
if (column.maxWidth) {
|
|
6101
|
+
widthData = Object.assign({ 'max-width': this.calcWidth(column, column.maxWidth) }, widthData);
|
|
6102
|
+
}
|
|
6103
|
+
return widthData;
|
|
6088
6104
|
}
|
|
6089
6105
|
};
|
|
6090
6106
|
__decorate([
|
|
@@ -6345,13 +6361,13 @@ var __vue_render__$2 = function () {
|
|
|
6345
6361
|
style: {
|
|
6346
6362
|
"background-color":
|
|
6347
6363
|
_vm.instance.headerBackground,
|
|
6348
|
-
width:
|
|
6349
|
-
|
|
6350
|
-
|
|
6351
|
-
column.
|
|
6352
|
-
|
|
6353
|
-
|
|
6354
|
-
|
|
6364
|
+
width: _vm.calcWidth(
|
|
6365
|
+
column,
|
|
6366
|
+
column.width ||
|
|
6367
|
+
column.maxWidth ||
|
|
6368
|
+
column.minWidth,
|
|
6369
|
+
true
|
|
6370
|
+
),
|
|
6355
6371
|
},
|
|
6356
6372
|
attrs: {
|
|
6357
6373
|
"column-name": column.name,
|
|
@@ -6365,13 +6381,8 @@ var __vue_render__$2 = function () {
|
|
|
6365
6381
|
staticClass: "zd-table-header-cell",
|
|
6366
6382
|
style: {
|
|
6367
6383
|
width:
|
|
6368
|
-
_vm.
|
|
6369
|
-
|
|
6370
|
-
column.width ||
|
|
6371
|
-
column.maxWidth ||
|
|
6372
|
-
column.minWidth,
|
|
6373
|
-
true
|
|
6374
|
-
) || "unset",
|
|
6384
|
+
_vm.setSpanWidth(column) ||
|
|
6385
|
+
"100%",
|
|
6375
6386
|
color:
|
|
6376
6387
|
_vm.instance.headerCellTextColor,
|
|
6377
6388
|
},
|
|
@@ -7172,6 +7183,9 @@ var __vue_render__$2 = function () {
|
|
|
7172
7183
|
selectable:
|
|
7173
7184
|
_vm.instance
|
|
7174
7185
|
.selectable,
|
|
7186
|
+
fieldHasChild:
|
|
7187
|
+
_vm.instance
|
|
7188
|
+
.fieldHasChild,
|
|
7175
7189
|
toggleExpand:
|
|
7176
7190
|
_vm.toggleExpand,
|
|
7177
7191
|
rowIndex: index,
|
|
@@ -7410,7 +7424,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7410
7424
|
/* style */
|
|
7411
7425
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7412
7426
|
if (!inject) return
|
|
7413
|
-
inject("data-v-
|
|
7427
|
+
inject("data-v-484ca13f_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
7414
7428
|
|
|
7415
7429
|
};
|
|
7416
7430
|
/* scoped */
|
|
@@ -1796,13 +1796,13 @@
|
|
|
1796
1796
|
style: {
|
|
1797
1797
|
"background-color":
|
|
1798
1798
|
_vm.instance.headerBackground,
|
|
1799
|
-
width:
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
column.
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1799
|
+
width: _vm.calcWidth(
|
|
1800
|
+
column,
|
|
1801
|
+
column.width ||
|
|
1802
|
+
column.maxWidth ||
|
|
1803
|
+
column.minWidth,
|
|
1804
|
+
true
|
|
1805
|
+
),
|
|
1806
1806
|
},
|
|
1807
1807
|
attrs: {
|
|
1808
1808
|
"column-name": column.name,
|
|
@@ -1816,13 +1816,8 @@
|
|
|
1816
1816
|
staticClass: "zd-table-header-cell",
|
|
1817
1817
|
style: {
|
|
1818
1818
|
width:
|
|
1819
|
-
_vm.
|
|
1820
|
-
|
|
1821
|
-
column.width ||
|
|
1822
|
-
column.maxWidth ||
|
|
1823
|
-
column.minWidth,
|
|
1824
|
-
true
|
|
1825
|
-
) || "unset",
|
|
1819
|
+
_vm.setSpanWidth(column) ||
|
|
1820
|
+
"100%",
|
|
1826
1821
|
},
|
|
1827
1822
|
},
|
|
1828
1823
|
[
|
|
@@ -3081,7 +3076,7 @@
|
|
|
3081
3076
|
/* style */
|
|
3082
3077
|
const __vue_inject_styles__$b = function (inject) {
|
|
3083
3078
|
if (!inject) return
|
|
3084
|
-
inject("data-v-
|
|
3079
|
+
inject("data-v-62e752ef_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
3085
3080
|
|
|
3086
3081
|
};
|
|
3087
3082
|
/* scoped */
|
|
@@ -4045,7 +4040,7 @@
|
|
|
4045
4040
|
});
|
|
4046
4041
|
const ignoredColumns = grid.columns.filter((column) => this.instance.ignoreColumns.indexOf(column.name) !== -1);
|
|
4047
4042
|
grid.columns = newColumns.concat(ignoredColumns);
|
|
4048
|
-
if (JSON.stringify(groupColumnNames) !== JSON.stringify(grid.groupColumnNames)) {
|
|
4043
|
+
if ((grid.updateGrouping) && JSON.stringify(groupColumnNames) !== JSON.stringify(grid.groupColumnNames)) {
|
|
4049
4044
|
grid.updateGrouping();
|
|
4050
4045
|
}
|
|
4051
4046
|
grid.changeLayout();
|
|
@@ -4417,12 +4412,14 @@
|
|
|
4417
4412
|
layoutChanged = true;
|
|
4418
4413
|
return isInGrid;
|
|
4419
4414
|
});
|
|
4420
|
-
if (layoutChanged)
|
|
4415
|
+
if (layoutChanged) {
|
|
4421
4416
|
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4417
|
+
}
|
|
4422
4418
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4423
4419
|
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4424
4420
|
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
4425
|
-
if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource
|
|
4421
|
+
if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource
|
|
4422
|
+
&& layout.dynamicFilter !== undefined) {
|
|
4426
4423
|
grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
|
|
4427
4424
|
}
|
|
4428
4425
|
if (layout.columns) {
|
|
@@ -4437,6 +4434,7 @@
|
|
|
4437
4434
|
col.aggregation = column.aggregation;
|
|
4438
4435
|
col.minWidth = column.minWidth || '';
|
|
4439
4436
|
col.maxWidth = column.maxWidth || '';
|
|
4437
|
+
col.width = column.width;
|
|
4440
4438
|
this.setHelperValue(col, column.filterHelperValue || '');
|
|
4441
4439
|
return col;
|
|
4442
4440
|
});
|
|
@@ -4472,6 +4470,7 @@
|
|
|
4472
4470
|
col.aggregation = column.aggregation;
|
|
4473
4471
|
col.minWidth = column.minWidth || '';
|
|
4474
4472
|
col.maxWidth = column.maxWidth || '';
|
|
4473
|
+
col.width = column.width;
|
|
4475
4474
|
this.setHelperValue(col, column.filterHelperValue || '');
|
|
4476
4475
|
return col;
|
|
4477
4476
|
});
|
|
@@ -4483,8 +4482,10 @@
|
|
|
4483
4482
|
}
|
|
4484
4483
|
if ((JSON.stringify(grid.datasource.order) !== oldOrder
|
|
4485
4484
|
|| JSON.stringify(grid.datasource.filter) !== oldFilter
|
|
4486
|
-
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
|
|
4487
|
-
|
|
4485
|
+
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
|
|
4486
|
+
!== oldDynamicFilter)
|
|
4487
|
+
&& !groupParamsChanged) {
|
|
4488
|
+
// Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
|
|
4488
4489
|
grid.datasource.get();
|
|
4489
4490
|
}
|
|
4490
4491
|
this.$refs.layoutMenu.isActive = false;
|
|
@@ -4508,7 +4509,8 @@
|
|
|
4508
4509
|
const column = columns[columns.findIndex((col) => col.name === columnName)];
|
|
4509
4510
|
const { filterHelperValue } = column;
|
|
4510
4511
|
filterOptions.forEach((item) => {
|
|
4511
|
-
if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
|
|
4512
|
+
if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
|
|
4513
|
+
&& !Array.isArray(item.value)) {
|
|
4512
4514
|
item.value = item.value.split(';');
|
|
4513
4515
|
}
|
|
4514
4516
|
let helperValue = '';
|
|
@@ -4518,7 +4520,8 @@
|
|
|
4518
4520
|
else {
|
|
4519
4521
|
Object.keys(filterHelperValue).forEach((key) => {
|
|
4520
4522
|
const value = filterHelperValue[key] || '';
|
|
4521
|
-
if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
|
|
4523
|
+
if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
|
|
4524
|
+
=== key) {
|
|
4522
4525
|
helperValue = value;
|
|
4523
4526
|
}
|
|
4524
4527
|
});
|
|
@@ -4534,7 +4537,9 @@
|
|
|
4534
4537
|
getCurrentLayout(layoutName) {
|
|
4535
4538
|
const { grid } = this.instance;
|
|
4536
4539
|
const tableElement = this.getParentTable();
|
|
4537
|
-
const gridWidth = tableElement
|
|
4540
|
+
const gridWidth = tableElement
|
|
4541
|
+
? window.getComputedStyle(tableElement).width
|
|
4542
|
+
: 'auto';
|
|
4538
4543
|
return {
|
|
4539
4544
|
name: layoutName,
|
|
4540
4545
|
gridWidth,
|
|
@@ -6081,12 +6086,23 @@
|
|
|
6081
6086
|
return 'unset';
|
|
6082
6087
|
return headerElement[0].style.left;
|
|
6083
6088
|
}
|
|
6089
|
+
setSpanWidth(column) {
|
|
6090
|
+
return this.calcWidth(column, column.width);
|
|
6091
|
+
}
|
|
6084
6092
|
getWidthStyle(column) {
|
|
6085
|
-
|
|
6086
|
-
width:
|
|
6087
|
-
'min-width': this.calcWidth(column, column.minWidth) || 'unset',
|
|
6088
|
-
'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
|
|
6093
|
+
let widthData = {
|
|
6094
|
+
'min-width': '100%',
|
|
6089
6095
|
};
|
|
6096
|
+
if (column.width) {
|
|
6097
|
+
widthData = Object.assign({ width: this.calcWidth(column, column.width) }, widthData);
|
|
6098
|
+
}
|
|
6099
|
+
if (column.minWidth) {
|
|
6100
|
+
widthData = Object.assign({ 'min-width': this.calcWidth(column, column.minWidth) }, widthData);
|
|
6101
|
+
}
|
|
6102
|
+
if (column.maxWidth) {
|
|
6103
|
+
widthData = Object.assign({ 'max-width': this.calcWidth(column, column.maxWidth) }, widthData);
|
|
6104
|
+
}
|
|
6105
|
+
return widthData;
|
|
6090
6106
|
}
|
|
6091
6107
|
};
|
|
6092
6108
|
__decorate([
|
|
@@ -6347,13 +6363,13 @@
|
|
|
6347
6363
|
style: {
|
|
6348
6364
|
"background-color":
|
|
6349
6365
|
_vm.instance.headerBackground,
|
|
6350
|
-
width:
|
|
6351
|
-
|
|
6352
|
-
|
|
6353
|
-
column.
|
|
6354
|
-
|
|
6355
|
-
|
|
6356
|
-
|
|
6366
|
+
width: _vm.calcWidth(
|
|
6367
|
+
column,
|
|
6368
|
+
column.width ||
|
|
6369
|
+
column.maxWidth ||
|
|
6370
|
+
column.minWidth,
|
|
6371
|
+
true
|
|
6372
|
+
),
|
|
6357
6373
|
},
|
|
6358
6374
|
attrs: {
|
|
6359
6375
|
"column-name": column.name,
|
|
@@ -6367,13 +6383,8 @@
|
|
|
6367
6383
|
staticClass: "zd-table-header-cell",
|
|
6368
6384
|
style: {
|
|
6369
6385
|
width:
|
|
6370
|
-
_vm.
|
|
6371
|
-
|
|
6372
|
-
column.width ||
|
|
6373
|
-
column.maxWidth ||
|
|
6374
|
-
column.minWidth,
|
|
6375
|
-
true
|
|
6376
|
-
) || "unset",
|
|
6386
|
+
_vm.setSpanWidth(column) ||
|
|
6387
|
+
"100%",
|
|
6377
6388
|
color:
|
|
6378
6389
|
_vm.instance.headerCellTextColor,
|
|
6379
6390
|
},
|
|
@@ -7174,6 +7185,9 @@
|
|
|
7174
7185
|
selectable:
|
|
7175
7186
|
_vm.instance
|
|
7176
7187
|
.selectable,
|
|
7188
|
+
fieldHasChild:
|
|
7189
|
+
_vm.instance
|
|
7190
|
+
.fieldHasChild,
|
|
7177
7191
|
toggleExpand:
|
|
7178
7192
|
_vm.toggleExpand,
|
|
7179
7193
|
rowIndex: index,
|
|
@@ -7412,7 +7426,7 @@
|
|
|
7412
7426
|
/* style */
|
|
7413
7427
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7414
7428
|
if (!inject) return
|
|
7415
|
-
inject("data-v-
|
|
7429
|
+
inject("data-v-484ca13f_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
7416
7430
|
|
|
7417
7431
|
};
|
|
7418
7432
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.71.0",
|
|
4
4
|
"description": "Teknisa Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"vue": "^2.6.12",
|
|
42
42
|
"vuetify": "^2.4.0"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "5d07dd32186fce8f874881da6b7fb8327c7b462e"
|
|
45
45
|
}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { TekTreeGrid as TekTreeGridClass, TekGridColumn, ITekGridExportConfig, IDynamicFilterItem, IModalFilterProps } from '@zeedhi/teknisa-components-common';
|
|
3
3
|
import { Column, IComponentRender, Select } from '@zeedhi/common';
|
|
4
4
|
import { IDictionary, IEventParam } from '@zeedhi/core';
|
|
5
|
+
import { IColumnWidths } from '@zeedhi/vuetify/types/components/zd-grid/ZdGridEditable';
|
|
5
6
|
declare const ZdTreeGridEditable: import("vue").VueConstructor<import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, any>>>;
|
|
6
7
|
/**
|
|
7
8
|
* TekGrid component
|
|
@@ -60,10 +61,7 @@ export default class TekGrid extends ZdTreeGridEditable {
|
|
|
60
61
|
private tableBody;
|
|
61
62
|
private updateFixedColumns;
|
|
62
63
|
getFixedLeft(column: TekGridColumn): string;
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
'min-width': any;
|
|
66
|
-
'max-width': any;
|
|
67
|
-
};
|
|
64
|
+
setSpanWidth(column: Column): any;
|
|
65
|
+
getWidthStyle(column: Column): IColumnWidths;
|
|
68
66
|
}
|
|
69
67
|
export {};
|