@zeedhi/teknisa-components-vuetify 1.71.0 → 1.72.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.
|
@@ -1769,6 +1769,8 @@ var __vue_render__$b = function () {
|
|
|
1769
1769
|
!column.fixed &&
|
|
1770
1770
|
_vm.instance.dragColumns,
|
|
1771
1771
|
"zd-table-fixed-column": column.fixed,
|
|
1772
|
+
"zd-table-fixed-column-action":
|
|
1773
|
+
column.actionFixed,
|
|
1772
1774
|
},
|
|
1773
1775
|
{
|
|
1774
1776
|
"theme--dark":
|
|
@@ -2504,7 +2506,13 @@ var __vue_render__$b = function () {
|
|
|
2504
2506
|
_c(
|
|
2505
2507
|
"span",
|
|
2506
2508
|
{
|
|
2507
|
-
|
|
2509
|
+
class: [
|
|
2510
|
+
{
|
|
2511
|
+
"zd-table-group-two-plus-container":
|
|
2512
|
+
item.groupHeaders.length,
|
|
2513
|
+
},
|
|
2514
|
+
"zd-table-group-container",
|
|
2515
|
+
],
|
|
2508
2516
|
style:
|
|
2509
2517
|
"left: " +
|
|
2510
2518
|
(_vm.instance.selectable ? 48 : 8) +
|
|
@@ -2679,6 +2687,12 @@ var __vue_render__$b = function () {
|
|
|
2679
2687
|
cellsApplied: cellsApplied,
|
|
2680
2688
|
cellClass: [
|
|
2681
2689
|
{
|
|
2690
|
+
"zd-table-two-plus-groups":
|
|
2691
|
+
(_vm.instance
|
|
2692
|
+
.groupColumnNames
|
|
2693
|
+
.length >
|
|
2694
|
+
1) &
|
|
2695
|
+
(index === 0),
|
|
2682
2696
|
"zd-table-column-editable":
|
|
2683
2697
|
column.editable,
|
|
2684
2698
|
"zd-table-cell-editable":
|
|
@@ -2904,6 +2918,8 @@ var __vue_render__$b = function () {
|
|
|
2904
2918
|
{
|
|
2905
2919
|
"zd-table-fixed-column":
|
|
2906
2920
|
column.fixed,
|
|
2921
|
+
"zd-table-fixed-column-action":
|
|
2922
|
+
column.actionFixed,
|
|
2907
2923
|
},
|
|
2908
2924
|
{
|
|
2909
2925
|
"theme--dark":
|
|
@@ -3074,7 +3090,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3074
3090
|
/* style */
|
|
3075
3091
|
const __vue_inject_styles__$b = function (inject) {
|
|
3076
3092
|
if (!inject) return
|
|
3077
|
-
inject("data-v-
|
|
3093
|
+
inject("data-v-76e10514_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
3078
3094
|
|
|
3079
3095
|
};
|
|
3080
3096
|
/* scoped */
|
|
@@ -5801,9 +5817,10 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
5801
5817
|
this.tableBody = null;
|
|
5802
5818
|
}
|
|
5803
5819
|
mounted() {
|
|
5804
|
-
this.
|
|
5805
|
-
this.instance.changeLayout = this.
|
|
5820
|
+
this.originalChangeTekGridLayout = this.instance.changeLayout;
|
|
5821
|
+
this.instance.changeLayout = this.onChangeTekGridLayout;
|
|
5806
5822
|
this.updateFixedColumns();
|
|
5823
|
+
this.orderColumnVisibility();
|
|
5807
5824
|
}
|
|
5808
5825
|
minimumColumnWidth(column) {
|
|
5809
5826
|
let minWidth = column && column.sortable ? 50 : 34;
|
|
@@ -5812,9 +5829,9 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
5812
5829
|
}
|
|
5813
5830
|
return minWidth;
|
|
5814
5831
|
}
|
|
5815
|
-
|
|
5816
|
-
if (this.
|
|
5817
|
-
this.
|
|
5832
|
+
onChangeTekGridLayout(event, element) {
|
|
5833
|
+
if (this.originalChangeTekGridLayout) {
|
|
5834
|
+
this.originalChangeTekGridLayout.call(this.instance, event, element);
|
|
5818
5835
|
}
|
|
5819
5836
|
if (this.instance.showLayoutOptions) {
|
|
5820
5837
|
try {
|
|
@@ -5887,11 +5904,26 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
5887
5904
|
datasource.dynamicFilter[column.name][index][prop] = component.value;
|
|
5888
5905
|
if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
|
|
5889
5906
|
this.debouncedDatasourceGet(this.instance);
|
|
5890
|
-
this.
|
|
5907
|
+
this.onChangeTekGridLayout(event, element);
|
|
5891
5908
|
}
|
|
5892
5909
|
}
|
|
5893
5910
|
}
|
|
5894
5911
|
}
|
|
5912
|
+
orderColumnVisibility() {
|
|
5913
|
+
const columnsInvisibles = this.instance.columns.filter((column) => column.isVisible === false);
|
|
5914
|
+
if (!columnsInvisibles) {
|
|
5915
|
+
return;
|
|
5916
|
+
}
|
|
5917
|
+
const columnsVisibles = this.instance.columns.filter((column) => column.isVisible === true);
|
|
5918
|
+
const newOrderColumns = [];
|
|
5919
|
+
if (columnsVisibles) {
|
|
5920
|
+
newOrderColumns.push(...columnsVisibles);
|
|
5921
|
+
}
|
|
5922
|
+
if (columnsInvisibles) {
|
|
5923
|
+
newOrderColumns.push(...columnsInvisibles);
|
|
5924
|
+
}
|
|
5925
|
+
this.instance.columns = newOrderColumns;
|
|
5926
|
+
}
|
|
5895
5927
|
convertToDateFormat(column, value, revert) {
|
|
5896
5928
|
const dateFormat = column.componentProps.dateFormat || Config.dateFormat;
|
|
5897
5929
|
const displayFormat = column.componentProps.displayFormat || Config.displayFormat;
|
|
@@ -5971,7 +6003,7 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
5971
6003
|
}
|
|
5972
6004
|
if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
|
|
5973
6005
|
this.debouncedDatasourceGet(this.instance);
|
|
5974
|
-
this.
|
|
6006
|
+
this.onChangeTekGridLayout(event, element);
|
|
5975
6007
|
this.clearHelperValues(column);
|
|
5976
6008
|
}
|
|
5977
6009
|
}
|
|
@@ -5985,7 +6017,7 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
5985
6017
|
}
|
|
5986
6018
|
if (this.lastFilter !== JSON.stringify(this.instance.datasource.filter)) {
|
|
5987
6019
|
this.debouncedDatasourceGet(this.instance);
|
|
5988
|
-
this.
|
|
6020
|
+
this.onChangeTekGridLayout(event, element);
|
|
5989
6021
|
this.clearHelperValues(column);
|
|
5990
6022
|
}
|
|
5991
6023
|
}
|
|
@@ -6085,22 +6117,14 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
6085
6117
|
return headerElement[0].style.left;
|
|
6086
6118
|
}
|
|
6087
6119
|
setSpanWidth(column) {
|
|
6088
|
-
return
|
|
6120
|
+
return column.width;
|
|
6089
6121
|
}
|
|
6090
6122
|
getWidthStyle(column) {
|
|
6091
|
-
|
|
6092
|
-
|
|
6123
|
+
return {
|
|
6124
|
+
width: this.calcWidth(column, column.width) || 'unset',
|
|
6125
|
+
'min-width': this.calcWidth(column, column.minWidth) || 'unset',
|
|
6126
|
+
'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
|
|
6093
6127
|
};
|
|
6094
|
-
if (column.width) {
|
|
6095
|
-
widthData = Object.assign({ width: this.calcWidth(column, column.width) }, widthData);
|
|
6096
|
-
}
|
|
6097
|
-
if (column.minWidth) {
|
|
6098
|
-
widthData = Object.assign({ 'min-width': this.calcWidth(column, column.minWidth) }, widthData);
|
|
6099
|
-
}
|
|
6100
|
-
if (column.maxWidth) {
|
|
6101
|
-
widthData = Object.assign({ 'max-width': this.calcWidth(column, column.maxWidth) }, widthData);
|
|
6102
|
-
}
|
|
6103
|
-
return widthData;
|
|
6104
6128
|
}
|
|
6105
6129
|
};
|
|
6106
6130
|
__decorate([
|
|
@@ -6347,6 +6371,8 @@ var __vue_render__$2 = function () {
|
|
|
6347
6371
|
sortable: column.sortable,
|
|
6348
6372
|
sortHandle: _vm.instance.dragColumns,
|
|
6349
6373
|
"zd-table-fixed-column": column.fixed,
|
|
6374
|
+
"zd-table-fixed-column-action":
|
|
6375
|
+
column.actionFixed,
|
|
6350
6376
|
},
|
|
6351
6377
|
"text-" + column.align,
|
|
6352
6378
|
_vm.instance.datasource.getOrderByColumn(
|
|
@@ -7286,7 +7312,8 @@ var __vue_render__$2 = function () {
|
|
|
7286
7312
|
) {
|
|
7287
7313
|
return _vm.instance.toggleExpand(
|
|
7288
7314
|
item,
|
|
7289
|
-
index
|
|
7315
|
+
index,
|
|
7316
|
+
$event
|
|
7290
7317
|
)
|
|
7291
7318
|
},
|
|
7292
7319
|
},
|
|
@@ -7424,7 +7451,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7424
7451
|
/* style */
|
|
7425
7452
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7426
7453
|
if (!inject) return
|
|
7427
|
-
inject("data-v-
|
|
7454
|
+
inject("data-v-3f53f711_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
7428
7455
|
|
|
7429
7456
|
};
|
|
7430
7457
|
/* scoped */
|
|
@@ -1771,6 +1771,8 @@
|
|
|
1771
1771
|
!column.fixed &&
|
|
1772
1772
|
_vm.instance.dragColumns,
|
|
1773
1773
|
"zd-table-fixed-column": column.fixed,
|
|
1774
|
+
"zd-table-fixed-column-action":
|
|
1775
|
+
column.actionFixed,
|
|
1774
1776
|
},
|
|
1775
1777
|
{
|
|
1776
1778
|
"theme--dark":
|
|
@@ -2506,7 +2508,13 @@
|
|
|
2506
2508
|
_c(
|
|
2507
2509
|
"span",
|
|
2508
2510
|
{
|
|
2509
|
-
|
|
2511
|
+
class: [
|
|
2512
|
+
{
|
|
2513
|
+
"zd-table-group-two-plus-container":
|
|
2514
|
+
item.groupHeaders.length,
|
|
2515
|
+
},
|
|
2516
|
+
"zd-table-group-container",
|
|
2517
|
+
],
|
|
2510
2518
|
style:
|
|
2511
2519
|
"left: " +
|
|
2512
2520
|
(_vm.instance.selectable ? 48 : 8) +
|
|
@@ -2681,6 +2689,12 @@
|
|
|
2681
2689
|
cellsApplied: cellsApplied,
|
|
2682
2690
|
cellClass: [
|
|
2683
2691
|
{
|
|
2692
|
+
"zd-table-two-plus-groups":
|
|
2693
|
+
(_vm.instance
|
|
2694
|
+
.groupColumnNames
|
|
2695
|
+
.length >
|
|
2696
|
+
1) &
|
|
2697
|
+
(index === 0),
|
|
2684
2698
|
"zd-table-column-editable":
|
|
2685
2699
|
column.editable,
|
|
2686
2700
|
"zd-table-cell-editable":
|
|
@@ -2906,6 +2920,8 @@
|
|
|
2906
2920
|
{
|
|
2907
2921
|
"zd-table-fixed-column":
|
|
2908
2922
|
column.fixed,
|
|
2923
|
+
"zd-table-fixed-column-action":
|
|
2924
|
+
column.actionFixed,
|
|
2909
2925
|
},
|
|
2910
2926
|
{
|
|
2911
2927
|
"theme--dark":
|
|
@@ -3076,7 +3092,7 @@
|
|
|
3076
3092
|
/* style */
|
|
3077
3093
|
const __vue_inject_styles__$b = function (inject) {
|
|
3078
3094
|
if (!inject) return
|
|
3079
|
-
inject("data-v-
|
|
3095
|
+
inject("data-v-76e10514_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
3080
3096
|
|
|
3081
3097
|
};
|
|
3082
3098
|
/* scoped */
|
|
@@ -5803,9 +5819,10 @@
|
|
|
5803
5819
|
this.tableBody = null;
|
|
5804
5820
|
}
|
|
5805
5821
|
mounted() {
|
|
5806
|
-
this.
|
|
5807
|
-
this.instance.changeLayout = this.
|
|
5822
|
+
this.originalChangeTekGridLayout = this.instance.changeLayout;
|
|
5823
|
+
this.instance.changeLayout = this.onChangeTekGridLayout;
|
|
5808
5824
|
this.updateFixedColumns();
|
|
5825
|
+
this.orderColumnVisibility();
|
|
5809
5826
|
}
|
|
5810
5827
|
minimumColumnWidth(column) {
|
|
5811
5828
|
let minWidth = column && column.sortable ? 50 : 34;
|
|
@@ -5814,9 +5831,9 @@
|
|
|
5814
5831
|
}
|
|
5815
5832
|
return minWidth;
|
|
5816
5833
|
}
|
|
5817
|
-
|
|
5818
|
-
if (this.
|
|
5819
|
-
this.
|
|
5834
|
+
onChangeTekGridLayout(event, element) {
|
|
5835
|
+
if (this.originalChangeTekGridLayout) {
|
|
5836
|
+
this.originalChangeTekGridLayout.call(this.instance, event, element);
|
|
5820
5837
|
}
|
|
5821
5838
|
if (this.instance.showLayoutOptions) {
|
|
5822
5839
|
try {
|
|
@@ -5889,11 +5906,26 @@
|
|
|
5889
5906
|
datasource.dynamicFilter[column.name][index][prop] = component.value;
|
|
5890
5907
|
if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
|
|
5891
5908
|
this.debouncedDatasourceGet(this.instance);
|
|
5892
|
-
this.
|
|
5909
|
+
this.onChangeTekGridLayout(event, element);
|
|
5893
5910
|
}
|
|
5894
5911
|
}
|
|
5895
5912
|
}
|
|
5896
5913
|
}
|
|
5914
|
+
orderColumnVisibility() {
|
|
5915
|
+
const columnsInvisibles = this.instance.columns.filter((column) => column.isVisible === false);
|
|
5916
|
+
if (!columnsInvisibles) {
|
|
5917
|
+
return;
|
|
5918
|
+
}
|
|
5919
|
+
const columnsVisibles = this.instance.columns.filter((column) => column.isVisible === true);
|
|
5920
|
+
const newOrderColumns = [];
|
|
5921
|
+
if (columnsVisibles) {
|
|
5922
|
+
newOrderColumns.push(...columnsVisibles);
|
|
5923
|
+
}
|
|
5924
|
+
if (columnsInvisibles) {
|
|
5925
|
+
newOrderColumns.push(...columnsInvisibles);
|
|
5926
|
+
}
|
|
5927
|
+
this.instance.columns = newOrderColumns;
|
|
5928
|
+
}
|
|
5897
5929
|
convertToDateFormat(column, value, revert) {
|
|
5898
5930
|
const dateFormat = column.componentProps.dateFormat || core.Config.dateFormat;
|
|
5899
5931
|
const displayFormat = column.componentProps.displayFormat || core.Config.displayFormat;
|
|
@@ -5973,7 +6005,7 @@
|
|
|
5973
6005
|
}
|
|
5974
6006
|
if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
|
|
5975
6007
|
this.debouncedDatasourceGet(this.instance);
|
|
5976
|
-
this.
|
|
6008
|
+
this.onChangeTekGridLayout(event, element);
|
|
5977
6009
|
this.clearHelperValues(column);
|
|
5978
6010
|
}
|
|
5979
6011
|
}
|
|
@@ -5987,7 +6019,7 @@
|
|
|
5987
6019
|
}
|
|
5988
6020
|
if (this.lastFilter !== JSON.stringify(this.instance.datasource.filter)) {
|
|
5989
6021
|
this.debouncedDatasourceGet(this.instance);
|
|
5990
|
-
this.
|
|
6022
|
+
this.onChangeTekGridLayout(event, element);
|
|
5991
6023
|
this.clearHelperValues(column);
|
|
5992
6024
|
}
|
|
5993
6025
|
}
|
|
@@ -6087,22 +6119,14 @@
|
|
|
6087
6119
|
return headerElement[0].style.left;
|
|
6088
6120
|
}
|
|
6089
6121
|
setSpanWidth(column) {
|
|
6090
|
-
return
|
|
6122
|
+
return column.width;
|
|
6091
6123
|
}
|
|
6092
6124
|
getWidthStyle(column) {
|
|
6093
|
-
|
|
6094
|
-
|
|
6125
|
+
return {
|
|
6126
|
+
width: this.calcWidth(column, column.width) || 'unset',
|
|
6127
|
+
'min-width': this.calcWidth(column, column.minWidth) || 'unset',
|
|
6128
|
+
'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
|
|
6095
6129
|
};
|
|
6096
|
-
if (column.width) {
|
|
6097
|
-
widthData = Object.assign({ width: this.calcWidth(column, column.width) }, widthData);
|
|
6098
|
-
}
|
|
6099
|
-
if (column.minWidth) {
|
|
6100
|
-
widthData = Object.assign({ 'min-width': this.calcWidth(column, column.minWidth) }, widthData);
|
|
6101
|
-
}
|
|
6102
|
-
if (column.maxWidth) {
|
|
6103
|
-
widthData = Object.assign({ 'max-width': this.calcWidth(column, column.maxWidth) }, widthData);
|
|
6104
|
-
}
|
|
6105
|
-
return widthData;
|
|
6106
6130
|
}
|
|
6107
6131
|
};
|
|
6108
6132
|
__decorate([
|
|
@@ -6349,6 +6373,8 @@
|
|
|
6349
6373
|
sortable: column.sortable,
|
|
6350
6374
|
sortHandle: _vm.instance.dragColumns,
|
|
6351
6375
|
"zd-table-fixed-column": column.fixed,
|
|
6376
|
+
"zd-table-fixed-column-action":
|
|
6377
|
+
column.actionFixed,
|
|
6352
6378
|
},
|
|
6353
6379
|
"text-" + column.align,
|
|
6354
6380
|
_vm.instance.datasource.getOrderByColumn(
|
|
@@ -7288,7 +7314,8 @@
|
|
|
7288
7314
|
) {
|
|
7289
7315
|
return _vm.instance.toggleExpand(
|
|
7290
7316
|
item,
|
|
7291
|
-
index
|
|
7317
|
+
index,
|
|
7318
|
+
$event
|
|
7292
7319
|
)
|
|
7293
7320
|
},
|
|
7294
7321
|
},
|
|
@@ -7426,7 +7453,7 @@
|
|
|
7426
7453
|
/* style */
|
|
7427
7454
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7428
7455
|
if (!inject) return
|
|
7429
|
-
inject("data-v-
|
|
7456
|
+
inject("data-v-3f53f711_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
7430
7457
|
|
|
7431
7458
|
};
|
|
7432
7459
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.72.0",
|
|
4
4
|
"description": "Teknisa Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"vue": "^2.6.12",
|
|
42
42
|
"vuetify": "^2.4.0"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "5a282a068ea8f28bd216a27b4538b36a58235128"
|
|
45
45
|
}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { TekTreeGrid as TekTreeGridClass, TekGridColumn, ITekGridExportConfig, IDynamicFilterItem, IModalFilterProps } from '@zeedhi/teknisa-components-common';
|
|
3
3
|
import { Column, IComponentRender, Select } from '@zeedhi/common';
|
|
4
4
|
import { IDictionary, IEventParam } from '@zeedhi/core';
|
|
5
|
-
import { IColumnWidths } from '@zeedhi/vuetify/types/components/zd-grid/ZdGridEditable';
|
|
6
5
|
declare const ZdTreeGridEditable: import("vue").VueConstructor<import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, any>>>;
|
|
7
6
|
/**
|
|
8
7
|
* TekGrid component
|
|
@@ -28,13 +27,13 @@ export default class TekGrid extends ZdTreeGridEditable {
|
|
|
28
27
|
toolbarSlot: IComponentRender[];
|
|
29
28
|
instance: TekTreeGridClass;
|
|
30
29
|
instanceType: typeof TekTreeGridClass;
|
|
31
|
-
private
|
|
30
|
+
private originalChangeTekGridLayout?;
|
|
32
31
|
calcScrollData: (() => void) | undefined;
|
|
33
32
|
scrollData: any;
|
|
34
33
|
renderedData: any;
|
|
35
34
|
mounted(): void;
|
|
36
35
|
minimumColumnWidth(column?: TekGridColumn): number;
|
|
37
|
-
private
|
|
36
|
+
private onChangeTekGridLayout;
|
|
38
37
|
getFilterActivatorEvents(on: any, column: TekGridColumn): any;
|
|
39
38
|
private debouncedDatasourceGet;
|
|
40
39
|
getFilterItemChange(prop: keyof IDynamicFilterItem, column: TekGridColumn, index: number): (__3: IEventParam<Select>) => void;
|
|
@@ -44,6 +43,7 @@ export default class TekGrid extends ZdTreeGridEditable {
|
|
|
44
43
|
getComponentType(index: number): "" | "ZdTextInput";
|
|
45
44
|
getComponentHint(index: number): "" | "TEKGRID_MULTIPLE_VALUE_HINT";
|
|
46
45
|
filterItemChange(prop: keyof IDynamicFilterItem, column: TekGridColumn, index: number, { component, event, element }: IEventParam<Select>): void;
|
|
46
|
+
orderColumnVisibility(): void;
|
|
47
47
|
private defaultOperation;
|
|
48
48
|
private defaultRelation;
|
|
49
49
|
private lastFilter;
|
|
@@ -61,7 +61,11 @@ export default class TekGrid extends ZdTreeGridEditable {
|
|
|
61
61
|
private tableBody;
|
|
62
62
|
private updateFixedColumns;
|
|
63
63
|
getFixedLeft(column: TekGridColumn): string;
|
|
64
|
-
setSpanWidth(column: Column):
|
|
65
|
-
getWidthStyle(column: Column):
|
|
64
|
+
setSpanWidth(column: Column): string | undefined;
|
|
65
|
+
getWidthStyle(column: Column): {
|
|
66
|
+
width: any;
|
|
67
|
+
'min-width': any;
|
|
68
|
+
'max-width': any;
|
|
69
|
+
};
|
|
66
70
|
}
|
|
67
71
|
export {};
|