2 lines
2.8 KiB
JavaScript
2 lines
2.8 KiB
JavaScript
import{B as v}from"./app-CPb3bToC.js";import{h as g,u as k,a as B}from"./chunk-CusLMHK2.js";import{a as t,l as n,m as x}from"./chunk-DhYw-kuD.js";import{u as h,a as C}from"./chunk-8e5kB75k.js";const w=["top","middle","bottom"],D=v({name:"QBadge",props:{color:String,textColor:String,floating:Boolean,transparent:Boolean,multiLine:Boolean,outline:Boolean,rounded:Boolean,label:[Number,String],align:{type:String,validator:e=>w.includes(e)}},setup(e,{slots:l}){const a=t(()=>e.align!==void 0?{verticalAlign:e.align}:null),o=t(()=>{const r=e.outline===!0&&e.color||e.textColor;return`q-badge flex inline items-center no-wrap q-badge--${e.multiLine===!0?"multi":"single"}-line`+(e.outline===!0?" q-badge--outline":e.color!==void 0?` bg-${e.color}`:"")+(r!==void 0?` text-${r}`:"")+(e.floating===!0?" q-badge--floating":"")+(e.rounded===!0?" q-badge--rounded":"")+(e.transparent===!0?" q-badge--transparent":"")});return()=>n("div",{class:o.value,style:a.value,role:"status","aria-label":e.label},g(l.default,e.label!==void 0?[e.label]:[]))}}),Q={xs:2,sm:4,md:6,lg:10,xl:14};function c(e,l,a){return{transform:l===!0?`translateX(${a.lang.rtl===!0?"-":""}100%) scale3d(${-e},1,1)`:`scale3d(${e},1,1)`}}const F=v({name:"QLinearProgress",props:{...h,...k,value:{type:Number,default:0},buffer:Number,color:String,trackColor:String,reverse:Boolean,stripe:Boolean,indeterminate:Boolean,query:Boolean,rounded:Boolean,animationSpeed:{type:[String,Number],default:2100},instantFeedback:Boolean},setup(e,{slots:l}){const{proxy:a}=x(),o=C(e,a.$q),r=B(e,Q),i=t(()=>e.indeterminate===!0||e.query===!0),s=t(()=>e.reverse!==e.query),m=t(()=>({...r.value!==null?r.value:{},"--q-linear-progress-speed":`${e.animationSpeed}ms`})),b=t(()=>"q-linear-progress"+(e.color!==void 0?` text-${e.color}`:"")+(e.reverse===!0||e.query===!0?" q-linear-progress--reverse":"")+(e.rounded===!0?" rounded-borders":"")),f=t(()=>c(e.buffer!==void 0?e.buffer:1,s.value,a.$q)),u=t(()=>`with${e.instantFeedback===!0?"out":""}-transition`),q=t(()=>`q-linear-progress__track absolute-full q-linear-progress__track--${u.value} q-linear-progress__track--${o.value===!0?"dark":"light"}`+(e.trackColor!==void 0?` bg-${e.trackColor}`:"")),$=t(()=>c(i.value===!0?1:e.value,s.value,a.$q)),y=t(()=>`q-linear-progress__model absolute-full q-linear-progress__model--${u.value} q-linear-progress__model--${i.value===!0?"in":""}determinate`),S=t(()=>({width:`${e.value*100}%`})),_=t(()=>`q-linear-progress__stripe absolute-${e.reverse===!0?"right":"left"} q-linear-progress__stripe--${u.value}`);return()=>{const d=[n("div",{class:q.value,style:f.value}),n("div",{class:y.value,style:$.value})];return e.stripe===!0&&i.value===!1&&d.push(n("div",{class:_.value,style:S.value})),n("div",{class:b.value,style:m.value,role:"progressbar","aria-valuemin":0,"aria-valuemax":1,"aria-valuenow":e.indeterminate===!0?void 0:e.value},g(l.default,d))}}});export{F as Q,D as a};
|