You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.4 KiB
43 lines
1.4 KiB
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.getTransformPropValue = getTransformPropValue;
|
|
exports.getPxStyle = getPxStyle;
|
|
exports.setPxStyle = setPxStyle;
|
|
exports.setTransform = setTransform;
|
|
function getTransformPropValue(v) {
|
|
return {
|
|
transform: v,
|
|
WebkitTransform: v,
|
|
MozTransform: v
|
|
};
|
|
}
|
|
function getPxStyle(value) {
|
|
var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
|
|
var vertical = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
|
|
value = vertical ? '0px, ' + value + unit + ', 0px' : '' + value + unit + ', 0px, 0px';
|
|
return 'translate3d(' + value + ')';
|
|
}
|
|
function setPxStyle(el, value) {
|
|
var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'px';
|
|
var vertical = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
var useLeft = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
|
|
if (useLeft) {
|
|
if (vertical) {
|
|
el.style.top = '' + value + unit;
|
|
} else {
|
|
el.style.left = '' + value + unit;
|
|
}
|
|
} else {
|
|
setTransform(el.style, getPxStyle(value, unit, vertical));
|
|
}
|
|
}
|
|
function setTransform(style, v) {
|
|
style.transform = v;
|
|
style.webkitTransform = v;
|
|
style.mozTransform = v;
|
|
} |