@antv/g6
Version:
A Graph Visualization Framework in JavaScript
58 lines • 2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.createPluginContainer = createPluginContainer;
exports.insertDOM = insertDOM;
/**
* <zh/> 创建插件容器
*
* <en/> Create a plugin container
* @param type - <zh/> 插件类型 | <en/> plugin type
* @param cover - <zh/> 容器是否覆盖整个画布 | <en/> Whether the container covers the entire canvas
* @param style - <zh/> 额外样式 | <en/> Additional style
* @returns <zh/> 插件容器 | <en/> plugin container
*/
function createPluginContainer(type, cover = true, style) {
const container = document.createElement('div');
container.setAttribute('class', `g6-${type}`);
Object.assign(container.style, {
position: 'absolute',
display: 'block',
});
if (cover) {
Object.assign(container.style, {
position: 'unset',
gridArea: '1 / 1 / 2 / 2',
inset: '0px',
height: '100%',
width: '100%',
overflow: 'hidden',
pointerEvents: 'none',
});
}
if (style)
Object.assign(container.style, style);
return container;
}
/**
* <zh/> 创建 DOM 元素，如果存在则删除，再创建一个新的
*
* <en/> Create a DOM element, if exists, remove it and create a new one.
* @param id - <zh/> id | <en/> id
* @param tag - <zh/> 标签 | <en/> tag
* @param style - <zh/> 样式 | <en/> style
* @param innerHTML - <zh/> 内容 | <en/> innerHTML
* @param container - <zh/> 容器 | <en/> container
* @returns <zh/> 创建的 DOM 元素 | <en/> created DOM element
*/
function insertDOM(id, tag = 'div', style = {}, innerHTML = '', container = document.body) {
const dom = document.getElementById(id);
if (dom)
dom.remove();
const div = document.createElement(tag);
div.innerHTML = innerHTML;
div.id = id;
Object.assign(div.style, style);
container.appendChild(div);
return div;
}
//# sourceMappingURL=dom.js.map