@syncfusion/ej2-vue-base 20.3.59 → 20.4.38

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.
Files changed (15) hide show
  1. package/CHANGELOG.md +4 -8
  2. package/dist/ej2-vue-base.umd.min.js +2 -2
  3. package/dist/es6/ej2-vue-base.es2015.js +130 -80
  4. package/dist/es6/ej2-vue-base.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-base.es5.js +132 -82
  6. package/dist/es6/ej2-vue-base.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-base.min.js +2 -2
  8. package/dist/global/ej2-vue-base.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +26 -6
  11. package/postinstall.js +22 -5
  12. package/src/component-base.d.ts +1 -0
  13. package/src/component-base.js +101 -52
  14. package/src/component-decorator.js +14 -14
  15. package/src/template.js +17 -16
package/src/component-base.js CHANGED
@@ -28,7 +28,7 @@ export function _interopRequireWildcard(obj) {
28
28
  if (obj != null) {
29
29
  for (var key in obj) {
30
30
  if (Object.prototype.hasOwnProperty.call(obj, key))
31
- newObj[key] = obj[key];
31
+ newObj["" + key] = obj["" + key];
32
32
  }
33
33
  }
34
34
  newObj.default = obj;
@@ -99,7 +99,7 @@ var ComponentBase = /** @class */ (function (_super) {
99
99
  var cusEle = this.$el ? this.$el.querySelectorAll("div.e-directive") : null;
100
100
  if (!isExecute && cusEle) {
101
101
  for (var i = 0; i < cusEle.length; i++) {
102
- cusEle[i].parentElement && cusEle[i].parentElement.removeChild(cusEle[i]);
102
+ cusEle[parseInt(i.toString(), 10)].parentElement && cusEle[parseInt(i.toString(), 10)].parentElement.removeChild(cusEle[parseInt(i.toString(), 10)]);
103
103
  }
104
104
  }
105
105
  this.ej2Instances.isVue = true;
@@ -108,9 +108,19 @@ var ComponentBase = /** @class */ (function (_super) {
108
108
  if (this.isVue3) {
109
109
  this.ej2Instances.ej2Instances = this.ej2Instances;
110
110
  this.ej2Instances.referModels = this.models;
111
+ this.setModelValue();
111
112
  }
112
113
  this.ej2Instances.appendTo(this.$el);
113
114
  };
115
+ ComponentBase.prototype.setModelValue = function () {
116
+ if (!isNullOrUndefined(this.modelValue) || !isNullOrUndefined(this.$attrs.modelValue)) {
117
+ var key = this.models.toString().match(/checked|value/) || [];
118
+ var propKey = key[0];
119
+ if (!isNullOrUndefined(propKey)) {
120
+ this.ej2Instances["" + propKey] = !isNullOrUndefined(this.modelValue) ? this.modelValue : this.$attrs.modelValue;
121
+ }
122
+ }
123
+ };
114
124
  ComponentBase.prototype.getInjectedServices = function () {
115
125
  var ret = [];
116
126
  var provide;
@@ -145,15 +155,15 @@ var ComponentBase = /** @class */ (function (_super) {
145
155
  }
146
156
  for (var i = 0; i < provideValue.length; i++) {
147
157
  for (var j = 0; j < key.length; j++) {
148
- if ((key[j].indexOf(provideValue[i])) !== -1) {
158
+ if ((key[parseInt(j.toString(), 10)].indexOf(provideValue[parseInt(i.toString(), 10)])) !== -1) {
149
159
  if (this.$root && this.isDecorator) {
150
- provideKey[provideValue[j]] = this.$root[key[i]];
160
+ provideKey[provideValue[parseInt(j.toString(), 10)]] = this.$root[key[parseInt(i.toString(), 10)]];
151
161
  }
152
162
  else if (this.$vnode) {
153
- provideKey[provideValue[i]] = this.$vnode.context[key[j]];
163
+ provideKey[provideValue[parseInt(i.toString(), 10)]] = this.$vnode.context[key[parseInt(j.toString(), 10)]];
154
164
  }
155
165
  else if (this.$parent) {
156
- provideKey[provideValue[i]] = this.$parent[key[j]];
166
+ provideKey[provideValue[parseInt(i.toString(), 10)]] = this.$parent[key[parseInt(j.toString(), 10)]];
157
167
  }
158
168
  injectables = provideKey;
159
169
  }
@@ -174,6 +184,9 @@ var ComponentBase = /** @class */ (function (_super) {
174
184
  return ret;
175
185
  };
176
186
  ComponentBase.prototype.updated = function () {
187
+ if (this.isVue3) {
188
+ this.setModelValue();
189
+ }
177
190
  if (this.hasChildDirective) {
178
191
  var childKey = {};
179
192
  this.fetchChildPropValues(childKey);
@@ -194,8 +207,8 @@ var ComponentBase = /** @class */ (function (_super) {
194
207
  var options = {};
195
208
  for (var _i = 0, _a = this.propKeys; _i < _a.length; _i++) {
196
209
  var prop = _a[_i];
197
- if ((!isNullOrUndefined(this[prop]) && !this.isVue3) || (this[0] && !isNullOrUndefined(this[0][0]) && !isNullOrUndefined(this[0][0][prop]))) {
198
- options[prop] = !this.isVue3 ? this[prop] : this[0][0][prop];
210
+ if ((!isNullOrUndefined(this["" + prop]) && !this.isVue3) || (this[0] && !isNullOrUndefined(this[0][0]) && !isNullOrUndefined(this[0][0]["" + prop]))) {
211
+ options["" + prop] = !this.isVue3 ? this["" + prop] : this[0][0]["" + prop];
199
212
  }
200
213
  }
201
214
  if (this.hasChildDirective) {
@@ -232,9 +245,10 @@ var ComponentBase = /** @class */ (function (_super) {
232
245
  }
233
246
  if (propRef) {
234
247
  for (var i = 0; i < propRef.length; i++) {
235
- if (propRef[i].type.methods) {
236
- var key = propRef[i].type.methods.getTag().replace("e-", "");
237
- var ref = this.resolveArrayDirectives(propRef[i].children, key);
248
+ if (propRef[parseInt(i.toString(), 10)].type.methods || propRef[parseInt(i.toString(), 10)].type === 'e-seriescollection') {
249
+ var key = propRef[parseInt(i.toString(), 10)].type === 'e-seriescollection' ? 'series-collection' :
250
+ propRef[parseInt(i.toString(), 10)].type.methods.getTag().replace("e-", "");
251
+ var ref = this.resolveArrayDirectives(propRef[parseInt(i.toString(), 10)].children, key);
238
252
  var splitKeys = key.split('-');
239
253
  var controlName = this.ej2Instances.getModuleName().toLowerCase();
240
254
  var keyRef = (splitKeys.length > 1 && controlName.indexOf(splitKeys[0]) > -1) ? splitKeys[1] : splitKeys[0];
@@ -248,7 +262,7 @@ var ComponentBase = /** @class */ (function (_super) {
248
262
  else if (controlName == "schedule" && keyRef == "header") {
249
263
  keyRef = "headerRows";
250
264
  }
251
- dirProps[keyRef] = ref[key];
265
+ dirProps["" + keyRef] = ref["" + key];
252
266
  }
253
267
  }
254
268
  }
@@ -261,7 +275,7 @@ var ComponentBase = /** @class */ (function (_super) {
261
275
  }
262
276
  for (var _i = 0, _a = Object.keys(dirProps); _i < _a.length; _i++) {
263
277
  var dirProp = _a[_i];
264
- childOption[dirProp] = dirProps[dirProp];
278
+ childOption["" + dirProp] = dirProps["" + dirProp];
265
279
  }
266
280
  };
267
281
  ComponentBase.prototype.resolveArrayDirectives = function (slots, tagName) {
@@ -269,7 +283,7 @@ var ComponentBase = /** @class */ (function (_super) {
269
283
  var innerDirValues;
270
284
  slot = slots.default ? slots.default() : slots;
271
285
  var items = {};
272
- items[tagName] = [];
286
+ items["" + tagName] = [];
273
287
  var _loop_2 = function (childSlot) {
274
288
  var tempObj = {};
275
289
  var tagRef = childSlot.type.methods ? childSlot.type.methods.getTag() : tagName;
@@ -281,22 +295,25 @@ var ComponentBase = /** @class */ (function (_super) {
281
295
  }
282
296
  else {
283
297
  for (var i = 0; i < Object.keys(innerDirValues).length; i++) {
284
- key = Object.keys(innerDirValues)[i];
285
- tempObj[key] = innerDirValues[key];
298
+ key = Object.keys(innerDirValues)[parseInt(i.toString(), 10)];
299
+ tempObj["" + key] = innerDirValues["" + key];
286
300
  }
287
301
  ;
288
302
  }
289
303
  }
290
304
  if (childSlot.props) {
291
305
  Object.keys(childSlot.props).forEach(function (key) {
292
- tempObj[key] = childSlot.props[key];
306
+ var propName = key.replace(/-[a-z]/g, function (e) { return e[1].toUpperCase(); });
307
+ if (propName) {
308
+ tempObj["" + propName] = childSlot.props["" + key];
309
+ }
293
310
  });
294
311
  }
295
312
  if (((/[s]\b/).test(tagRef) && innerDirValues) && (!(/[s]\b/).test(tagName) || innerDirValues.length)) {
296
- items[tagName] = tempObj;
313
+ items["" + tagName] = tempObj;
297
314
  }
298
315
  else if (tempObj && Object.keys(tempObj).length !== 0) {
299
- items[tagName].push(tempObj);
316
+ items["" + tagName].push(tempObj);
300
317
  }
301
318
  };
302
319
  var this_2 = this;
@@ -314,10 +331,10 @@ var ComponentBase = /** @class */ (function (_super) {
314
331
  var _loop_3 = function (childSlot) {
315
332
  var tagRef = void 0;
316
333
  var tag = void 0;
317
- if (tagObject[tagName]) {
318
- tagRef = Object.keys(tagObject[tagName]);
334
+ if (tagObject["" + tagName]) {
335
+ tagRef = Object.keys(tagObject["" + tagName]);
319
336
  tag = tagRef.find(function (key) {
320
- return tagObject[tagName][key] ===
337
+ return tagObject["" + tagName]["" + key] ===
321
338
  childSlot.type.methods.getTag().replace(/[s]\b/, "");
322
339
  });
323
340
  tag = tag
@@ -328,17 +345,20 @@ var ComponentBase = /** @class */ (function (_super) {
328
345
  }
329
346
  }
330
347
  if (childSlot.children) {
331
- innerDirValues = this_3.resolveComplexInnerDirs(childSlot.children, tagObject[tagName], childSlot.type.methods.getTag());
332
- if (!items[tag]) {
333
- items[tag] = [];
348
+ innerDirValues = this_3.resolveComplexInnerDirs(childSlot.children, tagObject["" + tagName], childSlot.type.methods.getTag());
349
+ if (!items["" + tag]) {
350
+ items["" + tag] = [];
334
351
  }
335
352
  if (innerDirValues.length > 1) {
336
- items[tag] = innerDirValues;
353
+ items["" + tag] = innerDirValues;
337
354
  }
338
355
  else {
339
- items[tag].push(innerDirValues);
356
+ items["" + tag].push(innerDirValues);
340
357
  }
341
358
  }
359
+ if (childSlot.props) {
360
+ childSlot.props = this_3.getCamelCaseProps(childSlot.props);
361
+ }
342
362
  if (slot.length > 1) {
343
363
  items = Object.keys(items).length == 0 && !items.length ? [] : items;
344
364
  if (childSlot.props) {
@@ -365,15 +385,15 @@ var ComponentBase = /** @class */ (function (_super) {
365
385
  var childSlot = slot_3[_i];
366
386
  var tag = childSlot.type.methods.getTag().replace("e-", "");
367
387
  if (childSlot.children) {
368
- innerDirValues = this.resolveMultilevelComplexInnerDirs(childSlot.children, tagObject[tagName], childSlot.type.methods.getTag());
388
+ innerDirValues = this.resolveMultilevelComplexInnerDirs(childSlot.children, tagObject["" + tagName], childSlot.type.methods.getTag());
369
389
  if ((/[s]\b/).test(tag) || slot.length > 1) {
370
390
  if ((/[s]\b/).test(tag)) {
371
- items[tag] = !items[tag] ? [] : items[tag];
391
+ items["" + tag] = !items["" + tag] ? [] : items["" + tag];
372
392
  if (innerDirValues.length) {
373
- items[tag] = innerDirValues;
393
+ items["" + tag] = innerDirValues;
374
394
  }
375
395
  else {
376
- items[tag].push(innerDirValues);
396
+ items["" + tag].push(innerDirValues);
377
397
  }
378
398
  }
379
399
  else if (innerDirValues) {
@@ -384,6 +404,9 @@ var ComponentBase = /** @class */ (function (_super) {
384
404
  items = innerDirValues ? innerDirValues : items;
385
405
  }
386
406
  }
407
+ if (childSlot.props) {
408
+ childSlot.props = this.getCamelCaseProps(childSlot.props);
409
+ }
387
410
  if (slot.length > 1 && childSlot.props) {
388
411
  if (items.length >= 0) {
389
412
  items.push(childSlot.props);
@@ -407,18 +430,21 @@ var ComponentBase = /** @class */ (function (_super) {
407
430
  var childSlot = slot_4[_i];
408
431
  var tag = childSlot.type.methods.getTag().replace("e-", "");
409
432
  if (childSlot.children) {
410
- innerDirValues = this.resolveComplexInnerDirs(childSlot.children, tagObject[tagName], childSlot.type.methods.getTag());
433
+ innerDirValues = this.resolveComplexInnerDirs(childSlot.children, tagObject["" + tagName], childSlot.type.methods.getTag());
434
+ }
435
+ if (childSlot.props) {
436
+ childSlot.props = this.getCamelCaseProps(childSlot.props);
411
437
  }
412
438
  if ((/[s]\b/).test(tag)) {
413
- items[tag] = !items[tag] ? [] : items[tag];
439
+ items["" + tag] = !items["" + tag] ? [] : items["" + tag];
414
440
  if (innerDirValues.length) {
415
- items[tag] = innerDirValues;
441
+ items["" + tag] = innerDirValues;
416
442
  }
417
443
  else {
418
- items[tag].push(innerDirValues);
444
+ items["" + tag].push(innerDirValues);
419
445
  }
420
446
  if (childSlot.props) {
421
- items[tag].push(childSlot.props);
447
+ items["" + tag].push(childSlot.props);
422
448
  }
423
449
  }
424
450
  else {
@@ -434,14 +460,17 @@ var ComponentBase = /** @class */ (function (_super) {
434
460
  if (tagDirectives) {
435
461
  for (var _i = 0, tagDirectives_1 = tagDirectives; _i < tagDirectives_1.length; _i++) {
436
462
  var tagDirective = tagDirectives_1[_i];
437
- if (tagDirective.componentOptions && tagDirective.componentOptions.children && tagDirective.componentOptions.tag) {
438
- var dirTag = tagDirective.componentOptions.tag;
463
+ if (tagDirective.componentOptions && tagDirective.componentOptions.children && tagDirective.componentOptions.tag ||
464
+ (tagDirective.tag === 'e-seriescollection' && tagDirective.children)) {
465
+ var dirTag = tagDirective.componentOptions ? tagDirective.componentOptions.tag : tagDirective.tag;
466
+ dirTag = (dirTag === 'e-seriescollection') ? 'e-seriesCollection' : dirTag;
439
467
  if (keyTags.indexOf(dirTag) !== -1) {
440
- var tagName = tagNameMapper[dirTag] ? tagNameMapper[dirTag] : dirTag;
468
+ var tagName = tagNameMapper["" + dirTag] ? tagNameMapper["" + dirTag] : dirTag;
441
469
  dir[tagName.replace('e-', '')] = [];
442
- for (var _a = 0, _b = tagDirective.componentOptions.children; _a < _b.length; _a++) {
443
- var tagDirChild = _b[_a];
444
- var retObj = this.getVNodeValue(tagDirChild, tagMapper[dirTag], tagNameMapper);
470
+ var children = tagDirective.componentOptions ? tagDirective.componentOptions.children : tagDirective.children;
471
+ for (var _a = 0, children_1 = children; _a < children_1.length; _a++) {
472
+ var tagDirChild = children_1[_a];
473
+ var retObj = this.getVNodeValue(tagDirChild, tagMapper["" + dirTag], tagNameMapper);
445
474
  if (Object.keys(retObj).length !== 0) {
446
475
  dir[tagName.replace('e-', '')].push(retObj);
447
476
  }
@@ -456,14 +485,25 @@ var ComponentBase = /** @class */ (function (_super) {
456
485
  var mulObj = {};
457
486
  for (var _i = 0, tagDirectories_1 = tagDirectories; _i < tagDirectories_1.length; _i++) {
458
487
  var tagDir = tagDirectories_1[_i];
488
+ var key = void 0;
489
+ var children = void 0;
459
490
  if (tagDir.componentOptions) {
460
- var key = tagDir.componentOptions.tag;
461
- var tagName = tagNameMapper[key] ? tagNameMapper[key] : key;
491
+ key = tagDir.componentOptions.tag;
492
+ if (tagDir.componentOptions.children) {
493
+ children = tagDir.componentOptions.children;
494
+ }
495
+ }
496
+ else if ((tagDir.tag === 'e-markersettings' || tagDir.tag === 'e-markersetting') && tagDir.children) {
497
+ key = (tagDir.tag === 'e-markersettings') ? 'e-markerSettings' : 'e-markerSetting';
498
+ children = tagDir.children;
499
+ }
500
+ if (key) {
501
+ var tagName = tagNameMapper["" + key] ? tagNameMapper["" + key] : key;
462
502
  mulObj[tagName.replace('e-', '')] = [];
463
- if (tagDir.componentOptions && tagDir.componentOptions.children) {
464
- for (var _a = 0, _b = tagDir.componentOptions.children; _a < _b.length; _a++) {
465
- var tagDirChild = _b[_a];
466
- var mulLevObj = this.getVNodeValue(tagDirChild, tagKey[key], tagNameMapper);
503
+ if (children) {
504
+ for (var _a = 0, children_2 = children; _a < children_2.length; _a++) {
505
+ var tagDirChild = children_2[_a];
506
+ var mulLevObj = this.getVNodeValue(tagDirChild, tagKey["" + key], tagNameMapper);
467
507
  if (Object.keys(mulLevObj).length !== 0) {
468
508
  mulObj[tagName.replace('e-', '')].push(mulLevObj);
469
509
  }
@@ -475,14 +515,23 @@ var ComponentBase = /** @class */ (function (_super) {
475
515
  };
476
516
  ComponentBase.prototype.getVNodeValue = function (tagDirective, tagKey, tagNameMapper) {
477
517
  var ret = {};
478
- if (tagDirective.componentOptions) {
479
- var dirTag = tagDirective.componentOptions.tag;
518
+ if (tagDirective.componentOptions || ((tagDirective.tag === 'e-markersettings' || tagDirective.tag === 'e-markersetting') && tagDirective.context)) {
519
+ var dirTag = void 0;
520
+ if (tagDirective.componentOptions) {
521
+ dirTag = tagDirective.componentOptions.tag;
522
+ }
523
+ else {
524
+ dirTag = (tagDirective.tag === 'e-markersettings') ? 'e-markerSettings' : 'e-markerSetting';
525
+ }
480
526
  if (typeof tagKey === 'string' && dirTag === tagKey && tagDirective.data) {
481
527
  ret = tagDirective.data.attrs ? this.getCamelCaseProps(tagDirective.data.attrs) : this.getCamelCaseProps(tagDirective.data);
482
528
  }
483
529
  else if (typeof tagKey === 'object') {
484
530
  if (tagDirective.componentOptions.children && (Object.keys(tagKey).indexOf(dirTag) !== -1)) {
485
- ret = this.getMultiLevelDirValue(tagDirective.componentOptions.children, tagKey[dirTag], tagNameMapper);
531
+ ret = this.getMultiLevelDirValue(tagDirective.componentOptions.children, tagKey["" + dirTag], tagNameMapper);
532
+ }
533
+ else if (tagDirective.children && (Object.keys(tagKey).indexOf(dirTag) !== -1) && (dirTag === 'e-markersettings' || dirTag === 'e-markersetting')) {
534
+ ret = this.getMultiLevelDirValue(tagDirective.children, tagKey["" + dirTag], tagNameMapper);
486
535
  }
487
536
  if (tagDirective.data && tagDirective.data.attrs) {
488
537
  ret = extend(ret, this.getCamelCaseProps(tagDirective.data.attrs));
@@ -498,7 +547,7 @@ var ComponentBase = /** @class */ (function (_super) {
498
547
  var retProps = {};
499
548
  for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
500
549
  var prop = _a[_i];
501
- retProps[prop.replace(/-[a-z]/g, function (e) { return e[1].toUpperCase(); })] = props[prop];
550
+ retProps[prop.replace(/-[a-z]/g, function (e) { return e[1].toUpperCase(); })] = props["" + prop];
502
551
  }
503
552
  return retProps;
504
553
  };
package/src/component-decorator.js CHANGED
@@ -23,9 +23,9 @@ export function getProps(options) {
23
23
  if (options === void 0) { options = {}; }
24
24
  if (options.props) {
25
25
  var _loop_1 = function (prop) {
26
- (options.newprops || (options.newprops = {}))[prop] = {};
27
- (options.watch || (options.watch = {}))[prop] = function (newVal) {
28
- this.ej2Instances[prop] = newVal;
26
+ (options.newprops || (options.newprops = {}))["" + prop] = {};
27
+ (options.watch || (options.watch = {}))["" + prop] = function (newVal) {
28
+ this.ej2Instances["" + prop] = newVal;
29
29
  if (this.dataBind && (options.name !== 'DateRangePickerComponent')) {
30
30
  this.dataBind();
31
31
  }
@@ -53,9 +53,9 @@ export function EJcomponentFactory(Component, options) {
53
53
  var proto = Component.prototype;
54
54
  if (options.props) {
55
55
  var _loop_2 = function (prop) {
56
- (options.props || (options.props = {}))[prop] = {};
57
- (options.watch || (options.watch = {}))[prop] = function (newVal) {
58
- this.ej2Instances[prop] = newVal;
56
+ (options.props || (options.props = {}))["" + prop] = {};
57
+ (options.watch || (options.watch = {}))["" + prop] = function (newVal) {
58
+ this.ej2Instances["" + prop] = newVal;
59
59
  if (this.dataBind && (options.name !== 'DateRangePickerComponent')) {
60
60
  this.dataBind();
61
61
  }
@@ -72,17 +72,17 @@ export function EJcomponentFactory(Component, options) {
72
72
  return;
73
73
  }
74
74
  if ($internalHooks.indexOf(key) > -1) {
75
- options[key] = proto[key];
75
+ options["" + key] = proto["" + key];
76
76
  return;
77
77
  }
78
78
  var descriptor = Object.getOwnPropertyDescriptor(proto, key);
79
79
  if (typeof descriptor.value === 'function') {
80
80
  // methods
81
- (options.methods || (options.methods = {}))[key] = descriptor.value;
81
+ (options.methods || (options.methods = {}))["" + key] = descriptor.value;
82
82
  }
83
83
  else if (descriptor.get || descriptor.set) {
84
84
  // computed properties
85
- (options.computed || (options.computed = {}))[key] = {
85
+ (options.computed || (options.computed = {}))["" + key] = {
86
86
  get: descriptor.get,
87
87
  set: descriptor.set
88
88
  };
@@ -90,7 +90,7 @@ export function EJcomponentFactory(Component, options) {
90
90
  });
91
91
  Object.getOwnPropertyNames(ComponentBase.prototype).forEach(function (key) {
92
92
  if ($internalHooks.indexOf(key) > -1) {
93
- options[key] = proto[key];
93
+ options["" + key] = proto["" + key];
94
94
  return;
95
95
  }
96
96
  });
@@ -127,8 +127,8 @@ function collectDataFromConstructor(vm, Component) {
127
127
  keys.forEach(function (key) {
128
128
  if (key.charAt(0) !== '_') {
129
129
  Object.defineProperty(_this, key, {
130
- get: function () { return vm[key]; },
131
- set: function (value) { return vm[key] = value; }
130
+ get: function () { return vm["" + key]; },
131
+ set: function (value) { return vm["" + key] = value; }
132
132
  });
133
133
  }
134
134
  });
@@ -136,8 +136,8 @@ function collectDataFromConstructor(vm, Component) {
136
136
  var data = new Component();
137
137
  var plainData = {};
138
138
  Object.keys(data).forEach(function (key) {
139
- if (data[key] !== undefined) {
140
- plainData[key] = data[key];
139
+ if (data["" + key] !== undefined) {
140
+ plainData["" + key] = data["" + key];
141
141
  }
142
142
  });
143
143
  return plainData;
package/src/template.js CHANGED
@@ -22,12 +22,12 @@ export function compile(templateElement, helper) {
22
22
  // Compilation for Vue 3 slot template
23
23
  var app = allVue.createApp({
24
24
  render: function () {
25
- return vueSlot_1[templateElement]({ data: data });
25
+ return vueSlot_1["" + templateElement]({ data: data });
26
26
  }
27
27
  });
28
28
  if (plugins) {
29
29
  for (var i = 0; i < plugins.length; i++) {
30
- app.use(plugins[i]);
30
+ app.use(plugins[parseInt(i.toString(), 10)]);
31
31
  }
32
32
  }
33
33
  app.mount((context.getModuleName() === 'grid') ? ("#" + pid) : ("#" + id));
@@ -60,7 +60,7 @@ export function compile(templateElement, helper) {
60
60
  templateCompRef = object.template._context.components[templateElement.name];
61
61
  if (!templateCompRef) {
62
62
  var key = Object.keys(object.template._context.components)[0];
63
- templateCompRef = object.template._context.components[key];
63
+ templateCompRef = object.template._context.components["" + key];
64
64
  }
65
65
  }
66
66
  var tempRef_1;
@@ -72,7 +72,7 @@ export function compile(templateElement, helper) {
72
72
  if (templateCompRef.components) {
73
73
  var objkeys = Object.keys(templateCompRef.components) || [];
74
74
  var _loop_1 = function (objstring) {
75
- var intComponent = templateCompRef.components[objstring];
75
+ var intComponent = templateCompRef.components["" + objstring];
76
76
  if (intComponent && intComponent.data) {
77
77
  var tempRef2_1 = Object.assign(intComponent.data(), dataObj.data);
78
78
  intComponent.data = function () { return tempRef2_1; };
@@ -88,7 +88,7 @@ export function compile(templateElement, helper) {
88
88
  var app = allVue.createApp(templateCompRef);
89
89
  if (plugins) {
90
90
  for (var i = 0; i < plugins.length; i++) {
91
- app.use(plugins[i]);
91
+ app.use(plugins[parseInt(i.toString(), 10)]);
92
92
  }
93
93
  }
94
94
  app.mount((context.getModuleName() === 'grid') ? ("#" + pid) : ("#" + id));
@@ -101,7 +101,7 @@ export function compile(templateElement, helper) {
101
101
  // Compilation for Vue 2 slot template
102
102
  var vueTemplate = new Vue({
103
103
  render: function () {
104
- return vueSlot_2[templateElement]({ data: data });
104
+ return vueSlot_2["" + templateElement]({ data: data });
105
105
  }
106
106
  });
107
107
  vueTemplate.$mount("#" + id);
@@ -142,10 +142,10 @@ export function compile(templateElement, helper) {
142
142
  templateInstance = context.vueInstance.templateCollection;
143
143
  }
144
144
  if (propName) {
145
- if (!templateInstance[propName]) {
146
- templateInstance[propName] = [];
145
+ if (!templateInstance["" + propName]) {
146
+ templateInstance["" + propName] = [];
147
147
  }
148
- templateInstance[propName].push(returnEle[0]);
148
+ templateInstance["" + propName].push(returnEle[0]);
149
149
  }
150
150
  }
151
151
  detach(ele);
@@ -171,24 +171,24 @@ function getVueChildSlot(vueInstance, templateElement) {
171
171
  var scopedSlots = vueInstance.$scopedSlots;
172
172
  var vSlots = vueInstance.scopedSlots;
173
173
  var children = vueInstance.children;
174
- if (scopedSlots && scopedSlots[templateElement]) {
174
+ if (scopedSlots && scopedSlots["" + templateElement]) {
175
175
  return scopedSlots;
176
176
  }
177
177
  else if (slots && slots.default) {
178
178
  var childSlots = slots.default;
179
179
  for (var i = 0; i < childSlots.length; i++) {
180
- var slot = getVueChildSlot(getSlot(childSlots[i]), templateElement);
180
+ var slot = getVueChildSlot(getSlot(childSlots[parseInt(i.toString(), 10)]), templateElement);
181
181
  if (slot) {
182
182
  return slot;
183
183
  }
184
184
  }
185
185
  }
186
- else if (vSlots && vSlots[templateElement]) {
186
+ else if (vSlots && vSlots["" + templateElement]) {
187
187
  return vSlots;
188
188
  }
189
189
  else if (children) {
190
190
  for (var i = 0; i < children.length; i++) {
191
- var slot = getVueChildSlot(getSlot(children[i]), templateElement);
191
+ var slot = getVueChildSlot(getSlot(children[parseInt(i.toString(), 10)]), templateElement);
192
192
  if (slot) {
193
193
  return slot;
194
194
  }
@@ -197,7 +197,8 @@ function getVueChildSlot(vueInstance, templateElement) {
197
197
  return undefined;
198
198
  }
199
199
  function getSlot(vnode) {
200
- var slot = (vnode.componentOptions && vnode.componentOptions.children) ? vnode.componentOptions : vnode.data;
200
+ var slot = (vnode.componentOptions && vnode.componentOptions.children) ? vnode.componentOptions :
201
+ (!vnode.data && (vnode.tag === 'e-markersettings' || vnode.tag === 'e-markersetting')) ? vnode : vnode.data;
201
202
  return vnode.componentInstance ? vnode.componentInstance : slot;
202
203
  }
203
204
  // Get the Vue3 slot template from the root or current Vue component.
@@ -209,13 +210,13 @@ function getCurrentVueSlot(vueInstance, templateElement, root) {
209
210
  return getChildVueSlot(slots, templateElement);
210
211
  }
211
212
  function getChildVueSlot(slots, templateElement) {
212
- if (slots && slots[templateElement]) {
213
+ if (slots && slots["" + templateElement]) {
213
214
  return slots;
214
215
  }
215
216
  else if (slots && slots.default) {
216
217
  var childSlots = slots.default();
217
218
  for (var i = 0; i < childSlots.length; i++) {
218
- var slot = getChildVueSlot(childSlots[i].children, templateElement);
219
+ var slot = getChildVueSlot(childSlots[parseInt(i.toString(), 10)].children, templateElement);
219
220
  if (slot) {
220
221
  return slot;
221
222
  }