Add array.from polyfill (issue #162) + add html for min test + update…

… gulp task
SortableJS · Jun 14, 2017 · 190c258 · 190c258
1 parent 0ff8b06
commit 190c258
Show file tree

Hide file tree

Showing 7 changed files with 437 additions and 1 deletion.
diff --git a/dist/vuedraggable.js b/dist/vuedraggable.js
@@ -6,6 +6,12 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
 (function () {
   "use strict";
 
+  if (!Array.from) {
+    Array.from = function (object) {
+      return [].slice.call(object);
+    };
+  }
+
   function buildDraggable(Sortable) {
     function removeNode(node) {
       node.parentElement.removeChild(node);
@@ -97,6 +103,8 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
     };
 
     var draggableComponent = {
+      name: 'draggable',
+
       props: props,
 
       data: function data() {

diff --git a/dist/vuedraggable.min.js b/dist/vuedraggable.min.js
diff --git a/examples/Two_Lists_dist.html b/examples/Two_Lists_dist.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>Example two lists</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="stylesheet" href="css/main.css">
+    </head>
+    <body>
+
+     <div id="main">
+        <h1>Vue Dragable</h1>
+
+        <div class="drag">
+            <h2>List 1 draggable</h2>
+            <draggable class="dragArea" :list="list1" :options="{group:'people'}" @change="log">
+                <div v-for="(element, index) in list1"  >
+                    {{element.name}} {{index}}
+                </div>
+             </draggable>
+
+            <h2>List 2 draggable</h2>
+            <draggable class="dragArea" :list="list2" :options="{group:'people'}" @change="log">
+                <div v-for="(element, index) in list2" :key="index">{{element.name}}</div>
+            </draggable>
+         </div>
+
+        <div class="normal">
+            <h2>List 1 v-for</h2>
+            <div>
+                <div v-for="element in list1" >{{element.name}}</div>
+             </div>
+
+            <h2>List 2 v-for</h2>
+            <div>
+                <div v-for="element in list2" >{{element.name}}</div>
+            </div>
+        </div>
+
+        <a href="index.html">See basic example</a>
+        <a href="Two_Lists_Clone.html">See clone element example</a>
+        <a href="Two_Lists_Clone_If.html">See clone v-if element example</a>
+    </div>
+        <script type="text/javascript" src="libs\vue\dist\vue.js"></script>
+        <script type="text/javascript" src="libs\Sortable\Sortable.js"></script>
+        <script type="text/javascript" src="dist\vuedraggable.min.js"></script>
+        <script type="text/javascript" src="script\complex.js"></script>
+    </body>
+</html>