fix: fix editable cells cannot be entered

This commit is contained in:
nebv 2020-10-13 01:40:10 +08:00
parent beb4c3a37f
commit 4500214b2a
4 changed files with 10 additions and 16 deletions

View File

@ -43,7 +43,7 @@ const EditableCell = defineComponent({
const elRef = ref<any>(null);
const isEditRef = ref(false);
const currentValueRef = ref<string | boolean>('');
const currentValueRef = ref<string | boolean>(props.value);
function handleChange(e: ChangeEvent | string | boolean) {
if ((e as ChangeEvent).target && Reflect.has((e as ChangeEvent).target, 'value')) {
@ -106,7 +106,7 @@ const EditableCell = defineComponent({
}}
style={{ width: 'calc(100% - 48px)' }}
ref={elRef}
value={value}
value={unref(currentValueRef)}
size="small"
onChange={handleChange}
onPressEnter={handleSubmit}
@ -141,12 +141,12 @@ export function renderEditableCell({
return ({ text, record }: { text: string; record: any }) => {
return (
<EditableCell
{...componentOn}
{...componentProps}
value={text}
dataKey={record.key}
dataIndex={dataIndex}
component={component}
on={componentOn}
componentProps={componentProps}
/>
);
};

View File

@ -1,7 +1,5 @@
<template>
<div class="p-4">
<div ref="chartRef" :style="{ height, width }" />
</div>
</template>
<script lang="ts">
import { defineComponent, PropType, ref, Ref, onMounted } from 'vue';
@ -18,7 +16,7 @@
},
height: {
type: String as PropType<string>,
default: '80vh',
default: 'calc(100vh - 78px)',
},
},
setup() {

View File

@ -1,7 +1,5 @@
<template>
<div class="p-4">
<div ref="chartRef" :style="{ height, width }" />
</div>
</template>
<script lang="ts">
import { defineComponent, PropType, ref, Ref, onMounted } from 'vue';
@ -18,7 +16,7 @@
},
height: {
type: String as PropType<string>,
default: '80vh',
default: 'calc(100vh - 78px)',
},
},
setup() {

View File

@ -1,7 +1,5 @@
<template>
<div class="p-4">
<div ref="chartRef" :style="{ height, width }" />
</div>
</template>
<script lang="ts">
import { defineComponent, PropType, ref, Ref, onMounted } from 'vue';
@ -16,7 +14,7 @@
},
height: {
type: String as PropType<string>,
default: '80vh',
default: 'calc(100vh - 78px)',
},
},
setup() {