eeeeeeuuuu-ui
Version:
uView UI,是uni-app生态优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水
12 lines (11 loc) • 4.1 kB
JavaScript
require('../../../app.js');
(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["uview-ui/components/u-popup/u-popup"],{3626:function(e,t,i){"use strict";i.r(t);var s,o={uMask:function(){return i.e("uview-ui/components/u-mask/u-mask").then(i.bind(null,"3b34"))},uIcon:function(){return i.e("uview-ui/components/u-icon/u-icon").then(i.bind(null,"ece6"))}},n=function(){var e=this,t=e.$createElement,i=(e._self._c,e.visibleSync?e.__get_style([e.customStyle,{zIndex:e.uZindex-1}]):null),s=e.visibleSync?e.__get_style([e.style]):null,o=e.visibleSync&&"center"==e.mode?e.__get_style([e.centerStyle]):null;e.$mp.data=Object.assign({},{$root:{s0:i,s1:s,s2:o}})},r=[],u={name:"u-popup",props:{show:{type:Boolean,default:!1},mode:{type:String,default:"left"},mask:{type:Boolean,default:!0},length:{type:[Number,String],default:"auto"},zoom:{type:Boolean,default:!0},safeAreaInsetBottom:{type:Boolean,default:!1},maskCloseAble:{type:Boolean,default:!0},customStyle:{type:Object,default(){return{}}},value:{type:Boolean,default:!1},popup:{type:Boolean,default:!0},borderRadius:{type:[Number,String],default:0},zIndex:{type:[Number,String],default:""},closeable:{type:Boolean,default:!1},closeIcon:{type:String,default:"close"},closeIconPos:{type:String,default:"top-right"},closeIconColor:{type:String,default:"#909399"},closeIconSize:{type:[String,Number],default:"30"},width:{type:String,default:""},height:{type:String,default:""},negativeTop:{type:[String,Number],default:0},maskCustomStyle:{type:Object,default(){return{}}}},data(){return{visibleSync:!1,showDrawer:!1,timer:null,closeFromInner:!1}},computed:{style(){let e={};if("left"==this.mode||"right"==this.mode?e={width:this.width?this.getUnitValue(this.width):this.getUnitValue(this.length),height:"100%",transform:`translate3D(${"left"==this.mode?"-100%":"100%"},0px,0px)`}:"top"!=this.mode&&"bottom"!=this.mode||(e={width:"100%",height:this.height?this.getUnitValue(this.height):this.getUnitValue(this.length),transform:`translate3D(0px,${"top"==this.mode?"-100%":"100%"},0px)`}),e.zIndex=this.uZindex,this.borderRadius){switch(this.mode){case"left":e.borderRadius=`0 ${this.borderRadius}rpx ${this.borderRadius}rpx 0`;break;case"top":e.borderRadius=`0 0 ${this.borderRadius}rpx ${this.borderRadius}rpx`;break;case"right":e.borderRadius=`${this.borderRadius}rpx 0 0 ${this.borderRadius}rpx`;break;case"bottom":e.borderRadius=`${this.borderRadius}rpx ${this.borderRadius}rpx 0 0`;break;default:}e.overflow="hidden"}return e},centerStyle(){let e={};return e.width=this.width?this.getUnitValue(this.width):this.getUnitValue(this.length),e.height=this.height?this.getUnitValue(this.height):"auto",e.zIndex=this.uZindex,e.marginTop="-"+this.$u.addUnit(this.negativeTop),this.borderRadius&&(e.borderRadius=this.borderRadius+"rpx",e.overflow="hidden"),e},uZindex(){return this.zIndex?this.zIndex:this.$u.zIndex.popup}},watch:{value(e){e?this.open():this.closeFromInner||this.close(),this.closeFromInner=!1}},mounted(){this.value&&this.open()},methods:{getUnitValue(e){return/(%|px|rpx|auto)$/.test(e)?e:e+"rpx"},maskClick(){this.close()},close(){this.closeFromInner=!0,this.change("showDrawer","visibleSync",!1)},modeCenterClose(e){"center"==e&&this.maskCloseAble&&this.close()},open(){this.change("visibleSync","showDrawer",!0)},change(e,t,i){1==this.popup&&this.$emit("input",i),this[e]=i,this.timer=i?setTimeout(()=>{this[t]=i,this.$emit(i?"open":"close")},50):setTimeout(()=>{this[t]=i,this.$emit(i?"open":"close")},300)}}},l=u,a=(i("37b9"),i("f0c5")),h=Object(a["a"])(l,n,r,!1,null,"f55c1d26",null,!1,o,s);t["default"]=h.exports},"37b9":function(e,t,i){"use strict";var s=i("841d"),o=i.n(s);o.a},"841d":function(e,t,i){}}]);
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
'uview-ui/components/u-popup/u-popup-create-component',
{
'uview-ui/components/u-popup/u-popup-create-component':(function(module, exports, __webpack_require__){
__webpack_require__('543d')['createComponent'](__webpack_require__("3626"))
})
},
[['uview-ui/components/u-popup/u-popup-create-component']]
]);