u-popup.861e9cb5.js 4.1 KB

1
  1. import{_ as t}from"./u-transition.4a1deb0f.js";import{y as o,z as e,h as s,i,a as n,c as a,w as r,C as l,n as u,j as d,g as c,b as m,B as p,A as h}from"./index-65a0752a.js";import{p as y,a as f,b as _}from"./u-popup.vue_vue_type_style_index_0_scoped_ca966c1e_lang.345278f5.js";import{_ as v}from"./_plugin-vue_export-helper.1b428a4d.js";import{_ as b}from"./u-icon.086befcc.js";import{_ as g}from"./u-safe-bottom.ed5ce7c3.js";const k=v({name:"u-overlay",mixins:[o,e,y],computed:{overlayStyle(){const t={position:"fixed",top:0,left:0,right:0,zIndex:this.zIndex,bottom:0,"background-color":`rgba(0, 0, 0, ${this.opacity})`};return uni.$u.deepMerge(t,uni.$u.addStyle(this.customStyle))}},methods:{clickHandler(){this.$emit("click")}}},[["render",function(o,e,u,d,c,m){const p=s(i("u-transition"),t);return n(),a(p,{show:o.show,"custom-class":"u-overlay",duration:o.duration,"custom-style":m.overlayStyle,onClick:m.clickHandler},{default:r((()=>[l(o.$slots,"default",{},void 0,!0)])),_:3},8,["show","duration","custom-style","onClick"])}],["__scopeId","data-v-1ce16a4a"]]);const $=v({name:"u-status-bar",mixins:[o,e,f],data:()=>({}),computed:{style(){const t={};return t.height=uni.$u.addUnit(uni.$u.sys().statusBarHeight,"px"),t.backgroundColor=this.bgColor,uni.$u.deepMerge(t,uni.$u.addStyle(this.customStyle))}}},[["render",function(t,o,e,s,i,c){const m=d;return n(),a(m,{style:u([c.style]),class:"u-status-bar"},{default:r((()=>[l(t.$slots,"default",{},void 0,!0)])),_:3},8,["style"])}],["__scopeId","data-v-df170e56"]]);const C=v({name:"u-popup",mixins:[o,e,_],data(){return{overlayDuration:this.duration+50}},watch:{show(t,o){}},computed:{transitionStyle(){const t={zIndex:this.zIndex,position:"fixed",display:"flex"};return t[this.mode]=0,"left"===this.mode||"right"===this.mode?uni.$u.deepMerge(t,{bottom:0,top:0}):"top"===this.mode||"bottom"===this.mode?uni.$u.deepMerge(t,{left:0,right:0}):"center"===this.mode?uni.$u.deepMerge(t,{alignItems:"center","justify-content":"center",top:0,left:0,right:0,bottom:0}):void 0},contentStyle(){const t={};if(uni.$u.sys(),"center"!==this.mode&&(t.flex=1),this.bgColor&&(t.backgroundColor=this.bgColor),this.round){const o=uni.$u.addUnit(this.round);"top"===this.mode?(t.borderBottomLeftRadius=o,t.borderBottomRightRadius=o):"bottom"===this.mode?(t.borderTopLeftRadius=o,t.borderTopRightRadius=o):"center"===this.mode&&(t.borderRadius=o)}return uni.$u.deepMerge(t,uni.$u.addStyle(this.customStyle))},position(){return"center"===this.mode?this.zoom?"fade-zoom":"fade":"left"===this.mode?"slide-left":"right"===this.mode?"slide-right":"bottom"===this.mode?"slide-up":"top"===this.mode?"slide-down":void 0}},methods:{overlayClick(){this.closeOnClickOverlay&&this.$emit("close")},close(t){this.$emit("close")},afterEnter(){this.$emit("open")},clickHandler(){"center"===this.mode&&this.overlayClick(),this.$emit("click")}}},[["render",function(o,e,y,f,_,v){const C=s(i("u-overlay"),k),S=s(i("u-status-bar"),$),x=s(i("u-icon"),b),w=d,I=s(i("u-safe-bottom"),g),j=s(i("u-transition"),t);return n(),a(w,{class:"u-popup"},{default:r((()=>[o.overlay?(n(),a(C,{key:0,show:o.show,onClick:v.overlayClick,duration:_.overlayDuration,customStyle:o.overlayStyle,opacity:o.overlayOpacity},null,8,["show","onClick","duration","customStyle","opacity"])):c("v-if",!0),m(j,{show:o.show,customStyle:v.transitionStyle,mode:v.position,duration:o.duration,onAfterEnter:v.afterEnter,onClick:v.clickHandler},{default:r((()=>[m(w,{class:"u-popup__content",style:u([v.contentStyle]),onClick:p(o.noop,["stop"])},{default:r((()=>[o.safeAreaInsetTop?(n(),a(S,{key:0})):c("v-if",!0),l(o.$slots,"default",{},void 0,!0),o.closeable?(n(),a(w,{key:1,onClick:p(v.close,["stop"]),class:h(["u-popup__content__close",["u-popup__content__close--"+o.closeIconPos]]),"hover-class":"u-popup__content__close--hover","hover-stay-time":"150"},{default:r((()=>[m(x,{name:"close",color:"#909399",size:"18",bold:""})])),_:1},8,["onClick","class"])):c("v-if",!0),o.safeAreaInsetBottom?(n(),a(I,{key:2})):c("v-if",!0)])),_:3},8,["style","onClick"])])),_:3},8,["show","customStyle","mode","duration","onAfterEnter","onClick"])])),_:3})}],["__scopeId","data-v-ca966c1e"]]);export{C as _};