@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.
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ModalService, Icons } from '@zeedhi/common';
|
|
1
|
+
import { ModalService, IterableComponentRender, Icons } from '@zeedhi/common';
|
|
2
2
|
import { ZdUserInfo } from '@zeedhi/zd-user-info-vue';
|
|
3
3
|
import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader, VersionService } from '@zeedhi/core';
|
|
4
4
|
import { Prop, Component, Watch } from 'vue-property-decorator';
|
|
5
|
-
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,
|
|
6
|
-
import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton,
|
|
5
|
+
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, Loading, Notifications, ProductCard, TekTreeGrid, TekUserInfo as TekUserInfo$1, TekUserInfoList as TekUserInfoList$1 } from '@zeedhi/teknisa-components-common';
|
|
6
|
+
import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, ZdIterableComponentRender, ZdLoading, ZdIterable } from '@zeedhi/vuetify';
|
|
7
7
|
import debounce from 'lodash.debounce';
|
|
8
8
|
import Sortable from 'sortablejs';
|
|
9
9
|
import cloneDeep from 'lodash.clonedeep';
|
|
@@ -1817,7 +1817,8 @@ var __vue_render__$b = function () {
|
|
|
1817
1817
|
column,
|
|
1818
1818
|
column.width ||
|
|
1819
1819
|
column.maxWidth ||
|
|
1820
|
-
column.minWidth
|
|
1820
|
+
column.minWidth,
|
|
1821
|
+
true
|
|
1821
1822
|
) || "unset",
|
|
1822
1823
|
},
|
|
1823
1824
|
},
|
|
@@ -2819,17 +2820,20 @@ var __vue_render__$b = function () {
|
|
|
2819
2820
|
column,
|
|
2820
2821
|
column.width ||
|
|
2821
2822
|
column.maxWidth ||
|
|
2822
|
-
column.minWidth
|
|
2823
|
+
column.minWidth,
|
|
2824
|
+
true
|
|
2823
2825
|
) || "unset",
|
|
2824
2826
|
"min-width":
|
|
2825
2827
|
_vm.calcWidth(
|
|
2826
2828
|
column,
|
|
2827
|
-
column.minWidth
|
|
2829
|
+
column.minWidth,
|
|
2830
|
+
true
|
|
2828
2831
|
) || "unset",
|
|
2829
2832
|
"max-width":
|
|
2830
2833
|
_vm.calcWidth(
|
|
2831
2834
|
column,
|
|
2832
|
-
column.maxWidth
|
|
2835
|
+
column.maxWidth,
|
|
2836
|
+
true
|
|
2833
2837
|
) || "unset",
|
|
2834
2838
|
},
|
|
2835
2839
|
},
|
|
@@ -2896,6 +2900,7 @@ var __vue_render__$b = function () {
|
|
|
2896
2900
|
_vm._b(
|
|
2897
2901
|
{
|
|
2898
2902
|
key:
|
|
2903
|
+
"" +
|
|
2899
2904
|
column.name +
|
|
2900
2905
|
_vm.rowKey(
|
|
2901
2906
|
item
|
|
@@ -2984,17 +2989,20 @@ var __vue_render__$b = function () {
|
|
|
2984
2989
|
column,
|
|
2985
2990
|
column.width ||
|
|
2986
2991
|
column.maxWidth ||
|
|
2987
|
-
column.minWidth
|
|
2992
|
+
column.minWidth,
|
|
2993
|
+
true
|
|
2988
2994
|
) || "unset",
|
|
2989
2995
|
"min-width":
|
|
2990
2996
|
_vm.calcWidth(
|
|
2991
2997
|
column,
|
|
2992
|
-
column.minWidth
|
|
2998
|
+
column.minWidth,
|
|
2999
|
+
true
|
|
2993
3000
|
) || "unset",
|
|
2994
3001
|
"max-width":
|
|
2995
3002
|
_vm.calcWidth(
|
|
2996
3003
|
column,
|
|
2997
|
-
column.maxWidth
|
|
3004
|
+
column.maxWidth,
|
|
3005
|
+
true
|
|
2998
3006
|
) || "unset",
|
|
2999
3007
|
},
|
|
3000
3008
|
on: {
|
|
@@ -3042,6 +3050,23 @@ var __vue_render__$b = function () {
|
|
|
3042
3050
|
column,
|
|
3043
3051
|
cellProps
|
|
3044
3052
|
).cssClass,
|
|
3053
|
+
{
|
|
3054
|
+
"zd-table-fixed-column":
|
|
3055
|
+
column.fixed,
|
|
3056
|
+
},
|
|
3057
|
+
{
|
|
3058
|
+
"theme--dark":
|
|
3059
|
+
(_vm.$vuetify.theme
|
|
3060
|
+
.dark &&
|
|
3061
|
+
!_vm.instance.light) ||
|
|
3062
|
+
_vm.instance.dark,
|
|
3063
|
+
},
|
|
3064
|
+
{
|
|
3065
|
+
"theme--light":
|
|
3066
|
+
!_vm.$vuetify.theme
|
|
3067
|
+
.dark ||
|
|
3068
|
+
_vm.instance.light,
|
|
3069
|
+
},
|
|
3045
3070
|
],
|
|
3046
3071
|
style: [
|
|
3047
3072
|
Object.assign(
|
|
@@ -3054,6 +3079,13 @@ var __vue_render__$b = function () {
|
|
|
3054
3079
|
column,
|
|
3055
3080
|
cellProps
|
|
3056
3081
|
).cssStyle,
|
|
3082
|
+
{
|
|
3083
|
+
left: column.fixed
|
|
3084
|
+
? _vm.fixedLeft[
|
|
3085
|
+
column.name
|
|
3086
|
+
]
|
|
3087
|
+
: "unset",
|
|
3088
|
+
},
|
|
3057
3089
|
],
|
|
3058
3090
|
on: {
|
|
3059
3091
|
click: function ($event) {
|
|
@@ -3090,6 +3122,7 @@ var __vue_render__$b = function () {
|
|
|
3090
3122
|
_vm._b(
|
|
3091
3123
|
{
|
|
3092
3124
|
key:
|
|
3125
|
+
"" +
|
|
3093
3126
|
child.name +
|
|
3094
3127
|
_vm.rowKey(item),
|
|
3095
3128
|
tag: "component",
|
|
@@ -3213,7 +3246,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3213
3246
|
/* style */
|
|
3214
3247
|
const __vue_inject_styles__$b = function (inject) {
|
|
3215
3248
|
if (!inject) return
|
|
3216
|
-
inject("data-v-
|
|
3249
|
+
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 });
|
|
3217
3250
|
|
|
3218
3251
|
};
|
|
3219
3252
|
/* scoped */
|
|
@@ -4525,19 +4558,39 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4525
4558
|
return {};
|
|
4526
4559
|
}
|
|
4527
4560
|
applyLayout(layout) {
|
|
4561
|
+
var _a;
|
|
4528
4562
|
let groupParamsChanged = false;
|
|
4529
4563
|
const tableElement = this.getParentTable();
|
|
4530
4564
|
if (!tableElement)
|
|
4531
4565
|
return;
|
|
4532
4566
|
const { grid } = this.instance;
|
|
4533
4567
|
const gridColumns = {};
|
|
4568
|
+
let layoutChanged = false;
|
|
4569
|
+
const gridColumnNames = [];
|
|
4534
4570
|
grid.columns.forEach((column) => {
|
|
4571
|
+
var _a, _b;
|
|
4535
4572
|
gridColumns[column.name] = column;
|
|
4573
|
+
gridColumnNames.push(column.name);
|
|
4574
|
+
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);
|
|
4575
|
+
// if column doesnt exist in the layout, push it
|
|
4576
|
+
if (layout && !layoutHasCol) {
|
|
4577
|
+
layoutChanged = true;
|
|
4578
|
+
(_b = layout.columns) === null || _b === void 0 ? void 0 : _b.push(column);
|
|
4579
|
+
}
|
|
4536
4580
|
});
|
|
4537
4581
|
const oldOrder = JSON.stringify(grid.datasource.order);
|
|
4538
4582
|
const oldFilter = JSON.stringify(grid.datasource.filter);
|
|
4539
4583
|
const oldDynamicFilter = JSON.stringify(this.datasourceDynamicFilter(grid.datasource));
|
|
4540
4584
|
if (layout) {
|
|
4585
|
+
// removes columns that are in the layout but not in grid
|
|
4586
|
+
layout.columns = (_a = layout.columns) === null || _a === void 0 ? void 0 : _a.filter((column) => {
|
|
4587
|
+
const isInGrid = gridColumnNames.includes(column.name);
|
|
4588
|
+
if (!isInGrid)
|
|
4589
|
+
layoutChanged = true;
|
|
4590
|
+
return isInGrid;
|
|
4591
|
+
});
|
|
4592
|
+
if (layoutChanged)
|
|
4593
|
+
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4541
4594
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4542
4595
|
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4543
4596
|
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
@@ -5195,64 +5248,14 @@ __vue_render__$7._withStripped = true;
|
|
|
5195
5248
|
);
|
|
5196
5249
|
|
|
5197
5250
|
/**
|
|
5198
|
-
*
|
|
5251
|
+
* ZdIterableComponentRender component
|
|
5199
5252
|
*/
|
|
5200
|
-
let TekIterableComponentRender = class TekIterableComponentRender extends
|
|
5253
|
+
let TekIterableComponentRender = class TekIterableComponentRender extends ZdIterableComponentRender {
|
|
5201
5254
|
constructor() {
|
|
5202
5255
|
super(...arguments);
|
|
5203
5256
|
this.instanceType = IterableComponentRender;
|
|
5204
5257
|
}
|
|
5205
5258
|
};
|
|
5206
|
-
__decorate([
|
|
5207
|
-
Prop({ type: Array, default: () => [] })
|
|
5208
|
-
], TekIterableComponentRender.prototype, "footerSlot", void 0);
|
|
5209
|
-
__decorate([
|
|
5210
|
-
Prop({ type: Array, default: () => [] })
|
|
5211
|
-
], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
|
|
5212
|
-
__decorate([
|
|
5213
|
-
Prop({ type: [Object, String] })
|
|
5214
|
-
], TekIterableComponentRender.prototype, "componentMetadata", void 0);
|
|
5215
|
-
__decorate([
|
|
5216
|
-
PropWatch({ type: String, default: 'row' })
|
|
5217
|
-
], TekIterableComponentRender.prototype, "rowPropName", void 0);
|
|
5218
|
-
__decorate([
|
|
5219
|
-
Prop({ type: Array, default: () => ([]) })
|
|
5220
|
-
], TekIterableComponentRender.prototype, "errorSlot", void 0);
|
|
5221
|
-
__decorate([
|
|
5222
|
-
Prop({
|
|
5223
|
-
type: Array,
|
|
5224
|
-
default: () => ([
|
|
5225
|
-
{
|
|
5226
|
-
name: '<<NAME>>_no-data',
|
|
5227
|
-
component: 'ZdText',
|
|
5228
|
-
cssClass: 'no-data',
|
|
5229
|
-
text: 'NO_DATA',
|
|
5230
|
-
},
|
|
5231
|
-
]),
|
|
5232
|
-
})
|
|
5233
|
-
], TekIterableComponentRender.prototype, "noDataSlot", void 0);
|
|
5234
|
-
__decorate([
|
|
5235
|
-
Prop({
|
|
5236
|
-
type: Array,
|
|
5237
|
-
default: () => ([
|
|
5238
|
-
{
|
|
5239
|
-
name: '<<NAME>>_no-result',
|
|
5240
|
-
component: 'ZdText',
|
|
5241
|
-
cssClass: 'no-result',
|
|
5242
|
-
text: 'NO_RESULT',
|
|
5243
|
-
},
|
|
5244
|
-
]),
|
|
5245
|
-
})
|
|
5246
|
-
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
5247
|
-
__decorate([
|
|
5248
|
-
PropWatch({ type: [Number, String], default: 'auto' })
|
|
5249
|
-
], TekIterableComponentRender.prototype, "height", void 0);
|
|
5250
|
-
__decorate([
|
|
5251
|
-
PropWatch({ type: [Number, String], default: 'none' })
|
|
5252
|
-
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
5253
|
-
__decorate([
|
|
5254
|
-
PropWatch({ type: [Number, String], default: 'none' })
|
|
5255
|
-
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
5256
5259
|
TekIterableComponentRender = __decorate([
|
|
5257
5260
|
Component
|
|
5258
5261
|
], TekIterableComponentRender);
|
|
@@ -6332,6 +6335,7 @@ var __vue_render__$2 = function () {
|
|
|
6332
6335
|
ref: "grid",
|
|
6333
6336
|
class: [
|
|
6334
6337
|
"zd-grid",
|
|
6338
|
+
"zd-tree-grid",
|
|
6335
6339
|
"zd-tree-grid-editable",
|
|
6336
6340
|
"tek-grid",
|
|
6337
6341
|
"tek-tree-grid",
|
|
@@ -6490,30 +6494,17 @@ var __vue_render__$2 = function () {
|
|
|
6490
6494
|
"background-color":
|
|
6491
6495
|
_vm.instance.headerBackground,
|
|
6492
6496
|
width:
|
|
6493
|
-
_vm.calcWidth(column, column.width) ||
|
|
6494
|
-
"unset",
|
|
6495
|
-
"min-width":
|
|
6496
|
-
_vm.calcWidth(
|
|
6497
|
-
column,
|
|
6498
|
-
column.minWidth
|
|
6499
|
-
) || "unset",
|
|
6500
|
-
"max-width":
|
|
6501
6497
|
_vm.calcWidth(
|
|
6502
6498
|
column,
|
|
6503
|
-
column.
|
|
6499
|
+
column.width ||
|
|
6500
|
+
column.maxWidth ||
|
|
6501
|
+
column.minWidth
|
|
6504
6502
|
) || "unset",
|
|
6505
6503
|
},
|
|
6506
6504
|
attrs: {
|
|
6507
6505
|
"column-name": column.name,
|
|
6508
6506
|
index: index,
|
|
6509
6507
|
},
|
|
6510
|
-
on: {
|
|
6511
|
-
click: function ($event) {
|
|
6512
|
-
return _vm.instance.changeColumnOrder(
|
|
6513
|
-
column
|
|
6514
|
-
)
|
|
6515
|
-
},
|
|
6516
|
-
},
|
|
6517
6508
|
},
|
|
6518
6509
|
[
|
|
6519
6510
|
_c(
|
|
@@ -6526,8 +6517,11 @@ var __vue_render__$2 = function () {
|
|
|
6526
6517
|
column,
|
|
6527
6518
|
column.width ||
|
|
6528
6519
|
column.maxWidth ||
|
|
6529
|
-
column.minWidth
|
|
6520
|
+
column.minWidth,
|
|
6521
|
+
true
|
|
6530
6522
|
) || "unset",
|
|
6523
|
+
color:
|
|
6524
|
+
_vm.instance.headerCellTextColor,
|
|
6531
6525
|
},
|
|
6532
6526
|
},
|
|
6533
6527
|
[
|
|
@@ -6539,7 +6533,16 @@ var __vue_render__$2 = function () {
|
|
|
6539
6533
|
"span",
|
|
6540
6534
|
{
|
|
6541
6535
|
staticClass:
|
|
6542
|
-
"zd-table-cell-sort",
|
|
6536
|
+
"zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
|
|
6537
|
+
on: {
|
|
6538
|
+
click: function (
|
|
6539
|
+
$event
|
|
6540
|
+
) {
|
|
6541
|
+
return _vm.instance.changeColumnOrder(
|
|
6542
|
+
column
|
|
6543
|
+
)
|
|
6544
|
+
},
|
|
6545
|
+
},
|
|
6543
6546
|
},
|
|
6544
6547
|
[
|
|
6545
6548
|
column.sortable &&
|
|
@@ -6555,11 +6558,13 @@ var __vue_render__$2 = function () {
|
|
|
6555
6558
|
},
|
|
6556
6559
|
[
|
|
6557
6560
|
_vm._v(
|
|
6558
|
-
|
|
6559
|
-
_vm
|
|
6560
|
-
|
|
6561
|
-
|
|
6562
|
-
|
|
6561
|
+
"\n " +
|
|
6562
|
+
_vm._s(
|
|
6563
|
+
_vm.$getIcon(
|
|
6564
|
+
"chevronUp"
|
|
6565
|
+
)
|
|
6566
|
+
) +
|
|
6567
|
+
"\n "
|
|
6563
6568
|
),
|
|
6564
6569
|
]
|
|
6565
6570
|
)
|
|
@@ -6576,11 +6581,13 @@ var __vue_render__$2 = function () {
|
|
|
6576
6581
|
},
|
|
6577
6582
|
[
|
|
6578
6583
|
_vm._v(
|
|
6579
|
-
|
|
6580
|
-
_vm.
|
|
6581
|
-
|
|
6582
|
-
|
|
6583
|
-
|
|
6584
|
+
"\n " +
|
|
6585
|
+
_vm._s(
|
|
6586
|
+
_vm.instance.datasource.findOrderIndex(
|
|
6587
|
+
column.name
|
|
6588
|
+
) + 1
|
|
6589
|
+
) +
|
|
6590
|
+
"\n "
|
|
6584
6591
|
),
|
|
6585
6592
|
]
|
|
6586
6593
|
)
|
|
@@ -6608,24 +6615,12 @@ var __vue_render__$2 = function () {
|
|
|
6608
6615
|
column.overflow
|
|
6609
6616
|
: "",
|
|
6610
6617
|
],
|
|
6611
|
-
style: {
|
|
6612
|
-
width:
|
|
6613
|
-
_vm.calcWidth(
|
|
6614
|
-
column,
|
|
6615
|
-
column.width
|
|
6616
|
-
) || "unset",
|
|
6617
|
-
"min-width":
|
|
6618
|
-
_vm.calcWidth(
|
|
6619
|
-
column,
|
|
6620
|
-
column.minWidth
|
|
6621
|
-
) || "unset",
|
|
6622
|
-
"max-width":
|
|
6623
|
-
_vm.calcWidth(
|
|
6624
|
-
column,
|
|
6625
|
-
column.maxWidth
|
|
6626
|
-
) || "unset",
|
|
6627
|
-
},
|
|
6628
6618
|
on: {
|
|
6619
|
+
click: function ($event) {
|
|
6620
|
+
return _vm.instance.changeColumnOrder(
|
|
6621
|
+
column
|
|
6622
|
+
)
|
|
6623
|
+
},
|
|
6629
6624
|
mouseenter: function (
|
|
6630
6625
|
$event
|
|
6631
6626
|
) {
|
|
@@ -6655,7 +6650,16 @@ var __vue_render__$2 = function () {
|
|
|
6655
6650
|
"span",
|
|
6656
6651
|
{
|
|
6657
6652
|
staticClass:
|
|
6658
|
-
"zd-table-cell-sort",
|
|
6653
|
+
"zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
|
|
6654
|
+
on: {
|
|
6655
|
+
click: function (
|
|
6656
|
+
$event
|
|
6657
|
+
) {
|
|
6658
|
+
return _vm.instance.changeColumnOrder(
|
|
6659
|
+
column
|
|
6660
|
+
)
|
|
6661
|
+
},
|
|
6662
|
+
},
|
|
6659
6663
|
},
|
|
6660
6664
|
[
|
|
6661
6665
|
column.sortable &&
|
|
@@ -6671,11 +6675,13 @@ var __vue_render__$2 = function () {
|
|
|
6671
6675
|
},
|
|
6672
6676
|
[
|
|
6673
6677
|
_vm._v(
|
|
6674
|
-
|
|
6675
|
-
_vm
|
|
6676
|
-
|
|
6677
|
-
|
|
6678
|
-
|
|
6678
|
+
"\n " +
|
|
6679
|
+
_vm._s(
|
|
6680
|
+
_vm.$getIcon(
|
|
6681
|
+
"chevronUp"
|
|
6682
|
+
)
|
|
6683
|
+
) +
|
|
6684
|
+
"\n "
|
|
6679
6685
|
),
|
|
6680
6686
|
]
|
|
6681
6687
|
)
|
|
@@ -6692,11 +6698,13 @@ var __vue_render__$2 = function () {
|
|
|
6692
6698
|
},
|
|
6693
6699
|
[
|
|
6694
6700
|
_vm._v(
|
|
6695
|
-
|
|
6696
|
-
_vm.
|
|
6697
|
-
|
|
6698
|
-
|
|
6699
|
-
|
|
6701
|
+
"\n " +
|
|
6702
|
+
_vm._s(
|
|
6703
|
+
_vm.instance.datasource.findOrderIndex(
|
|
6704
|
+
column.name
|
|
6705
|
+
) + 1
|
|
6706
|
+
) +
|
|
6707
|
+
"\n "
|
|
6700
6708
|
),
|
|
6701
6709
|
]
|
|
6702
6710
|
)
|
|
@@ -7232,19 +7240,20 @@ var __vue_render__$2 = function () {
|
|
|
7232
7240
|
width:
|
|
7233
7241
|
_vm.calcWidth(
|
|
7234
7242
|
column,
|
|
7235
|
-
column.width
|
|
7236
|
-
|
|
7237
|
-
column.minWidth
|
|
7243
|
+
column.width,
|
|
7244
|
+
true
|
|
7238
7245
|
) || "unset",
|
|
7239
7246
|
"min-width":
|
|
7240
7247
|
_vm.calcWidth(
|
|
7241
7248
|
column,
|
|
7242
|
-
column.minWidth
|
|
7249
|
+
column.minWidth,
|
|
7250
|
+
true
|
|
7243
7251
|
) || "unset",
|
|
7244
7252
|
"max-width":
|
|
7245
7253
|
_vm.calcWidth(
|
|
7246
7254
|
column,
|
|
7247
|
-
column.maxWidth
|
|
7255
|
+
column.maxWidth,
|
|
7256
|
+
true
|
|
7248
7257
|
) || "unset",
|
|
7249
7258
|
},
|
|
7250
7259
|
},
|
|
@@ -7312,7 +7321,7 @@ var __vue_render__$2 = function () {
|
|
|
7312
7321
|
{
|
|
7313
7322
|
key:
|
|
7314
7323
|
column.name +
|
|
7315
|
-
|
|
7324
|
+
"rowKey(item)",
|
|
7316
7325
|
tag: "component",
|
|
7317
7326
|
},
|
|
7318
7327
|
"component",
|
|
@@ -7383,18 +7392,20 @@ var __vue_render__$2 = function () {
|
|
|
7383
7392
|
width:
|
|
7384
7393
|
_vm.calcWidth(
|
|
7385
7394
|
column,
|
|
7386
|
-
column.
|
|
7387
|
-
|
|
7395
|
+
column.width,
|
|
7396
|
+
true
|
|
7388
7397
|
) || "unset",
|
|
7389
7398
|
"min-width":
|
|
7390
7399
|
_vm.calcWidth(
|
|
7391
7400
|
column,
|
|
7392
|
-
column.minWidth
|
|
7401
|
+
column.minWidth,
|
|
7402
|
+
true
|
|
7393
7403
|
) || "unset",
|
|
7394
7404
|
"max-width":
|
|
7395
7405
|
_vm.calcWidth(
|
|
7396
7406
|
column,
|
|
7397
|
-
column.maxWidth
|
|
7407
|
+
column.maxWidth,
|
|
7408
|
+
true
|
|
7398
7409
|
) || "unset",
|
|
7399
7410
|
},
|
|
7400
7411
|
on: {
|
|
@@ -7474,6 +7485,7 @@ var __vue_render__$2 = function () {
|
|
|
7474
7485
|
],
|
|
7475
7486
|
1
|
|
7476
7487
|
),
|
|
7488
|
+
_vm._v(" "),
|
|
7477
7489
|
_c("span", {
|
|
7478
7490
|
key: item.tree__searched
|
|
7479
7491
|
? "a"
|
|
@@ -7533,34 +7545,95 @@ var __vue_render__$2 = function () {
|
|
|
7533
7545
|
},
|
|
7534
7546
|
},
|
|
7535
7547
|
},
|
|
7536
|
-
|
|
7537
|
-
|
|
7538
|
-
|
|
7539
|
-
|
|
7540
|
-
|
|
7541
|
-
_vm._b(
|
|
7548
|
+
[
|
|
7549
|
+
_c(
|
|
7550
|
+
"div",
|
|
7551
|
+
{
|
|
7552
|
+
directives: [
|
|
7542
7553
|
{
|
|
7543
|
-
|
|
7544
|
-
|
|
7545
|
-
|
|
7546
|
-
|
|
7554
|
+
name: "show",
|
|
7555
|
+
rawName: "v-show",
|
|
7556
|
+
value: headerIndex === 0,
|
|
7557
|
+
expression:
|
|
7558
|
+
"headerIndex === 0",
|
|
7547
7559
|
},
|
|
7548
|
-
|
|
7549
|
-
|
|
7550
|
-
|
|
7551
|
-
|
|
7552
|
-
|
|
7553
|
-
|
|
7554
|
-
|
|
7555
|
-
|
|
7560
|
+
],
|
|
7561
|
+
class: [
|
|
7562
|
+
"zd-tree-grid-expand",
|
|
7563
|
+
"level" + item.tree__level,
|
|
7564
|
+
],
|
|
7565
|
+
},
|
|
7566
|
+
[
|
|
7567
|
+
(item.tree__children || [])
|
|
7568
|
+
.length > 0
|
|
7569
|
+
? _c(
|
|
7570
|
+
"v-icon",
|
|
7571
|
+
{
|
|
7572
|
+
class: {
|
|
7573
|
+
opened:
|
|
7574
|
+
item.tree__opened,
|
|
7575
|
+
},
|
|
7576
|
+
attrs: {
|
|
7577
|
+
tabindex: "-1",
|
|
7578
|
+
},
|
|
7579
|
+
on: {
|
|
7580
|
+
click: function (
|
|
7581
|
+
$event
|
|
7582
|
+
) {
|
|
7583
|
+
return _vm.instance.toggleExpand(
|
|
7584
|
+
item,
|
|
7585
|
+
index
|
|
7586
|
+
)
|
|
7587
|
+
},
|
|
7588
|
+
},
|
|
7589
|
+
},
|
|
7590
|
+
[
|
|
7591
|
+
_vm._v(
|
|
7592
|
+
"\n " +
|
|
7593
|
+
_vm._s(
|
|
7594
|
+
_vm.$getIcon(
|
|
7595
|
+
"chevronRight"
|
|
7596
|
+
)
|
|
7597
|
+
) +
|
|
7598
|
+
"\n "
|
|
7599
|
+
),
|
|
7600
|
+
]
|
|
7556
7601
|
)
|
|
7557
|
-
),
|
|
7558
|
-
|
|
7602
|
+
: _vm._e(),
|
|
7603
|
+
],
|
|
7604
|
+
1
|
|
7605
|
+
),
|
|
7606
|
+
_vm._v(" "),
|
|
7607
|
+
_vm._l(
|
|
7608
|
+
column.childrenProps,
|
|
7609
|
+
function (child) {
|
|
7610
|
+
return _c(
|
|
7611
|
+
child.component,
|
|
7612
|
+
_vm._b(
|
|
7613
|
+
{
|
|
7614
|
+
key:
|
|
7615
|
+
"" +
|
|
7616
|
+
child.name +
|
|
7617
|
+
_vm.rowKey(item),
|
|
7618
|
+
tag: "component",
|
|
7619
|
+
},
|
|
7620
|
+
"component",
|
|
7621
|
+
Object.assign(
|
|
7622
|
+
{},
|
|
7623
|
+
child,
|
|
7624
|
+
_vm.instance.getActionComponent(
|
|
7625
|
+
child,
|
|
7626
|
+
column,
|
|
7627
|
+
item
|
|
7628
|
+
)
|
|
7629
|
+
),
|
|
7630
|
+
false
|
|
7631
|
+
)
|
|
7559
7632
|
)
|
|
7560
|
-
|
|
7561
|
-
|
|
7562
|
-
|
|
7563
|
-
|
|
7633
|
+
}
|
|
7634
|
+
),
|
|
7635
|
+
],
|
|
7636
|
+
2
|
|
7564
7637
|
),
|
|
7565
7638
|
]
|
|
7566
7639
|
: _vm._e(),
|
|
@@ -7666,7 +7739,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7666
7739
|
/* style */
|
|
7667
7740
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7668
7741
|
if (!inject) return
|
|
7669
|
-
inject("data-v-
|
|
7742
|
+
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 });
|
|
7670
7743
|
|
|
7671
7744
|
};
|
|
7672
7745
|
/* scoped */
|