| 1 |
- import{b as t,d as e,c as a,a as l,l as o,o as r,i as s,n as u,e as i,u as n,$ as d,f as c,p as f,t as p,_ as b,as as y,r as g,w as m,Q as h,g as v,L as S,h as x,j as C,F as w,at as N,au as _,av as z,aw as B}from"./index-CU9Dsx61.js";const k=b(e({name:"u-badge",options:{addGlobalClass:!0,virtualHost:!0,styleIsolation:"shared"},props:{...t,type:{type:String,default:"error"},size:{type:String,default:"default"},isDot:{type:Boolean,default:!1},count:{type:[Number,String],default:void 0},overflowCount:{type:Number,default:99},showZero:{type:Boolean,default:!1},offset:{type:Array,default:()=>[20,20]},absolute:{type:Boolean,default:!0},fontSize:{type:[String,Number],default:"24"},color:{type:String,default:"var(--u-white-color)"},bgColor:{type:String,default:""},isCenter:{type:Boolean,default:!1}},setup(t){const e=t,b=a((()=>{let t={};return e.isCenter?(t.top=0,t.right=0,t.transform="translateY(-50%) translateX(50%)"):(t.top=e.offset[0]+"rpx",t.right=e.offset[1]+"rpx",t.transform="translateY(0) translateX(0)"),"mini"===e.size&&(t.transform=t.transform+" scale(0.8)"),t})),y=a((()=>e.isDot?"":Number(e.count)>e.overflowCount?`${e.overflowCount}+`:e.count)),g=a((()=>0!==Number(e.count)||!1!==e.showZero));return(t,e)=>{const a=s;return g.value?(r(),l(a,{key:0,class:i(["u-badge",[t.isDot?"u-badge-dot":"","mini"===t.size?"u-badge-mini":"",t.type?"u-badge--bg--"+t.type:"",t.customClass]]),style:u(n(d).toStyle({top:t.offset[0]+"rpx",right:t.offset[1]+"rpx",fontSize:t.fontSize+"rpx",position:t.absolute?"absolute":"static",color:t.color,backgroundColor:t.bgColor},b.value,t.customStyle))},{default:c((()=>[f(p(y.value),1)])),_:1},8,["class","style"])):o("",!0)}}}),[["__scopeId","data-v-f065223f"]]),I=b(e({name:"u-tabs",options:{addGlobalClass:!0,virtualHost:!0,styleIsolation:"shared"},props:{...t,isScroll:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},current:{type:[Number,String],default:0},height:{type:[String,Number],default:80},fontSize:{type:[String,Number],default:30},duration:{type:[String,Number],default:.5},activeColor:{type:String,default:()=>y("primary")},inactiveColor:{type:String,default:()=>y("mainColor")},barWidth:{type:[String,Number],default:40},barHeight:{type:[String,Number],default:6},gutter:{type:[String,Number],default:30},bgColor:{type:String,default:"var(--u-bg-white)"},name:{type:String,default:"name"},count:{type:String,default:"count"},offset:{type:Array,default:()=>[5,20]},bold:{type:Boolean,default:!0},activeItemStyle:{type:Object,default:()=>({})},showBar:{type:Boolean,default:!0},barStyle:{type:Object,default:()=>({})},itemWidth:{type:[String,Number],default:"auto"}},emits:["change"],setup(t,{expose:e,emit:b}){const y=t,I=b,$=N(),j=g(0),W=g([]),H=g(0),O=g(0),A=g(0),D=g(d.guid()),G=g(y.current),T=g(!0);m((()=>y.list),((t,e)=>{t.length!==e.length&&(G.value=0),B((()=>{Z()}))})),m((()=>y.current),(t=>{B((()=>{G.value=t,L()}))}),{immediate:!0});const X=a((()=>{const t={width:y.barWidth+"rpx",transform:`translate(${O.value}px, -100%)`,"transition-duration":`${T.value?0:y.duration}s`,"background-color":y.activeColor,height:y.barHeight+"rpx",opacity:T.value?0:1,"border-radius":Number(y.barHeight)/2+"px"};return Object.assign(t,y.barStyle),t}));function Y(t){let e={height:y.height+"rpx","line-height":y.height+"rpx","font-size":y.fontSize+"rpx","transition-duration":`${y.duration}s`,padding:y.isScroll?`0 ${y.gutter}rpx`:"",flex:y.isScroll?"auto":"1",width:d.addUnit(y.itemWidth)};return t==Number(G.value)&&y.bold&&(e.fontWeight="bold"),t==Number(G.value)?(e.color=y.activeColor,e=Object.assign(e,y.activeItemStyle)):e.color=y.inactiveColor,e}async function Z(){const t=await d.getRect("#"+D.value,$);A.value=t.left,H.value=t.width,function(){const t=_().in(null==$?void 0:$.proxy);for(let e=0;e<y.list.length;e++)t.select(`#u-tab-item-${e}`).fields({size:!0,rect:!0},(()=>{}));t.exec((t=>{W.value=t,L()}))}()}function F(t){t!=G.value&&I("change",t)}function L(){const t=W.value[Number(G.value)];if(!t)return;const e=t.width,a=t.left-A.value-(H.value-e)/2;j.value=a<0?0:a;const l=t.left+t.width/2-A.value;O.value=l-z(Number(y.barWidth))/2,T.value&&setTimeout((()=>{T.value=!1}),100)}return h((()=>{Z()})),e({init:Z,clickTab:F,scrollByIndex:L}),(t,e)=>{const a=k,b=s,y=S;return r(),l(b,{class:i(["u-tabs",t.customClass]),style:u(n(d).toStyle({background:t.bgColor},t.customStyle))},{default:c((()=>[v(b,null,{default:c((()=>[v(y,{"scroll-x":"",class:"u-scroll-view","scroll-left":j.value,"show-scrollbar":!1,"scroll-with-animation":""},{default:c((()=>[v(b,{class:i(["u-scroll-box",{"u-tabs-scroll-flex":!t.isScroll}]),id:D.value},{default:c((()=>[(r(!0),x(w,null,C(t.list,((e,o)=>(r(),l(b,{class:i(["u-tab-item u-line-1",[e.hidden?"u-tab-item-hidden":""]]),id:"u-tab-item-"+o,key:o,onClick:t=>F(o),style:u(Y(o))},{default:c((()=>[v(a,{count:e[t.count]||e.count||0,offset:t.offset,size:"mini"},null,8,["count","offset"]),f(" "+p(e[t.name]||e.name),1)])),_:2},1032,["class","id","onClick","style"])))),128)),t.showBar?(r(),l(b,{key:0,class:"u-tab-bar",style:u(X.value)},null,8,["style"])):o("",!0)])),_:1},8,["id","class"])])),_:1},8,["scroll-left"])])),_:1})])),_:1},8,["style","class"])}}}),[["__scopeId","data-v-50dd56b7"]]);export{I as _};
|
