From 1e48e7d5d9658683fea366df7f0aef8a63acfa56 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Tue, 9 Aug 2022 22:40:17 +0800
Subject: [PATCH] chore(gui-v2): lint

---
 packages/nc-gui-v2/components.d.ts                   |  1 +
 .../components/smartsheet-column/EditOrAdd.vue       |  2 +-
 packages/nc-gui-v2/components/smartsheet/Form.vue    | 12 ++++++++----
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui-v2/components.d.ts b/packages/nc-gui-v2/components.d.ts
index 208e7f88ab..102e3199c9 100644
--- a/packages/nc-gui-v2/components.d.ts
+++ b/packages/nc-gui-v2/components.d.ts
@@ -47,6 +47,7 @@ declare module '@vue/runtime-core' {
     ARow: typeof import('ant-design-vue/es')['Row']
     ASelect: typeof import('ant-design-vue/es')['Select']
     ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
+    ASkeleton: typeof import('ant-design-vue/es')['Skeleton']
     ASkeletonImage: typeof import('ant-design-vue/es')['SkeletonImage']
     ASpin: typeof import('ant-design-vue/es')['Spin']
     ASubMenu: typeof import('ant-design-vue/es')['SubMenu']
diff --git a/packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue b/packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue
index 07ba7b0491..e0da14315e 100644
--- a/packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue
+++ b/packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue
@@ -212,4 +212,4 @@ watch(
 :deep(.ant-form-item-explain) {
   @apply !min-h-[15px];
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/nc-gui-v2/components/smartsheet/Form.vue b/packages/nc-gui-v2/components/smartsheet/Form.vue
index 25a4dcea94..57253fcf85 100644
--- a/packages/nc-gui-v2/components/smartsheet/Form.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Form.vue
@@ -373,7 +373,7 @@ onMounted(async () => {
           </div>
         </div>
       </div>
-      <draggable :list="hiddenColumns" draggable=".item" group="form-inputs" @start="drag = true" @end="drag = false">
+      <Draggable :list="hiddenColumns" draggable=".item" group="form-inputs" @start="drag = true" @end="drag = false">
         <template #item="{ element }">
           <a-card size="small" class="ma-0 pa-0 cursor-pointer item mb-2">
             <div class="flex">
@@ -382,12 +382,14 @@ onMounted(async () => {
                   v-if="isVirtualCol(element)"
                   :column="{ ...element, title: element.label || element.title }"
                   :required="isRequired(element, element.required)"
+                  :hide-menu="true"
                 />
                 <SmartsheetHeaderCell
                   v-else
                   class="w-full"
                   :column="{ ...element, title: element.label || element.title }"
                   :required="isRequired(element, element.required)"
+                  :hide-menu="true"
                 />
               </div>
               <div class="flex flex-row">
@@ -414,7 +416,7 @@ onMounted(async () => {
             </template>
           </a-dropdown>
         </template>
-      </draggable>
+      </Draggable>
     </a-col>
     <a-col v-if="formViewData" :span="isEditable ? 16 : 24" class="h-full overflow-auto scrollbar-thin-primary">
       <a-card class="h-full">
@@ -447,7 +449,7 @@ onMounted(async () => {
               @click="updateView"
             />
           </a-form-item>
-          <draggable
+          <Draggable
             ref="draggableRef"
             :list="localColumns"
             item-key="fk_column_id"
@@ -472,11 +474,13 @@ onMounted(async () => {
                       v-if="isVirtualCol(element)"
                       :column="{ ...element, title: element.label || element.title }"
                       :required="isRequired(element, element.required)"
+                      :hide-menu="true"
                     />
                     <SmartsheetHeaderCell
                       v-else
                       :column="{ ...element, title: element.label || element.title }"
                       :required="isRequired(element, element.required)"
+                      :hide-menu="true"
                     />
                   </div>
                   <div v-if="isUIAllowed('editFormView') && !isRequired(element, element.required)" class="flex">
@@ -530,7 +534,7 @@ onMounted(async () => {
                 Drag and drop fields here to add
               </div>
             </template>
-          </draggable>
+          </Draggable>
         </a-form>
 
         <div class="justify-center flex mt-5">