// ==UserScript==
// @name 【移动端】百度系优化
// @namespace https://github.com/WhiteSevs/TamperMonkeyScript
// @version 2025.7.7
// @author WhiteSevs
// @description 用于【移动端】的百度系列产品优化，包括【百度搜索】、【百家号】、【百度贴吧】、【百度文库】、【百度经验】、【百度百科】、【百度知道】、【百度翻译】、【百度图片】、【百度地图】、【百度好看视频】、【百度爱企查】、【百度问题】、【百度识图】等
// @license GPL-3.0-only
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABZlJREFUeF7VW+1x2zAMhdpkjjobeIM2kzT+HfeuG6TeoHdNfsedpM4G3iDpHO1VDUjJIimC+CB1bvXTlkTwEQQeHqEOFrrWn/ob6OEjAHyAHl6ggxcA2B3vu8NCQ5pe25meKjy0/tyv4Dc8uonnrg42x2/dXjvuAOjq9b2HliC2B2Db/yAnP85aAcI6/74DXMDm+LVDr6q6mgKw3vZfAOBOZNEFXJUmwHoSDsK8Q2JHMwAGg58lgw73YDxAwLIXsfLzeytBaAeAZvXHaRDGqzzJB1YSSG5B2gFw2z++RvobbsDo/wwABk8CUMSU1L52AEiC33z0WUZQrr5/Yw/740O3UYE/3NwSgF5tQLJyptX3ALwcH7or9fivxKQJABWGRyu33vbIHTCNqq/jfWeai+mhnHXr2/4ZOkCiIr8S1zW5/7/gAWiDCYAkgv/fAFiCIMB1SGvXlkzi/Q3p8bXc9aY7W24BdRpM9+3A97GO0F5mLiACYAhOziiqEFEHsEzkNgFQkQFwPkUAnEtiVRcGN1/afocL2KdcXhkHZqtmzCbm1S8CIODis4rMeUEPuBXK2aCwaioQK1efBEAcjdEbLuE69AT2WcZo5VaKgqg2cGQBMLjh3JWxMEI1aO4JqAaxqhALorfcJKykIM1igGjwOdSzlRiAxOLovZPE3sCTRgkqbCcSRBdEPTFaOQkOvY2R4CIADKvvoagoRji3HWzCCa3gLRxyIgoTew4YtCnwYwC8kGnJw5geRSmVm7D2f3Hq7GEPl7BLAYwBsIgao8WVyox24o5+ewG2SoVKAeAFTcrScwBgoc6JnTEAlhee0wO2vV6DSOJVMwAsMcC58HBpJW6D+0++G3hBmxigYGQuaP2BuyxHKETrdOcZ07V/DQmAPQuw5aiAWo9zFB16VAEQkKg5EbIoO4w0rZj8yCuQOO1KxKlCO4hYZBMmSO1/0elOKf8VMstiALj8qvMCshxVr3wKRqbYGm+pAiBQorLsza3cL/jBlrUFKapqj4ZAECCIGWDGw0KPJelrkV97UWRDqkN6hsYRwVzFaZPQk4zF8vehPkeh4x1WdGhpMTjJvYebdPr/HATdVh3fF72HBUBrZfW+Lw8YGW+KAyUqrJ1shpyUaom0NSbfQcIZEUxAEauyq48/NvMAZjUiolRFY5OgqAAhS9aaACBw+3YA4LLltMixKcurQZMoizoAUmxCGaoGQDB5NHmG/tpSycXbQ0SZuR1lBkDJ8pYAwAFb2yxlAkA5+aU8YKobEmmeW/XwfzUAQt0+jfhPaR9Pgy0wzaNAmTkwVAAUJ++l72IFFxoTAHBwQW264qO48XcMZgMRcz+NXajxcqrPCsQAMCvP6gEZzuDlrISYkOk0baehBFzlgYkIgGLeNp4JnDygNQAeafGBqQwAqvmBkMJOhxnBsqd5eGEAxCCwADBlba5AyTVK0GlwGQ/w0Auk+nJ/QKmszTU40Acr5wFA0DpTBqB0UpQHgNLpzwUA6wUcAHR1lwDAFDjnA4AJiBwA9MlLCkC5yfGcABRTNC2JcbJWbgvQCs35AGAObeweoCExpWpwySwwlM6lPuIyALzmFktUtB4o9wDq6EzKBFPKWekB/HF5rucf40HSWkcSIYK6hr2JOKfM89LPc2wxAAcVafvGSiw4fDHV9CLbBLSYJ0KSAxIDCMnp0y7XeFkqZaUAcMf2PBXWNU24hqSkvKXmkX4XgBoCnjvIPqz0bXjcJzpsUcQDsNxBB6dV1P9fWwuMFjh3yzc+1hu53BvY1cehWQ8IQJD1AS83Ic2bxQKNGACXFVpsB5S2xquDn8GssKM01vQ1U57uFa38ZIJhkNOBqW+DnXeGD22q7tWjjkd0eabDB2IKHp1pQFFnEtUWMODU7JETKUJyNQLuP8f3n8xVfJL/F9CfBX10dPIcAAAAAElFTkSuQmCC
// @supportURL https://github.com/WhiteSevs/TamperMonkeyScript/issues
// @match *://*.baidu.com/*
// @match *://www.tieba.com/*
// @match *://jump2.bdimg.com/*
// @match *://uf9kyh.smartapps.cn/*
// @require https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@86be74b83fca4fa47521cded28377b35e1d7d2ac/lib/CoverUMD/index.js
// @require https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@86be74b83fca4fa47521cded28377b35e1d7d2ac/lib/showdown/index.js
// @require https://fastly.jsdelivr.net/npm/@whitesev/[email protected]/dist/index.umd.js
// @require https://fastly.jsdelivr.net/npm/@whitesev/[email protected]/dist/index.umd.js
// @require https://fastly.jsdelivr.net/npm/@whitesev/[email protected]/dist/index.umd.js
// @require https://fastly.jsdelivr.net/npm/[email protected]/dist/index.umd.js
// @require https://fastly.jsdelivr.net/npm/[email protected]/dist/viewer.min.js
// @require https://fastly.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js
// @require https://fastly.jsdelivr.net/npm/[email protected]/lib/index.iife.min.js
// @require https://fastly.jsdelivr.net/npm/[email protected]/dist/pinia.iife.prod.js
// @require https://fastly.jsdelivr.net/npm/[email protected]/dist/vue-router.global.js
// @require https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@65efdb49ed44cb013f4dbf250db1ab5ad4fbc4d0/lib/Element-Plus/index.js
// @require https://fastly.jsdelivr.net/npm/@element-plus/[email protected]/dist/index.iife.min.js
// @resource ElementPlusResourceCSS https://fastly.jsdelivr.net/npm/[email protected]/dist/index.min.css
// @resource ViewerCSS https://fastly.jsdelivr.net/npm/[email protected]/dist/viewer.min.css
// @connect *
// @connect www.baidu.com
// @connect m.baidu.com
// @connect tieba.baidu.com
// @connect www.tieba.com
// @connect baike.baidu.com
// @connect chat.baidu.com
// @connect chat-ws.baidu.com
// @connect wappass.baidu.com
// @connect tiebaswan.baidu.com
// @grant GM_addStyle
// @grant GM_deleteValue
// @grant GM_getResourceText
// @grant GM_getValue
// @grant GM_info
// @grant GM_registerMenuCommand
// @grant GM_setValue
// @grant GM_unregisterMenuCommand
// @grant GM_xmlhttpRequest
// @grant unsafeWindow
// @run-at document-start
// ==/UserScript==
(e=>{function o(t){if(typeof t!="string")throw new TypeError("cssText must be a string");let l=document.createElement("style");return l.setAttribute("type","text/css"),l.innerHTML=t,document.head?document.head.appendChild(l):document.body?document.body.appendChild(l):document.documentElement.childNodes.length===0?document.documentElement.appendChild(l):document.documentElement.insertBefore(l,document.documentElement.childNodes[0]),l}if(typeof GM_addStyle=="function"){GM_addStyle(e);return}o(e)})(' @charset "UTF-8";#small-toolbar[data-v-bd816662]{position:fixed;bottom:0;width:100%;background:#fff;height:.56rem;display:flex;align-items:center;z-index:1000}#small-toolbar .icon[data-v-bd816662]{width:.2rem;height:.2rem}#small-toolbar #reply-editor[data-v-bd816662]{flex:1}#small-toolbar .small-editor-toolbar[data-v-bd816662]{flex:1;margin:10px 15px;width:100%;font-size:.16rem;line-height:.16rem;display:flex;align-items:center;position:relative}#small-toolbar .small-editor-toolbar .small-editor-toolbar-input[data-v-bd816662]{width:100%;background:#e9e9e9;border-radius:.06rem;padding:.06rem;border:0;outline:none;font-size:.14rem;line-height:.14rem;cursor:default}#small-toolbar .small-editor-toolbar .small-editor-toolbar-emoji-btn[data-v-bd816662]{position:absolute;top:50%;right:.06rem;transform:translateY(-50%)}#small-toolbar .small-editor-toolbar .small-editor-toolbar-input[data-v-bd816662]:focus,#small-toolbar .small-editor-toolbar .small-editor-toolbar-input[data-v-bd816662]:visited,#small-toolbar .small-editor-toolbar .small-editor-toolbar-input[data-v-bd816662]:focus-within,#small-toolbar .small-editor-toolbar .small-editor-toolbar-input[data-v-bd816662]:focus-visible{border:0;outline:none}#small-toolbar .gm-reply-other-toolbar[data-v-bd816662]{flex:0 auto;display:flex;align-items:safe center}#small-toolbar .gm-reply-other-toolbar .reply-comment-count[data-v-bd816662],#small-toolbar .gm-reply-other-toolbar .reply-good-count[data-v-bd816662]{padding:8px;display:flex;flex-direction:column;align-items:center}#small-toolbar .gm-reply-other-toolbar .reply-comment-count p.text[data-v-bd816662],#small-toolbar .gm-reply-other-toolbar .reply-good-count p.text[data-v-bd816662]{font-size:.1rem}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:rgb(121.3,187.1,255);--el-color-primary-light-5:rgb(159.5,206.5,255);--el-color-primary-light-7:rgb(197.7,225.9,255);--el-color-primary-light-8:rgb(216.8,235.6,255);--el-color-primary-light-9:rgb(235.9,245.3,255);--el-color-primary-dark-2:rgb(51.2,126.4,204);--el-color-success:#67c23a;--el-color-success-light-3:rgb(148.6,212.3,117.1);--el-color-success-light-5:rgb(179,224.5,156.5);--el-color-success-light-7:rgb(209.4,236.7,195.9);--el-color-success-light-8:rgb(224.6,242.8,215.6);--el-color-success-light-9:rgb(239.8,248.9,235.3);--el-color-success-dark-2:rgb(82.4,155.2,46.4);--el-color-warning:#e6a23c;--el-color-warning-light-3:rgb(237.5,189.9,118.5);--el-color-warning-light-5:rgb(242.5,208.5,157.5);--el-color-warning-light-7:rgb(247.5,227.1,196.5);--el-color-warning-light-8:rgb(250,236.4,216);--el-color-warning-light-9:rgb(252.5,245.7,235.5);--el-color-warning-dark-2:rgb(184,129.6,48);--el-color-danger:#f56c6c;--el-color-danger-light-3:rgb(248,152.1,152.1);--el-color-danger-light-5:rgb(250,181.5,181.5);--el-color-danger-light-7:rgb(252,210.9,210.9);--el-color-danger-light-8:rgb(253,225.6,225.6);--el-color-danger-light-9:rgb(254,240.3,240.3);--el-color-danger-dark-2:rgb(196,86.4,86.4);--el-color-error:#f56c6c;--el-color-error-light-3:rgb(248,152.1,152.1);--el-color-error-light-5:rgb(250,181.5,181.5);--el-color-error-light-7:rgb(252,210.9,210.9);--el-color-error-light-8:rgb(253,225.6,225.6);--el-color-error-light-9:rgb(254,240.3,240.3);--el-color-error-dark-2:rgb(196,86.4,86.4);--el-color-info:#909399;--el-color-info-light-3:rgb(177.3,179.4,183.6);--el-color-info-light-5:rgb(199.5,201,204);--el-color-info-light-7:rgb(221.7,222.6,224.4);--el-color-info-light-8:rgb(232.8,233.4,234.6);--el-color-info-light-9:rgb(243.9,244.2,244.8);--el-color-info-dark-2:rgb(115.2,117.6,122.4);--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:rgba(255,255,255,.9);--el-mask-color-extra-light:rgba(255,255,255,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;outline:none;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.el-row{box-sizing:border-box;display:flex;flex-wrap:wrap;position:relative}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-justify-space-evenly{justify-content:space-evenly}.el-row.is-align-top{align-items:flex-start}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}[class*=el-col-]{box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0{flex:0 0 0%;max-width:0}.el-col-0,.el-col-0.is-guttered{display:none}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{left:0;position:relative}.el-col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-1,.el-col-1.is-guttered{display:block}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{left:4.1666666667%;position:relative}.el-col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-2,.el-col-2.is-guttered{display:block}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{left:8.3333333333%;position:relative}.el-col-3{flex:0 0 12.5%;max-width:12.5%}.el-col-3,.el-col-3.is-guttered{display:block}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{left:12.5%;position:relative}.el-col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-4,.el-col-4.is-guttered{display:block}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{left:16.6666666667%;position:relative}.el-col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-5,.el-col-5.is-guttered{display:block}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{left:20.8333333333%;position:relative}.el-col-6{flex:0 0 25%;max-width:25%}.el-col-6,.el-col-6.is-guttered{display:block}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{left:25%;position:relative}.el-col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-7,.el-col-7.is-guttered{display:block}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{left:29.1666666667%;position:relative}.el-col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-8,.el-col-8.is-guttered{display:block}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{left:33.3333333333%;position:relative}.el-col-9{flex:0 0 37.5%;max-width:37.5%}.el-col-9,.el-col-9.is-guttered{display:block}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{left:37.5%;position:relative}.el-col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-10,.el-col-10.is-guttered{display:block}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{left:41.6666666667%;position:relative}.el-col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-11,.el-col-11.is-guttered{display:block}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{left:45.8333333333%;position:relative}.el-col-12{flex:0 0 50%;max-width:50%}.el-col-12,.el-col-12.is-guttered{display:block}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%;position:relative}.el-col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-13,.el-col-13.is-guttered{display:block}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{left:54.1666666667%;position:relative}.el-col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-14,.el-col-14.is-guttered{display:block}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{left:58.3333333333%;position:relative}.el-col-15{flex:0 0 62.5%;max-width:62.5%}.el-col-15,.el-col-15.is-guttered{display:block}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{left:62.5%;position:relative}.el-col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-16,.el-col-16.is-guttered{display:block}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{left:66.6666666667%;position:relative}.el-col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-17,.el-col-17.is-guttered{display:block}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{left:70.8333333333%;position:relative}.el-col-18{flex:0 0 75%;max-width:75%}.el-col-18,.el-col-18.is-guttered{display:block}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{left:75%;position:relative}.el-col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-19,.el-col-19.is-guttered{display:block}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{left:79.1666666667%;position:relative}.el-col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-20,.el-col-20.is-guttered{display:block}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{left:83.3333333333%;position:relative}.el-col-21{flex:0 0 87.5%;max-width:87.5%}.el-col-21,.el-col-21.is-guttered{display:block}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{left:87.5%;position:relative}.el-col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-22,.el-col-22.is-guttered{display:block}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{left:91.6666666667%;position:relative}.el-col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-23,.el-col-23.is-guttered{display:block}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{left:95.8333333333%;position:relative}.el-col-24{flex:0 0 100%;max-width:100%}.el-col-24,.el-col-24.is-guttered{display:block}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{left:100%;position:relative}@media only screen and (max-width:767px){.el-col-xs-0{display:none;flex:0 0 0%;max-width:0}.el-col-xs-0.is-guttered{display:none}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{left:0;position:relative}.el-col-xs-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xs-1,.el-col-xs-1.is-guttered{display:block}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{left:4.1666666667%;position:relative}.el-col-xs-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xs-2,.el-col-xs-2.is-guttered{display:block}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{left:8.3333333333%;position:relative}.el-col-xs-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xs-3,.el-col-xs-3.is-guttered{display:block}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{left:12.5%;position:relative}.el-col-xs-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xs-4,.el-col-xs-4.is-guttered{display:block}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{left:16.6666666667%;position:relative}.el-col-xs-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xs-5,.el-col-xs-5.is-guttered{display:block}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{left:20.8333333333%;position:relative}.el-col-xs-6{flex:0 0 25%;max-width:25%}.el-col-xs-6,.el-col-xs-6.is-guttered{display:block}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{left:25%;position:relative}.el-col-xs-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xs-7,.el-col-xs-7.is-guttered{display:block}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{left:29.1666666667%;position:relative}.el-col-xs-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xs-8,.el-col-xs-8.is-guttered{display:block}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{left:33.3333333333%;position:relative}.el-col-xs-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xs-9,.el-col-xs-9.is-guttered{display:block}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{left:37.5%;position:relative}.el-col-xs-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xs-10.is-guttered{display:block}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{left:41.6666666667%;position:relative}.el-col-xs-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xs-11.is-guttered{display:block}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{left:45.8333333333%;position:relative}.el-col-xs-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xs-12.is-guttered{display:block}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{left:50%;position:relative}.el-col-xs-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xs-13.is-guttered{display:block}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{left:54.1666666667%;position:relative}.el-col-xs-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xs-14.is-guttered{display:block}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{left:58.3333333333%;position:relative}.el-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xs-15.is-guttered{display:block}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{left:62.5%;position:relative}.el-col-xs-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xs-16.is-guttered{display:block}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{left:66.6666666667%;position:relative}.el-col-xs-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xs-17.is-guttered{display:block}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{left:70.8333333333%;position:relative}.el-col-xs-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xs-18.is-guttered{display:block}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{left:75%;position:relative}.el-col-xs-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xs-19.is-guttered{display:block}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{left:79.1666666667%;position:relative}.el-col-xs-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xs-20.is-guttered{display:block}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{left:83.3333333333%;position:relative}.el-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xs-21.is-guttered{display:block}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{left:87.5%;position:relative}.el-col-xs-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xs-22.is-guttered{display:block}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{left:91.6666666667%;position:relative}.el-col-xs-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xs-23.is-guttered{display:block}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{left:95.8333333333%;position:relative}.el-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xs-24.is-guttered{display:block}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{left:100%;position:relative}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;flex:0 0 0%;max-width:0}.el-col-sm-0.is-guttered{display:none}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{left:0;position:relative}.el-col-sm-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-sm-1,.el-col-sm-1.is-guttered{display:block}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{left:4.1666666667%;position:relative}.el-col-sm-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-sm-2,.el-col-sm-2.is-guttered{display:block}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{left:8.3333333333%;position:relative}.el-col-sm-3{flex:0 0 12.5%;max-width:12.5%}.el-col-sm-3,.el-col-sm-3.is-guttered{display:block}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{left:12.5%;position:relative}.el-col-sm-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-sm-4,.el-col-sm-4.is-guttered{display:block}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{left:16.6666666667%;position:relative}.el-col-sm-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-sm-5,.el-col-sm-5.is-guttered{display:block}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{left:20.8333333333%;position:relative}.el-col-sm-6{flex:0 0 25%;max-width:25%}.el-col-sm-6,.el-col-sm-6.is-guttered{display:block}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{left:25%;position:relative}.el-col-sm-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-sm-7,.el-col-sm-7.is-guttered{display:block}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{left:29.1666666667%;position:relative}.el-col-sm-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-sm-8,.el-col-sm-8.is-guttered{display:block}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{left:33.3333333333%;position:relative}.el-col-sm-9{flex:0 0 37.5%;max-width:37.5%}.el-col-sm-9,.el-col-sm-9.is-guttered{display:block}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{left:37.5%;position:relative}.el-col-sm-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-sm-10.is-guttered{display:block}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{left:41.6666666667%;position:relative}.el-col-sm-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-sm-11.is-guttered{display:block}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{left:45.8333333333%;position:relative}.el-col-sm-12{display:block;flex:0 0 50%;max-width:50%}.el-col-sm-12.is-guttered{display:block}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{left:50%;position:relative}.el-col-sm-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-sm-13.is-guttered{display:block}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{left:54.1666666667%;position:relative}.el-col-sm-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-sm-14.is-guttered{display:block}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{left:58.3333333333%;position:relative}.el-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-sm-15.is-guttered{display:block}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{left:62.5%;position:relative}.el-col-sm-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-sm-16.is-guttered{display:block}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{left:66.6666666667%;position:relative}.el-col-sm-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-sm-17.is-guttered{display:block}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{left:70.8333333333%;position:relative}.el-col-sm-18{display:block;flex:0 0 75%;max-width:75%}.el-col-sm-18.is-guttered{display:block}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{left:75%;position:relative}.el-col-sm-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-sm-19.is-guttered{display:block}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{left:79.1666666667%;position:relative}.el-col-sm-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-sm-20.is-guttered{display:block}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{left:83.3333333333%;position:relative}.el-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-sm-21.is-guttered{display:block}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{left:87.5%;position:relative}.el-col-sm-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-sm-22.is-guttered{display:block}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{left:91.6666666667%;position:relative}.el-col-sm-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-sm-23.is-guttered{display:block}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{left:95.8333333333%;position:relative}.el-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.el-col-sm-24.is-guttered{display:block}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{left:100%;position:relative}}@media only screen and (min-width:992px){.el-col-md-0{display:none;flex:0 0 0%;max-width:0}.el-col-md-0.is-guttered{display:none}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{left:0;position:relative}.el-col-md-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-md-1,.el-col-md-1.is-guttered{display:block}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{left:4.1666666667%;position:relative}.el-col-md-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-md-2,.el-col-md-2.is-guttered{display:block}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{left:8.3333333333%;position:relative}.el-col-md-3{flex:0 0 12.5%;max-width:12.5%}.el-col-md-3,.el-col-md-3.is-guttered{display:block}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{left:12.5%;position:relative}.el-col-md-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-md-4,.el-col-md-4.is-guttered{display:block}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{left:16.6666666667%;position:relative}.el-col-md-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-md-5,.el-col-md-5.is-guttered{display:block}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{left:20.8333333333%;position:relative}.el-col-md-6{flex:0 0 25%;max-width:25%}.el-col-md-6,.el-col-md-6.is-guttered{display:block}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{left:25%;position:relative}.el-col-md-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-md-7,.el-col-md-7.is-guttered{display:block}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{left:29.1666666667%;position:relative}.el-col-md-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-md-8,.el-col-md-8.is-guttered{display:block}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{left:33.3333333333%;position:relative}.el-col-md-9{flex:0 0 37.5%;max-width:37.5%}.el-col-md-9,.el-col-md-9.is-guttered{display:block}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{left:37.5%;position:relative}.el-col-md-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-md-10.is-guttered{display:block}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{left:41.6666666667%;position:relative}.el-col-md-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-md-11.is-guttered{display:block}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{left:45.8333333333%;position:relative}.el-col-md-12{display:block;flex:0 0 50%;max-width:50%}.el-col-md-12.is-guttered{display:block}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{left:50%;position:relative}.el-col-md-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-md-13.is-guttered{display:block}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{left:54.1666666667%;position:relative}.el-col-md-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-md-14.is-guttered{display:block}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{left:58.3333333333%;position:relative}.el-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-md-15.is-guttered{display:block}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{left:62.5%;position:relative}.el-col-md-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-md-16.is-guttered{display:block}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{left:66.6666666667%;position:relative}.el-col-md-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-md-17.is-guttered{display:block}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{left:70.8333333333%;position:relative}.el-col-md-18{display:block;flex:0 0 75%;max-width:75%}.el-col-md-18.is-guttered{display:block}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{left:75%;position:relative}.el-col-md-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-md-19.is-guttered{display:block}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{left:79.1666666667%;position:relative}.el-col-md-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-md-20.is-guttered{display:block}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{left:83.3333333333%;position:relative}.el-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-md-21.is-guttered{display:block}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{left:87.5%;position:relative}.el-col-md-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-md-22.is-guttered{display:block}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{left:91.6666666667%;position:relative}.el-col-md-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-md-23.is-guttered{display:block}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{left:95.8333333333%;position:relative}.el-col-md-24{display:block;flex:0 0 100%;max-width:100%}.el-col-md-24.is-guttered{display:block}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{left:100%;position:relative}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;flex:0 0 0%;max-width:0}.el-col-lg-0.is-guttered{display:none}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{left:0;position:relative}.el-col-lg-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-lg-1,.el-col-lg-1.is-guttered{display:block}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{left:4.1666666667%;position:relative}.el-col-lg-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-lg-2,.el-col-lg-2.is-guttered{display:block}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{left:8.3333333333%;position:relative}.el-col-lg-3{flex:0 0 12.5%;max-width:12.5%}.el-col-lg-3,.el-col-lg-3.is-guttered{display:block}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{left:12.5%;position:relative}.el-col-lg-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-lg-4,.el-col-lg-4.is-guttered{display:block}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{left:16.6666666667%;position:relative}.el-col-lg-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-lg-5,.el-col-lg-5.is-guttered{display:block}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{left:20.8333333333%;position:relative}.el-col-lg-6{flex:0 0 25%;max-width:25%}.el-col-lg-6,.el-col-lg-6.is-guttered{display:block}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{left:25%;position:relative}.el-col-lg-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-lg-7,.el-col-lg-7.is-guttered{display:block}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{left:29.1666666667%;position:relative}.el-col-lg-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-lg-8,.el-col-lg-8.is-guttered{display:block}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{left:33.3333333333%;position:relative}.el-col-lg-9{flex:0 0 37.5%;max-width:37.5%}.el-col-lg-9,.el-col-lg-9.is-guttered{display:block}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{left:37.5%;position:relative}.el-col-lg-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-lg-10.is-guttered{display:block}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{left:41.6666666667%;position:relative}.el-col-lg-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-lg-11.is-guttered{display:block}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{left:45.8333333333%;position:relative}.el-col-lg-12{display:block;flex:0 0 50%;max-width:50%}.el-col-lg-12.is-guttered{display:block}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{left:50%;position:relative}.el-col-lg-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-lg-13.is-guttered{display:block}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{left:54.1666666667%;position:relative}.el-col-lg-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-lg-14.is-guttered{display:block}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{left:58.3333333333%;position:relative}.el-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-lg-15.is-guttered{display:block}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{left:62.5%;position:relative}.el-col-lg-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-lg-16.is-guttered{display:block}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{left:66.6666666667%;position:relative}.el-col-lg-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-lg-17.is-guttered{display:block}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{left:70.8333333333%;position:relative}.el-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.el-col-lg-18.is-guttered{display:block}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{left:75%;position:relative}.el-col-lg-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-lg-19.is-guttered{display:block}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{left:79.1666666667%;position:relative}.el-col-lg-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-lg-20.is-guttered{display:block}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{left:83.3333333333%;position:relative}.el-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-lg-21.is-guttered{display:block}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{left:87.5%;position:relative}.el-col-lg-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-lg-22.is-guttered{display:block}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{left:91.6666666667%;position:relative}.el-col-lg-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-lg-23.is-guttered{display:block}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{left:95.8333333333%;position:relative}.el-col-lg-24{display:block;flex:0 0 100%;max-width:100%}.el-col-lg-24.is-guttered{display:block}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{left:100%;position:relative}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;flex:0 0 0%;max-width:0}.el-col-xl-0.is-guttered{display:none}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{left:0;position:relative}.el-col-xl-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xl-1,.el-col-xl-1.is-guttered{display:block}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{left:4.1666666667%;position:relative}.el-col-xl-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xl-2,.el-col-xl-2.is-guttered{display:block}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{left:8.3333333333%;position:relative}.el-col-xl-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xl-3,.el-col-xl-3.is-guttered{display:block}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{left:12.5%;position:relative}.el-col-xl-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xl-4,.el-col-xl-4.is-guttered{display:block}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{left:16.6666666667%;position:relative}.el-col-xl-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xl-5,.el-col-xl-5.is-guttered{display:block}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{left:20.8333333333%;position:relative}.el-col-xl-6{flex:0 0 25%;max-width:25%}.el-col-xl-6,.el-col-xl-6.is-guttered{display:block}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{left:25%;position:relative}.el-col-xl-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xl-7,.el-col-xl-7.is-guttered{display:block}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{left:29.1666666667%;position:relative}.el-col-xl-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xl-8,.el-col-xl-8.is-guttered{display:block}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{left:33.3333333333%;position:relative}.el-col-xl-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xl-9,.el-col-xl-9.is-guttered{display:block}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{left:37.5%;position:relative}.el-col-xl-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xl-10.is-guttered{display:block}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{left:41.6666666667%;position:relative}.el-col-xl-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xl-11.is-guttered{display:block}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{left:45.8333333333%;position:relative}.el-col-xl-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xl-12.is-guttered{display:block}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{left:50%;position:relative}.el-col-xl-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xl-13.is-guttered{display:block}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{left:54.1666666667%;position:relative}.el-col-xl-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xl-14.is-guttered{display:block}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{left:58.3333333333%;position:relative}.el-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xl-15.is-guttered{display:block}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{left:62.5%;position:relative}.el-col-xl-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xl-16.is-guttered{display:block}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{left:66.6666666667%;position:relative}.el-col-xl-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xl-17.is-guttered{display:block}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{left:70.8333333333%;position:relative}.el-col-xl-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xl-18.is-guttered{display:block}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{left:75%;position:relative}.el-col-xl-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xl-19.is-guttered{display:block}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{left:79.1666666667%;position:relative}.el-col-xl-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xl-20.is-guttered{display:block}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{left:83.3333333333%;position:relative}.el-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xl-21.is-guttered{display:block}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{left:87.5%;position:relative}.el-col-xl-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xl-22.is-guttered{display:block}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{left:91.6666666667%;position:relative}.el-col-xl-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xl-23.is-guttered{display:block}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{left:95.8333333333%;position:relative}.el-col-xl-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xl-24.is-guttered{display:block}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{left:100%;position:relative}}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-text-color-secondary);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}#reply-editor .tiptap{width:100%;height:100%;outline:0!important;font-size:.16rem}.tiptap-input-image{width:.18rem;height:.18rem}#reply-editor[data-v-515fa91d]{overflow:auto;background-color:#e5e5e5;padding:.06rem;height:100%;border-radius:5px}.icon-active[data-v-16c51a10]{fill:#7557ff}#full-toolbar[data-v-16c51a10]{position:fixed;bottom:0;width:100%;background:#fff;display:flex;align-items:center;z-index:100099;flex-flow:column}#full-toolbar .full-toolbar-top-reply-user[data-v-16c51a10]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#adb5bd;width:-webkit-fill-available;width:-moz-available;padding-left:.2rem;padding-top:.06rem}#full-toolbar .full-toolbar-top-container[data-v-16c51a10]{display:flex;align-items:end;width:-moz-available;width:-webkit-fill-available;padding:.06rem .1rem;height:.6rem}#full-toolbar .full-toolbar-top-container .full-toolbar-top-left-container[data-v-16c51a10]{display:flex;flex-direction:column;flex:1;overflow:hidden;margin:0px .1rem;height:100%}#full-toolbar .full-toolbar-top-container .full-toolbar-top-right-container[data-v-16c51a10]{flex:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}#full-toolbar .full-toolbar-bottom-container[data-v-16c51a10]{margin:.06rem 0;padding:0px 0px .06rem;margin-right:auto}#full-toolbar .full-toolbar-bottom-container .full-toolbar-emoji-btn[data-v-16c51a10],#full-toolbar .full-toolbar-bottom-container .full-toolbar-panel-at-btn[data-v-16c51a10]{margin:0 20px;display:flex;flex-direction:column;align-items:center}#full-toolbar .emoji-panel[data-v-16c51a10]{width:100%;height:30vh;background-color:#efefef;overflow:auto}.emoji-panel-huaji[data-v-16c51a10]{padding:.03rem;overflow-y:auto}.emoji-panel-huaji .el-avatar[data-v-16c51a10]{margin:16px}#full-toolbar[data-v-16c51a10]:has(.full-toolbar-top-container[data-full=true]){height:-moz-available;height:100%;height:-webkit-fill-available}#full-toolbar:has(.full-toolbar-top-container[data-full=true]) .full-toolbar-top-container[data-v-16c51a10],#full-toolbar:has(.full-toolbar-top-container[data-full=true]) #reply-editor[data-v-16c51a10]{height:-moz-available;height:100%;height:-webkit-fill-available}#full-toolbar:has(.full-toolbar-top-container[data-full=true]) .full-toolbar-top-reply-user[data-v-16c51a10],#full-toolbar:has(.full-toolbar-top-container[data-full=true]) .full-toolbar-top-right-container[data-v-16c51a10]{display:none}#full-toolbar:has(.full-toolbar-top-container[data-full=true]) .full-toolbar-top-container[data-v-16c51a10]{flex-direction:column}#full-toolbar:has(.full-toolbar-top-container[data-full=true]) .full-toolbar-top-left-container[data-v-16c51a10]{width:-webkit-fill-available;width:-moz-available}.full-toolbar-top-nav-container[data-v-16c51a10]{display:flex;width:-webkit-fill-available;width:-moz-available;align-items:center;justify-content:space-between;padding:.16rem}#full-toolbar .full-toolbar-top-container{max-height:calc(100vh - .12rem - 40px)}#full-toolbar[data-show-bottom-panel=true] .full-toolbar-top-container{max-height:calc(70vh - .12rem - 40px)}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);inset:0;margin:0;position:absolute;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-container{box-sizing:border-box;display:flex;flex:1;flex-basis:auto;flex-direction:row;min-width:0}.el-container.is-vertical{flex-direction:column}.el-aside{box-sizing:border-box;flex-shrink:0;overflow:auto;width:var(--el-aside-width,300px)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height);padding:var(--el-footer-padding)}.el-header{--el-header-padding:0 20px;--el-header-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-header-height);padding:var(--el-header-padding)}.el-main{--el-main-padding:20px;box-sizing:border-box;display:block;flex:1;flex-basis:auto;overflow:auto;padding:var(--el-main-padding)}.el-tabs{--el-tabs-header-height:40px;display:flex}.el-tabs__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px;padding:0;position:relative}.el-tabs__header-vertical{flex-direction:column}.el-tabs__active-bar{background-color:var(--el-color-primary);bottom:0;height:2px;left:0;list-style:none;position:absolute;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);z-index:1}.el-tabs__new-tab{align-items:center;border:1px solid var(--el-border-color);border-radius:3px;color:var(--el-text-color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;line-height:20px;margin:10px 0 10px 10px;text-align:center;transition:all .15s;width:20px}.el-tabs__new-tab .is-icon-plus{height:inherit;transform:scale(.8);width:inherit}.el-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__new-tab-vertical{margin-left:0}.el-tabs__nav-wrap{flex:1 auto;margin-bottom:-1px;overflow:hidden;position:relative}.el-tabs__nav-wrap:after{background-color:var(--el-border-color-light);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:var(--el-index-normal)}.el-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;line-height:44px;position:absolute;text-align:center;width:20px}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{display:flex;float:left;height:var(--el-tabs-header-height);position:relative;transition:transform var(--el-transition-duration);white-space:nowrap;z-index:calc(var(--el-index-normal) + 1)}.el-tabs__nav.is-stretch{display:flex;min-width:100%}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{align-items:center;box-sizing:border-box;color:var(--el-text-color-primary);display:flex;font-size:var(--el-font-size-base);font-weight:500;height:var(--el-tabs-header-height);justify-content:center;list-style:none;padding:0 20px;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:none}.el-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--el-color-primary) inset}.el-tabs__item .is-icon-close{border-radius:50%;margin-left:5px;text-align:center;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs__item .is-icon-close:before{display:inline-block;transform:scale(.9)}.el-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#fff}.el-tabs__item.is-active,.el-tabs__item:hover{color:var(--el-color-primary)}.el-tabs__item:hover{cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-tabs__content{flex-grow:1;overflow:hidden;position:relative}.el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top>.el-tabs__header .el-tabs__item:last-child{padding-right:0}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light);height:var(--el-tabs-header-height)}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close{font-size:12px;height:14px;overflow:hidden;position:relative;right:-2px;transform-origin:100% 50%;width:0}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:var(--el-bg-color)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close{width:14px}.el-tabs--border-card{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{border:1px solid transparent;color:var(--el-text-color-secondary);margin-top:-1px;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:var(--el-bg-color-overlay);border-left-color:var(--el-border-color);border-right-color:var(--el-border-color);color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom{flex-direction:column}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-bottom:0;margin-top:-1px}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{bottom:auto;height:auto;top:0;width:2px}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{cursor:pointer;height:30px;line-height:30px;text-align:center;width:100%}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotate(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{bottom:0;right:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after{bottom:auto;height:100%;top:0;width:2px}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{flex-direction:column}.el-tabs--left .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-left{justify-content:flex-end}.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-right{justify-content:flex-start}.el-tabs--left{flex-direction:row}.el-tabs--left .el-tabs__header.is-left{margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left:after{left:auto;right:0}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-bottom:none;border-left:none;border-right:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:none;border-right:1px solid #fff}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-radius:4px 0 0 4px;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid var(--el-border-color)}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--left>.el-tabs__content+.el-tabs__header{order:-1}.el-tabs--right .el-tabs__header.is-right{margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right:after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:1px solid #fff;border-right:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-left:none;border-radius:0 4px 4px 0}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid var(--el-border-color)}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--top{flex-direction:column}.el-tabs--top>.el-tabs__content+.el-tabs__header{order:-1}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{animation:slideInRight-leave var(--el-transition-duration);left:0;position:absolute;right:0}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{animation:slideInLeft-leave var(--el-transition-duration);left:0;position:absolute;right:0}@keyframes slideInRight-enter{0%{opacity:0;transform:translate(100%);transform-origin:0 0}to{opacity:1;transform:translate(0);transform-origin:0 0}}@keyframes slideInRight-leave{0%{opacity:1;transform:translate(0);transform-origin:0 0}to{opacity:0;transform:translate(100%);transform-origin:0 0}}@keyframes slideInLeft-enter{0%{opacity:0;transform:translate(-100%);transform-origin:0 0}to{opacity:1;transform:translate(0);transform-origin:0 0}}@keyframes slideInLeft-leave{0%{opacity:1;transform:translate(0);transform-origin:0 0}to{opacity:0;transform:translate(-100%);transform-origin:0 0}}.el-space{display:inline-flex;vertical-align:top}.el-space__item{display:flex;flex-wrap:wrap}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);align-items:center;color:var(--el-link-text-color);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle}.el-link.is-hover-underline:hover:after{border-bottom:1px solid var(--el-link-hover-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link.is-underline:after{border-bottom:1px solid var(--el-link-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link:hover:after{border-color:var(--el-link-hover-text-color)}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link__inner{align-items:center;display:inline-flex;justify-content:center}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link.is-disabled:after{border-color:var(--el-link-disabled-text-color)}.el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translate(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular);align-self:center;color:var(--el-text-color);font-size:var(--el-text-font-size);margin:0;overflow-wrap:break-word;padding:0}.el-text.is-truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.el-backtop{--el-backtop-bg-color:var(--el-bg-color-overlay);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);align-items:center;background-color:var(--el-backtop-bg-color);border-radius:50%;box-shadow:var(--el-box-shadow-lighter);color:var(--el-backtop-text-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;width:40px;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{height:100%;width:100%}.el-image{display:inline-block;overflow:hidden;position:relative}.el-image__inner{opacity:1;vertical-align:top}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{left:0;position:absolute;top:0}.el-image__error,.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{align-items:center;color:var(--el-text-color-placeholder);display:flex;font-size:14px;justify-content:center;vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{inset:0;position:fixed}.el-image-viewer__wrapper:focus{outline:none!important}.el-image-viewer__btn{align-items:center;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;opacity:.8;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.el-image-viewer__btn .el-icon{cursor:pointer}.el-image-viewer__close{font-size:40px;height:40px;right:40px;top:40px;width:40px}.el-image-viewer__canvas{align-items:center;display:flex;height:100%;justify-content:center;position:static;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;bottom:30px;height:44px;left:50%;padding:0 23px;transform:translate(-50%)}.el-image-viewer__actions__inner{align-items:center;color:#fff;cursor:default;display:flex;font-size:23px;gap:22px;height:100%;justify-content:space-around;padding:0 6px;width:100%}.el-image-viewer__actions__divider{margin:0 -6px}.el-image-viewer__progress{bottom:90px;color:#fff;cursor:default;left:50%;transform:translate(-50%)}.el-image-viewer__prev{left:40px}.el-image-viewer__next,.el-image-viewer__prev{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;top:50%;transform:translateY(-50%);width:44px}.el-image-viewer__next{right:40px;text-indent:2px}.el-image-viewer__close{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;width:44px}.el-image-viewer__mask{background:#000;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-empty-padding);text-align:center}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:100%}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:100%;vertical-align:top;width:100%}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);margin:0}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-skeleton{--el-skeleton-color:var(--el-fill-color);--el-skeleton-to-color:var(--el-fill-color-darker)}@keyframes el-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{background:var(--el-skeleton-color);height:16px;margin-top:16px}.el-skeleton.is-animated .el-skeleton__item{animation:el-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%}.el-skeleton{--el-skeleton-circle-size:var(--el-avatar-size)}.el-skeleton__item{background:var(--el-skeleton-color);border-radius:var(--el-border-radius-base);display:inline-block;height:16px;width:100%}.el-skeleton__circle{border-radius:50%;height:var(--el-skeleton-circle-size);line-height:var(--el-skeleton-circle-size);width:var(--el-skeleton-circle-size)}.el-skeleton__button{border-radius:4px;height:40px;width:64px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{height:var(--el-font-size-small);width:100%}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{align-items:center;border-radius:0;display:flex;justify-content:center;width:unset}.el-skeleton__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:22%;width:22%}.posts-container-item[data-v-03f2f267]{width:-webkit-fill-available;width:-moz-available}.posts-item-title[data-v-03f2f267]{font-weight:700}.posts-item-title[data-v-03f2f267],.posts-item-content[data-v-03f2f267],.posts-item-media-container[data-v-03f2f267]{margin:10px 0}.posts-item-footer[data-v-03f2f267]{margin:15px 0 5px}.posts-item-footer .el-col[data-v-03f2f267]{text-align:center}.posts-item-footer-icon-container[data-v-03f2f267]{display:flex;align-items:center;justify-content:center;gap:0px 6px}.posts-item-right-user-info[data-v-03f2f267]{padding:0 10px}.posts-container[data-v-c87cf9db]{background:#f2f2f4;padding:10px}.posts-container-item[data-v-c87cf9db]{background:#fff;border-radius:12px;margin:10px 0;padding:10px}.posts-item-title[data-v-c87cf9db]{font-weight:700}.posts-item-title[data-v-c87cf9db],.posts-item-content[data-v-c87cf9db],.posts-item-media-container[data-v-c87cf9db]{margin:10px 0}.posts-item-footer[data-v-c87cf9db]{margin:15px 0 5px}.posts-item-footer .el-col[data-v-c87cf9db]{text-align:center}.posts-item-footer-icon-container[data-v-c87cf9db]{display:flex;align-items:center;justify-content:center;gap:0px 6px}.posts-item-right-user-info[data-v-c87cf9db]{padding:0 10px}.follow-forum-container[data-v-fc2491a8]{background:#f2f2f4;padding:10px}.follow-forum-list-container[data-v-fc2491a8]{background:#fff;border-radius:12px;margin:10px 0;padding:10px}.follow-forum-item[data-v-fc2491a8]{width:50%;max-width:50%;display:flex;align-items:flex-start;margin:10px 0}.follow-forum-avatar[data-v-fc2491a8]{border-radius:12px}.follow-forum-item-right-container[data-v-fc2491a8]{margin:0 10px;width:inherit;display:flex;flex-direction:column}.follow-forum-item-name[data-v-fc2491a8]{display:flex;align-items:center;width:-webkit-fill-available;width:-moz-available}.follow-forum-item-level[data-level][data-v-fc2491a8]{margin:5px;padding:2px;border-radius:3px;font-size:.6rem;line-height:.6rem;font-weight:700;text-align:center;background:var(--c4fc5984);color:var(--632896fa)}.follow-forum-item-level[data-level="0"][data-v-fc2491a8],.follow-forum-item-level[data-level="1"][data-v-fc2491a8],.follow-forum-item-level[data-level="2"][data-v-fc2491a8],.follow-forum-item-level[data-level="3"][data-v-fc2491a8]{background:var(--67c41881)}.follow-forum-item-level[data-level="4"][data-v-fc2491a8],.follow-forum-item-level[data-level="5"][data-v-fc2491a8],.follow-forum-item-level[data-level="6"][data-v-fc2491a8],.follow-forum-item-level[data-level="7"][data-v-fc2491a8],.follow-forum-item-level[data-level="8"][data-v-fc2491a8],.follow-forum-item-level[data-level="9"][data-v-fc2491a8]{background:var(--67c4278b)}.follow-forum-item-level[data-level="10"][data-v-fc2491a8],.follow-forum-item-level[data-level="11"][data-v-fc2491a8],.follow-forum-item-level[data-level="12"][data-v-fc2491a8],.follow-forum-item-level[data-level="13"][data-v-fc2491a8],.follow-forum-item-level[data-level="14"][data-v-fc2491a8],.follow-forum-item-level[data-level="15"][data-v-fc2491a8]{background:var(--f1cd3cbe)}.follow-forum-item-level[data-level="16"][data-v-fc2491a8],.follow-forum-item-level[data-level="17"][data-v-fc2491a8],.follow-forum-item-level[data-level="18"][data-v-fc2491a8]{background:var(--f1c7c844)}.follow-forum-item-info[data-v-fc2491a8]{word-wrap:break-word}#main[data-v-c9e3d74e]{z-index:1000;width:100%;height:100%}.big-text[data-v-c9e3d74e]{font-weight:700}.top-container[data-v-c9e3d74e]{width:-webkit-fill-available;width:-moz-available;padding:15px 15px 0}.user-info-bg[data-v-c9e3d74e]{width:100%;height:100px}.user-info-bg-main[data-v-c9e3d74e]{width:100%;height:160px;position:absolute;background:url(https://tb2.bdstatic.com/tb/mobile/suser/img/home_card_back_6cdfca5.jpg);background-size:100%;background-repeat:no-repeat}.user-avatar-top-background[data-v-c9e3d74e]{position:absolute;width:100%;height:40%;padding:0;margin:0;border-top-left-radius:12px;border-top-right-radius:12px;background:#fff;transform:translateY(100%)}.user-info-container[data-v-c9e3d74e]{padding:0 10px}.nav-left-arrow-icon[data-v-8128767d]{align-content:center;padding-left:0!important}.nav-title[data-v-8128767d]{font-weight:700;text-align:center;padding:10px}.user-avatar[data-v-8128767d]{text-align:center;padding-bottom:20px}.user-info-item[data-v-8128767d]{display:flex;padding:10px;flex-wrap:wrap}.user-desc-key[data-v-8128767d]{width:60px;display:block}.user-end-text[data-v-8128767d]{padding:0 20px}.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary);height:100%;overflow:hidden;position:relative}.el-scrollbar__wrap{height:100%;overflow:auto}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));border-radius:inherit;cursor:pointer;display:block;height:0;opacity:var(--el-scrollbar-opacity,.3);position:relative;transition:var(--el-transition-duration) background-color;width:0}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{border-radius:4px;bottom:2px;position:absolute;right:2px;z-index:1}.el-scrollbar__bar.is-vertical{top:2px;width:6px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.user-top[data-v-42d9f9f5]{height:40px;width:100%;position:relative}.top-left-arrow-icon[data-v-42d9f9f5]{align-content:center;padding-left:0!important}.top-title-name[data-v-42d9f9f5]{text-align:center;padding:10px}.user-main[data-v-42d9f9f5]{padding:0;position:absolute;inset:40px 0 0;width:100%;height:calc(100% - 40px)}.user-container[data-v-42d9f9f5]{padding:0 10px}.user-container .el-scrollbar__view[data-v-42d9f9f5]{height:100%}.user-item[data-v-42d9f9f5]{margin:10px 0}.user-item-row[data-v-42d9f9f5]{display:flex;align-items:center;justify-content:space-between}.user-item-row-center[data-v-42d9f9f5]{padding:0 10px}.user-name[data-v-42d9f9f5],.user-sign-text[data-v-42d9f9f5]{text-align:left}.user-sign-text[data-v-42d9f9f5]{color:#a2a2a2}.user-follow-btn[data-v-42d9f9f5]{float:right}.user-info[data-v-42d9f9f5]{display:grid}.user-item-row-left[data-v-42d9f9f5]{display:flex}.user-item-row-right[data-v-42d9f9f5]{float:right}.user-top[data-v-205eb1c6]{height:40px;width:100%;position:relative}.top-left-arrow-icon[data-v-205eb1c6]{align-content:center;padding-left:0!important}.top-title-name[data-v-205eb1c6]{text-align:center;padding:10px}.user-main[data-v-205eb1c6]{padding:0;position:absolute;inset:40px 0 0;width:100%;height:calc(100% - 40px)}.user-container[data-v-205eb1c6]{padding:0 10px}.user-container .el-scrollbar__view[data-v-205eb1c6]{height:100%}.user-item[data-v-205eb1c6]{margin:10px 0}.user-item-row[data-v-205eb1c6]{display:flex;align-items:center;justify-content:space-between}.user-item-row-center[data-v-205eb1c6]{padding:0 10px;align-content:center}.user-name[data-v-205eb1c6],.user-sign-text[data-v-205eb1c6]{text-align:left}.user-sign-text[data-v-205eb1c6]{color:#a2a2a2}.user-follow-btn[data-v-205eb1c6]{float:right}.user-info[data-v-205eb1c6]{display:grid}.user-item-row-left[data-v-205eb1c6]{display:flex}.user-item-row-right[data-v-205eb1c6]{float:right}.router-view-container[data-v-37c7691d]{padding:20px}.router-view-container .layout-item[data-v-37c7691d]{display:flex;align-items:center;gap:10px;padding:10px 0}.router-view-container .layout-icon img[data-v-37c7691d]{width:100%;height:100%}.router-view-container .layout-text[data-v-37c7691d]{flex:1}.post-list-item[data-v-449f473f]{display:flex;flex-direction:column;gap:10px;padding:10px 15px;border-bottom:5px solid #efefef}.post-list-item[data-v-449f473f]:last-child{border-bottom:0}.user-info[data-v-449f473f]{display:flex;align-items:center;gap:5px}.user-time[data-v-449f473f]{font-size:.8em;color:#999}.user-avatar img[data-v-449f473f]{width:35px;height:35px;border-radius:50%}.reply-content[data-v-449f473f]{font-size:.9em;color:#4a4a4a}.post-info[data-v-449f473f]{display:flex;align-items:center;background-color:#efefef;color:#434343;border-radius:6px}.post-info__inner[data-v-449f473f]{display:flex;align-items:center;height:100px;width:100%}.post-content[data-v-449f473f]{overflow:hidden;line-clamp:2;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;color:#545454;margin-left:5px}.post-image[data-v-449f473f]{width:100px;height:100px}.post-image img[data-v-449f473f]{width:inherit;height:inherit;border-radius:6px}.fname-text[data-v-449f473f]{color:#999}.bottom-msg[data-v-449f473f]{text-align:center;color:#999;padding:10px 0}.post-list-item[data-v-ec39056c]{display:flex;flex-direction:column;gap:10px;padding:10px 15px;border-bottom:5px solid #efefef}.post-list-item[data-v-ec39056c]:last-child{border-bottom:0}.user-info[data-v-ec39056c]{display:flex;align-items:center;gap:5px}.user-time[data-v-ec39056c]{font-size:.8em;color:#999}.user-avatar img[data-v-ec39056c]{width:35px;height:35px;border-radius:50%}.reply-content[data-v-ec39056c]{font-size:.9em;color:#4a4a4a}.post-info[data-v-ec39056c]{display:flex;align-items:center;background-color:#efefef;color:#434343;border-radius:6px}.post-info__inner[data-v-ec39056c]{display:flex;align-items:center;height:100px;width:100%}.post-content[data-v-ec39056c]{overflow:hidden;line-clamp:2;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;color:#545454;margin-left:5px}.post-info[data-v-ec39056c]:has(.quote-user){flex-direction:column;align-items:start;padding:10px;gap:10px}.post-info:has(.quote-user) .post-content[data-v-ec39056c]{flex:1;align-content:center;padding:0 10px;margin-left:0;background:#fff;height:inherit}.post-image[data-v-ec39056c]{width:100px;height:100px}.post-image img[data-v-ec39056c]{width:inherit;height:inherit;border-radius:6px}.fname-text[data-v-ec39056c]{color:#999}.bottom-msg[data-v-ec39056c],.bottom-msg[data-v-38eb1bd2]{text-align:center;color:#999;padding:10px 0}.user-top[data-v-3c912918]{--el-header-height: 40px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;background:#fff}.top-nav-container[data-v-3c912918]{align-items:center;width:100%}.top-title-name[data-v-3c912918]{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.main[data-v-3c912918]{padding:0;margin:40px 0 0} ');
(function (Qmsg, DOMUtils, Utils, pops, vue, Viewer, pinia, iconsVue, vueDemi, vueRouter, ElementPlus) {
'use strict';
var __getOwnPropNames = Object.getOwnPropertyNames;
var __commonJS = (cb, mod) => function __require() {
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var require_entrance_001 = __commonJS({
"entrance-Gv_oUOgJ.js"(exports, module) {
var _GM_deleteValue = /* @__PURE__ */ (() => typeof GM_deleteValue != "undefined" ? GM_deleteValue : void 0)();
var _GM_getResourceText = /* @__PURE__ */ (() => typeof GM_getResourceText != "undefined" ? GM_getResourceText : void 0)();
var _GM_getValue = /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)();
var _GM_info = /* @__PURE__ */ (() => typeof GM_info != "undefined" ? GM_info : void 0)();
var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)();
var _GM_setValue = /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)();
var _GM_unregisterMenuCommand = /* @__PURE__ */ (() => typeof GM_unregisterMenuCommand != "undefined" ? GM_unregisterMenuCommand : void 0)();
var _GM_xmlhttpRequest = /* @__PURE__ */ (() => typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0)();
var _unsafeWindow = /* @__PURE__ */ (() => typeof unsafeWindow != "undefined" ? unsafeWindow : void 0)();
var _monkeyWindow = /* @__PURE__ */ (() => window)();
const BaiduRouter = {
/**
* 百度搜索
*/
isSearch() {
return Boolean(
window.location.href.match(
/^http(s|):\/\/(m[0-9]{0,2}|www).baidu.com\/.*/g
)
);
},
/**
* 百度搜索 - /bh
* 百度健康
*/
isSearchBh() {
return Boolean(
this.isSearch() && window.location.pathname.startsWith("/bh")
);
},
/**
* 百度搜索 - /video/page
* 视频页
*/
isSearchVideo() {
return Boolean(
this.isSearch() && window.location.pathname.startsWith("/video/page")
);
},
/**
* 百度搜索主页
*/
isSearchHome() {
return Boolean(
window.location.href.match(
/^http(s|):\/\/(m[0-9]{0,2}|www).baidu.com\/$/g
) || window.location.href.match(
/^http(s|):\/\/(m[0-9]{0,2}|www).baidu.com\/(\?ref=|\?tn=|\?from=|#\/)/g
)
);
},
/**
* 百度搜索其它卡片搜索结果页面
* /sf/vsearch
* 例如：视频、笔记、贴吧、图片、资讯、问答、文库...等
*/
isSearchVSearch() {
return this.isSearch() && window.location.pathname.startsWith("/sf/vsearch");
},
/**
* 百度搜索其它卡片搜索结果页面
* 图片
* /sf/vsearch?pd=image_content
*/
isSearchVSearch_image_content() {
let searchParams = new URLSearchParams(window.location.search);
return this.isSearchVSearch() && searchParams.has("pd", "image_content");
},
/**
* 百度搜索其它卡片搜索结果页面
* 笔记
* /sf/vsearch?pd=note
*/
isSearchVSearch_note() {
let searchParams = new URLSearchParams(window.location.search);
return this.isSearchVSearch() && searchParams.has("pd", "note");
},
/**
* 百度搜索其它卡片搜索结果页面
* 问答
* /sf/vsearch?pd=wenda_tab
*/
isSearchWenDaTab() {
let searchParams = new URLSearchParams(window.location.search);
return this.isSearchVSearch() && searchParams.has("pd", "wenda_tab");
},
/**
* 百家号
*/
isBaiJiaHao() {
return Boolean(
window.location.href.match(/^http(s|):\/\/baijiahao.baidu.com/g)
);
},
/**
* 贴吧
*/
isTieBa() {
return Boolean(
window.location.href.match(
/^http(s|):\/\/(tieba|ala|static.tieba|nba|fexclick|youhua|tiebaswan).baidu.com/g
) || window.location.href.match(/^http(s|):\/\/(www.tieba|jump2.bdimg).com/g)
);
},
/**
* 贴吧 - 帖子
*/
isTieBaPost() {
return Boolean(
this.isTieBa() && window.location.pathname.startsWith("/p/")
);
},
/**
* 贴吧 - 热帖
*/
isTieBaNewTopic() {
return Boolean(
this.isTieBa() && window.location.pathname.startsWith("/mo/q/newtopic/topicTemplate")
);
},
/**
* 贴吧 - 热搜榜
*/
isTieBaHottopic() {
return Boolean(
this.isTieBa() && window.location.pathname.startsWith("/hottopic/browse/hottopic")
);
},
/**
* 贴吧 - 搜索结果界面
*/
isTieBaHybrid() {
return Boolean(
this.isTieBa() && window.location.pathname.startsWith("/mo/q/hybrid/search")
);
},
/**
* 贴吧 - 中转链接验证页面
*/
isTieBaCheckUrl() {
return Boolean(
this.isTieBa() && window.location.pathname.startsWith("/mo/q/checkurl")
);
},
/**
* 贴吧 - 吧内
*/
isTieBaNei() {
return Boolean(this.isTieBa() && window.location.pathname === "/f");
},
/**
* 贴吧 - 首页
*/
isTieBaIndex() {
return Boolean(
this.isTieBa() && window.location.pathname.startsWith("/index")
);
},
/**
* 贴吧 - 主页
*/
isTieBaHome() {
return Boolean(
this.isTieBa() && window.location.pathname.startsWith("/home/main")
);
},
/**
* 贴吧 - 合辑
*/
isTieBaCollectionCenter() {
return Boolean(
this.isTieBa() && window.location.pathname.startsWith(
"/mo/q/hybrid-main-user/collectionCenter"
)
);
},
/**
* 百度文库
*/
isWenKu() {
return Boolean(
window.location.href.match(/^http(s|):\/\/(wk|tanbi).baidu.com/g)
);
},
/**
* 百度经验
*/
isJingYan() {
return Boolean(
window.location.href.match(/^http(s|):\/\/jingyan.baidu.com/g)
);
},
/**
* 百度百科
*/
isBaiKe() {
return Boolean(
window.location.href.match(/^http(s|):\/\/(baike|wapbaike).baidu.com/g)
);
},
/**
* 百度百科 - 他说
*/
isBaiKeTaShuo() {
return Boolean(
this.isBaiKe() && window.location.pathname.startsWith("/tashuo")
);
},
/**
* 百度知道
*/
isZhiDao() {
return Boolean(
window.location.href.match(/^http(s|):\/\/zhidao.baidu.com/g)
);
},
/**
* 百度翻译
*/
isFanYi() {
return Boolean(
window.location.href.match(/^http(s|):\/\/fanyi.baidu.com/g)
);
},
/**
* 百度翻译 - App
*/
isFanYiApp() {
return Boolean(
window.location.href.match(/^http(s|):\/\/fanyi-app.baidu.com/g)
);
},
/**
* 百度图片
*/
isImage() {
return Boolean(
window.location.href.match(/^http(s|):\/\/image.baidu.com/g)
);
},
/**
* 百度地图
*/
isMap() {
return Boolean(window.location.href.match(/^http(s|):\/\/map.baidu.com/g));
},
/**
*
*/
isMbd() {
return Boolean(window.location.href.match(/^http(s|):\/\/mbd.baidu.com/g));
},
/**
* 百度好学
*/
isXue() {
return Boolean(window.location.href.match(/^http(s|):\/\/xue.baidu.com/g));
},
/**
* 爱企查
*/
isAiQiCha() {
return Boolean(
window.location.href.match(/^http(s|):\/\/aiqicha.baidu.com/g)
);
},
/**
* 百度网盟
*/
isPos() {
return Boolean(window.location.href.match(/^http(s|):\/\/pos.baidu.com/g));
},
/**
* 好看视频
*/
isHaoKan() {
return Boolean(
window.location.href.match(/^http(s|):\/\/haokan.baidu.com/g)
);
},
/**
* 百度图片搜索
*/
isGraph() {
return Boolean(
window.location.href.match(/^http(s|):\/\/graph.baidu.com/g)
);
},
/**
* 百度网盘
*/
isPan() {
return Boolean(window.location.href.match(/^http(s|):\/\/pan.baidu.com/g));
},
/**
* 文心一言
*/
isYiYan() {
return Boolean(
window.location.href.match(/^http(s|):\/\/yiyan.baidu.com/g)
);
},
/**
* 搜索AI伙伴
*/
isChat() {
return Boolean(window.location.href.match(/^http(s|):\/\/chat.baidu.com/g));
},
/**
* 百度教育
*/
isMiniJiaoYu() {
return Boolean(
window.location.href.match(/^http(s|):\/\/uf9kyh.smartapps.cn/g)
);
},
/**
* 百度教育
*/
isEasyLearn() {
return Boolean(
window.location.href.match(/^http(s|):\/\/easylearn.baidu.com/g)
);
},
/**
* 百度基木鱼
*/
isISite() {
return Boolean(
window.location.href.match(
/^http(s|):\/\/isite.baidu.com\/site\/wjz2tdly/g
)
);
},
/**
* 百度爱学
*/
isAiStudy() {
return Boolean(
window.location.href.match(/^http(s|):\/\/aistudy.baidu.com/g)
);
},
/**
* 贴吧 - 小程序
*/
isSmartApps_Tieba() {
return Boolean(window.location.hostname === "byokpg.smartapps.baidu.com");
}
};
const KEY = "GM_Panel";
const ATTRIBUTE_INIT = "data-init";
const ATTRIBUTE_KEY = "data-key";
const ATTRIBUTE_DEFAULT_VALUE = "data-default-value";
const ATTRIBUTE_INIT_MORE_VALUE = "data-init-more-value";
const PROPS_STORAGE_API = "data-storage-api";
const PanelUISize = {
/**
* 一般设置界面的尺寸
*/
setting: {
get width() {
if (window.innerWidth < 550) {
return "88vw";
} else if (window.innerWidth < 700) {
return "550px";
} else {
return "700px";
}
},
get height() {
if (window.innerHeight < 450) {
return "70vh";
} else if (window.innerHeight < 550) {
return "450px";
} else {
return "550px";
}
}
},
/**
* 信息界面，一般用于提示信息之类
*/
info: {
get width() {
return window.innerWidth < 350 ? "350px" : "350px";
},
get height() {
return window.innerHeight < 250 ? "250px" : "250px";
}
}
};
class StorageUtils {
/** 存储的键名 */
storageKey;
listenerData;
/**
* 存储的键名，可以是多层的，如：a.b.c
*
* 那就是
* {
* "a": {
* "b": {
* "c": {
* ...你的数据
* }
* }
* }
* }
* @param key
*/
constructor(key) {
if (typeof key === "string") {
let trimKey = key.trim();
if (trimKey == "") {
throw new Error("key参数不能为空字符串");
}
this.storageKey = trimKey;
} else {
throw new Error("key参数类型错误，必须是字符串");
}
this.listenerData = new Utils.Dictionary();
}
/**
* 获取本地值
*/
getLocalValue() {
let localValue = _GM_getValue(this.storageKey);
if (localValue == null) {
localValue = {};
this.setLocalValue(localValue);
}
return localValue;
}
/**
* 设置本地值
* @param value
*/
setLocalValue(value) {
_GM_setValue(this.storageKey, value);
}
/**
* 设置值
* @param key 键
* @param value 值
*/
set(key, value) {
let oldValue = this.get(key);
let localValue = this.getLocalValue();
Reflect.set(localValue, key, value);
this.setLocalValue(localValue);
this.triggerValueChangeListener(key, oldValue, value);
}
/**
* 获取值
* @param key 键
* @param defaultValue 默认值
*/
get(key, defaultValue) {
let localValue = this.getLocalValue();
return Reflect.get(localValue, key) ?? defaultValue;
}
/**
* 获取所有值
*/
getAll() {
let localValue = this.getLocalValue();
return localValue;
}
/**
* 删除值
* @param key 键
*/
delete(key) {
let oldValue = this.get(key);
let localValue = this.getLocalValue();
Reflect.deleteProperty(localValue, key);
this.setLocalValue(localValue);
this.triggerValueChangeListener(key, oldValue, void 0);
}
/**
* 判断是否存在该值
*/
has(key) {
let localValue = this.getLocalValue();
return Reflect.has(localValue, key);
}
/**
* 获取所有键
*/
keys() {
let localValue = this.getLocalValue();
return Reflect.ownKeys(localValue);
}
/**
* 获取所有值
*/
values() {
let localValue = this.getLocalValue();
return Reflect.ownKeys(localValue).map(
(key) => Reflect.get(localValue, key)
);
}
/**
* 清空所有值
*/
clear() {
_GM_deleteValue(this.storageKey);
}
/**
* 监听值改变
* + .set
* + .delete
* @param key 监听的键
* @param callback 值改变的回调函数
*/
addValueChangeListener(key, callback) {
let listenerId = Math.random();
let listenerData = this.listenerData.get(key) || [];
listenerData.push({
id: listenerId,
key,
callback
});
this.listenerData.set(key, listenerData);
return listenerId;
}
/**
* 移除监听
* @param listenerId 监听的id或键名
*/
removeValueChangeListener(listenerId) {
let flag = false;
for (const [key, listenerData] of this.listenerData.entries()) {
for (let index = 0; index < listenerData.length; index++) {
const value = listenerData[index];
if (typeof listenerId === "string" && value.key === listenerId || typeof listenerId === "number" && value.id === listenerId) {
listenerData.splice(index, 1);
index--;
flag = true;
}
}
this.listenerData.set(key, listenerData);
}
return flag;
}
/**
* 主动触发监听器
* @param key 键
* @param oldValue （可选）旧值
* @param newValue （可选）新值
*/
triggerValueChangeListener(key, oldValue, newValue) {
if (!this.listenerData.has(key)) {
return;
}
let listenerData = this.listenerData.get(key);
for (let index = 0; index < listenerData.length; index++) {
const data = listenerData[index];
if (typeof data.callback === "function") {
let value = this.get(key);
let __newValue;
let __oldValue;
if (typeof oldValue !== "undefined" && arguments.length >= 2) {
__oldValue = oldValue;
} else {
__oldValue = value;
}
if (typeof newValue !== "undefined" && arguments.length > 2) {
__newValue = newValue;
} else {
__newValue = value;
}
data.callback(key, __oldValue, __newValue);
}
}
}
}
const PopsPanelStorageApi = new StorageUtils(KEY);
const PanelContent = {
$data: {
/**
* @private
*/
__contentConfig: null,
get contentConfig() {
if (this.__contentConfig == null) {
this.__contentConfig = new utils.Dictionary();
}
return this.__contentConfig;
}
},
/**
* 设置所有配置项，用于初始化默认的值
*
* 如果是第一组添加的话，那么它默认就是设置菜单打开的配置
* @param configList 配置项
*/
addContentConfig(configList) {
if (!Array.isArray(configList)) {
configList = [configList];
}
let index = this.$data.contentConfig.keys().length;
this.$data.contentConfig.set(index, configList);
},
/**
* 获取所有的配置内容，用于初始化默认的值
*/
getAllContentConfig() {
return this.$data.contentConfig.values().flat();
},
/**
* 获取配置内容
* @param index 配置索引
*/
getConfig(index = 0) {
return this.$data.contentConfig.get(index) ?? [];
}
};
const PanelMenu = {
$data: {
__menuOption: [
{
key: "show_pops_panel_setting",
text: "⚙ 设置",
autoReload: false,
isStoreValue: false,
showText(text) {
return text;
},
callback: () => {
Panel.showPanel(PanelContent.getConfig(0));
}
}
],
get menuOption() {
return this.__menuOption;
}
},
init() {
this.initExtensionsMenu();
},
/**
* 初始化菜单项
*/
initExtensionsMenu() {
if (!Panel.isTopWindow()) {
return;
}
GM_Menu.add(this.$data.menuOption);
},
/**
* 添加菜单项
* @param option 菜单配置
*/
addMenuOption(option) {
if (!Array.isArray(option)) {
option = [option];
}
this.$data.menuOption.push(...option);
},
/**
* 更新菜单项
* @param option 菜单配置
*/
updateMenuOption(option) {
if (!Array.isArray(option)) {
option = [option];
}
option.forEach((optionItem) => {
let findIndex = this.$data.menuOption.findIndex((it) => {
return it.key === optionItem.key;
});
if (findIndex !== -1) {
this.$data.menuOption[findIndex] = optionItem;
}
});
},
/**
* 获取菜单项
* @param [index=0] 索引
*/
getMenuOption(index = 0) {
return this.$data.menuOption[index];
},
/**
* 删除菜单项
* @param [index=0] 索引
*/
deleteMenuOption(index = 0) {
this.$data.menuOption.splice(index, 1);
}
};
const Panel = {
/** 数据 */
$data: {
/**
* @private
*/
__configDefaultValueData: null,
/**
* @private
*/
__onceExecMenuData: null,
/**
* @private
*/
__onceExecData: null,
/**
* @private
*/
__panelConfig: {},
$panel: null,
/**
* 菜单项的默认值
*/
get configDefaultValueData() {
if (this.__configDefaultValueData == null) {
this.__configDefaultValueData = new utils.Dictionary();
}
return this.__configDefaultValueData;
},
/**
* 成功只执行了一次的项
*/
get onceExecMenuData() {
if (this.__onceExecMenuData == null) {
this.__onceExecMenuData = new utils.Dictionary();
}
return this.__onceExecMenuData;
},
/**
* 成功只执行了一次的项
*/
get onceExecData() {
if (this.__onceExecData == null) {
this.__onceExecData = new utils.Dictionary();
}
return this.__onceExecData;
},
/** 脚本名，一般用在设置的标题上 */
get scriptName() {
return SCRIPT_NAME;
},
/**
* pops.panel的默认配置
*/
get panelConfig() {
return this.__panelConfig;
},
set panelConfig(value) {
this.__panelConfig = value;
},
/** 菜单项的总值在本地数据配置的键名 */
key: KEY,
/** 菜单项在attributes上配置的菜单键 */
attributeKeyName: ATTRIBUTE_KEY,
/** 菜单项在attributes上配置的菜单默认值 */
attributeDefaultValueName: ATTRIBUTE_DEFAULT_VALUE
},
init() {
this.initContentDefaultValue();
PanelMenu.init();
},
/** 判断是否是顶层窗口 */
isTopWindow() {
return _unsafeWindow.top === _unsafeWindow.self;
},
/** 初始化菜单项的默认值保存到本地数据中 */
initContentDefaultValue() {
const initDefaultValue = (config) => {
if (!config.attributes) {
return;
}
if (config.type === "button" || config.type === "forms" || config.type === "deepMenu") {
return;
}
let needInitConfig = {};
let key = config.attributes[ATTRIBUTE_KEY];
if (key != null) {
needInitConfig[key] = config.attributes[ATTRIBUTE_DEFAULT_VALUE];
}
let __attr_init__ = config.attributes[ATTRIBUTE_INIT];
if (typeof __attr_init__ === "function") {
let __attr_result__ = __attr_init__();
if (typeof __attr_result__ === "boolean" && !__attr_result__) {
return;
}
}
let initMoreValue = config.attributes[ATTRIBUTE_INIT_MORE_VALUE];
if (initMoreValue && typeof initMoreValue === "object") {
Object.assign(needInitConfig, initMoreValue);
}
let needInitConfigList = Object.keys(needInitConfig);
if (!needInitConfigList.length) {
log.warn(["请先配置键", config]);
return;
}
needInitConfigList.forEach((__key) => {
let __defaultValue = needInitConfig[__key];
this.setDefaultValue(__key, __defaultValue);
});
};
const loopInitDefaultValue = (configList) => {
for (let index = 0; index < configList.length; index++) {
let configItem = configList[index];
initDefaultValue(configItem);
let childForms = configItem.forms;
if (childForms && Array.isArray(childForms)) {
loopInitDefaultValue(childForms);
}
}
};
const contentConfigList = [...PanelContent.getAllContentConfig()];
for (let index = 0; index < contentConfigList.length; index++) {
let leftContentConfigItem = contentConfigList[index];
if (!leftContentConfigItem.forms) {
continue;
}
const rightContentConfigList = leftContentConfigItem.forms;
if (rightContentConfigList && Array.isArray(rightContentConfigList)) {
loopInitDefaultValue(rightContentConfigList);
}
}
},
/**
* 设置初始化使用的默认值
*/
setDefaultValue(key, defaultValue) {
if (this.$data.configDefaultValueData.has(key)) {
log.warn("请检查该key(已存在): " + key);
}
this.$data.configDefaultValueData.set(key, defaultValue);
},
/**
* 设置值
* @param key 键
* @param value 值
*/
setValue(key, value) {
PopsPanelStorageApi.set(key, value);
},
/**
* 获取值
* @param key 键
* @param defaultValue 默认值
*/
getValue(key, defaultValue) {
let localValue = PopsPanelStorageApi.get(key);
if (localValue == null) {
if (this.$data.configDefaultValueData.has(key)) {
return this.$data.configDefaultValueData.get(key);
}
return defaultValue;
}
return localValue;
},
/**
* 删除值
* @param key 键
*/
deleteValue(key) {
PopsPanelStorageApi.delete(key);
},
/**
* 判断该键是否存在
* @param key 键
*/
hasKey(key) {
return PopsPanelStorageApi.has(key);
},
/**
* 监听调用setValue、deleteValue
* @param key 需要监听的键
* @param callback
*/
addValueChangeListener(key, callback) {
let listenerId = PopsPanelStorageApi.addValueChangeListener(
key,
(__key, __newValue, __oldValue) => {
callback(key, __oldValue, __newValue);
}
);
return listenerId;
},
/**
* 移除监听
* @param listenerId 监听的id
*/
removeValueChangeListener(listenerId) {
PopsPanelStorageApi.removeValueChangeListener(listenerId);
},
/**
* 主动触发菜单值改变的回调
* @param key 菜单键
* @param newValue 想要触发的新值，默认使用当前值
* @param oldValue 想要触发的旧值，默认使用当前值
*/
triggerMenuValueChange(key, newValue, oldValue) {
PopsPanelStorageApi.triggerValueChangeListener(key, oldValue, newValue);
},
/**
* 移除已执行的仅执行一次的菜单
* @param key 键
*/
deleteExecMenuOnce(key) {
this.$data.onceExecMenuData.delete(key);
let flag = PopsPanelStorageApi.removeValueChangeListener(key);
return flag;
},
/**
* 移除已执行的仅执行一次的菜单
* @param key 键
*/
deleteOnceExec(key) {
this.$data.onceExecData.delete(key);
},
/**
* 执行菜单
*
* @param queryKey 键|键数组
* @param callback 执行的回调函数
* @param checkExec 判断是否执行回调
*
* （默认）如果想要每个菜单是`与`关系，即每个菜单都判断为开启，那么就判断它们的值&就行
*
* 如果想要任意菜单存在true再执行，那么判断它们的值|就行
*
* + 返回值都为`true`，执行回调，如果回调返回了<style>元素，该元素会在监听到值改变时被移除掉
* + 返回值有一个为`false`，则不执行回调，且移除之前回调函数返回的<style>元素
* @param once 是否只执行一次，默认true
*
* + true （默认）只执行一次，且会监听键的值改变
* + false 不会监听键的值改变
*/
exec(queryKey, callback, checkExec, once = true) {
const that = this;
let queryKeyFn;
if (typeof queryKey === "string" || Array.isArray(queryKey)) {
queryKeyFn = () => queryKey;
} else {
queryKeyFn = queryKey;
}
let isArrayKey = false;
let queryKeyResult = queryKeyFn();
let keyList = [];
if (Array.isArray(queryKeyResult)) {
isArrayKey = true;
keyList = queryKeyResult;
} else {
keyList.push(queryKeyResult);
}
let findNotInDataKey = keyList.find(
(it) => !this.$data.configDefaultValueData.has(it)
);
if (findNotInDataKey) {
log.warn(`${findNotInDataKey} 键不存在`);
return;
}
let storageKey = JSON.stringify(keyList);
if (once) {
if (this.$data.onceExecMenuData.has(storageKey)) {
return;
}
this.$data.onceExecMenuData.set(storageKey, 1);
}
let storeValueList = [];
let listenerIdList = [];
let dynamicAddStyleNodeCallback = (value, $style) => {
let dynamicResultList = [];
if (!Array.isArray($style)) {
$style = [$style];
}
$style.forEach(($styleItem) => {
if ($styleItem == null) {
return;
}
if ($styleItem instanceof HTMLStyleElement) {
dynamicResultList.push($styleItem);
return;
}
});
{
storeValueList = storeValueList.concat(dynamicResultList);
}
};
let getMenuValue = (key) => {
let value = this.getValue(key);
return value;
};
let clearBeforeStoreValue = () => {
for (let index = 0; index < storeValueList.length; index++) {
let $css = storeValueList[index];
$css.remove();
storeValueList.splice(index, 1);
index--;
}
};
let checkMenuExec = () => {
let flag = false;
if (typeof checkExec === "function") {
flag = checkExec(keyList);
} else {
flag = keyList.every((key) => getMenuValue(key));
}
return flag;
};
let valueChangeCallback = (valueOption) => {
let execFlag = checkMenuExec();
let resultList = [];
if (execFlag) {
let valueList = keyList.map((key) => this.getValue(key));
let callbackResult = callback({
value: isArrayKey ? valueList : valueList[0],
addStyleElement: (...args) => {
return dynamicAddStyleNodeCallback(true, ...args);
}
});
if (!Array.isArray(callbackResult)) {
callbackResult = [callbackResult];
}
callbackResult.forEach((it) => {
if (it == null) {
return;
}
if (it instanceof HTMLStyleElement) {
resultList.push(it);
return;
}
});
}
clearBeforeStoreValue();
storeValueList = [...resultList];
};
once && keyList.forEach((key) => {
let listenerId = this.addValueChangeListener(
key,
(key2, newValue, oldValue) => {
valueChangeCallback();
}
);
listenerIdList.push(listenerId);
});
valueChangeCallback();
let result = {
/**
* 清空菜单执行情况
*
* + 清空存储的元素列表
* + 清空值改变的监听器
* + 清空存储的一次执行的键
*/
clear() {
this.clearStoreStyleElements();
this.removeValueChangeListener();
once && that.$data.onceExecMenuData.delete(storageKey);
},
/**
* 清空存储的元素列表
*/
clearStoreStyleElements: () => {
return clearBeforeStoreValue();
},
/**
* 移除值改变的监听器
*/
removeValueChangeListener: () => {
listenerIdList.forEach((listenerId) => {
this.removeValueChangeListener(listenerId);
});
}
};
return result;
},
/**
* 自动判断菜单是否启用，然后执行回调
* @param key
* @param callback 回调
* @param [isReverse=false] 逆反判断菜单启用
*/
execMenu(key, callback, isReverse = false) {
return this.exec(
key,
(option) => {
return callback(option);
},
(keyList) => {
let execFlag = keyList.every((__key__) => {
let flag = !!this.getValue(__key__);
isReverse && (flag = !flag);
return flag;
});
return execFlag;
},
false
);
},
/**
* 自动判断菜单是否启用，然后执行回调，只会执行一次
*
* 它会自动监听值改变（设置中的修改），改变后如果未执行，则执行一次
* @param key
* @param callback 回调
* @param getValueFn 自定义处理获取当前值，值true是启用并执行回调，值false是不执行回调
* @param handleValueChangeFn 自定义处理值改变时的回调，值true是启用并执行回调，值false是不执行回调
*/
execMenuOnce(key, callback) {
return this.exec(
key,
callback,
(keyList) => {
let execFlag = keyList.every((__key__) => {
let flag = !!this.getValue(__key__);
return flag;
});
return execFlag;
},
true
);
},
/**
* 根据key执行一次
* @param key 键
* @param callback 回调
*/
onceExec(key, callback) {
if (typeof key !== "string") {
throw new TypeError("key 必须是字符串");
}
if (this.$data.onceExecData.has(key)) {
return;
}
callback();
this.$data.onceExecData.set(key, 1);
},
/**
* 显示设置面板
* @param content 显示的内容配置
* @param [title] 标题
*/
showPanel(content, title = `${SCRIPT_NAME}-设置`) {
let $panel = __pops.panel({
...{
title: {
text: `${SCRIPT_NAME}-设置`,
position: "center",
html: false,
style: ""
},
content,
btn: {
close: {
enable: true,
callback: (details, event) => {
details.close();
this.$data.$panel = null;
}
}
},
mask: {
enable: true,
clickEvent: {
toClose: true,
toHide: false
},
clickCallBack: (originalRun, config) => {
originalRun();
this.$data.$panel = null;
}
},
width: PanelUISize.setting.width,
height: PanelUISize.setting.height,
drag: true,
only: true
},
...this.$data.panelConfig
});
this.$data.$panel = $panel;
}
};
const CommonUtil = {
/**
* 移除元素（未出现也可以等待出现）
* @param selector 元素选择器
*/
waitRemove(...args) {
args.forEach((selector) => {
if (typeof selector !== "string") {
return;
}
utils.waitNodeList(selector).then((nodeList) => {
nodeList.forEach(($el) => $el.remove());
});
});
},
/**
* 添加屏蔽CSS
* @param args
* @example
* addBlockCSS("")
* addBlockCSS("","")
* addBlockCSS(["",""])
*/
addBlockCSS(...args) {
let selectorList = [];
if (args.length === 0) {
return;
}
if (args.length === 1 && typeof args[0] === "string" && args[0].trim() === "") {
return;
}
args.forEach((selector) => {
if (Array.isArray(selector)) {
selectorList = selectorList.concat(selector);
} else {
selectorList.push(selector);
}
});
return addStyle$1(`${selectorList.join(",\n")}{display: none !important;}`);
},
/**
* 设置GM_getResourceText的style内容
* @param resourceMapData 资源数据
* @example
* setGMResourceCSS({
* keyName: "ViewerCSS",
* url: "https://example.com/example.css",
* })
*/
setGMResourceCSS(resourceMapData) {
let cssText = typeof _GM_getResourceText === "function" ? _GM_getResourceText(resourceMapData.keyName) : null;
if (typeof cssText === "string" && cssText) {
addStyle$1(cssText);
} else {
CommonUtil.loadStyleLink(resourceMapData.url);
}
},
/**
* 添加<link>标签
* @param url
* @example
* loadStyleLink("https://example.com/example.css")
*/
async loadStyleLink(url) {
let $link = document.createElement("link");
$link.rel = "stylesheet";
$link.type = "text/css";
$link.href = url;
DOMUtils.ready(() => {
document.head.appendChild($link);
});
},
/**
* 添加<script>标签
* @param url
* @example
* loadStyleLink("https://example.com/example.js")
*/
async loadScript(url) {
let $script = document.createElement("script");
$script.src = url;
return new Promise((resolve) => {
$script.onload = () => {
resolve(null);
};
(document.head || document.documentElement).appendChild($script);
});
},
/**
* 将url修复，例如只有search的链接修复为完整的链接
*
* 注意：不包括http转https
* @param url 需要修复的链接
* @example
* 修复前：`/xxx/xxx?ss=ssss`
* 修复后：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
* @example
* 修复前：`//xxx/xxx?ss=ssss`
* 修复后：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
* @example
* 修复前：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
* 修复后：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
* @example
* 修复前：`xxx/xxx?ss=ssss`
* 修复后：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
*/
fixUrl(url) {
url = url.trim();
if (url.match(/^http(s|):\/\//i)) {
return url;
} else {
if (!url.startsWith("/")) {
url += "/";
}
url = window.location.origin + url;
return url;
}
},
/**
* http转https
* @param url 需要修复的链接
* @example
* 修复前：
* 修复后：
* @example
* 修复前：
* 修复后：
*/
fixHttps(url) {
if (url.startsWith("https://")) {
return url;
}
if (!url.startsWith("http://")) {
return url;
}
let urlInstance = new URL(url);
urlInstance.protocol = "https:";
return urlInstance.toString();
},
/**
* 禁止页面滚动，默认锁定html和body
* @example
* lockScroll();
* @example
* lockScroll(document.body);
*/
lockScroll(...args) {
let $hidden = document.createElement("style");
$hidden.innerHTML = /*css*/
`
.pops-overflow-hidden-important {
overflow: hidden !important;
}
`;
let $elList = [document.documentElement, document.body].concat(
...args || []
);
$elList.forEach(($el) => {
$el.classList.add("pops-overflow-hidden-important");
});
(document.head || document.documentElement).appendChild($hidden);
return {
/**
* 解除锁定
*/
recovery() {
$elList.forEach(($el) => {
$el.classList.remove("pops-overflow-hidden-important");
});
$hidden.remove();
}
};
},
/**
* 获取剪贴板文本
*/
async getClipboardText() {
function readClipboardText(resolve) {
navigator.clipboard.readText().then((clipboardText) => {
resolve(clipboardText);
}).catch((error) => {
log.error("读取剪贴板内容失败👉", error);
resolve("");
});
}
function requestPermissionsWithClipboard(resolve) {
navigator.permissions.query({
// @ts-ignore
name: "clipboard-read"
}).then((permissionStatus) => {
readClipboardText(resolve);
}).catch((error) => {
log.error(
"申请剪贴板权限失败，尝试直接读取👉",
error.message ?? error.name ?? error.stack
);
readClipboardText(resolve);
});
}
function checkClipboardApi() {
if (typeof navigator?.clipboard?.readText !== "function") {
return false;
}
if (typeof navigator?.permissions?.query !== "function") {
return false;
}
return true;
}
return new Promise((resolve) => {
if (!checkClipboardApi()) {
resolve("");
return;
}
if (document.hasFocus()) {
requestPermissionsWithClipboard(resolve);
} else {
window.addEventListener(
"focus",
() => {
requestPermissionsWithClipboard(resolve);
},
{
once: true
}
);
}
});
},
/**
* html转义
* @param unsafe
*/
escapeHtml(unsafe) {
return unsafe.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/©/g, "©").replace(/®/g, "®").replace(/™/g, "™").replace(/→/g, "→").replace(/←/g, "←").replace(/↑/g, "↑").replace(/↓/g, "↓").replace(/—/g, "—").replace(/–/g, "–").replace(/…/g, "…").replace(/ /g, " ").replace(/\r\n/g, "<br>").replace(/\r/g, "<br>").replace(/\n/g, "<br>").replace(/\t/g, " ");
}
};
const GM_RESOURCE_MAPPING = {
ElementPlus: {
keyName: "ElementPlusResourceCSS",
url: "https://fastly.jsdelivr.net/npm/element-plus@latest/dist/index.min.css"
},
Viewer: {
keyName: "ViewerCSS",
url: "https://fastly.jsdelivr.net/npm/viewerjs@latest/dist/viewer.min.css"
}
};
const PanelSettingConfig = {
/** Toast位置 */
qmsg_config_position: {
key: "qmsg-config-position",
defaultValue: "bottom"
},
/** 最多显示的数量 */
qmsg_config_maxnums: {
key: "qmsg-config-maxnums",
defaultValue: 3
},
/** 逆序弹出 */
qmsg_config_showreverse: {
key: "qmsg-config-showreverse",
defaultValue: false
}
};
const utils = Utils.noConflict();
const domUtils = DOMUtils.noConflict();
const __pops = pops;
const log = new utils.Log(
_GM_info,
_unsafeWindow.console || _monkeyWindow.console
);
let SCRIPT_NAME = _GM_info?.script?.name || void 0;
pops.config.Utils.AnyTouch();
const DEBUG = false;
log.config({
debug: DEBUG,
logMaxCount: 1e3,
autoClearConsole: true,
tag: true
});
Qmsg.config(
Object.defineProperties(
{
html: true,
autoClose: true,
showClose: false
},
{
position: {
get() {
return Panel.getValue(
PanelSettingConfig.qmsg_config_position.key,
PanelSettingConfig.qmsg_config_position.defaultValue
);
}
},
maxNums: {
get() {
return Panel.getValue(
PanelSettingConfig.qmsg_config_maxnums.key,
PanelSettingConfig.qmsg_config_maxnums.defaultValue
);
}
},
showReverse: {
get() {
return Panel.getValue(
PanelSettingConfig.qmsg_config_showreverse.key,
PanelSettingConfig.qmsg_config_showreverse.defaultValue
);
}
},
zIndex: {
get() {
let maxZIndex = Utils.getMaxZIndex();
let popsMaxZIndex = pops.config.InstanceUtils.getPopsMaxZIndex().zIndex;
return Utils.getMaxValue(maxZIndex, popsMaxZIndex) + 100;
}
}
}
)
);
__pops.GlobalConfig.setGlobalConfig({
zIndex: () => {
let maxZIndex = Utils.getMaxZIndex(void 0, void 0, ($ele) => {
if ($ele?.classList?.contains("qmsg-shadow-container")) {
return false;
}
if ($ele?.closest("qmsg") && $ele.getRootNode() instanceof ShadowRoot) {
return false;
}
});
let popsMaxZIndex = pops.config.InstanceUtils.getPopsMaxZIndex().zIndex;
return Utils.getMaxValue(maxZIndex, popsMaxZIndex) + 100;
},
mask: {
// 开启遮罩层
enable: true,
// 取消点击遮罩层的事件
clickEvent: {
toClose: false,
toHide: false
}
}
});
const GM_Menu = new utils.GM_Menu({
GM_getValue: _GM_getValue,
GM_setValue: _GM_setValue,
GM_registerMenuCommand: _GM_registerMenuCommand,
GM_unregisterMenuCommand: _GM_unregisterMenuCommand
});
const httpx = new utils.Httpx({
xmlHttpRequest: _GM_xmlhttpRequest,
logDetails: DEBUG
});
httpx.interceptors.request.use((data) => {
return data;
});
httpx.interceptors.response.use(void 0, (data) => {
log.error("拦截器-请求错误", data);
if (data.type === "onabort") {
Qmsg.warning("请求取消", { consoleLogContent: true });
} else if (data.type === "onerror") {
Qmsg.error("请求异常", { consoleLogContent: true });
} else if (data.type === "ontimeout") {
Qmsg.error("请求超时", { consoleLogContent: true });
} else {
Qmsg.error("其它错误", { consoleLogContent: true });
}
return data;
});
const OriginPrototype = {
Object: {
defineProperty: _unsafeWindow.Object.defineProperty
},
Function: {
apply: _unsafeWindow.Function.prototype.apply,
call: _unsafeWindow.Function.prototype.call
},
Element: {
appendChild: _unsafeWindow.Element.prototype.appendChild
},
setTimeout: _unsafeWindow.setTimeout
};
const addStyle$1 = utils.addStyle.bind(utils);
const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);
const VUE_ELE_NAME_ID = "vite-app";
const MountVue = async function(targetApp, plugin = []) {
DOMUtils.ready(async () => {
const app = vue.createApp(targetApp);
let $mount = DOMUtils.createElement("div", {
id: VUE_ELE_NAME_ID
});
{
if (ElementPlusIconsVue != null) {
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component);
}
}
}
document.body.appendChild($mount);
plugin.forEach((item) => {
app.use(item);
});
app.mount($mount);
});
CommonUtil.setGMResourceCSS(GM_RESOURCE_MAPPING.ElementPlus);
};
new utils.GM_Cookie();
class LoadingView {
config;
loadingViewElement;
loadingViewHTML;
loadingViewIconHTML;
/**
*
* @param withIcon 是否添加icon
* @param isEnd icon是否添加在后面
*/
constructor(withIcon, isEnd) {
this.config = {
className: "whitesev-load-view",
textClassName: "whitesev-load-view-text",
iconClassName: "whitesev-load-view-icon",
outSideClassName: "whitesev-load-view-icon-outside",
withInClassName: "whitesev-load-view-icon-within"
};
this.loadingViewElement = void 0;
this.loadingViewHTML = /*html*/
`
<div class="${this.config.className}">
<span class="${this.config.textClassName}">Loading...</span>
</div>`.trim();
this.loadingViewIconHTML = /*html*/
`
<div class="${this.config.iconClassName}">
<div class="${this.config.outSideClassName}"></div>
<div class="${this.config.withInClassName}"></div>
</div>`.trim();
this.initCSS();
this.initLoadingView(withIcon, isEnd);
}
/**
* 加载需要的CSS
*/
initCSS() {
if (this.isExistsCSS()) {
return;
}
let loadingViewCSSText = (
/*css*/
`
.${this.config.className}{
margin: 0.08rem;
background: #fff;
font-size: 15px;
text-align: center;
width: inherit;
border-radius: 0.12rem;
}
.${this.config.iconClassName}{
width: 45px;
}
.${this.config.className},
.${this.config.iconClassName}{
height: 45px;
line-height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.${this.config.outSideClassName},
.${this.config.withInClassName}{
position: absolute;
margin-left: 140px;
border: 5px solid rgba(0, 183, 229, 0.9);
opacity: .9;
border-radius: 50px;
width: 20px;
height: 20px;
margin: 0 auto;
}
.${this.config.outSideClassName}{
background-color: rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-left: 5px solid rgba(0, 0, 0, 0);
box-shadow: 0 0 35px #2187e7;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1s infinite ease-in-out;
-o-animation: spinPulse 1s infinite ease-in-out;
-ms-animation: spinPulse 1s infinite ease-in-out;
}
.${this.config.withInClassName}{
background: rgba(0, 0, 0, 0) no-repeat center center;
border-top: 5px solid rgba(0, 0, 0, 0);
border-bottom: 5px solid rgba(0, 0, 0, 0);
box-shadow: 0 0 15px #2187e7;
-moz-animation: spinoffPulse 3s infinite linear;
-webkit-animation: spinoffPulse 3s infinite linear;
-o-animation: spinoffPulse 3s infinite linear;
-ms-animation: spinoffPulse 3s infinite linear;
}
@-moz-keyframes spinPulse{0%{-moz-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050}
50%{-moz-transform:rotate(145deg);opacity:1}
100%{-moz-transform:rotate(-320deg);opacity:0}
}
@-moz-keyframes spinoffPulse{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spinPulse{0%{-webkit-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050}
50%{-webkit-transform:rotate(145deg);opacity:1}
100%{-webkit-transform:rotate(-320deg);opacity:0}
}
@-webkit-keyframes spinoffPulse{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@-o-keyframes spinPulse{0%{-o-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050}
50%{-o-transform:rotate(145deg);opacity:1}
100%{-o-transform:rotate(-320deg);opacity:0}
}
@-o-keyframes spinoffPulse{0%{-o-transform:rotate(0)}
100%{-o-transform:rotate(360deg)}
}
@-ms-keyframes spinPulse{0%{-ms-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050}
50%{-ms-transform:rotate(145deg);opacity:1}
100%{-ms-transform:rotate(-320deg);opacity:0}
}
@-ms-keyframes spinoffPulse{0%{-ms-transform:rotate(0)}
100%{-ms-transform:rotate(360deg)}
}
`
);
utils.addStyle(loadingViewCSSText);
}
/**
* 初始化loadingView元素
* @param withIcon 是否添加icon
* @param isEnd icon是否添加在后面
*/
initLoadingView(withIcon = false, isEnd = true) {
this.setLoadingViewElement();
let divElement = document.createElement("div");
divElement.innerHTML = this.loadingViewHTML;
let resultElement = divElement.firstChild;
if (withIcon) {
let iconElement = document.createElement("div");
iconElement.innerHTML = this.loadingViewIconHTML;
if (isEnd) {
resultElement.appendChild(iconElement.firstChild);
} else {
resultElement.insertBefore(
iconElement.firstChild,
resultElement.firstChild
);
}
}
this.setLoadingViewElement(resultElement);
return resultElement;
}
/**
* 设置LoadingView
* @param element
*/
setLoadingViewElement(element) {
this.loadingViewElement = element;
}
/**
* 获取LoadingView
*/
getLoadingViewElement() {
if (!this.loadingViewElement) {
throw new Error("object loadingViewElement is null");
}
return this.loadingViewElement;
}
/**
* 获取实例化的loadingView的icon
*/
getIconElement() {
return this.getLoadingViewElement().querySelector(
"." + this.config.iconClassName
);
}
/**
* 显示LoadingView
*/
show() {
this.getLoadingViewElement().style.display = "";
}
/**
* 隐藏LoadingView
*/
hide() {
this.getLoadingViewElement().style.display = "none";
}
/**
* 显示icon
*/
showIcon() {
let iconElement = this.getIconElement();
iconElement && (iconElement.style.display = "");
}
/**
* 隐藏icon
*/
hideIcon() {
let iconElement = this.getIconElement();
iconElement && (iconElement.style.display = "none");
}
/**
* 设置文本
* @param text 文本
* @param withIcon 是否设置Icon图标
* @param isEnd icon是否添加在后面
*/
setText(text, withIcon = false, isEnd = true) {
this.getLoadingViewElement().innerHTML = `<span>${text}</span>`;
if (withIcon) {
let iconElement = this.getIconElement();
if (!iconElement) {
let divElement = document.createElement("div");
divElement.innerHTML = this.loadingViewIconHTML;
iconElement = divElement.firstChild;
if (isEnd) {
this.getLoadingViewElement().appendChild(iconElement);
} else {
this.getLoadingViewElement().insertBefore(
iconElement,
this.getLoadingViewElement().firstChild
);
}
}
iconElement.style.display = "";
} else {
this.getIconElement()?.remove();
}
}
/**
* 设置超文本
* @param text 文本
*/
setHTML(text) {
this.getLoadingViewElement().innerHTML = text;
}
/**
* 删除Loading元素
*/
destory() {
this.getLoadingViewElement()?.remove();
this.setLoadingViewElement();
}
/**
* 删除页面中所有的loadingView
*/
removeAll() {
document.querySelectorAll("." + this.config.className).forEach((item) => item.remove());
}
/**
* 判断Loading是否已加载到页面中
*/
isExists() {
return Boolean(document.querySelector(`.${this.config.className}`));
}
/**
* 判断Loading是否存在Loading图标
*/
isExistsIcon() {
return Boolean(this.getIconElement());
}
/**
* 判断Loading中的文本是否存在
*/
isExistsText() {
return Boolean(
this.getLoadingViewElement().querySelector(
`.${this.config.textClassName}`
)
);
}
/**
* 判断页面中是否存在CSS的style
*/
isExistsCSS() {
return Boolean(
document.querySelector(
"style[data-from='loadingView'][type='text/css'][data-author='whitesev']"
)
);
}
}
_monkeyWindow.showdown || _unsafeWindow.showdown;
const loadingView = new LoadingView(true);
const SearchShieldCSS = `.c-container.na-ec-item,\r
.c-container.ec-container,\r
div[data-type="ad"],\r
.c-result.sfc-log[data-tpl="adv_wenku_fc"],\r
.c-recomm-wrap.new-ux-recom-wrapper.animation,\r
#results-pre,\r
.video-recommend,\r
.c-result.sfc-log[data-tpl="search_recomm"],\r
.sfc-image-content-waterfall-item[wat-item-data-id="no-img"],\r
.se-results-pre,\r
.ec_wise_ad,\r
div#copyright + div,\r
div#pop-up,\r
div[class*='ad-wrapper__'],\r
div[class*='rec-wrapper__'],\r
.brand-entry,\r
.barea-ad,\r
.swan-ad-fc-rcmd.swan-ad-fc-base-wrap[data-platform],\r
div#page-bd div.recommend,\r
div.short-mini div[data-module="rec:undefined-undefined"],\r
/* 相关软件 */\r
div[srcid="sigma_celebrity_rela"],\r
/* 搜一些隐私的内容时弹出的来的，开启无痕模式----保护隐私，安全浏览 */\r
div:has(p.ivk-private-p),\r
/* 智能卡片的 更多 按钮 */\r
.c-result-content div[rl-type="stop"]:has(div[data-module="lgsd"]) {\r
display: none !important;\r
}\r
/* 搜索框 */\r
.searchboxtop.newsearch-white-style .se-form {\r
border-color: #4e6ef2 !important;\r
}\r
/* 百度一下 按钮 */\r
.searchboxtop.newsearch-white-style .se-bn {\r
color: #fff !important;\r
background: #4e6ef2 !important;\r
}\r
.se-head-logo .se-logo img {\r
display: inherit !important;\r
}\r
/* 选项卡，如综合、笔记、视频等 */\r
.se-head-tablink {\r
border-bottom: 1px solid #e6e6e6 !important;\r
/*background-color: #fff !important;*/\r
background-color: transparent !important;\r
}\r
\r
a.se-tabitem span {\r
color: #000 !important;\r
}\r
/*div.c-peak-layer{\r
display:none !important;\r
} 百度关键字背景*/\r
.se-tablink-scroll-wrapper .se-tab-cur:after {\r
border-bottom: 2px solid #38f !important;\r
}\r
.c-tags-scroll.c-padding-x {\r
display: none !important;\r
}\r
.white-bdsearch-isredirecrt {\r
display: inline-flex;\r
background: #43ba76;\r
color: #fff;\r
width: 28px;\r
font-size: 16px;\r
line-height: 25px;\r
justify-content: center;\r
align-items: center;\r
border-radius: 5px;\r
margin: 0 auto;\r
margin-right: 6px;\r
}\r
/* 修复图片显示问题 */\r
.image-strong-card div[class*="image-content__"] > div {\r
display: inline-block;\r
overflow: hidden;\r
vertical-align: top;\r
}\r
.c-result-content div[class*="tieba-newxml-forum-img-class__"] {\r
display: -webkit-box;\r
display: -webkit-flex;\r
display: flex;\r
-webkit-box-align: center;\r
-moz-box-align: center;\r
-webkit-align-items: center;\r
align-items: center;\r
}\r
\r
.c-result-content div[class*="tieba-newxml-forum-img__"] {\r
width: 0.553rem;\r
height: 0.553rem;\r
}\r
\r
.c-result-content div[class*="tieba-newxml-forum-img__"] img {\r
width: 100%;\r
height: 100%;\r
border-radius: 0.09rem;\r
}\r
.c-result-content div[class*="tieba-newxml-forum-class__"] {\r
display: -webkit-flex;\r
display: flex;\r
-webkit-box-orient: vertical;\r
-moz-box-orient: vertical;\r
-webkit-box-direction: normal;\r
-moz-box-direction: normal;\r
-webkit-flex-direction: column;\r
-moz-flex-direction: column;\r
flex-direction: column;\r
-webkit-box-pack: center;\r
-moz-box-pack: center;\r
-webkit-justify-content: center;\r
-moz-justify-content: center;\r
justify-content: center;\r
max-width: 2.2rem;\r
}\r
.c-result-content div[class*="c-img-content-btn__"] {\r
position: absolute;\r
right: 0;\r
width: 0.55rem;\r
text-align: center;\r
line-height: 0.28rem;\r
border: 1px solid rgba(31, 31, 31, 0.5);\r
border-radius: 0.15rem;\r
font-family: PingFangSC-Medium;\r
font-size: 0.13rem;\r
color: #1f1f1f;\r
}\r
.c-result-content div[class*="tieba-newxml-thread-comment-user__"] {\r
display: -webkit-flex;\r
display: flex;\r
-webkit-box-align: center;\r
-moz-box-align: center;\r
-webkit-align-items: center;\r
-moz-align-items: center;\r
align-items: center;\r
margin-top: 0.03rem;\r
}\r
.c-result-content div[class*="tieba-newxml-thread-comment-user__"] img {\r
width: 0.16rem;\r
height: 0.16rem;\r
border-radius: 50%;\r
}\r
.c-result-content div[class*="tieba-newxml-thread-comment-user__"] span {\r
margin-right: 0.08rem;\r
}\r
.whitesev-gm-refactor-everyone-searching {\r
width: 100%;\r
box-sizing: border-box;\r
height: 2.857em;\r
line-height: 2.857;\r
background-color: #f5f6f9;\r
border-color: #f5f6f9;\r
padding: 0 0.08rem;\r
/*vertical-align: middle;*/\r
outline: 0;\r
font-size: 14px;\r
overflow: hidden;\r
border-radius: 9px;\r
text-align: center;\r
text-decoration: none;\r
-webkit-tap-highlight-color: transparent;\r
-moz-tap-highlight-color: transparent;\r
text-overflow: ellipsis;\r
white-space: nowrap;\r
-webkit-box-orient: horizontal;\r
-moz-box-orient: horizontal;\r
-webkit-box-align: stretch;\r
-moz-box-align: stretch;\r
display: block;\r
justify-content: space-between;\r
-webkit-justify-content: space-between;\r
-moz-justify-content: space-between;\r
-webkit-align-items: stretch;\r
-moz-align-items: stretch;\r
align-items: stretch;\r
flex-wrap: nowrap;\r
-webkit-flex-wrap: nowrap;\r
-moz-flex-wrap: nowrap;\r
}\r
\r
/* 让搜索中某些视频的阶段可以横向滚动 */\r
div[class^="new-summary-container_"] {\r
overflow: auto;\r
}\r
\r
/* 智能卡片 展开更多，这里是拼音 */\r
.c-result-content\r
div[class*="multi-pinyin_"]\r
div[class*="multi-pinyin-item"][style*="display: none"] {\r
display: block !important;\r
}\r
`;
const SearchHealthShieldCSS = '/* 右下角悬浮的健康直播间图标按钮 */\r\ndiv[class^="index_brandEntry"] {\r\n display: none !important;\r\n}\r\n';
const BaiduHeadlth = {
init() {
addStyle$1(SearchHealthShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("baidu_search_headlth_shield_other_info", () => {
return this.shieldOtherInfo();
});
Panel.execMenuOnce("baidu_search_headlth_shield_bottom_toolbar", () => {
return this.shieldServiceButtonsRow();
});
},
/**
* 【屏蔽】底部其它信息
*/
shieldOtherInfo() {
log.info("【屏蔽】底部其它信息");
return CommonUtil.addBlockCSS(
'article[class] > div[class^="index_container"]',
// 2024.7.31 https://m.baidu.com/bh/m/detail/ar_5737243699133678027
'#main > div[class^="index_container"]'
);
},
/**
* 【屏蔽】底部工具栏
*/
shieldServiceButtonsRow() {
log.info("【屏蔽】底部工具栏");
return CommonUtil.addBlockCSS(
'article[class] > div[class^="index_healthServiceButtonsRow"]',
// 2024.7.31 https://m.baidu.com/bh/m/detail/ar_5737243699133678027
'#main > div[class^="index_interactWrap"]'
);
}
};
const BaiduHook = {
$isHook: {
windowBoxJSBefore: false,
objectDefineProperty_search: false,
windowJQueryAppend: false,
windowOpenBox: false,
windowWebpackJsonp_tieba: false,
windowWebpackJsonp_haokan: false,
window_openContentBox: false,
functionCall_baijiahao_map: false
},
$data: {
functionApply: [],
functionCall: [],
elementAppendChild: [],
setTimeout: [],
windowDefine: []
},
/**
* 统一管理apply的劫持，防止套娃
* @param mode 劫持的类型
*/
functionApply(mode) {
this.$data.functionApply.push(mode);
if (this.$data.functionApply.length > 1) {
log.info("Function.property.apply hook新增劫持参数：" + mode);
return;
}
let that = this;
log.info("初始化Function.property.apply hook");
_unsafeWindow.Function.prototype.apply = function(...args) {
if (that.$data.functionApply.includes("copy")) {
try {
let firstParam = args[1];
if (args.length === 2 && typeof firstParam === "object" && "" + firstParam === "[object Arguments]" && firstParam.length === 1 && typeof firstParam[0] === "object" && firstParam[0] != null && "appName" in firstParam[0] && "checkTokenCopied" in firstParam[0] && "deeplink" in firstParam[0] && "scheme" in firstParam[0] && "token" in firstParam[0] && "useDeeplink" in firstParam[0]) {
log.success(["劫持复制到剪贴板函数", ...firstParam]);
return new Promise(function(resolve) {
log.success(["修改参数并劫持复制到剪贴板返回true"]);
resolve({
status: true
});
});
}
} catch (error) {
}
}
if (that.$data.functionApply.includes("scheme")) {
try {
let firstParam = args[1];
if (args.length === 2 && typeof firstParam === "object" && "" + firstParam === "[object Arguments]" && firstParam.length === 2 && firstParam[1] === "scheme") {
log.success(["劫持Scheme", ...firstParam]);
return;
}
} catch (error) {
}
}
return OriginPrototype.Function.apply.call(this, ...args);
};
},
/**
* 统一管理call的劫持，防止套娃
* + 百家号(baijiahao.baidu.com)
* + 百度地图(map.baidu.com)
* @param mode 劫持的类型
*/
functionCall(mode) {
this.$data.functionCall.push(mode);
if (this.$data.functionCall.length > 1) {
log.info("Function.property.call hook新增劫持参数：" + mode);
return;
}
log.info("初始化Function.property.call hook");
let originCall = _unsafeWindow.Function.prototype.call;
_unsafeWindow.Function.prototype.call = function(...args) {
let result = originCall.apply(this, args);
if (mode === "baijiahao_invoke") {
if (args.length === 4 && typeof args[1]?.["exports"] === "object" && "execCopy" in args[1]?.["exports"] && "invokeApp" in args[1]?.["exports"] && "invokeMarket" in args[1]?.["exports"] && "invokeTpApp" in args[1]?.["exports"]) {
args[1]["exports"]["execCopy"] = function(...args2) {
return new Promise((resolve) => {
log.success(["阻止调用execCopy", args2]);
resolve(null);
});
};
args[1]["exports"]["invokeApp"] = function(...args2) {
return new Promise((resolve) => {
log.success(["阻止调用invokeApp", args2]);
resolve(null);
});
};
args[1]["exports"]["invokeMarket"] = function(...args2) {
return new Promise((resolve) => {
log.success(["阻止调用invokeMarket", args2]);
resolve(null);
});
};
args[1]["exports"]["invokeTpApp"] = function(...args2) {
return new Promise((resolve) => {
log.success(["阻止调用invokeTpApp", args2]);
resolve(null);
});
};
} else if (args.length === 2 && args[0] === void 0 && args[1] != null && "arg" in args[1] && "delegate" in args[1] && "done" in args[1] && "method" in args[1] && "next" in args[1] && "prev" in args[1]) {
log.success(["修改参数", args[1]]);
args[1]["method"] = "return";
args[1]["next"] = "end";
args[1]["prev"] = 24;
}
} else if (mode === "map") {
if (args.length === 2 && args[0] === void 0 && args[1] != null && "arg" in args[1] && "delegate" in args[1] && "done" in args[1] && "method" in args[1] && "next" in args[1] && "prev" in args[1]) {
log.success(["修改参数", args[1]]);
args[1]["method"] = "return";
args[1]["next"] = "end";
args[1]["prev"] = 24;
}
}
return result;
};
},
/**
* 劫持全局define
*/
windowDefine(path, requirePathList, callback) {
this.$data.windowDefine.push({
path,
requirePathList,
callback
});
if (this.$data.windowDefine.length > 1) {
log.info("define hook新增劫持参数：" + path);
return;
}
let that = this;
let safeDefine = void 0;
let unsafeDefine = function(...args) {
let define_path = args[0];
let define_requrePathList = args[1];
args[2];
for (let index = 0; index < that.$data.windowDefine.length; index++) {
let hookConfig = that.$data.windowDefine[index];
if (hookConfig.path === define_path && JSON.stringify(hookConfig.requirePathList) === JSON.stringify(define_requrePathList)) {
args[2] = hookConfig.callback;
break;
}
}
safeDefine(...args);
};
unsafeDefine.prototype.amd = {};
OriginPrototype.Object.defineProperty(_unsafeWindow, "define", {
get() {
if (safeDefine == null) {
return;
}
return unsafeDefine;
},
set(v) {
log.success(["define ==> ", v]);
safeDefine = v;
}
});
},
/**
* 劫持百度搜索某些项的点击事件
* + 百度搜索
*
* Object.defineProperty
* @param menuKeyName
*/
objectDefineProperty_search(menuKeyName) {
if (this.$isHook.objectDefineProperty_search) {
return;
}
this.$isHook.objectDefineProperty_search = true;
_unsafeWindow.Object.defineProperty = function(target, propertyKey, _attributes) {
if (propertyKey === "_onClick") {
log.info(["成功劫持_onClick", arguments]);
let oldFn = _attributes["value"];
_attributes["value"] = function(event) {
let eventNode = this._getNode(event.target);
let eventNodeName = this._getType(eventNode);
if (eventNodeName === "link") {
let linkProps2 = this._getLinkProps(eventNode);
log.success(["点击事件-linkProps信息", linkProps2]);
if (!linkProps2.href) {
domUtils.trigger(document, "click", event, false);
return;
}
utils.preventEvent(event);
if (Panel.getValue("baidu_search_hijack__onClick_to_blank")) {
log.success("新标签页打开: " + linkProps2.href);
window.open(linkProps2.href, "_blank");
} else {
window.location.href = linkProps2.href;
}
} else {
log.success([
"点击事件-this._getType(eventNode)不为link",
eventNodeName,
event
]);
oldFn.call(this, ...arguments);
}
};
}
return OriginPrototype.Object.defineProperty.call(this, ...arguments);
};
},
/**
* 劫持添加元素，包括script标签、iframe标签，默认劫持iframe的非http链接
* + 百度贴吧(tieba.baidu.com)
* + 百度地图(map.baidu.com)
* Element.prototype.appendChild
* @param handleCallBack 处理的回调函数，如果劫持请返回true
*/
elementAppendChild(handleCallBack = function(element) {
if (element instanceof HTMLIFrameElement) {
if (typeof element?.src === "string" && !element.src.startsWith("http")) {
log.success(["劫持iframe唤醒：" + element.src, element]);
return true;
}
}
}) {
this.$data.elementAppendChild.push(handleCallBack);
if (this.$data.elementAppendChild.length > 1) {
log.info("Element.prototype.appendChild hook新增劫持判断回调");
return;
}
_unsafeWindow.Element.prototype.appendChild = function(element) {
if (typeof handleCallBack === "function") {
let handleResult = handleCallBack(element);
if (handleResult) {
return;
}
}
return OriginPrototype.Element.appendChild.call(this, ...arguments);
};
},
/**
* 劫持jQuery的append的iframe
* + 百度地图(map.baidu.com)
*
* $().append();
*/
windowJQueryAppend() {
if (this.$isHook.windowJQueryAppend) {
return;
}
this.$isHook.windowJQueryAppend = true;
let originAppend = _unsafeWindow.$.fn.append;
_unsafeWindow.$.fn.append = function(params) {
if (typeof params === "string") {
params = params.trim();
if (params.startsWith('<iframe src="') && !params.startsWith('<iframe src="http')) {
log.success(["劫持jQuery的iframe", params]);
return;
}
}
return originAppend.apply(this, arguments);
};
},
/**
* 劫持OpenBox
* + 百度搜索
*
* window.OpenBox
*/
windowOpenBox() {
if (this.$isHook.windowOpenBox) {
return;
}
this.$isHook.windowOpenBox = true;
let OpenBox = function() {
return {
open(...args) {
log.info(["劫持OpenBox-open传入参数👇", args]);
if (!args.length) {
return;
}
let invokeUrl = args[0]["invokeURL"] || args[0]["invoke_url"];
if (typeof args[0] === "object" && typeof invokeUrl === "string") {
log.success("直接跳转Url：" + invokeUrl);
window.location.href = invokeUrl;
}
},
ready(...args) {
log.info(["劫持OpenBox-ready传入参数👇", args]);
},
version: 20170811
};
};
OpenBox.prototype.getIdmData = function() {
return {};
};
let OpenBox_u = {
open(...args) {
log.info(["劫持OpenBox-open传入参数👇", args]);
if (!args.length) {
return;
}
let invokeUrl = args[0]["invokeURL"] || args[0]["invoke_url"];
if (typeof args[0] === "object" && typeof invokeUrl === "string") {
log.success("直接跳转Url：" + invokeUrl);
window.location.href = invokeUrl;
}
}
};
let isObjectOpenBox = false;
OriginPrototype.Object.defineProperty(_unsafeWindow, "OpenBox", {
get() {
return isObjectOpenBox ? OpenBox_u : OpenBox;
},
set(v) {
log.info(["OpenBox ==> ", v]);
isObjectOpenBox = typeof v === "object";
}
});
},
/**
* 劫持全局setTimeout
* + 百度地图
* + 百度搜索
*
* window.setTimeout
* @param matchStr 需要进行匹配的函数字符串
*/
setTimeout(matchStr) {
this.$data.setTimeout.push(matchStr);
if (this.$data.setTimeout.length > 1) {
log.info("window.setTimeout hook新增劫持判断参数：" + matchStr);
return;
}
_unsafeWindow.setTimeout = function(...args) {
let callBackString = args[0].toString();
if (callBackString.match(matchStr)) {
log.success(["劫持延迟函数", callBackString]);
return;
}
return OriginPrototype.setTimeout.apply(this, args);
};
},
/**
* 劫持webpack
* @param webpackName 当前全局变量的webpack名
* @param mainCoreData 需要劫持的webpack的顶部core，例如：(window.webpackJsonp = window.webpackJsonp || []).push([["core:0"],{}])
* @param checkCallBack 如果mainCoreData匹配上，则调用此回调函数
*/
windowWebPack(webpackName = "webpackJsonp", mainCoreData, checkCallBack) {
let originObject = void 0;
OriginPrototype.Object.defineProperty(_unsafeWindow, webpackName, {
get() {
return originObject;
},
set(newValue) {
log.success("成功劫持webpack，当前webpack名：" + webpackName);
originObject = newValue;
const originPush = originObject.push;
originObject.push = function(...args) {
let _mainCoreData = args[0][0];
if (mainCoreData == _mainCoreData || Array.isArray(mainCoreData) && Array.isArray(_mainCoreData) && JSON.stringify(mainCoreData) === JSON.stringify(_mainCoreData)) {
Object.keys(args[0][1]).forEach((keyName) => {
let originSwitchFunc = args[0][1][keyName];
args[0][1][keyName] = function(..._args) {
let result = originSwitchFunc.call(this, ..._args);
_args[0] = checkCallBack(_args[0]);
return result;
};
});
}
return originPush.call(this, ...args);
};
}
});
},
/**
* 劫持百度贴吧的window.webpackJsonp
* 当前 "core:67"
* + 百度贴吧(tieba.baidu.com)
*
* https://tb3.bdstatic.com/tb/wise/wise-main-core/static/js/collect~download~frs~gaokao~index~pb~userpost.e5a81d45.js
* tiebaNewWakeup.js v3.0.3
* (c) 2018-2023 liugui01
* Released under the BaiDuTieBa License.
*/
windowWebpackJsonp_tieba() {
if (this.$isHook.windowWebpackJsonp_tieba) {
return;
}
this.$isHook.windowWebpackJsonp_tieba = true;
this.windowWebPack(
"webpackJsonp",
["core:0"],
function(webpackExports) {
if (typeof webpackExports?.exports === "object" && typeof webpackExports.exports["getSchema"] === "function" && typeof webpackExports.exports["getToken"] === "function" && typeof webpackExports.exports["init"] === "function" && typeof webpackExports.exports["initDiffer"] === "function") {
log.success(["成功劫持webpack调用函数", webpackExports]);
webpackExports?.["i"];
webpackExports.exports.getSchema = function(...args) {
};
webpackExports.exports.getToken = function(...args) {
log.info(["阻止调用getToken", ...args]);
};
webpackExports.exports.init = function(...args) {
log.info(["阻止初始化", ...args]);
if (args?.[0]?.["page"] === "usercenter") {
let homeUrl = "/home/main?id=" + args[0]["param"]["portrait"];
log.info(["跳转至用户空间", homeUrl]);
window.open(homeUrl);
}
return;
};
webpackExports.exports.initDiffer = function(...args) {
log.info(["阻止初始化差异", ...args]);
return;
};
}
return webpackExports;
}
);
},
/**
* 劫持百度好看视频的window.webpackJsonp
* + 百度好看视频(haokan.baidu.com)
*
*/
windowWebpackJsonp_haokan() {
if (this.$isHook.windowWebpackJsonp_haokan) {
return;
}
this.$isHook.windowWebpackJsonp_haokan = true;
this.windowWebPack(
"webpackJsonp",
[40, 1],
function(webpackExports) {
if (typeof webpackExports?.exports === "object" && typeof webpackExports.exports["LaunchScheme"] === "function" && typeof webpackExports.exports["__esModule"] === "boolean") {
log.success(["成功劫持webpack调用函数", webpackExports]);
webpackExports?.["i"];
webpackExports.exports["LaunchScheme"] = function() {
log.success(["修改参数：LaunchScheme"]);
return {
launch() {
return new Promise(function(resolve) {
log.success(["修改参数：launch"]);
resolve(void 0);
});
}
};
};
}
return webpackExports;
}
);
},
/**
* 劫持window下的BoxJSBefore对象调用，它的所有的属性都是函数
* + 百家号(mbd.baidu.com)
*
* window.BoxJSBefore
*/
windowBoxJSBefore() {
if (this.$isHook.windowBoxJSBefore) {
return;
}
this.$isHook.windowBoxJSBefore = true;
OriginPrototype.Object.defineProperty(_unsafeWindow, "BoxJSBefore", {
get() {
return new Proxy(
{},
{
get(target, name, receiver) {
log.success("劫持BoxJSBefore调用：" + name);
}
}
);
}
});
},
/**
* 劫持window下的openContentBox对象调用，它的所有的属性都是函数
* + 百家号(baijiahao.baidu.com)
*
* window.openContentBox
*/
window_openContentBox() {
if (this.$isHook.window_openContentBox) {
return;
}
this.$isHook.window_openContentBox = true;
OriginPrototype.Object.defineProperty(_unsafeWindow, "BoxJSBefore", {
get() {
return new Proxy(
{},
{
get(target, name, receiver) {
log.success("劫持openContentBox调用：" + name);
}
}
);
}
});
}
};
const BaiduSearchHook = {
init() {
Panel.execMenuOnce("baidu_search_hijack__onClick", () => {
log.success("hook: baidu onClick");
BaiduHook.objectDefineProperty_search("baidu_search_hijack__onClick");
});
Panel.execMenuOnce("baidu_search_hijack_openbox", () => {
log.success("hook: window.OpenBox");
BaiduHook.windowOpenBox();
});
Panel.execMenuOnce("baidu_search_hijack_scheme", () => {
log.success("hook: Function.apply => scheme");
BaiduHook.functionApply("scheme");
});
Panel.execMenuOnce("baidu_search_hijack_copy", () => {
log.success("hook: Function.apply => copy");
BaiduHook.functionApply("copy");
});
Panel.execMenuOnce("baidu_search_hijack_setTimeout", () => {
BaiduHook.setTimeout("getGeoLocation|loopPlay()|.videoAutoplay");
});
}
};
const SearchHandleResultEveryOneSearch = {
/**
* 是否重构大家都在搜
*/
get refactorEveryoneIsStillSearching() {
return Panel.getValue(
"baidu_search_refactor_everyone_is_still_searching",
false
);
},
/**
* 处理底部的
* @param bottomElement
*/
handleBottom(bottomElement) {
log.success("大家还在搜: 处理底部的");
bottomElement.forEach((item) => {
if (item.hasAttribute("gm-refactor-everyone-search-bottom")) {
return;
}
item.removeAttribute("class");
item.removeAttribute("id");
item.setAttribute("gm-refactor-everyone-search-bottom", "true");
item.querySelectorAll(".rw-list-container .rw-list-new").forEach((searchItemEle) => {
let searchText = searchItemEle?.textContent?.trim();
searchItemEle.innerHTML = /*html*/
`
<a href="javascript:;" onclick="return false;" target="_self" class="whitesev-gm-refactor-everyone-searching">
<span>${searchText}</span>
</a>`;
searchItemEle.style.setProperty(
"padding",
"0.06rem"
);
});
item.querySelector("div.c-line-clamp1")?.remove();
if (!item.closest("#results")) {
$("#results")?.appendChild(item);
}
domUtils.on(item, "click", "div.rw-list-new", function(event) {
let searchText = event.target.querySelector("span")?.textContent?.trim();
log.success("底部 点击大家还在搜 ==> " + searchText);
utils.preventEvent(event);
window.location.href = `https://m.baidu.com/s?word=${event.target?.textContent?.trim()}`;
});
});
},
/**
* 处理中间的
* @param centerElement
*/
handleCenter(centerElement) {
log.success("大家还在搜: 处理中间的");
centerElement.forEach((recommendElement) => {
if (recommendElement.hasAttribute("gm-refactor-everyone-search-center")) {
return;
}
if (!recommendElement.querySelector("div.c-gap-inner-bottom-small") && !recommendElement.querySelector("div.cos-row div.cos-col")) {
return;
}
recommendElement.setAttribute(
"gm-refactor-everyone-search-center",
"true"
);
let rwListContainerHTML = "";
let innerBottomSmallElementList = recommendElement.querySelectorAll(
"div.c-gap-inner-bottom-small"
);
if (!innerBottomSmallElementList.length) {
innerBottomSmallElementList = recommendElement.querySelectorAll(
"div.cos-row div.cos-col"
);
}
innerBottomSmallElementList.forEach((item) => {
let searchText = item.textContent?.trim();
rwListContainerHTML += /*html*/
`
<div class="rw-list-new rw-list-new2" style="padding: 0.06rem;width: 49%;">
<a href="javascript:;" onclick="return false;" target="_self" class="whitesev-gm-refactor-everyone-searching">
<span>${searchText}</span>
</a>
</div>`;
});
recommendElement.innerHTML = /*html*/
`
<div m-service="relative" data-tpl="san" id="relativewords" class="se-relativewords c-container se-relativewords-new c-bg-color-white">
<div class="rw-little-title">
<div class="c-row">
<div class="c-color little-title c-span10 c-row-youth c-row-gap-zero-two-youth c-fwb">大家还在搜</div>
<div class="func-btn">
<div class="func-btn-bg"><i class="c-icon c-color-gray"></i></div>
</div>
</div>
</div>
<div class="rw-list-container rw-list-container2" style="display: inline-table;display: -webkit-inline-box;">
${rwListContainerHTML}</div>
</div>`;
domUtils.on(
recommendElement,
"click",
"div.rw-list-new",
function(event) {
let searchText = event.target.querySelector("span")?.textContent?.trim();
log.success("中间 点击大家还在搜 ==> " + searchText);
utils.preventEvent(event);
window.location.href = `https://m.baidu.com/s?word=${searchText}`;
}
);
});
}
};
const BaiduSearchBlockRule = {
defaultRule: `
// 百度健康
// match-href##expert.baidu.com
// 大家还在搜
match-href##recommend_list.baidu.com&&&&match-attr##tpl##recommend_list
// 大家还在搜:隐藏的(点击后，跳出来的)
remove-child##.c-atom-afterclick-recomm-wrap
// 百家号聚合
match-href##author.baidu.com/home/
// xxx 相关 xxx
match-attr##srcid##(sigma|vid_fourfold)
// 问一问
match-attr##data-log##wenda_inquiry
// 百度游戏
match-attr##srcid##yx_entity_san
// 大家还在看
match-attr##srcid##yl_recommend_list
// 百度-智能小程序
match-attr##srcid##xcx_multi
// 百度 xx精选商品问答
match-attr##srcid##b2b_wenda_wise
// 百度爱采购
match-attr##srcid##b2b_straight_wise_vertical
// ↓会误杀有些情况下是百度知道的回答链接
// match-attr##srcid##lego_tpl
match-href##^http(s|)://b2b.baidu.com
// 百度优选
match-attr##srcid##sp_purc_san
// 全网热卖
match-attr##srcid##sp_purc_atom
// 搜索聚合
// match-attr##srcid##note_lead
// 资讯
// match-attr##srcid##realtime
// 百度有驾
// match-attr##srcid##(car_kg2_san|car_view_point_san)
// 动态(微博、百度动态...等)
// match-attr##srcid##rel_ugc_san
`,
/**
* 搜索规则
*/
rule: [],
init() {
let localRule = this.getLocalRule();
if (Panel.getValue("baidu-search-blockNoteLead")) {
this.defaultRule += "\nmatch-attr##srcid##note_lead";
}
if (Panel.getValue("baidu-search-enable-default-interception-rules")) {
localRule = this.defaultRule + "\n\n" + localRule;
}
this.rule = this.parseRule(localRule);
},
/** 获取本地存储的自定义拦截规则 */
getLocalRule() {
let localRule = Panel.getValue("baidu-search-interception-rules", "");
localRule = localRule.trim();
return localRule;
},
/** 设置本地存储的自定义拦截规则 */
setLocalRule(rule) {
Panel.setValue("baidu-search-interception-rules", rule);
},
/** 清空规则 */
clearLocalRule() {
Panel.deleteValue("baidu-search-interception-rules");
},
/**
* 把规则进行转换
* @param localRule
*/
parseRule(localRule) {
let result = [];
function parseOneRule(ruleItem) {
let cRuleItemSplit = ruleItem.split("##");
if (!cRuleItemSplit.length) {
log.error(["无效规则", ruleItem]);
return;
}
let ruleName = cRuleItemSplit[0];
let ruleNameLowerCase = ruleName.toLowerCase();
let endRule = ruleItem.replace(ruleName + "##", "");
if (ruleNameLowerCase === "match-href") {
return {
rule: ruleItem,
mode: ruleNameLowerCase,
matchText: new RegExp(endRule)
};
} else if (ruleNameLowerCase === "match-attr") {
let otherRuleSplit = endRule.split("##");
if (otherRuleSplit.length === 1) {
log.error(["无效规则", ruleItem]);
return;
}
let attrName = otherRuleSplit[0];
let attrValueMatch = endRule.replace(attrName + "##", "");
return {
rule: ruleItem,
mode: ruleNameLowerCase,
attr: attrName,
matchText: new RegExp(attrValueMatch)
};
} else if (ruleNameLowerCase === "contains-child" || ruleNameLowerCase === "remove-child") {
return {
rule: ruleItem,
mode: ruleNameLowerCase,
matchText: endRule
};
} else {
log.error(["无效规则", ruleItem]);
}
}
localRule.split("\n").forEach((ruleItem) => {
ruleItem = ruleItem.trim();
if (ruleItem === "") {
return;
}
if (ruleItem.startsWith("//")) {
return;
}
let moreRule = ruleItem.split("&&&&");
if (moreRule.length === 1) {
let parsedRule = parseOneRule(ruleItem);
if (parsedRule) {
result.push(parsedRule);
}
} else {
let resultRule = [];
moreRule.forEach((oneRule) => {
oneRule = oneRule.trim();
let parsedRule = parseOneRule(oneRule);
if (parsedRule) {
resultRule.push(parsedRule);
}
});
result.push({
mode: "more-rule",
moreRule: resultRule
});
}
});
return result;
},
/**
* 执行自定义规则，拦截返回true
* @param element
* @param url 真实链接
*/
handleCustomRule(element, url) {
function handleOneRule(ruleItem) {
if (ruleItem.mode === "match-href") {
if (typeof url === "string" && url.match(ruleItem.matchText)) {
return true;
}
} else if (ruleItem.mode === "match-attr") {
if (element.hasAttribute(ruleItem.attr) && element.getAttribute(ruleItem.attr)?.match(ruleItem.matchText)) {
return true;
}
} else if (ruleItem.mode === "contains-child") {
if (element.querySelector(ruleItem.matchText)) {
return true;
}
} else if (ruleItem.mode === "remove-child") {
element.querySelector(ruleItem["matchText"])?.remove();
}
}
for (const ruleItem of this.rule) {
if (ruleItem.moreRule) {
for (const oneRule of ruleItem.moreRule) {
if (handleOneRule(oneRule)) {
return true;
}
}
} else {
if (handleOneRule(ruleItem)) {
return true;
}
}
}
}
};
const BaiduHandleResultItem = {
originURLMap: null,
/**
* 判断链接是否是百度的中转链接
* @param url
* @returns
* + true 是百度的中转链接
* + false 不是百度的中转链接
*/
isBaiDuTransferStation(url) {
try {
url = decodeURIComponent(url);
return utils.startsWith(
url,
"http(s|)://(m[0-9]{0,2}|www).baidu.com/from"
);
} catch (error) {
log.error(error);
return false;
}
},
/**
* 判断链接是否是黑名单链接，不进行处理
* @param url
* @returns
* + true 是黑名单url
* + false 不是黑名单url
*/
isBlackList(url) {
let blackList = [
/^http(s|):\/\/(m[0-9]{0,2}|www).baidu.com\/productcard/,
// 貌似是贴吧类
/^http(s|):\/\/(m[0-9]{0,2}|www).baidu.com\/pages\/pb\/pb/,
/^http(s|):\/\/ks.baidu.com/,
/^http(s|):\/\/mbd.baidu.com\/ma\/tips/
];
for (const blackUrlRegexp of blackList) {
if (url.match(blackUrlRegexp)) {
return true;
}
}
return false;
},
/**
* 为搜索结果每一条设置原始链接
* @param $result 每条结果元素
* @param articleURL article的真实url
*/
setArticleOriginUrl($result, articleURL) {
$result.querySelectorAll("a").forEach(async (item) => {
if (BaiduHandleResultItem.originURLMap.has(item.href)) {
articleURL = BaiduHandleResultItem.originURLMap.get(item.href);
}
let originUrl = BaiduHandleResultItem.parseOriginUrlFromDataSet(item);
if (!utils.isNull(originUrl)) {
articleURL = originUrl;
}
if (utils.isNull(articleURL) || articleURL === item.href) {
return;
}
if (BaiduHandleResultItem.isBlackList(articleURL)) {
return;
}
item.href = articleURL;
});
$result.querySelectorAll(
'div[data-aftclk][class*="img-container"]'
).forEach(($imgContainer) => {
let domOriginUrl = BaiduHandleResultItem.parseOriginUrlFromDataSet($imgContainer);
if (!utils.isNull(domOriginUrl) && !BaiduHandleResultItem.isBlackList(domOriginUrl)) {
$imgContainer.setAttribute("href", domOriginUrl);
$imgContainer.setAttribute("rl-link-href", domOriginUrl);
}
});
$result.querySelectorAll(
"div.c-video-container div[data-aftclk]"
).forEach(($aftclk) => {
let domOriginUrl = BaiduHandleResultItem.parseOriginUrlFromDataSet($aftclk);
if (!utils.isNull(domOriginUrl) && !BaiduHandleResultItem.isBlackList(domOriginUrl)) {
$aftclk.setAttribute("href", domOriginUrl);
$aftclk.setAttribute("rl-link-href", domOriginUrl);
}
});
$result.querySelectorAll(
'div[data-module="sc_pc"] div[rl-link-href]'
).forEach(($rlLinkHref) => {
let domOriginUrl = BaiduHandleResultItem.parseOriginUrlFromDataSet($rlLinkHref);
if (!utils.isNull(domOriginUrl) && !BaiduHandleResultItem.isBlackList(domOriginUrl)) {
$rlLinkHref.setAttribute("href", domOriginUrl);
$rlLinkHref.setAttribute("rl-link-href", domOriginUrl);
}
});
},
/**
* 解析在JSON数据中的urlParams中真正的链接，如果不存在，返回undefined
* @param data 传入 {"urlParams":{...}} 中的urlParams
*/
parseURLParamsOriginURL(data) {
if (data["originUrl"]) {
return data["originUrl"];
} else if (data["log"]) {
let url = void 0;
try {
url = utils.toJSON(data["log"])["mu"];
utils.isNull(url) && (url = void 0);
} catch (error) {
}
return url;
}
},
/**
* 由于部分真实链接存储在 script 标签中，得取出
* @param $target 目标元素
*/
parseScriptDOMOriginUrlMap($target) {
let urlMap = new utils.Dictionary();
$target.querySelectorAll("script[id^='atom-data-']").forEach((item) => {
let jsonData = utils.toJSON(item.innerHTML);
if (jsonData["data"]["resultAtomData"] == null) {
return;
}
let resultAtomData = jsonData["data"]["resultAtomData"];
if (resultAtomData["abstract"] && resultAtomData["abstract"]["urlParams"] && resultAtomData["abstract"]["urlParams"]["tcUrl"]) {
let url = BaiduHandleResultItem.parseURLParamsOriginURL(
resultAtomData["abstract"]["urlParams"]
);
if (url) {
urlMap.set(resultAtomData["abstract"]["urlParams"]["tcUrl"], url);
}
}
if (resultAtomData["content"] && resultAtomData["content"]["abstract"] && resultAtomData["content"]["abstract"]["urlParams"] && resultAtomData["content"]["abstract"]["urlParams"]["tcUrl"]) {
let url = BaiduHandleResultItem.parseURLParamsOriginURL(
resultAtomData["content"]["abstract"]["urlParams"]
);
if (url) {
urlMap.set(
resultAtomData["content"]["abstract"]["urlParams"]["tcUrl"],
url
);
}
}
if (resultAtomData["content"] && resultAtomData["content"]["links"] && resultAtomData["content"]["links"]["list"]) {
resultAtomData["content"]["links"]["list"].forEach((item2) => {
item2.forEach((item22) => {
if (item22["urlParams"]["tcUrl"]) {
let url = BaiduHandleResultItem.parseURLParamsOriginURL(
item22["urlParams"]
);
if (url) {
urlMap.set(item22["urlParams"]["tcUrl"], url);
}
}
});
});
}
if (resultAtomData["content"] && resultAtomData["content"]["site"]) {
resultAtomData["content"]["site"]["list"].forEach(
(item2) => {
if (item2["urlParams"]["tcUrl"]) {
let url = BaiduHandleResultItem.parseURLParamsOriginURL(
item2["urlParams"]
);
if (url) {
urlMap.set(item2["urlParams"]["tcUrl"], url);
}
}
}
);
}
});
return urlMap;
},
/**
* 判断链接是不是搜索结果的原始链接
* @param url
*/
isNotRlLinkUrl(url) {
if (utils.isNull(url)) {
return true;
}
if (typeof url !== "string") {
return true;
}
if (!url.startsWith("http")) {
return true;
}
if (url.match(/^http(s|):\/\/nourl\.(ubs\.|)baidu\.com/gi)) {
return true;
}
return false;
},
/**
* 解析DOM节点上隐藏在属性中的真正url
* @param $target 目标元素
*/
parseOriginUrlFromDataSet($target) {
let url = null;
let dataLogStr = $target.getAttribute("data-log");
let $article = $target.querySelector("article");
if (dataLogStr && dataLogStr !== "{") {
try {
let dataLog = utils.toJSON(dataLogStr);
url = dataLog.mu;
} catch (error) {
log.error("DOM的属性data-log不存在👇");
log.error(error);
}
}
if (this.isNotRlLinkUrl(url)) {
let rlLinkDataUrl = $article?.getAttribute("rl-link-data-url") || $target.getAttribute("rl-link-data-url");
if (rlLinkDataUrl) {
url = rlLinkDataUrl;
}
}
if (this.isNotRlLinkUrl(url)) {
let dataIVKStr = $target.getAttribute("data-ivk");
if (dataIVKStr) {
try {
let dataIVK = utils.toJSON(dataIVKStr);
if (dataIVK?.control?.default_url && !BaiduHandleResultItem.isBaiDuTransferStation(
dataIVK?.control?.default_url
)) {
url = dataIVK?.control?.default_url;
} else if (dataIVK?.control?.dataUrl && !BaiduHandleResultItem.isBaiDuTransferStation(
dataIVK?.control?.dataUrl
)) {
url = dataIVK?.control?.dataUrl;
} else if (dataIVK?.control?.ext?.url && !BaiduHandleResultItem.isBaiDuTransferStation(
dataIVK?.control?.ext?.url
)) {
url = dataIVK?.control?.ext?.url;
}
} catch (error) {
log.error("DOM的属性data-ivk不存在👇");
log.error(error);
}
}
}
if (this.isNotRlLinkUrl(url)) {
let rlLinkDataLogStr = $target.getAttribute("rl-link-data-log");
if (rlLinkDataLogStr) {
try {
let rlLinkDataLog = utils.toJSON(rlLinkDataLogStr);
if (utils.isNull(rlLinkDataLog.mu) && rlLinkDataLog.extra) {
try {
let rlLinkDataLogExtra = utils.toJSON(rlLinkDataLog.extra);
if (rlLinkDataLogExtra.loc && !BaiduHandleResultItem.isBaiDuTransferStation(
rlLinkDataLogExtra.loc
)) {
url = decodeURIComponent(rlLinkDataLogExtra.loc);
} else if (rlLinkDataLogExtra.log_loc && !BaiduHandleResultItem.isBaiDuTransferStation(
rlLinkDataLogExtra.log_loc
)) {
url = decodeURIComponent(rlLinkDataLogExtra.log_loc);
}
} catch (error) {
log.error("DOM的属性rl-link-data-log的extra不存在👇");
log.error(error);
}
} else {
url = rlLinkDataLog.mu;
}
} catch (error) {
log.error("DOM的属性rl-link-data-log不存在👇");
log.error(error);
}
}
}
if (this.isNotRlLinkUrl(url)) {
let rlLinkDataIvkStr = $target.getAttribute("rl-link-data-ivk");
if (rlLinkDataIvkStr) {
try {
let rlLinkDataIvk = utils.toJSON(rlLinkDataIvkStr);
if (rlLinkDataIvk?.control?.default_url && !BaiduHandleResultItem.isBaiDuTransferStation(
rlLinkDataIvk?.control?.default_url
)) {
url = rlLinkDataIvk?.control?.default_url;
} else if (rlLinkDataIvk?.control?.invoke_url && !BaiduHandleResultItem.isBaiDuTransferStation(
rlLinkDataIvk?.control?.invoke_url
)) {
url = rlLinkDataIvk?.control?.invoke_url;
} else if (rlLinkDataIvk?.control?.ext?.url && !BaiduHandleResultItem.isBaiDuTransferStation(
rlLinkDataIvk?.control?.ext?.url
)) {
url = rlLinkDataIvk?.control?.ext?.url;
}
} catch (error) {
log.error("DOM的属性rl-link-data-ivk不存在👇");
log.error(error);
}
}
}
if (this.isNotRlLinkUrl(url)) {
let articleDataLogStr = $article?.getAttribute("rl-link-data-log");
if (articleDataLogStr) {
try {
let articleDataLog = utils.toJSON(articleDataLogStr);
url = articleDataLog.mu;
} catch (error) {
log.error("article DOM的属性的rl-link-data-log不存在👇");
log.error($target);
}
}
}
if (this.isNotRlLinkUrl(url)) {
let articleLinkDataIVKStr = $article?.getAttribute("rl-link-data-ivk");
if (articleLinkDataIVKStr) {
try {
let articleLinkDataIVK = utils.toJSON(articleLinkDataIVKStr);
if (articleLinkDataIVK?.control?.default_url && !BaiduHandleResultItem.isBaiDuTransferStation(
articleLinkDataIVK?.control?.default_url
)) {
url = articleLinkDataIVK?.control?.default_url;
} else if (articleLinkDataIVK?.control?.dataUrl && !BaiduHandleResultItem.isBaiDuTransferStation(
articleLinkDataIVK?.control?.dataUrl
)) {
url = articleLinkDataIVK?.control?.dataUrl;
}
} catch (error) {
log.error("article DOM的属性rl-link-data-ivk不存在👇");
log.error(error);
}
}
}
if (this.isNotRlLinkUrl(url)) {
url = null;
} else {
let chineseArr = url.match(/[\u4e00-\u9fa5]/g);
if (chineseArr) {
for (let i = 0; i < chineseArr.length; i++) {
url = url.replace(chineseArr[i], encodeURI(chineseArr[i]));
}
}
}
if (this.isNotRlLinkUrl(url)) {
let labelUrl = $target.getAttribute("label-url");
if (labelUrl) {
url = labelUrl;
}
}
if (!this.isNotRlLinkUrl(url) && utils.startsWith(url, "http(s|)://(m[0-9]{0,2}|www).baidu.com/sf?")) {
url = decodeURIComponent(url);
}
if (!this.isNotRlLinkUrl(url)) {
if (utils.startsWith(url, "http(s|)://nourl.baidu.com")) {
url = "";
}
}
return url;
},
/**
* 获取每一项的标题元素
* @param targetNode 目标项
*/
getItemTitleElement(targetNode) {
return targetNode.querySelector(".c-title-text") || targetNode.querySelector("p.cu-title") || targetNode.querySelector("div[class^=header-wrapper]") || targetNode.querySelector(".c-title");
},
/**
* 添加CSDN的CSS
*/
addCSDNFlagCSS() {
addStyle$1(
/*css*/
`
.csdn-flag-component-box{display:flex;margin:0;text-align:left;font-size:0;position:relative;width:260px;margin:5px 0}
.csdn-flag-component-box a{display:inline-block;font-size:14px}
.csdn-flag-component-box .praise {
padding-right: 20px;
background: #ff5722;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
background: -webkit-linear-gradient(left,#ff5722,#f78d6b);
background: -o-linear-gradient(right,#ff5722,#f78d6b);
background: -moz-linear-gradient(right,#ff5722,#f78d6b);
background: linear-gradient(to right,#ff5722,#f78d6b);
}
.csdn-flag-component-box .praise,
.csdn-flag-component-box .share {
height:auto;
line-height:normal;
color: #fff;
background: #ff0505;
border-radius: 5px;
padding: 2px 4px;
}`
);
},
/**
* 给元素添加【CSDN】下载标识
* @param $result
*/
addCSDNFlag($result) {
if ($result.querySelector(".csdn-flag-component-box")) {
return;
}
let $titleText = BaiduHandleResultItem.getItemTitleElement($result);
if ($titleText) {
domUtils.append(
$titleText,
/*html*/
`<div class="csdn-flag-component-box"><a class="praise" href="javascript:;">CSDN下载</a></div>`
);
log.success("插入CSDN下载提示标题");
}
},
/**
* 移除广告、推广
*/
removeAds() {
const TAG = "删除广告 ==> ";
if (Panel.getValue("baidu_search_blocking_everyone_is_still_searching")) {
let $conterEveryOneSearch = $$(
".c-recomm-wrap.new-ux-recom-wrapper.c-bg-color-white.animation"
);
if ($conterEveryOneSearch.length) {
log.success(`${TAG}中间 大家都在搜 ${$conterEveryOneSearch.length}个`);
domUtils.remove($conterEveryOneSearch);
}
let $bottomEveryOneSearch = $$("#page-relative");
if ($bottomEveryOneSearch.length) {
log.success(`${TAG}末尾 大家都在搜 ${$bottomEveryOneSearch.length}个`);
domUtils.remove($bottomEveryOneSearch);
}
let $searchCraftEveryOnceSearch = $$("#relativewords");
if ($searchCraftEveryOnceSearch.length) {
log.success(
`${TAG}简单搜索加载下一页出现的 大家都在搜 ${$searchCraftEveryOnceSearch.length}个`
);
domUtils.remove($searchCraftEveryOnceSearch);
}
} else {
if (SearchHandleResultEveryOneSearch.refactorEveryoneIsStillSearching) {
let $conterEveryOneSearch = Array.from(
$$('.c-result.result[tpl^="recommend_list"]')
);
if ($conterEveryOneSearch.length) {
SearchHandleResultEveryOneSearch.handleCenter($conterEveryOneSearch);
}
let $bottomEveryOneSearch = Array.from(
$$("#page-relative")
);
if ($bottomEveryOneSearch.length) {
SearchHandleResultEveryOneSearch.handleBottom(
Array.from($$("#page-relative"))
);
}
}
}
let $popUp = $$("#pop-up");
if ($popUp.length) {
log.success(`${TAG}跳转百度app提示 ${$popUp.length}个`);
domUtils.remove($popUp);
}
let $ec_wise_aad = $$(".ec_wise_ad");
if ($ec_wise_aad.length) {
log.success(`${TAG}顶部的部分商品广告 ${$ec_wise_aad.length}个`);
domUtils.remove(domUtils.parent($ec_wise_aad));
}
document.querySelectorAll(".c-result.result").forEach(($result) => {
let dataLog = utils.toJSON($result.getAttribute("data-log"));
let searchArticleOriginal_link = dataLog["mu"] || $result.querySelector("article")?.getAttribute("rl-link-href");
if (utils.isNotNull(searchArticleOriginal_link) && BaiduSearchBlockRule.handleCustomRule(
$result,
searchArticleOriginal_link
)) {
log.info(["触发自定义规则，拦截该项：", searchArticleOriginal_link]);
$result.remove();
return;
}
if (Panel.getValue("baidu-search-blockAutomaticVideoPlayback")) {
$result.querySelectorAll("[class*='-video-player']").forEach((ele) => ele.remove());
}
if (utils.isNotNull(searchArticleOriginal_link)) {
if (searchArticleOriginal_link.match(
/^http(s|):\/\/(download.csdn.net|www.iteye.com\/resource)/g
)) {
log.success("添加CSDN下载标识");
BaiduHandleResultItem.addCSDNFlag($result);
}
}
if (Panel.getValue(
"baidu_search_blocking_everyone_is_still_searching"
)) {
let $title = $result.querySelector(".rw-little-title");
if ($title && $title.textContent?.startsWith("大家还在搜")) {
$result?.remove();
log.success(`${TAG}大家都在搜（能看到的）`);
}
$result.querySelectorAll("span").forEach((item) => {
let resultParentElement = item?.parentElement?.parentElement;
if (resultParentElement && item.innerText.match(/百度APP内打开/) || resultParentElement && resultParentElement.getAttribute("data-from") === "etpl") {
resultParentElement.remove();
log.success(
`${TAG}百度APP内打开，隐藏的广告，会在滚动时跳出来的`
);
}
});
}
$result.querySelectorAll(".c-color-source").forEach(($bottomLogo) => {
if ($bottomLogo.outerText && $bottomLogo.outerText.match(/百度(APP内打开|手机助手)/)) {
$result.remove();
log.success(`${TAG}百度APP内打开|百度手机助手`);
}
});
});
},
/**
* 重定向顶部的链接，如全部、视频、图片、贴吧、咨询...
*/
redirectTopLink() {
$$(".se-head-tablink a").forEach((item) => {
if (item.hasAttribute("data-sflink") && !utils.isNull(item.getAttribute("data-sflink")) && BaiduHandleResultItem.isBaiDuTransferStation(
item.getAttribute("href")
) && item.getAttribute("href") !== item.getAttribute("data-sflink")) {
item.href = item.getAttribute(
"data-sflink"
);
}
});
},
/**
* 删除script标签中的百度APP提示
*/
replaceScriptBaiDuTip() {
$$("script").forEach((item) => {
if (item.innerText.match(/define\(\"@molecule\/aftclk\/index\",/g)) {
item.remove();
log.success("删除广告 ==> script元素 跳转百度app提示");
}
});
},
/**
* 替换链接
*/
async replaceLink() {
let searchResultList = Array.from($$(".c-result.result"));
for (const searchResultItem of searchResultList) {
let resultItemOriginURL = BaiduHandleResultItem.parseOriginUrlFromDataSet(searchResultItem);
if (utils.isNull(resultItemOriginURL)) {
continue;
}
let articleElement = searchResultItem.querySelector("article");
if (!articleElement) {
continue;
}
if (BaiduHandleResultItem.isBlackList(resultItemOriginURL)) {
log.error("黑名单链接不进行替换👉" + resultItemOriginURL);
continue;
}
if (searchResultItem.getAttribute("tpl") === "wenda_abstract" && searchResultItem.getAttribute("preventClick") == null) {
searchResultItem.setAttribute("preventClick", "true");
domUtils.on(
searchResultItem,
"click",
function(event) {
utils.preventEvent(event);
let clickNode = event.target;
if (clickNode.localName && clickNode.localName === "sup" && clickNode.getAttribute("rl-type") === "stop") {
return;
} else {
window.stop();
window.location.href = decodeURI(resultItemOriginURL);
}
}
);
continue;
}
if (resultItemOriginURL.match(/^http(s|):\/\/www.internal.video.baidu.com/g)) {
let internalVideo = decodeURI(
articleElement.getAttribute("rl-link-data-log")
);
let internalVideoMatch = internalVideo.match(
/\/sf\?pd=video_pag(.*?)={/g
);
if (internalVideoMatch) {
let internalVideoText = internalVideoMatch[0];
let newinternalVideo = internalVideoText.substring(
0,
internalVideoMatch.length - 2
);
resultItemOriginURL = newinternalVideo;
log.info(`视频链接 ${newinternalVideo}`);
}
}
BaiduHandleResultItem.setArticleOriginUrl(
searchResultItem,
resultItemOriginURL
);
articleElement.setAttribute("rl-link-href", resultItemOriginURL);
}
}
};
const SearchNextPage = {
/**
* 初始页面的信息
*/
initPageInfo: null,
/**
* 本页的信息，自动跟随请求下一页更新数据
*/
pageInfo: null,
/**
* 本页的下一页的信息
*/
nextPageInfo: null,
/**
* 观察器
*/
intersectionObserver: null,
$el: {
/**
* 结果项的容器元素
*/
get pageController() {
return $("#page-controller") || $("#page-bd") || // 问答页面的
// https://m.baidu.com/sf/vsearch?pd=wenda_tab&tn=vsearch&pn=10&from=0&word=%E9%B2%8D%E9%B1%BC&sa=vs_np&ms=1&rqid=
$("b-superframe-body");
},
/**
* 结果项元素，用来把结果元素一个个的添加到该元素内
*/
get results() {
return $("#results") || $("b-superframe-body .sfa-results");
}
},
init() {
if (BaiduRouter.isSearchVSearch_note()) {
loadingView.hide();
log.warn(
"自动翻页：当前为笔记页面，禁用自动加载下一页功能，原因：该页面自带加载下一页功能"
);
return;
}
this.initPageLineCSS();
CommonUtil.addBlockCSS(
/* 隐藏分页控制器 */
"#page-controller"
);
loadingView.initLoadingView(true);
let $loadingViewPrev = this.$el.pageController;
if ($loadingViewPrev) {
domUtils.after($loadingViewPrev, loadingView.getLoadingViewElement());
} else {
log.error("自动翻页：未找到可以在后面插入加载中的元素");
return;
}
this.setNextPageLoadingObserver();
},
/**
* 设置滚动事件
*/
setNextPageLoadingObserver() {
let isLoadingNextPage = false;
if (typeof IntersectionObserver === "undefined") {
log.success("监听滚动: scroll");
domUtils.on(
document,
"scroll",
void 0,
async () => {
if (isLoadingNextPage) {
return;
}
if (!utils.isNearBottom(window.innerHeight / 3)) {
return;
}
isLoadingNextPage = true;
await this.scrollEvent();
await utils.sleep(150);
isLoadingNextPage = false;
},
{
capture: true,
passive: true,
once: false
}
);
} else {
log.success("监听滚动: IntersectionObserver");
this.intersectionObserver = new IntersectionObserver(
async (entries) => {
if (!isLoadingNextPage && entries[0].isIntersecting) {
isLoadingNextPage = true;
await this.scrollEvent();
isLoadingNextPage = false;
}
},
{ threshold: 0 }
);
this.intersectionObserver.observe(
loadingView.loadingViewElement
);
}
},
/**
* 移除滚动事件
*/
removeNextPageLoadingObserver() {
if (typeof IntersectionObserver === "undefined") {
domUtils.off(
document,
"scroll",
void 0,
void 0,
{
capture: true
},
(value) => {
return value.originCallBack.toString().includes("isLoadingNextPage");
}
);
loadingView.destory();
log.info("取消监听滚动: scroll", "#f400ff");
} else {
this.intersectionObserver.disconnect();
this.intersectionObserver = null;
loadingView.destory();
log.info("取消监听滚动: IntersectionObserver", "#f400ff");
}
},
/**
* 把参数pn转换为页码
* pn: 10
* pageNum: 2
* @param pn 10的倍数
*/
parseParamPnToPageNum(pn) {
pn = parseInt(pn);
if (isNaN(pn)) {
throw new TypeError("pn参数解析失败");
}
let pageNum = pn / 10 + 1;
return pageNum;
},
/**
* 把页码转为参数pn
* pageNum: 2
* pn: 10
* @param pageNum
*/
parsePageNumToParamPn(pageNum) {
pageNum = parseInt(pageNum.toString());
if (isNaN(pageNum)) {
throw new TypeError("页码解析失败");
}
let pn = (pageNum - 1) * 10;
return pn;
},
/**
* 解析分页控制器的元素的下一页信息
*/
parseNextPageInfoWithPageController($doc) {
let $nextPage = $doc.querySelector(".new-nextpage");
let $nextPageOnly = $doc.querySelector(".new-nextpage-only");
let nextPageUrl = $nextPage?.getAttribute("href") || $nextPage?.getAttribute("data-sflink") || $nextPageOnly?.getAttribute("href") || $nextPageOnly?.getAttribute("data-sflink");
if (nextPageUrl) {
nextPageUrl = CommonUtil.fixUrl(nextPageUrl);
let param_pn_match = new URL(nextPageUrl).searchParams;
if (!param_pn_match.has("pn")) {
log.warn("获取不到pn参数");
return;
}
let param_pn = parseInt(param_pn_match.get("pn").toString());
let pageNum = this.parseParamPnToPageNum(param_pn);
return {
pn: param_pn,
pageNum,
nextPageUrl: this.fixNextPageUrl(nextPageUrl)
};
} else {
log.warn("未获取到下一页按钮元素链接");
}
return;
},
/**
* 修复下一页的url
* 有时候获取到的下一页的url的hostname和当前页面的hostname不同
* 因为使用的fetch，不能跨域
* 所以需要把下一页的url的hostname替换成当前页面的hostname
*/
fixNextPageUrl(url) {
let urlObj = new URL(url);
let newUrl = url;
if (urlObj.hostname !== window.location.hostname) {
urlObj.hostname = window.location.hostname;
newUrl = urlObj.toString();
log.success("成功修复下一页的链接的不同域名：" + newUrl);
}
return newUrl;
},
/**
* 初始化获取本页的页码信息
*/
getInitPageInfo() {
let initPageInfo = this.parseNextPageInfoWithPageController(document);
if (initPageInfo) {
if (initPageInfo.pageNum === 1) {
return initPageInfo;
}
initPageInfo.pageNum -= 1;
initPageInfo.pn -= 10;
return initPageInfo;
} else {
if (typeof _unsafeWindow?.page?.comm?.pn !== "number") {
log.warn("page.comm.pn参数未定义");
return;
}
if (typeof _unsafeWindow?.page?.comm?.pageNum !== "number") {
log.warn("page.comm.pageNum参数未定义");
return;
}
let pn = _unsafeWindow.page.comm.pn;
let pageNum = _unsafeWindow.page.comm.pageNum;
let query = _unsafeWindow.page.comm.query || _unsafeWindow.page.comm.prequery || _unsafeWindow.page.comm.rawQuery;
let nextPageObj = new URL(window.location.origin);
nextPageObj.pathname = "/s";
nextPageObj.searchParams.append(
"from",
_unsafeWindow.page.comm.from
);
nextPageObj.searchParams.append("ssid", "0");
nextPageObj.searchParams.append("pn", pn + 10);
nextPageObj.searchParams.append("usm", "");
nextPageObj.searchParams.append("word", query);
nextPageObj.searchParams.append("rtime", "");
nextPageObj.searchParams.append("vfeed", "1024");
nextPageObj.searchParams.append("sa", "np");
nextPageObj.searchParams.append("ms", "1");
nextPageObj.searchParams.append("params_ssrt", "node-san");
nextPageObj.searchParams.append("suv", "");
nextPageObj.searchParams.append("cv", "1.0.14");
nextPageObj.searchParams.append("mod", "0");
nextPageObj.searchParams.append("async", "1");
let nextPageUrl = nextPageObj.toString();
return {
pn,
pageNum,
nextPageUrl: this.fixNextPageUrl(nextPageUrl)
};
}
},
/**
* 添加第xx页的分割线
* @param num 分页
*/
appendLineDriver(num) {
let currentResultsDOM = SearchNextPage.$el.results;
currentResultsDOM.appendChild(SearchNextPage.getPageLineElement(num));
},
/**
* 滚动事件
* @async
*/
async scrollEvent() {
if (this.initPageInfo == null) {
let pageInfo = this.getInitPageInfo();
if (!pageInfo) {
log.warn("初始化失败，未获取到本页信息");
SearchNextPage.removeNextPageLoadingObserver();
return;
}
this.initPageInfo = null;
this.initPageInfo = pageInfo;
this.pageInfo = null;
this.pageInfo = pageInfo;
this.nextPageInfo = null;
this.nextPageInfo = {
pn: pageInfo.pn + 10,
pageNum: pageInfo.pageNum + 1,
nextPageUrl: pageInfo.nextPageUrl
};
}
if (this.nextPageInfo == null) {
log.warn("不存在下一页，移除监听");
SearchNextPage.removeNextPageLoadingObserver();
return;
}
log.success(`当前第 ${this.pageInfo.pageNum} 页，pn：${this.pageInfo.pn}`);
log.success(
`请求第 ${this.nextPageInfo.pageNum} 页，pn：${this.nextPageInfo.pn}`
);
if (!this.nextPageInfo.nextPageUrl) {
log.warn("获取不到下一页Url，怀疑已加载所有的搜索结果");
SearchNextPage.removeNextPageLoadingObserver();
return;
}
loadingView.setText("Loading...", true);
let getResp = await httpx.get({
url: this.nextPageInfo.nextPageUrl,
fetch: true,
allowInterceptConfig: false
});
let respData = getResp.data;
if (getResp.status) {
log.success("响应的finalUrl: " + respData["finalUrl"]);
let nextPageDoc = domUtils.parseHTML(
respData.responseText,
true,
true
);
let scriptAtomData = domUtils.createElement("div");
nextPageDoc.querySelectorAll("script[id^=atom-data]").forEach((item) => {
scriptAtomData.appendChild(item);
});
let nextPageScriptOriginUrlMap = BaiduHandleResultItem.parseScriptDOMOriginUrlMap(scriptAtomData);
BaiduHandleResultItem.originURLMap.concat(nextPageScriptOriginUrlMap);
nextPageDoc.querySelectorAll("style[data-vue-ssr-id]").forEach((item) => {
let dataVueSsrId = "data-vue-ssr-id";
let dataVueSsrIdValue = item.getAttribute(dataVueSsrId);
if (utils.isNull(dataVueSsrIdValue) || !$(`style[data-vue-ssr-id="${dataVueSsrIdValue}"]`)) {
let cssDOM = addStyle$1(item.innerHTML);
cssDOM.setAttribute("data-vue-ssr-id", dataVueSsrIdValue);
log.info(["插入Vue的CSS", cssDOM]);
}
});
let searchResultDOM = nextPageDoc.querySelectorAll(".c-result");
let nextPageControllerDOM = nextPageDoc.querySelector("#page-controller") || nextPageDoc.querySelector(".vsearch-page-controller");
let currentResultsDOM = SearchNextPage.$el.results;
if (nextPageControllerDOM) {
this.appendLineDriver(this.pageInfo.pageNum);
let nextPageSearchResultFragment = document.createDocumentFragment();
searchResultDOM.forEach((item) => {
nextPageSearchResultFragment.appendChild(item);
});
currentResultsDOM.appendChild(nextPageSearchResultFragment);
if (Panel.getValue("baidu_search_sync_next_page_address")) {
window.history.pushState(
"forward",
"",
this.nextPageInfo.nextPageUrl
);
}
if (SearchHandleResultEveryOneSearch.refactorEveryoneIsStillSearching) {
SearchHandleResultEveryOneSearch.handleBottom(
Array.from(nextPageDoc.querySelectorAll("#page-relative"))
);
}
let nextNextPageInfo = this.parseNextPageInfoWithPageController(nextPageDoc);
if (nextNextPageInfo) {
log.info(["请求的页信息：", this.nextPageInfo]);
log.info(["请求的页解析出的下一页信息：", nextNextPageInfo]);
if (nextNextPageInfo.pageNum > this.nextPageInfo.pageNum) {
let nextPageInfo = this.nextPageInfo;
this.pageInfo = null;
this.nextPageInfo = null;
this.pageInfo = nextPageInfo;
this.nextPageInfo = nextNextPageInfo;
} else {
let nextPageInfo = this.nextPageInfo;
this.pageInfo = null;
this.nextPageInfo = null;
this.pageInfo = nextPageInfo;
log.warn("下下一页的页码<=当前页码，取消监听");
SearchNextPage.removeNextPageLoadingObserver();
}
} else {
let nextPageInfo = this.nextPageInfo;
this.pageInfo = null;
this.nextPageInfo = null;
this.pageInfo = nextPageInfo;
log.warn("获取不到下下一页的页码，怀疑已经加载全部结果");
SearchNextPage.removeNextPageLoadingObserver();
this.appendLineDriver(this.pageInfo.pageNum);
}
} else {
log.info("已加载所有的搜索结果");
SearchNextPage.removeNextPageLoadingObserver();
}
} else if (getResp.type === "onerror") {
if (utils.isNull(this.nextPageInfo.nextPageUrl)) {
log.error("未获取到下一页的url");
} else {
log.error("加载失败 👇");
loadingView.setText("加载失败");
}
log.error(respData);
} else if (getResp.type === "ontimeout") {
log.error("请求超时 👇");
loadingView.setText("请求超时");
log.error(respData);
} else {
log.error("未知错误");
loadingView.setText("未知错误");
log.error(respData);
}
},
/**
* 初始化页码的CSS
*/
initPageLineCSS() {
log.info("初始化页码的CSS");
addStyle$1(
/*css*/
`
.whitesev-page-info{-webkit-tap-highlight-color:transparent}
.whitesev-page-info .whitesev-new-pagenav{display:block;width:auto;color:#333;z-index:1;font-weight:700;text-decoration:none;position:relative;height:52px;line-height:52px}
.whitesev-page-info .whitesev-new-pagenav{margin:.08rem;background:#fff;word-wrap:break-word;border:0;border-radius:.06rem;text-align:center;text-align:-webkit-center}
.whitesev-page-info p::before{content:"第";margin-right:10px}
.whitesev-page-info p::after{content:"页";margin-left:10px}
`
);
},
/**
* 获取自定义页码元素
* @param pageText 页码
*/
getPageLineElement(pageText) {
return domUtils.createElement("div", {
className: "whitesev-page-info result-op",
innerHTML: (
/*html*/
`
<div class="whitesev-new-pagenav">
<p>${pageText}</p>
</div>`
)
});
}
};
const SearchNextPage_SearchCraft = {
/**
* 观察器
*/
intersectionObserver: null,
$data: {
/** 更多结果的CSS选择器 */
moreResultSelector: ".infinite-load-wrap .se-infiniteload-text"
},
init() {
let isSearchCraft = navigator.userAgent.includes("SearchCraft");
log.success(
`判断是否是SearchCraft：${isSearchCraft ? GM_Menu.getEnableTrueEmoji() : GM_Menu.getEnableFalseEmoji()}`
);
if (isSearchCraft) {
this.setNextPageInterSectionObserver();
}
},
/**
* 获取【更多结果】按钮
*/
getMoreResultBtn() {
return document.querySelector(
this.$data.moreResultSelector
);
},
/**
* 设置滚动事件
*/
setNextPageInterSectionObserver() {
let isLoadingNextPage = false;
if (typeof IntersectionObserver === "undefined") {
log.success("SearchCraft监听滚动: scroll");
domUtils.on(
document,
"scroll",
void 0,
async () => {
if (isLoadingNextPage) {
return;
}
if (!utils.isNearBottom(window.innerHeight / 3)) {
return;
}
isLoadingNextPage = true;
await this.scrollEvent();
await utils.sleep(150);
isLoadingNextPage = false;
},
{
capture: true,
passive: true,
once: false
}
);
} else {
utils.waitNode(this.$data.moreResultSelector, 1e4).then(($moreResult) => {
if (!$moreResult) {
log.error("SearchCraft监听滚动失败：【更多结果】按钮");
return;
}
log.success("SearchCraft监听滚动: IntersectionObserver");
this.intersectionObserver = new IntersectionObserver(
async (entries) => {
if (!isLoadingNextPage && entries[0].isIntersecting) {
isLoadingNextPage = true;
await this.scrollEvent();
isLoadingNextPage = false;
}
},
{ threshold: 0 }
);
this.intersectionObserver.observe($moreResult);
});
}
},
/**
* 移除滚动事件
*/
removeNextPageInterSectionObserver() {
if (typeof IntersectionObserver === "undefined") {
domUtils.off(
document,
"scroll",
void 0,
void 0,
{
capture: true
},
(value) => {
return value.originCallBack.toString().includes("isLoadingNextPage");
}
);
log.info("SearchCraft取消监听滚动: scroll", "#f400ff");
} else {
this.intersectionObserver?.disconnect();
this.intersectionObserver = null;
log.info("SearchCraft取消监听滚动: IntersectionObserver", "#f400ff");
}
},
/**
* 滚动事件
* @param $nextPage 下一页按钮
*/
async scrollEvent() {
let $moreResult = this.getMoreResultBtn();
let moreResultStr = $moreResult.innerText;
if (moreResultStr.includes("更多结果")) {
log.success("点击【更多结果】");
$moreResult.click();
await utils.sleep(500);
} else if (moreResultStr.includes("到底了 没有更多内容了")) {
log.error("到底了 没有更多内容了，移除滚动监听");
SearchNextPage_SearchCraft.removeNextPageInterSectionObserver();
}
}
};
const SearchInputEvent = {
init() {
let suggestListSelector = "#se-box .suggest-content";
let suggestListBtnSelectorList = "#se-box .suggest-content button";
let suggestList2Selector = "#se-box2 .suggest-content";
let suggestListBtn2SelectorList = "#se-box2 .suggest-content button";
let suggestList_HOME_Selector = "#index-box .suggest-content";
let suggestListBtn_HOME_SelectorList = "#index-box .suggest-content button";
let searchInputSelector = "#kw";
let searchInput2Selector = "#kw2";
let searchBtnSelector = "#se-bn";
let searchBtn2Selector = "#se-bn2";
let searchInput_HOME_Selector = "#index-kw";
let searchBtn_HOME_Selector = "#index-bn";
utils.waitNode(suggestListSelector).then((element) => {
utils.mutationObserver(element, {
callback: () => {
SearchInputEvent.mutationObserverFunction(suggestListBtnSelectorList);
},
config: { childList: true, attributes: true }
});
});
utils.waitNode(suggestList2Selector).then((element) => {
utils.mutationObserver(element, {
callback: () => {
SearchInputEvent.mutationObserverFunction(
suggestListBtn2SelectorList
);
},
config: { childList: true, attributes: true }
});
});
utils.waitNode(suggestList_HOME_Selector).then((element) => {
utils.mutationObserver(element, {
callback: () => {
SearchInputEvent.mutationObserverFunction(
suggestListBtn_HOME_SelectorList
);
},
config: { childList: true, attributes: true }
});
});
domUtils.on(searchBtnSelector, "click", function(event) {
return SearchInputEvent.searchBtnJump(
event,
$(searchInputSelector)
);
});
domUtils.on(searchInputSelector, "keydown", function(event) {
return SearchInputEvent.enterKeyDownEvent(
event,
$(searchInputSelector)
);
});
domUtils.on(searchBtn2Selector, "click", function(event) {
return SearchInputEvent.searchBtnJump(
event,
$(searchInput2Selector)
);
});
domUtils.on(
$(searchInput2Selector),
"keydown",
function(event) {
return SearchInputEvent.enterKeyDownEvent(
event,
$(searchInput2Selector)
);
}
);
domUtils.on(searchBtn_HOME_Selector, "click", function(event) {
return SearchInputEvent.searchBtnJump(
event,
$(searchInput_HOME_Selector)
);
});
domUtils.on(searchInput_HOME_Selector, "keydown", function(event) {
return SearchInputEvent.enterKeyDownEvent(
event,
$(searchInput_HOME_Selector)
);
});
},
/**
* 设置搜索建议自定义click事件
* @param elementSelector
*/
mutationObserverFunction(elementSelector) {
log.success("设置搜索建议自定义click事件");
$$(elementSelector).forEach((item) => {
domUtils.on(item, "click", function(event) {
utils.preventEvent(event);
window?.stop();
let searchText = event.target.textContent;
let redirectURL = window.location.origin + "/s?word=" + searchText;
log.success("点击按钮跳转搜索 -> " + searchText);
log.success(redirectURL);
window.location.href = redirectURL;
return false;
});
});
},
/**
* 搜索按钮点击跳转
* @param event
* @param searchInputElement
* @returns
*/
searchBtnJump(event, searchInputElement) {
utils.preventEvent(event);
window?.stop();
let redirectURL = window.location.origin + "/s?word=" + searchInputElement.value;
log.success("点击按钮跳转搜索 -> " + searchInputElement.value);
log.success(redirectURL);
window.location.href = redirectURL;
return false;
},
/**
* 判决回车搜索事件
* @param event
* @param searchInputElement
* @returns
*/
enterKeyDownEvent(event, searchInputElement) {
if (event.keyCode === 108 || event.keyCode === 13) {
window?.stop();
utils.preventEvent(event);
let redirectURL = window.location.origin + "/s?word=" + searchInputElement.value;
log.success("回车键跳转搜索 -> " + searchInputElement.value);
log.success(redirectURL);
window.location.href = redirectURL;
return false;
}
return true;
}
};
const BaiduSearchVideoBlockNode = {
init() {
Panel.execMenuOnce(
"baidu-search-video-blockBottomRecommendVideo",
() => {
return this.blockBottomRecommendVideo();
}
);
},
/**
* 【屏蔽】底部推荐视频
*/
blockBottomRecommendVideo() {
log.info("【屏蔽】底部推荐视频");
return CommonUtil.addBlockCSS(".short-mini-wrapper");
}
};
const BaiduSearchVideo = {
init() {
BaiduSearchVideoBlockNode.init();
Panel.execMenuOnce("baidu-search-video-autoJumpToOriginUrl", () => {
this.autoJumpToOriginUrl();
});
},
/**
* 自动跳转至原网页
*/
autoJumpToOriginUrl() {
utils.waitNode(".sfc-video-page-info-showurl", 1e4).then(($showUrl) => {
if (!$showUrl) {
log.error("未找到.sfc-video-page-info-showurl元素");
Qmsg.error("未找到.sfc-video-page-info-showurl元素");
return;
}
let url = $showUrl.getAttribute("data-url") || $showUrl.href;
if (utils.isNull(url)) {
log.error("获取原网页Url失败");
Qmsg.error("获取原网页Url失败");
return;
}
window.location.href = url;
});
}
};
const VueUtils = {
/**
* 获取vue2实例
* @param $el
*/
getVue($el) {
if ($el == null) {
return;
}
return $el["__vue__"] || $el["__Ivue__"] || $el["__IVue__"];
},
/**
* 获取vue3实例
* @param $el
*/
getVue3($el) {
if ($el == null) {
return;
}
return $el["__vueParentComponent"];
},
/**
* 等待vue属性并进行设置
* @param $el 目标对象
* @param checkOption 需要设置的配置
*/
waitVuePropToSet($el, checkOption) {
if (!Array.isArray(checkOption)) {
checkOption = [checkOption];
}
function getTarget() {
let __target__ = null;
if (typeof $el === "string") {
__target__ = domUtils.selector($el);
} else if (typeof $el === "function") {
__target__ = $el();
} else if ($el instanceof HTMLElement) {
__target__ = $el;
}
return __target__;
}
checkOption.forEach((needSetOption) => {
if (typeof needSetOption.msg === "string") {
log.info(needSetOption.msg);
}
function checkTarget() {
let $targetEl = getTarget();
if ($targetEl == null) {
return {
status: false,
isTimeout: true,
inst: null,
$el: $targetEl
};
}
let vueInst = VueUtils.getVue($targetEl);
if (vueInst == null) {
return {
status: false,
isTimeout: false,
inst: null,
$el: $targetEl
};
}
let checkResult = needSetOption.check(vueInst, $targetEl);
checkResult = Boolean(checkResult);
return {
status: checkResult,
isTimeout: false,
inst: vueInst,
$el: $targetEl
};
}
utils.waitVueByInterval(
() => {
return getTarget();
},
() => checkTarget().status,
250,
1e4
).then((result) => {
let checkTargetResult = checkTarget();
if (checkTargetResult.status) {
let vueInst = checkTargetResult.inst;
needSetOption.set(vueInst, checkTargetResult.$el);
} else {
if (typeof needSetOption.failWait === "function") {
needSetOption.failWait(checkTargetResult.isTimeout);
}
}
});
});
},
/**
* 观察vue属性的变化
* @param $el 目标对象
* @param key 需要观察的属性
* @param callback 监听回调
* @param watchConfig 监听配置
* @param failWait 当检测失败/超时触发该回调
*/
watchVuePropChange($el, key, callback, watchConfig, failWait) {
let config = utils.assign(
{
immediate: true,
deep: false
},
watchConfig || {}
);
return new Promise((resolve) => {
VueUtils.waitVuePropToSet($el, {
check(vueInstance) {
return typeof vueInstance?.$watch === "function";
},
set(vueInstance) {
let removeWatch = null;
if (typeof key === "function") {
removeWatch = vueInstance.$watch(
() => {
return key(vueInstance);
},
(newValue, oldValue) => {
callback(vueInstance, newValue, oldValue);
},
config
);
} else {
removeWatch = vueInstance.$watch(
key,
(newValue, oldValue) => {
callback(vueInstance, newValue, oldValue);
},
config
);
}
resolve(removeWatch);
},
failWait
});
});
},
/**
* 前往网址
* @param $el 包含vue属性的元素
* @param path 需要跳转的路径
* @param [useRouter=false] 是否强制使用Vue的Router来进行跳转，默认false
*/
goToUrl($el, path, useRouter = false) {
if ($el == null) {
Qmsg.error("跳转Url: $vueNode为空");
log.error("跳转Url: $vueNode为空：" + path);
return;
}
let vueInstance = VueUtils.getVue($el);
if (vueInstance == null) {
Qmsg.error("获取vue属性失败", { consoleLogContent: true });
return;
}
let $router = vueInstance.$router;
let isBlank = true;
log.info("即将跳转URL：" + path);
if (useRouter) {
isBlank = false;
}
if (isBlank) {
window.open(path, "_blank");
} else {
if (path.startsWith("http") || path.startsWith("//")) {
if (path.startsWith("//")) {
path = window.location.protocol + path;
}
let urlObj = new URL(path);
if (urlObj.origin === window.location.origin) {
path = urlObj.pathname + urlObj.search + urlObj.hash;
} else {
log.info("不同域名，直接本页打开，不用Router：" + path);
window.location.href = path;
return;
}
}
log.info("$router push跳转Url：" + path);
$router.push(path);
}
},
/**
* 手势返回
* @param option 配置
*/
hookGestureReturnByVueRouter(option) {
function popstateEvent() {
log.success("触发popstate事件");
resumeBack(true);
}
function banBack() {
log.success("监听地址改变");
option.vueInst.$router.history.push(option.hash);
domUtils.on(_unsafeWindow, "popstate", popstateEvent);
}
async function resumeBack(isFromPopState = false) {
domUtils.off(_unsafeWindow, "popstate", popstateEvent);
let callbackResult = option.callback(isFromPopState);
if (callbackResult) {
return;
}
while (1) {
if (option.vueInst.$router.history.current.hash === option.hash) {
log.info("后退！");
option.vueInst.$router.back();
await utils.sleep(250);
} else {
return;
}
}
}
banBack();
return {
resumeBack
};
}
};
const BaiduSearchVSearchVueProp = {
init() {
domUtils.ready(() => {
if (BaiduRouter.isSearchVSearch_image_content()) {
Panel.execMenuOnce("baidu_search_vsearch-isBaiduBox", () => {
this.isBaiduBox();
});
}
});
},
/**
* .sf-image-content-page
* __vue__.isBaiduBox
*/
isBaiduBox() {
VueUtils.waitVuePropToSet(".sf-image-content-page", [
{
msg: "等待设置属性 __vue__.isBaiduBox",
check(vueObj) {
return typeof vueObj.isBaiduBox === "boolean";
},
set(vueObj) {
log.info("成功设置属性 __vue__.isBaiduBox");
vueObj.isBaiduBox = true;
}
}
]);
}
};
const BaiduSearchVSearch = {
init() {
this.listenRouterChange();
BaiduSearchVSearchVueProp.init();
domUtils.ready(() => {
this.replaceVSearchLink();
});
},
/**
* 替换链接-vsearch
*/
replaceVSearchLink() {
function replaceLink() {
document.querySelectorAll(
"#realtime-container div:not([class])"
).forEach((element) => {
let linkElement = element.querySelector("a");
if (!linkElement) {
return;
}
if (linkElement.hasAttribute("data-sf-visited")) {
let dataSfVisited = linkElement.getAttribute("data-sf-visited");
if (dataSfVisited !== linkElement.href) {
linkElement.href = dataSfVisited;
log.success("替换链接 " + dataSfVisited);
}
}
});
}
utils.waitNode("#realtime-container .c-infinite-scroll").then((element) => {
let replaceVSearchLinkLonkFunction = new utils.LockFunction(
replaceLink,
600
);
utils.mutationObserver(element, {
config: {
subtree: true,
childList: true
},
callback: () => {
replaceVSearchLinkLonkFunction.run();
}
});
});
},
/**
* 监听路由变化
*/
listenRouterChange() {
log.info("监听路由变化");
const popstateEvent = (event) => {
console.log(event);
};
domUtils.on(_unsafeWindow, "popstate", popstateEvent);
}
};
const searchToolBarCSS = ".search-toolbar-container {\r\n --back-icon-size: 14px;\r\n --back-icon-padding-top-bottom: 12px;\r\n --back-icon-padding-left-right: 14px;\r\n --empty-icon-size: 14px;\r\n --container-padding: 10px;\r\n --input-height: 36px;\r\n --input-border-height: 2px;\r\n --suggestion-text-color: #6d6d6d;\r\n --suggestion-left-icon-size: 26px;\r\n --suggestion-left-icon-color: #6d6d6d;\r\n --suggestion-right-icon-size: 22px;\r\n}\r\n.search-toolbar-container {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 10000;\r\n width: 100vw;\r\n opacity: 1;\r\n visibility: visible;\r\n transition: all 0.2s;\r\n}\r\n.search-toolbar-inner {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\n.search-toolbar {\r\n display: flex;\r\n align-items: center;\r\n padding: var(--container-padding) 0px;\r\n background: #fff;\r\n position: sticky;\r\n bottom: 0;\r\n}\r\n\r\n.search-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.search-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.search-toolbar-back {\r\n width: var(--back-icon-size);\r\n height: var(--back-icon-size);\r\n padding: var(--back-icon-padding-top-bottom)\r\n var(--back-icon-padding-left-right);\r\n}\r\n.search-form {\r\n width: 100%;\r\n border: var(--input-border-height) solid #222;\r\n height: var(--input-height);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n margin-right: 10px;\r\n position: relative;\r\n}\r\n.search-toolbar-input {\r\n flex: 1;\r\n margin: 12px;\r\n border: 0;\r\n background: transparent;\r\n}\r\n.search-toolbar-input::-webkit-search-cancel-button {\r\n -webkit-appearance: none;\r\n}\r\n.search-toolbar-input::-moz-search-clear-button {\r\n display: none;\r\n}\r\n.search-toolbar-input:focus,\r\n.search-toolbar-input:focus-visible,\r\n.search-toolbar-input:focus-within {\r\n outline: none;\r\n}\r\n.search-toolbar-input-inner {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-right: 16px;\r\n}\r\n.search-toolbar-empty {\r\n width: var(--empty-icon-size);\r\n height: var(--empty-icon-size);\r\n padding: 2px;\r\n}\r\n.search-form-submit {\r\n font-size: 14px;\r\n background: transparent;\r\n border: 0;\r\n margin: 0;\r\n padding: 0;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n}\r\n.search-form-submit[disabled] {\r\n color: #6d6d6d;\r\n}\r\n.search-suggestion {\r\n background: #f2f2f2;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column-reverse;\r\n height: 100%;\r\n height: -webkit-fill-available;\r\n overflow-y: auto;\r\n}\r\n.search-suggestion-item {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px 16px;\r\n}\r\n.search-suggestion-item-left-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: var(--suggestion-left-icon-size);\r\n height: var(--suggestion-left-icon-size);\r\n}\r\n.search-suggestion-item-left-icon svg {\r\n fill: var(--suggestion-left-icon-color);\r\n}\r\n.search-suggestion-item-text {\r\n margin-left: 6px;\r\n width: 100%;\r\n text-align: left;\r\n color: #000000;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n line-height: normal;\r\n}\r\n.search-suggestion-item-text em {\r\n color: var(--suggestion-text-color);\r\n font-style: unset;\r\n}\r\n.search-suggestion-item-right-icon {\r\n display: flex;\r\n align-items: center;\r\n width: var(--suggestion-right-icon-size);\r\n height: var(--suggestion-right-icon-size);\r\n}\r\n";
class GestureBack {
/**
* 是否正在后退
*/
isBacking = false;
config;
constructor(config) {
this.config = config;
this.enterGestureBackMode = this.enterGestureBackMode.bind(this);
this.quitGestureBackMode = this.quitGestureBackMode.bind(this);
this.popStateEvent = this.popStateEvent.bind(this);
if (typeof this.config.backDelayTime !== "number" || isNaN(this.config.backDelayTime)) {
this.config.backDelayTime = 150;
}
if (this.config.win == null) {
this.config.win = self;
}
}
/**
* popstate事件函数
* @param event
*/
popStateEvent(event) {
Utils.preventEvent(event);
if (this.isBacking) {
return;
}
this.quitGestureBackMode(true);
}
/**
* 进入手势模式
*/
enterGestureBackMode() {
log.success("进入手势模式");
let pushUrl = this.config.hash;
if (!pushUrl.startsWith("#")) {
if (!pushUrl.startsWith("/")) {
pushUrl = "/" + pushUrl;
}
pushUrl = "#" + pushUrl;
}
if (this.config.useUrl) {
pushUrl = this.config.win.location.origin + this.config.win.location.pathname + this.config.win.location.search + pushUrl;
}
this.config.win.history.pushState({}, "", pushUrl);
log.success("监听popstate事件");
domUtils.on(this.config.win, "popstate", this.popStateEvent, {
capture: true
});
}
/**
* 退出手势模式
* @param isUrlChange 是否是url改变触发的
*/
async quitGestureBackMode(isUrlChange = false) {
this.isBacking = true;
log.success("退出手势模式");
if (typeof this.config.beforeHistoryBackCallBack === "function") {
this.config.beforeHistoryBackCallBack(isUrlChange);
}
let maxDate = Date.now() + 1e3 * 5;
while (true) {
if (Date.now() > maxDate) {
log.error("未知情况，history.back()失败，无法退出手势模式");
break;
}
if (this.config.win.location.hash.endsWith(this.config.hash)) {
log.info("history.back()");
this.config.win.history.back();
await Utils.sleep(this.config.backDelayTime || 150);
} else {
break;
}
}
log.success("移除popstate事件");
domUtils.off(this.config.win, "popstate", this.popStateEvent, {
capture: true
});
this.isBacking = false;
if (typeof this.config.afterHistoryBackCallBack === "function") {
this.config.afterHistoryBackCallBack(isUrlChange);
}
}
}
const BaiduSearchToolBar = {
$el: {
/** 搜索框总容器 */
$container: null,
shadowRoot: null,
$toolbarContainer: null,
/** 搜索框容器 */
$toolbar: null,
/** 提交表单 */
$form: null,
/** 输入框 */
$input: null,
/** 搜索建议 */
$suggestion: null,
/** 返回按钮 */
$back: null,
/** 清空图标 */
$empty: null,
/** 搜索按钮 */
$submit: null
},
$data: {
gestureBack: new GestureBack({
hash: "global-search",
beforeHistoryBackCallBack(isUrlChange) {
BaiduSearchToolBar.hideToolBar();
}
})
},
init() {
domUtils.ready(() => {
this.addFloatButton();
this.addToolBar();
});
},
/**
* 添加悬浮搜索按钮
*/
addFloatButton() {
let $btn = domUtils.createElement("div", {
className: "gm-search-toolbar-float-btn",
innerHTML: (
/*html*/
`
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path fill="#EFF9FE" d="M478.12 64.88h67.76c103.54-5.49 241.95 13.46 317.81 94.93 81.48 75.86 100.42 214.27 94.94 317.81v67.76c5.48 103.54-13.45 241.95-94.94 317.81-75.86 81.49-214.27 100.42-317.81 94.94h-67.76c-103.54 5.48-241.95-13.45-317.81-94.94-81.48-75.86-100.42-214.27-94.93-317.81v-67.76c-5.48-103.54 13.45-241.95 94.94-317.81 75.85-81.48 214.26-100.42 317.8-94.93z" fill="#56B9F1" p-id="43986"></path><path d="M552.89 392.04c21.84 17.58 35.84 44.49 35.84 74.71 0 2.16-0.18 4.27-0.32 6.39H397.23c-0.14-2.12-0.32-4.24-0.32-6.39 0-30.96 14.73-58.41 37.49-75.95l-11.06-17.62c-1.77-2.81-0.72-6.41 2.34-8.03 3.06-1.62 6.97-0.66 8.73 2.15l10.37 16.52c14.14-8.21 30.51-12.98 48.03-12.98 18.15 0 35.06 5.13 49.53 13.89l8.88-15.38c1.77-3.06 5.68-4.11 8.73-2.34 3.06 1.77 4.11 5.68 2.34 8.73l-9.4 16.3z m-92.04 36.34c-7.06 0-12.79 5.73-12.79 12.79s5.73 12.79 12.79 12.79 12.79-5.73 12.79-12.79-5.73-12.79-12.79-12.79z m63.94 0c-7.06 0-12.79 5.73-12.79 12.79s5.73 12.79 12.79 12.79c7.06 0 12.79-5.73 12.79-12.79s-5.73-12.79-12.79-12.79z m-31.97 134.28c-46.4 0-85.1-32.95-93.99-76.73H586.8c-8.88 43.77-47.58 76.73-93.98 76.73z" fill="#EFF9FE" p-id="43987"></path><path d="M736.53 704.11c-15.9 15.91-41.68 15.91-57.58 0l-74.87-74.9c-79.04 52.39-186.58 43.76-256.22-25.91-79.5-79.54-79.5-208.5 0-288.03 79.5-79.54 208.4-79.54 287.9 0 69.64 69.67 78.26 177.25 25.9 256.33l74.87 74.9c15.9 15.91 15.9 41.7 0 57.61zM582.99 368.07c-50.35-50.37-131.98-50.37-182.33 0s-50.35 132.05 0 182.42c50.35 50.37 131.98 50.37 182.33 0 50.35-50.37 50.35-132.04 0-182.42z">
</path>
</svg>
`
)
});
domUtils.on($btn, "click", (event) => {
utils.preventEvent(event);
this.showToolBar();
this.initDefaultSearchText();
setTimeout(() => {
this.$el.$input.focus();
this.$el.$input.select();
}, 150);
Panel.execMenu(
"baidu-search-global-searchToolBar-gesture-back",
() => {
this.$data.gestureBack.enterGestureBackMode();
}
);
});
addStyle$1(
/*css*/
`
.gm-search-toolbar-float-btn {
--gm-search-toolbar-icon-size: 45px;
position: fixed;
bottom: 20px;
right: 15px;
width: var(--gm-search-toolbar-icon-size);
height: var(--gm-search-toolbar-icon-size);
z-index: 9000;
}
`
);
document.body.appendChild($btn);
return $btn;
},
/**
* 添加搜索工具栏
*/
addToolBar() {
let $toolbarInner = domUtils.createElement("div");
$toolbarInner.className = "gm-search-toolbar";
$toolbarInner.attachShadow({ mode: "open" });
let shadowRoot = $toolbarInner.shadowRoot;
this.$el.$container = $toolbarInner;
this.$el.shadowRoot = shadowRoot;
let $css = domUtils.createElement("style", {
innerHTML: searchToolBarCSS
});
shadowRoot.appendChild($css);
let $container = domUtils.createElement("div", {
className: "search-toolbar-container",
innerHTML: (
/*html*/
`
<div class="search-toolbar-inner">
<div class="search-suggestion"></div>
<div class="search-toolbar">
<i class="search-icon search-toolbar-back">
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M738.845554 1024c-15.975039 0-31.950078-6.390016-44.730109-19.170047L243.619345 554.333853c-22.365055-22.365055-22.365055-63.900156 0-86.26521L694.115445 19.170047c22.365055-22.365055 63.900156-25.560062 86.26521-3.195008 22.365055 22.365055 25.560062 63.900156 3.195008 86.265211l-3.195008 3.195007-405.76599 404.168487 405.76599 408.960999c22.365055 22.365055 22.365055 63.900156 0 86.26521-12.780031 12.780031-25.560062 19.170047-41.535101 19.170047z"></path>
</svg>
</i>
<form class="search-form" autocomplete="off">
<input class="search-toolbar-input" type="search" placeholder="搜索内容" autocomplete="off" autocorrect="off">
<div class="search-toolbar-input-inner">
<i class="search-icon search-toolbar-empty">
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M512 0C229.2736 0 0 229.2736 0 512s229.2736 512 512 512 512-229.2736 512-512S794.7264 0 512 0z m248.832 670.4128c24.8832 24.8832 24.8832 65.6384 0 90.5216-24.8832 24.9856-65.6384 24.8832-90.5216 0L512 602.5216 353.5872 760.9344c-24.8832 24.8832-65.6384 24.8832-90.5216 0-24.9856-24.8832-24.8832-65.6384 0-90.5216L421.4784 512 263.0656 353.5872c-24.8832-24.8832-24.8832-65.6384 0-90.5216 24.8832-24.9856 65.6384-24.8832 90.5216 0L512 421.4784l158.4128-158.4128c24.8832-24.8832 65.6384-24.8832 90.5216 0 24.9856 24.8832 24.8832 65.6384 0 90.5216L602.5216 512 760.832 670.4128z"></path>
</svg>
</i>
<button type="submit" class="search-form-submit" disabled="true">
<span>搜索</span>
</button>
</div>
</form>
</div>
</div>
`
)
});
this.$el.$toolbarContainer = $container;
this.$el.$toolbar = $container.querySelector(".search-toolbar");
this.$el.$input = $container.querySelector(
".search-toolbar-input"
);
this.$el.$form = $container.querySelector(".search-form");
this.$el.$suggestion = $container.querySelector(".search-suggestion");
this.$el.$back = $container.querySelector(
".search-toolbar-back"
);
this.$el.$empty = $container.querySelector(
".search-toolbar-empty"
);
this.$el.$submit = $container.querySelector(
".search-form-submit"
);
shadowRoot.appendChild($container);
this.hideToolBar();
document.body.appendChild($toolbarInner);
this.setInputEvent();
this.setEmptyEvent();
this.setBackEvent();
this.setFormEvent();
},
/**
* 显示搜索工具栏
*/
showToolBar() {
this.$el.$toolbarContainer.style.opacity = "";
this.$el.$toolbarContainer.style.visibility = "";
},
/**
* 隐藏搜索工具栏
*/
hideToolBar() {
this.$el.$toolbarContainer.style.opacity = "0";
this.$el.$toolbarContainer.style.visibility = "hidden";
},
/**
* 获取当前页面搜索的关键字
*/
getPageSearchText() {
let searchParams = new URLSearchParams(window.location.search);
let searchText = searchParams.get("word") || searchParams.get("wd");
return searchText;
},
/**
* 获取搜索建议内容
* @param text 搜索内容
*/
async getSuggestionText(text) {
let searchParamData = {
json: 1,
prod: "wise",
callback: "baidusug",
wd: text
};
let response = await httpx.get(
`https://m.baidu.com/sugrec?${utils.toSearchParamsStr(searchParamData)}`,
{
fetch: true,
allowInterceptConfig: false
}
);
if (!response.status) {
log.error("获取百度搜索建议失败", response);
return;
}
let suggestion = response.data.responseText.replace(/^baidusug\(/, "").replace(/\)$/, "");
let suggestionJSON = utils.toJSON(suggestion);
log.info(`百度搜索联想词：`, suggestionJSON);
return suggestionJSON.g || [];
},
/**
* 初始化当前页面默认的搜索关键字
*/
initDefaultSearchText() {
let searchText = this.getPageSearchText();
this.setInputText(searchText);
},
/**
* 监听输入框内容改变
*/
setInputEvent() {
domUtils.on(this.$el.$input, ["input", "propertychange"], (event) => {
if (this.$el.$input.value === "") {
this.clearSuggestion();
this.$el.$empty.style.display = "none";
this.$el.$submit.setAttribute("disabled", "true");
} else {
this.$el.$empty.style.display = "";
this.$el.$submit.removeAttribute("disabled");
}
});
domUtils.on(
this.$el.$input,
["input", "propertychange"],
utils.debounce(async () => {
let searchText = this.$el.$input.value;
if (searchText === "") {
return;
}
let suggestionList = await this.getSuggestionText(searchText);
if (!suggestionList) {
return;
}
if (suggestionList.length) {
this.clearSuggestion();
if (searchText.trim() !== "") {
this.addSuggestionItem(
this.createSuggestionItem({
searchText,
suggestionText: searchText,
isHistory: true
})
);
}
suggestionList.forEach((item) => {
if (item.type === "sug") {
this.addSuggestionItem(
this.createSuggestionItem({
searchText,
suggestionText: item.q,
isHistory: false
})
);
}
});
}
}, 50)
);
},
/**
* 设置搜索文本内容
* @param text 搜索关键字
* @param triggerEvent 是否触发事件
* @default true
*/
setInputText(text, triggerEvent = true) {
this.$el.$input.value = text;
if (triggerEvent) {
utils.dispatchEvent(this.$el.$input, "input");
}
},
/**
* 设置返回按钮点击事件
*/
setBackEvent() {
domUtils.on(this.$el.$back, "click", (event) => {
utils.preventEvent(event);
log.success("点击返回");
this.hideToolBar();
Panel.execMenu(
"baidu-search-global-searchToolBar-gesture-back",
() => {
this.$data.gestureBack.quitGestureBackMode();
}
);
});
},
/**
* 设置清空图标点击事件
*/
setEmptyEvent() {
domUtils.on(this.$el.$empty, "click", (event) => {
utils.preventEvent(event);
this.setInputText("");
});
},
/**
* 设置表单事件
*/
setFormEvent() {
domUtils.on(this.$el.$form, "submit", (event) => {
utils.preventEvent(event);
let searchText = this.$el.$input.value;
log.success("提交表单 搜索 ==> " + searchText);
window.location.href = `${window.location.origin}/s?word=${searchText}`;
});
},
/**
* 创建搜索建议元素项
*/
createSuggestionItem(config) {
let $suggestionItem = domUtils.createElement("div", {
className: "search-suggestion-item",
innerHTML: (
/*html*/
`
<div class="search-suggestion-item-left-icon">
<i class="search-icon">
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M495.25 310.62c-106.67 0-193.14 86.47-193.14 193.14S388.58 696.9 495.25 696.9s193.14-86.47 193.14-193.14-86.48-193.14-193.14-193.14z m0-64.37c142.22 0 257.52 115.29 257.52 257.52 0 59.51-20.18 114.3-54.08 157.9l66.96 66.72c12.59 12.55 12.63 32.93 0.08 45.52-12.55 12.59-32.93 12.63-45.52 0.08l-67.05-66.78c-43.61 33.89-98.4 54.08-157.9 54.08-142.22 0-257.52-115.29-257.52-257.52s115.29-257.52 257.51-257.52z"></path>
</svg>
</i>
</div>
<div class="search-suggestion-item-text"></div>
<div class="search-suggestion-item-right-icon">
<i class="search-icon">
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M755.498667 268.501333a42.666667 42.666667 0 0 1 0 60.330667L401.664 682.666667H640a42.666667 42.666667 0 1 1 0 85.333333H298.666667a42.666667 42.666667 0 0 1-42.666667-42.666667V384a42.666667 42.666667 0 1 1 85.333333 0v238.336l353.834667-353.834667a42.666667 42.666667 0 0 1 60.330667 0z"></path>
</svg>
</i>
</div>
`
)
});
let $leftIcon = $suggestionItem.querySelector(
".search-suggestion-item-left-icon"
);
let $leftIconI = $leftIcon.querySelector(".search-icon");
let $text = $suggestionItem.querySelector(
".search-suggestion-item-text"
);
let $rightIcon = $suggestionItem.querySelector(
".search-suggestion-item-right-icon"
);
if (config.isHistory) {
$leftIconI.innerHTML = /*html*/
`
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" style="
width: 18px;
height: 18px;
">
<path d="M512 117.333333c217.962667 0 394.666667 176.704 394.666667 394.666667S729.962667 906.666667 512 906.666667 117.333333 729.962667 117.333333 512 294.037333 117.333333 512 117.333333z m0 64C329.386667 181.333333 181.333333 329.386667 181.333333 512c0 182.613333 148.053333 330.666667 330.666667 330.666667 182.613333 0 330.666667-148.053333 330.666667-330.666667 0-182.613333-148.053333-330.666667-330.666667-330.666667z m0 85.333334a32 32 0 0 1 32 32v200.085333l118.613333 118.613333a32 32 0 0 1-45.226666 45.269334l-128-128A32 32 0 0 1 480 512V298.666667a32 32 0 0 1 32-32z"></path>
</svg>
`;
}
let searchText = config.suggestionText.replaceAll(
config.searchText,
`<em>${config.searchText}</em>`
);
$text.innerHTML = searchText;
domUtils.on($leftIcon, "click", (event) => {
utils.preventEvent(event);
});
domUtils.on($text, "click", (event) => {
utils.preventEvent(event);
this.setInputText(config.suggestionText, false);
this.$el.$submit.click();
});
domUtils.on($rightIcon, "click", (event) => {
utils.preventEvent(event);
this.setInputText(config.suggestionText);
});
return $suggestionItem;
},
/**
* 清除搜索建议
*/
clearSuggestion() {
this.$el.$suggestion.innerHTML = "";
},
/**
* 添加搜索建议
*/
addSuggestionItem($ele) {
this.$el.$suggestion.appendChild($ele);
}
};
const UserCustomStyle = {
/**
* 获取用户自定义样式
*/
getUserStyle() {
return Panel.getValue("baidu-search-user-style", "");
}
};
const BaiduSearch = {
async init() {
addStyle$1(UserCustomStyle.getUserStyle());
log.info("插入用户CSS规则");
BaiduSearchBlockRule.init();
Panel.execMenuOnce("baidu-search-global-searchToolBar", () => {
BaiduSearchToolBar.init();
});
if (BaiduRouter.isSearchBh()) {
BaiduHeadlth.init();
} else if (BaiduRouter.isSearchVideo()) {
BaiduSearchVideo.init();
} else {
BaiduSearchHook.init();
addStyle$1(SearchShieldCSS);
log.info("插入CSS规则");
Panel.execMenu("baidu_search_hijack__onClick_to_blank", () => {
this.openResultBlank();
});
domUtils.ready(function() {
BaiduHandleResultItem.originURLMap = BaiduHandleResultItem.parseScriptDOMOriginUrlMap(document);
let baidu_search_handle_search_result_enable = Panel.getValue(
"baidu_search_handle_search_result"
);
if (baidu_search_handle_search_result_enable) {
let searchUpdateRealLink = new utils.LockFunction(async () => {
try {
await BaiduHandleResultItem.replaceLink();
} catch (error) {
log.error(["替换为真实链接失败", error]);
}
}, 600);
let removeAdsLockFunction = new utils.LockFunction(
BaiduHandleResultItem.removeAds,
600
);
utils.waitNode("div#page.search-page").then((element) => {
utils.mutationObserver(element, {
callback: async () => {
if (baidu_search_handle_search_result_enable) {
await searchUpdateRealLink.run();
}
removeAdsLockFunction.run();
},
config: {
childList: true,
subtree: true
}
});
});
if (baidu_search_handle_search_result_enable) {
searchUpdateRealLink.run();
}
removeAdsLockFunction.run();
}
Panel.execMenu("baidu_search_redirect_top_link", () => {
BaiduHandleResultItem.redirectTopLink();
});
BaiduHandleResultItem.replaceScriptBaiDuTip();
Panel.execMenu("baidu_search_refactoring_input_boxes", () => {
SearchInputEvent.init();
});
if (Panel.getValue("baidu_search_automatically_expand_next_page")) {
SearchNextPage.init();
} else if (Panel.getValue(
"baidu_search_automatically_click_on_the_next_page_with_searchcraft_ua"
)) {
SearchNextPage_SearchCraft.init();
}
if (BaiduRouter.isSearchVSearch()) {
BaiduSearchVSearch.init();
}
});
}
},
/**
* 新标签页打开
*/
openResultBlank() {
function globalResultClickEvent(event) {
let url = null;
let $click = event.composedPath()[0];
let $result = event.target;
if ($click) {
if ($click.closest("a")) {
let $link = $click.closest("a");
if (utils.isNotNull($link.href)) {
log.info([
"链接来自上层a元素",
{
event,
$click,
$link
}
]);
url = $link.href;
}
} else if ($click.closest("[rl-link-href]")) {
let $rlLinkDiv = $click.closest("[rl-link-href]");
let rlLinkHref = $rlLinkDiv.getAttribute("rl-link-href");
if (utils.isNotNull(rlLinkHref)) {
log.info([
"链接来自上层含有[rl-link-href]属性的元素",
{
event,
$click,
$rlLinkDiv
}
]);
url = rlLinkHref;
}
}
} else {
let $article = $result.querySelector("article");
url = $article.getAttribute("rl-link-href");
log.info([
"链接来自顶层向下寻找article元素",
{ event, $result, $article }
]);
}
if (utils.isNull(url)) {
log.info(["未找到有效链接", { event, url, $result, $click }]);
return;
}
let urlObj = new URL(url);
if (urlObj.hostname === "www.baidu.com") {
if (urlObj.pathname.match(/\/[\d]+$/)) {
log.warn("不符合新标签页打开的链接");
return;
}
}
utils.preventEvent(event);
log.success(["新标签页打开-来自click事件", url]);
window.open(url, "_blank");
}
domUtils.on(document, "click", ".c-result.result", globalResultClickEvent, {
capture: true
});
}
};
const SearchHomeShieldCSS = "/* 右上角的 banner 热播爆款好剧 */\r\n#index-card #userinfo-wrap .index-banner {\r\n display: none !important;\r\n}\r\n";
const SearchHomeMinificationShieldCSS = "html,\r\nbody,\r\ndiv#header {\r\n height: calc(100vh - 120px);\r\n}\r\nform#index-form {\r\n position: static;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n margin: auto !important;\r\n width: 90%;\r\n}\r\ndiv#navs ~ div,\r\n#login-wraps,\r\na.square-enterance,\r\ndiv#ts-image-uploader-icon,\r\ndiv.baiduappcall-wrap div.voice.call,\r\ndiv.tab_news,\r\ndiv#navs {\r\n display: none !important;\r\n}\r\n/* 图片logo往下移40px */\r\n#logo {\r\n padding-top: 40px;\r\n}\r\n";
const BaiduSearchHome = {
init() {
addStyle$1(SearchHomeShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("baidu_search_home_homepage_minification", () => {
return this.homepageMinification();
});
},
/**
* 精简主页
*/
homepageMinification() {
log.info("插入精简主页CSS规则");
return addStyle$1(SearchHomeMinificationShieldCSS);
}
};
const BaiJiaHaoShieldCSS = ".layer-wrap,\r\n.openImg,\r\n.oPadding,\r\n.bottomTTSStruct,\r\n.undefined,\r\n.headDeflectorContainer,\r\n.followSuper,\r\n#searchwordSdk,\r\ndiv#commentModule > div > div > span:nth-child(2),\r\n/* 顶部打开APP横幅 */\r\n#headDeflectorContainer,\r\n/* 展开全文 */\r\n.foldMaskWrapper {\r\n display: none !important;\r\n}\r\nbody.scrollHide {\r\n overflow: auto !important;\r\n}\r\n.mainContent,\r\n#mainContentContainer {\r\n height: auto !important;\r\n}\r\n";
const BaiJiaHaoHook = {
init() {
Panel.execMenu("baijiahao_hijack_wakeup", () => {
log.success("hook: Function.property.call");
BaiduHook.functionCall("baijiahao_invoke");
});
Panel.execMenu("baidu_baijiahao_hijack_iframe", () => {
log.success("hook: Element.append");
BaiduHook.elementAppendChild(function(element) {
if (element.localName === "script" && element?.src?.includes("landing-share")) {
log.success("阻止加载：" + element.src);
return true;
}
});
});
Panel.execMenu("baidu_baijiahao_hijack_openbox", () => {
log.success("hook: window.Box");
BaiduHook.windowOpenBox();
});
Panel.execMenu("baidu_baijiahao_hijack_openContentBox", () => {
log.success("hook: window.openContentBox");
BaiduHook.window_openContentBox();
});
}
};
const BaiduBaiJiaHao = {
init() {
addStyle$1(BaiJiaHaoShieldCSS);
log.info("插入CSS规则");
BaiJiaHaoHook.init();
Panel.execMenuOnce("baijiahao_shield_recommended_article", () => {
return this.shieldRecommendArticle();
});
Panel.execMenuOnce("baijiahao_shield_user_comment", () => {
return this.shieldUserComment();
});
Panel.execMenuOnce("baijiahao_shield_user_comment_input_box", () => {
return this.shieldBottomToolBar();
});
},
/**
* 【屏蔽】推荐文章
*/
shieldRecommendArticle() {
log.info("【屏蔽】推荐文章");
return [
CommonUtil.addBlockCSS(
".infinite-scroll-component__outerdiv",
"div#page_wrapper > div > div:nth-child(5)",
"div:has(+ .infinite-scroll-component__outerdiv)",
/* 电脑端的左边的按钮-屏蔽 */
"#ssr-content > :last-child",
/* 电脑端的右边的推荐-屏蔽 */
"#ssr-content > div:nth-child(2) > div:nth-child(1) > div:nth-child(2)"
),
addStyle$1(
/*css*/
`
/* 电脑端的文章居中 */
#ssr-content > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
width: 55% !important;
}`
),
/* 某些情况下的CSS */
CommonUtil.addBlockCSS(
'#page_wrapper > div.other > div[class=""]:nth-child(4)'
),
/* 简单UA&链接参数wfr=spide下的精彩推荐 */
CommonUtil.addBlockCSS(
'#page_wrapper div.spider > div[class=""]:nth-child(4)',
'page_wrapper div.spider > div[class=""]:nth-child(5)'
),
/* Gecko的简单UA下的精彩推荐 */
CommonUtil.addBlockCSS('#page_wrapper .searchCraft > div[class=""]')
];
},
/**
* 【屏蔽】用户评论
*/
shieldUserComment() {
log.info("【屏蔽】用户评论");
return CommonUtil.addBlockCSS("#commentModule");
},
/**
* 【屏蔽】底部悬浮工具栏
*/
shieldBottomToolBar() {
log.info("【屏蔽】底部悬浮工具栏");
return CommonUtil.addBlockCSS("div#wise-invoke-interact-bar");
}
};
const TieBaShieldCSS = ".tb-backflow-defensive,\r\n.fixed-nav-bar-defensive,\r\n.post-cut-guide,\r\n.ertiao-wrap-defensive,\r\n.feed-warp.gray-background,\r\n.pb-page-wrapper.app-view.transition-fade nav:first-child,\r\n.only-lz,\r\n.nav-bar-v2 .nav-bar-bottom,\r\n.more-image-desc,\r\n.fengchao-banner-defensive,\r\n/*.wake-app,*/\r\n.banner-wrapper-defensive,\r\n.open-app,\r\n.topic-share-page-v2 .bav-bar-top,\r\n/* 打开APP查看更多评论 */\r\n.cmt-large-cut-guide,\r\n/* 底部评论滚动栏 */\r\ndiv.diy-guide-wrapper,\r\n/* 底部评论滚动栏上面的空白 */\r\n.individuality,\r\n/* 吧内的广告 */\r\n.tb-threadlist__wrapper .tb-banner-wrapper-defensive,\r\n/* 首页-我的-底部的 年轻人的潮流文化社区 */\r\n.app-view .tb-index-navbar .bottom-guide-box.bottom-guide-box .desc,\r\n/* 首页-我的-底部的 立即下载 */\r\n.app-view .tb-index-navbar .bottom-guide-box.bottom-guide-box .download-btn,\r\n/* 帖子内预览图片模式下底部的打开App查看高清大图 */\r\n.img-preview .operate .wake-app,\r\n/* 帖子 ?share=xxx 顶部的 横幅 立即打开 */\r\n#app_container .pblist-part-wrap .top-guide,\r\n#app_container .pblist-part-wrap .top-ad-bg,\r\n/* 帖子 ?share=xxx 底部的 APP内打开 */\r\n#app_container .bottom-guide,\r\n/* 帖子 ?share=xxx 猜你喜欢*/\r\n#app_container .guessyoulikegraphic-wrap,\r\n/* 帖子 ?share=xxx 打开贴吧APP查看全部回复 */\r\n#app_container .pb-share-post-list .open-tb-bar,\r\n/* 吧内 底部 关注本吧，精彩内容不错过 */\r\nuni-app .bottom-guide .btn-wrapper .wake-app ,\r\n/* 吧内 帖子右上角的 APP内查看 */\r\nuni-app .feed-card .open-app-btn,\r\n/* 吧内 视频流的底部的遮罩层 */\r\nuni-app .bottom-guide:has(.mask),\r\n/* 合辑 /mo/q/hybrid-main-user/collectionCenter 打开贴吧App畅享精彩内容 */\r\n.collection-center .app-out-guide-text,\r\n/* 合辑 滚动出现的底部中间的 /mo/q/hybrid-main-user/collectionCenter 打开贴吧App畅享精彩内容 */\r\n.collection-center .app-out-fixed-btn,\r\n/* 合辑 帖子卡片右下角的 打开贴吧App畅享精彩内容 */\r\n.collection-center .guide-text {\r\n display: none !important;\r\n}\r\nbody.tb-modal-open {\r\n overflow: auto !important;\r\n}\r\n";
const UniTieBaShieldCSS = "/* 热门推荐、相关推荐 */\r\nuni-app .recom-layout-container,\r\n/* 热门推荐、相关推荐 */\r\nuni-app #pbRecomContainer,\r\n/* 猜你还想搜（标题） */\r\nuni-app .guess-title,\r\n/* 猜你还想搜 */\r\nuni-app .guess-container,\r\n/* 底部工具栏 来贴吧畅享精彩内容 */\r\nuni-app .operation-chat,\r\n/* 图片右滑最后一个 来贴吧畅享精彩内容 */\r\nuni-app .pic-popup-guide-title,\r\n/* 图片右滑最后一个 下面的按钮 打开APP */\r\nuni-app .operate-group .wake-app:has(.external-btn-class),\r\n/* 顶部右上角的 App内查看 */\r\nuni-app .operate-btn-wake,\r\n/* 吧内 视频卡片左上角的 App内查看 */\r\nuni-app .uni-frs .video-feed .wake-app .video-item .tag-text {\r\n display: none !important;\r\n}\r\n\r\n/* 评论内容高度 */\r\nuni-app .swiper-content {\r\n max-height: unset !important;\r\n}\r\n";
const TiebaUrlHandler = {
/**
* 根据portrait获取用户头像
*/
getUserAvatar(portrait) {
let authorImgId = "6LZ1dD3d1sgCo2Kml5_Y_D3";
return `https://gss0.bdstatic.com/${authorImgId}/sys/portrait/item/${portrait}`;
},
/**
* 根据tb|portrait获取用户主页地址
*/
getUserHome(tb) {
return `https://tieba.baidu.com/home/main?id=${tb}`;
},
/**
* 根据(un|userName)获取用户主页地址
*/
getUserHomeByUN(un) {
return `https://tieba.baidu.com/home/main?un=${un}`;
},
/**
* 根据tid/pid获取帖子链接
* @param id
*/
getPost(id) {
return `https://tieba.baidu.com/p/${id}#/`;
},
/**
* 获取搜索综合的地址
* @param searchText
*/
getHybridSearch(searchText) {
return `https://tieba.baidu.com/mo/q/hybrid/search?keyword=${searchText}`;
},
/**
* 获取贴吧表情图片
* @param pathName 原static.baidu.com的pathname
* @returns
*/
getImageSmiley(pathName) {
if (pathName.startsWith("/")) {
pathName = pathName.replace(/^\//, "");
}
return `https://gsp0.baidu.com/5aAHeD3nKhI2p27j8IqW0jdnxx1xbK/${pathName}`;
},
/**
* 获取吧的链接
* @param kw 吧名
* @returns
*/
getForum(kw) {
return "https://tieba.baidu.com/f?kw=" + kw;
},
/**
* 获取发帖页面的链接
* @param fname 吧名
* @param fid 吧id
* @param tbs tbs值
*/
getPostPage(fname, fid, tbs2) {
return `https://tieba.baidu.com/h5activity/post?fname=${fname}&fid=${fid}&tbs=${tbs2}`;
},
/**
* 进吧
*/
getGoToForum() {
return "https://tieba.baidu.com/index/tbwise/forum";
},
/**
* 我的
*/
getMine() {
return "https://tieba.baidu.com/index/tbwise/mine";
},
/**
* 获取登录链接
* @param [from=window.location.href] 想要登录成功后重定向的地址，默认是当前地址
*/
getLoginUrl(from = window.location.href) {
return "https://wappass.baidu.com/passport?login&tpl=tb&u=" + encodeURIComponent(from);
}
};
const TiebaTopicTemplate = {
init() {
Panel.execMenu("baidu_tieba_topic_redirect_jump", () => {
this.redirectJump();
});
},
/**
* 重定向跳转
*/
redirectJump() {
log.info("话题热榜-阻止默认跳转");
domUtils.on(
document,
"click",
".topic-share-item",
function(event) {
utils.preventEvent(event);
window?.stop();
let clickNode = event.target;
let pid = VueUtils.getVue(clickNode)?.item.tid;
let url = TiebaUrlHandler.getPost(pid);
log.success(`跳转至: ${url}`);
if (Panel.getValue("baidu_tieba_topic_openANewTab")) {
window.open(url, "_blank");
} else {
window.open(url);
}
return false;
},
{
capture: true
}
);
}
};
const TiebaHybrid = {
init() {
this.blockAds();
Panel.execMenu("baidu_tieba_hybrid_search_openANewTab", () => {
this.openANewTab();
});
},
/**
* 屏蔽广告
*/
blockAds() {
return [
CommonUtil.addBlockCSS(
/* 顶部横幅 */
".tb-index-navbar .fix-nav-guide-bar",
/* 底部的百度贴吧app内打开 */
".tb-index-navbar div:has(.fix-nav-bar-bottom)"
),
addStyle$1(
/*css*/
`
/* 把下面的内容往上移 */
#app_container ul.navbar-box{
top: 0px !important;
}
/* 把下面的内容往上移 */
#app_container .navbar-view{
padding-top: 0px !important;
}
`
)
];
},
/**
* 新标签页打开
*/
openANewTab() {
domUtils.on(
document,
"click",
".scroll-list-wrapper .threadcardclass",
function(event) {
utils.preventEvent(event);
let clickNode = event.target;
let tid = VueUtils.getVue(clickNode)?.tid;
if (utils.isNull(tid)) {
Qmsg.error("获取帖子的tid失败");
return;
}
window.open(TiebaUrlHandler.getPost(tid), "_blank");
},
{
capture: true
}
);
}
};
const TieBaApi = {
/**
* 根据un|portrait获取个人主页信息
*
* /home/get/panel
* @param userInfo
*/
async getUserHomeInfo(userInfo) {
let searchParams = "";
if (userInfo["un"]) {
searchParams = `un=${userInfo["un"]}`;
} else if (userInfo["portrait"]) {
searchParams = `portrait=${userInfo["portrait"]}`;
} else {
throw new TypeError("userInfo.un|userInfo.portrait is undefined");
}
let getResp = await httpx.get(
`https://tieba.baidu.com/home/get/panel?ie=utf-8&${searchParams}`,
{
headers: {
"User-Agent": utils.getRandomPCUA(),
Host: "tieba.baidu.com",
Referer: "https://tieba.baidu.com/"
}
}
);
if (!getResp.status) {
return;
}
let data = utils.toJSON(getResp.data.responseText);
if (data["no"] !== 0) {
return;
}
return data.data;
},
/**
* 根据un获取帖子信息
*
* /home/post
* @param un 用户的un(userName)
* @param [pn=1] 第xx页
*/
async getUserPosts(un, pn = 1) {
let response = await httpx.get(
`https://tieba.baidu.com/home/post?un=${un}&is_ajax=1&lp=&pn=${pn}`,
{
// 该请求为http，页面为https，会报错
fetch: true,
headers: {
"User-Agent": utils.getRandomPCUA()
},
allowInterceptConfig: false
}
);
if (!response.status) {
log.error("获取用户帖子信息失败", response);
return;
}
let data = utils.toJSON(response.data.responseText);
if (data.no != 0) {
return;
}
if (utils.isNull(data.data.content)) {
return;
}
let result = {
has_more: Boolean(data.data.page.has_more),
data: []
};
let contentDoc = domUtils.parseHTML(data.data.content, true, true);
Array.from(contentDoc.querySelectorAll(".list_item")).forEach(
(liElement) => {
let postInfo = {
url: liElement.querySelector("a.list_item_link").href,
title: liElement.querySelector(".post_list_item_title").innerHTML,
content: liElement.querySelector(".post_abstract_text").innerHTML,
forumName: liElement.querySelector(
".post_list_item_info_forum"
).innerText.replace(/吧$/, ""),
createTime: liElement.querySelector(
".post_list_item_info_time"
).innerText,
replyNum: parseInt(
liElement.querySelector(
".post_item_info_reply_icon"
).innerText
),
mediaList: []
};
if (isNaN(postInfo.replyNum)) {
postInfo.replyNum = 0;
}
if (liElement.querySelector(".thread_body_media")) {
postInfo.mediaList.concat(
Array.from(
liElement.querySelectorAll(
".thread_body_media img"
)
).map((item) => item.src)
);
}
result.data.push(postInfo);
}
);
return result;
},
/**
* 根据un获取用户信息
* @param un 用户的un(userName)，自动进行gbk编码
*/
async getUserInfo(un) {
let gbkEncoder = new utils.GBKEncoder();
un = gbkEncoder.encode(un);
let getResp = await httpx.get(
`https://tieba.baidu.com/i/sys/user_json?un=${un}`,
{
headers: {
"User-Agent": utils.getRandomPCUA(),
Host: "tieba.baidu.com",
Referer: "https://tieba.baidu.com/"
}
}
);
if (!getResp.status) {
return;
}
let data = utils.toJSON(getResp.data.responseText);
return data;
},
/**
* 根据uid获取用户信息
*
* 注意：该请求是http非安全请求
* @param uid
* @returns
*/
async getChatUserInfo(uid) {
let getResp = await httpx.get(
`http://tieba.baidu.com/im/pcmsg/query/getUserInfo?chatUid=${uid}`,
{
headers: {
"User-Agent": utils.getRandomPCUA(),
Host: "tieba.baidu.com",
Referer: "https://tieba.baidu.com/"
}
}
);
if (!getResp.status) {
return;
}
let data = utils.toJSON(getResp.data.responseText);
if (data.errno !== 0) {
log.error(data);
return;
}
return data.chatUser;
},
/**
* 签到吧
*
* /sign/add
* @param forumName 吧名
* @param tbs 应该是用户token
*/
async forumSign(forumName, tbs2) {
log.success(["发送签到请求→", forumName, tbs2]);
let postResp = await httpx.post("https://tieba.baidu.com/sign/add", {
data: `ie=utf-8&kw=${forumName}&tbs=${tbs2}`,
responseType: "json",
headers: {
Accept: "application/json, text/javascript, */*; q=0.01",
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
Host: "tieba.baidu.com",
Origin: "https://tieba.baidu.com",
"User-Agent": utils.getRandomPCUA(),
Referer: "https://tieba.baidu.com/p/",
"X-Requested-With": "XMLHttpRequest"
}
});
log.success(postResp);
if (!postResp.status) {
return;
}
let data = utils.toJSON(postResp.data.responseText);
log.success(data);
return data;
},
/**
* 获取用户所有关注的吧
* 需要cookie
* 如果未登录，那么会获取到空列表
*
* /mo/q/sug
*/
async getUserAllLikeForum() {
let response = await httpx.get(
"https://tieba.baidu.com/mo/q/sug?query=&is_ajax=1&sug=1",
{
headers: {
Accept: "application/json",
Host: "tieba.baidu.com",
Referer: "https://tieba.baidu.com/i/i/forum",
"User-Agent": utils.getRandomAndroidUA()
}
}
);
log.success(response);
if (!response.status) {
return;
}
let data = utils.toJSON(
response.data.responseText
);
log.success(data);
return data["data"]["like_forum"];
},
/**
* 获取吧的tbs值
*/
async getForumTbs(forumName) {
let getResp = await httpx.get(
`https://tieba.baidu.com/f?kw=${forumName}&ie=utf-8`,
{
headers: {
Host: "tieba.baidu.com",
Referer: `https://tieba.baidu.com/f?kw=${forumName}&ie=utf-8`
}
}
);
if (!getResp.status) {
return;
}
let PageData = getResp.data.responseText.match(
/var[\s]*PageData[\s\S]*'tbs'.*"(.+)"/
);
if (!PageData) {
return;
}
return PageData[1];
},
/**
* 获取帖子内的图片
*
* /photo/bw/picture/guide
* @param forumName
* @param tid
* @param see_lz
* @param from_page
* @param alt
* @param next
* @param prev
*/
async getPictureGuide(forumName, tid, see_lz = 0, from_page = 0, alt = "jview", next = 1e3, prev = 1e3) {
let getResp = await httpx.get(
`https://tieba.baidu.com/photo/bw/picture/guide?kw=${forumName}&tid=${tid}&see_lz=${see_lz}&from_page=${from_page}&alt=${alt}&next=${next}&prev=${prev}&_=${Date.now()}`,
{
headers: {
Accept: "*/*",
Host: "tieba.baidu.com",
"User-Agent": utils.getRandomPCUA()
},
responseType: "json",
allowInterceptConfig: false
}
);
if (!getResp.status) {
return;
}
let data = utils.toJSON(
getResp.data.responseText
);
if (data["no"] === 0 || data["error"] === "sucess!") {
return data["data"];
}
}
};
const TiebaBaNei = {
init() {
Panel.execMenuOnce("baidu_tieba_banei_hook_iframe_call_app", () => {
BaiduHook.setTimeout("tiebaCallAppIframe");
});
Panel.execMenuOnce("baidu_tieba_removeForumSignInLimit", () => {
this.removeForumSignInLimit();
});
Panel.execMenuOnce("baidu_tieba_banei_hookWakeUp", () => {
this.hookWakeUp();
});
Panel.execMenuOnce("baidu_tieba_banei_repair_card_click_jump", () => {
this.repairCardClickJump();
});
Panel.execMenu("baidu_tieba_add_search", () => {
this.repairSearch();
});
},
/**
* 解除签到限制
*/
removeForumSignInLimit() {
VueUtils.waitVuePropToSet("uni-app #forumInfoId .sign-wakeup", {
check(vueInstance) {
return typeof vueInstance.$root.commonParams.fname === "string";
},
set(vueInstance) {
let $signWakeUp = $("uni-app #forumInfoId .sign-wakeup");
$signWakeUp.setAttribute("data-gm-prevent-hook-event", "true");
let isLogin = () => {
return vueInstance.$root.commonParams.uid != null;
};
utils.waitNode(
"uni-app #forumInfoId .sign-wakeup .sign-wakeup-text"
).then((element) => {
if (isLogin()) {
domUtils.text(element, "点击签到");
} else {
domUtils.text(element, "点击登录");
}
log.success("修改页面中的APP内签到");
domUtils.on(
$signWakeUp,
"click",
async function(event) {
utils.preventEvent(event);
if (isLogin()) {
log.info(`已登录-签到`);
let fname = vueInstance.$root.commonParams.fname;
let tbs2 = vueInstance.$root.tbs;
let signResult = await TieBaApi.forumSign(fname, tbs2);
if (signResult && typeof signResult["data"] === "object") {
Qmsg.success(
`今日本吧第${signResult["data"]["finfo"]["current_rank_info"]["sign_count"]}个签到`
);
} else {
Qmsg.error(signResult?.["error"]);
}
} else {
window.open(
`https://wappass.baidu.com/passport?login&tpl=tb&u=${encodeURIComponent(
window.location.href
)}`,
"_blank"
);
}
},
{
capture: true
}
);
});
}
});
},
/**
* 修复卡片点击跳转
*/
repairCardClickJump() {
log.info(`修复卡片点击跳转`);
domUtils.on(
document,
"click",
[
"div.tb-threadlist__item",
"uni-app .feed-card",
"uni-app .swiperItemWrapper .video-feed .wake-app",
"uni-app .swiperItemWrapper > div > div"
],
function(event) {
utils.preventEvent(event);
let vueInstance = VueUtils.getVue(event.target);
let pbUrl = vueInstance?.pbUrl;
let collectH5Url = vueInstance?.collectH5Url;
let tid = vueInstance?.tid ?? vueInstance?.thread?.tid ?? vueInstance?.config?.param?.tid;
let id = vueInstance?.id ?? vueInstance?.thread?.id;
let newUrl = "";
if (pbUrl) {
newUrl = window.location.origin + pbUrl;
} else if (tid || id) {
newUrl = TiebaUrlHandler.getPost(tid ?? id);
} else if (typeof collectH5Url === "string") {
newUrl = decodeURIComponent(collectH5Url);
} else {
Qmsg.error("获取帖子链接失败");
return;
}
log.info("帖子链接: " + newUrl);
if (BaiduRouter.isTieBaNei() && Panel.getValue("baidu_tieba_banei_openANewTab")) {
window.open(newUrl, "_blank");
} else {
window.location.href = newUrl;
}
},
{
capture: true
}
);
},
/**
* 记住当前用户的看帖排序
* + -1 不知道什么作用
* + 1 不知道什么作用
* + 2 回复
* + 3 发布
*/
rememberPostSort() {
let userSortModel = parseInt(
Panel.getValue("baidu-tieba-sort-model", 3).toString()
);
utils.waitNode(".tb-page__main .tb-sort .tab-pack").then((element) => {
let originChange = VueUtils.getVue(element)?.change;
originChange(userSortModel);
element.__vue__.change = function(index) {
Panel.setValue("baidu-tieba-sort-model", index);
originChange(index);
};
log.info("注入记住当前选择的看帖排序");
});
},
/**
* 过滤重复帖子
*/
filterDuplicatePosts() {
VueUtils.waitVuePropToSet(".tb-threadlist", [
{
msg: "等待获取$watch监听帖子列表",
check(vueObj) {
return typeof vueObj?.$watch === "function";
},
set(vueObj) {
log.success("监听帖子数量改变");
vueObj.$watch(
"list",
function(newVal, oldVal) {
log.success("帖子数量触发改变");
let postsMap = {};
let samePostList = [];
for (let index = 0; index < this.$props.list.length; index++) {
let postsInfo = this.$props.list[index];
if (!postsInfo.id) {
continue;
}
if (postsInfo.id in postsMap) {
samePostList.push({
title: postsInfo.title ?? "",
id: postsInfo.id,
index
});
} else {
postsMap[postsInfo.id] = index;
}
}
if (samePostList.length) {
console.log(postsMap);
console.log(samePostList);
}
for (let index = samePostList.length - 1; index >= 0; index--) {
let removePostInfo = samePostList[index];
log.error("移除重复帖子：" + removePostInfo.title);
this.$props.list.splice(removePostInfo.index, 1);
}
},
{
deep: true,
immediate: true
}
);
}
}
]);
},
/**
* 阻止唤醒App
*/
hookWakeUp() {
let lockFn = new utils.LockFunction(() => {
$$("uni-app .wake-app").forEach(($wakeUp) => {
let vueInstance = VueUtils.getVue($wakeUp);
if (!vueInstance) {
return;
}
let isOpenApp = vueInstance.isOpenApp;
if (typeof isOpenApp === "boolean") {
vueInstance.isOpenApp = false;
}
let handleLaunchApp = vueInstance.handleLaunchApp;
if (typeof handleLaunchApp === "function") {
vueInstance.handleLaunchApp = function() {
if ($wakeUp.getAttribute("data-gm-prevent-hook-event")) {
return;
}
if (typeof vueInstance.$listeners["handle-click"] === "function") {
vueInstance.$listeners["handle-click"]();
} else {
log.success("阻止点击唤醒App .wake-up");
}
};
}
});
});
utils.mutationObserver(document, {
config: {
subtree: true,
childList: true
},
immediate: true,
callback: () => {
lockFn.run();
}
});
document.addEventListener("click", (event) => {
let vueInstance = VueUtils.getVue(event.target);
if (vueInstance?.isOpenApp) {
utils.preventEvent(event);
log.success("阻止点击唤醒App .wake-up");
}
});
},
/**
* 修复搜索功能的样式
*/
repairSearch() {
addStyle$1(
/*css*/
`
.nav-bar .more-btn-desc,
uni-app .frs-wise-nav-bar .more-btn-desc{
font-size: 15px;
}
#search .nav-search-container{
height: 48px;
}
#search .nav-search-container svg{
width: 16px;
height: 16px;
}
#search .nav-search-btn{
font-size: 15px;
}
#search .search-result{
top: 48px;
}
#search .search-result-model{
top: 48px;
height: 32px;
}
#search .search-result-model .search-result-model-item[data-active]:after{
width: 20px;
margin: 0 5px 0px;
}
#search .search-result-from-info{
margin-top: 32px;
}
#search .search-result-media-left{
padding-right: 8px !important;
}
#search .search-result-media-left img{
width: 35px !important;;
height: 35px !important;;
}
#search .search-result-media-body-author-name{
margin-top: 2px !important;
font-size: 16px !important;
line-height: 15px !important;
}
#search .search-result-media-body-time{
margin-top: 6px !important;
font-size: 12px !important;
line-height: 12px !important;
}
#search .search-result-title, #search .search-result-content, #search .search-result-bottom-toolbar{
margin-top: 8px !important;
}
#search h1.search-result-title-h1{
font-size: 16px !important;
}
`
);
}
};
const TiebaCore = {
/**
* 伪装客户端已调用
*/
clientCallMasquerade() {
let originGetItem = _unsafeWindow.localStorage.getItem;
_unsafeWindow.localStorage.getItem = function(key) {
if (key === "p_w_app_call" || key === "p_w_launchappcall" || key === "loginWakeModal") {
log.info("伪装客户端已调用 " + key);
return JSON.stringify({
value: 1,
date: utils.formatTime(void 0, "yyyyMMdd")
});
} else if (key.startsWith("p_w_new_slient") || key.startsWith("f_w_slient") || key.startsWith("f_w_pop_slient") || key.startsWith("f_w_floor") || key.startsWith("t_w_slient") || key.startsWith("t_w_pop_slient") || key.startsWith("auto_slient_wakeup") || key.startsWith("index_home_thread_guide-") || key.startsWith("search_w_pop_slient-")) {
log.info("伪装客户端已调用 " + key);
return "1";
} else {
return originGetItem.call(window.localStorage, key);
}
};
let masqueradeParamsList = [
"p_w_new_slient_",
"f_w_slient_",
"f_w_pop_slient_",
"f_w_floor_",
"t_w_slient_",
"t_w_pop_slient_",
"auto_slient_wakeup_",
"index_home_thread_guide-",
"search_w_pop_slient-"
];
masqueradeParamsList.forEach((masqueradeParam) => {
window.localStorage.setItem(
masqueradeParam + utils.formatTime(void 0, "yyyy-MM-dd"),
"1"
);
});
let masqueradeParamsList2 = [
"auto_slient_wake_",
"f_w_silencePopup_",
"f_w_silence_"
];
masqueradeParamsList2.forEach((masqueradeParam) => {
window.localStorage.setItem(
masqueradeParam + utils.formatTime(void 0, "yyyy-MM-dd"),
JSON.stringify({
type: "number",
data: 1
})
);
});
for (let index = 0; index < window.localStorage.length; index++) {
let keyName = window.localStorage.key(index);
[...masqueradeParamsList, ...masqueradeParamsList2].forEach((item) => {
if (keyName.startsWith(item) && !keyName.endsWith(utils.formatTime(void 0, "yyyy-MM-dd"))) {
log.success("删除过期键 ===> " + keyName);
window.localStorage.removeItem(keyName);
}
});
}
},
/**
* 获取本帖楼主的信息
*/
getLandlordInfo() {
return $(
".main-page-wrap .user-line-wrapper.thread-user-line"
)?.__vue__?.$props?.author;
},
/**
* 获取当前的贴吧名字
*/
getCurrentForumName() {
let tbMobileViewport = VueUtils.getVue($(".tb-mobile-viewport"))?.forum?.name;
let mainPageWrap = VueUtils.getVue($(".main-page-wrap"))?.$children[0]?.$children[0]?.forum?.name;
let tbForum = VueUtils.getVue($(".tb-mobile-viewport .tb-forum"))?.forum?.name;
let appView = VueUtils.getVue($(".app-view"))?.forum?.name;
let $uniAppPostNavBarForumName = $("uni-app .nav-bar .forum-name") || $("uni-app .forum-name");
let uniAppPostNavBarForumName = $uniAppPostNavBarForumName?.textContent || "";
uniAppPostNavBarForumName = uniAppPostNavBarForumName.replace(/吧$/g, "");
return tbMobileViewport || mainPageWrap || tbForum || appView || uniAppPostNavBarForumName;
},
/**
* 获取当前的贴吧的id
*/
getCurrentForumId() {
let tbMobileViewport = VueUtils.getVue($(".tb-mobile-viewport"))?.forum?.id;
let appView = VueUtils.getVue($(".app-view"))?.forum?.id;
return tbMobileViewport || appView;
},
/**
* 获取当前帖子的tid
*/
getCurrentForumPostTid() {
let tid = null;
let appViewVue = VueUtils.getVue($(".app-view"));
if (appViewVue?.thread?.id !== "" && appViewVue?.thread?.id != null) {
tid = appViewVue.thread.id.toString();
} else {
tid = window.location.pathname.match(/([0-9]+)/g)?.[0];
}
return tid;
},
/**
* 添加滚动到顶部按钮
*/
addScrollTopButton() {
log.success("添加滚动到顶部按钮");
let isInsertButton = false;
let showScrollTopButton = function() {
isInsertButton = true;
let buttonElement = domUtils.parseHTML(
/*html*/
`
<div class="tb-totop whitesev-tb-totop">
<style>
.whitesev-tb-totop{
position: fixed;
right: .09rem;
bottom: 1rem;
z-index: 1000;
}
.whitesev-tb-totop .tb-totop__span{
display: inline-block;
width: .51rem;
height: .51rem;
}
.whitesev-tb-totop .tb-totop__svg{
width: 100%;
height: 100%;
}
</style>
<span class="tb-totop__span">
<svg class="tb-totop__svg">
<g id="icon_frs_top_50_页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon_frs_top_50_编组" transform="translate(-1.000000, -1.000000)">
<rect id="icon_frs_top_50_矩形" stroke="#979797" stroke-width="0.5" fill="#FFFFFF" opacity="0.384175037" transform="translate(26.000000, 26.000000) rotate(45.000000) translate(-26.000000, -26.000000) " x="8.25" y="8.25" width="35.5" height="35.5" rx="8"></rect>
<polyline id="icon_frs_top_50_路径" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="translate(26.000000, 28.000000) rotate(-45.000000) translate(-26.000000, -28.000000) " points="21 23 30.2928932 23.7071068 31 33"></polyline>
</g>
</g>
</svg>
</span>
</div>`,
true,
false
);
domUtils.on(buttonElement, "click", function() {
window.scrollTo({
top: 0,
left: 0,
behavior: "smooth"
});
});
document.body.appendChild(buttonElement);
};
let hideScrollTopButton = function() {
isInsertButton = false;
$(".whitesev-tb-totop")?.remove();
};
let checkScroll = new utils.LockFunction(
function() {
let scrollTop = window.document.documentElement.scrollTop || window.document.body.scrollTop;
let scrollHeight = window.innerHeight || document.documentElement.clientHeight || window.document.body.clientHeight;
if (scrollTop > scrollHeight * 2) {
if (!isInsertButton) {
showScrollTopButton();
}
} else {
hideScrollTopButton();
}
},
this,
50
);
window.addEventListener("scroll", checkScroll.run);
},
/**
* 添加顶部的楼主头像/名字的点击事件-直接进入楼主的个人主页
*/
addAuthorClickEvent() {
utils.waitNode(
"div.main-page-wrap .main-thread-content .user-line"
).then((element) => {
log.info("添加顶部的楼主头像/名字的点击事件-直接进入楼主的个人主页");
domUtils.on(element, "click", function() {
let vueInfo = VueUtils.getVue(element.parentElement) || VueUtils.getVue(element.closest(".user-line-wrapper"));
let authorInfo = vueInfo?.author;
if (!authorInfo) {
log.error(["获取贴主信息失败", vueInfo]);
return;
}
log.success(["贴主信息", authorInfo]);
window.open(`/home/main?id=${authorInfo.portrait}`);
});
});
},
/**
* 检测骨架屏
* @time 900
*/
checkSkeleton() {
setTimeout(() => {
let appElement = $("#app");
if (appElement && appElement.innerHTML === "") {
Qmsg.warning("检测到骨架屏，异常加载，刷新页面", {
timeout: 1200,
onClose() {
window.location.reload();
}
});
}
}, 900);
},
/**
* 自动重定向至主域名
*/
autoJumpToMainHost() {
if (_unsafeWindow.top !== _unsafeWindow.window) {
return;
}
if (window.location.hostname === "tieba.baidu.com") {
return;
}
let replacePattern = new RegExp(`^${window.location.origin}`);
window.location.href = window.location.href.replace(
replacePattern,
"https://tieba.baidu.com"
);
}
};
const TiebaSearchSuggestion = {
$data: {
searchSuggestion: null,
currentSearchText: ""
},
$ele: {
/**
* 输入框
*/
$searchInput: null
},
init($input) {
this.$ele.$searchInput = $input;
this.initSearchSuggestion();
let $oldMoreBtnDesc = $(".more-btn-desc");
domUtils.on($oldMoreBtnDesc, "click", () => {
this.enterSeachMode();
});
domUtils.on(TiebaSearch.$ele.$searchBtn, "click", () => {
this.frontPageSeach();
});
domUtils.listenKeyboard(this.$ele.$searchInput, "keypress", (keyName) => {
if (keyName !== "Enter") {
return;
}
this.frontPageSeach();
});
domUtils.on(TiebaSearch.$ele.$navSearchBack, "click", function() {
TiebaSearch.quitSearchMode();
});
},
/**
* 进入搜索模式
*/
enterSeachMode() {
domUtils.hide(TiebaSearch.$ele.$selectWrapper);
TiebaSearch.showSearchContainer();
setTimeout(() => {
this.$ele.$searchInput.focus();
}, 20);
},
/**
* 退出搜索模式
*/
quiteSearchMode() {
TiebaSearch.hideSearchContainer();
},
/**
* 获取搜索内容
*/
getSearchText() {
return this.$ele.$searchInput.value.trim();
},
/**
* 帖子外搜索(也就是首页搜索吧)
*/
frontPageSeach() {
log.success("当前是在首页");
let searchText = this.getSearchText();
if (utils.isNull(searchText)) {
alert("请勿输入空内容");
return;
}
let url = "https://tieba.baidu.com/f?ie=utf-8&kw=" + searchText;
window.open(url, "_blank");
},
/**
* 初始化搜索吧
*/
initSearchSuggestion() {
let that = this;
async function getData(inputValue) {
let result = [];
log.success("搜索中...");
let suggestionData = await that.getSuggestion(inputValue);
if (utils.isNull(suggestionData)) {
return result;
}
log.success(suggestionData);
result = suggestionData?.query_match.search_data || [];
return result;
}
let searchSuggestion = __pops.searchSuggestion({
selfDocument: document,
className: "WhiteSevsSearchSelect",
target: this.$ele.$searchInput,
inputTarget: this.$ele.$searchInput,
data: [],
isAbsolute: false,
followTargetWidth: true,
deleteIcon: {
enable: false
},
topDistance: 4,
itemClickCallBack(event, liElement, data) {
window.location.href = "https://tieba.baidu.com/f?ie=utf-8&kw=" + data.fname;
},
getData,
getItemHTML(item) {
return (
/*html*/
`
<div class="forum_item">
<img class="forum_image" src="${item.fpic}">
<div class="forum_right">
<div class="forum_name">${item.fname}</div>
<div class="forum_desc">${item.forum_desc}</div>
<div class="forum_member">${item.member_num}</div>
<div class="forum_thread">${item.thread_num}</div>
</div>
</div>`
);
},
style: (
/*css*/
`
.WhiteSevsSearchSelect .forum_item{
display: flex;
text-wrap: wrap;
align-items: center;
}
.WhiteSevsSearchSelect .forum_image{
float: left;
width: 32px;
height: 32px;
}
.WhiteSevsSearchSelect .forum_right{
float: left;
margin-left: 8px;
color: #999;
width: 88%;
}
.WhiteSevsSearchSelect .forum_name{
color: #000;
font-size: 14px;
font-weight: 700;
}
.WhiteSevsSearchSelect .forum_name::after{
content:"吧";
}
.WhiteSevsSearchSelect .forum_member,
.WhiteSevsSearchSelect .forum_thread{
margin: 4px 0px;
padding: 0 0 0 18px;
color: #999;
font-weight: 400;
font-size: 12px;
background: url(//tb2.bdstatic.com/tb/static-common/img/suggestion/sugestion_ed6a819.png) no-repeat;
}
.WhiteSevsSearchSelect .forum_member{
background-position: 0 0;
}
.WhiteSevsSearchSelect .forum_thread{
background-position: 0 -26px;
}
`
)
});
this.$data.searchSuggestion = searchSuggestion;
searchSuggestion.init();
searchSuggestion.setAllEvent();
log.info("初始化默认搜索...");
getData("").then((result) => {
if (result.length) {
searchSuggestion.update(result);
}
});
},
/**
* 获取搜索建议
* @param queryText 搜索内容
*/
async getSuggestion(queryText = "") {
let getResp = await httpx.get({
url: `https://tieba.baidu.com/suggestion?query=${queryText}&ie=utf-8&_=${(/* @__PURE__ */ new Date()).getTime()}`,
headers: {
"User-Agent": utils.getRandomPCUA(),
Accept: "application/json, text/javascript, */*; q=0.01",
Host: "tieba.baidu.com",
Referer: window.location.href
}
});
if (!getResp.status) {
return;
}
let respData = getResp.data;
return utils.toJSON(respData.responseText);
}
};
const TiebaSearch = {
$flag: {
isInitKw: false,
isInitPost: false,
isInitHome: false,
isSetScrollEvent: false
},
$even: {},
$context: {
lockFunc: null,
loading: new LoadingView(true),
gbkEncoder: new utils.GBKEncoder()
},
$data: {
/**
* 搜索类型，默认0
* + 0 本吧
* + 1 全局
*/
searchType: 0,
/**
* 搜索结果类型，默认1
* + 0 按时间顺序
* + 1 按时间倒序
* + 2 按相关性顺序
* + 3 只看主题贴
*/
searchModel: 1,
/**
* 下一页
*/
nextPageUrl: null,
/**
* 当前搜索的内容
*/
currentSearchText: ""
},
$ele: {
/**
* 页面重构后的搜索按钮
*/
$moreBtnDesc: null,
/**
* 搜索的容器
*/
$searchContainer: null,
/**
* 自定义的顶部导航栏
*/
$navTopSearch: null,
/**
* 返回按钮
*/
$navSearchBack: null,
/**
* 搜索模式选择的容器
*/
$selectWrapper: null,
/**
* 搜索模式选择
*/
$select: null,
/**
* 输入框
*/
$searchInput: null,
/**
* 搜索按钮
*/
$searchBtn: null,
/**
* 搜索结果的容器
*/
$searchResultContainer: null,
/**
* 搜索结果的列表
*/
$searchResultList: null,
/**
* 选择搜索结果模式
*/
$searchResultModel: null,
/**
* 以下内容来自xxx吧的搜索结果
*/
$searchResultFrom: null
},
init() {
let that = this;
utils.waitAnyNode(
[".more-btn-desc", "uni-app .frs-wise-nav-bar .forum-name"],
1e4
).then(($oldMoreBtnDesc) => {
if (!$oldMoreBtnDesc) {
return;
}
this.addCSS();
$oldMoreBtnDesc.outerHTML = '<div class="more-btn-desc">搜索</div>';
let $newSearch = domUtils.createElement("div", {
id: "search",
innerHTML: (
/*html*/
`
<div id="nav-top-search">
<div class="nav-search-container">
<div class="nav-search-back">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64"></path><path fill="currentColor" d="m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z"></path></svg>
</div>
<div class="nav-search-select-wrapper">
<select class="nav-search-select">
<option>本吧</option>
<option>全局</option>
</select>
</div>
<input type="search" id="tieba-search" placeholder="请输入搜索内容..." autocomplete="off">
<div class="nav-search-btn">搜索</div>
</div>
</div>
<div class="search-result">
<div class="search-result-model" style="display: none;">
<div class="search-result-model-item" data-model="1">新帖在前</div>
<div class="search-result-model-item" data-model="0">旧帖在前</div>
<div class="search-result-model-item" data-model="2">只看相关</div>
<div class="search-result-model-item" data-model="3">只看主题</div>
</div>
<div class="search-result-from-info" style="display: none;">
</div>
<div class="search-result-list">
</div>
</div>
`
)
});
document.body.appendChild($newSearch);
domUtils.hide($newSearch);
this.$ele.$searchContainer = $newSearch;
this.$ele.$navTopSearch = $newSearch.querySelector(
"#nav-top-search"
);
this.$ele.$navSearchBack = $newSearch.querySelector(
".nav-search-back"
);
this.$ele.$selectWrapper = $newSearch.querySelector(
".nav-search-select-wrapper"
), this.$ele.$select = $newSearch.querySelector(
".nav-search-select"
);
this.$ele.$searchInput = $newSearch.querySelector(
"#tieba-search"
);
this.$ele.$searchBtn = $newSearch.querySelector(
".nav-search-btn"
);
this.$ele.$searchResultContainer = $newSearch.querySelector(
".search-result"
);
this.$ele.$searchResultList = $newSearch.querySelector(
".search-result-list"
);
this.$ele.$searchResultModel = $newSearch.querySelector(
".search-result-model"
);
this.$ele.$searchResultFrom = $newSearch.querySelector(
".search-result-from-info"
);
this.$context.loading.initLoadingView(true);
this.$ele.$searchResultList.appendChild(
this.$context.loading.getLoadingViewElement()
);
let $searchResultModelItem = this.$ele.$searchResultModel.querySelector(
`.search-result-model-item[data-model="${this.$data.searchModel}"]`
);
if ($searchResultModelItem) {
$searchResultModelItem.setAttribute("data-active", "true");
}
this.$context.loading.hide();
let searchParams = new URLSearchParams(window.location.search);
this.$ele.$moreBtnDesc = $(".more-btn-desc");
if (BaiduRouter.isTieBaNei() && utils.isNotNull(searchParams.get("kw"))) {
domUtils.on(this.$ele.$moreBtnDesc, "click", () => {
this.enterSeachMode();
});
} else if (BaiduRouter.isTieBaPost()) {
domUtils.on(this.$ele.$moreBtnDesc, "click", () => {
this.enterSeachMode();
});
} else {
TiebaSearchSuggestion.init(this.$ele.$searchInput);
return;
}
let searchEvent = () => {
let searchText = that.getSearchText();
if (utils.isNull(searchText)) {
alert("请勿输入纯空格或空内容");
return;
}
if (Panel.getValue("baidu_tieba_use_hybrid_search")) {
window.location.href = TiebaUrlHandler.getHybridSearch(
this.getSearchText()
);
return;
}
this.$data.currentSearchText = searchText;
this.clearOldSearchResult();
this.postsPageSearch();
};
domUtils.on(this.$ele.$searchBtn, "click", () => {
searchEvent();
});
domUtils.listenKeyboard(
this.$ele.$searchInput,
"keypress",
(keyName) => {
if (keyName !== "Enter") {
return;
}
searchEvent();
}
);
domUtils.on(this.$ele.$navSearchBack, "click", () => {
this.quitSearchMode();
this.removeScrollEvent();
});
domUtils.on(this.$ele.$select, "change", (event) => {
let select = event.target;
select.value;
let text = select.options[select.selectedIndex].text;
log.info("当前搜索模式：" + text);
if (text === "本吧") {
this.$data.searchType = 0;
} else if (text === "全局") {
this.$data.searchType = 1;
} else {
log.error("未知选择模式");
}
});
domUtils.on(
this.$ele.$searchResultModel,
"click",
".search-result-model-item",
(event) => {
let $click = event.target;
log.success("设置当前搜索结果模式：" + $click.innerText);
this.$ele.$searchResultModel.querySelectorAll(".search-result-model-item").forEach((ele) => ele.removeAttribute("data-active"));
$click.setAttribute("data-active", "true");
let searchModelText = $click.getAttribute("data-model");
let searchModel = parseInt(searchModelText);
this.$data.searchModel = searchModel;
this.clearOldSearchResult();
this.postsPageSearch();
}
);
Panel.execMenuOnce("baidu_tieba-execByUrlSearchParams", () => {
this.execByUrlSearchParams();
});
});
},
addCSS() {
addStyle$1(
/*css*/
`
.gm-hide {
display: none !important;
}
`
);
addStyle$1(
/*css*/
`
.more-btn-desc{
margin-right: 10px;
font-size: 1em;
font-weight: 700;
color: #614ec2;
}
`
);
addStyle$1(
/*css*/
`
#search{
--bg-color: #F5F6F8;
--ohter-bg-color: #F3F3F5;
--result-item-bg-color: #ffffff;
background: var(--bg-color);
position: fixed;
z-index: 100000;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
}
#nav-top-search{
top: 0;
position: fixed;
width: 100%;
background: var(--bg-color);
z-index: inherit;
}
.nav-search-container{
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nav-search-container svg{
width: 1em;
height: 1em;
}
.nav-search-back{
margin-left: 10px;
}
.nav-search-select{
background: var(--other-bg-color);
height: 32px;
line-height: 32px;
border: 1px solid rgb(184, 184, 184, 1);
border-radius: 5px;
text-align: center;
outline: 0;
box-shadow: none;
margin-left: 10px;
}
#tieba-search{
background: var(--other-bg-color);
padding: 0px 10px;
height: 32px;
line-height: 32px;
font-size: 14px;
border-radius: 5px;
box-sizing: border-box;
appearance: none;
border: 1px solid rgb(184, 184, 184, 1);
outline: none;
flex: 1 1 0%;
margin: 0px 1em;
min-width: 80px;
}
.nav-search-btn{
margin-right: 10px;
font-weight: 700;
color: #614ec2;
}
.search-result{
position: relative;
top: 0.48rem;
background: var(--bg-color);
}
.search-result-model{
display: flex;
padding: 0px 10px;
position: fixed;
width: 100%;
top: 0.48rem;
height: 0.32rem;
z-index: inherit;
background: var(--bg-color);
align-items: flex-start;
justify-content: center;
}
.search-result-model .search-result-model-item{
margin-right: 20px;
}
.search-result-from-info{
margin-top: 0.32rem;
padding: 10px;
}
.search-result-from-info[style*="display"][style*="none"] + .search-result-list{
margin-top: 0.32rem;
}
.search-result-list{
overflow: auto;
max-height: calc( 100vh - 48px - 32px - 36px);
}
.search-result-list .search_result{
background: var(--result-item-bg-color);
margin: 10px;
padding: 10px;
border-radius: 6px;
}
.search-result-list .search_result:first-child{
margin-top: 0px;
}
`
);
addStyle$1(
/*css*/
`
.search-result-model .search-result-model-item[data-active]:after {
content: " ";
background: #7458FA;
height: 4px;
line-height: 5px;
margin: 0.05rem 0px;
border-radius: 6px;
width: 0.2rem;
position: relative;
}
.search-result-model .search-result-model-item[data-active] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
`
);
addStyle$1(
/*css*/
`
#search .search-result-content img.BDE_Smiley{
width: .2rem;
height: .2rem;
vertical-align: middle;
}
#search .search-result-content img:not(.BDE_Smiley){
margin-top: 8px;
max-width: 350px;
cursor: url(//tb2.bdstatic.com/tb/static-pb/img/cur_zin.cur),pointer;
height: auto;
width: auto;
width: 100%;
}
/* 搜索结果高亮 */
#search .s_post em {
color: #e10900;
font-style: normal;
}
#search .BDE_Image_container {
display: flex;
overflow: auto;
}
#search .BDE_Image_container img.BDE_Image {
max-width: 100px;
max-height: 150px;
}
`
);
addStyle$1(
/*css*/
`
#search .search-result-media {
display: flex;
align-items: center;
}
#search .search-result-media-left {
padding-right: .08rem;
}
#search .search-result-media-left img {
width: .35rem;
height: .35rem;
border-radius: 50%;
}
#search .search-result-media-body-author-name {
margin-top: .02rem;
color: #272829;
font-weight: 400;
font-size: .16rem;
line-height: .15rem;
}
#search .search-result-media-body-time {
margin-top: .06rem;
color: #a2a6a8;
font-size: .12rem;
line-height: .12rem;
}
#search h1.search-result-title-h1 {
font-size: 0.16rem;
}
#search .search-result-content {
min-height: 66px;
}
#search span.search-result-content-span {
color: #141414;
text-overflow: ellipsis;
display: inline;
word-break: break-all;
}
#search .search-result-title ,
#search .search-result-content,
#search .search-result-bottom-toolbar{
margin-top: 0.08rem;
}
#search span.search-result-bottom-toolbar-span {
color: #b7b9c1;
}
#search span.search-result-bottom-toolbar-span::before{
content:"贴吧："
}
`
);
},
/**
* 清空搜索结果
*/
clearSearchResult() {
log.success("清空搜索结果");
Array.from(this.$ele.$searchResultList.children).forEach(($item) => {
if ($item != this.$context.loading.getLoadingViewElement()) {
$item.remove();
}
});
},
/**
* 显示搜索结果选项
*/
showSearchResultModel() {
domUtils.show(this.$ele.$searchResultModel);
},
/**
* 隐藏搜索结果选项
*/
hideSearchResultModel() {
domUtils.hide(this.$ele.$searchResultModel);
},
/**
* 显示搜索结果来自xxx
*/
showSearchResultFrom() {
domUtils.show(this.$ele.$searchResultFrom);
let searchKw = "全部吧";
if (this.$data.searchType === 0) {
searchKw = TiebaCore.getCurrentForumName();
if (utils.isNull(searchKw)) {
searchKw = "未知";
} else {
searchKw += "吧";
}
}
this.$ele.$searchResultFrom.innerText = `以下内容来自${searchKw}的搜索结果`;
},
/**
* 隐藏搜索结果来自xxx
*/
hideSearchResultFrom() {
domUtils.hide(this.$ele.$searchResultFrom);
},
/**
* 获取进入/退出搜索模式时需要处理的选择器
*/
getEnterOrQuietSearchModeSelectorList() {
return [
// 底部评论工具栏
"#vite-app",
// 帖子的主内容
".main-page-wrap",
// 吧内的主内容
".tb-mobile-viewport"
];
},
/**
* 进入搜索模式
*
* 显示输入框，返回按钮什么的
*
* 如果已在搜索模式（即已显示搜索框），返回undefine，否则成功进入返回true
*/
enterSeachMode() {
this.showSearchContainer();
setTimeout(() => {
this.$ele.$searchInput.focus();
}, 20);
},
/**
* 退出搜索模式
*
* 隐藏输入框，返回按钮
*
* 如果已不在搜索模式（即已显示搜索框），返回undefine，否则成功退出返回true
*
* 显示本页主内容
*/
quitSearchMode() {
this.hideSearchContainer();
},
/**
* 获取搜索内容
*/
getSearchText() {
let searchText = this.$ele.$searchInput.value.trim();
return searchText;
},
/**
* 获取搜索结果
* @param qw 搜索的关键字
* @param pn 当前页码
* @param sm 搜索结果排序
* @param kw 搜索的目标吧，留空是全部
* + 0 按时间顺序
* + 1 按时间倒序 如果加上only_thread为1，就是只看主题贴
* + 2 按相关性顺序
*/
async getSearchResult(qw = "", pn = 0, sm = 1, kw = "") {
let param_sm = sm.toString();
if (sm === 3) {
param_sm = "1&only_thread=1";
}
let url = "";
let originText = "";
if (arguments.length === 1) {
url = arguments[0];
log.success(`请求的下一页url: ${url}`);
} else {
originText = qw;
qw = this.$context.gbkEncoder.encode(qw);
kw = this.$context.gbkEncoder.decode(kw);
kw = this.$context.gbkEncoder.encode(kw);
log.success(`搜索内容gbk编码转换: ${originText} => ${qw}`);
url = `https://tieba.baidu.com/f/search/res?isnew=1&kw=${kw}&qw=${qw}&un=&rn=10&pn=${pn}&sd=&ed=&sm=${param_sm}`;
}
log.success(
`当前请求第 ${new URLSearchParams(new URL(url).search).get("pn")} 页`
);
let searchResponse = await httpx.get(url, {
fetch: true,
headers: {
accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7",
"accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6",
"cache-control": "no-cache",
pragma: "no-cache",
"sec-ch-ua-mobile": "?0",
"sec-ch-ua-platform": '"Windows"',
"sec-fetch-dest": "empty",
"sec-fetch-mode": "cors",
"sec-fetch-site": "none"
}
});
let responseText = searchResponse.data.responseText;
if (!searchResponse.status) {
if (utils.isNull(responseText)) {
log.error("获取内容为空，可能触发了百度校验，请刷新网页再试");
return {
success: false,
error: "获取内容为空，可能触发了百度校验，请刷新网页再试"
};
}
if (responseText.match("wappass.baidu.com") || responseText.match(
"https://seccaptcha.baidu.com/v1/webapi/verint/svcp.html"
)) {
let wappassUrl = responseText?.match(/href="(.*?)"/)?.[1];
log.error("触发百度校验: " + wappassUrl);
window.location.href = wappassUrl;
return {
success: false,
error: "触发百度校验"
};
} else if (responseText.match("<title>百度安全验证</title>") && responseText.match(`backurl:'(.+?)'`)) {
let wappassUrl = responseText?.match(/backurl:\'(.+?)\'/)?.[1];
log.error("触发百度校验: " + wappassUrl);
window.location.href = wappassUrl;
return {
success: false,
error: "触发百度校验"
};
}
log.error(responseText);
return {
success: false,
error: "请求失败，可能是网络异常或者接口异常"
};
}
log.success(searchResponse);
let searchDoc = domUtils.parseHTML(responseText, true, true);
if (searchDoc.querySelector(".search_noresult")) {
return {
success: false,
error: "抱歉，没有找到与“" + originText + "”相关的结果。"
};
}
let result = [];
let nextPageUrl = searchDoc.querySelector(".pager-search a.next")?.href;
searchDoc.querySelectorAll(".s_main .s_post_list .s_post").forEach(($s_post) => {
if ($s_post.id === "post_user" || $s_post.id === "no_head") {
return;
}
let postItemUrl = $s_post.querySelector("span.p_title a").href;
let postItemTitle = $s_post.querySelector("span.p_title a").innerHTML;
let postItemContent = $s_post.querySelector(".p_content").innerHTML;
let postItemForumName = $s_post.querySelector("a.p_forum font.p_violet").textContent;
let postItemAuthor = ($s_post.querySelector("a[href^='/home'] font.p_violet") || $s_post.querySelectorAll("font.p_violet")[1]).textContent;
let postItemAuthorHomeUrl = "https://tieba.baidu.com/home/main?un=" + this.$context.gbkEncoder.encode(postItemAuthor);
let postItemTime = $s_post.querySelector(".p_date").textContent;
let imgList = [];
$s_post.querySelectorAll("img.p_pic").forEach(
(pictureImg) => imgList.push(pictureImg.getAttribute("original") || pictureImg.src)
);
result.push({
url: postItemUrl,
title: postItemTitle,
content: postItemContent,
forum: postItemForumName,
author: postItemAuthor,
authorHomeUrl: postItemAuthorHomeUrl,
time: postItemTime,
media: imgList
});
});
if (result.length === 0) {
return {
success: false,
error: "抱歉，获取到的数据为空"
};
}
return {
success: true,
data: result,
nextPageUrl
};
},
/**
* 获取搜索结果元素
* @param currentSearchText 当前搜索的关键字
* @param data 搜索的数据
*/
getSearchItemElement(data) {
let searchText = this.$data.currentSearchText;
let time = data["time"];
let newTime = utils.getDaysDifference(
utils.formatToTimeStamp(time),
void 0,
"auto"
);
if (newTime.endsWith("小时") || newTime.endsWith("分钟") || newTime.endsWith("秒")) {
time = newTime + "前";
}
let splitText = searchText.split(" ");
splitText.filter((value, index, _splitText_) => {
return _splitText_.indexOf(value) === index;
});
splitText.forEach((text) => {
data["title"] = data["title"].replaceAll(text, "<em>" + text + "</em>");
});
let postUrlObj = new URL(CommonUtil.fixUrl(data["url"]));
let postUrl = postUrlObj.origin + postUrlObj.pathname;
let authorHomeUrl = data["authorHomeUrl"];
let postForum = data["forum"];
let $resultElement = domUtils.createElement("div", {
className: "s_post search_result",
innerHTML: (
/*html*/
`
<div class="search-result-media">
<div class="search-result-media-left">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAGdBJREFUeF7tXWuT3MZ1Pd0AZmZfXL4pS5Qo2ZEcybG/JFX583FKkT8lKVc5FiU6liWbkimK1GbJfc4MHt2pc283gMHuPHa5qxlRO1XUUksAA9zT93Xu7Qvzb38sPK4+KyMBcwXIymAhN3IFyGrhcQXIiuFxBcgVIKsmgRW7nysfcgXIiklgxW7H/PbT8ioPWSIo3qv4jTH68wqQJaIBwDl3BchyIZj97VcasmR0osmKt3EFyBUgS5bAin/9lYYsGaC2yeLff5KAtON8DTZX57N0QLwJYZ+3KhXfEpGJotNjJv45HN8VqO1kVS4c0PzadL7CY5VAWT4gQdC1UE4FhAdFUCxmrfBpgAiYE6DyGz2I+RUgC1iIRrBxiVvoag/ARO1pAwhgEq72F7lwflDCKRq2wK1d6iFL15DafnTMk40mjOu3/jsaUOrjW8s+/K6rJY0EG9MXf+dMMJWXKubFL76igDgoIPzTaEj9WOJ3fGvFuwnQ2ibIBg1SrE7Sdvzn6GcWF9vlHbk6gPAZRWq6iptVPn0FT5iwGA90TVEAJF7FBDIvBgirBIaIYNnkogre1C5bQWk78ZNmRjVHRdw2T23hTo+dJrVklRz6CgESzMaJCItgODA0bqKwCEYbkMZh16Fx0JSOz2+sXsDlCpCu+a1KWGvhbQJmqo5hqNQG+Bcnf698qeGpMfDewJpUdcg5GFGRRovkGMYBEQnnkSTh2jw+1h28DddbrXLQkk2Wg3FeBWNV2I70gTETwnLwSKwC4ipi5QVEHmsT/q+XP21gRFO8R2KsAu30fAFfjtfvWLWP+e2n+VKXSBRK5HS4sA0SkZP+zogmWKgwqSoE0XsiY1GJ5ujxxhAAFbEKvZKf/A5qiWqV/psx1BCgksjrND/1w0DFe2/zWSsASLwhFYoAIqaJWbQVEJRdoZt2CoQrRfBqivRYBaGCDeZOzZaHNQkqzwtYEFZHzUgz+aKyLGEFweUBEoOTCP/SAWluKNp3Cj3UmQWUEEkZB2scetajP0ixPuhjY81iawOg4ojycMVXQJ4Do7FDXji8PDjEwXGJsgJsbx2lT1A5PUG0hicsFZBJTVw6INH50tw0DpdCUhrEgqveY5AaXLs2wK3tBBvr+hCMs2iIQggw8WSaOqqoj8fA7h6w8/IQx2MPYzOig4IBxUoxWZKHLNeHxGCI5kmcefAPiXVIrYevhrh35zru3rLoZwoAFUgMkPgLwiKOIfiR6Kg1LOZvow6McmBnF/hu5wXGuUM6WBdtoSlblc/SAaFUxdYHR46qRIISaVKin3q8//PtGggKTV1z2VrXSicqDOor6p8EiU6ToISDeMThEfDs+T5298dwdh0Venp2DAgYbgu+lw9UO9ITv/nvD2fvD+n2DcWVNO333ZU273w64iTJ4GnXnRMgTHWIuzf6eO/+JlKJuppPDAlPD1g7gHTOi6wJtbIogKfPD/Bsp4JLNpBXBj5l1JYTQ/VdhL8KmhbyHR/JSCZMrX6qaRo27/m7offSAUkSjXaAFP3EwhX7eOveJt5+I0UaTFPjMVQVZLHPRqaWT8xRJGQOyWT8e+GAb595PHl2CJ8OkDMqsBVKV2n+UlEjMzV9lwRIF8ilA0KfkWYWRTFGZjxu31rDu2+qGCQf72ZJ58jlYi4SH17yGiaIAMYOePykxM7eEIWEEAbGpvAVj0lhqLkCSCnMAY2rmDLREPq92WncPA1ZOUBk4fkCaVJhYz3BB++tyyPTqjP/UMfd+oSS71nte1cwStOQIaBHAj7/80sc5fQjAxSVQZZlqCoP6xI4+pQJQKhqTTI6zVwJkCeCDT26248VrzFXQ7o+oz7xjLTDiYawcD4BSZDD4Ai//ugOBswngnacVIZuAjff6UZtOE04cW0XDI1z4E9f7iJ3A1i7jmGeI03TUGfx8MhVS0KdxiITpplgLfKZ9vxn1pDLBES1o0KCMd55cwt3bxkxVUYMQ6s7oUZmGhW/iEiaY5pVSy0p4ZjNI8HTnRJPvhujcBlskqBwzPRpOFkMywGjgDBEj76lW5OZdic/DkDgkPgS/azCr365pcFnqStTe5AtYlDT0O/BltVPPl9LqqqqicW2wBjhGeNQkZJBH8MC+OKrIY5zminCkIYcJQAClgE0kkt8Xy71qoCcAGpe2HupGoISthrj7be2ce8Ggrliksc/iTiQmG3Xxdw6umq6UM6iH5M2nddQVsBTT73Fsx3gm6dHcDaB8wl8pPqpHa38pwHk1UzWuQE5y0Mveix9R+pH+M2HNwUM5hzCr4t/UWdy0YBM3JuAS15ef5t7C4bC//NoD5VP4WwG5zMlPGO+T59B0jP4kkV9yKIyWdipL3rBsxxH37G9VuKXzMZjbiHZdUDCivUORkJN02T+ERPBs3xr61jxYSHNFyoeYJr8v18NcTgsUZoMDj3hmRtdjTV/DX+XBsi01ppFmwROOz8xQ9y/neH+vYFELCJyPm+LjiIg+mkBco5c5FTIIiCaUogmMOJ68tzh6feH4typJRJiiJrwbzRdvM35vqv9nYvKb2ENWfSC09bqaeenGOL9d9Zx61oiQMTiUn2NEFKq2wiAnFMZpp4WaeHgpCjul0fAF397icIPUJl0EhD6N0OtXRIg05vO9BHnacis81PmHu9vY6uvlbxQEGz49FOSwAUZk8Vhayfahn4EGFXAwz/tocSaaA2FHxv3pEgmz71YUHFW+c3VkLNesCuJeYD8y4fb6FNBguvg+UzDhNiQLFcz4nZa0vrfxQU/7cjoQ+Snw9h7kG/+w8OXqMz6SUB4WwRDtKTR3LNYhvax3QU9FZB5QMSLTtOQRc7PcIR//adtJPKQTd3Oo0IqIRb/gdRr+Dbx9SoGc0aTMQsPvZ6ufNbYmST+/tMDlIYaEoIKr50uDCoWAWSR5z/NwqwGICxK2aZZrgZE1CXY6jpxv2hACETogmctn5EWLH7/8BC5WwMSpo0sIzeAUDuqOSbr3IB8/Ony5mXRh1BD9FGBKviRxmxdVDg13bLVLoTFIaqicUxX8d8PD1GYDVQSd2mIK7xb4K+q1q0tKvxF7KtZJUBiCqKARNdxdkJxkQePxzSABMtIH2IN/vPhgTj1xiRHQPR+ihAmJ4sl6gvf0koAksygqC+7mY0+SYMIdtxpQFEZBYRhL02pfhSQaFipIfR7PwlAYkGpW1haeJmd4UAJEsRcNdEcc5H/+ow+pB8qhREQctCqEq8tIP/8q23023VzyZ5bMXCLhddo6KI/2gdWAwJg6IA/PDpEjsFEvsFc5DUHZIjfvL+FzX5b0LGl55LzD8E1OgCnFcDALh+MgM/+cojC9qUbUrNyTQ7bgIjezK7gnnn1LNmHDPHBgy3c3ArEiPTczk4I4xNejKY0gDinbaskGHf3gT9/zTyElKfSJJHdfc0BGePdN9bwxu3IU4UMXew6y6dkHFX0F9DrcMpqbUIkqZ8nrBwCz3eBr57soyIHbell2tRJKAmEFfFaaQjp91sbHr94b1NbQkX+BKNSQEjDd3yISpWVu7ORe6fbjhYgEmHpTt8vvx7hxYFD6dOQqTeAyHVa5OJrBkiOfjLGr//xhhSnqBBZBAQZXFXJqo2FqgiGOveLAETBld4taNmWGvLHR3vIS6XepcDLdi0X0teQoUe29+IBeTi+YLe0uB8zpPHcCB+8exPXNpV+jw3WtckKWtLcZIs6icTg4l954sg6xA7F3N0j4M9fvpDOE3IYjqk5nXcLkFcsi828W/PxMgHxDqlxuHGtj/feToRCaQChrWoirTYgYsU6HNd5MZGaNndmBUC++nuJ3b0RgAHyqoSXrVvu0gDpblhaMiDUCo/UFvjol5sCSE82SeXafkNb0dGQmoK8KEDirioLjErg0ZcHGBcJ2JDEry/DXsfL0pATzdbL1BDxBd4iNTnu3enj/l3VEna/i66w34ErtI6yurtxXz1TpOZxDChx//b7HN88G6KsUmTpGkofWN0fQEPkGRn2/8dns/eHTGt5rPOBOR2MM88PnRupKZCZA3z4/m2sZezpLeEYhnJjzUSUdfGAsDBGTmo0Bv7y+HscjPtwZh3UEdZGSktj5pC0fQgBkoY5rpvZGdEi8msfsxKAsLe3n4xw59YAb9/ri+dIOs0NjY8IoepCJqtNxXajMm2cjiX1J8+O8fT5Hiq7DW/XULCVNMtQhKaG4NvDbahbvwhAur5vwoech1mdQPeM/b4SvdBXsPG5PMag5/Hegy1sDRj+6i4pLl+pU8SWLUbBrcrh9KZrXdnN+mXHevRJBIOUCAUOjNix+JcXGOYeJluTBjnel3Qvhu3W04LsV33+LoE6V0POG70seh7bPLn5kquNbaWDXoWPPtiU05kFyBY2+pKwv0MTM4paNg7M2OWkbZ9SDaS+lbq3vUk2HQpnBZAvHuc4OBzBJnTk3CvPM9N6S7UsnB9oY+jSASlcgX6awZXMygiIx+Y68IsHa8F0FfCeaZi6+3Zj2+Tu2dYabmVW0rVD3PgnUDFSO2cGmADfPAf+/nQXadaXiqWXfSMWpdM9j4wCf8jPkgHRGSViKrlbyVDsHlV1hPv3NvCzu5m4VjJMVjrZUmn7FSWRPqop1cSuDNvdiSGr46++3wW+fvpCKBJqR06UZAiB6oNs2JEBBT/cZyUAkX2GSGQLQlFUsgXauWM8uH8Td2/EinYVxvGFZFFWe0fyrUFnXRFWjjGTFTqAwt4lGN++QIEUlUlkWkTWG6AoCpkMIaM7JmajKPhxj+FiXVlnB3LJgGjDmQKiIzTSdIAyL5BaIEtKvH1vE9e3gR7LFXHfSOihmihktZ+9DUx0zBxiw5zDAbsvgW+f7mNUGtgsk552Otc07SHPc9k9xXtpO1wTVPO1B0QGyrgS3sZJDgkM7ZjjnnUODRjiZ3e3ce+2kYY6MVfiU+Kggeg7Tus24FF03hwWoOnmk+9GeL5zDGs3UFZGicNUL5wTLboWCTLUVEUgIt4NIPq9F+3sl64hVemR9bhbiaZCp/RIu7/twQrXVaHMD7C9meDNe9dwffP02Ep8dqvhLYbD0QMcjLw476ORR+UHKMoUSTqoB9TEEJdgMPLrZ4mYr26/8WUCslCmfnYreIYzaFpcmG8Vth0znJWVSTvO0KgskFmPaxspNjcSbAwMBn2LQW8yA2mNC6gDVKFFKmD/oEThEjzbOcC4JMfMHCNDyVlaYYtWl1OKK/+npSHcqyfjiaQqgYq5BbUkRk/ec2ulmIXN9QTXNjKklgPPSvTSDJk1yHoc22TE50jdxNH0cDBAISaoLJiJ9MDpo9/tHCMvDQpv4ZNWa2g9b0sjPpmrFVtWY1gX1tllaogsxHlc1hnW+7kOlaRPGN2k3pxf22uSbZXuQ9ze7uPmdgprKlRFrmObpPyukVYSKHT52codOCHCJBmKEnj6/RilS1AZVgatAE8tpL+I1/Fx9lb4XTOcphtlvaY+pJ6HzFXa4umiCWFe4l2B61s9XN/OYE0BL86e4zgMknpCnAKjg82aUX5c0cakojU7OwXGFRvhUsnGS8+5W3pebbK8lnEbDYnL4ycCCJ0mjVUMMcVkkOqQihFXcIkscdjezrC1yZ54zUcISJwOFwWqQlUOS8AhwcIIC7oL6sVejr3DQvyKOHQZfMNgInBlBD/O+WVeJGMEdcfUlEHa57IKs05aAZPFqW5xihxjfybgyjuR2bZujI2NDNev9THoJ6IdYqKE3mCIyhmK+ogN0deEwPI7yyzH4HjosLs/xHBMIXMTNvVAt0xLyyh9S5jR2FQkQ8k4fsfF9B9NxWTpgMRpo9yUL8Ij2Zga9HsW/V6CDUZUfYMeAQrDY3icWHBZ4TEqozPWcWZyHQpXxmeUMEkio/yoLaOxx/GokJ/jghrEzUKaNAoIXB1hDyHP/8G5rE8+L/y8IspMFUOYmVjzSlP4pXARVX09huuTOzIYWWVZgsFaT8b29fqQqIkBDn/K4q10gimjMtUG3cWkEVkkqMJgmBbprhk4tzsH05PQKwFVoR0m45wT50ocD3Pk41Kodw7IpHOvR80KZXK6FOJ8yIuyXeaThyMRUTeca4Q26dRi9K/NYyTgEng6Sk/TQxvC/YLqExIJLS08a6Qs1SYa0bgql4SLK//6Ziaa0O/TZoddbKElSMAL48cb2moyM9e5va1Ph8+qF1uYAdxs1tTrSJmKm4U8MB4BB0c5hkcl8pLPpGSN9muF9y7ErWzheikDhLLtA8OM4DiQYMr91XsWO/9+bkCijeUqoh0XFypzQ3Ql8qMj+xjTEwiNltKE9Hof17aoDdpXErPhyB/FcxdadS3G97QC27wCEhcBM3PvEpiUhSlIiHx0BByPPPYOjlGxPiKztDhqw4vvijOAg9zbw9L1tq2OteW1ydfpoJqmW6Z++0OHsTY0WTNNUicxkhXfUd8qJFakq+k+xXY7J8OPGSURiF5mcP3aBrY2jWTZUlrif5iHdMYYadAThyPPhmWewGefbZXO75QDpawbZheMC2Bvv8DeAZsfuMq0bMZe4NCxBT4oBwlqtBjJmtAeW0/SjmZPzXXU1PbLAWQhngcQNXH6qIzlpRLHor8sATpfNU0kKawpcX17DTe2LPrscg8DAnQG7yRBKPlhuG7Uljj9bSFtOfNBRgCJ36v19ZhvkNJRU0bAaM52X+TYPxyHEi/HbvAJQ4QWcyBDuFQOGnwERrTVaR+3WgsArbc1yP9//LmMhzzBWjbJ7nTmX9+9EVoxnQHtqeyodSWy1GNjLcGdmyl6GZCxgYTfRIrdEjCl2+O4n/Z9TdSZ582jmlEDOQs+UqcPmiLjPILWs4LoSHaGquPBEfB/u2McHw3hmZzanmT+0UrE7yRjICaUIXywQc2QzWafe/PimmDm5wMy/bFkFIUrhK5OmRFXTswTafIb1zdw95ZSsLGJWodIqznjBGqbpDp1WkbE6vdEYKT8LXMx55RQp4U/4bbbQJ/Wg6Ez4cN3C5umURs1U2h4CtsBRTCtHIrNEZEvXnrs7O5jxOGZJCs5FjBEZlxQMWSWEemtRxBWOVqB0E7UlrD5OPiQaEa7JWQ5+bRV2ApzxWIVBawtcPPaOu7e6qHPvIv+3VfIEt3oIoN+OC2OI8JlCnVDl7QdcvuFvfr76aBMCvxkbHpaSN91/gyh20yBLgwVqobAMZMPC4z37rXY9eS7fRznHnlJLzIQ0lLWmNA33G4dmIUgw8ihqR852TMzE5BFwJB2smqMQZbg1s0N3L7BTkTVBG4tyEjkcRky2gqDJyVvCw0HYirC/yvT2miJ/n1ek8GrpM7x2k3uFAf712RjeBNDFGCjsUJ4gTMyyZF9vzvEqOBrN9Zk1lZN4YQIix2a+pkMn6c69UneP0RSku2GqpoYUX0AVviYwcpejmqI9Z7FvbvbuLWt3RyG9Wlm0axJ08WF7kBZeXE+SpDj4u38p1UE9QFnfeYBejJUDlRJ96JCq0z+sr4jA+wdshX1WMaaO8Pey8gcaDwlUWf9hgaabE7Ni+8/aa5bR1knAAkPSqdWlhXSLEEl83UdBj2LIh/L8MrrGxnuv7GJtYFM54O1XjWEbyqQcauNwYlgyIMFk8eYbBYojYKcD5Cz9+4F9rf2QZMaGkgb+VelfXROCzWFDXePvz3G4biCSQZSIla+jcybk5xEygbhPShqMSa7Wswnn+v+kMZ3xObm8JPJjTCmdHTEI0ciM9nHuL29gbfu9tBno3q4LuezUw0IorxOoiVHjcro1BpTIa+kmGeVzhIudY6d140Z3i9/4htil/3M8+VtP/q8sk060TnAf/vmEHtHjBbWxOGTqNCSQGxe1SZzzekmF9oCgGh4ygnUBCOzFYp8iDfv3sKdmwbrmfxaODk5JCxpoSPC23OiqZLbqqOM0FAQBhW/gsxf6dRpGhSt0zwXxrUl+xNTThHSvITR4V+/HmH/qETpOZEulfiNpClDNo3A2BnJXOcEIJqpn4iugsliSz7BMBx2TEa2GuHOjU28dW8grTmMpELThghGtEleLRQilVN8brTSUTMWc8vT1Gj22fMEegLNztfUgNVf0z5AE0s+q/PcrVshsRnyED49flJg5+UQPiE1QRpF370YKSVakBhRxvto+ZDJWxNbyUEszqGXQrSCbyu4sZnhwf0N9KRW0cTwky2ereioLhqd700djUBPB2SeSTq3+gixWbeyTL1MfVftLd0mwTAHiMM335V4urMPJKQp1HwRNFeW9cvK2hefmqnXiBkv7Cz5p7UU+IcHG9KZLi0CMgYu3FJ4TZHQBTG8lbKQLq1ATzXfHR+4/sdziu4V/Q8ZqNM/isYswCVIUdZN6RLpDwiePmwg5XS6v/59H3tHTOf60sStWxkahvgUQDoTBOu9FyUSGTacS2j73jtbAoq8QiI4KpU07eLkW8+YgcfX253Q9kmtf7V5Ga8IyKvM6uBXs0FVFh2jqdiLFB6YySNFybDpi69eYv/YI+tvIi+aV/l1F4P53aNyokAVhchuvxQF+v4Y/bTEg3duC11OEyJbmIX+CIPaT805Z6z4LiDnVI4fw2lSBGUhrOJs+aco3QbKOO3UNB2StUX63aM8ABKnKZC/MdJ+2Tcl0nwXP3/nDq7fiG0v2pRAFjMOrvwxCObS7jEurpoP029qWwWpnyQc2ZHjr9+E4Zp2TUjJbne9+d2jkQCi79OL9l69/yBxuLMFvPMmuzb0W7jVjBv6+Vacq0+LZpsBSKyvUFMef5vj5WElNAtrK5ogt6ibTz4fqqzrFxxGDtpikFb41c8zYW9l/F5CM6aFGO7VuLQI58eE9AIaEgd8kufgwP+vHo9xNKbW6C6tNiD/DzWlRSi59QxkAAAAAElFTkSuQmCC">
</div>
<div class="search-result-media-body">
<h4 class="search-result-media-body-author-name">${data["author"]}</h4>
<p class="search-result-media-body-time">${time}</p>
</div>
</div>
<div class="search-result-title">
<h1 class="search-result-title-h1">
<span class="search-result-title-span">${data["title"]}</span>
</h1>
</div>
<div class="search-result-content">
<span class="search-result-content-span">${data["content"]}</span>
</div>
<div class="search-result-bottom-toolbar">
<span class="search-result-bottom-toolbar-span">${data["forum"]}</span>
</div>
`
)
});
$resultElement.setAttribute("data-url", data["url"]);
let $userAvatarElement = $resultElement.querySelector(
".search-result-media-left img"
);
let $userNameElement = $resultElement.querySelector(
".search-result-media-body-author-name"
);
let $mediaElement = $resultElement.querySelector(
".search-result-media"
);
let $titleElement = $resultElement.querySelector(
".search-result-title"
);
let $contentElement = $resultElement.querySelector(
".search-result-content"
);
let $contentSpanElement = $resultElement.querySelector(
".search-result-content-span"
);
let $bottomToolBarElement = $resultElement.querySelector(
".search-result-bottom-toolbar"
);
if (Panel.getValue("baidu_tieba_search_opt_user_info")) {
TieBaApi.getUserHomeInfo({
un: data["author"]
}).then((userHomeInfo) => {
if (!userHomeInfo) {
return;
}
$userAvatarElement.src = TiebaUrlHandler.getUserAvatar(
userHomeInfo["portrait"]
);
$userNameElement.innerText = userHomeInfo["show_nickname"];
});
}
let nodeAnchorIterator = [
{ element: $mediaElement, url: authorHomeUrl },
{ element: [$titleElement, $contentElement], url: postUrl },
{
element: $bottomToolBarElement,
url: TiebaUrlHandler.getForum(postForum)
}
];
nodeAnchorIterator.forEach((item) => {
domUtils.on(
item.element,
"click",
function(event) {
utils.preventEvent(event);
globalThis.open(item.url, "_blank");
},
{
capture: true
}
);
});
$resultElement.querySelectorAll(
".search-result-content img.BDE_Image"
).forEach(($BDE_Image) => {
let originalImageIndex = data["media"].findIndex(
(src) => {
return src.includes($BDE_Image.src);
}
);
if (originalImageIndex !== -1) {
let originalImage = data["media"][originalImageIndex];
$BDE_Image.src = originalImage;
data["media"].splice(originalImageIndex, 1);
}
});
let imageContainerElement = domUtils.createElement("div", {
className: "BDE_Image_container"
});
data["media"].forEach((mediaUrl) => {
domUtils.append(
imageContainerElement,
domUtils.createElement("img", {
className: "BDE_Image",
src: mediaUrl
})
);
});
$contentSpanElement.appendChild(imageContainerElement);
$resultElement.querySelectorAll(
".search-result-content img.BDE_Smiley"
).forEach(($BDE_Smiley) => {
if (!$BDE_Smiley.src.startsWith("http://static.tieba.baidu.com")) {
return;
}
let imagePathName = new URL($BDE_Smiley.src).pathname;
$BDE_Smiley.src = TiebaUrlHandler.getImageSmiley(imagePathName);
});
return $resultElement;
},
/**
* 添加滚动事件
*/
addScrollEvent() {
log.success("添加滚动事件");
this.$flag.isSetScrollEvent = true;
this.$context.lockFunc = new utils.LockFunction(this.scrollEvent, this, 20);
domUtils.on(
this.$ele.$searchResultList,
"scroll",
this.$context.lockFunc.run
);
},
/**
* 移除滚动事件
*/
removeScrollEvent() {
log.error("移除滚动事件");
this.$context.loading.hide();
if (this.$context.lockFunc?.run) {
domUtils.off(
this.$ele.$searchResultList,
"scroll",
this.$context.lockFunc.run
);
}
this.$context.lockFunc = null;
this.$flag.isSetScrollEvent = false;
this.$data.nextPageUrl = null;
},
/**
* 显示搜索失败的提示
*/
alertErrorSearch(text) {
__pops.alert({
title: {
position: "center",
text: "搜索失败"
},
content: {
text
},
width: "80%",
height: "200px",
mask: {
enable: true
}
});
},
/**
* 添加搜索结果到页面中
* @param data 搜索结果
*/
setSearchResultToPage(data) {
for (const searchResultItem of data) {
domUtils.before(
this.$context.loading.getLoadingViewElement(),
this.getSearchItemElement(searchResultItem)
);
}
},
/**
* 滚动事件
*/
async scrollEvent(event) {
let maxScrollHeight = this.$ele.$searchResultList.scrollHeight - this.$ele.$searchResultList.clientHeight;
if (this.$ele.$searchResultList.scrollTop + 50 < maxScrollHeight) {
return;
}
this.$context.loading.show();
if (utils.isNull(this.$data.nextPageUrl)) {
this.removeScrollEvent();
log.success("已到达最后一页");
this.$context.loading.hide();
return;
}
let searchResult = await this.getSearchResult(this.$data.nextPageUrl);
if (!searchResult.success) {
this.$context.loading.hide();
this.alertErrorSearch(searchResult.error);
return;
}
log.success(searchResult);
let searchData = searchResult.data;
this.setSearchResultToPage(searchData);
this.$context.loading.hide();
if (utils.isNull(searchResult.nextPageUrl)) {
this.removeScrollEvent();
log.success("已到达最后一页");
return;
} else {
if (typeof searchResult.nextPageUrl == "string") {
log.success(`更新下一页Url：${searchResult.nextPageUrl}`);
this.$data.nextPageUrl = searchResult.nextPageUrl;
} else {
log.error("nextPageUrl不是string，无法更新下一页Url");
}
}
},
isShowSearchContainer() {
return getComputedStyle(this.$ele.$searchContainer).display !== "none";
},
showSearchContainer() {
domUtils.show(this.$ele.$searchContainer);
},
hideSearchContainer() {
domUtils.hide(this.$ele.$searchContainer);
},
/**
* 清空旧的搜索内容、滚动事件，重置为默认状态
*/
clearOldSearchResult() {
log.success("清空旧的搜索内容、滚动事件，搜索Url");
this.clearSearchResult();
this.removeScrollEvent();
},
/**
* 帖子内搜索(搜索帖子)
* */
async postsPageSearch() {
this.$context.loading.show();
let searchKw = "";
if (this.$data.searchType === 0) {
searchKw = TiebaCore.getCurrentForumName();
if (utils.isNull(searchKw)) {
Qmsg.error("获取本吧吧名失败");
this.$context.loading.hide();
return;
}
}
let searchResult = await this.getSearchResult(
this.$data.currentSearchText,
0,
this.$data.searchModel,
searchKw
);
if (!searchResult.success) {
this.$context.loading.hide();
this.alertErrorSearch(searchResult.error);
return;
}
log.success(searchResult);
let searchData = searchResult.data;
this.setSearchResultToPage(searchData);
this.$data.nextPageUrl = searchResult.nextPageUrl;
this.$context.loading.hide();
if (utils.isNotNull(searchResult.nextPageUrl)) {
this.addScrollEvent();
this.showSearchResultModel();
this.showSearchResultFrom();
} else {
log.error("搜索结果就1页，不设置scroll监听");
}
},
/**
* 提供对外的搜索链接
*
* 判断方式为location.search中包含查询关键字gmsearch
*/
execByUrlSearchParams() {
let searchParams = new URLSearchParams(window.location.search);
const KEY_searchText = "gmsearch";
const KEY_searchType = "gmsearchtype";
const KEY_searchModel = "gmsearchmodel";
if (!searchParams.has(KEY_searchText)) {
return;
}
let searchText = searchParams.get(KEY_searchText);
log.info("存在搜索接口，查询内容：" + searchText);
this.$ele.$searchInput.value = searchText;
if (searchParams.has(KEY_searchType)) {
let searchType = searchParams.get(KEY_searchType);
if (["0", "1"].includes(searchType)) {
this.$ele.$select.selectedIndex = parseInt(searchType);
utils.dispatchEvent(this.$ele.$select, "change");
} else {
log.error(`未知searchParams的 ${KEY_searchType} 参数值：${searchType}`);
}
}
if (searchParams.has(KEY_searchModel)) {
let searchModel = searchParams.get(KEY_searchModel);
if (["0", "1", "2", "3"].includes(searchModel)) {
this.$data.searchModel = parseInt(searchModel);
let $searchResultModelItem = this.$ele.$searchResultModel.querySelector(
`.search-result-model-item[data-model="${this.$data.searchModel}"]`
);
if ($searchResultModelItem) {
this.$ele.$searchResultModel.querySelectorAll(".search-result-model-item").forEach((ele) => ele.removeAttribute("data-active"));
$searchResultModelItem.setAttribute("data-active", "true");
}
} else {
log.error(
`未知searchParams的 ${KEY_searchModel} 参数值：${searchModel}`
);
}
}
this.$ele.$moreBtnDesc.click();
this.$ele.$searchBtn.click();
}
};
const TiebaData = {
/**
* 当前吧名
*/
forumName: void 0,
/**
* 当前吧名的id
*/
forumId: void 0,
/**
* 高清图片映射
*/
imageMap: /* @__PURE__ */ new Map()
};
const Toolbar = {
$data: {},
/**
* 更新环境参数
* 使用$watch好像不生效
*/
updateEnvParam() {
VueUtils.waitVuePropToSet(".main-thread-content .interaction-bar", [
{
msg: "获取参数 thread",
check(vueObj) {
return typeof vueObj?.interactionNum === "object" && typeof vueObj?.interactionStates === "object";
},
set(vueObj) {
vueObj.$watch(
"interactionNum",
(newValue) => {
TiebaComment.reply_num.value = newValue.reply;
TiebaComment.agree_num.value = newValue.good;
log.success(
"更新参数 reply_num：" + TiebaComment.reply_num.value
);
log.success(
"更新参数 agree_num：" + TiebaComment.agree_num.value
);
},
{
deep: true,
immediate: true
}
);
vueObj.$watch(
"interactionStates",
(newValue) => {
TiebaComment.has_agree.value = newValue.good;
log.success(
"更新参数 has_agree：" + TiebaComment.has_agree.value
);
},
{
deep: true,
immediate: true
}
);
}
}
]);
VueUtils.waitVuePropToSet(".app-view", [
{
msg: "获取登录用户参数 user",
check(vueObj) {
return vueObj?.user?.is_login != null;
},
set(vueObj) {
if (vueObj.user.is_login) {
TiebaComment.userInfo.value.id = vueObj.user.id;
TiebaComment.userInfo.value.is_login = vueObj.user.is_login;
TiebaComment.userInfo.value.name = vueObj.user.name;
TiebaComment.userInfo.value.name_show = vueObj.user?.name_show;
TiebaComment.userInfo.value.portrait = vueObj.user.portrait;
TiebaComment.userInfo.value.show_nickname = vueObj.user?.show_nickname;
log.success(
`更新参数 userId: ${TiebaComment.userInfo.value.id} userName: ${TiebaComment.userInfo.value.name} userShowName: ${TiebaComment.userInfo.value.show_nickname}`
);
}
}
},
{
msg: "获取forum信息",
check(vueObj) {
return typeof vueObj?.forum?.id === "number";
},
set(vueObj) {
TiebaComment.forumInfo.value.id = vueObj.forum.id;
TiebaComment.forumInfo.value.name = vueObj.forum.name;
log.success(
`成功设置参数 forum信息，id: ${TiebaComment.forumInfo.value.id} name: ${TiebaComment.forumInfo.value.name}`
);
}
},
{
msg: "获取 tbs 值",
check(vueObj) {
return typeof vueObj?.$store?.state?.common?.tbs === "string";
},
set(vueObj) {
TiebaComment.tbs = vueObj.$store.state.common.tbs;
log.success(`成功设置参数 tbs: ${TiebaComment.tbs}`);
}
}
]);
},
/**
* 工具栏的评论按钮的点击事件
* @param event
*/
goToReplyArea(event) {
let $affixLine = $(".affix-line");
if (!$affixLine) {
Qmsg.error("未找到元素.affix-line");
return;
}
let scrollHeight = domUtils.offset($affixLine).top - domUtils.height($(".nav-bar-top"));
log.info("前往评论区：" + scrollHeight);
document.documentElement.scrollTo({
top: scrollHeight,
behavior: "smooth"
});
},
/**
* 工具栏的点赞按钮的点击事件
*/
goodClickEvent() {
log.info("点赞");
let $good = $(".interaction-item.good");
if (!$good) {
Qmsg.error("未找到元素.interaction-item.good");
return;
}
$good.click();
setTimeout(() => {
this.updateEnvParam();
}, 500);
},
/**
* 发表回复
*/
postMsg(content) {
}
};
const TiebaPostApi = {
/**
* 传入用户id或portrait判断是否是贴吧机器人（贴吧包打听）
*/
isRobot(config) {
if (config.id != null && (typeof config.id === "number" || typeof config.id === "string")) {
return config.id.toString() === "6421022725";
} else if (config.portrait != null && typeof config.portrait === "string") {
return config.portrait.includes("tb.1.4c46bb61.pOGb2yswbMUBKOIUpteLvg");
}
return false;
},
/**
* 评论帖子
*/
async apubthread(details) {
let api = "https://tieba.baidu.com/mo/q/apubthread";
let data = {
/**
* 回复的内容
*/
co: details.content,
fid: details.fid,
/**
* 不知道具体值
*/
src: 1,
pid: details.pid,
/**
* 帖子id
*/
z: details.tid,
/**
* 当前吧名
*/
word: details.forumName,
/**
* 客户端
* "pc_web" | "wap_smart" | "mini_program"
*/
client_type: "wap_smart",
tbs: details.tbs,
/**
* 不知道具体值
*/
come_from: 1
};
let formdata = utils.toFormData(data);
let postResp = await httpx.post(api, {
data: formdata,
headers: {
Accept: "application/json, text/plain, */*",
"Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
Host: "tieba.baidu.com",
Origin: "https://tieba.baidu.com",
"X-Requested-With": "XMLHttpRequest"
},
fetch: true
});
if (!postResp.status) {
return;
}
let postData = utils.toJSON(postResp.data.responseText);
log.info(["发表回复", postData]);
if (postData["no"] != 0) {
Qmsg.error("发表回复失败");
log.error("发表回复失败");
return;
}
return postData["data"];
},
/**
* 删除评论
*/
async deleteCommit(data) {
let api = "https://tieba.baidu.com/f/commit/post/delete";
let postData = {
// 可能还有个是lzl
commit_fr: "pb",
// 编码
ie: "utf-8",
// 贴吧tbs值 PageData.tbs
tbs: data.tbs,
// 当前吧名 PageData.forum.forum_name
kw: data.kw,
// forumId PageData.forum.forum_id
fid: data.fid,
// threadId PageData.thread.thread_id
tid: data.tid,
// 是否是会员删除？
is_vipdel: 1,
// 本回复的id comment_id
pid: data.pid,
// ???不知道是什么
is_finf: 1
};
let resp = await httpx.post(api, {
fetch: true,
data: utils.toSearchParamsStr(postData),
headers: {
Accept: "application/json, text/javascript, */*; q=0.01",
"X-Requested-With": "XMLHttpRequest",
Host: "tieba.baidu.com",
Referer: "https://tieba.baidu.com",
"User-Agent": utils.getRandomPCUA(),
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
}
});
if (!resp.status) {
return;
}
log.info(["删除回复的情况：", resp]);
let respData = utils.toJSON(resp.data.responseText);
if (respData.no !== 0) {
Qmsg.error(respData.error);
return;
}
return true;
},
/**
* 获取评论数据
* @param kz 帖子id
* @param [pn=1] 评论页码
* @param [rn=10] 每页评论数量
* @param [only_post=1]
*/
async getPbData(kz, pn = 1, rn = 10, only_post = 1) {
let searchParamsData = {
pn,
rn,
only_post,
kz
};
let Api = "https://tieba.baidu.com/mg/p/getPbData";
let getResp = await httpx.get(
Api + "?" + utils.toSearchParamsStr(searchParamsData),
{
fetch: true,
headers: {
Accept: "application/json, text/plain, */*",
"Referer-Asyn": "",
"X-Requested-With": "XMLHttpRequest"
}
}
);
if (!getResp.status) {
return;
}
let data = utils.toJSON(getResp.data.responseText);
if (data["errno"] !== 0) {
return;
}
let page = data["data"]["page"];
let post_list = data["data"]["post_list"];
return {
page,
post_list
};
},
/**
* 上传图片
* @param imageFile 图片文件
*/
async cooluploadpic(imageFile) {
let postData = {
pic: imageFile
};
let searchParamsData = {
fr: "smallapp",
from_zt: 1,
r: 0.10027896050957352
};
let Api = "https://tieba.baidu.com/mo/q/cooluploadpic";
let postResp = await httpx.post(
Api + "?" + utils.toSearchParamsStr(searchParamsData),
{
fetch: true,
data: utils.toFormData(postData),
headers: {
Accept: "application/json, text/plain, */*"
}
}
);
if (!postResp.status) {
return;
}
let data = utils.toJSON(postResp.data.responseText);
if (data["no"] !== 0) {
return;
}
return {
upload_img_info: data["data"]["upload_img_info"],
upload_img_url: data["data"]["upload_img_url"],
view_img_url_auth: data["data"]["view_img_url_auth"]
};
},
/**
* 上传图片(PC端)
* @param searchParamsData 查询参数
*/
async uploadphotos(searchParamsData) {
const picWaterType = searchParamsData.picWaterType ?? 1039999;
const postFormData = new FormData();
postFormData.set("file", searchParamsData.imageFile);
let url = `https://uploadphotos.baidu.com/upload/pic?tbs=${searchParamsData.tbs}&fid=${searchParamsData.fid}&picWaterType=${picWaterType}`;
let postResp = await httpx.post(url, {
data: postFormData,
headers: {
Accept: "*/*",
Host: "uploadphotos.baidu.com",
Origin: "https://tieba.baidu.com",
Referer: "https://tieba.baidu.com/"
}
});
if (!postResp.status) {
return;
}
let result = utils.toJSON(postResp.data.responseText);
if (result.no !== 0) {
log.error("上传图片失败");
Qmsg.error("上传图片失败");
return;
}
let info = result["info"];
if (typeof info.pic_ab_url_auth === "string") {
info.pic_ab_url_auth = CommonUtil.fixHttps(info.pic_ab_url_auth);
}
if (typeof info.pic_url_auth === "string") {
info.pic_url_auth = CommonUtil.fixHttps(info.pic_url_auth);
}
if (typeof info.pic_url_auth === "string") {
info.pic_url_auth = CommonUtil.fixHttps(info.pic_url_auth);
}
if (typeof info.pic_water === "string") {
info.pic_water = CommonUtil.fixHttps(info.pic_water);
}
return info;
}
};
const TiebaPageDataHandler = {
/**
* 从页面中获取forum的id
*/
getForumId() {
let dataBannerInfoStr = $(".recommend-item")?.getAttribute("data-banner-info");
let dataBannerInfo = utils.toJSON(dataBannerInfoStr);
if (dataBannerInfo["forum_id"]) {
return dataBannerInfo["forum_id"];
} else {
return VueUtils.getVue($(".app-view"))?.forum?.id;
}
}
};
function setAffix(option) {
let defaultOption = {
offset: 0,
position: "top",
target: "",
"z-index": 100,
root: null,
change: () => {
}
};
utils.assign(defaultOption, option);
if (utils.isNull(defaultOption)) {
throw new TypeError("target不能为空");
}
utils.waitNode(defaultOption.target, 1e4).then(($target) => {
if (!$target) {
return;
}
addStyle$1(
/*css*/
`
.affix-container-top-fixed[data-target="${defaultOption.target}"]{
position: fixed;
top: ${defaultOption.offset}px;
left: 0;
z-index: ${defaultOption["z-index"]};
}
`
);
let checkOffset = defaultOption.offset;
let $affixLine = document.createElement("div");
$affixLine.className = "affix-line";
$target.setAttribute("data-target", defaultOption.target);
domUtils.before($target, $affixLine);
let rootMargin = `0px`;
if (defaultOption.position === "bottom") {
rootMargin = `0px 0px ${-checkOffset}px 0px`;
} else {
rootMargin = `${-checkOffset}px 0px 0px 0px`;
}
let threshold = [0.01, 0.99];
let thresholdMaxValue = threshold[threshold.length - 1] * checkOffset;
let lockFunc = new utils.LockFunction(
(entries) => {
let intersectionObserverEntry = entries[0];
let boundTop = intersectionObserverEntry.boundingClientRect.top;
if (defaultOption.position === "top") {
if (boundTop < thresholdMaxValue) {
$affixLine.style.height = domUtils.outerHeight($target) + "px";
$target.classList.add("affix-container-top-fixed");
} else {
$affixLine.style.height = "";
$target.classList.remove("affix-container-top-fixed");
}
}
},
0
);
const observer = new IntersectionObserver(
(entries) => {
lockFunc.run(entries);
},
{
root: null,
threshold,
// threshold 设置为 1 表示目标元素完全可见时触发回调函数
rootMargin
// rootMargin 设置为 0px 表示目标元素与视窗之间的距离
}
);
observer.observe($affixLine);
});
}
const TiebaComment = {
/**
* 当前页
*/
page: 1,
/**
* 当前最大页
*/
maxPage: 1,
/**
* 楼层数量
*/
floor_num: 1,
/**
* 滚动监听锁
*/
funcLock: null,
/**
* tbs值
*/
tbs: null,
/**
* tid
*/
param_tid: null,
/**
* 帖子id
*/
param_forum_id: null,
/**
* 发帖人的id
*/
postAuthorId: null,
/**
* 本帖子post的id
*/
pid: null,
/**
* 帖子回复的数量
*/
reply_num: vue.ref(0),
/**
* 是否已对当前帖子点赞
*/
has_agree: vue.ref(false),
/**
* 帖子点赞的数量
*/
agree_num: vue.ref(0),
/**
* 当前已登录用户的信息
*/
userInfo: vue.ref({
/**
* 用户id
*/
id: null,
/**
* 是否已登录，如果是0，那么其它数据不存在
* + 1 已登录
* + 0 未登录
*/
is_login: 0,
/**
* 用户名
*/
name: null,
/**
* 显示的用户名
*/
name_show: null,
/**
* 用户的tb
*/
portrait: null,
/**
* 显示的用户名
*/
show_nickname: null
}),
forumInfo: vue.ref({
/**
* 当前吧id，简称tid
*/
id: null,
/**
* 当前吧名，简称kw
*/
name: null
}),
/**
* 进过百度验证的额外安全参数
*/
extraSearchSignParams: "",
/**
* vue根元素
*/
vueRootView: null,
/**
* 判断是否在底部附近的误差值
* @type
*/
isNearBottomValue: 250,
init() {
let urlSignParams = new URLSearchParams(window.location.search);
if (urlSignParams.has("p_tk") && urlSignParams.has("p_sign") && urlSignParams.has("p_signature")) {
log.error("当前页面是经过百度验证后的网站，添加验证参数");
urlSignParams.forEach((value, key) => {
if (["pn", "tid", "pid", "fid", "t", "see_lz"].includes(key)) {
return;
}
log.success(`设置额外参数：${key}=${value}`);
});
log.error(["百度验证后的参数👇", TiebaComment.extraSearchSignParams]);
}
utils.waitNode(".main-page-wrap").then(() => {
TiebaComment.insertLoadingHTML();
});
utils.waitAnyNode([
".recommend-item[data-banner-info]",
"div.app-view.transition-fade.pb-page-wrapper.mask-hidden .post-item"
]).then(() => {
domUtils.remove(".post-item");
TiebaComment.initReplyDialogCSS();
TiebaComment.initMainComment(false);
TiebaComment.insertReverseBtn();
TiebaComment.insertOnlyLZ();
utils.waitNode('.nav-bar-v2-fixed[main-type="forum"]').then(($navBar) => {
setAffix({
target: "#replySwitch",
position: "top",
root: $navBar,
offset: 49,
change() {
}
});
});
});
VueUtils.waitVuePropToSet(".app-view", [
{
msg: "设置参数 isHitMedicalPost",
check(vueObj) {
return typeof vueObj?.isHitMedicalPost === "boolean";
},
set(vueObj) {
vueObj.isHitMedicalPost = false;
log.success("成功设置参数 isHitMedicalPost=false");
}
},
{
msg: "获取参数 __vue__.postAuthorId",
check(vueObj) {
return typeof vueObj?.postAuthorId === "number";
},
set(vueObj) {
TiebaComment.postAuthorId = vueObj.postAuthorId;
log.success("获取当前帖子的作者ID：" + TiebaComment.postAuthorId);
}
},
{
msg: "获取参数 __vue__.currentReplyObj.pid",
check(vueObj) {
return typeof vueObj?.currentReplyObj?.pid === "number";
},
set(vueObj) {
TiebaComment.pid = vueObj.currentReplyObj.pid;
log.success("获取当前帖子的pid：" + TiebaComment.pid);
}
}
]);
Toolbar.updateEnvParam();
this.initCSS();
this.setUserCommentHandler();
},
initCSS() {
addStyle$1(
/*css*/
`
/* 去除底部高度设定 */
.pb-page-wrapper{
margin-bottom: 0 !important;
}
.post-item[data-v-74eb13e2] {
overflow: hidden;
margin: .16rem .13rem 0;
}
.post-item .content[data-v-74eb13e2]{
margin-top: .06rem;
margin-bottom: .06rem;
}
.post-item .user-line-post[data-v-74eb13e2] {
margin-bottom: .06rem;
}
.user-line-wrapper[data-v-188c0e84], .user-line[data-v-188c0e84] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.user-line-wrapper[data-v-188c0e84] {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-item .content[data-v-74eb13e2] {
padding-left: .44rem;
width: auto;
}
.user-line[data-v-188c0e84] {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: left;
-moz-box-pack: left;
-webkit-justify-content: left;
-moz-justify-content: left;
-ms-flex-pack: left;
justify-content: left;
}
.user-line-wrapper[data-v-188c0e84], .user-line[data-v-188c0e84] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.user-line .avatar[data-v-188c0e84] {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: .36rem;
height: .36rem;
margin-right: .08rem;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.tbfe-1px-border {
position: relative;
border-radius: .08rem;
font-size: 0;
}
.user-line .user-info[data-v-188c0e84] {
position: relative;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.user-line .avatar[data-v-188c0e84]:after {
border-radius: 50%;
}
.tbfe-1px-border:after {
content: "";
position: absolute;
z-index: 100;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,.12);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
}
.user-line .user-info .username[data-v-188c0e84],
#whitesev-reply-dialog .whitesev-reply-dialog-user-username {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
font-size: .15rem;
line-height: .28rem;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
font-weight: 400;
}
.whitesev-reply-dialog-user-info{
display: flex;
align-items: center;
}
.desc-info[data-v-188c0e84] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: .12rem;
line-height: .18rem;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #a3a2a8;
margin: 0.06rem;
}
.floor-info[data-v-188c0e84],
.user-line .user-info .forum-info[data-v-188c0e84] {
margin-right: .08rem;
}
.post-item .content .post-text[data-v-74eb13e2] {
display: unset;
font-size: .16rem;
line-height: .24rem;
}
.thread-text[data-v-ab14b3fe] {
font-size: .13rem;
line-height: .21rem;
text-align: justify;
word-break: break-all;
}
.post-item .content .lzl-post[data-v-74eb13e2] {
/* margin-top: .06rem; */
}
.lzl-post[data-v-5b60f30b] {
padding: .08rem .12rem;
background: #f8f7fd;
border-radius: .08rem;
}
.post-item .content .post-split-line[data-v-74eb13e2] {
margin-top: .12rem;
background-color: #ededf0;
height: 1px;
width: 200%;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.lzl-post .lzl-post-item[data-v-5b60f30b]:first-child {
margin-top: 0;
}
.lzl-post .lzl-post-item[data-v-5b60f30b] {
margin-top: .04rem;
}
.lzl-post .lzl-post-item .text-box[data-v-5b60f30b] {
font-size: .13rem;
line-height: .2rem;
}
.lzl-post .lzl-post-item .text-box .link[data-v-5b60f30b] {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
color: #a4a1a8;
}
.lzl-post .lzl-post-item .lzl-post-text[data-v-5b60f30b] {
display: inline;
}
.thread-text[data-v-ab14b3fe] {
font-size: .13rem;
line-height: .26rem;
text-align: justify;
word-break: break-all;
}
.lzl-post .lzl-post-item .text-box .link .landlord[data-v-5b60f30b] {
width: .28rem;
height: .28rem;
margin-left: .04rem;
}
.user-line .user-info .username .landlord[data-v-188c0e84],
#whitesev-reply-dialog .landlord[data-v-188c0e84]{
width: .28rem;
height: .28rem;
margin-left: .04rem
}
/* 修复帖子主内容底部的高度 */
.post-resource-list + .interaction-bar{
padding: 0.09rem !important;
}
/* 修复全部回复距离上面的空白区域 */
#replySwitch{
padding-top: 0.06rem;
width: -webkit-fill-available;
width: -moz-available;
background: #ffffff;
}
`
);
addStyle$1(
/*css*/
`
.thread-text .BDE_Smiley {
width: .2rem;
height: .2rem;
vertical-align: middle;
}
.thread-text .BDE_Image{
margin-top: 8px;
max-width: 350px;
cursor: url(//tb2.bdstatic.com/tb/static-pb/img/cur_zin.cur),pointer;
height: auto;
width: auto;
width: 100%;
}
.text-content .at{
font-weight: 600;
color: #614FBC;
}`
);
addStyle$1(
/*css*/
`
body > div.main-page-wrap > div.app-view.transition-fade.pb-page-wrapper.mask-hidden > div.placeholder,
div.app-view.transition-fade.pb-page-wrapper.mask-hidden .post-item[data-track]{
display: none;
}`
);
addStyle$1(this.getLevelCSS());
addStyle$1(
/*css*/
`
/* 更多的按钮 */
.user-comment-handler{
display: flex;
align-items: center;
}
.user-comment-handler .icon{
width: 0.16rem;
height: 0.16rem;
}
`
);
},
/**
* 设置每条评论右边的更多按钮的事件
*/
setUserCommentHandler() {
async function deleteItem(id) {
let comment_id = id;
let thread_id = TiebaComment.param_tid;
let kw = TiebaComment.forumInfo.value.name;
let tbs2 = TiebaComment.tbs;
let forum_id = TiebaComment.param_forum_id;
return await TiebaPostApi.deleteCommit({
tbs: tbs2,
fid: forum_id,
kw,
tid: thread_id,
pid: comment_id
});
}
function clickCallBack(data) {
let $drawer = __pops.drawer({
title: {
enable: false
},
content: {
text: (
/*html*/
`
<div class="handler-container">
<div class="reply-content-info">
<div class="reply-content-name">${data.user}：</div>
<div class="reply-content-text">${data.content}</div>
</div>
<div class="reply-tool">
<div class="reply-tool-item">
<div class="reply-tool-delete">
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20049"><path d="M288 256V128c0-38.4 25.6-64 70.4-64h310.4c41.6 0 67.2 25.6 67.2 64v128h160c19.2 0 32 12.8 32 32s-12.8 32-32 32H128c-19.2 0-32-12.8-32-32s12.8-32 32-32h160z m64 0h320V128H352v128zM256 896h512V416c0-16 12.8-32 32-32 16 0 32 12.8 32 32v480c0 38.4-22.4 64-60.8 64H252.8C214.4 960 192 934.4 192 896V416c0-19.2 12.8-32 32-32s32 12.8 32 32v480z m256-512c19.2 0 32 12.8 32 32v352c0 19.2-12.8 32-32 32s-32-12.8-32-32V416c0-19.2 12.8-32 32-32z" p-id="20050"></path></svg>
<p>删除</p>
</div>
</div>
</div>
</div>
`
),
html: true
},
btn: {
ok: {
enable: false
},
cancel: {
text: "取消",
type: "tieba-cancel",
enable: true
}
},
direction: "bottom",
size: "30%",
zIndex: utils.getMaxZIndex(100),
mask: {
enable: true,
clickEvent: {
toClose: true,
toHide: false
}
},
style: (
/*css*/
`
.pops[type-value="drawer"]{
height: unset !important;
max-height: 32%;
border-top-left-radius: 16px !important;
border-top-right-radius: 16px !important;
}
.pops-drawer-content{
padding: 20px 20px 0px 20px !important
}
.pops-drawer-btn{
align-self: center;
}
.pops-drawer-btn-cancel[type="tieba-cancel"]{
border-color: transparent;
background: transparent;
}
.reply-content-info{
display: flex;
font-size: 0.14rem;
justify-content: center;
}
.reply-content-name{
color: #a3a2a8;
}
.reply-content-text{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.reply-tool{
padding: 20px;
}
.reply-tool-item > div{
padding: 0px 20px;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.reply-tool-item > div > p{
padding-top: 6px;
}
.reply-tool .reply-tool-item{
display: flex;
border-bottom: 1px solid #e5e5e5;
padding: 6px 0px;
}
.reply-tool .reply-tool-item svg{
width: 28px;
height: 28px;
}
.reply-tool .reply-tool-item:last-child{
border-bottom: 0;
}
`
)
});
let $deleteBtn = $drawer.$shadowRoot.querySelector(".reply-tool-delete");
if (TiebaComment.userInfo.value.id != null && TiebaComment.userInfo.value.id.toString() === data.userId.toString() || TiebaComment.userInfo.value.id != null && TiebaComment.userInfo.value.id.toString() === TiebaComment.postAuthorId.toString()) {
domUtils.on($deleteBtn, "click", function() {
$drawer.close();
__pops.confirm({
title: {
text: ""
},
content: {
text: "确定删除此条回复贴",
style: "text-align:center;"
},
btn: {
position: "space-around",
reverse: true,
ok: {
enable: true,
text: "确认",
type: "tieba-confirm",
async callback(event) {
let comment_id = data.userPostId;
let deleteStatus = await deleteItem(comment_id);
if (deleteStatus) {
Qmsg.success("删除成功", {
zIndex: utils.getMaxZIndex(10)
});
data.$item.remove();
event.close();
if (typeof data.successDeleteCallBack === "function") {
data.successDeleteCallBack();
}
}
}
},
cancel: {
enable: true,
text: "取消",
type: "tieba-confirm"
},
close: {
enable: false
}
},
mask: {
enable: true,
clickEvent: {
toClose: true
}
},
width: "80vw",
height: "180px",
zIndex: utils.getMaxZIndex(100),
style: (
/*css*/
`
.pops[type-value="confirm"]{
--container-title-height: 0;
--container-bottom-btn-height: 40px;
}
.pops-confirm-title{
display: none !important;
}
.pops-confirm-content{
height: calc(100% - var(--container-bottom-btn-height)) !important;
align-content: center;
}
.pops-confirm-btn{
padding: 5px 10px 5px 10px;
}
.pops-confirm-btn button{
border-color: transparent;
background: transparent;
color: #7557ff;
}
`
)
});
});
} else {
$deleteBtn?.remove();
}
}
domUtils.on(
document,
"click",
".post-item .user-comment-handler",
function(event) {
utils.preventEvent(event);
let $click = event.target;
let $item = $click.closest(".post-item");
let $textContent = $item.querySelector(
".text-content"
);
let data = $item["data-whitesev"];
log.info(["获取本条回复的数据", data]);
if (!data) {
Qmsg.error("获取本条回复的数据失败");
return;
}
let userId = data["userId"];
let user = data["userShowName"] || data["userName"];
let userPostId = data["userPostId"];
let content = $textContent.innerText;
clickCallBack({
$item,
content,
userId,
user,
userPostId,
successDeleteCallBack() {
let $appView = $(".app-view");
let $interactionBar = $(
".main-thread-content .interaction-bar"
);
if ($interactionBar) {
let vueObj = VueUtils.getVue($interactionBar);
if (!vueObj) {
return;
}
if (vueObj?.interactionNum?.reply) {
vueObj.interactionNum.reply--;
}
} else if ($appView) {
let vueObj = VueUtils.getVue($appView);
if (!vueObj) {
return;
}
if (vueObj?.interactionNum?.reply) {
vueObj.interactionNum.reply--;
}
}
}
});
}
);
domUtils.on(
document,
"click",
"#whitesev-reply-dialog .user-comment-handler",
function(event) {
utils.preventEvent(event);
let $click = event.target;
let $item = $click.closest(
".whitesev-reply-dialog-sheet-other-content-item"
);
let $textContent = $item.querySelector(
".whitesev-reply-dialog-user-comment"
);
let data = $item["data-lzl-item"];
log.info(["获取本条楼中楼回复的数据", data]);
if (!data) {
Qmsg.error("获取本条回复的数据失败");
return;
}
let userId = data["userInfo"]["user_id"];
let user = data["userInfo"]["user_name"] || data["userInfo"]["user_nickname"] || data["userInfo"]["nickname"];
let userPostId = data["data"]["comment_id"];
let content = $textContent.innerText;
clickCallBack({
$item,
content,
userId,
user,
userPostId,
successDeleteCallBack() {
let $commentNum = $item.querySelector(
".whitesev-reply-dialog-sheet-comment-num"
);
if (!$commentNum) {
return;
}
let commentNum = parseInt($commentNum.innerText);
if (!isNaN(commentNum)) {
return;
}
$commentNum.innerText = (commentNum - 1).toString() + "条回复";
}
});
}
);
},
/** 用户贴吧等级CSS */
getLevelCSS() {
let colorConversion = new utils.ColorConversion();
let colorLightLevel = 0.7;
return (
/*css*/
`
.forum-level-container{
display: flex;
align-items: center;
margin: 0 0.03rem;
}
.forum-level[data-level]{
padding: 0px 0.03rem;
border-radius: 3px;
font-size: 0.1rem;
line-height: 0.16rem;
font-weight: 700;
color: #ffffff;
background: #000000;
}
.forum-level[data-level="0"],
.forum-level[data-level="1"],
.forum-level[data-level="2"],
.forum-level[data-level="3"]{
background: ${colorConversion.getLightColor(
"#5dc7a0",
colorLightLevel
)};
color: #5dc7a0;
}
.forum-level[data-level="4"],
.forum-level[data-level="5"],
.forum-level[data-level="6"],
.forum-level[data-level="7"],
.forum-level[data-level="8"],
.forum-level[data-level="9"]{
background: ${colorConversion.getLightColor(
"#6BA7FF",
colorLightLevel
)};
color: #6BA7FF;
}
.forum-level[data-level="10"],
.forum-level[data-level="11"],
.forum-level[data-level="12"],
.forum-level[data-level="13"],
.forum-level[data-level="14"],
.forum-level[data-level="15"]{
background: ${colorConversion.getLightColor(
"#F9B341",
colorLightLevel
)};
color: #F9B341;
}
.forum-level[data-level="16"],
.forum-level[data-level="17"],
.forum-level[data-level="18"]{
background: ${colorConversion.getLightColor(
"#FBA71A",
colorLightLevel
)};
color: #FBA71A;
}
`
);
},
/**
* 滚动事件
* @param isPrev
* @param pageDOM
* @param pageCommentList
* @returns
*/
scrollEvent(isNext, pageDOM, pageCommentList) {
log.info("成功获取评论和楼中楼评论");
let comments = Array.from(
pageDOM.querySelectorAll(".l_post.l_post_bright")
);
if (TiebaComment.page == 1) {
comments.splice(0, 1);
}
if (isNext) ;
else {
comments.reverse();
}
comments.forEach((ele) => {
TiebaComment.insertNewCommentInnerElement(
TiebaComment.getNewCommentInnerElement(ele, pageCommentList)
);
TiebaComment.floor_num++;
});
let $onlyLz = $(".white-only-lz");
if ($onlyLz && $onlyLz.classList.contains("white-only-lz-qx")) {
document.querySelectorAll(".post-item").forEach(($postItem) => {
let landlord = $postItem.getAttribute("landlord");
if (landlord == "0") {
$postItem.classList.add("white-only-lz-none");
}
});
}
loadingView.hide();
if (isNext && TiebaComment.page >= TiebaComment.maxPage || !isNext && TiebaComment.page <= 1) {
log.info("已加载所有的评论");
loadingView.setText("已加载所有的评论");
loadingView.hide();
TiebaComment.removeScrollListener();
return;
}
if (isNext) {
TiebaComment.page++;
} else {
TiebaComment.page--;
}
TiebaComment.triggerScrollEvent();
},
/**
* 主动触发滚动事件
*/
triggerScrollEvent() {
setTimeout(() => {
document.dispatchEvent(new Event("scroll"));
}, 400);
},
/**
* scroll事件触发 自动加载下一页的评论
*/
nextPageScrollEvent: async (event) => {
if (event.jsTrigger) ;
else if (!utils.isNearBottom(TiebaComment.isNearBottomValue)) {
return;
} else if (TiebaSearch.isShowSearchContainer()) {
return;
}
loadingView.setText("Loading...", true);
loadingView.show();
let timeStamp = Date.now();
let nextPageUrl = TiebaUrlHandler.getPost(
`${TiebaComment.param_tid}?pn=${TiebaComment.page}${TiebaComment.extraSearchSignParams}`
);
let nextPageAllCommentUrl = TiebaUrlHandler.getPost(
`totalComment?t=${timeStamp}&tid=${TiebaComment.param_tid}&fid=${TiebaComment.param_forum_id}&pn=${TiebaComment.page}&see_lz=0${TiebaComment.extraSearchSignParams}`
);
let pageCommentInfo = await TiebaComment.getPageComment(nextPageUrl);
if (!pageCommentInfo.success) {
loadingView.setHTML(
`<a href="${pageCommentInfo.data}" target="_blank">触发百度安全验证，点击前往验证</a>`
);
return;
}
let pageDOM = pageCommentInfo.data;
let pageCommentList = await TiebaComment.getPageCommentList(
nextPageAllCommentUrl
);
if (pageCommentList == null || pageCommentList.commentList && !pageCommentList.commentList) {
loadingView.setText("获取评论失败");
log.error("获取评论失败");
TiebaComment.removeScrollListener();
return;
}
TiebaComment.scrollEvent(true, pageDOM, pageCommentList);
},
/**
* scroll事件触发 自动加载上一页的评论
*/
prevPageScrollEvent: async (event) => {
if (event.jsTrigger) ;
else if (!utils.isNearBottom(TiebaComment.isNearBottomValue)) {
return;
} else if (TiebaSearch.isShowSearchContainer()) {
return;
}
loadingView.setText("Loading...", true);
loadingView.show();
let timeStamp = Date.now();
let pageUrl = TiebaUrlHandler.getPost(
`${TiebaComment.param_tid}?pn=${TiebaComment.page}${TiebaComment.extraSearchSignParams}`
);
let pageAllCommentUrl = TiebaUrlHandler.getPost(
`totalComment?t=${timeStamp}&tid=${TiebaComment.param_tid}&fid=${TiebaComment.param_forum_id}&pn=${TiebaComment.page}&see_lz=0${TiebaComment.extraSearchSignParams}`
);
let pageCommentInfo = await TiebaComment.getPageComment(pageUrl);
if (!pageCommentInfo.success) {
loadingView.setHTML(
`<a href="${pageCommentInfo.data}" target="_blank">触发百度安全验证，点击前往验证</a>`
);
return;
}
let pageDOM = pageCommentInfo.data;
let pageCommentList = await TiebaComment.getPageCommentList(
pageAllCommentUrl
);
if (pageCommentList == null || pageCommentList.commentList && !pageCommentList.commentList) {
loadingView.setText("评论数据获取失败");
log.error("评论数据获取失败");
return;
}
TiebaComment.scrollEvent(false, pageDOM, pageCommentList);
},
/**
* 设置自动加载下一页的scrol事件
*/
setNextPageScrollListener() {
TiebaComment.funcLock = new utils.LockFunction(
TiebaComment.nextPageScrollEvent,
this
);
document.addEventListener("scroll", TiebaComment.funcLock.run);
utils.dispatchEvent(document, "scroll", { jsTrigger: true });
log.success("scroll监听事件【下一页】");
},
/**
* 设置自动加载上一页的scrol事件
*/
setPrevPageScrollListener() {
TiebaComment.funcLock = new utils.LockFunction(
TiebaComment.prevPageScrollEvent,
this
);
document.addEventListener("scroll", TiebaComment.funcLock.run);
utils.dispatchEvent(document, "scroll", { jsTrigger: true });
log.success("scroll监听事件【上一页】");
},
/**
* 移除scoll事件
*/
removeScrollListener() {
if (TiebaComment.funcLock) {
document.removeEventListener("scroll", TiebaComment.funcLock.run);
log.success("取消绑定scroll", "#f400ff");
}
},
/**
* 获取时间差
* @param timeStr
*/
getDifferTime(timeStr) {
let currentTime = /* @__PURE__ */ new Date();
let timeDifference = currentTime.getTime() - new Date(timeStr.replace(/-/g, "/")).getTime();
let days = Math.floor(timeDifference / (24 * 3600 * 1e3));
if (days > 0) {
timeStr = days + "天前";
} else {
let leave1 = timeDifference % (24 * 3600 * 1e3);
let hours = Math.floor(leave1 / (3600 * 1e3));
if (hours > 0) {
timeStr = hours + "小时前";
} else {
let leave2 = leave1 % (3600 * 1e3);
let minutes = Math.floor(leave2 / (60 * 1e3));
if (minutes > 0) {
timeStr = minutes + "分钟前";
} else {
let leave3 = leave2 % (60 * 1e3);
let seconds = Math.round(leave3 / 1e3);
timeStr = seconds + "秒前";
}
}
}
return timeStr;
},
/**
* 根据dom获取需要插入的评论的html
* @param element
* @param pageCommentList
*/
getNewCommentInnerElement: (element, pageCommentList) => {
function parseCommentBottomInfo(ele) {
let $tailWrap = ele.querySelector(".post-tail-wrap");
let userIpPosition2 = "";
let userFloor2 = "";
let userCommentTime2 = "1970-1-1 00:00:00";
if ($tailWrap) {
let childrenElement = $tailWrap.querySelectorAll("span.tail-info");
let childSpanElementList = Array.from(
$tailWrap.querySelectorAll("span")
);
for (const childSpanElement of childSpanElementList) {
if (childSpanElement.hasAttribute("class")) {
continue;
}
if (!childSpanElement?.textContent?.match("来自|禁言")) {
userIpPosition2 = childSpanElement.textContent;
break;
}
}
if (childrenElement.length == 3 || childrenElement.length == 2) {
userFloor2 = childrenElement[childrenElement.length - 2].textContent;
userCommentTime2 = childrenElement[childrenElement.length - 1].textContent;
} else {
log.error("获取PC端的数据楼层和时间信息失败👇");
log.error(childrenElement);
userFloor2 = "";
userCommentTime2 = "";
}
} else {
$tailWrap = element.querySelector(".acore_reply_tail");
userIpPosition2 = data_field["content"]["ip_address"];
userFloor2 = data_field["content"]["post_no"];
userCommentTime2 = data_field["content"]["date"];
}
userCommentTime2 = TiebaComment.getDifferTime(userCommentTime2);
return {
userFloor: parseInt(userFloor2),
userIpPosition: userIpPosition2,
userCommentTime: userCommentTime2
};
}
let data_field = utils.toJSON(element.getAttribute("data-field"));
if (Object.keys(data_field).length == 0) {
return;
}
let user_id = data_field["author"]["user_id"];
let builderId = data_field["content"]["builderId"];
let userComment = data_field["content"]["content"];
if (!userComment) {
userComment = element.querySelector(".d_post_content")?.innerHTML || "";
}
let userHomeUrl = element.querySelector(".p_author_face")?.getAttribute("href");
let userName = data_field["author"]["user_name"];
let $userShowName = element.querySelector(".p_author_name");
let userShowName = $userShowName?.textContent || element.querySelector(".p_author_face > img")?.getAttribute("username") || userName;
let userAvatar = element.querySelector(".p_author_face > img")?.getAttribute("data-tb-lazyload") || element.querySelector(".p_author_face > img")?.src || "";
let is_landlord = 0;
if (user_id == builderId) {
is_landlord = 1;
}
let userForumLevel = -1;
let userForumLevelName = void 0;
if (element.querySelector(".user_badge .d_badge_lv")) {
userForumLevel = parseInt(
element.querySelector(".user_badge .d_badge_lv")?.textContent
);
}
if (element.querySelector(".user_badge .d_badge_title")) {
userForumLevelName = element.querySelector(
".user_badge .d_badge_title"
)?.textContent;
}
let { userFloor, userIpPosition, userCommentTime } = parseCommentBottomInfo(element);
if (userAvatar.startsWith("//")) {
userAvatar = "https:" + userAvatar;
}
let userAvatarObj = new URL(userAvatar);
let userPortrait = data_field["author"]["portrait"];
if (!userPortrait) {
let userAvatarObjMatch = userAvatarObj.pathname.match(/\/item\/(.+)/i);
if (userAvatarObjMatch) {
userPortrait = userAvatarObjMatch[1];
}
}
if (Panel.getValue("baidu_tieba_shield_commnets_baodating")) {
if (TiebaPostApi.isRobot({
id: user_id,
portrait: userPortrait
})) {
return;
}
}
let post_id = data_field["content"]["post_id"];
let newUserCommentHTML = "";
if (pageCommentList.commentList[post_id]) {
Array.from(pageCommentList.commentList[post_id].comment_info).forEach(
(result) => {
let u_user_name = result["show_nickname"];
let u_content = result["content"];
let u_user_id = result["user_id"];
let u_user_portrait = pageCommentList.userList[u_user_id]["portrait"];
let u_user_home_url = "/home/main?id=" + u_user_portrait;
if (builderId == u_user_id) {
u_user_name += /*html*/
`<svg data-v-5b60f30b="" class="landlord"><use xlink:href="#icon_landlord"></use></svg>`;
}
let lzlCommentItemHTML = (
/*html*/
`
<div data-v-5b60f30b="" class="lzl-post-item" style="">
<div data-v-5b60f30b="" class="text-box">
<span data-v-5b60f30b="" class="link username" data-home-url="${u_user_home_url}">${u_user_name}</span>
<div data-v-ab14b3fe="" data-v-5b60f30b="" class="thread-text lzl-post-text">
<span data-v-ab14b3fe="" class="text-content">${u_content}</span>
</div>
</div>
</div>`
);
newUserCommentHTML += lzlCommentItemHTML;
}
);
}
if (newUserCommentHTML) {
newUserCommentHTML = /*html*/
`
<div data-v-5b60f30b="" data-v-74eb13e2="" class="lzl-post lzl-post" style="max-height: 2.35rem;overflow-y: hidden;">
${newUserCommentHTML}
</div>
`;
}
let newCommentElement = domUtils.createElement(
"div",
{
className: "post-item",
innerHTML: (
/*html*/
`
<div
data-v-188c0e84=""
data-v-74eb13e2=""
class="user-line-wrapper user-line-post">
<div data-v-188c0e84="" class="user-line">
<div data-v-188c0e84="" class="tbfe-1px-border avatar" data-home-url="${userHomeUrl}"
data-src="${userAvatar}"
lazy="loaded"
style="background-image: url(${userAvatar});"></div>
<div data-v-188c0e84="" class="user-info">
<div data-v-188c0e84="" class="username" data-home-url="${userHomeUrl}">
${userShowName}
${is_landlord ? `<svg data-v-188c0e84="" class="landlord"><use xlink:href="#icon_landlord"></use></svg>` : ""}
${userForumLevel && userForumLevel >= 0 && Panel.getValue("baidu_tieba_show_forum_level") ? `
<div class="forum-level-container">
<span class="forum-level" data-level="${userForumLevel}">Lv.${userForumLevel} ${userForumLevelName}</span>
</div>` : ""}
</div>
</div>
</div>
<div class="user-comment-handler">
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2304"><path d="M448 191.004444a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m0 320a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m0 320a64 64 0 1 0 128 0 64 64 0 0 0-128 0z" fill="#000000" fill-opacity=".65" p-id="2305"></path>
</svg>
</div>
</div>
<div data-v-74eb13e2="" class="content">
<p data-v-ab14b3fe="" data-v-74eb13e2="" class="thread-text post-text">
<span data-v-ab14b3fe="" class="text-content">
${userComment}
</span>
</p>
<p data-v-188c0e84="" class="desc-info">
<span data-v-188c0e84="" class="floor-info">
第${userFloor}楼
</span>
<span data-v-188c0e84="" class="time" style="margin-right: .08rem;">
${userCommentTime}
</span>
<span data-v-188c0e84="" class="ip">
${userIpPosition}
</span>
</p>
${newUserCommentHTML}
<div data-v-74eb13e2="" class="post-split-line"></div>
</div>
`
),
"data-whitesev": {
userId: user_id,
userPostId: post_id,
userPortrait,
userFloor,
userComment,
userHomeUrl,
userForumLevel,
userForumLevelName,
userAvatar,
userName,
userShowName,
userCommentTime,
userIpPosition,
pageCommentList
}
},
{
"data-v-74eb13e2": "",
"data-v-602e287c": "",
"data-floor": TiebaComment.floor_num,
landlord: is_landlord
}
);
newCommentElement.querySelectorAll(".text-content embed.BDE_Music").forEach((ele) => ele.remove());
return newCommentElement;
},
/**
* 根据评论的html插入页面中
* @param newCommentDOM
*/
insertNewCommentInnerElement: (newCommentDOM) => {
if (newCommentDOM == null) {
return;
}
newCommentDOM.querySelectorAll(".tbfe-1px-border.avatar").forEach((item) => {
if (item.hasAttribute("data-home-url")) {
item.onclick = function(event) {
utils.preventEvent(event);
window.open(item.getAttribute("data-home-url"), "_blank");
};
}
});
newCommentDOM.querySelectorAll(".user-info .username").forEach((item) => {
if (item.hasAttribute("data-home-url")) {
item.onclick = function(event) {
utils.preventEvent(event);
window.open(item.getAttribute("data-home-url"), "_blank");
};
}
});
newCommentDOM.querySelectorAll("a.at").forEach((item) => {
item.removeAttribute("onclick");
item.removeAttribute("onmouseover");
item.removeAttribute("onmouseout");
if (item.hasAttribute("portrait")) {
item.setAttribute(
"href",
"/home/main?id=" + item.getAttribute("portrait")
);
}
});
if ($(".post-cut-guide")) {
domUtils.before($(".post-cut-guide"), newCommentDOM);
} else {
domUtils.append($(".pb-page-wrapper"), newCommentDOM);
}
let lzlPostElement = newCommentDOM.querySelector(
".lzl-post.lzl-post"
);
if (lzlPostElement) {
let lzlPostElementHeight = domUtils.height(lzlPostElement);
let lzlPostItemList = Array.from(
lzlPostElement.querySelectorAll(".lzl-post-item")
);
let currentLzlPostElementHeight = 0;
let addSeeAllReply = false;
for (const lzlPostItem of lzlPostItemList) {
currentLzlPostElementHeight += domUtils.outerHeight(lzlPostItem);
if (currentLzlPostElementHeight > lzlPostElementHeight) {
addSeeAllReply = true;
break;
}
}
if (addSeeAllReply) {
let lzlItemData = newCommentDOM["data-whitesev"];
let lzlCommentNums = lzlItemData["pageCommentList"]["commentList"][lzlItemData["userPostId"]]["comment_num"];
let seeAllReplyElement = domUtils.createElement(
"div",
{
className: "whitesev-see-all-reply",
innerHTML: (
/*html*/
`查看全部${lzlCommentNums}条回复`
)
},
{
style: "color: #6251B3;margin-top: 5px 0 0 10px;"
}
);
domUtils.on(seeAllReplyElement, "click", (event) => {
utils.preventEvent(event);
lzlPostElement.click();
});
domUtils.after(lzlPostElement, seeAllReplyElement);
}
domUtils.on(
lzlPostElement,
"click",
(event) => {
utils.preventEvent(event);
log.success(`点击查看全部回复`);
TiebaComment.showReplyDialog(lzlPostElement);
},
{
capture: true
}
);
}
},
/**
* 初始化评论的弹窗的所有设置包括CSS
*/
initReplyDialogCSS() {
log.success("初始化回复的弹窗");
addStyle$1(
/*css*/
`
/* 主 */
#whitesev-reply-dialog{
z-index: 99999;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 背景 */
.whitesev-reply-dialog-bg{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
transition-timing-function: ease-in;
transition-duration: .1s;
transition-property: background-color,opacity;
}
/* 内容容器 */
.whitesev-reply-dialog-sheet{
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
background-color: #fff;
transition: .1s ease-in;
transition-property: transform;
transform: translate(0,100%);
border-radius: 10px 10px 0px 0px;
}
/* 关闭 */
.whitesev-reply-dialog-close{
position: absolute;
}
/* 标题 */
.whitesev-reply-dialog-sheet-title{
display: block;
width: 100%;
box-sizing: border-box;
padding: 15px;
color: #222;
line-height: 20px;
text-align: center;
border-bottom: 1px solid #dbdbdb;
}
/* 内容 */
.whitesev-reply-dialog-sheet-content{
height: 100%;
overflow-y: auto;
}
/* 内容中主内容和其它内容 */
.whitesev-reply-dialog-sheet-main-content,
.whitesev-reply-dialog-sheet-other-content{
margin: 20px 10px 10px 10px;
}
/* 内容中其它内容 */
.whitesev-reply-dialog-sheet-ohter-content{
}
/* 弹出 */
#whitesev-reply-dialog[data-on] .whitesev-reply-dialog-bg{
transition-timing-function: ease-in;
transition-duration: .2s;
}
#whitesev-reply-dialog[data-on] .whitesev-reply-dialog-bg{
background-color: rgba(0,0,0,.5);
}
#whitesev-reply-dialog[data-on] .whitesev-reply-dialog-sheet{
transition: .2s ease-in;
transform: translate(0,0);
}
/* 头像 */
.whitesev-reply-dialog-avatar {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: .36rem;
height: .36rem;
margin-right: .08rem;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
-webkit-box-flex: 0;
-moz-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
/* 用户行 */
.whitesev-reply-dialog-user-line {
display: flex;
align-items: center;
}
.whitesev-reply-dialog-user-line,
.whitesev-reply-dialog-user-comment,
.whitesev-reply-dialog-user-desc-info {
margin-bottom: 8px;
}
.whitesev-reply-dialog-user-line-wrapper{
display: flex;
justify-content: space-between;
align-items: center;
}
/* 评论 */
.whitesev-reply-dialog-user-comment {
margin-left: .44rem;
}
/* 评论的贴吧自带表情 */
.whitesev-reply-dialog-user-comment img.BDE_Smiley{
width: .2rem;
height: .2rem;
vertical-align: middle;
}
/* 评论的贴吧自己上传的图片 */
.whitesev-reply-dialog-user-comment img:not(.BDE_Smiley){
margin-top: 8px;
max-width: 350px;
cursor: url(//tb2.bdstatic.com/tb/static-pb/img/cur_zin.cur),pointer;
height: auto;
width: auto;
width: 100%;
}
/* 底部信息 */
.whitesev-reply-dialog-user-desc-info{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: .44rem;
border-bottom: 1px solid #dfdfdf;
}
.whitesev-reply-dialog-user-desc-info span{
margin-right: .08rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: .12rem;
line-height: .18rem;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #a3a2a8;
}
/* 第xx楼 */
.whitesev-reply-dialog-user-desc-info span[data-floor-info]::before {
content:"第"
}
.whitesev-reply-dialog-user-desc-info span[data-floor-info]::after {
content:"楼"
}
/* 中间行 */
.whitesev-reply-dialog-sheet-main-content-bottom-line {
background: #ebebeb;
height: 6px;
}
/* 隐藏顶部主回复的底部边框 */
.whitesev-reply-dialog-sheet-main-content .whitesev-reply-dialog-user-desc-info{
border-bottom: none;
}
/* 其它回复中的最后一个 */
.whitesev-reply-dialog-sheet-other-content > div:last-child{
}
/* 其它回复的每一项 */
.whitesev-reply-dialog-sheet-other-content-item{
margin-top: 12px;
}
/* 其它回复的底部边框 */
.whitesev-reply-dialog-sheet-other-content-item .whitesev-reply-dialog-user-desc-info{
padding-bottom: 12px;
}
/* xx条回复 */
.whitesev-reply-dialog-sheet-comment-num {
margin-top: -10px;
margin-bottom: 20px;
}
/* 查看全部xx条回复 */
.whitesev-see-all-reply{
padding-top: 10px;
padding-left: 10px;
}`
);
},
/**
* 获取楼中楼评论的元素
*/
getLzlItemElement(data) {
let $otherCommentItem = document.createElement("div");
$otherCommentItem.className = "whitesev-reply-dialog-sheet-other-content-item whitesev-reply-dialog-content-item";
$otherCommentItem.innerHTML = /*html*/
`
<div class="whitesev-reply-dialog-user-line-wrapper" data-portrait="${data.portrait}">
<div class="whitesev-reply-dialog-user-line" data-portrait="${data.portrait}">
<div class="whitesev-reply-dialog-avatar" style="background-image: url(${data.avatar});"></div>
<div class="whitesev-reply-dialog-user-info">
<div class="whitesev-reply-dialog-user-username">
${data.show_nickname}
${data.isLandlord ? `<svg data-v-188c0e84="" class="landlord"><use xlink:href="#icon_landlord"></use></svg>` : ""}
${data.userForumLevel && data.userForumLevel >= 0 && Panel.getValue("baidu_tieba_show_forum_level") ? `
<div class="forum-level-container">
<span class="forum-level" data-level="${data.userForumLevel}">Lv.${data.userForumLevel}</span>
</div>` : ""}
</div>
</div>
</div>
<div class="user-comment-handler">
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2304"><path d="M448 191.004444a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m0 320a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m0 320a64 64 0 1 0 128 0 64 64 0 0 0-128 0z" fill="#000000" fill-opacity=".65" p-id="2305"></path>
</svg>
</div>
</div>
<div class="whitesev-reply-dialog-user-comment">${data.content}</div>
<div class="whitesev-reply-dialog-user-desc-info">
<span data-time="">${data.time}</span>
<span data-ip="">${data.ip}</span>
</div>
`;
return $otherCommentItem;
},
/**
* 显示评论的弹窗
* @param element
*/
showReplyDialog(element) {
let contentElement = element.closest("div.post-item");
let data = {};
if (contentElement && contentElement["data-whitesev"]) {
data = contentElement["data-whitesev"];
}
log.success(["data-whitesev数据", data]);
let currentCommentData = data["pageCommentList"]["commentList"][data["userPostId"]]["comment_info"];
log.success(["当前评论数据信息JSON", currentCommentData]);
let currentCommentListNum = data["pageCommentList"]["commentList"][data["userPostId"]]["comment_num"];
let userList = data["pageCommentList"]["userList"];
let mainUserAvatar = data["userAvatar"];
let userAvatarHostName = new URL(mainUserAvatar).hostname;
let userAvatarPath = new URL(mainUserAvatar).pathname.split("/")[1];
let landlordInfo = TiebaCore.getLandlordInfo();
log.success(["头像加密值路径是", userAvatarPath]);
log.success(["本帖楼主的信息", landlordInfo]);
let $ohterCommentFragment = document.createDocumentFragment();
currentCommentData.forEach((item) => {
let itemUserInfo = userList[item["user_id"]];
let userPortrait = itemUserInfo["portrait"];
let isLandlord = Boolean(
landlordInfo && landlordInfo.id === item["user_id"]
);
let itemUserCommentTime = utils.getDaysDifference(item["now_time"] * 1e3, void 0, "auto") + "前";
let itemUserCommentIp = "";
if (item["location"] && item["location"]["name"]) {
itemUserCommentIp = item["location"]["name"];
}
if (userAvatarHostName === "imgsa.baidu.com") {
userAvatarHostName = "gss0.bdstatic.com";
userAvatarPath = "6LZ1dD3d1sgCo2Kml5_Y_D3";
}
let itemUserAvatar = `https://${userAvatarHostName}/${userAvatarPath}/sys/portrait/item/${userPortrait}`;
if (userAvatarPath === "sys") {
itemUserAvatar = itemUserAvatar.replace(
"/sys/sys/portrait/item/",
"/sys/portrait/item/"
);
}
let userLikeForum = itemUserInfo?.["card"]?.["like_forum"];
let lzlUserForumLevel = -1;
if (userLikeForum) {
Object.keys(userLikeForum).forEach((itemForumLevel) => {
let itemForumInfo = userLikeForum[itemForumLevel];
if (itemForumInfo["forum_list"] && Array.isArray(itemForumInfo["forum_list"]) && itemForumInfo["forum_list"].includes(TiebaData.forumName)) {
lzlUserForumLevel = itemForumLevel;
}
});
}
let $otherCommentItem = this.getLzlItemElement({
portrait: userPortrait,
avatar: itemUserAvatar,
isLandlord,
userForumLevel: lzlUserForumLevel,
show_nickname: item["show_nickname"],
content: item["content"],
time: itemUserCommentTime,
ip: itemUserCommentIp
});
$otherCommentItem["data-lzl-item"] = {
data: item,
userInfo: itemUserInfo,
portrait: userPortrait
};
$ohterCommentFragment.appendChild($otherCommentItem);
});
log.success(["显示评论的弹窗", data]);
let dialog = domUtils.createElement("div", {
id: "whitesev-reply-dialog",
innerHTML: (
/*html*/
`
<div class="whitesev-reply-dialog-bg"></div>
<div class="whitesev-reply-dialog-sheet" style="height: ${document.documentElement.clientHeight * 0.92}px;">
<div class="whitesev-reply-dialog-sheet-title">
<div class="whitesev-reply-dialog-close">
<svg t="1694574625629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2306" width="20" height="20"><path d="M576 512l277.333333 277.333333-64 64-277.333333-277.333333L234.666667 853.333333 170.666667 789.333333l277.333333-277.333333L170.666667 234.666667 234.666667 170.666667l277.333333 277.333333L789.333333 170.666667 853.333333 234.666667 576 512z" fill="#444444" p-id="2307"></path></svg>
</div>
${data.userFloor}楼的回复
</div>
<div class="whitesev-reply-dialog-sheet-content">
<div class="whitesev-reply-dialog-sheet-main-content whitesev-reply-dialog-content-item">
<div class="whitesev-reply-dialog-user-line" data-portrait="${data["userPortrait"]}">
<div class="whitesev-reply-dialog-avatar" style="background-image: url(${data["userAvatar"]});"></div>
<div class="whitesev-reply-dialog-user-info">
<div class="whitesev-reply-dialog-user-username">${data["userShowName"] || data["userName"]}</div>
${data["userForumLevel"] && data["userForumLevel"] >= 0 && Panel.getValue("baidu_tieba_show_forum_level") ? `
<div class="forum-level-container">
<span class="forum-level" data-level="${data["userForumLevel"]}">Lv.${data["userForumLevel"]} ${data["userForumLevelName"]}</span>
</div>` : ""}
</div>
</div>
<div class="whitesev-reply-dialog-user-comment">${data["userComment"]}</div>
<div class="whitesev-reply-dialog-user-desc-info" style="border-bottom: none;">
<span data-floor-info="">${data["userFloor"]}</span>
<span data-time="">${data["userCommentTime"]}</span>
<span data-ip="">${data["userIpPosition"]}</span>
</div>
</div>
<div class="whitesev-reply-dialog-sheet-main-content-bottom-line"></div>
<div class="whitesev-reply-dialog-sheet-other-content">
<div class="whitesev-reply-dialog-sheet-comment-num">${currentCommentListNum}条回复</div>
</div>
</div>
</div>
`
)
});
dialog["data-whitesev"] = data;
let dialogTitleElement = dialog.querySelector(
".whitesev-reply-dialog-sheet-title"
);
let dialogContentElement = dialog.querySelector(
".whitesev-reply-dialog-sheet-content"
);
let dialogOhterContentElement = dialog.querySelector(
".whitesev-reply-dialog-sheet-other-content"
);
dialogOhterContentElement.appendChild($ohterCommentFragment);
let isClosingDialog = false;
function popstateEvent(event) {
utils.preventEvent(event);
if (isClosingDialog) {
return;
}
log.success("触发popstate事件");
removePopStateEvent();
}
function setPopStateEvent() {
log.success("监听popstate事件");
window.history.pushState({}, "", "#/seeLzlReply");
domUtils.on(window, "popstate", popstateEvent, {
capture: true
});
}
async function removePopStateEvent() {
isClosingDialog = true;
log.success("location地址后退并关闭评论弹窗");
closeDialogByUrlChange();
while (true) {
if (globalThis.location.hash.endsWith("seeLzlReply")) {
log.info("后退！");
globalThis.history.back();
await utils.sleep(150);
} else {
break;
}
}
log.success("停止popstate事件监听");
domUtils.off(window, "popstate", popstateEvent, { capture: true });
isClosingDialog = false;
}
function closeDialog(event) {
dialog.removeAttribute("data-on");
domUtils.on(dialog, utils.getTransitionEndNameList(), function() {
domUtils.off(dialog, utils.getTransitionEndNameList());
log.success("关闭楼中楼回复弹窗_click");
dialog.remove();
if (Panel.getValue("baidu_tieba_lzl_ban_global_back")) {
removePopStateEvent();
}
});
}
function closeDialogByUrlChange() {
dialog.removeAttribute("data-on");
domUtils.on(dialog, utils.getTransitionEndNameList(), function() {
domUtils.off(dialog, utils.getTransitionEndNameList());
log.success("关闭楼中楼回复弹窗_urlchange");
dialog.remove();
});
}
domUtils.on(
dialog.querySelector(".whitesev-reply-dialog-close"),
"click",
closeDialog
);
domUtils.on(
dialog.querySelector(".whitesev-reply-dialog-bg"),
"click",
closeDialog
);
domUtils.on(
dialog,
"click",
".whitesev-reply-dialog-avatar",
function(event) {
utils.preventEvent(event);
window.open(
"/home/main?id=" + event.target?.closest(".whitesev-reply-dialog-user-line")?.getAttribute("data-portrait"),
"_blank"
);
}
);
domUtils.on(
dialog,
"click",
".whitesev-reply-dialog-user-info",
function(event) {
utils.preventEvent(event);
window.open(
"/home/main?id=" + event.target?.closest(".whitesev-reply-dialog-user-line")?.getAttribute("data-portrait"),
"_blank"
);
}
);
dialog.querySelectorAll(".whitesev-reply-dialog-user-comment a[portrait]").forEach((item) => {
item.setAttribute(
"href",
"/home/main?id=" + item.getAttribute("portrait")
);
item.removeAttribute("onclick");
item.removeAttribute("onmouseover");
item.removeAttribute("onmouseout");
});
const lzlLoadingView = new LoadingView(false);
let lzlPage = 2;
async function lzlReplyCommentScrollEvent(event) {
let scrollElement = event.target;
if (scrollElement.scrollTop + scrollElement.clientHeight + 50 < scrollElement.scrollHeight) {
return;
}
log.success("加载更多回复");
lzlLoadingView.show();
let replyInfo = await TiebaComment.getLzlCommentReply(
TiebaComment.param_tid,
data["userPostId"].toString(),
lzlPage
);
log.success(["加载更多回复的数据", replyInfo]);
if (replyInfo === "暂无更多回复") {
log.error("暂无更多回复");
lzlLoadingView.setText("暂无更多回复");
domUtils.off(
dialog.querySelector(".whitesev-reply-dialog-sheet-content"),
"scroll"
);
log.error("取消绑定楼中楼scroll监听事件【下一页】");
return;
} else if (typeof replyInfo === "string") {
lzlLoadingView.setText(replyInfo);
return;
}
let commentHTML = "";
replyInfo["data"].forEach((item) => {
let isLandlord = false;
if (landlordInfo) {
if (landlordInfo.id === item["user_id"]) {
isLandlord = true;
} else if (utils.isNotNull(item["userPortrait"]) && landlordInfo.portrait.includes(item["userPortrait"])) {
isLandlord = true;
}
}
commentHTML += /*html*/
`
<div class="whitesev-reply-dialog-sheet-other-content-item" data-lazy-load-level="true" data-username="${item["userName"]}">
<div class="whitesev-reply-dialog-user-line" data-portrait="${item["userPortrait"]}">
<div class="whitesev-reply-dialog-avatar" style="background-image: url(${item["userAvatar"]});"></div>
<div class="whitesev-reply-dialog-user-info">
<div class="whitesev-reply-dialog-user-username">
${item["userShowName"]}
${isLandlord ? `<svg data-v-188c0e84="" class="landlord"><use xlink:href="#icon_landlord"></use></svg>` : ""}
</div>
</div>
</div>
<div class="whitesev-reply-dialog-user-comment">${item["userReplyContent"]}</div>
<div class="whitesev-reply-dialog-user-desc-info">
<span data-time="">${item["userReplyTime"]}</span>
<span data-ip=""></span>
</div>
</div>
`;
});
if (scrollElement.querySelector("." + loadingView.config.className)) {
domUtils.before(
scrollElement.querySelector(
"." + loadingView.config.className
),
commentHTML
);
} else {
domUtils.append(
scrollElement.querySelector(
".whitesev-reply-dialog-sheet-other-content"
),
commentHTML
);
}
if (Panel.getValue("baidu_tieba_show_forum_level")) {
document.querySelectorAll(
".whitesev-reply-dialog-sheet-other-content-item[data-lazy-load-level]"
).forEach(async (ele) => {
if (!ele.hasAttribute("data-username")) {
return;
}
let userInfo = await TieBaApi.getUserHomeInfo({
un: ele.getAttribute("data-username")
});
if (!userInfo) {
return;
}
let grade = userInfo?.["honor"]?.["grade"];
ele.removeAttribute("data-lazy-load-level");
if (!grade) {
return;
}
Object.keys(grade).forEach((likeForumLevel) => {
let likeForumInfo = grade[likeForumLevel];
if (likeForumInfo["forum_list"] && Array.isArray(likeForumInfo["forum_list"]) && likeForumInfo["forum_list"].includes(
TiebaData.forumName
)) {
let $userInfo = ele.querySelector(
".whitesev-reply-dialog-user-info"
);
domUtils.append(
$userInfo,
/*html*/
`
<div class="forum-level-container">
<span class="forum-level" data-level="${likeForumLevel}">Lv.${likeForumLevel}</span>
</div>`
);
}
});
});
}
scrollElement.querySelectorAll(".whitesev-reply-dialog-user-comment a[portrait]").forEach((item) => {
item.setAttribute(
"href",
"/home/main?id=" + item.getAttribute("portrait")
);
item.removeAttribute("onclick");
item.removeAttribute("onmouseover");
item.removeAttribute("onmouseout");
});
if (!replyInfo["nextPage"]) {
log.error("暂无更多回复");
lzlLoadingView.setText("暂无更多回复");
domUtils.off(
dialog.querySelector(".whitesev-reply-dialog-sheet-content"),
"scroll"
);
log.error("取消绑定楼中楼scroll监听事件【下一页】");
return;
}
lzlPage = replyInfo["nextPage"];
}
let lzlScrollEventLock = new utils.LockFunction(
lzlReplyCommentScrollEvent,
this
);
domUtils.on(
dialog.querySelector(".whitesev-reply-dialog-sheet-content"),
"scroll",
lzlScrollEventLock.run
);
log.success("绑定楼中楼scroll监听事件【下一页】");
document.body.appendChild(dialog);
domUtils.append(
dialog.querySelector(
".whitesev-reply-dialog-sheet-other-content"
),
lzlLoadingView.getLoadingViewElement()
);
lzlLoadingView.getLoadingViewElement().style.setProperty("color", "#c5c5c5");
lzlLoadingView.getLoadingViewElement().style.setProperty("font-size", "14px");
lzlLoadingView.setText("加载更多");
lzlLoadingView.hide();
setTimeout(() => {
dialog.setAttribute("data-on", "true");
dialogContentElement.style.setProperty(
"height",
`calc(100% - ${domUtils.height(dialogTitleElement)}px)`
);
this.vueRootView = $(".main-page-wrap");
log.success(["成功获取Vue根元素", VueUtils.getVue(this.vueRootView)]);
if (Panel.getValue("baidu_tieba_lzl_ban_global_back")) {
setPopStateEvent();
}
}, 0);
},
/**
* 获取楼中楼评论
* @param tid 帖子id
* @param pid 回复主体id
* @param pn 当前页
*/
async getLzlCommentReply(tid = "", pid = "", pn = 1) {
let getResp = await httpx.get({
url: TiebaUrlHandler.getPost(
`comment?tid=${tid}&pid=${pid}&pn=${pn}&t=${(/* @__PURE__ */ new Date()).getTime()}${TiebaComment.extraSearchSignParams}`
),
headers: {
"User-Agent": utils.getRandomPCUA(),
Host: "tieba.baidu.com",
Referer: window.location.href
}
});
if (!getResp.status) {
log.error(getResp);
return "请求失败";
}
let respData = getResp.data;
log.success(respData);
let parseDOM = domUtils.parseHTML(respData.responseText, false, true);
let lzlPostList = Array.from(
parseDOM.querySelectorAll("li.lzl_single_post")
);
if (!lzlPostList.length) {
return "暂无更多回复";
}
let result = {
data: []
};
lzlPostList.forEach((item) => {
let dataFieldJSON = utils.toJSON(item.getAttribute("data-field"));
let userName = dataFieldJSON["user_name"];
let userShowName = dataFieldJSON["showname"];
let userPostId = dataFieldJSON["spid"];
let userPortrait = dataFieldJSON["portrait"];
let userHomeUrl = item.querySelector("a[data-field]")?.href;
let userAvatar = item.querySelector("a[data-field] img")?.src;
let userReplyContent = item.querySelector("span.lzl_content_main").innerHTML;
let userReplyTimeStr = item.querySelector("span.lzl_time").innerHTML;
let userReplyTimeNumber = utils.formatToTimeStamp(userReplyTimeStr);
let userReplyTime = utils.getDaysDifference(
(/* @__PURE__ */ new Date()).getTime(),
userReplyTimeNumber,
"auto"
) + "前";
if (utils.isNull(userName)) {
userName = userShowName;
}
result["data"].push({
userName,
userShowName,
userPostId,
userPortrait,
userHomeUrl,
userAvatar,
userReplyContent,
userReplyTime
});
});
parseDOM.querySelectorAll("p.j_pager a").forEach((item) => {
if (item?.textContent?.trim() === "下一页") {
result["nextPage"] = parseInt(
item.getAttribute("href")?.replace("#", "")
);
}
});
if (!result["data"].length) {
return "解析回复失败";
} else {
return result;
}
},
/**
* 获取第XX页的评论（不包括楼中楼评论）
* @param url
*/
async getPageComment(url) {
let getDetails = {
url,
headers: {
"User-Agent": utils.getRandomPCUA(),
Referer: "tieba.baidu.com"
},
allowInterceptConfig: false
};
let getResp = await httpx.get(getDetails);
let respData = getResp.data;
log.success(["获取评论", getResp]);
if (getResp.status) {
let pageCommentHTMLElement = domUtils.parseHTML(
respData.responseText,
true,
true
);
if (pageCommentHTMLElement.title === "百度安全验证" || respData.finalUrl.startsWith("https://wappass.baidu.com")) {
log.error("触发百度安全验证 👇" + respData.finalUrl);
log.error(respData);
return {
success: false,
msg: "触发百度安全验证",
data: respData.finalUrl
};
} else {
return {
success: true,
msg: "获取成功",
data: pageCommentHTMLElement
};
}
} else if (getResp.type === "onerror") {
if (typeof respData.error === "string" && respData.error.match("wappass.baidu.com")) {
let url2 = respData.error.match(/"(.*?)"/)[1];
log.error("触发百度校验: " + url2);
return {
success: false,
msg: "触发百度安全验证",
data: url2
};
} else {
log.error("获取评论数据失败 👇");
log.error(respData);
return {
success: false,
msg: "获取评论数据失败",
data: null
};
}
}
return {
success: false,
msg: "未知状态",
data: null
};
},
/**
* 获取第XX页的所有评论
* @param url
*/
async getPageCommentList(url) {
let getResp = await httpx.get({
url,
responseType: "json",
headers: {
Accept: "application/json, text/javascript, */*; q=0.01",
"User-Agent": utils.getRandomPCUA(),
Referer: "tieba.baidu.com"
},
allowInterceptConfig: false
});
log.info(["获取楼中楼评论", getResp]);
let respData = getResp.data;
let data = utils.toJSON(respData.responseText);
if (getResp.status && data["errno"] === 0) {
log.success(["帖子评论信息JSON", data]);
return {
commentList: data["data"]["comment_list"],
userList: data["data"]["user_list"]
};
} else {
log.error("获取楼中楼评论数据失败 👇");
log.error(getResp);
}
},
/**
* 插入加载中的html
*/
insertLoadingHTML() {
if (!loadingView.isExists()) {
log.info("插入loading");
loadingView.initLoadingView();
loadingView.hide();
let $mainPageWrap = $(".main-page-wrap");
if ($mainPageWrap) {
$mainPageWrap.appendChild(loadingView.getLoadingViewElement());
} else {
log.error("元素.main-page-wrap不存在，插入loading失败");
}
}
},
/**
* 插入只看楼主的按钮
*/
insertOnlyLZ() {
let replyRightContainer = $(".reply-right-container");
if (!replyRightContainer) {
log.error("元素.reply-right-container不存在");
return;
}
addStyle$1(
/*css*/
`
.white-only-lz{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: .24rem;
border-radius: .14rem;
font-size: .13rem;
color: #614ec2;
/* margin-right: 16px; */
margin-left: 16px;
}
.white-only-lz-qx:before {
content: "取消";
}
.white-only-lz-none {
display: none;
}
`
);
let onlyLzInnerElement = domUtils.createElement("div", {
className: "white-only-lz",
textContent: "只看楼主"
});
replyRightContainer.appendChild(onlyLzInnerElement);
let $whiteOnlyLz = $(".white-only-lz");
if (!$whiteOnlyLz) {
throw new TypeError("$whiteOnlyLz is null");
}
domUtils.on($whiteOnlyLz, "click", (event) => {
let $postItemList = $$(".post-item");
if (Array.from($whiteOnlyLz.classList).includes("white-only-lz-qx")) {
$whiteOnlyLz.classList.remove("white-only-lz-qx");
$postItemList.forEach(($postItem) => {
$postItem.classList.remove("white-only-lz-none");
});
} else {
$whiteOnlyLz.classList.add("white-only-lz-qx");
$postItemList.forEach(($postItem) => {
let landlord = $postItem.getAttribute("landlord");
if (landlord == "0") {
$postItem.classList.add("white-only-lz-none");
}
});
TiebaComment.triggerScrollEvent();
}
});
},
/**
* 插入 正序=倒序的按钮
*/
insertReverseBtn() {
let replySwitchElement = $("#replySwitch");
if (!replySwitchElement) {
log.error("元素#replySwitch不存在");
return;
}
addStyle$1(
/*css*/
`
.reply-right-container {
display: flex;
align-items: center;
flex-direction: row-reverse;
flex: 1;
justify-content: space-between;
}
.btn-comment-reverse-pack{
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
white-space: nowrap;
text-align: center;
height: .29rem;
line-height: .29rem;
border-radius: .15rem;
color: #a3a2a8;
font-size: 13px;
background-color: #f3f2f5;
}
.btn-comment-reverse-pack .tab-item{
display: inline-block;
width: .48rem;
}
.btn-comment-reverse-pack .selected-tab-item{
position: relative;
z-index: 99;
color: #141414;
}
.btn-comment-reverse-pack .selected-tab-item:after{
content: "";
z-index: -99;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: .29rem;
width: .48rem;
border-radius: .15rem;
border: .01rem solid #f3f2f5;
background-color: #fff;
color: #141414;
}
`
);
let replyRightContainer = domUtils.createElement("div", {
className: "reply-right-container"
});
let btnElement = domUtils.createElement("div", {
className: "btn-comment-reverse-pack",
innerHTML: (
/*html*/
`
<span class="tab-item selected-tab-item" data-positive>正序</span>
<span class="tab-item" data-reverse>倒序</span>`
)
});
const positiveElement = btnElement.querySelector(
".tab-item[data-positive]"
);
const reverseElement = btnElement.querySelector(
".tab-item[data-reverse]"
);
replyRightContainer.appendChild(btnElement);
replySwitchElement.appendChild(replyRightContainer);
let isReverse = false;
function clearSelected() {
positiveElement.classList.remove("selected-tab-item");
reverseElement.classList.remove("selected-tab-item");
}
domUtils.on(btnElement, "click", () => {
isReverse = !isReverse;
TiebaComment.removeScrollListener();
domUtils.remove(".post-item");
clearSelected();
if (isReverse) {
reverseElement.classList.add("selected-tab-item");
positiveElement.classList.remove("selected-tab-item");
reverseElement.classList.add("selected-tab-item");
TiebaComment.initMainComment(true);
log.info("获取评论===>倒序");
} else {
positiveElement.classList.add("selected-tab-item");
reverseElement.classList.remove("selected-tab-item");
positiveElement.classList.add("selected-tab-item");
TiebaComment.initMainComment(false);
log.info("获取评论===>正序");
}
});
},
/**
* 查看 正序/倒序
* @param [isReverse=false] 是否是倒序，默认false：正序
*/
async initMainComment(isReverse = false) {
let tag = isReverse ? "倒序: " : "正序: ";
log.info(tag + `查看内容`);
TiebaComment.param_tid = TiebaCore.getCurrentForumPostTid();
if (!TiebaComment.param_tid) {
log.error(tag + "未找到本页参数p");
return;
}
TiebaComment.param_forum_id = TiebaPageDataHandler.getForumId();
if (!TiebaComment.param_forum_id) {
log.warn(
tag + "param_forum_id参数不存在，尝试从其它地方获取，max-time: 5s"
);
let recommendItemElement = await utils.waitNode(
".recommend-item",
5e3
);
if (recommendItemElement) {
log.info(
tag + "等待.recommend-item的data-banner-info属性，max-time: 10s"
);
await utils.waitPropertyByInterval(
recommendItemElement,
() => {
return recommendItemElement.hasAttribute("data-banner-info");
},
250,
1e4
);
log.info(tag + "成功等待.recommend-item的data-banner-info属性");
TiebaComment.param_forum_id = TiebaPageDataHandler.getForumId();
if (!TiebaComment.param_forum_id) {
log.error(tag + "获取参数data-banner-info失败");
Qmsg.error("获取参数data-banner-info失败");
return;
}
log.info(
tag + "重新获取param_forum_id成功：" + TiebaComment.param_forum_id
);
} else {
log.error(tag + "获取元素.recommend-item失败");
Qmsg.error("获取元素.recommend-item失败");
return;
}
}
log.info(tag + "开始请求评论Api");
if (isReverse) {
TiebaComment.page = TiebaComment.maxPage;
} else {
TiebaComment.page = 1;
}
log.info(tag + "初始化当前页数：" + TiebaComment.page);
loadingView.setText("Loading...", true);
loadingView.show();
let url = TiebaUrlHandler.getPost(
`totalComment?t=${Date.now()}&tid=${TiebaComment.param_tid}&fid=${TiebaComment.param_forum_id}&pn=${TiebaComment.page}&see_lz=0${TiebaComment.extraSearchSignParams}`
);
let pcPageUrl = TiebaUrlHandler.getPost(
`${TiebaComment.param_tid}?pn=${TiebaComment.page}${TiebaComment.extraSearchSignParams}`
);
let pcPageCommentInfo = await TiebaComment.getPageComment(pcPageUrl);
if (!pcPageCommentInfo.success) {
loadingView.setHTML(
/*html*/
`<a href="${pcPageCommentInfo.data}" target="_blank">触发百度安全验证，点击前往验证</a>`
);
return;
}
let $pcPageDoc = pcPageCommentInfo.data;
let pageCommentList = await TiebaComment.getPageCommentList(url);
if (pageCommentList == null || pageCommentList.commentList && !pageCommentList.commentList) {
loadingView.setText("评论数据获取失败");
log.error(tag + "评论数据获取失败");
return;
}
log.info(tag + "成功获取第一页评论和楼中楼评论");
let $jumpInputBright = $pcPageDoc.querySelector(".jump_input_bright");
TiebaComment.maxPage = 1;
if ($jumpInputBright) {
let maxPage = parseInt($jumpInputBright.getAttribute("max-page"));
if (TiebaComment.maxPage <= 1 && maxPage > 1) {
TiebaComment.maxPage = maxPage;
log.info(tag + "设置解析出的最大页：" + TiebaComment.maxPage);
}
if (isReverse) {
TiebaComment.setPrevPageScrollListener();
log.info(tag + "当前为多页，设置滚动监听加载下一页");
} else {
TiebaComment.setNextPageScrollListener();
log.info(tag + "当前为多页，设置滚动监听加载上一页");
}
} else {
let comments = Array.from(
$pcPageDoc.querySelectorAll(".l_post.l_post_bright")
);
$$(".post-item").forEach((ele) => ele.remove());
if (TiebaComment.page == 1) {
comments.shift();
log.info(tag + "当前为第1页，移除第一个，因为它是主内容");
}
TiebaComment.floor_num = 1;
if (isReverse) {
comments.reverse();
}
if (comments.length) {
comments.forEach((element) => {
let $newComment = TiebaComment.getNewCommentInnerElement(
element,
pageCommentList
);
TiebaComment.insertNewCommentInnerElement($newComment);
TiebaComment.floor_num++;
});
} else {
log.warn(tag + "解析出的评论列表是空的");
}
loadingView.hide();
}
log.info(
tag + `共 ${TiebaComment.maxPage} 页评论，当前所在 ${TiebaComment.page} 页`
);
}
};
const TiebaUniAppComment = {
$data: {
watchCommentCallBack: []
},
init() {
},
/**
* 观察评论动态加载（包含楼中楼评论）
* @param callback 回调
*/
watchComment(callback) {
this.$data.watchCommentCallBack.push(callback);
if (this.$data.watchCommentCallBack.length > 1) {
return;
}
utils.waitNode("uni-view#tab-list", 1e4).then(($tabList) => {
if (!$tabList) {
return;
}
utils.mutationObserver($tabList, {
config: {
subtree: true,
childList: true
},
immediate: true,
callback: (mutations, observer) => {
let commentContainerInfoList = [];
const $commentGroup = $$(".comment-group");
$commentGroup.forEach(($commentGroupItem) => {
let vueIns = VueUtils.getVue($commentGroupItem);
if (!vueIns) {
return;
}
let sectionData = vueIns?.sectionData;
sectionData.forEach((item) => {
commentContainerInfoList.push({
data: item,
remove() {
let findIndex = sectionData.findIndex(
(item2) => item2 === item
);
if (findIndex !== -1) {
sectionData.splice(findIndex, 1);
}
}
});
});
});
for (let index = 0; index < this.$data.watchCommentCallBack.length; index++) {
const watchCommentCallBack = this.$data.watchCommentCallBack[index];
if (typeof watchCommentCallBack === "function") {
watchCommentCallBack(commentContainerInfoList, () => {
this.$data.watchCommentCallBack.splice(index, 1);
index--;
observer.disconnect();
});
}
}
}
});
});
}
};
const PanelComponents = {
$data: {
__storeApiFn: null,
get storeApiValue() {
if (!this.__storeApiFn) {
this.__storeApiFn = new Utils.Dictionary();
}
return this.__storeApiFn;
}
},
/**
* 获取自定义的存储接口
* @param type 组件类型
*/
getStorageApi(type) {
if (!this.hasStorageApi(type)) {
return;
}
return this.$data.storeApiValue.get(type);
},
/**
* 判断是否存在自定义的存储接口
* @param type 组件类型
*/
hasStorageApi(type) {
return this.$data.storeApiValue.has(type);
},
/**
* 设置自定义的存储接口
* @param type 组件类型
* @param storageApiValue 存储接口
*/
setStorageApi(type, storageApiValue) {
this.$data.storeApiValue.set(type, storageApiValue);
},
/**
* 初始化组件的存储接口属性
*
* @param type 组件类型
* @param config 组件配置，必须包含prop属性
* @param storageApiValue 存储接口
*/
initComponentsStorageApi(type, config, storageApiValue) {
let propsStorageApi;
if (this.hasStorageApi(type)) {
propsStorageApi = this.getStorageApi(type);
} else {
propsStorageApi = storageApiValue;
}
this.setComponentsStorageApiProperty(config, propsStorageApi);
},
/**
* 设置组件的存储接口属性
* @param config 组件配置，必须包含prop属性
* @param storageApiValue 存储接口
*/
setComponentsStorageApiProperty(config, storageApiValue) {
Reflect.set(config.props, PROPS_STORAGE_API, storageApiValue);
}
};
const UIInput = function(text, key, defaultValue, description, changeCallback, placeholder = "", isNumber2, isPassword, afterAddToUListCallBack) {
let result = {
text,
type: "input",
isNumber: Boolean(isNumber2),
isPassword: Boolean(isPassword),
attributes: {},
props: {},
description,
afterAddToUListCallBack,
getValue() {
let storageApiValue = this.props[PROPS_STORAGE_API];
return storageApiValue.get(key, defaultValue);
},
callback(event, value, valueAsNumber) {
let storageApiValue = this.props[PROPS_STORAGE_API];
storageApiValue.set(key, value);
},
placeholder
};
Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
PanelComponents.initComponentsStorageApi(
"input",
result,
{
get(key2, defaultValue2) {
return Panel.getValue(key2, defaultValue2);
},
set(key2, value) {
Panel.setValue(key2, value);
}
}
);
return result;
};
const UISwitch = function(text, key, defaultValue, clickCallback, description, afterAddToUListCallBack) {
let result = {
text,
type: "switch",
description,
attributes: {},
props: {},
getValue() {
let storageApiValue = this.props[PROPS_STORAGE_API];
return Boolean(storageApiValue.get(key, defaultValue));
},
callback(event, __value) {
let value = Boolean(__value);
log.success(`${value ? "开启" : "关闭"} ${text}`);
if (typeof clickCallback === "function") {
let result2 = clickCallback(event, value);
if (result2) {
return;
}
}
let storageApiValue = this.props[PROPS_STORAGE_API];
storageApiValue.set(key, value);
},
afterAddToUListCallBack
};
Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
PanelComponents.initComponentsStorageApi(
"switch",
result,
{
get(key2, defaultValue2) {
return Panel.getValue(key2, defaultValue2);
},
set(key2, value) {
Panel.setValue(key2, value);
}
}
);
return result;
};
class RuleEditView {
option;
constructor(option) {
this.option = option;
}
/**
* 显示视图
*/
async showView() {
let $dialog = __pops.confirm({
title: {
text: this.option.title,
position: "center"
},
content: {
text: (
/*html*/
`
<form class="rule-form-container" onsubmit="return false">
<ul class="rule-form-ulist">
</ul>
<input type="submit" style="display: none;" />
</form>
`
),
html: true
},
btn: utils.assign(
{
ok: {
callback: async () => {
await submitSaveOption();
}
}
},
this.option.btn || {},
true
),
drag: true,
mask: {
enable: true
},
style: (
/*css*/
`
${__pops.config.cssText.panelCSS}
.rule-form-container {
}
.rule-form-container li{
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 20px;
gap: 10px;
}
.rule-form-ulist-dynamic{
--button-margin-top: 0px;
--button-margin-right: 0px;
--button-margin-bottom: 0px;
--button-margin-left: 0px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 5px 0px 5px 20px;
}
.rule-form-ulist-dynamic__inner{
width: 100%;
}
.rule-form-ulist-dynamic__inner-container{
display: flex;
align-items: center;
}
.dynamic-forms{
width: 100%;
}
.pops-panel-item-left-main-text{
max-width: 150px;
}
.pops-panel-item-right-text{
padding-left: 30px;
}
.pops-panel-item-right-text,
.pops-panel-item-right-main-text{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.pops-panel-item-left-desc-text{
line-height: normal;
margin-top: 6px;
font-size: 0.8em;
color: rgb(108, 108, 108);
}
${this.option?.style ?? ""}
`
),
width: typeof this.option.width === "function" ? this.option.width() : window.innerWidth > 500 ? "500px" : "88vw",
height: typeof this.option.height === "function" ? this.option.height() : window.innerHeight > 500 ? "500px" : "80vh"
});
let $form = $dialog.$shadowRoot.querySelector(
".rule-form-container"
);
$dialog.$shadowRoot.querySelector(
"input[type=submit]"
);
let $ulist = $dialog.$shadowRoot.querySelector(".rule-form-ulist");
let view = await this.option.getView(await this.option.data());
$ulist.appendChild(view);
const submitSaveOption = async () => {
let result = await this.option.onsubmit($form, await this.option.data());
if (!result.success) {
return;
}
$dialog.close();
await this.option.dialogCloseCallBack(true);
};
}
}
class RuleFilterView {
option;
constructor(option) {
this.option = option;
}
showView() {
let $alert = __pops.alert({
title: {
text: this.option.title,
position: "center"
},
content: {
text: (
/*html*/
`
<div class="filter-container"></div>
`
)
},
btn: {
ok: {
text: "关闭",
type: "default"
}
},
drag: true,
mask: {
enable: true
},
width: window.innerWidth > 500 ? "350px" : "80vw",
height: window.innerHeight > 500 ? "300px" : "70vh",
style: (
/*css*/
`
.filter-container{
height: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.filter-container button{
text-wrap: wrap;
padding: 8px;
height: auto;
text-align: left;
}
`
)
});
let $filterContainer = $alert.$shadowRoot.querySelector(".filter-container");
let $fragment = document.createDocumentFragment();
this.option.filterOption.forEach((filterOption) => {
let $button = document.createElement("button");
$button.innerText = filterOption.name;
let execFilterAndCloseDialog = async () => {
let allRuleInfo = await this.option.getAllRuleInfo();
allRuleInfo.forEach(async (ruleInfo) => {
let filterResult = await filterOption.filterCallBack(ruleInfo.data);
if (!filterResult) {
domUtils.hide(ruleInfo.$el, false);
} else {
domUtils.show(ruleInfo.$el, false);
}
});
if (typeof this.option.execFilterCallBack === "function") {
await this.option.execFilterCallBack();
}
$alert.close();
};
domUtils.on($button, "click", async (event) => {
utils.preventEvent(event);
if (typeof filterOption.callback === "function") {
let result = await filterOption.callback(
event,
execFilterAndCloseDialog
);
if (!result) {
return;
}
}
await execFilterAndCloseDialog();
});
$fragment.appendChild($button);
});
$filterContainer.appendChild($fragment);
}
}
class RuleView {
option;
constructor(option) {
this.option = option;
}
/**
* 显示视图
* @param filterCallBack 返回值为false隐藏，true则不隐藏（不处理）
*/
async showView(filterCallBack) {
let $popsConfirm = __pops.confirm({
title: {
text: this.option.title,
position: "center"
},
content: {
text: (
/*html*/
`
<div class="rule-view-container">
</div>
`
),
html: true
},
btn: {
merge: true,
reverse: false,
position: "space-between",
ok: {
enable: this.option?.bottomControls?.add?.enable || true,
type: "primary",
text: "添加",
callback: async (event) => {
this.showEditView(
false,
await this.option.getAddData(),
$popsConfirm.$shadowRoot
);
}
},
close: {
enable: true,
callback(event) {
$popsConfirm.close();
}
},
cancel: {
enable: this.option?.bottomControls?.filter?.enable || false,
type: "default",
text: "过滤",
callback: (details, event) => {
if (typeof this.option?.bottomControls?.filter?.callback === "function") {
this.option.bottomControls.filter.callback();
}
let getAllRuleElement = () => {
return Array.from(
$popsConfirm.$shadowRoot.querySelectorAll(
".rule-view-container .rule-item"
)
);
};
let $button = event.target.closest(".pops-confirm-btn").querySelector(".pops-confirm-btn-cancel span");
if (domUtils.text($button).includes("取消")) {
getAllRuleElement().forEach(($el) => {
domUtils.show($el, false);
});
domUtils.text($button, "过滤");
} else {
let ruleFilterView = new RuleFilterView({
title: this.option.bottomControls?.filter?.title ?? "过滤规则",
filterOption: this.option.bottomControls?.filter?.option || [],
execFilterCallBack() {
domUtils.text($button, "取消过滤");
},
getAllRuleInfo: () => {
return getAllRuleElement().map(($el) => {
return {
data: this.parseRuleItemElement($el).data,
$el
};
});
}
});
ruleFilterView.showView();
}
}
},
other: {
enable: this.option?.bottomControls?.clear?.enable || true,
type: "xiaomi-primary",
text: `清空所有(${(await this.option.data()).length})`,
callback: (event) => {
let $askDialog = __pops.confirm({
title: {
text: "提示",
position: "center"
},
content: {
text: "确定清空所有的数据？",
html: false
},
btn: {
ok: {
enable: true,
callback: async (popsEvent) => {
log.success("清空所有");
if (typeof this.option?.bottomControls?.clear?.callback === "function") {
this.option.bottomControls.clear.callback();
}
let data = await this.option.data();
if (data.length) {
Qmsg.error("清理失败");
return;
} else {
Qmsg.success("清理成功");
}
await this.updateDeleteAllBtnText($popsConfirm.$shadowRoot);
this.clearContent($popsConfirm.$shadowRoot);
$askDialog.close();
}
},
cancel: {
text: "取消",
enable: true
}
},
mask: { enable: true },
width: "300px",
height: "200px"
});
}
}
},
mask: {
enable: true
},
width: window.innerWidth > 500 ? "500px" : "88vw",
height: window.innerHeight > 500 ? "500px" : "80vh",
style: (
/*css*/
`
${__pops.config.cssText.panelCSS}
.rule-item{
display: flex;
align-items: center;
line-height: normal;
font-size: 16px;
padding: 4px 8px;
gap: 8px;
}
.rule-name{
flex: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.rule-controls{
display: flex;
align-items: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
gap: 8px;
padding: 0px;
}
.rule-controls-enable{
}
.rule-controls-edit{
}
.rule-controls-delete{
}
.rule-controls-edit,
.rule-controls-delete{
width: 16px;
height: 16px;
cursor: pointer;
}
`
)
});
let allData = await this.option.data();
let changeButtonText = false;
for (let index = 0; index < allData.length; index++) {
let item = allData[index];
let $ruleItemList = await this.appendRuleItemElement(
$popsConfirm.$shadowRoot,
item
);
let flag = typeof filterCallBack === "function" ? filterCallBack(item) : true;
if (!flag) {
changeButtonText = true;
$ruleItemList.forEach(($el) => {
domUtils.hide($el, false);
});
}
}
if (changeButtonText) {
let $button = $popsConfirm.$shadowRoot.querySelector(
".pops-confirm-btn-cancel span"
);
domUtils.text($button, "取消过滤");
}
}
/**
* 显示编辑视图
* @param isEdit 是否是编辑状态
* @param editData 编辑的数据
* @param $parentShadowRoot （可选）关闭弹窗后对ShadowRoot进行操作
* @param $editRuleItemElement （可选）关闭弹窗后对规则行进行更新数据
* @param updateDataCallBack （可选）关闭添加/编辑弹窗的回调（不更新数据）
* @param submitCallBack （可选）添加/修改提交的回调
*/
showEditView(isEdit, editData, $parentShadowRoot, $editRuleItemElement, updateDataCallBack, submitCallBack) {
let dialogCloseCallBack = async (isSubmit) => {
if (isSubmit) {
if (typeof submitCallBack === "function") {
let newData = await this.option.getData(editData);
submitCallBack(newData);
}
} else {
if (!isEdit) {
await this.option.deleteData(editData);
}
if (typeof updateDataCallBack === "function") {
let newData = await this.option.getData(editData);
updateDataCallBack(newData);
}
}
};
let editView = new RuleEditView({
title: isEdit ? "编辑" : "添加",
data: () => {
return editData;
},
dialogCloseCallBack,
getView: async (data) => {
return await this.option.itemControls.edit.getView(data, isEdit);
},
btn: {
ok: {
enable: true,
text: isEdit ? "修改" : "添加"
},
cancel: {
callback: async (detail, event) => {
detail.close();
await dialogCloseCallBack(false);
}
},
close: {
callback: async (detail, event) => {
detail.close();
await dialogCloseCallBack(false);
}
}
},
onsubmit: async ($form, data) => {
let result = await this.option.itemControls.edit.onsubmit(
$form,
isEdit,
data
);
if (result.success) {
if (isEdit) {
Qmsg.success("修改成功");
$parentShadowRoot && await this.updateRuleItemElement(
result.data,
$editRuleItemElement,
$parentShadowRoot
);
} else {
$parentShadowRoot && await this.appendRuleItemElement(
$parentShadowRoot,
result.data
);
}
} else {
if (isEdit) {
log.error("修改失败");
}
}
return result;
},
style: this.option.itemControls.edit.style,
width: this.option.itemControls.edit.width,
height: this.option.itemControls.edit.height
});
editView.showView();
}
/**
* 解析弹窗内的各个元素
*/
parseViewElement($shadowRoot) {
let $container = $shadowRoot.querySelector(
".rule-view-container"
);
let $deleteBtn = $shadowRoot.querySelector(
".pops-confirm-btn button.pops-confirm-btn-other"
);
return {
/** 容器 */
$container,
/** 左下角的清空按钮 */
$deleteBtn
};
}
/**
* 解析每一项的元素
*/
parseRuleItemElement($ruleElement) {
let $enable = $ruleElement.querySelector(
".rule-controls-enable"
);
let $enableSwitch = $enable.querySelector(".pops-panel-switch");
let $enableSwitchInput = $enable.querySelector(
".pops-panel-switch__input"
);
let $enableSwitchCore = $enable.querySelector(
".pops-panel-switch__core"
);
let $edit = $ruleElement.querySelector(".rule-controls-edit");
let $delete = $ruleElement.querySelector(
".rule-controls-delete"
);
return {
/** 启用开关 */
$enable,
/** 启用开关的container */
$enableSwitch,
/** 启用开关的input */
$enableSwitchInput,
/** 启用开关的core */
$enableSwitchCore,
/** 编辑按钮 */
$edit,
/** 删除按钮 */
$delete,
/** 存储在元素上的数据 */
data: Reflect.get($ruleElement, "data-rule")
};
}
/**
* 创建一条规则元素
*/
async createRuleItemElement(data, $shadowRoot) {
let name = await this.option.getDataItemName(data);
let $ruleItem = domUtils.createElement("div", {
className: "rule-item",
innerHTML: (
/*html*/
`
<div class="rule-name">${name}</div>
<div class="rule-controls">
<div class="rule-controls-enable">
<div class="pops-panel-switch">
<input class="pops-panel-switch__input" type="checkbox">
<span class="pops-panel-switch__core">
<div class="pops-panel-switch__action">
</div>
</span>
</div>
</div>
<div class="rule-controls-edit">
${__pops.config.iconSVG.edit}
</div>
<div class="rule-controls-delete">
${__pops.config.iconSVG.delete}
</div>
</div>
`
)
});
Reflect.set($ruleItem, "data-rule", data);
let switchCheckedClassName = "pops-panel-switch-is-checked";
const {
$enable,
$enableSwitch,
$enableSwitchCore,
$enableSwitchInput,
$delete,
$edit
} = this.parseRuleItemElement($ruleItem);
if (this.option.itemControls.enable.enable) {
domUtils.on($enableSwitchCore, "click", async (event) => {
let isChecked = false;
if ($enableSwitch.classList.contains(switchCheckedClassName)) {
$enableSwitch.classList.remove(switchCheckedClassName);
isChecked = false;
} else {
$enableSwitch.classList.add(switchCheckedClassName);
isChecked = true;
}
$enableSwitchInput.checked = isChecked;
await this.option.itemControls.enable.callback(data, isChecked);
});
if (await this.option.itemControls.enable.getEnable(data)) {
$enableSwitch.classList.add(switchCheckedClassName);
}
} else {
$enable.remove();
}
if (this.option.itemControls.edit.enable) {
domUtils.on($edit, "click", (event) => {
utils.preventEvent(event);
this.showEditView(true, data, $shadowRoot, $ruleItem, (newData) => {
data = null;
data = newData;
});
});
} else {
$edit.remove();
}
if (this.option.itemControls.delete.enable) {
domUtils.on($delete, "click", (event) => {
utils.preventEvent(event);
let $askDialog = __pops.confirm({
title: {
text: "提示",
position: "center"
},
content: {
text: "确定删除该条数据？",
html: false
},
btn: {
ok: {
enable: true,
callback: async (popsEvent) => {
log.success("删除数据");
let flag = await this.option.itemControls.delete.deleteCallBack(
data
);
if (flag) {
Qmsg.success("成功删除该数据");
$ruleItem.remove();
await this.updateDeleteAllBtnText($shadowRoot);
$askDialog.close();
} else {
Qmsg.error("删除该数据失败");
}
}
},
cancel: {
text: "取消",
enable: true
}
},
mask: {
enable: true
},
width: "300px",
height: "200px"
});
});
} else {
$delete.remove();
}
return $ruleItem;
}
/**
* 添加一个规则元素
*/
async appendRuleItemElement($shadowRoot, data) {
let { $container } = this.parseViewElement($shadowRoot);
let $ruleItem = [];
let iteratorData = Array.isArray(data) ? data : [data];
for (let index = 0; index < iteratorData.length; index++) {
let item = iteratorData[index];
let $item = await this.createRuleItemElement(item, $shadowRoot);
$container.appendChild($item);
$ruleItem.push($item);
}
await this.updateDeleteAllBtnText($shadowRoot);
return $ruleItem;
}
/**
* 更新弹窗内容的元素
*/
async updateRuleContaienrElement($shadowRoot) {
this.clearContent($shadowRoot);
const { $container } = this.parseViewElement($shadowRoot);
let data = await this.option.data();
await this.appendRuleItemElement($shadowRoot, data);
await this.updateDeleteAllBtnText($shadowRoot);
}
/**
* 更新规则元素
*/
async updateRuleItemElement(data, $oldRuleItem, $shadowRoot) {
let $newRuleItem = await this.createRuleItemElement(data, $shadowRoot);
$oldRuleItem.after($newRuleItem);
$oldRuleItem.remove();
}
/**
* 清空内容
*/
clearContent($shadowRoot) {
const { $container } = this.parseViewElement($shadowRoot);
domUtils.html($container, "");
}
/**
* 设置删除按钮的文字
*/
setDeleteBtnText($shadowRoot, text, isHTML = false) {
const { $deleteBtn } = this.parseViewElement($shadowRoot);
if (isHTML) {
domUtils.html($deleteBtn, text);
} else {
domUtils.text($deleteBtn, text);
}
}
/**
* 更新【清空所有】的按钮的文字
* @param $shadowRoot
*/
async updateDeleteAllBtnText($shadowRoot) {
let data = await this.option.data();
this.setDeleteBtnText($shadowRoot, `清空所有(${data.length})`);
}
}
const TiebaUniAppCommentFilter = {
$key: {
STORAGE_KEY: "baidu-tieba-uni-app-comment-filter-rule"
},
init() {
this.execFilter();
},
/**
* 执行过滤
*/
execFilter() {
let filterRule = this.getData();
if (!filterRule.length) {
return;
}
log.success(`评论过滤器-启动！`);
let lockFn = new utils.LockFunction(() => {
let $commentGroupList = Array.from(
$$("uni-app .comment-group")
);
$commentGroupList.forEach(($commentGroup) => {
let vueIns = VueUtils.getVue($commentGroup);
if (!vueIns) {
return;
}
const sectionData = vueIns?.sectionData;
if (!Array.isArray(sectionData)) {
return;
}
for (let sectionDataIndex = 0; sectionDataIndex < sectionData.length; sectionDataIndex++) {
const commentInfo = sectionData[sectionDataIndex];
const commentData = {
/** 用户id */
author_id: (commentInfo?.author_id || commentInfo?.author?.id).toString(),
/** 用户显示的名字 */
nameShow: commentInfo?.author?.name_show,
/** 用户发布的内容 */
content: "",
/** 楼层 */
floor: commentInfo?.floor
};
if (Array.isArray(commentInfo.content)) {
commentInfo.content.forEach((item) => {
if (item.type === 0 && typeof item.text === "string") {
commentData.content += item.text;
}
});
}
let findRule = filterRule.find((rule) => {
if (!rule.enable) {
return;
}
let flag = true;
if (rule.author_id.trim() !== "") {
flag = flag && commentData.author_id == rule.author_id;
}
if (rule.author_nameShow.trim() !== "") {
flag = flag && typeof commentData.nameShow === "string" && Boolean(
commentData.nameShow.match(new RegExp(rule.author_nameShow))
);
}
if (rule.content.trim() !== "") {
flag = flag && commentData.content !== "" && Boolean(commentData.content.match(new RegExp(rule.content)));
}
return flag;
});
if (findRule) {
Array.from(
$commentGroup.querySelectorAll(".comment-item")
).find(($commentItem, elIndex) => {
if (elIndex === sectionDataIndex) {
if (!$commentItem.hasAttribute("data-hide")) {
$commentItem.setAttribute("data-hide", "");
domUtils.hide($commentItem, false);
log.success(`过滤评论`, findRule, commentData);
}
return true;
}
});
}
}
});
});
utils.mutationObserver(document, {
config: {
subtree: true,
childList: true
},
callback: () => {
lockFn.run();
}
});
},
/**
* 显示视图
*/
showView() {
let panelHandlerComponents = __pops.config.PanelHandlerComponents();
function generateStorageApi(data) {
return {
get(key, defaultValue) {
return data[key] ?? defaultValue;
},
set(key, value) {
data[key] = value;
}
};
}
let ruleView = new RuleView({
title: "评论过滤器",
data: () => {
return this.getData();
},
getAddData: () => {
return this.getTemplateData();
},
getDataItemName: (data) => {
return data["name"];
},
updateData: (data) => {
return this.updateData(data);
},
deleteData: (data) => {
return this.deleteData(data);
},
getData: (data) => {
let allData = this.getData();
let findValue = allData.find((item) => item.uuid === data.uuid);
return findValue ?? data;
},
itemControls: {
enable: {
enable: true,
getEnable(data) {
return data.enable;
},
callback: (data, enable) => {
data.enable = enable;
this.updateData(data);
}
},
edit: {
enable: true,
getView: (data, isEdit) => {
let $fragment = document.createDocumentFragment();
if (!isEdit) {
data = this.getTemplateData();
}
let enable_template = UISwitch("启用", "enable", true);
Reflect.set(
enable_template.props,
PROPS_STORAGE_API,
generateStorageApi(data)
);
let $enable = panelHandlerComponents.createSectionContainerItem_switch(
enable_template
);
let name_template = UIInput(
"规则名称",
"name",
"",
"",
void 0,
"必填"
);
Reflect.set(
name_template.props,
PROPS_STORAGE_API,
generateStorageApi(data)
);
let $name = panelHandlerComponents.createSectionContainerItem_input(
name_template
);
let author_id_template = UIInput(
"用户id",
"author_id",
"",
"",
void 0,
"完全匹配"
);
Reflect.set(
author_id_template.props,
PROPS_STORAGE_API,
generateStorageApi(data)
);
let $author_id = panelHandlerComponents.createSectionContainerItem_input(
author_id_template
);
let author_nameShow_template = UIInput(
"用户名",
"author_nameShow",
"",
"",
void 0,
"可正则，注意转义"
);
Reflect.set(
author_nameShow_template.props,
PROPS_STORAGE_API,
generateStorageApi(data)
);
let $author_nameShow = panelHandlerComponents.createSectionContainerItem_input(
author_nameShow_template
);
let content_template = UIInput("内容", "content", "", "");
Reflect.set(
content_template.props,
PROPS_STORAGE_API,
generateStorageApi(data)
);
let $content = panelHandlerComponents.createSectionContainerItem_input(
content_template
);
$fragment.append(
$enable,
$name,
$author_id,
$author_nameShow,
$content
);
return $fragment;
},
onsubmit: ($form, isEdit, editData) => {
let $ulist_li = $form.querySelectorAll(
".rule-form-ulist > li"
);
let data = this.getTemplateData();
if (isEdit) {
data.uuid = editData.uuid;
}
$ulist_li.forEach(($li) => {
let formConfig = Reflect.get($li, "__formConfig__");
let attrs = Reflect.get(formConfig, "attributes");
let storageApi = Reflect.get($li, PROPS_STORAGE_API);
let key = Reflect.get(attrs, ATTRIBUTE_KEY);
let defaultValue = Reflect.get(attrs, ATTRIBUTE_DEFAULT_VALUE);
let value = storageApi.get(key, defaultValue);
if (Reflect.has(data, key)) {
Reflect.set(data, key, value);
} else {
log.error(`${key}不在数据中`);
}
});
if (data.name.trim() === "") {
Qmsg.error("规则名称不能为空");
return {
success: false,
data
};
}
if (data.author_id.trim() === "" && data.author_nameShow.trim() === "" && data.content.trim() === "") {
Qmsg.error("用户id、用户名、内容必须填一个");
return {
success: false,
data
};
}
if (isEdit) {
return {
success: this.updateData(data),
data
};
} else {
return {
success: this.addData(data),
data
};
}
},
style: (
/*css*/
`
.pops-panel-textarea textarea{
height: 150px;
}
`
)
},
delete: {
enable: true,
deleteCallBack: (data) => {
return this.deleteData(data);
}
}
},
bottomControls: {
filter: {
enable: true,
option: [
{
name: "过滤已启用",
filterCallBack(data) {
return data.enable;
}
},
{
name: "过滤未启用",
filterCallBack(data) {
return !data.enable;
}
}
]
}
}
});
ruleView.showView();
},
/**
* 获取模板数据
*/
getTemplateData() {
return {
uuid: utils.generateUUID(),
enable: true,
name: "",
author_id: "",
author_nameShow: "",
content: ""
};
},
/**
* 获取数据
*/
getData() {
return _GM_getValue(this.$key.STORAGE_KEY, []);
},
/**
* 设置数据
* @param data
*/
setData(data) {
_GM_setValue(this.$key.STORAGE_KEY, data);
},
/**
* 添加数据
* @param data
*/
addData(data) {
let localData = this.getData();
let findIndex = localData.findIndex((item) => item.uuid == data.uuid);
if (findIndex === -1) {
localData.push(data);
_GM_setValue(this.$key.STORAGE_KEY, localData);
return true;
} else {
return false;
}
},
/**
* 更新数据
* @param data
*/
updateData(data) {
let localData = this.getData();
let index = localData.findIndex((item) => item.uuid == data.uuid);
let updateFlag = false;
if (index !== -1) {
updateFlag = true;
localData[index] = data;
}
this.setData(localData);
return updateFlag;
},
/**
* 删除数据
* @param data
*/
deleteData(data) {
let localData = this.getData();
let index = localData.findIndex((item) => item.uuid == data.uuid);
let deleteFlag = false;
if (index !== -1) {
deleteFlag = true;
localData.splice(index, 1);
}
this.setData(localData);
return deleteFlag;
},
/**
* 清空数据
*/
clearData() {
_GM_deleteValue(this.$key.STORAGE_KEY);
}
};
const UITextArea = function(text, key, defaultValue, description, changeCallback, placeholder = "", disabled) {
let result = {
text,
type: "textarea",
attributes: {},
props: {},
description,
placeholder,
disabled,
getValue() {
let storageApiValue = this.props[PROPS_STORAGE_API];
let value = storageApiValue.get(key, defaultValue);
if (Array.isArray(value)) {
return value.join("\n");
}
return value;
},
callback(event, value) {
let storageApiValue = this.props[PROPS_STORAGE_API];
storageApiValue.set(key, value);
}
};
Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
PanelComponents.initComponentsStorageApi(
"switch",
result,
{
get(key2, defaultValue2) {
return Panel.getValue(key2, defaultValue2);
},
set(key2, value) {
Panel.setValue(key2, value);
}
}
);
return result;
};
const TiebaUniAppComponentDetectionRule = {
$data: {
/** 白名单用户id */
whiteList: [],
/** 规则数据 */
ruleData: []
},
$key: {
STORAGE_KEY: "tieba-componentDetection-rule"
},
/** 初始化数据 */
init() {
this.$data.whiteList = [];
this.$data.ruleData = [];
let allData = this.getData();
allData.forEach((data) => {
if (!data.enable) {
return;
}
this.$data.ruleData.push(data);
});
},
/**
* 显示视图
*/
showView() {
let panelHandlerComponents = __pops.config.PanelHandlerComponents();
function generateStorageApi(data, handler) {
return {
get(key, defaultValue) {
return data[key] ?? defaultValue;
},
set(key, value) {
data[key] = value;
}
};
}
let ruleView = new RuleView({
title: "成分检测",
data: () => {
return this.getData();
},
getAddData: () => {
return this.getTemplateData();
},
getDataItemName: (data) => {
return data["name"];
},
updateData: (data) => {
return this.updateData(data);
},
deleteData: (data) => {
return this.deleteData(data);
},
getData: (data) => {
let allData = this.getData();
let findValue = allData.find((item) => item.uuid === data.uuid);
return findValue ?? data;
},
itemControls: {
enable: {
enable: true,
getEnable(data) {
return data.enable;
},
callback: (data, enable) => {
data.enable = enable;
this.updateData(data);
}
},
edit: {
enable: true,
getView: (data, isEdit) => {
let $fragment = document.createDocumentFragment();
let templateData = this.getTemplateData();
if (!isEdit) {
data = templateData;
}
let enable_template = UISwitch(
"启用",
"enable",
templateData.enable
);
Reflect.set(
enable_template.props,
PROPS_STORAGE_API,
generateStorageApi(data)
);
let $enable = panelHandlerComponents.createSectionContainerItem_switch(
enable_template
);
let name_template = UIInput(
"规则名称",
"name",
"",
templateData.name,
void 0,
"必填"
);
Reflect.set(
name_template.props,
PROPS_STORAGE_API,
generateStorageApi(data)
);
let $name = panelHandlerComponents.createSectionContainerItem_input(
name_template
);
let isShowDisplayName_template = UISwitch(
"是否显示标签名称",
"isShowDisplayName",
templateData.data.isShowDisplayName
);
Reflect.set(
isShowDisplayName_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $isShowDisplayName = panelHandlerComponents.createSectionContainerItem_switch(
isShowDisplayName_template
);
let displayName_template = UIInput(
"标签名称",
"displayName",
templateData.data.displayName,
""
);
Reflect.set(
displayName_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $displayName = panelHandlerComponents.createSectionContainerItem_input(
displayName_template
);
let isShowDisplayIcon_template = UISwitch(
"是否显示标签图标",
"isShowDisplayIcon",
templateData.data.isShowDisplayIcon,
void 0,
""
);
Reflect.set(
isShowDisplayIcon_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $isShowDisplayIcon = panelHandlerComponents.createSectionContainerItem_switch(
isShowDisplayIcon_template
);
let displayIcon_template = UIInput(
"标签图标",
"displayIcon",
templateData.data.displayIcon,
"Url或base64"
);
Reflect.set(
displayIcon_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $displayIcon = panelHandlerComponents.createSectionContainerItem_input(
displayIcon_template
);
let keywords_template = UITextArea(
"关键词",
"keywords",
"",
"用于匹配发布的帖子的标题、内容",
void 0,
"多个关键词换行"
);
Reflect.set(keywords_template.props, PROPS_STORAGE_API, {
get(key, defaultValue) {
let value = data.data[key] ?? defaultValue;
if (typeof value === "string") {
return value.split("\n");
}
return value;
},
set(key, value) {
if (typeof value === "string") {
value = value.split("\n");
}
data.data[key] = value;
}
});
let $keywords = panelHandlerComponents.createSectionContainerItem_textarea(
keywords_template
);
let followings_template = UITextArea(
"关注的用户",
"followings",
"",
"",
void 0,
"多个用户portrait换行"
);
Reflect.set(followings_template.props, PROPS_STORAGE_API, {
get(key, defaultValue) {
let value = data.data[key] ?? defaultValue;
if (typeof value === "string") {
return value.split("\n");
}
return value;
},
set(key, value) {
if (typeof value === "string") {
value = value.split("\n");
}
data.data[key] = value;
}
});
let $followings = panelHandlerComponents.createSectionContainerItem_textarea(
followings_template
);
let followingForums_template = UITextArea(
"关注的吧",
"followingForums",
"",
"",
void 0,
"多个吧名换行"
);
Reflect.set(followingForums_template.props, PROPS_STORAGE_API, {
get(key, defaultValue) {
let value = data.data[key] ?? defaultValue;
if (typeof value === "string") {
return value.split("\n");
}
return value;
},
set(key, value) {
if (typeof value === "string") {
value = value.split("\n");
}
data.data[key] = value;
}
});
let $followingForums = panelHandlerComponents.createSectionContainerItem_textarea(
followingForums_template
);
let blacklist_template = UITextArea(
"黑名单",
"blacklist",
"",
"",
void 0,
"多个用户id/portrait换行"
);
Reflect.set(blacklist_template.props, PROPS_STORAGE_API, {
get(key, defaultValue) {
let value = data.data[key] ?? defaultValue;
if (typeof value === "string") {
return value.split("\n");
}
return value;
},
set(key, value) {
if (typeof value === "string") {
value = value.split("\n");
}
data.data[key] = value;
}
});
let $blacklist = panelHandlerComponents.createSectionContainerItem_textarea(
blacklist_template
);
$fragment.append(
$enable,
$name,
$isShowDisplayName,
$displayName,
$isShowDisplayIcon,
$displayIcon,
$keywords,
$followings,
$followingForums,
$blacklist
);
return $fragment;
},
onsubmit: ($form, isEdit, editData) => {
let $ulist_li = $form.querySelectorAll(
".rule-form-ulist > li"
);
let data = this.getTemplateData();
if (isEdit) {
data.uuid = editData.uuid;
}
try {
$ulist_li.forEach(($li) => {
let formConfig = Reflect.get($li, "__formConfig__");
let attrs = Reflect.get(formConfig, "attributes");
let storageApi = Reflect.get($li, PROPS_STORAGE_API);
let key = Reflect.get(attrs, ATTRIBUTE_KEY);
let defaultValue = Reflect.get(attrs, ATTRIBUTE_DEFAULT_VALUE);
let value = storageApi.get(key, defaultValue);
if (Reflect.has(data, key)) {
Reflect.set(data, key, value);
} else if (Reflect.has(data.data, key)) {
Reflect.set(data.data, key, value);
} else {
log.error(`${key}不在数据中`);
}
});
if (data.name.trim() === "") {
Qmsg.error("规则名称不能为空");
return {
success: false,
data
};
}
if (isEdit) {
return {
success: this.updateData(data),
data
};
} else {
return {
success: this.addData(data),
data
};
}
} catch (error) {
log.error(error);
return {
success: false,
data
};
} finally {
this.init();
}
},
style: (
/*css*/
`
.pops-panel-textarea textarea{
height: 150px;
}
.pops-panel-item-left-desc-text{
line-height: normal;
margin-top: 6px;
font-size: 0.8em;
color: rgb(108, 108, 108);
max-width: 100px;
}
`
)
},
delete: {
enable: true,
deleteCallBack: (data) => {
return this.deleteData(data);
}
}
}
});
ruleView.showView();
},
/**
* 获取模板数据
*/
getTemplateData() {
return {
uuid: utils.generateUUID(),
enable: true,
name: "",
data: {
isShowDisplayIcon: true,
displayIcon: "",
isShowDisplayName: true,
displayName: "",
keywords: [],
blacklist: [],
followings: [],
followingForums: []
}
};
},
/**
* 获取数据
*/
getData() {
return _GM_getValue(this.$key.STORAGE_KEY, []);
},
/**
* 设置数据
* @param data
*/
setData(data) {
_GM_setValue(this.$key.STORAGE_KEY, data);
},
/**
* 添加数据
* @param data
*/
addData(data) {
let localData = this.getData();
let findIndex = localData.findIndex((item) => item.uuid == data.uuid);
if (findIndex === -1) {
localData.push(data);
_GM_setValue(this.$key.STORAGE_KEY, localData);
return true;
} else {
return false;
}
},
/**
* 更新数据
* @param data
*/
updateData(data) {
let localData = this.getData();
let index = localData.findIndex((item) => item.uuid == data.uuid);
let updateFlag = false;
if (index !== -1) {
updateFlag = true;
localData[index] = data;
}
this.setData(localData);
return updateFlag;
},
/**
* 删除数据
* @param data
*/
deleteData(data) {
let localData = this.getData();
let index = localData.findIndex((item) => item.uuid == data.uuid);
let deleteFlag = false;
if (index !== -1) {
deleteFlag = true;
localData.splice(index, 1);
}
this.setData(localData);
return deleteFlag;
},
/**
* 清空数据
*/
clearData() {
_GM_deleteValue(this.$key.STORAGE_KEY);
},
/**
* 导出规则
*/
exportRule(fileName = "rule.json") {
let allRule = this.getData();
let blob = new Blob([JSON.stringify(allRule, null, 4)]);
let blobUrl = window.URL.createObjectURL(blob);
let $a = document.createElement("a");
$a.href = blobUrl;
$a.download = fileName;
$a.click();
setTimeout(() => {
window.URL.revokeObjectURL(blobUrl);
}, 1500);
},
/**
* 导入规则
*/
importRule() {
let $alert = __pops.alert({
title: {
text: "请选择导入方式",
position: "center"
},
content: {
text: (
/*html*/
`
<div class="import-mode" data-mode="local">本地导入</div>
<div class="import-mode" data-mode="network">网络导入</div>
`
),
html: true
},
width: PanelUISize.info.width,
height: PanelUISize.info.height,
style: (
/*css*/
`
.import-mode{
display: inline-block;
margin: 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
}
`
)
});
let $local = $alert.$shadowRoot.querySelector(
".import-mode[data-mode='local']"
);
let $network = $alert.$shadowRoot.querySelector(
".import-mode[data-mode='network']"
);
domUtils.on($local, "click", (event) => {
utils.preventEvent(event);
$alert.close();
let $input = domUtils.createElement("input", {
type: "file",
accept: ".json"
});
domUtils.on($input, ["propertychange", "input"], (event2) => {
if (!$input.files?.length) {
return;
}
let uploadFile = $input.files[0];
let fileReader = new FileReader();
fileReader.onload = () => {
let data = utils.toJSON(fileReader.result);
if (!Array.isArray(data)) {
log.error("不是正确的规则文件", data);
Qmsg.error("不是正确的规则文件");
return;
}
this.setData(data);
Qmsg.success(`成功导入 ${data.length}条规则`);
};
fileReader.readAsText(uploadFile, "UTF-8");
});
$input.click();
});
domUtils.on($network, "click", (event) => {
utils.preventEvent(event);
$alert.close();
__pops.prompt({
title: {
text: "网络导入",
position: "center"
},
content: {
text: "",
placeholder: "url",
focus: true
},
btn: {
ok: {
callback: async (eventDetails, event2) => {
let url = eventDetails.text;
if (utils.isNull(url)) {
Qmsg.error("请填入完整的url");
return;
}
let response = await httpx.get(url);
if (!response.status) {
return;
}
let data = utils.toJSON(response.data.responseText);
if (!Array.isArray(data)) {
log.error("不是正确的规则文件", response, data);
Qmsg.error("不是正确的规则文件");
return;
}
this.setData(data);
eventDetails.close();
Qmsg.success(`成功导入 ${data.length}条规则`);
}
}
},
width: PanelUISize.info.width,
height: "auto"
});
});
}
};
const TiebaHomeApi = {
/**
* 获取某个用户的关注的吧信息
* User-Agent默认为移动端
* @param un 用户名，不是show_nickname|nameshow
* @param pn 第xx页
*/
async getConcern(un, pn = 1) {
let gbkEncoder = new utils.GBKEncoder();
un = gbkEncoder.encode(un.toString());
let response = await httpx.get(`https://tieba.baidu.com/home/concern`, {
data: {
un,
is_ajax: 1,
lp: "home_main_concern_more",
pn
},
processData: true,
fetch: utils.isWebView_Via(),
headers: {
"User-Agent": utils.getRandomAndroidUA()
}
});
if (!response.status) {
return;
}
let data = utils.toJSON(response.data.responseText);
if (data.no != 0) {
return;
}
if (utils.isNull(data.data.content)) {
return;
}
let $doc = domUtils.parseHTML(data.data.content, true, true);
let resultDataList = [];
$doc.querySelectorAll(".home_concern_forum_item").forEach(($li) => {
let $url = $li.querySelector(
"a.home_concern_forum_item_link"
);
let url = $url.href;
let forumName = $url.getAttribute("data-start-app-param");
let $level = $li.querySelector(
".home_concern_forum_info .level"
);
let level = parseInt($level.innerText);
if (isNaN(level)) {
level = 0;
}
$li.querySelector(
".home_concern_forum_intro"
);
let intro = domUtils.text(
$li.querySelector(".post_abstract_text")
);
resultDataList.push({
url,
forumName,
level,
intro
});
});
let result = {
data: resultDataList,
has_more: data.data.page.has_more
};
log.info("获取用户的关注的吧信息", result);
return result;
},
/**
* 获取用户关注的人
* @param un 用户名，不是show_nickname|nameshow
* @param offset 根据page_size的偏移，一般是page_size的n倍
* @param page_size 限制返回的数量
* @returns
*/
async getFollow(un, offset = 12, page_size = 12) {
let response = await httpx.get(`https://tieba.baidu.com/mo/q/follow`, {
data: {
un,
lp: "home_main_follow_more",
is_ajax: 1,
offset,
rn: page_size
},
processData: true,
fetch: utils.isWebView_Via(),
headers: {
"User-Agent": utils.getRandomAndroidUA()
}
});
if (!response.status) {
return;
}
let data = utils.toJSON(response.data.responseText);
if (data.no != 0) {
return;
}
if (utils.isNull(data.data.content)) {
return;
}
let $doc = domUtils.parseHTML(data.data.content, true, true);
let resultDataList = [];
$doc.querySelectorAll(".uloader_grid_item_user").forEach(($url) => {
let url = $url.href;
let $userName = $url.querySelector(".uloader_user_name");
let userName = $userName.innerText;
let $avatar = $url.querySelector(
".uloader_user_portrait"
);
let avatar = $avatar.style.backgroundImage.replace(/^url\("/, "").replace(/"\)$/, "");
let portrait = new URL(avatar).pathname.split("/").pop();
resultDataList.push({
url,
userName,
avatar,
portrait
});
});
let result = {
data: resultDataList,
has_next: data.data.page.has_next
};
log.info("获取用户关注的人", result);
return result;
},
/**
* 获取用户的粉丝
* @param un 用户名，不是show_nickname|nameshow，是userName
* @param offset 根据page_size的偏移，一般是page_size的n倍
* @param page_size 限制返回的数量
* @returns
*/
async getFans(un, offset = 12, page_size = 12) {
let response = await httpx.get(`https://tieba.baidu.com/mo/q/fans`, {
data: {
un,
lp: "home_main_fans_more",
is_ajax: 1,
offset,
rn: page_size
},
processData: true,
fetch: utils.isWebView_Via(),
headers: {
"User-Agent": utils.getRandomAndroidUA()
}
});
if (!response.status) {
return;
}
let data = utils.toJSON(response.data.responseText);
if (data.no != 0) {
return;
}
if (utils.isNull(data.data.content)) {
return;
}
let $doc = domUtils.parseHTML(data.data.content, true, true);
let resultDataList = [];
$doc.querySelectorAll(".uloader_grid_item_user").forEach(($url) => {
let url = $url.href;
let $userName = $url.querySelector(".uloader_user_name");
let userName = $userName.innerText;
let $avatar = $url.querySelector(
".uloader_user_portrait"
);
let avatar = $avatar.style.backgroundImage.replace(/^url\("/, "").replace(/"\)$/, "");
let portrait = new URL(avatar).pathname.split("/").pop();
resultDataList.push({
url,
userName,
avatar,
portrait
});
});
let result = {
data: resultDataList,
has_next: data.data.page.has_next
};
log.info("获取用户的粉丝", result);
return result;
},
/**
* 获取发布的帖子
* @param un 用户名，不是show_nickname|nameshow，是userName
* @param pn 第xx页
*/
async getPost(un, pn = 1) {
let response = await httpx.get(`https://tieba.baidu.com/home/post`, {
fetch: utils.isWebView_Via(),
data: {
un,
is_ajax: 1,
lp: "home_main_thread_more",
pn
},
processData: true,
headers: {
Accept: "application/json",
"User-Agent": utils.getRandomAndroidUA(),
"x-requested-with": "XMLHttpRequest"
}
});
if (!response.status) {
return;
}
let data = utils.toJSON(response.data.responseText);
if (data.no != 0) {
return;
}
if (utils.isNull(data.data.content)) {
return;
}
let $doc = domUtils.parseHTML(data.data.content, true, true);
let resultDataList = [];
$doc.querySelectorAll(".list_item").forEach(($listItem) => {
let url = $listItem.querySelector(".list_item_link").href;
let replyContent = domUtils.text(
$listItem.querySelector(".reply_body_text")
);
let title = domUtils.text(
$listItem.querySelector(".post_list_item_title")
);
let content = domUtils.text(
$listItem.querySelector(".post_abstract_text")
);
let forumName = domUtils.text(
$listItem.querySelector(".post_list_item_info_forum")
);
forumName = forumName.replace(/吧$/, "");
let time = domUtils.text(
$listItem.querySelector(".post_list_item_info_time")
);
resultDataList.push({
url,
replyContent,
title,
content,
forumName,
time
});
});
let result = {
data: resultDataList,
has_more: data.data.page.has_more
};
log.info("获取用户的发帖信息", result);
return result;
}
};
const TiebaUniAppComponentDetection = {
$data: {
/** 查询图标svg */
searchIcon: (
/*html*/
`
<svg viewBox="0 0 24 24" fill="none">
<path d="M15.7955 15.8111L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
`
)
},
init() {
log.info(`成分检测`);
TiebaUniAppComponentDetectionRule.init();
addStyle$1(
/*css*/
`
.composition-checkable{
padding: 4px 0px;
}
.composition-checkable,
.composition-checked{
display: inline-flex;
vertical-align: middle;
flex-wrap: wrap;
align-items: center;
}
/* 查询按钮 */
.composition-checkable .composition-badge-control {
display: inline-flex;
justify-content: center;
align-items: center;
width: fit-content;
height: fit-content;
background: #574AB830;
border-radius: 8px;
margin: 0 0 0 6px;
font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
}
.composition-checkable .composition-name-control {
color: #7367F0;
padding: 2px 8px;
font-size: 14px;
display: flex;
align-items: center;
height: 20px;
line-height: normal;
}
.composition-checkable .composition-name-control svg {
vertical-align: middle;
width: 16px;
height: 16px;
}
/* ↑查询按钮 */
/* 标签按钮 */
.composition-checked .composition-badge {
display: inline-flex;
justify-content: center;
align-items: center;
width: fit-content;
background: #574AB825;
border-radius: 10px;
margin: 0 6px 0 6px;
font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
font-weight: normal;
cursor: pointer;
}
.composition-checked .composition-name {
color: #574AB8;
padding: 2px 8px;
font-size: 14px;
line-height: 14px;
}
.composition-checked .composition-icon {
color: #574AB8 !important;
background: transparent !important;
border-radius: 50% !important;
width: 20px !important;
height: 20px !important;
border: 2px solid #574AB880 !important;
margin: -6px;
display: flex !important;
justify-content: center !important;
align-items: center !important;
font-size: 16px !important;
}
.composition-checked .composition-badge > *:first-child{
margin-left: 6px;
}
.composition-checked .composition-badge > *:last-child{
margin-right: 6px;
}
.composition-checked .composition-badge .composition-icon,
.composition-checked .composition-badge .composition-name{
margin: 0;
white-space: nowrap;
}
`
);
addStyle$1(
/*css*/
`
`
);
domUtils.ready(() => {
let lockFn = new utils.LockFunction(async () => {
$$(
".pb-comment-item .player-info:not([data-is-inject-search-label]):has(.user-info-degrade)"
).forEach(($replyItem) => {
$replyItem.setAttribute("data-is-inject-search-label", "");
let { $container, $compositionNameControl } = this.createSearchButton(
() => {
$replyItem.closest(".pb-comment-item");
let $userInfoDegrade = $replyItem.querySelector(".user-info-degrade");
let vueIns = VueUtils.getVue($userInfoDegrade);
if (!vueIns) {
throw new TypeError("获取vue属性失败");
}
let nameShow = vueIns?.nameInfo?.text;
if (nameShow == null) {
throw new TypeError("获取nameShow失败");
}
let sectionData = vueIns?.$parent?.sectionData;
if (!Array.isArray(sectionData)) {
throw new TypeError("获取sectionData失败");
}
let findValue = sectionData.find(
(item) => item?.author?.name_show === nameShow
);
if (!findValue) {
throw new TypeError("获取对应的用户信息失败");
}
return {
id: findValue?.author?.id,
portrait: findValue?.author?.portrait,
name_show: findValue?.author?.name_show
};
}
);
domUtils.append($replyItem, $container);
});
$$(
".pb-comment-item-container .player-info:not([data-is-inject-search-label]):has(:not(.user-info-degrade))"
).forEach(($replyItem) => {
$replyItem.setAttribute("data-is-inject-search-label", "");
let { $container, $compositionNameControl } = this.createSearchButton(
() => {
let $pbCommentItemContainer = $replyItem.closest(
".pb-comment-item-container"
);
if (!$pbCommentItemContainer) {
throw new TypeError("获取$pbCommentItemContainer失败");
}
let vueIns = VueUtils.getVue($pbCommentItemContainer);
if (!vueIns) {
throw new TypeError("获取vue属性失败");
}
let commentData = vueIns?.commentData;
if (!commentData) {
throw new TypeError("获取commentData失败");
}
return {
id: commentData?.author?.id,
portrait: commentData?.author?.portrait,
name_show: commentData?.author?.name_show
};
}
);
domUtils.append($replyItem, $container);
});
});
utils.mutationObserver(document, {
config: {
subtree: true,
childList: true
},
immediate: true,
callback: () => {
lockFn.run();
}
});
});
},
/**
* 查询用户所有的信息
*
* 即提取需要判断的信息
* @param userName
*/
async queryUserAllInfo(userName) {
let allFollowingData = [];
let followPageSize = 12;
let followOffset = followPageSize * 1;
let followMaxCount = 10;
let followCount = 0;
while (true) {
let followingData = await TiebaHomeApi.getFollow(
userName,
followOffset,
followPageSize
);
if (!followingData) {
break;
}
allFollowingData.push(...followingData.data);
if (followCount >= followMaxCount) {
break;
}
if (!followingData.has_next) {
break;
}
followOffset += followPageSize;
followCount++;
await utils.sleep(150);
}
let allConcernData = [];
let concernPN = 1;
let concernMaxCount = 10;
let concernCount = 0;
while (true) {
let concernData = await TiebaHomeApi.getConcern(userName, concernPN);
if (!concernData) {
break;
}
allConcernData.push(...concernData.data);
if (concernCount > concernMaxCount) {
break;
}
if (!concernData.has_more) {
break;
}
concernPN++;
concernCount++;
await utils.sleep(150);
}
let allPostData = [];
let postMaxPN = 10;
let postPN = 1;
while (true) {
let postData = await TiebaHomeApi.getPost(userName, postPN);
if (!postData) {
break;
}
allPostData.push(...postData.data);
if (postPN > postMaxPN) {
break;
}
postPN++;
await utils.sleep(150);
}
let result = {
/** 关注列表信息 */
following: allFollowingData,
/** 关注的吧的信息 */
concernForum: allConcernData,
/** 发帖/回帖信息 */
postInfo: allPostData
};
return result;
},
/**
* 创建查询按钮
* @param queryUserInfoFn 查询mid的函数
*/
createSearchButton(queryUserInfoFn) {
let $compositionCheckable = domUtils.createElement("div", {
className: "composition-checkable",
innerHTML: (
/*html*/
`
<div class="composition-badge-control">
<span class="composition-name-control">
${this.$data.searchIcon}
</span>
</div>
`
)
});
let $badge = $compositionCheckable.querySelector(
".composition-badge-control"
);
let $compositionNameControl = $compositionCheckable.querySelector(
".composition-name-control"
);
domUtils.on(
$badge,
"click",
async (event) => {
utils.preventEvent(event);
if ($compositionCheckable.hasAttribute("data-is-searching")) {
log.error("正在搜索中，请稍后再试");
return;
}
$compositionCheckable.setAttribute("data-is-searching", "");
domUtils.html($compositionNameControl, "...");
try {
let userInfo = queryUserInfoFn();
this.clearLabel($compositionCheckable);
let chatUserInfo = await TieBaApi.getChatUserInfo(userInfo.id);
log.info(`查询用户信息：`, chatUserInfo);
if (!chatUserInfo) {
throw new TypeError("获取用户信息失败");
}
let userName = chatUserInfo.uname.toString();
let userAllInfo = await this.queryUserAllInfo(userName);
if (!userAllInfo) {
throw new TypeError("获取用户所有信息失败");
}
log.info(`检索出用户所有信息：`, userAllInfo);
this.handleShowLabel(
chatUserInfo,
userAllInfo,
$compositionCheckable
);
domUtils.html($compositionNameControl, this.$data.searchIcon);
} catch (error) {
log.error(error);
Qmsg.error(error.message, {
timeout: 3500
});
domUtils.html($compositionNameControl, "重试");
} finally {
$compositionCheckable.removeAttribute("data-is-searching");
}
},
{ capture: true }
);
return {
$container: $compositionCheckable,
$compositionNameControl
};
},
/**
* 创建标签
* @param data
*/
createLabel(data) {
let $label = domUtils.createElement("div", {
className: "composition-checked",
innerHTML: (
/*html*/
`
<div class="composition-badge">
</div>
`
)
});
let $badge = $label.querySelector(".composition-badge");
if (data.rule.data.isShowDisplayName) {
let $compositionName = domUtils.createElement("span", {
className: "composition-name",
innerHTML: data.rule.data.displayName
});
domUtils.append($badge, $compositionName);
}
if (data.rule.data.isShowDisplayIcon) {
let $compositionIcon = null;
if (data.rule.data.displayIcon.startsWith("http")) {
$compositionIcon = domUtils.createElement(
"img",
{
className: "composition-icon",
src: data.rule.data.displayIcon
},
{
referrer: "no-referrer",
referrerPolicy: "no-referrer"
}
);
} else {
$compositionIcon = domUtils.createElement("span", {
className: "composition-icon",
innerHTML: data.rule.data.displayIcon
});
}
domUtils.append($badge, $compositionIcon);
}
domUtils.on(
$badge,
"click",
(event) => {
utils.preventEvent(event);
__pops.alert({
title: {
text: "识别信息",
html: false,
position: "center"
},
content: {
text: (
/*html*/
`
${data.matchedInfoList.map((it) => {
let $el = domUtils.createElement("div", {
className: "reason-container",
innerHTML: (
/*html*/
`
<div class="reason-text"><span>原因：</span>${it.reason}</div>
<div class="reason-text"><span>匹配：</span>${typeof it.reasonLink === "string" ? (
/*html*/
`
<a href="${it.reasonLink}" target="_blank">${it.reasonText}</a>
`
) : it.reasonText}</div>
`
)
});
if (it.reasonTime != null) {
let $reasonTime = domUtils.createElement("div", {
className: "reason-text",
innerHTML: (
/*html*/
`
<span>时间：</span>${typeof it.reasonTime === "number" ? utils.formatTime(it.reasonTime) : it.reasonTime}
`
)
});
domUtils.append($el, $reasonTime);
}
return $el.outerHTML;
}).join("\n")}
`
),
html: true
},
btn: {
ok: { enable: false }
},
mask: {
enable: true,
clickEvent: {
toClose: true
}
},
width: PanelUISize.setting.width,
height: PanelUISize.setting.height,
style: (
/*css*/
`
.reason-container{
color: #7367F0;
margin: 10px 10px;
}
`
)
});
},
{ capture: true }
);
return $label;
},
/**
* 清空标签
* @param $ele
*/
clearLabel($ele) {
$ele.querySelectorAll(".composition-checked").forEach((it) => it.remove());
},
/**
* 处理并显示标签
* @param userId 用户id
* @param data
* @param $searchContainer
*/
handleShowLabel(chatUserInfo, data, $searchContainer) {
if (TiebaUniAppComponentDetectionRule.$data.ruleData.length === 0) {
Qmsg.warning("未配置规则，请在设置中进行添加");
return;
}
let userId = chatUserInfo.uid.toString();
if (TiebaUniAppComponentDetectionRule.$data.whiteList.includes(userId)) {
return;
}
let matchedAllRule = [];
let pushMatchedRule = (rule, matchedInfo) => {
let findValue = matchedAllRule.find((it) => it.rule === rule);
if (findValue) {
findValue.matchedInfoList.push(matchedInfo);
} else {
matchedAllRule.push({
rule,
matchedInfoList: [matchedInfo]
});
}
};
TiebaUniAppComponentDetectionRule.$data.ruleData.forEach((ruleData) => {
if (Array.isArray(ruleData.data.blacklist) && ruleData.data.blacklist.find(
(it) => it.toString() === userId || typeof chatUserInfo.portrait === "string" && chatUserInfo.portrait.startsWith(it.toString())
)) {
pushMatchedRule(ruleData, {
reason: "黑名单用户",
reasonText: userId,
reasonLink: TiebaUrlHandler.getUserHomeByUN(userId),
reasonTime: null
});
return;
}
if (Array.isArray(ruleData.data.followings)) {
let reason = "关注列表";
let reasonText = "";
let checkFlag = ruleData.data.followings.some((followPortrait) => {
let __check__flag__ = data.following.some((followingData) => {
return followingData.portrait === followPortrait.toString();
});
if (__check__flag__) {
reasonText = followPortrait.toString();
}
return __check__flag__;
});
if (checkFlag) {
pushMatchedRule(ruleData, {
reason,
reasonText,
reasonLink: TiebaUrlHandler.getUserHome(chatUserInfo.portrait),
reasonTime: null
});
}
}
if (Array.isArray(ruleData.data.followingForums)) {
let reason = "关注的吧";
let reasonText = "";
let checkFlag = ruleData.data.followingForums.some(
(followingForumInfo) => {
let __check__flag__ = data.concernForum.some((forumInfo) => {
return forumInfo.forumName === followingForumInfo.toString();
});
if (__check__flag__) {
reasonText = followingForumInfo.toString();
}
return __check__flag__;
}
);
if (checkFlag) {
pushMatchedRule(ruleData, {
reason,
reasonText,
reasonLink: TiebaUrlHandler.getForum(reasonText),
reasonTime: null
});
}
}
if (Array.isArray(ruleData.data.keywords)) {
ruleData.data.keywords.forEach((keyword) => {
for (let spaceIndex = 0; spaceIndex < data.postInfo.length; spaceIndex++) {
const spaceData = data.postInfo[spaceIndex];
let reason = "";
let reasonText = keyword;
let reasonLink = spaceData.url;
let reasonTime = spaceData.time;
if (spaceData.replyContent == null) {
if (typeof spaceData.title === "string" && spaceData.title.match(keyword)) {
reason = "发布的帖子的标题";
} else if (typeof spaceData.content === "string" && spaceData.content.match(keyword)) {
reason = "发布的帖子的内容";
} else if (typeof spaceData.forumName === "string" && Array.isArray(ruleData.data.followingForums) && ruleData.data.followingForums.findIndex(
(it) => it.toString() === spaceData.forumName.toString()
) !== -1) {
reason = "发布的帖子所在的吧";
reasonText = spaceData.forumName;
}
} else {
if (typeof spaceData.replyContent === "string" && spaceData.replyContent.match(keyword)) {
reason = "评论的内容";
}
}
if (reason !== "") {
pushMatchedRule(ruleData, {
reason,
reasonText,
reasonLink,
reasonTime
});
}
}
});
}
});
utils.sortListByProperty(
matchedAllRule,
(value) => {
return value.matchedInfoList.length;
},
true
);
matchedAllRule.forEach((it) => {
let $label = this.createLabel(it);
domUtils.append($searchContainer, $label);
});
}
};
const GeastureBackHashConfig = {
/** 楼中楼回复弹窗 */
seeLzlReply: "#/seeLzlReply",
/** 图片预览 */
previewImage: "#/previewImage",
/** Viewer图片预览 */
viewerPreviewImage: "#/viewerPreviewImage"
};
const TiebaUniAppPost = {
init() {
let findHashValue = Object.values(GeastureBackHashConfig).find((item) => {
return window.location.hash.endsWith(item);
});
if (findHashValue) {
log.warn(`删除检测到的手势hash参数：${findHashValue}`);
window.location.hash = "";
}
Panel.onceExec("once-exec-tieba-post-uni-app-repairTbErrorPage", () => {
this.repairTbErrorPage();
});
Panel.onceExec(
"once-exec-tieba-post-uni-app-mutationRemoveWakeUpBtn",
() => {
this.mutationRemoveWakeUpBtn();
}
);
Panel.onceExec("tieba-post-uni-app-comment-filter", () => {
TiebaUniAppCommentFilter.init();
});
Panel.execMenuOnce("baidu-tieba-uni-app-comment-item-font-size", () => {
return addStyle$1(
/*css*/
`
.pb-rich-text{
font-size: inherit !important;
}
`
);
});
Panel.execMenu("baidu_tieba_optimize_image_preview", () => {
TiebaPost.optimizeImagePreview();
});
Panel.execMenuOnce("baidu-tieba-uni-app-post-allow-user-select", () => {
return this.allowUserSelect();
});
Panel.execMenuOnce("baidu-tieba-uni-app-post-overloadLoadMore", () => {
this.overloadLoadMore();
});
Panel.execMenuOnce(
"baidu-tieba-uni-app-post-repairPicGuideThreadWrapper",
() => {
this.repairPicGuideThreadWrapper();
}
);
Panel.execMenuOnce("baidu-tieba-uni-app-post-repairClickToUserHome", () => {
this.repairClickToUserHome();
});
Panel.execMenuOnce("baidu-tieba-uni-app-post-preventWakeApp", () => {
this.preventWakeApp();
});
Panel.execMenuOnce(
"baidu-tieba-uni-app-post-addScrollTopButtonInForum",
(option) => {
return this.addScrollTopButton(option.value);
}
);
Panel.execMenuOnce("baidu-tieba-uni-app-post-repairAnchorLink", () => {
this.repairAnchorLink();
});
Panel.execMenu("baidu_tieba_add_search", () => {
this.repairSearch();
});
domUtils.ready(() => {
Panel.execMenuOnce(
"baidu-tieba-uni-app-post-rememberChooseSeeCommentSort",
() => {
this.rememberChooseSeeCommentSort();
}
);
Panel.execMenuOnce(
"baidu-tieba-uni-app-post-filterDuplicateComments",
() => {
this.filterDuplicateComments();
}
);
Panel.execMenuOnce("baidu-tieba-uni-app-post-blockTieBaRobot", () => {
this.blockTieBaRobot();
});
Panel.execMenuOnce(
"baidu-tieba-uni-app-post-optimizationLzlPostBackGestureReturn",
() => {
this.optimizationLzlPostBackGestureReturn();
}
);
Panel.execMenuOnce(
"baidu-tieba-uni-app-post-optimizationImagePreviewBackGestureReturn",
() => {
this.optimizationImagePreviewBackGestureReturn();
}
);
Panel.execMenuOnce("baidu-tieba-componentDetection", () => {
TiebaUniAppComponentDetection.init();
});
});
},
/**
* 判断页面是否是uni-app
*/
isUniApp() {
return Boolean($("uni-app"));
},
/**
* 允许用户选择文字
*/
allowUserSelect() {
return addStyle$1(
/*css*/
`
html,body{
-webkit-user-select: unset !important;
-moz-user-select: unset !important;
user-select: unset !important;
}
`
);
},
/**
* 修复贴吧请求失败的弹窗（点击无反应）
*/
repairTbErrorPage() {
addStyle$1(
/*css*/
`
/* 加载评论失败的弹窗 */
.swiper-content .tb-error-page{
background: rgba(0, 0, 0, 0.7);
color: #ffffff;
z-index: 10000;
}
`
);
},
/**
* 动态加载移除唤醒按钮，会影响页面点击，比如超链接点击无反应
*/
mutationRemoveWakeUpBtn() {
let lockFn = new utils.LockFunction(() => {
$$(".wake-app-btn").forEach(($ele) => $ele.remove());
});
utils.mutationObserver(document, {
config: {
subtree: true,
childList: true
},
callback: () => {
lockFn.run();
}
});
},
/**
* 覆盖页面的加载更多按钮，可实现加载更多评论
*/
overloadLoadMore() {
log.info(`uni-app ===> 覆盖页面的加载更多按钮，可实现加载更多评论`);
utils.waitNode("uni-app .load-more.wake-app", 1e4).then(($el) => {
if (!$el) {
return;
}
domUtils.removeClass($el, "wake-app");
});
domUtils.on(
document,
"click",
"uni-app .load-more",
(event) => {
utils.preventEvent(event);
let $loadMore = event.target;
let vue3Ins = VueUtils.getVue3($loadMore);
let vue2Ins = VueUtils.getVue($loadMore);
if (vue2Ins) {
let handleClick = vue2Ins?.$listeners?.["handle-click"];
if (typeof handleClick === "function") {
handleClick();
log.success(`uni-app ===> __vue__ 加载更多评论`);
} else {
log.error("uni-app ==> __vue__ 点击加载更多失败");
}
} else if (vue3Ins) {
let onHandleClick = vue3Ins?.attrs?.onHandleClick;
if (typeof onHandleClick === "function") {
onHandleClick();
log.success(`uni-app ===> __vueParentComponent 加载更多评论`);
} else {
log.error("uni-app ==> __vueParentComponent 点击加载更多失败");
}
} else {
log.error("uni-app ==> 获取vue实例失败");
}
},
{
capture: true
}
);
domUtils.on(
document,
"scroll",
utils.debounce(async () => {
let $loadMore = $("uni-app .load-more");
if ($loadMore) {
if (utils.isVisible($loadMore, true)) {
$loadMore.click();
}
}
}),
{
capture: true,
passive: true,
once: false
}
);
domUtils.ready(() => {
utils.waitNode("uni-app .load-more", 1e4).then(($loadMore) => {
utils.dispatchEvent(document, "scroll");
});
});
},
/**
* 添加滚动到顶部按钮
*/
addScrollTopButton(enable) {
if (enable) {
log.info(`uni-app ===> 添加滚动到顶部按钮`);
TiebaCore.addScrollTopButton();
return addStyle$1(
/*css*/
`
.whitesev-tb-totop{
display: unset !important;
right: 9px !important;
bottom: 100px !important;
}
.whitesev-tb-totop .tb-totop__span{
width: 51px !important;
height: 51px !important;
}
`
);
} else {
return addStyle$1(
/*css*/
`
.whitesev-tb-totop{
display: none;
}
`
);
}
},
/**
* 修复图片导航列表跳转
*/
repairPicGuideThreadWrapper() {
log.info(`uni-app ===> 修复图片导航列表跳转`);
domUtils.on(
document,
"click",
".pic-popup-guide-thread-wrapper .thread-guide-item-wake",
(event) => {
utils.preventEvent(event);
let $click = event.target;
let vue2Ins = VueUtils.getVue($click);
let vue3Ins = VueUtils.getVue3($click);
let tid = vue2Ins?.$props?.config?.param?.tid || vue3Ins?.props?.config?.param?.tid;
if (typeof tid === "number") {
let url = TiebaUrlHandler.getPost(tid);
window.open(url, "_blank");
} else {
log.error("获取tid失败", $click);
Qmsg.error("获取tid失败");
}
},
{
capture: true
}
);
},
/**
* 修复点击进入用户主页（包括用户头像、用户名）
*/
repairClickToUserHome() {
log.info(`uni-app ===> 修复点击进入用户主页（包括用户头像、用户名）`);
domUtils.on(
document,
"click",
".player-line-left",
(event, selectorTarget) => {
utils.preventEvent(event);
let $click = selectorTarget;
let vue3Ins = VueUtils.getVue3($click);
if (typeof vue3Ins?.props?.playerInfo?.portrait === "string") {
let portrait = vue3Ins.props.playerInfo.portrait;
let url = TiebaUrlHandler.getUserHome(portrait);
window.open(url, "_blank");
} else {
let $wakeApp = $click.querySelector(".wake-app");
let vueIns = VueUtils.getVue($wakeApp);
let portrait = vueIns?.config?.param?.portrait;
if (typeof portrait === "string") {
let url = TiebaUrlHandler.getUserHome(portrait);
window.open(url, "_blank");
} else {
log.error("获取portrait失败", $click, vueIns);
Qmsg.error("获取portrait失败");
}
}
}
);
},
/**
* 阻止唤醒app
*/
preventWakeApp() {
log.info(`uni-app ===> 阻止唤醒app`);
domUtils.on(
document,
"click",
"uni-app .wake-app",
(event) => {
let $wakeUp = event.target;
let ignoreClassNameList = [
/* 加载更多（打开App查看更多评论 ） */
".load-more",
/* 评论内容 */
".comment-content",
/* 图片导航推荐帖子 */
".pic-popup-guide-thread-wrapper .thread-guide-item-wake",
/* 用户信息区域 */
".player-line-left",
/* 回复输入框区域 */
".pb-reply-textarea-wrapper"
];
if ($wakeUp.classList) {
for (let index = 0; index < ignoreClassNameList.length; index++) {
const ignoreClassName = ignoreClassNameList[index];
if ($wakeUp.classList.contains(ignoreClassName)) {
return;
}
if ($wakeUp.closest(ignoreClassName)) {
return;
}
}
}
utils.preventEvent(event);
},
{
capture: true
}
);
},
/**
* 记住评论排序
*/
rememberChooseSeeCommentSort() {
log.info(`uni-app ===> 记住评论排序`);
const KEY2 = "baidu-tieba-uni-app-post-choose-see-comment-sort";
domUtils.on(
document,
"click",
"uni-view.reply-top .switch-tab .tab-item",
(event) => {
const $click = event.target;
const chooseSortText = $click.textContent.trim();
_GM_setValue(KEY2, chooseSortText);
log.info(`切换评论排序：${chooseSortText}`);
}
);
utils.waitNode("uni-view.reply-top .switch-tab .tab-item", 1e4).then(($tabItem) => {
if (!$tabItem) {
return;
}
const chooseSortText = _GM_getValue(KEY2);
if (!chooseSortText) {
return;
}
const $tabItemList = Array.from(
$$("uni-view.reply-top .switch-tab .tab-item")
);
for (let index = 0; index < $tabItemList.length; index++) {
const $item = $tabItemList[index];
const tabSortText = $item.textContent.trim();
if (tabSortText === chooseSortText) {
log.success(`当前评论排序：${chooseSortText}`);
if ($item.classList.contains("tab-item-active")) {
log.info(`当前评论排序与预期一致`);
} else {
utils.mutationVisible(
$item,
(entries, observer) => {
observer.disconnect();
setTimeout(() => {
$item.click();
}, 1250);
},
{
rootMargin: "-10px 0px 0px 0px"
}
);
}
break;
}
}
});
},
/**
* 评论去重
*/
filterDuplicateComments() {
log.info(`uni-app ===> 评论去重`);
TiebaUniAppComment.watchComment((commentContainerInfoList, observer) => {
const commentIdList = [];
for (let index = 0; index < commentContainerInfoList.length; index++) {
const commentContainerInfo = commentContainerInfoList[index];
const commentId = commentContainerInfo.data.id;
const content = commentContainerInfo.data.content;
const floor = commentContainerInfo.data.floor;
if (typeof commentId === "number") {
if (commentIdList.includes(commentId)) {
log.warn(
`删除重复楼层${floor}，id: ${commentId}，内容：` + JSON.stringify(content)
);
commentContainerInfo.remove();
} else {
commentIdList.push(commentId);
}
}
}
});
},
/**
* 屏蔽贴吧机器人（贴吧包打听）
*/
blockTieBaRobot() {
log.info(`uni-app ===> 屏蔽贴吧机器人（贴吧包打听）`);
TiebaUniAppComment.watchComment((commentContainerInfoList, observer) => {
for (let index = 0; index < commentContainerInfoList.length; index++) {
const commentContainerInfo = commentContainerInfoList[index];
const author_id = commentContainerInfo.data.author_id || commentContainerInfo.data?.author?.id;
const portrait = commentContainerInfo.data?.author?.portrait;
const content = commentContainerInfo.data.content;
if (TiebaPostApi.isRobot({ id: author_id, portrait })) {
log.warn(`删除贴吧机器人评论内容：` + JSON.stringify(content));
commentContainerInfo.remove();
}
}
});
},
/**
* 楼中楼回复弹窗手势返回
*/
optimizationLzlPostBackGestureReturn() {
log.info(`uni-app ===> 楼中楼回复弹窗手势返回`);
let gestureBack = new GestureBack({
hash: GeastureBackHashConfig.seeLzlReply,
useUrl: true,
beforeHistoryBackCallBack(isUrlChange) {
if (isUrlChange) {
closeDialogByUrlChange();
}
}
});
function closeDialogByUrlChange() {
let $lzlCloseIcon = $(".lzl-close-icon");
if ($lzlCloseIcon) {
$lzlCloseIcon.click();
} else {
Qmsg.error(`未找到关闭楼中楼回复弹窗的按钮`);
}
}
domUtils.on(document, "click", ".lzl-wrapper", (event) => {
log.info(`点击楼中楼回复`);
gestureBack.enterGestureBackMode();
});
domUtils.on(document, "click", ".lzl-close-icon", (event) => {
log.info(`点击关闭按钮-关闭楼中楼回复弹窗`);
gestureBack.quitGestureBackMode();
});
domUtils.on(
document,
"click",
".lzl-float-container .error-close",
(event) => {
log.info(`点击遮罩层-关闭楼中楼回复弹窗`);
gestureBack.quitGestureBackMode();
}
);
},
/**
* 图片预览手势返回
*/
optimizationImagePreviewBackGestureReturn() {
log.info(`uni-app ===> 图片预览手势返回`);
let gestureBack = new GestureBack({
hash: GeastureBackHashConfig.previewImage,
useUrl: true,
beforeHistoryBackCallBack(isUrlChange) {
if (isUrlChange) {
closeByUrlChange();
}
}
});
function closeByUrlChange() {
let $closeIcon = $(".img-preview .back-icon-con");
if ($closeIcon) {
$closeIcon.click();
} else {
log.warn(`未找到退出图片预览模式的按钮`);
}
}
domUtils.on(document, "click", "img", (event) => {
let $click = event.target;
let $parent = $click.parentElement;
if ($parent.localName === "uni-image" && $parent.classList.contains("pb-image")) {
gestureBack.enterGestureBackMode();
utils.waitNode(".img-preview .back-icon-con", 1e4).then(($backIcon) => {
if (!$backIcon) {
return;
}
domUtils.on($backIcon, "click", () => {
gestureBack.quitGestureBackMode();
});
});
}
});
},
/**
* 修复搜索功能
*/
repairSearch() {
log.info(`uni-app ===> 修复搜索功能`);
let repairCSS = () => {
addStyle$1(
/*css*/
`
.nav-bar .more-btn-desc,
uni-app .frs-wise-nav-bar .more-btn-desc{
font-size: 15px;
}
#search .nav-search-container{
height: 48px;
}
#search .nav-search-container svg{
width: 16px;
height: 16px;
}
#search .nav-search-btn{
font-size: 15px;
}
#search .search-result{
top: 48px;
}
#search .search-result-model{
top: 48px;
height: 32px;
}
#search .search-result-model .search-result-model-item[data-active]:after{
width: 20px;
margin: 0 5px 0px;
}
#search .search-result-from-info{
margin-top: 32px;
}
#search .search-result-media-left{
padding-right: 8px !important;
}
#search .search-result-media-left img{
width: 35px !important;;
height: 35px !important;;
}
#search .search-result-media-body-author-name{
margin-top: 2px !important;
font-size: 16px !important;
line-height: 15px !important;
}
#search .search-result-media-body-time{
margin-top: 6px !important;
font-size: 12px !important;
line-height: 12px !important;
}
#search .search-result-title, #search .search-result-content, #search .search-result-bottom-toolbar{
margin-top: 8px !important;
}
#search h1.search-result-title-h1{
font-size: 16px !important;
}
`
);
};
utils.waitNode(".nav-bar .nav-bar-forum-info", 1e4).then(($navBarForumInfo) => {
if (!$navBarForumInfo) {
return;
}
let $navBar = $navBarForumInfo.closest(".nav-bar");
let $moreBtnDesc = domUtils.createElement("div", {
className: "more-btn-desc",
innerText: "搜索"
});
$navBar.appendChild($moreBtnDesc);
repairCSS();
});
},
/**
* 修复超链接跳转
*/
repairAnchorLink() {
domUtils.on(
document,
"click",
(event) => {
let $click = event.composedPath()[0];
if ($click.nodeType === Node.ELEMENT_NODE && $click.classList) {
if ($click.classList.contains("pb-link")) {
utils.preventEvent(event);
let vue3Ins = VueUtils.getVue3($click);
let vue2Ins = VueUtils.getVue($click);
let link = vue3Ins?.props?.content?.link || vue2Ins?.content?.link;
if (typeof link === "string") {
log.info(`点击超链接：` + link);
window.open(link, "_blank");
} else {
let $uniText = $click.closest("uni-text.pb-content-item");
let vueIns = VueUtils.getVue($uniText);
let section = vueIns?.$vnode?.context?.sectionData?.[vueIns?.$vnode?.context?.sectionIdx];
if (section != null) {
let findValue = section["content"].find(
(item) => item.type == 1 && item.text == ($click.textContent || $click.innerText)
);
if (findValue) {
let link2 = findValue["link"];
log.info(`点击超链接：` + link2);
window.open(link2, "_blank");
} else {
log.error("获取链接失败");
log.error($click, vue3Ins, $uniText, vueIns, section);
Qmsg.error("获取链接失败");
}
} else {
log.error("获取链接失败");
log.error($click, vue3Ins);
Qmsg.error("获取链接失败");
}
}
} else if ($click.classList.contains("pb-at")) {
utils.preventEvent(event);
log.info("点击@");
let vue3Ins = VueUtils.getVue3($click);
let vueIns = VueUtils.getVue($click);
let un = vue3Ins?.props?.content?.text || vueIns?.content?.text;
vue3Ins?.props?.content?.type || vueIns?.content?.type;
if (un == null) {
log.error("获取用户un失败");
Qmsg.error("获取用户un失败");
return;
}
un = un.replace(/^@/g, "");
let userHomeUrl = TiebaUrlHandler.getUserHomeByUN(un);
window.open(userHomeUrl, "_blank");
}
}
},
{
capture: true
}
);
}
};
const TiebaReply = {
$data: {
/**
* 当前回复类型
*/
type: vue.ref(),
/**
* 如果type=main，使用该数据
*/
replyMainData: vue.ref(),
/**
* 如果type=comment，使用该数据
*/
replyCommentData: vue.ref(),
/**
* 如果type=lzl-comment，使用该数据
*/
replyLzlCommentData: vue.ref(),
/**
* 是否已登录
*/
isLogin: vue.ref(false),
/**
* 是否正在发送中
*/
isSending: vue.ref(false),
/**
* 主动触发显示完整的编辑器
*/
isShowFullEditor: vue.ref(false)
},
$vue: {
handlerCommentSuccess: null
},
init() {
this.setGlobalContentClick();
domUtils.ready(() => {
this.initLogin();
this.cover_handlerCommentSuccess();
});
},
/**
* 设置当前回复为发布本帖子的人
*/
setCurrentReplyMainUser() {
let commentBoxVueObj = this.getCommentBoxWrapVue();
if (!commentBoxVueObj) {
return;
}
let replyInfo = commentBoxVueObj.replyInfo;
let currentReplyObj = commentBoxVueObj.currentReplyObj;
log.info([
"设置本帖发帖人回复参数",
{
pid: TiebaComment.pid
}
]);
commentBoxVueObj.page = "pb";
Object.keys(currentReplyObj).forEach((key) => {
currentReplyObj[key] = void 0;
});
Object.keys(replyInfo).forEach((key) => {
currentReplyObj[key] = void 0;
});
replyInfo.pid = TiebaComment.pid;
currentReplyObj.pid = TiebaComment.pid;
},
/**
* 设置当前为回复xx用户
*/
setCurrentReplyUser(pid, authorName) {
let commentBoxVueObj = this.getCommentBoxWrapVue();
if (!commentBoxVueObj) {
return;
}
let replyInfo = commentBoxVueObj.replyInfo;
let currentReplyObj = commentBoxVueObj.currentReplyObj;
log.info([
"设置评论区回复参数",
{
pid,
authorName
}
]);
commentBoxVueObj.page = "pb";
Object.keys(currentReplyObj).forEach((key) => {
currentReplyObj[key] = void 0;
});
Object.keys(replyInfo).forEach((key) => {
currentReplyObj[key] = void 0;
});
replyInfo.pid = pid;
replyInfo.authorName = authorName;
currentReplyObj.pid = pid;
currentReplyObj.authorName = authorName;
},
/**
* 设置当前为回复楼中楼用户
*/
setCurrentReplyLzlUser(pid, authorName, lzlId, floor, portrait) {
let commentBoxVueObj = this.getCommentBoxWrapVue();
if (!commentBoxVueObj) {
return;
}
let replyInfo = commentBoxVueObj.replyInfo;
let currentReplyObj = commentBoxVueObj.currentReplyObj;
log.info([
"设置楼中楼回复参数",
{
authorName,
floor,
lzlId,
pid,
portrait
}
]);
commentBoxVueObj.page = "lzl";
Object.keys(currentReplyObj).forEach((key) => {
currentReplyObj[key] = void 0;
});
Object.keys(replyInfo).forEach((key) => {
currentReplyObj[key] = void 0;
});
replyInfo.authorName = authorName;
replyInfo.floor = floor;
replyInfo.lzlId = lzlId;
replyInfo.pid = pid;
replyInfo.portrait = portrait + "?";
currentReplyObj.authorName = authorName;
currentReplyObj.floor = floor;
currentReplyObj.lzlId = lzlId;
currentReplyObj.pid = pid;
currentReplyObj.portrait = portrait + "?";
},
/**
* 设置全局监听点击内容事件
*/
setGlobalContentClick() {
let that = this;
function checkNotTriggerReply(event) {
let currentComposed = event.composedPath()[0];
if (currentComposed.localName === "a") {
log.info("<a>标签不触发回复功能");
return false;
}
if (currentComposed.localName === "img" && !currentComposed.classList.contains("BDE_Smiley")) {
log.info("<img>标签不触发回复功能");
return false;
}
return true;
}
domUtils.on(document, "click", ".post-item .content", (event) => {
if (!checkNotTriggerReply(event)) {
return;
}
let $clickContent = event.target;
that.$data.replyCommentData.value = void 0;
that.$data.type.value = void 0;
log.info("点击内容，触发设置当前回复的对象");
try {
let $commentBoxWrap = that.getCommentBoxWrap();
$commentBoxWrap.classList.remove("comment-box-wrap-lzl");
let $postItem = $clickContent.closest(".post-item");
let itemData = $postItem["data-whitesev"];
let $textContent = $clickContent.querySelector(
".text-content"
);
let textContent = $textContent.innerText;
log.info(["获取元素上的数据", itemData]);
let authorName = itemData["userName"];
let pid = itemData["userPostId"];
that.setCurrentReplyUser(pid, authorName);
that.$data.replyCommentData.value = {
type: "comment",
data: {
page: "pb",
pid,
authorName,
content: textContent
}
};
that.$data.type.value = "comment";
that.$data.isShowFullEditor.value = true;
} catch (error) {
log.error(error);
Qmsg.error(error.toString(), {
zIndex: utils.getMaxZIndex() + 100
});
}
});
domUtils.on(
document,
"click",
"#whitesev-reply-dialog .whitesev-reply-dialog-content-item",
(event) => {
let $clickContent = event.target;
if ($clickContent.classList.contains(
"whitesev-reply-dialog-sheet-main-content"
)) {
return;
}
if (!checkNotTriggerReply(event)) {
return;
}
that.$data.replyLzlCommentData.value = void 0;
that.$data.type.value = void 0;
log.info("点击楼中楼内容，触发设置当前回复的对象");
try {
let $commentBoxWrap = that.getCommentBoxWrap();
$commentBoxWrap.classList.add("comment-box-wrap-lzl");
let $replyDialog = $clickContent.closest(
"#whitesev-reply-dialog"
);
let $userComment = $clickContent.querySelector(
".whitesev-reply-dialog-user-comment"
);
let userCommentText = $userComment.innerText;
let mainData = $replyDialog["data-whitesev"];
let itemData = $clickContent["data-lzl-item"];
log.info(["主数据-获取元素上的数据", mainData]);
log.info(["获取元素上的数据", itemData]);
let authorName = itemData["userInfo"]["user_nickname"] || itemData["userInfo"]["user_name"];
let pid = itemData["data"]["post_id"];
let lzlId = itemData["data"]["comment_id"];
let portrait = itemData["portrait"];
let floor = mainData["userFloor"];
that.setCurrentReplyLzlUser(pid, authorName, lzlId, floor, portrait);
that.$data.replyLzlCommentData.value = {
type: "lzl-comment",
data: {
page: "lzl",
content: userCommentText,
authorName,
floor,
lzlId,
pid,
portrait
}
};
that.$data.type.value = "lzl-comment";
that.$data.isShowFullEditor.value = true;
} catch (error) {
log.error(error);
Qmsg.error(error.toString(), {
zIndex: utils.getMaxZIndex() + 100
});
}
}
);
},
/**
* 将输入框的值设置到原输入框中
* @param value 输入的内容
* @returns
*/
setInputValue(value) {
let commentBoxVueObj = this.getCommentBoxWrapVue();
if (!commentBoxVueObj) {
return;
}
try {
commentBoxVueObj.inputValue = value;
if (commentBoxVueObj.commentRef && commentBoxVueObj.commentRef instanceof HTMLInputElement) {
commentBoxVueObj.commentRef.value = value;
utils.dispatchEvent(commentBoxVueObj.commentRef, "input");
}
} catch (error) {
Qmsg.error("设置输入框值失败");
log.error(error);
}
},
sendMsgBefore(submitTouchStartEvent) {
let commentBoxVueObj = this.getCommentBoxWrapVue();
if (!commentBoxVueObj) {
return;
}
commentBoxVueObj.submitTouchstart(submitTouchStartEvent);
},
sendMsg(submitTouchEndEvent) {
let commentBoxVueObj = this.getCommentBoxWrapVue();
if (!commentBoxVueObj) {
return;
}
commentBoxVueObj.submitTouchend(submitTouchEndEvent);
},
/**
* 覆盖函数handlerCommentSuccess
*/
cover_handlerCommentSuccess() {
let that = this;
VueUtils.waitVuePropToSet(".comment-box-wrap", [
{
msg: "等待属性 _events['comment-success'][0].fns => handlerCommentSuccess",
check(vueObj) {
return typeof vueObj?._events?.["comment-success"]?.[0]?.fns === "function";
},
set(vueObj) {
log.success("成功覆盖函数 _events['comment-success'][0].fns");
vueObj._events["comment-success"][0].fns;
vueObj._events["comment-success"][0].fns = (function(...args) {
that.$vue.handlerCommentSuccess(...args);
}).bind(vueObj);
}
}
]);
},
/**
* 获取回复框容器元素
*/
getCommentBoxWrap() {
return $(".comment-box-wrap");
},
/**
* 等待评论框容器元素
* @param callback
* @returns
*/
waitCommentBoxWrap(callback) {
domUtils.ready(() => {
utils.waitNode(".comment-box-wrap", 1e4).then(($commentBoxWrap) => {
if (TiebaUniAppPost.isUniApp()) {
return;
}
if (!$commentBoxWrap) {
log.error("获取不到评论框容器元素.comment-box-wrap");
Qmsg.error("获取不到评论框容器元素.comment-box-wrap");
return;
}
setTimeout(() => {
callback();
}, 200);
});
});
return;
},
/**
* 获取.comment-box-wrap的vue实例
*/
getCommentBoxWrapVue() {
let $commentBoxWrap = this.getCommentBoxWrap();
if (!$commentBoxWrap) {
log.error("获取不到.comment-box-wrap元素");
Qmsg.error("获取不到.comment-box-wrap元素");
return;
}
let vueObj = VueUtils.getVue($commentBoxWrap);
if (!vueObj) {
log.error("获取不到.comment-box-wrap元素上的vue属性");
Qmsg.error("获取不到.comment-box-wrap元素上的vue属性");
return;
}
return vueObj;
},
/**
* 获取app-view的vue实例
*/
getAppViewVue() {
let $appView = $(".app-view");
if (!$appView) {
log.error("获取不到app-view元素");
Qmsg.error("获取不到app-view元素");
return;
}
let vueObj = VueUtils.getVue($appView);
if (!vueObj) {
log.error("获取不到app-view元素上的vue属性");
Qmsg.error("获取不到app-view元素上的vue属性");
return;
}
return vueObj;
},
initLogin() {
let that = this;
VueUtils.waitVuePropToSet(".comment-box-wrap", [
{
msg: "等待参数 isLogin",
check(vueObj) {
return typeof vueObj.isLogin === "boolean";
},
set(vueObj) {
that.$data.isLogin.value = vueObj.isLogin;
log.success("成功获取参数 isLogin=" + that.$data.isLogin.value);
}
}
]);
},
checkLogin() {
if (this.$data.isLogin.value) {
return;
}
let $commentBoxWrap = this.getCommentBoxWrap();
let vueObj = VueUtils.getVue($commentBoxWrap);
if (!vueObj) {
log.error("获取回复框容器元素的vue属性失败");
return;
}
this.$data.isLogin.value = vueObj.isLogin;
if (!vueObj.isLogin) {
log.error("未登录");
this.showLoginWakeModal();
}
},
/**
* 显示登录弹窗
*/
showLoginWakeModal() {
let vueObj = this.getAppViewVue();
if (!vueObj) {
return;
}
vueObj.isShowLoginWakeModal = true;
},
/**
* 设置头像点击事件
* + 未登录 点击显示登录弹窗提示
* + 已登录 点击设置当前回复为当前帖子
*/
setAvatarClickEvent() {
let that = this;
utils.waitNode(".comment-box-wrap .avatar", 1e4).then(($avatar) => {
if (!$avatar) {
log.error("获取回复框头像元素.comment-box-wrap .avatar失败");
return;
}
domUtils.on($avatar, "click", (event) => {
let $commentBoxWrap = that.getCommentBoxWrap();
let vueObj = VueUtils.getVue($commentBoxWrap);
if (!vueObj) {
log.error("获取回复框容器元素的vue属性失败");
utils.preventEvent(event);
return;
}
if (vueObj.isLogin) {
log.info("重置默认当前回复为当前帖子");
that.$data.type.value = "main";
$commentBoxWrap.classList.remove("comment-box-wrap-lzl");
let currentReplyObj = vueObj.currentReplyObj;
let replyInfo = vueObj.replyInfo;
Object.keys(currentReplyObj).forEach((key) => {
delete currentReplyObj[key];
});
currentReplyObj.pid = replyInfo.pid;
} else {
log.error("未登录");
that.showLoginWakeModal();
}
});
});
}
};
const useToolbarStore = pinia.defineStore("ToolbarStore", {
state: () => ({
/** 提示文字 */
placeholder: "发帖千百度 文明第一步",
/** 显示的 评论数量 */
showCommentCount: "0",
/** 显示的 点赞数量 */
showGoodCount: "0"
})
});
const useToolbarStateStore = pinia.defineStore("ToolbarState", {
state: () => ({
/** 是否显示小工具栏 */
isShowSmallToolbar: true,
/** 是否显示完整的工具栏 */
isShowFullToolbar: false,
/** 是否存在内容 */
isEmpty: true
})
});
const useAccountStore = pinia.defineStore("account", {
state: () => {
return {
/** 是否已登录 */
isLogin: false
};
},
actions: {}
});
const _hoisted_1$f = { id: "small-toolbar" };
const _hoisted_2$d = { class: "small-editor-toolbar" };
const _hoisted_3$b = ["placeholder"];
const _hoisted_4$a = { class: "gm-reply-other-toolbar" };
const _hoisted_5$a = { class: "text" };
const _hoisted_6$a = { class: "icon icoon-good" };
const _hoisted_7$8 = ["xlink:href"];
const _hoisted_8$8 = { class: "text" };
const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
__name: "SmallToolbar",
emits: ["showFullToolbar"],
setup(__props, { emit: __emit }) {
const toolbarStore = useToolbarStore();
const accountStore = useAccountStore();
useToolbarStateStore();
const emits = __emit;
const ToolbarHandler = {
/**
* 点击工具栏触发显示完整的工具栏
* @param event
*/
handleShowFullToolbar(event) {
utils.preventEvent(event);
if (!accountStore.isLogin) {
TiebaReply.checkLogin();
return;
}
emits("showFullToolbar", true);
}
};
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
vue.createElementVNode("div", _hoisted_2$d, [
vue.createElementVNode("input", {
readonly: "",
class: "small-editor-toolbar-input",
placeholder: vue.unref(toolbarStore).placeholder,
onClick: _cache[0] || (_cache[0] = //@ts-ignore
(...args) => ToolbarHandler.handleShowFullToolbar && ToolbarHandler.handleShowFullToolbar(...args))
}, null, 8, _hoisted_3$b),
vue.createElementVNode("div", {
class: "small-editor-toolbar-emoji-btn",
onClick: _cache[1] || (_cache[1] = //@ts-ignore
(...args) => ToolbarHandler.handleShowFullToolbar && ToolbarHandler.handleShowFullToolbar(...args))
}, _cache[4] || (_cache[4] = [
vue.createElementVNode("svg", {
class: "icon",
viewBox: "0 0 1024 1024",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg",
"p-id": "2299",
width: "16",
height: "16"
}, [
vue.createElementVNode("path", {
d: "M511 954.86c-119.3 0-231.4-46.1-315.8-129.9-84.3-83.8-130.8-195.3-130.8-313.8 0-118.5 46.5-230 130.8-313.8 84.3-83.8 196.5-129.9 315.8-129.9 119.3 0 231.5 46.1 315.8 129.9 174.1 173.1 174.1 454.6 0 627.6C742.5 908.66 630.3 954.86 511 954.86L511 954.86 511 954.86 511 954.86 511 954.86zM511.1 125.26c-103.8 0-201.3 40.1-274.6 113-73.4 72.9-113.8 169.8-113.8 272.9 0 103.1 40.4 200.1 113.7 272.9 73.3 72.8 170.9 113 274.6 113 103.8 0 201.4-40.2 274.8-113.1 151.4-150.4 151.4-395.3 0-545.8C712.4 165.36 614.8 125.26 511.1 125.26L511.1 125.26 511.1 125.26 511.1 125.26 511.1 125.26zM352.4 632.26c0 0 52.3 83.1 158.6 83.1 106.3 0 176-83.1 176-83.1s39.5-0.1 39.5 41.5c0 0-68.5 97-215.5 97s-194.8-97-194.8-97S314.7 632.26 352.4 632.26L352.4 632.26 352.4 632.26 352.4 632.26zM381.2 368.46c-30.1 0-54.7 24.3-54.7 54.3 0 30 24.6 54.3 54.7 54.3 30.3 0 54.7-24.3 54.7-54.3C435.9 392.76 411.5 368.46 381.2 368.46L381.2 368.46 381.2 368.46 381.2 368.46 381.2 368.46zM661.4 368.46c-30.2 0-54.7 24.3-54.7 54.3 0 30 24.5 54.3 54.7 54.3 30.2 0 54.7-24.3 54.7-54.3C716.1 392.76 691.7 368.46 661.4 368.46L661.4 368.46 661.4 368.46 661.4 368.46 661.4 368.46z",
"p-id": "2300"
})
], -1)
]))
]),
_cache[6] || (_cache[6] = vue.createElementVNode("div", { class: "full-editor-toolbar" }, null, -1)),
vue.createElementVNode("div", _hoisted_4$a, [
vue.createElementVNode("div", {
class: "reply-comment-count",
onClick: _cache[2] || (_cache[2] = //@ts-ignore
(...args) => vue.unref(Toolbar).goToReplyArea && vue.unref(Toolbar).goToReplyArea(...args))
}, [
_cache[5] || (_cache[5] = vue.createElementVNode("svg", { class: "icon icoon-comment" }, [
vue.createElementVNode("use", { "xlink:href": "#icon_pure_pb_bottom_comment28" })
], -1)),
vue.createElementVNode("p", _hoisted_5$a, vue.toDisplayString(vue.unref(toolbarStore).showCommentCount), 1)
]),
vue.createElementVNode("div", {
class: "reply-good-count",
onClick: _cache[3] || (_cache[3] = //@ts-ignore
(...args) => vue.unref(Toolbar).goodClickEvent && vue.unref(Toolbar).goodClickEvent(...args))
}, [
(vue.openBlock(), vue.createElementBlock("svg", _hoisted_6$a, [
vue.createElementVNode("use", {
"xlink:href": vue.unref(TiebaComment).has_agree.value ? "#icon_agree_after_26" : "#icon_agree_before_26"
}, null, 8, _hoisted_7$8)
])),
vue.createElementVNode("p", _hoisted_8$8, vue.toDisplayString(vue.unref(toolbarStore).showGoodCount), 1)
])
])
]);
};
}
});
const _export_sfc$1 = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
const SmallToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-bd816662"]]);
const configProviderContextKey = Symbol();
const defaultNamespace = "el";
const statePrefix = "is-";
const _bem = (namespace, block, blockSuffix, element, modifier) => {
let cls = `${namespace}-${block}`;
if (blockSuffix) {
cls += `-${blockSuffix}`;
}
if (element) {
cls += `__${element}`;
}
if (modifier) {
cls += `--${modifier}`;
}
return cls;
};
const namespaceContextKey = Symbol("namespaceContextKey");
const useGetDerivedNamespace = (namespaceOverrides) => {
const derivedNamespace = namespaceOverrides || (vue.getCurrentInstance() ? vue.inject(namespaceContextKey, vue.ref(defaultNamespace)) : vue.ref(defaultNamespace));
const namespace = vue.computed(() => {
return vue.unref(derivedNamespace) || defaultNamespace;
});
return namespace;
};
const useNamespace = (block, namespaceOverrides) => {
const namespace = useGetDerivedNamespace(namespaceOverrides);
const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
const is = (name, ...args) => {
const state = args.length >= 1 ? args[0] : true;
return name && state ? `${statePrefix}${name}` : "";
};
const cssVar = (object) => {
const styles = {};
for (const key in object) {
if (object[key]) {
styles[`--${namespace.value}-${key}`] = object[key];
}
}
return styles;
};
const cssVarBlock = (object) => {
const styles = {};
for (const key in object) {
if (object[key]) {
styles[`--${namespace.value}-${block}-${key}`] = object[key];
}
}
return styles;
};
const cssVarName = (name) => `--${namespace.value}-${name}`;
const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
return {
namespace,
b,
e,
m,
be,
em,
bm,
bem,
is,
cssVar,
cssVarName,
cssVarBlock,
cssVarBlockName
};
};
/**
* @vue/shared v3.5.17
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**/
const NOOP = () => {
};
const hasOwnProperty$9 = Object.prototype.hasOwnProperty;
const hasOwn = (val, key) => hasOwnProperty$9.call(val, key);
const isArray$1 = Array.isArray;
const isFunction$1 = (val) => typeof val === "function";
const isString$1 = (val) => typeof val === "string";
const isObject$1 = (val) => val !== null && typeof val === "object";
const cacheStringFunction = (fn) => {
const cache = /* @__PURE__ */ Object.create(null);
return (str) => {
const hit = cache[str];
return hit || (cache[str] = fn(str));
};
};
const camelizeRE = /-(\w)/g;
const camelize = cacheStringFunction(
(str) => {
return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
}
);
const hyphenateRE = /\B([A-Z])/g;
const hyphenate = cacheStringFunction(
(str) => str.replace(hyphenateRE, "-$1").toLowerCase()
);
const capitalize$1 = cacheStringFunction((str) => {
return str.charAt(0).toUpperCase() + str.slice(1);
});
var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
var freeSelf = typeof self == "object" && self && self.Object === Object && self;
var root = freeGlobal || freeSelf || Function("return this")();
var Symbol$1 = root.Symbol;
var objectProto$b = Object.prototype;
var hasOwnProperty$8 = objectProto$b.hasOwnProperty;
var nativeObjectToString$1 = objectProto$b.toString;
var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : void 0;
function getRawTag(value) {
var isOwn = hasOwnProperty$8.call(value, symToStringTag$1), tag = value[symToStringTag$1];
try {
value[symToStringTag$1] = void 0;
var unmasked = true;
} catch (e) {
}
var result = nativeObjectToString$1.call(value);
if (unmasked) {
if (isOwn) {
value[symToStringTag$1] = tag;
} else {
delete value[symToStringTag$1];
}
}
return result;
}
var objectProto$a = Object.prototype;
var nativeObjectToString = objectProto$a.toString;
function objectToString(value) {
return nativeObjectToString.call(value);
}
var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
function baseGetTag(value) {
if (value == null) {
return value === void 0 ? undefinedTag : nullTag;
}
return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
}
function isObjectLike(value) {
return value != null && typeof value == "object";
}
var symbolTag$2 = "[object Symbol]";
function isSymbol(value) {
return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$2;
}
function arrayMap(array, iteratee) {
var index = -1, length = array == null ? 0 : array.length, result = Array(length);
while (++index < length) {
result[index] = iteratee(array[index], index, array);
}
return result;
}
var isArray = Array.isArray;
var symbolProto$1 = Symbol$1 ? Symbol$1.prototype : void 0, symbolToString = symbolProto$1 ? symbolProto$1.toString : void 0;
function baseToString(value) {
if (typeof value == "string") {
return value;
}
if (isArray(value)) {
return arrayMap(value, baseToString) + "";
}
if (isSymbol(value)) {
return symbolToString ? symbolToString.call(value) : "";
}
var result = value + "";
return result == "0" && 1 / value == -Infinity ? "-0" : result;
}
var reWhitespace = /\s/;
function trimmedEndIndex(string) {
var index = string.length;
while (index-- && reWhitespace.test(string.charAt(index))) {
}
return index;
}
var reTrimStart = /^\s+/;
function baseTrim(string) {
return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
}
function isObject(value) {
var type = typeof value;
return value != null && (type == "object" || type == "function");
}
var NAN = 0 / 0;
var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
var reIsBinary = /^0b[01]+$/i;
var reIsOctal = /^0o[0-7]+$/i;
var freeParseInt = parseInt;
function toNumber(value) {
if (typeof value == "number") {
return value;
}
if (isSymbol(value)) {
return NAN;
}
if (isObject(value)) {
var other = typeof value.valueOf == "function" ? value.valueOf() : value;
value = isObject(other) ? other + "" : other;
}
if (typeof value != "string") {
return value === 0 ? value : +value;
}
value = baseTrim(value);
var isBinary = reIsBinary.test(value);
return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
}
function identity$1(value) {
return value;
}
var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
function isFunction(value) {
if (!isObject(value)) {
return false;
}
var tag = baseGetTag(value);
return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
}
var coreJsData = root["__core-js_shared__"];
var maskSrcKey = function() {
var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
return uid ? "Symbol(src)_1." + uid : "";
}();
function isMasked(func) {
return !!maskSrcKey && maskSrcKey in func;
}
var funcProto$2 = Function.prototype;
var funcToString$2 = funcProto$2.toString;
function toSource(func) {
if (func != null) {
try {
return funcToString$2.call(func);
} catch (e) {
}
try {
return func + "";
} catch (e) {
}
}
return "";
}
var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
var reIsHostCtor = /^\[object .+?Constructor\]$/;
var funcProto$1 = Function.prototype, objectProto$9 = Object.prototype;
var funcToString$1 = funcProto$1.toString;
var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
var reIsNative = RegExp(
"^" + funcToString$1.call(hasOwnProperty$7).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
);
function baseIsNative(value) {
if (!isObject(value) || isMasked(value)) {
return false;
}
var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
return pattern.test(toSource(value));
}
function getValue(object, key) {
return object == null ? void 0 : object[key];
}
function getNative(object, key) {
var value = getValue(object, key);
return baseIsNative(value) ? value : void 0;
}
var WeakMap$1 = getNative(root, "WeakMap");
function apply(func, thisArg, args) {
switch (args.length) {
case 0:
return func.call(thisArg);
case 1:
return func.call(thisArg, args[0]);
case 2:
return func.call(thisArg, args[0], args[1]);
case 3:
return func.call(thisArg, args[0], args[1], args[2]);
}
return func.apply(thisArg, args);
}
var HOT_COUNT = 800, HOT_SPAN = 16;
var nativeNow = Date.now;
function shortOut(func) {
var count = 0, lastCalled = 0;
return function() {
var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
lastCalled = stamp;
if (remaining > 0) {
if (++count >= HOT_COUNT) {
return arguments[0];
}
} else {
count = 0;
}
return func.apply(void 0, arguments);
};
}
function constant(value) {
return function() {
return value;
};
}
var defineProperty = function() {
try {
var func = getNative(Object, "defineProperty");
func({}, "", {});
return func;
} catch (e) {
}
}();
var baseSetToString = !defineProperty ? identity$1 : function(func, string) {
return defineProperty(func, "toString", {
"configurable": true,
"enumerable": false,
"value": constant(string),
"writable": true
});
};
var setToString = shortOut(baseSetToString);
function arrayEach(array, iteratee) {
var index = -1, length = array == null ? 0 : array.length;
while (++index < length) {
if (iteratee(array[index], index, array) === false) {
break;
}
}
return array;
}
var MAX_SAFE_INTEGER$1 = 9007199254740991;
var reIsUint = /^(?:0|[1-9]\d*)$/;
function isIndex(value, length) {
var type = typeof value;
length = length == null ? MAX_SAFE_INTEGER$1 : length;
return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
}
function baseAssignValue(object, key, value) {
if (key == "__proto__" && defineProperty) {
defineProperty(object, key, {
"configurable": true,
"enumerable": true,
"value": value,
"writable": true
});
} else {
object[key] = value;
}
}
function eq(value, other) {
return value === other || value !== value && other !== other;
}
var objectProto$8 = Object.prototype;
var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
function assignValue(object, key, value) {
var objValue = object[key];
if (!(hasOwnProperty$6.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
baseAssignValue(object, key, value);
}
}
function copyObject(source, props, object, customizer) {
var isNew = !object;
object || (object = {});
var index = -1, length = props.length;
while (++index < length) {
var key = props[index];
var newValue = void 0;
if (newValue === void 0) {
newValue = source[key];
}
if (isNew) {
baseAssignValue(object, key, newValue);
} else {
assignValue(object, key, newValue);
}
}
return object;
}
var nativeMax$1 = Math.max;
function overRest(func, start, transform) {
start = nativeMax$1(start === void 0 ? func.length - 1 : start, 0);
return function() {
var args = arguments, index = -1, length = nativeMax$1(args.length - start, 0), array = Array(length);
while (++index < length) {
array[index] = args[start + index];
}
index = -1;
var otherArgs = Array(start + 1);
while (++index < start) {
otherArgs[index] = args[index];
}
otherArgs[start] = transform(array);
return apply(func, this, otherArgs);
};
}
var MAX_SAFE_INTEGER = 9007199254740991;
function isLength(value) {
return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
}
function isArrayLike(value) {
return value != null && isLength(value.length) && !isFunction(value);
}
var objectProto$7 = Object.prototype;
function isPrototype(value) {
var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$7;
return value === proto;
}
function baseTimes(n, iteratee) {
var index = -1, result = Array(n);
while (++index < n) {
result[index] = iteratee(index);
}
return result;
}
var argsTag$2 = "[object Arguments]";
function baseIsArguments(value) {
return isObjectLike(value) && baseGetTag(value) == argsTag$2;
}
var objectProto$6 = Object.prototype;
var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
var propertyIsEnumerable$1 = objectProto$6.propertyIsEnumerable;
var isArguments = baseIsArguments(/* @__PURE__ */ function() {
return arguments;
}()) ? baseIsArguments : function(value) {
return isObjectLike(value) && hasOwnProperty$5.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
};
function stubFalse() {
return false;
}
var freeExports$2 = typeof exports == "object" && exports && !exports.nodeType && exports;
var freeModule$2 = freeExports$2 && typeof module == "object" && module && !module.nodeType && module;
var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
var Buffer$1 = moduleExports$2 ? root.Buffer : void 0;
var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : void 0;
var isBuffer = nativeIsBuffer || stubFalse;
var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", errorTag$1 = "[object Error]", funcTag$1 = "[object Function]", mapTag$4 = "[object Map]", numberTag$2 = "[object Number]", objectTag$3 = "[object Object]", regexpTag$2 = "[object RegExp]", setTag$4 = "[object Set]", stringTag$2 = "[object String]", weakMapTag$2 = "[object WeakMap]";
var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$3 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
var typedArrayTags = {};
typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true;
typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$2] = typedArrayTags[boolTag$2] = typedArrayTags[dataViewTag$3] = typedArrayTags[dateTag$2] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$4] = typedArrayTags[numberTag$2] = typedArrayTags[objectTag$3] = typedArrayTags[regexpTag$2] = typedArrayTags[setTag$4] = typedArrayTags[stringTag$2] = typedArrayTags[weakMapTag$2] = false;
function baseIsTypedArray(value) {
return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
}
function baseUnary(func) {
return function(value) {
return func(value);
};
}
var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
var freeProcess = moduleExports$1 && freeGlobal.process;
var nodeUtil = function() {
try {
var types = freeModule$1 && freeModule$1.require && freeModule$1.require("util").types;
if (types) {
return types;
}
return freeProcess && freeProcess.binding && freeProcess.binding("util");
} catch (e) {
}
}();
var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
function arrayLikeKeys(value, inherited) {
var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
for (var key in value) {
if (!(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
(key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
isIndex(key, length)))) {
result.push(key);
}
}
return result;
}
function overArg(func, transform) {
return function(arg) {
return func(transform(arg));
};
}
function nativeKeysIn(object) {
var result = [];
if (object != null) {
for (var key in Object(object)) {
result.push(key);
}
}
return result;
}
var objectProto$5 = Object.prototype;
var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
function baseKeysIn(object) {
if (!isObject(object)) {
return nativeKeysIn(object);
}
var isProto = isPrototype(object), result = [];
for (var key in object) {
if (!(key == "constructor" && (isProto || !hasOwnProperty$4.call(object, key)))) {
result.push(key);
}
}
return result;
}
function keysIn(object) {
return isArrayLike(object) ? arrayLikeKeys(object) : baseKeysIn(object);
}
var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
function isKey(value, object) {
if (isArray(value)) {
return false;
}
var type = typeof value;
if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol(value)) {
return true;
}
return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object);
}
var nativeCreate = getNative(Object, "create");
function hashClear() {
this.__data__ = nativeCreate ? nativeCreate(null) : {};
this.size = 0;
}
function hashDelete(key) {
var result = this.has(key) && delete this.__data__[key];
this.size -= result ? 1 : 0;
return result;
}
var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
var objectProto$4 = Object.prototype;
var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
function hashGet(key) {
var data = this.__data__;
if (nativeCreate) {
var result = data[key];
return result === HASH_UNDEFINED$1 ? void 0 : result;
}
return hasOwnProperty$3.call(data, key) ? data[key] : void 0;
}
var objectProto$3 = Object.prototype;
var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
function hashHas(key) {
var data = this.__data__;
return nativeCreate ? data[key] !== void 0 : hasOwnProperty$2.call(data, key);
}
var HASH_UNDEFINED = "__lodash_hash_undefined__";
function hashSet(key, value) {
var data = this.__data__;
this.size += this.has(key) ? 0 : 1;
data[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED : value;
return this;
}
function Hash(entries) {
var index = -1, length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
Hash.prototype.clear = hashClear;
Hash.prototype["delete"] = hashDelete;
Hash.prototype.get = hashGet;
Hash.prototype.has = hashHas;
Hash.prototype.set = hashSet;
function listCacheClear() {
this.__data__ = [];
this.size = 0;
}
function assocIndexOf(array, key) {
var length = array.length;
while (length--) {
if (eq(array[length][0], key)) {
return length;
}
}
return -1;
}
var arrayProto = Array.prototype;
var splice = arrayProto.splice;
function listCacheDelete(key) {
var data = this.__data__, index = assocIndexOf(data, key);
if (index < 0) {
return false;
}
var lastIndex = data.length - 1;
if (index == lastIndex) {
data.pop();
} else {
splice.call(data, index, 1);
}
--this.size;
return true;
}
function listCacheGet(key) {
var data = this.__data__, index = assocIndexOf(data, key);
return index < 0 ? void 0 : data[index][1];
}
function listCacheHas(key) {
return assocIndexOf(this.__data__, key) > -1;
}
function listCacheSet(key, value) {
var data = this.__data__, index = assocIndexOf(data, key);
if (index < 0) {
++this.size;
data.push([key, value]);
} else {
data[index][1] = value;
}
return this;
}
function ListCache(entries) {
var index = -1, length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
ListCache.prototype.clear = listCacheClear;
ListCache.prototype["delete"] = listCacheDelete;
ListCache.prototype.get = listCacheGet;
ListCache.prototype.has = listCacheHas;
ListCache.prototype.set = listCacheSet;
var Map$1 = getNative(root, "Map");
function mapCacheClear() {
this.size = 0;
this.__data__ = {
"hash": new Hash(),
"map": new (Map$1 || ListCache)(),
"string": new Hash()
};
}
function isKeyable(value) {
var type = typeof value;
return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
}
function getMapData(map, key) {
var data = map.__data__;
return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map;
}
function mapCacheDelete(key) {
var result = getMapData(this, key)["delete"](key);
this.size -= result ? 1 : 0;
return result;
}
function mapCacheGet(key) {
return getMapData(this, key).get(key);
}
function mapCacheHas(key) {
return getMapData(this, key).has(key);
}
function mapCacheSet(key, value) {
var data = getMapData(this, key), size = data.size;
data.set(key, value);
this.size += data.size == size ? 0 : 1;
return this;
}
function MapCache(entries) {
var index = -1, length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
MapCache.prototype.clear = mapCacheClear;
MapCache.prototype["delete"] = mapCacheDelete;
MapCache.prototype.get = mapCacheGet;
MapCache.prototype.has = mapCacheHas;
MapCache.prototype.set = mapCacheSet;
var FUNC_ERROR_TEXT$2 = "Expected a function";
function memoize(func, resolver) {
if (typeof func != "function" || resolver != null && typeof resolver != "function") {
throw new TypeError(FUNC_ERROR_TEXT$2);
}
var memoized = function() {
var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
if (cache.has(key)) {
return cache.get(key);
}
var result = func.apply(this, args);
memoized.cache = cache.set(key, result) || cache;
return result;
};
memoized.cache = new (memoize.Cache || MapCache)();
return memoized;
}
memoize.Cache = MapCache;
var MAX_MEMOIZE_SIZE = 500;
function memoizeCapped(func) {
var result = memoize(func, function(key) {
if (cache.size === MAX_MEMOIZE_SIZE) {
cache.clear();
}
return key;
});
var cache = result.cache;
return result;
}
var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
var reEscapeChar = /\\(\\)?/g;
var stringToPath = memoizeCapped(function(string) {
var result = [];
if (string.charCodeAt(0) === 46) {
result.push("");
}
string.replace(rePropName, function(match, number, quote, subString) {
result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match);
});
return result;
});
function toString(value) {
return value == null ? "" : baseToString(value);
}
function castPath(value, object) {
if (isArray(value)) {
return value;
}
return isKey(value, object) ? [value] : stringToPath(toString(value));
}
function toKey(value) {
if (typeof value == "string" || isSymbol(value)) {
return value;
}
var result = value + "";
return result == "0" && 1 / value == -Infinity ? "-0" : result;
}
function baseGet(object, path) {
path = castPath(path, object);
var index = 0, length = path.length;
while (object != null && index < length) {
object = object[toKey(path[index++])];
}
return index && index == length ? object : void 0;
}
function get(object, path, defaultValue) {
var result = object == null ? void 0 : baseGet(object, path);
return result === void 0 ? defaultValue : result;
}
function arrayPush(array, values) {
var index = -1, length = values.length, offset = array.length;
while (++index < length) {
array[offset + index] = values[index];
}
return array;
}
var spreadableSymbol = Symbol$1 ? Symbol$1.isConcatSpreadable : void 0;
function isFlattenable(value) {
return isArray(value) || isArguments(value) || !!(spreadableSymbol && value && value[spreadableSymbol]);
}
function baseFlatten(array, depth, predicate, isStrict, result) {
var index = -1, length = array.length;
predicate || (predicate = isFlattenable);
result || (result = []);
while (++index < length) {
var value = array[index];
if (predicate(value)) {
{
arrayPush(result, value);
}
} else {
result[result.length] = value;
}
}
return result;
}
function flatten(array) {
var length = array == null ? 0 : array.length;
return length ? baseFlatten(array) : [];
}
function flatRest(func) {
return setToString(overRest(func, void 0, flatten), func + "");
}
var getPrototype = overArg(Object.getPrototypeOf, Object);
var objectTag$2 = "[object Object]";
var funcProto = Function.prototype, objectProto$2 = Object.prototype;
var funcToString = funcProto.toString;
var hasOwnProperty$1 = objectProto$2.hasOwnProperty;
var objectCtorString = funcToString.call(Object);
function isPlainObject(value) {
if (!isObjectLike(value) || baseGetTag(value) != objectTag$2) {
return false;
}
var proto = getPrototype(value);
if (proto === null) {
return true;
}
var Ctor = hasOwnProperty$1.call(proto, "constructor") && proto.constructor;
return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
}
function baseSlice(array, start, end) {
var index = -1, length = array.length;
if (start < 0) {
start = -start > length ? 0 : length + start;
}
end = end > length ? length : end;
if (end < 0) {
end += length;
}
length = start > end ? 0 : end - start >>> 0;
start >>>= 0;
var result = Array(length);
while (++index < length) {
result[index] = array[index + start];
}
return result;
}
function stackClear() {
this.__data__ = new ListCache();
this.size = 0;
}
function stackDelete(key) {
var data = this.__data__, result = data["delete"](key);
this.size = data.size;
return result;
}
function stackGet(key) {
return this.__data__.get(key);
}
function stackHas(key) {
return this.__data__.has(key);
}
var LARGE_ARRAY_SIZE = 200;
function stackSet(key, value) {
var data = this.__data__;
if (data instanceof ListCache) {
var pairs = data.__data__;
if (!Map$1 || pairs.length < LARGE_ARRAY_SIZE - 1) {
pairs.push([key, value]);
this.size = ++data.size;
return this;
}
data = this.__data__ = new MapCache(pairs);
}
data.set(key, value);
this.size = data.size;
return this;
}
function Stack(entries) {
var data = this.__data__ = new ListCache(entries);
this.size = data.size;
}
Stack.prototype.clear = stackClear;
Stack.prototype["delete"] = stackDelete;
Stack.prototype.get = stackGet;
Stack.prototype.has = stackHas;
Stack.prototype.set = stackSet;
var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
var moduleExports = freeModule && freeModule.exports === freeExports;
var Buffer2 = moduleExports ? root.Buffer : void 0;
Buffer2 ? Buffer2.allocUnsafe : void 0;
function cloneBuffer(buffer, isDeep) {
{
return buffer.slice();
}
}
function arrayFilter(array, predicate) {
var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
while (++index < length) {
var value = array[index];
if (predicate(value, index, array)) {
result[resIndex++] = value;
}
}
return result;
}
function stubArray() {
return [];
}
var objectProto$1 = Object.prototype;
var propertyIsEnumerable = objectProto$1.propertyIsEnumerable;
var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object) {
if (object == null) {
return [];
}
object = Object(object);
return arrayFilter(nativeGetSymbols$1(object), function(symbol) {
return propertyIsEnumerable.call(object, symbol);
});
};
var nativeGetSymbols = Object.getOwnPropertySymbols;
var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
var result = [];
while (object) {
arrayPush(result, getSymbols(object));
object = getPrototype(object);
}
return result;
};
function baseGetAllKeys(object, keysFunc, symbolsFunc) {
var result = keysFunc(object);
return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
}
function getAllKeysIn(object) {
return baseGetAllKeys(object, keysIn, getSymbolsIn);
}
var DataView = getNative(root, "DataView");
var Promise$1 = getNative(root, "Promise");
var Set$1 = getNative(root, "Set");
var mapTag$3 = "[object Map]", objectTag$1 = "[object Object]", promiseTag = "[object Promise]", setTag$3 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
var dataViewTag$2 = "[object DataView]";
var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1);
var getTag = baseGetTag;
if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$2 || Map$1 && getTag(new Map$1()) != mapTag$3 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$3 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$1) {
getTag = function(value) {
var result = baseGetTag(value), Ctor = result == objectTag$1 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
if (ctorString) {
switch (ctorString) {
case dataViewCtorString:
return dataViewTag$2;
case mapCtorString:
return mapTag$3;
case promiseCtorString:
return promiseTag;
case setCtorString:
return setTag$3;
case weakMapCtorString:
return weakMapTag$1;
}
}
return result;
};
}
var objectProto = Object.prototype;
var hasOwnProperty = objectProto.hasOwnProperty;
function initCloneArray(array) {
var length = array.length, result = new array.constructor(length);
if (length && typeof array[0] == "string" && hasOwnProperty.call(array, "index")) {
result.index = array.index;
result.input = array.input;
}
return result;
}
var Uint8Array$1 = root.Uint8Array;
function cloneArrayBuffer(arrayBuffer) {
var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
return result;
}
function cloneDataView(dataView, isDeep) {
var buffer = cloneArrayBuffer(dataView.buffer);
return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
}
var reFlags = /\w*$/;
function cloneRegExp(regexp) {
var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
result.lastIndex = regexp.lastIndex;
return result;
}
var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
function cloneSymbol(symbol) {
return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};
}
function cloneTypedArray(typedArray, isDeep) {
var buffer = cloneArrayBuffer(typedArray.buffer);
return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
}
var boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", mapTag$2 = "[object Map]", numberTag$1 = "[object Number]", regexpTag$1 = "[object RegExp]", setTag$2 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]";
var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag$1 = "[object Float32Array]", float64Tag$1 = "[object Float64Array]", int8Tag$1 = "[object Int8Array]", int16Tag$1 = "[object Int16Array]", int32Tag$1 = "[object Int32Array]", uint8Tag$1 = "[object Uint8Array]", uint8ClampedTag$1 = "[object Uint8ClampedArray]", uint16Tag$1 = "[object Uint16Array]", uint32Tag$1 = "[object Uint32Array]";
function initCloneByTag(object, tag, isDeep) {
var Ctor = object.constructor;
switch (tag) {
case arrayBufferTag$1:
return cloneArrayBuffer(object);
case boolTag$1:
case dateTag$1:
return new Ctor(+object);
case dataViewTag$1:
return cloneDataView(object);
case float32Tag$1:
case float64Tag$1:
case int8Tag$1:
case int16Tag$1:
case int32Tag$1:
case uint8Tag$1:
case uint8ClampedTag$1:
case uint16Tag$1:
case uint32Tag$1:
return cloneTypedArray(object);
case mapTag$2:
return new Ctor();
case numberTag$1:
case stringTag$1:
return new Ctor(object);
case regexpTag$1:
return cloneRegExp(object);
case setTag$2:
return new Ctor();
case symbolTag$1:
return cloneSymbol(object);
}
}
var mapTag$1 = "[object Map]";
function baseIsMap(value) {
return isObjectLike(value) && getTag(value) == mapTag$1;
}
var nodeIsMap = nodeUtil && nodeUtil.isMap;
var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
var setTag$1 = "[object Set]";
function baseIsSet(value) {
return isObjectLike(value) && getTag(value) == setTag$1;
}
var nodeIsSet = nodeUtil && nodeUtil.isSet;
var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", weakMapTag = "[object WeakMap]";
var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
var cloneableTags = {};
cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
function baseClone(value, bitmask, customizer, key, object, stack) {
var result;
if (customizer) {
result = object ? customizer(value, key, object, stack) : customizer(value);
}
if (result !== void 0) {
return result;
}
if (!isObject(value)) {
return value;
}
var isArr = isArray(value);
if (isArr) {
result = initCloneArray(value);
} else {
var tag = getTag(value), isFunc = tag == funcTag || tag == genTag;
if (isBuffer(value)) {
return cloneBuffer(value);
}
if (tag == objectTag || tag == argsTag || isFunc && !object) {
result = {};
} else {
if (!cloneableTags[tag]) {
return object ? value : {};
}
result = initCloneByTag(value, tag);
}
}
stack || (stack = new Stack());
var stacked = stack.get(value);
if (stacked) {
return stacked;
}
stack.set(value, result);
if (isSet(value)) {
value.forEach(function(subValue) {
result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
});
} else if (isMap(value)) {
value.forEach(function(subValue, key2) {
result.set(key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
});
}
var keysFunc = getAllKeysIn;
var props = isArr ? void 0 : keysFunc(value);
arrayEach(props || value, function(subValue, key2) {
if (props) {
key2 = subValue;
subValue = value[key2];
}
assignValue(result, key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
});
return result;
}
function baseHasIn(object, key) {
return object != null && key in Object(object);
}
function hasPath(object, path, hasFunc) {
path = castPath(path, object);
var index = -1, length = path.length, result = false;
while (++index < length) {
var key = toKey(path[index]);
if (!(result = object != null && hasFunc(object, key))) {
break;
}
object = object[key];
}
if (result || ++index != length) {
return result;
}
length = object == null ? 0 : object.length;
return !!length && isLength(length) && isIndex(key, length) && (isArray(object) || isArguments(object));
}
function hasIn(object, path) {
return object != null && hasPath(object, path, baseHasIn);
}
var now = function() {
return root.Date.now();
};
var FUNC_ERROR_TEXT$1 = "Expected a function";
var nativeMax = Math.max, nativeMin = Math.min;
function debounce(func, wait, options) {
var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
if (typeof func != "function") {
throw new TypeError(FUNC_ERROR_TEXT$1);
}
wait = toNumber(wait) || 0;
if (isObject(options)) {
leading = !!options.leading;
maxing = "maxWait" in options;
maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
trailing = "trailing" in options ? !!options.trailing : trailing;
}
function invokeFunc(time) {
var args = lastArgs, thisArg = lastThis;
lastArgs = lastThis = void 0;
lastInvokeTime = time;
result = func.apply(thisArg, args);
return result;
}
function leadingEdge(time) {
lastInvokeTime = time;
timerId = setTimeout(timerExpired, wait);
return leading ? invokeFunc(time) : result;
}
function remainingWait(time) {
var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
}
function shouldInvoke(time) {
var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
}
function timerExpired() {
var time = now();
if (shouldInvoke(time)) {
return trailingEdge(time);
}
timerId = setTimeout(timerExpired, remainingWait(time));
}
function trailingEdge(time) {
timerId = void 0;
if (trailing && lastArgs) {
return invokeFunc(time);
}
lastArgs = lastThis = void 0;
return result;
}
function cancel() {
if (timerId !== void 0) {
clearTimeout(timerId);
}
lastInvokeTime = 0;
lastArgs = lastCallTime = lastThis = timerId = void 0;
}
function flush() {
return timerId === void 0 ? result : trailingEdge(now());
}
function debounced() {
var time = now(), isInvoking = shouldInvoke(time);
lastArgs = arguments;
lastThis = this;
lastCallTime = time;
if (isInvoking) {
if (timerId === void 0) {
return leadingEdge(lastCallTime);
}
if (maxing) {
clearTimeout(timerId);
timerId = setTimeout(timerExpired, wait);
return invokeFunc(lastCallTime);
}
}
if (timerId === void 0) {
timerId = setTimeout(timerExpired, wait);
}
return result;
}
debounced.cancel = cancel;
debounced.flush = flush;
return debounced;
}
function last(array) {
var length = array == null ? 0 : array.length;
return length ? array[length - 1] : void 0;
}
function fromPairs(pairs) {
var index = -1, length = pairs == null ? 0 : pairs.length, result = {};
while (++index < length) {
var pair = pairs[index];
result[pair[0]] = pair[1];
}
return result;
}
function parent(object, path) {
return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1));
}
function isNil(value) {
return value == null;
}
function baseUnset(object, path) {
path = castPath(path, object);
object = parent(object, path);
return object == null || delete object[toKey(last(path))];
}
function customOmitClone(value) {
return isPlainObject(value) ? void 0 : value;
}
var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4;
var omit = flatRest(function(object, paths) {
var result = {};
if (object == null) {
return result;
}
var isDeep = false;
paths = arrayMap(paths, function(path) {
path = castPath(path, object);
isDeep || (isDeep = path.length > 1);
return path;
});
copyObject(object, getAllKeysIn(object), result);
if (isDeep) {
result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);
}
var length = paths.length;
while (length--) {
baseUnset(result, paths[length]);
}
return result;
});
function baseSet(object, path, value, customizer) {
if (!isObject(object)) {
return object;
}
path = castPath(path, object);
var index = -1, length = path.length, lastIndex = length - 1, nested = object;
while (nested != null && ++index < length) {
var key = toKey(path[index]), newValue = value;
if (key === "__proto__" || key === "constructor" || key === "prototype") {
return object;
}
if (index != lastIndex) {
var objValue = nested[key];
newValue = void 0;
if (newValue === void 0) {
newValue = isObject(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};
}
}
assignValue(nested, key, newValue);
nested = nested[key];
}
return object;
}
function basePickBy(object, paths, predicate) {
var index = -1, length = paths.length, result = {};
while (++index < length) {
var path = paths[index], value = baseGet(object, path);
if (predicate(value, path)) {
baseSet(result, castPath(path, object), value);
}
}
return result;
}
function basePick(object, paths) {
return basePickBy(object, paths, function(value, path) {
return hasIn(object, path);
});
}
var pick = flatRest(function(object, paths) {
return object == null ? {} : basePick(object, paths);
});
var FUNC_ERROR_TEXT = "Expected a function";
function throttle(func, wait, options) {
var leading = true, trailing = true;
if (typeof func != "function") {
throw new TypeError(FUNC_ERROR_TEXT);
}
if (isObject(options)) {
leading = "leading" in options ? !!options.leading : leading;
trailing = "trailing" in options ? !!options.trailing : trailing;
}
return debounce(func, wait, {
"leading": leading,
"maxWait": wait,
"trailing": trailing
});
}
const isUndefined = (val) => val === void 0;
const isBoolean = (val) => typeof val === "boolean";
const isNumber = (val) => typeof val === "number";
const isElement = (e) => {
if (typeof Element === "undefined")
return false;
return e instanceof Element;
};
const isStringNumber = (val) => {
if (!isString$1(val)) {
return false;
}
return !Number.isNaN(Number(val));
};
var __defProp$9 = Object.defineProperty;
var __defProps$6 = Object.defineProperties;
var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
var __hasOwnProp$b = Object.prototype.hasOwnProperty;
var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues$9 = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp$b.call(b, prop))
__defNormalProp$9(a, prop, b[prop]);
if (__getOwnPropSymbols$b)
for (var prop of __getOwnPropSymbols$b(b)) {
if (__propIsEnum$b.call(b, prop))
__defNormalProp$9(a, prop, b[prop]);
}
return a;
};
var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
function computedEager(fn, options) {
var _a2;
const result = vueDemi.shallowRef();
vueDemi.watchEffect(() => {
result.value = fn();
}, __spreadProps$6(__spreadValues$9({}, options), {
flush: (_a2 = void 0) != null ? _a2 : "sync"
}));
return vueDemi.readonly(result);
}
var _a;
const isClient = typeof window !== "undefined";
const isString = (val) => typeof val === "string";
const noop = () => {
};
isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
function resolveUnref(r) {
return typeof r === "function" ? r() : vueDemi.unref(r);
}
function createFilterWrapper(filter, fn) {
function wrapper(...args) {
return new Promise((resolve, reject) => {
Promise.resolve(filter(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
});
}
return wrapper;
}
function throttleFilter(ms, trailing = true, leading = true, rejectOnCancel = false) {
let lastExec = 0;
let timer;
let isLeading = true;
let lastRejector = noop;
let lastValue;
const clear = () => {
if (timer) {
clearTimeout(timer);
timer = void 0;
lastRejector();
lastRejector = noop;
}
};
const filter = (_invoke) => {
const duration = resolveUnref(ms);
const elapsed = Date.now() - lastExec;
const invoke = () => {
return lastValue = _invoke();
};
clear();
if (duration <= 0) {
lastExec = Date.now();
return invoke();
}
if (elapsed > duration && (leading || !isLeading)) {
lastExec = Date.now();
invoke();
} else if (trailing) {
lastValue = new Promise((resolve, reject) => {
lastRejector = rejectOnCancel ? reject : resolve;
timer = setTimeout(() => {
lastExec = Date.now();
isLeading = true;
resolve(invoke());
clear();
}, Math.max(0, duration - elapsed));
});
}
if (!leading && !timer)
timer = setTimeout(() => isLeading = true, duration);
isLeading = false;
return lastValue;
};
return filter;
}
function identity(arg) {
return arg;
}
function tryOnScopeDispose(fn) {
if (vueDemi.getCurrentScope()) {
vueDemi.onScopeDispose(fn);
return true;
}
return false;
}
function useThrottleFn(fn, ms = 200, trailing = false, leading = true, rejectOnCancel = false) {
return createFilterWrapper(throttleFilter(ms, trailing, leading, rejectOnCancel), fn);
}
function tryOnMounted(fn, sync = true) {
if (vueDemi.getCurrentInstance())
vueDemi.onMounted(fn);
else if (sync)
fn();
else
vueDemi.nextTick(fn);
}
function unrefElement(elRef) {
var _a2;
const plain = resolveUnref(elRef);
return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
}
const defaultWindow = isClient ? window : void 0;
const defaultDocument = isClient ? window.document : void 0;
function useEventListener(...args) {
let target;
let events;
let listeners;
let options;
if (isString(args[0]) || Array.isArray(args[0])) {
[events, listeners, options] = args;
target = defaultWindow;
} else {
[target, events, listeners, options] = args;
}
if (!target)
return noop;
if (!Array.isArray(events))
events = [events];
if (!Array.isArray(listeners))
listeners = [listeners];
const cleanups = [];
const cleanup = () => {
cleanups.forEach((fn) => fn());
cleanups.length = 0;
};
const register = (el, event, listener, options2) => {
el.addEventListener(event, listener, options2);
return () => el.removeEventListener(event, listener, options2);
};
const stopWatch = vueDemi.watch(() => [unrefElement(target), resolveUnref(options)], ([el, options2]) => {
cleanup();
if (!el)
return;
cleanups.push(...events.flatMap((event) => {
return listeners.map((listener) => register(el, event, listener, options2));
}));
}, { immediate: true, flush: "post" });
const stop = () => {
stopWatch();
cleanup();
};
tryOnScopeDispose(stop);
return stop;
}
function useSupported(callback, sync = false) {
const isSupported = vueDemi.ref();
const update = () => isSupported.value = Boolean(callback());
update();
tryOnMounted(update, sync);
return isSupported;
}
const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
const globalKey = "__vueuse_ssr_handlers__";
_global[globalKey] = _global[globalKey] || {};
function useDocumentVisibility({ document: document2 = defaultDocument } = {}) {
if (!document2)
return vueDemi.ref("visible");
const visibility = vueDemi.ref(document2.visibilityState);
useEventListener(document2, "visibilitychange", () => {
visibility.value = document2.visibilityState;
});
return visibility;
}
var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
var __hasOwnProp$g = Object.prototype.hasOwnProperty;
var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
var __objRest$2 = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols$g)
for (var prop of __getOwnPropSymbols$g(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
target[prop] = source[prop];
}
return target;
};
function useResizeObserver(target, callback, options = {}) {
const _a2 = options, { window: window2 = defaultWindow } = _a2, observerOptions = __objRest$2(_a2, ["window"]);
let observer;
const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
const cleanup = () => {
if (observer) {
observer.disconnect();
observer = void 0;
}
};
const stopWatch = vueDemi.watch(() => unrefElement(target), (el) => {
cleanup();
if (isSupported.value && window2 && el) {
observer = new ResizeObserver(callback);
observer.observe(el, observerOptions);
}
}, { immediate: true, flush: "post" });
const stop = () => {
cleanup();
stopWatch();
};
tryOnScopeDispose(stop);
return {
isSupported,
stop
};
}
var SwipeDirection;
(function(SwipeDirection2) {
SwipeDirection2["UP"] = "UP";
SwipeDirection2["RIGHT"] = "RIGHT";
SwipeDirection2["DOWN"] = "DOWN";
SwipeDirection2["LEFT"] = "LEFT";
SwipeDirection2["NONE"] = "NONE";
})(SwipeDirection || (SwipeDirection = {}));
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
const _TransitionPresets = {
easeInSine: [0.12, 0, 0.39, 0],
easeOutSine: [0.61, 1, 0.88, 1],
easeInOutSine: [0.37, 0, 0.63, 1],
easeInQuad: [0.11, 0, 0.5, 0],
easeOutQuad: [0.5, 1, 0.89, 1],
easeInOutQuad: [0.45, 0, 0.55, 1],
easeInCubic: [0.32, 0, 0.67, 0],
easeOutCubic: [0.33, 1, 0.68, 1],
easeInOutCubic: [0.65, 0, 0.35, 1],
easeInQuart: [0.5, 0, 0.75, 0],
easeOutQuart: [0.25, 1, 0.5, 1],
easeInOutQuart: [0.76, 0, 0.24, 1],
easeInQuint: [0.64, 0, 0.78, 0],
easeOutQuint: [0.22, 1, 0.36, 1],
easeInOutQuint: [0.83, 0, 0.17, 1],
easeInExpo: [0.7, 0, 0.84, 0],
easeOutExpo: [0.16, 1, 0.3, 1],
easeInOutExpo: [0.87, 0, 0.13, 1],
easeInCirc: [0.55, 0, 1, 0.45],
easeOutCirc: [0, 0.55, 0.45, 1],
easeInOutCirc: [0.85, 0, 0.15, 1],
easeInBack: [0.36, 0, 0.66, -0.56],
easeOutBack: [0.34, 1.56, 0.64, 1],
easeInOutBack: [0.68, -0.6, 0.32, 1.6]
};
__spreadValues({
linear: identity
}, _TransitionPresets);
function useWindowFocus({ window: window2 = defaultWindow } = {}) {
if (!window2)
return vueDemi.ref(false);
const focused = vueDemi.ref(window2.document.hasFocus());
useEventListener(window2, "blur", () => {
focused.value = false;
});
useEventListener(window2, "focus", () => {
focused.value = true;
});
return focused;
}
class ElementPlusError extends Error {
constructor(m) {
super(m);
this.name = "ElementPlusError";
}
}
function throwError(scope, m) {
throw new ElementPlusError(`[${scope}] ${m}`);
}
const initial = {
current: 0
};
const zIndex = vue.ref(0);
const defaultInitialZIndex = 2e3;
const ZINDEX_INJECTION_KEY = Symbol("elZIndexContextKey");
const zIndexContextKey = Symbol("zIndexContextKey");
const useZIndex = (zIndexOverrides) => {
const increasingInjection = vue.getCurrentInstance() ? vue.inject(ZINDEX_INJECTION_KEY, initial) : initial;
const zIndexInjection = zIndexOverrides || (vue.getCurrentInstance() ? vue.inject(zIndexContextKey, void 0) : void 0);
const initialZIndex = vue.computed(() => {
const zIndexFromInjection = vue.unref(zIndexInjection);
return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
});
const currentZIndex = vue.computed(() => initialZIndex.value + zIndex.value);
const nextZIndex = () => {
increasingInjection.current++;
zIndex.value = increasingInjection.current;
return currentZIndex.value;
};
if (!isClient && !vue.inject(ZINDEX_INJECTION_KEY)) ;
return {
initialZIndex,
currentZIndex,
nextZIndex
};
};
var English = {
name: "en",
el: {
breadcrumb: {
label: "Breadcrumb"
},
colorpicker: {
confirm: "OK",
clear: "Clear",
defaultLabel: "color picker",
description: "current color is {color}. press enter to select a new color.",
alphaLabel: "pick alpha value"
},
datepicker: {
now: "Now",
today: "Today",
cancel: "Cancel",
clear: "Clear",
confirm: "OK",
dateTablePrompt: "Use the arrow keys and enter to select the day of the month",
monthTablePrompt: "Use the arrow keys and enter to select the month",
yearTablePrompt: "Use the arrow keys and enter to select the year",
selectedDate: "Selected date",
selectDate: "Select date",
selectTime: "Select time",
startDate: "Start Date",
startTime: "Start Time",
endDate: "End Date",
endTime: "End Time",
prevYear: "Previous Year",
nextYear: "Next Year",
prevMonth: "Previous Month",
nextMonth: "Next Month",
year: "",
month1: "January",
month2: "February",
month3: "March",
month4: "April",
month5: "May",
month6: "June",
month7: "July",
month8: "August",
month9: "September",
month10: "October",
month11: "November",
month12: "December",
week: "week",
weeks: {
sun: "Sun",
mon: "Mon",
tue: "Tue",
wed: "Wed",
thu: "Thu",
fri: "Fri",
sat: "Sat"
},
weeksFull: {
sun: "Sunday",
mon: "Monday",
tue: "Tuesday",
wed: "Wednesday",
thu: "Thursday",
fri: "Friday",
sat: "Saturday"
},
months: {
jan: "Jan",
feb: "Feb",
mar: "Mar",
apr: "Apr",
may: "May",
jun: "Jun",
jul: "Jul",
aug: "Aug",
sep: "Sep",
oct: "Oct",
nov: "Nov",
dec: "Dec"
}
},
inputNumber: {
decrease: "decrease number",
increase: "increase number"
},
select: {
loading: "Loading",
noMatch: "No matching data",
noData: "No data",
placeholder: "Select"
},
mention: {
loading: "Loading"
},
dropdown: {
toggleDropdown: "Toggle Dropdown"
},
cascader: {
noMatch: "No matching data",
loading: "Loading",
placeholder: "Select",
noData: "No data"
},
pagination: {
goto: "Go to",
pagesize: "/page",
total: "Total {total}",
pageClassifier: "",
page: "Page",
prev: "Go to previous page",
next: "Go to next page",
currentPage: "page {pager}",
prevPages: "Previous {pager} pages",
nextPages: "Next {pager} pages",
deprecationWarning: "Deprecated usages detected, please refer to the el-pagination documentation for more details"
},
dialog: {
close: "Close this dialog"
},
drawer: {
close: "Close this dialog"
},
messagebox: {
title: "Message",
confirm: "OK",
cancel: "Cancel",
error: "Illegal input",
close: "Close this dialog"
},
upload: {
deleteTip: "press delete to remove",
delete: "Delete",
preview: "Preview",
continue: "Continue"
},
slider: {
defaultLabel: "slider between {min} and {max}",
defaultRangeStartLabel: "pick start value",
defaultRangeEndLabel: "pick end value"
},
table: {
emptyText: "No Data",
confirmFilter: "Confirm",
resetFilter: "Reset",
clearFilter: "All",
sumText: "Sum"
},
tour: {
next: "Next",
previous: "Previous",
finish: "Finish"
},
tree: {
emptyText: "No Data"
},
transfer: {
noMatch: "No matching data",
noData: "No data",
titles: ["List 1", "List 2"],
filterPlaceholder: "Enter keyword",
noCheckedFormat: "{total} items",
hasCheckedFormat: "{checked}/{total} checked"
},
image: {
error: "FAILED"
},
pageHeader: {
title: "Back"
},
popconfirm: {
confirmButtonText: "Yes",
cancelButtonText: "No"
},
carousel: {
leftArrow: "Carousel arrow left",
rightArrow: "Carousel arrow right",
indicator: "Carousel switch to index {index}"
}
}
};
const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
const translate = (path, option, locale) => get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
var _a2;
return `${(_a2 = option == null ? void 0 : option[key]) != null ? _a2 : `{${key}}`}`;
});
const buildLocaleContext = (locale) => {
const lang = vue.computed(() => vue.unref(locale).name);
const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
return {
lang,
locale: localeRef,
t: buildTranslator(locale)
};
};
const localeContextKey = Symbol("localeContextKey");
const useLocale = (localeOverrides) => {
const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
return buildLocaleContext(vue.computed(() => locale.value || English));
};
const epPropKey = "__epPropKey";
const definePropType = (val) => val;
const isEpProp = (val) => isObject$1(val) && !!val[epPropKey];
const buildProp = (prop, key) => {
if (!isObject$1(prop) || isEpProp(prop))
return prop;
const { values, required, default: defaultValue, type, validator } = prop;
const _validator = values || validator ? (val) => {
let valid = false;
let allowedValues = [];
if (values) {
allowedValues = Array.from(values);
if (hasOwn(prop, "default")) {
allowedValues.push(defaultValue);
}
valid || (valid = allowedValues.includes(val));
}
if (validator)
valid || (valid = validator(val));
if (!valid && allowedValues.length > 0) {
const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
vue.warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
}
return valid;
} : void 0;
const epProp = {
type,
required: !!required,
validator: _validator,
[epPropKey]: true
};
if (hasOwn(prop, "default"))
epProp.default = defaultValue;
return epProp;
};
const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
key,
buildProp(option, key)
]));
const componentSizes = ["", "default", "small", "large"];
const useSizeProp = buildProp({
type: String,
values: componentSizes,
required: false
});
const SIZE_INJECTION_KEY = Symbol("size");
const useGlobalSize = () => {
const injectedSize = vue.inject(SIZE_INJECTION_KEY, {});
return vue.computed(() => {
return vue.unref(injectedSize.size) || "";
});
};
const emptyValuesContextKey = Symbol("emptyValuesContextKey");
buildProps({
emptyValues: Array,
valueOnClear: {
type: [String, Number, Boolean, Function],
default: void 0,
validator: (val) => isFunction$1(val) ? !val() : !val
}
});
const keysOf = (arr) => Object.keys(arr);
const globalConfig = vue.ref();
function useGlobalConfig(key, defaultValue = void 0) {
const config = vue.getCurrentInstance() ? vue.inject(configProviderContextKey, globalConfig) : globalConfig;
if (key) {
return vue.computed(() => {
var _a2, _b;
return (_b = (_a2 = config.value) == null ? void 0 : _a2[key]) != null ? _b : defaultValue;
});
} else {
return config;
}
}
function useGlobalComponentSettings(block, sizeFallback) {
const config = useGlobalConfig();
const ns = useNamespace(block, vue.computed(() => {
var _a2;
return ((_a2 = config.value) == null ? void 0 : _a2.namespace) || defaultNamespace;
}));
const locale = useLocale(vue.computed(() => {
var _a2;
return (_a2 = config.value) == null ? void 0 : _a2.locale;
}));
const zIndex2 = useZIndex(vue.computed(() => {
var _a2;
return ((_a2 = config.value) == null ? void 0 : _a2.zIndex) || defaultInitialZIndex;
}));
const size = vue.computed(() => {
var _a2;
return vue.unref(sizeFallback) || ((_a2 = config.value) == null ? void 0 : _a2.size) || "";
});
provideGlobalConfig(vue.computed(() => vue.unref(config) || {}));
return {
ns,
locale,
zIndex: zIndex2,
size
};
}
const provideGlobalConfig = (config, app, global2 = false) => {
var _a2;
const inSetup = !!vue.getCurrentInstance();
const oldConfig = inSetup ? useGlobalConfig() : void 0;
const provideFn = (_a2 = void 0) != null ? _a2 : inSetup ? vue.provide : void 0;
if (!provideFn) {
return;
}
const context = vue.computed(() => {
const cfg = vue.unref(config);
if (!(oldConfig == null ? void 0 : oldConfig.value))
return cfg;
return mergeConfig(oldConfig.value, cfg);
});
provideFn(configProviderContextKey, context);
provideFn(localeContextKey, vue.computed(() => context.value.locale));
provideFn(namespaceContextKey, vue.computed(() => context.value.namespace));
provideFn(zIndexContextKey, vue.computed(() => context.value.zIndex));
provideFn(SIZE_INJECTION_KEY, {
size: vue.computed(() => context.value.size || "")
});
provideFn(emptyValuesContextKey, vue.computed(() => ({
emptyValues: context.value.emptyValues,
valueOnClear: context.value.valueOnClear
})));
if (global2 || !globalConfig.value) {
globalConfig.value = context.value;
}
return context;
};
const mergeConfig = (a, b) => {
const keys = [.../* @__PURE__ */ new Set([...keysOf(a), ...keysOf(b)])];
const obj = {};
for (const key of keys) {
obj[key] = b[key] !== void 0 ? b[key] : a[key];
}
return obj;
};
const UPDATE_MODEL_EVENT = "update:modelValue";
var _export_sfc = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
const addClass = (el, cls) => {
if (!el || !cls.trim())
return;
el.classList.add(...classNameToArray(cls));
};
const removeClass = (el, cls) => {
if (!el || !cls.trim())
return;
el.classList.remove(...classNameToArray(cls));
};
const getStyle = (element, styleName) => {
var _a2;
if (!isClient || !element || !styleName)
return "";
let key = camelize(styleName);
if (key === "float")
key = "cssFloat";
try {
const style = element.style[key];
if (style)
return style;
const computed2 = (_a2 = document.defaultView) == null ? void 0 : _a2.getComputedStyle(element, "");
return computed2 ? computed2[key] : "";
} catch (e) {
return element.style[key];
}
};
function addUnit(value, defaultUnit = "px") {
if (!value)
return "";
if (isNumber(value) || isStringNumber(value)) {
return `${value}${defaultUnit}`;
} else if (isString$1(value)) {
return value;
}
}
const isScroll = (el, isVertical) => {
if (!isClient)
return false;
const key = {
undefined: "overflow",
true: "overflow-y",
false: "overflow-x"
}[String(isVertical)];
const overflow = getStyle(el, key);
return ["scroll", "auto", "overlay"].some((s) => overflow.includes(s));
};
const getScrollContainer = (el, isVertical) => {
if (!isClient)
return;
let parent2 = el;
while (parent2) {
if ([window, document, document.documentElement].includes(parent2))
return window;
if (isScroll(parent2, isVertical))
return parent2;
parent2 = parent2.parentNode;
}
return parent2;
};
const withInstall = (main, extra) => {
main.install = (app) => {
for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
app.component(comp.name, comp);
}
};
if (extra) {
for (const [key, comp] of Object.entries(extra)) {
main[key] = comp;
}
}
return main;
};
const withNoopInstall = (component) => {
component.install = NOOP;
return component;
};
const iconProps = buildProps({
size: {
type: definePropType([Number, String])
},
color: {
type: String
}
});
const __default__$n = vue.defineComponent({
name: "ElIcon",
inheritAttrs: false
});
const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
...__default__$n,
props: iconProps,
setup(__props) {
const props = __props;
const ns = useNamespace("icon");
const style = vue.computed(() => {
const { size, color } = props;
if (!size && !color)
return {};
return {
fontSize: isUndefined(size) ? void 0 : addUnit(size),
"--color": color
};
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
class: vue.unref(ns).b(),
style: vue.unref(style)
}, _ctx.$attrs), [
vue.renderSlot(_ctx.$slots, "default")
], 16);
};
}
});
var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "icon.vue"]]);
const ElIcon = withInstall(Icon);
const iconPropType = definePropType([
String,
Object,
Function
]);
const mutable = (val) => val;
const ariaProps = buildProps({
ariaLabel: String,
ariaOrientation: {
type: String,
values: ["horizontal", "vertical", "undefined"]
},
ariaControls: String
});
const useAriaProps = (arias) => {
return pick(ariaProps, arias);
};
const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
const LISTENER_PREFIX = /^on[A-Z]/;
const useAttrs = (params = {}) => {
const { excludeListeners = false, excludeKeys } = params;
const allExcludeKeys = vue.computed(() => {
return ((excludeKeys == null ? void 0 : excludeKeys.value) || []).concat(DEFAULT_EXCLUDE_KEYS);
});
const instance = vue.getCurrentInstance();
if (!instance) {
return vue.computed(() => ({}));
}
return vue.computed(() => {
var _a2;
return fromPairs(Object.entries((_a2 = instance.proxy) == null ? void 0 : _a2.$attrs).filter(([key]) => !allExcludeKeys.value.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))));
});
};
const defaultIdInjection = {
prefix: Math.floor(Math.random() * 1e4),
current: 0
};
const ID_INJECTION_KEY = Symbol("elIdInjection");
const useIdInjection = () => {
return vue.getCurrentInstance() ? vue.inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
};
const useId = (deterministicId) => {
const idInjection = useIdInjection();
const namespace = useGetDerivedNamespace();
const idRef = computedEager(() => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
return idRef;
};
const formContextKey = Symbol("formContextKey");
const formItemContextKey = Symbol("formItemContextKey");
const useFormItem = () => {
const form = vue.inject(formContextKey, void 0);
const formItem = vue.inject(formItemContextKey, void 0);
return {
form,
formItem
};
};
const useProp = (name) => {
const vm = vue.getCurrentInstance();
return vue.computed(() => {
var _a2, _b;
return (_b = (_a2 = vm == null ? void 0 : vm.proxy) == null ? void 0 : _a2.$props) == null ? void 0 : _b[name];
});
};
const useFormSize = (fallback, ignore = {}) => {
const emptyRef = vue.ref(void 0);
const size = ignore.prop ? emptyRef : useProp("size");
const globalConfig2 = ignore.global ? emptyRef : useGlobalSize();
const form = ignore.form ? { size: void 0 } : vue.inject(formContextKey, void 0);
const formItem = ignore.formItem ? { size: void 0 } : vue.inject(formItemContextKey, void 0);
return vue.computed(() => size.value || vue.unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig2.value || "");
};
const useFormDisabled = (fallback) => {
const disabled = useProp("disabled");
const form = vue.inject(formContextKey, void 0);
return vue.computed(() => disabled.value || vue.unref(fallback) || (form == null ? void 0 : form.disabled) || false);
};
const isFocusable = (element) => {
if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null) {
return true;
}
if (element.tabIndex < 0 || element.hasAttribute("disabled") || element.getAttribute("aria-disabled") === "true") {
return false;
}
switch (element.nodeName) {
case "A": {
return !!element.href && element.rel !== "ignore";
}
case "INPUT": {
return !(element.type === "hidden" || element.type === "file");
}
case "BUTTON":
case "SELECT":
case "TEXTAREA": {
return true;
}
default: {
return false;
}
}
};
const GAP = 4;
const BAR_MAP = {
vertical: {
offset: "offsetHeight",
scroll: "scrollTop",
scrollSize: "scrollHeight",
size: "height",
key: "vertical",
axis: "Y",
client: "clientY",
direction: "top"
},
horizontal: {
offset: "offsetWidth",
scroll: "scrollLeft",
scrollSize: "scrollWidth",
size: "width",
key: "horizontal",
axis: "X",
client: "clientX",
direction: "left"
}
};
const renderThumbStyle = ({
move,
size,
bar
}) => ({
[bar.size]: size,
transform: `translate${bar.axis}(${move}%)`
});
const scrollbarContextKey = Symbol("scrollbarContextKey");
const thumbProps = buildProps({
vertical: Boolean,
size: String,
move: Number,
ratio: {
type: Number,
required: true
},
always: Boolean
});
const COMPONENT_NAME$5 = "Thumb";
const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
__name: "thumb",
props: thumbProps,
setup(__props) {
const props = __props;
const scrollbar = vue.inject(scrollbarContextKey);
const ns = useNamespace("scrollbar");
if (!scrollbar)
throwError(COMPONENT_NAME$5, "can not inject scrollbar context");
const instance = vue.ref();
const thumb = vue.ref();
const thumbState = vue.ref({});
const visible = vue.ref(false);
let cursorDown = false;
let cursorLeave = false;
let baseScrollHeight = 0;
let baseScrollWidth = 0;
let originalOnSelectStart = isClient ? document.onselectstart : null;
const bar = vue.computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
const thumbStyle = vue.computed(() => renderThumbStyle({
size: props.size,
move: props.move,
bar: bar.value
}));
const offsetRatio = vue.computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
const clickThumbHandler = (e) => {
var _a2;
e.stopPropagation();
if (e.ctrlKey || [1, 2].includes(e.button))
return;
(_a2 = window.getSelection()) == null ? void 0 : _a2.removeAllRanges();
startDrag(e);
const el = e.currentTarget;
if (!el)
return;
thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
};
const clickTrackHandler = (e) => {
if (!thumb.value || !instance.value || !scrollbar.wrapElement)
return;
const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]);
const thumbHalf = thumb.value[bar.value.offset] / 2;
const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance.value[bar.value.offset];
scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
};
const startDrag = (e) => {
e.stopImmediatePropagation();
cursorDown = true;
baseScrollHeight = scrollbar.wrapElement.scrollHeight;
baseScrollWidth = scrollbar.wrapElement.scrollWidth;
document.addEventListener("mousemove", mouseMoveDocumentHandler);
document.addEventListener("mouseup", mouseUpDocumentHandler);
originalOnSelectStart = document.onselectstart;
document.onselectstart = () => false;
};
const mouseMoveDocumentHandler = (e) => {
if (!instance.value || !thumb.value)
return;
if (cursorDown === false)
return;
const prevPage = thumbState.value[bar.value.axis];
if (!prevPage)
return;
const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
if (bar.value.scroll === "scrollLeft") {
scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollWidth / 100;
} else {
scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollHeight / 100;
}
};
const mouseUpDocumentHandler = () => {
cursorDown = false;
thumbState.value[bar.value.axis] = 0;
document.removeEventListener("mousemove", mouseMoveDocumentHandler);
document.removeEventListener("mouseup", mouseUpDocumentHandler);
restoreOnselectstart();
if (cursorLeave)
visible.value = false;
};
const mouseMoveScrollbarHandler = () => {
cursorLeave = false;
visible.value = !!props.size;
};
const mouseLeaveScrollbarHandler = () => {
cursorLeave = true;
visible.value = cursorDown;
};
vue.onBeforeUnmount(() => {
restoreOnselectstart();
document.removeEventListener("mouseup", mouseUpDocumentHandler);
});
const restoreOnselectstart = () => {
if (document.onselectstart !== originalOnSelectStart)
document.onselectstart = originalOnSelectStart;
};
useEventListener(vue.toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
useEventListener(vue.toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.Transition, {
name: vue.unref(ns).b("fade"),
persisted: ""
}, {
default: vue.withCtx(() => [
vue.withDirectives(vue.createElementVNode("div", {
ref_key: "instance",
ref: instance,
class: vue.normalizeClass([vue.unref(ns).e("bar"), vue.unref(ns).is(vue.unref(bar).key)]),
onMousedown: clickTrackHandler,
onClick: vue.withModifiers(() => {
}, ["stop"])
}, [
vue.createElementVNode("div", {
ref_key: "thumb",
ref: thumb,
class: vue.normalizeClass(vue.unref(ns).e("thumb")),
style: vue.normalizeStyle(vue.unref(thumbStyle)),
onMousedown: clickThumbHandler
}, null, 38)
], 42, ["onClick"]), [
[vue.vShow, _ctx.always || visible.value]
])
]),
_: 1
}, 8, ["name"]);
};
}
});
var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "thumb.vue"]]);
const barProps = buildProps({
always: {
type: Boolean,
default: true
},
minSize: {
type: Number,
required: true
}
});
const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
__name: "bar",
props: barProps,
setup(__props, { expose }) {
const props = __props;
const scrollbar = vue.inject(scrollbarContextKey);
const moveX = vue.ref(0);
const moveY = vue.ref(0);
const sizeWidth = vue.ref("");
const sizeHeight = vue.ref("");
const ratioY = vue.ref(1);
const ratioX = vue.ref(1);
const handleScroll = (wrap) => {
if (wrap) {
const offsetHeight = wrap.offsetHeight - GAP;
const offsetWidth = wrap.offsetWidth - GAP;
moveY.value = wrap.scrollTop * 100 / offsetHeight * ratioY.value;
moveX.value = wrap.scrollLeft * 100 / offsetWidth * ratioX.value;
}
};
const update = () => {
const wrap = scrollbar == null ? void 0 : scrollbar.wrapElement;
if (!wrap)
return;
const offsetHeight = wrap.offsetHeight - GAP;
const offsetWidth = wrap.offsetWidth - GAP;
const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
const height = Math.max(originalHeight, props.minSize);
const width = Math.max(originalWidth, props.minSize);
ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
};
expose({
handleScroll,
update
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
vue.createVNode(Thumb, {
move: moveX.value,
ratio: ratioX.value,
size: sizeWidth.value,
always: _ctx.always
}, null, 8, ["move", "ratio", "size", "always"]),
vue.createVNode(Thumb, {
move: moveY.value,
ratio: ratioY.value,
size: sizeHeight.value,
vertical: "",
always: _ctx.always
}, null, 8, ["move", "ratio", "size", "always"])
], 64);
};
}
});
var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "bar.vue"]]);
const scrollbarProps = buildProps({
height: {
type: [String, Number],
default: ""
},
maxHeight: {
type: [String, Number],
default: ""
},
native: {
type: Boolean,
default: false
},
wrapStyle: {
type: definePropType([String, Object, Array]),
default: ""
},
wrapClass: {
type: [String, Array],
default: ""
},
viewClass: {
type: [String, Array],
default: ""
},
viewStyle: {
type: [String, Array, Object],
default: ""
},
noresize: Boolean,
tag: {
type: String,
default: "div"
},
always: Boolean,
minSize: {
type: Number,
default: 20
},
tabindex: {
type: [String, Number],
default: void 0
},
id: String,
role: String,
...useAriaProps(["ariaLabel", "ariaOrientation"])
});
const scrollbarEmits = {
"end-reached": (direction) => ["left", "right", "top", "bottom"].includes(direction),
scroll: ({
scrollTop,
scrollLeft
}) => [scrollTop, scrollLeft].every(isNumber)
};
const COMPONENT_NAME$4 = "ElScrollbar";
const __default__$m = vue.defineComponent({
name: COMPONENT_NAME$4
});
const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
...__default__$m,
props: scrollbarProps,
emits: scrollbarEmits,
setup(__props, { expose, emit }) {
const props = __props;
const ns = useNamespace("scrollbar");
let stopResizeObserver = void 0;
let stopResizeListener = void 0;
let wrapScrollTop = 0;
let wrapScrollLeft = 0;
let direction = "";
const scrollbarRef = vue.ref();
const wrapRef = vue.ref();
const resizeRef = vue.ref();
const barRef = vue.ref();
const wrapStyle = vue.computed(() => {
const style = {};
if (props.height)
style.height = addUnit(props.height);
if (props.maxHeight)
style.maxHeight = addUnit(props.maxHeight);
return [props.wrapStyle, style];
});
const wrapKls = vue.computed(() => {
return [
props.wrapClass,
ns.e("wrap"),
{ [ns.em("wrap", "hidden-default")]: !props.native }
];
});
const resizeKls = vue.computed(() => {
return [ns.e("view"), props.viewClass];
});
const handleScroll = () => {
var _a2;
if (wrapRef.value) {
(_a2 = barRef.value) == null ? void 0 : _a2.handleScroll(wrapRef.value);
const prevTop = wrapScrollTop;
const prevLeft = wrapScrollLeft;
wrapScrollTop = wrapRef.value.scrollTop;
wrapScrollLeft = wrapRef.value.scrollLeft;
const arrivedStates = {
bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight,
top: wrapScrollTop <= 0 && prevTop !== 0,
right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth && prevLeft !== wrapScrollLeft,
left: wrapScrollLeft <= 0 && prevLeft !== 0
};
if (prevTop !== wrapScrollTop) {
direction = wrapScrollTop > prevTop ? "bottom" : "top";
}
if (prevLeft !== wrapScrollLeft) {
direction = wrapScrollLeft > prevLeft ? "right" : "left";
}
emit("scroll", {
scrollTop: wrapScrollTop,
scrollLeft: wrapScrollLeft
});
if (arrivedStates[direction])
emit("end-reached", direction);
}
};
function scrollTo(arg1, arg2) {
if (isObject$1(arg1)) {
wrapRef.value.scrollTo(arg1);
} else if (isNumber(arg1) && isNumber(arg2)) {
wrapRef.value.scrollTo(arg1, arg2);
}
}
const setScrollTop = (value) => {
if (!isNumber(value)) {
return;
}
wrapRef.value.scrollTop = value;
};
const setScrollLeft = (value) => {
if (!isNumber(value)) {
return;
}
wrapRef.value.scrollLeft = value;
};
const update = () => {
var _a2;
(_a2 = barRef.value) == null ? void 0 : _a2.update();
};
vue.watch(() => props.noresize, (noresize) => {
if (noresize) {
stopResizeObserver == null ? void 0 : stopResizeObserver();
stopResizeListener == null ? void 0 : stopResizeListener();
} else {
({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
stopResizeListener = useEventListener("resize", update);
}
}, { immediate: true });
vue.watch(() => [props.maxHeight, props.height], () => {
if (!props.native)
vue.nextTick(() => {
var _a2;
update();
if (wrapRef.value) {
(_a2 = barRef.value) == null ? void 0 : _a2.handleScroll(wrapRef.value);
}
});
});
vue.provide(scrollbarContextKey, vue.reactive({
scrollbarElement: scrollbarRef,
wrapElement: wrapRef
}));
vue.onActivated(() => {
if (wrapRef.value) {
wrapRef.value.scrollTop = wrapScrollTop;
wrapRef.value.scrollLeft = wrapScrollLeft;
}
});
vue.onMounted(() => {
if (!props.native)
vue.nextTick(() => {
update();
});
});
vue.onUpdated(() => update());
expose({
wrapRef,
update,
scrollTo,
setScrollTop,
setScrollLeft,
handleScroll
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
ref_key: "scrollbarRef",
ref: scrollbarRef,
class: vue.normalizeClass(vue.unref(ns).b())
}, [
vue.createElementVNode("div", {
ref_key: "wrapRef",
ref: wrapRef,
class: vue.normalizeClass(vue.unref(wrapKls)),
style: vue.normalizeStyle(vue.unref(wrapStyle)),
tabindex: _ctx.tabindex,
onScroll: handleScroll
}, [
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
id: _ctx.id,
ref_key: "resizeRef",
ref: resizeRef,
class: vue.normalizeClass(vue.unref(resizeKls)),
style: vue.normalizeStyle(_ctx.viewStyle),
role: _ctx.role,
"aria-label": _ctx.ariaLabel,
"aria-orientation": _ctx.ariaOrientation
}, {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
], 46, ["tabindex"]),
!_ctx.native ? (vue.openBlock(), vue.createBlock(Bar, {
key: 0,
ref_key: "barRef",
ref: barRef,
always: _ctx.always,
"min-size": _ctx.minSize
}, null, 8, ["always", "min-size"])) : vue.createCommentVNode("v-if", true)
], 2);
};
}
});
var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "scrollbar.vue"]]);
const ElScrollbar = withInstall(Scrollbar);
const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
const FOCUSOUT_PREVENTED = "focus-trap.focusout-prevented";
const FOCUS_AFTER_TRAPPED_OPTS = {
cancelable: true,
bubbles: false
};
const FOCUSOUT_PREVENTED_OPTS = {
cancelable: true,
bubbles: false
};
const ON_TRAP_FOCUS_EVT = "focusAfterTrapped";
const ON_RELEASE_FOCUS_EVT = "focusAfterReleased";
const FOCUS_TRAP_INJECTION_KEY = Symbol("elFocusTrap");
const focusReason = vue.ref();
const lastUserFocusTimestamp = vue.ref(0);
const lastAutomatedFocusTimestamp = vue.ref(0);
let focusReasonUserCount = 0;
const obtainAllFocusableElements = (element) => {
const nodes = [];
const walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, {
acceptNode: (node) => {
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
if (node.disabled || node.hidden || isHiddenInput)
return NodeFilter.FILTER_SKIP;
return node.tabIndex >= 0 || node === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
}
});
while (walker.nextNode())
nodes.push(walker.currentNode);
return nodes;
};
const getVisibleElement = (elements, container) => {
for (const element of elements) {
if (!isHidden(element, container))
return element;
}
};
const isHidden = (element, container) => {
if (getComputedStyle(element).visibility === "hidden")
return true;
while (element) {
if (container && element === container)
return false;
if (getComputedStyle(element).display === "none")
return true;
element = element.parentElement;
}
return false;
};
const getEdges = (container) => {
const focusable = obtainAllFocusableElements(container);
const first = getVisibleElement(focusable, container);
const last2 = getVisibleElement(focusable.reverse(), container);
return [first, last2];
};
const isSelectable = (element) => {
return element instanceof HTMLInputElement && "select" in element;
};
const tryFocus = (element, shouldSelect) => {
if (element && element.focus) {
const prevFocusedElement = document.activeElement;
let cleanup = false;
if (isElement(element) && !isFocusable(element) && !element.getAttribute("tabindex")) {
element.setAttribute("tabindex", "-1");
cleanup = true;
}
element.focus({ preventScroll: true });
lastAutomatedFocusTimestamp.value = window.performance.now();
if (element !== prevFocusedElement && isSelectable(element) && shouldSelect) {
element.select();
}
if (isElement(element) && cleanup) {
element.removeAttribute("tabindex");
}
}
};
function removeFromStack(list, item) {
const copy = [...list];
const idx = list.indexOf(item);
if (idx !== -1) {
copy.splice(idx, 1);
}
return copy;
}
const createFocusableStack = () => {
let stack = [];
const push = (layer) => {
const currentLayer = stack[0];
if (currentLayer && layer !== currentLayer) {
currentLayer.pause();
}
stack = removeFromStack(stack, layer);
stack.unshift(layer);
};
const remove = (layer) => {
var _a2, _b;
stack = removeFromStack(stack, layer);
(_b = (_a2 = stack[0]) == null ? void 0 : _a2.resume) == null ? void 0 : _b.call(_a2);
};
return {
push,
remove
};
};
const focusFirstDescendant = (elements, shouldSelect = false) => {
const prevFocusedElement = document.activeElement;
for (const element of elements) {
tryFocus(element, shouldSelect);
if (document.activeElement !== prevFocusedElement)
return;
}
};
const focusableStack = createFocusableStack();
const isFocusCausedByUserEvent = () => {
return lastUserFocusTimestamp.value > lastAutomatedFocusTimestamp.value;
};
const notifyFocusReasonPointer = () => {
focusReason.value = "pointer";
lastUserFocusTimestamp.value = window.performance.now();
};
const notifyFocusReasonKeydown = () => {
focusReason.value = "keyboard";
lastUserFocusTimestamp.value = window.performance.now();
};
const useFocusReason = () => {
vue.onMounted(() => {
if (focusReasonUserCount === 0) {
document.addEventListener("mousedown", notifyFocusReasonPointer);
document.addEventListener("touchstart", notifyFocusReasonPointer);
document.addEventListener("keydown", notifyFocusReasonKeydown);
}
focusReasonUserCount++;
});
vue.onBeforeUnmount(() => {
focusReasonUserCount--;
if (focusReasonUserCount <= 0) {
document.removeEventListener("mousedown", notifyFocusReasonPointer);
document.removeEventListener("touchstart", notifyFocusReasonPointer);
document.removeEventListener("keydown", notifyFocusReasonKeydown);
}
});
return {
focusReason,
lastUserFocusTimestamp,
lastAutomatedFocusTimestamp
};
};
const createFocusOutPreventedEvent = (detail) => {
return new CustomEvent(FOCUSOUT_PREVENTED, {
...FOCUSOUT_PREVENTED_OPTS,
detail
});
};
const EVENT_CODE = {
tab: "Tab",
enter: "Enter",
space: "Space",
left: "ArrowLeft",
up: "ArrowUp",
right: "ArrowRight",
down: "ArrowDown",
esc: "Escape",
delete: "Delete",
backspace: "Backspace",
numpadEnter: "NumpadEnter"
};
let registeredEscapeHandlers = [];
const cachedHandler = (event) => {
if (event.code === EVENT_CODE.esc) {
registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
}
};
const useEscapeKeydown = (handler) => {
vue.onMounted(() => {
if (registeredEscapeHandlers.length === 0) {
document.addEventListener("keydown", cachedHandler);
}
if (isClient)
registeredEscapeHandlers.push(handler);
});
vue.onBeforeUnmount(() => {
registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
if (registeredEscapeHandlers.length === 0) {
if (isClient)
document.removeEventListener("keydown", cachedHandler);
}
});
};
const _sfc_main$F = vue.defineComponent({
name: "ElFocusTrap",
inheritAttrs: false,
props: {
loop: Boolean,
trapped: Boolean,
focusTrapEl: Object,
focusStartEl: {
type: [Object, String],
default: "first"
}
},
emits: [
ON_TRAP_FOCUS_EVT,
ON_RELEASE_FOCUS_EVT,
"focusin",
"focusout",
"focusout-prevented",
"release-requested"
],
setup(props, { emit }) {
const forwardRef = vue.ref();
let lastFocusBeforeTrapped;
let lastFocusAfterTrapped;
const { focusReason: focusReason2 } = useFocusReason();
useEscapeKeydown((event) => {
if (props.trapped && !focusLayer.paused) {
emit("release-requested", event);
}
});
const focusLayer = {
paused: false,
pause() {
this.paused = true;
},
resume() {
this.paused = false;
}
};
const onKeydown = (e) => {
if (!props.loop && !props.trapped)
return;
if (focusLayer.paused)
return;
const { code, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
const { loop } = props;
const isTabbing = code === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
const currentFocusingEl = document.activeElement;
if (isTabbing && currentFocusingEl) {
const container = currentTarget;
const [first, last2] = getEdges(container);
const isTabbable = first && last2;
if (!isTabbable) {
if (currentFocusingEl === container) {
const focusoutPreventedEvent = createFocusOutPreventedEvent({
focusReason: focusReason2.value
});
emit("focusout-prevented", focusoutPreventedEvent);
if (!focusoutPreventedEvent.defaultPrevented) {
e.preventDefault();
}
}
} else {
if (!shiftKey && currentFocusingEl === last2) {
const focusoutPreventedEvent = createFocusOutPreventedEvent({
focusReason: focusReason2.value
});
emit("focusout-prevented", focusoutPreventedEvent);
if (!focusoutPreventedEvent.defaultPrevented) {
e.preventDefault();
if (loop)
tryFocus(first, true);
}
} else if (shiftKey && [first, container].includes(currentFocusingEl)) {
const focusoutPreventedEvent = createFocusOutPreventedEvent({
focusReason: focusReason2.value
});
emit("focusout-prevented", focusoutPreventedEvent);
if (!focusoutPreventedEvent.defaultPrevented) {
e.preventDefault();
if (loop)
tryFocus(last2, true);
}
}
}
}
};
vue.provide(FOCUS_TRAP_INJECTION_KEY, {
focusTrapRef: forwardRef,
onKeydown
});
vue.watch(() => props.focusTrapEl, (focusTrapEl) => {
if (focusTrapEl) {
forwardRef.value = focusTrapEl;
}
}, { immediate: true });
vue.watch([forwardRef], ([forwardRef2], [oldForwardRef]) => {
if (forwardRef2) {
forwardRef2.addEventListener("keydown", onKeydown);
forwardRef2.addEventListener("focusin", onFocusIn);
forwardRef2.addEventListener("focusout", onFocusOut);
}
if (oldForwardRef) {
oldForwardRef.removeEventListener("keydown", onKeydown);
oldForwardRef.removeEventListener("focusin", onFocusIn);
oldForwardRef.removeEventListener("focusout", onFocusOut);
}
});
const trapOnFocus = (e) => {
emit(ON_TRAP_FOCUS_EVT, e);
};
const releaseOnFocus = (e) => emit(ON_RELEASE_FOCUS_EVT, e);
const onFocusIn = (e) => {
const trapContainer = vue.unref(forwardRef);
if (!trapContainer)
return;
const target = e.target;
const relatedTarget = e.relatedTarget;
const isFocusedInTrap = target && trapContainer.contains(target);
if (!props.trapped) {
const isPrevFocusedInTrap = relatedTarget && trapContainer.contains(relatedTarget);
if (!isPrevFocusedInTrap) {
lastFocusBeforeTrapped = relatedTarget;
}
}
if (isFocusedInTrap)
emit("focusin", e);
if (focusLayer.paused)
return;
if (props.trapped) {
if (isFocusedInTrap) {
lastFocusAfterTrapped = target;
} else {
tryFocus(lastFocusAfterTrapped, true);
}
}
};
const onFocusOut = (e) => {
const trapContainer = vue.unref(forwardRef);
if (focusLayer.paused || !trapContainer)
return;
if (props.trapped) {
const relatedTarget = e.relatedTarget;
if (!isNil(relatedTarget) && !trapContainer.contains(relatedTarget)) {
setTimeout(() => {
if (!focusLayer.paused && props.trapped) {
const focusoutPreventedEvent = createFocusOutPreventedEvent({
focusReason: focusReason2.value
});
emit("focusout-prevented", focusoutPreventedEvent);
if (!focusoutPreventedEvent.defaultPrevented) {
tryFocus(lastFocusAfterTrapped, true);
}
}
}, 0);
}
} else {
const target = e.target;
const isFocusedInTrap = target && trapContainer.contains(target);
if (!isFocusedInTrap)
emit("focusout", e);
}
};
async function startTrap() {
await vue.nextTick();
const trapContainer = vue.unref(forwardRef);
if (trapContainer) {
focusableStack.push(focusLayer);
const prevFocusedElement = trapContainer.contains(document.activeElement) ? lastFocusBeforeTrapped : document.activeElement;
lastFocusBeforeTrapped = prevFocusedElement;
const isPrevFocusContained = trapContainer.contains(prevFocusedElement);
if (!isPrevFocusContained) {
const focusEvent = new Event(FOCUS_AFTER_TRAPPED, FOCUS_AFTER_TRAPPED_OPTS);
trapContainer.addEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus);
trapContainer.dispatchEvent(focusEvent);
if (!focusEvent.defaultPrevented) {
vue.nextTick(() => {
let focusStartEl = props.focusStartEl;
if (!isString$1(focusStartEl)) {
tryFocus(focusStartEl);
if (document.activeElement !== focusStartEl) {
focusStartEl = "first";
}
}
if (focusStartEl === "first") {
focusFirstDescendant(obtainAllFocusableElements(trapContainer), true);
}
if (document.activeElement === prevFocusedElement || focusStartEl === "container") {
tryFocus(trapContainer);
}
});
}
}
}
}
function stopTrap() {
const trapContainer = vue.unref(forwardRef);
if (trapContainer) {
trapContainer.removeEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus);
const releasedEvent = new CustomEvent(FOCUS_AFTER_RELEASED, {
...FOCUS_AFTER_TRAPPED_OPTS,
detail: {
focusReason: focusReason2.value
}
});
trapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
trapContainer.dispatchEvent(releasedEvent);
if (!releasedEvent.defaultPrevented && (focusReason2.value == "keyboard" || !isFocusCausedByUserEvent() || trapContainer.contains(document.activeElement))) {
tryFocus(lastFocusBeforeTrapped != null ? lastFocusBeforeTrapped : document.body);
}
trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
focusableStack.remove(focusLayer);
}
}
vue.onMounted(() => {
if (props.trapped) {
startTrap();
}
vue.watch(() => props.trapped, (trapped) => {
if (trapped) {
startTrap();
} else {
stopTrap();
}
});
});
vue.onBeforeUnmount(() => {
if (props.trapped) {
stopTrap();
}
if (forwardRef.value) {
forwardRef.value.removeEventListener("keydown", onKeydown);
forwardRef.value.removeEventListener("focusin", onFocusIn);
forwardRef.value.removeEventListener("focusout", onFocusOut);
forwardRef.value = void 0;
}
});
return {
onKeydown
};
}
});
function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
}
var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$4], ["__file", "focus-trap.vue"]]);
const teleportProps = buildProps({
to: {
type: definePropType([String, Object]),
required: true
},
disabled: Boolean
});
const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
__name: "teleport",
props: teleportProps,
setup(__props) {
return (_ctx, _cache) => {
return _ctx.disabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.Teleport, {
key: 1,
to: _ctx.to
}, [
vue.renderSlot(_ctx.$slots, "default")
], 8, ["to"]));
};
}
});
var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "teleport.vue"]]);
const ElTeleport = withInstall(Teleport);
const avatarProps = buildProps({
size: {
type: [Number, String],
values: componentSizes,
default: "",
validator: (val) => isNumber(val)
},
shape: {
type: String,
values: ["circle", "square"],
default: "circle"
},
icon: {
type: iconPropType
},
src: {
type: String,
default: ""
},
alt: String,
srcSet: String,
fit: {
type: definePropType(String),
default: "cover"
}
});
const avatarEmits = {
error: (evt) => evt instanceof Event
};
const __default__$l = vue.defineComponent({
name: "ElAvatar"
});
const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
...__default__$l,
props: avatarProps,
emits: avatarEmits,
setup(__props, { emit }) {
const props = __props;
const ns = useNamespace("avatar");
const hasLoadError = vue.ref(false);
const avatarClass = vue.computed(() => {
const { size, icon, shape } = props;
const classList = [ns.b()];
if (isString$1(size))
classList.push(ns.m(size));
if (icon)
classList.push(ns.m("icon"));
if (shape)
classList.push(ns.m(shape));
return classList;
});
const sizeStyle = vue.computed(() => {
const { size } = props;
return isNumber(size) ? ns.cssVarBlock({
size: addUnit(size) || ""
}) : void 0;
});
const fitStyle = vue.computed(() => ({
objectFit: props.fit
}));
vue.watch(() => props.src, () => hasLoadError.value = false);
function handleError(e) {
hasLoadError.value = true;
emit("error", e);
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("span", {
class: vue.normalizeClass(vue.unref(avatarClass)),
style: vue.normalizeStyle(vue.unref(sizeStyle))
}, [
(_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
key: 0,
src: _ctx.src,
alt: _ctx.alt,
srcset: _ctx.srcSet,
style: vue.normalizeStyle(vue.unref(fitStyle)),
onError: handleError
}, null, 44, ["src", "alt", "srcset"])) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
default: vue.withCtx(() => [
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
]),
_: 1
})) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
], 6);
};
}
});
var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "avatar.vue"]]);
const ElAvatar = withInstall(Avatar);
const backtopProps = {
visibilityHeight: {
type: Number,
default: 200
},
target: {
type: String,
default: ""
},
right: {
type: Number,
default: 40
},
bottom: {
type: Number,
default: 40
}
};
const backtopEmits = {
click: (evt) => evt instanceof MouseEvent
};
const useBackTop = (props, emit, componentName) => {
const el = vue.shallowRef();
const container = vue.shallowRef();
const visible = vue.ref(false);
const handleScroll = () => {
if (el.value)
visible.value = el.value.scrollTop >= props.visibilityHeight;
};
const handleClick = (event) => {
var _a2;
(_a2 = el.value) == null ? void 0 : _a2.scrollTo({ top: 0, behavior: "smooth" });
emit("click", event);
};
const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);
useEventListener(container, "scroll", handleScrollThrottled);
vue.onMounted(() => {
var _a2;
container.value = document;
el.value = document.documentElement;
if (props.target) {
el.value = (_a2 = document.querySelector(props.target)) != null ? _a2 : void 0;
if (!el.value) {
throwError(componentName, `target does not exist: ${props.target}`);
}
container.value = el.value;
}
handleScroll();
});
return {
visible,
handleClick
};
};
const COMPONENT_NAME$3 = "ElBacktop";
const __default__$k = vue.defineComponent({
name: COMPONENT_NAME$3
});
const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
...__default__$k,
props: backtopProps,
emits: backtopEmits,
setup(__props, { emit }) {
const props = __props;
const ns = useNamespace("backtop");
const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME$3);
const backTopStyle = vue.computed(() => ({
right: `${props.right}px`,
bottom: `${props.bottom}px`
}));
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.Transition, {
name: `${vue.unref(ns).namespace.value}-fade-in`
}, {
default: vue.withCtx(() => [
vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
style: vue.normalizeStyle(vue.unref(backTopStyle)),
class: vue.normalizeClass(vue.unref(ns).b()),
onClick: vue.withModifiers(vue.unref(handleClick), ["stop"])
}, [
vue.renderSlot(_ctx.$slots, "default", {}, () => [
vue.createVNode(vue.unref(ElIcon), {
class: vue.normalizeClass(vue.unref(ns).e("icon"))
}, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.CaretTop))
]),
_: 1
}, 8, ["class"])
])
], 14, ["onClick"])) : vue.createCommentVNode("v-if", true)
]),
_: 3
}, 8, ["name"]);
};
}
});
var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "backtop.vue"]]);
const ElBacktop = withInstall(Backtop);
const buttonGroupContextKey = Symbol("buttonGroupContextKey");
const useDeprecated = ({ from, replacement, scope, version, ref: ref2, type = "API" }, condition) => {
vue.watch(() => vue.unref(condition), (val) => {
}, {
immediate: true
});
};
const useButton = (props, emit) => {
useDeprecated({
from: "type.text",
replacement: "link",
version: "3.0.0",
scope: "props",
ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
}, vue.computed(() => props.type === "text"));
const buttonGroupContext = vue.inject(buttonGroupContextKey, void 0);
const globalConfig2 = useGlobalConfig("button");
const { form } = useFormItem();
const _size = useFormSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
const _disabled = useFormDisabled();
const _ref = vue.ref();
const slots = vue.useSlots();
const _type = vue.computed(() => {
var _a2;
return props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || ((_a2 = globalConfig2.value) == null ? void 0 : _a2.type) || "";
});
const autoInsertSpace = vue.computed(() => {
var _a2, _b, _c;
return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a2 = globalConfig2.value) == null ? void 0 : _a2.autoInsertSpace) != null ? _c : false;
});
const _plain = vue.computed(() => {
var _a2, _b, _c;
return (_c = (_b = props.plain) != null ? _b : (_a2 = globalConfig2.value) == null ? void 0 : _a2.plain) != null ? _c : false;
});
const _round = vue.computed(() => {
var _a2, _b, _c;
return (_c = (_b = props.round) != null ? _b : (_a2 = globalConfig2.value) == null ? void 0 : _a2.round) != null ? _c : false;
});
const _props = vue.computed(() => {
if (props.tag === "button") {
return {
ariaDisabled: _disabled.value || props.loading,
disabled: _disabled.value || props.loading,
autofocus: props.autofocus,
type: props.nativeType
};
}
return {};
});
const shouldAddSpace = vue.computed(() => {
var _a2;
const defaultSlot = (_a2 = slots.default) == null ? void 0 : _a2.call(slots);
if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
const slot = defaultSlot[0];
if ((slot == null ? void 0 : slot.type) === vue.Text) {
const text = slot.children;
return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(text.trim());
}
}
return false;
});
const handleClick = (evt) => {
if (_disabled.value || props.loading) {
evt.stopPropagation();
return;
}
if (props.nativeType === "reset") {
form == null ? void 0 : form.resetFields();
}
emit("click", evt);
};
return {
_disabled,
_size,
_type,
_ref,
_props,
_plain,
_round,
shouldAddSpace,
handleClick
};
};
const buttonTypes = [
"default",
"primary",
"success",
"warning",
"info",
"danger",
"text",
""
];
const buttonNativeTypes = ["button", "submit", "reset"];
const buttonProps = buildProps({
size: useSizeProp,
disabled: Boolean,
type: {
type: String,
values: buttonTypes,
default: ""
},
icon: {
type: iconPropType
},
nativeType: {
type: String,
values: buttonNativeTypes,
default: "button"
},
loading: Boolean,
loadingIcon: {
type: iconPropType,
default: () => iconsVue.Loading
},
plain: {
type: Boolean,
default: void 0
},
text: Boolean,
link: Boolean,
bg: Boolean,
autofocus: Boolean,
round: {
type: Boolean,
default: void 0
},
circle: Boolean,
color: String,
dark: Boolean,
autoInsertSpace: {
type: Boolean,
default: void 0
},
tag: {
type: definePropType([String, Object]),
default: "button"
}
});
const buttonEmits = {
click: (evt) => evt instanceof MouseEvent
};
function bound01(n, max) {
if (isOnePointZero(n)) {
n = "100%";
}
var isPercent = isPercentage(n);
n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
if (isPercent) {
n = parseInt(String(n * max), 10) / 100;
}
if (Math.abs(n - max) < 1e-6) {
return 1;
}
if (max === 360) {
n = (n < 0 ? n % max + max : n % max) / parseFloat(String(max));
} else {
n = n % max / parseFloat(String(max));
}
return n;
}
function clamp01(val) {
return Math.min(1, Math.max(0, val));
}
function isOnePointZero(n) {
return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
}
function isPercentage(n) {
return typeof n === "string" && n.indexOf("%") !== -1;
}
function boundAlpha(a) {
a = parseFloat(a);
if (isNaN(a) || a < 0 || a > 1) {
a = 1;
}
return a;
}
function convertToPercentage(n) {
if (n <= 1) {
return "".concat(Number(n) * 100, "%");
}
return n;
}
function pad2(c) {
return c.length === 1 ? "0" + c : String(c);
}
function rgbToRgb(r, g, b) {
return {
r: bound01(r, 255) * 255,
g: bound01(g, 255) * 255,
b: bound01(b, 255) * 255
};
}
function rgbToHsl(r, g, b) {
r = bound01(r, 255);
g = bound01(g, 255);
b = bound01(b, 255);
var max = Math.max(r, g, b);
var min = Math.min(r, g, b);
var h2 = 0;
var s = 0;
var l = (max + min) / 2;
if (max === min) {
s = 0;
h2 = 0;
} else {
var d = max - min;
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
switch (max) {
case r:
h2 = (g - b) / d + (g < b ? 6 : 0);
break;
case g:
h2 = (b - r) / d + 2;
break;
case b:
h2 = (r - g) / d + 4;
break;
}
h2 /= 6;
}
return { h: h2, s, l };
}
function hue2rgb(p, q, t) {
if (t < 0) {
t += 1;
}
if (t > 1) {
t -= 1;
}
if (t < 1 / 6) {
return p + (q - p) * (6 * t);
}
if (t < 1 / 2) {
return q;
}
if (t < 2 / 3) {
return p + (q - p) * (2 / 3 - t) * 6;
}
return p;
}
function hslToRgb(h2, s, l) {
var r;
var g;
var b;
h2 = bound01(h2, 360);
s = bound01(s, 100);
l = bound01(l, 100);
if (s === 0) {
g = l;
b = l;
r = l;
} else {
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h2 + 1 / 3);
g = hue2rgb(p, q, h2);
b = hue2rgb(p, q, h2 - 1 / 3);
}
return { r: r * 255, g: g * 255, b: b * 255 };
}
function rgbToHsv(r, g, b) {
r = bound01(r, 255);
g = bound01(g, 255);
b = bound01(b, 255);
var max = Math.max(r, g, b);
var min = Math.min(r, g, b);
var h2 = 0;
var v = max;
var d = max - min;
var s = max === 0 ? 0 : d / max;
if (max === min) {
h2 = 0;
} else {
switch (max) {
case r:
h2 = (g - b) / d + (g < b ? 6 : 0);
break;
case g:
h2 = (b - r) / d + 2;
break;
case b:
h2 = (r - g) / d + 4;
break;
}
h2 /= 6;
}
return { h: h2, s, v };
}
function hsvToRgb(h2, s, v) {
h2 = bound01(h2, 360) * 6;
s = bound01(s, 100);
v = bound01(v, 100);
var i = Math.floor(h2);
var f = h2 - i;
var p = v * (1 - s);
var q = v * (1 - f * s);
var t = v * (1 - (1 - f) * s);
var mod = i % 6;
var r = [v, q, p, p, t, v][mod];
var g = [t, v, v, q, p, p][mod];
var b = [p, p, t, v, v, q][mod];
return { r: r * 255, g: g * 255, b: b * 255 };
}
function rgbToHex(r, g, b, allow3Char) {
var hex = [
pad2(Math.round(r).toString(16)),
pad2(Math.round(g).toString(16)),
pad2(Math.round(b).toString(16))
];
if (allow3Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1))) {
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
}
return hex.join("");
}
function rgbaToHex(r, g, b, a, allow4Char) {
var hex = [
pad2(Math.round(r).toString(16)),
pad2(Math.round(g).toString(16)),
pad2(Math.round(b).toString(16)),
pad2(convertDecimalToHex(a))
];
if (allow4Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1)) && hex[3].startsWith(hex[3].charAt(1))) {
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
}
return hex.join("");
}
function convertDecimalToHex(d) {
return Math.round(parseFloat(d) * 255).toString(16);
}
function convertHexToDecimal(h2) {
return parseIntFromHex(h2) / 255;
}
function parseIntFromHex(val) {
return parseInt(val, 16);
}
function numberInputToObject(color) {
return {
r: color >> 16,
g: (color & 65280) >> 8,
b: color & 255
};
}
var names = {
aliceblue: "#f0f8ff",
antiquewhite: "#faebd7",
aqua: "#00ffff",
aquamarine: "#7fffd4",
azure: "#f0ffff",
beige: "#f5f5dc",
bisque: "#ffe4c4",
black: "#000000",
blanchedalmond: "#ffebcd",
blue: "#0000ff",
blueviolet: "#8a2be2",
brown: "#a52a2a",
burlywood: "#deb887",
cadetblue: "#5f9ea0",
chartreuse: "#7fff00",
chocolate: "#d2691e",
coral: "#ff7f50",
cornflowerblue: "#6495ed",
cornsilk: "#fff8dc",
crimson: "#dc143c",
cyan: "#00ffff",
darkblue: "#00008b",
darkcyan: "#008b8b",
darkgoldenrod: "#b8860b",
darkgray: "#a9a9a9",
darkgreen: "#006400",
darkgrey: "#a9a9a9",
darkkhaki: "#bdb76b",
darkmagenta: "#8b008b",
darkolivegreen: "#556b2f",
darkorange: "#ff8c00",
darkorchid: "#9932cc",
darkred: "#8b0000",
darksalmon: "#e9967a",
darkseagreen: "#8fbc8f",
darkslateblue: "#483d8b",
darkslategray: "#2f4f4f",
darkslategrey: "#2f4f4f",
darkturquoise: "#00ced1",
darkviolet: "#9400d3",
deeppink: "#ff1493",
deepskyblue: "#00bfff",
dimgray: "#696969",
dimgrey: "#696969",
dodgerblue: "#1e90ff",
firebrick: "#b22222",
floralwhite: "#fffaf0",
forestgreen: "#228b22",
fuchsia: "#ff00ff",
gainsboro: "#dcdcdc",
ghostwhite: "#f8f8ff",
goldenrod: "#daa520",
gold: "#ffd700",
gray: "#808080",
green: "#008000",
greenyellow: "#adff2f",
grey: "#808080",
honeydew: "#f0fff0",
hotpink: "#ff69b4",
indianred: "#cd5c5c",
indigo: "#4b0082",
ivory: "#fffff0",
khaki: "#f0e68c",
lavenderblush: "#fff0f5",
lavender: "#e6e6fa",
lawngreen: "#7cfc00",
lemonchiffon: "#fffacd",
lightblue: "#add8e6",
lightcoral: "#f08080",
lightcyan: "#e0ffff",
lightgoldenrodyellow: "#fafad2",
lightgray: "#d3d3d3",
lightgreen: "#90ee90",
lightgrey: "#d3d3d3",
lightpink: "#ffb6c1",
lightsalmon: "#ffa07a",
lightseagreen: "#20b2aa",
lightskyblue: "#87cefa",
lightslategray: "#778899",
lightslategrey: "#778899",
lightsteelblue: "#b0c4de",
lightyellow: "#ffffe0",
lime: "#00ff00",
limegreen: "#32cd32",
linen: "#faf0e6",
magenta: "#ff00ff",
maroon: "#800000",
mediumaquamarine: "#66cdaa",
mediumblue: "#0000cd",
mediumorchid: "#ba55d3",
mediumpurple: "#9370db",
mediumseagreen: "#3cb371",
mediumslateblue: "#7b68ee",
mediumspringgreen: "#00fa9a",
mediumturquoise: "#48d1cc",
mediumvioletred: "#c71585",
midnightblue: "#191970",
mintcream: "#f5fffa",
mistyrose: "#ffe4e1",
moccasin: "#ffe4b5",
navajowhite: "#ffdead",
navy: "#000080",
oldlace: "#fdf5e6",
olive: "#808000",
olivedrab: "#6b8e23",
orange: "#ffa500",
orangered: "#ff4500",
orchid: "#da70d6",
palegoldenrod: "#eee8aa",
palegreen: "#98fb98",
paleturquoise: "#afeeee",
palevioletred: "#db7093",
papayawhip: "#ffefd5",
peachpuff: "#ffdab9",
peru: "#cd853f",
pink: "#ffc0cb",
plum: "#dda0dd",
powderblue: "#b0e0e6",
purple: "#800080",
rebeccapurple: "#663399",
red: "#ff0000",
rosybrown: "#bc8f8f",
royalblue: "#4169e1",
saddlebrown: "#8b4513",
salmon: "#fa8072",
sandybrown: "#f4a460",
seagreen: "#2e8b57",
seashell: "#fff5ee",
sienna: "#a0522d",
silver: "#c0c0c0",
skyblue: "#87ceeb",
slateblue: "#6a5acd",
slategray: "#708090",
slategrey: "#708090",
snow: "#fffafa",
springgreen: "#00ff7f",
steelblue: "#4682b4",
tan: "#d2b48c",
teal: "#008080",
thistle: "#d8bfd8",
tomato: "#ff6347",
turquoise: "#40e0d0",
violet: "#ee82ee",
wheat: "#f5deb3",
white: "#ffffff",
whitesmoke: "#f5f5f5",
yellow: "#ffff00",
yellowgreen: "#9acd32"
};
function inputToRGB(color) {
var rgb = { r: 0, g: 0, b: 0 };
var a = 1;
var s = null;
var v = null;
var l = null;
var ok = false;
var format = false;
if (typeof color === "string") {
color = stringInputToObject(color);
}
if (typeof color === "object") {
if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
rgb = rgbToRgb(color.r, color.g, color.b);
ok = true;
format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
} else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
s = convertToPercentage(color.s);
v = convertToPercentage(color.v);
rgb = hsvToRgb(color.h, s, v);
ok = true;
format = "hsv";
} else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
s = convertToPercentage(color.s);
l = convertToPercentage(color.l);
rgb = hslToRgb(color.h, s, l);
ok = true;
format = "hsl";
}
if (Object.prototype.hasOwnProperty.call(color, "a")) {
a = color.a;
}
}
a = boundAlpha(a);
return {
ok,
format: color.format || format,
r: Math.min(255, Math.max(rgb.r, 0)),
g: Math.min(255, Math.max(rgb.g, 0)),
b: Math.min(255, Math.max(rgb.b, 0)),
a
};
}
var CSS_INTEGER = "[-\\+]?\\d+%?";
var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
var matchers = {
CSS_UNIT: new RegExp(CSS_UNIT),
rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
};
function stringInputToObject(color) {
color = color.trim().toLowerCase();
if (color.length === 0) {
return false;
}
var named = false;
if (names[color]) {
color = names[color];
named = true;
} else if (color === "transparent") {
return { r: 0, g: 0, b: 0, a: 0, format: "name" };
}
var match = matchers.rgb.exec(color);
if (match) {
return { r: match[1], g: match[2], b: match[3] };
}
match = matchers.rgba.exec(color);
if (match) {
return { r: match[1], g: match[2], b: match[3], a: match[4] };
}
match = matchers.hsl.exec(color);
if (match) {
return { h: match[1], s: match[2], l: match[3] };
}
match = matchers.hsla.exec(color);
if (match) {
return { h: match[1], s: match[2], l: match[3], a: match[4] };
}
match = matchers.hsv.exec(color);
if (match) {
return { h: match[1], s: match[2], v: match[3] };
}
match = matchers.hsva.exec(color);
if (match) {
return { h: match[1], s: match[2], v: match[3], a: match[4] };
}
match = matchers.hex8.exec(color);
if (match) {
return {
r: parseIntFromHex(match[1]),
g: parseIntFromHex(match[2]),
b: parseIntFromHex(match[3]),
a: convertHexToDecimal(match[4]),
format: named ? "name" : "hex8"
};
}
match = matchers.hex6.exec(color);
if (match) {
return {
r: parseIntFromHex(match[1]),
g: parseIntFromHex(match[2]),
b: parseIntFromHex(match[3]),
format: named ? "name" : "hex"
};
}
match = matchers.hex4.exec(color);
if (match) {
return {
r: parseIntFromHex(match[1] + match[1]),
g: parseIntFromHex(match[2] + match[2]),
b: parseIntFromHex(match[3] + match[3]),
a: convertHexToDecimal(match[4] + match[4]),
format: named ? "name" : "hex8"
};
}
match = matchers.hex3.exec(color);
if (match) {
return {
r: parseIntFromHex(match[1] + match[1]),
g: parseIntFromHex(match[2] + match[2]),
b: parseIntFromHex(match[3] + match[3]),
format: named ? "name" : "hex"
};
}
return false;
}
function isValidCSSUnit(color) {
return Boolean(matchers.CSS_UNIT.exec(String(color)));
}
var TinyColor = (
/** @class */
function() {
function TinyColor2(color, opts) {
if (color === void 0) {
color = "";
}
if (opts === void 0) {
opts = {};
}
var _a2;
if (color instanceof TinyColor2) {
return color;
}
if (typeof color === "number") {
color = numberInputToObject(color);
}
this.originalInput = color;
var rgb = inputToRGB(color);
this.originalInput = color;
this.r = rgb.r;
this.g = rgb.g;
this.b = rgb.b;
this.a = rgb.a;
this.roundA = Math.round(100 * this.a) / 100;
this.format = (_a2 = opts.format) !== null && _a2 !== void 0 ? _a2 : rgb.format;
this.gradientType = opts.gradientType;
if (this.r < 1) {
this.r = Math.round(this.r);
}
if (this.g < 1) {
this.g = Math.round(this.g);
}
if (this.b < 1) {
this.b = Math.round(this.b);
}
this.isValid = rgb.ok;
}
TinyColor2.prototype.isDark = function() {
return this.getBrightness() < 128;
};
TinyColor2.prototype.isLight = function() {
return !this.isDark();
};
TinyColor2.prototype.getBrightness = function() {
var rgb = this.toRgb();
return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1e3;
};
TinyColor2.prototype.getLuminance = function() {
var rgb = this.toRgb();
var R;
var G;
var B;
var RsRGB = rgb.r / 255;
var GsRGB = rgb.g / 255;
var BsRGB = rgb.b / 255;
if (RsRGB <= 0.03928) {
R = RsRGB / 12.92;
} else {
R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
}
if (GsRGB <= 0.03928) {
G = GsRGB / 12.92;
} else {
G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
}
if (BsRGB <= 0.03928) {
B = BsRGB / 12.92;
} else {
B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
}
return 0.2126 * R + 0.7152 * G + 0.0722 * B;
};
TinyColor2.prototype.getAlpha = function() {
return this.a;
};
TinyColor2.prototype.setAlpha = function(alpha) {
this.a = boundAlpha(alpha);
this.roundA = Math.round(100 * this.a) / 100;
return this;
};
TinyColor2.prototype.isMonochrome = function() {
var s = this.toHsl().s;
return s === 0;
};
TinyColor2.prototype.toHsv = function() {
var hsv = rgbToHsv(this.r, this.g, this.b);
return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this.a };
};
TinyColor2.prototype.toHsvString = function() {
var hsv = rgbToHsv(this.r, this.g, this.b);
var h2 = Math.round(hsv.h * 360);
var s = Math.round(hsv.s * 100);
var v = Math.round(hsv.v * 100);
return this.a === 1 ? "hsv(".concat(h2, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h2, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
};
TinyColor2.prototype.toHsl = function() {
var hsl = rgbToHsl(this.r, this.g, this.b);
return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this.a };
};
TinyColor2.prototype.toHslString = function() {
var hsl = rgbToHsl(this.r, this.g, this.b);
var h2 = Math.round(hsl.h * 360);
var s = Math.round(hsl.s * 100);
var l = Math.round(hsl.l * 100);
return this.a === 1 ? "hsl(".concat(h2, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h2, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
};
TinyColor2.prototype.toHex = function(allow3Char) {
if (allow3Char === void 0) {
allow3Char = false;
}
return rgbToHex(this.r, this.g, this.b, allow3Char);
};
TinyColor2.prototype.toHexString = function(allow3Char) {
if (allow3Char === void 0) {
allow3Char = false;
}
return "#" + this.toHex(allow3Char);
};
TinyColor2.prototype.toHex8 = function(allow4Char) {
if (allow4Char === void 0) {
allow4Char = false;
}
return rgbaToHex(this.r, this.g, this.b, this.a, allow4Char);
};
TinyColor2.prototype.toHex8String = function(allow4Char) {
if (allow4Char === void 0) {
allow4Char = false;
}
return "#" + this.toHex8(allow4Char);
};
TinyColor2.prototype.toHexShortString = function(allowShortChar) {
if (allowShortChar === void 0) {
allowShortChar = false;
}
return this.a === 1 ? this.toHexString(allowShortChar) : this.toHex8String(allowShortChar);
};
TinyColor2.prototype.toRgb = function() {
return {
r: Math.round(this.r),
g: Math.round(this.g),
b: Math.round(this.b),
a: this.a
};
};
TinyColor2.prototype.toRgbString = function() {
var r = Math.round(this.r);
var g = Math.round(this.g);
var b = Math.round(this.b);
return this.a === 1 ? "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")") : "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(this.roundA, ")");
};
TinyColor2.prototype.toPercentageRgb = function() {
var fmt = function(x) {
return "".concat(Math.round(bound01(x, 255) * 100), "%");
};
return {
r: fmt(this.r),
g: fmt(this.g),
b: fmt(this.b),
a: this.a
};
};
TinyColor2.prototype.toPercentageRgbString = function() {
var rnd = function(x) {
return Math.round(bound01(x, 255) * 100);
};
return this.a === 1 ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)") : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
};
TinyColor2.prototype.toName = function() {
if (this.a === 0) {
return "transparent";
}
if (this.a < 1) {
return false;
}
var hex = "#" + rgbToHex(this.r, this.g, this.b, false);
for (var _i = 0, _a2 = Object.entries(names); _i < _a2.length; _i++) {
var _b = _a2[_i], key = _b[0], value = _b[1];
if (hex === value) {
return key;
}
}
return false;
};
TinyColor2.prototype.toString = function(format) {
var formatSet = Boolean(format);
format = format !== null && format !== void 0 ? format : this.format;
var formattedString = false;
var hasAlpha = this.a < 1 && this.a >= 0;
var needsAlphaFormat = !formatSet && hasAlpha && (format.startsWith("hex") || format === "name");
if (needsAlphaFormat) {
if (format === "name" && this.a === 0) {
return this.toName();
}
return this.toRgbString();
}
if (format === "rgb") {
formattedString = this.toRgbString();
}
if (format === "prgb") {
formattedString = this.toPercentageRgbString();
}
if (format === "hex" || format === "hex6") {
formattedString = this.toHexString();
}
if (format === "hex3") {
formattedString = this.toHexString(true);
}
if (format === "hex4") {
formattedString = this.toHex8String(true);
}
if (format === "hex8") {
formattedString = this.toHex8String();
}
if (format === "name") {
formattedString = this.toName();
}
if (format === "hsl") {
formattedString = this.toHslString();
}
if (format === "hsv") {
formattedString = this.toHsvString();
}
return formattedString || this.toHexString();
};
TinyColor2.prototype.toNumber = function() {
return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
};
TinyColor2.prototype.clone = function() {
return new TinyColor2(this.toString());
};
TinyColor2.prototype.lighten = function(amount) {
if (amount === void 0) {
amount = 10;
}
var hsl = this.toHsl();
hsl.l += amount / 100;
hsl.l = clamp01(hsl.l);
return new TinyColor2(hsl);
};
TinyColor2.prototype.brighten = function(amount) {
if (amount === void 0) {
amount = 10;
}
var rgb = this.toRgb();
rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100))));
rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
return new TinyColor2(rgb);
};
TinyColor2.prototype.darken = function(amount) {
if (amount === void 0) {
amount = 10;
}
var hsl = this.toHsl();
hsl.l -= amount / 100;
hsl.l = clamp01(hsl.l);
return new TinyColor2(hsl);
};
TinyColor2.prototype.tint = function(amount) {
if (amount === void 0) {
amount = 10;
}
return this.mix("white", amount);
};
TinyColor2.prototype.shade = function(amount) {
if (amount === void 0) {
amount = 10;
}
return this.mix("black", amount);
};
TinyColor2.prototype.desaturate = function(amount) {
if (amount === void 0) {
amount = 10;
}
var hsl = this.toHsl();
hsl.s -= amount / 100;
hsl.s = clamp01(hsl.s);
return new TinyColor2(hsl);
};
TinyColor2.prototype.saturate = function(amount) {
if (amount === void 0) {
amount = 10;
}
var hsl = this.toHsl();
hsl.s += amount / 100;
hsl.s = clamp01(hsl.s);
return new TinyColor2(hsl);
};
TinyColor2.prototype.greyscale = function() {
return this.desaturate(100);
};
TinyColor2.prototype.spin = function(amount) {
var hsl = this.toHsl();
var hue = (hsl.h + amount) % 360;
hsl.h = hue < 0 ? 360 + hue : hue;
return new TinyColor2(hsl);
};
TinyColor2.prototype.mix = function(color, amount) {
if (amount === void 0) {
amount = 50;
}
var rgb1 = this.toRgb();
var rgb2 = new TinyColor2(color).toRgb();
var p = amount / 100;
var rgba = {
r: (rgb2.r - rgb1.r) * p + rgb1.r,
g: (rgb2.g - rgb1.g) * p + rgb1.g,
b: (rgb2.b - rgb1.b) * p + rgb1.b,
a: (rgb2.a - rgb1.a) * p + rgb1.a
};
return new TinyColor2(rgba);
};
TinyColor2.prototype.analogous = function(results, slices) {
if (results === void 0) {
results = 6;
}
if (slices === void 0) {
slices = 30;
}
var hsl = this.toHsl();
var part = 360 / slices;
var ret = [this];
for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results; ) {
hsl.h = (hsl.h + part) % 360;
ret.push(new TinyColor2(hsl));
}
return ret;
};
TinyColor2.prototype.complement = function() {
var hsl = this.toHsl();
hsl.h = (hsl.h + 180) % 360;
return new TinyColor2(hsl);
};
TinyColor2.prototype.monochromatic = function(results) {
if (results === void 0) {
results = 6;
}
var hsv = this.toHsv();
var h2 = hsv.h;
var s = hsv.s;
var v = hsv.v;
var res = [];
var modification = 1 / results;
while (results--) {
res.push(new TinyColor2({ h: h2, s, v }));
v = (v + modification) % 1;
}
return res;
};
TinyColor2.prototype.splitcomplement = function() {
var hsl = this.toHsl();
var h2 = hsl.h;
return [
this,
new TinyColor2({ h: (h2 + 72) % 360, s: hsl.s, l: hsl.l }),
new TinyColor2({ h: (h2 + 216) % 360, s: hsl.s, l: hsl.l })
];
};
TinyColor2.prototype.onBackground = function(background) {
var fg = this.toRgb();
var bg = new TinyColor2(background).toRgb();
var alpha = fg.a + bg.a * (1 - fg.a);
return new TinyColor2({
r: (fg.r * fg.a + bg.r * bg.a * (1 - fg.a)) / alpha,
g: (fg.g * fg.a + bg.g * bg.a * (1 - fg.a)) / alpha,
b: (fg.b * fg.a + bg.b * bg.a * (1 - fg.a)) / alpha,
a: alpha
});
};
TinyColor2.prototype.triad = function() {
return this.polyad(3);
};
TinyColor2.prototype.tetrad = function() {
return this.polyad(4);
};
TinyColor2.prototype.polyad = function(n) {
var hsl = this.toHsl();
var h2 = hsl.h;
var result = [this];
var increment = 360 / n;
for (var i = 1; i < n; i++) {
result.push(new TinyColor2({ h: (h2 + i * increment) % 360, s: hsl.s, l: hsl.l }));
}
return result;
};
TinyColor2.prototype.equals = function(color) {
return this.toRgbString() === new TinyColor2(color).toRgbString();
};
return TinyColor2;
}()
);
function darken(color, amount = 20) {
return color.mix("#141414", amount).toString();
}
function useButtonCustomStyle(props) {
const _disabled = useFormDisabled();
const ns = useNamespace("button");
return vue.computed(() => {
let styles = {};
let buttonColor = props.color;
if (buttonColor) {
const match = buttonColor.match(/var\((.*?)\)/);
if (match) {
buttonColor = window.getComputedStyle(window.document.documentElement).getPropertyValue(match[1]);
}
const color = new TinyColor(buttonColor);
const activeBgColor = props.dark ? color.tint(20).toString() : darken(color, 20);
if (props.plain) {
styles = ns.cssVarBlock({
"bg-color": props.dark ? darken(color, 90) : color.tint(90).toString(),
"text-color": buttonColor,
"border-color": props.dark ? darken(color, 50) : color.tint(50).toString(),
"hover-text-color": `var(${ns.cssVarName("color-white")})`,
"hover-bg-color": buttonColor,
"hover-border-color": buttonColor,
"active-bg-color": activeBgColor,
"active-text-color": `var(${ns.cssVarName("color-white")})`,
"active-border-color": activeBgColor
});
if (_disabled.value) {
styles[ns.cssVarBlockName("disabled-bg-color")] = props.dark ? darken(color, 90) : color.tint(90).toString();
styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? darken(color, 50) : color.tint(50).toString();
styles[ns.cssVarBlockName("disabled-border-color")] = props.dark ? darken(color, 80) : color.tint(80).toString();
}
} else {
const hoverBgColor = props.dark ? darken(color, 30) : color.tint(30).toString();
const textColor = color.isDark() ? `var(${ns.cssVarName("color-white")})` : `var(${ns.cssVarName("color-black")})`;
styles = ns.cssVarBlock({
"bg-color": buttonColor,
"text-color": textColor,
"border-color": buttonColor,
"hover-bg-color": hoverBgColor,
"hover-text-color": textColor,
"hover-border-color": hoverBgColor,
"active-bg-color": activeBgColor,
"active-border-color": activeBgColor
});
if (_disabled.value) {
const disabledButtonColor = props.dark ? darken(color, 50) : color.tint(50).toString();
styles[ns.cssVarBlockName("disabled-bg-color")] = disabledButtonColor;
styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? "rgba(255, 255, 255, 0.5)" : `var(${ns.cssVarName("color-white")})`;
styles[ns.cssVarBlockName("disabled-border-color")] = disabledButtonColor;
}
}
}
return styles;
});
}
const __default__$j = vue.defineComponent({
name: "ElButton"
});
const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
...__default__$j,
props: buttonProps,
emits: buttonEmits,
setup(__props, { expose, emit }) {
const props = __props;
const buttonStyle = useButtonCustomStyle(props);
const ns = useNamespace("button");
const {
_ref,
_size,
_type,
_disabled,
_props,
_plain,
_round,
shouldAddSpace,
handleClick
} = useButton(props, emit);
const buttonKls = vue.computed(() => [
ns.b(),
ns.m(_type.value),
ns.m(_size.value),
ns.is("disabled", _disabled.value),
ns.is("loading", props.loading),
ns.is("plain", _plain.value),
ns.is("round", _round.value),
ns.is("circle", props.circle),
ns.is("text", props.text),
ns.is("link", props.link),
ns.is("has-bg", props.bg)
]);
expose({
ref: _ref,
size: _size,
type: _type,
disabled: _disabled,
shouldAddSpace
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
ref_key: "_ref",
ref: _ref
}, vue.unref(_props), {
class: vue.unref(buttonKls),
style: vue.unref(buttonStyle),
onClick: vue.unref(handleClick)
}), {
default: vue.withCtx(() => [
_ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
_ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
key: 1,
class: vue.normalizeClass(vue.unref(ns).is("loading"))
}, {
default: vue.withCtx(() => [
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
]),
_: 1
}, 8, ["class"]))
], 64)) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
default: vue.withCtx(() => [
_ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
]),
_: 3
})) : vue.createCommentVNode("v-if", true),
_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
key: 2,
class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
}, [
vue.renderSlot(_ctx.$slots, "default")
], 2)) : vue.createCommentVNode("v-if", true)
]),
_: 3
}, 16, ["class", "style", "onClick"]);
};
}
});
var Button = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "button.vue"]]);
const buttonGroupProps = {
size: buttonProps.size,
type: buttonProps.type
};
const __default__$i = vue.defineComponent({
name: "ElButtonGroup"
});
const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
...__default__$i,
props: buttonGroupProps,
setup(__props) {
const props = __props;
vue.provide(buttonGroupContextKey, vue.reactive({
size: vue.toRef(props, "size"),
type: vue.toRef(props, "type")
}));
const ns = useNamespace("button");
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(vue.unref(ns).b("group"))
}, [
vue.renderSlot(_ctx.$slots, "default")
], 2);
};
}
});
var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "button-group.vue"]]);
const ElButton = withInstall(Button, {
ButtonGroup
});
withNoopInstall(ButtonGroup);
function getDefaultExportFromCjs(x) {
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
}
var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";
PatchFlags2[PatchFlags2["CLASS"] = 2] = "CLASS";
PatchFlags2[PatchFlags2["STYLE"] = 4] = "STYLE";
PatchFlags2[PatchFlags2["PROPS"] = 8] = "PROPS";
PatchFlags2[PatchFlags2["FULL_PROPS"] = 16] = "FULL_PROPS";
PatchFlags2[PatchFlags2["HYDRATE_EVENTS"] = 32] = "HYDRATE_EVENTS";
PatchFlags2[PatchFlags2["STABLE_FRAGMENT"] = 64] = "STABLE_FRAGMENT";
PatchFlags2[PatchFlags2["KEYED_FRAGMENT"] = 128] = "KEYED_FRAGMENT";
PatchFlags2[PatchFlags2["UNKEYED_FRAGMENT"] = 256] = "UNKEYED_FRAGMENT";
PatchFlags2[PatchFlags2["NEED_PATCH"] = 512] = "NEED_PATCH";
PatchFlags2[PatchFlags2["DYNAMIC_SLOTS"] = 1024] = "DYNAMIC_SLOTS";
PatchFlags2[PatchFlags2["HOISTED"] = -1] = "HOISTED";
PatchFlags2[PatchFlags2["BAIL"] = -2] = "BAIL";
return PatchFlags2;
})(PatchFlags || {});
function isFragment(node) {
return vue.isVNode(node) && node.type === vue.Fragment;
}
function isComment(node) {
return vue.isVNode(node) && node.type === vue.Comment;
}
function isValidElementNode(node) {
return vue.isVNode(node) && !isFragment(node) && !isComment(node);
}
const flattedChildren = (children) => {
const vNodes = isArray$1(children) ? children : [children];
const result = [];
vNodes.forEach((child) => {
var _a2;
if (isArray$1(child)) {
result.push(...flattedChildren(child));
} else if (vue.isVNode(child) && ((_a2 = child.component) == null ? void 0 : _a2.subTree)) {
result.push(child, ...flattedChildren(child.component.subTree));
} else if (vue.isVNode(child) && isArray$1(child.children)) {
result.push(...flattedChildren(child.children));
} else if (vue.isVNode(child) && child.shapeFlag === 2) {
result.push(...flattedChildren(child.type()));
} else {
result.push(child);
}
});
return result;
};
const getOrderedChildren = (vm, childComponentName, children) => {
const nodes = flattedChildren(vm.subTree).filter((n) => {
var _a2;
return vue.isVNode(n) && ((_a2 = n.type) == null ? void 0 : _a2.name) === childComponentName && !!n.component;
});
const uids = nodes.map((n) => n.component.uid);
return uids.map((uid) => children[uid]).filter((p) => !!p);
};
const useOrderedChildren = (vm, childComponentName) => {
const children = vue.shallowRef({});
const orderedChildren = vue.shallowRef([]);
const nodesMap = /* @__PURE__ */ new WeakMap();
const addChild = (child) => {
children.value[child.uid] = child;
vue.triggerRef(children);
vue.onMounted(() => {
const childNode = child.getVnode().el;
const parentNode = childNode.parentNode;
if (!nodesMap.has(parentNode)) {
nodesMap.set(parentNode, []);
const originalFn = parentNode.insertBefore.bind(parentNode);
parentNode.insertBefore = (node, anchor) => {
const shouldSortChildren = nodesMap.get(parentNode).some((el) => node === el || anchor === el);
if (shouldSortChildren)
vue.triggerRef(children);
return originalFn(node, anchor);
};
}
nodesMap.get(parentNode).push(childNode);
});
};
const removeChild = (child) => {
delete children.value[child.uid];
vue.triggerRef(children);
const childNode = child.getVnode().el;
const parentNode = childNode.parentNode;
const childNodes = nodesMap.get(parentNode);
const index = childNodes.indexOf(childNode);
childNodes.splice(index, 1);
};
const sortChildren = () => {
orderedChildren.value = getOrderedChildren(vm, childComponentName, children.value);
};
const IsolatedRenderer = (props) => {
return props.render();
};
const ChildrenSorter = vue.defineComponent({
setup(_, { slots }) {
return () => {
sortChildren();
return slots.default ? vue.h(IsolatedRenderer, {
render: slots.default
}) : null;
};
}
});
return {
children: orderedChildren,
addChild,
removeChild,
ChildrenSorter
};
};
const colProps = buildProps({
tag: {
type: String,
default: "div"
},
span: {
type: Number,
default: 24
},
offset: {
type: Number,
default: 0
},
pull: {
type: Number,
default: 0
},
push: {
type: Number,
default: 0
},
xs: {
type: definePropType([Number, Object]),
default: () => mutable({})
},
sm: {
type: definePropType([Number, Object]),
default: () => mutable({})
},
md: {
type: definePropType([Number, Object]),
default: () => mutable({})
},
lg: {
type: definePropType([Number, Object]),
default: () => mutable({})
},
xl: {
type: definePropType([Number, Object]),
default: () => mutable({})
}
});
const rowContextKey = Symbol("rowContextKey");
const __default__$h = vue.defineComponent({
name: "ElCol"
});
const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
...__default__$h,
props: colProps,
setup(__props) {
const props = __props;
const { gutter } = vue.inject(rowContextKey, { gutter: vue.computed(() => 0) });
const ns = useNamespace("col");
const style = vue.computed(() => {
const styles = {};
if (gutter.value) {
styles.paddingLeft = styles.paddingRight = `${gutter.value / 2}px`;
}
return styles;
});
const colKls = vue.computed(() => {
const classes = [];
const pos = ["span", "offset", "pull", "push"];
pos.forEach((prop) => {
const size = props[prop];
if (isNumber(size)) {
if (prop === "span")
classes.push(ns.b(`${props[prop]}`));
else if (size > 0)
classes.push(ns.b(`${prop}-${props[prop]}`));
}
});
const sizes = ["xs", "sm", "md", "lg", "xl"];
sizes.forEach((size) => {
if (isNumber(props[size])) {
classes.push(ns.b(`${size}-${props[size]}`));
} else if (isObject$1(props[size])) {
Object.entries(props[size]).forEach(([prop, sizeProp]) => {
classes.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProp}`) : ns.b(`${size}-${sizeProp}`));
});
}
});
if (gutter.value) {
classes.push(ns.is("guttered"));
}
return [ns.b(), classes];
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
class: vue.normalizeClass(vue.unref(colKls)),
style: vue.normalizeStyle(vue.unref(style))
}, {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["class", "style"]);
};
}
});
var Col = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "col.vue"]]);
const ElCol = withInstall(Col);
const isInContainer = (el, container) => {
if (!isClient || !el || !container)
return false;
const elRect = el.getBoundingClientRect();
let containerRect;
if (container instanceof Element) {
containerRect = container.getBoundingClientRect();
} else {
containerRect = {
top: 0,
right: window.innerWidth,
bottom: window.innerHeight,
left: 0
};
}
return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
};
const __default__$g = vue.defineComponent({
name: "ElContainer"
});
const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
...__default__$g,
props: {
direction: {
type: String
}
},
setup(__props) {
const props = __props;
const slots = vue.useSlots();
const ns = useNamespace("container");
const isVertical = vue.computed(() => {
if (props.direction === "vertical") {
return true;
} else if (props.direction === "horizontal") {
return false;
}
if (slots && slots.default) {
const vNodes = slots.default();
return vNodes.some((vNode) => {
const tag = vNode.type.name;
return tag === "ElHeader" || tag === "ElFooter";
});
} else {
return false;
}
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("section", {
class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("vertical", vue.unref(isVertical))])
}, [
vue.renderSlot(_ctx.$slots, "default")
], 2);
};
}
});
var Container = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "container.vue"]]);
const __default__$f = vue.defineComponent({
name: "ElAside"
});
const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
...__default__$f,
props: {
width: {
type: String,
default: null
}
},
setup(__props) {
const props = __props;
const ns = useNamespace("aside");
const style = vue.computed(() => props.width ? ns.cssVarBlock({ width: props.width }) : {});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("aside", {
class: vue.normalizeClass(vue.unref(ns).b()),
style: vue.normalizeStyle(vue.unref(style))
}, [
vue.renderSlot(_ctx.$slots, "default")
], 6);
};
}
});
var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "aside.vue"]]);
const __default__$e = vue.defineComponent({
name: "ElFooter"
});
const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
...__default__$e,
props: {
height: {
type: String,
default: null
}
},
setup(__props) {
const props = __props;
const ns = useNamespace("footer");
const style = vue.computed(() => props.height ? ns.cssVarBlock({ height: props.height }) : {});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("footer", {
class: vue.normalizeClass(vue.unref(ns).b()),
style: vue.normalizeStyle(vue.unref(style))
}, [
vue.renderSlot(_ctx.$slots, "default")
], 6);
};
}
});
var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "footer.vue"]]);
const __default__$d = vue.defineComponent({
name: "ElHeader"
});
const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
...__default__$d,
props: {
height: {
type: String,
default: null
}
},
setup(__props) {
const props = __props;
const ns = useNamespace("header");
const style = vue.computed(() => {
return props.height ? ns.cssVarBlock({
height: props.height
}) : {};
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("header", {
class: vue.normalizeClass(vue.unref(ns).b()),
style: vue.normalizeStyle(vue.unref(style))
}, [
vue.renderSlot(_ctx.$slots, "default")
], 6);
};
}
});
var Header = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "header.vue"]]);
const __default__$c = vue.defineComponent({
name: "ElMain"
});
const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
...__default__$c,
setup(__props) {
const ns = useNamespace("main");
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("main", {
class: vue.normalizeClass(vue.unref(ns).b())
}, [
vue.renderSlot(_ctx.$slots, "default")
], 2);
};
}
});
var Main = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "main.vue"]]);
const ElContainer = withInstall(Container, {
Aside,
Footer,
Header,
Main
});
withNoopInstall(Aside);
withNoopInstall(Footer);
const ElHeader = withNoopInstall(Header);
const ElMain = withNoopInstall(Main);
const dividerProps = buildProps({
direction: {
type: String,
values: ["horizontal", "vertical"],
default: "horizontal"
},
contentPosition: {
type: String,
values: ["left", "center", "right"],
default: "center"
},
borderStyle: {
type: definePropType(String),
default: "solid"
}
});
const __default__$b = vue.defineComponent({
name: "ElDivider"
});
const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
...__default__$b,
props: dividerProps,
setup(__props) {
const props = __props;
const ns = useNamespace("divider");
const dividerStyle = vue.computed(() => {
return ns.cssVar({
"border-style": props.borderStyle
});
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.direction)]),
style: vue.normalizeStyle(vue.unref(dividerStyle)),
role: "separator"
}, [
_ctx.$slots.default && _ctx.direction !== "vertical" ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: vue.normalizeClass([vue.unref(ns).e("text"), vue.unref(ns).is(_ctx.contentPosition)])
}, [
vue.renderSlot(_ctx.$slots, "default")
], 2)) : vue.createCommentVNode("v-if", true)
], 6);
};
}
});
var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "divider.vue"]]);
const ElDivider = withInstall(Divider);
const __default__$a = vue.defineComponent({
name: "ImgEmpty"
});
const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
...__default__$a,
setup(__props) {
const ns = useNamespace("empty");
const id = useId();
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("svg", {
viewBox: "0 0 79 86",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg",
"xmlns:xlink": "http://www.w3.org/1999/xlink"
}, [
vue.createElementVNode("defs", null, [
vue.createElementVNode("linearGradient", {
id: `linearGradient-1-${vue.unref(id)}`,
x1: "38.8503086%",
y1: "0%",
x2: "61.1496914%",
y2: "100%"
}, [
vue.createElementVNode("stop", {
"stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
offset: "0%"
}, null, 8, ["stop-color"]),
vue.createElementVNode("stop", {
"stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-4")})`,
offset: "100%"
}, null, 8, ["stop-color"])
], 8, ["id"]),
vue.createElementVNode("linearGradient", {
id: `linearGradient-2-${vue.unref(id)}`,
x1: "0%",
y1: "9.5%",
x2: "100%",
y2: "90.5%"
}, [
vue.createElementVNode("stop", {
"stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
offset: "0%"
}, null, 8, ["stop-color"]),
vue.createElementVNode("stop", {
"stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-6")})`,
offset: "100%"
}, null, 8, ["stop-color"])
], 8, ["id"]),
vue.createElementVNode("rect", {
id: `path-3-${vue.unref(id)}`,
x: "0",
y: "0",
width: "17",
height: "36"
}, null, 8, ["id"])
]),
vue.createElementVNode("g", {
stroke: "none",
"stroke-width": "1",
fill: "none",
"fill-rule": "evenodd"
}, [
vue.createElementVNode("g", { transform: "translate(-1268.000000, -535.000000)" }, [
vue.createElementVNode("g", { transform: "translate(1268.000000, 535.000000)" }, [
vue.createElementVNode("path", {
d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-3")})`
}, null, 8, ["fill"]),
vue.createElementVNode("polygon", {
fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-7")})`,
transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
points: "13 58 53 58 42 45 2 45"
}, null, 8, ["fill"]),
vue.createElementVNode("g", { transform: "translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)" }, [
vue.createElementVNode("polygon", {
fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-7")})`,
transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
points: "2.84078316e-14 3 18 3 23 7 5 7"
}, null, 8, ["fill"]),
vue.createElementVNode("polygon", {
fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-5")})`,
points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
}, null, 8, ["fill"]),
vue.createElementVNode("rect", {
fill: `url(#linearGradient-1-${vue.unref(id)})`,
transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
x: "38",
y: "7",
width: "17",
height: "36"
}, null, 8, ["fill"]),
vue.createElementVNode("polygon", {
fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-2")})`,
transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
}, null, 8, ["fill"])
]),
vue.createElementVNode("rect", {
fill: `url(#linearGradient-2-${vue.unref(id)})`,
x: "13",
y: "45",
width: "40",
height: "36"
}, null, 8, ["fill"]),
vue.createElementVNode("g", { transform: "translate(53.000000, 45.000000)" }, [
vue.createElementVNode("use", {
fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-8")})`,
transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
"xlink:href": `#path-3-${vue.unref(id)}`
}, null, 8, ["fill", "xlink:href"]),
vue.createElementVNode("polygon", {
fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-9")})`,
mask: `url(#mask-4-${vue.unref(id)})`,
transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
points: "7 0 24 0 20 18 7 16.5"
}, null, 8, ["fill", "mask"])
]),
vue.createElementVNode("polygon", {
fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-2")})`,
transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
points: "62 45 79 45 70 58 53 58"
}, null, 8, ["fill"])
])
])
])
]);
};
}
});
var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "img-empty.vue"]]);
const emptyProps = buildProps({
image: {
type: String,
default: ""
},
imageSize: Number,
description: {
type: String,
default: ""
}
});
const __default__$9 = vue.defineComponent({
name: "ElEmpty"
});
const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
...__default__$9,
props: emptyProps,
setup(__props) {
const props = __props;
const { t } = useLocale();
const ns = useNamespace("empty");
const emptyDescription = vue.computed(() => props.description || t("el.table.emptyText"));
const imageStyle = vue.computed(() => ({
width: addUnit(props.imageSize)
}));
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(vue.unref(ns).b())
}, [
vue.createElementVNode("div", {
class: vue.normalizeClass(vue.unref(ns).e("image")),
style: vue.normalizeStyle(vue.unref(imageStyle))
}, [
_ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
key: 0,
src: _ctx.image,
ondragstart: "return false"
}, null, 8, ["src"])) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
vue.createVNode(ImgEmpty)
])
], 6),
vue.createElementVNode("div", {
class: vue.normalizeClass(vue.unref(ns).e("description"))
}, [
_ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", { key: 1 }, vue.toDisplayString(vue.unref(emptyDescription)), 1))
], 2),
_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: vue.normalizeClass(vue.unref(ns).e("bottom"))
}, [
vue.renderSlot(_ctx.$slots, "default")
], 2)) : vue.createCommentVNode("v-if", true)
], 2);
};
}
});
var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "empty.vue"]]);
const ElEmpty = withInstall(Empty);
const imageViewerProps = buildProps({
urlList: {
type: definePropType(Array),
default: () => mutable([])
},
zIndex: {
type: Number
},
initialIndex: {
type: Number,
default: 0
},
infinite: {
type: Boolean,
default: true
},
hideOnClickModal: Boolean,
teleported: Boolean,
closeOnPressEscape: {
type: Boolean,
default: true
},
zoomRate: {
type: Number,
default: 1.2
},
minScale: {
type: Number,
default: 0.2
},
maxScale: {
type: Number,
default: 7
},
showProgress: {
type: Boolean,
default: false
},
crossorigin: {
type: definePropType(String)
}
});
const imageViewerEmits = {
close: () => true,
switch: (index) => isNumber(index),
rotate: (deg) => isNumber(deg)
};
const __default__$8 = vue.defineComponent({
name: "ElImageViewer"
});
const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
...__default__$8,
props: imageViewerProps,
emits: imageViewerEmits,
setup(__props, { expose, emit }) {
var _a2;
const props = __props;
const modes = {
CONTAIN: {
name: "contain",
icon: vue.markRaw(iconsVue.FullScreen)
},
ORIGINAL: {
name: "original",
icon: vue.markRaw(iconsVue.ScaleToOriginal)
}
};
let stopWheelListener;
let prevOverflow = "";
const { t } = useLocale();
const ns = useNamespace("image-viewer");
const { nextZIndex } = useZIndex();
const wrapper = vue.ref();
const imgRefs = vue.ref([]);
const scopeEventListener = vue.effectScope();
const loading = vue.ref(true);
const activeIndex = vue.ref(props.initialIndex);
const mode = vue.shallowRef(modes.CONTAIN);
const transform = vue.ref({
scale: 1,
deg: 0,
offsetX: 0,
offsetY: 0,
enableTransition: false
});
const zIndex2 = vue.ref((_a2 = props.zIndex) != null ? _a2 : nextZIndex());
const isSingle = vue.computed(() => {
const { urlList } = props;
return urlList.length <= 1;
});
const isFirst = vue.computed(() => activeIndex.value === 0);
const isLast = vue.computed(() => activeIndex.value === props.urlList.length - 1);
const currentImg = vue.computed(() => props.urlList[activeIndex.value]);
const arrowPrevKls = vue.computed(() => [
ns.e("btn"),
ns.e("prev"),
ns.is("disabled", !props.infinite && isFirst.value)
]);
const arrowNextKls = vue.computed(() => [
ns.e("btn"),
ns.e("next"),
ns.is("disabled", !props.infinite && isLast.value)
]);
const imgStyle = vue.computed(() => {
const { scale, deg, offsetX, offsetY, enableTransition } = transform.value;
let translateX = offsetX / scale;
let translateY = offsetY / scale;
const radian = deg * Math.PI / 180;
const cosRadian = Math.cos(radian);
const sinRadian = Math.sin(radian);
translateX = translateX * cosRadian + translateY * sinRadian;
translateY = translateY * cosRadian - offsetX / scale * sinRadian;
const style = {
transform: `scale(${scale}) rotate(${deg}deg) translate(${translateX}px, ${translateY}px)`,
transition: enableTransition ? "transform .3s" : ""
};
if (mode.value.name === modes.CONTAIN.name) {
style.maxWidth = style.maxHeight = "100%";
}
return style;
});
const progress = vue.computed(() => `${activeIndex.value + 1} / ${props.urlList.length}`);
function hide() {
unregisterEventListener();
stopWheelListener == null ? void 0 : stopWheelListener();
document.body.style.overflow = prevOverflow;
emit("close");
}
function registerEventListener() {
const keydownHandler = throttle((e) => {
switch (e.code) {
case EVENT_CODE.esc:
props.closeOnPressEscape && hide();
break;
case EVENT_CODE.space:
toggleMode();
break;
case EVENT_CODE.left:
prev();
break;
case EVENT_CODE.up:
handleActions("zoomIn");
break;
case EVENT_CODE.right:
next();
break;
case EVENT_CODE.down:
handleActions("zoomOut");
break;
}
});
const mousewheelHandler = throttle((e) => {
const delta = e.deltaY || e.deltaX;
handleActions(delta < 0 ? "zoomIn" : "zoomOut", {
zoomRate: props.zoomRate,
enableTransition: false
});
});
scopeEventListener.run(() => {
useEventListener(document, "keydown", keydownHandler);
useEventListener(document, "wheel", mousewheelHandler);
});
}
function unregisterEventListener() {
scopeEventListener.stop();
}
function handleImgLoad() {
loading.value = false;
}
function handleImgError(e) {
loading.value = false;
e.target.alt = t("el.image.error");
}
function handleMouseDown(e) {
if (loading.value || e.button !== 0 || !wrapper.value)
return;
transform.value.enableTransition = false;
const { offsetX, offsetY } = transform.value;
const startX = e.pageX;
const startY = e.pageY;
const dragHandler = throttle((ev) => {
transform.value = {
...transform.value,
offsetX: offsetX + ev.pageX - startX,
offsetY: offsetY + ev.pageY - startY
};
});
const removeMousemove = useEventListener(document, "mousemove", dragHandler);
useEventListener(document, "mouseup", () => {
removeMousemove();
});
e.preventDefault();
}
function reset() {
transform.value = {
scale: 1,
deg: 0,
offsetX: 0,
offsetY: 0,
enableTransition: false
};
}
function toggleMode() {
if (loading.value)
return;
const modeNames = keysOf(modes);
const modeValues = Object.values(modes);
const currentMode = mode.value.name;
const index = modeValues.findIndex((i) => i.name === currentMode);
const nextIndex = (index + 1) % modeNames.length;
mode.value = modes[modeNames[nextIndex]];
reset();
}
function setActiveItem(index) {
const len = props.urlList.length;
activeIndex.value = (index + len) % len;
}
function prev() {
if (isFirst.value && !props.infinite)
return;
setActiveItem(activeIndex.value - 1);
}
function next() {
if (isLast.value && !props.infinite)
return;
setActiveItem(activeIndex.value + 1);
}
function handleActions(action, options = {}) {
if (loading.value)
return;
const { minScale, maxScale } = props;
const { zoomRate, rotateDeg, enableTransition } = {
zoomRate: props.zoomRate,
rotateDeg: 90,
enableTransition: true,
...options
};
switch (action) {
case "zoomOut":
if (transform.value.scale > minScale) {
transform.value.scale = Number.parseFloat((transform.value.scale / zoomRate).toFixed(3));
}
break;
case "zoomIn":
if (transform.value.scale < maxScale) {
transform.value.scale = Number.parseFloat((transform.value.scale * zoomRate).toFixed(3));
}
break;
case "clockwise":
transform.value.deg += rotateDeg;
emit("rotate", transform.value.deg);
break;
case "anticlockwise":
transform.value.deg -= rotateDeg;
emit("rotate", transform.value.deg);
break;
}
transform.value.enableTransition = enableTransition;
}
function onFocusoutPrevented(event) {
var _a22;
if (((_a22 = event.detail) == null ? void 0 : _a22.focusReason) === "pointer") {
event.preventDefault();
}
}
function onCloseRequested() {
if (props.closeOnPressEscape) {
hide();
}
}
function wheelHandler(e) {
if (!e.ctrlKey)
return;
if (e.deltaY < 0) {
e.preventDefault();
return false;
} else if (e.deltaY > 0) {
e.preventDefault();
return false;
}
}
vue.watch(currentImg, () => {
vue.nextTick(() => {
const $img = imgRefs.value[0];
if (!($img == null ? void 0 : $img.complete)) {
loading.value = true;
}
});
});
vue.watch(activeIndex, (val) => {
reset();
emit("switch", val);
});
vue.onMounted(() => {
registerEventListener();
stopWheelListener = useEventListener("wheel", wheelHandler, {
passive: false
});
prevOverflow = document.body.style.overflow;
document.body.style.overflow = "hidden";
});
expose({
setActiveItem
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.unref(ElTeleport), {
to: "body",
disabled: !_ctx.teleported
}, {
default: vue.withCtx(() => [
vue.createVNode(vue.Transition, {
name: "viewer-fade",
appear: ""
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", {
ref_key: "wrapper",
ref: wrapper,
tabindex: -1,
class: vue.normalizeClass(vue.unref(ns).e("wrapper")),
style: vue.normalizeStyle({ zIndex: zIndex2.value })
}, [
vue.createVNode(vue.unref(ElFocusTrap), {
loop: "",
trapped: "",
"focus-trap-el": wrapper.value,
"focus-start-el": "container",
onFocusoutPrevented,
onReleaseRequested: onCloseRequested
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", {
class: vue.normalizeClass(vue.unref(ns).e("mask")),
onClick: vue.withModifiers(($event) => _ctx.hideOnClickModal && hide(), ["self"])
}, null, 10, ["onClick"]),
vue.createCommentVNode(" CLOSE "),
vue.createElementVNode("span", {
class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("close")]),
onClick: hide
}, [
vue.createVNode(vue.unref(ElIcon), null, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.Close))
]),
_: 1
})
], 2),
vue.createCommentVNode(" ARROW "),
!vue.unref(isSingle) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
vue.createElementVNode("span", {
class: vue.normalizeClass(vue.unref(arrowPrevKls)),
onClick: prev
}, [
vue.createVNode(vue.unref(ElIcon), null, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.ArrowLeft))
]),
_: 1
})
], 2),
vue.createElementVNode("span", {
class: vue.normalizeClass(vue.unref(arrowNextKls)),
onClick: next
}, [
vue.createVNode(vue.unref(ElIcon), null, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.ArrowRight))
]),
_: 1
})
], 2)
], 64)) : vue.createCommentVNode("v-if", true),
_ctx.$slots.progress || _ctx.showProgress ? (vue.openBlock(), vue.createElementBlock("div", {
key: 1,
class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("progress")])
}, [
vue.renderSlot(_ctx.$slots, "progress", {
activeIndex: activeIndex.value,
total: _ctx.urlList.length
}, () => [
vue.createTextVNode(vue.toDisplayString(vue.unref(progress)), 1)
])
], 2)) : vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" ACTIONS "),
vue.createElementVNode("div", {
class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("actions")])
}, [
vue.createElementVNode("div", {
class: vue.normalizeClass(vue.unref(ns).e("actions__inner"))
}, [
vue.renderSlot(_ctx.$slots, "toolbar", {
actions: handleActions,
prev,
next,
reset: toggleMode,
activeIndex: activeIndex.value,
setActiveItem
}, () => [
vue.createVNode(vue.unref(ElIcon), {
onClick: ($event) => handleActions("zoomOut")
}, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.ZoomOut))
]),
_: 1
}, 8, ["onClick"]),
vue.createVNode(vue.unref(ElIcon), {
onClick: ($event) => handleActions("zoomIn")
}, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.ZoomIn))
]),
_: 1
}, 8, ["onClick"]),
vue.createElementVNode("i", {
class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
}, null, 2),
vue.createVNode(vue.unref(ElIcon), { onClick: toggleMode }, {
default: vue.withCtx(() => [
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(mode).icon)))
]),
_: 1
}),
vue.createElementVNode("i", {
class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
}, null, 2),
vue.createVNode(vue.unref(ElIcon), {
onClick: ($event) => handleActions("anticlockwise")
}, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.RefreshLeft))
]),
_: 1
}, 8, ["onClick"]),
vue.createVNode(vue.unref(ElIcon), {
onClick: ($event) => handleActions("clockwise")
}, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.RefreshRight))
]),
_: 1
}, 8, ["onClick"])
])
], 2)
], 2),
vue.createCommentVNode(" CANVAS "),
vue.createElementVNode("div", {
class: vue.normalizeClass(vue.unref(ns).e("canvas"))
}, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.urlList, (url, i) => {
return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
i === activeIndex.value ? (vue.openBlock(), vue.createElementBlock("img", {
key: 0,
ref_for: true,
ref: (el) => imgRefs.value[i] = el,
src: url,
style: vue.normalizeStyle(vue.unref(imgStyle)),
class: vue.normalizeClass(vue.unref(ns).e("img")),
crossorigin: _ctx.crossorigin,
onLoad: handleImgLoad,
onError: handleImgError,
onMousedown: handleMouseDown
}, null, 46, ["src", "crossorigin"])) : vue.createCommentVNode("v-if", true)
], 64);
}), 128))
], 2),
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["focus-trap-el"])
], 6)
]),
_: 3
})
]),
_: 3
}, 8, ["disabled"]);
};
}
});
var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "image-viewer.vue"]]);
const ElImageViewer = withInstall(ImageViewer);
const imageProps = buildProps({
hideOnClickModal: Boolean,
src: {
type: String,
default: ""
},
fit: {
type: String,
values: ["", "contain", "cover", "fill", "none", "scale-down"],
default: ""
},
loading: {
type: String,
values: ["eager", "lazy"]
},
lazy: Boolean,
scrollContainer: {
type: definePropType([String, Object])
},
previewSrcList: {
type: definePropType(Array),
default: () => mutable([])
},
previewTeleported: Boolean,
zIndex: {
type: Number
},
initialIndex: {
type: Number,
default: 0
},
infinite: {
type: Boolean,
default: true
},
closeOnPressEscape: {
type: Boolean,
default: true
},
zoomRate: {
type: Number,
default: 1.2
},
minScale: {
type: Number,
default: 0.2
},
maxScale: {
type: Number,
default: 7
},
showProgress: {
type: Boolean,
default: false
},
crossorigin: {
type: definePropType(String)
}
});
const imageEmits = {
load: (evt) => evt instanceof Event,
error: (evt) => evt instanceof Event,
switch: (val) => isNumber(val),
close: () => true,
show: () => true
};
const __default__$7 = vue.defineComponent({
name: "ElImage",
inheritAttrs: false
});
const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
...__default__$7,
props: imageProps,
emits: imageEmits,
setup(__props, { expose, emit }) {
const props = __props;
const { t } = useLocale();
const ns = useNamespace("image");
const rawAttrs = vue.useAttrs();
const containerAttrs = vue.computed(() => {
return fromPairs(Object.entries(rawAttrs).filter(([key]) => /^(data-|on[A-Z])/i.test(key) || ["id", "style"].includes(key)));
});
const imgAttrs = useAttrs({
excludeListeners: true,
excludeKeys: vue.computed(() => {
return Object.keys(containerAttrs.value);
})
});
const imageSrc = vue.ref();
const hasLoadError = vue.ref(false);
const isLoading = vue.ref(true);
const showViewer = vue.ref(false);
const container = vue.ref();
const _scrollContainer = vue.ref();
const supportLoading = isClient && "loading" in HTMLImageElement.prototype;
let stopScrollListener;
const imageKls = vue.computed(() => [
ns.e("inner"),
preview.value && ns.e("preview"),
isLoading.value && ns.is("loading")
]);
const imageStyle = vue.computed(() => {
const { fit } = props;
if (isClient && fit) {
return { objectFit: fit };
}
return {};
});
const preview = vue.computed(() => {
const { previewSrcList } = props;
return isArray$1(previewSrcList) && previewSrcList.length > 0;
});
const imageIndex = vue.computed(() => {
const { previewSrcList, initialIndex } = props;
let previewIndex = initialIndex;
if (initialIndex > previewSrcList.length - 1) {
previewIndex = 0;
}
return previewIndex;
});
const isManual = vue.computed(() => {
if (props.loading === "eager")
return false;
return !supportLoading && props.loading === "lazy" || props.lazy;
});
const loadImage = () => {
if (!isClient)
return;
isLoading.value = true;
hasLoadError.value = false;
imageSrc.value = props.src;
};
function handleLoad(event) {
isLoading.value = false;
hasLoadError.value = false;
emit("load", event);
}
function handleError(event) {
isLoading.value = false;
hasLoadError.value = true;
emit("error", event);
}
function handleLazyLoad() {
if (isInContainer(container.value, _scrollContainer.value)) {
loadImage();
removeLazyLoadListener();
}
}
const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true);
async function addLazyLoadListener() {
var _a2;
if (!isClient)
return;
await vue.nextTick();
const { scrollContainer } = props;
if (isElement(scrollContainer)) {
_scrollContainer.value = scrollContainer;
} else if (isString$1(scrollContainer) && scrollContainer !== "") {
_scrollContainer.value = (_a2 = document.querySelector(scrollContainer)) != null ? _a2 : void 0;
} else if (container.value) {
_scrollContainer.value = getScrollContainer(container.value);
}
if (_scrollContainer.value) {
stopScrollListener = useEventListener(_scrollContainer, "scroll", lazyLoadHandler);
setTimeout(() => handleLazyLoad(), 100);
}
}
function removeLazyLoadListener() {
if (!isClient || !_scrollContainer.value || !lazyLoadHandler)
return;
stopScrollListener == null ? void 0 : stopScrollListener();
_scrollContainer.value = void 0;
}
function clickHandler() {
if (!preview.value)
return;
showViewer.value = true;
emit("show");
}
function closeViewer() {
showViewer.value = false;
emit("close");
}
function switchViewer(val) {
emit("switch", val);
}
vue.watch(() => props.src, () => {
if (isManual.value) {
isLoading.value = true;
hasLoadError.value = false;
removeLazyLoadListener();
addLazyLoadListener();
} else {
loadImage();
}
});
vue.onMounted(() => {
if (isManual.value) {
addLazyLoadListener();
} else {
loadImage();
}
});
expose({
showPreview: clickHandler
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
ref_key: "container",
ref: container
}, vue.unref(containerAttrs), {
class: [vue.unref(ns).b(), _ctx.$attrs.class]
}), [
hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 0 }, () => [
vue.createElementVNode("div", {
class: vue.normalizeClass(vue.unref(ns).e("error"))
}, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
imageSrc.value !== void 0 ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 0 }, vue.unref(imgAttrs), {
src: imageSrc.value,
loading: _ctx.loading,
style: vue.unref(imageStyle),
class: vue.unref(imageKls),
crossorigin: _ctx.crossorigin,
onClick: clickHandler,
onLoad: handleLoad,
onError: handleError
}), null, 16, ["src", "loading", "crossorigin"])) : vue.createCommentVNode("v-if", true),
isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
key: 1,
class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
}, [
vue.renderSlot(_ctx.$slots, "placeholder", {}, () => [
vue.createElementVNode("div", {
class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
}, null, 2)
])
], 2)) : vue.createCommentVNode("v-if", true)
], 64)),
vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(ElImageViewer), {
key: 0,
"z-index": _ctx.zIndex,
"initial-index": vue.unref(imageIndex),
infinite: _ctx.infinite,
"zoom-rate": _ctx.zoomRate,
"min-scale": _ctx.minScale,
"max-scale": _ctx.maxScale,
"show-progress": _ctx.showProgress,
"url-list": _ctx.previewSrcList,
crossorigin: _ctx.crossorigin,
"hide-on-click-modal": _ctx.hideOnClickModal,
teleported: _ctx.previewTeleported,
"close-on-press-escape": _ctx.closeOnPressEscape,
onClose: closeViewer,
onSwitch: switchViewer
}, vue.createSlots({
toolbar: vue.withCtx((toolbar) => [
vue.renderSlot(_ctx.$slots, "toolbar", vue.normalizeProps(vue.guardReactiveProps(toolbar)))
]),
default: vue.withCtx(() => [
_ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", { key: 0 }, [
vue.renderSlot(_ctx.$slots, "viewer")
])) : vue.createCommentVNode("v-if", true)
]),
_: 2
}, [
_ctx.$slots.progress ? {
name: "progress",
fn: vue.withCtx((progress) => [
vue.renderSlot(_ctx.$slots, "progress", vue.normalizeProps(vue.guardReactiveProps(progress)))
])
} : void 0
]), 1032, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "show-progress", "url-list", "crossorigin", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
], 64)) : vue.createCommentVNode("v-if", true)
], 16);
};
}
});
var Image = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "image.vue"]]);
const ElImage = withInstall(Image);
const linkProps = buildProps({
type: {
type: String,
values: ["primary", "success", "warning", "info", "danger", "default"],
default: void 0
},
underline: {
type: [Boolean, String],
values: [true, false, "always", "never", "hover"],
default: void 0
},
disabled: Boolean,
href: { type: String, default: "" },
target: {
type: String,
default: "_self"
},
icon: {
type: iconPropType
}
});
const linkEmits = {
click: (evt) => evt instanceof MouseEvent
};
const __default__$6 = vue.defineComponent({
name: "ElLink"
});
const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
...__default__$6,
props: linkProps,
emits: linkEmits,
setup(__props, { emit }) {
const props = __props;
const globalConfig2 = useGlobalConfig("link");
useDeprecated({
scope: "el-link",
from: "The underline option (boolean)",
replacement: "'always' | 'hover' | 'never'",
version: "3.0.0",
ref: "https://element-plus.org/en-US/component/link.html#underline"
}, vue.computed(() => isBoolean(props.underline)));
const ns = useNamespace("link");
const linkKls = vue.computed(() => {
var _a2, _b, _c;
return [
ns.b(),
ns.m((_c = (_b = props.type) != null ? _b : (_a2 = globalConfig2.value) == null ? void 0 : _a2.type) != null ? _c : "default"),
ns.is("disabled", props.disabled),
ns.is("underline", underline.value === "always"),
ns.is("hover-underline", underline.value === "hover" && !props.disabled)
];
});
const underline = vue.computed(() => {
var _a2, _b, _c;
if (isBoolean(props.underline)) {
return props.underline ? "hover" : "never";
} else
return (_c = (_b = props.underline) != null ? _b : (_a2 = globalConfig2.value) == null ? void 0 : _a2.underline) != null ? _c : "hover";
});
function handleClick(event) {
if (!props.disabled)
emit("click", event);
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("a", {
class: vue.normalizeClass(vue.unref(linkKls)),
href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
target: _ctx.disabled || !_ctx.href ? void 0 : _ctx.target,
onClick: handleClick
}, [
_ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
default: vue.withCtx(() => [
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
]),
_: 1
})) : vue.createCommentVNode("v-if", true),
_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
key: 1,
class: vue.normalizeClass(vue.unref(ns).e("inner"))
}, [
vue.renderSlot(_ctx.$slots, "default")
], 2)) : vue.createCommentVNode("v-if", true),
_ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.createCommentVNode("v-if", true)
], 10, ["href", "target"]);
};
}
});
var Link = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "link.vue"]]);
const ElLink = withInstall(Link);
const capitalize = (str) => capitalize$1(str);
const RowJustify = [
"start",
"center",
"end",
"space-around",
"space-between",
"space-evenly"
];
const RowAlign = ["top", "middle", "bottom"];
const rowProps = buildProps({
tag: {
type: String,
default: "div"
},
gutter: {
type: Number,
default: 0
},
justify: {
type: String,
values: RowJustify,
default: "start"
},
align: {
type: String,
values: RowAlign
}
});
const __default__$5 = vue.defineComponent({
name: "ElRow"
});
const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
...__default__$5,
props: rowProps,
setup(__props) {
const props = __props;
const ns = useNamespace("row");
const gutter = vue.computed(() => props.gutter);
vue.provide(rowContextKey, {
gutter
});
const style = vue.computed(() => {
const styles = {};
if (!props.gutter) {
return styles;
}
styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
return styles;
});
const rowKls = vue.computed(() => [
ns.b(),
ns.is(`justify-${props.justify}`, props.justify !== "start"),
ns.is(`align-${props.align}`, !!props.align)
]);
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
class: vue.normalizeClass(vue.unref(rowKls)),
style: vue.normalizeStyle(vue.unref(style))
}, {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["class", "style"]);
};
}
});
var Row = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "row.vue"]]);
const ElRow = withInstall(Row);
const skeletonProps = buildProps({
animated: {
type: Boolean,
default: false
},
count: {
type: Number,
default: 1
},
rows: {
type: Number,
default: 3
},
loading: {
type: Boolean,
default: true
},
throttle: {
type: definePropType([Number, Object])
}
});
const skeletonItemProps = buildProps({
variant: {
type: String,
values: [
"circle",
"rect",
"h1",
"h3",
"text",
"caption",
"p",
"image",
"button"
],
default: "text"
}
});
const __default__$4 = vue.defineComponent({
name: "ElSkeletonItem"
});
const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
...__default__$4,
props: skeletonItemProps,
setup(__props) {
const ns = useNamespace("skeleton");
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass([vue.unref(ns).e("item"), vue.unref(ns).e(_ctx.variant)])
}, [
_ctx.variant === "image" ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.PictureFilled), { key: 0 })) : vue.createCommentVNode("v-if", true)
], 2);
};
}
});
var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "skeleton-item.vue"]]);
const useThrottleRender = (loading, throttle2 = 0) => {
if (throttle2 === 0)
return loading;
const initVal = isObject$1(throttle2) && Boolean(throttle2.initVal);
const throttled = vue.ref(initVal);
let timeoutHandle = null;
const dispatchThrottling = (timer) => {
if (isUndefined(timer)) {
throttled.value = loading.value;
return;
}
if (timeoutHandle) {
clearTimeout(timeoutHandle);
}
timeoutHandle = setTimeout(() => {
throttled.value = loading.value;
}, timer);
};
const dispatcher = (type) => {
if (type === "leading") {
if (isNumber(throttle2)) {
dispatchThrottling(throttle2);
} else {
dispatchThrottling(throttle2.leading);
}
} else {
if (isObject$1(throttle2)) {
dispatchThrottling(throttle2.trailing);
} else {
throttled.value = false;
}
}
};
vue.onMounted(() => dispatcher("leading"));
vue.watch(() => loading.value, (val) => {
dispatcher(val ? "leading" : "trailing");
});
return throttled;
};
const __default__$3 = vue.defineComponent({
name: "ElSkeleton"
});
const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
...__default__$3,
props: skeletonProps,
setup(__props, { expose }) {
const props = __props;
const ns = useNamespace("skeleton");
const uiLoading = useThrottleRender(vue.toRef(props, "loading"), props.throttle);
expose({
uiLoading
});
return (_ctx, _cache) => {
return vue.unref(uiLoading) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
key: 0,
class: [vue.unref(ns).b(), vue.unref(ns).is("animated", _ctx.animated)]
}, _ctx.$attrs), [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (i) => {
return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
vue.unref(uiLoading) ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
vue.createVNode(SkeletonItem, {
class: vue.normalizeClass(vue.unref(ns).is("first")),
variant: "p"
}, null, 8, ["class"]),
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (item) => {
return vue.openBlock(), vue.createBlock(SkeletonItem, {
key: item,
class: vue.normalizeClass([
vue.unref(ns).e("paragraph"),
vue.unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
]),
variant: "p"
}, null, 8, ["class"]);
}), 128))
]) : vue.createCommentVNode("v-if", true)
], 64);
}), 128))
], 16)) : vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)));
};
}
});
var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "skeleton.vue"]]);
const ElSkeleton = withInstall(Skeleton, {
SkeletonItem
});
const ElSkeletonItem = withNoopInstall(SkeletonItem);
const spaceItemProps = buildProps({
prefixCls: {
type: String
}
});
const SpaceItem = vue.defineComponent({
name: "ElSpaceItem",
props: spaceItemProps,
setup(props, { slots }) {
const ns = useNamespace("space");
const classes = vue.computed(() => `${props.prefixCls || ns.b()}__item`);
return () => vue.h("div", { class: classes.value }, vue.renderSlot(slots, "default"));
}
});
const SIZE_MAP = {
small: 8,
default: 12,
large: 16
};
function useSpace(props) {
const ns = useNamespace("space");
const classes = vue.computed(() => [ns.b(), ns.m(props.direction), props.class]);
const horizontalSize = vue.ref(0);
const verticalSize = vue.ref(0);
const containerStyle = vue.computed(() => {
const wrapKls = props.wrap || props.fill ? { flexWrap: "wrap" } : {};
const alignment = {
alignItems: props.alignment
};
const gap = {
rowGap: `${verticalSize.value}px`,
columnGap: `${horizontalSize.value}px`
};
return [wrapKls, alignment, gap, props.style];
});
const itemStyle = vue.computed(() => {
return props.fill ? { flexGrow: 1, minWidth: `${props.fillRatio}%` } : {};
});
vue.watchEffect(() => {
const { size = "small", wrap, direction: dir, fill } = props;
if (isArray$1(size)) {
const [h2 = 0, v = 0] = size;
horizontalSize.value = h2;
verticalSize.value = v;
} else {
let val;
if (isNumber(size)) {
val = size;
} else {
val = SIZE_MAP[size || "small"] || SIZE_MAP.small;
}
if ((wrap || fill) && dir === "horizontal") {
horizontalSize.value = verticalSize.value = val;
} else {
if (dir === "horizontal") {
horizontalSize.value = val;
verticalSize.value = 0;
} else {
verticalSize.value = val;
horizontalSize.value = 0;
}
}
}
});
return {
classes,
containerStyle,
itemStyle
};
}
const spaceProps = buildProps({
direction: {
type: String,
values: ["horizontal", "vertical"],
default: "horizontal"
},
class: {
type: definePropType([
String,
Object,
Array
]),
default: ""
},
style: {
type: definePropType([String, Array, Object]),
default: ""
},
alignment: {
type: definePropType(String),
default: "center"
},
prefixCls: {
type: String
},
spacer: {
type: definePropType([Object, String, Number, Array]),
default: null,
validator: (val) => vue.isVNode(val) || isNumber(val) || isString$1(val)
},
wrap: Boolean,
fill: Boolean,
fillRatio: {
type: Number,
default: 100
},
size: {
type: [String, Array, Number],
values: componentSizes,
validator: (val) => {
return isNumber(val) || isArray$1(val) && val.length === 2 && val.every(isNumber);
}
}
});
const Space = vue.defineComponent({
name: "ElSpace",
props: spaceProps,
setup(props, { slots }) {
const { classes, containerStyle, itemStyle } = useSpace(props);
function extractChildren(children, parentKey = "", extractedChildren = []) {
const { prefixCls } = props;
children.forEach((child, loopKey) => {
if (isFragment(child)) {
if (isArray$1(child.children)) {
child.children.forEach((nested, key) => {
if (isFragment(nested) && isArray$1(nested.children)) {
extractChildren(nested.children, `${parentKey + key}-`, extractedChildren);
} else {
if (vue.isVNode(nested) && (nested == null ? void 0 : nested.type) === vue.Comment) {
extractedChildren.push(nested);
} else {
extractedChildren.push(vue.createVNode(SpaceItem, {
style: itemStyle.value,
prefixCls,
key: `nested-${parentKey + key}`
}, {
default: () => [nested]
}, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
}
}
});
}
} else if (isValidElementNode(child)) {
extractedChildren.push(vue.createVNode(SpaceItem, {
style: itemStyle.value,
prefixCls,
key: `LoopKey${parentKey + loopKey}`
}, {
default: () => [child]
}, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
}
});
return extractedChildren;
}
return () => {
var _a2;
const { spacer, direction } = props;
const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
if (((_a2 = children.children) != null ? _a2 : []).length === 0)
return null;
if (isArray$1(children.children)) {
let extractedChildren = extractChildren(children.children);
if (spacer) {
const len = extractedChildren.length - 1;
extractedChildren = extractedChildren.reduce((acc, child, idx) => {
const children2 = [...acc, child];
if (idx !== len) {
children2.push(vue.createVNode("span", {
style: [
itemStyle.value,
direction === "vertical" ? "width: 100%" : null
],
key: idx
}, [
vue.isVNode(spacer) ? spacer : vue.createTextVNode(spacer, PatchFlags.TEXT)
], PatchFlags.STYLE));
}
return children2;
}, []);
}
return vue.createVNode("div", {
class: classes.value,
style: containerStyle.value
}, extractedChildren, PatchFlags.STYLE | PatchFlags.CLASS);
}
return children.children;
};
}
});
const ElSpace = withInstall(Space);
const tabsRootContextKey = Symbol("tabsRootContextKey");
const tabBarProps = buildProps({
tabs: {
type: definePropType(Array),
default: () => mutable([])
},
tabRefs: {
type: definePropType(Object),
default: () => mutable({})
}
});
const COMPONENT_NAME$2 = "ElTabBar";
const __default__$2 = vue.defineComponent({
name: COMPONENT_NAME$2
});
const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
...__default__$2,
props: tabBarProps,
setup(__props, { expose }) {
const props = __props;
const rootTabs = vue.inject(tabsRootContextKey);
if (!rootTabs)
throwError(COMPONENT_NAME$2, "<el-tabs><el-tab-bar /></el-tabs>");
const ns = useNamespace("tabs");
const barRef = vue.ref();
const barStyle = vue.ref();
const getBarStyle = () => {
let offset = 0;
let tabSize = 0;
const sizeName = ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height";
const sizeDir = sizeName === "width" ? "x" : "y";
const position = sizeDir === "x" ? "left" : "top";
props.tabs.every((tab) => {
if (isUndefined(tab.paneName))
return false;
const $el = props.tabRefs[tab.paneName];
if (!$el)
return false;
if (!tab.active) {
return true;
}
offset = $el[`offset${capitalize(position)}`];
tabSize = $el[`client${capitalize(sizeName)}`];
const tabStyles = window.getComputedStyle($el);
if (sizeName === "width") {
tabSize -= Number.parseFloat(tabStyles.paddingLeft) + Number.parseFloat(tabStyles.paddingRight);
offset += Number.parseFloat(tabStyles.paddingLeft);
}
return false;
});
return {
[sizeName]: `${tabSize}px`,
transform: `translate${capitalize(sizeDir)}(${offset}px)`
};
};
const update = () => barStyle.value = getBarStyle();
const saveObserver = [];
const observerTabs = () => {
saveObserver.forEach((observer) => observer.stop());
saveObserver.length = 0;
Object.values(props.tabRefs).forEach((tab) => {
saveObserver.push(useResizeObserver(tab, update));
});
};
vue.watch(() => props.tabs, async () => {
await vue.nextTick();
update();
observerTabs();
}, { immediate: true });
const barObserever = useResizeObserver(barRef, () => update());
vue.onBeforeUnmount(() => {
saveObserver.forEach((observer) => observer.stop());
saveObserver.length = 0;
barObserever.stop();
});
expose({
ref: barRef,
update
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
ref_key: "barRef",
ref: barRef,
class: vue.normalizeClass([vue.unref(ns).e("active-bar"), vue.unref(ns).is(vue.unref(rootTabs).props.tabPosition)]),
style: vue.normalizeStyle(barStyle.value)
}, null, 6);
};
}
});
var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "tab-bar.vue"]]);
const tabNavProps = buildProps({
panes: {
type: definePropType(Array),
default: () => mutable([])
},
currentName: {
type: [String, Number],
default: ""
},
editable: Boolean,
type: {
type: String,
values: ["card", "border-card", ""],
default: ""
},
stretch: Boolean
});
const tabNavEmits = {
tabClick: (tab, tabName, ev) => ev instanceof Event,
tabRemove: (tab, ev) => ev instanceof Event
};
const COMPONENT_NAME$1 = "ElTabNav";
const TabNav = vue.defineComponent({
name: COMPONENT_NAME$1,
props: tabNavProps,
emits: tabNavEmits,
setup(props, {
expose,
emit
}) {
const rootTabs = vue.inject(tabsRootContextKey);
if (!rootTabs)
throwError(COMPONENT_NAME$1, `<el-tabs><tab-nav /></el-tabs>`);
const ns = useNamespace("tabs");
const visibility = useDocumentVisibility();
const focused = useWindowFocus();
const navScroll$ = vue.ref();
const nav$ = vue.ref();
const el$ = vue.ref();
const tabRefsMap = vue.ref({});
const tabBarRef = vue.ref();
const scrollable = vue.ref(false);
const navOffset = vue.ref(0);
const isFocus = vue.ref(false);
const focusable = vue.ref(true);
const tracker = vue.shallowRef();
const sizeName = vue.computed(() => ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height");
const navStyle = vue.computed(() => {
const dir = sizeName.value === "width" ? "X" : "Y";
return {
transform: `translate${dir}(-${navOffset.value}px)`
};
});
const scrollPrev = () => {
if (!navScroll$.value)
return;
const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];
const currentOffset = navOffset.value;
if (!currentOffset)
return;
const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
navOffset.value = newOffset;
};
const scrollNext = () => {
if (!navScroll$.value || !nav$.value)
return;
const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];
const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];
const currentOffset = navOffset.value;
if (navSize - currentOffset <= containerSize)
return;
const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
navOffset.value = newOffset;
};
const scrollToActiveTab = async () => {
const nav = nav$.value;
if (!scrollable.value || !el$.value || !navScroll$.value || !nav)
return;
await vue.nextTick();
const activeTab = tabRefsMap.value[props.currentName];
if (!activeTab)
return;
const navScroll = navScroll$.value;
const isHorizontal = ["top", "bottom"].includes(rootTabs.props.tabPosition);
const activeTabBounding = activeTab.getBoundingClientRect();
const navScrollBounding = navScroll.getBoundingClientRect();
const maxOffset = isHorizontal ? nav.offsetWidth - navScrollBounding.width : nav.offsetHeight - navScrollBounding.height;
const currentOffset = navOffset.value;
let newOffset = currentOffset;
if (isHorizontal) {
if (activeTabBounding.left < navScrollBounding.left) {
newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
}
if (activeTabBounding.right > navScrollBounding.right) {
newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
}
} else {
if (activeTabBounding.top < navScrollBounding.top) {
newOffset = currentOffset - (navScrollBounding.top - activeTabBounding.top);
}
if (activeTabBounding.bottom > navScrollBounding.bottom) {
newOffset = currentOffset + (activeTabBounding.bottom - navScrollBounding.bottom);
}
}
newOffset = Math.max(newOffset, 0);
navOffset.value = Math.min(newOffset, maxOffset);
};
const update = () => {
var _a2;
if (!nav$.value || !navScroll$.value)
return;
props.stretch && ((_a2 = tabBarRef.value) == null ? void 0 : _a2.update());
const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];
const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];
const currentOffset = navOffset.value;
if (containerSize < navSize) {
scrollable.value = scrollable.value || {};
scrollable.value.prev = currentOffset;
scrollable.value.next = currentOffset + containerSize < navSize;
if (navSize - currentOffset < containerSize) {
navOffset.value = navSize - containerSize;
}
} else {
scrollable.value = false;
if (currentOffset > 0) {
navOffset.value = 0;
}
}
};
const changeTab = (event) => {
let step = 0;
switch (event.code) {
case EVENT_CODE.left:
case EVENT_CODE.up:
step = -1;
break;
case EVENT_CODE.right:
case EVENT_CODE.down:
step = 1;
break;
default:
return;
}
const tabList = Array.from(event.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
const currentIndex = tabList.indexOf(event.target);
let nextIndex = currentIndex + step;
if (nextIndex < 0) {
nextIndex = tabList.length - 1;
} else if (nextIndex >= tabList.length) {
nextIndex = 0;
}
tabList[nextIndex].focus({
preventScroll: true
});
tabList[nextIndex].click();
setFocus();
};
const setFocus = () => {
if (focusable.value)
isFocus.value = true;
};
const removeFocus = () => isFocus.value = false;
const setRefs = (el, key) => {
tabRefsMap.value[key] = el;
};
const focusActiveTab = async () => {
await vue.nextTick();
const activeTab = tabRefsMap.value[props.currentName];
activeTab == null ? void 0 : activeTab.focus({
preventScroll: true
});
};
vue.watch(visibility, (visibility2) => {
if (visibility2 === "hidden") {
focusable.value = false;
} else if (visibility2 === "visible") {
setTimeout(() => focusable.value = true, 50);
}
});
vue.watch(focused, (focused2) => {
if (focused2) {
setTimeout(() => focusable.value = true, 50);
} else {
focusable.value = false;
}
});
useResizeObserver(el$, update);
vue.onMounted(() => setTimeout(() => scrollToActiveTab(), 0));
vue.onUpdated(() => update());
expose({
scrollToActiveTab,
removeFocus,
focusActiveTab,
tabListRef: nav$,
tabBarRef,
scheduleRender: () => vue.triggerRef(tracker)
});
return () => {
const scrollBtn = scrollable.value ? [vue.createVNode("span", {
"class": [ns.e("nav-prev"), ns.is("disabled", !scrollable.value.prev)],
"onClick": scrollPrev
}, [vue.createVNode(ElIcon, null, {
default: () => [vue.createVNode(iconsVue.ArrowLeft, null, null)]
})]), vue.createVNode("span", {
"class": [ns.e("nav-next"), ns.is("disabled", !scrollable.value.next)],
"onClick": scrollNext
}, [vue.createVNode(ElIcon, null, {
default: () => [vue.createVNode(iconsVue.ArrowRight, null, null)]
})])] : null;
const tabs = props.panes.map((pane, index) => {
var _a2, _b, _c, _d;
const uid = pane.uid;
const disabled = pane.props.disabled;
const tabName = (_b = (_a2 = pane.props.name) != null ? _a2 : pane.index) != null ? _b : `${index}`;
const closable = !disabled && (pane.isClosable || props.editable);
pane.index = `${index}`;
const btnClose = closable ? vue.createVNode(ElIcon, {
"class": "is-icon-close",
"onClick": (ev) => emit("tabRemove", pane, ev)
}, {
default: () => [vue.createVNode(iconsVue.Close, null, null)]
}) : null;
const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
const tabindex = !disabled && pane.active ? 0 : -1;
return vue.createVNode("div", {
"ref": (el) => setRefs(el, tabName),
"class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
"id": `tab-${tabName}`,
"key": `tab-${uid}`,
"aria-controls": `pane-${tabName}`,
"role": "tab",
"aria-selected": pane.active,
"tabindex": tabindex,
"onFocus": () => setFocus(),
"onBlur": () => removeFocus(),
"onClick": (ev) => {
removeFocus();
emit("tabClick", pane, tabName, ev);
},
"onKeydown": (ev) => {
if (closable && (ev.code === EVENT_CODE.delete || ev.code === EVENT_CODE.backspace)) {
emit("tabRemove", pane, ev);
}
}
}, [...[tabLabelContent, btnClose]]);
});
tracker.value;
return vue.createVNode("div", {
"ref": el$,
"class": [ns.e("nav-wrap"), ns.is("scrollable", !!scrollable.value), ns.is(rootTabs.props.tabPosition)]
}, [scrollBtn, vue.createVNode("div", {
"class": ns.e("nav-scroll"),
"ref": navScroll$
}, [props.panes.length > 0 ? vue.createVNode("div", {
"class": [ns.e("nav"), ns.is(rootTabs.props.tabPosition), ns.is("stretch", props.stretch && ["top", "bottom"].includes(rootTabs.props.tabPosition))],
"ref": nav$,
"style": navStyle.value,
"role": "tablist",
"onKeydown": changeTab
}, [...[!props.type ? vue.createVNode(TabBar, {
"ref": tabBarRef,
"tabs": [...props.panes],
"tabRefs": tabRefsMap.value
}, null) : null, tabs]]) : null])]);
};
}
});
const tabsProps = buildProps({
type: {
type: String,
values: ["card", "border-card", ""],
default: ""
},
closable: Boolean,
addable: Boolean,
modelValue: {
type: [String, Number]
},
editable: Boolean,
tabPosition: {
type: String,
values: ["top", "right", "bottom", "left"],
default: "top"
},
beforeLeave: {
type: definePropType(Function),
default: () => true
},
stretch: Boolean
});
const isPaneName = (value) => isString$1(value) || isNumber(value);
const tabsEmits = {
[UPDATE_MODEL_EVENT]: (name) => isPaneName(name),
tabClick: (pane, ev) => ev instanceof Event,
tabChange: (name) => isPaneName(name),
edit: (paneName, action) => ["remove", "add"].includes(action),
tabRemove: (name) => isPaneName(name),
tabAdd: () => true
};
const Tabs = vue.defineComponent({
name: "ElTabs",
props: tabsProps,
emits: tabsEmits,
setup(props, {
emit,
slots,
expose
}) {
var _a2;
const ns = useNamespace("tabs");
const isVertical = vue.computed(() => ["left", "right"].includes(props.tabPosition));
const {
children: panes,
addChild: registerPane,
removeChild: unregisterPane,
ChildrenSorter: PanesSorter
} = useOrderedChildren(vue.getCurrentInstance(), "ElTabPane");
const nav$ = vue.ref();
const currentName = vue.ref((_a2 = props.modelValue) != null ? _a2 : "0");
const setCurrentName = async (value, trigger = false) => {
var _a22, _b, _c, _d;
if (currentName.value === value || isUndefined(value))
return;
try {
let canLeave;
if (props.beforeLeave) {
const result = props.beforeLeave(value, currentName.value);
canLeave = result instanceof Promise ? await result : result;
} else {
canLeave = true;
}
if (canLeave !== false) {
const isFocusInsidePane = (_a22 = panes.value.find((item) => item.paneName === currentName.value)) == null ? void 0 : _a22.isFocusInsidePane();
currentName.value = value;
if (trigger) {
emit(UPDATE_MODEL_EVENT, value);
emit("tabChange", value);
}
(_c = (_b = nav$.value) == null ? void 0 : _b.removeFocus) == null ? void 0 : _c.call(_b);
if (isFocusInsidePane) {
(_d = nav$.value) == null ? void 0 : _d.focusActiveTab();
}
}
} catch (e) {
}
};
const handleTabClick = (tab, tabName, event) => {
if (tab.props.disabled)
return;
emit("tabClick", tab, event);
setCurrentName(tabName, true);
};
const handleTabRemove = (pane, ev) => {
if (pane.props.disabled || isUndefined(pane.props.name))
return;
ev.stopPropagation();
emit("edit", pane.props.name, "remove");
emit("tabRemove", pane.props.name);
};
const handleTabAdd = () => {
emit("edit", void 0, "add");
emit("tabAdd");
};
const swapChildren = (vnode) => {
const actualFirstChild = vnode.el.firstChild;
const firstChild = ["bottom", "right"].includes(props.tabPosition) ? vnode.children[0].el : vnode.children[1].el;
if (actualFirstChild !== firstChild) {
actualFirstChild.before(firstChild);
}
};
vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
vue.watch(currentName, async () => {
var _a22;
await vue.nextTick();
(_a22 = nav$.value) == null ? void 0 : _a22.scrollToActiveTab();
});
vue.provide(tabsRootContextKey, {
props,
currentName,
registerPane,
unregisterPane,
nav$
});
expose({
currentName,
get tabNavRef() {
return omit(nav$.value, ["scheduleRender"]);
}
});
return () => {
const addSlot = slots["add-icon"];
const newButton = props.editable || props.addable ? vue.createVNode("div", {
"class": [ns.e("new-tab"), isVertical.value && ns.e("new-tab-vertical")],
"tabindex": "0",
"onClick": handleTabAdd,
"onKeydown": (ev) => {
if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter].includes(ev.code))
handleTabAdd();
}
}, [addSlot ? vue.renderSlot(slots, "add-icon") : vue.createVNode(ElIcon, {
"class": ns.is("icon-plus")
}, {
default: () => [vue.createVNode(iconsVue.Plus, null, null)]
})]) : null;
const tabNav = () => vue.createVNode(TabNav, {
"ref": nav$,
"currentName": currentName.value,
"editable": props.editable,
"type": props.type,
"panes": panes.value,
"stretch": props.stretch,
"onTabClick": handleTabClick,
"onTabRemove": handleTabRemove
}, null);
const header = vue.createVNode("div", {
"class": [ns.e("header"), isVertical.value && ns.e("header-vertical"), ns.is(props.tabPosition)]
}, [vue.createVNode(PanesSorter, null, {
default: tabNav,
$stable: true
}), newButton]);
const panels = vue.createVNode("div", {
"class": ns.e("content")
}, [vue.renderSlot(slots, "default")]);
return vue.createVNode("div", {
"class": [ns.b(), ns.m(props.tabPosition), {
[ns.m("card")]: props.type === "card",
[ns.m("border-card")]: props.type === "border-card"
}],
"onVnodeMounted": swapChildren,
"onVnodeUpdated": swapChildren
}, [panels, header]);
};
}
});
var Tabs$1 = Tabs;
const tabPaneProps = buildProps({
label: {
type: String,
default: ""
},
name: {
type: [String, Number]
},
closable: Boolean,
disabled: Boolean,
lazy: Boolean
});
const COMPONENT_NAME = "ElTabPane";
const __default__$1 = vue.defineComponent({
name: COMPONENT_NAME
});
const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
...__default__$1,
props: tabPaneProps,
setup(__props) {
const props = __props;
const instance = vue.getCurrentInstance();
const slots = vue.useSlots();
const tabsRoot = vue.inject(tabsRootContextKey);
if (!tabsRoot)
throwError(COMPONENT_NAME, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
const ns = useNamespace("tab-pane");
const paneRef = vue.ref();
const index = vue.ref();
const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
const active = computedEager(() => {
var _a2;
return tabsRoot.currentName.value === ((_a2 = props.name) != null ? _a2 : index.value);
});
const loaded = vue.ref(active.value);
const paneName = vue.computed(() => {
var _a2;
return (_a2 = props.name) != null ? _a2 : index.value;
});
const shouldBeRender = computedEager(() => !props.lazy || loaded.value || active.value);
const isFocusInsidePane = () => {
var _a2;
return (_a2 = paneRef.value) == null ? void 0 : _a2.contains(document.activeElement);
};
vue.watch(active, (val) => {
if (val)
loaded.value = true;
});
const pane = vue.reactive({
uid: instance.uid,
getVnode: () => instance.vnode,
slots,
props,
paneName,
active,
index,
isClosable,
isFocusInsidePane
});
tabsRoot.registerPane(pane);
vue.onBeforeUnmount(() => {
tabsRoot.unregisterPane(pane);
});
vue.onBeforeUpdate(() => {
if (slots.label)
tabsRoot.nav$.value.scheduleRender();
});
return (_ctx, _cache) => {
return vue.unref(shouldBeRender) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
key: 0,
id: `pane-${vue.unref(paneName)}`,
ref_key: "paneRef",
ref: paneRef,
class: vue.normalizeClass(vue.unref(ns).b()),
role: "tabpanel",
"aria-hidden": !vue.unref(active),
"aria-labelledby": `tab-${vue.unref(paneName)}`
}, [
vue.renderSlot(_ctx.$slots, "default")
], 10, ["id", "aria-hidden", "aria-labelledby"])), [
[vue.vShow, vue.unref(active)]
]) : vue.createCommentVNode("v-if", true);
};
}
});
var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "tab-pane.vue"]]);
const ElTabs = withInstall(Tabs$1, {
TabPane
});
const ElTabPane = withNoopInstall(TabPane);
const textProps = buildProps({
type: {
type: String,
values: ["primary", "success", "info", "warning", "danger", ""],
default: ""
},
size: {
type: String,
values: componentSizes,
default: ""
},
truncated: Boolean,
lineClamp: {
type: [String, Number]
},
tag: {
type: String,
default: "span"
}
});
const __default__ = vue.defineComponent({
name: "ElText"
});
const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
...__default__,
props: textProps,
setup(__props) {
const props = __props;
const textRef = vue.ref();
const textSize = useFormSize();
const ns = useNamespace("text");
const textKls = vue.computed(() => [
ns.b(),
ns.m(props.type),
ns.m(textSize.value),
ns.is("truncated", props.truncated),
ns.is("line-clamp", !isUndefined(props.lineClamp))
]);
const bindTitle = () => {
var _a2, _b, _c, _d, _e, _f, _g;
const inheritTitle = vue.useAttrs().title;
if (inheritTitle)
return;
let shouldAddTitle = false;
const text = ((_a2 = textRef.value) == null ? void 0 : _a2.textContent) || "";
if (props.truncated) {
const width = (_b = textRef.value) == null ? void 0 : _b.offsetWidth;
const scrollWidth = (_c = textRef.value) == null ? void 0 : _c.scrollWidth;
if (width && scrollWidth && scrollWidth > width) {
shouldAddTitle = true;
}
} else if (!isUndefined(props.lineClamp)) {
const height = (_d = textRef.value) == null ? void 0 : _d.offsetHeight;
const scrollHeight = (_e = textRef.value) == null ? void 0 : _e.scrollHeight;
if (height && scrollHeight && scrollHeight > height) {
shouldAddTitle = true;
}
}
if (shouldAddTitle) {
(_f = textRef.value) == null ? void 0 : _f.setAttribute("title", text);
} else {
(_g = textRef.value) == null ? void 0 : _g.removeAttribute("title");
}
};
vue.onMounted(bindTitle);
vue.onUpdated(bindTitle);
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
ref_key: "textRef",
ref: textRef,
class: vue.normalizeClass(vue.unref(textKls)),
style: vue.normalizeStyle({ "-webkit-line-clamp": _ctx.lineClamp })
}, {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["class", "style"]);
};
}
});
var Text = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "text.vue"]]);
const ElText = withInstall(Text);
function createLoadingComponent(options, appContext) {
let afterLeaveTimer;
const afterLeaveFlag = vue.ref(false);
const data = vue.reactive({
...options,
originalPosition: "",
originalOverflow: "",
visible: false
});
function setText(text) {
data.text = text;
}
function destroySelf() {
const target = data.parent;
const ns = vm.ns;
if (!target.vLoadingAddClassList) {
let loadingNumber = target.getAttribute("loading-number");
loadingNumber = Number.parseInt(loadingNumber) - 1;
if (!loadingNumber) {
removeClass(target, ns.bm("parent", "relative"));
target.removeAttribute("loading-number");
} else {
target.setAttribute("loading-number", loadingNumber.toString());
}
removeClass(target, ns.bm("parent", "hidden"));
}
removeElLoadingChild();
loadingInstance.unmount();
}
function removeElLoadingChild() {
var _a2, _b;
(_b = (_a2 = vm.$el) == null ? void 0 : _a2.parentNode) == null ? void 0 : _b.removeChild(vm.$el);
}
function close() {
var _a2;
if (options.beforeClose && !options.beforeClose())
return;
afterLeaveFlag.value = true;
clearTimeout(afterLeaveTimer);
afterLeaveTimer = setTimeout(handleAfterLeave, 400);
data.visible = false;
(_a2 = options.closed) == null ? void 0 : _a2.call(options);
}
function handleAfterLeave() {
if (!afterLeaveFlag.value)
return;
const target = data.parent;
afterLeaveFlag.value = false;
target.vLoadingAddClassList = void 0;
destroySelf();
}
const elLoadingComponent = vue.defineComponent({
name: "ElLoading",
setup(_, { expose }) {
const { ns, zIndex: zIndex2 } = useGlobalComponentSettings("loading");
expose({
ns,
zIndex: zIndex2
});
return () => {
const svg = data.spinner || data.svg;
const spinner = vue.h("svg", {
class: "circular",
viewBox: data.svgViewBox ? data.svgViewBox : "0 0 50 50",
...svg ? { innerHTML: svg } : {}
}, [
vue.h("circle", {
class: "path",
cx: "25",
cy: "25",
r: "20",
fill: "none"
})
]);
const spinnerText = data.text ? vue.h("p", { class: ns.b("text") }, [data.text]) : void 0;
return vue.h(vue.Transition, {
name: ns.b("fade"),
onAfterLeave: handleAfterLeave
}, {
default: vue.withCtx(() => [
vue.withDirectives(vue.createVNode("div", {
style: {
backgroundColor: data.background || ""
},
class: [
ns.b("mask"),
data.customClass,
data.fullscreen ? "is-fullscreen" : ""
]
}, [
vue.h("div", {
class: ns.b("spinner")
}, [spinner, spinnerText])
]), [[vue.vShow, data.visible]])
])
});
};
}
});
const loadingInstance = vue.createApp(elLoadingComponent);
Object.assign(loadingInstance._context, appContext != null ? appContext : {});
const vm = loadingInstance.mount(document.createElement("div"));
return {
...vue.toRefs(data),
setText,
removeElLoadingChild,
close,
handleAfterLeave,
vm,
get $el() {
return vm.$el;
}
};
}
let fullscreenInstance = void 0;
const Loading = function(options = {}) {
if (!isClient)
return void 0;
const resolved = resolveOptions(options);
if (resolved.fullscreen && fullscreenInstance) {
return fullscreenInstance;
}
const instance = createLoadingComponent({
...resolved,
closed: () => {
var _a2;
(_a2 = resolved.closed) == null ? void 0 : _a2.call(resolved);
if (resolved.fullscreen)
fullscreenInstance = void 0;
}
}, Loading._context);
addStyle(resolved, resolved.parent, instance);
addClassList(resolved, resolved.parent, instance);
resolved.parent.vLoadingAddClassList = () => addClassList(resolved, resolved.parent, instance);
let loadingNumber = resolved.parent.getAttribute("loading-number");
if (!loadingNumber) {
loadingNumber = "1";
} else {
loadingNumber = `${Number.parseInt(loadingNumber) + 1}`;
}
resolved.parent.setAttribute("loading-number", loadingNumber);
resolved.parent.appendChild(instance.$el);
vue.nextTick(() => instance.visible.value = resolved.visible);
if (resolved.fullscreen) {
fullscreenInstance = instance;
}
return instance;
};
const resolveOptions = (options) => {
var _a2, _b, _c, _d;
let target;
if (isString$1(options.target)) {
target = (_a2 = document.querySelector(options.target)) != null ? _a2 : document.body;
} else {
target = options.target || document.body;
}
return {
parent: target === document.body || options.body ? document.body : target,
background: options.background || "",
svg: options.svg || "",
svgViewBox: options.svgViewBox || "",
spinner: options.spinner || false,
text: options.text || "",
fullscreen: target === document.body && ((_b = options.fullscreen) != null ? _b : true),
lock: (_c = options.lock) != null ? _c : false,
customClass: options.customClass || "",
visible: (_d = options.visible) != null ? _d : true,
beforeClose: options.beforeClose,
closed: options.closed,
target
};
};
const addStyle = async (options, parent2, instance) => {
const { nextZIndex } = instance.vm.zIndex || instance.vm._.exposed.zIndex;
const maskStyle = {};
if (options.fullscreen) {
instance.originalPosition.value = getStyle(document.body, "position");
instance.originalOverflow.value = getStyle(document.body, "overflow");
maskStyle.zIndex = nextZIndex();
} else if (options.parent === document.body) {
instance.originalPosition.value = getStyle(document.body, "position");
await vue.nextTick();
for (const property of ["top", "left"]) {
const scroll = property === "top" ? "scrollTop" : "scrollLeft";
maskStyle[property] = `${options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - Number.parseInt(getStyle(document.body, `margin-${property}`), 10)}px`;
}
for (const property of ["height", "width"]) {
maskStyle[property] = `${options.target.getBoundingClientRect()[property]}px`;
}
} else {
instance.originalPosition.value = getStyle(parent2, "position");
}
for (const [key, value] of Object.entries(maskStyle)) {
instance.$el.style[key] = value;
}
};
const addClassList = (options, parent2, instance) => {
const ns = instance.vm.ns || instance.vm._.exposed.ns;
if (!["absolute", "fixed", "sticky"].includes(instance.originalPosition.value)) {
addClass(parent2, ns.bm("parent", "relative"));
} else {
removeClass(parent2, ns.bm("parent", "relative"));
}
if (options.fullscreen && options.lock) {
addClass(parent2, ns.bm("parent", "hidden"));
} else {
removeClass(parent2, ns.bm("parent", "hidden"));
}
};
Loading._context = null;
const INSTANCE_KEY = Symbol("ElLoading");
const getAttributeName = (name) => {
return `element-loading-${hyphenate(name)}`;
};
const createInstance = (el, binding) => {
var _a2, _b, _c, _d;
const vm = binding.instance;
const getBindingProp = (key) => isObject$1(binding.value) ? binding.value[key] : void 0;
const resolveExpression = (key) => {
const data = isString$1(key) && (vm == null ? void 0 : vm[key]) || key;
return vue.ref(data);
};
const getProp = (name) => resolveExpression(getBindingProp(name) || el.getAttribute(getAttributeName(name)));
const fullscreen = (_a2 = getBindingProp("fullscreen")) != null ? _a2 : binding.modifiers.fullscreen;
const options = {
text: getProp("text"),
svg: getProp("svg"),
svgViewBox: getProp("svgViewBox"),
spinner: getProp("spinner"),
background: getProp("background"),
customClass: getProp("customClass"),
fullscreen,
target: (_b = getBindingProp("target")) != null ? _b : fullscreen ? void 0 : el,
body: (_c = getBindingProp("body")) != null ? _c : binding.modifiers.body,
lock: (_d = getBindingProp("lock")) != null ? _d : binding.modifiers.lock
};
const instance = Loading(options);
instance._context = vLoading._context;
el[INSTANCE_KEY] = {
options,
instance
};
};
const updateOptions = (originalOptions, newOptions) => {
for (const key of Object.keys(originalOptions)) {
if (vue.isRef(originalOptions[key]))
originalOptions[key].value = newOptions[key];
}
};
const vLoading = {
mounted(el, binding) {
if (binding.value) {
createInstance(el, binding);
}
},
updated(el, binding) {
const instance = el[INSTANCE_KEY];
if (!binding.value) {
instance == null ? void 0 : instance.instance.close();
el[INSTANCE_KEY] = null;
return;
}
if (!instance)
createInstance(el, binding);
else {
updateOptions(instance.options, isObject$1(binding.value) ? binding.value : {
text: el.getAttribute(getAttributeName("text")),
svg: el.getAttribute(getAttributeName("svg")),
svgViewBox: el.getAttribute(getAttributeName("svgViewBox")),
spinner: el.getAttribute(getAttributeName("spinner")),
background: el.getAttribute(getAttributeName("background")),
customClass: el.getAttribute(getAttributeName("customClass"))
});
}
},
unmounted(el) {
var _a2;
(_a2 = el[INSTANCE_KEY]) == null ? void 0 : _a2.instance.close();
el[INSTANCE_KEY] = null;
}
};
vLoading._context = null;
const ElLoading = {
install(app) {
Loading._context = app._context;
vLoading._context = app._context;
app.directive("loading", vLoading);
app.config.globalProperties.$loading = Loading;
},
directive: vLoading,
service: Loading
};
const EmojiPanel = {
$data: {
imageUrlList: []
},
init() {
if (this.$data.imageUrlList.length === 0) {
this.createImageList();
}
},
/**
* 获取图片列表
*/
getImageList() {
return this.$data.imageUrlList;
},
/**
* 生成图片列表
*/
createImageList() {
let imageTemplateUrl = "//tb2.bdstatic.com/tb/editor/images/face/i_f";
let startImageId = 1;
let endImageId = 55;
let imageMineType = "png";
for (let index = startImageId; index <= endImageId; index++) {
this.$data.imageUrlList.push(
`${imageTemplateUrl}${index < 10 ? "0" + index : index}.${imageMineType}`
);
}
}
};
const useTiptapStore = pinia.defineStore("tiptap", {
state: () => ({
/**
* 是否异步加载完成实例
*/
isLoaded: false
})
});
const _hoisted_1$e = { id: "reply-editor" };
const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
__name: "Tiptap",
setup(__props, { expose: __expose }) {
const tiptapStore = useTiptapStore();
let editor = null;
let $tiptap = domUtils.createElement(
"script",
{
innerHTML: `
import { Editor } from 'https://fastly.jsdelivr.net/npm/@tiptap/[email protected]/+esm'
import StarterKit from 'https://fastly.jsdelivr.net/npm/@tiptap/[email protected]/+esm'
import Placeholder from 'https://fastly.jsdelivr.net/npm/@tiptap/[email protected]/+esm'
import Image from "https://fastly.jsdelivr.net/npm/@tiptap/[email protected]/+esm";
const editor = new Editor({
element: document.querySelector('#reply-editor'),
extensions: [
StarterKit,
Placeholder.configure({
placeholder: "发帖千百度 文明第一步",
}),
Image.configure({
allowBase64: true,
HTMLAttributes: {
class: "tiptap-input-image",
},
inline: true,
}),
],
content: '',
});
window.tiptapEditor = editor;
window.dispatchEvent(new Event("tiptap-ready"));
`
},
{
type: "module"
}
);
vue.onMounted(() => {
domUtils.append(document.head, $tiptap);
});
window.addEventListener("tiptap-ready", () => {
log.success("Editor: Tiptap is success loaded", "green");
tiptapStore.isLoaded = true;
editor = _unsafeWindow.tiptapEditor;
}, {
once: true
});
const EditorTools = {
/**
* 插入图片
* @param url 图片链接
*/
insertImage(url) {
log.info("Editor: 插入图片 => " + url);
let tipEditor = editor;
tipEditor.commands.setImage({
src: url
});
},
/**
* 获取输入的内容
* （内部进行字符串转换。比如表情转换）
*/
getReplyContentInfo() {
log.info("Editor: 获取并解析内容");
let tipEditor = editor;
let contentHTML = tipEditor.getHTML();
let $parseNode = document.createElement("div");
$parseNode.innerHTML = contentHTML;
let $parseContent = $parseNode.firstChild?.cloneNode(true);
let contentList = [];
let $parseList = Array.from($parseNode.querySelectorAll("& > *"));
$parseList.forEach(($line, index) => {
if ($line.className === "is-empty") {
return;
}
$line.querySelectorAll("img.tiptap-input-image").forEach(($img) => {
$img.outerHTML = `[emotion pic_type=1 width=30 height=30]${$img.src.replace(/^http(s|):/g, "")}[/emotion]`;
});
contentList.push($line.innerText);
});
let content = contentList.join("\n");
let parseData = {
text: content,
html: $parseContent.innerHTML
};
log.info(["Editor: 解析的内容 => ", parseData]);
return parseData;
},
/**
* 清空内容
*/
clearContent() {
log.info("Editor: 清空");
let tipEditor = editor;
tipEditor.commands.clearContent();
},
/**
* 监听编辑器内容改变时，是否为空
* @param callback 监听回调
*/
listenEditorContentChangeEmptyState(callback) {
log.info("Editor: 设置监听编辑器内容改变时，是否为空");
let tipEditor = editor;
tipEditor.on("update", () => {
callback(tipEditor.isEmpty);
tipEditor.commands.scrollIntoView();
});
},
/**
* 编辑器获取焦点（移动端唤醒键盘）
* @param [timeout=0] 延迟时间
*/
setEditorFocus(timeout = 0) {
log.info("Editor: 获取焦点");
if (timeout < 0) {
let tipEditor = editor;
tipEditor.commands.focus();
} else {
setTimeout(() => {
let tipEditor = editor;
tipEditor.commands.focus();
}, timeout);
}
}
};
__expose(EditorTools);
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e);
};
}
});
const Tiptap = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-515fa91d"]]);
const _hoisted_1$d = ["data-show-bottom-panel", "data-show-reply-content"];
const _hoisted_2$c = ["data-full"];
const _hoisted_3$a = {
key: 0,
class: "full-toolbar-top-nav-container"
};
const _hoisted_4$9 = { class: "full-toolbar-top-left-container" };
const _hoisted_5$9 = { class: "full-toolbar-top-right-container" };
const _hoisted_6$9 = ["fill"];
const _hoisted_8$7 = { class: "full-toolbar-bottom-panel" };
const _hoisted_9$5 = {
key: 0,
class: "emoji-panel"
};
const _hoisted_10$3 = { class: "emoji-panel-huaji" };
const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
__name: "FullToolbar",
emits: ["updateContentState", "showSmallToolbar"],
setup(__props, { expose: __expose, emit: __emit }) {
useToolbarStore();
const toolbarStateStore = useToolbarStateStore();
const tiptapStore = useTiptapStore();
const emits = __emit;
const EditorRef = vue.ref();
const BtnColor = vue.ref("#7557FF");
const currentPanelMenu = vue.ref({
name: "emoji",
state: true
});
const ReplyUser = vue.ref("");
const ReplyUserContent = vue.ref("");
const isEnlarge = vue.ref(false);
const updateContentState = (state) => {
emits("updateContentState", state);
};
EmojiPanel.init();
const ToolbarHandler = {
/** 处理底部panel显示/隐藏 */
handleBottomPanelVisible(menuName, state = !currentPanelMenu.value.state) {
currentPanelMenu.value.state = state;
currentPanelMenu.value.name = menuName;
},
/** 放大、缩小按钮图标的点击事件 */
handleEditorHeight() {
isEnlarge.value = !isEnlarge.value;
},
/** 工具栏 表情 => 表情图片 点击事件 */
handleEmojiImageClick(event, url) {
if (EditorRef.value) {
EditorRef.value.insertImage(url);
}
},
/** 工具栏 表情 点击事件 */
handleEmojiIconClick(event) {
ToolbarHandler.handleBottomPanelVisible("emoji");
},
/** 工具栏 @ 点击事件 */
handleAtIconClick(event) {
ToolbarHandler.handleBottomPanelVisible("at");
},
/** 发表 点击事件 */
handlePostMsgClickEvent(event) {
log.info("点击发表按钮");
TiebaReply.$data.isSending.value = true;
TiebaReply.sendMsg(event);
},
/** 按下 发表按钮 */
recordOnSubmitTouchStart(event) {
let contentInfo = EditorRef.value.getReplyContentInfo();
TiebaReply.setInputValue(contentInfo.text);
TiebaReply.sendMsgBefore(event);
},
/** 重置回复的用户，使当前为回复本帖楼主 */
resetReplyUser() {
ReplyUser.value = "";
ReplyUserContent.value = "";
if (TiebaReply.$data.type.value !== "main") {
TiebaReply.$data.type.value = "main";
TiebaReply.setCurrentReplyMainUser();
}
},
/** 重置编辑器，一般是发表后进行清空操作 */
resetToolbar(showSmallToolbar = true) {
ToolbarHandler.resetReplyUser();
isEnlarge.value = false;
EditorRef.value.clearContent();
updateContentState(true);
if (showSmallToolbar) {
emits("showSmallToolbar");
}
TiebaReply.$data.isSending.value = false;
}
};
TiebaReply.$vue.handlerCommentSuccess = (pid, content, no) => {
log.success(["回复成功的回调", {
no,
pid,
content
}]);
if (no === 0) {
if (TiebaReply.$data.type.value === "lzl-comment") ;
Qmsg.success("回复成功，请刷新查看~");
ToolbarHandler.resetToolbar();
} else {
Qmsg.error("发表失败，请检查网络后重试", {
zIndex: utils.getMaxZIndex() + 10
});
}
};
vue.watch(
() => toolbarStateStore.isShowFullToolbar,
(newValue, oldValue) => {
if (newValue) {
if (TiebaReply.$data.type.value != null) {
if (TiebaReply.$data.type.value === "comment") {
ReplyUser.value = `回复 ：${TiebaReply.$data.replyCommentData.value.data.authorName}`;
ReplyUserContent.value = TiebaReply.$data.replyCommentData.value.data.content;
} else if (TiebaReply.$data.type.value === "lzl-comment") {
ReplyUser.value = `回复 ：${TiebaReply.$data.replyLzlCommentData.value.data.authorName}`;
ReplyUserContent.value = TiebaReply.$data.replyLzlCommentData.value.data.content;
} else {
ReplyUser.value = "";
}
}
setTimeout(() => {
EditorRef.value?.setEditorFocus();
}, 200);
} else {
ToolbarHandler.resetReplyUser();
isEnlarge.value = false;
}
},
{
deep: true,
immediate: true
}
);
vue.watch(() => tiptapStore.isLoaded, (newValue) => {
log.success("tiptap加载完毕，监听内容！");
EditorRef.value?.listenEditorContentChangeEmptyState(updateContentState);
}, {
immediate: true,
deep: true
});
__expose({
handleBottomPanelVisible: ToolbarHandler.handleBottomPanelVisible,
resetReplyUser: ToolbarHandler.resetReplyUser
});
return (_ctx, _cache) => {
const _component_el_icon = ElIcon;
const _component_el_button = ElButton;
const _component_el_col = ElCol;
const _component_el_row = ElRow;
const _component_el_avatar = ElAvatar;
return vue.openBlock(), vue.createElementBlock("div", {
id: "full-toolbar",
"data-show-bottom-panel": currentPanelMenu.value.state,
"data-show-reply-content": ReplyUser.value !== ""
}, [
vue.withDirectives(vue.createElementVNode("div", { class: "full-toolbar-top-reply-user" }, vue.toDisplayString(ReplyUser.value) + " " + vue.toDisplayString(ReplyUserContent.value), 513), [
[vue.vShow, ReplyUser.value !== ""]
]),
vue.createElementVNode("div", {
class: "full-toolbar-top-container",
"data-full": isEnlarge.value
}, [
isEnlarge.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$a, [
vue.createVNode(_component_el_icon, {
size: "0.18rem",
onClick: ToolbarHandler.handleEditorHeight
}, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.Close))
]),
_: 1
}, 8, ["onClick"]),
vue.createVNode(_component_el_button, {
class: "btn-publish",
color: BtnColor.value,
size: "small",
round: "",
onTouchstart: ToolbarHandler.recordOnSubmitTouchStart,
onTouchend: ToolbarHandler.handlePostMsgClickEvent,
disabled: vue.unref(toolbarStateStore).isEmpty
}, {
default: vue.withCtx(() => _cache[2] || (_cache[2] = [
vue.createTextVNode("发表")
])),
_: 1,
__: [2]
}, 8, ["color", "onTouchstart", "onTouchend", "disabled"])
])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_4$9, [
vue.createVNode(Tiptap, {
ref_key: "EditorRef",
ref: EditorRef
}, null, 512)
]),
vue.createElementVNode("div", _hoisted_5$9, [
!isEnlarge.value ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
key: 0,
class: "btn-enlarge",
onClick: ToolbarHandler.handleEditorHeight
}, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.ArrowUp))
]),
_: 1
}, 8, ["onClick"])) : vue.createCommentVNode("", true),
isEnlarge.value ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
key: 1,
class: "btn-narrow",
onClick: ToolbarHandler.handleEditorHeight
}, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.ArrowDown))
]),
_: 1
}, 8, ["onClick"])) : vue.createCommentVNode("", true),
vue.createVNode(_component_el_button, {
class: "btn-publish",
color: BtnColor.value,
size: "small",
round: "",
onTouchstart: ToolbarHandler.recordOnSubmitTouchStart,
onTouchend: ToolbarHandler.handlePostMsgClickEvent,
disabled: vue.unref(toolbarStateStore).isEmpty
}, {
default: vue.withCtx(() => _cache[3] || (_cache[3] = [
vue.createTextVNode("发表")
])),
_: 1,
__: [3]
}, 8, ["color", "onTouchstart", "onTouchend", "disabled"])
])
], 8, _hoisted_2$c),
vue.createVNode(_component_el_row, {
class: "full-toolbar-bottom-container",
justify: "space-evenly"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, { span: 8 }, {
default: vue.withCtx(() => [
vue.createElementVNode("div", {
class: "full-toolbar-emoji-btn",
onClick: _cache[0] || (_cache[0] = //@ts-ignore
(...args) => ToolbarHandler.handleEmojiIconClick && ToolbarHandler.handleEmojiIconClick(...args))
}, [
(vue.openBlock(), vue.createElementBlock("svg", {
fill: currentPanelMenu.value.state && currentPanelMenu.value.name === "emoji" ? BtnColor.value : "",
class: "icon",
viewBox: "0 0 1024 1024",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg",
"p-id": "2299",
width: "20",
height: "20"
}, _cache[4] || (_cache[4] = [
vue.createElementVNode("path", {
d: "M511 954.86c-119.3 0-231.4-46.1-315.8-129.9-84.3-83.8-130.8-195.3-130.8-313.8 0-118.5 46.5-230 130.8-313.8 84.3-83.8 196.5-129.9 315.8-129.9 119.3 0 231.5 46.1 315.8 129.9 174.1 173.1 174.1 454.6 0 627.6C742.5 908.66 630.3 954.86 511 954.86L511 954.86 511 954.86 511 954.86 511 954.86zM511.1 125.26c-103.8 0-201.3 40.1-274.6 113-73.4 72.9-113.8 169.8-113.8 272.9 0 103.1 40.4 200.1 113.7 272.9 73.3 72.8 170.9 113 274.6 113 103.8 0 201.4-40.2 274.8-113.1 151.4-150.4 151.4-395.3 0-545.8C712.4 165.36 614.8 125.26 511.1 125.26L511.1 125.26 511.1 125.26 511.1 125.26 511.1 125.26zM352.4 632.26c0 0 52.3 83.1 158.6 83.1 106.3 0 176-83.1 176-83.1s39.5-0.1 39.5 41.5c0 0-68.5 97-215.5 97s-194.8-97-194.8-97S314.7 632.26 352.4 632.26L352.4 632.26 352.4 632.26 352.4 632.26zM381.2 368.46c-30.1 0-54.7 24.3-54.7 54.3 0 30 24.6 54.3 54.7 54.3 30.3 0 54.7-24.3 54.7-54.3C435.9 392.76 411.5 368.46 381.2 368.46L381.2 368.46 381.2 368.46 381.2 368.46 381.2 368.46zM661.4 368.46c-30.2 0-54.7 24.3-54.7 54.3 0 30 24.5 54.3 54.7 54.3 30.2 0 54.7-24.3 54.7-54.3C716.1 392.76 691.7 368.46 661.4 368.46L661.4 368.46 661.4 368.46 661.4 368.46 661.4 368.46z",
"p-id": "2300"
}, null, -1)
]), 8, _hoisted_6$9))
])
]),
_: 1
}),
vue.createCommentVNode("", true)
]),
_: 1
}),
vue.createElementVNode("div", _hoisted_8$7, [
currentPanelMenu.value.state && currentPanelMenu.value.name === "emoji" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$5, [
vue.createElementVNode("div", _hoisted_10$3, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(EmojiPanel).getImageList(), (url) => {
return vue.openBlock(), vue.createBlock(_component_el_avatar, {
onClick: ($event) => ToolbarHandler.handleEmojiImageClick($event, url),
style: { "background": "transparent" },
shape: "square",
size: 35,
fit: "fill",
src: url
}, null, 8, ["onClick", "src"]);
}), 256))
])
])) : vue.createCommentVNode("", true)
])
], 8, _hoisted_1$d);
};
}
});
const FullToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-16c51a10"]]);
const usePlaceHolder = pinia.defineStore("placeholder", {
state: () => ({
/**
* 内容为空时的placeholder
*/
empty: "发帖千百度 文明第一步",
/**
* 存在内容时的placeholder
*/
hasContent: "[草稿待发送]"
})
});
const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
__name: "App",
setup(__props) {
const accountStore = useAccountStore();
const toolbarStore = useToolbarStore();
const toolbarStateStore = useToolbarStateStore();
const placeHolderStore = usePlaceHolder();
const FullToolbarRef = vue.ref();
const $viteApp = vue.shallowRef();
const ElementCheckIn = {
/**
* 判断该元素是否是在小工具栏中
* @param $ele
*/
isContainsInSmallToolbar($ele) {
if ($ele == null) {
return false;
}
let $smallToolbar = document.querySelector("#small-toolbar");
if ($smallToolbar && $smallToolbar.contains($ele)) {
return true;
}
return false;
},
/**
* 判断该元素是否是在vue根元素内
* @param $ele
*/
isContainsInRootApp($ele) {
if ($ele == null) {
return false;
}
return Boolean($viteApp.value?.contains($ele));
}
};
const GlobalEvent = {
/**
* 设置全局点击事件，点击其它地方，隐藏工具栏
*/
setGlobalTouchClickCheck() {
domUtils.on(document, "touchstart", function(event) {
let $click = event.target;
if (ElementCheckIn.isContainsInSmallToolbar($click)) {
return;
}
if (ElementCheckIn.isContainsInRootApp($click)) {
return;
}
Main2.showSmallToolbar();
});
}
};
const Main2 = {
/**
* 初始化
*/
init() {
GlobalEvent.setGlobalTouchClickCheck();
vue.onMounted(() => {
$viteApp.value = document.querySelector("#vite-app");
});
},
/**
* 显示完整的工具栏，并隐藏小的工具栏
* @param isShowEmoji 是否显示emoji组件，默认false
*/
showFullToolbar(isShowEmoji = false) {
if (!accountStore.isLogin) {
TiebaReply.checkLogin();
return;
}
toolbarStateStore.isShowSmallToolbar = false;
toolbarStateStore.isShowFullToolbar = true;
if (isShowEmoji) {
FullToolbarRef.value.handleBottomPanelVisible("emoji", true);
}
},
/**
* 显示隐藏小的工具栏，并完整的工具栏
*/
showSmallToolbar() {
toolbarStateStore.isShowFullToolbar = false;
toolbarStateStore.isShowSmallToolbar = true;
TiebaReply.$data.isShowFullEditor.value = false;
},
/**
* 更新编辑器状态
* @param state 更新编辑器状态，判断是否输入框为空
*/
updateContentState(state) {
toolbarStateStore.isEmpty = state;
}
};
Main2.init();
vue.watch(
() => TiebaComment.reply_num,
(newValue) => {
log.success(["update reply_num", newValue.value]);
toolbarStore.showCommentCount = newValue.value > 999 ? "999+" : newValue.value.toString();
},
{
deep: true,
immediate: true
}
);
vue.watch(
() => TiebaComment.agree_num,
(newValue) => {
log.success(["update agree_num", newValue.value]);
toolbarStore.showGoodCount = newValue.value > 999 ? "999+" : newValue.value.toString();
},
{
deep: true,
immediate: true
}
);
vue.watch(
() => toolbarStateStore.isEmpty,
(newValue) => {
if (newValue) {
toolbarStore.placeholder = placeHolderStore.empty;
} else {
toolbarStore.placeholder = placeHolderStore.hasContent;
}
}
);
vue.watch(
() => TiebaReply.$data.isShowFullEditor.value,
(newValue) => {
if (newValue) {
Main2.showFullToolbar();
}
},
{
deep: true,
immediate: true
}
);
vue.watch(() => TiebaReply.$data.isLogin.value, (newValue) => {
accountStore.isLogin = newValue;
}, {
immediate: true,
deep: true
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
vue.withDirectives(vue.createVNode(SmallToolbar, {
onShowFullToolbar: Main2.showFullToolbar
}, null, 8, ["onShowFullToolbar"]), [
[vue.vShow, vue.unref(toolbarStateStore).isShowSmallToolbar]
]),
vue.withDirectives(vue.createVNode(FullToolbar, {
onShowSmallToolbar: Main2.showSmallToolbar,
onUpdateContentState: Main2.updateContentState,
ref_key: "FullToolbarRef",
ref: FullToolbarRef
}, null, 8, ["onShowSmallToolbar", "onUpdateContentState"]), [
[vue.vShow, vue.unref(toolbarStateStore).isShowFullToolbar]
])
], 64);
};
}
});
const pinia$1 = pinia.createPinia();
const TiebaPost = {
$data: {
appName: "vite-app"
},
mainPostImgList: [],
init() {
Panel.execMenu("baidu_tieba_repairErrorThread", () => {
log.success("强制查看-帖子不存在|帖子已被删除|该帖子需要去app内查看哦");
this.repairErrorThread();
});
Panel.execMenu("baidu_tieba_optimize_image_preview", () => {
log.success("优化图片预览");
this.optimizeImagePreview();
});
Panel.execMenuOnce("baidu_tieba_lzl_ban_global_back", () => {
this.overrideVueRouterMatch();
});
Panel.execMenu("baidu-tieba-blockCommentInput", () => {
CommonUtil.addBlockCSS(".comment-box-wrap");
});
Panel.execMenu("baidu_tieba_optimize_see_comments", () => {
log.success("优化查看评论");
TiebaComment.init();
if (!Panel.getValue("baidu-tieba-blockCommentInput")) {
if (Panel.getValue("baidu_tieba_optimize_comments_toolbar")) {
CommonUtil.addBlockCSS(".comment-box-wrap");
TiebaReply.waitCommentBoxWrap(() => {
MountVue(_sfc_main$f, [pinia$1]);
});
}
}
});
TiebaReply.init();
},
/**
* 注册全局贴吧图片点击预览(只预览通过贴吧上传的图片，非其它图床图片)
*/
optimizeImagePreview() {
log.success("优化图片预览");
CommonUtil.setGMResourceCSS(GM_RESOURCE_MAPPING.Viewer);
let gestureback = null;
if (Panel.getValue("baidu_tieba_optimize_image_preview")) {
gestureback = new GestureBack({
hash: GeastureBackHashConfig.viewerPreviewImage,
useUrl: true,
beforeHistoryBackCallBack(isUrlChange) {
if (isUrlChange) {
let $viewerClose = $(".viewer-button.viewer-close");
if ($viewerClose) {
$viewerClose.click();
} else {
Qmsg.error(`未找到关闭Viewer的按钮`);
}
}
}
});
}
function viewIMG(imgList = [], imgIndex = 0) {
log.info(["当前查看图片的索引下标：" + imgIndex]);
log.info(["当前查看图片的列表信息：", imgList]);
let viewerULNodeHTML = "";
imgList.forEach((item) => {
viewerULNodeHTML += `<li><img data-src="${item}" loading="lazy"></li>`;
});
let viewerULNode = domUtils.createElement("ul", {
innerHTML: viewerULNodeHTML
});
let viewer = new Viewer(viewerULNode, {
inline: false,
url: "data-src",
zIndex: utils.getMaxZIndex() + 100,
hidden: () => {
viewer.destroy();
},
hide(event) {
if (gestureback) {
gestureback.quitGestureBackMode();
}
}
});
if (imgIndex < 0) {
imgIndex = 0;
log.warn("imgIndex小于0，重置为0");
} else if (imgIndex > imgList.length - 1) {
imgIndex = imgList.length - 1;
log.warn("imgIndex大于imgList最大下标，重置为imgList最大下标");
}
viewer.view(imgIndex);
viewer.zoomTo(1);
viewer.show();
log.success("预览图片");
if (Panel.getValue("baidu_tieba_optimize_image_preview")) {
gestureback?.enterGestureBackMode();
}
}
function getImageSrc($img) {
let imgUrl = $img.getAttribute("data-src") || $img.getAttribute("src") || $img.src;
return imgUrl;
}
domUtils.on(
document,
"click",
"img",
(event) => {
let $click = event.target;
let $clickParent = $click.parentElement;
let currentClickImageUrl = getImageSrc($click);
if ($clickParent.className === "viewer-canvas" || $clickParent.hasAttribute("data-viewer-action")) {
log.info("点击的<img>属于Viewer内的元素， 不处理");
return;
}
if ($clickParent?.classList?.contains("forum-avatar")) {
return;
}
if ($click.closest(".pic-popup-guide-thread-wrapper")) {
return;
}
if (currentClickImageUrl?.match(
/^http(s|):\/\/(tiebapic|imgsa).baidu.com\/forum/g
)) {
utils.preventEvent(event);
log.info(`点击图片👇`);
log.info($click);
if ($clickParent.className === "img-box") {
let $imgSudoKu = $click.closest(".img-sudoku.main-img-sudoku");
log.info($imgSudoKu);
if (!$imgSudoKu) {
viewIMG([currentClickImageUrl]);
return;
}
let lazyImgList = [];
if (TiebaPost.mainPostImgList.length) {
TiebaPost.mainPostImgList.forEach((item) => {
lazyImgList.push(item.src);
});
} else {
Array.from(
$imgSudoKu.querySelectorAll("img.img")
).forEach(($img) => {
let imgSrc = getImageSrc($img);
log.info(`获取图片: ${imgSrc}`);
let imgUrlInfo = new URL(imgSrc);
if (imgUrlInfo.pathname.startsWith("/forum/")) {
let picName = imgUrlInfo.pathname.split("/").pop();
let picIdSplit = picName.split(".");
if (picIdSplit) {
let picId = picIdSplit[0];
if (TiebaData.imageMap.has(picId)) {
imgSrc = TiebaData.imageMap.get(picId);
log.success(["替换成高清图片", imgSrc]);
}
}
}
lazyImgList.push(imgSrc);
});
}
log.info("图片列表👇");
log.info(lazyImgList);
viewIMG(lazyImgList, lazyImgList.indexOf(currentClickImageUrl));
} else if ($clickParent.className === "text-content") {
let lazyImgList = [];
log.info($clickParent);
$clickParent.querySelectorAll("img.BDE_Image").forEach(($img) => {
let imgSrc = getImageSrc($img);
log.info(`获取图片: ${imgSrc}`);
let imgUrlInfo = new URL(imgSrc);
if (imgUrlInfo.pathname.startsWith("/forum/")) {
let picName = imgUrlInfo.pathname.split("/").pop();
let picIdSplit = picName?.split(".");
if (picIdSplit) {
let picId = picIdSplit[0];
if (TiebaData.imageMap.has(picId)) {
imgSrc = TiebaData.imageMap.get(picId);
log.success(["替换成高清图片", imgSrc]);
}
}
}
lazyImgList.push(imgSrc);
});
log.info("评论区图片列表👇");
log.info(lazyImgList);
viewIMG(lazyImgList, lazyImgList.indexOf(currentClickImageUrl));
} else if ($clickParent.classList.contains("pb-image") && $clickParent.localName === "uni-image") {
log.info("uni-app的图片", $clickParent);
let lazyImgList = [];
let lazyImgIndex = 0;
let $slideFrame = $click.closest(
".uni-swiper-slide-frame"
);
if ($slideFrame) {
$slideFrame.querySelectorAll("img").forEach(($img) => {
let imgSrc = getImageSrc($img);
log.info(`获取图片: ${imgSrc}`);
lazyImgList.push(imgSrc);
});
lazyImgIndex = lazyImgList.indexOf(currentClickImageUrl);
} else if ($click.closest(".pb-comment-item")) {
log.info(`uni-app评论区的图片`);
let $pbCommentItem = $click.closest(".pb-comment-item");
if ($pbCommentItem) {
let commentImageList = Array.from(
$pbCommentItem.querySelectorAll(
"uni-image img"
)
).map(($el) => $el.src);
let pbCommentItemVue3Ins = VueUtils.getVue3($pbCommentItem);
let pbCommentData = pbCommentItemVue3Ins?.props?.commentData;
let $commentGroup = $pbCommentItem.closest(".comment-group");
let commentGroupVue2Ins = VueUtils.getVue($commentGroup);
let sectionData = commentGroupVue2Ins?.sectionData;
if (pbCommentData) {
pbCommentData.content.forEach((item) => {
const {
cdn_src,
cdn_src_active,
big_cdn_src,
origin_src,
type
} = item;
if (type !== 3) {
return;
}
if (currentClickImageUrl === cdn_src || currentClickImageUrl === cdn_src_active || currentClickImageUrl === big_cdn_src || currentClickImageUrl === origin_src) {
lazyImgIndex = lazyImgList.length;
}
lazyImgList.push(
origin_src || big_cdn_src || currentClickImageUrl
);
});
} else if (sectionData) {
sectionData.forEach((item) => {
item.imgList.forEach((item2) => {
const {
cdn_src,
cdn_src_active,
big_cdn_src,
origin_src,
type
} = item2;
if (type !== 3) {
return;
}
if (currentClickImageUrl === cdn_src || currentClickImageUrl === cdn_src_active || currentClickImageUrl === big_cdn_src || currentClickImageUrl === origin_src) {
lazyImgIndex = lazyImgList.length;
}
lazyImgList.push(
origin_src || big_cdn_src || currentClickImageUrl
);
});
});
} else {
lazyImgList.push(...commentImageList);
lazyImgIndex = lazyImgList.indexOf(currentClickImageUrl);
}
} else {
log.error("获取.pb-comment-item元素失败");
lazyImgList.push(currentClickImageUrl);
}
} else {
lazyImgList.push(currentClickImageUrl);
}
if (lazyImgList.length) {
viewIMG(lazyImgList, lazyImgIndex);
} else {
Qmsg.error("获取图片数据为空");
}
} else {
viewIMG([currentClickImageUrl]);
}
}
},
{
capture: true
}
);
CommonUtil.addBlockCSS(
/* 图片右上角的APP专享 */
"div.img-sudoku .img-desc"
);
domUtils.ready(function() {
utils.waitNode("div.img-sudoku", 1e4).then(($imgSudoKu) => {
if (!$imgSudoKu) {
log.error("未找到元素 div.img-sudoku");
return;
}
utils.waitNode("img", $imgSudoKu, 1e4).then((childImg) => {
if (!childImg) {
log.error("未找到元素 div.img-sudoku img");
return;
}
let imgSudoKuImageElementList = $imgSudoKu.querySelectorAll("img.img");
log.success([
"重构主内容的图片",
$imgSudoKu,
imgSudoKuImageElementList
]);
imgSudoKuImageElementList.forEach(($imgItem) => {
if ($imgItem.hasAttribute("data-src")) {
$imgItem.src = $imgItem.getAttribute("data-src");
}
});
$imgSudoKu.innerHTML = $imgSudoKu.innerHTML;
});
VueUtils.waitVuePropToSet("div.img-sudoku", [
{
msg: "等待获取属性 imgs",
check(vueObj) {
return vueObj?.imgs != null;
},
set(vueObj) {
TiebaPost.mainPostImgList = vueObj.imgs;
log.success([
"Vue上隐藏的帖子高清图片列表",
TiebaPost.mainPostImgList
]);
}
}
]);
});
});
},
/**
* 初始化帖子内图片信息
*/
initPostImageInfo() {
let forumName = TiebaCore.getCurrentForumName();
let tid = TiebaCore.getCurrentForumPostTid();
if (forumName && tid) {
TieBaApi.getPictureGuide(forumName, tid).then((result) => {
if (!result) {
log.error("获取图片信息失败");
return;
}
log.success(["请求本贴图片信息", result]);
Object.values(result["pic_list"]).forEach((item) => {
let id = item?.["img"]?.["original"]?.["id"] || item?.["img"]?.["medium"]?.["id"] || item?.["img"]?.["screen"]?.["id"];
let pictureUrl = item?.["img"]?.["original"]?.["waterurl"] || item?.["img"]?.["screen"]?.["waterurl"];
if (id != null && pictureUrl != null) {
TiebaData.imageMap.set(id, pictureUrl);
}
});
});
}
},
/**
* 强制查看-帖子不存在|帖子已被删除|该帖子需要去app内查看哦
*
*/
repairErrorThread() {
async function getPageInfo() {
let getResp = await httpx.get(window.location.href, {
headers: {
"User-Agent": utils.getRandomPCUA()
}
});
if (!getResp.status) {
return;
}
log.info(getResp);
let pageDOM = domUtils.parseHTML(getResp.data.responseText, true, true);
let postListFirstElement = pageDOM.querySelector("#j_p_postlist .l_post");
if (!postListFirstElement) {
log.error("未找到#j_p_postlist .l_post元素");
Qmsg.error("未找到#j_p_postlist .l_post元素");
return;
}
if (!postListFirstElement.hasAttribute("data-field")) {
log.error("未找到 data-field 属性");
Qmsg.error("未找到 data-field 属性");
return;
}
let field = utils.toJSON(postListFirstElement.getAttribute("data-field"));
let PageData = null;
let PageDataScriptString = "";
pageDOM.querySelectorAll("script").forEach((scriptElement) => {
if (scriptElement.innerHTML.includes("var PageData")) {
PageDataScriptString = `
${PageDataScriptString}
${scriptElement.innerHTML}
`;
}
});
if (PageDataScriptString === "") {
log.error("未找到 PageData的script标签");
Qmsg.error("未找到 PageData的script标签");
return;
}
PageData = new Function(`
${PageDataScriptString}
return PageData;
`)();
if (!PageData) {
log.error("未找到 PageData");
Qmsg.error("未找到 PageData");
return;
}
let time = pageDOM.querySelector(
"#j_p_postlist .post-tail-wrap span.tail-info:nth-child(6)"
)?.innerText || field?.content?.date || "";
if (utils.isNotNull(time)) {
time = utils.formatToTimeStamp(time) / 1e3;
}
let content = pageDOM.querySelector(
'.d_post_content_firstfloor .d_post_content[id^="post_content_"]'
);
return {
field,
PageData,
time,
content: content?.innerHTML
};
}
function getPostList(field, PageData, time) {
let data = {
agree: {
agree_num: 0,
disagree_num: 0
},
author: {
/* author.user_id */
id: field.author.user_id,
/* author.user_name */
name: field.author.user_name,
/* author.user_nickname */
name_show: field.author.user_nickname,
/* author.portrait */
portrait: field.author.portrait,
/* author.user_nickname */
show_nickname: field.author.user_nickname,
type: 1,
userhide: 0
},
content: [
{
/* content.content */
text: field.content.content,
/* parseInt(content.type) */
type: parseInt(field.content.type)
}
],
floor: 1,
game_info: [null],
/* content.post_id */
id: parseInt(field.content.post_id),
is_bub: 0,
is_voice: 0,
is_vote: 0,
ptype: 0,
reply_num: PageData.thread.reply_num,
sub_post_number: 0,
time,
title: PageData.thread.title,
index: 0
};
let firstData = data;
let secondData = data;
secondData.floor = 3;
return [firstData, secondData];
}
utils.waitNode(".app-view", 1e4).then(async ($appView) => {
if (!$appView) {
log.error("元素.app-view不存在");
return;
}
await utils.waitVueByInterval(
$appView,
() => {
return typeof VueUtils.getVue($appView)?.isErrorThread === "boolean";
},
250,
1e4
);
let appViewVue = VueUtils.getVue($appView);
if (!(appViewVue && appViewVue.isErrorThread)) {
log.info("验证参数isErrorThread：true，正常帖子");
return;
}
log.warn("该帖子不能查看 修复中...");
let loading = Qmsg.loading("该帖子不能查看 修复中...");
let pageInfo = await getPageInfo();
loading.close();
if (!pageInfo) {
return;
}
log.info(["获取到的页面信息", pageInfo]);
let postList = getPostList(
pageInfo.field,
pageInfo.PageData,
pageInfo.time
);
appViewVue.postList = postList;
appViewVue.postAuthorId = postList[0].author.id;
appViewVue.thread = {
agree: {
agree_num: 0,
disagree_num: 0
},
collect_mark_pid: "0",
collect_status: 0,
create_time: postList[0].time,
id: appViewVue.tid,
is_frs_mask: 0,
is_share_thread: 0,
reply_num: postList[0].reply_num,
robot_thread_type: 0,
t_share_img: "",
thread_type: 0,
valid_post_num: 0,
works_info: {}
};
appViewVue.forum = {
/* PageData.forum.avatar */
avatar: pageInfo.PageData.forum.avatar,
/* PageData.forum.first_class */
first_dir: pageInfo.PageData.forum.first_class || pageInfo.PageData.first_class,
/* PageData.forum.id */
id: pageInfo.PageData.forum.id || pageInfo.PageData.forum.forum_id || pageInfo.PageData.forum.true_forum_id,
is_exists: 1,
is_forbidden: 0,
is_forum_merged: 0,
/* PageData.forum.name */
name: pageInfo.PageData.forum.name || pageInfo.PageData.forum.forum_name,
/* PageData.forum.second_class */
second_dir: pageInfo.PageData.forum.second_class || pageInfo.PageData.second_class
};
appViewVue.postNum = 100;
appViewVue.isErrorThread = false;
setTimeout(() => {
domUtils.append(
$(
"div.app-view div.thread-main-wrapper .thread-text"
),
postList[0].content[0].text || pageInfo.content
);
if (appViewVue.interactionNum && typeof pageInfo?.PageData?.thread?.reply_num === "number") {
appViewVue.interactionNum.reply = pageInfo.PageData.thread.reply_num;
}
}, 300);
});
},
/**
* 覆盖vue的Router.matcher.match，阻止改变路由后页面__vue__属性也改变导致无法获取属性
*/
overrideVueRouterMatch() {
VueUtils.waitVuePropToSet(".app-view", [
{
msg: "等待获取 root的$router",
check(vueObj) {
return typeof vueObj?.$root?.$router?.matcher?.match === "function";
},
set(vueObj) {
let $oldRouterMatch = vueObj.$root.$router.matcher.match;
vueObj.$root.$route;
vueObj.$root.$router.matcher.match = function(...args) {
args[0];
args[1];
log.info(["$router match", args]);
let result = $oldRouterMatch.apply(this, args);
return result;
};
log.success("成功覆盖 __vue__.$root.$router.matcher.match");
}
}
]);
}
};
const TiebaHomeData = {
/**
* 获取移动端用户主页的数据
*/
async getUserData() {
let userPCHomeInfo = await TiebaHomeData.getUserDataWithPCDoc();
if (!userPCHomeInfo) {
return;
}
log.info(["成功获取PC端的数据", userPCHomeInfo]);
let $name = $(".home_card_uname_link");
let userName = $name && new URL($name.href).searchParams.get("un") || userPCHomeInfo.userName;
if (utils.isNull(userName)) {
log.error("获取用户un为空");
return;
}
let userHomeInfo = await TieBaApi.getUserHomeInfo({
un: userName
});
if (!userHomeInfo) {
return;
}
log.info(["成功获取主页JSON数据 => ", userHomeInfo]);
let userInfo = await TieBaApi.getUserInfo(userName);
if (!userInfo) {
return;
}
log.info(["成功获取用户JSON数据 => ", userInfo]);
let $showName = $(".home_card_uname_link");
$showName?.innerText || userHomeInfo.name_show || userHomeInfo.show_nickname;
let $avatar = $("a.home_card_portrait_link img");
let avatar = $avatar?.src || userPCHomeInfo.avatar;
let $followBtn = $(".home_card_operate_icon_follow");
let isLike = false;
if ($followBtn) {
isLike = $followBtn.classList.contains("icon_hide");
} else {
isLike = userPCHomeInfo.is_like;
}
let $posts = $(
".home_tab .home_tab_item:nth-child(1) .home_tab_item_num"
);
let postsNum = Number($posts?.innerText || userPCHomeInfo.postInfo.post);
let $forum = $(
".home_tab .home_tab_item:nth-child(2) .home_tab_item_num"
);
let forumNum = Number($forum?.innerText || userPCHomeInfo.postInfo.forum);
let $follow = $(
".home_tab .home_tab_item:nth-child(3) .home_tab_item_num"
);
let followNum = Number(
$follow?.innerText || userPCHomeInfo.postInfo.follow
);
let $fans = $(
".home_tab .home_tab_item:nth-child(4) .home_tab_item_num"
);
let fansNum = Number($fans?.innerText || userPCHomeInfo.postInfo.fans);
let receivedLikes = userPCHomeInfo.postInfo.receivedLikes || 0;
log.info(["请求PC端的数据 => ", userPCHomeInfo]);
let portrait = userHomeInfo.portrait.replace(/\?t=(.+)/, "");
let sex = 0;
if (userHomeInfo.sex === "male") {
sex = 1;
} else if (userHomeInfo.sex == "female") {
sex = 2;
}
let imprint = [];
if (userHomeInfo.new_iconinfo) {
Object.values(userHomeInfo.new_iconinfo).forEach((iconItem) => {
if (iconItem.icon) {
imprint.push(iconItem.icon);
}
});
}
return {
id: userInfo?.id,
tbs: userInfo?.tbs,
name: userName,
showName: userHomeInfo.show_nickname || userHomeInfo.name_show,
sex,
ip: {
location: userPCHomeInfo.ip?.location
},
avatar,
portrait,
imprint,
is_vip: userHomeInfo.tb_vip,
is_like: isLike,
is_online: userInfo?.creator?.is_online ?? false,
level: userHomeInfo.tb_age,
postInfo: {
fans: fansNum,
follow: followNum,
forum: forumNum || userPCHomeInfo?.postInfo?.forum || 0,
receivedLikes,
post: postsNum
},
otherData: {
PanelUserInfo: userHomeInfo,
UserJSON: userInfo,
PCUserInfo: userPCHomeInfo
}
};
},
/**
* 获取PC网页中的用户数据
*/
async getUserDataWithPCDoc(url = window.location.href) {
let response = await httpx.get(url, {
headers: {
Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7",
"Sec-Ch-Ua-Mobile": "?0",
"Sec-Ch-Ua-Platform": "Windows",
"Sec-Fetch-Dest": "document",
"Sec-Fetch-Mode": "navigate",
"Sec-Fetch-Site": "none",
"User-Agent": utils.getRandomPCUA()
}
});
if (!response.status) {
return;
}
let $doc = domUtils.parseHTML(response.data.responseText, true, true);
let level = "0";
let postNum = 0;
let ipLocation = "未知";
let userName = "";
let showUserName = $doc.querySelector(".userinfo_username").textContent;
let $navIcon = $doc.querySelector("a.nav_icon");
if ($navIcon) {
let un = new URL($navIcon.href).searchParams.get("un");
if (un == null || un == "") {
userName = showUserName;
} else {
userName = un;
}
}
$doc.querySelectorAll(".userinfo_userdata span").forEach((spanItem) => {
let spanText = spanItem.innerText.trim();
if (spanText.includes("吧龄")) {
level = spanText.replace(/(吧龄|年|:|：)/g, "");
} else if (spanText.includes("IP属地")) {
ipLocation = spanText.replace(/(IP属地|:|：)/g, "");
} else if (spanText.includes("发贴")) {
postNum = parseInt(spanText.replace(/(发贴|:|：)/g, ""));
}
});
let postsList = [];
$doc.querySelectorAll("ul.new_list > div").forEach((listItem) => {
let postInfo = {
url: listItem.querySelector(
"ul.new_list > div .title"
).href,
title: listItem.querySelector("ul.new_list > div .title").getAttribute("title") || listItem.querySelector("ul.new_list > div .title").innerText,
content: listItem.querySelector(
"ul.new_list > div .n_txt"
).innerHTML,
forumName: listItem.querySelector("ul.new_list > div .n_name").getAttribute("title"),
createTime: listItem.querySelector(
"ul.new_list > div .n_post_time"
).innerText,
/* 暂时获取不到 */
replyNum: 0,
// 媒体数据，一般是图片
mediaList: []
};
if (listItem.querySelector("ul.new_list > div .n_media")) {
listItem.querySelectorAll(
"ul.new_list > div .n_media img"
).forEach(($img) => {
let imgSrc = $img.getAttribute("original") || $img.src;
if (imgSrc) {
postInfo.mediaList.push(imgSrc);
}
});
}
postsList.push(postInfo);
});
let sex = 0;
let $sex = $doc.querySelector(".userinfo_sex");
if ($sex) {
if ($sex.className.includes("male")) {
sex = 1;
} else if ($sex.className.includes("female")) {
sex = 2;
}
}
let avatar = "";
let $avatar = $doc.querySelector("#j_userhead img");
if ($avatar) {
avatar = $avatar.src;
}
let personalSignature = "暂无";
let receivedLikes = 0;
let follow = parseInt(
$doc.querySelector(
".ihome_aside_section:has(#concern_wrap_concern) .ihome_aside_title .concern_num a"
)?.textContent || ""
) || 0;
let forum = $doc.querySelectorAll(
"#forum_group_wrap .u-f-item"
).length;
let fans = parseInt(
$doc.querySelector(
".ihome_aside_section:has(#concern_wrap_fans) .ihome_aside_title .concern_num a"
)?.textContent || ""
) || 0;
let is_like = Boolean($(".userinfo_relation .btn_concern_done"));
let is_online = false;
let imprint = [];
$doc.querySelectorAll(".userinfo_honor a").forEach(($honorIcon) => {
let bgStyle = $honorIcon.style.background;
let url2 = bgStyle.match(/url\((.*)\)/)?.[1] || "";
if (utils.isNotNull(url2)) {
imprint.push(url2);
}
});
let forumInfoList = [];
$doc.querySelectorAll("#forum_group_wrap .u-f-item ").forEach(($el) => {
let forumName = $el.querySelector("span:first-child")?.textContent || "";
Number($el.getAttribute("data-fid") || "");
let level2 = "0";
let $level = $el.querySelector(".forum_level");
if ($level) {
let levelClassList = Array.from($level.classList);
for (const levelNodeClassName of levelClassList) {
let levelMatch = levelNodeClassName.match(/^lv([\d]+)/);
if (levelMatch) {
level2 = levelMatch[levelMatch.length - 1];
break;
}
}
}
let url2 = $el.href;
let intro = "";
forumInfoList.push({
url: url2,
forumName,
level: level2,
intro
});
});
return {
userName,
showUserName,
sex,
ip: {
location: ipLocation
},
avatar,
level,
personalSignature,
postInfo: {
post: postNum,
data: postsList,
receivedLikes,
follow,
forum,
fans
},
imprint,
is_like,
is_online,
forumInfoList
};
}
};
const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
__name: "App",
setup(__props) {
let UserData = vue.ref({});
vue.onMounted(async () => {
const loading = ElLoading.service({
lock: true,
text: "Loading",
background: "rgba(0, 0, 0, 0.7)"
});
let userData = await TiebaHomeData.getUserData();
loading.close();
if (userData) {
log.info(["用户信息", userData]);
Object.assign(UserData.value, userData);
} else {
log.error("加载用户信息失败");
Qmsg.error("加载用户信息失败");
}
});
return (_ctx, _cache) => {
const _component_router_view = vue.resolveComponent("router-view");
return vue.openBlock(), vue.createBlock(_component_router_view, { UserData: vue.unref(UserData) }, null, 8, ["UserData"]);
};
}
});
const _sfc_main$d = {};
const _hoisted_1$c = { class: "posts-item-avatar-container" };
const _hoisted_2$b = { class: "posts-item-avatar" };
const _hoisted_3$9 = { class: "posts-item-right-user-info" };
const _hoisted_4$8 = { class: "posts-item-user-name" };
const _hoisted_5$8 = { class: "posts-item-user-other-info" };
const _hoisted_6$8 = { class: "posts-item-title" };
const _hoisted_7$7 = { class: "posts-item-content" };
const _hoisted_8$6 = { class: "posts-item-forum" };
const _hoisted_9$4 = { class: "posts-item-footer" };
function _sfc_render$3(_ctx, _cache) {
const _component_el_skeleton_item = ElSkeletonItem;
const _component_el_row = ElRow;
const _component_el_col = ElCol;
const _component_el_icon = ElIcon;
const _component_el_skeleton = ElSkeleton;
return vue.openBlock(), vue.createBlock(_component_el_skeleton, {
class: "posts-container-item",
animated: ""
}, {
template: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_1$c, [
vue.createVNode(_component_el_row, { style: { "align-items": "center" } }, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_2$b, [
vue.createVNode(_component_el_skeleton_item, {
variant: "image",
style: { "width": "35px", "height": "35px", "border-radius": "50%" }
})
]),
vue.createElementVNode("div", _hoisted_3$9, [
vue.createElementVNode("div", _hoisted_4$8, [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "80px", "height": "1rem" }
})
]),
vue.createElementVNode("div", _hoisted_5$8, [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "120px", "height": "0.8rem" }
})
])
])
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_6$8, [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "80%", "height": "1rem" }
})
]),
vue.createElementVNode("div", _hoisted_7$7, [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "100%", "height": "50px" }
})
]),
vue.createElementVNode("div", _hoisted_8$6, [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "100px", "height": "30px", "border-radius": "20px" }
})
]),
vue.createElementVNode("div", _hoisted_9$4, [
vue.createVNode(_component_el_row, { justify: "space-between" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, {
span: 6,
class: "posts-item-footer-icon-container"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "1rem", "height": "1rem", "border-radius": "50%" }
})
]),
_: 1
}),
vue.createVNode(_component_el_col, {
span: 6,
class: "posts-item-footer-icon-container"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, null, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "1rem", "height": "1rem", "border-radius": "50%" }
})
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_col, {
span: 6,
class: "posts-item-footer-icon-container"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, null, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "1rem", "height": "1rem", "border-radius": "50%" }
})
]),
_: 1
})
]),
_: 1
})
]),
_: 1
})
])
]),
_: 1
});
}
const TemplatePostsItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["render", _sfc_render$3], ["__scopeId", "data-v-03f2f267"]]);
const _hoisted_1$b = { class: "posts-container" };
const _hoisted_2$a = ["onClick"];
const _hoisted_3$8 = { class: "posts-item-avatar-container" };
const _hoisted_4$7 = { class: "posts-item-avatar" };
const _hoisted_5$7 = { class: "posts-item-right-user-info" };
const _hoisted_6$7 = { class: "posts-item-user-name" };
const _hoisted_7$6 = { class: "posts-item-user-other-info" };
const _hoisted_8$5 = ["innerHTML"];
const _hoisted_9$3 = { class: "posts-item-content" };
const _hoisted_10$2 = {
key: 0,
class: "posts-item-media-container"
};
const _hoisted_11$2 = { class: "posts-item-forum" };
const _hoisted_12$2 = { class: "posts-item-footer" };
const _hoisted_13$2 = {
key: 2,
style: { "text-align": "center" }
};
const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
__name: "Posts",
props: {
UserData: {}
},
setup(__props) {
const props = __props;
let postsInfoList = vue.ref([]);
let showIsLoading = vue.ref(true);
let isAsyncLoadEnd = vue.ref(false);
let showLoadingEnd = vue.ref(false);
let $loading = vue.ref(null);
let pageNumber = vue.ref(1);
let observe = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
loadMore();
}
});
}, {
root: null,
rootMargin: "0px 0px 0px 0px",
threshold: 0.2
});
const stopWatchLoading = vue.watch($loading, () => {
if ($loading.value) {
observe.observe($loading.value.$el);
}
});
const cancleLoadMoreObserve = () => {
stopWatchLoading();
observe.disconnect();
showIsLoading.value = false;
showLoadingEnd.value = true;
log.success("移除滚动监听");
};
const handlePostItemClick = (postsItem) => {
window.open(postsItem.url, "_blank");
};
const handlePostForumButtonClick = function(postsItem) {
let url = TiebaUrlHandler.getForum(postsItem.forumName);
window.open(url, "_blank");
};
const loadMore = async () => {
showIsLoading.value = false;
let isFirstLoad = pageNumber.value === 1;
if (isFirstLoad) {
isAsyncLoadEnd.value = false;
postsInfoList.value = [];
}
let userPostsList = await TieBaApi.getUserPosts(props.UserData.name, pageNumber.value);
log.info(["获取到的帖子", userPostsList]);
if (userPostsList) {
if (isFirstLoad && userPostsList.data.length === 0) {
let userPCPostsList = await TiebaHomeData.getUserDataWithPCDoc();
log.info(["获取PC个人主页的帖子", userPCPostsList]);
if (userPCPostsList?.postInfo?.data) {
postsInfoList.value = postsInfoList.value.concat(userPCPostsList.postInfo.data);
}
} else if (userPostsList.data) {
postsInfoList.value = postsInfoList.value.concat(userPostsList.data);
pageNumber.value++;
}
showIsLoading.value = false;
if (!userPostsList.has_more) {
cancleLoadMoreObserve();
}
} else {
let userPCPostsList = await TiebaHomeData.getUserDataWithPCDoc();
log.info(["获取PC个人主页的帖子", userPCPostsList]);
if (userPCPostsList?.postInfo?.data) {
postsInfoList.value = postsInfoList.value.concat(userPCPostsList.postInfo.data);
}
cancleLoadMoreObserve();
}
if (isFirstLoad) {
isAsyncLoadEnd.value = false;
}
};
return (_ctx, _cache) => {
const _component_el_empty = ElEmpty;
const _component_el_avatar = ElAvatar;
const _component_el_text = ElText;
const _component_el_row = ElRow;
const _component_el_image = ElImage;
const _component_el_button = ElButton;
const _component_el_icon = ElIcon;
const _component_el_col = ElCol;
const _component_el_backtop = ElBacktop;
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
vue.createElementVNode("div", _hoisted_1$b, [
vue.unref(isAsyncLoadEnd) && vue.unref(postsInfoList).length === 0 ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
key: 0,
description: "帖子还在酝酿中"
})) : vue.createCommentVNode("", true),
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(postsInfoList), (postItem) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: "posts-container-item",
onClick: ($event) => handlePostItemClick(postItem)
}, [
vue.createElementVNode("div", _hoisted_3$8, [
vue.createVNode(_component_el_row, { style: { "align-items": "center" } }, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_4$7, [
vue.createVNode(_component_el_avatar, {
size: 35,
src: _ctx.UserData.avatar
}, null, 8, ["src"])
]),
vue.createElementVNode("div", _hoisted_5$7, [
vue.createElementVNode("div", _hoisted_6$7, vue.toDisplayString(_ctx.UserData.showName), 1),
vue.createElementVNode("div", _hoisted_7$6, [
vue.createVNode(_component_el_text, {
type: "info",
size: "small"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(postItem.forumName) + "吧 " + vue.toDisplayString(postItem.createTime), 1)
]),
_: 2
}, 1024)
])
])
]),
_: 2
}, 1024)
]),
vue.createElementVNode("div", {
class: "posts-item-title",
innerHTML: postItem.title
}, null, 8, _hoisted_8$5),
vue.createElementVNode("div", _hoisted_9$3, vue.toDisplayString(postItem.content), 1),
postItem.mediaList.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
vue.createVNode(_component_el_row, {
onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
}, ["stop"]))
}, {
default: vue.withCtx(() => [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(postItem.mediaList, (media, index) => {
return vue.openBlock(), vue.createBlock(_component_el_image, {
style: { "width": "100px", "height": "100px" },
src: media,
"zoom-rate": 1,
"max-scale": 7,
"min-scale": 0.2,
"preview-src-list": postItem.mediaList,
"initial-index": index,
fit: "cover"
}, null, 8, ["src", "preview-src-list", "initial-index"]);
}), 256))
]),
_: 2
}, 1024)
])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_11$2, [
vue.createVNode(_component_el_button, {
icon: vue.unref(iconsVue.ChromeFilled),
size: "small",
style: { "color": "#614FC0", "border-color": "#614FC0" },
plain: "",
round: "",
onClick: [
($event) => handlePostForumButtonClick(postItem),
_cache[1] || (_cache[1] = vue.withModifiers(() => {
}, ["stop"]))
]
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(postItem.forumName) + "吧", 1)
]),
_: 2
}, 1032, ["icon", "onClick"])
]),
vue.createElementVNode("div", _hoisted_12$2, [
vue.createVNode(_component_el_row, { justify: "space-between" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, {
span: 6,
class: "posts-item-footer-icon-container"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, null, {
default: vue.withCtx(() => _cache[2] || (_cache[2] = [
vue.createElementVNode("svg", {
t: "1714663858490",
viewBox: "0 0 1024 1024",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg"
}, [
vue.createElementVNode("path", {
d: "M422.5536 27.0336zM431.8208 25.6a25.6 25.6 0 0 1 4.096 50.8928c-1.024 0.2048-2.56 0.4096-7.5264 1.024H165.4272c-48.64 0-88.6272 42.0864-88.6272 94.6176v680.448c0 52.5312 39.9872 94.6176 88.6272 94.6176H858.624c48.64 0 88.6272-42.0864 88.6272-94.6176V451.584a25.6 25.6 0 0 1 51.2 0v400.9984c0 80.2304-62.3104 145.8176-139.8272 145.8176H165.376C87.9104 998.4 25.6 932.864 25.6 852.5824V172.1344C25.6 91.904 87.9104 26.3168 165.4272 26.3168l259.1744 0.1536A30.4128 30.4128 0 0 1 431.8208 25.6z m531.456 68.5568a24.832 24.832 0 0 1 18.432 29.3376 25.9072 25.9072 0 0 1-6.144 12.8L814.4896 363.008a25.6 25.6 0 0 1-41.7792-29.696l128.256-180.5312C634.5216 204.3904 409.088 423.6288 387.2768 688.128a25.6 25.6 0 0 1-51.0464-4.1984c22.528-273.7152 242.3808-500.8384 510.4128-571.2384l-156.0576-46.6432a25.6 25.6 0 0 1 14.6944-49.0496l257.9968 77.1584zM437.248 76.0832l-0.5632 0.2048a2.816 2.816 0 0 0 0.5632-0.2048z",
"p-id": "6004"
})
], -1)
])),
_: 1,
__: [2]
})
]),
_: 1
}),
vue.createVNode(_component_el_col, {
span: 6,
class: "posts-item-footer-icon-container"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, null, {
default: vue.withCtx(() => _cache[3] || (_cache[3] = [
vue.createElementVNode("svg", {
t: "1714663974353",
viewBox: "0 0 1024 1024",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg"
}, [
vue.createElementVNode("path", {
d: "M157.568 751.296c-11.008-18.688-18.219-31.221-21.803-37.91A424.885 424.885 0 0 1 85.333 512c0-235.637 191.03-426.667 426.667-426.667S938.667 276.363 938.667 512 747.637 938.667 512 938.667a424.779 424.779 0 0 1-219.125-60.502A2786.56 2786.56 0 0 0 272.82 866.4l-104.405 28.48c-23.893 6.507-45.803-15.413-39.285-39.296l28.437-104.288z m65.301 3.787l-17.258 63.306 63.306-17.258a32 32 0 0 1 24.523 3.21 4515.84 4515.84 0 0 1 32.352 18.944A360.79 360.79 0 0 0 512 874.667c200.299 0 362.667-162.368 362.667-362.667S712.299 149.333 512 149.333 149.333 311.701 149.333 512c0 60.587 14.848 118.955 42.827 171.136 3.712 6.912 12.928 22.827 27.37 47.232a32 32 0 0 1 3.34 24.715z m145.995-70.774a32 32 0 1 1 40.917-49.205A159.19 159.19 0 0 0 512 672c37.888 0 73.675-13.173 102.187-36.885a32 32 0 0 1 40.917 49.216A223.179 223.179 0 0 1 512 736a223.179 223.179 0 0 1-143.136-51.69z",
"p-id": "10588"
})
], -1)
])),
_: 1,
__: [3]
}),
vue.createTextVNode(" " + vue.toDisplayString(postItem.replyNum), 1)
]),
_: 2
}, 1024),
vue.createVNode(_component_el_col, {
span: 6,
class: "posts-item-footer-icon-container"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, null, {
default: vue.withCtx(() => _cache[4] || (_cache[4] = [
vue.createElementVNode("svg", {
t: "1714664014034",
viewBox: "0 0 1024 1024",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg"
}, [
vue.createElementVNode("path", {
d: "M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z",
"p-id": "11599"
})
], -1)
])),
_: 1,
__: [4]
})
]),
_: 1
})
]),
_: 2
}, 1024)
])
], 8, _hoisted_2$a);
}), 256)),
vue.unref(showIsLoading) ? (vue.openBlock(), vue.createBlock(TemplatePostsItem, {
key: 1,
ref_key: "$loading",
ref: $loading
}, null, 512)) : vue.createCommentVNode("", true),
vue.unref(showLoadingEnd) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$2, "已经到底了~")) : vue.createCommentVNode("", true)
]),
vue.createVNode(_component_el_backtop, {
right: 10,
bottom: 50
})
], 64);
};
}
});
const Posts = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__scopeId", "data-v-c87cf9db"]]);
const _sfc_main$b = {};
const _hoisted_1$a = { style: { "padding": "10px" } };
const _hoisted_2$9 = { style: { "display": "flex", "align-items": "center", "justify-items": "space-between", "justify-content": "space-between" } };
function _sfc_render$2(_ctx, _cache) {
const _component_el_skeleton_item = ElSkeletonItem;
const _component_el_skeleton = ElSkeleton;
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(3, (i) => {
return vue.createVNode(_component_el_skeleton, {
style: { "background-color": "#ffffff" },
animated: ""
}, {
template: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_1$a, [
vue.createElementVNode("div", _hoisted_2$9, [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "calc( 50% - 5px )", "height": "35px" }
}),
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "calc( 50% - 5px )", "height": "35px" }
})
])
])
]),
_: 1
});
}), 64);
}
const TemplateFollowForum = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$2]]);
const _hoisted_1$9 = { class: "follow-forum-container" };
const _hoisted_2$8 = ["onClick"];
const _hoisted_3$7 = { class: "follow-forum-item-right-container" };
const _hoisted_4$6 = { class: "follow-forum-item-name" };
const _hoisted_5$6 = ["data-level"];
const _hoisted_6$6 = {
key: 2,
style: { "text-align": "center" }
};
const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
__name: "FollowForum",
props: {
UserData: {}
},
setup(__props) {
vue.useCssVars((_ctx) => ({
"c4fc5984": vue.unref(levelBgColor),
"632896fa": vue.unref(levelColor),
"67c41881": vue.unref(levelColor0_3),
"67c4278b": vue.unref(levelColor4_9),
"f1cd3cbe": vue.unref(levelColor10_15),
"f1c7c844": vue.unref(levelColor16_18)
}));
const props = __props;
let showIsLoading = vue.ref(true);
let isAsyncLoadEnd = vue.ref(false);
let isLoadingEnd = vue.ref(false);
let $loading = vue.ref(null);
let pageNumber = vue.ref(1);
let followForum = vue.ref([]);
let isEmpty = vue.ref(false);
let colorConversion = new utils.ColorConversion();
let colorLightLevel = 0.7;
let levelColor = vue.ref("#ffffff");
let levelColor0_3 = vue.ref("#5dc7a0");
let levelColor4_9 = vue.ref("#6BA7FF");
let levelColor10_15 = vue.ref("#F9B341");
let levelColor16_18 = vue.ref("#FBA71A");
let levelBgColor = vue.ref("#000000");
vue.ref(
colorConversion.getLightColor(levelColor0_3.value, colorLightLevel)
);
vue.ref(
colorConversion.getLightColor(levelColor4_9.value, colorLightLevel)
);
vue.ref(
colorConversion.getLightColor(levelColor10_15.value, colorLightLevel)
);
vue.ref(
colorConversion.getLightColor(levelColor16_18.value, colorLightLevel)
);
let observe = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
loadMore();
}
});
},
{
root: null,
rootMargin: "0px 0px 0px 0px",
threshold: 0.2
}
);
const stopWatchLoading = vue.watch($loading, () => {
if ($loading.value) {
if ($loading.value.$el instanceof Element) {
observe.observe($loading.value.$el);
} else if ($loading.value.$el.nextElementSibling instanceof Element) {
observe.observe($loading.value.$el.nextElementSibling);
}
}
});
const cancleLoadMoreObserve = () => {
stopWatchLoading();
observe.disconnect();
showIsLoading.value = false;
isLoadingEnd.value = true;
log.info("移除滚动监听");
};
const handleForumItemClick = (forumItem) => {
window.open(forumItem.url, "_blank");
};
const loadMore = async () => {
showIsLoading.value = false;
let isFirstLoad = pageNumber.value === 1;
if (isFirstLoad) {
isAsyncLoadEnd.value = false;
followForum.value = [];
}
const userName = props.UserData.name;
let concernData = await TiebaHomeApi.getConcern(
userName,
pageNumber.value
);
log.info(["Api获取到的关注的吧：", concernData]);
let userHomeInfo = await TiebaHomeData.getUserDataWithPCDoc();
showIsLoading.value = true;
if (concernData) {
if (concernData.data) {
followForum.value = followForum.value.concat(concernData.data);
pageNumber.value++;
}
if (!concernData.has_more) {
cancleLoadMoreObserve();
}
} else if (userHomeInfo) {
followForum.value = followForum.value.concat(userHomeInfo.forumInfoList);
cancleLoadMoreObserve();
}
if (!followForum.value.length) {
log.info("获取关注的吧数据为空");
if (isFirstLoad) {
isAsyncLoadEnd.value = true;
cancleLoadMoreObserve();
isEmpty.value = true;
isLoadingEnd.value = false;
}
}
};
return (_ctx, _cache) => {
const _component_el_empty = ElEmpty;
const _component_el_avatar = ElAvatar;
const _component_el_text = ElText;
const _component_el_row = ElRow;
const _component_el_backtop = ElBacktop;
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
vue.unref(isAsyncLoadEnd) && vue.unref(followForum).length === 0 ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
key: 0,
description: "这位老铁已将关注的吧设为隐藏"
})) : vue.createCommentVNode("", true),
!vue.unref(isEmpty) ? (vue.openBlock(), vue.createBlock(_component_el_row, {
key: 1,
class: "follow-forum-list-container"
}, {
default: vue.withCtx(() => [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(followForum), (item, index) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: "follow-forum-item",
span: 24,
key: index,
onClick: ($event) => handleForumItemClick(item)
}, [
vue.createVNode(_component_el_avatar, {
class: "follow-forum-avatar",
size: 35,
src: "//tb2.bdstatic.com/tb/mobile/sglobal/layout/classic/icon/apple-touch-icon-144x144-precomposed_08a91b3.png"
}),
vue.createElementVNode("div", _hoisted_3$7, [
vue.createElementVNode("div", _hoisted_4$6, vue.toDisplayString(item.forumName), 1),
vue.createVNode(_component_el_text, {
class: "follow-forum-item-info",
type: "info",
size: "small",
truncated: ""
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(item.intro), 1)
]),
_: 2
}, 1024)
]),
vue.createElementVNode("span", {
class: "follow-forum-item-level",
"data-level": item.level
}, vue.toDisplayString(item.level), 9, _hoisted_5$6)
], 8, _hoisted_2$8);
}), 128)),
vue.unref(showIsLoading) ? (vue.openBlock(), vue.createBlock(TemplateFollowForum, {
key: 0,
ref_key: "$loading",
ref: $loading
}, null, 512)) : vue.createCommentVNode("", true)
]),
_: 1
})) : vue.createCommentVNode("", true),
vue.unref(isLoadingEnd) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$6, "已经到底了~")) : vue.createCommentVNode("", true),
vue.createVNode(_component_el_backtop, {
right: 10,
bottom: 50
})
]);
};
}
});
const FollowForum = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-fc2491a8"]]);
const _hoisted_1$8 = ["data-sex"];
const _hoisted_2$7 = {
key: 1,
style: { "display": "flex", "align-items": "center", "text-wrap": "nowrap" }
};
const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
__name: "Home",
props: {
UserData: {}
},
setup(__props) {
const props = __props;
let loadStatus = vue.ref(false);
let activeName = vue.ref("帖子");
const copyIdEvent = () => {
utils.setClip(props.UserData.id).then((result) => {
if (result) {
Qmsg.success("复制成功");
} else {
Qmsg.error("复制失败");
}
});
};
const changeFollowBtnStatus = new utils.LockFunction(async (maxTime = 5e3) => {
let is_like = Boolean(props.UserData.is_like);
log.info(`关注状态检测：` + is_like);
await new Promise((resolve) => {
let intervalId = setInterval(() => {
let current_is_like = false;
if ($(".j_home_card_request_card:has(.icon_hide)") || $(".userinfo_relation .btn_concern_done")) {
current_is_like = true;
}
props.UserData.is_like = current_is_like;
if (is_like !== current_is_like) {
log.info(`关注状态发生改变，检测完毕：` + current_is_like);
clearInterval(intervalId);
clearTimeout(timeId);
resolve(current_is_like);
}
}, 200);
let timeId = setTimeout(() => {
log.warn(`关注状态检测超时，取消检测`);
clearInterval(intervalId);
resolve(is_like);
}, maxTime);
});
});
const followBtnEvent = () => {
let $btn = $(".j_home_card_request_card:not(:has(.icon_hide))") || $(".userinfo_relation .btn-attention");
if ($btn) {
log.info("点击关注按钮");
$btn.click();
} else {
Qmsg.error("未找到页面原始的关注按钮");
return;
}
changeFollowBtnStatus.run();
};
const cancelFollowBtnEvent = () => {
let $btn = $(".j_home_card_request_card:has(.icon_hide)") || $(".userinfo_relation .btn_concern_done");
if ($btn) {
log.info("点击取消关注按钮");
$btn.click();
} else {
Qmsg.error("未找到页面原始的取消关注按钮");
return;
}
utils.waitNode(".dia_wrapper", 1e4).then(($ele) => {
if (!$ele) {
return;
}
domUtils.on(
$ele,
"click",
".dia_btnwrapper a",
function() {
changeFollowBtnStatus.run();
},
{
capture: true
}
);
});
utils.waitNode(".userinfo_relation .btn-attention", 1e4).then(($ele) => {
if (!$ele) {
return;
}
changeFollowBtnStatus.run();
});
};
const messageBtnEvent = () => {
let $chat = $(".j_home_card_chat") || $(".userinfo_relation .btn_sendmsg");
if ($chat) {
log.info("点击私信按钮");
$chat.click();
} else {
Qmsg.error("未找到页面原始的私信按钮页面");
return;
}
};
const ipHelpEvent = () => {
ElementPlus.ElMessage({
// @ts-ignore
showClose: false,
message: "IP属地以运营商信息为准，如有问题可咨询客服",
center: true,
plain: true,
offset: 0,
duration: 3500,
type: "",
customClass: "pops-ip-location-help"
});
};
const receivedLikesEvent = () => {
ElementPlus.ElMessageBox.confirm(
`${props.UserData.showName}共获得吧友${props.UserData.postInfo?.receivedLikes}次点赞`,
"",
{
showClose: false,
showCancelButton: false,
center: true,
roundButton: true,
confirmButtonText: "知道了"
}
);
};
const aboutUserEvent = function() {
TiebaRouter.router.push({
path: "/about"
});
};
const clickFollowEvent = () => {
TiebaRouter.router.push({
path: "/follow"
});
};
const clickFansEvent = () => {
TiebaRouter.router.push({
path: "/fans"
});
};
vue.watch(
props.UserData,
() => {
if (props.UserData.postInfo?.post) {
loadStatus.value = true;
}
},
{
deep: true,
immediate: true
}
);
return (_ctx, _cache) => {
const _component_el_avatar = ElAvatar;
const _component_el_col = ElCol;
const _component_el_button = ElButton;
const _component_el_row = ElRow;
const _component_el_text = ElText;
const _component_el_divider = ElDivider;
const _component_el_icon = ElIcon;
const _component_el_link = ElLink;
const _component_el_space = ElSpace;
const _component_el_tab_pane = ElTabPane;
const _component_el_tabs = ElTabs;
const _component_el_main = ElMain;
const _component_el_container = ElContainer;
return vue.openBlock(), vue.createBlock(_component_el_container, { id: "main" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_main, { style: { "padding": "0" } }, {
default: vue.withCtx(() => [
_cache[10] || (_cache[10] = vue.createElementVNode("div", { class: "user-info-bg" }, [
vue.createElementVNode("div", { class: "user-info-bg-main" })
], -1)),
vue.createVNode(_component_el_row, { justify: "center" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, null, {
default: vue.withCtx(() => [
_cache[4] || (_cache[4] = vue.createElementVNode("div", { class: "user-avatar-top-background" }, null, -1)),
vue.createVNode(_component_el_row, {
class: "user-info-container",
gutter: 20,
align: "bottom",
style: { "margin": "0px 0px" }
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, {
span: 12,
style: { "padding": "0" }
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_avatar, {
src: props.UserData.avatar,
size: 90
}, null, 8, ["src"])
]),
_: 1
}),
vue.createVNode(_component_el_col, {
span: 12,
style: { "padding": "0" }
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_row, {
justify: "end",
style: { "flex-wrap": "nowrap" }
}, {
default: vue.withCtx(() => [
!props.UserData.is_like ? (vue.openBlock(), vue.createBlock(_component_el_button, {
key: 0,
class: "user-handler-follow-btn",
color: "#7558FE",
round: "",
icon: vue.unref(iconsVue.Plus),
onClick: followBtnEvent
}, {
default: vue.withCtx(() => _cache[1] || (_cache[1] = [
vue.createTextVNode("关注")
])),
_: 1,
__: [1]
}, 8, ["icon"])) : vue.createCommentVNode("", true),
props.UserData.is_like ? (vue.openBlock(), vue.createBlock(_component_el_button, {
key: 1,
color: "#7558FE",
class: "user-handler-cancel-follow-btn",
plain: "",
round: "",
icon: vue.unref(iconsVue.Check),
onClick: cancelFollowBtnEvent
}, {
default: vue.withCtx(() => _cache[2] || (_cache[2] = [
vue.createTextVNode("取消关注")
])),
_: 1,
__: [2]
}, 8, ["icon"])) : vue.createCommentVNode("", true),
vue.createVNode(_component_el_button, {
color: "#7558FE",
class: "user-handler-private-message-btn",
plain: !props.UserData.is_like,
round: "",
icon: vue.unref(iconsVue.Message),
onClick: messageBtnEvent
}, {
default: vue.withCtx(() => _cache[3] || (_cache[3] = [
vue.createTextVNode("私信")
])),
_: 1,
__: [3]
}, 8, ["plain", "icon"])
]),
_: 1
})
]),
_: 1
})
]),
_: 1
})
]),
_: 1,
__: [4]
})
]),
_: 1
}),
vue.createVNode(_component_el_space, {
class: "top-container",
size: 10,
direction: "vertical",
alignment: "stretch"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_row, null, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_text, {
size: "large",
class: vue.normalizeClass("big-text"),
style: { "display": "flex", "align-items": "center" }
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.showName) + " ", 1),
props.UserData.otherData?.PanelUserInfo?.vipInfo?.icon_url ? (vue.openBlock(), vue.createBlock(_component_el_avatar, {
key: 0,
size: 14,
src: props.UserData.otherData?.PanelUserInfo?.vipInfo.icon_url,
shape: "square",
style: { "margin": "0px 5px" }
}, null, 8, ["src"])) : vue.createCommentVNode("", true)
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_row, { style: { "color": "#909399" } }, {
default: vue.withCtx(() => [
vue.createElementVNode("span", {
"data-sex": props.UserData.sex
}, vue.toDisplayString(props.UserData.sex == 0 ? "保密" : props.UserData.sex == 1 ? "♂" : "♀"), 9, _hoisted_1$8),
vue.createVNode(_component_el_divider, {
direction: "vertical",
"border-style": "dashed"
}),
vue.createVNode(_component_el_link, {
underline: false,
onClick: copyIdEvent
}, {
default: vue.withCtx(() => [
vue.createTextVNode(" ID " + vue.toDisplayString(props.UserData.id) + " ", 1),
vue.createVNode(_component_el_icon, null, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.CopyDocument))
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_divider, {
direction: "vertical",
"border-style": "dashed"
}),
vue.createElementVNode("span", null, " 吧龄" + vue.toDisplayString(props.UserData.level) + "年 ", 1),
vue.unref(utils).isNotNull(props.UserData.ip) ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
key: 0,
direction: "vertical",
"border-style": "dashed"
})) : vue.createCommentVNode("", true),
vue.unref(utils).isNotNull(props.UserData.ip) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$7, [
vue.createTextVNode(vue.toDisplayString(props.UserData.ip?.location) + " ", 1),
vue.createVNode(_component_el_icon, { onClick: ipHelpEvent }, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.QuestionFilled))
]),
_: 1
})
])) : vue.createCommentVNode("", true)
]),
_: 1
}),
vue.createVNode(_component_el_row, {
justify: "space-between",
style: { "color": "#909399" },
onClick: aboutUserEvent
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(utils).isNull(props.UserData.personalSignature) ? "该用户还没有填写签名" : props.UserData.personalSignature), 1),
vue.createVNode(_component_el_text, { type: "info" }, {
default: vue.withCtx(() => [
_cache[5] || (_cache[5] = vue.createTextVNode(" 关于Ta ")),
vue.createVNode(_component_el_icon, null, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.ArrowRight))
]),
_: 1
})
]),
_: 1,
__: [5]
})
]),
_: 1
}),
vue.createVNode(_component_el_row, null, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_space, { size: 25 }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, { onClick: receivedLikesEvent }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_text, {
size: "large",
class: vue.normalizeClass("big-text"),
style: { "margin-right": "0.5rem" }
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.postInfo?.receivedLikes), 1)
]),
_: 1
}),
vue.createVNode(_component_el_text, { type: "info" }, {
default: vue.withCtx(() => _cache[6] || (_cache[6] = [
vue.createTextVNode("获赞")
])),
_: 1,
__: [6]
})
]),
_: 1
}),
vue.createVNode(_component_el_col, { onClick: clickFollowEvent }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_text, {
size: "large",
class: vue.normalizeClass("big-text"),
style: { "margin-right": "0.5rem" }
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.postInfo?.follow), 1)
]),
_: 1
}),
vue.createVNode(_component_el_text, { type: "info" }, {
default: vue.withCtx(() => _cache[7] || (_cache[7] = [
vue.createTextVNode("关注")
])),
_: 1,
__: [7]
})
]),
_: 1
}),
vue.createVNode(_component_el_col, { onClick: clickFansEvent }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_text, {
size: "large",
class: vue.normalizeClass("big-text"),
style: { "margin-right": "0.5rem" }
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.postInfo?.fans), 1)
]),
_: 1
}),
vue.createVNode(_component_el_text, { type: "info" }, {
default: vue.withCtx(() => _cache[8] || (_cache[8] = [
vue.createTextVNode("粉丝")
])),
_: 1,
__: [8]
})
]),
_: 1
})
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_divider, { style: { "margin": "0" } }),
vue.createVNode(_component_el_row, {
justify: "space-between",
style: { "align-items": "center" }
}, {
default: vue.withCtx(() => [
_cache[9] || (_cache[9] = vue.createElementVNode("div", null, "Ta的印记", -1)),
vue.createElementVNode("div", null, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.UserData.imprint, (imprintSrc) => {
return vue.openBlock(), vue.createBlock(_component_el_avatar, {
size: 20,
src: imprintSrc
}, null, 8, ["src"]);
}), 256)),
vue.createVNode(_component_el_icon, null, {
default: vue.withCtx(() => [
vue.createVNode(vue.unref(iconsVue.ArrowRight))
]),
_: 1
})
])
]),
_: 1,
__: [9]
}),
vue.createVNode(_component_el_divider, { style: { "margin": "0" } }),
vue.createVNode(_component_el_row, null, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_tabs, {
modelValue: vue.unref(activeName),
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(activeName) ? activeName.value = $event : activeName = $event),
class: "user-info-tabs"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_tab_pane, {
label: "帖子" + (props.UserData.postInfo?.post != null ? " " + props.UserData.postInfo?.post : ""),
name: "帖子"
}, null, 8, ["label"]),
vue.createVNode(_component_el_tab_pane, {
label: "关注的吧" + (props.UserData.postInfo?.forum != null ? " " + props.UserData.postInfo?.forum : ""),
name: "关注的吧"
}, null, 8, ["label"])
]),
_: 1
}, 8, ["modelValue"])
]),
_: 1
})
]),
_: 1
}),
vue.unref(activeName) === "帖子" && vue.unref(loadStatus) ? (vue.openBlock(), vue.createBlock(Posts, {
key: 0,
UserData: props.UserData
}, null, 8, ["UserData"])) : vue.createCommentVNode("", true),
vue.unref(activeName) === "关注的吧" && vue.unref(loadStatus) ? (vue.openBlock(), vue.createBlock(FollowForum, {
key: 1,
UserData: props.UserData
}, null, 8, ["UserData"])) : vue.createCommentVNode("", true)
]),
_: 1,
__: [10]
})
]),
_: 1
});
};
}
});
const Home = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-c9e3d74e"]]);
const _hoisted_1$7 = { class: "user-avatar" };
const _hoisted_2$6 = { class: "user-info" };
const _hoisted_3$6 = { class: "user-info-item" };
const _hoisted_4$5 = { class: "user-info-item" };
const _hoisted_5$5 = { class: "user-info-item" };
const _hoisted_6$5 = { class: "user-info-item" };
const _hoisted_7$5 = { class: "user-info-item" };
const _hoisted_8$4 = { class: "user-info-item" };
const _hoisted_9$2 = { class: "user-info-item" };
const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
__name: "About",
props: {
UserData: {}
},
setup(__props) {
const props = __props;
let sexStr = vue.ref("保密");
if (props.UserData.sex != null) {
if (props.UserData.sex === 1) {
sexStr.value = "男";
} else if (props.UserData.sex === 2) {
sexStr.value = "女";
}
}
const arrowLeftClickEvent = () => {
TiebaRouter.router.back();
};
return (_ctx, _cache) => {
const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
const _component_el_icon = ElIcon;
const _component_el_col = ElCol;
const _component_el_row = ElRow;
const _component_el_header = ElHeader;
const _component_el_avatar = ElAvatar;
const _component_el_text = ElText;
const _component_el_main = ElMain;
const _component_el_container = ElContainer;
return vue.openBlock(), vue.createBlock(_component_el_container, null, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_header, { class: "user-nav" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_row, {
gutter: 24,
class: "nav-container"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, {
span: 4,
class: "nav-left-arrow-icon"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, {
size: 20,
onClick: arrowLeftClickEvent
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_ArrowLeft)
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_col, {
span: 16,
class: "nav-title"
}, {
default: vue.withCtx(() => _cache[0] || (_cache[0] = [
vue.createTextVNode("基本资料")
])),
_: 1,
__: [0]
}),
vue.createVNode(_component_el_col, {
span: 4,
class: "nav-right-space"
})
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_main, null, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_1$7, [
vue.createVNode(_component_el_avatar, {
size: 100,
src: _ctx.$props.UserData.avatar
}, null, 8, ["src"])
]),
vue.createElementVNode("div", _hoisted_2$6, [
vue.createElementVNode("div", _hoisted_3$6, [
vue.createVNode(_component_el_text, {
type: "info",
class: "user-desc-key"
}, {
default: vue.withCtx(() => _cache[1] || (_cache[1] = [
vue.createTextVNode("用户名")
])),
_: 1,
__: [1]
}),
vue.createVNode(_component_el_text, {
type: "info",
class: "user-end-text"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.name), 1)
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_4$5, [
vue.createVNode(_component_el_text, {
type: "info",
class: "user-desc-key"
}, {
default: vue.withCtx(() => _cache[2] || (_cache[2] = [
vue.createTextVNode("昵称")
])),
_: 1,
__: [2]
}),
vue.createVNode(_component_el_text, {
type: "info",
class: "user-end-text"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.showName), 1)
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_5$5, [
vue.createVNode(_component_el_text, {
type: "info",
class: "user-desc-key"
}, {
default: vue.withCtx(() => _cache[3] || (_cache[3] = [
vue.createTextVNode("性别")
])),
_: 1,
__: [3]
}),
vue.createVNode(_component_el_text, {
type: "info",
class: "user-end-text"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(vue.unref(sexStr)), 1)
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_6$5, [
vue.createVNode(_component_el_text, {
type: "info",
class: "user-desc-key"
}, {
default: vue.withCtx(() => _cache[4] || (_cache[4] = [
vue.createTextVNode("吧龄")
])),
_: 1,
__: [4]
}),
vue.createVNode(_component_el_text, {
type: "info",
class: "user-end-text"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.level) + "年", 1)
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_7$5, [
vue.createVNode(_component_el_text, {
type: "info",
class: "user-desc-key"
}, {
default: vue.withCtx(() => _cache[5] || (_cache[5] = [
vue.createTextVNode("id")
])),
_: 1,
__: [5]
}),
vue.createVNode(_component_el_text, {
type: "info",
class: "user-end-text"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.id), 1)
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_8$4, [
vue.createVNode(_component_el_text, {
type: "info",
class: "user-desc-key"
}, {
default: vue.withCtx(() => _cache[6] || (_cache[6] = [
vue.createTextVNode("portrait")
])),
_: 1,
__: [6]
}),
vue.createVNode(_component_el_text, {
type: "info",
class: "user-end-text"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.portrait), 1)
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_9$2, [
vue.createVNode(_component_el_text, {
type: "info",
class: "user-desc-key"
}, {
default: vue.withCtx(() => _cache[7] || (_cache[7] = [
vue.createTextVNode("tbs")
])),
_: 1,
__: [7]
}),
vue.createVNode(_component_el_text, {
type: "info",
class: "user-end-text"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.UserData.tbs), 1)
]),
_: 1
})
])
])
]),
_: 1
})
]),
_: 1
});
};
}
});
const About = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-8128767d"]]);
const _sfc_main$7 = {};
const _hoisted_1$6 = { style: { "padding": "10px" } };
function _sfc_render$1(_ctx, _cache) {
const _component_el_skeleton_item = ElSkeletonItem;
const _component_el_col = ElCol;
const _component_el_row = ElRow;
const _component_el_skeleton = ElSkeleton;
return vue.openBlock(), vue.createBlock(_component_el_skeleton, {
style: { "background-color": "#ffffff" },
animated: ""
}, {
template: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_1$6, [
vue.createVNode(_component_el_row, { style: { "display": "flex", "align-items": "center" } }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, { span: 4 }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_skeleton_item, {
variant: "image",
style: { "width": "35px", "height": "35px", "border-radius": "50%" }
})
]),
_: 1
}),
vue.createVNode(_component_el_col, { span: 16 }, {
default: vue.withCtx(() => [
vue.createElementVNode("div", null, [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "100px", "height": "16px" }
}),
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "100%", "height": "12px" }
})
])
]),
_: 1
}),
vue.createVNode(_component_el_col, { span: 4 }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_skeleton_item, {
variant: "text",
style: { "width": "35px", "height": "20px", "border-radius": "16px", "float": "right" }
})
]),
_: 1
})
]),
_: 1
})
])
]),
_: 1
});
}
const TemplateFollowUser = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$1]]);
const _hoisted_1$5 = ["onClick"];
const _hoisted_2$5 = { class: "user-item-row" };
const _hoisted_3$5 = { class: "user-item-row-left" };
const _hoisted_4$4 = { class: "user-avatar" };
const _hoisted_5$4 = { class: "user-item-row-center" };
const _hoisted_6$4 = { class: "user-info" };
const _hoisted_7$4 = { class: "user-item-row-right" };
const _hoisted_8$3 = {
key: 2,
style: { "text-align": "center" }
};
const pageSize$1 = 12;
const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
__name: "Follow",
props: {
UserData: {}
},
setup(__props) {
const props = __props;
let showIsLoading = vue.ref(true);
let isEmpty = vue.ref(false);
let isAsyncLoadEnd = vue.ref(false);
let isLoadingEnd = vue.ref(false);
let $loading = vue.ref(null);
let pageOffset = vue.ref(12);
let followInfoList = vue.ref([]);
let observe = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
loadMore();
}
});
}, {
root: null,
rootMargin: "0px 0px 0px 0px",
threshold: 0.2
});
const stopWatchLoading = vue.watch($loading, () => {
if ($loading.value && Array.isArray($loading.value) && $loading.value.length) {
observe.observe($loading.value[0].$el);
}
}, {
deep: true,
immediate: true
});
const cancleLoadMoreObserve = () => {
stopWatchLoading();
observe.disconnect();
showIsLoading.value = false;
isLoadingEnd.value = true;
log.info(["移除滚动监听"]);
};
const loadMore = async () => {
showIsLoading.value = false;
let isFirstLoad = pageOffset.value === pageSize$1;
if (isFirstLoad) {
isAsyncLoadEnd.value = false;
followInfoList.value = [];
}
let isCanceled = false;
let getFollowInfoList = await TiebaHomeApi.getFollow(props.UserData.name, pageOffset.value, pageSize$1);
showIsLoading.value = true;
if (getFollowInfoList) {
if (getFollowInfoList.data) {
followInfoList.value = followInfoList.value.concat(getFollowInfoList.data);
pageOffset.value += pageSize$1;
}
if (!getFollowInfoList.has_next) {
isCanceled = true;
cancleLoadMoreObserve();
}
} else {
log.info(["获取关注的吧数据失败"]);
if (isFirstLoad) {
isAsyncLoadEnd.value = true;
isCanceled = true;
isEmpty.value = true;
cancleLoadMoreObserve();
isLoadingEnd.value = false;
}
}
showIsLoading.value = !isCanceled;
log.info(["获取到的Ta关注的人", getFollowInfoList]);
};
const arrowLeftClickEvent = () => {
TiebaRouter.router.back();
};
const jumpToUserHome = (url) => {
window.open(url, "_blank");
};
return (_ctx, _cache) => {
const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
const _component_el_icon = ElIcon;
const _component_el_col = ElCol;
const _component_el_row = ElRow;
const _component_el_header = ElHeader;
const _component_el_avatar = ElAvatar;
const _component_el_text = ElText;
const _component_el_button = ElButton;
const _component_el_empty = ElEmpty;
const _component_el_scrollbar = ElScrollbar;
const _component_el_main = ElMain;
const _component_el_container = ElContainer;
return vue.openBlock(), vue.createBlock(_component_el_container, { class: "disable-html-body-scroll" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_header, { class: "user-top" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_row, {
gutter: 24,
class: "top-nav-container"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, {
span: 4,
class: "top-left-arrow-icon",
onClick: arrowLeftClickEvent
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, { size: 20 }, {
default: vue.withCtx(() => [
vue.createVNode(_component_ArrowLeft)
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_col, {
span: 16,
class: "top-title-name"
}, {
default: vue.withCtx(() => _cache[0] || (_cache[0] = [
vue.createTextVNode("他关注的人")
])),
_: 1,
__: [0]
}),
vue.createVNode(_component_el_col, {
span: 4,
class: "top-right-space"
})
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_main, { class: "user-main" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_scrollbar, { class: "user-container" }, {
default: vue.withCtx(() => [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(followInfoList), (followInfo) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: "user-item",
onClick: ($event) => jumpToUserHome(followInfo.url)
}, [
vue.createElementVNode("div", _hoisted_2$5, [
vue.createElementVNode("div", _hoisted_3$5, [
vue.createElementVNode("div", _hoisted_4$4, [
vue.createVNode(_component_el_avatar, {
src: followInfo.avatar,
size: 35
}, null, 8, ["src"])
]),
vue.createElementVNode("div", _hoisted_5$4, [
vue.createElementVNode("div", _hoisted_6$4, [
vue.createVNode(_component_el_text, {
class: "user-name",
truncated: ""
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(followInfo.userName), 1)
]),
_: 2
}, 1024),
vue.createVNode(_component_el_text, {
class: "user-sign-text",
size: "small",
truncated: ""
}, {
default: vue.withCtx(() => _cache[1] || (_cache[1] = [
vue.createTextVNode("来自贴吧关注 暂未实现获取签名信息接口")
])),
_: 1,
__: [1]
})
])
])
]),
vue.createElementVNode("div", _hoisted_7$4, [
vue.createVNode(_component_el_button, {
type: "info",
size: "small",
plain: "",
color: "#626aef",
round: "",
class: "user-follow-btn"
}, {
default: vue.withCtx(() => _cache[2] || (_cache[2] = [
vue.createTextVNode("关注")
])),
_: 1,
__: [2]
})
])
])
], 8, _hoisted_1$5);
}), 256)),
vue.unref(showIsLoading) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(3, (i) => {
return vue.createVNode(TemplateFollowUser, {
key: i,
ref_for: true,
ref_key: "$loading",
ref: $loading
});
}), 64)) : vue.createCommentVNode("", true),
vue.unref(isEmpty) ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
key: 1,
description: "未获取到数据"
})) : vue.createCommentVNode("", true),
vue.unref(isLoadingEnd) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$3, "已经到底了~")) : vue.createCommentVNode("", true)
]),
_: 1
})
]),
_: 1
})
]),
_: 1
});
};
}
});
const Follow = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-42d9f9f5"]]);
const _hoisted_1$4 = ["onClick"];
const _hoisted_2$4 = { class: "user-item-row" };
const _hoisted_3$4 = { class: "user-item-row-left" };
const _hoisted_4$3 = { class: "user-avatar" };
const _hoisted_5$3 = { class: "user-item-row-center" };
const _hoisted_6$3 = { class: "user-info" };
const _hoisted_7$3 = { class: "user-item-row-right" };
const _hoisted_8$2 = {
key: 2,
style: { "text-align": "center" }
};
const pageSize = 12;
const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
__name: "Fans",
props: {
UserData: {}
},
setup(__props) {
const props = __props;
let showIsLoading = vue.ref(true);
let isEmpty = vue.ref(false);
let isAsyncLoadEnd = vue.ref(false);
let isLoadingEnd = vue.ref(false);
let $loading = vue.ref(null);
let pageOffset = vue.ref(12);
let fansInfoList = vue.ref([]);
let navTitle = vue.ref("粉丝");
if (props.UserData.sex != null) {
if (props.UserData.sex == 1) {
navTitle.value = "他的粉丝";
} else if (props.UserData.sex == 2) {
navTitle.value = "她的粉丝";
}
}
let observe = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
loadMore();
}
});
}, {
root: null,
rootMargin: "0px 0px 0px 0px",
threshold: 0.2
});
const stopWatchLoading = vue.watch($loading, () => {
if ($loading.value && Array.isArray($loading.value) && $loading.value.length) {
observe.observe($loading.value[0].$el);
}
}, {
deep: true,
immediate: true
});
const cancleScrollListener = () => {
stopWatchLoading();
observe.disconnect();
showIsLoading.value = false;
isLoadingEnd.value = true;
log.info("移除滚动监听");
};
const loadMore = async () => {
showIsLoading.value = false;
let isFirstLoad = pageOffset.value === pageSize;
if (isFirstLoad) {
isAsyncLoadEnd.value = false;
fansInfoList.value = [];
}
let getFansInfoList = await TiebaHomeApi.getFans(props.UserData.name, pageOffset.value, pageSize);
let isCanceled = false;
if (getFansInfoList) {
if (getFansInfoList.data) {
fansInfoList.value = fansInfoList.value.concat(getFansInfoList.data);
pageOffset.value += pageSize;
}
if (!getFansInfoList.has_next) {
isCanceled = true;
cancleScrollListener();
}
} else {
log.info(["获取粉丝数据失败"]);
if (isFirstLoad) {
isAsyncLoadEnd.value = true;
isCanceled = true;
isEmpty.value = true;
cancleScrollListener();
isLoadingEnd.value = false;
}
}
showIsLoading.value = !isCanceled;
log.info(["获取到的粉丝", getFansInfoList]);
};
const arrowLeftClickEvent = () => {
TiebaRouter.router.back();
};
const jumpToUserHome = (url) => {
window.open(url, "_blank");
};
return (_ctx, _cache) => {
const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
const _component_el_icon = ElIcon;
const _component_el_col = ElCol;
const _component_el_row = ElRow;
const _component_el_header = ElHeader;
const _component_el_avatar = ElAvatar;
const _component_el_text = ElText;
const _component_el_button = ElButton;
const _component_el_empty = ElEmpty;
const _component_el_scrollbar = ElScrollbar;
const _component_el_main = ElMain;
const _component_el_container = ElContainer;
return vue.openBlock(), vue.createBlock(_component_el_container, { class: "disable-html-body-scroll" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_header, { class: "user-top" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_row, {
gutter: 24,
class: "top-nav-container"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, {
span: 4,
class: "top-left-arrow-icon",
onClick: arrowLeftClickEvent
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, { size: 20 }, {
default: vue.withCtx(() => [
vue.createVNode(_component_ArrowLeft)
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_col, {
span: 16,
class: "top-title-name"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(vue.unref(navTitle)), 1)
]),
_: 1
}),
vue.createVNode(_component_el_col, {
span: 4,
class: "top-right-space"
})
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_main, { class: "user-main" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_scrollbar, { class: "user-container" }, {
default: vue.withCtx(() => [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(fansInfoList), (fansInfo) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: "user-item",
onClick: ($event) => jumpToUserHome(fansInfo.url)
}, [
vue.createElementVNode("div", _hoisted_2$4, [
vue.createElementVNode("div", _hoisted_3$4, [
vue.createElementVNode("div", _hoisted_4$3, [
vue.createVNode(_component_el_avatar, {
src: fansInfo.avatar,
size: 35
}, null, 8, ["src"])
]),
vue.createElementVNode("div", _hoisted_5$3, [
vue.createElementVNode("div", _hoisted_6$3, [
vue.createVNode(_component_el_text, {
class: "user-name",
truncated: ""
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(fansInfo.userName), 1)
]),
_: 2
}, 1024)
])
])
]),
vue.createElementVNode("div", _hoisted_7$3, [
vue.createVNode(_component_el_button, {
type: "info",
size: "small",
plain: "",
color: "#626aef",
round: "",
class: "user-follow-btn"
}, {
default: vue.withCtx(() => _cache[0] || (_cache[0] = [
vue.createTextVNode("关注")
])),
_: 1,
__: [0]
})
])
])
], 8, _hoisted_1$4);
}), 256)),
vue.unref(showIsLoading) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(3, (i) => {
return vue.createVNode(TemplateFollowUser, {
key: i,
ref_for: true,
ref_key: "$loading",
ref: $loading
});
}), 64)) : vue.createCommentVNode("", true),
vue.unref(isEmpty) ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
key: 1,
description: "未获取到数据"
})) : vue.createCommentVNode("", true),
vue.unref(isLoadingEnd) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, "已经到底了~")) : vue.createCommentVNode("", true)
]),
_: 1
})
]),
_: 1
})
]),
_: 1
});
};
}
});
const Fans = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-205eb1c6"]]);
const TiebaRouter = {
router: null,
init() {
this.router = vueRouter.createRouter({
// 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
history: vueRouter.createWebHashHistory(),
routes: [
{
path: "/",
name: "Home",
component: Home,
meta: {
keepAlive: true
}
},
{
path: "/about",
name: "About",
component: About
},
{
path: "/follow",
name: "Follow",
component: Follow
},
{
path: "/fans",
name: "Fans",
component: Fans
}
]
});
this.router.push("/");
}
};
const AppCSS$1 = 'html,\r\nbody {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.user-info-tabs>.el-tabs__header {\r\n margin: 0 0 5px;\r\n}\r\n\r\n.pops-ip-location-help {\r\n width: 100%;\r\n max-width: 100%;\r\n min-width: 100%;\r\n text-align: center;\r\n color: #7558FE;\r\n}\r\n\r\nspan[data-sex="1"] {\r\n color: #37B8D5;\r\n}\r\n\r\nspan[data-sex="2"] {\r\n color: #FF8787;\r\n}';
const TiebaHome = {
$data: {
appName: "vite-app"
},
init() {
if (!Panel.getValue("baidu-tieba-beautify-home-page")) {
return;
}
TiebaRouter.init();
MountVue(_sfc_main$e, [TiebaRouter.router, ElementPlus]);
addStyle$1(
/*css*/
`
#${VUE_ELE_NAME_ID}{
z-index: 1000;
}
body > div:not([id="${VUE_ELE_NAME_ID}"]){
display: none;
}
body > div[class="dia_wrapper"],
body > div[class="dia_mask"],
#${VUE_ELE_NAME_ID} ~ *{
display: unset;
}
`
);
addStyle$1(AppCSS$1);
}
};
const TiebaCheckUrl = {
init() {
Panel.execMenu("baidu-tieba-checkUrl-autoJumpUrl", () => {
this.autoJumpUrl();
});
},
/**
* 跳转链接
*/
autoJumpUrl() {
log.info(`跳转链接`);
let url = new URLSearchParams(globalThis.location.search).get("url");
if (typeof url === "string") {
log.success(`跳转链接：` + url);
globalThis.location.href = url;
} else {
log.error(`解析当前的跳转链接失败`);
Qmsg.error("解析当前的跳转链接失败");
}
}
};
const TiebaHotTopic = {
init() {
Panel.onceExec("tieba-hot-topic-blockAds", () => {
CommonUtil.addBlockCSS(
"body > .page-content .wise-swan-publish",
"body > .page-content .wise-navigation .right-action"
);
});
Panel.execMenu("tieba-hot-topic-coverOpenApp", () => {
this.coverOpenApp();
});
Panel.execMenu("tieba-hot-topic-isTiebaApp", () => {
this.isTiebaApp();
});
Panel.execMenuOnce("tieba-hot-topic-isHarmony", () => {
this.coverCard_isHarmony();
});
Panel.execMenuOnce("tieba-hot-topic-openBlank", () => {
this.openBlank();
});
},
/**
* 覆盖openApp函数
*/
coverOpenApp() {
VueUtils.waitVuePropToSet("body > .page-content", {
msg: "等待元素.page-content用于覆盖openApp函数",
check(vueIns) {
return typeof vueIns?.wakeupApp?.openApp === "function";
},
set(vueIns) {
log.success(`成功覆盖函数openApp`);
vueIns.wakeupApp.openApp = () => {
log.success(`阻止调用唤醒App`);
};
}
});
},
/**
* 设置isTiebaApp=true
*/
isTiebaApp() {
VueUtils.waitVuePropToSet("body > .page-content .top-title", {
msg: "等待元素.top-title",
check(vueIns) {
return typeof vueIns?.isTiebaApp === "boolean";
},
set(vueIns) {
log.success(`成功设置isTiebaApp = true`);
vueIns.isTiebaApp = true;
}
});
},
/**
* 覆盖所有帖子的isHarmony=true
*/
coverCard_isHarmony() {
let lockFn = new utils.LockFunction(() => {
$$(
".topic-cards .card-wrapper:not([data-is-cover-harmony])"
).forEach(($cardWrapper) => {
let vueIns = VueUtils.getVue($cardWrapper);
if (!vueIns) {
return;
}
if (typeof vueIns?.isHarmony === "boolean") {
vueIns.isHarmony = true;
$cardWrapper.setAttribute("data-is-cover-harmony", "");
}
});
});
utils.mutationObserver(document, {
config: {
subtree: true,
childList: true
},
callback: () => {
lockFn.run();
}
});
},
/**
* 新标签页打开链接
*/
openBlank() {
log.info(`新标签页打开链接`);
domUtils.on(
document,
"click",
"body > .page-content .topic-cards .card-wrapper",
(event, $cardWrapper) => {
let vueIns = VueUtils.getVue($cardWrapper);
if (!vueIns) {
log.info($cardWrapper);
Qmsg.error("未找到vue实例", { consoleLogContent: true });
return;
}
let cardType = vueIns.cardType;
if (cardType === "hot-thread") {
utils.preventEvent(event);
let id = vueIns?.cardData?.id;
if (typeof id !== "number") {
Qmsg.error("获取帖子id失败", { consoleLogContent: true });
return;
}
let url = TiebaUrlHandler.getPost(id);
window.open(url, "_blank");
}
},
{ capture: true }
);
}
};
const _sfc_main$4 = {};
const _hoisted_1$3 = { class: "router-view-container" };
const _hoisted_2$3 = { class: "layout-icon" };
const _hoisted_3$3 = { class: "layout-arrow" };
const _hoisted_4$2 = { class: "layout-icon" };
const _hoisted_5$2 = { class: "layout-arrow" };
const _hoisted_6$2 = { class: "layout-icon" };
const _hoisted_7$2 = { class: "layout-arrow" };
function _sfc_render(_ctx, _cache) {
const _component_el_icon = ElIcon;
const _component_ArrowRight = vue.resolveComponent("ArrowRight");
const _component_RouterLink = vue.resolveComponent("RouterLink");
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
vue.createVNode(_component_RouterLink, {
class: "layout-item",
to: "/agreeme"
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_2$3, [
vue.createVNode(_component_el_icon, {
style: { "vertical-align": "middle" },
size: 30
}, {
default: vue.withCtx(() => _cache[0] || (_cache[0] = [
vue.createElementVNode("img", { src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAYAAACP3YV9AAAAAXNSR0IArs4c6QAAEhFJREFUeF7tXVusHVUZXrP3OZzTsw9eAYMGiNHGkMYK1MiDGiO8ECRRNBashCby5ItitMQoiTUpCaESMSb6xENNUy4G0QQJL9QY9AECVDGEGLyknChRipfYamvP2WP+2effZ82//9taM7PPxc7LvsyadfvW91/XzBTh3LElZqDYEqM4N4hwDsgtsgg2LJDl/iMXhNMzl4WV4Y5qrotw5XjOy3Ln2vyX22tYDOYuMbE5dWapXqZ4efy7KF5Yayccq773ey+G+eXjxf49J8y616nAugJZAwuAqgAqtwcPGG1O2H+XQzhvZlQjfodPepxdWQphFXQAvAzHwmD4+EYAeOpAlvsevLViVzn8VGeAxWAAQPQ3AqSBRkFEoBHs+PwY4OIQsLe4e/dzba4zT12dA1mx7lTv+hDKvWFw3jWeTnVWhgKHIGODHOgpYGM9AGzRewQYWxy8+QedjSequDMgx8xbmL09LM6Nmjx5ZvQJv/G7NMq4jFXeYmAsOjk2UkClPnnLUbYCqAvDu7oUwa0DWQEYhgcqsWkBgAP2lmuytD3MymXkmeUQ5mZCwE/oZ/x9zNTh0dDv39GF6G0NyPKrD+8KKyv3VOKzCTDea70spIYMTGrMLApeymLhwIqvp+fx93J5X9sMbQXI8o4Hvx1QhFKRyQHjBStlUrWyHOiW+EwBmDJSAjAu1yuWQujd2ZYObQTkyJApHqoZMbkgpV7XhJExK1MAo+BbjKQiFsrDEYvhs8OjYVDe1FR/ZgM5EqXLj7p1YQozNVA5w4VjFydSqVjlrrMMGg48DyOxLQQxbhvY2Z+5sYnuzAKyAnG+/6yqC1MZlipGLUZCfejUc+BIhk1KPyxGUuPHqrvX35srapOBHIMYdyoFtBRm0oFLjr3GyDhC4xGjEiM11nHnYhHKsZFjJpTLBDMJyJFODM+PIzIUFAnQFKAtMRmf11jJ6UFNlFoi1WKTpD9jkL11zM6+P1XMpgG578grjXRiLovxOouRVH/SeGlTcSqxkvMj0dCJxxwbOWj4cOCCzhyEq1IMIDeQYxeDa9jLOG+5VOAs98Jim3Xe0oXYX459XvDovPZ6R4uDn7nWS2IXkKxxkwqK1KOUejRGSnFUzflPBVBjZKwTc8GbANNv/PiA3PfAk8kB75RYqWXUeGKlVHd6l7KnnMZIyR3hRKqnLVrm/OJCj4g1gaxip4PZQzVXo4nlmcJACWBO9NKyVtw0lY2o82hMNRar+L0tRkJ9ThHrANJgo9dy9axGj28I9UhBAU9g3OqH5vBz13KBcs6QkdwNqz9w3mHFqkA21o1N2McNUMvkS7lFrCfeAeCZPEmcenzGNhnpZKUOJAbDPQPXymj6UgJHyuxbLkbcj8vfHsKud4Zw8ZtDeNPC6Mw//h3Cq38P4bk/hvDSn+u99oTf6Dg1N6LpvMXXG6wUgayc/zD32kQYTgKlbfZpk6CF3uA6WAS7rw7h8nfoUwmg3v+zEP52ygbUqwubiFCtt/3+fcU9N39JKiIDiUZO7qpKAdbSjZzbIelDAPGL160x0Oq/BGYMHIADh6UPPSByEsjqI55XLFgFyMjISQElpax3AFjOMma8TKTtApgHH6uDZYnZuA4PgKlj5corcVhFtD5Sim23YanmshBFJw2/wf/XvS+ED78nb8oO/2JSZ3IshP9i4KYBIs6VIl5ZIMe+Y96U6Fd584lxLVYIDsqCYXPLh/J7HLNSE6MSiF0AysxVce9nWcx4IGNrVbM4rcCAJWa9rISJ1cSqpRef+m0IT/x6ZAS96yIZ8K8/LC8Ej9uRv4z8i1+wXgVGZoTkUgbhYSUHnBSN0UTqS38K4fAv673bdwNvDN370zULVguAU/GaMvamZQXxygO5X9GP0BGLiZ7OWmykdXA60RKpIC6/88TaTgEUmbd9hHdNYiBp+3S/jWeMTcpI6mT+PDYrMgEkuwOgSYc4XSfVZzn7XJBAczUkA8bDSAQd+zptA0eao16xVBzccyk9PQkk9R+tLEaqHqT6LgYHe0cdfkmk3vJB2ennRCrWf9dufppQR3K73XIy/W0RIJ4z+M7oyUkg2wrLeVkXg4fxUAp2XBeCqulFTqRiHW8ZhPDlj032TrJaaQiuC+s0FXDGn2QY6TR0LCZyOk4CKv4fQaTXx6y0XA3NJ/z4Lt7XjBlsJZBTJ76t8oo/yQC5ui8HG2/q/HN6jwLHMVASpxaI6GrEkxdHaSQm43XTNmpSQEaVwxg8k0BaFmtKw5qhI1llEoCWDwhtUfFI+wog3fkJ3vUAFv/+ryOLPD7wFgjo77QyHZo0+8+ZEAbzEwZPDchxxoMDK1eUWoykQWSubQDxmh16+I0LfnPxUsnQ8SxQaOM3SyEcf20E+r9Oe65qXoZZ9MV399awqwOJO8glserpkuTsa4DCOTBCPvDuEN67+ggAzB962oQJfux5PlYK1yOgllj2tBWXoeI49XqrvLTIYWGTTEgdSE/qSmMml6LRfEPoENR3/RV27lAbNBo3XJopvq5JUF1qHyXBq/+0YMk7L6mgwbbaJuZ0IPO6w++zARBv+6g/d0jbtphIDR7JYs0dE16H7k6bopb60rSP83O1+0TqQFIfsqlepKsJOhN3MCUBzE02F1LTWKkZO03BBPfl/p83rWXtest2SALS6pYn+B3XEZe3jBerbTivxUYpG9GRP39+tA0E9vGkHB6dDSL+V6+k1KqXleLLcNW2udrWD52R2IzFTCsAzjGzKRspkBITte0ZKVEaKAsGmabPm7KSZny0nX8qkKk7ylMZiQtDywmCJfjM79bSSVqu0ctIyk74nQIilSqfvlp2hSBem+NvWqKUcrcVIDXrVLKyoCPo7EvBbinQnZKtoBulqC9Jg985gMI1Up+ailfKSkn4kugOsVpJeK49aT+qCWW+Ngl0rylc5wXS6q8WAE8FVLKAQaL8JPHBV6lsXFkJYbCtlpfMB9KjF7mJlbIPUFbaauEFkupDrv1UwKTFccWl/JaRVD3pZSDtx/xsLUyXD6S2+jnRi4yUoita/tALJPZJ2+4f68cmoIL1+41PTs4C+JQHfmzJhsnzlt8YX1Exsh5vTQfSw0SayY87IUVX2gQS2rP23KRP9eQV39rD1/KVI3rtmh3h6VcWkJzrYDWmddRKI3F1exmp5REp+5qwEfsoZVK++SM9oJ6qE+mcmEB6UlheRmLj1KmVLFYpGZxq7HBWqrXwcs9LQIJbxMVe2wCw3x/1VtWRX3uoHD+ANgaC21dDB++R8dqW/qZASglh7ha3NtgI49d240lBdMl18y4mYOMqmHEqi+QjjW2QaLB4bnmLmRgniyVGas69V7TGkzGNzVISkJIvmWuh4rgQxNVPH5CSCOVWjhQT5LL9OaBY11jbM7rYyghj/vy1fPrNAhIJ4WUhBXL1tw9IqRENYGnFxYBaoKQaOyDCpGhOTqgsZXKloAAHZJtshD72+8EHpJeRWgebMDI2WjzgT8PdiEHOZWTKQuGsVdCPbtGqBcM54GLAOPC6YiSa+Zpr0ZZhwwGgMfKZP9TfXJAKYGTUVMDRQ2UkPqKMrjzLaqU6UgsISOwCULAe6kJYjOT8x9SJyynvEa1tuhxuYycGkmMlZaPFRJwcDyNjIOmkakB2tVfGA+x6MjIrREdBtRR3DiO5W9pwMjUW4z6Zth+JYgHp0ZGSNW/VHVupq4bNhHh1AykxEiqmelADjpa3xGSK1UpDYV3qw1wdmQomEZ+sfoS+uIGU9CQCA5+W/0gB1zY/NWHktAHEufGI1hwgsX60ULlFpAPJ3MCj6cWYbRYrLTEpRXY08K3gtFeE5ZazjJ0cECP3QmRjxUg1sWzciSWF3biJ4NwQLyO9xo7kfuQCk3qdxcjU+mKxal2rAhnva/VEaXIY6cl+0Ex/brrImoym59sCkvMTrb65gPRYqdJdU9gB6XwqkFCfx2q1Bt7FeS1oDgEBzxE7/lDeC+riQuK+VsnZp4B5daQHyHgCNrKO1NJYx1+3YUwRpbQ2FUi8iYdT0pLLYXe3/gw37w6BOKOxURmpifzXT9ozY4XhtBpcQEIFCKYFIJeb1Ky1VCChLxtNR8L43rrIb76C/n7BeGUkik/NvbCWwWBBuYkH7o/slc9WdXgBtBqkhou2jRAebMTlFjcakDBmbRzff9KalXEGw60TaY0qkPiMVs3NsACWhoCAak/VgG2EXBJ4IwBJrXgpqQwblH/49OQsNNGH3Jy+YVG+PxLKl7gBy2vk2GuvXgIWArcfFErRDAheuRGARHUD/Zf2tEIZSCpLFivViU1E60XztbcP8I9nme2N3oXMWaJWvpFanHEwG89575vAa9cbSJpkl/xH3Jws2QhtsZLkImFadSAltmk+pLTLG+uC85LZjvdN0NjpegJJfWpJN8L4OLHKWaZNmAjtWE/1qEQrRHdmittZRlpBAI6N8B9N/Eq3DUi3cK8nkLFI1UBE1cC5HW0xEeeXRHUERj54a5gtDomqzwJTuuE0rlDTk3jrQLxxar2ARDZe/Eb7WQdeNqbaFFx54kPyQHIuiAVezDquYQ5c7YGA8UMe1iOyA8YM3Ix72YWjx8VYt51zurFtFsbzSlwPFshKvMKWj9n+6gNvlCXE6UMqRqm4hd94Gzf3cD/aHEySNJFwDg44j+XwP/gf3u9x4mQIFyyOPvHA3/CJBz5TwAKN6x+8ciIOybVpnXLTT1wPBcgHngzUctVEgmbgcMCi2OzqcSltiC9PHfiMHQQxNwDuaSsqU3zvcxNGqvxMczR4EhuZMGzo9RRYTcSmtj3N8qDLH346hNi46VKc4tgYQ0dmpBaqs3SgdB7/p64FPi7FemvONEHS2kL9jftW0Wfk9to0dTO4fjCGjggknKgiPNZWBU1HQiXaLW4UUDDtb7jKNizWC1BgILxPC56jE88LFafQP29OMWcsjH7UgYRHtaCelMQj/m8ZPZSN0mYp+J97MVnOgJtcgwYTPgkSHlAB2y41652K1S7YCBEcRj8aQDL+pMdHpPdgWPtNrR1w4MPB8bbVTwoQuAjw2E34hIN+9wD6l9UHAsKzWQEwSxJxdXbJQkM/qkAmi1fJco0de6i0yS1u2vZLqJvbZwQsogeXa/X4ynE9VCd2LVKhfsZ/xC7p74+MxauHjVQv0tyixU4Pe9ouk8M+CmjbfZLqIxmPuJgOZGy9cpVL4NL/pzVQbzuUkTlshLa8e1C9/dLKCW6Hi5GVeKVGj5XdwJpjkWqJ0zjD0OV3ru5cRk7DZ4yBFazVBCCFILoWsYl14VYVpx1ZpSwpmbQVLaeKViw8jr1qBg1NIFPrtQ3x0rQOaUOZt942Nk1524rLKUaOm5Ej8aq4IpY+tNyLnIGlXkMz/Kni1HuHVGq/POUdbIRqXIxkdWWsCyUduBFAxH5Kt0B4JhPKTFsnYr8cbEwDEl8lEa9myfn3Tk6X5SSf0stGDrhp6kWYG8NSjafPzciKlfE2EPiDGjza7y5B89TtBVCqaxqRG9q2YalmA1kTsRxoWPNGEambEbxEkZpk7MTIV69dOhWeD8Pykonngm80AFMdfRzoelmnYxDrN7F6BE6SaMUKq7e+riw/yoLpaXUaZTatcTO/FAbhqmL/nhMp05QFZCViAcyzZ0f3iZwTqSlzLpcd5IEIFWYDOQYTmdnOUJrXsmmd/m1Hw6C8KZWJ2TqSzvRIZxYPheFwdJvBeh2bFUCYr0EzEBszsmYEgWuysjLaoT7NgwbCoe3NZOQIe3BSp7CRaJ1gZ2UErdwzdXZuRjcD9GF/5sbi7t2JLwnhIW4VSGyiis2G4YHKqu3i0FJdnva4DcRw3bTCcC2xMB5qJ0BWhlClO3vXdwooNLSZ2Li4cF9YGN6Va9Boa7QzIGv6s2Joubc1kUt9xFSdOKUdb9UcgAgNvTvDYPh4FwDiPE8FyLHIHbM0E1TOsPGIUizT5CkaKe0AeEXvkdDrHW5LB1rNTxXICeMImFqEK0NZ7nSxdaMysWJd8XIIxaHQ7704LfCmoiOtFcSdH4X+hjvG4IZy+4TB1NRfbGrUIGhF8UIow7GuRaZ3HteVkd5OVobT6ZnLKpDhABaP5XW5c/S13D5R36nTl+DLTmrnQMRWgNTW9MvjXwBSVWU4Vn32ey+G+eXjXeo471xI5TYFkE0H+f9w/TkgtwjK54DcIkD+D+wXvzZHkVHQAAAAAElFTkSuQmCC" }, null, -1)
])),
_: 1,
__: [0]
})
]),
_cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "layout-text" }, "点赞", -1)),
vue.createElementVNode("div", _hoisted_3$3, [
vue.createVNode(_component_el_icon, {
style: { "vertical-align": "middle" },
size: 20
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_ArrowRight)
]),
_: 1
})
])
]),
_: 1,
__: [1]
}),
vue.createVNode(_component_RouterLink, {
class: "layout-item",
to: "/replyme"
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_4$2, [
vue.createVNode(_component_el_icon, {
style: { "vertical-align": "middle" },
size: 30
}, {
default: vue.withCtx(() => _cache[2] || (_cache[2] = [
vue.createElementVNode("img", { src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABrlJREFUaEPVWVtsFFUY/r+zFxpgg6hUoQWbIIQHDbwQjEbDxQeC4RYBDUFiEC/sLt2ZVWKiiWLSRKO4O9vuLqBAoohi1URDBB5ECN5AjKHRaL003LwkJdYHC8h25/xm2s7u7OxlZtuFSpM+NHPOf77vnP/y/X9B1/gPrnH8NGwC7e3t/u7u7okyI6awRwRIl9dJyNEA6ozLYYYf4Awz/wsI47cHuvxH+OXZ+vr6P1etWpUZziVWTSCZfG16Nptdzsx3gXgWM00eFgCILmJ5koQ44fXKveFw+Ew19lwRaG3dNYH1S0FJWE4sZ1ZzQLVrQXScIdo9nrrdzc3rzjvtdySgaek1xDLBTNc7Gavld4B6wGJjJBp8u5LdsgRSqdTYvsv0HhMvLGcAQJZAvzLTWWbqJqIeD3BBkn4B8GSZqc/YC5CPWfcK8ozRmccI0E3E3ESgaY4XA+wLBEY9vH79+p5SOMoS0OKpvcz8QNEmiA5BtB9MB25uvPH4cIPQuKhslufoOpYI4D5mOdV+JiCORJQNCwDIom+lWMXjbc8So8X6DaBzYNoYiYY/qqWr2G0lYsmlDGqzJwcA2xU19IQjASPL9GUyPxUsBPb5/bQ6FAr1Xknwpu1+983QDrsHCKJl9gssciFNS8VYsmoag0Cnz0ezrxZ481yjvvzxW/dRJpqTwwJxRFGD8wo8w/rHAHM+Yw0s4fHcHols+P5q3Lz9DCN9S/1iZyU8BS+QiKVXS5J7coyJjivR8B0jAd48MxZLJUDcbP4tgF0RNfSIBWMent19CPSoqoZ3jCSBRGLrbVLXv7O4UZeiBm8tTSCePsws55offX5qqra0Xwmympb6kSXPMG37RyFgxmSBC2nx5F95f0OvogbHlcq9VwJkJZv2muQhcU9zNPiZsSdHIJlM3tKXodM5QxAdqhqcdbXBljovEU89L5k3W7A9qarBWAEBTUvNZslfW3zrAyUaXvF/IKBp6ZUsZXs+kMWLETX4TAGBRGLbIqlnP84HS+nKNxKEEonkAqnTJ6Ww5VzIzhICcUUJRd0ANjIF6frUiY31B9xoIyO/Z7OXYgJohJAtkUj4UMUYsHkHE96KRkMP2VwovYal3F3qmSobzz+vUbUBsbJS4TPIstT357UOehsaJ9xQibg9lRKwT1VDSwoIxOPJ9cT0uqVgbI6ooRecXkCLJd9novstz5slop2CscdUq6biJInVTLSWmb3W9T4/ja8kVez6zFCnpqTIuZC9CgvkA8XhecMsua3cGqNnsAK2rxOA40W5JJBcKok+zN2MyxhgZpFIbN1EzC2VgNqBDzZDqqKEkk6v7MqFKkW60wHGdyMNE+NlayUv+yqEg/CITW5FYlGKB95V1NCDFeuANdLdEDDXGIeBaRETDEkymUiOJxJ/E/MvAB3z+HzvhMOP/VyNzdZY+m6d5FFLfOYEXT4GikVTkfau5tBarrWneCa0RqOhSMEL9DcQv5+/YPqx0UIqanhKLYEM1ZampZ9mKV/K7YcolhKDflxW9Q318Frs0+Kpbcz8eM6FPHSvWfwK1agtp1tVXy2ADNWGFkses7aWVplf2JHZVF81cmKo4Jz2GbJDz140Zk6DP+hVo6FA7i+rgeLuh85FlFDTSPYEdoUASwotCGKTSDyePlkw/xzBttIokpq29VsrHvtopWisEo+no8Ty1dwTgXrGBuqmlRvtObnAcL5rWqpAphjz0kkN9ROtwq+IwOBo5QfrZMyYGAvv6MVupsXDAWzdO1C8eD8Rj7UUsCLdVHI2am9u+n1NoJOI1ipK6EStQJazYwhLBr9RoFoFOidNmjDTLrvLDncT8dROybyu6BBgn4fxykZ1wxe1DG7D31tbty9kPfucNWX2Xx6QFYz5ZiNvxVSWQL/K1NJpawEp2AjqIabDDPGlYNlFHk+X1ytPuxlBDvQHookIU6SUM4h4LjHNs7pLPgaRBfOKckNlx39wGJNqkNjsWipDdAQC/vmlgn5gukBPlQJayp2MoBUslpW6+ZJ1oJxPGiOXTAYtIF7jyv9LkCgajVQ0hF4BtI0J+Lc4ZT/HF7Ce098Z9V1eCcZiu58Wx0r+JdyA729wCJ8T6KAQdbvcZryqCBSkOeMff9mLd0qIqSCeTsyzikhBdAD8qXVcPxCU1MOEb0B0ioBTkLLTOwqH3MSP/aKGTMBuyCno80Epurw+uaBWM9eaETAAOpEAagu+pBZyFaQVFg00+ektdrchiA6fTy6t1c1XlYWGQsqQAlLwcjCNk8RfNTTUv+lmalftWTV1oWoPr8X6a57Af03mhV6TwjjsAAAAAElFTkSuQmCC" }, null, -1)
])),
_: 1,
__: [2]
})
]),
_cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "layout-text" }, "回复", -1)),
vue.createElementVNode("div", _hoisted_5$2, [
vue.createVNode(_component_el_icon, {
style: { "vertical-align": "middle" },
size: 20
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_ArrowRight)
]),
_: 1
})
])
]),
_: 1,
__: [3]
}),
vue.createVNode(_component_RouterLink, {
class: "layout-item",
to: "/atme"
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_6$2, [
vue.createVNode(_component_el_icon, {
style: { "vertical-align": "middle" },
size: 30
}, {
default: vue.withCtx(() => _cache[4] || (_cache[4] = [
vue.createElementVNode("img", { src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAYAAACP3YV9AAAAAXNSR0IArs4c6QAAFHJJREFUeF7tXUusXVUZ/s+5t7Q8FAooFDAaiwkCiaGhNREfA4OJooSBOKx0gqHE6Eg0DIwjxZHGVKKTKiOjDkgVjRAHEphcSNUIlURKNMpDJRIUedh7zzHfPf3b//z3f62997lg7Z7ce85ae72+/f3PtdcZ0enrlFiB0Skxi9OToNNAniIPwRsWyBsPTy8hosuxzmurdDWNabde88mE9vB3bzmDrmzB5O//oSO6/nhMKye+m9Aj+H9pmR4joicP7Ro909L+Ztd93YG88fD0gxIogFMB5ZKtRM+8VluuVyZEZ45ndeX/2d2oq6+XVunIOuATeuSNBPKmAsksW5vQPguwFnAiECKwLFAtwDKQZfmra0STEX3vOLj3vh7sXTiQAG9tlW6aEN1eYVrLAuq6GkAGCGy0/pf3cx1ZtzIWgLhtab4ms3ZpTAcP7Ro9WGmnb52FAbkuMie074JlugWDlGwbink8+QoDuY78i/tbgeM+LQB1GeqsTunImOjA0jItlKmDAwkAj63S3cy+oUHLnlzJPA20BtFiZNY+yiWI1v/4DheYyuUsfhfF0sGAhAg9tkoPAMDNAq9ixHjgdRWlFtARmFZ96NOlMd05pC4dBMgbHp0etERo5eleRB1LjFb0ZDYWyS6tF5mpWRuyfDKl2+/bM/p2yz1e3V5AShZaHbQws6Wu7MuzQocATotR2a8EVYrRVlCgQ7cs0/V92dkZSOjC88b0K23IZBPpClhm2GQslIbNkAYO60M5b9aNVYCPg3lbHwu3E5ASxL5MzICPyitslABW+9IWqWWhajFrAer199qEaOuYiP9yvT6ithlIDeIi3QprISxfUUdtPJ+xlYkZoC1slCzV85KAjpboQ12Y2QQkdOJ5Y3q6VZxWmVBln65Xdfa7jsMDtIWFsm+PkVynC5hNQH50Zfq4FZ3J9F5W3rrAWh/ifhlmG8K1iNioAazqRC1Ked4a2C4GUBnIG1am+y84gw4MDUoFxIou9MRmqzjV47EA5TqRuIzEp8dI+f3SiI78fM/oqsr6oE4JSClSueEM0Ky8MkANIBsu2oIdio1exAb96WiNHn8fVmpg+XOL8VMCkkXqEOBkAFbTTFov9mFeBCCDuEj2wYLFJQHFZ3w/WqJLKz5mCqTnaiwa1Epc1AKvj35sCbVVGVgxcgCgvKRrgnDefdeO9mUESIHMwm9Duh8torQCGLsl2hjK9CCX9/EVNcOYdR6wzEANKr7ftiV3SUIgmY2LZl/0tGU5RYC161yinWcS7Tyb6OKtRNu3+C2+cIzoudeIjv6b6OgrRIdfPGnxWrHUFl+Re7WsU0sPWiy0Rr5lKWdlCKRkY0btPuVeFsMDEX3dfPEMuHef06fn2b2/f2kG7I+em3djMgMn6jnzFS2dqNt7eY3orONJ621bYl3pAtnFUu27pJl/eN12oo9cOAx43lgB6v3PEz38wqxG5DPqNqp+oiU+WS9648pYGQHZKSjeCqZnpUqXYjMA1OOGCL7n6RmglQiOBDHyE7kfadBYwMrxMDPvf+/IxcstqIrVofSnJUah9/ZetlgGZg8eGHrPX4gef+lkTe2KWCBqfclgZczDfQyc/hsZPS6Qe38znWaT7FvupZ5YB378on49gFV8RQZQpZef/pXonmd8dmqx6hk86MsCE99hvKwTNSPx+dwzfKPHBLJrrrGyIFH2gu//4s42FmIBHv7HzAp97tXZflcpmuW4wPKLt82s3OvOjy1cPR+w82tHZwuOK7JOZbkUnS2M5P7BTFx4GH+y2xavJpBVsVoBzqpj6UV8h8X9ws7a4jJ40GEAsHpppx+LAwu4BdQvPXFS1Fr6UEdoPBbqMUsrlUUs/oKlDOb522yf0gTSy3Kg0T460WIj2oQviHYrIDKAEHN9L23EfPhCor2X1h6kb/6R6JfP+yPI/MZs7FI/yrqeeDWBXLR+1H4jrNLPvSObGhH0lPb18rv8Gp41euvbagz1wMysUI+JlpGjGfmmZTsrsgHIbBtHl4XzRCnaqohT1k2e3msdU8WdgGW69xKizOCSYpbH0ZWNHpByfhCzlhuyAUjOO7YuTrW+tFQrILK1WG0/q9caPwU7q2BaujEajwZO6kW+j/Wj0pMbMiIbgRR7VLNFqZTrLIYMZGfW6ZAg9gm3QXdGoh96+zOPEb0o3J2KdcrrF4lUC9xzlzfuh10YkFleEZZi9KRDZLVYo5WHqiJSrXbAtF1vjo0xiP/PH7F9RA0Yg6PZZrFP6kgutwyeDUBGFmtlsXQdS69lxg2MCI51dulT39Mlg6H1HT5fdQ7RV6/wR4Rx/+xvs/IKIz3LVItVCSb+LwE5hMVqBb8xAAb1O1f7Jv7Q4lS/SNOS6bcgi8SsJWIl+zJmWuzTIOKzZbnOMdLKeLQwIrJOOREcWYIQT1/+Q0uPfl32TVEDkRxEfCCqq9kMbx8N2osMIDyI3/qTPa7MKpUGjfzfAvOh981HeDSQJzIeXZfTy/Lz99+40mYjnmbomD4uxnrYbXvsA8qIkAyEW6I0WoO7rvDDiJ/+7Sx5bbFRtlnxGz1wz982n5+cA7Kr6xHFT6WYjdjYRy92zZJYmQ0NqOcTwvjx9KXFSksfRqyL2Ikx6lDdIEBaT67ldkRshPne5ao47Vm7WPjv/nlWy0sOc5lsC/Pxdih86tfz7ohmJ8dOLUvVA1F+r12QXkBGsVMpInlfjeeLdWEj2sz80AxAWc76mXVoJRiO/UHff4/di7RgKyJU68GMkTGQHYMB3hYNuV3xK++yn95WAwcLjYzFkCAyFBpMDZFOR0WGD/uVmUj1fMkIWJRpF2SekQUgPWOGJ+1tmIqe3Faf0Xso9MJjMXFhY1V1o5YUs1Jf8v/aP4x0JRs9EZgZ8zw92htIvVgaWOtNYS8AwH5XiwjMggnRXhv4kLg/S1XpfCPGFzn4nq6EeP3xsydnl0VuJAsz9yMEsmtUJ3MZPIOk1fnHQ+IZTFiEbDsGLykAjViNhwFsksZPlJr62FvtWCwkwq2/m7XjAdPKSJ5DLyCrbobeyu8tWquRE7HREoke09mQiRx7ZmUlt+iJVzwQNz66EciK26Hr6Lno6M6cjmxhpKUrvYX74TV2CZ76jM3yzshguuOJmoCW7gWY6YUL2VjJxCr3+oNr7EAH5vjUyz6YGWDerDoBaelBadzo9zAkI+GsW45zi36EpRoFrHVy14qnev5h1C7YFDFS7rHx9CTG9tDxzc5axFpi1dOjTYyMAubSGkWj2uH3nhxPHLa6HVE7GRuzzcOwqK3tkgDh8D9rTP/s2+20nDR4Ko5+rbeNgfM50aqB9HKKWhx6Z9pEgYAWQweM9GKbLbrRWyRPV0qn3ruXWekZPBjfXU/NGzt9AeU+ZeA8BJKZh7+e+Mxe+R7CYgWQEWus4DcvvJfFkCz1gIwyGWhf+oef3GFbrgxkRaxW2CjFeROQUoxKYHWn3vuKfYCUe1A9g4mtwsoitDJyaCD7gqn3vZaA1GE3L2KTWZ19gMTEI0MHetbTjxkTZblnqEjLVT8EOlrz/u22UTc0I6UkKAGprVLNxshSlZPuAyQHsD3L0gIyyl7IcUlr1HMdKozkNiuiNWKkJS0kA60dd81Ayk5aD13wrM3I2NE73mBRWrFaDWRknXpbFRF6O3StLXQtY4fTTxqUCpBZFCczqLi8ydjRolQDWHmHHx13dT/klgwPSLSPvF91d5wFZiXoLRdQA8ifPfGcWa0ZeBYr+Z6QkZ5u5JtbGekFBCw/MgKkYrW26EWej+f/8UMi96pqvSid91+c+OGKeWgqfmRmqHlglkSrTgxbnyugoo6XwgKb5OVtIo6270cGj14gHaVBYjgKwnN4DYCxkWEx0jN0+GF49tWTI2kJyUVsRIsukIi1nrM8+yEUT3RWwNML6MUz9SbkiJHRNkT5Mk323oVMR0VsxBw4sqO3ZWgw73inHdXxguYRA63dBPJBklKgBKTuzIveZGIB5V6wm6My1b2mnnjlRY8CA6gjGZmBiPoV/bZjG5Hn47JYrbLQej9Sg8iS4aKt829lbch+ZIysAKfr9ImTyraydzA8Zso2wMjKizl8j8xe8HeSFdEGLAQr+O3mDExPjEYuSG9GtoLpGTxoBwuFyVZZGe0nRXt8vAoOQkK7LGq7vJmM9tDG14/OZzDwPZgYJae9QIC1di0gDsbILjoSnXt6sjXoDUAiA0UvFIDoexAEPyDY+4Mr2//DOwzkYRTZw98CJuqGohVnB5w1nv1yjry6gsdtwIjxxBnvMM8mLZ19RHoqr6lniyfLhwIcbeq9On1ZaOnOMpB9wbMeBs8NaWUl2h4STPZps41dlQdDitSsfgsLWaSyrt1x5vxRLRu2Q2pGDglopFNYV+rJRy/TDLG/VcZTsbCeK5GBgvJFgWgxMgZyZbr/rGU6gEENCWAW/OZF4G37lUWTdWDNtp5RxwdL4GUbGT9Fu3DwW0W3t/VRz6UrCyUj8X+8r1UA2bqYMncodaN+PzGyOvXem5aQG9wKtkyt4z75eE8cGAiLlgH0AtloK3tA5FExMnrjrV0LiFa2g8HE3x1b518/3/DuBzMyA9ICTgOIzzpaE212qho+cmx6G7+1rZ+/i3wyK3rD/cDV4BOz8B2frmWxOVu3DMwMwBNjioDE0SxbafYzSUNcXuw0csh5d533Mk3E0pYxewFwbqO6m61Ln1pMeuBF9S47e/4ErA1vLG+l2Q+0VC9PpOJ+z8mP9pPiviwQXtk0HIk3lFW2Ilbq6LZ0v5XYqQeY/F7r8RBI3HjzYf9UyKo4tUSqnmB2sEL2ZhTa85LFEYjVHWxREjgLt3H/LbFTKQGsh0FLisvODt5YRmWZAYlYGTGxyuYs5umdxtiVkV3EqRaxFRAjXaxZ5gXFmekWK3FPeIYAbvKiOxVwuhxKlIHJsU5kNhjAltOH5bgtMeeJ2UhkdgXTAjHTj9a666gO6pgHJllhuhYgK3W5TvZmFNfjPT4yY1/tR+qXVr3XwsiqKPVELwOtxah+qGpAJr6kFqnybDd0WM1iaBCyrAbq87uPOF6zIl4zACPW6fFVWFgVm97DwWJWA6rHoqM6JiNx1o62XD0jJ9v0VPm1GhkMr4BZBbRVjCKag1grggnIcuA8WDj5lZ1vke/n6UDr+4iREkwdDDCBxJeR5SoblGxsZaLef8oMq2TueQz6FGUWu9pUt0QwFhI76LxzeWQqqsLGVjdDi2EJYtaftlhdICsGT8TGiIkWgPrnhrpmNviHWDAxPpAQURicfMUX/2JP5YdfWtNRlu6z2OpZtRWdb1msPpCFmKvWjdkgMgB1+RCZjWxMWXkEpGfYZCE4qUctFmZstAwdF0gvVBeBV9GH6LACqFzg7HjNDIw+5diuGQXDK+K0Wqc6TsvQcYFEwScemU4BjtaJ1Q51vQqA2j+UWxfx/mF2GkfXsen7vH06sl6rgSOZqAMT3G7GRtTToTm+N/wlHvYntT702Je98q0D3pKhmTvBk2cDJTueuguofDadfFW8BTwtVnGvF3rT2ZYKiGjv8AcafvcDN+CAQU5pterDjI3eIldip5K1yBd2+SEW7p+tXhhG8E2zfUOWfsvcCz3XKF2WPXyeWA1FK4vXqPFML3ritAJYNintYsicIcD1Lv61HvytJIO5nRYjxrNU9ZiqLOT7LP8xFa3rrHx0enA8pVu0yKz4jJlOlJPqCqyna6TOkUD0XcihGNkKII/b8h9LQMJ6na7Fiebol9ukDuQOM12YMZEXU+of+X+WELbKo4Wt+oESZC+qJOfWCmYkVlPRigpIay2PZi/28JUxMjJq+jAxi53qxckC3hUAKyyMXAwP4MoDK+t41mqJkevidWW6fzya7azLLi1ONSO7ilDu18snRhmNjLnRnFr0YgZ4tnZRuRcEkPekv3quWZmxkRuXoGoAu+YTebE0OB5Y0ffZwraAGNW1xpr1rcsjI6fMyIyV0QZiZqQcWOX3MPREtEj1APUyFZUMhmZ9xrDI7bCC9q06kcdTYSPqlhipWWmxTi++J2a5XhVQz++K9F8FUIsVLSyUQHs6MrOqK8yssLEJSOQpp2v2DruIldpKbQEwszA942YzRCr3EUmPClBRnSobm4DUItayTD1Wtho5UfQjs0y7gNjFxZBzrRhhXUDNLFXZZlm08k2WO8K6UBoxln6sTiZbGM9X7CpSPX1oidpIjFbnV6lXFancVjOQELHHVukB9i2rurAiUj0A5cQXyUhL70W6kMfl+bcVwKw6mfNv3dMMJBrRYMqG9ZbF6mSiaEgFvFaRmjnxHqgRsH0C4rxO0Itblun6Q7tGTb8i3QnI42Ca4buuxo1+uj2rtAJq1dSXonMINlYfWq9eVxDRXmcgNTMlgK0OvyWaIt+vVUfKh0TnByNDJ9ORUgpUH55FgNgbSAnm2pSurOhBbyKZEZGBV11Iz1esGDyWTuzLQtwPnbg0pjtbxansuxcjZUNIeR1bmx0kUQE0M2z6MjJa4IhpGtCqyO8KaBfDZjBjxxs00l7HVulusDObWDUaUnEpKmyMjBtLvGpxPDQbj+vD2w7tGj2YrVWlfDBGzrFzZbp/QnS7B2gUuooyGVGkxwOzVZRmjBxCLw7FwoWIVv3UwEVZW6WbJKCROI3CbbLtagA8i5tmEkECOoRbgXHjAIe+utBj50IYaYC6LnL/tXpS5LYwL4u5ZgaUZ8hY4lO7JHxvRbxZdSBCx0QHlpbp3j7GTNb/pgDJg2CW0ph2wzCSbgfX8URklYkROJk7gT7klblF3uKugzemlaUxHRxKB76hgJSDAahEdPnahPZNJrQH+jRbuBajxmNhpDMt9lX6ZOBoQo8sLdNjmwXepujI7AmyyiVjUW4BXBGjmSitlruickwr62Uz4BYqMqvruKmitTooQ8fO2LtKV6+XjWm3rAPA5Wepi6M+8YtvuhwikUHiMrCMiJ5cpI7rujZ83/8EkH0n+f9w/2kgTxGUTwN5igD5X83JVnIlReBrAAAAAElFTkSuQmCC" }, null, -1)
])),
_: 1,
__: [4]
})
]),
_cache[5] || (_cache[5] = vue.createElementVNode("div", { class: "layout-text" }, "@我的", -1)),
vue.createElementVNode("div", _hoisted_7$2, [
vue.createVNode(_component_el_icon, {
style: { "vertical-align": "middle" },
size: 20
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_ArrowRight)
]),
_: 1
})
])
]),
_: 1,
__: [5]
})
]);
}
const MsgTab = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-37c7691d"]]);
var md5$1 = { exports: {} };
var crypt = { exports: {} };
var hasRequiredCrypt;
function requireCrypt() {
if (hasRequiredCrypt) return crypt.exports;
hasRequiredCrypt = 1;
(function() {
var base64map = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", crypt$1 = {
// Bit-wise rotation left
rotl: function(n, b) {
return n << b | n >>> 32 - b;
},
// Bit-wise rotation right
rotr: function(n, b) {
return n << 32 - b | n >>> b;
},
// Swap big-endian to little-endian and vice versa
endian: function(n) {
if (n.constructor == Number) {
return crypt$1.rotl(n, 8) & 16711935 | crypt$1.rotl(n, 24) & 4278255360;
}
for (var i = 0; i < n.length; i++)
n[i] = crypt$1.endian(n[i]);
return n;
},
// Generate an array of any length of random bytes
randomBytes: function(n) {
for (var bytes = []; n > 0; n--)
bytes.push(Math.floor(Math.random() * 256));
return bytes;
},
// Convert a byte array to big-endian 32-bit words
bytesToWords: function(bytes) {
for (var words = [], i = 0, b = 0; i < bytes.length; i++, b += 8)
words[b >>> 5] |= bytes[i] << 24 - b % 32;
return words;
},
// Convert big-endian 32-bit words to a byte array
wordsToBytes: function(words) {
for (var bytes = [], b = 0; b < words.length * 32; b += 8)
bytes.push(words[b >>> 5] >>> 24 - b % 32 & 255);
return bytes;
},
// Convert a byte array to a hex string
bytesToHex: function(bytes) {
for (var hex = [], i = 0; i < bytes.length; i++) {
hex.push((bytes[i] >>> 4).toString(16));
hex.push((bytes[i] & 15).toString(16));
}
return hex.join("");
},
// Convert a hex string to a byte array
hexToBytes: function(hex) {
for (var bytes = [], c = 0; c < hex.length; c += 2)
bytes.push(parseInt(hex.substr(c, 2), 16));
return bytes;
},
// Convert a byte array to a base-64 string
bytesToBase64: function(bytes) {
for (var base64 = [], i = 0; i < bytes.length; i += 3) {
var triplet = bytes[i] << 16 | bytes[i + 1] << 8 | bytes[i + 2];
for (var j = 0; j < 4; j++)
if (i * 8 + j * 6 <= bytes.length * 8)
base64.push(base64map.charAt(triplet >>> 6 * (3 - j) & 63));
else
base64.push("=");
}
return base64.join("");
},
// Convert a base-64 string to a byte array
base64ToBytes: function(base64) {
base64 = base64.replace(/[^A-Z0-9+\/]/ig, "");
for (var bytes = [], i = 0, imod4 = 0; i < base64.length; imod4 = ++i % 4) {
if (imod4 == 0) continue;
bytes.push((base64map.indexOf(base64.charAt(i - 1)) & Math.pow(2, -2 * imod4 + 8) - 1) << imod4 * 2 | base64map.indexOf(base64.charAt(i)) >>> 6 - imod4 * 2);
}
return bytes;
}
};
crypt.exports = crypt$1;
})();
return crypt.exports;
}
var charenc_1;
var hasRequiredCharenc;
function requireCharenc() {
if (hasRequiredCharenc) return charenc_1;
hasRequiredCharenc = 1;
var charenc = {
// UTF-8 encoding
utf8: {
// Convert a string to a byte array
stringToBytes: function(str) {
return charenc.bin.stringToBytes(unescape(encodeURIComponent(str)));
},
// Convert a byte array to a string
bytesToString: function(bytes) {
return decodeURIComponent(escape(charenc.bin.bytesToString(bytes)));
}
},
// Binary encoding
bin: {
// Convert a string to a byte array
stringToBytes: function(str) {
for (var bytes = [], i = 0; i < str.length; i++)
bytes.push(str.charCodeAt(i) & 255);
return bytes;
},
// Convert a byte array to a string
bytesToString: function(bytes) {
for (var str = [], i = 0; i < bytes.length; i++)
str.push(String.fromCharCode(bytes[i]));
return str.join("");
}
}
};
charenc_1 = charenc;
return charenc_1;
}
/*!
* Determine if an object is a Buffer
*
* @author Feross Aboukhadijeh <https://feross.org>
* @license MIT
*/
var isBuffer_1;
var hasRequiredIsBuffer;
function requireIsBuffer() {
if (hasRequiredIsBuffer) return isBuffer_1;
hasRequiredIsBuffer = 1;
isBuffer_1 = function(obj) {
return obj != null && (isBuffer2(obj) || isSlowBuffer(obj) || !!obj._isBuffer);
};
function isBuffer2(obj) {
return !!obj.constructor && typeof obj.constructor.isBuffer === "function" && obj.constructor.isBuffer(obj);
}
function isSlowBuffer(obj) {
return typeof obj.readFloatLE === "function" && typeof obj.slice === "function" && isBuffer2(obj.slice(0, 0));
}
return isBuffer_1;
}
var hasRequiredMd5;
function requireMd5() {
if (hasRequiredMd5) return md5$1.exports;
hasRequiredMd5 = 1;
(function() {
var crypt2 = requireCrypt(), utf8 = requireCharenc().utf8, isBuffer2 = requireIsBuffer(), bin = requireCharenc().bin, md52 = function(message, options) {
if (message.constructor == String)
if (options && options.encoding === "binary")
message = bin.stringToBytes(message);
else
message = utf8.stringToBytes(message);
else if (isBuffer2(message))
message = Array.prototype.slice.call(message, 0);
else if (!Array.isArray(message) && message.constructor !== Uint8Array)
message = message.toString();
var m = crypt2.bytesToWords(message), l = message.length * 8, a = 1732584193, b = -271733879, c = -1732584194, d = 271733878;
for (var i = 0; i < m.length; i++) {
m[i] = (m[i] << 8 | m[i] >>> 24) & 16711935 | (m[i] << 24 | m[i] >>> 8) & 4278255360;
}
m[l >>> 5] |= 128 << l % 32;
m[(l + 64 >>> 9 << 4) + 14] = l;
var FF = md52._ff, GG = md52._gg, HH = md52._hh, II = md52._ii;
for (var i = 0; i < m.length; i += 16) {
var aa = a, bb = b, cc = c, dd = d;
a = FF(a, b, c, d, m[i + 0], 7, -680876936);
d = FF(d, a, b, c, m[i + 1], 12, -389564586);
c = FF(c, d, a, b, m[i + 2], 17, 606105819);
b = FF(b, c, d, a, m[i + 3], 22, -1044525330);
a = FF(a, b, c, d, m[i + 4], 7, -176418897);
d = FF(d, a, b, c, m[i + 5], 12, 1200080426);
c = FF(c, d, a, b, m[i + 6], 17, -1473231341);
b = FF(b, c, d, a, m[i + 7], 22, -45705983);
a = FF(a, b, c, d, m[i + 8], 7, 1770035416);
d = FF(d, a, b, c, m[i + 9], 12, -1958414417);
c = FF(c, d, a, b, m[i + 10], 17, -42063);
b = FF(b, c, d, a, m[i + 11], 22, -1990404162);
a = FF(a, b, c, d, m[i + 12], 7, 1804603682);
d = FF(d, a, b, c, m[i + 13], 12, -40341101);
c = FF(c, d, a, b, m[i + 14], 17, -1502002290);
b = FF(b, c, d, a, m[i + 15], 22, 1236535329);
a = GG(a, b, c, d, m[i + 1], 5, -165796510);
d = GG(d, a, b, c, m[i + 6], 9, -1069501632);
c = GG(c, d, a, b, m[i + 11], 14, 643717713);
b = GG(b, c, d, a, m[i + 0], 20, -373897302);
a = GG(a, b, c, d, m[i + 5], 5, -701558691);
d = GG(d, a, b, c, m[i + 10], 9, 38016083);
c = GG(c, d, a, b, m[i + 15], 14, -660478335);
b = GG(b, c, d, a, m[i + 4], 20, -405537848);
a = GG(a, b, c, d, m[i + 9], 5, 568446438);
d = GG(d, a, b, c, m[i + 14], 9, -1019803690);
c = GG(c, d, a, b, m[i + 3], 14, -187363961);
b = GG(b, c, d, a, m[i + 8], 20, 1163531501);
a = GG(a, b, c, d, m[i + 13], 5, -1444681467);
d = GG(d, a, b, c, m[i + 2], 9, -51403784);
c = GG(c, d, a, b, m[i + 7], 14, 1735328473);
b = GG(b, c, d, a, m[i + 12], 20, -1926607734);
a = HH(a, b, c, d, m[i + 5], 4, -378558);
d = HH(d, a, b, c, m[i + 8], 11, -2022574463);
c = HH(c, d, a, b, m[i + 11], 16, 1839030562);
b = HH(b, c, d, a, m[i + 14], 23, -35309556);
a = HH(a, b, c, d, m[i + 1], 4, -1530992060);
d = HH(d, a, b, c, m[i + 4], 11, 1272893353);
c = HH(c, d, a, b, m[i + 7], 16, -155497632);
b = HH(b, c, d, a, m[i + 10], 23, -1094730640);
a = HH(a, b, c, d, m[i + 13], 4, 681279174);
d = HH(d, a, b, c, m[i + 0], 11, -358537222);
c = HH(c, d, a, b, m[i + 3], 16, -722521979);
b = HH(b, c, d, a, m[i + 6], 23, 76029189);
a = HH(a, b, c, d, m[i + 9], 4, -640364487);
d = HH(d, a, b, c, m[i + 12], 11, -421815835);
c = HH(c, d, a, b, m[i + 15], 16, 530742520);
b = HH(b, c, d, a, m[i + 2], 23, -995338651);
a = II(a, b, c, d, m[i + 0], 6, -198630844);
d = II(d, a, b, c, m[i + 7], 10, 1126891415);
c = II(c, d, a, b, m[i + 14], 15, -1416354905);
b = II(b, c, d, a, m[i + 5], 21, -57434055);
a = II(a, b, c, d, m[i + 12], 6, 1700485571);
d = II(d, a, b, c, m[i + 3], 10, -1894986606);
c = II(c, d, a, b, m[i + 10], 15, -1051523);
b = II(b, c, d, a, m[i + 1], 21, -2054922799);
a = II(a, b, c, d, m[i + 8], 6, 1873313359);
d = II(d, a, b, c, m[i + 15], 10, -30611744);
c = II(c, d, a, b, m[i + 6], 15, -1560198380);
b = II(b, c, d, a, m[i + 13], 21, 1309151649);
a = II(a, b, c, d, m[i + 4], 6, -145523070);
d = II(d, a, b, c, m[i + 11], 10, -1120210379);
c = II(c, d, a, b, m[i + 2], 15, 718787259);
b = II(b, c, d, a, m[i + 9], 21, -343485551);
a = a + aa >>> 0;
b = b + bb >>> 0;
c = c + cc >>> 0;
d = d + dd >>> 0;
}
return crypt2.endian([a, b, c, d]);
};
md52._ff = function(a, b, c, d, x, s, t) {
var n = a + (b & c | ~b & d) + (x >>> 0) + t;
return (n << s | n >>> 32 - s) + b;
};
md52._gg = function(a, b, c, d, x, s, t) {
var n = a + (b & d | c & ~d) + (x >>> 0) + t;
return (n << s | n >>> 32 - s) + b;
};
md52._hh = function(a, b, c, d, x, s, t) {
var n = a + (b ^ c ^ d) + (x >>> 0) + t;
return (n << s | n >>> 32 - s) + b;
};
md52._ii = function(a, b, c, d, x, s, t) {
var n = a + (c ^ (b | ~d)) + (x >>> 0) + t;
return (n << s | n >>> 32 - s) + b;
};
md52._blocksize = 16;
md52._digestsize = 16;
md5$1.exports = function(message, options) {
if (message === void 0 || message === null)
throw new Error("Illegal argument " + message);
var digestbytes = crypt2.wordsToBytes(md52(message, options));
return options && options.asBytes ? digestbytes : options && options.asString ? bin.bytesToString(digestbytes) : crypt2.bytesToHex(digestbytes);
};
})();
return md5$1.exports;
}
var md5Exports = requireMd5();
const md5 = /* @__PURE__ */ getDefaultExportFromCjs(md5Exports);
let tbs = "";
let cuid = () => {
let __cuid__ = Panel.getValue("baidu_tieba_index_msg_cuid");
let cookie = Panel.getValue(
"httpx-cookie-tieba.baidu.com"
);
if (utils.isNull(__cuid__) && typeof cookie === "string") {
let gmCookie = new utils.GM_Cookie();
let cookieList = gmCookie.parseCookie(cookie);
let findValue = cookieList.find((item) => {
return item.key === "MAWEBCUID";
});
if (findValue) {
__cuid__ = findValue.value;
}
}
if (utils.isNull(__cuid__)) {
Qmsg.error("请在设置面板中填入【MAWEBCUID】的值");
throw new TypeError("请在设置面板中填入【MAWEBCUID】的值");
}
return __cuid__;
};
const generateSearchParams = async () => {
const generateHeader_sign = (headers) => {
function sign(t) {
var e = "", n = [];
for (var r in t) n.push(r);
return (n = n.sort(function(t2, e2) {
return t2 > e2 ? 1 : -1;
})).forEach(function(n2) {
e += n2 + "=" + t[n2];
}), e += "0039d79dc3cc2075129745a30237a3c4", md5(e);
}
return sign(headers);
};
let __tbs__ = tbs;
if (__tbs__ === "") {
let userInfo = await TiebaSmallAppApi.userInfo();
if (userInfo) {
tbs = userInfo.user.tbs;
__tbs__ = tbs;
}
}
let __cuid__ = cuid();
let envSearchParamsObj = {
fr: "smallapp",
timestamp: Date.now(),
tbs: __tbs__,
itb_tbs: __tbs__,
source_platform: "baidu",
obj_param2: "baiduboxapp",
browser: "baiduboxapp",
// cookie 获取
swan_cuid: __cuid__,
// cookie 获取
cuid: __cuid__,
randomid: Math.random().toString(36).substr(2) + Date.now()
};
let clientParamsObj = {
subapp_type: "smallapp",
_client_type: "2",
_client_version: "12.64.0",
call_from: "baidu",
sign: generateHeader_sign(Object.assign({}, envSearchParamsObj))
};
return Object.assign({}, clientParamsObj, envSearchParamsObj);
};
const TiebaSmallAppApi = {
/**
* 获取用户信息
* @param toastInfo 是否弹出提示
*/
async userInfo(toastInfo = true) {
let response = await httpx.get(
"https://tieba.baidu.com/mo/q/smallapp/sync",
{
headers: {
Referer: "https://tieba.baidu.com/",
"User-Agent": utils.getRandomPCUA()
},
allowInterceptConfig: false,
processData: true,
fetch: true
}
);
log.info(`获取用户信息：`, response);
if (!response.status) {
toastInfo && Qmsg.error("获取当前登录的用户信息失败", { consoleLogContent: true });
return;
}
let data = utils.toJSON(response.data.responseText);
if (data["no"] !== 0) {
toastInfo && Qmsg.error(data["error"], { consoleLogContent: true });
return;
}
return data["data"];
},
/**
* 点赞列表信息
* @param tbs
* @param cuid cookie中的MAWEBCUID，但是该值是httponly
* @param id 按id顺序请求
*/
async agreeme(id = "") {
let searchParamsObj = {
rn: "10",
id
};
let response = await httpx.get(
"https://tieba.baidu.com/mo/q/smallapp/agreeme",
{
data: searchParamsObj,
headers: {
Referer: "https://tieba.baidu.com/",
"User-Agent": utils.getRandomPCUA()
},
processData: true,
fetch: true
}
);
if (!response.status) {
return;
}
let data = utils.toJSON(response.data.responseText);
if (data["no"] !== 0) {
Qmsg.error(data["error"]);
return;
}
return data["data"];
},
/**
* 回复我的
*/
async replyme(pn = 1) {
let searchParamsObj = {
pn
};
let response = await httpx.get(
`https://tieba.baidu.com/mo/q/smallapp/replyme`,
{
data: searchParamsObj,
headers: {
Referer: "https://tieba.baidu.com/",
"User-Agent": utils.getRandomPCUA()
},
processData: true,
fetch: true
}
);
if (!response.status) {
return;
}
let data = utils.toJSON(response.data.responseText);
if (data["no"] !== 0) {
Qmsg.error(data["error"]);
return;
}
return data["data"];
},
/**
* @我的
*/
async atme(pn = 1) {
let searchParamsObj = {
pn
};
Object.assign(searchParamsObj, await generateSearchParams());
let response = await httpx.get(
`https://tieba.baidu.com/mo/q/smallapp/atme`,
{
data: searchParamsObj,
headers: {
Referer: "https://tieba.baidu.com/",
"User-Agent": utils.getRandomPCUA()
},
processData: true,
fetch: true
}
);
if (!response.status) {
return;
}
let data = utils.toJSON(response.data.responseText);
if (data["no"] !== 0) {
Qmsg.error(data["error"]);
return;
}
return data["data"];
}
};
const _hoisted_1$2 = { class: "post-list" };
const _hoisted_2$2 = { class: "post-list-item" };
const _hoisted_3$2 = ["onClick"];
const _hoisted_4$1 = { class: "user-avatar" };
const _hoisted_5$1 = ["src"];
const _hoisted_6$1 = { class: "user-info-text" };
const _hoisted_7$1 = { class: "user-name" };
const _hoisted_8$1 = { class: "user-time" };
const _hoisted_9$1 = {
key: 0,
class: "reply-content"
};
const _hoisted_10$1 = ["onClick"];
const _hoisted_11$1 = { class: "post-info__inner" };
const _hoisted_12$1 = {
key: 0,
class: "post-image"
};
const _hoisted_13$1 = ["src"];
const _hoisted_14$1 = { class: "post-content" };
const _hoisted_15$1 = ["onClick"];
const _hoisted_16$1 = {
id: "load-more",
class: "bottom-msg"
};
const _hoisted_17$1 = { class: "bottom-msg" };
const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
__name: "Agreeme",
setup(__props) {
let id = vue.ref("");
let isFirstLoad = vue.ref(false);
let isLoading = vue.ref(false);
let hasMore = vue.ref(true);
let postList = vue.ref([]);
let observe = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
loadMore();
}
});
}, {
root: null,
rootMargin: "0px 0px 0px 0px",
threshold: 0.2
});
const cancleScrollListener = () => {
observe?.disconnect();
isLoading.value = false;
log.info("移除滚动监听");
};
let loadMore = async () => {
let data = await TiebaSmallAppApi.agreeme(id.value);
log.info(data);
hasMore.value = Boolean(data?.has_more);
if (!hasMore.value) {
cancleScrollListener();
}
if (data) {
if (Array.isArray(data.agree_list)) {
id.value = data.agree_list[data.agree_list.length - 1].id;
postList.value = postList.value.concat(data.agree_list);
}
if (!isFirstLoad.value) {
isFirstLoad.value = true;
if (hasMore.value) {
log.success(`设置监听滚动加载`);
observe.observe($("#load-more"));
}
}
}
};
let gotoUserHome = function(portrait) {
window.open(TiebaUrlHandler.getUserHome(portrait), "_blank");
};
let gotoPost = function(postId) {
window.open(TiebaUrlHandler.getPost(postId), "_blank");
};
let gotoForum = function(fName) {
window.open(TiebaUrlHandler.getForum(fName), "_blank");
};
vue.onMounted(async () => {
postList.value = [];
const loading = ElLoading.service({
lock: true,
text: "Loading",
background: "rgba(0, 0, 0, 0.7)"
});
try {
await loadMore();
} catch (error) {
log.error(error);
}
loading.close();
});
return (_ctx, _cache) => {
const _component_el_empty = ElEmpty;
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(postList), (item) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
vue.createElementVNode("div", {
class: "user-info",
onClick: ($event) => vue.unref(gotoUserHome)(item.agreeer.portrait)
}, [
vue.createElementVNode("div", _hoisted_4$1, [
vue.createElementVNode("img", {
src: vue.unref(TiebaUrlHandler).getUserAvatar(item.agreeer.portrait),
alt: ""
}, null, 8, _hoisted_5$1)
]),
vue.createElementVNode("div", _hoisted_6$1, [
vue.createElementVNode("div", _hoisted_7$1, vue.toDisplayString(item.agreeer.show_nickname || item.agreeer.name_show || item.agreeer.name), 1),
vue.createElementVNode("div", _hoisted_8$1, vue.toDisplayString(vue.unref(utils).formatTime(Number(item.time || item.op_time) * 1e3)), 1)
])
], 8, _hoisted_3$2),
_cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "user-content" }, "赞了你的回复", -1)),
item.post_info ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, vue.toDisplayString(item.post_info.author.name_show || item.post_info.author.name) + "：" + vue.toDisplayString(item.post_info.content.map((it) => it.text).join("")), 1)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", {
class: "post-info",
onClick: ($event) => vue.unref(gotoPost)(item.thread_info.id)
}, [
vue.createElementVNode("div", _hoisted_11$1, [
item?.thread_info?.media?.[0]?.type == 3 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
vue.createElementVNode("img", {
src: item?.thread_info?.media?.[0]?.small_pic,
alt: ""
}, null, 8, _hoisted_13$1)
])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_14$1, vue.toDisplayString(item.thread_content.title), 1)
])
], 8, _hoisted_10$1),
vue.createElementVNode("div", {
class: "fname-text",
onClick: ($event) => vue.unref(gotoForum)(item.thread_info.fname)
}, vue.toDisplayString(item.thread_info.fname), 9, _hoisted_15$1)
]);
}), 256)),
vue.unref(postList).length === 0 ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
key: 0,
description: "暂无更多数据"
})) : vue.createCommentVNode("", true),
vue.withDirectives(vue.createElementVNode("div", _hoisted_16$1, "正在加载...", 512), [
[vue.vShow, vue.unref(hasMore) && vue.unref(postList).length != 0]
]),
vue.withDirectives(vue.createElementVNode("div", _hoisted_17$1, "已无更多", 512), [
[vue.vShow, !vue.unref(hasMore) && vue.unref(postList).length != 0]
])
]);
};
}
});
const Agreeme = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__scopeId", "data-v-449f473f"]]);
const _hoisted_1$1 = { class: "post-list" };
const _hoisted_2$1 = { class: "post-list-item" };
const _hoisted_3$1 = ["onClick"];
const _hoisted_4 = { class: "user-avatar" };
const _hoisted_5 = ["src"];
const _hoisted_6 = { class: "user-info-text" };
const _hoisted_7 = { class: "user-name" };
const _hoisted_8 = { class: "user-time" };
const _hoisted_9 = { class: "reply-content" };
const _hoisted_10 = { class: "post-info" };
const _hoisted_11 = ["onClick"];
const _hoisted_12 = ["onClick"];
const _hoisted_13 = {
key: 0,
class: "post-image"
};
const _hoisted_14 = ["src"];
const _hoisted_15 = { class: "post-content" };
const _hoisted_16 = ["onClick"];
const _hoisted_17 = {
id: "load-more",
class: "bottom-msg"
};
const _hoisted_18 = { class: "bottom-msg" };
const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
__name: "Replyme",
setup(__props) {
let pn = vue.ref(1);
let isFirstLoad = vue.ref(false);
let isLoading = vue.ref(false);
let hasMore = vue.ref(true);
let postList = vue.ref([]);
let observe = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
loadMore();
}
});
},
{
root: null,
rootMargin: "0px 0px 0px 0px",
threshold: 0.2
}
);
const cancleScrollListener = () => {
observe?.disconnect();
isLoading.value = false;
log.info("移除滚动监听");
};
let loadMore = async () => {
let data = await TiebaSmallAppApi.replyme(pn.value);
log.info(data);
hasMore.value = Boolean(data?.has_more);
if (!hasMore.value) {
cancleScrollListener();
}
if (data) {
pn.value++;
if (Array.isArray(data.reply_list)) {
postList.value = postList.value.concat(data.reply_list);
}
if (!isFirstLoad.value) {
isFirstLoad.value = true;
if (hasMore.value) {
log.success(`设置监听滚动加载`);
observe.observe($("#load-more"));
}
}
}
};
let gotoUserHome = function(portrait) {
window.open(TiebaUrlHandler.getUserHome(portrait), "_blank");
};
let gotoPost = function(postId) {
window.open(TiebaUrlHandler.getPost(postId), "_blank");
};
let gotoForum = function(fName) {
window.open(TiebaUrlHandler.getForum(fName), "_blank");
};
let gotoLzlPost = function(tid, pid, targetId) {
window.open(TiebaUrlHandler.getPost(tid) + `pages/uni-pb/uni-pb?pid=${pid}&from=msg&targetId=${targetId}&tid=${tid}`, "_blank");
};
vue.onMounted(async () => {
postList.value = [];
const loading = ElLoading.service({
lock: true,
text: "Loading",
background: "rgba(0, 0, 0, 0.7)"
});
try {
await loadMore();
} catch (error) {
log.error(error);
}
loading.close();
});
return (_ctx, _cache) => {
const _component_el_empty = ElEmpty;
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(postList), (item) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
vue.createElementVNode("div", {
class: "user-info",
onClick: ($event) => vue.unref(gotoUserHome)(item.replyer.portrait)
}, [
vue.createElementVNode("div", _hoisted_4, [
vue.createElementVNode("img", {
src: vue.unref(TiebaUrlHandler).getUserAvatar(item.replyer.portrait),
alt: ""
}, null, 8, _hoisted_5)
]),
vue.createElementVNode("div", _hoisted_6, [
vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(item.replyer.name_show || item.replyer.name), 1),
vue.createElementVNode("div", _hoisted_8, " 评论了你的" + vue.toDisplayString(item.is_floor === 1 ? "回复" : "帖子") + " " + vue.toDisplayString(vue.unref(utils).formatTime(Number(item.time) * 1e3)), 1)
])
], 8, _hoisted_3$1),
vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(item.content), 1),
vue.createElementVNode("div", _hoisted_10, [
item.quote_pid ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: "quote-user",
onClick: ($event) => vue.unref(gotoLzlPost)(item.thread_id, item.post_id, item.quote_pid)
}, vue.toDisplayString(item.quote_user.name_show || item.quote_user.name) + "：" + vue.toDisplayString(item.quote_content), 9, _hoisted_11)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", {
class: "post-info__inner",
onClick: ($event) => vue.unref(gotoPost)(item.thread_id)
}, [
item?.thread_img_url || item?.thread_content?.img ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
vue.createElementVNode("img", {
src: item?.thread_img_url || item?.thread_content?.img,
alt: ""
}, null, 8, _hoisted_14)
])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(item.title || item.thread_content.title), 1)
], 8, _hoisted_12)
]),
vue.createElementVNode("div", {
class: "fname-text",
onClick: ($event) => vue.unref(gotoForum)(item.fname)
}, vue.toDisplayString(item.fname), 9, _hoisted_16)
]);
}), 256)),
vue.unref(postList).length === 0 ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
key: 0,
description: "暂无更多数据"
})) : vue.createCommentVNode("", true),
vue.withDirectives(vue.createElementVNode("div", _hoisted_17, " 正在加载... ", 512), [
[vue.vShow, vue.unref(hasMore) && vue.unref(postList).length != 0]
]),
vue.withDirectives(vue.createElementVNode("div", _hoisted_18, "已无更多", 512), [
[vue.vShow, !vue.unref(hasMore) && vue.unref(postList).length != 0]
])
]);
};
}
});
const Replyme = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-ec39056c"]]);
const _hoisted_1 = { class: "post-list" };
const _hoisted_2 = {
id: "load-more",
class: "bottom-msg"
};
const _hoisted_3 = { class: "bottom-msg" };
const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
__name: "Atme",
setup(__props) {
let pn = vue.ref(1);
let isFirstLoad = vue.ref(false);
let isLoading = vue.ref(false);
let hasMore = vue.ref(true);
let postList = vue.ref([]);
let observe = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
loadMore();
}
});
},
{
root: null,
rootMargin: "0px 0px 0px 0px",
threshold: 0.2
}
);
const cancleScrollListener = () => {
observe?.disconnect();
isLoading.value = false;
log.info("移除滚动监听");
};
let loadMore = async () => {
let data = await TiebaSmallAppApi.atme(pn.value);
log.info(data);
hasMore.value = Boolean(data?.has_more);
if (!hasMore.value) {
cancleScrollListener();
}
if (data) {
pn.value++;
if (Array.isArray(data.at_list)) {
postList.value = postList.value.concat(data.at_list);
}
if (!isFirstLoad.value) {
isFirstLoad.value = true;
if (hasMore.value) {
log.success(`设置监听滚动加载`);
observe.observe($("#load-more"));
}
}
}
};
vue.onMounted(async () => {
postList.value = [];
const loading = ElLoading.service({
lock: true,
text: "Loading",
background: "rgba(0, 0, 0, 0.7)"
});
try {
await loadMore();
} catch (error) {
log.error(error);
}
loading.close();
});
return (_ctx, _cache) => {
const _component_el_empty = ElEmpty;
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
vue.unref(postList).length === 0 ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
key: 0,
description: "暂无测试用例，无法适配"
})) : vue.createCommentVNode("", true),
vue.withDirectives(vue.createElementVNode("div", _hoisted_2, " 正在加载... ", 512), [
[vue.vShow, vue.unref(hasMore) && vue.unref(postList).length != 0]
]),
vue.withDirectives(vue.createElementVNode("div", _hoisted_3, "已无更多", 512), [
[vue.vShow, !vue.unref(hasMore) && vue.unref(postList).length != 0]
])
]);
};
}
});
const Atme = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-38eb1bd2"]]);
const TiebaMsgTabRouter = {
router: null,
init() {
this.router = vueRouter.createRouter({
// 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
history: vueRouter.createWebHashHistory(),
routes: [
{
path: "/",
name: "MsgTab",
component: MsgTab,
meta: {
keepAlive: true
}
},
{
path: "/agreeme",
name: "Agreeme",
component: Agreeme
},
{
path: "/replyme",
name: "Replyme",
component: Replyme
},
{
path: "/atme",
name: "Atme",
component: Atme
}
]
});
}
};
const _sfc_main = {
__name: "App",
setup(__props) {
let navTitle = vue.ref("消息");
let leftIconClickEvent = () => {
window.history.back();
};
let homeIconClickEvent = () => {
window.location.href = "/index/tbwise/feed";
};
return (_ctx, _cache) => {
const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
const _component_el_icon = ElIcon;
const _component_el_col = ElCol;
const _component_el_row = ElRow;
const _component_el_header = ElHeader;
const _component_RouterView = vue.resolveComponent("RouterView");
const _component_el_main = ElMain;
const _component_el_container = ElContainer;
return vue.openBlock(), vue.createBlock(_component_el_container, null, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_header, { class: "user-top" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_row, {
gutter: 24,
class: "top-nav-container",
align: "middle"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_col, {
span: 4,
class: "top-left-arrow-icon",
onClick: vue.unref(leftIconClickEvent)
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, { size: 25 }, {
default: vue.withCtx(() => [
vue.createVNode(_component_ArrowLeft)
]),
_: 1
})
]),
_: 1
}, 8, ["onClick"]),
vue.createVNode(_component_el_col, {
span: 4,
class: "top-left-arrow-icon",
onClick: vue.unref(homeIconClickEvent)
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_el_icon, { size: 25 }, {
default: vue.withCtx(() => _cache[0] || (_cache[0] = [
vue.createElementVNode("img", {
src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAAXNSR0IArs4c6QAAA59JREFUeF7tmz+o1DAcx5N0ba+gq+Du4KPXooPLjcoDcdBRNxHkrY4q6uj6EMRNRx1EeOh4i4PSu/JucBdcFXrXtYn89A5qyb+2lzRC3na8Jk0+v+8v+f1+STHyf38IYM/hLwEPYqsED2JMELPZLCzL8gEh5Aal9ByMhRDyg1L6Po7j5/P5vLLtstYVkWXZzbquXxJCzvAmSyn9FQTBvTzP39mEYQ0EqGC9Xr/AGN/WmSBj7M1kMrlvSx1WQKhUIAJjUx1GQchUAJNECB0HQXACIOq6PkQIHfFcxoY6jIHIsuxSXdcfBWvBCmN8N8/zr001QBvG2CuE0MW2SrbquNZuo+NmOs/sHYRqLaCUPpXtDI0d5RFvAqbUsVcQMosihLgqEFlrn31ZU4TKiioViAZqql/e+wYrwoblbLyjNwib1gILmn5fLxA2LGR77egEQmUVUyt6G8rQnWnQGjHmHi9TR9dYRdSXliKSJHkyZtQn2/50oteiKB6rtlApCHjJZrP5LIn0rGeJEnXIstpVFEVXZAmcFESapqc8CLbWApUVO64dq8VicdDZNSBjZIy9bTa0mQ12hbB7HlRcVdVVXs0DY3xLVOcQKoKjBqW8+g7eRDuBWwtVIQSRJMnPZuaIMb5sKvMzAQL63O50X3b9g6KLojjbaftM05Q1GywWC60dxtSk+varOw+Za3gQQF+XZF9L2WqnOw+viK1FPAgP4l/n9IrwivCK4HqBdw3vGiO7xi47pJRexxgfNK8FMMZOCSEfwjD8tK/DXycDqm1q/5BX42hFmnAY9GwfVwOcAwHlPkII9xhPFG7DwZBOmU0WrjsFog+ERuo8CIYzIHiVLpgklPsIIcdhGH6D31VVXaCUHvEuksgqS6rkzQkQvCqR6nhfcJ2gd3XMCRA8NehUutqVJbB6X1U4AWI6nb5uSh3cYblc3lHJGf4/pG2zfydAtAvAOmrYTYKjCmk5XgTXCRDtAnAURZFuoLRdXzY6hVfnt09dawy1pgehsdjoGsNo9qk7CK8IhUWHguxSjfeKsFGPGGrRoe29IhoupwvTu4Z3DYulOl1ZOr19tsNjjdhF+UjXqwVtkMoXKB7odT+inf0NHQS0HxuELPvlLpaQ8MDAy7L8Lvr2qg+YMUGAGuI4Pi9K+pTXC+E7LMbY4T6AjAECAGCMT1TfhwlBgCp0U+Y+6nCtzX95L8oERA9CFVCZoO5yn14RXhGaIbbLMjYxtt/XIZRwaNFMhwAAAABJRU5ErkJggg==",
style: { "width": "100%", "height": "100%" }
}, null, -1)
])),
_: 1,
__: [0]
})
]),
_: 1
}, 8, ["onClick"]),
vue.createVNode(_component_el_col, {
span: 16,
class: "top-title-name"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(vue.unref(navTitle)), 1)
]),
_: 1
}),
vue.createVNode(_component_el_col, {
span: 4,
class: "top-right-space"
})
]),
_: 1
})
]),
_: 1
}),
vue.createVNode(_component_el_main, { class: "main" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_RouterView)
]),
_: 1
})
]),
_: 1
});
};
}
};
const App = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-3c912918"]]);
const AppCSS = "";
const TiebaMsgTab = {
$data: {
appName: "vite-app"
},
pathname: "/index/tbwise/msgtab",
init() {
TiebaMsgTabRouter.init();
CommonUtil.addBlockCSS("body > .error-page");
MountVue(App, [TiebaMsgTabRouter.router, ElementPlus]);
addStyle$1(
/*css*/
`
#${VUE_ELE_NAME_ID}{
z-index: 1000;
}
body > div:not([id="${VUE_ELE_NAME_ID}"]){
display: none;
}
body > div[class="dia_wrapper"],
body > div[class="dia_mask"],
#${VUE_ELE_NAME_ID} ~ *{
display: unset;
}
`
);
addStyle$1(AppCSS);
}
};
const TiebaCollectionCenter = {
init() {
Panel.execMenuOnce(
"tieba_collection_center_repair_card_click_jump",
() => {
this.repairCardClickJump();
}
);
},
/**
* 修复卡片点击跳转
*/
repairCardClickJump() {
log.info(`修复卡片点击跳转`);
DOMUtils.on(
document,
"click",
".collection-center .image-card",
(event, selectorTarget) => {
utils.preventEvent(event);
let vueInstance = VueUtils.getVue(selectorTarget);
if (!vueInstance) {
Qmsg.error("获取vue实例失败", { consoleLogContent: true });
return;
}
let tid = vueInstance?.item?.tid;
if (tid == null) {
Qmsg.error("获取tid失败", { consoleLogContent: true });
return;
}
let url = TiebaUrlHandler.getPost(tid);
if (Panel.getValue(
"tieba_collection_center_repair_card_click_jump_open_new_tab"
)) {
window.open(url, "_blank");
} else {
window.location.href = url;
}
},
{ capture: true }
);
}
};
const BaiduTieBa = {
init() {
addStyle$1(TieBaShieldCSS);
addStyle$1(UniTieBaShieldCSS);
addStyle$1(
/*css*/
`
/* 由于lzl弹窗的z-index是99999，所以，回复框、toast、登录弹窗的z-index要大于99999 */
/* 底部回复框 */
.comment-box-wrap-lzl{
z-index: calc(99999 + 10) !important;
}
/* 登录弹窗 */
.login-wake-modal-mask{
z-index: calc(99999 + 20) !important;
}
/* 消息toast */
.tb-toast{
z-index: calc(99999 + 100) !important;
}
`
);
log.info("插入CSS规则");
Panel.execMenu("baidu_tieba_autoJumpToMainHost", () => {
TiebaCore.autoJumpToMainHost();
});
Panel.execMenu("baidu_tieba_clientCallMasquerade", () => {
TiebaCore.clientCallMasquerade();
});
BaiduHook.elementAppendChild();
Panel.execMenuOnce("baidu_tieba_hijack_wake_up", () => {
BaiduHook.windowWebpackJsonp_tieba();
});
if (BaiduRouter.isTieBaIndex()) {
log.success("Router: 首页");
Panel.execMenu("baidu_tieba_index_openANewTab", () => {
TiebaBaNei.repairCardClickJump();
});
Panel.execMenu("baidu_tieba_index_add_msgtab", () => {
if (window.location.pathname.startsWith(TiebaMsgTab.pathname)) {
log.info(`Router: 魔改自定义的消息页面`);
TiebaMsgTab.init();
} else {
utils.waitNode(
".tb-index-navbar .navbar-box li:nth-child(2)",
1e4
).then(($navbarBox) => {
if (!$navbarBox) {
return;
}
if ($navbarBox.nextElementSibling && $navbarBox.nextElementSibling.matches(".navbar-item-msgtab")) {
return;
}
domUtils.after(
$navbarBox,
/*html*/
`
<li class="navbar-item navbar-item-msgtab" style="margin-right: .24rem;">
<a href="${TiebaMsgTab.pathname}">消息</a>
</li>
`
);
});
}
});
} else if (BaiduRouter.isTieBaPost()) {
log.success("Router: 帖子");
TiebaUniAppPost.init();
} else if (BaiduRouter.isTieBaNewTopic()) {
log.success("Router: 话题热议");
TiebaTopicTemplate.init();
} else if (BaiduRouter.isTieBaHottopic()) {
log.success("Router: 热搜榜");
TiebaHotTopic.init();
} else if (BaiduRouter.isTieBaHybrid()) {
log.success("Router: 搜索综合");
TiebaHybrid.init();
} else if (BaiduRouter.isTieBaCollectionCenter()) {
log.success("Router: 合辑");
TiebaCollectionCenter.init();
} else if (BaiduRouter.isTieBaNei()) {
log.success("Router: 吧内");
TiebaBaNei.init();
} else if (BaiduRouter.isTieBaHome()) {
log.success("Router: 用户主页");
TiebaHome.init();
return;
} else if (BaiduRouter.isTieBaCheckUrl()) {
log.success(`Router: 验证链接中间页`);
TiebaCheckUrl.init();
return;
} else {
log.error("Router: 未知");
}
Panel.execMenu("baidu_tieba_add_search", () => {
TiebaSearch.init();
});
domUtils.ready(() => {
Panel.execMenu("baidu_tieba_checkSkeleton", () => {
TiebaCore.checkSkeleton();
});
this.initTiebaData();
this.addTopLeftMenu();
});
},
/**
* 初始化贴吧数据
*
* 例如：吧名，高清图片
*/
initTiebaData() {
utils.waitAnyNode([
".tb-mobile-viewport",
".main-page-wrap",
".forum-name .name"
]).then(async () => {
let interval = setInterval(() => {
TiebaData.forumName = TiebaCore.getCurrentForumName();
TiebaData.forumId = TiebaCore.getCurrentForumId();
if (TiebaData.forumName) {
log.info("当前吧：" + TiebaData.forumName);
if (Panel.getValue("baidu_tieba_optimize_image_preview")) {
TiebaPost.initPostImageInfo();
}
clearInterval(interval);
}
}, 250);
});
},
/**
* 替换顶部左侧贴吧按钮为菜单按钮
*/
addTopLeftMenu() {
addStyle$1(
/*css*/
`
.logo-wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 0.13rem;
}
`
);
utils.waitAnyNode(
[
".nav-bar-top .logo-wrapper",
"uni-app .frs-wise-nav-bar .logo-wrapper"
],
1e4
).then(($ele) => {
if (!$ele) {
return;
}
$ele.outerHTML = /*html*/
`
<div class="logo-wrapper">
<svg t="1718595396255" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3147" width="24" height="24"><path d="M128 298.666667h768a42.666667 42.666667 0 0 0 0-85.333334H128a42.666667 42.666667 0 0 0 0 85.333334z m768 170.666666H128a42.666667 42.666667 0 0 0 0 85.333334h768a42.666667 42.666667 0 0 0 0-85.333334z m0 256H128a42.666667 42.666667 0 0 0 0 85.333334h768a42.666667 42.666667 0 0 0 0-85.333334z" p-id="3148"></path></svg>
</div>
`;
let $logoWrapper = $(".nav-bar-top .logo-wrapper") || $("uni-app .frs-wise-nav-bar .logo-wrapper");
function getHelloText() {
var myDate = /* @__PURE__ */ new Date();
var i = myDate.getHours();
if (i < 12) return "早上好!";
else if (i >= 12 && i < 14) return "中午好!";
else if (i >= 14 && i < 18) return "下午好!";
else if (i >= 18) return "晚上好!";
}
let menuListInfo = [
{
"data-to": "home",
icon: '<svg fill="#3EBBFD" t="1718598127655" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2362"><path d="M459.704448 833.996598" fill="#DA2017" p-id="2363"></path><path d="M947.859367 456.556247 589.952908 156.258856c-21.905916-18.380626-49.721425-28.515451-78.323856-28.52466l-0.044002 0c-28.585035 0-56.395428 10.110265-78.305437 28.467355l-358.517373 300.340369c-12.852726 10.767228-14.544251 29.912263-3.777023 42.764989 6.007831 7.16519 14.616906 10.859325 23.288402 10.859325 6.875594 0 13.793144-2.322905 19.47761-7.082302l18.520819-15.519462 0 325.160661c0 21.898753 8.527211 42.488697 24.01188 57.973366 15.484669 15.482623 36.071543 24.010857 57.974389 24.010857l184.665837 0 0-0.019443c66.174142 0 60.780295-60.693314 60.780295-60.693314L459.704448 629.535927c0-4.14746 1.616824-8.048303 4.552689-10.983145 2.930749-2.934842 6.833639-4.547573 10.985192-4.547573l72.124667 0c4.15053 0 8.04728 1.612731 10.984169 4.547573 2.934842 2.934842 4.551666 6.836709 4.551666 10.983145l0 204.460672-0.010233 0c0 0-5.393847 60.693314 60.780295 60.693314l0 0.019443 184.678116 0c21.895683 0 42.484603-8.528234 57.969273-24.010857 15.488763-15.485693 24.015973-36.074613 24.015973-57.973366L890.336256 487.539912l18.501376 15.527648c12.844539 10.772344 31.993668 9.101285 42.770106-3.746324C962.379059 486.47772 960.702883 467.333708 947.859367 456.556247zM829.619406 812.724109c0 5.681396-2.210341 11.026124-6.226818 15.043624-4.0175 4.0175-9.357112 6.228865-15.040555 6.228865L623.614565 833.996598 623.614565 629.535927c0-20.364817-7.931646-39.513946-22.330588-53.91391-14.400988-14.402011-33.55114-22.334681-53.915957-22.334681l-72.124667 0c-20.369933 0-39.521109 7.93267-53.918004 22.334681-14.397918 14.398942-22.330588 33.54807-22.330588 53.91391l0 204.460672L214.257294 833.996598c-5.683443 0-11.023054-2.211365-15.040555-6.228865-4.022617-4.0175-6.232958-9.362228-6.232958-15.040555l0-376.024096 279.278681-233.966683c11.003612-9.216919 24.966625-14.292518 39.321564-14.292518l0.020466 0c14.359033 0.005117 28.328185 5.094018 39.326681 14.32117l278.688233 233.836723L829.619406 812.724109z" p-id="2364"></path></svg>',
text: "首页",
clickCallBack(event) {
window.location.href = window.location.origin;
}
},
{
"data-to": "posting",
icon: '<svg fill="#FF9900" t="1718599526156" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3362"><path d="M783.530667 910.961778l-252.017778-123.448889a38.001778 38.001778 0 0 1 33.28-68.266667l206.620444 101.319111 89.144889-610.247111-401.635555 481.678222v223.857778a37.944889 37.944889 0 0 1-75.832889 0v-236.316444c0-1.991111 0.113778-3.868444 0.455111-5.859556a38.968889 38.968889 0 0 1 8.533333-20.024889l378.424889-453.859555L163.84 514.389333l143.018667 74.126223c18.773333 9.898667 26.225778 32.824889 17.066666 51.768888a36.864 36.864 0 0 1-49.322666 17.066667L67.754667 549.717333a38.912 38.912 0 0 1-17.692445-18.887111 37.546667 37.546667 0 0 1 15.587556-50.744889L899.185778 47.786667a39.139556 39.139556 0 0 1 17.976889-4.323556 37.831111 37.831111 0 0 1 37.944889 31.004445 39.310222 39.310222 0 0 1-0.682667 18.318222L839.111111 882.062222a38.115556 38.115556 0 0 1-32.142222 32.199111 37.148444 37.148444 0 0 1-23.438222-3.299555z" p-id="3363"></path></svg>',
text: "发帖",
clickCallBack(event) {
Qmsg.warning("暂未实现该功能");
}
},
{
"data-to": "search",
icon: '<svg fill="#9DCA08" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" ><path d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"></path></svg>',
text: "搜索",
clickCallBack(event) {
let userInput = prompt("请输入需要搜索的内容");
if (userInput) {
window.location.href = TiebaUrlHandler.getHybridSearch(userInput);
}
}
},
{
"data-to": "got-to-forum",
icon: '<svg fill="#F37D7D" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4247"><path d="M840.937 780.573h-173.721l-140.376 151.009-44.542-151.009c-100.088 0-181.253-82.372-181.253-184.022l-0-76.793c0-101.649 81.165-184.022 181.253-184.022h358.639c100.108 0 181.252 82.373 181.252 184.022v76.792c0 101.65-81.144 184.023-181.252 184.023zM469.343 303.194c-100.089 0-201.581 79.641-201.581 181.271v81.846c0 99.892 28.075 153.273 65.339 178.753l-72.147 77.614-51.45-174.46c-115.657 0-209.404-95.173-209.404-212.587v-90.157c0-117.414 93.747-212.604 209.404-212.604h419.318c99.383 0 182.421 70.374 203.843 164.667-6.4 3.336-13.54 5.677-22.319 5.677l-341.002-0.019z" p-id="4248"></path></svg>',
text: "进吧",
clickCallBack(event) {
window.location.href = TiebaUrlHandler.getGoToForum();
}
},
{
"data-to": "mine",
icon: '<svg fill="#DA99DB" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4291" width="128" height="128"><path d="M678.4 537.6c76.8-51.2 128-140.8 128-243.2 0-162.133333-132.266667-294.4-294.4-294.4s-294.4 132.266667-294.4 294.4c0 102.4 51.2 192 128 243.2-179.2 68.266667-302.933333 238.933333-302.933333 439.466667 0 25.6 17.066667 42.666667 42.666666 42.666666s42.666667-17.066667 42.666667-42.666666c0-209.066667 174.933333-384 384-384s384 170.666667 384 384c0 25.6 17.066667 42.666667 42.666667 42.666666s42.666667-21.333333 42.666666-42.666666c0-200.533333-128-371.2-302.933333-439.466667z m-375.466667-238.933333c0-115.2 93.866667-209.066667 209.066667-209.066667s209.066667 93.866667 209.066667 209.066667-93.866667 209.066667-209.066667 209.066666-209.066667-93.866667-209.066667-209.066666z" p-id="4292"></path></svg>',
text: "我的",
clickCallBack(event) {
window.location.href = TiebaUrlHandler.getMine();
}
}
];
if (Panel.getValue("baidu_tieba_index_add_msgtab")) {
menuListInfo.splice(4, 0, {
"data-to": "msgtab",
icon: '<svg t="1735104902045" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4127"><path d="M896 806.976v-320A384.32 384.32 0 0 0 544.128 104.64V5.056h-64v99.52A384.32 384.32 0 0 0 128 487.008v320H16v64h322.464a175.744 175.744 0 0 0 347.072 0H1008v-64z m-384 147.968a111.904 111.904 0 0 1-108-83.968h216A111.904 111.904 0 0 1 512 954.944zM192 806.976v-320a320 320 0 0 1 640 0v320z" fill="#191D2B" p-id="4128"></path><path d="M436.576 244.8a257.984 257.984 0 0 0-149.248 124.864 32 32 0 0 0 56.64 29.824 193.408 193.408 0 0 1 111.872-93.664 32 32 0 0 0-19.264-61.024z" fill="#191D2B" p-id="4129"></path></svg>',
text: "消息",
clickCallBack(event) {
window.location.href = TiebaMsgTab.pathname;
}
});
}
domUtils.on($logoWrapper, "click", () => {
let $drawer = __pops.drawer({
title: {
enable: true,
text: (
/*html*/
`
<div class="tieba_account_exit">
<a href="javascript:;">
<span>
退出登录
</span>
</a>
</div>
<a href="javascript:;" class="tieba_user">
<em>
<img class="tieba_account_avatar" src="">
</em>
<p class="tieba-user-info">
<span class="tieba_user_nologin_tip_center">
${getHelloText()} 请登录或注册
</span>
</p>
<p class="tieba_user_nologin_tip_bottom">登录后更精彩...</p>
</a>
`
),
html: true,
style: ""
},
content: {
text: '<ul class="tieba-menu-list"></ul>',
html: true,
style: ""
},
btn: {
ok: {
enable: false
},
cancel: {
enable: false
},
close: {
enable: false
}
},
only: true,
size: "66%",
direction: "left",
mask: {
enable: true,
clickEvent: {
toClose: true
}
},
style: (
/*css*/
`
.pops{
--avatar-size: 60px;
--user-info-font-color: #ffffff;
}
.pops-drawer-title{
background: url(https://imgapi.xl0408.top/index.php);
// background-size: cover;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.tieba_account_exit{
display: none;
}
.tieba_user{
position: relative;
display: block;
padding: 18px 15px 12px;
overflow: hidden;
width: 100%;
height: 175px;
text-decoration: none;
}
.tieba_user em{
display: block;
width: 64px;
height: 64px;
margin-bottom: 23px;
background: rgba(255, 255, 255, 0.4);
border-radius: 50%;
position: relative;
}
.tieba_account_avatar{
width: var(--avatar-size);
height: var(--avatar-size);
margin: 2px;
border-radius: 50%;
}
.tieba_user_nologin_tip_center{
font-size: 20px;
float: left;
font-weight: 400;
margin-right: 6px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
color: var(--user-info-font-color);
}
.tieba_user_nologin_tip_bottom{
display: block;
width: 100%;
height: 24px;
line-height: 24px;
overflow: hidden;
color: var(--user-info-font-color);
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
font-size: 13px;
margin-top: 5px;
}
.pops-drawer-content{
padding: 10px;
}
.tieba-menu-list{
}
.tieba-menu-item{
display: flex;
align-items: center;
height: 38px;
line-height: 38px;
font-size: 17px;
margin: 3px 0px;
}
.tieba-menu-item:first-child{
margin-top: 0px;
}
.tieba-menu-icon{
display: flex;
align-items: center;
font-size: 22px;
margin-right: 8px;
}
.tieba-menu-icon svg{
width: 20px;
height: 20px;
}
.teba-menu-text{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
`
)
});
let isLogin = false;
let $tieba_user = $drawer.$shadowRoot.querySelector(".tieba_user");
let $menuList = $drawer.$shadowRoot.querySelector(
".tieba-menu-list"
);
let $avatar = $drawer.$shadowRoot.querySelector(
".tieba_account_avatar"
);
$drawer.$shadowRoot.querySelector(
".tieba-user-info"
);
let $tieba_user_nologin_tip_center = $drawer.$shadowRoot.querySelector(
".tieba_user_nologin_tip_center"
);
let $tieba_user_nologin_tip_bottom = $drawer.$shadowRoot.querySelector(
".tieba_user_nologin_tip_bottom"
);
menuListInfo.forEach((menuItemInfo) => {
let $menuItem = document.createElement("li");
$menuItem.classList.add("tieba-menu-item");
$menuItem.setAttribute("data-to", menuItemInfo["data-to"]);
$menuItem.innerHTML = `
<i class="tieba-menu-icon">
${menuItemInfo.icon}
</i>
<p class="teba-menu-text">${menuItemInfo.text}</p>
`;
domUtils.on($menuItem, "click", (event) => {
menuItemInfo.clickCallBack(event);
});
$menuList.appendChild($menuItem);
});
TiebaSmallAppApi.userInfo(false).then((userInfo) => {
if (!userInfo) {
return;
}
$avatar.src = TiebaUrlHandler.getUserAvatar("null");
if (typeof userInfo.user?.is_login === "boolean" && !userInfo.user?.is_login) ;
else {
isLogin = true;
let showName = userInfo.user.show_nickname || userInfo.user.name_show || userInfo.user.user_nickname || userInfo.user.user_name;
let portrait = userInfo.user.portrait;
$avatar.src = TiebaUrlHandler.getUserAvatar(portrait);
$tieba_user_nologin_tip_center.innerText = showName;
domUtils.hide($tieba_user_nologin_tip_bottom);
}
});
domUtils.on($tieba_user, "click", () => {
if (isLogin) {
return;
}
window.open(TiebaUrlHandler.getLoginUrl(), "_blank");
});
});
});
}
};
const WenKuShieldCSS = '/* 首页顶部的开通VIP横幅 */\r\n.new-home-wrap .van-swipe.swipe-home,\r\n/* 优质文档VIP随便下 */\r\n.vip-card-wrap,\r\n.reader-pop-manager-view-containter,\r\n.core-download,\r\n.card-wrap.card-vip,\r\n.pop-manager-view-containter,\r\n#carousel,\r\n.card-wrap,\r\n.n-card-wrap-exp,\r\n.pageNo .pager~div[class*="__wm"],\r\n.fold-pager,\r\n.vip-choice,\r\n.wk-bottom-btn,\r\n.continue-read-wrap.invite-clipboard,\r\n.wk-student,\r\n.search-pay-container,\r\n.wk-student-defense,\r\n.vip-rec-card-main,\r\n.back-dialog,\r\ndiv.middle-box-root {\r\n display: none !important;\r\n}\r\n.bartop {\r\n display: unset;\r\n}\r\n.reader-wrap {\r\n height: auto !important;\r\n}\r\n#view-rr-app {\r\n overflow-y: auto !important;\r\n}\r\n#view-app,\r\n#view-rr-app {\r\n max-height: 100% !important;\r\n}\r\n.top-card {\r\n margin-top: 10px !important;\r\n}\r\n* {\r\n -webkit-touch-callout: inherit !important;\r\n -khtml-user-select: auto !important;\r\n -moz-user-select: auto !important;\r\n -ms-user-select: auto !important;\r\n user-select: auto !important;\r\n}\r\n';
const BaiduWenKu = {
init() {
addStyle$1(WenKuShieldCSS);
log.info("插入CSS规则");
addStyle$1(
/*css*/
`
/* 上面的工具栏会挡住标题栏 */
#app-pre .top-card.top-card-top{
margin-top: 56px !important;
}
`
);
Panel.execMenuOnce("baidu_wenku_block_member_picks", () => {
return this.shieldVipPicks();
});
Panel.execMenuOnce("baidu_wenku_blocking_app_featured", () => {
return this.shieldAppPicks();
});
Panel.execMenuOnce("baidu_wenku_blocking_related_documents", () => {
return this.shieldRelatedDocuments();
});
Panel.execMenuOnce("baidu_wenku_blocking_bottom_toolbar", () => {
return this.shieldBottomToolBar();
});
Panel.execMenuOnce("baidu_wenku_shield_next_btn", () => {
return this.shieldNextArticleButton();
});
Panel.execMenuOnce("baidu_wenku_blockDocumentAssistant", () => {
return this.blockDocumentAssistant();
});
},
/** 屏蔽会员精选 */
shieldVipPicks() {
log.info("屏蔽会员精选");
return CommonUtil.addBlockCSS(
'div[class*="vip-choice_"][data-ait-action="vipChoiceShow"]'
);
},
/** 屏蔽APP精选 */
shieldAppPicks() {
log.info("屏蔽APP精选");
return CommonUtil.addBlockCSS(
'div[class*="app-choice_"][data-ait-action="appChoiceNewShow"]',
"div.folder-wrap.invite-clipboard[data-clipboard-text]"
);
},
/** 屏蔽相关文档 */
shieldRelatedDocuments() {
log.info("屏蔽相关文档");
return CommonUtil.addBlockCSS(
"div.fold-page-conversion",
"div.newrecom-list.invite-clipboard[data-clipboard-text]"
);
},
/** 屏蔽底部工具栏 */
shieldBottomToolBar() {
log.info("屏蔽底部工具栏");
return CommonUtil.addBlockCSS("div.barbottom");
},
/** 屏蔽下一篇按钮 */
shieldNextArticleButton() {
log.info("屏蔽下一篇按钮");
return CommonUtil.addBlockCSS("div.next-page-container");
},
/** 【屏蔽】文档助手 */
blockDocumentAssistant() {
log.info("【屏蔽】文档助手");
return CommonUtil.addBlockCSS(".ai-chat-wrap");
}
};
const JingYanShieldCSS = ".article-feed-next,\r\n.wgt-rel-exp-feed,\r\n.article-feed-btn-fixed,\r\n.read-whole-mask.app,\r\n.asp-self-rander,\r\n.baobao-image-item,\r\n#wgt-ad-guess {\r\n display: none !important;\r\n}\r\n.exp-content-container {\r\n max-height: 100% !important;\r\n overflow: auto !important;\r\n}\r\n";
const BaiduJingYan = {
init() {
addStyle$1(JingYanShieldCSS);
log.info("插入CSS规则");
}
};
const BaiKeShieldCSS = '/* 底部的广告 */\r\n#J_yitiao_container,\r\n/* 顶部广告 */\r\n#BK_before_content_wrapper > div:has(a[onclick*="page"]) ,\r\n/* 底部的广告 */\r\n.BK-after-content-wrapper>div:has(a[onclick*="page"]) {\r\n display: none !important;\r\n}\r\n';
const BaiduBaiKe = {
init() {
addStyle$1(BaiKeShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("baidu_baike_automatically_expand_next_page", () => {
BaiduBaiKe.automaticallyExpandNextPage();
});
},
/**
* 自动展开下一页
* + window.Box
*/
automaticallyExpandNextPage() {
log.info("通过劫持window.Box自动展开下一页");
let old_Box = null;
OriginPrototype.Object.defineProperty(_unsafeWindow, "Box", {
get() {
if (old_Box == null) {
return;
}
return new Proxy(old_Box, {
get(target, prop, receiver) {
if ((prop === "isBox" || prop === "$isBox") && Panel.getValue("baidu-baike-Box-isBox")) {
return true;
}
if ((prop === "isLiteBox" || prop === "$isLiteBox") && Panel.getValue("baidu-baike-Box-isLiteBox")) {
return true;
}
if ((prop === "isInfoBox" || prop === "$isInfoBox") && Panel.getValue("baidu-baike-Box-isInfoBox")) {
return true;
}
if ((prop === "isIOS" || prop === "$isIOS") && Panel.getValue("baidu-baike-Box-isIOS")) {
return true;
}
if ((prop === "isAndroid" || prop === "$isAndroid") && Panel.getValue("baidu-baike-Box-isAndroid")) {
return true;
}
if ((prop === "isAndroid" || prop === "$isAndroid") && Panel.getValue("baidu-baike-Box-isAndroid")) {
return true;
}
if (prop === "android") {
let android = Reflect.get(target, prop, receiver);
if (android["invokeApp"] && Panel.getValue("baidu-baike-Box-android.invokeApp")) {
android["invokeApp"] = function(...args) {
log.info(["阻止调用android.invokeApp", args]);
};
}
if (android["invokeLiteApp"] && Panel.getValue("baidu-baike-Box-android.invokeLiteApp")) {
android["invokeLiteApp"] = function(...args) {
log.info(["阻止调用android.invokeLiteApp", args]);
};
}
}
if (prop === "ios") {
let ios = Reflect.get(target, prop, receiver);
if (ios["invokeLiteApp"] && Panel.getValue("baidu-baike-Box-ios.invokeApp")) {
ios["invokeLiteApp"] = function(...args) {
log.info(["阻止调用ios.invokeApp", args]);
};
}
}
return Reflect.get(target, prop, receiver);
}
});
},
set(value) {
old_Box = value;
}
});
}
};
const BaiKeTaShuoShieldCSS = "";
const BaiduBaiKeTaShuo = {
init() {
addStyle$1(BaiKeTaShuoShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("baidu_baike_tashuo_remove_bottom_ad", () => {
this.removeBottomAd();
});
},
/**
* 去除底部广告
*/
removeBottomAd() {
utils.waitNode("#index_tashuo_list").then(($tashuoList) => {
log.info("去除底部广告");
utils.mutationObserver($tashuoList, {
callback() {
Array.from($tashuoList.children).forEach((item) => {
if (item.className !== "J-hot-item-container") {
log.info("存在广告-删除！");
item.remove();
}
});
},
config: { subtree: true, childList: true, attributes: true }
});
});
}
};
const ZhiDaoShieldCSS = "/* .dec + div, */\r\n#feed-recommend,\r\n.dec,\r\n.wgt-topic-hot,\r\n#respect-footer,\r\n#wap-youx-change-asp,\r\ndiv.question-line + div:not(.replies-container),\r\n.wgt-asp-youx,\r\n.w-detail-display-btn,\r\n.ask-for-friend,\r\n#knowledge-answer-list,\r\n.go-to-ask,\r\ndiv[class*='ads'],\r\n/* 免费领票 */\r\n.doodle-container {\r\n display: none !important;\r\n}\r\n.w-detail-container {\r\n max-height: 100% !important;\r\n overflow: auto !important;\r\n}\r\n";
const BaiduZhiDao = {
init() {
addStyle$1(ZhiDaoShieldCSS);
log.info("插入CSS规则");
this.removeAd();
Panel.execMenuOnce(
"baidu_zhidao_block_recommend_more_exciting_content",
() => {
return this.blockRecommendMoreExcitingContent();
}
);
Panel.execMenuOnce("baidu_zhidao_block_other_answers", () => {
return this.blockOtherAnswers();
});
Panel.execMenuOnce("baidu_zhidao_block_related_issues", () => {
return this.blockRelatedIssues();
});
Panel.execMenuOnce("baidu_zhidao_shield_top_fixed_toolbar", () => {
return this.shieldTopFloatToolBar();
});
},
/**
* 移除广告
*/
removeAd() {
log.info("移除广告.ec-ad");
if ($(".ec-ad")) {
domUtils.remove(domUtils.parent($$(".ec-ad")));
}
},
/**
* 屏蔽顶部悬浮工具栏
*/
blockRecommendMoreExcitingContent() {
log.info("屏蔽顶部悬浮工具栏");
return CommonUtil.addBlockCSS(
".feed-recommend-title",
"#feed-recommend",
".mm-content-box.mm-content-line.feed-recommend"
);
},
/**
* 屏蔽其他回答
*/
blockOtherAnswers() {
log.info("屏蔽其他回答");
return CommonUtil.addBlockCSS(".replies-container + div");
},
/**
* 屏蔽相关问题
*/
blockRelatedIssues() {
log.info("屏蔽相关问题");
return CommonUtil.addBlockCSS(
"div[id^=wahsd]",
'div[class^="w-question-list"]'
);
},
/**
* 屏蔽顶部悬浮工具栏
*/
shieldTopFloatToolBar() {
log.info("屏蔽顶部悬浮工具栏");
return CommonUtil.addBlockCSS(
".iknow-root-dom-element .question-answer-container .question-answer-layer.fixed"
);
}
};
const FanYiShieldCSS = ".app-bar,\r\n.jifeng-container,\r\n.intro-title,\r\n.sideQrContainer,\r\n.inner.clearfix,\r\nsection.bottom-intro,\r\n#desktop-guide-wrapper {\r\n display: none !important;\r\n}\r\n.new-header-dl {\r\n visibility: hidden;\r\n}\r\n";
const BaiduFanYi = {
init() {
addStyle$1(FanYiShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("baidu_fanyi_recommended_shielding_bottom", () => {
return this.shieldRecommendBottom();
});
Panel.execMenuOnce("baidu_fanyi_other_shielding_bottom", () => {
return this.shieldBottom();
});
Panel.execMenuOnce("baidu_fanyi_auto_focus", () => {
this.autoFocus();
});
},
/**
* 屏蔽底部推荐
*/
shieldRecommendBottom() {
log.info("屏蔽底部推荐");
return CommonUtil.addBlockCSS("section.article.android-style");
},
/**
* 屏蔽底部
*/
shieldBottom() {
log.info("屏蔽底部");
return CommonUtil.addBlockCSS(".trans-other-wrap.clearfix");
},
/**
* 自动聚焦输入框
*/
autoFocus() {
utils.waitNode("textarea#j-textarea").then(($textarea) => {
log.info("自动聚焦输入框");
setTimeout(() => {
$textarea.focus();
}, 2500);
});
}
};
const FanYiAppShieldCSS = ".fanyi-invoke-btn,\r\n.top-bn {\r\n display: none !important;\r\n}\r\n";
const BaiduFanYiApp = {
init() {
addStyle$1(FanYiAppShieldCSS);
log.info("插入CSS规则");
this.repairContentHeight();
Panel.execMenuOnce("baidu_fanyi_app_shield_column_information", () => {
return this.shieldColumnInformation();
});
Panel.execMenuOnce("baidu_fanyi_app_shield_recommended_for_you", () => {
return this.shieldRecommendedForYou();
});
Panel.execMenuOnce(
"baidu_fanyi_app_shield_i_need_to_follow_along",
() => {
return this.shieldINeedToFollowAlong();
}
);
},
/**
* 修复内容高度
*/
repairContentHeight() {
utils.waitNode("#page-content").then(($pageContent) => {
log.info("修复内容高度");
$pageContent.setAttribute("style", "max-height:unset !important");
});
},
/**
* 隐藏专栏信息
*/
shieldColumnInformation() {
log.info("隐藏专栏信息");
return CommonUtil.addBlockCSS("div.fanyi-zhuan-lan-wrapper");
},
/**
* 隐藏推荐
*/
shieldRecommendedForYou() {
log.info("隐藏推荐");
return CommonUtil.addBlockCSS("#fr-section");
},
/**
* 隐藏需要跟随
*/
shieldINeedToFollowAlong() {
log.info("隐藏需要跟随");
return CommonUtil.addBlockCSS(".cover-all .daily-bottom");
}
};
const ImageShieldCSS = "#boxBanner {\r\n display: none !important;\r\n}\r\n";
const BaiduImage = {
init() {
addStyle$1(ImageShieldCSS);
log.info("插入CSS规则");
}
};
const MapShieldCSS = '.index-widget-guidebanner,\r\n.common-widget-bottom-banner-changeId,\r\n#index-areaEntry-widget,\r\ndiv.common-widget-bottom-banner-changeId,\r\n#downloadnativepopup,\r\n.xiaoduVoiceCard,\r\n.index-widget-guidebanner,\r\n#message-center-panel,\r\n.xiaoduVoice-banner.-border-round,\r\n/* 底部中间横幅-打开百度地图APP */\r\n#main div[id^="fis_elm"] .btn-banner-float {\r\n display: none !important;\r\n}\r\n';
const BaiduMapHook = {
init() {
addStyle$1(MapShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("baidu_map_hijack-element-appendChild", () => {
log.success("hook: Element.appendChild");
BaiduHook.elementAppendChild();
});
Panel.execMenuOnce("baidu_map_hijack-setTimeout", () => {
log.success("hook: window.setTimeout");
BaiduHook.setTimeout(
/goToDownloadOfAndrod|downloadAndrFromMarket|jumpToDownloadPage|jumpToMiddlePage|downloadIosPkg/
);
});
domUtils.ready(function() {
Panel.execMenuOnce("baidu_map_hijack-jQuery-append", () => {
log.success("hook: $.append");
BaiduHook.windowJQueryAppend();
});
});
}
};
const BaiduMap = {
init() {
addStyle$1(MapShieldCSS);
log.info("插入CSS规则");
BaiduMapHook.init();
}
};
const MbdShieldCSS = `div.headDeflectorContainer,\r
#bdrainrwDragButton,\r
#page_wrapper .other div[class*='undefined'],\r
#page_wrapper .other > div[class=""],\r
/* 底部按钮-百度APP内播放 */\r
div.common-wrap.single-pd,\r
/* 顶部横幅-APP内播放 */\r
div#app div.guid-new,\r
/* 顶部横幅-APP内阅读 */\r
#headDeflectorContainer,\r
/* 底部 打开百度APP，阅读体验更佳 */\r
#page_wrapper div[class^="foldMaskWrapper-"],\r
/* 打开百度APP，阅读完整内容 */\r
#content_wrapper .foldMaskWrapper,\r
/* 影响定位元素的遮罩层 */\r
#page_wrapper .bdboxshare>div:first-child,\r
/* 来百度APP畅享高清图片 */\r
.contentMedia .openImg,\r
/* 精彩推荐右边的 打开APP看更多精彩推荐 */\r
div[class*="relateTitle"] span[class*="subTitle"],\r
/* 会自动在上面弹出的【百度热榜】 */\r
#page_wrapper div:has(>div[class*="leftbox"]),\r
/* dtlandingwise 右上角 App内打开 */\r
.fusionWrapper > [class^="fusionTopGuid_"] > [class^="button_"],\r
/* dtlandingwise 底部 精彩推荐 右边的 打开APP看更多精彩推荐 */\r
.fusionWrapper [class^="recoConatainer_"] > [class^="titleBar_"] [class^="right_"] > span:first-child,\r
/* landingsuper 文章内容的展开的蒙板 */\r
#mainContentContainer .oPadding {\r
display: none !important;\r
}\r
/* 展开阅读 */\r
#page_wrapper #dynamicItem,\r
/* 手机版-展开阅读 */\r
#mainContentContainer {\r
height: auto !important;\r
}\r
`;
const BaiduMbdHook = {
init() {
Panel.execMenu("baidu_mbd_camouflage_lite_baiduboxapp", () => {
log.info("hook: navigator.userAgent ==> lite baiduboxapp");
let oldNavigatorUserAgent = _unsafeWindow.navigator.userAgent;
OriginPrototype.Object.defineProperty(
_unsafeWindow.navigator,
"userAgent",
{
get() {
return oldNavigatorUserAgent + " lite baiduboxapp";
}
}
);
});
Panel.execMenu("baidu_mbd_hijack_wakeup", () => {
log.info("hook: Function.property.call");
BaiduHook.functionCall("map");
});
Panel.execMenu("baidu_mbd_hijack_BoxJSBefore", () => {
log.info("hook: window.BoxJSBefore");
BaiduHook.windowBoxJSBefore();
});
Panel.execMenu("baidu_mbd_hijack_iframe", () => {
log.info("hook: Element.appendChild");
BaiduHook.elementAppendChild();
});
}
};
const BaiduMbd = {
init() {
addStyle$1(MbdShieldCSS);
log.info("插入CSS规则");
BaiduMbdHook.init();
Panel.execMenuOnce("baidu_mbd_block_exciting_comments", () => {
return this.blockExcitingComments();
});
Panel.execMenuOnce("baidu_mbd_block_exciting_recommendations", () => {
return this.blockExcitingRecommendations();
});
Panel.execMenuOnce("baidu_mbd_shield_bottom_toolbar", () => {
return this.shieldBottomToolbar();
});
},
/**
* 屏蔽最热评论
*/
blockExcitingComments() {
log.info("屏蔽最热评论");
return CommonUtil.addBlockCSS(
"div#commentModule",
"#comment",
'#page_wrapper > div > div[class^="borderBottom-"]'
);
},
/**
* 屏蔽最热推荐
*
* 精彩推荐
*/
blockExcitingRecommendations() {
log.info("屏蔽最热推荐");
return [
CommonUtil.addBlockCSS(
'div[class^="relateTitle"]',
".infinite-scroll-component__outerdiv",
"div#fuseVideo + div[class]",
/* 精彩推荐的文字 */
"#content_wrapper + div + div",
/* 简单UA下精彩推荐的文字 */
"#page_wrapper .searchCraft #content_wrapper + div",
'.fusionWrapper [class^="reco_"]:has(>[class^="recoConatainer_"])'
),
CommonUtil.addBlockCSS(
/* Gecko下的简单UA下精彩推荐 */
"#page_wrapper > div > div:nth-child(6)"
)
];
},
/**
* 屏蔽底部工具栏
*/
shieldBottomToolbar() {
log.info("屏蔽底部工具栏");
return CommonUtil.addBlockCSS("div#wise-invoke-interact-bar");
}
};
const XueShieldCSS = ".sc-dkcEsn,\r\n.sc-fHSyak,\r\n.sc-gikAfH,\r\nswan-view.strategy-institution-list,\r\nswan-view.strategy-wrapper,\r\n.swan-spider-tap,\r\n.booking,\r\n.head-bar,\r\n.head-bar-placeholder {\r\n display: none !important;\r\n}\r\n.sc-cHGmPC {\r\n width: auto !important;\r\n}\r\n";
const BaiduXue = {
init() {
addStyle$1(XueShieldCSS);
log.info("插入CSS规则");
}
};
const AiQiChaShieldCSS = 'div.header-down-app,\r\ndiv.active-enter,\r\ndiv.app-enter,\r\ndiv.coupon-active,\r\ndiv.cpc-adv-container,\r\ndiv.detail-footer.detail-footer-test,\r\ndiv.index-more[data-show-id="indexMoreExposure"] {\r\n display: none !important;\r\n}\r\n.bread-crumbs.has-down,\r\n.border-bottom-line {\r\n top: 0 !important;\r\n}\r\n';
const BaiduAiQiCha = {
init() {
addStyle$1(AiQiChaShieldCSS);
log.info("插入CSS规则");
this.camouflageBottomPopup();
Panel.execMenuOnce("baidu_aiqicha_shield_carousel", () => {
return this.shieldCarousel();
});
Panel.execMenuOnce("baidu_aiqicha_shield_industry_host_news", () => {
return this.shieldIndustryHostNews();
});
},
/**
* 伪装为已经弹窗过了
*/
camouflageBottomPopup() {
log.info("伪装为已经弹窗过了");
_unsafeWindow.localStorage.setItem(
"coupon_bottom_popup",
(/* @__PURE__ */ new Date()).getTime().toString()
);
},
/**
* 屏蔽轮播图
*/
shieldCarousel() {
log.info("屏蔽轮播图");
return CommonUtil.addBlockCSS("div.index-banner-container.van-swipe");
},
/**
* 屏蔽行业热点新闻
*/
shieldIndustryHostNews() {
log.info("屏蔽行业热点新闻");
return CommonUtil.addBlockCSS(" div.hot-news");
}
};
const PosShieldCSS = "html,\r\nbody {\r\n display: none !important;\r\n}\r\n";
const BaiduPos = {
init() {
addStyle$1(PosShieldCSS);
log.info("插入CSS规则");
}
};
const BaiduHaoKanHook = {
init() {
Panel.execMenu("baidu_haokan_hijack_wakeup", () => {
log.success("hook: window.webpackJsonp");
BaiduHook.windowWebpackJsonp_haokan();
});
}
};
const HaoKanShieldCSS = "div.share-origin.wx-share-launch,\r\ndiv.open-app-top,\r\ndiv.open-app-bottom.wx-share-launch,\r\n/* 打开APP 好看更清晰(1080P) */\r\n.NewOpenApp,\r\n/* 顶部空白区域 */\r\n.placeholder,\r\n/* 底部好看视频图片 */\r\n.page-buttom,\r\n/* 暂停视频弹出来的打开百度好看视频 */\r\n.video-player-download-tips {\r\n display: none !important;\r\n}\r\n";
const BaiduHaoKan = {
init() {
addStyle$1(HaoKanShieldCSS);
log.info("插入CSS规则");
BaiduHaoKanHook.init();
Panel.execMenuOnce("baidu_haokan_shield_may_also_like", () => {
return this.shieldMayAlsoLike();
});
Panel.execMenuOnce("baidu_haokan_shield_today_s_hot_list", () => {
return this.shieldTodayHotList();
});
Panel.execMenuOnce("baidu_haokan_shield_right_video_action", () => {
return this.shieldRightVideoAction();
});
domUtils.ready(() => {
this.setPlayEvent();
});
},
/**
* 覆盖播放按钮的点击事件
*/
setPlayEvent() {
let playBtn = $(".play-btn");
let playerShade = $(".video-player-shade");
log.success("覆盖播放按钮的点击事件");
domUtils.on(
playBtn,
"click",
function(event) {
utils.preventEvent(event);
domUtils.hide(playerShade);
let currentPageSee = $(
".video-player .video-player-pause-btns .continue"
);
setTimeout(() => {
utils.getReactObj(currentPageSee)["reactEventHandlers"]?.["onClick"]();
Panel.execMenu(
"baidu_haokan_play_video_and_automatically_enter_full_screen",
() => {
if (utils.isFullscreenEnabled()) {
let videoElement = $(
"#video video.hplayer-video"
);
utils.enterFullScreen(videoElement);
}
}
);
}, 0);
},
{
capture: true
}
);
},
/**
* 屏蔽可能感兴趣
*/
shieldMayAlsoLike() {
log.info("屏蔽可能感兴趣");
return CommonUtil.addBlockCSS("div.top-video-list-container");
},
/**
* 屏蔽今日热门
*/
shieldTodayHotList() {
log.info("屏蔽今日热门");
return CommonUtil.addBlockCSS(".hot-rank-video");
},
/**
* 屏蔽右侧视频操作
*/
shieldRightVideoAction() {
log.info("屏蔽右侧视频操作");
return CommonUtil.addBlockCSS(".video-author-info-mask .new-video-action");
}
};
const BaiduGraphApi = {
/**
* 上传图片
* @param event
*/
async uploadImage(event) {
let uploadImageFile = event.target?.files?.[0];
if (!uploadImageFile) {
alert("似乎并未正确上传图片？");
return;
}
let $input = event.target;
let formData = new FormData();
formData.append("image", uploadImageFile);
formData.append("tn", "pc");
formData.append("from", "pc");
formData.append("image_source", "PC_UPLOAD_FILE");
formData.append("sdkParams", "undefined");
let postResp = await httpx.post({
url: `https://graph.baidu.com/upload?uptime=${Date.now()}`,
data: formData,
fetch: true,
responseType: "json",
headers: {
"User-Agent": utils.getRandomPCUA(),
Origin: "https://graph.baidu.com",
Referer: "https://graph.baidu.com/pcpage/index?tpl_from=pc",
Accept: "*/*"
}
});
$input.value = "";
log.success(postResp);
if (!postResp.status || postResp.data.status !== 200) {
alert("图片上传失败，详情请看控制台");
return;
}
let imageJSONData = utils.toJSON(postResp.data.responseText);
log.success(imageJSONData);
if (imageJSONData["status"] !== 0) {
alert("图片API返回信息中status不为0，详情请看控制台");
}
if (window.location.pathname === "/s") {
window.location.href = imageJSONData["data"]["url"];
} else {
window.open(imageJSONData["data"]["url"], "_blank");
}
}
};
const GraphShieldCSS = "#app section.vf-home-booth div.vf-w-button.vf-home-booth-camera,\r\n#viewport .graph-imagecut-banner-invoke,\r\n/* 往下滑动右下角的搜索图标按钮 */\r\n#app .vf-home-camera {\r\n display: none !important;\r\n}\r\n";
const BaiduGraph = {
init() {
addStyle$1(GraphShieldCSS);
log.info("插入CSS规则");
Panel.execMenu("baidu-graph-repairHomeRecognitionPicture", () => {
this.repairHomeRecognitionPicture();
});
Panel.execMenu("baidu-graph-baidu-graph-repairSearchButton", () => {
this.repairSearchButton();
});
Panel.execMenu("baidu-graph-baidu-graph-repairSearchNoResult", () => {
this.repairSearchNoResult();
});
Panel.execMenu("baidu-graph-baidu-graph-repairRetakeButton", () => {
this.repairRetakeButton();
});
domUtils.ready(() => {
this.addNewUploadImageButton();
});
},
/**
* 添加上传图片按钮（不可见的）
*/
addNewUploadImageButton() {
log.info("添加上传图片按钮（不可见的）");
let uploadImageInput = domUtils.createElement(
"input",
{
id: "whitesev-upload-image"
},
{
type: "file",
accept: "image/*",
style: "display: none"
}
);
domUtils.on(uploadImageInput, "change", BaiduGraphApi.uploadImage);
domUtils.append(document.body, uploadImageInput);
},
/**
*重构主页的识图一下
*/
repairHomeRecognitionPicture() {
utils.waitNode(
"#app section.vf-home-booth div.vf-w-button.vf-home-booth-camera"
).then(($vfHomeBoothCamera) => {
log.success("重构主页的识图一下");
let uploadImageDivDOM = domUtils.createElement("div", {
className: "vf-home-booth-camera"
});
domUtils.css(uploadImageDivDOM, {
position: "absolute",
bottom: "-.42rem",
left: "50%",
width: "2.2rem",
height: ".74rem",
"background-image": "url(https://imgn0.bdstatic.com/image/mobile/n/static/wiseik/static/img/camera_5e72a3a.png)",
"background-repeat": "no-repeat",
"background-size": "cover",
"background-position": "top",
"-webkit-transform": "translateX(-50%)",
"-ms-transform": "translateX(-50%)",
transform: "translateX(-50%)",
"-webkit-tap-highlight-color": "transparent"
});
domUtils.on(uploadImageDivDOM, "click", function() {
$("input#whitesev-upload-image").click();
});
domUtils.after($vfHomeBoothCamera, uploadImageDivDOM);
});
},
/**
* 重构主页的往下滑动右下角出现的搜索图标按钮
*/
repairSearchButton() {
utils.waitNode(".vf-home.view-page").then(($viewPage) => {
log.success("重构主页的往下滑动右下角出现的搜索图标按钮");
let divHomeCamera = domUtils.createElement("div", {
className: "whitesev-vf-home-camera"
});
domUtils.css(divHomeCamera, {
display: "none",
position: "fixed",
right: ".1rem",
bottom: ".48rem",
height: ".74rem",
width: ".74rem",
"border-radius": "3px",
background: "url(https://imgn0.bdstatic.com/image/mobile/n/static/wiseik/static/img/cameraBtn_c19ac1e.png) no-repeat 50%/100% auto",
"text-align": "center"
});
domUtils.on(divHomeCamera, "click", function() {
$("input#whitesev-upload-image").click();
});
domUtils.append($viewPage, divHomeCamera);
utils.watchObject(
$viewPage.__vue__,
"showBottomCamera",
() => {
return false;
},
(_value_) => {
if (_value_) {
domUtils.show(divHomeCamera);
} else {
domUtils.hide(divHomeCamera);
}
}
);
});
},
/**
* 如果出现识图没结果，重新识别，可能是因为后面参数多了tpl_from=pc的问题
*/
repairSearchNoResult() {
utils.waitNode("#app .graph-noresult-text1").then(() => {
log.info("判断网页参数是否包含tpl_from=pc");
if (window.location.search.endsWith("&tpl_from=pc")) {
window.location.href = window.location.href.replace(
/&tpl_from=pc$/gi,
""
);
}
});
},
/**
* 在已搜索出相关结果的界面中的重构【重拍】按钮
*/
repairRetakeButton() {
utils.waitNode("#viewport .graph-imagecut-banner-ctn").then(($imageCutBanner) => {
log.info("在已搜索出相关结果的界面中的重构【重拍】按钮");
let retakeDivDOM = domUtils.createElement("div", {
className: "retake-image",
textContent: "重拍"
});
domUtils.css(retakeDivDOM, {
position: "absolute",
top: "50%",
right: "0",
padding: "0 .17rem",
"font-size": "16px",
"line-height": "60px",
color: "#000",
"-webkit-transform": "translateY(-50%)",
transform: "translateY(-50%)"
});
domUtils.on(retakeDivDOM, "click", function(event) {
utils.preventEvent(event);
$("input#whitesev-upload-image").click();
domUtils.trigger(
$("input#whitesev-upload-image"),
"click"
);
});
setTimeout(() => {
domUtils.append($imageCutBanner, retakeDivDOM);
}, 2e3);
});
}
};
const PanShieldCSS = "/* 失败页底部广告推荐 */\r\ndiv.share-error-ad,\r\n/* 左侧导航栏底部下载百度网盘APP横栏 */\r\n#app div.download-app,\r\n/* 失败页-小飞机送惊喜 */\r\ndiv.errorWrap div.share-plane,\r\n/* 保存到网盘右上角的领红包图标 */\r\nimg.sharelist-savebutton-hb-tip {\r\n display: none !important;\r\n}\r\n";
const BaiduPan = {
init() {
addStyle$1(PanShieldCSS);
log.info("插入CSS规则");
}
};
const YiYanShieldCSS = "";
const ReactUtils = {
/**
* 等待react某个属性并进行设置
* @param $el 需要检测的元素对象
* @param reactPropNameOrNameList react属性的名称
* @param checkOption 检测的配置项
*/
async waitReactPropsToSet($el, reactPropNameOrNameList, checkOption) {
if (!Array.isArray(reactPropNameOrNameList)) {
reactPropNameOrNameList = [reactPropNameOrNameList];
}
if (!Array.isArray(checkOption)) {
checkOption = [checkOption];
}
function getTarget() {
let __target__ = null;
if (typeof $el === "string") {
__target__ = domUtils.selector($el);
} else if (typeof $el === "function") {
__target__ = $el();
} else if ($el instanceof HTMLElement) {
__target__ = $el;
}
return __target__;
}
if (typeof $el === "string") {
let $ele = await utils.waitNode($el, 1e4);
if (!$ele) {
return;
}
}
checkOption.forEach((needSetOption) => {
if (typeof needSetOption.msg === "string") {
log.info(needSetOption.msg);
}
function checkTarget() {
let $targetEl = getTarget();
if ($targetEl == null) {
return {
status: false,
isTimeout: true,
inst: null,
$el: $targetEl
};
}
let reactInst = utils.getReactObj($targetEl);
if (reactInst == null) {
return {
status: false,
isTimeout: false,
inst: null,
$el: $targetEl
};
}
let findPropNameIndex = Array.from(reactPropNameOrNameList).findIndex(
(__propName__) => {
let reactPropInst2 = reactInst[__propName__];
if (!reactPropInst2) {
return false;
}
let checkResult = needSetOption.check(reactPropInst2, $targetEl);
checkResult = Boolean(checkResult);
return checkResult;
}
);
let reactPropName = reactPropNameOrNameList[findPropNameIndex];
let reactPropInst = reactInst[reactPropName];
return {
status: findPropNameIndex !== -1,
isTimeout: false,
inst: reactPropInst,
$el: $targetEl
};
}
utils.waitPropertyByInterval(
() => {
return getTarget();
},
() => checkTarget().status,
250,
1e4
).then(() => {
let checkTargetResult = checkTarget();
if (checkTargetResult.status) {
let reactInst = checkTargetResult.inst;
needSetOption.set(reactInst, checkTargetResult.$el);
} else {
if (typeof needSetOption.failWait === "function") {
needSetOption.failWait(checkTargetResult.isTimeout);
}
}
});
});
}
};
const BaiduYiYan = {
init() {
addStyle$1(YiYanShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("baidu_yiyan_remove_ai_mask", () => {
this.blockWaterMark();
});
Panel.execMenu("baidu_yiyan-execByUrlSearchParams", () => {
this.execByUrlSearchParams();
});
},
/**
* 通过处理attachShadow和appendChild原型来去除水印
* 屏蔽 AI生成内容仅供参考
* 屏蔽 AI作图
*/
blockWaterMark() {
log.info("hook: Element.attachShadow");
let oldShadow = _unsafeWindow.Element.prototype.attachShadow;
_unsafeWindow.Element.prototype.attachShadow = function(...args) {
const shadowRoot = oldShadow.call(this, ...args);
this._shadowRoot = shadowRoot;
shadowRoot.appendChild(
domUtils.createElement(
"style",
"div[id^='mask']{display: none !important;}"
)
);
return shadowRoot;
};
log.success("hook: Element.appendChild");
let oldAppendChild = _unsafeWindow.Element.prototype.appendChild;
_unsafeWindow.Element.prototype.appendChild = function(element) {
if (element.localName === "img") {
setTimeout(() => {
document.querySelectorAll("img").forEach((imageElement) => {
if (imageElement.src.endsWith("style/wm_ai")) {
imageElement.src = imageElement.src.replace(
/style\/wm_ai$/gi,
""
);
}
});
}, 150);
}
return oldAppendChild.call(this, element);
};
},
/**
* 提供对外的搜索链接
*
* 判断方式为location.search中包含查询关键字gmsearch
*/
execByUrlSearchParams() {
let searchParams = new URLSearchParams(window.location.search);
const KEY_searchText = "gmsearch";
const KEY_decodeSearchText = "gmdecode";
if (!searchParams.has(KEY_searchText)) {
return;
}
let searchText = searchParams.get(KEY_searchText);
let decodeSearchText = searchParams.get(KEY_decodeSearchText);
if (decodeSearchText) {
searchText = decodeURIComponent(searchText);
}
log.info("存在搜索接口，查询内容：" + searchText);
let $loading = Qmsg.loading("等待编辑框加载完成...", {
showClose: true
});
ReactUtils.waitReactPropsToSet("#dialogueFooter", "reactProps", {
msg: "等待元素#dialogueFooter",
check(reactInstance) {
return typeof reactInstance?.children?.props?.setText === "function";
},
set(reactInstance) {
$loading.close();
let props = reactInstance.children.props;
let setText = props.setText;
let isLogin = props.userInfo.isLogin;
setText(searchText);
if (!isLogin) {
log.error("先登录才可以提问");
Qmsg.error("先登录才可以提问");
return;
}
let current = props.areaRef.current;
if (current instanceof HTMLElement) {
ReactUtils.waitReactPropsToSet(current, "reactProps", {
msg: "等待提问按钮元素",
check(reactInstance2) {
return typeof reactInstance2?.children?.[3]?.props?.onClick === "function";
},
set(reactInstance2) {
let onClick = reactInstance2.children[3].props.onClick;
onClick({ type: 10 });
log.success(`点击提问按钮`);
}
});
}
},
failWait(isTimeout) {
$loading.close();
}
});
ReactUtils.waitReactPropsToSet("#eb_model_footer", "reactProps", {
msg: "等待元素#eb_model_footer",
check(reactInstance) {
return typeof reactInstance?.children?.[2]?.props?.children?.[2]?.props?.children?.[0]?.props?.setText === "function";
},
set(reactInstance) {
$loading.close();
let props = reactInstance?.children?.[2]?.props?.children?.[2]?.props?.children?.[0]?.props;
let setText = props.setText;
let isLogin = props.userInfo.isLogin;
setText(searchText);
if (!isLogin) {
log.error("先登录才可以提问");
Qmsg.error("先登录才可以提问");
return;
}
let $sendBtn = $(
`#eb_model_footer div:has(+footer) span:has(svg[preserveAspectRatio])`
);
if ($sendBtn) {
$sendBtn.click();
} else {
log.error("未找到发送按钮");
}
},
failWait(isTimeout) {
$loading.close();
}
});
}
};
const ChatShieldCSS = "";
const BaiduChat = {
init() {
addStyle$1(ChatShieldCSS);
log.info("插入CSS规则");
domUtils.ready(() => {
Panel.execMenuOnce("baidu_chat_remove_ai_mask", () => {
this.removeAiMask();
});
});
},
/**
* 去除AI的遮罩
*/
removeAiMask() {
log.info("去除AI的遮罩");
CommonUtil.addBlockCSS(
".bot-body .watermark",
'#searchChatApp div[class^="watermark"]'
);
let lockFunc = new utils.LockFunction(function() {
document.querySelectorAll("img[src*='style/wm_ai']").forEach((imgElement) => {
log.info("处理AI水印：" + imgElement.src);
imgElement.src = imgElement.src.replace(/style\/wm_ai/g, "");
});
}, 400);
utils.mutationObserver(document.body, {
config: { subtree: true, childList: true },
callback: lockFunc.run
});
}
};
const MiniJiaoYuShieldCSS = "";
const BaiduMiniJiaoYu = {
init() {
addStyle$1(MiniJiaoYuShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("mini_baidu_jiaoyu_shield_bottom_pull_down_menu", () => {
this.shieldBottomPullDownMenu();
});
Panel.execMenuOnce("mini_baidu_jiaoyu-blockEveryOneSearch", () => {
return this.blockEveryOneSearch();
});
},
/**
* 注入到iframe
* @param [iframeSelector="iframe.swan-web-iframe"] iframe选择器
* @param readyCallback 加载完毕的回调
*/
injectIframe(iframeSelector = "iframe.swan-web-iframe", readyCallback) {
if (!Panel.isTopWindow()) {
return;
}
domUtils.ready(() => {
utils.waitNode(iframeSelector, 1e4).then(($iframe) => {
if (!$iframe) {
return;
}
let iframe__document = $iframe.contentDocument;
let iframe__window = $iframe.contentWindow;
let iframe__globalThis = iframe__window;
let iframe__self = iframe__window;
let coreOption = {
document: iframe__document,
window: iframe__window,
globalThis: iframe__globalThis,
self: iframe__self,
top: _unsafeWindow.top
};
let iframeDOMUtils = domUtils.createDOMUtils(coreOption);
let iframeUtils = utils.createUtils(coreOption);
if (typeof readyCallback === "function") {
readyCallback({
...coreOption,
utils: iframeUtils,
DOMUtils: iframeDOMUtils
});
}
});
});
},
/**
* 【屏蔽】底部下拉菜单
*/
shieldBottomPullDownMenu() {
let hideCSS = (
/*css*/
`
#page_loft{
display: none !important;
}`
);
this.injectIframe(void 0, (iframeGlobal) => {
iframeGlobal.DOMUtils.ready(() => {
log.info("【屏蔽】底部下拉菜单");
iframeGlobal.utils.addStyle(hideCSS);
});
});
},
/**
* 【屏蔽】大家还在搜
*/
blockEveryOneSearch() {
let hideCSS = (
/*css*/
`
swan-everyone-search-box{
display: none !important;
}`
);
this.injectIframe(void 0, (iframeGlobal) => {
iframeGlobal.DOMUtils.ready(() => {
log.info("【屏蔽】大家还在搜");
iframeGlobal.utils.addStyle(hideCSS);
});
});
}
};
const EasyLearnShieldCSS = "/* 中间弹窗-限时专享福利 */\r\n#app .pre-unpaid-wrap,\r\n/* 底部工具栏上面-月考全胜 您有xx元体验卡 */\r\n.question-bottom-bar .vip-bar,\r\n/* 解析-免费查看答案及解析 */\r\n.question-analysis-new .see-more,\r\n/* 最底部-百度教育商务合作、产品代理销售或内容合作等*/\r\n.business-el-line,\r\n.business-el-line-background,\r\n/* 展开按钮 */\r\n.question-analysis-new .expand,\r\n/* 7日VIP限免 大学生免费领 */\r\n#app .bgk-question-detail .float-fixed {\r\n display: none !important;\r\n}\r\n/* 显示答案及解析 */\r\n.ques-title.analysis-title + div {\r\n display: unset !important;\r\n}\r\n.question-analysis-new .analysis-wrap,\r\n#analysis {\r\n overflow: unset !important;\r\n height: unset !important;\r\n max-height: unset !important;\r\n}\r\n/* 电脑端 */\r\n/* 中间弹窗-限时专享福利 */\r\n.kaixue-dialog-mask,\r\n/* 解析-免费查看答案及解析 */\r\n.question-cont .mask,\r\n/* 底部-横幅畅享百万解题视频、 千万整本试题解析VIP全场免费下 */\r\n.vip-banner-cont {\r\n display: none !important;\r\n}\r\n";
const BaiduEasyLearn = {
init() {
addStyle$1(EasyLearnShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("baidu_easylearn_shield_this_question_paper", () => {
return this.shieldQuestionPaper();
});
Panel.execMenuOnce(
"baidu_easylearn_shield_good_questions_in_this_volume",
() => {
return this.shieldGoodQuestionsInThisVolume();
}
);
Panel.execMenuOnce("baidu_easylearn_shield_related_test_papers", () => {
return this.shieldRelatedTestPapers();
});
Panel.execMenuOnce("baidu_easylearn_shield_video_explanation", () => {
return this.shieldVideoExplanation();
});
Panel.execMenuOnce("baidu_easylearn_shield_xueba_notes", () => {
return this.shieldXuebaNotes();
});
Panel.execMenuOnce("baidu_easylearn_shield_bottom_toolbar", () => {
return this.shieldBottomToolbar();
});
Panel.execMenuOnce(
"baidu_easylearn_unlocking_the_upper_limit_of_search_questions",
() => {
this.hijackUserSearchQuestCount();
}
);
Panel.execMenuOnce("baidu_easylearn_auto_show_answer", () => {
this.showAnswerContent();
});
domUtils.ready(() => {
Panel.execMenuOnce(
"baidu_easylearn_unlocking_top_search_input",
() => {
this.allowUserSearchInput();
}
);
});
},
/**
* 屏蔽题卷
*/
shieldQuestionPaper() {
log.info("屏蔽题卷");
return CommonUtil.addBlockCSS(
".question-shijuan-wrap",
/* PC端 */
".question-cont .timu-wrap .doc-cont-v2 .left"
);
},
/**
* 屏蔽本卷好题
*/
shieldGoodQuestionsInThisVolume() {
log.info("屏蔽本卷好题");
return CommonUtil.addBlockCSS(".exercise-questions-wrap");
},
/**
* 屏蔽本卷相关试卷
*/
shieldRelatedTestPapers() {
log.info("屏蔽本卷相关试卷");
return CommonUtil.addBlockCSS(
".related-papers-wrap",
/* PC端 */
".question-cont .timu-wrap .doc-cont-v2 .right"
);
},
/**
* 屏蔽视频解析
*/
shieldVideoExplanation() {
log.info("屏蔽视频解析");
return CommonUtil.addBlockCSS(
".video-doc-compo",
/* PC端 */
".container #questionVideo"
);
},
/**
* 屏蔽学霸
*/
shieldXuebaNotes() {
log.info("屏蔽学霸");
return CommonUtil.addBlockCSS(".note-list");
},
/**
* 屏蔽底部工具栏
*/
shieldBottomToolbar() {
log.info("屏蔽底部工具栏");
return CommonUtil.addBlockCSS(
".question-bottom-bar",
"#app .bgk-question-detail .float-btm"
);
},
/**
* 显示答案内容
*/
showAnswerContent() {
utils.waitNode("div.question-swiper").then(async ($questionSwiper) => {
log.info("显示答案内容");
await utils.waitVueByInterval(
$questionSwiper,
function(vueObj2) {
return "$watch" in vueObj2;
},
100,
1e4
);
let vueObj = VueUtils.getVue($questionSwiper);
if (!vueObj) {
log.error("获取vue属性失败 => div.question-swiper");
return;
}
vueObj.$watch(
["isShowAnswer", "isShowAnswerContent"],
function(newVal, oldVal) {
log.success("显示答案");
this.isShowAnswer = true;
this.isShowAnswerContent = true;
},
{
deep: true,
immediate: true
}
);
vueObj.$parent.$watch(
"isOnAlternativeDialog",
function(newVal, oldVal) {
log.success("禁止显示弹窗");
this.isOnAlternativeDialog = false;
},
{
deep: true,
immediate: true
}
);
vueObj.$parent.$watch(
"userChangeQuestionCount",
function() {
log.success("滑动改变题目");
vueObj.isShowAnswer = true;
vueObj.isShowAnswerContent = true;
},
{
deep: true,
immediate: true
}
);
vueObj.$parent.openBgkApp = function(...args) {
log.success(["openBgkApp：阻止调用App Scheme", args]);
};
vueObj.openApp = function(...args) {
log.success(["openApp：阻止调用App Scheme", args]);
};
vueObj.$parent.goToApp = function(...args) {
log.success(["goToApp：阻止调用App Scheme", args]);
};
});
},
/**
* 劫持-今日搜题次数已达上限
*/
hijackUserSearchQuestCount() {
log.info("移除-【今日搜题次数已达上限】的本次存储的记录");
_unsafeWindow.localStorage.removeItem("user_search_quest_count");
},
/**
* 允许使用顶部的输入框
*/
allowUserSearchInput() {
utils.waitNode(
".search-input .search-box-wrap.search-box",
1e4
).then(async ($searchBox) => {
if (!$searchBox) {
log.error("元素.search-input .search-box-wrap.search-box未出现");
return;
}
log.success("允许使用顶部的输入框");
await utils.waitVueByInterval(
$searchBox,
function(vueObj2) {
return "$watch" in vueObj2;
},
250,
1e4
);
let vueObj = VueUtils.getVue($searchBox);
if (vueObj == null) {
log.error(
"获取vue属性失败 => .search-input .search-box-wrap.search-box"
);
return;
}
vueObj.$watch(
"isFake",
function(newVal, oldVal) {
log.success("允许使用顶部搜索输入框");
this.isFake = false;
},
{
deep: true,
immediate: true
}
);
});
}
};
const AiStudyShieldCSS = "";
const BaiduAiStudy = {
init() {
addStyle$1(AiStudyShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce("baidu_ai_study_shieldBottomToolBar", () => {
return this.shieldBottomToolBar();
});
Panel.execMenuOnce("baidu_ai_study_autoExpandFullText", () => {
return this.autoExpandFullText();
});
},
/**
* 屏蔽底部工具栏
*/
shieldBottomToolBar() {
log.info("屏蔽底部工具栏");
return CommonUtil.addBlockCSS(".gt-edu-h5-c-article-bottom");
},
/**
* 自动展开全文
*/
autoExpandFullText() {
log.info("自动展开全文");
return [
CommonUtil.addBlockCSS(
".gt-edu-h5-c-article-content .content-wrapper .detail-wrapper .unfold-wrapper"
),
addStyle$1(
/*css*/
`
.gt-edu-h5-c-article-content .content-wrapper .detail-wrapper{
max-height: unset !important;
}
`
)
];
}
};
const ISiteShieldCSS = "/* 底部推荐广告项 */\r\n.gt-local-h5-advert-card-root-container {\r\n display: none !important;\r\n}\r\n";
const BaiduISite = {
init() {
addStyle$1(ISiteShieldCSS);
log.info("插入CSS规则");
Panel.execMenuOnce(
"baidu_isite_wjz2tdly_shieldBottomBarRootContainer",
() => {
return this.shieldBottomBarRootContainer();
}
);
Panel.execMenuOnce(
"baidu_isite_wjz2tdly_shieldRightSeeMoreToolBar",
() => {
return this.shieldRightSeeMoreToolBar();
}
);
Panel.execMenuOnce("baidu_isite_wjz2tdly_shieldArticleBottom", () => {
return this.shieldArticleBottom();
});
Panel.execMenuOnce("baidu_isite_wjz2tdly_autoExpandFullText", () => {
return this.autoExpandFullText();
});
},
/**
* 屏蔽底部免费在线咨询
*/
shieldBottomBarRootContainer() {
log.info("屏蔽底部免费在线咨询");
return CommonUtil.addBlockCSS(
".gt-local-h5-article-bottom-bar-root-container"
);
},
/**
* 屏蔽右侧悬浮按钮-查看更多
*/
shieldRightSeeMoreToolBar() {
log.info("屏蔽右侧悬浮按钮-查看更多");
return CommonUtil.addBlockCSS(".icon-article-list.icon-article-list-exp");
},
/**
* 屏蔽底部-大家还在看
*/
shieldArticleBottom() {
log.info("屏蔽底部-大家还在看");
return CommonUtil.addBlockCSS(".article-bottom");
},
/**
* 自动展开全文
*/
autoExpandFullText() {
log.info("自动展开全文");
return [
CommonUtil.addBlockCSS(
/* 点击查看全文按钮 */
".fold-wrapper"
),
addStyle$1(
/*css*/
`
.gt-local-h5-article-detail-article-fold-exp{
max-height: unset !important;
}
`
)
];
}
};
const blockCSS = "/* 底部 继续访问 百度贴吧|手机百度 */\r\nswan-slient-wake-popup,\r\n/* 帖子内底部的推荐帖子 */\r\nswan-recommend-list {\r\n display: none !important;\r\n}\r\n";
const SmartAppsTieba = {
init() {
Panel.onceExec("smartapps-tieba-blockAds", () => {
return this.removeAds();
});
},
/**
* 屏蔽广告
*/
removeAds() {
log.info(`屏蔽广告`);
let result = [addStyle$1(blockCSS)];
let selectorList = [
"swan-wake-app:has(swan-view):contains('App内看更多评论')",
"swan-wake-app:has(swan-view):contains('App内查看')",
"swan-wake-app:has(swan-view):contains('来贴吧参与讨论')",
"swan-wake-app:has(swan-view):contains('打开App查看高清大图')"
];
let lockFn = new utils.LockFunction(() => {
selectorList.forEach((selector) => {
DOMUtils.selectorAll(selector).forEach(($el) => {
$el.remove();
});
});
});
utils.mutationObserver(document, {
config: {
subtree: true,
childList: true
},
immediate: true,
callback: () => {
lockFn.run();
}
});
return result;
}
};
const Baidu = {
init() {
if (BaiduRouter.isSearch()) {
log.success("Router: 百度搜索");
BaiduSearch.init();
if (BaiduRouter.isSearchHome()) {
log.success("Router: 百度搜索-主页");
BaiduSearchHome.init();
}
} else if (BaiduRouter.isBaiJiaHao()) {
log.success("Router: 百家号");
BaiduBaiJiaHao.init();
} else if (BaiduRouter.isTieBa()) {
log.success("Router: 贴吧");
BaiduTieBa.init();
} else if (BaiduRouter.isWenKu()) {
log.success("Router: 百度文库");
BaiduWenKu.init();
} else if (BaiduRouter.isJingYan()) {
log.success("Router: 百度经验");
BaiduJingYan.init();
} else if (BaiduRouter.isBaiKe()) {
log.success("Router: 百度百科");
BaiduBaiKe.init();
if (BaiduRouter.isBaiKeTaShuo()) {
log.success("Router: 百度百科-他说");
BaiduBaiKeTaShuo.init();
}
} else if (BaiduRouter.isZhiDao()) {
log.success("Router: 百度知道");
BaiduZhiDao.init();
} else if (BaiduRouter.isFanYi()) {
log.success("Router: 百度翻译");
BaiduFanYi.init();
} else if (BaiduRouter.isFanYiApp()) {
log.success("Router: 百度翻译-App");
BaiduFanYiApp.init();
} else if (BaiduRouter.isImage()) {
log.success("Router: 百度图片");
BaiduImage.init();
} else if (BaiduRouter.isMap()) {
log.success("Router: 百度地图");
BaiduMap.init();
} else if (BaiduRouter.isMbd()) {
log.success("Router: mbd");
BaiduMbd.init();
} else if (BaiduRouter.isXue()) {
log.success("Router: 百度好学");
BaiduXue.init();
} else if (BaiduRouter.isAiQiCha()) {
log.success("Router: 百度爱企查");
BaiduAiQiCha.init();
} else if (BaiduRouter.isPos()) {
log.success("Router: 网盟");
BaiduPos.init();
} else if (BaiduRouter.isHaoKan()) {
log.success("Router: 好看视频");
BaiduHaoKan.init();
} else if (BaiduRouter.isGraph()) {
log.success("Router: 百度识图");
BaiduGraph.init();
} else if (BaiduRouter.isPan()) {
log.success("Router: 百度网盘");
BaiduPan.init();
} else if (BaiduRouter.isYiYan()) {
log.success("Router: 文心一言");
BaiduYiYan.init();
} else if (BaiduRouter.isChat()) {
log.success("Router: chat");
BaiduChat.init();
} else if (BaiduRouter.isMiniJiaoYu()) {
log.success("Router: 小程序-百度教育");
BaiduMiniJiaoYu.init();
} else if (BaiduRouter.isEasyLearn()) {
log.success("Router: 百度教育");
BaiduEasyLearn.init();
} else if (BaiduRouter.isAiStudy()) {
log.success("Router: 百度爱学");
BaiduAiStudy.init();
} else if (BaiduRouter.isISite()) {
log.success("Router: 百度基木鱼");
BaiduISite.init();
} else if (BaiduRouter.isSmartApps_Tieba()) {
log.success(`Router: 小程序 - 百度贴吧`);
SmartAppsTieba.init();
} else {
log.error("该Router暂未适配，请联系开发者：" + window.location.href);
}
}
};
const UISelect = function(text, key, defaultValue, data, changeCallback, description) {
let selectData = [];
if (typeof data === "function") {
selectData = data();
} else {
selectData = data;
}
let result = {
text,
type: "select",
description,
attributes: {},
props: {},
getValue() {
let storageApiValue = this.props[PROPS_STORAGE_API];
return storageApiValue.get(key, defaultValue);
},
callback(event, isSelectedValue, isSelectedText) {
let value = isSelectedValue;
log.info(`选择：${isSelectedText}`);
if (typeof changeCallback === "function") {
let result2 = changeCallback(event, value, isSelectedText);
if (result2) {
return;
}
}
let storageApiValue = this.props[PROPS_STORAGE_API];
storageApiValue.set(key, value);
},
data: selectData
};
Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
PanelComponents.initComponentsStorageApi(
"select",
result,
{
get(key2, defaultValue2) {
return Panel.getValue(key2, defaultValue2);
},
set(key2, value) {
Panel.setValue(key2, value);
}
}
);
return result;
};
const PanelCommonSettingUI = {
id: "baidu-panel-config-common",
title: "通用",
forms: [
{
text: "",
type: "forms",
forms: [
{
text: "Toast配置",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISelect(
"Toast位置",
"qmsg-config-position",
"bottom",
[
{
value: "topleft",
text: "左上角"
},
{
value: "top",
text: "顶部"
},
{
value: "topright",
text: "右上角"
},
{
value: "left",
text: "左边"
},
{
value: "center",
text: "中间"
},
{
value: "right",
text: "右边"
},
{
value: "bottomleft",
text: "左下角"
},
{
value: "bottom",
text: "底部"
},
{
value: "bottomright",
text: "右下角"
}
],
(event, isSelectValue, isSelectText) => {
log.info("设置当前Qmsg弹出位置" + isSelectText);
},
"Toast显示在页面九宫格的位置"
),
UISelect(
"最多显示的数量",
"qmsg-config-maxnums",
3,
[
{
value: 1,
text: "1"
},
{
value: 2,
text: "2"
},
{
value: 3,
text: "3"
},
{
value: 4,
text: "4"
},
{
value: 5,
text: "5"
}
],
void 0,
"限制Toast显示的数量"
),
UISwitch(
"逆序弹出",
"qmsg-config-showreverse",
false,
void 0,
"修改Toast弹出的顺序"
)
]
}
]
},
{
text: "Cookie配置",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"启用",
"httpx-use-cookie-enable",
false,
void 0,
"启用后，将根据下面的配置进行添加cookie"
),
UISwitch(
"使用document.cookie",
"httpx-use-document-cookie",
false,
void 0,
"自动根据请求的域名来获取对应的cookie"
),
UITextArea(
"tieba.baidu.com",
"httpx-cookie-tieba.baidu.com",
"",
void 0,
void 0,
"Cookie格式：xxx=xxxx;xxx=xxxx"
)
]
}
]
}
]
}
]
};
const PanelSearchSettingUI = {
id: "baidu-panel-config-search",
title: "搜索",
headerTitle: "百度搜索<br />m.baidu.com<br />www.baidu.com",
isDefault() {
return BaiduRouter.isSearch() || BaiduRouter.isSearchHome() || BaiduRouter.isSearchBh();
},
forms: [
{
text: "",
type: "forms",
forms: [
{
text: "主页",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"精简主页",
"baidu_search_home_homepage_minification",
true
)
]
}
]
},
{
text: "百度健康",
type: "deepMenu",
headerTitle: "百度健康（/bh）",
forms: [
{
text: "百度健康(快速问医生)",
type: "forms",
forms: [
UISwitch(
"【屏蔽】底部其它信息",
"baidu_search_headlth_shield_other_info",
true
),
UISwitch(
"【屏蔽】底部工具栏",
"baidu_search_headlth_shield_bottom_toolbar",
true
)
]
}
]
},
{
text: "视频页",
type: "deepMenu",
forms: [
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"自动跳转至原网页",
"baidu-search-video-autoJumpToOriginUrl",
false,
void 0,
"自动点击【原网页】进行跳转"
)
]
},
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch(
"【屏蔽】底部推荐视频",
"baidu-search-video-blockBottomRecommendVideo",
false,
void 0,
"屏蔽元素"
)
]
}
]
}
]
},
{
text: "",
type: "forms",
forms: [
{
text: "图片",
type: "deepMenu",
forms: [
{
text: "Vue属性",
type: "forms",
forms: [
UISwitch(
"isBaiduBox",
"baidu_search_vsearch-isBaiduBox",
true,
void 0,
""
)
]
}
]
}
// {
// text: "问答",
// type: "deepMenu",
// forms: [
// {
// text: "",
// type: "forms",
// forms: [],
// },
// ],
// },
// {
// text: "笔记",
// type: "deepMenu",
// forms: [
// {
// text: "",
// type: "forms",
// forms: [],
// },
// ],
// },
]
},
{
text: "",
type: "forms",
forms: [
{
text: "功能",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"禁止自动播放视频",
"baidu-search-blockAutomaticVideoPlayback",
false,
void 0,
"移除video-player元素，可能会导致某些第一个结果是智能卡片时，点击更多按钮无反应(webview/Safari)"
),
UISwitch(
"处理搜索结果",
"baidu_search_handle_search_result",
true,
void 0,
"将百度重定向链接替换为真实地址(存在就替换，不存在的话保持原样)"
),
UISwitch(
"重定向顶部的链接",
"baidu_search_redirect_top_link",
true,
void 0,
"如全部、视频、图片、贴吧、咨询..."
),
UISwitch(
"重构百度搜索",
"baidu_search_refactoring_input_boxes",
true,
void 0,
"重构顶部的输入框、百度一下按钮、搜索建议框，可不出现百度App提示"
),
UISwitch(
"自动点击翻页 => SearchCraft",
"baidu_search_automatically_click_on_the_next_page_with_searchcraft_ua",
false,
function(event, enable) {
if (enable && Panel.getValue(
"baidu_search_automatically_expand_next_page"
)) {
let $click = event.target;
let $shadowRoot = $click.getRootNode();
let $checkbox = $shadowRoot.querySelector(
`li[${ATTRIBUTE_KEY}="baidu_search_automatically_expand_next_page"] span.pops-panel-switch__core`
);
if (!$checkbox) {
throw new Error("未找到互斥元素");
}
$checkbox.click();
}
},
"userAgent包含SearchCraft时生效，与↓【自动翻页】功能冲突"
),
UISwitch(
"自动翻页",
"baidu_search_automatically_expand_next_page",
true,
function(event, enable) {
if (enable && Panel.getValue(
"baidu_search_automatically_click_on_the_next_page_with_searchcraft_ua"
)) {
let $click = event.target;
let $shadowRoot = $click.getRootNode();
let $checkbox = $shadowRoot.querySelector(
`li[${ATTRIBUTE_KEY}="baidu_search_automatically_click_on_the_next_page_with_searchcraft_ua"] span.pops-panel-switch__core`
);
if (!$checkbox) {
throw new Error("未找到互斥元素");
}
$checkbox.click();
}
},
"与上面的【自动点击翻页】冲突"
),
UISwitch(
"同步地址",
"baidu_search_sync_next_page_address",
false,
function(event, enable) {
if (enable) {
alert(
"开启后，且开启【自动翻页】，当自动加载到第N页时，浏览器地址也会跟随改变，刷新网页就是当前加载的第N页"
);
}
},
"需启用【自动翻页】，浏览器地址栏会自动同步当前页面的Url"
),
UISwitch(
"【优化】大家还在搜",
"baidu_search_refactor_everyone_is_still_searching",
true,
void 0,
"正确新标签页打开，避免跳转至App下载页面"
),
UISwitch(
"新标签页打开",
"baidu_search_hijack__onClick_to_blank",
false,
void 0,
"需开启【劫持-_onClick函数】和【处理搜索结果】且能成功劫持到该函数才会生效，否则是提取article的URL链接信息跳转"
)
]
},
{
text: "全局悬浮搜索按钮",
type: "forms",
forms: [
UISwitch(
"启用",
"baidu-search-global-searchToolBar",
false,
void 0,
"开启后将在页面右下角添加搜索按钮用于搜索"
),
UISwitch(
"手势返回关闭搜索框",
"baidu-search-global-searchToolBar-gesture-back",
true,
void 0,
"让网页后退触发关闭搜索建议框"
)
]
}
]
},
{
text: "屏蔽",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"【屏蔽】大家还在搜",
"baidu_search_blocking_everyone_is_still_searching",
true,
void 0,
"用于补充下面自定义拦截规则的默认配置的【大家还在搜】"
),
UISwitch(
"【屏蔽】精选笔记",
"baidu-search-blockNoteLead",
false,
void 0,
"屏蔽 精选笔记 搜素结果"
)
]
}
]
},
{
text: "劫持/拦截",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"劫持-复制",
"baidu_search_hijack_copy",
true,
void 0,
"阻止百度复制xxx到剪贴板"
),
UISwitch(
"劫持-Scheme唤醒App",
"baidu_search_hijack_scheme",
true,
void 0,
"阻止唤醒调用App"
),
UISwitch(
"劫持-OpenBox函数",
"baidu_search_hijack_openbox",
true,
void 0,
"优化搜索结果跳转"
),
UISwitch(
"劫持-_onClick函数",
"baidu_search_hijack__onClick",
true,
void 0,
"优化搜索结果跳转"
),
UISwitch(
"劫持-setTimeout",
"baidu_search_hijack_setTimeout",
true,
void 0,
"可阻止获取定位、视频播放"
)
]
}
]
},
{
text: "自定义拦截规则",
type: "deepMenu",
forms: [
{
text: "<a href='https://greasyfork.dpdns.org/zh-CN/scripts/418349-%E7%A7%BB%E5%8A%A8%E7%AB%AF-%E7%99%BE%E5%BA%A6%E7%B3%BB%E4%BC%98%E5%8C%96#:~:text=%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89%E7%99%BE%E5%BA%A6%E6%90%9C%E7%B4%A2%E6%8B%A6%E6%88%AA%E8%A7%84%E5%88%99' target='_blank'>查看规则文档</><br><a href='javascript:;' class='baidu-search-shield-css-reset'>点击重置</a>",
type: "forms",
forms: [
UISwitch(
"启用默认拦截规则",
"baidu-search-enable-default-interception-rules",
true,
void 0,
"默认拦截规则"
),
{
type: "own",
afterAddToUListCallBack(formConfig, rightContainerOptions) {
let $searchShield = rightContainerOptions?.formHeaderDivElement?.querySelector(
"a.baidu-search-shield-css-reset"
);
domUtils.on($searchShield, "click", void 0, () => {
BaiduSearchBlockRule.clearLocalRule();
let $textArea = rightContainerOptions.ulElement.querySelector(
"textarea"
);
$textArea.value = "";
Qmsg.success("已重置");
});
},
getLiElementCallBack(liElement) {
let $textAreaContainer = domUtils.createElement("div", {
className: "pops-panel-textarea baidu-search-interception-rule",
innerHTML: `
<style>
.baidu-search-interception-rule{
width: 100%;
}
.baidu-search-interception-rule textarea{
min-height: 3.6rem;
white-space: pre;
border-radius: 0 !important;
}
</style>
<textarea></textarea>
`
});
let $textArea = $textAreaContainer.querySelector(
"textarea"
);
let customRule = BaiduSearchBlockRule.getLocalRule();
$textArea.value = customRule;
liElement.appendChild($textAreaContainer);
domUtils.on(
$textArea,
["input", "propertychange"],
void 0,
utils.debounce(function() {
BaiduSearchBlockRule.setLocalRule($textArea.value);
}, 100)
);
return liElement;
}
}
]
}
]
},
{
text: "自定义样式",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
{
type: "own",
getLiElementCallBack(liElement) {
let $textAreaContainer = domUtils.createElement("div", {
className: "pops-panel-textarea baidu-search-user-style",
innerHTML: `
<style>
.baidu-search-user-style{
width: 100%;
}
.baidu-search-user-style textarea{
min-height: 3.6rem;
white-space: pre;
border-radius: 0 !important;
}
</style>
<textarea></textarea>
`
});
let $textArea = $textAreaContainer.querySelector(
"textarea"
);
$textArea.value = Panel.getValue(
"baidu-search-user-style",
""
);
liElement.appendChild($textAreaContainer);
domUtils.on(
$textArea,
["input", "propertychange"],
void 0,
utils.debounce(function() {
Panel.setValue(
"baidu-search-user-style",
$textArea.value
);
}, 100)
);
return liElement;
}
}
]
}
]
}
]
}
]
};
const PanelBaiJiaHaoSettingUI = {
id: "baidu-panel-config-baijiahao",
title: "百家号",
headerTitle: "百家号<br />baijiahao.baidu.com<br />mbd.baidu.com",
isDefault() {
return BaiduRouter.isBaiJiaHao() || BaiduRouter.isMbd();
},
scrollToDefaultView: true,
forms: [
{
text: "",
type: "forms",
forms: [
{
text: "百家号",
description: "baijiahao.baidu.com",
type: "deepMenu",
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch(
"【屏蔽】推荐文章",
"baijiahao_shield_recommended_article",
true
),
UISwitch(
"【屏蔽】用户评论",
"baijiahao_shield_user_comment",
false
),
UISwitch(
"【屏蔽】底部悬浮工具栏",
"baijiahao_shield_user_comment_input_box",
false
)
]
},
{
text: "劫持/拦截",
type: "forms",
forms: [
UISwitch(
"劫持-唤醒App",
"baijiahao_hijack_wakeup",
true,
void 0,
"阻止唤醒调用App"
),
UISwitch(
"劫持-iframe唤醒App",
"baidu_baijiahao_hijack_iframe",
true,
void 0,
"阻止唤醒调用App"
),
UISwitch(
"劫持-OpenBox函数",
"baidu_baijiahao_hijack_openbox",
true
),
UISwitch(
"劫持-openContentBox函数",
"baidu_baijiahao_hijack_openContentBox",
true
)
]
}
]
},
{
text: "百家号",
type: "deepMenu",
description: "mbd.baidu.com",
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch(
"【屏蔽】精彩评论",
"baidu_mbd_block_exciting_comments",
false
),
UISwitch(
"【屏蔽】精彩推荐",
"baidu_mbd_block_exciting_recommendations",
false
),
UISwitch(
"【屏蔽】底部工具栏",
"baidu_mbd_shield_bottom_toolbar",
false
)
]
},
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"伪装成lite baiduboxapp",
"baidu_mbd_camouflage_lite_baiduboxapp",
true,
void 0,
"可以优化浏览体验"
)
]
},
{
text: "劫持/拦截",
type: "forms",
forms: [
UISwitch(
"拦截-唤醒App",
"baidu_mbd_hijack_wakeup",
true,
void 0,
"阻止唤醒调用App"
),
UISwitch(
"拦截-iframe唤醒App",
"baidu_mbd_hijack_iframe",
true,
void 0,
"阻止唤醒调用App"
),
UISwitch(
"劫持-BoxJSBefore函数",
"baidu_mbd_hijack_BoxJSBefore",
true,
void 0,
"阻止唤醒调用App"
)
]
}
]
}
]
}
]
};
const UIButton = function(text, description, buttonText, buttonIcon, buttonIsRightIcon, buttonIconIsLoading, buttonType, clickCallBack, afterAddToUListCallBack, disable) {
let result = {
text,
type: "button",
attributes: {},
props: {},
description,
buttonIcon,
buttonIsRightIcon,
buttonIconIsLoading,
buttonType,
buttonText,
callback(event) {
if (typeof clickCallBack === "function") {
clickCallBack(event);
}
},
afterAddToUListCallBack
};
Reflect.set(result.attributes, ATTRIBUTE_INIT, () => {
result.disable = Boolean(
disable
);
});
return result;
};
const TiebaPCApi = {
/**
* 获取用户所有关注的吧
*/
async getUserAllLinkForum() {
let result = [];
let gbkEncoder = new utils.GBKEncoder();
let page = 1;
while (true) {
let searchParamsData = {
v: Date.now(),
pn: page
};
let url = `https://tieba.baidu.com/f/like/mylike?${utils.toSearchParamsStr(
searchParamsData
)}`;
let getResponse = await httpx.get(url, {
fetch: true
});
if (!getResponse.status) {
break;
}
let doc = domUtils.parseHTML(getResponse.data.responseText, true, true);
let linkForumInfoList = Array.from(
doc.querySelectorAll(".forum_table span[balvname]")
).map((item) => {
let forumName = item.getAttribute("balvname");
let forumId = item.getAttribute("balvid");
let tbs2 = item.getAttribute("tbs");
if (forumName == null) {
return;
}
if (forumId == null) {
return;
}
if (tbs2 == null) {
return;
}
forumName = gbkEncoder.decode(forumName);
return {
forumName,
forumId,
tbs: tbs2
};
}).filter((item) => item != null);
result = result.concat(linkForumInfoList);
let $nextPage = Array.from(
doc.querySelectorAll("#j_pagebar .pagination a[href]")
).find(($anchor) => {
return $anchor.innerText.includes("下一页");
});
if ($nextPage == null) {
break;
} else {
let nextPageUrl = CommonUtil.fixUrl($nextPage.href);
let nextPageUrlObj = new URL(nextPageUrl);
let nextPagePn = new URLSearchParams(nextPageUrlObj.search);
if (nextPagePn.has("pn")) {
page = parseInt(nextPagePn.get("pn"));
} else {
break;
}
}
await utils.sleep(500);
}
return result;
}
};
const PanelTieBaSettingUI = {
id: "baidu-panel-config-tieba",
title: "贴吧",
headerTitle: "百度贴吧<br />tieba.baidu.com",
isDefault() {
return BaiduRouter.isTieBa();
},
scrollToDefaultView: true,
forms: [
{
text: "",
type: "forms",
forms: [
{
text: "首页",
type: "deepMenu",
forms: [
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"新标签页打开",
"baidu_tieba_index_openANewTab",
false,
void 0,
"新标签页打开帖子"
)
]
},
{
text: "消息",
type: "forms",
forms: [
UISwitch(
"启用",
"baidu_tieba_index_add_msgtab",
true,
void 0,
"新增【消息】按钮入口，可查看当前已登录账号的点赞、回复、@用户"
),
UIInput(
"MAWEBCUID",
"baidu_tieba_index_msg_cuid",
"",
"必填，可在Cookie中看到具体的值"
)
]
}
]
},
{
text: "话题热议",
type: "deepMenu",
forms: [
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"重定向xx吧跳转",
"baidu_tieba_topic_redirect_jump",
true,
void 0,
"点击帖子直接跳转"
),
UISwitch(
"新标签页打开",
"baidu_tieba_topic_openANewTab",
false,
void 0,
"新标签页打开帖子"
)
]
}
]
},
{
type: "deepMenu",
text: "热搜榜单",
forms: [
{
type: "forms",
text: "功能",
forms: [
UISwitch(
"覆盖openApp函数",
"tieba-hot-topic-coverOpenApp",
true,
void 0,
"用于阻止唤醒App"
),
UISwitch(
"设置isTiebaApp为true",
"tieba-hot-topic-isTiebaApp",
true,
void 0
),
UISwitch(
"设置isHarmony为true",
"tieba-hot-topic-isHarmony",
true,
void 0
),
UISwitch(
"新标签页打开",
"tieba-hot-topic-openBlank",
false,
void 0,
"新标签页打开帖子"
)
]
}
]
},
{
text: "搜索综合",
type: "deepMenu",
forms: [
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"新标签页打开",
"baidu_tieba_hybrid_search_openANewTab",
false,
void 0,
"新标签页打开帖子"
)
]
}
]
},
{
type: "deepMenu",
text: "合辑",
forms: [
{
type: "forms",
text: "功能",
forms: [
UISwitch(
"修复卡片点击跳转",
"tieba_collection_center_repair_card_click_jump",
true,
void 0,
"修复帖子点击不跳转的问题"
),
UISwitch(
"新标签页打开",
"tieba_collection_center_repair_card_click_jump_open_new_tab",
false,
void 0,
"新标签页打开帖子（需开启->修复卡片点击跳转）"
)
]
}
]
},
{
text: "吧内",
description: "新版的uni-app",
type: "deepMenu",
forms: [
{
text: "功能",
type: "forms",
forms: [
// UISwitch(
// "记住当前选择的看帖排序",
// "baidu_tieba_remember_user_post_sort",
// true,
// void 0,
// "记住选择的发布/回复"
// ),
// UISwitch(
// "过滤重复帖子",
// "baidu_tieba_filterDuplicatePosts",
// false,
// void 0,
// "过滤掉重复id的帖"
// ),
UISwitch(
"解除签到限制",
"baidu_tieba_removeForumSignInLimit",
true,
void 0,
"在登录情况下可点击签到"
),
UISwitch(
"修复卡片点击跳转",
"baidu_tieba_banei_repair_card_click_jump",
true,
void 0,
"修复帖子点击不跳转的问题"
),
UISwitch(
"新标签页打开",
"baidu_tieba_banei_openANewTab",
false,
void 0,
"新标签页打开帖子（需开启->修复卡片点击跳转）"
)
]
},
{
type: "forms",
text: "劫持",
forms: [
UISwitch(
"劫持.wake-up",
"baidu_tieba_banei_hookWakeUp",
true,
void 0,
"阻止点击唤醒App"
),
UISwitch(
"劫持iframe call App",
"baidu_tieba_banei_hook_iframe_call_app",
true,
void 0,
"阻止点击唤醒App或下载App"
)
]
}
]
},
{
text: "帖内",
description: "新版的uni-app",
type: "deepMenu",
forms: [
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"阻止.wake-up的点击事件",
"baidu-tieba-uni-app-post-preventWakeApp",
true,
void 0,
"阻止点击唤醒App"
),
UISwitch(
"覆盖【打开App查看更多评论】",
"baidu-tieba-uni-app-post-overloadLoadMore",
true,
void 0,
"该文字可直接点击并加载更多评论且新增滚动自动加载更多评论"
),
UISwitch(
"修复帖内主内容的图片列表中的推荐帖子跳转",
"baidu-tieba-uni-app-post-repairPicGuideThreadWrapper",
true,
void 0,
"帖内主内容的图片右滑到最后一个时会出现推荐帖子，点击会正常跳转到该帖"
),
UISwitch(
"修复点击进入用户主页",
"baidu-tieba-uni-app-post-repairClickToUserHome",
true,
void 0,
"包括用户头像、用户名"
),
UISwitch(
"记住评论排序",
"baidu-tieba-uni-app-post-rememberChooseSeeCommentSort",
true,
void 0,
"记住当前选择评论的排序，如热门、正序、倒序"
),
UISwitch(
"评论去重",
"baidu-tieba-uni-app-post-filterDuplicateComments",
true,
void 0,
"加载评论时会有重复的评论出现，启用该功能可过滤掉"
),
UISwitch(
"楼中楼回复弹窗手势返回",
"baidu-tieba-uni-app-post-optimizationLzlPostBackGestureReturn",
false,
function(event, enable) {
if (enable) {
alert(
"开启后，当在手机浏览器中使用屏幕左滑回退网页操作或者点击浏览器的回退到上一页按钮，不会触发回退上一页操作，而是会关闭当前查看的楼中楼的弹窗。注：某些浏览器不适用"
);
}
},
"使浏览器后退变成关闭楼中楼弹窗"
),
UISwitch(
"优化图片点击预览",
"baidu_tieba_optimize_image_preview",
true,
void 0,
"使用Viewer查看图片"
),
UISwitch(
"图片预览手势返回",
"baidu-tieba-uni-app-post-optimizationImagePreviewBackGestureReturn",
false,
void 0,
"使浏览器后退变成退出图片预览模式"
),
UISwitch(
"新增滚动到顶部按钮",
"baidu-tieba-uni-app-post-addScrollTopButtonInForum",
true,
void 0,
"向下滚动的距离>页面高度*2就会出现按钮"
),
UISwitch(
"屏蔽机器人",
"baidu-tieba-uni-app-post-blockTieBaRobot",
true,
void 0,
"屏蔽【贴吧包打听】机器人，回答的评论都是牛头不对马嘴的"
),
UISwitch(
"修复超链接跳转",
"baidu-tieba-uni-app-post-repairAnchorLink",
true,
void 0,
"可修复蓝色的超链接点击不能跳转网页的问题"
),
UISwitch(
"解除长按选中文字的限制",
"baidu-tieba-uni-app-post-allow-user-select",
true,
void 0,
"允许长按选择文字"
),
UISwitch(
"修改pb-rich-text字体大小",
"baidu-tieba-uni-app-comment-item-font-size",
false,
void 0,
"大小同步为内容的大小"
),
UIButton(
"评论过滤规则",
"可过滤评论",
"自定义",
void 0,
false,
false,
"primary",
() => {
TiebaUniAppCommentFilter.showView();
}
)
]
}
// {
// type: "forms",
// text: "网络请求拦截",
// forms: [
// UISwitch(
// "/mo/q/getUpConfigData",
// "baidu-tieba-uni-app-post-intercept-getUpConfigData",
// true,
// void 0,
// "该请求类似于广告配置，建议拦截"
// ),
// ],
// },
]
},
{
text: "主页",
type: "deepMenu",
forms: [
{
type: "forms",
text: "功能",
forms: [
UISwitch(
"美化页面",
"baidu-tieba-beautify-home-page",
true,
void 0,
"重构页面样式，美化页面"
)
]
}
]
}
// {
// text: "帖内",
// description: "旧版本设置项，大部分功能已失效",
// type: "deepMenu",
// forms: [
// {
// text: "功能",
// type: "forms",
// forms: [
// UISwitch(
// "楼中楼回复弹窗手势返回",
// "baidu_tieba_lzl_ban_global_back",
// false,
// function (event, enable) {
// if (enable) {
// alert(
// "开启后，当在手机浏览器中使用屏幕左滑回退网页操作或者点击浏览器的回退到上一页按钮，不会触发回退上一页操作，而是会关闭当前查看的楼中楼的弹窗。注：某些浏览器不适用"
// );
// }
// },
// "使浏览器后退变成关闭楼中楼弹窗"
// ),
// UISwitch(
// "新增滚动到顶部按钮",
// "baidu_tieba_add_scroll_top_button_in_forum",
// true,
// void 0,
// "向下滚动的距离>页面高度*2就会出现按钮"
// ),
// UISwitch(
// "优化查看评论",
// "baidu_tieba_optimize_see_comments",
// true,
// void 0,
// "可以查看更多的评论"
// ),
// UISwitch(
// "优化评论工具栏",
// "baidu_tieba_optimize_comments_toolbar",
// true,
// void 0,
// "可以进行评论区回复/楼中楼回复，需开启【优化查看评论】"
// ),
// UISwitch(
// "优化图片点击预览",
// "baidu_tieba_optimize_image_preview",
// true,
// void 0,
// "使用Viewer查看图片"
// ),
// UISwitch(
// "强制查看被屏蔽的帖子",
// "baidu_tieba_repairErrorThread",
// false,
// function (event, enable) {
// if (enable) {
// window.alert(
// "开启后，如果查看的帖子显示【贴子不存在或者已被删除】或【该帖子需要去app内查看哦】，且该帖子在PC端可以查看，那么该修复可以生效。"
// );
// }
// },
// "PC端可以查看帖子该功能才能正确生效"
// ),
// UISwitch(
// "点击楼主头像正确跳转主页",
// "baidu_tieba_clickOnTheOwnerSAvatarToCorrectlyRedirectToTheHomepage",
// true,
// void 0,
// "点击头像正确跳转至用户主页"
// ),
// UISwitch(
// "屏蔽机器人",
// "baidu_tieba_shield_commnets_baodating",
// true,
// void 0,
// "屏蔽【贴吧包打听】机器人，回答的评论都是牛头不对马嘴的"
// ),
// UISwitch(
// "显示用户当前吧的等级头衔",
// "baidu_tieba_show_forum_level",
// true,
// void 0,
// "只对评论和楼中楼的用户进行显示处理"
// ),
// ],
// },
// ],
// },
]
},
{
text: "",
type: "forms",
forms: [
{
text: "通用",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"检测骨架屏",
"baidu_tieba_checkSkeleton",
true,
void 0,
"当页面加载完毕后检测到还是骨架屏，将会自动刷新页面"
),
UISwitch(
"自动重定向至主域名",
"baidu_tieba_autoJumpToMainHost",
false,
void 0,
"域名为nba.baidu.com、static.tieba.baidu.com...等时自动重定向至tieba.baidu.com"
),
UISwitch(
"自动跳转链接",
"baidu-tieba-checkUrl-autoJumpUrl",
true,
void 0,
"在链接验证页面自动跳转链接"
)
]
}
]
},
{
text: "账号功能",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UIButton(
"签到所有关注的吧",
void 0,
"签到",
void 0,
void 0,
false,
"default",
async () => {
function getSignInfoHTML(index, maxIndex, forumName, text, signText) {
return `
<div class="tieba-sign-info-text">进度：${index}/${maxIndex}</div>
<div class="tieba-sign-info-text">吧名：${forumName}</div>
<div class="tieba-sign-info-text">信息：${text}</div>
${""}
`;
}
Qmsg.info("正在获取所有关注吧");
let likeForumList = await TiebaPCApi.getUserAllLinkForum();
if (!likeForumList) {
return;
}
if (!likeForumList.length) {
Qmsg.error("该账号尚未关注帖子");
return;
}
let isStop = false;
let loading = Qmsg.loading(
getSignInfoHTML(
1,
likeForumList.length,
likeForumList[0].forumName,
"正在执行签到"
),
{
showClose: true,
isHTML: true,
style: (
/*css*/
`
.qmsg-content-loading > span{
text-align: left;
}
.qmsg-content-loading .tieba-sign-info-text{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 65vw;
}
`
),
onClose() {
isStop = true;
}
}
);
for (let index = 0; index < likeForumList.length; index++) {
if (isStop) {
Qmsg.info("中止执行签到");
return;
}
let linkForumInfo = likeForumList[index];
loading.setHTML(
getSignInfoHTML(
index + 1,
likeForumList.length,
linkForumInfo.forumName,
"发送签到请求..."
)
);
let signResult = await TieBaApi.forumSign(
linkForumInfo.forumName,
linkForumInfo.tbs
);
if (!signResult) {
Qmsg.warning("执行签到异常");
log.error(signResult);
} else {
if (typeof signResult["data"] === "object") {
loading.setHTML(
getSignInfoHTML(
index + 1,
likeForumList.length,
linkForumInfo.forumName,
`今日本吧第${signResult["data"]["finfo"]["current_rank_info"]["sign_count"]}个签到`
)
);
} else {
Qmsg.error(signResult["error"]);
}
}
Qmsg.info("2秒后切换至下一个");
await utils.sleep(2e3);
}
Qmsg.success(`执行签到 ${likeForumList.length} 个贴吧完毕`);
loading.close();
}
)
]
}
]
},
{
type: "deepMenu",
text: "成分检测",
forms: [
{
type: "forms",
text: "",
forms: [
UISwitch(
"启用",
"baidu-tieba-componentDetection",
true,
void 0,
"启用后可检测用户的成分信息"
),
UIButton(
"自定义规则",
"检测用户成分的规则",
"管理",
void 0,
false,
false,
"primary",
() => {
TiebaUniAppComponentDetectionRule.showView();
}
)
]
},
{
type: "forms",
text: "",
forms: [
UIButton(
"数据导入",
"导入自定义规则数据",
"导入",
void 0,
false,
false,
"primary",
() => {
TiebaUniAppComponentDetectionRule.importRule();
}
),
UIButton(
"数据导出",
"导出自定义规则数据",
"导出",
void 0,
false,
false,
"primary",
() => {
TiebaUniAppComponentDetectionRule.exportRule(
"成分检测.json"
);
}
)
]
}
]
},
{
text: "搜索功能",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"启用",
"baidu_tieba_add_search",
true,
void 0,
"在贴内和吧内右上角添加搜索按钮"
),
UISwitch(
"获取详细信息",
"baidu_tieba_search_opt_user_info",
true,
void 0,
"将搜索结果的【用户名/头像】替换成请求获取的【用户名/头像】"
),
UISwitch(
"使用【搜索综合】",
"baidu_tieba_use_hybrid_search",
false,
void 0,
"使用贴吧移动端的搜索功能"
),
UISwitch(
"地址参数识别",
"baidu_tieba-execByUrlSearchParams",
false,
(event, value) => {
if (!value) {
return;
}
let url = "https://greasyfork.dpdns.org/zh-CN/scripts/418349-%E7%A7%BB%E5%8A%A8%E7%AB%AF-%E7%99%BE%E5%BA%A6%E7%B3%BB%E4%BC%98%E5%8C%96/discussions/252534";
let isOk = globalThis.confirm(
"帮助文档↓ 点击确定自动打开文档地址↓\n" + url
);
if (isOk) {
window.open(url, "_blank");
}
},
"开启后可在特定Url执行搜索功能"
)
]
}
]
},
{
text: "布局屏蔽",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"【屏蔽】评论输入框",
"baidu-tieba-blockCommentInput",
false,
void 0,
"屏蔽元素"
)
]
}
]
},
{
text: "劫持/拦截",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"劫持-唤醒App",
"baidu_tieba_hijack_wake_up",
false,
void 0,
"阻止唤醒调用App"
),
UISwitch(
"伪装客户端已调用",
"baidu_tieba_clientCallMasquerade",
true,
void 0,
"阻止弹窗"
)
]
}
]
}
]
}
]
};
const PanelWenKuSettingUI = {
id: "baidu-panel-config-wenku",
title: "文库",
headerTitle: "百度文库<br />wk.baidu.com<br />tanbi.baidu.com",
isDefault: BaiduRouter.isWenKu,
scrollToDefaultView: true,
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch("【屏蔽】会员精选", "baidu_wenku_block_member_picks", true),
UISwitch("【屏蔽】APP精选", "baidu_wenku_blocking_app_featured", true),
UISwitch(
"【屏蔽】相关文档",
"baidu_wenku_blocking_related_documents",
false
),
UISwitch(
"【屏蔽】底部工具栏",
"baidu_wenku_blocking_bottom_toolbar",
false
),
UISwitch("【屏蔽】下一篇按钮", "baidu_wenku_shield_next_btn", false),
UISwitch(
"【屏蔽】文档助手",
"baidu_wenku_blockDocumentAssistant",
false,
void 0,
"右下角的悬浮按钮"
)
]
}
]
};
const PanelBaiKeSettingUI = {
id: "baidu-panel-config-baike",
title: "百科",
headerTitle: "百度百科<br />baike.baidu.com<br />wapbaike.baidu.com",
isDefault() {
return BaiduRouter.isBaiKe();
},
scrollToDefaultView: true,
forms: [
{
text: "",
type: "forms",
forms: [
{
text: "他说",
description: "/tashuo",
type: "deepMenu",
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch(
"【屏蔽】底部广告",
"baidu_baike_tashuo_remove_bottom_ad",
true
)
]
}
]
}
]
},
{
text: "",
type: "forms",
forms: [
{
text: "劫持",
type: "deepMenu",
forms: [
{
text: "劫持Box",
type: "forms",
forms: [
UISwitch(
"isBox",
"baidu-baike-Box-isBox",
true,
void 0,
"Box.isBox和Box.$isBox强制返回true"
),
UISwitch(
"isLiteBox",
"baidu-baike-Box-isLiteBox",
false,
void 0,
"Box.isLiteBox和Box.$isLiteBox强制返回true"
),
UISwitch(
"isInfoBox",
"baidu-baike-Box-isInfoBox",
false,
void 0,
"Box.isInfoBox和Box.$isInfoBox强制返回true"
),
UISwitch(
"isIOS",
"baidu-baike-Box-isIOS",
false,
void 0,
"Box.isIOS和Box.$isIOS强制返回true"
),
UISwitch(
"isAndroid",
"baidu-baike-Box-isAndroid",
false,
void 0,
"Box.isAndroid和Box.$isAndroid强制返回true"
),
UISwitch(
"android.invokeApp",
"baidu-baike-Box-android.invokeApp",
true,
void 0,
"Box.android.invokeApp()置空"
),
UISwitch(
"android.invokeLiteApp",
"baidu-baike-Box-android.invokeLiteApp",
true,
void 0,
"Box.android.invokeLiteApp()置空"
),
UISwitch(
"ios.invokeApp",
"baidu-baike-Box-ios.invokeApp",
true,
void 0,
"Box.ios.invokeApp()置空"
)
]
}
]
}
]
}
]
};
const PanelZhiDaoSettingUI = {
id: "baidu-panel-config-zhidao",
title: "知道",
headerTitle: "百度知道<br />zhidao.baidu.com",
isDefault() {
return BaiduRouter.isZhiDao();
},
scrollToDefaultView: true,
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch(
"【屏蔽】推荐更多精彩内容",
"baidu_zhidao_block_recommend_more_exciting_content",
true
),
UISwitch("【屏蔽】相关问题", "baidu_zhidao_block_related_issues", true),
UISwitch("【屏蔽】其他回答", "baidu_zhidao_block_other_answers", false),
UISwitch(
"【屏蔽】顶部浮动工具栏",
"baidu_zhidao_shield_top_fixed_toolbar",
false
)
]
}
]
};
const PanelFanYiSettingUI = {
id: "baidu-panel-config-fanyi",
title: "翻译",
headerTitle: "百度翻译<br />fanyi.baidu.com<br />fanyi-app.baidu.com",
isDefault() {
return BaiduRouter.isFanYi() || BaiduRouter.isFanYiApp();
},
scrollToDefaultView: true,
forms: [
{
text: "",
type: "forms",
forms: [
{
text: "App",
type: "deepMenu",
description: "fanyi-app",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"【屏蔽】专栏信息",
"baidu_fanyi_app_shield_column_information",
false
),
UISwitch(
"【屏蔽】为你推荐",
"baidu_fanyi_app_shield_recommended_for_you",
false
),
UISwitch(
"【屏蔽】我要跟读",
"baidu_fanyi_app_shield_i_need_to_follow_along",
false
)
]
}
]
}
]
},
{
text: "",
type: "forms",
forms: [
{
text: "功能",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch("自动聚焦输入框", "baidu_fanyi_auto_focus", true)
]
}
]
},
{
text: "屏蔽",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"【屏蔽】底部推荐",
"baidu_fanyi_recommended_shielding_bottom",
true
),
UISwitch(
"【屏蔽】底部其它",
"baidu_fanyi_other_shielding_bottom",
true
)
]
}
]
}
]
}
]
};
const PanelMapSettingUI = {
id: "baidu-panel-config-map",
title: "地图",
headerTitle: "百度地图<br />map.baidu.com",
isDefault() {
return BaiduRouter.isMap();
},
scrollToDefaultView: true,
forms: [
{
text: "劫持/拦截",
type: "forms",
forms: [
UISwitch(
"劫持Element.appendChild",
"baidu_map_hijack-element-appendChild",
true,
void 0,
"阻止唤醒调用App"
),
UISwitch(
"劫持$.append",
"baidu_map_hijack-jQuery-append",
true,
void 0,
"阻止唤醒调用App"
),
UISwitch(
"劫持setTimeout",
"baidu_map_hijack-setTimeout",
true,
void 0,
"阻止唤醒调用App和剪贴板复制"
)
]
}
]
};
const PanelAiQiChaSettingUI = {
id: "baidu-panel-config-aiqicha",
title: "爱企查",
headerTitle: "爱企查<br />aiqicha.baidu.com",
isDefault() {
return BaiduRouter.isAiQiCha();
},
scrollToDefaultView: true,
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch("【屏蔽】轮播图", "baidu_aiqicha_shield_carousel", true),
UISwitch(
"【屏蔽】行业热点新闻",
"baidu_aiqicha_shield_industry_host_news",
true
)
]
}
]
};
const PanelHaoKanSettingUI = {
id: "baidu-panel-config-haokan",
title: "好看视频",
headerTitle: "好看视频<br />haokan.baidu.com",
isDefault() {
return BaiduRouter.isHaoKan();
},
scrollToDefaultView: true,
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch("【屏蔽】猜你喜欢", "baidu_haokan_shield_may_also_like", true),
UISwitch(
"【屏蔽】今日热播榜单",
"baidu_haokan_shield_today_s_hot_list",
true
),
UISwitch(
"【屏蔽】右侧工具栏",
"baidu_haokan_shield_right_video_action",
true
)
]
},
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"播放视频自动进入全屏",
"baidu_haokan_play_video_and_automatically_enter_full_screen",
false
)
]
},
{
text: "劫持/拦截",
type: "forms",
forms: [
UISwitch(
"拦截-唤醒App",
"baidu_haokan_hijack_wakeup",
true,
void 0,
"阻止唤醒调用App"
)
]
}
]
};
const PanelGraphSettingUI = {
id: "baidu-panel-config-graph",
title: "识图",
headerTitle: "百度识图<br />graph.baidu.com",
isDefault() {
return BaiduRouter.isGraph();
},
scrollToDefaultView: true,
forms: [
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"【重构】识图一下",
"baidu-graph-repairHomeRecognitionPicture",
true,
void 0,
"重构主页的识图一下，就可以直接点击上传图片进行搜索（Api已失效）"
),
UISwitch(
"【重构】搜索按钮",
"baidu-graph-repairSearchButton",
true,
void 0,
"重构主页的往下滑动右下角出现的搜索图标按钮"
),
UISwitch(
"【重构】重拍",
"baidu-graph-repairRetakeButton",
true,
void 0,
"在已搜索出相关结果的界面中的重构【重拍】按钮"
),
UISwitch(
"修复搜索无结果",
"baidu-graph-repairSearchNoResult",
true,
void 0,
"如果出现识图没结果，重新识别，可能是因为后面参数多了tpl_from=pc的问题"
)
]
}
]
};
const PanelYiYanSettingUI = {
id: "baidu-panel-config-yiyan",
title: "文心一言",
headerTitle: "文心一言<br />yiyan.baidu.com",
isDefault() {
return BaiduRouter.isYiYan();
},
scrollToDefaultView: true,
forms: [
{
type: "forms",
text: "",
forms: [
{
type: "deepMenu",
text: "功能",
forms: [
{
type: "forms",
text: "",
forms: [
UISwitch(
"地址参数识别",
"baidu_yiyan-execByUrlSearchParams",
false,
(event, value) => {
if (!value) {
return;
}
let url = "https://greasyfork.dpdns.org/zh-CN/scripts/418349-%E7%A7%BB%E5%8A%A8%E7%AB%AF-%E7%99%BE%E5%BA%A6%E7%B3%BB%E4%BC%98%E5%8C%96/discussions/254331";
let isOk = globalThis.confirm(
"帮助文档↓ 点击确定自动打开文档地址↓\n" + url
);
if (isOk) {
window.open(url, "_blank");
}
},
"开启后可在特定Url执行搜索功能"
)
]
}
]
},
{
type: "deepMenu",
text: "屏蔽",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"【屏蔽】文字/图片水印",
"baidu_yiyan_remove_ai_mask",
true
)
]
}
]
}
]
}
]
};
const PanelChatSettingUI = {
id: "baidu-panel-config-chat",
title: "AI伙伴",
headerTitle: "搜索AI伙伴<br />chat.baidu.com",
isDefault() {
return BaiduRouter.isChat();
},
scrollToDefaultView: true,
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch("【屏蔽】文字/图片水印", "baidu_chat_remove_ai_mask", true)
]
}
]
};
const PanelEasyLearnSettingUI = {
id: "baidu-panel-config-easy-learn",
title: "教育",
headerTitle: "百度教育<br />easylearn.baidu.com<br />uf9kyh.smartapps.cn",
isDefault() {
return BaiduRouter.isEasyLearn() || BaiduRouter.isMiniJiaoYu();
},
scrollToDefaultView: true,
forms: [
{
text: "",
type: "forms",
forms: [
{
text: "小程序",
type: "deepMenu",
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch(
"【屏蔽】底部下拉菜单",
"mini_baidu_jiaoyu_shield_bottom_pull_down_menu",
false
),
UISwitch(
"【屏蔽】大家还在搜",
"mini_baidu_jiaoyu-blockEveryOneSearch",
false
)
]
}
]
}
]
},
{
text: "",
type: "forms",
forms: [
{
text: "功能",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"解锁顶部搜索框",
"baidu_easylearn_unlocking_top_search_input",
true
),
UISwitch(
"解锁搜题上限",
"baidu_easylearn_unlocking_the_upper_limit_of_search_questions",
true
),
UISwitch(
"自动显示答案",
"baidu_easylearn_auto_show_answer",
true
)
]
}
]
},
{
text: "屏蔽",
type: "deepMenu",
forms: [
{
text: "",
type: "forms",
forms: [
UISwitch(
"【屏蔽】本题试卷",
"baidu_easylearn_shield_this_question_paper",
false
),
UISwitch(
"【屏蔽】本卷好题",
"baidu_easylearn_shield_good_questions_in_this_volume",
false
),
UISwitch(
"【屏蔽】相关试卷",
"baidu_easylearn_shield_related_test_papers",
false
),
UISwitch(
"【屏蔽】视频讲解",
"baidu_easylearn_shield_video_explanation",
false
),
UISwitch(
"【屏蔽】学霸笔记",
"baidu_easylearn_shield_xueba_notes",
false
),
UISwitch(
"【屏蔽】底部工具栏",
"baidu_easylearn_shield_bottom_toolbar",
false
)
]
}
]
}
]
}
]
};
const PanelAiStudySettingUI = {
id: "baidu-panel-config-ai-study",
title: "知了爱学",
headerTitle: "知了爱学<br />aistudy.baidu.com<br />isite.baidu.com/site/wjz2tdly",
isDefault() {
return BaiduRouter.isAiStudy() || BaiduRouter.isISite();
},
scrollToDefaultView: true,
forms: [
{
text: "",
type: "forms",
forms: [
{
text: "知了爱学",
description: "isite",
type: "deepMenu",
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch(
"【屏蔽】底部免费在线咨询",
"baidu_isite_wjz2tdly_shieldBottomBarRootContainer",
true
),
UISwitch(
"【屏蔽】右侧悬浮按钮-查看更多",
"baidu_isite_wjz2tdly_shieldRightSeeMoreToolBar",
false
),
UISwitch(
"【屏蔽】大家还在看",
"baidu_isite_wjz2tdly_shieldArticleBottom",
true
)
]
},
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"自动展开全文",
"baidu_isite_wjz2tdly_autoExpandFullText",
true
)
]
}
]
},
{
text: "知了爱学",
description: "aistudy",
type: "deepMenu",
forms: [
{
text: "屏蔽",
type: "forms",
forms: [
UISwitch(
"【屏蔽】底部工具栏",
"baidu_ai_study_shieldBottomToolBar",
true
)
]
},
{
text: "功能",
type: "forms",
forms: [
UISwitch(
"自动展开全文",
"baidu_ai_study_autoExpandFullText",
true
)
]
}
]
}
]
}
]
};
(() => {
if (typeof _unsafeWindow.BaiduOptimizationScriptRunCount === "number") {
_unsafeWindow.BaiduOptimizationScriptRunCount++;
log.warn(
"阻止脚本容器反复执行本脚本 " + _unsafeWindow.BaiduOptimizationScriptRunCount + " 次"
);
return;
}
_unsafeWindow.BaiduOptimizationScriptRunCount = 0;
PanelContent.addContentConfig([
PanelCommonSettingUI,
PanelSearchSettingUI,
PanelBaiJiaHaoSettingUI,
PanelTieBaSettingUI,
PanelWenKuSettingUI,
// PanelJingYanSettingUI,
PanelBaiKeSettingUI,
PanelZhiDaoSettingUI,
PanelFanYiSettingUI,
// PanelImageSettingUI,
PanelMapSettingUI,
// PanelXueSettingUI,
PanelAiQiChaSettingUI,
// PanelPosSettingUI,
PanelHaoKanSettingUI,
PanelGraphSettingUI,
// PanelPanSettingUI,
PanelYiYanSettingUI,
PanelChatSettingUI,
PanelEasyLearnSettingUI,
PanelAiStudySettingUI
]);
Panel.init();
Baidu.init();
})();
}
});
require_entrance_001();
})(Qmsg, DOMUtils, Utils, pops, Vue, Viewer, Pinia, ElementPlusIconsVue, VueDemi, VueRouter, ElementPlus);
