slidev-theme-oqtopus
Version:
Slidev theme for OQTOPUS presentations
2 lines (1 loc) • 3.74 kB
JavaScript
import{z as b,f as n,o as s,g as e,j as Q,ad as a,i as l,F as m,aj as v,t as f,n as N,b as T,w as g,e as z,v as S,x as $,T as q}from"./modules/vue-m8pkr6j7.js";import{u as w,f as B}from"./slidev/context-DVBmw4Sk.js";import{_ as H}from"./index-rxBs4b9Q.js";import{I as L}from"./default-BPZUhb-i.js";import"./modules/shiki-DLbbKDLo.js";import"./SlideLayout-Dz7TN6RJ.js";import"./OqtopusLogo-Dbu4SNa4.js";import"./OqtopusSymbol-dDKLCRNZ.js";const O={class:"quantum-circuit"},P={class:"circuit-title"},V={class:"circuit-diagram"},j=["width","height"],F=["y"],A=["x1","y1","x2","y2"],D=["cx","cy"],E=["cx","cy"],G=["x1","y1","x2","y2"],M=["x1","y1","x2","y2"],X=["x1","y1","x2","y2"],Z=["x","y"],I=["x","y"],C=60,k=80,y=40,x=20,R={__name:"QuantumCircuit",props:{qubits:{type:Array,default:()=>["q0","q1","q2"]},gates:{type:Array,default:()=>[{id:1,type:"hadamard",label:"H",qubit:0,position:1},{id:2,type:"cnot",control:0,target:1,position:2},{id:3,type:"pauli-z",label:"Z",qubit:0,position:3}]}},setup(u){w();const c=u,p=b(()=>{const r=Math.max(...c.gates.map(d=>d.position),0);return x+30+(r+1)*k+20}),h=b(()=>c.qubits.length*C+40),i=r=>30+r*C,o=r=>x+30+r*k;return(r,d)=>(s(),n("div",O,[e("div",P,[Q(r.$slots,"title",{},()=>[d[0]||(d[0]=a("Quantum Circuit"))],!0)]),e("div",V,[(s(),n("svg",{width:p.value,height:h.value},[l(" Qubit lines "),(s(!0),n(m,null,v(u.qubits,(t,_)=>(s(),n("g",{key:t},[e("text",{x,y:i(_)+5,class:"qubit-label"},"|"+f(t)+"⟩",9,F),e("line",{x1:x+30,y1:i(_),x2:p.value-20,y2:i(_),stroke:"var(--slidev-theme-text)","stroke-width":"2"},null,8,A)]))),128)),l(" Gates "),(s(!0),n(m,null,v(u.gates,t=>(s(),n("g",{key:t.id},[t.type==="cnot"?(s(),n(m,{key:0},[l(" CNOT Control "),e("circle",{cx:o(t.position),cy:i(t.control),r:"4",fill:"var(--slidev-theme-text)"},null,8,D),l(" CNOT Target "),e("circle",{cx:o(t.position),cy:i(t.target),r:"10",fill:"none",stroke:"var(--slidev-theme-text)","stroke-width":"2"},null,8,E),e("line",{x1:o(t.position)-5,y1:i(t.target),x2:o(t.position)+5,y2:i(t.target),stroke:"var(--slidev-theme-text)","stroke-width":"2"},null,8,G),e("line",{x1:o(t.position),y1:i(t.target)-5,x2:o(t.position),y2:i(t.target)+5,stroke:"var(--slidev-theme-text)","stroke-width":"2"},null,8,M),l(" CNOT Connecting Line "),e("line",{x1:o(t.position),y1:i(t.control),x2:o(t.position),y2:i(t.target),stroke:"var(--slidev-theme-text)","stroke-width":"2"},null,8,X)],64)):(s(),n(m,{key:1},[e("rect",{x:o(t.position)-y/2,y:i(t.qubit)-y/2,width:y,height:y,class:N(["gate-rect",`gate-${t.type}`]),rx:"5",ry:"5"},null,10,Z),e("text",{x:o(t.position),y:i(t.qubit)+5,class:"gate-label"},f(t.label),9,I)],64))]))),128))],8,j))])]))}},W=H(R,[["__scopeId","data-v-aff9c4bc"]]),st={__name:"example.md__slidev_11",setup(u){const{$clicksContext:c,$frontmatter:p}=w();return c.setup(),(h,i)=>{const o=W;return s(),T(L,S($(q(B)(q(p),10))),{default:g(()=>[i[1]||(i[1]=e("h1",null,"Quantum Circuit Component",-1)),i[2]||(i[2]=e("h2",null,"Display Quantum Circuits",-1)),i[3]||(i[3]=e("p",null,[a("For quantum computing related presentations, use the "),e("code",null,"<QuantumCircuit>"),a(" component.")],-1)),z(o,{qubits:["q0","q1","q2"],gates:[{id:1,type:"hadamard",label:"H",qubit:0,position:1},{id:2,type:"cnot",control:0,target:1,position:2},{id:3,type:"pauli-x",label:"X",qubit:2,position:3},{id:4,type:"hadamard",label:"H",qubit:1,position:4},{id:5,type:"cnot",control:1,target:0,position:5},{id:6,type:"pauli-z",label:"Z",qubit:2,position:6}]},{title:g(()=>i[0]||(i[0]=[a("More Complex Quantum Circuit Example")])),_:1}),i[4]||(i[4]=e("div",{class:"oqtopus-highlight mt-4"},[e("strong",null,"Note"),a(": This is a visual representation, not a functional simulator. ")],-1))]),_:1,__:[1,2,3,4]},16)}}};export{st as default};