@yelon/bis 15.1.0-077d885e → 15.1.0-18de49a5

package/fesm2020/layout.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, HostListener, Injectable, Inject, Input, Optional, NgModule, APP_INITIALIZER } from '@angular/core';
 import { Subject, takeUntil, of, catchError, forkJoin, map, mergeMap, mergeAll, BehaviorSubject, throwError, filter, take, switchMap } from 'rxjs';
 import * as i1$4 from '@yelon/util';
-import { WINDOW, log as log$1, deepCopy, YunzaiConfigService } from '@yelon/util';
+import { WINDOW, hasFavicon, setFavicon, log as log$1, deepCopy, YunzaiConfigService } from '@yelon/util';
 import * as i1$5 from '@yelon/theme/layout-default';
 import * as i1$3 from '@yelon/cache';
 import { CacheService } from '@yelon/cache';
@@ -267,12 +267,12 @@ class YunzaiI18NService extends YunzaiI18nBaseService {
         this._defaultLang = DEFAULT;
         this.destroy$ = new Subject();
         const defaultLang = this.getDefaultLang();
+        this.bis = mergeBisConfig(cogSrv);
         this.getLangs()
             .pipe(takeUntil(this.destroy$))
             .subscribe(langs => {
             this._defaultLang = langs.findIndex(w => w.code === defaultLang) === -1 ? DEFAULT : defaultLang;
         });
-        this.bis = mergeBisConfig(cogSrv);
     }
     getDefaultLang() {
         if (!this.platform.isBrowser) {
@@ -921,23 +921,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                     args: [YA_SERVICE_TOKEN]
                 }] }, { type: i1$4.YunzaiConfigService }, { type: i1$3.CacheService }]; } });
 
-var TopicType;
-(function (TopicType) {
-    TopicType[TopicType["FULL"] = 0] = "FULL";
-    TopicType[TopicType["OWN"] = 1] = "OWN";
-    TopicType[TopicType["EVERY"] = 2] = "EVERY";
-})(TopicType || (TopicType = {}));
-
 class LayoutNavApplicationComponent {
     constructor(cacheService, i18n, http, inject) {
         this.cacheService = cacheService;
         this.i18n = i18n;
         this.http = http;
         this.inject = inject;
-        this.TopicType = TopicType;
         this.state = {
             active: false,
-            type: TopicType.FULL,
+            type: 'all',
             topic: undefined,
             topics: [],
             list: [],
@@ -946,18 +938,32 @@ class LayoutNavApplicationComponent {
         };
     }
     ngOnInit() {
-        this.state.list = this.state.topics = this.cacheService.get('_yz_header', { mode: 'none' });
+        this.fetchAllTopic();
+        this.attachNav('all');
     }
-    initTopic(type) {
-        this.state.search = null;
-        this.state.list = this.cacheService.get('_yz_header', { mode: 'none' });
+    fetchAllTopic() {
+        this.state.topics = this.cacheService.get('_yz_header', { mode: 'none' });
+    }
+    attachNav(type, topic) {
         this.state.type = type;
+        this.clearSearch();
+        if (type === 'all') {
+            this.displayAllNav();
+        }
+        if (type === 'mine') {
+            this.displayMineNav();
+        }
+        if (type === 'other' && topic) {
+            this.displayOtherNav(topic);
+        }
+    }
+    clearSearch() {
+        this.state.search = null;
     }
-    full() {
-        this.initTopic(TopicType.FULL);
+    displayAllNav() {
+        this.state.list = this.cacheService.get('_yz_header', { mode: 'none' });
     }
-    own() {
-        this.initTopic(TopicType.OWN);
+    displayMineNav() {
         const temp = this.cacheService.get('_yz_header', { mode: 'none' });
         this.state.list = temp
             .filter((topic) => {
@@ -970,11 +976,10 @@ class LayoutNavApplicationComponent {
             return topic.children.length > 0;
         });
     }
-    every(e) {
-        this.initTopic(TopicType.EVERY);
-        this.state.topic = e;
+    displayOtherNav(topic) {
+        this.state.topic = topic;
         const temp = this.cacheService.get('_yz_header', { mode: 'none' });
-        this.state.list = [...temp.filter(t => t.key === e.key)[0].children];
+        this.state.list = temp.filter(t => t.key === topic.key)[0].children;
     }
     diffChange(flag) {
         if (flag) {
@@ -1038,7 +1043,7 @@ class LayoutNavApplicationComponent {
 }
 LayoutNavApplicationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LayoutNavApplicationComponent, deps: [{ token: i1$3.CacheService }, { token: YunzaiI18NService }, { token: i1$2._HttpClient }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
 LayoutNavApplicationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: LayoutNavApplicationComponent, selector: "layout-nav-application", ngImport: i0, template: `
-    <!--      template start-->
+    <!--      search start-->
     <ng-template #search>
       <div nz-row class="yz-application-list-search">
         <nz-input-group [nzPrefix]="prefixTemplate">
@@ -1055,17 +1060,20 @@ LayoutNavApplicationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
         </nz-input-group>
       </div>
     </ng-template>
+    <!-- search end -->
+
+    <!-- right menu start -->
     <ng-template #ld>
       <div class="yz-application-list">
         <ul>
-          <li *ngFor="let d of state.list">
-            <h5>{{ d.name }}</h5>
-            <a href="javascript:;" *ngFor="let cd of d.children" (click)="open(cd)">{{ cd.name }}</a>
+          <li *ngFor="let topic of state.list">
+            <h5>{{ topic.name | i18n }}</h5>
+            <a href="javascript:;" *ngFor="let nav of topic.children" (click)="open(nav)">{{ nav.name | i18n }}</a>
           </li>
         </ul>
       </div>
     </ng-template>
-    <!--      template end-->
+    <!-- right menu end -->
 
     <!--      button start-->
     <div class="yunzai-default__nav-item" (click)="diffChange()"> {{ 'mode.nav' | i18n }}</div>
@@ -1074,26 +1082,28 @@ LayoutNavApplicationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
     <!--      header start-->
     <div class="yz-application" nz-row *ngIf="state.active">
       <div nz-col [nzSpan]="3" class="yz-application-topic">
-        <div class="yz-application-text" (click)="full()">{{ 'mode.nav.all' | i18n }}</div>
-        <div class="yz-application-text" (click)="own()">{{ 'mode.nav.mine' | i18n }}</div>
-        <div class="yz-application-text" *ngFor="let d of state.topics" (click)="every(d)">{{ d.name | i18n }}</div>
+        <div class="yz-application-text" (click)="attachNav('all')">{{ 'mode.nav.all' | i18n }}</div>
+        <div class="yz-application-text" (click)="attachNav('mine')">{{ 'mode.nav.mine' | i18n }}</div>
+        <div class="yz-application-text" *ngFor="let nav of state.topics" (click)="attachNav('other', nav)">{{
+          nav.name | i18n
+        }}</div>
       </div>
       <div nz-col [nzSpan]="21" [ngSwitch]="state.topic" class="yz-application-container">
-        <div *ngSwitchCase="TopicType.FULL">
+        <div *ngIf="state.type === 'all'">
           <ng-template [ngTemplateOutlet]="search"></ng-template>
           <ng-template [ngTemplateOutlet]="ld"></ng-template>
         </div>
-        <div *ngSwitchCase="TopicType.OWN">
+        <div *ngIf="state.type === 'mine'">
           <ng-template [ngTemplateOutlet]="search"></ng-template>
           <ng-template [ngTemplateOutlet]="ld"></ng-template>
         </div>
-        <div *ngSwitchCase="TopicType.EVERY" class="yz-application-list">
+        <div *ngIf="state.type === 'other'" class="yz-application-list">
           <div class="yz-application-list-item">
             <ul>
-              <li *ngFor="let d of state.list" (click)="open(d)">
+              <li *ngFor="let nav of state.list" (click)="open(nav)">
                 <a href="javascript:;">
-                  <h4>{{ d.name | i18n }}</h4>
-                  <p>{{ d.intro | i18n }}</p>
+                  <h4>{{ nav.name | i18n }}</h4>
+                  <p>{{ nav.intro | i18n }}</p>
                 </a>
               </li>
             </ul>
@@ -1102,13 +1112,13 @@ LayoutNavApplicationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
       </div>
     </div>
     <!--      header end-->
-  `, isInline: true, dependencies: [{ kind: "directive", type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i7$1.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i7$1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i9$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i9$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i7$1.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i7$1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i9$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i9$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LayoutNavApplicationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `layout-nav-application`,
                     template: `
-    <!--      template start-->
+    <!--      search start-->
     <ng-template #search>
       <div nz-row class="yz-application-list-search">
         <nz-input-group [nzPrefix]="prefixTemplate">
@@ -1125,17 +1135,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
         </nz-input-group>
       </div>
     </ng-template>
+    <!-- search end -->
+
+    <!-- right menu start -->
     <ng-template #ld>
       <div class="yz-application-list">
         <ul>
-          <li *ngFor="let d of state.list">
-            <h5>{{ d.name }}</h5>
-            <a href="javascript:;" *ngFor="let cd of d.children" (click)="open(cd)">{{ cd.name }}</a>
+          <li *ngFor="let topic of state.list">
+            <h5>{{ topic.name | i18n }}</h5>
+            <a href="javascript:;" *ngFor="let nav of topic.children" (click)="open(nav)">{{ nav.name | i18n }}</a>
           </li>
         </ul>
       </div>
     </ng-template>
-    <!--      template end-->
+    <!-- right menu end -->
 
     <!--      button start-->
     <div class="yunzai-default__nav-item" (click)="diffChange()"> {{ 'mode.nav' | i18n }}</div>
@@ -1144,26 +1157,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
     <!--      header start-->
     <div class="yz-application" nz-row *ngIf="state.active">
       <div nz-col [nzSpan]="3" class="yz-application-topic">
-        <div class="yz-application-text" (click)="full()">{{ 'mode.nav.all' | i18n }}</div>
-        <div class="yz-application-text" (click)="own()">{{ 'mode.nav.mine' | i18n }}</div>
-        <div class="yz-application-text" *ngFor="let d of state.topics" (click)="every(d)">{{ d.name | i18n }}</div>
+        <div class="yz-application-text" (click)="attachNav('all')">{{ 'mode.nav.all' | i18n }}</div>
+        <div class="yz-application-text" (click)="attachNav('mine')">{{ 'mode.nav.mine' | i18n }}</div>
+        <div class="yz-application-text" *ngFor="let nav of state.topics" (click)="attachNav('other', nav)">{{
+          nav.name | i18n
+        }}</div>
       </div>
       <div nz-col [nzSpan]="21" [ngSwitch]="state.topic" class="yz-application-container">
-        <div *ngSwitchCase="TopicType.FULL">
+        <div *ngIf="state.type === 'all'">
           <ng-template [ngTemplateOutlet]="search"></ng-template>
           <ng-template [ngTemplateOutlet]="ld"></ng-template>
         </div>
-        <div *ngSwitchCase="TopicType.OWN">
+        <div *ngIf="state.type === 'mine'">
           <ng-template [ngTemplateOutlet]="search"></ng-template>
           <ng-template [ngTemplateOutlet]="ld"></ng-template>
         </div>
-        <div *ngSwitchCase="TopicType.EVERY" class="yz-application-list">
+        <div *ngIf="state.type === 'other'" class="yz-application-list">
           <div class="yz-application-list-item">
             <ul>
-              <li *ngFor="let d of state.list" (click)="open(d)">
+              <li *ngFor="let nav of state.list" (click)="open(nav)">
                 <a href="javascript:;">
-                  <h4>{{ d.name | i18n }}</h4>
-                  <p>{{ d.intro | i18n }}</p>
+                  <h4>{{ nav.name | i18n }}</h4>
+                  <p>{{ nav.intro | i18n }}</p>
                 </a>
               </li>
             </ul>
@@ -1353,12 +1368,27 @@ class YunzaiLayoutBasicComponent {
     }
     ngOnInit() {
         this.initLogo();
+        this.initFavicon();
         this.initNavType();
         this.initAside();
         this.addLayoutDisplayListener();
         this.stompService.listen();
         this.toIndex();
     }
+    initFavicon() {
+        console.log('init favicon');
+        const projectInfo = this.cacheService.get('_yz_project_info', { mode: 'none' });
+        if (projectInfo.faviconUrl) {
+            hasFavicon(projectInfo.faviconUrl).then((has) => {
+                if (has) {
+                    setFavicon(projectInfo.faviconUrl);
+                }
+                else {
+                    setFavicon('./assets/favicon.ico');
+                }
+            });
+        }
+    }
     initAside() {
         const aside = this.cacheService.get('_yz_current', { mode: 'none' });
         this.state.aside = { ...aside };
@@ -1477,8 +1507,8 @@ YunzaiLayoutBasicComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
       <div nz-dropdown nzTrigger="click" [nzDropdownMenu]="userMenu" class="yunzai-default__aside-user">
         <nz-avatar class="yunzai-default__aside-user-avatar" [nzSrc]="aside.icon"></nz-avatar>
         <div class="yunzai-default__aside-user-info">
-          <strong>{{ aside.name }}</strong>
-          <p class="mb0">{{ aside.intro }}</p>
+          <strong>{{ aside.name | i18n }}</strong>
+          <p class="mb0">{{ aside.intro | i18n }}</p>
         </div>
       </div>
       <nz-dropdown-menu #userMenu="nzDropdownMenu">
@@ -1565,8 +1595,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
       <div nz-dropdown nzTrigger="click" [nzDropdownMenu]="userMenu" class="yunzai-default__aside-user">
         <nz-avatar class="yunzai-default__aside-user-avatar" [nzSrc]="aside.icon"></nz-avatar>
         <div class="yunzai-default__aside-user-info">
-          <strong>{{ aside.name }}</strong>
-          <p class="mb0">{{ aside.intro }}</p>
+          <strong>{{ aside.name | i18n }}</strong>
+          <p class="mb0">{{ aside.intro | i18n }}</p>
         </div>
       </div>
       <nz-dropdown-menu #userMenu="nzDropdownMenu">
@@ -3036,5 +3066,5 @@ const YUNZAI_APPINIT_PROVIDES = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActGuard, BUSINESS_DEFAULT_CONFIG, LayoutNavApplicationComponent, LayoutNavGroupComponent, LayoutNavTileComponent, NavType, TopicType, YUNZAI_APPINIT_PROVIDES, YUNZAI_LANGS, YUNZAI_APPINIT_PROVIDES as YZ_APPINIT_PROVIDES, YunzaiAuthService, YunzaiClearStorageComponent, YunzaiDefaultInterceptor, YunzaiFullScreenComponent, YunzaiI18NComponent, YunzaiI18NService, YunzaiLayoutBasicComponent, YunzaiLayoutModule, YunzaiNotifyComponent, YunzaiStartupService, YunzaiStartupServiceFactory, YunzaiThemBtnComponent, YunzaiUserComponent, YunzaiAuthService as YzAuthService, YunzaiDefaultInterceptor as YzDefaultInterceptor, YunzaiI18NService as YzI18NService, YunzaiLayoutBasicComponent as YzLayoutBasicComponent, YunzaiStartupService as YzStartupService, YunzaiStartupServiceFactory as YzStartupServiceFactory, generateAbility, mapYzSideToYelonMenu, mergeBisConfig };
+export { ActGuard, BUSINESS_DEFAULT_CONFIG, LayoutNavApplicationComponent, LayoutNavGroupComponent, LayoutNavTileComponent, NavType, YUNZAI_APPINIT_PROVIDES, YUNZAI_LANGS, YUNZAI_APPINIT_PROVIDES as YZ_APPINIT_PROVIDES, YunzaiAuthService, YunzaiClearStorageComponent, YunzaiDefaultInterceptor, YunzaiFullScreenComponent, YunzaiI18NComponent, YunzaiI18NService, YunzaiLayoutBasicComponent, YunzaiLayoutModule, YunzaiNotifyComponent, YunzaiStartupService, YunzaiStartupServiceFactory, YunzaiThemBtnComponent, YunzaiUserComponent, YunzaiAuthService as YzAuthService, YunzaiDefaultInterceptor as YzDefaultInterceptor, YunzaiI18NService as YzI18NService, YunzaiLayoutBasicComponent as YzLayoutBasicComponent, YunzaiStartupService as YzStartupService, YunzaiStartupServiceFactory as YzStartupServiceFactory, generateAbility, mapYzSideToYelonMenu, mergeBisConfig };
 //# sourceMappingURL=layout.mjs.map