ant-design-x-vue-next/lib/conversations/Creation.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 t=require("vue"),a=require("../chunks/module-chunk.js"),h=require("../locale/useLocale.js"),k=require("./style/index.js"),N=t.defineComponent({name:"AXConversationsCreation",inheritAttrs:!1,__name:"Creation",props:{label:{type:Function,default:void 0},align:{default:"center"},prefixCls:{default:"ant-conversations-creation"},className:{default:""},style:{default:()=>({})},disabled:{type:Boolean,default:!1},icon:{type:Function,default:void 0},onClick:{type:Function},shortcutKeysIcon:null},emits:["click"],setup(c,{emit:u}){const e=c,r=u,o=t.useAttrs(),[i]=h.default("Conversations"),s=t.computed(()=>e.prefixCls||"ant-conversations-creation"),d=t.computed(()=>s.value.replace(/-creation$/,"")||"ant-conversations"),[f,p,v]=k.default(d),m=t.computed(()=>e.icon?typeof e.icon=="function"?e.icon():e.icon:t.createVNode(a.PlusOutlined,{class:`${s.value}-icon`},null)),y=t.computed(()=>{if(e.label!==void 0&&e.label!==null)return typeof e.label=="function"?e.label():e.label;const l=e.shortcutKeysIcon||[];return t.createVNode("div",{class:a.classnames(`${s.value}-label`,{[`${s.value}-label-shortcut-keys-show`]:l.length>0})},[t.createVNode("span",null,[i.value.create]),l.length>0&&t.createVNode("span",{class:`${s.value}-shortcut-keys`},[l.map(n=>t.createVNode("span",{class:`${s.value}-shortcut-key`,key:n},[n]))])])}),b=t.computed(()=>a.classnames(s.value,e.className,o.class,`${s.value}-${e.align||"center"}`,p.value,v,{[`${s.value}-disabled`]:e.disabled})),C=l=>{var n;e.disabled||((n=e.onClick)==null||n.call(e,l),r("click",l))};return()=>{const{class:l,style:n,onClick:$,..._}=o;return f(t.createVNode("button",t.mergeProps({type:"button"},_,{disabled:e.disabled,onClick:C,style:{...e.style,...n},class:b.value}),[m.value,y.value]))}}});exports.default=N;