zview-plus/lib/packages/components/tag/src/tag.vue.js

基于 Vue3 的 UI 组件库

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./tag.js"),p=require("../../icon/index.js"),g={class:"z-tag-content"},m={name:"ZTag"},k=e.defineComponent({...m,props:l.tagProps,emits:l.tagEmits,setup(a,{emit:s}){const c=a,r=e.computed(()=>{const{type:t,theme:o,round:d,size:n}=c;return{["z-tag-round"]:d,[`z-tag--${t}`]:t,[`z-tag--${n}`]:n,[`is-${o}`]:o}}),u=t=>{s("close",t)},i=t=>{s("click",t)};return(t,o)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["z-tag",e.unref(r)]),style:e.normalizeStyle({backgroundColor:t.color}),onClick:i},[e.createElementVNode("span",g,[e.renderSlot(t.$slots,"default")]),t.closable?(e.openBlock(),e.createBlock(e.unref(p.default),{key:0,name:"close",class:"z-tag-close",onClick:e.withModifiers(u,["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0)],6))}});exports.default=k;