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

UCloud pccl react components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.separatorCls = exports.itemCls = exports.CombineWrap = 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 = exports.itemCls = prefixCls + '-item';
var separatorCls = exports.separatorCls = prefixCls + '-separator';
var spacingMap = {
  sm: 'T_SPACING_COMMON_XS',
  md: 'T_SPACING_COMMON_SM',
  lg: 'T_SPACING_COMMON_SM'
};
var isBuildInSpacing = function isBuildInSpacing(spacing) {
  (0, _newArrowCheck2.default)(this, _this);
  return Object.prototype.hasOwnProperty.call(spacingMap, spacing);
}.bind(void 0);
var CombineWrap = exports.CombineWrap = (0, _styledWrap.default)({
  className: prefixCls
})((/*#__PURE__*/0, _styledBase.default)('div', {
  target: "eiix99w0",
  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbWJpbmUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNjIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbWJpbmUvc3R5bGUvaW5kZXgudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcbmltcG9ydCBzdHlsZWRXcmFwLCB7IERlc2lnblRva2VuIH0gZnJvbSAnc3JjL3V0aWxzL3N0eWxlZFdyYXAnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctY29tYmluZSc7XG5cbmV4cG9ydCBjb25zdCBpdGVtQ2xzID0gcHJlZml4Q2xzICsgJy1pdGVtJztcbmV4cG9ydCBjb25zdCBzZXBhcmF0b3JDbHMgPSBwcmVmaXhDbHMgKyAnLXNlcGFyYXRvcic7XG5cbmNvbnN0IHNwYWNpbmdNYXAgPSB7XG4gIHNtOiAnVF9TUEFDSU5HX0NPTU1PTl9YUycgYXMgRGVzaWduVG9rZW4sXG4gIG1kOiAnVF9TUEFDSU5HX0NPTU1PTl9TTScgYXMgRGVzaWduVG9rZW4sXG4gIGxnOiAnVF9TUEFDSU5HX0NPTU1PTl9TTScgYXMgRGVzaWduVG9rZW5cbn07XG5cbmNvbnN0IGlzQnVpbGRJblNwYWNpbmcgPSAoc3BhY2luZzogc3RyaW5nKTogc3BhY2luZyBpcyBrZXlvZiB0eXBlb2Ygc3BhY2luZ01hcCA9PiB7XG4gIHJldHVybiBPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwoc3BhY2luZ01hcCwgc3BhY2luZyk7XG59O1xuXG5leHBvcnQgY29uc3QgQ29tYmluZVdyYXAgPSBzdHlsZWRXcmFwPHsgc3BhY2luZzogc3RyaW5nIH0+KHtcbiAgY2xhc3NOYW1lOiBwcmVmaXhDbHNcbn0pKFxuICBzdHlsZWQoJ2RpdicpKHByb3BzID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBzcGFjaW5nLFxuICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgfSA9IHByb3BzO1xuICAgIGxldCBzcGFjZTogc3RyaW5nO1xuICAgIGlmIChzcGFjaW5nID09PSAnY29tcGFjdCcpIHtcbiAgICAgIHNwYWNlID0gJy0xcHgnO1xuICAgIH0gZWxzZSBpZiAoaXNCdWlsZEluU3BhY2luZyhzcGFjaW5nKSkge1xuICAgICAgc3BhY2UgPSBEVFtzcGFjaW5nTWFwW3NwYWNpbmddXTtcbiAgICB9IGVsc2Uge1xuICAgICAgc3BhY2UgPSBzcGFjaW5nO1xuICAgIH1cblxuICAgIHJldHVybiBjc3NgXG4gICAgICA+IC4ke2l0ZW1DbHN9LCA+IC4ke3NlcGFyYXRvckNsc30ge1xuICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICB9XG4gICAgICA+IC4ke2l0ZW1DbHN9IHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgfVxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICB6LWluZGV4OiAzO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICA+IC4ke2l0ZW1DbHN9Ky4ke2l0ZW1DbHN9LCA+IC4ke3NlcGFyYXRvckNsc30rLiR7aXRlbUNsc30sID4gLiR7aXRlbUNsc30rLiR7c2VwYXJhdG9yQ2xzfSB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNlfTtcbiAgICAgIH1cbiAgICBgO1xuICB9KVxuKTtcbiJdfQ== */"));
}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbWJpbmUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbWJpbmUvc3R5bGUvaW5kZXgudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcbmltcG9ydCBzdHlsZWRXcmFwLCB7IERlc2lnblRva2VuIH0gZnJvbSAnc3JjL3V0aWxzL3N0eWxlZFdyYXAnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctY29tYmluZSc7XG5cbmV4cG9ydCBjb25zdCBpdGVtQ2xzID0gcHJlZml4Q2xzICsgJy1pdGVtJztcbmV4cG9ydCBjb25zdCBzZXBhcmF0b3JDbHMgPSBwcmVmaXhDbHMgKyAnLXNlcGFyYXRvcic7XG5cbmNvbnN0IHNwYWNpbmdNYXAgPSB7XG4gIHNtOiAnVF9TUEFDSU5HX0NPTU1PTl9YUycgYXMgRGVzaWduVG9rZW4sXG4gIG1kOiAnVF9TUEFDSU5HX0NPTU1PTl9TTScgYXMgRGVzaWduVG9rZW4sXG4gIGxnOiAnVF9TUEFDSU5HX0NPTU1PTl9TTScgYXMgRGVzaWduVG9rZW5cbn07XG5cbmNvbnN0IGlzQnVpbGRJblNwYWNpbmcgPSAoc3BhY2luZzogc3RyaW5nKTogc3BhY2luZyBpcyBrZXlvZiB0eXBlb2Ygc3BhY2luZ01hcCA9PiB7XG4gIHJldHVybiBPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwoc3BhY2luZ01hcCwgc3BhY2luZyk7XG59O1xuXG5leHBvcnQgY29uc3QgQ29tYmluZVdyYXAgPSBzdHlsZWRXcmFwPHsgc3BhY2luZzogc3RyaW5nIH0+KHtcbiAgY2xhc3NOYW1lOiBwcmVmaXhDbHNcbn0pKFxuICBzdHlsZWQoJ2RpdicpKHByb3BzID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBzcGFjaW5nLFxuICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgfSA9IHByb3BzO1xuICAgIGxldCBzcGFjZTogc3RyaW5nO1xuICAgIGlmIChzcGFjaW5nID09PSAnY29tcGFjdCcpIHtcbiAgICAgIHNwYWNlID0gJy0xcHgnO1xuICAgIH0gZWxzZSBpZiAoaXNCdWlsZEluU3BhY2luZyhzcGFjaW5nKSkge1xuICAgICAgc3BhY2UgPSBEVFtzcGFjaW5nTWFwW3NwYWNpbmddXTtcbiAgICB9IGVsc2Uge1xuICAgICAgc3BhY2UgPSBzcGFjaW5nO1xuICAgIH1cblxuICAgIHJldHVybiBjc3NgXG4gICAgICA+IC4ke2l0ZW1DbHN9LCA+IC4ke3NlcGFyYXRvckNsc30ge1xuICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICB9XG4gICAgICA+IC4ke2l0ZW1DbHN9IHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgfVxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICB6LWluZGV4OiAzO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICA+IC4ke2l0ZW1DbHN9Ky4ke2l0ZW1DbHN9LCA+IC4ke3NlcGFyYXRvckNsc30rLiR7aXRlbUNsc30sID4gLiR7aXRlbUNsc30rLiR7c2VwYXJhdG9yQ2xzfSB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNlfTtcbiAgICAgIH1cbiAgICBgO1xuICB9KVxuKTtcbiJdfQ== */"));