various-ui/lib/components/carousel/seamless/index.vue2.js

This is a test version of the Vue 3 component library

'use strict';

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

var vue = require('vue');
var index = require('./index.js');
var composable = require('./src/composable.js');

const _hoisted_1 = { class: "ui-carousel-seamless-content ui-carousel-seamless-copy-content" };
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "index",
  props: index.UiCarouselSeamlessPropsOption,
  setup(__props) {
    const define = __props;
    const { refs, methods, computeds } = composable.useComposable(define);
    const { main, content, container } = refs;
    const { mouseenter, mouseleave } = methods;
    const { style } = computeds;
    vue.onMounted(() => mouseleave());
    vue.onBeforeUnmount(() => {
      refs.frame.value && window.cancelAnimationFrame(refs.frame.value);
    });
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock(
        "div",
        {
          class: "ui-carousel-seamless",
          style: vue.normalizeStyle(vue.unref(style)),
          ref_key: "main",
          ref: main,
          onMouseenter: _cache[0] || (_cache[0] = //@ts-ignore
          (...args) => vue.unref(mouseenter) && vue.unref(mouseenter)(...args)),
          onMouseleave: _cache[1] || (_cache[1] = //@ts-ignore
          (...args) => vue.unref(mouseleave) && vue.unref(mouseleave)(...args))
        },
        [
          vue.createElementVNode(
            "div",
            {
              class: "ui-carousel-seamless-container",
              ref_key: "container",
              ref: container
            },
            [
              vue.createElementVNode(
                "div",
                {
                  class: "ui-carousel-seamless-content",
                  ref_key: "content",
                  ref: content
                },
                [
                  vue.renderSlot(_ctx.$slots, "default")
                ],
                512
                /* NEED_PATCH */
              ),
              vue.createElementVNode("div", _hoisted_1, [
                vue.renderSlot(_ctx.$slots, "default")
              ])
            ],
            512
            /* NEED_PATCH */
          )
        ],
        36
        /* STYLE, NEED_HYDRATION */
      );
    };
  }
});

exports.default = _sfc_main;
//# sourceMappingURL=index.vue2.js.map