vxe-pc-ui/lib/tag/src/tag.min.js

A vue based PC component library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTag",props:{status:String,title:[String,Number],icon:String,content:[String,Number],round:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().tag.size||(0,_ui.getConfig)().size}},emits:["click"],setup(u,e){const{slots:n,emit:i}=e;var t=_xeUtils.default.uniqueId();const s=(0,_ui.useSize)(u)["computeSize"],a=(0,_vue.ref)();var r=(0,_vue.reactive)({});const o={refElem:a},c={},l={xID:t,props:u,context:e,reactData:r,getRefMaps:()=>o,getComputeMaps:()=>c},_=(e,t,r)=>{i(e,(0,_ui.createEvent)(r,{$tag:l},t))};t={dispatchEvent:_};const v=e=>{_("click",{},e)};Object.assign(l,t,{});return l.renderVN=()=>{var{status:e,title:t,round:r}=u,i=s.value;return(0,_vue.h)("span",{ref:a,class:["vxe-tag",{["size--"+i]:i,["theme--"+e]:e,"is--round":r}],title:t,onClick:v},(()=>{var{icon:e,content:t}=u,r=n.default,i=n.icon;return[i||e?(0,_vue.h)("span",{class:"vxe-tag--icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(l),(0,_vue.h)("span",{class:"vxe-tag--content"},r?r({}):_xeUtils.default.toValueString(t))]})())},l},render(){return this.renderVN()}});