vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
56 lines (55 loc) • 1.55 kB
JavaScript
import { defineComponent as d, createElementBlock as i, openBlock as c, Fragment as r, createElementVNode as t, normalizeStyle as a, renderSlot as s, createTextVNode as n, toDisplayString as o } from "vue";
const u = ["data-span"], m = ["data-span"], f = /* @__PURE__ */ d({
__name: "DescriptionsItem",
props: {
label: { default: void 0 },
span: { default: void 0 },
labelStyle: { default: () => ({}) },
contentStyle: { default: () => ({}) }
},
setup(e) {
return (l, y) => (c(), i(r, null, [
t("div", {
class: "descriptions-item",
"data-span": e.span
}, [
t("span", {
class: "descriptions-label",
style: a(e.labelStyle)
}, [
s(l.$slots, "label", {}, () => [
n(o(e.label), 1)
], !0)
], 4),
t("span", {
class: "descriptions-content",
style: a(e.contentStyle)
}, [
s(l.$slots, "default", {}, void 0, !0)
], 4)
], 8, u),
t("tr", {
class: "descriptions-item-bordered",
"data-span": e.span
}, [
t("th", {
class: "descriptions-label-th",
style: a(e.labelStyle)
}, [
s(l.$slots, "label", {}, () => [
n(o(e.label), 1)
], !0)
], 4),
t("td", {
class: "descriptions-content-td",
style: a(e.contentStyle)
}, [
s(l.$slots, "default", {}, void 0, !0)
], 4)
], 8, m)
], 64));
}
});
export {
f as default
};