index.js 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. 'use strict';
  2. exports.__esModule = true;
  3. var _postcss = require('postcss');
  4. var _postcss2 = _interopRequireDefault(_postcss);
  5. var _postcssValueParser = require('postcss-value-parser');
  6. var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
  7. var _convert = require('./lib/convert');
  8. var _convert2 = _interopRequireDefault(_convert);
  9. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  10. var LENGTH_UNITS = ['em', 'ex', 'ch', 'rem', 'vw', 'vh', 'vmin', 'vmax', 'cm', 'mm', 'q', 'in', 'pt', 'pc', 'px'];
  11. function parseWord(node, opts, keepZeroUnit) {
  12. var pair = (0, _postcssValueParser.unit)(node.value);
  13. if (pair) {
  14. var num = Number(pair.number);
  15. var u = pair.unit.toLowerCase();
  16. if (num === 0) {
  17. node.value = keepZeroUnit || !~LENGTH_UNITS.indexOf(u) && u !== '%' ? 0 + u : 0;
  18. } else {
  19. node.value = (0, _convert2.default)(num, u, opts);
  20. if (typeof opts.precision === 'number' && u === 'px' && ~pair.number.indexOf('.')) {
  21. var precision = Math.pow(10, opts.precision);
  22. node.value = Math.round(parseFloat(node.value) * precision) / precision + u;
  23. }
  24. }
  25. }
  26. }
  27. function clampOpacity(node) {
  28. var pair = (0, _postcssValueParser.unit)(node.value);
  29. if (!pair) {
  30. return;
  31. }
  32. var num = Number(pair.number);
  33. if (num > 1) {
  34. node.value = 1 + pair.unit;
  35. } else if (num < 0) {
  36. node.value = 0 + pair.unit;
  37. }
  38. }
  39. function shouldStripPercent(_ref) {
  40. var value = _ref.value,
  41. prop = _ref.prop,
  42. parent = _ref.parent;
  43. return ~value.indexOf('%') && (prop === 'max-height' || prop === 'height') || parent.parent && parent.parent.name === 'keyframes' && prop === 'stroke-dasharray' || prop === 'stroke-dashoffset' || prop === 'stroke-width';
  44. }
  45. function transform(opts) {
  46. return function (decl) {
  47. var prop = decl.prop;
  48. if (~prop.indexOf('flex') || prop.indexOf('--') === 0) {
  49. return;
  50. }
  51. decl.value = (0, _postcssValueParser2.default)(decl.value).walk(function (node) {
  52. if (node.type === 'word') {
  53. parseWord(node, opts, shouldStripPercent(decl));
  54. if (prop === 'opacity' || prop === 'shape-image-threshold') {
  55. clampOpacity(node);
  56. }
  57. } else if (node.type === 'function') {
  58. if (node.value === 'calc' || node.value === 'hsl' || node.value === 'hsla') {
  59. (0, _postcssValueParser.walk)(node.nodes, function (n) {
  60. if (n.type === 'word') {
  61. parseWord(n, opts, true);
  62. }
  63. });
  64. return false;
  65. }
  66. if (node.value === 'url') {
  67. return false;
  68. }
  69. }
  70. }).toString();
  71. };
  72. }
  73. var plugin = 'postcss-convert-values';
  74. exports.default = _postcss2.default.plugin(plugin, function () {
  75. var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { precision: false };
  76. if (opts.length === undefined && opts.convertLength !== undefined) {
  77. console.warn(plugin + ': `convertLength` option is deprecated. Use `length`');
  78. opts.length = opts.convertLength;
  79. }
  80. if (opts.length === undefined && opts.convertTime !== undefined) {
  81. console.warn(plugin + ': `convertTime` option is deprecated. Use `time`');
  82. opts.time = opts.convertTime;
  83. }
  84. return function (css) {
  85. return css.walkDecls(transform(opts));
  86. };
  87. });
  88. module.exports = exports['default'];