const{createApp}=Vue
const{createVuetify,useGoTo,useDisplay}=Vuetify
var data={alert:{show:false,color:'success',text:'',timeout:0,},theme:{dark:false,},nav:{showDrawer:false,showTOC:true,tocPanel:0,tab:'account',post:{discussionId:5270,currentPage:1,targetPage:1,total:11,anchor:0,goToOptions:{container:null,duration:0,easing:'easeInOutCubic',offset:-100,},worker:null,task:[],active:[],apiLock:[],originLike:new Map([]),},related:{block:1,}},search:{width:80,text:null,loading:false,},tags:[{id:3,url:'/t/2b05770f6a045c7763772a264105',name:'Bandwagon',color:'#FF8F00',icon:'mdi-server-plus',},],posts:[{id:60079,num:0,uid:3555,content:'\u003Cp\u003Ert,现在是41刀的dc99,有必è¦å‡çº§åˆ°dc1å—?\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:33:19',updatedAt:'2025-03-20 00:39:24',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60080,num:1,uid:8429,content:'\u003Cp\u003E没有必è¦\u003C/p\u003E\u003Cp\u003E广告ä½ï¼š\u003Cbr\u003Eã€å‡ºæœºã€‘ggvision SG Standard 24🔪年付\u003C/p\u003E\u003Cp\u003Eã€æ”¶æœºã€‘æ”¶ä¸€å° IEPL.MY HKT A or HKT B\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:33:46',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60081,num:2,uid:3390,content:'\u003Cp\u003Eå‡å§ï¼Œä»¥åŽæ–¹ä¾¿å‡º\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:34:58',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60082,num:3,uid:1918,content:'\u003Cp\u003Edc1有线路ä¿è¯\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:35:21',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60083,num:4,uid:1490,content:'\u003Cp\u003E DC99也有线路ä¿è¯äº†\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:37:16',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60084,num:5,uid:11505,content:'\u003Cp\u003E完全没必è¦äº†dc99今天也给ä¿è¯äº†\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:38:37',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60085,num:6,uid:11548,content:'\u003Cp\u003EDC9å’ŒDC1选哪个\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:38:43',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60086,num:7,uid:1918,content:'\u003Cp\u003E \u003Cs\u003Eæœ‰å— æˆ‘è®°å¾—ä¹‹å‰æ²¡æœ‰å”‰\u003C/s\u003E 嗷今天给了\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:39:56',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60087,num:8,uid:1512,content:'\u003Cp\u003EDC99 也有线路ä¿è¯äº†ï¼Œåˆšåˆšçš„事\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:40:04',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60088,num:9,uid:1793,content:'\u003Cp\u003E哪个便宜用哪个。\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 09:46:59',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},{id:60089,num:10,uid:1686,content:'\u003Cp\u003Edc1是直接å¯ä»¥ç”¨è¿˜æ˜¯éœ€è¦å‡çº§æˆ46åˆ€å¥—é¤æ‰ç»™è¿ç§»å‘¢\u003C/p\u003E',ipRegion:'',updatedByUid:0,createdAt:'2025-03-19 10:06:05',updatedAt:'2025-03-20 00:39:25',mentionNum:0,mentionedBy:[],mentionUsers:[],likeUsers:[],},],usersMap:new Map([[1918,{uid:1918,url:'/u/2b015d3d6a045c76696b5e6f03113c0f',avatar:'/a/2b015d3d6a045c76696b5e6f03113c0f',username:'MatrixLau🤖',}],[11505,{uid:11505,url:'/u/147d62196a045d76656a536f1a013f15',avatar:'/a/147d62196a045d76656a536f1a013f15',username:'对上ç过æ•🤖',}],[1686,{uid:1686,url:'/u/1c2d68546a045c766662506f0e50071e',avatar:'/a/1c2d68546a045c766662506f0e50071e',username:'laningya🤖',}],[1512,{uid:1512,url:'/u/0c1a74586a045c76656b546f1f3c600f',avatar:'/a/0c1a74586a045c76656b546f1f3c600f',username:'libecho🤖',}],[3555,{uid:3555,url:'/u/22787d396a045c74656f536f38246a70',avatar:'/a/22787d396a045c74656f536f38246a70',username:'txtvshy🤖',}],[1793,{uid:1793,url:'/u/3731071e6a045c766763556f262a3822',avatar:'/a/3731071e6a045c766763556f262a3822',username:'reruin🤖',}],[8429,{uid:8429,url:'/u/2021763a6a045c7f64685f6f20500205',avatar:'/a/2021763a6a045c7f64685f6f20500205',username:'WBYiok🤖',}],[3390,{uid:3390,url:'/u/2e1a68346a045c746363566f450e3e23',avatar:'/a/2e1a68346a045c746363566f450e3e23',username:'HM773🤖',}],[11548,{uid:11548,url:'/u/361d75266a045d76656e5e6f190a2b0e',avatar:'/a/361d75266a045d76656e5e6f190a2b0e',username:'fgy4399🤖',}],[1490,{uid:1490,url:'/u/3b2f545a6a045c766463566f315e160b',avatar:'/a/3b2f545a6a045c766463566f315e160b',username:'Flanker🤖',}],]),related:[{title:'瓦工 SG CN2 46刀,市场价去到多少?å¬è¯´çº¿è·¯å¾ˆå¥½ã€‚',url:'/d/2f01760c6a045c77606a567a475f656a06241e24',},{title:'求推è个三网优化的鸡 è¦ä¹°',url:'/d/3d275f096a045c77606a567540516b6a227b1130',},{title:'请教å„ä½ï¼ŒBwg è·ŸDmit 哪个能打一点?',url:'/d/1c1a06596a045c77606a5675405e656a002b6330',},{title:'è¯·é—®ä»˜äº†ä¸€å¹´å‰æ–¯å·´è¾¾çš„æœåŠ¡å·¥å•还能æ£å¸¸ç”¨å—,和æ¬ç“¦å·¥ Plan 比该留哪一个',url:'/d/372a0a356a045c77606a56744551666a28162401',},{title:'瓦工的v6å°†æ¥ä¼šåšä¼˜åŒ–å—?',url:'/d/3f2c581f6a045c77606a5674465a656a3d253964',},{title:'测试一下刚刚收到的临期瓦工The DC9 Plan VPS 曾ç»çš„æ¢¦ä¸æƒ…机',url:'/d/6d3f7f256a045c77606a56774f51636a1d772516',},{title:'ä½ ä»¬å¯¹ç“¦å·¥çš„megabox满æ„å—',url:'/d/6f207b016a045c77606a56774f5f646a240c2234',},{title:'去年的瓦工DC9 ,有人è¦ä¹ˆï¼Ÿ$35.42 USD( 已出)',url:'/d/0e0f68246a045c77606a56774f5c616a262f0662',},{title:'æ¬ç“¦å·¥ dc9 ä¸åˆ°ä¸€ä¸ªæœˆï¼Œ2025-04-15到期,放生了,改过邮 20出',url:'/d/382f74076a045c77606a56774f5a616a1b70061d',},{title:'我这个bwgçš„powerbox还能å–多少?',url:'/d/030660086a045c77606a5677405d616a5f700125',},{title:'biggerboxå‡çº§megabox pro记录贴',url:'/d/1e1874086a045c77606a5677405b646a3d373725',},{title:'ç“¦å·¥æ—¥æœ¬è¿˜ä¼šé‡æ–°æŽ¨å‡ºå—',url:'/d/0d11035d6a045c77606a567742506b6a3f223d6b',},{title:'æ¬ç“¦å·¥é€†å¤© Bug',url:'/d/2e195c1c6a045c77606a567742516a6a357b360a',},{title:'150折价出瓦工BIGGERBOX',url:'/d/2c0660276a045c77606a5677435f666a152f0210',},{title:'MINIBOX也是CN2GIA了å—?',url:'/d/193068356a045c77606a5677435c656a29101015',},{title:'[出] æ¬ç“¦å·¥DC99机房POWERBOX-30-1536',url:'/d/020f7c2e6a045c77606a5677435c666a08053a22',},{title:'(出)原邮瓦工biggerbox未付订å•,已承诺线路ä¿éšœï¼Œä¹Ÿå¯å‡çº§åˆ°æœ€æ–°DC1机房',url:'/d/323e64156a045c77606a5677435b606a5e2d611c',},{title:'æ¬ç“¦å·¥Box系列补货,å¯å‡çº§Pro更高级套é¤ï¼Œæœ€åŽæœ«ç车速速上车,赶快å‡çº§MegaBox',url:'/d/032a5f226a045c77606a567743586b6a1c053c39',},{title:'ã€æ”¶åˆ°äº†ã€‘溢价收个瓦工minibox',url:'/d/027b75146a045c77606a56774358666a2a251227',},{title:'DC99 boxå¯ä»¥å‡çº§åˆ°DC1 box pro了。',url:'/d/0e187b546a045c77606a5677455d656a1d2c3e10',},],}
const App={setup(){const goTo=useGoTo()
const{mdAndUp}=useDisplay()
return{goTo,mdAndUp}},data(){return data;},mounted(){const themeDark=localStorage.getItem("themeDark")
if(themeDark!==null){this.theme.dark=JSON.parse(themeDark)}
if(this.nav.post.total>(this.nav.post.currentPage-1)*100+20){let moreLen=100
if(this.nav.post.total({id:null,num:(this.nav.post.currentPage-1)*100+v,uid:null,content:null,ipRegion:null,updatedByUid:null,createdAt:null,updatedAt:null,mentionNum:null,mentionedBy:null,mentionUsers:null,likeUsers:null,}))
this.posts.push(...morePosts.slice(20))}
this.workerStart()
const hash=window.location.hash
const match=hash.match(/#(\d+)/)
if(match){const n=parseInt(match[1],10)
if(n>=(this.nav.post.currentPage-1)*100&&n{this.jumpTo(n)})}}
this.$nextTick(()=>{this.addHeadingIds()
tocbot.init({tocSelector:'.toc',contentSelector:'#post-content-0',headingSelector:'h2, h3, h4',headingsOffset:100,scrollSmoothOffset:-100,scrollSmooth:true,collapseDepth:6,onClick:function(e){setTimeout(()=>{history.replaceState(null,'',window.location.pathname+window.location.search)},0)},})
tocbot.refresh()});},beforeUnmount(){this.workerStop()
if(this.quill){this.quill.destroy()
this.quill=null}},computed:{dposts(){return this.posts.slice(20);},},created(){},methods:{successAlert(msg){this.alert={show:true,color:'success',text:msg,timeout:1500,}},failureAlert(msg){this.alert={show:true,color:'error',text:msg,timeout:5000,}},flipThemeDark(){this.theme.dark=!this.theme.dark
localStorage.setItem("themeDark",JSON.stringify(this.theme.dark))},toSearch(){if(!this.search.text){this.failureAlert('æœç´¢è¯ä¸èƒ½ä¸ºç©º')
return}
let keywords=this.search.text.trim()
if(keywords.length<1){this.failureAlert('æœç´¢è¯ä¸èƒ½ä¸ºç©º')
return}
if(keywords.length>100){this.failureAlert('æœç´¢è¯è¿‡é•¿')
return}
this.doSearch(keywords)},toReg(){window.location.href="/reg"},toLogin(){window.location.href="/login"},toPage(){let url=window.location.href
url=url.replace(/(\/\d+)?(#[0-9]+)?$/,this.nav.post.targetPage>1?`/${this.nav.post.targetPage}`:'')
window.location.href=url},toLoadRelated({done}){if(this.my&&this.my.uid){this.apiLoadRelated({done})}else{done('ok')}},workerStart(){this.nav.post.worker=setInterval(()=>{this.workerLoad()},500);},workerStop(){if(this.nav.post.worker){clearInterval(this.nav.post.worker);this.nav.post.worker=null;}},async jumpTo(num){const page=Math.floor(num/100)+1
const i=num-(page-1)*100
if(page===this.nav.post.currentPage){this.goTo("#post-"+num,this.nav.post.goToOptions)
if(!this.posts[i].id){const block=Math.floor(num/20)+1
this.nav.post.apiLock[block]=true
await this.apiLoadPosts(block)
this.$nextTick(()=>{this.goTo("#post-"+num,this.nav.post.goToOptions)})}}else{let url=window.location.href
url=url.replace(/(\/\d+)?(#[0-9]+)?$/,page>1?`/${page}`:'')
url=url+"#"+num
window.location.href=url}},postIntersect(num){return(isIntersecting,entries,observer)=>{if(isIntersecting){this.nav.post.task.push(num)
this.nav.post.active.push(num)
this.nav.post.active=this.nav.post.active.filter(item=>Math.abs(item-num)<=5)
this.nav.post.active.sort((a,b)=>a-b)}else{this.nav.post.active=this.nav.post.active.filter(item=>item!==num)}
if(this.nav.post.active[0]){this.nav.post.anchor=this.nav.post.active[0]}else{this.nav.post.anchor=0}}},async apiLoadPosts(block){try{const response=await axios.post('/fapi/v1/post/block/'+block,{discussionId:this.nav.post.discussionId,})
if(response.data.code===0){response.data.data.posts.forEach(post=>{const i=post.num%100
Object.assign(this.posts[i],post)})
response.data.data.users.forEach(user=>{this.usersMap.set(user.uid,user)})}else{this.failureAlert('回帖数æ®åŠ è½½å¤±è´¥: '+response.data.msg)}}catch(error){this.failureAlert('回帖数æ®åŠ è½½å¤±è´¥: '+error)}
this.nav.post.apiLock[block]=false},workerLoad(){while(this.nav.post.task.length){const num=this.nav.post.task.pop()
const i=num-(this.nav.post.currentPage-1)*100
if(!this.posts[i].id){const block=Math.floor(num/20)+1
if(!this.nav.post.apiLock[block]){this.nav.post.apiLock[block]=true
this.apiLoadPosts(block)}}}},getTimeInfo(t){if(!t){return ""}
const now=new Date();const then=new Date(t);const diff=now-then;const minute=60*1000;const hour=minute*60;const day=hour*24;const month=day*30;const year=month*12;if(diffpost.num===num)
if(!post){return "#"+num}
const uid=post.uid
const username=this.usersMap.get(uid)?.username
if(!username){return "#"+num}
return username},getUsernameByPostId(id){const post=this.posts.find(post=>post.id===id)
if(!post){return "#"+this.getPostNumByPostId(id)}
const uid=post.uid
const username=this.usersMap.get(uid).username
if(!username){return "#"+this.getPostNumByPostId(id)}
return username},getPostNumByPostId(id){const post=this.posts.find(post=>post.id===id)
return post.num},getPostById(id){const post=this.posts.find(post=>post.id===id)
return post},getPostByNum(num){const post=this.posts.find(post=>post.num===num)
return post},getAvatarByUid(uid){const avatar=this.usersMap.get(uid)?.avatar
if(!avatar){return this.getRandomAvatar()}
return avatar},getAvatarByPostNum(num){const post=this.posts.find(post=>post.num===num)
if(!post){return this.getRandomAvatar()}
const uid=post.uid
return this.getAvatarByUid(uid)},getRandomAvatar(){const num=Math.floor(Math.random()*100)
return "https://randomuser.me/api/portraits/men/"+num+".jpg"},getUrlByUid(uid){const url=this.usersMap.get(uid)?.url
if(!url){return ""}
return url},getTextByPostNum(num){const post=this.posts.find(post=>post.num===num)
if(!post||!post.content){return '点击跳转到#'+num+'查看'}
const parser=new DOMParser()
const doc=parser.parseFromString(post.content,'text/html')
const text=doc.body.textContent||''
return text.slice(0,100)},addHeadingIds(){const content=document.getElementById('post-content-0')
if(!content){this.nav.showTOC=false
return}
const headings=content.querySelectorAll('h2, h3, h4')
headings.forEach((heading,index)=>{if(!heading.id){heading.id=`toc-nav-${index}`}})
if(headings.length==0){this.nav.showTOC=false}},async doSearch(keywords){this.search.loading=true
try{const response=await axios.post('/fapi/v1/search',{keywords:keywords,})
if(response.data.code===0){if(response.data.data.hash&&response.data.data.hash.length===32){window.location.href="/s/"+response.data.data.hash}else{this.failureAlert('æœç´¢å¤±è´¥: æœç´¢æœåС异叏')}}else{this.failureAlert('æœç´¢å¤±è´¥: '+response.data.msg)}}catch(error){this.failureAlert('æœç´¢å¤±è´¥: '+error)}
this.search.loading=false},debounce(fn,delay){let timer=null
return function(...args){if(timer)clearTimeout(timer)
timer=setTimeout(()=>{fn.apply(this,args)},delay);};},},watch:{'nav.post.targetPage':{handler:async function(newV,oldV){this.toPage()},immediate:false},},}
const vuetify=createVuetify({defaults:{global:{ripple:true,},},})
const app=createApp(App)
app.use(vuetify).mount("#app")