110 lines
3.5 KiB
JavaScript
110 lines
3.5 KiB
JavaScript
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
|
|
|
|
var _inDOM = require('../util/inDOM');
|
|
|
|
var _inDOM2 = _interopRequireDefault(_inDOM);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
var transform = 'transform';
|
|
var prefix = void 0,
|
|
transitionEnd = void 0,
|
|
animationEnd = void 0;
|
|
var transitionProperty = void 0,
|
|
transitionDuration = void 0,
|
|
transitionTiming = void 0,
|
|
transitionDelay = void 0;
|
|
var animationName = void 0,
|
|
animationDuration = void 0,
|
|
animationTiming = void 0,
|
|
animationDelay = void 0;
|
|
|
|
if (_inDOM2.default) {
|
|
var _getTransitionPropert = getTransitionProperties();
|
|
|
|
prefix = _getTransitionPropert.prefix;
|
|
exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
|
|
exports.animationEnd = animationEnd = _getTransitionPropert.animationEnd;
|
|
|
|
|
|
exports.transform = transform = prefix + '-' + transform;
|
|
exports.transitionProperty = transitionProperty = prefix + '-transition-property';
|
|
exports.transitionDuration = transitionDuration = prefix + '-transition-duration';
|
|
exports.transitionDelay = transitionDelay = prefix + '-transition-delay';
|
|
exports.transitionTiming = transitionTiming = prefix + '-transition-timing-function';
|
|
|
|
exports.animationName = animationName = prefix + '-animation-name';
|
|
exports.animationDuration = animationDuration = prefix + '-animation-duration';
|
|
exports.animationTiming = animationTiming = prefix + '-animation-delay';
|
|
exports.animationDelay = animationDelay = prefix + '-animation-timing-function';
|
|
}
|
|
|
|
exports.transform = transform;
|
|
exports.transitionProperty = transitionProperty;
|
|
exports.transitionTiming = transitionTiming;
|
|
exports.transitionDelay = transitionDelay;
|
|
exports.transitionDuration = transitionDuration;
|
|
exports.transitionEnd = transitionEnd;
|
|
exports.animationName = animationName;
|
|
exports.animationDuration = animationDuration;
|
|
exports.animationTiming = animationTiming;
|
|
exports.animationDelay = animationDelay;
|
|
exports.animationEnd = animationEnd;
|
|
exports.default = {
|
|
transform: transform,
|
|
end: transitionEnd,
|
|
property: transitionProperty,
|
|
timing: transitionTiming,
|
|
delay: transitionDelay,
|
|
duration: transitionDuration
|
|
};
|
|
|
|
|
|
function getTransitionProperties() {
|
|
var style = document.createElement('div').style;
|
|
|
|
var vendorMap = {
|
|
O: function O(e) {
|
|
return 'o' + e.toLowerCase();
|
|
},
|
|
Moz: function Moz(e) {
|
|
return e.toLowerCase();
|
|
},
|
|
Webkit: function Webkit(e) {
|
|
return 'webkit' + e;
|
|
},
|
|
ms: function ms(e) {
|
|
return 'MS' + e;
|
|
}
|
|
};
|
|
|
|
var vendors = Object.keys(vendorMap);
|
|
|
|
var transitionEnd = void 0,
|
|
animationEnd = void 0;
|
|
var prefix = '';
|
|
|
|
for (var i = 0; i < vendors.length; i++) {
|
|
var vendor = vendors[i];
|
|
|
|
if (vendor + 'TransitionProperty' in style) {
|
|
prefix = '-' + vendor.toLowerCase();
|
|
transitionEnd = vendorMap[vendor]('TransitionEnd');
|
|
animationEnd = vendorMap[vendor]('AnimationEnd');
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (!transitionEnd && 'transitionProperty' in style) transitionEnd = 'transitionend';
|
|
|
|
if (!animationEnd && 'animationName' in style) animationEnd = 'animationend';
|
|
|
|
style = null;
|
|
|
|
return { animationEnd: animationEnd, transitionEnd: transitionEnd, prefix: prefix };
|
|
} |