ant-design-x-vue-next/lib/prompts/Prompts.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"),S=require("../chunks/helper-chunk.js"),i=require("../chunks/module-chunk.js"),L=require("./style/index.js");require("../x-provider/index.js");const j=require("../_util/hooks/use-x-component-config.js"),T=require("ant-design-vue"),w=require("../x-provider/hooks/use-x-provider-context.js");function R(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const B=t.defineComponent({name:"AXPrompts",__name:"Prompts",props:t.mergeDefaults({items:null,title:null,onItemClick:{type:Function},vertical:{type:Boolean},wrap:{type:Boolean},fadeIn:{type:Boolean},fadeInLeft:{type:Boolean},styles:null,classNames:null,prefixCls:null,rootClassName:null},{styles:()=>({}),classNames:()=>({})}),setup(e,{expose:C}){const N=S.createPropsRestProxy(e,["prefixCls","title","class","items","onItemClick","vertical","wrap","rootClassName","styles","classNames","style","fadeIn","fadeInLeft"]);t.toRef(e,"class"),t.toRef(e,"prefixCls");const u=t.ref(null),m=t.useSlots(),{getPrefixCls:d,direction:f}=w.default(),s=d("prompts",e.prefixCls),$=d(),a=j.default("prompts"),[I,b,g]=L.default(s),h=t.computed(()=>e.fadeInLeft||e.fadeIn?`${$}-x-fade${e.fadeInLeft?"-left":""}`:""),k=t.computed(()=>{var n;return i.classnames(s,a.value.className,e.class,e.rootClassName,(n=a.value.classNames)==null?void 0:n.root,e.classNames.root,b.value,g,{[`${s}-rtl`]:f.value==="rtl"})}),x=t.computed(()=>{var n;return{...typeof e.style=="object"?e.style:{},...typeof a.value.style=="object"?a.value.style:{},...((n=a.value.styles)==null?void 0:n.root)||{},...e.styles.root||{}}}),V=t.computed(()=>i.classnames(`${s}-list`,a.value.classNames.list,e.classNames.list,{[`${s}-list-wrap`]:e.wrap},{[`${s}-list-vertical`]:e.vertical})),v=t.computed(()=>m.title?m.title():typeof e.title=="function"?e.title():e.title);return C({nativeElement:u}),()=>{var y;const n=t.getCurrentInstance().type,o=t.createVNode("div",t.mergeProps(N,{ref:u,class:k.value,style:x.value}),[v.value&&t.createVNode(T.Typography.Title,{level:5,class:i.classnames(`${s}-title`,a.value.classNames.title,e.classNames.title),style:{...a.value.styles.title,...e.styles.title}},{default:()=>[v.value]}),t.createVNode("div",{class:V.value,style:{...a.value.styles.list,...e.styles.list}},[(y=e.items)==null?void 0:y.map((c,q)=>{const r=c.children&&c.children.length>0;return t.createVNode("div",{key:c.key||`key_${q}`,style:{...a.value.styles.item,...e.styles.item},class:i.classnames(`${s}-item`,a.value.classNames.item,e.classNames.item,{[`${s}-item-disabled`]:c.disabled,[`${s}-item-has-nest`]:r}),onClick:()=>{!r&&e.onItemClick&&e.onItemClick({data:c})}},[c.icon&&t.createVNode("div",{class:`${s}-icon`},[c.icon]),t.createVNode("div",{class:i.classnames(`${s}-content`,a.value.classNames.itemContent,e.classNames.itemContent),style:{...a.value.styles.itemContent,...e.styles.itemContent}},[c.label&&t.createVNode("h6",{class:`${s}-label`},[c.label]),c.description&&t.createVNode("p",{class:`${s}-desc`},[c.description]),r&&t.createVNode(n,{class:`${s}-nested`,items:c.children,vertical:!0,onItemClick:e.onItemClick,classNames:{list:e.classNames.subList,item:e.classNames.subItem},styles:{list:e.styles.subList,item:e.styles.subItem}},null)])])})])]),l=h.value,P=l?t.createVNode(t.Transition,{appear:!0,enterFromClass:`${l}-enter ${l}-appear`,enterActiveClass:`${l}-enter ${l}-enter-active ${l}-appear ${l}-appear-active`,enterToClass:`${l}-enter ${l}-enter-active`,leaveFromClass:`${l}-leave`,leaveActiveClass:`${l}-leave ${l}-leave-active`,leaveToClass:`${l}-leave ${l}-leave-active`},R(o)?o:{default:()=>[o]}):o;return I(P)}}});exports.default=B;