SortableEvent missing clonedData field type

[crystalfp]

I need to access the data of a removed entry. So my @remove routine is this:

const onRemoved = (entry: SortableEvent): void => {
    removedIds.push((entry as SortableEvent&{clonedData: {id: string}}).clonedData.id);
};

I had to make this contrived typing to satisfy typescript.
Seems that something is missing in the SortableEvent type definition.
Or is there a better method to access the cloned element?
Thanks!
mario

"vue-draggable-plus": "^0.6.0"
Windows 11 & Chromium: 134.0.6998.44
"vue": "^3.5.13"

[crystalfp]

I see SortableEvent type comes from Sortablejs.
Maybe it can be simply re-exported adding the missing field.
I tried to cleanup the previous routine by adding the enhanced event:

interface SortableEventExtended extends SortableEvent {
    clonedData?: unknown;
}

and defining the onRemove routine this way (SortableListEntry is the type of the list elements):

const onRemoved = (entry: SortableEventExtended): void => {
    const clonedData = entry.clonedData as SortableListEntry;
    removedIds.push(clonedData.id);
};

Without the ? in the definition, typescript complains that SortableEvent and SortableEventExtended are not compatible.

[sinpor]

In fact, the DraggableEvent type should be used. However, the source code directly uses Sortable.Options.