解决收藏管理操作繁琐的问题
目前为
// ==UserScript==
// @name 千图网收藏夹整理工具
// @namespace https://www.52pojie.cn/home.php?mod=space&uid=508077
// @version 1.3
// @description 解决收藏管理操作繁琐的问题
// @author 未知的动力
// @match *://*.58pic.com/c/*
// @match *://*.58pic.com/collect/*
// @match *://*.58pic.com/u/*/c/create
// @run-at document-end
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @grant GM_registerMenuCommand
// @grant GM_unregisterMenuCommand
// ==/UserScript==
const URL_GET_USERFAV_LIST = "https://www.58pic.com/index.php?m=userHomePage&a=favoritePageList",
URL_POST_USERFAV = "https://www.58pic.com/index.php?m=user&a=ajaxFav",
URL_GET_USERID_CURRENT = "https://www.58pic.com/index.php?m=ajaxGetUserInfo&a=userInfo",
LOCALSTORAGE_USERFAV_KEY = "wzddl_userFav_dir",
LOCALSTORAGE_USERFAV_LASTSELECTED = "wzddl_userFav_lastSelected",
DOM_USERSELECTED_FAVID = "data-userFav-id",
GLOBAL_USERSELECTED_FAVID_CURRENTPAGE = "wzddl_userFav_userSelected_currentPage",
GLOBAL_DIRID_CURRENTPAGE = "wzddl_dirID_currentPage",
GLOBAL_ELEMENT_MSGBOX = "wzddl_ele_msgBox",
GLOBAL_ELEMENT_MSGBOX_TEXT = "wzddl_ele_msgBox_text",
PAGE_DIR = "PAGE_DIR",
PAGE_FAV = "PAGE_FAV",
PAGE_FAV_ANOTHER = "PAGE_FAV_ANOTHER",
CSS_ANI_TIPS_SHOW = "wzddl-ani-tipsShow";
function FN_WZDDL_errorHandle(e) {}
function FN_WZDDL_msgShow(e) {
(window.wzddl_ele_msgBox.style.display = "flex"),
window.wzddl_ele_msgBox.classList.add("wzddl-ani-tipsShow"),
(window.wzddl_ele_msgBox_text.textContent = "" == e ? "操作完成" : e);
}
function FN_WZDDL_addStyle() {
GM_addStyle(
'\n .works-nav {\n background-color: #00bb77;\n }\n .works-nav .works-nav-row .icon-box {\n color: #fff !important;\n }\n .wzddl-fav-frame {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n border-top: 1px solid #ccc;\n border-bottom: 1px solid #ccc;\n flex-wrap: wrap;\n padding: 10px 20px;\n box-sizing: border-box;\n border-radius: 2px;\n }\n .wzddl-fav-frame .item {\n padding: 0 10px;\n height: 35px;\n line-height: 35px;\n width: 12.5%;\n min-width: 50px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n transition: all 0.25s;\n display: flex;\n align-items: center;\n }\n .wzddl-fav-frame .item label {\n display: flex;\n color: #fff;\n font-size: 15px;\n font-weight: 700;\n flex-direction: row;\n align-items: center;\n position: relative;\n }\n .wzddl-fav-frame .item label input[type="radio"] {\n position: absolute;\n }\n .wzddl-fav-frame .item label input[type="radio"]::after {\n content: "";\n background-color: #fff;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n display: inline-block;\n position: absolute;\n top: -2px;\n border: 2px solid #00bb77;\n }\n .wzddl-fav-frame .item label input[type="radio"]:checked::after {\n background-color: #363636;\n border: 2px solid #fff;\n }\n .wzddl-fav-frame .item label span {\n margin-left: 20px;\n }\n .wzddl-fav-frame .item:hover {\n cursor: pointer;\n background-color: #363636;\n transform: scale(1.1);\n box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n }\n .wzddl-fav-frame .item:hover label {\n cursor: pointer;\n }\n .wzddl-fav-frame .item:hover label input[type="radio"]::after {\n border: 2px solid #363636;\n }\n .wzddl-fav-frame .item:hover label input[type="radio"]:checked::after {\n border: 2px solid #00bb77;\n }\n'
),
GM_addStyle(
"\n .qt-card-box {\n overflow: hidden;\n }\n .qt-card-box:hover .wzddl-favBox-control-frame {\n transform: translateY(0px) !important;\n }\n .wzddl-favBox-control-frame {\n width: 50px;\n height: auto;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n position: absolute;\n left: 10px;\n top: 10px;\n transition: all 0.25s;\n transform: translateY(-150%);\n }\n .wzddl-favBox-control-frame .wzddl-favBox-controlBtn {\n width: 100%;\n height: 25px;\n line-height: 25px;\n z-index: 999;\n cursor: pointer;\n margin-top: 5px;\n background-color: rgba(0, 0, 0, 0.25);\n text-align: center;\n font-size: 14px;\n color: #fff;\n border-radius: 3px;\n user-select: none;\n transition: all 0.25s;\n }\n .wzddl-favBox-control-frame .wzddl-favBox-controlBtn:nth-of-type(1) {\n margin-top: 35px;\n }\n .wzddl-favBox-control-frame .wzddl-favBox-controlBtn:hover {\n background-color: #00bb77;\n box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.25);\n }\n"
),
GM_addStyle(
"\n .wzddl-control-tipsBox {\n width: 360px;\n height: 56px;\n position: absolute;\n background-color: rgba(0, 0, 0, 0.75);\n border-radius: 3px;\n display: none;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0 15px;\n left: 50%;\n transform: translateX(-50%);\n top: 80px;\n z-index: 99999;\n color: #fff;\n user-select: none;\n }\n .wzddl-control-tipsBox span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .wzddl-control-tipsBox .icon-tips {\n font-size: 20px;\n }\n .wzddl-control-tipsBox span.tips {\n max-width: 270px;\n margin-left: 12px;\n }\n .wzddl-ani-tipsShow {\n animation: wzddl-Ani-ShowTips 0.25s;\n }\n .wzddl-ani-tipsHidden {\n animation: wzddl-Ani-HideTips 0.25s;\n }\n @keyframes wzddl-Ani-ShowTips {\n 0% {\n top: 0px;\n }\n 100% {\n top: 80px;\n }\n }\n @keyframes wzddl-Ani-HideTips {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n }\n"
);
}
function FN_WZDDL_createUI_navBar() {
const e = document.querySelector(".works-list-row .works-nav");
if (!e) return;
e.style.height = "auto";
const t = GM_getValue("wzddl_userFav_dir", null),
n = GM_getValue("wzddl_userFav_lastSelected", null);
if (null == t) return void FN_WZDDL_msgShow("用户没有收藏夹数据，需要更新");
const o = document.createElement("div");
o.classList.add("wzddl-fav-frame");
for (let e = 0; e < t.length; e++) {
const d = document.createElement("div"),
a = document.createElement("label"),
r = document.createElement("span"),
i = document.createElement("input");
d.classList.add("item"),
d.setAttribute("data-userFav-id", t[e].id),
a.setAttribute("for", `item-${e}`),
(r.textContent = `${t[e].name}`),
(i.type = "radio"),
(i.name = "moveTo"),
(i.id = `item-${e}`),
(i.value = `${t[e]}`),
i.addEventListener("click", FN_WZDDL_event_favPage_selected, !1),
n && t[e].id == n.id && ((i.checked = !0), (window.wzddl_userFav_userSelected_currentPage = t[e].id)),
a.append(i, r),
d.append(a),
o.append(d);
}
if ((e.append(o), !n)) {
document.querySelector(".wzddl-fav-frame .item:nth-of-type(1) label input").checked = !0;
const e = document.querySelector(".wzddl-fav-frame .item:nth-of-type(1)"),
t = e && e.getAttribute("data-userFav-id");
GM_setValue("wzddl_userFav_lastSelected", { id: t }), (window.wzddl_userFav_userSelected_currentPage = t);
}
const d = document.querySelector(".qt-new-header"),
a = document.querySelector(".works-list-row .works-head"),
r = document.querySelector(".works-list-row .works-nav"),
i = document.querySelector(".works-list");
let l = null;
if (d && a && r) {
const e = parseFloat(window.getComputedStyle(d).height),
t = parseFloat(window.getComputedStyle(a).height),
n = parseFloat(window.getComputedStyle(r).height);
l = e + t;
const o = parseFloat(window.getComputedStyle(i).paddingTop);
document.addEventListener(
"scroll",
function () {
window.requestAnimationFrame(() => {
window.scrollY >= l - 10
? ((r.style.position = "fixed"),
(r.style.top = "0px"),
(r.style["z-index"] = 999),
(i.style.paddingTop = `${o + n}px`))
: ((r.style.position = "relative"), (r.style.top = "auto"), (i.style.paddingTop = `${o}px`));
});
},
!1
);
}
}
function FN_wzddl_createUI_favBox(e) {
const t = window.location.href;
let n = /.+?:\/\/.+.58pic.com\/(?:(?:c)|(?:collect))\/(\d+)/gi;
n.lastIndex = 0;
const o = n.exec(t);
o && o[1] && (window.wzddl_dirID_currentPage = o[1]);
const d = document.querySelectorAll("#favorAnalytics .list-box .qt-card-box"),
a = document.querySelectorAll(".works-list .nav-content-box .qt-card-box");
let r = [];
if ((d && d.length > 0 ? (r = d) : a && a.length && (r = a), r))
for (let t = 0; t < r.length; t++) {
const n = r[t].querySelector("a"),
o = n && n.getAttribute("data-id");
let d = document.createElement("div");
d.classList.add("wzddl-favBox-control-frame");
let a = document.createElement("span"),
i = document.createElement("span");
a.classList.add("wzddl-favBox-controlBtn", "move-asset"),
i.classList.add("wzddl-favBox-controlBtn", "copy-asset"),
(a.textContent = "移动"),
"PAGE_FAV" == e ? (i.textContent = "复制") : "PAGE_FAV_ANOTHER" == e && (i.textContent = "收藏"),
(a.wzddl_assetID = o),
(i.wzddl_assetID = o),
a.addEventListener(
"click",
FN_WZDDL_event_moveOrCopyFav.bind(this, { controlType: "move", currentFavBox: r[t] }),
!1
),
i.addEventListener(
"click",
FN_WZDDL_event_moveOrCopyFav.bind(this, { controlType: "copy", currentFavBox: r[t] }),
!1
),
"PAGE_FAV" == e ? d.append(a, i) : "PAGE_FAV_ANOTHER" == e && d.append(i),
r[t].append(d);
}
}
function FN_wzddl_createUI_tipsBox() {
const e = document.createElement("div");
e.classList.add("wzddl-control-tipsBox");
const t = document.createElement("span"),
n = document.createElement("span");
t.classList.add("icon-tips", "icon", "icon-yuanxingxuanzhong"), n.classList.add("tips"), e.append(t, n);
const o = document.querySelector(".works-nav");
o ? o.append(e) : document.body.append(e),
e.addEventListener(
"animationend",
function () {
window.setTimeout(() => {
(this.style.display = "none"), this.classList.remove("wzddl-ani-tipsShow");
}, 1e3);
},
!1
),
(window.wzddl_ele_msgBox = e),
(window.wzddl_ele_msgBox_text = n);
}
function FN_WZDDL_event_moveOrCopyFav(e, t) {
const n = t.target.wzddl_assetID,
o = window.wzddl_userFav_userSelected_currentPage,
d = window.wzddl_dirID_currentPage;
GM_xmlhttpRequest({
method: "post",
url: `${URL_POST_USERFAV}`,
headers: { "Content-Type": "application/x-www-form-urlencoded" },
data: `action=addFav&picid=${n}&page_id=${o}&version=3`,
onload: (t) => {
FN_WZDDL_msgShow(JSON.parse(t.response).info),
"move" == e.controlType &&
GM_xmlhttpRequest({
method: "post",
url: `${URL_POST_USERFAV}`,
headers: { "Content-Type": "application/x-www-form-urlencoded" },
data: `action=rFav&picid=${n}&page_id=${d}&version=3`,
onload: (t) => {
FN_WZDDL_msgShow(JSON.parse(t.response).info), e.currentFavBox.remove();
},
});
},
});
}
function FN_WZDDL_event_favPage_selected(e) {
const t = e.target.parentElement.parentElement,
n = t && t.getAttribute("data-userFav-id");
n && (GM_setValue("wzddl_userFav_lastSelected", { id: n }), (window.wzddl_userFav_userSelected_currentPage = n));
}
function FN_WZDDL_refreshFavDirData() {
let e = [];
FN_WZDDL_getUserFavDir()
.then((t) => {
const n = JSON.parse(t.response);
if (1 != n.status) throw new Error("错误E1: 千图收藏夹目录API异常");
e = [...e, ...n.data.favor_pages];
const o = n.data.totalpage;
if (o > 1) {
let t = 1;
return new Promise(function (n, d) {
for (let d = 2; d <= o; d++)
FN_WZDDL_getUserFavDir(d)
.then((d) => {
const a = JSON.parse(d.response);
if (1 != a.status) throw new Error("错误E1: 千图收藏夹目录API异常2");
(e = [...e, ...a.data.favor_pages]), t++, t == o && n(e);
})
.catch(FN_WZDDL_errorHandle);
});
}
return e;
})
.then((e) => {
let t = [];
e.forEach((e) => {
t.push({ id: e.id, name: e.name });
}),
GM_deleteValue("wzddl_userFav_dir"),
GM_setValue("wzddl_userFav_dir", t);
})
.catch(FN_WZDDL_errorHandle);
}
function FN_WZDDL_getUserFavDir(e = 1) {
return new Promise(function (t, n) {
GM_xmlhttpRequest({
method: "post",
url: `${URL_GET_USERFAV_LIST}`,
headers: { "Content-Type": "application/x-www-form-urlencoded" },
data: `type=&page=${e}`,
onload: (e) => {
t(e);
},
});
});
}
function FN_WZDDL_matchPageType() {
const e = window.location.href;
let t = /.+?:\/\/.+.58pic.com\/u\/\d+\/c\/create/,
n = /(?:.+?:\/\/.+.58pic.com\/c\/\d+)|(?:.+?:\/\/.+.58pic.com\/collect\/\d+)/;
(t.lastIndex = 0), (n.lastIndex = 0);
const o = t.test(e),
d = n.test(e);
let a = !1;
if (d) {
const e = document.querySelector(
".works-head .works-head-row .text-box .logo .follow-box.qtw-card-designer button"
),
t = document.querySelector('input[type="hidden"]#uid');
if (e) {
e.getAttribute("data-uid") == t.value && (a = !0);
}
}
return o ? "PAGE_DIR" : d && a ? "PAGE_FAV" : d && !a ? "PAGE_FAV_ANOTHER" : void 0;
}
function FN_WZDDL_hotKeyBind_pageChange() {
let e = document.querySelectorAll(".works-list-row .page-box a");
if (e)
for (let t = 0; t < e.length; t++) {
const n = e[t].textContent.trim();
("上一页" != n && "下一页" != n) || FN_WZDDL_keyPrevAndNext(n, e[t]);
}
}
function FN_WZDDL_keyPrevAndNext(e, t) {
switch (e) {
case "上一页":
document.addEventListener(
"keyup",
function (e) {
"ArrowLeft" == e.code && (window.location.href = t.href);
},
!1
);
break;
case "下一页":
document.addEventListener(
"keyup",
function (e) {
"ArrowRight" == e.code && (window.location.href = t.href);
},
!1
);
break;
}
}
!(function () {
GM_registerMenuCommand("更新收藏目录数据", () => {
FN_WZDDL_refreshFavDirData();
});
switch (FN_WZDDL_matchPageType()) {
case "PAGE_DIR":
FN_WZDDL_refreshFavDirData();
break;
case "PAGE_FAV":
FN_WZDDL_addStyle(),
FN_WZDDL_createUI_navBar(),
FN_wzddl_createUI_favBox("PAGE_FAV"),
FN_wzddl_createUI_tipsBox();
break;
case "PAGE_FAV_ANOTHER":
FN_WZDDL_addStyle(),
FN_WZDDL_createUI_navBar(),
FN_wzddl_createUI_favBox("PAGE_FAV_ANOTHER"),
FN_wzddl_createUI_tipsBox();
break;
}
FN_WZDDL_hotKeyBind_pageChange();
})();