ant-design-x-vue/lib/prompts/Prompts.js

Craft AI-driven interfaces effortlessly

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("../attachments/Attachments2.js"),b=require("./style/index.js");require("../x-provider/index.js");const g=require("../_util/hooks/use-x-component-config.js"),k=require("ant-design-vue");require("./index.js");const V=require("../x-provider/hooks/use-x-provider-context.js"),r=t.defineComponent({name:"AXPrompts",__name:"Prompts",props:t.mergeDefaults({items:null,title:{type:Function},onItemClick:{type:Function},vertical:{type:Boolean},wrap:{type:Boolean},styles:null,classNames:null,prefixCls:null,rootClassName:null},{styles:()=>({}),classNames:()=>({})}),setup(e){const o=c.createPropsRestProxy(e,["prefixCls","title","class","items","onItemClick","vertical","wrap","rootClassName","styles","classNames","style"]);t.toRef(e,"class"),t.toRef(e,"prefixCls");const n=t.useSlots(),{getPrefixCls:d,direction:y}=V.default(),s=d("prompts",e.prefixCls),a=g.default("prompts"),[v,C,N]=b.default(s),f=t.computed(()=>c.classnames(s,a.value.className,e.class,e.rootClassName,C.value,N,{[`${s}-rtl`]:y.value==="rtl"})),h=t.computed(()=>c.classnames(`${s}-list`,a.value.classNames.list,e.classNames.list,{[`${s}-list-wrap`]:e.wrap},{[`${s}-list-vertical`]:e.vertical})),m=t.computed(()=>n.title?n.title():typeof e.title=="function"?e.title():e.title);return()=>{var u;return v(t.createVNode("div",t.mergeProps(o,{class:f.value,style:{...typeof e.style=="object"?e.style:{},...typeof a.value.style=="object"?a.value.style:{}}}),[m.value&&t.createVNode(k.Typography.Title,{level:5,class:c.classnames(`${s}-title`,a.value.classNames.title,e.classNames.title),style:{...a.value.styles.title,...e.styles.title}},{default:()=>[m.value]}),t.createVNode("div",{class:h.value,style:{...a.value.styles.list,...e.styles.list}},[(u=e.items)==null?void 0:u.map((l,$)=>{const i=l.children&&l.children.length>0;return t.createVNode("div",{key:l.key||`key_${$}`,style:{...a.value.styles.item,...e.styles.item},class:c.classnames(`${s}-item`,a.value.classNames.item,e.classNames.item,{[`${s}-item-disabled`]:l.disabled,[`${s}-item-has-nest`]:i}),onClick:()=>{!i&&e.onItemClick&&e.onItemClick({data:l})}},[l.icon&&t.createVNode("div",{class:`${s}-icon`},[l.icon]),t.createVNode("div",{class:c.classnames(`${s}-content`,a.value.classNames.itemContent,e.classNames.itemContent),style:{...a.value.styles.itemContent,...e.styles.itemContent}},[l.label&&t.createVNode("h6",{class:`${s}-label`},[l.label]),l.description&&t.createVNode("p",{class:`${s}-desc`},[l.description]),i&&t.createVNode(r,{class:`${s}-nested`,items:l.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)])])})])]))}}});exports.default=r;