@jdcfe/yep-react/lib/_utils/styleUtil.js

一套移动端的React组件库

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getPxStyle = getPxStyle;
exports.getTransformPropValue = getTransformPropValue;
exports.setPxStyle = setPxStyle;
exports.setTransform = setTransform;
exports.suffixPx = suffixPx;

function getTransformPropValue(v) {
  return {
    transform: v,
    WebkitTransform: v,
    MozTransform: v
  };
}

function setTransform(style, v) {
  style.transform = v;
  style.webkitTransform = v;
  style.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, ".concat(value).concat(unit, ", 0px") : "".concat(value).concat(unit, ", 0px, 0px");
  return "translate3d(".concat(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 = "".concat(value).concat(unit);
    } else {
      el.style.left = "".concat(value).concat(unit);
    }
  } else {
    setTransform(el.style, getPxStyle(value, unit, vertical));
  }
}

function suffixPx(value) {
  if (value === undefined && value === null) {
    return undefined;
  }

  value = String(value);
  return /^\d+$/.test(value) ? "".concat(value, "px") : value;
}