v21.2.9 is released

Author: pipeline

components/base/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 ## [Unreleased]
 
+## 21.2.9 (2023-06-06)
+
+### Common
+
+#### Bug Fixes
+
+- `#I457123` - The issue with "Unable to render Grid component using v-for and a slot template in Vue 3" has been resolved.
+- `#I468694` - The issue with "Unable to access the global directives in Vue 3 slot templates" has been resolved.
+
+## 21.2.6 (2023-05-23)
+
+### Common
+
+#### Bug Fixes
+
+- `#I453141` - The issue with "Unable to access the template data inside the external template while using Composition API" has been resolved.
+
 ## 21.1.41 (2023-04-18)
 
 ### Common

components/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-base",
-	"version": "21.2.3",
+	"version": "21.2.6",
 	"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

@@ -257,6 +257,7 @@ export let ComponentBase = vueDefineComponent({
             let slot: any = [];
             let innerDirValues: any;
             slot = slots.default ? slots.default() : slots;
+            slot = slot.flatMap((item: any) => Array.isArray(item.children) ? item.children : item);
             let items: any = {};
             items[`${tagName}`] = [];
             for (const childSlot of slot) {

components/base/src/template.ts

@@ -68,9 +68,18 @@ export function compile(
         }
         let tempRef: any;
         if (propsData) {
-          tempRef = (<any>Object).assign(templateCompRef.data(), propsData);
-        } else {
-          tempRef = (<any>Object).assign(templateCompRef.data(), dataObj.data);
+          if (templateCompRef.setup) {
+            tempRef = (<any>Object).assign(templateCompRef.setup(null, { expose: function () {}}), propsData);
+          } else {
+            tempRef = (<any>Object).assign(templateCompRef.data(), propsData);
+          }
+        }
+        else {
+          if (templateCompRef.setup) {
+            tempRef = (<any>Object).assign(templateCompRef.setup(null, { expose: function () {}}), dataObj.data);
+          } else {
+            tempRef = (<any>Object).assign(templateCompRef.data(), dataObj.data);
+          }
           if (templateCompRef.components) {
             let objkeys: any = Object.keys(templateCompRef.components) || [];
             for (let objstring of objkeys) {
@@ -82,6 +91,14 @@ export function compile(
             }
           }
         }
+        if (templateCompRef.setup) {
+          templateCompRef.setup = function (__props: any, { expose: __expose }: any) {
+            __expose();
+            const __returned__ = tempRef;
+            Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+            return __returned__;
+          }
+        }
         templateCompRef.data = function () { return tempRef; };
         let app: any = Vue.createApp(templateCompRef);
         if (plugins) {
@@ -140,6 +157,12 @@ export function compile(
         if (typeof templateFunction !== "function") {
           templateFunction = Vue.extend(templateFunction);
         }
+        if (templateFunction.options.setup) {
+          var variables: any = (<any>Object).assign(templateFunction.options.setup(), dataObj.data);
+          templateFunction.options.setup = function(__props: any) {
+            return variables;
+          };
+        }
         let templateVue: any = new templateFunction(dataObj);
         // let templateVue = new Vue(tempObj.template);
         // templateVue.$data.data = extend(tempObj.data, data);
@@ -173,7 +196,7 @@ function getValues(app: any, cInstance: any, root: any): any {
     return;
   }
   // Get globally defined variables.
-  let globalVariables: string[] = ['components', 'mixins', 'provides'];
+  let globalVariables: string[] = ['components', 'mixins', 'provides', 'directives'];
   for (let i: number = 0; i < globalVariables.length; i++) {
     let gVariable: string = globalVariables[i];
     if (app['_context'][gVariable] && vueInstance['$']['appContext'][gVariable]) {
@@ -258,6 +281,7 @@ function getChildVueSlot(slots: any, templateElement: any): any {
     return slots;
   } else if (slots && slots.default) {
     let childSlots: any = slots.default();
+    childSlots = childSlots.flatMap((item: any) => Array.isArray(item.children) ? item.children : item);
     for (let i: number = 0; i < childSlots.length; i++) {
       let slot: any = getChildVueSlot(childSlots[parseInt(i.toString(), 10)].children, templateElement);
       if (slot) {

components/buttons/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 ## [Unreleased]
 
+## 21.2.6 (2023-05-23)
+
+### RadioButton
+
+#### Bug Fixes
+
+- `#I463728` - The issue with "Provide the boolean value support for radio button while using the v-model property in VUE platform" has been resolved.
+
+## 21.2.5 (2023-05-16)
+
+### RadioButton
+
+#### Bug Fixes
+
+- `#F182133` - The issue with "Ripple element is not destroyed properly while clicking on radio button component" has been resolved.
+
 ## 21.2.3 (2023-05-03)
 
 ### Switch

components/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-buttons",
-	"version": "21.1.37",
+	"version": "21.2.6",
 	"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/calendars/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 ## [Unreleased]
 
+## 21.2.9 (2023-06-06)
+
+### DatePicker
+
+#### Bug Fixes
+
+`#F43274` - Issue with "Typing values in datepicker and press tab or enter key cause console error" has been resolved.
+
+
+## 21.2.8 (2023-05-30)
+
+### TimePicker
+
+#### Bug Fixes
+
+- `#I461842` - The performance issue with the Time picker, which was caused by the creation of the popup during component rendering has been resolved.
+
+## 21.2.6 (2023-05-23)
+
+### TimePicker
+
+#### Bug Fixes
+
+- `#SF-461465` - Issue with "Time picker dropdown width not responsive to input and icon" has been resolved.
+
 ## 21.1.41 (2023-04-18)
 
 ### DatePicker
@@ -1256,6 +1281,14 @@ TimePicker component is the pre-filled dropdown list with the time values 12/24
 - **Accessibility** - Provided with built-in accessibility support which helps to access all the TimePicker component features through the keyboard, screen readers, or other assistive technology devices.
 
 
+## 21.2.5 (2023-05-16)
+
+### Calendar
+
+#### Bug Fixes
+
+- `#I458215` - Issue with "Islamic calendar decade view in the Arabic culture where the years were not being displayed correctly" has been resolved.
+
 ## 19.1.56 (2021-04-13)
 
 ### DateRangePicker

components/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-calendars",
-	"version": "21.1.41",
+	"version": "21.2.8",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/charts/CHANGELOG.md

@@ -2,6 +2,59 @@
 
 ## [Unreleased]
 
+## 21.2.9 (2023-06-06)
+
+### Chart
+
+#### Bug Fixes
+
+- `#F182216` - Fixed the issue where the data label was hidden.
+- `#I464403` - Fixed an issue where strip line text was getting cut off when it was too long.
+
+## 21.2.8 (2023-05-30)
+
+### Chart
+
+#### Bug Fixes
+
+- `#F181551` - The tooltip now displays the percentage of each stacking group.
+- `#F182191` - Now, tooltip values are displayed correctly when no data is given for the data point in a series.
+- `#I461357` - Now, zooming and selection are working properly when using both at the same time.
+- `#I452148` - The issue of the y-axis label overlap has been fixed.
+- `#I464813` - Fixed MinorGridLine to be visible even when the width is not set for MajorTickLine.
+- `#I463171` - Fixed issue where column width was not being set properly.
+- `#I462090` - Fixed an issue where startFromAxis was not working correctly for stripLine.
+
+## 21.2.6 (2023-05-23)
+
+### Chart
+
+#### Bug Fixes
+
+- `#F182033` - The marker is now proper while zooming the chart.
+
+## 21.2.5 (2023-05-16)
+
+### Chart
+
+#### Bug Fixes
+
+- `#F181976` - Now the tooltip is proper when using two axes in a chart.
+- `#I451537` - Now, the axis label value is correct when an interval is not given.
+- `#I451537` - Fixed an issue where the axis label was not displaying correctly.
+- `#I451537` - Now, the secondary axis label will be correctly displayed without an interval.
+- `#I452395` - Fixed an issue where the y-axis axis label was displaying double values.
+- `#I452390` - Fixed the issue where the axis label was being trimmed despite the shift given to the edgeLabelPlacement.
+
+## 21.2.4 (2023-05-09)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I457088` - Fixed the console error thrown on clicking on the legend.
+- `#I459170` - Now the accumulation data label is visible when using a template.
+
 ## 21.2.3 (2023-05-03)
 
 ### Chart

components/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-charts",
-	"version": "21.1.41",
+	"version": "21.2.8",
 	"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",