You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
2.0 KiB
58 lines
2.0 KiB
"use strict";
|
|
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
|