chore(gui-v2): lint

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']

packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue

@@ -212,4 +212,4 @@ watch(
 :deep(.ant-form-item-explain) {
   @apply !min-h-[15px];
 }
-</style>
+</style>

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">