comic-plus/lib/components/calendar/src/schedules.vue.js

<p align="center"> <img width="200px" src="./logo.png"/> </p>

"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
const _hoisted_1 = { class: "cu-calendar__schedules" };
const _hoisted_2 = ["onMouseenter"];
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "schedules",
  props: {
    data: Array,
    day: Object
  },
  emits: ["mouse-in", "mouse-out"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const emit = __emit;
    const eventDay = vue.computed(() => {
      return props.data.find((v) => v.date.getTime() === props.day.date.getTime());
    });
    function getClasses(item) {
      let classes = [];
      if (item.startDate.getDate() === props.day.value) {
        classes.push("is-start");
      }
      if (item.endDate.getDate() === props.day.value) {
        classes.push("is-end");
      }
      return classes;
    }
    function mouseenter(item) {
      emit("mouse-in", item);
    }
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("ul", _hoisted_1, [
        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(eventDay.value.events, (item) => {
          return vue.openBlock(), vue.createElementBlock("li", {
            class: vue.normalizeClass(getClasses(item)),
            style: vue.normalizeStyle({ background: item.color, marginTop: item.top + 4 + "px" }),
            onMouseenter: ($event) => mouseenter(item),
            onMouseleave: _cache[0] || (_cache[0] = ($event) => emit("mouse-out"))
          }, null, 46, _hoisted_2);
        }), 256))
      ]);
    };
  }
});
exports.default = _sfc_main;