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
@@ -1530,7 +1530,7 @@
1530
1530
  RsPageTabComponent.decorators = [
1531
1531
  { type: core.Component, args: [{
1532
1532
  selector: "rs-page-tab",
1533
- 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",
1533
+ 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",
1534
1534
  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}"]
1535
1535
  }] }
1536
1536
  ];
@@ -1740,9 +1740,7 @@
1740
1740
  /** @type {?} */
1741
1741
  var excludeRoutes = [];
1742
1742
  // 不需要缓存的url
1743
- var
1744
- // 不需要缓存的url
1745
- KeepAliveService = /** @class */ (function () {
1743
+ var KeepAliveService = /** @class */ (function () {
1746
1744
  function KeepAliveService() {
1747
1745
  }
1748
1746
  /**
@@ -1807,6 +1805,10 @@
1807
1805
  * @return {?}
1808
1806
  */
1809
1807
  function (route) {
1808
+ if (!route.routeConfig)
1809
+ return null;
1810
+ if (route.routeConfig.loadChildren)
1811
+ return null;
1810
1812
  return storedRoutes[this.getRoutePath(route)];
1811
1813
  };
1812
1814
  /**
@@ -1820,8 +1822,11 @@
1820
1822
  * @return {?}
1821
1823
  */
1822
1824
  function (future, curr) {
1823
- // console.log("shouldReuseRoute");
1824
- return this.getRoutePath(future) === this.getRoutePath(curr); // 复用相同的路由
1825
+ console.log("shouldReuseRoute");
1826
+ // return this.getRoutePath(future) === this.getRoutePath(curr); // 复用相同的路由
1827
+ return (future.routeConfig === curr.routeConfig &&
1828
+ JSON.stringify(future.params) === JSON.stringify(curr.params) &&
1829
+ JSON.stringify(future.queryParams) === JSON.stringify(curr.queryParams));
1825
1830
  };
1826
1831
  /**
1827
1832
  * @param {?} route
@@ -1833,10 +1838,15 @@
1833
1838
  */
1834
1839
  function (route) {
1835
1840
  if (route.routeConfig) {
1836
- // const pathParams = JSON.stringify(route.params);
1837
1841
  /** @type {?} */
1838
1842
  var queryParams = new URLSearchParams(route.queryParams).toString();
1839
- return route._routerState.url + (queryParams ? "?" + queryParams : "");
1843
+ /** @type {?} */
1844
+ var url = route._urlSegment.segments.map((/**
1845
+ * @param {?} v
1846
+ * @return {?}
1847
+ */
1848
+ function (v) { return v.path; })).join("/");
1849
+ return "/" + url + (queryParams ? "?" + queryParams : "");
1840
1850
  }
1841
1851
  return "";
1842
1852
  };
@@ -1849,9 +1859,16 @@
1849
1859
  * @return {?}
1850
1860
  */
1851
1861
  function (path) {
1862
+ // console.log("clearCache", storedRoutes, path);
1852
1863
  toBeDeleteUrl = path;
1853
1864
  delete storedRoutes[path]; // 清除指定路径的缓存
1854
1865
  };
1866
+ KeepAliveService.decorators = [
1867
+ { type: core.Injectable, args: [{
1868
+ providedIn: "root",
1869
+ },] }
1870
+ ];
1871
+ /** @nocollapse */ KeepAliveService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function KeepAliveService_Factory() { return new KeepAliveService(); }, token: KeepAliveService, providedIn: "root" });
1855
1872
  return KeepAliveService;
1856
1873
  }());
1857
1874
 
@@ -1861,11 +1878,12 @@
1861
1878
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1862
1879
  */
1863
1880
  var MultiTabComponent = /** @class */ (function () {
1864
- function MultiTabComponent(router, cf, activatedRoute, keepAlive) {
1881
+ function MultiTabComponent(router, cf, activatedRoute, keepAlive, ref) {
1865
1882
  this.router = router;
1866
1883
  this.cf = cf;
1867
1884
  this.activatedRoute = activatedRoute;
1868
1885
  this.keepAlive = keepAlive;
1886
+ this.ref = ref;
1869
1887
  this.singleReuseUrls = []; //只能单个缓存的url
1870
1888
  //只能单个缓存的url
1871
1889
  this.TAB_WIDTH = 164;
@@ -2032,6 +2050,7 @@
2032
2050
  }
2033
2051
  this.setEllipsisTitle();
2034
2052
  sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
2053
+ this.ref.markForCheck();
2035
2054
  };
2036
2055
  /**
2037
2056
  * @param {?} tab
@@ -2046,6 +2065,7 @@
2046
2065
  function (tab, idx) {
2047
2066
  this.router.navigateByUrl(tab.url);
2048
2067
  this.selectedTab = idx;
2068
+ this.ref.markForCheck();
2049
2069
  };
2050
2070
  /**
2051
2071
  * @param {?} url
@@ -2069,6 +2089,7 @@
2069
2089
  this.selectedTab = this.tabList.length - 1;
2070
2090
  this.setEllipsisTitle();
2071
2091
  sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
2092
+ this.ref.markForCheck();
2072
2093
  };
2073
2094
  /**
2074
2095
  * @param {?} url
@@ -2102,15 +2123,14 @@
2102
2123
  * @param {?} ele
2103
2124
  * @return {?}
2104
2125
  */
2105
- function (ele) {
2106
- return !ele.url.includes(_this.singleReuseUrls[singleIdx_1]);
2107
- }));
2126
+ function (ele) { return !ele.url.includes(_this.singleReuseUrls[singleIdx_1]); }));
2108
2127
  this.keepAlive.clearCache(url);
2109
2128
  }
2110
2129
  this.addTab(url, title);
2111
2130
  }
2112
2131
  else {
2113
2132
  this.selectedTab = isExistIdx;
2133
+ this.ref.markForCheck();
2114
2134
  }
2115
2135
  };
2116
2136
  /**
@@ -2154,7 +2174,8 @@
2154
2174
  { type: router.Router },
2155
2175
  { type: CommonFunctionService },
2156
2176
  { type: router.ActivatedRoute },
2157
- { type: KeepAliveService }
2177
+ { type: KeepAliveService },
2178
+ { type: core.ChangeDetectorRef }
2158
2179
  ]; };
2159
2180
  MultiTabComponent.propDecorators = {
2160
2181
  singleReuseUrls: [{ type: core.Input }],
@@ -2193,47 +2214,11 @@
2193
2214
  MultiTabComponent.prototype.activatedRoute;
2194
2215
  /** @type {?} */
2195
2216
  MultiTabComponent.prototype.keepAlive;
2196
- }
2197
-
2198
- /**
2199
- * @fileoverview added by tsickle
2200
- * Generated from: lib/layout/main-container/index.component.ts
2201
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
2202
- */
2203
- var MainContainerComponent = /** @class */ (function () {
2204
- function MainContainerComponent() {
2205
- this.isCollapsed = false; // 接收输入属性
2206
- // 接收输入属性
2207
- this.singleReuseUrls = []; //只能单个缓存的url
2208
- }
2209
- //只能单个缓存的url
2210
2217
  /**
2211
- * @return {?}
2212
- */
2213
- MainContainerComponent.prototype.ngOnInit =
2214
- //只能单个缓存的url
2215
- /**
2216
- * @return {?}
2218
+ * @type {?}
2219
+ * @private
2217
2220
  */
2218
- function () { };
2219
- MainContainerComponent.decorators = [
2220
- { type: core.Component, args: [{
2221
- selector: "rs-main-container",
2222
- 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",
2223
- 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}"]
2224
- }] }
2225
- ];
2226
- MainContainerComponent.propDecorators = {
2227
- isCollapsed: [{ type: core.Input }],
2228
- singleReuseUrls: [{ type: core.Input }]
2229
- };
2230
- return MainContainerComponent;
2231
- }());
2232
- if (false) {
2233
- /** @type {?} */
2234
- MainContainerComponent.prototype.isCollapsed;
2235
- /** @type {?} */
2236
- MainContainerComponent.prototype.singleReuseUrls;
2221
+ MultiTabComponent.prototype.ref;
2237
2222
  }
2238
2223
 
2239
2224
  /**
@@ -2244,8 +2229,9 @@
2244
2229
  var RSHeaderComponent = /** @class */ (function () {
2245
2230
  function RSHeaderComponent() {
2246
2231
  this.toggleMenu = new core.EventEmitter();
2232
+ this.isCollapsed = false; // 接收输入属性
2233
+ // 接收输入属性
2247
2234
  this.lastLoginTime = new Date();
2248
- this.isCollapsed = false;
2249
2235
  this.langOptions = [
2250
2236
  {
2251
2237
  value: 1,
@@ -2278,8 +2264,7 @@
2278
2264
  * @return {?}
2279
2265
  */
2280
2266
  function () {
2281
- this.isCollapsed = !this.isCollapsed;
2282
- this.toggleMenu.emit(this.isCollapsed);
2267
+ this.toggleMenu.emit(!this.isCollapsed);
2283
2268
  };
2284
2269
  /**
2285
2270
  * @param {?} event
@@ -2305,6 +2290,7 @@
2305
2290
  ];
2306
2291
  RSHeaderComponent.propDecorators = {
2307
2292
  toggleMenu: [{ type: core.Output }],
2293
+ isCollapsed: [{ type: core.Input }],
2308
2294
  lastLoginTime: [{ type: core.Input }]
2309
2295
  };
2310
2296
  return RSHeaderComponent;
@@ -2313,17 +2299,74 @@
2313
2299
  /** @type {?} */
2314
2300
  RSHeaderComponent.prototype.toggleMenu;
2315
2301
  /** @type {?} */
2302
+ RSHeaderComponent.prototype.isCollapsed;
2303
+ /** @type {?} */
2316
2304
  RSHeaderComponent.prototype.lastLoginTime;
2317
2305
  /** @type {?} */
2318
2306
  RSHeaderComponent.prototype.translation;
2319
2307
  /** @type {?} */
2320
- RSHeaderComponent.prototype.isCollapsed;
2321
- /** @type {?} */
2322
2308
  RSHeaderComponent.prototype.langOptions;
2323
2309
  /** @type {?} */
2324
2310
  RSHeaderComponent.prototype.currentLang;
2325
2311
  }
2326
2312
 
2313
+ /**
2314
+ * @fileoverview added by tsickle
2315
+ * Generated from: lib/layout/main-container/index.component.ts
2316
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
2317
+ */
2318
+ var MainContainerComponent = /** @class */ (function () {
2319
+ function MainContainerComponent() {
2320
+ this.isCollapsed = false; // 接收输入属性
2321
+ // 接收输入属性
2322
+ this.singleReuseUrls = []; //只能单个缓存的url
2323
+ }
2324
+ //只能单个缓存的url
2325
+ /**
2326
+ * @return {?}
2327
+ */
2328
+ MainContainerComponent.prototype.ngOnInit =
2329
+ //只能单个缓存的url
2330
+ /**
2331
+ * @return {?}
2332
+ */
2333
+ function () { };
2334
+ /**
2335
+ * @return {?}
2336
+ */
2337
+ MainContainerComponent.prototype.onRightAsideClick = /**
2338
+ * @return {?}
2339
+ */
2340
+ function () {
2341
+ /** @type {?} */
2342
+ var screenWidth = window.innerWidth;
2343
+ if (screenWidth <= 992 && this.isCollapsed) {
2344
+ this.headerRef.onToggleMenu();
2345
+ }
2346
+ };
2347
+ MainContainerComponent.decorators = [
2348
+ { type: core.Component, args: [{
2349
+ selector: "rs-main-container",
2350
+ 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",
2351
+ 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)}}"]
2352
+ }] }
2353
+ ];
2354
+ MainContainerComponent.propDecorators = {
2355
+ headerRef: [{ type: core.ContentChild, args: [RSHeaderComponent, { static: true },] }],
2356
+ isCollapsed: [{ type: core.Input }],
2357
+ singleReuseUrls: [{ type: core.Input }]
2358
+ };
2359
+ return MainContainerComponent;
2360
+ }());
2361
+ if (false) {
2362
+ /** @type {?} */
2363
+ MainContainerComponent.prototype.headerRef;
2364
+ /** @type {?} */
2365
+ MainContainerComponent.prototype.isCollapsed;
2366
+ /** @type {?} */
2367
+ MainContainerComponent.prototype.singleReuseUrls;
2368
+ }
2369
+
2327
2370
  /**
2328
2371
  * @fileoverview added by tsickle
2329
2372
  * Generated from: lib/layout/rs-footer/index.component.ts
@@ -2363,6 +2406,7 @@
2363
2406
  var RSAsideComponent = /** @class */ (function () {
2364
2407
  function RSAsideComponent(router) {
2365
2408
  this.router = router;
2409
+ this.toggleMenu = new core.EventEmitter();
2366
2410
  this.isCollapsed = false; // 接收输入属性
2367
2411
  // 接收输入属性
2368
2412
  this.navList = [];
@@ -2386,12 +2430,17 @@
2386
2430
  function (item) {
2387
2431
  this.currentNav = item.title;
2388
2432
  this.router.navigate([item.url], { state: { title: item.title } });
2433
+ /** @type {?} */
2434
+ var screenWidth = window.innerWidth;
2435
+ if (screenWidth <= 992 && this.isCollapsed) {
2436
+ this.toggleMenu.emit(false);
2437
+ }
2389
2438
  };
2390
2439
  RSAsideComponent.decorators = [
2391
2440
  { type: core.Component, args: [{
2392
2441
  selector: "rs-aside",
2393
- 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",
2394
- 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}"]
2442
+ 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",
2443
+ 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}}"]
2395
2444
  }] }
2396
2445
  ];
2397
2446
  /** @nocollapse */
@@ -2399,12 +2448,15 @@
2399
2448
  { type: router.Router }
2400
2449
  ]; };
2401
2450
  RSAsideComponent.propDecorators = {
2451
+ toggleMenu: [{ type: core.Output }],
2402
2452
  isCollapsed: [{ type: core.Input }],
2403
2453
  navList: [{ type: core.Input }]
2404
2454
  };
2405
2455
  return RSAsideComponent;
2406
2456
  }());
2407
2457
  if (false) {
2458
+ /** @type {?} */
2459
+ RSAsideComponent.prototype.toggleMenu;
2408
2460
  /** @type {?} */
2409
2461
  RSAsideComponent.prototype.isCollapsed;
2410
2462
  /** @type {?} */
@@ -3122,7 +3174,7 @@
3122
3174
  function () {
3123
3175
  return this.dialog.open(CommonDeleteComponent, {
3124
3176
  data: {},
3125
- panelClass: "basic-small-common-dialog",
3177
+ panelClass: "rs-dialog-wrap",
3126
3178
  });
3127
3179
  };
3128
3180
  // 自定义文案通用弹窗的提示框
@@ -3140,7 +3192,7 @@
3140
3192
  function (data) {
3141
3193
  return this.dialog.open(CommonDeleteComponent, {
3142
3194
  data: data,
3143
- panelClass: "basic-small-common-dialog",
3195
+ panelClass: "rs-dialog-wrap",
3144
3196
  });
3145
3197
  };
3146
3198
  // 有改动未保存 的提示框
@@ -3174,7 +3226,7 @@
3174
3226
  // data.size = "medium";
3175
3227
  return this.dialog.open(CommonDeleteComponent, {
3176
3228
  data: data,
3177
- panelClass: "basic-small-common-dialog",
3229
+ panelClass: "rs-dialog-wrap",
3178
3230
  });
3179
3231
  };
3180
3232
  // 保存成功提示