vue-element-pro-components/lib/dialog.umd.min.js

This is a vue2、element-ui based component library

/* * Copyright © 2022-2022 fangkang * Released under the MIT License. */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue-element-pro-components/src/directive/dialog")):"function"==typeof define&&define.amd?define(["vue-element-pro-components/src/directive/dialog"],t):(e=e||self).dialog=t(e.elDragDialog)}(this,(function(e){"use strict";function t(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function o(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function n(e,t,o,n,i,s,r,l,c,a){"boolean"!=typeof r&&(c=l,l=r,r=!1); var d="function"==typeof o?o.options:o;let u;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,i&&(d.functional=!0)),n&&(d._scopeId=n),s?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,c(e)),e&&e._registeredComponents&&e._registeredComponents.add(s)},d._ssrRegister=u):t&&(u=r?function(e){t.call(this,a(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,l(e))}),u)if(d.functional){ var e=d.render;d.render=function(t,o){return u.call(o),e(t,o)}}else{ var e=d.beforeCreate;d.beforeCreate=e?[].concat(e,u):[u]}return o} var i={name:"ElProDialog",directives:{elDragDialog:e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e},model:{prop:"visible",event:"update:visible"},props:{title:{type:String,default:""},cancelBtnText:{type:String,default:"取消"},confirmBtnText:{type:String,default:"确定"},cancelBtnProps:{type:Object,required:!1,default:function(){return{}}},confirmBtnProps:{type:Object,required:!1,default:function(){return{}}},dialogOptions:{type:Object,required:!1,default:function(){return{}}},visible:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},btnLoading:{type:Boolean,default:!1}},data:function(){return{fullscreen:!1}},computed:{scrollbarClass:function(){var e=this.fullscreen,t=this.$slots.footer;return e&&t?"el-pro-dialog__content--footer":e&&!t?"el-pro-dialog__content--fullscreen":"el-pro-dialog__content"},showBtnLoading:{get:function(){return this.btnLoading},set:function(e){this.$emit("update:btnLoading",e)}},showVisible:{get:function(){return this.visible},set:function(e){this.$emit("update:visible",e)}},showLoading:{get:function(){return this.loading},set:function(e){this.$emit("update:loading",e)}},dialogProcessOptions:function(){return function(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?t(Object(i),!0).forEach((function(t){o(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({closeOnClickModal:!0,top:"10vh",width:"60%",destroyOnClose:!1,appendToBody:!0,lockScroll:!0,showFullscreen:!0,draggable:!0,center:!1},this.dialogOptions||{})}},created:function(){var e=this.dialogProcessOptions.fullscreen;e&&(this.fullscreen=e)},methods:{handleOk:function(){this.$emit("ok")},handleCancel:function(){this.showVisible=!1,this.$emit("cancel")},processDrag:function(){var e=this.$refs.dialogRef.$refs.dialog,t=document.querySelector(".el-pro-dialog .el-dialog__header"),o=this.fullscreen,n=this.dialogProcessOptions.draggable;o&&n?(e.style.cssText+=";left:0px;top:0px;",t.style.cssText+=";cursor:default;"):!o&&n&&(t.style.cssText+=";cursor:move;user-select:none;"),e.style.cssText+=";left:0px;top:0px;"},closed:function(){var e=this.dialogProcessOptions.draggable;this.fullscreen=!1,e&&this.processDrag(),this.$emit("closed")},toggleFull:function(){this.fullscreen=!this.fullscreen,this.processDrag()}}};var s=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("el-dialog",e._g(e._b({directives:[{name:"el-drag-dialog",rawName:"v-el-drag-dialog",value:e.dialogProcessOptions.draggable,expression:"dialogProcessOptions.draggable"}],ref:"dialogRef",attrs:{"custom-class":"el-pro-dialog",fullscreen:e.fullscreen,visible:e.showVisible},on:{"update:visible":function(t){e.showVisible=t},closed:e.closed}},"el-dialog",e.dialogProcessOptions,!1),e.$listeners),[o("template",{slot:"title"},[e.$slots.title?e._t("title"):o("div",{staticClass:"el-pro-dialog__header",class:[e.dialogProcessOptions.center?"justify-content-c":""]},[e._t("nameBefore"),e._v(" "),e._t("title",[o("span",{staticClass:"el-dialog__title"},[e._v(e._s(e.title))])]),e._v(" "),e._t("nameAfter"),e._v(" "),e.dialogProcessOptions.showFullscreen?o("el-button",{staticClass:"dialog__icon",attrs:{icon:e.fullscreen?"el-icon-minus":"el-icon-full-screen"},on:{click:e.toggleFull}}):e._e()],2)],2),e._v(" "),o("el-scrollbar",{directives:[{name:"loading",rawName:"v-loading",value:e.showLoading,expression:"showLoading"}],class:e.scrollbarClass},[o("div",{staticClass:"content__wrap"},[e._t("default")],2)]),e._v(" "),e.$slots.footer?e._e():o("div",{attrs:{slot:"footer"},slot:"footer"},[e._t("beforeFooter"),e._v(" "),o("el-button",e._b({on:{click:e.handleCancel}},"el-button",e.cancelBtnProps,!1),[e._v("\n      "+e._s(e.cancelBtnText)+"\n    ")]),e._v(" "),e._t("middleFooter"),e._v(" "),o("el-button",e._b({attrs:{type:"primary",loading:e.showBtnLoading},on:{click:e.handleOk}},"el-button",e.confirmBtnProps,!1),[e._v("\n      "+e._s(e.confirmBtnText)+"\n    ")]),e._v(" "),e._t("afterFooter")],2),e._v(" "),e.$slots.footer?o("template",{slot:"footer"},[e._t("footer")],2):e._e()],2)};s._withStripped=!0; var r=n({render:s,staticRenderFns:[]},void 0,i,void 0,!1,void 0,!1,void 0,void 0,void 0);return r.install=function(e){e.component(r.name,r)},r}));