@antv/g6/build/plugin.tool.minimap.js

graph visualization frame work

!function(t,i){"object"==typeof exports&&"object"==typeof module?module.exports=i(require("@antv/g6")):"function"==typeof define&&define.amd?define(["@antv/g6"],i):"object"==typeof exports?exports["plugin.tool.minimap"]=i(require("@antv/g6")):t["plugin.tool.minimap"]=i(t.G6)}(window,function(t){return function(t){var i={};function n(e){if(i[e])return i[e].exports;var r=i[e]={i:e,l:!1,exports:{}};return t[e].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=i,n.d=function(t,i,e){n.o(t,i)||Object.defineProperty(t,i,{enumerable:!0,get:e})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,i){if(1&i&&(t=n(t)),8&i)return t;if(4&i&&"object"==typeof t&&t&&t.__esModule)return t;var e=Object.create(null);if(n.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:t}),2&i&&"string"!=typeof t)for(var r in t)n.d(e,r,function(i){return t[i]}.bind(null,r));return e},n.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(i,"a",i),i},n.o=function(t,i){return Object.prototype.hasOwnProperty.call(t,i)},n.p="",n(n.s=40)}({39:function(t,i,n){var e=Object.assign||function(t){for(var i=1;i<arguments.length;i++){var n=arguments[i];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t};var r=n(6),o=r.Util,a=r.G.canvas.Canvas,p=function(){function t(i){!function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}(this,t),o.mix(this,e({type:"minimap",container:null,isMinimap:!0,backgroundCSS:{height:"100%",position:"absolute",margin:"auto",left:0,right:0,"z-index":0},minimapContainerCSS:{background:"#fff",position:"relative",overflow:"hidden"},viewportCSS:{height:"100%",position:"absolute",margin:"auto",left:0,right:0,"z-index":1},controlLayerCSS:{width:"100%",height:"100%",cursor:"move",position:"absolute","z-index":2},viewportWindowStyle:{stroke:"#91D5FF"},viewportBackStyle:{fill:"#EBEEF2",fillOpacity:.65},getGraph:function(){}},i)),this._initContainer(),this._initMiniMap(),this._bindEvent()}return t.prototype._bindEvent=function(){var t=this,i=this.controlLayer,n=!1,e=void 0,r=void 0,a=void 0,p=void 0,s=void 0;function c(){n=!1,r=void 0,p=void 0,e=void 0,a=void 0,s=void 0}i.on("mousedown",function(i){t.miniMapMatrix&&(s=t.getGraph(),n=!0,e=o.cloneDeep(s.getMatrix()),r=t.miniMapMatrix[0],a=e[0],p={clientX:i.clientX,clientY:i.clientY})}),i.on("mouseup",function(){c()}),i.on("mouseleave",function(){c()}),i.on("mousemove",function(t){if(n&&s){var i=p.clientX-t.clientX,c=p.clientY-t.clientY,h=o.cloneDeep(e);o.mat3.translate(h,h,[a*i/r,a*c/r]),s.updateMatrix(h)}})},t.prototype._initMiniMap=function(){var t=this.background,i=this.viewPort,n=this.width,r=this.height,o=this.viewportWindowStyle,p=this.viewportBackStyle,s=new a({containerDOM:t,width:n,height:r}),c=new a({containerDOM:i,width:n,height:r}),h=c.addShape("rect",{attrs:e({x:0,y:0,width:n,height:r},o)}),d=c.addShape("path",{attrs:e({path:"M0,0 L1,1"},p)});t.css({width:n+"px",height:r+"px"}),i.css({position:"absolute"}),this.miniMapCanvas=s,this.viewportCanvas=c,this.viewportWindow=h,this.viewportBack=d},t.prototype._initContainer=function(){var t=this.container,i=this.width,n=this.height;if(!t)throw new Error("please set the container for the minimap !");o.isString(t)&&(t=document.getElementById(t)),i||(i=o.getWidth(t)),n||(n=o.getHeight(t));var e=this.minimapContainerCSS;e.width=i+"px",e.height=n+"px";var r=this.backgroundCSS,a=this.viewportCSS,p=this.controlLayerCSS,s=o.createDOM('<div class="g6-editor-minimap-container"></div>',e),c=o.createDOM('<div class="g6-editor-minimap-background"></div>',r),h=o.createDOM('<div class="g6-editor-minimap-viewport">',a),d=o.createDOM('<div class="g6-editor-minimap-control-layer">',p);t.appendChild(s),s.appendChild(d),s.appendChild(h),s.appendChild(c),this.minimapContainer=s,this.background=c,this.viewPort=h,this.controlLayer=d},t.prototype.renderBackground=function(t){t||(t=this.getGraph());var i=this.miniMapCanvas,n=this.width,e=this.height;o.graph2Canvas({graph:t,width:n,height:e,canvas:i}),this.miniMapMatrix=i.matrix},t.prototype.renderViewPort=function(t){if(t||(t=this.getGraph()),0!==t.getItems().length){var i=this.viewportWindow,n=this.viewportCanvas,e=this.viewportBack,r=this.miniMapMatrix,a=t.getWidth(),p=t.getHeight(),s=this.width,c=this.height,h=t.getMatrix();if(r){var d=o.invertMatrix({x:0,y:0},h),u=o.invertMatrix({x:a,y:p},h),l=o.applyMatrix(d,r),f=o.applyMatrix(u,r),v=f.x-l.x,g=f.y-l.y;e.attr({path:[["M",0,0],["L",s,0],["L",s,c],["L",0,c],["L",0,0],["M",l.x,l.y],["L",l.x,f.y],["L",f.x,f.y],["L",f.x,l.y],["L",l.x,l.y]]}),i.attr({x:l.x,y:l.y,width:v,height:g}),n.draw()}}},t.prototype.destroy=function(){this.minimapContainer.destroy()},t}();t.exports=p},40:function(t,i,n){var e=Object.assign||function(t){for(var i=1;i<arguments.length;i++){var n=arguments[i];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t};var r=n(6),o=n(39),a=function(){function t(i){!function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}(this,t),this.options=i}return t.prototype.init=function(){var t=this.graph,i=new o(e({getGraph:function(){return t}},this.options));t.on("afterchange",function(){i.renderBackground(),i.renderViewPort()}),t.on("afterlayout",function(){i.renderBackground(),i.renderViewPort()}),t.on("afterviewportchange",function(){i.renderViewPort()}),this.renderBackground=function(){i.renderBackground()},this.renderViewPort=function(){i.renderViewPort()},this.minimap=i},t.prototype.destroy=function(){this.minimap.destroy()},t}();r.Plugins["tool.minimap"]=a,t.exports=a},6:function(i,n){i.exports=t}})});
//# sourceMappingURL=plugin.tool.minimap.js.map