@jdcfe/yep-react/lib/carousel/cssClasses.js

一套移动端的React组件库

"use strict";

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

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

var _classnames = _interopRequireDefault(require("classnames"));

var _default = {
  ROOT: function ROOT(customClassName) {
    return (0, _classnames.default)({
      'Yep-carousel-root': true,
      customClassName: customClassName
    });
  },
  CAROUSEL: function CAROUSEL(isSlider) {
    return (0, _classnames.default)({
      'Yep-carousel': true,
      'Yep-carousel-slider': isSlider
    });
  },
  WRAPPER: function WRAPPER(isSlider, vertical) {
    return (0, _classnames.default)({
      'thumbs-wrapper': !isSlider,
      'Yep-slider-wrapper': isSlider,
      'axis-horizontal': !vertical,
      'axis-vertical': vertical
    });
  },
  SLIDER: function SLIDER(isSlider, isSwiping) {
    return (0, _classnames.default)({
      thumbs: !isSlider,
      'Yep-slider': isSlider,
      animated: !isSwiping
    });
  },
  ITEM: function ITEM(isSlider, selected) {
    return (0, _classnames.default)({
      thumb: !isSlider,
      'Yep-slide': isSlider,
      selected: selected
    });
  },
  DOT: function DOT(selected) {
    return (0, _classnames.default)({
      'Yep-dot': true,
      selected: selected
    });
  }
};
exports.default = _default;