1 |
- import{i as e,x as S,E as y,y as B,d as f,W as T,al as C,am as g,an as I,L as w,D as z,p as c,h as $,F as R}from"./index.9a8e7555.js";import{u as A}from"./use-height.5caa9b61.js";function N(t,i){const a=A(t);return s=>e("div",{class:i("placeholder"),style:{height:a.value?`${a.value}px`:void 0}},[s()])}const[F,n]=S("nav-bar"),L={title:String,fixed:Boolean,zIndex:y,border:B,leftText:String,rightText:String,leftArrow:Boolean,placeholder:Boolean,safeAreaInsetTop:Boolean};var P=f({name:F,props:L,emits:["click-left","click-right"],setup(t,{emit:i,slots:a}){const s=T(),r=N(s,n),h=l=>i("click-left",l),o=l=>i("click-right",l),u=()=>a.left?a.left():[t.leftArrow&&e(w,{class:n("arrow"),name:"arrow-left"},null),t.leftText&&e("span",{class:n("text")},[t.leftText])],b=()=>a.right?a.right():e("span",{class:n("text")},[t.rightText]),d=()=>{const{title:l,fixed:p,border:x,zIndex:m}=t,k=C(m),H=t.leftArrow||t.leftText||a.left,_=t.rightText||a.right;return e("div",{ref:s,style:k,class:[n({fixed:p}),{[I]:x,"van-safe-area-top":t.safeAreaInsetTop}]},[e("div",{class:n("content")},[H&&e("div",{class:[n("left"),g],onClick:h},[u()]),e("div",{class:[n("title"),"van-ellipsis"]},[a.title?a.title():l]),_&&e("div",{class:[n("right"),g],onClick:o},[b()])])])};return()=>t.fixed&&t.placeholder?r(d):d()}});const E=z(P);const O="_colHeader_1ruqc_1",q="_transparent_1ruqc_8",D="_headerSection_1ruqc_11";var v={colHeader:O,transparent:q,headerSection:D},K=f({name:"col-header",props:{title:String,isBack:{type:Boolean,default:!1},backIconColor:{type:String,default:"black"},isFixed:{type:Boolean,default:!0},styleName:{type:Object,default:()=>({})},titleClass:String,background:{type:String,default:"white"},color:{type:String,default:"#323233"},rightText:String,onClickRight:{type:Function,default:()=>{}},border:{type:Boolean,default:!0},onHeaderBack:{type:Function,default:()=>{}}},data(){return{headerTitle:null,navBarHeight:0,titleHeight:44}},mounted(){this.headerTitle=this.title||this.$route.meta.title,this.navBarInit(()=>{this.onHeaderBack&&this.onHeaderBack()})},unmounted(){c({api:"setBarStatus",content:{status:1}}),c({api:"backIconChange",content:{iconStyle:"black"}})},methods:{navBarInit(t){c({api:"setBarStatus",content:{status:0}}),c({api:"backIconChange",content:{iconStyle:this.backIconColor||"black"}});let i=sessionStorage.getItem("navHeight"),a=sessionStorage.getItem("titleHeight");i&&a?(this.navBarHeight=Number(i),t&&t()):c({api:"getNavHeight"},s=>{const{content:r}=s,h=r.dpi||2;if(r.navHeight){const o=r.navHeight/h;sessionStorage.setItem("navHeight",String(o)),this.navBarHeight=o}if(r.titleHeight){const o=r.titleHeight/h;sessionStorage.setItem("titleHeight",String(o)),this.titleHeight=o}t&&t()}),!$().isApp&&t&&t()},onClickLeft(){this.$router.back()},clickRight(){this.onClickRight&&this.onClickRight()}},render(){return e("div",null,[this.$slots.content?e("div",{style:{paddingTop:`${this.navBarHeight}px`},class:v.headerSection},[this.$slots.content(this.navBarHeight)]):e(R,null,[e("div",{style:{minHeight:`calc(var(--van-nav-bar-height) + ${this.navBarHeight}px)`},class:v.headerSection},[e(E,{title:this.headerTitle,class:[v.colHeader],style:{background:this.background,color:this.color,paddingTop:`${this.navBarHeight}px`,zIndex:99},"left-arrow":this.isBack,rightText:this.rightText,fixed:this.isFixed,border:this.border,"onClick-right":this.clickRight,"onClick-left":this.onClickLeft},{right:()=>this.$slots.right&&this.$slots.right()||this.rightText})]),this.$slots.default?this.$slots.default():null])])}});export{K as C};
|