diff options
Diffstat (limited to 'src/components/emoji_input')
| -rw-r--r-- | src/components/emoji_input/emoji_input.js | 17 | ||||
| -rw-r--r-- | src/components/emoji_input/emoji_input.vue | 8 |
2 files changed, 18 insertions, 7 deletions
diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js index 6dc006f8..94af6e2f 100644 --- a/src/components/emoji_input/emoji_input.js +++ b/src/components/emoji_input/emoji_input.js @@ -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 diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue index b077e6e9..53b38573 100644 --- a/src/components/emoji_input/emoji_input.vue +++ b/src/components/emoji_input/emoji_input.vue @@ -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" |
