raise-common-lib 0.0.21 → 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.
- package/bundles/raise-common-lib.umd.js +98 -59
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/layout/main-container/index.component.js +18 -4
- package/esm2015/lib/layout/page-tab/index.component.js +2 -2
- package/esm2015/lib/layout/rs-aside/index.component.js +13 -4
- package/esm2015/lib/layout/rs-header/index.component.js +7 -6
- package/esm2015/lib/service/dialog.service.js +4 -4
- package/esm2015/lib/service/keep-alive.service.js +22 -5
- package/esm5/lib/layout/main-container/index.component.js +21 -4
- package/esm5/lib/layout/page-tab/index.component.js +2 -2
- package/esm5/lib/layout/rs-aside/index.component.js +13 -4
- package/esm5/lib/layout/rs-header/index.component.js +7 -6
- package/esm5/lib/service/dialog.service.js +4 -4
- package/esm5/lib/service/keep-alive.service.js +23 -9
- package/fesm2015/raise-common-lib.js +89 -51
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +98 -59
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/main-container/index.component.d.ts +2 -0
- package/lib/layout/rs-aside/index.component.d.ts +2 -1
- package/lib/layout/rs-header/index.component.d.ts +1 -1
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/style/reset/grid.scss +5 -1
- package/src/assets/style/reset/mat-dialog.scss +6 -2
|
@@ -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\
|
|
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
|
/**
|
|
@@ -1824,8 +1822,11 @@
|
|
|
1824
1822
|
* @return {?}
|
|
1825
1823
|
*/
|
|
1826
1824
|
function (future, curr) {
|
|
1827
|
-
|
|
1828
|
-
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));
|
|
1829
1830
|
};
|
|
1830
1831
|
/**
|
|
1831
1832
|
* @param {?} route
|
|
@@ -1837,10 +1838,15 @@
|
|
|
1837
1838
|
*/
|
|
1838
1839
|
function (route) {
|
|
1839
1840
|
if (route.routeConfig) {
|
|
1840
|
-
// const pathParams = JSON.stringify(route.params);
|
|
1841
1841
|
/** @type {?} */
|
|
1842
1842
|
var queryParams = new URLSearchParams(route.queryParams).toString();
|
|
1843
|
-
|
|
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 : "");
|
|
1844
1850
|
}
|
|
1845
1851
|
return "";
|
|
1846
1852
|
};
|
|
@@ -1853,9 +1859,16 @@
|
|
|
1853
1859
|
* @return {?}
|
|
1854
1860
|
*/
|
|
1855
1861
|
function (path) {
|
|
1862
|
+
// console.log("clearCache", storedRoutes, path);
|
|
1856
1863
|
toBeDeleteUrl = path;
|
|
1857
1864
|
delete storedRoutes[path]; // 清除指定路径的缓存
|
|
1858
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" });
|
|
1859
1872
|
return KeepAliveService;
|
|
1860
1873
|
}());
|
|
1861
1874
|
|
|
@@ -2208,47 +2221,6 @@
|
|
|
2208
2221
|
MultiTabComponent.prototype.ref;
|
|
2209
2222
|
}
|
|
2210
2223
|
|
|
2211
|
-
/**
|
|
2212
|
-
* @fileoverview added by tsickle
|
|
2213
|
-
* Generated from: lib/layout/main-container/index.component.ts
|
|
2214
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
2215
|
-
*/
|
|
2216
|
-
var MainContainerComponent = /** @class */ (function () {
|
|
2217
|
-
function MainContainerComponent() {
|
|
2218
|
-
this.isCollapsed = false; // 接收输入属性
|
|
2219
|
-
// 接收输入属性
|
|
2220
|
-
this.singleReuseUrls = []; //只能单个缓存的url
|
|
2221
|
-
}
|
|
2222
|
-
//只能单个缓存的url
|
|
2223
|
-
/**
|
|
2224
|
-
* @return {?}
|
|
2225
|
-
*/
|
|
2226
|
-
MainContainerComponent.prototype.ngOnInit =
|
|
2227
|
-
//只能单个缓存的url
|
|
2228
|
-
/**
|
|
2229
|
-
* @return {?}
|
|
2230
|
-
*/
|
|
2231
|
-
function () { };
|
|
2232
|
-
MainContainerComponent.decorators = [
|
|
2233
|
-
{ type: core.Component, args: [{
|
|
2234
|
-
selector: "rs-main-container",
|
|
2235
|
-
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 <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",
|
|
2236
|
-
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}"]
|
|
2237
|
-
}] }
|
|
2238
|
-
];
|
|
2239
|
-
MainContainerComponent.propDecorators = {
|
|
2240
|
-
isCollapsed: [{ type: core.Input }],
|
|
2241
|
-
singleReuseUrls: [{ type: core.Input }]
|
|
2242
|
-
};
|
|
2243
|
-
return MainContainerComponent;
|
|
2244
|
-
}());
|
|
2245
|
-
if (false) {
|
|
2246
|
-
/** @type {?} */
|
|
2247
|
-
MainContainerComponent.prototype.isCollapsed;
|
|
2248
|
-
/** @type {?} */
|
|
2249
|
-
MainContainerComponent.prototype.singleReuseUrls;
|
|
2250
|
-
}
|
|
2251
|
-
|
|
2252
2224
|
/**
|
|
2253
2225
|
* @fileoverview added by tsickle
|
|
2254
2226
|
* Generated from: lib/layout/rs-header/index.component.ts
|
|
@@ -2257,8 +2229,9 @@
|
|
|
2257
2229
|
var RSHeaderComponent = /** @class */ (function () {
|
|
2258
2230
|
function RSHeaderComponent() {
|
|
2259
2231
|
this.toggleMenu = new core.EventEmitter();
|
|
2232
|
+
this.isCollapsed = false; // 接收输入属性
|
|
2233
|
+
// 接收输入属性
|
|
2260
2234
|
this.lastLoginTime = new Date();
|
|
2261
|
-
this.isCollapsed = false;
|
|
2262
2235
|
this.langOptions = [
|
|
2263
2236
|
{
|
|
2264
2237
|
value: 1,
|
|
@@ -2291,8 +2264,7 @@
|
|
|
2291
2264
|
* @return {?}
|
|
2292
2265
|
*/
|
|
2293
2266
|
function () {
|
|
2294
|
-
this.
|
|
2295
|
-
this.toggleMenu.emit(this.isCollapsed);
|
|
2267
|
+
this.toggleMenu.emit(!this.isCollapsed);
|
|
2296
2268
|
};
|
|
2297
2269
|
/**
|
|
2298
2270
|
* @param {?} event
|
|
@@ -2318,6 +2290,7 @@
|
|
|
2318
2290
|
];
|
|
2319
2291
|
RSHeaderComponent.propDecorators = {
|
|
2320
2292
|
toggleMenu: [{ type: core.Output }],
|
|
2293
|
+
isCollapsed: [{ type: core.Input }],
|
|
2321
2294
|
lastLoginTime: [{ type: core.Input }]
|
|
2322
2295
|
};
|
|
2323
2296
|
return RSHeaderComponent;
|
|
@@ -2326,17 +2299,74 @@
|
|
|
2326
2299
|
/** @type {?} */
|
|
2327
2300
|
RSHeaderComponent.prototype.toggleMenu;
|
|
2328
2301
|
/** @type {?} */
|
|
2302
|
+
RSHeaderComponent.prototype.isCollapsed;
|
|
2303
|
+
/** @type {?} */
|
|
2329
2304
|
RSHeaderComponent.prototype.lastLoginTime;
|
|
2330
2305
|
/** @type {?} */
|
|
2331
2306
|
RSHeaderComponent.prototype.translation;
|
|
2332
2307
|
/** @type {?} */
|
|
2333
|
-
RSHeaderComponent.prototype.isCollapsed;
|
|
2334
|
-
/** @type {?} */
|
|
2335
2308
|
RSHeaderComponent.prototype.langOptions;
|
|
2336
2309
|
/** @type {?} */
|
|
2337
2310
|
RSHeaderComponent.prototype.currentLang;
|
|
2338
2311
|
}
|
|
2339
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
|
+
|
|
2340
2370
|
/**
|
|
2341
2371
|
* @fileoverview added by tsickle
|
|
2342
2372
|
* Generated from: lib/layout/rs-footer/index.component.ts
|
|
@@ -2376,6 +2406,7 @@
|
|
|
2376
2406
|
var RSAsideComponent = /** @class */ (function () {
|
|
2377
2407
|
function RSAsideComponent(router) {
|
|
2378
2408
|
this.router = router;
|
|
2409
|
+
this.toggleMenu = new core.EventEmitter();
|
|
2379
2410
|
this.isCollapsed = false; // 接收输入属性
|
|
2380
2411
|
// 接收输入属性
|
|
2381
2412
|
this.navList = [];
|
|
@@ -2399,12 +2430,17 @@
|
|
|
2399
2430
|
function (item) {
|
|
2400
2431
|
this.currentNav = item.title;
|
|
2401
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
|
+
}
|
|
2402
2438
|
};
|
|
2403
2439
|
RSAsideComponent.decorators = [
|
|
2404
2440
|
{ type: core.Component, args: [{
|
|
2405
2441
|
selector: "rs-aside",
|
|
2406
|
-
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",
|
|
2407
|
-
styles: [".rs-aside{display:flex;flex-direction:column;height:100
|
|
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}}"]
|
|
2408
2444
|
}] }
|
|
2409
2445
|
];
|
|
2410
2446
|
/** @nocollapse */
|
|
@@ -2412,12 +2448,15 @@
|
|
|
2412
2448
|
{ type: router.Router }
|
|
2413
2449
|
]; };
|
|
2414
2450
|
RSAsideComponent.propDecorators = {
|
|
2451
|
+
toggleMenu: [{ type: core.Output }],
|
|
2415
2452
|
isCollapsed: [{ type: core.Input }],
|
|
2416
2453
|
navList: [{ type: core.Input }]
|
|
2417
2454
|
};
|
|
2418
2455
|
return RSAsideComponent;
|
|
2419
2456
|
}());
|
|
2420
2457
|
if (false) {
|
|
2458
|
+
/** @type {?} */
|
|
2459
|
+
RSAsideComponent.prototype.toggleMenu;
|
|
2421
2460
|
/** @type {?} */
|
|
2422
2461
|
RSAsideComponent.prototype.isCollapsed;
|
|
2423
2462
|
/** @type {?} */
|
|
@@ -3135,7 +3174,7 @@
|
|
|
3135
3174
|
function () {
|
|
3136
3175
|
return this.dialog.open(CommonDeleteComponent, {
|
|
3137
3176
|
data: {},
|
|
3138
|
-
panelClass: "
|
|
3177
|
+
panelClass: "rs-dialog-wrap",
|
|
3139
3178
|
});
|
|
3140
3179
|
};
|
|
3141
3180
|
// 自定义文案通用弹窗的提示框
|
|
@@ -3153,7 +3192,7 @@
|
|
|
3153
3192
|
function (data) {
|
|
3154
3193
|
return this.dialog.open(CommonDeleteComponent, {
|
|
3155
3194
|
data: data,
|
|
3156
|
-
panelClass: "
|
|
3195
|
+
panelClass: "rs-dialog-wrap",
|
|
3157
3196
|
});
|
|
3158
3197
|
};
|
|
3159
3198
|
// 有改动未保存 的提示框
|
|
@@ -3187,7 +3226,7 @@
|
|
|
3187
3226
|
// data.size = "medium";
|
|
3188
3227
|
return this.dialog.open(CommonDeleteComponent, {
|
|
3189
3228
|
data: data,
|
|
3190
|
-
panelClass: "
|
|
3229
|
+
panelClass: "rs-dialog-wrap",
|
|
3191
3230
|
});
|
|
3192
3231
|
};
|
|
3193
3232
|
// 保存成功提示
|