feat(draggable plugin): up draggable-helper,add opt preventTextSelect…

…ion fix about stacking context
phphe · Aug 5, 2020 · 9df8670 · 9df8670
1 parent 0f9078b
commit 9df8670
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/package.json b/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"

diff --git a/src/plugins/draggable/Draggable.vue b/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

diff --git a/src/plugins/draggable/draggable.js b/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,
     })
   }
 }