@artmate/chat/dist/es/welcome/index.vue.js

借鉴字节开源react库AntX，通过vue实现的版本

import { defineComponent as h, computed as B, createElementBlock as a, openBlock as l, normalizeClass as t, unref as o, createCommentVNode as d, createElementVNode as m, normalizeStyle as r, renderSlot as i, createBlock as S, resolveDynamicComponent as V, toDisplayString as c, createTextVNode as $ } from "vue";
import { useNamespace as w } from "../hooks/useNamespace.js";
const z = ["src"], j = /* @__PURE__ */ h({
  __name: "index",
  props: {
    classNames: {},
    description: {},
    extra: {},
    icon: {},
    rootClassName: {},
    styles: {},
    title: {},
    variant: { default: "filled" }
  },
  setup(C) {
    const s = w("welcome"), n = C, g = B(() => [
      n.rootClassName,
      {
        [s.b("filled")]: n.variant === "filled",
        [s.b("borderless")]: n.variant === "borderless"
      }
    ]);
    return (e, D) => {
      var p, y, u, f, N, b, v, k;
      return l(), a("div", {
        class: t([o(s).b(), g.value])
      }, [
        e.$slots.icon || e.icon ? (l(), a("div", {
          key: 0,
          class: t([o(s).b("icon"), (p = e.classNames) == null ? void 0 : p.icon]),
          style: r((y = e.styles) == null ? void 0 : y.icon)
        }, [
          i(e.$slots, "icon", {}, () => [
            typeof e.icon == "string" ? (l(), a("img", {
              key: 0,
              src: e.icon,
              alt: "欢迎图标"
            }, null, 8, z)) : (l(), S(V(e.icon), { key: 1 }))
          ])
        ], 6)) : d("", !0),
        m("div", {
          class: t(o(s).b("content-wrapper"))
        }, [
          e.$slots.title || e.title ? (l(), a("div", {
            key: 0,
            class: t([o(s).b("title"), (u = e.classNames) == null ? void 0 : u.title, (e.$slots.extra || e.extra) && "extra"]),
            style: r((f = e.styles) == null ? void 0 : f.title)
          }, [
            i(e.$slots, "title", {}, () => [
              m("h4", null, c(e.title), 1)
            ]),
            e.$slots.extra || e.extra ? (l(), a("div", {
              key: 0,
              class: t([o(s).b("extra"), (N = e.classNames) == null ? void 0 : N.extra]),
              style: r((b = e.styles) == null ? void 0 : b.extra)
            }, [
              i(e.$slots, "extra", {}, () => [
                $(c(e.extra), 1)
              ])
            ], 6)) : d("", !0)
          ], 6)) : d("", !0),
          m("span", {
            class: t([o(s).b("description"), (v = e.classNames) == null ? void 0 : v.description]),
            style: r((k = e.styles) == null ? void 0 : k.description)
          }, [
            i(e.$slots, "description", {}, () => [
              $(c(e.description), 1)
            ])
          ], 6)
        ], 2)
      ], 2);
    };
  }
});
export {
  j as default
};