feat(draggable plugin): up draggable-helper,add opt preventTextSelection fix about stacking context

Author: phphe

package.json

@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.7.7",
-    "draggable-helper": "^5.0.1",
+    "draggable-helper": "^5.0.2",
     "helper-js": "^2.0.1",
     "vue-functions": "^2.0.6",
     "vue-runtime-helpers": "^1.1.2"

src/plugins/draggable/Draggable.vue

@@ -22,6 +22,7 @@ export default {
     edgeScrollTriggerMargin: {type: Number, default: 50},
     edgeScrollSpeed: {type: Number, default: 0.35},
     edgeScrollTriggerMode: {type: String, default: 'top_left_corner'},
+    preventTextSelection: {type: Boolean, default: true},
   },
   // components: {},
   data() {
@@ -135,6 +136,7 @@ export default {
       edgeScrollSpeed: this.edgeScrollSpeed,
       edgeScrollTriggerMode: this.edgeScrollTriggerMode,
       rtl: this.rtl,
+      preventTextSelection: this.preventTextSelection,
       treeClass: 'he-tree',
       rootClass: 'tree-root',
       childrenClass: 'tree-children',
@@ -315,7 +317,8 @@ export default {
     'draggingNodePositionMode', 
     'cloneWhenDrag', 
     'edgeScroll', 'edgeScrollTriggerMargin', 'edgeScrollSpeed', 'edgeScrollTriggerMode', 
-    'rtl'
+    'rtl',
+    'preventTextSelection', 
     ].forEach(name => {
       this.$watch(name, (value) => {
         _makeTreeDraggable_obj.options[name] = value

src/plugins/draggable/draggable.js

@@ -29,6 +29,7 @@ export default function makeTreeDraggable(treeEl, options = {}) {
     // edgeScrollSpeed: 0.35,
     // edgeScrollTriggerMode: 'top_left_corner',
     // rtl: false
+    // preventTextSelection: boolean
     ...options,
     treeEl,
   }
@@ -42,6 +43,7 @@ export default function makeTreeDraggable(treeEl, options = {}) {
     edgeScrollSpeed: options.edgeScrollSpeed,
     edgeScrollTriggerMode: options.edgeScrollTriggerMode,
     rtl: options.rtl,
+    preventTextSelection: options.preventTextSelection,
     updateMovedElementStyleManually: true,
     getMovedOrClonedElement: (directTriggerElement, store) => {
       // find closest branch from parents
@@ -510,7 +512,9 @@ export default function makeTreeDraggable(treeEl, options = {}) {
       edgeScrollTriggerMargin: options.edgeScrollTriggerMargin,
       edgeScrollSpeed: options.edgeScrollSpeed,
       edgeScrollTriggerMode: options.edgeScrollTriggerMode,
+      // 
       rtl: options.rtl,
+      preventTextSelection: options.preventTextSelection,
     })
   }
 }