解决收藏管理操作繁琐的问题
目前为
// ==UserScript==
// @name 千图网收藏夹整理工具
// @namespace https://www.52pojie.cn/home.php?mod=space&uid=508077
// @version 1.2
// @description 解决收藏管理操作繁琐的问题
// @author 未知的动力
// @match *://*.58pic.com/c/*
// @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==
!(function () {
const e = "https://www.58pic.com/index.php?m=user&a=ajaxFav";
function n(e) {}
function t(e) {
(window.wzddl_ele_msgBox.style.opacity = "1"), window.wzddl_ele_msgBox.classList.add("wzddl-ani-tipsShow"), "" == e && (window.wzddl_ele_msgBox_text.textContent = "操作完成");
}
function o() {
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(-100px);\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:hover {\n background-color: #00bb77;\n box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.25);\n }\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: flex;\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 opacity: 0;\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: -80px;\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 d() {
const e = document.querySelector(".works-list-row .works-nav");
if (!e) return;
e.style.height = "auto";
const n = GM_getValue("wzddl_userFav_dir", null),
o = GM_getValue("wzddl_userFav_lastSelected", null);
if (null == n) return void t("用户没有收藏夹数据，需要更新");
const d = document.createElement("div");
d.classList.add("wzddl-fav-frame");
for (let e = 0; e < n.length; e++) {
const t = document.createElement("div"),
a = document.createElement("label"),
r = document.createElement("span"),
i = document.createElement("input");
t.classList.add("item"),
t.setAttribute("data-userFav-id", n[e].id),
a.setAttribute("for", `item-${e}`),
(r.textContent = `${n[e].name}`),
(i.type = "radio"),
(i.name = "moveTo"),
(i.id = `item-${e}`),
(i.value = `${n[e]}`),
i.addEventListener("click", l, !1),
o && n[e].id == o.id && ((i.checked = !0), (window.wzddl_userFav_userSelected_currentPage = n[e].id)),
a.append(i, r),
t.append(a),
d.append(t);
}
if ((e.append(d), !o)) {
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)"),
n = e && e.getAttribute("data-userFav-id");
GM_setValue("wzddl_userFav_lastSelected", { id: n }), (window.wzddl_userFav_userSelected_currentPage = n);
}
const a = document.querySelector(".qt-new-header"),
r = document.querySelector(".works-list-row .works-head"),
i = document.querySelector(".works-list-row .works-nav"),
s = document.querySelector(".works-list");
let c = null;
if (a && r && i) {
const e = parseFloat(window.getComputedStyle(a).height),
n = parseFloat(window.getComputedStyle(r).height),
t = parseFloat(window.getComputedStyle(i).height);
c = e + n;
const o = parseFloat(window.getComputedStyle(s).paddingTop);
document.addEventListener(
"scroll",
function () {
window.requestAnimationFrame(() => {
window.scrollY >= c - 10
? ((i.style.position = "fixed"), (i.style.top = "0px"), (i.style["z-index"] = 999), (s.style.paddingTop = `${o + t}px`))
: ((i.style.position = "relative"), (i.style.top = "auto"), (s.style.paddingTop = `${o}px`));
});
},
!1
);
}
}
function a(e) {
const n = window.location.href;
let t = /.+?:\/\/.+.58pic.com\/c\/(\d+)/;
t.lastIndex = 0;
const o = t.exec(n);
o && o[1] && (window.wzddl_dirID_currentPage = o[1]);
const d = document.querySelectorAll("#favorAnalytics .list-box .qt-card-box");
if (d)
for (let n = 0; n < d.length; n++) {
const t = d[n].querySelector("a"),
o = t && t.getAttribute("data-id");
let a = document.createElement("div");
a.classList.add("wzddl-favBox-control-frame");
let r = document.createElement("span"),
l = document.createElement("span");
r.classList.add("wzddl-favBox-controlBtn", "move-asset"),
l.classList.add("wzddl-favBox-controlBtn", "copy-asset"),
(r.textContent = "移动"),
"PAGE_FAV" == e ? (l.textContent = "复制") : "PAGE_FAV_ANOTHER" == e && (l.textContent = "收藏"),
(r.wzddl_assetID = o),
(l.wzddl_assetID = o),
r.addEventListener("click", i.bind(this, { controlType: "move", currentFavBox: d[n] }), !1),
l.addEventListener("click", i.bind(this, { controlType: "copy", currentFavBox: d[n] }), !1),
"PAGE_FAV" == e ? a.append(r, l) : "PAGE_FAV_ANOTHER" == e && a.append(l),
d[n].append(a);
}
}
function r() {
const e = document.createElement("div");
e.classList.add("wzddl-control-tipsBox");
const n = document.createElement("span"),
t = document.createElement("span");
n.classList.add("icon-tips", "icon", "icon-yuanxingxuanzhong"), t.classList.add("tips"), e.append(n, t);
const o = document.querySelector(".works-nav");
o ? o.append(e) : document.body.append(e),
e.addEventListener(
"animationend",
function () {
window.setTimeout(() => {
(this.style.opacity = "0"), this.classList.remove("wzddl-ani-tipsShow");
}, 1e3);
},
!1
),
(window.wzddl_ele_msgBox = e),
(window.wzddl_ele_msgBox_text = t);
}
function i(n, o) {
const d = o.target.wzddl_assetID,
a = window.wzddl_userFav_userSelected_currentPage,
r = window.wzddl_dirID_currentPage;
GM_xmlhttpRequest({
method: "post",
url: `${e}`,
headers: { "Content-Type": "application/x-www-form-urlencoded" },
data: `action=addFav&picid=${d}&page_id=${a}&version=3`,
onload: (o) => {
JSON.parse(o.response).info;
"move" == n.controlType &&
GM_xmlhttpRequest({
method: "post",
url: `${e}`,
headers: { "Content-Type": "application/x-www-form-urlencoded" },
data: `action=rFav&picid=${d}&page_id=${r}&version=3`,
onload: (e) => {
t(JSON.parse(e.response).info), n.currentFavBox.remove();
},
});
},
});
}
function l(e) {
const n = e.target.parentElement.parentElement,
t = n && n.getAttribute("data-userFav-id");
t && (GM_setValue("wzddl_userFav_lastSelected", { id: t }), (window.wzddl_userFav_userSelected_currentPage = t));
}
function s() {
let e = [];
c()
.then((t) => {
const o = JSON.parse(t.response);
if (1 != o.status) throw new Error("错误E1: 千图收藏夹目录API异常");
e = [...e, ...o.data.favor_pages];
const d = o.data.totalpage;
if (d > 1) {
let t = 1;
return new Promise(function (o, a) {
for (let a = 2; a <= d; a++)
c(a)
.then((n) => {
const a = JSON.parse(n.response);
if (1 != a.status) throw new Error("错误E1: 千图收藏夹目录API异常2");
(e = [...e, ...a.data.favor_pages]), t++, t == d && o(e);
})
.catch(n);
});
}
return e;
})
.then((e) => {
let n = [];
e.forEach((e) => {
n.push({ id: e.id, name: e.name });
}),
GM_deleteValue("wzddl_userFav_dir"),
GM_setValue("wzddl_userFav_dir", n);
})
.catch(n);
}
function c(e = 1) {
return new Promise(function (n, t) {
GM_xmlhttpRequest({
method: "post",
url: "https://www.58pic.com/index.php?m=userHomePage&a=favoritePageList",
headers: { "Content-Type": "application/x-www-form-urlencoded" },
data: `type=&page=${e}`,
onload: (e) => {
n(e);
},
});
});
}
GM_registerMenuCommand("更新收藏目录数据", () => {
s();
});
switch (
(function () {
const e = window.location.href;
let n = /.+?:\/\/.+.58pic.com\/u\/\d+\/c\/create/,
t = /.+?:\/\/.+.58pic.com\/c\/\d+/;
(n.lastIndex = 0), (t.lastIndex = 0);
const o = n.test(e),
d = t.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"),
n = document.querySelector('input[type="hidden"]#uid');
if (e) {
e.getAttribute("data-uid") == n.value && (a = !0);
}
}
return o ? "PAGE_DIR" : d && a ? "PAGE_FAV" : d && !a ? "PAGE_FAV_ANOTHER" : void 0;
})()
) {
case "PAGE_DIR":
s();
break;
case "PAGE_FAV":
o(), d(), a("PAGE_FAV"), r();
break;
case "PAGE_FAV_ANOTHER":
o(), d(), a("PAGE_FAV_ANOTHER"), r();
break;
}
})();