ant-design-x-vue-next/lib/thought-chain/ThoughtChain.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 l=require("vue"),o=require("../chunks/module-chunk.js"),I=require("../_util/pick-attrs.js");require("../x-provider/index.js");const K=require("../_util/hooks/use-x-component-config.js"),P=require("./hooks/useCollapsible.js"),F=require("./style/index.js"),S=require("./context.js"),$=require("./item.js"),H=require("../x-provider/hooks/use-x-provider-context.js"),V=l.defineComponent({name:"AXThoughtChain",__name:"ThoughtChain",props:{items:null,collapsible:{type:Boolean},defaultExpandedKeys:null,expandedKeys:null,onExpand:{type:Function},line:{type:[Boolean,String],default:!0},size:{default:"middle"},styles:{default:()=>({})},classNames:{default:()=>({})},prefixCls:null,rootClassName:null},setup(v,{expose:y}){const e=v,d=l.ref(null),f=l.computed(()=>{const s=I.default(e,{attr:!0,aria:!0,data:!0}),{class:r,style:c,size:n,title:u,...i}=s;return i}),{getPrefixCls:m,direction:p}=H.default(),h=l.computed(()=>m()),a=l.computed(()=>m("thought-chain",e.prefixCls)),t=K.default("thoughtChain"),[C,_,x]=P.default(()=>({collapsible:e.collapsible,defaultExpandedKeys:e.defaultExpandedKeys,expandedKeys:e.expandedKeys,onExpand:e.onExpand}),a.value,h.value),[N,g,b]=F.default(a),q=l.computed(()=>{const{line:s}=e;if(s===!1)return`${a.value}-line-false`;if(s==="dashed")return`${a.value}-line-dashed`;if(s==="dotted")return`${a.value}-line-dotted`}),k=l.computed(()=>{var s;return o.classnames(e.class,e.className,e.rootClassName,a.value,t.value.className,(s=t.value.classNames)==null?void 0:s.root,e.classNames.root,g.value,b,q.value,{[`${a.value}-rtl`]:p.value==="rtl"},`${a.value}-${e.size}`)}),E=l.computed(()=>{var s;return{...typeof t.value.style=="object"?t.value.style:{},...((s=t.value.styles)==null?void 0:s.root)||{},...typeof e.style=="object"?e.style:{},...e.styles.root||{}}});return y({nativeElement:d}),()=>{var s,r;return N(l.createVNode("div",l.mergeProps(f.value,{ref:d,class:k.value,style:E.value}),[l.createVNode(S.ThoughtChainNodeContextProvider,{value:{prefixCls:a.value,enableCollapse:C.value,expandedKeys:_.value,direction:p.value,line:e.line,classNames:{itemHeader:o.classnames(t.value.classNames.itemHeader,e.classNames.itemHeader),itemIcon:o.classnames((s=t.value.classNames)==null?void 0:s.itemIcon,e.classNames.itemIcon),itemContent:o.classnames(t.value.classNames.itemContent,e.classNames.itemContent),itemFooter:o.classnames(t.value.classNames.itemFooter,e.classNames.itemFooter)},styles:{itemHeader:{...t.value.styles.itemHeader,...e.styles.itemHeader},itemIcon:{...((r=t.value.styles)==null?void 0:r.itemIcon)||{},...e.styles.itemIcon||{}},itemContent:{...t.value.styles.itemContent,...e.styles.itemContent},itemFooter:{...t.value.styles.itemFooter,...e.styles.itemFooter}}}},{default:()=>{var c;return[(c=e.items)==null?void 0:c.map((n,u)=>{var i;return l.createVNode($.default,{key:n.key||`key_${u}`,class:o.classnames(t.value.classNames.item,e.classNames.item),style:{...t.value.styles.item,...e.styles.item},line:e.line,info:{...n,icon:n.icon||u+1},onClick:x,nextStatus:((i=e.items[u+1])==null?void 0:i.status)||n.status},null)})]}})]))}}});exports.default=V;