raise-common-lib 0.0.50 → 0.0.52

package/fesm5/raise-common-lib.js

@@ -1911,6 +1911,7 @@ var MultiTabComponent = /** @class */ (function () {
         this.selectedTab = 0;
         this.maxTabs = 10;
         this.screenWidth = window.innerWidth; // 初始化屏幕宽度
+        this.timer = null;
         this.keepAlive = (/** @type {?} */ (this.routeReuseStrategy));
     }
     // 初始化屏幕宽度
@@ -1984,7 +1985,9 @@ var MultiTabComponent = /** @class */ (function () {
                     if (_this.noGenerateTabUrls.includes(_this.router.url)) {
                         return; // 排除不生成tab的url
                     }
-                    _this.setTab(_this.router.url, currentRoute.snapshot.routeConfig.path, title);
+                    /** @type {?} */
+                    var urlWithoutQuery = _this.router.url.split('?')[0];
+                    _this.setTab(urlWithoutQuery, currentRoute.snapshot.routeConfig.path, title);
                 }
             }
         })));
@@ -2225,6 +2228,21 @@ var MultiTabComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
+        var _this = this;
+        /** @type {?} */
+        var loadingIcon = document.getElementById("loadingIcon");
+        loadingIcon.classList.add("refresh-tab-loading");
+        if (this.timer) {
+            clearInterval(this.timer);
+        }
+        // 模拟加载过程，1秒后移除动画
+        this.timer = setTimeout((/**
+         * @return {?}
+         */
+        function () {
+            loadingIcon.classList.remove("refresh-tab-loading");
+            _this.timer = null;
+        }), 1500);
         // this.keepAlive.clearCache(this.tabList[this.selectedTab].url);
         // this.drawer.deleteCache(this.tabList[this.selectedTab].url);
         /** @type {?} */
@@ -2305,6 +2323,8 @@ if (false) {
     /** @type {?} */
     MultiTabComponent.prototype.screenWidth;
     /** @type {?} */
+    MultiTabComponent.prototype.timer;
+    /** @type {?} */
     MultiTabComponent.prototype.router;
     /** @type {?} */
     MultiTabComponent.prototype.cf;
@@ -19551,6 +19571,7 @@ var RSAsideComponent = /** @class */ (function () {
         this.isCollapsed = false; // 接收输入属性
         // 接收输入属性
         this.navList = [];
+        this.relationStart = [];
         this.currentNav = "";
     }
     /**
@@ -19573,7 +19594,19 @@ var RSAsideComponent = /** @class */ (function () {
          * @return {?}
          */
         function () {
-            _this.currentNav = _this.router.url;
+            // console.log('this.router.url', this.router.url)
+            /** @type {?} */
+            var idx = _this.relationStart.findIndex((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return _this.router.url.startsWith(item.url); }));
+            if (idx !== -1) {
+                _this.currentNav = _this.relationStart[idx].target;
+            }
+            else {
+                _this.currentNav = _this.router.url;
+            }
         }));
     };
     /**
@@ -19595,7 +19628,7 @@ var RSAsideComponent = /** @class */ (function () {
     };
     RSAsideComponent.decorators = [
         { type: Component, args: [{
-                    selector: "rs-aside",
+                    selector: "kt-aside",
                     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      </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",
                     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;display:flex;align-items:center}.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}}"]
                 }] }
@@ -19607,7 +19640,8 @@ var RSAsideComponent = /** @class */ (function () {
     RSAsideComponent.propDecorators = {
         toggleMenu: [{ type: Output }],
         isCollapsed: [{ type: Input }],
-        navList: [{ type: Input }]
+        navList: [{ type: Input }],
+        relationStart: [{ type: Input }]
     };
     return RSAsideComponent;
 }());
@@ -19619,6 +19653,8 @@ if (false) {
     /** @type {?} */
     RSAsideComponent.prototype.navList;
     /** @type {?} */
+    RSAsideComponent.prototype.relationStart;
+    /** @type {?} */
     RSAsideComponent.prototype.currentNav;
     /** @type {?} */
     RSAsideComponent.prototype.router;