@zeedhi/teknisa-components-vuetify 1.43.0 → 1.44.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.
|
@@ -1570,6 +1570,10 @@ __decorate([
|
|
|
1570
1570
|
Prop({ type: [Boolean, String], default: false }),
|
|
1571
1571
|
__metadata("design:type", Object)
|
|
1572
1572
|
], TekGrid$1.prototype, "filterButton", void 0);
|
|
1573
|
+
__decorate([
|
|
1574
|
+
Prop({ type: [Boolean, String], default: true }),
|
|
1575
|
+
__metadata("design:type", Object)
|
|
1576
|
+
], TekGrid$1.prototype, "showSearch", void 0);
|
|
1573
1577
|
__decorate([
|
|
1574
1578
|
Prop({ type: [Boolean, String], default: false }),
|
|
1575
1579
|
__metadata("design:type", Object)
|
|
@@ -1649,6 +1653,7 @@ var __vue_render__$9 = function () {
|
|
|
1649
1653
|
"tek-grid",
|
|
1650
1654
|
_vm.instance.cssClass,
|
|
1651
1655
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
1656
|
+
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
1652
1657
|
],
|
|
1653
1658
|
style: [_vm.cssColorVars, _vm.instance.cssStyle],
|
|
1654
1659
|
attrs: {
|
|
@@ -1988,11 +1993,9 @@ var __vue_render__$9 = function () {
|
|
|
1988
1993
|
},
|
|
1989
1994
|
[
|
|
1990
1995
|
_vm._v(
|
|
1991
|
-
|
|
1992
|
-
_vm.
|
|
1993
|
-
|
|
1994
|
-
) +
|
|
1995
|
-
"\n "
|
|
1996
|
+
_vm._s(
|
|
1997
|
+
_vm.$t(column.label)
|
|
1998
|
+
)
|
|
1996
1999
|
),
|
|
1997
2000
|
column.aggregation
|
|
1998
2001
|
? _c(
|
|
@@ -3017,14 +3020,12 @@ var __vue_render__$9 = function () {
|
|
|
3017
3020
|
},
|
|
3018
3021
|
[
|
|
3019
3022
|
_vm._v(
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
) +
|
|
3027
|
-
"\n "
|
|
3023
|
+
_vm._s(
|
|
3024
|
+
column.formatterByRow(
|
|
3025
|
+
item,
|
|
3026
|
+
cellProps
|
|
3027
|
+
)
|
|
3028
|
+
)
|
|
3028
3029
|
),
|
|
3029
3030
|
]
|
|
3030
3031
|
),
|
|
@@ -3218,7 +3219,7 @@ __vue_render__$9._withStripped = true;
|
|
|
3218
3219
|
/* style */
|
|
3219
3220
|
const __vue_inject_styles__$9 = function (inject) {
|
|
3220
3221
|
if (!inject) return
|
|
3221
|
-
inject("data-v-
|
|
3222
|
+
inject("data-v-0ced07c0_0", { source: ".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}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
|
|
3222
3223
|
|
|
3223
3224
|
};
|
|
3224
3225
|
/* scoped */
|
|
@@ -4535,6 +4536,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4535
4536
|
return {};
|
|
4536
4537
|
}
|
|
4537
4538
|
applyLayout(layout) {
|
|
4539
|
+
let groupParamsChanged = false;
|
|
4538
4540
|
const tableElement = this.getParentTable();
|
|
4539
4541
|
if (!tableElement)
|
|
4540
4542
|
return;
|
|
@@ -4587,6 +4589,10 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4587
4589
|
}
|
|
4588
4590
|
grid.columns = this.instance.originalColumnProps.map((column) => {
|
|
4589
4591
|
const col = gridColumns[column.name];
|
|
4592
|
+
groupParamsChanged = groupParamsChanged
|
|
4593
|
+
|| col.grouped !== column.grouped
|
|
4594
|
+
|| col.groupOpened !== column.groupOpened
|
|
4595
|
+
|| col.aggregation !== column.aggregation;
|
|
4590
4596
|
col.isVisible = column.isVisible;
|
|
4591
4597
|
col.label = column.label;
|
|
4592
4598
|
col.align = column.align;
|
|
@@ -4605,9 +4611,10 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4605
4611
|
item.style.width = 'unset';
|
|
4606
4612
|
});
|
|
4607
4613
|
}
|
|
4608
|
-
if (JSON.stringify(grid.datasource.order) !== oldOrder
|
|
4614
|
+
if ((JSON.stringify(grid.datasource.order) !== oldOrder
|
|
4609
4615
|
|| JSON.stringify(grid.datasource.filter) !== oldFilter
|
|
4610
|
-
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
|
|
4616
|
+
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
|
|
4617
|
+
&& !groupParamsChanged) { // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
|
|
4611
4618
|
grid.datasource.get();
|
|
4612
4619
|
}
|
|
4613
4620
|
this.$refs.layoutMenu.isActive = false;
|
|
@@ -4754,6 +4761,14 @@ var __vue_render__$7 = function () {
|
|
|
4754
4761
|
_c(
|
|
4755
4762
|
"v-badge",
|
|
4756
4763
|
{
|
|
4764
|
+
directives: [
|
|
4765
|
+
{
|
|
4766
|
+
name: "show",
|
|
4767
|
+
rawName: "v-show",
|
|
4768
|
+
value: _vm.instance.isVisible,
|
|
4769
|
+
expression: "instance.isVisible",
|
|
4770
|
+
},
|
|
4771
|
+
],
|
|
4757
4772
|
staticClass:
|
|
4758
4773
|
"tek-grid-layout-options-badge",
|
|
4759
4774
|
attrs: {
|
|
@@ -4766,6 +4781,14 @@ var __vue_render__$7 = function () {
|
|
|
4766
4781
|
},
|
|
4767
4782
|
[
|
|
4768
4783
|
_c("zd-button", {
|
|
4784
|
+
directives: [
|
|
4785
|
+
{
|
|
4786
|
+
name: "show",
|
|
4787
|
+
rawName: "v-show",
|
|
4788
|
+
value: _vm.instance.isVisible,
|
|
4789
|
+
expression: "instance.isVisible",
|
|
4790
|
+
},
|
|
4791
|
+
],
|
|
4769
4792
|
attrs: {
|
|
4770
4793
|
name: _vm.instance.name + "_button",
|
|
4771
4794
|
"icon-name": "layout",
|
|
@@ -4958,7 +4981,7 @@ __vue_render__$7._withStripped = true;
|
|
|
4958
4981
|
/* style */
|
|
4959
4982
|
const __vue_inject_styles__$7 = function (inject) {
|
|
4960
4983
|
if (!inject) return
|
|
4961
|
-
inject("data-v-
|
|
4984
|
+
inject("data-v-162a7d24_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
|
|
4962
4985
|
|
|
4963
4986
|
};
|
|
4964
4987
|
/* scoped */
|
|
@@ -6287,6 +6310,10 @@ __decorate([
|
|
|
6287
6310
|
Prop({ type: [Boolean, String], default: false }),
|
|
6288
6311
|
__metadata("design:type", Object)
|
|
6289
6312
|
], TekGrid.prototype, "filterButton", void 0);
|
|
6313
|
+
__decorate([
|
|
6314
|
+
Prop({ type: [Boolean, String], default: true }),
|
|
6315
|
+
__metadata("design:type", Object)
|
|
6316
|
+
], TekGrid.prototype, "showSearch", void 0);
|
|
6290
6317
|
__decorate([
|
|
6291
6318
|
Prop({ type: [Boolean, String], default: false }),
|
|
6292
6319
|
__metadata("design:type", Object)
|
|
@@ -6360,6 +6387,7 @@ var __vue_render__ = function () {
|
|
|
6360
6387
|
"tek-tree-grid",
|
|
6361
6388
|
_vm.instance.cssClass,
|
|
6362
6389
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
6390
|
+
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
6363
6391
|
],
|
|
6364
6392
|
style: [_vm.cssColorVars, _vm.instance.cssStyle],
|
|
6365
6393
|
attrs: {
|
|
@@ -7456,7 +7484,6 @@ var __vue_render__ = function () {
|
|
|
7456
7484
|
],
|
|
7457
7485
|
1
|
|
7458
7486
|
),
|
|
7459
|
-
_vm._v(" "),
|
|
7460
7487
|
_c("span", {
|
|
7461
7488
|
key: item.tree__searched
|
|
7462
7489
|
? "a"
|
|
@@ -7649,7 +7676,7 @@ __vue_render__._withStripped = true;
|
|
|
7649
7676
|
/* style */
|
|
7650
7677
|
const __vue_inject_styles__ = function (inject) {
|
|
7651
7678
|
if (!inject) return
|
|
7652
|
-
inject("data-v-
|
|
7679
|
+
inject("data-v-3ef85802_0", { source: ".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}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
|
|
7653
7680
|
|
|
7654
7681
|
};
|
|
7655
7682
|
/* scoped */
|
|
@@ -1573,6 +1573,10 @@
|
|
|
1573
1573
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
1574
1574
|
__metadata("design:type", Object)
|
|
1575
1575
|
], TekGrid$1.prototype, "filterButton", void 0);
|
|
1576
|
+
__decorate([
|
|
1577
|
+
vuePropertyDecorator.Prop({ type: [Boolean, String], default: true }),
|
|
1578
|
+
__metadata("design:type", Object)
|
|
1579
|
+
], TekGrid$1.prototype, "showSearch", void 0);
|
|
1576
1580
|
__decorate([
|
|
1577
1581
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
1578
1582
|
__metadata("design:type", Object)
|
|
@@ -1652,6 +1656,7 @@
|
|
|
1652
1656
|
"tek-grid",
|
|
1653
1657
|
_vm.instance.cssClass,
|
|
1654
1658
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
1659
|
+
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
1655
1660
|
],
|
|
1656
1661
|
style: [_vm.cssColorVars, _vm.instance.cssStyle],
|
|
1657
1662
|
attrs: {
|
|
@@ -1991,11 +1996,9 @@
|
|
|
1991
1996
|
},
|
|
1992
1997
|
[
|
|
1993
1998
|
_vm._v(
|
|
1994
|
-
|
|
1995
|
-
_vm.
|
|
1996
|
-
|
|
1997
|
-
) +
|
|
1998
|
-
"\n "
|
|
1999
|
+
_vm._s(
|
|
2000
|
+
_vm.$t(column.label)
|
|
2001
|
+
)
|
|
1999
2002
|
),
|
|
2000
2003
|
column.aggregation
|
|
2001
2004
|
? _c(
|
|
@@ -3020,14 +3023,12 @@
|
|
|
3020
3023
|
},
|
|
3021
3024
|
[
|
|
3022
3025
|
_vm._v(
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
) +
|
|
3030
|
-
"\n "
|
|
3026
|
+
_vm._s(
|
|
3027
|
+
column.formatterByRow(
|
|
3028
|
+
item,
|
|
3029
|
+
cellProps
|
|
3030
|
+
)
|
|
3031
|
+
)
|
|
3031
3032
|
),
|
|
3032
3033
|
]
|
|
3033
3034
|
),
|
|
@@ -3221,7 +3222,7 @@
|
|
|
3221
3222
|
/* style */
|
|
3222
3223
|
const __vue_inject_styles__$9 = function (inject) {
|
|
3223
3224
|
if (!inject) return
|
|
3224
|
-
inject("data-v-
|
|
3225
|
+
inject("data-v-0ced07c0_0", { source: ".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}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
|
|
3225
3226
|
|
|
3226
3227
|
};
|
|
3227
3228
|
/* scoped */
|
|
@@ -4538,6 +4539,7 @@
|
|
|
4538
4539
|
return {};
|
|
4539
4540
|
}
|
|
4540
4541
|
applyLayout(layout) {
|
|
4542
|
+
let groupParamsChanged = false;
|
|
4541
4543
|
const tableElement = this.getParentTable();
|
|
4542
4544
|
if (!tableElement)
|
|
4543
4545
|
return;
|
|
@@ -4590,6 +4592,10 @@
|
|
|
4590
4592
|
}
|
|
4591
4593
|
grid.columns = this.instance.originalColumnProps.map((column) => {
|
|
4592
4594
|
const col = gridColumns[column.name];
|
|
4595
|
+
groupParamsChanged = groupParamsChanged
|
|
4596
|
+
|| col.grouped !== column.grouped
|
|
4597
|
+
|| col.groupOpened !== column.groupOpened
|
|
4598
|
+
|| col.aggregation !== column.aggregation;
|
|
4593
4599
|
col.isVisible = column.isVisible;
|
|
4594
4600
|
col.label = column.label;
|
|
4595
4601
|
col.align = column.align;
|
|
@@ -4608,9 +4614,10 @@
|
|
|
4608
4614
|
item.style.width = 'unset';
|
|
4609
4615
|
});
|
|
4610
4616
|
}
|
|
4611
|
-
if (JSON.stringify(grid.datasource.order) !== oldOrder
|
|
4617
|
+
if ((JSON.stringify(grid.datasource.order) !== oldOrder
|
|
4612
4618
|
|| JSON.stringify(grid.datasource.filter) !== oldFilter
|
|
4613
|
-
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
|
|
4619
|
+
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
|
|
4620
|
+
&& !groupParamsChanged) { // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
|
|
4614
4621
|
grid.datasource.get();
|
|
4615
4622
|
}
|
|
4616
4623
|
this.$refs.layoutMenu.isActive = false;
|
|
@@ -4757,6 +4764,14 @@
|
|
|
4757
4764
|
_c(
|
|
4758
4765
|
"v-badge",
|
|
4759
4766
|
{
|
|
4767
|
+
directives: [
|
|
4768
|
+
{
|
|
4769
|
+
name: "show",
|
|
4770
|
+
rawName: "v-show",
|
|
4771
|
+
value: _vm.instance.isVisible,
|
|
4772
|
+
expression: "instance.isVisible",
|
|
4773
|
+
},
|
|
4774
|
+
],
|
|
4760
4775
|
staticClass:
|
|
4761
4776
|
"tek-grid-layout-options-badge",
|
|
4762
4777
|
attrs: {
|
|
@@ -4769,6 +4784,14 @@
|
|
|
4769
4784
|
},
|
|
4770
4785
|
[
|
|
4771
4786
|
_c("zd-button", {
|
|
4787
|
+
directives: [
|
|
4788
|
+
{
|
|
4789
|
+
name: "show",
|
|
4790
|
+
rawName: "v-show",
|
|
4791
|
+
value: _vm.instance.isVisible,
|
|
4792
|
+
expression: "instance.isVisible",
|
|
4793
|
+
},
|
|
4794
|
+
],
|
|
4772
4795
|
attrs: {
|
|
4773
4796
|
name: _vm.instance.name + "_button",
|
|
4774
4797
|
"icon-name": "layout",
|
|
@@ -4961,7 +4984,7 @@
|
|
|
4961
4984
|
/* style */
|
|
4962
4985
|
const __vue_inject_styles__$7 = function (inject) {
|
|
4963
4986
|
if (!inject) return
|
|
4964
|
-
inject("data-v-
|
|
4987
|
+
inject("data-v-162a7d24_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
|
|
4965
4988
|
|
|
4966
4989
|
};
|
|
4967
4990
|
/* scoped */
|
|
@@ -6290,6 +6313,10 @@
|
|
|
6290
6313
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
6291
6314
|
__metadata("design:type", Object)
|
|
6292
6315
|
], TekGrid.prototype, "filterButton", void 0);
|
|
6316
|
+
__decorate([
|
|
6317
|
+
vuePropertyDecorator.Prop({ type: [Boolean, String], default: true }),
|
|
6318
|
+
__metadata("design:type", Object)
|
|
6319
|
+
], TekGrid.prototype, "showSearch", void 0);
|
|
6293
6320
|
__decorate([
|
|
6294
6321
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
6295
6322
|
__metadata("design:type", Object)
|
|
@@ -6363,6 +6390,7 @@
|
|
|
6363
6390
|
"tek-tree-grid",
|
|
6364
6391
|
_vm.instance.cssClass,
|
|
6365
6392
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
6393
|
+
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
6366
6394
|
],
|
|
6367
6395
|
style: [_vm.cssColorVars, _vm.instance.cssStyle],
|
|
6368
6396
|
attrs: {
|
|
@@ -7459,7 +7487,6 @@
|
|
|
7459
7487
|
],
|
|
7460
7488
|
1
|
|
7461
7489
|
),
|
|
7462
|
-
_vm._v(" "),
|
|
7463
7490
|
_c("span", {
|
|
7464
7491
|
key: item.tree__searched
|
|
7465
7492
|
? "a"
|
|
@@ -7652,7 +7679,7 @@
|
|
|
7652
7679
|
/* style */
|
|
7653
7680
|
const __vue_inject_styles__ = function (inject) {
|
|
7654
7681
|
if (!inject) return
|
|
7655
|
-
inject("data-v-
|
|
7682
|
+
inject("data-v-3ef85802_0", { source: ".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}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\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-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: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\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 });
|
|
7656
7683
|
|
|
7657
7684
|
};
|
|
7658
7685
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.44.0",
|
|
4
4
|
"description": "Teknisa Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"vue": "^2.6.12",
|
|
40
40
|
"vuetify": "^2.4.0"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "f58aaa0da52de553088e6eb5bb4567293553e44a"
|
|
43
43
|
}
|
|
@@ -13,6 +13,7 @@ export default class TekGrid extends ZdGridEditable {
|
|
|
13
13
|
columnsButton: boolean | string;
|
|
14
14
|
columnsButtonIgnore: string[] | string;
|
|
15
15
|
filterButton: boolean | string;
|
|
16
|
+
showSearch: boolean | string;
|
|
16
17
|
columnFilterButton: boolean | string;
|
|
17
18
|
actions: IComponentRender[];
|
|
18
19
|
dragColumns: boolean | string;
|
|
@@ -13,6 +13,7 @@ export default class TekGrid extends ZdTreeGridEditable {
|
|
|
13
13
|
columnsButton: boolean | string;
|
|
14
14
|
columnsButtonIgnore: string[] | string;
|
|
15
15
|
filterButton: boolean | string;
|
|
16
|
+
showSearch: boolean | string;
|
|
16
17
|
columnFilterButton: boolean | string;
|
|
17
18
|
actions: IComponentRender[];
|
|
18
19
|
dragColumns: boolean | string;
|