fix(nc-gui): reset form state if user hide the select type prefilled …

…option from limit options

packages/nc-gui/components/smartsheet/Form.vue

@@ -1446,9 +1446,13 @@ useEventListener(
                             <div v-if="activeField.meta.isLimitOption" class="mt-3">
                               <LazySmartsheetFormLimitOptions
                                 v-model:model-value="activeField.meta.limitOptions"
+                                :form-field-state="formState[activeField.title] || ''"
                                 :column="activeField"
                                 :is-required="isRequired(activeField, activeField.required)"
                                 @update:model-value="updateColMeta(activeField)"
+                                @update:form-field-state="(value)=>{
+                                  formState[activeField!.title] = value
+                                }"
                               ></LazySmartsheetFormLimitOptions>
                             </div>
                           </div>

packages/nc-gui/components/smartsheet/form/LimitOptions.vue

@@ -8,15 +8,16 @@ import { MetaInj, iconMap } from '#imports'
 
 const props = defineProps<{
   modelValue: FormFieldsLimitOptionsType[]
+  formFieldState?: string | null
   column: ColumnType
   isRequired?: boolean
 }>()
 
-const emit = defineEmits(['update:modelValue'])
+const emits = defineEmits(['update:modelValue', 'update:formFieldState'])
 
 const meta = inject(MetaInj)!
 
-const column = toRef(props, 'column')
+const { column, formFieldState } = toRefs(props)
 
 const basesStore = useBases()
 
@@ -55,7 +56,7 @@ const vModel = computed({
         .sort((a, b) => a.order - b.order)
 
       if ((props.modelValue || []).length !== collaborators.length) {
-        emit(
+        emits(
           'update:modelValue',
           collaborators.map((o) => ({ id: o.id, order: o.order, show: o.show })),
         )
@@ -78,7 +79,7 @@ const vModel = computed({
         })
 
       if ((props.modelValue || []).length !== ((column.value.colOptions as SelectOptionsType)?.options || []).length) {
-        emit(
+        emits(
           'update:modelValue',
           updateModelValue.map((o) => ({ id: o.id, order: o.order, show: o.show })),
         )
@@ -88,10 +89,24 @@ const vModel = computed({
     return []
   },
   set: (val) => {
-    emit(
+    const fieldState = (formFieldState.value || '').split(',')
+    const optionsToRemoveFromFieldState: string[] = []
+
+    emits(
       'update:modelValue',
-      val.map((o) => ({ id: o.id, order: o.order, show: o.show })),
+      val.map((o) => {
+        if (!o.show) {
+          if (column.value.uidt === UITypes.User && fieldState.includes(o.id)) {
+            optionsToRemoveFromFieldState.push(o.id)
+          } else if (o?.title && fieldState.includes(o.title)) {
+            optionsToRemoveFromFieldState.push(o.title)
+          }
+        }
+        return { id: o.id, order: o.order, show: o.show }
+      }),
     )
+
+    emits('update:formFieldState', fieldState.filter((o) => !optionsToRemoveFromFieldState.includes(o)).join(','))
   },
 })