dlt-for-react 1.0.2 → 1.0.3

package/lib/layouts/TopMenu/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 
 var _extends2 = require('babel-runtime/helpers/extends');
@@ -50,287 +50,292 @@ var _react2 = _interopRequireDefault(_react);
 
 var _router = require('dva/router');
 
-var _reactCustomScrollbars = require('react-custom-scrollbars');
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**图标 */
-var SubMenu = _menu2.default.SubMenu; /*
-                                       * @Description: 菜单
-                                       * @Author: lisenlin
-                                       * @Date: 2021-06-15 16:29:32
-                                       * @LastEditors: lisenlin
-                                       * @LastEditTime: 2021-11-23 18:58:33
-                                       */
+/*
+ * @Description: 菜单
+ * @Author: lisenlin
+ * @Date: 2021-06-15 16:29:32
+ * @LastEditors: lisenlin
+ * @LastEditTime: 2021-11-23 18:58:33
+ */
+var SubMenu = _menu2.default.SubMenu;
 
 var index = function (_Component) {
-    (0, _inherits3.default)(index, _Component);
-
-    function index(props) {
-        (0, _classCallCheck3.default)(this, index);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (index.__proto__ || (0, _getPrototypeOf2.default)(index)).call(this, props));
-
-        _this.loginSkip = function () {
-            var leftMenu = (0, _getLoginUser3.default)().menus ? (0, _getLoginUser3.default)().menus : [];
-            // 如果不需要登录的服务就取props的菜单
-            leftMenu = _this.props.config.noNeedLogin ? _this.props.allMenu : leftMenu;
-            var curUrl = window.location.href.split('#')[1] + "/";
-            var addRootSubmenuKeys = [];
-            for (var i = 0; i < leftMenu.length; i++) {
-                addRootSubmenuKeys.push(leftMenu[i].key);
-                if (leftMenu[i].children) {
-                    for (var j = 0; j < leftMenu[i].children.length; j++) {
-                        if (leftMenu[i].children[j].children) {
-                            for (var k = 0; k < leftMenu[i].children[j].children.length; k++) {
-                                if (curUrl.startsWith(leftMenu[i].children[j].children[k].url + "/")) {
-                                    _this.setState({
-                                        selectedKeys: leftMenu[i].children[j].children[k].key,
-                                        openKeys: [leftMenu[i].key]
-                                    });
-                                }
-                            }
-                        } else {
-                            if (curUrl.startsWith(leftMenu[i].children[j].url + "/")) {
-                                _this.setState({
-                                    selectedKeys: leftMenu[i].children[j].key,
-                                    openKeys: [leftMenu[i].key]
-                                });
-                            }
-                        }
-                    }
-                } else {
-                    if (curUrl.startsWith(leftMenu[i].url + "/")) {
-                        _this.setState({
-                            selectedKeys: leftMenu[i].key,
-                            openKeys: []
-                        });
-                    }
+  (0, _inherits3.default)(index, _Component);
+
+  function index(props) {
+    (0, _classCallCheck3.default)(this, index);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (index.__proto__ || (0, _getPrototypeOf2.default)(index)).call(this, props));
+
+    _this.loginSkip = function () {
+      var leftMenu = (0, _getLoginUser3.default)().menus ? (0, _getLoginUser3.default)().menus : [];
+      // 如果不需要登录的服务就取props的菜单
+      leftMenu = _this.props.config.noNeedLogin ? _this.props.allMenu : leftMenu;
+      var curUrl = window.location.href.split('#')[1] + '/';
+      var addRootSubmenuKeys = [];
+      for (var i = 0; i < leftMenu.length; i++) {
+        addRootSubmenuKeys.push(leftMenu[i].key);
+        if (leftMenu[i].children) {
+          for (var j = 0; j < leftMenu[i].children.length; j++) {
+            if (leftMenu[i].children[j].children) {
+              for (var k = 0; k < leftMenu[i].children[j].children.length; k++) {
+                if (curUrl.startsWith(leftMenu[i].children[j].children[k].url + '/')) {
+                  _this.setState({
+                    selectedKeys: leftMenu[i].children[j].children[k].key,
+                    openKeys: [leftMenu[i].key]
+                  });
                 }
-            }
-
-            _this.setState({
-                rootSubmenuKeys: addRootSubmenuKeys
-            });
-        };
-
-        _this.onOpenChange = function (openKeys) {
-            /*const state = this.state;
-            const latestOpenKey = openKeys.find(key => !(state.openKeys.indexOf(key) > -1));
-            const latestCloseKey = state.openKeys.find(key => !(openKeys.indexOf(key) > -1));
-            let nextOpenKeys = [];
-            if (latestOpenKey) {
-                nextOpenKeys = this.getAncestorKeys(latestOpenKey).concat(latestOpenKey);
-            }
-            if (latestCloseKey) {
-                nextOpenKeys = this.getAncestorKeys(latestCloseKey);
-            }
-            this.setState({ openKeys: nextOpenKeys });*/
-            var latestOpenKey = openKeys.find(function (key) {
-                return _this.state.openKeys.indexOf(key) === -1;
-            });
-            if (_this.state.rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
-                _this.setState({ openKeys: openKeys });
+              }
             } else {
+              if (curUrl.startsWith(leftMenu[i].children[j].url + '/')) {
                 _this.setState({
-                    openKeys: latestOpenKey ? [latestOpenKey] : []
+                  selectedKeys: leftMenu[i].children[j].key,
+                  openKeys: [leftMenu[i].key]
                 });
+              }
             }
-        };
-
-        _this.getAncestorKeys = function (key) {
-            var map = { key: key };
-            return map[key] || [];
-        };
-
-        _this.onClick = function (e) {
+          }
+        } else {
+          if (curUrl.startsWith(leftMenu[i].url + '/')) {
             _this.setState({
-                selectedKeys: e.key
+              selectedKeys: leftMenu[i].key,
+              openKeys: []
             });
-        };
-
-        _this.renderIcon = function (menuIcons, icon, curUrl) {
-            if (!icon) {
-                // 占位元素
-                return _react2.default.createElement('i', { className: 'anticon' });
+          }
+        }
+      }
+
+      _this.setState({
+        rootSubmenuKeys: addRootSubmenuKeys
+      });
+    };
+
+    _this.onOpenChange = function (openKeys) {
+      /*const state = this.state;
+          const latestOpenKey = openKeys.find(key => !(state.openKeys.indexOf(key) > -1));
+          const latestCloseKey = state.openKeys.find(key => !(openKeys.indexOf(key) > -1));
+          let nextOpenKeys = [];
+          if (latestOpenKey) {
+              nextOpenKeys = this.getAncestorKeys(latestOpenKey).concat(latestOpenKey);
+          }
+          if (latestCloseKey) {
+              nextOpenKeys = this.getAncestorKeys(latestCloseKey);
+          }
+          this.setState({ openKeys: nextOpenKeys });*/
+      var latestOpenKey = openKeys.find(function (key) {
+        return _this.state.openKeys.indexOf(key) === -1;
+      });
+      if (_this.state.rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
+        _this.setState({ openKeys: openKeys });
+      } else {
+        _this.setState({
+          openKeys: latestOpenKey ? [latestOpenKey] : []
+        });
+      }
+    };
+
+    _this.getAncestorKeys = function (key) {
+      var map = { key: key };
+      return map[key] || [];
+    };
+
+    _this.onClick = function (e) {
+      _this.setState({
+        selectedKeys: e.key
+      });
+    };
+
+    _this.renderIcon = function (menuIcons, icon, curUrl) {
+      if (!icon) {
+        // 占位元素
+        return _react2.default.createElement('i', { className: 'anticon' });
+      }
+      var customIcon = menuIcons[icon];
+      if (typeof customIcon === 'string') {
+        // 兼容旧版本
+        return _react2.default.createElement(
+          'div',
+          {
+            className: 'anticon',
+            style: {
+              display: 'inline-block',
+              verticalAlign: '-0.046296rem',
+              width: '0.259195rem',
+              height: '0.259195rem',
+              marginRight: '0.135rem',
+              '-webkit-mask-image': 'url(' + (curUrl + customIcon) + ')',
+              '-webkit-mask-size': 'contain',
+              'mask-image': 'url(' + (curUrl + customIcon) + ')',
+              'mask-size': 'contain',
+              fontSize: 100,
+              overflow: 'hidden'
             }
-            var customIcon = menuIcons[icon];
-            if (typeof customIcon === "string") {
-                // 兼容旧版本
+          },
+          '\u2588'
+        );
+      }
+      return customIcon ? _react2.default.createElement(_icon2.default, { component: customIcon }) : _react2.default.createElement(_icon2.default, { type: icon });
+    };
+
+    _this.state = {
+      expandedKeys: [],
+      openKeys: [],
+      selectedKeys: undefined,
+      rootSubmenuKeys: []
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(index, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.loginSkip();
+      // 监听页面地址变化，防止手动点击浏览器前进后退按钮导致导航栏选中值错误
+      window.addEventListener('hashchange', this.loginSkip);
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      window.removeEventListener('hashchange', this.loginSkip);
+    }
+  }, {
+    key: 'UNSAFE_componentWillReceiveProps',
+    value: function UNSAFE_componentWillReceiveProps() {
+      //this.loginSkip();
+    }
+    // 渲染菜单图标
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var leftMenu = (0, _getLoginUser3.default)().menus ? (0, _getLoginUser3.default)().menus : [];
+      // 如果不需要登录的服务就取props的菜单
+      leftMenu = this.props.config.noNeedLogin ? this.props.allMenu : leftMenu;
+      var menuIcons = this.props.menuIcons ? this.props.menuIcons : {};
+      var curUrl = window.location.href.split('#')[0];
+      // console.info(curUrl);
+      // console.info(menuIcons);
+      // 判断menu收缩时不设置值openKeys，解决收缩时二级菜单不跟随问题
+      var _props$setting = this.props.setting,
+          title = _props$setting.title,
+          navTheme = _props$setting.navTheme,
+          layout = _props$setting.layout,
+          contentWidth = _props$setting.contentWidth,
+          fixedHeader = _props$setting.fixedHeader,
+          fixSiderbar = _props$setting.fixSiderbar,
+          autoHideHeader = _props$setting.autoHideHeader;
+
+      var defaultProps = this.props.collapsed || layout === 'topmenu' ? {} : { openKeys: this.state.openKeys };
+      return _react2.default.createElement(
+        _menu2.default,
+        (0, _extends3.default)({
+          theme: navTheme,
+          mode: 'horizontal'
+          //   openKeys={this.state.openKeys}
+        }, defaultProps, {
+          selectedKeys: [this.state.selectedKeys],
+          onOpenChange: this.onOpenChange,
+          onClick: this.onClick
+        }),
+        leftMenu.map(function (item, index) {
+          if (item.children && item.children !== '' && item.children.length > 0) {
+            var htmlct = [];
+            var menuItem = item.children.map(function (itemM, index) {
+              if (itemM.children && itemM.children !== '' && itemM.children.length > 0) {
+                var menuItemC = itemM.children.map(function (itemC, index) {
+                  return _react2.default.createElement(
+                    _menu2.default.Item,
+                    { key: itemC.key },
+                    _react2.default.createElement(
+                      _router.Link,
+                      { key: 1, to: itemC.url },
+                      _this2.renderIcon(menuIcons, itemC.icon, curUrl),
+                      _react2.default.createElement(
+                        'span',
+                        null,
+                        itemC.name
+                      )
+                    )
+                  );
+                });
                 return _react2.default.createElement(
-                    'div',
-                    {
-                        className: 'anticon',
-                        style: {
-                            display: 'inline-block',
-                            verticalAlign: '-0.046296rem',
-                            width: '0.259195rem',
-                            height: '0.259195rem',
-                            marginRight: '0.135rem',
-                            '-webkit-mask-image': 'url(' + (curUrl + customIcon) + ')',
-                            '-webkit-mask-size': 'contain',
-                            'mask-image': 'url(' + (curUrl + customIcon) + ')',
-                            'mask-size': 'contain',
-                            fontSize: 100,
-                            overflow: 'hidden'
-                        }
-                    },
-                    '\u2588'
+                  SubMenu,
+                  {
+                    key: itemM.key,
+                    title: _react2.default.createElement(
+                      'span',
+                      null,
+                      _this2.renderIcon(menuIcons, itemM.icon, curUrl),
+                      _react2.default.createElement(
+                        'span',
+                        null,
+                        itemM.name
+                      )
+                    )
+                  },
+                  menuItemC
                 );
-            }
-            return customIcon ? _react2.default.createElement(_icon2.default, { component: customIcon }) : _react2.default.createElement(_icon2.default, { type: icon });
-        };
-
-        _this.state = {
-            expandedKeys: [],
-            openKeys: [],
-            selectedKeys: undefined,
-            rootSubmenuKeys: []
-        };
-        return _this;
-    }
-
-    (0, _createClass3.default)(index, [{
-        key: 'componentDidMount',
-        value: function componentDidMount() {
-            this.loginSkip();
-            // 监听页面地址变化，防止手动点击浏览器前进后退按钮导致导航栏选中值错误
-            window.addEventListener("hashchange", this.loginSkip);
-        }
-    }, {
-        key: 'componentWillUnmount',
-        value: function componentWillUnmount() {
-            window.removeEventListener("hashchange", this.loginSkip);
-        }
-    }, {
-        key: 'UNSAFE_componentWillReceiveProps',
-        value: function UNSAFE_componentWillReceiveProps() {
-            //this.loginSkip();
-        }
-        // 渲染菜单图标
-
-    }, {
-        key: 'render',
-        value: function render() {
-            var _this2 = this;
-
-            var leftMenu = (0, _getLoginUser3.default)().menus ? (0, _getLoginUser3.default)().menus : [];
-            // 如果不需要登录的服务就取props的菜单
-            leftMenu = this.props.config.noNeedLogin ? this.props.allMenu : leftMenu;
-            var menuIcons = this.props.menuIcons ? this.props.menuIcons : {};
-            var curUrl = window.location.href.split('#')[0];
-            // console.info(curUrl);
-            // console.info(menuIcons);
-            // 判断menu收缩时不设置值openKeys，解决收缩时二级菜单不跟随问题
-            var _props$setting = this.props.setting,
-                title = _props$setting.title,
-                navTheme = _props$setting.navTheme,
-                layout = _props$setting.layout,
-                contentWidth = _props$setting.contentWidth,
-                fixedHeader = _props$setting.fixedHeader,
-                fixSiderbar = _props$setting.fixSiderbar,
-                autoHideHeader = _props$setting.autoHideHeader;
-
-            var defaultProps = this.props.collapsed || layout === 'topmenu' ? {} : { openKeys: this.state.openKeys };
+              } else {
+                return _react2.default.createElement(
+                  _menu2.default.Item,
+                  { key: itemM.key },
+                  _react2.default.createElement(
+                    _router.Link,
+                    { key: 1, to: itemM.url },
+                    _this2.renderIcon(menuIcons, itemM.icon, curUrl),
+                    _react2.default.createElement(
+                      'span',
+                      null,
+                      itemM.name
+                    )
+                  )
+                );
+              }
+            });
+            htmlct.push(_react2.default.createElement(
+              SubMenu,
+              {
+                key: item.key,
+                title: _react2.default.createElement(
+                  'span',
+                  null,
+                  _this2.renderIcon(menuIcons, item.icon, curUrl),
+                  _react2.default.createElement(
+                    'span',
+                    null,
+                    item.name
+                  )
+                )
+              },
+              menuItem
+            ));
+            return htmlct;
+          } else {
             return _react2.default.createElement(
-                _menu2.default,
-                (0, _extends3.default)({ theme: navTheme,
-                    mode: 'horizontal'
-                    //   openKeys={this.state.openKeys}
-                }, defaultProps, {
-                    selectedKeys: [this.state.selectedKeys],
-                    onOpenChange: this.onOpenChange,
-                    onClick: this.onClick
-                }),
-                leftMenu.map(function (item, index) {
-                    if (item.children && item.children !== '' && item.children.length > 0) {
-                        var htmlct = [];
-                        var menuItem = item.children.map(function (itemM, index) {
-                            if (itemM.children && itemM.children !== '' && itemM.children.length > 0) {
-                                var menuItemC = itemM.children.map(function (itemC, index) {
-                                    return _react2.default.createElement(
-                                        _menu2.default.Item,
-                                        { key: itemC.key },
-                                        _react2.default.createElement(
-                                            _router.Link,
-                                            { key: 1, to: itemC.url },
-                                            _this2.renderIcon(menuIcons, itemC.icon, curUrl),
-                                            _react2.default.createElement(
-                                                'span',
-                                                null,
-                                                itemC.name
-                                            )
-                                        )
-                                    );
-                                });
-                                return _react2.default.createElement(
-                                    SubMenu,
-                                    { key: itemM.key, title: _react2.default.createElement(
-                                            'span',
-                                            null,
-                                            _this2.renderIcon(menuIcons, itemM.icon, curUrl),
-                                            _react2.default.createElement(
-                                                'span',
-                                                null,
-                                                itemM.name
-                                            )
-                                        )
-                                    },
-                                    menuItemC
-                                );
-                            } else {
-                                return _react2.default.createElement(
-                                    _menu2.default.Item,
-                                    { key: itemM.key },
-                                    _react2.default.createElement(
-                                        _router.Link,
-                                        { key: 1, to: itemM.url },
-                                        _this2.renderIcon(menuIcons, itemM.icon, curUrl),
-                                        _react2.default.createElement(
-                                            'span',
-                                            null,
-                                            itemM.name
-                                        )
-                                    )
-                                );
-                            }
-                        });
-                        htmlct.push(_react2.default.createElement(
-                            SubMenu,
-                            { key: item.key, title: _react2.default.createElement(
-                                    'span',
-                                    null,
-                                    _this2.renderIcon(menuIcons, item.icon, curUrl),
-                                    _react2.default.createElement(
-                                        'span',
-                                        null,
-                                        item.name
-                                    )
-                                ) },
-                            menuItem
-                        ));
-                        return htmlct;
-                    } else {
-                        return _react2.default.createElement(
-                            _menu2.default.Item,
-                            { key: item.key },
-                            _react2.default.createElement(
-                                _router.Link,
-                                { key: 1, to: item.url },
-                                _this2.renderIcon(menuIcons, item.icon, curUrl),
-                                _react2.default.createElement(
-                                    'span',
-                                    null,
-                                    item.name
-                                )
-                            )
-                        );
-                    }
-                })
+              _menu2.default.Item,
+              { key: item.key },
+              _react2.default.createElement(
+                _router.Link,
+                { key: 1, to: item.url },
+                _this2.renderIcon(menuIcons, item.icon, curUrl),
+                _react2.default.createElement(
+                  'span',
+                  null,
+                  item.name
+                )
+              )
             );
-        }
-    }]);
-    return index;
+          }
+        })
+      );
+    }
+  }]);
+  return index;
 }(_react.Component);
 
 exports.default = index;