| 1 |
- import{d as C,r as b,c as s,g as E,a as F,m as M,w as N,o as z,b as D,e as m,f as d,h as H,v as K,F as U,u as Y,i as Z,j as g,k as I,l as y,K as q,p as G,n as J,_ as L}from"./index-77a68c60.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,a as te,B as ae,i as ne,I as oe}from"./index-87dc5ea8.js";import{u as ce}from"./use-placeholder-35f96da5.js";import{B as se}from"./constant-eba5e2d8.js";import{c as re}from"./on-popup-reopen-9aaf85c5.js";import{r as ie,u as le}from"./use-route-4db0608a.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=b(),{linkChildren:v}=W(O),i=ce(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}),{[se]:p,"van-safe-area-bottom":l()}]},[(a=n.default)==null?void 0:a.call(n)])};return v({props:t,setActive:(a,e)=>{re(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({},ie,{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=le(),v=E().proxy,{parent:i,index:l}=te(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=ne(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(oe,{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(ae,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)),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=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=b(!0),v=b(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 g(),D(U,null,[m("div",null,[s(o,null,{default:d(({Component:e,route:c})=>[c.meta.keepAlive?(g(),I(q,{key:0},[(g(),I(y(e)))],1024)):(g(),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,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"]),[[K,u.value]])],64)}}});const Re=L(Pe,[["__scopeId","data-v-fcfab483"]]);export{Re as default};
|
