@zeedhi/teknisa-components-vuetify 1.54.0 → 1.57.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 +1757 -268
- package/dist/tek-components-vuetify.umd.js +1768 -279
- 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/tek-grid/TekGrid.d.ts +1 -0
- package/dist/tek-style.css +0 -5812
- package/types/components/tek-ag-grid/RenderedIcons.d.ts +0 -6
- package/types/components/tek-ag-grid/TekAgGrid.d.ts +0 -30
- package/types/components/tek-ag-grid/tek-ag-grid-components/index.d.ts +0 -6
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/TekAgGridCellEditor.d.ts +0 -15
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts +0 -14
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/TekAgGridCellRenderer.d.ts +0 -11
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/interfaces.d.ts +0 -13
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts +0 -21
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/interfaces.d.ts +0 -14
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/TekAgGridSelectEditor.d.ts +0 -13
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/interfaces.d.ts +0 -10
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/TekAgGridSelectRenderer.d.ts +0 -9
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/interfaces.d.ts +0 -8
- package/types/components/tek-grid/RenderedIcons.d.ts +0 -6
- package/types/components/tek-grid/tek-grid-components/index.d.ts +0 -6
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts +0 -15
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/interfaces.d.ts +0 -14
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/TekGridCellRenderer.d.ts +0 -11
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/interfaces.d.ts +0 -13
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/TekGridDate.d.ts +0 -21
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/interfaces.d.ts +0 -14
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/TekGridSelectEditor.d.ts +0 -13
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/interfaces.d.ts +0 -10
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/TekGridSelectRenderer.d.ts +0 -9
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts +0 -8
- package/types/components/tek-login/TekLogin.d.ts +0 -15
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { ModalService, Icons } from '@zeedhi/common';
|
|
2
2
|
import { ZdUserInfo } from '@zeedhi/zd-user-info-vue';
|
|
3
|
+
import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader, VersionService } from '@zeedhi/core';
|
|
3
4
|
import { Prop, Component, Watch } from 'vue-property-decorator';
|
|
4
|
-
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$6, TekRestDatasource, TekMemoryDatasource, TekGridColumn, TekGridColumnsButton as TekGridColumnsButton$3, TekGridLayoutOptions as TekGridLayoutOptions$3, TekFilterHelper, Image, IterableCarousel, IterableComponentRender, Loading, Notifications, ProductCard, TekTreeGrid, TekUserInfo as TekUserInfo$3, TekUserInfoList as TekUserInfoList$3 } from '@zeedhi/teknisa-components-common';
|
|
5
6
|
import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, ZdIterable, ZdLoading } from '@zeedhi/vuetify';
|
|
6
|
-
import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader } from '@zeedhi/core';
|
|
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 = class TekBreadcrumbHeader extends ZdComponent {
|
|
36
|
+
let TekBreadcrumbHeader$2 = class TekBreadcrumbHeader extends ZdComponent {
|
|
37
37
|
constructor() {
|
|
38
38
|
super(...arguments);
|
|
39
39
|
this.instanceType = BreadcrumbHeader;
|
|
@@ -41,17 +41,17 @@ let TekBreadcrumbHeader = class TekBreadcrumbHeader extends ZdComponent {
|
|
|
41
41
|
};
|
|
42
42
|
__decorate([
|
|
43
43
|
PropWatch({ type: String, default: '' })
|
|
44
|
-
], TekBreadcrumbHeader.prototype, "title", void 0);
|
|
44
|
+
], TekBreadcrumbHeader$2.prototype, "title", void 0);
|
|
45
45
|
__decorate([
|
|
46
46
|
Prop({ type: Object, default: {} })
|
|
47
|
-
], TekBreadcrumbHeader.prototype, "breadcrumb", void 0);
|
|
47
|
+
], TekBreadcrumbHeader$2.prototype, "breadcrumb", void 0);
|
|
48
48
|
__decorate([
|
|
49
49
|
Prop({ type: Array, default: () => [] })
|
|
50
|
-
], TekBreadcrumbHeader.prototype, "rightSlot", void 0);
|
|
51
|
-
TekBreadcrumbHeader = __decorate([
|
|
50
|
+
], TekBreadcrumbHeader$2.prototype, "rightSlot", void 0);
|
|
51
|
+
TekBreadcrumbHeader$2 = __decorate([
|
|
52
52
|
Component
|
|
53
|
-
], TekBreadcrumbHeader);
|
|
54
|
-
var script$i = TekBreadcrumbHeader;
|
|
53
|
+
], TekBreadcrumbHeader$2);
|
|
54
|
+
var script$i = TekBreadcrumbHeader$2;
|
|
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-3655bcb8_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 = class TekCardTitle extends ZdComponentRender {
|
|
296
|
+
let TekCardTitle$2 = class TekCardTitle extends ZdComponentRender {
|
|
297
297
|
constructor() {
|
|
298
298
|
super(...arguments);
|
|
299
299
|
this.instanceType = CardTitle;
|
|
@@ -301,26 +301,26 @@ let TekCardTitle = class TekCardTitle extends ZdComponentRender {
|
|
|
301
301
|
};
|
|
302
302
|
__decorate([
|
|
303
303
|
PropWatch({ type: String, default: '' })
|
|
304
|
-
], TekCardTitle.prototype, "title", void 0);
|
|
304
|
+
], TekCardTitle$2.prototype, "title", void 0);
|
|
305
305
|
__decorate([
|
|
306
306
|
PropWatch({ type: String, default: '' })
|
|
307
|
-
], TekCardTitle.prototype, "subtitle", void 0);
|
|
307
|
+
], TekCardTitle$2.prototype, "subtitle", void 0);
|
|
308
308
|
__decorate([
|
|
309
309
|
PropWatch({ type: String, default: '' })
|
|
310
|
-
], TekCardTitle.prototype, "iconName", void 0);
|
|
310
|
+
], TekCardTitle$2.prototype, "iconName", void 0);
|
|
311
311
|
__decorate([
|
|
312
312
|
Prop({ type: Array, default: () => [] })
|
|
313
|
-
], TekCardTitle.prototype, "rightSlot", void 0);
|
|
313
|
+
], TekCardTitle$2.prototype, "rightSlot", void 0);
|
|
314
314
|
__decorate([
|
|
315
315
|
PropWatch({ type: [Boolean, String], default: true })
|
|
316
|
-
], TekCardTitle.prototype, "showDivider", void 0);
|
|
316
|
+
], TekCardTitle$2.prototype, "showDivider", void 0);
|
|
317
317
|
__decorate([
|
|
318
318
|
PropWatch({ type: String, default: '' })
|
|
319
|
-
], TekCardTitle.prototype, "to", void 0);
|
|
320
|
-
TekCardTitle = __decorate([
|
|
319
|
+
], TekCardTitle$2.prototype, "to", void 0);
|
|
320
|
+
TekCardTitle$2 = __decorate([
|
|
321
321
|
Component
|
|
322
|
-
], TekCardTitle);
|
|
323
|
-
var script$h = TekCardTitle;
|
|
322
|
+
], TekCardTitle$2);
|
|
323
|
+
var script$h = TekCardTitle$2;
|
|
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-0ec658b4_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 = class TekCrudAddButton extends TekCrudButton$1 {
|
|
500
|
+
let TekCrudAddButton$2 = class TekCrudAddButton extends TekCrudButton$1 {
|
|
501
501
|
constructor() {
|
|
502
502
|
super(...arguments);
|
|
503
503
|
this.instanceType = CrudAddButton;
|
|
@@ -505,23 +505,23 @@ let TekCrudAddButton = class TekCrudAddButton extends TekCrudButton$1 {
|
|
|
505
505
|
};
|
|
506
506
|
__decorate([
|
|
507
507
|
PropWatch({ type: [String, Boolean], default: true })
|
|
508
|
-
], TekCrudAddButton.prototype, "flat", void 0);
|
|
508
|
+
], TekCrudAddButton$2.prototype, "flat", void 0);
|
|
509
509
|
__decorate([
|
|
510
510
|
PropWatch({ type: [String, Boolean], default: true })
|
|
511
|
-
], TekCrudAddButton.prototype, "icon", void 0);
|
|
511
|
+
], TekCrudAddButton$2.prototype, "icon", void 0);
|
|
512
512
|
__decorate([
|
|
513
513
|
PropWatch({ type: String, default: 'plus' })
|
|
514
|
-
], TekCrudAddButton.prototype, "iconName", void 0);
|
|
514
|
+
], TekCrudAddButton$2.prototype, "iconName", void 0);
|
|
515
515
|
__decorate([
|
|
516
516
|
PropWatch({ type: String, default: '#666' })
|
|
517
|
-
], TekCrudAddButton.prototype, "color", void 0);
|
|
517
|
+
], TekCrudAddButton$2.prototype, "color", void 0);
|
|
518
518
|
__decorate([
|
|
519
519
|
PropWatch({ type: String, default: 'f2' })
|
|
520
|
-
], TekCrudAddButton.prototype, "clickShortcutKey", void 0);
|
|
521
|
-
TekCrudAddButton = __decorate([
|
|
520
|
+
], TekCrudAddButton$2.prototype, "clickShortcutKey", void 0);
|
|
521
|
+
TekCrudAddButton$2 = __decorate([
|
|
522
522
|
Component
|
|
523
|
-
], TekCrudAddButton);
|
|
524
|
-
var script$g = TekCrudAddButton;
|
|
523
|
+
], TekCrudAddButton$2);
|
|
524
|
+
var script$g = TekCrudAddButton$2;
|
|
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 = class TekCrudCancelButton extends TekCrudButton$1 {
|
|
630
|
+
let TekCrudCancelButton$2 = class TekCrudCancelButton extends TekCrudButton$1 {
|
|
631
631
|
constructor() {
|
|
632
632
|
super(...arguments);
|
|
633
633
|
this.instanceType = CrudCancelButton;
|
|
@@ -635,17 +635,17 @@ let TekCrudCancelButton = class TekCrudCancelButton extends TekCrudButton$1 {
|
|
|
635
635
|
};
|
|
636
636
|
__decorate([
|
|
637
637
|
PropWatch({ type: String, default: 'CANCEL' })
|
|
638
|
-
], TekCrudCancelButton.prototype, "label", void 0);
|
|
638
|
+
], TekCrudCancelButton$2.prototype, "label", void 0);
|
|
639
639
|
__decorate([
|
|
640
640
|
PropWatch({ type: [String, Boolean], default: true })
|
|
641
|
-
], TekCrudCancelButton.prototype, "outline", void 0);
|
|
641
|
+
], TekCrudCancelButton$2.prototype, "outline", void 0);
|
|
642
642
|
__decorate([
|
|
643
643
|
PropWatch({ type: String, default: 'esc' })
|
|
644
|
-
], TekCrudCancelButton.prototype, "clickShortcutKey", void 0);
|
|
645
|
-
TekCrudCancelButton = __decorate([
|
|
644
|
+
], TekCrudCancelButton$2.prototype, "clickShortcutKey", void 0);
|
|
645
|
+
TekCrudCancelButton$2 = __decorate([
|
|
646
646
|
Component
|
|
647
|
-
], TekCrudCancelButton);
|
|
648
|
-
var script$f = TekCrudCancelButton;
|
|
647
|
+
], TekCrudCancelButton$2);
|
|
648
|
+
var script$f = TekCrudCancelButton$2;
|
|
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 = class TekCrudDeleteButton extends TekCrudButton$1 {
|
|
754
|
+
let TekCrudDeleteButton$2 = class TekCrudDeleteButton extends TekCrudButton$1 {
|
|
755
755
|
constructor() {
|
|
756
756
|
super(...arguments);
|
|
757
757
|
this.instanceType = CrudDeleteButton;
|
|
@@ -759,23 +759,23 @@ let TekCrudDeleteButton = class TekCrudDeleteButton extends TekCrudButton$1 {
|
|
|
759
759
|
};
|
|
760
760
|
__decorate([
|
|
761
761
|
PropWatch({ type: [String, Boolean], default: true })
|
|
762
|
-
], TekCrudDeleteButton.prototype, "flat", void 0);
|
|
762
|
+
], TekCrudDeleteButton$2.prototype, "flat", void 0);
|
|
763
763
|
__decorate([
|
|
764
764
|
PropWatch({ type: [String, Boolean], default: true })
|
|
765
|
-
], TekCrudDeleteButton.prototype, "icon", void 0);
|
|
765
|
+
], TekCrudDeleteButton$2.prototype, "icon", void 0);
|
|
766
766
|
__decorate([
|
|
767
767
|
PropWatch({ type: String, default: 'trashCanOutline' })
|
|
768
|
-
], TekCrudDeleteButton.prototype, "iconName", void 0);
|
|
768
|
+
], TekCrudDeleteButton$2.prototype, "iconName", void 0);
|
|
769
769
|
__decorate([
|
|
770
770
|
PropWatch({ type: String, default: '#666' })
|
|
771
|
-
], TekCrudDeleteButton.prototype, "color", void 0);
|
|
771
|
+
], TekCrudDeleteButton$2.prototype, "color", void 0);
|
|
772
772
|
__decorate([
|
|
773
773
|
PropWatch({ type: String, default: 'ctrl+d' })
|
|
774
|
-
], TekCrudDeleteButton.prototype, "clickShortcutKey", void 0);
|
|
775
|
-
TekCrudDeleteButton = __decorate([
|
|
774
|
+
], TekCrudDeleteButton$2.prototype, "clickShortcutKey", void 0);
|
|
775
|
+
TekCrudDeleteButton$2 = __decorate([
|
|
776
776
|
Component
|
|
777
|
-
], TekCrudDeleteButton);
|
|
778
|
-
var script$e = TekCrudDeleteButton;
|
|
777
|
+
], TekCrudDeleteButton$2);
|
|
778
|
+
var script$e = TekCrudDeleteButton$2;
|
|
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 = class TekCrudForm extends ZdForm {
|
|
884
|
+
let TekCrudForm$2 = class TekCrudForm extends ZdForm {
|
|
885
885
|
constructor() {
|
|
886
886
|
super(...arguments);
|
|
887
887
|
this.instanceType = CrudForm;
|
|
888
888
|
}
|
|
889
889
|
};
|
|
890
|
-
TekCrudForm = __decorate([
|
|
890
|
+
TekCrudForm$2 = __decorate([
|
|
891
891
|
Component
|
|
892
|
-
], TekCrudForm);
|
|
893
|
-
var script$d = TekCrudForm;
|
|
892
|
+
], TekCrudForm$2);
|
|
893
|
+
var script$d = TekCrudForm$2;
|
|
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-1013c8a0_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 = class TekCrudSaveButton extends TekCrudButton$1 {
|
|
1010
|
+
let TekCrudSaveButton$2 = class TekCrudSaveButton extends TekCrudButton$1 {
|
|
1011
1011
|
constructor() {
|
|
1012
1012
|
super(...arguments);
|
|
1013
1013
|
this.instanceType = CrudSaveButton;
|
|
@@ -1015,14 +1015,14 @@ let TekCrudSaveButton = class TekCrudSaveButton extends TekCrudButton$1 {
|
|
|
1015
1015
|
};
|
|
1016
1016
|
__decorate([
|
|
1017
1017
|
PropWatch({ type: String, default: 'SAVE' })
|
|
1018
|
-
], TekCrudSaveButton.prototype, "label", void 0);
|
|
1018
|
+
], TekCrudSaveButton$2.prototype, "label", void 0);
|
|
1019
1019
|
__decorate([
|
|
1020
1020
|
PropWatch({ type: String, default: 'ctrl+enter' })
|
|
1021
|
-
], TekCrudSaveButton.prototype, "clickShortcutKey", void 0);
|
|
1022
|
-
TekCrudSaveButton = __decorate([
|
|
1021
|
+
], TekCrudSaveButton$2.prototype, "clickShortcutKey", void 0);
|
|
1022
|
+
TekCrudSaveButton$2 = __decorate([
|
|
1023
1023
|
Component
|
|
1024
|
-
], TekCrudSaveButton);
|
|
1025
|
-
var script$c = TekCrudSaveButton;
|
|
1024
|
+
], TekCrudSaveButton$2);
|
|
1025
|
+
var script$c = TekCrudSaveButton$2;
|
|
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 = components$1.ZdGridEditable;
|
|
1129
|
+
const ZdGridEditable$1 = components$1.ZdGridEditable;
|
|
1130
1130
|
/**
|
|
1131
1131
|
* TekGrid component
|
|
1132
1132
|
*/
|
|
1133
|
-
let TekGrid$
|
|
1133
|
+
let TekGrid$5 = class TekGrid extends ZdGridEditable$1 {
|
|
1134
1134
|
constructor() {
|
|
1135
1135
|
super(...arguments);
|
|
1136
|
-
this.instanceType = TekGrid$
|
|
1136
|
+
this.instanceType = TekGrid$6;
|
|
1137
1137
|
/**
|
|
1138
1138
|
* Left distance for each column
|
|
1139
1139
|
*/
|
|
@@ -1521,68 +1521,71 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
|
|
|
1521
1521
|
};
|
|
1522
1522
|
__decorate([
|
|
1523
1523
|
PropWatch({ type: [String], default: '' })
|
|
1524
|
-
], TekGrid$
|
|
1524
|
+
], TekGrid$5.prototype, "title", void 0);
|
|
1525
1525
|
__decorate([
|
|
1526
1526
|
PropWatch({ type: [Boolean, String], default: false })
|
|
1527
|
-
], TekGrid$
|
|
1527
|
+
], TekGrid$5.prototype, "addButton", void 0);
|
|
1528
1528
|
__decorate([
|
|
1529
1529
|
PropWatch({ type: [String], default: 'none' })
|
|
1530
|
-
], TekGrid$
|
|
1530
|
+
], TekGrid$5.prototype, "deleteButton", void 0);
|
|
1531
1531
|
__decorate([
|
|
1532
1532
|
PropWatch({ type: [Boolean, String], default: false })
|
|
1533
|
-
], TekGrid$
|
|
1533
|
+
], TekGrid$5.prototype, "columnsButton", void 0);
|
|
1534
1534
|
__decorate([
|
|
1535
1535
|
Prop({ type: [Array, String], default: () => [] })
|
|
1536
|
-
], TekGrid$
|
|
1536
|
+
], TekGrid$5.prototype, "columnsButtonIgnore", void 0);
|
|
1537
1537
|
__decorate([
|
|
1538
1538
|
PropWatch({ type: [Boolean, String], default: false })
|
|
1539
|
-
], TekGrid$
|
|
1539
|
+
], TekGrid$5.prototype, "filterButton", void 0);
|
|
1540
1540
|
__decorate([
|
|
1541
1541
|
PropWatch({ type: [Boolean, String], default: true })
|
|
1542
|
-
], TekGrid$
|
|
1542
|
+
], TekGrid$5.prototype, "showSearch", void 0);
|
|
1543
1543
|
__decorate([
|
|
1544
1544
|
PropWatch({ type: [Boolean, String], default: false })
|
|
1545
|
-
], TekGrid$
|
|
1545
|
+
], TekGrid$5.prototype, "columnFilterButton", void 0);
|
|
1546
1546
|
__decorate([
|
|
1547
1547
|
Prop({ type: [Array], default: () => [] })
|
|
1548
|
-
], TekGrid$
|
|
1548
|
+
], TekGrid$5.prototype, "actions", void 0);
|
|
1549
1549
|
__decorate([
|
|
1550
1550
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1551
|
-
], TekGrid$
|
|
1551
|
+
], TekGrid$5.prototype, "dragColumns", void 0);
|
|
1552
1552
|
__decorate([
|
|
1553
1553
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1554
|
-
], TekGrid$
|
|
1554
|
+
], TekGrid$5.prototype, "resizeColumns", void 0);
|
|
1555
1555
|
__decorate([
|
|
1556
1556
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1557
|
-
], TekGrid$
|
|
1557
|
+
], TekGrid$5.prototype, "showLayoutOptions", void 0);
|
|
1558
1558
|
__decorate([
|
|
1559
1559
|
PropWatch({ type: [String, Boolean], default: false })
|
|
1560
|
-
], TekGrid$
|
|
1560
|
+
], TekGrid$5.prototype, "showExport", void 0);
|
|
1561
1561
|
__decorate([
|
|
1562
1562
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1563
|
-
], TekGrid$
|
|
1563
|
+
], TekGrid$5.prototype, "showReload", void 0);
|
|
1564
1564
|
__decorate([
|
|
1565
1565
|
PropWatch({ type: [String, Array] })
|
|
1566
|
-
], TekGrid$
|
|
1566
|
+
], TekGrid$5.prototype, "exportConfig", void 0);
|
|
1567
1567
|
__decorate([
|
|
1568
1568
|
Prop({ type: [Array] })
|
|
1569
|
-
], TekGrid$
|
|
1569
|
+
], TekGrid$5.prototype, "exportActions", void 0);
|
|
1570
1570
|
__decorate([
|
|
1571
1571
|
PropWatch({ type: [String, Boolean], default: false })
|
|
1572
|
-
], TekGrid$
|
|
1572
|
+
], TekGrid$5.prototype, "groupsOpened", void 0);
|
|
1573
1573
|
__decorate([
|
|
1574
1574
|
PropWatch({ type: [String, Boolean], default: true })
|
|
1575
|
-
], TekGrid$
|
|
1575
|
+
], TekGrid$5.prototype, "showSummaryTotal", void 0);
|
|
1576
|
+
__decorate([
|
|
1577
|
+
PropWatch({ type: [String, Boolean], default: false })
|
|
1578
|
+
], TekGrid$5.prototype, "mainGrid", void 0);
|
|
1576
1579
|
__decorate([
|
|
1577
1580
|
Prop({
|
|
1578
1581
|
type: Array,
|
|
1579
1582
|
default: () => undefined,
|
|
1580
1583
|
})
|
|
1581
|
-
], TekGrid$
|
|
1582
|
-
TekGrid$
|
|
1584
|
+
], TekGrid$5.prototype, "toolbarSlot", void 0);
|
|
1585
|
+
TekGrid$5 = __decorate([
|
|
1583
1586
|
Component
|
|
1584
|
-
], TekGrid$
|
|
1585
|
-
var script$b = TekGrid$
|
|
1587
|
+
], TekGrid$5);
|
|
1588
|
+
var script$b = TekGrid$5;
|
|
1586
1589
|
|
|
1587
1590
|
/* script */
|
|
1588
1591
|
const __vue_script__$b = script$b;
|
|
@@ -1621,7 +1624,6 @@ var __vue_render__$b = function () {
|
|
|
1621
1624
|
height: _vm.instance.height,
|
|
1622
1625
|
items: _vm.getData(),
|
|
1623
1626
|
search: _vm.instance.datasource.search,
|
|
1624
|
-
"show-select": _vm.instance.selectable,
|
|
1625
1627
|
dense: _vm.instance.dense,
|
|
1626
1628
|
loading: _vm.instance.datasource.loading,
|
|
1627
1629
|
"item-key": _vm.instance.datasource.uniqueKey,
|
|
@@ -1704,32 +1706,34 @@ var __vue_render__$b = function () {
|
|
|
1704
1706
|
_vm.instance.headerBackground,
|
|
1705
1707
|
},
|
|
1706
1708
|
[
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1709
|
+
_vm.instance.showSelectAll
|
|
1710
|
+
? _c("v-checkbox", {
|
|
1711
|
+
staticClass: "zd-grid-header-checkbox",
|
|
1712
|
+
attrs: {
|
|
1713
|
+
"hide-details": "",
|
|
1714
|
+
color: "primary",
|
|
1715
|
+
disabled: _vm.instance.editing,
|
|
1716
|
+
"on-icon": _vm.$getIcon("checkboxOn"),
|
|
1717
|
+
"off-icon": _vm.$getIcon("checkboxOff"),
|
|
1718
|
+
"indeterminate-icon": _vm.$getIcon(
|
|
1719
|
+
"checkboxIndeterminate"
|
|
1720
|
+
),
|
|
1721
|
+
"input-value": props.everyItem,
|
|
1722
|
+
indeterminate:
|
|
1723
|
+
!props.everyItem && props.someItems,
|
|
1724
|
+
},
|
|
1725
|
+
on: {
|
|
1726
|
+
click: function ($event) {
|
|
1727
|
+
$event.stopPropagation();
|
|
1728
|
+
_vm.toggleSelectAll();
|
|
1729
|
+
_vm.selectAllClick(
|
|
1730
|
+
!props.everyItem,
|
|
1731
|
+
$event
|
|
1732
|
+
);
|
|
1733
|
+
},
|
|
1734
|
+
},
|
|
1735
|
+
})
|
|
1736
|
+
: _vm._e(),
|
|
1733
1737
|
],
|
|
1734
1738
|
1
|
|
1735
1739
|
)
|
|
@@ -1792,7 +1796,9 @@ var __vue_render__$b = function () {
|
|
|
1792
1796
|
width:
|
|
1793
1797
|
_vm.calcWidth(
|
|
1794
1798
|
column,
|
|
1795
|
-
column.
|
|
1799
|
+
column.width ||
|
|
1800
|
+
column.maxWidth ||
|
|
1801
|
+
column.minWidth
|
|
1796
1802
|
) || "unset",
|
|
1797
1803
|
},
|
|
1798
1804
|
attrs: {
|
|
@@ -2363,7 +2369,8 @@ var __vue_render__$b = function () {
|
|
|
2363
2369
|
return [
|
|
2364
2370
|
_c("tr", [
|
|
2365
2371
|
_c("td", {
|
|
2366
|
-
style:
|
|
2372
|
+
style:
|
|
2373
|
+
"padding-top: " + _vm.scrollData.startHeight + "px",
|
|
2367
2374
|
attrs: { colspan: headers.length },
|
|
2368
2375
|
}),
|
|
2369
2376
|
]),
|
|
@@ -2439,7 +2446,9 @@ var __vue_render__$b = function () {
|
|
|
2439
2446
|
attrs: {
|
|
2440
2447
|
"hide-details": "",
|
|
2441
2448
|
color: "primary",
|
|
2442
|
-
disabled:
|
|
2449
|
+
disabled:
|
|
2450
|
+
_vm.instance.editing ||
|
|
2451
|
+
_vm.instance.callDisableSelection(item),
|
|
2443
2452
|
"on-icon": _vm.$getIcon("checkboxOn"),
|
|
2444
2453
|
"off-icon": _vm.$getIcon("checkboxOff"),
|
|
2445
2454
|
"indeterminate-icon": _vm.$getIcon(
|
|
@@ -2536,9 +2545,9 @@ var __vue_render__$b = function () {
|
|
|
2536
2545
|
[
|
|
2537
2546
|
_vm._v(
|
|
2538
2547
|
_vm._s(
|
|
2539
|
-
item.groupLabel
|
|
2540
|
-
": "
|
|
2541
|
-
item.groupValue
|
|
2548
|
+
(item.groupLabel
|
|
2549
|
+
? item.groupLabel + ": "
|
|
2550
|
+
: "") + item.groupValue
|
|
2542
2551
|
)
|
|
2543
2552
|
),
|
|
2544
2553
|
]
|
|
@@ -2604,7 +2613,9 @@ var __vue_render__$b = function () {
|
|
|
2604
2613
|
attrs: {
|
|
2605
2614
|
"hide-details": "",
|
|
2606
2615
|
color: "primary",
|
|
2607
|
-
disabled:
|
|
2616
|
+
disabled:
|
|
2617
|
+
_vm.instance.editing ||
|
|
2618
|
+
_vm.instance.callDisableSelection(item),
|
|
2608
2619
|
"on-icon": _vm.$getIcon("checkboxOn"),
|
|
2609
2620
|
"off-icon": _vm.$getIcon("checkboxOff"),
|
|
2610
2621
|
"true-value": true,
|
|
@@ -2801,7 +2812,8 @@ var __vue_render__$b = function () {
|
|
|
2801
2812
|
width:
|
|
2802
2813
|
_vm.calcWidth(
|
|
2803
2814
|
column,
|
|
2804
|
-
column.
|
|
2815
|
+
column.width ||
|
|
2816
|
+
column.maxWidth ||
|
|
2805
2817
|
column.minWidth
|
|
2806
2818
|
) || "unset",
|
|
2807
2819
|
"min-width":
|
|
@@ -2955,12 +2967,18 @@ var __vue_render__$b = function () {
|
|
|
2955
2967
|
? "overflow-clamp overflow-clamp-" +
|
|
2956
2968
|
column.overflow
|
|
2957
2969
|
: "",
|
|
2970
|
+
_vm.instance
|
|
2971
|
+
.groupColumnNames
|
|
2972
|
+
.length > 0
|
|
2973
|
+
? "zd-table-cell-aling-total"
|
|
2974
|
+
: "",
|
|
2958
2975
|
],
|
|
2959
2976
|
style: {
|
|
2960
2977
|
width:
|
|
2961
2978
|
_vm.calcWidth(
|
|
2962
2979
|
column,
|
|
2963
|
-
column.
|
|
2980
|
+
column.width ||
|
|
2981
|
+
column.maxWidth ||
|
|
2964
2982
|
column.minWidth
|
|
2965
2983
|
) || "unset",
|
|
2966
2984
|
"min-width":
|
|
@@ -3190,7 +3208,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3190
3208
|
/* style */
|
|
3191
3209
|
const __vue_inject_styles__$b = function (inject) {
|
|
3192
3210
|
if (!inject) return
|
|
3193
|
-
inject("data-v-
|
|
3211
|
+
inject("data-v-79b7d6a9_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 });
|
|
3194
3212
|
|
|
3195
3213
|
};
|
|
3196
3214
|
/* scoped */
|
|
@@ -3258,7 +3276,7 @@ let TekGridColumnsOptionsController = class TekGridColumnsOptionsController {
|
|
|
3258
3276
|
set instance(instance) {
|
|
3259
3277
|
this.instanceValue = instance;
|
|
3260
3278
|
this.iterableComponent = instance.iterableComponent;
|
|
3261
|
-
this.showGroups = instance.iterableComponent instanceof TekGrid$
|
|
3279
|
+
this.showGroups = instance.iterableComponent instanceof TekGrid$6;
|
|
3262
3280
|
this.aggregationData = instance.getAggregationSelectData();
|
|
3263
3281
|
this.columnData = {};
|
|
3264
3282
|
this.iterableComponent.columns.forEach((column) => {
|
|
@@ -3547,7 +3565,7 @@ let TekGridColumnsOptionsController = class TekGridColumnsOptionsController {
|
|
|
3547
3565
|
}
|
|
3548
3566
|
columnContainerMounted({ element }) {
|
|
3549
3567
|
if (element) {
|
|
3550
|
-
|
|
3568
|
+
sortable.create(element, {
|
|
3551
3569
|
handle: '.tek-grid-column-option-box',
|
|
3552
3570
|
group: 'column-container',
|
|
3553
3571
|
filter: '.no-data, .tek-grid-column-option-grouped-true',
|
|
@@ -4119,10 +4137,10 @@ TekGridColumnsOptionsModal.modalDef = {
|
|
|
4119
4137
|
/**
|
|
4120
4138
|
* TekGrid Columns Button component
|
|
4121
4139
|
*/
|
|
4122
|
-
let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsButton {
|
|
4140
|
+
let TekGridColumnsButton$2 = class TekGridColumnsButton extends ZdIterableColumnsButton {
|
|
4123
4141
|
constructor() {
|
|
4124
4142
|
super(...arguments);
|
|
4125
|
-
this.instanceType = TekGridColumnsButton$
|
|
4143
|
+
this.instanceType = TekGridColumnsButton$3;
|
|
4126
4144
|
this.menuIsOpened = false;
|
|
4127
4145
|
this.sortableInitialized = false;
|
|
4128
4146
|
}
|
|
@@ -4132,7 +4150,7 @@ let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsB
|
|
|
4132
4150
|
this.$nextTick(() => {
|
|
4133
4151
|
const columnsTableBody = document.querySelector(`#${this.instance.name}_columns_table tbody`);
|
|
4134
4152
|
if (columnsTableBody) {
|
|
4135
|
-
|
|
4153
|
+
sortable.create(columnsTableBody, {
|
|
4136
4154
|
handle: '.sortHandle',
|
|
4137
4155
|
dragClass: 'tek-grid-columns-button-sortable-drag',
|
|
4138
4156
|
onEnd: this.sortEnd,
|
|
@@ -4168,14 +4186,14 @@ let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsB
|
|
|
4168
4186
|
};
|
|
4169
4187
|
__decorate([
|
|
4170
4188
|
PropWatch({ type: [Boolean, String], default: false })
|
|
4171
|
-
], TekGridColumnsButton.prototype, "hideGroups", void 0);
|
|
4189
|
+
], TekGridColumnsButton$2.prototype, "hideGroups", void 0);
|
|
4172
4190
|
__decorate([
|
|
4173
4191
|
Watch('menuIsOpened')
|
|
4174
|
-
], TekGridColumnsButton.prototype, "menuOpenedChange", null);
|
|
4175
|
-
TekGridColumnsButton = __decorate([
|
|
4192
|
+
], TekGridColumnsButton$2.prototype, "menuOpenedChange", null);
|
|
4193
|
+
TekGridColumnsButton$2 = __decorate([
|
|
4176
4194
|
Component
|
|
4177
|
-
], TekGridColumnsButton);
|
|
4178
|
-
var script$a = TekGridColumnsButton;
|
|
4195
|
+
], TekGridColumnsButton$2);
|
|
4196
|
+
var script$a = TekGridColumnsButton$2;
|
|
4179
4197
|
|
|
4180
4198
|
/* script */
|
|
4181
4199
|
const __vue_script__$a = script$a;
|
|
@@ -4449,7 +4467,7 @@ __vue_render__$a._withStripped = true;
|
|
|
4449
4467
|
/* style */
|
|
4450
4468
|
const __vue_inject_styles__$a = function (inject) {
|
|
4451
4469
|
if (!inject) return
|
|
4452
|
-
inject("data-v-
|
|
4470
|
+
inject("data-v-3480b218_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 });
|
|
4453
4471
|
|
|
4454
4472
|
};
|
|
4455
4473
|
/* scoped */
|
|
@@ -4480,10 +4498,10 @@ __vue_render__$a._withStripped = true;
|
|
|
4480
4498
|
/**
|
|
4481
4499
|
* TekGridLayoutOptions component
|
|
4482
4500
|
*/
|
|
4483
|
-
let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender {
|
|
4501
|
+
let TekGridLayoutOptions$2 = class TekGridLayoutOptions extends ZdComponentRender {
|
|
4484
4502
|
constructor() {
|
|
4485
4503
|
super(...arguments);
|
|
4486
|
-
this.instanceType = TekGridLayoutOptions$
|
|
4504
|
+
this.instanceType = TekGridLayoutOptions$3;
|
|
4487
4505
|
}
|
|
4488
4506
|
created() {
|
|
4489
4507
|
this.instance.viewApplyLayout = this.applyLayout;
|
|
@@ -4670,10 +4688,10 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4670
4688
|
event.stopImmediatePropagation();
|
|
4671
4689
|
}
|
|
4672
4690
|
};
|
|
4673
|
-
TekGridLayoutOptions = __decorate([
|
|
4691
|
+
TekGridLayoutOptions$2 = __decorate([
|
|
4674
4692
|
Component
|
|
4675
|
-
], TekGridLayoutOptions);
|
|
4676
|
-
var script$9 = TekGridLayoutOptions;
|
|
4693
|
+
], TekGridLayoutOptions$2);
|
|
4694
|
+
var script$9 = TekGridLayoutOptions$2;
|
|
4677
4695
|
|
|
4678
4696
|
/* script */
|
|
4679
4697
|
const __vue_script__$9 = script$9;
|
|
@@ -4947,7 +4965,7 @@ __vue_render__$9._withStripped = true;
|
|
|
4947
4965
|
/* style */
|
|
4948
4966
|
const __vue_inject_styles__$9 = function (inject) {
|
|
4949
4967
|
if (!inject) return
|
|
4950
|
-
inject("data-v-
|
|
4968
|
+
inject("data-v-01da62e2_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 });
|
|
4951
4969
|
|
|
4952
4970
|
};
|
|
4953
4971
|
/* scoped */
|
|
@@ -4978,7 +4996,7 @@ __vue_render__$9._withStripped = true;
|
|
|
4978
4996
|
/**
|
|
4979
4997
|
* DocTable component
|
|
4980
4998
|
*/
|
|
4981
|
-
let TekImage = class TekImage extends ZdComponent {
|
|
4999
|
+
let TekImage$2 = class TekImage extends ZdComponent {
|
|
4982
5000
|
constructor() {
|
|
4983
5001
|
super(...arguments);
|
|
4984
5002
|
this.instanceType = Image;
|
|
@@ -4986,14 +5004,14 @@ let TekImage = class TekImage extends ZdComponent {
|
|
|
4986
5004
|
};
|
|
4987
5005
|
__decorate([
|
|
4988
5006
|
PropWatch({ type: String, default: '' })
|
|
4989
|
-
], TekImage.prototype, "to", void 0);
|
|
5007
|
+
], TekImage$2.prototype, "to", void 0);
|
|
4990
5008
|
__decorate([
|
|
4991
5009
|
PropWatch({ type: String, default: '' })
|
|
4992
|
-
], TekImage.prototype, "src", void 0);
|
|
4993
|
-
TekImage = __decorate([
|
|
5010
|
+
], TekImage$2.prototype, "src", void 0);
|
|
5011
|
+
TekImage$2 = __decorate([
|
|
4994
5012
|
Component
|
|
4995
|
-
], TekImage);
|
|
4996
|
-
var script$8 = TekImage;
|
|
5013
|
+
], TekImage$2);
|
|
5014
|
+
var script$8 = TekImage$2;
|
|
4997
5015
|
|
|
4998
5016
|
/* script */
|
|
4999
5017
|
const __vue_script__$8 = script$8;
|
|
@@ -5174,7 +5192,7 @@ __vue_render__$7._withStripped = true;
|
|
|
5174
5192
|
/**
|
|
5175
5193
|
* TekIterableComponentRender component
|
|
5176
5194
|
*/
|
|
5177
|
-
let TekIterableComponentRender = class TekIterableComponentRender extends ZdIterable {
|
|
5195
|
+
let TekIterableComponentRender$2 = class TekIterableComponentRender extends ZdIterable {
|
|
5178
5196
|
constructor() {
|
|
5179
5197
|
super(...arguments);
|
|
5180
5198
|
this.instanceType = IterableComponentRender;
|
|
@@ -5182,19 +5200,19 @@ let TekIterableComponentRender = class TekIterableComponentRender extends ZdIter
|
|
|
5182
5200
|
};
|
|
5183
5201
|
__decorate([
|
|
5184
5202
|
Prop({ type: Array, default: () => [] })
|
|
5185
|
-
], TekIterableComponentRender.prototype, "footerSlot", void 0);
|
|
5203
|
+
], TekIterableComponentRender$2.prototype, "footerSlot", void 0);
|
|
5186
5204
|
__decorate([
|
|
5187
5205
|
Prop({ type: Array, default: () => [] })
|
|
5188
|
-
], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
|
|
5206
|
+
], TekIterableComponentRender$2.prototype, "toolbarSlot", void 0);
|
|
5189
5207
|
__decorate([
|
|
5190
5208
|
Prop({ type: [Object, String] })
|
|
5191
|
-
], TekIterableComponentRender.prototype, "componentMetadata", void 0);
|
|
5209
|
+
], TekIterableComponentRender$2.prototype, "componentMetadata", void 0);
|
|
5192
5210
|
__decorate([
|
|
5193
5211
|
PropWatch({ type: String, default: 'row' })
|
|
5194
|
-
], TekIterableComponentRender.prototype, "rowPropName", void 0);
|
|
5212
|
+
], TekIterableComponentRender$2.prototype, "rowPropName", void 0);
|
|
5195
5213
|
__decorate([
|
|
5196
5214
|
Prop({ type: Array, default: () => ([]) })
|
|
5197
|
-
], TekIterableComponentRender.prototype, "errorSlot", void 0);
|
|
5215
|
+
], TekIterableComponentRender$2.prototype, "errorSlot", void 0);
|
|
5198
5216
|
__decorate([
|
|
5199
5217
|
Prop({
|
|
5200
5218
|
type: Array,
|
|
@@ -5207,7 +5225,7 @@ __decorate([
|
|
|
5207
5225
|
},
|
|
5208
5226
|
]),
|
|
5209
5227
|
})
|
|
5210
|
-
], TekIterableComponentRender.prototype, "noDataSlot", void 0);
|
|
5228
|
+
], TekIterableComponentRender$2.prototype, "noDataSlot", void 0);
|
|
5211
5229
|
__decorate([
|
|
5212
5230
|
Prop({
|
|
5213
5231
|
type: Array,
|
|
@@ -5220,20 +5238,20 @@ __decorate([
|
|
|
5220
5238
|
},
|
|
5221
5239
|
]),
|
|
5222
5240
|
})
|
|
5223
|
-
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
5241
|
+
], TekIterableComponentRender$2.prototype, "noResultSlot", void 0);
|
|
5224
5242
|
__decorate([
|
|
5225
5243
|
PropWatch({ type: [Number, String], default: 'auto' })
|
|
5226
|
-
], TekIterableComponentRender.prototype, "height", void 0);
|
|
5244
|
+
], TekIterableComponentRender$2.prototype, "height", void 0);
|
|
5227
5245
|
__decorate([
|
|
5228
5246
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5229
|
-
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
5247
|
+
], TekIterableComponentRender$2.prototype, "maxHeight", void 0);
|
|
5230
5248
|
__decorate([
|
|
5231
5249
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5232
|
-
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
5233
|
-
TekIterableComponentRender = __decorate([
|
|
5250
|
+
], TekIterableComponentRender$2.prototype, "minHeight", void 0);
|
|
5251
|
+
TekIterableComponentRender$2 = __decorate([
|
|
5234
5252
|
Component
|
|
5235
|
-
], TekIterableComponentRender);
|
|
5236
|
-
var script$6 = TekIterableComponentRender;
|
|
5253
|
+
], TekIterableComponentRender$2);
|
|
5254
|
+
var script$6 = TekIterableComponentRender$2;
|
|
5237
5255
|
|
|
5238
5256
|
/* script */
|
|
5239
5257
|
const __vue_script__$6 = script$6;
|
|
@@ -5433,11 +5451,11 @@ __vue_render__$6._withStripped = true;
|
|
|
5433
5451
|
/* style */
|
|
5434
5452
|
const __vue_inject_styles__$6 = function (inject) {
|
|
5435
5453
|
if (!inject) return
|
|
5436
|
-
inject("data-v-
|
|
5454
|
+
inject("data-v-99372b24_0", { source: ".tek-iterable-component-render[data-v-99372b24] {\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-99372b24],\n.tek-iterable-component-render .no--data[data-v-99372b24] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-99372b24] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-99372b24] {\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-99372b24] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
5437
5455
|
|
|
5438
5456
|
};
|
|
5439
5457
|
/* scoped */
|
|
5440
|
-
const __vue_scope_id__$6 = "data-v-
|
|
5458
|
+
const __vue_scope_id__$6 = "data-v-99372b24";
|
|
5441
5459
|
/* module identifier */
|
|
5442
5460
|
const __vue_module_identifier__$6 = undefined;
|
|
5443
5461
|
/* functional template */
|
|
@@ -5653,7 +5671,7 @@ __vue_render__$4._withStripped = true;
|
|
|
5653
5671
|
/* style */
|
|
5654
5672
|
const __vue_inject_styles__$4 = function (inject) {
|
|
5655
5673
|
if (!inject) return
|
|
5656
|
-
inject("data-v-
|
|
5674
|
+
inject("data-v-b078b4a0_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 });
|
|
5657
5675
|
|
|
5658
5676
|
};
|
|
5659
5677
|
/* scoped */
|
|
@@ -5684,7 +5702,7 @@ __vue_render__$4._withStripped = true;
|
|
|
5684
5702
|
/**
|
|
5685
5703
|
* Product card component
|
|
5686
5704
|
*/
|
|
5687
|
-
let TekProductCard = class TekProductCard extends ZdComponentRender {
|
|
5705
|
+
let TekProductCard$2 = class TekProductCard extends ZdComponentRender {
|
|
5688
5706
|
constructor() {
|
|
5689
5707
|
super(...arguments);
|
|
5690
5708
|
this.instanceType = ProductCard;
|
|
@@ -5699,47 +5717,47 @@ let TekProductCard = class TekProductCard extends ZdComponentRender {
|
|
|
5699
5717
|
};
|
|
5700
5718
|
__decorate([
|
|
5701
5719
|
PropWatch({ type: String, default: '' })
|
|
5702
|
-
], TekProductCard.prototype, "id", void 0);
|
|
5720
|
+
], TekProductCard$2.prototype, "id", void 0);
|
|
5703
5721
|
__decorate([
|
|
5704
5722
|
PropWatch({ type: String, default: '' })
|
|
5705
|
-
], TekProductCard.prototype, "to", void 0);
|
|
5723
|
+
], TekProductCard$2.prototype, "to", void 0);
|
|
5706
5724
|
__decorate([
|
|
5707
5725
|
PropWatch({ type: String, default: '' })
|
|
5708
|
-
], TekProductCard.prototype, "src", void 0);
|
|
5726
|
+
], TekProductCard$2.prototype, "src", void 0);
|
|
5709
5727
|
__decorate([
|
|
5710
5728
|
PropWatch({ type: String, default: '' })
|
|
5711
|
-
], TekProductCard.prototype, "errorImagePath", void 0);
|
|
5729
|
+
], TekProductCard$2.prototype, "errorImagePath", void 0);
|
|
5712
5730
|
__decorate([
|
|
5713
5731
|
PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' })
|
|
5714
|
-
], TekProductCard.prototype, "errorImageText", void 0);
|
|
5732
|
+
], TekProductCard$2.prototype, "errorImageText", void 0);
|
|
5715
5733
|
__decorate([
|
|
5716
5734
|
PropWatch({ type: String, default: '' })
|
|
5717
|
-
], TekProductCard.prototype, "productName", void 0);
|
|
5735
|
+
], TekProductCard$2.prototype, "productName", void 0);
|
|
5718
5736
|
__decorate([
|
|
5719
5737
|
PropWatch({ type: String })
|
|
5720
|
-
], TekProductCard.prototype, "productSupplier", void 0);
|
|
5738
|
+
], TekProductCard$2.prototype, "productSupplier", void 0);
|
|
5721
5739
|
__decorate([
|
|
5722
5740
|
PropWatch({ type: String })
|
|
5723
|
-
], TekProductCard.prototype, "productBrand", void 0);
|
|
5741
|
+
], TekProductCard$2.prototype, "productBrand", void 0);
|
|
5724
5742
|
__decorate([
|
|
5725
5743
|
PropWatch({ type: [String, Number] })
|
|
5726
|
-
], TekProductCard.prototype, "productPrice", void 0);
|
|
5744
|
+
], TekProductCard$2.prototype, "productPrice", void 0);
|
|
5727
5745
|
__decorate([
|
|
5728
5746
|
PropWatch({ type: String, default: '' })
|
|
5729
|
-
], TekProductCard.prototype, "width", void 0);
|
|
5747
|
+
], TekProductCard$2.prototype, "width", void 0);
|
|
5730
5748
|
__decorate([
|
|
5731
5749
|
PropWatch({ type: [Number, String], default: 'auto' })
|
|
5732
|
-
], TekProductCard.prototype, "height", void 0);
|
|
5750
|
+
], TekProductCard$2.prototype, "height", void 0);
|
|
5733
5751
|
__decorate([
|
|
5734
5752
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5735
|
-
], TekProductCard.prototype, "maxHeight", void 0);
|
|
5753
|
+
], TekProductCard$2.prototype, "maxHeight", void 0);
|
|
5736
5754
|
__decorate([
|
|
5737
5755
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5738
|
-
], TekProductCard.prototype, "minHeight", void 0);
|
|
5739
|
-
TekProductCard = __decorate([
|
|
5756
|
+
], TekProductCard$2.prototype, "minHeight", void 0);
|
|
5757
|
+
TekProductCard$2 = __decorate([
|
|
5740
5758
|
Component
|
|
5741
|
-
], TekProductCard);
|
|
5742
|
-
var script$3 = TekProductCard;
|
|
5759
|
+
], TekProductCard$2);
|
|
5760
|
+
var script$3 = TekProductCard$2;
|
|
5743
5761
|
|
|
5744
5762
|
/* script */
|
|
5745
5763
|
const __vue_script__$3 = script$3;
|
|
@@ -5889,7 +5907,7 @@ __vue_render__$3._withStripped = true;
|
|
|
5889
5907
|
/* style */
|
|
5890
5908
|
const __vue_inject_styles__$3 = function (inject) {
|
|
5891
5909
|
if (!inject) return
|
|
5892
|
-
inject("data-v-
|
|
5910
|
+
inject("data-v-d1f7e034_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 });
|
|
5893
5911
|
|
|
5894
5912
|
};
|
|
5895
5913
|
/* scoped */
|
|
@@ -5918,11 +5936,11 @@ __vue_render__$3._withStripped = true;
|
|
|
5918
5936
|
);
|
|
5919
5937
|
|
|
5920
5938
|
// eslint-disable-next-line prefer-destructuring
|
|
5921
|
-
const ZdTreeGridEditable = components$1.ZdTreeGridEditable;
|
|
5939
|
+
const ZdTreeGridEditable$1 = components$1.ZdTreeGridEditable;
|
|
5922
5940
|
/**
|
|
5923
5941
|
* TekGrid component
|
|
5924
5942
|
*/
|
|
5925
|
-
let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
5943
|
+
let TekGrid$4 = class TekGrid extends ZdTreeGridEditable$1 {
|
|
5926
5944
|
constructor() {
|
|
5927
5945
|
super(...arguments);
|
|
5928
5946
|
this.instanceType = TekTreeGrid;
|
|
@@ -6232,62 +6250,62 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
6232
6250
|
};
|
|
6233
6251
|
__decorate([
|
|
6234
6252
|
PropWatch({ type: [String], default: '' })
|
|
6235
|
-
], TekGrid.prototype, "title", void 0);
|
|
6253
|
+
], TekGrid$4.prototype, "title", void 0);
|
|
6236
6254
|
__decorate([
|
|
6237
6255
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6238
|
-
], TekGrid.prototype, "addButton", void 0);
|
|
6256
|
+
], TekGrid$4.prototype, "addButton", void 0);
|
|
6239
6257
|
__decorate([
|
|
6240
6258
|
PropWatch({ type: [String], default: 'none' })
|
|
6241
|
-
], TekGrid.prototype, "deleteButton", void 0);
|
|
6259
|
+
], TekGrid$4.prototype, "deleteButton", void 0);
|
|
6242
6260
|
__decorate([
|
|
6243
6261
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6244
|
-
], TekGrid.prototype, "columnsButton", void 0);
|
|
6262
|
+
], TekGrid$4.prototype, "columnsButton", void 0);
|
|
6245
6263
|
__decorate([
|
|
6246
6264
|
Prop({ type: [Array, String], default: () => [] })
|
|
6247
|
-
], TekGrid.prototype, "columnsButtonIgnore", void 0);
|
|
6265
|
+
], TekGrid$4.prototype, "columnsButtonIgnore", void 0);
|
|
6248
6266
|
__decorate([
|
|
6249
6267
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6250
|
-
], TekGrid.prototype, "filterButton", void 0);
|
|
6268
|
+
], TekGrid$4.prototype, "filterButton", void 0);
|
|
6251
6269
|
__decorate([
|
|
6252
6270
|
PropWatch({ type: [Boolean, String], default: true })
|
|
6253
|
-
], TekGrid.prototype, "showSearch", void 0);
|
|
6271
|
+
], TekGrid$4.prototype, "showSearch", void 0);
|
|
6254
6272
|
__decorate([
|
|
6255
6273
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6256
|
-
], TekGrid.prototype, "columnFilterButton", void 0);
|
|
6274
|
+
], TekGrid$4.prototype, "columnFilterButton", void 0);
|
|
6257
6275
|
__decorate([
|
|
6258
6276
|
Prop({ type: [Array], default: () => [] })
|
|
6259
|
-
], TekGrid.prototype, "actions", void 0);
|
|
6277
|
+
], TekGrid$4.prototype, "actions", void 0);
|
|
6260
6278
|
__decorate([
|
|
6261
6279
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6262
|
-
], TekGrid.prototype, "dragColumns", void 0);
|
|
6280
|
+
], TekGrid$4.prototype, "dragColumns", void 0);
|
|
6263
6281
|
__decorate([
|
|
6264
6282
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6265
|
-
], TekGrid.prototype, "resizeColumns", void 0);
|
|
6283
|
+
], TekGrid$4.prototype, "resizeColumns", void 0);
|
|
6266
6284
|
__decorate([
|
|
6267
6285
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6268
|
-
], TekGrid.prototype, "showLayoutOptions", void 0);
|
|
6286
|
+
], TekGrid$4.prototype, "showLayoutOptions", void 0);
|
|
6269
6287
|
__decorate([
|
|
6270
6288
|
PropWatch({ type: [String, Boolean], default: false })
|
|
6271
|
-
], TekGrid.prototype, "showExport", void 0);
|
|
6289
|
+
], TekGrid$4.prototype, "showExport", void 0);
|
|
6272
6290
|
__decorate([
|
|
6273
6291
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6274
|
-
], TekGrid.prototype, "showReload", void 0);
|
|
6292
|
+
], TekGrid$4.prototype, "showReload", void 0);
|
|
6275
6293
|
__decorate([
|
|
6276
6294
|
Prop({ type: [String, Array] })
|
|
6277
|
-
], TekGrid.prototype, "exportConfig", void 0);
|
|
6295
|
+
], TekGrid$4.prototype, "exportConfig", void 0);
|
|
6278
6296
|
__decorate([
|
|
6279
6297
|
Prop({ type: [Array] })
|
|
6280
|
-
], TekGrid.prototype, "exportActions", void 0);
|
|
6298
|
+
], TekGrid$4.prototype, "exportActions", void 0);
|
|
6281
6299
|
__decorate([
|
|
6282
6300
|
Prop({
|
|
6283
6301
|
type: Array,
|
|
6284
6302
|
default: () => undefined,
|
|
6285
6303
|
})
|
|
6286
|
-
], TekGrid.prototype, "toolbarSlot", void 0);
|
|
6287
|
-
TekGrid = __decorate([
|
|
6304
|
+
], TekGrid$4.prototype, "toolbarSlot", void 0);
|
|
6305
|
+
TekGrid$4 = __decorate([
|
|
6288
6306
|
Component
|
|
6289
|
-
], TekGrid);
|
|
6290
|
-
var script$2 = TekGrid;
|
|
6307
|
+
], TekGrid$4);
|
|
6308
|
+
var script$2 = TekGrid$4;
|
|
6291
6309
|
|
|
6292
6310
|
/* script */
|
|
6293
6311
|
const __vue_script__$2 = script$2;
|
|
@@ -6327,7 +6345,6 @@ var __vue_render__$2 = function () {
|
|
|
6327
6345
|
headers: _vm.instance.columns,
|
|
6328
6346
|
items: _vm.getData(),
|
|
6329
6347
|
search: _vm.instance.datasource.search,
|
|
6330
|
-
"show-select": _vm.instance.selectable,
|
|
6331
6348
|
dense: _vm.instance.dense,
|
|
6332
6349
|
loading: _vm.instance.datasource.loading,
|
|
6333
6350
|
"item-key": _vm.instance.datasource.uniqueKey,
|
|
@@ -6397,32 +6414,36 @@ var __vue_render__$2 = function () {
|
|
|
6397
6414
|
_vm.instance.headerBackground,
|
|
6398
6415
|
},
|
|
6399
6416
|
[
|
|
6400
|
-
|
|
6401
|
-
|
|
6402
|
-
|
|
6403
|
-
|
|
6404
|
-
|
|
6405
|
-
|
|
6406
|
-
|
|
6407
|
-
|
|
6408
|
-
|
|
6409
|
-
|
|
6410
|
-
|
|
6411
|
-
|
|
6412
|
-
|
|
6413
|
-
|
|
6414
|
-
|
|
6415
|
-
|
|
6416
|
-
|
|
6417
|
-
|
|
6418
|
-
|
|
6419
|
-
|
|
6420
|
-
|
|
6421
|
-
|
|
6422
|
-
|
|
6423
|
-
|
|
6424
|
-
|
|
6425
|
-
|
|
6417
|
+
_vm.instance.showSelectAll
|
|
6418
|
+
? _c("v-checkbox", {
|
|
6419
|
+
staticClass: "zd-grid-header-checkbox",
|
|
6420
|
+
attrs: {
|
|
6421
|
+
"hide-details": "",
|
|
6422
|
+
color: "primary",
|
|
6423
|
+
disabled: _vm.instance.editing,
|
|
6424
|
+
"on-icon": _vm.$getIcon("checkboxOn"),
|
|
6425
|
+
"off-icon": _vm.$getIcon("checkboxOff"),
|
|
6426
|
+
"indeterminate-icon": _vm.$getIcon(
|
|
6427
|
+
"checkboxIndeterminate"
|
|
6428
|
+
),
|
|
6429
|
+
value: props.everyItem,
|
|
6430
|
+
indeterminate:
|
|
6431
|
+
!props.everyItem && props.someItems,
|
|
6432
|
+
},
|
|
6433
|
+
on: {
|
|
6434
|
+
click: function ($event) {
|
|
6435
|
+
$event.stopPropagation();
|
|
6436
|
+
on["toggle-select-all"](
|
|
6437
|
+
!props.everyItem
|
|
6438
|
+
);
|
|
6439
|
+
_vm.selectAllClick(
|
|
6440
|
+
!props.everyItem,
|
|
6441
|
+
$event
|
|
6442
|
+
);
|
|
6443
|
+
},
|
|
6444
|
+
},
|
|
6445
|
+
})
|
|
6446
|
+
: _vm._e(),
|
|
6426
6447
|
],
|
|
6427
6448
|
1
|
|
6428
6449
|
)
|
|
@@ -6463,6 +6484,9 @@ var __vue_render__$2 = function () {
|
|
|
6463
6484
|
style: {
|
|
6464
6485
|
"background-color":
|
|
6465
6486
|
_vm.instance.headerBackground,
|
|
6487
|
+
width:
|
|
6488
|
+
_vm.calcWidth(column, column.width) ||
|
|
6489
|
+
"unset",
|
|
6466
6490
|
"min-width":
|
|
6467
6491
|
_vm.calcWidth(
|
|
6468
6492
|
column,
|
|
@@ -6575,6 +6599,11 @@ var __vue_render__$2 = function () {
|
|
|
6575
6599
|
: "",
|
|
6576
6600
|
],
|
|
6577
6601
|
style: {
|
|
6602
|
+
width:
|
|
6603
|
+
_vm.calcWidth(
|
|
6604
|
+
column,
|
|
6605
|
+
column.width
|
|
6606
|
+
) || "unset",
|
|
6578
6607
|
"min-width":
|
|
6579
6608
|
_vm.calcWidth(
|
|
6580
6609
|
column,
|
|
@@ -7053,12 +7082,17 @@ var __vue_render__$2 = function () {
|
|
|
7053
7082
|
attrs: {
|
|
7054
7083
|
"hide-details": "",
|
|
7055
7084
|
color: "primary",
|
|
7056
|
-
disabled:
|
|
7085
|
+
disabled:
|
|
7086
|
+
_vm.instance.editing ||
|
|
7087
|
+
_vm.instance.callDisableSelection(item),
|
|
7057
7088
|
"on-icon": _vm.$getIcon("checkboxOn"),
|
|
7058
7089
|
"off-icon": _vm.$getIcon("checkboxOff"),
|
|
7059
7090
|
"true-value": true,
|
|
7060
7091
|
"false-value": false,
|
|
7061
7092
|
value: isSelected,
|
|
7093
|
+
indeterminate:
|
|
7094
|
+
!_vm.checkEvery(item) &&
|
|
7095
|
+
_vm.checkSome(item),
|
|
7062
7096
|
},
|
|
7063
7097
|
on: {
|
|
7064
7098
|
click: function ($event) {
|
|
@@ -7188,7 +7222,8 @@ var __vue_render__$2 = function () {
|
|
|
7188
7222
|
width:
|
|
7189
7223
|
_vm.calcWidth(
|
|
7190
7224
|
column,
|
|
7191
|
-
column.
|
|
7225
|
+
column.width ||
|
|
7226
|
+
column.maxWidth ||
|
|
7192
7227
|
column.minWidth
|
|
7193
7228
|
) || "unset",
|
|
7194
7229
|
"min-width":
|
|
@@ -7621,7 +7656,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7621
7656
|
/* style */
|
|
7622
7657
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7623
7658
|
if (!inject) return
|
|
7624
|
-
inject("data-v-
|
|
7659
|
+
inject("data-v-56918822_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 });
|
|
7625
7660
|
|
|
7626
7661
|
};
|
|
7627
7662
|
/* scoped */
|
|
@@ -7649,31 +7684,31 @@ __vue_render__$2._withStripped = true;
|
|
|
7649
7684
|
undefined
|
|
7650
7685
|
);
|
|
7651
7686
|
|
|
7652
|
-
let TekUserInfo = class TekUserInfo extends ZdUserInfo {
|
|
7687
|
+
let TekUserInfo$2 = class TekUserInfo extends ZdUserInfo {
|
|
7653
7688
|
constructor() {
|
|
7654
7689
|
super(...arguments);
|
|
7655
|
-
this.instanceType = TekUserInfo$
|
|
7690
|
+
this.instanceType = TekUserInfo$3;
|
|
7656
7691
|
}
|
|
7657
7692
|
};
|
|
7658
7693
|
__decorate([
|
|
7659
7694
|
PropWatch({ type: [String], default: '' })
|
|
7660
|
-
], TekUserInfo.prototype, "aboutImage", void 0);
|
|
7695
|
+
], TekUserInfo$2.prototype, "aboutImage", void 0);
|
|
7661
7696
|
__decorate([
|
|
7662
7697
|
PropWatch({ type: [String], default: '' })
|
|
7663
|
-
], TekUserInfo.prototype, "defaultEmail", void 0);
|
|
7698
|
+
], TekUserInfo$2.prototype, "defaultEmail", void 0);
|
|
7664
7699
|
__decorate([
|
|
7665
7700
|
PropWatch({ type: [Object, String], default: null })
|
|
7666
|
-
], TekUserInfo.prototype, "versionInfo", void 0);
|
|
7701
|
+
], TekUserInfo$2.prototype, "versionInfo", void 0);
|
|
7667
7702
|
__decorate([
|
|
7668
7703
|
PropWatch({ type: [String], default: '' })
|
|
7669
|
-
], TekUserInfo.prototype, "versionUrl", void 0);
|
|
7704
|
+
], TekUserInfo$2.prototype, "versionUrl", void 0);
|
|
7670
7705
|
__decorate([
|
|
7671
7706
|
Prop({ type: [Array], default: undefined })
|
|
7672
|
-
], TekUserInfo.prototype, "bottomSlot", void 0);
|
|
7673
|
-
TekUserInfo = __decorate([
|
|
7707
|
+
], TekUserInfo$2.prototype, "bottomSlot", void 0);
|
|
7708
|
+
TekUserInfo$2 = __decorate([
|
|
7674
7709
|
Component
|
|
7675
|
-
], TekUserInfo);
|
|
7676
|
-
var script$1 = TekUserInfo;
|
|
7710
|
+
], TekUserInfo$2);
|
|
7711
|
+
var script$1 = TekUserInfo$2;
|
|
7677
7712
|
|
|
7678
7713
|
/* script */
|
|
7679
7714
|
const __vue_script__$1 = script$1;
|
|
@@ -7731,7 +7766,7 @@ __vue_render__$1._withStripped = true;
|
|
|
7731
7766
|
/* style */
|
|
7732
7767
|
const __vue_inject_styles__$1 = function (inject) {
|
|
7733
7768
|
if (!inject) return
|
|
7734
|
-
inject("data-v-
|
|
7769
|
+
inject("data-v-82daf408_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 });
|
|
7735
7770
|
|
|
7736
7771
|
};
|
|
7737
7772
|
/* scoped */
|
|
@@ -7760,23 +7795,23 @@ __vue_render__$1._withStripped = true;
|
|
|
7760
7795
|
);
|
|
7761
7796
|
|
|
7762
7797
|
// eslint-disable-next-line prefer-destructuring
|
|
7763
|
-
const ZdList = components$1.ZdList;
|
|
7764
|
-
let TekUserInfoList = class TekUserInfoList extends ZdList {
|
|
7798
|
+
const ZdList$1 = components$1.ZdList;
|
|
7799
|
+
let TekUserInfoList$2 = class TekUserInfoList extends ZdList$1 {
|
|
7765
7800
|
constructor() {
|
|
7766
7801
|
super(...arguments);
|
|
7767
|
-
this.instanceType = TekUserInfoList$
|
|
7802
|
+
this.instanceType = TekUserInfoList$3;
|
|
7768
7803
|
}
|
|
7769
7804
|
};
|
|
7770
7805
|
__decorate([
|
|
7771
7806
|
PropWatch({ type: [String], default: '' })
|
|
7772
|
-
], TekUserInfoList.prototype, "parentName", void 0);
|
|
7807
|
+
], TekUserInfoList$2.prototype, "parentName", void 0);
|
|
7773
7808
|
__decorate([
|
|
7774
7809
|
PropWatch({ type: [Boolean, String], default: true })
|
|
7775
|
-
], TekUserInfoList.prototype, "dense", void 0);
|
|
7776
|
-
TekUserInfoList = __decorate([
|
|
7810
|
+
], TekUserInfoList$2.prototype, "dense", void 0);
|
|
7811
|
+
TekUserInfoList$2 = __decorate([
|
|
7777
7812
|
Component
|
|
7778
|
-
], TekUserInfoList);
|
|
7779
|
-
var script = TekUserInfoList;
|
|
7813
|
+
], TekUserInfoList$2);
|
|
7814
|
+
var script = TekUserInfoList$2;
|
|
7780
7815
|
|
|
7781
7816
|
/* script */
|
|
7782
7817
|
const __vue_script__ = script;
|
|
@@ -7848,23 +7883,1477 @@ const components = {
|
|
|
7848
7883
|
TekUserInfoList: __vue_component__,
|
|
7849
7884
|
};
|
|
7850
7885
|
|
|
7851
|
-
|
|
7852
|
-
|
|
7853
|
-
|
|
7854
|
-
|
|
7855
|
-
|
|
7856
|
-
|
|
7857
|
-
|
|
7858
|
-
|
|
7859
|
-
|
|
7860
|
-
|
|
7861
|
-
|
|
7862
|
-
|
|
7863
|
-
|
|
7864
|
-
|
|
7865
|
-
|
|
7866
|
-
|
|
7867
|
-
}
|
|
7868
|
-
|
|
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
|
+
Icons.addIcons({
|
|
9339
|
+
add: 'mdi-plus-box',
|
|
9340
|
+
delete: 'mdi-trash-can-outline',
|
|
9341
|
+
refresh: 'mdi-refresh',
|
|
9342
|
+
more: 'mdi-dots-vertical',
|
|
9343
|
+
filter: 'mdi-filter',
|
|
9344
|
+
confirmLayout: 'mdi-check',
|
|
9345
|
+
updateLayout: 'mdi-square-edit-outline',
|
|
9346
|
+
layout: 'mdi-table-star',
|
|
9347
|
+
});
|
|
9348
|
+
const TeknisaComponents = {
|
|
9349
|
+
install(Vue) {
|
|
9350
|
+
Object.keys(components).forEach((id) => {
|
|
9351
|
+
Vue.component(id, components[id]);
|
|
9352
|
+
});
|
|
9353
|
+
Vue.component('ZdUserInfo', ZdUserInfo);
|
|
9354
|
+
},
|
|
9355
|
+
};
|
|
9356
|
+
const packageContent = require('../package.json');
|
|
9357
|
+
VersionService.addPackageVersion(packageContent.name, packageContent.version);
|
|
7869
9358
|
|
|
7870
|
-
export {
|
|
9359
|
+
export { TekBreadcrumbHeader$1 as TekBreadcrumbHeader, TekCardTitle$1 as TekCardTitle, TekCrudAddButton$1 as TekCrudAddButton, TekCrudCancelButton$1 as TekCrudCancelButton, TekCrudDeleteButton$1 as TekCrudDeleteButton, TekCrudForm$1 as TekCrudForm, TekCrudSaveButton$1 as TekCrudSaveButton, TekGrid$3 as TekGrid, TekGridColumnsButton$1 as TekGridColumnsButton, TekGridLayoutOptions$1 as TekGridLayoutOptions, TekImage$1 as TekImage, TekIterableComponentRender$1 as TekIterableComponentRender, TekProductCard$1 as TekProductCard, TekGrid$1 as TekTreeGrid, TekUserInfo$1 as TekUserInfo, TekUserInfoList$1 as TekUserInfoList, TeknisaComponents as default };
|