☰

Github 增强 - 高速下载

高速下载 Git Clone/SSH、Release、Raw、Code(ZIP) 等文件、项目列表单文件快捷下载 (☁)

当前为 2021-07-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Github 增强 - 高速下载
  3. // @version      1.5.5
  4. // @author       X.I.U
  5. // @description  高速下载 Git Clone/SSH、Release、Raw、Code(ZIP) 等文件、项目列表单文件快捷下载 (☁)
  6. // @match        *://github.com/*
  7. // @match        *://hub.fastgit.org/*
  8. // @icon         https://i.loli.net/2021/03/30/ULV9XunaHesqGIR.png
  9. // @grant        GM_registerMenuCommand
  10. // @grant        GM_unregisterMenuCommand
  11. // @grant        GM_openInTab
  12. // @grant        GM_getValue
  13. // @grant        GM_setValue
  14. // @grant        GM_notification
  15. // @license      GPL-3.0 License
  16. // @run-at       document-end
  17. // @namespace    https://greasyfork.org/scripts/412245
  18. // ==/UserScript==
  19.  
  20. (function() {
  21.     var backColor = '#ffffff';
  22.     var fontColor = '#888888';
  23.     if (document.getElementsByTagName('html')[0].getAttribute('data-color-mode') === 'dark') { // 黑暗模式判断
  24.         if (document.getElementsByTagName('html')[0].getAttribute('data-dark-theme') === 'dark_dimmed') {
  25.             backColor = '#272e37';
  26.             fontColor = '#768390';
  27.         } else {
  28.             backColor = '#161a21';
  29.             fontColor = '#b2b8bf';
  30.         }
  31.     } else if (document.getElementsByTagName('html')[0].getAttribute('data-color-mode') === 'auto') {
  32.         console.log(window.getComputedStyle(document.body).backgroundColor)
  33.         if (window.getComputedStyle(document.body).backgroundColor === 'rgb(34, 39, 46)') {
  34.             backColor = '#272e37';
  35.             fontColor = '#768390';
  36.         } else if (window.getComputedStyle(document.body).backgroundColor === 'rgb(13, 17, 23)') {
  37.             backColor = '#161a21';
  38.             fontColor = '#b2b8bf';
  39.         }
  40.     }
  41.     //['https://gh.66ccff.work', '美国'],
  42.     //['https://github.91chifun.workers.dev', '美国'],
  43.     //['https://github.rc1844.workers.dev', '美国'],
  44.     var download_url = [
  45.         ['https://gh.api.99988866.xyz', '美国'],
  46.         ['https://gh.msx.workers.dev', '美国'],
  47.         ['https://gh.xiu2.xyz', '美国'],
  48.         ['https://gh.argv.cc', '美国费利蒙'],
  49.         ['https://git.yumenaka.net', '美国洛杉矶'],
  50.         ['https://download.fastgit.org', '日本东京'],
  51.         ['https://ghproxy.com', '韩国首尔'],
  52.         ['https://pd.zwc365.com/seturl', '中国香港']
  53.     ],
  54.         clone_url = [
  55.             ['https://hub.fastgit.org', '中国香港'],
  56.             ['https://gitclone.com', '中国浙江'],
  57.             ['https://github.com.cnpmjs.org', '新加坡']
  58.         ],
  59.         clone_ssh_url = [
  60.             ['git@git.zhlh6.cn', '中国北京'],
  61.             ['git@hub.fastgit.org', '中国香港']
  62.         ],
  63.         raw_url = [
  64.             ['https://raw.githubusercontent.com', 'Github 原生',''],
  65.             ['https://cdn.jsdelivr.net','中国国内', '注意：该加速源存在缓存机制（24小时），所以文件可能不是最新。
注意：当前分支所有文件总文件大小超过 50MB 时，该加速源不可用。
注意：当前分支名为版本号格式时（如 v1.2.3），该高速下载链接因格式限制不可用。'],
  66.             ['https://raw.fastgit.org','中国香港', '注意：单个文件太大时可能会提示超时（实时获取中），请重试。'],
  67.             ['https://cdn.staticaly.com','日本东京', '注意：该加速是全球 Anycast CDN，国内一般分配到日本节点。'],
  68.             ['https://ghproxy.com','韩国首尔', '']
  69.         ],
  70.         svg = [
  71.             '<svg class="octicon octicon-file-zip mr-3" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3.5 1.75a.25.25 0 01.25-.25h3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h2.086a.25.25 0 01.177.073l2.914 2.914a.25.25 0 01.073.177v8.586a.25.25 0 01-.25.25h-.5a.75.75 0 000 1.5h.5A1.75 1.75 0 0014 13.25V4.664c0-.464-.184-.909-.513-1.237L10.573.513A1.75 1.75 0 009.336 0H3.75A1.75 1.75 0 002 1.75v11.5c0 .649.353 1.214.874 1.515a.75.75 0 10.752-1.298.25.25 0 01-.126-.217V1.75zM8.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM6 5.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5A.75.75 0 016 5.25zm2 1.5A.75.75 0 018.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 6.75zm-1.25.75a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM8 9.75A.75.75 0 018.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 9.75zm-.75.75a1.75 1.75 0 00-1.75 1.75v3c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75v-3a1.75 1.75 0 00-1.75-1.75h-.5zM7 12.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v2.25H7v-2.25z"></path></svg>',
  72.             '<svg class="octicon octicon-clippy" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg>',
  73.             '<svg class="octicon octicon-cloud-download" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M9 12h2l-3 3-3-3h2V7h2v5zm3-8c0-.44-.91-3-4.5-3C5.08 1 3 2.92 3 5 1.02 5 0 6.52 0 8c0 1.53 1 3 3 3h3V9.7H3C1.38 9.7 1.3 8.28 1.3 8c0-.17.05-1.7 1.7-1.7h1.3V5c0-1.39 1.56-2.7 3.2-2.7 2.55 0 3.13 1.55 3.2 1.8v1.2H12c.81 0 2.7.22 2.7 2.2 0 2.09-2.25 2.2-2.7 2.2h-2V11h2c2.08 0 4-1.16 4-3.5C16 5.06 14.08 4 12 4z"></path></svg>'
  74.         ],
  75.         style = ['padding:0 6px;margin-right: -1px;border-radius: 2px;background-color: '+backColor+';border-color: rgba(27, 31, 35, 0.1);font-size: 11px;color: '+fontColor+';'],
  76.         menu_raw_fast = GM_getValue('xiu2_menu_raw_fast'),
  77.         menu_menu_raw_fast_ID, menu_feedBack_ID;
  78.     if (menu_raw_fast == null){menu_raw_fast = 1; GM_setValue('xiu2_menu_raw_fast', 1)};
  79.  
  80.     registerMenuCommand();
  81.     // 注册脚本菜单
  82.     function registerMenuCommand() {
  83.         if (menu_feedBack_ID) { // 如果反馈菜单ID不是 null，则删除所有脚本菜单
  84.             GM_unregisterMenuCommand(menu_menu_raw_fast_ID);
  85.             GM_unregisterMenuCommand(menu_feedBack_ID);
  86.             menu_raw_fast = GM_getValue('xiu2_menu_raw_fast');
  87.         }
  88.         if (menu_raw_fast > raw_url.length - 1) { // 避免在减少 raw 数组后，用户储存的数据大于数组而报错
  89.             menu_raw_fast = 0
  90.         }
  91.         menu_menu_raw_fast_ID = GM_registerMenuCommand(`🔄 [ ${raw_url[menu_raw_fast][1]} ] 加速源 (☁) - 点击切换`, menu_toggle_raw_fast);
  92.         menu_feedBack_ID = GM_registerMenuCommand('💬 反馈 & 建议 [Github]', function () {window.GM_openInTab('https://github.com/XIU2/UserScript', {active: true,insert: true,setParent: true});window.GM_openInTab('https://greasyfork.org/zh-CN/scripts/412245/feedback', {active: true,insert: true,setParent: true});});
  93.     }
  94.  
  95.     // 切换加速源
  96.     function menu_toggle_raw_fast() {
  97.         if (menu_raw_fast >= raw_url.length - 1) { // 如果当前加速源位置大于等于加速源总数，则改为第一个加速源，反之递增下一个加速源
  98.             menu_raw_fast = 0;
  99.         } else {
  100.             menu_raw_fast += 1;
  101.         }
  102.         GM_setValue('xiu2_menu_raw_fast', menu_raw_fast);
  103.         delRawDownLink(); // 删除旧加速源
  104.         addRawDownLink(); // 添加新加速源
  105.         GM_notification({text: "已切换加速源为：" + raw_url[menu_raw_fast][1], timeout: 3000}); // 提示消息
  106.         registerMenuCommand(); // 重新注册脚本菜单
  107.     };
  108.  
  109.     addRelease(); // Release 加速
  110.     addDownloadZIP(); // Download ZIP 加速
  111.     addGitClone(); // Git Clone 加速
  112.     addGitCloneSSH(); // Git Clone SSH 加速
  113.     addRawFile(); // Raw 加速
  114.     setTimeout(addRawDownLink, 2000); // 添加 Raw 下载链接（☁），延迟 2 秒执行，避免被 pjax 刷掉
  115.  
  116.     document.addEventListener('pjax:success',function(){ // pjax 事件发生后
  117.         addRelease(); // Release 加速
  118.         addDownloadZIP(); // Download ZIP 加速
  119.         addGitClone(); // Git Clone 加速
  120.         addGitCloneSSH(); // Git Clone SSH 加速
  121.         addRawFile(); // Raw 加速
  122.         setTimeout(addRawDownLink, 2000); // 添加 Raw 下载链接（☁），延迟 2 秒执行，避免被 pjax 刷掉
  123.     });
  124.  
  125.     pushHistory();
  126.     window.addEventListener('popstate', function(e) {
  127.         addRawDownLink_(); // 在浏览器返回/前进时重新添加 Raw 下载链接（☁）鼠标事件
  128.     }, false);
  129.     function pushHistory() {
  130.         let state = {title: 'title',url: '#'};
  131.         window.history.pushState(state, '', '');
  132.     }
  133.  
  134.  
  135.     // Release
  136.     function addRelease() {
  137.         let html = document.getElementsByClassName('Box Box--condensed');if (!html) return
  138.         let divDisplay;
  139.         if (document.documentElement.clientWidth > 1000) {
  140.             divDisplay = 'display: flex;';
  141.         } else {
  142.             divDisplay = 'display: block;';
  143.         }
  144.         Array.from(html).forEach(function (current) {
  145.             current.querySelectorAll('.d-flex.Box-body > a').forEach(function (_this) {
  146.                 let href = _this.href.split(location.host),
  147.                     url = [],
  148.                     _html = `<div style="${divDisplay}justify-content: flex-end;">`;
  149.  
  150.                 for (let i=0;i<download_url.length;i++){
  151.                     if (download_url[i][0] === 'https://download.fastgit.org') {
  152.                         url[i] = download_url[i][0] + href[1]
  153.                     } else {
  154.                         url[i] = download_url[i][0] + '/' + _this.href
  155.                     }
  156.                     if (location.host === 'hub.fastgit.org') url[i] = url[i].replace('hub.fastgit.org','github.com')
  157.                 }
  158.  
  159.                 for (let i=0;i<url.length;i++) {
  160.                     _html += `<a style="${style[0]}" class="btn" href="${url[i]}" rel="noreferrer noopener nofollow">${download_url[i][1]}</a>`
  161.                 }
  162.                 _html += `</div>`
  163.                 _this.nextElementSibling.insertAdjacentHTML('afterend', _html);
  164.             });
  165.             // 修改[文件大小]元素样式
  166.             document.querySelectorAll('small.pl-2.color-text-secondary.flex-shrink-0').forEach(el=>{el.style.cssText='display: flex; justify-content: flex-end; flex-grow: 1; margin-right: 8px;'});
  167.  
  168.  
  169.             // Source Code
  170.             current.querySelectorAll('.d-block.Box-body > a').forEach(function (_this) {
  171.                 let href = _this.href.split(location.host),
  172.                     url = [],
  173.                     _html = `<div style="${divDisplay}justify-content: flex-end;flex-grow: 1;">`;
  174.  
  175.                 for (let i=0;i<download_url.length;i++){
  176.                     if (download_url[i][0] === 'https://download.fastgit.org') {
  177.                         url[i] = download_url[i][0] + href[1]
  178.                     } else {
  179.                         url[i] = download_url[i][0] + '/' + _this.href
  180.                     }
  181.                     if (location.host === 'hub.fastgit.org') url[i] = url[i].replace('hub.fastgit.org','github.com')
  182.                 }
  183.  
  184.                 for (let i=0;i<url.length;i++) {
  185.                     _html += `<a style="${style[0]}" class="btn" href="${url[i]}" rel="noreferrer noopener nofollow">${download_url[i][1]}</a>`
  186.                 }
  187.                 _html += `</div>`
  188.                 _this.insertAdjacentHTML('afterend', _html);
  189.             });
  190.         });
  191.         // 修改 Source code 样式，使其和加速按钮并列一排
  192.         document.querySelectorAll('div.d-block.py-1.py-md-2.Box-body.px-2').forEach(el=>{el.className='d-flex py-1 py-md-2 Box-body px-2'});
  193.     }
  194.  
  195.  
  196.     // Download ZIP
  197.     function addDownloadZIP() {
  198.         let html = document.querySelector('.dropdown-menu.dropdown-menu-sw.p-0 ul li:last-child');if (!html) return
  199.         let href = html.getElementsByTagName('a')[0].href,
  200.             url = [],
  201.             _html = ``;
  202.  
  203.         for (let i=0;i<download_url.length;i++){
  204.             if (download_url[i][0] === 'https://download.fastgit.org') {
  205.                 url[i] = download_url[i][0] + href.split(location.host)[1]
  206.             } else {
  207.                 url[i] = download_url[i][0] + '/' + href
  208.             }
  209.             if (location.host === 'hub.fastgit.org') url[i] = url[i].replace('hub.fastgit.org','github.com')
  210.         }
  211.  
  212.         for (let i=0;i<url.length;i++) {
  213.             _html += `<li class="Box-row Box-row--hover-gray p-0"><a class="d-flex flex-items-center color-text-primary text-bold no-underline p-3" rel="noreferrer noopener nofollow" href="${url[i]}">${svg[0]}Download ZIP ${download_url[i][1]}</a></li>`
  214.         }
  215.         html.insertAdjacentHTML('afterend', _html);
  216.     }
  217.  
  218.  
  219.     // Git Clone
  220.     function addGitClone() {
  221.         let html = document.querySelector('[role="tabpanel"]:nth-child(2) div.input-group');if (!html) return
  222.         let href_split = html.getElementsByTagName('input')[0].getAttribute('value').split(location.host),
  223.             url = [],
  224.             _html = ``;
  225.  
  226.         for (let i=0;i<clone_url.length;i++){
  227.             if (clone_url[i][0] === 'https://gitclone.com') {
  228.                 url[i] = clone_url[i][0] + '/github.com' + href_split[1]
  229.             } else {
  230.                 url[i] = clone_url[i][0] + href_split[1]
  231.             }
  232.         }
  233.  
  234.         for (let i=0;i<url.length;i++) {
  235.             _html += `<div class="input-group" style="margin-top: 4px;" title="加速源：${clone_url[i][1]} （点击可直接复制）"><input value="${url[i]}" aria-label="${url[i]}" type="text" class="form-control input-monospace input-sm bg-gray-light" data-autoselect="" readonly=""><div class="input-group-button"><clipboard-copy value="${url[i]}" aria-label="Copy to clipboard" class="btn btn-sm" tabindex="0" role="button">${svg[1]}</clipboard-copy></div></div>`
  236.         }
  237.         html.insertAdjacentHTML('afterend', _html);
  238.     }
  239.  
  240.  
  241.     // Git Clone SSH
  242.     function addGitCloneSSH() {
  243.         let html = document.querySelector('[role="tabpanel"]:nth-child(3) div.input-group');if (!html) return
  244.         let href_split = html.getElementsByTagName('input')[0].getAttribute('value').split(':'),
  245.             url = [],
  246.             _html = ``;
  247.  
  248.         if (href_split[0] != 'git@github.com') return
  249.  
  250.         for (let i=0;i<clone_ssh_url.length;i++){
  251.                 url[i] = clone_ssh_url[i][0] + ':' + href_split[1]
  252.         }
  253.  
  254.         for (let i=0;i<url.length;i++) {
  255.             _html += `<div class="input-group" style="margin-top: 4px;" title="加速源：${clone_ssh_url[i][1]} （点击可直接复制）"><input value="${url[i]}" aria-label="${url[i]}" type="text" class="form-control input-monospace input-sm bg-gray-light" data-autoselect="" readonly=""><div class="input-group-button"><clipboard-copy value="${url[i]}" aria-label="Copy to clipboard" class="btn btn-sm" tabindex="0" role="button">${svg[1]}</clipboard-copy></div></div>`
  256.         }
  257.         html.insertAdjacentHTML('afterend', _html);
  258.     }
  259.  
  260.  
  261.     // Raw
  262.     function addRawFile() {
  263.         let html = document.getElementById('raw-url');if (!html) return
  264.         let href = location.href.replace(`https://${location.host}`,''),
  265.             href2 = href.replace('/blob/','/'),
  266.             url = [
  267.                 raw_url[1][0] + "/gh" + href.replace('/blob/','@'),
  268.                 raw_url[2][0] + href2,
  269.                 raw_url[3][0] + "/gh" + href.replace('/blob/','/'),
  270.                 raw_url[4][0] + "/" + raw_url[0][0] + href2
  271.             ],
  272.             _html = ``;
  273.         for (let i=0;i<url.length;i++) {
  274.             _html += `<a href="${url[i]}" title="${raw_url[i+1][2]}" target="_blank" role="button" rel="noreferrer noopener nofollow" class="btn btn-sm BtnGroup-item">${raw_url[i+1][1]}</a>`
  275.         }
  276.         html.insertAdjacentHTML('afterend', _html);
  277.     }
  278.  
  279.  
  280.     // 添加 Raw 下载链接（☁）
  281.     function addRawDownLink() {
  282.         // 如果不是项目文件页面，就返回，如果网页有 Raw 下载链接（☁）就返回
  283.         let files = document.querySelectorAll('div.Box-row svg.octicon.octicon-file');if(files.length === 0) return;
  284.         let files1 = document.querySelectorAll('a.fileDownLink');if(files1.length > 0) return;
  285.  
  286.         // 鼠标指向则显示
  287.         var mouseOverHandler = function(evt) {
  288.             let elem = evt.currentTarget,
  289.                 aElm_new = elem.querySelectorAll('.fileDownLink'),
  290.                 aElm_now = elem.querySelectorAll('svg.octicon.octicon-file.color-icon-tertiary');
  291.             aElm_new.forEach(el=>{el.style.cssText = 'display: inline'});
  292.             aElm_now.forEach(el=>{el.style.cssText = 'display: none'});
  293.         };
  294.  
  295.         // 鼠标离开则隐藏
  296.         var mouseOutHandler = function(evt) {
  297.             let elem = evt.currentTarget,
  298.                 aElm_new = elem.querySelectorAll('.fileDownLink'),
  299.                 aElm_now = elem.querySelectorAll('svg.octicon.octicon-file.color-icon-tertiary');
  300.             aElm_new.forEach(el=>{el.style.cssText = 'display: none'});
  301.             aElm_now.forEach(el=>{el.style.cssText = 'display: inline'});
  302.         };
  303.  
  304.         // 循环添加
  305.         files.forEach(function(fileElm, i) {
  306.             let trElm = fileElm.parentNode.parentNode,
  307.                 cntElm_a = trElm.querySelector('.css-truncate.css-truncate-target.d-block.width-fit a'),
  308.                 cntElm_svg = trElm.querySelector('.mr-3.flex-shrink-0 svg.octicon.octicon-file.color-icon-tertiary'),
  309.                 Name = cntElm_a.innerText,
  310.                 href = cntElm_a.attributes.href.nodeValue.replace(`https://${location.host}`,'');
  311.             let href2 = href.replace('/blob/','/'), url, url_name, url_tip = '';
  312.             switch(menu_raw_fast) {
  313.                 case 1:
  314.                     url = raw_url[1][0] + '/gh' + href.replace('/blob/','@');
  315.                     url_name = raw_url[1][1];
  316.                     url_tip = raw_url[1][2];
  317.                     break;
  318.                 case 3:
  319.                     url = raw_url[3][0] + '/gh' + href.replace('/blob/','/');
  320.                     url_name = raw_url[3][1];
  321.                     url_tip = raw_url[3][2];
  322.                     break;
  323.                 case 4:
  324.                     url = raw_url[4][0] + "/" + raw_url[0][0] + href2;
  325.                     url_name = raw_url[4][1];
  326.                     url_tip = raw_url[4][2];
  327.                     break;
  328.                 default:
  329.                     url = raw_url[menu_raw_fast][0] + href2;
  330.                     url_name = raw_url[menu_raw_fast][1];
  331.                     url_tip = raw_url[menu_raw_fast][2];
  332.                     break;
  333.             }
  334.             let _html = ` <a href="${url}" download="${Name}" target="_blank" rel="noreferrer noopener nofollow" class="fileDownLink" style="display: none;" title="「${url_name}」&#10;&#10;[Alt + 左键] 或 [右键 - 另存为...] 下载文件。&#10;注意：鼠标点击 [☁] 图标，而不是左侧的文件名！&#10;&#10;${url_tip}提示：点击浏览器右上角 Tampermonkey 扩展图标 - [ ${raw_url[menu_raw_fast][1]} ] 加速源 (☁) 即可切换。">${svg[2]}</a>`;
  335.             cntElm_svg.insertAdjacentHTML('afterend', _html);
  336.             // 绑定鼠标事件
  337.             trElm.onmouseover = mouseOverHandler;
  338.             trElm.onmouseout = mouseOutHandler;
  339.         });
  340.     }
  341.  
  342.  
  343.     // 删除 Raw 快捷下载（☁）
  344.     function delRawDownLink() {
  345.         let aElm = document.querySelectorAll('.fileDownLink');if(aElm.length === 0) return;
  346.         aElm.forEach(function(fileElm) {
  347.             fileElm.remove()
  348.         })
  349.     }
  350.  
  351.  
  352.     // 在浏览器返回/前进时重新添加 Raw 下载链接（☁）鼠标事件
  353.     function addRawDownLink_() {
  354.         // 如果不是项目文件页面，就返回，如果网页没有 Raw 下载链接（☁）就返回
  355.         let files = document.querySelectorAll('div.Box-row svg.octicon.octicon-file');if(files.length === 0) return;
  356.         let files1 = document.querySelectorAll('a.fileDownLink');if(files1.length === 0) return;
  357.  
  358.         // 鼠标指向则显示
  359.         var mouseOverHandler = function(evt) {
  360.             let elem = evt.currentTarget,
  361.                 aElm_new = elem.querySelectorAll('.fileDownLink'),
  362.                 aElm_now = elem.querySelectorAll('svg.octicon.octicon-file.color-icon-tertiary');
  363.             aElm_new.forEach(el=>{el.style.cssText = 'display: inline'});
  364.             aElm_now.forEach(el=>{el.style.cssText = 'display: none'});
  365.         };
  366.  
  367.         // 鼠标离开则隐藏
  368.         var mouseOutHandler = function(evt) {
  369.             let elem = evt.currentTarget,
  370.                 aElm_new = elem.querySelectorAll('.fileDownLink'),
  371.                 aElm_now = elem.querySelectorAll('svg.octicon.octicon-file.color-icon-tertiary');
  372.             aElm_new.forEach(el=>{el.style.cssText = 'display: none'});
  373.             aElm_now.forEach(el=>{el.style.cssText = 'display: inline'});
  374.         };
  375.  
  376.         // 循环添加
  377.         files.forEach(function(fileElm, i) {
  378.             let trElm = fileElm.parentNode.parentNode;
  379.             // 绑定鼠标事件
  380.             trElm.onmouseover = mouseOverHandler;
  381.             trElm.onmouseout = mouseOutHandler;
  382.         });
  383.     }
  384. })();