@zeedhi/teknisa-components-vuetify 1.69.0 → 1.70.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.
|
@@ -1791,17 +1791,23 @@ var __vue_render__$b = function () {
|
|
|
1791
1791
|
? "active"
|
|
1792
1792
|
: "",
|
|
1793
1793
|
],
|
|
1794
|
-
style:
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1794
|
+
style: [
|
|
1795
|
+
{
|
|
1796
|
+
"background-color":
|
|
1797
|
+
_vm.instance.headerBackground,
|
|
1798
|
+
},
|
|
1799
|
+
column.width ||
|
|
1800
|
+
column.maxWidth ||
|
|
1801
|
+
column.minWidth
|
|
1802
|
+
? "width: " +
|
|
1803
|
+
_vm.calcWidth(
|
|
1804
|
+
column,
|
|
1805
|
+
column.width ||
|
|
1806
|
+
column.maxWidth ||
|
|
1807
|
+
column.minWidth
|
|
1808
|
+
)
|
|
1809
|
+
: "width: unset",
|
|
1810
|
+
],
|
|
1805
1811
|
attrs: {
|
|
1806
1812
|
"column-name": column.name,
|
|
1807
1813
|
index: index,
|
|
@@ -1814,13 +1820,8 @@ var __vue_render__$b = function () {
|
|
|
1814
1820
|
staticClass: "zd-table-header-cell",
|
|
1815
1821
|
style: {
|
|
1816
1822
|
width:
|
|
1817
|
-
_vm.
|
|
1818
|
-
|
|
1819
|
-
column.width ||
|
|
1820
|
-
column.maxWidth ||
|
|
1821
|
-
column.minWidth,
|
|
1822
|
-
true
|
|
1823
|
-
) || "unset",
|
|
1823
|
+
_vm.setSpanWidth(column) ||
|
|
1824
|
+
"100%",
|
|
1824
1825
|
},
|
|
1825
1826
|
},
|
|
1826
1827
|
[
|
|
@@ -3079,7 +3080,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3079
3080
|
/* style */
|
|
3080
3081
|
const __vue_inject_styles__$b = function (inject) {
|
|
3081
3082
|
if (!inject) return
|
|
3082
|
-
inject("data-v-
|
|
3083
|
+
inject("data-v-842b3508_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
3084
|
|
|
3084
3085
|
};
|
|
3085
3086
|
/* scoped */
|
|
@@ -4415,12 +4416,14 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4415
4416
|
layoutChanged = true;
|
|
4416
4417
|
return isInGrid;
|
|
4417
4418
|
});
|
|
4418
|
-
if (layoutChanged)
|
|
4419
|
+
if (layoutChanged) {
|
|
4419
4420
|
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4421
|
+
}
|
|
4420
4422
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4421
4423
|
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4422
4424
|
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
4423
|
-
if (grid.datasource instanceof TekRestDatasource
|
|
4425
|
+
if (grid.datasource instanceof TekRestDatasource
|
|
4426
|
+
&& layout.dynamicFilter !== undefined) {
|
|
4424
4427
|
grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
|
|
4425
4428
|
}
|
|
4426
4429
|
if (layout.columns) {
|
|
@@ -4435,6 +4438,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4435
4438
|
col.aggregation = column.aggregation;
|
|
4436
4439
|
col.minWidth = column.minWidth || '';
|
|
4437
4440
|
col.maxWidth = column.maxWidth || '';
|
|
4441
|
+
col.width = column.width;
|
|
4438
4442
|
this.setHelperValue(col, column.filterHelperValue || '');
|
|
4439
4443
|
return col;
|
|
4440
4444
|
});
|
|
@@ -4470,6 +4474,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4470
4474
|
col.aggregation = column.aggregation;
|
|
4471
4475
|
col.minWidth = column.minWidth || '';
|
|
4472
4476
|
col.maxWidth = column.maxWidth || '';
|
|
4477
|
+
col.width = column.width;
|
|
4473
4478
|
this.setHelperValue(col, column.filterHelperValue || '');
|
|
4474
4479
|
return col;
|
|
4475
4480
|
});
|
|
@@ -4481,8 +4486,10 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4481
4486
|
}
|
|
4482
4487
|
if ((JSON.stringify(grid.datasource.order) !== oldOrder
|
|
4483
4488
|
|| JSON.stringify(grid.datasource.filter) !== oldFilter
|
|
4484
|
-
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
|
|
4485
|
-
|
|
4489
|
+
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
|
|
4490
|
+
!== oldDynamicFilter)
|
|
4491
|
+
&& !groupParamsChanged) {
|
|
4492
|
+
// Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
|
|
4486
4493
|
grid.datasource.get();
|
|
4487
4494
|
}
|
|
4488
4495
|
this.$refs.layoutMenu.isActive = false;
|
|
@@ -4506,7 +4513,8 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4506
4513
|
const column = columns[columns.findIndex((col) => col.name === columnName)];
|
|
4507
4514
|
const { filterHelperValue } = column;
|
|
4508
4515
|
filterOptions.forEach((item) => {
|
|
4509
|
-
if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
|
|
4516
|
+
if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
|
|
4517
|
+
&& !Array.isArray(item.value)) {
|
|
4510
4518
|
item.value = item.value.split(';');
|
|
4511
4519
|
}
|
|
4512
4520
|
let helperValue = '';
|
|
@@ -4516,7 +4524,8 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4516
4524
|
else {
|
|
4517
4525
|
Object.keys(filterHelperValue).forEach((key) => {
|
|
4518
4526
|
const value = filterHelperValue[key] || '';
|
|
4519
|
-
if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
|
|
4527
|
+
if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
|
|
4528
|
+
=== key) {
|
|
4520
4529
|
helperValue = value;
|
|
4521
4530
|
}
|
|
4522
4531
|
});
|
|
@@ -4532,7 +4541,9 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4532
4541
|
getCurrentLayout(layoutName) {
|
|
4533
4542
|
const { grid } = this.instance;
|
|
4534
4543
|
const tableElement = this.getParentTable();
|
|
4535
|
-
const gridWidth = tableElement
|
|
4544
|
+
const gridWidth = tableElement
|
|
4545
|
+
? window.getComputedStyle(tableElement).width
|
|
4546
|
+
: 'auto';
|
|
4536
4547
|
return {
|
|
4537
4548
|
name: layoutName,
|
|
4538
4549
|
gridWidth,
|
|
@@ -6079,6 +6090,9 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
6079
6090
|
return 'unset';
|
|
6080
6091
|
return headerElement[0].style.left;
|
|
6081
6092
|
}
|
|
6093
|
+
setSpanWidth(column) {
|
|
6094
|
+
return column.width;
|
|
6095
|
+
}
|
|
6082
6096
|
getWidthStyle(column) {
|
|
6083
6097
|
return {
|
|
6084
6098
|
width: this.calcWidth(column, column.width) || 'unset',
|
|
@@ -6342,17 +6356,23 @@ var __vue_render__$2 = function () {
|
|
|
6342
6356
|
? "active"
|
|
6343
6357
|
: "",
|
|
6344
6358
|
],
|
|
6345
|
-
style:
|
|
6346
|
-
|
|
6347
|
-
|
|
6348
|
-
|
|
6349
|
-
|
|
6350
|
-
|
|
6351
|
-
|
|
6352
|
-
|
|
6353
|
-
|
|
6354
|
-
|
|
6355
|
-
|
|
6359
|
+
style: [
|
|
6360
|
+
{
|
|
6361
|
+
"background-color":
|
|
6362
|
+
_vm.instance.headerBackground,
|
|
6363
|
+
},
|
|
6364
|
+
column.width ||
|
|
6365
|
+
column.maxWidth ||
|
|
6366
|
+
column.minWidth
|
|
6367
|
+
? "width: " +
|
|
6368
|
+
_vm.calcWidth(
|
|
6369
|
+
column,
|
|
6370
|
+
column.width ||
|
|
6371
|
+
column.maxWidth ||
|
|
6372
|
+
column.minWidth
|
|
6373
|
+
)
|
|
6374
|
+
: "width: unset",
|
|
6375
|
+
],
|
|
6356
6376
|
attrs: {
|
|
6357
6377
|
"column-name": column.name,
|
|
6358
6378
|
index: index,
|
|
@@ -6365,13 +6385,8 @@ var __vue_render__$2 = function () {
|
|
|
6365
6385
|
staticClass: "zd-table-header-cell",
|
|
6366
6386
|
style: {
|
|
6367
6387
|
width:
|
|
6368
|
-
_vm.
|
|
6369
|
-
|
|
6370
|
-
column.width ||
|
|
6371
|
-
column.maxWidth ||
|
|
6372
|
-
column.minWidth,
|
|
6373
|
-
true
|
|
6374
|
-
) || "unset",
|
|
6388
|
+
_vm.setSpanWidth(column) ||
|
|
6389
|
+
"100%",
|
|
6375
6390
|
color:
|
|
6376
6391
|
_vm.instance.headerCellTextColor,
|
|
6377
6392
|
},
|
|
@@ -7410,7 +7425,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7410
7425
|
/* style */
|
|
7411
7426
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7412
7427
|
if (!inject) return
|
|
7413
|
-
inject("data-v-
|
|
7428
|
+
inject("data-v-3a64cd2e_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
7429
|
|
|
7415
7430
|
};
|
|
7416
7431
|
/* scoped */
|
|
@@ -1793,17 +1793,23 @@
|
|
|
1793
1793
|
? "active"
|
|
1794
1794
|
: "",
|
|
1795
1795
|
],
|
|
1796
|
-
style:
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1796
|
+
style: [
|
|
1797
|
+
{
|
|
1798
|
+
"background-color":
|
|
1799
|
+
_vm.instance.headerBackground,
|
|
1800
|
+
},
|
|
1801
|
+
column.width ||
|
|
1802
|
+
column.maxWidth ||
|
|
1803
|
+
column.minWidth
|
|
1804
|
+
? "width: " +
|
|
1805
|
+
_vm.calcWidth(
|
|
1806
|
+
column,
|
|
1807
|
+
column.width ||
|
|
1808
|
+
column.maxWidth ||
|
|
1809
|
+
column.minWidth
|
|
1810
|
+
)
|
|
1811
|
+
: "width: unset",
|
|
1812
|
+
],
|
|
1807
1813
|
attrs: {
|
|
1808
1814
|
"column-name": column.name,
|
|
1809
1815
|
index: index,
|
|
@@ -1816,13 +1822,8 @@
|
|
|
1816
1822
|
staticClass: "zd-table-header-cell",
|
|
1817
1823
|
style: {
|
|
1818
1824
|
width:
|
|
1819
|
-
_vm.
|
|
1820
|
-
|
|
1821
|
-
column.width ||
|
|
1822
|
-
column.maxWidth ||
|
|
1823
|
-
column.minWidth,
|
|
1824
|
-
true
|
|
1825
|
-
) || "unset",
|
|
1825
|
+
_vm.setSpanWidth(column) ||
|
|
1826
|
+
"100%",
|
|
1826
1827
|
},
|
|
1827
1828
|
},
|
|
1828
1829
|
[
|
|
@@ -3081,7 +3082,7 @@
|
|
|
3081
3082
|
/* style */
|
|
3082
3083
|
const __vue_inject_styles__$b = function (inject) {
|
|
3083
3084
|
if (!inject) return
|
|
3084
|
-
inject("data-v-
|
|
3085
|
+
inject("data-v-842b3508_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
3086
|
|
|
3086
3087
|
};
|
|
3087
3088
|
/* scoped */
|
|
@@ -4417,12 +4418,14 @@
|
|
|
4417
4418
|
layoutChanged = true;
|
|
4418
4419
|
return isInGrid;
|
|
4419
4420
|
});
|
|
4420
|
-
if (layoutChanged)
|
|
4421
|
+
if (layoutChanged) {
|
|
4421
4422
|
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4423
|
+
}
|
|
4422
4424
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4423
4425
|
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4424
4426
|
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
4425
|
-
if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource
|
|
4427
|
+
if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource
|
|
4428
|
+
&& layout.dynamicFilter !== undefined) {
|
|
4426
4429
|
grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
|
|
4427
4430
|
}
|
|
4428
4431
|
if (layout.columns) {
|
|
@@ -4437,6 +4440,7 @@
|
|
|
4437
4440
|
col.aggregation = column.aggregation;
|
|
4438
4441
|
col.minWidth = column.minWidth || '';
|
|
4439
4442
|
col.maxWidth = column.maxWidth || '';
|
|
4443
|
+
col.width = column.width;
|
|
4440
4444
|
this.setHelperValue(col, column.filterHelperValue || '');
|
|
4441
4445
|
return col;
|
|
4442
4446
|
});
|
|
@@ -4472,6 +4476,7 @@
|
|
|
4472
4476
|
col.aggregation = column.aggregation;
|
|
4473
4477
|
col.minWidth = column.minWidth || '';
|
|
4474
4478
|
col.maxWidth = column.maxWidth || '';
|
|
4479
|
+
col.width = column.width;
|
|
4475
4480
|
this.setHelperValue(col, column.filterHelperValue || '');
|
|
4476
4481
|
return col;
|
|
4477
4482
|
});
|
|
@@ -4483,8 +4488,10 @@
|
|
|
4483
4488
|
}
|
|
4484
4489
|
if ((JSON.stringify(grid.datasource.order) !== oldOrder
|
|
4485
4490
|
|| JSON.stringify(grid.datasource.filter) !== oldFilter
|
|
4486
|
-
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
|
|
4487
|
-
|
|
4491
|
+
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
|
|
4492
|
+
!== oldDynamicFilter)
|
|
4493
|
+
&& !groupParamsChanged) {
|
|
4494
|
+
// Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
|
|
4488
4495
|
grid.datasource.get();
|
|
4489
4496
|
}
|
|
4490
4497
|
this.$refs.layoutMenu.isActive = false;
|
|
@@ -4508,7 +4515,8 @@
|
|
|
4508
4515
|
const column = columns[columns.findIndex((col) => col.name === columnName)];
|
|
4509
4516
|
const { filterHelperValue } = column;
|
|
4510
4517
|
filterOptions.forEach((item) => {
|
|
4511
|
-
if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
|
|
4518
|
+
if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
|
|
4519
|
+
&& !Array.isArray(item.value)) {
|
|
4512
4520
|
item.value = item.value.split(';');
|
|
4513
4521
|
}
|
|
4514
4522
|
let helperValue = '';
|
|
@@ -4518,7 +4526,8 @@
|
|
|
4518
4526
|
else {
|
|
4519
4527
|
Object.keys(filterHelperValue).forEach((key) => {
|
|
4520
4528
|
const value = filterHelperValue[key] || '';
|
|
4521
|
-
if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
|
|
4529
|
+
if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
|
|
4530
|
+
=== key) {
|
|
4522
4531
|
helperValue = value;
|
|
4523
4532
|
}
|
|
4524
4533
|
});
|
|
@@ -4534,7 +4543,9 @@
|
|
|
4534
4543
|
getCurrentLayout(layoutName) {
|
|
4535
4544
|
const { grid } = this.instance;
|
|
4536
4545
|
const tableElement = this.getParentTable();
|
|
4537
|
-
const gridWidth = tableElement
|
|
4546
|
+
const gridWidth = tableElement
|
|
4547
|
+
? window.getComputedStyle(tableElement).width
|
|
4548
|
+
: 'auto';
|
|
4538
4549
|
return {
|
|
4539
4550
|
name: layoutName,
|
|
4540
4551
|
gridWidth,
|
|
@@ -6081,6 +6092,9 @@
|
|
|
6081
6092
|
return 'unset';
|
|
6082
6093
|
return headerElement[0].style.left;
|
|
6083
6094
|
}
|
|
6095
|
+
setSpanWidth(column) {
|
|
6096
|
+
return column.width;
|
|
6097
|
+
}
|
|
6084
6098
|
getWidthStyle(column) {
|
|
6085
6099
|
return {
|
|
6086
6100
|
width: this.calcWidth(column, column.width) || 'unset',
|
|
@@ -6344,17 +6358,23 @@
|
|
|
6344
6358
|
? "active"
|
|
6345
6359
|
: "",
|
|
6346
6360
|
],
|
|
6347
|
-
style:
|
|
6348
|
-
|
|
6349
|
-
|
|
6350
|
-
|
|
6351
|
-
|
|
6352
|
-
|
|
6353
|
-
|
|
6354
|
-
|
|
6355
|
-
|
|
6356
|
-
|
|
6357
|
-
|
|
6361
|
+
style: [
|
|
6362
|
+
{
|
|
6363
|
+
"background-color":
|
|
6364
|
+
_vm.instance.headerBackground,
|
|
6365
|
+
},
|
|
6366
|
+
column.width ||
|
|
6367
|
+
column.maxWidth ||
|
|
6368
|
+
column.minWidth
|
|
6369
|
+
? "width: " +
|
|
6370
|
+
_vm.calcWidth(
|
|
6371
|
+
column,
|
|
6372
|
+
column.width ||
|
|
6373
|
+
column.maxWidth ||
|
|
6374
|
+
column.minWidth
|
|
6375
|
+
)
|
|
6376
|
+
: "width: unset",
|
|
6377
|
+
],
|
|
6358
6378
|
attrs: {
|
|
6359
6379
|
"column-name": column.name,
|
|
6360
6380
|
index: index,
|
|
@@ -6367,13 +6387,8 @@
|
|
|
6367
6387
|
staticClass: "zd-table-header-cell",
|
|
6368
6388
|
style: {
|
|
6369
6389
|
width:
|
|
6370
|
-
_vm.
|
|
6371
|
-
|
|
6372
|
-
column.width ||
|
|
6373
|
-
column.maxWidth ||
|
|
6374
|
-
column.minWidth,
|
|
6375
|
-
true
|
|
6376
|
-
) || "unset",
|
|
6390
|
+
_vm.setSpanWidth(column) ||
|
|
6391
|
+
"100%",
|
|
6377
6392
|
color:
|
|
6378
6393
|
_vm.instance.headerCellTextColor,
|
|
6379
6394
|
},
|
|
@@ -7412,7 +7427,7 @@
|
|
|
7412
7427
|
/* style */
|
|
7413
7428
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7414
7429
|
if (!inject) return
|
|
7415
|
-
inject("data-v-
|
|
7430
|
+
inject("data-v-3a64cd2e_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
7431
|
|
|
7417
7432
|
};
|
|
7418
7433
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.70.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": "ebfdf3564dd8af0beea9d7cc763d95b89a4f2e0f"
|
|
45
45
|
}
|
|
@@ -60,6 +60,7 @@ export default class TekGrid extends ZdTreeGridEditable {
|
|
|
60
60
|
private tableBody;
|
|
61
61
|
private updateFixedColumns;
|
|
62
62
|
getFixedLeft(column: TekGridColumn): string;
|
|
63
|
+
setSpanWidth(column: Column): string | undefined;
|
|
63
64
|
getWidthStyle(column: Column): {
|
|
64
65
|
width: any;
|
|
65
66
|
'min-width': any;
|