117 lines
2.2 KiB
JavaScript
117 lines
2.2 KiB
JavaScript
/**
|
|
* {}
|
|
* @author yutent<yutent.io@gmail.com>
|
|
* @date 2024/03/06 09:55:31
|
|
*/
|
|
|
|
import {
|
|
xlink,
|
|
xmlns,
|
|
xhtmlns,
|
|
HTML_TAGS,
|
|
SPEC_ATTR,
|
|
doc,
|
|
win
|
|
} from './lib/constants.js'
|
|
|
|
export function uuid(prefix = '') {
|
|
return prefix + Math.random().toString(16).slice(-8)
|
|
}
|
|
|
|
export function noop() {}
|
|
|
|
//驼峰转换为连字符线风格
|
|
export function hyphen(target) {
|
|
return target.replace(/([a-z\d])([A-Z]+)/g, '$1-$2').toLowerCase()
|
|
}
|
|
|
|
//连字符转换为驼峰风格
|
|
export function camelize(target) {
|
|
//提前判断，提高效率
|
|
if (target.indexOf('-') < 0) {
|
|
return target
|
|
}
|
|
return target.replace(/\-([a-z])/g, (m, s) => s.toUpperCase())
|
|
}
|
|
|
|
export function type(o) {
|
|
if (o === null) {
|
|
return null
|
|
}
|
|
return Object.prototype.toString.call(o).slice(8, -1).toLowerCase()
|
|
}
|
|
|
|
export function $(selector, container, multi) {
|
|
let fn = multi ? 'querySelectorAll' : 'querySelector'
|
|
if (container) {
|
|
return container[fn](selector)
|
|
}
|
|
return document.body[fn](selector)
|
|
}
|
|
|
|
export function $$(selector, container) {
|
|
return $(selector, container, true)
|
|
}
|
|
|
|
export function h(el, props = null, children) {
|
|
if (typeof el === 'string') {
|
|
el = doc.createElementNS(HTML_TAGS[el] ? xhtmlns : xmlns, el)
|
|
}
|
|
|
|
if (props) {
|
|
for (let key in props) {
|
|
let val = props[key]
|
|
if (val === void 0) {
|
|
continue
|
|
}
|
|
if (!SPEC_ATTR[key]) {
|
|
key = hyphen(key)
|
|
}
|
|
if (val === null) {
|
|
el.removeAttribute(key)
|
|
} else {
|
|
el.setAttribute(key, val)
|
|
}
|
|
}
|
|
}
|
|
|
|
if (children) {
|
|
if (Array.isArray(children)) {
|
|
children = children.join('')
|
|
}
|
|
|
|
if (el.tagName.toLowerCase() === 'foreignobject') {
|
|
let f = h('div', null, children)
|
|
el.appendChild(f)
|
|
} else {
|
|
el.appendChild(doc.createTextNode(children))
|
|
}
|
|
|
|
el.normalize()
|
|
}
|
|
return el
|
|
}
|
|
|
|
window.h = h
|
|
|
|
export function clone(obj) {
|
|
if (typeof obj == 'function' || Object(obj) !== obj) {
|
|
return obj
|
|
}
|
|
let res = new obj.constructor()
|
|
for (let key in obj)
|
|
if (obj.hasOwnProperty(key)) {
|
|
res[key] = clone(obj[key])
|
|
}
|
|
return res
|
|
}
|
|
|
|
export function preload(src, callback) {
|
|
let img = new Image()
|
|
|
|
img.onload = function () {
|
|
callback(img)
|
|
}
|
|
img.src = src
|
|
}
|