chore: Update inline input

2026-04-02 22:37:34 +05:30
parent c71bcc2428
commit 27fd2b8d86
3 changed files with 25 additions and 11 deletions
@@ -36,7 +36,13 @@ const props = defineProps({
  },
 });

-const emit = defineEmits(['enterPress', 'input', 'blur', 'focus']);
+const emit = defineEmits([
+  'enterPress',
+  'escapePress',
+  'input',
+  'blur',
+  'focus',
+]);

 const modelValue = defineModel({
  type: [String, Number],
@@ -49,6 +55,10 @@ const onEnterPress = () => {
  emit('enterPress');
 };

+const onEscapePress = () => {
+  emit('escapePress');
+};
+
 const handleInput = event => {
  emit('input', event.target.value);
  modelValue.value = event.target.value;
@@ -102,6 +112,7 @@ defineExpose({
      @focus="handleFocus"
      @blur="handleBlur"
      @keydown.enter.prevent="onEnterPress"
+      @keydown.escape.prevent="onEscapePress"
    />
  </div>
 </template>