misuzu/assets/misuzu.js/utils.js

190 lines
5.6 KiB
JavaScript
Raw Permalink Normal View History

const $i = document.getElementById.bind(document);
const $c = document.getElementsByClassName.bind(document);
const $q = document.querySelector.bind(document);
const $qa = document.querySelectorAll.bind(document);
const $t = document.createTextNode.bind(document);
const $r = function(element) {
if(element && element.parentNode)
element.parentNode.removeChild(element);
2022-09-13 13:14:49 +00:00
};
const $ri = function(name) {
$r($i(name));
2022-09-13 13:14:49 +00:00
};
const $ib = function(ref, elem) {
ref.parentNode.insertBefore(elem, ref);
};
2022-09-13 13:14:49 +00:00
const $rc = function(element) {
while(element.lastChild)
element.removeChild(element.lastChild);
2022-09-13 13:14:49 +00:00
};
const $e = function(info, attrs, child, created) {
info = info || {};
if(typeof info === 'string') {
info = {tag: info};
if(attrs)
info.attrs = attrs;
if(child)
info.child = child;
if(created)
info.created = created;
}
2022-09-13 13:14:49 +00:00
const elem = document.createElement(info.tag || 'div');
2022-09-13 13:14:49 +00:00
if(info.attrs) {
const attrs = info.attrs;
2022-09-13 13:14:49 +00:00
for(let key in attrs) {
const attr = attrs[key];
if(attr === undefined || attr === null)
2022-09-13 13:14:49 +00:00
continue;
switch(typeof attr) {
2022-09-13 13:14:49 +00:00
case 'function':
if(key.substring(0, 2) === 'on')
key = key.substring(2).toLowerCase();
elem.addEventListener(key, attr);
break;
case 'object':
if(attr instanceof Array) {
if(key === 'class')
key = 'classList';
const prop = elem[key];
let addFunc = null;
if(prop instanceof Array)
addFunc = prop.push.bind(prop);
else if(prop instanceof DOMTokenList)
addFunc = prop.add.bind(prop);
if(addFunc !== null) {
for(let j = 0; j < attr.length; ++j)
addFunc(attr[j]);
} else {
if(key === 'classList')
key = 'class';
elem.setAttribute(key, attr.toString());
}
} else {
for(const attrKey in attr)
elem[key][attrKey] = attr[attrKey];
}
2022-09-13 13:14:49 +00:00
break;
2024-01-08 13:36:47 +00:00
case 'boolean':
if(attr)
elem.setAttribute(key, '');
break;
2022-09-13 13:14:49 +00:00
default:
if(key === 'className')
key = 'class';
elem.setAttribute(key, attr.toString());
2022-09-13 13:14:49 +00:00
break;
}
}
}
if(info.child) {
let children = info.child;
2022-09-13 13:14:49 +00:00
if(!Array.isArray(children))
children = [children];
for(const child of children) {
2022-09-13 13:14:49 +00:00
switch(typeof child) {
case 'string':
elem.appendChild($t(child));
2022-09-13 13:14:49 +00:00
break;
case 'object':
if(child instanceof Element)
elem.appendChild(child);
else if(child.getElement) {
const childElem = child.getElement();
if(childElem instanceof Element)
elem.appendChild(childElem);
else
elem.appendChild($e(child));
} else
elem.appendChild($e(child));
2022-09-13 13:14:49 +00:00
break;
default:
elem.appendChild($t(child.toString()));
2022-09-13 13:14:49 +00:00
break;
}
}
}
if(info.created)
info.created(elem);
2022-09-13 13:14:49 +00:00
return elem;
};
const $er = (type, props, ...children) => $e({ tag: type, attrs: props, child: children });
2022-09-13 13:14:49 +00:00
const $ar = function(array, index) {
array.splice(index, 1);
};
const $ari = function(array, item) {
let index;
while(array.length > 0 && (index = array.indexOf(item)) >= 0)
$ar(array, index);
};
const $arf = function(array, predicate) {
let index;
while(array.length > 0 && (index = array.findIndex(predicate)) >= 0)
$ar(array, index);
2022-09-13 13:14:49 +00:00
};
const $as = function(array) {
if(array.length < 2)
2022-09-13 13:14:49 +00:00
return;
for(let i = array.length - 1; i > 0; --i) {
let j = Math.floor(Math.random() * (i + 1)),
tmp = array[i];
array[i] = array[j];
array[j] = tmp;
}
2022-09-13 13:14:49 +00:00
};
var $insertTags = function(target, tagOpen, tagClose) {
tagOpen = tagOpen || '';
tagClose = tagClose || '';
2022-09-13 13:14:49 +00:00
if(document.selection) {
target.focus();
var selected = document.selection.createRange();
selected.text = tagOpen + selected.text + tagClose;
target.focus();
} else if(target.selectionStart || target.selectionStart === 0) {
var startPos = target.selectionStart,
endPos = target.selectionEnd,
scrollTop = target.scrollTop;
target.value = target.value.substring(0, startPos)
+ tagOpen
+ target.value.substring(startPos, endPos)
+ tagClose
+ target.value.substring(endPos, target.value.length);
target.focus();
target.selectionStart = startPos + tagOpen.length;
target.selectionEnd = endPos + tagOpen.length;
target.scrollTop + scrollTop;
} else {
target.value += tagOpen + tagClose;
target.focus();
}
2022-09-13 13:14:49 +00:00
};