fix(Tree): issue selection item with v-model (#2040)

rdjanuar · zernonia · web-flow · commit 7842206402ac · 2025-07-22T00:02:21.000+08:00
* fix(Tree): issue selection item with v-model

* fix(Tree): remove unnecessary log

* fix: revert changes to expanded

---------

Co-authored-by: zernonia &lt;zernonia@gmail.com&gt;
diff --git a/packages/core/src/Tree/TreeRoot.vue b/packages/core/src/Tree/TreeRoot.vue
@@ -21,7 +21,7 @@ export interface TreeRootProps<T = Record<string, any>, U extends Record<string,
   /** How multiple selection should behave in the collection. */
   selectionBehavior?: 'toggle' | 'replace'
   /** Whether multiple options can be selected or not.  */
-  multiple?: M
+  multiple?: M | boolean
   /** The reading direction of the listbox when applicable. <br> If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode. */
   dir?: Direction
   /** When `true`, prevents the user from interacting with tree  */
@@ -112,7 +112,7 @@ const virtualKeydownHook = createEventHook<KeyboardEvent>()
 const modelValue = useVModel(props, 'modelValue', emits, {
   // @ts-expect-error idk
   defaultValue: props.defaultValue ?? (multiple.value ? [] : undefined),
-  passive: (props.modelValue === undefined) as false,
+  passive: true,
   deep: true,
 }) as Ref<U | U[]>
 
diff --git a/packages/core/src/Tree/story/TreeCheckbox.story.vue b/packages/core/src/Tree/story/TreeCheckbox.story.vue
@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue'
+import { ref } from 'vue'
 import { TreeItem, TreeRoot } from '..'
 import { items } from './constants'
+
+const models = ref([])
 </script>
 
 <template>
@@ -12,6 +15,7 @@ import { items } from './constants'
     <Variant title="default">
       <TreeRoot
         v-slot="{ flattenItems }"
+        v-model="models"
         class="list-none select-none w-64 bg-white text-blackA11 rounded-lg p-2 text-sm font-medium"
         :items="items"
         :get-key="(item) => item.title"
