eslink-ui-plus/es/tag/index.js

vue3 component library, css framework

import{defineComponent as r,openBlock as o,createElementBlock as l,normalizeClass as c,normalizeStyle as p,renderSlot as i,createTextVNode as u,toDisplayString as f}from"vue";var a=r({name:"es-tag",props:{styles:{type:Object,default:()=>({})},type:{type:String,default:"success"},text:{type:[String,Number],default:"\u6210\u529F"}},setup(){return{}}});function g(e,d,s,n,t,b){return o(),l("span",{class:c(["es-tag",[e.type]]),style:p(e.styles)},[i(e.$slots,"default",{},()=>[u(f(e.text),1)])],6)}function m(e,d){d===void 0&&(d={});var s=d.insertAt;if(!(!e||typeof document=="undefined")){var n=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css",s==="top"&&n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}var y=`.es-tag[data-v-19bd3e1c] {
  padding: 2px 4px;
  font-size: 12px;
  border-radius: 4px;
}
.es-tag.success[data-v-19bd3e1c] {
  background: #d5f4f6;
  color: #09757c;
}
.es-tag.error[data-v-19bd3e1c] {
  background: #fbd4d4;
  color: #da0000;
}
.es-tag.warn[data-v-19bd3e1c] {
  background: #fff8bf;
  color: #875c0a;
}
.es-tag.normal[data-v-19bd3e1c] {
  background: #d8f1d8;
  color: #368137;
}`;m(y),a.render=g,a.__scopeId="data-v-19bd3e1c",a.__file="components/tag/index.vue",a.install=e=>{e.component("es-tag",a)};export{a as default};