tmagic-editor/packages/tdesign-vue-next-adapter/src/Input.vue

<template>
  <TTextarea
    v-if="type === 'textarea'"
    :modelValue="modelValue"
    :size="size === 'default' ? 'medium' : size"
    :disabled="disabled"
    :placeholder="placeholder"
    @keypress="inputHandler"
    @change="changeHandler"
  ></TTextarea>
  <TInput
    v-else
    :modelValue="modelValue"
    :size="size === 'default' ? 'medium' : size"
    :clearable="clearable"
    :disabled="disabled"
    :placeholder="placeholder"
    @keypress="inputHandler"
    @change="changeHandler"
    @update:modelValue="updateModelValue"
  ></TInput>
</template>

<script lang="ts" setup>
import { Input as TInput, Textarea as TTextarea } from 'tdesign-vue-next';

defineProps<{
  modelValue?: string;
  clearable?: boolean;
  disabled?: boolean;
  placeholder?: string;
  type?: string;
  size?: 'large' | 'default' | 'small';
}>();

const emit = defineEmits(['change', 'input', 'update:modelValue']);

const changeHandler = (...args: any[]) => {
  emit('change', ...args);
};

const inputHandler = (...args: any[]) => {
  emit('input', ...args);
};

const updateModelValue = (...args: any[]) => {
  emit('update:modelValue', ...args);
};
</script>