UNPKG

visual-design

Version:
1 lines 2.78 kB
{"version":3,"file":"weather2.mjs","sources":["../../../../../../packages/components/weather/src/weather.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div ref=\"_cloud\" class=\"cloud\" />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onMounted, onUnmounted, ref } from 'vue'\nimport { useNamespace } from '@visual-design/hooks'\n// import { weatherProps } from './weather'\ndefineOptions({\n name: 'VWeather',\n})\nconst ns = useNamespace('weather')\n// const props = defineProps(weatherProps)\n// init here\nconst _cloud = ref<HTMLDivElement>()\n\nlet timer = 0\nlet timerTwo = 0\n\nfunction rain() {\n const el = document.createElement('div')\n el.classList.add('raindrop')\n _cloud.value?.appendChild(el)\n const offsetX = Math.floor(Math.random() * 230)\n const duration = Math.random() * 0.5\n const w = Math.random() * 5\n const h = Math.random() * 50\n el.style.left = `${offsetX}px`\n el.style.width = `${0.5 * w}px`\n el.style.height = `${0.5 * h}px`\n el.style.animationDuration = `${1 + duration}s`\n\n timer = setTimeout(() => {\n _cloud.value?.removeChild(el)\n }, 2000)\n}\n\nonMounted(() => {\n timerTwo = setInterval(rain, 20)\n})\nonUnmounted(() => {\n timer && clearTimeout(timer)\n timerTwo && clearInterval(timerTwo)\n})\n</script>\n"],"names":["_a"],"mappings":";;;;;mCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;AACM,IAAA,MAAA,EAAA,GAAK,aAAa,SAAS,CAAA,CAAA;AAGjC,IAAA,MAAM,SAAS,GAAoB,EAAA,CAAA;AAEnC,IAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AACZ,IAAA,IAAI,QAAW,GAAA,CAAA,CAAA;AAEf,IAAA,SAAS,IAAO,GAAA;;AACR,MAAA,MAAA,EAAA,GAAK,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AACpC,MAAA,EAAA,CAAA,SAAA,CAAU,IAAI,UAAU,CAAA,CAAA;AACpB,MAAA,CAAA,EAAA,GAAA,MAAA,CAAA,KAAA,KAAA,mBAAO,WAAY,CAAA,EAAA,CAAA,CAAA;AAC1B,MAAA,MAAM,UAAU,IAAK,CAAA,KAAA,CAAM,IAAK,CAAA,MAAA,KAAW,GAAG,CAAA,CAAA;AACxC,MAAA,MAAA,QAAA,GAAW,IAAK,CAAA,MAAA,EAAW,GAAA,GAAA,CAAA;AAC3B,MAAA,MAAA,CAAA,GAAI,IAAK,CAAA,MAAA,EAAW,GAAA,CAAA,CAAA;AACpB,MAAA,MAAA,CAAA,GAAI,IAAK,CAAA,MAAA,EAAW,GAAA,EAAA,CAAA;AACvB,MAAA,EAAA,CAAA,KAAA,CAAM,IAAO,GAAA,CAAA,EAAG,OAAA,CAAA,EAAA,CAAA,CAAA;AAChB,MAAA,EAAA,CAAA,KAAM,CAAA,KAAA,GAAQ,CAAG,EAAA,GAAA,GAAM,CAAA,CAAA,EAAA,CAAA,CAAA;AACvB,MAAA,EAAA,CAAA,KAAM,CAAA,MAAA,GAAS,CAAG,EAAA,GAAA,GAAM,CAAA,CAAA,EAAA,CAAA,CAAA;AACxB,MAAA,EAAA,CAAA,KAAM,CAAA,iBAAA,GAAoB,CAAG,EAAA,CAAA,GAAI,QAAA,CAAA,CAAA,CAAA,CAAA;AAEpC,MAAA,KAAA,GAAQ,WAAW,MAAM;;AAChB,QAAA,CAAAA,GAAA,GAAA,MAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAO,WAAY,CAAA,EAAA,CAAA,CAAA;AAAA,SACzB,GAAI,CAAA,CAAA;AAAA,KACT;AAEA,IAAA,SAAA,CAAU,MAAM;AACH,MAAA,QAAA,GAAA,WAAA,CAAY,MAAM,EAAE,CAAA,CAAA;AAAA,KAChC,CAAA,CAAA;AACD,IAAA,WAAA,CAAY,MAAM;AAChB,MAAA,KAAA,IAAS,aAAa,KAAK,CAAA,CAAA;AAC3B,MAAA,QAAA,IAAY,cAAc,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}