review/naming + bugfix for stickers

This commit is contained in:
Henry Jameson 2019-09-12 20:36:43 +03:00
parent 9bd0ed7912
commit 3505e53756
5 changed files with 27 additions and 13 deletions

View file

@ -54,17 +54,28 @@ const EmojiInput = {
required: true,
type: String
},
emojiPicker: {
enableEmojiPicker: {
/**
* Enables emoji picker support, this implies that custom emoji are supported
*/
required: false,
type: Boolean,
default: false
},
emojiPickerExternalTrigger: {
hideEmojiButton: {
/**
enableStickerPicker: {
* intended to use with external picker trigger, i.e. you have a button outside
* input that will open up the picker, see triggerShowPicker()
*/
required: false,
type: Boolean,
default: false
},
stickerPicker: {
enableStickerPicker: {
/**
* Enables sticker picker support, only makes sense when enableEmojiPicker=true
*/
required: false,
type: Boolean,
default: false

View file

@ -4,19 +4,19 @@
class="emoji-input"
>
<slot />
<template v-if="emojiPicker">
<template v-if="enableEmojiPicker">
<div
v-if="!emojiPickerExternalTrigger"
v-if="!hideEmojiButton"
class="emoji-picker-icon"
@click.prevent="togglePicker"
>
<i class="icon-smile" />
</div>
<EmojiPicker
v-if="emojiPicker"
v-if="enableEmojiPicker"
ref="picker"
:class="{ hide: !showPicker }"
:sticker-picker="stickerPicker"
:enable-sticker-picker="enableStickerPicker"
class="emoji-picker-panel"
@emoji="insert"
@sticker-uploaded="onStickerUploaded"