@syncfusion/ej2-vue-calendars 20.2.50 → 20.3.47
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/CHANGELOG.md +2 -18
- package/dist/ej2-vue-calendars.umd.min.js +1 -1
- package/dist/es6/ej2-vue-calendars.es2015.js +38 -44
- package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-calendars.es5.js +38 -44
- package/dist/es6/ej2-vue-calendars.es5.js.map +1 -1
- package/dist/global/ej2-vue-calendars.min.js +2 -2
- package/package.json +8 -8
- package/src/calendar/calendar.component.d.ts +0 -1
- package/src/calendar/calendar.component.js +3 -4
- package/src/datepicker/datepicker.component.d.ts +0 -1
- package/src/datepicker/datepicker.component.js +3 -4
- package/src/daterangepicker/daterangepicker.component.d.ts +0 -1
- package/src/daterangepicker/daterangepicker.component.js +3 -4
- package/src/daterangepicker/presets.directive.d.ts +0 -1
- package/src/daterangepicker/presets.directive.js +5 -6
- package/src/datetimepicker/datetimepicker.component.d.ts +0 -1
- package/src/datetimepicker/datetimepicker.component.js +3 -4
- package/src/timepicker/timepicker.component.d.ts +0 -1
- package/src/timepicker/timepicker.component.js +3 -4
- package/styles/bootstrap-dark.css +13 -184
- package/styles/bootstrap.css +13 -184
- package/styles/bootstrap4.css +13 -184
- package/styles/bootstrap5-dark.css +18 -186
- package/styles/bootstrap5.css +18 -186
- package/styles/calendar/bootstrap-dark.css +1 -0
- package/styles/calendar/bootstrap.css +1 -0
- package/styles/calendar/bootstrap4.css +1 -0
- package/styles/calendar/bootstrap5-dark.css +1 -0
- package/styles/calendar/bootstrap5.css +1 -0
- package/styles/calendar/fabric-dark.css +1 -0
- package/styles/calendar/fabric.css +1 -0
- package/styles/calendar/fluent-dark.css +1 -0
- package/styles/calendar/fluent.css +1 -0
- package/styles/calendar/highcontrast-light.css +1 -0
- package/styles/calendar/highcontrast.css +1 -0
- package/styles/calendar/material-dark.css +1 -0
- package/styles/calendar/material.css +1 -0
- package/styles/calendar/tailwind-dark.css +2 -0
- package/styles/calendar/tailwind.css +2 -0
- package/styles/datepicker/bootstrap-dark.css +3 -80
- package/styles/datepicker/bootstrap.css +3 -80
- package/styles/datepicker/bootstrap4.css +3 -80
- package/styles/datepicker/bootstrap5-dark.css +4 -81
- package/styles/datepicker/bootstrap5.css +4 -81
- package/styles/datepicker/fabric-dark.css +3 -80
- package/styles/datepicker/fabric.css +3 -80
- package/styles/datepicker/fluent-dark.css +4 -81
- package/styles/datepicker/fluent.css +4 -81
- package/styles/datepicker/highcontrast-light.css +3 -80
- package/styles/datepicker/highcontrast.css +3 -80
- package/styles/datepicker/material-dark.css +3 -80
- package/styles/datepicker/material.css +9 -3
- package/styles/datepicker/tailwind-dark.css +4 -81
- package/styles/datepicker/tailwind.css +4 -81
- package/styles/daterangepicker/bootstrap-dark.css +3 -104
- package/styles/daterangepicker/bootstrap.css +3 -104
- package/styles/daterangepicker/bootstrap4.css +3 -104
- package/styles/daterangepicker/bootstrap5-dark.css +5 -105
- package/styles/daterangepicker/bootstrap5.css +5 -105
- package/styles/daterangepicker/fabric-dark.css +3 -104
- package/styles/daterangepicker/fabric.css +3 -104
- package/styles/daterangepicker/fluent-dark.css +4 -105
- package/styles/daterangepicker/fluent.css +4 -105
- package/styles/daterangepicker/highcontrast-light.css +3 -104
- package/styles/daterangepicker/highcontrast.css +3 -104
- package/styles/daterangepicker/material-dark.css +5 -106
- package/styles/daterangepicker/material.css +12 -0
- package/styles/daterangepicker/tailwind-dark.css +5 -105
- package/styles/daterangepicker/tailwind.css +5 -105
- package/styles/datetimepicker/bootstrap-dark.css +2 -0
- package/styles/datetimepicker/bootstrap.css +2 -0
- package/styles/datetimepicker/bootstrap4.css +2 -0
- package/styles/datetimepicker/bootstrap5-dark.css +3 -0
- package/styles/datetimepicker/bootstrap5.css +3 -0
- package/styles/datetimepicker/fabric-dark.css +2 -0
- package/styles/datetimepicker/fabric.css +2 -0
- package/styles/datetimepicker/fluent-dark.css +3 -0
- package/styles/datetimepicker/fluent.css +3 -0
- package/styles/datetimepicker/highcontrast-light.css +2 -0
- package/styles/datetimepicker/highcontrast.css +2 -0
- package/styles/datetimepicker/material-dark.css +2 -0
- package/styles/datetimepicker/material.css +2 -0
- package/styles/datetimepicker/tailwind-dark.css +3 -0
- package/styles/datetimepicker/tailwind.css +3 -0
- package/styles/fabric-dark.css +13 -184
- package/styles/fabric.css +13 -186
- package/styles/fluent-dark.css +17 -186
- package/styles/fluent.css +17 -186
- package/styles/highcontrast-light.css +13 -184
- package/styles/highcontrast.css +13 -184
- package/styles/material-dark.css +15 -186
- package/styles/material.css +28 -3
- package/styles/tailwind-dark.css +19 -186
- package/styles/tailwind.css +19 -186
- package/styles/timepicker/bootstrap-dark.css +4 -0
- package/styles/timepicker/bootstrap.css +4 -0
- package/styles/timepicker/bootstrap4.css +4 -0
- package/styles/timepicker/bootstrap5-dark.css +5 -0
- package/styles/timepicker/bootstrap5.css +5 -0
- package/styles/timepicker/fabric-dark.css +4 -0
- package/styles/timepicker/fabric.css +4 -0
- package/styles/timepicker/fluent-dark.css +5 -0
- package/styles/timepicker/fluent.css +5 -0
- package/styles/timepicker/highcontrast-light.css +4 -0
- package/styles/timepicker/highcontrast.css +4 -0
- package/styles/timepicker/material-dark.css +4 -0
- package/styles/timepicker/material.css +4 -0
- package/styles/timepicker/tailwind-dark.css +5 -0
- package/styles/timepicker/tailwind.css +5 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Calendar, DatePicker, DateRangePicker, DateTimePicker, TimePicker } from '@syncfusion/ej2-calendars';
|
|
2
2
|
import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
|
|
3
|
-
import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
|
|
3
|
+
import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
|
|
4
4
|
import { Vue } from 'vue-class-component';
|
|
5
5
|
import Vue$1 from 'vue';
|
|
6
6
|
|
|
@@ -35,7 +35,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
|
|
|
35
35
|
var props_1 = modelProps_1[_i];
|
|
36
36
|
emitProbs.push('update:' + props_1);
|
|
37
37
|
}
|
|
38
|
-
var isExecute = gh ? false : true;
|
|
39
38
|
/**
|
|
40
39
|
* Represents the Essential JS 2 VueJS Calendar Component.
|
|
41
40
|
* ```html
|
|
@@ -151,10 +150,10 @@ var CalendarComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
151
150
|
}
|
|
152
151
|
};
|
|
153
152
|
CalendarComponent.prototype.render = function (createElement) {
|
|
154
|
-
var h = gh
|
|
153
|
+
var h = !isExecute ? gh : createElement;
|
|
155
154
|
var slots = null;
|
|
156
155
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
157
|
-
slots =
|
|
156
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
158
157
|
}
|
|
159
158
|
return h('div', slots);
|
|
160
159
|
};
|
|
@@ -237,7 +236,6 @@ for (var _i$1 = 0, modelProps_1$1 = modelProps$1; _i$1 < modelProps_1$1.length;
|
|
|
237
236
|
var props_1$1 = modelProps_1$1[_i$1];
|
|
238
237
|
emitProbs$1.push('update:' + props_1$1);
|
|
239
238
|
}
|
|
240
|
-
var isExecute$1 = gh ? false : true;
|
|
241
239
|
/**
|
|
242
240
|
* Represents the Essential JS 2 VueJS DatePicker Component.
|
|
243
241
|
* ```html
|
|
@@ -254,7 +252,7 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
254
252
|
_this.hasInjectedModules = true;
|
|
255
253
|
_this.tagMapper = {};
|
|
256
254
|
_this.tagNameMapper = {};
|
|
257
|
-
_this.isVue3 = !isExecute
|
|
255
|
+
_this.isVue3 = !isExecute;
|
|
258
256
|
_this.ej2Instances = new DatePicker({});
|
|
259
257
|
_this.ej2Instances._trigger = _this.ej2Instances.trigger;
|
|
260
258
|
_this.ej2Instances.trigger = _this.trigger;
|
|
@@ -314,14 +312,14 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
314
312
|
}
|
|
315
313
|
};
|
|
316
314
|
DatePickerComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
|
|
317
|
-
if (!isExecute
|
|
315
|
+
if (!isExecute) {
|
|
318
316
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
319
317
|
}
|
|
320
318
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
321
319
|
var key = this.models.toString().match(/checked|value/) || [];
|
|
322
320
|
var propKey = key[0];
|
|
323
321
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
324
|
-
if (!isExecute
|
|
322
|
+
if (!isExecute) {
|
|
325
323
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
326
324
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
327
325
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -338,7 +336,7 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
338
336
|
var key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
339
337
|
var propKey = key[0];
|
|
340
338
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
341
|
-
if (!isExecute
|
|
339
|
+
if (!isExecute) {
|
|
342
340
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
343
341
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
344
342
|
}
|
|
@@ -353,10 +351,10 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
353
351
|
}
|
|
354
352
|
};
|
|
355
353
|
DatePickerComponent.prototype.render = function (createElement) {
|
|
356
|
-
var h = gh
|
|
354
|
+
var h = !isExecute ? gh : createElement;
|
|
357
355
|
var slots = null;
|
|
358
356
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
359
|
-
slots =
|
|
357
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
360
358
|
}
|
|
361
359
|
return h('input', slots);
|
|
362
360
|
};
|
|
@@ -399,7 +397,7 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
399
397
|
model: {
|
|
400
398
|
event: 'modelchanged'
|
|
401
399
|
}
|
|
402
|
-
}, isExecute
|
|
400
|
+
}, isExecute)
|
|
403
401
|
,Options({
|
|
404
402
|
props: props,
|
|
405
403
|
watch: watch,
|
|
@@ -451,7 +449,6 @@ for (var _i$2 = 0, modelProps_1$2 = modelProps$2; _i$2 < modelProps_1$2.length;
|
|
|
451
449
|
var props_1$2 = modelProps_1$2[_i$2];
|
|
452
450
|
emitProbs$2.push('update:' + props_1$2);
|
|
453
451
|
}
|
|
454
|
-
var isExecute$2 = gh ? false : true;
|
|
455
452
|
/**
|
|
456
453
|
* Represents the Essential JS 2 VueJS TimePicker Component.
|
|
457
454
|
* ```html
|
|
@@ -468,7 +465,7 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
468
465
|
_this.hasInjectedModules = true;
|
|
469
466
|
_this.tagMapper = {};
|
|
470
467
|
_this.tagNameMapper = {};
|
|
471
|
-
_this.isVue3 = !isExecute
|
|
468
|
+
_this.isVue3 = !isExecute;
|
|
472
469
|
_this.ej2Instances = new TimePicker({});
|
|
473
470
|
_this.ej2Instances._trigger = _this.ej2Instances.trigger;
|
|
474
471
|
_this.ej2Instances.trigger = _this.trigger;
|
|
@@ -528,14 +525,14 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
528
525
|
}
|
|
529
526
|
};
|
|
530
527
|
TimePickerComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
|
|
531
|
-
if (!isExecute
|
|
528
|
+
if (!isExecute) {
|
|
532
529
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
533
530
|
}
|
|
534
531
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
535
532
|
var key = this.models.toString().match(/checked|value/) || [];
|
|
536
533
|
var propKey = key[0];
|
|
537
534
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
538
|
-
if (!isExecute
|
|
535
|
+
if (!isExecute) {
|
|
539
536
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
540
537
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
541
538
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -552,7 +549,7 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
552
549
|
var key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
553
550
|
var propKey = key[0];
|
|
554
551
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
555
|
-
if (!isExecute
|
|
552
|
+
if (!isExecute) {
|
|
556
553
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
557
554
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
558
555
|
}
|
|
@@ -567,10 +564,10 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
567
564
|
}
|
|
568
565
|
};
|
|
569
566
|
TimePickerComponent.prototype.render = function (createElement) {
|
|
570
|
-
var h = gh
|
|
567
|
+
var h = !isExecute ? gh : createElement;
|
|
571
568
|
var slots = null;
|
|
572
569
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
573
|
-
slots =
|
|
570
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
574
571
|
}
|
|
575
572
|
return h('input', slots);
|
|
576
573
|
};
|
|
@@ -598,7 +595,7 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
598
595
|
model: {
|
|
599
596
|
event: 'modelchanged'
|
|
600
597
|
}
|
|
601
|
-
}, isExecute
|
|
598
|
+
}, isExecute)
|
|
602
599
|
,Options({
|
|
603
600
|
props: props,
|
|
604
601
|
watch: watch,
|
|
@@ -639,9 +636,8 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
639
636
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
640
637
|
};
|
|
641
638
|
// {{VueImport}}
|
|
642
|
-
var isExecute$3 = gh ? false : true;
|
|
643
639
|
var vueImport;
|
|
644
|
-
if (!isExecute
|
|
640
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
645
641
|
vueImport = Vue;
|
|
646
642
|
}
|
|
647
643
|
else {
|
|
@@ -653,18 +649,18 @@ var PresetsDirective = /** @__PURE__ @class */ (function (_super) {
|
|
|
653
649
|
return _super.call(this, arguments) || this;
|
|
654
650
|
}
|
|
655
651
|
PresetsDirective.prototype.render = function (createElement) {
|
|
656
|
-
if (
|
|
657
|
-
var h = gh
|
|
652
|
+
if (!isExecute) {
|
|
653
|
+
var h = !isExecute ? gh : createElement;
|
|
658
654
|
var slots = null;
|
|
659
655
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
660
|
-
slots =
|
|
656
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
661
657
|
}
|
|
662
658
|
return h('div', { class: 'e-directive' }, slots);
|
|
663
659
|
}
|
|
664
660
|
return;
|
|
665
661
|
};
|
|
666
662
|
PresetsDirective.prototype.updated = function () {
|
|
667
|
-
if (
|
|
663
|
+
if (!isExecute && this.custom) {
|
|
668
664
|
this.custom();
|
|
669
665
|
}
|
|
670
666
|
};
|
|
@@ -672,7 +668,7 @@ var PresetsDirective = /** @__PURE__ @class */ (function (_super) {
|
|
|
672
668
|
return 'e-presets';
|
|
673
669
|
};
|
|
674
670
|
PresetsDirective = __decorate$3([
|
|
675
|
-
EJComponentDecorator({}, isExecute
|
|
671
|
+
EJComponentDecorator({}, isExecute)
|
|
676
672
|
,Options({
|
|
677
673
|
inject: {
|
|
678
674
|
custom: {
|
|
@@ -713,7 +709,7 @@ var PresetDirective = /** @__PURE__ @class */ (function (_super) {
|
|
|
713
709
|
return 'e-preset';
|
|
714
710
|
};
|
|
715
711
|
PresetDirective = __decorate$3([
|
|
716
|
-
EJComponentDecorator({}, isExecute
|
|
712
|
+
EJComponentDecorator({}, isExecute)
|
|
717
713
|
], PresetDirective);
|
|
718
714
|
return PresetDirective;
|
|
719
715
|
}(vueImport));
|
|
@@ -755,7 +751,6 @@ for (var _i$3 = 0, modelProps_1$3 = modelProps$3; _i$3 < modelProps_1$3.length;
|
|
|
755
751
|
var props_1$3 = modelProps_1$3[_i$3];
|
|
756
752
|
emitProbs$3.push('update:' + props_1$3);
|
|
757
753
|
}
|
|
758
|
-
var isExecute$4 = gh ? false : true;
|
|
759
754
|
/**
|
|
760
755
|
* Represents the Essential JS 2 VueJS DateRangePicker Component.
|
|
761
756
|
* ```html
|
|
@@ -772,7 +767,7 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
772
767
|
_this.hasInjectedModules = false;
|
|
773
768
|
_this.tagMapper = { "e-presets": "e-preset" };
|
|
774
769
|
_this.tagNameMapper = {};
|
|
775
|
-
_this.isVue3 = !isExecute
|
|
770
|
+
_this.isVue3 = !isExecute;
|
|
776
771
|
_this.ej2Instances = new DateRangePicker({});
|
|
777
772
|
_this.ej2Instances._trigger = _this.ej2Instances.trigger;
|
|
778
773
|
_this.ej2Instances.trigger = _this.trigger;
|
|
@@ -832,14 +827,14 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
832
827
|
}
|
|
833
828
|
};
|
|
834
829
|
DateRangePickerComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
|
|
835
|
-
if (!isExecute
|
|
830
|
+
if (!isExecute) {
|
|
836
831
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
837
832
|
}
|
|
838
833
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
839
834
|
var key = this.models.toString().match(/checked|value/) || [];
|
|
840
835
|
var propKey = key[0];
|
|
841
836
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
842
|
-
if (!isExecute
|
|
837
|
+
if (!isExecute) {
|
|
843
838
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
844
839
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
845
840
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -856,7 +851,7 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
856
851
|
var key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
857
852
|
var propKey = key[0];
|
|
858
853
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
859
|
-
if (!isExecute
|
|
854
|
+
if (!isExecute) {
|
|
860
855
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
861
856
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
862
857
|
}
|
|
@@ -871,10 +866,10 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
871
866
|
}
|
|
872
867
|
};
|
|
873
868
|
DateRangePickerComponent.prototype.render = function (createElement) {
|
|
874
|
-
var h = gh
|
|
869
|
+
var h = !isExecute ? gh : createElement;
|
|
875
870
|
var slots = null;
|
|
876
871
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
877
|
-
slots =
|
|
872
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
878
873
|
}
|
|
879
874
|
return h('input', slots);
|
|
880
875
|
};
|
|
@@ -905,7 +900,7 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
905
900
|
model: {
|
|
906
901
|
event: 'modelchanged'
|
|
907
902
|
}
|
|
908
|
-
}, isExecute
|
|
903
|
+
}, isExecute)
|
|
909
904
|
,Options({
|
|
910
905
|
props: props,
|
|
911
906
|
watch: watch,
|
|
@@ -959,7 +954,6 @@ for (var _i$4 = 0, modelProps_1$4 = modelProps$4; _i$4 < modelProps_1$4.length;
|
|
|
959
954
|
var props_1$4 = modelProps_1$4[_i$4];
|
|
960
955
|
emitProbs$4.push('update:' + props_1$4);
|
|
961
956
|
}
|
|
962
|
-
var isExecute$5 = gh ? false : true;
|
|
963
957
|
/**
|
|
964
958
|
* Represents the Essential JS 2 VueJS DateTimePicker Component.
|
|
965
959
|
* ```html
|
|
@@ -976,7 +970,7 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
976
970
|
_this.hasInjectedModules = true;
|
|
977
971
|
_this.tagMapper = {};
|
|
978
972
|
_this.tagNameMapper = {};
|
|
979
|
-
_this.isVue3 = !isExecute
|
|
973
|
+
_this.isVue3 = !isExecute;
|
|
980
974
|
_this.ej2Instances = new DateTimePicker({});
|
|
981
975
|
_this.ej2Instances._trigger = _this.ej2Instances.trigger;
|
|
982
976
|
_this.ej2Instances.trigger = _this.trigger;
|
|
@@ -1036,14 +1030,14 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1036
1030
|
}
|
|
1037
1031
|
};
|
|
1038
1032
|
DateTimePickerComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
|
|
1039
|
-
if (!isExecute
|
|
1033
|
+
if (!isExecute) {
|
|
1040
1034
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
1041
1035
|
}
|
|
1042
1036
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
1043
1037
|
var key = this.models.toString().match(/checked|value/) || [];
|
|
1044
1038
|
var propKey = key[0];
|
|
1045
1039
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
1046
|
-
if (!isExecute
|
|
1040
|
+
if (!isExecute) {
|
|
1047
1041
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
1048
1042
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1049
1043
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -1060,7 +1054,7 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1060
1054
|
var key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
1061
1055
|
var propKey = key[0];
|
|
1062
1056
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
1063
|
-
if (!isExecute
|
|
1057
|
+
if (!isExecute) {
|
|
1064
1058
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
1065
1059
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1066
1060
|
}
|
|
@@ -1075,10 +1069,10 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1075
1069
|
}
|
|
1076
1070
|
};
|
|
1077
1071
|
DateTimePickerComponent.prototype.render = function (createElement) {
|
|
1078
|
-
var h = gh
|
|
1072
|
+
var h = !isExecute ? gh : createElement;
|
|
1079
1073
|
var slots = null;
|
|
1080
1074
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1081
|
-
slots =
|
|
1075
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1082
1076
|
}
|
|
1083
1077
|
return h('input', slots);
|
|
1084
1078
|
};
|
|
@@ -1124,7 +1118,7 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1124
1118
|
model: {
|
|
1125
1119
|
event: 'modelchanged'
|
|
1126
1120
|
}
|
|
1127
|
-
}, isExecute
|
|
1121
|
+
}, isExecute)
|
|
1128
1122
|
,Options({
|
|
1129
1123
|
props: props,
|
|
1130
1124
|
watch: watch,
|