reducePositions.js 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. 'use strict';
  2. exports.__esModule = true;
  3. var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
  4. var _postcss = require('postcss');
  5. var _postcssValueParser = require('postcss-value-parser');
  6. var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
  7. var _has = require('has');
  8. var _has2 = _interopRequireDefault(_has);
  9. var _getArguments = require('./getArguments');
  10. var _getArguments2 = _interopRequireDefault(_getArguments);
  11. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  12. var directions = ['top', 'right', 'bottom', 'left', 'center'];
  13. var properties = ['background', 'background-position', '-webkit-perspective-origin', 'perspective-origin'];
  14. var center = '50%';
  15. var horizontal = {
  16. right: '100%',
  17. left: '0'
  18. };
  19. var vertical = {
  20. bottom: '100%',
  21. top: '0'
  22. };
  23. function transform(decl) {
  24. if (!~properties.indexOf(decl.prop)) {
  25. return;
  26. }
  27. var values = (0, _postcssValueParser2.default)(decl.value);
  28. var args = (0, _getArguments2.default)(values);
  29. var relevant = [];
  30. args.forEach(function (arg) {
  31. relevant.push({
  32. start: null,
  33. end: null
  34. });
  35. arg.forEach(function (part, index) {
  36. var isPosition = ~directions.indexOf(part.value) || (0, _postcssValueParser.unit)(part.value);
  37. var len = relevant.length - 1;
  38. if (relevant[len].start === null && isPosition) {
  39. relevant[len].start = index;
  40. relevant[len].end = index;
  41. return;
  42. }
  43. if (relevant[len].start !== null) {
  44. if (part.type === 'space') {
  45. return;
  46. } else if (isPosition) {
  47. relevant[len].end = index;
  48. return;
  49. }
  50. return;
  51. }
  52. });
  53. });
  54. relevant.forEach(function (range, index) {
  55. if (range.start === null) {
  56. return;
  57. }
  58. var position = args[index].slice(range.start, range.end + 1);
  59. if (position.length > 3) {
  60. return;
  61. }
  62. if (position.length === 1 || position[2].value === 'center') {
  63. if (position[2]) {
  64. position[2].value = position[1].value = '';
  65. }
  66. var value = position[0].value;
  67. var map = _extends({}, horizontal, {
  68. center: center
  69. });
  70. if ((0, _has2.default)(map, value)) {
  71. position[0].value = map[value];
  72. }
  73. return;
  74. }
  75. if (position[0].value === 'center' && ~directions.indexOf(position[2].value)) {
  76. position[0].value = position[1].value = '';
  77. var _value = position[2].value;
  78. if ((0, _has2.default)(horizontal, _value)) {
  79. position[2].value = horizontal[_value];
  80. }
  81. return;
  82. }
  83. if ((0, _has2.default)(horizontal, position[0].value) && (0, _has2.default)(vertical, position[2].value)) {
  84. position[0].value = horizontal[position[0].value];
  85. position[2].value = vertical[position[2].value];
  86. return;
  87. } else if ((0, _has2.default)(vertical, position[0].value) && (0, _has2.default)(horizontal, position[2].value)) {
  88. var first = position[0].value;
  89. position[0].value = horizontal[position[2].value];
  90. position[2].value = vertical[first];
  91. return;
  92. }
  93. });
  94. decl.value = values.toString();
  95. }
  96. exports.default = (0, _postcss.plugin)('cssnano-reduce-positions', function () {
  97. return function (css) {
  98. return css.walkDecls(transform);
  99. };
  100. });
  101. module.exports = exports['default'];