vx-ui/lib/popover.js

module.exports=function(t){function e(n){if(o[n])return o[n].exports;var i=o[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var o={};return e.m=t,e.c=o,e.d=function(t,o,n){e.o(t,o)||Object.defineProperty(t,o,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=318)}({0:function(t,e){t.exports=function(t,e,o,n,i,r){var a,s=t=t||{},p=typeof t.default;"object"!==p&&"function"!==p||(a=t,s=t.default);var l="function"==typeof s?s.options:s;e&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0),o&&(l.functional=!0),i&&(l._scopeId=i);var u;if(r?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},l._ssrRegister=u):n&&(u=n),u){var c=l.functional,d=c?l.render:l.beforeCreate;c?(l._injectStyles=u,l.render=function(t,e){return u.call(e),d(t,e)}):l.beforeCreate=d?[].concat(d,u):[u]}return{esModule:a,exports:s,options:l}}},1:function(t,e,o){"use strict";o.d(e,"a",function(){return n}),o.d(e,"c",function(){return i}),o.d(e,"d",function(){return r}),o.d(e,"b",function(){return a});var n={props:{disabled:{type:Boolean},type:{type:String,default:"default"},size:{type:String,default:"default"},nativeType:{type:String,default:"button"},plain:{type:Boolean},loadingColor:{type:Object,default:function(){return{default:"#d6d6d6",danger:"#e04b00",warning:"#ff9900"}}},loading:{type:Boolean},ripple:{type:Boolean}}},i={inject:{vxFormItem:{default:"vxFormItem"}},props:{disabled:{type:Boolean},clearable:{type:Boolean,default:!0},nativeType:{type:String,default:"text"},readonly:{type:Boolean},value:{type:[String,Number]},placeholder:{type:String},autocomplete:{type:String},autofocus:{type:String},maxlength:{type:Number},name:{type:String,default:function(){return Math.random().toString(36).substr(2)}},checked:{type:Boolean},validateEvent:{type:Boolean,default:!0},arrow:{type:Boolean,default:!1},arrowProps:{type:Object},border:{type:Boolean,default:!0},autoIntoView:{type:Boolean,default:!0},size:{type:String,default:"default"}},data:function(){return{isFocus:!1}},methods:{handleFocusIn:function(t){this.isFocus=!0;var e=t.target;this.autoIntoView&&void 0!==e.ontouchstart&&window.addEventListener("resize",function(){e.scrollIntoView&&e.scrollIntoView()},{once:!0})},handleFocusOut:function(t){this.isFocus=!1,this.eDispatch("ElFormItem","el.form.blur",[t.target.value])},handleChange:function(t){this.$emit("change",t.target.value)},handleInput:function(t){var e=t.target?t.target.value:t;this.$emit("input",e),this.eDispatch("ElFormItem","el.form.change",[e])},eDispatch:function(){this.validateEvent&&this.dispatch&&this.dispatch.apply(this,arguments)}}},r={methods:{change:function(t){this.active!==t&&this.$emit("update:active",t).$emit("change",t)}},props:{active:{type:[Number,String,Object],required:!0},layout:{type:String,default:"default"}}},a={props:{history:{type:Boolean,default:!0}},methods:{getPushURL:function(){var t=window.location.hash;this.pushString="popup="+Math.random().toString(36).substr(2);var e=[window.location.href.split("#")[0],t];return e.push(t?-1===t.indexOf("?")&&-1===t.indexOf("=")?"?":"&":"#"),e.push(this.pushString),e.join("")},pushState:function(){var t=this;this.history&&(this.pushString&&this.isCurrentPopup()&&window.history.back(),setTimeout(function(){window.history.pushState({},"",t.getPushURL()),window.addEventListener("popstate",t.handlePopstate)},16))},handlePopstate:function(){-1===window.location.href.indexOf(this.pushString)&&(this.$emit("update:open",!1).$emit("close"),this.popStateBack&&this.popStateBack(),window.removeEventListener("popstate",this.handlePopstate))},goBack:function(){this.history&&this.isCurrentPopup()&&(window.removeEventListener("popstate",this.handlePopstate),history.back())},isCurrentPopup:function(){return window.location.href.indexOf(this.pushString)===window.location.href.length-this.pushString.length}}}},10:function(t,e,o){"use strict";var n=o(1),i=o(11),r=o(4);e.a={name:"Popup",componentName:"Popup",components:{Overlay:i.a,Arrow:r.a},mixins:[n.b],props:{open:{type:Boolean,default:!1},full:{type:Boolean,default:!1},direction:{type:String,default:"bottom"},fastClose:{type:Boolean,default:!0},showClose:{type:Boolean,default:!1},title:{type:String},overlayOpacity:{type:Number}},data:function(){return{afterOpen:!1}},computed:{innerClasses:function(){return["vx-popup--inner","vx-popup--"+this.direction,{"is-full":this.full}]}},mounted:function(){var t=this;this.open&&requestAnimationFrame(function(){t.pushState(),t.$el.style.display="block",t.handleEnter()})},watch:{open:function(t){var e=this;t&&requestAnimationFrame(function(){e.pushState(),e.$el.style.display="block"})}},methods:{handleEnter:function(){this.afterOpen=!0,this.$emit("open")},close:function(){this.$emit("update:open",!1).$emit("close")},handleClose:function(){this.fastClose&&this.close()},handleClose2:function(t){this.fastClose&&t.target===this.$el.querySelector(".vx-popup--inner")&&this.close()},handleLeave:function(){this.goBack(),this.$el.style.display="none",this.afterOpen=!1,this.$emit("after-close")}}}},11:function(t,e,o){"use strict";var n=o(8),i=o(17),r=o(0),a=r(n.a,i.a,!0,null,null,null);e.a=a.exports},111:function(t,e,o){"use strict";var n=o(38),i=o.n(n),r=o(22),a=o.n(r),s=o(12);e.a={name:"Popover",componentName:"Popover",props:{open:{type:Boolean,default:!1},histroy:{type:Boolean,default:!0},overlayOpacity:{type:Number},popoverClass:{type:String}},watch:{open:function(t){t?this.handleClick():this.handleClickPopover()}},mounted:function(){this.open&&this.handleClick()},beforeDestroy:function(){this.$$popover&&(this.$$popover.open=!1,this.$$popover.$destroy(),this.$$popover=null)},methods:{handleClick:function(){var t=this,e=document.createElement("div");document.body.appendChild(e),this.$$popover=new a.a({el:e,render:function(e){return e(s.default,{props:{open:this.open,histroy:this.histroy,opacity:this.opacity},style:{zIndex:1e3},on:{close:this.handleClose,"after-close":this.handleAfterClose}},[e("div",{class:["vx-popover--content",t.popoverClass],style:{opacity:"0"},slot:"inner",on:{click:this.handleClose}},[].concat(i()(t.$slots.default)))])},components:{Popup:s.default},data:function(){return{open:!1,opacity:t.overlayOpacity,histroy:t.histroy}},mounted:function(){var e=this;this.open=!0,this.$nextTick(function(){var o=window.innerWidth,n=window.innerHeight,i=e.$el.querySelector(".vx-popover--content"),r=t.$el.getBoundingClientRect(),a=r.left+"px",s="auto";r.left>o/2&&(a="auto",s=o-r.right+"px");var p=r.bottom+"px",l="auto";r.top>n/2&&(p="auto",l=n-r.top+"px"),requestAnimationFrame(function(){i.style.cssText="top:"+p+";left:"+a+";right:"+s+";bottom:"+l+";opacity:1","auto"===a&&i.classList.add("vx-popover--content-right"),"auto"===p&&i.classList.add("vx-popover--content-bottom")})})},beforeDestroy:function(){this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el)},methods:{handleClose:function(){this.open=!1},handleAfterClose:function(){t.$$popover.$destroy()}}}),this.$emit("open")},handleClickPopover:function(){this.$$popover&&(this.$$popover.open=!1,this.$$popover.$destroy(),this.$$popover=null)}}}},12:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=o(10),i=o(19),r=o(0),a=r(n.a,i.a,!1,null,null,null);e.default=a.exports},17:function(t,e,o){"use strict";var n=function(t,e){var o=e._c;return o("transition",{attrs:{name:"popup-fade"}},[o("div",e._g(e._b({directives:[{name:"show",rawName:"v-show",value:e.props.open,expression:"props.open"}],class:["vx-overlay",e.data.staticClass,e.data.class],style:Object.assign({opacity:""+e.props.opacity},e.data.style)},"div",e.data.attrs,!1),e.listeners),[e._t("default")],2)])},i=[],r={render:n,staticRenderFns:i};e.a=r},19:function(t,e,o){"use strict";var n=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"vx-popup"},[t.full?t._e():o("overlay",{attrs:{opacity:t.overlayOpacity,open:t.open},on:{click:t.handleClose}}),t.$slots.inner?o("transition",{attrs:{name:"popup-fade"},on:{"after-enter":t.handleEnter,"after-leave":t.handleLeave}},[o("div",{directives:[{name:"show",rawName:"v-show",value:t.open,expression:"open"}]},[t._t("inner")],2)]):o("transition",{attrs:{name:t.full?"popup-full-slide-"+t.direction:"popup-slide-"+t.direction},on:{"after-enter":t.handleEnter,"after-leave":t.handleLeave}},[o("div",{directives:[{name:"show",rawName:"v-show",value:t.open,expression:"open"}],class:t.innerClasses,on:{click:t.handleClose2}},[t.title&&!t.showClose?o("div",{staticClass:"vx-popup--nav"},[o("button",{attrs:{type:"button"},on:{click:t.close}},[o("arrow",{attrs:{direction:"left",color:"#666",size:"0.24rem"}})],1),o("div",{staticClass:"vx-popup--nav-title"},[t._v(t._s(t.title))])]):t.showClose&&t.full?o("div",{staticClass:"vx-popup--nav"},[o("div",{staticClass:"vx-popup--nav-title"},[t._v(t._s(t.title))]),o("i",{staticClass:"vx-popup--close",on:{click:t.close}})]):t._t("header"),"center"===t.direction?o("div",{staticClass:"vx-popup--body"},[t.showClose?o("i",{staticClass:"vx-popup--close",on:{click:t.close}}):t._e(),t._t("default",null,{open:t.afterOpen})],2):o("div",{staticClass:"vx-popup--body is-flex"},[t._t("default",null,{open:t.afterOpen})],2),t._t("footer")],2)])],1)},i=[],r={render:n,staticRenderFns:i};e.a=r},210:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=o(111),i=o(211),r=o(0),a=r(n.a,i.a,!1,null,null,null);e.default=a.exports},211:function(t,e,o){"use strict";var n=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"vx-popover",on:{click:t.handleClick}},[t._t("trigger"),o("div",{staticStyle:{display:"none"}},[t._t("default")],2)],2)},i=[],r={render:n,staticRenderFns:i};e.a=r},22:function(t,e){t.exports=require("vue")},3:function(t,e,o){"use strict";e.a={name:"Arrow",componentName:"Arrow",functional:!0,props:{direction:{type:String,default:"right"},size:{type:String,default:"0.18rem"},color:{type:String,default:"rgba(153, 153, 153, 0.6)"},tag:{type:String,default:"i"}}}},318:function(t,e,o){t.exports=o(210)},38:function(t,e){t.exports=require("babel-runtime/helpers/toConsumableArray")},4:function(t,e,o){"use strict";var n=o(3),i=o(9),r=o(0),a=r(n.a,i.a,!0,null,null,null);e.a=a.exports},8:function(t,e,o){"use strict";e.a={name:"Overlay",componentName:"Overlay",props:{opacity:{type:Number},open:{type:Boolean}}}},9:function(t,e,o){"use strict";var n=function(t,e){return(0,e._c)(e.props.tag,e._g(e._b({tag:"component",class:["vx-arrow",e.data.staticClass,e.data.class],style:[Object.assign({display:"inline-block",borderWidth:"1px",borderStyle:"solid",verticalAlign:"middle",boxSizing:"border-box",transform:"rotate(45deg)",height:e.props.size,width:e.props.size,borderColor:{up:e.props.color+" transparent transparent "+e.props.color,right:e.props.color+" "+e.props.color+" transparent transparent",down:"transparent "+e.props.color+" "+e.props.color+" transparent",left:"transparent transparent "+e.props.color+" "+e.props.color}[e.props.direction]},e.data.style)]},"component",e.data.attrs,!1),e.listeners))},i=[],r={render:n,staticRenderFns:i};e.a=r}});