comic-plus/lib/components/schedule/src/main.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");
require("../style/schedule.css");
const calendar_vue_vue_type_script_setup_true_lang = require("./calendar.vue.js");
const content_vue_vue_type_script_setup_true_lang = require("./content.vue.js");
const type = require("./type.js");
const main_props = require("./main.props.js");
require("../../../utils/config.js");
const tools = require("../../../utils/tools.js");
const typescript = require("../../../utils/typescript.js");
require("@vueuse/core");
const _hoisted_1 = { class: "cu-schedule" };
const _hoisted_2 = { class: "cu-schedule-header" };
const _hoisted_3 = { class: "cu-schedule-header__time" };
const _hoisted_4 = { class: "cu-schedule--flexbox" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...{
    name: "CuSchedule"
  },
  __name: "main",
  props: main_props.scheduleProps,
  emits: main_props.scheduleEmits,
  setup(__props, { expose: __expose, emit: __emit }) {
    const props = __props;
    const emit = __emit;
    const date = vue.ref(/* @__PURE__ */ new Date());
    const calendarRef = vue.ref();
    const spacing = vue.computed(() => {
      return typescript.isNumber(props.gap) ? Math.max(props.gap, 50) : 100;
    });
    vue.watch(date, (val) => {
      emit("changeDate", val);
    });
    vue.provide(type.SCHEDULE_PROVIDE, {
      date,
      props,
      spacing
    });
    function selectDate(value) {
      var _a;
      (_a = calendarRef.value) == null ? void 0 : _a.selectDate(value);
    }
    __expose({
      selectDate
    });
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createElementVNode("div", _hoisted_2, [
          vue.renderSlot(_ctx.$slots, "header", { date: date.value }, () => [
            vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(vue.unref(tools.formatDate)(date.value, "yyyy年MM月dd日")), 1)
          ])
        ]),
        vue.createElementVNode("div", _hoisted_4, [
          vue.createVNode(content_vue_vue_type_script_setup_true_lang.default, null, vue.createSlots({ _: 2 }, [
            _ctx.$slots.card ? {
              name: "card",
              fn: vue.withCtx(({ data }) => [
                vue.renderSlot(_ctx.$slots, "card", { data })
              ]),
              key: "0"
            } : void 0,
            _ctx.$slots.empty ? {
              name: "empty",
              fn: vue.withCtx(({ date: date2 }) => [
                vue.renderSlot(_ctx.$slots, "empty", { date: date2 })
              ]),
              key: "1"
            } : void 0
          ]), 1024),
          vue.createVNode(calendar_vue_vue_type_script_setup_true_lang.default, {
            ref_key: "calendarRef",
            ref: calendarRef
          }, vue.createSlots({ _: 2 }, [
            _ctx.$slots.calendar ? {
              name: "calendar",
              fn: vue.withCtx(() => [
                vue.renderSlot(_ctx.$slots, "calendar")
              ]),
              key: "0"
            } : void 0
          ]), 1536)
        ])
      ]);
    };
  }
});
exports.default = _sfc_main;