raise-common-lib 0.0.20 → 0.0.21

package/bundles/raise-common-lib.umd.js

@@ -1807,6 +1807,10 @@
          * @return {?}
          */
         function (route) {
+            if (!route.routeConfig)
+                return null;
+            if (route.routeConfig.loadChildren)
+                return null;
             return storedRoutes[this.getRoutePath(route)];
         };
         /**
@@ -1861,11 +1865,12 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var MultiTabComponent = /** @class */ (function () {
-        function MultiTabComponent(router, cf, activatedRoute, keepAlive) {
+        function MultiTabComponent(router, cf, activatedRoute, keepAlive, ref) {
             this.router = router;
             this.cf = cf;
             this.activatedRoute = activatedRoute;
             this.keepAlive = keepAlive;
+            this.ref = ref;
             this.singleReuseUrls = []; //只能单个缓存的url
             //只能单个缓存的url
             this.TAB_WIDTH = 164;
@@ -2032,6 +2037,7 @@
             }
             this.setEllipsisTitle();
             sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
+            this.ref.markForCheck();
         };
         /**
          * @param {?} tab
@@ -2046,6 +2052,7 @@
         function (tab, idx) {
             this.router.navigateByUrl(tab.url);
             this.selectedTab = idx;
+            this.ref.markForCheck();
         };
         /**
          * @param {?} url
@@ -2069,6 +2076,7 @@
             this.selectedTab = this.tabList.length - 1;
             this.setEllipsisTitle();
             sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
+            this.ref.markForCheck();
         };
         /**
          * @param {?} url
@@ -2102,15 +2110,14 @@
                      * @param {?} ele
                      * @return {?}
                      */
-                    function (ele) {
-                        return !ele.url.includes(_this.singleReuseUrls[singleIdx_1]);
-                    }));
+                    function (ele) { return !ele.url.includes(_this.singleReuseUrls[singleIdx_1]); }));
                     this.keepAlive.clearCache(url);
                 }
                 this.addTab(url, title);
             }
             else {
                 this.selectedTab = isExistIdx;
+                this.ref.markForCheck();
             }
         };
         /**
@@ -2154,7 +2161,8 @@
             { type: router.Router },
             { type: CommonFunctionService },
             { type: router.ActivatedRoute },
-            { type: KeepAliveService }
+            { type: KeepAliveService },
+            { type: core.ChangeDetectorRef }
         ]; };
         MultiTabComponent.propDecorators = {
             singleReuseUrls: [{ type: core.Input }],
@@ -2193,6 +2201,11 @@
         MultiTabComponent.prototype.activatedRoute;
         /** @type {?} */
         MultiTabComponent.prototype.keepAlive;
+        /**
+         * @type {?}
+         * @private
+         */
+        MultiTabComponent.prototype.ref;
     }
 
     /**
@@ -2219,7 +2232,7 @@
         MainContainerComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-main-container",
-                        template: "<div class=\"app-main-container\">\r\n  <ng-content select=\"[headerSlot]\"></ng-content>\r\n  <div class=\"main-page\">\r\n    <div class=\"left-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n      <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"right-aside\">\r\n      <rs-multi-tab [singleReuseUrls]=\"singleReuseUrls\"></rs-multi-tab>\r\n      <div class=\"router-content\">\r\n        <ng-content select=\"[routerSlot]\"></ng-content>\r\n      </div>\r\n      <rs-footer></rs-footer>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                        template: "<div class=\"app-main-container\">\r\n  <ng-content select=\"[headerSlot]\"></ng-content>\r\n  <div class=\"main-page\">\r\n    <div class=\"left-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n      <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"right-aside\">\r\n      <ng-content select=\"[multiTabSlot]\"></ng-content>\r\n      <!-- <rs-multi-tab [singleReuseUrls]=\"singleReuseUrls\"></rs-multi-tab> -->\r\n      <div class=\"router-content\">\r\n        <ng-content select=\"[routerSlot]\"></ng-content>\r\n      </div>\r\n      <rs-footer></rs-footer>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                         styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{width:240px;height:100%;padding-right:16px;will-change:width;transition:width .3s}.app-main-container .left-aside.isCollapsed{width:64px;padding-right:0}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .router-content{flex:1;overflow:auto}"]
                     }] }
         ];