@ -224,15 +224,20 @@ defineExpose({
: class = "
: class = "
cn ( 'cursor-pointer' , getNodeClass ? . ( item ) , {
cn ( 'cursor-pointer' , getNodeClass ? . ( item ) , {
'data-[selected]:bg-accent' : ! multiple ,
'data-[selected]:bg-accent' : ! multiple ,
'cursor-not-allowed' : disabled ,
} )
"
v - bind = "
Object . assign ( item . bind , {
onfocus : disabled ? 'this.blur()' : undefined ,
} )
} )
"
"
v - bind = "item.bind"
@ select = "
@ select = "
( event ) => {
( event ) => {
if ( event . detail . originalEvent . type === 'click' ) {
if ( event . detail . originalEvent . type === 'click' ) {
event . preventDefault ( ) ;
event . preventDefault ( ) ;
}
}
onSelect ( item , event . detail . isSelected ) ;
! disabled && onSelect ( item , event . detail . isSelected ) ;
}
}
"
"
@ toggle = "
@ toggle = "
@ -240,7 +245,7 @@ defineExpose({
if ( event . detail . originalEvent . type === 'click' ) {
if ( event . detail . originalEvent . type === 'click' ) {
event . preventDefault ( ) ;
event . preventDefault ( ) ;
}
}
onToggle ( item ) ;
! disabled && onToggle ( item ) ;
}
}
"
"
class = "tree-node focus:ring-grass8 my-0.5 flex items-center rounded px-2 py-1 outline-none focus:ring-2"
class = "tree-node focus:ring-grass8 my-0.5 flex items-center rounded px-2 py-1 outline-none focus:ring-2"
@ -262,10 +267,11 @@ defineExpose({
< Checkbox
< Checkbox
v - if = "multiple"
v - if = "multiple"
: checked = "isSelected"
: checked = "isSelected"
: disabled = "disabled"
: indeterminate = "isIndeterminate"
: indeterminate = "isIndeterminate"
@ click = "
@ click = "
( ) => {
( ) => {
handleSelect ( ) ;
! disabled && handleSelect ( ) ;
/ / o n S e l e c t ( i t e m , ! i s S e l e c t e d ) ;
/ / o n S e l e c t ( i t e m , ! i s S e l e c t e d ) ;
}
}
"
"
@ -276,7 +282,7 @@ defineExpose({
( _event ) => {
( _event ) => {
/ / $ e v e n t . s t o p P r o p a g a t i o n ( ) ;
/ / $ e v e n t . s t o p P r o p a g a t i o n ( ) ;
/ / $ e v e n t . p r e v e n t D e f a u l t ( ) ;
/ / $ e v e n t . p r e v e n t D e f a u l t ( ) ;
handleSelect ( ) ;
! disabled && handleSelect ( ) ;
/ / o n S e l e c t ( i t e m , ! i s S e l e c t e d ) ;
/ / o n S e l e c t ( i t e m , ! i s S e l e c t e d ) ;
}
}
"
"