raise-common-lib 0.0.63 → 0.0.65
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 +24 -10
- 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/rs-aside/index.component.js +22 -10
- package/esm2015/lib/layout/rs-header/index.component.js +2 -2
- package/esm5/lib/layout/rs-aside/index.component.js +24 -10
- package/esm5/lib/layout/rs-header/index.component.js +2 -2
- package/fesm2015/raise-common-lib.js +22 -10
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +24 -10
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/rs-aside/index.component.d.ts +2 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -19680,7 +19680,7 @@
|
|
|
19680
19680
|
RSHeaderComponent.decorators = [
|
|
19681
19681
|
{ type: core.Component, args: [{
|
|
19682
19682
|
selector: "rs-header",
|
|
19683
|
-
template: "<div class=\"rs-header\">\r\n <div class=\"logo-wrap\">\r\n <div class=\"toggle-menu-wrap\">\r\n <img\r\n class=\"toggle-menu\"\r\n src=\"../../../assets/img/toggle-menu-icon.svg\"\r\n (click)=\"onToggleMenu()\"\r\n />\r\n </div>\r\n <img\r\n class=\"logo\"\r\n src=\"../../../assets/img/raise_logo_main.svg\"\r\n alt=\"logo\"\r\n />\r\n </div>\r\n <div class=\"content-header-wrap\">\r\n <div class=\"bread-crumbs-wrap\">\r\n <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"quick-icon-group\">\r\n <ng-content select=\"[toolbar]\"></ng-content>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"langulage-wrap\">\r\n <button\r\n class=\"e-btn text\"\r\n ejs-dropdownbutton\r\n [items]=\"langOptions\"\r\n (select)=\"selectLanguage($event)\"\r\n >\r\n {{ currentLang.text }}\r\n </button>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"last-login-wrap\">\r\n {{ translation?.LAST_LOGIN || \"Last Login\" }}:\r\n {{ lastLoginTime | date : \"dd MMM yy h:mm a\" }}\r\n </div
|
|
19683
|
+
template: "<div class=\"rs-header\">\r\n <div class=\"logo-wrap\">\r\n <div class=\"toggle-menu-wrap\">\r\n <img\r\n class=\"toggle-menu\"\r\n src=\"../../../assets/img/toggle-menu-icon.svg\"\r\n (click)=\"onToggleMenu()\"\r\n />\r\n </div>\r\n <img\r\n class=\"logo\"\r\n src=\"../../../assets/img/raise_logo_main.svg\"\r\n alt=\"logo\"\r\n />\r\n </div>\r\n <div class=\"content-header-wrap\">\r\n <div class=\"bread-crumbs-wrap\">\r\n <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"quick-icon-group\">\r\n <ng-content select=\"[toolbar]\"></ng-content>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"langulage-wrap\">\r\n <button\r\n class=\"e-btn text\"\r\n ejs-dropdownbutton\r\n [items]=\"langOptions\"\r\n (select)=\"selectLanguage($event)\"\r\n >\r\n {{ currentLang.text }}\r\n </button>\r\n </div>\r\n <!-- <div class=\"line\"></div>\r\n <div class=\"last-login-wrap\">\r\n {{ translation?.LAST_LOGIN || \"Last Login\" }}:\r\n {{ lastLoginTime | date : \"dd MMM yy h:mm a\" }}\r\n </div> -->\r\n <div class=\"line\"></div>\r\n <div class=\"user-info-wrap\">\r\n <ng-content select=\"[userInfo]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
19684
19684
|
styles: [".rs-header{height:50px;background-color:var(--rs-container-bg);display:flex;justify-content:space-between}.rs-header .logo-wrap{width:240px;display:flex;padding:12px 0 0 20px}.rs-header .logo-wrap .toggle-menu-wrap{cursor:pointer;margin-right:8px;margin-top:2px;width:24px;height:24px}.rs-header .logo-wrap .toggle-menu-wrap:hover{background:#1364b30d;border-radius:6px}.rs-header .logo-wrap .logo{width:77px;height:32px}.rs-header .content-header-wrap{display:flex;justify-content:space-between;align-items:center;flex:1}.rs-header .bread-crumbs-wrap{padding-left:16px}.rs-header .rs-toolbar-wrap,.rs-header .rs-toolbar-wrap .quick-icon-group{display:flex;align-items:center}.rs-header .rs-toolbar-wrap .quick-icon-group ::ng-deep .header-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;margin-right:24px;cursor:pointer}.rs-header .rs-toolbar-wrap .quick-icon-group ::ng-deep .header-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-header .rs-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover{border-radius:4px;background:rgba(31,123,255,.04)}.rs-header .rs-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover svg{color:#1f7bff;stroke:#1f7bff}.rs-header .rs-toolbar-wrap .line{width:1px;height:24px;background-color:var(--rs-border-color)}.rs-header .rs-toolbar-wrap .langulage-wrap{padding:0 16px}.rs-header .rs-toolbar-wrap .last-login-wrap{padding:0 16px;color:var(--rs-labels-color);font-size:11px;font-weight:400;line-height:1}.rs-header .rs-toolbar-wrap .user-info-wrap{padding:0 20px 0 16px}"]
|
|
19685
19685
|
}] }
|
|
19686
19686
|
];
|
|
@@ -19857,8 +19857,11 @@
|
|
|
19857
19857
|
function RSAsideComponent(router) {
|
|
19858
19858
|
this.router = router;
|
|
19859
19859
|
this.toggleMenu = new core.EventEmitter();
|
|
19860
|
+
this.navClick = new core.EventEmitter();
|
|
19860
19861
|
this.isCollapsed = false; // 接收输入属性
|
|
19861
19862
|
// 接收输入属性
|
|
19863
|
+
this.customNavClick = false; // 接收输入属性
|
|
19864
|
+
// 接收输入属性
|
|
19862
19865
|
this.navList = [];
|
|
19863
19866
|
this.relationStart = [];
|
|
19864
19867
|
this.currentNav = "";
|
|
@@ -19889,7 +19892,9 @@
|
|
|
19889
19892
|
* @param {?} item
|
|
19890
19893
|
* @return {?}
|
|
19891
19894
|
*/
|
|
19892
|
-
function (item) {
|
|
19895
|
+
function (item) {
|
|
19896
|
+
return _this.router.url.startsWith(item.url);
|
|
19897
|
+
}));
|
|
19893
19898
|
if (idx !== -1) {
|
|
19894
19899
|
_this.currentNav = _this.relationStart[idx].target;
|
|
19895
19900
|
}
|
|
@@ -19907,19 +19912,22 @@
|
|
|
19907
19912
|
* @return {?}
|
|
19908
19913
|
*/
|
|
19909
19914
|
function (item) {
|
|
19910
|
-
this.
|
|
19911
|
-
|
|
19912
|
-
|
|
19913
|
-
|
|
19914
|
-
|
|
19915
|
-
this.
|
|
19915
|
+
if (!this.customNavClick) {
|
|
19916
|
+
this.currentNav = item.url;
|
|
19917
|
+
this.router.navigate([item.url], { state: { title: item.label } });
|
|
19918
|
+
/** @type {?} */
|
|
19919
|
+
var screenWidth = window.innerWidth;
|
|
19920
|
+
if (screenWidth <= 992 && this.isCollapsed) {
|
|
19921
|
+
this.toggleMenu.emit(false);
|
|
19922
|
+
}
|
|
19916
19923
|
}
|
|
19924
|
+
this.navClick.emit(item);
|
|
19917
19925
|
};
|
|
19918
19926
|
RSAsideComponent.decorators = [
|
|
19919
19927
|
{ type: core.Component, args: [{
|
|
19920
19928
|
selector: "rs-aside",
|
|
19921
|
-
template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <div class=\"nav-list\">\r\n <div class=\"nav-group\" [ngClass]=\"group.class\" *ngFor=\"let group of navList\">\r\n <div\r\n class=\"nav-item\"\r\n [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n *ngFor=\"let nav of group.navItems\"\r\n (click)=\"onNavClick(nav)\"\r\n >\r\n <div class=\"nav-item-inner\">\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.label\r\n }}</span>\r\n </div>\r\n
|
|
19922
|
-
styles: [".rs-aside{display:flex;flex-direction:column;height:100%;width:240px;will-change:width;transition:width .3s;padding-right:
|
|
19929
|
+
template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <div class=\"nav-list\">\r\n <div class=\"nav-group\" [ngClass]=\"group.class\" *ngFor=\"let group of navList\">\r\n <div\r\n class=\"nav-item\"\r\n [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n *ngFor=\"let nav of group.navItems\"\r\n (click)=\"onNavClick(nav)\"\r\n >\r\n <div class=\"nav-item-inner\" *ngIf=\"nav.menuType === 'MENU'\">\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.label\r\n }}</span>\r\n </div>\r\n <div class=\"dividing-line\" *ngIf=\"nav.menuType === 'LABEL'\"></div>\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",
|
|
19930
|
+
styles: [".rs-aside{display:flex;flex-direction:column;height:100%;width:240px;will-change:width;transition:width .3s;padding-right:20px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside.isCollapsed .nav-list .nav-item .nav-item-inner{margin-right:12px}.rs-aside.isCollapsed .nav-list .nav-item .dividing-line{margin:8px 20px 8px 10px}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{height:32px;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;display:flex;align-items:center}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px}.rs-aside .nav-list .nav-item .dividing-line{margin:8px 0 8px 10px;height:1px;background-color:rgba(219,225,231,.5)}.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 .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}}"]
|
|
19923
19931
|
}] }
|
|
19924
19932
|
];
|
|
19925
19933
|
/** @nocollapse */
|
|
@@ -19928,7 +19936,9 @@
|
|
|
19928
19936
|
]; };
|
|
19929
19937
|
RSAsideComponent.propDecorators = {
|
|
19930
19938
|
toggleMenu: [{ type: core.Output }],
|
|
19939
|
+
navClick: [{ type: core.Output }],
|
|
19931
19940
|
isCollapsed: [{ type: core.Input }],
|
|
19941
|
+
customNavClick: [{ type: core.Input }],
|
|
19932
19942
|
navList: [{ type: core.Input }],
|
|
19933
19943
|
relationStart: [{ type: core.Input }]
|
|
19934
19944
|
};
|
|
@@ -19938,8 +19948,12 @@
|
|
|
19938
19948
|
/** @type {?} */
|
|
19939
19949
|
RSAsideComponent.prototype.toggleMenu;
|
|
19940
19950
|
/** @type {?} */
|
|
19951
|
+
RSAsideComponent.prototype.navClick;
|
|
19952
|
+
/** @type {?} */
|
|
19941
19953
|
RSAsideComponent.prototype.isCollapsed;
|
|
19942
19954
|
/** @type {?} */
|
|
19955
|
+
RSAsideComponent.prototype.customNavClick;
|
|
19956
|
+
/** @type {?} */
|
|
19943
19957
|
RSAsideComponent.prototype.navList;
|
|
19944
19958
|
/** @type {?} */
|
|
19945
19959
|
RSAsideComponent.prototype.relationStart;
|