raise-common-lib 0.0.132 → 0.0.134

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

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('rxjs'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@syncfusion/ej2-angular-treegrid'), require('@syncfusion/ej2-angular-navigations'), require('@angular/router'), require('rxjs/operators'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('@angular/common'), require('@syncfusion/ej2-data'), require('@angular/material/icon'), require('@angular/platform-browser'), require('@angular/forms'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-charts'), require('@syncfusion/ej2-angular-layouts'), require('@syncfusion/ej2-angular-pdfviewer'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/menu'), require('@angular/material/tooltip')) :
-    typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', 'rxjs', '@angular/material/snack-bar', '@angular/material/dialog', '@syncfusion/ej2-angular-treegrid', '@syncfusion/ej2-angular-navigations', '@angular/router', 'rxjs/operators', '@angular/common/http', '@syncfusion/ej2-base', '@angular/common', '@syncfusion/ej2-data', '@angular/material/icon', '@angular/platform-browser', '@angular/forms', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-charts', '@syncfusion/ej2-angular-layouts', '@syncfusion/ej2-angular-pdfviewer', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/menu', '@angular/material/tooltip'], factory) :
-    (global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.rxjs, global.ng.material['snack-bar'], global.ng.material.dialog, global.ej2AngularTreegrid, global.ej2AngularNavigations, global.ng.router, global.rxjs.operators, global.ng.common.http, global.ej2Base, global.ng.common, global.ej2Data, global.ng.material.icon, global.ng.platformBrowser, global.ng.forms, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularLayouts, global.ej2AngularPdfviewer, global.ej2AngularSplitbuttons, global.ej2AngularRichtexteditor, global.ng.material.menu, global.ng.material.tooltip));
-}(this, (function (exports, core, ej2AngularGrids, lodash, rxjs, snackBar, dialog, ej2AngularTreegrid, ej2AngularNavigations, router, operators, http, ej2Base, common, ej2Data, icon, platformBrowser, forms, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularLayouts, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor, menu, tooltip) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('rxjs'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@syncfusion/ej2-angular-treegrid'), require('@syncfusion/ej2-angular-navigations'), require('@angular/router'), require('rxjs/operators'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('resize-observer-polyfill'), require('@angular/common'), require('@syncfusion/ej2-data'), require('@angular/material/icon'), require('@angular/platform-browser'), require('@angular/forms'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-charts'), require('@syncfusion/ej2-angular-layouts'), require('@syncfusion/ej2-angular-pdfviewer'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/menu'), require('@angular/material/tooltip')) :
+    typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', 'rxjs', '@angular/material/snack-bar', '@angular/material/dialog', '@syncfusion/ej2-angular-treegrid', '@syncfusion/ej2-angular-navigations', '@angular/router', 'rxjs/operators', '@angular/common/http', '@syncfusion/ej2-base', 'resize-observer-polyfill', '@angular/common', '@syncfusion/ej2-data', '@angular/material/icon', '@angular/platform-browser', '@angular/forms', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-charts', '@syncfusion/ej2-angular-layouts', '@syncfusion/ej2-angular-pdfviewer', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/menu', '@angular/material/tooltip'], factory) :
+    (global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.rxjs, global.ng.material['snack-bar'], global.ng.material.dialog, global.ej2AngularTreegrid, global.ej2AngularNavigations, global.ng.router, global.rxjs.operators, global.ng.common.http, global.ej2Base, global.ResizeObserver, global.ng.common, global.ej2Data, global.ng.material.icon, global.ng.platformBrowser, global.ng.forms, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularLayouts, global.ej2AngularPdfviewer, global.ej2AngularSplitbuttons, global.ej2AngularRichtexteditor, global.ng.material.menu, global.ng.material.tooltip));
+}(this, (function (exports, core, ej2AngularGrids, lodash, rxjs, snackBar, dialog, ej2AngularTreegrid, ej2AngularNavigations, router, operators, http, ej2Base, ResizeObserver, common, ej2Data, icon, platformBrowser, forms, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularLayouts, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor, menu, tooltip) { 'use strict';
+
+    ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -3199,7 +3201,7 @@
          */
         function (event) {
             this.screenWidth = window.innerWidth; // 更新屏幕宽度
-            this.setEllipsisTitle();
+            // this.setEllipsisTitle(); 在最外面容器调用
         };
         /**
          * @return {?}
@@ -3217,8 +3219,7 @@
              * @return {?}
              */
             function (ele) {
-                return _this.urlWithoutQuery(ele.url) ===
-                    _this.urlWithoutQuery(_this.router.url);
+                return _this.urlWithoutQuery(ele.url) === _this.urlWithoutQuery(_this.router.url);
             }));
             if (isExistIdx !== -1) {
                 this.selectedTab = isExistIdx;
@@ -3296,6 +3297,8 @@
          * @return {?}
          */
         function () {
+            this.tabList = []; // 清空 tab 列表
+            this.selectedTab = 0; // 重置选中的 tab 索引
             this.subscriptions.forEach((/**
              * @param {?} sub
              * @return {?}
@@ -3336,6 +3339,8 @@
                         : width - _this.textGap, 12);
                 }));
             }
+            this.ref.markForCheck();
+            this.ref.detectChanges();
         };
         /**
          * @return {?}
@@ -3397,15 +3402,15 @@
         };
         /**
          * @param {?} idx
-         * @param {?=} isExternal
+         * @param {?=} noChange
          * @return {?}
          */
         MultiTabComponent.prototype.closeTab = /**
          * @param {?} idx
-         * @param {?=} isExternal
+         * @param {?=} noChange
          * @return {?}
          */
-        function (idx, isExternal) {
+        function (idx, noChange) {
             /** @type {?} */
             var tab = this.tabList[idx];
             this.tabList = this.tabList.filter((/**
@@ -3414,7 +3419,7 @@
              */
             function (ele) { return ele.url !== tab.url; }));
             this.clearCache(this.urlWithoutQuery(tab.url));
-            if (!isExternal && this.selectedTab === idx) {
+            if (!noChange && this.selectedTab === idx) {
                 /** @type {?} */
                 var targetIdx = Math.max(0, idx - 1);
                 this.changeTab(this.tabList[targetIdx], targetIdx);
@@ -3441,8 +3446,8 @@
             if (tab.navigationInfo) {
                 sessionStorage.setItem("navigationInfo", JSON.stringify(tab.navigationInfo));
             }
-            if (tab.fromUrl) {
-                sessionStorage.setItem("fromUrl", tab.fromUrl);
+            if (tab.fromInfo) {
+                sessionStorage.setItem("fromInfo", JSON.stringify(tab.fromInfo));
             }
             if (tab.permissions) {
                 sessionStorage.setItem("permissions", JSON.stringify(tab.permissions));
@@ -3462,7 +3467,14 @@
          */
         function (url, title) {
             if (this.tabList.length >= this.maxTabs) {
-                this.closeTab(1); // 删除第二个，第一个固定
+                /** @type {?} */
+                var secondTab_1 = this.tabList[1];
+                this.tabList = this.tabList.filter((/**
+                 * @param {?} ele
+                 * @return {?}
+                 */
+                function (ele) { return ele.url !== secondTab_1.url; }));
+                this.clearCache(this.urlWithoutQuery(secondTab_1.url));
             }
             /** @type {?} */
             var localPermissions = sessionStorage.getItem("permissions") ||
@@ -3470,7 +3482,7 @@
             /** @type {?} */
             var navigationInfo = JSON.parse(sessionStorage.getItem("navigationInfo"));
             /** @type {?} */
-            var fromUrl = sessionStorage.getItem("fromUrl");
+            var fromInfo = JSON.parse(sessionStorage.getItem("fromInfo"));
             /** @type {?} */
             var permissions = JSON.parse(localPermissions);
             this.tabList.push({
@@ -3479,7 +3491,7 @@
                 displayTitle: title,
                 navigationInfo: navigationInfo,
                 permissions: permissions,
-                fromUrl: fromUrl,
+                fromInfo: fromInfo,
             });
             this.selectedTab = this.tabList.length - 1;
             this.setEllipsisTitle();
@@ -3532,7 +3544,12 @@
                 if (targetTabUrl !== url || noReused) {
                     // 当缓存一致时候，但是url不一致，重新按照新的url生成tab
                     this.closeTab(isExistIdx, true);
-                    this.addTab(url, title);
+                    setTimeout((/**
+                     * @return {?}
+                     */
+                    function () {
+                        _this.addTab(url, title);
+                    }), 30);
                 }
                 else {
                     this.changeTab(this.tabList[isExistIdx], isExistIdx);
@@ -3583,6 +3600,18 @@
             this.keepAlive.clearCache(url); // 调用自定义策略的清除缓存方法
             this.drawer.deleteCache(url);
         };
+        /**
+         * @return {?}
+         */
+        MultiTabComponent.prototype.cleanAllCache = /**
+         * @return {?}
+         */
+        function () {
+            sessionStorage.removeItem("TabCache"); // 清除缓存
+            this.tabList = []; // 清空 tab 列表
+            this.selectedTab = 0; // 重置选中的 tab 索引
+            this.keepAlive.clearAllCache(); // 调用自定义策略的清除缓存方法
+        };
         /**
          * @private
          * @param {?} url
@@ -21004,11 +21033,25 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var MainContainerComponent = /** @class */ (function () {
-        function MainContainerComponent(globalDrawer) {
+        function MainContainerComponent(globalDrawer, elementRef) {
+            var _this = this;
             this.globalDrawer = globalDrawer;
+            this.elementRef = elementRef;
             this.isCollapsed = false; // 接收输入属性
             // 接收输入属性
             this.singleReuseUrls = []; //只能单个缓存的url
+            //只能单个缓存的url
+            this.onWidthChange = new core.EventEmitter();
+            this.debouncedHandleResize = lodash.debounce((/**
+             * @param {?} width
+             * @return {?}
+             */
+            function (width) {
+                // console.log("Debounced width change:", width);
+                // 在这里处理防抖后的宽度变化逻辑
+                _this.multiTabRef && _this.multiTabRef.setEllipsisTitle();
+                _this.onWidthChange.emit(width);
+            }), 300);
         }
         /**
          * @return {?}
@@ -21045,7 +21088,45 @@
          * @return {?}
          */
         function () {
+            var _this = this;
             this.globalDrawer.setDrawer(this.drawer); // 设置抽屉组件
+            // 设置抽屉组件
+            /** @type {?} */
+            var rightAside = this.elementRef.nativeElement.querySelector(".right-aside");
+            this.resizeObserver = new ResizeObserver((/**
+             * @param {?} entries
+             * @return {?}
+             */
+            function (entries) {
+                var e_1, _a;
+                try {
+                    for (var entries_1 = __values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
+                        var entry = entries_1_1.value;
+                        /** @type {?} */
+                        var width = entry.contentRect.width;
+                        _this.debouncedHandleResize(width);
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (entries_1_1 && !entries_1_1.done && (_a = entries_1.return)) _a.call(entries_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }));
+            this.resizeObserver.observe(rightAside);
+        };
+        /**
+         * @return {?}
+         */
+        MainContainerComponent.prototype.ngOnDestroy = /**
+         * @return {?}
+         */
+        function () {
+            if (this.resizeObserver) {
+                this.resizeObserver.disconnect();
+            }
         };
         /**
          * @return {?}
@@ -21069,13 +21150,16 @@
         ];
         /** @nocollapse */
         MainContainerComponent.ctorParameters = function () { return [
-            { type: DrawerService }
+            { type: DrawerService },
+            { type: core.ElementRef }
         ]; };
         MainContainerComponent.propDecorators = {
             headerRef: [{ type: core.ContentChild, args: [RSHeaderComponent, { static: true },] }],
+            multiTabRef: [{ type: core.ContentChild, args: [MultiTabComponent, { static: true },] }],
             drawer: [{ type: core.ViewChild, args: ["drawer", { static: false },] }],
             isCollapsed: [{ type: core.Input }],
             singleReuseUrls: [{ type: core.Input }],
+            onWidthChange: [{ type: core.Output }],
             onResize: [{ type: core.HostListener, args: ["window:resize", ["$event"],] }]
         };
         return MainContainerComponent;
@@ -21084,16 +21168,35 @@
         /** @type {?} */
         MainContainerComponent.prototype.headerRef;
         /** @type {?} */
+        MainContainerComponent.prototype.multiTabRef;
+        /** @type {?} */
         MainContainerComponent.prototype.drawer;
         /** @type {?} */
         MainContainerComponent.prototype.isCollapsed;
         /** @type {?} */
         MainContainerComponent.prototype.singleReuseUrls;
+        /** @type {?} */
+        MainContainerComponent.prototype.onWidthChange;
+        /**
+         * @type {?}
+         * @private
+         */
+        MainContainerComponent.prototype.resizeObserver;
+        /**
+         * @type {?}
+         * @private
+         */
+        MainContainerComponent.prototype.debouncedHandleResize;
         /**
          * @type {?}
          * @private
          */
         MainContainerComponent.prototype.globalDrawer;
+        /**
+         * @type {?}
+         * @private
+         */
+        MainContainerComponent.prototype.elementRef;
     }
 
     /**