raise-common-lib 0.0.131 → 0.0.133

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));
@@ -3278,7 +3282,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 +3291,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 +3344,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 +3400,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 +20833,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 +20888,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 +20950,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 +20968,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;
 }
 
 /**
@@ -21036,7 +21131,7 @@ var RSAsideComponent = /** @class */ (function () {
     RSAsideComponent.decorators = [
         { type: Component, args: [{
                     selector: "rs-aside",
-                    template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n  <div class=\"nav-list\">\r\n    <div class=\"nav-group\" [ngClass]=\"group.class\" *ngFor=\"let group of navList\">\r\n      <div\r\n        class=\"nav-item\"\r\n        [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n        *ngFor=\"let nav of group.navItems\"\r\n        (click)=\"onNavClick(nav)\"\r\n      >\r\n        <div class=\"nav-item-inner\" *ngIf=\"nav.menuType === 'MENU'\">\r\n          <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n            nav.label\r\n          }}</span>\r\n        </div>\r\n        <div class=\"dividing-line\" *ngIf=\"nav.menuType === 'LABEL'\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n    <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n  <div class=\"nav-list\">\r\n    <div\r\n      class=\"nav-group\"\r\n      [ngClass]=\"group.class\"\r\n      *ngFor=\"let group of navList\"\r\n    >\r\n      <div\r\n        class=\"nav-item\"\r\n        [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n        *ngFor=\"let nav of group.navItems\"\r\n        (click)=\"onNavClick(nav)\"\r\n      >\r\n        <div class=\"nav-item-inner\" *ngIf=\"nav.menuType === 'MENU'\">\r\n          <ejs-tooltip\r\n            [showTipPointer]=\"false\"\r\n            *ngIf=\"isCollapsed; else originIcon\"\r\n          >\r\n            <ng-template #content>\r\n              <div class=\"tooltip-content\">\r\n                {{ nav.label }}\r\n              </div>\r\n            </ng-template>\r\n            <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          </ejs-tooltip>\r\n          <ng-template #originIcon>\r\n            <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          </ng-template>\r\n          <!-- <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon> -->\r\n\r\n          <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n            nav.label\r\n          }}</span>\r\n        </div>\r\n        <div class=\"dividing-line\" *ngIf=\"nav.menuType === 'LABEL'\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n    <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
                     styles: [".rs-aside{display:flex;flex-direction:column;height:100%;width:240px;will-change:width;transition:width .3s;padding-right:20px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside.isCollapsed .nav-list .nav-item .nav-item-inner{margin-right:12px}.rs-aside.isCollapsed .nav-list .nav-item .dividing-line{margin:8px 20px 8px 10px}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{height:32px;display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon{width:33px;height:16px;display:flex;align-items:center}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px}.rs-aside .nav-list .nav-item .dividing-line{margin:8px 0 8px 10px;height:1px;background-color:rgba(219,225,231,.5)}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item .nav-text{color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px}@media (min-width:993px){.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}}.rs-aside .nav-list .nav-item.isCurrent{position:relative}.rs-aside .nav-list .nav-item.isCurrent .nav-text{color:#44566c;font-weight:700}.rs-aside .nav-list .nav-item.isCurrent::before{content:\"\";position:absolute;left:4px;top:8px;width:3px;height:16px;background-color:#1364b3;border-radius:2px}.rs-aside .bottom-iconbox{padding:12px 20px;height:48px;display:flex;gap:12px}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #eaedf0;border-radius:24px;cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon.disabled{cursor:default;opacity:.5}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover{background-color:#fff}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover svg{color:#1f7bff;stroke:#1f7bff}@media (min-width:993px){.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}}@media (max-width:992px){.rs-aside{width:0;position:absolute;height:calc(100% - 50px);z-index:10;background-color:var(--rs-container-bg);padding-right:0}.rs-aside .bottom-iconbox{display:none}.rs-aside.isCollapsed{width:240px;padding-right:16px}.rs-aside.isCollapsed .bottom-iconbox{display:flex}}"]
                 }] }
     ];
@@ -21578,7 +21673,7 @@ function filterShowSection(sections) {
          * @param {?} field
          * @return {?}
          */
-        function (field) { return field.show || section.show(); })) })); }));
+        function (field) { return !field.show || field.show(); })) })); }));
 }
 /** @type {?} */
 var EmailPattern = /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;