fix(gui-v2): maintain the sort order

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui-v2/components/shared-view/Form.vue

@@ -99,7 +99,7 @@ function isRequired(_columnObj: Record<string, any>, required = false) {
                         </div>
                         <div v-if="isVirtualCol(field)" class="mt-0">
                           <SmartsheetVirtualCell class="mt-0 nc-input" :column="field" />
-                          <div class="text-gray-500 text-[10px] mb-2 ml-1" v-if="field.description">{{ field.description }}</div>
+                          <div v-if="field.description" class="text-gray-500 text-[10px] mb-2 ml-1">{{ field.description }}</div>
                           <template v-if="v$.virtual.$dirty && v$.virtual?.[field.title]">
                             <div v-for="error of v$.virtual[field.title].$errors" :key="error" class="text-xs text-red-500">
                               {{ error.$message }}
@@ -113,7 +113,7 @@ function isRequired(_columnObj: Record<string, any>, required = false) {
                             :column="field"
                             :edit-enabled="true"
                           />
-                          <div class="text-gray-500 text-[10px] mb-2 ml-1" v-if="field.description">{{ field.description }}</div>
+                          <div v-if="field.description" class="text-gray-500 text-[10px] mb-2 ml-1">{{ field.description }}</div>
                           <template v-if="v$.localState.$dirty && v$.localState?.[field.title]">
                             <div v-for="error of v$.localState[field.title].$errors" :key="error" class="text-xs text-red-500">
                               {{ error.$message }}

packages/nc-gui-v2/composables/useSharedFormViewStore.ts

@@ -3,7 +3,7 @@ import { minLength, required } from '@vuelidate/validators'
 import { message } from 'ant-design-vue'
 import type { ColumnType, FormType, LinkToAnotherRecordType, TableType, ViewType } from 'nocodb-sdk'
 import { ErrorMessages, RelationTypes, UITypes, isVirtualCol } from 'nocodb-sdk'
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 import { SharedViewPasswordInj } from '~/context'
 import { extractSdkResponseErrorMsg } from '~/utils'
 import { useInjectionState, useMetas } from '#imports'
@@ -21,7 +21,7 @@ const [useProvideSharedFormStore, useSharedFormStore] = useInjectionState((share
   const sharedView = ref<ViewType>()
   const sharedFormView = ref<FormType>()
   const meta = ref<TableType>()
-  const columns = ref<(ColumnType & { required?: boolean })[]>()
+  const columns = ref<(ColumnType & { required?: boolean; show?: boolean })[]>()
 
   const { $api } = useNuxtApp()
   const { metas, setMeta } = useMetas()
@@ -36,18 +36,8 @@ const [useProvideSharedFormStore, useSharedFormStore] = useInjectionState((share
     }),
   )
 
-  const formColumns = computed(
-    () =>
-      columns?.value
-        ?.filter?.(
-          (f: Record<string, any>) =>
-            f.show && f.uidt !== UITypes.Rollup && f.uidt !== UITypes.Lookup && f.uidt !== UITypes.Formula,
-        )
-        .sort((a: Record<string, any>, b: Record<string, any>) => a.order - b.order)
-        .map<ColumnType & { required: boolean }>((c: ColumnType & { required?: boolean }) => ({
-          ...c,
-          required: !!(c.required || 0),
-        })) ?? [],
+  const formColumns = computed(() =>
+    columns?.value?.filter((c) => c.show)?.filter((col) => !isVirtualCol(col) || col.uidt === UITypes.LinkToAnotherRecord),
   )
   const loadSharedView = async () => {
     try {