From b1ee69918421d5111b2ddec0936f372ba0d059db Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Tue, 2 Aug 2022 13:07:59 +0800
Subject: [PATCH] feat(gui-v2): add DecimalCell

---
 .../nc-gui-v2/components/cell/Decimal.vue     | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 packages/nc-gui-v2/components/cell/Decimal.vue

diff --git a/packages/nc-gui-v2/components/cell/Decimal.vue b/packages/nc-gui-v2/components/cell/Decimal.vue
new file mode 100644
index 0000000000..58355b5c20
--- /dev/null
+++ b/packages/nc-gui-v2/components/cell/Decimal.vue
@@ -0,0 +1,43 @@
+<script lang="ts" setup>
+import { computed, inject, onMounted, ref } from '#imports'
+
+interface Props {
+  modelValue: number
+}
+
+interface Emits {
+  (event: 'update:modelValue', model: number): void
+}
+
+const props = defineProps<Props>()
+
+const emits = defineEmits<Emits>()
+
+const editEnabled = inject<boolean>('editEnabled')
+
+const root = ref<HTMLInputElement>()
+
+const vModel = useVModel(props, 'modelValue', emits)
+
+onMounted(() => {
+  root.value?.focus()
+})
+</script>
+
+<template>
+  <input
+    v-if="editEnabled"
+    ref="root"
+    v-model="vModel"
+    class="outline-none pa-0 border-none w-full h-full prose-sm"
+    type="number"
+    step="0.1"
+  />
+  <span v-else class="prose-sm">{{ vModel }}</span>
+</template>
+
+<style scoped lang="scss">
+input[type='number']:focus {
+  @apply ring-transparent;
+}
+</style>