1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
| /**
| * Parses a string of inline styles into a JavaScript object with casing for React
| *
| * @see TemplateEngine via MIT Licensed https://github.com/NervJS/taro/blob/master/packages/taro-components-rn/src/utils/index.ts
| *
| * @param {string} styles
| * @returns {Object}
| */
| export function styleToProp(styles) {
| if (!styles) return null;
| return styles
| .split(";")
| .filter((style) => style.split(":")[0] && style.split(":")[1])
| .map((style) => [
| style
| .split(":")[0]
| .trim()
| .replace(/-./g, (c) => c.substr(1).toUpperCase()),
| style.split(":").slice(1).join(":").trim(),
| ])
| .reduce(
| (styleObj, style) => ({
| ...styleObj,
| [style[0]]: style[1],
| }),
| {},
| );
| }
|
| export function asVars(obj) {
| if (!obj) return null;
| return Object.entries(obj).reduce((vars, [key, val]) => {
| vars[`--${key}`] = val;
| return vars;
| }, {});
| }
|
|
