ant-design-x-vue-next/lib/sender/components/Skill.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"),p=require("ant-design-vue"),c=require("../../chunks/module-chunk.js"),v=e.defineComponent({name:"AXSenderSkill",__name:"Skill",props:{title:null,value:null,toolTip:null,closable:{type:Boolean},prefixCls:null,removeSkill:{type:Function}},setup(u){const l=u,t=e.computed(()=>`${l.prefixCls}-skill`),r=e.computed(()=>{if(!l.closable)return null;const o=typeof l.closable=="boolean"?{}:l.closable,i=a=>{var n;o.disabled||(a.stopPropagation(),l.removeSkill(),(n=o.onClose)==null||n.call(o,a))},d=o.closeIcon||e.createVNode(c.CloseOutlined,{class:`${t.value}-close-icon`},null);return e.createVNode("div",{class:c.classnames(`${t.value}-close`,{[`${t.value}-close-disabled`]:o.disabled}),onClick:i,role:"button","aria-label":"Close skill",tabindex:0},[d])}),s=e.computed(()=>l.title||l.value);return()=>{const o=l.toolTip?e.createVNode(p.Tooltip,l.toolTip,{default:()=>[s.value]}):s.value;return e.createVNode("div",{class:`${t.value}-wrapper`},[e.createVNode("div",{class:`${t.value}-tag`,role:"button",tabindex:0},[e.createVNode("span",{class:`${t.value}-tag-text`},[o]),r.value]),e.createVNode("div",{class:`${t.value}-holder`},null)])}}});exports.default=v;