raise-common-lib 0.0.102 → 0.0.104

package/bundles/raise-common-lib.umd.js

@@ -3971,9 +3971,10 @@
     var RSNavCardGroupComponent = /** @class */ (function () {
         function RSNavCardGroupComponent(router) {
             this.router = router;
-            // @Output()
-            // navClick = new EventEmitter<any>();
+            this.navClick = new core.EventEmitter();
             this.navList = [];
+            this.customNavClick = false; // 接收输入属性
+            // 接收输入属性
             this.title = "";
         }
         /**
@@ -3982,8 +3983,7 @@
         RSNavCardGroupComponent.prototype.ngOnInit = /**
          * @return {?}
          */
-        function () {
-        };
+        function () { };
         /**
          * @param {?} item
          * @return {?}
@@ -3993,14 +3993,15 @@
          * @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: core.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)}}"]
                     }] }
         ];
@@ -4009,15 +4010,21 @@
             { type: router.Router }
         ]; };
         RSNavCardGroupComponent.propDecorators = {
+            navClick: [{ type: core.Output }],
             navList: [{ type: core.Input }],
+            customNavClick: [{ type: core.Input }],
             title: [{ type: core.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;