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"] = void 0;
|
11 |
|
12 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13 |
|
14 | var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
15 |
|
16 | var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
17 |
|
18 | var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
19 |
|
20 | var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
21 |
|
22 | var React = _interopRequireWildcard(require("react"));
|
23 |
|
24 | var _rcMenu = _interopRequireWildcard(require("rc-menu"));
|
25 |
|
26 | var _classnames = _interopRequireDefault(require("classnames"));
|
27 |
|
28 | var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
|
29 |
|
30 | var _icons = require("@ant-design/icons");
|
31 |
|
32 | var _SubMenu = _interopRequireDefault(require("./SubMenu"));
|
33 |
|
34 | var _MenuItem = _interopRequireDefault(require("./MenuItem"));
|
35 |
|
36 | var _configProvider = require("../config-provider");
|
37 |
|
38 | var _devWarning = _interopRequireDefault(require("../_util/devWarning"));
|
39 |
|
40 | var _Sider = require("../layout/Sider");
|
41 |
|
42 | var _motion = _interopRequireDefault(require("../_util/motion"));
|
43 |
|
44 | var _reactNode = require("../_util/reactNode");
|
45 |
|
46 | var _MenuContext = _interopRequireDefault(require("./MenuContext"));
|
47 |
|
48 | 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); }
|
49 |
|
50 | 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; }
|
51 |
|
52 | var __rest = void 0 && (void 0).__rest || function (s, e) {
|
53 | var t = {};
|
54 |
|
55 | for (var p in s) {
|
56 | if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
57 | }
|
58 |
|
59 | if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
60 | if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
61 | }
|
62 | return t;
|
63 | };
|
64 |
|
65 | var InternalMenu = function (_React$Component) {
|
66 | (0, _inherits2["default"])(InternalMenu, _React$Component);
|
67 |
|
68 | var _super = (0, _createSuper2["default"])(InternalMenu);
|
69 |
|
70 | function InternalMenu(props) {
|
71 | var _this;
|
72 |
|
73 | (0, _classCallCheck2["default"])(this, InternalMenu);
|
74 | _this = _super.call(this, props);
|
75 |
|
76 | _this.renderMenu = function (_ref) {
|
77 | var getPopupContainer = _ref.getPopupContainer,
|
78 | getPrefixCls = _ref.getPrefixCls,
|
79 | direction = _ref.direction;
|
80 | var rootPrefixCls = getPrefixCls();
|
81 |
|
82 | var _a = _this.props,
|
83 | customizePrefixCls = _a.prefixCls,
|
84 | className = _a.className,
|
85 | theme = _a.theme,
|
86 | expandIcon = _a.expandIcon,
|
87 | restProps = __rest(_a, ["prefixCls", "className", "theme", "expandIcon"]);
|
88 |
|
89 | var passedProps = (0, _omit["default"])(restProps, ['siderCollapsed', 'collapsedWidth']);
|
90 |
|
91 | var inlineCollapsed = _this.getInlineCollapsed();
|
92 |
|
93 | var defaultMotions = {
|
94 | horizontal: {
|
95 | motionName: "".concat(rootPrefixCls, "-slide-up")
|
96 | },
|
97 | inline: _motion["default"],
|
98 | other: {
|
99 | motionName: "".concat(rootPrefixCls, "-zoom-big")
|
100 | }
|
101 | };
|
102 | var prefixCls = getPrefixCls('menu', customizePrefixCls);
|
103 | var menuClassName = (0, _classnames["default"])("".concat(prefixCls, "-").concat(theme), className);
|
104 | return React.createElement(_MenuContext["default"].Provider, {
|
105 | value: {
|
106 | prefixCls: prefixCls,
|
107 | inlineCollapsed: inlineCollapsed || false,
|
108 | antdMenuTheme: theme,
|
109 | direction: direction,
|
110 | firstLevel: true
|
111 | }
|
112 | }, React.createElement(_rcMenu["default"], (0, _extends2["default"])({
|
113 | getPopupContainer: getPopupContainer,
|
114 | overflowedIndicator: React.createElement(_icons.EllipsisOutlined, null)
|
115 | }, passedProps, {
|
116 | inlineCollapsed: inlineCollapsed,
|
117 | className: menuClassName,
|
118 | prefixCls: prefixCls,
|
119 | direction: direction,
|
120 | defaultMotions: defaultMotions,
|
121 | expandIcon: (0, _reactNode.cloneElement)(expandIcon, {
|
122 | className: "".concat(prefixCls, "-submenu-expand-icon")
|
123 | })
|
124 | })));
|
125 | };
|
126 |
|
127 | (0, _devWarning["default"])(!('inlineCollapsed' in props && props.mode !== 'inline'), 'Menu', '`inlineCollapsed` should only be used when `mode` is inline.');
|
128 | (0, _devWarning["default"])(!(props.siderCollapsed !== undefined && 'inlineCollapsed' in props), 'Menu', '`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead.');
|
129 | return _this;
|
130 | }
|
131 |
|
132 | (0, _createClass2["default"])(InternalMenu, [{
|
133 | key: "getInlineCollapsed",
|
134 | value: function getInlineCollapsed() {
|
135 | var _this$props = this.props,
|
136 | inlineCollapsed = _this$props.inlineCollapsed,
|
137 | siderCollapsed = _this$props.siderCollapsed;
|
138 |
|
139 | if (siderCollapsed !== undefined) {
|
140 | return siderCollapsed;
|
141 | }
|
142 |
|
143 | return inlineCollapsed;
|
144 | }
|
145 | }, {
|
146 | key: "render",
|
147 | value: function render() {
|
148 | return React.createElement(_configProvider.ConfigConsumer, null, this.renderMenu);
|
149 | }
|
150 | }]);
|
151 | return InternalMenu;
|
152 | }(React.Component);
|
153 |
|
154 | InternalMenu.defaultProps = {
|
155 | theme: 'light'
|
156 |
|
157 | };
|
158 |
|
159 | var Menu = function (_React$Component2) {
|
160 | (0, _inherits2["default"])(Menu, _React$Component2);
|
161 |
|
162 | var _super2 = (0, _createSuper2["default"])(Menu);
|
163 |
|
164 | function Menu() {
|
165 | (0, _classCallCheck2["default"])(this, Menu);
|
166 | return _super2.apply(this, arguments);
|
167 | }
|
168 |
|
169 | (0, _createClass2["default"])(Menu, [{
|
170 | key: "render",
|
171 | value: function render() {
|
172 | var _this2 = this;
|
173 |
|
174 | return React.createElement(_Sider.SiderContext.Consumer, null, function (context) {
|
175 | return React.createElement(InternalMenu, (0, _extends2["default"])({}, _this2.props, context));
|
176 | });
|
177 | }
|
178 | }]);
|
179 | return Menu;
|
180 | }(React.Component);
|
181 |
|
182 | Menu.Divider = _rcMenu.Divider;
|
183 | Menu.Item = _MenuItem["default"];
|
184 | Menu.SubMenu = _SubMenu["default"];
|
185 | Menu.ItemGroup = _rcMenu.ItemGroup;
|
186 | var _default = Menu;
|
187 | exports["default"] = _default; |
\ | No newline at end of file |