diff --git a/package.json b/package.json index 52cddbd..5cc5fdd 100644 --- 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 index 299236c..1f028fd 100644 --- 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 index 142bef5..8e4bc8c 100644 --- 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, }) } }