ant-design-x-vue-next/lib/sender/components/SpeechButton/RecordingIcon.js

Ant Design X for Vue — community continuation aligned with @ant-design/x

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("../../../locale/useLocale.js"),t=1e3,n=4,r=140,s=250,u=500,c=.8,N=e.defineComponent({name:"AXSenderRecordingIcon",__name:"RecordingIcon",props:{className:null,audioIcon:null,audioDisabledIcon:null,audioRecordingIcon:null},setup(i){const a=r/2,d=i,[m]=I.default("Sender");return()=>e.createVNode("svg",{color:"currentColor",viewBox:`0 0 ${t} ${t}`,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",class:d.className},[e.createVNode("title",null,[m.value.speechRecording]),Array.from({length:n}).map((T,o)=>{const g=(t-r*n)/(n-1),_=o*(g+r),l=t/2-s/2,p=t/2-u/2;return e.createVNode("rect",{fill:"currentColor",rx:a,ry:a,height:s,width:r,x:_,y:l,key:o},[e.createVNode("animate",{attributeName:"height",values:`${s}; ${u}; ${s}`,keyTimes:"0; 0.5; 1",dur:`${c}s`,begin:`${c/n*o}s`,repeatCount:"indefinite"},null),e.createVNode("animate",{attributeName:"y",values:`${l}; ${p}; ${l}`,keyTimes:"0; 0.5; 1",dur:`${c}s`,begin:`${c/n*o}s`,repeatCount:"indefinite"},null)])})])}});exports.default=N;