From b922b9ea010a584fc415c68fdc59476661446e6b Mon Sep 17 00:00:00 2001
From: zz <2418184580@qq.com>
Date: Fri, 1 Jul 2022 16:16:10 +0800
Subject: [PATCH 1/3] fix(components): [radio] fix typo (#8556)

---
 packages/components/radio/src/radio.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/radio/src/radio.vue b/packages/components/radio/src/radio.vue
index 25cc895f44fca..0cb0eca1e6cfe 100644
--- a/packages/components/radio/src/radio.vue
+++ b/packages/components/radio/src/radio.vue
@@ -10,7 +10,7 @@
       rawAttrs.class,
     ]"
     :style="containerStyle"
-    v-bind="labelListieners"
+    v-bind="labelListeners"
   >
     <span
       :class="[
@@ -61,7 +61,7 @@ const containerStyle = computed<StyleValue>(() => rawAttrs.style as StyleValue)
 
 const inputAttrs = useAttrs({ excludeListeners: true })
 
-const labelListieners = useAttrs({
+const labelListeners = useAttrs({
   excludeKeys: computed<string[]>(() => {
     return Object.keys(inputAttrs.value)
   }),

From 2d951a2af716bf5e654cf67fa396cecc04ed78de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Fri, 1 Jul 2022 20:19:43 +0800
Subject: [PATCH 2/3] fix(components): [message] fix z-index & offset (#8582)

---
 packages/components/message/src/instance.ts |  8 ++++----
 packages/components/message/src/method.ts   | 10 ++++------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/components/message/src/instance.ts b/packages/components/message/src/instance.ts
index 30e2f4133b382..833caa6b30436 100644
--- a/packages/components/message/src/instance.ts
+++ b/packages/components/message/src/instance.ts
@@ -1,13 +1,13 @@
 import { shallowReactive } from 'vue'
-import type { VNode } from 'vue'
+import type { ComponentInternalInstance, VNode } from 'vue'
 import type { Mutable } from '@element-plus/utils'
-import type { MessageHandler, MessageInstance, MessageProps } from './message'
+import type { MessageHandler, MessageProps } from './message'
 
 export type MessageContext = {
   id: string
   vnode: VNode
   handler: MessageHandler
-  vm: MessageInstance
+  vm: ComponentInternalInstance
   props: Mutable<MessageProps>
 }
 
@@ -26,5 +26,5 @@ export const getInstance = (id: string) => {
 export const getLastOffset = (id: string): number => {
   const { prev } = getInstance(id)
   if (!prev) return 0
-  return prev.vm.bottom
+  return prev.vm.exposeProxy!.bottom
 }
diff --git a/packages/components/message/src/method.ts b/packages/components/message/src/method.ts
index f6972a1d7e367..573e61229b3bb 100644
--- a/packages/components/message/src/method.ts
+++ b/packages/components/message/src/method.ts
@@ -20,7 +20,6 @@ import type {
   Message,
   MessageFn,
   MessageHandler,
-  MessageInstance,
   MessageOptions,
   MessageParams,
   MessageParamsNormalized,
@@ -82,7 +81,7 @@ const createMessage = (
 
   const props = {
     ...options,
-    zIndex: options.zIndex ?? nextZIndex(),
+    zIndex: nextZIndex() + options.zIndex,
     id,
     onClose: () => {
       userOnClose?.()
@@ -110,14 +109,13 @@ const createMessage = (
   // instances will remove this item when close function gets called. So we do not need to worry about it.
   appendTo.appendChild(container.firstElementChild!)
 
-  const vm = vnode.component!.proxy as MessageInstance
+  const vm = vnode.component!
+
   const handler: MessageHandler = {
     // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
     // for out component, so that all closing steps will not be skipped.
     close: () => {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore `visible` from defineExpose
-      vm.visible = false
+      vm.exposeProxy!.visible = false
     },
   }
 

From d746c4617d5b27ae0139953547196dfd4077dd08 Mon Sep 17 00:00:00 2001
From: Element <wallement@gmail.com>
Date: Fri, 1 Jul 2022 20:30:34 +0800
Subject: [PATCH 3/3] chore: update changelog 2.2.8 (#8584)

---
 CHANGELOG.en-US.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 14b544aca3f33..3207d2984e9fa 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -1,4 +1,13 @@
 ## Changelog
+
+### 2.2.8
+
+_2022-07-01_
+
+#### Bug fixes
+
+- Components [radio] fix typo (#8556 by @holazz)
+- Components [message] fix z-index & offset (#8582 by @sxzz)
 
 ### 2.2.7