| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([["Oc3i"],{Oc3i:function(e,t,a){"use strict";a.r(t);var l={bind:function(e,t,a){var l=e.querySelector(".el-dialog__header"),o=e.querySelector(".el-dialog");l.style.cssText+=";cursor:move;",o.style.cssText+=";top:0px;";var i=window.document.currentStyle?function(e,t){return e.currentStyle[t]}:function(e,t){return getComputedStyle(e,!1)[t]};l.onmousedown=function(e){var t=e.clientX-l.offsetLeft,n=e.clientY-l.offsetTop,r=o.offsetWidth,s=o.offsetHeight,d=document.body.clientWidth,u=document.body.clientHeight,c=o.offsetLeft,g=d-o.offsetLeft-r,p=o.offsetTop,f=u-o.offsetTop-s,m=i(o,"left"),v=i(o,"top");m.includes("%")?(m=+document.body.clientWidth*(+m.replace(/\%/g,"")/100),v=+document.body.clientHeight*(+v.replace(/\%/g,"")/100)):(m=+m.replace(/\px/g,""),v=+v.replace(/\px/g,"")),document.onmousemove=function(e){var l=e.clientX-t,i=e.clientY-n;-l>c?l=-c:l>g&&(l=g),-i>p?i=-p:i>f&&(i=f),o.style.cssText+=";left:"+(l+m)+"px;top:"+(i+v)+"px;",a.child.$emit("dragDialog")},document.onmouseup=function(e){document.onmousemove=null,document.onmouseup=null}}}},o=function(e){e.directive("el-drag-dialog",l)};window.Vue&&(window["el-drag-dialog"]=l,Vue.use(o)),l.install=o;var i={name:"DragDialogDemo",directives:{elDragDialog:l},data:function(){return{dialogTableVisible:!1,options:[{value:"选项1",label:"黄金糕"},{value:"选项2",label:"双皮奶"},{value:"选项3",label:"蚵仔煎"},{value:"选项4",label:"龙须面"}],value:"",gridData:[{date:"2016-05-02",name:"John Smith",address:"No.1518, Jinshajiang Road, Putuo District"},{date:"2016-05-04",name:"John Smith",address:"No.1518, Jinshajiang Road, Putuo District"},{date:"2016-05-01",name:"John Smith",address:"No.1518, Jinshajiang Road, Putuo District"},{date:"2016-05-03",name:"John Smith",address:"No.1518, Jinshajiang Road, Putuo District"}]}},methods:{handleDrag:function(){this.$refs.select.blur()}}},n=a("KHd+"),r=Object(n.a)(i,function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"components-container"},[a("el-button",{attrs:{type:"primary"},on:{click:function(t){e.dialogTableVisible=!0}}},[e._v("open a Drag Dialog")]),e._v(" "),a("el-dialog",{directives:[{name:"el-drag-dialog",rawName:"v-el-drag-dialog"}],attrs:{visible:e.dialogTableVisible,title:"Shipping address"},on:{"update:visible":function(t){e.dialogTableVisible=t},dragDialog:e.handleDrag}},[a("el-select",{ref:"select",attrs:{placeholder:"请选择"},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}},e._l(e.options,function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),e._v(" "),a("el-table",{attrs:{data:e.gridData}},[a("el-table-column",{attrs:{property:"date",label:"Date",width:"150"}}),e._v(" "),a("el-table-column",{attrs:{property:"name",label:"Name",width:"200"}}),e._v(" "),a("el-table-column",{attrs:{property:"address",label:"Address"}})],1)],1)],1)},[],!1,null,null,null);r.options.__file="dragDialog.vue";t.default=r.exports}}]);
|
