uv-ui
Version:
基于vue3的移动端组件库
2 lines (1 loc) • 1.24 kB
JavaScript
"use strict";const e=require("vue"),n=require("../icon/index.cjs");require("./tag.vue_vue_type_style_index_0_lang.cjs");const c={name:"UvTag"},r=Object.assign(c,{props:{show:{type:Boolean,default:!0},closeable:{type:Boolean,default:!1},type:{type:String,default:"primary"},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},mark:{type:Boolean,default:!1},size:{type:String,default:"mini"},bgColor:{type:String,default:""},color:{type:String,default:""}},emits:["close"],setup(t,{emit:l}){const a=()=>{l("close")};return(o,u)=>(e.openBlock(),e.createBlock(e.Transition,{name:"tag-face"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["uv-tag",[t.type,t.plain?"uv-tag-plain":"",t.round?"uv-tag-round":"",t.mark?"uv-tag-mark":"",t.size==="medium"?"uv-tag-medium":"",t.size==="large"?"uv-tag-large":""]]),style:e.normalizeStyle({backgroundColor:t.bgColor,color:t.color})},[e.renderSlot(o.$slots,"default"),t.closeable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"uv-tag-close",onClick:a},[e.createVNode(e.unref(n),{name:"close",size:"12",color:t.color?t.color:"#fff"},null,8,["color"])])):e.createCommentVNode("",!0)],6),[[e.vShow,t.show]])]),_:3}))}});module.exports=r;