@zeedhi/vuetify 1.46.0 → 1.47.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-vuetify.esm.js +340 -184
- package/dist/zd-vuetify.umd.js +339 -183
- package/package.json +2 -2
- package/types/components/zd-date/ZdDate.d.ts +24 -19
- package/types/components/zd-date/ZdDateRange.d.ts +24 -19
package/dist/zd-vuetify.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import VueI18Next from '@panter/vue-i18next';
|
|
2
|
-
import { Metadata, Mask, Config, I18n, Router, KeyMap, dayjs } from '@zeedhi/core';
|
|
2
|
+
import { Metadata, Mask, Config, I18n, DateHelper, Router, KeyMap, dayjs } from '@zeedhi/core';
|
|
3
3
|
import VueApexCharts from 'vue-apexcharts';
|
|
4
4
|
import SlVueTree from 'sl-vue-tree';
|
|
5
5
|
import 'sl-vue-tree/dist/sl-vue-tree-minimal.css';
|
|
@@ -27914,7 +27914,7 @@ var VTextarea = baseMixins$2.extend({
|
|
|
27914
27914
|
});
|
|
27915
27915
|
|
|
27916
27916
|
// Styles
|
|
27917
|
-
mixins(Themeable
|
|
27917
|
+
var VTimeline = mixins(Themeable
|
|
27918
27918
|
/* @vue/component */
|
|
27919
27919
|
).extend({
|
|
27920
27920
|
name: 'v-timeline',
|
|
@@ -27955,7 +27955,7 @@ mixins(Themeable
|
|
|
27955
27955
|
const baseMixins$1 = mixins(Colorable, Themeable
|
|
27956
27956
|
/* @vue/component */
|
|
27957
27957
|
);
|
|
27958
|
-
baseMixins$1.extend().extend({
|
|
27958
|
+
var VTimelineItem = baseMixins$1.extend().extend({
|
|
27959
27959
|
name: 'v-timeline-item',
|
|
27960
27960
|
inject: ['timeline'],
|
|
27961
27961
|
props: {
|
|
@@ -30392,7 +30392,12 @@ var __vue_render__$1m = function () {
|
|
|
30392
30392
|
},
|
|
30393
30393
|
],
|
|
30394
30394
|
ref: "instance",
|
|
30395
|
-
class: [
|
|
30395
|
+
class: [
|
|
30396
|
+
"zd-apex-chart",
|
|
30397
|
+
_vm.instance.cssClass,
|
|
30398
|
+
{ "theme--dark": _vm.$isDark(this) },
|
|
30399
|
+
{ "theme--light": _vm.$isLight(this) },
|
|
30400
|
+
],
|
|
30396
30401
|
style: _vm.instance.cssStyle,
|
|
30397
30402
|
attrs: {
|
|
30398
30403
|
type: _vm.instance.chartType,
|
|
@@ -30401,6 +30406,13 @@ var __vue_render__$1m = function () {
|
|
|
30401
30406
|
height: _vm.instance.height,
|
|
30402
30407
|
name: _vm.instance.name,
|
|
30403
30408
|
width: _vm.instance.width,
|
|
30409
|
+
dark: _vm.instance.dark,
|
|
30410
|
+
light: _vm.instance.light,
|
|
30411
|
+
},
|
|
30412
|
+
on: {
|
|
30413
|
+
updated: function ($event) {
|
|
30414
|
+
return _vm.setApexChartTheme()
|
|
30415
|
+
},
|
|
30404
30416
|
},
|
|
30405
30417
|
}),
|
|
30406
30418
|
_vm._v(" "),
|
|
@@ -30431,7 +30443,7 @@ __vue_render__$1m._withStripped = true;
|
|
|
30431
30443
|
/* style */
|
|
30432
30444
|
const __vue_inject_styles__$1m = function (inject) {
|
|
30433
30445
|
if (!inject) return
|
|
30434
|
-
inject("data-v-
|
|
30446
|
+
inject("data-v-02c50976_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-text {\n fill: #3b3b3b !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 height: 100%;\n}", map: undefined, media: undefined });
|
|
30435
30447
|
|
|
30436
30448
|
};
|
|
30437
30449
|
/* scoped */
|
|
@@ -34324,7 +34336,6 @@ let ZdDate = class ZdDate extends __vue_component__$18 {
|
|
|
34324
34336
|
}
|
|
34325
34337
|
onSelectDate(date, event) {
|
|
34326
34338
|
this.instance.selectDate(date, event, this.$el);
|
|
34327
|
-
this.instance.change(event, this.$refs.instance.$el);
|
|
34328
34339
|
}
|
|
34329
34340
|
getAllowedDates(date) {
|
|
34330
34341
|
if (typeof this.instance.allowedDates === 'function') {
|
|
@@ -34381,6 +34392,18 @@ let ZdDate = class ZdDate extends __vue_component__$18 {
|
|
|
34381
34392
|
get getDateMask() {
|
|
34382
34393
|
return this.instance.updateMask();
|
|
34383
34394
|
}
|
|
34395
|
+
helperValuesOptionClick({ component }) {
|
|
34396
|
+
const helper = component.name.split('_helpervalue_')[1];
|
|
34397
|
+
const value = DateHelper.getValue(helper, this.instance.dateFormat);
|
|
34398
|
+
this.instance.value = value;
|
|
34399
|
+
this.instance.helperValue = helper;
|
|
34400
|
+
this.instance.change(undefined, this.$el);
|
|
34401
|
+
this.instance.helperValue = helper; // o change remove o valor, por isso precisa adicionar novamente
|
|
34402
|
+
this.instance.updateHelperHint();
|
|
34403
|
+
}
|
|
34404
|
+
getLabel(name) {
|
|
34405
|
+
return DateHelper.getLabel(name);
|
|
34406
|
+
}
|
|
34384
34407
|
};
|
|
34385
34408
|
__decorate([
|
|
34386
34409
|
PropWatch({
|
|
@@ -34461,6 +34484,14 @@ __decorate([
|
|
|
34461
34484
|
PropWatch({ type: String }),
|
|
34462
34485
|
__metadata("design:type", Object)
|
|
34463
34486
|
], ZdDate.prototype, "inputFormat", void 0);
|
|
34487
|
+
__decorate([
|
|
34488
|
+
PropWatch({ type: [String, Array], default: () => [] }),
|
|
34489
|
+
__metadata("design:type", Object)
|
|
34490
|
+
], ZdDate.prototype, "helperOptions", void 0);
|
|
34491
|
+
__decorate([
|
|
34492
|
+
PropWatch({ type: String, default: '' }),
|
|
34493
|
+
__metadata("design:type", String)
|
|
34494
|
+
], ZdDate.prototype, "helperValue", void 0);
|
|
34464
34495
|
ZdDate = __decorate([
|
|
34465
34496
|
Component
|
|
34466
34497
|
], ZdDate);
|
|
@@ -34475,104 +34506,154 @@ var __vue_render__$14 = function () {
|
|
|
34475
34506
|
var _h = _vm.$createElement;
|
|
34476
34507
|
var _c = _vm._self._c || _h;
|
|
34477
34508
|
return _c(
|
|
34478
|
-
"
|
|
34509
|
+
"zd-tag",
|
|
34479
34510
|
{
|
|
34480
|
-
directives: [
|
|
34481
|
-
{
|
|
34482
|
-
name: "show",
|
|
34483
|
-
rawName: "v-show",
|
|
34484
|
-
value: _vm.instance.isVisible,
|
|
34485
|
-
expression: "instance.isVisible",
|
|
34486
|
-
},
|
|
34487
|
-
],
|
|
34488
|
-
staticClass: "zd-date-menu-activator",
|
|
34489
34511
|
attrs: {
|
|
34490
|
-
|
|
34491
|
-
|
|
34492
|
-
|
|
34493
|
-
|
|
34494
|
-
transition: "scale-transition",
|
|
34495
|
-
disabled: _vm.instance.disabled || _vm.instance.readonly,
|
|
34496
|
-
"close-on-content-click": false,
|
|
34497
|
-
},
|
|
34498
|
-
scopedSlots: _vm._u([
|
|
34499
|
-
{
|
|
34500
|
-
key: "activator",
|
|
34501
|
-
fn: function (ref) {
|
|
34502
|
-
var on = ref.on;
|
|
34503
|
-
return [
|
|
34504
|
-
_c("zd-text-input", {
|
|
34505
|
-
ref: "instance",
|
|
34506
|
-
attrs: {
|
|
34507
|
-
name: _vm.instance.name + "_text-input",
|
|
34508
|
-
mask: _vm.getDateMask,
|
|
34509
|
-
"instance-object": _vm.instance,
|
|
34510
|
-
events: _vm.getEvents(on),
|
|
34511
|
-
autofill: false,
|
|
34512
|
-
},
|
|
34513
|
-
}),
|
|
34514
|
-
]
|
|
34515
|
-
},
|
|
34516
|
-
},
|
|
34517
|
-
]),
|
|
34518
|
-
model: {
|
|
34519
|
-
value: _vm.instance.showDatePicker,
|
|
34520
|
-
callback: function ($$v) {
|
|
34521
|
-
_vm.$set(_vm.instance, "showDatePicker", $$v);
|
|
34522
|
-
},
|
|
34523
|
-
expression: "instance.showDatePicker",
|
|
34512
|
+
name: _vm.instance.name + "_helperspan",
|
|
34513
|
+
tag: "span",
|
|
34514
|
+
cssClass: "zd-display-flex",
|
|
34515
|
+
grid: _vm.instance.grid,
|
|
34524
34516
|
},
|
|
34525
34517
|
},
|
|
34526
34518
|
[
|
|
34527
|
-
_vm._v(" "),
|
|
34528
34519
|
_c(
|
|
34529
|
-
"v-
|
|
34530
|
-
|
|
34531
|
-
|
|
34532
|
-
|
|
34533
|
-
|
|
34534
|
-
|
|
34535
|
-
|
|
34536
|
-
|
|
34537
|
-
expression: "instance.isVisible",
|
|
34538
|
-
},
|
|
34539
|
-
],
|
|
34540
|
-
ref: "picker",
|
|
34541
|
-
attrs: { "no-title": "" },
|
|
34542
|
-
on: {
|
|
34543
|
-
"hook:mounted": _vm.pickerMounted,
|
|
34544
|
-
"hook:destroyed": _vm.pickerDestroyed,
|
|
34545
|
-
"click:date": _vm.onSelectDate,
|
|
34546
|
-
change: function ($event) {
|
|
34547
|
-
return _vm.onChangeDatePicker()
|
|
34548
|
-
},
|
|
34520
|
+
"v-menu",
|
|
34521
|
+
{
|
|
34522
|
+
directives: [
|
|
34523
|
+
{
|
|
34524
|
+
name: "show",
|
|
34525
|
+
rawName: "v-show",
|
|
34526
|
+
value: _vm.instance.isVisible,
|
|
34527
|
+
expression: "instance.isVisible",
|
|
34549
34528
|
},
|
|
34550
|
-
|
|
34551
|
-
|
|
34552
|
-
|
|
34553
|
-
|
|
34529
|
+
],
|
|
34530
|
+
staticClass: "zd-date-menu-activator",
|
|
34531
|
+
attrs: {
|
|
34532
|
+
id: _vm.instance.name,
|
|
34533
|
+
"offset-overflow": "",
|
|
34534
|
+
"offset-y": "",
|
|
34535
|
+
"min-width": _vm.instance.width,
|
|
34536
|
+
transition: "scale-transition",
|
|
34537
|
+
disabled: _vm.instance.disabled || _vm.instance.readonly,
|
|
34538
|
+
"close-on-content-click": false,
|
|
34539
|
+
},
|
|
34540
|
+
scopedSlots: _vm._u([
|
|
34541
|
+
{
|
|
34542
|
+
key: "activator",
|
|
34543
|
+
fn: function (ref) {
|
|
34544
|
+
var on = ref.on;
|
|
34545
|
+
return [
|
|
34546
|
+
_c("zd-text-input", {
|
|
34547
|
+
ref: "instance",
|
|
34548
|
+
attrs: {
|
|
34549
|
+
name: _vm.instance.name + "_text-input",
|
|
34550
|
+
mask: _vm.getDateMask,
|
|
34551
|
+
"instance-object": _vm.instance,
|
|
34552
|
+
events: _vm.getEvents(on),
|
|
34553
|
+
autofill: false,
|
|
34554
|
+
},
|
|
34555
|
+
}),
|
|
34556
|
+
]
|
|
34554
34557
|
},
|
|
34555
|
-
expression: "instance.isoValue",
|
|
34556
34558
|
},
|
|
34559
|
+
]),
|
|
34560
|
+
model: {
|
|
34561
|
+
value: _vm.instance.showDatePicker,
|
|
34562
|
+
callback: function ($$v) {
|
|
34563
|
+
_vm.$set(_vm.instance, "showDatePicker", $$v);
|
|
34564
|
+
},
|
|
34565
|
+
expression: "instance.showDatePicker",
|
|
34557
34566
|
},
|
|
34558
|
-
|
|
34559
|
-
|
|
34560
|
-
|
|
34561
|
-
|
|
34562
|
-
|
|
34563
|
-
|
|
34564
|
-
|
|
34565
|
-
|
|
34566
|
-
|
|
34567
|
-
|
|
34568
|
-
|
|
34569
|
-
|
|
34570
|
-
|
|
34571
|
-
|
|
34572
|
-
|
|
34573
|
-
|
|
34574
|
-
|
|
34567
|
+
},
|
|
34568
|
+
[
|
|
34569
|
+
_vm._v(" "),
|
|
34570
|
+
_c(
|
|
34571
|
+
"v-date-picker",
|
|
34572
|
+
_vm._b(
|
|
34573
|
+
{
|
|
34574
|
+
directives: [
|
|
34575
|
+
{
|
|
34576
|
+
name: "show",
|
|
34577
|
+
rawName: "v-show",
|
|
34578
|
+
value: _vm.instance.isVisible,
|
|
34579
|
+
expression: "instance.isVisible",
|
|
34580
|
+
},
|
|
34581
|
+
],
|
|
34582
|
+
ref: "picker",
|
|
34583
|
+
attrs: { "no-title": "" },
|
|
34584
|
+
on: {
|
|
34585
|
+
"hook:mounted": _vm.pickerMounted,
|
|
34586
|
+
"hook:destroyed": _vm.pickerDestroyed,
|
|
34587
|
+
"click:date": _vm.onSelectDate,
|
|
34588
|
+
change: function ($event) {
|
|
34589
|
+
return _vm.onChangeDatePicker()
|
|
34590
|
+
},
|
|
34591
|
+
},
|
|
34592
|
+
model: {
|
|
34593
|
+
value: _vm.instance.isoValue,
|
|
34594
|
+
callback: function ($$v) {
|
|
34595
|
+
_vm.$set(_vm.instance, "isoValue", $$v);
|
|
34596
|
+
},
|
|
34597
|
+
expression: "instance.isoValue",
|
|
34598
|
+
},
|
|
34599
|
+
},
|
|
34600
|
+
"v-date-picker",
|
|
34601
|
+
{
|
|
34602
|
+
allowedDates: _vm.getAllowedDates,
|
|
34603
|
+
color: _vm.instance.color,
|
|
34604
|
+
dark: _vm.instance.dark,
|
|
34605
|
+
firstDayOfWeek: _vm.instance.firstDayOfWeek,
|
|
34606
|
+
fullWidth: _vm.instance.fullWidth,
|
|
34607
|
+
light: _vm.instance.light,
|
|
34608
|
+
locale: _vm.instance.locale,
|
|
34609
|
+
scrollable: _vm.instance.scrollable,
|
|
34610
|
+
showDatePicker: _vm.instance.showDatePicker,
|
|
34611
|
+
showWeek: _vm.instance.showWeek,
|
|
34612
|
+
type: _vm.instance.pickerType,
|
|
34613
|
+
width: _vm.instance.width,
|
|
34614
|
+
},
|
|
34615
|
+
false
|
|
34616
|
+
)
|
|
34617
|
+
),
|
|
34618
|
+
],
|
|
34619
|
+
1
|
|
34575
34620
|
),
|
|
34621
|
+
_vm._v(" "),
|
|
34622
|
+
_vm.instance.helperOptions && _vm.instance.helperOptions.length
|
|
34623
|
+
? _c(
|
|
34624
|
+
"zd-dropdown",
|
|
34625
|
+
{
|
|
34626
|
+
attrs: {
|
|
34627
|
+
name: _vm.instance.name + "_helperdropdown",
|
|
34628
|
+
"offset-y": "",
|
|
34629
|
+
activator: {
|
|
34630
|
+
name: _vm.instance.name + "_helperbutton",
|
|
34631
|
+
component: "ZdButton",
|
|
34632
|
+
iconName: "magnify",
|
|
34633
|
+
icon: true,
|
|
34634
|
+
small: true,
|
|
34635
|
+
cssClass:
|
|
34636
|
+
"date-helper-values-button " +
|
|
34637
|
+
(_vm.instance.showLabel !== false ? "with-label" : ""),
|
|
34638
|
+
},
|
|
34639
|
+
},
|
|
34640
|
+
},
|
|
34641
|
+
_vm._l(_vm.instance.helperOptions, function (value) {
|
|
34642
|
+
return _c("zd-text", {
|
|
34643
|
+
key: value,
|
|
34644
|
+
attrs: {
|
|
34645
|
+
name: _vm.instance.name + "_helpervalue_" + value,
|
|
34646
|
+
cssClass: "date-helper-values-option zd-dropdown-component",
|
|
34647
|
+
text: _vm.getLabel(value),
|
|
34648
|
+
events: {
|
|
34649
|
+
click: _vm.helperValuesOptionClick,
|
|
34650
|
+
},
|
|
34651
|
+
},
|
|
34652
|
+
})
|
|
34653
|
+
}),
|
|
34654
|
+
1
|
|
34655
|
+
)
|
|
34656
|
+
: _vm._e(),
|
|
34576
34657
|
],
|
|
34577
34658
|
1
|
|
34578
34659
|
)
|
|
@@ -34583,7 +34664,7 @@ __vue_render__$14._withStripped = true;
|
|
|
34583
34664
|
/* style */
|
|
34584
34665
|
const __vue_inject_styles__$14 = function (inject) {
|
|
34585
34666
|
if (!inject) return
|
|
34586
|
-
inject("data-v-
|
|
34667
|
+
inject("data-v-5275ad42_0", { source: "div.v-picker--date .v-picker__body {\n background: transparent;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header {\n padding: var(--spacing-2) var(--spacing-4) var(--spacing-1) var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div button:not(:hover):not(:focus) {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-btn--icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value button {\n padding: 0;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table {\n margin-bottom: 12px;\n padding: 0 var(--spacing-4);\n height: 200px;\n margin-bottom: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table .v-btn.v-btn--active {\n color: var(--v-secondary-lighten4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--date .v-btn {\n width: 24px;\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month {\n padding-top: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month .v-btn {\n padding: 4px 0 7px 0;\n height: 24px;\n width: 56px;\n min-width: 56px;\n border-radius: var(--border);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month td {\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month tr:not(:last-child) td {\n padding-bottom: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table thead th {\n color: var(--zd-font-disabled-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent--text {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent {\n background: var(--zd-primary-base) !important;\n color: white !important;\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {\n color: var(--zd-primary-base) !important;\n}\n.zd-date-menu-activator .v-menu__activator.v-menu__activator--disabled {\n cursor: default;\n}\n.date-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.date-helper-values-button.with-label {\n margin-top: 20px;\n}\n.date-helper-values-option {\n cursor: pointer;\n}\n.date-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
34587
34668
|
|
|
34588
34669
|
};
|
|
34589
34670
|
/* scoped */
|
|
@@ -34730,6 +34811,18 @@ let ZdDateRange = class ZdDateRange extends __vue_component__$18 {
|
|
|
34730
34811
|
get getDateMask() {
|
|
34731
34812
|
return this.instance.updateMask();
|
|
34732
34813
|
}
|
|
34814
|
+
helperValuesOptionClick({ component }) {
|
|
34815
|
+
const helper = component.name.split('_helpervalue_')[1];
|
|
34816
|
+
const value = DateHelper.getValue(helper, this.instance.dateFormat);
|
|
34817
|
+
this.instance.value = value;
|
|
34818
|
+
this.instance.helperValue = helper;
|
|
34819
|
+
this.instance.change(undefined, this.$el);
|
|
34820
|
+
this.instance.helperValue = helper; // o change remove o valor, por isso precisa adicionar novamente
|
|
34821
|
+
this.instance.updateHelperHint();
|
|
34822
|
+
}
|
|
34823
|
+
getLabel(name) {
|
|
34824
|
+
return DateHelper.getLabel(name);
|
|
34825
|
+
}
|
|
34733
34826
|
};
|
|
34734
34827
|
__decorate([
|
|
34735
34828
|
PropWatch({ type: String, default: 'calendar' }),
|
|
@@ -34807,6 +34900,14 @@ __decorate([
|
|
|
34807
34900
|
PropWatch({ type: String }),
|
|
34808
34901
|
__metadata("design:type", Object)
|
|
34809
34902
|
], ZdDateRange.prototype, "inputFormat", void 0);
|
|
34903
|
+
__decorate([
|
|
34904
|
+
PropWatch({ type: [String, Array], default: () => [] }),
|
|
34905
|
+
__metadata("design:type", Object)
|
|
34906
|
+
], ZdDateRange.prototype, "helperOptions", void 0);
|
|
34907
|
+
__decorate([
|
|
34908
|
+
PropWatch({ type: String, default: '' }),
|
|
34909
|
+
__metadata("design:type", String)
|
|
34910
|
+
], ZdDateRange.prototype, "helperValue", void 0);
|
|
34810
34911
|
ZdDateRange = __decorate([
|
|
34811
34912
|
Component
|
|
34812
34913
|
], ZdDateRange);
|
|
@@ -34821,102 +34922,153 @@ var __vue_render__$13 = function () {
|
|
|
34821
34922
|
var _h = _vm.$createElement;
|
|
34822
34923
|
var _c = _vm._self._c || _h;
|
|
34823
34924
|
return _c(
|
|
34824
|
-
"
|
|
34925
|
+
"zd-tag",
|
|
34825
34926
|
{
|
|
34826
|
-
directives: [
|
|
34827
|
-
{
|
|
34828
|
-
name: "show",
|
|
34829
|
-
rawName: "v-show",
|
|
34830
|
-
value: _vm.instance.isVisible,
|
|
34831
|
-
expression: "instance.isVisible",
|
|
34832
|
-
},
|
|
34833
|
-
],
|
|
34834
|
-
staticClass: "zd-date-menu-activator",
|
|
34835
34927
|
attrs: {
|
|
34836
|
-
|
|
34837
|
-
|
|
34838
|
-
|
|
34839
|
-
|
|
34840
|
-
transition: "scale-transition",
|
|
34841
|
-
disabled: _vm.instance.disabled || _vm.instance.readonly,
|
|
34842
|
-
"close-on-content-click": false,
|
|
34843
|
-
},
|
|
34844
|
-
scopedSlots: _vm._u([
|
|
34845
|
-
{
|
|
34846
|
-
key: "activator",
|
|
34847
|
-
fn: function (ref) {
|
|
34848
|
-
var on = ref.on;
|
|
34849
|
-
return [
|
|
34850
|
-
_c("zd-text-input", {
|
|
34851
|
-
ref: "instance",
|
|
34852
|
-
attrs: {
|
|
34853
|
-
name: _vm.instance.name + "_text-input",
|
|
34854
|
-
mask: _vm.getDateMask,
|
|
34855
|
-
"instance-object": _vm.instance,
|
|
34856
|
-
events: _vm.getEvents(on),
|
|
34857
|
-
autofill: false,
|
|
34858
|
-
},
|
|
34859
|
-
}),
|
|
34860
|
-
]
|
|
34861
|
-
},
|
|
34862
|
-
},
|
|
34863
|
-
]),
|
|
34864
|
-
model: {
|
|
34865
|
-
value: _vm.instance.showDatePicker,
|
|
34866
|
-
callback: function ($$v) {
|
|
34867
|
-
_vm.$set(_vm.instance, "showDatePicker", $$v);
|
|
34868
|
-
},
|
|
34869
|
-
expression: "instance.showDatePicker",
|
|
34928
|
+
name: _vm.instance.name + "_helperspan",
|
|
34929
|
+
tag: "span",
|
|
34930
|
+
cssClass: "zd-display-flex",
|
|
34931
|
+
grid: _vm.instance.grid,
|
|
34870
34932
|
},
|
|
34871
34933
|
},
|
|
34872
34934
|
[
|
|
34873
|
-
_vm._v(" "),
|
|
34874
34935
|
_c(
|
|
34875
|
-
"v-
|
|
34876
|
-
|
|
34877
|
-
|
|
34878
|
-
|
|
34879
|
-
|
|
34880
|
-
|
|
34881
|
-
|
|
34882
|
-
|
|
34883
|
-
expression: "instance.isVisible",
|
|
34884
|
-
},
|
|
34885
|
-
],
|
|
34886
|
-
ref: "picker",
|
|
34887
|
-
attrs: { "no-title": "", range: "" },
|
|
34888
|
-
on: {
|
|
34889
|
-
"hook:mounted": _vm.pickerMounted,
|
|
34890
|
-
"hook:destroyed": _vm.pickerDestroyed,
|
|
34891
|
-
change: function ($event) {
|
|
34892
|
-
return _vm.onChangeDatePicker()
|
|
34893
|
-
},
|
|
34936
|
+
"v-menu",
|
|
34937
|
+
{
|
|
34938
|
+
directives: [
|
|
34939
|
+
{
|
|
34940
|
+
name: "show",
|
|
34941
|
+
rawName: "v-show",
|
|
34942
|
+
value: _vm.instance.isVisible,
|
|
34943
|
+
expression: "instance.isVisible",
|
|
34894
34944
|
},
|
|
34895
|
-
|
|
34896
|
-
|
|
34897
|
-
|
|
34898
|
-
|
|
34945
|
+
],
|
|
34946
|
+
staticClass: "zd-date-menu-activator",
|
|
34947
|
+
attrs: {
|
|
34948
|
+
id: _vm.instance.name,
|
|
34949
|
+
"offset-overflow": "",
|
|
34950
|
+
"offset-y": "",
|
|
34951
|
+
"min-width": _vm.instance.width,
|
|
34952
|
+
transition: "scale-transition",
|
|
34953
|
+
disabled: _vm.instance.disabled || _vm.instance.readonly,
|
|
34954
|
+
"close-on-content-click": false,
|
|
34955
|
+
},
|
|
34956
|
+
scopedSlots: _vm._u([
|
|
34957
|
+
{
|
|
34958
|
+
key: "activator",
|
|
34959
|
+
fn: function (ref) {
|
|
34960
|
+
var on = ref.on;
|
|
34961
|
+
return [
|
|
34962
|
+
_c("zd-text-input", {
|
|
34963
|
+
ref: "instance",
|
|
34964
|
+
attrs: {
|
|
34965
|
+
name: _vm.instance.name + "_text-input",
|
|
34966
|
+
mask: _vm.getDateMask,
|
|
34967
|
+
"instance-object": _vm.instance,
|
|
34968
|
+
events: _vm.getEvents(on),
|
|
34969
|
+
autofill: false,
|
|
34970
|
+
},
|
|
34971
|
+
}),
|
|
34972
|
+
]
|
|
34899
34973
|
},
|
|
34900
|
-
expression: "instance.isoRangeValue",
|
|
34901
34974
|
},
|
|
34975
|
+
]),
|
|
34976
|
+
model: {
|
|
34977
|
+
value: _vm.instance.showDatePicker,
|
|
34978
|
+
callback: function ($$v) {
|
|
34979
|
+
_vm.$set(_vm.instance, "showDatePicker", $$v);
|
|
34980
|
+
},
|
|
34981
|
+
expression: "instance.showDatePicker",
|
|
34902
34982
|
},
|
|
34903
|
-
|
|
34904
|
-
|
|
34905
|
-
|
|
34906
|
-
|
|
34907
|
-
|
|
34908
|
-
|
|
34909
|
-
|
|
34910
|
-
|
|
34911
|
-
|
|
34912
|
-
|
|
34913
|
-
|
|
34914
|
-
|
|
34915
|
-
|
|
34916
|
-
|
|
34917
|
-
|
|
34918
|
-
|
|
34983
|
+
},
|
|
34984
|
+
[
|
|
34985
|
+
_vm._v(" "),
|
|
34986
|
+
_c(
|
|
34987
|
+
"v-date-picker",
|
|
34988
|
+
_vm._b(
|
|
34989
|
+
{
|
|
34990
|
+
directives: [
|
|
34991
|
+
{
|
|
34992
|
+
name: "show",
|
|
34993
|
+
rawName: "v-show",
|
|
34994
|
+
value: _vm.instance.isVisible,
|
|
34995
|
+
expression: "instance.isVisible",
|
|
34996
|
+
},
|
|
34997
|
+
],
|
|
34998
|
+
ref: "picker",
|
|
34999
|
+
attrs: { "no-title": "", range: "" },
|
|
35000
|
+
on: {
|
|
35001
|
+
"hook:mounted": _vm.pickerMounted,
|
|
35002
|
+
"hook:destroyed": _vm.pickerDestroyed,
|
|
35003
|
+
change: function ($event) {
|
|
35004
|
+
return _vm.onChangeDatePicker()
|
|
35005
|
+
},
|
|
35006
|
+
},
|
|
35007
|
+
model: {
|
|
35008
|
+
value: _vm.instance.isoRangeValue,
|
|
35009
|
+
callback: function ($$v) {
|
|
35010
|
+
_vm.$set(_vm.instance, "isoRangeValue", $$v);
|
|
35011
|
+
},
|
|
35012
|
+
expression: "instance.isoRangeValue",
|
|
35013
|
+
},
|
|
35014
|
+
},
|
|
35015
|
+
"v-date-picker",
|
|
35016
|
+
{
|
|
35017
|
+
color: _vm.instance.color,
|
|
35018
|
+
dark: _vm.instance.dark,
|
|
35019
|
+
firstDayOfWeek: _vm.instance.firstDayOfWeek,
|
|
35020
|
+
fullWidth: _vm.instance.fullWidth,
|
|
35021
|
+
light: _vm.instance.light,
|
|
35022
|
+
locale: _vm.instance.locale,
|
|
35023
|
+
scrollable: _vm.instance.scrollable,
|
|
35024
|
+
showDatePicker: _vm.instance.showDatePicker,
|
|
35025
|
+
showWeek: _vm.instance.showWeek,
|
|
35026
|
+
type: _vm.instance.pickerType,
|
|
35027
|
+
width: _vm.instance.width,
|
|
35028
|
+
},
|
|
35029
|
+
false
|
|
35030
|
+
)
|
|
35031
|
+
),
|
|
35032
|
+
],
|
|
35033
|
+
1
|
|
34919
35034
|
),
|
|
35035
|
+
_vm._v(" "),
|
|
35036
|
+
_vm.instance.helperOptions && _vm.instance.helperOptions.length
|
|
35037
|
+
? _c(
|
|
35038
|
+
"zd-dropdown",
|
|
35039
|
+
{
|
|
35040
|
+
attrs: {
|
|
35041
|
+
name: _vm.instance.name + "_helperdropdown",
|
|
35042
|
+
"offset-y": "",
|
|
35043
|
+
activator: {
|
|
35044
|
+
name: _vm.instance.name + "_helperbutton",
|
|
35045
|
+
component: "ZdButton",
|
|
35046
|
+
iconName: "magnify",
|
|
35047
|
+
icon: true,
|
|
35048
|
+
small: true,
|
|
35049
|
+
cssClass:
|
|
35050
|
+
"date-range-helper-values-button " +
|
|
35051
|
+
(_vm.instance.showLabel !== false ? "with-label" : ""),
|
|
35052
|
+
},
|
|
35053
|
+
},
|
|
35054
|
+
},
|
|
35055
|
+
_vm._l(_vm.instance.helperOptions, function (value) {
|
|
35056
|
+
return _c("zd-text", {
|
|
35057
|
+
key: value,
|
|
35058
|
+
attrs: {
|
|
35059
|
+
name: _vm.instance.name + "_helpervalue_" + value,
|
|
35060
|
+
cssClass:
|
|
35061
|
+
"date-range-helper-values-option zd-dropdown-component",
|
|
35062
|
+
text: _vm.getLabel(value),
|
|
35063
|
+
events: {
|
|
35064
|
+
click: _vm.helperValuesOptionClick,
|
|
35065
|
+
},
|
|
35066
|
+
},
|
|
35067
|
+
})
|
|
35068
|
+
}),
|
|
35069
|
+
1
|
|
35070
|
+
)
|
|
35071
|
+
: _vm._e(),
|
|
34920
35072
|
],
|
|
34921
35073
|
1
|
|
34922
35074
|
)
|
|
@@ -34927,7 +35079,7 @@ __vue_render__$13._withStripped = true;
|
|
|
34927
35079
|
/* style */
|
|
34928
35080
|
const __vue_inject_styles__$13 = function (inject) {
|
|
34929
35081
|
if (!inject) return
|
|
34930
|
-
inject("data-v-
|
|
35082
|
+
inject("data-v-1ca32689_0", { source: "div.v-picker--date .v-picker__body {\n background: transparent;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header {\n padding: var(--spacing-2) var(--spacing-4) var(--spacing-1) var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div button:not(:hover):not(:focus) {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-btn--icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value button {\n padding: 0;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table {\n margin-bottom: 12px;\n padding: 0 var(--spacing-4);\n height: 200px;\n margin-bottom: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table .v-btn.v-btn--active {\n color: var(--v-secondary-lighten4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--date .v-btn {\n width: 24px;\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month {\n padding-top: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month .v-btn {\n padding: 4px 0 7px 0;\n height: 24px;\n width: 56px;\n min-width: 56px;\n border-radius: var(--border);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month td {\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month tr:not(:last-child) td {\n padding-bottom: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table thead th {\n color: var(--zd-font-disabled-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent--text {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent {\n background: var(--zd-primary-base) !important;\n color: white !important;\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {\n color: var(--zd-primary-base) !important;\n}\n.zd-date-menu-activator .v-menu__activator.v-menu__activator--disabled {\n cursor: default;\n}\n.date-range-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.date-range-helper-values-button.with-label {\n margin-top: 20px;\n}\n.date-range-helper-values-option {\n cursor: pointer;\n}\n.date-range-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
|
|
34931
35083
|
|
|
34932
35084
|
};
|
|
34933
35085
|
/* scoped */
|
|
@@ -47198,8 +47350,10 @@ var __vue_render__$c = function () {
|
|
|
47198
47350
|
{
|
|
47199
47351
|
name: "show",
|
|
47200
47352
|
rawName: "v-show",
|
|
47201
|
-
value:
|
|
47202
|
-
|
|
47353
|
+
value:
|
|
47354
|
+
tab.isVisible && index === _vm.instance.activeTab,
|
|
47355
|
+
expression:
|
|
47356
|
+
"tab.isVisible && index === instance.activeTab",
|
|
47203
47357
|
},
|
|
47204
47358
|
],
|
|
47205
47359
|
key: index,
|
|
@@ -47231,11 +47385,11 @@ __vue_render__$c._withStripped = true;
|
|
|
47231
47385
|
/* style */
|
|
47232
47386
|
const __vue_inject_styles__$c = function (inject) {
|
|
47233
47387
|
if (!inject) return
|
|
47234
|
-
inject("data-v-
|
|
47388
|
+
inject("data-v-62da8a0f_0", { source: ".zd-tabs[data-v-62da8a0f] {\n display: flex;\n flex-direction: column;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-bar,\n.zd-tabs[data-v-62da8a0f] .v-tabs-items {\n background-color: transparent;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-bar {\n height: auto;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-bar .v-tabs-slider-wrapper {\n bottom: -1px;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-bar__content {\n border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs {\n margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-62da8a0f] .v-tabs .v-slide-group__prev {\n flex-basis: 30px;\n min-width: 30px;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-62da8a0f] .v-tabs .v-slide-group__prev .v-icon {\n font-size: 18px;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs {\n flex-grow: 0;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-items {\n flex-grow: 1;\n}\n.zd-tabs[data-v-62da8a0f] .v-tabs-items .v-window__container {\n height: 100% !important;\n}", map: undefined, media: undefined });
|
|
47235
47389
|
|
|
47236
47390
|
};
|
|
47237
47391
|
/* scoped */
|
|
47238
|
-
const __vue_scope_id__$c = "data-v-
|
|
47392
|
+
const __vue_scope_id__$c = "data-v-62da8a0f";
|
|
47239
47393
|
/* module identifier */
|
|
47240
47394
|
const __vue_module_identifier__$c = undefined;
|
|
47241
47395
|
/* functional template */
|
|
@@ -51437,6 +51591,8 @@ const Zeedhi = {
|
|
|
51437
51591
|
VTabsItems,
|
|
51438
51592
|
VTextarea,
|
|
51439
51593
|
VTextField,
|
|
51594
|
+
VTimeline,
|
|
51595
|
+
VTimelineItem,
|
|
51440
51596
|
VTimePicker,
|
|
51441
51597
|
VTooltip,
|
|
51442
51598
|
VToolbar,
|