raise-common-lib 0.0.31 → 0.0.33

package/fesm5/raise-common-lib.js

@@ -2,7 +2,7 @@ import { __assign, __read, __spread } from 'tslib';
 import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, ContentChild, Injectable, ɵɵdefineInjectable, ɵɵinject, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { GridModule, PagerModule, GridAllModule, PageService, SortService, FilterService, ExcelExportService, EditService, ResizeService, ToolbarService, ColumnChooserService, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
 import { debounce } from 'lodash';
-import { NavigationEnd, Router, ActivatedRoute } from '@angular/router';
+import { NavigationEnd, Router, ActivatedRoute, RouteReuseStrategy } from '@angular/router';
 import { filter } from 'rxjs/operators';
 import { BehaviorSubject } from 'rxjs';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
@@ -1565,184 +1565,6 @@ var CommonFunctionService = /** @class */ (function () {
     return CommonFunctionService;
 }());
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/service/keep-alive.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-var storedRoutes = new Map();
-/** @type {?} */
-var toBeDeleteUrl;
-/** @type {?} */
-var excludeRoutes = [];
-// 不需要缓存的url
-var KeepAliveService = /** @class */ (function () {
-    function KeepAliveService() {
-    }
-    /**
-     * @param {?} routes
-     * @return {?}
-     */
-    KeepAliveService.prototype.setExcludeRoutes = /**
-     * @param {?} routes
-     * @return {?}
-     */
-    function (routes) {
-        excludeRoutes = routes; // 设置不缓存的路由
-    };
-    /**
-     * @param {?} route
-     * @return {?}
-     */
-    KeepAliveService.prototype.shouldDetach = /**
-     * @param {?} route
-     * @return {?}
-     */
-    function (route) {
-        /** @type {?} */
-        var config = route.routeConfig;
-        // console.log("shouldDetach", toBeDeleteUrl, this.getRoutePath(route));
-        if (toBeDeleteUrl === this.getRoutePath(route)) {
-            // 对于新开的又即将关闭的tab，不缓存
-            if (route.children.length === 0) {
-                toBeDeleteUrl = "";
-            }
-            return false;
-        }
-        if (config && excludeRoutes.includes(this.getRoutePath(route))) {
-            return false;
-        }
-        //Don't store lazy loaded routes
-        return config && !config.loadChildren;
-    };
-    /**
-     * @param {?} route
-     * @param {?} handle
-     * @return {?}
-     */
-    KeepAliveService.prototype.store = /**
-     * @param {?} route
-     * @param {?} handle
-     * @return {?}
-     */
-    function (route, handle) {
-        // console.log("store", this.getRoutePath(route));
-        // console.log("store", storedRoutes);
-        /** @type {?} */
-        var key = this.getRoutePath(route);
-        storedRoutes.set(key, handle);
-    };
-    /**
-     * @param {?} route
-     * @return {?}
-     */
-    KeepAliveService.prototype.shouldAttach = /**
-     * @param {?} route
-     * @return {?}
-     */
-    function (route) {
-        /** @type {?} */
-        var key = this.getRoutePath(route);
-        return !!route.routeConfig && storedRoutes.has(key);
-    };
-    /**
-     * @param {?} route
-     * @return {?}
-     */
-    KeepAliveService.prototype.retrieve = /**
-     * @param {?} route
-     * @return {?}
-     */
-    function (route) {
-        /** @type {?} */
-        var config = route.routeConfig;
-        /** @type {?} */
-        var key = this.getRoutePath(route);
-        //We don't store lazy loaded routes, so don't even bother trying to retrieve them
-        if (!config || config.loadChildren) {
-            return false;
-        }
-        return storedRoutes.get(key) || null;
-    };
-    /**
-     * @param {?} future
-     * @param {?} curr
-     * @return {?}
-     */
-    KeepAliveService.prototype.shouldReuseRoute = /**
-     * @param {?} future
-     * @param {?} curr
-     * @return {?}
-     */
-    function (future, curr) {
-        // console.log("shouldReuseRoute", future, curr);
-        // return future.routeConfig === curr.routeConfig;
-        if (future.routeConfig === curr.routeConfig) {
-            if (future.children.length === 0 && curr.children.length === 0) {
-                // 无子路由时, 通过params和queryParams判断是否复用路由
-                return (JSON.stringify(future.params) === JSON.stringify(curr.params) &&
-                    JSON.stringify(future.queryParams) ===
-                        JSON.stringify(curr.queryParams));
-            }
-            return true;
-        }
-        return false;
-    };
-    /**
-     * @param {?} route
-     * @return {?}
-     */
-    KeepAliveService.prototype.getRoutePath = /**
-     * @param {?} route
-     * @return {?}
-     */
-    function (route) {
-        if (route.routeConfig) {
-            // const pathParams = JSON.stringify(route.params);
-            /** @type {?} */
-            var queryParams = new URLSearchParams(route.queryParams).toString();
-            /** @type {?} */
-            var url = route._urlSegment.segments.map((/**
-             * @param {?} v
-             * @return {?}
-             */
-            function (v) { return v.path; })).join("/");
-            return "/" + url + (queryParams ? "?" + queryParams : "");
-        }
-        return "";
-    };
-    /**
-     * @param {?} path
-     * @return {?}
-     */
-    KeepAliveService.prototype.clearCache = /**
-     * @param {?} path
-     * @return {?}
-     */
-    function (path) {
-        // console.log("clearCache", storedRoutes, path);
-        toBeDeleteUrl = path;
-        storedRoutes.delete(path);
-    };
-    /**
-     * @return {?}
-     */
-    KeepAliveService.prototype.clearAllCache = /**
-     * @return {?}
-     */
-    function () {
-        storedRoutes.clear();
-    };
-    KeepAliveService.decorators = [
-        { type: Injectable, args: [{
-                    providedIn: "root",
-                },] }
-    ];
-    /** @nocollapse */ KeepAliveService.ngInjectableDef = ɵɵdefineInjectable({ factory: function KeepAliveService_Factory() { return new KeepAliveService(); }, token: KeepAliveService, providedIn: "root" });
-    return KeepAliveService;
-}());
-
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/service/drawer.service.ts
@@ -1972,15 +1794,14 @@ if (false) {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var MultiTabComponent = /** @class */ (function () {
-    function MultiTabComponent(router, cf, activatedRoute, keepAlive, ref, drawer) {
+    function MultiTabComponent(router, cf, activatedRoute, ref, drawer, routeReuseStrategy) {
         this.router = router;
         this.cf = cf;
         this.activatedRoute = activatedRoute;
-        this.keepAlive = keepAlive;
         this.ref = ref;
         this.drawer = drawer;
+        this.routeReuseStrategy = routeReuseStrategy;
         this.singleReuseUrls = []; //只能单个缓存的url
-        //只能单个缓存的url
         this.TAB_WIDTH = 164;
         this.GAP_NORMAL = 54;
         this.GAP_SMALL = 30;
@@ -1988,6 +1809,7 @@ var MultiTabComponent = /** @class */ (function () {
         this.selectedTab = 0;
         this.maxTabs = 10;
         this.screenWidth = window.innerWidth; // 初始化屏幕宽度
+        this.keepAlive = (/** @type {?} */ (this.routeReuseStrategy));
     }
     // 初始化屏幕宽度
     /**
@@ -2023,7 +1845,7 @@ var MultiTabComponent = /** @class */ (function () {
         if (isExistIdx !== -1) {
             this.selectedTab = isExistIdx;
         }
-        this.router.events
+        this.subscription = this.router.events
             .pipe(filter((/**
          * @param {?} event
          * @return {?}
@@ -2068,6 +1890,17 @@ var MultiTabComponent = /** @class */ (function () {
             _this.setEllipsisTitle();
         }), 50);
     };
+    /**
+     * @return {?}
+     */
+    MultiTabComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    };
     /**
      * @param {?=} title
      * @return {?}
@@ -2122,17 +1955,17 @@ var MultiTabComponent = /** @class */ (function () {
         var leftWidth;
         /** @type {?} */
         var rightWidth;
-        if (wrap && ulElement && refreshTabDiv) {
+        if (wrap && ulElement) {
             // 获取元素的位置信息
             /** @type {?} */
             var wrapRect = wrap.getBoundingClientRect();
             /** @type {?} */
             var ulRect = ulElement.getBoundingClientRect();
             /** @type {?} */
-            var refreshTabRect = refreshTabDiv.getBoundingClientRect();
+            var refreshTabRect = refreshTabDiv && refreshTabDiv.getBoundingClientRect();
             allWidth = wrapRect.width;
             leftWidth = ulRect.width;
-            rightWidth = refreshTabRect.width;
+            rightWidth = (refreshTabRect && refreshTabRect.width) || 100;
         }
         return {
             allWidth: allWidth,
@@ -2292,7 +2125,7 @@ var MultiTabComponent = /** @class */ (function () {
     };
     MultiTabComponent.decorators = [
         { type: Component, args: [{
-                    selector: "rs-multi-tab",
+                    selector: "kt-multi-tab",
                     template: "<div class=\"rs-multi-tab\" *ngIf=\"tabList.length > 0\">\r\n  <ul>\r\n    <ng-container *ngFor=\"let tab of tabList; let i = index\">\r\n      <li\r\n        [ngClass]=\"selectedTab === i ? 'isSelect' : 'notSelect'\"\r\n        (click)=\"changeTab(tab, i)\"\r\n      >\r\n        <ejs-tooltip\r\n          id=\"notSelectTooltip\"\r\n          [showTipPointer]=\"false\"\r\n          [openDelay]=\"500\"\r\n          *ngIf=\"tab.displayTitle !== tab.title; else originText\"\r\n          style=\"height: 27px\"\r\n        >\r\n          <ng-template #content>\r\n            <div class=\"tooltip-content\">\r\n              {{ tab.title }}\r\n            </div>\r\n          </ng-template>\r\n          <span class=\"tabTitle\">{{ tab.displayTitle }}</span>\r\n        </ejs-tooltip>\r\n        <ng-template #originText>\r\n          <span class=\"tabTitle\">\r\n            {{ tab.displayTitle }}\r\n          </span>\r\n        </ng-template>\r\n        <span class=\"img-block\" *ngIf=\"selectedTab !== i\"></span>\r\n        <img\r\n          *ngIf=\"tabList.length !== 1\"\r\n          src=\"../../../assets/img/close-url.svg\"\r\n          (click)=\"closeTab(tab, i)\"\r\n        />\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n  <div class=\"refresh-tab\" (click)=\"refreshTab()\">\r\n    <img\r\n      id=\"loadingIcon\"\r\n      alt\r\n      class=\"refresh-btn\"\r\n      src=\"../../../assets/img/desktop-refresh-btn.svg\"\r\n    />\r\n    <span>Refresh Current Tab</span>\r\n  </div>\r\n</div>\r\n",
                     styles: [".rs-multi-tab{border-bottom:1px solid #e5eaef;height:28px;width:100%;display:flex;justify-content:space-between}.rs-multi-tab ul{display:flex;margin:0 8px;padding:0;overflow:hidden;height:100%}.rs-multi-tab ul li{max-width:164px;padding:0 12px;display:flex;align-items:center;flex:auto;border:1px solid #e5eaef;border-bottom:none;color:#5f6f81;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;height:100%;background:#f8fafb;vertical-align:top;position:relative;cursor:default}.rs-multi-tab ul li .tabTitle{display:inline-block;white-space:nowrap;font-size:11px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px;transition:width .3s}.rs-multi-tab ul li img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.rs-multi-tab ul li img:hover{background:#dce8f6}.rs-multi-tab ul li:not(:last-child){border-right:none}.rs-multi-tab ul li:first-of-type{border-top-left-radius:8px}.rs-multi-tab ul li:last-child{border-top-right-radius:8px}.rs-multi-tab ul .isSelect{color:#1f3f5c;background:#fff}.rs-multi-tab ul .notSelect img{display:none}.rs-multi-tab ul .notSelect .img-block{display:inline-block;width:22px}.rs-multi-tab ul .notSelect:hover{color:#1f3f5c;background-color:rgba(31,123,255,.04)}.rs-multi-tab ul .notSelect:hover .img-block{display:none}.rs-multi-tab ul .notSelect:hover img{display:inline-block}.rs-multi-tab .refresh-tab{cursor:pointer;text-align:right;color:#6c7c90;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;padding-right:12px}.rs-multi-tab .refresh-tab img{vertical-align:middle;margin-right:4px}.refresh-tab-loading{-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tooltip-content{padding:4px;color:#f8fafb;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px}@media (max-width:1400px){.refresh-tab{padding-right:0!important}.refresh-tab span{display:none!important}}@media (max-width:1100px){.rs-multi-tab ul li img{position:absolute;right:3px;background-color:#fff}.notSelect:hover img{position:absolute;right:3px;background-color:#eff5fb}.img-block{display:none!important}}@media (max-width:600px){.rs-multi-tab ul li{padding:0 8px}.rs-multi-tab ul .notSelect .img-block{width:0!important}}"]
                 }] }
@@ -2302,9 +2135,9 @@ var MultiTabComponent = /** @class */ (function () {
         { type: Router },
         { type: CommonFunctionService },
         { type: ActivatedRoute },
-        { type: KeepAliveService },
         { type: ChangeDetectorRef },
-        { type: DrawerService }
+        { type: DrawerService },
+        { type: RouteReuseStrategy }
     ]; };
     MultiTabComponent.propDecorators = {
         singleReuseUrls: [{ type: Input }],
@@ -2313,8 +2146,15 @@ var MultiTabComponent = /** @class */ (function () {
     return MultiTabComponent;
 }());
 if (false) {
+    /** @type {?} */
+    MultiTabComponent.prototype.keepAlive;
     /** @type {?} */
     MultiTabComponent.prototype.singleReuseUrls;
+    /**
+     * @type {?}
+     * @private
+     */
+    MultiTabComponent.prototype.subscription;
     /** @type {?} */
     MultiTabComponent.prototype.TAB_WIDTH;
     /** @type {?} */
@@ -2341,8 +2181,6 @@ if (false) {
     MultiTabComponent.prototype.cf;
     /** @type {?} */
     MultiTabComponent.prototype.activatedRoute;
-    /** @type {?} */
-    MultiTabComponent.prototype.keepAlive;
     /**
      * @type {?}
      * @private
@@ -2353,6 +2191,11 @@ if (false) {
      * @private
      */
     MultiTabComponent.prototype.drawer;
+    /**
+     * @type {?}
+     * @private
+     */
+    MultiTabComponent.prototype.routeReuseStrategy;
 }
 
 /**
@@ -21201,6 +21044,205 @@ if (false) {
     DialogService.prototype.dialog;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/service/keep-alive.service.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @type {?} */
+var storedRoutes = new Map();
+/** @type {?} */
+var toBeDeleteUrl;
+/** @type {?} */
+var excludeRoutes = [];
+// 不需要缓存的url
+var  
+// 不需要缓存的url
+KeepAliveService = /** @class */ (function () {
+    function KeepAliveService() {
+    }
+    // 用于存储 BaseComponent 的实例
+    /**
+     * @param {?} routes
+     * @return {?}
+     */
+    KeepAliveService.prototype.setExcludeRoutes = 
+    // 用于存储 BaseComponent 的实例
+    /**
+     * @param {?} routes
+     * @return {?}
+     */
+    function (routes) {
+        excludeRoutes = routes; // 设置不缓存的路由
+    };
+    /**
+     * @param {?} route
+     * @return {?}
+     */
+    KeepAliveService.prototype.shouldDetach = /**
+     * @param {?} route
+     * @return {?}
+     */
+    function (route) {
+        /** @type {?} */
+        var config = route.routeConfig;
+        // console.log("shouldDetach", toBeDeleteUrl, this.getRoutePath(route));
+        if (toBeDeleteUrl === this.getRoutePath(route)) {
+            // 对于新开的又即将关闭的tab，不缓存
+            if (route.children.length === 0) {
+                toBeDeleteUrl = "";
+            }
+            return false;
+        }
+        if (config && excludeRoutes.includes(this.getRoutePath(route))) {
+            return false;
+        }
+        //Don't store lazy loaded routes
+        return config && !config.loadChildren;
+    };
+    /**
+     * @param {?} route
+     * @param {?} handle
+     * @return {?}
+     */
+    KeepAliveService.prototype.store = /**
+     * @param {?} route
+     * @param {?} handle
+     * @return {?}
+     */
+    function (route, handle) {
+        // console.log("store", this.getRoutePath(route));
+        // console.log("store", storedRoutes);
+        /** @type {?} */
+        var key = this.getRoutePath(route);
+        storedRoutes.set(key, handle);
+    };
+    /**
+     * @param {?} route
+     * @return {?}
+     */
+    KeepAliveService.prototype.shouldAttach = /**
+     * @param {?} route
+     * @return {?}
+     */
+    function (route) {
+        /** @type {?} */
+        var key = this.getRoutePath(route);
+        return !!route.routeConfig && storedRoutes.has(key);
+    };
+    /**
+     * @param {?} route
+     * @return {?}
+     */
+    KeepAliveService.prototype.retrieve = /**
+     * @param {?} route
+     * @return {?}
+     */
+    function (route) {
+        /** @type {?} */
+        var config = route.routeConfig;
+        /** @type {?} */
+        var key = this.getRoutePath(route);
+        //We don't store lazy loaded routes, so don't even bother trying to retrieve them
+        if (!config || config.loadChildren) {
+            return false;
+        }
+        return storedRoutes.get(key) || null;
+    };
+    /**
+     * @param {?} future
+     * @param {?} curr
+     * @return {?}
+     */
+    KeepAliveService.prototype.shouldReuseRoute = /**
+     * @param {?} future
+     * @param {?} curr
+     * @return {?}
+     */
+    function (future, curr) {
+        // console.log("shouldReuseRoute", future, curr);
+        // return future.routeConfig === curr.routeConfig;
+        if (future.routeConfig === curr.routeConfig) {
+            if (future.children.length === 0 && curr.children.length === 0) {
+                // 无子路由时, 通过params和queryParams判断是否复用路由
+                return (JSON.stringify(future.params) === JSON.stringify(curr.params) &&
+                    JSON.stringify(future.queryParams) ===
+                        JSON.stringify(curr.queryParams));
+            }
+            return true;
+        }
+        return false;
+    };
+    /**
+     * @param {?} route
+     * @return {?}
+     */
+    KeepAliveService.prototype.getRoutePath = /**
+     * @param {?} route
+     * @return {?}
+     */
+    function (route) {
+        if (route.routeConfig) {
+            // const pathParams = JSON.stringify(route.params);
+            /** @type {?} */
+            var queryParams = new URLSearchParams(route.queryParams).toString();
+            /** @type {?} */
+            var url = route._urlSegment.segments.map((/**
+             * @param {?} v
+             * @return {?}
+             */
+            function (v) { return v.path; })).join("/");
+            return "/" + url + (queryParams ? "?" + queryParams : "");
+        }
+        return "";
+    };
+    /**
+     * @param {?} path
+     * @return {?}
+     */
+    KeepAliveService.prototype.clearCache = /**
+     * @param {?} path
+     * @return {?}
+     */
+    function (path) {
+        // console.log("clearCache", storedRoutes, path);
+        toBeDeleteUrl = path;
+        storedRoutes.delete(path);
+    };
+    /**
+     * @return {?}
+     */
+    KeepAliveService.prototype.clearAllCache = /**
+     * @return {?}
+     */
+    function () {
+        sessionStorage.removeItem("TabCache");
+        if (this.baseComponent) {
+            this.baseComponent.ngOnDestroy();
+        }
+        storedRoutes.clear();
+    };
+    /**
+     * @param {?} component
+     * @return {?}
+     */
+    KeepAliveService.prototype.setBaseComponent = /**
+     * @param {?} component
+     * @return {?}
+     */
+    function (component) {
+        this.baseComponent = component;
+    };
+    return KeepAliveService;
+}());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    KeepAliveService.prototype.baseComponent;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/dialog/common-dialog/index.component.ts
@@ -21459,8 +21501,6 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         CommonFunctionService,
                         IconLoaderService,
                         DialogService,
-                        KeepAliveService,
-                        DrawerService,
                         TranslationService,
                     ],
                     exports: [