@open-data-v/ui/es/Card/Card.vue.esm.js

OpenDataV UI基础包

import { defineComponent as a, useSlots as i, openBlock as o, createElementBlock as r, normalizeClass as c, unref as n, toDisplayString as p, createCommentVNode as d, createElementVNode as t, renderSlot as s } from "vue";
const f = {
  key: 0,
  class: "flex flex-row flex-nowrap items-center h-10 p-5 text-xl"
}, u = {
  key: 0,
  class: "inline-block font-semibold"
}, m = { class: "inline-block" }, b = { class: "p-5" }, y = /* @__PURE__ */ a({
  __name: "Card",
  props: {
    bordered: { type: Boolean, default: !0 },
    title: {}
  },
  setup(_) {
    const l = i();
    return (e, h) => (o(), r("div", {
      class: c([
        "flex flex-col flex-nowrap m-auto p-1 rounded  dark:border-gray-700 border-gray-300 bg-zinc-50 dark:bg-zinc-900",
        e.bordered ? "border" : "border-0"
      ])
    }, [
      e.title || n(l).header ? (o(), r("div", f, [
        n(l).header ? d("", !0) : (o(), r("span", u, p(e.title), 1)),
        t("div", m, [
          s(e.$slots, "header")
        ])
      ])) : d("", !0),
      t("div", b, [
        s(e.$slots, "default")
      ]),
      t("div", null, [
        s(e.$slots, "footer")
      ])
    ], 2));
  }
});
export {
  y as default
};
//# sourceMappingURL=Card.vue.esm.js.map