A virtual scrolling list component that can be sorted by dragging
MIT License
headerTag,
footerTag,
headerStyle,
headerClass,
footerStyle,
footerClass,
lockAxis: 'x' | 'y', // Axis on which dragging will be locked
scroller: Document | HTMLElement, // Window not supported now
Full Changelog: https://github.com/mfuu/react-virtual-drag-list/compare/v2.6.1...v2.6.2
Published by mfuu 8 months ago
group: { pull: 'clone' }
delay
=> debounceTime
, throttleTime
pressDelay
=> delay
pressDelayOnTouchOnly
=> delayOnTouchOnly
pageMode
: now replaced by scroller: window
or scroller: document
scroller
: virtual list scrolling elementdebounceTime
: debounce time on scrollthrottleTime
: throttle time on scrollscrollToKey(key)
: Scroll to the specified data-key positionFull Changelog: https://github.com/mfuu/react-virtual-drag-list/compare/v2.5.2...v2.6.1
Published by mfuu over 1 year ago
pageMode
https://github.com/mfuu/react-virtual-drag-list/issues/3#issue-1773178071
Full Changelog: https://github.com/mfuu/react-virtual-drag-list/compare/v2.5.0...v2.5.2
Published by mfuu over 1 year ago
<VirtualList
...
group="name"
>
{
...
}
</VirtualList>
Add some usefull props:
handle
: Only drags can be made on the element specified by handle.group
: Set group value to allow drag between different lists.pressDelay
: Time in milliseconds to define when the sorting should startpressDelayOnTouchOnly
: Only delay on press if user is using touchfallbackOnBody
: Appends the ghost element into the document's bodyIt should be noted that some emit's name changed, get all parameters by destructuring:
v-dragstart
=> v-drag
v-dragend
=> v-drop
Two new events have been added:
v-add
: Will be triggered when dragging from another list to the current.v-remove
: Will be triggered when dragging from the current list into another.Some props functions have changed:
Delete useless props:
scrollStep
For details on how to use it, please refer to README
Full Changelog: https://github.com/mfuu/react-virtual-drag-list/compare/v2.4.6...v2.5.0
Published by mfuu over 2 years ago
Published by mfuu over 2 years ago
v-dragstart
, add options with keepOffset
Published by mfuu over 2 years ago
autoScroll
, scrollStep
, scrollThreshold
Published by mfuu over 2 years ago
height
, rootClass
, rootStyle
Published by mfuu over 2 years ago
Published by mfuu over 2 years ago
disabled
, draggable
, dragging
, animation
e.gdragElement
, draggableOnly
, dragStyle
draggable
parameter has changedPublished by mfuu over 2 years ago
Published by mfuu over 2 years ago
The update content is as follows:
Published by mfuu over 2 years ago
Replace all js file by ts, and rewrite all components
now scrolling and dragging are smoother
reset()
methodPublished by mfuu over 2 years ago
Published by mfuu almost 3 years ago
add some usefull methods:
Published by mfuu almost 3 years ago
add style and class for item,
fix bug
Published by mfuu almost 3 years ago