v20.1.52 is released

Author: pipeline

components/base/CHANGELOG.md

@@ -8,6 +8,14 @@
 
 #### Bug Fixes
 
+- `#FB9750` - The issue with "Providers are not accessible for Vue component with typescript application environment" has been resolved.
+
+## 20.1.51 (2022-04-26)
+
+### Common
+
+#### Bug Fixes
+
 - `#I334904`, `#I347008` - The issue with "Script error in Vite + Vue application" has been resolved.
 
 ## 20.1.48 (2022-04-12)

components/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-base",
-	"version": "20.1.48",
+	"version": "20.1.51",
 	"description": "A common package of Essential JS 2 base Vue libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/base/src/component-base.ts

@@ -46,6 +46,7 @@
       protected hasChildDirective: boolean = false;
       protected childDirObjects: string = '';
       protected propKeys: any;
+      protected isDecorator: boolean = false;
 
      constructor() {
          super(arguments);
@@ -64,7 +65,10 @@
           let vueInjectables: any = getValue('$parent.$options.provide', this);
           if (this.hasInjectedModules && !isExecute) {
              let prevModule: Object[] = [];
-             if (injectables) {
+             if (injectables && injectables.managed) {
+                this.isDecorator = true;
+                prevModule = this.getInjectedServices() || [];   
+             } else if (injectables) {
                  prevModule = injectables[this.ej2Instances.getModuleName()] || [];
              } else if (vueInjectables) {
                  prevModule = this.getInjectedServices() || [];
@@ -97,7 +101,9 @@
       }
       public getInjectedServices(): Object[] {
          let ret = []; let provide: any;
-         if (this.$vnode) {
+         if (this.$root && this.isDecorator) {
+            provide = getValue('$root.$options.provide', this);
+         } else if (this.$vnode) {
              provide = getValue('$vnode.context.$options.provide', this);
          } else if (this.$parent) {
              provide = getValue('$parent.$options.provide', this);
@@ -106,15 +112,42 @@
              // tslint:disable:no-any
              let injectables: any = provide;
              if (typeof provide === 'function') {
+                if (provide.managed) {
+                    let provideKey: Object = provide.managed;
+                    let provideValue: string[] = Object.keys(provideKey);
+                    let key: string[];
+                    if (this.$root && this.isDecorator) {
+                        key = Object.keys(this.$root);
+                    } else if (this.$vnode) {
+                        key = Object.keys(this.$vnode.context);
+                    } else if (this.$parent) {
+                        key = Object.keys(this.$parent);
+                    }
+                    for (let i: number = 0; i < provideValue.length; i++) {
+                        for (let j: number = 0; j < key.length; j++) {
+                            if ((key[j].indexOf(provideValue[i])) !== -1) {
+                                if (this.$root && this.isDecorator) {
+                                    provideKey[provideValue[j]] = this.$root[key[i]];
+                                } else if (this.$vnode) {
+                                    provideKey[provideValue[i]] = this.$vnode.context[key[j]];
+                                } else if (this.$parent) {
+                                    provideKey[provideValue[i]] = this.$parent[key[j]];
+                                }
+                                injectables = provideKey;
+                            }
+                        }
+                    }  
+                }
                  // tslint:disable:no-any
-                 if (this.$vnode) {
+                 else if (this.$vnode) {
                      injectables = this.$vnode.context.$options.provide();
                  } else if(this.$parent) {
                      injectables = this.$parent.$options.provide();
                  }
              }
              ret = injectables[this.ej2Instances.getModuleName()] || [];
          }
+         this.isDecorator = false;
          return ret; 
       }
       public updated(): void {

components/buttons/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 20.1.51 (2022-04-26)
+## 20.1.52 (2022-05-04)
+
+### Switch
+
+#### Bug Fixes
+
+- `#I362372` - The issue with "Script error occurs while using the reactive method in the switch component in Vue 3" has been resolved.
+
+## 20.1.50 (2022-04-19)
 
 ### Radio Button
 

components/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-buttons",
-	"version": "20.1.47",
+	"version": "20.1.50",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/buttons/src/check-box/checkbox.component.ts

@@ -130,6 +130,7 @@ export class CheckBoxComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/buttons/src/radio-button/radiobutton.component.ts

@@ -130,6 +130,7 @@ export class RadioButtonComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/buttons/src/switch/switch.component.ts

@@ -130,6 +130,7 @@ export class SwitchComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/charts/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 ## [Unreleased]
 
+## 20.1.52 (2022-05-04)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I375071` - Now axis labels is rendering properly with label rotation.
+
+## 20.1.51 (2022-04-26)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I375071` - Now axis labels is rendering properly with label rotation.
+
 ## 20.1.50 (2022-04-19)
 
 ### Chart

components/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-charts",
-	"version": "20.1.50",
+	"version": "20.1.51",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-diagrams",
-	"version": "20.1.48",
+	"version": "20.1.51",
 	"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/documenteditor/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 ## [Unreleased]
 
+## 20.1.52 (2022-05-04)
+
+### Document Editor
+
+#### Bug Fixes
+
+- `#SF-368653` - Resolved the Document Editor numbering continuity issue.
+- `#SF-376374` - Resolved the exception thrown on exporting a sfdt without a metafile property in server-side.
+- `#SF-373298` - Resolved the  extra paragraph added while updating the table of contents.
+- `#SF-373359` - Resolved the multiples instances of table of content creation when track changes is enabled.
+- `#SF-373451` - Resolved exception while open the document with image without relation identifier.
+- `#SF-373159` - Resolved the console error thrown on pasting a content and then changing page orientation.
+- `#SF-373175` - Resolved the script error thrown on deleting the revision text.
+- `#SF-372741` - Resolved inconsistent behaviour of text selection inside an editable table cell within a read only document.
+- `#SF-372794` - Resolved the script error while serializing sfdt document with page break to html format in server-side.
+- `#SF-372636` - Resolved the text inside the shape with wrapping style 'in-front of text'.
+- `#SF-372159` - Default number format for Page field is now displayed properly.
+- `#SF-371816` - List format is now preserved properly on importing.
+- `#SF-371644` - Table formatting is now preserved properly while copy pasting table and resolved the document hanging in copying.
+- `#SF-370909` - Resolved the script error rendering after content delete.
+- `#SF-369585` - Resolved the scrolling becomes quite slow while selecting the text in document with more than 20 pages.
+- `#SF-368794` - Resolved the tab space issue.
+- `#SF-366157`, `#SF-367362` - Resolved the table rendering issue at the bottom of the page.
+- `#SF-293527` - Justify paragraph layout issue in new page first paragraph is now resolved.
+- `#SF-373340` - Resolved the content hanging issue while opening the attached document.
+- `#SF-372431` - Resolved the table misalignment issue if the table has positioning properties.
+
 ## 20.1.51 (2022-04-26)
 
 ### Document Editor

components/documenteditor/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-documenteditor",
-	"version": "20.1.50",
+	"version": "20.1.51",
 	"description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/dropdowns/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 20.1.51 (2022-04-26)
+## 20.1.52 (2022-05-04)
 
 ### ListBox
 

components/dropdowns/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-dropdowns",
-	"version": "20.1.50",
+	"version": "20.1.51",
 	"description": "Essential JS 2 DropDown Components for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/dropdowns/src/auto-complete/autocomplete.component.ts

@@ -130,6 +130,7 @@ export class AutoCompleteComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/dropdowns/src/combo-box/combobox.component.ts

@@ -130,6 +130,7 @@ export class ComboBoxComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/dropdowns/src/drop-down-list/dropdownlist.component.ts

@@ -130,6 +130,7 @@ export class DropDownListComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/dropdowns/src/drop-down-tree/dropdowntree.component.ts

@@ -130,6 +130,7 @@ export class DropDownTreeComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/dropdowns/src/list-box/listbox.component.ts

@@ -130,6 +130,7 @@ export class ListBoxComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/dropdowns/src/multi-select/multiselect.component.ts

@@ -130,6 +130,7 @@ export class MultiSelectComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/filemanager/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 20.1.52 (2022-05-04)
+
+### File Manager
+
+#### Bug Fixes
+
+- `#I371623` - The issue with "Unable to perform file operations on the filtered file items in File Manager" has been resolved.
+
 ## 19.2.56 (2021-08-17)
 
 ### File Manager

components/gantt/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 20.1.52 (2022-05-04)
+
+### Gantt
+
+#### Bug Fixes
+
+- `#372661` - Data not properly updated in the Gantt Chart when switching between list view issue has been fixed.
+
 ## 20.1.51 (2022-04-26)
 
 ### Gantt

components/gantt/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-gantt",
-	"version": "20.1.50",
+	"version": "20.1.51",
 	"description": "Essential JS 2 Gantt Component for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/grids/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ## [Unreleased]
 
+## 20.1.52 (2022-05-04)
+
+### Grid
+
+#### Bug Fixes
+
+- `#I366094` - Need to consider validation when multiple records are added in batch edit mode has been fixed.
+- `#I374850` - When `allowKeyboard` was set to false the selection was not prevented correctly has been fixed.
+- `#F141605` - Provide support get distinct value from server when open the Excel/Checkbox filter has been fixed.
+
 ## 20.1.51 (2022-04-26)
 
 ### Grid

components/grids/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-grids",
-	"version": "20.1.48",
+	"version": "20.1.51",
 	"description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/grids/src/grid/grid.component.ts

@@ -134,6 +134,7 @@ export class GridComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);

components/lineargauge/CHANGELOG.md

@@ -14,7 +14,7 @@
 
 ## [Unreleased]
 
-## 20.1.51 (2022-04-26)
+## 20.1.52 (2022-05-04)
 
 ### LinearGauge
 

components/maps/CHANGELOG.md

@@ -14,7 +14,7 @@
 
 ## [Unreleased]
 
-## 20.1.51 (2022-04-26)
+## 20.1.48 (2022-04-12)
 
 ### Maps
 

components/maps/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-maps",
-	"version": "20.1.47",
+	"version": "20.1.48",
 	"description": "The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/maps/src/maps/maps.component.ts

@@ -137,6 +137,7 @@ export class MapsComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 } else {
                     if (eventName === 'change' || ((this as any).$props && !(this as any).$props.isLazyUpdate)) {
                         (this as any).$emit('update:'+ propKey, eventProp[propKey]);