fix(table): ensure that editable cell values are echoed correctly close #335

Vben
1 parent e15737b9
Showing 2 changed files with 6 additions and 5 deletions
mock/demo/select-demo.ts
src/components/Table/src/components/editable/EditableCell.vue
@@ -15,7 +15,7 @@ const demoList = (() =&gt; {
 export default [
   {
     url: '/basic-api/select/getDemoOptions',
-    timeout: 4000,
+    timeout: 2000,
     method: 'get',
     response: ({ query }) => {
       console.log(query);
@@ -13,7 +13,6 @@
         :popoverVisible="getRuleVisible"
         :rule="getRule"
         :ruleMessage="ruleMessage"
-        allowClear
         size="small"
         ref="elRef"
         @change="handleChange"
@@ -183,14 +182,16 @@
       async function handleChange(e: any) {
         const component = unref(getComponent);
-        if (e?.target && Reflect.has(e.target, 'value')) {
+        if (!e) {
+          currentValueRef.value = e;
+        } else if (e?.target && Reflect.has(e.target, 'value')) {
           currentValueRef.value = (e as ChangeEvent).target.value;
-        }
-        if (component === 'Checkbox') {
+        } else if (component === 'Checkbox') {
           currentValueRef.value = (e as ChangeEvent).target.checked;
         } else if (isString(e) || isBoolean(e) || isNumber(e)) {
           currentValueRef.value = e;
         }
+
         table.emit?.('edit-change', {
           column: props.column,
           value: unref(currentValueRef),