Fix empty payload of vsc-tree-select

Author: bendera

CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
+## [Unreleased]
+
+### Fixed
+
+- **Tree**: Fixed the empty payload of the `vsc-tree-select` event.
+
 ## [1.0.0] - 2024-01-04
 
 ### Added

dev/vscode-tree.html

@@ -220,7 +220,7 @@ <h2 class="story-title">Basic example</h2>
 
             tree.data = data;
 
-            tree.addEventListener('vsc-select', (ev) => {
+            tree.addEventListener('vsc-tree-select', (ev) => {
               console.log(ev);
             });
           });

src/vscode-tree/vscode-tree.ts

@@ -15,6 +15,19 @@ export type VscTreeActionEvent = CustomEvent<{
   value: string;
 }>;
 
+export type VscTreeSelectEvent = CustomEvent<{
+  icons: {
+    branch?: string;
+    open?: string;
+    leaf?: string;
+  };
+  itemType: 'branch' | 'leaf';
+  label: string;
+  open: boolean;
+  value: string;
+  path: string;
+}>;
+
 type ListenedKey = 'ArrowDown' | 'ArrowUp' | 'Enter' | 'Escape' | ' ';
 
 type IconType = 'themeicon' | 'image';
@@ -740,7 +753,11 @@ export class VscodeTree extends VscElement {
       })
     );
 
-    this.dispatchEvent(new CustomEvent('vsc-tree-select'));
+    this.dispatchEvent(
+      new CustomEvent('vsc-tree-select', {
+        detail,
+      }) as VscTreeSelectEvent
+    );
   }
 
   private _focusPrevItem() {
@@ -905,7 +922,7 @@ declare global {
   }
 
   interface GlobalEventHandlersEventMap {
-    'vsc-tree-select': CustomEvent;
+    'vsc-tree-select': VscTreeSelectEvent;
     'vsc-tree-action': VscTreeActionEvent;
   }
 }