1 | "use strict";
|
2 |
|
3 | var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
4 |
|
5 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
6 |
|
7 | Object.defineProperty(exports, "__esModule", {
|
8 | value: true
|
9 | });
|
10 | exports["default"] = void 0;
|
11 |
|
12 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
13 |
|
14 | var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
15 |
|
16 | var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
17 |
|
18 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
19 |
|
20 | var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
21 |
|
22 | var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
23 |
|
24 | var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
25 |
|
26 | var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
27 |
|
28 | var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
29 |
|
30 | var _react = _interopRequireWildcard(require("react"));
|
31 |
|
32 | var _propTypes = _interopRequireDefault(require("prop-types"));
|
33 |
|
34 | var _classnames = _interopRequireDefault(require("classnames"));
|
35 |
|
36 | var _configure = require("../configure");
|
37 |
|
38 | function _createSuper(Derived) {
|
39 | function isNativeReflectConstruct() {
|
40 | if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
41 | if (Reflect.construct.sham) return false;
|
42 | if (typeof Proxy === "function") return true;
|
43 |
|
44 | try {
|
45 | Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
|
46 | return true;
|
47 | } catch (e) {
|
48 | return false;
|
49 | }
|
50 | }
|
51 |
|
52 | return function () {
|
53 | var Super = (0, _getPrototypeOf2["default"])(Derived),
|
54 | result;
|
55 |
|
56 | if (isNativeReflectConstruct()) {
|
57 | var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
|
58 | result = Reflect.construct(Super, arguments, NewTarget);
|
59 | } else {
|
60 | result = Super.apply(this, arguments);
|
61 | }
|
62 |
|
63 | return (0, _possibleConstructorReturn2["default"])(this, result);
|
64 | };
|
65 | }
|
66 |
|
67 | function generator(_ref) {
|
68 | var displayName = _ref.displayName,
|
69 | suffixCls = _ref.suffixCls;
|
70 | return function (BasicComponent) {
|
71 | var _a;
|
72 |
|
73 | return _a =
|
74 |
|
75 | function (_Component) {
|
76 | (0, _inherits2["default"])(Adapter, _Component);
|
77 |
|
78 | var _super = _createSuper(Adapter);
|
79 |
|
80 | function Adapter() {
|
81 | (0, _classCallCheck2["default"])(this, Adapter);
|
82 | return _super.apply(this, arguments);
|
83 | }
|
84 |
|
85 | (0, _createClass2["default"])(Adapter, [{
|
86 | key: "render",
|
87 | value: function render() {
|
88 | var customizePrefixCls = this.props.prefixCls;
|
89 | return _react["default"].createElement(BasicComponent, (0, _extends2["default"])({}, this.props, {
|
90 | prefixCls: (0, _configure.getPrefixCls)(suffixCls, customizePrefixCls)
|
91 | }));
|
92 | }
|
93 | }]);
|
94 | return Adapter;
|
95 | }(_react.Component), _a.displayName = displayName, _a;
|
96 | };
|
97 | }
|
98 |
|
99 | function Basic(props) {
|
100 | var prefixCls = props.prefixCls,
|
101 | className = props.className,
|
102 | children = props.children,
|
103 | others = (0, _objectWithoutProperties2["default"])(props, ["prefixCls", "className", "children"]);
|
104 | var divCls = (0, _classnames["default"])(className, prefixCls);
|
105 | return _react["default"].createElement("div", (0, _extends2["default"])({
|
106 | className: divCls
|
107 | }, others), children);
|
108 | }
|
109 |
|
110 | var BasicLayout =
|
111 |
|
112 | function (_Component2) {
|
113 | (0, _inherits2["default"])(BasicLayout, _Component2);
|
114 |
|
115 | var _super2 = _createSuper(BasicLayout);
|
116 |
|
117 | function BasicLayout() {
|
118 | var _this;
|
119 |
|
120 | (0, _classCallCheck2["default"])(this, BasicLayout);
|
121 | _this = _super2.apply(this, arguments);
|
122 | _this.state = {
|
123 | siders: []
|
124 | };
|
125 | return _this;
|
126 | }
|
127 |
|
128 | (0, _createClass2["default"])(BasicLayout, [{
|
129 | key: "getChildContext",
|
130 | value: function getChildContext() {
|
131 | var _this2 = this;
|
132 |
|
133 | var siders = this.state.siders;
|
134 | return {
|
135 | siderHook: {
|
136 | addSider: function addSider(id) {
|
137 | _this2.setState({
|
138 | siders: [].concat((0, _toConsumableArray2["default"])(siders), [id])
|
139 | });
|
140 | },
|
141 | removeSider: function removeSider(id) {
|
142 | _this2.setState({
|
143 | siders: siders.filter(function (currentId) {
|
144 | return currentId !== id;
|
145 | })
|
146 | });
|
147 | }
|
148 | }
|
149 | };
|
150 | }
|
151 | }, {
|
152 | key: "render",
|
153 | value: function render() {
|
154 | var _this$props = this.props,
|
155 | prefixCls = _this$props.prefixCls,
|
156 | className = _this$props.className,
|
157 | children = _this$props.children,
|
158 | hasSider = _this$props.hasSider,
|
159 | others = (0, _objectWithoutProperties2["default"])(_this$props, ["prefixCls", "className", "children", "hasSider"]);
|
160 | var siders = this.state.siders;
|
161 | var divCls = (0, _classnames["default"])(className, prefixCls, (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-has-sider"), hasSider || siders.length > 0));
|
162 | return _react["default"].createElement("div", (0, _extends2["default"])({
|
163 | className: divCls
|
164 | }, others), children);
|
165 | }
|
166 | }]);
|
167 | return BasicLayout;
|
168 | }(_react.Component);
|
169 |
|
170 | BasicLayout.childContextTypes = {
|
171 | siderHook: _propTypes["default"].object
|
172 | };
|
173 | var Layout = generator({
|
174 | suffixCls: 'layout',
|
175 | displayName: 'Layout'
|
176 | })(BasicLayout);
|
177 | var Header = generator({
|
178 | suffixCls: 'layout-header',
|
179 | displayName: 'Header'
|
180 | })(Basic);
|
181 | var Footer = generator({
|
182 | suffixCls: 'layout-footer',
|
183 | displayName: 'Footer'
|
184 | })(Basic);
|
185 | var Content = generator({
|
186 | suffixCls: 'layout-content',
|
187 | displayName: 'Content'
|
188 | })(Basic);
|
189 | Layout.Header = Header;
|
190 | Layout.Footer = Footer;
|
191 | Layout.Content = Content;
|
192 | var _default = Layout;
|
193 | exports["default"] = _default;
|
194 |
|