raise-common-lib 0.0.131 → 0.0.133

package/fesm2015/raise-common-lib.js

@@ -1,4 +1,4 @@
-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 { 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 { __awaiter, __decorate, __metadata } from 'tslib';
@@ -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';
@@ -2571,7 +2572,7 @@ class MultiTabComponent {
      */
     onResize(event) {
         this.screenWidth = window.innerWidth; // 更新屏幕宽度
-        this.setEllipsisTitle();
+        // this.setEllipsisTitle(); 在最外面容器调用
     }
     /**
      * @return {?}
@@ -2584,8 +2585,7 @@ class MultiTabComponent {
          * @param {?} ele
          * @return {?}
          */
-        (ele) => this.urlWithoutQuery(ele.url) ===
-            this.urlWithoutQuery(this.router.url)));
+        (ele) => this.urlWithoutQuery(ele.url) === this.urlWithoutQuery(this.router.url)));
         if (isExistIdx !== -1) {
             this.selectedTab = isExistIdx;
         }
@@ -2655,6 +2655,8 @@ class MultiTabComponent {
      * @return {?}
      */
     ngOnDestroy() {
+        this.tabList = []; // 清空 tab 列表
+        this.selectedTab = 0; // 重置选中的 tab 索引
         this.subscriptions.forEach((/**
          * @param {?} sub
          * @return {?}
@@ -2690,6 +2692,8 @@ class MultiTabComponent {
                     : width - this.textGap, 12);
             }));
         }
+        this.ref.markForCheck();
+        this.ref.detectChanges();
     }
     /**
      * @return {?}
@@ -2745,10 +2749,10 @@ class MultiTabComponent {
     }
     /**
      * @param {?} idx
-     * @param {?=} isExternal
+     * @param {?=} noChange
      * @return {?}
      */
-    closeTab(idx, isExternal) {
+    closeTab(idx, noChange) {
         /** @type {?} */
         const tab = this.tabList[idx];
         this.tabList = this.tabList.filter((/**
@@ -2757,7 +2761,7 @@ class MultiTabComponent {
          */
         (ele) => ele.url !== tab.url));
         this.clearCache(this.urlWithoutQuery(tab.url));
-        if (!isExternal && this.selectedTab === idx) {
+        if (!noChange && this.selectedTab === idx) {
             /** @type {?} */
             const targetIdx = Math.max(0, idx - 1);
             this.changeTab(this.tabList[targetIdx], targetIdx);
@@ -2779,8 +2783,8 @@ class MultiTabComponent {
         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));
@@ -2803,7 +2807,7 @@ class MultiTabComponent {
         /** @type {?} */
         const navigationInfo = JSON.parse(sessionStorage.getItem("navigationInfo"));
         /** @type {?} */
-        const fromUrl = sessionStorage.getItem("fromUrl");
+        const fromInfo = JSON.parse(sessionStorage.getItem("fromInfo"));
         /** @type {?} */
         const permissions = JSON.parse(localPermissions);
         this.tabList.push({
@@ -2812,7 +2816,7 @@ class MultiTabComponent {
             displayTitle: title,
             navigationInfo: navigationInfo,
             permissions: permissions,
-            fromUrl: fromUrl,
+            fromInfo: fromInfo,
         });
         this.selectedTab = this.tabList.length - 1;
         this.setEllipsisTitle();
@@ -2857,7 +2861,12 @@ class MultiTabComponent {
             if (targetTabUrl !== url || noReused) {
                 // 当缓存一致时候，但是url不一致，重新按照新的url生成tab
                 this.closeTab(isExistIdx, true);
-                this.addTab(url, title);
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    this.addTab(url, title);
+                }), 30);
             }
             else {
                 this.changeTab(this.tabList[isExistIdx], isExistIdx);
@@ -2900,6 +2909,15 @@ class MultiTabComponent {
         this.keepAlive.clearCache(url); // 调用自定义策略的清除缓存方法
         this.drawer.deleteCache(url);
     }
+    /**
+     * @return {?}
+     */
+    cleanAllCache() {
+        sessionStorage.removeItem("TabCache"); // 清除缓存
+        this.tabList = []; // 清空 tab 列表
+        this.selectedTab = 0; // 重置选中的 tab 索引
+        this.keepAlive.clearAllCache(); // 调用自定义策略的清除缓存方法
+    }
     /**
      * @private
      * @param {?} url
@@ -20217,15 +20235,28 @@ if (false) {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class MainContainerComponent {
-    //只能单个缓存的url
     /**
      * @param {?} globalDrawer
+     * @param {?} elementRef
      */
-    constructor(globalDrawer) {
+    constructor(globalDrawer, elementRef) {
         this.globalDrawer = globalDrawer;
+        this.elementRef = elementRef;
         this.isCollapsed = false; // 接收输入属性
         // 接收输入属性
         this.singleReuseUrls = []; //只能单个缓存的url
+        //只能单个缓存的url
+        this.onWidthChange = new EventEmitter();
+        this.debouncedHandleResize = debounce((/**
+         * @param {?} width
+         * @return {?}
+         */
+        (width) => {
+            // console.log("Debounced width change:", width);
+            // 在这里处理防抖后的宽度变化逻辑
+            this.multiTabRef && this.multiTabRef.setEllipsisTitle();
+            this.onWidthChange.emit(width);
+        }), 300);
     }
     /**
      * @return {?}
@@ -20253,6 +20284,29 @@ class MainContainerComponent {
      */
     ngAfterViewInit() {
         this.globalDrawer.setDrawer(this.drawer); // 设置抽屉组件
+        // 设置抽屉组件
+        /** @type {?} */
+        const rightAside = this.elementRef.nativeElement.querySelector(".right-aside");
+        this.resizeObserver = new ResizeObserver((/**
+         * @param {?} entries
+         * @return {?}
+         */
+        (entries) => {
+            for (const entry of entries) {
+                /** @type {?} */
+                const width = entry.contentRect.width;
+                this.debouncedHandleResize(width);
+            }
+        }));
+        this.resizeObserver.observe(rightAside);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
     }
     /**
      * @return {?}
@@ -20274,29 +20328,51 @@ MainContainerComponent.decorators = [
 ];
 /** @nocollapse */
 MainContainerComponent.ctorParameters = () => [
-    { 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"],] }]
 };
 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;
 }
 
 /**
@@ -20415,7 +20491,7 @@ class RSAsideComponent {
 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}}"]
             }] }
 ];
@@ -20887,7 +20963,7 @@ function filterShowSection(sections) {
          * @param {?} field
          * @return {?}
          */
-        (field) => field.show || section.show())) }))));
+        (field) => !field.show || field.show())) }))));
 }
 /** @type {?} */
 const 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])?)*$/;