ant-design-x-vue-next/lib/actions/ActionsFeedback.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 l=require("vue"),y=require("ant-design-vue"),a=require("../chunks/module-chunk.js"),I=require("../_util/hooks/use-mobile.js");require("../x-provider/index.js");const t=require("./constants.js"),T=require("../locale/useLocale.js"),X=require("./style/index.js"),z=require("../x-provider/hooks/use-x-provider-context.js");function F(c){return typeof c=="function"||Object.prototype.toString.call(c)==="[object Object]"&&!l.isVNode(c)}const G=l.defineComponent({name:"AXActionsFeedback",inheritAttrs:!1,__name:"ActionsFeedback",props:{value:{default:"default"},prefixCls:{default:void 0},rootClassName:{default:""},classNames:{default:()=>({})},styles:{default:()=>({})}},emits:["change"],setup(c,{emit:$}){const e=c,u=$,r=l.useAttrs(),k=I.useMobile(),{direction:b,getPrefixCls:B}=z.default(),o=B("actions",e.prefixCls),[K,U,h]=X.default(o),i=`${o}-feedback`,[_]=T.default("Actions"),g=l.computed(()=>{var s;return a.classnames(o,i,U.value,h,e.rootClassName,(s=e.classNames)==null?void 0:s.root,`${o}-list`,r.class,{[`${i}-rtl`]:b.value==="rtl"})}),q=()=>{u("change",e.value===t.FEEDBACK_VALUE.dislike?t.FEEDBACK_VALUE.default:t.FEEDBACK_VALUE.dislike)},x=()=>{u("change",e.value===t.FEEDBACK_VALUE.like?t.FEEDBACK_VALUE.default:t.FEEDBACK_VALUE.like)};return()=>{var E,m,f,A,C,V,N,p,v,D,L;const s=e.value,S=s===t.FEEDBACK_VALUE.like?l.createVNode(a.LikeFilled,null,null):l.createVNode(a.LikeOutlined,null,null),n=l.createVNode("span",{onClick:x,style:{...(E=e.styles)==null?void 0:E.like,...s==="like"?(m=e.styles)==null?void 0:m.liked:{}},class:a.classnames(`${i}-item`,`${o}-item`,`${i}-item-like`,(f=e.classNames)==null?void 0:f.like,{[`${(A=e.classNames)==null?void 0:A.liked}`]:((C=e.classNames)==null?void 0:C.liked)&&s==="like",[`${i}-item-like-active`]:s==="like"})},[S]),M=s===t.FEEDBACK_VALUE.dislike?l.createVNode(a.DislikeFilled,null,null):l.createVNode(a.DislikeOutlined,null,null),d=l.createVNode("span",{onClick:q,style:{...(V=e.styles)==null?void 0:V.dislike,...s==="dislike"?(N=e.styles)==null?void 0:N.disliked:{}},class:a.classnames(`${i}-item`,`${o}-item`,`${i}-item-dislike`,(p=e.classNames)==null?void 0:p.dislike,{[`${(v=e.classNames)==null?void 0:v.disliked}`]:((D=e.classNames)==null?void 0:D.disliked)&&s==="dislike",[`${i}-item-dislike-active`]:s==="dislike"})},[M]),O=[t.FEEDBACK_VALUE.default,t.FEEDBACK_VALUE.like].includes(s),P=[t.FEEDBACK_VALUE.default,t.FEEDBACK_VALUE.dislike].includes(s),{class:H,style:j,...w}=r;return K(l.createVNode("div",l.mergeProps(w,{class:g.value,style:{...j,...(L=e.styles)==null?void 0:L.root}}),[O?k.value?n:l.createVNode(y.Tooltip,{key:`like_${s}`,title:_.value.feedbackLike},F(n)?n:{default:()=>[n]}):null,P?k.value?d:l.createVNode(y.Tooltip,{key:`dislike_${s}`,title:_.value.feedbackDislike},F(d)?d:{default:()=>[d]}):null]))}}});exports.default=G;