bfg-common 1.4.775 → 1.4.776

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue

@@ -1,357 +1,357 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-new
-    v-if="isNewView"
-    v-model:delete-files-from-datastore="deleteFilesFromDatastore"
-    v-model:size="size"
-    v-model:hard-disk-type="hardDiskType"
-    v-model:disk-provisioning="diskProvisioning"
-    v-model:sharing="sharing"
-    v-model:limit-iops="limitIops"
-    v-model:limit-iops-type="limitIopsType"
-    v-model:limit-iops-invalid="limitIopsInvalid"
-    v-model:disk-mode="diskMode"
-    v-model:cache="cache"
-    v-model:bus="bus"
-    :is-removable="isRemovable"
-    :label="label"
-    :hard-disk-invalid="hardDiskInvalid"
-    :error-text="hardDiskLocalAndApiErrorsTexts"
-    :hard-disk-type-error-local-text="hardDiskTypeErrorLocalText"
-    :is-disabled-size="isDisabledSize"
-    :hard-disk-type-options="hardDiskTypeOptions"
-    :max-hard-disk="maxHardDisk"
-    :location="location"
-    :is-running="isRunning"
-    :is-new-hard-disk="!isNotNewHardDisk"
-    :is-edit="props.isEdit"
-    :datastore="props.datastore"
-    :get-datastore-table-func="props.getDatastoreTableFunc"
-    :error-validation-fields="props.errorValidationFields"
-    :index="props.index"
-    :type="props.type"
-    :hard-disk="props.hardDisk"
-    :guest-machine-type="props.guestMachineType"
-    @remove="emits('remove')"
-    @roll-back="emits('roll-back')"
-    @validate-size="onValidateSize"
-    @change-storage="onChangeStorage"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-old
-    v-else
-    v-model:delete-files-from-datastore="deleteFilesFromDatastore"
-    v-model:size="size"
-    v-model:hard-disk-type="hardDiskType"
-    v-model:disk-provisioning="diskProvisioning"
-    v-model:sharing="sharing"
-    v-model:limit-iops="limitIops"
-    v-model:limit-iops-type="limitIopsType"
-    v-model:limit-iops-invalid="limitIopsInvalid"
-    v-model:disk-mode="diskMode"
-    v-model:cache="cache"
-    v-model:bus="bus"
-    :is-removable="isRemovable"
-    :label="label"
-    :hard-disk-invalid="hardDiskInvalid"
-    :error-text="hardDiskLocalAndApiErrorsTexts"
-    :hard-disk-type-error-local-text="hardDiskTypeErrorLocalText"
-    :is-disabled-size="isDisabledSize"
-    :hard-disk-type-options="hardDiskTypeOptions"
-    :max-hard-disk="maxHardDisk"
-    :location="location"
-    :is-running="isRunning"
-    :is-new-hard-disk="!isNotNewHardDisk"
-    :is-edit="props.isEdit"
-    :datastore="props.datastore"
-    :get-datastore-table-func="props.getDatastoreTableFunc"
-    :error-validation-fields="props.errorValidationFields"
-    :index="props.index"
-    :type="props.type"
-    :hard-disk="props.hardDisk"
-    :guest-machine-type="props.guestMachineType"
-    @remove="emits('remove')"
-    @roll-back="emits('roll-back')"
-    @validate-size="onValidateSize"
-    @change-storage="onChangeStorage"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type {
-  UI_I_SendDataNewHardDisk,
-  UI_I_SendDataNewHardDiskStorage,
-} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type { UI_T_HardDiskType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { binaryOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/binaryOptions'
-
-const props = defineProps<{
-  storage: UI_I_DatastoreTableItem | null
-  hardDisk: UI_I_SendDataNewHardDisk
-  type: UI_T_HardDiskType
-  index: number
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  datastore: UI_I_DatastoreTableItem[]
-  isEdit: boolean
-  state?: string | number
-  guestMachineType?: UI_I_OptionItem | null
-}>()
-const emits = defineEmits<{
-  (event: 'send-data', value: UI_I_SendDataNewHardDisk): void
-  (event: 'invalid', value: boolean): void
-  (event: 'remove'): void
-  (event: 'roll-back'): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const { $store, $binary }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isRunning = computed<boolean>(() => {
-  return props.state === 2
-})
-
-const isRemovable = computed<boolean>(() => {
-  return (
-    !props.isEdit ||
-    !isRunning.value ||
-    (isRunning.value && bus.value === 'virtio')
-  )
-})
-
-const typeError = computed<string>(() => `disk_devices[${props.index}].size`)
-
-const apiErrorLocal = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-// PC-1796
-const isNotNewHardDisk = computed<boolean>(
-  () => props.type === 'edit' || props.type === 'removed'
-)
-const label = computed<string>(() => {
-  // if (props.type === 'edit' || props.type === 'removed')
-  if (isNotNewHardDisk.value)
-    return `${localization.value.common.hardDisk} ${props.index + 1}`
-
-  return `${localization.value.common.newHardDisk} *`
-})
-
-const maxHardDisk = computed<number>(() => {
-  if (props.type === 'exist') return $binary.gbToMb(props.hardDisk.size)
-
-  if (!storage.value) return 0
-
-  if (props.isEdit)
-    return storage.value.capacity.free_mb + $binary.gbToMb(props.hardDisk.size)
-
-  return storage.value.capacity.free_mb
-})
-const hardDiskTypeErrorLocalText = computed<string>(() => {
-  if (+sizeInMb.value > maxHardDisk.value) {
-    return localization.value.common.diskCapacitySpecifiedGreater
-  }
-
-  if (+sizeInMb.value <= 0) {
-    return localization.value.common.diskCapacityCannotZero
-  }
-
-  return ''
-})
-
-const hardDiskLocalAndApiErrorsTexts = computed<string>(() => {
-  const localError = hardDiskTypeErrorLocalText.value
-  const apiError = apiErrorLocal.value
-
-  let result = ''
-  if (localError && !apiError) result = localError
-  if (!localError && apiError) result = apiError
-  if (localError && apiError) result = localError + ', ' + apiError
-  if (!localError && apiError) result = apiError
-
-  return result
-})
-
-const deleteFilesFromDatastore = ref<boolean>(false)
-
-const hardDiskType = ref<string>('gb')
-const hardDiskTypeOptions = ref<UI_I_OptionItem[]>(
-  binaryOptionsFunc(localization.value)
-)
-
-const size = ref<number>(props.hardDisk.size) // Изначально всегда приходит в gb
-const sizeInMb = computed<number>(() => {
-  if (hardDiskType.value === 'mb') {
-    return size.value
-  }
-
-  return $binary.universalFromTo(size.value, hardDiskType.value, 'mb')
-})
-const onValidateSize = (): void => {
-  if (props.type !== 'edit') return
-  if (sizeInMb.value < $binary.gbToMb(props.hardDisk.size)) {
-    size.value = $binary.universalFromTo(
-      props.hardDisk.size,
-      'gb',
-      hardDiskType.value
-    )
-  }
-}
-
-const isDisabledSize = computed<boolean>(() => {
-  return props.type === 'exist' || (props.type === 'edit' && readOnly.value)
-})
-
-const location = ref<UI_I_DatastoreTableItem | null>(props.storage || null)
-watch(
-  () => props.storage,
-  (newValue) => {
-    location.value = newValue
-    storage.value = newValue
-  }
-)
-const storage = ref<UI_I_DatastoreTableItem | null>(props.storage)
-const onChangeStorage = (item: UI_I_DatastoreTableItem): void => {
-  storage.value = item
-}
-
-const diskProvisioning = ref<string>('thick')
-const sharing = ref<string>('')
-const shares = ref<number>(0)
-
-const limitIops = ref<number>(16)
-const limitIopsType = ref<string>('unlimited')
-const limitIopsInvalid = ref<boolean>(false)
-
-const diskMode = ref<string>('dependent')
-
-const cache = ref<string>('none')
-
-const bus = ref<string>('ide')
-
-const readOnly = ref<boolean>(false)
-
-const discard = ref<string>('')
-
-const io = ref<string>('')
-
-const target = ref<string>('')
-
-watch(
-  [
-    sizeInMb,
-    storage,
-    diskProvisioning,
-    sharing,
-    limitIops,
-    limitIopsType,
-    diskMode,
-    cache,
-    bus,
-    deleteFilesFromDatastore,
-    (): void => props.type,
-  ],
-  () => {
-    const limitIopsLocal =
-      limitIopsType.value === 'unlimited' ? 0 : limitIops.value
-    const storageLocal: UI_I_SendDataNewHardDiskStorage = {
-      id: storage.value?.id || '',
-      name: storage.value?.name || '',
-      type: storage.value?.type_text || '',
-      pool: storage.value?.pool_name || '',
-      user: '',
-      endpoint: '',
-      password: '',
-      protocol: '',
-      options: '',
-    }
-
-    emits('send-data', {
-      create: props.hardDisk.create,
-      attach: props.hardDisk.attach,
-      source: props.hardDisk.source,
-      size: Math.ceil(sizeInMb.value),
-      bus: bus.value,
-      target: target.value,
-      storage: storageLocal,
-      device_type: 'disk',
-      provision_type: diskProvisioning.value,
-      disk_mode: diskMode.value,
-      sharing: sharing.value === 'yes',
-      read_only: readOnly.value,
-      shares: shares.value,
-      cache: cache.value,
-      io: io.value,
-      limit_iops: limitIopsLocal,
-      discard: discard.value,
-      capacity: Math.ceil(sizeInMb.value),
-      boot_order: props.hardDisk.boot_order,
-      detach: props.type === 'removed',
-      remove: props.type === 'removed' && deleteFilesFromDatastore.value, // Проверяем если удалили диск и указали Delete files from datastore
-    })
-  },
-  { immediate: true }
-)
-
-// Добавляем данные для редактирования
-watch(
-  () => props.hardDisk,
-  (newValue) => {
-    // TODO refactoring
-    if (props.type === 'exist') {
-      diskProvisioning.value = newValue.provision_type || 'thick'
-      return
-    }
-    if (props.type !== 'edit') return
-
-    diskProvisioning.value = newValue.provision_type || 'thick'
-    sharing.value = newValue.sharing ? 'yes' : ''
-    shares.value = newValue.shares || 0
-    // limitIopsType.value = newValue.io === 'native' ? 'unlimited' : 'custom'
-    limitIopsType.value = newValue.limit_iops === 0 ? 'unlimited' : 'custom'
-    limitIops.value = newValue.limit_iops || 16
-    diskMode.value = newValue.disk_mode || 'dependent'
-    cache.value = newValue.cache || 'none'
-    bus.value = newValue.bus || 'ide'
-    readOnly.value = newValue.read_only || false
-    discard.value = newValue.discard || ''
-    io.value = newValue.io || ''
-    target.value = newValue.target || ''
-  },
-  { immediate: true }
-)
-watch(
-  isRunning,
-  (newValue) => {
-    if (newValue && props.type === 'new') {
-      bus.value = 'virtio'
-    }
-  },
-  { immediate: true }
-)
-
-const hardDiskInvalid = computed<boolean>(() => {
-  return !!hardDiskTypeErrorLocalText.value || limitIopsInvalid.value
-})
-watch(
-  hardDiskInvalid,
-  (newValue) => {
-    emits('invalid', newValue)
-  },
-  { immediate: true }
-)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-new
+    v-if="isNewView"
+    v-model:delete-files-from-datastore="deleteFilesFromDatastore"
+    v-model:size="size"
+    v-model:hard-disk-type="hardDiskType"
+    v-model:disk-provisioning="diskProvisioning"
+    v-model:sharing="sharing"
+    v-model:limit-iops="limitIops"
+    v-model:limit-iops-type="limitIopsType"
+    v-model:limit-iops-invalid="limitIopsInvalid"
+    v-model:disk-mode="diskMode"
+    v-model:cache="cache"
+    v-model:bus="bus"
+    :is-removable="isRemovable"
+    :label="label"
+    :hard-disk-invalid="hardDiskInvalid"
+    :error-text="hardDiskLocalAndApiErrorsTexts"
+    :hard-disk-type-error-local-text="hardDiskTypeErrorLocalText"
+    :is-disabled-size="isDisabledSize"
+    :hard-disk-type-options="hardDiskTypeOptions"
+    :max-hard-disk="maxHardDisk"
+    :location="location"
+    :is-running="isRunning"
+    :is-new-hard-disk="!isNotNewHardDisk"
+    :is-edit="props.isEdit"
+    :datastore="props.datastore"
+    :get-datastore-table-func="props.getDatastoreTableFunc"
+    :error-validation-fields="props.errorValidationFields"
+    :index="props.index"
+    :type="props.type"
+    :hard-disk="props.hardDisk"
+    :guest-machine-type="props.guestMachineType"
+    @remove="emits('remove')"
+    @roll-back="emits('roll-back')"
+    @validate-size="onValidateSize"
+    @change-storage="onChangeStorage"
+    @remove-error-by-title="emits('remove-error-by-title', $event)"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-old
+    v-else
+    v-model:delete-files-from-datastore="deleteFilesFromDatastore"
+    v-model:size="size"
+    v-model:hard-disk-type="hardDiskType"
+    v-model:disk-provisioning="diskProvisioning"
+    v-model:sharing="sharing"
+    v-model:limit-iops="limitIops"
+    v-model:limit-iops-type="limitIopsType"
+    v-model:limit-iops-invalid="limitIopsInvalid"
+    v-model:disk-mode="diskMode"
+    v-model:cache="cache"
+    v-model:bus="bus"
+    :is-removable="isRemovable"
+    :label="label"
+    :hard-disk-invalid="hardDiskInvalid"
+    :error-text="hardDiskLocalAndApiErrorsTexts"
+    :hard-disk-type-error-local-text="hardDiskTypeErrorLocalText"
+    :is-disabled-size="isDisabledSize"
+    :hard-disk-type-options="hardDiskTypeOptions"
+    :max-hard-disk="maxHardDisk"
+    :location="location"
+    :is-running="isRunning"
+    :is-new-hard-disk="!isNotNewHardDisk"
+    :is-edit="props.isEdit"
+    :datastore="props.datastore"
+    :get-datastore-table-func="props.getDatastoreTableFunc"
+    :error-validation-fields="props.errorValidationFields"
+    :index="props.index"
+    :type="props.type"
+    :hard-disk="props.hardDisk"
+    :guest-machine-type="props.guestMachineType"
+    @remove="emits('remove')"
+    @roll-back="emits('roll-back')"
+    @validate-size="onValidateSize"
+    @change-storage="onChangeStorage"
+    @remove-error-by-title="emits('remove-error-by-title', $event)"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type {
+  UI_I_SendDataNewHardDisk,
+  UI_I_SendDataNewHardDiskStorage,
+} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
+import type { UI_T_HardDiskType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { binaryOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/binaryOptions'
+
+const props = defineProps<{
+  storage: UI_I_DatastoreTableItem | null
+  hardDisk: UI_I_SendDataNewHardDisk
+  type: UI_T_HardDiskType
+  index: number
+  errorValidationFields: UI_I_ErrorValidationField<string>[]
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+  datastore: UI_I_DatastoreTableItem[]
+  isEdit: boolean
+  state?: string | number
+  guestMachineType?: UI_I_OptionItem | null
+}>()
+const emits = defineEmits<{
+  (event: 'send-data', value: UI_I_SendDataNewHardDisk): void
+  (event: 'invalid', value: boolean): void
+  (event: 'remove'): void
+  (event: 'roll-back'): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const { $store, $binary }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isRunning = computed<boolean>(() => {
+  return props.state === 2
+})
+
+const isRemovable = computed<boolean>(() => {
+  return (
+    !props.isEdit ||
+    !isRunning.value ||
+    (isRunning.value && bus.value === 'virtio')
+  )
+})
+
+const typeError = computed<string>(() => `disk_devices[${props.index}].size`)
+
+const apiErrorLocal = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === typeError.value
+    )?.error_message || ''
+  )
+})
+
+// PC-1796
+const isNotNewHardDisk = computed<boolean>(
+  () => props.type === 'edit' || props.type === 'removed'
+)
+const label = computed<string>(() => {
+  // if (props.type === 'edit' || props.type === 'removed')
+  if (isNotNewHardDisk.value)
+    return `${localization.value.common.hardDisk} ${props.index + 1}`
+
+  return `${localization.value.common.newHardDisk} *`
+})
+
+const maxHardDisk = computed<number>(() => {
+  if (props.type === 'exist') return $binary.gbToMb(props.hardDisk.size)
+
+  if (!storage.value) return 0
+
+  if (props.isEdit)
+    return storage.value.capacity.free_mb + $binary.gbToMb(props.hardDisk.size)
+
+  return storage.value.capacity.free_mb
+})
+const hardDiskTypeErrorLocalText = computed<string>(() => {
+  if (+sizeInMb.value > maxHardDisk.value) {
+    return localization.value.common.diskCapacitySpecifiedGreater
+  }
+
+  if (+sizeInMb.value <= 0) {
+    return localization.value.common.diskCapacityCannotZero
+  }
+
+  return ''
+})
+
+const hardDiskLocalAndApiErrorsTexts = computed<string>(() => {
+  const localError = hardDiskTypeErrorLocalText.value
+  const apiError = apiErrorLocal.value
+
+  let result = ''
+  if (localError && !apiError) result = localError
+  if (!localError && apiError) result = apiError
+  if (localError && apiError) result = localError + ', ' + apiError
+  if (!localError && apiError) result = apiError
+
+  return result
+})
+
+const deleteFilesFromDatastore = ref<boolean>(false)
+
+const hardDiskType = ref<string>('gb')
+const hardDiskTypeOptions = ref<UI_I_OptionItem[]>(
+  binaryOptionsFunc(localization.value)
+)
+
+const size = ref<number>(props.hardDisk.size) // Изначально всегда приходит в gb
+const sizeInMb = computed<number>(() => {
+  if (hardDiskType.value === 'mb') {
+    return size.value
+  }
+
+  return $binary.universalFromTo(size.value, hardDiskType.value, 'mb')
+})
+const onValidateSize = (): void => {
+  if (props.type !== 'edit') return
+  if (sizeInMb.value < $binary.gbToMb(props.hardDisk.size)) {
+    size.value = $binary.universalFromTo(
+      props.hardDisk.size,
+      'gb',
+      hardDiskType.value
+    )
+  }
+}
+
+const isDisabledSize = computed<boolean>(() => {
+  return props.type === 'exist' || (props.type === 'edit' && readOnly.value)
+})
+
+const location = ref<UI_I_DatastoreTableItem | null>(props.storage || null)
+watch(
+  () => props.storage,
+  (newValue) => {
+    location.value = newValue
+    storage.value = newValue
+  }
+)
+const storage = ref<UI_I_DatastoreTableItem | null>(props.storage)
+const onChangeStorage = (item: UI_I_DatastoreTableItem): void => {
+  storage.value = item
+}
+
+const diskProvisioning = ref<string>('thick')
+const sharing = ref<string>('')
+const shares = ref<number>(0)
+
+const limitIops = ref<number>(16)
+const limitIopsType = ref<string>('unlimited')
+const limitIopsInvalid = ref<boolean>(false)
+
+const diskMode = ref<string>('dependent')
+
+const cache = ref<string>('none')
+
+const bus = ref<string>('ide')
+
+const readOnly = ref<boolean>(false)
+
+const discard = ref<string>('')
+
+const io = ref<string>('')
+
+const target = ref<string>('')
+
+watch(
+  [
+    sizeInMb,
+    storage,
+    diskProvisioning,
+    sharing,
+    limitIops,
+    limitIopsType,
+    diskMode,
+    cache,
+    bus,
+    deleteFilesFromDatastore,
+    (): void => props.type,
+  ],
+  () => {
+    const limitIopsLocal =
+      limitIopsType.value === 'unlimited' ? 0 : limitIops.value
+    const storageLocal: UI_I_SendDataNewHardDiskStorage = {
+      id: storage.value?.id || '',
+      name: storage.value?.name || '',
+      type: storage.value?.type_text || '',
+      pool: storage.value?.pool_name || '',
+      user: '',
+      endpoint: '',
+      password: '',
+      protocol: '',
+      options: '',
+    }
+
+    emits('send-data', {
+      create: props.hardDisk.create,
+      attach: props.hardDisk.attach,
+      source: props.hardDisk.source,
+      size: Math.ceil(sizeInMb.value),
+      bus: bus.value,
+      target: target.value,
+      storage: storageLocal,
+      device_type: 'disk',
+      provision_type: diskProvisioning.value,
+      disk_mode: diskMode.value,
+      sharing: sharing.value === 'yes',
+      read_only: readOnly.value,
+      shares: shares.value,
+      cache: cache.value,
+      io: io.value,
+      limit_iops: limitIopsLocal,
+      discard: discard.value,
+      capacity: Math.ceil(sizeInMb.value),
+      boot_order: props.hardDisk.boot_order,
+      detach: props.type === 'removed',
+      remove: props.type === 'removed' && deleteFilesFromDatastore.value, // Проверяем если удалили диск и указали Delete files from datastore
+    })
+  },
+  { immediate: true }
+)
+
+// Добавляем данные для редактирования
+watch(
+  () => props.hardDisk,
+  (newValue) => {
+    // TODO refactoring
+    if (props.type === 'exist') {
+      diskProvisioning.value = newValue.provision_type || 'thick'
+      return
+    }
+    if (props.type !== 'edit') return
+
+    diskProvisioning.value = newValue.provision_type || 'thick'
+    sharing.value = newValue.sharing ? 'yes' : ''
+    shares.value = newValue.shares || 0
+    // limitIopsType.value = newValue.io === 'native' ? 'unlimited' : 'custom'
+    limitIopsType.value = newValue.limit_iops === 0 ? 'unlimited' : 'custom'
+    limitIops.value = newValue.limit_iops || 16
+    diskMode.value = newValue.disk_mode || 'dependent'
+    cache.value = newValue.cache || 'none'
+    bus.value = newValue.bus || 'ide'
+    readOnly.value = newValue.read_only || false
+    discard.value = newValue.discard || ''
+    io.value = newValue.io || ''
+    target.value = newValue.target || ''
+  },
+  { immediate: true }
+)
+watch(
+  isRunning,
+  (newValue) => {
+    if (newValue && props.type === 'new') {
+      bus.value = 'virtio'
+    }
+  },
+  { immediate: true }
+)
+
+const hardDiskInvalid = computed<boolean>(() => {
+  return !!hardDiskTypeErrorLocalText.value || limitIopsInvalid.value
+})
+watch(
+  hardDiskInvalid,
+  (newValue) => {
+    emits('invalid', newValue)
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss"></style>