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
|
@@ -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\
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
* @
|
|
2014
|
-
|
|
2015
|
-
MainContainerComponent.prototype.ngOnInit =
|
|
2016
|
-
//只能单个缓存的url
|
|
2017
|
-
/**
|
|
2018
|
-
* @return {?}
|
|
2020
|
+
* @type {?}
|
|
2021
|
+
* @private
|
|
2019
2022
|
*/
|
|
2020
|
-
|
|
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.
|
|
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
|
|
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: "
|
|
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: "
|
|
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: "
|
|
3031
|
+
panelClass: "rs-dialog-wrap",
|
|
2980
3032
|
});
|
|
2981
3033
|
};
|
|
2982
3034
|
// 保存成功提示
|