@bit-sun/business-component 2.3.9 → 2.3.10-alpha.1

package/dist/index.esm.js

@@ -15692,6 +15692,10 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
     _this.allFunc = /*#__PURE__*/createRef('');
     _this.customerMenuRef = /*#__PURE__*/createRef('');
     _this.actionRef = /*#__PURE__*/createRef();
+    _this.handleBeforeUnload = function () {
+      // 储存当前router信息
+      sessionStorage.setItem('@listenRouterState', JSON.stringify(_this.state.listenRouterState));
+    };
     _this.parseQueryString = function (queryString) {
       if (!queryString) {
         return '';
@@ -16095,15 +16099,49 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       },
       currentSubMenuData: [],
       showSubMenu: false,
-      isSlider: false
+      isSlider: false,
+      _routerArray: routerArray
     };
     return _this;
   }
   _createClass(BasicLayout, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      var _this2 = this;
+      // 检查页面是否为刷新之后的
+      if (sessionStorage.getItem('@listenRouterState')) {
+        var lastListenRouterState = JSON.parse(sessionStorage.getItem('@listenRouterState')),
+          showListenRouterState = [],
+          nowItem = {};
+        if (lastListenRouterState.length === 1) {
+          sessionStorage.removeItem('@listenRouterState');
+          return;
+        }
+        lastListenRouterState.forEach(function (item) {
+          var _this2$state;
+          nowItem = _this2 === null || _this2 === void 0 ? void 0 : (_this2$state = _this2.state) === null || _this2$state === void 0 ? void 0 : _this2$state._routerArray.find(function (i) {
+            var _item$match;
+            return item.key === i.key || (item === null || item === void 0 ? void 0 : item.match) && (item === null || item === void 0 ? void 0 : (_item$match = item.match) === null || _item$match === void 0 ? void 0 : _item$match.path) === i.key;
+          });
+          // 详情页保留问题尚未解决
+          if (nowItem) {
+            showListenRouterState.push(_objectSpread2(_objectSpread2({}, item), {}, {
+              content: nowItem.content,
+              tab: item.tab || _this2.getPageTitle(nowItem.key)
+            }));
+          }
+        });
+        this.setState({
+          listenRouterState: [].concat(showListenRouterState)
+        });
+        sessionStorage.removeItem('@listenRouterState');
+      }
+    }
+  }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _window$$wujie,
-        _this2 = this,
+        _this3 = this,
         _localStorage$getItem,
         _localStorage$getItem2;
       var _this$props = this.props,
@@ -16153,11 +16191,11 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
         //   if (window.location.href.indexOf(`/${itemPath}`) === -1) return;
         // }
         if (route.pathname.startsWith("/".concat(itemPath, "/"))) return;
-        var _this2$state = _this2.state,
-          listenRouterState = _this2$state.listenRouterState,
-          listenRouterKey = _this2$state.listenRouterKey,
-          customerMatchs = _this2$state.customerMatchs,
-          hideMenuArray = _this2$state.hideMenuArray;
+        var _this3$state = _this3.state,
+          listenRouterState = _this3$state.listenRouterState,
+          listenRouterKey = _this3$state.listenRouterKey,
+          customerMatchs = _this3$state.customerMatchs,
+          hideMenuArray = _this3$state.hideMenuArray;
         var newListenRouterState = _toConsumableArray(listenRouterState);
         var newListenRouterKey = _toConsumableArray(listenRouterKey);
         var replaceRouter = routerArray.filter(function (itemRoute) {
@@ -16168,7 +16206,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           // 处理中英文和特殊字符
           currentKey = decodeURIComponent(route.pathname);
         } else {
-          currentKey = decodeURIComponent(route.pathname + _this2.parseQueryString(route.search));
+          currentKey = decodeURIComponent(route.pathname + _this3.parseQueryString(route.search));
         }
         if (!istParent) {
           var _window$$wujie2;
@@ -16188,7 +16226,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             replaceRouter = (_routerArray$filter = routerArray.filter(function (itemroute) {
               return itemroute.key === '/404';
             })) === null || _routerArray$filter === void 0 ? void 0 : _routerArray$filter[0];
-            _this2.setState({
+            _this3.setState({
               listenRouterState: [].concat(_toConsumableArray(listenRouterState), [_objectSpread2(_objectSpread2({}, replaceRouter), {}, {
                 key: currentKey,
                 tab: '404'
@@ -16196,7 +16234,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
               activeKey: currentKey,
               listenRouterKey: [].concat(_toConsumableArray(listenRouterKey), [currentKey])
             }, function () {
-              _this2.checkisNavSlide();
+              _this3.checkisNavSlide();
             });
           } else {
             var match = matchPath(route.pathname, {
@@ -16206,7 +16244,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
               query: route.query,
               match: match,
               key: currentKey,
-              tab: _this2.getPageTitle(route.pathname) + ''
+              tab: _this3.getPageTitle(route.pathname) + ''
             })]);
             newListenRouterKey = [].concat(_toConsumableArray(listenRouterKey), [currentKey]);
           }
@@ -16244,13 +16282,13 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             localStorage.removeItem('isMenuClick');
           }, 0);
         }
-        _this2.setState({
+        _this3.setState({
           //路由监听函数最后执行setState，避免处理hideMenu类型页面自动关闭的逻辑块内获取不到最新state的listenRouterState和listenRouterKey
           activeKey: currentKey,
           listenRouterState: newListenRouterState,
           listenRouterKey: newListenRouterKey
         }, function () {
-          _this2.checkisNavSlide();
+          _this3.checkisNavSlide();
         });
         istParent = 0;
       });
@@ -16265,17 +16303,35 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         history.push(location);
       }
+      try {
+        window.addEventListener('beforeunload', this.handleBeforeUnload);
+      } catch (error) {
+        console.log("\uD83D\uDE80 => componentDidMount => error:", error);
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      window.removeEventListener('beforeunload', this.handleBeforeUnload);
       // eslint-disable-next-line no-unused-expressions
       UN_LISTTEN_DRP && UN_LISTTEN_DRP();
     }
+  }, {
+    key: "getWelcomePage",
+    value: function getWelcomePage() {
+      var homeRouter = routerArray.filter(function (itemroute) {
+        return itemroute.key === '/';
+      })[0];
+      return _objectSpread2(_objectSpread2({}, homeRouter), {}, {
+        key: '/',
+        tab: '欢迎',
+        closable: false
+      });
+    }
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this4 = this;
       var _this$state4 = this.state,
         listenRouterState = _this$state4.listenRouterState,
         activeKey = _this$state4.activeKey,
@@ -16299,7 +16355,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           className: "tab_title_content"
         }, item.tab, item.key !== '/' && /*#__PURE__*/React.createElement(ItemMenu, {
           info: item,
-          operateFun: _this3.operateFun,
+          operateFun: _this4.operateFun,
           listenRouterState: listenRouterState
         }));
       };
@@ -16333,7 +16389,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/React.createElement("a", {
         onClick: function onClick() {
           // 关闭全部
-          _this3.updateState([_objectSpread2(_objectSpread2({}, _this3.state.homeRouter), {}, {
+          _this4.updateState([_objectSpread2(_objectSpread2({}, _this4.state.homeRouter), {}, {
             key: '/',
             tab: '欢迎',
             closable: false
@@ -16359,7 +16415,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           } else {
             newActiveKey = listenRouterState[1].key;
           }
-          _this3.updateState(listenRouterState.filter(function (d) {
+          _this4.updateState(listenRouterState.filter(function (d) {
             return d.key !== activeKey;
           }), listenRouterKey.filter(function (d) {
             return d !== activeKey;
@@ -16386,7 +16442,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           //   message.warning('首页不可关闭。');
           //   return;
           // }
-          _this3.updateState(listenRouterState.filter(function (d, i) {
+          _this4.updateState(listenRouterState.filter(function (d, i) {
             return i >= index || d.key === '/';
           }), listenRouterKey.filter(function (d, i) {
             return i >= index || d === '/';
@@ -16403,7 +16459,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           var index = listenRouterState.findIndex(function (item) {
             return item.key === activeKey;
           });
-          _this3.updateState(listenRouterState.filter(function (d, i) {
+          _this4.updateState(listenRouterState.filter(function (d, i) {
             return i <= index || d.key === '/';
           }), listenRouterKey.filter(function (d, i) {
             return i <= index || d === '/';
@@ -16446,7 +16502,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             opacity: this.state.isSlider ? 1 : 0.5
           },
           onClick: function onClick() {
-            _this3.setTabNavTransLate(-100);
+            _this4.setTabNavTransLate(-100);
           }
         }, /*#__PURE__*/React.createElement(DoubleLeftOutlined, null))),
         right: /*#__PURE__*/React.createElement("div", {
@@ -16455,7 +16511,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           },
           className: 'tab_right_operate',
           onClick: function onClick() {
-            _this3.setTabNavTransLate(100);
+            _this4.setTabNavTransLate(100);
           }
         }, /*#__PURE__*/React.createElement(DoubleRightOutlined, null))
       };
@@ -16469,7 +16525,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           return /*#__PURE__*/React.createElement(CustomerMenuHeader, {
             originRoutes: originRoutes,
             itemPath: itemPath,
-            handleClose: _this3.handleClose,
+            handleClose: _this4.handleClose,
             collapsed: collapse
           });
         },
@@ -16478,10 +16534,10 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CustomerMenu, {
               originRoutes: originRoutes,
               itemPath: itemPath,
-              ref: _this3.customerMenuRef,
-              actionRef: _this3.actionRef,
-              handleClose: _this3.handleClose,
-              isCollapse: _this3.state.collapse
+              ref: _this4.customerMenuRef,
+              actionRef: _this4.actionRef,
+              handleClose: _this4.handleClose,
+              isCollapse: _this4.state.collapse
             }));
           }
           return /*#__PURE__*/React.createElement("div", {
@@ -16489,7 +16545,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           }, /*#__PURE__*/React.createElement("span", {
             className: "collapse_icon",
             onClick: function onClick() {
-              _this3.setState({
+              _this4.setState({
                 collapse: !collapse
               });
             }
@@ -16502,7 +16558,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
         },
         collapsed: collapse,
         onCollapse: function onCollapse(boo) {
-          _this3.setState({
+          _this4.setState({
             collapse: boo
           });
         },
@@ -16538,14 +16594,14 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             },
             onMouseEnter: function onMouseEnter() {
               if (menuItemProps.pro_layout_parentKeys && menuItemProps.pro_layout_parentKeys.length) return;
-              _this3.setState({
+              _this4.setState({
                 currentSubMenuData: menuItemProps.children,
                 currentSubPath: menuItemProps.path
               });
-              _this3.setShowMenu(true);
+              _this4.setShowMenu(true);
             },
             onMouseLeave: function onMouseLeave() {
-              _this3.setShowMenu(false);
+              _this4.setShowMenu(false);
             }
           }, defaultDom, showSubMenu && currentSubPath === menuItemProps.path && !collapse && /*#__PURE__*/React.createElement(CaretLeftOutlined, {
             style: {
@@ -16564,7 +16620,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           }, '');
         },
         postMenuData: function postMenuData(menus) {
-          return _toConsumableArray(filterByMenuDate(menus || [], _this3.state.keyWord));
+          return _toConsumableArray(filterByMenuDate(menus || [], _this4.state.keyWord));
         },
         links: [!this.state.collapse ? /*#__PURE__*/React.createElement(AllFunc$1, {
           ref: this.allFunc,
@@ -16638,7 +16694,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           tab: /*#__PURE__*/React.createElement(TabTitle, {
             item: item,
             index: index,
-            updateState: _this3.updateState
+            updateState: _this4.updateState
           }),
           style: {
             marginTop: isWeiqianduan ? 0 : 30
@@ -16650,10 +16706,10 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           })
         }, /*#__PURE__*/React.createElement(WrapperComponent, {
           item: item,
-          routerProps: _this3.props,
-          getDictionarySource: _this3.getDictionarySource,
-          getDictionaryTextByValue: _this3.getDictionaryTextByValue,
-          timeFormat: _this3.timeFormat,
+          routerProps: _this4.props,
+          getDictionarySource: _this4.getDictionarySource,
+          getDictionaryTextByValue: _this4.getDictionaryTextByValue,
+          timeFormat: _this4.timeFormat,
           transparentProps: transparentProps
         }));
       })), /*#__PURE__*/React.createElement("div", {
@@ -16678,10 +16734,10 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
         itemPath: itemPath
       }, drawerLeftParams)), /*#__PURE__*/React.createElement("div", {
         onMouseEnter: function onMouseEnter() {
-          _this3.setShowMenu(true);
+          _this4.setShowMenu(true);
         },
         onMouseLeave: function onMouseLeave() {
-          _this3.setShowMenu(false);
+          _this4.setShowMenu(false);
         },
         className: 'sub_menu_content',
         style: {

package/dist/index.js

@@ -15711,6 +15711,10 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
     _this.allFunc = /*#__PURE__*/React.createRef('');
     _this.customerMenuRef = /*#__PURE__*/React.createRef('');
     _this.actionRef = /*#__PURE__*/React.createRef();
+    _this.handleBeforeUnload = function () {
+      // 储存当前router信息
+      sessionStorage.setItem('@listenRouterState', JSON.stringify(_this.state.listenRouterState));
+    };
     _this.parseQueryString = function (queryString) {
       if (!queryString) {
         return '';
@@ -16114,15 +16118,49 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       },
       currentSubMenuData: [],
       showSubMenu: false,
-      isSlider: false
+      isSlider: false,
+      _routerArray: routerArray
     };
     return _this;
   }
   _createClass(BasicLayout, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      var _this2 = this;
+      // 检查页面是否为刷新之后的
+      if (sessionStorage.getItem('@listenRouterState')) {
+        var lastListenRouterState = JSON.parse(sessionStorage.getItem('@listenRouterState')),
+          showListenRouterState = [],
+          nowItem = {};
+        if (lastListenRouterState.length === 1) {
+          sessionStorage.removeItem('@listenRouterState');
+          return;
+        }
+        lastListenRouterState.forEach(function (item) {
+          var _this2$state;
+          nowItem = _this2 === null || _this2 === void 0 ? void 0 : (_this2$state = _this2.state) === null || _this2$state === void 0 ? void 0 : _this2$state._routerArray.find(function (i) {
+            var _item$match;
+            return item.key === i.key || (item === null || item === void 0 ? void 0 : item.match) && (item === null || item === void 0 ? void 0 : (_item$match = item.match) === null || _item$match === void 0 ? void 0 : _item$match.path) === i.key;
+          });
+          // 详情页保留问题尚未解决
+          if (nowItem) {
+            showListenRouterState.push(_objectSpread2(_objectSpread2({}, item), {}, {
+              content: nowItem.content,
+              tab: item.tab || _this2.getPageTitle(nowItem.key)
+            }));
+          }
+        });
+        this.setState({
+          listenRouterState: [].concat(showListenRouterState)
+        });
+        sessionStorage.removeItem('@listenRouterState');
+      }
+    }
+  }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _window$$wujie,
-        _this2 = this,
+        _this3 = this,
         _localStorage$getItem,
         _localStorage$getItem2;
       var _this$props = this.props,
@@ -16172,11 +16210,11 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
         //   if (window.location.href.indexOf(`/${itemPath}`) === -1) return;
         // }
         if (route.pathname.startsWith("/".concat(itemPath, "/"))) return;
-        var _this2$state = _this2.state,
-          listenRouterState = _this2$state.listenRouterState,
-          listenRouterKey = _this2$state.listenRouterKey,
-          customerMatchs = _this2$state.customerMatchs,
-          hideMenuArray = _this2$state.hideMenuArray;
+        var _this3$state = _this3.state,
+          listenRouterState = _this3$state.listenRouterState,
+          listenRouterKey = _this3$state.listenRouterKey,
+          customerMatchs = _this3$state.customerMatchs,
+          hideMenuArray = _this3$state.hideMenuArray;
         var newListenRouterState = _toConsumableArray(listenRouterState);
         var newListenRouterKey = _toConsumableArray(listenRouterKey);
         var replaceRouter = routerArray.filter(function (itemRoute) {
@@ -16187,7 +16225,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           // 处理中英文和特殊字符
           currentKey = decodeURIComponent(route.pathname);
         } else {
-          currentKey = decodeURIComponent(route.pathname + _this2.parseQueryString(route.search));
+          currentKey = decodeURIComponent(route.pathname + _this3.parseQueryString(route.search));
         }
         if (!istParent) {
           var _window$$wujie2;
@@ -16207,7 +16245,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             replaceRouter = (_routerArray$filter = routerArray.filter(function (itemroute) {
               return itemroute.key === '/404';
             })) === null || _routerArray$filter === void 0 ? void 0 : _routerArray$filter[0];
-            _this2.setState({
+            _this3.setState({
               listenRouterState: [].concat(_toConsumableArray(listenRouterState), [_objectSpread2(_objectSpread2({}, replaceRouter), {}, {
                 key: currentKey,
                 tab: '404'
@@ -16215,7 +16253,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
               activeKey: currentKey,
               listenRouterKey: [].concat(_toConsumableArray(listenRouterKey), [currentKey])
             }, function () {
-              _this2.checkisNavSlide();
+              _this3.checkisNavSlide();
             });
           } else {
             var match = matchPath(route.pathname, {
@@ -16225,7 +16263,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
               query: route.query,
               match: match,
               key: currentKey,
-              tab: _this2.getPageTitle(route.pathname) + ''
+              tab: _this3.getPageTitle(route.pathname) + ''
             })]);
             newListenRouterKey = [].concat(_toConsumableArray(listenRouterKey), [currentKey]);
           }
@@ -16263,13 +16301,13 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             localStorage.removeItem('isMenuClick');
           }, 0);
         }
-        _this2.setState({
+        _this3.setState({
           //路由监听函数最后执行setState，避免处理hideMenu类型页面自动关闭的逻辑块内获取不到最新state的listenRouterState和listenRouterKey
           activeKey: currentKey,
           listenRouterState: newListenRouterState,
           listenRouterKey: newListenRouterKey
         }, function () {
-          _this2.checkisNavSlide();
+          _this3.checkisNavSlide();
         });
         istParent = 0;
       });
@@ -16284,17 +16322,35 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         history.push(location);
       }
+      try {
+        window.addEventListener('beforeunload', this.handleBeforeUnload);
+      } catch (error) {
+        console.log("\uD83D\uDE80 => componentDidMount => error:", error);
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      window.removeEventListener('beforeunload', this.handleBeforeUnload);
       // eslint-disable-next-line no-unused-expressions
       UN_LISTTEN_DRP && UN_LISTTEN_DRP();
     }
+  }, {
+    key: "getWelcomePage",
+    value: function getWelcomePage() {
+      var homeRouter = routerArray.filter(function (itemroute) {
+        return itemroute.key === '/';
+      })[0];
+      return _objectSpread2(_objectSpread2({}, homeRouter), {}, {
+        key: '/',
+        tab: '欢迎',
+        closable: false
+      });
+    }
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this4 = this;
       var _this$state4 = this.state,
         listenRouterState = _this$state4.listenRouterState,
         activeKey = _this$state4.activeKey,
@@ -16318,7 +16374,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           className: "tab_title_content"
         }, item.tab, item.key !== '/' && /*#__PURE__*/React__default['default'].createElement(ItemMenu, {
           info: item,
-          operateFun: _this3.operateFun,
+          operateFun: _this4.operateFun,
           listenRouterState: listenRouterState
         }));
       };
@@ -16352,7 +16408,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/React__default['default'].createElement("a", {
         onClick: function onClick() {
           // 关闭全部
-          _this3.updateState([_objectSpread2(_objectSpread2({}, _this3.state.homeRouter), {}, {
+          _this4.updateState([_objectSpread2(_objectSpread2({}, _this4.state.homeRouter), {}, {
             key: '/',
             tab: '欢迎',
             closable: false
@@ -16378,7 +16434,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           } else {
             newActiveKey = listenRouterState[1].key;
           }
-          _this3.updateState(listenRouterState.filter(function (d) {
+          _this4.updateState(listenRouterState.filter(function (d) {
             return d.key !== activeKey;
           }), listenRouterKey.filter(function (d) {
             return d !== activeKey;
@@ -16405,7 +16461,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           //   message.warning('首页不可关闭。');
           //   return;
           // }
-          _this3.updateState(listenRouterState.filter(function (d, i) {
+          _this4.updateState(listenRouterState.filter(function (d, i) {
             return i >= index || d.key === '/';
           }), listenRouterKey.filter(function (d, i) {
             return i >= index || d === '/';
@@ -16422,7 +16478,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           var index = listenRouterState.findIndex(function (item) {
             return item.key === activeKey;
           });
-          _this3.updateState(listenRouterState.filter(function (d, i) {
+          _this4.updateState(listenRouterState.filter(function (d, i) {
             return i <= index || d.key === '/';
           }), listenRouterKey.filter(function (d, i) {
             return i <= index || d === '/';
@@ -16465,7 +16521,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             opacity: this.state.isSlider ? 1 : 0.5
           },
           onClick: function onClick() {
-            _this3.setTabNavTransLate(-100);
+            _this4.setTabNavTransLate(-100);
           }
         }, /*#__PURE__*/React__default['default'].createElement(icons.DoubleLeftOutlined, null))),
         right: /*#__PURE__*/React__default['default'].createElement("div", {
@@ -16474,7 +16530,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           },
           className: 'tab_right_operate',
           onClick: function onClick() {
-            _this3.setTabNavTransLate(100);
+            _this4.setTabNavTransLate(100);
           }
         }, /*#__PURE__*/React__default['default'].createElement(icons.DoubleRightOutlined, null))
       };
@@ -16488,7 +16544,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           return /*#__PURE__*/React__default['default'].createElement(CustomerMenuHeader, {
             originRoutes: originRoutes,
             itemPath: itemPath,
-            handleClose: _this3.handleClose,
+            handleClose: _this4.handleClose,
             collapsed: collapse
           });
         },
@@ -16497,10 +16553,10 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(CustomerMenu, {
               originRoutes: originRoutes,
               itemPath: itemPath,
-              ref: _this3.customerMenuRef,
-              actionRef: _this3.actionRef,
-              handleClose: _this3.handleClose,
-              isCollapse: _this3.state.collapse
+              ref: _this4.customerMenuRef,
+              actionRef: _this4.actionRef,
+              handleClose: _this4.handleClose,
+              isCollapse: _this4.state.collapse
             }));
           }
           return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -16508,7 +16564,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           }, /*#__PURE__*/React__default['default'].createElement("span", {
             className: "collapse_icon",
             onClick: function onClick() {
-              _this3.setState({
+              _this4.setState({
                 collapse: !collapse
               });
             }
@@ -16521,7 +16577,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
         },
         collapsed: collapse,
         onCollapse: function onCollapse(boo) {
-          _this3.setState({
+          _this4.setState({
             collapse: boo
           });
         },
@@ -16557,14 +16613,14 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
             },
             onMouseEnter: function onMouseEnter() {
               if (menuItemProps.pro_layout_parentKeys && menuItemProps.pro_layout_parentKeys.length) return;
-              _this3.setState({
+              _this4.setState({
                 currentSubMenuData: menuItemProps.children,
                 currentSubPath: menuItemProps.path
               });
-              _this3.setShowMenu(true);
+              _this4.setShowMenu(true);
             },
             onMouseLeave: function onMouseLeave() {
-              _this3.setShowMenu(false);
+              _this4.setShowMenu(false);
             }
           }, defaultDom, showSubMenu && currentSubPath === menuItemProps.path && !collapse && /*#__PURE__*/React__default['default'].createElement(icons.CaretLeftOutlined, {
             style: {
@@ -16583,7 +16639,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           }, '');
         },
         postMenuData: function postMenuData(menus) {
-          return _toConsumableArray(filterByMenuDate(menus || [], _this3.state.keyWord));
+          return _toConsumableArray(filterByMenuDate(menus || [], _this4.state.keyWord));
         },
         links: [!this.state.collapse ? /*#__PURE__*/React__default['default'].createElement(AllFunc$1, {
           ref: this.allFunc,
@@ -16657,7 +16713,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           tab: /*#__PURE__*/React__default['default'].createElement(TabTitle, {
             item: item,
             index: index,
-            updateState: _this3.updateState
+            updateState: _this4.updateState
           }),
           style: {
             marginTop: isWeiqianduan ? 0 : 30
@@ -16669,10 +16725,10 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
           })
         }, /*#__PURE__*/React__default['default'].createElement(WrapperComponent, {
           item: item,
-          routerProps: _this3.props,
-          getDictionarySource: _this3.getDictionarySource,
-          getDictionaryTextByValue: _this3.getDictionaryTextByValue,
-          timeFormat: _this3.timeFormat,
+          routerProps: _this4.props,
+          getDictionarySource: _this4.getDictionarySource,
+          getDictionaryTextByValue: _this4.getDictionaryTextByValue,
+          timeFormat: _this4.timeFormat,
           transparentProps: transparentProps
         }));
       })), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -16697,10 +16753,10 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
         itemPath: itemPath
       }, drawerLeftParams)), /*#__PURE__*/React__default['default'].createElement("div", {
         onMouseEnter: function onMouseEnter() {
-          _this3.setShowMenu(true);
+          _this4.setShowMenu(true);
         },
         onMouseLeave: function onMouseLeave() {
-          _this3.setShowMenu(false);
+          _this4.setShowMenu(false);
         },
         className: 'sub_menu_content',
         style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "2.3.9",
+  "version": "2.3.10-alpha.1",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/components/Business/BsLayouts/index.tsx

@@ -324,9 +324,41 @@ class BasicLayout extends React.PureComponent {
       currentSubMenuData: [],
       showSubMenu: false,
       isSlider: false,
+      _routerArray: routerArray
     };
   }
 
+  componentWillMount() {
+    // 检查页面是否为刷新之后的
+    if (sessionStorage.getItem('@listenRouterState')) {
+      let lastListenRouterState = JSON.parse(sessionStorage.getItem('@listenRouterState')),
+        showListenRouterState = [], 
+        nowItem = {};
+      if (lastListenRouterState.length === 1) {
+        sessionStorage.removeItem('@listenRouterState');
+        return
+      }
+      lastListenRouterState.forEach((item: any) => {
+        nowItem = this?.state?._routerArray.find((i: any) => 
+          item.key === i.key || 
+          (item?.match && item?.match?.path === i.key)
+        );
+        // 详情页保留问题尚未解决
+        if (nowItem) {
+          showListenRouterState.push({
+            ...item,
+            content: nowItem.content,
+            tab: item.tab || this.getPageTitle(nowItem.key)
+          })
+        }
+      });
+      this.setState({
+        listenRouterState: [ ...showListenRouterState ]
+      });
+      sessionStorage.removeItem('@listenRouterState');
+    }
+  }
+
   componentDidMount() {
     const {
       history,
@@ -521,13 +553,32 @@ class BasicLayout extends React.PureComponent {
     } else {
       history.push(location);
     }
+
+    try {
+      window.addEventListener('beforeunload', this.handleBeforeUnload);
+    } catch (error) {
+      console.log(`🚀 => componentDidMount => error:`, error)
+    }
   }
 
   componentWillUnmount() {
+    window.removeEventListener('beforeunload', this.handleBeforeUnload);
     // eslint-disable-next-line no-unused-expressions
     UN_LISTTEN_DRP && UN_LISTTEN_DRP();
   }
 
+  handleBeforeUnload = () => {
+    // 储存当前router信息
+    sessionStorage.setItem('@listenRouterState', JSON.stringify(this.state.listenRouterState))
+  }
+  
+  getWelcomePage() {
+    const homeRouter = routerArray.filter(
+      (itemroute) => itemroute.key === '/',
+    )[0];
+    return { ...homeRouter, key: '/', tab: '欢迎', closable: false }
+  }
+
   parseQueryString = (queryString) => {
     if (!queryString) {
       return '';