From 51adbcbd2de02a2fb2c1328d83d3a13f1720fced Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Thu, 4 Aug 2022 18:41:09 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D(table):=20=E5=AE=8C=E5=96=84=20?=
 =?UTF-8?q?=E8=A1=8C=E5=86=85=E7=BC=96=E8=BE=91=20=E6=A1=88=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/document/zh-CN/components/table.md    | 33 ++++++++++++-------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/package/document-component/src/document/zh-CN/components/table.md b/package/document-component/src/document/zh-CN/components/table.md
index 75ef1cc2..b77e471f 100644
--- a/package/document-component/src/document/zh-CN/components/table.md
+++ b/package/document-component/src/document/zh-CN/components/table.md
@@ -1073,7 +1073,7 @@ export default {
 <template>
   <lay-table :columns="columns28" :data-source="dataSource28">
     <template #username="{ data }">
-      <lay-input v-if="edingKeys[data.id]" v-model="data.username" >
+      <lay-input v-if="edingKeys[data.id]" :model-value="data.username" @input="changeUsername($event, data)">
         <template #suffix>
           <lay-icon type="layui-icon-close" style="right:10px;" v-if="edingKeys[data.id]"  @click="deleteEdit(data.id)"></lay-icon>
         </template>
@@ -1094,14 +1094,6 @@ export default {
 
     const edingKeys = ref([])
 
-    const editHandle = (key) => {
-      edingKeys.value.push(key);
-    }
-
-    const deleteEdit = (key) => {
-      edingKeys.value.splice(edingKeys.value.indexOf(key),1);
-    }
-
     const columns28 = [
       {
         title:"账户",
@@ -1127,13 +1119,29 @@ export default {
       }
     ]
 
-    const dataSource28 = [
+    const dataSource28 = ref([
       {id:"1",username:"root", password:"root",sex:"男", age:"18", remark: 'layui - vue（谐音：类 UI) '},
       {id:"2",username:"root", password:"root",sex:"男", age:"18", remark: 'layui - vue（谐音：类 UI) '},
       {id:"3",username:"woow", password:"woow",sex:"男", age:"20", remark: 'layui - vue（谐音：类 UI) '},
       {id:"4",username:"woow", password:"woow",sex:"男", age:"20", remark: 'layui - vue（谐音：类 UI) '},
       {id:"5",username:"woow", password:"woow",sex:"男", age:"20", remark: 'layui - vue（谐音：类 UI) '}
-    ]
+    ])
+
+    const editHandle = (key) => {
+      edingKeys.value.push(key);
+    }
+
+    const deleteEdit = (key) => {
+      edingKeys.value.splice(edingKeys.value.indexOf(key),1);
+    }
+
+    const changeUsername = (val, data) => {
+      dataSource28.value.forEach(element => {
+        if(element.id == data.id) {
+          element.username = val;
+        }
+      });
+    }
 
     return {
       edingKeys,
@@ -1141,6 +1149,7 @@ export default {
       columns28,
       editHandle,
       dataSource28,
+      changeUsername,
     }
   }
 }
@@ -1151,7 +1160,7 @@ export default {
 ::: title 完整表格
 :::
 
-::: demo
+::: demo 使用了绝大部分属性的 table 案例
 
 <template>
   <lay-table :columns="columns5" id="id" :expand-index="1" :data-source="dataSource5" v-model:selected-keys="selectedKeys5" :checkbox="checkbox5" :default-toolbar="defaultToolbar5" @row="rowClick5" max-height="200px">