bfg-common 1.4.111 → 1.4.113

package/components/common/wizards/vmNew/migrate/select/storage/Storage.vue

@@ -172,6 +172,13 @@ const checkValidityBlock = (): boolean => {
   })
   return true
 }
+
+watch(
+  () => props.configurePerDisks,
+  (newValue: UI_I_StorageConfigurePerDiskItem) => {
+    configurePerDisksLocal.value = newValue
+  }
+)
 watch(
   () => props.submit,
   () => {

package/components/common/wizards/vmNew/migrate/select/storage/configure/disk/Disk.vue

@@ -8,12 +8,12 @@
         :disabled="!selectedDisksFromTable.length"
         @click="onConfigure"
       >
-        {{ localization.common.configure }}
+        {{ localization.inventoryTabs.configure }}
       </button>
     </div>
 
     <common-wizards-vm-new-migrate-select-storage-configure-disk-table
-      v-model:selected-per-disk="selectedPerDiskKeysLocal"
+      v-model="selectedPerDiskKeysLocal"
       :configure-per-disks="props.configurePerDisks"
     />
   </div>
@@ -25,19 +25,18 @@ import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizar
 import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
 
 const props = defineProps<{
-  modelValue: boolean
-  selectedPerDiskKeys: number[]
   configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
-  activeTab: UI_T_VmMigrateSelectStorageTab
 }>()
+const modelShowSelectedPerDisk = defineModel<boolean>({ required: true })
+const modelActiveTab = defineModel<UI_T_VmMigrateSelectStorageTab>('activeTab')
+const selectedPerDiskKeysLocal = defineModel<number[]>('selectedPerDiskKeys', {
+  required: true,
+})
 const emits = defineEmits<{
-  (event: 'update:model-value', value: boolean): void
-  (event: 'update:selected-per-disk-keys', value: number[]): void
   (
     event: 'update-selected-per-disks',
     value: UI_I_StorageConfigurePerDiskItem[]
   ): void
-  (event: 'update:active-tab', value: string): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
@@ -54,27 +53,9 @@ const selectedDisksFromTable = computed<UI_I_StorageConfigurePerDiskItem[]>(
 
 const onConfigure = (): void => {
   emits('update-selected-per-disks', selectedDisksFromTable.value)
-  emits('update:model-value', true)
-  activeTabValue.value = 'batch-configure'
+  modelShowSelectedPerDisk.value = true
+  modelActiveTab.value = 'batch-configure'
 }
-
-const selectedPerDiskKeysLocal = computed<number[]>({
-  get(): number[] {
-    return props.selectedPerDiskKeys
-  },
-  set(newValue: number[]) {
-    emits('update:selected-per-disk-keys', newValue)
-  },
-})
-
-const activeTabValue = computed<UI_T_VmMigrateSelectStorageTab>({
-  get() {
-    return props.activeTab
-  },
-  set(newValue: string) {
-    emits('update:active-tab', newValue)
-  },
-})
 </script>
 
 <style lang="scss" scoped>

package/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/Table.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="data-table-view">
     <atoms-table-data-grid
-      v-model:selected-row="selectedRow"
+      v-model:selected-row="selectedPerDiskKeysLocal"
       v-model:column-keys="columnKeys"
       v-model:page-size="pagination.pageSize"
       v-model:page="pagination.page"
@@ -32,12 +32,9 @@ import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizar
 import * as table from '~/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/config/diskTable'
 
 const props = defineProps<{
-  selectedPerDisk: number[]
   configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
 }>()
-const emits = defineEmits<{
-  (event: 'update:selected-per-disk', value: number[]): void
-}>()
+const selectedPerDiskKeysLocal = defineModel<number[]>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
@@ -62,15 +59,6 @@ const sorting = (data: [string, boolean]): void => {
   const direction = status ? 'asc' : 'desc'
   sort.value = `${column}.${direction}`
 }
-
-const selectedRow = computed<number[]>({
-  get() {
-    return props.selectedPerDisk
-  },
-  set(newValue: number[]) {
-    emits('update:selected-per-disk', newValue)
-  },
-})
 </script>
 
 <style lang="scss" scoped>

package/package.json

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