ant-design-x-vue-next/lib/welcome/Welcome.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 l=require("vue"),i=require("../chunks/module-chunk.js");require("../x-provider/index.js");const V=require("../_util/hooks/use-x-component-config.js"),$=require("./style/index.js"),o=require("ant-design-vue"),h=require("../x-provider/hooks/use-x-provider-context.js");function q(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!l.isVNode(e)}const S=l.defineComponent({name:"AXWelcome",__name:"Welcome",props:l.mergeDefaults({prefixCls:null,rootClassName:null,className:null,style:null,variant:null,classNames:null,styles:null,icon:null,title:null,description:null,extra:null},{variant:"filled",classNames:()=>({}),styles:()=>({})}),setup(e,{expose:f}){l.toRef(e,"prefixCls");const r=l.ref(null),a=l.useSlots(),{direction:m,getPrefixCls:x}=h.default(),s=x("welcome",e.prefixCls),n=V.default("welcome"),[y,N,v]=$.default(s),g=l.computed(()=>{const t=a.icon?a.icon():typeof e.icon=="function"?e.icon():e.icon;if(!t)return null;let c=t;return typeof t=="string"&&t.startsWith("http")&&(c=l.createVNode("img",{src:t,alt:"icon"},null)),l.createVNode("div",{class:i.classnames(`${s}-icon`,n.value.classNames.icon,e.classNames.icon),style:e.styles.icon},[c])}),u=l.computed(()=>{const t=a.title?a.title():typeof e.title=="function"?e.title():e.title;return t?l.createVNode(o.Typography.Title,{level:4,class:i.classnames(`${s}-title`,n.value.classNames.title,e.classNames.title),style:e.styles.title},q(t)?t:{default:()=>[t]}):null}),d=l.computed(()=>a.description?a.description():typeof e.description=="function"?e.description():e.description),C=l.computed(()=>{const t=a.extra?a.extra():typeof e.extra=="function"?e.extra():e.extra;return t?l.createVNode("div",{class:i.classnames(`${s}-extra`,n.value.classNames.extra,e.classNames.extra),style:e.styles.extra},[t]):null});return f({get nativeElement(){const t=r.value;return t?t.$el??t:null}}),()=>{var t,c;return y(l.createVNode(o.Flex,{ref:r,class:i.classnames(s,n.value.className,e.className,e.rootClassName,(t=n.value.classNames)==null?void 0:t.root,e.classNames.root,N.value,v,`${s}-${e.variant}`,{[`${s}-rtl`]:m.value==="rtl"}),style:{...typeof e.style=="object"?e.style:{},...((c=n.value.styles)==null?void 0:c.root)||{},...e.styles.root||{}}},{default:()=>[g.value,l.createVNode(o.Flex,{vertical:!0,class:`${s}-content-wrapper`},{default:()=>[a.extra||e.extra?l.createVNode(o.Flex,{align:"flex-start",class:`${s}-title-wrapper`},{default:()=>[u.value,C.value]}):u.value,d.value&&l.createVNode(o.Typography.Text,{class:i.classnames(`${s}-description`,n.value.classNames.description,e.classNames.description),style:e.styles.description},{default:()=>[d.value]})]})]}))}}});exports.default=S;