QuantEngineByItz/src/frontend/src/components/QuantTree.vue

<!-- PrimeVue Tree Transparent Adapter Wrapper: QuantTree -->
<template>
  <div class="quant-tree-wrapper w-full border border-slate-300 rounded p-2 bg-white text-xs">
    <Tree
      v-bind="$attrs"
      :value="value"
      :selectionMode="selectionMode"
      :selectionKeys="selectionKeys"
      class="w-full text-xs"
      @update:selectionKeys="$emit('update:selectionKeys', $event)"
    >
      <template v-for="(_, slotName) in $slots" :key="slotName" #[slotName]="slotProps">
        <slot :name="slotName" v-bind="slotProps || {}"></slot>
      </template>
    </Tree>
  </div>
</template>

<script setup lang="ts">
import Tree from 'primevue/tree';

defineOptions({
  inheritAttrs: false
});

defineProps<{
  value?: any[];
  selectionMode?: 'single' | 'multiple' | 'checkbox';
  selectionKeys?: any;
}>();

defineEmits(['update:selectionKeys']);
</script>