slidev-theme-oqtopus/docs/assets/md-pIWJBSHx.js

Slidev theme for OQTOPUS presentations

import{f as i,o as s,g as t,t as n,F as v,aj as f,n as c,i as d,b as h,w as g,e as y,ad as p,v as P,x as k,T as m}from"./modules/vue-m8pkr6j7.js";import{u,f as T}from"./slidev/context-DVBmw4Sk.js";import{_ as x}from"./index-rxBs4b9Q.js";import{I as C}from"./default-BPZUhb-i.js";import"./modules/shiki-DLbbKDLo.js";import"./SlideLayout-Dz7TN6RJ.js";import"./OqtopusLogo-Dbu4SNa4.js";import"./OqtopusSymbol-dDKLCRNZ.js";const j={class:"timeline-container"},B={class:"timeline-header"},D={class:"timeline"},I={class:"timeline-marker"},Q={key:0},S={key:1},N={key:0,class:"timeline-line"},V={class:"timeline-content"},b={class:"timeline-date"},w={class:"timeline-title"},E={class:"timeline-description"},R={__name:"Timeline",props:{title:{type:String,default:"Timeline"},items:{type:Array,default:()=>[{date:"2024 Q1",title:"Project Kickoff",description:"Initial planning and team formation",status:"completed",active:!1,icon:"🚀"},{date:"2024 Q2",title:"Development Phase",description:"Core feature implementation",status:"in-progress",active:!0,icon:"⚡"},{date:"2024 Q3",title:"Testing & QA",description:"Quality assurance and testing",status:"pending",active:!1,icon:"🔧"}]}},setup(o){u();const r=l=>{switch(l){case"completed":return"status-completed";case"in-progress":return"status-progress";case"pending":return"status-pending";default:return""}};return(l,_)=>(s(),i("div",j,[t("div",B,[t("h3",null,n(o.title),1)]),t("div",D,[(s(!0),i(v,null,f(o.items,(e,a)=>(s(),i("div",{key:a,class:c(["timeline-item",{"timeline-item-active":e.active}])},[t("div",I,[t("div",{class:c(["timeline-dot",{"dot-active":e.active}])},[e.icon?(s(),i("span",Q,n(e.icon),1)):(s(),i("span",S,n(a+1),1))],2),a<o.items.length-1?(s(),i("div",N)):d("v-if",!0)]),t("div",V,[t("div",b,n(e.date),1),t("div",w,n(e.title),1),t("div",E,n(e.description),1),e.status?(s(),i("div",{key:0,class:c(["timeline-status",r(e.status)])},n(e.status),3)):d("v-if",!0)])],2))),128))])]))}},$=x(R,[["__scopeId","data-v-648c0b69"]]),H={__name:"example.md__slidev_10",setup(o){const{$clicksContext:r,$frontmatter:l}=u();return r.setup(),(_,e)=>{const a=$;return s(),h(C,P(k(m(T)(m(l),9))),{default:g(()=>[e[0]||(e[0]=t("h1",null,"Timeline Component",-1)),e[1]||(e[1]=t("h2",null,"Illustrate Processes or Roadmaps",-1)),e[2]||(e[2]=t("p",null,[p("The "),t("code",null,"<Timeline>"),p(" component helps you present sequential events or project phases clearly.")],-1)),y(a,{title:"Project Phases Example",items:[{date:"Start",title:"Phase 1: Planning",description:"Define scope and objectives.",status:"completed",active:!1,icon:"📝"},{date:"Mid",title:"Phase 2: Development",description:"Build core features.",status:"in-progress",active:!0,icon:"💻"},{date:"End",title:"Phase 3: Deployment",description:"Release to production.",status:"pending",active:!1,icon:"🚀"}]})]),_:1,__:[0,1,2]},16)}}};export{H as default};