@zeedhi/teknisa-components-vuetify 1.56.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 +1682 -209
- package/dist/tek-components-vuetify.umd.js +1693 -220
- package/jest.config.js +31 -31
- package/package.json +2 -2
- package/rollup.scss.config.js +13 -13
- package/tsconfig.eslint.json +8 -8
- package/types/components/crud/TekCrudButton.d.ts +1 -1
- package/types/components/tek-grid/TekGrid.d.ts +1 -1
- package/types/components/tek-iterable-carousel/TekIterableCarousel.d.ts +1 -1
- package/types/components/tek-tree-grid/TekTreeGrid.d.ts +1 -1
- package/types/components/tek-user-info/TekUserInfoList.d.ts +1 -1
- 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,71 +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
1576
|
__decorate([
|
|
1577
1577
|
PropWatch({ type: [String, Boolean], default: false })
|
|
1578
|
-
], TekGrid$
|
|
1578
|
+
], TekGrid$5.prototype, "mainGrid", void 0);
|
|
1579
1579
|
__decorate([
|
|
1580
1580
|
Prop({
|
|
1581
1581
|
type: Array,
|
|
1582
1582
|
default: () => undefined,
|
|
1583
1583
|
})
|
|
1584
|
-
], TekGrid$
|
|
1585
|
-
TekGrid$
|
|
1584
|
+
], TekGrid$5.prototype, "toolbarSlot", void 0);
|
|
1585
|
+
TekGrid$5 = __decorate([
|
|
1586
1586
|
Component
|
|
1587
|
-
], TekGrid$
|
|
1588
|
-
var script$b = TekGrid$
|
|
1587
|
+
], TekGrid$5);
|
|
1588
|
+
var script$b = TekGrid$5;
|
|
1589
1589
|
|
|
1590
1590
|
/* script */
|
|
1591
1591
|
const __vue_script__$b = script$b;
|
|
@@ -1796,7 +1796,9 @@ var __vue_render__$b = function () {
|
|
|
1796
1796
|
width:
|
|
1797
1797
|
_vm.calcWidth(
|
|
1798
1798
|
column,
|
|
1799
|
-
column.
|
|
1799
|
+
column.width ||
|
|
1800
|
+
column.maxWidth ||
|
|
1801
|
+
column.minWidth
|
|
1800
1802
|
) || "unset",
|
|
1801
1803
|
},
|
|
1802
1804
|
attrs: {
|
|
@@ -2367,7 +2369,8 @@ var __vue_render__$b = function () {
|
|
|
2367
2369
|
return [
|
|
2368
2370
|
_c("tr", [
|
|
2369
2371
|
_c("td", {
|
|
2370
|
-
style:
|
|
2372
|
+
style:
|
|
2373
|
+
"padding-top: " + _vm.scrollData.startHeight + "px",
|
|
2371
2374
|
attrs: { colspan: headers.length },
|
|
2372
2375
|
}),
|
|
2373
2376
|
]),
|
|
@@ -2809,7 +2812,8 @@ var __vue_render__$b = function () {
|
|
|
2809
2812
|
width:
|
|
2810
2813
|
_vm.calcWidth(
|
|
2811
2814
|
column,
|
|
2812
|
-
column.
|
|
2815
|
+
column.width ||
|
|
2816
|
+
column.maxWidth ||
|
|
2813
2817
|
column.minWidth
|
|
2814
2818
|
) || "unset",
|
|
2815
2819
|
"min-width":
|
|
@@ -2963,12 +2967,18 @@ var __vue_render__$b = function () {
|
|
|
2963
2967
|
? "overflow-clamp overflow-clamp-" +
|
|
2964
2968
|
column.overflow
|
|
2965
2969
|
: "",
|
|
2970
|
+
_vm.instance
|
|
2971
|
+
.groupColumnNames
|
|
2972
|
+
.length > 0
|
|
2973
|
+
? "zd-table-cell-aling-total"
|
|
2974
|
+
: "",
|
|
2966
2975
|
],
|
|
2967
2976
|
style: {
|
|
2968
2977
|
width:
|
|
2969
2978
|
_vm.calcWidth(
|
|
2970
2979
|
column,
|
|
2971
|
-
column.
|
|
2980
|
+
column.width ||
|
|
2981
|
+
column.maxWidth ||
|
|
2972
2982
|
column.minWidth
|
|
2973
2983
|
) || "unset",
|
|
2974
2984
|
"min-width":
|
|
@@ -3198,7 +3208,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3198
3208
|
/* style */
|
|
3199
3209
|
const __vue_inject_styles__$b = function (inject) {
|
|
3200
3210
|
if (!inject) return
|
|
3201
|
-
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 });
|
|
3202
3212
|
|
|
3203
3213
|
};
|
|
3204
3214
|
/* scoped */
|
|
@@ -3266,7 +3276,7 @@ let TekGridColumnsOptionsController = class TekGridColumnsOptionsController {
|
|
|
3266
3276
|
set instance(instance) {
|
|
3267
3277
|
this.instanceValue = instance;
|
|
3268
3278
|
this.iterableComponent = instance.iterableComponent;
|
|
3269
|
-
this.showGroups = instance.iterableComponent instanceof TekGrid$
|
|
3279
|
+
this.showGroups = instance.iterableComponent instanceof TekGrid$6;
|
|
3270
3280
|
this.aggregationData = instance.getAggregationSelectData();
|
|
3271
3281
|
this.columnData = {};
|
|
3272
3282
|
this.iterableComponent.columns.forEach((column) => {
|
|
@@ -3555,7 +3565,7 @@ let TekGridColumnsOptionsController = class TekGridColumnsOptionsController {
|
|
|
3555
3565
|
}
|
|
3556
3566
|
columnContainerMounted({ element }) {
|
|
3557
3567
|
if (element) {
|
|
3558
|
-
|
|
3568
|
+
sortable.create(element, {
|
|
3559
3569
|
handle: '.tek-grid-column-option-box',
|
|
3560
3570
|
group: 'column-container',
|
|
3561
3571
|
filter: '.no-data, .tek-grid-column-option-grouped-true',
|
|
@@ -4127,10 +4137,10 @@ TekGridColumnsOptionsModal.modalDef = {
|
|
|
4127
4137
|
/**
|
|
4128
4138
|
* TekGrid Columns Button component
|
|
4129
4139
|
*/
|
|
4130
|
-
let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsButton {
|
|
4140
|
+
let TekGridColumnsButton$2 = class TekGridColumnsButton extends ZdIterableColumnsButton {
|
|
4131
4141
|
constructor() {
|
|
4132
4142
|
super(...arguments);
|
|
4133
|
-
this.instanceType = TekGridColumnsButton$
|
|
4143
|
+
this.instanceType = TekGridColumnsButton$3;
|
|
4134
4144
|
this.menuIsOpened = false;
|
|
4135
4145
|
this.sortableInitialized = false;
|
|
4136
4146
|
}
|
|
@@ -4140,7 +4150,7 @@ let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsB
|
|
|
4140
4150
|
this.$nextTick(() => {
|
|
4141
4151
|
const columnsTableBody = document.querySelector(`#${this.instance.name}_columns_table tbody`);
|
|
4142
4152
|
if (columnsTableBody) {
|
|
4143
|
-
|
|
4153
|
+
sortable.create(columnsTableBody, {
|
|
4144
4154
|
handle: '.sortHandle',
|
|
4145
4155
|
dragClass: 'tek-grid-columns-button-sortable-drag',
|
|
4146
4156
|
onEnd: this.sortEnd,
|
|
@@ -4176,14 +4186,14 @@ let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsB
|
|
|
4176
4186
|
};
|
|
4177
4187
|
__decorate([
|
|
4178
4188
|
PropWatch({ type: [Boolean, String], default: false })
|
|
4179
|
-
], TekGridColumnsButton.prototype, "hideGroups", void 0);
|
|
4189
|
+
], TekGridColumnsButton$2.prototype, "hideGroups", void 0);
|
|
4180
4190
|
__decorate([
|
|
4181
4191
|
Watch('menuIsOpened')
|
|
4182
|
-
], TekGridColumnsButton.prototype, "menuOpenedChange", null);
|
|
4183
|
-
TekGridColumnsButton = __decorate([
|
|
4192
|
+
], TekGridColumnsButton$2.prototype, "menuOpenedChange", null);
|
|
4193
|
+
TekGridColumnsButton$2 = __decorate([
|
|
4184
4194
|
Component
|
|
4185
|
-
], TekGridColumnsButton);
|
|
4186
|
-
var script$a = TekGridColumnsButton;
|
|
4195
|
+
], TekGridColumnsButton$2);
|
|
4196
|
+
var script$a = TekGridColumnsButton$2;
|
|
4187
4197
|
|
|
4188
4198
|
/* script */
|
|
4189
4199
|
const __vue_script__$a = script$a;
|
|
@@ -4457,7 +4467,7 @@ __vue_render__$a._withStripped = true;
|
|
|
4457
4467
|
/* style */
|
|
4458
4468
|
const __vue_inject_styles__$a = function (inject) {
|
|
4459
4469
|
if (!inject) return
|
|
4460
|
-
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 });
|
|
4461
4471
|
|
|
4462
4472
|
};
|
|
4463
4473
|
/* scoped */
|
|
@@ -4488,10 +4498,10 @@ __vue_render__$a._withStripped = true;
|
|
|
4488
4498
|
/**
|
|
4489
4499
|
* TekGridLayoutOptions component
|
|
4490
4500
|
*/
|
|
4491
|
-
let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender {
|
|
4501
|
+
let TekGridLayoutOptions$2 = class TekGridLayoutOptions extends ZdComponentRender {
|
|
4492
4502
|
constructor() {
|
|
4493
4503
|
super(...arguments);
|
|
4494
|
-
this.instanceType = TekGridLayoutOptions$
|
|
4504
|
+
this.instanceType = TekGridLayoutOptions$3;
|
|
4495
4505
|
}
|
|
4496
4506
|
created() {
|
|
4497
4507
|
this.instance.viewApplyLayout = this.applyLayout;
|
|
@@ -4678,10 +4688,10 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4678
4688
|
event.stopImmediatePropagation();
|
|
4679
4689
|
}
|
|
4680
4690
|
};
|
|
4681
|
-
TekGridLayoutOptions = __decorate([
|
|
4691
|
+
TekGridLayoutOptions$2 = __decorate([
|
|
4682
4692
|
Component
|
|
4683
|
-
], TekGridLayoutOptions);
|
|
4684
|
-
var script$9 = TekGridLayoutOptions;
|
|
4693
|
+
], TekGridLayoutOptions$2);
|
|
4694
|
+
var script$9 = TekGridLayoutOptions$2;
|
|
4685
4695
|
|
|
4686
4696
|
/* script */
|
|
4687
4697
|
const __vue_script__$9 = script$9;
|
|
@@ -4955,7 +4965,7 @@ __vue_render__$9._withStripped = true;
|
|
|
4955
4965
|
/* style */
|
|
4956
4966
|
const __vue_inject_styles__$9 = function (inject) {
|
|
4957
4967
|
if (!inject) return
|
|
4958
|
-
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 });
|
|
4959
4969
|
|
|
4960
4970
|
};
|
|
4961
4971
|
/* scoped */
|
|
@@ -4986,7 +4996,7 @@ __vue_render__$9._withStripped = true;
|
|
|
4986
4996
|
/**
|
|
4987
4997
|
* DocTable component
|
|
4988
4998
|
*/
|
|
4989
|
-
let TekImage = class TekImage extends ZdComponent {
|
|
4999
|
+
let TekImage$2 = class TekImage extends ZdComponent {
|
|
4990
5000
|
constructor() {
|
|
4991
5001
|
super(...arguments);
|
|
4992
5002
|
this.instanceType = Image;
|
|
@@ -4994,14 +5004,14 @@ let TekImage = class TekImage extends ZdComponent {
|
|
|
4994
5004
|
};
|
|
4995
5005
|
__decorate([
|
|
4996
5006
|
PropWatch({ type: String, default: '' })
|
|
4997
|
-
], TekImage.prototype, "to", void 0);
|
|
5007
|
+
], TekImage$2.prototype, "to", void 0);
|
|
4998
5008
|
__decorate([
|
|
4999
5009
|
PropWatch({ type: String, default: '' })
|
|
5000
|
-
], TekImage.prototype, "src", void 0);
|
|
5001
|
-
TekImage = __decorate([
|
|
5010
|
+
], TekImage$2.prototype, "src", void 0);
|
|
5011
|
+
TekImage$2 = __decorate([
|
|
5002
5012
|
Component
|
|
5003
|
-
], TekImage);
|
|
5004
|
-
var script$8 = TekImage;
|
|
5013
|
+
], TekImage$2);
|
|
5014
|
+
var script$8 = TekImage$2;
|
|
5005
5015
|
|
|
5006
5016
|
/* script */
|
|
5007
5017
|
const __vue_script__$8 = script$8;
|
|
@@ -5182,7 +5192,7 @@ __vue_render__$7._withStripped = true;
|
|
|
5182
5192
|
/**
|
|
5183
5193
|
* TekIterableComponentRender component
|
|
5184
5194
|
*/
|
|
5185
|
-
let TekIterableComponentRender = class TekIterableComponentRender extends ZdIterable {
|
|
5195
|
+
let TekIterableComponentRender$2 = class TekIterableComponentRender extends ZdIterable {
|
|
5186
5196
|
constructor() {
|
|
5187
5197
|
super(...arguments);
|
|
5188
5198
|
this.instanceType = IterableComponentRender;
|
|
@@ -5190,19 +5200,19 @@ let TekIterableComponentRender = class TekIterableComponentRender extends ZdIter
|
|
|
5190
5200
|
};
|
|
5191
5201
|
__decorate([
|
|
5192
5202
|
Prop({ type: Array, default: () => [] })
|
|
5193
|
-
], TekIterableComponentRender.prototype, "footerSlot", void 0);
|
|
5203
|
+
], TekIterableComponentRender$2.prototype, "footerSlot", void 0);
|
|
5194
5204
|
__decorate([
|
|
5195
5205
|
Prop({ type: Array, default: () => [] })
|
|
5196
|
-
], TekIterableComponentRender.prototype, "toolbarSlot", void 0);
|
|
5206
|
+
], TekIterableComponentRender$2.prototype, "toolbarSlot", void 0);
|
|
5197
5207
|
__decorate([
|
|
5198
5208
|
Prop({ type: [Object, String] })
|
|
5199
|
-
], TekIterableComponentRender.prototype, "componentMetadata", void 0);
|
|
5209
|
+
], TekIterableComponentRender$2.prototype, "componentMetadata", void 0);
|
|
5200
5210
|
__decorate([
|
|
5201
5211
|
PropWatch({ type: String, default: 'row' })
|
|
5202
|
-
], TekIterableComponentRender.prototype, "rowPropName", void 0);
|
|
5212
|
+
], TekIterableComponentRender$2.prototype, "rowPropName", void 0);
|
|
5203
5213
|
__decorate([
|
|
5204
5214
|
Prop({ type: Array, default: () => ([]) })
|
|
5205
|
-
], TekIterableComponentRender.prototype, "errorSlot", void 0);
|
|
5215
|
+
], TekIterableComponentRender$2.prototype, "errorSlot", void 0);
|
|
5206
5216
|
__decorate([
|
|
5207
5217
|
Prop({
|
|
5208
5218
|
type: Array,
|
|
@@ -5215,7 +5225,7 @@ __decorate([
|
|
|
5215
5225
|
},
|
|
5216
5226
|
]),
|
|
5217
5227
|
})
|
|
5218
|
-
], TekIterableComponentRender.prototype, "noDataSlot", void 0);
|
|
5228
|
+
], TekIterableComponentRender$2.prototype, "noDataSlot", void 0);
|
|
5219
5229
|
__decorate([
|
|
5220
5230
|
Prop({
|
|
5221
5231
|
type: Array,
|
|
@@ -5228,20 +5238,20 @@ __decorate([
|
|
|
5228
5238
|
},
|
|
5229
5239
|
]),
|
|
5230
5240
|
})
|
|
5231
|
-
], TekIterableComponentRender.prototype, "noResultSlot", void 0);
|
|
5241
|
+
], TekIterableComponentRender$2.prototype, "noResultSlot", void 0);
|
|
5232
5242
|
__decorate([
|
|
5233
5243
|
PropWatch({ type: [Number, String], default: 'auto' })
|
|
5234
|
-
], TekIterableComponentRender.prototype, "height", void 0);
|
|
5244
|
+
], TekIterableComponentRender$2.prototype, "height", void 0);
|
|
5235
5245
|
__decorate([
|
|
5236
5246
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5237
|
-
], TekIterableComponentRender.prototype, "maxHeight", void 0);
|
|
5247
|
+
], TekIterableComponentRender$2.prototype, "maxHeight", void 0);
|
|
5238
5248
|
__decorate([
|
|
5239
5249
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5240
|
-
], TekIterableComponentRender.prototype, "minHeight", void 0);
|
|
5241
|
-
TekIterableComponentRender = __decorate([
|
|
5250
|
+
], TekIterableComponentRender$2.prototype, "minHeight", void 0);
|
|
5251
|
+
TekIterableComponentRender$2 = __decorate([
|
|
5242
5252
|
Component
|
|
5243
|
-
], TekIterableComponentRender);
|
|
5244
|
-
var script$6 = TekIterableComponentRender;
|
|
5253
|
+
], TekIterableComponentRender$2);
|
|
5254
|
+
var script$6 = TekIterableComponentRender$2;
|
|
5245
5255
|
|
|
5246
5256
|
/* script */
|
|
5247
5257
|
const __vue_script__$6 = script$6;
|
|
@@ -5441,11 +5451,11 @@ __vue_render__$6._withStripped = true;
|
|
|
5441
5451
|
/* style */
|
|
5442
5452
|
const __vue_inject_styles__$6 = function (inject) {
|
|
5443
5453
|
if (!inject) return
|
|
5444
|
-
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 });
|
|
5445
5455
|
|
|
5446
5456
|
};
|
|
5447
5457
|
/* scoped */
|
|
5448
|
-
const __vue_scope_id__$6 = "data-v-
|
|
5458
|
+
const __vue_scope_id__$6 = "data-v-99372b24";
|
|
5449
5459
|
/* module identifier */
|
|
5450
5460
|
const __vue_module_identifier__$6 = undefined;
|
|
5451
5461
|
/* functional template */
|
|
@@ -5661,7 +5671,7 @@ __vue_render__$4._withStripped = true;
|
|
|
5661
5671
|
/* style */
|
|
5662
5672
|
const __vue_inject_styles__$4 = function (inject) {
|
|
5663
5673
|
if (!inject) return
|
|
5664
|
-
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 });
|
|
5665
5675
|
|
|
5666
5676
|
};
|
|
5667
5677
|
/* scoped */
|
|
@@ -5692,7 +5702,7 @@ __vue_render__$4._withStripped = true;
|
|
|
5692
5702
|
/**
|
|
5693
5703
|
* Product card component
|
|
5694
5704
|
*/
|
|
5695
|
-
let TekProductCard = class TekProductCard extends ZdComponentRender {
|
|
5705
|
+
let TekProductCard$2 = class TekProductCard extends ZdComponentRender {
|
|
5696
5706
|
constructor() {
|
|
5697
5707
|
super(...arguments);
|
|
5698
5708
|
this.instanceType = ProductCard;
|
|
@@ -5707,47 +5717,47 @@ let TekProductCard = class TekProductCard extends ZdComponentRender {
|
|
|
5707
5717
|
};
|
|
5708
5718
|
__decorate([
|
|
5709
5719
|
PropWatch({ type: String, default: '' })
|
|
5710
|
-
], TekProductCard.prototype, "id", void 0);
|
|
5720
|
+
], TekProductCard$2.prototype, "id", void 0);
|
|
5711
5721
|
__decorate([
|
|
5712
5722
|
PropWatch({ type: String, default: '' })
|
|
5713
|
-
], TekProductCard.prototype, "to", void 0);
|
|
5723
|
+
], TekProductCard$2.prototype, "to", void 0);
|
|
5714
5724
|
__decorate([
|
|
5715
5725
|
PropWatch({ type: String, default: '' })
|
|
5716
|
-
], TekProductCard.prototype, "src", void 0);
|
|
5726
|
+
], TekProductCard$2.prototype, "src", void 0);
|
|
5717
5727
|
__decorate([
|
|
5718
5728
|
PropWatch({ type: String, default: '' })
|
|
5719
|
-
], TekProductCard.prototype, "errorImagePath", void 0);
|
|
5729
|
+
], TekProductCard$2.prototype, "errorImagePath", void 0);
|
|
5720
5730
|
__decorate([
|
|
5721
5731
|
PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' })
|
|
5722
|
-
], TekProductCard.prototype, "errorImageText", void 0);
|
|
5732
|
+
], TekProductCard$2.prototype, "errorImageText", void 0);
|
|
5723
5733
|
__decorate([
|
|
5724
5734
|
PropWatch({ type: String, default: '' })
|
|
5725
|
-
], TekProductCard.prototype, "productName", void 0);
|
|
5735
|
+
], TekProductCard$2.prototype, "productName", void 0);
|
|
5726
5736
|
__decorate([
|
|
5727
5737
|
PropWatch({ type: String })
|
|
5728
|
-
], TekProductCard.prototype, "productSupplier", void 0);
|
|
5738
|
+
], TekProductCard$2.prototype, "productSupplier", void 0);
|
|
5729
5739
|
__decorate([
|
|
5730
5740
|
PropWatch({ type: String })
|
|
5731
|
-
], TekProductCard.prototype, "productBrand", void 0);
|
|
5741
|
+
], TekProductCard$2.prototype, "productBrand", void 0);
|
|
5732
5742
|
__decorate([
|
|
5733
5743
|
PropWatch({ type: [String, Number] })
|
|
5734
|
-
], TekProductCard.prototype, "productPrice", void 0);
|
|
5744
|
+
], TekProductCard$2.prototype, "productPrice", void 0);
|
|
5735
5745
|
__decorate([
|
|
5736
5746
|
PropWatch({ type: String, default: '' })
|
|
5737
|
-
], TekProductCard.prototype, "width", void 0);
|
|
5747
|
+
], TekProductCard$2.prototype, "width", void 0);
|
|
5738
5748
|
__decorate([
|
|
5739
5749
|
PropWatch({ type: [Number, String], default: 'auto' })
|
|
5740
|
-
], TekProductCard.prototype, "height", void 0);
|
|
5750
|
+
], TekProductCard$2.prototype, "height", void 0);
|
|
5741
5751
|
__decorate([
|
|
5742
5752
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5743
|
-
], TekProductCard.prototype, "maxHeight", void 0);
|
|
5753
|
+
], TekProductCard$2.prototype, "maxHeight", void 0);
|
|
5744
5754
|
__decorate([
|
|
5745
5755
|
PropWatch({ type: [Number, String], default: 'none' })
|
|
5746
|
-
], TekProductCard.prototype, "minHeight", void 0);
|
|
5747
|
-
TekProductCard = __decorate([
|
|
5756
|
+
], TekProductCard$2.prototype, "minHeight", void 0);
|
|
5757
|
+
TekProductCard$2 = __decorate([
|
|
5748
5758
|
Component
|
|
5749
|
-
], TekProductCard);
|
|
5750
|
-
var script$3 = TekProductCard;
|
|
5759
|
+
], TekProductCard$2);
|
|
5760
|
+
var script$3 = TekProductCard$2;
|
|
5751
5761
|
|
|
5752
5762
|
/* script */
|
|
5753
5763
|
const __vue_script__$3 = script$3;
|
|
@@ -5897,7 +5907,7 @@ __vue_render__$3._withStripped = true;
|
|
|
5897
5907
|
/* style */
|
|
5898
5908
|
const __vue_inject_styles__$3 = function (inject) {
|
|
5899
5909
|
if (!inject) return
|
|
5900
|
-
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 });
|
|
5901
5911
|
|
|
5902
5912
|
};
|
|
5903
5913
|
/* scoped */
|
|
@@ -5926,11 +5936,11 @@ __vue_render__$3._withStripped = true;
|
|
|
5926
5936
|
);
|
|
5927
5937
|
|
|
5928
5938
|
// eslint-disable-next-line prefer-destructuring
|
|
5929
|
-
const ZdTreeGridEditable = components$1.ZdTreeGridEditable;
|
|
5939
|
+
const ZdTreeGridEditable$1 = components$1.ZdTreeGridEditable;
|
|
5930
5940
|
/**
|
|
5931
5941
|
* TekGrid component
|
|
5932
5942
|
*/
|
|
5933
|
-
let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
5943
|
+
let TekGrid$4 = class TekGrid extends ZdTreeGridEditable$1 {
|
|
5934
5944
|
constructor() {
|
|
5935
5945
|
super(...arguments);
|
|
5936
5946
|
this.instanceType = TekTreeGrid;
|
|
@@ -6240,62 +6250,62 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
6240
6250
|
};
|
|
6241
6251
|
__decorate([
|
|
6242
6252
|
PropWatch({ type: [String], default: '' })
|
|
6243
|
-
], TekGrid.prototype, "title", void 0);
|
|
6253
|
+
], TekGrid$4.prototype, "title", void 0);
|
|
6244
6254
|
__decorate([
|
|
6245
6255
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6246
|
-
], TekGrid.prototype, "addButton", void 0);
|
|
6256
|
+
], TekGrid$4.prototype, "addButton", void 0);
|
|
6247
6257
|
__decorate([
|
|
6248
6258
|
PropWatch({ type: [String], default: 'none' })
|
|
6249
|
-
], TekGrid.prototype, "deleteButton", void 0);
|
|
6259
|
+
], TekGrid$4.prototype, "deleteButton", void 0);
|
|
6250
6260
|
__decorate([
|
|
6251
6261
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6252
|
-
], TekGrid.prototype, "columnsButton", void 0);
|
|
6262
|
+
], TekGrid$4.prototype, "columnsButton", void 0);
|
|
6253
6263
|
__decorate([
|
|
6254
6264
|
Prop({ type: [Array, String], default: () => [] })
|
|
6255
|
-
], TekGrid.prototype, "columnsButtonIgnore", void 0);
|
|
6265
|
+
], TekGrid$4.prototype, "columnsButtonIgnore", void 0);
|
|
6256
6266
|
__decorate([
|
|
6257
6267
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6258
|
-
], TekGrid.prototype, "filterButton", void 0);
|
|
6268
|
+
], TekGrid$4.prototype, "filterButton", void 0);
|
|
6259
6269
|
__decorate([
|
|
6260
6270
|
PropWatch({ type: [Boolean, String], default: true })
|
|
6261
|
-
], TekGrid.prototype, "showSearch", void 0);
|
|
6271
|
+
], TekGrid$4.prototype, "showSearch", void 0);
|
|
6262
6272
|
__decorate([
|
|
6263
6273
|
PropWatch({ type: [Boolean, String], default: false })
|
|
6264
|
-
], TekGrid.prototype, "columnFilterButton", void 0);
|
|
6274
|
+
], TekGrid$4.prototype, "columnFilterButton", void 0);
|
|
6265
6275
|
__decorate([
|
|
6266
6276
|
Prop({ type: [Array], default: () => [] })
|
|
6267
|
-
], TekGrid.prototype, "actions", void 0);
|
|
6277
|
+
], TekGrid$4.prototype, "actions", void 0);
|
|
6268
6278
|
__decorate([
|
|
6269
6279
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6270
|
-
], TekGrid.prototype, "dragColumns", void 0);
|
|
6280
|
+
], TekGrid$4.prototype, "dragColumns", void 0);
|
|
6271
6281
|
__decorate([
|
|
6272
6282
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6273
|
-
], TekGrid.prototype, "resizeColumns", void 0);
|
|
6283
|
+
], TekGrid$4.prototype, "resizeColumns", void 0);
|
|
6274
6284
|
__decorate([
|
|
6275
6285
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6276
|
-
], TekGrid.prototype, "showLayoutOptions", void 0);
|
|
6286
|
+
], TekGrid$4.prototype, "showLayoutOptions", void 0);
|
|
6277
6287
|
__decorate([
|
|
6278
6288
|
PropWatch({ type: [String, Boolean], default: false })
|
|
6279
|
-
], TekGrid.prototype, "showExport", void 0);
|
|
6289
|
+
], TekGrid$4.prototype, "showExport", void 0);
|
|
6280
6290
|
__decorate([
|
|
6281
6291
|
PropWatch({ type: [String, Boolean], default: true })
|
|
6282
|
-
], TekGrid.prototype, "showReload", void 0);
|
|
6292
|
+
], TekGrid$4.prototype, "showReload", void 0);
|
|
6283
6293
|
__decorate([
|
|
6284
6294
|
Prop({ type: [String, Array] })
|
|
6285
|
-
], TekGrid.prototype, "exportConfig", void 0);
|
|
6295
|
+
], TekGrid$4.prototype, "exportConfig", void 0);
|
|
6286
6296
|
__decorate([
|
|
6287
6297
|
Prop({ type: [Array] })
|
|
6288
|
-
], TekGrid.prototype, "exportActions", void 0);
|
|
6298
|
+
], TekGrid$4.prototype, "exportActions", void 0);
|
|
6289
6299
|
__decorate([
|
|
6290
6300
|
Prop({
|
|
6291
6301
|
type: Array,
|
|
6292
6302
|
default: () => undefined,
|
|
6293
6303
|
})
|
|
6294
|
-
], TekGrid.prototype, "toolbarSlot", void 0);
|
|
6295
|
-
TekGrid = __decorate([
|
|
6304
|
+
], TekGrid$4.prototype, "toolbarSlot", void 0);
|
|
6305
|
+
TekGrid$4 = __decorate([
|
|
6296
6306
|
Component
|
|
6297
|
-
], TekGrid);
|
|
6298
|
-
var script$2 = TekGrid;
|
|
6307
|
+
], TekGrid$4);
|
|
6308
|
+
var script$2 = TekGrid$4;
|
|
6299
6309
|
|
|
6300
6310
|
/* script */
|
|
6301
6311
|
const __vue_script__$2 = script$2;
|
|
@@ -6474,6 +6484,9 @@ var __vue_render__$2 = function () {
|
|
|
6474
6484
|
style: {
|
|
6475
6485
|
"background-color":
|
|
6476
6486
|
_vm.instance.headerBackground,
|
|
6487
|
+
width:
|
|
6488
|
+
_vm.calcWidth(column, column.width) ||
|
|
6489
|
+
"unset",
|
|
6477
6490
|
"min-width":
|
|
6478
6491
|
_vm.calcWidth(
|
|
6479
6492
|
column,
|
|
@@ -6586,6 +6599,11 @@ var __vue_render__$2 = function () {
|
|
|
6586
6599
|
: "",
|
|
6587
6600
|
],
|
|
6588
6601
|
style: {
|
|
6602
|
+
width:
|
|
6603
|
+
_vm.calcWidth(
|
|
6604
|
+
column,
|
|
6605
|
+
column.width
|
|
6606
|
+
) || "unset",
|
|
6589
6607
|
"min-width":
|
|
6590
6608
|
_vm.calcWidth(
|
|
6591
6609
|
column,
|
|
@@ -7204,7 +7222,8 @@ var __vue_render__$2 = function () {
|
|
|
7204
7222
|
width:
|
|
7205
7223
|
_vm.calcWidth(
|
|
7206
7224
|
column,
|
|
7207
|
-
column.
|
|
7225
|
+
column.width ||
|
|
7226
|
+
column.maxWidth ||
|
|
7208
7227
|
column.minWidth
|
|
7209
7228
|
) || "unset",
|
|
7210
7229
|
"min-width":
|
|
@@ -7637,7 +7656,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7637
7656
|
/* style */
|
|
7638
7657
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7639
7658
|
if (!inject) return
|
|
7640
|
-
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 });
|
|
7641
7660
|
|
|
7642
7661
|
};
|
|
7643
7662
|
/* scoped */
|
|
@@ -7665,31 +7684,31 @@ __vue_render__$2._withStripped = true;
|
|
|
7665
7684
|
undefined
|
|
7666
7685
|
);
|
|
7667
7686
|
|
|
7668
|
-
let TekUserInfo = class TekUserInfo extends ZdUserInfo {
|
|
7687
|
+
let TekUserInfo$2 = class TekUserInfo extends ZdUserInfo {
|
|
7669
7688
|
constructor() {
|
|
7670
7689
|
super(...arguments);
|
|
7671
|
-
this.instanceType = TekUserInfo$
|
|
7690
|
+
this.instanceType = TekUserInfo$3;
|
|
7672
7691
|
}
|
|
7673
7692
|
};
|
|
7674
7693
|
__decorate([
|
|
7675
7694
|
PropWatch({ type: [String], default: '' })
|
|
7676
|
-
], TekUserInfo.prototype, "aboutImage", void 0);
|
|
7695
|
+
], TekUserInfo$2.prototype, "aboutImage", void 0);
|
|
7677
7696
|
__decorate([
|
|
7678
7697
|
PropWatch({ type: [String], default: '' })
|
|
7679
|
-
], TekUserInfo.prototype, "defaultEmail", void 0);
|
|
7698
|
+
], TekUserInfo$2.prototype, "defaultEmail", void 0);
|
|
7680
7699
|
__decorate([
|
|
7681
7700
|
PropWatch({ type: [Object, String], default: null })
|
|
7682
|
-
], TekUserInfo.prototype, "versionInfo", void 0);
|
|
7701
|
+
], TekUserInfo$2.prototype, "versionInfo", void 0);
|
|
7683
7702
|
__decorate([
|
|
7684
7703
|
PropWatch({ type: [String], default: '' })
|
|
7685
|
-
], TekUserInfo.prototype, "versionUrl", void 0);
|
|
7704
|
+
], TekUserInfo$2.prototype, "versionUrl", void 0);
|
|
7686
7705
|
__decorate([
|
|
7687
7706
|
Prop({ type: [Array], default: undefined })
|
|
7688
|
-
], TekUserInfo.prototype, "bottomSlot", void 0);
|
|
7689
|
-
TekUserInfo = __decorate([
|
|
7707
|
+
], TekUserInfo$2.prototype, "bottomSlot", void 0);
|
|
7708
|
+
TekUserInfo$2 = __decorate([
|
|
7690
7709
|
Component
|
|
7691
|
-
], TekUserInfo);
|
|
7692
|
-
var script$1 = TekUserInfo;
|
|
7710
|
+
], TekUserInfo$2);
|
|
7711
|
+
var script$1 = TekUserInfo$2;
|
|
7693
7712
|
|
|
7694
7713
|
/* script */
|
|
7695
7714
|
const __vue_script__$1 = script$1;
|
|
@@ -7747,7 +7766,7 @@ __vue_render__$1._withStripped = true;
|
|
|
7747
7766
|
/* style */
|
|
7748
7767
|
const __vue_inject_styles__$1 = function (inject) {
|
|
7749
7768
|
if (!inject) return
|
|
7750
|
-
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 });
|
|
7751
7770
|
|
|
7752
7771
|
};
|
|
7753
7772
|
/* scoped */
|
|
@@ -7776,23 +7795,23 @@ __vue_render__$1._withStripped = true;
|
|
|
7776
7795
|
);
|
|
7777
7796
|
|
|
7778
7797
|
// eslint-disable-next-line prefer-destructuring
|
|
7779
|
-
const ZdList = components$1.ZdList;
|
|
7780
|
-
let TekUserInfoList = class TekUserInfoList extends ZdList {
|
|
7798
|
+
const ZdList$1 = components$1.ZdList;
|
|
7799
|
+
let TekUserInfoList$2 = class TekUserInfoList extends ZdList$1 {
|
|
7781
7800
|
constructor() {
|
|
7782
7801
|
super(...arguments);
|
|
7783
|
-
this.instanceType = TekUserInfoList$
|
|
7802
|
+
this.instanceType = TekUserInfoList$3;
|
|
7784
7803
|
}
|
|
7785
7804
|
};
|
|
7786
7805
|
__decorate([
|
|
7787
7806
|
PropWatch({ type: [String], default: '' })
|
|
7788
|
-
], TekUserInfoList.prototype, "parentName", void 0);
|
|
7807
|
+
], TekUserInfoList$2.prototype, "parentName", void 0);
|
|
7789
7808
|
__decorate([
|
|
7790
7809
|
PropWatch({ type: [Boolean, String], default: true })
|
|
7791
|
-
], TekUserInfoList.prototype, "dense", void 0);
|
|
7792
|
-
TekUserInfoList = __decorate([
|
|
7810
|
+
], TekUserInfoList$2.prototype, "dense", void 0);
|
|
7811
|
+
TekUserInfoList$2 = __decorate([
|
|
7793
7812
|
Component
|
|
7794
|
-
], TekUserInfoList);
|
|
7795
|
-
var script = TekUserInfoList;
|
|
7813
|
+
], TekUserInfoList$2);
|
|
7814
|
+
var script = TekUserInfoList$2;
|
|
7796
7815
|
|
|
7797
7816
|
/* script */
|
|
7798
7817
|
const __vue_script__ = script;
|
|
@@ -7864,23 +7883,1477 @@ const components = {
|
|
|
7864
7883
|
TekUserInfoList: __vue_component__,
|
|
7865
7884
|
};
|
|
7866
7885
|
|
|
7867
|
-
|
|
7868
|
-
|
|
7869
|
-
|
|
7870
|
-
|
|
7871
|
-
|
|
7872
|
-
|
|
7873
|
-
|
|
7874
|
-
|
|
7875
|
-
|
|
7876
|
-
|
|
7877
|
-
|
|
7878
|
-
|
|
7879
|
-
|
|
7880
|
-
|
|
7881
|
-
|
|
7882
|
-
|
|
7883
|
-
}
|
|
7884
|
-
|
|
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);
|
|
7885
9358
|
|
|
7886
|
-
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 };
|