UNPKG

@aplus-frontend/ui

Version:

2 lines (1 loc) 1.06 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const u=require("./style/index.js"),c=require("../../config-provider/hooks/use-namespace.js"),d=e.defineComponent({name:"ApStatus",__name:"ApStatus",props:{text:{},padding:{default:8},color:{default:"#0070FF"},show:{type:Boolean,default:!0},style:{}},setup(o){const t=o,r=e.computed(()=>({"padding-left":t.padding+"px","padding-right":t.padding+"px",color:t.color,...t.style})),s=e.computed(()=>({"background-color":t.color})),{b:n,e:a}=c.useNamespace("ap-status"),l=u.default("ap-status");return(p,i)=>t.show?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(n)(),e.unref(l)]),style:e.normalizeStyle(r.value)},[e.createTextVNode(e.toDisplayString(t.text)+" ",1),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a)("bg"),e.unref(a)("primary")]),style:e.normalizeStyle(s.value)},null,6)],6)):e.createCommentVNode("",!0)}});exports.default=d;