@zeedhi/teknisa-components-vuetify 1.72.0 → 1.74.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.
|
@@ -3,7 +3,7 @@ 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
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';
|
|
6
|
+
import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, setFillHeight, 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';
|
|
@@ -913,6 +913,18 @@ var __vue_render__$d = function () {
|
|
|
913
913
|
],
|
|
914
914
|
ref: "form",
|
|
915
915
|
class: ["tek-crud-form", _vm.instance.cssClass],
|
|
916
|
+
style: Object.assign(
|
|
917
|
+
{},
|
|
918
|
+
{
|
|
919
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
920
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
921
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
922
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
923
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
924
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
925
|
+
},
|
|
926
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
927
|
+
),
|
|
916
928
|
attrs: { id: _vm.instance.name, name: _vm.instance.name, tabindex: "0" },
|
|
917
929
|
on: {
|
|
918
930
|
submit: function ($event) {
|
|
@@ -976,7 +988,7 @@ __vue_render__$d._withStripped = true;
|
|
|
976
988
|
/* style */
|
|
977
989
|
const __vue_inject_styles__$d = function (inject) {
|
|
978
990
|
if (!inject) return
|
|
979
|
-
inject("data-v-
|
|
991
|
+
inject("data-v-c0dcf978_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
|
|
980
992
|
|
|
981
993
|
};
|
|
982
994
|
/* scoped */
|
|
@@ -1604,14 +1616,18 @@ var __vue_render__$b = function () {
|
|
|
1604
1616
|
"zd-grid",
|
|
1605
1617
|
"tek-grid",
|
|
1606
1618
|
_vm.instance.cssClass,
|
|
1607
|
-
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
1608
1619
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
1609
1620
|
],
|
|
1610
1621
|
style: [
|
|
1611
1622
|
_vm.cssColorVars,
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
:
|
|
1623
|
+
{
|
|
1624
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
1625
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
1626
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
1627
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
1628
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
1629
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
1630
|
+
},
|
|
1615
1631
|
_vm.$styleObject(_vm.instance.cssStyle),
|
|
1616
1632
|
],
|
|
1617
1633
|
attrs: {
|
|
@@ -1622,7 +1638,6 @@ var __vue_render__$b = function () {
|
|
|
1622
1638
|
"hide-default-footer": "",
|
|
1623
1639
|
name: _vm.instance.name,
|
|
1624
1640
|
headers: _vm.headers,
|
|
1625
|
-
height: _vm.instance.height,
|
|
1626
1641
|
items: _vm.getData(),
|
|
1627
1642
|
search: _vm.instance.datasource.search,
|
|
1628
1643
|
dense: _vm.instance.dense,
|
|
@@ -2365,7 +2380,8 @@ var __vue_render__$b = function () {
|
|
|
2365
2380
|
},
|
|
2366
2381
|
}
|
|
2367
2382
|
: null,
|
|
2368
|
-
_vm.instance.virtualScroll &&
|
|
2383
|
+
_vm.instance.virtualScroll &&
|
|
2384
|
+
_vm.scrollData.start > _vm.instance.virtualScrollCache
|
|
2369
2385
|
? {
|
|
2370
2386
|
key: "body.prepend",
|
|
2371
2387
|
fn: function (ref) {
|
|
@@ -2383,7 +2399,9 @@ var __vue_render__$b = function () {
|
|
|
2383
2399
|
}
|
|
2384
2400
|
: null,
|
|
2385
2401
|
_vm.instance.virtualScroll &&
|
|
2386
|
-
_vm.scrollData.start +
|
|
2402
|
+
_vm.scrollData.start +
|
|
2403
|
+
_vm.scrollData.perPage +
|
|
2404
|
+
_vm.instance.virtualScrollCache <
|
|
2387
2405
|
(_vm.scrollData.visibleData || []).length
|
|
2388
2406
|
? {
|
|
2389
2407
|
key: "body.append",
|
|
@@ -2408,8 +2426,17 @@ var __vue_render__$b = function () {
|
|
|
2408
2426
|
var select = ref.select;
|
|
2409
2427
|
var isSelected = ref.isSelected;
|
|
2410
2428
|
var headers = ref.headers;
|
|
2429
|
+
var index = ref.index;
|
|
2411
2430
|
return [
|
|
2412
|
-
item.group &&
|
|
2431
|
+
item.group &&
|
|
2432
|
+
_vm.instance.isItemVisible(item) &&
|
|
2433
|
+
(!_vm.instance.virtualScroll ||
|
|
2434
|
+
(index >=
|
|
2435
|
+
_vm.scrollData.start - _vm.instance.virtualScrollCache &&
|
|
2436
|
+
index <=
|
|
2437
|
+
_vm.scrollData.start +
|
|
2438
|
+
_vm.scrollData.perPage +
|
|
2439
|
+
_vm.instance.virtualScrollCache))
|
|
2413
2440
|
? _c(
|
|
2414
2441
|
"tr",
|
|
2415
2442
|
{
|
|
@@ -2819,6 +2846,8 @@ var __vue_render__$b = function () {
|
|
|
2819
2846
|
column: column,
|
|
2820
2847
|
row: item,
|
|
2821
2848
|
rowStyle: rowStyle,
|
|
2849
|
+
rowKey:
|
|
2850
|
+
_vm.rowKey(item),
|
|
2822
2851
|
cellsApplied:
|
|
2823
2852
|
cellsApplied,
|
|
2824
2853
|
isEdited:
|
|
@@ -3090,7 +3119,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3090
3119
|
/* style */
|
|
3091
3120
|
const __vue_inject_styles__$b = function (inject) {
|
|
3092
3121
|
if (!inject) return
|
|
3093
|
-
inject("data-v-
|
|
3122
|
+
inject("data-v-40eb0f79_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 });
|
|
3094
3123
|
|
|
3095
3124
|
};
|
|
3096
3125
|
/* scoped */
|
|
@@ -4904,6 +4933,11 @@ let TekImage = class TekImage extends ZdComponent {
|
|
|
4904
4933
|
super(...arguments);
|
|
4905
4934
|
this.instanceType = Image;
|
|
4906
4935
|
}
|
|
4936
|
+
mounted() {
|
|
4937
|
+
if (this.instance.fillHeight) {
|
|
4938
|
+
setFillHeight(this.$el);
|
|
4939
|
+
}
|
|
4940
|
+
}
|
|
4907
4941
|
};
|
|
4908
4942
|
__decorate([
|
|
4909
4943
|
PropWatch({ type: String, default: '' })
|
|
@@ -4911,6 +4945,27 @@ __decorate([
|
|
|
4911
4945
|
__decorate([
|
|
4912
4946
|
PropWatch({ type: String, default: '' })
|
|
4913
4947
|
], TekImage.prototype, "src", void 0);
|
|
4948
|
+
__decorate([
|
|
4949
|
+
PropWatch({ type: [Number, String], default: 'auto' })
|
|
4950
|
+
], TekImage.prototype, "height", void 0);
|
|
4951
|
+
__decorate([
|
|
4952
|
+
PropWatch({ type: [Number, String], default: 'auto' })
|
|
4953
|
+
], TekImage.prototype, "minHeight", void 0);
|
|
4954
|
+
__decorate([
|
|
4955
|
+
PropWatch({ type: [Number, String], default: 'none' })
|
|
4956
|
+
], TekImage.prototype, "maxHeight", void 0);
|
|
4957
|
+
__decorate([
|
|
4958
|
+
PropWatch({ type: [Number, String], default: 'auto' })
|
|
4959
|
+
], TekImage.prototype, "width", void 0);
|
|
4960
|
+
__decorate([
|
|
4961
|
+
PropWatch({ type: [Number, String], default: 'auto' })
|
|
4962
|
+
], TekImage.prototype, "minWidth", void 0);
|
|
4963
|
+
__decorate([
|
|
4964
|
+
PropWatch({ type: [Number, String], default: 'none' })
|
|
4965
|
+
], TekImage.prototype, "maxWidth", void 0);
|
|
4966
|
+
__decorate([
|
|
4967
|
+
PropWatch({ type: [Boolean, String], default: false })
|
|
4968
|
+
], TekImage.prototype, "fillHeight", void 0);
|
|
4914
4969
|
TekImage = __decorate([
|
|
4915
4970
|
Component
|
|
4916
4971
|
], TekImage);
|
|
@@ -4927,7 +4982,24 @@ var __vue_render__$8 = function () {
|
|
|
4927
4982
|
return _c(
|
|
4928
4983
|
"router-link",
|
|
4929
4984
|
{ attrs: { id: _vm.instance.name, to: _vm.instance.to } },
|
|
4930
|
-
[
|
|
4985
|
+
[
|
|
4986
|
+
_c("v-img", {
|
|
4987
|
+
class: ["tek-image", _vm.instance.cssClass],
|
|
4988
|
+
style: Object.assign(
|
|
4989
|
+
{},
|
|
4990
|
+
{
|
|
4991
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
4992
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
4993
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
4994
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
4995
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
4996
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
4997
|
+
},
|
|
4998
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
4999
|
+
),
|
|
5000
|
+
attrs: { src: _vm.instance.src },
|
|
5001
|
+
}),
|
|
5002
|
+
],
|
|
4931
5003
|
1
|
|
4932
5004
|
)
|
|
4933
5005
|
};
|
|
@@ -5123,8 +5195,11 @@ var __vue_render__$6 = function () {
|
|
|
5123
5195
|
{},
|
|
5124
5196
|
{
|
|
5125
5197
|
height: _vm.$formatSize(_vm.instance.height),
|
|
5126
|
-
|
|
5198
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
5127
5199
|
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
5200
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
5201
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
5202
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
5128
5203
|
},
|
|
5129
5204
|
_vm.$styleObject(_vm.instance.cssStyle)
|
|
5130
5205
|
),
|
|
@@ -5265,12 +5340,12 @@ var __vue_render__$6 = function () {
|
|
|
5265
5340
|
)
|
|
5266
5341
|
),
|
|
5267
5342
|
_vm._v(" "),
|
|
5268
|
-
|
|
5269
|
-
|
|
5270
|
-
|
|
5271
|
-
|
|
5272
|
-
|
|
5273
|
-
|
|
5343
|
+
_vm.instance.footerSlot.length || !!_vm.$slots.footerSlot
|
|
5344
|
+
? _c(
|
|
5345
|
+
"div",
|
|
5346
|
+
{ staticClass: "tek-iterable-footer" },
|
|
5347
|
+
[
|
|
5348
|
+
[
|
|
5274
5349
|
_vm._l(_vm.instance.footerSlot, function (child, index) {
|
|
5275
5350
|
return _c(
|
|
5276
5351
|
child.component,
|
|
@@ -5288,11 +5363,11 @@ var __vue_render__$6 = function () {
|
|
|
5288
5363
|
}),
|
|
5289
5364
|
_vm._v(" "),
|
|
5290
5365
|
_vm._t("footerSlot"),
|
|
5291
|
-
]
|
|
5292
|
-
|
|
5293
|
-
|
|
5294
|
-
|
|
5295
|
-
|
|
5366
|
+
],
|
|
5367
|
+
],
|
|
5368
|
+
2
|
|
5369
|
+
)
|
|
5370
|
+
: _vm._e(),
|
|
5296
5371
|
],
|
|
5297
5372
|
2
|
|
5298
5373
|
)
|
|
@@ -5304,11 +5379,11 @@ __vue_render__$6._withStripped = true;
|
|
|
5304
5379
|
/* style */
|
|
5305
5380
|
const __vue_inject_styles__$6 = function (inject) {
|
|
5306
5381
|
if (!inject) return
|
|
5307
|
-
inject("data-v-
|
|
5382
|
+
inject("data-v-171cbd3a_0", { source: ".tek-iterable-component-render[data-v-171cbd3a] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-171cbd3a],\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-171cbd3a] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-171cbd3a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
5308
5383
|
|
|
5309
5384
|
};
|
|
5310
5385
|
/* scoped */
|
|
5311
|
-
const __vue_scope_id__$6 = "data-v-
|
|
5386
|
+
const __vue_scope_id__$6 = "data-v-171cbd3a";
|
|
5312
5387
|
/* module identifier */
|
|
5313
5388
|
const __vue_module_identifier__$6 = undefined;
|
|
5314
5389
|
/* functional template */
|
|
@@ -6119,13 +6194,6 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
6119
6194
|
setSpanWidth(column) {
|
|
6120
6195
|
return column.width;
|
|
6121
6196
|
}
|
|
6122
|
-
getWidthStyle(column) {
|
|
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',
|
|
6127
|
-
};
|
|
6128
|
-
}
|
|
6129
6197
|
};
|
|
6130
6198
|
__decorate([
|
|
6131
6199
|
PropWatch({ type: [String], default: '' })
|
|
@@ -6214,14 +6282,18 @@ var __vue_render__$2 = function () {
|
|
|
6214
6282
|
"tek-grid",
|
|
6215
6283
|
"tek-tree-grid",
|
|
6216
6284
|
_vm.instance.cssClass,
|
|
6217
|
-
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
6218
6285
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
6219
6286
|
],
|
|
6220
6287
|
style: [
|
|
6221
6288
|
_vm.cssColorVars,
|
|
6222
|
-
|
|
6223
|
-
|
|
6224
|
-
:
|
|
6289
|
+
{
|
|
6290
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
6291
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
6292
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
6293
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
6294
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
6295
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
6296
|
+
},
|
|
6225
6297
|
_vm.$styleObject(_vm.instance.cssStyle),
|
|
6226
6298
|
],
|
|
6227
6299
|
attrs: {
|
|
@@ -6906,7 +6978,8 @@ var __vue_render__$2 = function () {
|
|
|
6906
6978
|
},
|
|
6907
6979
|
}
|
|
6908
6980
|
: null,
|
|
6909
|
-
_vm.instance.virtualScroll &&
|
|
6981
|
+
_vm.instance.virtualScroll &&
|
|
6982
|
+
_vm.scrollData.start > _vm.instance.virtualScrollCache
|
|
6910
6983
|
? {
|
|
6911
6984
|
key: "body.prepend",
|
|
6912
6985
|
fn: function (ref) {
|
|
@@ -6923,7 +6996,9 @@ var __vue_render__$2 = function () {
|
|
|
6923
6996
|
}
|
|
6924
6997
|
: null,
|
|
6925
6998
|
_vm.instance.virtualScroll &&
|
|
6926
|
-
_vm.scrollData.start +
|
|
6999
|
+
_vm.scrollData.start +
|
|
7000
|
+
_vm.scrollData.perPage +
|
|
7001
|
+
_vm.instance.virtualScrollCache <
|
|
6927
7002
|
(_vm.scrollData.visibleData || []).length
|
|
6928
7003
|
? {
|
|
6929
7004
|
key: "body.append",
|
|
@@ -6949,415 +7024,445 @@ var __vue_render__$2 = function () {
|
|
|
6949
7024
|
var index = ref.index;
|
|
6950
7025
|
var headers = ref.headers;
|
|
6951
7026
|
return [
|
|
6952
|
-
|
|
6953
|
-
|
|
6954
|
-
|
|
6955
|
-
|
|
7027
|
+
!_vm.instance.virtualScroll ||
|
|
7028
|
+
(index >=
|
|
7029
|
+
_vm.scrollData.start - _vm.instance.virtualScrollCache &&
|
|
7030
|
+
index <=
|
|
7031
|
+
_vm.scrollData.start +
|
|
7032
|
+
_vm.scrollData.perPage +
|
|
7033
|
+
_vm.instance.virtualScrollCache)
|
|
7034
|
+
? _c(
|
|
7035
|
+
"tr",
|
|
6956
7036
|
{
|
|
6957
|
-
|
|
6958
|
-
rawName: "v-show",
|
|
6959
|
-
value: _vm.instance.treeDataStructure.isOpened(item),
|
|
6960
|
-
expression:
|
|
6961
|
-
"instance.treeDataStructure.isOpened(item)",
|
|
6962
|
-
},
|
|
6963
|
-
],
|
|
6964
|
-
class: {
|
|
6965
|
-
active: isSelected,
|
|
6966
|
-
current: _vm.isCurrentRow(item),
|
|
6967
|
-
},
|
|
6968
|
-
attrs: {
|
|
6969
|
-
set: (_vm.canEditRowValues[_vm.rowKey(item)] =
|
|
6970
|
-
_vm.instance.callCanEditRow(item)),
|
|
6971
|
-
},
|
|
6972
|
-
on: {
|
|
6973
|
-
click: function ($event) {
|
|
6974
|
-
return _vm.rowClick(item, $event)
|
|
6975
|
-
},
|
|
6976
|
-
},
|
|
6977
|
-
},
|
|
6978
|
-
[
|
|
6979
|
-
_vm.instance.selectable
|
|
6980
|
-
? _c(
|
|
6981
|
-
"td",
|
|
7037
|
+
directives: [
|
|
6982
7038
|
{
|
|
6983
|
-
|
|
6984
|
-
|
|
6985
|
-
|
|
6986
|
-
|
|
6987
|
-
|
|
6988
|
-
|
|
6989
|
-
(_vm.$vuetify.theme.dark &&
|
|
6990
|
-
!_vm.instance.light) ||
|
|
6991
|
-
_vm.instance.dark,
|
|
6992
|
-
},
|
|
6993
|
-
{
|
|
6994
|
-
"theme--light":
|
|
6995
|
-
!_vm.$vuetify.theme.dark ||
|
|
6996
|
-
_vm.instance.light,
|
|
6997
|
-
},
|
|
6998
|
-
],
|
|
7039
|
+
name: "show",
|
|
7040
|
+
rawName: "v-show",
|
|
7041
|
+
value:
|
|
7042
|
+
_vm.instance.treeDataStructure.isOpened(item),
|
|
7043
|
+
expression:
|
|
7044
|
+
"instance.treeDataStructure.isOpened(item)",
|
|
6999
7045
|
},
|
|
7000
|
-
|
|
7001
|
-
|
|
7002
|
-
|
|
7003
|
-
|
|
7004
|
-
|
|
7005
|
-
|
|
7006
|
-
|
|
7007
|
-
|
|
7008
|
-
|
|
7009
|
-
|
|
7010
|
-
|
|
7011
|
-
|
|
7012
|
-
|
|
7013
|
-
|
|
7014
|
-
|
|
7015
|
-
|
|
7016
|
-
|
|
7017
|
-
|
|
7018
|
-
|
|
7019
|
-
click: function ($event) {
|
|
7020
|
-
$event.stopPropagation();
|
|
7021
|
-
return _vm.selectClick(
|
|
7022
|
-
index,
|
|
7023
|
-
!isSelected,
|
|
7024
|
-
$event
|
|
7025
|
-
)
|
|
7026
|
-
},
|
|
7027
|
-
},
|
|
7028
|
-
}),
|
|
7029
|
-
],
|
|
7030
|
-
1
|
|
7031
|
-
)
|
|
7032
|
-
: _vm._e(),
|
|
7033
|
-
_vm._v(" "),
|
|
7034
|
-
_vm._l(
|
|
7035
|
-
_vm.orderHeaders(headers),
|
|
7036
|
-
function (header, headerIndex) {
|
|
7037
|
-
return [
|
|
7038
|
-
_vm._l(
|
|
7039
|
-
[
|
|
7046
|
+
],
|
|
7047
|
+
class: {
|
|
7048
|
+
active: isSelected,
|
|
7049
|
+
current: _vm.isCurrentRow(item),
|
|
7050
|
+
},
|
|
7051
|
+
attrs: {
|
|
7052
|
+
set: (_vm.canEditRowValues[_vm.rowKey(item)] =
|
|
7053
|
+
_vm.instance.callCanEditRow(item)),
|
|
7054
|
+
},
|
|
7055
|
+
on: {
|
|
7056
|
+
click: function ($event) {
|
|
7057
|
+
return _vm.rowClick(item, $event)
|
|
7058
|
+
},
|
|
7059
|
+
},
|
|
7060
|
+
},
|
|
7061
|
+
[
|
|
7062
|
+
_vm.instance.selectable
|
|
7063
|
+
? _c(
|
|
7064
|
+
"td",
|
|
7040
7065
|
{
|
|
7041
|
-
|
|
7042
|
-
|
|
7043
|
-
|
|
7044
|
-
|
|
7045
|
-
|
|
7046
|
-
|
|
7066
|
+
class: [
|
|
7067
|
+
"zd-table-cell",
|
|
7068
|
+
"selectable",
|
|
7069
|
+
"zd-table-fixed-column",
|
|
7070
|
+
{
|
|
7071
|
+
"theme--dark":
|
|
7072
|
+
(_vm.$vuetify.theme.dark &&
|
|
7073
|
+
!_vm.instance.light) ||
|
|
7074
|
+
_vm.instance.dark,
|
|
7075
|
+
},
|
|
7076
|
+
{
|
|
7077
|
+
"theme--light":
|
|
7078
|
+
!_vm.$vuetify.theme.dark ||
|
|
7079
|
+
_vm.instance.light,
|
|
7080
|
+
},
|
|
7081
|
+
],
|
|
7047
7082
|
},
|
|
7048
|
-
|
|
7049
|
-
|
|
7050
|
-
|
|
7051
|
-
|
|
7052
|
-
|
|
7053
|
-
|
|
7054
|
-
|
|
7055
|
-
|
|
7056
|
-
|
|
7057
|
-
|
|
7058
|
-
|
|
7059
|
-
|
|
7060
|
-
|
|
7061
|
-
|
|
7062
|
-
|
|
7063
|
-
|
|
7064
|
-
|
|
7065
|
-
|
|
7066
|
-
|
|
7067
|
-
|
|
7068
|
-
|
|
7069
|
-
|
|
7070
|
-
|
|
7071
|
-
|
|
7072
|
-
|
|
7073
|
-
|
|
7074
|
-
|
|
7075
|
-
|
|
7076
|
-
|
|
7077
|
-
|
|
7078
|
-
|
|
7079
|
-
|
|
7080
|
-
|
|
7081
|
-
|
|
7082
|
-
|
|
7083
|
-
|
|
7084
|
-
|
|
7085
|
-
|
|
7086
|
-
|
|
7087
|
-
|
|
7088
|
-
|
|
7089
|
-
|
|
7090
|
-
|
|
7091
|
-
|
|
7092
|
-
|
|
7093
|
-
|
|
7094
|
-
|
|
7095
|
-
|
|
7096
|
-
|
|
7097
|
-
|
|
7098
|
-
|
|
7099
|
-
|
|
7100
|
-
|
|
7101
|
-
|
|
7102
|
-
|
|
7103
|
-
|
|
7104
|
-
|
|
7105
|
-
|
|
7106
|
-
|
|
7107
|
-
"zd-skeleton-table-cell",
|
|
7108
|
-
attrs: {
|
|
7109
|
-
loading: "",
|
|
7110
|
-
type: "table-cell",
|
|
7111
|
-
},
|
|
7112
|
-
})
|
|
7113
|
-
: _vm._e(),
|
|
7114
|
-
_vm._v(" "),
|
|
7083
|
+
[
|
|
7084
|
+
_c("v-checkbox", {
|
|
7085
|
+
staticClass: "zd-grid-row-checkbox",
|
|
7086
|
+
attrs: {
|
|
7087
|
+
"hide-details": "",
|
|
7088
|
+
color: "primary",
|
|
7089
|
+
disabled:
|
|
7090
|
+
_vm.instance.editing ||
|
|
7091
|
+
_vm.instance.callDisableSelection(item),
|
|
7092
|
+
"on-icon": _vm.$getIcon("checkboxOn"),
|
|
7093
|
+
"off-icon": _vm.$getIcon("checkboxOff"),
|
|
7094
|
+
"true-value": true,
|
|
7095
|
+
"false-value": false,
|
|
7096
|
+
value: isSelected,
|
|
7097
|
+
indeterminate:
|
|
7098
|
+
!_vm.checkEvery(item) &&
|
|
7099
|
+
_vm.checkSome(item),
|
|
7100
|
+
},
|
|
7101
|
+
on: {
|
|
7102
|
+
click: function ($event) {
|
|
7103
|
+
$event.stopPropagation();
|
|
7104
|
+
return _vm.selectClick(
|
|
7105
|
+
index,
|
|
7106
|
+
!isSelected,
|
|
7107
|
+
$event
|
|
7108
|
+
)
|
|
7109
|
+
},
|
|
7110
|
+
},
|
|
7111
|
+
}),
|
|
7112
|
+
],
|
|
7113
|
+
1
|
|
7114
|
+
)
|
|
7115
|
+
: _vm._e(),
|
|
7116
|
+
_vm._v(" "),
|
|
7117
|
+
_vm._l(
|
|
7118
|
+
_vm.orderHeaders(headers),
|
|
7119
|
+
function (header, headerIndex) {
|
|
7120
|
+
return [
|
|
7121
|
+
_vm._l(
|
|
7122
|
+
[
|
|
7123
|
+
{
|
|
7124
|
+
column: header,
|
|
7125
|
+
rowStyle:
|
|
7126
|
+
_vm.instance.getRowStyleConditions(
|
|
7127
|
+
item
|
|
7128
|
+
),
|
|
7129
|
+
cellsApplied: (_vm.instance.cellsApplied[
|
|
7130
|
+
_vm.rowKey(item)
|
|
7131
|
+
] || {})[header.name],
|
|
7132
|
+
},
|
|
7133
|
+
],
|
|
7134
|
+
function (ref) {
|
|
7135
|
+
var column = ref.column;
|
|
7136
|
+
var rowStyle = ref.rowStyle;
|
|
7137
|
+
var cellsApplied = ref.cellsApplied;
|
|
7138
|
+
return [
|
|
7139
|
+
column.isVisible &&
|
|
7140
|
+
column.type !== "action"
|
|
7141
|
+
? [
|
|
7115
7142
|
_c(
|
|
7116
|
-
"
|
|
7143
|
+
"zd-grid-cell",
|
|
7117
7144
|
{
|
|
7118
|
-
|
|
7119
|
-
|
|
7145
|
+
key: column.name,
|
|
7146
|
+
attrs: {
|
|
7147
|
+
column: column,
|
|
7148
|
+
rowStyle: rowStyle,
|
|
7149
|
+
cellsApplied: cellsApplied,
|
|
7150
|
+
cellClass: [
|
|
7151
|
+
{
|
|
7152
|
+
first: headerIndex === 0,
|
|
7153
|
+
},
|
|
7154
|
+
{
|
|
7155
|
+
"zd-table-column-editable":
|
|
7156
|
+
column.editable,
|
|
7157
|
+
"zd-table-cell-editable":
|
|
7158
|
+
Object.assign(
|
|
7159
|
+
{},
|
|
7160
|
+
column,
|
|
7161
|
+
cellsApplied
|
|
7162
|
+
).editable &&
|
|
7163
|
+
_vm.canEditRowValues[
|
|
7164
|
+
_vm.rowKey(item)
|
|
7165
|
+
],
|
|
7166
|
+
"zd-table-fixed-column":
|
|
7167
|
+
column.fixed,
|
|
7168
|
+
},
|
|
7169
|
+
],
|
|
7170
|
+
cellStyle: [
|
|
7171
|
+
{
|
|
7172
|
+
left: _vm.getFixedLeft(
|
|
7173
|
+
column
|
|
7174
|
+
),
|
|
7175
|
+
},
|
|
7176
|
+
],
|
|
7177
|
+
},
|
|
7178
|
+
on: {
|
|
7179
|
+
click: function ($event) {
|
|
7180
|
+
_vm.cellClick(
|
|
7181
|
+
item,
|
|
7182
|
+
column,
|
|
7183
|
+
$event,
|
|
7184
|
+
_vm.canEditRowValues[
|
|
7185
|
+
_vm.rowKey(item)
|
|
7186
|
+
]
|
|
7187
|
+
);
|
|
7188
|
+
},
|
|
7189
|
+
},
|
|
7120
7190
|
},
|
|
7121
7191
|
[
|
|
7122
|
-
|
|
7123
|
-
{
|
|
7124
|
-
|
|
7125
|
-
|
|
7126
|
-
).editable &&
|
|
7127
|
-
_vm.canEditRowValues[
|
|
7128
|
-
_vm.rowKey(item)
|
|
7129
|
-
] &&
|
|
7130
|
-
_vm.instance.editing
|
|
7131
|
-
? _c("zd-grid-cell-edit", {
|
|
7132
|
-
directives: [
|
|
7133
|
-
{
|
|
7134
|
-
name: "show",
|
|
7135
|
-
rawName: "v-show",
|
|
7136
|
-
value:
|
|
7137
|
-
!column.loading,
|
|
7138
|
-
expression:
|
|
7139
|
-
"!column.loading",
|
|
7140
|
-
},
|
|
7141
|
-
],
|
|
7192
|
+
column.loading
|
|
7193
|
+
? _c("v-skeleton-loader", {
|
|
7194
|
+
staticClass:
|
|
7195
|
+
"zd-skeleton-table-cell",
|
|
7142
7196
|
attrs: {
|
|
7143
|
-
|
|
7144
|
-
|
|
7145
|
-
column: column,
|
|
7146
|
-
row: item,
|
|
7147
|
-
rowStyle: rowStyle,
|
|
7148
|
-
cellsApplied:
|
|
7149
|
-
cellsApplied,
|
|
7150
|
-
isEdited:
|
|
7151
|
-
_vm.instance.isEdited(
|
|
7152
|
-
column,
|
|
7153
|
-
item
|
|
7154
|
-
),
|
|
7155
|
-
isValid:
|
|
7156
|
-
_vm.instance.isValid(
|
|
7157
|
-
column,
|
|
7158
|
-
item
|
|
7159
|
-
),
|
|
7160
|
-
getEditableComponent:
|
|
7161
|
-
_vm.getEditableComponent,
|
|
7197
|
+
loading: "",
|
|
7198
|
+
type: "table-cell",
|
|
7162
7199
|
},
|
|
7163
7200
|
})
|
|
7164
|
-
: _vm.
|
|
7201
|
+
: _vm._e(),
|
|
7202
|
+
_vm._v(" "),
|
|
7203
|
+
_c(
|
|
7204
|
+
"span",
|
|
7205
|
+
{
|
|
7206
|
+
staticClass:
|
|
7207
|
+
"zd-tree-grid-editable-cell-wrapper",
|
|
7208
|
+
},
|
|
7209
|
+
[
|
|
7210
|
+
Object.assign(
|
|
7211
|
+
{},
|
|
7165
7212
|
column,
|
|
7166
|
-
|
|
7167
|
-
)
|
|
7168
|
-
|
|
7169
|
-
|
|
7170
|
-
|
|
7171
|
-
|
|
7172
|
-
|
|
7173
|
-
|
|
7174
|
-
|
|
7175
|
-
|
|
7176
|
-
|
|
7177
|
-
|
|
7213
|
+
cellsApplied
|
|
7214
|
+
).editable &&
|
|
7215
|
+
_vm.canEditRowValues[
|
|
7216
|
+
_vm.rowKey(item)
|
|
7217
|
+
] &&
|
|
7218
|
+
_vm.instance.editing
|
|
7219
|
+
? _c(
|
|
7220
|
+
"zd-grid-cell-edit",
|
|
7221
|
+
{
|
|
7222
|
+
directives: [
|
|
7223
|
+
{
|
|
7224
|
+
name: "show",
|
|
7225
|
+
rawName:
|
|
7226
|
+
"v-show",
|
|
7227
|
+
value:
|
|
7228
|
+
!column.loading,
|
|
7229
|
+
expression:
|
|
7230
|
+
"!column.loading",
|
|
7231
|
+
},
|
|
7232
|
+
],
|
|
7233
|
+
attrs: {
|
|
7234
|
+
getWidthStyle:
|
|
7235
|
+
_vm.getWidthStyle,
|
|
7236
|
+
column: column,
|
|
7237
|
+
row: item,
|
|
7238
|
+
rowKey:
|
|
7239
|
+
_vm.rowKey(
|
|
7240
|
+
item
|
|
7241
|
+
),
|
|
7242
|
+
rowStyle:
|
|
7243
|
+
rowStyle,
|
|
7244
|
+
cellsApplied:
|
|
7245
|
+
cellsApplied,
|
|
7246
|
+
isEdited:
|
|
7247
|
+
_vm.instance.isEdited(
|
|
7248
|
+
column,
|
|
7249
|
+
item
|
|
7250
|
+
),
|
|
7251
|
+
isValid:
|
|
7252
|
+
_vm.instance.isValid(
|
|
7253
|
+
column,
|
|
7254
|
+
item
|
|
7255
|
+
),
|
|
7256
|
+
getEditableComponent:
|
|
7257
|
+
_vm.getEditableComponent,
|
|
7258
|
+
},
|
|
7259
|
+
}
|
|
7260
|
+
)
|
|
7261
|
+
: _vm.hasToggleIcon(
|
|
7262
|
+
column,
|
|
7263
|
+
item
|
|
7264
|
+
)
|
|
7265
|
+
? _c(
|
|
7266
|
+
"span",
|
|
7267
|
+
[
|
|
7268
|
+
_c("v-icon", [
|
|
7269
|
+
_vm._v(
|
|
7270
|
+
_vm._s(
|
|
7271
|
+
_vm.$getIcon(
|
|
7272
|
+
column.formatterByRow(
|
|
7273
|
+
item,
|
|
7274
|
+
cellsApplied
|
|
7275
|
+
)
|
|
7276
|
+
)
|
|
7178
7277
|
)
|
|
7179
|
-
)
|
|
7180
|
-
)
|
|
7181
|
-
|
|
7182
|
-
|
|
7183
|
-
|
|
7184
|
-
|
|
7185
|
-
|
|
7186
|
-
: _c(
|
|
7187
|
-
"zd-tree-grid-cell-content",
|
|
7188
|
-
{
|
|
7189
|
-
directives: [
|
|
7278
|
+
),
|
|
7279
|
+
]),
|
|
7280
|
+
],
|
|
7281
|
+
1
|
|
7282
|
+
)
|
|
7283
|
+
: _c(
|
|
7284
|
+
"zd-tree-grid-cell-content",
|
|
7190
7285
|
{
|
|
7191
|
-
|
|
7192
|
-
|
|
7193
|
-
|
|
7194
|
-
|
|
7195
|
-
|
|
7196
|
-
|
|
7197
|
-
|
|
7198
|
-
|
|
7199
|
-
|
|
7200
|
-
|
|
7201
|
-
|
|
7202
|
-
|
|
7203
|
-
|
|
7204
|
-
|
|
7205
|
-
|
|
7206
|
-
|
|
7207
|
-
|
|
7208
|
-
|
|
7209
|
-
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
|
|
7213
|
-
|
|
7214
|
-
|
|
7215
|
-
|
|
7216
|
-
|
|
7217
|
-
|
|
7218
|
-
|
|
7219
|
-
|
|
7220
|
-
|
|
7221
|
-
|
|
7222
|
-
|
|
7223
|
-
|
|
7224
|
-
|
|
7225
|
-
|
|
7226
|
-
|
|
7227
|
-
|
|
7228
|
-
|
|
7229
|
-
|
|
7230
|
-
|
|
7231
|
-
|
|
7232
|
-
|
|
7233
|
-
|
|
7234
|
-
|
|
7235
|
-
|
|
7236
|
-
|
|
7237
|
-
|
|
7238
|
-
|
|
7239
|
-
|
|
7240
|
-
|
|
7286
|
+
directives: [
|
|
7287
|
+
{
|
|
7288
|
+
name: "show",
|
|
7289
|
+
rawName:
|
|
7290
|
+
"v-show",
|
|
7291
|
+
value:
|
|
7292
|
+
!column.loading,
|
|
7293
|
+
expression:
|
|
7294
|
+
"!column.loading",
|
|
7295
|
+
},
|
|
7296
|
+
],
|
|
7297
|
+
attrs: {
|
|
7298
|
+
getWidthStyle:
|
|
7299
|
+
_vm.getWidthStyle,
|
|
7300
|
+
column: column,
|
|
7301
|
+
row: item,
|
|
7302
|
+
rowStyle:
|
|
7303
|
+
rowStyle,
|
|
7304
|
+
cellsApplied:
|
|
7305
|
+
cellsApplied,
|
|
7306
|
+
headerIndex:
|
|
7307
|
+
headerIndex,
|
|
7308
|
+
selectable:
|
|
7309
|
+
_vm.instance
|
|
7310
|
+
.selectable,
|
|
7311
|
+
fieldHasChild:
|
|
7312
|
+
_vm.instance
|
|
7313
|
+
.fieldHasChild,
|
|
7314
|
+
toggleExpand:
|
|
7315
|
+
_vm.toggleExpand,
|
|
7316
|
+
rowIndex: index,
|
|
7317
|
+
search:
|
|
7318
|
+
_vm.instance
|
|
7319
|
+
.datasource
|
|
7320
|
+
.search,
|
|
7321
|
+
expandClass:
|
|
7322
|
+
"zd-tree-grid-editable-expand",
|
|
7323
|
+
},
|
|
7324
|
+
on: {
|
|
7325
|
+
mouseenter:
|
|
7326
|
+
function (
|
|
7327
|
+
$event
|
|
7328
|
+
) {
|
|
7329
|
+
return _vm.checkOverflow(
|
|
7330
|
+
$event
|
|
7331
|
+
)
|
|
7332
|
+
},
|
|
7333
|
+
mouseleave:
|
|
7334
|
+
function (
|
|
7335
|
+
$event
|
|
7336
|
+
) {
|
|
7337
|
+
return _vm.removeTooltip()
|
|
7338
|
+
},
|
|
7339
|
+
},
|
|
7340
|
+
}
|
|
7341
|
+
),
|
|
7342
|
+
],
|
|
7343
|
+
1
|
|
7344
|
+
),
|
|
7241
7345
|
],
|
|
7242
7346
|
1
|
|
7243
7347
|
),
|
|
7244
|
-
]
|
|
7245
|
-
|
|
7246
|
-
|
|
7247
|
-
|
|
7248
|
-
: column.isVisible &&
|
|
7249
|
-
column.type === "action"
|
|
7250
|
-
? [
|
|
7251
|
-
_c(
|
|
7252
|
-
"zd-grid-cell",
|
|
7253
|
-
{
|
|
7254
|
-
key: column.name,
|
|
7255
|
-
attrs: {
|
|
7256
|
-
column: column,
|
|
7257
|
-
rowStyle: rowStyle,
|
|
7258
|
-
cellsApplied: cellsApplied,
|
|
7259
|
-
cellClass: [
|
|
7260
|
-
{
|
|
7261
|
-
"zd-table-cell-text-first":
|
|
7262
|
-
headerIndex === 0 ||
|
|
7263
|
-
(headerIndex === 1 &&
|
|
7264
|
-
_vm.instance.selectable),
|
|
7265
|
-
},
|
|
7266
|
-
],
|
|
7267
|
-
},
|
|
7268
|
-
on: {
|
|
7269
|
-
click: function ($event) {
|
|
7270
|
-
return _vm.cellClick(
|
|
7271
|
-
item,
|
|
7272
|
-
column,
|
|
7273
|
-
$event
|
|
7274
|
-
)
|
|
7275
|
-
},
|
|
7276
|
-
},
|
|
7277
|
-
},
|
|
7278
|
-
[
|
|
7348
|
+
]
|
|
7349
|
+
: column.isVisible &&
|
|
7350
|
+
column.type === "action"
|
|
7351
|
+
? [
|
|
7279
7352
|
_c(
|
|
7280
|
-
"
|
|
7353
|
+
"zd-grid-cell",
|
|
7281
7354
|
{
|
|
7282
|
-
|
|
7283
|
-
|
|
7284
|
-
|
|
7285
|
-
|
|
7286
|
-
|
|
7287
|
-
|
|
7288
|
-
|
|
7355
|
+
key: column.name,
|
|
7356
|
+
attrs: {
|
|
7357
|
+
column: column,
|
|
7358
|
+
rowStyle: rowStyle,
|
|
7359
|
+
cellsApplied: cellsApplied,
|
|
7360
|
+
cellClass: [
|
|
7361
|
+
{
|
|
7362
|
+
"zd-table-cell-text-first":
|
|
7363
|
+
headerIndex === 0 ||
|
|
7364
|
+
(headerIndex === 1 &&
|
|
7365
|
+
_vm.instance
|
|
7366
|
+
.selectable),
|
|
7367
|
+
},
|
|
7368
|
+
],
|
|
7369
|
+
},
|
|
7370
|
+
on: {
|
|
7371
|
+
click: function ($event) {
|
|
7372
|
+
return _vm.cellClick(
|
|
7373
|
+
item,
|
|
7374
|
+
column,
|
|
7375
|
+
$event
|
|
7376
|
+
)
|
|
7289
7377
|
},
|
|
7290
|
-
|
|
7291
|
-
class: [
|
|
7292
|
-
"zd-tree-grid-expand zd-tree-grid-expand-action",
|
|
7293
|
-
"level" + item.tree__level,
|
|
7294
|
-
],
|
|
7378
|
+
},
|
|
7295
7379
|
},
|
|
7296
7380
|
[
|
|
7297
|
-
(
|
|
7298
|
-
|
|
7299
|
-
|
|
7300
|
-
|
|
7381
|
+
_c(
|
|
7382
|
+
"div",
|
|
7383
|
+
{
|
|
7384
|
+
directives: [
|
|
7301
7385
|
{
|
|
7302
|
-
|
|
7303
|
-
|
|
7304
|
-
|
|
7305
|
-
|
|
7306
|
-
|
|
7307
|
-
|
|
7308
|
-
},
|
|
7309
|
-
on: {
|
|
7310
|
-
click: function (
|
|
7311
|
-
$event
|
|
7312
|
-
) {
|
|
7313
|
-
return _vm.instance.toggleExpand(
|
|
7314
|
-
item,
|
|
7315
|
-
index,
|
|
7316
|
-
$event
|
|
7317
|
-
)
|
|
7318
|
-
},
|
|
7319
|
-
},
|
|
7386
|
+
name: "show",
|
|
7387
|
+
rawName: "v-show",
|
|
7388
|
+
value:
|
|
7389
|
+
headerIndex === 0,
|
|
7390
|
+
expression:
|
|
7391
|
+
"headerIndex === 0",
|
|
7320
7392
|
},
|
|
7321
|
-
|
|
7322
|
-
|
|
7323
|
-
|
|
7324
|
-
|
|
7325
|
-
|
|
7326
|
-
|
|
7327
|
-
|
|
7328
|
-
|
|
7329
|
-
|
|
7330
|
-
|
|
7331
|
-
|
|
7332
|
-
|
|
7333
|
-
|
|
7393
|
+
],
|
|
7394
|
+
class: [
|
|
7395
|
+
"zd-tree-grid-expand zd-tree-grid-expand-action",
|
|
7396
|
+
"level" +
|
|
7397
|
+
item.tree__level,
|
|
7398
|
+
],
|
|
7399
|
+
},
|
|
7400
|
+
[
|
|
7401
|
+
(item.tree__children || [])
|
|
7402
|
+
.length > 0
|
|
7403
|
+
? _c(
|
|
7404
|
+
"v-icon",
|
|
7405
|
+
{
|
|
7406
|
+
class: {
|
|
7407
|
+
opened:
|
|
7408
|
+
item.tree__opened,
|
|
7409
|
+
},
|
|
7410
|
+
attrs: {
|
|
7411
|
+
tabindex: "-1",
|
|
7412
|
+
},
|
|
7413
|
+
on: {
|
|
7414
|
+
click: function (
|
|
7415
|
+
$event
|
|
7416
|
+
) {
|
|
7417
|
+
return _vm.instance.toggleExpand(
|
|
7418
|
+
item,
|
|
7419
|
+
index,
|
|
7420
|
+
$event
|
|
7421
|
+
)
|
|
7422
|
+
},
|
|
7423
|
+
},
|
|
7424
|
+
},
|
|
7425
|
+
[
|
|
7426
|
+
_vm._v(
|
|
7427
|
+
"\n " +
|
|
7428
|
+
_vm._s(
|
|
7429
|
+
_vm.$getIcon(
|
|
7430
|
+
"chevronRight"
|
|
7431
|
+
)
|
|
7432
|
+
) +
|
|
7433
|
+
"\n "
|
|
7434
|
+
),
|
|
7435
|
+
]
|
|
7436
|
+
)
|
|
7437
|
+
: _vm._e(),
|
|
7438
|
+
],
|
|
7439
|
+
1
|
|
7440
|
+
),
|
|
7441
|
+
_vm._v(" "),
|
|
7442
|
+
_c("zd-grid-action", {
|
|
7443
|
+
attrs: {
|
|
7444
|
+
column: column,
|
|
7445
|
+
row: item,
|
|
7446
|
+
rowKey: _vm.rowKey(item),
|
|
7447
|
+
getActionComponent:
|
|
7448
|
+
_vm.getActionComponent,
|
|
7449
|
+
},
|
|
7450
|
+
}),
|
|
7334
7451
|
],
|
|
7335
7452
|
1
|
|
7336
7453
|
),
|
|
7337
|
-
|
|
7338
|
-
|
|
7339
|
-
|
|
7340
|
-
|
|
7341
|
-
|
|
7342
|
-
|
|
7343
|
-
|
|
7344
|
-
|
|
7345
|
-
|
|
7346
|
-
|
|
7347
|
-
|
|
7348
|
-
|
|
7349
|
-
),
|
|
7350
|
-
]
|
|
7351
|
-
: _vm._e(),
|
|
7352
|
-
]
|
|
7353
|
-
}
|
|
7354
|
-
),
|
|
7355
|
-
]
|
|
7356
|
-
}
|
|
7357
|
-
),
|
|
7358
|
-
],
|
|
7359
|
-
2
|
|
7360
|
-
),
|
|
7454
|
+
]
|
|
7455
|
+
: _vm._e(),
|
|
7456
|
+
]
|
|
7457
|
+
}
|
|
7458
|
+
),
|
|
7459
|
+
]
|
|
7460
|
+
}
|
|
7461
|
+
),
|
|
7462
|
+
],
|
|
7463
|
+
2
|
|
7464
|
+
)
|
|
7465
|
+
: _vm._e(),
|
|
7361
7466
|
]
|
|
7362
7467
|
},
|
|
7363
7468
|
}
|
|
@@ -7451,7 +7556,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7451
7556
|
/* style */
|
|
7452
7557
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7453
7558
|
if (!inject) return
|
|
7454
|
-
inject("data-v-
|
|
7559
|
+
inject("data-v-738a5404_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 });
|
|
7455
7560
|
|
|
7456
7561
|
};
|
|
7457
7562
|
/* scoped */
|