diff --git a/src/assets/package/graphvis.esm.min3.js b/src/assets/package/graphvis.esm.min3.js
new file mode 100644
index 0000000..36fb77e
--- /dev/null
+++ b/src/assets/package/graphvis.esm.min3.js
@@ -0,0 +1,25188 @@
+function t(e, t) {
+ var n,
+ i = Object.keys(e);
+ return (
+ Object.getOwnPropertySymbols &&
+ ((n = Object.getOwnPropertySymbols(e)),
+ t &&
+ (n = n.filter(function (t) {
+ return Object.getOwnPropertyDescriptor(e, t).enumerable;
+ })),
+ i.push.apply(i, n)),
+ i
+ );
+}
+function e(e) {
+ for (var n = 1; n < arguments.length; n++) {
+ var i = null != arguments[n] ? arguments[n] : {};
+ n % 2
+ ? t(Object(i), !0).forEach(function (t) {
+ s(e, t, i[t]);
+ })
+ : Object.getOwnPropertyDescriptors
+ ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i))
+ : t(Object(i)).forEach(function (t) {
+ Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(i, t));
+ });
+ }
+ return e;
+}
+function n(t) {
+ return (n =
+ 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
+ ? function (t) {
+ return typeof t;
+ }
+ : function (t) {
+ return t && 'function' == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype
+ ? 'symbol'
+ : typeof t;
+ })(t);
+}
+function i(t, e) {
+ if (!(t instanceof e)) throw new TypeError('Cannot call a class as a function');
+}
+function o(t, e) {
+ for (var n = 0; n < e.length; n++) {
+ var i = e[n];
+ (i.enumerable = i.enumerable || !1),
+ (i.configurable = !0),
+ 'value' in i && (i.writable = !0),
+ Object.defineProperty(t, i.key, i);
+ }
+}
+function a(t, e, n) {
+ return e && o(t.prototype, e), n && o(t, n), Object.defineProperty(t, 'prototype', { writable: !1 }), t;
+}
+function s(t, e, n) {
+ return (
+ e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : (t[e] = n), t
+ );
+}
+function h(t, e) {
+ if ('function' != typeof e && null !== e) throw new TypeError('Super expression must either be null or a function');
+ (t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } })),
+ Object.defineProperty(t, 'prototype', { writable: !1 }),
+ e && u(t, e);
+}
+function c(t) {
+ return (c = Object.setPrototypeOf
+ ? Object.getPrototypeOf.bind()
+ : function (t) {
+ return t.__proto__ || Object.getPrototypeOf(t);
+ })(t);
+}
+function u(t, e) {
+ return (u = Object.setPrototypeOf
+ ? Object.setPrototypeOf.bind()
+ : function (t, e) {
+ return (t.__proto__ = e), t;
+ })(t, e);
+}
+function l(t, e) {
+ if (e && ('object' == typeof e || 'function' == typeof e)) return e;
+ if (void 0 !== e) throw new TypeError('Derived constructors may only return object or undefined');
+ e = t;
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ return e;
+}
+function d(n) {
+ var i = (function () {
+ if ('undefined' == typeof Reflect || !Reflect.construct) return !1;
+ if (Reflect.construct.sham) return !1;
+ if ('function' == typeof Proxy) return !0;
+ try {
+ return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})), !0;
+ } catch (t) {
+ return !1;
+ }
+ })();
+ return function () {
+ var t,
+ e = c(n);
+ return l(this, i ? ((t = c(this).constructor), Reflect.construct(e, arguments, t)) : e.apply(this, arguments));
+ };
+}
+function f(t, e) {
+ return (
+ (function (t) {
+ if (Array.isArray(t)) return t;
+ })(t) ||
+ (function (t, e) {
+ var n = null == t ? null : ('undefined' != typeof Symbol && t[Symbol.iterator]) || t['@@iterator'];
+ if (null != n) {
+ var i,
+ r,
+ o = [],
+ a = !0,
+ s = !1;
+ try {
+ for (n = n.call(t); !(a = (i = n.next()).done) && (o.push(i.value), !e || o.length !== e); a = !0);
+ } catch (t) {
+ (s = !0), (r = t);
+ } finally {
+ try {
+ a || null == n.return || n.return();
+ } finally {
+ if (s) throw r;
+ }
+ }
+ return o;
+ }
+ })(t, e) ||
+ v(t, e) ||
+ (function () {
+ throw new TypeError(
+ 'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
+ );
+ })()
+ );
+}
+function p(t) {
+ return (
+ (function (t) {
+ if (Array.isArray(t)) return y(t);
+ })(t) ||
+ (function () {
+ if (('undefined' != typeof Symbol && null != t[Symbol.iterator]) || null != t['@@iterator']) return Array.from(t);
+ })() ||
+ v(t) ||
+ (function () {
+ throw new TypeError(
+ 'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
+ );
+ })()
+ );
+}
+function v(t, e) {
+ var n;
+ if (t)
+ return 'string' == typeof t
+ ? y(t, e)
+ : 'Map' ===
+ (n =
+ 'Object' === (n = Object.prototype.toString.call(t).slice(8, -1)) && t.constructor
+ ? t.constructor.name
+ : n) || 'Set' === n
+ ? Array.from(t)
+ : 'Arguments' === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)
+ ? y(t, e)
+ : void 0;
+}
+function y(t, e) {
+ (null == e || e > t.length) && (e = t.length);
+ for (var n = 0, i = new Array(e); n < e; n++) i[n] = t[n];
+ return i;
+}
+function m(t, e) {
+ var n,
+ i,
+ r,
+ o,
+ a = ('undefined' != typeof Symbol && t[Symbol.iterator]) || t['@@iterator'];
+ if (a)
+ return (
+ (r = !(i = !0)),
+ {
+ s: function () {
+ a = a.call(t);
+ },
+ n: function () {
+ var t = a.next();
+ return (i = t.done), t;
+ },
+ e: function (t) {
+ (r = !0), (n = t);
+ },
+ f: function () {
+ try {
+ i || null == a.return || a.return();
+ } finally {
+ if (r) throw n;
+ }
+ },
+ }
+ );
+ if (Array.isArray(t) || (a = v(t)) || (e && t && 'number' == typeof t.length))
+ return (
+ a && (t = a),
+ (o = 0),
+ {
+ s: (e = function () {}),
+ n: function () {
+ return o >= t.length ? { done: !0 } : { done: !1, value: t[o++] };
+ },
+ e: function (t) {
+ throw t;
+ },
+ f: e,
+ }
+ );
+ throw new TypeError(
+ 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
+ );
+}
+null != Object.assign && Object.assign.bind(Object);
+var x = function t(e, n, i, r) {
+ for (var o in n)
+ if (n.hasOwnProperty(o) || !0 === i)
+ if (n[o] && n[o].constructor === Object)
+ void 0 === e[o] && (e[o] = {}),
+ e[o].constructor === Object
+ ? t(e[o], n[o], i)
+ : null === n[o] && void 0 !== e[o] && !0 === r
+ ? delete e[o]
+ : (e[o] = n[o]);
+ else if (Array.isArray(n[o])) {
+ e[o] = [];
+ for (var a = 0; a < n[o].length; a++) e[o].push(n[o][a]);
+ } else null === n[o] && void 0 !== e[o] && !0 === r ? delete e[o] : (e[o] = n[o]);
+ return e;
+ },
+ w = function (t) {
+ return Number(Math.random().toString().substring(2, t) + Date.now()).toString(36);
+ },
+ k = function () {
+ var t;
+ return {
+ node:
+ (s(
+ (t = {
+ label: {
+ show: !0,
+ color: '50,50,50',
+ font: 'normal 14px Arial',
+ wrapText: !1,
+ textPosition: 'Bottom_Center',
+ textOffsetX: 0,
+ textOffsetY: 0,
+ background: null,
+ borderWidth: 0,
+ borderColor: null,
+ },
+ shape: 'circle',
+ color: '30,160,250',
+ borderColor: '30,100,250',
+ borderWidth: 0,
+ tagColor: '230,30,30',
+ size: 60,
+ imageScale: 1,
+ alpha: 1,
+ borderRadius: 0,
+ }),
+ 'imageScale',
+ 1,
+ ),
+ s(t, 'selected', {
+ borderColor: '50,50,230',
+ borderAlpha: 1,
+ borderWidth: 5,
+ showShadow: !1,
+ shadowColor: '80,160,240',
+ shadowBlur: 10,
+ }),
+ t),
+ link: {
+ label: { show: !0, color: '20,20,20', font: 'normal 13px Arial' },
+ lineType: 'straight',
+ colorType: 'defined',
+ color: '120,110,110',
+ alpha: 1,
+ lineWidth: 2,
+ lineDash: null,
+ showArrow: !0,
+ arrowType: 'triangle',
+ selected: { color: '50,50,230' },
+ },
+ scene: {},
+ group: {},
+ highLightNeiber: !1,
+ wheelZoom: 0.9,
+ selectBox: { color: '10,10,225', alpha: 0.1 },
+ };
+ },
+ M = [
+ 'YWxlcnQoJyVFNiU4MiVBOCVFNiVBRC',
+ 'VBMyVFNSU5QyVBOCVFNCVCRCVCRiVF',
+ 'NyU5NCVBOCVFNiU5QyVBQSVFNiU4RS',
+ 'U4OCVFNiU5RCU4MyVFNyU5QSU4NCVFN',
+ 'yU4OSU4OCVFNiU5QyVBQyUyQyVFOCVBR',
+ ],
+ E = [
+ 'iVCNyVFOCU4MSU5NCVFNyVCMyVCQkdy',
+ 'YXBoVmlzKHd3dy5ncmFwaHZpcy5jbik',
+ 'lRTYlOEUlODglRTYlOUQlODMlRTUlOT',
+ 'AlOEUlRTUlODYlOEQlRTQlQkQlQkYlR',
+ 'TclOTQlQTglMkMlRTglQjAlQTIlRTgl',
+ ],
+ C = [
+ 'QjAlQTIlRTUlOTAlODglRTQlQkQlOUM',
+ 'hJUU4JUFGJTk1JUU3JTk0JUE4JUU1JT',
+ 'lDJUE4JUU2JTlDJUFDJUU1JTlDJUIwJ',
+ 'UU2JTlDJThEJUU1JThBJUExMTI3LjAu',
+ 'MC4xJUU2JTg4JTk2bG9jYWxob3N0JUU',
+ '0JUI4JThCJUU2JTk3JUEwJUU5JTk5JT',
+ 'kwJUU1JTg4JUI2JUUzJTgwJTgyJyk=',
+ ],
+ N = function (t) {
+ for (
+ var e,
+ n,
+ i,
+ r,
+ o,
+ a = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ',
+ s = a.length,
+ h = 0,
+ c = (r = new Array(Math.floor(t.length / 3))).length,
+ u = 0;
+ u < c;
+ u++
+ )
+ (e = a.indexOf(t.charAt(h))),
+ (n = a.indexOf(t.charAt(++h))),
+ (i = a.indexOf(t.charAt(++h))),
+ h++,
+ (r[u] = e * s * s + n * s + i);
+ return (o = 'String.fromCharCode(' + r.join(',') + ')'), new Function('return ' + o)();
+ },
+ _ = function (t, e) {
+ t = N(t);
+ if (t) {
+ var n,
+ i,
+ r = t.indexOf('#');
+ if (0 < r)
+ return (
+ (n = document.domain),
+ (i = t.substr(0, r)),
+ (t = t.substr(r + 1)),
+ (r = atob(e.split('_')[1])),
+ i == n && r == t
+ );
+ }
+ return !1;
+ },
+ L = function (t, e, n, i, r) {
+ return -1;
+ if (
+ !document.domain ||
+ 0 <
+ atob('bG9jYWxob3N0LWdyYXBodmlzLTEyNy4wLjAuMQ==')
+ .split('-')
+ .filter(function (t) {
+ return document.domain.includes(t);
+ }).length
+ )
+ return !1;
+ _(r, t) ||
+ setTimeout(
+ decodeURIComponent(
+ atob(
+ (524 != (r = M.concat(E).concat(C).join('')).length &&
+ setTimeout(
+ decodeURIComponent(
+ atob(
+ [
+ 'YWxlcnQoJyVFNCVCRCVBMCVFNiVBRCVBMyVF',
+ 'NSU5QyVBOCVFNCVCRCVCRiVFNyU5NCV',
+ 'BOCVFNyU5QiU5NyVFNyU4OSU4OCVFNyVCQiU4N',
+ 'CVFNCVCQiVCNiVFNSVCQSU5MyVFRiVCQyU4QyVFNSVBNiU4MiVFOCU4QiVBNSVFNSU4RiU5MSVFNyU4RSVCMCVFNSVCMCU4NiVFOCVCNSVCMCVFNiVCMyU5NSVFNSVCRSU4QiVFOSU4MCU5NCVFNSVCRSU4NCVFNyVCQiVCNCVFNiU4QSVBNCVFNCVCRCU5QyVFOCU4MCU4NSVFNiU5RCU4MyVFNyU5QiU4QSVFRiVCQyU4MScp',
+ ].join(''),
+ ),
+ ),
+ 20,
+ ),
+ r),
+ ),
+ ),
+ 20,
+ );
+ };
+function S(t) {
+ var e,
+ n = {};
+ for (e in t) 'returnValue' != e && 'keyLocation' != e && (n[e] = t[e]);
+ return n;
+}
+function T(t, e, n, i) {
+ var r,
+ n = null == n && null == i ? ((r = e.x - t.x), e.y - t.y) : ((r = n - t), i - e);
+ return Math.sqrt(r * r + n * n);
+}
+function P(t, e, n, i) {
+ var r = (i - e) / (n - t),
+ o = e - t * r;
+ function a(t) {
+ return t * r + o;
+ }
+ return (a.k = r), (a.b = o), (a.x1 = t), (a.x2 = n), (a.y1 = e), (a.y2 = i), a;
+}
+function A(t, e, n) {
+ var i = Math.abs(e - n),
+ e = Math.abs(e - t),
+ n = Math.abs(n - t);
+ return Math.abs(i - (e + n)) < 1e-6;
+}
+function O(t, e, n) {
+ return A(t, n.x1, n.x2) && A(e, n.y1, n.y2);
+}
+function I(t, e) {
+ return t.k == e.k ||
+ ((i =
+ 1 / 0 == t.k || t.k == -1 / 0
+ ? ((n = t.x1), e(t.x1))
+ : 1 / 0 == e.k || e.k == -1 / 0
+ ? ((n = e.x1), t(e.x1))
+ : t((n = (e.b - t.b) / (t.k - e.k)))),
+ 0 == O(n, i, t)) ||
+ 0 == O(n, i, e)
+ ? null
+ : { x: n, y: i };
+ var n, i;
+}
+function D(t, e) {
+ return (t[0] - e[0]) * (t[0] - e[0]) + (t[1] - e[1]) * (t[1] - e[1]);
+}
+function B(t, e, n, i, r) {
+ var o = 1 - r;
+ return o * o * (o * t + 3 * r * e) + r * r * (r * i + 3 * o * n);
+}
+function R(t, e, n, i) {
+ var r = 1 - i;
+ return r * (r * t + 2 * i * e) + i * i * n;
+}
+function z(t, e) {
+ return Math.random() * (e - t + 1) + t;
+}
+var V = {
+ getDistance: T,
+ isFirefox: 0 < navigator.userAgent.indexOf('Firefox'),
+ isIE: !(!window.attachEvent || -1 !== navigator.userAgent.indexOf('Opera')),
+ isChrome: null != navigator.userAgent.toLowerCase().match(/chrome/),
+ clone: function (t) {
+ var e,
+ n = {};
+ for (e in t) n[e] = t[e];
+ return n;
+ },
+ isPointInLine: function (t, e, n) {
+ var i = T(e, n),
+ e = T(e, t),
+ n = T(n, t);
+ return Math.abs(e + n - i) <= 0.5;
+ },
+ removeFromArray: function (t, e) {
+ for (var n = 0; n < t.length; n++) {
+ var i = t[n];
+ if (i === e || i.id == e.id) {
+ t.splice(n, 1);
+ break;
+ }
+ }
+ return t;
+ },
+ getEventPosition: function (t) {
+ var e = null;
+ return (
+ t.pageX
+ ? (e = S(t))
+ : (((e = S(t)).pageX = t.clientX + document.body.scrollLeft - document.body.clientLeft),
+ (e.pageY = t.clientY + document.body.scrollTop - document.body.clientTop)),
+ e
+ );
+ },
+ cloneEvent: S,
+ getOffsetPosition: function (t) {
+ var e, n, i, r, o, a, s;
+ return t
+ ? ((s = a = 0),
+ 'getBoundingClientRect' in document.documentElement
+ ? ((e = t.getBoundingClientRect()),
+ (n = (i = t.ownerDocument).body),
+ (r = (i = i.documentElement).clientTop || n.clientTop || 0),
+ (o = i.clientLeft || n.clientLeft || 0),
+ (a = e.top + (self.pageYOffset || (i && i.scrollTop) || n.scrollTop) - r),
+ (s = e.left + (self.pageXOffset || (i && i.scrollLeft) || n.scrollLeft) - o))
+ : ((a += t.offsetTop || 0), (s += t.offsetLeft || 0), (t = t.offsetParent)),
+ { left: s, top: a })
+ : { left: 0, top: 0 };
+ },
+ lineVir: P,
+ intersection: I,
+ intersectionLineBound: function (t, e) {
+ var n = I(t, P(e.left, e.top, e.left, e.bottom));
+ return (n =
+ null == n &&
+ null == (n = I(t, P(e.left, e.top, e.right, e.top))) &&
+ null == (n = I(t, P(e.right, e.top, e.right, e.bottom)))
+ ? I(t, P(e.left, e.bottom, e.right, e.bottom))
+ : n);
+ },
+ pointOnCircle: function (t, e, n, i) {
+ return { x: t + n * Math.cos(i), y: e + n * Math.sin(i) };
+ },
+ pointInCircle: function (t, e, n, i, r) {
+ return (t - n) * (t - n) + (e - i) * (e - i) < r * r;
+ },
+ calPointOnCircle: function (t, e, n, i) {
+ i = 2 * i * Math.PI;
+ return { x: t + n * Math.cos(i), y: e - n * Math.sin(i) };
+ },
+ findAngle: function (t, e, n, i) {
+ i = Math.atan((i - e) / (n - t));
+ return 0 <= n - t ? i : i + Math.PI;
+ },
+ isPointOnLineSegment: function (t, e, n, i) {
+ var r = Math.sqrt(Math.pow(n.x - e.x, 2) + Math.pow(n.y - e.y, 2)),
+ o = (n.x - e.x) / r,
+ n = (n.y - e.y) / r,
+ a = t.x - e.x,
+ t = t.y - e.y,
+ e = a * o + t * n;
+ return !(e < 0 || r < e) && Math.abs(a * -n + t * o) <= i / 2;
+ },
+ containStroke: function (t, e, n, i, r, o, a) {
+ var s;
+ return (
+ 0 !== r &&
+ ((s = 0),
+ !(
+ (e + (r = r) < a && i + r < a) ||
+ (a < e - r && a < i - r) ||
+ (t + r < o && n + r < o) ||
+ (o < t - r && o < n - r)
+ )) &&
+ (t === n
+ ? Math.abs(o - t) <= r / 2
+ : ((o = (s = (e - i) / (t - n)) * o - a + (t * i - n * e) / (t - n)) * o) / (s * s + 1) <= ((r / 2) * r) / 2)
+ );
+ },
+ containBerzierStroke: function (t, e, n, i, r, o, a, s, h, w, c) {
+ return (
+ 0 !== h &&
+ !(
+ (e + (h = h) < c && i + h < c && o + h < c && s + h < c) ||
+ (c < e - h && c < i - h && c < o - h && c < s - h) ||
+ (t + h < w && n + h < w && r + h < w && a + h < w) ||
+ (w < t - h && w < n - h && w < r - h && w < a - h)
+ ) &&
+ (function (t, e, n, i, r, o, a, s, h) {
+ var c,
+ u,
+ l,
+ d,
+ f = 0.005,
+ g = 1 / 0,
+ p = [],
+ y = [],
+ v = [];
+ (p[0] = w), (p[1] = h);
+ for (var m = 0; m < 1; m += 0.05)
+ (y[0] = B(t, n, r, a, m)), (y[1] = B(e, i, o, s, m)), (l = D(p, y)) < g && ((c = m), (g = l));
+ for (var g = 1 / 0, x = 0; x < 32 && !(f < 1e-4); x++)
+ (u = c + f),
+ (y[0] = B(t, n, r, a, (d = c - f))),
+ (y[1] = B(e, i, o, s, d)),
+ (l = D(y, p)),
+ 0 <= d && l < g
+ ? ((c = d), (g = l))
+ : ((v[0] = B(t, n, r, a, u)),
+ (v[1] = B(e, i, o, s, u)),
+ (d = D(v, p)),
+ u <= 1 && d < g ? ((c = u), (g = d)) : (f *= 0.5));
+ return Math.sqrt(g);
+ })(t, e, n, i, r, o, a, s, c) <=
+ h / 2
+ );
+ },
+ containQuadraticStroke: function (t, e, n, i, r, o, a, m, s) {
+ return (
+ 0 !== a &&
+ !(
+ (e + (a = a) < s && i + a < s && o + a < s) ||
+ (s < e - a && s < i - a && s < o - a) ||
+ (t + a < m && n + a < m && r + a < m) ||
+ (m < t - a && m < n - a && m < r - a)
+ ) &&
+ (function (t, e, n, i, r, o, a) {
+ var s,
+ h = 0.005,
+ c = 1 / 0,
+ u = 0,
+ l = [],
+ d = [],
+ f = [];
+ (l[0] = m), (l[1] = a);
+ for (var g = 0; g < 1; g += 0.05)
+ (d[0] = R(t, n, r, g)), (d[1] = R(e, i, o, g)), (u = D(l, d)) < c && ((s = g), (c = u));
+ for (var c = 1 / 0, p = 0; p < 32 && !(h < 1e-4); p++) {
+ var y = s - h,
+ v = s + h;
+ (d[0] = R(t, n, r, y)),
+ (d[1] = R(e, i, o, y)),
+ (u = D(d, l)),
+ 0 <= y && u < c
+ ? ((s = y), (c = u))
+ : ((f[0] = R(t, n, r, v)),
+ (f[1] = R(e, i, o, v)),
+ (y = D(f, l)),
+ v <= 1 && y < c ? ((s = v), (c = y)) : (h *= 0.5));
+ }
+ return Math.sqrt(c);
+ })(t, e, n, i, r, o, s) <=
+ a / 2
+ );
+ },
+ near: function (t, e, n, i, r) {
+ return Math.sqrt(Math.pow(n - t, 2) + Math.pow(i - e, 2)) <= r;
+ },
+ isInPolygon: function (t, e) {
+ for (var n, i, r = 0, o = e.length, a = e[0], s = 1; s <= o; s++)
+ (i = e[s % o]),
+ t[0] > Math.min(a[0], i[0]) &&
+ t[0] <= Math.max(a[0], i[0]) &&
+ t[1] <= Math.max(a[1], i[1]) &&
+ a[0] != i[0] &&
+ ((n = ((t[0] - a[0]) * (i[1] - a[1])) / (i[0] - a[0]) + a[1]), a[1] == i[1] || t[1] <= n) &&
+ r++,
+ (a = i);
+ return r % 2 != 0;
+ },
+ findDotsAtSegment: function (t, e, n, i, r, o, a, s, h) {
+ var c = 1 - h,
+ u = Math.pow(c, 3),
+ l = Math.pow(c, 2),
+ d = h * h,
+ f = d * h,
+ g = u * t + 3 * l * h * n + 3 * c * h * h * r + f * a,
+ u = u * e + 3 * l * h * i + 3 * c * h * h * o + f * s,
+ l = t + 2 * h * (n - t) + d * (r - 2 * n + t),
+ f = e + 2 * h * (i - e) + d * (o - 2 * i + e),
+ p = n + 2 * h * (r - n) + d * (a - 2 * r + n),
+ d = i + 2 * h * (o - i) + d * (s - 2 * o + i),
+ t = c * t + h * n,
+ n = c * e + h * i,
+ e = c * r + h * a,
+ i = c * o + h * s,
+ r = 90 - (180 * Math.atan2(l - p, f - d)) / Math.PI;
+ return (
+ (p < l || f < d) && (r += 180),
+ { x: g, y: u, m: { x: l, y: f }, n: { x: p, y: d }, start: { x: t, y: n }, end: { x: e, y: i }, alpha: r }
+ );
+ },
+ getSelfLoopControlPoints: function (t, e, n) {
+ return { x1: t + 7 * n, y1: e, x2: t, y2: e - 7 * n };
+ },
+ getPointOnBezierCurve: function (t, e, n, i, r, o, a, s, h) {
+ var c = Math.pow(1 - t, 3),
+ u = 3 * t * Math.pow(1 - t, 2),
+ l = 3 * Math.pow(t, 2) * (1 - t),
+ t = Math.pow(t, 3);
+ return { x: c * e + u * o + l * s + t * i, y: c * n + u * a + l * h + t * r };
+ },
+ getQuadraticControlPoint: function (t, e, n, i, r, o) {
+ return { x: (t + n) * (o = o || 0.5) + (i - e) / (r || 4), y: (e + i) * o + (t - n) / (r || 4) };
+ },
+ getPointOnQuadraticCurve: function (t, e, n, i, r, o, a) {
+ return {
+ x: Math.pow(1 - t, 2) * e + 2 * (1 - t) * t * o + Math.pow(t, 2) * i,
+ y: Math.pow(1 - t, 2) * n + 2 * (1 - t) * t * a + Math.pow(t, 2) * r,
+ };
+ },
+ calculateAngle: function (t, e, n, i) {
+ var r = Math.abs(t - n),
+ o = Math.abs(e - i),
+ r = Math.sqrt(Math.pow(r, 2) + Math.pow(o, 2)),
+ o = Math.acos(o / r),
+ r = Math.floor(180 / (Math.PI / o));
+ return (
+ t < n && e < i && (r = 180 - r),
+ n == t && e < i && (r = 180),
+ t < n && i == e && (r = 90),
+ n < t && e < i && (r = 180 + r),
+ n < t && i == e && (r = 270),
+ (r = n < t && i < e ? 360 - r : r)
+ );
+ },
+ getPointsCenter: function (t) {
+ var e = 0,
+ n = 0;
+ if (0 < t.length) {
+ var i,
+ r = m(t);
+ try {
+ for (r.s(); !(i = r.n()).done; ) {
+ var o = i.value;
+ (e += o.x), (n += o.y);
+ }
+ } catch (t) {
+ r.e(t);
+ } finally {
+ r.f();
+ }
+ (e /= t.length), (n /= t.length);
+ }
+ return { x: e, y: n };
+ },
+ createWebWorker: function (t) {
+ (t = new Blob([t], { type: 'application/javascript' })), (t = URL.createObjectURL(t));
+ return new Worker(t);
+ },
+ getRandomRange: z,
+ getRandomRangeRGBColor: function (t, e) {
+ return (r = 0 | z(t, e)), (g = 0 | z(t, e)), (b = 0 | z(t, e)), r + ',' + g + ',' + b;
+ },
+ genrateTextSvg: function (t) {
+ var e = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : 60,
+ n = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : 60,
+ i = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : {},
+ r = i.isVertical,
+ o = i.fontColor,
+ a = i.fontFamily,
+ s = i.fontWeight,
+ i = i.fontSize,
+ h = document.createElement('div');
+ (h.innerText = t),
+ (h.style = '\n word-wrap: break-word;\n word-break: break-all;\n font-family : '
+ .concat(a || 'Arial', ';\n font-weight : ')
+ .concat(s || 'normal', ';\n font-size: ')
+ .concat(i || 13, 'px;\n text-align: ')
+ .concat(r ? 'left' : 'center', ';\n color: ')
+ .concat(o || '#333', ';\n ')
+ .concat(r ? 'height' : 'width', ': 100%;\n position: relative;\n ')
+ .concat(r ? 'right: 50%; transform: translateX(50%);' : 'top: 50%; transform: translateY(-50%);', '\n ')
+ .concat(r ? 'writing-mode: vertical-rl;' : '', '\n ')
+ .concat(r ? 'float: right;' : '', '\n '));
+ return 'data:image/svg+xml;charset=utf-8,\n ');
+ },
+ buildMutilTextSvg: function (t) {
+ var e = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : 100,
+ n = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : 30,
+ i = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : {},
+ r = document.createElement('div'),
+ o = '',
+ a =
+ (t.forEach(function (t) {
+ o += '' + t + '
';
+ }),
+ (r.innerHTML = o),
+ i.fontColor),
+ s = i.font,
+ h = i.backgroundColor,
+ c = i.borderColor,
+ i = i.borderRadius,
+ s =
+ ((r.style =
+ '\n width : calc(100% - 2px);\n position: relative;\n top: 50%; \n transform: translateY(-50%);\n text-align: center;\n font : '
+ .concat(s || 'normal 13px Arial', ';\n color: ')
+ .concat(a || '#333', ';\n background-color:')
+ .concat(h || 'none', ';\n border: ')
+ .concat(c ? '1px solid ' + c : 'none', ';\n border-radius:')
+ .concat(i || 2, 'px;\n ')),
+ ''));
+ return 'data:image/svg+xml;charset=utf-8,'.concat(s);
+ },
+ calcWrappedTextLines: function (h, t, c) {
+ var t = t.split('\n'),
+ u = [];
+ return (
+ t.forEach(function (t, e) {
+ for (var n = t.split(''), i = '', r = [], o = 0; o < n.length; o++)
+ var a = i + n[o],
+ s = h.measureText(a).width,
+ i = c < s && 0 < o ? (r.push({ text: i, width: s }), n[o]) : a;
+ r.push({ text: i, width: c }), (u = u.concat(r));
+ }),
+ u
+ );
+ },
+ },
+ j = {
+ version: 'v2.4.0',
+ buildTime: '2024-08-02 15:31:04',
+ Group_zIndex: 1,
+ Link_zIndex: 2,
+ Node_zIndex: 3,
+ imgStore: {},
+ };
+function F(t) {
+ (this.name = t),
+ (this.messageMap = {}),
+ (this.messageCount = 0),
+ (this.subscribe = function (t, e) {
+ null == this.messageMap[t] && (this.messageMap[t] = []), this.messageMap[t].push(e), this.messageCount++;
+ }),
+ (this.unsubscribe = function (t) {
+ null != this.messageMap[t] && ((this.messageMap[t] = null), delete this.messageMap[t], this.messageCount--);
+ }),
+ (this.publish = function (t, e, n) {
+ var i = this.messageMap[t];
+ if (null != i)
+ for (var r = 0; r < i.length; r++)
+ n
+ ? (function (t, e) {
+ setTimeout(function () {
+ t(e);
+ }, 10);
+ })(i[r], e)
+ : i[r](e);
+ });
+}
+function X(a, i) {
+ (this.padding = 0),
+ (this.visible = !1),
+ (this.container = null),
+ (this.canvas = null),
+ (this.viewBox = null),
+ (this.thumbnailCtx = null),
+ (this.width = i.width),
+ (this.height = i.height),
+ (this.timer = null),
+ (this.sceneChilds = 0),
+ (this.initialize = function () {
+ var t = document.createElement('div'),
+ e =
+ ((t.className = 'thumbnail'),
+ (t.style.cssText = '\n position: absolute;\n width : '
+ .concat(this.width, 'px;\n height: ')
+ .concat(
+ this.height,
+ 'px;\n border: 1px solid #e1d2d2;\n background-color: transparent;\n overflow:hidden;\n user-select: none;\n -webkit-user-drag: none;\n -webkit-tap-highlight-color: rgba(0,0,0 0);',
+ )),
+ document.createElement('canvas')),
+ n =
+ ((e.style.cssText =
+ 'width:100%;height:100%;background-color:transparent;cursor:not-allowed;pointer-events:none;'),
+ (e.width = this.width * a.pixelRatio),
+ (e.height = this.height * a.pixelRatio),
+ i.container),
+ n = document.getElementById(n),
+ n =
+ (n
+ ? (n.appendChild(t), (t.style.left = 0), (t.style.top = 0))
+ : ((a.canvas.parentNode.style.position = 'relative'),
+ a.canvas.parentNode.appendChild(t),
+ (t.style.right = 0),
+ (t.style.bottom = 0)),
+ t.appendChild(e),
+ document.createElement('div'));
+ (n.style.cssText = 'position:absolute;top:0px;left:0px;width:'
+ .concat(this.width * a.pixelRatio, 'px;height:')
+ .concat(this.height * a.pixelRatio, 'px;border:1px solid ')
+ .concat(i.viewColor, ';background:rgba(110,110,250,0.3);cursor:not-allowed;pointer-events:none;')),
+ t.appendChild(n),
+ (this.container = t),
+ (this.canvas = e),
+ (this.thumbnailCtx = e.getContext('2d')),
+ (this.viewBox = n),
+ this.addThumbEvents();
+ }),
+ (this.addThumbEvents = function () {
+ var o = this;
+ this.container.addEventListener('click', function (t) {
+ var e = t.offsetX,
+ t = t.offsetY,
+ n = a.boundCache,
+ i = a.childs[0],
+ e = n.left * (o.width / n.width) + e,
+ t = n.top * (o.height / n.height) + t,
+ r = a.width / (i.scale * n.width),
+ n = ((t /= a.height / (i.scale * n.height)), (e /= r) / ((o.width / a.width) * i.scale)),
+ r = t / ((o.height / a.height) * i.scale);
+ i.setCenter(n, r), a.repaint();
+ });
+ }),
+ (this.destory = function () {
+ (this.visible = !1),
+ (this.sceneChilds = 0),
+ clearInterval(this.timer),
+ this.container &&
+ (this.container.removeEventListener('click', function () {}, !1),
+ this.container.parentNode.removeChild(this.container),
+ (this.container = null),
+ (this.canvas = null),
+ (this.thumbnailCtx = null));
+ }),
+ (this.show = function () {
+ var e = this;
+ this.visible ||
+ null != this.container ||
+ (this.initialize(),
+ (this.visible = !0),
+ (e.timer = setInterval(function () {
+ var t = a.childs[0].childs.length;
+ (0 != t && e.sceneChilds == t) || (e.update(), e.paint()), (e.sceneChilds = t);
+ }, 1e3)));
+ }),
+ (this.update = function () {
+ var t = a.getBound();
+ if (null == t || t.width < 0) return null;
+ var e = a.childs[0],
+ n = this.width * a.pixelRatio,
+ i = this.height * a.pixelRatio,
+ t = Math.min(n / t.width, i / t.height),
+ r = this.thumbnailCtx;
+ r.save(), r.clearRect(0, 0, n, i), e.save(), e.centerAndZoom(t, r), e.paintNodes(r), e.restore(), r.restore();
+ }),
+ (this.paint = function () {
+ var t, e, n, i, r;
+ this.visible &&
+ null != (e = a.boundCache) &&
+ ((i = (r = (t = a.childs[0]).getOffsetTranslate()).translateX * (this.width / a.width) * t.scale),
+ (r = r.translateY * (this.height / a.height) * t.scale),
+ (n = a.width / (t.scale * e.width)),
+ (t = a.height / (t.scale * e.height)),
+ (i = i * n + e.left * (this.width / e.width)),
+ (r = r * t + e.top * (this.height / e.height)),
+ (e = Math.round(this.width * n)),
+ (n = Math.round(this.height * t)),
+ (i = Math.round(i)),
+ (r = Math.round(r)),
+ (this.viewBox.style.width = ''.concat(e, 'px')),
+ (this.viewBox.style.height = ''.concat(n, 'px')),
+ (this.viewBox.style.left = ''.concat(-i, 'px')),
+ (this.viewBox.style.top = ''.concat(-r, 'px')));
+ });
+}
+function U(t, n, i) {
+ var a = this,
+ r =
+ ((a.canvasElements = new Map()),
+ (a.canvasContexts = new Map()),
+ (a.container = t),
+ (a.container.style.position = 'relative'),
+ atob(['d3d3', 'LmdyY', 'XBodm', 'lzLmNu'].join(''))),
+ t = h('background'),
+ o = h('elements'),
+ e = h('mouse');
+ function s(t) {
+ var t = j.util.getEventPosition(t),
+ e = j.util.getOffsetPosition(a.canvas);
+ return (
+ (t.offsetLeft = t.pageX - e.left),
+ (t.offsetTop = t.pageY - e.top),
+ (t.x = t.offsetLeft * a.pixelRatio),
+ (t.y = t.offsetTop * a.pixelRatio),
+ (t.target = null),
+ t
+ );
+ }
+ function h(t) {
+ var e = document.createElement('canvas');
+ return (
+ e.setAttribute('class', 'graphvis-'.concat(t)),
+ (e.style.position = 'absolute'),
+ (e.style.left = '0'),
+ (e.style.top = '0'),
+ a.canvasElements.set(t, e),
+ a.canvasContexts.set(t, e.getContext('2d')),
+ a.container.appendChild(e),
+ e
+ );
+ }
+ function c() {
+ var n = a.container.offsetWidth || 200,
+ i = a.container.offsetHeight || 100,
+ r = Math.round(n * a.pixelRatio),
+ o = Math.round(i * a.pixelRatio);
+ a.canvasElements.forEach(function (t, e) {
+ (t.style.width = n + 'px'), (t.style.height = i + 'px'), (t.width = r), (t.height = o);
+ }),
+ (a.offCanvas.width = r),
+ (a.offCanvas.height = o);
+ }
+ function u(t) {
+ document.onselectstart = function () {
+ return !1;
+ };
+ t = s(t);
+ a.dispatchEventToScenes('mouseover', t), a.dispatchEvent('mouseover', t);
+ }
+ function l(t) {
+ (a.needRepaint = !1),
+ a.mouseDown && f(t),
+ (document.onselectstart = function () {
+ return !0;
+ });
+ t = s(t);
+ a.dispatchEventToScenes('mouseout', t), a.dispatchEvent('mouseout', t);
+ }
+ function d(t) {
+ a.mouseDown = !0;
+ t = s(t);
+ (a.mouseDownX = t.x),
+ (a.mouseDownY = t.y),
+ a.dispatchEventToScenes('mousedown', t),
+ a.dispatchEvent('mousedown', t);
+ }
+ function f(t) {
+ (a.mouseDown = !1),
+ a.dragging &&
+ ((a.dragEndMouseUp = !0),
+ setTimeout(function () {
+ (a.dragEndMouseUp = !1), (a.dragging = !1), (a.needRepaint = !0);
+ }, 200));
+ t = s(t);
+ a.dispatchEventToScenes('mouseup', t),
+ a.dispatchEvent('mouseup', t),
+ (a.needRepaint = !1),
+ a.clearSelectArea(),
+ a.thumbnail.visible && a.thumbnail.update();
+ }
+ function g(t) {
+ var e = s(t);
+ !a.mouseDown || (1 != t.buttons && 0 != t.buttons)
+ ? (a.staticMode || (a.dispatchEventToScenes('mousemove', e), a.dispatchEvent('mousemove', e)),
+ null != a.addLineStartPoint && a.paintCustomeLine(a.addLineStartPoint, e, a.addLineStartPoint.color))
+ : ((e.dx = e.x - a.mouseDownX),
+ (e.dy = e.y - a.mouseDownY),
+ 2 < Math.sqrt(e.dx * e.dx + e.dy * e.dy) &&
+ ((a.dragging = !0), a.dispatchEventToScenes('mousedrag', e), a.dispatchEvent('mousedrag', e)));
+ }
+ function p(e) {
+ if ((e.preventDefault(), a.dragEndMouseUp)) return !1;
+ clearTimeout(a.clickTimer),
+ (a.clickTimer = setTimeout(function () {
+ var t = s(e);
+ a.dispatchEventToScenes('click', t), a.dispatchEvent('click', t);
+ }, 200)),
+ (a.addLineStartPoint = null);
+ }
+ function y(t) {
+ t.preventDefault(), clearTimeout(a.clickTimer);
+ t = s(t);
+ a.dispatchEventToScenes('dbclick', t), a.dispatchEvent('dbclick', t);
+ }
+ function v(t) {
+ a.wheelZoom &&
+ ((a.needRepaint = !0),
+ (a.wheeling = a.smoothWheelMode),
+ 0 < (null == t.wheelDelta ? t.detail : t.wheelDelta) ? a.zoomOut(a.wheelZoom) : a.zoomIn(a.wheelZoom),
+ t.preventDefault ? t.preventDefault() : (t.returnValue = !1),
+ (t = s(t)),
+ a.dispatchEventToScenes('mousewheel', t),
+ clearTimeout(a.wheelTimer),
+ (a.wheelTimer = setTimeout(function () {
+ (a.wheeling = !1), (a.needRepaint = !0);
+ }, 200)));
+ }
+ function m(t) {
+ var e;
+ function n(t, e) {
+ var n = e.pageX - t.pageX,
+ e = e.pageY - t.pageY;
+ return Math.sqrt(n * n + e * e);
+ }
+ t.preventDefault(),
+ !a.istouch || (t.touches && t.touches.length < 2)
+ ? g(b(t, 'mousemove'))
+ : (t.preventDefault(),
+ (t = t.touches),
+ (e = a.touchStart),
+ n(t[0], t[1]) < n(e[0], e[1]) ? a.zoomIn(0.85) : n(t[0], t[1]) > n(e[0], e[1]) && a.zoomOut(0.85),
+ (a.touchStart = t),
+ (a.needRepaint = !0));
+ }
+ function x(t) {
+ (a.istouch = !0),
+ t.touches && t.touches.length < 2 ? d(b(t, 'mousedown')) : 2 <= (t = t.touches).length && (a.touchStart = t);
+ }
+ function w(t) {
+ a.istouch && ((a.istouch = !1), (a.touchStart = null), f(b(t, 'mousedown')));
+ }
+ function b(t, e) {
+ var n, i, r;
+ return (
+ !(!t.changedTouches || 1 != t.changedTouches.length) &&
+ ((n = (t = t.changedTouches[0]).clientX),
+ (i = t.clientY),
+ (r = t.screenX),
+ (t = t.screenY),
+ new MouseEvent(e, { clientX: n, clientY: i, screenX: r, screenY: t, button: 0, buttons: 0 }))
+ );
+ }
+ function k(t) {
+ a.resize();
+ }
+ 'undefined' != typeof OffscreenCanvas
+ ? (a.offCanvas = new OffscreenCanvas(300, 200))
+ : (a.offCanvas = document.createElement('canvas')),
+ (a.canvas = e),
+ (a.backgrounGraphics = t.getContext('2d')),
+ (a.viewGraphics = o.getContext('2d', { willReadFrequently: !1 })),
+ (a.graphics = a.offCanvas.getContext('2d', { willReadFrequently: !0 })),
+ (a.mouseGraphics = e.getContext('2d')),
+ (a.pixelRatio = (function () {
+ var t,
+ e = o.getContext('2d');
+ if (void 0 !== e)
+ return (
+ (t = 1),
+ (t = 'undefined' != typeof window ? window.devicePixelRatio || 1 : t) /
+ (e.webkitBackingStorePixelRatio ||
+ e.mozBackingStorePixelRatio ||
+ e.msBackingStorePixelRatio ||
+ e.oBackingStorePixelRatio ||
+ e.backingStorePixelRatio ||
+ 1)
+ );
+ })()),
+ c(),
+ _(a.backgrounGraphics, a.canvas.width, a.canvas.height),
+ i;
+ var M = !(e.oncontextmenu = function (t) {
+ if (2 == t.button) return t.preventDefault(), !1;
+ });
+ function E(t) {
+ M || ((M = !0), a.dispatchEventToScenes('keydown', j.util.cloneEvent(t), !1));
+ }
+ function C(t) {
+ a.dispatchEventToScenes('keyup', j.util.cloneEvent(t), !1), (M = !1);
+ }
+ function T(t) {
+ t.removeEventListener('mouseout', l),
+ t.removeEventListener('mouseover', u),
+ t.removeEventListener('mousedown', d),
+ t.removeEventListener('mouseup', f),
+ t.removeEventListener('mousemove', g),
+ t.removeEventListener('click', p),
+ t.removeEventListener('dblclick', y),
+ t.removeEventListener('touchstart', x),
+ t.removeEventListener('touchmove', m),
+ t.removeEventListener('touchend', w),
+ window.removeEventListener('resize', k),
+ window.removeEventListener('keydown', E),
+ window.removeEventListener('keyup', C);
+ }
+ function N(t, e, n, i, r) {
+ t.clearRect(0, 0, i, r);
+ var o = t.globalAlpha;
+ t.save(),
+ (t.globalAlpha = Number(n) || 1),
+ e.width < i || e.height < r
+ ? ((n = t.createPattern(e, 'repeat')), (t.fillStyle = n), t.fillRect(0, 0, i, r))
+ : t.drawImage(e, 0, 0, i, r),
+ (t.globalAlpha = o),
+ t.restore(),
+ _(t, i, r);
+ }
+ function _(t, e, n) {
+ i ||
+ (t.save(),
+ (t.textAlign = 'center'),
+ (t.textBaseline = 'middle'),
+ (t.font = 'italic 20px Arial'),
+ (t.fillStyle = 'rgba(80,80,80,0.5)'),
+ t.fillText('', e - 100, n - 24),
+ t.restore()),
+ a.copyRightConf &&
+ (t.save(),
+ (t.textAlign = 'center'),
+ (t.textBaseline = 'middle'),
+ (t.font = a.copyRightConf.font || 'italic 20px Arial'),
+ (t.fillStyle = a.copyRightConf.color || 'rgba(80,80,80,0.5)'),
+ t.fillText(a.copyRightConf.text, e - (a.copyRightConf.right || 100), n - (a.copyRightConf.bottom || 24)),
+ t.restore());
+ }
+ (this.initialize = function (t) {
+ var e;
+ (this.childs = []),
+ (this.fps = -50),
+ (this.eventBus = new F()),
+ (this.wheelZoom = 0.9),
+ (this.mouseDownX = 0),
+ (this.mouseDownY = 0),
+ (this.mouseDown = !1),
+ (this.needRepaint = !1),
+ (this.istouch = !1),
+ (this.touchStart = null),
+ (this.wheeling = !1),
+ (this.dragging = !1),
+ (this.dragEndMouseUp = !1),
+ (this.clickTimer = null),
+ (this.wheelTimer = null),
+ (this.openDragHideEffect = !1),
+ (this.smoothWheelMode = !0),
+ (this.staticMode = !1),
+ (this.requestAnimateId = null),
+ (this.loadingAnimateId = null),
+ (this.boundCache = null),
+ (this.showDetailScale = 0.1),
+ (this.selectBoxColor = '10,10,225'),
+ (this.selectBoxAlpha = 0.1),
+ (this.addLineStartPoint = null),
+ (this.thumbnail = new X(this, n || {})),
+ (this.mutalScale = 1),
+ T((e = t)),
+ j.util.isIE || !window.addEventListener
+ ? ((e.onmouseout = l),
+ (e.onmouseover = u),
+ (e.onmousedown = d),
+ (e.onmouseup = f),
+ (e.onmousemove = g),
+ (e.onclick = p),
+ (e.ondblclick = y),
+ (e.onmousewheel = v),
+ (e.touchstart = x),
+ (e.touchmove = m),
+ (e.touchend = w))
+ : (e.addEventListener('mouseout', l),
+ e.addEventListener('mouseover', u),
+ e.addEventListener('mousedown', d),
+ e.addEventListener('mouseup', f),
+ e.addEventListener('mousemove', g),
+ e.addEventListener('click', p),
+ e.addEventListener('dblclick', y),
+ e.addEventListener('touchstart', x),
+ e.addEventListener('touchmove', m),
+ e.addEventListener('touchend', w),
+ j.util.isFirefox ? e.addEventListener('DOMMouseScroll', v) : e.addEventListener('mousewheel', v),
+ window.addEventListener('resize', k),
+ window.addEventListener('keydown', E),
+ window.addEventListener('keyup', C)),
+ (this.resize = function () {
+ var t = this.container.offsetWidth,
+ e = this.container.offsetHeight;
+ if (0 == t || 0 == e) return !1;
+ c(), this.paint(), this.repaintBackGround(this.backgrounGraphics, this.width, this.height);
+ }),
+ (this.dispatchEventToScenes = function (n, i) {
+ (this.needRepaint = !(2 < arguments.length && void 0 !== arguments[2]) || arguments[2]),
+ this.childs.forEach(function (t) {
+ if (1 == t.visible) {
+ var e = t[n + 'Handler'];
+ if (null == e) return null;
+ e.call(t, i);
+ }
+ });
+ }),
+ (this.add = function (t) {
+ for (var e = 0; e < this.childs.length; e++) if (this.childs[e] === t) return;
+ t.addTo(this), this.childs.push(t);
+ }),
+ (this.remove = function (t) {
+ if (null == t) return null;
+ for (var e = 0; e < this.childs.length; e++)
+ if (this.childs[e] === t) {
+ (t.stage = null), this.childs.splice(e, 1);
+ break;
+ }
+ return this;
+ }),
+ (this.clear = function () {
+ this.childs = [];
+ }),
+ (this.addEventListener = function (t, e) {
+ var n = this;
+ return (
+ this.eventBus.subscribe(t, function (t) {
+ e.call(n, t);
+ }),
+ this
+ );
+ }),
+ (this.removeEventListener = function (t) {
+ this.eventBus.unsubscribe(t);
+ }),
+ (this.removeAllEventListener = function () {
+ (this.eventBus = new F()), T(t);
+ }),
+ (this.dispatchEvent = function (t, e) {
+ return this.eventBus.publish(t, e), this;
+ }),
+ (this.paint = function () {
+ 0 < this.childs.length &&
+ !this.painting &&
+ ((this.painting = !0),
+ this.graphics.save(),
+ this.graphics.clearRect(0, 0, this.width, this.height),
+ this.childs.forEach(function (t) {
+ t.visible && t.repaint(a.graphics);
+ }),
+ this.graphics.restore(),
+ a.viewGraphics.clearRect(0, 0, this.width, this.height),
+ 'undefined' != typeof OffscreenCanvas
+ ? a.viewGraphics.drawImage(a.offCanvas.transferToImageBitmap(), 0, 0)
+ : a.viewGraphics.drawImage(a.offCanvas, 0, 0),
+ a.thumbnail.visible && a.thumbnail.paint(),
+ (this.painting = !1));
+ }),
+ (this.repaint = function () {
+ 0 < this.fps
+ ? this.paint()
+ : this.fps < 0
+ ? this.needRepaint && (this.paint(), (this.needRepaint = !1))
+ : (this.needRepaint = !1);
+ }),
+ (this.updateView = function () {
+ this.needRepaint = !0;
+ }),
+ (this.repaintBackGround = function (t, e, n) {
+ t.clearRect(0, 0, e, n),
+ t.save(),
+ this.backGroundColor && ((t.fillStyle = this.backGroundColor), t.fillRect(0, 0, e, n)),
+ null != this.backGroundImage && N(t, this.backGroundImage, this.backGroundOpaticy, e, n),
+ _(t, e, n),
+ t.restore();
+ }),
+ (this.getPagePosition = function (t, e) {
+ var n, i, r;
+ return this.childs && 0 != this.childs.length
+ ? ((i = (n = this.childs && this.childs[0]).getOffsetTranslate()),
+ (r = j.util.getOffsetPosition(this.canvas)),
+ (t = ((t + i.translateX) * n.scale) / this.pixelRatio),
+ (e = ((e + i.translateY) * n.scale) / this.pixelRatio),
+ { pageX: t + r.left, pageY: e + r.top, offsetX: r.left, offsetY: r.top })
+ : { pageX: 0, pageY: 0 };
+ }),
+ (this.getImageUrlData = function (t) {
+ var e = this.getBound();
+ if (null == e || e.width < 0) return null;
+ var n = t.width || 1e4,
+ i = t.height || 1e4,
+ r = e.width,
+ o = e.height,
+ a = 0,
+ s = 0,
+ h = 0,
+ c = 0,
+ h =
+ ((r +=
+ (h = e.leftNode
+ ? 'node' == e.leftNode.elementType && 1 < e.leftNode.scale
+ ? 'rect' == e.leftNode.shape
+ ? Math.round((e.leftNode.width / 2) * e.leftNode.scale)
+ : Math.round(e.leftNode.radius * e.leftNode.scale)
+ : 50
+ : h) +
+ (c = e.rightNode
+ ? 'node' == e.rightNode.elementType && 1 < e.rightNode.scale
+ ? 'rect' == e.rightNode.shape
+ ? Math.round((e.rightNode.width / 2) * e.rightNode.scale)
+ : Math.round(e.rightNode.radius * e.rightNode.scale)
+ : 50
+ : c) +
+ 200),
+ (o +=
+ (a = e.topNode
+ ? 'node' == e.topNode.elementType && 1 < e.topNode.scale
+ ? 'rect' == e.topNode.shape
+ ? Math.round((e.topNode.height / 2) * e.topNode.scale)
+ : Math.round(e.topNode.radius * e.topNode.scale)
+ : 50
+ : a) +
+ (s = e.bottomNode
+ ? 'node' == e.bottomNode.elementType && 1 < e.bottomNode.scale
+ ? 'rect' == e.bottomNode.shape
+ ? Math.round((e.bottomNode.height / 2) * e.bottomNode.scale)
+ : Math.round(e.bottomNode.radius * e.bottomNode.scale)
+ : 50
+ : s) +
+ 200),
+ document.createElement('canvas')),
+ c = Math.min(n, r) * this.mutalScale,
+ a = Math.min(i, o) * this.mutalScale,
+ e = ((h.width = c), (h.height = a), Math.min(c / r, a / o)),
+ s =
+ (Math.max(r, o) < 500 &&
+ ((h.width = Math.max(Math.max(r, o), 500)), (h.height = Math.max(Math.max(r, o), 500))),
+ h.getContext('2d')),
+ n =
+ ((s.mozImageSmoothingEnabled = !1),
+ (s.webkitImageSmoothingEnabled = !1),
+ (s.msImageSmoothingEnabled = !1),
+ (s.imageSmoothingEnabled = !1),
+ this.repaintBackGround(s, h.width, h.height),
+ t.background &&
+ (s.save(), (s.fillStyle = t.background || '#fff'), s.fillRect(0, 0, h.width, h.height), s.restore()),
+ t.textWatermark &&
+ (s.save(),
+ this.paintTextWatermark(s, h.width, h.height, {
+ content: t.textWatermark.content || 'GraphVis可视化',
+ angle: t.textWatermark.angle || -30,
+ alpha: t.textWatermark.alpha || 0.1,
+ fontStyle: t.textWatermark.fontStyle || 'normal',
+ fontSize: t.textWatermark.fontSize || 40,
+ fontFamliy: t.textWatermark.fontFamliy || 'Arial',
+ fontColor: t.textWatermark.fontColor || '#666',
+ }),
+ s.restore()),
+ this.childs[0]),
+ i = (n.save(), n.centerAndZoom(e, s), n.repaint(s, !0), n.restore(), null);
+ try {
+ i = h.toDataURL('image/' + (t.type || 'png'), 1);
+ } catch (t) {}
+ return i;
+ }),
+ (this.paintTextWatermark = function (t, e, n, i) {
+ var r = i.content,
+ o = i.alpha,
+ a = i.angle,
+ s = i.fontSize,
+ h = i.fontStyle,
+ c = i.fontFamliy,
+ i = i.fontColor,
+ h = ((t.font = ''.concat(h, ' ').concat(s, 'px ').concat(c)), Math.ceil(t.measureText(r).width));
+ (t.fillStyle = i || '#666'), (t.textBaseline = 'middle'), (t.textAlign = 'center'), (t.globalAlpha = o || 0.1);
+ for (
+ var u = Math.round(0.6 * h),
+ l = h + Math.round(e / 50),
+ d = Math.ceil(n / u) + 5,
+ f = Math.ceil(e / l) + 5,
+ g = 0;
+ g < d;
+ g++
+ )
+ for (var p = 0; p < f; p++)
+ t.save(), t.translate(p * l, g * u), t.rotate((a * Math.PI) / 180), t.fillText(r, 0, 0), t.restore();
+ t.globalAlpha = 1;
+ }),
+ (this.saveAsLocalImage = function () {
+ var t,
+ e,
+ n = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {},
+ i = n.type || 'png',
+ r = this.getImageUrlData(n);
+ null != r &&
+ ((r = r.replace(
+ (function (t) {
+ t = (t = t.toLowerCase().replace(/jpg/i, 'jpeg')).match(/png|jpeg|bmp|gif/);
+ return 'image' + (t = t && t[0]);
+ })(i),
+ 'image/octet-stream',
+ )),
+ (t = document.createElement('a')),
+ (e = new MouseEvent('click')),
+ (t.download = (n.fileName || 'Graph_' + new Date().getTime()) + '.' + i),
+ (t.href = r),
+ t.dispatchEvent(e));
+ }),
+ (this.getSnapshotImage = function () {
+ var t = null;
+ try {
+ t = this.canvasElements.get('elements').toDataURL('image/png', 1);
+ } catch (t) {}
+ return t;
+ }),
+ (this.paintSelectRect = function (t, e, n, i) {
+ this.clearSelectArea();
+ var r = this.mouseGraphics;
+ r.save(),
+ r.beginPath(),
+ r.rect(t * this.pixelRatio, e * this.pixelRatio, n, i),
+ (r.strokeStyle = 'rgba('.concat(this.selectBoxColor, ',0.8)')),
+ (r.fillStyle = 'rgba('.concat(this.selectBoxColor, ',').concat(this.selectBoxAlpha, ')')),
+ r.fill(),
+ r.stroke(),
+ r.restore();
+ }),
+ (this.paintSelectCircle = function (t, e, n, i) {
+ this.clearSelectArea();
+ var r = this.mouseGraphics,
+ n = Math.round(Math.sqrt(n * n + i * i, 2));
+ r.save(),
+ r.beginPath(),
+ r.arc(t * this.pixelRatio, e * this.pixelRatio, n, 0, 2 * Math.PI),
+ (r.strokeStyle = 'rgba('.concat(this.selectBoxColor, ',0.8)')),
+ (r.fillStyle = 'rgba('.concat(this.selectBoxColor, ',').concat(this.selectBoxAlpha, ')')),
+ r.fill(),
+ r.stroke(),
+ r.restore();
+ }),
+ (this.paintSelectPolygon = function (t, e, n) {
+ this.clearSelectArea();
+ var i = this.mouseGraphics;
+ i.save(), i.beginPath(), i.moveTo(t * this.pixelRatio, e * this.pixelRatio);
+ for (var r = 1; r < n.length; r++) i.lineTo(n[r][0] * this.pixelRatio, n[r][1] * this.pixelRatio);
+ i.closePath(),
+ (i.strokeStyle = 'rgba('.concat(this.selectBoxColor, ',0.8)')),
+ (i.fillStyle = 'rgba('.concat(this.selectBoxColor, ',').concat(this.selectBoxAlpha, ')')),
+ i.fill(),
+ i.stroke(),
+ i.restore();
+ }),
+ (this.paintCustomeLine = function (t, e) {
+ var n = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : '255,0,0',
+ i = (this.clearSelectArea(), this.childs[0]),
+ r = i.toSceneEvent(e),
+ o = i.getOffsetTranslate(),
+ a = this.mouseGraphics;
+ a.save(),
+ a.scale(i.scale, i.scale),
+ a.translate(o.translateX, o.translateY),
+ a.beginPath(),
+ a.moveTo(t.x, t.y),
+ a.lineTo(r.x, r.y),
+ (a.strokeStyle = 'rgba('.concat(n, ',0.8)')),
+ (a.lineWidth = 2),
+ a.setLineDash([5, 8, 5]),
+ a.stroke(),
+ (a.fillStyle = 'rgba('.concat(n, ',0.9)')),
+ a.beginPath(),
+ a.arc(t.x, t.y, 3, 0, 2 * Math.PI),
+ a.fill(),
+ a.beginPath(),
+ a.arc(r.x, r.y, 3, 0, 2 * Math.PI),
+ a.fill(),
+ a.restore();
+ }),
+ (this.clearSelectArea = function () {
+ this.mouseGraphics.clearRect(0, 0, this.width, this.height);
+ }),
+ (this.showLoading = function () {
+ var t,
+ e,
+ n = Math.floor(100 * (1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : 0.01));
+ function i(t, e) {
+ t.clearRect(0, 0, 100, 30),
+ (t.fillStyle = 'rgba(33,150,243,0.3)'),
+ t.DGraphRoundRect(0, 0, 100, 10, 5),
+ t.fill(),
+ (t.fillStyle = '#2196f3'),
+ t.DGraphRoundRect(0, 0, e, 10, 5),
+ t.fill(),
+ (t.fillStyle = '#20838f'),
+ (t.textAlign = 'center'),
+ (t.font = 'normal 12px Arial'),
+ t.fillText('布局进度'.concat(e, '%'), 50, 25);
+ }
+ this.loadProcessFlag ||
+ ((this.loadProcessFlag = !0),
+ (this.process = n),
+ (t = Math.round(1e5 * Math.random())),
+ (e = '\n data:image/svg+xml;base64,'.concat(
+ btoa(
+ '',
+ ),
+ '\n ',
+ )),
+ this.container.insertAdjacentHTML(
+ 'beforeEnd',
+ '\n \n
+ .concat(
+ e,
+ ')
\n
\n \n
\n