From 7e8e6ef898eb791acbef09d5d7e1a3b0ba9b02c3 Mon Sep 17 00:00:00 2001
From: forfire <forfire@foxmail.com>
Date: Mon, 29 Oct 2018 14:46:27 +0800
Subject: [PATCH] add dragdrop for tr

---
 examples/routers/table.vue          |  5 ++++-
 src/components/table/table-body.vue |  4 +++-
 src/components/table/table-tr.vue   | 18 ++++++++++++++++--
 src/components/table/table.vue      | 10 ++++++++++
 4 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/examples/routers/table.vue b/examples/routers/table.vue
index db2c158..3a1293f 100644
--- a/examples/routers/table.vue
+++ b/examples/routers/table.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Table border ref="selection" :columns="columns4" :data="data1"></Table>
+        <Table border ref="selection" :columns="columns4" :data="data1" @drag="true" @on-drag-drop="onDragDrop"></Table>
         <Button @click="handleSetData">Set Data</Button>
         <Button @click="handleClearData">Clear Data</Button>
         <Button @click="handleSelectAll(true)">Set all selected</Button>
@@ -69,6 +69,9 @@
             },
             handleClearData () {
                 this.data1 = [];
+            },
+            onDragDrop(a,b){
+                console.log(a,b)
             }
         }
     }
diff --git a/src/components/table/table-body.vue b/src/components/table/table-body.vue
index bebd0d9..b7b80ba 100644
--- a/src/components/table/table-body.vue
+++ b/src/components/table/table-body.vue
@@ -6,6 +6,7 @@
         <tbody :class="[prefixCls + '-tbody']">
             <template v-for="(row, index) in data">
                 <table-tr
+                    :drag="drag"
                     :row="row"
                     :key="row._rowKey"
                     :prefix-cls="prefixCls"
@@ -58,7 +59,8 @@
             fixed: {
                 type: [Boolean, String],
                 default: false
-            }
+            },
+            drag:Boolean
         },
         computed: {
             expandRender () {
diff --git a/src/components/table/table-tr.vue b/src/components/table/table-tr.vue
index 6fb1bfd..a8b1132 100644
--- a/src/components/table/table-tr.vue
+++ b/src/components/table/table-tr.vue
@@ -1,11 +1,13 @@
 <template>
-    <tr :class="rowClasses(row._index)"><slot></slot></tr>
+    <tr :class="rowClasses(row._index)" :draggable="drag" v-on:dragstart="onDrag($event,row._index)" v-on:drop="onDrop($event,row._index)" v-on:dragover="allowDrop($event)" v-if="drag" ><slot></slot></tr>
+    <tr :class="rowClasses(row._index)" v-else ><slot></slot></tr>
 </template>
 <script>
     export default {
         props: {
             row: Object,
-            prefixCls: String
+            prefixCls: String,
+            drag:Boolean
         },
         computed: {
             objData () {
@@ -13,6 +15,18 @@
             }
         },
         methods: {
+             onDrag(e,index){
+                e.dataTransfer.setData("index",index);
+            },
+            onDrop(e,index){
+                var dragIndex = e.dataTransfer.getData("index");
+                this.$parent.$parent.dragAndDrop(dragIndex,index);
+                e.preventDefault();
+            },
+            allowDrop(e)
+            {
+                e.preventDefault();
+            },
             rowClasses (_index) {
                 return [
                     `${this.prefixCls}-row`,
diff --git a/src/components/table/table.vue b/src/components/table/table.vue
index 1bcf509..52d0ebe 100644
--- a/src/components/table/table.vue
+++ b/src/components/table/table.vue
@@ -15,6 +15,7 @@
                 v-show="!((!!localeNoDataText && (!data || data.length === 0)) || (!!localeNoFilteredDataText && (!rebuildData || rebuildData.length === 0)))">
                 <table-body
                     ref="tbody"
+                    :drag="drag"
                     :prefix-cls="prefixCls"
                     :styleObject="tableStyle"
                     :columns="cloneColumns"
@@ -50,6 +51,7 @@
                 <div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedBody">
                     <table-body
                         fixed="left"
+                        :drag="drag"
                         :prefix-cls="prefixCls"
                         :styleObject="fixedTableStyle"
                         :columns="leftFixedColumns"
@@ -72,6 +74,7 @@
                 <div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedRightBody">
                     <table-body
                         fixed="right"
+                        :drag="drag"
                         :prefix-cls="prefixCls"
                         :styleObject="fixedRightTableStyle"
                         :columns="rightFixedColumns"
@@ -168,6 +171,10 @@
             loading: {
                 type: Boolean,
                 default: false
+            },
+            drag:{
+                type: Boolean,
+                default: false
             }
         },
         data () {
@@ -738,6 +745,9 @@
                 const data = Csv(columns, datas, params, noHeader);
                 if (params.callback) params.callback(data);
                 else ExportCsv.download(params.filename, data);
+            },
+            dragAndDrop(a,b) {
+                this.$emit('on-drag-drop', a,b);
             }
         },
         created () {
--
libgit2 0.21.4