@zeedhi/teknisa-components-vuetify 1.58.0 → 1.60.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.
|
@@ -1819,7 +1819,8 @@
|
|
|
1819
1819
|
column,
|
|
1820
1820
|
column.width ||
|
|
1821
1821
|
column.maxWidth ||
|
|
1822
|
-
column.minWidth
|
|
1822
|
+
column.minWidth,
|
|
1823
|
+
true
|
|
1823
1824
|
) || "unset",
|
|
1824
1825
|
},
|
|
1825
1826
|
},
|
|
@@ -2821,17 +2822,20 @@
|
|
|
2821
2822
|
column,
|
|
2822
2823
|
column.width ||
|
|
2823
2824
|
column.maxWidth ||
|
|
2824
|
-
column.minWidth
|
|
2825
|
+
column.minWidth,
|
|
2826
|
+
true
|
|
2825
2827
|
) || "unset",
|
|
2826
2828
|
"min-width":
|
|
2827
2829
|
_vm.calcWidth(
|
|
2828
2830
|
column,
|
|
2829
|
-
column.minWidth
|
|
2831
|
+
column.minWidth,
|
|
2832
|
+
true
|
|
2830
2833
|
) || "unset",
|
|
2831
2834
|
"max-width":
|
|
2832
2835
|
_vm.calcWidth(
|
|
2833
2836
|
column,
|
|
2834
|
-
column.maxWidth
|
|
2837
|
+
column.maxWidth,
|
|
2838
|
+
true
|
|
2835
2839
|
) || "unset",
|
|
2836
2840
|
},
|
|
2837
2841
|
},
|
|
@@ -2898,6 +2902,7 @@
|
|
|
2898
2902
|
_vm._b(
|
|
2899
2903
|
{
|
|
2900
2904
|
key:
|
|
2905
|
+
"" +
|
|
2901
2906
|
column.name +
|
|
2902
2907
|
_vm.rowKey(
|
|
2903
2908
|
item
|
|
@@ -2986,17 +2991,20 @@
|
|
|
2986
2991
|
column,
|
|
2987
2992
|
column.width ||
|
|
2988
2993
|
column.maxWidth ||
|
|
2989
|
-
column.minWidth
|
|
2994
|
+
column.minWidth,
|
|
2995
|
+
true
|
|
2990
2996
|
) || "unset",
|
|
2991
2997
|
"min-width":
|
|
2992
2998
|
_vm.calcWidth(
|
|
2993
2999
|
column,
|
|
2994
|
-
column.minWidth
|
|
3000
|
+
column.minWidth,
|
|
3001
|
+
true
|
|
2995
3002
|
) || "unset",
|
|
2996
3003
|
"max-width":
|
|
2997
3004
|
_vm.calcWidth(
|
|
2998
3005
|
column,
|
|
2999
|
-
column.maxWidth
|
|
3006
|
+
column.maxWidth,
|
|
3007
|
+
true
|
|
3000
3008
|
) || "unset",
|
|
3001
3009
|
},
|
|
3002
3010
|
on: {
|
|
@@ -3044,6 +3052,23 @@
|
|
|
3044
3052
|
column,
|
|
3045
3053
|
cellProps
|
|
3046
3054
|
).cssClass,
|
|
3055
|
+
{
|
|
3056
|
+
"zd-table-fixed-column":
|
|
3057
|
+
column.fixed,
|
|
3058
|
+
},
|
|
3059
|
+
{
|
|
3060
|
+
"theme--dark":
|
|
3061
|
+
(_vm.$vuetify.theme
|
|
3062
|
+
.dark &&
|
|
3063
|
+
!_vm.instance.light) ||
|
|
3064
|
+
_vm.instance.dark,
|
|
3065
|
+
},
|
|
3066
|
+
{
|
|
3067
|
+
"theme--light":
|
|
3068
|
+
!_vm.$vuetify.theme
|
|
3069
|
+
.dark ||
|
|
3070
|
+
_vm.instance.light,
|
|
3071
|
+
},
|
|
3047
3072
|
],
|
|
3048
3073
|
style: [
|
|
3049
3074
|
Object.assign(
|
|
@@ -3056,6 +3081,13 @@
|
|
|
3056
3081
|
column,
|
|
3057
3082
|
cellProps
|
|
3058
3083
|
).cssStyle,
|
|
3084
|
+
{
|
|
3085
|
+
left: column.fixed
|
|
3086
|
+
? _vm.fixedLeft[
|
|
3087
|
+
column.name
|
|
3088
|
+
]
|
|
3089
|
+
: "unset",
|
|
3090
|
+
},
|
|
3059
3091
|
],
|
|
3060
3092
|
on: {
|
|
3061
3093
|
click: function ($event) {
|
|
@@ -3092,6 +3124,7 @@
|
|
|
3092
3124
|
_vm._b(
|
|
3093
3125
|
{
|
|
3094
3126
|
key:
|
|
3127
|
+
"" +
|
|
3095
3128
|
child.name +
|
|
3096
3129
|
_vm.rowKey(item),
|
|
3097
3130
|
tag: "component",
|
|
@@ -3215,7 +3248,7 @@
|
|
|
3215
3248
|
/* style */
|
|
3216
3249
|
const __vue_inject_styles__$b = function (inject) {
|
|
3217
3250
|
if (!inject) return
|
|
3218
|
-
inject("data-v-
|
|
3251
|
+
inject("data-v-251b1043_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.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
3219
3252
|
|
|
3220
3253
|
};
|
|
3221
3254
|
/* scoped */
|
|
@@ -4527,19 +4560,39 @@
|
|
|
4527
4560
|
return {};
|
|
4528
4561
|
}
|
|
4529
4562
|
applyLayout(layout) {
|
|
4563
|
+
var _a;
|
|
4530
4564
|
let groupParamsChanged = false;
|
|
4531
4565
|
const tableElement = this.getParentTable();
|
|
4532
4566
|
if (!tableElement)
|
|
4533
4567
|
return;
|
|
4534
4568
|
const { grid } = this.instance;
|
|
4535
4569
|
const gridColumns = {};
|
|
4570
|
+
let layoutChanged = false;
|
|
4571
|
+
const gridColumnNames = [];
|
|
4536
4572
|
grid.columns.forEach((column) => {
|
|
4573
|
+
var _a, _b;
|
|
4537
4574
|
gridColumns[column.name] = column;
|
|
4575
|
+
gridColumnNames.push(column.name);
|
|
4576
|
+
const layoutHasCol = (_a = layout === null || layout === void 0 ? void 0 : layout.columns) === null || _a === void 0 ? void 0 : _a.find((layCol) => layCol.name === column.name);
|
|
4577
|
+
// if column doesnt exist in the layout, push it
|
|
4578
|
+
if (layout && !layoutHasCol) {
|
|
4579
|
+
layoutChanged = true;
|
|
4580
|
+
(_b = layout.columns) === null || _b === void 0 ? void 0 : _b.push(column);
|
|
4581
|
+
}
|
|
4538
4582
|
});
|
|
4539
4583
|
const oldOrder = JSON.stringify(grid.datasource.order);
|
|
4540
4584
|
const oldFilter = JSON.stringify(grid.datasource.filter);
|
|
4541
4585
|
const oldDynamicFilter = JSON.stringify(this.datasourceDynamicFilter(grid.datasource));
|
|
4542
4586
|
if (layout) {
|
|
4587
|
+
// removes columns that are in the layout but not in grid
|
|
4588
|
+
layout.columns = (_a = layout.columns) === null || _a === void 0 ? void 0 : _a.filter((column) => {
|
|
4589
|
+
const isInGrid = gridColumnNames.includes(column.name);
|
|
4590
|
+
if (!isInGrid)
|
|
4591
|
+
layoutChanged = true;
|
|
4592
|
+
return isInGrid;
|
|
4593
|
+
});
|
|
4594
|
+
if (layoutChanged)
|
|
4595
|
+
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4543
4596
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4544
4597
|
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4545
4598
|
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
@@ -5197,64 +5250,14 @@
|
|
|
5197
5250
|
);
|
|
5198
5251
|
|
|
5199
5252
|
/**
|
|
5200
|
-
*
|
|
5253
|
+
* ZdIterableComponentRender component
|
|
5201
5254
|
*/
|
|
5202
|
-
let TekIterableComponentRender = class TekIterableComponentRender extends vuetify.
|
|
5255
|
+
let TekIterableComponentRender = class TekIterableComponentRender extends vuetify.ZdIterableComponentRender {
|
|
5203
5256
|
constructor() {
|
|
5204
5257
|
super(...arguments);
|
|
5205
|
-
this.instanceType =
|
|
5258
|
+
this.instanceType = common.IterableComponentRender;
|
|
5206
5259
|
}
|
|
5207
5260
|
};
|
|
5208
|
-
__decorate([
|
|
5209
|
-
vuePropertyDecorator.Prop({ type: Array, default: () => [] })
|
|
5210
|
-
], TekIterableComponentRender.prototype, "footerSlot", void 0);
|
|
5211
|
-
__decorate([
|
|
5212
|
-
vuePropertyDecorator.Prop({ type: Array, default: () => [] })
|
|
5213
|
-
], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
|
|
5214
|
-
__decorate([
|
|
5215
|
-
vuePropertyDecorator.Prop({ type: [Object, String] })
|
|
5216
|
-
], TekIterableComponentRender.prototype, "componentMetadata", void 0);
|
|
5217
|
-
__decorate([
|
|
5218
|
-
vuetify.PropWatch({ type: String, default: 'row' })
|
|
5219
|
-
], TekIterableComponentRender.prototype, "rowPropName", void 0);
|
|
5220
|
-
__decorate([
|
|
5221
|
-
vuePropertyDecorator.Prop({ type: Array, default: () => ([]) })
|
|
5222
|
-
], TekIterableComponentRender.prototype, "errorSlot", void 0);
|
|
5223
|
-
__decorate([
|
|
5224
|
-
vuePropertyDecorator.Prop({
|
|
5225
|
-
type: Array,
|
|
5226
|
-
default: () => ([
|
|
5227
|
-
{
|
|
5228
|
-
name: '<<NAME>>_no-data',
|
|
5229
|
-
component: 'ZdText',
|
|
5230
|
-
cssClass: 'no-data',
|
|
5231
|
-
text: 'NO_DATA',
|
|
5232
|
-
},
|
|
5233
|
-
]),
|
|
5234
|
-
})
|
|
5235
|
-
], TekIterableComponentRender.prototype, "noDataSlot", void 0);
|
|
5236
|
-
__decorate([
|
|
5237
|
-
vuePropertyDecorator.Prop({
|
|
5238
|
-
type: Array,
|
|
5239
|
-
default: () => ([
|
|
5240
|
-
{
|
|
5241
|
-
name: '<<NAME>>_no-result',
|
|
5242
|
-
component: 'ZdText',
|
|
5243
|
-
cssClass: 'no-result',
|
|
5244
|
-
text: 'NO_RESULT',
|
|
5245
|
-
},
|
|
5246
|
-
]),
|
|
5247
|
-
})
|
|
5248
|
-
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
5249
|
-
__decorate([
|
|
5250
|
-
vuetify.PropWatch({ type: [Number, String], default: 'auto' })
|
|
5251
|
-
], TekIterableComponentRender.prototype, "height", void 0);
|
|
5252
|
-
__decorate([
|
|
5253
|
-
vuetify.PropWatch({ type: [Number, String], default: 'none' })
|
|
5254
|
-
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
5255
|
-
__decorate([
|
|
5256
|
-
vuetify.PropWatch({ type: [Number, String], default: 'none' })
|
|
5257
|
-
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
5258
5261
|
TekIterableComponentRender = __decorate([
|
|
5259
5262
|
vuePropertyDecorator.Component
|
|
5260
5263
|
], TekIterableComponentRender);
|
|
@@ -6334,6 +6337,7 @@
|
|
|
6334
6337
|
ref: "grid",
|
|
6335
6338
|
class: [
|
|
6336
6339
|
"zd-grid",
|
|
6340
|
+
"zd-tree-grid",
|
|
6337
6341
|
"zd-tree-grid-editable",
|
|
6338
6342
|
"tek-grid",
|
|
6339
6343
|
"tek-tree-grid",
|
|
@@ -6492,30 +6496,17 @@
|
|
|
6492
6496
|
"background-color":
|
|
6493
6497
|
_vm.instance.headerBackground,
|
|
6494
6498
|
width:
|
|
6495
|
-
_vm.calcWidth(column, column.width) ||
|
|
6496
|
-
"unset",
|
|
6497
|
-
"min-width":
|
|
6498
|
-
_vm.calcWidth(
|
|
6499
|
-
column,
|
|
6500
|
-
column.minWidth
|
|
6501
|
-
) || "unset",
|
|
6502
|
-
"max-width":
|
|
6503
6499
|
_vm.calcWidth(
|
|
6504
6500
|
column,
|
|
6505
|
-
column.
|
|
6501
|
+
column.width ||
|
|
6502
|
+
column.maxWidth ||
|
|
6503
|
+
column.minWidth
|
|
6506
6504
|
) || "unset",
|
|
6507
6505
|
},
|
|
6508
6506
|
attrs: {
|
|
6509
6507
|
"column-name": column.name,
|
|
6510
6508
|
index: index,
|
|
6511
6509
|
},
|
|
6512
|
-
on: {
|
|
6513
|
-
click: function ($event) {
|
|
6514
|
-
return _vm.instance.changeColumnOrder(
|
|
6515
|
-
column
|
|
6516
|
-
)
|
|
6517
|
-
},
|
|
6518
|
-
},
|
|
6519
6510
|
},
|
|
6520
6511
|
[
|
|
6521
6512
|
_c(
|
|
@@ -6528,8 +6519,11 @@
|
|
|
6528
6519
|
column,
|
|
6529
6520
|
column.width ||
|
|
6530
6521
|
column.maxWidth ||
|
|
6531
|
-
column.minWidth
|
|
6522
|
+
column.minWidth,
|
|
6523
|
+
true
|
|
6532
6524
|
) || "unset",
|
|
6525
|
+
color:
|
|
6526
|
+
_vm.instance.headerCellTextColor,
|
|
6533
6527
|
},
|
|
6534
6528
|
},
|
|
6535
6529
|
[
|
|
@@ -6541,7 +6535,16 @@
|
|
|
6541
6535
|
"span",
|
|
6542
6536
|
{
|
|
6543
6537
|
staticClass:
|
|
6544
|
-
"zd-table-cell-sort",
|
|
6538
|
+
"zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
|
|
6539
|
+
on: {
|
|
6540
|
+
click: function (
|
|
6541
|
+
$event
|
|
6542
|
+
) {
|
|
6543
|
+
return _vm.instance.changeColumnOrder(
|
|
6544
|
+
column
|
|
6545
|
+
)
|
|
6546
|
+
},
|
|
6547
|
+
},
|
|
6545
6548
|
},
|
|
6546
6549
|
[
|
|
6547
6550
|
column.sortable &&
|
|
@@ -6557,11 +6560,13 @@
|
|
|
6557
6560
|
},
|
|
6558
6561
|
[
|
|
6559
6562
|
_vm._v(
|
|
6560
|
-
|
|
6561
|
-
_vm
|
|
6562
|
-
|
|
6563
|
-
|
|
6564
|
-
|
|
6563
|
+
"\n " +
|
|
6564
|
+
_vm._s(
|
|
6565
|
+
_vm.$getIcon(
|
|
6566
|
+
"chevronUp"
|
|
6567
|
+
)
|
|
6568
|
+
) +
|
|
6569
|
+
"\n "
|
|
6565
6570
|
),
|
|
6566
6571
|
]
|
|
6567
6572
|
)
|
|
@@ -6578,11 +6583,13 @@
|
|
|
6578
6583
|
},
|
|
6579
6584
|
[
|
|
6580
6585
|
_vm._v(
|
|
6581
|
-
|
|
6582
|
-
_vm.
|
|
6583
|
-
|
|
6584
|
-
|
|
6585
|
-
|
|
6586
|
+
"\n " +
|
|
6587
|
+
_vm._s(
|
|
6588
|
+
_vm.instance.datasource.findOrderIndex(
|
|
6589
|
+
column.name
|
|
6590
|
+
) + 1
|
|
6591
|
+
) +
|
|
6592
|
+
"\n "
|
|
6586
6593
|
),
|
|
6587
6594
|
]
|
|
6588
6595
|
)
|
|
@@ -6610,24 +6617,12 @@
|
|
|
6610
6617
|
column.overflow
|
|
6611
6618
|
: "",
|
|
6612
6619
|
],
|
|
6613
|
-
style: {
|
|
6614
|
-
width:
|
|
6615
|
-
_vm.calcWidth(
|
|
6616
|
-
column,
|
|
6617
|
-
column.width
|
|
6618
|
-
) || "unset",
|
|
6619
|
-
"min-width":
|
|
6620
|
-
_vm.calcWidth(
|
|
6621
|
-
column,
|
|
6622
|
-
column.minWidth
|
|
6623
|
-
) || "unset",
|
|
6624
|
-
"max-width":
|
|
6625
|
-
_vm.calcWidth(
|
|
6626
|
-
column,
|
|
6627
|
-
column.maxWidth
|
|
6628
|
-
) || "unset",
|
|
6629
|
-
},
|
|
6630
6620
|
on: {
|
|
6621
|
+
click: function ($event) {
|
|
6622
|
+
return _vm.instance.changeColumnOrder(
|
|
6623
|
+
column
|
|
6624
|
+
)
|
|
6625
|
+
},
|
|
6631
6626
|
mouseenter: function (
|
|
6632
6627
|
$event
|
|
6633
6628
|
) {
|
|
@@ -6657,7 +6652,16 @@
|
|
|
6657
6652
|
"span",
|
|
6658
6653
|
{
|
|
6659
6654
|
staticClass:
|
|
6660
|
-
"zd-table-cell-sort",
|
|
6655
|
+
"zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
|
|
6656
|
+
on: {
|
|
6657
|
+
click: function (
|
|
6658
|
+
$event
|
|
6659
|
+
) {
|
|
6660
|
+
return _vm.instance.changeColumnOrder(
|
|
6661
|
+
column
|
|
6662
|
+
)
|
|
6663
|
+
},
|
|
6664
|
+
},
|
|
6661
6665
|
},
|
|
6662
6666
|
[
|
|
6663
6667
|
column.sortable &&
|
|
@@ -6673,11 +6677,13 @@
|
|
|
6673
6677
|
},
|
|
6674
6678
|
[
|
|
6675
6679
|
_vm._v(
|
|
6676
|
-
|
|
6677
|
-
_vm
|
|
6678
|
-
|
|
6679
|
-
|
|
6680
|
-
|
|
6680
|
+
"\n " +
|
|
6681
|
+
_vm._s(
|
|
6682
|
+
_vm.$getIcon(
|
|
6683
|
+
"chevronUp"
|
|
6684
|
+
)
|
|
6685
|
+
) +
|
|
6686
|
+
"\n "
|
|
6681
6687
|
),
|
|
6682
6688
|
]
|
|
6683
6689
|
)
|
|
@@ -6694,11 +6700,13 @@
|
|
|
6694
6700
|
},
|
|
6695
6701
|
[
|
|
6696
6702
|
_vm._v(
|
|
6697
|
-
|
|
6698
|
-
_vm.
|
|
6699
|
-
|
|
6700
|
-
|
|
6701
|
-
|
|
6703
|
+
"\n " +
|
|
6704
|
+
_vm._s(
|
|
6705
|
+
_vm.instance.datasource.findOrderIndex(
|
|
6706
|
+
column.name
|
|
6707
|
+
) + 1
|
|
6708
|
+
) +
|
|
6709
|
+
"\n "
|
|
6702
6710
|
),
|
|
6703
6711
|
]
|
|
6704
6712
|
)
|
|
@@ -7234,19 +7242,20 @@
|
|
|
7234
7242
|
width:
|
|
7235
7243
|
_vm.calcWidth(
|
|
7236
7244
|
column,
|
|
7237
|
-
column.width
|
|
7238
|
-
|
|
7239
|
-
column.minWidth
|
|
7245
|
+
column.width,
|
|
7246
|
+
true
|
|
7240
7247
|
) || "unset",
|
|
7241
7248
|
"min-width":
|
|
7242
7249
|
_vm.calcWidth(
|
|
7243
7250
|
column,
|
|
7244
|
-
column.minWidth
|
|
7251
|
+
column.minWidth,
|
|
7252
|
+
true
|
|
7245
7253
|
) || "unset",
|
|
7246
7254
|
"max-width":
|
|
7247
7255
|
_vm.calcWidth(
|
|
7248
7256
|
column,
|
|
7249
|
-
column.maxWidth
|
|
7257
|
+
column.maxWidth,
|
|
7258
|
+
true
|
|
7250
7259
|
) || "unset",
|
|
7251
7260
|
},
|
|
7252
7261
|
},
|
|
@@ -7314,7 +7323,7 @@
|
|
|
7314
7323
|
{
|
|
7315
7324
|
key:
|
|
7316
7325
|
column.name +
|
|
7317
|
-
|
|
7326
|
+
"rowKey(item)",
|
|
7318
7327
|
tag: "component",
|
|
7319
7328
|
},
|
|
7320
7329
|
"component",
|
|
@@ -7385,18 +7394,20 @@
|
|
|
7385
7394
|
width:
|
|
7386
7395
|
_vm.calcWidth(
|
|
7387
7396
|
column,
|
|
7388
|
-
column.
|
|
7389
|
-
|
|
7397
|
+
column.width,
|
|
7398
|
+
true
|
|
7390
7399
|
) || "unset",
|
|
7391
7400
|
"min-width":
|
|
7392
7401
|
_vm.calcWidth(
|
|
7393
7402
|
column,
|
|
7394
|
-
column.minWidth
|
|
7403
|
+
column.minWidth,
|
|
7404
|
+
true
|
|
7395
7405
|
) || "unset",
|
|
7396
7406
|
"max-width":
|
|
7397
7407
|
_vm.calcWidth(
|
|
7398
7408
|
column,
|
|
7399
|
-
column.maxWidth
|
|
7409
|
+
column.maxWidth,
|
|
7410
|
+
true
|
|
7400
7411
|
) || "unset",
|
|
7401
7412
|
},
|
|
7402
7413
|
on: {
|
|
@@ -7476,6 +7487,7 @@
|
|
|
7476
7487
|
],
|
|
7477
7488
|
1
|
|
7478
7489
|
),
|
|
7490
|
+
_vm._v(" "),
|
|
7479
7491
|
_c("span", {
|
|
7480
7492
|
key: item.tree__searched
|
|
7481
7493
|
? "a"
|
|
@@ -7535,34 +7547,95 @@
|
|
|
7535
7547
|
},
|
|
7536
7548
|
},
|
|
7537
7549
|
},
|
|
7538
|
-
|
|
7539
|
-
|
|
7540
|
-
|
|
7541
|
-
|
|
7542
|
-
|
|
7543
|
-
_vm._b(
|
|
7550
|
+
[
|
|
7551
|
+
_c(
|
|
7552
|
+
"div",
|
|
7553
|
+
{
|
|
7554
|
+
directives: [
|
|
7544
7555
|
{
|
|
7545
|
-
|
|
7546
|
-
|
|
7547
|
-
|
|
7548
|
-
|
|
7556
|
+
name: "show",
|
|
7557
|
+
rawName: "v-show",
|
|
7558
|
+
value: headerIndex === 0,
|
|
7559
|
+
expression:
|
|
7560
|
+
"headerIndex === 0",
|
|
7549
7561
|
},
|
|
7550
|
-
|
|
7551
|
-
|
|
7552
|
-
|
|
7553
|
-
|
|
7554
|
-
|
|
7555
|
-
|
|
7556
|
-
|
|
7557
|
-
|
|
7562
|
+
],
|
|
7563
|
+
class: [
|
|
7564
|
+
"zd-tree-grid-expand",
|
|
7565
|
+
"level" + item.tree__level,
|
|
7566
|
+
],
|
|
7567
|
+
},
|
|
7568
|
+
[
|
|
7569
|
+
(item.tree__children || [])
|
|
7570
|
+
.length > 0
|
|
7571
|
+
? _c(
|
|
7572
|
+
"v-icon",
|
|
7573
|
+
{
|
|
7574
|
+
class: {
|
|
7575
|
+
opened:
|
|
7576
|
+
item.tree__opened,
|
|
7577
|
+
},
|
|
7578
|
+
attrs: {
|
|
7579
|
+
tabindex: "-1",
|
|
7580
|
+
},
|
|
7581
|
+
on: {
|
|
7582
|
+
click: function (
|
|
7583
|
+
$event
|
|
7584
|
+
) {
|
|
7585
|
+
return _vm.instance.toggleExpand(
|
|
7586
|
+
item,
|
|
7587
|
+
index
|
|
7588
|
+
)
|
|
7589
|
+
},
|
|
7590
|
+
},
|
|
7591
|
+
},
|
|
7592
|
+
[
|
|
7593
|
+
_vm._v(
|
|
7594
|
+
"\n " +
|
|
7595
|
+
_vm._s(
|
|
7596
|
+
_vm.$getIcon(
|
|
7597
|
+
"chevronRight"
|
|
7598
|
+
)
|
|
7599
|
+
) +
|
|
7600
|
+
"\n "
|
|
7601
|
+
),
|
|
7602
|
+
]
|
|
7558
7603
|
)
|
|
7559
|
-
),
|
|
7560
|
-
|
|
7604
|
+
: _vm._e(),
|
|
7605
|
+
],
|
|
7606
|
+
1
|
|
7607
|
+
),
|
|
7608
|
+
_vm._v(" "),
|
|
7609
|
+
_vm._l(
|
|
7610
|
+
column.childrenProps,
|
|
7611
|
+
function (child) {
|
|
7612
|
+
return _c(
|
|
7613
|
+
child.component,
|
|
7614
|
+
_vm._b(
|
|
7615
|
+
{
|
|
7616
|
+
key:
|
|
7617
|
+
"" +
|
|
7618
|
+
child.name +
|
|
7619
|
+
_vm.rowKey(item),
|
|
7620
|
+
tag: "component",
|
|
7621
|
+
},
|
|
7622
|
+
"component",
|
|
7623
|
+
Object.assign(
|
|
7624
|
+
{},
|
|
7625
|
+
child,
|
|
7626
|
+
_vm.instance.getActionComponent(
|
|
7627
|
+
child,
|
|
7628
|
+
column,
|
|
7629
|
+
item
|
|
7630
|
+
)
|
|
7631
|
+
),
|
|
7632
|
+
false
|
|
7633
|
+
)
|
|
7561
7634
|
)
|
|
7562
|
-
|
|
7563
|
-
|
|
7564
|
-
|
|
7565
|
-
|
|
7635
|
+
}
|
|
7636
|
+
),
|
|
7637
|
+
],
|
|
7638
|
+
2
|
|
7566
7639
|
),
|
|
7567
7640
|
]
|
|
7568
7641
|
: _vm._e(),
|
|
@@ -7668,7 +7741,7 @@
|
|
|
7668
7741
|
/* style */
|
|
7669
7742
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7670
7743
|
if (!inject) return
|
|
7671
|
-
inject("data-v-
|
|
7744
|
+
inject("data-v-7f114b2d_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.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
7672
7745
|
|
|
7673
7746
|
};
|
|
7674
7747
|
/* scoped */
|