raise-common-lib 0.0.155 → 0.0.157

package/fesm5/raise-common-lib.js

@@ -3302,14 +3302,12 @@ var MultiTabComponent = /** @class */ (function () {
         function (sub) { return sub.unsubscribe(); }));
     };
     /**
-     * @param {?=} title
      * @return {?}
      */
     MultiTabComponent.prototype.setEllipsisTitle = /**
-     * @param {?=} title
      * @return {?}
      */
-    function (title) {
+    function () {
         var _this = this;
         this.textGap = this.GAP_NORMAL;
         if (this.screenWidth <= 1100) {
@@ -3318,23 +3316,16 @@ var MultiTabComponent = /** @class */ (function () {
         var _a = this.calcTabWidth(), allWidth = _a.allWidth, leftWidth = _a.leftWidth, rightWidth = _a.rightWidth;
         /** @type {?} */
         var width = Math.floor((allWidth - rightWidth) / (this.tabList && this.tabList.length));
-        if (title) {
-            return this.cf.setMiddleEllipsis(title, width > this.TAB_WIDTH
-                ? this.TAB_WIDTH - this.textGap
-                : width - this.textGap, 12);
-        }
-        else {
-            this.tabList.forEach((/**
-             * @param {?} ele
-             * @param {?} idx
-             * @return {?}
-             */
-            function (ele, idx) {
-                ele.displayTitle = _this.cf.setMiddleEllipsis(ele.title, width > _this.TAB_WIDTH
-                    ? _this.TAB_WIDTH - _this.textGap
-                    : width - _this.textGap, 12);
-            }));
-        }
+        this.tabList.forEach((/**
+         * @param {?} ele
+         * @param {?} idx
+         * @return {?}
+         */
+        function (ele, idx) {
+            ele.displayTitle = _this.cf.setMiddleEllipsis(_this.translation[ele.title] || ele.title, width > _this.TAB_WIDTH
+                ? _this.TAB_WIDTH - _this.textGap
+                : width - _this.textGap, 12);
+        }));
         this.ref.markForCheck();
         this.ref.detectChanges();
     };
@@ -3389,38 +3380,28 @@ var MultiTabComponent = /** @class */ (function () {
         this.tabList = TabCache || [];
         if (this.tabList.length === 0) {
             /** @type {?} */
-            var title = sessionStorage.getItem("firstTabTitle");
-            if (title) {
-                sessionStorage.removeItem("firstTabTitle");
-                /** @type {?} */
-                var url = this.router.url;
-                this.addTab(url, title);
-            }
-            else {
-                /** @type {?} */
-                var pureUrl_1 = this.urlWithoutQuery(this.router.url);
-                /** @type {?} */
-                var target = this.flattenMenu.find((/**
-                 * @param {?} ele
-                 * @return {?}
-                 */
-                function (ele) { return ele.url === pureUrl_1; }));
-                if (target) {
-                    if (target.url !== this.defaultTabUrl) {
-                        /** @type {?} */
-                        var defaultTab = this.flattenMenu.find((/**
-                         * @param {?} ele
-                         * @return {?}
-                         */
-                        function (ele) { return ele.url === _this.defaultTabUrl; }));
-                        this.tabList.push({
-                            url: defaultTab.url,
-                            title: defaultTab.label,
-                            displayTitle: defaultTab.label,
-                        });
-                    }
-                    this.addTab(target.url, target.label);
+            var pureUrl_1 = this.urlWithoutQuery(this.router.url);
+            /** @type {?} */
+            var target = this.flattenMenu.find((/**
+             * @param {?} ele
+             * @return {?}
+             */
+            function (ele) { return ele.url === pureUrl_1; }));
+            if (target) {
+                if (target.url !== this.defaultTabUrl) {
+                    /** @type {?} */
+                    var defaultTab = this.flattenMenu.find((/**
+                     * @param {?} ele
+                     * @return {?}
+                     */
+                    function (ele) { return ele.url === _this.defaultTabUrl; }));
+                    this.tabList.push({
+                        url: defaultTab.url,
+                        title: defaultTab.menuCode || defaultTab.label,
+                        displayTitle: defaultTab.menuCode || defaultTab.label,
+                    });
                 }
+                this.addTab(target.url, target.menuCode || target.label);
             }
         }
     };
@@ -3669,7 +3650,7 @@ var MultiTabComponent = /** @class */ (function () {
     MultiTabComponent.decorators = [
         { type: Component, args: [{
                     selector: "rs-multi-tab",
-                    template: "<div class=\"rs-multi-tab\" [ngClass]=\"{ 'b-line': tabList.length > 0 }\">\r\n  <ul\r\n    cdkDropList\r\n    cdkDropListOrientation=\"horizontal\"\r\n    (cdkDropListDropped)=\"onTabDrop($event)\"\r\n  >\r\n    <li\r\n      class=\"tab-item\"\r\n      *ngFor=\"let tab of tabList; let i = index\"\r\n      [ngClass]=\"selectedTab === i ? 'isSelect' : 'notSelect'\"\r\n      [cdkDragDisabled]=\"i === 0\"\r\n      cdkDrag\r\n      (click)=\"changeTab(tab, i)\"\r\n    >\r\n      <ng-template cdkDragPlaceholder let-item>\r\n        <div class=\"placeholder\"></div>\r\n      </ng-template>\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 && i !== 0\"></span>\r\n      <img\r\n        *ngIf=\"i !== 0\"\r\n        src=\"../../../assets/img/close-url.svg\"\r\n        (click)=\"closeTab(i)\"\r\n      />\r\n    </li>\r\n  </ul>\r\n  <div class=\"refresh-tab\" (click)=\"refreshTab()\" *ngIf=\"tabList.length > 0\">\r\n    <ejs-tooltip\r\n      id=\"notSelectTooltip\"\r\n      cssClass=\"notSelectTooltip\"\r\n      [showTipPointer]=\"false\"\r\n      [openDelay]=\"500\"\r\n      style=\"height: 27px\"\r\n    >\r\n      <ng-template #content>\r\n        <div class=\"tooltip-content\">\r\n          {{ translation.REFRESH_CURRENT_TAB || \".REFRESH_CURRENT_TAB\" }}\r\n        </div>\r\n      </ng-template>\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    </ejs-tooltip>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"rs-multi-tab\" [ngClass]=\"{ 'b-line': tabList.length > 0 }\">\r\n  <ul\r\n    cdkDropList\r\n    cdkDropListOrientation=\"horizontal\"\r\n    (cdkDropListDropped)=\"onTabDrop($event)\"\r\n  >\r\n    <li\r\n      class=\"tab-item\"\r\n      *ngFor=\"let tab of tabList; let i = index\"\r\n      [ngClass]=\"selectedTab === i ? 'isSelect' : 'notSelect'\"\r\n      [cdkDragDisabled]=\"i === 0\"\r\n      cdkDrag\r\n      (click)=\"changeTab(tab, i)\"\r\n    >\r\n      <ng-template cdkDragPlaceholder let-item>\r\n        <div class=\"placeholder\"></div>\r\n      </ng-template>\r\n      <ejs-tooltip\r\n        id=\"notSelectTooltip\"\r\n        [showTipPointer]=\"false\"\r\n        [openDelay]=\"500\"\r\n        *ngIf=\"tab.displayTitle !== (translation[tab.title] || tab.title) ; else originText\"\r\n        style=\"height: 27px\"\r\n      >\r\n        <ng-template #content>\r\n          <div class=\"tooltip-content\">\r\n            {{ translation[tab.title] || tab.title }}\r\n          </div>\r\n        </ng-template>\r\n        <span class=\"tabTitle\">{{ translation[tab.displayTitle] || 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 && i !== 0\"></span>\r\n      <img\r\n        *ngIf=\"i !== 0\"\r\n        src=\"../../../assets/img/close-url.svg\"\r\n        (click)=\"closeTab(i)\"\r\n      />\r\n    </li>\r\n  </ul>\r\n  <div class=\"refresh-tab\" (click)=\"refreshTab()\" *ngIf=\"tabList.length > 0\">\r\n    <ejs-tooltip\r\n      id=\"notSelectTooltip\"\r\n      cssClass=\"notSelectTooltip\"\r\n      [showTipPointer]=\"false\"\r\n      [openDelay]=\"500\"\r\n      style=\"height: 27px\"\r\n    >\r\n      <ng-template #content>\r\n        <div class=\"tooltip-content\">\r\n          {{ translation.REFRESH_CURRENT_TAB || \".REFRESH_CURRENT_TAB\" }}\r\n        </div>\r\n      </ng-template>\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    </ejs-tooltip>\r\n  </div>\r\n</div>\r\n",
                     styles: ["@charset \"UTF-8\";.rs-multi-tab{width:100%;display:flex;justify-content:space-between;margin:0 auto;max-width:1886px}.rs-multi-tab.b-line{border-bottom:1px solid #e5eaef}.rs-multi-tab ul{display:flex;margin:0 8px;padding:0;overflow:hidden;height:100%}.rs-multi-tab ul .tab-item{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 .tab-item .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 .tab-item img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.rs-multi-tab ul .tab-item img:hover{background:#dce8f6}.rs-multi-tab ul .tab-item:not(:last-child){border-right:none}.rs-multi-tab ul .tab-item:first-of-type{border-top-left-radius:8px}.rs-multi-tab ul .tab-item:last-child{border-top-right-radius:8px}.rs-multi-tab ul.cdk-drop-list-dragging .tab-item.cdk-drag-disabled:hover{background:#f8fafb!important;cursor:no-drop}.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}.notSelectTooltip{transform:translateX(-12px)}.tab-item.cdk-drag{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}.tab-item.cdk-drag .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}.tab-item.cdk-drag img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.tab-item.cdk-drag img:hover{background:#dce8f6}@-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 .tab-item img{position:absolute;right:3px;background-color:#fff}.notSelect:hover img{position:absolute;right:3px;background-color:#eff5fb}.img-block{display:none!important}.isSelect:not(:first-child){padding-right:20px!important}}@media (max-width:600px){.rs-multi-tab ul .tab-item{padding:0 8px}.rs-multi-tab ul .notSelect .img-block{width:0!important}}"]
                 }] }
     ];