fix(VTreeview): bypass disabled when loading selection state

[J-Sek]

fixes #22353

Markup:

(also check the more complex demo from #22464)

• not enough to fully fix VList

<template>
  <v-app theme="dark">
    <v-container max-width="800">
      <v-select
        v-model="strategy"
        :items="['classic', 'leaf', 'independent', 'trunk', 'branch']"
        prefix="strategy:"
      />
      <v-alert v-if="strategy === 'branch'">This strategy requires v3.12.0 or later</v-alert>
      <div class="d-flex ga-6">
        <v-treeview
          :key="reset"
          v-model:selected="selected"
          :item-props="(item) => ({ disabled: !enabledItems.find(x => x.key === item.value)?.value })"
          :items="items"
          :open-all="true"
          :select-strategy="strategy"
          class="flex-1-1-0"
          selectable
        />

        <v-treeview
          v-model:selected="selected"
          :items="items"
          :open-all="true"
          :select-strategy="strategy"
          class="flex-1-1-0"
          selectable
        />

        <v-list class="flex-1-1-0">
          <v-list-item v-for="(item) in enabledItems" :key="item.key" :title="item.key">
            <template #append>
              <v-switch v-model="item.value" class="ml-n10" density="compact" hide-details />
            </template>
          </v-list-item>
        </v-list>
      </div>
      <pre>{{ selected }}</pre>

      <v-btn class="text-none" text="Reset left tree" @click="reset++" />
    </v-container>
  </v-app>
</template>

<script setup lang="ts">
  import { ref } from 'vue'

  const reset = ref(0)
  const strategy = ref('classic' as any)

  const items = [
    {
      title: 'parent',
      value: 'parent',
      children: [
        {
          title: 'child1',
          value: 'child1',
        },
        {
          title: 'child2',
          value: 'child2',
        },
      ],
    },
  ]

  function bfsFlatten (items: any[]): any[] {
    const result = []
    for (const item of items) {
      result.push(item)
      if (item.children?.length) {
        result.push(...bfsFlatten(item.children))
      }
    }
    return result
  }
  const enabledItems = ref(bfsFlatten(items).map(x => ({ key: x.value, value: false })))

  const selected = ref(['child1'])
</script>