@coyalabs/bts-style 1.3.9 → 1.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -420,6 +420,10 @@ type TreeItem = {
|
|
|
420
420
|
- `on:itemClick` - Fired when any item is clicked
|
|
421
421
|
- `event.detail.item` - The clicked item object
|
|
422
422
|
- `event.detail.type` - Either `'file'` or `'folder'`
|
|
423
|
+
- `on:rightClick` - Fired when any item is right-clicked
|
|
424
|
+
- `event.detail.item` - The right-clicked item object
|
|
425
|
+
- `event.detail.type` - Either `'file'` or `'folder'`
|
|
426
|
+
- `event.detail.event` - The original mouse event (for positioning context menus)
|
|
423
427
|
- `on:dragStart` - Fired when dragging a file starts (requires `draggable={true}`)
|
|
424
428
|
- `event.detail.item` - The dragged item object
|
|
425
429
|
- `event.detail.sourcePath` - Path of the source folder
|
|
@@ -460,6 +464,12 @@ type TreeItem = {
|
|
|
460
464
|
console.log(`Clicked ${type}:`, item.name);
|
|
461
465
|
}
|
|
462
466
|
|
|
467
|
+
function handleRightClick(event) {
|
|
468
|
+
const { item, type, event: mouseEvent } = event.detail;
|
|
469
|
+
console.log(`Right-clicked ${type}:`, item.name);
|
|
470
|
+
// Use mouseEvent.clientX and mouseEvent.clientY for positioning context menus
|
|
471
|
+
}
|
|
472
|
+
|
|
463
473
|
function handleDrop(event) {
|
|
464
474
|
const { item, sourcePath, targetPath } = event.detail;
|
|
465
475
|
console.log(`Moved ${item.name} from ${sourcePath} to ${targetPath}`);
|
|
@@ -472,6 +482,7 @@ type TreeItem = {
|
|
|
472
482
|
topFoldersExpanded={true}
|
|
473
483
|
draggable={true}
|
|
474
484
|
on:itemClick={handleItemClick}
|
|
485
|
+
on:rightClick={handleRightClick}
|
|
475
486
|
on:itemDrop={handleDrop}
|
|
476
487
|
/>
|
|
477
488
|
```
|