raise-common-lib 0.0.132 → 0.0.134

package/fesm5/raise-common-lib.js

@@ -1,5 +1,5 @@
-import { __assign, __awaiter, __generator, __decorate, __metadata, __read, __spread } from 'tslib';
-import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, HostBinding, Injectable, ɵɵdefineInjectable, Inject, ɵɵinject, ContentChild, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { __assign, __awaiter, __generator, __decorate, __metadata, __read, __values, __spread } from 'tslib';
+import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, HostBinding, Injectable, ɵɵdefineInjectable, Inject, ɵɵinject, ContentChild, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, ElementRef, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { GridComponent, GridModule, PagerModule, GridAllModule, PageService, SortService, FilterService, ExcelExportService, EditService, ResizeService, ToolbarService, ColumnChooserService, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
 import { times, debounce } from 'lodash';
 import { Subject, BehaviorSubject } from 'rxjs';
@@ -11,6 +11,7 @@ import { NavigationEnd, Router, ActivatedRoute, RouteReuseStrategy } from '@angu
 import { filter } from 'rxjs/operators';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
 import { setCulture, L10n } from '@syncfusion/ej2-base';
+import ResizeObserver from 'resize-observer-polyfill';
 import { DatePipe, CommonModule } from '@angular/common';
 import { Query } from '@syncfusion/ej2-data';
 import { MatIconRegistry, MatIconModule } from '@angular/material/icon';
@@ -3007,7 +3008,7 @@ var MultiTabComponent = /** @class */ (function () {
      */
     function (event) {
         this.screenWidth = window.innerWidth; // 更新屏幕宽度
-        this.setEllipsisTitle();
+        // this.setEllipsisTitle(); 在最外面容器调用
     };
     /**
      * @return {?}
@@ -3025,8 +3026,7 @@ var MultiTabComponent = /** @class */ (function () {
          * @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;
@@ -3104,6 +3104,8 @@ var MultiTabComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
+        this.tabList = []; // 清空 tab 列表
+        this.selectedTab = 0; // 重置选中的 tab 索引
         this.subscriptions.forEach((/**
          * @param {?} sub
          * @return {?}
@@ -3144,6 +3146,8 @@ var MultiTabComponent = /** @class */ (function () {
                     : width - _this.textGap, 12);
             }));
         }
+        this.ref.markForCheck();
+        this.ref.detectChanges();
     };
     /**
      * @return {?}
@@ -3205,15 +3209,15 @@ var MultiTabComponent = /** @class */ (function () {
     };
     /**
      * @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((/**
@@ -3222,7 +3226,7 @@ var MultiTabComponent = /** @class */ (function () {
          */
         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);
@@ -3249,8 +3253,8 @@ var MultiTabComponent = /** @class */ (function () {
         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));
@@ -3270,7 +3274,14 @@ var MultiTabComponent = /** @class */ (function () {
      */
     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") ||
@@ -3278,7 +3289,7 @@ var MultiTabComponent = /** @class */ (function () {
         /** @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({
@@ -3287,7 +3298,7 @@ var MultiTabComponent = /** @class */ (function () {
             displayTitle: title,
             navigationInfo: navigationInfo,
             permissions: permissions,
-            fromUrl: fromUrl,
+            fromInfo: fromInfo,
         });
         this.selectedTab = this.tabList.length - 1;
         this.setEllipsisTitle();
@@ -3340,7 +3351,12 @@ var MultiTabComponent = /** @class */ (function () {
             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);
@@ -3391,6 +3407,18 @@ var MultiTabComponent = /** @class */ (function () {
         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
@@ -20812,11 +20840,25 @@ if (false) {
  * @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 EventEmitter();
+        this.debouncedHandleResize = debounce((/**
+         * @param {?} width
+         * @return {?}
+         */
+        function (width) {
+            // console.log("Debounced width change:", width);
+            // 在这里处理防抖后的宽度变化逻辑
+            _this.multiTabRef && _this.multiTabRef.setEllipsisTitle();
+            _this.onWidthChange.emit(width);
+        }), 300);
     }
     /**
      * @return {?}
@@ -20853,7 +20895,45 @@ var MainContainerComponent = /** @class */ (function () {
      * @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 {?}
@@ -20877,13 +20957,16 @@ var MainContainerComponent = /** @class */ (function () {
     ];
     /** @nocollapse */
     MainContainerComponent.ctorParameters = function () { return [
-        { type: DrawerService }
+        { type: DrawerService },
+        { type: ElementRef }
     ]; };
     MainContainerComponent.propDecorators = {
         headerRef: [{ type: ContentChild, args: [RSHeaderComponent, { static: true },] }],
+        multiTabRef: [{ type: ContentChild, args: [MultiTabComponent, { static: true },] }],
         drawer: [{ type: ViewChild, args: ["drawer", { static: false },] }],
         isCollapsed: [{ type: Input }],
         singleReuseUrls: [{ type: Input }],
+        onWidthChange: [{ type: Output }],
         onResize: [{ type: HostListener, args: ["window:resize", ["$event"],] }]
     };
     return MainContainerComponent;
@@ -20892,16 +20975,35 @@ if (false) {
     /** @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;
 }
 
 /**