Add example with comments

David-Desmaisons · David-Desmaisons · commit caab7cc00d51 · 2018-11-30T22:01:41.000-02:00
diff --git a/dist/vuedraggable.js b/dist/vuedraggable.js
@@ -413,7 +413,7 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
     return draggableComponent;
   }
 
-  if (typeof exports == "object") {
+  if ((typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) == "object") {
     var Sortable = require("sortablejs");
     module.exports = buildDraggable(Sortable);
   } else if (typeof define == "function" && define.amd) {
diff --git a/dist/vuedraggable.min.js b/dist/vuedraggable.min.js
diff --git a/examples/complex-if.html b/examples/complex-if.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html class="no-js" lang="">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>Header slot</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 For</h1>
+
+    <div class="drag">
+      <h2>Draggable</h2>
+      <draggable :list="list" class="dragArea">
+        <template v-for="element in list">
+          <p v-if="element.name.length === 5">
+            Long name: {{element.name}}
+          </p>
+          <p v-if="element.name.length == 4">
+            Name: {{element.name}}
+          </p>
+        </template>
+      </draggable>
+    </div>
+
+    <div class="normal">
+      <h2>Normal v-for</h2>
+      <div class="dragArea">
+        <div v-for="element in list">{{element.name}}</div>
+      </div>
+    </div>
+
+    <button @click="add">Add</button>
+    <button @click="replace">Replace</button>
+  </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="src\vuedraggable.js"></script>
+  <script type="text/javascript" src="script\cif.js"></script>
+</body>
+
+</html>
diff --git a/examples/script/cif.js b/examples/script/cif.js
@@ -0,0 +1,16 @@
+var vm = new Vue({
+	el: "#main",
+	data: {
+		list:[{name:"Jonny"}, 
+				{name:"Joao"}, 
+				{name:"Jean"} ]
+		},
+	methods:{
+			add: function(){
+				this.list.push({name:'Juan'});
+			},
+			replace: function(){
+				this.list=[{name:'Edgard'}]
+			}
+		}
+	});

Original file line number	Diff line number	Diff line change
`@@ -413,7 +413,7 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr`
`413`	`413`	`return draggableComponent;`
`414`	`414`	`}`
`415`	`415`
`416`		`- if (typeof exports == "object") {`
	`416`	`+ if ((typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) == "object") {`
`417`	`417`	`var Sortable = require("sortablejs");`
`418`	`418`	`module.exports = buildDraggable(Sortable);`
`419`	`419`	`} else if (typeof define == "function" && define.amd) {`