index.js 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.ModalController = ModalController;
  6. exports.default = exports.Modal = void 0;
  7. var _ctor = _interopRequireDefault(require("xe-utils/ctor"));
  8. var _modal = _interopRequireDefault(require("./src/modal"));
  9. var _activities = _interopRequireDefault(require("./src/activities"));
  10. var _vXETable = _interopRequireDefault(require("../v-x-e-table"));
  11. var _tools = require("../tools");
  12. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  13. /* eslint-disable @typescript-eslint/no-use-before-define */
  14. var ModalClass = null;
  15. function openModal(opts) {
  16. var options = Object.assign({}, opts, {
  17. transfer: true
  18. });
  19. return new Promise(function (resolve) {
  20. if (options && options.id && _activities.default.some(function (comp) {
  21. return comp.id === options.id;
  22. })) {
  23. resolve('exist');
  24. } else {
  25. var events = options.events || {};
  26. options.events = Object.assign({}, events, {
  27. hide: function hide(params) {
  28. if (events.hide) {
  29. events.hide.call(this, params);
  30. }
  31. setTimeout(function () {
  32. return $modal.$destroy();
  33. }, $modal.isMsg ? 500 : 100);
  34. resolve(params.type);
  35. }
  36. });
  37. var $modal = new ModalClass({
  38. el: document.createElement('div'),
  39. propsData: options
  40. });
  41. setTimeout(function () {
  42. if ($modal.isDestroy) {
  43. $modal.close();
  44. } else {
  45. $modal.open();
  46. }
  47. });
  48. }
  49. });
  50. }
  51. function ModalController(options) {
  52. _tools.UtilTools.warn('vxe.error.delFunc', ['Modal', 'Modal.open']);
  53. return openModal(options);
  54. }
  55. ['alert', 'confirm', 'message'].forEach(function (type, index) {
  56. var defOpts = index === 2 ? {
  57. mask: false,
  58. lockView: false,
  59. showHeader: false
  60. } : {
  61. showFooter: true
  62. };
  63. defOpts.type = type;
  64. defOpts.dblclickZoom = false;
  65. if (index === 1) {
  66. defOpts.status = 'question';
  67. }
  68. ModalController[type] = function (content, title, options) {
  69. var opts = {};
  70. if (_ctor.default.isObject(content)) {
  71. opts = content;
  72. } else {
  73. if (title) {
  74. opts = index === 2 ? {
  75. status: title
  76. } : {
  77. title: title
  78. };
  79. }
  80. opts.content = _ctor.default.toString(content);
  81. }
  82. return openModal(Object.assign({
  83. type: type
  84. }, defOpts, opts, options));
  85. };
  86. });
  87. /**
  88. * 全局关闭动态的活动窗口(只能用于关闭动态的创建的活动窗口)
  89. * 如果传 id 则关闭指定的窗口
  90. * 如果不传则关闭所有窗口
  91. */
  92. function closeModal(id) {
  93. var modals = arguments.length ? [getModal(id)] : _activities.default;
  94. modals.forEach(function ($modal) {
  95. if ($modal) {
  96. $modal.isDestroy = true;
  97. $modal.close('close');
  98. }
  99. });
  100. return Promise.resolve();
  101. }
  102. function getModal(id) {
  103. return _ctor.default.find(_activities.default, function ($modal) {
  104. return $modal.id === id;
  105. });
  106. }
  107. ModalController.closeAll = function () {
  108. _tools.UtilTools.warn('vxe.error.delFunc', ['closeAll', 'close']);
  109. closeModal();
  110. };
  111. ModalController.get = getModal;
  112. ModalController.close = closeModal;
  113. ModalController.open = openModal;
  114. ModalController.install = function (Vue) {
  115. _vXETable.default._modal = 1;
  116. Vue.component('vxe-message', _modal.default);
  117. Vue.component(_modal.default.name, _modal.default);
  118. ModalClass = Vue.extend(_modal.default);
  119. Vue.prototype.$XMsg = ModalController;
  120. Vue.prototype.$XModal = ModalController;
  121. _vXETable.default.$modal = ModalController;
  122. _vXETable.default.modal = ModalController;
  123. if (!Vue.prototype.$vxe) {
  124. Vue.prototype.$vxe = {
  125. modal: ModalController
  126. };
  127. } else {
  128. Vue.prototype.$vxe.modal = ModalController;
  129. }
  130. };
  131. var Modal = ModalController;
  132. exports.Modal = Modal;
  133. var _default = ModalController;
  134. exports.default = _default;