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