From 1d89c7c8d3f8bced6f67e5acb8d1f3a78ad61829 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 27 Oct 2022 16:56:05 +0800
Subject: [PATCH 1/2] fix(nc-gui): duration focus issue

---
 packages/nc-gui/components/cell/Duration.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/cell/Duration.vue b/packages/nc-gui/components/cell/Duration.vue
index 3e4fc767dd..f3c5008a0b 100644
--- a/packages/nc-gui/components/cell/Duration.vue
+++ b/packages/nc-gui/components/cell/Duration.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { VNodeRef } from '@vue/runtime-core'
 import {
   ColumnInj,
   EditModeInj,
@@ -67,13 +68,15 @@ const submitDuration = () => {
   }
   isEdited.value = false
 }
+
+const focus: VNodeRef = (el) => (el as HTMLInputElement)?.focus()
 </script>
 
 <template>
   <div class="duration-cell-wrapper">
     <input
       v-if="editEnabled"
-      ref="durationInput"
+      :ref="focus"
       v-model="localState"
       class="w-full !border-none p-0"
       :class="{ '!px-2': editEnabled }"

From fba0d65f18b847a0cd23a077329e6ba94ccb3521 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 27 Oct 2022 17:38:00 +0800
Subject: [PATCH 2/2] fix(nc-gui):use computed instead of ref for durationType

---
 packages/nc-gui/components/cell/Duration.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/cell/Duration.vue b/packages/nc-gui/components/cell/Duration.vue
index f3c5008a0b..4730eaacf1 100644
--- a/packages/nc-gui/components/cell/Duration.vue
+++ b/packages/nc-gui/components/cell/Duration.vue
@@ -29,7 +29,7 @@ const durationInMS = ref(0)
 
 const isEdited = ref(false)
 
-const durationType = ref(column?.value?.meta?.duration || 0)
+const durationType = computed(() => column?.value?.meta?.duration || 0)
 
 const durationPlaceholder = computed(() => durationOptions[durationType.value].title)