@zeedhi/teknisa-components-vuetify 1.42.0 → 1.45.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.
- package/dist/tek-components-vuetify.esm.js +91 -30
- package/dist/tek-components-vuetify.umd.js +90 -29
- package/package.json +2 -2
- package/types/components/tek-grid/TekGrid.d.ts +1 -0
- package/types/components/tek-iterable-component-render/TekIterableComponentRender.d.ts +3 -0
- package/types/components/tek-product-card/TekProductCard.d.ts +3 -0
- package/types/components/tek-tree-grid/TekTreeGrid.d.ts +1 -0
|
@@ -2,7 +2,7 @@ import { Modal, ModalService, Icons } from '@zeedhi/common';
|
|
|
2
2
|
import { Prop, Component, Watch } from 'vue-property-decorator';
|
|
3
3
|
import { BreadcrumbHeader, CardTitle, CrudButton, CrudAddButton, CrudCancelButton, CrudDeleteButton, CrudForm, CrudSaveButton, TekGrid as TekGrid$2, TekRestDatasource, TekMemoryDatasource, TekGridColumn, TekGridColumnsButton as TekGridColumnsButton$1, TekGridLayoutOptions as TekGridLayoutOptions$1, TekFilterHelper, Image, IterableCarousel, IterableComponentRender, Loading, Notifications, ProductCard, TekTreeGrid } from '@zeedhi/teknisa-components-common';
|
|
4
4
|
import { ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, ZdIterable, ZdLoading } from '@zeedhi/vuetify';
|
|
5
|
-
import { Metadata, Config, dayjs, Singleton,
|
|
5
|
+
import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader } from '@zeedhi/core';
|
|
6
6
|
import debounce from 'lodash.debounce';
|
|
7
7
|
import Sortable from 'sortablejs';
|
|
8
8
|
import cloneDeep from 'lodash.clonedeep';
|
|
@@ -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 color: var(--v-primary-base);\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 */
|
|
@@ -3317,7 +3318,7 @@ let TekGridColumnsOptionsController = class TekGridColumnsOptionsController {
|
|
|
3317
3318
|
return result;
|
|
3318
3319
|
}
|
|
3319
3320
|
columnInSearch(column) {
|
|
3320
|
-
return (!this.searchValue || normalize(column.label).indexOf(normalize(this.searchValue)) !== -1);
|
|
3321
|
+
return (!this.searchValue || Utils.normalize(column.label).indexOf(Utils.normalize(this.searchValue)) !== -1);
|
|
3321
3322
|
}
|
|
3322
3323
|
get fixedColumnData() {
|
|
3323
3324
|
return this.fixedColumns.filter(this.columnInSearch.bind(this));
|
|
@@ -4339,11 +4340,10 @@ var __vue_render__$8 = function () {
|
|
|
4339
4340
|
_vm.instance.name +
|
|
4340
4341
|
"_column_visible_" +
|
|
4341
4342
|
column.name,
|
|
4342
|
-
value: column.isVisible,
|
|
4343
|
-
disabled: column.grouped,
|
|
4343
|
+
value: column.grouped || column.isVisible,
|
|
4344
4344
|
events: {
|
|
4345
4345
|
change:
|
|
4346
|
-
_vm.instance.controller.
|
|
4346
|
+
_vm.instance.controller.showHideTekColumn.bind(
|
|
4347
4347
|
_vm.instance.controller,
|
|
4348
4348
|
column
|
|
4349
4349
|
),
|
|
@@ -4404,7 +4404,8 @@ var __vue_render__$8 = function () {
|
|
|
4404
4404
|
"zd-select",
|
|
4405
4405
|
{
|
|
4406
4406
|
value: column.aggregation,
|
|
4407
|
-
disabled:
|
|
4407
|
+
disabled:
|
|
4408
|
+
column.grouped || !column.isVisible,
|
|
4408
4409
|
events: {
|
|
4409
4410
|
change:
|
|
4410
4411
|
_vm.instance.controller.changeAggregationColumn.bind(
|
|
@@ -4482,7 +4483,7 @@ __vue_render__$8._withStripped = true;
|
|
|
4482
4483
|
/* style */
|
|
4483
4484
|
const __vue_inject_styles__$8 = function (inject) {
|
|
4484
4485
|
if (!inject) return
|
|
4485
|
-
inject("data-v-
|
|
4486
|
+
inject("data-v-04ff1434_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
|
|
4486
4487
|
|
|
4487
4488
|
};
|
|
4488
4489
|
/* 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 */
|
|
@@ -5242,6 +5265,18 @@ __decorate([
|
|
|
5242
5265
|
}),
|
|
5243
5266
|
__metadata("design:type", Array)
|
|
5244
5267
|
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
5268
|
+
__decorate([
|
|
5269
|
+
Prop({ type: [Number, String], default: 'auto' }),
|
|
5270
|
+
__metadata("design:type", Object)
|
|
5271
|
+
], TekIterableComponentRender.prototype, "height", void 0);
|
|
5272
|
+
__decorate([
|
|
5273
|
+
Prop({ type: [Number, String], default: 'none' }),
|
|
5274
|
+
__metadata("design:type", Object)
|
|
5275
|
+
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
5276
|
+
__decorate([
|
|
5277
|
+
Prop({ type: [Number, String], default: 'none' }),
|
|
5278
|
+
__metadata("design:type", Object)
|
|
5279
|
+
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
5245
5280
|
TekIterableComponentRender = __decorate([
|
|
5246
5281
|
Component
|
|
5247
5282
|
], TekIterableComponentRender);
|
|
@@ -5260,6 +5295,11 @@ var __vue_render__$4 = function () {
|
|
|
5260
5295
|
"div",
|
|
5261
5296
|
{
|
|
5262
5297
|
class: ["tek-iterable-component-render", _vm.instance.cssClass],
|
|
5298
|
+
style: Object.assign({}, _vm.instance.cssStyle, {
|
|
5299
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
5300
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
5301
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
5302
|
+
}),
|
|
5263
5303
|
attrs: { id: _vm.instance.name },
|
|
5264
5304
|
},
|
|
5265
5305
|
[
|
|
@@ -5436,11 +5476,11 @@ __vue_render__$4._withStripped = true;
|
|
|
5436
5476
|
/* style */
|
|
5437
5477
|
const __vue_inject_styles__$4 = function (inject) {
|
|
5438
5478
|
if (!inject) return
|
|
5439
|
-
inject("data-v-
|
|
5479
|
+
inject("data-v-1447399a_0", { source: ".tek-iterable-component-render[data-v-1447399a] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-1447399a],\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-1447399a] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-1447399a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
5440
5480
|
|
|
5441
5481
|
};
|
|
5442
5482
|
/* scoped */
|
|
5443
|
-
const __vue_scope_id__$4 = "data-v-
|
|
5483
|
+
const __vue_scope_id__$4 = "data-v-1447399a";
|
|
5444
5484
|
/* module identifier */
|
|
5445
5485
|
const __vue_module_identifier__$4 = undefined;
|
|
5446
5486
|
/* functional template */
|
|
@@ -5744,6 +5784,18 @@ __decorate([
|
|
|
5744
5784
|
Prop({ type: String, default: '' }),
|
|
5745
5785
|
__metadata("design:type", String)
|
|
5746
5786
|
], TekProductCard.prototype, "width", void 0);
|
|
5787
|
+
__decorate([
|
|
5788
|
+
Prop({ type: [Number, String], default: 'auto' }),
|
|
5789
|
+
__metadata("design:type", Object)
|
|
5790
|
+
], TekProductCard.prototype, "height", void 0);
|
|
5791
|
+
__decorate([
|
|
5792
|
+
Prop({ type: [Number, String], default: 'none' }),
|
|
5793
|
+
__metadata("design:type", Object)
|
|
5794
|
+
], TekProductCard.prototype, "maxHeight", void 0);
|
|
5795
|
+
__decorate([
|
|
5796
|
+
Prop({ type: [Number, String], default: 'none' }),
|
|
5797
|
+
__metadata("design:type", Object)
|
|
5798
|
+
], TekProductCard.prototype, "minHeight", void 0);
|
|
5747
5799
|
TekProductCard = __decorate([
|
|
5748
5800
|
Component
|
|
5749
5801
|
], TekProductCard);
|
|
@@ -5772,7 +5824,12 @@ var __vue_render__$1 = function () {
|
|
|
5772
5824
|
{ "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
|
|
5773
5825
|
_vm.instance.cssClass,
|
|
5774
5826
|
],
|
|
5775
|
-
style: {
|
|
5827
|
+
style: Object.assign({}, _vm.instance.cssStyle, {
|
|
5828
|
+
width: _vm.instance.width,
|
|
5829
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
5830
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
5831
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
5832
|
+
}),
|
|
5776
5833
|
attrs: { id: _vm.instance.name },
|
|
5777
5834
|
on: {
|
|
5778
5835
|
click: function ($event) {
|
|
@@ -5888,7 +5945,7 @@ __vue_render__$1._withStripped = true;
|
|
|
5888
5945
|
/* style */
|
|
5889
5946
|
const __vue_inject_styles__$1 = function (inject) {
|
|
5890
5947
|
if (!inject) return
|
|
5891
|
-
inject("data-v-
|
|
5948
|
+
inject("data-v-3dd89d23_0", { source: ".tek-product-card * {\n text-decoration: none;\n}\n.tek-product-card .v-card {\n padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n display: flex;\n flex-direction: column;\n padding: 5px 10px 10px 10px;\n color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 16px;\n line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n font-weight: var(--zd-font-body4-weight);\n font-size: var(--zd-font-body4-size);\n line-height: 16px;\n}\n.tek-product-card--link .v-card {\n cursor: pointer;\n}", map: undefined, media: undefined });
|
|
5892
5949
|
|
|
5893
5950
|
};
|
|
5894
5951
|
/* scoped */
|
|
@@ -6253,6 +6310,10 @@ __decorate([
|
|
|
6253
6310
|
Prop({ type: [Boolean, String], default: false }),
|
|
6254
6311
|
__metadata("design:type", Object)
|
|
6255
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);
|
|
6256
6317
|
__decorate([
|
|
6257
6318
|
Prop({ type: [Boolean, String], default: false }),
|
|
6258
6319
|
__metadata("design:type", Object)
|
|
@@ -6326,6 +6387,7 @@ var __vue_render__ = function () {
|
|
|
6326
6387
|
"tek-tree-grid",
|
|
6327
6388
|
_vm.instance.cssClass,
|
|
6328
6389
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
6390
|
+
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
6329
6391
|
],
|
|
6330
6392
|
style: [_vm.cssColorVars, _vm.instance.cssStyle],
|
|
6331
6393
|
attrs: {
|
|
@@ -7422,7 +7484,6 @@ var __vue_render__ = function () {
|
|
|
7422
7484
|
],
|
|
7423
7485
|
1
|
|
7424
7486
|
),
|
|
7425
|
-
_vm._v(" "),
|
|
7426
7487
|
_c("span", {
|
|
7427
7488
|
key: item.tree__searched
|
|
7428
7489
|
? "a"
|
|
@@ -7615,7 +7676,7 @@ __vue_render__._withStripped = true;
|
|
|
7615
7676
|
/* style */
|
|
7616
7677
|
const __vue_inject_styles__ = function (inject) {
|
|
7617
7678
|
if (!inject) return
|
|
7618
|
-
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 color: var(--v-primary-base);\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 });
|
|
7619
7680
|
|
|
7620
7681
|
};
|
|
7621
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 color: var(--v-primary-base);\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 */
|
|
@@ -3320,7 +3321,7 @@
|
|
|
3320
3321
|
return result;
|
|
3321
3322
|
}
|
|
3322
3323
|
columnInSearch(column) {
|
|
3323
|
-
return (!this.searchValue || core.normalize(column.label).indexOf(core.normalize(this.searchValue)) !== -1);
|
|
3324
|
+
return (!this.searchValue || core.Utils.normalize(column.label).indexOf(core.Utils.normalize(this.searchValue)) !== -1);
|
|
3324
3325
|
}
|
|
3325
3326
|
get fixedColumnData() {
|
|
3326
3327
|
return this.fixedColumns.filter(this.columnInSearch.bind(this));
|
|
@@ -4342,11 +4343,10 @@
|
|
|
4342
4343
|
_vm.instance.name +
|
|
4343
4344
|
"_column_visible_" +
|
|
4344
4345
|
column.name,
|
|
4345
|
-
value: column.isVisible,
|
|
4346
|
-
disabled: column.grouped,
|
|
4346
|
+
value: column.grouped || column.isVisible,
|
|
4347
4347
|
events: {
|
|
4348
4348
|
change:
|
|
4349
|
-
_vm.instance.controller.
|
|
4349
|
+
_vm.instance.controller.showHideTekColumn.bind(
|
|
4350
4350
|
_vm.instance.controller,
|
|
4351
4351
|
column
|
|
4352
4352
|
),
|
|
@@ -4407,7 +4407,8 @@
|
|
|
4407
4407
|
"zd-select",
|
|
4408
4408
|
{
|
|
4409
4409
|
value: column.aggregation,
|
|
4410
|
-
disabled:
|
|
4410
|
+
disabled:
|
|
4411
|
+
column.grouped || !column.isVisible,
|
|
4411
4412
|
events: {
|
|
4412
4413
|
change:
|
|
4413
4414
|
_vm.instance.controller.changeAggregationColumn.bind(
|
|
@@ -4485,7 +4486,7 @@
|
|
|
4485
4486
|
/* style */
|
|
4486
4487
|
const __vue_inject_styles__$8 = function (inject) {
|
|
4487
4488
|
if (!inject) return
|
|
4488
|
-
inject("data-v-
|
|
4489
|
+
inject("data-v-04ff1434_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
|
|
4489
4490
|
|
|
4490
4491
|
};
|
|
4491
4492
|
/* 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 */
|
|
@@ -5245,6 +5268,18 @@
|
|
|
5245
5268
|
}),
|
|
5246
5269
|
__metadata("design:type", Array)
|
|
5247
5270
|
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
5271
|
+
__decorate([
|
|
5272
|
+
vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
|
|
5273
|
+
__metadata("design:type", Object)
|
|
5274
|
+
], TekIterableComponentRender.prototype, "height", void 0);
|
|
5275
|
+
__decorate([
|
|
5276
|
+
vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
|
|
5277
|
+
__metadata("design:type", Object)
|
|
5278
|
+
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
5279
|
+
__decorate([
|
|
5280
|
+
vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
|
|
5281
|
+
__metadata("design:type", Object)
|
|
5282
|
+
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
5248
5283
|
TekIterableComponentRender = __decorate([
|
|
5249
5284
|
vuePropertyDecorator.Component
|
|
5250
5285
|
], TekIterableComponentRender);
|
|
@@ -5263,6 +5298,11 @@
|
|
|
5263
5298
|
"div",
|
|
5264
5299
|
{
|
|
5265
5300
|
class: ["tek-iterable-component-render", _vm.instance.cssClass],
|
|
5301
|
+
style: Object.assign({}, _vm.instance.cssStyle, {
|
|
5302
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
5303
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
5304
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
5305
|
+
}),
|
|
5266
5306
|
attrs: { id: _vm.instance.name },
|
|
5267
5307
|
},
|
|
5268
5308
|
[
|
|
@@ -5439,11 +5479,11 @@
|
|
|
5439
5479
|
/* style */
|
|
5440
5480
|
const __vue_inject_styles__$4 = function (inject) {
|
|
5441
5481
|
if (!inject) return
|
|
5442
|
-
inject("data-v-
|
|
5482
|
+
inject("data-v-1447399a_0", { source: ".tek-iterable-component-render[data-v-1447399a] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-1447399a],\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-1447399a] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-1447399a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
5443
5483
|
|
|
5444
5484
|
};
|
|
5445
5485
|
/* scoped */
|
|
5446
|
-
const __vue_scope_id__$4 = "data-v-
|
|
5486
|
+
const __vue_scope_id__$4 = "data-v-1447399a";
|
|
5447
5487
|
/* module identifier */
|
|
5448
5488
|
const __vue_module_identifier__$4 = undefined;
|
|
5449
5489
|
/* functional template */
|
|
@@ -5747,6 +5787,18 @@
|
|
|
5747
5787
|
vuePropertyDecorator.Prop({ type: String, default: '' }),
|
|
5748
5788
|
__metadata("design:type", String)
|
|
5749
5789
|
], TekProductCard.prototype, "width", void 0);
|
|
5790
|
+
__decorate([
|
|
5791
|
+
vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
|
|
5792
|
+
__metadata("design:type", Object)
|
|
5793
|
+
], TekProductCard.prototype, "height", void 0);
|
|
5794
|
+
__decorate([
|
|
5795
|
+
vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
|
|
5796
|
+
__metadata("design:type", Object)
|
|
5797
|
+
], TekProductCard.prototype, "maxHeight", void 0);
|
|
5798
|
+
__decorate([
|
|
5799
|
+
vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
|
|
5800
|
+
__metadata("design:type", Object)
|
|
5801
|
+
], TekProductCard.prototype, "minHeight", void 0);
|
|
5750
5802
|
TekProductCard = __decorate([
|
|
5751
5803
|
vuePropertyDecorator.Component
|
|
5752
5804
|
], TekProductCard);
|
|
@@ -5775,7 +5827,12 @@
|
|
|
5775
5827
|
{ "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
|
|
5776
5828
|
_vm.instance.cssClass,
|
|
5777
5829
|
],
|
|
5778
|
-
style: {
|
|
5830
|
+
style: Object.assign({}, _vm.instance.cssStyle, {
|
|
5831
|
+
width: _vm.instance.width,
|
|
5832
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
5833
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
5834
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
5835
|
+
}),
|
|
5779
5836
|
attrs: { id: _vm.instance.name },
|
|
5780
5837
|
on: {
|
|
5781
5838
|
click: function ($event) {
|
|
@@ -5891,7 +5948,7 @@
|
|
|
5891
5948
|
/* style */
|
|
5892
5949
|
const __vue_inject_styles__$1 = function (inject) {
|
|
5893
5950
|
if (!inject) return
|
|
5894
|
-
inject("data-v-
|
|
5951
|
+
inject("data-v-3dd89d23_0", { source: ".tek-product-card * {\n text-decoration: none;\n}\n.tek-product-card .v-card {\n padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n display: flex;\n flex-direction: column;\n padding: 5px 10px 10px 10px;\n color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 16px;\n line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n font-weight: var(--zd-font-body4-weight);\n font-size: var(--zd-font-body4-size);\n line-height: 16px;\n}\n.tek-product-card--link .v-card {\n cursor: pointer;\n}", map: undefined, media: undefined });
|
|
5895
5952
|
|
|
5896
5953
|
};
|
|
5897
5954
|
/* scoped */
|
|
@@ -6256,6 +6313,10 @@
|
|
|
6256
6313
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
6257
6314
|
__metadata("design:type", Object)
|
|
6258
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);
|
|
6259
6320
|
__decorate([
|
|
6260
6321
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
6261
6322
|
__metadata("design:type", Object)
|
|
@@ -6329,6 +6390,7 @@
|
|
|
6329
6390
|
"tek-tree-grid",
|
|
6330
6391
|
_vm.instance.cssClass,
|
|
6331
6392
|
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
6393
|
+
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
6332
6394
|
],
|
|
6333
6395
|
style: [_vm.cssColorVars, _vm.instance.cssStyle],
|
|
6334
6396
|
attrs: {
|
|
@@ -7425,7 +7487,6 @@
|
|
|
7425
7487
|
],
|
|
7426
7488
|
1
|
|
7427
7489
|
),
|
|
7428
|
-
_vm._v(" "),
|
|
7429
7490
|
_c("span", {
|
|
7430
7491
|
key: item.tree__searched
|
|
7431
7492
|
? "a"
|
|
@@ -7618,7 +7679,7 @@
|
|
|
7618
7679
|
/* style */
|
|
7619
7680
|
const __vue_inject_styles__ = function (inject) {
|
|
7620
7681
|
if (!inject) return
|
|
7621
|
-
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 color: var(--v-primary-base);\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 });
|
|
7622
7683
|
|
|
7623
7684
|
};
|
|
7624
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.45.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": "5cb77925445487ae4412a779f01ee7be41b59817"
|
|
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;
|
|
@@ -12,6 +12,9 @@ export default class TekIterableComponentRender extends ZdIterable {
|
|
|
12
12
|
errorSlot: IComponentRender[];
|
|
13
13
|
noDataSlot: IComponentRender[];
|
|
14
14
|
noResultSlot: IComponentRender[];
|
|
15
|
+
height: number | string;
|
|
16
|
+
maxHeight: number | string;
|
|
17
|
+
minHeight: number | string;
|
|
15
18
|
instance: IterableComponentRender;
|
|
16
19
|
instanceType: typeof IterableComponentRender;
|
|
17
20
|
}
|
|
@@ -14,6 +14,9 @@ export default class TekProductCard extends ZdComponentRender {
|
|
|
14
14
|
productBrand?: string;
|
|
15
15
|
productPrice?: string | number;
|
|
16
16
|
width: string;
|
|
17
|
+
height: number | string;
|
|
18
|
+
maxHeight: number | string;
|
|
19
|
+
minHeight: number | string;
|
|
17
20
|
instance: ProductCard;
|
|
18
21
|
instanceType: typeof ProductCard;
|
|
19
22
|
disableTooltip: boolean;
|
|
@@ -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;
|