doly/lib/_style/common.js

doly ui components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.GlobalStyle = exports.hairline = void 0;

var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));

var _styledComponents = require("styled-components");

function _templateObject5() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n                &:before {\n                    content: '';\n                    position: absolute;\n                    left: 0;\n                    top: 0;\n                    bottom: auto;\n                    right: auto;\n                    height: 100%;\n                    width: 1px;\n                    background-color: ", ";\n                    display: block;\n                    z-index: 15;\n                    transform-origin: 0 50%;\n                    transform: scaleX(0.5);\n                }\n            "]);

  _templateObject5 = function _templateObject5() {
    return data;
  };

  return data;
}

function _templateObject4() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n                &:after {\n                    content: '';\n                    position: absolute;\n                    left: 0;\n                    top: auto;\n                    bottom: 0;\n                    right: auto;\n                    height: 1px;\n                    width: 100%;\n                    background-color: ", ";\n                    display: block;\n                    z-index: 15;\n                    transform-origin: 50% 100%;\n                    transform: scaleY(0.5);\n                }\n            "]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n                &:after {\n                    content: '';\n                    position: absolute;\n                    left: auto;\n                    top: 0;\n                    bottom: auto;\n                    right: 0;\n                    height: 100%;\n                    width: 1px;\n                    background-color: ", ";\n                    display: block;\n                    z-index: 15;\n                    transform-origin: 100% 50%;\n                    transform: scaleX(0.5);\n                }\n            "]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n                &:before {\n                    content: '';\n                    position: absolute;\n                    left: 0;\n                    top: 0;\n                    bottom: auto;\n                    right: auto;\n                    height: 1px;\n                    width: 100%;\n                    background-color: ", ";\n                    display: block;\n                    z-index: 15;\n                    transform-origin: 50% 0%;\n                    transform: scaleY(0.5);\n                }\n            "]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n    *, *:after, *:before {\n        -webkit-tap-highlight-color: rgba(0,0,0,0);\n    }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

// 移动端:active伪类无效的解决方法
document.body.addEventListener('touchstart', function () {}); // injectGlobal `
//     *, *:after, *:before {
//         -webkit-tap-highlight-color: rgba(0,0,0,0);
//     }
// `;

var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject());
exports.GlobalStyle = GlobalStyle;

var hairline = function hairline() {
  var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'bottom';
  var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#ddd';
  var _style = [];

  switch (position) {
    case 'top':
      _style = (0, _styledComponents.css)(_templateObject2(), color);
      break;

    case 'right':
      _style = (0, _styledComponents.css)(_templateObject3(), color);
      break;

    case 'bottom':
      _style = (0, _styledComponents.css)(_templateObject4(), color);
      break;

    case 'left':
      _style = (0, _styledComponents.css)(_templateObject5(), color);
      break;

    default:
      break;
  }

  return [_style.join('')];
};

exports.hairline = hairline;
var _default = {
  hairline: hairline,
  GlobalStyle: GlobalStyle
};
exports.default = _default;