refs #681 Insert selected emoji from emoji picker

src/renderer/components/TimelineSpace/Modals/NewToot/Status.vue

@@ -34,16 +34,19 @@
       </li>
     </ul>
   </el-popover>
-  <el-button type="text" class="emoji-selector" @click="toggleEmojiPicker" v-click-outside="hideEmojiPicker">
+  <div  v-click-outside="hideEmojiPicker">
+    <el-button type="text" class="emoji-selector" @click="toggleEmojiPicker">
       <icon name="regular/smile" scale="1.2"></icon>
     </el-button>
     <div v-show="openEmojiPicker" class="emoji-picker">
       <picker
         set="emojione"
         :autoFocus="true"
+        @select="selectEmoji"
         />
     </div>
   </div>
+</div>
 </template>
 
 <script>
@@ -284,6 +287,11 @@ export default {
     },
     hideEmojiPicker () {
       this.openEmojiPicker = false
+    },
+    selectEmoji (emoji) {
+      const current = this.$refs.status.selectionStart
+      this.status = `${this.status.slice(0, current)}${emoji.native} ${this.status.slice(current)}`
+      this.hideEmojiPicker()
     }
   }
 }