t-fighting-design/es/close-btn/src/index2.js

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

import { defineComponent as t, computed as a, openBlock as r, createElementBlock as d, normalizeClass as m, unref as n, createVNode as s, withCtx as f, createBlock as p, resolveDynamicComponent as u, renderSlot as k } from "vue";
import { Props as b } from "./index3.js";
import { FSvgIcon as C } from "../../svg-icon/index.js";
import _ from "../../_components/svg/index5.js";
const z = t({
  name: "FCloseBtn"
}), I = /* @__PURE__ */ t({
  ...z,
  props: b,
  setup(l) {
    const e = l, c = (o) => {
      e.disabled || e.click && e.click(o);
    }, i = a(() => [
      {
        "f-close-btn": !e.disabled,
        "f-close-btn__round": e.round,
        "f-close-btn__disabled": e.disabled
      }
    ]);
    return (o, B) => (r(), d("div", {
      role: "button",
      class: m(n(i)),
      onClick: c
    }, [
      s(n(C), {
        size: o.size,
        color: o.color
      }, {
        default: f(() => [
          o.icon ? (r(), p(u(o.icon), { key: 0 })) : k(o.$slots, "default", { key: 1 }, () => [
            s(n(_))
          ])
        ]),
        _: 3
      }, 8, ["size", "color"])
    ], 2));
  }
});
export {
  I as default
};