@zeedhi/vuetify 1.100.0 → 1.100.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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 */
|
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 */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/vuetify",
|
|
3
|
-
"version": "1.100.
|
|
3
|
+
"version": "1.100.1",
|
|
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": "851ef55856eedce6d22e92610dcca643ba9db1b9"
|
|
55
55
|
}
|
|
@@ -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;
|