@ucloud-fe/react-components/lib/components/Combine/style/index.js

UCloud react components

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CombineWrap = exports.separatorCls = exports.itemCls = void 0;

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

var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));

var _core = require("@emotion/core");

var _config = _interopRequireDefault(require("../../../config"));

var _styledWrap = _interopRequireDefault(require("../../../utils/styledWrap"));

var _this = void 0;

var _prefixCls = _config.default.prefixCls;
var prefixCls = _prefixCls + '-combine';
var itemCls = prefixCls + '-item';
exports.itemCls = itemCls;
var separatorCls = prefixCls + '-separator';
exports.separatorCls = separatorCls;
var spacingMap = {
  sm: 'T_SPACING_COMMON_XS',
  md: 'T_SPACING_COMMON_SM',
  lg: 'T_SPACING_COMMON_MD'
};

var isBuildInSpacing = function isBuildInSpacing(spacing) {
  (0, _newArrowCheck2.default)(this, _this);
  return Object.prototype.hasOwnProperty.call(spacingMap, spacing);
}.bind(void 0);

var CombineWrap = (0, _styledWrap.default)({
  className: prefixCls
})(( /*#__PURE__*/0, _styledBase.default)('div', {
  target: "evbd6d0",
  label: "CombineWrap"
})(function (props) {
  (0, _newArrowCheck2.default)(this, _this);
  var spacing = props.spacing,
      DT = props.theme.designTokens;
  var space;

  if (spacing === 'compact') {
    space = '-1px';
  } else if (isBuildInSpacing(spacing)) {
    space = DT[spacingMap[spacing]];
  } else {
    space = spacing;
  }

  return /*#__PURE__*/(0, _core.css)("> .", itemCls, ",> .", separatorCls, "{vertical-align:middle;display:inline-block;}> .", itemCls, "{&:focus{z-index:2;}&:hover{z-index:3;}}> .", itemCls, "+.", itemCls, ",> .", separatorCls, "+.", itemCls, ",> .", itemCls, "+.", separatorCls, "{margin-left:", space, ";};label:CombineWrap;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbWJpbmUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Db21iaW5lL3N0eWxlL2luZGV4LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCBjb25maWcgZnJvbSAnc3JjL2NvbmZpZyc7XG5pbXBvcnQgc3R5bGVkV3JhcCwgeyBEZXNpZ25Ub2tlbiB9IGZyb20gJ3NyYy91dGlscy9zdHlsZWRXcmFwJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcbmNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLWNvbWJpbmUnO1xuXG5leHBvcnQgY29uc3QgaXRlbUNscyA9IHByZWZpeENscyArICctaXRlbSc7XG5leHBvcnQgY29uc3Qgc2VwYXJhdG9yQ2xzID0gcHJlZml4Q2xzICsgJy1zZXBhcmF0b3InO1xuXG5jb25zdCBzcGFjaW5nTWFwID0ge1xuICAgIHNtOiAnVF9TUEFDSU5HX0NPTU1PTl9YUycgYXMgRGVzaWduVG9rZW4sXG4gICAgbWQ6ICdUX1NQQUNJTkdfQ09NTU9OX1NNJyBhcyBEZXNpZ25Ub2tlbixcbiAgICBsZzogJ1RfU1BBQ0lOR19DT01NT05fTUQnIGFzIERlc2lnblRva2VuXG59O1xuXG5jb25zdCBpc0J1aWxkSW5TcGFjaW5nID0gKHNwYWNpbmc6IHN0cmluZyk6IHNwYWNpbmcgaXMga2V5b2YgdHlwZW9mIHNwYWNpbmdNYXAgPT4ge1xuICAgIHJldHVybiBPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwoc3BhY2luZ01hcCwgc3BhY2luZyk7XG59O1xuXG5leHBvcnQgY29uc3QgQ29tYmluZVdyYXAgPSBzdHlsZWRXcmFwPHsgc3BhY2luZzogc3RyaW5nIH0+KHtcbiAgICBjbGFzc05hbWU6IHByZWZpeENsc1xufSkoXG4gICAgc3R5bGVkKCdkaXYnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHNwYWNpbmcsXG4gICAgICAgICAgICB0aGVtZTogeyBkZXNpZ25Ub2tlbnM6IERUIH1cbiAgICAgICAgfSA9IHByb3BzO1xuICAgICAgICBsZXQgc3BhY2U6IHN0cmluZztcbiAgICAgICAgaWYgKHNwYWNpbmcgPT09ICdjb21wYWN0Jykge1xuICAgICAgICAgICAgc3BhY2UgPSAnLTFweCc7XG4gICAgICAgIH0gZWxzZSBpZiAoaXNCdWlsZEluU3BhY2luZyhzcGFjaW5nKSkge1xuICAgICAgICAgICAgc3BhY2UgPSBEVFtzcGFjaW5nTWFwW3NwYWNpbmddXTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHNwYWNlID0gc3BhY2luZztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICA+IC4ke2l0ZW1DbHN9LCA+IC4ke3NlcGFyYXRvckNsc30ge1xuICAgICAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgPiAuJHtpdGVtQ2xzfSB7XG4gICAgICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDI7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAzO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgID4gLiR7aXRlbUNsc30rLiR7aXRlbUNsc30sID4gLiR7c2VwYXJhdG9yQ2xzfSsuJHtpdGVtQ2xzfSwgPiAuJHtpdGVtQ2xzfSsuJHtzZXBhcmF0b3JDbHN9IHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogJHtzcGFjZX07XG4gICAgICAgICAgICB9XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG4iXX0= */"));
}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbWJpbmUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJJIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbWJpbmUvc3R5bGUvaW5kZXgudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcbmltcG9ydCBzdHlsZWRXcmFwLCB7IERlc2lnblRva2VuIH0gZnJvbSAnc3JjL3V0aWxzL3N0eWxlZFdyYXAnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctY29tYmluZSc7XG5cbmV4cG9ydCBjb25zdCBpdGVtQ2xzID0gcHJlZml4Q2xzICsgJy1pdGVtJztcbmV4cG9ydCBjb25zdCBzZXBhcmF0b3JDbHMgPSBwcmVmaXhDbHMgKyAnLXNlcGFyYXRvcic7XG5cbmNvbnN0IHNwYWNpbmdNYXAgPSB7XG4gICAgc206ICdUX1NQQUNJTkdfQ09NTU9OX1hTJyBhcyBEZXNpZ25Ub2tlbixcbiAgICBtZDogJ1RfU1BBQ0lOR19DT01NT05fU00nIGFzIERlc2lnblRva2VuLFxuICAgIGxnOiAnVF9TUEFDSU5HX0NPTU1PTl9NRCcgYXMgRGVzaWduVG9rZW5cbn07XG5cbmNvbnN0IGlzQnVpbGRJblNwYWNpbmcgPSAoc3BhY2luZzogc3RyaW5nKTogc3BhY2luZyBpcyBrZXlvZiB0eXBlb2Ygc3BhY2luZ01hcCA9PiB7XG4gICAgcmV0dXJuIE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzcGFjaW5nTWFwLCBzcGFjaW5nKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDb21iaW5lV3JhcCA9IHN0eWxlZFdyYXA8eyBzcGFjaW5nOiBzdHJpbmcgfT4oe1xuICAgIGNsYXNzTmFtZTogcHJlZml4Q2xzXG59KShcbiAgICBzdHlsZWQoJ2RpdicpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgc3BhY2luZyxcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG4gICAgICAgIGxldCBzcGFjZTogc3RyaW5nO1xuICAgICAgICBpZiAoc3BhY2luZyA9PT0gJ2NvbXBhY3QnKSB7XG4gICAgICAgICAgICBzcGFjZSA9ICctMXB4JztcbiAgICAgICAgfSBlbHNlIGlmIChpc0J1aWxkSW5TcGFjaW5nKHNwYWNpbmcpKSB7XG4gICAgICAgICAgICBzcGFjZSA9IERUW3NwYWNpbmdNYXBbc3BhY2luZ11dO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc3BhY2UgPSBzcGFjaW5nO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgID4gLiR7aXRlbUNsc30sID4gLiR7c2VwYXJhdG9yQ2xzfSB7XG4gICAgICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICA+IC4ke2l0ZW1DbHN9IHtcbiAgICAgICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDM7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgPiAuJHtpdGVtQ2xzfSsuJHtpdGVtQ2xzfSwgPiAuJHtzZXBhcmF0b3JDbHN9Ky4ke2l0ZW1DbHN9LCA+IC4ke2l0ZW1DbHN9Ky4ke3NlcGFyYXRvckNsc30ge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNlfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
exports.CombineWrap = CombineWrap;