tyh-ui2/es/card/src/index.js

The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.

import { defineComponent as a, openBlock as t, createElementBlock as s, normalizeClass as r, renderSlot as o, createCommentVNode as l, createElementVNode as d, normalizeStyle as n } from "vue";
import { Props as i } from "./index2.js";
const c = {
  key: 0,
  class: "tyh-card-header"
}, y = {
  key: 0,
  class: "tyh-card-title"
}, h = {
  key: 1,
  class: "tyh-card-subtitle"
}, m = a({
  name: "TyhCard"
}), _ = /* @__PURE__ */ a({
  ...m,
  props: i,
  setup(p) {
    return (e, u) => (t(), s("div", {
      class: r(["tyh-card", `tyh-card-shadow-${e.shadow}`])
    }, [
      e.$slots.title || e.$slots.subtitle ? (t(), s("div", c, [
        e.$slots.title ? (t(), s("span", y, [
          o(e.$slots, "title")
        ])) : l("", !0),
        e.$slots.subtitle ? (t(), s("span", h, [
          o(e.$slots, "subtitle")
        ])) : l("", !0)
      ])) : l("", !0),
      d("div", {
        class: "tyh-card-body",
        style: n(e.bodyStyle)
      }, [
        o(e.$slots, "default")
      ], 4)
    ], 2));
  }
});
export {
  _ as default
};