@artmate/chat
Version:
借鉴字节开源react库AntX，通过vue实现的版本
62 lines (61 loc) • 1.82 kB
JavaScript
import { defineComponent as h, useSlots as C, watch as N, withDirectives as p, createElementBlock as s, openBlock as a, normalizeClass as l, unref as t, createCommentVNode as d, createElementVNode as c, renderSlot as m, createTextVNode as k, toDisplayString as y, createVNode as B, vShow as u } from "vue";
import { ElButton as g } from "element-plus";
import { useNamespace as S } from "../hooks/useNamespace.js";
const z = /* @__PURE__ */ h({
__name: "header",
props: {
open: { type: Boolean, default: !1 },
title: { default: "" },
closable: { type: Boolean, default: !0 },
className: { default: "" }
},
emits: ["update:open", "onOpenChange"],
setup(f, { emit: b }) {
const v = f, n = b, o = S("sender-header"), r = C();
return N(
() => v.open,
(e) => {
n("onOpenChange", e);
}
), (e, i) => p((a(), s("div", {
class: l([t(o).b(), e.className])
}, [
e.closable !== !1 || e.title || t(r).title ? (a(), s("div", {
key: 0,
class: l(t(o).b("header"))
}, [
c("div", {
class: l(t(o).b("title"))
}, [
m(e.$slots, "title", {}, () => [
k(y(e.title), 1)
])
], 2),
c("div", {
class: l(t(o).b("close"))
}, [
p(B(t(g), {
icon: "Close",
link: "",
size: "large",
type: "info",
onClick: i[0] || (i[0] = (V) => n("update:open", !1))
}, null, 512), [
[u, e.closable]
])
], 2)
], 2)) : d("", !0),
t(r).default ? (a(), s("div", {
key: 1,
class: l(t(o).b("content"))
}, [
m(e.$slots, "default")
], 2)) : d("", !0)
], 2)), [
[u, e.open]
]);
}
});
export {
z as default
};