var e=Object.defineProperty,t=Object.defineProperties,s=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,r=(t,s,a)=>s in t?e(t,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[s]=a,l=(e,t)=>{for(var s in t||(t={}))o.call(t,s)&&r(e,s,t[s]);if(a)for(var s of a(t))n.call(t,s)&&r(e,s,t[s]);return e};import{I as i,_ as d}from"./index-DuMLoKSq.js";import{f as c,h as p}from"./note-B8FT25gi.js";import{y as u,z as m,B as f,A as y,l as h,h as g,ae as v,al as w,I as b,L as j,J as x,R as z,Q as k,a5 as O,P as S,O as A,E as C}from"./vue-vendor-o3p-Y_v4.js";import{I as V,o as T,h as _}from"./element-plus-pFwXBqSo.js";const E={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},I=[f("path",{opacity:".3",d:"M19.41 9H18V7h-2V5.08A7.979 7.979 0 0 0 12 4c-4.42 0-8 3.58-8 8s3.58 8 8 8s8-3.58 8-8c0-1.06-.21-2.07-.59-3zM15.5 8c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5zm-7 0c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11S7 10.33 7 9.5S7.67 8 8.5 8zm3.5 9.5c-2.33 0-4.31-1.46-5.11-3.5h10.22c-.8 2.04-2.78 3.5-5.11 3.5z",fill:"currentColor"},null,-1),f("path",{d:"M7 9.5C7 8.67 7.67 8 8.5 8s1.5.67 1.5 1.5S9.33 11 8.5 11S7 10.33 7 9.5zm5 8c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5zm3.5-6.5c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8S14 8.67 14 9.5s.67 1.5 1.5 1.5zM22 1h-2v2h-2v2h2v2h2V5h2V3h-2V1zm-2 11c0 4.42-3.58 8-8 8s-8-3.58-8-8s3.58-8 8-8c1.46 0 2.82.4 4 1.08V2.84A9.929 9.929 0 0 0 11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12c0-1.05-.17-2.05-.47-3H19.4c.38.93.6 1.94.6 3z",fill:"currentColor"},null,-1)],P=u({name:"AddReactionTwotone",render:function(e,t){return y(),m("svg",E,I)}}),R={props:{id:{type:Number,default:void 0},disabled:{type:Boolean,default:!1},data:{type:Array,default:[]},max:{type:Number,default:null}},components:{VIcon:i,AddReactionTwotone:P},setup(e,a){const o=h({emojis:["👍","👎","😍","😡","😢","😅","🚀","🔥","👀"],tags:e.data,userTags:new Set}),n=()=>{e.disabled||c(e.id).then(t=>{200===t.code&&(e.max&&t.data.tags.sort((e,t)=>e[1]>t[1]?1:-1).slice(0,e.max),o.tags=t.data.tags,o.userTags=new Set(t.data.user_tags))})};g(()=>e.id,n),g(()=>e.data,()=>{o.tags=e.data}),n();return r=l(l({},v(o)),v(e)),t(r,s({handleEmojiAdd:t=>{p(e.id,{index:t,state:!0}).then(e=>{200===e.code&&n()})},handleEmojiRemove:t=>{p(e.id,{index:t,state:!1}).then(e=>{200===e.code&&n()})}}));var r}},M={style:{display:"flex","align-items":"center"}},B=["onClick"],H={key:1},N={style:{"font-size":"16px"}};const $=d(R,[["render",function(e,t,s,a,o,n){const r=w("AddReactionTwotone"),l=w("VIcon"),i=V,d=T,c=_;return y(),m("div",M,[s.disabled?j("",!0):(y(),b(d,{key:0,placement:"top",trigger:"click",width:"395px"},{reference:x(()=>[z(l,{size:"28px",style:{cursor:"pointer"}},{default:x(()=>[z(r)]),_:1})]),default:x(()=>[z(i,{size:12,style:{display:"flex","font-size":"22px","justify-content":"space-between"}},{default:x(()=>[(y(!0),m(k,null,O(e.emojis,(e,t)=>(y(),m("div",{key:t,style:{cursor:"pointer"},onClick:e=>a.handleEmojiAdd(t)},S(e),9,B))),128))]),_:1})]),_:1})),s.disabled?j("",!0):(y(),m("div",H,"  ")),(y(!0),m(k,null,O(e.tags,(t,o)=>(y(),b(c,{round:"",size:"small",key:`${s.id}-${o}`,class:C(e.userTags.has(t[0])?"is-active":""),onClick:s=>e.userTags.has(t[0])?a.handleEmojiRemove(t[0]):null},{default:x(()=>[f("div",N,S(e.emojis[t[0]]),1),A(" "+S(t[1]),1)]),_:2},1032,["class","onClick"]))),128))])}]]);export{$ as _};