ant-design-x-vue
Version:
Craft AI-driven interfaces effortlessly
2 lines (1 loc) • 2.83 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),m=require("../chunks/helper-chunk.js"),l=require("../chunks/module-chunk.js"),P=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"),S=require("./style/index.js"),j=require("./context.js"),F=require("./item.js"),H=require("../x-provider/hooks/use-x-provider-context.js"),T=t.defineComponent({name:"AXThoughtChain",__name:"ThoughtChain",props:t.mergeDefaults({items:{type:Array,required:!1},collapsible:{type:[Boolean,Object],required:!1},size:{type:null,required:!1},styles:{type:Object,required:!1},classNames:{type:Object,required:!1},prefixCls:{type:String,required:!1},rootClassName:{type:String,required:!1}},{styles:()=>({}),classNames:()=>({}),size:"middle"}),setup(e,{expose:d}){d();const h=m.createPropsRestProxy(e,["prefixCls","rootClassName","class","items","collapsible","styles","style","classNames","size"]);t.toRef(e,"class"),t.toRef(e,"prefixCls");const C=t.computed(()=>P.default(h,{attr:!0,aria:!0,data:!0})),{getPrefixCls:u,direction:n}=H.default(),y=t.computed(()=>u()),a=t.computed(()=>u("thought-chain",e.prefixCls)),s=k.default("thoughtChain"),[f,v,g]=p.default(()=>e.collapsible,a.value,y.value),[x,N,q]=S.default(a),b=t.computed(()=>l.classnames(e.class,e.rootClassName,a.value,s.value.className,N.value,q,{[`${a.value}-rtl`]:n.value==="rtl"},`${a.value}-${e.size}`));return()=>x(t.createVNode("div",t.mergeProps(C.value,{class:b.value,style:{...typeof s.value.style=="object"?s.value.style:{},...typeof e.style=="object"?e.style:{}}}),[t.createVNode(j.ThoughtChainNodeContextProvider,{value:{prefixCls:a.value,enableCollapse:f.value,expandedKeys:v.value,direction:n.value,classNames:{itemHeader:l.classnames(s.value.classNames.itemHeader,e.classNames.itemHeader),itemContent:l.classnames(s.value.classNames.itemContent,e.classNames.itemContent),itemFooter:l.classnames(s.value.classNames.itemFooter,e.classNames.itemFooter)},styles:{itemHeader:{...s.value.styles.itemHeader,...e.styles.itemHeader},itemContent:{...s.value.styles.itemContent,...e.styles.itemContent},itemFooter:{...s.value.styles.itemFooter,...e.styles.itemFooter}}}},{default:()=>{var r;return[(r=e.items)==null?void 0:r.map((o,i)=>{var c;return t.createVNode(F.default,{key:o.key||`key_${i}`,class:l.classnames(s.value.classNames.item,e.classNames.item),style:{...s.value.styles.item,...e.styles.item},info:{...o,icon:o.icon||i+1},onClick:g,nextStatus:((c=e.items[i+1])==null?void 0:c.status)||o.status},null)})]}})]))}}),z=m._export_sfc(T,[["__file","/Users/wangzhichao/办公/code/github/ant-design-x-vue-pure/ant-design-x-vue/src/thought-chain/ThoughtChain.vue"]]);exports.default=z;