@zeedhi/vuetify 1.78.1 → 1.79.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/dist/zd-style.css +1 -2
- package/dist/zd-vuetify.esm.js +153 -95
- package/dist/zd-vuetify.umd.js +153 -95
- package/package.json +2 -2
- package/types/components/zd-col/ZdCol.d.ts +5 -0
- package/types/components/zd-master-detail/ZdMasterDetail.d.ts +5 -0
- package/types/components/zd-select-tree/ZdSelectTree.d.ts +1 -0
- package/types/components/zd-tree-grid/ZdTreeGrid.d.ts +1 -1
package/dist/zd-style.css
CHANGED
package/dist/zd-vuetify.esm.js
CHANGED
|
@@ -1197,7 +1197,7 @@ const icons$2 = {
|
|
|
1197
1197
|
clear: 'fas fa-times-circle',
|
|
1198
1198
|
success: 'fas fa-check-circle',
|
|
1199
1199
|
info: 'fas fa-info-circle',
|
|
1200
|
-
warning: 'fas fa-exclamation',
|
|
1200
|
+
warning: 'fas fa-exclamation-circle',
|
|
1201
1201
|
error: 'fas fa-exclamation-triangle',
|
|
1202
1202
|
prev: 'fas fa-chevron-left',
|
|
1203
1203
|
next: 'fas fa-chevron-right',
|
|
@@ -2213,7 +2213,7 @@ class Vuetify {
|
|
|
2213
2213
|
}
|
|
2214
2214
|
Vuetify.install = install$1;
|
|
2215
2215
|
Vuetify.installed = false;
|
|
2216
|
-
Vuetify.version = "2.6.
|
|
2216
|
+
Vuetify.version = "2.6.16";
|
|
2217
2217
|
Vuetify.config = {
|
|
2218
2218
|
silent: false
|
|
2219
2219
|
};
|
|
@@ -10095,6 +10095,12 @@ var VSelect = baseMixins$j.extend().extend({
|
|
|
10095
10095
|
(_a = this.$refs.menu) === null || _a === void 0 ? void 0 : _a.updateDimensions();
|
|
10096
10096
|
});
|
|
10097
10097
|
}
|
|
10098
|
+
|
|
10099
|
+
if (this.hideSelected) {
|
|
10100
|
+
this.$nextTick(() => {
|
|
10101
|
+
this.onScroll();
|
|
10102
|
+
});
|
|
10103
|
+
}
|
|
10098
10104
|
},
|
|
10099
10105
|
|
|
10100
10106
|
isMenuActive(val) {
|
|
@@ -10323,19 +10329,18 @@ var VSelect = baseMixins$j.extend().extend({
|
|
|
10323
10329
|
|
|
10324
10330
|
genMenu() {
|
|
10325
10331
|
const props = this.$_menuProps;
|
|
10326
|
-
props.activator = this.$refs['input-slot'];
|
|
10327
|
-
//
|
|
10328
|
-
|
|
10329
|
-
if ( // TODO: make this a computed property or helper or something
|
|
10332
|
+
props.activator = this.$refs['input-slot'];
|
|
10333
|
+
if ('attach' in props) ;else if ( // TODO: make this a computed property or helper or something
|
|
10330
10334
|
this.attach === '' || // If used as a boolean prop (<v-menu attach>)
|
|
10331
10335
|
this.attach === true || // If bound to a boolean (<v-menu :attach="true">)
|
|
10332
10336
|
this.attach === 'attach' // If bound as boolean prop in pug (v-menu(attach))
|
|
10333
10337
|
) {
|
|
10338
|
+
// Attach to root el so that
|
|
10339
|
+
// menu covers prepend/append icons
|
|
10334
10340
|
props.attach = this.$el;
|
|
10335
10341
|
} else {
|
|
10336
10342
|
props.attach = this.attach;
|
|
10337
10343
|
}
|
|
10338
|
-
|
|
10339
10344
|
return this.$createElement(VMenu, {
|
|
10340
10345
|
attrs: {
|
|
10341
10346
|
role: undefined
|
|
@@ -11766,7 +11771,7 @@ var Overlayable = Vue.extend().extend({
|
|
|
11766
11771
|
if (!alreadyAtStart && scrollingUp) return true;
|
|
11767
11772
|
if (!alreadyAtEnd && scrollingDown) return true;
|
|
11768
11773
|
|
|
11769
|
-
if (alreadyAtStart || alreadyAtEnd) {
|
|
11774
|
+
if ((alreadyAtStart || alreadyAtEnd) && el.parentNode) {
|
|
11770
11775
|
return this.shouldScroll(el.parentNode, e);
|
|
11771
11776
|
}
|
|
11772
11777
|
|
|
@@ -20851,7 +20856,8 @@ var VDataTable = mixins(VDataIterator, Loadable).extend({
|
|
|
20851
20856
|
return this.$createElement(VSimpleTable, {
|
|
20852
20857
|
props: simpleProps,
|
|
20853
20858
|
class: {
|
|
20854
|
-
'v-data-table--mobile': this.isMobile
|
|
20859
|
+
'v-data-table--mobile': this.isMobile,
|
|
20860
|
+
'v-data-table--selectable': this.showSelect
|
|
20855
20861
|
}
|
|
20856
20862
|
}, [this.proxySlot('top', getSlot(this, 'top', { ...props,
|
|
20857
20863
|
isMobile: this.isMobile
|
|
@@ -31587,7 +31593,7 @@ var icons = {
|
|
|
31587
31593
|
clear: 'fas fa-times-circle',
|
|
31588
31594
|
success: 'fas fa-check-circle',
|
|
31589
31595
|
info: 'fas fa-info-circle',
|
|
31590
|
-
warning: 'fas fa-exclamation',
|
|
31596
|
+
warning: 'fas fa-exclamation-circle',
|
|
31591
31597
|
error: 'fas fa-exclamation-triangle',
|
|
31592
31598
|
prev: 'fas fa-chevron-left',
|
|
31593
31599
|
next: 'fas fa-chevron-right',
|
|
@@ -36840,7 +36846,7 @@ var Vuetify = /*#__PURE__*/function () {
|
|
|
36840
36846
|
exports.default = Vuetify;
|
|
36841
36847
|
Vuetify.install = install_1.install;
|
|
36842
36848
|
Vuetify.installed = false;
|
|
36843
|
-
Vuetify.version = "2.6.
|
|
36849
|
+
Vuetify.version = "2.6.16";
|
|
36844
36850
|
Vuetify.config = {
|
|
36845
36851
|
silent: false
|
|
36846
36852
|
};
|
|
@@ -38355,7 +38361,7 @@ __vue_render__$1t._withStripped = true;
|
|
|
38355
38361
|
/* style */
|
|
38356
38362
|
const __vue_inject_styles__$1t = function (inject) {
|
|
38357
38363
|
if (!inject) return
|
|
38358
|
-
inject("data-v-
|
|
38364
|
+
inject("data-v-5bef80a8_0", { source: ".zd-apex-chart .apexcharts-toolbar {\n z-index: 0;\n}\n.zd-apex-chart .apexcharts-toolbar > div {\n transform: scale(0.8) !important;\n}\n.zd-apex-chart.theme--light .apexcharts-toolbar > div > .v-icon {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip {\n background: #fdfdfd !important;\n border: 1px solid #fdfdfd !important;\n color: #3b3b3b !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #eee !important;\n color: #3b3b3b !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--light .apexcharts-title-text {\n fill: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip {\n background: #eee !important;\n border: 1px solid #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-toolbar > div > .v-icon {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip {\n background: #1e1e1e !important;\n border: 1px solid #1e1e1e !important;\n color: #b8b8b8 !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #101010 !important;\n color: #b8b8b8 !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-title-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip {\n background: #101010 !important;\n border: 1px solid #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #252525 !important;\n}\n.apexcharts-overlay {\n z-index: 0 !important;\n}\n.apexcharts-container {\n position: relative;\n overflow: hidden !important;\n}", map: undefined, media: undefined });
|
|
38359
38365
|
|
|
38360
38366
|
};
|
|
38361
38367
|
/* scoped */
|
|
@@ -40842,6 +40848,11 @@ let ZdCol = class ZdCol extends ZdComponentRender$1 {
|
|
|
40842
40848
|
super(...arguments);
|
|
40843
40849
|
this.instanceType = Col;
|
|
40844
40850
|
}
|
|
40851
|
+
mounted() {
|
|
40852
|
+
if (this.instance.fillHeight) {
|
|
40853
|
+
setFillHeight(this.$el);
|
|
40854
|
+
}
|
|
40855
|
+
}
|
|
40845
40856
|
};
|
|
40846
40857
|
__decorate([
|
|
40847
40858
|
PropWatch({ type: [String, Number], default: '12' }),
|
|
@@ -40867,6 +40878,22 @@ __decorate([
|
|
|
40867
40878
|
PropWatch({ type: [String, Number] }),
|
|
40868
40879
|
__metadata("design:type", Object)
|
|
40869
40880
|
], ZdCol.prototype, "offset", void 0);
|
|
40881
|
+
__decorate([
|
|
40882
|
+
PropWatch({ type: [Number, String], default: 'auto' }),
|
|
40883
|
+
__metadata("design:type", Object)
|
|
40884
|
+
], ZdCol.prototype, "height", void 0);
|
|
40885
|
+
__decorate([
|
|
40886
|
+
PropWatch({ type: [Number, String], default: 'auto' }),
|
|
40887
|
+
__metadata("design:type", Object)
|
|
40888
|
+
], ZdCol.prototype, "minHeight", void 0);
|
|
40889
|
+
__decorate([
|
|
40890
|
+
PropWatch({ type: [Number, String], default: 'none' }),
|
|
40891
|
+
__metadata("design:type", Object)
|
|
40892
|
+
], ZdCol.prototype, "maxHeight", void 0);
|
|
40893
|
+
__decorate([
|
|
40894
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
40895
|
+
__metadata("design:type", Object)
|
|
40896
|
+
], ZdCol.prototype, "fillHeight", void 0);
|
|
40870
40897
|
ZdCol = __decorate([
|
|
40871
40898
|
Component$1
|
|
40872
40899
|
], ZdCol);
|
|
@@ -40892,7 +40919,15 @@ var __vue_render__$1i = function () {
|
|
|
40892
40919
|
},
|
|
40893
40920
|
],
|
|
40894
40921
|
class: _vm.instance.cssClass,
|
|
40895
|
-
style:
|
|
40922
|
+
style: Object.assign(
|
|
40923
|
+
{},
|
|
40924
|
+
{
|
|
40925
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
40926
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
40927
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
40928
|
+
},
|
|
40929
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
40930
|
+
),
|
|
40896
40931
|
attrs: {
|
|
40897
40932
|
id: _vm.instance.name,
|
|
40898
40933
|
name: _vm.instance.name,
|
|
@@ -44214,7 +44249,7 @@ __decorate([
|
|
|
44214
44249
|
__metadata("design:type", Boolean)
|
|
44215
44250
|
], ZdFooter.prototype, "app", void 0);
|
|
44216
44251
|
__decorate([
|
|
44217
|
-
|
|
44252
|
+
PropWatch({ type: Array, default: () => [] }),
|
|
44218
44253
|
__metadata("design:type", Array)
|
|
44219
44254
|
], ZdFooter.prototype, "centerSlot", void 0);
|
|
44220
44255
|
__decorate([
|
|
@@ -44234,7 +44269,7 @@ __decorate([
|
|
|
44234
44269
|
__metadata("design:type", Boolean)
|
|
44235
44270
|
], ZdFooter.prototype, "inset", void 0);
|
|
44236
44271
|
__decorate([
|
|
44237
|
-
|
|
44272
|
+
PropWatch({ type: Array, default: () => [] }),
|
|
44238
44273
|
__metadata("design:type", Array)
|
|
44239
44274
|
], ZdFooter.prototype, "leftSlot", void 0);
|
|
44240
44275
|
__decorate([
|
|
@@ -44258,7 +44293,7 @@ __decorate([
|
|
|
44258
44293
|
__metadata("design:type", Boolean)
|
|
44259
44294
|
], ZdFooter.prototype, "padless", void 0);
|
|
44260
44295
|
__decorate([
|
|
44261
|
-
|
|
44296
|
+
PropWatch({ type: Array, default: () => [] }),
|
|
44262
44297
|
__metadata("design:type", Array)
|
|
44263
44298
|
], ZdFooter.prototype, "rightSlot", void 0);
|
|
44264
44299
|
__decorate([
|
|
@@ -44334,27 +44369,24 @@ var __vue_render__$15 = function () {
|
|
|
44334
44369
|
{ staticClass: "zd-footer-slot-left" },
|
|
44335
44370
|
[
|
|
44336
44371
|
!_vm.$slots.leftSlot
|
|
44337
|
-
? _vm._l(
|
|
44338
|
-
|
|
44339
|
-
|
|
44340
|
-
|
|
44341
|
-
|
|
44342
|
-
|
|
44343
|
-
|
|
44344
|
-
|
|
44345
|
-
|
|
44346
|
-
|
|
44347
|
-
dark: _vm.instance.dark,
|
|
44348
|
-
light: _vm.instance.light,
|
|
44349
|
-
},
|
|
44372
|
+
? _vm._l(_vm.instance.leftSlot, function (child) {
|
|
44373
|
+
return _c(
|
|
44374
|
+
child.component,
|
|
44375
|
+
_vm._b(
|
|
44376
|
+
{
|
|
44377
|
+
key: child.name,
|
|
44378
|
+
tag: "component",
|
|
44379
|
+
attrs: {
|
|
44380
|
+
dark: _vm.instance.dark,
|
|
44381
|
+
light: _vm.instance.light,
|
|
44350
44382
|
},
|
|
44351
|
-
|
|
44352
|
-
|
|
44353
|
-
|
|
44354
|
-
|
|
44383
|
+
},
|
|
44384
|
+
"component",
|
|
44385
|
+
child,
|
|
44386
|
+
false
|
|
44355
44387
|
)
|
|
44356
|
-
|
|
44357
|
-
)
|
|
44388
|
+
)
|
|
44389
|
+
})
|
|
44358
44390
|
: _vm._e(),
|
|
44359
44391
|
_vm._v(" "),
|
|
44360
44392
|
_vm._t("leftSlot"),
|
|
@@ -44369,27 +44401,24 @@ var __vue_render__$15 = function () {
|
|
|
44369
44401
|
{ ref: "centerSlot", staticClass: "zd-footer-slot-center" },
|
|
44370
44402
|
[
|
|
44371
44403
|
!_vm.$slots.centerSlot
|
|
44372
|
-
? _vm._l(
|
|
44373
|
-
|
|
44374
|
-
|
|
44375
|
-
|
|
44376
|
-
|
|
44377
|
-
|
|
44378
|
-
|
|
44379
|
-
|
|
44380
|
-
|
|
44381
|
-
|
|
44382
|
-
dark: _vm.instance.dark,
|
|
44383
|
-
light: _vm.instance.light,
|
|
44384
|
-
},
|
|
44404
|
+
? _vm._l(_vm.instance.centerSlot, function (child) {
|
|
44405
|
+
return _c(
|
|
44406
|
+
child.component,
|
|
44407
|
+
_vm._b(
|
|
44408
|
+
{
|
|
44409
|
+
key: child.name,
|
|
44410
|
+
tag: "component",
|
|
44411
|
+
attrs: {
|
|
44412
|
+
dark: _vm.instance.dark,
|
|
44413
|
+
light: _vm.instance.light,
|
|
44385
44414
|
},
|
|
44386
|
-
|
|
44387
|
-
|
|
44388
|
-
|
|
44389
|
-
|
|
44415
|
+
},
|
|
44416
|
+
"component",
|
|
44417
|
+
child,
|
|
44418
|
+
false
|
|
44390
44419
|
)
|
|
44391
|
-
|
|
44392
|
-
)
|
|
44420
|
+
)
|
|
44421
|
+
})
|
|
44393
44422
|
: _vm._e(),
|
|
44394
44423
|
_vm._v(" "),
|
|
44395
44424
|
_vm._t("centerSlot"),
|
|
@@ -44404,27 +44433,24 @@ var __vue_render__$15 = function () {
|
|
|
44404
44433
|
{ staticClass: "zd-footer-slot-right" },
|
|
44405
44434
|
[
|
|
44406
44435
|
!_vm.$slots.rightSlot
|
|
44407
|
-
? _vm._l(
|
|
44408
|
-
|
|
44409
|
-
|
|
44410
|
-
|
|
44411
|
-
|
|
44412
|
-
|
|
44413
|
-
|
|
44414
|
-
|
|
44415
|
-
|
|
44416
|
-
|
|
44417
|
-
dark: _vm.instance.dark,
|
|
44418
|
-
light: _vm.instance.light,
|
|
44419
|
-
},
|
|
44436
|
+
? _vm._l(_vm.instance.rightSlot, function (child) {
|
|
44437
|
+
return _c(
|
|
44438
|
+
child.component,
|
|
44439
|
+
_vm._b(
|
|
44440
|
+
{
|
|
44441
|
+
key: child.name,
|
|
44442
|
+
tag: "component",
|
|
44443
|
+
attrs: {
|
|
44444
|
+
dark: _vm.instance.dark,
|
|
44445
|
+
light: _vm.instance.light,
|
|
44420
44446
|
},
|
|
44421
|
-
|
|
44422
|
-
|
|
44423
|
-
|
|
44424
|
-
|
|
44447
|
+
},
|
|
44448
|
+
"component",
|
|
44449
|
+
child,
|
|
44450
|
+
false
|
|
44425
44451
|
)
|
|
44426
|
-
|
|
44427
|
-
)
|
|
44452
|
+
)
|
|
44453
|
+
})
|
|
44428
44454
|
: _vm._e(),
|
|
44429
44455
|
_vm._v(" "),
|
|
44430
44456
|
_vm._t("rightSlot"),
|
|
@@ -44440,12 +44466,12 @@ var __vue_render__$15 = function () {
|
|
|
44440
44466
|
"v-col",
|
|
44441
44467
|
{ staticClass: "pa-0", attrs: { cols: "12" } },
|
|
44442
44468
|
[
|
|
44443
|
-
_vm._l(_vm.instance.children, function (child
|
|
44469
|
+
_vm._l(_vm.instance.children, function (child) {
|
|
44444
44470
|
return _c(
|
|
44445
44471
|
child.component,
|
|
44446
44472
|
_vm._b(
|
|
44447
44473
|
{
|
|
44448
|
-
key:
|
|
44474
|
+
key: child.name,
|
|
44449
44475
|
tag: "component",
|
|
44450
44476
|
attrs: {
|
|
44451
44477
|
dark: _vm.instance.dark,
|
|
@@ -44474,11 +44500,11 @@ __vue_render__$15._withStripped = true;
|
|
|
44474
44500
|
/* style */
|
|
44475
44501
|
const __vue_inject_styles__$15 = function (inject) {
|
|
44476
44502
|
if (!inject) return
|
|
44477
|
-
inject("data-v-
|
|
44503
|
+
inject("data-v-aba711be_0", { source: ".zd-footer-slot[data-v-aba711be] {\n display: flex;\n padding: 0;\n}\n.zd-footer-slot-children[data-v-aba711be] {\n padding-bottom: var(--spacing-2);\n}\n.zd-footer-slot-left > *[data-v-aba711be], .zd-footer-slot-center > *[data-v-aba711be], .zd-footer-slot-right > *[data-v-aba711be] {\n margin: 0 var(--spacing-1);\n}\n.zd-footer-slot-left > *[data-v-aba711be]:first-child, .zd-footer-slot-center > *[data-v-aba711be]:first-child, .zd-footer-slot-right > *[data-v-aba711be]:first-child {\n margin-left: 0;\n}\n.zd-footer-slot-left > *[data-v-aba711be]:last-child, .zd-footer-slot-center > *[data-v-aba711be]:last-child, .zd-footer-slot-right > *[data-v-aba711be]:last-child {\n margin-right: 0;\n}\n.zd-footer-slot-center[data-v-aba711be] {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n.zd-footer-slot-right[data-v-aba711be] {\n margin-left: auto;\n}", map: undefined, media: undefined });
|
|
44478
44504
|
|
|
44479
44505
|
};
|
|
44480
44506
|
/* scoped */
|
|
44481
|
-
const __vue_scope_id__$15 = "data-v-
|
|
44507
|
+
const __vue_scope_id__$15 = "data-v-aba711be";
|
|
44482
44508
|
/* module identifier */
|
|
44483
44509
|
const __vue_module_identifier__$15 = undefined;
|
|
44484
44510
|
/* functional template */
|
|
@@ -45447,7 +45473,7 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
|
|
|
45447
45473
|
onScroll(event) {
|
|
45448
45474
|
const { scrollTop } = event.target;
|
|
45449
45475
|
const rows = Math.floor(scrollTop / this.scrollData.rowHeight);
|
|
45450
|
-
const
|
|
45476
|
+
const data = this.getData();
|
|
45451
45477
|
const start = rows + this.scrollData.perPage > data.length ? Math
|
|
45452
45478
|
.max(0, data.length - this.scrollData.perPage) : rows;
|
|
45453
45479
|
if (this.lastStart !== start) {
|
|
@@ -52408,6 +52434,11 @@ let ZdMasterDetail = class ZdMasterDetail extends ZdComponentRender$1 {
|
|
|
52408
52434
|
super(...arguments);
|
|
52409
52435
|
this.instanceType = MasterDetail;
|
|
52410
52436
|
}
|
|
52437
|
+
mounted() {
|
|
52438
|
+
if (this.instance.fillHeight) {
|
|
52439
|
+
setFillHeight(this.$el);
|
|
52440
|
+
}
|
|
52441
|
+
}
|
|
52411
52442
|
};
|
|
52412
52443
|
__decorate([
|
|
52413
52444
|
Prop({ type: [Object, String], default: () => ({}) }),
|
|
@@ -52417,6 +52448,22 @@ __decorate([
|
|
|
52417
52448
|
Prop({ type: [Boolean, String], default: false }),
|
|
52418
52449
|
__metadata("design:type", Boolean)
|
|
52419
52450
|
], ZdMasterDetail.prototype, "lazyRelate", void 0);
|
|
52451
|
+
__decorate([
|
|
52452
|
+
PropWatch({ type: [Number, String], default: 'auto' }),
|
|
52453
|
+
__metadata("design:type", Object)
|
|
52454
|
+
], ZdMasterDetail.prototype, "height", void 0);
|
|
52455
|
+
__decorate([
|
|
52456
|
+
PropWatch({ type: [Number, String], default: 'auto' }),
|
|
52457
|
+
__metadata("design:type", Object)
|
|
52458
|
+
], ZdMasterDetail.prototype, "minHeight", void 0);
|
|
52459
|
+
__decorate([
|
|
52460
|
+
PropWatch({ type: [Number, String], default: 'none' }),
|
|
52461
|
+
__metadata("design:type", Object)
|
|
52462
|
+
], ZdMasterDetail.prototype, "maxHeight", void 0);
|
|
52463
|
+
__decorate([
|
|
52464
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
52465
|
+
__metadata("design:type", Object)
|
|
52466
|
+
], ZdMasterDetail.prototype, "fillHeight", void 0);
|
|
52420
52467
|
ZdMasterDetail = __decorate([
|
|
52421
52468
|
Component$1
|
|
52422
52469
|
], ZdMasterDetail);
|
|
@@ -52441,7 +52488,15 @@ var __vue_render__$A = function () {
|
|
|
52441
52488
|
expression: "instance.isVisible",
|
|
52442
52489
|
},
|
|
52443
52490
|
],
|
|
52444
|
-
style:
|
|
52491
|
+
style: Object.assign(
|
|
52492
|
+
{},
|
|
52493
|
+
{
|
|
52494
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
52495
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
52496
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
52497
|
+
},
|
|
52498
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
52499
|
+
),
|
|
52445
52500
|
attrs: { id: _vm.instance.name },
|
|
52446
52501
|
},
|
|
52447
52502
|
[
|
|
@@ -55862,6 +55917,10 @@ __decorate([
|
|
|
55862
55917
|
Prop({ type: [Boolean, String], default: false }),
|
|
55863
55918
|
__metadata("design:type", Object)
|
|
55864
55919
|
], ZdSelectTree.prototype, "fetchOnDemand", void 0);
|
|
55920
|
+
__decorate([
|
|
55921
|
+
Prop({ type: [Number, String], default: undefined }),
|
|
55922
|
+
__metadata("design:type", Object)
|
|
55923
|
+
], ZdSelectTree.prototype, "menuMaxWidth", void 0);
|
|
55865
55924
|
__decorate([
|
|
55866
55925
|
Watch('instance.datasource.data.length'),
|
|
55867
55926
|
__metadata("design:type", Function),
|
|
@@ -56003,6 +56062,7 @@ var __vue_render__$j = function () {
|
|
|
56003
56062
|
flattenSearchResults: _vm.instance.flattenSearchResults,
|
|
56004
56063
|
disabled: _vm.instance.disabled,
|
|
56005
56064
|
maxHeight: _vm.instance.menuMaxHeight,
|
|
56065
|
+
menuMaxWidth: _vm.instance.menuMaxWidth,
|
|
56006
56066
|
openDirection: _vm.instance.openDirection,
|
|
56007
56067
|
searchable: _vm.instance.autocomplete,
|
|
56008
56068
|
showCount: _vm.instance.showCount,
|
|
@@ -56107,7 +56167,7 @@ __vue_render__$j._withStripped = true;
|
|
|
56107
56167
|
/* style */
|
|
56108
56168
|
const __vue_inject_styles__$j = function (inject) {
|
|
56109
56169
|
if (!inject) return
|
|
56110
|
-
inject("data-v-
|
|
56170
|
+
inject("data-v-b0612a90_0", { source: ".zd-select-tree-loading {\n margin-top: -1px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n position: relative;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined });
|
|
56111
56171
|
|
|
56112
56172
|
};
|
|
56113
56173
|
/* scoped */
|
|
@@ -56303,6 +56363,7 @@ var __vue_render__$i = function () {
|
|
|
56303
56363
|
flat: _vm.instance.flat,
|
|
56304
56364
|
limit: _vm.focused ? _vm.instance.limit : 1,
|
|
56305
56365
|
maxHeight: _vm.instance.maxHeight,
|
|
56366
|
+
menuMaxWidth: _vm.instance.menuMaxWidth,
|
|
56306
56367
|
openDirection: _vm.instance.openDirection,
|
|
56307
56368
|
searchable: _vm.instance.autocomplete,
|
|
56308
56369
|
showCount: _vm.instance.showCount,
|
|
@@ -56487,8 +56548,8 @@ __vue_render__$i._withStripped = true;
|
|
|
56487
56548
|
/* style */
|
|
56488
56549
|
const __vue_inject_styles__$i = function (inject) {
|
|
56489
56550
|
if (!inject) return
|
|
56490
|
-
inject("data-v-
|
|
56491
|
-
,inject("data-v-
|
|
56551
|
+
inject("data-v-3594c77e_0", { source: ".zd-select-tree-loading {\n margin-top: -1px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n position: relative;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined })
|
|
56552
|
+
,inject("data-v-3594c77e_1", { source: ".zd-select-tree-multiple .vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 1px 0;\n line-height: 16px;\n}\n.zd-select-tree-multiple .vue-treeselect--multi .vue-treeselect__input {\n padding-top: 0;\n padding-bottom: 0;\n line-height: 15px;\n}\n.vue-treeselect__menu-container .select-all {\n height: 40px;\n min-height: 40px;\n padding-left: 37px;\n}\n.vue-treeselect__menu-container .select-all .v-icon.mdi-checkbox-marked {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .select-all .v-list-item__content {\n height: 40px;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__action {\n margin: 0 13px 0 0;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__title {\n height: auto;\n padding: 0;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__limit-tip {\n padding-top: 0;\n}\n.vue-treeselect__limit-tip-text {\n padding: 0;\n margin: 0;\n}", map: undefined, media: undefined });
|
|
56492
56553
|
|
|
56493
56554
|
};
|
|
56494
56555
|
/* scoped */
|
|
@@ -59725,17 +59786,17 @@ let ZdTreeGrid = class ZdTreeGrid extends ZdGrid$1 {
|
|
|
59725
59786
|
return this.instance.toggleExpand(row, rowIndex);
|
|
59726
59787
|
}
|
|
59727
59788
|
orderColumnVisibility() {
|
|
59728
|
-
const
|
|
59729
|
-
if (!
|
|
59789
|
+
const columnsInvisible = this.instance.columns.filter((column) => column.isVisible === false);
|
|
59790
|
+
if (!columnsInvisible) {
|
|
59730
59791
|
return;
|
|
59731
59792
|
}
|
|
59732
|
-
const
|
|
59793
|
+
const columnsVisible = this.instance.columns.filter((column) => column.isVisible === true);
|
|
59733
59794
|
const newOrderColumns = [];
|
|
59734
|
-
if (
|
|
59735
|
-
newOrderColumns.push(...
|
|
59795
|
+
if (columnsVisible) {
|
|
59796
|
+
newOrderColumns.push(...columnsVisible);
|
|
59736
59797
|
}
|
|
59737
|
-
if (
|
|
59738
|
-
newOrderColumns.push(...
|
|
59798
|
+
if (columnsInvisible) {
|
|
59799
|
+
newOrderColumns.push(...columnsInvisible);
|
|
59739
59800
|
}
|
|
59740
59801
|
this.instance.columns = newOrderColumns;
|
|
59741
59802
|
}
|
|
@@ -59769,12 +59830,9 @@ let ZdTreeGrid = class ZdTreeGrid extends ZdGrid$1 {
|
|
|
59769
59830
|
return this.scrollData.visibleData;
|
|
59770
59831
|
}
|
|
59771
59832
|
getData() {
|
|
59772
|
-
|
|
59773
|
-
|
|
59774
|
-
|
|
59775
|
-
: this.instance.treeDataStructure.treeData;
|
|
59776
|
-
}
|
|
59777
|
-
return this.renderedData;
|
|
59833
|
+
return this.instance.treeDataStructure.searchHasNoData
|
|
59834
|
+
? []
|
|
59835
|
+
: this.instance.treeDataStructure.treeData || this.renderedData;
|
|
59778
59836
|
}
|
|
59779
59837
|
onChangeLayout(event, element) {
|
|
59780
59838
|
if (this.originalChangeLayout) {
|
package/dist/zd-vuetify.umd.js
CHANGED
|
@@ -1196,7 +1196,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
1196
1196
|
clear: 'fas fa-times-circle',
|
|
1197
1197
|
success: 'fas fa-check-circle',
|
|
1198
1198
|
info: 'fas fa-info-circle',
|
|
1199
|
-
warning: 'fas fa-exclamation',
|
|
1199
|
+
warning: 'fas fa-exclamation-circle',
|
|
1200
1200
|
error: 'fas fa-exclamation-triangle',
|
|
1201
1201
|
prev: 'fas fa-chevron-left',
|
|
1202
1202
|
next: 'fas fa-chevron-right',
|
|
@@ -2212,7 +2212,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
2212
2212
|
}
|
|
2213
2213
|
Vuetify.install = install$1;
|
|
2214
2214
|
Vuetify.installed = false;
|
|
2215
|
-
Vuetify.version = "2.6.
|
|
2215
|
+
Vuetify.version = "2.6.16";
|
|
2216
2216
|
Vuetify.config = {
|
|
2217
2217
|
silent: false
|
|
2218
2218
|
};
|
|
@@ -10094,6 +10094,12 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
10094
10094
|
(_a = this.$refs.menu) === null || _a === void 0 ? void 0 : _a.updateDimensions();
|
|
10095
10095
|
});
|
|
10096
10096
|
}
|
|
10097
|
+
|
|
10098
|
+
if (this.hideSelected) {
|
|
10099
|
+
this.$nextTick(() => {
|
|
10100
|
+
this.onScroll();
|
|
10101
|
+
});
|
|
10102
|
+
}
|
|
10097
10103
|
},
|
|
10098
10104
|
|
|
10099
10105
|
isMenuActive(val) {
|
|
@@ -10322,19 +10328,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
10322
10328
|
|
|
10323
10329
|
genMenu() {
|
|
10324
10330
|
const props = this.$_menuProps;
|
|
10325
|
-
props.activator = this.$refs['input-slot'];
|
|
10326
|
-
//
|
|
10327
|
-
|
|
10328
|
-
if ( // TODO: make this a computed property or helper or something
|
|
10331
|
+
props.activator = this.$refs['input-slot'];
|
|
10332
|
+
if ('attach' in props) ;else if ( // TODO: make this a computed property or helper or something
|
|
10329
10333
|
this.attach === '' || // If used as a boolean prop (<v-menu attach>)
|
|
10330
10334
|
this.attach === true || // If bound to a boolean (<v-menu :attach="true">)
|
|
10331
10335
|
this.attach === 'attach' // If bound as boolean prop in pug (v-menu(attach))
|
|
10332
10336
|
) {
|
|
10337
|
+
// Attach to root el so that
|
|
10338
|
+
// menu covers prepend/append icons
|
|
10333
10339
|
props.attach = this.$el;
|
|
10334
10340
|
} else {
|
|
10335
10341
|
props.attach = this.attach;
|
|
10336
10342
|
}
|
|
10337
|
-
|
|
10338
10343
|
return this.$createElement(VMenu, {
|
|
10339
10344
|
attrs: {
|
|
10340
10345
|
role: undefined
|
|
@@ -11765,7 +11770,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
11765
11770
|
if (!alreadyAtStart && scrollingUp) return true;
|
|
11766
11771
|
if (!alreadyAtEnd && scrollingDown) return true;
|
|
11767
11772
|
|
|
11768
|
-
if (alreadyAtStart || alreadyAtEnd) {
|
|
11773
|
+
if ((alreadyAtStart || alreadyAtEnd) && el.parentNode) {
|
|
11769
11774
|
return this.shouldScroll(el.parentNode, e);
|
|
11770
11775
|
}
|
|
11771
11776
|
|
|
@@ -20850,7 +20855,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
20850
20855
|
return this.$createElement(VSimpleTable, {
|
|
20851
20856
|
props: simpleProps,
|
|
20852
20857
|
class: {
|
|
20853
|
-
'v-data-table--mobile': this.isMobile
|
|
20858
|
+
'v-data-table--mobile': this.isMobile,
|
|
20859
|
+
'v-data-table--selectable': this.showSelect
|
|
20854
20860
|
}
|
|
20855
20861
|
}, [this.proxySlot('top', getSlot(this, 'top', { ...props,
|
|
20856
20862
|
isMobile: this.isMobile
|
|
@@ -31586,7 +31592,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
31586
31592
|
clear: 'fas fa-times-circle',
|
|
31587
31593
|
success: 'fas fa-check-circle',
|
|
31588
31594
|
info: 'fas fa-info-circle',
|
|
31589
|
-
warning: 'fas fa-exclamation',
|
|
31595
|
+
warning: 'fas fa-exclamation-circle',
|
|
31590
31596
|
error: 'fas fa-exclamation-triangle',
|
|
31591
31597
|
prev: 'fas fa-chevron-left',
|
|
31592
31598
|
next: 'fas fa-chevron-right',
|
|
@@ -36839,7 +36845,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
36839
36845
|
exports.default = Vuetify;
|
|
36840
36846
|
Vuetify.install = install_1.install;
|
|
36841
36847
|
Vuetify.installed = false;
|
|
36842
|
-
Vuetify.version = "2.6.
|
|
36848
|
+
Vuetify.version = "2.6.16";
|
|
36843
36849
|
Vuetify.config = {
|
|
36844
36850
|
silent: false
|
|
36845
36851
|
};
|
|
@@ -38354,7 +38360,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
38354
38360
|
/* style */
|
|
38355
38361
|
const __vue_inject_styles__$1t = function (inject) {
|
|
38356
38362
|
if (!inject) return
|
|
38357
|
-
inject("data-v-
|
|
38363
|
+
inject("data-v-5bef80a8_0", { source: ".zd-apex-chart .apexcharts-toolbar {\n z-index: 0;\n}\n.zd-apex-chart .apexcharts-toolbar > div {\n transform: scale(0.8) !important;\n}\n.zd-apex-chart.theme--light .apexcharts-toolbar > div > .v-icon {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip {\n background: #fdfdfd !important;\n border: 1px solid #fdfdfd !important;\n color: #3b3b3b !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #eee !important;\n color: #3b3b3b !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--light .apexcharts-title-text {\n fill: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip {\n background: #eee !important;\n border: 1px solid #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-toolbar > div > .v-icon {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip {\n background: #1e1e1e !important;\n border: 1px solid #1e1e1e !important;\n color: #b8b8b8 !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #101010 !important;\n color: #b8b8b8 !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-title-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip {\n background: #101010 !important;\n border: 1px solid #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #252525 !important;\n}\n.apexcharts-overlay {\n z-index: 0 !important;\n}\n.apexcharts-container {\n position: relative;\n overflow: hidden !important;\n}", map: undefined, media: undefined });
|
|
38358
38364
|
|
|
38359
38365
|
};
|
|
38360
38366
|
/* scoped */
|
|
@@ -40841,6 +40847,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
40841
40847
|
super(...arguments);
|
|
40842
40848
|
this.instanceType = common.Col;
|
|
40843
40849
|
}
|
|
40850
|
+
mounted() {
|
|
40851
|
+
if (this.instance.fillHeight) {
|
|
40852
|
+
setFillHeight(this.$el);
|
|
40853
|
+
}
|
|
40854
|
+
}
|
|
40844
40855
|
};
|
|
40845
40856
|
__decorate([
|
|
40846
40857
|
PropWatch({ type: [String, Number], default: '12' }),
|
|
@@ -40866,6 +40877,22 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
40866
40877
|
PropWatch({ type: [String, Number] }),
|
|
40867
40878
|
__metadata("design:type", Object)
|
|
40868
40879
|
], ZdCol.prototype, "offset", void 0);
|
|
40880
|
+
__decorate([
|
|
40881
|
+
PropWatch({ type: [Number, String], default: 'auto' }),
|
|
40882
|
+
__metadata("design:type", Object)
|
|
40883
|
+
], ZdCol.prototype, "height", void 0);
|
|
40884
|
+
__decorate([
|
|
40885
|
+
PropWatch({ type: [Number, String], default: 'auto' }),
|
|
40886
|
+
__metadata("design:type", Object)
|
|
40887
|
+
], ZdCol.prototype, "minHeight", void 0);
|
|
40888
|
+
__decorate([
|
|
40889
|
+
PropWatch({ type: [Number, String], default: 'none' }),
|
|
40890
|
+
__metadata("design:type", Object)
|
|
40891
|
+
], ZdCol.prototype, "maxHeight", void 0);
|
|
40892
|
+
__decorate([
|
|
40893
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
40894
|
+
__metadata("design:type", Object)
|
|
40895
|
+
], ZdCol.prototype, "fillHeight", void 0);
|
|
40869
40896
|
ZdCol = __decorate([
|
|
40870
40897
|
vuePropertyDecorator.Component
|
|
40871
40898
|
], ZdCol);
|
|
@@ -40891,7 +40918,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
40891
40918
|
},
|
|
40892
40919
|
],
|
|
40893
40920
|
class: _vm.instance.cssClass,
|
|
40894
|
-
style:
|
|
40921
|
+
style: Object.assign(
|
|
40922
|
+
{},
|
|
40923
|
+
{
|
|
40924
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
40925
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
40926
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
40927
|
+
},
|
|
40928
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
40929
|
+
),
|
|
40895
40930
|
attrs: {
|
|
40896
40931
|
id: _vm.instance.name,
|
|
40897
40932
|
name: _vm.instance.name,
|
|
@@ -44213,7 +44248,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44213
44248
|
__metadata("design:type", Boolean)
|
|
44214
44249
|
], ZdFooter.prototype, "app", void 0);
|
|
44215
44250
|
__decorate([
|
|
44216
|
-
|
|
44251
|
+
PropWatch({ type: Array, default: () => [] }),
|
|
44217
44252
|
__metadata("design:type", Array)
|
|
44218
44253
|
], ZdFooter.prototype, "centerSlot", void 0);
|
|
44219
44254
|
__decorate([
|
|
@@ -44233,7 +44268,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44233
44268
|
__metadata("design:type", Boolean)
|
|
44234
44269
|
], ZdFooter.prototype, "inset", void 0);
|
|
44235
44270
|
__decorate([
|
|
44236
|
-
|
|
44271
|
+
PropWatch({ type: Array, default: () => [] }),
|
|
44237
44272
|
__metadata("design:type", Array)
|
|
44238
44273
|
], ZdFooter.prototype, "leftSlot", void 0);
|
|
44239
44274
|
__decorate([
|
|
@@ -44257,7 +44292,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44257
44292
|
__metadata("design:type", Boolean)
|
|
44258
44293
|
], ZdFooter.prototype, "padless", void 0);
|
|
44259
44294
|
__decorate([
|
|
44260
|
-
|
|
44295
|
+
PropWatch({ type: Array, default: () => [] }),
|
|
44261
44296
|
__metadata("design:type", Array)
|
|
44262
44297
|
], ZdFooter.prototype, "rightSlot", void 0);
|
|
44263
44298
|
__decorate([
|
|
@@ -44333,27 +44368,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44333
44368
|
{ staticClass: "zd-footer-slot-left" },
|
|
44334
44369
|
[
|
|
44335
44370
|
!_vm.$slots.leftSlot
|
|
44336
|
-
? _vm._l(
|
|
44337
|
-
|
|
44338
|
-
|
|
44339
|
-
|
|
44340
|
-
|
|
44341
|
-
|
|
44342
|
-
|
|
44343
|
-
|
|
44344
|
-
|
|
44345
|
-
|
|
44346
|
-
dark: _vm.instance.dark,
|
|
44347
|
-
light: _vm.instance.light,
|
|
44348
|
-
},
|
|
44371
|
+
? _vm._l(_vm.instance.leftSlot, function (child) {
|
|
44372
|
+
return _c(
|
|
44373
|
+
child.component,
|
|
44374
|
+
_vm._b(
|
|
44375
|
+
{
|
|
44376
|
+
key: child.name,
|
|
44377
|
+
tag: "component",
|
|
44378
|
+
attrs: {
|
|
44379
|
+
dark: _vm.instance.dark,
|
|
44380
|
+
light: _vm.instance.light,
|
|
44349
44381
|
},
|
|
44350
|
-
|
|
44351
|
-
|
|
44352
|
-
|
|
44353
|
-
|
|
44382
|
+
},
|
|
44383
|
+
"component",
|
|
44384
|
+
child,
|
|
44385
|
+
false
|
|
44354
44386
|
)
|
|
44355
|
-
|
|
44356
|
-
)
|
|
44387
|
+
)
|
|
44388
|
+
})
|
|
44357
44389
|
: _vm._e(),
|
|
44358
44390
|
_vm._v(" "),
|
|
44359
44391
|
_vm._t("leftSlot"),
|
|
@@ -44368,27 +44400,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44368
44400
|
{ ref: "centerSlot", staticClass: "zd-footer-slot-center" },
|
|
44369
44401
|
[
|
|
44370
44402
|
!_vm.$slots.centerSlot
|
|
44371
|
-
? _vm._l(
|
|
44372
|
-
|
|
44373
|
-
|
|
44374
|
-
|
|
44375
|
-
|
|
44376
|
-
|
|
44377
|
-
|
|
44378
|
-
|
|
44379
|
-
|
|
44380
|
-
|
|
44381
|
-
dark: _vm.instance.dark,
|
|
44382
|
-
light: _vm.instance.light,
|
|
44383
|
-
},
|
|
44403
|
+
? _vm._l(_vm.instance.centerSlot, function (child) {
|
|
44404
|
+
return _c(
|
|
44405
|
+
child.component,
|
|
44406
|
+
_vm._b(
|
|
44407
|
+
{
|
|
44408
|
+
key: child.name,
|
|
44409
|
+
tag: "component",
|
|
44410
|
+
attrs: {
|
|
44411
|
+
dark: _vm.instance.dark,
|
|
44412
|
+
light: _vm.instance.light,
|
|
44384
44413
|
},
|
|
44385
|
-
|
|
44386
|
-
|
|
44387
|
-
|
|
44388
|
-
|
|
44414
|
+
},
|
|
44415
|
+
"component",
|
|
44416
|
+
child,
|
|
44417
|
+
false
|
|
44389
44418
|
)
|
|
44390
|
-
|
|
44391
|
-
)
|
|
44419
|
+
)
|
|
44420
|
+
})
|
|
44392
44421
|
: _vm._e(),
|
|
44393
44422
|
_vm._v(" "),
|
|
44394
44423
|
_vm._t("centerSlot"),
|
|
@@ -44403,27 +44432,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44403
44432
|
{ staticClass: "zd-footer-slot-right" },
|
|
44404
44433
|
[
|
|
44405
44434
|
!_vm.$slots.rightSlot
|
|
44406
|
-
? _vm._l(
|
|
44407
|
-
|
|
44408
|
-
|
|
44409
|
-
|
|
44410
|
-
|
|
44411
|
-
|
|
44412
|
-
|
|
44413
|
-
|
|
44414
|
-
|
|
44415
|
-
|
|
44416
|
-
dark: _vm.instance.dark,
|
|
44417
|
-
light: _vm.instance.light,
|
|
44418
|
-
},
|
|
44435
|
+
? _vm._l(_vm.instance.rightSlot, function (child) {
|
|
44436
|
+
return _c(
|
|
44437
|
+
child.component,
|
|
44438
|
+
_vm._b(
|
|
44439
|
+
{
|
|
44440
|
+
key: child.name,
|
|
44441
|
+
tag: "component",
|
|
44442
|
+
attrs: {
|
|
44443
|
+
dark: _vm.instance.dark,
|
|
44444
|
+
light: _vm.instance.light,
|
|
44419
44445
|
},
|
|
44420
|
-
|
|
44421
|
-
|
|
44422
|
-
|
|
44423
|
-
|
|
44446
|
+
},
|
|
44447
|
+
"component",
|
|
44448
|
+
child,
|
|
44449
|
+
false
|
|
44424
44450
|
)
|
|
44425
|
-
|
|
44426
|
-
)
|
|
44451
|
+
)
|
|
44452
|
+
})
|
|
44427
44453
|
: _vm._e(),
|
|
44428
44454
|
_vm._v(" "),
|
|
44429
44455
|
_vm._t("rightSlot"),
|
|
@@ -44439,12 +44465,12 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44439
44465
|
"v-col",
|
|
44440
44466
|
{ staticClass: "pa-0", attrs: { cols: "12" } },
|
|
44441
44467
|
[
|
|
44442
|
-
_vm._l(_vm.instance.children, function (child
|
|
44468
|
+
_vm._l(_vm.instance.children, function (child) {
|
|
44443
44469
|
return _c(
|
|
44444
44470
|
child.component,
|
|
44445
44471
|
_vm._b(
|
|
44446
44472
|
{
|
|
44447
|
-
key:
|
|
44473
|
+
key: child.name,
|
|
44448
44474
|
tag: "component",
|
|
44449
44475
|
attrs: {
|
|
44450
44476
|
dark: _vm.instance.dark,
|
|
@@ -44473,11 +44499,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44473
44499
|
/* style */
|
|
44474
44500
|
const __vue_inject_styles__$15 = function (inject) {
|
|
44475
44501
|
if (!inject) return
|
|
44476
|
-
inject("data-v-
|
|
44502
|
+
inject("data-v-aba711be_0", { source: ".zd-footer-slot[data-v-aba711be] {\n display: flex;\n padding: 0;\n}\n.zd-footer-slot-children[data-v-aba711be] {\n padding-bottom: var(--spacing-2);\n}\n.zd-footer-slot-left > *[data-v-aba711be], .zd-footer-slot-center > *[data-v-aba711be], .zd-footer-slot-right > *[data-v-aba711be] {\n margin: 0 var(--spacing-1);\n}\n.zd-footer-slot-left > *[data-v-aba711be]:first-child, .zd-footer-slot-center > *[data-v-aba711be]:first-child, .zd-footer-slot-right > *[data-v-aba711be]:first-child {\n margin-left: 0;\n}\n.zd-footer-slot-left > *[data-v-aba711be]:last-child, .zd-footer-slot-center > *[data-v-aba711be]:last-child, .zd-footer-slot-right > *[data-v-aba711be]:last-child {\n margin-right: 0;\n}\n.zd-footer-slot-center[data-v-aba711be] {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n.zd-footer-slot-right[data-v-aba711be] {\n margin-left: auto;\n}", map: undefined, media: undefined });
|
|
44477
44503
|
|
|
44478
44504
|
};
|
|
44479
44505
|
/* scoped */
|
|
44480
|
-
const __vue_scope_id__$15 = "data-v-
|
|
44506
|
+
const __vue_scope_id__$15 = "data-v-aba711be";
|
|
44481
44507
|
/* module identifier */
|
|
44482
44508
|
const __vue_module_identifier__$15 = undefined;
|
|
44483
44509
|
/* functional template */
|
|
@@ -45446,7 +45472,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
45446
45472
|
onScroll(event) {
|
|
45447
45473
|
const { scrollTop } = event.target;
|
|
45448
45474
|
const rows = Math.floor(scrollTop / this.scrollData.rowHeight);
|
|
45449
|
-
const
|
|
45475
|
+
const data = this.getData();
|
|
45450
45476
|
const start = rows + this.scrollData.perPage > data.length ? Math
|
|
45451
45477
|
.max(0, data.length - this.scrollData.perPage) : rows;
|
|
45452
45478
|
if (this.lastStart !== start) {
|
|
@@ -52407,6 +52433,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52407
52433
|
super(...arguments);
|
|
52408
52434
|
this.instanceType = common.MasterDetail;
|
|
52409
52435
|
}
|
|
52436
|
+
mounted() {
|
|
52437
|
+
if (this.instance.fillHeight) {
|
|
52438
|
+
setFillHeight(this.$el);
|
|
52439
|
+
}
|
|
52440
|
+
}
|
|
52410
52441
|
};
|
|
52411
52442
|
__decorate([
|
|
52412
52443
|
vuePropertyDecorator.Prop({ type: [Object, String], default: () => ({}) }),
|
|
@@ -52416,6 +52447,22 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52416
52447
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
52417
52448
|
__metadata("design:type", Boolean)
|
|
52418
52449
|
], ZdMasterDetail.prototype, "lazyRelate", void 0);
|
|
52450
|
+
__decorate([
|
|
52451
|
+
PropWatch({ type: [Number, String], default: 'auto' }),
|
|
52452
|
+
__metadata("design:type", Object)
|
|
52453
|
+
], ZdMasterDetail.prototype, "height", void 0);
|
|
52454
|
+
__decorate([
|
|
52455
|
+
PropWatch({ type: [Number, String], default: 'auto' }),
|
|
52456
|
+
__metadata("design:type", Object)
|
|
52457
|
+
], ZdMasterDetail.prototype, "minHeight", void 0);
|
|
52458
|
+
__decorate([
|
|
52459
|
+
PropWatch({ type: [Number, String], default: 'none' }),
|
|
52460
|
+
__metadata("design:type", Object)
|
|
52461
|
+
], ZdMasterDetail.prototype, "maxHeight", void 0);
|
|
52462
|
+
__decorate([
|
|
52463
|
+
PropWatch({ type: [Boolean, String], default: false }),
|
|
52464
|
+
__metadata("design:type", Object)
|
|
52465
|
+
], ZdMasterDetail.prototype, "fillHeight", void 0);
|
|
52419
52466
|
ZdMasterDetail = __decorate([
|
|
52420
52467
|
vuePropertyDecorator.Component
|
|
52421
52468
|
], ZdMasterDetail);
|
|
@@ -52440,7 +52487,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52440
52487
|
expression: "instance.isVisible",
|
|
52441
52488
|
},
|
|
52442
52489
|
],
|
|
52443
|
-
style:
|
|
52490
|
+
style: Object.assign(
|
|
52491
|
+
{},
|
|
52492
|
+
{
|
|
52493
|
+
height: _vm.$formatSize(_vm.instance.height),
|
|
52494
|
+
maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
|
|
52495
|
+
minHeight: _vm.$formatSize(_vm.instance.minHeight),
|
|
52496
|
+
},
|
|
52497
|
+
_vm.$styleObject(_vm.instance.cssStyle)
|
|
52498
|
+
),
|
|
52444
52499
|
attrs: { id: _vm.instance.name },
|
|
52445
52500
|
},
|
|
52446
52501
|
[
|
|
@@ -55861,6 +55916,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
55861
55916
|
vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
|
|
55862
55917
|
__metadata("design:type", Object)
|
|
55863
55918
|
], ZdSelectTree.prototype, "fetchOnDemand", void 0);
|
|
55919
|
+
__decorate([
|
|
55920
|
+
vuePropertyDecorator.Prop({ type: [Number, String], default: undefined }),
|
|
55921
|
+
__metadata("design:type", Object)
|
|
55922
|
+
], ZdSelectTree.prototype, "menuMaxWidth", void 0);
|
|
55864
55923
|
__decorate([
|
|
55865
55924
|
vuePropertyDecorator.Watch('instance.datasource.data.length'),
|
|
55866
55925
|
__metadata("design:type", Function),
|
|
@@ -56002,6 +56061,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
56002
56061
|
flattenSearchResults: _vm.instance.flattenSearchResults,
|
|
56003
56062
|
disabled: _vm.instance.disabled,
|
|
56004
56063
|
maxHeight: _vm.instance.menuMaxHeight,
|
|
56064
|
+
menuMaxWidth: _vm.instance.menuMaxWidth,
|
|
56005
56065
|
openDirection: _vm.instance.openDirection,
|
|
56006
56066
|
searchable: _vm.instance.autocomplete,
|
|
56007
56067
|
showCount: _vm.instance.showCount,
|
|
@@ -56106,7 +56166,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
56106
56166
|
/* style */
|
|
56107
56167
|
const __vue_inject_styles__$j = function (inject) {
|
|
56108
56168
|
if (!inject) return
|
|
56109
|
-
inject("data-v-
|
|
56169
|
+
inject("data-v-b0612a90_0", { source: ".zd-select-tree-loading {\n margin-top: -1px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n position: relative;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined });
|
|
56110
56170
|
|
|
56111
56171
|
};
|
|
56112
56172
|
/* scoped */
|
|
@@ -56302,6 +56362,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
56302
56362
|
flat: _vm.instance.flat,
|
|
56303
56363
|
limit: _vm.focused ? _vm.instance.limit : 1,
|
|
56304
56364
|
maxHeight: _vm.instance.maxHeight,
|
|
56365
|
+
menuMaxWidth: _vm.instance.menuMaxWidth,
|
|
56305
56366
|
openDirection: _vm.instance.openDirection,
|
|
56306
56367
|
searchable: _vm.instance.autocomplete,
|
|
56307
56368
|
showCount: _vm.instance.showCount,
|
|
@@ -56486,8 +56547,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
56486
56547
|
/* style */
|
|
56487
56548
|
const __vue_inject_styles__$i = function (inject) {
|
|
56488
56549
|
if (!inject) return
|
|
56489
|
-
inject("data-v-
|
|
56490
|
-
,inject("data-v-
|
|
56550
|
+
inject("data-v-3594c77e_0", { source: ".zd-select-tree-loading {\n margin-top: -1px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n position: relative;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined })
|
|
56551
|
+
,inject("data-v-3594c77e_1", { source: ".zd-select-tree-multiple .vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 1px 0;\n line-height: 16px;\n}\n.zd-select-tree-multiple .vue-treeselect--multi .vue-treeselect__input {\n padding-top: 0;\n padding-bottom: 0;\n line-height: 15px;\n}\n.vue-treeselect__menu-container .select-all {\n height: 40px;\n min-height: 40px;\n padding-left: 37px;\n}\n.vue-treeselect__menu-container .select-all .v-icon.mdi-checkbox-marked {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .select-all .v-list-item__content {\n height: 40px;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__action {\n margin: 0 13px 0 0;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__title {\n height: auto;\n padding: 0;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__limit-tip {\n padding-top: 0;\n}\n.vue-treeselect__limit-tip-text {\n padding: 0;\n margin: 0;\n}", map: undefined, media: undefined });
|
|
56491
56552
|
|
|
56492
56553
|
};
|
|
56493
56554
|
/* scoped */
|
|
@@ -59724,17 +59785,17 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59724
59785
|
return this.instance.toggleExpand(row, rowIndex);
|
|
59725
59786
|
}
|
|
59726
59787
|
orderColumnVisibility() {
|
|
59727
|
-
const
|
|
59728
|
-
if (!
|
|
59788
|
+
const columnsInvisible = this.instance.columns.filter((column) => column.isVisible === false);
|
|
59789
|
+
if (!columnsInvisible) {
|
|
59729
59790
|
return;
|
|
59730
59791
|
}
|
|
59731
|
-
const
|
|
59792
|
+
const columnsVisible = this.instance.columns.filter((column) => column.isVisible === true);
|
|
59732
59793
|
const newOrderColumns = [];
|
|
59733
|
-
if (
|
|
59734
|
-
newOrderColumns.push(...
|
|
59794
|
+
if (columnsVisible) {
|
|
59795
|
+
newOrderColumns.push(...columnsVisible);
|
|
59735
59796
|
}
|
|
59736
|
-
if (
|
|
59737
|
-
newOrderColumns.push(...
|
|
59797
|
+
if (columnsInvisible) {
|
|
59798
|
+
newOrderColumns.push(...columnsInvisible);
|
|
59738
59799
|
}
|
|
59739
59800
|
this.instance.columns = newOrderColumns;
|
|
59740
59801
|
}
|
|
@@ -59768,12 +59829,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
59768
59829
|
return this.scrollData.visibleData;
|
|
59769
59830
|
}
|
|
59770
59831
|
getData() {
|
|
59771
|
-
|
|
59772
|
-
|
|
59773
|
-
|
|
59774
|
-
: this.instance.treeDataStructure.treeData;
|
|
59775
|
-
}
|
|
59776
|
-
return this.renderedData;
|
|
59832
|
+
return this.instance.treeDataStructure.searchHasNoData
|
|
59833
|
+
? []
|
|
59834
|
+
: this.instance.treeDataStructure.treeData || this.renderedData;
|
|
59777
59835
|
}
|
|
59778
59836
|
onChangeLayout(event, element) {
|
|
59779
59837
|
if (this.originalChangeLayout) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.79.0",
|
|
4
4
|
"description": "Zeedhi Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"@types/prismjs": "1.26.*",
|
|
52
52
|
"@types/sortablejs": "1.15.*"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "58b053d55dd28ccfaadc01d70aaffd480a526bb8"
|
|
55
55
|
}
|
|
@@ -10,6 +10,11 @@ export default class ZdCol extends ZdComponentRender {
|
|
|
10
10
|
lg?: string | number;
|
|
11
11
|
xl?: string | number;
|
|
12
12
|
offset?: string | number;
|
|
13
|
+
height?: number | string;
|
|
14
|
+
minHeight?: number | string;
|
|
15
|
+
maxHeight?: number | string;
|
|
16
|
+
fillHeight?: boolean | string;
|
|
13
17
|
instance: Col;
|
|
14
18
|
instanceType: typeof Col;
|
|
19
|
+
mounted(): void;
|
|
15
20
|
}
|
|
@@ -7,6 +7,11 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
|
|
|
7
7
|
export default class ZdMasterDetail extends ZdComponentRender {
|
|
8
8
|
config: IDictionary<any>;
|
|
9
9
|
lazyRelate: boolean;
|
|
10
|
+
height?: number | string;
|
|
11
|
+
minHeight?: number | string;
|
|
12
|
+
maxHeight?: number | string;
|
|
13
|
+
fillHeight?: boolean | string;
|
|
10
14
|
instance: MasterDetail;
|
|
11
15
|
instanceType: typeof MasterDetail;
|
|
16
|
+
mounted(): void;
|
|
12
17
|
}
|