81 lines
2.3 KiB
JavaScript
81 lines
2.3 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
exports.__esModule = true;
|
||
|
|
exports.default = void 0;
|
||
|
|
|
||
|
|
var t = _interopRequireWildcard(require("@babel/types"));
|
||
|
|
|
||
|
|
var _util = require("./util");
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
|
||
|
|
|
||
|
|
// Inspired by https://github.com/reactjs/react-magic/blob/master/src/htmltojsx.js
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Determines if the CSS value can be converted from a
|
||
|
|
* 'px' suffixed string to a numeric value.
|
||
|
|
*
|
||
|
|
* @param {string} value CSS property value
|
||
|
|
* @return {boolean}
|
||
|
|
*/
|
||
|
|
function isConvertiblePixelValue(value) {
|
||
|
|
return /^\d+px$/.test(value);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Format style key into JSX style object key.
|
||
|
|
*
|
||
|
|
* @param {string} key
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
function formatKey(key) {
|
||
|
|
key = key.toLowerCase(); // Don't capitalize -ms- prefix
|
||
|
|
|
||
|
|
if (/^-ms-/.test(key)) key = key.substr(1);
|
||
|
|
return t.identifier((0, _util.hyphenToCamelCase)(key));
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Format style value into JSX style object value.
|
||
|
|
*
|
||
|
|
* @param {string} key
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
function formatValue(value) {
|
||
|
|
if ((0, _util.isNumeric)(value)) return t.numericLiteral(Number(value));
|
||
|
|
if (isConvertiblePixelValue(value)) return t.numericLiteral(Number((0, _util.trimEnd)(value, 'px')));
|
||
|
|
return t.stringLiteral(value);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Handle parsing of inline styles.
|
||
|
|
*
|
||
|
|
* @param {string} rawStyle
|
||
|
|
* @returns {object}
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
function stringToObjectStyle(rawStyle) {
|
||
|
|
const entries = rawStyle.split(';');
|
||
|
|
const properties = [];
|
||
|
|
let index = -1;
|
||
|
|
|
||
|
|
while (++index < entries.length) {
|
||
|
|
const entry = entries[index];
|
||
|
|
const style = entry.trim();
|
||
|
|
const firstColon = style.indexOf(':');
|
||
|
|
const value = style.substr(firstColon + 1).trim();
|
||
|
|
const key = style.substr(0, firstColon);
|
||
|
|
|
||
|
|
if (key !== '') {
|
||
|
|
const property = t.objectProperty(formatKey(key), formatValue(value));
|
||
|
|
properties.push(property);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return t.objectExpression(properties);
|
||
|
|
}
|
||
|
|
|
||
|
|
var _default = stringToObjectStyle;
|
||
|
|
exports.default = _default;
|