Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2023-01-08 10:24:30 +09:00
parent c550dafb81
commit b93e56d2e5
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/frontend/src/components/MkSelect.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="vblkjoeq"> <div class="vblkjoeq">
<div class="label" @click="focus"><slot name="label"></slot></div> <div class="label" @click="focus"><slot name="label"></slot></div>
<div ref="container" class="input" :class="{ inline, disabled, focused }" @click.prevent="onClick"> <div ref="container" class="input" :class="{ inline, disabled, focused }" @click.prevent="show" @mousedown.prevent="show">
<div ref="prefixEl" class="prefix"><slot name="prefix"></slot></div> <div ref="prefixEl" class="prefix"><slot name="prefix"></slot></div>
<select <select
ref="inputEl" ref="inputEl"
@ -118,7 +118,7 @@ onMounted(() => {
}); });
}); });
const onClick = (ev: MouseEvent) => { function show(ev: MouseEvent) {
focused.value = true; focused.value = true;
opening.value = true; opening.value = true;
@ -166,7 +166,7 @@ const onClick = (ev: MouseEvent) => {
}).then(() => { }).then(() => {
focused.value = false; focused.value = false;
}); });
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -285,7 +285,7 @@ const onClick = (ev: MouseEvent) => {
<style lang="scss" module> <style lang="scss" module>
.chevron { .chevron {
transition: transform 0.5s ease; transition: transform 0.1s ease-out;
} }
.chevronOpening { .chevronOpening {