1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _Dialog = require('./Dialog');
var _Dialog2 = _interopRequireDefault(_Dialog);
var _ContainerRender = require('../_util/ContainerRender');
var _ContainerRender2 = _interopRequireDefault(_ContainerRender);
var _IDialogPropTypes = require('./IDialogPropTypes');
var _IDialogPropTypes2 = _interopRequireDefault(_IDialogPropTypes);
var _propsUtil = require('../_util/props-util');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var IDialogPropTypes = (0, _IDialogPropTypes2['default'])();
var DialogWrap = {
props: (0, _extends3['default'])({}, IDialogPropTypes, {
visible: IDialogPropTypes.visible.def(false)
}),
data: function data() {
this.renderComponent = function () {};
this.removeContainer = function () {};
return {};
},
beforeDestroy: function beforeDestroy() {
if (this.visible) {
this.renderComponent({
afterClose: this.removeContainer,
visible: false,
on: {
close: function close() {}
}
});
} else {
this.removeContainer();
}
},
methods: {
getComponent: function getComponent() {
var extra = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var h = this.$createElement;
var $attrs = this.$attrs,
$listeners = this.$listeners,
$props = this.$props,
$slots = this.$slots;
var on = extra.on,
otherProps = (0, _objectWithoutProperties3['default'])(extra, ['on']);
var dialogProps = {
props: (0, _extends3['default'])({}, $props, {
dialogClass: (0, _propsUtil.getClass)(this),
dialogStyle: (0, _propsUtil.getStyle)(this)
}, otherProps),
attrs: $attrs,
ref: '_component',
key: 'dialog',
on: (0, _extends3['default'])({}, $listeners, on)
};
return h(
_Dialog2['default'],
dialogProps,
[$slots['default']]
);
},
getContainer2: function getContainer2() {
var container = document.createElement('div');
if (this.getContainer) {
this.getContainer().appendChild(container);
} else {
document.body.appendChild(container);
}
return container;
}
},
render: function render() {
var _this = this;
var h = arguments[0];
var visible = this.visible;
return h(_ContainerRender2['default'], {
attrs: {
parent: this,
visible: visible,
autoDestroy: false,
getComponent: this.getComponent,
getContainer: this.getContainer2,
children: function children(_ref) {
var renderComponent = _ref.renderComponent,
removeContainer = _ref.removeContainer;
_this.renderComponent = renderComponent;
_this.removeContainer = removeContainer;
return null;
}
}
});
}
};
exports['default'] = DialogWrap;