| 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 g,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-64f428fb.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-28bfd4f9.js";import{u as re}from"./use-placeholder-b51cb445.js";import{B as ie}from"./constant-eba5e2d8.js";import{c as le}from"./on-popup-reopen-f1896c70.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=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:X(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=ee({},te,{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=ae(),v=E().proxy,{parent:i,index:l}=ne(O);if(!i)return;const o=F(()=>{var e;const{route:c,modelValue:f}=i.props;if(c&&"$route"in v){const{$route:x}=v,{to:h}=t,p=ce(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(se,{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(oe,M({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=>(G("data-v-345dfb6d"),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"),_=fe,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,{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 Ae=L(Pe,[["__scopeId","data-v-345dfb6d"]]);export{Ae as default};
|
