bfg-common 1.5.420 → 1.5.421

package/components/common/vm/actions/clone/toTemplate/lib/config/steps.ts

@@ -1,116 +1,116 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { I_DynamicSteps } from '~/components/common/vm/actions/clone/lib/models/interfaces'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-
-export const stepsFunc = (
-  localization: UI_I_Localization,
-  isScheduledTasks: boolean
-): UI_I_WizardStep[] => {
-  let result: UI_I_WizardStep[] = [
-    {
-      id: 0,
-      stepName: '',
-      title: localization.common.schedulingOptions,
-      subTitle: '',
-      status: UI_E_WIZARD_STATUS.SELECTED,
-      isValid: true,
-      fields: {},
-      testId: 'new-roles-scheduling-options',
-    },
-    {
-      id: 1,
-      stepName: '',
-      title: localization.common.selectName,
-      subTitle: localization.common.specifyUniqueName,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-select-name',
-      fields: {
-        name: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: 2,
-      stepName: '',
-      title: localization.common.selectStorage,
-      subTitle: localization.common.selectStorageConfigurationDiskFiles,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-select-storage',
-      fields: {
-        storage: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: 3,
-      stepName: '',
-      title: localization.common.customizeHardware,
-      subTitle: localization.common.configureVirtualMachineHardware,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-customize-hardware',
-      fields: {
-        customizeHardware: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: 4,
-      stepName: '',
-      title: localization.common.readyComplete,
-      subTitle: localization.common.clickFinishStartCreation,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-ready-complete',
-      fields: {},
-    },
-  ]
-
-  if (!isScheduledTasks) {
-    result.shift()
-    result[0].status = UI_E_WIZARD_STATUS.SELECTED
-    result = result.map((item) => {
-      item.id--
-      return item
-    })
-  }
-
-  return result
-}
-
-export const stepsSchemeInitial = (isScheduledTasks: boolean): number[][] => {
-  const resultWithOutScheduledTasks = [0, 1, 2, 3]
-  const resultWithScheduledTasks = [0, 1, 2, 3, 4]
-
-  return isScheduledTasks
-    ? [resultWithScheduledTasks]
-    : [resultWithOutScheduledTasks]
-}
-export const getDynamicSteps = (isScheduledTasks: boolean): I_DynamicSteps => {
-  const resultWithOutScheduledTasks = {
-    selectName: 0,
-    selectStorage: 1,
-    customizeHardware: 2,
-    readyComplete: 3,
-  }
-  const resultWithScheduledTasks = {
-    scheduledTasks: 0,
-    selectName: 1,
-    selectStorage: 2,
-    customizeHardware: 3,
-    readyComplete: 4,
-  }
-
-  return isScheduledTasks
-    ? resultWithScheduledTasks
-    : resultWithOutScheduledTasks
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { I_DynamicSteps } from '~/components/common/vm/actions/clone/toTemplate/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const stepsFunc = (
+  localization: UI_I_Localization,
+  isScheduledTasks: boolean
+): UI_I_WizardStep[] => {
+  let result: UI_I_WizardStep[] = [
+    {
+      id: 0,
+      stepName: '',
+      title: localization.common.schedulingOptions,
+      subTitle: '',
+      status: UI_E_WIZARD_STATUS.SELECTED,
+      isValid: true,
+      fields: {},
+      testId: 'new-roles-scheduling-options',
+    },
+    {
+      id: 1,
+      stepName: '',
+      title: localization.common.selectName,
+      subTitle: localization.common.specifyUniqueName,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-name',
+      fields: {
+        name: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: 2,
+      stepName: '',
+      title: localization.common.selectStorage,
+      subTitle: localization.common.selectStorageConfigurationDiskFiles,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-storage',
+      fields: {
+        storage: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: 3,
+      stepName: '',
+      title: localization.common.customizeHardware,
+      subTitle: localization.common.configureVirtualMachineHardware,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-customize-hardware',
+      fields: {
+        customizeHardware: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: 4,
+      stepName: '',
+      title: localization.common.readyComplete,
+      subTitle: localization.common.clickFinishStartCreation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-ready-complete',
+      fields: {},
+    },
+  ]
+
+  if (!isScheduledTasks) {
+    result.shift()
+    result[0].status = UI_E_WIZARD_STATUS.SELECTED
+    result = result.map((item) => {
+      item.id--
+      return item
+    })
+  }
+
+  return result
+}
+
+export const stepsSchemeInitial = (isScheduledTasks: boolean): number[][] => {
+  const resultWithOutScheduledTasks = [0, 1, 2, 3]
+  const resultWithScheduledTasks = [0, 1, 2, 3, 4]
+
+  return isScheduledTasks
+    ? [resultWithScheduledTasks]
+    : [resultWithOutScheduledTasks]
+}
+export const getDynamicSteps = (isScheduledTasks: boolean): I_DynamicSteps => {
+  const resultWithOutScheduledTasks = {
+    selectName: 0,
+    selectStorage: 1,
+    customizeHardware: 2,
+    readyComplete: 3,
+  }
+  const resultWithScheduledTasks = {
+    scheduledTasks: 0,
+    selectName: 1,
+    selectStorage: 2,
+    customizeHardware: 3,
+    readyComplete: 4,
+  }
+
+  return isScheduledTasks
+    ? resultWithScheduledTasks
+    : resultWithOutScheduledTasks
+}

package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue

@@ -155,43 +155,67 @@ const guestMachineType = defineModel<UI_I_OptionItem | null>(
 const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily')
 const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion')
 
-const props = defineProps<{
-  errorValidationFields: UI_I_ErrorValidationField[]
-  storage: UI_I_DatastoreTableItem | null
-  cpuModels: UI_I_OptionItem[]
-  hardDisksForBootOptions: UI_I_SendDataNewHardDisk[] | null
-  cdDvdDrivesForBootOptions: UI_I_SendDataNewCdDvdDrive[] | null
-  networksForBootOptions: UI_I_SendDataNewNetwork[] | null
-  customizeHardwareSubmit: null | Function
-  maxCpus: number
-  maxMemory: number
-  selectedNavItem: UI_T_SelectedNavItem
-  nodes: UI_I_FileTreeNode[]
-  files: UI_I_FileTreeNode[]
-  networksTable: UI_I_NetworkTableItem[]
-  cpu?: API_UI_I_VmEditCpu
-  memory?: API_UI_I_VmEditMemory
-  vmCpuHelpTextSecond?: string
-  getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
-  datastore: UI_I_DatastoreTableItem[]
-  isDatastoreLoading: boolean
-  hardDisks?: UI_I_SendDataNewHardDisk[] | null
-  cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
-  networks?: UI_I_SendDataNewNetwork[] | null
-  videoCard?: UI_I_SendDataVideoCard
-  pciDevices?: UI_I_SendDataNewPciDevice[]
-  usbController?: string
-  options?: UI_I_SendDataVmoptions
-  isEdit?: boolean
-  isClone?: boolean
-  state?: string | number
-  passthroughDevices?: UI_I_PciDevice[]
-  mediatedDevices?: UI_I_MediatedDevice[]
-  project?: UI_T_Project
-  computeResource?: UI_I_TreeNode | null
-  compatibilityInfo?: string
-  isVmt?: boolean
-}>()
+const props = withDefaults(
+  defineProps<{
+    errorValidationFields: UI_I_ErrorValidationField[]
+    storage: UI_I_DatastoreTableItem | null
+    cpuModels: UI_I_OptionItem[]
+    hardDisksForBootOptions: UI_I_SendDataNewHardDisk[] | null
+    cdDvdDrivesForBootOptions: UI_I_SendDataNewCdDvdDrive[] | null
+    networksForBootOptions: UI_I_SendDataNewNetwork[] | null
+    customizeHardwareSubmit: null | Function
+    maxCpus: number
+    maxMemory: number
+    selectedNavItem: UI_T_SelectedNavItem
+    nodes: UI_I_FileTreeNode[]
+    files: UI_I_FileTreeNode[]
+    networksTable: UI_I_NetworkTableItem[]
+    datastore: UI_I_DatastoreTableItem[]
+    isDatastoreLoading: boolean
+    cpu?: API_UI_I_VmEditCpu
+    memory?: API_UI_I_VmEditMemory
+    vmCpuHelpTextSecond?: string
+    getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
+    hardDisks?: UI_I_SendDataNewHardDisk[] | null
+    cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
+    networks?: UI_I_SendDataNewNetwork[] | null
+    videoCard?: UI_I_SendDataVideoCard
+    pciDevices?: UI_I_SendDataNewPciDevice[]
+    usbController?: string
+    options?: UI_I_SendDataVmoptions
+    isEdit?: boolean
+    isClone?: boolean
+    state?: string | number
+    passthroughDevices?: UI_I_PciDevice[]
+    mediatedDevices?: UI_I_MediatedDevice[]
+    project?: UI_T_Project
+    computeResource?: UI_I_TreeNode | null
+    compatibilityInfo?: string
+    isVmt?: boolean
+  }>(),
+  {
+    cpu: undefined,
+    memory: undefined,
+    vmCpuHelpTextSecond: undefined,
+    getDatastoreTableFunc: undefined,
+    hardDisks: undefined,
+    cdDvdDrives: undefined,
+    networks: undefined,
+    videoCard: undefined,
+    pciDevices: undefined,
+    usbController: undefined,
+    options: undefined,
+    isEdit: undefined,
+    isClone: undefined,
+    state: undefined,
+    passthroughDevices: undefined,
+    mediatedDevices: undefined,
+    project: undefined,
+    computeResource: undefined,
+    compatibilityInfo: undefined,
+    isVmt: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
   (event: 'send-data', value: UI_I_SendDataCustomizeHardware): void

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue

@@ -143,43 +143,67 @@ const virtualHardwareInvalid = defineModel<string[]>('virtualHardwareInvalid', {
   required: true,
 })
 
-const props = defineProps<{
-  nodes: UI_I_FileTreeNode[]
-  files: UI_I_FileTreeNode[]
-  errors: string[]
-  storage: UI_I_DatastoreTableItem | null
-  maxCpus: number
-  navItems: UI_I_TabItem[]
-  cpuModels: UI_I_OptionItem[]
-  maxMemory: number
-  datastore: UI_I_DatastoreTableItem[]
-  isDatastoreLoading: boolean
-  networksTable: UI_I_NetworkTableItem[]
-  errorValidationFields: UI_I_ErrorValidationField[]
-  networksForBootOptions: UI_I_SendDataNewNetwork[] | null
-  hardDisksForBootOptions: UI_I_SendDataNewHardDisk[] | null
-  cdDvdDrivesForBootOptions: UI_I_SendDataNewCdDvdDrive[] | null
-  cpu?: API_UI_I_VmEditCpu
-  state?: string | number
-  isEdit?: boolean
-  memory?: API_UI_I_VmEditMemory
-  project?: UI_T_Project
-  isClone?: boolean
-  options?: UI_I_SendDataVmoptions
-  networks?: UI_I_SendDataNewNetwork[] | null
-  videoCard?: UI_I_SendDataVideoCard
-  hardDisks?: UI_I_SendDataNewHardDisk[] | null
-  pciDevices?: UI_I_SendDataNewPciDevice[]
-  cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
-  usbController?: string
-  passthroughDevices?: UI_I_PciDevice[]
-  mediatedDevices?: UI_I_MediatedDevice[]
-  vmCpuHelpTextSecond?: string
-  getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
-  computeResource?: UI_I_TreeNode | null
-  compatibilityInfo?: string
-  isVmt?: boolean
-}>()
+const props = withDefaults(
+  defineProps<{
+    nodes: UI_I_FileTreeNode[]
+    files: UI_I_FileTreeNode[]
+    errors: string[]
+    storage: UI_I_DatastoreTableItem | null
+    maxCpus: number
+    navItems: UI_I_TabItem[]
+    cpuModels: UI_I_OptionItem[]
+    maxMemory: number
+    datastore: UI_I_DatastoreTableItem[]
+    isDatastoreLoading: boolean
+    networksTable: UI_I_NetworkTableItem[]
+    errorValidationFields: UI_I_ErrorValidationField[]
+    networksForBootOptions: UI_I_SendDataNewNetwork[] | null
+    hardDisksForBootOptions: UI_I_SendDataNewHardDisk[] | null
+    cdDvdDrivesForBootOptions: UI_I_SendDataNewCdDvdDrive[] | null
+    cpu?: API_UI_I_VmEditCpu
+    state?: string | number
+    isEdit?: boolean
+    memory?: API_UI_I_VmEditMemory
+    project?: UI_T_Project
+    isClone?: boolean
+    options?: UI_I_SendDataVmoptions
+    networks?: UI_I_SendDataNewNetwork[] | null
+    videoCard?: UI_I_SendDataVideoCard
+    hardDisks?: UI_I_SendDataNewHardDisk[] | null
+    pciDevices?: UI_I_SendDataNewPciDevice[]
+    cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
+    usbController?: string
+    passthroughDevices?: UI_I_PciDevice[]
+    mediatedDevices?: UI_I_MediatedDevice[]
+    vmCpuHelpTextSecond?: string
+    getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
+    computeResource?: UI_I_TreeNode | null
+    compatibilityInfo?: string
+    isVmt?: boolean
+  }>(),
+  {
+    cpu: undefined,
+    state: undefined,
+    isEdit: undefined,
+    memory: undefined,
+    project: undefined,
+    isClone: undefined,
+    options: undefined,
+    networks: undefined,
+    videoCard: undefined,
+    hardDisks: undefined,
+    pciDevices: undefined,
+    cdDvdDrives: undefined,
+    usbController: undefined,
+    passthroughDevices: undefined,
+    mediatedDevices: undefined,
+    vmCpuHelpTextSecond: undefined,
+    getDatastoreTableFunc: undefined,
+    computeResource: undefined,
+    compatibilityInfo: undefined,
+    isVmt: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'get-storage', value: UI_I_TablePayload): void
   (event: 'get-pci-devices'): void
@@ -206,15 +230,6 @@ const navItemsLocal = computed<UI_I_TabItem[]>(() =>
 const themeMode = useLocalStorage('themeMode')
 </script>
 
-<style lang="scss">
-:root {
-  --divider-color: #e9ebed;
-}
-:root.dark-theme {
-  --divider-color: #e9ebed1f;
-}
-</style>
-
 <style scoped lang="scss">
 .customize-hardware {
   max-height: inherit;

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareOld.vue

@@ -125,42 +125,65 @@ const virtualHardwareInvalid = defineModel<string[]>('virtualHardwareInvalid', {
   required: true,
 })
 
-const props = defineProps<{
-  nodes: UI_I_FileTreeNode[]
-  files: UI_I_FileTreeNode[]
-  errors: string[]
-  storage: UI_I_DatastoreTableItem | null
-  maxCpus: number
-  navItems: UI_I_TabItem[]
-  cpuModels: UI_I_OptionItem[]
-  maxMemory: number
-  datastore: UI_I_DatastoreTableItem[]
-  isDatastoreLoading: boolean
-  networksTable: UI_I_NetworkTableItem[]
-  errorValidationFields: UI_I_ErrorValidationField[]
-  networksForBootOptions: UI_I_SendDataNewNetwork[] | null
-  hardDisksForBootOptions: UI_I_SendDataNewHardDisk[] | null
-  cdDvdDrivesForBootOptions: UI_I_SendDataNewCdDvdDrive[] | null
-  cpu?: API_UI_I_VmEditCpu
-  state?: string | number
-  isEdit?: boolean
-  memory?: API_UI_I_VmEditMemory
-  project?: UI_T_Project
-  isClone?: boolean
-  options?: UI_I_SendDataVmoptions
-  networks?: UI_I_SendDataNewNetwork[] | null
-  videoCard?: UI_I_SendDataVideoCard
-  hardDisks?: UI_I_SendDataNewHardDisk[] | null
-  pciDevices?: UI_I_SendDataNewPciDevice[]
-  cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
-  usbController?: string
-  passthroughDevices?: UI_I_PciDevice[]
-  mediatedDevices?: UI_I_MediatedDevice[]
-  vmCpuHelpTextSecond?: string
-  getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
-  computeResource?: UI_I_TreeNode | null
-  isVmt?: boolean
-}>()
+const props = withDefaults(
+  defineProps<{
+    nodes: UI_I_FileTreeNode[]
+    files: UI_I_FileTreeNode[]
+    errors: string[]
+    storage: UI_I_DatastoreTableItem | null
+    maxCpus: number
+    navItems: UI_I_TabItem[]
+    cpuModels: UI_I_OptionItem[]
+    maxMemory: number
+    datastore: UI_I_DatastoreTableItem[]
+    isDatastoreLoading: boolean
+    networksTable: UI_I_NetworkTableItem[]
+    errorValidationFields: UI_I_ErrorValidationField[]
+    networksForBootOptions: UI_I_SendDataNewNetwork[] | null
+    hardDisksForBootOptions: UI_I_SendDataNewHardDisk[] | null
+    cdDvdDrivesForBootOptions: UI_I_SendDataNewCdDvdDrive[] | null
+    cpu?: API_UI_I_VmEditCpu
+    state?: string | number
+    isEdit?: boolean
+    memory?: API_UI_I_VmEditMemory
+    project?: UI_T_Project
+    isClone?: boolean
+    options?: UI_I_SendDataVmoptions
+    networks?: UI_I_SendDataNewNetwork[] | null
+    videoCard?: UI_I_SendDataVideoCard
+    hardDisks?: UI_I_SendDataNewHardDisk[] | null
+    pciDevices?: UI_I_SendDataNewPciDevice[]
+    cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
+    usbController?: string
+    passthroughDevices?: UI_I_PciDevice[]
+    mediatedDevices?: UI_I_MediatedDevice[]
+    vmCpuHelpTextSecond?: string
+    getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
+    computeResource?: UI_I_TreeNode | null
+    isVmt?: boolean
+  }>(),
+  {
+    cpu: undefined,
+    state: undefined,
+    isEdit: undefined,
+    memory: undefined,
+    project: undefined,
+    isClone: undefined,
+    options: undefined,
+    networks: undefined,
+    videoCard: undefined,
+    hardDisks: undefined,
+    pciDevices: undefined,
+    cdDvdDrives: undefined,
+    usbController: undefined,
+    passthroughDevices: undefined,
+    mediatedDevices: undefined,
+    vmCpuHelpTextSecond: undefined,
+    getDatastoreTableFunc: undefined,
+    computeResource: undefined,
+    isVmt: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'get-storage', value: UI_I_TablePayload): void
   (event: 'get-pci-devices'): void

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

@@ -180,37 +180,56 @@ import type {
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import { dropdownItemsFunc } from './lib/config/dropdownItems'
 
-const props = defineProps<{
-  storage: UI_I_DatastoreTableItem | null
-  cpuModels: UI_I_OptionItem[]
-  maxCpus: number
-  maxMemory: number
-  isEdit: boolean
-  isClone: boolean
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-  nodes: UI_I_FileTreeNode[]
-  files: UI_I_FileTreeNode[]
-  networksTable: UI_I_NetworkTableItem[]
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  datastore: UI_I_DatastoreTableItem[]
-  isDatastoreLoading: boolean
-  state?: string | number
-  cpu?: API_UI_I_VmEditCpu
-  memory?: API_UI_I_VmEditMemory
-  vmCpuHelpTextSecond?: string
-  hardDisks?: UI_I_SendDataNewHardDisk[] | null
-  cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
-  networks?: UI_I_SendDataNewNetwork[] | null
-  videoCard?: UI_I_SendDataVideoCard
-  usbController?: string
-  pciDevices?: UI_I_SendDataNewPciDevice[]
-  passthroughDevices?: UI_I_PciDevice[]
-  mediatedDevices?: UI_I_MediatedDevice[]
-  project: UI_T_Project
-  guestMachineType?: UI_I_OptionItem | null
-  computeResource?: UI_I_TreeNode | null
-  compatibilityInfo?: string
-}>()
+const props = withDefaults(
+  defineProps<{
+    storage: UI_I_DatastoreTableItem | null
+    cpuModels: UI_I_OptionItem[]
+    maxCpus: number
+    maxMemory: number
+    isEdit: boolean
+    isClone: boolean
+    errorValidationFields: UI_I_ErrorValidationField<string>[]
+    nodes: UI_I_FileTreeNode[]
+    files: UI_I_FileTreeNode[]
+    networksTable: UI_I_NetworkTableItem[]
+    getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+    datastore: UI_I_DatastoreTableItem[]
+    isDatastoreLoading: boolean
+    project: UI_T_Project
+    state?: string | number
+    cpu?: API_UI_I_VmEditCpu
+    memory?: API_UI_I_VmEditMemory
+    vmCpuHelpTextSecond?: string
+    hardDisks?: UI_I_SendDataNewHardDisk[] | null
+    cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
+    networks?: UI_I_SendDataNewNetwork[] | null
+    videoCard?: UI_I_SendDataVideoCard
+    usbController?: string
+    pciDevices?: UI_I_SendDataNewPciDevice[]
+    passthroughDevices?: UI_I_PciDevice[]
+    mediatedDevices?: UI_I_MediatedDevice[]
+    guestMachineType?: UI_I_OptionItem | null
+    computeResource?: UI_I_TreeNode | null
+    compatibilityInfo?: string
+  }>(),
+  {
+    state: undefined,
+    cpu: undefined,
+    memory: undefined,
+    vmCpuHelpTextSecond: undefined,
+    hardDisks: undefined,
+    cdDvdDrives: undefined,
+    networks: undefined,
+    videoCard: undefined,
+    usbController: undefined,
+    pciDevices: undefined,
+    passthroughDevices: undefined,
+    mediatedDevices: undefined,
+    guestMachineType: undefined,
+    computeResource: undefined,
+    compatibilityInfo: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'send-data', value: UI_I_SendDataVirtualHardware): void
   (event: 'invalid', value: string[]): void