ant-design-x-vue
Version:
Craft AI-driven interfaces effortlessly
2 lines (1 loc) • 3.58 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("../chunks/helper-chunk.js"),l=require("../chunks/module-chunk.js"),D=require("../_util/pick-attrs.js"),F=require("./context.js"),u=require("ant-design-vue");require("../transition-collapse/index.js");const R=require("../transition-collapse/TransitionCollapse.js"),H=e.defineComponent({name:"AXThoughtChainNode",__name:"item",props:e.mergeDefaults({info:{type:Object,required:!1},nextStatus:{required:!1},onClick:{type:Function,required:!1}},{info:()=>({})}),setup(t,{expose:k}){k();const i=q.createPropsRestProxy(t,["info","nextStatus","onClick"]),S=e.computed(()=>D.default(i,{attr:!0,aria:!0,data:!0})),n=F.useThoughtChainNodeContextInject(),p=e.computed(()=>n.value.prefixCls),d=e.computed(()=>n.value.enableCollapse),P=e.computed(()=>n.value.expandedKeys),h=e.computed(()=>n.value.direction),r=e.computed(()=>n.value.classNames),v=e.computed(()=>n.value.styles),O=e.useId(),C=e.computed(()=>t.info.key??O),j=e.computed(()=>t.info.icon),f=e.computed(()=>t.info.title),g=e.computed(()=>t.info.extra),s=e.computed(()=>t.info.content),x=e.computed(()=>t.info.footer),y=e.computed(()=>t.info.status),c=e.computed(()=>t.info.description),N=e.computed(()=>{const a=t.info.tooltip??!0,$=h.value==="rtl"?"topRight":"topLeft",T={title:f.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(()=>`${p.value}-item`),w=()=>{var a;return(a=t.onClick)==null?void 0:a.call(t,C.value)},m=e.computed(()=>{var a;return(a=P.value)==null?void 0:a.includes(C.value)}),A=e.computed(()=>d.value?m.value:!0);return()=>e.createVNode("div",e.mergeProps(S.value,{class:l.classnames(o.value,{[`${o.value}-${y.value}${t.nextStatus?`-${t.nextStatus}`:""}`]:y.value},i.class),style:i.style}),[e.createVNode("div",{class:l.classnames(`${o.value}-header`,r.value.itemHeader),style:v.value.itemHeader,onClick:w},[e.createVNode(u.Avatar,{icon:j.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&&(h.value==="rtl"?e.createVNode(l.LeftOutlined,{class:`${o.value}-collapse-icon`,rotate:m.value?-90:0},null):e.createVNode(l.RightOutlined,{class:`${o.value}-collapse-icon`,rotate:m.value?90:0},null)),V.value?f.value:e.createVNode(u.Tooltip,N.value.titleConfig,{default:()=>[f.value]})]}),c.value&&e.createVNode(u.Typography.Text,{class:`${o.value}-desc`,type:"secondary"},{default:()=>[V.value?c.value:e.createVNode(u.Tooltip,N.value.descriptionConfig,{default:()=>[c.value]})]})]),g.value&&e.createVNode("div",{class:`${o.value}-extra`},[g.value])]),e.createVNode(R.default,{prefixCls:p.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,A.value]])]}),x.value&&e.createVNode("div",{class:l.classnames(`${o.value}-footer`,r.value.itemFooter),style:v.value.itemFooter},[x.value])])}}),I=q._export_sfc(H,[["__file","/Users/wangzhichao/办公/code/github/ant-design-x-vue-pure/ant-design-x-vue/src/thought-chain/item.vue"]]);exports.default=I;