60 lines
1.2 KiB
Plaintext
60 lines
1.2 KiB
Plaintext
import type { Declaration } from 'inline-style-parser';
|
|
import parse from 'inline-style-parser';
|
|
|
|
export { Declaration };
|
|
|
|
export interface StyleObject {
|
|
[name: string]: string;
|
|
}
|
|
|
|
type Iterator = (
|
|
property: string,
|
|
value: string,
|
|
declaration: Declaration,
|
|
) => void;
|
|
|
|
/**
|
|
* Parses inline style to object.
|
|
*
|
|
* @param style - Inline style.
|
|
* @param iterator - Iterator.
|
|
* @returns - Style object or null.
|
|
*
|
|
* @example Parsing inline style to object:
|
|
*
|
|
* ```js
|
|
* import parse from 'style-to-object';
|
|
* parse('line-height: 42;'); // { 'line-height': '42' }
|
|
* ```
|
|
*/
|
|
export default function StyleToObject(
|
|
style: string,
|
|
iterator?: Iterator,
|
|
): StyleObject | null {
|
|
let styleObject: StyleObject | null = null;
|
|
|
|
if (!style || typeof style !== 'string') {
|
|
return styleObject;
|
|
}
|
|
|
|
const declarations = parse(style);
|
|
const hasIterator = typeof iterator === 'function';
|
|
|
|
declarations.forEach((declaration) => {
|
|
if (declaration.type !== 'declaration') {
|
|
return;
|
|
}
|
|
|
|
const { property, value } = declaration;
|
|
|
|
if (hasIterator) {
|
|
iterator(property, value, declaration);
|
|
} else if (value) {
|
|
styleObject = styleObject || {};
|
|
styleObject[property] = value;
|
|
}
|
|
});
|
|
|
|
return styleObject;
|
|
}
|