ivue-material-plus
Version:
A high quality UI components Library with Vue.js
130 lines (127 loc) • 5.49 kB
JavaScript
import _sfc_main from './index.vue_vue_type_script_lang.mjs';
import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, normalizeStyle, createCommentVNode, createBlock, Transition, withCtx, withDirectives, createVNode, renderSlot, createTextVNode, toDisplayString, vShow, Fragment, renderList } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
const _hoisted_1 = ["onMouseenter", "onClick"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_ivue_icon = resolveComponent("ivue-icon");
const _component_ivue_button = resolveComponent("ivue-button");
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.wrapperClasses),
ref: "wrapper",
onMouseenter: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args), ["stop"])),
onMouseleave: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args), ["stop"]))
}, [
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-content`),
style: normalizeStyle(_ctx.contentStyles)
}, [
createCommentVNode(" \u5DE6\u6309\u94AE "),
_ctx.arrowDisplay ? (openBlock(), createBlock(Transition, {
key: 0,
name: "fade",
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createVNode(_component_ivue_button, {
class: 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: withCtx(() => [
renderSlot(_ctx.$slots, "leftArrow", {}, () => [
createVNode(_component_ivue_icon, null, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.leftArrow), 1)
]),
_: 1
})
])
]),
_: 3
}, 8, ["class", "onMouseleave"]), [
[
vShow,
(_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.loop || _ctx.data.activeIndex > 0)
]
])
]),
_: 3
})) : createCommentVNode("v-if", true),
createCommentVNode(" slot "),
renderSlot(_ctx.$slots, "default"),
createCommentVNode(" \u53F3\u6309\u94AE "),
_ctx.arrowDisplay ? (openBlock(), createBlock(Transition, {
key: 1,
name: "fade",
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createVNode(_component_ivue_button, {
class: 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: withCtx(() => [
renderSlot(_ctx.$slots, "rightArrow", {}, () => [
createVNode(_component_ivue_icon, null, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.rightArrow), 1)
]),
_: 1
})
])
]),
_: 3
}, 8, ["class", "onMouseleave"]), [
[
vShow,
(_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.loop || _ctx.data.activeIndex < _ctx.data.items.length - 1)
]
])
]),
_: 3
})) : createCommentVNode("v-if", true)
], 6),
createCommentVNode(" \u5BFC\u822A\u5668 "),
createElementVNode("ul", {
class: normalizeClass(_ctx.dotsClasses)
}, [
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data.items, (item, index) => {
return openBlock(), createElementBlock("li", {
class: normalizeClass([
`${_ctx.prefixCls}-dots--dot`,
{
[`${_ctx.prefixCls}-dots--active`]: index === _ctx.data.activeIndex
}
]),
onMouseenter: ($event) => _ctx.handleThrottleDotHover(index),
onClick: withModifiers(($event) => _ctx.handleDotClick(index), ["stop"]),
key: index
}, [
createElementVNode("button", {
type: "button",
class: normalizeClass([
`${_ctx.prefixCls}-dots--button`,
{
[`${_ctx.prefixCls}-dots--radius`]: _ctx.radiusDot
}
])
}, [
createElementVNode("span", {
class: normalizeClass(`${_ctx.prefixCls}-dots--label`)
}, toDisplayString(item.props.label), 3)
], 2)
], 42, _hoisted_1);
}), 128))
], 2)
], 34);
}
var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-carousel\\index.vue"]]);
export { Carousel as default };
//# sourceMappingURL=index2.mjs.map