transition.js 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. 'use strict';
  2. exports.__esModule = true;
  3. exports.default = normalizeTransition;
  4. var _postcssValueParser = require('postcss-value-parser');
  5. var _addSpace = require('../lib/addSpace');
  6. var _addSpace2 = _interopRequireDefault(_addSpace);
  7. var _getArguments = require('../lib/getArguments');
  8. var _getArguments2 = _interopRequireDefault(_getArguments);
  9. var _getValue = require('../lib/getValue');
  10. var _getValue2 = _interopRequireDefault(_getValue);
  11. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  12. // transition: [ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>
  13. var timingFunctions = ['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end'];
  14. function normalizeTransition(decl, parsed) {
  15. var args = (0, _getArguments2.default)(parsed);
  16. var values = args.reduce(function (list, arg) {
  17. var state = {
  18. timingFunction: [],
  19. property: [],
  20. time1: [],
  21. time2: []
  22. };
  23. arg.forEach(function (node) {
  24. if (node.type === 'space') {
  25. return;
  26. }
  27. if (node.type === 'function' && ~['steps', 'cubic-bezier'].indexOf(node.value)) {
  28. state.timingFunction = [].concat(state.timingFunction, [node, (0, _addSpace2.default)()]);
  29. } else if ((0, _postcssValueParser.unit)(node.value)) {
  30. if (!state.time1.length) {
  31. state.time1 = [].concat(state.time1, [node, (0, _addSpace2.default)()]);
  32. } else {
  33. state.time2 = [].concat(state.time2, [node, (0, _addSpace2.default)()]);
  34. }
  35. } else if (~timingFunctions.indexOf(node.value)) {
  36. state.timingFunction = [].concat(state.timingFunction, [node, (0, _addSpace2.default)()]);
  37. } else {
  38. state.property = [].concat(state.property, [node, (0, _addSpace2.default)()]);
  39. }
  40. });
  41. return [].concat(list, [[].concat(state.property, state.time1, state.timingFunction, state.time2)]);
  42. }, []);
  43. decl.value = (0, _getValue2.default)(values);
  44. }
  45. module.exports = exports['default'];