comic-plus/lib/components/clock/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/clock.css");
const core = require("@vueuse/core");
const circleClock_vue_vue_type_script_setup_true_lang = require("./components/circle-clock.vue.js");
const numberClock_vue_vue_type_script_setup_true_lang = require("./components/number-clock.vue.js");
const main_props = require("./main.props.js");
const type = require("./type.js");
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...{
    name: "CuClock"
  },
  __name: "main",
  props: main_props.clockProps,
  setup(__props) {
    const props = __props;
    const now = core.useNow({ interval: 1e3 });
    const getTimes = vue.computed(() => {
      var _a, _b, _c;
      return {
        hour: (_a = now.value) == null ? void 0 : _a.getHours(),
        minute: (_b = now.value) == null ? void 0 : _b.getMinutes(),
        second: (_c = now.value) == null ? void 0 : _c.getSeconds()
      };
    });
    const clockStyle = vue.computed(() => {
      if (!props.color) return;
      return {
        "--cu-clock-color": type.COLOR_ENUM.includes(props.color) ? `var(--cu-color-${props.color})` : props.color
      };
    });
    vue.provide(type.CLOCK_PROVIDE, {
      getTimes,
      props
    });
    return (_ctx, _cache) => {
      return _ctx.type === "circle" ? (vue.openBlock(), vue.createBlock(circleClock_vue_vue_type_script_setup_true_lang.default, {
        key: 0,
        class: vue.normalizeClass([_ctx.size, _ctx.shadow]),
        style: vue.normalizeStyle(clockStyle.value)
      }, null, 8, ["class", "style"])) : _ctx.type === "number" ? (vue.openBlock(), vue.createBlock(numberClock_vue_vue_type_script_setup_true_lang.default, {
        key: 1,
        class: vue.normalizeClass([_ctx.size, _ctx.shadow]),
        style: vue.normalizeStyle(clockStyle.value)
      }, null, 8, ["class", "style"])) : vue.createCommentVNode("", true);
    };
  }
});
exports.default = _sfc_main;