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