bfg-common 1.5.420 → 1.5.421

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

@@ -183,7 +183,10 @@
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-other />
-        <div v-if="props.compatibilityInfo" class="vm-hardware-version-wrap justify-end flex flex-1 mt-4">
+        <div
+          v-if="props.compatibilityInfo"
+          class="vm-hardware-version-wrap justify-end flex flex-1 mt-4"
+        >
           <span class="vm-hardware-version">
             {{ props.compatibilityInfo }}
           </span>
@@ -194,9 +197,9 @@
     <Teleport to="body">
       <common-vm-actions-common-customize-hardware-virtual-hardware-browse-view
         v-if="props.isShowFileModal"
-        show
         :nodes="props.nodes"
         :files="props.files"
+        show
         @submit="emits('add-exist-hard-disk', $event)"
         @get-storage="emits('get-storage', $event)"
         @get-folders-or-files="emits('get-folders-or-files', $event)"
@@ -247,46 +250,65 @@ const videoCardInvalid = defineModel<boolean>('videoCardInvalid', {
   required: true,
 })
 
-const props = defineProps<{
-  nodes: UI_I_FileTreeNode[]
-  files: UI_I_FileTreeNode[]
-  isEdit: boolean
-  storage: UI_I_DatastoreTableItem | null
-  project: UI_T_Project
-  maxCpus: number
-  maxMemory: number
-  cpuModels: UI_I_OptionItem[]
-  datastore: UI_I_DatastoreTableItem[]
-  isDatastoreLoading: boolean
-  networksType: UI_T_NetworkType[]
-  networksTable: UI_I_NetworkTableItem[]
-  // dropdownItems: UI_I_DropdownTreeItem[]
-  hardDisksType: UI_T_HardDiskType[]
-  networksIndex: number[]
-  hardDisksIndex: number[]
-  pciDevicesType: UI_T_NetworkType[]
-  isShowFileModal: boolean
-  pciDevicesIndex: number[]
-  cdDvdDrivesType: UI_T_NetworkType[]
-  cdDvdDrivesIndex: number[]
-  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[]
-  vmCpuHelpTextSecond?: string
-  computeResource?: UI_I_TreeNode | null
-  compatibilityInfo?: string
-}>()
+const props = withDefaults(
+  defineProps<{
+    nodes: UI_I_FileTreeNode[]
+    files: UI_I_FileTreeNode[]
+    isEdit: boolean
+    storage: UI_I_DatastoreTableItem | null
+    project: UI_T_Project
+    maxCpus: number
+    maxMemory: number
+    cpuModels: UI_I_OptionItem[]
+    datastore: UI_I_DatastoreTableItem[]
+    isDatastoreLoading: boolean
+    networksType: UI_T_NetworkType[]
+    networksTable: UI_I_NetworkTableItem[]
+    // dropdownItems: UI_I_DropdownTreeItem[]
+    hardDisksType: UI_T_HardDiskType[]
+    networksIndex: number[]
+    hardDisksIndex: number[]
+    pciDevicesType: UI_T_NetworkType[]
+    isShowFileModal: boolean
+    pciDevicesIndex: number[]
+    cdDvdDrivesType: UI_T_NetworkType[]
+    cdDvdDrivesIndex: number[]
+    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[]
+    vmCpuHelpTextSecond?: string
+    computeResource?: UI_I_TreeNode | null
+    compatibilityInfo?: string
+  }>(),
+  {
+    cpu: undefined,
+    state: undefined,
+    memory: undefined,
+    networks: undefined,
+    hardDisks: undefined,
+    videoCard: undefined,
+    pciDevices: undefined,
+    cdDvdDrives: undefined,
+    usbController: undefined,
+    guestMachineType: undefined,
+    passthroughDevices: undefined,
+    mediatedDevices: undefined,
+    vmCpuHelpTextSecond: undefined,
+    computeResource: undefined,
+    compatibilityInfo: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'add-device', value: { value: number }): void
   (event: 'get-storage', value: UI_I_TablePayload): void
@@ -371,32 +393,6 @@ const onAddDevice = (data: number): void => {
 }
 </script>
 
-<style>
-:root {
-  --vm-wizard-block-view-bg-color: #fafafa;
-  --add-device-dropdown-bg-color: #fff;
-  --add-device-dropdown-bg-color-hover: #f6f7f8;
-  --add-device-dropdown-active-bg-color-hover: #f0f8fd;
-  --add-device-dropdown-border-color: #e9ebed;
-  --add-device-dropdown-border-color-hover: #e9ebed;
-  --add-device-dropdown-color: #4d5d69;
-  --add-device-dropdown-color-hover: #4d5d69;
-  --add-device-dropdown-item-title-color: #182531;
-}
-:root.dark-theme {
-  --vm-wizard-block-view-bg-color: transparent;
-  --add-device-dropdown-bg-color: #1b2a373d;
-  //--add-device-dropdown-bg-color-hover: #2585b614;
-  --add-device-dropdown-bg-color-hover: #b8bcc10a;
-  --add-device-dropdown-active-bg-color-hover: #2785b614;
-  --add-device-dropdown-border-color: #e9ebed1f;
-  --add-device-dropdown-border-color-hover: #2ba2de;
-  --add-device-dropdown-color: #e9eaec;
-  --add-device-dropdown-color-hover: #2ba2de;
-  --add-device-dropdown-item-title-color: #e9eaec;
-}
-</style>
-
 <style scoped lang="scss">
 .virtual-hardware {
   height: 100%;