UNPKG

ant-design-vue

Version:

An enterprise-class UI design language and Vue-based implementation

86 lines 2.29 kB
import _extends from "@babel/runtime/helpers/esm/extends"; import { createVNode as _createVNode } from "vue"; import classnames from '../_util/classNames'; import { cloneElement } from '../_util/vnode'; import { clamp } from './utils/innerSliderUtils'; const getDotCount = function (spec) { let dots; if (spec.infinite) { dots = Math.ceil(spec.slideCount / spec.slidesToScroll); } else { dots = Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1; } return dots; }; const Dots = (_, _ref) => { let { attrs } = _ref; const { slideCount, slidesToScroll, slidesToShow, infinite, currentSlide, appendDots, customPaging, clickHandler, dotsClass, onMouseenter, onMouseover, onMouseleave } = attrs; const dotCount = getDotCount({ slideCount, slidesToScroll, slidesToShow, infinite }); // Apply join & split to Array to pre-fill it for IE8 // // Credit: http://stackoverflow.com/a/13735425/1849458 const mouseEvents = { onMouseenter, onMouseover, onMouseleave }; let dots = []; for (let i = 0; i < dotCount; i++) { const _rightBound = (i + 1) * slidesToScroll - 1; const rightBound = infinite ? _rightBound : clamp(_rightBound, 0, slideCount - 1); const _leftBound = rightBound - (slidesToScroll - 1); const leftBound = infinite ? _leftBound : clamp(_leftBound, 0, slideCount - 1); const className = classnames({ 'slick-active': infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound }); const dotOptions = { message: 'dots', index: i, slidesToScroll, currentSlide }; function onClick(e) { // In Autoplay the focus stays on clicked button even after transition // to next slide. That only goes away by click somewhere outside if (e) { e.preventDefault(); } clickHandler(dotOptions); } dots = dots.concat(_createVNode("li", { "key": i, "class": className }, [cloneElement(customPaging({ i }), { onClick })])); } return cloneElement(appendDots({ dots }), _extends({ class: dotsClass }, mouseEvents)); }; Dots.inheritAttrs = false; export default Dots;