2 lines
6.4 KiB
JavaScript
2 lines
6.4 KiB
JavaScript
import{t as h,a as K,q as _,g as L,Z as W,E as Z,n as d,T as U,x as X,_ as Y,w as ee,$ as p,p as te,z as ae,A as le,F as ie,G as se,H as ne,I as a,N as s,J as l,a0 as m,a1 as T,M as n,K as o,L as v,O as oe,a2 as re,Q as z}from"./index-BMUcF_AE.js";import{Q as ue,a as B,b as R}from"./QItem-49cALKGJ.js";import{Q as ce}from"./QPage-DJ7xuyij.js";import{_ as de}from"./_plugin-vue_export-helper-DlAUqK2U.js";const me={ratio:[String,Number]};function ge(e,i){return h(()=>{const g=Number(e.ratio||(i!==void 0?i.value:void 0));return isNaN(g)!==!0&&g>0?{paddingBottom:`${100/g}%`}:null})}const fe=1.7778,S=K({name:"QImg",props:{...me,src:String,srcset:String,sizes:String,alt:String,crossorigin:String,decoding:String,referrerpolicy:String,draggable:Boolean,loading:{type:String,default:"lazy"},loadingShowDelay:{type:[Number,String],default:0},fetchpriority:{type:String,default:"auto"},width:String,height:String,initialRatio:{type:[Number,String],default:fe},placeholderSrc:String,errorSrc:String,fit:{type:String,default:"cover"},position:{type:String,default:"50% 50%"},imgClass:String,imgStyle:Object,noSpinner:Boolean,noNativeMenu:Boolean,noTransition:Boolean,spinnerColor:String,spinnerSize:String},emits:["load","error"],setup(e,{slots:i,emit:g}){const r=_(e.initialRatio),y=ge(e,r),w=te(),{registerTimeout:D,removeTimeout:C}=L(),{registerTimeout:P,removeTimeout:j}=L(),I=h(()=>e.placeholderSrc!==void 0?{src:e.placeholderSrc}:null),$=h(()=>e.errorSrc!==void 0?{src:e.errorSrc,__qerror:!0}:null),u=[_(null),_(I.value)],c=_(0),b=_(!1),q=_(!1),A=h(()=>`q-img q-img--${e.noNativeMenu===!0?"no-":""}menu`),H=h(()=>({width:e.width,height:e.height})),M=h(()=>`q-img__image ${e.imgClass!==void 0?e.imgClass+" ":""}q-img__image--with${e.noTransition===!0?"out":""}-transition q-img__image--`),E=h(()=>({...e.imgStyle,objectFit:e.fit,objectPosition:e.position}));function F(){if(j(),e.loadingShowDelay===0){b.value=!0;return}P(()=>{b.value=!0},e.loadingShowDelay)}function Q(){j(),b.value=!1}function O({target:t}){p(w)===!1&&(C(),r.value=t.naturalHeight===0?.5:t.naturalWidth/t.naturalHeight,N(t,1))}function N(t,f){f===1e3||p(w)===!0||(t.complete===!0?V(t):D(()=>{N(t,f+1)},50))}function V(t){p(w)!==!0&&(c.value=c.value^1,u[c.value].value=null,Q(),t.getAttribute("__qerror")!=="true"&&(q.value=!1),g("load",t.currentSrc||t.src))}function G(t){C(),Q(),q.value=!0,u[c.value].value=$.value,u[c.value^1].value=I.value,g("error",t)}function k(t){const f=u[t].value,x={key:"img_"+t,class:M.value,style:E.value,alt:e.alt,crossorigin:e.crossorigin,decoding:e.decoding,referrerpolicy:e.referrerpolicy,height:e.height,width:e.width,loading:e.loading,fetchpriority:e.fetchpriority,"aria-hidden":"true",draggable:e.draggable,...f};return c.value===t?Object.assign(x,{class:x.class+"current",onLoad:O,onError:G}):x.class+="loaded",d("div",{class:"q-img__container absolute-full",key:"img"+t},d("img",x))}function J(){return b.value===!1?d("div",{key:"content",class:"q-img__content absolute-full q-anchor--skip"},X(i[q.value===!0?"error":"default"])):d("div",{key:"loading",class:"q-img__loading absolute-full flex flex-center"},i.loading!==void 0?i.loading():e.noSpinner===!0?void 0:[d(Y,{color:e.spinnerColor,size:e.spinnerSize})])}{let t=function(){ee(()=>e.src||e.srcset||e.sizes?{src:e.src,srcset:e.srcset,sizes:e.sizes}:null,f=>{C(),q.value=!1,f===null?(Q(),u[c.value^1].value=I.value):F(),u[c.value].value=f},{immediate:!0})};W.value===!0?Z(t):t()}return()=>{const t=[];return y.value!==null&&t.push(d("div",{key:"filler",style:y.value})),u[0].value!==null&&t.push(k(0)),u[1].value!==null&&t.push(k(1)),t.push(d(U,{name:"q-transition--fade"},J)),d("div",{key:"main",class:A.value,style:H.value,role:"img","aria-label":e.alt},t)}}}),ve={class:"col-12 col-md-6"},he={class:"text-h6"},_e={class:"q-pa-md row items-start q-gutter-md"},Se={class:"text-h6"},ye={class:"text-subtitle2"},be={class:"absolute-bottom text-subtitle2 text-center"},qe={class:"absolute-bottom text-h6"},xe={class:"text-subtitle2 absolute-top text-center"},Te={class:"text-h5 absolute-bottom text-right"},we={class:"absolute-bottom"},Ce={class:"text-h6"},Ie={class:"text-subtitle2"},Qe=ae({__name:"IndexPage",setup(e){const{t:i}=le();return(g,r)=>{const y=ie("router-link");return se(),ne(ce,{class:"row items-center justify-evenly"},{default:a(()=>[s("div",ve,[l(m,{class:"q-mt-md"},{default:a(()=>[l(T,null,{default:a(()=>[s("div",he,n(o(i)("home.welcome")),1),s("p",null,[l(y,{to:"/dev"},{default:a(()=>[v(n(o(i)("app.devSection")),1)]),_:1})])]),_:1})]),_:1}),s("div",_e,[l(m,{class:"my-card"},{default:a(()=>[r[0]||(r[0]=s("img",{src:"https://cdn.quasar.dev/img/mountains.jpg"},null,-1)),l(T,null,{default:a(()=>[s("div",Se,n(o(i)("home.cardTitle")),1),s("div",ye,n(o(i)("home.cardSubtitle")),1)]),_:1}),l(T,{class:"q-pt-none"},{default:a(()=>[v(n(o(i)("home.lorem")),1)]),_:1})]),_:1}),l(m,{class:"my-card"},{default:a(()=>[l(S,{src:"https://cdn.quasar.dev/img/parallax2.jpg"},{default:a(()=>[s("div",be,n(o(i)("home.imageTitle")),1)]),_:1})]),_:1}),l(m,{class:"my-card"},{default:a(()=>[l(S,{src:"https://cdn.quasar.dev/img/parallax2.jpg"},{default:a(()=>[s("div",qe,n(o(i)("home.imageTitle")),1)]),_:1}),l(T,null,{default:a(()=>[v(n(o(i)("home.lorem")),1)]),_:1})]),_:1}),l(m,{class:"my-card"},{default:a(()=>[l(S,{src:"https://cdn.quasar.dev/img/parallax2.jpg"},{default:a(()=>[s("div",xe,n(o(i)("home.imageTitle")),1)]),_:1})]),_:1}),l(m,{class:"my-card"},{default:a(()=>[l(S,{src:"https://cdn.quasar.dev/img/parallax2.jpg"},{default:a(()=>[s("div",Te,n(o(i)("home.imageTitle")),1)]),_:1})]),_:1}),l(m,{class:"my-card"},{default:a(()=>[l(ue,null,{default:a(()=>[l(B,{avatar:""},{default:a(()=>[l(oe,null,{default:a(()=>[...r[1]||(r[1]=[s("img",{src:"https://cdn.quasar.dev/img/avatar2.jpg"},null,-1)])]),_:1})]),_:1}),l(B,null,{default:a(()=>[l(R,null,{default:a(()=>[v(n(o(i)("home.imageTitle")),1)]),_:1}),l(R,{caption:""},{default:a(()=>[v(n(o(i)("home.imageSubhead")),1)]),_:1})]),_:1})]),_:1}),r[2]||(r[2]=s("img",{src:"https://cdn.quasar.dev/img/parallax2.jpg"},null,-1))]),_:1}),l(m,{class:"my-card"},{default:a(()=>[l(S,{src:"https://cdn.quasar.dev/img/parallax2.jpg"},{default:a(()=>[s("div",we,[s("div",Ce,n(o(i)("home.cardTitle")),1),s("div",Ie,n(o(i)("home.cardSubtitle")),1)])]),_:1}),l(re,null,{default:a(()=>[l(z,{flat:""},{default:a(()=>[v(n(o(i)("home.action1")),1)]),_:1}),l(z,{flat:""},{default:a(()=>[v(n(o(i)("home.action2")),1)]),_:1})]),_:1})]),_:1})])])]),_:1})}}}),Le=de(Qe,[["__scopeId","data-v-3b9f8a73"]]);export{Le as default};
|