54 lines
2.1 KiB
JavaScript
54 lines
2.1 KiB
JavaScript
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle } from 'vue';
|
|
import { cardProps } from './card.mjs';
|
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
import { useGlobalConfig } from '../../config-provider/src/hooks/use-global-config.mjs';
|
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
|
|
const __default__ = defineComponent({
|
|
name: "ElCard"
|
|
});
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
...__default__,
|
|
props: cardProps,
|
|
setup(__props) {
|
|
const globalConfig = useGlobalConfig("card");
|
|
const ns = useNamespace("card");
|
|
return (_ctx, _cache) => {
|
|
var _a;
|
|
return openBlock(), createElementBlock("div", {
|
|
class: normalizeClass([
|
|
unref(ns).b(),
|
|
unref(ns).is(`${_ctx.shadow || ((_a = unref(globalConfig)) == null ? void 0 : _a.shadow) || "always"}-shadow`)
|
|
])
|
|
}, [
|
|
_ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", {
|
|
key: 0,
|
|
class: normalizeClass([unref(ns).e("header"), _ctx.headerClass])
|
|
}, [
|
|
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
createTextVNode(toDisplayString(_ctx.header), 1)
|
|
])
|
|
], 2)) : createCommentVNode("v-if", true),
|
|
createElementVNode("div", {
|
|
class: normalizeClass([unref(ns).e("body"), _ctx.bodyClass]),
|
|
style: normalizeStyle(_ctx.bodyStyle)
|
|
}, [
|
|
renderSlot(_ctx.$slots, "default")
|
|
], 6),
|
|
_ctx.$slots.footer || _ctx.footer ? (openBlock(), createElementBlock("div", {
|
|
key: 1,
|
|
class: normalizeClass([unref(ns).e("footer"), _ctx.footerClass])
|
|
}, [
|
|
renderSlot(_ctx.$slots, "footer", {}, () => [
|
|
createTextVNode(toDisplayString(_ctx.footer), 1)
|
|
])
|
|
], 2)) : createCommentVNode("v-if", true)
|
|
], 2);
|
|
};
|
|
}
|
|
});
|
|
var Card = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "card.vue"]]);
|
|
|
|
export { Card as default };
|
|
//# sourceMappingURL=card2.mjs.map
|