ll-package
Version:
2 lines (1 loc) • 1.83 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),f=require("../../../@babel/runtime/helpers/esm/extends.js"),r=require("vue"),x=require("./style/index.js"),$=require("../_util/colors.js"),_=require("../_util/vue-types/index.js"),j=require("../config-provider/hooks/useConfigInject.js");var P=function(e,n){var l={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(l[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(l[t[o]]=e[t[o]]);return l};const v=()=>({prefix:String,color:{type:String},text:_.default.any,placement:{type:String,default:"end"}}),q=r.defineComponent({compatConfig:{MODE:3},name:"ABadgeRibbon",inheritAttrs:!1,props:v(),slots:Object,setup(e,n){let{attrs:l,slots:t}=n;const{prefixCls:o,direction:b}=j.default("ribbon",e),[y,s]=x.default(o),u=r.computed(()=>$.isPresetColor(e.color,!1)),p=r.computed(()=>[o.value,`${o.value}-placement-${e.placement}`,{[`${o.value}-rtl`]:b.value==="rtl",[`${o.value}-color-${e.color}`]:u.value}]);return()=>{var a,c;const{class:m,style:g}=l,O=P(l,["class","style"]),i={},d={};return e.color&&!u.value&&(i.background=e.color,d.color=e.color),y(r.createVNode("div",S.default({class:`${o.value}-wrapper ${s.value}`},O),[(a=t.default)===null||a===void 0?void 0:a.call(t),r.createVNode("div",{class:[p.value,m,s.value],style:f.default(f.default({},i),g)},[r.createVNode("span",{class:`${o.value}-text`},[e.text||((c=t.text)===null||c===void 0?void 0:c.call(t))]),r.createVNode("div",{class:`${o.value}-corner`,style:d},null)])]))}}});exports.default=q;exports.ribbonProps=v;