| 12 |
- var e=Object.defineProperty,t=Object.defineProperties,r=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,o=(t,r,l)=>r in t?e(t,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[r]=l;import{e as n}from"./index-B_-K9rXC.js";import{k as i,r as c,c as u,d as p,p as d,w as v,P as f,D as y,S as m,R as w,V as x,Q as b}from"./vendor-CgKklJ4r.js";import{_}from"./_plugin-vue_export-helper-BCo6x5W8.js";const j={class:"scroll-wrapper"},O=["innerHTML"],g=["innerHTML"],T=i((h=((e,t)=>{for(var r in t||(t={}))a.call(t,r)&&o(e,r,t[r]);if(l)for(var r of l(t))s.call(t,r)&&o(e,r,t[r]);return e})({},{name:"ArtTextScroll"}),L={__name:"index",props:{text:{},speed:{default:70},direction:{default:"left"},type:{default:"default"},showClose:{type:Boolean,default:!1},typewriter:{type:Boolean,default:!1},typewriterSpeed:{default:100}},emits:["close"],setup(e,{emit:t}){const r=t,l=e,a=c(null),s=n(a),o=c(null),i=c(0),_=c("");let T=null;const h=c(!1),L=u((()=>l.typewriter?!s.value&&h.value:!s.value)),P=u((()=>l.typewriter?_.value:l.text)),k=u((()=>({"--animation-duration":`${i.value}s`,"--animation-play-state":L.value?"running":"paused","--animation-direction":"left"===l.direction?"normal":"reverse"}))),S=()=>{if(o.value){const e=o.value.scrollWidth/2;i.value=e/l.speed}},C=()=>{r("close")},H=()=>{let e=0;_.value="",h.value=!1;const t=()=>{e<l.text.length?(_.value+=l.text[e],e++,T=setTimeout(t,l.typewriterSpeed)):h.value=!0};t()};return p((()=>{S(),window.addEventListener("resize",S),l.typewriter&&H()})),d((()=>{window.removeEventListener("resize",S),T&&clearTimeout(T)})),v((()=>l.text),(()=>{l.typewriter&&(T&&clearTimeout(T),H())})),(e,t)=>(y(),f("div",{ref_key:"containerRef",ref:a,class:m(["text-scroll-container",[`text-scroll--${l.type}`]])},[t[1]||(t[1]=w("div",{class:"left-icon"},[w("i",{class:"iconfont-sys"},"")],-1)),w("div",j,[w("div",{class:m(["text-scroll-content",{scrolling:L.value}]),style:b(k.value),ref_key:"scrollContent",ref:o},[w("div",{class:"scroll-item",innerHTML:P.value},null,8,O),w("div",{class:"scroll-item",innerHTML:P.value},null,8,g)],6)]),e.showClose?(y(),f("div",{key:0,class:"right-icon",onClick:C},t[0]||(t[0]=[w("i",{class:"iconfont-sys"},"",-1)]))):x("",!0)],2))}},t(h,r(L))));var h,L;const P=_(T,[["__scopeId","data-v-1bcf9101"]]);export{P as _};
|
