@yelon/bis 15.1.0 → 15.1.1-beta.0-cdf36c8

package/fesm2015/layout.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, HostListener, Injectable, Inject, Input, Optional, NgModule, APP_INITIALIZER } from '@angular/core';
-import { forkJoin, map, Subject, takeUntil, of, mergeMap, mergeAll, BehaviorSubject, throwError, filter, take, switchMap, catchError } from 'rxjs';
-import * as i1$3 from '@yelon/util';
-import { WINDOW, log as log$1, deepCopy, YunzaiConfigService } from '@yelon/util';
+import { Subject, takeUntil, of, catchError, forkJoin, map as map$1, mergeMap, mergeAll, BehaviorSubject, throwError, filter, take, switchMap } from 'rxjs';
+import * as i1$4 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$4 from '@yelon/cache';
+import * as i1$3 from '@yelon/cache';
 import { CacheService } from '@yelon/cache';
 import * as i3$3 from '@yelon/socket';
 import * as i4$1 from '@angular/common';
@@ -20,16 +20,26 @@ import * as i9 from 'ng-zorro-antd/avatar';
 import * as i1 from 'ng-zorro-antd/modal';
 import * as i1$1 from 'ng-zorro-antd/message';
 import * as i1$2 from '@yelon/theme';
-import { zh_CN as zh_CN$1, zh_TW as zh_TW$1, en_US as en_US$1, YunzaiI18nBaseService, YUNZAI_I18N_TOKEN, _HttpClient } from '@yelon/theme';
+import { zh_CN as zh_CN$1, zh_TW as zh_TW$1, en_US as en_US$1, el_GR as el_GR$1, es_ES as es_ES$1, fr_FR as fr_FR$1, hr_HR as hr_HR$1, it_IT as it_IT$1, ko_KR as ko_KR$1, pl_PL as pl_PL$1, sl_SI as sl_SI$1, tr_TR as tr_TR$1, YunzaiI18nBaseService, YUNZAI_I18N_TOKEN, _HttpClient } from '@yelon/theme';
 import screenfull from 'screenfull';
 import { __decorate } from 'tslib';
 import { InputBoolean } from '@yelon/util/decorator';
 import ngEn from '@angular/common/locales/en';
+import { zhCN, zhTW, enUS, el, es, fr, hr, it, ko, pl, sl, tr } from 'date-fns/locale';
+import { map } from 'rxjs/operators';
+import * as i2 from 'ng-zorro-antd/i18n';
+import { zh_CN, zh_TW, en_US, el_GR, es_ES, fr_FR, hr_HR, it_IT, ko_KR, pl_PL, sl_SI, tr_TR } from 'ng-zorro-antd/i18n';
+import ngElGr from '@angular/common/locales/el';
+import ngEsEs from '@angular/common/locales/es';
+import ngFr from '@angular/common/locales/fr';
+import ngHr from '@angular/common/locales/hr';
+import ngIt from '@angular/common/locales/it';
+import ngKo from '@angular/common/locales/ko';
+import ngPl from '@angular/common/locales/pl';
+import ngSl from '@angular/common/locales/sl';
+import ngTr from '@angular/common/locales/tr';
 import ngZh from '@angular/common/locales/zh';
 import ngZhTw from '@angular/common/locales/zh-Hant';
-import { zhCN, zhTW, enUS } from 'date-fns/locale';
-import * as i2 from 'ng-zorro-antd/i18n';
-import { zh_CN, zh_TW, en_US } from 'ng-zorro-antd/i18n';
 import * as i3$1 from '@angular/cdk/platform';
 import * as i4 from '@yelon/util/config';
 import { YunzaiConfigService as YunzaiConfigService$1 } from '@yelon/util/config';
@@ -73,18 +83,18 @@ class YunzaiClearStorageComponent {
         });
     }
 }
-YunzaiClearStorageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiClearStorageComponent, deps: [{ token: i1.NzModalService }, { token: i1$1.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
-YunzaiClearStorageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: YunzaiClearStorageComponent, selector: "yunzai-clearstorage", host: { listeners: { "click": "_click()" }, properties: { "class.d-block": "true" } }, ngImport: i0, template: `
+YunzaiClearStorageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiClearStorageComponent, deps: [{ token: i1.NzModalService }, { token: i1$1.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
+YunzaiClearStorageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: YunzaiClearStorageComponent, selector: "yunzai-clearstorage", host: { listeners: { "click": "_click()" }, properties: { "class.d-block": "true" } }, ngImport: i0, template: `
     <i nz-icon nzType="tool"></i>
-    {{ 'menu.clear.local.storage' | i18n }}
+    {{ 'storage.clear' | i18n }}
   `, isInline: true, dependencies: [{ 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: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiClearStorageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiClearStorageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'yunzai-clearstorage',
                     template: `
     <i nz-icon nzType="tool"></i>
-    {{ 'menu.clear.local.storage' | i18n }}
+    {{ 'storage.clear' | i18n }}
   `,
                     host: {
                         '[class.d-block]': 'true'
@@ -109,18 +119,18 @@ class YunzaiFullScreenComponent {
         }
     }
 }
-YunzaiFullScreenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiFullScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-YunzaiFullScreenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: YunzaiFullScreenComponent, selector: "yunzai-fullscreen", host: { listeners: { "window:resize": "_resize()", "click": "_click()" }, properties: { "class.d-block": "true" } }, ngImport: i0, template: `
+YunzaiFullScreenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiFullScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+YunzaiFullScreenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: YunzaiFullScreenComponent, selector: "yunzai-fullscreen", host: { listeners: { "window:resize": "_resize()", "click": "_click()" }, properties: { "class.d-block": "true" } }, ngImport: i0, template: `
     <i nz-icon [nzType]="status ? 'fullscreen-exit' : 'fullscreen'"></i>
-    {{ (status ? 'menu.fullscreen.exit' : 'menu.fullscreen') | i18n }}
+    {{ (status ? 'exitFullscreen' : 'fullscreen') | i18n }}
   `, isInline: true, dependencies: [{ 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: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiFullScreenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiFullScreenComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'yunzai-fullscreen',
                     template: `
     <i nz-icon [nzType]="status ? 'fullscreen-exit' : 'fullscreen'"></i>
-    {{ (status ? 'menu.fullscreen.exit' : 'menu.fullscreen') | i18n }}
+    {{ (status ? 'exitFullscreen' : 'fullscreen') | i18n }}
   `,
                     host: {
                         '[class.d-block]': 'true'
@@ -135,8 +145,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 args: ['click']
             }] } });
 
-const DEFAULT = 'zh-CN';
-const LANGS = {
+const BUSINESS_DEFAULT_CONFIG = {
+    baseUrl: '/backstage',
+    systemCode: 'portal',
+    loginForm: null,
+    refreshTokenEnabled: true,
+    refreshTokenType: 're-request'
+};
+function mergeBisConfig(srv) {
+    return srv.merge('bis', BUSINESS_DEFAULT_CONFIG);
+}
+
+const YUNZAI_LANGS = {
     'zh-CN': {
         text: '简体中文',
         ng: ngZh,
@@ -160,23 +180,100 @@ const LANGS = {
         date: enUS,
         yelon: en_US$1,
         abbr: '🇬🇧'
+    },
+    'el-GR': {
+        text: 'Ελληνικά',
+        ng: ngElGr,
+        zorro: el_GR,
+        date: el,
+        yelon: el_GR$1,
+        abbr: '🇬🇷'
+    },
+    'es-ES': {
+        text: 'Español',
+        ng: ngEsEs,
+        zorro: es_ES,
+        date: es,
+        yelon: es_ES$1,
+        abbr: '🇪🇸'
+    },
+    'fr-FR': {
+        text: 'Français',
+        ng: ngFr,
+        zorro: fr_FR,
+        date: fr,
+        yelon: fr_FR$1,
+        abbr: '🇫🇷'
+    },
+    'hr-HR': {
+        text: 'Hrvatski',
+        ng: ngHr,
+        zorro: hr_HR,
+        date: hr,
+        yelon: hr_HR$1,
+        abbr: '🇭🇷'
+    },
+    'it-IT': {
+        text: 'Italiano',
+        ng: ngIt,
+        zorro: it_IT,
+        date: it,
+        yelon: it_IT$1,
+        abbr: '🇮🇹'
+    },
+    'ko-KR': {
+        text: '한국어',
+        ng: ngKo,
+        zorro: ko_KR,
+        date: ko,
+        yelon: ko_KR$1,
+        abbr: '🇰🇷'
+    },
+    'pl-PL': {
+        text: 'Polski',
+        ng: ngPl,
+        zorro: pl_PL,
+        date: pl,
+        yelon: pl_PL$1,
+        abbr: '🇵🇱'
+    },
+    'sl-SI': {
+        text: 'Slovenščina',
+        ng: ngSl,
+        zorro: sl_SI,
+        date: sl,
+        yelon: sl_SI$1,
+        abbr: '🇸🇮'
+    },
+    'tr-TR': {
+        text: 'Türkçe',
+        ng: ngTr,
+        zorro: tr_TR,
+        date: tr,
+        yelon: tr_TR$1,
+        abbr: '🇹🇷'
     }
 };
+
+const DEFAULT = 'zh-CN';
 class YunzaiI18NService extends YunzaiI18nBaseService {
-    constructor(http, settings, nzI18nService, yelonLocaleService, platform, cogSrv) {
+    constructor(http, settings, nzI18nService, yelonLocaleService, platform, cogSrv, cacheService) {
         super(cogSrv);
         this.http = http;
         this.settings = settings;
         this.nzI18nService = nzI18nService;
         this.yelonLocaleService = yelonLocaleService;
         this.platform = platform;
+        this.cacheService = cacheService;
         this._defaultLang = DEFAULT;
-        this._langs = Object.keys(LANGS).map(code => {
-            const item = LANGS[code];
-            return { code, text: item.text, abbr: item.abbr };
-        });
+        this.destroy$ = new Subject();
         const defaultLang = this.getDefaultLang();
-        this._defaultLang = this._langs.findIndex(w => w.code === defaultLang) === -1 ? DEFAULT : defaultLang;
+        this.bis = mergeBisConfig(cogSrv);
+        this.getLangs()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(langs => {
+            this._defaultLang = langs.findIndex(w => w.code === defaultLang) === -1 ? DEFAULT : defaultLang;
+        });
     }
     getDefaultLang() {
         if (!this.platform.isBrowser) {
@@ -190,35 +287,89 @@ class YunzaiI18NService extends YunzaiI18nBaseService {
         return arr.length <= 1 ? res : `${arr[0]}-${arr[1].toUpperCase()}`;
     }
     loadLangData(lang) {
-        return this.http.get(`assets/tmp/i18n/${lang}.json`);
+        if (ngDevMode) {
+            return this.http.get(`assets/tmp/i18n/${lang}.json`);
+        }
+        else {
+            if (this.getLang(lang)) {
+                return of(this.getLang(lang));
+            }
+            return this.http
+                .get(`${this.bis.baseUrl}/i18n/api/v2/language/${lang}?_allow_anonymous`)
+                .pipe(catchError(() => this.http.get(`assets/tmp/i18n/${lang}.json`)));
+        }
     }
     use(lang, data) {
         if (this._currentLang === lang)
             return;
+        if (!ngDevMode) {
+            this.cacheLang(lang, data);
+        }
         this._data = this.flatData(data, []);
-        const item = LANGS[lang];
-        registerLocaleData(item.ng);
-        this.nzI18nService.setLocale(item.zorro);
-        this.nzI18nService.setDateLocale(item.date);
-        this.yelonLocaleService.setLocale(item.yelon);
-        this._currentLang = lang;
-        this._change$.next(lang);
+        const item = YUNZAI_LANGS[lang];
+        if (item) {
+            registerLocaleData(item.ng);
+            this.nzI18nService.setLocale(item.zorro);
+            this.nzI18nService.setDateLocale(item.date);
+            this.yelonLocaleService.setLocale(item.yelon);
+            this._currentLang = lang;
+            this._change$.next(lang);
+        }
+        else {
+            registerLocaleData(ngEn);
+            this.nzI18nService.setLocale(en_US);
+            this.nzI18nService.setDateLocale(enUS);
+            this.yelonLocaleService.setLocale(en_US$1);
+            this._currentLang = lang;
+            this._change$.next(lang);
+        }
     }
     getLangs() {
-        return this._langs;
+        const langs = Object.keys(YUNZAI_LANGS).map(code => {
+            const item = YUNZAI_LANGS[code];
+            return { code, text: item.text, abbr: item.abbr, image: undefined };
+        });
+        if (ngDevMode) {
+            return of(langs);
+        }
+        else {
+            if (this.getCachedLangs().length > 0) {
+                return of(this.getCachedLangs());
+            }
+            return this.http.get(`${this.bis.baseUrl}/i18n/api/v2/language?_allow_anonymous`).pipe(map((response) => {
+                this.cacheLangs(response.data);
+                return response.data;
+            }), catchError(() => of(langs)));
+        }
+    }
+    cacheLang(lang, data) {
+        const key = `_yz_lang_${lang}`;
+        this.cacheService.set(key, data);
+    }
+    getLang(lang) {
+        const key = `_yz_lang_${lang}`;
+        return this.cacheService.get(key, { mode: 'none' });
+    }
+    cacheLangs(langs) {
+        const key = `_yz_langs`;
+        this.cacheService.set(key, langs);
+    }
+    getCachedLangs() {
+        const key = `_yz_langs`;
+        return this.cacheService.get(key, { mode: 'none' }) || [];
+    }
+    ngOnDestroy() {
+        this.destroy$.complete();
     }
 }
-YunzaiI18NService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiI18NService, deps: [{ token: i1$2._HttpClient }, { token: i1$2.SettingsService }, { token: i2.NzI18nService }, { token: i1$2.YelonLocaleService }, { token: i3$1.Platform }, { token: i4.YunzaiConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-YunzaiI18NService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiI18NService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiI18NService, decorators: [{
+YunzaiI18NService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiI18NService, deps: [{ token: i1$2._HttpClient }, { token: i1$2.SettingsService }, { token: i2.NzI18nService }, { token: i1$2.YelonLocaleService }, { token: i3$1.Platform }, { token: i4.YunzaiConfigService }, { token: i1$3.CacheService }], target: i0.ɵɵFactoryTarget.Injectable });
+YunzaiI18NService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiI18NService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiI18NService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$2._HttpClient }, { type: i1$2.SettingsService }, { type: i2.NzI18nService }, { type: i1$2.YelonLocaleService }, { type: i3$1.Platform }, { type: i4.YunzaiConfigService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2._HttpClient }, { type: i1$2.SettingsService }, { type: i2.NzI18nService }, { type: i1$2.YelonLocaleService }, { type: i3$1.Platform }, { type: i4.YunzaiConfigService }, { type: i1$3.CacheService }]; } });
 
 class YunzaiI18NComponent {
-    get langs() {
-        return this.i18n.getLangs();
-    }
     get curLangCode() {
         return this.settings.layout.lang;
     }
@@ -226,8 +377,16 @@ class YunzaiI18NComponent {
         this.settings = settings;
         this.i18n = i18n;
         this.doc = doc;
+        this.destroy$ = new Subject();
         /** Whether to display language text */
         this.showLangText = true;
+        this.langs = [];
+        this.i18n
+            .getLangs()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(langs => {
+            this.langs = langs;
+        });
     }
     change(lang) {
         const spinEl = this.doc.createElement('div');
@@ -240,12 +399,15 @@ class YunzaiI18NComponent {
             setTimeout(() => this.doc.location.reload());
         });
     }
+    ngOnDestroy() {
+        this.destroy$.complete();
+    }
 }
-YunzaiI18NComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiI18NComponent, deps: [{ token: i1$2.SettingsService }, { token: YUNZAI_I18N_TOKEN }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-YunzaiI18NComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: YunzaiI18NComponent, selector: "yunzai-i18n", inputs: { showLangText: "showLangText" }, ngImport: i0, template: `
+YunzaiI18NComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiI18NComponent, deps: [{ token: i1$2.SettingsService }, { token: YUNZAI_I18N_TOKEN }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+YunzaiI18NComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: YunzaiI18NComponent, selector: "yunzai-i18n", inputs: { showLangText: "showLangText" }, ngImport: i0, template: `
     <div *ngIf="showLangText" nz-dropdown [nzDropdownMenu]="langMenu" nzPlacement="bottomRight">
       <i nz-icon nzType="global"></i>
-      {{ 'menu.lang' | i18n }}
+      {{ 'lang.nav' | i18n }}
       <i nz-icon nzType="down"></i>
     </div>
     <i
@@ -264,7 +426,16 @@ YunzaiI18NComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
           [nzSelected]="item.code === curLangCode"
           (click)="change(item.code)"
         >
-          <span role="img" [attr.aria-label]="item.text" class="pr-xs">{{ item.abbr }}</span>
+          <span *ngIf="!item.icon" role="img" [attr.aria-label]="item.text" class="pr-xs">{{ item.abbr }}</span>
+          <img
+            *ngIf="item.icon"
+            style="margin-right:4px"
+            width="50px"
+            height="30px"
+            [src]="'data:image/png;base64,' + item.icon"
+            [alt]="item.abbr"
+            class="pr-xs"
+          />
           {{ item.text }}
         </li>
       </ul>
@@ -273,14 +444,14 @@ YunzaiI18NComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
 __decorate([
     InputBoolean()
 ], YunzaiI18NComponent.prototype, "showLangText", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiI18NComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiI18NComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'yunzai-i18n',
                     template: `
     <div *ngIf="showLangText" nz-dropdown [nzDropdownMenu]="langMenu" nzPlacement="bottomRight">
       <i nz-icon nzType="global"></i>
-      {{ 'menu.lang' | i18n }}
+      {{ 'lang.nav' | i18n }}
       <i nz-icon nzType="down"></i>
     </div>
     <i
@@ -299,7 +470,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
           [nzSelected]="item.code === curLangCode"
           (click)="change(item.code)"
         >
-          <span role="img" [attr.aria-label]="item.text" class="pr-xs">{{ item.abbr }}</span>
+          <span *ngIf="!item.icon" role="img" [attr.aria-label]="item.text" class="pr-xs">{{ item.abbr }}</span>
+          <img
+            *ngIf="item.icon"
+            style="margin-right:4px"
+            width="50px"
+            height="30px"
+            [src]="'data:image/png;base64,' + item.icon"
+            [alt]="item.abbr"
+            class="pr-xs"
+          />
           {{ item.text }}
         </li>
       </ul>
@@ -332,25 +512,25 @@ class YunzaiNotifyComponent {
                 key: 'msg',
                 title: this.y18n.fanyi('notify.message'),
                 list: [],
-                emptyText: this.y18n.fanyi('notify.message.emptyText'),
+                emptyText: this.y18n.fanyi('notify.message.empty'),
                 emptyImage: './assets/tmp/img/message.svg',
-                clearText: this.y18n.fanyi('notify.message.clearText')
+                clearText: this.y18n.fanyi('notify.message.clear')
             },
             {
                 key: 'todo',
                 title: this.y18n.fanyi('notify.todo'),
                 list: [],
-                emptyText: this.y18n.fanyi('notify.todo.emptyText'),
+                emptyText: this.y18n.fanyi('notify.todo.empty'),
                 emptyImage: './assets/tmp/img/todo.svg',
-                clearText: this.y18n.fanyi('notify.todo.clearText')
+                clearText: this.y18n.fanyi('notify.todo.clear')
             },
             {
                 key: 'notice',
                 title: this.y18n.fanyi('notify.notice'),
                 list: [],
-                emptyText: this.y18n.fanyi('notify.notice.emptyText'),
+                emptyText: this.y18n.fanyi('notify.notice.empty'),
                 emptyImage: './assets/tmp/img/notice.svg',
-                clearText: this.y18n.fanyi('notify.notice.clearText')
+                clearText: this.y18n.fanyi('notify.notice.clear')
             }
         ];
         this.loading = false;
@@ -386,7 +566,7 @@ class YunzaiNotifyComponent {
             pageSize: 10,
             status: '0'
         })
-            .pipe(map((response) => {
+            .pipe(map$1((response) => {
             const viewMessage = this.data.filter(d => d.key === 'msg')[0];
             viewMessage.list = response.data.list.map((m) => {
                 return Object.assign(Object.assign({}, m), { avatar: (m === null || m === void 0 ? void 0 : m.imgUrl) || './assets/tmp/img/message.png', title: m.systemName, description: m.content, extra: formatMessageStatus(m.status).extra, color: formatMessageStatus(m.status).color, datetime: formatDistanceToNow(new Date(m.date), { locale: this.nzI18n.getDateLocale() }) });
@@ -412,7 +592,7 @@ class YunzaiNotifyComponent {
             pageSize: 10,
             status: '0'
         })
-            .pipe(map((response) => {
+            .pipe(map$1((response) => {
             const viewTodo = this.data.filter(d => d.key === 'todo')[0];
             viewTodo.list = response.data.list.map((t) => {
                 return Object.assign(Object.assign({}, t), { avatar: (t === null || t === void 0 ? void 0 : t.imgUrl) || './assets/tmp/img/todo.png', title: t.systemName, description: t.content, datetime: formatDistanceToNow(new Date(t.date), { locale: this.nzI18n.getDateLocale() }), extra: formatTodoStatus(t.status).extra, color: formatTodoStatus(t.status).color });
@@ -440,8 +620,8 @@ class YunzaiNotifyComponent {
         this.subs.forEach(a => a.unsubscribe());
     }
 }
-YunzaiNotifyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiNotifyComponent, deps: [{ token: i0.Injector }, { token: i1$1.NzMessageService }, { token: YUNZAI_I18N_TOKEN }, { token: i2.NzI18nService }, { token: i0.ChangeDetectorRef }, { token: i1$2._HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-YunzaiNotifyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: YunzaiNotifyComponent, selector: "yunzai-notify", ngImport: i0, template: `
+YunzaiNotifyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiNotifyComponent, deps: [{ token: i0.Injector }, { token: i1$1.NzMessageService }, { token: YUNZAI_I18N_TOKEN }, { token: i2.NzI18nService }, { token: i0.ChangeDetectorRef }, { token: i1$2._HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+YunzaiNotifyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: YunzaiNotifyComponent, selector: "yunzai-notify", ngImport: i0, template: `
     <notice-icon
       [data]="data"
       [count]="count"
@@ -452,7 +632,7 @@ YunzaiNotifyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
       (clear)="clear($event)"
     ></notice-icon>
   `, isInline: true, dependencies: [{ kind: "component", type: i4$2.NoticeIconComponent, selector: "notice-icon", inputs: ["data", "count", "loading", "popoverVisible", "btnClass", "btnIconClass", "centered"], outputs: ["select", "clear", "popoverVisibleChange"], exportAs: ["noticeIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiNotifyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiNotifyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'yunzai-notify',
@@ -554,8 +734,8 @@ class YunzaiThemBtnComponent {
         this.destroy$.complete();
     }
 }
-YunzaiThemBtnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiThemBtnComponent, deps: [{ token: i0.Renderer2 }, { token: i4.YunzaiConfigService }, { token: i3$1.Platform }, { token: DOCUMENT }, { token: i3$2.Directionality, optional: true }, { token: YUNZAI_THEME_BTN_KEYS }], target: i0.ɵɵFactoryTarget.Component });
-YunzaiThemBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: YunzaiThemBtnComponent, selector: "yunzai-theme-btn", inputs: { types: "types", devTips: "devTips", deployUrl: "deployUrl" }, ngImport: i0, template: `
+YunzaiThemBtnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiThemBtnComponent, deps: [{ token: i0.Renderer2 }, { token: i4.YunzaiConfigService }, { token: i3$1.Platform }, { token: DOCUMENT }, { token: i3$2.Directionality, optional: true }, { token: YUNZAI_THEME_BTN_KEYS }], target: i0.ɵɵFactoryTarget.Component });
+YunzaiThemBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: YunzaiThemBtnComponent, selector: "yunzai-theme-btn", inputs: { types: "types", devTips: "devTips", deployUrl: "deployUrl" }, ngImport: i0, template: `
     <div
       class="yunzai-default__nav-item"
       nz-dropdown
@@ -595,7 +775,7 @@ YunzaiThemBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
       <!--      </div>-->
     </nz-dropdown-menu>
   `, isInline: true, dependencies: [{ kind: "directive", type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i6.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "directive", type: i6.NzMenuItemDirective, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i7.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i8$1.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiThemBtnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiThemBtnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'yunzai-theme-btn',
@@ -659,17 +839,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 type: Input
             }] } });
 
-const BUSINESS_DEFAULT_CONFIG = {
-    baseUrl: '/backstage',
-    systemCode: 'portal',
-    loginForm: null,
-    refreshTokenEnabled: true,
-    refreshTokenType: 're-request'
-};
-function mergeBisConfig(srv) {
-    return srv.merge('bis', BUSINESS_DEFAULT_CONFIG);
-}
-
 class YunzaiUserComponent {
     constructor(injector, msg, tokenService, 
     // @ts-ignore
@@ -707,8 +876,8 @@ class YunzaiUserComponent {
         }
     }
 }
-YunzaiUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiUserComponent, deps: [{ token: i0.Injector }, { token: i1$1.NzMessageService }, { token: YA_SERVICE_TOKEN }, { token: i1$3.YunzaiConfigService }, { token: i1$4.CacheService }], target: i0.ɵɵFactoryTarget.Component });
-YunzaiUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: YunzaiUserComponent, selector: "yunzai-user", ngImport: i0, template: `
+YunzaiUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiUserComponent, deps: [{ token: i0.Injector }, { token: i1$1.NzMessageService }, { token: YA_SERVICE_TOKEN }, { token: i1$4.YunzaiConfigService }, { token: i1$3.CacheService }], target: i0.ɵɵFactoryTarget.Component });
+YunzaiUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: YunzaiUserComponent, selector: "yunzai-user", ngImport: i0, template: `
     <div
       class="yunzai-default__nav-item d-flex align-items-center px-sm"
       nz-dropdown
@@ -729,12 +898,12 @@ YunzaiUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         <li nz-menu-divider></li>
         <div nz-menu-item (click)="logout()">
           <i nz-icon nzType="logout" class="mr-sm"></i>
-          {{ 'menu.account.logout' | i18n }}
+          {{ 'logout' | i18n }}
         </div>
       </div>
     </nz-dropdown-menu>
   `, isInline: true, dependencies: [{ kind: "directive", type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i6.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "directive", type: i6.NzMenuItemDirective, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i6.NzMenuDividerDirective, selector: "[nz-menu-divider]", exportAs: ["nzMenuDivider"] }, { kind: "directive", type: i7.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i9.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiUserComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiUserComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'yunzai-user',
@@ -759,7 +928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
         <li nz-menu-divider></li>
         <div nz-menu-item (click)="logout()">
           <i nz-icon nzType="logout" class="mr-sm"></i>
-          {{ 'menu.account.logout' | i18n }}
+          {{ 'logout' | i18n }}
         </div>
       </div>
     </nz-dropdown-menu>
@@ -770,26 +939,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
         return [{ type: i0.Injector }, { type: i1$1.NzMessageService }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [YA_SERVICE_TOKEN]
-                    }] }, { type: i1$3.YunzaiConfigService }, { type: i1$4.CacheService }];
+                    }] }, { 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: [],
@@ -798,18 +959,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) => {
@@ -822,11 +997,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) {
@@ -888,9 +1062,9 @@ class LayoutNavApplicationComponent {
         this.state.destroy$.complete();
     }
 }
-LayoutNavApplicationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LayoutNavApplicationComponent, deps: [{ token: i1$4.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-->
+LayoutNavApplicationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", 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.2.0", type: LayoutNavApplicationComponent, selector: "layout-nav-application", ngImport: i0, template: `
+    <!--      search start-->
     <ng-template #search>
       <div nz-row class="yz-application-list-search">
         <nz-input-group [nzPrefix]="prefixTemplate">
@@ -907,45 +1081,50 @@ 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()"> {{ 'application.button' | i18n }}</div>
+    <div class="yunzai-default__nav-item" (click)="diffChange()"> {{ 'mode.nav' | i18n }}</div>
     <!--      button end-->
 
     <!--      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()">{{ 'application.all' | i18n }}</div>
-        <div class="yz-application-text" (click)="own()">{{ 'application.mine' | i18n }}</div>
-        <div class="yz-application-text" *ngFor="let d of state.topics" (click)="every(d)">{{ d.name }}</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 }}</h4>
-                  <p>{{ d.intro }}</p>
+                  <h4>{{ nav.name | i18n }}</h4>
+                  <p>{{ nav.intro | i18n }}</p>
                 </a>
               </li>
             </ul>
@@ -954,13 +1133,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" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LayoutNavApplicationComponent, decorators: [{
+  `, 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.2.0", 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">
@@ -977,45 +1156,50 @@ 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()"> {{ 'application.button' | i18n }}</div>
+    <div class="yunzai-default__nav-item" (click)="diffChange()"> {{ 'mode.nav' | i18n }}</div>
     <!--      button end-->
 
     <!--      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()">{{ 'application.all' | i18n }}</div>
-        <div class="yz-application-text" (click)="own()">{{ 'application.mine' | i18n }}</div>
-        <div class="yz-application-text" *ngFor="let d of state.topics" (click)="every(d)">{{ d.name }}</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 }}</h4>
-                  <p>{{ d.intro }}</p>
+                  <h4>{{ nav.name | i18n }}</h4>
+                  <p>{{ nav.intro | i18n }}</p>
                 </a>
               </li>
             </ul>
@@ -1026,7 +1210,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
     <!--      header end-->
   `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.CacheService }, { type: YunzaiI18NService }, { type: i1$2._HttpClient }, { type: i0.Injector }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.CacheService }, { type: YunzaiI18NService }, { type: i1$2._HttpClient }, { type: i0.Injector }]; } });
 
 class LayoutNavGroupComponent {
     constructor(inject, cacheService, http) {
@@ -1070,8 +1254,8 @@ class LayoutNavGroupComponent {
         this.state.destroy$.complete();
     }
 }
-LayoutNavGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LayoutNavGroupComponent, deps: [{ token: i0.Injector }, { token: i1$4.CacheService }, { token: i1$2._HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-LayoutNavGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: LayoutNavGroupComponent, selector: "layout-nav-group", ngImport: i0, template: `
+LayoutNavGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: LayoutNavGroupComponent, deps: [{ token: i0.Injector }, { token: i1$3.CacheService }, { token: i1$2._HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+LayoutNavGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: LayoutNavGroupComponent, selector: "layout-nav-group", ngImport: i0, template: `
     <div class="yz-application-group">
       <nz-tabset>
         <nz-tab *ngFor="let menu of state.topics" [nzTitle]="groupTitleTpl">
@@ -1100,7 +1284,7 @@ LayoutNavGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
       </nz-tabset>
     </div>
   `, 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: 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: i6.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "directive", type: i6.NzMenuItemDirective, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i7.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "directive", type: i7.NzDropDownADirective, selector: "a[nz-dropdown]" }, { kind: "component", type: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i8$2.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i8$2.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LayoutNavGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: LayoutNavGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `layout-nav-group`,
@@ -1134,14 +1318,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
     </div>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$4.CacheService }, { type: i1$2._HttpClient }]; } });
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$3.CacheService }, { type: i1$2._HttpClient }]; } });
 
 class LayoutNavTileComponent {
     constructor() { }
 }
-LayoutNavTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LayoutNavTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LayoutNavTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: LayoutNavTileComponent, selector: "layout-nav-tile", ngImport: i0, template: `<template></template>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LayoutNavTileComponent, decorators: [{
+LayoutNavTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: LayoutNavTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LayoutNavTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: LayoutNavTileComponent, selector: "layout-nav-tile", ngImport: i0, template: `<template></template>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: LayoutNavTileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `layout-nav-tile`,
@@ -1199,12 +1383,26 @@ class YunzaiLayoutBasicComponent {
     }
     ngOnInit() {
         this.initLogo();
+        this.initFavicon();
         this.initNavType();
         this.initAside();
         this.addLayoutDisplayListener();
         this.stompService.listen();
         this.toIndex();
     }
+    initFavicon() {
+        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 = Object.assign({}, aside);
@@ -1256,8 +1454,8 @@ class YunzaiLayoutBasicComponent {
         this.state.destroy$.complete();
     }
 }
-YunzaiLayoutBasicComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiLayoutBasicComponent, deps: [{ token: i1$5.LayoutDisplayService }, { token: i1$4.CacheService }, { token: i3$3.StompService }, { token: WINDOW }], target: i0.ɵɵFactoryTarget.Component });
-YunzaiLayoutBasicComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: YunzaiLayoutBasicComponent, selector: "yz-layout-basic", ngImport: i0, template: `<layout-default
+YunzaiLayoutBasicComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiLayoutBasicComponent, deps: [{ token: i1$5.LayoutDisplayService }, { token: i1$3.CacheService }, { token: i3$3.StompService }, { token: WINDOW }], target: i0.ɵɵFactoryTarget.Component });
+YunzaiLayoutBasicComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: YunzaiLayoutBasicComponent, selector: "yz-layout-basic", ngImport: i0, template: `<layout-default
       [options]="options"
       [asideUser]="asideUserTpl"
       [content]="displayReusetab ? contentTpl : noneTpl"
@@ -1294,20 +1492,20 @@ YunzaiLayoutBasicComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
         <nz-dropdown-menu #settingsMenu="nzDropdownMenu">
           <div nz-menu style="width: 200px;">
             <div nz-menu-item>
-              {{ 'menu.application.mode' | i18n }}
+              {{ 'mode.nav' | i18n }}
             </div>
 
             <div nz-menu-item (click)="onNavTypeChange(NavType.APPLICATION)">
               <i nz-icon nzType="appstore" class="mr-sm"></i>
-              {{ 'menu.application.application' | i18n }}
+              {{ 'mode.nav.application' | i18n }}
             </div>
             <div nz-menu-item (click)="onNavTypeChange(NavType.GROUP)">
               <i nz-icon nzType="group" class="mr-sm"></i>
-              {{ 'menu.application.group' | i18n }}
+              {{ 'mode.nav.group' | i18n }}
             </div>
             <div nz-menu-item (click)="onNavTypeChange(NavType.TILE)">
               <i nz-icon nzType="appstore" class="mr-sm"></i>
-              {{ 'menu.application.tile' | i18n }}
+              {{ 'mode.nav.tile' | i18n }}
             </div>
             <div nz-menu-item> <yunzai-fullscreen></yunzai-fullscreen> </div>
             <div nz-menu-item> <yunzai-clearstorage></yunzai-clearstorage> </div>
@@ -1324,13 +1522,13 @@ 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">
         <ul nz-menu>
-          <li nz-menu-item routerLink="/">{{ 'menu.backtohome' | i18n }}</li>
+          <li nz-menu-item routerLink="/">{{ 'back.home' | i18n }}</li>
         </ul>
       </nz-dropdown-menu>
     </ng-template>
@@ -1341,7 +1539,7 @@ YunzaiLayoutBasicComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
     <ng-template #noneTpl>
       <router-outlet></router-outlet>
     </ng-template> `, isInline: true, dependencies: [{ kind: "directive", type: i4$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i5$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i5$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6$1.ReuseTabComponent, selector: "reuse-tab, [reuse-tab]", inputs: ["mode", "i18n", "debug", "max", "tabMaxWidth", "excludes", "allowClose", "keepingScroll", "storageState", "keepingScrollContainer", "customContextMenu", "tabBarExtraContent", "tabBarGutter", "tabBarStyle", "tabType", "routeParamMatchMode", "disabled", "titleRender", "canClose"], outputs: ["change", "close"], exportAs: ["reuseTab"] }, { kind: "component", type: i1$5.LayoutDefaultComponent, selector: "layout-default", inputs: ["options", "asideUser", "asideBottom", "nav", "content", "customError"], exportAs: ["layoutDefault"] }, { kind: "component", type: i1$5.LayoutDefaultHeaderItemComponent, selector: "layout-default-header-item", inputs: ["hidden", "direction"] }, { kind: "directive", type: i1$5.LayoutDefaultHeaderItemTriggerDirective, selector: "[layout-default-header-item-trigger]" }, { 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: i6.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "directive", type: i6.NzMenuItemDirective, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i7.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i9.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }, { kind: "component", type: YunzaiClearStorageComponent, selector: "yunzai-clearstorage" }, { kind: "component", type: YunzaiFullScreenComponent, selector: "yunzai-fullscreen" }, { kind: "component", type: YunzaiI18NComponent, selector: "yunzai-i18n", inputs: ["showLangText"] }, { kind: "component", type: YunzaiNotifyComponent, selector: "yunzai-notify" }, { kind: "component", type: YunzaiThemBtnComponent, selector: "yunzai-theme-btn", inputs: ["types", "devTips", "deployUrl"] }, { kind: "component", type: YunzaiUserComponent, selector: "yunzai-user" }, { kind: "component", type: LayoutNavApplicationComponent, selector: "layout-nav-application" }, { kind: "component", type: LayoutNavGroupComponent, selector: "layout-nav-group" }, { kind: "component", type: LayoutNavTileComponent, selector: "layout-nav-tile" }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiLayoutBasicComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiLayoutBasicComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `yz-layout-basic`,
@@ -1382,20 +1580,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
         <nz-dropdown-menu #settingsMenu="nzDropdownMenu">
           <div nz-menu style="width: 200px;">
             <div nz-menu-item>
-              {{ 'menu.application.mode' | i18n }}
+              {{ 'mode.nav' | i18n }}
             </div>
 
             <div nz-menu-item (click)="onNavTypeChange(NavType.APPLICATION)">
               <i nz-icon nzType="appstore" class="mr-sm"></i>
-              {{ 'menu.application.application' | i18n }}
+              {{ 'mode.nav.application' | i18n }}
             </div>
             <div nz-menu-item (click)="onNavTypeChange(NavType.GROUP)">
               <i nz-icon nzType="group" class="mr-sm"></i>
-              {{ 'menu.application.group' | i18n }}
+              {{ 'mode.nav.group' | i18n }}
             </div>
             <div nz-menu-item (click)="onNavTypeChange(NavType.TILE)">
               <i nz-icon nzType="appstore" class="mr-sm"></i>
-              {{ 'menu.application.tile' | i18n }}
+              {{ 'mode.nav.tile' | i18n }}
             </div>
             <div nz-menu-item> <yunzai-fullscreen></yunzai-fullscreen> </div>
             <div nz-menu-item> <yunzai-clearstorage></yunzai-clearstorage> </div>
@@ -1412,13 +1610,13 @@ 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">
         <ul nz-menu>
-          <li nz-menu-item routerLink="/">{{ 'menu.backtohome' | i18n }}</li>
+          <li nz-menu-item routerLink="/">{{ 'back.home' | i18n }}</li>
         </ul>
       </nz-dropdown-menu>
     </ng-template>
@@ -1431,7 +1629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
     </ng-template> `
                 }]
         }], ctorParameters: function () {
-        return [{ type: i1$5.LayoutDisplayService }, { type: i1$4.CacheService }, { type: i3$3.StompService }, { type: undefined, decorators: [{
+        return [{ type: i1$5.LayoutDisplayService }, { type: i1$3.CacheService }, { type: i3$3.StompService }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [WINDOW]
                     }] }];
@@ -1528,14 +1726,14 @@ class ActGuard {
         });
     }
 }
-ActGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ActGuard, deps: [{ token: i1$3.YunzaiConfigService }, { token: i1$4.CacheService }, { token: i1$3.PathToRegexpService }, { token: i5$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-ActGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ActGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ActGuard, decorators: [{
+ActGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ActGuard, deps: [{ token: i1$4.YunzaiConfigService }, { token: i1$3.CacheService }, { token: i1$4.PathToRegexpService }, { token: i5$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+ActGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ActGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ActGuard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.YunzaiConfigService }, { type: i1$4.CacheService }, { type: i1$3.PathToRegexpService }, { type: i5$1.Router }]; } });
+        }], ctorParameters: function () { return [{ type: i1$4.YunzaiConfigService }, { type: i1$3.CacheService }, { type: i1$4.PathToRegexpService }, { type: i5$1.Router }]; } });
 
 class YunzaiAuthService {
     constructor(injector) {
@@ -1571,7 +1769,7 @@ class YunzaiAuthService {
     }
     fetchTokenByUP() {
         log$1('yz.auth.service: ', 'fetchTokenByUP');
-        return this.httpClient.post(`/auth/oauth/token?_allow_anonymous=true`, this.config.loginForm).pipe(map((response) => {
+        return this.httpClient.post(`/auth/oauth/token?_allow_anonymous=true`, this.config.loginForm).pipe(map$1((response) => {
             const { access_token, expires_in, refresh_token, scope, token_type } = response;
             return {
                 token: access_token,
@@ -1587,7 +1785,7 @@ class YunzaiAuthService {
         const uri = encodeURIComponent(this.injector.get(WINDOW).location.href);
         return this.httpClient
             .get(`/cas-proxy/app/validate_full?callback=${uri}&_allow_anonymous=true&timestamp=${new Date().getTime()}`)
-            .pipe(map((response) => {
+            .pipe(map$1((response) => {
             switch (response.errcode) {
                 case 2000:
                     const { access_token, expires_in, refresh_token, scope, token_type } = response.data;
@@ -1641,7 +1839,7 @@ class YunzaiAuthService {
             // user cache
             if (!u) {
                 log$1('yz.auth.service: ', 'fetch user cache');
-                list.push(this.httpClient.get(`/auth/user`).pipe(map((user) => {
+                list.push(this.httpClient.get(`/auth/user`).pipe(map$1((user) => {
                     this.cacheService.set('_yz_user', user.principal);
                 })));
             }
@@ -1652,7 +1850,7 @@ class YunzaiAuthService {
             // header cache
             if (!h) {
                 log$1('yz.auth.service: ', 'fetch header cache');
-                list.push(this.httpClient.get(`/auth/allheader/v2`).pipe(map((header) => {
+                list.push(this.httpClient.get(`/auth/allheader/v2`).pipe(map$1((header) => {
                     this.cacheService.set('_yz_header', header.data);
                 })));
             }
@@ -1663,7 +1861,7 @@ class YunzaiAuthService {
             // project cache
             if (!p) {
                 log$1('yz.auth.service: ', 'fetch project cache');
-                list.push(this.httpClient.get(`/app-manager/project/info`).pipe(map((info) => {
+                list.push(this.httpClient.get(`/app-manager/project/info`).pipe(map$1((info) => {
                     this.cacheService.set('_yz_project_info', info.data);
                 })));
             }
@@ -1675,9 +1873,9 @@ class YunzaiAuthService {
         }));
     }
 }
-YunzaiAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiAuthService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-YunzaiAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiAuthService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiAuthService, decorators: [{
+YunzaiAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiAuthService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+YunzaiAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiAuthService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiAuthService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
@@ -1859,6 +2057,8 @@ class YunzaiDefaultInterceptor {
         if (url.includes('.json') && url.includes('assets')) {
             url = req.url;
         }
+        if (url.includes('i18n'))
+            return next.handle(req);
         // 加入语言头
         const newReq = req.clone({ url, setHeaders: this.getAdditionalHeaders(req.headers) });
         return next.handle(newReq).pipe(mergeMap(ev => {
@@ -1871,9 +2071,9 @@ class YunzaiDefaultInterceptor {
         }), catchError((err) => this.handleData(err, newReq, next)));
     }
 }
-YunzaiDefaultInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiDefaultInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-YunzaiDefaultInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiDefaultInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiDefaultInterceptor, decorators: [{
+YunzaiDefaultInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiDefaultInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+YunzaiDefaultInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiDefaultInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiDefaultInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
@@ -1889,8 +2089,8 @@ const LAYOUT_NAV_COMPONENTS = [LayoutNavApplicationComponent, LayoutNavGroupComp
 const COMPONENTS = [YunzaiLayoutBasicComponent];
 class YunzaiLayoutModule {
 }
-YunzaiLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-YunzaiLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: YunzaiLayoutModule, declarations: [YunzaiLayoutBasicComponent, YunzaiClearStorageComponent,
+YunzaiLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+YunzaiLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: YunzaiLayoutModule, declarations: [YunzaiLayoutBasicComponent, YunzaiClearStorageComponent,
         YunzaiFullScreenComponent,
         YunzaiI18NComponent,
         YunzaiNotifyComponent,
@@ -1907,7 +2107,7 @@ YunzaiLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
         YunzaiNotifyComponent,
         YunzaiThemBtnComponent,
         YunzaiUserComponent, LayoutNavApplicationComponent, LayoutNavGroupComponent, LayoutNavTileComponent] });
-YunzaiLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiLayoutModule, providers: [
+YunzaiLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiLayoutModule, providers: [
         {
             provide: YUNZAI_THEME_BTN_KEYS,
             useValue: 'site-theme'
@@ -1919,7 +2119,7 @@ YunzaiLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
         ReactiveFormsModule,
         YunzaiSharedYelonModule,
         YunzaiSharedZorroModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2754,7 +2954,7 @@ class YunzaiStartupService {
     }
     load() {
         log$1('startup.service: ', 'load');
-        const defaultLang = this.i18n.defaultLang;
+        let defaultLang = this.settingService.layout.lang || this.i18n.defaultLang;
         return this.i18n.loadLangData(defaultLang).pipe(mergeMap(langData => {
             log$1('startup.service: ', 'set i18n, defaultLang->', defaultLang, ' langData->', langData);
             this.i18n.use(defaultLang, langData);
@@ -2822,9 +3022,9 @@ class YunzaiStartupService {
         }
     }
 }
-YunzaiStartupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiStartupService, deps: [{ token: i8.NzIconService }, { token: i1$2.MenuService }, { token: YUNZAI_I18N_TOKEN }, { token: WINDOW }, { token: i1$2.SettingsService }, { token: i3$4.ACLService }, { token: i1$2.TitleService }, { token: YunzaiAuthService }, { token: i1$4.CacheService }, { token: i1$3.YunzaiConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-YunzaiStartupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiStartupService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: YunzaiStartupService, decorators: [{
+YunzaiStartupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiStartupService, deps: [{ token: i8.NzIconService }, { token: i1$2.MenuService }, { token: YUNZAI_I18N_TOKEN }, { token: WINDOW }, { token: i1$2.SettingsService }, { token: i3$4.ACLService }, { token: i1$2.TitleService }, { token: YunzaiAuthService }, { token: i1$3.CacheService }, { token: i1$4.YunzaiConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+YunzaiStartupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiStartupService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: YunzaiStartupService, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: i8.NzIconService }, { type: i1$2.MenuService }, { type: YunzaiI18NService, decorators: [{
@@ -2833,7 +3033,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                     }] }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [WINDOW]
-                    }] }, { type: i1$2.SettingsService }, { type: i3$4.ACLService }, { type: i1$2.TitleService }, { type: YunzaiAuthService }, { type: i1$4.CacheService }, { type: i1$3.YunzaiConfigService }];
+                    }] }, { type: i1$2.SettingsService }, { type: i3$4.ACLService }, { type: i1$2.TitleService }, { type: YunzaiAuthService }, { type: i1$3.CacheService }, { type: i1$4.YunzaiConfigService }];
     } });
 function mapYzSideToYelonMenu(menus) {
     menus.forEach(menu => {
@@ -2883,5 +3083,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_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