From 7c442f172bb3696846db8d1623f27db33e05ba41 Mon Sep 17 00:00:00 2001
From: Mutter <mutter45@foxmail.com>
Date: Tue, 27 Aug 2024 09:40:11 +0800
Subject: [PATCH] docs(components):  [table-v2] refine inline editing examples
 (#18018)

---
 docs/examples/table-v2/inline-editing.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/docs/examples/table-v2/inline-editing.vue b/docs/examples/table-v2/inline-editing.vue
index 6c4d1f7e74..268ab706dd 100644
--- a/docs/examples/table-v2/inline-editing.vue
+++ b/docs/examples/table-v2/inline-editing.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="tsx" setup>
-import { ref } from 'vue'
+import { ref, withKeys } from 'vue'
 import { ElInput } from 'element-plus'
 
 import type { FunctionalComponent } from 'vue'
@@ -25,16 +25,26 @@ type SelectionCellProps = {
   value: string
   intermediate?: boolean
   onChange: (value: string) => void
+  onBlur: () => void
+  onKeydownEnter: () => void
   forwardRef: (el: InputInstance) => void
 }
 
 const InputCell: FunctionalComponent<SelectionCellProps> = ({
   value,
   onChange,
+  onBlur,
+  onKeydownEnter,
   forwardRef,
 }) => {
   return (
-    <ElInput ref={forwardRef as any} onInput={onChange} modelValue={value} />
+    <ElInput
+      ref={forwardRef as any}
+      onInput={onChange}
+      onBlur={onBlur}
+      onKeydown={withKeys(onKeydownEnter, ['enter'])}
+      modelValue={value}
+    />
   )
 }