@artmate/chat/dist/cjs/bubble/index.vue.js

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

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("element-plus"),$=require("../hooks/useNamespace.js"),q=require("./hooks/useTypedEffect.js"),M=require("./hooks/useTypingConfig.js"),C=require("./loading.vue.js");;/* empty css              */const _=["innerHTML"],D=["innerHTML"],F=e.defineComponent({__name:"index",props:{avatar:{default:""},classNames:{},content:{default:""},loading:{type:Boolean,default:!1},loadingRender:{type:Function,default:void 0},messageRender:{},onTypingComplete:{},onUpdate:{},placement:{default:"start"},shape:{},styles:{default:()=>({})},typing:{type:[Boolean,Object],default:!1},variant:{default:"filled"}},setup(E,{expose:h}){const n=E,t=$.useNamespace("bubble"),a=e.useSlots(),c=e.ref(),[S,z,N]=M.default(n.typing),R=e.computed(()=>n.content),[r,i]=q.default(R,S,z,N);e.watch(()=>r.value,()=>{var l;(l=n.onUpdate)==null||l.call(n)});const o=e.computed(()=>{var l;return n.messageRender?n.messageRender(((l=r.value)==null?void 0:l.call(r))??""):r.value}),s=e.ref(!1);e.watch(()=>i.value||n.loading,()=>{var l;!i.value&&!n.loading?s.value||(s.value=!0,(l=n.onTypingComplete)==null||l.call(n)):s.value=!1});const u=l=>typeof l=="string";return h({nativeElement:c}),(l,H)=>{var d,m,p,f,k,y,v,g,B,b;return e.openBlock(),e.createElementBlock("div",{ref_key:"divRef",ref:c,class:e.normalizeClass([e.unref(t).b(),e.unref(t).b(l.placement)])},[e.unref(a).avatar||l.avatar?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).b("avatar"),(d=n.classNames)==null?void 0:d.avatar]),style:e.normalizeStyle((m=n.styles)==null?void 0:m.avatar)},[e.renderSlot(l.$slots,"avatar",{},()=>[typeof l.avatar=="string"?(e.openBlock(),e.createBlock(e.unref(T.ElAvatar),{key:0,size:32,src:l.avatar},null,8,["src"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.avatar),{key:1}))])],6)):e.createCommentVNode("",!0),e.unref(a).header||e.unref(a).footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t).b("content-wrapper")])},[e.unref(a).header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).b("header"),(p=n.classNames)==null?void 0:p.header]),style:e.normalizeStyle((f=n.styles)==null?void 0:f.header)},[e.renderSlot(l.$slots,"header")],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).b("content"),e.unref(t).b(`content-${n.variant}`),(k=n.classNames)==null?void 0:k.content,n.shape&&e.unref(t).b(`content-${n.placement}-${n.shape}`)]),style:e.normalizeStyle((y=n.styles)==null?void 0:y.content)},[n.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(a).loading?e.renderSlot(l.$slots,"loading",{key:0}):l.loadingRender?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.loadingRender()),{key:1})):(e.openBlock(),e.createBlock(C.default,{key:2,"prefix-cls":e.unref(t).b()},null,8,["prefix-cls"]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[u(o.value)?(e.openBlock(),e.createElementBlock("div",{key:1,innerHTML:o.value},null,8,_)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{key:0}))],64))],6),e.unref(a).footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t).b("footer"),(v=n.classNames)==null?void 0:v.footer]),style:e.normalizeStyle((g=n.styles)==null?void 0:g.footer)},[e.renderSlot(l.$slots,"footer")],6)):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(t).b("content"),e.unref(t).b(`content-${n.variant}`),(B=n.classNames)==null?void 0:B.content,n.shape&&e.unref(t).b(`content-${n.placement}-${n.shape}`)]),style:e.normalizeStyle((b=n.styles)==null?void 0:b.content)},[n.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(a).loading?e.renderSlot(l.$slots,"loading",{key:0}):l.loadingRender?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.loadingRender()),{key:1})):(e.openBlock(),e.createBlock(C.default,{key:2,"prefix-cls":e.unref(t).b()},null,8,["prefix-cls"]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[u(o.value)?(e.openBlock(),e.createElementBlock("div",{key:1,innerHTML:o.value},null,8,D)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{key:0}))],64))],6))],2)}}});exports.default=F;