|
|
|
@ -10,6 +10,7 @@ import {
|
|
|
|
|
iconMap, |
|
|
|
|
inject, |
|
|
|
|
useVModel, |
|
|
|
|
ReadonlyInj |
|
|
|
|
} from '#imports' |
|
|
|
|
|
|
|
|
|
const props = defineProps<{ |
|
|
|
@ -47,6 +48,8 @@ const inputRef = ref<HTMLTextAreaElement | null>(null)
|
|
|
|
|
|
|
|
|
|
const active = inject(ActiveCellInj, ref(false)) |
|
|
|
|
|
|
|
|
|
const readOnly = inject(ReadonlyInj) |
|
|
|
|
|
|
|
|
|
watch(isVisible, () => { |
|
|
|
|
if (isVisible.value) { |
|
|
|
|
setTimeout(() => { |
|
|
|
@ -133,11 +136,12 @@ onClickOutside(inputWrapperRef, (e) => {
|
|
|
|
|
ref="inputRef" |
|
|
|
|
v-model:value="vModel" |
|
|
|
|
placeholder="Enter text" |
|
|
|
|
class="p-1 !pt-1 !pr-3 !border-0 !border-r-0 !focus:outline-transparent nc-scrollbar-md" |
|
|
|
|
class="p-1 !pt-1 !pr-3 !border-0 !border-r-0 !focus:outline-transparent nc-scrollbar-md !text-black" |
|
|
|
|
:bordered="false" |
|
|
|
|
:auto-size="{ minRows: 20, maxRows: 20 }" |
|
|
|
|
@keydown.stop |
|
|
|
|
@keydown.escape="isVisible = false" |
|
|
|
|
:disabled="readOnly" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|