bfg-common 1.3.115 → 1.3.117

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

@@ -107,6 +107,7 @@
             :is-edit="props.isEdit"
             :state="props.state"
             @remove="onRemovePciDevice(pciDevicesIndex[key])"
+            @roll-back="onRollBackPciDevice(pciDevicesIndex[key])"
             @send-data="
               onSendDataPciDevicesMethod($event, pciDevicesIndex[key])
             "
@@ -455,7 +456,7 @@ const defaultPciDevice: UI_I_PciDevice = {
   device_name: 'cdrom',
 }
 const pciDevicesIndex = ref<number[]>([0])
-const pciDevicesType = ref<('new' | 'edit')[]>(['new'])
+const pciDevicesType = ref<('new' | 'edit' | 'removed')[]>(['new'])
 const pciDevices = ref<UI_I_PciDevice[]>([])
 watch(
   () => props.pciDevices,
@@ -484,8 +485,11 @@ const addPciDevice = (): void => {
 const onRemovePciDevice = (index: number): void => {
   const removeIndex = pciDevicesIndex.value.indexOf(index)
   pciDevicesIndex.value = pciDevicesIndex.value.filter((item) => item !== index)
-  pciDevicesType.value = pciDevicesType.value.filter(
-    (_item, key) => key !== removeIndex
+  pciDevicesType.value = pciDevicesType.value.map(
+    (item, key) => {
+      if (key !== removeIndex) return 'removed'
+      return item
+    }
   )
 
   pciDevices.value = pciDevices.value.filter((_pciDevice, key: number) => {
@@ -496,6 +500,13 @@ const onRemovePciDevice = (index: number): void => {
   delete sendDataNewPciDevices.value[index]
   sendData()
 }
+const onRollBackPciDevice = (index: number): void => {
+  const removeIndex = pciDevicesIndex.value.indexOf(index)
+  pciDevicesType.value = pciDevicesType.value.map((item, key) => {
+    if (key === removeIndex) return 'edit'
+    return item
+  })
+}
 
 const isShowFileModal = ref<boolean>(false)
 const onAddDevice = (item: UI_I_DropdownTreeItemChild): void => {

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue

@@ -3,7 +3,9 @@
     <atoms-stack-block
       :has-children="true"
       :removable="isRemovable"
-      @remove="removePciDevice"
+      :is-roll-back="props.type === 'removed'"
+      @remove="onRemovePciDevice"
+      @roll-back="onRollBackPciDevice"
     >
       <template #stackBlockKey>
         <div class="flex-align-center">
@@ -74,6 +76,7 @@ const props = defineProps<{
 const emits = defineEmits<{
   (event: 'send-data', value: UI_I_SendDataNewPciDevice): void
   (event: 'remove'): void
+  (event: 'roll-back'): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
@@ -158,9 +161,12 @@ watch(
   { immediate: true }
 )
 
-const removePciDevice = (): void => {
+const onRemovePciDevice = (): void => {
   emits('remove')
 }
+const onRollBackPciDevice = (): void => {
+  emits('roll-back')
+}
 </script>
 
 <style scoped lang="scss">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.3.115",
+  "version": "1.3.117",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",