using only d3 as dependency

.gitignore

@@ -2,3 +2,4 @@
 node_modules/
 npm-debug.log
 test/unit/coverage
+/.vscode

build/webpack.base.conf.js

@@ -83,6 +83,9 @@ module.exports = {
   eslint: {
     formatter: require('eslint-friendly-formatter')
   },
+  externals:[{
+    xmlhttprequest: '{XMLHttpRequest:XMLHttpRequest}'
+  }],
   vue: {
     loaders: utils.cssLoaders({ sourceMap: useCssSourceMap }),
     postcss: [

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vued3tree",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "description": "A Vue.js project",
   "author": "desmaisons_david <desmaisons_david@hotmail.com>",
   "scripts": {
@@ -22,11 +22,7 @@
     "web-components"
   ],
   "dependencies": {
-    "d3-drag": "^1.1.1",
-    "d3-hierarchy": "^1.0.3",
-    "d3-selection": "^1.1.0",
-    "d3-shape": "^1.2.0",
-    "d3-zoom": "^1.5.0",
+    "d3": "^4.10.2",
     "vue": "^2.1.0",
     "vue-resize-directive": "^1.0.0"
   },

src/HierarchicalEdgeBundling.vue

@@ -7,10 +7,7 @@ import resize from 'vue-resize-directive'
 import layout from './circular-layout'
 import {anchorTodx, compareNode, removeTextAndGraph, roundPath, toPromise, translate, updateTexts} from './d3-utils'
 
-import * as d3selection from 'd3-selection'
-import * as d3Shape from 'd3-shape'
-import * as d3Hierarchy from 'd3-hierarchy'
-const d3 = Object.assign(d3selection, d3Hierarchy, d3Shape)
+import * as d3 from 'd3'
 
 const props = {
   data: Object,

src/Tree.vue

@@ -8,11 +8,7 @@ import euclidean from './euclidean-layout'
 import circular from './circular-layout'
 import {compareString, anchorTodx, drawLink, toPromise, findInParents, mapMany, removeTextAndGraph, translate} from './d3-utils'
 
-import * as d3selection from 'd3-selection'
-import * as d3zoom from 'd3-zoom'
-import * as d3Hierarchy from 'd3-hierarchy'
-import * as d3Drag from 'd3-drag'
-const d3 = Object.assign(d3selection, d3Hierarchy, d3zoom, d3Drag)
+import * as d3 from 'd3'
 
 const layout = {
   euclidean,