fix: unable remove some fields' value [KM-970]

packages/entities/entities-upstreams-targets/src/components/UpstreamsForm.vue

@@ -243,24 +243,16 @@ const getPayload = computed((): UpstreamFormPayload => {
     hash_on: state.fields.hashOn,
     hash_fallback: state.fields.hashFallback,
     healthchecks: {},
+    host_header : state.fields.hostHeader ? state.fields.hostHeader : null,
+    client_certificate : state.fields.clientCertificate ? { id: state.fields.clientCertificate } : null,
   }
 
-  if (state.fields.hostHeader) {
-    result.host_header = state.fields.hostHeader
-  }
-
-  if (state.fields.clientCertificate) {
-    result.client_certificate = { id: state.fields.clientCertificate }
-  }
+  const healthchecksThreshold = state.fields.healthchecksThreshold ? state.fields.healthchecksThreshold : '0'
+  result.healthchecks.threshold = Number(healthchecksThreshold)
 
-  if (state.fields.healthchecksThreshold) {
-    result.healthchecks.threshold = Number(state.fields.healthchecksThreshold)
-  }
-
-  if (state.fields.tags) {
-    result.tags = state.fields.tags.split(',')?.map((tag: string) => String(tag || '')
-      .trim())?.filter((tag: string) => tag !== '')
-  }
+  const tags = state.fields.tags ? state.fields.tags : ''
+  result.tags = tags.split(',')?.map((tag: string) => String(tag || '')
+    .trim())?.filter((tag: string) => tag !== '')
 
   if (state.fields.hashOn === 'header') {
     result.hash_on_header = state.fields.hashOnHeader
@@ -298,9 +290,7 @@ const getPayload = computed((): UpstreamFormPayload => {
       unhealthy: {},
     }
 
-    if (state.fields.activeHealthCheck.timeout) {
-      result.healthchecks.active.timeout = Number(state.fields.activeHealthCheck.timeout)
-    }
+    result.healthchecks.active.timeout = state.fields.activeHealthCheck.timeout ? Number(state.fields.activeHealthCheck.timeout) : undefined
 
     if (state.fields.activeHealthCheck.concurrency) {
       result.healthchecks.active.concurrency = Number(state.fields.activeHealthCheck.concurrency)

packages/entities/entities-upstreams-targets/src/types/upstreams-form.ts

@@ -96,7 +96,7 @@ export interface MultiselectComposableOptions {
 
 export interface UpstreamActivePayload {
   type: HealthCheckType
-  timeout?: number
+  timeout?: number | undefined
   concurrency?: number
   http_path?: string
   headers?: Record<string, string[]> | []
@@ -137,8 +137,8 @@ export interface UpstreamPassivePayload {
 export interface UpstreamFormPayload {
   name: string
   algorithm: UpstreamAlgorithm
-  host_header?: string
-  client_certificate?: { id: string }
+  host_header?: string | null
+  client_certificate?: { id: string } | null
   tags?: string[]
   slots: number
   hash_on: UpstreamHash