1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | var _typeof = require("@babel/runtime/helpers/typeof");
|
6 |
|
7 | Object.defineProperty(exports, "__esModule", {
|
8 | value: true
|
9 | });
|
10 | exports["default"] = exports.Content = exports.Footer = exports.Header = exports.LayoutContext = void 0;
|
11 |
|
12 | var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
13 |
|
14 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
15 |
|
16 | var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
17 |
|
18 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
19 |
|
20 | var React = _interopRequireWildcard(require("react"));
|
21 |
|
22 | var _classnames = _interopRequireDefault(require("classnames"));
|
23 |
|
24 | var _configProvider = require("../config-provider");
|
25 |
|
26 | function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
27 |
|
28 | function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
29 |
|
30 | var __rest = void 0 && (void 0).__rest || function (s, e) {
|
31 | var t = {};
|
32 |
|
33 | for (var p in s) {
|
34 | if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
35 | }
|
36 |
|
37 | if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
38 | if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
39 | }
|
40 | return t;
|
41 | };
|
42 |
|
43 | var LayoutContext = React.createContext({
|
44 | siderHook: {
|
45 | addSider: function addSider() {
|
46 | return null;
|
47 | },
|
48 | removeSider: function removeSider() {
|
49 | return null;
|
50 | }
|
51 | }
|
52 | });
|
53 | exports.LayoutContext = LayoutContext;
|
54 |
|
55 | function generator(_ref) {
|
56 | var suffixCls = _ref.suffixCls,
|
57 | tagName = _ref.tagName,
|
58 | displayName = _ref.displayName;
|
59 | return function (BasicComponent) {
|
60 | var Adapter = function Adapter(props) {
|
61 | var _React$useContext = React.useContext(_configProvider.ConfigContext),
|
62 | getPrefixCls = _React$useContext.getPrefixCls;
|
63 |
|
64 | var customizePrefixCls = props.prefixCls;
|
65 | var prefixCls = getPrefixCls(suffixCls, customizePrefixCls);
|
66 | return React.createElement(BasicComponent, (0, _extends2["default"])({
|
67 | prefixCls: prefixCls,
|
68 | tagName: tagName
|
69 | }, props));
|
70 | };
|
71 |
|
72 | Adapter.displayName = displayName;
|
73 | return Adapter;
|
74 | };
|
75 | }
|
76 |
|
77 | var Basic = function Basic(props) {
|
78 | var prefixCls = props.prefixCls,
|
79 | className = props.className,
|
80 | children = props.children,
|
81 | tagName = props.tagName,
|
82 | others = __rest(props, ["prefixCls", "className", "children", "tagName"]);
|
83 |
|
84 | var classString = (0, _classnames["default"])(prefixCls, className);
|
85 | return React.createElement(tagName, (0, _extends2["default"])({
|
86 | className: classString
|
87 | }, others), children);
|
88 | };
|
89 |
|
90 | var BasicLayout = function BasicLayout(props) {
|
91 | var _classNames;
|
92 |
|
93 | var _React$useContext2 = React.useContext(_configProvider.ConfigContext),
|
94 | direction = _React$useContext2.direction;
|
95 |
|
96 | var _React$useState = React.useState([]),
|
97 | _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
98 | siders = _React$useState2[0],
|
99 | setSiders = _React$useState2[1];
|
100 |
|
101 | var prefixCls = props.prefixCls,
|
102 | className = props.className,
|
103 | children = props.children,
|
104 | hasSider = props.hasSider,
|
105 | Tag = props.tagName,
|
106 | others = __rest(props, ["prefixCls", "className", "children", "hasSider", "tagName"]);
|
107 |
|
108 | var classString = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-has-sider"), typeof hasSider === 'boolean' ? hasSider : siders.length > 0), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
|
109 | return React.createElement(LayoutContext.Provider, {
|
110 | value: {
|
111 | siderHook: {
|
112 | addSider: function addSider(id) {
|
113 | setSiders(function (prev) {
|
114 | return [].concat((0, _toConsumableArray2["default"])(prev), [id]);
|
115 | });
|
116 | },
|
117 | removeSider: function removeSider(id) {
|
118 | setSiders(function (prev) {
|
119 | return prev.filter(function (currentId) {
|
120 | return currentId !== id;
|
121 | });
|
122 | });
|
123 | }
|
124 | }
|
125 | }
|
126 | }, React.createElement(Tag, (0, _extends2["default"])({
|
127 | className: classString
|
128 | }, others), children));
|
129 | };
|
130 |
|
131 | var Layout = generator({
|
132 | suffixCls: 'layout',
|
133 | tagName: 'section',
|
134 | displayName: 'Layout'
|
135 | })(BasicLayout);
|
136 | var Header = generator({
|
137 | suffixCls: 'layout-header',
|
138 | tagName: 'header',
|
139 | displayName: 'Header'
|
140 | })(Basic);
|
141 | exports.Header = Header;
|
142 | var Footer = generator({
|
143 | suffixCls: 'layout-footer',
|
144 | tagName: 'footer',
|
145 | displayName: 'Footer'
|
146 | })(Basic);
|
147 | exports.Footer = Footer;
|
148 | var Content = generator({
|
149 | suffixCls: 'layout-content',
|
150 | tagName: 'main',
|
151 | displayName: 'Content'
|
152 | })(Basic);
|
153 | exports.Content = Content;
|
154 | var _default = Layout;
|
155 | exports["default"] = _default; |
\ | No newline at end of file |