fix: manualClose not work and close event not exist (close #17,#18)

add: add immediateClose option to close dialog when click emoji (close #18)

Author: ADKcodeXD

README.md

@@ -336,7 +336,7 @@ const customTheme = {
 
 |     配置名     |       配置类型        |       默认值        |                                              说明/备注                                               |
 | :------------: | :-------------------: | :-----------------: | :--------------------------------------------------------------------------------------------------: |
-|      size      | ‘mid’\|'small'\|'big' |         mid         |                                           用于调整整体大小                                           |
+|      size      | 'mid'\|'small'\|'big' |         mid         |                                           用于调整整体大小                                           |
 |     theme      |   'dark'\|'default'   |       default       |                                     主题切换 支持亮色和暗黑主题                                      |
 |  manualClose   |        boolean        |        false        |                                 设置为 true 可以手动控制弹出框的关闭                                 |
 |  optionsName   |           -           |         {}          |                                           翻译原有板块名字                                           |
@@ -352,6 +352,7 @@ const customTheme = {
 | unicodeVersion |        number         |         11          |                            在某些设备上可能不能兼容高版本的 emojiunicode                             |
 |     _skin_     |           -           |        none         |                                          暂时无法很好的支持                                          |
 |  tippyOptions  |  自定义 tippy 的配置  |                     |                         https://atomiks.github.io/tippyjs/v6/customization/                          |
+| immediateClose |        boolean        |        false        |                                   设置为 true 时点击表情后立即关闭                                   |
 
 ```ts
 type FixType = 'upleft' | 'upright' | 'upcenter' | 'downleft' | 'downright' | 'downcenter' //控制表情弹出框的位置

package.json

@@ -3,7 +3,7 @@
   "private": false,
   "author": "ADKCodeXD",
   "description": "一个简单的Emoji表情选择组件",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "license": "MIT",
   "main": "./dist/Vue3Emoji.umd.js",
   "module": "./dist/Vue3Emoji.es.js",

src/App.vue

@@ -19,6 +19,7 @@ const optionsName = {
 }
 const disableGroup = ['食物&饮料']
 const abc = ref('这里是双向绑定的值')
+const manualClose = ref()
 const clickEvent = ref('')
 const customIcon: Emoji.JsonData = {
   'Smileys & Emotion': '😚',
@@ -64,6 +65,10 @@ const disableGroup2 = [
   'Flags',
   'Activities',
 ]
+
+const closeCustom = () => {
+  manualClose.value?.closePop()
+}
 </script>
 
 <template>
@@ -96,6 +101,25 @@ const disableGroup2 = [
       <V3Emoji size="mid" :custom-tab="customTab" :disable-group="disableGroup2" />
       <p>customTab</p>
     </div>
+    <div class="test">
+      <V3Emoji size="mid" :keep="true" />
+      <p>keep</p>
+    </div>
+    <div class="test">
+      <V3Emoji
+        size="mid"
+        :immediate-close="true"
+        :manual-close="true"
+        ref="manualClose"
+        @close="
+          () => {
+            console.log('close')
+          }
+        "
+      />
+      <p>manual-close</p>
+    </div>
+    <button @click="closeCustom">close</button>
   </div>
   <div id="app">
     <div>