index.js 28 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135
  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. /******/ i: moduleId,
  13. /******/ l: false,
  14. /******/ exports: {}
  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.l = 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. /******/ // identity function for calling harmony imports with the correct context
  28. /******/ __webpack_require__.i = function(value) { return value; };
  29. /******/ // define getter function for harmony exports
  30. /******/ __webpack_require__.d = function(exports, name, getter) {
  31. /******/ if(!__webpack_require__.o(exports, name)) {
  32. /******/ Object.defineProperty(exports, name, {
  33. /******/ configurable: false,
  34. /******/ enumerable: true,
  35. /******/ get: getter
  36. /******/ });
  37. /******/ }
  38. /******/ };
  39. /******/ // getDefaultExport function for compatibility with non-harmony modules
  40. /******/ __webpack_require__.n = function(module) {
  41. /******/ var getter = module && module.__esModule ?
  42. /******/ function getDefault() { return module['default']; } :
  43. /******/ function getModuleExports() { return module; };
  44. /******/ __webpack_require__.d(getter, 'a', getter);
  45. /******/ return getter;
  46. /******/ };
  47. /******/ // Object.prototype.hasOwnProperty.call
  48. /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  49. /******/ // __webpack_public_path__
  50. /******/ __webpack_require__.p = "";
  51. /******/ // Load entry module and return exports
  52. /******/ return __webpack_require__(__webpack_require__.s = 229);
  53. /******/ })
  54. /************************************************************************/
  55. /******/ ({
  56. /***/ 0:
  57. /***/ function(module, exports) {
  58. /* globals __VUE_SSR_CONTEXT__ */
  59. // this module is a runtime utility for cleaner component module output and will
  60. // be included in the final webpack user bundle
  61. module.exports = function normalizeComponent (
  62. rawScriptExports,
  63. compiledTemplate,
  64. injectStyles,
  65. scopeId,
  66. moduleIdentifier /* server only */
  67. ) {
  68. var esModule
  69. var scriptExports = rawScriptExports = rawScriptExports || {}
  70. // ES6 modules interop
  71. var type = typeof rawScriptExports.default
  72. if (type === 'object' || type === 'function') {
  73. esModule = rawScriptExports
  74. scriptExports = rawScriptExports.default
  75. }
  76. // Vue.extend constructor export interop
  77. var options = typeof scriptExports === 'function'
  78. ? scriptExports.options
  79. : scriptExports
  80. // render functions
  81. if (compiledTemplate) {
  82. options.render = compiledTemplate.render
  83. options.staticRenderFns = compiledTemplate.staticRenderFns
  84. }
  85. // scopedId
  86. if (scopeId) {
  87. options._scopeId = scopeId
  88. }
  89. var hook
  90. if (moduleIdentifier) { // server build
  91. hook = function (context) {
  92. // 2.3 injection
  93. context =
  94. context || // cached call
  95. (this.$vnode && this.$vnode.ssrContext) || // stateful
  96. (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
  97. // 2.2 with runInNewContext: true
  98. if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
  99. context = __VUE_SSR_CONTEXT__
  100. }
  101. // inject component styles
  102. if (injectStyles) {
  103. injectStyles.call(this, context)
  104. }
  105. // register component module identifier for async chunk inferrence
  106. if (context && context._registeredComponents) {
  107. context._registeredComponents.add(moduleIdentifier)
  108. }
  109. }
  110. // used by ssr in case component is cached and beforeCreate
  111. // never gets called
  112. options._ssrRegister = hook
  113. } else if (injectStyles) {
  114. hook = injectStyles
  115. }
  116. if (hook) {
  117. var functional = options.functional
  118. var existing = functional
  119. ? options.render
  120. : options.beforeCreate
  121. if (!functional) {
  122. // inject component registration as beforeCreate hook
  123. options.beforeCreate = existing
  124. ? [].concat(existing, hook)
  125. : [hook]
  126. } else {
  127. // register for functioal component in vue file
  128. options.render = function renderWithStyleInjection (h, context) {
  129. hook.call(context)
  130. return existing(h, context)
  131. }
  132. }
  133. }
  134. return {
  135. esModule: esModule,
  136. exports: scriptExports,
  137. options: options
  138. }
  139. }
  140. /***/ },
  141. /***/ 1:
  142. /***/ function(module, exports) {
  143. module.exports = require("vue");
  144. /***/ },
  145. /***/ 123:
  146. /***/ function(module, exports) {
  147. // removed by extract-text-webpack-plugin
  148. /***/ },
  149. /***/ 13:
  150. /***/ function(module, exports) {
  151. // removed by extract-text-webpack-plugin
  152. /***/ },
  153. /***/ 148:
  154. /***/ function(module, exports, __webpack_require__) {
  155. function injectStyle (ssrContext) {
  156. __webpack_require__(123)
  157. }
  158. var Component = __webpack_require__(0)(
  159. /* script */
  160. __webpack_require__(70),
  161. /* template */
  162. __webpack_require__(193),
  163. /* styles */
  164. injectStyle,
  165. /* scopeId */
  166. null,
  167. /* moduleIdentifier (server only) */
  168. null
  169. )
  170. module.exports = Component.exports
  171. /***/ },
  172. /***/ 193:
  173. /***/ function(module, exports) {
  174. module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
  175. return _c('transition', {
  176. attrs: {
  177. "name": _vm.currentTransition
  178. }
  179. }, [_c('div', {
  180. directives: [{
  181. name: "show",
  182. rawName: "v-show",
  183. value: (_vm.currentValue),
  184. expression: "currentValue"
  185. }],
  186. staticClass: "mint-popup",
  187. class: [_vm.position ? 'mint-popup-' + _vm.position : '']
  188. }, [_vm._t("default")], 2)])
  189. },staticRenderFns: []}
  190. /***/ },
  191. /***/ 2:
  192. /***/ function(module, exports, __webpack_require__) {
  193. "use strict";
  194. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(1);
  195. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);
  196. /* unused harmony export on */
  197. /* unused harmony export off */
  198. /* harmony export (binding) */ __webpack_require__.d(exports, "c", function() { return once; });
  199. /* unused harmony export hasClass */
  200. /* harmony export (immutable) */ exports["a"] = addClass;
  201. /* harmony export (immutable) */ exports["b"] = removeClass;
  202. /* unused harmony export getStyle */
  203. /* unused harmony export setStyle */
  204. /* istanbul ignore next */
  205. var isServer = __WEBPACK_IMPORTED_MODULE_0_vue___default.a.prototype.$isServer;
  206. var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
  207. var MOZ_HACK_REGEXP = /^moz([A-Z])/;
  208. var ieVersion = isServer ? 0 : Number(document.documentMode);
  209. /* istanbul ignore next */
  210. var trim = function(string) {
  211. return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
  212. };
  213. /* istanbul ignore next */
  214. var camelCase = function(name) {
  215. return name.replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {
  216. return offset ? letter.toUpperCase() : letter;
  217. }).replace(MOZ_HACK_REGEXP, 'Moz$1');
  218. };
  219. /* istanbul ignore next */
  220. var on = (function() {
  221. if (!isServer && document.addEventListener) {
  222. return function(element, event, handler) {
  223. if (element && event && handler) {
  224. element.addEventListener(event, handler, false);
  225. }
  226. };
  227. } else {
  228. return function(element, event, handler) {
  229. if (element && event && handler) {
  230. element.attachEvent('on' + event, handler);
  231. }
  232. };
  233. }
  234. })();
  235. /* istanbul ignore next */
  236. var off = (function() {
  237. if (!isServer && document.removeEventListener) {
  238. return function(element, event, handler) {
  239. if (element && event) {
  240. element.removeEventListener(event, handler, false);
  241. }
  242. };
  243. } else {
  244. return function(element, event, handler) {
  245. if (element && event) {
  246. element.detachEvent('on' + event, handler);
  247. }
  248. };
  249. }
  250. })();
  251. /* istanbul ignore next */
  252. var once = function(el, event, fn) {
  253. var listener = function() {
  254. if (fn) {
  255. fn.apply(this, arguments);
  256. }
  257. off(el, event, listener);
  258. };
  259. on(el, event, listener);
  260. };
  261. /* istanbul ignore next */
  262. function hasClass(el, cls) {
  263. if (!el || !cls) return false;
  264. if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
  265. if (el.classList) {
  266. return el.classList.contains(cls);
  267. } else {
  268. return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
  269. }
  270. };
  271. /* istanbul ignore next */
  272. function addClass(el, cls) {
  273. if (!el) return;
  274. var curClass = el.className;
  275. var classes = (cls || '').split(' ');
  276. for (var i = 0, j = classes.length; i < j; i++) {
  277. var clsName = classes[i];
  278. if (!clsName) continue;
  279. if (el.classList) {
  280. el.classList.add(clsName);
  281. } else {
  282. if (!hasClass(el, clsName)) {
  283. curClass += ' ' + clsName;
  284. }
  285. }
  286. }
  287. if (!el.classList) {
  288. el.className = curClass;
  289. }
  290. };
  291. /* istanbul ignore next */
  292. function removeClass(el, cls) {
  293. if (!el || !cls) return;
  294. var classes = cls.split(' ');
  295. var curClass = ' ' + el.className + ' ';
  296. for (var i = 0, j = classes.length; i < j; i++) {
  297. var clsName = classes[i];
  298. if (!clsName) continue;
  299. if (el.classList) {
  300. el.classList.remove(clsName);
  301. } else {
  302. if (hasClass(el, clsName)) {
  303. curClass = curClass.replace(' ' + clsName + ' ', ' ');
  304. }
  305. }
  306. }
  307. if (!el.classList) {
  308. el.className = trim(curClass);
  309. }
  310. };
  311. /* istanbul ignore next */
  312. var getStyle = ieVersion < 9 ? function(element, styleName) {
  313. if (isServer) return;
  314. if (!element || !styleName) return null;
  315. styleName = camelCase(styleName);
  316. if (styleName === 'float') {
  317. styleName = 'styleFloat';
  318. }
  319. try {
  320. switch (styleName) {
  321. case 'opacity':
  322. try {
  323. return element.filters.item('alpha').opacity / 100;
  324. } catch (e) {
  325. return 1.0;
  326. }
  327. default:
  328. return (element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null);
  329. }
  330. } catch (e) {
  331. return element.style[styleName];
  332. }
  333. } : function(element, styleName) {
  334. if (isServer) return;
  335. if (!element || !styleName) return null;
  336. styleName = camelCase(styleName);
  337. if (styleName === 'float') {
  338. styleName = 'cssFloat';
  339. }
  340. try {
  341. var computed = document.defaultView.getComputedStyle(element, '');
  342. return element.style[styleName] || computed ? computed[styleName] : null;
  343. } catch (e) {
  344. return element.style[styleName];
  345. }
  346. };
  347. /* istanbul ignore next */
  348. function setStyle(element, styleName, value) {
  349. if (!element || !styleName) return;
  350. if (typeof styleName === 'object') {
  351. for (var prop in styleName) {
  352. if (styleName.hasOwnProperty(prop)) {
  353. setStyle(element, prop, styleName[prop]);
  354. }
  355. }
  356. } else {
  357. styleName = camelCase(styleName);
  358. if (styleName === 'opacity' && ieVersion < 9) {
  359. element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
  360. } else {
  361. element.style[styleName] = value;
  362. }
  363. }
  364. };
  365. /***/ },
  366. /***/ 229:
  367. /***/ function(module, exports, __webpack_require__) {
  368. module.exports = __webpack_require__(37);
  369. /***/ },
  370. /***/ 37:
  371. /***/ function(module, exports, __webpack_require__) {
  372. "use strict";
  373. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_popup_vue__ = __webpack_require__(148);
  374. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_popup_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__src_popup_vue__);
  375. Object.defineProperty(exports, "__esModule", { value: true });
  376. /* harmony reexport (default from non-hamory) */ __webpack_require__.d(exports, "default", function() { return __WEBPACK_IMPORTED_MODULE_0__src_popup_vue___default.a; });
  377. /***/ },
  378. /***/ 7:
  379. /***/ function(module, exports, __webpack_require__) {
  380. "use strict";
  381. /* harmony default export */ exports["a"] = function(target) {
  382. var arguments$1 = arguments;
  383. for (var i = 1, j = arguments.length; i < j; i++) {
  384. var source = arguments$1[i] || {};
  385. for (var prop in source) {
  386. if (source.hasOwnProperty(prop)) {
  387. var value = source[prop];
  388. if (value !== undefined) {
  389. target[prop] = value;
  390. }
  391. }
  392. }
  393. }
  394. return target;
  395. };;
  396. /***/ },
  397. /***/ 70:
  398. /***/ function(module, exports, __webpack_require__) {
  399. "use strict";
  400. Object.defineProperty(exports, "__esModule", { value: true });
  401. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_mint_ui_src_utils_popup__ = __webpack_require__(8);
  402. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue__ = __webpack_require__(1);
  403. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_vue__);
  404. //
  405. //
  406. //
  407. //
  408. //
  409. //
  410. //
  411. //
  412. //
  413. //
  414. //
  415. //
  416. //
  417. //
  418. //
  419. //
  420. //
  421. //
  422. //
  423. //
  424. //
  425. //
  426. //
  427. //
  428. //
  429. //
  430. //
  431. //
  432. //
  433. //
  434. //
  435. //
  436. //
  437. //
  438. //
  439. //
  440. //
  441. //
  442. //
  443. //
  444. //
  445. //
  446. //
  447. //
  448. //
  449. //
  450. //
  451. //
  452. //
  453. //
  454. //
  455. //
  456. //
  457. //
  458. //
  459. //
  460. //
  461. //
  462. //
  463. //
  464. //
  465. //
  466. //
  467. //
  468. //
  469. //
  470. //
  471. //
  472. //
  473. //
  474. //
  475. //
  476. //
  477. //
  478. //
  479. //
  480. //
  481. //
  482. //
  483. if (!__WEBPACK_IMPORTED_MODULE_1_vue___default.a.prototype.$isServer) {
  484. __webpack_require__(13);
  485. }
  486. /* harmony default export */ exports["default"] = {
  487. name: 'mt-popup',
  488. mixins: [__WEBPACK_IMPORTED_MODULE_0_mint_ui_src_utils_popup__["a" /* default */]],
  489. props: {
  490. modal: {
  491. default: true
  492. },
  493. modalFade: {
  494. default: false
  495. },
  496. lockScroll: {
  497. default: false
  498. },
  499. closeOnClickModal: {
  500. default: true
  501. },
  502. popupTransition: {
  503. type: String,
  504. default: 'popup-slide'
  505. },
  506. position: {
  507. type: String,
  508. default: ''
  509. }
  510. },
  511. data: function data() {
  512. return {
  513. currentValue: false,
  514. currentTransition: this.popupTransition
  515. };
  516. },
  517. watch: {
  518. currentValue: function currentValue(val) {
  519. this.$emit('input', val);
  520. },
  521. value: function value(val) {
  522. this.currentValue = val;
  523. }
  524. },
  525. beforeMount: function beforeMount() {
  526. if (this.popupTransition !== 'popup-fade') {
  527. this.currentTransition = "popup-slide-" + (this.position);
  528. }
  529. },
  530. mounted: function mounted() {
  531. if (this.value) {
  532. this.rendered = true;
  533. this.currentValue = true;
  534. this.open();
  535. }
  536. }
  537. };
  538. /***/ },
  539. /***/ 8:
  540. /***/ function(module, exports, __webpack_require__) {
  541. "use strict";
  542. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(1);
  543. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);
  544. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_merge__ = __webpack_require__(7);
  545. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__ = __webpack_require__(9);
  546. /* unused harmony reexport PopupManager */
  547. var idSeed = 1;
  548. var transitions = [];
  549. var hookTransition = function (transition) {
  550. if (transitions.indexOf(transition) !== -1) return;
  551. var getVueInstance = function (element) {
  552. var instance = element.__vue__;
  553. if (!instance) {
  554. var textNode = element.previousSibling;
  555. if (textNode.__vue__) {
  556. instance = textNode.__vue__;
  557. }
  558. }
  559. return instance;
  560. };
  561. __WEBPACK_IMPORTED_MODULE_0_vue___default.a.transition(transition, {
  562. afterEnter: function afterEnter(el) {
  563. var instance = getVueInstance(el);
  564. if (instance) {
  565. instance.doAfterOpen && instance.doAfterOpen();
  566. }
  567. },
  568. afterLeave: function afterLeave(el) {
  569. var instance = getVueInstance(el);
  570. if (instance) {
  571. instance.doAfterClose && instance.doAfterClose();
  572. }
  573. }
  574. });
  575. };
  576. var scrollBarWidth;
  577. var getScrollBarWidth = function () {
  578. if (__WEBPACK_IMPORTED_MODULE_0_vue___default.a.prototype.$isServer) return;
  579. if (scrollBarWidth !== undefined) return scrollBarWidth;
  580. var outer = document.createElement('div');
  581. outer.style.visibility = 'hidden';
  582. outer.style.width = '100px';
  583. outer.style.position = 'absolute';
  584. outer.style.top = '-9999px';
  585. document.body.appendChild(outer);
  586. var widthNoScroll = outer.offsetWidth;
  587. outer.style.overflow = 'scroll';
  588. var inner = document.createElement('div');
  589. inner.style.width = '100%';
  590. outer.appendChild(inner);
  591. var widthWithScroll = inner.offsetWidth;
  592. outer.parentNode.removeChild(outer);
  593. return widthNoScroll - widthWithScroll;
  594. };
  595. var getDOM = function(dom) {
  596. if (dom.nodeType === 3) {
  597. dom = dom.nextElementSibling || dom.nextSibling;
  598. getDOM(dom);
  599. }
  600. return dom;
  601. };
  602. /* harmony default export */ exports["a"] = {
  603. props: {
  604. value: {
  605. type: Boolean,
  606. default: false
  607. },
  608. transition: {
  609. type: String,
  610. default: ''
  611. },
  612. openDelay: {},
  613. closeDelay: {},
  614. zIndex: {},
  615. modal: {
  616. type: Boolean,
  617. default: false
  618. },
  619. modalFade: {
  620. type: Boolean,
  621. default: true
  622. },
  623. modalClass: {
  624. },
  625. lockScroll: {
  626. type: Boolean,
  627. default: true
  628. },
  629. closeOnPressEscape: {
  630. type: Boolean,
  631. default: false
  632. },
  633. closeOnClickModal: {
  634. type: Boolean,
  635. default: false
  636. }
  637. },
  638. created: function created() {
  639. if (this.transition) {
  640. hookTransition(this.transition);
  641. }
  642. },
  643. beforeMount: function beforeMount() {
  644. this._popupId = 'popup-' + idSeed++;
  645. __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__["a" /* default */].register(this._popupId, this);
  646. },
  647. beforeDestroy: function beforeDestroy() {
  648. __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__["a" /* default */].deregister(this._popupId);
  649. __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__["a" /* default */].closeModal(this._popupId);
  650. if (this.modal && this.bodyOverflow !== null && this.bodyOverflow !== 'hidden') {
  651. document.body.style.overflow = this.bodyOverflow;
  652. document.body.style.paddingRight = this.bodyPaddingRight;
  653. }
  654. this.bodyOverflow = null;
  655. this.bodyPaddingRight = null;
  656. },
  657. data: function data() {
  658. return {
  659. opened: false,
  660. bodyOverflow: null,
  661. bodyPaddingRight: null,
  662. rendered: false
  663. };
  664. },
  665. watch: {
  666. value: function value(val) {
  667. var this$1 = this;
  668. if (val) {
  669. if (this._opening) return;
  670. if (!this.rendered) {
  671. this.rendered = true;
  672. __WEBPACK_IMPORTED_MODULE_0_vue___default.a.nextTick(function () {
  673. this$1.open();
  674. });
  675. } else {
  676. this.open();
  677. }
  678. } else {
  679. this.close();
  680. }
  681. }
  682. },
  683. methods: {
  684. open: function open(options) {
  685. var this$1 = this;
  686. if (!this.rendered) {
  687. this.rendered = true;
  688. this.$emit('input', true);
  689. }
  690. var props = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_merge__["a" /* default */])({}, this, options, this.$props);
  691. if (this._closeTimer) {
  692. clearTimeout(this._closeTimer);
  693. this._closeTimer = null;
  694. }
  695. clearTimeout(this._openTimer);
  696. var openDelay = Number(props.openDelay);
  697. if (openDelay > 0) {
  698. this._openTimer = setTimeout(function () {
  699. this$1._openTimer = null;
  700. this$1.doOpen(props);
  701. }, openDelay);
  702. } else {
  703. this.doOpen(props);
  704. }
  705. },
  706. doOpen: function doOpen(props) {
  707. if (this.$isServer) return;
  708. if (this.willOpen && !this.willOpen()) return;
  709. if (this.opened) return;
  710. this._opening = true;
  711. // 使用 vue-popup 的组件,如果需要和父组件通信显示的状态,应该使用 value,它是一个 prop,
  712. // 这样在父组件中用 v-model 即可;否则可以使用 visible,它是一个 data
  713. this.visible = true;
  714. this.$emit('input', true);
  715. var dom = getDOM(this.$el);
  716. var modal = props.modal;
  717. var zIndex = props.zIndex;
  718. if (zIndex) {
  719. __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__["a" /* default */].zIndex = zIndex;
  720. }
  721. if (modal) {
  722. if (this._closing) {
  723. __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__["a" /* default */].closeModal(this._popupId);
  724. this._closing = false;
  725. }
  726. __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__["a" /* default */].openModal(this._popupId, __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__["a" /* default */].nextZIndex(), dom, props.modalClass, props.modalFade);
  727. if (props.lockScroll) {
  728. if (!this.bodyOverflow) {
  729. this.bodyPaddingRight = document.body.style.paddingRight;
  730. this.bodyOverflow = document.body.style.overflow;
  731. }
  732. scrollBarWidth = getScrollBarWidth();
  733. var bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
  734. if (scrollBarWidth > 0 && bodyHasOverflow) {
  735. document.body.style.paddingRight = scrollBarWidth + 'px';
  736. }
  737. document.body.style.overflow = 'hidden';
  738. }
  739. }
  740. if (getComputedStyle(dom).position === 'static') {
  741. dom.style.position = 'absolute';
  742. }
  743. dom.style.zIndex = __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__["a" /* default */].nextZIndex();
  744. this.opened = true;
  745. this.onOpen && this.onOpen();
  746. if (!this.transition) {
  747. this.doAfterOpen();
  748. }
  749. },
  750. doAfterOpen: function doAfterOpen() {
  751. this._opening = false;
  752. },
  753. close: function close() {
  754. var this$1 = this;
  755. if (this.willClose && !this.willClose()) return;
  756. if (this._openTimer !== null) {
  757. clearTimeout(this._openTimer);
  758. this._openTimer = null;
  759. }
  760. clearTimeout(this._closeTimer);
  761. var closeDelay = Number(this.closeDelay);
  762. if (closeDelay > 0) {
  763. this._closeTimer = setTimeout(function () {
  764. this$1._closeTimer = null;
  765. this$1.doClose();
  766. }, closeDelay);
  767. } else {
  768. this.doClose();
  769. }
  770. },
  771. doClose: function doClose() {
  772. var this$1 = this;
  773. this.visible = false;
  774. this.$emit('input', false);
  775. this._closing = true;
  776. this.onClose && this.onClose();
  777. if (this.lockScroll) {
  778. setTimeout(function () {
  779. if (this$1.modal && this$1.bodyOverflow !== 'hidden') {
  780. document.body.style.overflow = this$1.bodyOverflow;
  781. document.body.style.paddingRight = this$1.bodyPaddingRight;
  782. }
  783. this$1.bodyOverflow = null;
  784. this$1.bodyPaddingRight = null;
  785. }, 200);
  786. }
  787. this.opened = false;
  788. if (!this.transition) {
  789. this.doAfterClose();
  790. }
  791. },
  792. doAfterClose: function doAfterClose() {
  793. __WEBPACK_IMPORTED_MODULE_2_mint_ui_src_utils_popup_popup_manager__["a" /* default */].closeModal(this._popupId);
  794. this._closing = false;
  795. }
  796. }
  797. };
  798. /***/ },
  799. /***/ 9:
  800. /***/ function(module, exports, __webpack_require__) {
  801. "use strict";
  802. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(1);
  803. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);
  804. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_dom__ = __webpack_require__(2);
  805. var hasModal = false;
  806. var getModal = function() {
  807. if (__WEBPACK_IMPORTED_MODULE_0_vue___default.a.prototype.$isServer) return;
  808. var modalDom = PopupManager.modalDom;
  809. if (modalDom) {
  810. hasModal = true;
  811. } else {
  812. hasModal = false;
  813. modalDom = document.createElement('div');
  814. PopupManager.modalDom = modalDom;
  815. modalDom.addEventListener('touchmove', function(event) {
  816. event.preventDefault();
  817. event.stopPropagation();
  818. });
  819. modalDom.addEventListener('click', function() {
  820. PopupManager.doOnModalClick && PopupManager.doOnModalClick();
  821. });
  822. }
  823. return modalDom;
  824. };
  825. var instances = {};
  826. var PopupManager = {
  827. zIndex: 2000,
  828. modalFade: true,
  829. getInstance: function(id) {
  830. return instances[id];
  831. },
  832. register: function(id, instance) {
  833. if (id && instance) {
  834. instances[id] = instance;
  835. }
  836. },
  837. deregister: function(id) {
  838. if (id) {
  839. instances[id] = null;
  840. delete instances[id];
  841. }
  842. },
  843. nextZIndex: function() {
  844. return PopupManager.zIndex++;
  845. },
  846. modalStack: [],
  847. doOnModalClick: function() {
  848. var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
  849. if (!topItem) return;
  850. var instance = PopupManager.getInstance(topItem.id);
  851. if (instance && instance.closeOnClickModal) {
  852. instance.close();
  853. }
  854. },
  855. openModal: function(id, zIndex, dom, modalClass, modalFade) {
  856. if (__WEBPACK_IMPORTED_MODULE_0_vue___default.a.prototype.$isServer) return;
  857. if (!id || zIndex === undefined) return;
  858. this.modalFade = modalFade;
  859. var modalStack = this.modalStack;
  860. for (var i = 0, j = modalStack.length; i < j; i++) {
  861. var item = modalStack[i];
  862. if (item.id === id) {
  863. return;
  864. }
  865. }
  866. var modalDom = getModal();
  867. __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_dom__["a" /* addClass */])(modalDom, 'v-modal');
  868. if (this.modalFade && !hasModal) {
  869. __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_dom__["a" /* addClass */])(modalDom, 'v-modal-enter');
  870. }
  871. if (modalClass) {
  872. var classArr = modalClass.trim().split(/\s+/);
  873. classArr.forEach(function (item) { return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_dom__["a" /* addClass */])(modalDom, item); });
  874. }
  875. setTimeout(function () {
  876. __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_dom__["b" /* removeClass */])(modalDom, 'v-modal-enter');
  877. }, 200);
  878. if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
  879. dom.parentNode.appendChild(modalDom);
  880. } else {
  881. document.body.appendChild(modalDom);
  882. }
  883. if (zIndex) {
  884. modalDom.style.zIndex = zIndex;
  885. }
  886. modalDom.style.display = '';
  887. this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
  888. },
  889. closeModal: function(id) {
  890. var modalStack = this.modalStack;
  891. var modalDom = getModal();
  892. if (modalStack.length > 0) {
  893. var topItem = modalStack[modalStack.length - 1];
  894. if (topItem.id === id) {
  895. if (topItem.modalClass) {
  896. var classArr = topItem.modalClass.trim().split(/\s+/);
  897. classArr.forEach(function (item) { return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_dom__["b" /* removeClass */])(modalDom, item); });
  898. }
  899. modalStack.pop();
  900. if (modalStack.length > 0) {
  901. modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
  902. }
  903. } else {
  904. for (var i = modalStack.length - 1; i >= 0; i--) {
  905. if (modalStack[i].id === id) {
  906. modalStack.splice(i, 1);
  907. break;
  908. }
  909. }
  910. }
  911. }
  912. if (modalStack.length === 0) {
  913. if (this.modalFade) {
  914. __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_dom__["a" /* addClass */])(modalDom, 'v-modal-leave');
  915. }
  916. setTimeout(function () {
  917. if (modalStack.length === 0) {
  918. if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
  919. modalDom.style.display = 'none';
  920. PopupManager.modalDom = undefined;
  921. }
  922. __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_mint_ui_src_utils_dom__["b" /* removeClass */])(modalDom, 'v-modal-leave');
  923. }, 200);
  924. }
  925. }
  926. };
  927. !__WEBPACK_IMPORTED_MODULE_0_vue___default.a.prototype.$isServer && window.addEventListener('keydown', function(event) {
  928. if (event.keyCode === 27) { // ESC
  929. if (PopupManager.modalStack.length > 0) {
  930. var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
  931. if (!topItem) return;
  932. var instance = PopupManager.getInstance(topItem.id);
  933. if (instance.closeOnPressEscape) {
  934. instance.close();
  935. }
  936. }
  937. }
  938. });
  939. /* harmony default export */ exports["a"] = PopupManager;
  940. /***/ }
  941. /******/ });