mirrors/elk
1
0
Fork 0
mirror of https://github.com/elk-zone/elk.git synced 2024-11-24 10:16:06 +03:00
Code Issues Projects Releases Packages Wiki Activity

refactor: tidy injections of dropdown

Browse source
This commit is contained in:
三咲智子 2023-01-03 19:58:08 +08:00
parent 4a3cef9a01
commit ef417f3ccf
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
5 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/common/dropdown/Dropdown.vue
View file

@ -1,5 +1,6 @@
<script setup lang="ts">
import { dropdownContextKey } from './ctx'
import { InjectionKeyDropdownContext } from '~/constants/symbols'
defineProps<{
placement?: string
}>()
@ -8,7 +9,7 @@ const dropdown = $ref<any>()
const colorMode = useColorMode()
const hide = () => dropdown.hide()
provide(dropdownContextKey, {
provide(InjectionKeyDropdownContext, {
hide,
})

4
components/common/dropdown/DropdownItem.vue
View file

@ -1,6 +1,4 @@
<script setup lang="ts">
import { dropdownContextKey } from './ctx'
const props = defineProps<{
text?: string
description?: string
@ -10,7 +8,7 @@ const props = defineProps<{
}>()
const emit = defineEmits(['click'])
const { hide } = inject(dropdownContextKey, undefined) || {}
const { hide } = useDropdownContext() || {}
const el = ref<HTMLDivElement>()

5
components/common/dropdown/ctx.ts
View file

@ -1,5 +0,0 @@
import type { InjectionKey } from 'vue'
export const dropdownContextKey: InjectionKey<{
hide: () => void
}> = Symbol('dropdownContextKey')

6
composables/injections.ts
View file

@ -1,5 +1,9 @@
import { InjectionKeyFontSize } from '~/constants/symbols'
import { InjectionKeyDropdownContext, InjectionKeyFontSize } from '~/constants/symbols'
export function useFontSizeRef() {
return inject(InjectionKeyFontSize)!
}
export function useDropdownContext() {
return inject(InjectionKeyDropdownContext, undefined)
}

6
constants/symbols.ts
View file

@ -1,4 +1,8 @@
import type { InjectionKey, Ref } from 'vue'
import type { FontSize } from '~/types'
export const InjectionKeyFontSize = Symbol('font-size') as InjectionKey<Ref<FontSize>>
export const InjectionKeyFontSize: InjectionKey<Ref<FontSize>> = Symbol('font-size')
export const InjectionKeyDropdownContext: InjectionKey<{
hide: () => void
}> = Symbol('dropdown-context')