1 | "use strict";
|
2 |
|
3 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
4 |
|
5 | var parser = require('postcss-value-parser');
|
6 |
|
7 | var vendor = require('postcss').vendor;
|
8 |
|
9 | var list = require('postcss').list;
|
10 |
|
11 | var Transition =
|
12 |
|
13 | function () {
|
14 | function Transition(prefixes) {
|
15 | _defineProperty(this, "props", ['transition', 'transition-property']);
|
16 |
|
17 | this.prefixes = prefixes;
|
18 | }
|
19 | |
20 |
|
21 |
|
22 |
|
23 |
|
24 | var _proto = Transition.prototype;
|
25 |
|
26 | _proto.add = function add(decl, result) {
|
27 | var _this = this;
|
28 |
|
29 | var prefix, prop;
|
30 | var add = this.prefixes.add[decl.prop];
|
31 | var declPrefixes = add && add.prefixes || [];
|
32 | var params = this.parse(decl.value);
|
33 | var names = params.map(function (i) {
|
34 | return _this.findProp(i);
|
35 | });
|
36 | var added = [];
|
37 |
|
38 | if (names.some(function (i) {
|
39 | return i[0] === '-';
|
40 | })) {
|
41 | return;
|
42 | }
|
43 |
|
44 | for (var _iterator = params, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
|
45 | var _ref;
|
46 |
|
47 | if (_isArray) {
|
48 | if (_i >= _iterator.length) break;
|
49 | _ref = _iterator[_i++];
|
50 | } else {
|
51 | _i = _iterator.next();
|
52 | if (_i.done) break;
|
53 | _ref = _i.value;
|
54 | }
|
55 |
|
56 | var param = _ref;
|
57 | prop = this.findProp(param);
|
58 | if (prop[0] === '-') continue;
|
59 | var prefixer = this.prefixes.add[prop];
|
60 | if (!prefixer || !prefixer.prefixes) continue;
|
61 |
|
62 | for (var _iterator3 = prefixer.prefixes, _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
|
63 | if (_isArray3) {
|
64 | if (_i3 >= _iterator3.length) break;
|
65 | prefix = _iterator3[_i3++];
|
66 | } else {
|
67 | _i3 = _iterator3.next();
|
68 | if (_i3.done) break;
|
69 | prefix = _i3.value;
|
70 | }
|
71 |
|
72 | var prefixed = this.prefixes.prefixed(prop, prefix);
|
73 |
|
74 | if (prefixed !== '-ms-transform' && names.indexOf(prefixed) === -1) {
|
75 | if (!this.disabled(prop, prefix)) {
|
76 | added.push(this.clone(prop, prefixed, param));
|
77 | }
|
78 | }
|
79 | }
|
80 | }
|
81 |
|
82 | params = params.concat(added);
|
83 | var value = this.stringify(params);
|
84 | var webkitClean = this.stringify(this.cleanFromUnprefixed(params, '-webkit-'));
|
85 |
|
86 | if (declPrefixes.indexOf('-webkit-') !== -1) {
|
87 | this.cloneBefore(decl, "-webkit-" + decl.prop, webkitClean);
|
88 | }
|
89 |
|
90 | this.cloneBefore(decl, decl.prop, webkitClean);
|
91 |
|
92 | if (declPrefixes.indexOf('-o-') !== -1) {
|
93 | var operaClean = this.stringify(this.cleanFromUnprefixed(params, '-o-'));
|
94 | this.cloneBefore(decl, "-o-" + decl.prop, operaClean);
|
95 | }
|
96 |
|
97 | for (var _iterator2 = declPrefixes, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
|
98 | if (_isArray2) {
|
99 | if (_i2 >= _iterator2.length) break;
|
100 | prefix = _iterator2[_i2++];
|
101 | } else {
|
102 | _i2 = _iterator2.next();
|
103 | if (_i2.done) break;
|
104 | prefix = _i2.value;
|
105 | }
|
106 |
|
107 | if (prefix !== '-webkit-' && prefix !== '-o-') {
|
108 | var prefixValue = this.stringify(this.cleanOtherPrefixes(params, prefix));
|
109 | this.cloneBefore(decl, prefix + decl.prop, prefixValue);
|
110 | }
|
111 | }
|
112 |
|
113 | if (value !== decl.value && !this.already(decl, decl.prop, value)) {
|
114 | this.checkForWarning(result, decl);
|
115 | decl.cloneBefore();
|
116 | decl.value = value;
|
117 | }
|
118 | }
|
119 | |
120 |
|
121 |
|
122 | ;
|
123 |
|
124 | _proto.findProp = function findProp(param) {
|
125 | var prop = param[0].value;
|
126 |
|
127 | if (/^\d/.test(prop)) {
|
128 | for (var i = 0; i < param.length; i++) {
|
129 | var token = param[i];
|
130 |
|
131 | if (i !== 0 && token.type === 'word') {
|
132 | return token.value;
|
133 | }
|
134 | }
|
135 | }
|
136 |
|
137 | return prop;
|
138 | }
|
139 | |
140 |
|
141 |
|
142 | ;
|
143 |
|
144 | _proto.already = function already(decl, prop, value) {
|
145 | return decl.parent.some(function (i) {
|
146 | return i.prop === prop && i.value === value;
|
147 | });
|
148 | }
|
149 | |
150 |
|
151 |
|
152 | ;
|
153 |
|
154 | _proto.cloneBefore = function cloneBefore(decl, prop, value) {
|
155 | if (!this.already(decl, prop, value)) {
|
156 | decl.cloneBefore({
|
157 | prop: prop,
|
158 | value: value
|
159 | });
|
160 | }
|
161 | }
|
162 | |
163 |
|
164 |
|
165 | ;
|
166 |
|
167 | _proto.checkForWarning = function checkForWarning(result, decl) {
|
168 | if (decl.prop !== 'transition-property') {
|
169 | return;
|
170 | }
|
171 |
|
172 | decl.parent.each(function (i) {
|
173 | if (i.type !== 'decl') {
|
174 | return undefined;
|
175 | }
|
176 |
|
177 | if (i.prop.indexOf('transition-') !== 0) {
|
178 | return undefined;
|
179 | }
|
180 |
|
181 | if (i.prop === 'transition-property') {
|
182 | return undefined;
|
183 | }
|
184 |
|
185 | if (list.comma(i.value).length > 1) {
|
186 | decl.warn(result, 'Replace transition-property to transition, ' + 'because Autoprefixer could not support ' + 'any cases of transition-property ' + 'and other transition-*');
|
187 | }
|
188 |
|
189 | return false;
|
190 | });
|
191 | }
|
192 | |
193 |
|
194 |
|
195 | ;
|
196 |
|
197 | _proto.remove = function remove(decl) {
|
198 | var _this2 = this;
|
199 |
|
200 | var params = this.parse(decl.value);
|
201 | params = params.filter(function (i) {
|
202 | var prop = _this2.prefixes.remove[_this2.findProp(i)];
|
203 |
|
204 | return !prop || !prop.remove;
|
205 | });
|
206 | var value = this.stringify(params);
|
207 |
|
208 | if (decl.value === value) {
|
209 | return;
|
210 | }
|
211 |
|
212 | if (params.length === 0) {
|
213 | decl.remove();
|
214 | return;
|
215 | }
|
216 |
|
217 | var double = decl.parent.some(function (i) {
|
218 | return i.prop === decl.prop && i.value === value;
|
219 | });
|
220 | var smaller = decl.parent.some(function (i) {
|
221 | return i !== decl && i.prop === decl.prop && i.value.length > value.length;
|
222 | });
|
223 |
|
224 | if (double || smaller) {
|
225 | decl.remove();
|
226 | return;
|
227 | }
|
228 |
|
229 | decl.value = value;
|
230 | }
|
231 | |
232 |
|
233 |
|
234 | ;
|
235 |
|
236 | _proto.parse = function parse(value) {
|
237 | var ast = parser(value);
|
238 | var result = [];
|
239 | var param = [];
|
240 |
|
241 | for (var _iterator4 = ast.nodes, _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
|
242 | var _ref2;
|
243 |
|
244 | if (_isArray4) {
|
245 | if (_i4 >= _iterator4.length) break;
|
246 | _ref2 = _iterator4[_i4++];
|
247 | } else {
|
248 | _i4 = _iterator4.next();
|
249 | if (_i4.done) break;
|
250 | _ref2 = _i4.value;
|
251 | }
|
252 |
|
253 | var node = _ref2;
|
254 | param.push(node);
|
255 |
|
256 | if (node.type === 'div' && node.value === ',') {
|
257 | result.push(param);
|
258 | param = [];
|
259 | }
|
260 | }
|
261 |
|
262 | result.push(param);
|
263 | return result.filter(function (i) {
|
264 | return i.length > 0;
|
265 | });
|
266 | }
|
267 | |
268 |
|
269 |
|
270 | ;
|
271 |
|
272 | _proto.stringify = function stringify(params) {
|
273 | if (params.length === 0) {
|
274 | return '';
|
275 | }
|
276 |
|
277 | var nodes = [];
|
278 |
|
279 | for (var _iterator5 = params, _isArray5 = Array.isArray(_iterator5), _i5 = 0, _iterator5 = _isArray5 ? _iterator5 : _iterator5[Symbol.iterator]();;) {
|
280 | var _ref3;
|
281 |
|
282 | if (_isArray5) {
|
283 | if (_i5 >= _iterator5.length) break;
|
284 | _ref3 = _iterator5[_i5++];
|
285 | } else {
|
286 | _i5 = _iterator5.next();
|
287 | if (_i5.done) break;
|
288 | _ref3 = _i5.value;
|
289 | }
|
290 |
|
291 | var param = _ref3;
|
292 |
|
293 | if (param[param.length - 1].type !== 'div') {
|
294 | param.push(this.div(params));
|
295 | }
|
296 |
|
297 | nodes = nodes.concat(param);
|
298 | }
|
299 |
|
300 | if (nodes[0].type === 'div') {
|
301 | nodes = nodes.slice(1);
|
302 | }
|
303 |
|
304 | if (nodes[nodes.length - 1].type === 'div') {
|
305 | nodes = nodes.slice(0, +-2 + 1 || undefined);
|
306 | }
|
307 |
|
308 | return parser.stringify({
|
309 | nodes: nodes
|
310 | });
|
311 | }
|
312 | |
313 |
|
314 |
|
315 | ;
|
316 |
|
317 | _proto.clone = function clone(origin, name, param) {
|
318 | var result = [];
|
319 | var changed = false;
|
320 |
|
321 | for (var _iterator6 = param, _isArray6 = Array.isArray(_iterator6), _i6 = 0, _iterator6 = _isArray6 ? _iterator6 : _iterator6[Symbol.iterator]();;) {
|
322 | var _ref4;
|
323 |
|
324 | if (_isArray6) {
|
325 | if (_i6 >= _iterator6.length) break;
|
326 | _ref4 = _iterator6[_i6++];
|
327 | } else {
|
328 | _i6 = _iterator6.next();
|
329 | if (_i6.done) break;
|
330 | _ref4 = _i6.value;
|
331 | }
|
332 |
|
333 | var i = _ref4;
|
334 |
|
335 | if (!changed && i.type === 'word' && i.value === origin) {
|
336 | result.push({
|
337 | type: 'word',
|
338 | value: name
|
339 | });
|
340 | changed = true;
|
341 | } else {
|
342 | result.push(i);
|
343 | }
|
344 | }
|
345 |
|
346 | return result;
|
347 | }
|
348 | |
349 |
|
350 |
|
351 | ;
|
352 |
|
353 | _proto.div = function div(params) {
|
354 | for (var _iterator7 = params, _isArray7 = Array.isArray(_iterator7), _i7 = 0, _iterator7 = _isArray7 ? _iterator7 : _iterator7[Symbol.iterator]();;) {
|
355 | var _ref5;
|
356 |
|
357 | if (_isArray7) {
|
358 | if (_i7 >= _iterator7.length) break;
|
359 | _ref5 = _iterator7[_i7++];
|
360 | } else {
|
361 | _i7 = _iterator7.next();
|
362 | if (_i7.done) break;
|
363 | _ref5 = _i7.value;
|
364 | }
|
365 |
|
366 | var param = _ref5;
|
367 |
|
368 | for (var _iterator8 = param, _isArray8 = Array.isArray(_iterator8), _i8 = 0, _iterator8 = _isArray8 ? _iterator8 : _iterator8[Symbol.iterator]();;) {
|
369 | var _ref6;
|
370 |
|
371 | if (_isArray8) {
|
372 | if (_i8 >= _iterator8.length) break;
|
373 | _ref6 = _iterator8[_i8++];
|
374 | } else {
|
375 | _i8 = _iterator8.next();
|
376 | if (_i8.done) break;
|
377 | _ref6 = _i8.value;
|
378 | }
|
379 |
|
380 | var node = _ref6;
|
381 |
|
382 | if (node.type === 'div' && node.value === ',') {
|
383 | return node;
|
384 | }
|
385 | }
|
386 | }
|
387 |
|
388 | return {
|
389 | type: 'div',
|
390 | value: ',',
|
391 | after: ' '
|
392 | };
|
393 | };
|
394 |
|
395 | _proto.cleanOtherPrefixes = function cleanOtherPrefixes(params, prefix) {
|
396 | var _this3 = this;
|
397 |
|
398 | return params.filter(function (param) {
|
399 | var current = vendor.prefix(_this3.findProp(param));
|
400 | return current === '' || current === prefix;
|
401 | });
|
402 | }
|
403 | |
404 |
|
405 |
|
406 | ;
|
407 |
|
408 | _proto.cleanFromUnprefixed = function cleanFromUnprefixed(params, prefix) {
|
409 | var _this4 = this;
|
410 |
|
411 | var remove = params.map(function (i) {
|
412 | return _this4.findProp(i);
|
413 | }).filter(function (i) {
|
414 | return i.slice(0, prefix.length) === prefix;
|
415 | }).map(function (i) {
|
416 | return _this4.prefixes.unprefixed(i);
|
417 | });
|
418 | var result = [];
|
419 |
|
420 | for (var _iterator9 = params, _isArray9 = Array.isArray(_iterator9), _i9 = 0, _iterator9 = _isArray9 ? _iterator9 : _iterator9[Symbol.iterator]();;) {
|
421 | var _ref7;
|
422 |
|
423 | if (_isArray9) {
|
424 | if (_i9 >= _iterator9.length) break;
|
425 | _ref7 = _iterator9[_i9++];
|
426 | } else {
|
427 | _i9 = _iterator9.next();
|
428 | if (_i9.done) break;
|
429 | _ref7 = _i9.value;
|
430 | }
|
431 |
|
432 | var param = _ref7;
|
433 | var prop = this.findProp(param);
|
434 | var p = vendor.prefix(prop);
|
435 |
|
436 | if (remove.indexOf(prop) === -1 && (p === prefix || p === '')) {
|
437 | result.push(param);
|
438 | }
|
439 | }
|
440 |
|
441 | return result;
|
442 | }
|
443 | |
444 |
|
445 |
|
446 | ;
|
447 |
|
448 | _proto.disabled = function disabled(prop, prefix) {
|
449 | var other = ['order', 'justify-content', 'align-self', 'align-content'];
|
450 |
|
451 | if (prop.indexOf('flex') !== -1 || other.indexOf(prop) !== -1) {
|
452 | if (this.prefixes.options.flexbox === false) {
|
453 | return true;
|
454 | }
|
455 |
|
456 | if (this.prefixes.options.flexbox === 'no-2009') {
|
457 | return prefix.indexOf('2009') !== -1;
|
458 | }
|
459 | }
|
460 |
|
461 | return undefined;
|
462 | };
|
463 |
|
464 | return Transition;
|
465 | }();
|
466 |
|
467 | module.exports = Transition; |
\ | No newline at end of file |