From efed80666da3fb7074bc08153ec090af03b9f16d Mon Sep 17 00:00:00 2001
From: zz <2418184580@qq.com>
Date: Wed, 12 Oct 2022 16:15:06 +0800
Subject: [PATCH] docs: update table-v2 demo (#10059)

---
 docs/examples/table-v2/inline-editing.vue | 13 +++++++------
 docs/examples/table-v2/selection.vue      | 15 +++++++--------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/docs/examples/table-v2/inline-editing.vue b/docs/examples/table-v2/inline-editing.vue
index fc1410a707..6c4d1f7e74 100644
--- a/docs/examples/table-v2/inline-editing.vue
+++ b/docs/examples/table-v2/inline-editing.vue
@@ -15,18 +15,17 @@
 </template>
 
 <script lang="tsx" setup>
-import { nextTick, ref, resolveDynamicComponent } from 'vue'
+import { ref } from 'vue'
+import { ElInput } from 'element-plus'
 
 import type { FunctionalComponent } from 'vue'
-import type { Column, ElInput } from 'element-plus'
-
-const Input = resolveDynamicComponent('ElInput') as typeof ElInput
+import type { Column, InputInstance } from 'element-plus'
 
 type SelectionCellProps = {
   value: string
   intermediate?: boolean
   onChange: (value: string) => void
-  forwardRef: (el: InstanceType<typeof ElInput>) => void
+  forwardRef: (el: InputInstance) => void
 }
 
 const InputCell: FunctionalComponent<SelectionCellProps> = ({
@@ -34,7 +33,9 @@ const InputCell: FunctionalComponent<SelectionCellProps> = ({
   onChange,
   forwardRef,
 }) => {
-  return <Input ref={forwardRef as any} onInput={onChange} modelValue={value} />
+  return (
+    <ElInput ref={forwardRef as any} onInput={onChange} modelValue={value} />
+  )
 }
 
 const generateColumns = (length = 10, prefix = 'column-', props?: any) =>
diff --git a/docs/examples/table-v2/selection.vue b/docs/examples/table-v2/selection.vue
index 1fa66d3d55..0f1617080e 100644
--- a/docs/examples/table-v2/selection.vue
+++ b/docs/examples/table-v2/selection.vue
@@ -15,17 +15,16 @@
 </template>
 
 <script lang="tsx" setup>
-import { ref, resolveDynamicComponent, unref } from 'vue'
+import { ref, unref } from 'vue'
+import { ElCheckbox } from 'element-plus'
 
 import type { FunctionalComponent } from 'vue'
-import type { Column, ElCheckbox } from 'element-plus'
-
-const Checkbox = resolveDynamicComponent('ElCheckbox') as typeof ElCheckbox
+import type { CheckboxValueType, Column } from 'element-plus'
 
 type SelectionCellProps = {
   value: boolean
   intermediate?: boolean
-  onChange: (value: boolean) => void
+  onChange: (value: CheckboxValueType) => void
 }
 
 const SelectionCell: FunctionalComponent<SelectionCellProps> = ({
@@ -34,7 +33,7 @@ const SelectionCell: FunctionalComponent<SelectionCellProps> = ({
   onChange,
 }) => {
   return (
-    <Checkbox
+    <ElCheckbox
       onChange={onChange}
       modelValue={value}
       indeterminate={intermediate}
@@ -75,13 +74,13 @@ columns.unshift({
   key: 'selection',
   width: 50,
   cellRenderer: ({ rowData }) => {
-    const onChange = (value: boolean) => (rowData.checked = value)
+    const onChange = (value: CheckboxValueType) => (rowData.checked = value)
     return <SelectionCell value={rowData.checked} onChange={onChange} />
   },
 
   headerCellRenderer: () => {
     const _data = unref(data)
-    const onChange = (value: boolean) =>
+    const onChange = (value: CheckboxValueType) =>
       (data.value = _data.map((row) => {
         row.checked = value
         return row