Jony/assets/js/joe.short.min.js
2021-04-21 15:09:39 +08:00

1 line
6.9 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

document.addEventListener("DOMContentLoaded",()=>{class t extends HTMLElement{constructor(){super(),this.innerHTML=`\n\t\t\t\t<span class="joe_detail__article-mtitle">\n\t\t\t\t\t<span class="text">\n\t\t\t\t\t\t${this.getAttribute("title")||"默认标题"}\n\t\t\t\t\t</span>\n\t\t\t\t</span>`}}window.customElements.define("joe-mtitle",t);class e extends HTMLElement{constructor(){super(),this.options={src:this.getAttribute("src"),player:this.getAttribute("player")},this.render()}render(){this.options.src?this.innerHTML=`<iframe allowfullscreen="true" class="joe_detail__article-player" src="${this.options.player+this.options.src}"></iframe>`:this.innerHTML="播放地址未填写!"}}window.customElements.define("joe-dplayer",e);class s extends HTMLElement{constructor(){super(),this.bvid=this.getAttribute("bvid"),this.render()}render(){this.bvid?this.innerHTML=`<iframe allowfullscreen="true" class="joe_detail__article-player" src="//player.bilibili.com/player.html?bvid=${this.bvid}"></iframe>`:this.innerHTML="Bvid未填写"}}window.customElements.define("joe-bilibili",s);class n extends HTMLElement{constructor(){super(),this.options={id:this.getAttribute("id"),width:this.getAttribute("width")||"100%",autoplay:this.getAttribute("autoplay")?1:0},this.render()}render(){this.options.id?this.innerHTML=`<iframe style="display: block; margin: 0 auto; border: 0;" width="${this.options.width}" height="86px" src="//music.163.com/outchain/player?type=2&id=${this.options.id}&auto=${this.options.autoplay}&height=66"></iframe>`:this.innerHTML="网易云歌曲ID未填写"}}window.customElements.define("joe-music",n);class i extends HTMLElement{constructor(){super(),this.options={id:this.getAttribute("id"),width:this.getAttribute("width")||"100%",autoplay:this.getAttribute("autoplay")?1:0},this.render()}get template(){return`<iframe style="display: block; margin: 0 auto; border: 0;" width="${this.options.width}" height="450px" src="//music.163.com/outchain/player?type=0&id=${this.options.id}&auto=${this.options.autoplay}&height=430"></iframe>`}render(){this.options.id?this.innerHTML=this.template:this.innerHTML="网易云歌单ID未填写"}}window.customElements.define("joe-mlist",i);class o extends HTMLElement{constructor(){super(),this.options={icon:this.getAttribute("icon")||"",color:this.getAttribute("color")||"#ff6800",href:this.getAttribute("href")||"#",radius:this.getAttribute("radius")||"17.5px",content:this.getAttribute("content")||"多彩按钮"},this.innerHTML=`\n\t\t\t\t<a class="joe_detail__article-abtn" style="background: ${this.options.color}; border-radius: ${this.options.radius}" href="${this.options.href}" target="_blank" rel="noopener noreferrer nofollow">\n\t\t\t\t\t<span class="icon"><i class="${this.options.icon} fa"></i></span><span class="content">${this.options.content}</span>\n\t\t\t\t</a>\n\t\t\t`}}window.customElements.define("joe-abtn",o);class r extends HTMLElement{constructor(){super(),this.options={icon:this.getAttribute("icon")||"fa-download",href:this.getAttribute("href")||"#",type:/^secondary$|^success$|^warning$|^error$|^info$/.test(this.getAttribute("type"))?this.getAttribute("type"):"secondary",content:this.getAttribute("content")||"标签按钮"},this.innerHTML=`\n\t\t\t\t<a class="joe_detail__article-anote ${this.options.type}" href="${this.options.href}" target="_blank" rel="noopener noreferrer nofollow">\n\t\t\t\t\t<span class="icon"><i class="fa ${this.options.icon}"></i></span><span class="content">${this.options.content}</span>\n\t\t\t\t</a>\n\t\t\t`}}window.customElements.define("joe-anote",r);class a extends HTMLElement{constructor(){super(),this.startColor=this.getAttribute("startColor")||"#ff6c6c",this.endColor=this.getAttribute("endColor")||"#1989fa",this.innerHTML=`\n\t\t\t\t<span class="joe_detail__article-dotted" style="background-image: repeating-linear-gradient(-45deg, ${this.startColor} 0, ${this.startColor} 20%, transparent 0, transparent 25%, ${this.endColor} 0, ${this.endColor} 45%, transparent 0, transparent 50%)"></span>\n\t\t\t`}}window.customElements.define("joe-dotted",a);class c extends HTMLElement{constructor(){super(),this.render()}render(){this.innerHTML='<span class="joe_detail__article-hide">此处内容作者设置了 <i>回复</i> 可见</span>',this.$button=this.querySelector("i");const t=document.querySelector(".joe_comment"),e=document.querySelector(".joe_header");t&&e&&this.$button.addEventListener("click",()=>{const s=t.offsetTop-e.offsetHeight-15;window.scrollTo({top:s,behavior:"smooth"})})}}window.customElements.define("joe-hide",c);class l extends HTMLElement{constructor(){super();const t=this.querySelector("._temp");this.options={width:this.getAttribute("width")||"100%",label:this.getAttribute("label")||"卡片标题",content:t.innerHTML.trim().replace(/^(<br>)|(<br>)$/g,"")||"卡片内容"};const e=`\n\t\t\t\t<span class="joe_detail__article-card_default" style="width: ${this.options.width}">\n\t\t\t\t\t<span class="title">${this.options.label}</span>\n\t\t\t\t\t<span class="content">${this.options.content}</span>\n\t\t\t\t</span>\n\t\t\t`;if(this.querySelector("._content"))this.querySelector("._content").innerHTML=e;else{const t=document.createElement("div");t.className="_content",t.innerHTML=e,this.appendChild(t)}}}window.customElements.define("joe-card-default",l);class p extends HTMLElement{constructor(){super(),this.options={type:/^success$|^info$|^warning$|^error$/.test(this.getAttribute("type"))?this.getAttribute("type"):"info",content:this.getAttribute("content")||"消息内容"},this.innerHTML=`\n\t\t\t\t<span class="joe_detail__article-message ${this.options.type}">\n\t\t\t\t\t<span class="icon"></span>\n\t\t\t\t\t<span class="content">${this.options.content}</span>\n\t\t\t\t</span>\n\t\t\t`}}window.customElements.define("joe-message",p);class h extends HTMLElement{constructor(){super(),this.options={percentage:/^\d{1,3}%$/.test(this.getAttribute("percentage"))?this.getAttribute("percentage"):"50%",color:this.getAttribute("color")||"#ff6c6c"},this.innerHTML=`\n\t\t\t\t<span class="joe_detail__article-progress">\n\t\t\t\t\t<span class="strip">\n\t\t\t\t\t\t<span class="percent" style="width: ${this.options.percentage}; background: ${this.options.color};"></span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class="percentage">${this.options.percentage}</span>\n\t\t\t\t</span>\n\t\t\t`}}window.customElements.define("joe-progress",h);const d=document.querySelector(".joe_detail__article");d&&(d.innerHTML=d.innerHTML.replace(/<p><\/p>/g,""));class u extends HTMLElement{constructor(){super(),this.options={text:this.getAttribute("text")||"默认文本",content:this.innerHTML.trim().replace(/^(<br>)|(<br>)$/g,"")||"点击复制"},this.render()}get template(){return`<span class="joe_detail__article-copy">${this.options.content}</span>`}render(){this.innerHTML=this.template,this.event()}event(){this.$copy=this.querySelector(".joe_detail__article-copy"),new ClipboardJS(this.$copy,{text:()=>this.options.text}).on("success",()=>Qmsg.success("复制成功!"))}}window.customElements.define("joe-copy",u)});