uv-ui/lib/components/water-waves/water-waves.cjs

基于vue3的移动端组件库

"use strict";const e=require("vue");require("./water-waves.vue_vue_type_style_index_0_lang.cjs");const n=e.createStaticVNode('<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 600 140" class="waves-item"><path d="M 0 70 Q 75 20,150 70 T 300 70 T 450 70 T 600 70 L 600 140 L 0 140 L 0 70Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 600 140" class="waves-item"><path d="M 0 70 Q 75 20,150 70 T 300 70 T 450 70 T 600 70 L 600 140 L 0 140 L 0 70Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 600 140" class="waves-item"><path d="M 0 70 Q 75 20,150 70 T 300 70 T 450 70 T 600 70 L 600 140 L 0 140 L 0 70Z"></path></svg>',3),l=[n],v={name:"UvWaterWaves"},i=Object.assign(v,{props:{size:{type:String,default:"200px"},progress:{type:Number,default:0},color:{type:String,default:"#fff"}},setup(r){const s=r,a=e.computed(()=>({width:s.size,height:s.size})),o=e.computed(()=>{let t=s.progress;return t===0?t=-4:t===100&&(t=115),{"--progress":`${t}%`}});return(t,c)=>(e.openBlock(),e.createElementBlock("div",{class:"uv-water-waves",style:e.normalizeStyle(e.unref(a))},[e.createElementVNode("div",{class:"uv-water-waves-inner",style:e.normalizeStyle(e.unref(o))},l,4),e.createElementVNode("div",{class:"uv-water-waves-content",style:e.normalizeStyle({color:r.color})},[e.renderSlot(t.$slots,"default")],4)],4))}});module.exports=i;