@zeedhi/teknisa-components-vuetify 1.57.0 → 1.58.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +7 -7
- package/dist/tek-components-vuetify.esm.js +197 -1639
- package/dist/tek-components-vuetify.umd.js +206 -1648
- package/dist/tek-style.css +5812 -0
- package/jest.config.js +31 -31
- package/package.json +2 -2
- package/rollup.scss.config.js +13 -13
- package/tsconfig.eslint.json +8 -8
- package/types/components/crud/TekCrudButton.d.ts +1 -1
- package/types/components/tek-ag-grid/RenderedIcons.d.ts +6 -0
- package/types/components/tek-ag-grid/TekAgGrid.d.ts +30 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/index.d.ts +6 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/TekAgGridCellEditor.d.ts +15 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts +14 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/TekAgGridCellRenderer.d.ts +11 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/interfaces.d.ts +13 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts +21 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/interfaces.d.ts +14 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/TekAgGridSelectEditor.d.ts +13 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/interfaces.d.ts +10 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/TekAgGridSelectRenderer.d.ts +9 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/interfaces.d.ts +8 -0
- package/types/components/tek-grid/RenderedIcons.d.ts +6 -0
- package/types/components/tek-grid/TekGrid.d.ts +1 -1
- package/types/components/tek-grid/tek-grid-components/index.d.ts +6 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts +15 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/interfaces.d.ts +14 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/TekGridCellRenderer.d.ts +11 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/interfaces.d.ts +13 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/TekGridDate.d.ts +21 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/interfaces.d.ts +14 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/TekGridSelectEditor.d.ts +13 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/interfaces.d.ts +10 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/TekGridSelectRenderer.d.ts +9 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts +8 -0
- package/types/components/tek-iterable-carousel/TekIterableCarousel.d.ts +1 -1
- package/types/components/tek-login/TekLogin.d.ts +15 -0
- package/types/components/tek-tree-grid/TekTreeGrid.d.ts +1 -1
- package/types/components/tek-user-info/TekUserInfoList.d.ts +1 -1
|
@@ -2,10 +2,10 @@ import { ModalService, 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$
|
|
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, IterableComponentRender, Loading, Notifications, ProductCard, TekTreeGrid, TekUserInfo as TekUserInfo$1, TekUserInfoList as TekUserInfoList$1 } from '@zeedhi/teknisa-components-common';
|
|
6
6
|
import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, ZdIterable, ZdLoading } from '@zeedhi/vuetify';
|
|
7
7
|
import debounce from 'lodash.debounce';
|
|
8
|
-
import
|
|
8
|
+
import Sortable from 'sortablejs';
|
|
9
9
|
import cloneDeep from 'lodash.clonedeep';
|
|
10
10
|
|
|
11
11
|
/*! *****************************************************************************
|
|
@@ -33,7 +33,7 @@ function __decorate(decorators, target, key, desc) {
|
|
|
33
33
|
/**
|
|
34
34
|
* Teknisa component
|
|
35
35
|
*/
|
|
36
|
-
let TekBreadcrumbHeader
|
|
36
|
+
let TekBreadcrumbHeader = class TekBreadcrumbHeader extends ZdComponent {
|
|
37
37
|
constructor() {
|
|
38
38
|
super(...arguments);
|
|
39
39
|
this.instanceType = BreadcrumbHeader;
|
|
@@ -41,17 +41,17 @@ let TekBreadcrumbHeader$2 = class TekBreadcrumbHeader extends ZdComponent {
|
|
|
41
41
|
};
|
|
42
42
|
__decorate([
|
|
43
43
|
PropWatch({ type: String, default: '' })
|
|
44
|
-
], TekBreadcrumbHeader
|
|
44
|
+
], TekBreadcrumbHeader.prototype, "title", void 0);
|
|
45
45
|
__decorate([
|
|
46
46
|
Prop({ type: Object, default: {} })
|
|
47
|
-
], TekBreadcrumbHeader
|
|
47
|
+
], TekBreadcrumbHeader.prototype, "breadcrumb", void 0);
|
|
48
48
|
__decorate([
|
|
49
49
|
Prop({ type: Array, default: () => [] })
|
|
50
|
-
], TekBreadcrumbHeader
|
|
51
|
-
TekBreadcrumbHeader
|
|
50
|
+
], TekBreadcrumbHeader.prototype, "rightSlot", void 0);
|
|
51
|
+
TekBreadcrumbHeader = __decorate([
|
|
52
52
|
Component
|
|
53
|
-
], TekBreadcrumbHeader
|
|
54
|
-
var script$i = TekBreadcrumbHeader
|
|
53
|
+
], TekBreadcrumbHeader);
|
|
54
|
+
var script$i = TekBreadcrumbHeader;
|
|
55
55
|
|
|
56
56
|
function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
|
|
57
57
|
if (typeof shadowMode !== 'boolean') {
|
|
@@ -262,7 +262,7 @@ __vue_render__$i._withStripped = true;
|
|
|
262
262
|
/* style */
|
|
263
263
|
const __vue_inject_styles__$i = function (inject) {
|
|
264
264
|
if (!inject) return
|
|
265
|
-
inject("data-v-
|
|
265
|
+
inject("data-v-4982d92e_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n display: flex;\n padding-top: 5px;\n padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n padding: 0;\n font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n font-size: 32px;\n font-weight: bold;\n line-height: 35px;\n margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n margin: 0;\n}", map: undefined, media: undefined });
|
|
266
266
|
|
|
267
267
|
};
|
|
268
268
|
/* scoped */
|
|
@@ -293,7 +293,7 @@ __vue_render__$i._withStripped = true;
|
|
|
293
293
|
/**
|
|
294
294
|
* TekCardTitle component join an icon, title, rightSlot and a divider
|
|
295
295
|
*/
|
|
296
|
-
let TekCardTitle
|
|
296
|
+
let TekCardTitle = class TekCardTitle extends ZdComponentRender {
|
|
297
297
|
constructor() {
|
|
298
298
|
super(...arguments);
|
|
299
299
|
this.instanceType = CardTitle;
|
|
@@ -301,26 +301,26 @@ let TekCardTitle$2 = class TekCardTitle extends ZdComponentRender {
|
|
|
301
301
|
};
|
|
302
302
|
__decorate([
|
|
303
303
|
PropWatch({ type: String, default: '' })
|
|
304
|
-
], TekCardTitle
|
|
304
|
+
], TekCardTitle.prototype, "title", void 0);
|
|
305
305
|
__decorate([
|
|
306
306
|
PropWatch({ type: String, default: '' })
|
|
307
|
-
], TekCardTitle
|
|
307
|
+
], TekCardTitle.prototype, "subtitle", void 0);
|
|
308
308
|
__decorate([
|
|
309
309
|
PropWatch({ type: String, default: '' })
|
|
310
|
-
], TekCardTitle
|
|
310
|
+
], TekCardTitle.prototype, "iconName", void 0);
|
|
311
311
|
__decorate([
|
|
312
312
|
Prop({ type: Array, default: () => [] })
|
|
313
|
-
], TekCardTitle
|
|
313
|
+
], TekCardTitle.prototype, "rightSlot", void 0);
|
|
314
314
|
__decorate([
|
|
315
315
|
PropWatch({ type: [Boolean, String], default: true })
|
|
316
|
-
], TekCardTitle
|
|
316
|
+
], TekCardTitle.prototype, "showDivider", void 0);
|
|
317
317
|
__decorate([
|
|
318
318
|
PropWatch({ type: String, default: '' })
|
|
319
|
-
], TekCardTitle
|
|
320
|
-
TekCardTitle
|
|
319
|
+
], TekCardTitle.prototype, "to", void 0);
|
|
320
|
+
TekCardTitle = __decorate([
|
|
321
321
|
Component
|
|
322
|
-
], TekCardTitle
|
|
323
|
-
var script$h = TekCardTitle
|
|
322
|
+
], TekCardTitle);
|
|
323
|
+
var script$h = TekCardTitle;
|
|
324
324
|
|
|
325
325
|
/* script */
|
|
326
326
|
const __vue_script__$h = script$h;
|
|
@@ -432,7 +432,7 @@ __vue_render__$h._withStripped = true;
|
|
|
432
432
|
/* style */
|
|
433
433
|
const __vue_inject_styles__$h = function (inject) {
|
|
434
434
|
if (!inject) return
|
|
435
|
-
inject("data-v-
|
|
435
|
+
inject("data-v-dc07bd14_0", { source: ".tek-card-title-row {\n display: flex;\n align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n color: var(--v-primary-base);\n font-weight: bold;\n font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n padding-left: 10px;\n color: var(--zd-font-color);\n font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n color: var(--v-primary-base);\n padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n text-decoration: none;\n cursor: default;\n}", map: undefined, media: undefined });
|
|
436
436
|
|
|
437
437
|
};
|
|
438
438
|
/* scoped */
|
|
@@ -497,7 +497,7 @@ var TekCrudButton$1 = TekCrudButton;
|
|
|
497
497
|
/**
|
|
498
498
|
* TekCrudAddButton component
|
|
499
499
|
*/
|
|
500
|
-
let TekCrudAddButton
|
|
500
|
+
let TekCrudAddButton = class TekCrudAddButton extends TekCrudButton$1 {
|
|
501
501
|
constructor() {
|
|
502
502
|
super(...arguments);
|
|
503
503
|
this.instanceType = CrudAddButton;
|
|
@@ -505,23 +505,23 @@ let TekCrudAddButton$2 = class TekCrudAddButton extends TekCrudButton$1 {
|
|
|
505
505
|
};
|
|
506
506
|
__decorate([
|
|
507
507
|
PropWatch({ type: [String, Boolean], default: true })
|
|
508
|
-
], TekCrudAddButton
|
|
508
|
+
], TekCrudAddButton.prototype, "flat", void 0);
|
|
509
509
|
__decorate([
|
|
510
510
|
PropWatch({ type: [String, Boolean], default: true })
|
|
511
|
-
], TekCrudAddButton
|
|
511
|
+
], TekCrudAddButton.prototype, "icon", void 0);
|
|
512
512
|
__decorate([
|
|
513
513
|
PropWatch({ type: String, default: 'plus' })
|
|
514
|
-
], TekCrudAddButton
|
|
514
|
+
], TekCrudAddButton.prototype, "iconName", void 0);
|
|
515
515
|
__decorate([
|
|
516
516
|
PropWatch({ type: String, default: '#666' })
|
|
517
|
-
], TekCrudAddButton
|
|
517
|
+
], TekCrudAddButton.prototype, "color", void 0);
|
|
518
518
|
__decorate([
|
|
519
519
|
PropWatch({ type: String, default: 'f2' })
|
|
520
|
-
], TekCrudAddButton
|
|
521
|
-
TekCrudAddButton
|
|
520
|
+
], TekCrudAddButton.prototype, "clickShortcutKey", void 0);
|
|
521
|
+
TekCrudAddButton = __decorate([
|
|
522
522
|
Component
|
|
523
|
-
], TekCrudAddButton
|
|
524
|
-
var script$g = TekCrudAddButton
|
|
523
|
+
], TekCrudAddButton);
|
|
524
|
+
var script$g = TekCrudAddButton;
|
|
525
525
|
|
|
526
526
|
/* script */
|
|
527
527
|
const __vue_script__$g = script$g;
|
|
@@ -627,7 +627,7 @@ __vue_render__$g._withStripped = true;
|
|
|
627
627
|
/**
|
|
628
628
|
* TekCrudCancelButton component
|
|
629
629
|
*/
|
|
630
|
-
let TekCrudCancelButton
|
|
630
|
+
let TekCrudCancelButton = class TekCrudCancelButton extends TekCrudButton$1 {
|
|
631
631
|
constructor() {
|
|
632
632
|
super(...arguments);
|
|
633
633
|
this.instanceType = CrudCancelButton;
|
|
@@ -635,17 +635,17 @@ let TekCrudCancelButton$2 = class TekCrudCancelButton extends TekCrudButton$1 {
|
|
|
635
635
|
};
|
|
636
636
|
__decorate([
|
|
637
637
|
PropWatch({ type: String, default: 'CANCEL' })
|
|
638
|
-
], TekCrudCancelButton
|
|
638
|
+
], TekCrudCancelButton.prototype, "label", void 0);
|
|
639
639
|
__decorate([
|
|
640
640
|
PropWatch({ type: [String, Boolean], default: true })
|
|
641
|
-
], TekCrudCancelButton
|
|
641
|
+
], TekCrudCancelButton.prototype, "outline", void 0);
|
|
642
642
|
__decorate([
|
|
643
643
|
PropWatch({ type: String, default: 'esc' })
|
|
644
|
-
], TekCrudCancelButton
|
|
645
|
-
TekCrudCancelButton
|
|
644
|
+
], TekCrudCancelButton.prototype, "clickShortcutKey", void 0);
|
|
645
|
+
TekCrudCancelButton = __decorate([
|
|
646
646
|
Component
|
|
647
|
-
], TekCrudCancelButton
|
|
648
|
-
var script$f = TekCrudCancelButton
|
|
647
|
+
], TekCrudCancelButton);
|
|
648
|
+
var script$f = TekCrudCancelButton;
|
|
649
649
|
|
|
650
650
|
/* script */
|
|
651
651
|
const __vue_script__$f = script$f;
|
|
@@ -751,7 +751,7 @@ __vue_render__$f._withStripped = true;
|
|
|
751
751
|
/**
|
|
752
752
|
* TekCrudDeleteButton component
|
|
753
753
|
*/
|
|
754
|
-
let TekCrudDeleteButton
|
|
754
|
+
let TekCrudDeleteButton = class TekCrudDeleteButton extends TekCrudButton$1 {
|
|
755
755
|
constructor() {
|
|
756
756
|
super(...arguments);
|
|
757
757
|
this.instanceType = CrudDeleteButton;
|
|
@@ -759,23 +759,23 @@ let TekCrudDeleteButton$2 = class TekCrudDeleteButton extends TekCrudButton$1 {
|
|
|
759
759
|
};
|
|
760
760
|
__decorate([
|
|
761
761
|
PropWatch({ type: [String, Boolean], default: true })
|
|
762
|
-
], TekCrudDeleteButton
|
|
762
|
+
], TekCrudDeleteButton.prototype, "flat", void 0);
|
|
763
763
|
__decorate([
|
|
764
764
|
PropWatch({ type: [String, Boolean], default: true })
|
|
765
|
-
], TekCrudDeleteButton
|
|
765
|
+
], TekCrudDeleteButton.prototype, "icon", void 0);
|
|
766
766
|
__decorate([
|
|
767
767
|
PropWatch({ type: String, default: 'trashCanOutline' })
|
|
768
|
-
], TekCrudDeleteButton
|
|
768
|
+
], TekCrudDeleteButton.prototype, "iconName", void 0);
|
|
769
769
|
__decorate([
|
|
770
770
|
PropWatch({ type: String, default: '#666' })
|
|
771
|
-
], TekCrudDeleteButton
|
|
771
|
+
], TekCrudDeleteButton.prototype, "color", void 0);
|
|
772
772
|
__decorate([
|
|
773
773
|
PropWatch({ type: String, default: 'ctrl+d' })
|
|
774
|
-
], TekCrudDeleteButton
|
|
775
|
-
TekCrudDeleteButton
|
|
774
|
+
], TekCrudDeleteButton.prototype, "clickShortcutKey", void 0);
|
|
775
|
+
TekCrudDeleteButton = __decorate([
|
|
776
776
|
Component
|
|
777
|
-
], TekCrudDeleteButton
|
|
778
|
-
var script$e = TekCrudDeleteButton
|
|
777
|
+
], TekCrudDeleteButton);
|
|
778
|
+
var script$e = TekCrudDeleteButton;
|
|
779
779
|
|
|
780
780
|
/* script */
|
|
781
781
|
const __vue_script__$e = script$e;
|
|
@@ -881,16 +881,16 @@ __vue_render__$e._withStripped = true;
|
|
|
881
881
|
/**
|
|
882
882
|
* TekCrudForm component
|
|
883
883
|
*/
|
|
884
|
-
let TekCrudForm
|
|
884
|
+
let TekCrudForm = class TekCrudForm extends ZdForm {
|
|
885
885
|
constructor() {
|
|
886
886
|
super(...arguments);
|
|
887
887
|
this.instanceType = CrudForm;
|
|
888
888
|
}
|
|
889
889
|
};
|
|
890
|
-
TekCrudForm
|
|
890
|
+
TekCrudForm = __decorate([
|
|
891
891
|
Component
|
|
892
|
-
], TekCrudForm
|
|
893
|
-
var script$d = TekCrudForm
|
|
892
|
+
], TekCrudForm);
|
|
893
|
+
var script$d = TekCrudForm;
|
|
894
894
|
|
|
895
895
|
/* script */
|
|
896
896
|
const __vue_script__$d = script$d;
|
|
@@ -976,7 +976,7 @@ __vue_render__$d._withStripped = true;
|
|
|
976
976
|
/* style */
|
|
977
977
|
const __vue_inject_styles__$d = function (inject) {
|
|
978
978
|
if (!inject) return
|
|
979
|
-
inject("data-v-
|
|
979
|
+
inject("data-v-12f9560c_0", { source: ".tek-crud-form {\n outline: none;\n}", map: undefined, media: undefined });
|
|
980
980
|
|
|
981
981
|
};
|
|
982
982
|
/* scoped */
|
|
@@ -1007,7 +1007,7 @@ __vue_render__$d._withStripped = true;
|
|
|
1007
1007
|
/**
|
|
1008
1008
|
* TekCrudSaveButton component
|
|
1009
1009
|
*/
|
|
1010
|
-
let TekCrudSaveButton
|
|
1010
|
+
let TekCrudSaveButton = class TekCrudSaveButton extends TekCrudButton$1 {
|
|
1011
1011
|
constructor() {
|
|
1012
1012
|
super(...arguments);
|
|
1013
1013
|
this.instanceType = CrudSaveButton;
|
|
@@ -1015,14 +1015,14 @@ let TekCrudSaveButton$2 = class TekCrudSaveButton extends TekCrudButton$1 {
|
|
|
1015
1015
|
};
|
|
1016
1016
|
__decorate([
|
|
1017
1017
|
PropWatch({ type: String, default: 'SAVE' })
|
|
1018
|
-
], TekCrudSaveButton
|
|
1018
|
+
], TekCrudSaveButton.prototype, "label", void 0);
|
|
1019
1019
|
__decorate([
|
|
1020
1020
|
PropWatch({ type: String, default: 'ctrl+enter' })
|
|
1021
|
-
], TekCrudSaveButton
|
|
1022
|
-
TekCrudSaveButton
|
|
1021
|
+
], TekCrudSaveButton.prototype, "clickShortcutKey", void 0);
|
|
1022
|
+
TekCrudSaveButton = __decorate([
|
|
1023
1023
|
Component
|
|
1024
|
-
], TekCrudSaveButton
|
|
1025
|
-
var script$c = TekCrudSaveButton
|
|
1024
|
+
], TekCrudSaveButton);
|
|
1025
|
+
var script$c = TekCrudSaveButton;
|
|
1026
1026
|
|
|
1027
1027
|
/* script */
|
|
1028
1028
|
const __vue_script__$c = script$c;
|
|
@@ -1126,14 +1126,14 @@ __vue_render__$c._withStripped = true;
|
|
|
1126
1126
|
);
|
|
1127
1127
|
|
|
1128
1128
|
// eslint-disable-next-line prefer-destructuring
|
|
1129
|
-
const ZdGridEditable
|
|
1129
|
+
const ZdGridEditable = components$1.ZdGridEditable;
|
|
1130
1130
|
/**
|
|
1131
1131
|
* TekGrid component
|
|
1132
1132
|
*/
|
|
1133
|
-
let TekGrid$
|
|
1133
|
+
let TekGrid$1 = class TekGrid extends ZdGridEditable {
|
|
1134
1134
|
constructor() {
|
|
1135
1135
|
super(...arguments);
|
|
1136
|
-
this.instanceType = TekGrid$
|
|
1136
|
+
this.instanceType = TekGrid$2;
|
|
1137
1137
|
/**
|
|
1138
1138
|
* Left distance for each column
|
|
1139
1139
|
*/
|
|
@@ -1521,71 +1521,71 @@ let TekGrid$5 = class TekGrid extends ZdGridEditable$1 {
|
|
|
1521
1521
|
};
|
|
1522
1522
|
__decorate([
|
|
1523
1523
|
PropWatch({ type: [String], default: '' })
|
|
1524
|
-
], TekGrid$
|
|
1524
|
+
], TekGrid$1.prototype, "title", void 0);
|
|
1525
1525
|
__decorate([
|
|
1526
1526
|
PropWatch({ type: [Boolean, String], default: false })
|
|
1527
|
-
], TekGrid$
|
|
1527
|
+
], TekGrid$1.prototype, "addButton", void 0);
|
|
1528
1528
|
__decorate([
|
|
1529
1529
|
PropWatch({ type: [String], default: 'none' })
|
|
1530
|
-
], TekGrid$
|
|
1530
|
+
], TekGrid$1.prototype, "deleteButton", void 0);
|
|
1531
1531
|
__decorate([
|
|
1532
1532
|
PropWatch({ type: [Boolean, String], default: false })
|
|
1533
|
-
], TekGrid$
|
|
1533
|
+
], TekGrid$1.prototype, "columnsButton", void 0);
|
|
1534
1534
|
__decorate([
|
|
1535
1535
|
Prop({ type: [Array, String], default: () => [] })
|
|
1536
|
-
], TekGrid$
|
|
1536
|
+
], TekGrid$1.prototype, "columnsButtonIgnore", void 0);
|
|
1537
1537
|
__decorate([
|
|
1538
1538
|
PropWatch({ type: [Boolean, String], default: false })
|
|
1539
|
-
], TekGrid$
|
|
1539
|
+
], TekGrid$1.prototype, "filterButton", void 0);
|
|
1540
1540
|
__decorate([
|
|
1541
1541
|
PropWatch({ type: [Boolean, String], default: true })
|
|
1542
|
-
], TekGrid$
|
|
1542
|
+
], TekGrid$1.prototype, "showSearch", void 0);
|
|
1543
1543
|
__decorate([
|
|
1544
1544
|
PropWatch({ type: [Boolean, String], default: false })
|
|
1545
|
-
], TekGrid$
|
|
1545
|
+
], TekGrid$1.prototype, "columnFilterButton", void 0);
|
|
1546
1546
|
__decorate([
|
|
1547
1547
|
Prop({ type: [Array], default: () => [] })
|
|
1548
|
-
], TekGrid$
|
|
1548
|
+
], TekGrid$1.prototype, "actions", void 0);
|
|
1549
1549
|
__decorate([
|
|
1550
1550
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1551
|
-
], TekGrid$
|
|
1551
|
+
], TekGrid$1.prototype, "dragColumns", void 0);
|
|
1552
1552
|
__decorate([
|
|
1553
1553
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1554
|
-
], TekGrid$
|
|
1554
|
+
], TekGrid$1.prototype, "resizeColumns", void 0);
|
|
1555
1555
|
__decorate([
|
|
1556
1556
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1557
|
-
], TekGrid$
|
|
1557
|
+
], TekGrid$1.prototype, "showLayoutOptions", void 0);
|
|
1558
1558
|
__decorate([
|
|
1559
1559
|
PropWatch({ type: [String, Boolean], default: false })
|
|
1560
|
-
], TekGrid$
|
|
1560
|
+
], TekGrid$1.prototype, "showExport", void 0);
|
|
1561
1561
|
__decorate([
|
|
1562
1562
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1563
|
-
], TekGrid$
|
|
1563
|
+
], TekGrid$1.prototype, "showReload", void 0);
|
|
1564
1564
|
__decorate([
|
|
1565
1565
|
PropWatch({ type: [String, Array] })
|
|
1566
|
-
], TekGrid$
|
|
1566
|
+
], TekGrid$1.prototype, "exportConfig", void 0);
|
|
1567
1567
|
__decorate([
|
|
1568
1568
|
Prop({ type: [Array] })
|
|
1569
|
-
], TekGrid$
|
|
1569
|
+
], TekGrid$1.prototype, "exportActions", void 0);
|
|
1570
1570
|
__decorate([
|
|
1571
1571
|
PropWatch({ type: [String, Boolean], default: false })
|
|
1572
|
-
], TekGrid$
|
|
1572
|
+
], TekGrid$1.prototype, "groupsOpened", void 0);
|
|
1573
1573
|
__decorate([
|
|
1574
1574
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1575
|
-
], TekGrid$
|
|
1575
|
+
], TekGrid$1.prototype, "showSummaryTotal", void 0);
|
|
1576
1576
|
__decorate([
|
|
1577
1577
|
PropWatch({ type: [String, Boolean], default: false })
|
|
1578
|
-
], TekGrid$
|
|
1578
|
+
], TekGrid$1.prototype, "mainGrid", void 0);
|
|
1579
1579
|
__decorate([
|
|
1580
1580
|
Prop({
|
|
1581
1581
|
type: Array,
|
|
1582
1582
|
default: () => undefined,
|
|
1583
1583
|
})
|
|
1584
|
-
], TekGrid$
|
|
1585
|
-
TekGrid$
|
|
1584
|
+
], TekGrid$1.prototype, "toolbarSlot", void 0);
|
|
1585
|
+
TekGrid$1 = __decorate([
|
|
1586
1586
|
Component
|
|
1587
|
-
], TekGrid$
|
|
1588
|
-
var script$b = TekGrid$
|
|
1587
|
+
], TekGrid$1);
|
|
1588
|
+
var script$b = TekGrid$1;
|
|
1589
1589
|
|
|
1590
1590
|
/* script */
|
|
1591
1591
|
const __vue_script__$b = script$b;
|
|
@@ -1813,7 +1813,12 @@ var __vue_render__$b = function () {
|
|
|
1813
1813
|
staticClass: "zd-table-header-cell",
|
|
1814
1814
|
style: {
|
|
1815
1815
|
width:
|
|
1816
|
-
_vm.
|
|
1816
|
+
_vm.calcWidth(
|
|
1817
|
+
column,
|
|
1818
|
+
column.width ||
|
|
1819
|
+
column.maxWidth ||
|
|
1820
|
+
column.minWidth
|
|
1821
|
+
) || "unset",
|
|
1817
1822
|
},
|
|
1818
1823
|
},
|
|
1819
1824
|
[
|
|
@@ -3208,7 +3213,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3208
3213
|
/* style */
|
|
3209
3214
|
const __vue_inject_styles__$b = function (inject) {
|
|
3210
3215
|
if (!inject) return
|
|
3211
|
-
inject("data-v-
|
|
3216
|
+
inject("data-v-51404098_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-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 });
|
|
3212
3217
|
|
|
3213
3218
|
};
|
|
3214
3219
|
/* scoped */
|
|
@@ -3276,7 +3281,7 @@ let TekGridColumnsOptionsController = class TekGridColumnsOptionsController {
|
|
|
3276
3281
|
set instance(instance) {
|
|
3277
3282
|
this.instanceValue = instance;
|
|
3278
3283
|
this.iterableComponent = instance.iterableComponent;
|
|
3279
|
-
this.showGroups = instance.iterableComponent instanceof TekGrid$
|
|
3284
|
+
this.showGroups = instance.iterableComponent instanceof TekGrid$2;
|
|
3280
3285
|
this.aggregationData = instance.getAggregationSelectData();
|
|
3281
3286
|
this.columnData = {};
|
|
3282
3287
|
this.iterableComponent.columns.forEach((column) => {
|
|
@@ -3565,7 +3570,7 @@ let TekGridColumnsOptionsController = class TekGridColumnsOptionsController {
|
|
|
3565
3570
|
}
|
|
3566
3571
|
columnContainerMounted({ element }) {
|
|
3567
3572
|
if (element) {
|
|
3568
|
-
|
|
3573
|
+
Sortable.create(element, {
|
|
3569
3574
|
handle: '.tek-grid-column-option-box',
|
|
3570
3575
|
group: 'column-container',
|
|
3571
3576
|
filter: '.no-data, .tek-grid-column-option-grouped-true',
|
|
@@ -4137,10 +4142,10 @@ TekGridColumnsOptionsModal.modalDef = {
|
|
|
4137
4142
|
/**
|
|
4138
4143
|
* TekGrid Columns Button component
|
|
4139
4144
|
*/
|
|
4140
|
-
let TekGridColumnsButton
|
|
4145
|
+
let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsButton {
|
|
4141
4146
|
constructor() {
|
|
4142
4147
|
super(...arguments);
|
|
4143
|
-
this.instanceType = TekGridColumnsButton$
|
|
4148
|
+
this.instanceType = TekGridColumnsButton$1;
|
|
4144
4149
|
this.menuIsOpened = false;
|
|
4145
4150
|
this.sortableInitialized = false;
|
|
4146
4151
|
}
|
|
@@ -4150,7 +4155,7 @@ let TekGridColumnsButton$2 = class TekGridColumnsButton extends ZdIterableColumn
|
|
|
4150
4155
|
this.$nextTick(() => {
|
|
4151
4156
|
const columnsTableBody = document.querySelector(`#${this.instance.name}_columns_table tbody`);
|
|
4152
4157
|
if (columnsTableBody) {
|
|
4153
|
-
|
|
4158
|
+
Sortable.create(columnsTableBody, {
|
|
4154
4159
|
handle: '.sortHandle',
|
|
4155
4160
|
dragClass: 'tek-grid-columns-button-sortable-drag',
|
|
4156
4161
|
onEnd: this.sortEnd,
|
|
@@ -4186,14 +4191,14 @@ let TekGridColumnsButton$2 = class TekGridColumnsButton extends ZdIterableColumn
|
|
|
4186
4191
|
};
|
|
4187
4192
|
__decorate([
|
|
4188
4193
|
PropWatch({ type: [Boolean, String], default: false })
|
|
4189
|
-
], TekGridColumnsButton
|
|
4194
|
+
], TekGridColumnsButton.prototype, "hideGroups", void 0);
|
|
4190
4195
|
__decorate([
|
|
4191
4196
|
Watch('menuIsOpened')
|
|
4192
|
-
], TekGridColumnsButton
|
|
4193
|
-
TekGridColumnsButton
|
|
4197
|
+
], TekGridColumnsButton.prototype, "menuOpenedChange", null);
|
|
4198
|
+
TekGridColumnsButton = __decorate([
|
|
4194
4199
|
Component
|
|
4195
|
-
], TekGridColumnsButton
|
|
4196
|
-
var script$a = TekGridColumnsButton
|
|
4200
|
+
], TekGridColumnsButton);
|
|
4201
|
+
var script$a = TekGridColumnsButton;
|
|
4197
4202
|
|
|
4198
4203
|
/* script */
|
|
4199
4204
|
const __vue_script__$a = script$a;
|
|
@@ -4467,7 +4472,7 @@ __vue_render__$a._withStripped = true;
|
|
|
4467
4472
|
/* style */
|
|
4468
4473
|
const __vue_inject_styles__$a = function (inject) {
|
|
4469
4474
|
if (!inject) return
|
|
4470
|
-
inject("data-v-
|
|
4475
|
+
inject("data-v-1cfc4ef2_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: var(--zd-background-base);\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
|
|
4471
4476
|
|
|
4472
4477
|
};
|
|
4473
4478
|
/* scoped */
|
|
@@ -4498,10 +4503,10 @@ __vue_render__$a._withStripped = true;
|
|
|
4498
4503
|
/**
|
|
4499
4504
|
* TekGridLayoutOptions component
|
|
4500
4505
|
*/
|
|
4501
|
-
let TekGridLayoutOptions
|
|
4506
|
+
let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender {
|
|
4502
4507
|
constructor() {
|
|
4503
4508
|
super(...arguments);
|
|
4504
|
-
this.instanceType = TekGridLayoutOptions$
|
|
4509
|
+
this.instanceType = TekGridLayoutOptions$1;
|
|
4505
4510
|
}
|
|
4506
4511
|
created() {
|
|
4507
4512
|
this.instance.viewApplyLayout = this.applyLayout;
|
|
@@ -4688,10 +4693,10 @@ let TekGridLayoutOptions$2 = class TekGridLayoutOptions extends ZdComponentRende
|
|
|
4688
4693
|
event.stopImmediatePropagation();
|
|
4689
4694
|
}
|
|
4690
4695
|
};
|
|
4691
|
-
TekGridLayoutOptions
|
|
4696
|
+
TekGridLayoutOptions = __decorate([
|
|
4692
4697
|
Component
|
|
4693
|
-
], TekGridLayoutOptions
|
|
4694
|
-
var script$9 = TekGridLayoutOptions
|
|
4698
|
+
], TekGridLayoutOptions);
|
|
4699
|
+
var script$9 = TekGridLayoutOptions;
|
|
4695
4700
|
|
|
4696
4701
|
/* script */
|
|
4697
4702
|
const __vue_script__$9 = script$9;
|
|
@@ -4965,7 +4970,7 @@ __vue_render__$9._withStripped = true;
|
|
|
4965
4970
|
/* style */
|
|
4966
4971
|
const __vue_inject_styles__$9 = function (inject) {
|
|
4967
4972
|
if (!inject) return
|
|
4968
|
-
inject("data-v-
|
|
4973
|
+
inject("data-v-162a7d24_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
|
|
4969
4974
|
|
|
4970
4975
|
};
|
|
4971
4976
|
/* scoped */
|
|
@@ -4996,7 +5001,7 @@ __vue_render__$9._withStripped = true;
|
|
|
4996
5001
|
/**
|
|
4997
5002
|
* DocTable component
|
|
4998
5003
|
*/
|
|
4999
|
-
let TekImage
|
|
5004
|
+
let TekImage = class TekImage extends ZdComponent {
|
|
5000
5005
|
constructor() {
|
|
5001
5006
|
super(...arguments);
|
|
5002
5007
|
this.instanceType = Image;
|
|
@@ -5004,14 +5009,14 @@ let TekImage$2 = class TekImage extends ZdComponent {
|
|
|
5004
5009
|
};
|
|
5005
5010
|
__decorate([
|
|
5006
5011
|
PropWatch({ type: String, default: '' })
|
|
5007
|
-
], TekImage
|
|
5012
|
+
], TekImage.prototype, "to", void 0);
|
|
5008
5013
|
__decorate([
|
|
5009
5014
|
PropWatch({ type: String, default: '' })
|
|
5010
|
-
], TekImage
|
|
5011
|
-
TekImage
|
|
5015
|
+
], TekImage.prototype, "src", void 0);
|
|
5016
|
+
TekImage = __decorate([
|
|
5012
5017
|
Component
|
|
5013
|
-
], TekImage
|
|
5014
|
-
var script$8 = TekImage
|
|
5018
|
+
], TekImage);
|
|
5019
|
+
var script$8 = TekImage;
|
|
5015
5020
|
|
|
5016
5021
|
/* script */
|
|
5017
5022
|
const __vue_script__$8 = script$8;
|
|
@@ -5192,7 +5197,7 @@ __vue_render__$7._withStripped = true;
|
|
|
5192
5197
|
/**
|
|
5193
5198
|
* TekIterableComponentRender component
|
|
5194
5199
|
*/
|
|
5195
|
-
let TekIterableComponentRender
|
|
5200
|
+
let TekIterableComponentRender = class TekIterableComponentRender extends ZdIterable {
|
|
5196
5201
|
constructor() {
|
|
5197
5202
|
super(...arguments);
|
|
5198
5203
|
this.instanceType = IterableComponentRender;
|
|
@@ -5200,19 +5205,19 @@ let TekIterableComponentRender$2 = class TekIterableComponentRender extends ZdIt
|
|
|
5200
5205
|
};
|
|
5201
5206
|
__decorate([
|
|
5202
5207
|
Prop({ type: Array, default: () => [] })
|
|
5203
|
-
], TekIterableComponentRender
|
|
5208
|
+
], TekIterableComponentRender.prototype, "footerSlot", void 0);
|
|
5204
5209
|
__decorate([
|
|
5205
5210
|
Prop({ type: Array, default: () => [] })
|
|
5206
|
-
], TekIterableComponentRender
|
|
5211
|
+
], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
|
|
5207
5212
|
__decorate([
|
|
5208
5213
|
Prop({ type: [Object, String] })
|
|
5209
|
-
], TekIterableComponentRender
|
|
5214
|
+
], TekIterableComponentRender.prototype, "componentMetadata", void 0);
|
|
5210
5215
|
__decorate([
|
|
5211
5216
|
PropWatch({ type: String, default: 'row' })
|
|
5212
|
-
], TekIterableComponentRender
|
|
5217
|
+
], TekIterableComponentRender.prototype, "rowPropName", void 0);
|
|
5213
5218
|
__decorate([
|
|
5214
5219
|
Prop({ type: Array, default: () => ([]) })
|
|
5215
|
-
], TekIterableComponentRender
|
|
5220
|
+
], TekIterableComponentRender.prototype, "errorSlot", void 0);
|
|
5216
5221
|
__decorate([
|
|
5217
5222
|
Prop({
|
|
5218
5223
|
type: Array,
|
|
@@ -5225,7 +5230,7 @@ __decorate([
|
|
|
5225
5230
|
},
|
|
5226
5231
|
]),
|
|
5227
5232
|
})
|
|
5228
|
-
], TekIterableComponentRender
|
|
5233
|
+
], TekIterableComponentRender.prototype, "noDataSlot", void 0);
|
|
5229
5234
|
__decorate([
|
|
5230
5235
|
Prop({
|
|
5231
5236
|
type: Array,
|
|
@@ -5238,20 +5243,20 @@ __decorate([
|
|
|
5238
5243
|
},
|
|
5239
5244
|
]),
|
|
5240
5245
|
})
|
|
5241
|
-
], TekIterableComponentRender
|
|
5246
|
+
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
5242
5247
|
__decorate([
|
|
5243
5248
|
PropWatch({ type: [Number, String], default: 'auto' })
|
|
5244
|
-
], TekIterableComponentRender
|
|
5249
|
+
], TekIterableComponentRender.prototype, "height", void 0);
|
|
5245
5250
|
__decorate([
|
|
5246
5251
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5247
|
-
], TekIterableComponentRender
|
|
5252
|
+
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
5248
5253
|
__decorate([
|
|
5249
5254
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5250
|
-
], TekIterableComponentRender
|
|
5251
|
-
TekIterableComponentRender
|
|
5255
|
+
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
5256
|
+
TekIterableComponentRender = __decorate([
|
|
5252
5257
|
Component
|
|
5253
|
-
], TekIterableComponentRender
|
|
5254
|
-
var script$6 = TekIterableComponentRender
|
|
5258
|
+
], TekIterableComponentRender);
|
|
5259
|
+
var script$6 = TekIterableComponentRender;
|
|
5255
5260
|
|
|
5256
5261
|
/* script */
|
|
5257
5262
|
const __vue_script__$6 = script$6;
|
|
@@ -5451,11 +5456,11 @@ __vue_render__$6._withStripped = true;
|
|
|
5451
5456
|
/* style */
|
|
5452
5457
|
const __vue_inject_styles__$6 = function (inject) {
|
|
5453
5458
|
if (!inject) return
|
|
5454
|
-
inject("data-v-
|
|
5459
|
+
inject("data-v-4336f203_0", { source: ".tek-iterable-component-render[data-v-4336f203] {\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-4336f203],\n.tek-iterable-component-render .no--data[data-v-4336f203] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-4336f203] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-4336f203] {\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-4336f203] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
5455
5460
|
|
|
5456
5461
|
};
|
|
5457
5462
|
/* scoped */
|
|
5458
|
-
const __vue_scope_id__$6 = "data-v-
|
|
5463
|
+
const __vue_scope_id__$6 = "data-v-4336f203";
|
|
5459
5464
|
/* module identifier */
|
|
5460
5465
|
const __vue_module_identifier__$6 = undefined;
|
|
5461
5466
|
/* functional template */
|
|
@@ -5671,7 +5676,7 @@ __vue_render__$4._withStripped = true;
|
|
|
5671
5676
|
/* style */
|
|
5672
5677
|
const __vue_inject_styles__$4 = function (inject) {
|
|
5673
5678
|
if (!inject) return
|
|
5674
|
-
inject("data-v-
|
|
5679
|
+
inject("data-v-30efacc6_0", { source: ".tek-notifications .tek-card-title .mark-read-text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n display: inline-block;\n}\n.tek-notifications .tek-card-title .mark-read-text p {\n margin-bottom: 0px;\n}\n.tek-notifications .tek-card-title hr.v-divider {\n margin-bottom: 0px;\n}\n.tek-notifications ul.tek-notifications-list {\n list-style: none;\n padding: 0;\n}\n.tek-notifications ul.tek-notifications-list li {\n border-bottom: solid 1px rgba(0, 0, 0, 0.12);\n color: #667080;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n line-height: 14px;\n padding: 10px 20px 10px 0;\n position: relative;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-subject {\n font-weight: 700;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-read-mark {\n width: 10px;\n height: 10px;\n background-color: var(--v-primary-base);\n border-radius: 50%;\n position: absolute;\n right: 2px;\n top: 12px;\n}\n.tek-notifications ul.tek-notifications-list li:last-child {\n border-bottom: none;\n}\n.tek-notifications .tek-notification-show-all {\n text-decoration: none;\n text-align: center;\n padding-top: 10px;\n font-weight: 700;\n display: block;\n border-top: solid 1px rgba(0, 0, 0, 0.12);\n}", map: undefined, media: undefined });
|
|
5675
5680
|
|
|
5676
5681
|
};
|
|
5677
5682
|
/* scoped */
|
|
@@ -5702,7 +5707,7 @@ __vue_render__$4._withStripped = true;
|
|
|
5702
5707
|
/**
|
|
5703
5708
|
* Product card component
|
|
5704
5709
|
*/
|
|
5705
|
-
let TekProductCard
|
|
5710
|
+
let TekProductCard = class TekProductCard extends ZdComponentRender {
|
|
5706
5711
|
constructor() {
|
|
5707
5712
|
super(...arguments);
|
|
5708
5713
|
this.instanceType = ProductCard;
|
|
@@ -5717,47 +5722,47 @@ let TekProductCard$2 = class TekProductCard extends ZdComponentRender {
|
|
|
5717
5722
|
};
|
|
5718
5723
|
__decorate([
|
|
5719
5724
|
PropWatch({ type: String, default: '' })
|
|
5720
|
-
], TekProductCard
|
|
5725
|
+
], TekProductCard.prototype, "id", void 0);
|
|
5721
5726
|
__decorate([
|
|
5722
5727
|
PropWatch({ type: String, default: '' })
|
|
5723
|
-
], TekProductCard
|
|
5728
|
+
], TekProductCard.prototype, "to", void 0);
|
|
5724
5729
|
__decorate([
|
|
5725
5730
|
PropWatch({ type: String, default: '' })
|
|
5726
|
-
], TekProductCard
|
|
5731
|
+
], TekProductCard.prototype, "src", void 0);
|
|
5727
5732
|
__decorate([
|
|
5728
5733
|
PropWatch({ type: String, default: '' })
|
|
5729
|
-
], TekProductCard
|
|
5734
|
+
], TekProductCard.prototype, "errorImagePath", void 0);
|
|
5730
5735
|
__decorate([
|
|
5731
5736
|
PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' })
|
|
5732
|
-
], TekProductCard
|
|
5737
|
+
], TekProductCard.prototype, "errorImageText", void 0);
|
|
5733
5738
|
__decorate([
|
|
5734
5739
|
PropWatch({ type: String, default: '' })
|
|
5735
|
-
], TekProductCard
|
|
5740
|
+
], TekProductCard.prototype, "productName", void 0);
|
|
5736
5741
|
__decorate([
|
|
5737
5742
|
PropWatch({ type: String })
|
|
5738
|
-
], TekProductCard
|
|
5743
|
+
], TekProductCard.prototype, "productSupplier", void 0);
|
|
5739
5744
|
__decorate([
|
|
5740
5745
|
PropWatch({ type: String })
|
|
5741
|
-
], TekProductCard
|
|
5746
|
+
], TekProductCard.prototype, "productBrand", void 0);
|
|
5742
5747
|
__decorate([
|
|
5743
5748
|
PropWatch({ type: [String, Number] })
|
|
5744
|
-
], TekProductCard
|
|
5749
|
+
], TekProductCard.prototype, "productPrice", void 0);
|
|
5745
5750
|
__decorate([
|
|
5746
5751
|
PropWatch({ type: String, default: '' })
|
|
5747
|
-
], TekProductCard
|
|
5752
|
+
], TekProductCard.prototype, "width", void 0);
|
|
5748
5753
|
__decorate([
|
|
5749
5754
|
PropWatch({ type: [Number, String], default: 'auto' })
|
|
5750
|
-
], TekProductCard
|
|
5755
|
+
], TekProductCard.prototype, "height", void 0);
|
|
5751
5756
|
__decorate([
|
|
5752
5757
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5753
|
-
], TekProductCard
|
|
5758
|
+
], TekProductCard.prototype, "maxHeight", void 0);
|
|
5754
5759
|
__decorate([
|
|
5755
5760
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5756
|
-
], TekProductCard
|
|
5757
|
-
TekProductCard
|
|
5761
|
+
], TekProductCard.prototype, "minHeight", void 0);
|
|
5762
|
+
TekProductCard = __decorate([
|
|
5758
5763
|
Component
|
|
5759
|
-
], TekProductCard
|
|
5760
|
-
var script$3 = TekProductCard
|
|
5764
|
+
], TekProductCard);
|
|
5765
|
+
var script$3 = TekProductCard;
|
|
5761
5766
|
|
|
5762
5767
|
/* script */
|
|
5763
5768
|
const __vue_script__$3 = script$3;
|
|
@@ -5907,7 +5912,7 @@ __vue_render__$3._withStripped = true;
|
|
|
5907
5912
|
/* style */
|
|
5908
5913
|
const __vue_inject_styles__$3 = function (inject) {
|
|
5909
5914
|
if (!inject) return
|
|
5910
|
-
inject("data-v-
|
|
5915
|
+
inject("data-v-0ad251e8_0", { source: ".tek-product-card * {\n text-decoration: none;\n}\n.tek-product-card .v-card {\n padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n display: flex;\n flex-direction: column;\n padding: 5px 10px 10px 10px;\n color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 16px;\n line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n font-weight: var(--zd-font-body4-weight);\n font-size: var(--zd-font-body4-size);\n line-height: 16px;\n}\n.tek-product-card--link .v-card {\n cursor: pointer;\n}", map: undefined, media: undefined });
|
|
5911
5916
|
|
|
5912
5917
|
};
|
|
5913
5918
|
/* scoped */
|
|
@@ -5936,11 +5941,11 @@ __vue_render__$3._withStripped = true;
|
|
|
5936
5941
|
);
|
|
5937
5942
|
|
|
5938
5943
|
// eslint-disable-next-line prefer-destructuring
|
|
5939
|
-
const ZdTreeGridEditable
|
|
5944
|
+
const ZdTreeGridEditable = components$1.ZdTreeGridEditable;
|
|
5940
5945
|
/**
|
|
5941
5946
|
* TekGrid component
|
|
5942
5947
|
*/
|
|
5943
|
-
let TekGrid
|
|
5948
|
+
let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
5944
5949
|
constructor() {
|
|
5945
5950
|
super(...arguments);
|
|
5946
5951
|
this.instanceType = TekTreeGrid;
|
|
@@ -6250,62 +6255,62 @@ let TekGrid$4 = class TekGrid extends ZdTreeGridEditable$1 {
|
|
|
6250
6255
|
};
|
|
6251
6256
|
__decorate([
|
|
6252
6257
|
PropWatch({ type: [String], default: '' })
|
|
6253
|
-
], TekGrid
|
|
6258
|
+
], TekGrid.prototype, "title", void 0);
|
|
6254
6259
|
__decorate([
|
|
6255
6260
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6256
|
-
], TekGrid
|
|
6261
|
+
], TekGrid.prototype, "addButton", void 0);
|
|
6257
6262
|
__decorate([
|
|
6258
6263
|
PropWatch({ type: [String], default: 'none' })
|
|
6259
|
-
], TekGrid
|
|
6264
|
+
], TekGrid.prototype, "deleteButton", void 0);
|
|
6260
6265
|
__decorate([
|
|
6261
6266
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6262
|
-
], TekGrid
|
|
6267
|
+
], TekGrid.prototype, "columnsButton", void 0);
|
|
6263
6268
|
__decorate([
|
|
6264
6269
|
Prop({ type: [Array, String], default: () => [] })
|
|
6265
|
-
], TekGrid
|
|
6270
|
+
], TekGrid.prototype, "columnsButtonIgnore", void 0);
|
|
6266
6271
|
__decorate([
|
|
6267
6272
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6268
|
-
], TekGrid
|
|
6273
|
+
], TekGrid.prototype, "filterButton", void 0);
|
|
6269
6274
|
__decorate([
|
|
6270
6275
|
PropWatch({ type: [Boolean, String], default: true })
|
|
6271
|
-
], TekGrid
|
|
6276
|
+
], TekGrid.prototype, "showSearch", void 0);
|
|
6272
6277
|
__decorate([
|
|
6273
6278
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6274
|
-
], TekGrid
|
|
6279
|
+
], TekGrid.prototype, "columnFilterButton", void 0);
|
|
6275
6280
|
__decorate([
|
|
6276
6281
|
Prop({ type: [Array], default: () => [] })
|
|
6277
|
-
], TekGrid
|
|
6282
|
+
], TekGrid.prototype, "actions", void 0);
|
|
6278
6283
|
__decorate([
|
|
6279
6284
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6280
|
-
], TekGrid
|
|
6285
|
+
], TekGrid.prototype, "dragColumns", void 0);
|
|
6281
6286
|
__decorate([
|
|
6282
6287
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6283
|
-
], TekGrid
|
|
6288
|
+
], TekGrid.prototype, "resizeColumns", void 0);
|
|
6284
6289
|
__decorate([
|
|
6285
6290
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6286
|
-
], TekGrid
|
|
6291
|
+
], TekGrid.prototype, "showLayoutOptions", void 0);
|
|
6287
6292
|
__decorate([
|
|
6288
6293
|
PropWatch({ type: [String, Boolean], default: false })
|
|
6289
|
-
], TekGrid
|
|
6294
|
+
], TekGrid.prototype, "showExport", void 0);
|
|
6290
6295
|
__decorate([
|
|
6291
6296
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6292
|
-
], TekGrid
|
|
6297
|
+
], TekGrid.prototype, "showReload", void 0);
|
|
6293
6298
|
__decorate([
|
|
6294
6299
|
Prop({ type: [String, Array] })
|
|
6295
|
-
], TekGrid
|
|
6300
|
+
], TekGrid.prototype, "exportConfig", void 0);
|
|
6296
6301
|
__decorate([
|
|
6297
6302
|
Prop({ type: [Array] })
|
|
6298
|
-
], TekGrid
|
|
6303
|
+
], TekGrid.prototype, "exportActions", void 0);
|
|
6299
6304
|
__decorate([
|
|
6300
6305
|
Prop({
|
|
6301
6306
|
type: Array,
|
|
6302
6307
|
default: () => undefined,
|
|
6303
6308
|
})
|
|
6304
|
-
], TekGrid
|
|
6305
|
-
TekGrid
|
|
6309
|
+
], TekGrid.prototype, "toolbarSlot", void 0);
|
|
6310
|
+
TekGrid = __decorate([
|
|
6306
6311
|
Component
|
|
6307
|
-
], TekGrid
|
|
6308
|
-
var script$2 = TekGrid
|
|
6312
|
+
], TekGrid);
|
|
6313
|
+
var script$2 = TekGrid;
|
|
6309
6314
|
|
|
6310
6315
|
/* script */
|
|
6311
6316
|
const __vue_script__$2 = script$2;
|
|
@@ -6517,7 +6522,12 @@ var __vue_render__$2 = function () {
|
|
|
6517
6522
|
staticClass: "zd-table-header-cell",
|
|
6518
6523
|
style: {
|
|
6519
6524
|
width:
|
|
6520
|
-
_vm.
|
|
6525
|
+
_vm.calcWidth(
|
|
6526
|
+
column,
|
|
6527
|
+
column.width ||
|
|
6528
|
+
column.maxWidth ||
|
|
6529
|
+
column.minWidth
|
|
6530
|
+
) || "unset",
|
|
6521
6531
|
},
|
|
6522
6532
|
},
|
|
6523
6533
|
[
|
|
@@ -7656,7 +7666,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7656
7666
|
/* style */
|
|
7657
7667
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7658
7668
|
if (!inject) return
|
|
7659
|
-
inject("data-v-
|
|
7669
|
+
inject("data-v-58731eeb_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-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 });
|
|
7660
7670
|
|
|
7661
7671
|
};
|
|
7662
7672
|
/* scoped */
|
|
@@ -7684,31 +7694,31 @@ __vue_render__$2._withStripped = true;
|
|
|
7684
7694
|
undefined
|
|
7685
7695
|
);
|
|
7686
7696
|
|
|
7687
|
-
let TekUserInfo
|
|
7697
|
+
let TekUserInfo = class TekUserInfo extends ZdUserInfo {
|
|
7688
7698
|
constructor() {
|
|
7689
7699
|
super(...arguments);
|
|
7690
|
-
this.instanceType = TekUserInfo$
|
|
7700
|
+
this.instanceType = TekUserInfo$1;
|
|
7691
7701
|
}
|
|
7692
7702
|
};
|
|
7693
7703
|
__decorate([
|
|
7694
7704
|
PropWatch({ type: [String], default: '' })
|
|
7695
|
-
], TekUserInfo
|
|
7705
|
+
], TekUserInfo.prototype, "aboutImage", void 0);
|
|
7696
7706
|
__decorate([
|
|
7697
7707
|
PropWatch({ type: [String], default: '' })
|
|
7698
|
-
], TekUserInfo
|
|
7708
|
+
], TekUserInfo.prototype, "defaultEmail", void 0);
|
|
7699
7709
|
__decorate([
|
|
7700
7710
|
PropWatch({ type: [Object, String], default: null })
|
|
7701
|
-
], TekUserInfo
|
|
7711
|
+
], TekUserInfo.prototype, "versionInfo", void 0);
|
|
7702
7712
|
__decorate([
|
|
7703
7713
|
PropWatch({ type: [String], default: '' })
|
|
7704
|
-
], TekUserInfo
|
|
7714
|
+
], TekUserInfo.prototype, "versionUrl", void 0);
|
|
7705
7715
|
__decorate([
|
|
7706
7716
|
Prop({ type: [Array], default: undefined })
|
|
7707
|
-
], TekUserInfo
|
|
7708
|
-
TekUserInfo
|
|
7717
|
+
], TekUserInfo.prototype, "bottomSlot", void 0);
|
|
7718
|
+
TekUserInfo = __decorate([
|
|
7709
7719
|
Component
|
|
7710
|
-
], TekUserInfo
|
|
7711
|
-
var script$1 = TekUserInfo
|
|
7720
|
+
], TekUserInfo);
|
|
7721
|
+
var script$1 = TekUserInfo;
|
|
7712
7722
|
|
|
7713
7723
|
/* script */
|
|
7714
7724
|
const __vue_script__$1 = script$1;
|
|
@@ -7766,7 +7776,7 @@ __vue_render__$1._withStripped = true;
|
|
|
7766
7776
|
/* style */
|
|
7767
7777
|
const __vue_inject_styles__$1 = function (inject) {
|
|
7768
7778
|
if (!inject) return
|
|
7769
|
-
inject("data-v-
|
|
7779
|
+
inject("data-v-d9bc3516_0", { source: ".about-modal {\n height: 80%;\n overflow-y: unset;\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}", map: undefined, media: undefined });
|
|
7770
7780
|
|
|
7771
7781
|
};
|
|
7772
7782
|
/* scoped */
|
|
@@ -7795,23 +7805,23 @@ __vue_render__$1._withStripped = true;
|
|
|
7795
7805
|
);
|
|
7796
7806
|
|
|
7797
7807
|
// eslint-disable-next-line prefer-destructuring
|
|
7798
|
-
const ZdList
|
|
7799
|
-
let TekUserInfoList
|
|
7808
|
+
const ZdList = components$1.ZdList;
|
|
7809
|
+
let TekUserInfoList = class TekUserInfoList extends ZdList {
|
|
7800
7810
|
constructor() {
|
|
7801
7811
|
super(...arguments);
|
|
7802
|
-
this.instanceType = TekUserInfoList$
|
|
7812
|
+
this.instanceType = TekUserInfoList$1;
|
|
7803
7813
|
}
|
|
7804
7814
|
};
|
|
7805
7815
|
__decorate([
|
|
7806
7816
|
PropWatch({ type: [String], default: '' })
|
|
7807
|
-
], TekUserInfoList
|
|
7817
|
+
], TekUserInfoList.prototype, "parentName", void 0);
|
|
7808
7818
|
__decorate([
|
|
7809
7819
|
PropWatch({ type: [Boolean, String], default: true })
|
|
7810
|
-
], TekUserInfoList
|
|
7811
|
-
TekUserInfoList
|
|
7820
|
+
], TekUserInfoList.prototype, "dense", void 0);
|
|
7821
|
+
TekUserInfoList = __decorate([
|
|
7812
7822
|
Component
|
|
7813
|
-
], TekUserInfoList
|
|
7814
|
-
var script = TekUserInfoList
|
|
7823
|
+
], TekUserInfoList);
|
|
7824
|
+
var script = TekUserInfoList;
|
|
7815
7825
|
|
|
7816
7826
|
/* script */
|
|
7817
7827
|
const __vue_script__ = script;
|
|
@@ -7883,1458 +7893,6 @@ const components = {
|
|
|
7883
7893
|
TekUserInfoList: __vue_component__,
|
|
7884
7894
|
};
|
|
7885
7895
|
|
|
7886
|
-
/**
|
|
7887
|
-
* Teknisa component
|
|
7888
|
-
*/
|
|
7889
|
-
let TekBreadcrumbHeader = class TekBreadcrumbHeader extends ZdComponent {
|
|
7890
|
-
constructor() {
|
|
7891
|
-
super(...arguments);
|
|
7892
|
-
this.instanceType = BreadcrumbHeader;
|
|
7893
|
-
}
|
|
7894
|
-
};
|
|
7895
|
-
__decorate([
|
|
7896
|
-
PropWatch({ type: String, default: '' })
|
|
7897
|
-
], TekBreadcrumbHeader.prototype, "title", void 0);
|
|
7898
|
-
__decorate([
|
|
7899
|
-
Prop({ type: Object, default: {} })
|
|
7900
|
-
], TekBreadcrumbHeader.prototype, "breadcrumb", void 0);
|
|
7901
|
-
__decorate([
|
|
7902
|
-
Prop({ type: Array, default: () => [] })
|
|
7903
|
-
], TekBreadcrumbHeader.prototype, "rightSlot", void 0);
|
|
7904
|
-
TekBreadcrumbHeader = __decorate([
|
|
7905
|
-
Component
|
|
7906
|
-
], TekBreadcrumbHeader);
|
|
7907
|
-
var TekBreadcrumbHeader$1 = TekBreadcrumbHeader;
|
|
7908
|
-
|
|
7909
|
-
/**
|
|
7910
|
-
* TekCardTitle component join an icon, title, rightSlot and a divider
|
|
7911
|
-
*/
|
|
7912
|
-
let TekCardTitle = class TekCardTitle extends ZdComponentRender {
|
|
7913
|
-
constructor() {
|
|
7914
|
-
super(...arguments);
|
|
7915
|
-
this.instanceType = CardTitle;
|
|
7916
|
-
}
|
|
7917
|
-
};
|
|
7918
|
-
__decorate([
|
|
7919
|
-
PropWatch({ type: String, default: '' })
|
|
7920
|
-
], TekCardTitle.prototype, "title", void 0);
|
|
7921
|
-
__decorate([
|
|
7922
|
-
PropWatch({ type: String, default: '' })
|
|
7923
|
-
], TekCardTitle.prototype, "subtitle", void 0);
|
|
7924
|
-
__decorate([
|
|
7925
|
-
PropWatch({ type: String, default: '' })
|
|
7926
|
-
], TekCardTitle.prototype, "iconName", void 0);
|
|
7927
|
-
__decorate([
|
|
7928
|
-
Prop({ type: Array, default: () => [] })
|
|
7929
|
-
], TekCardTitle.prototype, "rightSlot", void 0);
|
|
7930
|
-
__decorate([
|
|
7931
|
-
PropWatch({ type: [Boolean, String], default: true })
|
|
7932
|
-
], TekCardTitle.prototype, "showDivider", void 0);
|
|
7933
|
-
__decorate([
|
|
7934
|
-
PropWatch({ type: String, default: '' })
|
|
7935
|
-
], TekCardTitle.prototype, "to", void 0);
|
|
7936
|
-
TekCardTitle = __decorate([
|
|
7937
|
-
Component
|
|
7938
|
-
], TekCardTitle);
|
|
7939
|
-
var TekCardTitle$1 = TekCardTitle;
|
|
7940
|
-
|
|
7941
|
-
/**
|
|
7942
|
-
* TekCrudAddButton component
|
|
7943
|
-
*/
|
|
7944
|
-
let TekCrudAddButton = class TekCrudAddButton extends TekCrudButton$1 {
|
|
7945
|
-
constructor() {
|
|
7946
|
-
super(...arguments);
|
|
7947
|
-
this.instanceType = CrudAddButton;
|
|
7948
|
-
}
|
|
7949
|
-
};
|
|
7950
|
-
__decorate([
|
|
7951
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
7952
|
-
], TekCrudAddButton.prototype, "flat", void 0);
|
|
7953
|
-
__decorate([
|
|
7954
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
7955
|
-
], TekCrudAddButton.prototype, "icon", void 0);
|
|
7956
|
-
__decorate([
|
|
7957
|
-
PropWatch({ type: String, default: 'plus' })
|
|
7958
|
-
], TekCrudAddButton.prototype, "iconName", void 0);
|
|
7959
|
-
__decorate([
|
|
7960
|
-
PropWatch({ type: String, default: '#666' })
|
|
7961
|
-
], TekCrudAddButton.prototype, "color", void 0);
|
|
7962
|
-
__decorate([
|
|
7963
|
-
PropWatch({ type: String, default: 'f2' })
|
|
7964
|
-
], TekCrudAddButton.prototype, "clickShortcutKey", void 0);
|
|
7965
|
-
TekCrudAddButton = __decorate([
|
|
7966
|
-
Component
|
|
7967
|
-
], TekCrudAddButton);
|
|
7968
|
-
var TekCrudAddButton$1 = TekCrudAddButton;
|
|
7969
|
-
|
|
7970
|
-
/**
|
|
7971
|
-
* TekCrudCancelButton component
|
|
7972
|
-
*/
|
|
7973
|
-
let TekCrudCancelButton = class TekCrudCancelButton extends TekCrudButton$1 {
|
|
7974
|
-
constructor() {
|
|
7975
|
-
super(...arguments);
|
|
7976
|
-
this.instanceType = CrudCancelButton;
|
|
7977
|
-
}
|
|
7978
|
-
};
|
|
7979
|
-
__decorate([
|
|
7980
|
-
PropWatch({ type: String, default: 'CANCEL' })
|
|
7981
|
-
], TekCrudCancelButton.prototype, "label", void 0);
|
|
7982
|
-
__decorate([
|
|
7983
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
7984
|
-
], TekCrudCancelButton.prototype, "outline", void 0);
|
|
7985
|
-
__decorate([
|
|
7986
|
-
PropWatch({ type: String, default: 'esc' })
|
|
7987
|
-
], TekCrudCancelButton.prototype, "clickShortcutKey", void 0);
|
|
7988
|
-
TekCrudCancelButton = __decorate([
|
|
7989
|
-
Component
|
|
7990
|
-
], TekCrudCancelButton);
|
|
7991
|
-
var TekCrudCancelButton$1 = TekCrudCancelButton;
|
|
7992
|
-
|
|
7993
|
-
/**
|
|
7994
|
-
* TekCrudDeleteButton component
|
|
7995
|
-
*/
|
|
7996
|
-
let TekCrudDeleteButton = class TekCrudDeleteButton extends TekCrudButton$1 {
|
|
7997
|
-
constructor() {
|
|
7998
|
-
super(...arguments);
|
|
7999
|
-
this.instanceType = CrudDeleteButton;
|
|
8000
|
-
}
|
|
8001
|
-
};
|
|
8002
|
-
__decorate([
|
|
8003
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
8004
|
-
], TekCrudDeleteButton.prototype, "flat", void 0);
|
|
8005
|
-
__decorate([
|
|
8006
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
8007
|
-
], TekCrudDeleteButton.prototype, "icon", void 0);
|
|
8008
|
-
__decorate([
|
|
8009
|
-
PropWatch({ type: String, default: 'trashCanOutline' })
|
|
8010
|
-
], TekCrudDeleteButton.prototype, "iconName", void 0);
|
|
8011
|
-
__decorate([
|
|
8012
|
-
PropWatch({ type: String, default: '#666' })
|
|
8013
|
-
], TekCrudDeleteButton.prototype, "color", void 0);
|
|
8014
|
-
__decorate([
|
|
8015
|
-
PropWatch({ type: String, default: 'ctrl+d' })
|
|
8016
|
-
], TekCrudDeleteButton.prototype, "clickShortcutKey", void 0);
|
|
8017
|
-
TekCrudDeleteButton = __decorate([
|
|
8018
|
-
Component
|
|
8019
|
-
], TekCrudDeleteButton);
|
|
8020
|
-
var TekCrudDeleteButton$1 = TekCrudDeleteButton;
|
|
8021
|
-
|
|
8022
|
-
/**
|
|
8023
|
-
* TekCrudForm component
|
|
8024
|
-
*/
|
|
8025
|
-
let TekCrudForm = class TekCrudForm extends ZdForm {
|
|
8026
|
-
constructor() {
|
|
8027
|
-
super(...arguments);
|
|
8028
|
-
this.instanceType = CrudForm;
|
|
8029
|
-
}
|
|
8030
|
-
};
|
|
8031
|
-
TekCrudForm = __decorate([
|
|
8032
|
-
Component
|
|
8033
|
-
], TekCrudForm);
|
|
8034
|
-
var TekCrudForm$1 = TekCrudForm;
|
|
8035
|
-
|
|
8036
|
-
/**
|
|
8037
|
-
* TekCrudSaveButton component
|
|
8038
|
-
*/
|
|
8039
|
-
let TekCrudSaveButton = class TekCrudSaveButton extends TekCrudButton$1 {
|
|
8040
|
-
constructor() {
|
|
8041
|
-
super(...arguments);
|
|
8042
|
-
this.instanceType = CrudSaveButton;
|
|
8043
|
-
}
|
|
8044
|
-
};
|
|
8045
|
-
__decorate([
|
|
8046
|
-
PropWatch({ type: String, default: 'SAVE' })
|
|
8047
|
-
], TekCrudSaveButton.prototype, "label", void 0);
|
|
8048
|
-
__decorate([
|
|
8049
|
-
PropWatch({ type: String, default: 'ctrl+enter' })
|
|
8050
|
-
], TekCrudSaveButton.prototype, "clickShortcutKey", void 0);
|
|
8051
|
-
TekCrudSaveButton = __decorate([
|
|
8052
|
-
Component
|
|
8053
|
-
], TekCrudSaveButton);
|
|
8054
|
-
var TekCrudSaveButton$1 = TekCrudSaveButton;
|
|
8055
|
-
|
|
8056
|
-
// eslint-disable-next-line prefer-destructuring
|
|
8057
|
-
const ZdGridEditable = components$1.ZdGridEditable;
|
|
8058
|
-
/**
|
|
8059
|
-
* TekGrid component
|
|
8060
|
-
*/
|
|
8061
|
-
let TekGrid$2 = class TekGrid extends ZdGridEditable {
|
|
8062
|
-
constructor() {
|
|
8063
|
-
super(...arguments);
|
|
8064
|
-
this.instanceType = TekGrid$6;
|
|
8065
|
-
/**
|
|
8066
|
-
* Left distance for each column
|
|
8067
|
-
*/
|
|
8068
|
-
this.fixedLeft = {};
|
|
8069
|
-
this.debouncedDatasourceGet = debounce((instance) => {
|
|
8070
|
-
if (instance.events.beforeApplyFilter) {
|
|
8071
|
-
instance.events.beforeApplyFilter({ component: instance });
|
|
8072
|
-
}
|
|
8073
|
-
const { datasource } = instance;
|
|
8074
|
-
if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
|
|
8075
|
-
datasource.updateDynamicFilter();
|
|
8076
|
-
}
|
|
8077
|
-
else {
|
|
8078
|
-
datasource.get();
|
|
8079
|
-
}
|
|
8080
|
-
}, 500);
|
|
8081
|
-
this.operationList = '';
|
|
8082
|
-
this.defaultOperation = '';
|
|
8083
|
-
this.defaultRelation = '';
|
|
8084
|
-
this.lastFilter = '';
|
|
8085
|
-
this.tableHeader = null;
|
|
8086
|
-
this.tableBody = null;
|
|
8087
|
-
}
|
|
8088
|
-
mounted() {
|
|
8089
|
-
this.originalChangeLayout = this.instance.changeLayout;
|
|
8090
|
-
this.instance.changeLayout = this.onChangeLayout;
|
|
8091
|
-
this.instance.viewUpdateScrollData = this.calcScrollData;
|
|
8092
|
-
this.instance.viewUpdateFixedColumns = this.updateFixedColumns;
|
|
8093
|
-
this.updateFixedColumns();
|
|
8094
|
-
}
|
|
8095
|
-
minimumColumnWidth(column) {
|
|
8096
|
-
let minWidth = this.superMethods(ZdGrid).minimumColumnWidth.call(this, column);
|
|
8097
|
-
if (this.instance.columnFilterButton && column && column.filterable) {
|
|
8098
|
-
minWidth += 15;
|
|
8099
|
-
}
|
|
8100
|
-
return minWidth;
|
|
8101
|
-
}
|
|
8102
|
-
onChangeLayout(event, element) {
|
|
8103
|
-
if (this.originalChangeLayout) {
|
|
8104
|
-
this.originalChangeLayout.call(this.instance, event, element);
|
|
8105
|
-
}
|
|
8106
|
-
if (this.instance.showLayoutOptions) {
|
|
8107
|
-
try {
|
|
8108
|
-
const layoutOptions = Metadata.getInstance(`${this.instance.name}_layout_options`);
|
|
8109
|
-
layoutOptions.layoutEdited = true;
|
|
8110
|
-
}
|
|
8111
|
-
catch (_a) {
|
|
8112
|
-
// do nothing
|
|
8113
|
-
}
|
|
8114
|
-
}
|
|
8115
|
-
setTimeout(this.updateFixedColumns);
|
|
8116
|
-
}
|
|
8117
|
-
getFilterActivatorEvents(on, column) {
|
|
8118
|
-
const events = {};
|
|
8119
|
-
Object.keys(on).forEach((eventName) => {
|
|
8120
|
-
events[eventName] = (event) => {
|
|
8121
|
-
this.defaultOperation = 'CONTAINS';
|
|
8122
|
-
this.defaultRelation = 'AND';
|
|
8123
|
-
this.operationList = this.getColumnFilterOptions(column).map((item) => item.operation).join(';');
|
|
8124
|
-
on[eventName](event);
|
|
8125
|
-
};
|
|
8126
|
-
});
|
|
8127
|
-
return events;
|
|
8128
|
-
}
|
|
8129
|
-
getFilterItemChange(prop, column, index) {
|
|
8130
|
-
return this.filterItemChange.bind(this, prop, column, index);
|
|
8131
|
-
}
|
|
8132
|
-
getFilterValueChange(column, index) {
|
|
8133
|
-
return debounce(this.filterValueChange.bind(this, column, index), 1000);
|
|
8134
|
-
}
|
|
8135
|
-
isOperationArrayValues(operation) {
|
|
8136
|
-
return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
|
|
8137
|
-
}
|
|
8138
|
-
getComponentType(index) {
|
|
8139
|
-
const operationListArray = this.operationList.split(';');
|
|
8140
|
-
return this.isOperationArrayValues(operationListArray[index]) ? 'ZdTextInput' : '';
|
|
8141
|
-
}
|
|
8142
|
-
getComponentHint(index) {
|
|
8143
|
-
const operationListArray = this.operationList.split(';');
|
|
8144
|
-
return this.isOperationArrayValues(operationListArray[index]) ? 'TEKGRID_MULTIPLE_VALUE_HINT' : '';
|
|
8145
|
-
}
|
|
8146
|
-
filterItemChange(prop, column, index, { component, event, element }) {
|
|
8147
|
-
const { name } = component;
|
|
8148
|
-
const valueInputName = name.replace(`-filter-${prop}-`, '-filter-value-');
|
|
8149
|
-
const valueInput = Metadata.getInstance(valueInputName);
|
|
8150
|
-
const operationListArray = this.operationList.split(';');
|
|
8151
|
-
if (prop === 'operation' && operationListArray[index] !== component.value) {
|
|
8152
|
-
operationListArray[index] = component.value;
|
|
8153
|
-
this.operationList = operationListArray.join(';');
|
|
8154
|
-
}
|
|
8155
|
-
try {
|
|
8156
|
-
valueInput.setFocus();
|
|
8157
|
-
}
|
|
8158
|
-
catch (_a) {
|
|
8159
|
-
// do nothing
|
|
8160
|
-
}
|
|
8161
|
-
const { datasource } = this.instance;
|
|
8162
|
-
if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
|
|
8163
|
-
if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
|
|
8164
|
-
this.lastFilter = JSON.stringify(datasource.dynamicFilter);
|
|
8165
|
-
const { value } = datasource.dynamicFilter[column.name][index];
|
|
8166
|
-
if (prop === 'operation') {
|
|
8167
|
-
if (this.isOperationArrayValues(component.value) && !Array.isArray(value)) {
|
|
8168
|
-
datasource.dynamicFilter[column.name][index].value = [value];
|
|
8169
|
-
}
|
|
8170
|
-
if (!this.isOperationArrayValues(component.value) && Array.isArray(value)) {
|
|
8171
|
-
[datasource.dynamicFilter[column.name][index].value] = value;
|
|
8172
|
-
}
|
|
8173
|
-
}
|
|
8174
|
-
datasource.dynamicFilter[column.name][index][prop] = component.value;
|
|
8175
|
-
if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
|
|
8176
|
-
this.debouncedDatasourceGet(this.instance);
|
|
8177
|
-
this.onChangeLayout(event, element);
|
|
8178
|
-
}
|
|
8179
|
-
}
|
|
8180
|
-
}
|
|
8181
|
-
}
|
|
8182
|
-
convertToDateFormat(column, value, revert) {
|
|
8183
|
-
const dateFormat = column.componentProps.dateFormat || Config.dateFormat;
|
|
8184
|
-
const displayFormat = column.componentProps.displayFormat || Config.displayFormat;
|
|
8185
|
-
if (revert) {
|
|
8186
|
-
if (dayjs(value, displayFormat).isValid() || !dayjs(value, dateFormat).isValid()) {
|
|
8187
|
-
return value;
|
|
8188
|
-
}
|
|
8189
|
-
return dayjs(value, dateFormat).format(displayFormat);
|
|
8190
|
-
}
|
|
8191
|
-
if (dayjs(value, dateFormat).isValid() || !dayjs(value, displayFormat).isValid()) {
|
|
8192
|
-
return value;
|
|
8193
|
-
}
|
|
8194
|
-
return dayjs(value, displayFormat).format(dateFormat);
|
|
8195
|
-
}
|
|
8196
|
-
checkDateValueFormat(column, value, revert = false) {
|
|
8197
|
-
if (['ZdDate', 'ZdDateRange'].includes(column.componentProps.component)) {
|
|
8198
|
-
if (Array.isArray(value)) {
|
|
8199
|
-
return value.map((item) => this.convertToDateFormat(column, item, revert));
|
|
8200
|
-
}
|
|
8201
|
-
return this.convertToDateFormat(column, value, revert);
|
|
8202
|
-
}
|
|
8203
|
-
return value;
|
|
8204
|
-
}
|
|
8205
|
-
filterValueChange(column, index, { component, event, element }) {
|
|
8206
|
-
let { value } = component;
|
|
8207
|
-
const { datasource } = this.instance;
|
|
8208
|
-
if (!(element === null || element === void 0 ? void 0 : element.offsetParent))
|
|
8209
|
-
return;
|
|
8210
|
-
if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
|
|
8211
|
-
this.lastFilter = JSON.stringify(datasource.dynamicFilter);
|
|
8212
|
-
if (value) {
|
|
8213
|
-
if (!datasource.dynamicFilter[column.name]) {
|
|
8214
|
-
datasource.dynamicFilter[column.name] = [];
|
|
8215
|
-
}
|
|
8216
|
-
if (!datasource.dynamicFilter[column.name][index]) {
|
|
8217
|
-
const { name } = component;
|
|
8218
|
-
let relation;
|
|
8219
|
-
if (index > 0) {
|
|
8220
|
-
const relationSelectName = name.replace('-filter-value-', '-filter-relation-');
|
|
8221
|
-
const relationSelect = Metadata.getInstance(relationSelectName);
|
|
8222
|
-
relation = relationSelect.value;
|
|
8223
|
-
}
|
|
8224
|
-
else {
|
|
8225
|
-
relation = 'AND';
|
|
8226
|
-
}
|
|
8227
|
-
const operationSelectName = name.replace('-filter-value-', '-filter-operation-');
|
|
8228
|
-
const operationSelect = Metadata.getInstance(operationSelectName);
|
|
8229
|
-
const operation = operationSelect.value;
|
|
8230
|
-
if (this.isOperationArrayValues(operation)) {
|
|
8231
|
-
value = value.split(';');
|
|
8232
|
-
}
|
|
8233
|
-
value = this.checkDateValueFormat(column, value);
|
|
8234
|
-
datasource.dynamicFilter[column.name].push({
|
|
8235
|
-
relation,
|
|
8236
|
-
operation,
|
|
8237
|
-
value,
|
|
8238
|
-
});
|
|
8239
|
-
}
|
|
8240
|
-
else {
|
|
8241
|
-
if (this.isOperationArrayValues(datasource.dynamicFilter[column.name][index].operation)) {
|
|
8242
|
-
value = value.split(';');
|
|
8243
|
-
}
|
|
8244
|
-
value = this.checkDateValueFormat(column, value);
|
|
8245
|
-
datasource.dynamicFilter[column.name][index].value = value;
|
|
8246
|
-
}
|
|
8247
|
-
}
|
|
8248
|
-
else if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
|
|
8249
|
-
this.defaultOperation = datasource.dynamicFilter[column.name][index].operation;
|
|
8250
|
-
this.defaultRelation = datasource.dynamicFilter[column.name][index].relation;
|
|
8251
|
-
datasource.dynamicFilter[column.name].splice(index, 1);
|
|
8252
|
-
if (datasource.dynamicFilter[column.name].length === 1) {
|
|
8253
|
-
datasource.dynamicFilter[column.name][0].relation = 'AND';
|
|
8254
|
-
}
|
|
8255
|
-
if (!datasource.dynamicFilter[column.name].length) {
|
|
8256
|
-
delete datasource.dynamicFilter[column.name];
|
|
8257
|
-
}
|
|
8258
|
-
}
|
|
8259
|
-
if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
|
|
8260
|
-
this.debouncedDatasourceGet(this.instance);
|
|
8261
|
-
this.onChangeLayout(event, element);
|
|
8262
|
-
this.clearHelperValues(column);
|
|
8263
|
-
}
|
|
8264
|
-
}
|
|
8265
|
-
else {
|
|
8266
|
-
this.lastFilter = JSON.stringify(this.instance.datasource.filter);
|
|
8267
|
-
if (value) {
|
|
8268
|
-
this.instance.datasource.addFilter(column.name, value);
|
|
8269
|
-
}
|
|
8270
|
-
else {
|
|
8271
|
-
this.instance.datasource.removeFilter(column.name);
|
|
8272
|
-
}
|
|
8273
|
-
if (this.lastFilter !== JSON.stringify(this.instance.datasource.filter)) {
|
|
8274
|
-
this.debouncedDatasourceGet(this.instance);
|
|
8275
|
-
this.onChangeLayout(event, element);
|
|
8276
|
-
this.clearHelperValues(column);
|
|
8277
|
-
}
|
|
8278
|
-
}
|
|
8279
|
-
}
|
|
8280
|
-
clearHelperValues(column) {
|
|
8281
|
-
if (!Array.isArray(column.filterProps)) {
|
|
8282
|
-
column.filterProps.helperValue = '';
|
|
8283
|
-
}
|
|
8284
|
-
else {
|
|
8285
|
-
column.filterProps.forEach((prop) => {
|
|
8286
|
-
prop.helperValue = '';
|
|
8287
|
-
});
|
|
8288
|
-
}
|
|
8289
|
-
}
|
|
8290
|
-
getColumnFilterOptions(column) {
|
|
8291
|
-
const filterOptions = [];
|
|
8292
|
-
const { datasource } = this.instance;
|
|
8293
|
-
if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
|
|
8294
|
-
const dynamicFilter = datasource.dynamicFilter[column.name];
|
|
8295
|
-
if (dynamicFilter && dynamicFilter.length > 0) {
|
|
8296
|
-
dynamicFilter.forEach((item) => {
|
|
8297
|
-
let { value } = item;
|
|
8298
|
-
if (this.isOperationArrayValues(item.operation) && Array.isArray(value)) {
|
|
8299
|
-
value = this.checkDateValueFormat(column, value, true);
|
|
8300
|
-
value = value.join(';');
|
|
8301
|
-
}
|
|
8302
|
-
filterOptions.push(Object.assign(Object.assign({}, item), { value }));
|
|
8303
|
-
});
|
|
8304
|
-
}
|
|
8305
|
-
filterOptions.push({
|
|
8306
|
-
operation: this.defaultOperation,
|
|
8307
|
-
relation: this.defaultRelation,
|
|
8308
|
-
value: '',
|
|
8309
|
-
});
|
|
8310
|
-
}
|
|
8311
|
-
else {
|
|
8312
|
-
const option = {
|
|
8313
|
-
operation: undefined,
|
|
8314
|
-
relation: undefined,
|
|
8315
|
-
value: this.instance.datasource.filter[column.name] || '',
|
|
8316
|
-
};
|
|
8317
|
-
filterOptions.push(option);
|
|
8318
|
-
}
|
|
8319
|
-
return filterOptions;
|
|
8320
|
-
}
|
|
8321
|
-
isCurrentRow(row) {
|
|
8322
|
-
const { uniqueKey, currentRow } = this.instance.datasource;
|
|
8323
|
-
return !!((row.group && row.groupValue === currentRow.groupValue)
|
|
8324
|
-
|| (row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
|
|
8325
|
-
}
|
|
8326
|
-
getVisibleData() {
|
|
8327
|
-
const groupColumns = !!this.instance.groupColumnNames.length;
|
|
8328
|
-
if (groupColumns || (this.instance.showSummaryTotal && this.instance.summaryColumns.length)) {
|
|
8329
|
-
this.scrollData.visibleData = this.instance.groupedData.filter((row) => this.instance.isItemVisible(row));
|
|
8330
|
-
}
|
|
8331
|
-
else {
|
|
8332
|
-
this.scrollData.visibleData = this.instance.datasource.data;
|
|
8333
|
-
}
|
|
8334
|
-
return this.scrollData.visibleData;
|
|
8335
|
-
}
|
|
8336
|
-
getData() {
|
|
8337
|
-
if (!this.instance.virtualScroll || !this.scrollData.initialized) {
|
|
8338
|
-
const groupColumns = !!this.instance.groupColumnNames.length;
|
|
8339
|
-
if (groupColumns || (this.instance.showSummaryTotal && this.instance.summaryColumns.length)) {
|
|
8340
|
-
return this.instance.groupedData;
|
|
8341
|
-
}
|
|
8342
|
-
return this.instance.datasource.data;
|
|
8343
|
-
}
|
|
8344
|
-
return this.renderedData;
|
|
8345
|
-
}
|
|
8346
|
-
rowClick(row, event) {
|
|
8347
|
-
if (row.group || row.groupFooter || row.groupSummary) {
|
|
8348
|
-
this.instance.groupRowClick(row, event, this.$el);
|
|
8349
|
-
}
|
|
8350
|
-
else {
|
|
8351
|
-
this.instance.rowClick(row, event, this.$el);
|
|
8352
|
-
}
|
|
8353
|
-
}
|
|
8354
|
-
orderHeaders(headers) {
|
|
8355
|
-
return headers.sort((a, b) => {
|
|
8356
|
-
if (a.fixed === b.fixed)
|
|
8357
|
-
return 0;
|
|
8358
|
-
if (!a.fixed && b.fixed)
|
|
8359
|
-
return 1;
|
|
8360
|
-
return -1;
|
|
8361
|
-
}).filter((item) => item instanceof TekGridColumn);
|
|
8362
|
-
}
|
|
8363
|
-
updateFixedColumns() {
|
|
8364
|
-
if (this.instance.columns.filter((column) => column.fixed).length === 0)
|
|
8365
|
-
return;
|
|
8366
|
-
if (!this.tableHeader) {
|
|
8367
|
-
this.tableHeader = this.$el.querySelector('table thead tr');
|
|
8368
|
-
this.tableBody = this.$el.querySelector('table tbody');
|
|
8369
|
-
if (!this.tableHeader || !this.tableBody)
|
|
8370
|
-
return;
|
|
8371
|
-
}
|
|
8372
|
-
const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
|
|
8373
|
-
let left = this.instance.selectable ? 40 : 0;
|
|
8374
|
-
headerColumns.forEach((column) => {
|
|
8375
|
-
const name = column.getAttribute('column-name');
|
|
8376
|
-
if (name && column.classList.contains('zd-table-fixed-column')) {
|
|
8377
|
-
column.style.left = `${left}px`;
|
|
8378
|
-
this.$set(this.fixedLeft, name, column.style.left);
|
|
8379
|
-
left += column.clientWidth;
|
|
8380
|
-
}
|
|
8381
|
-
});
|
|
8382
|
-
}
|
|
8383
|
-
isGroupSelected(item) {
|
|
8384
|
-
return item.children.every((child) => {
|
|
8385
|
-
const { uniqueKey } = this.instance.datasource;
|
|
8386
|
-
const idx = this.instance.selectedRows.findIndex((row) => child[uniqueKey] === row[uniqueKey]);
|
|
8387
|
-
return idx !== -1;
|
|
8388
|
-
});
|
|
8389
|
-
}
|
|
8390
|
-
isGroupSelectIndeterminate(item) {
|
|
8391
|
-
let hasSelected = false;
|
|
8392
|
-
let hasNotSelected = false;
|
|
8393
|
-
const { uniqueKey } = this.instance.datasource;
|
|
8394
|
-
item.children.forEach((child) => {
|
|
8395
|
-
const idx = this.instance.selectedRows.findIndex((row) => child[uniqueKey] === row[uniqueKey]);
|
|
8396
|
-
hasSelected = hasSelected || idx !== -1;
|
|
8397
|
-
hasNotSelected = hasNotSelected || idx === -1;
|
|
8398
|
-
});
|
|
8399
|
-
return hasSelected && hasNotSelected;
|
|
8400
|
-
}
|
|
8401
|
-
selectGroup(item, event) {
|
|
8402
|
-
const { uniqueKey } = this.instance.datasource;
|
|
8403
|
-
const isSelected = this.isGroupSelected(item);
|
|
8404
|
-
if (!isSelected) {
|
|
8405
|
-
item.children.forEach((child) => {
|
|
8406
|
-
const idx = this.instance.selectedRows.findIndex((row) => child[uniqueKey] === row[uniqueKey]);
|
|
8407
|
-
if (idx === -1) {
|
|
8408
|
-
this.instance.selectedRows.push(child);
|
|
8409
|
-
}
|
|
8410
|
-
});
|
|
8411
|
-
}
|
|
8412
|
-
else {
|
|
8413
|
-
this.instance.selectedRows = this.instance.selectedRows.filter((row) => {
|
|
8414
|
-
const idx = item.children.findIndex((child) => child[uniqueKey] === row[uniqueKey]);
|
|
8415
|
-
return idx === -1;
|
|
8416
|
-
});
|
|
8417
|
-
}
|
|
8418
|
-
this.selectGroupRowClick(item, !isSelected, event);
|
|
8419
|
-
}
|
|
8420
|
-
selectGroupRowClick(row, isSelected, event) {
|
|
8421
|
-
this.$nextTick(() => {
|
|
8422
|
-
this.instance.selectGroupClick(row, isSelected, event, this.$el);
|
|
8423
|
-
});
|
|
8424
|
-
}
|
|
8425
|
-
toggleSelectAll() {
|
|
8426
|
-
if (this.instance.selectedRows.length === this.instance.datasource.data.length) {
|
|
8427
|
-
this.instance.selectedRows = [];
|
|
8428
|
-
}
|
|
8429
|
-
else {
|
|
8430
|
-
this.instance.selectedRows = this.instance.datasource.data;
|
|
8431
|
-
}
|
|
8432
|
-
}
|
|
8433
|
-
get headers() {
|
|
8434
|
-
this.$nextTick(() => {
|
|
8435
|
-
if (this.$el)
|
|
8436
|
-
this.updateFixedColumns();
|
|
8437
|
-
});
|
|
8438
|
-
return this.instance.columns;
|
|
8439
|
-
}
|
|
8440
|
-
getColumnsDOMOrder() {
|
|
8441
|
-
return this.orderHeaders(this.instance.columns);
|
|
8442
|
-
}
|
|
8443
|
-
resizeMouseMoveHandler(event) {
|
|
8444
|
-
this.superMethods(ZdGrid).resizeMouseMoveHandler.call(this, event);
|
|
8445
|
-
if (this.resizeColumn.fixed) {
|
|
8446
|
-
this.$nextTick(this.updateFixedColumns);
|
|
8447
|
-
}
|
|
8448
|
-
}
|
|
8449
|
-
};
|
|
8450
|
-
__decorate([
|
|
8451
|
-
PropWatch({ type: [String], default: '' })
|
|
8452
|
-
], TekGrid$2.prototype, "title", void 0);
|
|
8453
|
-
__decorate([
|
|
8454
|
-
PropWatch({ type: [Boolean, String], default: false })
|
|
8455
|
-
], TekGrid$2.prototype, "addButton", void 0);
|
|
8456
|
-
__decorate([
|
|
8457
|
-
PropWatch({ type: [String], default: 'none' })
|
|
8458
|
-
], TekGrid$2.prototype, "deleteButton", void 0);
|
|
8459
|
-
__decorate([
|
|
8460
|
-
PropWatch({ type: [Boolean, String], default: false })
|
|
8461
|
-
], TekGrid$2.prototype, "columnsButton", void 0);
|
|
8462
|
-
__decorate([
|
|
8463
|
-
Prop({ type: [Array, String], default: () => [] })
|
|
8464
|
-
], TekGrid$2.prototype, "columnsButtonIgnore", void 0);
|
|
8465
|
-
__decorate([
|
|
8466
|
-
PropWatch({ type: [Boolean, String], default: false })
|
|
8467
|
-
], TekGrid$2.prototype, "filterButton", void 0);
|
|
8468
|
-
__decorate([
|
|
8469
|
-
PropWatch({ type: [Boolean, String], default: true })
|
|
8470
|
-
], TekGrid$2.prototype, "showSearch", void 0);
|
|
8471
|
-
__decorate([
|
|
8472
|
-
PropWatch({ type: [Boolean, String], default: false })
|
|
8473
|
-
], TekGrid$2.prototype, "columnFilterButton", void 0);
|
|
8474
|
-
__decorate([
|
|
8475
|
-
Prop({ type: [Array], default: () => [] })
|
|
8476
|
-
], TekGrid$2.prototype, "actions", void 0);
|
|
8477
|
-
__decorate([
|
|
8478
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
8479
|
-
], TekGrid$2.prototype, "dragColumns", void 0);
|
|
8480
|
-
__decorate([
|
|
8481
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
8482
|
-
], TekGrid$2.prototype, "resizeColumns", void 0);
|
|
8483
|
-
__decorate([
|
|
8484
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
8485
|
-
], TekGrid$2.prototype, "showLayoutOptions", void 0);
|
|
8486
|
-
__decorate([
|
|
8487
|
-
PropWatch({ type: [String, Boolean], default: false })
|
|
8488
|
-
], TekGrid$2.prototype, "showExport", void 0);
|
|
8489
|
-
__decorate([
|
|
8490
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
8491
|
-
], TekGrid$2.prototype, "showReload", void 0);
|
|
8492
|
-
__decorate([
|
|
8493
|
-
PropWatch({ type: [String, Array] })
|
|
8494
|
-
], TekGrid$2.prototype, "exportConfig", void 0);
|
|
8495
|
-
__decorate([
|
|
8496
|
-
Prop({ type: [Array] })
|
|
8497
|
-
], TekGrid$2.prototype, "exportActions", void 0);
|
|
8498
|
-
__decorate([
|
|
8499
|
-
PropWatch({ type: [String, Boolean], default: false })
|
|
8500
|
-
], TekGrid$2.prototype, "groupsOpened", void 0);
|
|
8501
|
-
__decorate([
|
|
8502
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
8503
|
-
], TekGrid$2.prototype, "showSummaryTotal", void 0);
|
|
8504
|
-
__decorate([
|
|
8505
|
-
PropWatch({ type: [String, Boolean], default: false })
|
|
8506
|
-
], TekGrid$2.prototype, "mainGrid", void 0);
|
|
8507
|
-
__decorate([
|
|
8508
|
-
Prop({
|
|
8509
|
-
type: Array,
|
|
8510
|
-
default: () => undefined,
|
|
8511
|
-
})
|
|
8512
|
-
], TekGrid$2.prototype, "toolbarSlot", void 0);
|
|
8513
|
-
TekGrid$2 = __decorate([
|
|
8514
|
-
Component
|
|
8515
|
-
], TekGrid$2);
|
|
8516
|
-
var TekGrid$3 = TekGrid$2;
|
|
8517
|
-
|
|
8518
|
-
/**
|
|
8519
|
-
* TekGrid Columns Button component
|
|
8520
|
-
*/
|
|
8521
|
-
let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsButton {
|
|
8522
|
-
constructor() {
|
|
8523
|
-
super(...arguments);
|
|
8524
|
-
this.instanceType = TekGridColumnsButton$3;
|
|
8525
|
-
this.menuIsOpened = false;
|
|
8526
|
-
this.sortableInitialized = false;
|
|
8527
|
-
}
|
|
8528
|
-
menuOpenedChange() {
|
|
8529
|
-
if (this.menuIsOpened && !this.sortableInitialized) {
|
|
8530
|
-
this.sortableInitialized = true;
|
|
8531
|
-
this.$nextTick(() => {
|
|
8532
|
-
const columnsTableBody = document.querySelector(`#${this.instance.name}_columns_table tbody`);
|
|
8533
|
-
if (columnsTableBody) {
|
|
8534
|
-
sortable.create(columnsTableBody, {
|
|
8535
|
-
handle: '.sortHandle',
|
|
8536
|
-
dragClass: 'tek-grid-columns-button-sortable-drag',
|
|
8537
|
-
onEnd: this.sortEnd,
|
|
8538
|
-
});
|
|
8539
|
-
}
|
|
8540
|
-
});
|
|
8541
|
-
}
|
|
8542
|
-
}
|
|
8543
|
-
sortEnd(event) {
|
|
8544
|
-
const grid = this.instance.iterableComponent;
|
|
8545
|
-
const newOrder = Array.from(event.srcElement.querySelectorAll('tr')).map((row) => row.getAttribute('name'));
|
|
8546
|
-
const groupColumnNames = [];
|
|
8547
|
-
const newColumns = newOrder.map((columnName) => {
|
|
8548
|
-
const column = grid.getColumn(columnName);
|
|
8549
|
-
if (column.grouped) {
|
|
8550
|
-
groupColumnNames.push(columnName);
|
|
8551
|
-
}
|
|
8552
|
-
return column;
|
|
8553
|
-
});
|
|
8554
|
-
const ignoredColumns = grid.columns.filter((column) => this.instance.ignoreColumns.indexOf(column.name) !== -1);
|
|
8555
|
-
grid.columns = newColumns.concat(ignoredColumns);
|
|
8556
|
-
if (JSON.stringify(groupColumnNames) !== JSON.stringify(grid.groupColumnNames)) {
|
|
8557
|
-
grid.updateGrouping();
|
|
8558
|
-
}
|
|
8559
|
-
grid.changeLayout();
|
|
8560
|
-
}
|
|
8561
|
-
moreOptions() {
|
|
8562
|
-
TekGridColumnsOptionsModal.show(this.instance);
|
|
8563
|
-
}
|
|
8564
|
-
close() {
|
|
8565
|
-
this.menuIsOpened = false;
|
|
8566
|
-
}
|
|
8567
|
-
};
|
|
8568
|
-
__decorate([
|
|
8569
|
-
PropWatch({ type: [Boolean, String], default: false })
|
|
8570
|
-
], TekGridColumnsButton.prototype, "hideGroups", void 0);
|
|
8571
|
-
__decorate([
|
|
8572
|
-
Watch('menuIsOpened')
|
|
8573
|
-
], TekGridColumnsButton.prototype, "menuOpenedChange", null);
|
|
8574
|
-
TekGridColumnsButton = __decorate([
|
|
8575
|
-
Component
|
|
8576
|
-
], TekGridColumnsButton);
|
|
8577
|
-
var TekGridColumnsButton$1 = TekGridColumnsButton;
|
|
8578
|
-
|
|
8579
|
-
/**
|
|
8580
|
-
* TekGridLayoutOptions component
|
|
8581
|
-
*/
|
|
8582
|
-
let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender {
|
|
8583
|
-
constructor() {
|
|
8584
|
-
super(...arguments);
|
|
8585
|
-
this.instanceType = TekGridLayoutOptions$3;
|
|
8586
|
-
}
|
|
8587
|
-
created() {
|
|
8588
|
-
this.instance.viewApplyLayout = this.applyLayout;
|
|
8589
|
-
}
|
|
8590
|
-
confirmLayoutClick({ component }) {
|
|
8591
|
-
const layoutName = component.value;
|
|
8592
|
-
if (layoutName) {
|
|
8593
|
-
const newLayout = this.getCurrentLayout(layoutName);
|
|
8594
|
-
this.instance.newLayout(newLayout);
|
|
8595
|
-
}
|
|
8596
|
-
this.$refs.layoutMenu.isActive = false;
|
|
8597
|
-
}
|
|
8598
|
-
datasourceDynamicFilter(datasource) {
|
|
8599
|
-
if (datasource instanceof TekRestDatasource)
|
|
8600
|
-
return datasource.dynamicFilter;
|
|
8601
|
-
return {};
|
|
8602
|
-
}
|
|
8603
|
-
applyLayout(layout) {
|
|
8604
|
-
let groupParamsChanged = false;
|
|
8605
|
-
const tableElement = this.getParentTable();
|
|
8606
|
-
if (!tableElement)
|
|
8607
|
-
return;
|
|
8608
|
-
const { grid } = this.instance;
|
|
8609
|
-
const gridColumns = {};
|
|
8610
|
-
grid.columns.forEach((column) => {
|
|
8611
|
-
gridColumns[column.name] = column;
|
|
8612
|
-
});
|
|
8613
|
-
const oldOrder = JSON.stringify(grid.datasource.order);
|
|
8614
|
-
const oldFilter = JSON.stringify(grid.datasource.filter);
|
|
8615
|
-
const oldDynamicFilter = JSON.stringify(this.datasourceDynamicFilter(grid.datasource));
|
|
8616
|
-
if (layout) {
|
|
8617
|
-
tableElement.style.width = layout.gridWidth || 'auto';
|
|
8618
|
-
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
8619
|
-
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
8620
|
-
if (grid.datasource instanceof TekRestDatasource && layout.dynamicFilter !== undefined) {
|
|
8621
|
-
grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
|
|
8622
|
-
}
|
|
8623
|
-
if (layout.columns) {
|
|
8624
|
-
grid.columns = layout.columns.map((column) => {
|
|
8625
|
-
const col = gridColumns[column.name];
|
|
8626
|
-
col.label = column.label !== undefined ? column.label : col.label;
|
|
8627
|
-
col.align = column.align !== undefined ? column.align : col.align;
|
|
8628
|
-
col.isVisible = column.isVisible !== undefined ? column.isVisible : col.isVisible;
|
|
8629
|
-
col.fixed = !!column.fixed;
|
|
8630
|
-
col.grouped = !!column.grouped;
|
|
8631
|
-
col.groupOpened = !!column.groupOpened;
|
|
8632
|
-
col.aggregation = column.aggregation;
|
|
8633
|
-
col.minWidth = column.minWidth || '';
|
|
8634
|
-
col.maxWidth = column.maxWidth || '';
|
|
8635
|
-
this.setHelperValue(col, column.filterHelperValue || '');
|
|
8636
|
-
return col;
|
|
8637
|
-
});
|
|
8638
|
-
// wait to change column orders
|
|
8639
|
-
this.$nextTick(() => {
|
|
8640
|
-
grid.columns.forEach((_column, index) => {
|
|
8641
|
-
const columnElement = tableElement.querySelector(`tr th:not(.selectable)[index="${index}"]`);
|
|
8642
|
-
if (columnElement) {
|
|
8643
|
-
columnElement.style.width = layout.columns[index].width || 'unset';
|
|
8644
|
-
}
|
|
8645
|
-
});
|
|
8646
|
-
});
|
|
8647
|
-
}
|
|
8648
|
-
}
|
|
8649
|
-
else {
|
|
8650
|
-
grid.datasource.order = [...this.instance.originalDatasourceOrder];
|
|
8651
|
-
grid.datasource.filter = Object.assign({}, this.instance.originalDatasourceFilter);
|
|
8652
|
-
if (grid.datasource instanceof TekRestDatasource) {
|
|
8653
|
-
grid.datasource.dynamicFilter = this.getHelperValues(this.instance.originalDatasourceDynamicFilter, this.instance.originalColumnProps);
|
|
8654
|
-
}
|
|
8655
|
-
grid.columns = this.instance.originalColumnProps.map((column) => {
|
|
8656
|
-
const col = gridColumns[column.name];
|
|
8657
|
-
groupParamsChanged = groupParamsChanged
|
|
8658
|
-
|| col.grouped !== column.grouped
|
|
8659
|
-
|| col.groupOpened !== column.groupOpened
|
|
8660
|
-
|| col.aggregation !== column.aggregation;
|
|
8661
|
-
col.isVisible = column.isVisible;
|
|
8662
|
-
col.label = column.label;
|
|
8663
|
-
col.align = column.align;
|
|
8664
|
-
col.fixed = column.fixed;
|
|
8665
|
-
col.grouped = column.grouped;
|
|
8666
|
-
col.groupOpened = column.groupOpened;
|
|
8667
|
-
col.aggregation = column.aggregation;
|
|
8668
|
-
col.minWidth = column.minWidth || '';
|
|
8669
|
-
col.maxWidth = column.maxWidth || '';
|
|
8670
|
-
this.setHelperValue(col, column.filterHelperValue || '');
|
|
8671
|
-
return col;
|
|
8672
|
-
});
|
|
8673
|
-
tableElement.style.width = '100%';
|
|
8674
|
-
const columnElements = Array.from(tableElement.querySelectorAll('tr th:not(.selectable)'));
|
|
8675
|
-
columnElements.forEach((item) => {
|
|
8676
|
-
item.style.width = 'unset';
|
|
8677
|
-
});
|
|
8678
|
-
}
|
|
8679
|
-
if ((JSON.stringify(grid.datasource.order) !== oldOrder
|
|
8680
|
-
|| JSON.stringify(grid.datasource.filter) !== oldFilter
|
|
8681
|
-
|| JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
|
|
8682
|
-
&& !groupParamsChanged) { // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
|
|
8683
|
-
grid.datasource.get();
|
|
8684
|
-
}
|
|
8685
|
-
this.$refs.layoutMenu.isActive = false;
|
|
8686
|
-
}
|
|
8687
|
-
setHelperValue(column, value) {
|
|
8688
|
-
if (column instanceof TekGridColumn) {
|
|
8689
|
-
if (!Array.isArray(column.filterProps) && typeof value === 'string') {
|
|
8690
|
-
column.filterProps.helperValue = value;
|
|
8691
|
-
}
|
|
8692
|
-
else if (Array.isArray(column.filterProps) && Array.isArray(value)) {
|
|
8693
|
-
column.filterProps.forEach((prop, index) => {
|
|
8694
|
-
prop.value = value[index];
|
|
8695
|
-
});
|
|
8696
|
-
}
|
|
8697
|
-
}
|
|
8698
|
-
}
|
|
8699
|
-
getHelperValues(dynamicFilter, columns) {
|
|
8700
|
-
const filter = cloneDeep(dynamicFilter);
|
|
8701
|
-
Object.keys(filter).forEach((columnName) => {
|
|
8702
|
-
const filterOptions = filter[columnName];
|
|
8703
|
-
const column = columns[columns.findIndex((col) => col.name === columnName)];
|
|
8704
|
-
const { filterHelperValue } = column;
|
|
8705
|
-
filterOptions.forEach((item) => {
|
|
8706
|
-
if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation) && !Array.isArray(item.value)) {
|
|
8707
|
-
item.value = item.value.split(';');
|
|
8708
|
-
}
|
|
8709
|
-
let helperValue = '';
|
|
8710
|
-
if (!Array.isArray(filterHelperValue)) {
|
|
8711
|
-
helperValue = filterHelperValue;
|
|
8712
|
-
}
|
|
8713
|
-
else {
|
|
8714
|
-
Object.keys(filterHelperValue).forEach((key) => {
|
|
8715
|
-
const value = filterHelperValue[key] || '';
|
|
8716
|
-
if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}` === key) {
|
|
8717
|
-
helperValue = value;
|
|
8718
|
-
}
|
|
8719
|
-
});
|
|
8720
|
-
}
|
|
8721
|
-
if (helperValue) {
|
|
8722
|
-
const columnObj = this.instance.grid.getColumn(column.name);
|
|
8723
|
-
item.value = TekFilterHelper.getValue(helperValue, columnObj);
|
|
8724
|
-
}
|
|
8725
|
-
});
|
|
8726
|
-
});
|
|
8727
|
-
return filter;
|
|
8728
|
-
}
|
|
8729
|
-
getCurrentLayout(layoutName) {
|
|
8730
|
-
const { grid } = this.instance;
|
|
8731
|
-
const tableElement = this.getParentTable();
|
|
8732
|
-
const gridWidth = tableElement ? window.getComputedStyle(tableElement).width : 'auto';
|
|
8733
|
-
return {
|
|
8734
|
-
name: layoutName,
|
|
8735
|
-
gridWidth,
|
|
8736
|
-
order: grid.datasource.order,
|
|
8737
|
-
filter: grid.datasource.filter,
|
|
8738
|
-
dynamicFilter: this.datasourceDynamicFilter(grid.datasource),
|
|
8739
|
-
columns: grid.columns.map((column, index) => {
|
|
8740
|
-
const columnElement = tableElement === null || tableElement === void 0 ? void 0 : tableElement.querySelector(`tr th:not(.selectable)[index="${index}"]`);
|
|
8741
|
-
return {
|
|
8742
|
-
name: column.name,
|
|
8743
|
-
label: column.label,
|
|
8744
|
-
align: column.align,
|
|
8745
|
-
width: columnElement ? window.getComputedStyle(columnElement).width : 'unset',
|
|
8746
|
-
minWidth: column.minWidth,
|
|
8747
|
-
maxWidth: column.maxWidth,
|
|
8748
|
-
isVisible: column.isVisible,
|
|
8749
|
-
fixed: column.fixed,
|
|
8750
|
-
grouped: column.grouped,
|
|
8751
|
-
groupOpened: column.groupOpened,
|
|
8752
|
-
aggregation: column.aggregation,
|
|
8753
|
-
filterHelperValue: this.instance.getHelperValue(column),
|
|
8754
|
-
};
|
|
8755
|
-
}),
|
|
8756
|
-
};
|
|
8757
|
-
}
|
|
8758
|
-
getParentTable() {
|
|
8759
|
-
var _a;
|
|
8760
|
-
return (_a = this.$el.closest('.zd-grid')) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('table')[0];
|
|
8761
|
-
}
|
|
8762
|
-
updateLayout(event, layoutName) {
|
|
8763
|
-
this.instance.updateLayout(layoutName, this.getCurrentLayout(layoutName));
|
|
8764
|
-
event.stopImmediatePropagation();
|
|
8765
|
-
this.$refs.layoutMenu.isActive = false;
|
|
8766
|
-
}
|
|
8767
|
-
deleteLayout(event, layoutName) {
|
|
8768
|
-
this.instance.deleteLayout(layoutName);
|
|
8769
|
-
event.stopImmediatePropagation();
|
|
8770
|
-
}
|
|
8771
|
-
};
|
|
8772
|
-
TekGridLayoutOptions = __decorate([
|
|
8773
|
-
Component
|
|
8774
|
-
], TekGridLayoutOptions);
|
|
8775
|
-
var TekGridLayoutOptions$1 = TekGridLayoutOptions;
|
|
8776
|
-
|
|
8777
|
-
/**
|
|
8778
|
-
* DocTable component
|
|
8779
|
-
*/
|
|
8780
|
-
let TekImage = class TekImage extends ZdComponent {
|
|
8781
|
-
constructor() {
|
|
8782
|
-
super(...arguments);
|
|
8783
|
-
this.instanceType = Image;
|
|
8784
|
-
}
|
|
8785
|
-
};
|
|
8786
|
-
__decorate([
|
|
8787
|
-
PropWatch({ type: String, default: '' })
|
|
8788
|
-
], TekImage.prototype, "to", void 0);
|
|
8789
|
-
__decorate([
|
|
8790
|
-
PropWatch({ type: String, default: '' })
|
|
8791
|
-
], TekImage.prototype, "src", void 0);
|
|
8792
|
-
TekImage = __decorate([
|
|
8793
|
-
Component
|
|
8794
|
-
], TekImage);
|
|
8795
|
-
var TekImage$1 = TekImage;
|
|
8796
|
-
|
|
8797
|
-
/**
|
|
8798
|
-
* TekIterableComponentRender component
|
|
8799
|
-
*/
|
|
8800
|
-
let TekIterableComponentRender = class TekIterableComponentRender extends ZdIterable {
|
|
8801
|
-
constructor() {
|
|
8802
|
-
super(...arguments);
|
|
8803
|
-
this.instanceType = IterableComponentRender;
|
|
8804
|
-
}
|
|
8805
|
-
};
|
|
8806
|
-
__decorate([
|
|
8807
|
-
Prop({ type: Array, default: () => [] })
|
|
8808
|
-
], TekIterableComponentRender.prototype, "footerSlot", void 0);
|
|
8809
|
-
__decorate([
|
|
8810
|
-
Prop({ type: Array, default: () => [] })
|
|
8811
|
-
], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
|
|
8812
|
-
__decorate([
|
|
8813
|
-
Prop({ type: [Object, String] })
|
|
8814
|
-
], TekIterableComponentRender.prototype, "componentMetadata", void 0);
|
|
8815
|
-
__decorate([
|
|
8816
|
-
PropWatch({ type: String, default: 'row' })
|
|
8817
|
-
], TekIterableComponentRender.prototype, "rowPropName", void 0);
|
|
8818
|
-
__decorate([
|
|
8819
|
-
Prop({ type: Array, default: () => ([]) })
|
|
8820
|
-
], TekIterableComponentRender.prototype, "errorSlot", void 0);
|
|
8821
|
-
__decorate([
|
|
8822
|
-
Prop({
|
|
8823
|
-
type: Array,
|
|
8824
|
-
default: () => ([
|
|
8825
|
-
{
|
|
8826
|
-
name: '<<NAME>>_no-data',
|
|
8827
|
-
component: 'ZdText',
|
|
8828
|
-
cssClass: 'no-data',
|
|
8829
|
-
text: 'NO_DATA',
|
|
8830
|
-
},
|
|
8831
|
-
]),
|
|
8832
|
-
})
|
|
8833
|
-
], TekIterableComponentRender.prototype, "noDataSlot", void 0);
|
|
8834
|
-
__decorate([
|
|
8835
|
-
Prop({
|
|
8836
|
-
type: Array,
|
|
8837
|
-
default: () => ([
|
|
8838
|
-
{
|
|
8839
|
-
name: '<<NAME>>_no-result',
|
|
8840
|
-
component: 'ZdText',
|
|
8841
|
-
cssClass: 'no-result',
|
|
8842
|
-
text: 'NO_RESULT',
|
|
8843
|
-
},
|
|
8844
|
-
]),
|
|
8845
|
-
})
|
|
8846
|
-
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
8847
|
-
__decorate([
|
|
8848
|
-
PropWatch({ type: [Number, String], default: 'auto' })
|
|
8849
|
-
], TekIterableComponentRender.prototype, "height", void 0);
|
|
8850
|
-
__decorate([
|
|
8851
|
-
PropWatch({ type: [Number, String], default: 'none' })
|
|
8852
|
-
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
8853
|
-
__decorate([
|
|
8854
|
-
PropWatch({ type: [Number, String], default: 'none' })
|
|
8855
|
-
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
8856
|
-
TekIterableComponentRender = __decorate([
|
|
8857
|
-
Component
|
|
8858
|
-
], TekIterableComponentRender);
|
|
8859
|
-
var TekIterableComponentRender$1 = TekIterableComponentRender;
|
|
8860
|
-
|
|
8861
|
-
/**
|
|
8862
|
-
* Product card component
|
|
8863
|
-
*/
|
|
8864
|
-
let TekProductCard = class TekProductCard extends ZdComponentRender {
|
|
8865
|
-
constructor() {
|
|
8866
|
-
super(...arguments);
|
|
8867
|
-
this.instanceType = ProductCard;
|
|
8868
|
-
this.disableTooltip = true;
|
|
8869
|
-
}
|
|
8870
|
-
mounted() {
|
|
8871
|
-
const element = this.$refs.productDiv;
|
|
8872
|
-
setTimeout(() => {
|
|
8873
|
-
this.disableTooltip = !element || element.scrollWidth === element.clientWidth;
|
|
8874
|
-
}, 100);
|
|
8875
|
-
}
|
|
8876
|
-
};
|
|
8877
|
-
__decorate([
|
|
8878
|
-
PropWatch({ type: String, default: '' })
|
|
8879
|
-
], TekProductCard.prototype, "id", void 0);
|
|
8880
|
-
__decorate([
|
|
8881
|
-
PropWatch({ type: String, default: '' })
|
|
8882
|
-
], TekProductCard.prototype, "to", void 0);
|
|
8883
|
-
__decorate([
|
|
8884
|
-
PropWatch({ type: String, default: '' })
|
|
8885
|
-
], TekProductCard.prototype, "src", void 0);
|
|
8886
|
-
__decorate([
|
|
8887
|
-
PropWatch({ type: String, default: '' })
|
|
8888
|
-
], TekProductCard.prototype, "errorImagePath", void 0);
|
|
8889
|
-
__decorate([
|
|
8890
|
-
PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' })
|
|
8891
|
-
], TekProductCard.prototype, "errorImageText", void 0);
|
|
8892
|
-
__decorate([
|
|
8893
|
-
PropWatch({ type: String, default: '' })
|
|
8894
|
-
], TekProductCard.prototype, "productName", void 0);
|
|
8895
|
-
__decorate([
|
|
8896
|
-
PropWatch({ type: String })
|
|
8897
|
-
], TekProductCard.prototype, "productSupplier", void 0);
|
|
8898
|
-
__decorate([
|
|
8899
|
-
PropWatch({ type: String })
|
|
8900
|
-
], TekProductCard.prototype, "productBrand", void 0);
|
|
8901
|
-
__decorate([
|
|
8902
|
-
PropWatch({ type: [String, Number] })
|
|
8903
|
-
], TekProductCard.prototype, "productPrice", void 0);
|
|
8904
|
-
__decorate([
|
|
8905
|
-
PropWatch({ type: String, default: '' })
|
|
8906
|
-
], TekProductCard.prototype, "width", void 0);
|
|
8907
|
-
__decorate([
|
|
8908
|
-
PropWatch({ type: [Number, String], default: 'auto' })
|
|
8909
|
-
], TekProductCard.prototype, "height", void 0);
|
|
8910
|
-
__decorate([
|
|
8911
|
-
PropWatch({ type: [Number, String], default: 'none' })
|
|
8912
|
-
], TekProductCard.prototype, "maxHeight", void 0);
|
|
8913
|
-
__decorate([
|
|
8914
|
-
PropWatch({ type: [Number, String], default: 'none' })
|
|
8915
|
-
], TekProductCard.prototype, "minHeight", void 0);
|
|
8916
|
-
TekProductCard = __decorate([
|
|
8917
|
-
Component
|
|
8918
|
-
], TekProductCard);
|
|
8919
|
-
var TekProductCard$1 = TekProductCard;
|
|
8920
|
-
|
|
8921
|
-
// eslint-disable-next-line prefer-destructuring
|
|
8922
|
-
const ZdTreeGridEditable = components$1.ZdTreeGridEditable;
|
|
8923
|
-
/**
|
|
8924
|
-
* TekGrid component
|
|
8925
|
-
*/
|
|
8926
|
-
let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
8927
|
-
constructor() {
|
|
8928
|
-
super(...arguments);
|
|
8929
|
-
this.instanceType = TekTreeGrid;
|
|
8930
|
-
this.debouncedDatasourceGet = debounce((instance) => {
|
|
8931
|
-
if (instance.events.beforeApplyFilter) {
|
|
8932
|
-
instance.events.beforeApplyFilter({ component: instance });
|
|
8933
|
-
}
|
|
8934
|
-
const { datasource } = instance;
|
|
8935
|
-
if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
|
|
8936
|
-
datasource.updateDynamicFilter();
|
|
8937
|
-
}
|
|
8938
|
-
else {
|
|
8939
|
-
datasource.get();
|
|
8940
|
-
}
|
|
8941
|
-
}, 500);
|
|
8942
|
-
this.operationList = '';
|
|
8943
|
-
this.defaultOperation = '';
|
|
8944
|
-
this.defaultRelation = '';
|
|
8945
|
-
this.lastFilter = '';
|
|
8946
|
-
this.tableHeader = null;
|
|
8947
|
-
this.tableBody = null;
|
|
8948
|
-
}
|
|
8949
|
-
mounted() {
|
|
8950
|
-
this.originalChangeLayout = this.instance.changeLayout;
|
|
8951
|
-
this.instance.changeLayout = this.onChangeLayout;
|
|
8952
|
-
this.updateFixedColumns();
|
|
8953
|
-
}
|
|
8954
|
-
minimumColumnWidth(column) {
|
|
8955
|
-
let minWidth = column && column.sortable ? 50 : 34;
|
|
8956
|
-
if (this.instance.columnFilterButton && column && column.filterable) {
|
|
8957
|
-
minWidth += 15;
|
|
8958
|
-
}
|
|
8959
|
-
return minWidth;
|
|
8960
|
-
}
|
|
8961
|
-
onChangeLayout(event, element) {
|
|
8962
|
-
if (this.originalChangeLayout) {
|
|
8963
|
-
this.originalChangeLayout.call(this.instance, event, element);
|
|
8964
|
-
}
|
|
8965
|
-
if (this.instance.showLayoutOptions) {
|
|
8966
|
-
try {
|
|
8967
|
-
const layoutOptions = Metadata.getInstance(`${this.instance.name}_layout_options`);
|
|
8968
|
-
layoutOptions.layoutEdited = true;
|
|
8969
|
-
}
|
|
8970
|
-
catch (_a) {
|
|
8971
|
-
// do nothing
|
|
8972
|
-
}
|
|
8973
|
-
}
|
|
8974
|
-
this.updateFixedColumns();
|
|
8975
|
-
}
|
|
8976
|
-
getFilterActivatorEvents(on, column) {
|
|
8977
|
-
const events = {};
|
|
8978
|
-
Object.keys(on).forEach((eventName) => {
|
|
8979
|
-
events[eventName] = (event) => {
|
|
8980
|
-
this.defaultOperation = 'CONTAINS';
|
|
8981
|
-
this.defaultRelation = 'AND';
|
|
8982
|
-
this.operationList = this.getColumnFilterOptions(column).map((item) => item.operation).join(';');
|
|
8983
|
-
on[eventName](event);
|
|
8984
|
-
};
|
|
8985
|
-
});
|
|
8986
|
-
return events;
|
|
8987
|
-
}
|
|
8988
|
-
getFilterItemChange(prop, column, index) {
|
|
8989
|
-
return this.filterItemChange.bind(this, prop, column, index);
|
|
8990
|
-
}
|
|
8991
|
-
getFilterValueChange(column, index) {
|
|
8992
|
-
return debounce(this.filterValueChange.bind(this, column, index), 1000);
|
|
8993
|
-
}
|
|
8994
|
-
isOperationArrayValues(operation) {
|
|
8995
|
-
return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
|
|
8996
|
-
}
|
|
8997
|
-
getComponentType(index) {
|
|
8998
|
-
const operationListArray = this.operationList.split(';');
|
|
8999
|
-
return this.isOperationArrayValues(operationListArray[index]) ? 'ZdTextInput' : '';
|
|
9000
|
-
}
|
|
9001
|
-
getComponentHint(index) {
|
|
9002
|
-
const operationListArray = this.operationList.split(';');
|
|
9003
|
-
return this.isOperationArrayValues(operationListArray[index]) ? 'TEKGRID_MULTIPLE_VALUE_HINT' : '';
|
|
9004
|
-
}
|
|
9005
|
-
filterItemChange(prop, column, index, { component, event, element }) {
|
|
9006
|
-
const { name } = component;
|
|
9007
|
-
const valueInputName = name.replace(`-filter-${prop}-`, '-filter-value-');
|
|
9008
|
-
const valueInput = Metadata.getInstance(valueInputName);
|
|
9009
|
-
const operationListArray = this.operationList.split(';');
|
|
9010
|
-
if (prop === 'operation' && operationListArray[index] !== component.value) {
|
|
9011
|
-
operationListArray[index] = component.value;
|
|
9012
|
-
this.operationList = operationListArray.join(';');
|
|
9013
|
-
}
|
|
9014
|
-
try {
|
|
9015
|
-
valueInput.setFocus();
|
|
9016
|
-
}
|
|
9017
|
-
catch (_a) {
|
|
9018
|
-
// do nothing
|
|
9019
|
-
}
|
|
9020
|
-
const { datasource } = this.instance;
|
|
9021
|
-
if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
|
|
9022
|
-
if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
|
|
9023
|
-
this.lastFilter = JSON.stringify(datasource.dynamicFilter);
|
|
9024
|
-
const { value } = datasource.dynamicFilter[column.name][index];
|
|
9025
|
-
if (prop === 'operation') {
|
|
9026
|
-
if (this.isOperationArrayValues(component.value) && !Array.isArray(value)) {
|
|
9027
|
-
datasource.dynamicFilter[column.name][index].value = [value];
|
|
9028
|
-
}
|
|
9029
|
-
if (!this.isOperationArrayValues(component.value) && Array.isArray(value)) {
|
|
9030
|
-
[datasource.dynamicFilter[column.name][index].value] = value;
|
|
9031
|
-
}
|
|
9032
|
-
}
|
|
9033
|
-
datasource.dynamicFilter[column.name][index][prop] = component.value;
|
|
9034
|
-
if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
|
|
9035
|
-
this.debouncedDatasourceGet(this.instance);
|
|
9036
|
-
this.onChangeLayout(event, element);
|
|
9037
|
-
}
|
|
9038
|
-
}
|
|
9039
|
-
}
|
|
9040
|
-
}
|
|
9041
|
-
convertToDateFormat(column, value, revert) {
|
|
9042
|
-
const dateFormat = column.componentProps.dateFormat || Config.dateFormat;
|
|
9043
|
-
const displayFormat = column.componentProps.displayFormat || Config.displayFormat;
|
|
9044
|
-
if (revert) {
|
|
9045
|
-
if (dayjs(value, displayFormat).isValid() || !dayjs(value, dateFormat).isValid()) {
|
|
9046
|
-
return value;
|
|
9047
|
-
}
|
|
9048
|
-
return dayjs(value, dateFormat).format(displayFormat);
|
|
9049
|
-
}
|
|
9050
|
-
if (dayjs(value, dateFormat).isValid() || !dayjs(value, displayFormat).isValid()) {
|
|
9051
|
-
return value;
|
|
9052
|
-
}
|
|
9053
|
-
return dayjs(value, displayFormat).format(dateFormat);
|
|
9054
|
-
}
|
|
9055
|
-
checkDateValueFormat(column, value, revert = false) {
|
|
9056
|
-
if (['ZdDate', 'ZdDateRange'].includes(column.componentProps.component)) {
|
|
9057
|
-
if (Array.isArray(value)) {
|
|
9058
|
-
return value.map((item) => this.convertToDateFormat(column, item, revert));
|
|
9059
|
-
}
|
|
9060
|
-
return this.convertToDateFormat(column, value, revert);
|
|
9061
|
-
}
|
|
9062
|
-
return value;
|
|
9063
|
-
}
|
|
9064
|
-
filterValueChange(column, index, { component, event, element }) {
|
|
9065
|
-
let { value } = component;
|
|
9066
|
-
const { datasource } = this.instance;
|
|
9067
|
-
if (!(element === null || element === void 0 ? void 0 : element.offsetParent))
|
|
9068
|
-
return;
|
|
9069
|
-
if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
|
|
9070
|
-
this.lastFilter = JSON.stringify(datasource.dynamicFilter);
|
|
9071
|
-
if (value) {
|
|
9072
|
-
if (!datasource.dynamicFilter[column.name]) {
|
|
9073
|
-
datasource.dynamicFilter[column.name] = [];
|
|
9074
|
-
}
|
|
9075
|
-
if (!datasource.dynamicFilter[column.name][index]) {
|
|
9076
|
-
const { name } = component;
|
|
9077
|
-
let relation;
|
|
9078
|
-
if (index > 0) {
|
|
9079
|
-
const relationSelectName = name.replace('-filter-value-', '-filter-relation-');
|
|
9080
|
-
const relationSelect = Metadata.getInstance(relationSelectName);
|
|
9081
|
-
relation = relationSelect.value;
|
|
9082
|
-
}
|
|
9083
|
-
else {
|
|
9084
|
-
relation = 'AND';
|
|
9085
|
-
}
|
|
9086
|
-
const operationSelectName = name.replace('-filter-value-', '-filter-operation-');
|
|
9087
|
-
const operationSelect = Metadata.getInstance(operationSelectName);
|
|
9088
|
-
const operation = operationSelect.value;
|
|
9089
|
-
if (this.isOperationArrayValues(operation)) {
|
|
9090
|
-
value = value.split(';');
|
|
9091
|
-
}
|
|
9092
|
-
value = this.checkDateValueFormat(column, value);
|
|
9093
|
-
datasource.dynamicFilter[column.name].push({
|
|
9094
|
-
relation,
|
|
9095
|
-
operation,
|
|
9096
|
-
value,
|
|
9097
|
-
});
|
|
9098
|
-
}
|
|
9099
|
-
else {
|
|
9100
|
-
if (this.isOperationArrayValues(datasource.dynamicFilter[column.name][index].operation)) {
|
|
9101
|
-
value = value.split(';');
|
|
9102
|
-
}
|
|
9103
|
-
value = this.checkDateValueFormat(column, value);
|
|
9104
|
-
datasource.dynamicFilter[column.name][index].value = value;
|
|
9105
|
-
}
|
|
9106
|
-
}
|
|
9107
|
-
else if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
|
|
9108
|
-
this.defaultOperation = datasource.dynamicFilter[column.name][index].operation;
|
|
9109
|
-
this.defaultRelation = datasource.dynamicFilter[column.name][index].relation;
|
|
9110
|
-
datasource.dynamicFilter[column.name].splice(index, 1);
|
|
9111
|
-
if (datasource.dynamicFilter[column.name].length === 1) {
|
|
9112
|
-
datasource.dynamicFilter[column.name][0].relation = 'AND';
|
|
9113
|
-
}
|
|
9114
|
-
if (!datasource.dynamicFilter[column.name].length) {
|
|
9115
|
-
delete datasource.dynamicFilter[column.name];
|
|
9116
|
-
}
|
|
9117
|
-
}
|
|
9118
|
-
if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
|
|
9119
|
-
this.debouncedDatasourceGet(this.instance);
|
|
9120
|
-
this.onChangeLayout(event, element);
|
|
9121
|
-
this.clearHelperValues(column);
|
|
9122
|
-
}
|
|
9123
|
-
}
|
|
9124
|
-
else {
|
|
9125
|
-
this.lastFilter = JSON.stringify(this.instance.datasource.filter);
|
|
9126
|
-
if (value) {
|
|
9127
|
-
this.instance.datasource.addFilter(column.name, value);
|
|
9128
|
-
}
|
|
9129
|
-
else {
|
|
9130
|
-
this.instance.datasource.removeFilter(column.name);
|
|
9131
|
-
}
|
|
9132
|
-
if (this.lastFilter !== JSON.stringify(this.instance.datasource.filter)) {
|
|
9133
|
-
this.debouncedDatasourceGet(this.instance);
|
|
9134
|
-
this.onChangeLayout(event, element);
|
|
9135
|
-
this.clearHelperValues(column);
|
|
9136
|
-
}
|
|
9137
|
-
}
|
|
9138
|
-
}
|
|
9139
|
-
clearHelperValues(column) {
|
|
9140
|
-
if (!Array.isArray(column.filterProps)) {
|
|
9141
|
-
column.filterProps.helperValue = '';
|
|
9142
|
-
}
|
|
9143
|
-
else {
|
|
9144
|
-
column.filterProps.forEach((prop) => {
|
|
9145
|
-
prop.helperValue = '';
|
|
9146
|
-
});
|
|
9147
|
-
}
|
|
9148
|
-
}
|
|
9149
|
-
getColumnFilterOptions(column) {
|
|
9150
|
-
const filterOptions = [];
|
|
9151
|
-
const { datasource } = this.instance;
|
|
9152
|
-
if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
|
|
9153
|
-
const dynamicFilter = datasource.dynamicFilter[column.name];
|
|
9154
|
-
if (dynamicFilter && dynamicFilter.length > 0) {
|
|
9155
|
-
dynamicFilter.forEach((item) => {
|
|
9156
|
-
let { value } = item;
|
|
9157
|
-
if (this.isOperationArrayValues(item.operation) && Array.isArray(value)) {
|
|
9158
|
-
value = this.checkDateValueFormat(column, value, true);
|
|
9159
|
-
value = value.join(';');
|
|
9160
|
-
}
|
|
9161
|
-
filterOptions.push(Object.assign(Object.assign({}, item), { value }));
|
|
9162
|
-
});
|
|
9163
|
-
}
|
|
9164
|
-
filterOptions.push({
|
|
9165
|
-
operation: this.defaultOperation,
|
|
9166
|
-
relation: this.defaultRelation,
|
|
9167
|
-
value: '',
|
|
9168
|
-
});
|
|
9169
|
-
}
|
|
9170
|
-
else {
|
|
9171
|
-
const option = {
|
|
9172
|
-
operation: undefined,
|
|
9173
|
-
relation: undefined,
|
|
9174
|
-
value: this.instance.datasource.filter[column.name] || '',
|
|
9175
|
-
};
|
|
9176
|
-
filterOptions.push(option);
|
|
9177
|
-
}
|
|
9178
|
-
return filterOptions;
|
|
9179
|
-
}
|
|
9180
|
-
isCurrentRow(row) {
|
|
9181
|
-
const { uniqueKey, currentRow } = this.instance.datasource;
|
|
9182
|
-
return !!((row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
|
|
9183
|
-
}
|
|
9184
|
-
getVisibleData() {
|
|
9185
|
-
this.scrollData.visibleData = this.instance.datasource.data;
|
|
9186
|
-
return this.scrollData.visibleData;
|
|
9187
|
-
}
|
|
9188
|
-
getData() {
|
|
9189
|
-
if (!this.instance.virtualScroll || !this.scrollData.initialized) {
|
|
9190
|
-
return this.instance.treeDataStructure.searchHasNoData ? [] : this.instance.treeDataStructure.treeData;
|
|
9191
|
-
}
|
|
9192
|
-
return this.renderedData;
|
|
9193
|
-
}
|
|
9194
|
-
rowClick(row, event) {
|
|
9195
|
-
this.instance.rowClick(row, event, this.$el);
|
|
9196
|
-
}
|
|
9197
|
-
orderHeaders(headers) {
|
|
9198
|
-
return headers.sort((a, b) => {
|
|
9199
|
-
if (a.fixed === b.fixed)
|
|
9200
|
-
return 0;
|
|
9201
|
-
if (!a.fixed && b.fixed)
|
|
9202
|
-
return 1;
|
|
9203
|
-
return -1;
|
|
9204
|
-
}).filter((item) => item instanceof TekGridColumn);
|
|
9205
|
-
}
|
|
9206
|
-
updateFixedColumns() {
|
|
9207
|
-
if (this.instance.columns.filter((column) => column.fixed).length === 0)
|
|
9208
|
-
return;
|
|
9209
|
-
if (!this.tableHeader) {
|
|
9210
|
-
this.tableHeader = this.$el.querySelector('table thead tr');
|
|
9211
|
-
this.tableBody = this.$el.querySelector('table tbody');
|
|
9212
|
-
if (!this.tableHeader || !this.tableBody)
|
|
9213
|
-
return;
|
|
9214
|
-
}
|
|
9215
|
-
const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
|
|
9216
|
-
let left = this.instance.selectable ? 40 : 0;
|
|
9217
|
-
headerColumns.forEach((column) => {
|
|
9218
|
-
const name = column.getAttribute('column-name');
|
|
9219
|
-
if (name && column.classList.contains('zd-table-fixed-column')) {
|
|
9220
|
-
column.style.left = `${left}px`;
|
|
9221
|
-
left += column.clientWidth;
|
|
9222
|
-
}
|
|
9223
|
-
});
|
|
9224
|
-
}
|
|
9225
|
-
getFixedLeft(column) {
|
|
9226
|
-
if (!column.fixed)
|
|
9227
|
-
return 'unset';
|
|
9228
|
-
const headerElement = this.$refs[`column-${column.name}`];
|
|
9229
|
-
if (!headerElement)
|
|
9230
|
-
return 'unset';
|
|
9231
|
-
return headerElement[0].style.left;
|
|
9232
|
-
}
|
|
9233
|
-
};
|
|
9234
|
-
__decorate([
|
|
9235
|
-
PropWatch({ type: [String], default: '' })
|
|
9236
|
-
], TekGrid.prototype, "title", void 0);
|
|
9237
|
-
__decorate([
|
|
9238
|
-
PropWatch({ type: [Boolean, String], default: false })
|
|
9239
|
-
], TekGrid.prototype, "addButton", void 0);
|
|
9240
|
-
__decorate([
|
|
9241
|
-
PropWatch({ type: [String], default: 'none' })
|
|
9242
|
-
], TekGrid.prototype, "deleteButton", void 0);
|
|
9243
|
-
__decorate([
|
|
9244
|
-
PropWatch({ type: [Boolean, String], default: false })
|
|
9245
|
-
], TekGrid.prototype, "columnsButton", void 0);
|
|
9246
|
-
__decorate([
|
|
9247
|
-
Prop({ type: [Array, String], default: () => [] })
|
|
9248
|
-
], TekGrid.prototype, "columnsButtonIgnore", void 0);
|
|
9249
|
-
__decorate([
|
|
9250
|
-
PropWatch({ type: [Boolean, String], default: false })
|
|
9251
|
-
], TekGrid.prototype, "filterButton", void 0);
|
|
9252
|
-
__decorate([
|
|
9253
|
-
PropWatch({ type: [Boolean, String], default: true })
|
|
9254
|
-
], TekGrid.prototype, "showSearch", void 0);
|
|
9255
|
-
__decorate([
|
|
9256
|
-
PropWatch({ type: [Boolean, String], default: false })
|
|
9257
|
-
], TekGrid.prototype, "columnFilterButton", void 0);
|
|
9258
|
-
__decorate([
|
|
9259
|
-
Prop({ type: [Array], default: () => [] })
|
|
9260
|
-
], TekGrid.prototype, "actions", void 0);
|
|
9261
|
-
__decorate([
|
|
9262
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
9263
|
-
], TekGrid.prototype, "dragColumns", void 0);
|
|
9264
|
-
__decorate([
|
|
9265
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
9266
|
-
], TekGrid.prototype, "resizeColumns", void 0);
|
|
9267
|
-
__decorate([
|
|
9268
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
9269
|
-
], TekGrid.prototype, "showLayoutOptions", void 0);
|
|
9270
|
-
__decorate([
|
|
9271
|
-
PropWatch({ type: [String, Boolean], default: false })
|
|
9272
|
-
], TekGrid.prototype, "showExport", void 0);
|
|
9273
|
-
__decorate([
|
|
9274
|
-
PropWatch({ type: [String, Boolean], default: true })
|
|
9275
|
-
], TekGrid.prototype, "showReload", void 0);
|
|
9276
|
-
__decorate([
|
|
9277
|
-
Prop({ type: [String, Array] })
|
|
9278
|
-
], TekGrid.prototype, "exportConfig", void 0);
|
|
9279
|
-
__decorate([
|
|
9280
|
-
Prop({ type: [Array] })
|
|
9281
|
-
], TekGrid.prototype, "exportActions", void 0);
|
|
9282
|
-
__decorate([
|
|
9283
|
-
Prop({
|
|
9284
|
-
type: Array,
|
|
9285
|
-
default: () => undefined,
|
|
9286
|
-
})
|
|
9287
|
-
], TekGrid.prototype, "toolbarSlot", void 0);
|
|
9288
|
-
TekGrid = __decorate([
|
|
9289
|
-
Component
|
|
9290
|
-
], TekGrid);
|
|
9291
|
-
var TekGrid$1 = TekGrid;
|
|
9292
|
-
|
|
9293
|
-
let TekUserInfo = class TekUserInfo extends ZdUserInfo {
|
|
9294
|
-
constructor() {
|
|
9295
|
-
super(...arguments);
|
|
9296
|
-
this.instanceType = TekUserInfo$3;
|
|
9297
|
-
}
|
|
9298
|
-
};
|
|
9299
|
-
__decorate([
|
|
9300
|
-
PropWatch({ type: [String], default: '' })
|
|
9301
|
-
], TekUserInfo.prototype, "aboutImage", void 0);
|
|
9302
|
-
__decorate([
|
|
9303
|
-
PropWatch({ type: [String], default: '' })
|
|
9304
|
-
], TekUserInfo.prototype, "defaultEmail", void 0);
|
|
9305
|
-
__decorate([
|
|
9306
|
-
PropWatch({ type: [Object, String], default: null })
|
|
9307
|
-
], TekUserInfo.prototype, "versionInfo", void 0);
|
|
9308
|
-
__decorate([
|
|
9309
|
-
PropWatch({ type: [String], default: '' })
|
|
9310
|
-
], TekUserInfo.prototype, "versionUrl", void 0);
|
|
9311
|
-
__decorate([
|
|
9312
|
-
Prop({ type: [Array], default: undefined })
|
|
9313
|
-
], TekUserInfo.prototype, "bottomSlot", void 0);
|
|
9314
|
-
TekUserInfo = __decorate([
|
|
9315
|
-
Component
|
|
9316
|
-
], TekUserInfo);
|
|
9317
|
-
var TekUserInfo$1 = TekUserInfo;
|
|
9318
|
-
|
|
9319
|
-
// eslint-disable-next-line prefer-destructuring
|
|
9320
|
-
const ZdList = components$1.ZdList;
|
|
9321
|
-
let TekUserInfoList = class TekUserInfoList extends ZdList {
|
|
9322
|
-
constructor() {
|
|
9323
|
-
super(...arguments);
|
|
9324
|
-
this.instanceType = TekUserInfoList$3;
|
|
9325
|
-
}
|
|
9326
|
-
};
|
|
9327
|
-
__decorate([
|
|
9328
|
-
PropWatch({ type: [String], default: '' })
|
|
9329
|
-
], TekUserInfoList.prototype, "parentName", void 0);
|
|
9330
|
-
__decorate([
|
|
9331
|
-
PropWatch({ type: [Boolean, String], default: true })
|
|
9332
|
-
], TekUserInfoList.prototype, "dense", void 0);
|
|
9333
|
-
TekUserInfoList = __decorate([
|
|
9334
|
-
Component
|
|
9335
|
-
], TekUserInfoList);
|
|
9336
|
-
var TekUserInfoList$1 = TekUserInfoList;
|
|
9337
|
-
|
|
9338
7896
|
Icons.addIcons({
|
|
9339
7897
|
add: 'mdi-plus-box',
|
|
9340
7898
|
delete: 'mdi-trash-can-outline',
|
|
@@ -9356,4 +7914,4 @@ const TeknisaComponents = {
|
|
|
9356
7914
|
const packageContent = require('../package.json');
|
|
9357
7915
|
VersionService.addPackageVersion(packageContent.name, packageContent.version);
|
|
9358
7916
|
|
|
9359
|
-
export {
|
|
7917
|
+
export { script$i as TekBreadcrumbHeader, script$h as TekCardTitle, script$g as TekCrudAddButton, script$f as TekCrudCancelButton, script$e as TekCrudDeleteButton, script$d as TekCrudForm, script$c as TekCrudSaveButton, script$b as TekGrid, script$a as TekGridColumnsButton, script$9 as TekGridLayoutOptions, script$8 as TekImage, script$6 as TekIterableComponentRender, script$3 as TekProductCard, script$2 as TekTreeGrid, script$1 as TekUserInfo, script as TekUserInfoList, TeknisaComponents as default };
|