copy by ipcjs
이 스크립트는 직접 설치해서 쓰는 게 아닙니다. 다른 스크립트가 메타 명령 // @require https://update.greasyfork.org/scripts/373283/647820/ipcjslibjs.js(으)로 포함하여 쓰는 라이브러리입니다.
; (function () {
const log = console.log.bind(console)
/**
* 创建元素的快捷方法:
* 1. type, props, children
* 2. type, props, innerHTML
* 3. 'text', text
* @param type string, 标签名; 特殊的, 若为text, 则表示创建文字, 对应的t为文字的内容
* @param props object, 属性; 特殊的属性名有: className, 类名; style, 样式, 值为(样式名, 值)形式的object; event, 值为(事件名, 监听函数)形式的object;
* @param children array, 子元素; 也可以直接是html文本;
*/
const util_ui_element_creator = (type, props, children) => {
let elem = null;
if (type === "text") {
return document.createTextNode(props);
} else {
elem = document.createElement(type);
}
for (let n in props) {
if (n === "style") {
for (let x in props.style) {
elem.style[x] = props.style[x];
}
} else if (n === "className") {
elem.className = props[n];
} else if (n === "event") {
for (let x in props.event) {
elem.addEventListener(x, props.event[x]);
}
} else {
elem.setAttribute(n, props[n]);
}
}
if (children) {
if (typeof children === 'string') {
elem.innerHTML = children;
} else {
for (let i = 0; i < children.length; i++) {
if (children[i] != null)
elem.appendChild(children[i]);
}
}
}
return elem;
}
const util_html = function (html) {
let template = util_ui_element_creator('template')
template.innerHTML = html.trim()
return Array.from(template.content.childNodes)
}
class ElePlus {
constructor(ele) {
this.ele = ele;
}
hasClass(name) {
return this.ele.className.includes(name);
}
removeClass(name) {
let list = this.ele.className.split(/ +/);
let index = list.indexOf(name);
if (index != -1) {
list.splice(index, 1);
this.ele.className = list.join(' ');
}
return this;
}
addClass(name) {
this.ele.className = `${this.ele.className} ${name}`;
return this;
}
toggleClass(name) {
this.hasClass(name) ? this.removeClass(name) : this.addClass(name);
return this;
}
on(eventName, listener) {
this.ele.addEventListener(eventName, (...args) => {
listener.apply(this.ele, args);
});
return this;
}
text(value) {
if (value === undefined) {
return this.ele.innerText;
} else {
this.ele.innerText = value;
return this;
}
}
html(value) {
if (value === undefined) {
return this.ele.innerHTML;
} else {
this.ele.innerHTML = value;
return this;
}
}
}
if (window.ipcjs) {
log('已经存在window.ipcjs', window.ipcjs)
} else {
window.ipcjs = {
_: util_ui_element_creator,
html: util_html,
log: log,
$: (ele) => new ElePlus(ele),
installInto: function (target) {
if (typeof target === 'function') {
target.call(null, this)
} else {
Object.assign(target, this)
}
}
}
}
})()