ll-package
Version:
2 lines (1 loc) • 3.92 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),i=require("../../../@babel/runtime/helpers/esm/extends.js"),t=require("vue"),B=require("../_util/vue-types/index.js"),L=require("./ScrollNumber.js"),Q=require("../_util/classNames.js"),E=require("../_util/props-util/index.js"),U=require("../_util/vnode.js"),W=require("../_util/transition.js"),X=require("./Ribbon.js"),Y=require("../config-provider/hooks/useConfigInject.js"),p=require("../_util/isNumeric.js"),ee=require("./style/index.js"),te=require("../_util/colors.js"),O=()=>({count:B.default.any.def(null),showZero:{type:Boolean,default:void 0},overflowCount:{type:Number,default:99},dot:{type:Boolean,default:void 0},prefixCls:String,scrollNumberPrefixCls:String,status:{type:String},size:{type:String,default:"default"},color:String,text:B.default.any,offset:Array,numberStyle:{type:Object,default:void 0},title:String}),le=t.defineComponent({compatConfig:{MODE:3},name:"ABadge",Ribbon:X.default,inheritAttrs:!1,props:O(),slots:Object,setup(e,R){let{slots:o,attrs:f}=R;const{prefixCls:l,direction:V}=Y.default("badge",e),[j,Z]=ee.default(l),S=t.computed(()=>e.count>e.overflowCount?`${e.overflowCount}+`:e.count),N=t.computed(()=>S.value==="0"||S.value===0),k=t.computed(()=>e.count===null||N.value&&!e.showZero),x=t.computed(()=>(e.status!==null&&e.status!==void 0||e.color!==null&&e.color!==void 0)&&k.value),c=t.computed(()=>e.dot&&!N.value),s=t.computed(()=>c.value?"":S.value),T=t.computed(()=>(s.value===null||s.value===void 0||s.value===""||N.value&&!e.showZero)&&!c.value),D=t.ref(e.count),v=t.ref(s.value),m=t.ref(c.value);t.watch([()=>e.count,s,c],()=>{T.value||(D.value=e.count,v.value=s.value,m.value=c.value)},{immediate:!0});const y=t.computed(()=>te.isPresetColor(e.color,!1)),z=t.computed(()=>({[`${l.value}-status-dot`]:x.value,[`${l.value}-status-${e.status}`]:!!e.status,[`${l.value}-color-${e.color}`]:y.value})),M=t.computed(()=>e.color&&!y.value?{background:e.color,color:e.color}:{}),H=t.computed(()=>({[`${l.value}-dot`]:m.value,[`${l.value}-count`]:!m.value,[`${l.value}-count-sm`]:e.size==="small",[`${l.value}-multiple-words`]:!m.value&&v.value&&v.value.toString().length>1,[`${l.value}-status-${e.status}`]:!!e.status,[`${l.value}-color-${e.color}`]:y.value}));return()=>{var g,h;const{offset:r,title:q,color:I}=e,_=f.style,w=E.getPropsSlot(o,e,"text"),n=l.value,u=D.value;let a=E.flattenChildren((g=o.default)===null||g===void 0?void 0:g.call(o));a=a.length?a:null;const P=!!(!T.value||o.count),b=(()=>{if(!r)return i.default({},_);const d={marginTop:p.default(r[1])?`${r[1]}px`:r[1]};return V.value==="rtl"?d.left=`${parseInt(r[0],10)}px`:d.right=`${-parseInt(r[0],10)}px`,i.default(i.default({},d),_)})(),F=q??(typeof u=="string"||typeof u=="number"?u:void 0),G=P||!w?null:t.createVNode("span",{class:`${n}-status-text`},[w]),J=typeof u=="object"||u===void 0&&o.count?U.cloneElement(u??((h=o.count)===null||h===void 0?void 0:h.call(o)),{style:b},!1):null,A=Q.default(n,{[`${n}-status`]:x.value,[`${n}-not-a-wrapper`]:!a,[`${n}-rtl`]:V.value==="rtl"},f.class,Z.value);if(!a&&x.value){const d=b.color;return j(t.createVNode("span",C.default(C.default({},f),{},{class:A,style:b}),[t.createVNode("span",{class:z.value,style:M.value},null),t.createVNode("span",{style:{color:d},class:`${n}-status-text`},[w])]))}const K=W.getTransitionProps(a?`${n}-zoom`:"",{appear:!1});let $=i.default(i.default({},b),e.numberStyle);return I&&!y.value&&($=$||{},$.background=I),j(t.createVNode("span",C.default(C.default({},f),{},{class:A}),[a,t.createVNode(t.Transition,K,{default:()=>[t.withDirectives(t.createVNode(L.default,{prefixCls:e.scrollNumberPrefixCls,show:P,class:H.value,count:v.value,title:F,style:$,key:"scrollNumber"},{default:()=>[J]}),[[t.vShow,P]])]}),G]))}}});exports.badgeProps=O;exports.default=le;