index.js 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.DynamicApp = void 0;
  6. exports.checkDynamic = checkDynamic;
  7. exports.dynamicStore = exports.dynamicApp = void 0;
  8. var _vue = _interopRequireDefault(require("vue"));
  9. var _core = require("@vxe-ui/core");
  10. function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
  11. var dynamicContainerElem;
  12. var DynamicApp = exports.DynamicApp = _vue.default.extend({
  13. data: function data() {
  14. var modals = [];
  15. var drawers = [];
  16. return {
  17. modals: modals,
  18. drawers: drawers,
  19. globalLoading: null,
  20. globalWatermark: null
  21. };
  22. },
  23. methods: {
  24. renderVN: function renderVN(h) {
  25. var VxeUIModalComponent = _core.VxeUI.getComponent('vxe-modal');
  26. var VxeUIDrawerComponent = _core.VxeUI.getComponent('vxe-drawer');
  27. var VxeUILoadingComponent = _core.VxeUI.getComponent('vxe-loading');
  28. var VxeUIWatermarkComponent = _core.VxeUI.getComponent('vxe-watermark');
  29. var modals = this.modals,
  30. drawers = this.drawers,
  31. globalLoading = this.globalLoading,
  32. globalWatermark = this.globalWatermark;
  33. return h('div', {}, [modals.length ? h('div', {
  34. key: 1,
  35. class: 'vxe-dynamics--modal'
  36. }, modals.map(function (item) {
  37. return h(VxeUIModalComponent, {
  38. key: item.key,
  39. props: item.props,
  40. on: item.on
  41. });
  42. })) : (0, _core.renderEmptyElement)(this), drawers.length ? h('div', {
  43. key: 2,
  44. class: 'vxe-dynamics--drawer'
  45. }, drawers.map(function (item) {
  46. return h(VxeUIDrawerComponent, {
  47. key: item.key,
  48. props: item.props,
  49. on: item.on
  50. });
  51. })) : (0, _core.renderEmptyElement)(this), globalWatermark ? h(VxeUIWatermarkComponent, {
  52. key: 'gw',
  53. props: globalWatermark
  54. }) : (0, _core.renderEmptyElement)(this), globalLoading ? h(VxeUILoadingComponent, {
  55. key: 'gl',
  56. props: globalLoading
  57. }) : (0, _core.renderEmptyElement)(this)]);
  58. }
  59. },
  60. render: function render(h) {
  61. return this.renderVN(h);
  62. }
  63. });
  64. var dynamicApp = exports.dynamicApp = DynamicApp;
  65. var dynamicStore = exports.dynamicStore = new DynamicApp();
  66. function checkDynamic() {
  67. if (!dynamicContainerElem) {
  68. dynamicContainerElem = document.createElement('div');
  69. dynamicContainerElem.className = 'vxe-dynamics';
  70. document.body.appendChild(dynamicContainerElem);
  71. dynamicStore.$mount(dynamicContainerElem);
  72. }
  73. }