raise-common-lib 0.0.102 → 0.0.104

package/fesm5/raise-common-lib.js

@@ -3779,9 +3779,10 @@ if (false) {
 var RSNavCardGroupComponent = /** @class */ (function () {
     function RSNavCardGroupComponent(router) {
         this.router = router;
-        // @Output()
-        // navClick = new EventEmitter<any>();
+        this.navClick = new EventEmitter();
         this.navList = [];
+        this.customNavClick = false; // 接收输入属性
+        // 接收输入属性
         this.title = "";
     }
     /**
@@ -3790,8 +3791,7 @@ var RSNavCardGroupComponent = /** @class */ (function () {
     RSNavCardGroupComponent.prototype.ngOnInit = /**
      * @return {?}
      */
-    function () {
-    };
+    function () { };
     /**
      * @param {?} item
      * @return {?}
@@ -3801,14 +3801,15 @@ var RSNavCardGroupComponent = /** @class */ (function () {
      * @return {?}
      */
     function (item) {
-        if (item.url) {
+        if (!this.customNavClick) {
             this.router.navigate([item.url], { state: { title: item.title } });
         }
+        this.navClick.emit(item);
     };
     RSNavCardGroupComponent.decorators = [
         { type: Component, args: [{
                     selector: "nav-card-group",
-                    template: "<div class=\"rs-setting\">\r\n  <h1 class=\"rs-page-title\">{{ title }}</h1>\r\n  <div class=\"setting-content\">\r\n    <div\r\n      class=\"setting-group-card\"\r\n      *ngFor=\"let group of navList\"\r\n      [ngClass]=\"{ pointer: !group.subList || !group.subList.length }\"\r\n      (click)=\"onNavClick(group)\"\r\n    >\r\n      <header class=\"setting-card-header\">\r\n        <div class=\"setting-card-logo\">\r\n          <img [src]=\"group.img\" alt=\"\" />\r\n        </div>\r\n        <h4 class=\"setting-card-title\">{{ group.title }}</h4>\r\n        <div\r\n          class=\"setting-card-sub-title\"\r\n          *ngIf=\"!group.subList || !group.subList.length\"\r\n        >\r\n          {{ group.subTitle }}\r\n        </div>\r\n      </header>\r\n      <div\r\n        class=\"setting-card-desc\"\r\n        *ngIf=\"!group.subList || !group.subList.length\"\r\n      >\r\n        {{ group.desc }}\r\n      </div>\r\n      <div\r\n        class=\"setting-item\"\r\n        *ngFor=\"let item of group.subList\"\r\n        (click)=\"onNavClick(item)\"\r\n      >\r\n        {{ item.title }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"rs-setting\">\r\n  <h1 class=\"rs-page-title\">{{ title }}</h1>\r\n  <div class=\"setting-content\">\r\n    <div\r\n      class=\"setting-group-card\"\r\n      *ngFor=\"let group of navList\"\r\n      [ngClass]=\"{ pointer: !group.subList || !group.subList.length }\"\r\n      (click)=\"!group.subList || !group.subList.length && onNavClick(group)\"\r\n    >\r\n      <header class=\"setting-card-header\">\r\n        <div class=\"setting-card-logo\">\r\n          <img [src]=\"group.img\" alt=\"\" />\r\n        </div>\r\n        <h4 class=\"setting-card-title\">{{ group.title }}</h4>\r\n        <div\r\n          class=\"setting-card-sub-title\"\r\n          *ngIf=\"!group.subList || !group.subList.length\"\r\n        >\r\n          {{ group.subTitle }}\r\n        </div>\r\n      </header>\r\n      <div\r\n        class=\"setting-card-desc\"\r\n        *ngIf=\"!group.subList || !group.subList.length\"\r\n      >\r\n        {{ group.desc }}\r\n      </div>\r\n      <div\r\n        class=\"setting-item\"\r\n        *ngFor=\"let item of group.subList\"\r\n        (click)=\"onNavClick(item)\"\r\n      >\r\n        {{ item.title }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: [".rs-setting{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-setting .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-setting .setting-content{flex:1;height:0;overflow:auto;display:flex;flex-flow:row wrap;gap:20px;margin:auto;max-width:1886px;padding:4px 20px 40px}.rs-setting .setting-content .setting-group-card{width:100%;min-width:320px;padding:0 12px 16px;border-radius:10px;border:1px solid #eaedf0;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card.pointer{cursor:pointer}.rs-setting .setting-content .setting-group-card .setting-card-header{padding:12px 8px;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo{display:flex;flex-flow:column nowrap;gap:4px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo img{width:24px;height:24px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo::after{content:\" \";width:24px;height:3px;background-color:#ff9618;border-radius:2px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-title{padding:0;margin:12px 0 0;color:#1f3f5c;font-family:Arial;font-size:15px;font-style:normal;font-weight:700;line-height:18px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-sub-title{color:#6c7c90;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;margin-top:6px}.rs-setting .setting-content .setting-group-card .setting-card-desc{padding:6px 8px;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-setting .setting-content .setting-group-card .setting-item{padding:6px 8px;border-radius:4px;cursor:pointer;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-setting .setting-content .setting-group-card .setting-item:hover{background-color:#1364b30d}@media screen and (min-width:741px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px)/ 2)}}@media screen and (min-width:1297px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 2)/ 3)}}@media screen and (min-width:1632px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 3)/ 4)}}@media screen and (min-width:1972px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 4)/ 5)}}"]
                 }] }
     ];
@@ -3817,15 +3818,21 @@ var RSNavCardGroupComponent = /** @class */ (function () {
         { type: Router }
     ]; };
     RSNavCardGroupComponent.propDecorators = {
+        navClick: [{ type: Output }],
         navList: [{ type: Input }],
+        customNavClick: [{ type: Input }],
         title: [{ type: Input }]
     };
     return RSNavCardGroupComponent;
 }());
 if (false) {
+    /** @type {?} */
+    RSNavCardGroupComponent.prototype.navClick;
     /** @type {?} */
     RSNavCardGroupComponent.prototype.navList;
     /** @type {?} */
+    RSNavCardGroupComponent.prototype.customNavClick;
+    /** @type {?} */
     RSNavCardGroupComponent.prototype.title;
     /** @type {?} */
     RSNavCardGroupComponent.prototype.router;