ant-design-x-vue-next/lib/bubble/BubbleSystem.js

Ant Design X for Vue — community continuation aligned with @ant-design/x

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),_=require("../chunks/module-chunk.js"),C=require("../_util/hooks/use-x-component-config.js");require("../x-provider/index.js");const v=require("./Bubble.js"),x=require("./style/index.js"),y=require("../x-provider/hooks/use-x-provider-context.js"),N=t.defineComponent({name:"AXBubbleSystem",inheritAttrs:!1,__name:"BubbleSystem",props:{prefixCls:{},content:{},rootClassName:{default:""},variant:{default:"shadow"},shape:{},styles:{default:()=>({})},classNames:{default:()=>({})}},setup(u,{expose:c}){const e=u,r=t.useAttrs(),o=t.ref(),n=C.default("bubble"),{getPrefixCls:i}=y.default(),l=i("bubble",e.prefixCls),[m,f,b]=x.default(()=>l);c({get nativeElement(){var s;return(s=o.value)==null?void 0:s.nativeElement}});const d=t.computed(()=>{var s,a;return _.classnames(f.value,b,`${l}-system`,l,n.value.className,(s=n.value.classNames)==null?void 0:s.root,(a=e.classNames)==null?void 0:a.root,r.class,e.rootClassName)});return()=>{const{class:s,style:a,...p}=r;return m(t.createVNode(v.default,t.mergeProps(p,e,{ref:o,class:d.value,style:a,variant:e.variant,shape:e.shape,content:e.content,styles:e.styles,classNames:e.classNames,rootClassName:e.rootClassName,prefixCls:e.prefixCls}),null))}}});exports.default=N;