ant-design-x-vue-next/lib/thought-chain/ThoughtChainItem.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"),n=require("../chunks/module-chunk.js"),S=require("../_util/pick-attrs.js");require("../x-provider/index.js");const A=require("./Status.js"),I=require("./style/index.js"),j=require("../x-provider/hooks/use-x-provider-context.js"),T=t.defineComponent({name:"AXThoughtChainItem",inheritAttrs:!1,__name:"ThoughtChainItem",props:{prefixCls:null,icon:null,title:null,description:null,rootClassName:{default:""},status:null,variant:{default:"solid"},blink:{type:Boolean,default:!1},className:null,class:null,classNames:{default:()=>({})},style:null,styles:{default:()=>({})},disabled:{type:Boolean,default:!1},onClick:{type:Function}},setup(C,{expose:h}){const e=C,o=t.useAttrs(),y=t.useId(),r=t.ref(),{getPrefixCls:_,direction:k}=j.default(),i=t.computed(()=>_("thought-chain",e.prefixCls)),[N,b,$]=I.default(i),s=t.computed(()=>`${i.value}-item`),g=t.computed(()=>!!(o.onClick||e.onClick)),x=t.computed(()=>{const l={...o,...e};return S.default(l,{attr:!0,aria:!0,data:!0})}),q=t.computed(()=>{var l;return n.classnames(i.value,b.value,$,e.className,o.class,e.rootClassName,(l=e.classNames)==null?void 0:l.root,s.value,{[`${s.value}-${e.variant}`]:e.variant,[`${s.value}-click`]:!e.disabled&&g.value,[`${s.value}-error`]:e.status==="error",[`${s.value}-rtl`]:k.value==="rtl",[`${s.value}-disabled`]:e.disabled})}),V=l=>{if(e.disabled)return;const a=o.onClick||e.onClick;a==null||a(l)};return h({nativeElement:r}),()=>{var c,u,d,m,p,v,f;const{class:l,style:a,onClick:w,...P}={...x.value,...o};return N(t.createVNode("div",t.mergeProps(P,{ref:r,key:y,onClick:e.disabled?void 0:V,style:{...typeof a=="object"?a:{},...typeof e.style=="object"?e.style:{},...(c=e.styles)==null?void 0:c.root},class:q.value}),[(e.status||e.icon)&&t.createVNode(A.default,{style:(u=e.styles)==null?void 0:u.icon,className:(d=e.classNames)==null?void 0:d.icon,prefixCls:i.value,icon:e.icon,status:e.status},null),t.createVNode("div",{class:n.classnames(`${s.value}-content`,{[`${i.value}-motion-blink`]:e.blink})},[e.title?t.createVNode("div",{style:(m=e.styles)==null?void 0:m.title,class:n.classnames(`${s.value}-title`,(p=e.classNames)==null?void 0:p.title,{[`${s.value}-title-with-description`]:e.description})},[e.title]):null,e.description?t.createVNode("div",{style:(v=e.styles)==null?void 0:v.description,class:n.classnames(`${s.value}-description`,(f=e.classNames)==null?void 0:f.description)},[e.description]):null])]))}}});exports.default=T;