You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 7-8.RSVP
Socket
Socket
Sign inDemoInstall

vuedraggable

Package Overview
Dependencies
Maintainers
1
Versions
53
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.8.3-rc0 to 2.8.4

6

dist/vuedraggable.js

@@ -123,2 +123,5 @@ 'use strict';

return this.transitionMode ? this.$el.children[0] : this.$el;
},
isCloning: function isCloning() {
return this.options !== null && this.options.group !== null && this.options.group.pull === 'clone';
}

@@ -221,4 +224,3 @@ },

insertNodeAt(this.rootContainer, evt.item, evt.oldIndex);
var isCloning = !!evt.clone;
if (isCloning) {
if (this.isCloning) {
removeNode(evt.clone);

@@ -225,0 +227,0 @@ return;

{
"name": "vuedraggable",
"version": "2.8.3-rc0",
"version": "2.8.4",
"description": "draggable component for vue",

@@ -21,3 +21,3 @@ "main": "dist/vuedraggable.js",

"dependencies": {
"sortablejs": "^1.5.0-rc1"
"sortablejs": "^1.5.0"
},

@@ -24,0 +24,0 @@ "devDependencies": {

@@ -6,4 +6,4 @@ <p align="center"><img width="100"src="https://raw.githubusercontent.com/SortableJS/Vue.Draggable/master/logo.png"></p>

[![GitHub closed issues](https://img.shields.io/github/issues-closed/SortableJS/Vue.Draggable.svg?maxAge=2592000)](https://github.com/SortableJS/Vue.Draggable/issues?q=is%3Aissue+is%3Aclosed)
[![Npm download](https://img.shields.io/npm/dt/vuedraggable.svg?maxAge=2592000)](https://www.npmjs.com/package/vuedraggable)
[![Npm version](https://img.shields.io/npm/v/vuedraggable.svg?maxAge=2592000)](https://www.npmjs.com/package/vuedraggable)
[![npm download](https://img.shields.io/npm/dt/vuedraggable.svg?maxAge=2592000)](https://www.npmjs.com/package/vuedraggable)
[![npm version](https://img.shields.io/npm/v/vuedraggable.svg?maxAge=2592000)](https://www.npmjs.com/package/vuedraggable)
[![Package Quality](http://npm.packagequality.com/shield/vuedragablefor.svg)](http://packagequality.com/#?package=vuedraggable)

@@ -26,3 +26,3 @@ [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)

* Full support of [Sortable.js](https://github.com/RubaXa/Sortable) features:
* Supports touch devices
* Supports touch devices
* Supports drag handles and selectable text

@@ -34,4 +34,4 @@ * Smart auto-scrolling

* Compatible with Vue.js 2.0 transition-group
* Cancelation support
* Events reporting any changes when full control is needed
* Cancellation support
* Events reporting any changes when full control is needed

@@ -51,8 +51,8 @@ ## For Vue.js 2.0

``` html
<draggable :list="list">
<transition-group>
<div v-for="element in list" :key="element.id">
{{element.name}}
</div>
</transition-group>
<draggable :list="list">
<transition-group>
<div v-for="element in list" :key="element.id">
{{element.name}}
</div>
</transition-group>
</draggable>

@@ -68,4 +68,4 @@ ```

},
...
```
...
```

@@ -102,3 +102,3 @@ Draggable component should directly wrap the draggable elements, or a `transition-component` containing the draggable elements.

Function called on the source component to clone element when clone option is true. The unique argument is the viewModel element to be cloned and the returned value should be its cloned version.<br>
By default vue.draggable reuse the viewmodel element, so you have to use this hook if you want to clone or deep clone it.
By default vue.draggable reuses the viewModel element, so you have to use this hook if you want to clone or deep clone it.

@@ -121,15 +121,14 @@ #### move

- `draggedContext`: context linked to dragged element
- `index`: dragged element index
- `element`: dragged element underlying view model element
- `futureIndex`: Number.
Potencial index of the dragged element if the drop operation is accepted.
- `index`: dragged element index
- `element`: dragged element underlying view model element
- `futureIndex`: potential index of the dragged element if the drop operation is accepted
- `relatedContext`: context linked to current drag operation
- `index`: target element index
- `element`: target element view model element
- `list`: target list
- `component`: target VueComponent
- `index`: target element index
- `element`: target element view model element
- `list`: target list
- `component`: target VueComponent
HTML:
```HTML
<draggable :list="list" :move="checkMove">
<draggable :list="list" :move="checkMove">
```

@@ -139,3 +138,3 @@ javascript:

checkMove: function(evt){
return (evt.draggedContext.element.name!=='apple');
return (evt.draggedContext.element.name!=='apple');
}

@@ -151,3 +150,3 @@ ```

`start`, `add`, `remove`, `update`, `end`, `choose`, `sort`, `filter`, `clone`<br>
events are called when respectivelly onStart, onAdd, onRemove, onUpdate, onEnd, onChoose, onSort, onClone are fired by Sortabe.js with the same argument.<br>
Events are called whenever onStart, onAdd, onRemove, onUpdate, onEnd, onChoose, onSort, onClone are fired by Sortable.js with the same argument.<br>
[See here for reference](https://github.com/RubaXa/Sortable#event-object-demo)

@@ -159,3 +158,3 @@

```HTML
<draggable :list="list" @end="onEnd">
<draggable :list="list" @end="onEnd">
```

@@ -165,3 +164,3 @@

`change` event is trigerred when list prop is not null and the corresponding array is altered due to drag-and-drop operation.<br>
`change` event is triggered when list prop is not null and the corresponding array is altered due to drag-and-drop operation.<br>
This event is called with one argument containing one of the following properties:

@@ -182,3 +181,3 @@ - `added`: contains information of an element added to the array

To be abble to drag items on an empty draggable component, set a min-height>0 on the `draggable` component or the `transition-group` if any.
To be able to drag items on an empty draggable component, set a min-height>0 on the `draggable` component or the `transition-group` if any.

@@ -225,3 +224,3 @@ ### Fiddle

...
//For Vue.js 2.0

@@ -228,0 +227,0 @@ var draggable = require('vuedraggable')

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc