react-virtual-drag-list

What's Changed

The following props will be removed from the current version onwards:

headerTag,
footerTag,
headerStyle,
headerClass,
footerStyle,
footerClass,

Added props:

lockAxis: 'x' | 'y', // Axis on which dragging will be locked

The types of these props have changed:

scroller: Document | HTMLElement, // Window not supported now

Full Changelog: https://github.com/mfuu/react-virtual-drag-list/compare/v2.6.1...v2.6.2

What's Changed

• Bug fix by @mfuu in https://github.com/mfuu/react-virtual-drag-list/pull/5

support clone mode

• usage: group: { pull: 'clone' }

props changed

• delay => debounceTime, throttleTime
• pressDelay => delay
• pressDelayOnTouchOnly => delayOnTouchOnly

props deleted

pageMode: now replaced by scroller: window or scroller: document

props added

• scroller: virtual list scrolling element
• debounceTime: debounce time on scroll
• throttleTime: throttle time on scroll

method added

• scrollToKey(key): Scroll to the specified data-key position

Full Changelog: https://github.com/mfuu/react-virtual-drag-list/compare/v2.5.2...v2.6.1

What's Changed

• Wrong value calculated in horizontal https://github.com/mfuu/react-virtual-drag-list/issues/2#issue-1744869811
• Add an option 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

What's Changed

Now you can drag-drop an item between different lists, such as:

<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 start
• pressDelayOnTouchOnly: Only delay on press if user is using touch
• fallbackOnBody: Appends the ghost element into the document's body

It 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:

• draggable: It is only supported to set dragged elements, you do not need to set this property, the list can also be dragged.

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

• Fix bug that the list is empty when the data is re-rendered after the data is cleared

• Fix bug that the mobile terminal cannot be dragged
• Fix bug that the original array was changed due to data changes when dragging
• Fix bug of incorrect size calculation when size prop is not set
• Add callback function v-dragstart, add options with keepOffset

• Add props: autoScroll, scrollStep, scrollThreshold
• Optimized initialization logic

• delete props height, rootClass, rootStyle
• performance optimization
• Fix the height change of the list after drop
• Fix the animation disappears when dragging and the element disappears after drop

• Fix bug of wrong value in ondragend method
• Fix the problem of list jitter when starting to drag
• Fix bug that ondragend function emit error
• Fix the problem that dataKey cannot find the value from number type to string type

• Add usefull props: disabled, draggable, dragging, animation e.g
• Removed some unused props: dragElement, draggableOnly, dragStyle
• The usage of the draggable parameter has changed

• Replace drag and drop components
• Solve the possible problem of scrolling during dragging
• Fix bug when initializing drag and drop

The update content is as follows：

• Fixed the problem that the draggable property did not take effect when changed
• Add props draggableOnly, check README for more details
• Separate click events from drag events when mousedown

Replace all js file by ts, and rewrite all components
now scrolling and dragging are smoother

• add reset() method
• add props: delay and dragElement

• add the method scrollToTop()

add some usefull methods:

• scrollToBottom()
• scrollToOffset(offset)
• scrollToIndex(index)
• getSize(key)
• getScrollTop()

• add style and class for item,

• fix bug

• add virtual and drag methods