添加收藏文本功能，更改划词搜索UI

README.md

@@ -1,4 +1,4 @@
-# 程序员手册 V1.0.2
+# 程序员手册 V1.0.3
 
 ## 简介
 
@@ -14,11 +14,35 @@
 
 [PHP函数查询助手](https://yuanliao.info/d/329) [Linux命令查询手册](https://yuanliao.info/d/336)
 
+## 基本操作
+
+- 列表界面：
+  - 查看选中的内容 `⏎`/`🖱左键`
+  - 发送选中的内容至上一个活动窗口 `⇪ + ⏎`/`🖱中键`
+  - 上下选择 `⇧`/`⇩`
+- 手册界面
+  - 切换列表和手册视图 `tab`/`🖱右键`
+  - 发送选中的内容至上一个活动窗口 `⇪ + ⏎`/`🖱中键`
+  - 搜索下一个关键词 `⏎`
+  - 选中文本后翻译 `T`
+  - 选中文本后收藏 `S`
+- 退出插件 `esc`
+
 ## 更新
 
+### v1.0.3
+
+- 增加收藏的功能，调用官方的`收藏`插件进行收藏，手册界面选择文本后按`S`键即可收藏
+
+- 调整划词翻译功能的UI
+
+- 更新列表界面和手册界面字输入框内的说明，提示各个快捷键的功能
+
+![1.gif](https://user-gold-cdn.xitu.io/2020/4/5/17145ebc2700a7a6?w=804&h=611&f=gif&s=531752)
+
 ### v1.0.2
 
-- 增加划词翻译的功能，调用有道的英译中的接口。手册界面选中文本后按“T”键即可翻译，翻译结果暂时通过系统弹窗显示（偷懒），由于弹窗大小限制，如果翻译内容太长可能会显示不全
+- 增加划词翻译的功能，调用有道的英译中的接口。手册界面选中文本后按`T`键即可翻译
 
 ### v1.0.1
 
@@ -181,22 +205,8 @@
 
 ## 关键字
 
-## 关键字
-
 `手册设置` `dash` `linux命令` `php函数` `python库` `C函数` `vim命令` `git命令` `docker命令` `sql手册` `uToolsAPI` 等
 
-## 基本操作
-
-- 列表界面：
-  - 查看选中的内容 `⏎` `🖱左键`
-  - 发送选中的内容至上一个活动窗口 `⇪ + ⏎` `🖱中键`
-  - 上下选择 `⇧` `⇩`
-- 手册界面
-  - 切换列表和手册视图 `tab` `🖱右键`
-  - 发送选中的内容至上一个活动窗口 `⇪ + ⏎` `🖱中键`
-  - 搜索下一个关键词 `⏎`
-  - 选中文本后翻译 `T`
-- 退出插件 `esc`
 
 ## 手册一览
 

assets/index.js

@@ -142,6 +142,7 @@ toggleView = () => {
         manualSubInput();
     } else if ($("#manual").is(":visible") && $("#mainlist").is(":hidden")) {
         $("#manual").fadeOut();
+        $("#infopannel").fadeOut();
         $("#mainlist").fadeIn();
         let num = $(".info").length
         utools.setExpendHeight(num > 11 ? 550 : 50 * num);
@@ -254,6 +255,7 @@ utools.onPluginOut(() => {
     $("#options").html('').hide();
     $("#manual").html('').hide();
     $(".load").html('').hide();
+    $("#infopannel").html('').hide();;
     $('link[name="manual"]').remove();
 })
 
@@ -286,6 +288,8 @@ $("#manual").on('mousedown', function (e) {
     } else if (2 == e.which) {
         var select = document.getSelection().toString();
         select && sendText(select);
+    } else if (1 == e.which) {
+        $("#infopannel").fadeOut(300);
     }
 })
 
@@ -379,6 +383,17 @@ $(document).keydown(e => {
                 }
             }
             break;
+        // 收藏
+        case 83:
+            if ($('#mainlist').is(':hidden') && $("#manual").is(":visible")) {
+                let text = window.getSelection().toString();
+                if (text) {
+                    utools.redirect('收藏', {
+                        'type': 'text',
+                        'data': text
+                    })
+                }
+            }
         // 划词翻译
         case 84:
             if ($('#mainlist').is(':hidden') && $("#manual").is(":visible")) {
@@ -388,6 +403,7 @@ $(document).keydown(e => {
                         utools.showNotification('中文你还看不懂嘛！', clickFeatureCode = null, silent = true)
                     } else {
                         let enText = encodeURIComponent(text)
+                        $("#infopannel").html('在线翻译中...').fadeIn(300);
                         $.get("http://fanyi.youdao.com/translate?&doctype=json&type=EN2ZH_CN&i=" + enText, data => {
                             let result = data.translateResult;
                             let cnText = '';
@@ -397,10 +413,9 @@ $(document).keydown(e => {
                                 for (var a of r) {
                                     cnText += a.tgt;
                                 }
-                                cnText += '\r';
+                                cnText += '<br>';
                             }
-                            let msg = '翻译结果：\n' + cnText;
-                            utools.showNotification(msg, clickFeatureCode = null, silent = true)
+                            $("#infopannel").html(cnText)
                         })   
                     }
                 }

assets/style.css

@@ -79,6 +79,17 @@
     display: none;
 }
 
+#infopannel {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 1rem;
+    color: white;
+    background: #24292ee3;
+    display: none;
+}
+
 .founds {
     background-color: #ff572236;
     color: #fd4005;

index.html

@@ -20,6 +20,7 @@
     <div id="mainlist"></div>
     <div id="manual"></div>
     <div id="options"></div>
+    <div id="infopannel"></div>
     <div class="load"></div>
     <script src="assets/options.js"></script>
     <script src="assets/index.js"></script>

plugin.json

@@ -4,7 +4,7 @@
     "main": "index.html",
     "homepage": "https://github.com/fofolee/uTools-Manuals",
     "publishPage": "https://yuanliao.info/d/356",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "author": "云之轩",
     "logo": "logo.png",
     "platform": [ "win32", "darwin", "linux" ],