feat: add expandedKeys, update emit event in TreeSelect

[KumJungMin]

Defect Fixes

• fix: TreeSelect: expandedKeys not working  #5967

description

• TreeSelect can be considered an extended version of the Tree component.
• However, unlike the Tree component, it does not provide the expandedKeys functionality.
• This behavior seems to deviate from the intended design.
• Therefore, I modified it so that the expandedKeys function works similarly to the Tree component. :)

Test

TreeSelect Test Sample Code

<template>
	<div>
    	<Button @click="expandedKeys = { 0: true }">change expandedKeys value</Button>
    	<p>expandedKeys: {{ expandedKeys }}</p>
    	<hr />
    	<TreeSelect 
			v-model="selectedValue" 
			:options="nodes" 
			selectionMode="checkbox" 
			:expandedKeys="expandedKeys" 
			display="chip" 
			placeholder="Select Item" 
			class="md:w-20rem w-full" 
			:removeable="true" 
			@update:expandedKeys="setExpandedKeys" 
		/>
	</div>
</template>

<script>
import { NodeService } from '/service/NodeService';

export default {
    data() {
        return {
            nodes: null,
            selectedValue: null,
            expandedKeys: null
        };
    },
    mounted() {
        NodeService.getTreeNodes().then((data) => (this.nodes = data));
    },
    methods: {
        setExpandedKeys(event) {
            this.expandedKeys = event;
        }
    }
};
</script>

result

2024-10-01.12.22.47.mov

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
primevue	⬜️ Ignored (Inspect)			Sep 30, 2024 3:16pm
primevue-v3	⬜️ Ignored (Inspect)			Sep 30, 2024 3:16pm

[tugcekucukoglu]

Thank you very much for your great support of Prime libraries.

We need to add something to this PR.

3e04e74

[AericN]

Thank you for adding this!