@zeedhi/vuetify 1.100.0 → 1.100.2
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-vuetify.esm.js
CHANGED
|
@@ -40152,6 +40152,10 @@ __decorate([
|
|
|
40152
40152
|
PropWatch({ default: null }),
|
|
40153
40153
|
__metadata("design:type", Object)
|
|
40154
40154
|
], ZdInput.prototype, "value", void 0);
|
|
40155
|
+
__decorate([
|
|
40156
|
+
PropWatch({ type: [Boolean, String], default: true }),
|
|
40157
|
+
__metadata("design:type", Object)
|
|
40158
|
+
], ZdInput.prototype, "autoRegister", void 0);
|
|
40155
40159
|
ZdInput = __decorate([
|
|
40156
40160
|
Component
|
|
40157
40161
|
], ZdInput);
|
|
@@ -44416,7 +44420,87 @@ var __vue_render__$1d = function () {
|
|
|
44416
44420
|
},
|
|
44417
44421
|
scopedSlots: _vm._u(
|
|
44418
44422
|
[
|
|
44419
|
-
_vm.instance.showDragArea
|
|
44423
|
+
_vm.instance.showDragArea && _vm.$isMobile()
|
|
44424
|
+
? {
|
|
44425
|
+
key: "label",
|
|
44426
|
+
fn: function () {
|
|
44427
|
+
return [
|
|
44428
|
+
_c(
|
|
44429
|
+
"span",
|
|
44430
|
+
{
|
|
44431
|
+
on: {
|
|
44432
|
+
click: function ($event) {
|
|
44433
|
+
return _vm.dragAreaClick($event)
|
|
44434
|
+
},
|
|
44435
|
+
},
|
|
44436
|
+
},
|
|
44437
|
+
[
|
|
44438
|
+
_vm.instance.showLabel
|
|
44439
|
+
? _c(
|
|
44440
|
+
"span",
|
|
44441
|
+
{ staticClass: "zd-file-input-label" },
|
|
44442
|
+
[_vm._v(_vm._s(_vm.$t(_vm.instance.label)))]
|
|
44443
|
+
)
|
|
44444
|
+
: _vm._e(),
|
|
44445
|
+
_vm._v(" "),
|
|
44446
|
+
_c(
|
|
44447
|
+
"div",
|
|
44448
|
+
{
|
|
44449
|
+
class: [
|
|
44450
|
+
"zd-file-input-drag-area",
|
|
44451
|
+
{
|
|
44452
|
+
dragging: _vm.dragging,
|
|
44453
|
+
},
|
|
44454
|
+
],
|
|
44455
|
+
},
|
|
44456
|
+
[
|
|
44457
|
+
_c(
|
|
44458
|
+
"div",
|
|
44459
|
+
{ staticClass: "zd-file-input-drag-content" },
|
|
44460
|
+
[
|
|
44461
|
+
_c(
|
|
44462
|
+
"zd-button",
|
|
44463
|
+
_vm._b(
|
|
44464
|
+
{ ref: "selectFileButton" },
|
|
44465
|
+
"zd-button",
|
|
44466
|
+
{
|
|
44467
|
+
name: "file-btn",
|
|
44468
|
+
iconName: "mdi-cloud-upload",
|
|
44469
|
+
icon: true,
|
|
44470
|
+
events: {
|
|
44471
|
+
click: _vm.dragAreaButtonClick,
|
|
44472
|
+
},
|
|
44473
|
+
},
|
|
44474
|
+
false
|
|
44475
|
+
)
|
|
44476
|
+
),
|
|
44477
|
+
_vm._v(" "),
|
|
44478
|
+
_c(
|
|
44479
|
+
"span",
|
|
44480
|
+
{
|
|
44481
|
+
staticClass:
|
|
44482
|
+
"zd-theme-font-body-mobile",
|
|
44483
|
+
},
|
|
44484
|
+
[
|
|
44485
|
+
_vm._v(
|
|
44486
|
+
_vm._s(
|
|
44487
|
+
_vm.$t("DROP_TO_UPLOAD_MOBILE")
|
|
44488
|
+
)
|
|
44489
|
+
),
|
|
44490
|
+
]
|
|
44491
|
+
),
|
|
44492
|
+
],
|
|
44493
|
+
1
|
|
44494
|
+
),
|
|
44495
|
+
]
|
|
44496
|
+
),
|
|
44497
|
+
]
|
|
44498
|
+
),
|
|
44499
|
+
]
|
|
44500
|
+
},
|
|
44501
|
+
proxy: true,
|
|
44502
|
+
}
|
|
44503
|
+
: _vm.instance.showDragArea
|
|
44420
44504
|
? {
|
|
44421
44505
|
key: "label",
|
|
44422
44506
|
fn: function () {
|
|
@@ -44608,7 +44692,7 @@ __vue_render__$1d._withStripped = true;
|
|
|
44608
44692
|
/* style */
|
|
44609
44693
|
const __vue_inject_styles__$1d = function (inject) {
|
|
44610
44694
|
if (!inject) return
|
|
44611
|
-
inject("data-v-
|
|
44695
|
+
inject("data-v-8ee0fc5a_0", { source: ".zd-file-input {\n min-width: 100px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-1);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text:not(.v-file-input__text--placeholder) {\n color: var(--zd-font-color);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n border-radius: 8px;\n padding: 0 var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip.v-size--x-small {\n height: 15px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip.v-size--x-small .chip-text {\n font-size: 12px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip .chip-remove-icon {\n font-size: var(--icon-size-small);\n margin-left: var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot {\n min-height: 24px;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n padding: 0 var(--spacing-1);\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n height: 16px;\n line-height: 15px;\n font-size: 11px;\n margin-bottom: 0.2rem;\n margin-top: 0.2rem;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.with-drag-area {\n padding-top: calc(var(--drag-area-height) + 17px);\n}\n.zd-file-input.with-drag-area.zd-no-label {\n padding-top: calc(var(--drag-area-height) + 5px);\n}\n.zd-file-input.with-drag-area.zd-no-label > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 5px);\n top: calc(-5px - var(--drag-area-height));\n}\n.zd-file-input.with-drag-area.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n text-align: right;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 25px);\n top: calc(-25px - var(--drag-area-height));\n right: 0 !important;\n left: 0 !important;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-label {\n height: 20px;\n display: block;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area {\n width: 100%;\n min-width: 50px;\n height: var(--drag-area-height);\n border: dashed var(--regular) #c4c4c4;\n position: relative;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-theme-font-body-mobile {\n width: 100%;\n font-size: clamp(14px, 2vw, 20px);\n overflow-wrap: break-word;\n word-wrap: break-word;\n white-space: normal;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area.dragging {\n background: #7c7c7c;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content {\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content > span {\n display: block;\n}\n.zd-file-input.v-input--is-disabled > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n opacity: 0.5;\n}\n.zd-file-input.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n flex-direction: row-reverse;\n}\n.zd-file-input.theme--light > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background-color: #e0e0e0;\n color: rgba(0, 0, 0, 0.87);\n}\n.zd-file-input.theme--dark > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background: #555;\n color: #fff;\n}", map: undefined, media: undefined });
|
|
44612
44696
|
|
|
44613
44697
|
};
|
|
44614
44698
|
/* scoped */
|
|
@@ -52208,9 +52292,6 @@ let ZdSelect = class ZdSelect extends __vue_component__$1m {
|
|
|
52208
52292
|
}
|
|
52209
52293
|
this.blur(event);
|
|
52210
52294
|
}
|
|
52211
|
-
formattedDataFunc(item) {
|
|
52212
|
-
return this.$refs.instance && this.$refs.instance.isMenuActive ? this.formattedDataText(item) : this.formattedDataDiscreteText(item);
|
|
52213
|
-
}
|
|
52214
52295
|
selectFocus(event) {
|
|
52215
52296
|
if (!this.componentRef)
|
|
52216
52297
|
return;
|
|
@@ -52439,7 +52520,7 @@ var __vue_render__$K = function () {
|
|
|
52439
52520
|
disabled: _vm.instance.disabled,
|
|
52440
52521
|
readonly: _vm.instance.readonly,
|
|
52441
52522
|
items: _vm.items,
|
|
52442
|
-
"item-text": _vm.
|
|
52523
|
+
"item-text": _vm.formattedDataDiscreteText,
|
|
52443
52524
|
"item-value": _vm.instance.dataValue,
|
|
52444
52525
|
"item-disabled": _vm.instance.dataDisabled,
|
|
52445
52526
|
maxLength: _vm.instance.maxLength,
|
|
@@ -52572,6 +52653,32 @@ var __vue_render__$K = function () {
|
|
|
52572
52653
|
proxy: true,
|
|
52573
52654
|
}
|
|
52574
52655
|
: null,
|
|
52656
|
+
{
|
|
52657
|
+
key: "item",
|
|
52658
|
+
fn: function (ref) {
|
|
52659
|
+
var item = ref.item;
|
|
52660
|
+
var on = ref.on;
|
|
52661
|
+
var attrs = ref.attrs;
|
|
52662
|
+
return [
|
|
52663
|
+
_c(
|
|
52664
|
+
"v-list-item",
|
|
52665
|
+
_vm._g(_vm._b({}, "v-list-item", attrs, false), on),
|
|
52666
|
+
[
|
|
52667
|
+
_c(
|
|
52668
|
+
"v-list-item-content",
|
|
52669
|
+
[
|
|
52670
|
+
_c("v-list-item-title", [
|
|
52671
|
+
_vm._v(_vm._s(_vm.formattedDataText(item))),
|
|
52672
|
+
]),
|
|
52673
|
+
],
|
|
52674
|
+
1
|
|
52675
|
+
),
|
|
52676
|
+
],
|
|
52677
|
+
1
|
|
52678
|
+
),
|
|
52679
|
+
]
|
|
52680
|
+
},
|
|
52681
|
+
},
|
|
52575
52682
|
{
|
|
52576
52683
|
key: "append-item",
|
|
52577
52684
|
fn: function () {
|
|
@@ -52687,7 +52794,7 @@ __vue_render__$K._withStripped = true;
|
|
|
52687
52794
|
/* style */
|
|
52688
52795
|
const __vue_inject_styles__$K = function (inject) {
|
|
52689
52796
|
if (!inject) return
|
|
52690
|
-
inject("data-v-
|
|
52797
|
+
inject("data-v-8a29c9ba_0", { source: ".zd-select .v-input__control .v-input__slot .v-select__slot {\n position: static;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer {\n margin-right: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-left: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-top: 5px;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-inner, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-inner {\n padding-left: 0;\n padding-right: 0;\n}\n.zd-select.zd-select-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.zd-select.zd-select-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.zd-select.zd-select-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.zd-select .v-select__selections {\n padding: 0;\n width: 172px;\n overflow: hidden;\n white-space: nowrap;\n flex-wrap: nowrap;\n text-overflow: ellipsis;\n}\n.zd-select .v-select__selections .v-select__selection {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n margin: 0;\n max-width: none;\n}\n.zd-select .v-select__selections .v-select__selection--disabled {\n opacity: 0.5;\n}\n.zd-select.zd-dense .v-input__append-inner, .zd-select.zd-dense .v-input__prepend-inner {\n margin-top: 0;\n}\n.zd-select-append-item .v-list-item__content {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-size);\n color: var(--v-primary-base);\n}\n.v-menu__content.zd-select-menu {\n box-shadow: var(--shadow-2);\n}\n.v-menu__content.zd-select-menu .v-select-list {\n padding: 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__content {\n padding: var(--spacing-2) 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item:not(.theme--dark) {\n color: var(--zd-font-color);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__title {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled .v-list-item__title {\n opacity: 0.5;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled.primary--text .v-list-item__title {\n color: inherit;\n}\n.v-menu__content.zd-select-menu.zd-dense .v-list-item {\n height: auto;\n min-height: 24px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu.zd-select-align-left .v-list-item__content .v-list-item__title {\n text-align: left;\n}\n.v-menu__content.zd-select-menu.zd-select-align-center .v-list-item__content .v-list-item__title {\n text-align: center;\n}\n.v-menu__content.zd-select-menu.zd-select-align-right .v-list-item__content .v-list-item__title {\n text-align: right;\n}", map: undefined, media: undefined });
|
|
52691
52798
|
|
|
52692
52799
|
};
|
|
52693
52800
|
/* scoped */
|
package/dist/zd-vuetify.umd.js
CHANGED
|
@@ -40151,6 +40151,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
40151
40151
|
PropWatch({ default: null }),
|
|
40152
40152
|
__metadata("design:type", Object)
|
|
40153
40153
|
], ZdInput.prototype, "value", void 0);
|
|
40154
|
+
__decorate([
|
|
40155
|
+
PropWatch({ type: [Boolean, String], default: true }),
|
|
40156
|
+
__metadata("design:type", Object)
|
|
40157
|
+
], ZdInput.prototype, "autoRegister", void 0);
|
|
40154
40158
|
ZdInput = __decorate([
|
|
40155
40159
|
vuePropertyDecorator.Component
|
|
40156
40160
|
], ZdInput);
|
|
@@ -44415,7 +44419,87 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44415
44419
|
},
|
|
44416
44420
|
scopedSlots: _vm._u(
|
|
44417
44421
|
[
|
|
44418
|
-
_vm.instance.showDragArea
|
|
44422
|
+
_vm.instance.showDragArea && _vm.$isMobile()
|
|
44423
|
+
? {
|
|
44424
|
+
key: "label",
|
|
44425
|
+
fn: function () {
|
|
44426
|
+
return [
|
|
44427
|
+
_c(
|
|
44428
|
+
"span",
|
|
44429
|
+
{
|
|
44430
|
+
on: {
|
|
44431
|
+
click: function ($event) {
|
|
44432
|
+
return _vm.dragAreaClick($event)
|
|
44433
|
+
},
|
|
44434
|
+
},
|
|
44435
|
+
},
|
|
44436
|
+
[
|
|
44437
|
+
_vm.instance.showLabel
|
|
44438
|
+
? _c(
|
|
44439
|
+
"span",
|
|
44440
|
+
{ staticClass: "zd-file-input-label" },
|
|
44441
|
+
[_vm._v(_vm._s(_vm.$t(_vm.instance.label)))]
|
|
44442
|
+
)
|
|
44443
|
+
: _vm._e(),
|
|
44444
|
+
_vm._v(" "),
|
|
44445
|
+
_c(
|
|
44446
|
+
"div",
|
|
44447
|
+
{
|
|
44448
|
+
class: [
|
|
44449
|
+
"zd-file-input-drag-area",
|
|
44450
|
+
{
|
|
44451
|
+
dragging: _vm.dragging,
|
|
44452
|
+
},
|
|
44453
|
+
],
|
|
44454
|
+
},
|
|
44455
|
+
[
|
|
44456
|
+
_c(
|
|
44457
|
+
"div",
|
|
44458
|
+
{ staticClass: "zd-file-input-drag-content" },
|
|
44459
|
+
[
|
|
44460
|
+
_c(
|
|
44461
|
+
"zd-button",
|
|
44462
|
+
_vm._b(
|
|
44463
|
+
{ ref: "selectFileButton" },
|
|
44464
|
+
"zd-button",
|
|
44465
|
+
{
|
|
44466
|
+
name: "file-btn",
|
|
44467
|
+
iconName: "mdi-cloud-upload",
|
|
44468
|
+
icon: true,
|
|
44469
|
+
events: {
|
|
44470
|
+
click: _vm.dragAreaButtonClick,
|
|
44471
|
+
},
|
|
44472
|
+
},
|
|
44473
|
+
false
|
|
44474
|
+
)
|
|
44475
|
+
),
|
|
44476
|
+
_vm._v(" "),
|
|
44477
|
+
_c(
|
|
44478
|
+
"span",
|
|
44479
|
+
{
|
|
44480
|
+
staticClass:
|
|
44481
|
+
"zd-theme-font-body-mobile",
|
|
44482
|
+
},
|
|
44483
|
+
[
|
|
44484
|
+
_vm._v(
|
|
44485
|
+
_vm._s(
|
|
44486
|
+
_vm.$t("DROP_TO_UPLOAD_MOBILE")
|
|
44487
|
+
)
|
|
44488
|
+
),
|
|
44489
|
+
]
|
|
44490
|
+
),
|
|
44491
|
+
],
|
|
44492
|
+
1
|
|
44493
|
+
),
|
|
44494
|
+
]
|
|
44495
|
+
),
|
|
44496
|
+
]
|
|
44497
|
+
),
|
|
44498
|
+
]
|
|
44499
|
+
},
|
|
44500
|
+
proxy: true,
|
|
44501
|
+
}
|
|
44502
|
+
: _vm.instance.showDragArea
|
|
44419
44503
|
? {
|
|
44420
44504
|
key: "label",
|
|
44421
44505
|
fn: function () {
|
|
@@ -44607,7 +44691,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
44607
44691
|
/* style */
|
|
44608
44692
|
const __vue_inject_styles__$1d = function (inject) {
|
|
44609
44693
|
if (!inject) return
|
|
44610
|
-
inject("data-v-
|
|
44694
|
+
inject("data-v-8ee0fc5a_0", { source: ".zd-file-input {\n min-width: 100px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-1);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text:not(.v-file-input__text--placeholder) {\n color: var(--zd-font-color);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n border-radius: 8px;\n padding: 0 var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip.v-size--x-small {\n height: 15px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip.v-size--x-small .chip-text {\n font-size: 12px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip .chip-remove-icon {\n font-size: var(--icon-size-small);\n margin-left: var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot {\n min-height: 24px;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n padding: 0 var(--spacing-1);\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n height: 16px;\n line-height: 15px;\n font-size: 11px;\n margin-bottom: 0.2rem;\n margin-top: 0.2rem;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.with-drag-area {\n padding-top: calc(var(--drag-area-height) + 17px);\n}\n.zd-file-input.with-drag-area.zd-no-label {\n padding-top: calc(var(--drag-area-height) + 5px);\n}\n.zd-file-input.with-drag-area.zd-no-label > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 5px);\n top: calc(-5px - var(--drag-area-height));\n}\n.zd-file-input.with-drag-area.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n text-align: right;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 25px);\n top: calc(-25px - var(--drag-area-height));\n right: 0 !important;\n left: 0 !important;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-label {\n height: 20px;\n display: block;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area {\n width: 100%;\n min-width: 50px;\n height: var(--drag-area-height);\n border: dashed var(--regular) #c4c4c4;\n position: relative;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-theme-font-body-mobile {\n width: 100%;\n font-size: clamp(14px, 2vw, 20px);\n overflow-wrap: break-word;\n word-wrap: break-word;\n white-space: normal;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area.dragging {\n background: #7c7c7c;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content {\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content > span {\n display: block;\n}\n.zd-file-input.v-input--is-disabled > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n opacity: 0.5;\n}\n.zd-file-input.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n flex-direction: row-reverse;\n}\n.zd-file-input.theme--light > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background-color: #e0e0e0;\n color: rgba(0, 0, 0, 0.87);\n}\n.zd-file-input.theme--dark > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background: #555;\n color: #fff;\n}", map: undefined, media: undefined });
|
|
44611
44695
|
|
|
44612
44696
|
};
|
|
44613
44697
|
/* scoped */
|
|
@@ -52207,9 +52291,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52207
52291
|
}
|
|
52208
52292
|
this.blur(event);
|
|
52209
52293
|
}
|
|
52210
|
-
formattedDataFunc(item) {
|
|
52211
|
-
return this.$refs.instance && this.$refs.instance.isMenuActive ? this.formattedDataText(item) : this.formattedDataDiscreteText(item);
|
|
52212
|
-
}
|
|
52213
52294
|
selectFocus(event) {
|
|
52214
52295
|
if (!this.componentRef)
|
|
52215
52296
|
return;
|
|
@@ -52438,7 +52519,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52438
52519
|
disabled: _vm.instance.disabled,
|
|
52439
52520
|
readonly: _vm.instance.readonly,
|
|
52440
52521
|
items: _vm.items,
|
|
52441
|
-
"item-text": _vm.
|
|
52522
|
+
"item-text": _vm.formattedDataDiscreteText,
|
|
52442
52523
|
"item-value": _vm.instance.dataValue,
|
|
52443
52524
|
"item-disabled": _vm.instance.dataDisabled,
|
|
52444
52525
|
maxLength: _vm.instance.maxLength,
|
|
@@ -52571,6 +52652,32 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52571
52652
|
proxy: true,
|
|
52572
52653
|
}
|
|
52573
52654
|
: null,
|
|
52655
|
+
{
|
|
52656
|
+
key: "item",
|
|
52657
|
+
fn: function (ref) {
|
|
52658
|
+
var item = ref.item;
|
|
52659
|
+
var on = ref.on;
|
|
52660
|
+
var attrs = ref.attrs;
|
|
52661
|
+
return [
|
|
52662
|
+
_c(
|
|
52663
|
+
"v-list-item",
|
|
52664
|
+
_vm._g(_vm._b({}, "v-list-item", attrs, false), on),
|
|
52665
|
+
[
|
|
52666
|
+
_c(
|
|
52667
|
+
"v-list-item-content",
|
|
52668
|
+
[
|
|
52669
|
+
_c("v-list-item-title", [
|
|
52670
|
+
_vm._v(_vm._s(_vm.formattedDataText(item))),
|
|
52671
|
+
]),
|
|
52672
|
+
],
|
|
52673
|
+
1
|
|
52674
|
+
),
|
|
52675
|
+
],
|
|
52676
|
+
1
|
|
52677
|
+
),
|
|
52678
|
+
]
|
|
52679
|
+
},
|
|
52680
|
+
},
|
|
52574
52681
|
{
|
|
52575
52682
|
key: "append-item",
|
|
52576
52683
|
fn: function () {
|
|
@@ -52686,7 +52793,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
52686
52793
|
/* style */
|
|
52687
52794
|
const __vue_inject_styles__$K = function (inject) {
|
|
52688
52795
|
if (!inject) return
|
|
52689
|
-
inject("data-v-
|
|
52796
|
+
inject("data-v-8a29c9ba_0", { source: ".zd-select .v-input__control .v-input__slot .v-select__slot {\n position: static;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer {\n margin-right: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-left: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-top: 5px;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-inner, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-inner {\n padding-left: 0;\n padding-right: 0;\n}\n.zd-select.zd-select-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.zd-select.zd-select-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.zd-select.zd-select-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.zd-select .v-select__selections {\n padding: 0;\n width: 172px;\n overflow: hidden;\n white-space: nowrap;\n flex-wrap: nowrap;\n text-overflow: ellipsis;\n}\n.zd-select .v-select__selections .v-select__selection {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n margin: 0;\n max-width: none;\n}\n.zd-select .v-select__selections .v-select__selection--disabled {\n opacity: 0.5;\n}\n.zd-select.zd-dense .v-input__append-inner, .zd-select.zd-dense .v-input__prepend-inner {\n margin-top: 0;\n}\n.zd-select-append-item .v-list-item__content {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-size);\n color: var(--v-primary-base);\n}\n.v-menu__content.zd-select-menu {\n box-shadow: var(--shadow-2);\n}\n.v-menu__content.zd-select-menu .v-select-list {\n padding: 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__content {\n padding: var(--spacing-2) 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item:not(.theme--dark) {\n color: var(--zd-font-color);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__title {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled .v-list-item__title {\n opacity: 0.5;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled.primary--text .v-list-item__title {\n color: inherit;\n}\n.v-menu__content.zd-select-menu.zd-dense .v-list-item {\n height: auto;\n min-height: 24px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu.zd-select-align-left .v-list-item__content .v-list-item__title {\n text-align: left;\n}\n.v-menu__content.zd-select-menu.zd-select-align-center .v-list-item__content .v-list-item__title {\n text-align: center;\n}\n.v-menu__content.zd-select-menu.zd-select-align-right .v-list-item__content .v-list-item__title {\n text-align: right;\n}", map: undefined, media: undefined });
|
|
52690
52797
|
|
|
52691
52798
|
};
|
|
52692
52799
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/vuetify",
|
|
3
|
-
"version": "1.100.
|
|
3
|
+
"version": "1.100.2",
|
|
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": "2fb4d52eeebc36287dc335cb32601b6e4f55378f"
|
|
55
55
|
}
|
|
@@ -48,7 +48,6 @@ export default class ZdSelect extends ZdTextInput {
|
|
|
48
48
|
selectChange(value: any, event: Event): void;
|
|
49
49
|
selectInput(value: any): void;
|
|
50
50
|
selectBlur(event: Event): void;
|
|
51
|
-
formattedDataFunc(item: IDictionary<any>): any;
|
|
52
51
|
selectFocus(event?: Event): void;
|
|
53
52
|
selectKeydown(event: KeyboardEvent): void;
|
|
54
53
|
formattedDataText(item: IDictionary<any>): any;
|
|
@@ -62,6 +62,7 @@ export default class EditableMixin extends Vue {
|
|
|
62
62
|
events: any;
|
|
63
63
|
autofill: boolean;
|
|
64
64
|
allowDuplicate: boolean;
|
|
65
|
+
autoRegister: boolean;
|
|
65
66
|
};
|
|
66
67
|
cellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, canEdit?: boolean, componentId?: string): void;
|
|
67
68
|
callCellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, canEdit: boolean, componentId: string): void;
|