| import { domEach } from '../utils.js'; |
| import { isTag } from 'domhandler'; |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| export function css(prop, val) { |
| if ((prop != null && val != null) || |
| |
| (typeof prop === 'object' && !Array.isArray(prop))) { |
| return domEach(this, (el, i) => { |
| if (isTag(el)) { |
| |
| setCss(el, prop, val, i); |
| } |
| }); |
| } |
| if (this.length === 0) { |
| return undefined; |
| } |
| return getCss(this[0], prop); |
| } |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| function setCss(el, prop, value, idx) { |
| if (typeof prop === 'string') { |
| const styles = getCss(el); |
| const val = typeof value === 'function' ? value.call(el, idx, styles[prop]) : value; |
| if (val === '') { |
| delete styles[prop]; |
| } |
| else if (val != null) { |
| styles[prop] = val; |
| } |
| el.attribs['style'] = stringify(styles); |
| } |
| else if (typeof prop === 'object') { |
| const keys = Object.keys(prop); |
| for (let i = 0; i < keys.length; i++) { |
| const k = keys[i]; |
| setCss(el, k, prop[k], i); |
| } |
| } |
| } |
| function getCss(el, prop) { |
| if (!el || !isTag(el)) |
| return; |
| const styles = parse(el.attribs['style']); |
| if (typeof prop === 'string') { |
| return styles[prop]; |
| } |
| if (Array.isArray(prop)) { |
| const newStyles = {}; |
| for (const item of prop) { |
| if (styles[item] != null) { |
| newStyles[item] = styles[item]; |
| } |
| } |
| return newStyles; |
| } |
| return styles; |
| } |
| |
| |
| |
| |
| |
| |
| |
| |
| function stringify(obj) { |
| return Object.keys(obj).reduce((str, prop) => `${str}${str ? ' ' : ''}${prop}: ${obj[prop]};`, ''); |
| } |
| |
| |
| |
| |
| |
| |
| |
| |
| function parse(styles) { |
| styles = (styles || '').trim(); |
| if (!styles) |
| return {}; |
| const obj = {}; |
| let key; |
| for (const str of styles.split(';')) { |
| const n = str.indexOf(':'); |
| |
| if (n < 1 || n === str.length - 1) { |
| const trimmed = str.trimEnd(); |
| if (trimmed.length > 0 && key !== undefined) { |
| obj[key] += `;${trimmed}`; |
| } |
| } |
| else { |
| key = str.slice(0, n).trim(); |
| obj[key] = str.slice(n + 1).trim(); |
| } |
| } |
| return obj; |
| } |
| |