| 1 |
- System.register(["./index-legacy-1be20fc9-1728473459135.js"],(function(t,e){"use strict";var n,i,o,a,s;return{setters:[t=>{n=t.d,i=t.r,o=t.e,a=t.A,s=t.f}],execute:function(){var e=document.createElement("style");e.textContent="._wrap_3lsnj_1{max-width:100%;overflow:hidden;display:flex;align-items:center}._wrap_3lsnj_1._isAnitaion_3lsnj_7 ._notice_3lsnj_7,._wrap_3lsnj_1:hover ._notice_3lsnj_7{width:auto;overflow:initial}._notice_3lsnj_7{transition-duration:5s;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-timing-function:linear}\n",document.head.appendChild(e);const r="_wrap_3lsnj_1",l="_isAnitaion_3lsnj_7",c="_notice_3lsnj_7",u=t=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>{t()}))}))};t("T",n({name:"TheNoticeBar",props:{text:{type:String,default:""},isAnimation:{type:Boolean,default:!1},time:{type:Number,default:5}},setup(t){const e=i(),n=i(),d=o({isActive:!1,wrapWidth:0,contentWidth:0,contentStyle:{transitionDuration:"0s",transform:"translateX(0px)"},time:null}),m=()=>{!d.isActive&&n.value&&e.value&&(d.isActive=!0,d.contentWidth=n.value.getBoundingClientRect().width,d.wrapWidth=e.value.getBoundingClientRect().width,_())},_=()=>{if(d.contentWidth<=d.wrapWidth||!d.isActive)return d.contentStyle.transitionDuration="0s",void(d.contentStyle.transform="translateX(0px)");d.contentStyle.transitionDuration=t.time+"s",d.contentStyle.transform="translateX(-100%)",d.time=setTimeout((()=>{d.contentStyle.transitionDuration="0s",d.contentStyle.transform=`translateX(${d.wrapWidth}px)`,u(_)}),5e3)},p=()=>{clearTimeout(d.time),d.isActive=!1,d.contentStyle.transitionDuration="0s",d.contentStyle.transform="translateX(0px)",d.time=null};return a((()=>t.isAnimation),(t=>{u(t?m:p)})),()=>s("div",{ref:e,class:[r,t.isAnimation?l:""],onMouseenter:()=>!t.isAnimation&&m(),onMouseleave:()=>!t.isAnimation&&p()},[s("div",{ref:n,style:d.contentStyle,class:c},[t.text])])}}))}}}));
|
