芝麻web文件管理V1.00
编辑当前文件:/home/digitalh/public_html/node_modules/alpinejs/src/utils/styles.js
export function setStyles(el, value) { if (typeof value === 'object' && value !== null) { return setStylesFromObject(el, value) } return setStylesFromString(el, value) } function setStylesFromObject(el, value) { let previousStyles = {} Object.entries(value).forEach(([key, value]) => { previousStyles[key] = el.style[key] // When we use javascript object, css properties use the camelCase // syntax but when we use setProperty, we need the css format // so we need to convert camelCase to kebab-case. // In case key is a CSS variable, leave it as it is. if (! key.startsWith('--')) { key = kebabCase(key); } el.style.setProperty(key, value) }) setTimeout(() => { if (el.style.length === 0) { el.removeAttribute('style') } }) return () => { setStyles(el, previousStyles) } } function setStylesFromString(el, value) { let cache = el.getAttribute('style', value) el.setAttribute('style', value) return () => { el.setAttribute('style', cache || '') } } function kebabCase(subject) { return subject.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase() }