Merge remote-tracking branch 'origin/develop'

.gitignore

@@ -3,5 +3,9 @@ node_modules/**
 src/bundle/**
 publish/**
 
+ext/bundle/**
+ext/assets/faces/**
+ext/assets/icons/**
+
 # for mac
 **/.DS_Store

CHANGELOG.md

@@ -0,0 +1,70 @@
+<p align="center"><img src="https://i.imgur.com/6ExcDl9.png"/></p>
+<h1 align="center">+Emoji</h1>
+<p align="center">一个简单、可靠、纯粹、中文语义化的 Emoji 扩展</p>
+
+***
+
+名字
+---
+`+Emoji` _灵感来源于 `文字 + Emoji` 之意_
+
+下载
+---
+[Chrome 应用商店](https://chrome.google.com/webstore/detail/+emoji/kieghamlkoahkbimidmahcjpikacoclm) · [Firefox 附加组件](https://addons.mozilla.org/zh-CN/developers/addon/emoji_cn/edit) · [更多版本](http://ksria.com/emoji/)
+
+详细介绍
+---
+https://github.com/Kenshin/emoji
+
+版本说明
+---
+
+#### 1.1.0
+
+> 2017.11.07，包括：`Chrome` 与 `Firefox`
+
+- [x] :sparkles: 新的 `多选插入模式`，详细 [请看这里](https://github.com/Kenshin/emoji/wiki#多选插入模式)；
+
+- [x] :sparkles: 新的 `直接插入模式`，详细 [请看这里](https://github.com/Kenshin/emoji/wiki#直接插入模式)；
+
+- [x] :bug: 修复插入模式输入多个中文只匹配一个的问题；
+
+#### 1.0.0 with Firefox
+
+> 2017.11.03
+
+- [x] :rocket: 适配 `Firefox`，并上架到 [Firefox 附加组件](https://addons.mozilla.org/zh-CN/developers/addon/emoji_cn/)
+
+#### 1.0.0 with Chrome
+
+> 2017.11.02
+
+- [x] :bookmark: 上架 Chrome 应用商城；
+
+#### 1.0.0 测试版
+
+> 2017.10.25 ~ 2017.10.31
+
+- [x] :lipstick: `2017.10.31` 完成 `+Emoji` 的首页；
+
+- [x] :construction: `2017.10.28` 增加 [单选插入模式](https://github.com/Kenshin/emoji/wiki#单选插入模式) 的 `中文匹配` 模式；
+
+- [x] :sparkles: `2017.10.27` 完成 `选项页` 的功能；
+
+- [x] :wrench: `2017.10.25` 完成 `开发环境` 与 `发布环境` 的自动化配置；
+
+#### 1.0.0 - 内部测试版
+
+> 2017.09.16 ~ 2017.09.22
+
+- [x] :sparkles: `2017.09.21` 完成 [单选插入模式](https://github.com/Kenshin/emoji/wiki#单选插入模式) 的 `Tab 迁移功能` ；
+
+- [x] :sparkles: `2017.09.20` 完成 [单选插入模式](https://github.com/Kenshin/emoji/wiki#单选插入模式) 的 `ESC 退出功能`；
+
+- [x] :sparkles: `2017.09.19` 完成 `独立窗体` 功能；
+
+- [x] :sparkles: `2017.09.19` 替换 Popup 为 `Google Android 7.0 Emoji`；
+
+- [x] :tada: `2017.09.18` 完成 `单选插入模式`；
+
+- [x] :tada: `2017.09.16` 需求构思，并初次提交；

README.md

@@ -1,45 +1,36 @@
 <p align="center"><img src="https://i.imgur.com/6ExcDl9.png"/></p>
 <h1 align="center">+Emoji</h1>
-<p align="center">一个基于 Chrome 简单、可靠、纯粹、中文语义化的 Emoji 扩展</p>
+<p align="center">一个简单、可靠、纯粹、中文语义化的 Emoji 扩展</p>
 
 ***
 
 ### 名字：
 `+Emoji` _灵感来源于 `文字 + Emoji` 之意_
 
 ### 下载：
-http://ksria.com/emoji
-
-### 截图：
-
-**独立窗口**  
-<img src="http://ksria.com/emoji/assets/images/window.png" width="500" />
-
-**Popup 窗口**  
-<img src="http://ksria.com/emoji/assets/images/popup.png" width="500" />
-
-**中文语义化**  
-<img src="http://ksria.com/emoji/assets/images/chinese.gif" />
-
-**插入全部**  
-<img src="https://i.imgur.com/QLgzf4B.gif" />
-
-**选项**  
-<img src="http://ksria.com/emoji/assets/images/option.png" width="500" />
+[Chrome 应用商店](https://chrome.google.com/webstore/detail/+emoji/kieghamlkoahkbimidmahcjpikacoclm) · [Firefox 附加组件](https://addons.mozilla.org/zh-CN/developers/addon/emoji_cn/) · [更多版本](http://ksria.com/emoji/)
 
 ### 功能：
 
 - 使用了最基本的 Emoji 集合，支持任何 App；  
 _均不会出现乱码情况_
 
-- 支持关键字（中/英文）查询匹配 Emoji；  
-  > 呼出关键字 [:: | ：：] [关键字 | 空格] [空格]
+- 支持 `中文语义`并具有多种插入模式：
+
+  1. **[单选插入模式](https://github.com/Kenshin/emoji/wiki#单选插入模式)**  
+  _通过触发条件以及关键字会显示相关的 Emoji，适合全键盘操作；触发条件默认为 [:: | ：：] [关键字 | 空格] [空格]_
+
+      例如：
+      * `::gr　`   // 查询关键字 gr 为内容的 Emoji
+      * `::　　`    // 查询全部 Emoji
+      * `：：笑　` // 查询中文语义
+      * `：：　　`  // 查询全部 Emoji
+
+  2. **[多选插入模式](https://github.com/Kenshin/emoji/wiki#多选插入模式)**  
+  _通过 `右键菜单` 进入，显示全部的 Emoji，可跟随光标插入，适合鼠标操作；_
 
-  例如：
-  * `::gr　`   // 查询关键字 gr 为内容的 Emoji
-  * `::　　`    // 查询全部 Emoji
-  * `：：笑　` // 查询中文语义
-  * `：：　　`  // 查询全部 Emoji
+  3. **[直接插入模式](https://github.com/Kenshin/emoji/wiki#直接插入模式)**  
+  _当明确知道 Emoji 的名称，或通过关键字查找的结果唯一的话，则直接将 Emoji 插入到触发器中；_
 
 - 复制到剪切板并支持多个复制；
 
@@ -50,18 +41,45 @@ _均不会出现乱码情况_
 
 - 个性化定制，包括：可定义触发条件、插入规则，黑名单（支持 [minimatch](https://github.com/isaacs/minimatch) 模糊匹配）等；
 
+### 截图：
+
+**独立窗口**  
+<img src="https://i.imgur.com/aYRpQvC.png" width="500" />
+
+**Popup 窗口**  
+<img src="https://i.imgur.com/v7SUppd.png" width="500" />
+
+**选项**  
+<img src="https://i.imgur.com/B5W0xNm.png" width="500" />
+
+**中文语义化**  
+<img src="http://ksria.com/emoji/assets/images/chinese.gif" />
+
 ### 附一段使用视频：
 
 - [常规操作](https://i.imgur.com/XYTpirX.gif)
 
 - [语义化插入](https://i.imgur.com/GCPgNrt.gif)
 
+### 投票：
+`+Emoji` 是一个免费并开源的项目，如果觉得不错，请帮忙好评 [Chrome 应用商店](https://chrome.google.com/webstore/detail/%2Bemoji/kieghamlkoahkbimidmahcjpikacoclm/reviews) · [Firefox 附加组件](https://addons.mozilla.org/zh-CN/firefox/addon/emoji_cn/reviews/) ，你的认可是对我最大的鼓励 😀 。
+
 ### 已知问题：
 
 - iFrame 无法使用 `插入模式`；
 
 - 非标准 `<input> / <textarea>` 类标签无法使用快捷键 `::  ` 呼出 `插入模式`；
 
+### 下一步：
+- [ ] 导入/导出配置；  
+- [ ] 同步配置文件；  
+
+### 相关链接：
+* [更新日志](https://github.com/Kenshin/emoji/blob/master/CHANGELOG.md)
+* [帮助中心](https://github.com/kenshin/emoji/wiki)
+* [反馈](https://github.com/kenshin/emoji/issues)
+* [联系](http://kenshin.wang) · [邮件]([email protected]) · [微博](http://weibo.com/23784148) 
+
 ### 感谢：
 
 - https://github.com/Janson-Leung/Emoji-Extension-for-Chrome  
@@ -72,7 +90,7 @@ _均不会出现乱码情况_
 
 > **`+Emoji` 使用了 [Emoji-Extension-for-Chrome](https://github.com/Janson-Leung/Emoji-Extension-for-Chrome) 部分代码；中文语义字典由 [apple-emoji-dict](https://github.com/dofy/apple-emoji-dict) 提供来源。**
 
-### 简悦的诞生离不开它们：
+### +Emoji的诞生离不开它们：
 - Emoji 来源于 [Google Android 7.0](https://github.com/googlei18n/noto-emoji)
 - LOGO 来源于 [ShareIcon](https://www.shareicon.net/wink-interface-faces-emoji-ideogram-tongue-feelings-emoticons-smileys-798496)
 - [Node.js](https://nodejs.org/) · [NPM](https://www.npmjs.com)
@@ -84,7 +102,7 @@ _均不会出现乱码情况_
 - [Sketch](https://www.sketchapp.com/) · [Pixelmator](http://www.pixelma
 - 咖啡 · 网易音乐 · Google Chrome · rMBP
 
-#### 请杯咖啡：
+### 请杯咖啡：
 如果你找不到适合的 Emoji 扩展，并觉得 +Emoji 还不错的话，请我喝杯咖啡也是件惬意的事情 😁 😘 👍
 ![支付](http://ksria.qiniudn.com/zhifu_m.png)
 

ext/_locales/zh_CN/messages.json

@@ -0,0 +1,9 @@
+{
+   "desc": {
+      "message": "一个简单、可靠、纯粹、中文语义化的 Emoji 扩展。"
+   },
+   "extName": {
+      "description": "Extension name.",
+      "message": "+Emoji"
+   }
+}

ext/_locales/zh_TW/messages.json

@@ -0,0 +1,9 @@
+{
+   "desc": {
+      "message": "一個簡單、可靠、純粹、中文語義化的 Emoji 擴展。"
+   },
+   "extName": {
+      "description": "Extension name.",
+      "message": "+Emoji"
+   }
+}

ext/assets/css/style.css

@@ -0,0 +1,54 @@
+
+#simpemoji {
+    display: none;
+    position: absolute;
+
+    padding: 5px;
+
+    background-color: #fff;
+
+    border-radius: 3px;
+    box-shadow: 0 1px 2px rgba(0,0,0,.23);
+
+    z-index: 999999999;
+}
+
+#simpemoji .simpemoji-bg {
+    display: none;
+    position: fixed;
+
+    top: 0;
+    left: 0;
+
+    width: 100%;
+    height: 100%;
+
+    cursor: pointer;
+}
+
+#simpemoji .simpemoji-face {
+    display: flex;
+    flex-flow: row wrap;
+
+    max-height: 200px;
+
+    overflow: scroll;
+    overflow-x: hidden;
+}
+
+#simpemoji .simpemoji-face img {
+    margin: 2px;
+    padding: 2px;
+
+    width: 25px;
+    height: 25px;
+
+    cursor: pointer;
+    -webkit-transition: all .15s;
+}
+
+#simpemoji .simpemoji-face .highlight-face {
+    padding: 2px;
+    background-color: #E5E7E8;
+    border-radius: 3px;
+}