|
|
|
@ -2,7 +2,6 @@
|
|
|
|
|
import data from 'emoji-mart-vue-fast/data/apple.json' |
|
|
|
|
import 'emoji-mart-vue-fast/css/emoji-mart.css' |
|
|
|
|
import { Icon } from '@iconify/vue' |
|
|
|
|
|
|
|
|
|
import { EmojiIndex, Picker } from 'emoji-mart-vue-fast/src' |
|
|
|
|
|
|
|
|
|
const props = defineProps<{ |
|
|
|
@ -21,6 +20,7 @@ const clearable = computed(() => {
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
const isOpen = ref(false) |
|
|
|
|
|
|
|
|
|
const emojiIndex = new EmojiIndex(data, { |
|
|
|
|
emojisToShowFilter: (emoji: any) => { |
|
|
|
|
if (Number(emoji.added_in) >= 14) { |
|
|
|
@ -78,6 +78,7 @@ const showClearButton = computed(() => {
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
|
<div> |
|
|
|
|
<a-dropdown v-model:visible="isOpen" :trigger="['click']" :disabled="readonly"> |
|
|
|
|
<div |
|
|
|
|
class="flex flex-row justify-center items-center select-none rounded-md nc-emoji" |
|
|
|
@ -132,6 +133,7 @@ const showClearButton = computed(() => {
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</a-dropdown> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|