raise-common-lib 0.0.20 → 0.0.22

package/fesm2015/raise-common-lib.js

@@ -1126,7 +1126,7 @@ class RsPageTabComponent {
 RsPageTabComponent.decorators = [
     { type: Component, args: [{
                 selector: "rs-page-tab",
-                template: "<div class=\"rs-page-list-wrap\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <ejs-tab\r\n    class=\"rs-tab\"\r\n    (selected)=\"onTabClick($event)\"\r\n    [animation]=\"animation\"\r\n\toverflowMode=\"Popup\"\r\n    heightAdjustMode=\"None\"\r\n  >\r\n    <e-tabitems>\r\n      <e-tabitem *ngFor=\"let item of tabList\">\r\n        <ng-template #headerText>\r\n          <div>{{ item.title }}</div>\r\n        </ng-template>\r\n      </e-tabitem>\r\n    </e-tabitems>\r\n  </ejs-tab>\r\n  <div class=\"rs-grid-wrap\">\r\n    <ng-content select=\"[tabContentSlot]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
+                template: "<div class=\"rs-page-list-wrap\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <ejs-tab\r\n    class=\"rs-tab\"\r\n    (selected)=\"onTabClick($event)\"\r\n    [animation]=\"animation\"\r\n\t  overflowMode=\"Popup\"\r\n    heightAdjustMode=\"None\"\r\n  >\r\n    <e-tabitems>\r\n      <e-tabitem *ngFor=\"let item of tabList\">\r\n        <ng-template #headerText>\r\n          <div>{{ item.title }}</div>\r\n        </ng-template>\r\n      </e-tabitem>\r\n    </e-tabitems>\r\n  </ejs-tab>\r\n  <div class=\"rs-grid-wrap\">\r\n    <ng-content select=\"[tabContentSlot]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
                 styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-tab{padding:0 20px}.rs-page-list-wrap .rs-tab .e-tab-header::before{display:none}.rs-page-list-wrap .rs-tab .e-toolbar-items{gap:32px;min-height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item{border:0}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap{padding:0;border:0;position:relative;height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap::before{content:\" \";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-text{color:#5f6f81;font-family:Arial;font-size:13px;font-style:normal;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap::before{background-color:#1f7bff}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-text{color:#44566c}.rs-page-list-wrap .rs-tab .e-hor-nav{width:24px;height:24px;min-height:24px;top:3px;border-radius:4px;background-color:transparent!important;border:1px solid #eaedf0!important}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons{box-shadow:none;background-color:transparent!important;border-color:transparent!important;background-image:url(../../assets/img/icon-more.svg);background-size:14px 3px;background-repeat:no-repeat;background-position:4px 14px}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons::before{display:none}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons:hover{background-color:#eff5fb!important;border-color:#b1d0fc!important;background-image:url(../../assets/img/icon-more-active.svg)}.rs-page-list-wrap .rs-tab .e-toolbar-pop{min-width:160px;border-radius:10px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);padding:8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap{padding:0 8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text{color:#44566c;font-family:Arial;font-size:13px;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover{border-radius:6px;background:rgba(31,123,255,.05)}.rs-page-list-wrap .rs-grid-wrap{flex:1;height:0}"]
             }] }
 ];
@@ -1348,6 +1348,10 @@ class KeepAliveService {
      * @return {?}
      */
     retrieve(route) {
+        if (!route.routeConfig)
+            return null;
+        if (route.routeConfig.loadChildren)
+            return null;
         return storedRoutes[this.getRoutePath(route)];
     }
     /**
@@ -1356,8 +1360,11 @@ class KeepAliveService {
      * @return {?}
      */
     shouldReuseRoute(future, curr) {
-        // console.log("shouldReuseRoute");
-        return this.getRoutePath(future) === this.getRoutePath(curr); // 复用相同的路由
+        console.log("shouldReuseRoute");
+        // return this.getRoutePath(future) === this.getRoutePath(curr); // 复用相同的路由
+        return (future.routeConfig === curr.routeConfig &&
+            JSON.stringify(future.params) === JSON.stringify(curr.params) &&
+            JSON.stringify(future.queryParams) === JSON.stringify(curr.queryParams));
     }
     /**
      * @param {?} route
@@ -1365,10 +1372,15 @@ class KeepAliveService {
      */
     getRoutePath(route) {
         if (route.routeConfig) {
-            // const pathParams = JSON.stringify(route.params);
             /** @type {?} */
             const queryParams = new URLSearchParams(route.queryParams).toString();
-            return route._routerState.url + (queryParams ? "?" + queryParams : "");
+            /** @type {?} */
+            const url = route._urlSegment.segments.map((/**
+             * @param {?} v
+             * @return {?}
+             */
+            (v) => v.path)).join("/");
+            return "/" + url + (queryParams ? "?" + queryParams : "");
         }
         return "";
     }
@@ -1377,10 +1389,17 @@ class KeepAliveService {
      * @return {?}
      */
     clearCache(path) {
+        // console.log("clearCache", storedRoutes, path);
         toBeDeleteUrl = path;
         delete storedRoutes[path]; // 清除指定路径的缓存
     }
-}
+}
+KeepAliveService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root",
+            },] }
+];
+/** @nocollapse */ KeepAliveService.ngInjectableDef = ɵɵdefineInjectable({ factory: function KeepAliveService_Factory() { return new KeepAliveService(); }, token: KeepAliveService, providedIn: "root" });
 
 /**
  * @fileoverview added by tsickle
@@ -1393,12 +1412,14 @@ class MultiTabComponent {
      * @param {?} cf
      * @param {?} activatedRoute
      * @param {?} keepAlive
+     * @param {?} ref
      */
-    constructor(router, cf, activatedRoute, keepAlive) {
+    constructor(router, cf, activatedRoute, keepAlive, ref) {
         this.router = router;
         this.cf = cf;
         this.activatedRoute = activatedRoute;
         this.keepAlive = keepAlive;
+        this.ref = ref;
         this.singleReuseUrls = []; //只能单个缓存的url
         //只能单个缓存的url
         this.TAB_WIDTH = 164;
@@ -1539,6 +1560,7 @@ class MultiTabComponent {
         }
         this.setEllipsisTitle();
         sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
+        this.ref.markForCheck();
     }
     /**
      * @param {?} tab
@@ -1548,6 +1570,7 @@ class MultiTabComponent {
     changeTab(tab, idx) {
         this.router.navigateByUrl(tab.url);
         this.selectedTab = idx;
+        this.ref.markForCheck();
     }
     /**
      * @param {?} url
@@ -1566,6 +1589,7 @@ class MultiTabComponent {
         this.selectedTab = this.tabList.length - 1;
         this.setEllipsisTitle();
         sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
+        this.ref.markForCheck();
     }
     /**
      * @param {?} url
@@ -1599,6 +1623,7 @@ class MultiTabComponent {
         }
         else {
             this.selectedTab = isExistIdx;
+            this.ref.markForCheck();
         }
     }
     /**
@@ -1635,7 +1660,8 @@ MultiTabComponent.ctorParameters = () => [
     { type: Router },
     { type: CommonFunctionService },
     { type: ActivatedRoute },
-    { type: KeepAliveService }
+    { type: KeepAliveService },
+    { type: ChangeDetectorRef }
 ];
 MultiTabComponent.propDecorators = {
     singleReuseUrls: [{ type: Input }],
@@ -1672,41 +1698,11 @@ if (false) {
     MultiTabComponent.prototype.activatedRoute;
     /** @type {?} */
     MultiTabComponent.prototype.keepAlive;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/layout/main-container/index.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class MainContainerComponent {
-    constructor() {
-        this.isCollapsed = false; // 接收输入属性
-        // 接收输入属性
-        this.singleReuseUrls = []; //只能单个缓存的url
-    }
-    //只能单个缓存的url
     /**
-     * @return {?}
+     * @type {?}
+     * @private
      */
-    ngOnInit() { }
-}
-MainContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: "rs-main-container",
-                template: "<div class=\"app-main-container\">\r\n  <ng-content select=\"[headerSlot]\"></ng-content>\r\n  <div class=\"main-page\">\r\n    <div class=\"left-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n      <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"right-aside\">\r\n      <rs-multi-tab [singleReuseUrls]=\"singleReuseUrls\"></rs-multi-tab>\r\n      <div class=\"router-content\">\r\n        <ng-content select=\"[routerSlot]\"></ng-content>\r\n      </div>\r\n      <rs-footer></rs-footer>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{width:240px;height:100%;padding-right:16px;will-change:width;transition:width .3s}.app-main-container .left-aside.isCollapsed{width:64px;padding-right:0}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .router-content{flex:1;overflow:auto}"]
-            }] }
-];
-MainContainerComponent.propDecorators = {
-    isCollapsed: [{ type: Input }],
-    singleReuseUrls: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    MainContainerComponent.prototype.isCollapsed;
-    /** @type {?} */
-    MainContainerComponent.prototype.singleReuseUrls;
+    MultiTabComponent.prototype.ref;
 }
 
 /**
@@ -1717,8 +1713,9 @@ if (false) {
 class RSHeaderComponent {
     constructor() {
         this.toggleMenu = new EventEmitter();
+        this.isCollapsed = false; // 接收输入属性
+        // 接收输入属性
         this.lastLoginTime = new Date();
-        this.isCollapsed = false;
         this.langOptions = [
             {
                 value: 1,
@@ -1745,8 +1742,7 @@ class RSHeaderComponent {
      * @return {?}
      */
     onToggleMenu() {
-        this.isCollapsed = !this.isCollapsed;
-        this.toggleMenu.emit(this.isCollapsed);
+        this.toggleMenu.emit(!this.isCollapsed);
     }
     /**
      * @param {?} event
@@ -1769,23 +1765,72 @@ RSHeaderComponent.decorators = [
 ];
 RSHeaderComponent.propDecorators = {
     toggleMenu: [{ type: Output }],
+    isCollapsed: [{ type: Input }],
     lastLoginTime: [{ type: Input }]
 };
 if (false) {
     /** @type {?} */
     RSHeaderComponent.prototype.toggleMenu;
     /** @type {?} */
+    RSHeaderComponent.prototype.isCollapsed;
+    /** @type {?} */
     RSHeaderComponent.prototype.lastLoginTime;
     /** @type {?} */
     RSHeaderComponent.prototype.translation;
     /** @type {?} */
-    RSHeaderComponent.prototype.isCollapsed;
-    /** @type {?} */
     RSHeaderComponent.prototype.langOptions;
     /** @type {?} */
     RSHeaderComponent.prototype.currentLang;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/layout/main-container/index.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class MainContainerComponent {
+    constructor() {
+        this.isCollapsed = false; // 接收输入属性
+        // 接收输入属性
+        this.singleReuseUrls = []; //只能单个缓存的url
+    }
+    //只能单个缓存的url
+    /**
+     * @return {?}
+     */
+    ngOnInit() { }
+    /**
+     * @return {?}
+     */
+    onRightAsideClick() {
+        /** @type {?} */
+        const screenWidth = window.innerWidth;
+        if (screenWidth <= 992 && this.isCollapsed) {
+            this.headerRef.onToggleMenu();
+        }
+    }
+}
+MainContainerComponent.decorators = [
+    { type: Component, args: [{
+                selector: "rs-main-container",
+                template: "<div class=\"app-main-container\">\r\n  <ng-content select=\"[headerSlot]\"></ng-content>\r\n  <div class=\"main-page\">\r\n    <div class=\"left-aside\">\r\n      <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"right-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\" (click)=\"onRightAsideClick()\">\r\n      <ng-content select=\"[multiTabSlot]\"></ng-content>\r\n      <!-- <rs-multi-tab [singleReuseUrls]=\"singleReuseUrls\"></rs-multi-tab> -->\r\n      <div class=\"router-content\">\r\n        <ng-content select=\"[routerSlot]\"></ng-content>\r\n      </div>\r\n      <rs-footer></rs-footer>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{height:100%}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .router-content{flex:1;overflow:auto}@media (max-width:992px){.app-main-container .right-aside.isCollapsed{position:relative}.app-main-container .right-aside.isCollapsed::after{content:\" \";position:absolute;inset:0;background-color:rgba(0,0,0,.2)}}"]
+            }] }
+];
+MainContainerComponent.propDecorators = {
+    headerRef: [{ type: ContentChild, args: [RSHeaderComponent, { static: true },] }],
+    isCollapsed: [{ type: Input }],
+    singleReuseUrls: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    MainContainerComponent.prototype.headerRef;
+    /** @type {?} */
+    MainContainerComponent.prototype.isCollapsed;
+    /** @type {?} */
+    MainContainerComponent.prototype.singleReuseUrls;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/layout/rs-footer/index.component.ts
@@ -1824,6 +1869,7 @@ class RSAsideComponent {
      */
     constructor(router) {
         this.router = router;
+        this.toggleMenu = new EventEmitter();
         this.isCollapsed = false; // 接收输入属性
         // 接收输入属性
         this.navList = [];
@@ -1840,13 +1886,18 @@ class RSAsideComponent {
     onNavClick(item) {
         this.currentNav = item.title;
         this.router.navigate([item.url], { state: { title: item.title } });
+        /** @type {?} */
+        const screenWidth = window.innerWidth;
+        if (screenWidth <= 992 && this.isCollapsed) {
+            this.toggleMenu.emit(false);
+        }
     }
 }
 RSAsideComponent.decorators = [
     { type: Component, args: [{
                 selector: "rs-aside",
-                template: "<div class=\"rs-aside\">\r\n  <div class=\"nav-list\">\r\n    <div\r\n      class=\"nav-item\"\r\n      [ngClass]=\"{ isCurrent: currentNav === nav.title }\"\r\n      *ngFor=\"let nav of navList\"\r\n      (click)=\"onNavClick(nav)\"\r\n    >\r\n      <div class=\"nav-item-inner\">\r\n        <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.icon\"></mat-icon>\r\n        <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n          nav.title\r\n        }}</span>\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%}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{height:32px;cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{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}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.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:hover .nav-item-inner ::ng-deep .menu-icon svg{color:#44566c;stroke:#44566c}.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}.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}.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}"]
+                template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n  <div class=\"nav-list\">\r\n    <div\r\n      class=\"nav-item\"\r\n      [ngClass]=\"{ isCurrent: currentNav === nav.title }\"\r\n      *ngFor=\"let nav of navList\"\r\n      (click)=\"onNavClick(nav)\"\r\n    >\r\n      <div class=\"nav-item-inner\">\r\n        <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.icon\"></mat-icon>\r\n        <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n          nav.title\r\n        }}</span>\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:16px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{height:32px;cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{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}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.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:hover .nav-item-inner ::ng-deep .menu-icon svg{color:#44566c;stroke:#44566c}.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:992px){.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:992px){.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}}@media (max-width:992px){.rs-aside{width:0;overflow:hidden;position:absolute;height:calc(100% - 50px);z-index:10;background-color:var(--rs-container-bg);padding-right:0}.rs-aside.isCollapsed{width:240px;padding-right:16px}}"]
             }] }
 ];
 /** @nocollapse */
@@ -1854,10 +1905,13 @@ RSAsideComponent.ctorParameters = () => [
     { type: Router }
 ];
 RSAsideComponent.propDecorators = {
+    toggleMenu: [{ type: Output }],
     isCollapsed: [{ type: Input }],
     navList: [{ type: Input }]
 };
 if (false) {
+    /** @type {?} */
+    RSAsideComponent.prototype.toggleMenu;
     /** @type {?} */
     RSAsideComponent.prototype.isCollapsed;
     /** @type {?} */
@@ -2500,7 +2554,7 @@ class DialogService {
     deleteElement() {
         return this.dialog.open(CommonDeleteComponent, {
             data: {},
-            panelClass: "basic-small-common-dialog",
+            panelClass: "rs-dialog-wrap",
         });
     }
     // 自定义文案通用弹窗的提示框
@@ -2511,7 +2565,7 @@ class DialogService {
     showCommonDilaog(data) {
         return this.dialog.open(CommonDeleteComponent, {
             data,
-            panelClass: "basic-small-common-dialog",
+            panelClass: "rs-dialog-wrap",
         });
     }
     // 有改动未保存 的提示框
@@ -2538,7 +2592,7 @@ class DialogService {
         // data.size = "medium";
         return this.dialog.open(CommonDeleteComponent, {
             data,
-            panelClass: "basic-small-common-dialog",
+            panelClass: "rs-dialog-wrap",
         });
     }
     // 保存成功提示