ant-design-x-vue-next/lib/thought-chain/item.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 e=require("vue"),a=require("../chunks/module-chunk.js"),z=require("../_util/pick-attrs.js"),B=require("./context.js"),v=require("ant-design-vue");require("../transition-collapse/index.js");const X=require("../transition-collapse/TransitionCollapse.js"),E=e.defineComponent({name:"AXThoughtChainNode",__name:"item",props:{info:{default:()=>({})},nextStatus:null,onClick:{type:Function},line:{type:[Boolean,String]}},setup(A){const u=A,F=e.computed(()=>{const t=z.default(u,{attr:!0,aria:!0,data:!0}),{class:s,style:c,onClick:i,...C}=t;return C}),n=B.useThoughtChainNodeContextInject(),g=e.computed(()=>n.value.prefixCls),M=e.computed(()=>n.value.enableCollapse),P=e.computed(()=>n.value.expandedKeys),$=e.computed(()=>n.value.direction),p=e.computed(()=>n.value.classNames),m=e.computed(()=>n.value.styles),j=e.useId(),l=e.computed(()=>u.info||{}),y=e.computed(()=>l.value.key??j),w=e.computed(()=>l.value.icon),h=e.computed(()=>l.value.title),x=e.computed(()=>l.value.extra),r=e.computed(()=>l.value.content),V=e.computed(()=>l.value.footer),_=t=>t==="pending"?"loading":t,b=e.computed(()=>_(l.value.status)),k=e.computed(()=>_(u.nextStatus)),f=e.computed(()=>l.value.description),D=e.computed(()=>!!l.value.blink),K=e.computed(()=>l.value.destroyOnHidden!==!1),d=e.computed(()=>l.value.collapsible!==void 0?!!l.value.collapsible:!!M.value),T=e.computed(()=>{const t=l.value.tooltip??!0,s=$.value==="rtl"?"topRight":"topLeft",c={title:h.value,placement:s},i={title:f.value,placement:s};return typeof t=="boolean"?{titleConfig:c,descriptionConfig:i}:{titleConfig:{...c,...t.titleConfig?t.titleConfig:{}},descriptionConfig:{...i,...t.descriptionConfig?t.descriptionConfig:{}}}}),S=e.computed(()=>!l.value.tooltip),o=e.computed(()=>`${g.value}-item`),L=()=>{var t;!d.value||!r.value||(t=u.onClick)==null||t.call(u,y.value)},N=e.computed(()=>{var t;return((t=P.value)==null?void 0:t.includes(y.value))??!1}),q=e.computed(()=>d.value?N.value:!0),R=e.computed(()=>r.value?!d.value||q.value?!0:!K.value:!1);return()=>{var t,s,c,i,C,O;return e.createVNode("div",e.mergeProps(F.value,{class:a.classnames(o.value,{[`${o.value}-${b.value}${k.value?`-${k.value}`:""}`]:b.value},u.class),style:u.style}),[e.createVNode("div",{class:a.classnames(`${o.value}-header`,(t=p.value)==null?void 0:t.itemHeader),style:(s=m.value)==null?void 0:s.itemHeader,onClick:L},[e.createVNode(v.Avatar,{icon:w.value,class:a.classnames(`${o.value}-icon`,(c=p.value)==null?void 0:c.itemIcon),style:(i=m.value)==null?void 0:i.itemIcon},null),e.createVNode("div",{class:a.classnames(`${o.value}-header-box`,{[`${o.value}-collapsible`]:d.value&&r.value})},[e.createVNode(v.Typography.Text,{strong:!0,class:a.classnames(`${o.value}-title`,{[`${g.value}-motion-blink`]:D.value})},{default:()=>[d.value&&r.value&&($.value==="rtl"?e.createVNode(a.LeftOutlined,{class:`${o.value}-collapse-icon`,rotate:N.value?-90:0},null):e.createVNode(a.RightOutlined,{class:`${o.value}-collapse-icon`,rotate:N.value?90:0},null)),S.value?h.value:e.createVNode(v.Tooltip,T.value.titleConfig,{default:()=>[h.value]})]}),f.value&&e.createVNode(v.Typography.Text,{class:`${o.value}-desc`,type:"secondary"},{default:()=>[S.value?f.value:e.createVNode(v.Tooltip,T.value.descriptionConfig,{default:()=>[f.value]})]})]),x.value&&e.createVNode("div",{class:`${o.value}-extra`},[x.value])]),e.createVNode(X.default,{prefixCls:g.value},{default:()=>{var H,I;return[R.value?e.withDirectives(e.createVNode("div",{key:`content-${y.value}`,class:a.classnames(`${o.value}-content`)},[e.createVNode("div",{class:a.classnames(`${o.value}-content-box`,(H=p.value)==null?void 0:H.itemContent),style:(I=m.value)==null?void 0:I.itemContent},[r.value])]),[[e.vShow,q.value]]):null]}}),V.value&&e.createVNode("div",{class:a.classnames(`${o.value}-footer`,(C=p.value)==null?void 0:C.itemFooter),style:(O=m.value)==null?void 0:O.itemFooter},[V.value])])}}});exports.default=E;