ivue-material-plus/dist/unplugin-vue-components/lib/components/ivue-tabs/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 = {
  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 = vue.resolveComponent("ivue-icon");
  const _component_slider = vue.resolveComponent("slider");
  const _directive_touch = vue.resolveDirective("touch");
  return vue.openBlock(), vue.createElementBlock("div", {
    class: vue.normalizeClass(_ctx.prefixCls)
  }, [
    vue.createCommentVNode(" \u5934\u90E8 "),
    vue.createElementVNode("div", _hoisted_1, [
      vue.createCommentVNode(" \u5DE6\u8FB9\u6309\u94AE "),
      vue.createVNode(vue.Transition, {
        name: "fade-transition",
        persisted: ""
      }, {
        default: vue.withCtx(() => [
          vue.withDirectives(vue.createVNode(_component_ivue_icon, {
            class: vue.normalizeClass(`ivue-tabs-icon ivue-tabs-icon--prev`),
            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleScrollTo("prev"))
          }, {
            default: vue.withCtx(() => [
              vue.createTextVNode(vue.toDisplayString(_ctx.prevIcon), 1)
            ]),
            _: 1
          }, 512), [
            [vue.vShow, _ctx.hasArrows && _ctx.data.prevIconVisible]
          ])
        ]),
        _: 1
      }),
      vue.createCommentVNode(" \u5185\u5BB9 "),
      vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
        class: vue.normalizeClass(_ctx.tabWrapperClasses),
        style: vue.normalizeStyle(_ctx.tabWrapperStyles),
        ref: "wrapper"
      }, [
        vue.createElementVNode("div", {
          class: vue.normalizeClass(_ctx.tabContainerClasses),
          style: vue.normalizeStyle(_ctx.containerStyles),
          ref: "container"
        }, [
          vue.createVNode(_component_slider, {
            sliderLeft: _ctx.data.sliderLeft,
            sliderWidth: _ctx.data.sliderWidth,
            color: _ctx.sliderColor
          }, null, 8, ["sliderLeft", "sliderWidth", "color"]),
          vue.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)
        }]
      ]),
      vue.createCommentVNode(" \u53F3\u8FB9\u6309\u94AE "),
      vue.createVNode(vue.Transition, {
        name: "fade-transition",
        persisted: ""
      }, {
        default: vue.withCtx(() => [
          vue.withDirectives(vue.createVNode(_component_ivue_icon, {
            class: vue.normalizeClass(`ivue-tabs-icon ivue-tabs-icon--next`),
            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleScrollTo("next"))
          }, {
            default: vue.withCtx(() => [
              vue.createTextVNode(vue.toDisplayString(_ctx.nextIcon), 1)
            ]),
            _: 1
          }, 512), [
            [vue.vShow, _ctx.hasArrows && _ctx.data.nextIconVisible]
          ])
        ]),
        _: 1
      })
    ], 512),
    vue.createCommentVNode(" \u5185\u5BB9 "),
    vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
      vue.renderSlot(_ctx.$slots, "content")
    ])), [
      [_directive_touch, {
        left: () => _ctx.handleSwipeItem("next"),
        right: () => _ctx.handleSwipeItem("prev")
      }]
    ])
  ], 2);
}
var Tabs = /* @__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-tabs\\index.vue"]]);

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