dlt-for-react 1.1.2 → 1.1.4

package/lib/layouts/LeftMenu/index.js

@@ -1,55 +1,55 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 exports.default = undefined;
 
-var _extends2 = require('babel-runtime/helpers/extends');
+var _icon = require("antd/lib/icon");
 
-var _extends3 = _interopRequireDefault(_extends2);
+var _icon2 = _interopRequireDefault(_icon);
 
-var _icon = require('antd/lib/icon');
+var _extends2 = require("babel-runtime/helpers/extends");
 
-var _icon2 = _interopRequireDefault(_icon);
+var _extends3 = _interopRequireDefault(_extends2);
 
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = require('babel-runtime/helpers/createClass');
+var _createClass2 = require("babel-runtime/helpers/createClass");
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = require('babel-runtime/helpers/inherits');
+var _inherits2 = require("babel-runtime/helpers/inherits");
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _menu = require('antd/lib/menu');
+var _menu = require("antd/lib/menu");
 
 var _menu2 = _interopRequireDefault(_menu);
 
-require('antd/lib/icon/style');
+require("antd/lib/icon/style");
 
-require('antd/lib/menu/style');
+require("antd/lib/menu/style");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _router = require('dva/router');
+var _router = require("dva/router");
 
-var _xguiForReact = require('xgui-for-react');
+var _xguiForReact = require("xgui-for-react");
 
-var _reactCustomScrollbars = require('react-custom-scrollbars');
+var _reactCustomScrollbars = require("react-custom-scrollbars");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -57,296 +57,322 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var SubMenu = _menu2.default.SubMenu;
 
 var Home = function (_React$Component) {
-    (0, _inherits3.default)(Home, _React$Component);
-
-    function Home(props) {
-        (0, _classCallCheck3.default)(this, Home);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (Home.__proto__ || (0, _getPrototypeOf2.default)(Home)).call(this, props));
-
-        _this.loginSkip = function () {
-            var leftMenu = (0, _xguiForReact.getLoginUser)().menus ? (0, _xguiForReact.getLoginUser)().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)(Home, _React$Component);
+
+  function Home(props) {
+    (0, _classCallCheck3.default)(this, Home);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (Home.__proto__ || (0, _getPrototypeOf2.default)(Home)).call(this, props));
+
+    _this.loginSkip = function () {
+      var leftMenu = (0, _xguiForReact.getLoginUser)().menus ? (0, _xguiForReact.getLoginUser)().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' });
-            }
-            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'
-                        }
-                    },
-                    '\u2588'
-                );
-            }
-            return customIcon ? _react2.default.createElement(_icon2.default, { component: customIcon }) : _react2.default.createElement(_icon2.default, { type: icon });
-        };
-
-        _this.getBaseMenu = function (leftMenu, menuIcons, curUrl, defaultProps) {
-            var navTheme = _this.props.setting.navTheme;
-
-            return _react2.default.createElement(
-                _menu2.default,
-                (0, _extends3.default)({ theme: navTheme,
-                    mode: 'inline'
-                    //   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 },
-                                            _this.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,
-                                            _this.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 },
-                                        _this.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,
-                                    _this.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 },
-                                _this.renderIcon(menuIcons, item.icon, curUrl),
-                                _react2.default.createElement(
-                                    'span',
-                                    null,
-                                    item.name
-                                )
-                            )
-                        );
-                    }
-                })
-            );
-        };
-
-        _this.state = {
-            expandedKeys: [],
-            openKeys: [],
-            selectedKeys: undefined,
-            rootSubmenuKeys: []
-        };
-        return _this;
-    }
-
-    (0, _createClass3.default)(Home, [{
-        key: 'componentDidMount',
-        value: function componentDidMount() {
-            this.loginSkip();
-            // 监听页面地址变化，防止手动点击浏览器前进后退按钮导致导航栏选中值错误
-            window.addEventListener("hashchange", this.loginSkip);
+          }
         }
-    }, {
-        key: 'componentWillUnmount',
-        value: function componentWillUnmount() {
-            window.removeEventListener("hashchange", this.loginSkip);
+      }
+
+      _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") {
+        var data = ["data:image/jpeg;base64", "data:image/png;base64"];
+        var rs = data.filter(function (item) {
+          return customIcon.startsWith(item);
+        });
+        var url = void 0;
+        var obj = void 0;
+        if (!rs || !rs.length) {
+          url = curUrl + customIcon;
+          obj = {
+            width: "0.259195rem",
+            height: "0.259195rem"
+          };
+        } else {
+          url = customIcon;
+          obj = {
+            width: "14px",
+            height: "14px"
+          };
         }
-    }, {
-        key: 'UNSAFE_componentWillReceiveProps',
-        value: function UNSAFE_componentWillReceiveProps() {
-            //this.loginSkip();
-        }
-        // 渲染菜单图标
-
-    }, {
-        key: 'render',
-        value: function render() {
-            var leftMenu = (0, _xguiForReact.getLoginUser)().menus ? (0, _xguiForReact.getLoginUser)().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 defaultProps = this.props.collapsed ? {} : { openKeys: this.state.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;
-
-            return _react2.default.createElement(
-                _react2.default.Fragment,
-                null,
-                fixSiderbar ? _react2.default.createElement(
-                    _reactCustomScrollbars.Scrollbars,
-                    { onScroll: this.onScroll,
-                        autoHide: true,
-                        style: { width: '100%' },
-                        autoHeight: true,
-                        autoHeightMin: 0,
-                        autoHeightMax: (0, _xguiForReact.getSize)().windowH - 64,
-                        thumbMinSize: 30,
-                        universal: true
-                    },
-                    this.getBaseMenu(leftMenu, menuIcons, curUrl, defaultProps)
-                ) : _react2.default.createElement(
-                    _react2.default.Fragment,
+        // 兼容旧版本
+        return _react2.default.createElement(
+          "div",
+          {
+            className: "anticon",
+            style: (0, _extends3.default)({
+              display: "inline-block",
+              verticalAlign: "-0.046296rem"
+            }, obj, {
+              marginRight: "0.135rem",
+              "-webkit-mask-image": "url(" + url + ")",
+              "-webkit-mask-size": "contain",
+              "mask-image": "url(" + url + ")",
+              "mask-size": "contain",
+              fontSize: 100,
+              overflow: "hidden"
+            })
+          },
+          "\u2588"
+        );
+      }
+      return customIcon ? _react2.default.createElement(_icon2.default, { component: customIcon }) : _react2.default.createElement(_icon2.default, { type: icon });
+    };
+
+    _this.getBaseMenu = function (leftMenu, menuIcons, curUrl, defaultProps) {
+      var navTheme = _this.props.setting.navTheme;
+
+      return _react2.default.createElement(
+        _menu2.default,
+        (0, _extends3.default)({
+          theme: navTheme,
+          mode: "inline"
+          //   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 },
+                      _this.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,
+                      _this.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 },
+                    _this.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,
+                  _this.renderIcon(menuIcons, item.icon, curUrl),
+                  _react2.default.createElement(
+                    "span",
                     null,
-                    this.getBaseMenu(leftMenu, menuIcons, curUrl, defaultProps)
+                    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 },
+                _this.renderIcon(menuIcons, item.icon, curUrl),
+                _react2.default.createElement(
+                  "span",
+                  null,
+                  item.name
+                )
+              )
             );
-        }
-    }]);
-    return Home;
+          }
+        })
+      );
+    };
+
+    _this.state = {
+      expandedKeys: [],
+      openKeys: [],
+      selectedKeys: undefined,
+      rootSubmenuKeys: []
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(Home, [{
+    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 leftMenu = (0, _xguiForReact.getLoginUser)().menus ? (0, _xguiForReact.getLoginUser)().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 defaultProps = this.props.collapsed ? {} : { openKeys: this.state.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;
+
+      return _react2.default.createElement(
+        _react2.default.Fragment,
+        null,
+        fixSiderbar ? _react2.default.createElement(
+          _reactCustomScrollbars.Scrollbars,
+          {
+            onScroll: this.onScroll,
+            autoHide: true,
+            style: { width: "100%" },
+            autoHeight: true,
+            autoHeightMin: 0,
+            autoHeightMax: (0, _xguiForReact.getSize)().windowH - 64,
+            thumbMinSize: 30,
+            universal: true
+          },
+          this.getBaseMenu(leftMenu, menuIcons, curUrl, defaultProps)
+        ) : _react2.default.createElement(
+          _react2.default.Fragment,
+          null,
+          this.getBaseMenu(leftMenu, menuIcons, curUrl, defaultProps)
+        )
+      );
+    }
+  }]);
+  return Home;
 }(_react2.default.Component);
 
 exports.default = Home;