import{V as w}from"./vue3-danmaku.esm-6ad37a38.js";import"./_vue_commonjs-external-02441c5a.js";const g=[{avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIADIAMgMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAFBAYBAgMAB//aAAgBAQAAAAD7HU4ObhMC3AnlYvY8ISwA+6WDOd4/RA96FVeF66BOVWB3TsAOgZC27wv/xAAYAQEBAQEBAAAAAAAAAAAAAAACAwQAAf/aAAgBAhAAAAC3sw8uyRDQPV//xAAYAQADAQEAAAAAAAAAAAAAAAAAAgMBBP/aAAgBAxAAAACQ7LfmoUTNvFf/xAA0EAACAQMBBAcHAwUAAAAAAAABAgMABBESBRMxQRAhIjJRYbEUIzRCUnOBM3KSU2KRoeH/2gAIAQEAAT8AmmSCJpHOAoq6vZp8lmITkgonSQCMZxikkdGDxsVbxFbK2l7TGUkwHQfy6Ln4if7jetbcdglvH9TFv40hD71CGzlQpAyACRkt4VcxojxOdIj06GzwA5VKkilGUdjUcNxD9XlwI5g1Bfm0u4nC5UHDeYNWu0LS4B3D6mHHIwaufiJ/uN61tm6Et6GPCIbv8mtqi4gtrFkzjeuxIGRq+TP4orI1jpK+8MHAfVprYcM8kVysmoIGiwG8UfVgVcwh1ecDGiYcvlNWk7W9zDKucqwyPEVOczzfvb1q/wBkXWqR4Sja8nDHGCajAEagHIAx/jourmK0haaV9KrWyrFZLRZJ07MqNhc8Q3M/irfZFlaOGQF2HzOc1cACeYD+o3r0XptYEJKAyMx06TgsxOaupr+MhkIQk6TlfPlkVNCIxBc3A9onLjRG/WtWV1BPFlRp09TpzBHLoufiJ/uN69G05JLxt8C2ksQpTiAMHIq0mQz6HnMnZwurBwBRhKTLLK5Y6Oz/AGf9qwla3u4TykBRh/sdFx8RN9xvWpri43Unv5O6fmNSSSCHGtsb0DGfKrFm3zdZ7o9RUskhMnbbu+NLJJrh7bfqJz869onxjfSY/callk3knvG7x51//8QAIxEAAgEEAQMFAAAAAAAAAAAAAQIRAAMSMRAEIXETMjNBUf/aAAgBAgEBPwBMUTNv3tSdQrgZDYpwMmx0N8PdFv0iBMAyKS4QroF99JcxDhhMntwxgUCoJIER90jZCeG2PBpvjNWtHzx//8QAIBEAAgICAgIDAAAAAAAAAAAAAQIAERASAyEyM0GBkf/aAAgBAwEBPwBtmbURuErdRb1W/nCIW3vqMgJVr8YyWVIyvYG/5CKwJze36jY//9k=",name:"\u7F8E\u7EEA",text:"\u9A6C\u4EC0\u4E48\u6885\uFF1F"},{avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIADIAMgMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAAABQIDBAEGB//aAAgBAQAAAAD65hzG3WLcATfCbHYQ9IY0uiEfRkU1IOr+RoUG1ornWj7Y6//EABgBAQADAQAAAAAAAAAAAAAAAAQAAgUD/9oACAECEAAAACEf3IJba51tGDNq/wD/xAAYAQEAAwEAAAAAAAAAAAAAAAAEAQMFAv/aAAgBAxAAAABSg0MWQdj+c6VozP/EAC0QAAIBAwMBBgUFAAAAAAAAAAECEQADBBASMUEiUVJhcZEFExQhgSAyQoKx/9oACAEBAAE/AKu5oEi2A3meKOXf8cfgV9Xe2kEgyOeCKsZSXAqs0XP91z7+wC3MSCzeg/RbuG06uO8T6a5kNkOOu0CpUXWQMdo4kQRPQihPd9tH+4jXIw0yDukq0RNHFu2/iOVku0pfx7foHt91MttbMyN7njqQDo3BPkdWEqRJEjkV8QOV2LVq2xBBlkoq+y181CrgHn1nXHffZQ+UH8aEwCaEoJP9qzbe+ySOUO7XCuxca2f5CR6jS477H7bftPWt7+NvekdzbWXYyo60rvtXtHgda3v4j71Yd/qLPaPJ6+Vb38be9f/EACYRAAECBAQHAQAAAAAAAAAAAAECAwAEEBIREzFSITNBQlFhgXL/2gAIAQIBAT8AffKDYjXqYznd5hhwuI46ijjOOaSfaYUm232Ik9F/KKQFRMN2LHgiJVdrmG6s32fYa5iP0Kf/xAAmEQABAgQFBAMAAAAAAAAAAAABAgMAEBESBBNCUoEhMTNhUXFy/9oACAEDAQE/AGGAoXK4EZLWwQ+2G19Oxk28RlhI9GEqur9xi9HMm3C2qtAfRhhy9J+axiUXIrtnhdfEOeNf5Mv/2Q==",name:"\u535A\u58EB",text:"\u9A6C\u4E1C\u4EC0\u4E48\uFF1F"},{avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIADIAMgMBIgACEQEDEQH/xAAxAAACAgMBAAAAAAAAAAAAAAAABgQFAQIHAwEBAAMBAAAAAAAAAAAAAAAAAwABAgT/2gAMAwEAAhADEAAAAI7CsPnN1VeZ0okpTbSWASKzwmMPRy3PuuWhpv4KvQ7pcJYTUb+hdLQYWJoaVU+RU3jcXiaoegAhWOAPeeaBd1wGtf/EAC4QAAIBAwIEBAUFAQAAAAAAAAECAwAEEQUhBhASMRMiQWEUI3KBoSAzQlFSkv/aAAgBAQABPwDTxidHHbdTyZGjdkcYYelBGKM4HlUgH7/osXInRfQsK0q18abxGHkj/JrV0KXrEfzUGtLiE0F1G48r4GfcVJDJFI0TbMp52W91D9VXt42mWQCu0QUqHZQC7SyDIRA22QO5NXkFyLeFpnWRggYsMZw/+ioAPsRVlOtrpsshx+6d2OFGw3J/oVK897YR6nbfORCTkp0OVQ7lRk5Aq5gMZSVR8qVepfbPpy0jDSRyEZxIg/6JrjKJytlEEJ63uJD7ttXB6Tn41bhW8Mwxxjqzt3OBWrx+Bw9fQsRvIgBzjYutcP3F8upWVmZZltvjFPQW22BqeAJpHh+kWyeyhsL+KXS9RcB1WLpYZGSc4NcKwxTrcRy+qrj2IJIqe3S5AEsSOAcgMobB+9Lb9KhVAAHYCntRIjI6hkYYZWGQRUGm2ltMssVsiSKCAVGMZqWFZ4fDY4XYn7ULaEgF182N/Me9cIuI3kY9gFodLAEHINFgKDKdqwK1LVotOMSsnWz5JAPYUeJZyTiKMVwv2n+la08npcZOBjke3LVWZtRuizE4kI5f/8QAIBEBAAIBAgcAAAAAAAAAAAAAAQARAwIQEiAhMTJBcf/aAAgBAgEBPwDL5HzkadfX0RDjmTSUJtks1MqWpVypk7uxt//EACARAQABAwMFAAAAAAAAAAAAAAEAAhEhAxATEiIxYXH/2gAIAQMBAT8A0m1L9l+2++Sg9sF45p1N7M6iUJYwM5GYW4ZmZT4Njb//2Q==",name:"\u67DA\u5B50",text:"\u4EC0\u4E48\u51AC\u6885\uFF1F"}],B=["1","2","3","4","5","6","7","8","9"],c=()=>B.map((r,t)=>{const n=t%3;return{avatar:g[n].avatar,name:g[n].name,text:r}}),I={class:"card-header"},N={class:"font-medium"},k={class:"flex gap-5"},M={class:"danmu-item"},D=["src"],h={class:"main"},v={class:"ml-5"},S={class:"ml-5"},T={class:"ml-5"},R={class:"flex"},U=Vue.defineComponent({name:"Danmaku"}),Y=Vue.defineComponent({...U,setup(r){const t=Vue.ref(),n=Vue.ref(c()),V=Vue.ref("");let s=0;const o=Vue.reactive({channels:5,useSlot:!0,loop:!0,speeds:200,fontSize:20,top:10,right:0,debounce:100,randomChannel:!0});Vue.onMounted(()=>{window.onresize=()=>F()}),Vue.onUnmounted(()=>{window.onresize=null});function l(u){switch(u){case"play":t.value.play();break;case"pause":t.value.pause();break;case"stop":t.value.stop();break;case"show":t.value.show();break;case"hide":t.value.hide();break;case"reset":t.value.reset();break}}function i(u){o.useSlot=u,n.value=u?c():B,setTimeout(()=>{t.value.stop(),t.value.play()})}function E(u){o.speeds<=10&&u===-10||(o.speeds+=u,t.value.reset())}function C(u){o.fontSize+=u,t.value.reset()}function d(u){!o.channels&&u===-1||(o.channels+=u)}function F(){s&&clearTimeout(s),s=window.setTimeout(()=>{t.value.resize()},500)}function x(){if(!V.value)return;const u=o.useSlot?{avatar:"https://i.loli.net/2021/01/17/xpwbm3jKytfaNOD.jpg",name:"\u4F60",text:V.value}:V.value;t.value.add(u),V.value=""}return(u,e)=>{const Q=Vue.resolveComponent("el-link"),a=Vue.resolveComponent("el-button"),p=Vue.resolveComponent("el-input"),m=Vue.resolveComponent("el-card");return Vue.openBlock(),Vue.createBlock(m,null,{header:Vue.withCtx(()=>[Vue.createElementVNode("div",I,[Vue.createElementVNode("span",N,[Vue.createTextVNode(" \u5F39\u5E55\u7EC4\u4EF6\uFF0C\u91C7\u7528\u5F00\u6E90\u7684 "),Vue.createVNode(Q,{href:"https://github.com/hellodigua/vue-danmaku/tree/vue3",target:"_blank",style:{"font-size":"16px",margin:"0 4px 5px"}},{default:Vue.withCtx(()=>[Vue.createTextVNode(" vue3-danmaku ")]),_:1})])])]),default:Vue.withCtx(()=>[Vue.createElementVNode("div",k,[Vue.createVNode(Vue.unref(w),Vue.mergeProps({ref_key:"danmaku",ref:t,class:"demo",danmus:n.value,"onUpdate:danmus":e[0]||(e[0]=A=>n.value=A),isSuspend:""},o),{dm:Vue.withCtx(({danmu:A,index:f})=>[Vue.createElementVNode("div",M,[Vue.createElementVNode("img",{class:"img",src:A.avatar},null,8,D),Vue.createElementVNode("span",null,Vue.toDisplayString(f)+Vue.toDisplayString(A.name)+"\uFF1A",1),Vue.createElementVNode("span",null,Vue.toDisplayString(A.text),1)])]),_:1},16,["danmus"]),Vue.createElementVNode("div",h,[Vue.createElementVNode("p",null,[Vue.createTextVNode(" \u64AD\u653E\uFF1A "),Vue.createVNode(a,{onClick:e[1]||(e[1]=A=>l("play"))},{default:Vue.withCtx(()=>[Vue.createTextVNode("\u64AD\u653E")]),_:1}),Vue.createVNode(a,{onClick:e[2]||(e[2]=A=>l("pause"))},{default:Vue.withCtx(()=>[Vue.createTextVNode("\u6682\u505C")]),_:1}),Vue.createVNode(a,{onClick:e[3]||(e[3]=A=>l("stop"))},{default:Vue.withCtx(()=>[Vue.createTextVNode("\u505C\u6B62")]),_:1})]),Vue.createElementVNode("p",null,[Vue.createTextVNode(" \u6A21\u5F0F\uFF1A "),Vue.createVNode(a,{onClick:e[4]||(e[4]=A=>i(!0))},{default:Vue.withCtx(()=>[Vue.createTextVNode("\u5F39\u5E55 slot")]),_:1}),Vue.createVNode(a,{onClick:e[5]||(e[5]=A=>i(!1))},{default:Vue.withCtx(()=>[Vue.createTextVNode("\u666E\u901A\u6587\u672C")]),_:1})]),Vue.createElementVNode("p",null,[Vue.createTextVNode(" \u663E\u793A\uFF1A "),Vue.createVNode(a,{onClick:e[6]||(e[6]=A=>l("show"))},{default:Vue.withCtx(()=>[Vue.createTextVNode("\u663E\u793A")]),_:1}),Vue.createVNode(a,{onClick:e[7]||(e[7]=A=>l("hide"))},{default:Vue.withCtx(()=>[Vue.createTextVNode("\u9690\u85CF")]),_:1})]),Vue.createElementVNode("p",null,[Vue.createTextVNode(" \u901F\u5EA6\uFF1A "),Vue.createVNode(a,{onClick:e[8]||(e[8]=A=>E(-10))},{default:Vue.withCtx(()=>[Vue.createTextVNode("\u51CF\u901F")]),_:1}),Vue.createVNode(a,{onClick:e[9]||(e[9]=A=>E(10))},{default:Vue.withCtx(()=>[Vue.createTextVNode("\u589E\u901F")]),_:1}),Vue.createElementVNode("span",v,"\u5F53\u524D\u901F\u5EA6\uFF1A"+Vue.toDisplayString(o.speeds)+"\u50CF\u7D20/s",1)]),Vue.createElementVNode("p",null,[Vue.createTextVNode(" \u5B57\u53F7\uFF1A "),Vue.createVNode(a,{disabled:o.useSlot,onClick:e[10]||(e[10]=A=>C(-1))},{default:Vue.withCtx(()=>[Vue.createTextVNode(" \u7F29\u5C0F ")]),_:1},8,["disabled"]),Vue.createVNode(a,{disabled:o.useSlot,onClick:e[11]||(e[11]=A=>C(1))},{default:Vue.withCtx(()=>[Vue.createTextVNode(" \u653E\u5927 ")]),_:1},8,["disabled"]),Vue.createElementVNode("span",S,"\u5F53\u524D\u5B57\u53F7\uFF1A"+Vue.toDisplayString(o.fontSize)+"px",1)]),Vue.createElementVNode("p",null,[Vue.createTextVNode(" \u8F68\u9053\uFF1A "),Vue.createVNode(a,{onClick:e[12]||(e[12]=A=>d(-1))},{default:Vue.withCtx(()=>[Vue.createTextVNode("-1")]),_:1}),Vue.createVNode(a,{onClick:e[13]||(e[13]=A=>d(1))},{default:Vue.withCtx(()=>[Vue.createTextVNode("+1")]),_:1}),Vue.createVNode(a,{onClick:e[14]||(e[14]=A=>d(-o.channels))},{default:Vue.withCtx(()=>[Vue.createTextVNode(" \u586B\u6EE1 ")]),_:1}),Vue.createElementVNode("span",T,"\u5F53\u524D\u8F68\u9053\uFF1A"+Vue.toDisplayString(o.channels),1)]),Vue.createElementVNode("p",R,[Vue.createVNode(p,{type:"text",placeholder:"\u8F93\u5165\u8BC4\u8BBA\u540E\uFF0C\u56DE\u8F66\u53D1\u9001\u5F39\u5E55",modelValue:V.value,"onUpdate:modelValue":e[15]||(e[15]=A=>V.value=A),onKeyup:Vue.withKeys(x,["enter"])},null,8,["modelValue","onKeyup"])])])])]),_:1})}}});export{Y as default};