增强项目导航菜单，设置默认手型工具（按h键可切换）
// ==UserScript== // @name 摹客增强插件 // @namespace https://greasyfork.org/zh-CN/scripts/429346 // @version 0.1.9 // @description 增强项目导航菜单，设置默认手型工具（按h键可切换） // @author Wilson // @match https://app.mockplus.cn/app/*/* // @icon https://app.mockplus.cn/favicon.ico // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js // @grant GM_xmlhttpRequest // ==/UserScript== (function() { 'use strict'; //http请求 function httpRequest(url, fn, method, data, header) { method = method || "get"; data = data || ""; header = header || {}; GM_xmlhttpRequest({ method: method, url: url, data: data, headers: header, onload: function(res){ if(res.status === 200){ //console.log('sucess',method,url); if(fn) fn(res); }else{ console.log('error',method,url); console.log(res); if(fn) fn(null); } }, onerror : function(err){ console.log('error',method,url); console.log(err); if(fn) fn(null); } }); } $('#app').on("DOMNodeInserted", function(event){ if(!event || !event.target || !event.target.className) return; let className = event.target.className || ""; //app-container app-header if(className == "app-container" || className == "app-header"){ httpRequest("https://app.mockplus.cn/api/v1/user/info", function(info){ if(info && info.response){ info = JSON.parse(info.response); if(info.code != 0){ console.log('error', info.message,catUrl, info); return; } let defaultIDocTeamID = info.payload.defaultIDocTeamID; let catUrl = "https://app.mockplus.cn/api/v1/app/allAppAndAppSet/"+defaultIDocTeamID+"?needArchivedApp=true&source=all&needAppSet=true&rnd="+Math.random(); httpRequest(catUrl, function(res){ if(res && res.response){ //get menu list let data = JSON.parse(res.response); // console.log(11111,catUrl,data); if(data.code != 0){ console.log('error', data.message,catUrl,data); return; } data = data.payload.apps; //按访问时间倒序 data.sort(function(x, y) { return new Date(y['accessedAt']).getTime() - new Date(x['accessedAt']).getTime()}); //console.log(data, 222); //menu setTimeout(function(){ //设置默认手型工具 let movehand = document.querySelector(".icon-_artboard_movehand"); movehand.click(); //绑定h按键 document.addEventListener("keypress", function(event){ if (event.keyCode == 104){ movehand.click(); } }, false); //获取项目菜单 let appsetUrl = "https://app.mockplus.cn/team/"+defaultIDocTeamID+"/AppSet/"; let list = ""; for(let i in data){ let item = data[i]; let href = location.href.replace(/\/app\/.+\//i, '/app/'+item._id+'/'); let subarrow = ''; let submenu = ''; if(item.isAppSet) { href = appsetUrl + item._id; subarrow = `<i class="dsm-c-icon idoc_iconfont icon-_tag_rightarrow" style="font-size: 16px; width: 16px; height: 16px; color: rgb(150, 151, 152); visibility: visible;float:right;margin-right:5px;"></i>`; //子菜单 let submenulist=''; let subs = item.children; //按访问时间倒序 subs.sort(function(x, y) { return new Date(y['accessedAt']).getTime() - new Date(x['accessedAt']).getTime()}); //console.log(subs); for(let j in subs){ let sub = subs[j]; let subhref = location.href.replace(/\/app\/.+\//i, '/app/'+sub._id+'/'); submenulist += '<li class="menu-sub"><a class="menu-item" href="'+subhref+'" >'+sub.name+'</a></li>'; } submenu = ` <div style="position: relative;"> <div class="submenu-mode-popup" style="display:none;position: absolute;left:220px;top:-40px;"> <ul class="dsm-c-drop" style="width: 225px;"> `+submenulist+` </ul> </div> </div> `; } let id = location.href.replace(/(.+\/app\/)(.+)(\/.+)/i, '$2'); if(id == item._id) continue; let a = '<li class="menu-parent '+(item.isAppSet?'appsetli':'')+'"><a class="menu-item" isAppSet="'+(item.isAppSet?1:0)+'" appSetID="'+item._id+'" href="'+href+'" >'+item.name+subarrow+'</a></li>'; a += submenu; list += a; if(i == 4){ list += '<li class="split-line"></li>'; } } let menu = ` <div class="menu-mode-popup" style="display:none;"> <div class="menu-wrapper" style="position: absolute;top:25px;"> <ul class="dsm-c-drop" style="width: 225px;"> `+list+` </ul> </div> </div> `; //arrow let arrow = ` <div class="down-arrow" style="position: relative;top: 2px;"><i class="dsm-c-icon idoc_iconfont icon-_tag_downarrow" style="font-size: 16px; width: 16px; height: 16px; visibility: visible;"></i></div> `; //show/hide let menuwrap = null; function oMenuWrap(){ menuwrap = menuwrap || $(".app-header .logo > .dsm-c-tooltip .menu-mode-popup"); return menuwrap; } let lia = null; function oLiA(){ lia = lia || $(".app-header .logo > .dsm-c-tooltip .menu-mode-popup li a.menu-item"); return lia; } let menutooltip = $(".app-header .logo > .dsm-c-tooltip"); menutooltip.append(arrow).append(menu); $(".app-header .logo > .dsm-c-tooltip .menu-mode-popup .menu-parent").on("mouseenter", function(){ $(".submenu-mode-popup").hide(); $(this).next('div').find(".submenu-mode-popup").show(); }) menutooltip.click(function(e){ let act = location.href.replace(/(.+\/app\/)(.+)(\/)(.+)$/i, '$4'); oLiA().each(function(){ let me = $(this); let href = me.attr("href"); href = href.replace(/(.+\/app\/.+\/)(.+)$/i, '$1'+act); if(me.attr("isAppSet")==1) href = appsetUrl + me.attr("appSetID"); me.attr("href", href); }); if(oMenuWrap().is(":hidden")) { oMenuWrap().show(); } else { oMenuWrap().hide(); } e.stopPropagation(); }); $(".app-header .logo > .dsm-c-tooltip .menu-wrapper").on('mouseleave', function(){ oMenuWrap().hide(); }); $("body").click(function(){ oMenuWrap().hide(); }); }, 200); } }); } }); } }); })();
