2 lines
2.7 KiB
JavaScript
2 lines
2.7 KiB
JavaScript
import{J as _,aq as v,I as a,d as m,Z as S,b as $,c as I,n as w,p as P,i as C,e as x,k as u,a2 as E,r as D,N as r}from"./entry.3e6aff8a.js";import j from"./ComponentPlaygroundData.dc08b6a5.js";import"./TabsHeader.de307734.js";import"./ComponentPlaygroundProps.e7f5fd02.js";import"./ProseH4.ecd43099.js";import"./ProseCodeInline.559ee39e.js";import"./Badge.67483764.js";import"./slot.508dd9de.js";import"./node.676c5e99.js";import"./ProseP.57bba1ef.js";import"./ComponentPlaygroundSlots.vue.e6e8c968.js";import"./ComponentPlaygroundTokens.vue.0835830b.js";async function z(n){const e=_(n);{const{data:o}=await v(`nuxt-component-meta${e?`-${e}`:""}`,()=>$fetch(`/api/component-meta${e?`/${e}`:""}`));return a(()=>o.value)}}const B=n=>(P("data-v-2216e3bc"),n=n(),C(),n),N=B(()=>x("div",{class:"ellipsis-item"},null,-1)),k=[N],q=m({__name:"Ellipsis",props:{width:{type:String,default:"10rem"},height:{type:String,default:"10rem"},zIndex:{type:String,default:"10"},top:{type:String,default:"0"},left:{type:String,default:"auto"},right:{type:String,default:"auto"},blur:{type:String,default:"50px"},colors:{type:Array,default:()=>["rgba(0, 71, 225, 0.22)","rgba(26, 214, 255, 0.22)","rgba(0, 220, 130, 0.22)"]}},setup(n){const e=n,o=a(()=>((t=e)=>t.top)()),s=a(()=>((t=e)=>t.left)()),c=a(()=>((t=e)=>t.right)()),i=a(()=>((t=e)=>t.zIndex)()),f=a(()=>((t=e)=>t.width)()),g=a(()=>((t=e)=>t.height)()),y=a(()=>((t=e)=>`blur(${t.blur})`)()),h=a(()=>((t=e)=>{var l,p,d;return`linear-gradient(97.62deg, ${(l=t==null?void 0:t.colors)==null?void 0:l[0]} 2.27%, ${(p=t==null?void 0:t.colors)==null?void 0:p[1]} 50.88%, ${(d=t==null?void 0:t.colors)==null?void 0:d[2]} 98.48%)`})()),{$pinceau:b}=S(e,void 0,{_cCN_top:o,_eih_insetInlineStart:s,_IfB_insetInlineEnd:c,_SsE_zIndex:i,_wj8_maxWidth:f,_t33_height:g,_Jfd_filter:y,_yUj_background:h});return(t,l)=>($(),I("div",{class:w(["ellipsis",[_(b)]])},k,2))}});const V=u(q,[["__scopeId","data-v-2216e3bc"]]),A=m({props:{component:{type:String,required:!0},props:{type:Object,required:!1,default:()=>({})}},async setup(n){const e=a(()=>E(n.component)),o=D({...n.props}),s=await z(n.component);return{as:e,formProps:o,componentData:s}},render(n){const e=Object.entries(this.$slots).reduce((o,[s,c])=>{if(s.startsWith("component-")){const i=s.replace("component-","");o[i]=c}return o},{});return r("div",{class:"component-playground"},[r("div",{class:"component-playground-wrapper"},[r(V,{class:"component-playground-ellipsis",blur:"5vw",height:"100%",width:"100%"}),r(n.as,{...n.formProps,class:"component-playground-component"},{...e})]),r(j,{modelValue:n.formProps,componentData:n.componentData,"onUpdate:modelValue":o=>n.formProps=o})])}});const Q=u(A,[["__scopeId","data-v-c0c27b3d"]]);export{Q as default};
|