@zeedhi/teknisa-components-vuetify 1.73.0 → 1.74.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,7 +3,7 @@ import { ZdUserInfo } from '@zeedhi/zd-user-info-vue';
|
|
|
3
3
|
import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader, VersionService } from '@zeedhi/core';
|
|
4
4
|
import { Prop, Component, Watch } from 'vue-property-decorator';
|
|
5
5
|
import { BreadcrumbHeader, CardTitle, CrudButton, CrudAddButton, CrudCancelButton, CrudDeleteButton, CrudForm, CrudSaveButton, TekGrid as TekGrid$2, TekRestDatasource, TekMemoryDatasource, TekGridColumn, TekGridColumnsButton as TekGridColumnsButton$1, TekGridLayoutOptions as TekGridLayoutOptions$1, TekFilterHelper, Image, IterableCarousel, Loading, Notifications, ProductCard, TekTreeGrid, TekUserInfo as TekUserInfo$1, TekUserInfoList as TekUserInfoList$1 } from '@zeedhi/teknisa-components-common';
|
|
6
|
-
import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, ZdIterableComponentRender, ZdLoading, ZdIterable } from '@zeedhi/vuetify';
|
|
6
|
+
import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, setFillHeight, ZdIterableComponentRender, ZdLoading, ZdIterable } from '@zeedhi/vuetify';
|
|
7
7
|
import debounce from 'lodash.debounce';
|
|
8
8
|
import Sortable from 'sortablejs';
|
|
9
9
|
import cloneDeep from 'lodash.clonedeep';
|
|
@@ -913,6 +913,18 @@ var __vue_render__$d = function () {
|
|
|
913
913
|
],
|
|
914
914
|
ref: "form",
|
|
915
915
|
class: ["tek-crud-form", _vm.instance.cssClass],
|
|
916
|
+
style: Object.assign(
|
|
917
|
+
{},
|
|
918
|
+
{
|
|
919
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
920
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
921
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
922
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
923
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
924
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
925
|
+
},
|
|
926
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
927
|
+
),
|
|
916
928
|
attrs: { id: _vm.instance.name, name: _vm.instance.name, tabindex: "0" },
|
|
917
929
|
on: {
|
|
918
930
|
submit: function ($event) {
|
|
@@ -976,7 +988,7 @@ __vue_render__$d._withStripped = true;
|
|
|
976
988
|
/* style */
|
|
977
989
|
const __vue_inject_styles__$d = function (inject) {
|
|
978
990
|
if (!inject) return
|
|
979
|
-
inject("data-v-
|
|
991
|
+
inject("data-v-c0dcf978_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
|
|
980
992
|
|
|
981
993
|
};
|
|
982
994
|
/* scoped */
|
|
@@ -1604,14 +1616,18 @@ var __vue_render__$b = function () {
|
|
|
1604
1616
|
"zd-grid",
|
|
1605
1617
|
"tek-grid",
|
|
1606
1618
|
_vm.instance.cssClass,
|
|
1607
|
-
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
1608
1619
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
1609
1620
|
],
|
|
1610
1621
|
style: [
|
|
1611
1622
|
_vm.cssColorVars,
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
:
|
|
1623
|
+
{
|
|
1624
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
1625
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
1626
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
1627
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
1628
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
1629
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
1630
|
+
},
|
|
1615
1631
|
_vm.$styleObject(_vm.instance.cssStyle),
|
|
1616
1632
|
],
|
|
1617
1633
|
attrs: {
|
|
@@ -1622,7 +1638,6 @@ var __vue_render__$b = function () {
|
|
|
1622
1638
|
"hide-default-footer": "",
|
|
1623
1639
|
name: _vm.instance.name,
|
|
1624
1640
|
headers: _vm.headers,
|
|
1625
|
-
height: _vm.instance.height,
|
|
1626
1641
|
items: _vm.getData(),
|
|
1627
1642
|
search: _vm.instance.datasource.search,
|
|
1628
1643
|
dense: _vm.instance.dense,
|
|
@@ -2831,6 +2846,8 @@ var __vue_render__$b = function () {
|
|
|
2831
2846
|
column: column,
|
|
2832
2847
|
row: item,
|
|
2833
2848
|
rowStyle: rowStyle,
|
|
2849
|
+
rowKey:
|
|
2850
|
+
_vm.rowKey(item),
|
|
2834
2851
|
cellsApplied:
|
|
2835
2852
|
cellsApplied,
|
|
2836
2853
|
isEdited:
|
|
@@ -3102,7 +3119,7 @@ __vue_render__$b._withStripped = true;
|
|
|
3102
3119
|
/* style */
|
|
3103
3120
|
const __vue_inject_styles__$b = function (inject) {
|
|
3104
3121
|
if (!inject) return
|
|
3105
|
-
inject("data-v-
|
|
3122
|
+
inject("data-v-40eb0f79_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
3106
3123
|
|
|
3107
3124
|
};
|
|
3108
3125
|
/* scoped */
|
|
@@ -4916,6 +4933,11 @@ let TekImage = class TekImage extends ZdComponent {
|
|
|
4916
4933
|
super(...arguments);
|
|
4917
4934
|
this.instanceType = Image;
|
|
4918
4935
|
}
|
|
4936
|
+
mounted() {
|
|
4937
|
+
if (this.instance.fillHeight) {
|
|
4938
|
+
setFillHeight(this.$el);
|
|
4939
|
+
}
|
|
4940
|
+
}
|
|
4919
4941
|
};
|
|
4920
4942
|
__decorate([
|
|
4921
4943
|
PropWatch({ type: String, default: '' })
|
|
@@ -4923,6 +4945,27 @@ __decorate([
|
|
|
4923
4945
|
__decorate([
|
|
4924
4946
|
PropWatch({ type: String, default: '' })
|
|
4925
4947
|
], TekImage.prototype, "src", void 0);
|
|
4948
|
+
__decorate([
|
|
4949
|
+
PropWatch({ type: [Number, String], default: 'auto' })
|
|
4950
|
+
], TekImage.prototype, "height", void 0);
|
|
4951
|
+
__decorate([
|
|
4952
|
+
PropWatch({ type: [Number, String], default: 'auto' })
|
|
4953
|
+
], TekImage.prototype, "minHeight", void 0);
|
|
4954
|
+
__decorate([
|
|
4955
|
+
PropWatch({ type: [Number, String], default: 'none' })
|
|
4956
|
+
], TekImage.prototype, "maxHeight", void 0);
|
|
4957
|
+
__decorate([
|
|
4958
|
+
PropWatch({ type: [Number, String], default: 'auto' })
|
|
4959
|
+
], TekImage.prototype, "width", void 0);
|
|
4960
|
+
__decorate([
|
|
4961
|
+
PropWatch({ type: [Number, String], default: 'auto' })
|
|
4962
|
+
], TekImage.prototype, "minWidth", void 0);
|
|
4963
|
+
__decorate([
|
|
4964
|
+
PropWatch({ type: [Number, String], default: 'none' })
|
|
4965
|
+
], TekImage.prototype, "maxWidth", void 0);
|
|
4966
|
+
__decorate([
|
|
4967
|
+
PropWatch({ type: [Boolean, String], default: false })
|
|
4968
|
+
], TekImage.prototype, "fillHeight", void 0);
|
|
4926
4969
|
TekImage = __decorate([
|
|
4927
4970
|
Component
|
|
4928
4971
|
], TekImage);
|
|
@@ -4939,7 +4982,24 @@ var __vue_render__$8 = function () {
|
|
|
4939
4982
|
return _c(
|
|
4940
4983
|
"router-link",
|
|
4941
4984
|
{ attrs: { id: _vm.instance.name, to: _vm.instance.to } },
|
|
4942
|
-
[
|
|
4985
|
+
[
|
|
4986
|
+
_c("v-img", {
|
|
4987
|
+
class: ["tek-image", _vm.instance.cssClass],
|
|
4988
|
+
style: Object.assign(
|
|
4989
|
+
{},
|
|
4990
|
+
{
|
|
4991
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
4992
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
4993
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
4994
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
4995
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
4996
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
4997
|
+
},
|
|
4998
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
4999
|
+
),
|
|
5000
|
+
attrs: { src: _vm.instance.src },
|
|
5001
|
+
}),
|
|
5002
|
+
],
|
|
4943
5003
|
1
|
|
4944
5004
|
)
|
|
4945
5005
|
};
|
|
@@ -5135,8 +5195,11 @@ var __vue_render__$6 = function () {
|
|
|
5135
5195
|
{},
|
|
5136
5196
|
{
|
|
5137
5197
|
height: _vm.$formatSize(_vm.instance.height),
|
|
5138
|
-
|
|
5198
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
5139
5199
|
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
5200
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
5201
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
5202
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
5140
5203
|
},
|
|
5141
5204
|
_vm.$styleObject(_vm.instance.cssStyle)
|
|
5142
5205
|
),
|
|
@@ -5277,12 +5340,12 @@ var __vue_render__$6 = function () {
|
|
|
5277
5340
|
)
|
|
5278
5341
|
),
|
|
5279
5342
|
_vm._v(" "),
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
|
|
5284
|
-
|
|
5285
|
-
|
|
5343
|
+
_vm.instance.footerSlot.length || !!_vm.$slots.footerSlot
|
|
5344
|
+
? _c(
|
|
5345
|
+
"div",
|
|
5346
|
+
{ staticClass: "tek-iterable-footer" },
|
|
5347
|
+
[
|
|
5348
|
+
[
|
|
5286
5349
|
_vm._l(_vm.instance.footerSlot, function (child, index) {
|
|
5287
5350
|
return _c(
|
|
5288
5351
|
child.component,
|
|
@@ -5300,11 +5363,11 @@ var __vue_render__$6 = function () {
|
|
|
5300
5363
|
}),
|
|
5301
5364
|
_vm._v(" "),
|
|
5302
5365
|
_vm._t("footerSlot"),
|
|
5303
|
-
]
|
|
5304
|
-
|
|
5305
|
-
|
|
5306
|
-
|
|
5307
|
-
|
|
5366
|
+
],
|
|
5367
|
+
],
|
|
5368
|
+
2
|
|
5369
|
+
)
|
|
5370
|
+
: _vm._e(),
|
|
5308
5371
|
],
|
|
5309
5372
|
2
|
|
5310
5373
|
)
|
|
@@ -5316,11 +5379,11 @@ __vue_render__$6._withStripped = true;
|
|
|
5316
5379
|
/* style */
|
|
5317
5380
|
const __vue_inject_styles__$6 = function (inject) {
|
|
5318
5381
|
if (!inject) return
|
|
5319
|
-
inject("data-v-
|
|
5382
|
+
inject("data-v-171cbd3a_0", { source: ".tek-iterable-component-render[data-v-171cbd3a] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-171cbd3a],\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-171cbd3a] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-171cbd3a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
5320
5383
|
|
|
5321
5384
|
};
|
|
5322
5385
|
/* scoped */
|
|
5323
|
-
const __vue_scope_id__$6 = "data-v-
|
|
5386
|
+
const __vue_scope_id__$6 = "data-v-171cbd3a";
|
|
5324
5387
|
/* module identifier */
|
|
5325
5388
|
const __vue_module_identifier__$6 = undefined;
|
|
5326
5389
|
/* functional template */
|
|
@@ -6131,13 +6194,6 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
|
|
|
6131
6194
|
setSpanWidth(column) {
|
|
6132
6195
|
return column.width;
|
|
6133
6196
|
}
|
|
6134
|
-
getWidthStyle(column) {
|
|
6135
|
-
return {
|
|
6136
|
-
width: this.calcWidth(column, column.width) || 'unset',
|
|
6137
|
-
'min-width': this.calcWidth(column, column.minWidth) || 'unset',
|
|
6138
|
-
'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
|
|
6139
|
-
};
|
|
6140
|
-
}
|
|
6141
6197
|
};
|
|
6142
6198
|
__decorate([
|
|
6143
6199
|
PropWatch({ type: [String], default: '' })
|
|
@@ -6226,14 +6282,18 @@ var __vue_render__$2 = function () {
|
|
|
6226
6282
|
"tek-grid",
|
|
6227
6283
|
"tek-tree-grid",
|
|
6228
6284
|
_vm.instance.cssClass,
|
|
6229
|
-
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
6230
6285
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
6231
6286
|
],
|
|
6232
6287
|
style: [
|
|
6233
6288
|
_vm.cssColorVars,
|
|
6234
|
-
|
|
6235
|
-
|
|
6236
|
-
:
|
|
6289
|
+
{
|
|
6290
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
6291
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
6292
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
6293
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
6294
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
6295
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
6296
|
+
},
|
|
6237
6297
|
_vm.$styleObject(_vm.instance.cssStyle),
|
|
6238
6298
|
],
|
|
6239
6299
|
attrs: {
|
|
@@ -7175,6 +7235,10 @@ var __vue_render__$2 = function () {
|
|
|
7175
7235
|
_vm.getWidthStyle,
|
|
7176
7236
|
column: column,
|
|
7177
7237
|
row: item,
|
|
7238
|
+
rowKey:
|
|
7239
|
+
_vm.rowKey(
|
|
7240
|
+
item
|
|
7241
|
+
),
|
|
7178
7242
|
rowStyle:
|
|
7179
7243
|
rowStyle,
|
|
7180
7244
|
cellsApplied:
|
|
@@ -7492,7 +7556,7 @@ __vue_render__$2._withStripped = true;
|
|
|
7492
7556
|
/* style */
|
|
7493
7557
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7494
7558
|
if (!inject) return
|
|
7495
|
-
inject("data-v-
|
|
7559
|
+
inject("data-v-738a5404_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
7496
7560
|
|
|
7497
7561
|
};
|
|
7498
7562
|
/* scoped */
|
|
@@ -915,6 +915,18 @@
|
|
|
915
915
|
],
|
|
916
916
|
ref: "form",
|
|
917
917
|
class: ["tek-crud-form", _vm.instance.cssClass],
|
|
918
|
+
style: Object.assign(
|
|
919
|
+
{},
|
|
920
|
+
{
|
|
921
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
922
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
923
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
924
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
925
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
926
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
927
|
+
},
|
|
928
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
929
|
+
),
|
|
918
930
|
attrs: { id: _vm.instance.name, name: _vm.instance.name, tabindex: "0" },
|
|
919
931
|
on: {
|
|
920
932
|
submit: function ($event) {
|
|
@@ -978,7 +990,7 @@
|
|
|
978
990
|
/* style */
|
|
979
991
|
const __vue_inject_styles__$d = function (inject) {
|
|
980
992
|
if (!inject) return
|
|
981
|
-
inject("data-v-
|
|
993
|
+
inject("data-v-c0dcf978_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
|
|
982
994
|
|
|
983
995
|
};
|
|
984
996
|
/* scoped */
|
|
@@ -1606,14 +1618,18 @@
|
|
|
1606
1618
|
"zd-grid",
|
|
1607
1619
|
"tek-grid",
|
|
1608
1620
|
_vm.instance.cssClass,
|
|
1609
|
-
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
1610
1621
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
1611
1622
|
],
|
|
1612
1623
|
style: [
|
|
1613
1624
|
_vm.cssColorVars,
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
:
|
|
1625
|
+
{
|
|
1626
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
1627
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
1628
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
1629
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
1630
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
1631
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
1632
|
+
},
|
|
1617
1633
|
_vm.$styleObject(_vm.instance.cssStyle),
|
|
1618
1634
|
],
|
|
1619
1635
|
attrs: {
|
|
@@ -1624,7 +1640,6 @@
|
|
|
1624
1640
|
"hide-default-footer": "",
|
|
1625
1641
|
name: _vm.instance.name,
|
|
1626
1642
|
headers: _vm.headers,
|
|
1627
|
-
height: _vm.instance.height,
|
|
1628
1643
|
items: _vm.getData(),
|
|
1629
1644
|
search: _vm.instance.datasource.search,
|
|
1630
1645
|
dense: _vm.instance.dense,
|
|
@@ -2833,6 +2848,8 @@
|
|
|
2833
2848
|
column: column,
|
|
2834
2849
|
row: item,
|
|
2835
2850
|
rowStyle: rowStyle,
|
|
2851
|
+
rowKey:
|
|
2852
|
+
_vm.rowKey(item),
|
|
2836
2853
|
cellsApplied:
|
|
2837
2854
|
cellsApplied,
|
|
2838
2855
|
isEdited:
|
|
@@ -3104,7 +3121,7 @@
|
|
|
3104
3121
|
/* style */
|
|
3105
3122
|
const __vue_inject_styles__$b = function (inject) {
|
|
3106
3123
|
if (!inject) return
|
|
3107
|
-
inject("data-v-
|
|
3124
|
+
inject("data-v-40eb0f79_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
3108
3125
|
|
|
3109
3126
|
};
|
|
3110
3127
|
/* scoped */
|
|
@@ -4918,6 +4935,11 @@
|
|
|
4918
4935
|
super(...arguments);
|
|
4919
4936
|
this.instanceType = teknisaComponentsCommon.Image;
|
|
4920
4937
|
}
|
|
4938
|
+
mounted() {
|
|
4939
|
+
if (this.instance.fillHeight) {
|
|
4940
|
+
vuetify.setFillHeight(this.$el);
|
|
4941
|
+
}
|
|
4942
|
+
}
|
|
4921
4943
|
};
|
|
4922
4944
|
__decorate([
|
|
4923
4945
|
vuetify.PropWatch({ type: String, default: '' })
|
|
@@ -4925,6 +4947,27 @@
|
|
|
4925
4947
|
__decorate([
|
|
4926
4948
|
vuetify.PropWatch({ type: String, default: '' })
|
|
4927
4949
|
], TekImage.prototype, "src", void 0);
|
|
4950
|
+
__decorate([
|
|
4951
|
+
vuetify.PropWatch({ type: [Number, String], default: 'auto' })
|
|
4952
|
+
], TekImage.prototype, "height", void 0);
|
|
4953
|
+
__decorate([
|
|
4954
|
+
vuetify.PropWatch({ type: [Number, String], default: 'auto' })
|
|
4955
|
+
], TekImage.prototype, "minHeight", void 0);
|
|
4956
|
+
__decorate([
|
|
4957
|
+
vuetify.PropWatch({ type: [Number, String], default: 'none' })
|
|
4958
|
+
], TekImage.prototype, "maxHeight", void 0);
|
|
4959
|
+
__decorate([
|
|
4960
|
+
vuetify.PropWatch({ type: [Number, String], default: 'auto' })
|
|
4961
|
+
], TekImage.prototype, "width", void 0);
|
|
4962
|
+
__decorate([
|
|
4963
|
+
vuetify.PropWatch({ type: [Number, String], default: 'auto' })
|
|
4964
|
+
], TekImage.prototype, "minWidth", void 0);
|
|
4965
|
+
__decorate([
|
|
4966
|
+
vuetify.PropWatch({ type: [Number, String], default: 'none' })
|
|
4967
|
+
], TekImage.prototype, "maxWidth", void 0);
|
|
4968
|
+
__decorate([
|
|
4969
|
+
vuetify.PropWatch({ type: [Boolean, String], default: false })
|
|
4970
|
+
], TekImage.prototype, "fillHeight", void 0);
|
|
4928
4971
|
TekImage = __decorate([
|
|
4929
4972
|
vuePropertyDecorator.Component
|
|
4930
4973
|
], TekImage);
|
|
@@ -4941,7 +4984,24 @@
|
|
|
4941
4984
|
return _c(
|
|
4942
4985
|
"router-link",
|
|
4943
4986
|
{ attrs: { id: _vm.instance.name, to: _vm.instance.to } },
|
|
4944
|
-
[
|
|
4987
|
+
[
|
|
4988
|
+
_c("v-img", {
|
|
4989
|
+
class: ["tek-image", _vm.instance.cssClass],
|
|
4990
|
+
style: Object.assign(
|
|
4991
|
+
{},
|
|
4992
|
+
{
|
|
4993
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
4994
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
4995
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
4996
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
4997
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
4998
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
4999
|
+
},
|
|
5000
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
5001
|
+
),
|
|
5002
|
+
attrs: { src: _vm.instance.src },
|
|
5003
|
+
}),
|
|
5004
|
+
],
|
|
4945
5005
|
1
|
|
4946
5006
|
)
|
|
4947
5007
|
};
|
|
@@ -5137,8 +5197,11 @@
|
|
|
5137
5197
|
{},
|
|
5138
5198
|
{
|
|
5139
5199
|
height: _vm.$formatSize(_vm.instance.height),
|
|
5140
|
-
|
|
5200
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
5141
5201
|
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
5202
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
5203
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
5204
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
5142
5205
|
},
|
|
5143
5206
|
_vm.$styleObject(_vm.instance.cssStyle)
|
|
5144
5207
|
),
|
|
@@ -5279,12 +5342,12 @@
|
|
|
5279
5342
|
)
|
|
5280
5343
|
),
|
|
5281
5344
|
_vm._v(" "),
|
|
5282
|
-
|
|
5283
|
-
|
|
5284
|
-
|
|
5285
|
-
|
|
5286
|
-
|
|
5287
|
-
|
|
5345
|
+
_vm.instance.footerSlot.length || !!_vm.$slots.footerSlot
|
|
5346
|
+
? _c(
|
|
5347
|
+
"div",
|
|
5348
|
+
{ staticClass: "tek-iterable-footer" },
|
|
5349
|
+
[
|
|
5350
|
+
[
|
|
5288
5351
|
_vm._l(_vm.instance.footerSlot, function (child, index) {
|
|
5289
5352
|
return _c(
|
|
5290
5353
|
child.component,
|
|
@@ -5302,11 +5365,11 @@
|
|
|
5302
5365
|
}),
|
|
5303
5366
|
_vm._v(" "),
|
|
5304
5367
|
_vm._t("footerSlot"),
|
|
5305
|
-
]
|
|
5306
|
-
|
|
5307
|
-
|
|
5308
|
-
|
|
5309
|
-
|
|
5368
|
+
],
|
|
5369
|
+
],
|
|
5370
|
+
2
|
|
5371
|
+
)
|
|
5372
|
+
: _vm._e(),
|
|
5310
5373
|
],
|
|
5311
5374
|
2
|
|
5312
5375
|
)
|
|
@@ -5318,11 +5381,11 @@
|
|
|
5318
5381
|
/* style */
|
|
5319
5382
|
const __vue_inject_styles__$6 = function (inject) {
|
|
5320
5383
|
if (!inject) return
|
|
5321
|
-
inject("data-v-
|
|
5384
|
+
inject("data-v-171cbd3a_0", { source: ".tek-iterable-component-render[data-v-171cbd3a] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-171cbd3a],\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-171cbd3a] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-171cbd3a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
5322
5385
|
|
|
5323
5386
|
};
|
|
5324
5387
|
/* scoped */
|
|
5325
|
-
const __vue_scope_id__$6 = "data-v-
|
|
5388
|
+
const __vue_scope_id__$6 = "data-v-171cbd3a";
|
|
5326
5389
|
/* module identifier */
|
|
5327
5390
|
const __vue_module_identifier__$6 = undefined;
|
|
5328
5391
|
/* functional template */
|
|
@@ -6133,13 +6196,6 @@
|
|
|
6133
6196
|
setSpanWidth(column) {
|
|
6134
6197
|
return column.width;
|
|
6135
6198
|
}
|
|
6136
|
-
getWidthStyle(column) {
|
|
6137
|
-
return {
|
|
6138
|
-
width: this.calcWidth(column, column.width) || 'unset',
|
|
6139
|
-
'min-width': this.calcWidth(column, column.minWidth) || 'unset',
|
|
6140
|
-
'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
|
|
6141
|
-
};
|
|
6142
|
-
}
|
|
6143
6199
|
};
|
|
6144
6200
|
__decorate([
|
|
6145
6201
|
vuetify.PropWatch({ type: [String], default: '' })
|
|
@@ -6228,14 +6284,18 @@
|
|
|
6228
6284
|
"tek-grid",
|
|
6229
6285
|
"tek-tree-grid",
|
|
6230
6286
|
_vm.instance.cssClass,
|
|
6231
|
-
{ "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
|
|
6232
6287
|
{ "zd-grid-loading": _vm.instance.datasource.loading },
|
|
6233
6288
|
],
|
|
6234
6289
|
style: [
|
|
6235
6290
|
_vm.cssColorVars,
|
|
6236
|
-
|
|
6237
|
-
|
|
6238
|
-
:
|
|
6291
|
+
{
|
|
6292
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
6293
|
+
width: _vm.$formatSize(_vm.instance.width),
|
|
6294
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
6295
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
6296
|
+
maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
|
|
6297
|
+
minWidth: _vm.$formatSize(_vm.instance.minWidth),
|
|
6298
|
+
},
|
|
6239
6299
|
_vm.$styleObject(_vm.instance.cssStyle),
|
|
6240
6300
|
],
|
|
6241
6301
|
attrs: {
|
|
@@ -7177,6 +7237,10 @@
|
|
|
7177
7237
|
_vm.getWidthStyle,
|
|
7178
7238
|
column: column,
|
|
7179
7239
|
row: item,
|
|
7240
|
+
rowKey:
|
|
7241
|
+
_vm.rowKey(
|
|
7242
|
+
item
|
|
7243
|
+
),
|
|
7180
7244
|
rowStyle:
|
|
7181
7245
|
rowStyle,
|
|
7182
7246
|
cellsApplied:
|
|
@@ -7494,7 +7558,7 @@
|
|
|
7494
7558
|
/* style */
|
|
7495
7559
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7496
7560
|
if (!inject) return
|
|
7497
|
-
inject("data-v-
|
|
7561
|
+
inject("data-v-738a5404_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
7498
7562
|
|
|
7499
7563
|
};
|
|
7500
7564
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.74.1",
|
|
4
4
|
"description": "Teknisa Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"vue": "^2.6.12",
|
|
42
42
|
"vuetify": "^2.4.0"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "371e90750bf8c1703398f18838062e67a2993a8d"
|
|
45
45
|
}
|
|
@@ -6,6 +6,14 @@ import { ZdComponent } from '@zeedhi/vuetify';
|
|
|
6
6
|
export default class TekImage extends ZdComponent {
|
|
7
7
|
to: string;
|
|
8
8
|
src: string;
|
|
9
|
+
height?: number | string;
|
|
10
|
+
minHeight?: number | string;
|
|
11
|
+
maxHeight?: number | string;
|
|
12
|
+
width?: number | string;
|
|
13
|
+
minWidth?: number | string;
|
|
14
|
+
maxWidth?: number | string;
|
|
15
|
+
fillHeight?: boolean | string;
|
|
9
16
|
instance: Image;
|
|
10
17
|
instanceType: typeof Image;
|
|
18
|
+
mounted(): void;
|
|
11
19
|
}
|
|
@@ -62,10 +62,5 @@ export default class TekGrid extends ZdTreeGridEditable {
|
|
|
62
62
|
private updateFixedColumns;
|
|
63
63
|
getFixedLeft(column: TekGridColumn): string;
|
|
64
64
|
setSpanWidth(column: Column): string | undefined;
|
|
65
|
-
getWidthStyle(column: Column): {
|
|
66
|
-
width: any;
|
|
67
|
-
'min-width': any;
|
|
68
|
-
'max-width': any;
|
|
69
|
-
};
|
|
70
65
|
}
|
|
71
66
|
export {};
|