comic-plus/lib/components/radio/src/button.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/radio.css");
const main_props = require("./main.props.js");
const useRadio = require("./use-radio.js");
const _hoisted_1 = ["disabled", "checked", "value"];
const _hoisted_2 = { class: "cu-radio__label" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...{
    name: "CuRadioButton"
  },
  __name: "button",
  props: main_props.radioProps,
  emits: main_props.radioEmits,
  setup(__props, { emit: __emit }) {
    const props = __props;
    const emit = __emit;
    const { isCheck, changeValue, currentSize } = useRadio.useRadio(props, emit);
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("label", {
        class: vue.normalizeClass(["cu-radio-button", [{ "is-disabled": _ctx.disabled, "is-checked": vue.unref(isCheck) }, vue.unref(currentSize)]]),
        style: vue.normalizeStyle({
          "--cu-radio-active-color": _ctx.activeColor
        })
      }, [
        vue.withDirectives(vue.createElementVNode("input", {
          type: "radio",
          disabled: _ctx.disabled,
          checked: vue.unref(isCheck),
          value: _ctx.value,
          onChange: _cache[0] || (_cache[0] = //@ts-ignore
          (...args) => vue.unref(changeValue) && vue.unref(changeValue)(...args))
        }, null, 40, _hoisted_1), [
          [vue.vShow, false]
        ]),
        vue.createElementVNode("span", _hoisted_2, [
          vue.renderSlot(_ctx.$slots, "default", {}, () => [
            vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
          ])
        ])
      ], 6);
    };
  }
});
exports.default = _sfc_main;