@syncfusion/ej2-vue-inputs 20.2.45 → 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/dist/ej2-vue-inputs.umd.min.js +1 -1
- package/dist/es6/ej2-vue-inputs.es2015.js +46 -54
- package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-inputs.es5.js +46 -54
- package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
- package/dist/global/ej2-vue-inputs.min.js +2 -2
- package/package.json +8 -8
- package/src/color-picker/colorpicker.component.d.ts +0 -1
- package/src/color-picker/colorpicker.component.js +3 -4
- package/src/maskedtextbox/maskedtextbox.component.d.ts +0 -1
- package/src/maskedtextbox/maskedtextbox.component.js +3 -4
- package/src/numerictextbox/numerictextbox.component.d.ts +0 -1
- package/src/numerictextbox/numerictextbox.component.js +3 -4
- package/src/signature/signature.component.d.ts +0 -1
- package/src/signature/signature.component.js +3 -4
- package/src/slider/slider.component.d.ts +0 -1
- package/src/slider/slider.component.js +3 -4
- package/src/textbox/textbox.component.d.ts +0 -1
- package/src/textbox/textbox.component.js +3 -4
- package/src/uploader/files.directive.d.ts +0 -1
- package/src/uploader/files.directive.js +5 -6
- package/src/uploader/uploader.component.d.ts +0 -1
- package/src/uploader/uploader.component.js +3 -4
- package/styles/bootstrap-dark.css +31 -13
- package/styles/bootstrap.css +31 -13
- package/styles/bootstrap4.css +31 -13
- package/styles/bootstrap5-dark.css +32 -13
- package/styles/bootstrap5.css +32 -13
- package/styles/color-picker/bootstrap-dark.css +2 -0
- package/styles/color-picker/bootstrap.css +2 -0
- package/styles/color-picker/bootstrap4.css +2 -0
- package/styles/color-picker/bootstrap5-dark.css +3 -0
- package/styles/color-picker/bootstrap5.css +3 -0
- package/styles/color-picker/fabric-dark.css +2 -0
- package/styles/color-picker/fabric.css +2 -0
- package/styles/color-picker/fluent-dark.css +3 -0
- package/styles/color-picker/fluent.css +3 -0
- package/styles/color-picker/highcontrast-light.css +2 -0
- package/styles/color-picker/highcontrast.css +2 -0
- package/styles/color-picker/material-dark.css +2 -0
- package/styles/color-picker/material.css +2 -0
- package/styles/color-picker/tailwind-dark.css +3 -0
- package/styles/color-picker/tailwind.css +3 -0
- package/styles/fabric-dark.css +31 -13
- package/styles/fabric.css +31 -13
- package/styles/fluent-dark.css +32 -13
- package/styles/fluent.css +32 -13
- package/styles/highcontrast-light.css +31 -13
- package/styles/highcontrast.css +31 -13
- package/styles/input/bootstrap-dark.css +22 -14
- package/styles/input/bootstrap.css +22 -14
- package/styles/input/bootstrap4.css +22 -14
- package/styles/input/bootstrap5-dark.css +22 -14
- package/styles/input/bootstrap5.css +22 -14
- package/styles/input/fabric-dark.css +22 -14
- package/styles/input/fabric.css +22 -14
- package/styles/input/fluent-dark.css +22 -14
- package/styles/input/fluent.css +22 -14
- package/styles/input/highcontrast-light.css +22 -14
- package/styles/input/highcontrast.css +22 -14
- package/styles/input/material-dark.css +26 -18
- package/styles/input/material.css +26 -18
- package/styles/input/tailwind-dark.css +22 -14
- package/styles/input/tailwind.css +22 -14
- package/styles/maskedtextbox/bootstrap-dark.css +1 -0
- package/styles/maskedtextbox/bootstrap.css +1 -0
- package/styles/maskedtextbox/bootstrap4.css +1 -0
- package/styles/maskedtextbox/bootstrap5-dark.css +1 -0
- package/styles/maskedtextbox/bootstrap5.css +1 -0
- package/styles/maskedtextbox/fabric-dark.css +1 -0
- package/styles/maskedtextbox/fabric.css +1 -0
- package/styles/maskedtextbox/fluent-dark.css +1 -0
- package/styles/maskedtextbox/fluent.css +1 -0
- package/styles/maskedtextbox/highcontrast-light.css +1 -0
- package/styles/maskedtextbox/highcontrast.css +1 -0
- package/styles/maskedtextbox/material-dark.css +1 -0
- package/styles/maskedtextbox/material.css +1 -0
- package/styles/maskedtextbox/tailwind-dark.css +1 -0
- package/styles/maskedtextbox/tailwind.css +1 -0
- package/styles/material-dark.css +50 -18
- package/styles/material.css +50 -18
- package/styles/numerictextbox/bootstrap-dark.css +1 -0
- package/styles/numerictextbox/bootstrap.css +1 -0
- package/styles/numerictextbox/bootstrap4.css +1 -0
- package/styles/numerictextbox/bootstrap5-dark.css +1 -0
- package/styles/numerictextbox/bootstrap5.css +1 -0
- package/styles/numerictextbox/fabric-dark.css +1 -0
- package/styles/numerictextbox/fabric.css +1 -0
- package/styles/numerictextbox/fluent-dark.css +1 -0
- package/styles/numerictextbox/fluent.css +1 -0
- package/styles/numerictextbox/highcontrast-light.css +1 -0
- package/styles/numerictextbox/highcontrast.css +1 -0
- package/styles/numerictextbox/material-dark.css +1 -0
- package/styles/numerictextbox/material.css +1 -0
- package/styles/numerictextbox/tailwind-dark.css +1 -0
- package/styles/numerictextbox/tailwind.css +1 -0
- package/styles/slider/bootstrap-dark.css +4 -0
- package/styles/slider/bootstrap.css +4 -0
- package/styles/slider/bootstrap4.css +4 -0
- package/styles/slider/bootstrap5-dark.css +4 -0
- package/styles/slider/bootstrap5.css +4 -0
- package/styles/slider/fabric-dark.css +4 -0
- package/styles/slider/fabric.css +4 -0
- package/styles/slider/fluent-dark.css +4 -0
- package/styles/slider/fluent.css +4 -0
- package/styles/slider/highcontrast-light.css +4 -0
- package/styles/slider/highcontrast.css +4 -0
- package/styles/slider/material-dark.css +19 -1
- package/styles/slider/material.css +19 -1
- package/styles/slider/tailwind-dark.css +4 -0
- package/styles/slider/tailwind.css +4 -0
- package/styles/tailwind-dark.css +33 -13
- package/styles/tailwind.css +33 -13
- package/styles/textbox/bootstrap-dark.css +2 -0
- package/styles/textbox/bootstrap.css +2 -0
- package/styles/textbox/bootstrap4.css +2 -0
- package/styles/textbox/bootstrap5-dark.css +2 -0
- package/styles/textbox/bootstrap5.css +2 -0
- package/styles/textbox/fabric-dark.css +2 -0
- package/styles/textbox/fabric.css +2 -0
- package/styles/textbox/fluent-dark.css +2 -0
- package/styles/textbox/fluent.css +2 -0
- package/styles/textbox/highcontrast-light.css +2 -0
- package/styles/textbox/highcontrast.css +2 -0
- package/styles/textbox/material-dark.css +3 -1
- package/styles/textbox/material.css +3 -1
- package/styles/textbox/tailwind-dark.css +3 -1
- package/styles/textbox/tailwind.css +3 -1
- package/styles/uploader/bootstrap-dark.css +1 -0
- package/styles/uploader/bootstrap.css +1 -0
- package/styles/uploader/bootstrap4.css +1 -0
- package/styles/uploader/bootstrap5-dark.css +1 -0
- package/styles/uploader/bootstrap5.css +1 -0
- package/styles/uploader/fabric-dark.css +1 -0
- package/styles/uploader/fabric.css +1 -0
- package/styles/uploader/fluent-dark.css +1 -0
- package/styles/uploader/fluent.css +1 -0
- package/styles/uploader/highcontrast-light.css +1 -0
- package/styles/uploader/highcontrast.css +1 -0
- package/styles/uploader/material-dark.css +1 -0
- package/styles/uploader/material.css +1 -0
- package/styles/uploader/tailwind-dark.css +2 -0
- package/styles/uploader/tailwind.css +2 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-vue-inputs.umd.min.js
|
|
3
|
-
* version : 20.
|
|
3
|
+
* version : 20.3.47
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ColorPicker, MaskedTextBox, NumericTextBox, Signature, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
|
|
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
|
|
|
@@ -21,7 +21,6 @@ emitProbs.push('modelchanged', 'update:modelValue');
|
|
|
21
21
|
for (let props of modelProps) {
|
|
22
22
|
emitProbs.push('update:' + props);
|
|
23
23
|
}
|
|
24
|
-
const isExecute = gh ? false : true;
|
|
25
24
|
/**
|
|
26
25
|
* Represents the Essential JS 2 VueJS TextBox Component
|
|
27
26
|
* ```html
|
|
@@ -143,10 +142,10 @@ class TextBoxComponent extends ComponentBase {
|
|
|
143
142
|
}
|
|
144
143
|
}
|
|
145
144
|
render(createElement) {
|
|
146
|
-
let h = gh
|
|
145
|
+
let h = !isExecute ? gh : createElement;
|
|
147
146
|
let slots = null;
|
|
148
147
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
149
|
-
slots =
|
|
148
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
150
149
|
}
|
|
151
150
|
return h('input', slots);
|
|
152
151
|
}
|
|
@@ -211,7 +210,6 @@ emitProbs$1.push('modelchanged', 'update:modelValue');
|
|
|
211
210
|
for (let props of modelProps$1) {
|
|
212
211
|
emitProbs$1.push('update:' + props);
|
|
213
212
|
}
|
|
214
|
-
const isExecute$1 = gh ? false : true;
|
|
215
213
|
/**
|
|
216
214
|
* Represents the Essential JS 2 VueJS NumericTextBox Component
|
|
217
215
|
* ```html
|
|
@@ -238,7 +236,7 @@ class NumericTextBoxComponent extends ComponentBase {
|
|
|
238
236
|
this.hasInjectedModules = false;
|
|
239
237
|
this.tagMapper = {};
|
|
240
238
|
this.tagNameMapper = {};
|
|
241
|
-
this.isVue3 = !isExecute
|
|
239
|
+
this.isVue3 = !isExecute;
|
|
242
240
|
this.ej2Instances = new NumericTextBox({});
|
|
243
241
|
this.ej2Instances._trigger = this.ej2Instances.trigger;
|
|
244
242
|
this.ej2Instances.trigger = this.trigger;
|
|
@@ -294,14 +292,14 @@ class NumericTextBoxComponent extends ComponentBase {
|
|
|
294
292
|
}
|
|
295
293
|
}
|
|
296
294
|
trigger(eventName, eventProp, successHandler) {
|
|
297
|
-
if (!isExecute
|
|
295
|
+
if (!isExecute) {
|
|
298
296
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
299
297
|
}
|
|
300
298
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
301
299
|
let key = this.models.toString().match(/checked|value/) || [];
|
|
302
300
|
let propKey = key[0];
|
|
303
301
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
304
|
-
if (!isExecute
|
|
302
|
+
if (!isExecute) {
|
|
305
303
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
306
304
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
307
305
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -318,7 +316,7 @@ class NumericTextBoxComponent extends ComponentBase {
|
|
|
318
316
|
let key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
319
317
|
let propKey = key[0];
|
|
320
318
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
321
|
-
if (!isExecute
|
|
319
|
+
if (!isExecute) {
|
|
322
320
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
323
321
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
324
322
|
}
|
|
@@ -333,10 +331,10 @@ class NumericTextBoxComponent extends ComponentBase {
|
|
|
333
331
|
}
|
|
334
332
|
}
|
|
335
333
|
render(createElement) {
|
|
336
|
-
let h = gh
|
|
334
|
+
let h = !isExecute ? gh : createElement;
|
|
337
335
|
let slots = null;
|
|
338
336
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
339
|
-
slots =
|
|
337
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
340
338
|
}
|
|
341
339
|
return h('input', slots);
|
|
342
340
|
}
|
|
@@ -365,7 +363,7 @@ NumericTextBoxComponent = __decorate$1([
|
|
|
365
363
|
model: {
|
|
366
364
|
event: 'modelchanged'
|
|
367
365
|
}
|
|
368
|
-
}, isExecute
|
|
366
|
+
}, isExecute)
|
|
369
367
|
/* Start Options({
|
|
370
368
|
props: props,
|
|
371
369
|
watch: watch,
|
|
@@ -401,7 +399,6 @@ emitProbs$2.push('modelchanged', 'update:modelValue');
|
|
|
401
399
|
for (let props of modelProps$2) {
|
|
402
400
|
emitProbs$2.push('update:' + props);
|
|
403
401
|
}
|
|
404
|
-
const isExecute$2 = gh ? false : true;
|
|
405
402
|
/**
|
|
406
403
|
* Represents the Essential JS 2 VueJS MaskedTextBox Component
|
|
407
404
|
* ```html
|
|
@@ -428,7 +425,7 @@ class MaskedTextBoxComponent extends ComponentBase {
|
|
|
428
425
|
this.hasInjectedModules = false;
|
|
429
426
|
this.tagMapper = {};
|
|
430
427
|
this.tagNameMapper = {};
|
|
431
|
-
this.isVue3 = !isExecute
|
|
428
|
+
this.isVue3 = !isExecute;
|
|
432
429
|
this.ej2Instances = new MaskedTextBox({});
|
|
433
430
|
this.ej2Instances._trigger = this.ej2Instances.trigger;
|
|
434
431
|
this.ej2Instances.trigger = this.trigger;
|
|
@@ -484,14 +481,14 @@ class MaskedTextBoxComponent extends ComponentBase {
|
|
|
484
481
|
}
|
|
485
482
|
}
|
|
486
483
|
trigger(eventName, eventProp, successHandler) {
|
|
487
|
-
if (!isExecute
|
|
484
|
+
if (!isExecute) {
|
|
488
485
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
489
486
|
}
|
|
490
487
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
491
488
|
let key = this.models.toString().match(/checked|value/) || [];
|
|
492
489
|
let propKey = key[0];
|
|
493
490
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
494
|
-
if (!isExecute
|
|
491
|
+
if (!isExecute) {
|
|
495
492
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
496
493
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
497
494
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -508,7 +505,7 @@ class MaskedTextBoxComponent extends ComponentBase {
|
|
|
508
505
|
let key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
509
506
|
let propKey = key[0];
|
|
510
507
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
511
|
-
if (!isExecute
|
|
508
|
+
if (!isExecute) {
|
|
512
509
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
513
510
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
514
511
|
}
|
|
@@ -523,10 +520,10 @@ class MaskedTextBoxComponent extends ComponentBase {
|
|
|
523
520
|
}
|
|
524
521
|
}
|
|
525
522
|
render(createElement) {
|
|
526
|
-
let h = gh
|
|
523
|
+
let h = !isExecute ? gh : createElement;
|
|
527
524
|
let slots = null;
|
|
528
525
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
529
|
-
slots =
|
|
526
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
530
527
|
}
|
|
531
528
|
return h('input', slots);
|
|
532
529
|
}
|
|
@@ -549,7 +546,7 @@ MaskedTextBoxComponent = __decorate$2([
|
|
|
549
546
|
model: {
|
|
550
547
|
event: 'modelchanged'
|
|
551
548
|
}
|
|
552
|
-
}, isExecute
|
|
549
|
+
}, isExecute)
|
|
553
550
|
/* Start Options({
|
|
554
551
|
props: props,
|
|
555
552
|
watch: watch,
|
|
@@ -585,7 +582,6 @@ emitProbs$3.push('modelchanged', 'update:modelValue');
|
|
|
585
582
|
for (let props of modelProps$3) {
|
|
586
583
|
emitProbs$3.push('update:' + props);
|
|
587
584
|
}
|
|
588
|
-
const isExecute$3 = gh ? false : true;
|
|
589
585
|
/**
|
|
590
586
|
* Represents the VueJS Slider Component.
|
|
591
587
|
* ```html
|
|
@@ -612,7 +608,7 @@ class SliderComponent extends ComponentBase {
|
|
|
612
608
|
this.hasInjectedModules = false;
|
|
613
609
|
this.tagMapper = {};
|
|
614
610
|
this.tagNameMapper = {};
|
|
615
|
-
this.isVue3 = !isExecute
|
|
611
|
+
this.isVue3 = !isExecute;
|
|
616
612
|
this.ej2Instances = new Slider({});
|
|
617
613
|
this.ej2Instances._trigger = this.ej2Instances.trigger;
|
|
618
614
|
this.ej2Instances.trigger = this.trigger;
|
|
@@ -668,14 +664,14 @@ class SliderComponent extends ComponentBase {
|
|
|
668
664
|
}
|
|
669
665
|
}
|
|
670
666
|
trigger(eventName, eventProp, successHandler) {
|
|
671
|
-
if (!isExecute
|
|
667
|
+
if (!isExecute) {
|
|
672
668
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
673
669
|
}
|
|
674
670
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
675
671
|
let key = this.models.toString().match(/checked|value/) || [];
|
|
676
672
|
let propKey = key[0];
|
|
677
673
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
678
|
-
if (!isExecute
|
|
674
|
+
if (!isExecute) {
|
|
679
675
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
680
676
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
681
677
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -692,7 +688,7 @@ class SliderComponent extends ComponentBase {
|
|
|
692
688
|
let key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
693
689
|
let propKey = key[0];
|
|
694
690
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
695
|
-
if (!isExecute
|
|
691
|
+
if (!isExecute) {
|
|
696
692
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
697
693
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
698
694
|
}
|
|
@@ -707,10 +703,10 @@ class SliderComponent extends ComponentBase {
|
|
|
707
703
|
}
|
|
708
704
|
}
|
|
709
705
|
render(createElement) {
|
|
710
|
-
let h = gh
|
|
706
|
+
let h = !isExecute ? gh : createElement;
|
|
711
707
|
let slots = null;
|
|
712
708
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
713
|
-
slots =
|
|
709
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
714
710
|
}
|
|
715
711
|
return h('div', slots);
|
|
716
712
|
}
|
|
@@ -730,7 +726,7 @@ SliderComponent = __decorate$3([
|
|
|
730
726
|
model: {
|
|
731
727
|
event: 'modelchanged'
|
|
732
728
|
}
|
|
733
|
-
}, isExecute
|
|
729
|
+
}, isExecute)
|
|
734
730
|
/* Start Options({
|
|
735
731
|
props: props,
|
|
736
732
|
watch: watch,
|
|
@@ -756,9 +752,8 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
756
752
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
757
753
|
};
|
|
758
754
|
// {{VueImport}}
|
|
759
|
-
const isExecute$4 = gh ? false : true;
|
|
760
755
|
let vueImport;
|
|
761
|
-
if (!isExecute
|
|
756
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
762
757
|
vueImport = Vue;
|
|
763
758
|
}
|
|
764
759
|
else {
|
|
@@ -777,18 +772,18 @@ class FilesDirective extends vueImport {
|
|
|
777
772
|
super(arguments);
|
|
778
773
|
}
|
|
779
774
|
render(createElement) {
|
|
780
|
-
if (
|
|
781
|
-
let h = gh
|
|
775
|
+
if (!isExecute) {
|
|
776
|
+
let h = !isExecute ? gh : createElement;
|
|
782
777
|
let slots = null;
|
|
783
778
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
784
|
-
slots =
|
|
779
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
785
780
|
}
|
|
786
781
|
return h('div', { class: 'e-directive' }, slots);
|
|
787
782
|
}
|
|
788
783
|
return;
|
|
789
784
|
}
|
|
790
785
|
updated() {
|
|
791
|
-
if (
|
|
786
|
+
if (!isExecute && this.custom) {
|
|
792
787
|
this.custom();
|
|
793
788
|
}
|
|
794
789
|
}
|
|
@@ -797,7 +792,7 @@ class FilesDirective extends vueImport {
|
|
|
797
792
|
}
|
|
798
793
|
};
|
|
799
794
|
FilesDirective = __decorate$4([
|
|
800
|
-
EJComponentDecorator({}, isExecute
|
|
795
|
+
EJComponentDecorator({}, isExecute)
|
|
801
796
|
/* Start Options({
|
|
802
797
|
inject: {
|
|
803
798
|
custom: {
|
|
@@ -833,7 +828,7 @@ let UploadedFilesDirective = class UploadedFilesDirective extends vueImport {
|
|
|
833
828
|
}
|
|
834
829
|
};
|
|
835
830
|
UploadedFilesDirective = __decorate$4([
|
|
836
|
-
EJComponentDecorator({}, isExecute
|
|
831
|
+
EJComponentDecorator({}, isExecute)
|
|
837
832
|
], UploadedFilesDirective);
|
|
838
833
|
const UploadedFilesPlugin = {
|
|
839
834
|
name: 'e-uploadedfiles',
|
|
@@ -859,7 +854,6 @@ emitProbs$4.push('modelchanged', 'update:modelValue');
|
|
|
859
854
|
for (let props of modelProps$4) {
|
|
860
855
|
emitProbs$4.push('update:' + props);
|
|
861
856
|
}
|
|
862
|
-
const isExecute$5 = gh ? false : true;
|
|
863
857
|
/**
|
|
864
858
|
* Represents the Essential JS 2 VueJS Uploader Component
|
|
865
859
|
* ```html
|
|
@@ -886,7 +880,7 @@ class UploaderComponent extends ComponentBase {
|
|
|
886
880
|
this.hasInjectedModules = false;
|
|
887
881
|
this.tagMapper = { "e-files": "e-uploadedfiles" };
|
|
888
882
|
this.tagNameMapper = {};
|
|
889
|
-
this.isVue3 = !isExecute
|
|
883
|
+
this.isVue3 = !isExecute;
|
|
890
884
|
this.ej2Instances = new Uploader({});
|
|
891
885
|
this.bindProperties();
|
|
892
886
|
this.ej2Instances._setProperties = this.ej2Instances.setProperties;
|
|
@@ -940,10 +934,10 @@ class UploaderComponent extends ComponentBase {
|
|
|
940
934
|
}
|
|
941
935
|
}
|
|
942
936
|
render(createElement) {
|
|
943
|
-
let h = gh
|
|
937
|
+
let h = !isExecute ? gh : createElement;
|
|
944
938
|
let slots = null;
|
|
945
939
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
946
|
-
slots =
|
|
940
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
947
941
|
}
|
|
948
942
|
return h('input', slots);
|
|
949
943
|
}
|
|
@@ -990,7 +984,7 @@ class UploaderComponent extends ComponentBase {
|
|
|
990
984
|
UploaderComponent = __decorate$5([
|
|
991
985
|
EJComponentDecorator({
|
|
992
986
|
props: properties$4
|
|
993
|
-
}, isExecute
|
|
987
|
+
}, isExecute)
|
|
994
988
|
/* Start Options({
|
|
995
989
|
props: props,
|
|
996
990
|
watch: watch,
|
|
@@ -1028,7 +1022,6 @@ emitProbs$5.push('modelchanged', 'update:modelValue');
|
|
|
1028
1022
|
for (let props of modelProps$5) {
|
|
1029
1023
|
emitProbs$5.push('update:' + props);
|
|
1030
1024
|
}
|
|
1031
|
-
const isExecute$6 = gh ? false : true;
|
|
1032
1025
|
/**
|
|
1033
1026
|
* Represents the Essential JS 2 VueJS ColorPicker Component
|
|
1034
1027
|
* ```html
|
|
@@ -1055,7 +1048,7 @@ class ColorPickerComponent extends ComponentBase {
|
|
|
1055
1048
|
this.hasInjectedModules = false;
|
|
1056
1049
|
this.tagMapper = {};
|
|
1057
1050
|
this.tagNameMapper = {};
|
|
1058
|
-
this.isVue3 = !isExecute
|
|
1051
|
+
this.isVue3 = !isExecute;
|
|
1059
1052
|
this.ej2Instances = new ColorPicker({});
|
|
1060
1053
|
this.ej2Instances._trigger = this.ej2Instances.trigger;
|
|
1061
1054
|
this.ej2Instances.trigger = this.trigger;
|
|
@@ -1111,14 +1104,14 @@ class ColorPickerComponent extends ComponentBase {
|
|
|
1111
1104
|
}
|
|
1112
1105
|
}
|
|
1113
1106
|
trigger(eventName, eventProp, successHandler) {
|
|
1114
|
-
if (!isExecute
|
|
1107
|
+
if (!isExecute) {
|
|
1115
1108
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
1116
1109
|
}
|
|
1117
1110
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
1118
1111
|
let key = this.models.toString().match(/checked|value/) || [];
|
|
1119
1112
|
let propKey = key[0];
|
|
1120
1113
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
1121
|
-
if (!isExecute
|
|
1114
|
+
if (!isExecute) {
|
|
1122
1115
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
1123
1116
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1124
1117
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -1135,7 +1128,7 @@ class ColorPickerComponent extends ComponentBase {
|
|
|
1135
1128
|
let key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
1136
1129
|
let propKey = key[0];
|
|
1137
1130
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
1138
|
-
if (!isExecute
|
|
1131
|
+
if (!isExecute) {
|
|
1139
1132
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
1140
1133
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1141
1134
|
}
|
|
@@ -1150,10 +1143,10 @@ class ColorPickerComponent extends ComponentBase {
|
|
|
1150
1143
|
}
|
|
1151
1144
|
}
|
|
1152
1145
|
render(createElement) {
|
|
1153
|
-
let h = gh
|
|
1146
|
+
let h = !isExecute ? gh : createElement;
|
|
1154
1147
|
let slots = null;
|
|
1155
1148
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1156
|
-
slots =
|
|
1149
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1157
1150
|
}
|
|
1158
1151
|
return h('input', slots);
|
|
1159
1152
|
}
|
|
@@ -1176,7 +1169,7 @@ ColorPickerComponent = __decorate$6([
|
|
|
1176
1169
|
model: {
|
|
1177
1170
|
event: 'modelchanged'
|
|
1178
1171
|
}
|
|
1179
|
-
}, isExecute
|
|
1172
|
+
}, isExecute)
|
|
1180
1173
|
/* Start Options({
|
|
1181
1174
|
props: props,
|
|
1182
1175
|
watch: watch,
|
|
@@ -1212,7 +1205,6 @@ emitProbs$6.push('modelchanged', 'update:modelValue');
|
|
|
1212
1205
|
for (let props of modelProps$6) {
|
|
1213
1206
|
emitProbs$6.push('update:' + props);
|
|
1214
1207
|
}
|
|
1215
|
-
const isExecute$7 = gh ? false : true;
|
|
1216
1208
|
/**
|
|
1217
1209
|
* Represents the Essential JS 2 VueJS Signature Component
|
|
1218
1210
|
* ```html
|
|
@@ -1239,7 +1231,7 @@ class SignatureComponent extends ComponentBase {
|
|
|
1239
1231
|
this.hasInjectedModules = false;
|
|
1240
1232
|
this.tagMapper = {};
|
|
1241
1233
|
this.tagNameMapper = {};
|
|
1242
|
-
this.isVue3 = !isExecute
|
|
1234
|
+
this.isVue3 = !isExecute;
|
|
1243
1235
|
this.ej2Instances = new Signature({});
|
|
1244
1236
|
this.bindProperties();
|
|
1245
1237
|
this.ej2Instances._setProperties = this.ej2Instances.setProperties;
|
|
@@ -1293,10 +1285,10 @@ class SignatureComponent extends ComponentBase {
|
|
|
1293
1285
|
}
|
|
1294
1286
|
}
|
|
1295
1287
|
render(createElement) {
|
|
1296
|
-
let h = gh
|
|
1288
|
+
let h = !isExecute ? gh : createElement;
|
|
1297
1289
|
let slots = null;
|
|
1298
1290
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1299
|
-
slots =
|
|
1291
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1300
1292
|
}
|
|
1301
1293
|
return h('canvas', slots);
|
|
1302
1294
|
}
|
|
@@ -1343,7 +1335,7 @@ class SignatureComponent extends ComponentBase {
|
|
|
1343
1335
|
SignatureComponent = __decorate$7([
|
|
1344
1336
|
EJComponentDecorator({
|
|
1345
1337
|
props: properties$6
|
|
1346
|
-
}, isExecute
|
|
1338
|
+
}, isExecute)
|
|
1347
1339
|
/* Start Options({
|
|
1348
1340
|
props: props,
|
|
1349
1341
|
watch: watch,
|