ivue-material-plus/dist/unplugin-vue-components/lib/components/ivue-carousel/index2.js

A high quality UI components Library with Vue.js

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
var vue = require('vue');
var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');

const _hoisted_1 = ["onMouseenter", "onClick"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ivue_icon = vue.resolveComponent("ivue-icon");
  const _component_ivue_button = vue.resolveComponent("ivue-button");
  return vue.openBlock(), vue.createElementBlock("div", {
    class: vue.normalizeClass(_ctx.wrapperClasses),
    ref: "wrapper",
    onMouseenter: _cache[4] || (_cache[4] = vue.withModifiers((...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args), ["stop"])),
    onMouseleave: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args), ["stop"]))
  }, [
    vue.createElementVNode("div", {
      class: vue.normalizeClass(`${_ctx.prefixCls}-content`),
      style: vue.normalizeStyle(_ctx.contentStyles)
    }, [
      vue.createCommentVNode(" \u5DE6\u6309\u94AE "),
      _ctx.arrowDisplay ? (vue.openBlock(), vue.createBlock(vue.Transition, {
        key: 0,
        name: "fade",
        persisted: ""
      }, {
        default: vue.withCtx(() => [
          vue.withDirectives(vue.createVNode(_component_ivue_button, {
            class: vue.normalizeClass([`${_ctx.prefixCls}-arrow left`]),
            flat: "",
            icon: "",
            onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.handleArrowEnter("left")),
            onMouseleave: _ctx.handleArrowLeave,
            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleArrowClick(_ctx.data.activeIndex - 1))
          }, {
            default: vue.withCtx(() => [
              vue.renderSlot(_ctx.$slots, "leftArrow", {}, () => [
                vue.createVNode(_component_ivue_icon, null, {
                  default: vue.withCtx(() => [
                    vue.createTextVNode(vue.toDisplayString(_ctx.leftArrow), 1)
                  ]),
                  _: 1
                })
              ])
            ]),
            _: 3
          }, 8, ["class", "onMouseleave"]), [
            [
              vue.vShow,
              (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.loop || _ctx.data.activeIndex > 0)
            ]
          ])
        ]),
        _: 3
      })) : vue.createCommentVNode("v-if", true),
      vue.createCommentVNode(" slot "),
      vue.renderSlot(_ctx.$slots, "default"),
      vue.createCommentVNode(" \u53F3\u6309\u94AE "),
      _ctx.arrowDisplay ? (vue.openBlock(), vue.createBlock(vue.Transition, {
        key: 1,
        name: "fade",
        persisted: ""
      }, {
        default: vue.withCtx(() => [
          vue.withDirectives(vue.createVNode(_component_ivue_button, {
            class: vue.normalizeClass([`${_ctx.prefixCls}-arrow right`]),
            flat: "",
            icon: "",
            onMouseenter: _cache[2] || (_cache[2] = ($event) => _ctx.handleArrowEnter("right")),
            onMouseleave: _ctx.handleArrowLeave,
            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleArrowClick(_ctx.data.activeIndex + 1))
          }, {
            default: vue.withCtx(() => [
              vue.renderSlot(_ctx.$slots, "rightArrow", {}, () => [
                vue.createVNode(_component_ivue_icon, null, {
                  default: vue.withCtx(() => [
                    vue.createTextVNode(vue.toDisplayString(_ctx.rightArrow), 1)
                  ]),
                  _: 1
                })
              ])
            ]),
            _: 3
          }, 8, ["class", "onMouseleave"]), [
            [
              vue.vShow,
              (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.loop || _ctx.data.activeIndex < _ctx.data.items.length - 1)
            ]
          ])
        ]),
        _: 3
      })) : vue.createCommentVNode("v-if", true)
    ], 6),
    vue.createCommentVNode(" \u5BFC\u822A\u5668 "),
    vue.createElementVNode("ul", {
      class: vue.normalizeClass(_ctx.dotsClasses)
    }, [
      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data.items, (item, index) => {
        return vue.openBlock(), vue.createElementBlock("li", {
          class: vue.normalizeClass([
            `${_ctx.prefixCls}-dots--dot`,
            {
              [`${_ctx.prefixCls}-dots--active`]: index === _ctx.data.activeIndex
            }
          ]),
          onMouseenter: ($event) => _ctx.handleThrottleDotHover(index),
          onClick: vue.withModifiers(($event) => _ctx.handleDotClick(index), ["stop"]),
          key: index
        }, [
          vue.createElementVNode("button", {
            type: "button",
            class: vue.normalizeClass([
              `${_ctx.prefixCls}-dots--button`,
              {
                [`${_ctx.prefixCls}-dots--radius`]: _ctx.radiusDot
              }
            ])
          }, [
            vue.createElementVNode("span", {
              class: vue.normalizeClass(`${_ctx.prefixCls}-dots--label`)
            }, vue.toDisplayString(item.props.label), 3)
          ], 2)
        ], 42, _hoisted_1);
      }), 128))
    ], 2)
  ], 34);
}
var Carousel = /* @__PURE__ */ _pluginVue_exportHelper["default"](index_vue_vue_type_script_lang["default"], [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-carousel\\index.vue"]]);

exports["default"] = Carousel;
//# sourceMappingURL=index2.js.map