| 1 |
- import{d as C,r as h,c as s,g as j,a as E,m as F,w as M,o as N,b as z,e as m,f as d,h as D,v as H,F as K,u as U,i as Y,j as b,k as B,l as w,K as Z,_ as q}from"./index-9e59d463.js";import{c as R,t as y,n as P,m as G,u as J,g as L,w as V,e as Q,a as W,B as X,i as ee,I as te}from"./index-706bc599.js";import{u as ae}from"./use-placeholder-fd7f6db9.js";import{B as ne}from"./constant-7967f80c.js";import{c as oe}from"./on-popup-reopen-0a926119.js";import{r as re,u as ce}from"./use-route-93ca5788.js";const[S,A]=R("tabbar"),se={route:Boolean,fixed:y,border:y,zIndex:P,placeholder:Boolean,activeColor:String,beforeChange:Function,inactiveColor:String,modelValue:G(0),safeAreaInsetBottom:{type:Boolean,default:null}},T=Symbol(S);var le=C({name:S,props:se,emits:["change","update:modelValue"],setup(t,{emit:l,slots:o}){const u=h(),{linkChildren:v}=J(T),i=ae(u,A),a=()=>{var n;return(n=t.safeAreaInsetBottom)!=null?n:t.fixed},r=()=>{var n;const{fixed:e,zIndex:c,border:_}=t;return s("div",{ref:u,role:"tablist",style:L(c),class:[A({fixed:e}),{[ne]:_,"van-safe-area-bottom":a()}]},[(n=o.default)==null?void 0:n.call(o)])};return v({props:t,setActive:(n,e)=>{oe(t.beforeChange,{args:[n],done(){l("update:modelValue",n),l("change",n),e()}})}}),()=>t.fixed&&t.placeholder?i(r):r()}});const ie=V(le),[ue,I]=R("tabbar-item"),de=Q({},re,{dot:Boolean,icon:String,name:P,badge:P,badgeProps:Object,iconPrefix:String});var me=C({name:ue,props:de,emits:["click"],setup(t,{emit:l,slots:o}){const u=ce(),v=j().proxy,{parent:i,index:a}=W(T);if(!i)return;const r=E(()=>{var e;const{route:c,modelValue:_}=i.props;if(c&&"$route"in v){const{$route:x}=v,{to:g}=t,p=ee(g)?g:{path:g};return!!x.matched.find(k=>{const O="path"in p&&p.path===k.path,$="name"in p&&p.name===k.name;return O||$})}return((e=t.name)!=null?e:a.value)===_}),f=e=>{var c;r.value||i.setActive((c=t.name)!=null?c:a.value,u),l("click",e)},n=()=>{if(o.icon)return o.icon({active:r.value});if(t.icon)return s(te,{name:t.icon,classPrefix:t.iconPrefix},null)};return()=>{var e;const{dot:c,badge:_}=t,{activeColor:x,inactiveColor:g}=i.props,p=r.value?x:g;return s("div",{role:"tab",class:I({active:r.value}),style:{color:p},tabindex:0,"aria-selected":r.value,onClick:f},[s(X,F({dot:c,class:I("icon"),content:_},t.badgeProps),{default:n}),s("div",{class:I("text")},[(e=o.default)==null?void 0:e.call(o,{active:r.value})])])}}});const ve=V(me);const fe=["src"],pe=["src"],_e=["src"],ge=C({__name:"Index",setup(t){const l=h("/home"),o=U();M(()=>o.currentRoute.value.path,(i,a)=>{console.log("路由参数发生了变化",i,a),l.value=o.currentRoute.value.path}),console.log(o.currentRoute.value.path);const u=h(!0),v=h(document.documentElement.clientHeight);return N(()=>{window.onresize=()=>{v.value>document.documentElement.clientHeight?u.value=!1:u.value=!0},l.value=o.currentRoute.value.path}),(i,a)=>{const r=Y("router-view"),f=ve,n=ie;return b(),z(K,null,[m("div",null,[s(r,null,{default:d(({Component:e,route:c})=>[c.meta.keepAlive?(b(),B(Z,{key:0},[(b(),B(w(e)))],1024)):(b(),B(w(e),{key:1}))]),_:1})]),D(s(n,{style:{"border-top":"1px solid #f0f0f0"},class:"jj","active-color":"#0047FF",modelValue:l.value,"onUpdate:modelValue":a[0]||(a[0]=e=>l.value=e)},{default:d(()=>[s(f,{name:"/home",to:"/"},{icon:d(e=>[m("img",{src:e.active?"static/images/icon-home-active.png":"static/images/icon-home.png"},null,8,fe)]),default:d(()=>[a[1]||(a[1]=m("span",null,"工作台",-1))]),_:1}),s(f,{name:"/device",to:"/device"},{icon:d(e=>[m("img",{src:e.active?"static/images/icon-device-active.png":"static/images/icon-device.png"},null,8,pe)]),default:d(()=>[a[2]||(a[2]=m("span",null,"设备",-1))]),_:1}),s(f,{name:"/mine",to:"/mine"},{icon:d(e=>[m("img",{src:e.active?"static/images/icon-mine-active.png":"static/images/icon-mine.png"},null,8,_e)]),default:d(()=>[a[3]||(a[3]=m("span",null,"我的",-1))]),_:1})]),_:1},8,["modelValue"]),[[H,u.value]])],64)}}});const Ce=q(ge,[["__scopeId","data-v-fcfab483"]]);export{Ce as default};
|
