ivue-material-plus
Version:
A high quality UI components Library with Vue.js
100 lines (97 loc) • 3.9 kB
JavaScript
import _sfc_main from './index.vue_vue_type_script_lang.mjs';
import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, createVNode, Transition, withCtx, withDirectives, createTextVNode, toDisplayString, vShow, normalizeStyle, renderSlot } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
const _hoisted_1 = {
class: "ivue-tabs-bar",
ref: "bar"
};
const _hoisted_2 = { class: "ivue-tabs-items" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_ivue_icon = resolveComponent("ivue-icon");
const _component_slider = resolveComponent("slider");
const _directive_touch = resolveDirective("touch");
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.prefixCls)
}, [
createCommentVNode(" \u5934\u90E8 "),
createElementVNode("div", _hoisted_1, [
createCommentVNode(" \u5DE6\u8FB9\u6309\u94AE "),
createVNode(Transition, {
name: "fade-transition",
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createVNode(_component_ivue_icon, {
class: normalizeClass(`ivue-tabs-icon ivue-tabs-icon--prev`),
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleScrollTo("prev"))
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.prevIcon), 1)
]),
_: 1
}, 512), [
[vShow, _ctx.hasArrows && _ctx.data.prevIconVisible]
])
]),
_: 1
}),
createCommentVNode(" \u5185\u5BB9 "),
withDirectives((openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.tabWrapperClasses),
style: normalizeStyle(_ctx.tabWrapperStyles),
ref: "wrapper"
}, [
createElementVNode("div", {
class: normalizeClass(_ctx.tabContainerClasses),
style: normalizeStyle(_ctx.containerStyles),
ref: "container"
}, [
createVNode(_component_slider, {
sliderLeft: _ctx.data.sliderLeft,
sliderWidth: _ctx.data.sliderWidth,
color: _ctx.sliderColor
}, null, 8, ["sliderLeft", "sliderWidth", "color"]),
renderSlot(_ctx.$slots, "header")
], 6)
], 6)), [
[_directive_touch, {
start: (e) => _ctx.overflowCheck(e, _ctx.onTouchStart),
move: (e) => _ctx.overflowCheck(e, _ctx.onTouchMove),
end: (e) => _ctx.overflowCheck(e, _ctx.onTouchEnd)
}]
]),
createCommentVNode(" \u53F3\u8FB9\u6309\u94AE "),
createVNode(Transition, {
name: "fade-transition",
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createVNode(_component_ivue_icon, {
class: normalizeClass(`ivue-tabs-icon ivue-tabs-icon--next`),
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleScrollTo("next"))
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.nextIcon), 1)
]),
_: 1
}, 512), [
[vShow, _ctx.hasArrows && _ctx.data.nextIconVisible]
])
]),
_: 1
})
], 512),
createCommentVNode(" \u5185\u5BB9 "),
withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
renderSlot(_ctx.$slots, "content")
])), [
[_directive_touch, {
left: () => _ctx.handleSwipeItem("next"),
right: () => _ctx.handleSwipeItem("prev")
}]
])
], 2);
}
var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-tabs\\index.vue"]]);
export { Tabs as default };
//# sourceMappingURL=index2.mjs.map