From 75edbc2f2de8b29511be9ae2e5fb29db65953d71 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Tue, 5 Jul 2022 19:38:44 +0800
Subject: [PATCH] feat: add percent to EditColumn

---
 .../spreadsheet/components/EditColumn.vue        | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/EditColumn.vue b/packages/nc-gui/components/project/spreadsheet/components/EditColumn.vue
index 03d75d602c..c3517ea2c6 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/EditColumn.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/EditColumn.vue
@@ -233,6 +233,15 @@
                         />
                       </v-col>
                     </template>
+                    <template v-else-if="newColumn.uidt === 'Percent'">
+                      <v-col cols="12">
+                        <percent-options
+                          v-model="newColumn.meta"
+                          :column="newColumn"
+                          :meta="meta"
+                        />
+                      </v-col>
+                    </template>
                     <template v-else>
                       <v-col v-if="isLookup" cols="12">
                         <lookup-options
@@ -581,6 +590,7 @@ import RatingOptions from '~/components/project/spreadsheet/components/editColum
 import CheckboxOptions from '~/components/project/spreadsheet/components/editColumn/CheckboxOptions'
 import CurrencyOptions from '@/components/project/spreadsheet/components/editColumn/CurrencyOptions'
 import DurationOptions from '@/components/project/spreadsheet/components/editColumn/DurationOptions'
+import PercentOptions from '@/components/project/spreadsheet/components/editColumn/PercentOptions'
 
 const columnToValidate = [UITypes.Email, UITypes.URL, UITypes.PhoneNumber]
 
@@ -597,7 +607,8 @@ export default {
     RelationOptions,
     CustomSelectOptions,
     CurrencyOptions,
-    DurationOptions
+    DurationOptions,
+    PercentOptions
   },
   props: {
     nodes: Object,
@@ -628,7 +639,8 @@ export default {
         UITypes.Rollup,
         UITypes.SpecificDBType,
         UITypes.Formula,
-        UITypes.Duration
+        UITypes.Duration,
+        UITypes.Percent
       ].includes(this.newColumn && this.newColumn.uidt)
     },
     uiTypes() {