dialog.js 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370
  1. module.exports =
  2. /******/ (function(modules) { // webpackBootstrap
  3. /******/ // The module cache
  4. /******/ var installedModules = {};
  5. /******/ // The require function
  6. /******/ function __webpack_require__(moduleId) {
  7. /******/ // Check if module is in cache
  8. /******/ if(installedModules[moduleId])
  9. /******/ return installedModules[moduleId].exports;
  10. /******/ // Create a new module (and put it into the cache)
  11. /******/ var module = installedModules[moduleId] = {
  12. /******/ exports: {},
  13. /******/ id: moduleId,
  14. /******/ loaded: false
  15. /******/ };
  16. /******/ // Execute the module function
  17. /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  18. /******/ // Flag the module as loaded
  19. /******/ module.loaded = true;
  20. /******/ // Return the exports of the module
  21. /******/ return module.exports;
  22. /******/ }
  23. /******/ // expose the modules object (__webpack_modules__)
  24. /******/ __webpack_require__.m = modules;
  25. /******/ // expose the module cache
  26. /******/ __webpack_require__.c = installedModules;
  27. /******/ // __webpack_public_path__
  28. /******/ __webpack_require__.p = "/dist/";
  29. /******/ // Load entry module and return exports
  30. /******/ return __webpack_require__(0);
  31. /******/ })
  32. /************************************************************************/
  33. /******/ ({
  34. /***/ 0:
  35. /***/ function(module, exports, __webpack_require__) {
  36. module.exports = __webpack_require__(129);
  37. /***/ },
  38. /***/ 3:
  39. /***/ function(module, exports) {
  40. module.exports = function normalizeComponent (
  41. rawScriptExports,
  42. compiledTemplate,
  43. scopeId,
  44. cssModules
  45. ) {
  46. var esModule
  47. var scriptExports = rawScriptExports = rawScriptExports || {}
  48. // ES6 modules interop
  49. var type = typeof rawScriptExports.default
  50. if (type === 'object' || type === 'function') {
  51. esModule = rawScriptExports
  52. scriptExports = rawScriptExports.default
  53. }
  54. // Vue.extend constructor export interop
  55. var options = typeof scriptExports === 'function'
  56. ? scriptExports.options
  57. : scriptExports
  58. // render functions
  59. if (compiledTemplate) {
  60. options.render = compiledTemplate.render
  61. options.staticRenderFns = compiledTemplate.staticRenderFns
  62. }
  63. // scopedId
  64. if (scopeId) {
  65. options._scopeId = scopeId
  66. }
  67. // inject cssModules
  68. if (cssModules) {
  69. var computed = options.computed || (options.computed = {})
  70. Object.keys(cssModules).forEach(function (key) {
  71. var module = cssModules[key]
  72. computed[key] = function () { return module }
  73. })
  74. }
  75. return {
  76. esModule: esModule,
  77. exports: scriptExports,
  78. options: options
  79. }
  80. }
  81. /***/ },
  82. /***/ 14:
  83. /***/ function(module, exports) {
  84. module.exports = require("element-ui/lib/mixins/emitter");
  85. /***/ },
  86. /***/ 129:
  87. /***/ function(module, exports, __webpack_require__) {
  88. 'use strict';
  89. exports.__esModule = true;
  90. var _component = __webpack_require__(130);
  91. var _component2 = _interopRequireDefault(_component);
  92. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  93. /* istanbul ignore next */
  94. _component2.default.install = function (Vue) {
  95. Vue.component(_component2.default.name, _component2.default);
  96. };
  97. exports.default = _component2.default;
  98. /***/ },
  99. /***/ 130:
  100. /***/ function(module, exports, __webpack_require__) {
  101. var Component = __webpack_require__(3)(
  102. /* script */
  103. __webpack_require__(131),
  104. /* template */
  105. __webpack_require__(133),
  106. /* scopeId */
  107. null,
  108. /* cssModules */
  109. null
  110. )
  111. module.exports = Component.exports
  112. /***/ },
  113. /***/ 131:
  114. /***/ function(module, exports, __webpack_require__) {
  115. 'use strict';
  116. exports.__esModule = true;
  117. var _popup = __webpack_require__(132);
  118. var _popup2 = _interopRequireDefault(_popup);
  119. var _emitter = __webpack_require__(14);
  120. var _emitter2 = _interopRequireDefault(_emitter);
  121. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  122. //
  123. //
  124. //
  125. //
  126. //
  127. //
  128. //
  129. //
  130. //
  131. //
  132. //
  133. //
  134. //
  135. //
  136. //
  137. //
  138. //
  139. //
  140. //
  141. //
  142. //
  143. //
  144. //
  145. //
  146. //
  147. exports.default = {
  148. name: 'ElDialog',
  149. mixins: [_popup2.default, _emitter2.default],
  150. props: {
  151. title: {
  152. type: String,
  153. default: ''
  154. },
  155. modal: {
  156. type: Boolean,
  157. default: true
  158. },
  159. modalAppendToBody: {
  160. type: Boolean,
  161. default: true
  162. },
  163. lockScroll: {
  164. type: Boolean,
  165. default: true
  166. },
  167. closeOnClickModal: {
  168. type: Boolean,
  169. default: true
  170. },
  171. closeOnPressEscape: {
  172. type: Boolean,
  173. default: true
  174. },
  175. showClose: {
  176. type: Boolean,
  177. default: true
  178. },
  179. size: {
  180. type: String,
  181. default: 'small'
  182. },
  183. customClass: {
  184. type: String,
  185. default: ''
  186. },
  187. top: {
  188. type: String,
  189. default: '15%'
  190. }
  191. },
  192. data: function data() {
  193. return {
  194. visible: false
  195. };
  196. },
  197. watch: {
  198. value: function value(val) {
  199. this.visible = val;
  200. },
  201. visible: function visible(val) {
  202. var _this = this;
  203. this.$emit('input', val);
  204. if (val) {
  205. this.$emit('open');
  206. this.$el.addEventListener('scroll', this.updatePopper);
  207. this.$nextTick(function () {
  208. _this.$refs.dialog.scrollTop = 0;
  209. });
  210. } else {
  211. this.$el.removeEventListener('scroll', this.updatePopper);
  212. this.$emit('close');
  213. }
  214. }
  215. },
  216. computed: {
  217. sizeClass: function sizeClass() {
  218. return 'el-dialog--' + this.size;
  219. },
  220. style: function style() {
  221. return this.size === 'full' ? {} : { 'top': this.top };
  222. }
  223. },
  224. methods: {
  225. handleWrapperClick: function handleWrapperClick() {
  226. if (this.closeOnClickModal) {
  227. this.close();
  228. }
  229. },
  230. updatePopper: function updatePopper() {
  231. this.broadcast('ElSelectDropdown', 'updatePopper');
  232. this.broadcast('ElDropdownMenu', 'updatePopper');
  233. }
  234. },
  235. mounted: function mounted() {
  236. if (this.value) {
  237. this.rendered = true;
  238. this.open();
  239. }
  240. }
  241. };
  242. /***/ },
  243. /***/ 132:
  244. /***/ function(module, exports) {
  245. module.exports = require("element-ui/lib/utils/popup");
  246. /***/ },
  247. /***/ 133:
  248. /***/ function(module, exports) {
  249. module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
  250. return _c('transition', {
  251. attrs: {
  252. "name": "dialog-fade"
  253. }
  254. }, [_c('div', {
  255. directives: [{
  256. name: "show",
  257. rawName: "v-show",
  258. value: (_vm.visible),
  259. expression: "visible"
  260. }],
  261. staticClass: "el-dialog__wrapper",
  262. on: {
  263. "click": function($event) {
  264. if ($event.target !== $event.currentTarget) { return; }
  265. _vm.handleWrapperClick($event)
  266. }
  267. }
  268. }, [_c('div', {
  269. ref: "dialog",
  270. staticClass: "el-dialog",
  271. class: [_vm.sizeClass, _vm.customClass],
  272. style: (_vm.style)
  273. }, [_c('div', {
  274. staticClass: "el-dialog__header"
  275. }, [_vm._t("title", [_c('span', {
  276. staticClass: "el-dialog__title"
  277. }, [_vm._v(_vm._s(_vm.title))])]), _c('div', {
  278. staticClass: "el-dialog__headerbtn"
  279. }, [(_vm.showClose) ? _c('i', {
  280. staticClass: "el-dialog__close el-icon el-icon-close",
  281. on: {
  282. "click": function($event) {
  283. _vm.close()
  284. }
  285. }
  286. }) : _vm._e()])], 2), (_vm.rendered) ? _c('div', {
  287. staticClass: "el-dialog__body"
  288. }, [_vm._t("default")], 2) : _vm._e(), (_vm.$slots.footer) ? _c('div', {
  289. staticClass: "el-dialog__footer"
  290. }, [_vm._t("footer")], 2) : _vm._e()])])])
  291. },staticRenderFns: []}
  292. /***/ }
  293. /******/ });