bfg-common 1.5.555 → 1.5.557

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue

@@ -12,21 +12,24 @@
     <div class="clr-component">
       <div class="stack-view">
         <common-vm-actions-common-customize-hardware-virtual-hardware-cpu
-          v-model="model"
+          :max-cpus="props.maxCpus"
           :cpu-models="props.cpuModels"
+          :cpu="props.cpu"
           :is-edit="props.isEdit"
           :state="props.state"
           :error-validation-fields="props.errorValidationFields"
           :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+          @send-data="emits('send-data-cpu-method', $event)"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
           @invalid="cpuInvalid = $event"
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-memory
-          v-model="model"
           :max-memory="props.maxMemory"
           :is-edit="props.isEdit"
+          :memory="props.memory"
           :state="props.state"
           :error-validation-fields="props.errorValidationFields"
+          @send-data="emits('send-data-memory-method', $event)"
           @invalid="memoryInvalid = $event"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
@@ -114,13 +117,12 @@
             ])
           "
         />
-        <div v-for="(item, key) in model.usb_controllers" :key="key">
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller
-            v-model="item.type"
-            :is-edit="props.isEdit"
-            :state="props.state"
-          />
-        </div>
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller
+          :usb-controller="props.usbController"
+          :is-edit="props.isEdit"
+          :state="props.state"
+          @send-data="emits('send-data-new-usb-controller-method', $event)"
+        />
         <template v-if="props.passthroughDevices || props.mediatedDevices">
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device
             v-for="(item, key) in props.pciDevices"
@@ -150,11 +152,11 @@
           />
         </template>
         <common-vm-actions-common-customize-hardware-virtual-hardware-video-card
-          v-model="model.video_card"
           :is-edit="props.isEdit"
           :video-card="props.videoCard"
           :error-validation-fields="props.errorValidationFields"
           :state="props.state"
+          @send-data="emits('send-data-video-card-method', $event)"
           @invalid="videoCardInvalid = $event"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
@@ -187,6 +189,8 @@ import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
 import type { UI_I_FolderOrFileTreePayload } from '~/lib/models/store/storage/interfaces'
 import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
 import type {
+  UI_I_SendDataCpu,
+  UI_I_SendDataMemory,
   UI_I_SendDataNewHardDisk,
   UI_I_SendDataNewNetwork,
   UI_I_SendDataVideoCard,
@@ -207,13 +211,11 @@ import type {
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   API_UI_I_VmEditCpu,
+  API_UI_I_VmEditMemory,
   UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData>({ required: true })
 
 const cpuInvalid = defineModel<boolean>('cpuInvalid', { required: true })
 const memoryInvalid = defineModel<boolean>('memoryInvalid', { required: true })
@@ -228,6 +230,7 @@ const props = withDefaults(
     isEdit: boolean
     storage: UI_I_DatastoreTableItem | null
     project: UI_T_Project
+    maxCpus: number
     maxMemory: number
     cpuModels: UI_I_OptionItem[]
     datastore: UI_I_DatastoreTableItem[]
@@ -243,15 +246,17 @@ const props = withDefaults(
     pciDevicesIndex: number[]
     cdDvdDrivesType: UI_T_NetworkType[]
     cdDvdDrivesIndex: number[]
-    errorValidationFields: UI_I_ErrorValidationField[]
+    errorValidationFields: UI_I_ErrorValidationField<string>[]
     getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
     cpu?: API_UI_I_VmEditCpu
     state?: string | number
+    memory?: API_UI_I_VmEditMemory
     networks?: UI_I_SendDataNewNetwork[] | null
     hardDisks?: UI_I_SendDataNewHardDisk[] | null
     videoCard?: UI_I_SendDataVideoCard
     pciDevices?: UI_I_SendDataNewPciDevice[]
     cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
+    usbController?: string
     guestMachineType?: UI_I_OptionItem | null
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
@@ -261,11 +266,13 @@ const props = withDefaults(
   {
     cpu: undefined,
     state: undefined,
+    memory: undefined,
     networks: undefined,
     hardDisks: undefined,
     videoCard: undefined,
     pciDevices: undefined,
     cdDvdDrives: undefined,
+    usbController: undefined,
     guestMachineType: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
@@ -290,11 +297,14 @@ const emits = defineEmits<{
   ): void
   (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
   (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
+  (event: 'send-data-cpu-method', value: UI_I_SendDataCpu): void
   (event: 'set-invalid-hard-disk', value: [boolean, number]): void
   (event: 'remove-error-by-title', value: string): void
   (event: 'roll-back-cd-dvd-drive', value: number): void
   (event: 'set-invalid-pci-device', value: [boolean, number]): void
   (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
+  (event: 'send-data-memory-method', value: UI_I_SendDataMemory): void
+  (event: 'send-data-video-card-method', value: UI_I_SendDataVideoCard): void
   (
     event: 'send-data-new-network-method',
     value: [UI_I_SendDataNewNetwork, number]
@@ -311,6 +321,7 @@ const emits = defineEmits<{
     event: 'send-data-new-cd-dvd-drive-method',
     value: [UI_I_SendDataNewCdDvdDrive, number]
   ): void
+  (event: 'send-data-new-usb-controller-method', value: string): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue

@@ -1,7 +1,10 @@
 <template>
   <common-vm-actions-common-customize-hardware-virtual-hardware-cpu-new
     v-if="isNewView"
-    v-model="model"
+    v-model:selected-cpu="selectedCpu"
+    v-model:selected-core-per-socket="selectedCorePerSocket"
+    v-model:enable-cpu-hot-add="enableCpuHotAdd"
+    v-model:selected-max-cpu="selectedMaxCpu"
     v-model:reservation="reservation"
     v-model:reservation-type="reservationType"
     v-model:limit="limit"
@@ -11,6 +14,7 @@
     v-model:cpu-model="cpuModel"
     v-model:passthrough-host-cpu="passthroughHostCpu"
     v-model:host-model-cpu="hostModelCpu"
+    :max-cpus="props.maxCpus"
     :cpu-models="props.cpuModels"
     :is-edit="props.isEdit"
     :error-validation-fields="props.errorValidationFields"
@@ -32,7 +36,10 @@
   />
   <common-vm-actions-common-customize-hardware-virtual-hardware-cpu-old
     v-else
-    v-model="model"
+    v-model:selected-cpu="selectedCpu"
+    v-model:selected-core-per-socket="selectedCorePerSocket"
+    v-model:enable-cpu-hot-add="enableCpuHotAdd"
+    v-model:selected-max-cpu="selectedMaxCpu"
     v-model:reservation="reservation"
     v-model:reservation-type="reservationType"
     v-model:limit="limit"
@@ -42,6 +49,7 @@
     v-model:cpu-model="cpuModel"
     v-model:passthrough-host-cpu="passthroughHostCpu"
     v-model:host-model-cpu="hostModelCpu"
+    :max-cpus="props.maxCpus"
     :cpu-models="props.cpuModels"
     :is-edit="props.isEdit"
     :error-validation-fields="props.errorValidationFields"
@@ -64,27 +72,30 @@
 </template>
 
 <script setup lang="ts">
+import type { UI_I_SendDataCpu } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
+import type { API_UI_I_VmEditCpu } from '~/lib/models/store/vm/interfaces'
 import { cpuOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/lib/config/cpuOptions'
 
-const model = defineModel<UI_I_CreateVmData>({ required: true })
-
 const props = withDefaults(
   defineProps<{
+    maxCpus: number
     cpuModels: UI_I_OptionItem[]
     isEdit: boolean
-    errorValidationFields: UI_I_ErrorValidationField[]
+    errorValidationFields: UI_I_ErrorValidationField<string>[]
     vmCpuHelpTextSecond?: string
     state?: string | number
+    cpu?: API_UI_I_VmEditCpu
   }>(),
   {
     state: undefined,
+    cpu: undefined,
   }
 )
 const emits = defineEmits<{
+  (event: 'send-data', value: UI_I_SendDataCpu): void
   (event: 'invalid', value: boolean): void
   (event: 'remove-error-by-title', value: string): void
 }>()
@@ -99,85 +110,74 @@ const isDisabled = computed<boolean>(() => {
 })
 
 const cpuOptions = computed<UI_I_OptionItem[]>(() =>
-  cpuOptionsFunc(localization.value, 1, model.value.cpu.max_vcpus)
+  cpuOptionsFunc(localization.value, 1, props.maxCpus)
 )
 
-// const enableCpuHotAdd = ref<boolean>(false)
-
+const enableCpuHotAdd = ref<boolean>(false)
 const enableCpuHotAddDisabled = computed<boolean>(
-  // () => model.value.cpu.vcpus >= model.value.cpu.max_vcpus || isDisabled.value
+  // () => selectedCpu.value >= props.maxCpus || isDisabled.value
   () => isDisabled.value // pc-1766
 )
-watch(
-  () => model.value.cpu.hotplug,
-  (newValue) => {
-    if (newValue) {
-      model.value.cpu.max_vcpus = Math.max(
-        model.value.cpu.vcpus,
-        model.value.cpu.max_vcpus
-      )
-      return
-    }
-
-    maxCpuInvalid.value = false
-    model.value.cpu.max_vcpus = 1
+watch(enableCpuHotAdd, (newValue) => {
+  if (newValue) {
+    selectedMaxCpu.value = Math.max(selectedCpu.value, selectedMaxCpu.value)
+    return
   }
-)
 
-// const selectedCpu = ref<number>(
-//   isDisabled.value && model.value.cpu.hotplug ? model.value.cpu.max_vcpus : 2
-// )
-model.value.cpu.vcpus =
-  isDisabled.value && model.value.cpu.hotplug ? model.value.cpu.max_vcpus : 2
+  maxCpuInvalid.value = false
+  selectedMaxCpu.value = 1
+})
 
+const selectedCpu = ref<number>(
+  isDisabled.value && enableCpuHotAdd.value ? props.maxCpus : 2
+)
 const isCpuDisabled = computed<boolean>(
-  () => isDisabled.value && !model.value.cpu.hotplug
+  () => isDisabled.value && !enableCpuHotAdd.value
 )
+watch(selectedCpu, (newValue) => {
+  selectedCpu.value = Math.floor(+newValue)
+  if (!(selectedCpu.value % selectedCorePerSocket.value) || isDisabled.value)
+    return
+  selectedCorePerSocket.value = 1
+})
+// watch(selectedCpu, (newValue) => {
+// if (enableCpuHotAdd.value && enableCpuHotAddDisabled.value) return
+
+// if (newValue >= props.maxCpus) { // pc-1766
+//   enableCpuHotAdd.value = false
+// }
+// selectedMaxCpu.value =
+//   selectedMaxCpu.value <= newValue ? newValue + 1 : selectedMaxCpu.value
+// if (selectedMaxCpu.value > props.maxCpus) selectedMaxCpu.value = props.maxCpus
+// })
+const maxCpuOptions = computed<UI_I_OptionItem[]>(() =>
+  cpuOptionsFunc(localization.value, selectedCpu.value, props.maxCpus)
+)
+const selectedMaxCpu = ref<number>(1)
 watch(
-  () => model.value.cpu.vcpus,
+  () => props.maxCpus,
   (newValue) => {
-    model.value.cpu.vcpus = Math.floor(+newValue)
-    if (
-      !(model.value.cpu.vcpus % model.value.cpu.core_per_socket) ||
-      isDisabled.value
-    )
-      return
-    model.value.cpu.core_per_socket = 1
+    selectedMaxCpu.value = newValue
   }
 )
 
-const maxCpuOptions = computed<UI_I_OptionItem[]>(() =>
-  cpuOptionsFunc(
-    localization.value,
-    model.value.cpu.vcpus,
-    model.value.cpu.max_vcpus
-  )
-)
-// const selectedMaxCpu = ref<number>(1)
-// watch(
-//   () => props.maxCpus,
-//   (newValue) => {
-//     model.value.cpu.max_vcpus = newValue
-//   }
-// )
-
 const selectedCpus = computed<number[]>(() =>
-  model.value.cpu.hotplug
-    ? [model.value.cpu.vcpus, model.value.cpu.max_vcpus]
-    : [model.value.cpu.vcpus]
+  enableCpuHotAdd.value
+    ? [selectedCpu.value, selectedMaxCpu.value]
+    : [selectedCpu.value]
 )
 
-// const selectedCorePerSocket = ref<number>(1)
+const selectedCorePerSocket = ref<number>(1)
 
 const cpuErrorLocalText = computed<string>(() => {
-  const validValue = /^\d+(\.\d+)?$/.test(model.value.cpu.vcpus + '')
+  const validValue = /^\d+(\.\d+)?$/.test(selectedCpu.value + '')
   if (!validValue) {
     return localization.value.common.inputContainsInvalidCharacters
   }
 
   const min = cpuOptions.value[0].value
   const max = cpuOptions.value[1].value
-  if (model.value.cpu.vcpus < min || model.value.cpu.vcpus > max) {
+  if (selectedCpu.value < min || selectedCpu.value > max) {
     return localization.value.vmWizard.cpuMustBe
       .replace('{0}', min)
       .replace('{1}', max)
@@ -216,8 +216,8 @@ const cpuInvalid = computed<boolean>(
     reservationInvalid.value ||
     limitInvalid.value ||
     sharesInvalid.value ||
-    (model.value.cpu.hotplug &&
-      // model.value.cpu.vcpus < model.value.cpu.max_vcpus && // pc-1766
+    (enableCpuHotAdd.value &&
+      // selectedCpu.value < props.maxCpus && // pc-1766
       maxCpuInvalid.value)
 )
 watch(
@@ -230,65 +230,12 @@ watch(
 
 const reservation = ref<string>('1')
 const reservationType = ref<string>('mhz')
-if (model.value.cpu.reservation_mhz !== 1) {
-  const reservationInGhz = $binary.mhzToGhz(model.value.cpu.reservation_mhz)
-  if (reservationInGhz < 1) {
-    reservation.value = model.value.cpu.reservation_mhz.toString()
-    reservationType.value = 'mhz'
-  } else {
-    reservation.value = reservationInGhz
-    reservationType.value = 'ghz'
-  }
-}
-watch(
-  [reservation, reservationType],
-  () => {
-    model.value.cpu.reservation_mhz =
-      reservationType.value === 'ghz'
-        ? $binary.ghzToMhz(+reservation.value)
-        : +reservation.value
-  },
-  { deep: true, immediate: true }
-)
 
 const limit = ref<string>('Unlimited')
 const limitType = ref<string>('mhz')
-if (model.value.cpu.limit_mhz !== null) {
-  if (typeof model.value.cpu.limit_mhz === 'string')
-    limit.value = model.value.cpu.limit_mhz
-  else {
-    const limitInGhz = $binary.mhzToGhz(model.value.cpu.limit_mhz)
-    if (limitInGhz < 1) {
-      limit.value = model.value.cpu.limit_mhz.toString()
-      limitType.value = 'mhz'
-    } else {
-      limit.value = limitInGhz
-      limitType.value = 'ghz'
-    }
-  }
-}
-watch(
-  [limit, limitType],
-  () => {
-    model.value.cpu.limit_mhz =
-      limit.value === 'Unlimited'
-        ? limit.value
-        : limitType.value === 'ghz'
-        ? $binary.ghzToMhz(+limit.value)
-        : +limit.value
-  },
-  { deep: true, immediate: true }
-)
 
-const shares = ref<string>(model.value.cpu.shares + '' || '2000')
-const sharesType = ref<string>(model.value.cpu.shares + '' || '2000') // TODO check
-watch(
-  shares,
-  () => {
-    model.value.cpu.shares = +shares.value
-  },
-  { deep: true, immediate: true }
-)
+const shares = ref<string>('2000')
+const sharesType = ref<string>('2000')
 
 // const hardwareVirtualization = ref<boolean>(false)
 //
@@ -307,38 +254,111 @@ watch(
   }
 )
 const passthroughHostCpu = ref<boolean>(false)
-const hostModelCpu = ref<boolean>(false)
-if (model.value.cpu.model) {
-  switch (model.value.cpu.model) {
-    case 'host-passthrough':
-      passthroughHostCpu.value = true
-      hostModelCpu.value = false
-      cpuModel.value = ''
-      break
-    case 'host-model':
-      passthroughHostCpu.value = false
-      hostModelCpu.value = true
-      cpuModel.value = ''
-      break
-    default:
-      cpuModel.value =
-        props.cpuModels.find((model) => model.value === model.value.cpu.model)
-          ?.value || cpuModel.value
-  }
-}
+const hostModelCpu = ref<boolean>(true)
+
+// const isShowCpuHelp = ref<boolean>(false)
+
 watch(
-  [cpuModel, passthroughHostCpu, hostModelCpu],
+  [
+    reservation,
+    reservationType,
+    limit,
+    limitType,
+    shares,
+    selectedCpu,
+    selectedMaxCpu,
+    selectedCorePerSocket,
+    enableCpuHotAdd,
+    cpuModel,
+    passthroughHostCpu,
+    hostModelCpu,
+  ],
   () => {
-    model.value.cpu.model = passthroughHostCpu.value
+    const reservationInMhz =
+      reservationType.value === 'ghz'
+        ? $binary.ghzToMhz(+reservation.value)
+        : +reservation.value
+    const limitInMhz =
+      limit.value === 'Unlimited'
+        ? limit.value
+        : limitType.value === 'ghz'
+        ? $binary.ghzToMhz(+limit.value)
+        : +limit.value
+    const model = passthroughHostCpu.value
       ? 'host-passthrough'
       : hostModelCpu.value
       ? 'host-model'
       : cpuModel.value
+
+    emits('send-data', {
+      model,
+      vcpus: selectedCpu.value,
+      max_vcpus: enableCpuHotAdd.value ? selectedMaxCpu.value : 0,
+      core_per_socket: selectedCorePerSocket.value,
+      reservation_mhz: reservationInMhz,
+      limit_mhz: limitInMhz,
+      shares: +shares.value,
+      hotplug: enableCpuHotAdd.value,
+    })
   },
-  { deep: true, immediate: true }
+  {
+    immediate: true,
+  }
 )
 
-// const isShowCpuHelp = ref<boolean>(false)
+// Добавляем данные для редактирования
+watch(
+  () => props.cpu,
+  (newValue) => {
+    if (!newValue) return
+
+    enableCpuHotAdd.value = newValue.hotplug
+    selectedCpu.value = newValue.vcpus
+    selectedMaxCpu.value = newValue.hotplug ? newValue.max_vcpus : 1
+    selectedCorePerSocket.value = newValue.core_per_socket
+    shares.value = '' + newValue.shares
+    sharesType.value = '' + newValue.shares
+
+    const reservationInGhz = $binary.mhzToGhz(newValue.reservation_mhz)
+    if (reservationInGhz < 1) {
+      reservation.value = newValue.reservation_mhz.toString()
+      reservationType.value = 'mhz'
+    } else {
+      reservation.value = reservationInGhz
+      reservationType.value = 'ghz'
+    }
+
+    if (typeof newValue.limit_mhz === 'string') limit.value = newValue.limit_mhz
+    else {
+      const limitInGhz = $binary.mhzToGhz(newValue.limit_mhz)
+      if (limitInGhz < 1) {
+        limit.value = newValue.limit_mhz.toString()
+        limitType.value = 'mhz'
+      } else {
+        limit.value = limitInGhz
+        limitType.value = 'ghz'
+      }
+    }
+
+    switch (newValue.model) {
+      case 'host-passthrough':
+        passthroughHostCpu.value = true
+        hostModelCpu.value = false
+        cpuModel.value = ''
+        break
+      case 'host-model':
+        passthroughHostCpu.value = false
+        hostModelCpu.value = true
+        cpuModel.value = ''
+        break
+      default:
+        cpuModel.value =
+          props.cpuModels.find((model) => model.value === newValue.model)
+            ?.value || cpuModel.value
+    }
+  },
+  { immediate: true }
+)
 
 const onRemoveValidationError = (): void => {
   emits('remove-error-by-title', 'cpu.vcpus')

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuNew.vue

@@ -24,7 +24,7 @@
       <template #stackBlockContent>
         <div class="flex-align-center flex-space-between">
           <ui-combobox
-            v-model.number="model.cpu.vcpus"
+            v-model.number="selectedCpu"
             :items="props.cpuOptions"
             :disabled="props.isCpuDisabled"
             :error-text="props.vcpusLocalAndApiErrorsTexts"
@@ -70,7 +70,7 @@
       </template>
       <template #stackChildren>
         <common-vm-actions-common-customize-hardware-virtual-hardware-cpu-cores-per-socket
-          v-model:selected-core-per-socket="model.cpu.core_per_socket"
+          v-model:selected-core-per-socket="selectedCorePerSocket"
           :selected-cpus="props.selectedCpus"
           :cpu-options="props.cpuOptions"
           :is-edit="props.isEdit"
@@ -79,12 +79,12 @@
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-cpu-hot-plug
-          v-model:enable-cpu-hot-add="model.cpu.hotplug"
+          v-model:enable-cpu-hot-add="enableCpuHotAdd"
           :disabled="props.enableCpuHotAddDisabled"
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-cpu-max-cpu
-          v-show="model.cpu.hotplug"
-          v-model:selected-max-cpu.number="model.cpu.max_vcpus"
+          v-show="enableCpuHotAdd"
+          v-model:selected-max-cpu.number="selectedMaxCpu"
           :cpu-options="props.maxCpuOptions"
           :error-validation-fields="props.errorValidationFields"
           :disabled="props.isDisabled"
@@ -150,10 +150,17 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData>({ required: true })
 
+const selectedCpu = defineModel<number>('selectedCpu', { required: true })
+const selectedCorePerSocket = defineModel<number>('selectedCorePerSocket', {
+  required: true,
+})
+const enableCpuHotAdd = defineModel<boolean>('enableCpuHotAdd', {
+  required: true,
+})
+const selectedMaxCpu = defineModel<number>('selectedMaxCpu', {
+  required: true,
+})
 const reservation = defineModel<string>('reservation', { required: true })
 const reservationType = defineModel<string>('reservationType', {
   required: true,

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuOld.vue

@@ -28,7 +28,7 @@
               <template #elem>
                 <atoms-combobox
                   id="vm-wizard-vcpus-field"
-                  v-model.number="model.cpu.vcpus"
+                  v-model.number="selectedCpu"
                   :items="props.cpuOptions"
                   :disabled="props.isCpuDisabled"
                   class="input-text-color"
@@ -48,7 +48,7 @@
       </template>
       <template #stackChildren>
         <common-vm-actions-common-customize-hardware-virtual-hardware-cpu-cores-per-socket
-          v-model:selected-core-per-socket="model.cpu.core_per_socket"
+          v-model:selected-core-per-socket="selectedCorePerSocket"
           :selected-cpus="props.selectedCpus"
           :cpu-options="props.cpuOptions"
           :is-edit="props.isEdit"
@@ -57,12 +57,12 @@
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-cpu-hot-plug
-          v-model:enable-cpu-hot-add="model.cpu.hotplug"
+          v-model:enable-cpu-hot-add="enableCpuHotAdd"
           :disabled="props.enableCpuHotAddDisabled"
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-cpu-max-cpu
-          v-show="model.cpu.hotplug"
-          v-model:selected-max-cpu.number="model.cpu.max_vcpus"
+          v-show="enableCpuHotAdd"
+          v-model:selected-max-cpu.number="selectedMaxCpu"
           :cpu-options="props.maxCpuOptions"
           :error-validation-fields="props.errorValidationFields"
           :disabled="props.isDisabled"
@@ -129,10 +129,15 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData>({ required: true })
 
+const selectedCpu = defineModel<number>('selectedCpu', { required: true })
+const selectedCorePerSocket = defineModel<number>('selectedCorePerSocket', {
+  required: true,
+})
+const enableCpuHotAdd = defineModel<boolean>('enableCpuHotAdd', {
+  required: true,
+})
+const selectedMaxCpu = defineModel<number>('selectedMaxCpu', { required: true })
 const reservation = defineModel<string>('reservation', { required: true })
 const reservationType = defineModel<string>('reservationType', {
   required: true,