// ==UserScript==
// @name V2EX Next V2Next
// @namespace http://tampermonkey.net/
// @version 10.14
// @author zyronon
// @description V2Next - 一个好用的V2EX脚本! 已适配移动端
// @license GPL License
// @icon https://v2ex-script.vercel.app/favicon.ico
// @homepage https://github.com/zyronon/web-scripts
// @homepageURL https://github.com/zyronon/web-scripts
// @supportURL https://update.greasyfork.icu/scripts/458024/V2Next.user.js
// @match https://v2ex.com/
// @match https://v2ex.com/?tab=*
// @match https://v2ex.com/t/*
// @match https://v2ex.com/recent*
// @match https://v2ex.com/go/*
// @match https://v2ex.com/member/*
// @match https://v2ex.com/changes*
// @match https://*.v2ex.com/
// @match https://*.v2ex.com/?tab=*
// @match https://*.v2ex.com/t/*
// @match https://*.v2ex.com/recent*
// @match https://*.v2ex.com/go/*
// @match https://*.v2ex.com/member/*
// @match https://*.v2ex.com/changes*
// @require https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
// @require https://cdn.jsdelivr.net/npm/vue@3.4.14/dist/vue.global.prod.min.js
// @grant GM_addStyle
// @grant GM_openInTab
// @grant GM_registerMenuCommand
// @downloadURL none
// ==/UserScript==
(o=>{if(typeof GM_addStyle=="function"){GM_addStyle(o);return}const r=document.createElement("style");r.textContent=o,document.head.append(r)})(' .tip[data-v-ee672411]{position:fixed;font-size:1.6rem;z-index:9999;max-width:10rem;border-radius:.5rem;padding:1rem;color:var(--color-font-8);background:var(--color-tooltip-bg);box-shadow:0 0 6px 1px var(--color-tooltip-shadow)}.v-enter-active[data-v-e7c0fbef],.v-leave-active[data-v-e7c0fbef]{transition:opacity .3s ease}.v-enter-from[data-v-e7c0fbef],.v-leave-to[data-v-e7c0fbef]{opacity:0}.username[data-v-e7c0fbef]{font-weight:700;font-size:1.4rem;margin-right:1rem}.link-num[data-v-e7c0fbef]{font-size:1.2rem;font-weight:700;color:#e02a2a}.owner[data-v-e7c0fbef]{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;margin-right:1rem;transform:scale(.8)}.mod[data-v-e7c0fbef]{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;transform:scale(.8);background:#1484cd;color:#fff;margin-right:1rem}.my-tag[data-v-e7c0fbef]{font-size:1.4rem;color:red;margin-left:1rem}.my-tag:hover .remove[data-v-e7c0fbef]{display:inline}.my-tag .remove[data-v-e7c0fbef]{cursor:pointer;margin-left:.5rem;display:none}.add-tag[data-v-e7c0fbef]{font-size:2.4rem;transform:translateY(.2rem);line-height:1rem;display:inline-block;margin-left:1rem;cursor:pointer;position:absolute;display:none}.floor[data-v-e7c0fbef]{margin-left:.5rem;font-size:1.1rem;line-height:1rem;border-radius:.5rem;display:inline-block;background-color:var(--color-floor);color:var(--color-floor-font);padding:3px 9px;cursor:default}[data-v-e7c0fbef]:root{--color-main-bg: #e2e2e2;--color-second-bg: white;--color-third-bg: #e2e2e2;--color-item-bg: white;--color-swtich-bg: #dcdfe6;--color-active: #409eff;--color-font: #999;--color-font-8: rgba(0, 0, 0, .8);--color-font-3: rgba(0, 0, 0, .3);--color-font-pure: black;--color-input-bg: white;--color-input-border: #e2e2e2;--color-input-border-hover: #a3a6ad;--color-radio-border: #e2e2e2;--color-tooltip-bg: white;--color-tooltip-shadow: #bbbbbb;--color-scrollbar: #93ade3;--color-line: #e2e2e2;--color-loading-1: #00000033;--color-loading-2: #000;--color-floor: #f0f0f0;--color-floor-font: #bdbdbd;--color-editor-toolbar: #f6f7f8;--color-sp-btn-bg: #f1f1f1;--color-call-list-bg: white;--color-top-reply-wrap-bg: #f2f3f5;--color-top-reply-wrap-line: #d2d2d2}html.dark[data-v-e7c0fbef]{--color-main-bg: #22303f;--color-second-bg: #18222d;--color-third-bg: #31475e;--color-item-bg: #18222d;--color-swtich-bg: #4c4d4f;--color-active: #409eff;--color-font: rgba(255, 255, 255, .5);--color-font-8: rgba(255, 255, 255, .8);--color-font-3: rgba(255, 255, 255, .3);--color-font-pure: white;--color-input-bg: #333333;--color-input-border: #6c6e72;--color-input-border-hover: #a3a6ad;--color-radio-border: #454847;--color-tooltip-bg: #31475e;--color-tooltip-shadow: #3b3b3b;--color-scrollbar: #5c5d5e;--color-line: var(--box-border-color);--color-loading-1: rgba(178, 177, 177, .2);--color-loading-2: #ffffff;--color-floor: #293b4d;--color-floor-font: rgba(255, 255, 255, .3);--color-editor-toolbar: var(--box-background-hover-color);--color-sp-btn-bg: #31475e;--color-call-list-bg: #31475e;--color-top-reply-wrap-bg: #212f3e;--color-top-reply-wrap-line: #3b536d}html[data-v-e7c0fbef],body[data-v-e7c0fbef]{font-size:62.5%}[data-v-e7c0fbef]::-webkit-scrollbar{width:1rem;height:1rem}[data-v-e7c0fbef]::-webkit-scrollbar-track{background:transparent;border-radius:.2rem}[data-v-e7c0fbef]::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:1rem}.flex[data-v-e7c0fbef]{display:flex;align-items:center;justify-content:space-between}.flex-end[data-v-e7c0fbef]{justify-content:flex-end}.flex-center[data-v-e7c0fbef]{justify-content:center}.p1[data-v-e7c0fbef]{padding:1rem}.p2[data-v-e7c0fbef]{padding:2rem}.p0[data-v-e7c0fbef]{padding:0!important}body :is(.topic_content,.reply_content) a[href^=http][data-v-e7c0fbef]{text-underline-offset:.7ex;text-decoration:underline 1px}a[data-v-e7c0fbef]{text-decoration:none;cursor:pointer}a[data-v-e7c0fbef]:hover{text-decoration:underline}.tool[data-v-e7c0fbef]{position:relative;display:flex;align-items:center;border-radius:.3rem;cursor:pointer;height:2.6rem;padding:0 .5rem;gap:.2rem}.tool>svg[data-v-e7c0fbef]{width:1.6rem!important;height:1.6rem!important}.tool[data-v-e7c0fbef]:hover{background:var(--color-third-bg)}.tool.no-hover[data-v-e7c0fbef]{cursor:default}.tool.no-hover[data-v-e7c0fbef]:hover{background:unset!important}.tool.disabled[data-v-e7c0fbef]{cursor:not-allowed}.tool.disabled[data-v-e7c0fbef]:hover{background:unset!important}.my-node[data-v-e7c0fbef]{border-radius:.2rem;padding:.4rem;font-size:1rem;color:#999;background:#f5f5f5;cursor:pointer}.my-node[data-v-e7c0fbef]:hover{text-decoration:none;background:#e2e2e2}.msgs[data-v-e7c0fbef]{position:fixed;margin-left:calc(50% - 25rem);width:50rem;z-index:9999;bottom:0;left:0;right:0}.my-box[data-v-e7c0fbef]{box-shadow:0 2px 3px #0000001a;box-shadow:#00000014 0 4px 12px;border-radius:var(--box-border-radius);background:var(--box-background-color);margin-bottom:2rem;width:100%;box-sizing:border-box;transition:background-color .3s}.my-cell[data-v-e7c0fbef]{color:var(--color-font);padding:.8rem 1rem;font-size:1.4rem;line-height:150%;text-align:left;border-bottom:1px solid var(--color-line)}.modal[data-v-e7c0fbef]{position:fixed;z-index:1001;width:100vw;height:100vh;left:0;top:0;display:flex;justify-content:center;align-items:center}.modal .title[data-v-e7c0fbef]{font-size:2.4rem;margin-bottom:1rem;text-align:center}.modal .option[data-v-e7c0fbef]{display:flex;align-items:center;padding:.6rem 0}.modal .option>span[data-v-e7c0fbef]{position:relative}.modal .mask[data-v-e7c0fbef]{position:fixed;width:100vw;height:100vh;left:0;top:0;background-color:#1d1c1c47}.radio-group2[data-v-e7c0fbef]{display:inline-flex;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-radio-border);background:var(--box-background-alt-color)}.radio-group2 .radio[data-v-e7c0fbef]{cursor:pointer;background:transparent;padding:.5rem 1.2rem;border-left:1px solid var(--color-radio-border);font-size:1.3rem;color:var(--color-gray)}.radio-group2 .radio[data-v-e7c0fbef]:first-child{border-left:none}.radio-group2 .active[data-v-e7c0fbef]{background:var(--color-third-bg);color:var(--color-font)}.pop-confirm[data-v-e7c0fbef]{position:relative;display:inline-flex;justify-content:center}input[data-v-e7c0fbef]{height:3rem;outline:unset;border:1px solid var(--color-input-border);padding:0 .5rem;border-radius:5px;box-sizing:border-box;transition:all .3s;background:var(--color-input-bg);color:var(--color-font)}input[data-v-e7c0fbef]:hover{border:1px solid var(--color-input-border-hover)}input[data-v-e7c0fbef]:focus{border:1px solid var(--color-active)}.danger[data-v-e7c0fbef]{color:red!important}.pop-confirm-content[data-v-e7c0fbef]{position:fixed;background:var(--color-tooltip-bg);box-shadow:0 0 6px 1px var(--color-tooltip-shadow);color:var(--color-font-8);padding:1.5rem;border-radius:.8rem;transform:translate(-50%,calc(-100% - 1rem));z-index:1003}.pop-confirm-content .text[data-v-e7c0fbef]{text-align:start;font-size:1.6rem;width:15rem;min-width:15rem}.pop-confirm-content .options[data-v-e7c0fbef]{margin-top:1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.switch[data-v-e7c0fbef]{width:4.5rem;height:2.2rem;border-radius:2rem;position:relative;display:flex;align-items:center;background:var(--color-swtich-bg);transition:all .3s}.switch.active[data-v-e7c0fbef]{background:var(--color-active)}.switch.active[data-v-e7c0fbef]:before{right:.2rem}.switch[data-v-e7c0fbef]:before{position:absolute;content:" ";transition:all .3s;right:calc(100% - 2rem);width:1.8rem;height:1.8rem;background:white;border-radius:50%}.display-type[data-v-e4f684be]{height:3rem;padding:0 .3rem;background:var(--color-sp-btn-bg);border-radius:1rem;display:flex;font-size:1.4rem;align-items:center;color:#a9a9a9}.display-type .type[data-v-e4f684be]{border-radius:.8rem;padding:0 1.3rem;height:2.8rem;align-items:center;display:flex;position:relative;cursor:pointer}.display-type .type.active[data-v-e4f684be]{background:var(--color-second-bg);color:var(--color-font-pure);box-shadow:0 0 6px 0 var(--color-tooltip-shadow)}.display-type .type-list[data-v-e4f684be]{position:absolute;background:var(--color-sp-btn-bg);right:0;top:3rem;font-size:1.4rem;box-shadow:0 0 6px 0 var(--color-tooltip-shadow);border-radius:.6rem;z-index:9;color:var(--color-font)}.display-type .type-list .item[data-v-e4f684be]{word-break:keep-all;padding:.8rem 1rem;cursor:pointer}.display-type .type-list .item.active[data-v-e4f684be],.display-type .type-list .item[data-v-e4f684be]:hover{color:var(--color-font-pure)}.display-type svg[data-v-e4f684be]{width:1.5rem}.loading[data-v-2697baa2]{border:2px solid;border-color:var(--color-loading-2) var(--color-loading-1) var(--color-loading-1) var(--color-loading-1);border-radius:100%;animation:circle-2697baa2 infinite 1s linear;width:2rem;height:2rem}.loading.small[data-v-2697baa2]{width:1.2rem;height:1.2rem}.loading.large[data-v-2697baa2]{width:3rem;height:3rem}@keyframes circle-2697baa2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.base-button[data-v-5a7d79ba]{cursor:pointer;border-radius:.6rem;padding:0 1.5rem;display:inline-flex;align-items:center;justify-content:center;transition:all .3s;height:3.6rem;line-height:1;position:relative}.base-button .loading[data-v-5a7d79ba]{position:absolute}.base-button.disabled[data-v-5a7d79ba]{opacity:.6;cursor:not-allowed;-webkit-user-select:none;user-select:none}.base-button.small[data-v-5a7d79ba]{height:3rem}.base-button.small>span[data-v-5a7d79ba]{font-size:1.3rem}.base-button.large[data-v-5a7d79ba]{height:5rem;font-size:1.8rem;padding:0 2.2rem}.base-button.large>span[data-v-5a7d79ba]{font-size:1.8rem}.base-button[data-v-5a7d79ba]:hover:not(.link){opacity:.7}.base-button.primary[data-v-5a7d79ba]{background:var(--color-active)}.base-button.primary>span[data-v-5a7d79ba]{color:#fff}.base-button.gary[data-v-5a7d79ba]{background:#4b5563}.base-button.link[data-v-5a7d79ba]{border-radius:0;border-bottom:2px solid transparent}.base-button.link>span[data-v-5a7d79ba]{color:var(--color-font-8)}.base-button.link[data-v-5a7d79ba]:hover{border-bottom:2px solid var(--color-font-8)}.base-button.active[data-v-5a7d79ba]{opacity:.4}.key-notice[data-v-5a7d79ba]{margin-left:1rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.key-notice .key[data-v-5a7d79ba]{transform:scale(.8)}.setting-modal .modal-root[data-v-386b43d0]{z-index:9;background:var(--color-main-bg);border-radius:1rem;font-size:1.4rem;overflow:hidden;color:var(--color-font-pure)}.setting-modal .modal-root .modal-header[data-v-386b43d0]{padding:1.4rem;display:flex;justify-content:center;position:relative}.setting-modal .modal-root .modal-header .title[data-v-386b43d0]{font-size:2.2rem;text-align:left;margin-bottom:0}.setting-modal .modal-root .modal-header svg[data-v-386b43d0]{position:absolute;right:1rem;cursor:pointer;font-size:2.6rem}.setting-modal .modal-root .body[data-v-386b43d0]{width:60rem}.setting-modal .modal-root .body .modal-content[data-v-386b43d0]{background:var(--color-second-bg);flex:1;height:100%;box-sizing:border-box;padding:1rem 1rem 1rem 2rem;font-size:1.6rem;text-align:left;line-height:1.6}.setting-modal .modal-root .body .btns[data-v-386b43d0]{margin:1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;font-size:1.4rem}.setting-modal .modal-root[data-v-9e40bff6]{z-index:9;background:var(--color-main-bg);border-radius:1rem;font-size:1.4rem;overflow:hidden;color:var(--color-font-pure)}.setting-modal .modal-root .modal-header[data-v-9e40bff6]{padding:2.4rem;display:flex;justify-content:space-between}.setting-modal .modal-root .modal-header .title[data-v-9e40bff6]{font-size:2.6rem;font-weight:700;text-align:left;margin-bottom:0}.setting-modal .modal-root .modal-header svg[data-v-9e40bff6]{cursor:pointer;font-size:2.6rem}.setting-modal .modal-root .body[data-v-9e40bff6]{width:45vw;height:70vh;display:flex}.setting-modal .modal-root .body .left[data-v-9e40bff6]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:1.8rem}.setting-modal .modal-root .body .left .tabs[data-v-9e40bff6]{padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem}.setting-modal .modal-root .body .left .tabs .tab[data-v-9e40bff6]{cursor:pointer;padding:1rem 1.5rem;border-radius:.8rem;display:flex;align-items:center;gap:1rem}.setting-modal .modal-root .body .left .tabs .tab.active[data-v-9e40bff6]{background:var(--color-item-bg)}.setting-modal .modal-root .body .left .icons[data-v-9e40bff6]{display:flex;gap:1rem;margin-bottom:2rem;font-size:2.4rem}.setting-modal .modal-root .body .modal-content[data-v-9e40bff6]{background:var(--color-second-bg);flex:1;height:100%;box-sizing:border-box;padding:1rem 1rem 1rem 2rem;border-radius:1rem;display:flex}.setting-modal .modal-root .body .modal-content .scroll[data-v-9e40bff6]{flex:1;padding-right:1rem;overflow:auto}.setting-modal .modal-root .body .modal-content .scroll .row[data-v-9e40bff6]{min-height:5rem;display:flex;justify-content:space-between;align-items:center}.setting-modal .modal-root .body .modal-content .scroll .row .wrapper[data-v-9e40bff6]{height:3rem;flex:1;display:flex;justify-content:flex-end;align-items:center;gap:var(--space)}.setting-modal .modal-root .body .modal-content .scroll .row .wrapper span[data-v-9e40bff6]{text-align:right;font-size:1.4rem;color:gray}.setting-modal .modal-root .body .modal-content .scroll .row .wrapper .set-key[data-v-9e40bff6]{align-items:center}.setting-modal .modal-root .body .modal-content .scroll .row .wrapper .set-key input[data-v-9e40bff6]{width:15rem;box-sizing:border-box;margin-right:1rem;height:2.8rem;outline:none;font-size:1.6rem;border:1px solid gray;border-radius:.3rem;padding:0 .5rem;background:var(--color-second-bg);color:var(--color-font-1)}.setting-modal .modal-root .body .modal-content .scroll .row .main-title[data-v-9e40bff6]{font-size:2.2rem;font-weight:700;color:var(--color-font-8)}.setting-modal .modal-root .body .modal-content .scroll .row .item-title[data-v-9e40bff6]{font-size:1.8rem}.setting-modal .modal-root .body .modal-content .scroll .desc[data-v-9e40bff6]{margin-bottom:1rem;font-size:1.4rem;text-align:left;color:var(--color-font)}.setting-modal .modal-root .body .modal-content .scroll .project-desc[data-v-9e40bff6]{text-align:start;font-size:1.6rem;padding-bottom:10rem}.setting-modal .modal-root .body .modal-content .scroll .line[data-v-9e40bff6]{border-bottom:1px solid #c4c3c3}.sub-content[data-v-9e40bff6]{padding:0 2rem 1rem;border-radius:1rem;background:#f3f3f3;margin-bottom:1rem}.Author[data-v-64aa1930]{display:flex;align-items:center;justify-content:space-between;font-size:1.2rem;position:relative}.Author.expand[data-v-64aa1930]{margin-bottom:0}.Author .Author-left[data-v-64aa1930]{display:flex;align-items:center;max-width:65%;word-break:break-all}.Author .Author-left .username[data-v-64aa1930]{font-size:1.4rem;margin-right:.6rem}.Author .Author-left .expand-icon[data-v-64aa1930]{cursor:pointer;margin-right:.6rem;width:2rem;height:2rem;transform:rotate(90deg)}.Author .Author-left .avatar[data-v-64aa1930]{margin-right:.8rem;display:flex}.Author .Author-left .avatar img[data-v-64aa1930]{width:2.8rem;height:2.8rem;border-radius:.4rem}.Author .Author-left .texts[data-v-64aa1930]{flex:1}.Author .Author-left .owner[data-v-64aa1930]{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;margin-right:.6rem;transform:scale(.8)}.Author .Author-left .dup[data-v-64aa1930]{display:inline-block;background-color:transparent;color:red;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid red;font-size:1.2rem;font-weight:700;margin-right:.6rem;transform:scale(.8)}.Author .Author-left .mod[data-v-64aa1930]{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;transform:scale(.8);background:#1484cd;color:#fff;margin-right:.6rem}.Author:hover .add-tag[data-v-64aa1930]{display:inline-block}.Author .Author-right[data-v-64aa1930]{position:absolute;right:0;display:flex;align-items:center}.Author .Author-right .toolbar[data-v-64aa1930]{display:flex;align-items:center;color:var(--color-gray);opacity:0;gap:.2rem}.Author .Author-right .toolbar[data-v-64aa1930]:hover{opacity:1}.post-editor-wrapper[data-v-7fe2eb8d]{width:100%;box-sizing:border-box;position:relative;overflow:hidden;transition:all .3s;color:var(--color-font)}.post-editor-wrapper.reply-post .post-editor[data-v-7fe2eb8d]{border:1px solid var(--color-line)}.post-editor-wrapper.reply-post.isFocus .post-editor[data-v-7fe2eb8d]{border:1px solid var(--color-active)}.post-editor-wrapper.reply-comment[data-v-7fe2eb8d]{border-radius:var(--box-border-radius);overflow:hidden;border:1px solid var(--color-line)}.post-editor-wrapper.reply-comment.isFocus[data-v-7fe2eb8d]{border:1px solid var(--color-active)}.post-editor-wrapper.reply-comment .toolbar[data-v-7fe2eb8d]{background:var(--color-editor-toolbar)}.post-editor-wrapper .post-editor[data-v-7fe2eb8d]{border-radius:var(--box-border-radius);transition:border .3s;width:100%;max-width:100%;padding:.6rem 1.4rem;box-sizing:border-box;outline:none;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:1.4rem;min-height:13rem;resize:none;background:var(--box-background-color);color:var(--color-font-pure);border:1px solid transparent}.post-editor-wrapper .toolbar[data-v-7fe2eb8d]{box-sizing:border-box;padding:.5rem 1rem;width:100%;position:relative;display:flex;justify-content:space-between;align-items:center}.post-editor-wrapper .toolbar .left[data-v-7fe2eb8d]{display:flex;align-items:center;gap:1rem;font-size:2.6rem}.post-editor-wrapper .toolbar .left svg[data-v-7fe2eb8d]{cursor:pointer}.post-editor-wrapper .toolbar .left .upload[data-v-7fe2eb8d]{width:2.6rem;height:2.6rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.post-editor-wrapper .toolbar .left .upload input[data-v-7fe2eb8d]{width:2.6rem;height:2.6rem;cursor:pointer;position:absolute;opacity:0}.post-editor-wrapper .toolbar span[data-v-7fe2eb8d]{color:gray;font-size:1.3rem}.post-editor-wrapper .get-cursor[data-v-7fe2eb8d]{border-radius:var(--box-border-radius);transition:border .3s;width:100%;max-width:100%;padding:.6rem 1.4rem;box-sizing:border-box;outline:none;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:1.4rem;min-height:13rem;resize:none;background:var(--box-background-color);color:var(--color-font-pure);border:1px solid transparent;position:absolute;top:0;z-index:-100}.post-editor-wrapper .emoticon-pack[data-v-7fe2eb8d]{z-index:999999999;border-radius:1rem;padding:1rem;width:31rem;max-width:31rem;height:30rem;max-height:30rem;overflow:auto;background:var(--color-third-bg);border:1px solid var(--color-font-3);box-shadow:0 9px 24px -3px #0000000f,0 4px 8px -1px #0000001f;position:fixed;bottom:11rem;left:14rem}.post-editor-wrapper .emoticon-pack svg[data-v-7fe2eb8d]{cursor:pointer;position:absolute;right:.8rem;font-size:2.4rem}.post-editor-wrapper .emoticon-pack .list[data-v-7fe2eb8d]{margin:1rem 0;display:flex;flex-wrap:wrap}.post-editor-wrapper .emoticon-pack img[data-v-7fe2eb8d]{cursor:pointer;width:calc(100% / 7);padding:.5rem;box-sizing:border-box}.post-editor-wrapper .emoticon-pack span[data-v-7fe2eb8d]{width:calc(100% / 7);display:inline-block;cursor:pointer;font-size:2.3rem;text-align:center}.v-enter-active[data-v-727ada32],.v-leave-active[data-v-727ada32]{transition:opacity .3s ease}.v-enter-from[data-v-727ada32],.v-leave-to[data-v-727ada32]{opacity:0}.username[data-v-727ada32]{font-weight:700;font-size:1.4rem;margin-right:1rem}.link-num[data-v-727ada32]{font-size:1.2rem;font-weight:700;color:#e02a2a}.owner[data-v-727ada32]{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;margin-right:1rem;transform:scale(.8)}.mod[data-v-727ada32]{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;transform:scale(.8);background:#1484cd;color:#fff;margin-right:1rem}.my-tag[data-v-727ada32]{font-size:1.4rem;color:red;margin-left:1rem}.my-tag:hover .remove[data-v-727ada32]{display:inline}.my-tag .remove[data-v-727ada32]{cursor:pointer;margin-left:.5rem;display:none}.add-tag[data-v-727ada32]{font-size:2.4rem;transform:translateY(.2rem);line-height:1rem;display:inline-block;margin-left:1rem;cursor:pointer;position:absolute;display:none}.floor[data-v-727ada32]{margin-left:.5rem;font-size:1.1rem;line-height:1rem;border-radius:.5rem;display:inline-block;background-color:var(--color-floor);color:var(--color-floor-font);padding:3px 9px;cursor:default}[data-v-727ada32]:root{--color-main-bg: #e2e2e2;--color-second-bg: white;--color-third-bg: #e2e2e2;--color-item-bg: white;--color-swtich-bg: #dcdfe6;--color-active: #409eff;--color-font: #999;--color-font-8: rgba(0, 0, 0, .8);--color-font-3: rgba(0, 0, 0, .3);--color-font-pure: black;--color-input-bg: white;--color-input-border: #e2e2e2;--color-input-border-hover: #a3a6ad;--color-radio-border: #e2e2e2;--color-tooltip-bg: white;--color-tooltip-shadow: #bbbbbb;--color-scrollbar: #93ade3;--color-line: #e2e2e2;--color-loading-1: #00000033;--color-loading-2: #000;--color-floor: #f0f0f0;--color-floor-font: #bdbdbd;--color-editor-toolbar: #f6f7f8;--color-sp-btn-bg: #f1f1f1;--color-call-list-bg: white;--color-top-reply-wrap-bg: #f2f3f5;--color-top-reply-wrap-line: #d2d2d2}html.dark[data-v-727ada32]{--color-main-bg: #22303f;--color-second-bg: #18222d;--color-third-bg: #31475e;--color-item-bg: #18222d;--color-swtich-bg: #4c4d4f;--color-active: #409eff;--color-font: rgba(255, 255, 255, .5);--color-font-8: rgba(255, 255, 255, .8);--color-font-3: rgba(255, 255, 255, .3);--color-font-pure: white;--color-input-bg: #333333;--color-input-border: #6c6e72;--color-input-border-hover: #a3a6ad;--color-radio-border: #454847;--color-tooltip-bg: #31475e;--color-tooltip-shadow: #3b3b3b;--color-scrollbar: #5c5d5e;--color-line: var(--box-border-color);--color-loading-1: rgba(178, 177, 177, .2);--color-loading-2: #ffffff;--color-floor: #293b4d;--color-floor-font: rgba(255, 255, 255, .3);--color-editor-toolbar: var(--box-background-hover-color);--color-sp-btn-bg: #31475e;--color-call-list-bg: #31475e;--color-top-reply-wrap-bg: #212f3e;--color-top-reply-wrap-line: #3b536d}html[data-v-727ada32],body[data-v-727ada32]{font-size:62.5%}[data-v-727ada32]::-webkit-scrollbar{width:1rem;height:1rem}[data-v-727ada32]::-webkit-scrollbar-track{background:transparent;border-radius:.2rem}[data-v-727ada32]::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:1rem}.flex[data-v-727ada32]{display:flex;align-items:center;justify-content:space-between}.flex-end[data-v-727ada32]{justify-content:flex-end}.flex-center[data-v-727ada32]{justify-content:center}.p1[data-v-727ada32]{padding:1rem}.p2[data-v-727ada32]{padding:2rem}.p0[data-v-727ada32]{padding:0!important}body :is(.topic_content,.reply_content) a[href^=http][data-v-727ada32]{text-underline-offset:.7ex;text-decoration:underline 1px}a[data-v-727ada32]{text-decoration:none;cursor:pointer}a[data-v-727ada32]:hover{text-decoration:underline}.tool[data-v-727ada32]{position:relative;display:flex;align-items:center;border-radius:.3rem;cursor:pointer;height:2.6rem;padding:0 .5rem;gap:.2rem}.tool>svg[data-v-727ada32]{width:1.6rem!important;height:1.6rem!important}.tool[data-v-727ada32]:hover{background:var(--color-third-bg)}.tool.no-hover[data-v-727ada32]{cursor:default}.tool.no-hover[data-v-727ada32]:hover{background:unset!important}.tool.disabled[data-v-727ada32]{cursor:not-allowed}.tool.disabled[data-v-727ada32]:hover{background:unset!important}.my-node[data-v-727ada32]{border-radius:.2rem;padding:.4rem;font-size:1rem;color:#999;background:#f5f5f5;cursor:pointer}.my-node[data-v-727ada32]:hover{text-decoration:none;background:#e2e2e2}.msgs[data-v-727ada32]{position:fixed;margin-left:calc(50% - 25rem);width:50rem;z-index:9999;bottom:0;left:0;right:0}.my-box[data-v-727ada32]{box-shadow:0 2px 3px #0000001a;box-shadow:#00000014 0 4px 12px;border-radius:var(--box-border-radius);background:var(--box-background-color);margin-bottom:2rem;width:100%;box-sizing:border-box;transition:background-color .3s}.my-cell[data-v-727ada32]{color:var(--color-font);padding:.8rem 1rem;font-size:1.4rem;line-height:150%;text-align:left;border-bottom:1px solid var(--color-line)}.modal[data-v-727ada32]{position:fixed;z-index:1001;width:100vw;height:100vh;left:0;top:0;display:flex;justify-content:center;align-items:center}.modal .title[data-v-727ada32]{font-size:2.4rem;margin-bottom:1rem;text-align:center}.modal .option[data-v-727ada32]{display:flex;align-items:center;padding:.6rem 0}.modal .option>span[data-v-727ada32]{position:relative}.modal .mask[data-v-727ada32]{position:fixed;width:100vw;height:100vh;left:0;top:0;background-color:#1d1c1c47}.radio-group2[data-v-727ada32]{display:inline-flex;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-radio-border);background:var(--box-background-alt-color)}.radio-group2 .radio[data-v-727ada32]{cursor:pointer;background:transparent;padding:.5rem 1.2rem;border-left:1px solid var(--color-radio-border);font-size:1.3rem;color:var(--color-gray)}.radio-group2 .radio[data-v-727ada32]:first-child{border-left:none}.radio-group2 .active[data-v-727ada32]{background:var(--color-third-bg);color:var(--color-font)}.pop-confirm[data-v-727ada32]{position:relative;display:inline-flex;justify-content:center}input[data-v-727ada32]{height:3rem;outline:unset;border:1px solid var(--color-input-border);padding:0 .5rem;border-radius:5px;box-sizing:border-box;transition:all .3s;background:var(--color-input-bg);color:var(--color-font)}input[data-v-727ada32]:hover{border:1px solid var(--color-input-border-hover)}input[data-v-727ada32]:focus{border:1px solid var(--color-active)}.danger[data-v-727ada32]{color:red!important}.pop-confirm-content[data-v-727ada32]{position:fixed;background:var(--color-tooltip-bg);box-shadow:0 0 6px 1px var(--color-tooltip-shadow);color:var(--color-font-8);padding:1.5rem;border-radius:.8rem;transform:translate(-50%,calc(-100% - 1rem));z-index:1003}.pop-confirm-content .text[data-v-727ada32]{text-align:start;font-size:1.6rem;width:15rem;min-width:15rem}.pop-confirm-content .options[data-v-727ada32]{margin-top:1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.html-wrapper[data-v-727ada32]{position:relative}.html-wrapper .mask[data-v-727ada32]{max-height:90rem;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent)}.html-wrapper .expand[data-v-727ada32]{position:absolute;z-index:1;bottom:2rem;padding:.2rem 1.5rem;border-radius:2rem;border:1px solid gray;background:white;color:gray;left:50%;transform:translate(-50%);cursor:pointer}.top-sub-comment[data-v-d3f8c94b]{width:100%;box-sizing:border-box;margin-top:.8rem;display:flex;position:relative}.top-sub-comment .expand-line[data-v-d3f8c94b]{width:1.6rem;position:relative}.top-sub-comment .expand-line[data-v-d3f8c94b]:after{position:absolute;left:50%;top:2%;content:" ";height:98%;width:0;border-right:1px solid var(--color-top-reply-wrap-line)}.top-sub-comment .right[data-v-d3f8c94b]{flex:1;width:calc(100% - 3rem)}.top-sub-comment .right .w .post-editor-wrapper[data-v-d3f8c94b]{margin-top:1rem}.top-sub-comment[data-v-d3f8c94b] .avatar{display:none!important}.top-sub-comment.top-sub-reply[data-v-d3f8c94b]:first-child{margin-top:0}.top-sub-comment.top-sub-reply>.expand-line[data-v-d3f8c94b]{width:1rem}.top-sub-comment.top-sub-reply>.expand-line[data-v-d3f8c94b]:after{display:none}.comment[data-v-67fa2f3f]{width:100%;box-sizing:border-box;margin-top:.6rem}.comment.isLevelOne[data-v-67fa2f3f]{border-bottom:1px solid var(--color-line);padding:.8rem 1rem;margin-top:0}.comment.ding[data-v-67fa2f3f]{background:rgba(255,255,0,.3)!important}.comment.isSimple .avatar[data-v-67fa2f3f],.comment.isSimple .expand-line[data-v-67fa2f3f]{display:none}.comment.isSimple .simple-wrapper[data-v-67fa2f3f]{padding-left:2.8rem}.comment.isSimple .w[data-v-67fa2f3f]{padding-left:0!important;padding-top:.5rem}.comment .comment-content-w .more[data-v-67fa2f3f]{text-align:center;margin:2rem 0}.comment .comment-content[data-v-67fa2f3f]{display:flex;position:relative}.comment .comment-content .expand-line[data-v-67fa2f3f]{cursor:pointer;margin-top:.6rem;width:2rem;min-width:2rem;position:relative}.comment .comment-content .expand-line[data-v-67fa2f3f]:after{position:absolute;left:50%;content:" ";height:100%;width:0;border-right:1px solid var(--color-line)}.comment .comment-content .expand-line[data-v-67fa2f3f]:hover:after{border-right:2px solid var(--color-active)}.comment .comment-content .right[data-v-67fa2f3f]{flex:1;width:calc(100% - 3rem)}.comment .comment-content .right .w[data-v-67fa2f3f]{padding-left:1rem}.comment .comment-content .right .w .post-editor-wrapper[data-v-67fa2f3f]{margin-top:1rem}.wrong-wrapper[data-v-67fa2f3f]{font-size:1.4rem;margin-bottom:1rem}.wrong-wrapper span[data-v-67fa2f3f]{cursor:pointer}.wrong-wrapper .del-line[data-v-67fa2f3f]{text-decoration:line-through}.wrong-wrapper .wrong-icon[data-v-67fa2f3f]{margin-left:.5rem}.wrong-wrapper .warning[data-v-67fa2f3f]{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:1rem 0;margin-top:1rem;font-size:1.2rem;color:red}.reply-count[data-v-67fa2f3f]{padding:.8rem 0 .4rem;border-radius:.2rem;font-size:1.3rem;display:flex;align-items:center;color:gray;gap:1rem;cursor:pointer}.reply-count .gang[data-v-67fa2f3f]{width:2rem;height:0;border-bottom:1px solid #d5d5d5}.reply-count svg[data-v-67fa2f3f]{font-size:1rem}.top-reply-wrap[data-v-67fa2f3f]{background:var(--color-top-reply-wrap-bg);border-radius:.8rem;padding:.6rem;padding-left:0;margin-left:1rem}.toolbar[data-v-e86785e8]{border-top:1px solid var(--color-line);height:3.8rem;padding-left:.6rem;display:flex;align-items:center;color:var(--color-gray);font-size:1.2rem;gap:.5rem}.comment[data-v-4a063111]{width:100%;box-sizing:border-box;display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-line)}.comment.isSimple .avatar[data-v-4a063111]{display:none}.comment.isSimple .reply_content[data-v-4a063111]{margin-top:.5rem!important}.comment .avatar[data-v-4a063111]{display:flex}.comment .avatar img[data-v-4a063111]{width:3.8rem;height:3.8rem;border-radius:.3rem}.comment .comment-body[data-v-4a063111]{flex:1;display:flex;flex-direction:column}.comment .comment-body .texts[data-v-4a063111]{display:flex;align-items:center}.comment .comment-body .reply_content[data-v-4a063111]{margin-top:1rem;max-width:calc(100% - 5rem)}.comment .isRight[data-v-4a063111]{align-items:flex-end}.comment .isRight .owner[data-v-4a063111],.comment .isRight .mod[data-v-4a063111],.comment .isRight .username[data-v-4a063111]{margin:0 0 0 1rem}.comment .Author-right[data-v-4a063111]{display:flex;flex-direction:column;align-items:center}.comment .Author-right .floor[data-v-4a063111]{margin-left:0}.comment .Author-right .jump[data-v-4a063111]{color:#929596;margin-top:.4rem;font-size:1.4rem}.comment .point[data-v-4a063111]{margin:0 .5rem;font-size:1.6rem;display:flex;gap:.5rem;align-items:center;font-weight:700;color:#000}.sticky{position:sticky;bottom:-2px;z-index:2;background:var(--box-background-hover-color)!important}.sticky[stuck]{box-shadow:0 2px 20px #00000059!important}.preview-modal{position:fixed;width:100vw;height:100vh;left:0;top:-1000vh;z-index:9999}.preview-modal .close{font-size:2rem;color:#fff;position:absolute;right:2rem;top:2rem;cursor:pointer}.preview-modal .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .3s}.v-enter-active[data-v-b5867eba],.v-leave-active[data-v-b5867eba]{transition:opacity .3s ease}.v-enter-from[data-v-b5867eba],.v-leave-to[data-v-b5867eba]{opacity:0}.username[data-v-b5867eba]{font-weight:700;font-size:1.4rem;margin-right:1rem}.link-num[data-v-b5867eba]{font-size:1.2rem;font-weight:700;color:#e02a2a}.owner[data-v-b5867eba]{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;margin-right:1rem;transform:scale(.8)}.mod[data-v-b5867eba]{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;transform:scale(.8);background:#1484cd;color:#fff;margin-right:1rem}.my-tag[data-v-b5867eba]{font-size:1.4rem;color:red;margin-left:1rem}.my-tag:hover .remove[data-v-b5867eba]{display:inline}.my-tag .remove[data-v-b5867eba]{cursor:pointer;margin-left:.5rem;display:none}.add-tag[data-v-b5867eba]{font-size:2.4rem;transform:translateY(.2rem);line-height:1rem;display:inline-block;margin-left:1rem;cursor:pointer;position:absolute;display:none}.floor[data-v-b5867eba]{margin-left:.5rem;font-size:1.1rem;line-height:1rem;border-radius:.5rem;display:inline-block;background-color:var(--color-floor);color:var(--color-floor-font);padding:3px 9px;cursor:default}[data-v-b5867eba]:root{--color-main-bg: #e2e2e2;--color-second-bg: white;--color-third-bg: #e2e2e2;--color-item-bg: white;--color-swtich-bg: #dcdfe6;--color-active: #409eff;--color-font: #999;--color-font-8: rgba(0, 0, 0, .8);--color-font-3: rgba(0, 0, 0, .3);--color-font-pure: black;--color-input-bg: white;--color-input-border: #e2e2e2;--color-input-border-hover: #a3a6ad;--color-radio-border: #e2e2e2;--color-tooltip-bg: white;--color-tooltip-shadow: #bbbbbb;--color-scrollbar: #93ade3;--color-line: #e2e2e2;--color-loading-1: #00000033;--color-loading-2: #000;--color-floor: #f0f0f0;--color-floor-font: #bdbdbd;--color-editor-toolbar: #f6f7f8;--color-sp-btn-bg: #f1f1f1;--color-call-list-bg: white;--color-top-reply-wrap-bg: #f2f3f5;--color-top-reply-wrap-line: #d2d2d2}html.dark[data-v-b5867eba]{--color-main-bg: #22303f;--color-second-bg: #18222d;--color-third-bg: #31475e;--color-item-bg: #18222d;--color-swtich-bg: #4c4d4f;--color-active: #409eff;--color-font: rgba(255, 255, 255, .5);--color-font-8: rgba(255, 255, 255, .8);--color-font-3: rgba(255, 255, 255, .3);--color-font-pure: white;--color-input-bg: #333333;--color-input-border: #6c6e72;--color-input-border-hover: #a3a6ad;--color-radio-border: #454847;--color-tooltip-bg: #31475e;--color-tooltip-shadow: #3b3b3b;--color-scrollbar: #5c5d5e;--color-line: var(--box-border-color);--color-loading-1: rgba(178, 177, 177, .2);--color-loading-2: #ffffff;--color-floor: #293b4d;--color-floor-font: rgba(255, 255, 255, .3);--color-editor-toolbar: var(--box-background-hover-color);--color-sp-btn-bg: #31475e;--color-call-list-bg: #31475e;--color-top-reply-wrap-bg: #212f3e;--color-top-reply-wrap-line: #3b536d}html[data-v-b5867eba],body[data-v-b5867eba]{font-size:62.5%}[data-v-b5867eba]::-webkit-scrollbar{width:1rem;height:1rem}[data-v-b5867eba]::-webkit-scrollbar-track{background:transparent;border-radius:.2rem}[data-v-b5867eba]::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:1rem}.flex[data-v-b5867eba]{display:flex;align-items:center;justify-content:space-between}.flex-end[data-v-b5867eba]{justify-content:flex-end}.flex-center[data-v-b5867eba]{justify-content:center}.p1[data-v-b5867eba]{padding:1rem}.p2[data-v-b5867eba]{padding:2rem}.p0[data-v-b5867eba]{padding:0!important}body :is(.topic_content,.reply_content) a[href^=http][data-v-b5867eba]{text-underline-offset:.7ex;text-decoration:underline 1px}a[data-v-b5867eba]{text-decoration:none;cursor:pointer}a[data-v-b5867eba]:hover{text-decoration:underline}.tool[data-v-b5867eba]{position:relative;display:flex;align-items:center;border-radius:.3rem;cursor:pointer;height:2.6rem;padding:0 .5rem;gap:.2rem}.tool>svg[data-v-b5867eba]{width:1.6rem!important;height:1.6rem!important}.tool[data-v-b5867eba]:hover{background:var(--color-third-bg)}.tool.no-hover[data-v-b5867eba]{cursor:default}.tool.no-hover[data-v-b5867eba]:hover{background:unset!important}.tool.disabled[data-v-b5867eba]{cursor:not-allowed}.tool.disabled[data-v-b5867eba]:hover{background:unset!important}.my-node[data-v-b5867eba]{border-radius:.2rem;padding:.4rem;font-size:1rem;color:#999;background:#f5f5f5;cursor:pointer}.my-node[data-v-b5867eba]:hover{text-decoration:none;background:#e2e2e2}.msgs[data-v-b5867eba]{position:fixed;margin-left:calc(50% - 25rem);width:50rem;z-index:9999;bottom:0;left:0;right:0}.my-box[data-v-b5867eba]{box-shadow:0 2px 3px #0000001a;box-shadow:#00000014 0 4px 12px;border-radius:var(--box-border-radius);background:var(--box-background-color);margin-bottom:2rem;width:100%;box-sizing:border-box;transition:background-color .3s}.my-cell[data-v-b5867eba]{color:var(--color-font);padding:.8rem 1rem;font-size:1.4rem;line-height:150%;text-align:left;border-bottom:1px solid var(--color-line)}.modal[data-v-b5867eba]{position:fixed;z-index:1001;width:100vw;height:100vh;left:0;top:0;display:flex;justify-content:center;align-items:center}.modal .title[data-v-b5867eba]{font-size:2.4rem;margin-bottom:1rem;text-align:center}.modal .option[data-v-b5867eba]{display:flex;align-items:center;padding:.6rem 0}.modal .option>span[data-v-b5867eba]{position:relative}.modal .mask[data-v-b5867eba]{position:fixed;width:100vw;height:100vh;left:0;top:0;background-color:#1d1c1c47}.radio-group2[data-v-b5867eba]{display:inline-flex;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-radio-border);background:var(--box-background-alt-color)}.radio-group2 .radio[data-v-b5867eba]{cursor:pointer;background:transparent;padding:.5rem 1.2rem;border-left:1px solid var(--color-radio-border);font-size:1.3rem;color:var(--color-gray)}.radio-group2 .radio[data-v-b5867eba]:first-child{border-left:none}.radio-group2 .active[data-v-b5867eba]{background:var(--color-third-bg);color:var(--color-font)}.pop-confirm[data-v-b5867eba]{position:relative;display:inline-flex;justify-content:center}input[data-v-b5867eba]{height:3rem;outline:unset;border:1px solid var(--color-input-border);padding:0 .5rem;border-radius:5px;box-sizing:border-box;transition:all .3s;background:var(--color-input-bg);color:var(--color-font)}input[data-v-b5867eba]:hover{border:1px solid var(--color-input-border-hover)}input[data-v-b5867eba]:focus{border:1px solid var(--color-active)}.danger[data-v-b5867eba]{color:red!important}.pop-confirm-content[data-v-b5867eba]{position:fixed;background:var(--color-tooltip-bg);box-shadow:0 0 6px 1px var(--color-tooltip-shadow);color:var(--color-font-8);padding:1.5rem;border-radius:.8rem;transform:translate(-50%,calc(-100% - 1rem));z-index:1003}.pop-confirm-content .text[data-v-b5867eba]{text-align:start;font-size:1.6rem;width:15rem;min-width:15rem}.pop-confirm-content .options[data-v-b5867eba]{margin-top:1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.Post[data-v-b5867eba]{position:unset!important;background:transparent!important;overflow:unset!important}.Post .main[data-v-b5867eba]{background:transparent!important;padding:unset!important;width:100%!important}.Post .close-btn[data-v-b5867eba]{display:none}.post-detail[data-v-b5867eba]{text-align:start;position:fixed;z-index:1002;left:0;right:0;bottom:0;top:0;background:rgba(46,47,48,.8);overflow:auto;font-size:1.4rem;display:flex;justify-content:center;flex-wrap:wrap}.post-detail[data-v-b5867eba] .subtle{background-color:#ecfdf5e6;border-left:4px solid #a7f3d0}.post-detail.isNight[data-v-b5867eba] .subtle{background-color:#1a3332;border-left:4px solid #047857}.post-detail .main[data-v-b5867eba]{display:flex;justify-content:flex-end;padding:3rem 8rem 15rem;background:var(--color-main-bg);position:relative;outline:none}.post-detail .main .main-wrapper[data-v-b5867eba]{width:77rem;padding-bottom:2rem;display:flex;flex-direction:column;align-items:center;position:relative}.post-detail .main .main-wrapper .post-wrapper .header:hover .add-tag[data-v-b5867eba]{display:inline-block}.post-detail .main .main-wrapper .loading-wrapper[data-v-b5867eba]{height:20rem;display:flex;justify-content:center;align-items:center}.post-detail .main .main-wrapper #no-comments-yet[data-v-b5867eba]{color:#a9a9a9;font-weight:700;text-align:center;width:100%;margin-bottom:2rem;box-sizing:border-box}.post-detail .main .relationReply[data-v-b5867eba]{position:fixed;width:25vw;top:6.5rem;bottom:15rem;z-index:100;transform:translate(calc(100% + 2rem));font-size:2rem;overflow:hidden}.post-detail .main .relationReply .my-cell[data-v-b5867eba]{background:var(--color-second-bg);border-radius:var(--box-border-radius) var(--box-border-radius) 0 0}.post-detail .main .relationReply .comments[data-v-b5867eba]{max-height:calc(100% - 4.2rem);overflow:auto;background:var(--color-second-bg);border-radius:0 0 var(--box-border-radius) var(--box-border-radius)}.post-detail .main .call-list[data-v-b5867eba]{z-index:9;position:absolute;top:12rem;border:1px solid var(--color-main-bg);background:var(--color-call-list-bg);box-shadow:0 5px 15px #0000001a;overflow:auto;max-height:30rem;border-radius:var(--box-border-radius);min-width:8rem;box-sizing:content-box}.post-detail .main .call-list .call-item[data-v-b5867eba]{border-top:1px solid var(--color-main-bg);height:3rem;display:flex;padding:0 1rem;align-items:center;cursor:pointer;font-size:14px;box-sizing:border-box}.post-detail .main .call-list .call-item .select[data-v-b5867eba],.post-detail .main .call-list .call-item[data-v-b5867eba]:hover,.post-detail .main .call-list .call-item.select[data-v-b5867eba]{background:var(--color-main-bg);text-decoration:none}.post-detail .main .call-list .call-item[data-v-b5867eba]:nth-child(1){border-top:1px solid transparent}@media screen and (max-width: 1500px){.post-detail .main-wrapper[data-v-b5867eba]{width:65vw!important}}@media screen and (max-width: 1280px){.post-detail .main-wrapper[data-v-b5867eba]{width:75vw!important}}@media screen and (max-width: 960px){.post-detail .main-wrapper[data-v-b5867eba]{width:100vw!important}}.post-detail .scroll-top[data-v-b5867eba]{cursor:pointer;position:fixed;border-radius:.6rem;display:flex;align-items:center;justify-content:center;bottom:10rem;z-index:99;padding:.8rem 0;gap:1rem;width:4.2rem;transform:translate(6rem);font-size:2rem;background:var(--color-sp-btn-bg);color:var(--color-font-3)}.post-detail .scroll-top svg[data-v-b5867eba]{font-size:2.4rem}.post-detail .refresh[data-v-b5867eba]{cursor:pointer;position:fixed;border-radius:.6rem;display:flex;align-items:center;justify-content:center;bottom:10rem;z-index:99;padding:.8rem 0;gap:1rem;width:4.2rem;transform:translate(6rem);font-size:2rem;background:var(--color-sp-btn-bg);color:var(--color-font-3);bottom:23.5rem}.post-detail .refresh svg[data-v-b5867eba]{font-size:2.4rem}.post-detail .scroll-to[data-v-b5867eba]{cursor:pointer;position:fixed;border-radius:.6rem;align-items:center;justify-content:center;bottom:10rem;z-index:99;padding:.8rem 0;gap:1rem;width:4.2rem;transform:translate(6rem);font-size:2rem;background:var(--color-sp-btn-bg);color:var(--color-font-3);bottom:15rem;display:flex;flex-direction:column}.post-detail .scroll-to svg[data-v-b5867eba]{font-size:2.4rem}.post-detail .scroll-to input[data-v-b5867eba]{height:2.6rem;width:3.6rem;font-size:1.4rem;text-align:center;color:gray}.post-detail .msg[data-v-b5867eba]{cursor:pointer;position:fixed;border-radius:.6rem;display:flex;align-items:center;justify-content:center;bottom:10rem;z-index:99;padding:.8rem 0;gap:1rem;width:4.2rem;transform:translate(6rem);font-size:2rem;background:var(--color-sp-btn-bg);color:var(--color-font-3);bottom:5rem}.post-detail .msg svg[data-v-b5867eba]{font-size:2.4rem}.post-detail .close-btn[data-v-b5867eba]{color:var(--color-font-3);cursor:pointer;position:fixed;top:3rem;transform:translate(4rem);font-size:1.6rem}.post-detail .top-reply[data-v-b5867eba]{color:var(--color-font-3);cursor:pointer;font-size:2rem;display:flex}.base64_tooltip[data-v-c50fb66c]{box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;background:var(--color-third-bg);min-height:2.2rem;max-width:20rem;padding:1rem;position:fixed;z-index:9998;display:flex;align-items:center;border-radius:.5rem;cursor:pointer;line-break:anywhere;font-size:1.4rem;color:var(--color-font-8)}.base64_tooltip svg[data-v-c50fb66c]{margin-left:1rem;font-size:3rem;color:var(--color-gray)}.base64_tooltip[data-v-c50fb66c] .base-button{margin-left:1rem;margin-top:1rem}.msg[data-v-8bf692ea]{cursor:default;margin-bottom:2rem;display:flex;font-size:1.4rem;box-sizing:border-box;border-radius:var(--box-border-radius);color:var(--color-font-8);background:var(--color-tooltip-bg);box-shadow:0 0 6px 1px var(--color-tooltip-shadow)}.msg.success .left[data-v-8bf692ea]{background:var(--color-active)}.msg.warning .left[data-v-8bf692ea]{background:#c8c002}.msg.error .left[data-v-8bf692ea]{background:red}.msg .left[data-v-8bf692ea]{border-radius:var(--box-border-radius) 0 0 var(--box-border-radius);display:flex;align-items:center;background:var(--color-active);color:#fff;width:3.6rem;font-size:2.4rem;justify-content:center}.msg .left svg[data-v-8bf692ea]{cursor:pointer}.msg .right[data-v-8bf692ea]{flex:1;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.tag-modal[data-v-eef9961d]{z-index:1003}.tag-modal .wrapper[data-v-eef9961d]{z-index:9;background:var(--color-main-bg);color:var(--color-font-8);border-radius:1rem;font-size:1.4rem;padding:2rem 4rem;width:25rem}.tag-modal .wrapper .title[data-v-eef9961d]{font-weight:700}.tag-modal .wrapper .btns[data-v-eef9961d]{margin-top:1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;font-size:1.4rem}.msgs[data-v-b73f4332]{position:fixed;margin-left:calc(50% - 25rem);width:50rem;z-index:9999;bottom:0;left:0;right:0}.NotificationModal .modal-root[data-v-77aa374e]{z-index:9;background:var(--color-second-bg);color:var(--color-font-8);border-radius:1rem;font-size:1.4rem;width:50vw;height:80vh;display:flex;flex-direction:column;padding:1.4rem;gap:1rem}.NotificationModal .modal-root .modal-header[data-v-77aa374e]{display:flex;justify-content:space-between}.NotificationModal .modal-root .modal-header .title[data-v-77aa374e]{font-size:2.6rem;font-weight:700;text-align:left;margin-bottom:0}.NotificationModal .modal-root .modal-header i[data-v-77aa374e]{cursor:pointer;font-size:2.2rem}.NotificationModal .modal-root .modal-body[data-v-77aa374e]{padding-top:0;flex:1;gap:1rem;display:flex;flex-direction:column;overflow:hidden}.NotificationModal .modal-root .modal-body .filter[data-v-77aa374e]{display:flex;gap:1rem}.NotificationModal .modal-root .modal-body .filter div[data-v-77aa374e]{border-radius:.4rem;padding:.4rem 1rem;background:gainsboro;cursor:pointer}.NotificationModal .modal-root .modal-body .filter div.active[data-v-77aa374e]{background:#445;color:#fff}.NotificationModal .modal-root .modal-body .list-wrap[data-v-77aa374e]{flex:1;position:relative;overflow:hidden}.NotificationModal .modal-root .modal-body .list-wrap .loading-wrap[data-v-77aa374e]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.7)}.NotificationModal .modal-root .modal-body .list-wrap .notify-wrap[data-v-77aa374e]{overflow:auto;height:100%}.NotificationModal .modal-root .modal-body .list-wrap #notifications[data-v-77aa374e] .cell{display:none;padding:1.2rem 0}.NotificationModal .modal-root .modal-body .list-wrap #notifications[data-v-77aa374e] .cell a.node{padding:.6rem 1rem;border-radius:.4rem}.NotificationModal .modal-root .modal-body .list-wrap #notifications[data-v-77aa374e] .cell .payload{margin-top:.4rem;font-size:1.7rem}.NotificationModal .modal-root .modal-body #notifications.all[data-v-77aa374e] .cell,.NotificationModal .modal-root .modal-body #notifications.reply[data-v-77aa374e] .reply,.NotificationModal .modal-root .modal-body #notifications.star[data-v-77aa374e] .star,.NotificationModal .modal-root .modal-body #notifications.collect[data-v-77aa374e] .collect{display:block}.NotificationModal .modal-root .modal-body .footer[data-v-77aa374e]{width:100%;display:flex;align-items:center;gap:2rem}.NotificationModal .modal-root .modal-body .footer .pages[data-v-77aa374e]{flex:1}.NotificationModal .modal-root .modal-body .footer .total[data-v-77aa374e]{font-weight:700}.NotificationModal .modal-root .modal-body .footer .total span[data-v-77aa374e]{color:#d3d3d3;font-weight:400;margin-right:.4rem}.NotificationModal .modal-root .modal-body[data-v-77aa374e] .super.button{padding:0;background:unset;height:26px;width:37px}.NotificationModal .modal-root .modal-body[data-v-77aa374e] .super.button a{display:block}.NotificationModal .modal-root .modal-body[data-v-77aa374e] .super.button a:hover{text-decoration:none}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.v-enter-from,.v-leave-to{opacity:0}.username{font-weight:700;font-size:1.4rem;margin-right:1rem}.link-num{font-size:1.2rem;font-weight:700;color:#e02a2a}.owner{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;margin-right:1rem;transform:scale(.8)}.mod{display:inline-block;background-color:transparent;color:#1484cd;border-radius:.3rem;padding:0 .3rem;cursor:default;border:2px solid #1484cd;font-size:1.2rem;font-weight:700;transform:scale(.8);background:#1484cd;color:#fff;margin-right:1rem}.my-tag{font-size:1.4rem;color:red;margin-left:1rem}.my-tag:hover .remove{display:inline}.my-tag .remove{cursor:pointer;margin-left:.5rem;display:none}.add-tag{font-size:2.4rem;transform:translateY(.2rem);line-height:1rem;display:inline-block;margin-left:1rem;cursor:pointer;position:absolute;display:none}.floor{margin-left:.5rem;font-size:1.1rem;line-height:1rem;border-radius:.5rem;display:inline-block;background-color:var(--color-floor);color:var(--color-floor-font);padding:3px 9px;cursor:default}:root{--color-main-bg: #e2e2e2;--color-second-bg: white;--color-third-bg: #e2e2e2;--color-item-bg: white;--color-swtich-bg: #dcdfe6;--color-active: #409eff;--color-font: #999;--color-font-8: rgba(0, 0, 0, .8);--color-font-3: rgba(0, 0, 0, .3);--color-font-pure: black;--color-input-bg: white;--color-input-border: #e2e2e2;--color-input-border-hover: #a3a6ad;--color-radio-border: #e2e2e2;--color-tooltip-bg: white;--color-tooltip-shadow: #bbbbbb;--color-scrollbar: #93ade3;--color-line: #e2e2e2;--color-loading-1: #00000033;--color-loading-2: #000;--color-floor: #f0f0f0;--color-floor-font: #bdbdbd;--color-editor-toolbar: #f6f7f8;--color-sp-btn-bg: #f1f1f1;--color-call-list-bg: white;--color-top-reply-wrap-bg: #f2f3f5;--color-top-reply-wrap-line: #d2d2d2}html.dark{--color-main-bg: #22303f;--color-second-bg: #18222d;--color-third-bg: #31475e;--color-item-bg: #18222d;--color-swtich-bg: #4c4d4f;--color-active: #409eff;--color-font: rgba(255, 255, 255, .5);--color-font-8: rgba(255, 255, 255, .8);--color-font-3: rgba(255, 255, 255, .3);--color-font-pure: white;--color-input-bg: #333333;--color-input-border: #6c6e72;--color-input-border-hover: #a3a6ad;--color-radio-border: #454847;--color-tooltip-bg: #31475e;--color-tooltip-shadow: #3b3b3b;--color-scrollbar: #5c5d5e;--color-line: var(--box-border-color);--color-loading-1: rgba(178, 177, 177, .2);--color-loading-2: #ffffff;--color-floor: #293b4d;--color-floor-font: rgba(255, 255, 255, .3);--color-editor-toolbar: var(--box-background-hover-color);--color-sp-btn-bg: #31475e;--color-call-list-bg: #31475e;--color-top-reply-wrap-bg: #212f3e;--color-top-reply-wrap-line: #3b536d}html,body{font-size:62.5%}::-webkit-scrollbar{width:1rem;height:1rem}::-webkit-scrollbar-track{background:transparent;border-radius:.2rem}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:1rem}.flex{display:flex;align-items:center;justify-content:space-between}.flex-end{justify-content:flex-end}.flex-center{justify-content:center}.p1{padding:1rem}.p2{padding:2rem}.p0{padding:0!important}body :is(.topic_content,.reply_content) a[href^=http]{text-underline-offset:.7ex;text-decoration:underline 1px}a{text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}.tool{position:relative;display:flex;align-items:center;border-radius:.3rem;cursor:pointer;height:2.6rem;padding:0 .5rem;gap:.2rem}.tool>svg{width:1.6rem!important;height:1.6rem!important}.tool:hover{background:var(--color-third-bg)}.tool.no-hover{cursor:default}.tool.no-hover:hover{background:unset!important}.tool.disabled{cursor:not-allowed}.tool.disabled:hover{background:unset!important}.my-node{border-radius:.2rem;padding:.4rem;font-size:1rem;color:#999;background:#f5f5f5;cursor:pointer}.my-node:hover{text-decoration:none;background:#e2e2e2}.msgs{position:fixed;margin-left:calc(50% - 25rem);width:50rem;z-index:9999;bottom:0;left:0;right:0}.my-box{box-shadow:0 2px 3px #0000001a;box-shadow:#00000014 0 4px 12px;border-radius:var(--box-border-radius);background:var(--box-background-color);margin-bottom:2rem;width:100%;box-sizing:border-box;transition:background-color .3s}.my-cell{color:var(--color-font);padding:.8rem 1rem;font-size:1.4rem;line-height:150%;text-align:left;border-bottom:1px solid var(--color-line)}.modal{position:fixed;z-index:1001;width:100vw;height:100vh;left:0;top:0;display:flex;justify-content:center;align-items:center}.modal .title{font-size:2.4rem;margin-bottom:1rem;text-align:center}.modal .option{display:flex;align-items:center;padding:.6rem 0}.modal .option>span{position:relative}.modal .mask{position:fixed;width:100vw;height:100vh;left:0;top:0;background-color:#1d1c1c47}.radio-group2{display:inline-flex;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-radio-border);background:var(--box-background-alt-color)}.radio-group2 .radio{cursor:pointer;background:transparent;padding:.5rem 1.2rem;border-left:1px solid var(--color-radio-border);font-size:1.3rem;color:var(--color-gray)}.radio-group2 .radio:first-child{border-left:none}.radio-group2 .active{background:var(--color-third-bg);color:var(--color-font)}.pop-confirm{position:relative;display:inline-flex;justify-content:center}input{height:3rem;outline:unset;border:1px solid var(--color-input-border);padding:0 .5rem;border-radius:5px;box-sizing:border-box;transition:all .3s;background:var(--color-input-bg);color:var(--color-font)}input:hover{border:1px solid var(--color-input-border-hover)}input:focus{border:1px solid var(--color-active)}.danger{color:red!important}.pop-confirm-content{position:fixed;background:var(--color-tooltip-bg);box-shadow:0 0 6px 1px var(--color-tooltip-shadow);color:var(--color-font-8);padding:1.5rem;border-radius:.8rem;transform:translate(-50%,calc(-100% - 1rem));z-index:1003}.pop-confirm-content .text{text-align:start;font-size:1.6rem;width:15rem;min-width:15rem}.pop-confirm-content .options{margin-top:1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.target-user-tags[data-v-bae2f48f]{background:var(--color-second-bg);color:var(--color-font);word-break:break-all;text-align:start;font-size:1.4rem;box-shadow:0 2px 3px #0000001a;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.target-user-tags .add-tag[data-v-bae2f48f]{display:inline-block}.loaded[data-v-bae2f48f]{font-size:1.4rem;display:flex;align-items:center;gap:1rem;color:var(--color-font-pure)} ');
(function (vue) {
'use strict';
var PageType = /* @__PURE__ */ ((PageType2) => {
PageType2["Home"] = "Home";
PageType2["Node"] = "Node";
PageType2["Post"] = "Post";
PageType2["Member"] = "Member";
PageType2["Changes"] = "Changes";
return PageType2;
})(PageType || {});
var CommentDisplayType = /* @__PURE__ */ ((CommentDisplayType2) => {
CommentDisplayType2[CommentDisplayType2["FloorInFloor"] = 0] = "FloorInFloor";
CommentDisplayType2[CommentDisplayType2["FloorInFloorNoCallUser"] = 4] = "FloorInFloorNoCallUser";
CommentDisplayType2[CommentDisplayType2["FloorInFloorNested"] = 5] = "FloorInFloorNested";
CommentDisplayType2[CommentDisplayType2["Like"] = 1] = "Like";
CommentDisplayType2[CommentDisplayType2["V2exOrigin"] = 2] = "V2exOrigin";
CommentDisplayType2[CommentDisplayType2["OnlyOp"] = 3] = "OnlyOp";
CommentDisplayType2[CommentDisplayType2["New"] = 6] = "New";
return CommentDisplayType2;
})(CommentDisplayType || {});
const MAX_REPLY_LIMIT = 400;
const _sfc_main$m = {
name: "Tooltip",
props: {
title: {
type: String,
default() {
return "";
}
},
disabled: {
type: Boolean,
default() {
return false;
}
}
},
data() {
return {
show: false
};
},
methods: {
showPop(e2) {
if (this.disabled)
return;
if (!this.title)
return;
e2.stopPropagation();
let rect = e2.target.getBoundingClientRect();
this.show = true;
vue.nextTick(() => {
var _a, _b;
let tip = (_b = (_a = this.$refs) == null ? void 0 : _a.tip) == null ? void 0 : _b.getBoundingClientRect();
if (!tip)
return;
if (rect.top < 50) {
this.$refs.tip.style.top = rect.top + rect.height + 10 + "px";
} else {
this.$refs.tip.style.top = rect.top - tip.height - 10 + "px";
}
let tipWidth = tip.width;
let rectWidth = rect.width;
this.$refs.tip.style.left = rect.left - (tipWidth - rectWidth) / 2 + "px";
});
}
},
render() {
let Vnode = this.$slots.default()[0];
return vue.createVNode(vue.Fragment, null, [this.show && this.title && vue.createVNode(vue.Teleport, {
"to": "body"
}, {
default: () => [vue.createVNode(vue.Transition, {
"name": "fade"
}, {
default: () => [vue.createVNode("div", {
"ref": "tip",
"className": "tip"
}, [this.title])]
})]
}), vue.createVNode(Vnode, {
"onClick": () => this.show = false,
"onmouseenter": (e2) => this.showPop(e2),
"onmouseleave": () => this.show = false
}, null)]);
}
};
const _export_sfc = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ee672411"]]);
const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
__name: "BaseSwitch",
props: {
modelValue: { type: Boolean }
},
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["switch", { active: _ctx.modelValue }]),
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", !_ctx.modelValue))
}, null, 2);
};
}
});
const BaseSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-e7c0fbef"]]);
var _GM_openInTab = /* @__PURE__ */ (() => typeof GM_openInTab != "undefined" ? GM_openInTab : void 0)();
var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)();
const functions = {
async refreshOnce(once) {
return new Promise((resolve) => {
if (once) {
if (typeof once === "string") {
let res = once.match(/var once = "([\d]+)";/);
if (res && res[1])
resolve(Number(res[1]));
}
if (typeof once === "number")
resolve(once);
}
window.fetchOnce().then((r2) => {
resolve(r2);
});
});
},
clone: (val) => JSON.parse(JSON.stringify(val)),
createList(post, replyList, withRedundList = true) {
replyList = replyList.slice(0, 1);
post.replyList = replyList;
return post;
},
//获取所有回复
getAllReply(repliesMap = []) {
return repliesMap.sort((a, b) => a.i - b.i).reduce((pre, i) => {
pre = pre.concat(i.replyList);
return pre;
}, []);
},
//查找子回复
findChildren(item, endList, all, topReplyList) {
var _a;
const fn = (child, endList2, parent) => {
child.level = parent.level + 1;
let rIndex2 = all.findIndex((v) => v.floor === child.floor);
if (rIndex2 > -1) {
all[rIndex2].isUse = true;
}
parent.children.push(this.findChildren(child, endList2, all, topReplyList));
};
item.children = [];
let floorReplyList = [];
for (let i = 0; i < endList.length; i++) {
let currentItem = endList[i];
if (currentItem.isUse)
continue;
if (currentItem.replyFloor === item.floor) {
if (currentItem.replyUsers.length === 1 && currentItem.replyUsers[0] === item.username) {
currentItem.isUse = true;
floorReplyList.push({ endList: endList.slice(i + 1), currentItem });
} else {
currentItem.isWrong = true;
}
}
}
floorReplyList.reverse().map(({ currentItem, endList: endList2 }) => {
fn(currentItem, endList2, item);
});
let nextMeIndex = endList.findIndex((v) => {
var _a2;
return v.username === item.username && ((_a2 = v.replyUsers) == null ? void 0 : _a2[0]) !== item.username;
});
let findList = nextMeIndex > -1 ? endList.slice(0, nextMeIndex) : endList;
for (let i = 0; i < findList.length; i++) {
let currentItem = findList[i];
if (currentItem.isUse)
continue;
if (currentItem.replyUsers.length === 1) {
if (currentItem.replyFloor !== -1) {
if (((_a = all[currentItem.replyFloor - 1]) == null ? void 0 : _a.username) === currentItem.replyUsers[0]) {
continue;
}
}
let endList2 = endList.slice(i + 1);
if (currentItem.username === item.username) {
if (currentItem.replyUsers[0] === item.username) {
fn(currentItem, endList2, item);
}
break;
} else {
if (currentItem.replyUsers[0] === item.username) {
fn(currentItem, endList2, item);
}
}
} else {
if (currentItem.username === item.username)
break;
}
}
item.children = item.children.sort((a, b) => a.floor - b.floor);
item.replyCount = item.children.reduce((a, b) => {
return a + (b.children.length ? b.replyCount + 1 : 1);
}, 0);
let rIndex = topReplyList.findIndex((v) => v.floor === item.floor);
if (rIndex > -1) {
topReplyList[rIndex].children = item.children;
topReplyList[rIndex].replyCount = item.replyCount;
}
return item;
},
//生成嵌套回复
createNestedList(allList = [], topReplyList = []) {
if (!allList.length)
return [];
let list = allList;
let nestedList = [];
list.map((item, index) => {
let startList = list.slice(0, index);
let startReplyUsers = Array.from(new Set(startList.map((v) => v.username)));
let endList = list.slice(index + 1);
if (index === 0) {
nestedList.push(this.findChildren(item, endList, list, topReplyList));
} else {
if (!item.isUse) {
let isOneLevelReply = false;
if (item.replyUsers.length) {
if (item.replyUsers.length > 1) {
isOneLevelReply = true;
} else {
isOneLevelReply = !startReplyUsers.find((v) => v === item.replyUsers[0]);
}
} else {
isOneLevelReply = true;
}
if (isOneLevelReply) {
item.level = 0;
nestedList.push(this.findChildren(item, endList, list, topReplyList));
}
}
}
});
return nestedList;
},
//生成嵌套冗余回复
createNestedRedundantList(allList = [], topReplyList) {
if (!allList.length)
return [];
let list = allList;
let nestedList = [];
list.map((item, index) => {
let startList = list.slice(0, index);
let startReplyUsers = Array.from(new Set(startList.map((v) => v.username)));
let endList = list.slice(index + 1);
if (index === 0) {
nestedList.push(this.findChildren(item, endList, list, topReplyList));
} else {
if (!item.isUse) {
let isOneLevelReply = false;
if (item.replyUsers.length) {
if (item.replyUsers.length > 1) {
isOneLevelReply = true;
} else {
isOneLevelReply = !startReplyUsers.find((v) => v === item.replyUsers[0]);
}
} else {
isOneLevelReply = true;
}
if (isOneLevelReply) {
item.level = 0;
nestedList.push(this.findChildren(item, endList, list, topReplyList));
}
} else {
let newItem = this.clone(item);
newItem.children = [];
newItem.level = 0;
newItem.isDup = true;
nestedList.push(newItem);
}
}
});
return nestedList;
},
//解析A标签
parseA(a) {
let href = a.href;
let id;
if (href.includes("/t/")) {
id = a.pathname.substring("/t/".length);
}
return { href, id, title: a.innerText };
},
//图片链接转Img标签
checkPhotoLink2Img(str) {
if (!str)
return;
try {
let imgWebs = [
/(((?!/g,
/(((?!/g
];
imgWebs.map((v, i) => {
let has = str.matchAll(v);
let res2 = [...has];
res2.map((r2) => {
let p = i === 0 ? r2[4] : r2[5];
if (p) {
let link = p.toLowerCase();
let src = p;
if (link.includes(".png") || link.includes(".jpg") || link.includes(".jpeg") || link.includes(".gif")) {
} else {
src = p + ".png";
}
str = str.replace(r2[0], ``);
}
});
});
} catch (e2) {
}
return str;
},
//检测帖子回复长度
async checkPostReplies(id, needOpen = true) {
return new Promise(async (resolve) => {
let res = await functions.getPostDetailByApi(id);
if ((res == null ? void 0 : res.replies) > MAX_REPLY_LIMIT) {
if (needOpen) {
functions.openNewTab(`https://${location.origin}/t/${id}?p=1&script=1`);
}
return resolve(true);
}
resolve(false);
});
},
async sleep(time) {
return new Promise((resolve) => {
setTimeout(resolve, time);
});
},
//打开新标签页
openNewTab(href, active = false) {
let isSafariBrowser = /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);
if (isSafariBrowser) {
let tempId = "a_blank_" + Date.now();
let a = document.createElement("a");
a.setAttribute("href", href);
a.setAttribute("target", "_blank");
a.setAttribute("id", tempId);
a.setAttribute("script", "1");
if (!document.getElementById(tempId)) {
document.body.appendChild(a);
}
a.click();
} else {
_GM_openInTab(href, { active });
}
},
async cbChecker(val, count = 0) {
if (window.cb) {
window.cb(val);
} else {
while (!window.cb && count < 30) {
await functions.sleep(500);
count++;
}
window.cb && window.cb(val);
}
},
//初始化脚本菜单
initMonkeyMenu() {
try {
_GM_registerMenuCommand("脚本设置", () => {
functions.cbChecker({ type: "openSetting" });
});
_GM_registerMenuCommand("仓库地址", () => {
functions.openNewTab(window.const.git);
});
_GM_registerMenuCommand("反馈 & 建议", functions.feedback);
} catch (e2) {
}
},
clone(val) {
return JSON.parse(JSON.stringify(val));
},
feedback() {
functions.openNewTab(DefaultVal.issue);
},
//检测页面类型
checkPageType(a) {
let l = a || window.location;
let data = { pageType: null, pageData: { id: "", pageNo: null }, username: "" };
if (l.pathname === "/") {
data.pageType = PageType.Home;
} else if (l.pathname === "/changes") {
data.pageType = PageType.Changes;
} else if (l.pathname === "/recent") {
data.pageType = PageType.Changes;
} else if (l.href.match(/.com\/?tab=/)) {
data.pageType = PageType.Home;
} else if (l.href.match(/.com\/go\//)) {
if (!l.href.includes("/links")) {
data.pageType = PageType.Node;
}
} else if (l.href.match(/.com\/member/)) {
data.pageType = PageType.Member;
data.username = l.pathname.replace("/member/", "").replace("/replies", "").replace("/topics", "");
} else {
let r2 = l.href.match(/.com\/t\/([\d]+)/);
if (r2 && !l.pathname.includes("review") && !l.pathname.includes("info")) {
data.pageType = PageType.Post;
data.pageData.id = r2[1];
if (l.search) {
let pr = l.href.match(/\?p=([\d]+)/);
if (pr)
data.pageData.pageNo = Number(pr[1]);
}
}
}
return data;
},
//通过api获取主题详情
getPostDetailByApi(id) {
return new Promise((resolve) => {
fetch(`${location.origin}/api/topics/show.json?id=${id}`).then(async (r2) => {
if (r2.status === 200) {
let res = await r2.json();
if (res) {
let d2 = res[0];
resolve(d2);
}
}
});
});
},
appendPostContent(res, el) {
let a = document.createElement("a");
a.href = res.href;
a.classList.add("post-content");
let div = document.createElement("div");
div.innerHTML = res.content_rendered;
a.append(div);
el.append(a);
const checkHeight2 = () => {
var _a;
if (div.clientHeight < 300) {
a.classList.add("show-all");
} else {
let showMore = document.createElement("div");
showMore.classList.add("show-more");
showMore.innerHTML = "显示更多/收起";
showMore.onclick = function(e2) {
e2.stopPropagation();
a.classList.toggle("show-all");
};
(_a = a.parentNode) == null ? void 0 : _a.append(showMore);
}
};
checkHeight2();
},
//从本地读取配置
initConfig() {
let configStr = localStorage.getItem("v2ex-config");
let configMap = {};
let configObj = {};
let userName = window.user.username || "default";
if (configStr) {
configMap = JSON.parse(configStr);
configObj = configMap[userName];
if (configObj) {
window.config = functions.deepAssign(window.config, configObj);
}
}
configMap[userName] = window.config;
localStorage.setItem("v2ex-config", JSON.stringify(configMap));
},
deepAssign(...arg) {
let name, options, src, copy;
let length = arguments.length;
let i = 1;
let target = arguments[0] || {};
if (typeof target !== "object") {
target = {};
}
for (; i < length; i++) {
options = arguments[i];
if (options != null) {
for (name in options) {
src = target[name];
copy = options[name];
if (copy && typeof copy == "object") {
target[name] = this.deepAssign(src, copy);
} else if (copy !== void 0) {
target[name] = copy;
}
}
}
}
return target;
},
//生成dom,从html字符串
genDomFromHtmlString(htmlText) {
let bodyText = htmlText.match(/]*>([\s\S]+?)<\/body>/g);
let body = document.createElement("html");
body.innerHTML = bodyText[0];
return body;
}
};
const DefaultPost = {
allReplyUsers: [],
content_rendered: "",
createDate: "",
createDateAgo: "",
lastReplyDate: "",
lastReplyUsername: "",
fr: "",
replyList: [],
topReplyList: [],
nestedReplies: [],
nestedRedundReplies: [],
username: "",
url: "",
href: "",
member: {
avatar: "",
username: ""
},
node: {
title: "",
url: ""
},
headerTemplate: "",
title: "",
id: "",
type: "post",
once: "",
replyCount: 0,
clickCount: 0,
thankCount: 0,
collectCount: 0,
lastReadFloor: 0,
isFavorite: false,
isIgnore: false,
isThanked: false,
isReport: false,
inList: false
};
const getDefaultPost = (val = {}) => {
return Object.assign(functions.clone(DefaultPost), val);
};
const DefaultUser = {
tagPrefix: "--用户标签--",
tags: {},
tagsId: "",
username: "",
avatar: "",
readPrefix: "--已读楼层--",
readNoteItemId: "",
readList: {},
imgurPrefix: "--imgur图片删除hash--",
imgurList: {},
imgurNoteId: "",
configPrefix: "--config--",
configNoteId: ""
};
const DefaultVal = {
pageType: void 0,
pageData: { pageNo: 1 },
targetUserName: "",
currentVersion: 2,
isNight: false,
cb: null,
stopMe: null,
postList: [],
git: "https://github.com/zyronon/web-scripts",
shortGit: "zyronon/web-scripts",
issue: "https://github.com/zyronon/web-scripts/issues",
pcLog: "https://greasyfork.org/zh-CN/scripts/458024/versions",
pcScript: "https://greasyfork.org/zh-CN/scripts/458024",
mobileScript: "https://greasyfork.org/zh-CN/scripts/485356",
homeUrl: "https://v2ex-script.vercel.app/"
};
const DefaultConfig = {
showToolbar: true,
autoOpenDetail: true,
openTag: false,
//给用户打标签
clickPostItemOpenDetail: true,
closePostDetailBySpace: true,
//点击空白处关闭详情
contentAutoCollapse: true,
//正文超长自动折叠
viewType: "table",
commentDisplayType: CommentDisplayType.FloorInFloorNoCallUser,
newTabOpen: false,
//新标签打开
newTabOpenActive: false,
base64: true,
//base功能
sov2ex: false,
postWidth: "",
showTopReply: true,
topReplyLoveMinCount: 3,
topReplyCount: 5,
autoJumpLastReadFloor: false,
rememberLastReadFloor: false,
autoSignin: true,
customBgColor: "",
version: DefaultVal.currentVersion,
collectBrowserNotice: false,
fontSizeType: "normal",
notice: {
uid: "",
text: "",
ddWebhook: "",
takeOverNoticePage: true,
whenNewNoticeGlimmer: false,
loopCheckNotice: false,
loopCheckNoticeInterval: 5
}
};
function getDefaultConfig() {
return { ...DefaultConfig };
}
const emojiEmoticons = [
{
title: "常用",
list: [
"😅",
"😭",
"😂",
"🥰",
"😰",
"🤡",
"👀",
"🐴",
"🐶",
"❓",
"❤️",
"💔",
"⭐",
"🔥",
"💩",
"🔞",
"⚠️",
"🎁",
"🎉"
]
},
{
title: "小黄脸",
list: [
"😀",
"😁",
"😂",
"🤣",
"😅",
"😊",
"😋",
"😘",
"🥰",
"😗",
"🤩",
"🤔",
"🤨",
"😐",
"😑",
"🙄",
"😏",
"😪",
"😫",
"🥱",
"😜",
"😒",
"😔",
"😨",
"😰",
"😱",
"🥵",
"😡",
"🥳",
"🥺",
"🤭",
"🧐",
"😎",
"🤓",
"😭",
"🤑",
"🤮"
]
},
{
title: "手势",
list: [
"🤏",
"👉",
"✌️",
"👌",
"👍",
"👎",
"🤝",
"🙏",
"👏"
]
},
{
title: "其他",
list: ["🔞", "👻", "🤡", "🐔", "👀", "💩", "🐴", "🦄", "🐧", "🐶"]
}
];
const classicsEmoticons = [
{
name: "[狗头]",
low: "https://i.imgur.com/io2SM1h.png",
high: "https://i.imgur.com/0icl60r.png"
},
{
name: "[doge]",
low: "https://i.imgur.com/duWRpIu.png",
high: "https://i.imgur.com/HyphI6d.png"
},
{
name: "[受虐滑稽]",
low: "https://i.imgur.com/Iy0taMy.png",
high: "https://i.imgur.com/PS1pxd9.png"
},
{
name: "[马]",
low: "https://i.imgur.com/8EKZv7I.png",
high: "https://i.imgur.com/ANFUX52.png"
},
{
name: "[二哈]",
low: "https://i.imgur.com/XKj1Tkx.png",
high: "https://i.imgur.com/dOeP4XD.png"
},
{
name: "[舔屏]",
low: "https://i.imgur.com/Cvl7dyN.png",
high: "https://i.imgur.com/LmETy9N.png"
},
{
name: "[辣眼睛]",
low: "https://i.imgur.com/cPNPYD5.png",
high: "https://i.imgur.com/3fSUmi8.png"
},
{
name: "[吃瓜]",
low: "https://i.imgur.com/ee8Lq7H.png",
high: "https://i.imgur.com/0L26og9.png"
},
{
name: "[不高兴]",
low: "https://i.imgur.com/huX6coX.png",
high: "https://i.imgur.com/N7JEuvc.png"
},
// {
// name: '[呵呵]',
// low: 'https://i.imgur.com/RvoLAbX.png',
// high: 'https://i.imgur.com/xSzIqrK.png'
// },
{
name: "[真棒]",
low: "https://i.imgur.com/xr1UOz1.png",
high: "https://i.imgur.com/w8YEw9Q.png"
},
{
name: "[鄙视]",
low: "https://i.imgur.com/u6jlqVq.png",
high: "https://i.imgur.com/8JFNANq.png"
},
{
name: "[疑问]",
low: "https://i.imgur.com/F29pmQ6.png",
high: "https://i.imgur.com/EbbTQAR.png"
},
{
name: "[吐舌]",
low: "https://i.imgur.com/InmIzl9.png",
high: "https://i.imgur.com/Ovj56Cd.png"
},
// {
// name: '[嘲笑]',
// low: 'https://i.imgur.com/BaWcsMR.png',
// high: 'https://i.imgur.com/0OGfJw4.png'
// },
// {
// name: '[滑稽]',
// low: 'https://i.imgur.com/lmbN0yI.png',
// high: 'https://i.imgur.com/Pc0wH85.png'
// },
{
name: "[笑眼]",
low: "https://i.imgur.com/ZveiiGy.png",
high: "https://i.imgur.com/PI1CfEr.png"
},
// {
// name: '[狂汗]',
// low: 'https://i.imgur.com/veWihk6.png',
// high: 'https://i.imgur.com/3LtHdQv.png'
// },
{
name: "[大哭]",
low: "https://i.imgur.com/hu4oR6C.png",
high: "https://i.imgur.com/b4X9XLE.png"
},
{
name: "[喷]",
low: "https://i.imgur.com/bkw3VRr.png",
high: "https://i.imgur.com/wnZL13L.png"
},
{
name: "[苦笑]",
low: "https://i.imgur.com/VUWFktU.png",
high: "https://i.imgur.com/NAfspZ1.png"
},
{
name: "[喝酒]",
low: "https://i.imgur.com/2ZZSapE.png",
high: "https://i.imgur.com/rVbSVak.png"
},
{
name: "[捂脸]",
low: "https://i.imgur.com/krir4IG.png",
high: "https://i.imgur.com/qqBqgVm.png"
},
// {
// name: '[呕]',
// low: 'https://i.imgur.com/6CUiUxv.png',
// high: 'https://i.imgur.com/kgdxRsG.png'
// },
{
name: "[阴险]",
low: "https://i.imgur.com/MA8YqTP.png",
high: "https://i.imgur.com/e94jbaT.png"
},
{
name: "[怒]",
low: "https://i.imgur.com/n4kWfGB.png",
high: "https://i.imgur.com/iMXxNxh.png"
}
// {
// name: '[衰]',
// low: 'https://i.imgur.com/voHFDyQ.png',
// high: 'https://i.imgur.com/XffE6gu.png'
// },
// {
// name: '[合十]',
// low: 'https://i.imgur.com/I8x3ang.png',
// high: 'https://i.imgur.com/T4rJVee.png'
// },
// {
// name: '[赞]',
// low: 'https://i.imgur.com/lG44yUl.png',
// high: 'https://i.imgur.com/AoF5PLp.png'
// },
// {
// name: '[踩]',
// low: 'https://i.imgur.com/cJp0uKZ.png',
// high: 'https://i.imgur.com/1XYGfXj.png'
// },
// {
// name: '[爱心]',
// low: 'https://i.imgur.com/sLENaF5.png',
// high: 'https://i.imgur.com/dND56oX.png'
// },
//
// {
// name: '[心碎]',
// low: 'https://i.imgur.com/AZxJzve.png',
// high: 'https://i.imgur.com/RiUsPci.png'
// },
];
const matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
const colonSeparated = value.split(":");
if (value.slice(0, 1) === "@") {
if (colonSeparated.length < 2 || colonSeparated.length > 3) {
return null;
}
provider = colonSeparated.shift().slice(1);
}
if (colonSeparated.length > 3 || !colonSeparated.length) {
return null;
}
if (colonSeparated.length > 1) {
const name2 = colonSeparated.pop();
const prefix = colonSeparated.pop();
const result = {
// Allow provider without '@': "provider:prefix:name"
provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
prefix,
name: name2
};
return validate && !validateIconName(result) ? null : result;
}
const name = colonSeparated[0];
const dashSeparated = name.split("-");
if (dashSeparated.length > 1) {
const result = {
provider,
prefix: dashSeparated.shift(),
name: dashSeparated.join("-")
};
return validate && !validateIconName(result) ? null : result;
}
if (allowSimpleName && provider === "") {
const result = {
provider,
prefix: "",
name
};
return validate && !validateIconName(result, allowSimpleName) ? null : result;
}
return null;
};
const validateIconName = (icon, allowSimpleName) => {
if (!icon) {
return false;
}
return !!((icon.provider === "" || icon.provider.match(matchIconName)) && (allowSimpleName && icon.prefix === "" || icon.prefix.match(matchIconName)) && icon.name.match(matchIconName));
};
const defaultIconDimensions = Object.freeze(
{
left: 0,
top: 0,
width: 16,
height: 16
}
);
const defaultIconTransformations = Object.freeze({
rotate: 0,
vFlip: false,
hFlip: false
});
const defaultIconProps = Object.freeze({
...defaultIconDimensions,
...defaultIconTransformations
});
const defaultExtendedIconProps = Object.freeze({
...defaultIconProps,
body: "",
hidden: false
});
function mergeIconTransformations(obj1, obj2) {
const result = {};
if (!obj1.hFlip !== !obj2.hFlip) {
result.hFlip = true;
}
if (!obj1.vFlip !== !obj2.vFlip) {
result.vFlip = true;
}
const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;
if (rotate) {
result.rotate = rotate;
}
return result;
}
function mergeIconData(parent, child) {
const result = mergeIconTransformations(parent, child);
for (const key in defaultExtendedIconProps) {
if (key in defaultIconTransformations) {
if (key in parent && !(key in result)) {
result[key] = defaultIconTransformations[key];
}
} else if (key in child) {
result[key] = child[key];
} else if (key in parent) {
result[key] = parent[key];
}
}
return result;
}
function getIconsTree(data, names) {
const icons = data.icons;
const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
const resolved = /* @__PURE__ */ Object.create(null);
function resolve(name) {
if (icons[name]) {
return resolved[name] = [];
}
if (!(name in resolved)) {
resolved[name] = null;
const parent = aliases[name] && aliases[name].parent;
const value = parent && resolve(parent);
if (value) {
resolved[name] = [parent].concat(value);
}
}
return resolved[name];
}
(names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);
return resolved;
}
function internalGetIconData(data, name, tree) {
const icons = data.icons;
const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
let currentProps = {};
function parse(name2) {
currentProps = mergeIconData(
icons[name2] || aliases[name2],
currentProps
);
}
parse(name);
tree.forEach(parse);
return mergeIconData(data, currentProps);
}
function parseIconSet(data, callback) {
const names = [];
if (typeof data !== "object" || typeof data.icons !== "object") {
return names;
}
if (data.not_found instanceof Array) {
data.not_found.forEach((name) => {
callback(name, null);
names.push(name);
});
}
const tree = getIconsTree(data);
for (const name in tree) {
const item = tree[name];
if (item) {
callback(name, internalGetIconData(data, name, item));
names.push(name);
}
}
return names;
}
const optionalPropertyDefaults = {
provider: "",
aliases: {},
not_found: {},
...defaultIconDimensions
};
function checkOptionalProps(item, defaults) {
for (const prop in defaults) {
if (prop in item && typeof item[prop] !== typeof defaults[prop]) {
return false;
}
}
return true;
}
function quicklyValidateIconSet(obj) {
if (typeof obj !== "object" || obj === null) {
return null;
}
const data = obj;
if (typeof data.prefix !== "string" || !obj.icons || typeof obj.icons !== "object") {
return null;
}
if (!checkOptionalProps(obj, optionalPropertyDefaults)) {
return null;
}
const icons = data.icons;
for (const name in icons) {
const icon = icons[name];
if (!name.match(matchIconName) || typeof icon.body !== "string" || !checkOptionalProps(
icon,
defaultExtendedIconProps
)) {
return null;
}
}
const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
for (const name in aliases) {
const icon = aliases[name];
const parent = icon.parent;
if (!name.match(matchIconName) || typeof parent !== "string" || !icons[parent] && !aliases[parent] || !checkOptionalProps(
icon,
defaultExtendedIconProps
)) {
return null;
}
}
return data;
}
const dataStorage = /* @__PURE__ */ Object.create(null);
function newStorage(provider, prefix) {
return {
provider,
prefix,
icons: /* @__PURE__ */ Object.create(null),
missing: /* @__PURE__ */ new Set()
};
}
function getStorage(provider, prefix) {
const providerStorage = dataStorage[provider] || (dataStorage[provider] = /* @__PURE__ */ Object.create(null));
return providerStorage[prefix] || (providerStorage[prefix] = newStorage(provider, prefix));
}
function addIconSet(storage2, data) {
if (!quicklyValidateIconSet(data)) {
return [];
}
return parseIconSet(data, (name, icon) => {
if (icon) {
storage2.icons[name] = icon;
} else {
storage2.missing.add(name);
}
});
}
function addIconToStorage(storage2, name, icon) {
try {
if (typeof icon.body === "string") {
storage2.icons[name] = { ...icon };
return true;
}
} catch (err) {
}
return false;
}
let simpleNames = false;
function allowSimpleNames(allow) {
if (typeof allow === "boolean") {
simpleNames = allow;
}
return simpleNames;
}
function getIconData(name) {
const icon = typeof name === "string" ? stringToIcon(name, true, simpleNames) : name;
if (icon) {
const storage2 = getStorage(icon.provider, icon.prefix);
const iconName = icon.name;
return storage2.icons[iconName] || (storage2.missing.has(iconName) ? null : void 0);
}
}
function addIcon(name, data) {
const icon = stringToIcon(name, true, simpleNames);
if (!icon) {
return false;
}
const storage2 = getStorage(icon.provider, icon.prefix);
return addIconToStorage(storage2, icon.name, data);
}
function addCollection(data, provider) {
if (typeof data !== "object") {
return false;
}
if (typeof provider !== "string") {
provider = data.provider || "";
}
if (simpleNames && !provider && !data.prefix) {
let added = false;
if (quicklyValidateIconSet(data)) {
data.prefix = "";
parseIconSet(data, (name, icon) => {
if (icon && addIcon(name, icon)) {
added = true;
}
});
}
return added;
}
const prefix = data.prefix;
if (!validateIconName({
provider,
prefix,
name: "a"
})) {
return false;
}
const storage2 = getStorage(provider, prefix);
return !!addIconSet(storage2, data);
}
const defaultIconSizeCustomisations = Object.freeze({
width: null,
height: null
});
const defaultIconCustomisations = Object.freeze({
// Dimensions
...defaultIconSizeCustomisations,
// Transformations
...defaultIconTransformations
});
const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
function calculateSize(size, ratio, precision) {
if (ratio === 1) {
return size;
}
precision = precision || 100;
if (typeof size === "number") {
return Math.ceil(size * ratio * precision) / precision;
}
if (typeof size !== "string") {
return size;
}
const oldParts = size.split(unitsSplit);
if (oldParts === null || !oldParts.length) {
return size;
}
const newParts = [];
let code = oldParts.shift();
let isNumber = unitsTest.test(code);
while (true) {
if (isNumber) {
const num = parseFloat(code);
if (isNaN(num)) {
newParts.push(code);
} else {
newParts.push(Math.ceil(num * ratio * precision) / precision);
}
} else {
newParts.push(code);
}
code = oldParts.shift();
if (code === void 0) {
return newParts.join("");
}
isNumber = !isNumber;
}
}
const isUnsetKeyword = (value) => value === "unset" || value === "undefined" || value === "none";
function iconToSVG(icon, customisations) {
const fullIcon = {
...defaultIconProps,
...icon
};
const fullCustomisations = {
...defaultIconCustomisations,
...customisations
};
const box = {
left: fullIcon.left,
top: fullIcon.top,
width: fullIcon.width,
height: fullIcon.height
};
let body = fullIcon.body;
[fullIcon, fullCustomisations].forEach((props) => {
const transformations = [];
const hFlip = props.hFlip;
const vFlip = props.vFlip;
let rotation = props.rotate;
if (hFlip) {
if (vFlip) {
rotation += 2;
} else {
transformations.push(
"translate(" + (box.width + box.left).toString() + " " + (0 - box.top).toString() + ")"
);
transformations.push("scale(-1 1)");
box.top = box.left = 0;
}
} else if (vFlip) {
transformations.push(
"translate(" + (0 - box.left).toString() + " " + (box.height + box.top).toString() + ")"
);
transformations.push("scale(1 -1)");
box.top = box.left = 0;
}
let tempValue;
if (rotation < 0) {
rotation -= Math.floor(rotation / 4) * 4;
}
rotation = rotation % 4;
switch (rotation) {
case 1:
tempValue = box.height / 2 + box.top;
transformations.unshift(
"rotate(90 " + tempValue.toString() + " " + tempValue.toString() + ")"
);
break;
case 2:
transformations.unshift(
"rotate(180 " + (box.width / 2 + box.left).toString() + " " + (box.height / 2 + box.top).toString() + ")"
);
break;
case 3:
tempValue = box.width / 2 + box.left;
transformations.unshift(
"rotate(-90 " + tempValue.toString() + " " + tempValue.toString() + ")"
);
break;
}
if (rotation % 2 === 1) {
if (box.left !== box.top) {
tempValue = box.left;
box.left = box.top;
box.top = tempValue;
}
if (box.width !== box.height) {
tempValue = box.width;
box.width = box.height;
box.height = tempValue;
}
}
if (transformations.length) {
body = '
").replace(/\s/g, none.value);
});
const disabled = vue.computed(() => {
if (content.value) {
return content.value === replyInfo;
} else {
return true;
}
});
function drop(e2) {
e2.preventDefault();
upload(e2.dataTransfer.files[0]);
}
async function upload(file) {
if (!file)
return;
if (uploadLoading.value)
return;
uploadLoading.value = true;
const formData = new FormData();
formData.append("image", file);
const randomIndex = Math.floor(Math.random() * imgurClientIdPool.length);
const clidenId = imgurClientIdPool[randomIndex];
const res = await fetch("https://api.imgur.com/3/upload", {
method: "POST",
headers: { Authorization: `Client-ID ${clidenId}` },
body: formData
});
uploadLoading.value = false;
if (res.ok) {
const resData = await res.json();
if (resData.success) {
return insert(" " + resData.data.link + " ");
}
}
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "上传失败" });
}
async function submit() {
if (disabled.value || loading.value)
return;
loading.value = true;
let submit_content = content.value.replace(/\[((?!\[).)+\]/g, function(match) {
let item2 = classicsEmoticons.find((v) => v.name === match);
if (item2) {
return item2.low + " ";
}
return match;
});
let show_content = content.value.replace(/https?:\/\/(i\.)?imgur\.com\/((?!http).)+\.(gif|png|jpg|jpeg|GIF|PNG|JPG|JPEG)/g, function(match) {
return ``;
});
show_content = show_content.replace(/\[((?!\[).)+\]/g, function(match) {
let item2 = classicsEmoticons.find((v) => v.name === match);
if (item2) {
return `
`;
}
return match;
});
let matchUsers = show_content.match(/@([\w]+?[\s])/g);
if (matchUsers) {
matchUsers.map((i) => {
let username = i.replace("@", "").replace(" ", "");
show_content = show_content.replace(username, `${username}`);
});
}
show_content = show_content.replaceAll("\n", "
");
let item = {
thankCount: 0,
isThanked: false,
isOp: post.value.username === window.user.username,
isDup: false,
id: Date.now(),
username: window.user.username,
avatar: window.user.avatar,
date: "几秒前",
floor: post.value.replyCount + 1,
reply_content: show_content ?? "",
children: [],
replyUsers: replyUser ? [replyUser] : [],
replyFloor: replyFloor || -1,
level: useType === "reply-comment" ? 1 : 0
};
item.hideCallUserReplyContent = item.reply_content;
if (item.replyUsers.length === 1) {
item.hideCallUserReplyContent = item.reply_content.replace(/@ {
loading.value = false;
let r2 = res.search("你上一条回复的内容和这条相同");
if (r2 > -1)
return eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "你上一条回复的内容和这条相同" });
r2 = res.search("请不要在每一个回复中都包括外链,这看起来像是在 spamming");
if (r2 > -1)
return eventBus.emit(CMD.SHOW_MSG, {
type: "error",
text: "请不要在每一个回复中都包括外链,这看起来像是在 spamming"
});
let r22 = res.search("创建新回复");
if (r22 > -1) {
eventBus.emit(CMD.REFRESH_ONCE, res);
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "回复出现了问题,请使用原版进行回复" });
let clientWidth = window.document.body.clientWidth;
let windowWidth = 1200;
let left = clientWidth / 2 - windowWidth / 2;
let newWin = window.open("创建新回复", "", `width=${windowWidth},height=600,left=${left},top=100`);
newWin.document.write(res);
let loop = setInterval(function() {
if (newWin.closed) {
clearInterval(loop);
eventBus.emit(CMD.REFRESH_POST);
}
}, 1e3);
return;
}
content.value = replyInfo;
emits("close");
eventBus.emit(CMD.REFRESH_ONCE, res);
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "回复成功" });
eventBus.emit(CMD.ADD_REPLY, item);
},
(err) => {
loading.value = false;
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "回复失败" });
}
).catch((r2) => {
});
}
function showEmoticons(e2) {
if (isShowEmoticons.value) {
return isShowEmoticons.value = false;
}
let rect = e2.currentTarget.getBoundingClientRect();
emoticonsRef.value.style.left = rect.left + 30 + "px";
emoticonsRef.value.style.bottom = window.innerHeight - rect.top - 20 + "px";
isShowEmoticons.value = true;
}
function off() {
eventBus.emit(CMD.SHOW_CALL, { show: false });
eventBus.off(CMD.SET_CALL);
}
function checkHeight2() {
txtRef.value.style.height = 0;
txtRef.value.style.height = txtRef.value.scrollHeight + "px";
}
function insert(str) {
let cursorPos = txtRef.value.selectionStart;
let start = content.value.slice(0, cursorPos);
let end = content.value.slice(cursorPos, content.value.length);
content.value = start + str + end;
let moveCursorPos = start.length + str.length;
setTimeout(() => {
txtRef.value.focus();
txtRef.value.setSelectionRange(moveCursorPos, moveCursorPos);
checkHeight2();
});
}
function showCallPopover(text) {
let r2 = cursorRef.value.getBoundingClientRect();
eventBus.emit(CMD.SHOW_CALL, { show: true, top: r2.top, left: r2.left, text });
eventBus.off(CMD.SET_CALL);
eventBus.on(CMD.SET_CALL, (e2) => {
let cursorPos = txtRef.value.selectionStart;
let start = content.value.slice(0, cursorPos);
let end = content.value.slice(cursorPos, content.value.length);
let lastCallPos = start.lastIndexOf("@");
start = content.value.slice(0, lastCallPos + 1);
if (e2 === "管理员") {
e2 = "Livid @Kai @Olivia @GordianZ @sparanoid @drymonfidelia";
}
if (e2 === "所有人") {
e2 = allReplyUsers.value.map((v, i) => {
if (i)
return "@" + v;
else
return v;
}).join(" ");
}
content.value = start + e2 + " " + end;
let moveCursorPos = start.length + e2.length + 1;
setTimeout(() => {
txtRef.value.setSelectionRange(moveCursorPos, moveCursorPos);
checkHeight2();
});
eventBus.off(CMD.SET_CALL);
});
}
function onKeydown(e2) {
let code = e2.keyCode;
switch (code) {
case 8:
if (content.value === "@") {
off();
}
break;
case 37:
case 38:
case 39:
case 40:
setTimeout(() => onInput({ data: "" }), 100);
break;
case 27:
e2.preventDefault();
e2.stopPropagation();
e2.stopImmediatePropagation();
return false;
case 13:
if (e2.ctrlKey)
submit();
if (e2.metaKey)
submit();
break;
}
}
function onInput(e2) {
let cursorPos = txtRef.value.selectionStart;
if (!content.value)
return;
if (e2.data === " ") {
return off();
}
if (e2.data === "@") {
if (content.value.length !== 1) {
if (content.value[cursorPos - 2] === " " || content.value[cursorPos - 2] === "\n") {
return showCallPopover("");
}
} else {
return showCallPopover("");
}
off();
} else {
checkHeight2();
let judgeStr = content.value.slice(0, cursorPos);
let lastCallPos = judgeStr.lastIndexOf("@");
if (lastCallPos === -1) {
return off();
}
let callStr = judgeStr.slice(lastCallPos, cursorPos);
let hasSpace = callStr.includes(" ");
if (hasSpace) {
off();
} else {
if (lastCallPos === 0) {
return showCallPopover(callStr.replace("@", ""));
}
if (content.value.length !== 1) {
if (content.value[lastCallPos - 1] === " " || content.value[lastCallPos - 1] === "\n") {
return showCallPopover(callStr.replace("@", ""));
}
} else {
return showCallPopover(callStr.replace("@", ""));
}
off();
}
}
}
function onPaste(e2) {
const dataTransferItemList = e2.clipboardData.items;
const items = [].slice.call(dataTransferItemList).filter(function(item) {
return item.type.indexOf("image") !== -1;
});
if (items.length === 0) {
return;
}
const dataTransferItem = items[0];
const blob = dataTransferItem.getAsFile();
upload(blob);
}
function onBlur() {
document.removeEventListener("paste", onPaste);
isFocus.value = false;
}
function onFocusin() {
document.addEventListener("paste", onPaste);
}
vue.watch(() => show, (n2) => {
if (n2.value)
isShowEmoticons.value = false;
}, { deep: true });
vue.onMounted(() => {
$(`.${editorId.value}`).each(function() {
this.setAttribute("style", "height:" + this.scrollHeight + "px;overflow-y:hidden;");
}).on("input", function() {
this.style.height = 0;
this.style.height = this.scrollHeight + "px";
});
if (useType === "reply-comment") {
txtRef.value && txtRef.value.focus();
}
});
vue.onBeforeUnmount(() => {
$(`.${editorId.value}`).off();
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["post-editor-wrapper", editorClass.value])
}, [
vue.withDirectives(vue.createElementVNode("textarea", {
class: vue.normalizeClass(["post-editor", editorId.value]),
ref_key: "txtRef",
ref: txtRef,
onFocus: _cache[0] || (_cache[0] = ($event) => vue.isRef(isFocus) ? isFocus.value = true : isFocus = true),
onBlur,
onFocusin,
placeholder: "请尽量让自己的回复能够对别人有帮助",
onInput,
onKeydown,
onDrop: drop,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => content.value = $event)
}, null, 34), [
[vue.vModelText, content.value]
]),
vue.createElementVNode("div", _hoisted_1$c, [
vue.createElementVNode("span", { innerHTML: cursorHtml.value }, null, 8, _hoisted_2$9),
vue.createElementVNode("span", {
class: "cursor",
ref_key: "cursorRef",
ref: cursorRef
}, "|", 512)
]),
vue.createElementVNode("div", _hoisted_3$8, [
vue.createElementVNode("div", _hoisted_4$8, [
vue.createVNode(vue.unref(Icon), {
onClick: vue.withModifiers(showEmoticons, ["stop"]),
icon: "streamline:smiley-happy"
}),
vue.createElementVNode("div", _hoisted_5$6, [
vue.createElementVNode("input", {
type: "file",
accept: "image/*",
onChange: _cache[2] || (_cache[2] = (e2) => upload(e2.currentTarget.files[0]))
}, null, 32),
vue.createVNode(vue.unref(Icon), { icon: "lets-icons:img-load-box-fill" })
]),
uploadLoading.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, "上传中.....")) : vue.createCommentVNode("", true)
]),
vue.createElementVNode("div", _hoisted_7$5, [
vue.unref(useType) === "reply-comment" ? (vue.openBlock(), vue.createBlock(BaseButton, {
key: 0,
type: "link",
size: "small",
style: { "margin-right": "1rem", "cursor": "pointer" },
onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => emits("close"), ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode(" 关闭 ")
]),
_: 1
})) : vue.createCommentVNode("", true),
vue.createVNode(BaseButton, {
size: "small",
disabled: disabled.value,
loading: loading.value,
onClick: vue.withModifiers(submit, ["stop"])
}, {
default: vue.withCtx(() => [
vue.createTextVNode("回复 ")
]),
_: 1
}, 8, ["disabled", "loading"])
])
]),
vue.withDirectives(vue.createElementVNode("div", {
class: "emoticon-pack",
ref_key: "emoticonsRef",
ref: emoticonsRef
}, [
vue.createVNode(vue.unref(Icon), {
icon: "ic:round-close",
onClick: _cache[4] || (_cache[4] = vue.withModifiers(($event) => isShowEmoticons.value = false, ["stop"]))
}),
_hoisted_8$5,
vue.createElementVNode("div", _hoisted_9$5, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(classicsEmoticons), (item) => {
return vue.openBlock(), vue.createElementBlock("img", {
src: item.high,
onClick: vue.withModifiers(($event) => {
insert(item.name);
isShowEmoticons.value = false;
}, ["stop"])
}, null, 8, _hoisted_10$5);
}), 256))
]),
vue.createElementVNode("div", _hoisted_11$5, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(emojiEmoticons), (item) => {
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
vue.createElementVNode("div", _hoisted_12$5, vue.toDisplayString(item.title), 1),
vue.createElementVNode("div", _hoisted_13$4, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.list, (emoji) => {
return vue.openBlock(), vue.createElementBlock("span", {
onClick: vue.withModifiers(($event) => {
insert(emoji);
isShowEmoticons.value = false;
}, ["stop"])
}, vue.toDisplayString(emoji), 9, _hoisted_14$3);
}), 256))
])
], 64);
}), 256))
])
], 512), [
[vue.vShow, isShowEmoticons.value]
])
], 2);
};
}
};
const PostEditor = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-7fe2eb8d"]]);
const _hoisted_1$b = {
key: 0,
class: "html-wrapper"
};
const _hoisted_2$8 = ["innerHTML"];
const checkHeight = 900;
const _sfc_main$b = {
__name: "BaseHtmlRender",
props: ["html"],
setup(__props) {
const config2 = vue.inject("config");
const props = __props;
const contentRef = vue.ref(null);
const mask = vue.ref(false);
const handOpen = vue.ref(false);
function mouseup(e2) {
if (!config2.value.base64)
return;
let selectionText = window.win().getSelection().toString();
if (selectionText) {
let r2 = selectionText.match(/([A-Za-z0-9+/=]+)/g);
if (r2) {
if (r2[0].length < 4)
return;
eventBus.emit(CMD.SHOW_TOOLTIP, { text: r2[0], e: e2 });
}
}
}
vue.watch(config2.value, (newVale) => {
if (!newVale.contentAutoCollapse) {
mask.value = false;
}
});
vue.watch([() => contentRef.value, () => props.html], () => {
if (!contentRef.value || !props.html)
return;
if (!config2.value.contentAutoCollapse)
return;
contentRef.value.querySelectorAll("img").forEach((item) => {
item.removeEventListener("load", checkContentHeight);
item.addEventListener("load", checkContentHeight);
});
checkContentHeight();
}, { immediate: true, flush: "post" });
function checkContentHeight() {
if (handOpen.value)
return;
if (!contentRef.value)
return;
let rect = contentRef.value.getBoundingClientRect();
mask.value = rect.height >= checkHeight;
}
return (_ctx, _cache) => {
return props.html ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
vue.createElementVNode("div", {
class: vue.normalizeClass({ mask: mask.value })
}, [
vue.createElementVNode("div", {
ref_key: "contentRef",
ref: contentRef,
innerHTML: props.html,
onMouseup: mouseup
}, null, 40, _hoisted_2$8)
], 2),
mask.value ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: "expand",
onClick: _cache[0] || (_cache[0] = ($event) => {
mask.value = false;
handOpen.value = true;
})
}, "展开")) : vue.createCommentVNode("", true)
])) : vue.createCommentVNode("", true);
};
}
};
const BaseHtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-727ada32"]]);
const _sfc_main$a = {
name: "TopSubComment",
components: { BaseHtmlRender, Author, PostEditor, Point, Icon },
inject: ["post", "postDetailWidth", "show", "isNight", "isLogin", "tags", "config"],
props: {
modelValue: {
reply_content: ""
},
level: -1
},
data() {
return {
expand: true,
edit: false,
replyInfo: `@${this.modelValue.username} #${this.modelValue.floor} `,
floor: this.modelValue.floor
};
},
watch: {
show(e2) {
if (e2) {
this.edit = false;
}
}
},
computed: {
myTags() {
return this.tags[this.modelValue.username] ?? [];
}
},
methods: {
jump() {
eventBus.emit(CMD.JUMP, this.modelValue.floor);
}
}
};
const _withScopeId$7 = (n2) => (vue.pushScopeId("data-v-d3f8c94b"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$a = ["data-floor"];
const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "left expand-line" }, null, -1));
const _hoisted_3$7 = { class: "right" };
const _hoisted_4$7 = { class: "simple-wrapper" };
function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
const _component_Author = vue.resolveComponent("Author");
const _component_BaseHtmlRender = vue.resolveComponent("BaseHtmlRender");
const _component_PostEditor = vue.resolveComponent("PostEditor");
const _component_TopSubComment = vue.resolveComponent("TopSubComment", true);
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["top-sub-comment", $props.level === 1 && "top-sub-reply"]),
ref: "comment",
"data-floor": $data.floor
}, [
_hoisted_2$7,
vue.createElementVNode("div", _hoisted_3$7, [
vue.createVNode(_component_Author, {
modelValue: $data.expand,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.expand = $event),
comment: $props.modelValue,
onReply: _cache[1] || (_cache[1] = ($event) => $data.edit = !$data.edit),
type: "top"
}, null, 8, ["modelValue", "comment"]),
vue.createVNode(_component_BaseHtmlRender, {
class: "top-reply_content reply_content",
html: $props.modelValue.hideCallUserReplyContent
}, null, 8, ["html"]),
$data.edit ? (vue.openBlock(), vue.createBlock(_component_PostEditor, {
key: 0,
onClose: _cache[2] || (_cache[2] = ($event) => $data.edit = false),
replyInfo: $data.replyInfo,
replyUser: $props.modelValue.username,
replyFloor: $props.modelValue.floor
}, null, 8, ["replyInfo", "replyUser", "replyFloor"])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_4$7, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.modelValue.children, (item, index) => {
return vue.openBlock(), vue.createBlock(_component_TopSubComment, {
modelValue: $props.modelValue.children[index],
"onUpdate:modelValue": ($event) => $props.modelValue.children[index] = $event,
key: index
}, null, 8, ["modelValue", "onUpdate:modelValue"]);
}), 128))
])
])
], 10, _hoisted_1$a);
}
const TopSubComment = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$5], ["__scopeId", "data-v-d3f8c94b"]]);
const _sfc_main$9 = {
name: "Comment",
components: { BaseHtmlRender, Author, PostEditor, Point, Icon, TopSubComment },
inject: ["post", "postDetailWidth", "show", "isNight", "config"],
props: {
modelValue: {
reply_content: ""
},
type: {
type: String,
default() {
return "list";
}
}
},
data() {
return {
edit: false,
ding: false,
expand: true,
expandTopReply: true,
expandWrong: false,
replyInfo: `@${this.modelValue.username} #${this.modelValue.floor} `,
cssStyle: null,
floor: this.modelValue.floor
};
},
watch: {
show(e2) {
if (e2) {
this.edit = false;
}
},
postDetailWidth(n2, o) {
this.checkIsTooLong(n2);
}
},
computed: {
CommentDisplayType() {
return CommentDisplayType;
},
myClass() {
return {
isOp: this.modelValue.isOp,
isSimple: this.config.viewType === "simple",
ding: this.ding,
isLevelOne: this.type === "top" ? true : this.modelValue.level === 0,
["c_" + this.floor]: this.type !== "top"
};
}
},
mounted() {
this.checkIsTooLong(this.postDetailWidth);
},
methods: {
checkIsTooLong(postDetailWidth) {
if (postDetailWidth !== 0) {
let rect = this.$refs.comment.getBoundingClientRect();
let ban = postDetailWidth * 0.6;
if (ban < rect.width && rect.width < ban + 25 && this.modelValue.children.length) {
this.expand = false;
let padding = 2;
this.cssStyle = {
padding: "1rem 0",
width: `calc(${postDetailWidth}px - ${padding}rem)`,
transform: `translateX(calc(${rect.width - postDetailWidth}px + ${padding}rem))`,
background: this.isNight ? "#18222d" : "white"
};
}
}
},
//高亮一下
showDing() {
this.ding = true;
setTimeout(() => {
this.ding = false;
}, 2e3);
},
hide() {
let url = `${location.origin}/ignore/reply/${this.modelValue.id}?once=${this.post.once}`;
eventBus.emit(CMD.REMOVE, this.modelValue.floor);
$.post(url).then((res) => {
eventBus.emit(CMD.REFRESH_ONCE);
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "隐藏成功" });
}, (err) => {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "隐藏成功,仅本次有效(接口调用失败!)" });
});
},
toggle() {
this.expand = !this.expand;
},
jump() {
eventBus.emit(CMD.JUMP, this.modelValue.floor);
}
}
};
const _withScopeId$6 = (n2) => (vue.pushScopeId("data-v-67fa2f3f"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$9 = ["data-floor"];
const _hoisted_2$6 = { class: "comment-content" };
const _hoisted_3$6 = { class: "right" };
const _hoisted_4$6 = { class: "w" };
const _hoisted_5$5 = {
key: 0,
class: "wrong-wrapper"
};
const _hoisted_6$5 = ["href"];
const _hoisted_7$4 = { class: "del-line" };
const _hoisted_8$4 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("i", {
class: "fa fa-question-circle-o wrong-icon",
"aria-hidden": "true"
}, null, -1));
const _hoisted_9$4 = {
key: 0,
class: "warning"
};
const _hoisted_10$4 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1));
const _hoisted_11$4 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1));
const _hoisted_12$4 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1));
const _hoisted_13$3 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1));
const _hoisted_14$2 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("br", null, null, -1));
const _hoisted_15$2 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("a", {
href: "https://github.com/zyronon/web-scripts/issues",
target: "_blank"
}, "这里", -1));
const _hoisted_16$2 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "gang" }, null, -1));
const _hoisted_17$2 = { class: "simple-wrapper" };
const _hoisted_18$2 = {
key: 0,
class: "top-reply-wrap"
};
function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
const _component_Author = vue.resolveComponent("Author");
const _component_BaseHtmlRender = vue.resolveComponent("BaseHtmlRender");
const _component_PostEditor = vue.resolveComponent("PostEditor");
const _component_Icon = vue.resolveComponent("Icon");
const _component_TopSubComment = vue.resolveComponent("TopSubComment");
const _component_Comment = vue.resolveComponent("Comment", true);
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["comment", $options.myClass]),
ref: "comment",
"data-floor": $data.floor
}, [
vue.createVNode(_component_Author, {
modelValue: $data.expand,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.expand = $event),
comment: $props.modelValue,
onReply: _cache[1] || (_cache[1] = ($event) => $data.edit = !$data.edit),
type: $props.type,
onHide: $options.hide
}, null, 8, ["modelValue", "comment", "type", "onHide"]),
$data.cssStyle && !$data.expand ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: "more ago",
onClick: _cache[2] || (_cache[2] = ($event) => $data.expand = !$data.expand)
}, " 由于嵌套回复层级太深,自动将后续回复隐藏 ")) : vue.createCommentVNode("", true),
$data.expand ? (vue.openBlock(), vue.createElementBlock("div", {
key: 1,
class: "comment-content-w",
style: vue.normalizeStyle($data.cssStyle)
}, [
$data.cssStyle ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: "more ago",
onClick: _cache[3] || (_cache[3] = ($event) => $data.expand = !$data.expand)
}, " 由于嵌套回复层级太深,自动将以下回复移至可见范围 ")) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_2$6, [
vue.createElementVNode("div", {
class: "left expand-line",
onClick: _cache[4] || (_cache[4] = (...args) => $options.toggle && $options.toggle(...args))
}),
vue.createElementVNode("div", _hoisted_3$6, [
vue.createElementVNode("div", _hoisted_4$6, [
$props.modelValue.isWrong ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
vue.createElementVNode("span", {
onClick: _cache[5] || (_cache[5] = ($event) => $data.expandWrong = !$data.expandWrong),
title: "点击楼层号查看提示"
}, [
vue.createElementVNode("a", {
href: "/member/" + $props.modelValue.replyUsers[0]
}, "@" + vue.toDisplayString($props.modelValue.replyUsers[0]) + " ", 9, _hoisted_6$5),
vue.createElementVNode("span", _hoisted_7$4, "#" + vue.toDisplayString($props.modelValue.replyFloor), 1),
_hoisted_8$4
]),
$data.expandWrong ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$4, [
vue.createTextVNode(" 这条回复似乎有点问题,指定的楼层号与@的人对应不上 "),
_hoisted_10$4,
vue.createTextVNode(" 原因可能有下面几种: "),
_hoisted_11$4,
vue.createTextVNode(" 一、屏蔽用户导致楼层塌陷:你屏蔽了A,自A以后的回复的楼层号都会减1 "),
_hoisted_12$4,
vue.createTextVNode(" 二、忽略回复导致楼层塌陷:原理同上 "),
_hoisted_13$3,
vue.createTextVNode(" 三、层主回复时指定错了楼层号(同一,层主屏蔽了别人,导致楼层塌陷) "),
_hoisted_14$2,
vue.createTextVNode(" 四、脚本解析错误,请在 "),
_hoisted_15$2,
vue.createTextVNode("反馈 ")
])) : vue.createCommentVNode("", true)
])) : vue.createCommentVNode("", true),
$options.config.commentDisplayType === $options.CommentDisplayType.FloorInFloorNoCallUser && $props.type !== "top" ? (vue.openBlock(), vue.createBlock(_component_BaseHtmlRender, {
key: 1,
class: "reply_content",
html: $props.modelValue.hideCallUserReplyContent
}, null, 8, ["html"])) : (vue.openBlock(), vue.createBlock(_component_BaseHtmlRender, {
key: 2,
class: "reply_content",
html: $props.modelValue.reply_content
}, null, 8, ["html"])),
$data.edit ? (vue.openBlock(), vue.createBlock(_component_PostEditor, {
key: 3,
onClose: _cache[6] || (_cache[6] = ($event) => $data.edit = false),
replyInfo: $data.replyInfo,
replyUser: $props.modelValue.username,
replyFloor: $props.modelValue.floor
}, null, 8, ["replyInfo", "replyUser", "replyFloor"])) : vue.createCommentVNode("", true),
$props.type === "top" && $props.modelValue.replyCount ? (vue.openBlock(), vue.createElementBlock("div", {
key: 4,
class: "reply-count",
onClick: _cache[7] || (_cache[7] = ($event) => $data.expandTopReply = !$data.expandTopReply)
}, [
_hoisted_16$2,
vue.createElementVNode("span", null, " 共有" + vue.toDisplayString($props.modelValue.replyCount) + " 条回复 ", 1),
$data.expandTopReply ? (vue.openBlock(), vue.createBlock(_component_Icon, {
key: 0,
icon: "ep:arrow-up-bold"
})) : (vue.openBlock(), vue.createBlock(_component_Icon, {
key: 1,
icon: "ep:arrow-down-bold"
}))
])) : vue.createCommentVNode("", true)
]),
vue.createElementVNode("div", _hoisted_17$2, [
$props.type === "top" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
$data.expandTopReply && $props.modelValue.replyCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$2, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.modelValue.children, (item, index) => {
return vue.openBlock(), vue.createBlock(_component_TopSubComment, {
level: 1,
modelValue: $props.modelValue.children[index],
"onUpdate:modelValue": ($event) => $props.modelValue.children[index] = $event,
key: index
}, null, 8, ["modelValue", "onUpdate:modelValue"]);
}), 128))
])) : vue.createCommentVNode("", true)
], 64)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList($props.modelValue.children, (item, index) => {
return vue.openBlock(), vue.createBlock(_component_Comment, {
modelValue: $props.modelValue.children[index],
"onUpdate:modelValue": ($event) => $props.modelValue.children[index] = $event,
key: index
}, null, 8, ["modelValue", "onUpdate:modelValue"]);
}), 128))
])
])
]),
$data.cssStyle ? (vue.openBlock(), vue.createElementBlock("div", {
key: 1,
class: "more ago",
onClick: _cache[8] || (_cache[8] = ($event) => $data.expand = !$data.expand)
}, " 由于嵌套回复层级太深,自动将以上回复移至可见范围 ")) : vue.createCommentVNode("", true)
], 4)) : vue.createCommentVNode("", true)
], 10, _hoisted_1$9);
}
const Comment = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$4], ["__scopeId", "data-v-67fa2f3f"]]);
const _sfc_main$8 = {
name: "Toolbar",
components: { Icon, BaseLoading },
inject: [
"isLogin",
"post",
"pageType"
],
data() {
return {
timer: null,
loading: false,
loading2: false,
loading3: false
};
},
methods: {
checkIsLogin(emitName = "") {
if (!this.isLogin) {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "请先登录!" });
return false;
}
this.$emit(emitName);
return true;
},
tweet() {
var _a;
let username = ((_a = window.user) == null ? void 0 : _a.username) ?? "";
let url = `https://twitter.com/intent/tweet?url=${location.origin}/t/${this.post.id}?r=${username}&related=v2ex&text=${this.post.title}`;
window.open(url, "_blank", "width=550,height=370");
},
async report() {
if (!this.checkIsLogin())
return;
if (this.loading3)
return;
let isReport = this.post.isReport;
if (isReport) {
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "你已对本主题进行了报告" });
return;
}
let url = `${location.origin}/report/topic/${this.post.id}?once=${this.post.once}`;
this.loading3 = true;
let apiRes = await fetch(url);
this.loading3 = false;
if (apiRes.redirected) {
let htmlText = await apiRes.text();
if (htmlText.search("你已对本主题进行了报告")) {
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "你已对本主题进行了报告" });
eventBus.emit(CMD.REFRESH_ONCE, htmlText);
eventBus.emit(CMD.MERGE, { isReport: !isReport });
return;
}
}
eventBus.emit(CMD.REFRESH_ONCE);
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "操作失败,请重试" });
},
async toggleIgnore() {
if (!this.checkIsLogin())
return;
let url = `${location.origin}/${this.post.isIgnore ? "unignore" : "ignore"}/topic/${this.post.id}?once=${this.post.once}`;
if (this.pageType === PageType.Post) {
this.loading2 = true;
let apiRes = await window.win().fetch(url);
if (apiRes.redirected) {
if (!this.post.isIgnore) {
window.win().location = location.origin;
}
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: this.post.isIgnore ? "取消成功" : "忽略成功" });
eventBus.emit(CMD.MERGE, { isIgnore: !this.post.isIgnore });
} else {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "忽略失败" });
}
this.loading2 = false;
} else {
if (this.post.isIgnore) {
this.loading2 = true;
} else {
eventBus.emit(CMD.IGNORE);
}
let apiRes = await window.win().fetch(url);
if (apiRes.redirected) {
if (this.post.isIgnore) {
eventBus.emit(CMD.REFRESH_ONCE);
}
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: this.post.isIgnore ? "取消成功" : "忽略成功" });
eventBus.emit(CMD.MERGE, { isIgnore: !this.post.isIgnore });
} else {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "忽略成功,仅本次有效(接口调用失败!)" });
}
this.loading2 = false;
}
},
async toggleFavorite() {
if (!this.checkIsLogin())
return;
if (this.loading)
return;
let isFavorite = this.post.isFavorite;
if (!isFavorite && config.collectBrowserNotice) {
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "别忘记按Command/Cmd/CTRL + D添加到书签哦" });
}
let url = `${location.origin}/${isFavorite ? "unfavorite" : "favorite"}/topic/${this.post.id}?once=${this.post.once}`;
this.loading = true;
let apiRes = await fetch(url);
this.loading = false;
if (apiRes.redirected) {
let htmlText = await apiRes.text();
if (htmlText.search(isFavorite ? "加入收藏" : "取消收藏")) {
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: isFavorite ? "取消成功" : "收藏成功" });
eventBus.emit(CMD.MERGE, { collectCount: isFavorite ? this.post.collectCount - 1 : this.post.collectCount + 1 });
eventBus.emit(CMD.REFRESH_ONCE, htmlText);
eventBus.emit(CMD.MERGE, { isFavorite: !isFavorite });
return;
}
}
eventBus.emit(CMD.REFRESH_ONCE);
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "操作失败" });
}
}
};
const _withScopeId$5 = (n2) => (vue.pushScopeId("data-v-e86785e8"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$8 = { class: "toolbar" };
const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ vue.createElementVNode("span", null, "回复", -1));
const _hoisted_3$5 = {
key: 0,
class: "tool no-hover"
};
const _hoisted_4$5 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ vue.createElementVNode("span", null, "Tweet", -1));
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
const _component_Icon = vue.resolveComponent("Icon");
const _component_BaseLoading = vue.resolveComponent("BaseLoading");
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
vue.createElementVNode("div", {
class: "tool",
onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => $options.checkIsLogin("reply"), ["stop"]))
}, [
vue.createVNode(_component_Icon, { icon: "mynaui:message" }),
_hoisted_2$5
]),
vue.createElementVNode("div", {
class: vue.normalizeClass(["tool", { disabled: $data.loading }]),
onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => $options.toggleFavorite && $options.toggleFavorite(...args), ["stop"]))
}, [
$data.loading ? (vue.openBlock(), vue.createBlock(_component_BaseLoading, {
key: 0,
size: "small"
})) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
$options.post.isFavorite ? (vue.openBlock(), vue.createBlock(_component_Icon, {
key: 0,
color: "rgb(224,42,42)",
icon: "iconoir:star-solid"
})) : (vue.openBlock(), vue.createBlock(_component_Icon, {
key: 1,
icon: "iconoir:star"
}))
], 64)),
vue.createElementVNode("span", null, vue.toDisplayString($options.post.isFavorite ? "取消" : "") + "收藏", 1)
], 2),
$options.post.collectCount !== 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [
vue.createElementVNode("span", null, vue.toDisplayString($options.post.collectCount + "人收藏"), 1)
])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", {
class: "tool",
onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => $options.tweet && $options.tweet(...args), ["stop"]))
}, [
vue.createVNode(_component_Icon, { icon: "uil:share" }),
_hoisted_4$5
]),
vue.createElementVNode("div", {
class: vue.normalizeClass(["tool", { "disabled": $data.loading2 }]),
onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => $options.toggleIgnore && $options.toggleIgnore(...args), ["stop"]))
}, [
$data.loading2 ? (vue.openBlock(), vue.createBlock(_component_BaseLoading, {
key: 0,
size: "small"
})) : (vue.openBlock(), vue.createBlock(_component_Icon, {
key: 1,
icon: "fluent:eye-hide-24-regular"
})),
vue.createElementVNode("span", null, vue.toDisplayString($options.post.isIgnore ? "取消忽略" : "忽略"), 1)
], 2),
vue.createElementVNode("div", {
class: vue.normalizeClass(["tool", { "disabled": $data.loading3 }]),
onClick: _cache[4] || (_cache[4] = vue.withModifiers((...args) => $options.report && $options.report(...args), ["stop"]))
}, [
$data.loading3 ? (vue.openBlock(), vue.createBlock(_component_BaseLoading, {
key: 0,
size: "small"
})) : (vue.openBlock(), vue.createBlock(_component_Icon, {
key: 1,
class: "black",
icon: "solar:danger-triangle-outline"
})),
vue.createElementVNode("span", null, vue.toDisplayString($options.post.isReport ? "你已对本主题进行了报告" : "报告"), 1)
], 2)
]);
}
const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__scopeId", "data-v-e86785e8"]]);
const _withScopeId$4 = (n2) => (vue.pushScopeId("data-v-4a063111"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$7 = ["href"];
const _hoisted_2$4 = ["src"];
const _hoisted_3$4 = { class: "texts" };
const _hoisted_4$4 = {
key: 0,
class: "point"
};
const _hoisted_5$4 = { class: "link-num" };
const _hoisted_6$4 = { class: "my-tag" };
const _hoisted_7$3 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "fa fa-tag" }, null, -1));
const _hoisted_8$3 = {
key: 2,
class: "ago"
};
const _hoisted_9$3 = {
key: 3,
class: "mod"
};
const _hoisted_10$3 = {
key: 4,
class: "owner"
};
const _hoisted_11$3 = ["href"];
const _hoisted_12$3 = {
key: 5,
class: "owner"
};
const _hoisted_13$2 = {
key: 6,
class: "mod"
};
const _hoisted_14$1 = {
key: 7,
class: "ago"
};
const _hoisted_15$1 = { class: "my-tag" };
const _hoisted_16$1 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "fa fa-tag" }, null, -1));
const _hoisted_17$1 = {
key: 9,
class: "point"
};
const _hoisted_18$1 = { class: "link-num" };
const _hoisted_19$1 = ["href"];
const _hoisted_20$1 = ["src"];
const _hoisted_21$1 = { class: "Author-right" };
const _hoisted_22$1 = { class: "floor" };
const _hoisted_23$1 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.createElementVNode("span", null, "跳转", -1));
const _hoisted_24$1 = [
_hoisted_23$1
];
const _sfc_main$7 = {
__name: "SingleComment",
props: {
comment: {
reply_content: ""
},
isRight: {
type: Boolean,
default() {
return false;
}
}
},
setup(__props) {
const config2 = vue.inject("config");
const isLogin = vue.inject("isLogin");
const tags = vue.inject("tags");
const props = __props;
const myTags = vue.computed(() => {
return tags[props.comment.username] ?? [];
});
function jump() {
eventBus.emit(CMD.JUMP, props.comment.floor);
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["comment", { isSimple: vue.unref(config2).viewType === "simple" }]),
ref: "comment"
}, [
!__props.isRight ? (vue.openBlock(), vue.createElementBlock("a", {
key: 0,
class: "avatar",
href: `/member/${__props.comment.username}`
}, [
vue.createElementVNode("img", {
src: __props.comment.avatar,
alt: ""
}, null, 8, _hoisted_2$4)
], 8, _hoisted_1$7)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", {
class: vue.normalizeClass(["comment-body", { isRight: __props.isRight }])
}, [
vue.createElementVNode("div", _hoisted_3$4, [
__props.comment.thankCount && __props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
__props.comment.isThanked ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 0,
color: "rgb(224,42,42)",
icon: "icon-park-solid:like"
})) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 1,
color: !__props.comment.thankCount ? null : "rgb(224,42,42)",
icon: "icon-park-outline:like"
}, null, 8, ["color"])),
vue.createElementVNode("div", _hoisted_5$4, vue.toDisplayString(__props.comment.thankCount), 1)
])) : vue.createCommentVNode("", true),
vue.unref(isLogin) && vue.unref(config2).openTag && __props.isRight ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(myTags.value, (i) => {
return vue.openBlock(), vue.createElementBlock("span", _hoisted_6$4, [
_hoisted_7$3,
vue.createElementVNode("span", null, vue.toDisplayString(i), 1)
]);
}), 256)) : vue.createCommentVNode("", true),
__props.isRight ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$3, vue.toDisplayString(__props.comment.date), 1)) : vue.createCommentVNode("", true),
__props.comment.isMod && __props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3, "MOD")) : vue.createCommentVNode("", true),
__props.comment.isOp && __props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$3, "OP")) : vue.createCommentVNode("", true),
vue.createElementVNode("a", {
href: `/member/${__props.comment.username}`,
class: "username"
}, vue.toDisplayString(__props.comment.username), 9, _hoisted_11$3),
__props.comment.isOp && !__props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$3, "OP")) : vue.createCommentVNode("", true),
__props.comment.isMod && !__props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$2, "MOD")) : vue.createCommentVNode("", true),
!__props.isRight ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14$1, vue.toDisplayString(__props.comment.date), 1)) : vue.createCommentVNode("", true),
vue.unref(isLogin) && vue.unref(config2).openTag && !__props.isRight ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 8 }, vue.renderList(myTags.value, (i) => {
return vue.openBlock(), vue.createElementBlock("span", _hoisted_15$1, [
_hoisted_16$1,
vue.createElementVNode("span", null, vue.toDisplayString(i), 1)
]);
}), 256)) : vue.createCommentVNode("", true),
__props.comment.thankCount && !__props.isRight ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$1, [
__props.comment.isThanked ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 0,
color: "rgb(224,42,42)",
icon: "icon-park-solid:like"
})) : (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
key: 1,
color: !__props.comment.thankCount ? null : "rgb(224,42,42)",
icon: "icon-park-outline:like"
}, null, 8, ["color"])),
vue.createElementVNode("div", _hoisted_18$1, vue.toDisplayString(__props.comment.thankCount), 1)
])) : vue.createCommentVNode("", true)
]),
vue.createVNode(BaseHtmlRender, {
class: "reply_content",
html: __props.comment.reply_content
}, null, 8, ["html"])
], 2),
__props.isRight ? (vue.openBlock(), vue.createElementBlock("a", {
key: 1,
class: "avatar",
href: `/member/${__props.comment.username}`
}, [
vue.createElementVNode("img", {
src: __props.comment.avatar,
alt: ""
}, null, 8, _hoisted_20$1)
], 8, _hoisted_19$1)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_21$1, [
vue.createElementVNode("div", _hoisted_22$1, vue.toDisplayString(__props.comment.floor), 1),
vue.createElementVNode("div", {
class: "tool jump",
onClick: vue.withModifiers(jump, ["stop"])
}, _hoisted_24$1)
])
], 2);
};
}
};
const SingleComment = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-4a063111"]]);
function _css(el, key, value) {
const reg = /^-?\d+.?\d*(px|pt|em|rem|vw|vh|%|rpx|ms)$/i;
if (value === void 0) {
let val = null;
if ("getComputedStyle" in window) {
val = window.getComputedStyle(el, null)[key];
} else {
val = el.currentStyle[key];
}
return reg.test(val) ? parseFloat(val) : val;
} else {
if ([
"top",
"left",
"bottom",
"right",
"width",
"height",
"font-size",
"margin",
"padding"
].includes(key)) {
if (!reg.test(value)) {
if (!String(value).includes("calc")) {
value += "px";
}
}
}
if (key === "transform") {
el.style.webkitTransform = el.style.MsTransform = el.style.msTransform = el.style.MozTransform = el.style.OTransform = el.style.transform = value;
} else {
el.style[key] = value;
}
}
}
function getImgSize(naturalWidth, naturalHeight, maxWidth, maxHeight) {
const imgRatio = naturalWidth / naturalHeight;
const maxRatio = maxWidth / maxHeight;
let width, height;
if (imgRatio >= maxRatio) {
if (naturalWidth > maxWidth) {
width = maxWidth;
height = maxWidth / naturalWidth * naturalHeight;
} else {
width = naturalWidth;
height = naturalHeight;
}
} else {
if (naturalHeight > maxHeight) {
width = maxHeight / naturalHeight * naturalWidth;
height = maxHeight;
} else {
width = naturalWidth;
height = naturalHeight;
}
}
if (height === 0) {
height = maxHeight;
width = height * 1.3;
} else {
if (height < 24) {
height = 50;
width = height * imgRatio;
} else if (height < 100) {
height = 300;
width = height * imgRatio;
} else {
height = maxHeight;
width = height * imgRatio;
}
if (width > maxWidth) {
width = maxWidth;
height = width / imgRatio;
}
}
return { width, height };
}
const _sfc_main$6 = {
name: "detail",
components: {
BaseSelect,
BaseButton,
SingleComment,
PopConfirm,
Comment,
PostEditor,
Point,
Toolbar,
BaseHtmlRender,
Tooltip,
BaseLoading,
Icon
},
inject: ["allReplyUsers", "post", "tags", "isLogin", "config", "pageType", "isNight"],
provide() {
return {
postDetailWidth: vue.computed(() => this.postDetailWidth)
};
},
props: {
modelValue: {
type: Boolean,
default() {
return false;
}
},
loading: {
type: Boolean,
default() {
return false;
}
},
refreshLoading: {
type: Boolean,
default() {
return false;
}
},
displayType: CommentDisplayType.FloorInFloorNoCallUser
},
data() {
return {
isSticky: false,
selectCallIndex: 0,
postDetailWidth: 0,
showCallList: false,
showRelationReply: false,
replyText: "",
callStyle: {
top: 0,
left: 0
},
targetUser: {
left: [],
right: "",
rightFloor: -1
},
currentFloor: "",
showOpTag: false,
rect: {},
result: {},
x: 0,
y: 0,
scale: 1,
minScale: 0.2,
maxScale: 16,
preview: {
rect: {},
result: {},
x: 0,
y: 0,
scale: 1,
minScale: 0.2,
maxScale: 16
}
};
},
computed: {
canAppend() {
if (this.isMy) {
let create = new Date(this.post.createDate);
return Date.now() - create.valueOf() > 1e3 * 60 * 30;
}
return false;
},
canEditMove() {
if (this.isMy) {
let create = new Date(this.post.createDate);
return Date.now() - create.valueOf() < 1e3 * 60 * 10;
}
return false;
},
isMy() {
return this.post.member.username === window.user.username;
},
myTags() {
return this.tags[this.post.member.username] ?? [];
},
CommentDisplayType() {
return CommentDisplayType;
},
isPost() {
return this.pageType === PageType.Post;
},
filterCallList() {
if (this.showCallList) {
let list = ["管理员", "所有人"].concat(this.allReplyUsers);
if (this.replyText)
return list.filter((i) => i.search(this.replyText) > -1);
return list;
}
return [];
},
replyList() {
if ([CommentDisplayType.FloorInFloor, CommentDisplayType.FloorInFloorNoCallUser].includes(this.displayType))
return this.post.nestedReplies;
if (this.displayType === CommentDisplayType.Like) {
return window.clone(this.post.nestedReplies).sort((a, b) => b.thankCount - a.thankCount);
}
if (this.displayType === CommentDisplayType.New) {
return window.clone(this.post.replyList).reverse();
}
if (this.displayType === CommentDisplayType.V2exOrigin)
return this.post.replyList;
if (this.displayType === CommentDisplayType.FloorInFloorNested)
return this.post.nestedRedundReplies;
if (this.displayType === CommentDisplayType.OnlyOp)
return this.post.replyList.filter((v) => {
var _a;
return v.username === ((_a = this.post.member) == null ? void 0 : _a.username);
});
return [];
},
//关联回复
relationReply() {
if (this.targetUser.left.length && this.targetUser.right) {
return this.post.replyList.filter((v) => {
if (this.targetUser.left.includes(v.username)) {
if (v.floor > this.targetUser.rightFloor) {
if (v.replyUsers.includes(this.targetUser.right)) {
return true;
}
} else {
return true;
}
}
if (v.username === this.targetUser.right) {
for (let i = 0; i < this.targetUser.left.length; i++) {
if (v.replyUsers.includes(this.targetUser.left[i])) {
return true;
}
}
}
});
}
return [];
}
},
watch: {
"post.id"(n2, o) {
if (this.$refs["post-editor"]) {
this.$refs["post-editor"].content = "";
vue.nextTick(() => {
var _a, _b;
(_b = (_a = this.$refs) == null ? void 0 : _a.detail) == null ? void 0 : _b.scrollTo({ top: 0 });
});
}
},
"post.headerTemplate"(n2, o) {
let mountEl = document.querySelector(".main-wrapper .post-wrapper .html-wrapper .header");
if (mountEl) {
this.showOpTag = true;
}
},
modelValue: {
handler(newVal) {
if (newVal) {
if ([0, 4, 5].includes(this.displayType)) {
window.parse.send("&b=2", 2);
}
}
if (this.isPost)
return;
if (newVal) {
this.currentFloor = "";
vue.nextTick(() => {
var _a, _b;
(_b = (_a = this.$refs) == null ? void 0 : _a.main) == null ? void 0 : _b.focus();
});
} else {
this.isSticky = false;
this.showRelationReply = false;
}
}
}
},
mounted() {
vue.nextTick(() => {
setTimeout(() => {
var _a;
this.postDetailWidth = ((_a = this.$refs.mainWrapper) == null ? void 0 : _a.getBoundingClientRect().width) || 0;
}, 500);
});
if (this.isLogin) {
const observer = new IntersectionObserver(
([e2]) => e2.target.toggleAttribute("stuck", e2.intersectionRatio < 1),
{ threshold: [1] }
);
observer.observe(this.$refs.replyBox);
window.addEventListener("keydown", this.onKeyDown);
}
eventBus.on(CMD.SHOW_CALL, (val) => {
if (val.show) {
this.showCallList = true;
this.replyText = val.text;
if (this.isPost) {
this.callStyle.top = val.top + $(window.win()).scrollTop() + -40 + "px";
} else {
this.callStyle.top = val.top + $(".post-detail").scrollTop() + 15 + "px";
}
this.callStyle.left = val.left - $(".main")[0].getBoundingClientRect().left + 10 + "px";
if (this.selectCallIndex >= this.filterCallList.length) {
this.selectCallIndex = 0;
}
} else {
this.replyText = "";
this.showCallList = false;
this.selectCallIndex = 0;
}
});
eventBus.on(CMD.RELATION_REPLY, (val) => {
this.targetUser = val;
this.showRelationReply = true;
});
eventBus.on(CMD.JUMP, this.jump);
},
beforeUnmount() {
window.removeEventListener("keydown", this.onKeyDown);
eventBus.off(CMD.SHOW_CALL);
},
methods: {
addTag() {
eventBus.emit(CMD.ADD_TAG, this.post.member.username);
},
removeTag(tag) {
eventBus.emit(CMD.REMOVE_TAG, { username: this.post.member.username, tag });
},
closePreviewModal() {
let previewModal = document.querySelector(".preview-modal");
let s = document.querySelector(".shadow");
let domRect = this.preview.rect;
_css(s, "transition", "all 0.3s");
_css(s, "width", domRect.width);
_css(s, "height", domRect.height);
_css(s, "transform", `translate3d(${domRect.x}px, ${domRect.y}px, 0) scale(1)`);
let mask = document.querySelector(".preview-modal .mask");
_css(mask, "opacity", 0);
setTimeout(() => {
_css(s, "transition", "all 0s");
s.remove();
_css(previewModal, "top", "-1000vh");
_css(document.body, "overflow", "auto");
}, 300);
},
stop(e2) {
e2.stopPropagation();
e2.stopImmediatePropagation();
if (e2.target.tagName === "IMG") {
if (/cdn\.v2ex\.com.*avatar/i.test(e2.target.src)) ;
this.preview = {
rect: {},
result: {},
x: 0,
y: 0,
scale: 1,
minScale: 0.2,
maxScale: 16
};
e2.preventDefault();
let domRect = e2.target.getBoundingClientRect();
let previewModal = document.querySelector(".preview-modal");
_css(previewModal, "top", "0");
let s = e2.target.cloneNode();
s.classList.add("shadow");
previewModal.append(s);
_css(s, "transition", "all 0s");
_css(s, "width", domRect.width);
_css(s, "height", domRect.height);
_css(s, "transform", `translate3d(${domRect.x}px, ${domRect.y}px, 0) scale(1)`);
let t = ".3";
let sw = domRect.width / window.innerWidth;
let sh = domRect.height / window.innerHeight;
domRect.sw = sw;
domRect.sh = sh;
this.preview.rect = domRect;
this.preview.result = getImgSize(
s.naturalWidth,
s.naturalHeight,
window.innerWidth * 0.95,
window.innerHeight * 0.9
);
this.preview.x = (window.innerWidth - this.preview.result.width) * 0.5;
this.preview.y = (window.innerHeight - this.preview.result.height) * 0.5;
let isPointerdown = false;
let isMove = false;
let lastPointermove = { x: 0, y: 0 };
let diff = { x: 0, y: 0 };
s.addEventListener("pointerdown", function(e3) {
isPointerdown = true;
isMove = false;
s.setPointerCapture(e3.pointerId);
lastPointermove = { x: e3.clientX, y: e3.clientY };
});
s.addEventListener("pointermove", (e3) => {
if (isPointerdown) {
isMove = true;
const current = { x: e3.clientX, y: e3.clientY };
diff.x = current.x - lastPointermove.x;
diff.y = current.y - lastPointermove.y;
lastPointermove = { x: current.x, y: current.y };
this.preview.x += diff.x;
this.preview.y += diff.y;
_css(s, "transition", "all 0.1s");
_css(s, "transform", `translate3d(${this.preview.x}px, ${this.preview.y}px, 0) scale(${this.preview.scale})`);
}
e3.preventDefault();
});
s.addEventListener("pointerup", () => {
if (isPointerdown) {
isPointerdown = false;
if (!isMove) {
this.closePreviewModal();
}
}
});
s.addEventListener("pointercancel", function(e3) {
if (isPointerdown) {
isPointerdown = false;
}
});
let mask = document.querySelector(".preview-modal .mask");
_css(mask, "transition", "all 0s");
_css(mask, "opacity", 0);
setTimeout(() => {
_css(s, "transition", `all ${t}s`);
_css(mask, "transition", `all ${t}s`);
_css(mask, "opacity", 1);
_css(s, "transform", `translate3d(${this.preview.x}px, ${this.preview.y}px, 0) scale(${this.preview.scale})`);
_css(s, "width", this.preview.result.width);
_css(s, "height", this.preview.result.height);
}, 0);
setTimeout(() => {
_css(document.body, "overflow", "hidden");
}, 300);
return false;
}
},
wheel(e2) {
let d2 = e2.deltaY < 0 ? 0.1 : -0.1;
let ratio = 1 + d2;
let _scale = this.preview.scale * ratio;
if (_scale > this.preview.maxScale) {
ratio = this.preview.maxScale / this.preview.scale;
this.preview.scale = this.preview.maxScale;
} else if (_scale < this.preview.minScale) {
ratio = this.preview.minScale / this.preview.scale;
this.preview.scale = this.preview.minScale;
} else {
this.preview.scale = _scale;
}
if (e2.target.tagName === "IMG") {
const origin = {
x: d2 * this.preview.result.width / 2,
y: d2 * this.preview.result.height / 2
};
this.preview.x -= d2 * (e2.clientX - this.preview.x) - origin.x;
this.preview.y -= d2 * (e2.clientY - this.preview.y) - origin.y;
}
let s = document.querySelector(".shadow");
_css(s, "transition", "all 0.2s");
_css(s, "transform", `translate3d(${this.preview.x}px, ${this.preview.y}px, 0) scale(${this.preview.scale})`);
e2.preventDefault();
},
jump(floor) {
let lastItem = this.replyList[this.replyList.length - 1];
if (floor === "") {
floor = lastItem.floor;
} else {
try {
floor = Number(floor);
} catch (e2) {
floor = lastItem.floor;
}
if (floor === 0) {
floor = 1;
}
if (floor > lastItem.floor)
floor = lastItem.floor;
}
if (!this.post.replyList.length) {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "没有回复可跳转!" });
return;
}
if (floor > this.post.replyList.length) {
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "没有找到对应回复!" });
return;
}
let comment = $(`.c_${floor}`);
if (!comment.length) {
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "没有找到对应回复!" });
return;
}
comment[0].scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
comment.addClass("ding");
this.currentFloor = floor + 1;
setTimeout(() => {
comment.removeClass("ding");
}, 2e3);
},
collapseTopReplyList() {
$(this.$refs.topReply).slideToggle("fast");
},
goBottom() {
this.isSticky = false;
setTimeout(() => {
if (this.isPost) {
let body = $("body , html");
let scrollHeight = body.prop("scrollHeight");
body.animate({ scrollTop: scrollHeight - 850 }, 300);
} else {
this.$refs.detail.scrollTo({ top: this.$refs.detail.scrollHeight, behavior: "smooth" });
}
});
},
close(from) {
if (this.isPost)
return;
if (from === "space") {
if (this.config.closePostDetailBySpace) {
this.$emit("update:modelValue", false);
}
} else {
this.$emit("update:modelValue", false);
}
},
setCall(e2) {
eventBus.emit(CMD.SET_CALL, e2);
this.showCallList = false;
},
onKeyDown(e2) {
if (!this.modelValue)
return;
if (!this.showCallList)
return;
let length = this.filterCallList.slice(0, 10).length;
if (e2.keyCode === 13) {
this.setCall(this.filterCallList[this.selectCallIndex]);
e2.preventDefault();
}
if (e2.keyCode === 38) {
this.selectCallIndex--;
if (this.selectCallIndex < 0) {
this.selectCallIndex = length - 1;
}
e2.preventDefault();
}
if (e2.keyCode === 40) {
this.selectCallIndex++;
if (this.selectCallIndex > length - 1) {
this.selectCallIndex = 0;
}
e2.preventDefault();
}
},
changeOption(item) {
this.$emit("update:displayType", item);
},
addThank() {
eventBus.emit(CMD.CHANGE_POST_THANK, { id: this.post.id, type: "add" });
},
recallThank() {
eventBus.emit(CMD.CHANGE_POST_THANK, { id: this.post.id, type: "recall" });
},
scrollTop() {
if (this.isPost) {
$("body , html").animate({ scrollTop: 0 }, 300);
} else {
this.$refs.detail.scrollTo({ top: 0, behavior: "smooth" });
}
}
}
};
const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-b5867eba"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$6 = { class: "my-box post-wrapper" };
const _hoisted_2$3 = { class: "header" };
const _hoisted_3$3 = { class: "fr" };
const _hoisted_4$3 = ["href"];
const _hoisted_5$3 = ["src", "alt"];
const _hoisted_6$3 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("a", { href: "/" }, "V2EX", -1));
const _hoisted_7$2 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "chevron" }, " › ", -1));
const _hoisted_8$2 = ["href"];
const _hoisted_9$2 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "sep10" }, null, -1));
const _hoisted_10$2 = ["id"];
const _hoisted_11$2 = ["onclick"];
const _hoisted_12$2 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("li", { class: "fa fa-chevron-up" }, null, -1));
const _hoisted_13$1 = ["onclick"];
const _hoisted_14 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("li", { class: "fa fa-chevron-down" }, null, -1));
const _hoisted_15 = [
_hoisted_14
];
const _hoisted_16 = { class: "gray" };
const _hoisted_17 = ["href"];
const _hoisted_18 = ["title"];
const _hoisted_19 = ["href"];
const _hoisted_20 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("li", { class: "fa fa-info-circle" }, null, -1));
const _hoisted_21 = [
_hoisted_20
];
const _hoisted_22 = ["href"];
const _hoisted_23 = ["href"];
const _hoisted_24 = ["href"];
const _hoisted_25 = { class: "my-tag" };
const _hoisted_26 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "fa fa-tag" }, null, -1));
const _hoisted_27 = ["onClick"];
const _hoisted_28 = {
key: 0,
class: "my-box"
};
const _hoisted_29 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("span", null, "高赞回复", -1));
const _hoisted_30 = { class: "top-reply" };
const _hoisted_31 = { class: "tool" };
const _hoisted_32 = { ref: "topReply" };
const _hoisted_33 = { class: "my-box comment-wrapper" };
const _hoisted_34 = {
key: 0,
class: "my-cell flex"
};
const _hoisted_35 = { key: 0 };
const _hoisted_36 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("strong", { class: "snow" }, "•", -1));
const _hoisted_37 = ["innerHTML"];
const _hoisted_38 = {
key: 0,
class: "loading-wrapper"
};
const _hoisted_39 = {
key: 1,
class: "comments"
};
const _hoisted_40 = {
key: 1,
id: "no-comments-yet"
};
const _hoisted_41 = { class: "my-cell flex" };
const _hoisted_42 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("span", null, "添加一条新回复", -1));
const _hoisted_43 = { class: "notice-right gray" };
const _hoisted_44 = { class: "p1" };
const _hoisted_45 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "gray" }, "上下文", -1));
const _hoisted_46 = { class: "top-reply" };
const _hoisted_47 = ["onClick"];
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
const _component_BaseHtmlRender = vue.resolveComponent("BaseHtmlRender");
const _component_Point = vue.resolveComponent("Point");
const _component_Toolbar = vue.resolveComponent("Toolbar");
const _component_Icon = vue.resolveComponent("Icon");
const _component_Tooltip = vue.resolveComponent("Tooltip");
const _component_Comment = vue.resolveComponent("Comment");
const _component_BaseSelect = vue.resolveComponent("BaseSelect");
const _component_BaseLoading = vue.resolveComponent("BaseLoading");
const _component_PostEditor = vue.resolveComponent("PostEditor");
const _component_SingleComment = vue.resolveComponent("SingleComment");
return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["post-detail", [$options.isNight ? "isNight" : "", $options.pageType]]),
ref: "detail",
onKeydown: _cache[21] || (_cache[21] = vue.withKeys(($event) => $options.close(), ["esc"])),
onClick: _cache[22] || (_cache[22] = ($event) => $options.close("space"))
}, [
vue.createElementVNode("div", {
ref: "main",
class: "main",
tabindex: "1",
onClick: _cache[18] || (_cache[18] = (...args) => $options.stop && $options.stop(...args))
}, [
vue.createElementVNode("div", {
class: "main-wrapper",
ref: "mainWrapper",
style: vue.normalizeStyle({ width: $options.config.postWidth + "!important" })
}, [
vue.createElementVNode("div", _hoisted_1$6, [
vue.createElementVNode("div", _hoisted_2$3, [
vue.createElementVNode("div", _hoisted_3$3, [
vue.createElementVNode("a", {
href: `/member/${$options.post.member.username}`,
style: { "width": "73px", "height": "73px", "display": "inline-block" }
}, [
$options.post.member.avatar_large ? (vue.openBlock(), vue.createElementBlock("img", {
key: 0,
src: $options.post.member.avatar_large,
class: "avatar",
style: { "width": "73px", "height": "73px" },
border: "0",
align: "default",
alt: $options.post.member.username
}, null, 8, _hoisted_5$3)) : vue.createCommentVNode("", true)
], 8, _hoisted_4$3)
]),
_hoisted_6$3,
_hoisted_7$2,
vue.createElementVNode("a", {
href: $options.post.node.url
}, vue.toDisplayString($options.post.node.title), 9, _hoisted_8$2),
_hoisted_9$2,
vue.createElementVNode("h1", null, vue.toDisplayString($options.post.title), 1),
vue.createElementVNode("div", {
id: `topic_${$options.post.id}_votes`,
class: "votes"
}, [
vue.createElementVNode("a", {
href: "javascript:",
onclick: `upVoteTopic(${$options.post.id});`,
class: "vote"
}, [
_hoisted_12$2,
vue.createTextVNode(" ")
], 8, _hoisted_11$2),
vue.createTextVNode(" "),
vue.createElementVNode("a", {
href: "javascript:",
onclick: `downVoteTopic(${$options.post.id});`,
class: "vote"
}, _hoisted_15, 8, _hoisted_13$1)
], 8, _hoisted_10$2),
vue.createTextVNode(" "),
vue.createElementVNode("small", _hoisted_16, [
vue.createElementVNode("a", {
href: `/member/${$options.post.member.username}`
}, vue.toDisplayString($options.post.member.username), 9, _hoisted_17),
vue.createTextVNode(" · "),
$options.post.member.createDate ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
vue.createElementVNode("span", {
class: vue.normalizeClass($options.post.member.isNew && "danger")
}, vue.toDisplayString($options.post.member.createDate), 3),
vue.createTextVNode(" · ")
], 64)) : vue.createCommentVNode("", true),
$options.post.createDateAgo ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
vue.createElementVNode("span", {
title: $options.post.createDate
}, vue.toDisplayString($options.post.createDateAgo), 9, _hoisted_18),
vue.createTextVNode(" · ")
], 64)) : vue.createCommentVNode("", true),
vue.createTextVNode(" " + vue.toDisplayString($options.post.clickCount) + " 次点击 ", 1),
$options.isMy ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
vue.createTextVNode(" "),
vue.createElementVNode("a", {
href: `/t/${$options.post.id}/info`
}, _hoisted_21, 8, _hoisted_19),
vue.createTextVNode(" "),
$options.canAppend ? (vue.openBlock(), vue.createElementBlock("a", {
key: 0,
href: `/append/topic/${$options.post.id}`,
class: "op"
}, "APPEND", 8, _hoisted_22)) : vue.createCommentVNode("", true),
$options.canEditMove ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
vue.createElementVNode("a", {
href: `/move/topic/${$options.post.id}`,
class: "op"
}, "MOVE", 8, _hoisted_23),
vue.createTextVNode(" "),
vue.createElementVNode("a", {
href: `/edit/topic/${$options.post.id}`,
class: "op"
}, "EDIT", 8, _hoisted_24)
], 64)) : vue.createCommentVNode("", true)
], 64)) : vue.createCommentVNode("", true)
]),
$options.isLogin && $options.config.openTag ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.myTags, (i) => {
return vue.openBlock(), vue.createElementBlock("span", _hoisted_25, [
_hoisted_26,
vue.createElementVNode("span", null, vue.toDisplayString(i), 1),
vue.createElementVNode("i", {
class: "fa fa-trash-o remove",
onClick: vue.withModifiers(($event) => $options.removeTag(i), ["stop"])
}, null, 8, _hoisted_27)
]);
}), 256)),
vue.createElementVNode("span", {
class: "add-tag ago",
onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => $options.addTag && $options.addTag(...args), ["stop"])),
title: "添加标签"
}, "+")
], 64)) : vue.createCommentVNode("", true)
]),
$options.post.headerTemplate ? (vue.openBlock(), vue.createBlock(_component_BaseHtmlRender, {
key: 0,
html: $options.post.headerTemplate
}, null, 8, ["html"])) : (vue.openBlock(), vue.createBlock(_component_BaseHtmlRender, {
key: 1,
html: $options.post.jsonContent
}, null, 8, ["html"])),
vue.createVNode(_component_Toolbar, {
onReply: _cache[1] || (_cache[1] = ($event) => $data.isSticky = !$data.isSticky)
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_Point, {
onAddThank: $options.addThank,
onRecallThank: $options.recallThank,
item: {
isThanked: $options.post.isThanked,
thankCount: $options.post.thankCount,
username: $options.post.username
},
"api-url": "topic/" + $options.post.id
}, null, 8, ["onAddThank", "onRecallThank", "item", "api-url"])
]),
_: 1
})
]),
$options.post.topReplyList.length && $options.config.showTopReply ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28, [
vue.createElementVNode("div", {
class: "my-cell flex",
onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => $options.collapseTopReplyList && $options.collapseTopReplyList(...args), ["stop"]))
}, [
_hoisted_29,
vue.createElementVNode("div", _hoisted_30, [
vue.createVNode(_component_Tooltip, { title: "收起高赞回复" }, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_31, [
vue.createVNode(_component_Icon, { icon: "gravity-ui:chevrons-collapse-vertical" })
])
]),
_: 1
})
])
]),
vue.createElementVNode("div", _hoisted_32, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.post.topReplyList, (item, index) => {
return vue.openBlock(), vue.createBlock(_component_Comment, {
key: item.floor,
type: "top",
modelValue: $options.post.topReplyList[index],
"onUpdate:modelValue": ($event) => $options.post.topReplyList[index] = $event
}, null, 8, ["modelValue", "onUpdate:modelValue"]);
}), 128))
], 512)
])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_33, [
$options.post.replyList.length || $props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_34, [
vue.createElementVNode("div", null, [
vue.createTextVNode(vue.toDisplayString($options.post.replyCount) + " 条回复 ", 1),
$options.post.lastReplyDate ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_35, [
vue.createTextVNode(" "),
_hoisted_36,
vue.createTextVNode(" " + vue.toDisplayString($options.post.lastReplyDate), 1)
])) : vue.createCommentVNode("", true)
]),
$options.config.showToolbar ? (vue.openBlock(), vue.createBlock(_component_BaseSelect, {
key: 0,
"display-type": $props.displayType,
"onUpdate:displayType": _cache[3] || (_cache[3] = (e2) => _ctx.$emit("update:displayType", e2))
}, null, 8, ["display-type"])) : (vue.openBlock(), vue.createElementBlock("div", {
key: 1,
class: "fr",
innerHTML: $options.post.fr
}, null, 8, _hoisted_37))
])) : vue.createCommentVNode("", true),
$options.replyList.length || $props.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
$props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_38, [
vue.createVNode(_component_BaseLoading, { size: "large" })
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_39, [
$props.modelValue ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList($options.replyList, (item, index) => {
return vue.openBlock(), vue.createBlock(_component_Comment, {
key: item.floor,
modelValue: $options.replyList[index],
"onUpdate:modelValue": ($event) => $options.replyList[index] = $event
}, null, 8, ["modelValue", "onUpdate:modelValue"]);
}), 128)) : vue.createCommentVNode("", true)
]))
], 64)) : vue.createCommentVNode("", true)
]),
!($options.replyList.length || $props.loading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_40, "目前尚无回复")) : vue.createCommentVNode("", true),
$options.isLogin ? (vue.openBlock(), vue.createElementBlock("div", {
key: 2,
class: vue.normalizeClass(["my-box", { "sticky": $data.isSticky }]),
ref: "replyBox"
}, [
vue.createElementVNode("div", _hoisted_41, [
_hoisted_42,
vue.createElementVNode("div", _hoisted_43, [
$data.isSticky ? (vue.openBlock(), vue.createElementBlock("a", {
key: 0,
style: { "margin-right": "2rem" },
onClick: _cache[4] || (_cache[4] = vue.withModifiers(($event) => $data.isSticky = false, ["stop"]))
}, "取消回复框停靠")) : vue.createCommentVNode("", true),
vue.createElementVNode("a", {
onClick: _cache[5] || (_cache[5] = vue.withModifiers((...args) => $options.scrollTop && $options.scrollTop(...args), ["stop"]))
}, "回到顶部")
])
]),
vue.createElementVNode("div", _hoisted_44, [
vue.createVNode(_component_PostEditor, {
onClose: $options.goBottom,
ref: "post-editor",
useType: "reply-post",
onClick: _cache[6] || (_cache[6] = vue.withModifiers(($event) => $data.isSticky = true, ["stop"]))
}, null, 8, ["onClose"])
])
], 2)) : vue.createCommentVNode("", true)
], 4),
$data.showRelationReply ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: "relationReply",
onClick: _cache[10] || (_cache[10] = vue.withModifiers(($event) => $options.close("space"), ["stop"]))
}, [
vue.createElementVNode("div", {
class: "my-cell flex",
onClick: _cache[8] || (_cache[8] = vue.withModifiers((...args) => $options.stop && $options.stop(...args), ["stop"]))
}, [
_hoisted_45,
vue.createElementVNode("div", _hoisted_46, [
vue.createVNode(_component_Icon, {
icon: "ic:round-close",
onClick: _cache[7] || (_cache[7] = vue.withModifiers(($event) => $data.showRelationReply = false, ["stop"]))
})
])
]),
vue.createElementVNode("div", {
class: "comments",
onClick: _cache[9] || (_cache[9] = vue.withModifiers((...args) => $options.stop && $options.stop(...args), ["stop"]))
}, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.relationReply, (item, index) => {
return vue.openBlock(), vue.createBlock(_component_SingleComment, {
"is-right": item.username === $data.targetUser.right,
key: item.floor,
comment: item
}, null, 8, ["is-right", "comment"]);
}), 128))
])
])) : vue.createCommentVNode("", true),
$data.showCallList && $options.filterCallList.length ? (vue.openBlock(), vue.createElementBlock("div", {
key: 1,
class: "call-list",
style: vue.normalizeStyle($data.callStyle)
}, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.filterCallList, (item, index) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["call-item", { select: index === $data.selectCallIndex }]),
onClick: vue.withModifiers(($event) => $options.setCall(item), ["stop"])
}, [
vue.createElementVNode("a", null, vue.toDisplayString(item), 1)
], 10, _hoisted_47);
}), 256))
], 4)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", {
class: "close-btn",
onClick: _cache[11] || (_cache[11] = vue.withModifiers(($event) => $options.close("btn"), ["stop"]))
}, [
vue.createVNode(_component_Icon, { icon: "fontisto:close-a" })
]),
vue.createElementVNode("div", {
class: "refresh gray",
onClick: _cache[12] || (_cache[12] = vue.withModifiers(($event) => _ctx.$emit("refresh"), ["stop"]))
}, [
$props.refreshLoading ? (vue.openBlock(), vue.createBlock(_component_BaseLoading, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_Icon, {
key: 1,
icon: "material-symbols:refresh"
}))
]),
vue.createElementVNode("div", {
class: "scroll-to gray",
onClick: _cache[16] || (_cache[16] = vue.withModifiers(($event) => $options.jump($data.currentFloor), ["stop"]))
}, [
vue.createVNode(_component_Icon, { icon: "lucide:move-down" }),
vue.withDirectives(vue.createElementVNode("input", {
type: "text",
"onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.currentFloor = $event),
onClick: _cache[14] || (_cache[14] = vue.withModifiers((...args) => $options.stop && $options.stop(...args), ["stop"])),
onKeydown: _cache[15] || (_cache[15] = vue.withKeys(($event) => $options.jump($data.currentFloor), ["enter"]))
}, null, 544), [
[vue.vModelText, $data.currentFloor]
])
]),
vue.createElementVNode("div", {
class: "scroll-top gray",
onClick: _cache[17] || (_cache[17] = vue.withModifiers((...args) => $options.scrollTop && $options.scrollTop(...args), ["stop"]))
}, [
vue.createVNode(_component_Icon, { icon: "lucide:move-up" })
])
], 512),
(vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
vue.createElementVNode("div", {
class: "preview-modal",
onWheel: _cache[20] || (_cache[20] = (...args) => $options.wheel && $options.wheel(...args))
}, [
vue.createElementVNode("div", {
class: "mask",
onClick: _cache[19] || (_cache[19] = (...args) => $options.closePreviewModal && $options.closePreviewModal(...args))
}),
vue.createVNode(_component_Icon, {
class: "close",
icon: "fontisto:close-a",
onClick: $options.closePreviewModal
}, null, 8, ["onClick"])
], 32)
]))
], 34)), [
[vue.vShow, $props.modelValue]
]);
}
const PostDetail = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2], ["__scopeId", "data-v-b5867eba"]]);
const _hoisted_1$5 = { key: 1 };
const _sfc_main$5 = {
__name: "Base64Tooltip",
setup(__props) {
const tooltip = vue.ref(null);
const show = vue.ref(false);
const originalText = vue.ref("");
const decodeText = vue.ref("");
const styleObject = vue.reactive({
left: "-100vw",
top: "-100vh"
});
vue.onMounted(() => {
eventBus.on(CMD.SHOW_TOOLTIP, ({ text, e: e2 }) => {
setTimeout(() => show.value = true);
originalText.value = text;
decodeText.value = "";
styleObject.left = e2.clientX + "px";
styleObject.top = e2.clientY + 20 + "px";
});
window.addEventListener("click", (e2) => {
if (!tooltip.value)
return;
if (!tooltip.value.contains(e2.target) && show.value) {
show.value = false;
}
}, { capture: true });
const fn = () => show.value && (show.value = false);
$(".post-detail", window.win().doc).on("scroll", fn);
});
function copy() {
if (window.win().navigator.clipboard) {
window.win().navigator.clipboard.writeText(decodeText.value);
eventBus.emit(CMD.SHOW_MSG, { type: "success", text: "复制成功" });
} else {
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "复制失败!浏览器不支持!" });
}
}
function base64ToArrayBuffer(base64) {
let binary_string = window.atob(base64);
let len = binary_string.length;
let bytes = new Uint8Array(len);
for (let i = 0; i < len; i++) {
bytes[i] = binary_string.charCodeAt(i);
}
return bytes.buffer;
}
function decode() {
try {
new Blob([base64ToArrayBuffer(originalText.value)]).text().then((r2) => {
decodeText.value = r2;
});
} catch (e2) {
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "Base64解码失败!不是标准数据!" });
}
}
return (_ctx, _cache) => {
return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
class: "base64_tooltip",
style: vue.normalizeStyle(styleObject),
onClick: decode,
ref_key: "tooltip",
ref: tooltip
}, [
!decodeText.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
vue.createTextVNode(" Base64解码:" + vue.toDisplayString(originalText.value) + " ", 1),
vue.createVNode(vue.unref(Icon), { icon: "system-uicons:translate" })
], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
vue.createElementVNode("span", null, vue.toDisplayString(decodeText.value), 1),
vue.createVNode(BaseButton, {
class: "btn",
size: "small",
onClick: copy
}, {
default: vue.withCtx(() => [
vue.createTextVNode("点击复制")
]),
_: 1
})
]))
], 4)), [
[vue.vShow, show.value]
]);
};
}
};
const Base64Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-c50fb66c"]]);
const _sfc_main$4 = {
name: "Msg",
components: { Icon },
props: {
type: "",
text: ""
},
created() {
setTimeout(() => {
this.$emit("close");
}, 3e3);
}
};
const _hoisted_1$4 = { class: "right" };
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
const _component_Icon = vue.resolveComponent("Icon");
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["msg", $props.type])
}, [
vue.createElementVNode("div", {
class: "left",
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
}, [
vue.createVNode(_component_Icon, { icon: "ic:round-close" })
]),
vue.createElementVNode("div", _hoisted_1$4, vue.toDisplayString($props.text), 1)
], 2);
}
const Msg = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1], ["__scopeId", "data-v-8bf692ea"]]);
const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-eef9961d"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$3 = {
key: 0,
class: "tag-modal modal"
};
const _hoisted_2$2 = { class: "wrapper" };
const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 添加标签 ", -1));
const _hoisted_4$2 = { class: "option" };
const _hoisted_5$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("span", null, "用户:", -1));
const _hoisted_6$2 = { class: "btns" };
const _sfc_main$3 = {
__name: "TagModal",
props: ["tags"],
emits: ["update:tags"],
setup(__props, { emit: __emit }) {
const tagModal = vue.reactive({
show: false,
currentUsername: "",
tag: ""
});
const props = __props;
const emit = __emit;
const inputRef = vue.ref();
vue.onMounted(() => {
eventBus.on(CMD.ADD_TAG, (username) => {
tagModal.currentUsername = username;
tagModal.show = true;
vue.nextTick(() => {
inputRef.value.focus();
});
});
});
async function addTag() {
if (!tagModal.tag) {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "请输入标签" });
return;
}
let oldTag = window.clone(props.tags);
let tempTag = window.clone(props.tags);
let userTags = tempTag[tagModal.currentUsername] ?? [];
let rIndex = userTags.findIndex((v) => v === tagModal.tag);
if (rIndex > -1) {
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "标签已存在!" });
return;
} else {
userTags.push(tagModal.tag);
}
tempTag[tagModal.currentUsername] = userTags;
emit("update:tags", tempTag);
tagModal.tag = "";
tagModal.show = false;
let res = await window.parse.saveTags(tempTag);
if (!res) {
eventBus.emit(CMD.SHOW_MSG, { type: "error", text: "标签添加失败!" });
emit("update:tags", oldTag);
}
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.Transition, null, {
default: vue.withCtx(() => [
tagModal.show ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
vue.createElementVNode("div", {
class: "mask",
onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => tagModal.show = false, ["stop"]))
}),
vue.createElementVNode("div", _hoisted_2$2, [
_hoisted_3$2,
vue.createElementVNode("div", _hoisted_4$2, [
_hoisted_5$2,
vue.createElementVNode("div", null, [
vue.createElementVNode("b", null, vue.toDisplayString(tagModal.currentUsername), 1)
])
]),
vue.withDirectives(vue.createElementVNode("input", {
type: "text",
ref_key: "inputRef",
ref: inputRef,
style: { "width": "100%" },
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => tagModal.tag = $event),
onKeydown: vue.withKeys(addTag, ["enter"])
}, null, 544), [
[vue.vModelText, tagModal.tag]
]),
vue.createElementVNode("div", _hoisted_6$2, [
vue.createVNode(BaseButton, {
type: "link",
onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => {
tagModal.show = false;
tagModal.tag = "";
}, ["stop"]))
}, {
default: vue.withCtx(() => [
vue.createTextVNode("取消")
]),
_: 1
}),
vue.createVNode(BaseButton, {
onClick: vue.withModifiers(addTag, ["stop"])
}, {
default: vue.withCtx(() => [
vue.createTextVNode("确定")
]),
_: 1
})
])
])
])) : vue.createCommentVNode("", true)
]),
_: 1
});
};
}
};
const TagModal = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-eef9961d"]]);
const _hoisted_1$2 = { class: "msgs" };
const _sfc_main$2 = {
__name: "MsgModal",
setup(__props) {
const msgList = vue.reactive([
// {type: 'success', text: '123', id: Date.now()}
]);
vue.onMounted(() => {
eventBus.on(CMD.SHOW_MSG, (val) => {
msgList.push({ ...val, id: Date.now() });
});
});
function removeMsg(id) {
let rIndex = msgList.findIndex((item) => item.id === id);
if (rIndex > -1) {
msgList.splice(rIndex, 1);
}
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(msgList, (v) => {
return vue.openBlock(), vue.createBlock(Msg, {
key: v.id,
type: v.type,
text: v.text,
onClose: ($event) => removeMsg(v.id)
}, null, 8, ["type", "text", "onClose"]);
}), 128))
]);
};
}
};
const MsgModal = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b73f4332"]]);
let u = ".__cf_email__", f = "data-cfemail", d = document.createElement("div");
function e(e2) {
}
function r(e2, t) {
let r2 = e2.substr(t, 2);
return parseInt(r2, 16);
}
function n(href, index) {
let o = "", a = r(href, index);
for (let i = index + 2; i < href.length; i += 2) {
let l = r(href, i) ^ a;
o += String.fromCharCode(l);
}
try {
o = decodeURIComponent(escape(o));
} catch (u2) {
}
d.innerHTML = '';
return d.childNodes[0].getAttribute("href") || "";
}
function decodeEmail(body) {
try {
let as = body.find(u);
as.each(function() {
try {
let o = this, a = o.parentNode, i = o.getAttribute(f);
if (i) {
let l = n(i, 0), d2 = document.createTextNode(l);
a.replaceChild(d2, o);
}
} catch (h2) {
e(h2);
}
});
} catch (s) {
}
}
const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-77aa374e"), n2 = n2(), vue.popScopeId(), n2);
const _hoisted_1$1 = {
key: 0,
class: "NotificationModal modal"
};
const _hoisted_2$1 = { class: "modal-root" };
const _hoisted_3$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 提醒系统 ", -1));
const _hoisted_4$1 = { class: "modal-body" };
const _hoisted_5$1 = { class: "filter" };
const _hoisted_6$1 = { class: "list-wrap" };
const _hoisted_7$1 = { class: "notify-wrap" };
const _hoisted_8$1 = ["innerHTML"];
const _hoisted_9$1 = {
key: 0,
class: "loading-wrap"
};
const _hoisted_10$1 = { class: "footer" };
const _hoisted_11$1 = ["innerHTML"];
const _hoisted_12$1 = { class: "total" };
const _hoisted_13 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", null, "总共收到提醒", -1));
const _sfc_main$1 = {
__name: "NotificationModal",
props: ["modelValue", "list", "total", "pages", "loading"],
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const index = vue.ref("all");
vue.onMounted(() => {
});
vue.watch([index, () => props.list], () => {
$(".notify-wrap").scrollTop(0);
});
vue.watch(() => props.modelValue, (n2) => {
if (n2) {
document.body.style.overflow = "hidden";
} else {
document.body.style.overflow = "unset";
$(".notify-wrap").scrollTop(0);
}
});
function close() {
emit("update:modelValue", false);
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.Transition, null, {
default: vue.withCtx(() => [
__props.modelValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
vue.createElementVNode("div", {
class: "mask",
onClick: vue.withModifiers(close, ["stop"])
}),
vue.createElementVNode("div", _hoisted_2$1, [
vue.createElementVNode("div", { class: "modal-header" }, [
_hoisted_3$1,
vue.createElementVNode("i", {
class: "fa fa-times",
onClick: close
})
]),
vue.createElementVNode("div", _hoisted_4$1, [
vue.createElementVNode("div", _hoisted_5$1, [
vue.createElementVNode("div", {
class: vue.normalizeClass(index.value === "all" && "active"),
onClick: _cache[0] || (_cache[0] = ($event) => index.value = "all")
}, "全部", 2),
vue.createElementVNode("div", {
class: vue.normalizeClass(index.value === "reply" && "active"),
onClick: _cache[1] || (_cache[1] = ($event) => index.value = "reply")
}, "回复", 2),
vue.createElementVNode("div", {
class: vue.normalizeClass(index.value === "star" && "active"),
onClick: _cache[2] || (_cache[2] = ($event) => index.value = "star")
}, "感谢", 2),
vue.createElementVNode("div", {
class: vue.normalizeClass(index.value === "collect" && "active"),
onClick: _cache[3] || (_cache[3] = ($event) => index.value = "collect")
}, "收藏", 2)
]),
vue.createElementVNode("div", _hoisted_6$1, [
vue.createElementVNode("div", _hoisted_7$1, [
vue.createElementVNode("div", {
id: "notifications",
class: vue.normalizeClass(index.value),
innerHTML: __props.list
}, null, 10, _hoisted_8$1)
]),
__props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
vue.createVNode(BaseLoading)
])) : vue.createCommentVNode("", true)
]),
vue.createElementVNode("div", _hoisted_10$1, [
vue.createElementVNode("div", {
innerHTML: __props.pages,
class: "pages"
}, null, 8, _hoisted_11$1),
vue.createElementVNode("div", _hoisted_12$1, [
_hoisted_13,
vue.createTextVNode(vue.toDisplayString(__props.total), 1)
])
])
])
])
])) : vue.createCommentVNode("", true)
]),
_: 1
});
};
}
};
const NotificationModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-77aa374e"]]);
const _sfc_main = {
components: {
Icon,
BaseButton,
NotificationModal,
BaseLoading,
BaseSwitch,
MsgModal,
TagModal,
Tooltip,
Setting,
PostDetail,
Base64Tooltip,
Msg
},
provide() {
return {
isLogin: vue.computed(() => this.isLogin),
isNight: vue.computed(() => this.isNight),
pageType: vue.computed(() => this.pageType),
tags: vue.computed(() => this.tags),
show: vue.computed(() => this.show),
post: vue.computed(() => this.current),
config: vue.computed(() => this.config),
allReplyUsers: vue.computed(() => {
var _a, _b, _c;
if ((_a = this.current) == null ? void 0 : _a.replyList) {
return Array.from(new Set(((_c = (_b = this.current) == null ? void 0 : _b.replyList) == null ? void 0 : _c.map((v) => v.username)) ?? []));
}
return [];
}),
showConfig: this.showConfig
};
},
data() {
return {
loading: window.pageType === PageType.Post,
refreshLoading: false,
loadMore: false,
isLogin: !!window.user.username,
pageType: window.pageType,
isNight: window.isNight,
stopMe: window.stopMe,
//停止使用脚本
show: false,
current: window.clone(window.initPost),
list: [],
config: window.clone(window.config),
tags: window.user.tags,
configModal: {
show: false
},
notificationModal: {
show: false,
loading: false,
list: "",
total: 0
},
previewModal: {
show: false,
src: ""
},
popConfirmModal: {
show: false,
title: "",
id: ""
},
timer: -1,
timer2: -1,
pageInfo: {
title: "",
number: 0
}
};
},
computed: {
targetUserTags() {
return this.tags[window.targetUserName] ?? [];
},
isList() {
return [PageType.Home, PageType.Node].includes(this.pageType);
},
isPost() {
return this.pageType === PageType.Post;
},
isMember() {
return this.pageType === PageType.Member;
}
},
watch: {
config: {
handler(newVal, oldVal) {
let configStr = localStorage.getItem("v2ex-config");
if (configStr) {
let configObj = JSON.parse(configStr);
configObj[window.user.username || "default"] = newVal;
localStorage.setItem("v2ex-config", JSON.stringify(configObj));
}
window.config = newVal;
window.parse.editNoteItem(window.user.configPrefix + JSON.stringify(window.config), window.user.configNoteId);
},
deep: true
},
tags(newVal) {
window.user.tags = newVal;
},
"config.viewType"(newVal) {
if (!newVal)
return;
if (newVal === "card") {
$(".post-item").each(function() {
$(this).addClass("preview");
});
} else {
$(".post-item").each(function() {
$(this).removeClass("preview");
});
}
},
"pageInfo.number"(newVal) {
clearInterval(this.timer2);
if (newVal) {
document.title = `(${this.pageInfo.number}) ` + this.pageInfo.title;
if (this.config.notice.whenNewNoticeGlimmer) {
let c = 0;
this.timer2 = setInterval(() => {
c++;
document.title = this.pageInfo.title;
if (c % 2 === 0) {
document.title = `(${this.pageInfo.number}) ` + this.pageInfo.title;
}
}, 1e3);
}
} else {
document.title = this.pageInfo.title;
}
},
show(newVal) {
if (this.pageType === PageType.Post)
return;
if (newVal) {
document.body.style.overflow = "hidden";
if (!window.history.state) {
window.history.pushState({}, 0, this.current.href);
}
vue.nextTick(() => {
this.pageInfo.title = document.title = this.current.title ?? "V2EX";
});
} else {
document.body.style.overflow = "unset";
this.pageInfo.title = document.title = "V2EX";
if (window.history.state) {
window.history.back();
}
}
}
},
created() {
let that = this;
this.initEvent();
window.cb = this.winCb;
if (!window.canParseV2exPage)
return;
$(document).on("click", "a", this.clickA);
$(document).on("click", ".post-item", function(e2) {
if (e2.currentTarget.getAttribute("script"))
return;
if (that.stopMe)
return true;
if (this.classList.contains("preview")) {
if (e2.target.tagName !== "A" && e2.target.tagName !== "IMG" && !e2.target.classList.contains("toggle")) {
let id = this.dataset["id"];
let href = this.dataset["href"];
if (id) {
that.clickPost(e2, id, href);
} else {
if (href)
location.href = href;
}
}
}
});
$(document).on("click", ".toggle", (e2) => {
if (this.stopMe)
return true;
let id = e2.target.dataset["id"];
let itemDom = document.querySelector(`.id_${id}`);
if (itemDom.classList.contains("preview")) {
e2.target.innerText = "预览";
itemDom.classList.remove("preview");
} else {
if (this.config.viewType !== "card") {
let index = this.list.findIndex((v) => v.id == id);
if (index > -1) {
e2.target.innerText = "收起";
itemDom.classList.add("preview");
} else {
e2.target.innerText = "加载中";
functions.getPostDetailByApi(id).then((res) => {
if (res.content_rendered) {
res.href = itemDom.dataset["href"];
this.list.push(getDefaultPost(res));
itemDom.classList.add("preview");
e2.target.innerText = "收起";
functions.appendPostContent(res, itemDom);
} else {
e2.target.innerText = "预览";
eventBus.emit(CMD.SHOW_MSG, { type: "warning", text: "主题暂无正文!" });
}
});
}
} else {
e2.target.innerText = "收起";
itemDom.classList.add("preview");
}
}
});
window.onpopstate = (event) => {
if (event.state) {
if (!this.show)
this.show = true;
} else {
if (this.show)
this.show = false;
}
};
if (this.config.notice.takeOverNoticePage) {
window.deleteNotification = (nId, token) => {
let item = $("#n_" + nId);
item.slideUp("fast");
$.post({
url: "/delete/notification/" + nId + "?once=" + token,
success() {
$.get({
url: "/notifications/below/" + window.notificationBottom,
success(data, status, request) {
item.remove();
$("#notifications").append(that.checkReplyItemType(data));
window.notificationBottom = request.getResponseHeader("X-V2EX-New-Notification-Bottom");
},
error() {
item.slideDown("fast");
}
});
},
error() {
item.slideDown("fast");
}
});
};
}
},
mounted() {
},
beforeUnmount() {
clearInterval(this.timer);
eventBus.clear();
$(document).off("click", "a", this.clickA);
},
methods: {
checkReplyItemType(val) {
let d2 = $(val);
let str = d2.html();
if (str.includes("提到了你") || str.includes("回复了你")) {
d2.addClass("reply");
}
if (str.includes("感谢了你")) {
d2.addClass("star");
}
if (str.includes("收藏了你")) {
d2.addClass("collect");
}
return d2;
},
async getUnreadMessagesCount() {
var _a, _b;
const res = await fetch(`${location.origin}/mission`);
const htmlText = await res.text();
const $page = $(htmlText);
const text = $page.find('#Rightbar a[href^="/notifications"]').text();
if (text.includes("未读提醒")) {
const countStr = (_a = text.match(/\d+/)) == null ? void 0 : _a.at(0);
if (countStr) {
return Number((_b = text.match(/\d+/)) == null ? void 0 : _b.at(0));
}
} else {
return 0;
}
throw new Error("无法获取未读消息数量");
},
clickA(e2) {
let that = this;
if (e2.currentTarget.getAttribute("script"))
return;
if (that.stopMe)
return true;
let { pageType } = functions.checkPageType(e2.currentTarget);
let { href, id, title } = functions.parseA(e2.currentTarget);
switch (pageType) {
case PageType.Post:
if (id) {
that.clickPost(e2, id, href, title);
}
break;
case PageType.Node:
case PageType.Home:
case PageType.Changes:
return;
default:
if (e2.currentTarget.href.includes("/settings/night/toggle"))
return;
if (e2.currentTarget.href === location.origin + "/#;")
return;
if (e2.currentTarget.href.includes("/notifications")) {
this.pageInfo.number = 0;
$("#money").parent().prev().replaceWith(`0 未读提醒`);
if (this.config.notice.takeOverNoticePage) {
this.notificationModal.loading = true;
this.notificationModal.show = true;
fetch(href).then(async (r2) => {
let htmlText = await r2.text();
let bodyText = htmlText.match(/