raise-common-lib 0.0.20 → 0.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/bundles/raise-common-lib.umd.js +114 -62
  2. package/bundles/raise-common-lib.umd.js.map +1 -1
  3. package/bundles/raise-common-lib.umd.min.js +1 -1
  4. package/bundles/raise-common-lib.umd.min.js.map +1 -1
  5. package/esm2015/lib/layout/main-container/index.component.js +18 -4
  6. package/esm2015/lib/layout/multi-tab/index.component.js +16 -4
  7. package/esm2015/lib/layout/page-tab/index.component.js +2 -2
  8. package/esm2015/lib/layout/rs-aside/index.component.js +13 -4
  9. package/esm2015/lib/layout/rs-header/index.component.js +7 -6
  10. package/esm2015/lib/service/dialog.service.js +4 -4
  11. package/esm2015/lib/service/keep-alive.service.js +26 -5
  12. package/esm5/lib/layout/main-container/index.component.js +21 -4
  13. package/esm5/lib/layout/multi-tab/index.component.js +16 -7
  14. package/esm5/lib/layout/page-tab/index.component.js +2 -2
  15. package/esm5/lib/layout/rs-aside/index.component.js +13 -4
  16. package/esm5/lib/layout/rs-header/index.component.js +7 -6
  17. package/esm5/lib/service/dialog.service.js +4 -4
  18. package/esm5/lib/service/keep-alive.service.js +27 -9
  19. package/fesm2015/raise-common-lib.js +105 -51
  20. package/fesm2015/raise-common-lib.js.map +1 -1
  21. package/fesm5/raise-common-lib.js +114 -62
  22. package/fesm5/raise-common-lib.js.map +1 -1
  23. package/lib/layout/main-container/index.component.d.ts +2 -0
  24. package/lib/layout/multi-tab/index.component.d.ts +3 -2
  25. package/lib/layout/rs-aside/index.component.d.ts +2 -1
  26. package/lib/layout/rs-header/index.component.d.ts +1 -1
  27. package/package.json +1 -1
  28. package/raise-common-lib.metadata.json +1 -1
  29. package/src/assets/style/reset/grid.scss +5 -1
  30. package/src/assets/style/reset/mat-dialog.scss +6 -2
  31. package/src/assets/img/split-button-arrow copy.svg +0 -3
@@ -1332,7 +1332,7 @@ var RsPageTabComponent = /** @class */ (function () {
1332
1332
  RsPageTabComponent.decorators = [
1333
1333
  { type: Component, args: [{
1334
1334
  selector: "rs-page-tab",
1335
- 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",
1335
+ 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",
1336
1336
  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}"]
1337
1337
  }] }
1338
1338
  ];
@@ -1542,9 +1542,7 @@ var toBeDeleteUrl;
1542
1542
  /** @type {?} */
1543
1543
  var excludeRoutes = [];
1544
1544
  // 不需要缓存的url
1545
- var
1546
- // 不需要缓存的url
1547
- KeepAliveService = /** @class */ (function () {
1545
+ var KeepAliveService = /** @class */ (function () {
1548
1546
  function KeepAliveService() {
1549
1547
  }
1550
1548
  /**
@@ -1609,6 +1607,10 @@ KeepAliveService = /** @class */ (function () {
1609
1607
  * @return {?}
1610
1608
  */
1611
1609
  function (route) {
1610
+ if (!route.routeConfig)
1611
+ return null;
1612
+ if (route.routeConfig.loadChildren)
1613
+ return null;
1612
1614
  return storedRoutes[this.getRoutePath(route)];
1613
1615
  };
1614
1616
  /**
@@ -1622,8 +1624,11 @@ KeepAliveService = /** @class */ (function () {
1622
1624
  * @return {?}
1623
1625
  */
1624
1626
  function (future, curr) {
1625
- // console.log("shouldReuseRoute");
1626
- return this.getRoutePath(future) === this.getRoutePath(curr); // 复用相同的路由
1627
+ console.log("shouldReuseRoute");
1628
+ // return this.getRoutePath(future) === this.getRoutePath(curr); // 复用相同的路由
1629
+ return (future.routeConfig === curr.routeConfig &&
1630
+ JSON.stringify(future.params) === JSON.stringify(curr.params) &&
1631
+ JSON.stringify(future.queryParams) === JSON.stringify(curr.queryParams));
1627
1632
  };
1628
1633
  /**
1629
1634
  * @param {?} route
@@ -1635,10 +1640,15 @@ KeepAliveService = /** @class */ (function () {
1635
1640
  */
1636
1641
  function (route) {
1637
1642
  if (route.routeConfig) {
1638
- // const pathParams = JSON.stringify(route.params);
1639
1643
  /** @type {?} */
1640
1644
  var queryParams = new URLSearchParams(route.queryParams).toString();
1641
- return route._routerState.url + (queryParams ? "?" + queryParams : "");
1645
+ /** @type {?} */
1646
+ var url = route._urlSegment.segments.map((/**
1647
+ * @param {?} v
1648
+ * @return {?}
1649
+ */
1650
+ function (v) { return v.path; })).join("/");
1651
+ return "/" + url + (queryParams ? "?" + queryParams : "");
1642
1652
  }
1643
1653
  return "";
1644
1654
  };
@@ -1651,9 +1661,16 @@ KeepAliveService = /** @class */ (function () {
1651
1661
  * @return {?}
1652
1662
  */
1653
1663
  function (path) {
1664
+ // console.log("clearCache", storedRoutes, path);
1654
1665
  toBeDeleteUrl = path;
1655
1666
  delete storedRoutes[path]; // 清除指定路径的缓存
1656
1667
  };
1668
+ KeepAliveService.decorators = [
1669
+ { type: Injectable, args: [{
1670
+ providedIn: "root",
1671
+ },] }
1672
+ ];
1673
+ /** @nocollapse */ KeepAliveService.ngInjectableDef = ɵɵdefineInjectable({ factory: function KeepAliveService_Factory() { return new KeepAliveService(); }, token: KeepAliveService, providedIn: "root" });
1657
1674
  return KeepAliveService;
1658
1675
  }());
1659
1676
 
@@ -1663,11 +1680,12 @@ KeepAliveService = /** @class */ (function () {
1663
1680
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1664
1681
  */
1665
1682
  var MultiTabComponent = /** @class */ (function () {
1666
- function MultiTabComponent(router, cf, activatedRoute, keepAlive) {
1683
+ function MultiTabComponent(router, cf, activatedRoute, keepAlive, ref) {
1667
1684
  this.router = router;
1668
1685
  this.cf = cf;
1669
1686
  this.activatedRoute = activatedRoute;
1670
1687
  this.keepAlive = keepAlive;
1688
+ this.ref = ref;
1671
1689
  this.singleReuseUrls = []; //只能单个缓存的url
1672
1690
  //只能单个缓存的url
1673
1691
  this.TAB_WIDTH = 164;
@@ -1834,6 +1852,7 @@ var MultiTabComponent = /** @class */ (function () {
1834
1852
  }
1835
1853
  this.setEllipsisTitle();
1836
1854
  sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
1855
+ this.ref.markForCheck();
1837
1856
  };
1838
1857
  /**
1839
1858
  * @param {?} tab
@@ -1848,6 +1867,7 @@ var MultiTabComponent = /** @class */ (function () {
1848
1867
  function (tab, idx) {
1849
1868
  this.router.navigateByUrl(tab.url);
1850
1869
  this.selectedTab = idx;
1870
+ this.ref.markForCheck();
1851
1871
  };
1852
1872
  /**
1853
1873
  * @param {?} url
@@ -1871,6 +1891,7 @@ var MultiTabComponent = /** @class */ (function () {
1871
1891
  this.selectedTab = this.tabList.length - 1;
1872
1892
  this.setEllipsisTitle();
1873
1893
  sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
1894
+ this.ref.markForCheck();
1874
1895
  };
1875
1896
  /**
1876
1897
  * @param {?} url
@@ -1904,15 +1925,14 @@ var MultiTabComponent = /** @class */ (function () {
1904
1925
  * @param {?} ele
1905
1926
  * @return {?}
1906
1927
  */
1907
- function (ele) {
1908
- return !ele.url.includes(_this.singleReuseUrls[singleIdx_1]);
1909
- }));
1928
+ function (ele) { return !ele.url.includes(_this.singleReuseUrls[singleIdx_1]); }));
1910
1929
  this.keepAlive.clearCache(url);
1911
1930
  }
1912
1931
  this.addTab(url, title);
1913
1932
  }
1914
1933
  else {
1915
1934
  this.selectedTab = isExistIdx;
1935
+ this.ref.markForCheck();
1916
1936
  }
1917
1937
  };
1918
1938
  /**
@@ -1956,7 +1976,8 @@ var MultiTabComponent = /** @class */ (function () {
1956
1976
  { type: Router },
1957
1977
  { type: CommonFunctionService },
1958
1978
  { type: ActivatedRoute },
1959
- { type: KeepAliveService }
1979
+ { type: KeepAliveService },
1980
+ { type: ChangeDetectorRef }
1960
1981
  ]; };
1961
1982
  MultiTabComponent.propDecorators = {
1962
1983
  singleReuseUrls: [{ type: Input }],
@@ -1995,47 +2016,11 @@ if (false) {
1995
2016
  MultiTabComponent.prototype.activatedRoute;
1996
2017
  /** @type {?} */
1997
2018
  MultiTabComponent.prototype.keepAlive;
1998
- }
1999
-
2000
- /**
2001
- * @fileoverview added by tsickle
2002
- * Generated from: lib/layout/main-container/index.component.ts
2003
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
2004
- */
2005
- var MainContainerComponent = /** @class */ (function () {
2006
- function MainContainerComponent() {
2007
- this.isCollapsed = false; // 接收输入属性
2008
- // 接收输入属性
2009
- this.singleReuseUrls = []; //只能单个缓存的url
2010
- }
2011
- //只能单个缓存的url
2012
2019
  /**
2013
- * @return {?}
2014
- */
2015
- MainContainerComponent.prototype.ngOnInit =
2016
- //只能单个缓存的url
2017
- /**
2018
- * @return {?}
2020
+ * @type {?}
2021
+ * @private
2019
2022
  */
2020
- function () { };
2021
- MainContainerComponent.decorators = [
2022
- { type: Component, args: [{
2023
- selector: "rs-main-container",
2024
- 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",
2025
- 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}"]
2026
- }] }
2027
- ];
2028
- MainContainerComponent.propDecorators = {
2029
- isCollapsed: [{ type: Input }],
2030
- singleReuseUrls: [{ type: Input }]
2031
- };
2032
- return MainContainerComponent;
2033
- }());
2034
- if (false) {
2035
- /** @type {?} */
2036
- MainContainerComponent.prototype.isCollapsed;
2037
- /** @type {?} */
2038
- MainContainerComponent.prototype.singleReuseUrls;
2023
+ MultiTabComponent.prototype.ref;
2039
2024
  }
2040
2025
 
2041
2026
  /**
@@ -2046,8 +2031,9 @@ if (false) {
2046
2031
  var RSHeaderComponent = /** @class */ (function () {
2047
2032
  function RSHeaderComponent() {
2048
2033
  this.toggleMenu = new EventEmitter();
2034
+ this.isCollapsed = false; // 接收输入属性
2035
+ // 接收输入属性
2049
2036
  this.lastLoginTime = new Date();
2050
- this.isCollapsed = false;
2051
2037
  this.langOptions = [
2052
2038
  {
2053
2039
  value: 1,
@@ -2080,8 +2066,7 @@ var RSHeaderComponent = /** @class */ (function () {
2080
2066
  * @return {?}
2081
2067
  */
2082
2068
  function () {
2083
- this.isCollapsed = !this.isCollapsed;
2084
- this.toggleMenu.emit(this.isCollapsed);
2069
+ this.toggleMenu.emit(!this.isCollapsed);
2085
2070
  };
2086
2071
  /**
2087
2072
  * @param {?} event
@@ -2107,6 +2092,7 @@ var RSHeaderComponent = /** @class */ (function () {
2107
2092
  ];
2108
2093
  RSHeaderComponent.propDecorators = {
2109
2094
  toggleMenu: [{ type: Output }],
2095
+ isCollapsed: [{ type: Input }],
2110
2096
  lastLoginTime: [{ type: Input }]
2111
2097
  };
2112
2098
  return RSHeaderComponent;
@@ -2115,17 +2101,74 @@ if (false) {
2115
2101
  /** @type {?} */
2116
2102
  RSHeaderComponent.prototype.toggleMenu;
2117
2103
  /** @type {?} */
2104
+ RSHeaderComponent.prototype.isCollapsed;
2105
+ /** @type {?} */
2118
2106
  RSHeaderComponent.prototype.lastLoginTime;
2119
2107
  /** @type {?} */
2120
2108
  RSHeaderComponent.prototype.translation;
2121
2109
  /** @type {?} */
2122
- RSHeaderComponent.prototype.isCollapsed;
2123
- /** @type {?} */
2124
2110
  RSHeaderComponent.prototype.langOptions;
2125
2111
  /** @type {?} */
2126
2112
  RSHeaderComponent.prototype.currentLang;
2127
2113
  }
2128
2114
 
2115
+ /**
2116
+ * @fileoverview added by tsickle
2117
+ * Generated from: lib/layout/main-container/index.component.ts
2118
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
2119
+ */
2120
+ var MainContainerComponent = /** @class */ (function () {
2121
+ function MainContainerComponent() {
2122
+ this.isCollapsed = false; // 接收输入属性
2123
+ // 接收输入属性
2124
+ this.singleReuseUrls = []; //只能单个缓存的url
2125
+ }
2126
+ //只能单个缓存的url
2127
+ /**
2128
+ * @return {?}
2129
+ */
2130
+ MainContainerComponent.prototype.ngOnInit =
2131
+ //只能单个缓存的url
2132
+ /**
2133
+ * @return {?}
2134
+ */
2135
+ function () { };
2136
+ /**
2137
+ * @return {?}
2138
+ */
2139
+ MainContainerComponent.prototype.onRightAsideClick = /**
2140
+ * @return {?}
2141
+ */
2142
+ function () {
2143
+ /** @type {?} */
2144
+ var screenWidth = window.innerWidth;
2145
+ if (screenWidth <= 992 && this.isCollapsed) {
2146
+ this.headerRef.onToggleMenu();
2147
+ }
2148
+ };
2149
+ MainContainerComponent.decorators = [
2150
+ { type: Component, args: [{
2151
+ selector: "rs-main-container",
2152
+ 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",
2153
+ 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)}}"]
2154
+ }] }
2155
+ ];
2156
+ MainContainerComponent.propDecorators = {
2157
+ headerRef: [{ type: ContentChild, args: [RSHeaderComponent, { static: true },] }],
2158
+ isCollapsed: [{ type: Input }],
2159
+ singleReuseUrls: [{ type: Input }]
2160
+ };
2161
+ return MainContainerComponent;
2162
+ }());
2163
+ if (false) {
2164
+ /** @type {?} */
2165
+ MainContainerComponent.prototype.headerRef;
2166
+ /** @type {?} */
2167
+ MainContainerComponent.prototype.isCollapsed;
2168
+ /** @type {?} */
2169
+ MainContainerComponent.prototype.singleReuseUrls;
2170
+ }
2171
+
2129
2172
  /**
2130
2173
  * @fileoverview added by tsickle
2131
2174
  * Generated from: lib/layout/rs-footer/index.component.ts
@@ -2165,6 +2208,7 @@ if (false) {
2165
2208
  var RSAsideComponent = /** @class */ (function () {
2166
2209
  function RSAsideComponent(router) {
2167
2210
  this.router = router;
2211
+ this.toggleMenu = new EventEmitter();
2168
2212
  this.isCollapsed = false; // 接收输入属性
2169
2213
  // 接收输入属性
2170
2214
  this.navList = [];
@@ -2188,12 +2232,17 @@ var RSAsideComponent = /** @class */ (function () {
2188
2232
  function (item) {
2189
2233
  this.currentNav = item.title;
2190
2234
  this.router.navigate([item.url], { state: { title: item.title } });
2235
+ /** @type {?} */
2236
+ var screenWidth = window.innerWidth;
2237
+ if (screenWidth <= 992 && this.isCollapsed) {
2238
+ this.toggleMenu.emit(false);
2239
+ }
2191
2240
  };
2192
2241
  RSAsideComponent.decorators = [
2193
2242
  { type: Component, args: [{
2194
2243
  selector: "rs-aside",
2195
- 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",
2196
- 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}"]
2244
+ 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",
2245
+ 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}}"]
2197
2246
  }] }
2198
2247
  ];
2199
2248
  /** @nocollapse */
@@ -2201,12 +2250,15 @@ var RSAsideComponent = /** @class */ (function () {
2201
2250
  { type: Router }
2202
2251
  ]; };
2203
2252
  RSAsideComponent.propDecorators = {
2253
+ toggleMenu: [{ type: Output }],
2204
2254
  isCollapsed: [{ type: Input }],
2205
2255
  navList: [{ type: Input }]
2206
2256
  };
2207
2257
  return RSAsideComponent;
2208
2258
  }());
2209
2259
  if (false) {
2260
+ /** @type {?} */
2261
+ RSAsideComponent.prototype.toggleMenu;
2210
2262
  /** @type {?} */
2211
2263
  RSAsideComponent.prototype.isCollapsed;
2212
2264
  /** @type {?} */
@@ -2924,7 +2976,7 @@ var DialogService = /** @class */ (function () {
2924
2976
  function () {
2925
2977
  return this.dialog.open(CommonDeleteComponent, {
2926
2978
  data: {},
2927
- panelClass: "basic-small-common-dialog",
2979
+ panelClass: "rs-dialog-wrap",
2928
2980
  });
2929
2981
  };
2930
2982
  // 自定义文案通用弹窗的提示框
@@ -2942,7 +2994,7 @@ var DialogService = /** @class */ (function () {
2942
2994
  function (data) {
2943
2995
  return this.dialog.open(CommonDeleteComponent, {
2944
2996
  data: data,
2945
- panelClass: "basic-small-common-dialog",
2997
+ panelClass: "rs-dialog-wrap",
2946
2998
  });
2947
2999
  };
2948
3000
  // 有改动未保存 的提示框
@@ -2976,7 +3028,7 @@ var DialogService = /** @class */ (function () {
2976
3028
  // data.size = "medium";
2977
3029
  return this.dialog.open(CommonDeleteComponent, {
2978
3030
  data: data,
2979
- panelClass: "basic-small-common-dialog",
3031
+ panelClass: "rs-dialog-wrap",
2980
3032
  });
2981
3033
  };
2982
3034
  // 保存成功提示