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

Craft AI-driven interfaces effortlessly

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../../../chunks/helper-chunk.js"),t=1e3,n=4,o=140,s=250,a=500,c=.8,h=e.defineComponent({name:"AXSenderRecordingIcon",__name:"RecordingIcon",props:{className:{type:String,required:!1},audioIcon:{type:null,required:!1},audioDisabledIcon:{type:null,required:!1},audioRecordingIcon:{type:null,required:!1}},setup(l,{expose:d}){d();const u=o/2;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:l.className},[e.createVNode("title",null,[e.createTextVNode("Speech Recording")]),Array.from({length:n}).map((y,r)=>{const g=(t-o*n)/(n-1),p=r*(g+o),i=t/2-s/2,m=t/2-a/2;return e.createVNode("rect",{fill:"currentColor",rx:u,ry:u,height:s,width:o,x:p,y:i,key:r},[e.createVNode("animate",{attributeName:"height",values:`${s}; ${a}; ${s}`,keyTimes:"0; 0.5; 1",dur:`${c}s`,begin:`${c/n*r}s`,repeatCount:"indefinite"},null),e.createVNode("animate",{attributeName:"y",values:`${i}; ${m}; ${i}`,keyTimes:"0; 0.5; 1",dur:`${c}s`,begin:`${c/n*r}s`,repeatCount:"indefinite"},null)])})])}}),f=_._export_sfc(h,[["__file","/Users/wangzhichao/办公/code/github/ant-design-x-vue-pure/ant-design-x-vue/src/sender/components/SpeechButton/RecordingIcon.vue"]]);exports.default=f;