raise-common-lib 0.0.38 → 0.0.39
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 +11 -3
- 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/multi-tab/index.component.js +12 -4
- package/esm5/lib/layout/multi-tab/index.component.js +12 -4
- package/fesm2015/raise-common-lib.js +11 -3
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +11 -3
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/multi-tab/index.component.d.ts +1 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -2051,6 +2051,8 @@
|
|
|
2051
2051
|
this.drawer = drawer;
|
|
2052
2052
|
this.routeReuseStrategy = routeReuseStrategy;
|
|
2053
2053
|
this.singleReuseUrls = []; //只能单个缓存的url
|
|
2054
|
+
//只能单个缓存的url
|
|
2055
|
+
this.noGenerateTabUrls = []; //不生成tab的url
|
|
2054
2056
|
this.TAB_WIDTH = 164;
|
|
2055
2057
|
this.GAP_NORMAL = 54;
|
|
2056
2058
|
this.GAP_SMALL = 30;
|
|
@@ -2119,6 +2121,9 @@
|
|
|
2119
2121
|
if (_this.tabList.length === 0 && !state) {
|
|
2120
2122
|
return; // 初始化第一个url不加入multi-tab
|
|
2121
2123
|
}
|
|
2124
|
+
if (_this.noGenerateTabUrls.includes(_this.router.url)) {
|
|
2125
|
+
return; // 排除不生成tab的url
|
|
2126
|
+
}
|
|
2122
2127
|
_this.setTab(_this.router.url, currentRoute.snapshot.routeConfig.path, state && state.title);
|
|
2123
2128
|
}
|
|
2124
2129
|
}
|
|
@@ -2291,7 +2296,7 @@
|
|
|
2291
2296
|
this.tabList.push({
|
|
2292
2297
|
url: url,
|
|
2293
2298
|
title: title || "default",
|
|
2294
|
-
displayTitle:
|
|
2299
|
+
displayTitle: title,
|
|
2295
2300
|
});
|
|
2296
2301
|
this.selectedTab = this.tabList.length - 1;
|
|
2297
2302
|
this.setEllipsisTitle();
|
|
@@ -2375,8 +2380,8 @@
|
|
|
2375
2380
|
MultiTabComponent.decorators = [
|
|
2376
2381
|
{ type: core.Component, args: [{
|
|
2377
2382
|
selector: "rs-multi-tab",
|
|
2378
|
-
template: "<div class=\"rs-multi-tab\"
|
|
2379
|
-
styles: [".rs-multi-tab{
|
|
2383
|
+
template: "<div class=\"rs-multi-tab\" [ngClass]=\"{ 'border': tabList.length > 0 }\">\r\n <ul>\r\n <ng-container *ngFor=\"let tab of tabList; let i = index\">\r\n <li\r\n [ngClass]=\"selectedTab === i ? 'isSelect' : 'notSelect'\"\r\n (click)=\"changeTab(tab, i)\"\r\n >\r\n <ejs-tooltip\r\n id=\"notSelectTooltip\"\r\n [showTipPointer]=\"false\"\r\n [openDelay]=\"500\"\r\n *ngIf=\"tab.displayTitle !== tab.title; else originText\"\r\n style=\"height: 27px\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ tab.title }}\r\n </div>\r\n </ng-template>\r\n <span class=\"tabTitle\">{{ tab.displayTitle }}</span>\r\n </ejs-tooltip>\r\n <ng-template #originText>\r\n <span class=\"tabTitle\">\r\n {{ tab.displayTitle }}\r\n </span>\r\n </ng-template>\r\n <span class=\"img-block\" *ngIf=\"selectedTab !== i\"></span>\r\n <img\r\n *ngIf=\"tabList.length !== 1\"\r\n src=\"../../../assets/img/close-url.svg\"\r\n (click)=\"closeTab(tab, i)\"\r\n />\r\n </li>\r\n </ng-container>\r\n </ul>\r\n <div class=\"refresh-tab\" (click)=\"refreshTab()\" *ngIf=\"tabList.length > 0\">\r\n <img\r\n id=\"loadingIcon\"\r\n alt\r\n class=\"refresh-btn\"\r\n src=\"../../../assets/img/desktop-refresh-btn.svg\"\r\n />\r\n <span>Refresh Current Tab</span>\r\n </div>\r\n</div>\r\n",
|
|
2384
|
+
styles: [".rs-multi-tab{width:100%;display:flex;justify-content:space-between}.rs-multi-tab.border{border-bottom:1px solid #e5eaef}.rs-multi-tab ul{display:flex;margin:0 8px;padding:0;overflow:hidden;height:100%}.rs-multi-tab ul li{max-width:164px;padding:0 12px;display:flex;align-items:center;flex:auto;border:1px solid #e5eaef;border-bottom:none;color:#5f6f81;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;height:28px;background:#f8fafb;vertical-align:top;position:relative;cursor:default}.rs-multi-tab ul li .tabTitle{display:inline-block;white-space:nowrap;font-size:11px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px;transition:width .3s}.rs-multi-tab ul li img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.rs-multi-tab ul li img:hover{background:#dce8f6}.rs-multi-tab ul li:not(:last-child){border-right:none}.rs-multi-tab ul li:first-of-type{border-top-left-radius:8px}.rs-multi-tab ul li:last-child{border-top-right-radius:8px}.rs-multi-tab ul .isSelect{color:#1f3f5c;background:#fff}.rs-multi-tab ul .notSelect img{display:none}.rs-multi-tab ul .notSelect .img-block{display:inline-block;width:22px}.rs-multi-tab ul .notSelect:hover{color:#1f3f5c;background-color:rgba(31,123,255,.04)}.rs-multi-tab ul .notSelect:hover .img-block{display:none}.rs-multi-tab ul .notSelect:hover img{display:inline-block}.rs-multi-tab .refresh-tab{cursor:pointer;text-align:right;color:#6c7c90;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;padding-right:12px}.rs-multi-tab .refresh-tab img{vertical-align:middle;margin-right:4px}.refresh-tab-loading{-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tooltip-content{padding:4px;color:#f8fafb;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px}@media (max-width:1400px){.refresh-tab{padding-right:0!important}.refresh-tab span{display:none!important}}@media (max-width:1100px){.rs-multi-tab ul li img{position:absolute;right:3px;background-color:#fff}.notSelect:hover img{position:absolute;right:3px;background-color:#eff5fb}.img-block{display:none!important}}@media (max-width:600px){.rs-multi-tab ul li{padding:0 8px}.rs-multi-tab ul .notSelect .img-block{width:0!important}}"]
|
|
2380
2385
|
}] }
|
|
2381
2386
|
];
|
|
2382
2387
|
/** @nocollapse */
|
|
@@ -2390,6 +2395,7 @@
|
|
|
2390
2395
|
]; };
|
|
2391
2396
|
MultiTabComponent.propDecorators = {
|
|
2392
2397
|
singleReuseUrls: [{ type: core.Input }],
|
|
2398
|
+
noGenerateTabUrls: [{ type: core.Input }],
|
|
2393
2399
|
onResize: [{ type: core.HostListener, args: ["window:resize", ["$event"],] }]
|
|
2394
2400
|
};
|
|
2395
2401
|
return MultiTabComponent;
|
|
@@ -2399,6 +2405,8 @@
|
|
|
2399
2405
|
MultiTabComponent.prototype.keepAlive;
|
|
2400
2406
|
/** @type {?} */
|
|
2401
2407
|
MultiTabComponent.prototype.singleReuseUrls;
|
|
2408
|
+
/** @type {?} */
|
|
2409
|
+
MultiTabComponent.prototype.noGenerateTabUrls;
|
|
2402
2410
|
/**
|
|
2403
2411
|
* @type {?}
|
|
2404
2412
|
* @private
|