mirzaev/graph.js
mirzaev
/
graph.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rebuild limiters and added increase pulling and pushing when show description

This commit is contained in:
Arsen Mirzaev Tatyano-Muradovich 2022-12-04 05:13:10 +10:00
parent 176dcb8d83
commit 80766e3674
1 changed files with 227 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

295
graph.js
View File

@ -62,22 +62,35 @@ class graph {
return this.#connections; return this.#connections;
} }
// Статус активации функций взаимодействий узлов
actions = {
collision: false,
pushing: true,
pulling: true
}
// Класс узла // Класс узла
#node = class node { #node = class node {
// Реестр входящих соединений // Реестр входящих соединений
#inputs = new Set(); #inputs = new Set();
// Прочитать реестр входящих соединений
get inputs() { get inputs() {
return this.#inputs; return this.#inputs;
} }
// Реестр исходящих соединений // Реестр исходящих соединений
#outputs = new Set(); #outputs = new Set();
// Прочитать реестр исходящих соединений
get outputs() { get outputs() {
return this.#outputs; return this.#outputs;
} }
// Оператор // Оператор
#operator; #operator;
// Прочитать оператора
get operator() { get operator() {
return this.#operator; return this.#operator;
} }
@ -100,47 +113,98 @@ class graph {
// Наблюдатель // Наблюдатель
#observer = null; #observer = null;
// Прочитать наблюдатель
get observer() { get observer() {
return this.#observer; return this.#observer;
} }
// Реестр запрещённых к изменению параметров // Реестр запрещённых к изменению параметров
#block = new Set(['events']); #block = new Set(['events']);
// Прочитать реестр запрещённых к изменению параметров
get block() { get block() {
return this.#block; return this.#block;
} }
// Диаметр узла // Диаметр узла
#diameter = 100; #diameter = 100;
// Прочитать диаметр узла
get diameter() { get diameter() {
return this.#diameter; return this.#diameter;
} }
// Степень увеличения диаметра // Степень увеличения диаметра
#increase = 0; #increase = 0;
// Прочитать степень увеличения диаметра
get increase() { get increase() {
return this.#increase; return this.#increase;
} }
// Величина степени увеличения диаметра // Величина степени увеличения диаметра
#addition = 12; #addition = 12;
// Прочитать величину степени увеличения диаметра
get addition() { get addition() {
return this.#addition; return this.#addition;
} }
// Счётчик итераций // Величина степени увеличения притягивания и отталкивания
#shift = 0;
// Прочитать величину степени увеличения притягивания и отталкивания
get shift() {
return this.#shift;
}
// Глобальный счётчик итераций
iteration = 0; iteration = 0;
// Ограничение максимального количества итераций за вызов // Ограничение максимального количества всех итераций
limit = 3000; limit = 3000;
// Обработка событий /**
* Обработка событий
*
* max - максимум итераций в процессе
* current - текущая итерация в процессе
* flow - максимум итераций в потоке
*/
actions = { actions = {
collision: true, collision: {
pushing: true, max: 100,
pulling: true current: 0,
flow: {
medium: 30,
hard: 300
}
},
pushing: {
max: 100,
current: 0,
flow: {
medium: 30,
hard: 300
}
},
pulling: {
max: 100,
current: 0,
flow: {
medium: 30,
hard: 300
}
}
}; };
/**
* Конструктор узла
*
* @param {object} operator Инстанция оператора (графика)
* @param {object} data Данные для генерации
*/
constructor(operator, data) { constructor(operator, data) {
// Запись в свойство // Запись в свойство
this.#operator = operator; this.#operator = operator;
@ -492,6 +556,12 @@ class graph {
// Расположение выше остальных узлов // Расположение выше остальных узлов
article.style.zIndex = close.style.zIndex = 1000; article.style.zIndex = close.style.zIndex = 1000;
// Инициализация сдвига отталкивания и притяжения соединённых узлов
_this.#shift = description.offsetWidth - article.offsetWidth;
// Обработка сдвига
_this.move(null, null, _this.#operator.actions.collision, _this.#operator.actions.pushing, _this.#operator.actions.pulling, true, true);
} }
/** /**
@ -508,6 +578,12 @@ class graph {
// Удаление всех изменённых аттрибутов // Удаление всех изменённых аттрибутов
close.style.top = close.style.right = article.style.zIndex = close.style.zIndex = close.style.scale = close.style.opacity = null; close.style.top = close.style.right = article.style.zIndex = close.style.zIndex = close.style.scale = close.style.opacity = null;
// Деинициализация сдвига отталкивания и притяжения соединённых узлов
_this.#shift = 0;
// Обработка сдвига
_this.move(null, null, _this.#operator.actions.collision, _this.#operator.actions.pushing, _this.#operator.actions.pulling, true, true);
} }
// Запись в свойство // Запись в свойство
@ -524,8 +600,9 @@ class graph {
this.#operator.shell.offsetHeight / 2 - this.#operator.shell.offsetHeight / 2 -
this.#diameter / 2 + this.#diameter / 2 +
(0.5 - Math.random()) * 500, (0.5 - Math.random()) * 500,
true, this.#operator.actions.collision,
true, this.#operator.actions.pushing,
this.#operator.actions.pulling,
true true
); );
} }
@ -570,7 +647,25 @@ class graph {
}); });
} }
move(x, y, collision = false, pushing = false, pulling = false) { /**
* Переместить узел
*
* @param {*} x Координата X (относительно левого верхнего края)
* @param {*} y Координата Y (относительно левого верхнего края)
* @param {*} collision Активировать столкновение?
* @param {*} pushing Активировать отталкивание?
* @param {*} pulling Активировать притягивание?
* @param {*} reset Сбросить счётчик итераций для процесса?
* @param {*} hard Увеличить количество итераций для процесса?
*/
move(x, y, collision = false, pushing = false, pulling = false, reset = false, hard = false) {
// Сброс счётчика итераций для процесса (реинициализация процесса)
if (reset) this.actions.collision.current = this.actions.pushing.current = this.actions.pulling.current = 0;
// Проверка входящих параметров
if (typeof x !== 'number') x = this.element.getAttribute('data-x') ?? 0;
if (typeof y !== 'number') y = this.element.getAttribute('data-y') ?? 0;
// Запись отступов // Запись отступов
this.element.style.left = x + 'px'; this.element.style.left = x + 'px';
this.element.style.top = y + 'px'; this.element.style.top = y + 'px';
@ -586,7 +681,7 @@ class graph {
// Обработка столкновений // Обработка столкновений
if (collision && !collision.has(this)) if (collision && !collision.has(this))
this.collision(this.#operator.nodes, collision); this.collision(this.#operator.nodes, collision, hard);
// Инициализация буфера реестра узлов // Инициализация буфера реестра узлов
const registry = new Set(this.#operator.nodes); const registry = new Set(this.#operator.nodes);
@ -594,14 +689,11 @@ class graph {
if (pushing && !pushing.has(this)) { if (pushing && !pushing.has(this)) {
// Активно отталкивание // Активно отталкивание
// Инициализация счётчика циклов
let iterations = 50;
for (const connection of this.inputs) { for (const connection of this.inputs) {
// Перебор входящих соединений // Перебор входящих соединений
// Ограничение выполнения // Ограничение выполнения
if (--iterations <= 0) break; if (++this.actions.pushing.current >= this.actions.pushing.max) break;
// Защита от повторной обработки // Защита от повторной обработки
if (pushing.has(connection.from)) continue; if (pushing.has(connection.from)) continue;
@ -610,17 +702,14 @@ class graph {
registry.delete(connection.from); registry.delete(connection.from);
// Обработка отталкивания // Обработка отталкивания
this.pushing(new Set([connection.from]), pushing); this.pushing(new Set([connection.from]), pushing, 0, hard);
} }
// Реинициализация счётчика циклов
iterations = 50;
for (const connection of this.outputs) { for (const connection of this.outputs) {
// Перебор исходящих соединений // Перебор исходящих соединений
// Ограничение выполнения // Ограничение выполнения
if (--iterations <= 0) break; if (++this.actions.pushing.current >= this.actions.pushing.max) break;
// Защита от повторной обработки // Защита от повторной обработки
if (pushing.has(connection.to)) continue; if (pushing.has(connection.to)) continue;
@ -629,21 +718,18 @@ class graph {
registry.delete(connection.to); registry.delete(connection.to);
// Обработка отталкивания // Обработка отталкивания
this.pushing(new Set([connection.to]), pushing); this.pushing(new Set([connection.to]), pushing, 0, hard);
} }
} }
if (pulling && !pulling.has(this)) { if (pulling && !pulling.has(this)) {
// Активно притягивание // Активно притягивание
// Инициализация счётчика циклов
let iterations = 50;
for (const connection of this.inputs) { for (const connection of this.inputs) {
// Перебор входящих соединений // Перебор входящих соединений
// Ограничение выполнения // Ограничение выполнения
if (--iterations <= 0) break; if (++this.actions.pulling.current >= this.actions.pulling.max) break;
// Защита от повторной обработки // Защита от повторной обработки
if (pulling.has(connection.from)) continue; if (pulling.has(connection.from)) continue;
@ -652,17 +738,14 @@ class graph {
registry.delete(connection.from); registry.delete(connection.from);
// Обработка притягивания // Обработка притягивания
this.pulling(new Set([connection.from]), pulling); this.pulling(new Set([connection.from]), pulling, 0, hard);
} }
// Реинициализация счётчика циклов
iterations = 50;
for (const connection of this.outputs) { for (const connection of this.outputs) {
// Перебор входящих соединений // Перебор входящих соединений
// Ограничение выполнения // Ограничение выполнения
if (--iterations <= 0) break; if (++this.actions.pulling.current >= this.actions.pulling.max) break;
// Защита от повторной обработки // Защита от повторной обработки
if (pulling.has(connection.to)) continue; if (pulling.has(connection.to)) continue;
@ -671,7 +754,7 @@ class graph {
registry.delete(connection.to); registry.delete(connection.to);
// Обработка притягивания // Обработка притягивания
this.pulling(new Set([connection.to]), pulling); this.pulling(new Set([connection.to]), pulling, 0, hard);
} }
} }
@ -685,7 +768,7 @@ class graph {
for (const connection of this.inputs) connection.synchronize(this); for (const connection of this.inputs) connection.synchronize(this);
} }
collision(nodes, involved) { collision(nodes, involved, hard = false) {
// Инициализация буфера реестра узлов // Инициализация буфера реестра узлов
const registry = new Set(nodes); const registry = new Set(nodes);
@ -697,7 +780,7 @@ class graph {
// Перебор узлов в реестре // Перебор узлов в реестре
// Защита от повторной обработки узла // Защита от повторной обработки узла
if (involved.has(node)) continue; if (typeof involved === 'object' && involved.has(node)) continue;
// Инициализация вектора между узлами // Инициализация вектора между узлами
let between; let between;
@ -705,8 +788,8 @@ class graph {
// Инициализация ускорения // Инициализация ускорения
let increase = 0; let increase = 0;
// Инициализация максимального количества итераций // Инициализация счётчика итераций
let iterations = 30; let iterations = 0;
do { do {
// Произошла коллизия (границы кругов перекрылись) // Произошла коллизия (границы кругов перекрылись)
@ -753,11 +836,11 @@ class graph {
// Реинициализация вектора между узлами // Реинициализация вектора между узлами
between = new Victor(x1 - x2, y1 - y2); between = new Victor(x1 - x2, y1 - y2);
// Узлы преодолели расстояние столкновения? // Узлы преодолели расстояние столкновения? (ограничение выполнения)
if ( if (
!node.actions.collision || this.actions.collision.current >= this.actions.collision.max ||
between.length() > node.diameter / 2 + this.diameter / 2 || between.length() > node.diameter / 2 + this.diameter / 2 ||
--iterations <= 0 ++iterations > (hard ? this.actions.collision.flow.hard : this.actions.collision.flow.medium)
) )
break; break;
@ -771,11 +854,19 @@ class graph {
) )
); );
if (node.actions.collision) { if (this.actions.collision.current < this.actions.collision.max) {
// Активно столкновение узлов // Активно столкновение узлов
// Запись значений столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами) в буферы
const _node_collision = node.actions.collision.current;
const _node_pushing = node.actions.pushing.current;
const _node_pulling = node.actions.pulling.current;
const _this_collision = this.actions.collision.current;
const _this_pushing = this.actions.pushing.current;
const _this_pulling = this.actions.pulling.current;
// Запрещение столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами) // Запрещение столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами)
node.actions.collision = node.actions.pushing = node.actions.pulling = this.actions.collision = this.actions.pushing = this.actions.pulling = false; node.actions.collision.current = node.actions.pushing.current = node.actions.pulling.current = this.actions.collision.current = this.actions.pushing.current = this.actions.pulling.current = 0;
// Запись узлов в реестр задействованных узлов // Запись узлов в реестр задействованных узлов
involved.add(this); involved.add(this);
@ -783,19 +874,24 @@ class graph {
// Перемещение узла // Перемещение узла
node.move(vector.x, vector.y, involved, involved, involved); node.move(vector.x, vector.y, involved, involved, involved);
// Разрешение столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами) // Возвращение значений столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами)
node.actions.collision = node.actions.pushing = node.actions.pulling = this.actions.collision = this.actions.pushing = this.actions.pulling = true; node.actions.collision.current = _node_collision;
node.actions.pushing.current = _node_pushing;
node.actions.pulling.current = _node_pulling;
this.actions.collision.current = _this_collision;
this.actions.pushing.current = _this_pushing;
this.actions.pulling.current = _this_pulling;
} }
// Проверка на столкновение узлов // Проверка на столкновение узлов
} while ( } while (
node.actions.collision && this.actions.collision.current < this.actions.collision.max &&
between.length() <= node.diameter / 2 + this.diameter / 2 between.length() <= node.diameter / 2 + this.diameter / 2
); );
} }
} }
pushing(nodes, involved, add) { pushing(nodes = [], involved, add, hard = false) {
if (++this.iteration >= this.limit) { if (++this.iteration >= this.limit) {
// Превышено ограничение по числу итераций // Превышено ограничение по числу итераций
@ -823,13 +919,13 @@ class graph {
// Перебор узлов в буфере реестра // Перебор узлов в буфере реестра
// Защита от повторной обработки узла // Защита от повторной обработки узла
if (involved.has(node)) continue; if (typeof involved === 'object' && involved.has(node)) continue;
// Инициализация вектора между узлами // Инициализация вектора между узлами
let between; let between;
// Инициализация максимального количества итераций // Инициализация счётчика итераций
let iterations = 30; let iterations = 0;
function move() { function move() {
if (++node.iteration >= node.limit) { if (++node.iteration >= node.limit) {
@ -868,18 +964,19 @@ class graph {
// Инициализация увеличения // Инициализация увеличения
let increase = let increase =
(node.diameter + _this.diameter) / _this.shift + node.shift +
(_this.diameter + node.diameter) /
2 ** (_this.increase + node.increase); 2 ** (_this.increase + node.increase);
// Узлы преодолели расстояние отталкивания? // Узлы преодолели расстояние отталкивания?
if ( if (
!node.actions.pushing || _this.actions.pushing.current >= _this.actions.pushing.max ||
between.length() > between.length() >
(node.diameter + _this.diameter) / 2 + (node.diameter + _this.diameter) / 2 +
distance + distance +
increase + increase +
(typeof add === 'number' ? add : 0) || (typeof add === 'number' ? add : 0) ||
--iterations <= 0 ++iterations > (hard ? _this.actions.pushing.flow.hard : _this.actions.pushing.flow.medium)
) )
return; return;
@ -893,11 +990,19 @@ class graph {
) )
); );
if (node.actions.pushing) { if (_this.actions.pushing.current < _this.actions.pushing.max) {
// Активно притягивание узла // Активно притягивание узла
// Запись значений столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами) в буферы
const _node_collision = node.actions.collision.current;
const _node_pushing = node.actions.pushing.current;
const _node_pulling = node.actions.pulling.current;
const _this_collision = _this.actions.collision.current;
const _this_pushing = _this.actions.pushing.current;
const _this_pulling = _this.actions.pulling.current;
// Запрещение столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами) // Запрещение столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами)
node.actions.collision = node.actions.pushing = node.actions.pulling = _this.actions.collision = _this.actions.pushing = _this.actions.pulling = false; node.actions.collision.current = node.actions.pushing.current = node.actions.pulling.current = _this.actions.collision.current = _this.actions.pushing.current = _this.actions.pulling.current = 0;
// Запись узлов в реестр задействованных узлов // Запись узлов в реестр задействованных узлов
involved.add(_this); involved.add(_this);
@ -905,13 +1010,18 @@ class graph {
// Перемещение узла // Перемещение узла
node.move(vector.x, vector.y, involved, involved, involved); node.move(vector.x, vector.y, involved, involved, involved);
// Разрешение столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами) // Возвращение значений столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами)
node.actions.collision = node.actions.pushing = node.actions.pulling = _this.actions.collision = _this.actions.pushing = _this.actions.pulling = true; node.actions.collision.current = _node_collision;
node.actions.pushing.current = _node_pushing;
node.actions.pulling.current = _node_pulling;
_this.actions.collision.current = _this_collision;
_this.actions.pushing.current = _this_pushing;
_this.actions.pulling.current = _this_pulling;
} }
// Проверка расстояния // Проверка расстояния
if ( if (
node.actions.pushing && _this.actions.pushing.current < _this.actions.pushing.max &&
between.length() <= between.length() <=
(node.diameter + _this.diameter) / 2 + (node.diameter + _this.diameter) / 2 +
distance + distance +
@ -922,11 +1032,11 @@ class graph {
} }
// Повторная обработка (вход в рекурсию) // Повторная обработка (вход в рекурсию)
if (node.actions.pushing) move(); if (_this.actions.pushing.current < _this.actions.pushing.max) move();
} }
} }
pulling(nodes, involved, add) { pulling(nodes = [], involved, add, hard = false) {
// Инициализация буфера реестра узлов // Инициализация буфера реестра узлов
const registry = new Set(nodes); const registry = new Set(nodes);
@ -936,7 +1046,7 @@ class graph {
// Инициализация ссылки на ядро // Инициализация ссылки на ядро
const _this = this; const _this = this;
// Увеличение дистанции для проверки // Увеличение дистанции для проверки !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
const distance = 150; const distance = 150;
// Обработка притягивания узлов // Обработка притягивания узлов
@ -944,13 +1054,13 @@ class graph {
// Перебор узлов в буфере реестра // Перебор узлов в буфере реестра
// Защита от повторной обработки узла // Защита от повторной обработки узла
if (involved.has(node)) continue; if (typeof involved === 'object' && involved.has(node)) continue;
// Инициализация вектора между узлами // Инициализация вектора между узлами
let between; let between;
// Инициализация максимального количества итераций // Инициализация счётчика итераций
let iterations = 30; let iterations = 0;
function move() { function move() {
if (++_this.iteration >= _this.limit) { if (++_this.iteration >= _this.limit) {
@ -999,18 +1109,19 @@ class graph {
// Инициализация увеличения // Инициализация увеличения
let increase = let increase =
_this.shift + node.shift +
(node.diameter + _this.diameter) / (node.diameter + _this.diameter) /
2 ** (_this.increase + node.increase); 2 ** (_this.increase + node.increase);
// Узлы преодолели расстояние притягивания? // Узлы преодолели расстояние притягивания?
if ( if (
!node.actions.pulling || _this.actions.pulling.current >= _this.actions.pulling.max ||
between.length() <= between.length() <=
(node.diameter + _this.diameter) / 2 + (node.diameter + _this.diameter) / 2 +
distance + distance +
increase + increase +
(typeof add === 'number' ? add : 0) || (typeof add === 'number' ? add : 0) ||
--iterations <= 0 ++iterations > (hard ? _this.actions.pulling.flow.hard : _this.actions.pulling.flow.medium)
) )
return; return;
@ -1024,11 +1135,19 @@ class graph {
) )
); );
if (node.actions.pulling) { if (_this.actions.pulling.current < _this.actions.pulling.max) {
// Активно притягивание узлов // Активно притягивание узлов
// Запись значений столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами) в буферы
const _node_collision = node.actions.collision.current;
const _node_pushing = node.actions.pushing.current;
const _node_pulling = node.actions.pulling.current;
const _this_collision = _this.actions.collision.current;
const _this_pushing = _this.actions.pushing.current;
const _this_pulling = _this.actions.pulling.current;
// Запрещение столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами) // Запрещение столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами)
node.actions.collision = node.actions.pushing = node.actions.pulling = _this.actions.collision = _this.actions.pushing = _this.actions.pulling = false; node.actions.collision.current = node.actions.pushing.current = node.actions.pulling.current = _this.actions.collision.current = _this.actions.pushing.current = _this.actions.pulling.current = 0;
// Запись узлов в реестр задействованных узлов // Запись узлов в реестр задействованных узлов
involved.add(_this); involved.add(_this);
@ -1036,12 +1155,17 @@ class graph {
// Перемещение узла // Перемещение узла
node.move(vector.x, vector.y, involved, involved, involved); node.move(vector.x, vector.y, involved, involved, involved);
// Разрешение столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами) // Возвращение значений столкновения, притягивания и отталкивания целевого узла и обрабатываемого узла (другими узлами)
node.actions.collision = node.actions.pushing = node.actions.pulling = _this.actions.collision = _this.actions.pushing = _this.actions.pulling = true; node.actions.collision.current = _node_collision;
node.actions.pushing.current = _node_pushing;
node.actions.pulling.current = _node_pulling;
_this.actions.collision.current = _this_collision;
_this.actions.pushing.current = _this_pushing;
_this.actions.pulling.current = _this_pulling;
} }
if ( if (
node.actions.pulling && _this.actions.pulling.current < _this.actions.pulling.max &&
between.length() > between.length() >
(node.diameter + _this.diameter) / 2 + (node.diameter + _this.diameter) / 2 +
distance + distance +
@ -1055,7 +1179,7 @@ class graph {
} }
// Повторная обработка (вход в рекурсию) // Повторная обработка (вход в рекурсию)
if (node.actions.pulling) move(); if (_this.actions.pulling.current < _this.actions.pulling.max) move();
} }
} }
@ -1144,6 +1268,13 @@ class graph {
return this.#operator; return this.#operator;
} }
/**
* Конструктор соединения
*
* @param {object} operator Инстанция оператора (графика)
* @param {object} from Инстанция узла от которого идёт соединение
* @param {object} to Инстанция узла к которому идёт соединения
*/
constructor(operator, from, to) { constructor(operator, from, to) {
// Запись свойства // Запись свойства
this.#operator = operator; this.#operator = operator;
@ -1269,6 +1400,13 @@ class graph {
// Разрешено перемещать камеру? (svg-элементы-соединения - рёбра) // Разрешено перемещать камеру? (svg-элементы-соединения - рёбра)
#camera = true; #camera = true;
/**
* Конструктор графика
*
* @param {HTMLElement|string} shell HTML-элемент-оболочка для графика, либо его идентификатор
* @param {boolean} body Перенос работает на теле документа? (иначе на HTML-элементе-оболочке)
* @param {boolean} camera Активировать перемещение камеры?
*/
constructor(shell, body = true, camera = true) { constructor(shell, body = true, camera = true) {
// Запись оболочки // Запись оболочки
if (shell instanceof HTMLElement) this.#shell = shell; if (shell instanceof HTMLElement) this.#shell = shell;
@ -1379,6 +1517,7 @@ class graph {
if (this.#move) { if (this.#move) {
// Разрешено перемещать узлы // Разрешено перемещать узлы
// Инициализация переноса узла
node.element.onmousedown = function (onmousedown) { node.element.onmousedown = function (onmousedown) {
// Начало переноса // Начало переноса
@ -1388,6 +1527,9 @@ class graph {
// Позиционирование над остальными узлами // Позиционирование над остальными узлами
node.element.style.zIndex = 5000; node.element.style.zIndex = 5000;
// Инициализация буферов значения количества столкновений, притягиваний и отталкиваний
let collision, pushing, pulling;
if (!_this.#camera) { if (!_this.#camera) {
// Запрещено двигать камеру (оболочку) // Запрещено двигать камеру (оболочку)
@ -1397,17 +1539,15 @@ class graph {
// Инициализация функции переноса узла // Инициализация функции переноса узла
function move(onmousemove) { function move(onmousemove) {
// Запись обработки столкновений и отталкивания // Перемещение узла
node.actions.collision = node.actions.pushing = node.actions.pulling = false;
// Перемещение
node.move( node.move(
onmousemove.pageX - onmousemove.pageX -
(onmousedown.pageX - n.left + s.left + pageXOffset), (onmousedown.pageX - n.left + s.left + scrollX),
onmousemove.pageY - onmousemove.pageY -
(onmousedown.pageY - n.top + s.top + pageYOffset), (onmousedown.pageY - n.top + s.top + scrollY),
true, _this.actions.collision,
true, _this.actions.pushing,
_this.actions.pulling,
true true
); );
} }
@ -1422,9 +1562,6 @@ class graph {
document.onmousemove = null; document.onmousemove = null;
node.element.onmouseup = null; node.element.onmouseup = null;
// Запись обработки столкновений и отталкивания
node.actions.collision = node.actions.pushing = node.actions.pulling = true;
// Возвращение позиционирования // Возвращение позиционирования
node.element.style.zIndex = z; node.element.style.zIndex = z;
}; };