import{_ as E}from"./app-9444f1fe.js";import{E as f,a as L,b as C}from"./index-9d5bf97d.js";import{H as V}from"./github-42a3adc5.js";import{h as k}from"./listData-9dae369c.js";import{_ as I,b as R,r as h,o as T,L as M,p as B,q as H,Q as o,N as n,V as r,B as t,y as w,t as m,a9 as N,aa as S}from"./framework-2d0bbdc3.js";import{E as _}from"./index-93c4d27d.js";import"./index-2653f279.js";const P=c=>(N("data-v-579906da"),c=c(),S(),c),q={class:"context"},A={class:"bottom"},D={class:"options"},O=["innerHTML"],J={class:"set"},Q=P(()=>o("div",{class:"foot"},[o("a",{href:"https://uiverse.io/loaders",target:"_blank"},"Recommended websites")],-1)),U={__name:"index.html",setup(c){let s=R({html:"",css:""}),a=h("html"),u=h(null),i=null;g(),T(()=>{E(()=>import("./loading-5117cee7.js"),["assets/loading-5117cee7.js","assets/utils-e9a9aa23.js"]).then(d=>{i=d.default(),p()})});function p(){i.getLoadingId()||i.loading(u.value,y())}function v(){i&&i.close()}function g(){let e=M().query.model;if(e){let l=k.find(x=>x.model===e);s.html=l.html,s.css=l.css}}function b(d){let e=document.createElement("input");e.value=d,document.body.appendChild(e),e.select(),document.execCommand("Copy"),e.remove(),C.success("复制成功!")}function y(){return u.value.innerHTML=`<style>${s.css}</style >`,s}return(d,e)=>(B(),H("div",null,[o("div",q,[o("div",{class:"top",ref_key:"topRef",ref:u},null,512),o("div",A,[n(t(L),{modelValue:t(a),"onUpdate:modelValue":e[0]||(e[0]=l=>w(a)?a.value=l:a=l),class:"demo-tabs"},{default:r(()=>[n(t(f),{label:"html",name:"html"}),n(t(f),{label:"css",name:"css"})]),_:1},8,["modelValue"]),o("div",D,[o("pre",{innerHTML:t(V).highlightAuto(t(s)[t(a)]).value},null,8,O)]),o("div",J,[n(t(_),{type:"primary",onClick:p},{default:r(()=>[m("loading")]),_:1}),n(t(_),{type:"danger",onClick:v},{default:r(()=>[m("close")]),_:1}),n(t(_),{type:"success",onClick:e[1]||(e[1]=l=>b(t(s)[t(a)]))},{default:r(()=>[m("replication")]),_:1})]),Q])])]))}},X=I(U,[["__scopeId","data-v-579906da"],["__file","index.html.vue"]]);export{X as default};
