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
120
121
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _toConsumableArray from 'babel-runtime/helpers/toConsumableArray';
import _extends from 'babel-runtime/helpers/extends';
import PropTypes from '../_util/vue-types';
import classNames from 'classnames';
import { getOptionProps } from '../_util/props-util';
export var BasicProps = {
prefixCls: PropTypes.string,
hasSider: PropTypes.boolean
};
function generator(props, name) {
return function (BasicComponent) {
return {
name: name,
props: BasicComponent.props,
render: function render() {
var h = arguments[0];
var prefixCls = props.prefixCls;
var basicComponentProps = {
props: _extends({
prefixCls: prefixCls
}, getOptionProps(this)),
on: this.$listeners
};
return h(
BasicComponent,
basicComponentProps,
[this.$slots['default']]
);
}
};
};
}
var Basic = {
props: BasicProps,
render: function render() {
var h = arguments[0];
var prefixCls = this.prefixCls,
$slots = this.$slots,
$listeners = this.$listeners;
var divProps = {
'class': prefixCls,
on: $listeners
};
return h(
'div',
divProps,
[$slots['default']]
);
}
};
var BasicLayout = {
props: BasicProps,
data: function data() {
return {
siders: []
};
},
provide: function provide() {
var _this = this;
return {
siderHook: {
addSider: function addSider(id) {
_this.siders = [].concat(_toConsumableArray(_this.siders), [id]);
},
removeSider: function removeSider(id) {
_this.siders = _this.siders.filter(function (currentId) {
return currentId !== id;
});
}
}
};
},
render: function render() {
var h = arguments[0];
var prefixCls = this.prefixCls,
$slots = this.$slots,
hasSider = this.hasSider,
$listeners = this.$listeners;
var divCls = classNames(prefixCls, _defineProperty({}, prefixCls + '-has-sider', hasSider || this.siders.length > 0));
var divProps = {
'class': divCls,
on: $listeners
};
return h(
'div',
divProps,
[$slots['default']]
);
}
};
var Layout = generator({
prefixCls: 'ant-layout'
}, 'ALayout')(BasicLayout);
var Header = generator({
prefixCls: 'ant-layout-header'
}, 'ALayoutHeader')(Basic);
var Footer = generator({
prefixCls: 'ant-layout-footer'
}, 'ALayoutFooter')(Basic);
var Content = generator({
prefixCls: 'ant-layout-content'
}, 'ALayoutContent')(Basic);
Layout.Header = Header;
Layout.Footer = Footer;
Layout.Content = Content;
export default Layout;