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.
- package/bundles/raise-common-lib.umd.js +114 -62
- 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/multi-tab/index.component.js +16 -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 +26 -5
- package/esm5/lib/layout/main-container/index.component.js +21 -4
- package/esm5/lib/layout/multi-tab/index.component.js +16 -7
- 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 +27 -9
- package/fesm2015/raise-common-lib.js +105 -51
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +114 -62
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/main-container/index.component.d.ts +2 -0
- package/lib/layout/multi-tab/index.component.d.ts +3 -2
- 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
- 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\
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
* @
|
|
2212
|
-
|
|
2213
|
-
MainContainerComponent.prototype.ngOnInit =
|
|
2214
|
-
//只能单个缓存的url
|
|
2215
|
-
/**
|
|
2216
|
-
* @return {?}
|
|
2218
|
+
* @type {?}
|
|
2219
|
+
* @private
|
|
2217
2220
|
*/
|
|
2218
|
-
|
|
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.
|
|
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
|
|
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: "
|
|
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: "
|
|
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: "
|
|
3229
|
+
panelClass: "rs-dialog-wrap",
|
|
3178
3230
|
});
|
|
3179
3231
|
};
|
|
3180
3232
|
// 保存成功提示
|