0a5f6a8047
- Go backend (server/)
- Frontend (web/, server/static/)
- Database and deployment files
- Scripts and docs
Co-Authored-By: 狸花猫/Claude-Qwen3.6-Plus 🐾
101 lines
3.4 KiB
JavaScript
101 lines
3.4 KiB
JavaScript
"use strict";
|
||
Object.defineProperty(exports, "__esModule", { value: true });
|
||
exports.moveTo = exports.sortDom = exports.createDom = exports.createSVGElement = void 0;
|
||
var util_1 = require("@antv/util");
|
||
var constant_1 = require("../constant");
|
||
/**
|
||
* 创建并返回图形的 svg 元素
|
||
* @param type svg类型
|
||
*/
|
||
function createSVGElement(type) {
|
||
return document.createElementNS('http://www.w3.org/2000/svg', type);
|
||
}
|
||
exports.createSVGElement = createSVGElement;
|
||
/**
|
||
* 创建并返回图形的 dom 元素
|
||
* @param {IShape} shape 图形
|
||
* @return {SVGElement}
|
||
*/
|
||
function createDom(shape) {
|
||
var type = constant_1.SHAPE_TO_TAGS[shape.type];
|
||
var parent = shape.getParent();
|
||
if (!type) {
|
||
throw new Error("the type " + shape.type + " is not supported by svg");
|
||
}
|
||
var element = createSVGElement(type);
|
||
if (shape.get('id')) {
|
||
element.id = shape.get('id');
|
||
}
|
||
shape.set('el', element);
|
||
shape.set('attrs', {});
|
||
// 对于 defs 下的 dom 节点，parent 为空，通过 context 统一挂载到 defs 节点下
|
||
if (parent) {
|
||
var parentNode = parent.get('el');
|
||
if (parentNode) {
|
||
parentNode.appendChild(element);
|
||
}
|
||
else {
|
||
// parentNode maybe null for group
|
||
parentNode = parent.createDom();
|
||
parent.set('el', parentNode);
|
||
parentNode.appendChild(element);
|
||
}
|
||
}
|
||
return element;
|
||
}
|
||
exports.createDom = createDom;
|
||
/**
|
||
* 对 dom 元素进行排序
|
||
* @param {IElement} element 元素
|
||
* @param {sorter} function 排序函数
|
||
*/
|
||
function sortDom(element, sorter) {
|
||
var el = element.get('el');
|
||
var childList = util_1.toArray(el.children).sort(sorter);
|
||
// create empty fragment
|
||
var fragment = document.createDocumentFragment();
|
||
childList.forEach(function (child) {
|
||
fragment.appendChild(child);
|
||
});
|
||
el.appendChild(fragment);
|
||
}
|
||
exports.sortDom = sortDom;
|
||
/**
|
||
* 将 dom 元素移动到父元素下的指定位置
|
||
* @param {SVGElement} element dom 元素
|
||
* @param {number} targetIndex 目标位置(从 0 开始)
|
||
*/
|
||
function moveTo(element, targetIndex) {
|
||
var parentNode = element.parentNode;
|
||
var siblings = Array.from(parentNode.childNodes).filter(
|
||
// 要求为元素节点，且不能为 defs 节点
|
||
function (node) { return node.nodeType === 1 && node.nodeName.toLowerCase() !== 'defs'; });
|
||
// 获取目标节点
|
||
var target = siblings[targetIndex];
|
||
var currentIndex = siblings.indexOf(element);
|
||
// 如果目标节点存在
|
||
if (target) {
|
||
// 当前索引 > 目标索引，直接插入到目标节点之前即可
|
||
if (currentIndex > targetIndex) {
|
||
parentNode.insertBefore(element, target);
|
||
}
|
||
else if (currentIndex < targetIndex) {
|
||
// 当前索引 < 目标索引
|
||
// 获取目标节点的下一个节点
|
||
var targetNext = siblings[targetIndex + 1];
|
||
// 如果目标节点的下一个节点存在，插入到该节点之前
|
||
if (targetNext) {
|
||
parentNode.insertBefore(element, targetNext);
|
||
}
|
||
else {
|
||
// 如果该节点不存在，则追加到末尾
|
||
parentNode.appendChild(element);
|
||
}
|
||
}
|
||
}
|
||
else {
|
||
parentNode.appendChild(element);
|
||
}
|
||
}
|
||
exports.moveTo = moveTo;
|
||
//# sourceMappingURL=dom.js.map
|