ant-design-x-vue
Version:
Craft AI-driven interfaces effortlessly
2 lines (1 loc) • 3.4 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../attachments/Attachments2.js"),O=require("../_util/pick-attrs.js"),D=require("./context.js"),u=require("ant-design-vue");require("../transition-collapse/index.js");const k=require("../attachments/FileList/FileList2.js"),R=require("../transition-collapse/TransitionCollapse.js"),j=e.defineComponent({name:"AXThoughtChainNode",__name:"item",props:e.mergeDefaults({info:null,nextStatus:null,onClick:{type:Function}},{info:()=>({})}),setup(t){const i=l.createPropsRestProxy(t,["info","nextStatus","onClick"]),q=e.computed(()=>O.default(i,{attr:!0,aria:!0,data:!0})),n=D.useThoughtChainNodeContextInject(),C=e.computed(()=>n.value.prefixCls),d=e.computed(()=>n.value.enableCollapse),S=e.computed(()=>n.value.expandedKeys),p=e.computed(()=>n.value.direction),r=e.computed(()=>n.value.classNames),v=e.computed(()=>n.value.styles),P=e.useId(),h=e.computed(()=>t.info.key??P),F=e.computed(()=>t.info.icon),m=e.computed(()=>t.info.title),g=e.computed(()=>t.info.extra),s=e.computed(()=>t.info.content),y=e.computed(()=>t.info.footer),N=e.computed(()=>t.info.status),c=e.computed(()=>t.info.description),x=e.computed(()=>{const a=t.info.tooltip??!0,$=p.value==="rtl"?"topRight":"topLeft",T={title:m.value,placement:$},b={title:c.value,placement:$};return typeof a=="boolean"?{titleConfig:T,descriptionConfig:b}:{titleConfig:{...T,...a.titleConfig?a.titleConfig:{}},descriptionConfig:{...b,...a.descriptionConfig?a.descriptionConfig:{}}}}),V=e.computed(()=>!t.info.tooltip),o=e.computed(()=>`${C.value}-item`),A=()=>{var a;return(a=t.onClick)==null?void 0:a.call(t,h.value)},f=e.computed(()=>{var a;return(a=S.value)==null?void 0:a.includes(h.value)}),L=e.computed(()=>d.value?f.value:!0);return()=>e.createVNode("div",e.mergeProps(q.value,{class:l.classnames(o.value,{[`${o.value}-${N.value}${t.nextStatus?`-${t.nextStatus}`:""}`]:N.value},i.class),style:i.style}),[e.createVNode("div",{class:l.classnames(`${o.value}-header`,r.value.itemHeader),style:v.value.itemHeader,onClick:A},[e.createVNode(u.Avatar,{icon:F.value,class:`${o.value}-icon`},null),e.createVNode("div",{class:l.classnames(`${o.value}-header-box`,{[`${o.value}-collapsible`]:d.value&&s.value})},[e.createVNode(u.Typography.Text,{strong:!0,class:`${o.value}-title`},{default:()=>[d.value&&s.value&&(p.value==="rtl"?e.createVNode(k.LeftOutlined,{class:`${o.value}-collapse-icon`,rotate:f.value?-90:0},null):e.createVNode(k.RightOutlined,{class:`${o.value}-collapse-icon`,rotate:f.value?90:0},null)),V.value?m.value:e.createVNode(u.Tooltip,x.value.titleConfig,{default:()=>[m.value]})]}),c.value&&e.createVNode(u.Typography.Text,{class:`${o.value}-desc`,type:"secondary"},{default:()=>[V.value?c.value:e.createVNode(u.Tooltip,x.value.descriptionConfig,{default:()=>[c.value]})]})]),g.value&&e.createVNode("div",{class:`${o.value}-extra`},[g.value])]),e.createVNode(R.default,{prefixCls:C.value},{default:()=>[s.value&&e.withDirectives(e.createVNode("div",{class:l.classnames(`${o.value}-content`)},[e.createVNode("div",{class:l.classnames(`${o.value}-content-box`,r.value.itemContent),style:v.value.itemContent},[s.value])]),[[e.vShow,L.value]])]}),y.value&&e.createVNode("div",{class:l.classnames(`${o.value}-footer`,r.value.itemFooter),style:v.value.itemFooter},[y.value])])}});exports.default=j;