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 | require("antd/es/drawer/style");
|
13 |
|
14 | var _drawer = _interopRequireDefault(require("antd/es/drawer"));
|
15 |
|
16 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
17 |
|
18 | var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
19 |
|
20 | var _react = _interopRequireWildcard(require("react"));
|
21 |
|
22 | var _classnames = _interopRequireDefault(require("classnames"));
|
23 |
|
24 | var _omit = _interopRequireDefault(require("omit.js"));
|
25 |
|
26 | var _routeUtils = require("@umijs/route-utils");
|
27 |
|
28 | var _SiderMenu = _interopRequireDefault(require("./SiderMenu"));
|
29 |
|
30 | var _Counter = _interopRequireDefault(require("./Counter"));
|
31 |
|
32 | var SiderMenuWrapper = function SiderMenuWrapper(props) {
|
33 | var isMobile = props.isMobile,
|
34 | menuData = props.menuData,
|
35 | siderWidth = props.siderWidth,
|
36 | collapsed = props.collapsed,
|
37 | onCollapse = props.onCollapse,
|
38 | style = props.style,
|
39 | className = props.className,
|
40 | hide = props.hide,
|
41 | getContainer = props.getContainer,
|
42 | prefixCls = props.prefixCls,
|
43 | matchMenuKeys = props.matchMenuKeys;
|
44 |
|
45 | var _MenuCounter$useConta = _Counter.default.useContainer(),
|
46 | setFlatMenuKeys = _MenuCounter$useConta.setFlatMenuKeys;
|
47 |
|
48 | (0, _react.useEffect)(function () {
|
49 | if (!menuData || menuData.length < 1) {
|
50 | return;
|
51 | }
|
52 |
|
53 |
|
54 | var newFlatMenus = (0, _routeUtils.getFlatMenus)(menuData);
|
55 | setFlatMenuKeys(Object.keys(newFlatMenus));
|
56 | }, [matchMenuKeys.join('-')]);
|
57 | (0, _react.useEffect)(function () {
|
58 | if (isMobile === true) {
|
59 | onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(true);
|
60 | }
|
61 |
|
62 | }, [isMobile]);
|
63 | var omitProps = (0, _omit.default)(props, ['className', 'style']);
|
64 |
|
65 | if (hide) {
|
66 | return null;
|
67 | }
|
68 |
|
69 | return isMobile ? _react.default.createElement(_drawer.default, {
|
70 | visible: !collapsed,
|
71 | placement: "left",
|
72 | className: (0, _classnames.default)("".concat(prefixCls, "-drawer-sider"), className),
|
73 | onClose: function onClose() {
|
74 | return onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(true);
|
75 | },
|
76 | style: (0, _objectSpread2.default)({
|
77 | padding: 0,
|
78 | height: '100vh'
|
79 | }, style),
|
80 | getContainer: getContainer,
|
81 | width: siderWidth,
|
82 | bodyStyle: {
|
83 | height: '100vh',
|
84 | padding: 0,
|
85 | display: 'flex',
|
86 | flexDirection: 'row'
|
87 | }
|
88 | }, _react.default.createElement(_SiderMenu.default, (0, _extends2.default)({}, omitProps, {
|
89 | className: (0, _classnames.default)("".concat(prefixCls, "-sider"), className),
|
90 | collapsed: isMobile ? false : collapsed,
|
91 | splitMenus: false
|
92 | }))) : _react.default.createElement(_SiderMenu.default, (0, _extends2.default)({
|
93 | className: (0, _classnames.default)("".concat(prefixCls, "-sider"), className)
|
94 | }, omitProps, {
|
95 | style: style
|
96 | }));
|
97 | };
|
98 |
|
99 | var _default = SiderMenuWrapper;
|
100 | exports.default = _default; |
\ | No newline at end of file |