npm - raise-common-lib - Versions diffs - 0.0.102 → 0.0.104 - Mend

raise-common-lib 0.0.102 → 0.0.104

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.

Files changed (13) hide show

package/bundles/raise-common-lib.umd.js +13 -6
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/nav-card-group/index.component.js +15 -8
package/esm5/lib/layout/nav-card-group/index.component.js +15 -8
package/fesm2015/raise-common-lib.js +13 -6
package/fesm2015/raise-common-lib.js.map +1 -1
package/fesm5/raise-common-lib.js +13 -6
package/fesm5/raise-common-lib.js.map +1 -1
package/lib/layout/nav-card-group/index.component.d.ts +3 -1
package/package.json +1 -1
package/raise-common-lib.metadata.json +1 -1

package/esm2015/lib/layout/nav-card-group/index.component.js CHANGED Viewed

@@ -4,7 +4,7 @@
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 // 组件类
-import { Component, Input } from "@angular/core";
+import { Component, EventEmitter, Input, Output } from "@angular/core";
 import { Router } from "@angular/router";
 export class RSNavCardGroupComponent {
     /**
@@ -12,30 +12,31 @@ export class RSNavCardGroupComponent {
      */
     constructor(router) {
         this.router = router;
-        // @Output()
-        // navClick = new EventEmitter<any>();
+        this.navClick = new EventEmitter();
         this.navList = [];
+        this.customNavClick = false; // 接收输入属性
+        // 接收输入属性
         this.title = "";
     }
     /**
      * @return {?}
      */
-    ngOnInit() {
-    }
+    ngOnInit() { }
     /**
      * @param {?} item
      * @return {?}
      */
     onNavClick(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)}}"]
             }] }
 ];
@@ -44,15 +45,21 @@ RSNavCardGroupComponent.ctorParameters = () => [
     { type: Router }
 ];
 RSNavCardGroupComponent.propDecorators = {
+    navClick: [{ type: Output }],
     navList: [{ type: Input }],
+    customNavClick: [{ type: Input }],
     title: [{ type: Input }]
 };
 if (false) {
+    /** @type {?} */
+    RSNavCardGroupComponent.prototype.navClick;
     /** @type {?} */
     RSNavCardGroupComponent.prototype.navList;
     /** @type {?} */
+    RSNavCardGroupComponent.prototype.customNavClick;
+    /** @type {?} */
     RSNavCardGroupComponent.prototype.title;
     /** @type {?} */
     RSNavCardGroupComponent.prototype.router;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbmF2LWNhcmQtZ3JvdXAvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBUXpDLE1BQU0sT0FBTyx1QkFBdUI7Ozs7SUFDbEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7OztRQU94QixZQUFPLEdBQWUsRUFBRSxDQUFDO1FBQ3pCLFVBQUssR0FBRyxFQUFFLENBQUM7SUFSZ0IsQ0FBQzs7OztJQUNyQyxRQUFRO0lBQ1IsQ0FBQzs7Ozs7SUFRRCxVQUFVLENBQUMsSUFBSTtRQUNiLElBQUksSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7U0FDcEU7SUFDSCxDQUFDOzs7WUFwQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLHlwQ0FBcUM7O2FBRXRDOzs7O1lBUFEsTUFBTTs7O3NCQWdCWixLQUFLO29CQUNMLEtBQUs7Ozs7SUFETiwwQ0FBa0M7O0lBQ2xDLHdDQUFvQjs7SUFSUix5Q0FBcUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcclxuaW1wb3J0IHsgTmF2R3JvdXAgfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcIm5hdi1jYXJkLWdyb3VwXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9pbmRleC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9pbmRleC5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFJTTmF2Q2FyZEdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHt9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICAvLyBAT3V0cHV0KClcclxuICAvLyBuYXZDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBASW5wdXQoKSBuYXZMaXN0OiBOYXZHcm91cFtdID0gW107XHJcbiAgQElucHV0KCkgdGl0bGUgPSBcIlwiO1xyXG5cclxuICBvbk5hdkNsaWNrKGl0ZW0pIHtcclxuICAgIGlmIChpdGVtLnVybCkge1xyXG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbaXRlbS51cmxdLCB7IHN0YXRlOiB7IHRpdGxlOiBpdGVtLnRpdGxlIH0gfSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbmF2LWNhcmQtZ3JvdXAvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBUXpDLE1BQU0sT0FBTyx1QkFBdUI7Ozs7SUFDbEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFJakMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFMUIsWUFBTyxHQUFlLEVBQUUsQ0FBQztRQUN6QixtQkFBYyxHQUFZLEtBQUssQ0FBQyxDQUFDLFNBQVM7O1FBQzFDLFVBQUssR0FBRyxFQUFFLENBQUM7SUFSZ0IsQ0FBQzs7OztJQUNyQyxRQUFRLEtBQVUsQ0FBQzs7Ozs7SUFTbkIsVUFBVSxDQUFDLElBQUk7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN4QixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQ3BFO1FBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7O1lBckJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixvc0NBQXFDOzthQUV0Qzs7OztZQVBRLE1BQU07Ozt1QkFZWixNQUFNO3NCQUdOLEtBQUs7NkJBQ0wsS0FBSztvQkFDTCxLQUFLOzs7O0lBTE4sMkNBQ21DOztJQUVuQywwQ0FBa0M7O0lBQ2xDLGlEQUF5Qzs7SUFDekMsd0NBQW9COztJQVJSLHlDQUFxQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xyXG5pbXBvcnQgeyBOYXZHcm91cCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwibmF2LWNhcmQtZ3JvdXBcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUlNOYXZDYXJkR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge31cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIG5hdkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIEBJbnB1dCgpIG5hdkxpc3Q6IE5hdkdyb3VwW10gPSBbXTtcclxuICBASW5wdXQoKSBjdXN0b21OYXZDbGljazogYm9vbGVhbiA9IGZhbHNlOyAvLyDmjqXmlLbovpPlhaXlsZ7mgKdcclxuICBASW5wdXQoKSB0aXRsZSA9IFwiXCI7XHJcblxyXG4gIG9uTmF2Q2xpY2soaXRlbSkge1xyXG4gICAgaWYgKCF0aGlzLmN1c3RvbU5hdkNsaWNrKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnVybF0sIHsgc3RhdGU6IHsgdGl0bGU6IGl0ZW0udGl0bGUgfSB9KTtcclxuICAgIH1cclxuICAgIHRoaXMubmF2Q2xpY2suZW1pdChpdGVtKTtcclxuICB9XHJcbn1cclxuIl19

package/esm5/lib/layout/nav-card-group/index.component.js CHANGED Viewed

@@ -4,14 +4,15 @@
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 // 组件类
-import { Component, Input } from "@angular/core";
+import { Component, EventEmitter, Input, Output } from "@angular/core";
 import { Router } from "@angular/router";
 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 = "";
     }
     /**
@@ -20,8 +21,7 @@ var RSNavCardGroupComponent = /** @class */ (function () {
     RSNavCardGroupComponent.prototype.ngOnInit = /**
      * @return {?}
      */
-    function () {
-    };
+    function () { };
     /**
      * @param {?} item
      * @return {?}
@@ -31,14 +31,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)}}"]
                 }] }
     ];
@@ -47,18 +48,24 @@ var RSNavCardGroupComponent = /** @class */ (function () {
         { type: Router }
     ]; };
     RSNavCardGroupComponent.propDecorators = {
+        navClick: [{ type: Output }],
         navList: [{ type: Input }],
+        customNavClick: [{ type: Input }],
         title: [{ type: Input }]
     };
     return RSNavCardGroupComponent;
 }());
 export { RSNavCardGroupComponent };
 if (false) {
+    /** @type {?} */
+    RSNavCardGroupComponent.prototype.navClick;
     /** @type {?} */
     RSNavCardGroupComponent.prototype.navList;
     /** @type {?} */
+    RSNavCardGroupComponent.prototype.customNavClick;
+    /** @type {?} */
     RSNavCardGroupComponent.prototype.title;
     /** @type {?} */
     RSNavCardGroupComponent.prototype.router;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbmF2LWNhcmQtZ3JvdXAvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBR3pDO0lBTUUsaUNBQW1CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFROzs7UUFPeEIsWUFBTyxHQUFlLEVBQUUsQ0FBQztRQUN6QixVQUFLLEdBQUcsRUFBRSxDQUFDO0lBUmdCLENBQUM7Ozs7SUFDckMsMENBQVE7OztJQUFSO0lBQ0EsQ0FBQzs7Ozs7SUFRRCw0Q0FBVTs7OztJQUFWLFVBQVcsSUFBSTtRQUNiLElBQUksSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7U0FDcEU7SUFDSCxDQUFDOztnQkFwQkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLHlwQ0FBcUM7O2lCQUV0Qzs7OztnQkFQUSxNQUFNOzs7MEJBZ0JaLEtBQUs7d0JBQ0wsS0FBSzs7SUFPUiw4QkFBQztDQUFBLEFBckJELElBcUJDO1NBaEJZLHVCQUF1Qjs7O0lBUWxDLDBDQUFrQzs7SUFDbEMsd0NBQW9COztJQVJSLHlDQUFxQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xyXG5pbXBvcnQgeyBOYXZHcm91cCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwibmF2LWNhcmQtZ3JvdXBcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUlNOYXZDYXJkR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge31cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIC8vIEBPdXRwdXQoKVxyXG4gIC8vIG5hdkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIEBJbnB1dCgpIG5hdkxpc3Q6IE5hdkdyb3VwW10gPSBbXTtcclxuICBASW5wdXQoKSB0aXRsZSA9IFwiXCI7XHJcblxyXG4gIG9uTmF2Q2xpY2soaXRlbSkge1xyXG4gICAgaWYgKGl0ZW0udXJsKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnVybF0sIHsgc3RhdGU6IHsgdGl0bGU6IGl0ZW0udGl0bGUgfSB9KTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbmF2LWNhcmQtZ3JvdXAvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBR3pDO0lBTUUsaUNBQW1CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBSWpDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRTFCLFlBQU8sR0FBZSxFQUFFLENBQUM7UUFDekIsbUJBQWMsR0FBWSxLQUFLLENBQUMsQ0FBQyxTQUFTOztRQUMxQyxVQUFLLEdBQUcsRUFBRSxDQUFDO0lBUmdCLENBQUM7Ozs7SUFDckMsMENBQVE7OztJQUFSLGNBQWtCLENBQUM7Ozs7O0lBU25CLDRDQUFVOzs7O0lBQVYsVUFBVyxJQUFJO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQztTQUNwRTtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNCLENBQUM7O2dCQXJCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsb3NDQUFxQzs7aUJBRXRDOzs7O2dCQVBRLE1BQU07OzsyQkFZWixNQUFNOzBCQUdOLEtBQUs7aUNBQ0wsS0FBSzt3QkFDTCxLQUFLOztJQVFSLDhCQUFDO0NBQUEsQUF0QkQsSUFzQkM7U0FqQlksdUJBQXVCOzs7SUFJbEMsMkNBQ21DOztJQUVuQywwQ0FBa0M7O0lBQ2xDLGlEQUF5Qzs7SUFDekMsd0NBQW9COztJQVJSLHlDQUFxQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xyXG5pbXBvcnQgeyBOYXZHcm91cCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwibmF2LWNhcmQtZ3JvdXBcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUlNOYXZDYXJkR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge31cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIG5hdkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIEBJbnB1dCgpIG5hdkxpc3Q6IE5hdkdyb3VwW10gPSBbXTtcclxuICBASW5wdXQoKSBjdXN0b21OYXZDbGljazogYm9vbGVhbiA9IGZhbHNlOyAvLyDmjqXmlLbovpPlhaXlsZ7mgKdcclxuICBASW5wdXQoKSB0aXRsZSA9IFwiXCI7XHJcblxyXG4gIG9uTmF2Q2xpY2soaXRlbSkge1xyXG4gICAgaWYgKCF0aGlzLmN1c3RvbU5hdkNsaWNrKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnVybF0sIHsgc3RhdGU6IHsgdGl0bGU6IGl0ZW0udGl0bGUgfSB9KTtcclxuICAgIH1cclxuICAgIHRoaXMubmF2Q2xpY2suZW1pdChpdGVtKTtcclxuICB9XHJcbn1cclxuIl19

package/fesm2015/raise-common-lib.js CHANGED Viewed

@@ -3227,30 +3227,31 @@ class RSNavCardGroupComponent {
      */
     constructor(router) {
         this.router = router;
-        // @Output()
-        // navClick = new EventEmitter<any>();
+        this.navClick = new EventEmitter();
         this.navList = [];
+        this.customNavClick = false; // 接收输入属性
+        // 接收输入属性
         this.title = "";
     }
     /**
      * @return {?}
      */
-    ngOnInit() {
-    }
+    ngOnInit() { }
     /**
      * @param {?} item
      * @return {?}
      */
     onNavClick(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)}}"]
             }] }
 ];
@@ -3259,13 +3260,19 @@ RSNavCardGroupComponent.ctorParameters = () => [
     { type: Router }
 ];
 RSNavCardGroupComponent.propDecorators = {
+    navClick: [{ type: Output }],
     navList: [{ type: Input }],
+    customNavClick: [{ type: Input }],
     title: [{ type: Input }]
 };
 if (false) {
+    /** @type {?} */
+    RSNavCardGroupComponent.prototype.navClick;
     /** @type {?} */
     RSNavCardGroupComponent.prototype.navList;
     /** @type {?} */
+    RSNavCardGroupComponent.prototype.customNavClick;
+    /** @type {?} */
     RSNavCardGroupComponent.prototype.title;
     /** @type {?} */
     RSNavCardGroupComponent.prototype.router;