@ebuilding/runtime 2.7.3 → 2.8.0

package/fesm2022/layout.mjs

@@ -0,0 +1,2393 @@
+import * as i0 from '@angular/core';
+import { Inject, Component, ChangeDetectionStrategy, Directive, ViewChild, Input, inject, HostListener, booleanAttribute, ChangeDetectorRef, ElementRef, EventEmitter, Output, HostBinding } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule, DOCUMENT, UpperCasePipe } from '@angular/common';
+import * as i1$1 from '@angular/router';
+import { RouterOutlet, NavigationEnd, RouterLink, RouterModule, Router } from '@angular/router';
+import { DA_SERVICE_TOKEN } from '@delon/auth';
+import * as i2 from '@delon/theme';
+import { I18nPipe, SettingsService, ALAIN_I18N_TOKEN, RTLService } from '@delon/theme';
+import * as i5$1 from '@delon/theme/layout-default';
+import { LayoutDefaultModule } from '@delon/theme/layout-default';
+import * as i8 from '@ebuilding/runtime/shared-imports';
+import { RuntimeSharedImportsModule } from '@ebuilding/runtime/shared-imports';
+import * as i5$2 from '@ebuilding/abc/header-user';
+import { GramDeonHeaderUserModule } from '@ebuilding/abc/header-user';
+import * as i5 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from 'ng-zorro-antd/modal';
+import { NzModalModule, NzModalService } from 'ng-zorro-antd/modal';
+import { ModuleAPI, globalKey, Gram_App_Module } from '@ebuilding/base/shared.var/shared.constant';
+import { AppCustomerId, AppSetData, AppSetName, AppSetId } from '@ebuilding/base/shared.var/shared.variable';
+import screenfull from 'screenfull';
+import { base64Encode } from '@ebuilding/base/shared.util/tool';
+import * as i4$1 from 'ng-zorro-antd/message';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import * as i6 from '@ebuilding/base/shared.srv/global.event';
+import * as i3 from '@delon/acl';
+import * as i10 from 'ng-zorro-antd/button';
+import * as i6$1 from 'ng-zorro-antd/core/transition-patch';
+import * as i12 from 'ng-zorro-antd/core/wave';
+import * as i1$2 from 'ng-zorro-antd/menu';
+import { NzMenuModule } from 'ng-zorro-antd/menu';
+import * as i2$1 from 'ng-zorro-antd/dropdown';
+import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import * as i15 from 'ng-zorro-antd/grid';
+import { NzGridModule } from 'ng-zorro-antd/grid';
+import * as i16 from 'ng-zorro-antd/select';
+import * as i3$1 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i2$2 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i19 from 'ng-zorro-antd/form';
+import * as i20 from 'ng-zorro-antd/avatar';
+import { NzAvatarModule } from 'ng-zorro-antd/avatar';
+import { filter } from 'rxjs/operators';
+import * as i7 from '@ebuilding/runtime/core';
+import { RUNTIME_CORE_ENVIRONMENT } from '@ebuilding/runtime/core';
+import * as i17 from 'ng-zorro-antd/badge';
+import { NzBadgeModule } from 'ng-zorro-antd/badge';
+import _ from 'lodash';
+import * as i10$1 from 'ng-zorro-antd/spin';
+import { NzSpinModule } from 'ng-zorro-antd/spin';
+import * as i6$2 from '@delon/theme/setting-drawer';
+import { SettingDrawerModule } from '@delon/theme/setting-drawer';
+import { ThemeBtnComponent } from '@delon/theme/theme-btn';
+import * as i1$3 from '@delon/abc/notice-icon';
+import { NoticeIconModule } from '@delon/abc/notice-icon';
+import { parse, formatDistanceToNow, add } from 'date-fns';
+import { NzI18nService } from 'ng-zorro-antd/i18n';
+import * as i4$2 from 'ng-zorro-antd/auto-complete';
+import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
+import { BehaviorSubject, debounceTime, distinctUntilChanged, tap } from 'rxjs';
+import * as i8$1 from 'ng-zorro-antd/card';
+import { NzCardModule } from 'ng-zorro-antd/card';
+
+class LayoutAuthComponent {
+    http;
+    tokenService;
+    copyrightShow = false;
+    copyrightName = null;
+    copyrightICP = null;
+    copyrightGAN = null;
+    constructor(http, tokenService) {
+        this.http = http;
+        this.tokenService = tokenService;
+    }
+    ngOnInit() {
+        this.tokenService.clear();
+        this.loadPageData();
+    }
+    loadPageData() {
+        this.http.get(`assets/tmp/copyright.json?rd=${Math.random()}`).subscribe((res) => {
+            if (res && res?.show) {
+                this.copyrightShow = true;
+                this.copyrightName = res?.name;
+                this.copyrightICP = res?.icp;
+                this.copyrightGAN = res?.ga;
+            }
+        });
+    }
+    open1() {
+        window.open("https://beian.miit.gov.cn/#/Integrated/index", "_blank");
+    }
+    open2() {
+        window.open("https://beian.mps.gov.cn/#/query/webSearch", "_blank");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutAuthComponent, deps: [{ token: i2._HttpClient }, { token: DA_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutAuthComponent, isStandalone: true, selector: "layout-auth", ngImport: i0, template: "<div class=\"log\"><img src=\"assets/images/logo3.png\" /></div>\n<div class=\"content\">\n  <div class=\"left-box\">\n    <img src=\"/assets/images/login/login-banner.png\">\n  </div>\n  <div class=\"right-box\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n<div class=\"copyright\" *ngIf=\"copyrightShow\">\n  <ul>\n    <li>Copyright &#64; {{copyrightName}}</li>\n    <li> <a (click)=\"open1()\">{{copyrightICP}}</a></li>\n    <ng-container *ngIf=\"copyrightGAN\">\n      <li><img src=\"assets/images/110.png\"></li>\n      <li><a (click)=\"open2()\">{{copyrightGAN}}</a></li>\n    </ng-container>\n  </ul>\n</div>", styles: [":host ::ng-deep{display:block;width:100%;min-width:1080px;height:100%;min-height:100%;background:#fff;background-image:url(/assets/images/login/login-bg.jpg);background-repeat:no-repeat;background-position:center 0;background-size:100% 100%}:host ::ng-deep .log{position:fixed;z-index:999;padding:19px}:host ::ng-deep .log img{width:62px;height:auto}:host ::ng-deep .content{position:fixed;top:50%;left:50%;display:-moz-flex;display:-ms-flexbox;display:-webkit-flex;display:flex;width:80%;min-width:1058px;max-width:1170px;height:500px;color:#fff;text-align:center;-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}:host ::ng-deep .left-box{display:flex;flex:1;align-items:center;justify-content:center;height:100%;padding:20px 0 0;background:#331bcb;border-top-left-radius:12px;border-bottom-left-radius:12px}:host ::ng-deep .right-box{width:500px;background:#fff;border-top-right-radius:12px;border-bottom-right-radius:12px}:host ::ng-deep .copyright{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}:host ::ng-deep .copyright ul{display:flex;flex-direction:row;align-items:center;padding:0;margin:0;font-size:14px}:host ::ng-deep .copyright ul li{display:flex;align-items:center;margin:0;padding:0;color:#000}:host ::ng-deep .copyright ul li a{color:#000}:host ::ng-deep .copyright ul li:after{padding:0 5px}:host ::ng-deep .copyright ul li:nth-child(1):after,:host ::ng-deep .copyright ul li:nth-child(2):after{content:\"|\"}:host ::ng-deep .copyright ul img{width:15px;display:block;margin-right:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutAuthComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'layout-auth', imports: [CommonModule, RouterOutlet], template: "<div class=\"log\"><img src=\"assets/images/logo3.png\" /></div>\n<div class=\"content\">\n  <div class=\"left-box\">\n    <img src=\"/assets/images/login/login-banner.png\">\n  </div>\n  <div class=\"right-box\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n<div class=\"copyright\" *ngIf=\"copyrightShow\">\n  <ul>\n    <li>Copyright &#64; {{copyrightName}}</li>\n    <li> <a (click)=\"open1()\">{{copyrightICP}}</a></li>\n    <ng-container *ngIf=\"copyrightGAN\">\n      <li><img src=\"assets/images/110.png\"></li>\n      <li><a (click)=\"open2()\">{{copyrightGAN}}</a></li>\n    </ng-container>\n  </ul>\n</div>", styles: [":host ::ng-deep{display:block;width:100%;min-width:1080px;height:100%;min-height:100%;background:#fff;background-image:url(/assets/images/login/login-bg.jpg);background-repeat:no-repeat;background-position:center 0;background-size:100% 100%}:host ::ng-deep .log{position:fixed;z-index:999;padding:19px}:host ::ng-deep .log img{width:62px;height:auto}:host ::ng-deep .content{position:fixed;top:50%;left:50%;display:-moz-flex;display:-ms-flexbox;display:-webkit-flex;display:flex;width:80%;min-width:1058px;max-width:1170px;height:500px;color:#fff;text-align:center;-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}:host ::ng-deep .left-box{display:flex;flex:1;align-items:center;justify-content:center;height:100%;padding:20px 0 0;background:#331bcb;border-top-left-radius:12px;border-bottom-left-radius:12px}:host ::ng-deep .right-box{width:500px;background:#fff;border-top-right-radius:12px;border-bottom-right-radius:12px}:host ::ng-deep .copyright{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}:host ::ng-deep .copyright ul{display:flex;flex-direction:row;align-items:center;padding:0;margin:0;font-size:14px}:host ::ng-deep .copyright ul li{display:flex;align-items:center;margin:0;padding:0;color:#000}:host ::ng-deep .copyright ul li a{color:#000}:host ::ng-deep .copyright ul li:after{padding:0 5px}:host ::ng-deep .copyright ul li:nth-child(1):after,:host ::ng-deep .copyright ul li:nth-child(2):after{content:\"|\"}:host ::ng-deep .copyright ul img{width:15px;display:block;margin-right:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i2._HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DA_SERVICE_TOKEN]
+                }] }] });
+
+let HeaderUserComponent$1 = class HeaderUserComponent {
+    modalService;
+    settings;
+    router;
+    http;
+    modal;
+    msg;
+    fb;
+    tokenService;
+    globalSrv;
+    cdr;
+    get user() {
+        return this.settings.user;
+    }
+    get customerId() {
+        return this.settings.getData(AppCustomerId);
+    }
+    avatar = null;
+    listEId = [];
+    defaultEName = null;
+    setIdIsVisible = false;
+    setIdIsOkLoading = false;
+    validateEIdForm;
+    myIsVisible = false;
+    constructor(modalService, settings, router, http, modal, msg, fb, tokenService, globalSrv, cdr) {
+        this.modalService = modalService;
+        this.settings = settings;
+        this.router = router;
+        this.http = http;
+        this.modal = modal;
+        this.msg = msg;
+        this.fb = fb;
+        this.tokenService = tokenService;
+        this.globalSrv = globalSrv;
+        this.cdr = cdr;
+        this.avatar = this.user?.avatar;
+        if (this.avatar == null) {
+            this.avatar = '/assets/images/employee.png';
+        }
+        this.globalSrv.subscribe('reload-header-user', (res) => {
+            this.avatar = this.user?.avatar;
+            this.cdr.detectChanges();
+        });
+        let tmpEIds = this.settings.getData(AppSetData);
+        if (tmpEIds && tmpEIds.length > 0) {
+            this.listEId = tmpEIds;
+        }
+        this.defaultEName = this.settings.getData(AppSetName);
+    }
+    validateForm;
+    captchaTooltipIcon = {
+        type: 'info-circle',
+        theme: 'twotone',
+    };
+    submitForm() {
+        Object.values(this.validateForm.controls).forEach((control) => {
+            if (control.invalid) {
+                control.markAsDirty();
+                control.updateValueAndValidity({ onlySelf: true });
+            }
+        });
+        if (this.validateForm.valid) {
+            this.isOkLoading = true;
+            const password = base64Encode(this.validateForm.controls?.["password"]?.value);
+            const newPassword = base64Encode(this.validateForm.controls?.["newPassword"]?.value);
+            this.http
+                .post(`${ModuleAPI.system}/sys/user/updatePwd`, {
+                oldPwd: password,
+                newPwd: newPassword,
+            })
+                .subscribe((res) => {
+                this.isOkLoading = false;
+                if (res.success) {
+                    this.isVisible = true;
+                    this.msg.success('密码修改成功，请重新登录');
+                    this.tokenService.clear();
+                    this.router.navigateByUrl(this.tokenService.login_url);
+                }
+            });
+        }
+    }
+    updateConfirmValidator() {
+        Promise.resolve().then(() => this.validateForm.controls?.["confirmPassword"]?.updateValueAndValidity());
+    }
+    confirmationValidator = (control) => {
+        if (!control.value) {
+            return { required: true };
+        }
+        else if (control.value !== this.validateForm.controls?.["newPassword"]?.value) {
+            return { confirm: true, error: true };
+        }
+        return {};
+    };
+    getCaptcha(e) {
+        e.preventDefault();
+    }
+    ngOnInit() {
+        this.validateForm = this.fb.group({
+            password: [null, [Validators.required]],
+            newPassword: [null, [Validators.required]],
+            confirmPassword: [null, [Validators.required, this.confirmationValidator]],
+        });
+        this.validateEIdForm = this.fb.group({
+            eId: [null, [Validators.required]],
+        });
+    }
+    logout() {
+        this.modal.confirm({
+            nzTitle: '提示',
+            nzContent: `您确定需要退出吗？`,
+            nzOnOk: () => {
+                this.http.post(`${ModuleAPI.system}/auth/logout`, {
+                    sourceType: "PC"
+                }).subscribe((res) => {
+                    this.tokenService.clear();
+                    this.router.navigateByUrl(this.tokenService.login_url);
+                });
+            },
+        });
+    }
+    nzFooter = null;
+    isVisible = false;
+    isOkLoading = false;
+    showModal() {
+        this.validateForm.reset();
+        this.isVisible = true;
+    }
+    showAdmin() {
+        window.open(`/admin/home`, '_blank');
+    }
+    showSettings() {
+        this.myIsVisible = true;
+    }
+    myCancel() {
+        this.myIsVisible = false;
+    }
+    setScreenfull() {
+        if (screenfull.isEnabled) {
+            screenfull.toggle();
+        }
+    }
+    handleOk() {
+        this.isOkLoading = true;
+        setTimeout(() => {
+            this.isVisible = false;
+            this.isOkLoading = false;
+        }, 3000);
+    }
+    handleCancel() {
+        this.validateForm.reset();
+        this.isVisible = false;
+    }
+    goToChangeSetId() {
+        this.setIdIsVisible = true;
+    }
+    setIdCancel() {
+        this.validateEIdForm.reset();
+        this.setIdIsVisible = false;
+    }
+    submitSetIdForm() {
+        Object.values(this.validateEIdForm.controls).forEach((control) => {
+            if (control.invalid) {
+                control.markAsDirty();
+                control.updateValueAndValidity({ onlySelf: true });
+            }
+        });
+        if (this.validateEIdForm.valid) {
+            let id = this.validateEIdForm.controls?.["eId"]?.value;
+            this.setIdIsOkLoading = true;
+            this.http.post(`${ModuleAPI.system}/sys/user/changeEId/${id}`).subscribe((res) => {
+                this.setIdIsOkLoading = false;
+                if (res.success) {
+                    this.setIdIsVisible = false;
+                    this.listEId.forEach((item) => {
+                        if (item.id == id) {
+                            this.settings.setData(AppSetId, id);
+                            this.settings.setData(AppSetName, item.name);
+                        }
+                    });
+                    this.msg.success('切换成功');
+                    this.router.navigateByUrl('/home');
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderUserComponent, deps: [{ token: i1.NzModalService }, { token: i2.SettingsService }, { token: i1$1.Router }, { token: i2._HttpClient }, { token: i1.NzModalService }, { token: i4$1.NzMessageService }, { token: i5.FormBuilder }, { token: DA_SERVICE_TOKEN }, { token: i6.GramGlobalService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderUserComponent, isStandalone: true, selector: "header-user", ngImport: i0, template: "<div class=\"alain-default__nav-item d-flex align-items-center px-sm\" nz-dropdown nzPlacement=\"bottomRight\"\n  nzTrigger=\"click\" [nzDropdownMenu]=\"userMenu\">\n  <nz-avatar [nzSrc]=\"avatar\" nzSize=\"small\" class=\"mr-sm\"></nz-avatar>\n  {{ user?.name }}\n</div>\n<nz-dropdown-menu #userMenu=\"nzDropdownMenu\">\n  <div nz-menu class=\"width-sm menu-user-dropdown\">\n    <ng-container *ngIf=\"listEId!! && listEId.length > 1\">\n      <div nz-menu-item (click)=\"goToChangeSetId()\">\n        <span nz-icon nzType=\"idcard\"></span>\n        \u8EAB\u4EFD\u5207\u6362\n      </div>\n      <div nz-menu-divider></div>\n    </ng-container>\n    <div nz-menu-item (click)=\"setScreenfull()\">\n      <i nz-icon nzType=\"fullscreen\" class=\"mr-sm\"></i>\n      \u5168\u5C4F\u663E\u793A\n    </div>\n    <div nz-menu-item (click)=\"showAdmin()\" *aclIf=\"'SET'\">\n      <i nz-icon nzType=\"setting\" class=\"mr-sm\"></i>\n      \u540E\u53F0\u8BBE\u7F6E\n    </div>\n    <div nz-menu-divider></div>\n    <div nz-menu-item (click)=\"showModal()\">\n      <i nz-icon nzType=\"eye\" class=\"mr-sm\"></i>\n      \u5BC6\u7801\u4FEE\u6539\n    </div>\n    <div nz-menu-item (click)=\"logout()\">\n      <i nz-icon nzType=\"logout\" class=\"mr-sm\"></i>\n      \u9000\u51FA\u7CFB\u7EDF\n    </div>\n    <div nz-menu-divider></div>\n    <div nz-menu-item>\n      <i nz-icon nzType=\"number\" class=\"mr-sm\"></i>\n      <label class=\"customerId\">\u4F01\u4E1AID</label>{{ customerId }}\n    </div>\n  </div>\n</nz-dropdown-menu>\n\n<nz-modal [(nzVisible)]=\"isVisible\" nzTitle=\"\u5BC6\u7801\u4FEE\u6539\" (nzOnCancel)=\"handleCancel()\" nzClassName=\"modalPwd\"\n  [nzFooter]=\"nzFooter\">\n  <ng-container *nzModalContent>\n    <form nz-form [formGroup]=\"validateForm\" (ngSubmit)=\"submitForm()\" class=\"frmPwd\">\n      <nz-form-item>\n        <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"password\" nzRequired>\u5BC6\u7801</nz-form-label>\n        <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" nzErrorTip=\"\u8BF7\u8F93\u5165\u5BC6\u7801\">\n          <input nz-input type=\"password\" id=\"password\" formControlName=\"password\" maxLength=\"50\" />\n        </nz-form-control>\n      </nz-form-item>\n      <nz-form-item>\n        <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"newPassword\" nzRequired>\u65B0\u5BC6\u7801</nz-form-label>\n        <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" nzErrorTip=\"\u8BF7\u8F93\u5165\u65B0\u5BC6\u7801\">\n          <input nz-input type=\"password\" id=\"newPassword\" formControlName=\"newPassword\" maxLength=\"50\"\n            (ngModelChange)=\"updateConfirmValidator()\" />\n        </nz-form-control>\n      </nz-form-item>\n      <nz-form-item>\n        <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"confirmPassword\" nzRequired>\u786E\u8BA4\u5BC6\u7801</nz-form-label>\n        <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" [nzErrorTip]=\"errorTpl\">\n          <input nz-input type=\"password\" formControlName=\"confirmPassword\" id=\"confirmPassword\" maxLength=\"50\"\n            (ngModelChange)=\"updateConfirmValidator()\" />\n          <ng-template #errorTpl let-control>\n            <ng-container *ngIf=\"control.hasError('required')\">\u8BF7\u8F93\u5165\u786E\u8BA4\u5BC6\u7801</ng-container>\n            <ng-container *ngIf=\"control.hasError('confirm')\"> \u60A8\u4FE9\u6B21\u8F93\u5165\u7684\u5BC6\u7801\u4E0D\u4E00\u81F4 </ng-container>\n          </ng-template>\n        </nz-form-control>\n      </nz-form-item>\n      <div class=\"button-box\">\n        <div>\n          <button nz-button nzType=\"default\" (click)=\"handleCancel()\" type=\"button\">\u53D6\u6D88</button>\n          <button nz-button nzType=\"primary\" type=\"submit\" [nzLoading]=\"isOkLoading\">\u786E\u5B9A</button>\n        </div>\n      </div>\n    </form>\n  </ng-container>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"setIdIsVisible\" nzTitle=\"\u8EAB\u4EFD\u5207\u6362\" (nzOnCancel)=\"setIdCancel()\" nzClassName=\"modalPwd\"\n  [nzFooter]=\"nzFooter\">\n  <form nz-form [formGroup]=\"validateEIdForm\" (ngSubmit)=\"submitSetIdForm()\" class=\"frmPwd\">\n    <nz-form-item>\n      <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\">\u5F53\u524D\u8EAB\u4EFD</nz-form-label>\n      <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\">\n        {{ defaultEName }}\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"setId\" nzRequired>\u5207\u6362\u8EAB\u4EFD</nz-form-label>\n      <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" nzErrorTip=\"\u8BF7\u9009\u62E9\u8EAB\u4EFD\">\n        <nz-select id=\"eId\" formControlName=\"eId\" nzPlaceHolder=\"\u8BF7\u9009\u62E9\u8EAB\u4EFD\">\n          <ng-container *ngFor=\"let item of listEId\">\n            <nz-option [nzValue]=\"item.id\" [nzLabel]=\"item.name\"></nz-option>\n          </ng-container>\n        </nz-select>\n      </nz-form-control>\n    </nz-form-item>\n\n    <div class=\"button-box\">\n      <div>\n        <button nz-button nzType=\"default\" (click)=\"setIdCancel()\" type=\"button\">\u53D6\u6D88</button>\n        <button nz-button nzType=\"primary\" type=\"submit\" [nzLoading]=\"setIdIsOkLoading\">\u786E\u5B9A</button>\n      </div>\n    </div>\n  </form>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"myIsVisible\" nzTitle=\"\u5173\u4E8E\u6211\u4EEC\" (nzOnCancel)=\"myCancel()\" nzClassName=\"modalMe\">\n  <div *nzModalContent>\n    <p>\n      <label class=\"title\">\u7248\u672C\u53F7</label>\n      <label>2.1.0</label>\n    </p>\n    <p>\n      <label class=\"title\">\u8054\u7CFB\u4EBA</label>\n      <label>Jack Ren</label>\n    </p>\n    <p>\n      <label class=\"title\">\u8054\u7CFB\u90AE\u7BB1</label>\n      <label>jackren0913&#64;gmail.com</label>\n    </p>\n    <p>\n      <label class=\"title\">\u4F01\u4E1A\u540D\u79F0</label>\n      <label>\u897F\u5B89\u8398\u58A8\u79D1\u6280\u6709\u9650\u516C\u53F8</label>\n    </p>\n  </div>\n  <div *nzModalFooter>\n    <button nz-button nzType=\"default\" (click)=\"myCancel()\">\u5173\u95ED</button>\n  </div>\n</nz-modal>", styles: [":host ::ng-deep{padding:0;overflow:auto;margin:auto}:host ::ng-deep header-user-pwd{display:flex;flex:1;width:100%;height:100%;padding:20px}:host ::ng-deep .alain-default__nav-item,:host ::ng-deep .alain-default__nav nz-badge{color:#262626}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i1.NzModalFooterDirective, selector: "[nzModalFooter]", exportAs: ["nzModalFooter"] }, { kind: "directive", type: i1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.FormSubmitTouchDirective, selector: "form[formGroup]" }, { kind: "directive", type: i3.ACLIfDirective, selector: "[aclIf]", inputs: ["aclIf", "aclIfThen", "aclIfElse", "except"], exportAs: ["aclIf"] }, { kind: "component", type: i10.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i6$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i12.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i1$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i1$2.NzMenuDividerDirective, selector: "[nz-menu-divider]", exportAs: ["nzMenuDivider"] }, { kind: "directive", type: i2$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i15.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: i15.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i16.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i16.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i2$2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i19.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i19.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i19.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i19.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "component", type: i20.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderUserComponent$1, decorators: [{
+            type: Component,
+            args: [{ selector: 'header-user', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        NzModalModule,
+                        RuntimeSharedImportsModule
+                    ], template: "<div class=\"alain-default__nav-item d-flex align-items-center px-sm\" nz-dropdown nzPlacement=\"bottomRight\"\n  nzTrigger=\"click\" [nzDropdownMenu]=\"userMenu\">\n  <nz-avatar [nzSrc]=\"avatar\" nzSize=\"small\" class=\"mr-sm\"></nz-avatar>\n  {{ user?.name }}\n</div>\n<nz-dropdown-menu #userMenu=\"nzDropdownMenu\">\n  <div nz-menu class=\"width-sm menu-user-dropdown\">\n    <ng-container *ngIf=\"listEId!! && listEId.length > 1\">\n      <div nz-menu-item (click)=\"goToChangeSetId()\">\n        <span nz-icon nzType=\"idcard\"></span>\n        \u8EAB\u4EFD\u5207\u6362\n      </div>\n      <div nz-menu-divider></div>\n    </ng-container>\n    <div nz-menu-item (click)=\"setScreenfull()\">\n      <i nz-icon nzType=\"fullscreen\" class=\"mr-sm\"></i>\n      \u5168\u5C4F\u663E\u793A\n    </div>\n    <div nz-menu-item (click)=\"showAdmin()\" *aclIf=\"'SET'\">\n      <i nz-icon nzType=\"setting\" class=\"mr-sm\"></i>\n      \u540E\u53F0\u8BBE\u7F6E\n    </div>\n    <div nz-menu-divider></div>\n    <div nz-menu-item (click)=\"showModal()\">\n      <i nz-icon nzType=\"eye\" class=\"mr-sm\"></i>\n      \u5BC6\u7801\u4FEE\u6539\n    </div>\n    <div nz-menu-item (click)=\"logout()\">\n      <i nz-icon nzType=\"logout\" class=\"mr-sm\"></i>\n      \u9000\u51FA\u7CFB\u7EDF\n    </div>\n    <div nz-menu-divider></div>\n    <div nz-menu-item>\n      <i nz-icon nzType=\"number\" class=\"mr-sm\"></i>\n      <label class=\"customerId\">\u4F01\u4E1AID</label>{{ customerId }}\n    </div>\n  </div>\n</nz-dropdown-menu>\n\n<nz-modal [(nzVisible)]=\"isVisible\" nzTitle=\"\u5BC6\u7801\u4FEE\u6539\" (nzOnCancel)=\"handleCancel()\" nzClassName=\"modalPwd\"\n  [nzFooter]=\"nzFooter\">\n  <ng-container *nzModalContent>\n    <form nz-form [formGroup]=\"validateForm\" (ngSubmit)=\"submitForm()\" class=\"frmPwd\">\n      <nz-form-item>\n        <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"password\" nzRequired>\u5BC6\u7801</nz-form-label>\n        <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" nzErrorTip=\"\u8BF7\u8F93\u5165\u5BC6\u7801\">\n          <input nz-input type=\"password\" id=\"password\" formControlName=\"password\" maxLength=\"50\" />\n        </nz-form-control>\n      </nz-form-item>\n      <nz-form-item>\n        <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"newPassword\" nzRequired>\u65B0\u5BC6\u7801</nz-form-label>\n        <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" nzErrorTip=\"\u8BF7\u8F93\u5165\u65B0\u5BC6\u7801\">\n          <input nz-input type=\"password\" id=\"newPassword\" formControlName=\"newPassword\" maxLength=\"50\"\n            (ngModelChange)=\"updateConfirmValidator()\" />\n        </nz-form-control>\n      </nz-form-item>\n      <nz-form-item>\n        <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"confirmPassword\" nzRequired>\u786E\u8BA4\u5BC6\u7801</nz-form-label>\n        <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" [nzErrorTip]=\"errorTpl\">\n          <input nz-input type=\"password\" formControlName=\"confirmPassword\" id=\"confirmPassword\" maxLength=\"50\"\n            (ngModelChange)=\"updateConfirmValidator()\" />\n          <ng-template #errorTpl let-control>\n            <ng-container *ngIf=\"control.hasError('required')\">\u8BF7\u8F93\u5165\u786E\u8BA4\u5BC6\u7801</ng-container>\n            <ng-container *ngIf=\"control.hasError('confirm')\"> \u60A8\u4FE9\u6B21\u8F93\u5165\u7684\u5BC6\u7801\u4E0D\u4E00\u81F4 </ng-container>\n          </ng-template>\n        </nz-form-control>\n      </nz-form-item>\n      <div class=\"button-box\">\n        <div>\n          <button nz-button nzType=\"default\" (click)=\"handleCancel()\" type=\"button\">\u53D6\u6D88</button>\n          <button nz-button nzType=\"primary\" type=\"submit\" [nzLoading]=\"isOkLoading\">\u786E\u5B9A</button>\n        </div>\n      </div>\n    </form>\n  </ng-container>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"setIdIsVisible\" nzTitle=\"\u8EAB\u4EFD\u5207\u6362\" (nzOnCancel)=\"setIdCancel()\" nzClassName=\"modalPwd\"\n  [nzFooter]=\"nzFooter\">\n  <form nz-form [formGroup]=\"validateEIdForm\" (ngSubmit)=\"submitSetIdForm()\" class=\"frmPwd\">\n    <nz-form-item>\n      <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\">\u5F53\u524D\u8EAB\u4EFD</nz-form-label>\n      <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\">\n        {{ defaultEName }}\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"setId\" nzRequired>\u5207\u6362\u8EAB\u4EFD</nz-form-label>\n      <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" nzErrorTip=\"\u8BF7\u9009\u62E9\u8EAB\u4EFD\">\n        <nz-select id=\"eId\" formControlName=\"eId\" nzPlaceHolder=\"\u8BF7\u9009\u62E9\u8EAB\u4EFD\">\n          <ng-container *ngFor=\"let item of listEId\">\n            <nz-option [nzValue]=\"item.id\" [nzLabel]=\"item.name\"></nz-option>\n          </ng-container>\n        </nz-select>\n      </nz-form-control>\n    </nz-form-item>\n\n    <div class=\"button-box\">\n      <div>\n        <button nz-button nzType=\"default\" (click)=\"setIdCancel()\" type=\"button\">\u53D6\u6D88</button>\n        <button nz-button nzType=\"primary\" type=\"submit\" [nzLoading]=\"setIdIsOkLoading\">\u786E\u5B9A</button>\n      </div>\n    </div>\n  </form>\n</nz-modal>\n\n<nz-modal [(nzVisible)]=\"myIsVisible\" nzTitle=\"\u5173\u4E8E\u6211\u4EEC\" (nzOnCancel)=\"myCancel()\" nzClassName=\"modalMe\">\n  <div *nzModalContent>\n    <p>\n      <label class=\"title\">\u7248\u672C\u53F7</label>\n      <label>2.1.0</label>\n    </p>\n    <p>\n      <label class=\"title\">\u8054\u7CFB\u4EBA</label>\n      <label>Jack Ren</label>\n    </p>\n    <p>\n      <label class=\"title\">\u8054\u7CFB\u90AE\u7BB1</label>\n      <label>jackren0913&#64;gmail.com</label>\n    </p>\n    <p>\n      <label class=\"title\">\u4F01\u4E1A\u540D\u79F0</label>\n      <label>\u897F\u5B89\u8398\u58A8\u79D1\u6280\u6709\u9650\u516C\u53F8</label>\n    </p>\n  </div>\n  <div *nzModalFooter>\n    <button nz-button nzType=\"default\" (click)=\"myCancel()\">\u5173\u95ED</button>\n  </div>\n</nz-modal>", styles: [":host ::ng-deep{padding:0;overflow:auto;margin:auto}:host ::ng-deep header-user-pwd{display:flex;flex:1;width:100%;height:100%;padding:20px}:host ::ng-deep .alain-default__nav-item,:host ::ng-deep .alain-default__nav nz-badge{color:#262626}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NzModalService }, { type: i2.SettingsService }, { type: i1$1.Router }, { type: i2._HttpClient }, { type: i1.NzModalService }, { type: i4$1.NzMessageService }, { type: i5.FormBuilder }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DA_SERVICE_TOKEN]
+                }] }, { type: i6.GramGlobalService }, { type: i0.ChangeDetectorRef }] });
+
+class NavUserComponent {
+    settings;
+    router;
+    http;
+    cdr;
+    fb;
+    modal;
+    msg;
+    tokenService;
+    globalSrv;
+    featureConfig;
+    /**
+     * 头像
+     */
+    avatar = null;
+    get user() {
+        return this.settings.user;
+    }
+    subscription = null;
+    itemKey = 'home';
+    listEId = [];
+    defaultEName = null;
+    setIdIsVisible = false;
+    setIdIsOkLoading = false;
+    validateEIdForm;
+    nzFooter = null;
+    wkCnt = 0;
+    enableWorkflow = true;
+    enableMessageCenter = true;
+    constructor(settings, router, http, cdr, fb, modal, msg, tokenService, globalSrv, featureConfig) {
+        this.settings = settings;
+        this.router = router;
+        this.http = http;
+        this.cdr = cdr;
+        this.fb = fb;
+        this.modal = modal;
+        this.msg = msg;
+        this.tokenService = tokenService;
+        this.globalSrv = globalSrv;
+        this.featureConfig = featureConfig;
+        this.avatar = this.user?.avatar;
+        if (this.avatar == null) {
+            this.avatar = '/assets/images/employee.png';
+        }
+        let tmpEIds = this.settings.getData(AppSetData);
+        if (tmpEIds && tmpEIds.length > 0) {
+            this.listEId = tmpEIds;
+        }
+        this.defaultEName = this.settings.getData(AppSetName);
+        this.globalSrv.subscribe(globalKey.workflow_cnt, (res) => {
+            this.getWorkflowCnt();
+        });
+    }
+    ngOnInit() {
+        this.validateEIdForm = this.fb.group({
+            eId: [null, [Validators.required]],
+        });
+        this.featureConfig.load().subscribe(config => {
+            this.enableWorkflow = config.enableWorkflow;
+            this.enableMessageCenter = config.enableMessageCenter;
+            this.getWorkflowCnt();
+            this.cdr.detectChanges();
+        });
+        this.getPageItemKey();
+        this.subscription = this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe((event) => {
+            this.getPageItemKey();
+        });
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+    getPageItemKey() {
+        let url = this.router.url;
+        switch (url) {
+            case '/home':
+                this.itemKey = 'home';
+                break;
+            case '/workflow/list/apply':
+            case '/workflow/list/cc':
+            case '/workflow/list/processed':
+                this.itemKey = 'flow';
+                break;
+            case '/workflow/list/waiting':
+                this.itemKey = 'waiting';
+                break;
+            case '/message/list':
+                this.itemKey = 'message';
+                break;
+            default:
+                break;
+        }
+        this.cdr.detectChanges();
+    }
+    goToHome() {
+        this.router.navigateByUrl('/home');
+    }
+    goToFlowApply() {
+        this.router.navigateByUrl('/workflow/list/apply');
+    }
+    goToFlowWaiting() {
+        this.router.navigateByUrl('/workflow/list/waiting');
+    }
+    goToAdmin() {
+        window.open(`/admin/home`, '_blank');
+    }
+    goToMessage() {
+        this.router.navigateByUrl('/message/list');
+    }
+    goToChangeSetId() {
+        this.setIdIsVisible = true;
+    }
+    setIdCancel() {
+        this.validateEIdForm.reset();
+        this.setIdIsVisible = false;
+    }
+    submitSetIdForm() {
+        Object.values(this.validateEIdForm.controls).forEach((control) => {
+            if (control.invalid) {
+                control.markAsDirty();
+                control.updateValueAndValidity({ onlySelf: true });
+            }
+        });
+        if (this.validateEIdForm.valid) {
+            let id = this.validateEIdForm.controls?.['eId']?.value;
+            this.setIdIsOkLoading = true;
+            this.http.post(`${ModuleAPI.system}/sys/user/changeEId/${id}`).subscribe((res) => {
+                this.setIdIsOkLoading = false;
+                if (res.success) {
+                    this.setIdIsVisible = false;
+                    this.listEId.forEach((item) => {
+                        if (item.id == id) {
+                            this.settings.setData(AppSetId, id);
+                            this.settings.setData(AppSetName, item.name);
+                        }
+                    });
+                    this.msg.success('切换成功');
+                    this.router.navigateByUrl('/home');
+                }
+            });
+        }
+    }
+    logout() {
+        this.modal.confirm({
+            nzTitle: '提示',
+            nzContent: `您确定需要退出吗？`,
+            nzOnOk: () => {
+                this.http.post(`${ModuleAPI.system}/auth/logout`, {
+                    sourceType: "PC"
+                }).subscribe((res) => {
+                    this.tokenService.clear();
+                    this.router.navigateByUrl(this.tokenService.login_url);
+                });
+            },
+        });
+    }
+    getWorkflowCnt() {
+        if (!this.enableWorkflow) {
+            this.wkCnt = 0;
+            return;
+        }
+        this.wkCnt = 0;
+        this.http.post(`${ModuleAPI.user}/user/sys/getWorkflowCnt`).subscribe((res) => {
+            if (res && res.success && res.result) {
+                this.wkCnt = res.result;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NavUserComponent, deps: [{ token: i2.SettingsService }, { token: i1$1.Router }, { token: i2._HttpClient }, { token: i0.ChangeDetectorRef }, { token: i5.FormBuilder }, { token: i1.NzModalService }, { token: i4$1.NzMessageService }, { token: DA_SERVICE_TOKEN }, { token: i6.GramGlobalService }, { token: i7.AppFeatureConfigService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: NavUserComponent, isStandalone: true, selector: "nav-user", ngImport: i0, template: "<div class=\"header\">\n  <nz-avatar [nzSize]=\"96\" nzIcon=\"user\" [nzSrc]=\"avatar\"></nz-avatar>\n  <label class=\"name\">{{user?.[\"empName\"]!!?user?.[\"empName\"]:user?.name}}</label>\n</div>\n<div class=\"waiting\">\n  <div class=\"flow\" (click)=\"goToHome()\" [ngClass]=\"{'item-selected':itemKey=='home'}\">\n    <span nz-icon nzType=\"home\"></span>\n    <label>\u9996\u9875</label>\n  </div>\n  <!-- <div class=\"flow\" (click)=\"goToFlowApply()\" [ngClass]=\"{'item-selected':itemKey=='flow'}\">\n    <span nz-icon nzType=\"node-index\"></span>\n    <label>\u6D41\u7A0B\u4E2D\u5FC3</label>\n  </div> -->\n\n  <div class=\"flow\" *ngIf=\"enableWorkflow\" (click)=\"goToFlowWaiting()\" [ngClass]=\"{'item-selected':itemKey=='waiting'}\">\n    <span nz-icon nzType=\"node-index\"></span>\n    <label>\u5F85\u529E\u6D41\u7A0B</label>\n    <ng-container *ngIf=\"wkCnt!! && wkCnt>0\">\n      <nz-badge nzStandalone [nzCount]=\"wkCnt\"></nz-badge>\n    </ng-container>\n  </div>\n  <div class=\"msg\" *ngIf=\"enableMessageCenter\" (click)=\"goToMessage()\" [ngClass]=\"{'item-selected':itemKey=='message'}\">\n    <span nz-icon nzType=\"message\"></span>\n    <label>\u6D88\u606F\u4E2D\u5FC3</label>\n  </div>\n\n  <!-- <div class=\"flow\" (click)=\"goToFlowWaiting()\" [ngClass]=\"{'item-selected':itemKey=='waiting'}\">\n    <span nz-icon nzType=\"book\"></span>\n    <label>\u5F85\u529E\u4E8B\u9879</label>\n    <ng-container *ngIf=\"wkCnt!! && wkCnt>0\">\n      <nz-badge nzStandalone [nzCount]=\"wkCnt\"></nz-badge>\n    </ng-container>\n  </div> -->\n</div>\n\n<div class=\"menu\"></div>\n\n<div class=\"footer\">\n  <div (click)=\"goToChangeSetId()\" *ngIf=\"listEId!! && listEId.length>1\">\n    <span nz-icon nzType=\"idcard\"></span>\n    <label>\u8EAB\u4EFD\u5207\u6362</label>\n  </div>\n  <div (click)=\"goToAdmin()\" *aclIf=\"'SET'\">\n    <span nz-icon nzType=\"setting\"></span>\n    <label>\u540E\u53F0\u914D\u7F6E</label>\n  </div>\n  <div (click)=\"logout()\">\n    <span nz-icon nzType=\"logout\"></span>\n    <label>\u9000\u51FA\u7CFB\u7EDF</label>\n  </div>\n</div>\n\n<ng-template #nzFooter></ng-template>\n<nz-modal [(nzVisible)]=\"setIdIsVisible\" nzTitle=\"\u8EAB\u4EFD\u5207\u6362\" (nzOnCancel)=\"setIdCancel()\" nzClassName=\"modalPwd\"\n  [nzFooter]=\"nzFooter\">\n  <form nz-form [formGroup]=\"validateEIdForm\" (ngSubmit)=\"submitSetIdForm()\" class=\"frmPwd\">\n    <nz-form-item>\n      <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\">\u5F53\u524D\u8EAB\u4EFD</nz-form-label>\n      <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\"> {{defaultEName}} </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"eId\" nzRequired>\u5207\u6362\u8EAB\u4EFD</nz-form-label>\n      <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" nzErrorTip=\"\u8BF7\u9009\u62E9\u8EAB\u4EFD\">\n        <nz-select id=\"eId\" formControlName=\"eId\" nzPlaceHolder=\"\u8BF7\u9009\u62E9\u8EAB\u4EFD\">\n          <ng-container *ngFor=\"let item of listEId\">\n            <nz-option [nzValue]=\"item.id\" [nzLabel]=\"item.name\"></nz-option>\n          </ng-container>\n        </nz-select>\n      </nz-form-control>\n    </nz-form-item>\n\n    <div class=\"button-box\">\n      <div>\n        <button nz-button nzType=\"default\" (click)=\"setIdCancel()\" type=\"button\">\u53D6\u6D88</button>\n        <button nz-button nzType=\"primary\" type=\"submit\" [nzLoading]=\"setIdIsOkLoading\">\u786E\u5B9A</button>\n      </div>\n    </div>\n  </form>\n</nz-modal>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;height:100%;padding:0;overflow:auto;overflow:hidden;font-size:14px}:host ::ng-deep .header{display:flex;flex-direction:column;align-items:center;padding:35px 0 0}:host ::ng-deep .header .name{margin-top:15px;font-weight:700;font-size:16px}:host ::ng-deep .waiting{margin-top:50px}:host ::ng-deep .waiting div{position:relative;display:flex;flex-direction:row;align-items:center;padding:10px 25px;cursor:pointer}:host ::ng-deep .waiting div span{margin-right:5px}:host ::ng-deep .waiting div label{cursor:pointer}:host ::ng-deep .waiting div:hover{background:#4f85ff}:host ::ng-deep .waiting nz-badge{position:absolute;top:10px;right:35px}:host ::ng-deep .waiting nz-badge nz-badge-sup{margin-left:4px;box-shadow:none}:host ::ng-deep .waiting nz-badge nz-badge-sup span{margin-right:0}:host ::ng-deep .waiting .flow{margin:0 0 12px}:host ::ng-deep .waiting .flow nz-badge-sup{background:#fdb02a}:host ::ng-deep .waiting .msg nz-badge-sup{background:#329afa}:host ::ng-deep .menu{position:relative;flex:1;padding:50px 20px 0}:host ::ng-deep .menu .item{height:44px;margin:0 0 15px;line-height:44px}:host ::ng-deep .menu .actived{width:120px;padding:0 0 0 15px;color:#1177fb;background:#fff;border-top-left-radius:22px;border-bottom-left-radius:22px}:host ::ng-deep .footer{display:flex;flex-direction:column;margin-bottom:30px}:host ::ng-deep .footer div{margin-top:15px;padding:10px 25px;cursor:pointer}:host ::ng-deep .footer div span{margin-right:6px}:host ::ng-deep .footer div label{cursor:pointer}:host ::ng-deep .footer div:hover{background:#4f85ff}:host ::ng-deep .item-selected{background:#4f85ff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.FormSubmitTouchDirective, selector: "form[formGroup]" }, { kind: "directive", type: i3.ACLIfDirective, selector: "[aclIf]", inputs: ["aclIf", "aclIfThen", "aclIfElse", "except"], exportAs: ["aclIf"] }, { kind: "component", type: i10.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i6$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i12.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i15.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: i15.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i16.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i16.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i17.NzBadgeComponent, selector: "nz-badge", inputs: ["nzShowZero", "nzShowDot", "nzStandalone", "nzDot", "nzOverflowCount", "nzColor", "nzStyle", "nzText", "nzTitle", "nzStatus", "nzCount", "nzOffset", "nzSize"], exportAs: ["nzBadge"] }, { kind: "component", type: i1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i19.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i19.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i19.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i19.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "component", type: i20.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NavUserComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nav-user', standalone: true, imports: [
+                        CommonModule,
+                        RuntimeSharedImportsModule
+                    ], template: "<div class=\"header\">\n  <nz-avatar [nzSize]=\"96\" nzIcon=\"user\" [nzSrc]=\"avatar\"></nz-avatar>\n  <label class=\"name\">{{user?.[\"empName\"]!!?user?.[\"empName\"]:user?.name}}</label>\n</div>\n<div class=\"waiting\">\n  <div class=\"flow\" (click)=\"goToHome()\" [ngClass]=\"{'item-selected':itemKey=='home'}\">\n    <span nz-icon nzType=\"home\"></span>\n    <label>\u9996\u9875</label>\n  </div>\n  <!-- <div class=\"flow\" (click)=\"goToFlowApply()\" [ngClass]=\"{'item-selected':itemKey=='flow'}\">\n    <span nz-icon nzType=\"node-index\"></span>\n    <label>\u6D41\u7A0B\u4E2D\u5FC3</label>\n  </div> -->\n\n  <div class=\"flow\" *ngIf=\"enableWorkflow\" (click)=\"goToFlowWaiting()\" [ngClass]=\"{'item-selected':itemKey=='waiting'}\">\n    <span nz-icon nzType=\"node-index\"></span>\n    <label>\u5F85\u529E\u6D41\u7A0B</label>\n    <ng-container *ngIf=\"wkCnt!! && wkCnt>0\">\n      <nz-badge nzStandalone [nzCount]=\"wkCnt\"></nz-badge>\n    </ng-container>\n  </div>\n  <div class=\"msg\" *ngIf=\"enableMessageCenter\" (click)=\"goToMessage()\" [ngClass]=\"{'item-selected':itemKey=='message'}\">\n    <span nz-icon nzType=\"message\"></span>\n    <label>\u6D88\u606F\u4E2D\u5FC3</label>\n  </div>\n\n  <!-- <div class=\"flow\" (click)=\"goToFlowWaiting()\" [ngClass]=\"{'item-selected':itemKey=='waiting'}\">\n    <span nz-icon nzType=\"book\"></span>\n    <label>\u5F85\u529E\u4E8B\u9879</label>\n    <ng-container *ngIf=\"wkCnt!! && wkCnt>0\">\n      <nz-badge nzStandalone [nzCount]=\"wkCnt\"></nz-badge>\n    </ng-container>\n  </div> -->\n</div>\n\n<div class=\"menu\"></div>\n\n<div class=\"footer\">\n  <div (click)=\"goToChangeSetId()\" *ngIf=\"listEId!! && listEId.length>1\">\n    <span nz-icon nzType=\"idcard\"></span>\n    <label>\u8EAB\u4EFD\u5207\u6362</label>\n  </div>\n  <div (click)=\"goToAdmin()\" *aclIf=\"'SET'\">\n    <span nz-icon nzType=\"setting\"></span>\n    <label>\u540E\u53F0\u914D\u7F6E</label>\n  </div>\n  <div (click)=\"logout()\">\n    <span nz-icon nzType=\"logout\"></span>\n    <label>\u9000\u51FA\u7CFB\u7EDF</label>\n  </div>\n</div>\n\n<ng-template #nzFooter></ng-template>\n<nz-modal [(nzVisible)]=\"setIdIsVisible\" nzTitle=\"\u8EAB\u4EFD\u5207\u6362\" (nzOnCancel)=\"setIdCancel()\" nzClassName=\"modalPwd\"\n  [nzFooter]=\"nzFooter\">\n  <form nz-form [formGroup]=\"validateEIdForm\" (ngSubmit)=\"submitSetIdForm()\" class=\"frmPwd\">\n    <nz-form-item>\n      <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\">\u5F53\u524D\u8EAB\u4EFD</nz-form-label>\n      <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\"> {{defaultEName}} </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSm]=\"6\" [nzXs]=\"24\" nzFor=\"eId\" nzRequired>\u5207\u6362\u8EAB\u4EFD</nz-form-label>\n      <nz-form-control [nzSm]=\"14\" [nzXs]=\"24\" nzErrorTip=\"\u8BF7\u9009\u62E9\u8EAB\u4EFD\">\n        <nz-select id=\"eId\" formControlName=\"eId\" nzPlaceHolder=\"\u8BF7\u9009\u62E9\u8EAB\u4EFD\">\n          <ng-container *ngFor=\"let item of listEId\">\n            <nz-option [nzValue]=\"item.id\" [nzLabel]=\"item.name\"></nz-option>\n          </ng-container>\n        </nz-select>\n      </nz-form-control>\n    </nz-form-item>\n\n    <div class=\"button-box\">\n      <div>\n        <button nz-button nzType=\"default\" (click)=\"setIdCancel()\" type=\"button\">\u53D6\u6D88</button>\n        <button nz-button nzType=\"primary\" type=\"submit\" [nzLoading]=\"setIdIsOkLoading\">\u786E\u5B9A</button>\n      </div>\n    </div>\n  </form>\n</nz-modal>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;height:100%;padding:0;overflow:auto;overflow:hidden;font-size:14px}:host ::ng-deep .header{display:flex;flex-direction:column;align-items:center;padding:35px 0 0}:host ::ng-deep .header .name{margin-top:15px;font-weight:700;font-size:16px}:host ::ng-deep .waiting{margin-top:50px}:host ::ng-deep .waiting div{position:relative;display:flex;flex-direction:row;align-items:center;padding:10px 25px;cursor:pointer}:host ::ng-deep .waiting div span{margin-right:5px}:host ::ng-deep .waiting div label{cursor:pointer}:host ::ng-deep .waiting div:hover{background:#4f85ff}:host ::ng-deep .waiting nz-badge{position:absolute;top:10px;right:35px}:host ::ng-deep .waiting nz-badge nz-badge-sup{margin-left:4px;box-shadow:none}:host ::ng-deep .waiting nz-badge nz-badge-sup span{margin-right:0}:host ::ng-deep .waiting .flow{margin:0 0 12px}:host ::ng-deep .waiting .flow nz-badge-sup{background:#fdb02a}:host ::ng-deep .waiting .msg nz-badge-sup{background:#329afa}:host ::ng-deep .menu{position:relative;flex:1;padding:50px 20px 0}:host ::ng-deep .menu .item{height:44px;margin:0 0 15px;line-height:44px}:host ::ng-deep .menu .actived{width:120px;padding:0 0 0 15px;color:#1177fb;background:#fff;border-top-left-radius:22px;border-bottom-left-radius:22px}:host ::ng-deep .footer{display:flex;flex-direction:column;margin-bottom:30px}:host ::ng-deep .footer div{margin-top:15px;padding:10px 25px;cursor:pointer}:host ::ng-deep .footer div span{margin-right:6px}:host ::ng-deep .footer div label{cursor:pointer}:host ::ng-deep .footer div:hover{background:#4f85ff}:host ::ng-deep .item-selected{background:#4f85ff}\n"] }]
+        }], ctorParameters: () => [{ type: i2.SettingsService }, { type: i1$1.Router }, { type: i2._HttpClient }, { type: i0.ChangeDetectorRef }, { type: i5.FormBuilder }, { type: i1.NzModalService }, { type: i4$1.NzMessageService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DA_SERVICE_TOKEN]
+                }] }, { type: i6.GramGlobalService }, { type: i7.AppFeatureConfigService }] });
+
+class LayoutBaseService {
+    http;
+    router;
+    menuService;
+    settingService;
+    aclService;
+    loading = true;
+    visibleMenuData = [];
+    hasMoreItems = false;
+    moreItems = [];
+    /**
+     * layout属性
+     */
+    options = {
+        logoExpanded: `./assets/images/logo3.png`,
+        logoCollapsed: `./assets/images/logo3.png`,
+        //title: AppName,
+        //hideCollapse: true,
+        hideAside: true,
+    };
+    /**
+     * 菜单集合
+     */
+    menuData = [];
+    /**
+     * 当前用户
+     */
+    get user() {
+        return this.settingService.user;
+    }
+    constructor(http, router, menuService, settingService, aclService) {
+        this.http = http;
+        this.router = router;
+        this.menuService = menuService;
+        this.settingService = settingService;
+        this.aclService = aclService;
+    }
+    /**
+     * 初始化菜单数据
+     */
+    initMenuData() {
+        let moduelData = this.settingService.getData(Gram_App_Module);
+        if (moduelData && Array.isArray(moduelData)) {
+            moduelData = moduelData.filter((res) => {
+                return res?.izHome == true && res.code != 'user';
+            });
+            let splitItem = this.router.url.split('/');
+            let code = null;
+            if (splitItem && splitItem.length > 1) {
+                code = splitItem[1];
+            }
+            let roles = this.aclService.data.roles;
+            let showUser = false;
+            if (roles &&
+                roles.some((item) => {
+                    return item == 'USER';
+                })) {
+                showUser = true;
+            }
+            if (this.user && this.user?.["empId"] && showUser == true) {
+                moduelData.unshift({
+                    code: 'user',
+                    text: '员工自助',
+                    icon: 'desktop',
+                    link: `/user/default/${this.user?.["empId"]}`,
+                    children: [
+                        {
+                            code: '',
+                            text: '',
+                        },
+                    ],
+                });
+            }
+            moduelData.unshift({
+                code: 'home',
+                text: '首页',
+                icon: 'home',
+                link: '/home',
+                children: [
+                    {
+                        code: '',
+                        text: '',
+                    },
+                ],
+            });
+            let moduleInfo = null;
+            moduelData.forEach((item) => {
+                item['selected'] = false;
+                if (item.code == code || (item.code == 'home' && (code == 'workflow' || code == 'message'))) {
+                    item['selected'] = true;
+                    moduleInfo = item;
+                }
+            });
+            this.addMenuData(moduleInfo);
+            this.menuData = moduelData;
+        }
+        else {
+            this.menuData = [];
+        }
+        this.loading = false;
+    }
+    /**
+     * 初始化菜单数据
+     */
+    initMenuData2(url) {
+        let moduelData = this.settingService.getData(Gram_App_Module);
+        if (moduelData && Array.isArray(moduelData)) {
+            moduelData = moduelData.filter((res) => {
+                return res?.izHome == true && res.code != 'user';
+            });
+            let splitItem = url.split('/');
+            let code = null;
+            if (splitItem && splitItem.length > 1) {
+                code = splitItem[1];
+            }
+            let roles = this.aclService.data.roles;
+            let showUser = false;
+            if (roles &&
+                roles.some((item) => {
+                    return item == 'USER';
+                })) {
+                showUser = true;
+            }
+            if (this.user && this.user?.["empId"] && showUser == true) {
+                moduelData.unshift({
+                    code: 'user',
+                    text: '员工自助',
+                    icon: 'desktop',
+                    link: `/user/default/${this.user?.["empId"]}`,
+                    children: [
+                        {
+                            code: '',
+                            text: '',
+                        },
+                    ],
+                });
+            }
+            moduelData.unshift({
+                code: 'home',
+                text: '首页',
+                icon: 'home',
+                link: '/home',
+                children: [
+                    {
+                        code: '',
+                        text: '',
+                    },
+                ],
+            });
+            let moduleInfo = null;
+            moduelData.forEach((item) => {
+                item['selected'] = false;
+                if (item.code == code || (item.code == 'home' && (code == 'workflow' || code == 'message'))) {
+                    item['selected'] = true;
+                    moduleInfo = item;
+                }
+            });
+            this.addMenuData(moduleInfo);
+            this.menuData = moduelData;
+        }
+        else {
+            this.menuData = [];
+        }
+        this.loading = false;
+    }
+    addMenuData(e) {
+        if (e) {
+            this.menuService.add([e]);
+        }
+        else {
+            this.menuService.add([]);
+        }
+        this.menuService.resume();
+    }
+    menuClick(e) {
+        if (e.link) {
+            let curUrl = this.router.url;
+            if (curUrl.indexOf(e.link) == -1) {
+                this.initMenuData2(e.link);
+                this.router.navigateByUrl(`${e.link}`);
+            }
+        }
+    }
+    filterMenu(e) {
+        let tmpData = _.cloneDeep(e);
+        if (tmpData && tmpData?.children && Array.isArray(tmpData.children)) {
+            tmpData.children.forEach((a) => {
+                if (a && a?.children && Array.isArray(a?.children)) {
+                    a.children.forEach((b) => {
+                        if (b && b?.children && Array.isArray(b?.children)) {
+                            b.children = [];
+                        }
+                    });
+                }
+            });
+        }
+        return tmpData;
+    }
+    /**
+     * 判断是否隐藏
+     * @param item
+     * @returns
+     */
+    checkMenuItemHide(item) {
+        let isHide = false;
+        if (item && item?.type) {
+            switch (item.type) {
+                case 'PAGE':
+                case 'TREE_FORM':
+                case 'TREE_LIST':
+                case 'MENU_GROUP':
+                case 'MENU_SINGLE':
+                    isHide = true;
+                    break;
+                default:
+                    break;
+            }
+        }
+        return isHide;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutBaseService, deps: [{ token: i2._HttpClient }, { token: i1$1.Router }, { token: i2.MenuService }, { token: i2.SettingsService }, { token: i3.ACLService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: LayoutBaseService, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutBaseService, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i2._HttpClient }, { type: i1$1.Router }, { type: i2.MenuService }, { type: i2.SettingsService }, { type: i3.ACLService }] });
+
+class LayoutHomeComponent extends LayoutBaseService {
+    http;
+    router;
+    menuService;
+    settingService;
+    aclService;
+    menuContainer;
+    constructor(http, router, menuService, settingService, aclService) {
+        super(http, router, menuService, settingService, aclService);
+        this.http = http;
+        this.router = router;
+        this.menuService = menuService;
+        this.settingService = settingService;
+        this.aclService = aclService;
+        this.options = {
+            //hideCollapse: true,
+            hideAside: false,
+            //hideLogo: true,
+            //title: null,
+            showHeaderCollapse: false
+        };
+        this.initMenuData();
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.updateVisibleMenuData();
+        }, 0);
+        window.addEventListener('resize', this.updateVisibleMenuData.bind(this));
+    }
+    updateVisibleMenuData() {
+        const containerWidth = this.menuContainer.nativeElement.offsetWidth - 180;
+        if (containerWidth > 0) {
+            const itemWidth = 80;
+            const itemsToShow = Math.floor(containerWidth / itemWidth);
+            this.visibleMenuData = this.menuData.slice(0, itemsToShow - 1);
+            this.hasMoreItems = this.menuData.length > itemsToShow;
+            if (this.menuData.length > this.visibleMenuData.length) {
+                this.moreItems = this.menuData.slice(itemsToShow - 1, this.menuData.length);
+            }
+            else {
+                this.moreItems = [];
+            }
+        }
+    }
+    toggleShowAll() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutHomeComponent, deps: [{ token: i2._HttpClient }, { token: i1$1.Router }, { token: i2.MenuService }, { token: i2.SettingsService }, { token: i3.ACLService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutHomeComponent, isStandalone: true, selector: "layout-home", host: { classAttribute: "layout-basic" }, viewQueries: [{ propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <nz-spin [nzSpinning]="loading" nzTip="拼命加载中..." class="deon-list-spin">
+      <layout-default [options]="options" [content]="contentTpl" [nav]="asideUserTpl">
+        <layout-default-header-item direction="middle">
+          <ul nz-menu nzMode="horizontal" class="header-item-ul" #menuContainer *ngIf="visibleMenuData!!">
+            <li nz-menu-item *ngFor="let item of visibleMenuData; let index = index" [nzSelected]="item.selected" (click)="menuClick(item)">
+              <div class="menu-text">
+                <div class="icon">
+                  <span nz-icon [ngClass]="'backgroup_' + index" [nzType]="item?.selected == true ? item.icon?.value : item.icon"></span>
+                </div>
+                <div class="text">{{ item.text }}</div>
+              </div>
+            </li>
+            <li nz-menu-item *ngIf="hasMoreItems" (click)="toggleShowAll()">
+              <div class="menu-text" nz-dropdown [nzDropdownMenu]="menu">
+                <div class="icon">
+                  <span nz-icon nzType="ordered-list" class="backgroup_more"></span>
+                </div>
+                <div class="text">更多</div>
+              </div>
+              <nz-dropdown-menu #menu="nzDropdownMenu">
+                <ul nz-menu nzSelectable>
+                  <ng-container *ngFor="let b of moreItems">
+                    <li nz-menu-item (click)="menuClick(b)">{{ b.text }}</li>
+                  </ng-container>
+                </ul>
+              </nz-dropdown-menu>
+            </li>
+          </ul>
+        </layout-default-header-item>
+        <layout-default-header-item direction="right">
+          <header-user></header-user>
+        </layout-default-header-item>
+        <ng-template #contentTpl>
+          <router-outlet></router-outlet>
+        </ng-template>
+        <ng-template #asideUserTpl>
+          <nav-user></nav-user>
+        </ng-template>
+      </layout-default>
+    </nz-spin>
+  `, isInline: true, styles: [":host ::ng-deep .backgroup_more{background:#e8a0d6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: LayoutDefaultModule }, { kind: "component", type: i5$1.LayoutDefaultComponent, selector: "layout-default", inputs: ["options", "asideUser", "asideBottom", "nav", "content", "customError", "fetchingStrictly", "fetching"], exportAs: ["layoutDefault"] }, { kind: "component", type: i5$1.LayoutDefaultHeaderItemComponent, selector: "layout-default-header-item", inputs: ["hidden", "direction"] }, { kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i6$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i1$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i2$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i10$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: GramDeonHeaderUserModule }, { kind: "component", type: NavUserComponent, selector: "nav-user" }, { kind: "component", type: HeaderUserComponent$1, selector: "header-user" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutHomeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'layout-home', template: `
+    <nz-spin [nzSpinning]="loading" nzTip="拼命加载中..." class="deon-list-spin">
+      <layout-default [options]="options" [content]="contentTpl" [nav]="asideUserTpl">
+        <layout-default-header-item direction="middle">
+          <ul nz-menu nzMode="horizontal" class="header-item-ul" #menuContainer *ngIf="visibleMenuData!!">
+            <li nz-menu-item *ngFor="let item of visibleMenuData; let index = index" [nzSelected]="item.selected" (click)="menuClick(item)">
+              <div class="menu-text">
+                <div class="icon">
+                  <span nz-icon [ngClass]="'backgroup_' + index" [nzType]="item?.selected == true ? item.icon?.value : item.icon"></span>
+                </div>
+                <div class="text">{{ item.text }}</div>
+              </div>
+            </li>
+            <li nz-menu-item *ngIf="hasMoreItems" (click)="toggleShowAll()">
+              <div class="menu-text" nz-dropdown [nzDropdownMenu]="menu">
+                <div class="icon">
+                  <span nz-icon nzType="ordered-list" class="backgroup_more"></span>
+                </div>
+                <div class="text">更多</div>
+              </div>
+              <nz-dropdown-menu #menu="nzDropdownMenu">
+                <ul nz-menu nzSelectable>
+                  <ng-container *ngFor="let b of moreItems">
+                    <li nz-menu-item (click)="menuClick(b)">{{ b.text }}</li>
+                  </ng-container>
+                </ul>
+              </nz-dropdown-menu>
+            </li>
+          </ul>
+        </layout-default-header-item>
+        <layout-default-header-item direction="right">
+          <header-user></header-user>
+        </layout-default-header-item>
+        <ng-template #contentTpl>
+          <router-outlet></router-outlet>
+        </ng-template>
+        <ng-template #asideUserTpl>
+          <nav-user></nav-user>
+        </ng-template>
+      </layout-default>
+    </nz-spin>
+  `, host: {
+                        class: 'layout-basic',
+                    }, imports: [
+                        CommonModule,
+                        LayoutDefaultModule,
+                        RuntimeSharedImportsModule,
+                        GramDeonHeaderUserModule,
+                        NavUserComponent,
+                        HeaderUserComponent$1
+                    ], styles: [":host ::ng-deep .backgroup_more{background:#e8a0d6}\n"] }]
+        }], ctorParameters: () => [{ type: i2._HttpClient }, { type: i1$1.Router }, { type: i2.MenuService }, { type: i2.SettingsService }, { type: i3.ACLService }], propDecorators: { menuContainer: [{
+                type: ViewChild,
+                args: ['menuContainer']
+            }] } });
+
+class NavMenuComponent {
+    router;
+    menuSrv;
+    data = null;
+    constructor(router, menuSrv) {
+        this.router = router;
+        this.menuSrv = menuSrv;
+    }
+    ngOnInit() {
+    }
+    ngOnChanges(changes) {
+        if (changes && changes["data"] && this.data) {
+        }
+    }
+    ngOnDestroy() {
+    }
+    isSubmenuOpen(item) {
+        if (!item?.children)
+            return false;
+        return item.children.some(child => this.router.url.includes(child.link));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NavMenuComponent, deps: [{ token: i1$1.Router }, { token: i2.MenuService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: NavMenuComponent, isStandalone: true, selector: "nav-menu", inputs: { data: "data" }, usesOnChanges: true, ngImport: i0, template: "<ul nz-menu nzMode=\"inline\" *ngIf=\"data && data?.children && data.children.length>0\">\n    <ng-container *ngFor=\"let item of data.children\">\n        <li nz-submenu [nzTitle]=\"item.text\" [nzOpen]=\"isSubmenuOpen(item)\">\n            <ng-container *ngIf=\"item?.children\">\n                <ul>\n                    <ng-container *ngFor=\"let level of item.children\">\n                        <li nz-menu-item nzMatchRouter>\n                            <a [routerLink]=\"[level.link]\">\n                                {{level?.text}}\n                            </a>\n                        </li>\n                    </ng-container>\n                </ul>\n            </ng-container>\n        </li>\n    </ng-container>\n</ul>", styles: [":host ::ng-deep a,:host ::ng-deep .ant-menu-title-content{font-size:14px;color:#fff}:host ::ng-deep a:hover{color:#fff;background-color:unset!important}:host ::ng-deep .ant-menu{background-color:unset}:host ::ng-deep .ant-menu-submenu-arrow{color:#fff!important}:host ::ng-deep .ant-menu-item:hover,:host ::ng-deep .ant-menu-item-selected{background-color:#4f85ff!important}:host ::ng-deep .ant-menu-vertical .ant-menu-item:after,:host ::ng-deep .ant-menu-vertical-left .ant-menu-item:after,:host ::ng-deep .ant-menu-vertical-right .ant-menu-item:after,:host ::ng-deep .ant-menu-inline .ant-menu-item:after{border-right:0!important}:host ::ng-deep .ant-menu-item:active,:host ::ng-deep .ant-menu-submenu-title:active{background:unset!important}:host ::ng-deep .ant-menu-item{padding-left:36px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NzMenuModule }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i1$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "component", type: i1$2.NzSubMenuComponent, selector: "[nz-submenu]", inputs: ["nzMenuClassName", "nzPaddingLeft", "nzTitle", "nzIcon", "nzTriggerSubMenuAction", "nzOpen", "nzDisabled", "nzPlacement"], outputs: ["nzOpenChange"], exportAs: ["nzSubmenu"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NavMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nav-menu', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        RouterLink,
+                        NzMenuModule
+                    ], template: "<ul nz-menu nzMode=\"inline\" *ngIf=\"data && data?.children && data.children.length>0\">\n    <ng-container *ngFor=\"let item of data.children\">\n        <li nz-submenu [nzTitle]=\"item.text\" [nzOpen]=\"isSubmenuOpen(item)\">\n            <ng-container *ngIf=\"item?.children\">\n                <ul>\n                    <ng-container *ngFor=\"let level of item.children\">\n                        <li nz-menu-item nzMatchRouter>\n                            <a [routerLink]=\"[level.link]\">\n                                {{level?.text}}\n                            </a>\n                        </li>\n                    </ng-container>\n                </ul>\n            </ng-container>\n        </li>\n    </ng-container>\n</ul>", styles: [":host ::ng-deep a,:host ::ng-deep .ant-menu-title-content{font-size:14px;color:#fff}:host ::ng-deep a:hover{color:#fff;background-color:unset!important}:host ::ng-deep .ant-menu{background-color:unset}:host ::ng-deep .ant-menu-submenu-arrow{color:#fff!important}:host ::ng-deep .ant-menu-item:hover,:host ::ng-deep .ant-menu-item-selected{background-color:#4f85ff!important}:host ::ng-deep .ant-menu-vertical .ant-menu-item:after,:host ::ng-deep .ant-menu-vertical-left .ant-menu-item:after,:host ::ng-deep .ant-menu-vertical-right .ant-menu-item:after,:host ::ng-deep .ant-menu-inline .ant-menu-item:after{border-right:0!important}:host ::ng-deep .ant-menu-item:active,:host ::ng-deep .ant-menu-submenu-title:active{background:unset!important}:host ::ng-deep .ant-menu-item{padding-left:36px!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i2.MenuService }], propDecorators: { data: [{
+                type: Input
+            }] } });
+
+class LayoutManageComponent extends LayoutBaseService {
+    router;
+    activatedRoute;
+    menuService;
+    settingService;
+    http;
+    aclService;
+    menuContainer;
+    options = {
+        //hideCollapse: true,
+        hideAside: false,
+        //hideLogo: true,
+        //title: null, 
+        logoExpanded: `./assets/images/logo3.png`,
+        logoCollapsed: `./assets/images/logo3.png`,
+        showHeaderCollapse: false
+    };
+    navMenuData = null;
+    constructor(router, activatedRoute, menuService, settingService, http, aclService) {
+        super(http, router, menuService, settingService, aclService);
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.menuService = menuService;
+        this.settingService = settingService;
+        this.http = http;
+        this.aclService = aclService;
+        this.initMenuData();
+    }
+    toggleShowAll() { }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.updateVisibleMenuData();
+        }, 0);
+        window.addEventListener('resize', this.updateVisibleMenuData.bind(this));
+    }
+    updateVisibleMenuData() {
+        const containerWidth = this.menuContainer.nativeElement.offsetWidth - 180;
+        if (containerWidth > 0) {
+            const itemWidth = 80;
+            const itemsToShow = Math.floor(containerWidth / itemWidth);
+            this.visibleMenuData = this.menuData.slice(0, itemsToShow - 1);
+            this.hasMoreItems = this.menuData.length > itemsToShow;
+            if (this.menuData.length > this.visibleMenuData.length) {
+                this.moreItems = this.menuData.slice(itemsToShow - 1, this.menuData.length);
+            }
+            else {
+                this.moreItems = [];
+            }
+        }
+    }
+    goToHome() {
+        this.router.navigateByUrl('/home');
+    }
+    addMenuData(e) {
+        this.menuService.clear();
+        if (e) {
+            let tmpData = _.cloneDeep(e);
+            if (tmpData?.children && Array.isArray(tmpData?.children)) {
+                this.initModuleMenuData(tmpData.children);
+            }
+            this.navMenuData = tmpData;
+            this.menuService.add([this.navMenuData]);
+        }
+        this.menuService.resume();
+    }
+    initModuleMenuData(a) {
+        a.forEach((b) => {
+            if (b?.children && Array.isArray(b?.children) && b.children.length > 0) {
+                b.children = b.children.filter((item) => {
+                    const hasChildren = Array.isArray(item?.children) && item.children.length > 0;
+                    const hasLink = !!item?.link;
+                    return hasChildren || hasLink;
+                });
+            }
+            // item['hide'] = false;
+            // console.log(item);
+            // if (item?.type) {
+            //   item["group"] = false;
+            // }
+            // if (item?.type == 'MENU_GROUP') {
+            //   item["group"] = false;
+            //   if (item?.children && Array.isArray(item?.children) && item.children.length > 0) {
+            //     item?.children.forEach((b: any) => {
+            //       b['hide'] = true;
+            //     })
+            //   }
+            // } else {
+            //   if (item?.children && Array.isArray(item?.children) && item.children.length > 0) {
+            //     this.initModuleMenuData(item, item.children);
+            //   }
+            // }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutManageComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2.MenuService }, { token: i2.SettingsService }, { token: i2._HttpClient }, { token: i3.ACLService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutManageComponent, isStandalone: true, selector: "layout-manage", host: { classAttribute: "layout-basic" }, viewQueries: [{ propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <nz-spin [nzSpinning]="loading" nzTip="拼命加载中..." class="deon-list-spin">
+      <layout-default [options]="options" [content]="contentTpl" [asideUser]="asideUserTpl" [nav]="navTpl">
+        <layout-default-header-item direction="middle">
+          <ul nz-menu nzMode="horizontal" class="header-item-ul" #menuContainer *ngIf="visibleMenuData!! && visibleMenuData != null">
+            <li nz-menu-item *ngFor="let item of visibleMenuData; let index = index" [nzSelected]="item.selected" (click)="menuClick(item)">
+              <div class="menu-text">
+                <div class="icon">
+                  <span nz-icon [ngClass]="'backgroup_' + index" [nzType]="item?.selected == true ? item.icon : item.icon"></span>
+                </div>
+                <div class="text">{{ item.text }}</div>
+              </div>
+            </li>
+            <li nz-menu-item *ngIf="hasMoreItems" (click)="toggleShowAll()">
+              <div class="menu-text" nz-dropdown [nzDropdownMenu]="menu">
+                <div class="icon">
+                  <span nz-icon nzType="ordered-list" class="backgroup_more"></span>
+                </div>
+                <div class="text">更多</div>
+              </div>
+              <nz-dropdown-menu #menu="nzDropdownMenu">
+                <ul nz-menu nzSelectable>
+                  <ng-container *ngFor="let b of moreItems">
+                    <li nz-menu-item (click)="menuClick(b)">{{ b.text }}</li>
+                  </ng-container>
+                </ul>
+              </nz-dropdown-menu>
+            </li>
+          </ul>
+        </layout-default-header-item>
+        <layout-default-header-item direction="right">
+          <header-user></header-user>
+        </layout-default-header-item>
+
+        <ng-template #contentTpl>
+          <router-outlet></router-outlet>
+        </ng-template>
+
+        <ng-template #asideUserTpl>
+          <div class="logo">
+            <img src="/assets/images/logo.png" />
+          </div>
+          <div class="home" (click)="goToHome()">
+            <span nz-icon nzType="home"></span>
+            <label>首页</label>
+          </div>
+        </ng-template>
+
+      <ng-template #navTpl>
+        <div class="nav-menu">
+          <nav-menu [data]="navMenuData"></nav-menu>
+        </div>
+      </ng-template>
+      </layout-default>
+    </nz-spin>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: LayoutDefaultModule }, { kind: "component", type: i5$1.LayoutDefaultComponent, selector: "layout-default", inputs: ["options", "asideUser", "asideBottom", "nav", "content", "customError", "fetchingStrictly", "fetching"], exportAs: ["layoutDefault"] }, { kind: "component", type: i5$1.LayoutDefaultHeaderItemComponent, selector: "layout-default-header-item", inputs: ["hidden", "direction"] }, { kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i6$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i1$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i2$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i10$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: GramDeonHeaderUserModule }, { kind: "component", type: NavMenuComponent, selector: "nav-menu", inputs: ["data"] }, { kind: "component", type: HeaderUserComponent$1, selector: "header-user" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutManageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'layout-manage',
+                    template: `
+    <nz-spin [nzSpinning]="loading" nzTip="拼命加载中..." class="deon-list-spin">
+      <layout-default [options]="options" [content]="contentTpl" [asideUser]="asideUserTpl" [nav]="navTpl">
+        <layout-default-header-item direction="middle">
+          <ul nz-menu nzMode="horizontal" class="header-item-ul" #menuContainer *ngIf="visibleMenuData!! && visibleMenuData != null">
+            <li nz-menu-item *ngFor="let item of visibleMenuData; let index = index" [nzSelected]="item.selected" (click)="menuClick(item)">
+              <div class="menu-text">
+                <div class="icon">
+                  <span nz-icon [ngClass]="'backgroup_' + index" [nzType]="item?.selected == true ? item.icon : item.icon"></span>
+                </div>
+                <div class="text">{{ item.text }}</div>
+              </div>
+            </li>
+            <li nz-menu-item *ngIf="hasMoreItems" (click)="toggleShowAll()">
+              <div class="menu-text" nz-dropdown [nzDropdownMenu]="menu">
+                <div class="icon">
+                  <span nz-icon nzType="ordered-list" class="backgroup_more"></span>
+                </div>
+                <div class="text">更多</div>
+              </div>
+              <nz-dropdown-menu #menu="nzDropdownMenu">
+                <ul nz-menu nzSelectable>
+                  <ng-container *ngFor="let b of moreItems">
+                    <li nz-menu-item (click)="menuClick(b)">{{ b.text }}</li>
+                  </ng-container>
+                </ul>
+              </nz-dropdown-menu>
+            </li>
+          </ul>
+        </layout-default-header-item>
+        <layout-default-header-item direction="right">
+          <header-user></header-user>
+        </layout-default-header-item>
+
+        <ng-template #contentTpl>
+          <router-outlet></router-outlet>
+        </ng-template>
+
+        <ng-template #asideUserTpl>
+          <div class="logo">
+            <img src="/assets/images/logo.png" />
+          </div>
+          <div class="home" (click)="goToHome()">
+            <span nz-icon nzType="home"></span>
+            <label>首页</label>
+          </div>
+        </ng-template>
+
+      <ng-template #navTpl>
+        <div class="nav-menu">
+          <nav-menu [data]="navMenuData"></nav-menu>
+        </div>
+      </ng-template>
+      </layout-default>
+    </nz-spin>
+  `,
+                    host: {
+                        class: 'layout-basic',
+                    },
+                    imports: [
+                        CommonModule,
+                        FormsModule, ReactiveFormsModule,
+                        LayoutDefaultModule,
+                        RuntimeSharedImportsModule,
+                        GramDeonHeaderUserModule,
+                        NavMenuComponent,
+                        HeaderUserComponent$1
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.MenuService }, { type: i2.SettingsService }, { type: i2._HttpClient }, { type: i3.ACLService }], propDecorators: { menuContainer: [{
+                type: ViewChild,
+                args: ['menuContainer']
+            }] } });
+
+class LayoutManageViewComponent extends LayoutBaseService {
+    router;
+    activatedRoute;
+    menuService;
+    settingService;
+    http;
+    aclService;
+    options = {
+        logoExpanded: `./assets/images/logo3.png`,
+        logoCollapsed: `./assets/images/logo3.png`,
+        // hideCollapse: true,
+        hideAside: true,
+        //hideLogo: true,
+        // title: null,
+        showHeaderCollapse: false
+    };
+    constructor(router, activatedRoute, menuService, settingService, http, aclService) {
+        super(http, router, menuService, settingService, aclService);
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.menuService = menuService;
+        this.settingService = settingService;
+        this.http = http;
+        this.aclService = aclService;
+        this.initMenuData();
+    }
+    goToHome() {
+        this.router.navigateByUrl('/home');
+    }
+    addMenuData(e) { }
+    initModuleMenuData(parentInfo, e) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutManageViewComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2.MenuService }, { token: i2.SettingsService }, { token: i2._HttpClient }, { token: i3.ACLService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutManageViewComponent, isStandalone: true, selector: "layout-manage-view", host: { classAttribute: "layout-basic" }, usesInheritance: true, ngImport: i0, template: `
+    <nz-spin [nzSpinning]="loading" nzTip="拼命加载中..." class="deon-list-spin">
+      <layout-default [options]="options" [content]="contentTpl">
+        <layout-default-header-item direction="middle">
+          <ul nz-menu nzMode="horizontal" class="header-item-ul">
+            <li nz-menu-item *ngFor="let item of menuData; let index = index" [nzSelected]="item.selected" (click)="menuClick(item)">
+              <div class="menu-text">
+                <div class="icon">
+                  <span nz-icon [ngClass]="'backgroup_' + index" [nzType]="item?.selected == true ? item.icon?.value : item.icon"></span>
+                </div>
+                <div class="text">{{ item.text }}</div>
+              </div>
+            </li>
+          </ul>
+        </layout-default-header-item>
+        <layout-default-header-item direction="right">
+          <header-user></header-user>
+        </layout-default-header-item>
+
+        <ng-template #contentTpl>
+          <router-outlet></router-outlet>
+        </ng-template>
+      </layout-default>
+    </nz-spin>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: RuntimeSharedImportsModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i6$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i1$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i10$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: LayoutDefaultModule }, { kind: "component", type: i5$1.LayoutDefaultComponent, selector: "layout-default", inputs: ["options", "asideUser", "asideBottom", "nav", "content", "customError", "fetchingStrictly", "fetching"], exportAs: ["layoutDefault"] }, { kind: "component", type: i5$1.LayoutDefaultHeaderItemComponent, selector: "layout-default-header-item", inputs: ["hidden", "direction"] }, { kind: "ngmodule", type: GramDeonHeaderUserModule }, { kind: "component", type: HeaderUserComponent$1, selector: "header-user" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutManageViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'layout-manage-view',
+                    template: `
+    <nz-spin [nzSpinning]="loading" nzTip="拼命加载中..." class="deon-list-spin">
+      <layout-default [options]="options" [content]="contentTpl">
+        <layout-default-header-item direction="middle">
+          <ul nz-menu nzMode="horizontal" class="header-item-ul">
+            <li nz-menu-item *ngFor="let item of menuData; let index = index" [nzSelected]="item.selected" (click)="menuClick(item)">
+              <div class="menu-text">
+                <div class="icon">
+                  <span nz-icon [ngClass]="'backgroup_' + index" [nzType]="item?.selected == true ? item.icon?.value : item.icon"></span>
+                </div>
+                <div class="text">{{ item.text }}</div>
+              </div>
+            </li>
+          </ul>
+        </layout-default-header-item>
+        <layout-default-header-item direction="right">
+          <header-user></header-user>
+        </layout-default-header-item>
+
+        <ng-template #contentTpl>
+          <router-outlet></router-outlet>
+        </ng-template>
+      </layout-default>
+    </nz-spin>
+  `,
+                    host: {
+                        class: 'layout-basic',
+                    },
+                    imports: [
+                        RuntimeSharedImportsModule,
+                        LayoutDefaultModule,
+                        GramDeonHeaderUserModule,
+                        HeaderUserComponent$1
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.MenuService }, { type: i2.SettingsService }, { type: i2._HttpClient }, { type: i3.ACLService }] });
+
+class LayoutAdminComponent extends LayoutBaseService {
+    router;
+    activatedRoute;
+    menuService;
+    settingService;
+    http;
+    aclService;
+    options = null;
+    constructor(router, activatedRoute, menuService, settingService, http, aclService) {
+        super(http, router, menuService, settingService, aclService);
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.menuService = menuService;
+        this.settingService = settingService;
+        this.http = http;
+        this.aclService = aclService;
+        this.options = {
+            logoExpanded: `./assets/images/logo.png`,
+            logoCollapsed: `./assets/images/logo.png`,
+            //title: null,
+            //hideCollapse: true,
+            hideAside: false,
+        };
+        //this.options.title = `${AppName} - 管理后台`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutAdminComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2.MenuService }, { token: i2.SettingsService }, { token: i2._HttpClient }, { token: i3.ACLService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutAdminComponent, isStandalone: true, selector: "layout-admin", usesInheritance: true, ngImport: i0, template: `
+    <layout-default [options]="options" [content]="contentTpl">
+      <layout-default-header-item direction="middle"> </layout-default-header-item>
+
+      <layout-default-header-item direction="right">
+        <gram-header-user></gram-header-user>
+      </layout-default-header-item>
+
+      <ng-template #contentTpl>
+        <router-outlet></router-outlet>
+      </ng-template>
+    </layout-default>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: LayoutDefaultModule }, { kind: "component", type: i5$1.LayoutDefaultComponent, selector: "layout-default", inputs: ["options", "asideUser", "asideBottom", "nav", "content", "customError", "fetchingStrictly", "fetching"], exportAs: ["layoutDefault"] }, { kind: "component", type: i5$1.LayoutDefaultHeaderItemComponent, selector: "layout-default-header-item", inputs: ["hidden", "direction"] }, { kind: "ngmodule", type: GramDeonHeaderUserModule }, { kind: "component", type: i5$2.GramHeaderUserComponent, selector: "gram-header-user" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutAdminComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'layout-admin',
+                    template: `
+    <layout-default [options]="options" [content]="contentTpl">
+      <layout-default-header-item direction="middle"> </layout-default-header-item>
+
+      <layout-default-header-item direction="right">
+        <gram-header-user></gram-header-user>
+      </layout-default-header-item>
+
+      <ng-template #contentTpl>
+        <router-outlet></router-outlet>
+      </ng-template>
+    </layout-default>
+  `,
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        LayoutDefaultModule,
+                        GramDeonHeaderUserModule
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.MenuService }, { type: i2.SettingsService }, { type: i2._HttpClient }, { type: i3.ACLService }] });
+
+class HeaderClearStorageComponent {
+    modalSrv = inject(NzModalService);
+    messageSrv = inject(NzMessageService);
+    _click() {
+        this.modalSrv.confirm({
+            nzTitle: 'Make sure clear all local storage?',
+            nzOnOk: () => {
+                localStorage.clear();
+                this.messageSrv.success('Clear Finished!');
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderClearStorageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderClearStorageComponent, isStandalone: true, selector: "header-clear-storage", host: { listeners: { "click": "_click()" }, properties: { "class.flex-1": "true" } }, ngImport: i0, template: `
+    <i nz-icon nzType="tool"></i>
+    {{ 'menu.clear.local.storage' | i18n }}
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderClearStorageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header-clear-storage',
+                    template: `
+    <i nz-icon nzType="tool"></i>
+    {{ 'menu.clear.local.storage' | i18n }}
+  `,
+                    host: {
+                        '[class.flex-1]': 'true'
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NzIconModule, I18nPipe]
+                }]
+        }], propDecorators: { _click: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class HeaderFullScreenComponent {
+    status = false;
+    _resize() {
+        this.status = screenfull.isFullscreen;
+    }
+    _click() {
+        if (screenfull.isEnabled) {
+            screenfull.toggle();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderFullScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderFullScreenComponent, isStandalone: true, selector: "header-fullscreen", host: { listeners: { "window:resize": "_resize()", "click": "_click()" }, properties: { "class.flex-1": "true" } }, ngImport: i0, template: `
+    <i nz-icon [nzType]="status ? 'fullscreen-exit' : 'fullscreen'"></i>
+    {{ (status ? 'menu.fullscreen.exit' : 'menu.fullscreen') | i18n }}
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderFullScreenComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header-fullscreen',
+                    template: `
+    <i nz-icon [nzType]="status ? 'fullscreen-exit' : 'fullscreen'"></i>
+    {{ (status ? 'menu.fullscreen.exit' : 'menu.fullscreen') | i18n }}
+  `,
+                    host: {
+                        '[class.flex-1]': 'true'
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NzIconModule, I18nPipe]
+                }]
+        }], propDecorators: { _resize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], _click: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class HeaderI18nComponent {
+    settings = inject(SettingsService);
+    i18n = inject(ALAIN_I18N_TOKEN);
+    doc = inject(DOCUMENT);
+    /** Whether to display language text */
+    showLangText = true;
+    get langs() {
+        return this.i18n.getLangs();
+    }
+    get curLangCode() {
+        return this.settings.layout.lang;
+    }
+    change(lang) {
+        const spinEl = this.doc.createElement('div');
+        spinEl.setAttribute('class', `page-loading ant-spin ant-spin-lg ant-spin-spinning`);
+        spinEl.innerHTML = `<span class="ant-spin-dot ant-spin-dot-spin"><i></i><i></i><i></i><i></i></span>`;
+        this.doc.body.appendChild(spinEl);
+        this.i18n.loadLangData(lang).subscribe(res => {
+            this.i18n.use(lang, res);
+            this.settings.setLayout('lang', lang);
+            setTimeout(() => this.doc.location.reload());
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderI18nComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderI18nComponent, isStandalone: true, selector: "header-i18n", inputs: { showLangText: ["showLangText", "showLangText", booleanAttribute] }, host: { properties: { "class.flex-1": "true" } }, ngImport: i0, template: `
+    @if (showLangText) {
+      <div nz-dropdown [nzDropdownMenu]="langMenu" nzPlacement="bottomRight">
+        <i nz-icon nzType="global"></i>
+        {{ 'menu.lang' | i18n }}
+        <i nz-icon nzType="down"></i>
+      </div>
+    } @else {
+      <i nz-dropdown [nzDropdownMenu]="langMenu" nzPlacement="bottomRight" nz-icon nzType="global"></i>
+    }
+    <nz-dropdown-menu #langMenu="nzDropdownMenu">
+      <ul nz-menu>
+        @for (item of langs; track $index) {
+          <li nz-menu-item [nzSelected]="item.code === curLangCode" (click)="change(item.code)">
+            <span role="img" [attr.aria-label]="item.text" class="pr-xs">{{ item.abbr }}</span>
+            {{ item.text }}
+          </li>
+        }
+      </ul>
+    </nz-dropdown-menu>
+  `, isInline: true, dependencies: [{ kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i1$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i2$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzMenuModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderI18nComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header-i18n',
+                    template: `
+    @if (showLangText) {
+      <div nz-dropdown [nzDropdownMenu]="langMenu" nzPlacement="bottomRight">
+        <i nz-icon nzType="global"></i>
+        {{ 'menu.lang' | i18n }}
+        <i nz-icon nzType="down"></i>
+      </div>
+    } @else {
+      <i nz-dropdown [nzDropdownMenu]="langMenu" nzPlacement="bottomRight" nz-icon nzType="global"></i>
+    }
+    <nz-dropdown-menu #langMenu="nzDropdownMenu">
+      <ul nz-menu>
+        @for (item of langs; track $index) {
+          <li nz-menu-item [nzSelected]="item.code === curLangCode" (click)="change(item.code)">
+            <span role="img" [attr.aria-label]="item.text" class="pr-xs">{{ item.abbr }}</span>
+            {{ item.text }}
+          </li>
+        }
+      </ul>
+    </nz-dropdown-menu>
+  `,
+                    host: {
+                        '[class.flex-1]': 'true'
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [I18nPipe, NzDropDownModule, NzIconModule, NzMenuModule]
+                }]
+        }], propDecorators: { showLangText: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+class HeaderIconComponent {
+    cdr = inject(ChangeDetectorRef);
+    loading = true;
+    change() {
+        setTimeout(() => {
+            this.loading = false;
+            this.cdr.detectChanges();
+        }, 500);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderIconComponent, isStandalone: true, selector: "header-icon", ngImport: i0, template: `
+    <div
+      class="alain-default__nav-item"
+      nz-dropdown
+      [nzDropdownMenu]="iconMenu"
+      nzTrigger="click"
+      nzPlacement="bottomRight"
+      (nzVisibleChange)="change()"
+    >
+      <i nz-icon nzType="appstore"></i>
+    </div>
+    <nz-dropdown-menu #iconMenu="nzDropdownMenu">
+      <div nz-menu class="wd-xl animated jello">
+        <nz-spin [nzSpinning]="loading" [nzTip]="'正在读取数据...'">
+          <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="app-icons">
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="calendar" class="bg-error text-white"></i>
+              <small>Calendar</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="file" class="bg-geekblue text-white"></i>
+              <small>Files</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="cloud" class="bg-success text-white"></i>
+              <small>Cloud</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="star" class="bg-magenta text-white"></i>
+              <small>Star</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="team" class="bg-purple text-white"></i>
+              <small>Team</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="scan" class="bg-warning text-white"></i>
+              <small>QR</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="pay-circle" class="bg-cyan text-white"></i>
+              <small>Pay</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="printer" class="bg-grey text-white"></i>
+              <small>Print</small>
+            </div>
+          </div>
+        </nz-spin>
+      </div>
+    </nz-dropdown-menu>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "directive", type: i2$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzMenuModule }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i15.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: i15.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzSpinModule }, { kind: "component", type: i10$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header-icon',
+                    template: `
+    <div
+      class="alain-default__nav-item"
+      nz-dropdown
+      [nzDropdownMenu]="iconMenu"
+      nzTrigger="click"
+      nzPlacement="bottomRight"
+      (nzVisibleChange)="change()"
+    >
+      <i nz-icon nzType="appstore"></i>
+    </div>
+    <nz-dropdown-menu #iconMenu="nzDropdownMenu">
+      <div nz-menu class="wd-xl animated jello">
+        <nz-spin [nzSpinning]="loading" [nzTip]="'正在读取数据...'">
+          <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="app-icons">
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="calendar" class="bg-error text-white"></i>
+              <small>Calendar</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="file" class="bg-geekblue text-white"></i>
+              <small>Files</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="cloud" class="bg-success text-white"></i>
+              <small>Cloud</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="star" class="bg-magenta text-white"></i>
+              <small>Star</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="team" class="bg-purple text-white"></i>
+              <small>Team</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="scan" class="bg-warning text-white"></i>
+              <small>QR</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="pay-circle" class="bg-cyan text-white"></i>
+              <small>Pay</small>
+            </div>
+            <div nz-col [nzSpan]="6">
+              <i nz-icon nzType="printer" class="bg-grey text-white"></i>
+              <small>Print</small>
+            </div>
+          </div>
+        </nz-spin>
+      </div>
+    </nz-dropdown-menu>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NzDropDownModule, NzIconModule, NzMenuModule, NzGridModule, NzSpinModule]
+                }]
+        }] });
+
+class HeaderNotifyComponent {
+    msg = inject(NzMessageService);
+    nzI18n = inject(NzI18nService);
+    cdr = inject(ChangeDetectorRef);
+    data = [
+        {
+            title: '通知',
+            list: [],
+            emptyText: '你已查看所有通知',
+            emptyImage: 'https://gw.alipayobjects.com/zos/rmsportal/wAhyIChODzsoKIOBHcBk.svg',
+            clearText: '清空通知'
+        },
+        {
+            title: '消息',
+            list: [],
+            emptyText: '您已读完所有消息',
+            emptyImage: 'https://gw.alipayobjects.com/zos/rmsportal/sAuJeJzSKbUmHfBQRzmZ.svg',
+            clearText: '清空消息'
+        },
+        {
+            title: '待办',
+            list: [],
+            emptyText: '你已完成所有待办',
+            emptyImage: 'https://gw.alipayobjects.com/zos/rmsportal/HsIsxMZiWKrNUavQUXqx.svg',
+            clearText: '清空待办'
+        }
+    ];
+    count = 5;
+    loading = false;
+    updateNoticeData(notices) {
+        const data = this.data.slice();
+        data.forEach(i => (i.list = []));
+        notices.forEach(item => {
+            const newItem = { ...item };
+            if (typeof newItem.datetime === 'string') {
+                newItem.datetime = parse(newItem.datetime, 'yyyy-MM-dd', new Date());
+            }
+            if (newItem.datetime) {
+                newItem.datetime = formatDistanceToNow(newItem.datetime, { locale: this.nzI18n.getDateLocale() });
+            }
+            if (newItem.extra && newItem['status']) {
+                newItem['color'] = {
+                    todo: undefined,
+                    processing: 'blue',
+                    urgent: 'red',
+                    doing: 'gold'
+                }[newItem['status']];
+            }
+            data.find(w => w.title === newItem['type']).list.push(newItem);
+        });
+        return data;
+    }
+    loadData() {
+        if (this.loading) {
+            return;
+        }
+        this.loading = true;
+        setTimeout(() => {
+            const now = new Date();
+            this.data = this.updateNoticeData([
+                {
+                    id: '000000001',
+                    avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+                    title: '你收到了 14 份新周报',
+                    datetime: add(now, { days: 10 }),
+                    type: '通知'
+                },
+                {
+                    id: '000000002',
+                    avatar: 'https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png',
+                    title: '你推荐的 曲妮妮 已通过第三轮面试',
+                    datetime: add(now, { days: -3 }),
+                    type: '通知'
+                },
+                {
+                    id: '000000003',
+                    avatar: 'https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png',
+                    title: '这种模板可以区分多种通知类型',
+                    datetime: add(now, { months: -3 }),
+                    read: true,
+                    type: '通知'
+                },
+                {
+                    id: '000000004',
+                    avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+                    title: '左侧图标用于区分不同的类型',
+                    datetime: add(now, { years: -1 }),
+                    type: '通知'
+                },
+                {
+                    id: '000000005',
+                    avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+                    title: '内容不要超过两行字，超出时自动截断',
+                    datetime: '2017-08-07',
+                    type: '通知'
+                },
+                {
+                    id: '000000006',
+                    avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+                    title: '曲丽丽 评论了你',
+                    description: '描述信息描述信息描述信息',
+                    datetime: '2017-08-07',
+                    type: '消息'
+                },
+                {
+                    id: '000000007',
+                    avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+                    title: '朱偏右 回复了你',
+                    description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+                    datetime: '2017-08-07',
+                    type: '消息'
+                },
+                {
+                    id: '000000008',
+                    avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+                    title: '标题',
+                    description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+                    datetime: '2017-08-07',
+                    type: '消息'
+                },
+                {
+                    id: '000000009',
+                    title: '任务名称',
+                    description: '任务需要在 2017-01-12 20:00 前启动',
+                    extra: '未开始',
+                    status: 'todo',
+                    type: '待办'
+                },
+                {
+                    id: '000000010',
+                    title: '第三方紧急代码变更',
+                    description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+                    extra: '马上到期',
+                    status: 'urgent',
+                    type: '待办'
+                },
+                {
+                    id: '000000011',
+                    title: '信息安全考试',
+                    description: '指派竹尔于 2017-01-09 前完成更新并发布',
+                    extra: '已耗时 8 天',
+                    status: 'doing',
+                    type: '待办'
+                },
+                {
+                    id: '000000012',
+                    title: 'ABCD 版本发布',
+                    description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+                    extra: '进行中',
+                    status: 'processing',
+                    type: '待办'
+                }
+            ]);
+            this.loading = false;
+            this.cdr.detectChanges();
+        }, 500);
+    }
+    clear(type) {
+        this.msg.success(`清空了 ${type}`);
+    }
+    select(res) {
+        this.msg.success(`点击了 ${res.title} 的 ${res.item.title}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderNotifyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderNotifyComponent, isStandalone: true, selector: "header-notify", ngImport: i0, template: `
+    <notice-icon
+      [data]="data"
+      [count]="count"
+      [loading]="loading"
+      btnClass="alain-default__nav-item"
+      btnIconClass="alain-default__nav-item-icon"
+      (select)="select($event)"
+      (clear)="clear($event)"
+      (popoverVisibleChange)="loadData()"
+    />
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NoticeIconModule }, { kind: "component", type: i1$3.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: "19.2.15", ngImport: i0, type: HeaderNotifyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header-notify',
+                    template: `
+    <notice-icon
+      [data]="data"
+      [count]="count"
+      [loading]="loading"
+      btnClass="alain-default__nav-item"
+      btnIconClass="alain-default__nav-item-icon"
+      (select)="select($event)"
+      (clear)="clear($event)"
+      (popoverVisibleChange)="loadData()"
+    />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NoticeIconModule]
+                }]
+        }] });
+
+class HeaderRTLComponent {
+    rtl = inject(RTLService);
+    toggleDirection() {
+        this.rtl.toggle();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderRTLComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderRTLComponent, isStandalone: true, selector: "header-rtl", host: { listeners: { "click": "toggleDirection()" }, properties: { "class.flex-1": "true" } }, ngImport: i0, template: `
+    <i nz-icon [nzType]="rtl.nextDir === 'rtl' ? 'border-left' : 'border-right'"></i>
+    {{ rtl.nextDir | uppercase }}
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderRTLComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header-rtl',
+                    template: `
+    <i nz-icon [nzType]="rtl.nextDir === 'rtl' ? 'border-left' : 'border-right'"></i>
+    {{ rtl.nextDir | uppercase }}
+  `,
+                    host: {
+                        '[class.flex-1]': 'true'
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NzIconModule, UpperCasePipe]
+                }]
+        }], propDecorators: { toggleDirection: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class HeaderSearchComponent {
+    el = inject(ElementRef).nativeElement;
+    cdr = inject(ChangeDetectorRef);
+    q = '';
+    qIpt = null;
+    options = [];
+    search$ = new BehaviorSubject('');
+    loading = false;
+    focus = false;
+    searchToggled = false;
+    set toggleChange(value) {
+        if (typeof value === 'undefined') {
+            return;
+        }
+        this.searchToggled = value;
+        this.focus = value;
+        if (value) {
+            setTimeout(() => this.qIpt.focus());
+        }
+    }
+    toggleChangeChange = new EventEmitter();
+    ngAfterViewInit() {
+        this.qIpt = this.el.querySelector('.ant-input');
+        this.search$
+            .pipe(debounceTime(500), distinctUntilChanged(), tap({
+            complete: () => {
+                this.loading = true;
+            }
+        }))
+            .subscribe(value => {
+            this.options = value ? [value, value + value, value + value + value] : [];
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    qFocus() {
+        this.focus = true;
+    }
+    qBlur() {
+        this.focus = false;
+        this.searchToggled = false;
+        this.options.length = 0;
+        this.toggleChangeChange.emit(false);
+    }
+    search(ev) {
+        this.search$.next(ev.target.value);
+    }
+    ngOnDestroy() {
+        this.search$.complete();
+        this.search$.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderSearchComponent, isStandalone: true, selector: "header-search", inputs: { toggleChange: "toggleChange" }, outputs: { toggleChangeChange: "toggleChangeChange" }, host: { properties: { "class.alain-default__search-focus": "this.focus", "class.alain-default__search-toggled": "this.searchToggled" } }, ngImport: i0, template: `
+    <nz-input-group [nzPrefix]="iconTpl" [nzSuffix]="loadingTpl">
+      <ng-template #iconTpl>
+        <i nz-icon [nzType]="focus ? 'arrow-down' : 'search'"></i>
+      </ng-template>
+      <ng-template #loadingTpl>
+        @if (loading) {
+          <i nz-icon nzType="loading"></i>
+        }
+      </ng-template>
+      <input
+        type="text"
+        nz-input
+        [(ngModel)]="q"
+        [nzAutocomplete]="auto"
+        (input)="search($event)"
+        (focus)="qFocus()"
+        (blur)="qBlur()"
+        hotkey="F1"
+        [attr.placeholder]="'menu.search.placeholder' | i18n"
+      />
+    </nz-input-group>
+    <nz-autocomplete nzBackfill #auto>
+      @for (i of options; track $index) {
+        <nz-auto-option [nzValue]="i">{{ i }}</nz-auto-option>
+      }
+    </nz-autocomplete>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: I18nPipe, name: "i18n" }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i2$2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i2$2.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i2$2.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzAutocompleteModule }, { kind: "component", type: i4$2.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i4$2.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i4$2.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderSearchComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header-search',
+                    template: `
+    <nz-input-group [nzPrefix]="iconTpl" [nzSuffix]="loadingTpl">
+      <ng-template #iconTpl>
+        <i nz-icon [nzType]="focus ? 'arrow-down' : 'search'"></i>
+      </ng-template>
+      <ng-template #loadingTpl>
+        @if (loading) {
+          <i nz-icon nzType="loading"></i>
+        }
+      </ng-template>
+      <input
+        type="text"
+        nz-input
+        [(ngModel)]="q"
+        [nzAutocomplete]="auto"
+        (input)="search($event)"
+        (focus)="qFocus()"
+        (blur)="qBlur()"
+        hotkey="F1"
+        [attr.placeholder]="'menu.search.placeholder' | i18n"
+      />
+    </nz-input-group>
+    <nz-autocomplete nzBackfill #auto>
+      @for (i of options; track $index) {
+        <nz-auto-option [nzValue]="i">{{ i }}</nz-auto-option>
+      }
+    </nz-autocomplete>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule, I18nPipe, NzInputModule, NzIconModule, NzAutocompleteModule]
+                }]
+        }], propDecorators: { focus: [{
+                type: HostBinding,
+                args: ['class.alain-default__search-focus']
+            }], searchToggled: [{
+                type: HostBinding,
+                args: ['class.alain-default__search-toggled']
+            }], toggleChange: [{
+                type: Input
+            }], toggleChangeChange: [{
+                type: Output
+            }] } });
+
+class HeaderTaskComponent {
+    cdr = inject(ChangeDetectorRef);
+    loading = true;
+    change() {
+        setTimeout(() => {
+            this.loading = false;
+            this.cdr.detectChanges();
+        }, 500);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderTaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: HeaderTaskComponent, isStandalone: true, selector: "header-task", ngImport: i0, template: `
+    <div
+      class="alain-default__nav-item"
+      nz-dropdown
+      [nzDropdownMenu]="taskMenu"
+      nzTrigger="click"
+      nzPlacement="bottomRight"
+      (nzVisibleChange)="change()"
+    >
+      <nz-badge [nzDot]="true">
+        <i nz-icon nzType="bell" class="alain-default__nav-item-icon"></i>
+      </nz-badge>
+    </div>
+    <nz-dropdown-menu #taskMenu="nzDropdownMenu">
+      <div nz-menu class="wd-lg">
+        @if (loading) {
+          <div class="mx-lg p-lg"><nz-spin /></div>
+        } @else {
+          <nz-card nzTitle="Notifications" nzBordered="false" class="ant-card__body-nopadding">
+            <ng-template #extra><i nz-icon nzType="plus"></i></ng-template>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/1.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>cipchk</strong>
+                <p class="mb0">Please tell me what happened in a few words, don't go into details.</p>
+              </div>
+            </div>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/2.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>はなさき</strong>
+                <p class="mb0">ハルカソラトキヘダツヒカリ</p>
+              </div>
+            </div>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/3.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>苏先生</strong>
+                <p class="mb0">请告诉我，我应该说点什么好？</p>
+              </div>
+            </div>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/4.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>Kent</strong>
+                <p class="mb0">Please tell me what happened in a few words, don't go into details.</p>
+              </div>
+            </div>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/5.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>Jefferson</strong>
+                <p class="mb0">Please tell me what happened in a few words, don't go into details.</p>
+              </div>
+            </div>
+            <div nz-row>
+              <div nz-col [nzSpan]="24" class="pt-md border-top-1 text-center text-grey point">See All</div>
+            </div>
+          </nz-card>
+        }
+      </div>
+    </nz-dropdown-menu>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "directive", type: i2$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: NzBadgeModule }, { kind: "component", type: i17.NzBadgeComponent, selector: "nz-badge", inputs: ["nzShowZero", "nzShowDot", "nzStandalone", "nzDot", "nzOverflowCount", "nzColor", "nzStyle", "nzText", "nzTitle", "nzStatus", "nzCount", "nzOffset", "nzSize"], exportAs: ["nzBadge"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzSpinModule }, { kind: "component", type: i10$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i15.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: i15.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "ngmodule", type: NzAvatarModule }, { kind: "component", type: i20.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }, { kind: "ngmodule", type: NzCardModule }, { kind: "component", type: i8$1.NzCardComponent, selector: "nz-card", inputs: ["nzBordered", "nzLoading", "nzHoverable", "nzBodyStyle", "nzCover", "nzActions", "nzType", "nzSize", "nzTitle", "nzExtra"], exportAs: ["nzCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderTaskComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header-task',
+                    template: `
+    <div
+      class="alain-default__nav-item"
+      nz-dropdown
+      [nzDropdownMenu]="taskMenu"
+      nzTrigger="click"
+      nzPlacement="bottomRight"
+      (nzVisibleChange)="change()"
+    >
+      <nz-badge [nzDot]="true">
+        <i nz-icon nzType="bell" class="alain-default__nav-item-icon"></i>
+      </nz-badge>
+    </div>
+    <nz-dropdown-menu #taskMenu="nzDropdownMenu">
+      <div nz-menu class="wd-lg">
+        @if (loading) {
+          <div class="mx-lg p-lg"><nz-spin /></div>
+        } @else {
+          <nz-card nzTitle="Notifications" nzBordered="false" class="ant-card__body-nopadding">
+            <ng-template #extra><i nz-icon nzType="plus"></i></ng-template>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/1.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>cipchk</strong>
+                <p class="mb0">Please tell me what happened in a few words, don't go into details.</p>
+              </div>
+            </div>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/2.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>はなさき</strong>
+                <p class="mb0">ハルカソラトキヘダツヒカリ</p>
+              </div>
+            </div>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/3.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>苏先生</strong>
+                <p class="mb0">请告诉我，我应该说点什么好？</p>
+              </div>
+            </div>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/4.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>Kent</strong>
+                <p class="mb0">Please tell me what happened in a few words, don't go into details.</p>
+              </div>
+            </div>
+            <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
+              <div nz-col [nzSpan]="4" class="text-center">
+                <nz-avatar [nzSrc]="'./assets/tmp/img/5.png'" />
+              </div>
+              <div nz-col [nzSpan]="20">
+                <strong>Jefferson</strong>
+                <p class="mb0">Please tell me what happened in a few words, don't go into details.</p>
+              </div>
+            </div>
+            <div nz-row>
+              <div nz-col [nzSpan]="24" class="pt-md border-top-1 text-center text-grey point">See All</div>
+            </div>
+          </nz-card>
+        }
+      </div>
+    </nz-dropdown-menu>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NzDropDownModule, NzBadgeModule, NzIconModule, NzSpinModule, NzGridModule, NzAvatarModule, NzCardModule]
+                }]
+        }] });
+
+class HeaderUserComponent {
+    settings = inject(SettingsService);
+    router = inject(Router);
+    tokenService = inject(DA_SERVICE_TOKEN);
+    get user() {
+        return this.settings.user;
+    }
+    logout() {
+        this.tokenService.clear();
+        this.router.navigateByUrl(this.tokenService.login_url);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderUserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HeaderUserComponent, isStandalone: true, selector: "header-user", ngImport: i0, template: `
+    <div class="alain-default__nav-item d-flex align-items-center px-sm" nz-dropdown nzPlacement="bottomRight" [nzDropdownMenu]="userMenu">
+      <nz-avatar [nzSrc]="user.avatar" nzSize="small" class="mr-sm" />
+      {{ user.name }}
+    </div>
+    <nz-dropdown-menu #userMenu="nzDropdownMenu">
+      <div nz-menu class="width-sm">
+        <div nz-menu-item routerLink="/pro/account/center">
+          <i nz-icon nzType="user" class="mr-sm"></i>
+          {{ 'menu.account.center' | i18n }}
+        </div>
+        <div nz-menu-item routerLink="/pro/account/settings">
+          <i nz-icon nzType="setting" class="mr-sm"></i>
+          {{ 'menu.account.settings' | i18n }}
+        </div>
+        <div nz-menu-item routerLink="/exception/trigger">
+          <i nz-icon nzType="close-circle" class="mr-sm"></i>
+          {{ 'menu.account.trigger' | i18n }}
+        </div>
+        <li nz-menu-divider></li>
+        <div nz-menu-item (click)="logout()">
+          <i nz-icon nzType="logout" class="mr-sm"></i>
+          {{ 'menu.account.logout' | i18n }}
+        </div>
+      </div>
+    </nz-dropdown-menu>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i1$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i1$2.NzMenuDividerDirective, selector: "[nz-menu-divider]", exportAs: ["nzMenuDivider"] }, { kind: "directive", type: i2$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: NzMenuModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "ngmodule", type: NzAvatarModule }, { kind: "component", type: i20.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HeaderUserComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header-user',
+                    template: `
+    <div class="alain-default__nav-item d-flex align-items-center px-sm" nz-dropdown nzPlacement="bottomRight" [nzDropdownMenu]="userMenu">
+      <nz-avatar [nzSrc]="user.avatar" nzSize="small" class="mr-sm" />
+      {{ user.name }}
+    </div>
+    <nz-dropdown-menu #userMenu="nzDropdownMenu">
+      <div nz-menu class="width-sm">
+        <div nz-menu-item routerLink="/pro/account/center">
+          <i nz-icon nzType="user" class="mr-sm"></i>
+          {{ 'menu.account.center' | i18n }}
+        </div>
+        <div nz-menu-item routerLink="/pro/account/settings">
+          <i nz-icon nzType="setting" class="mr-sm"></i>
+          {{ 'menu.account.settings' | i18n }}
+        </div>
+        <div nz-menu-item routerLink="/exception/trigger">
+          <i nz-icon nzType="close-circle" class="mr-sm"></i>
+          {{ 'menu.account.trigger' | i18n }}
+        </div>
+        <li nz-menu-divider></li>
+        <div nz-menu-item (click)="logout()">
+          <i nz-icon nzType="logout" class="mr-sm"></i>
+          {{ 'menu.account.logout' | i18n }}
+        </div>
+      </div>
+    </nz-dropdown-menu>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [RouterLink, NzDropDownModule, NzMenuModule, NzIconModule, I18nPipe, NzAvatarModule]
+                }]
+        }] });
+
+class LayoutBasicComponent {
+    settings = inject(SettingsService);
+    environment = inject(RUNTIME_CORE_ENVIRONMENT);
+    options = {
+        logoExpanded: `./assets/logo-full.svg`,
+        logoCollapsed: `./assets/logo.svg`
+    };
+    searchToggleStatus = false;
+    showSettingDrawer = !this.environment.production;
+    get user() {
+        return this.settings.user;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutBasicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: LayoutBasicComponent, isStandalone: true, selector: "layout-basic", ngImport: i0, template: `
+    <layout-default [options]="options" [asideUser]="asideUserTpl" [content]="contentTpl" [customError]="null">
+      <layout-default-header-item direction="left">
+        <a layout-default-header-item-trigger href="//github.com/ng-alain/ng-alain" target="_blank">
+          <i nz-icon nzType="github"></i>
+        </a>
+      </layout-default-header-item>
+      <layout-default-header-item direction="left" hidden="mobile">
+        <a layout-default-header-item-trigger routerLink="/passport/lock">
+          <i nz-icon nzType="lock"></i>
+        </a>
+      </layout-default-header-item>
+      <layout-default-header-item direction="left" hidden="pc">
+        <div layout-default-header-item-trigger (click)="searchToggleStatus = !searchToggleStatus">
+          <i nz-icon nzType="search"></i>
+        </div>
+      </layout-default-header-item>
+      <layout-default-header-item direction="middle">
+        <header-search class="alain-default__search" [(toggleChange)]="searchToggleStatus" />
+      </layout-default-header-item>
+      <layout-default-header-item direction="right">
+        <header-notify />
+      </layout-default-header-item>
+      <layout-default-header-item direction="right" hidden="mobile">
+        <header-task />
+      </layout-default-header-item>
+      <layout-default-header-item direction="right" hidden="mobile">
+        <header-icon />
+      </layout-default-header-item>
+      <layout-default-header-item direction="right" hidden="mobile">
+        <div layout-default-header-item-trigger nz-dropdown [nzDropdownMenu]="settingsMenu" nzTrigger="click" nzPlacement="bottomRight">
+          <i nz-icon nzType="setting"></i>
+        </div>
+        <nz-dropdown-menu #settingsMenu="nzDropdownMenu">
+          <div nz-menu style="width: 200px;">
+            <div nz-menu-item>
+              <header-rtl />
+            </div>
+            <div nz-menu-item>
+              <header-fullscreen />
+            </div>
+            <div nz-menu-item>
+              <header-clear-storage />
+            </div>
+            <div nz-menu-item>
+              <header-i18n />
+            </div>
+          </div>
+        </nz-dropdown-menu>
+      </layout-default-header-item>
+      <layout-default-header-item direction="right">
+        <header-user />
+      </layout-default-header-item>
+      <ng-template #asideUserTpl>
+        <div nz-dropdown nzTrigger="click" [nzDropdownMenu]="userMenu" class="alain-default__aside-user">
+          <nz-avatar class="alain-default__aside-user-avatar" [nzSrc]="user.avatar" />
+          <div class="alain-default__aside-user-info">
+            <strong>{{ user.name }}</strong>
+            <p class="mb0">{{ user.email }}</p>
+          </div>
+        </div>
+        <nz-dropdown-menu #userMenu="nzDropdownMenu">
+          <ul nz-menu>
+            <li nz-menu-item routerLink="/pro/account/center">{{ 'menu.account.center' | i18n }}</li>
+            <li nz-menu-item routerLink="/pro/account/settings">{{ 'menu.account.settings' | i18n }}</li>
+          </ul>
+        </nz-dropdown-menu>
+      </ng-template>
+      <ng-template #contentTpl>
+        <router-outlet />
+      </ng-template>
+    </layout-default>
+    @if (showSettingDrawer) {
+      <setting-drawer />
+    }
+    <theme-btn />
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "ngmodule", type: LayoutDefaultModule }, { kind: "component", type: i5$1.LayoutDefaultComponent, selector: "layout-default", inputs: ["options", "asideUser", "asideBottom", "nav", "content", "customError", "fetchingStrictly", "fetching"], exportAs: ["layoutDefault"] }, { kind: "component", type: i5$1.LayoutDefaultHeaderItemComponent, selector: "layout-default-header-item", inputs: ["hidden", "direction"] }, { kind: "directive", type: i5$1.LayoutDefaultHeaderItemTriggerDirective, selector: "[layout-default-header-item-trigger]" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3$1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzMenuModule }, { kind: "directive", type: i1$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i1$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i2$1.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "ngmodule", type: NzAvatarModule }, { kind: "component", type: i20.NzAvatarComponent, selector: "nz-avatar", inputs: ["nzShape", "nzSize", "nzGap", "nzText", "nzSrc", "nzSrcSet", "nzAlt", "nzIcon"], outputs: ["nzError"], exportAs: ["nzAvatar"] }, { kind: "ngmodule", type: SettingDrawerModule }, { kind: "component", type: i6$2.SettingDrawerComponent, selector: "setting-drawer", inputs: ["autoApplyColor", "compilingText", "devTips", "lessJs"] }, { kind: "component", type: ThemeBtnComponent, selector: "theme-btn", inputs: ["types", "devTips", "deployUrl"], outputs: ["themeChange"] }, { kind: "component", type: HeaderSearchComponent, selector: "header-search", inputs: ["toggleChange"], outputs: ["toggleChangeChange"] }, { kind: "component", type: HeaderNotifyComponent, selector: "header-notify" }, { kind: "component", type: HeaderTaskComponent, selector: "header-task" }, { kind: "component", type: HeaderIconComponent, selector: "header-icon" }, { kind: "component", type: HeaderRTLComponent, selector: "header-rtl" }, { kind: "component", type: HeaderI18nComponent, selector: "header-i18n", inputs: ["showLangText"] }, { kind: "component", type: HeaderClearStorageComponent, selector: "header-clear-storage" }, { kind: "component", type: HeaderFullScreenComponent, selector: "header-fullscreen" }, { kind: "component", type: HeaderUserComponent, selector: "header-user" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutBasicComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'layout-basic',
+                    template: `
+    <layout-default [options]="options" [asideUser]="asideUserTpl" [content]="contentTpl" [customError]="null">
+      <layout-default-header-item direction="left">
+        <a layout-default-header-item-trigger href="//github.com/ng-alain/ng-alain" target="_blank">
+          <i nz-icon nzType="github"></i>
+        </a>
+      </layout-default-header-item>
+      <layout-default-header-item direction="left" hidden="mobile">
+        <a layout-default-header-item-trigger routerLink="/passport/lock">
+          <i nz-icon nzType="lock"></i>
+        </a>
+      </layout-default-header-item>
+      <layout-default-header-item direction="left" hidden="pc">
+        <div layout-default-header-item-trigger (click)="searchToggleStatus = !searchToggleStatus">
+          <i nz-icon nzType="search"></i>
+        </div>
+      </layout-default-header-item>
+      <layout-default-header-item direction="middle">
+        <header-search class="alain-default__search" [(toggleChange)]="searchToggleStatus" />
+      </layout-default-header-item>
+      <layout-default-header-item direction="right">
+        <header-notify />
+      </layout-default-header-item>
+      <layout-default-header-item direction="right" hidden="mobile">
+        <header-task />
+      </layout-default-header-item>
+      <layout-default-header-item direction="right" hidden="mobile">
+        <header-icon />
+      </layout-default-header-item>
+      <layout-default-header-item direction="right" hidden="mobile">
+        <div layout-default-header-item-trigger nz-dropdown [nzDropdownMenu]="settingsMenu" nzTrigger="click" nzPlacement="bottomRight">
+          <i nz-icon nzType="setting"></i>
+        </div>
+        <nz-dropdown-menu #settingsMenu="nzDropdownMenu">
+          <div nz-menu style="width: 200px;">
+            <div nz-menu-item>
+              <header-rtl />
+            </div>
+            <div nz-menu-item>
+              <header-fullscreen />
+            </div>
+            <div nz-menu-item>
+              <header-clear-storage />
+            </div>
+            <div nz-menu-item>
+              <header-i18n />
+            </div>
+          </div>
+        </nz-dropdown-menu>
+      </layout-default-header-item>
+      <layout-default-header-item direction="right">
+        <header-user />
+      </layout-default-header-item>
+      <ng-template #asideUserTpl>
+        <div nz-dropdown nzTrigger="click" [nzDropdownMenu]="userMenu" class="alain-default__aside-user">
+          <nz-avatar class="alain-default__aside-user-avatar" [nzSrc]="user.avatar" />
+          <div class="alain-default__aside-user-info">
+            <strong>{{ user.name }}</strong>
+            <p class="mb0">{{ user.email }}</p>
+          </div>
+        </div>
+        <nz-dropdown-menu #userMenu="nzDropdownMenu">
+          <ul nz-menu>
+            <li nz-menu-item routerLink="/pro/account/center">{{ 'menu.account.center' | i18n }}</li>
+            <li nz-menu-item routerLink="/pro/account/settings">{{ 'menu.account.settings' | i18n }}</li>
+          </ul>
+        </nz-dropdown-menu>
+      </ng-template>
+      <ng-template #contentTpl>
+        <router-outlet />
+      </ng-template>
+    </layout-default>
+    @if (showSettingDrawer) {
+      <setting-drawer />
+    }
+    <theme-btn />
+  `,
+                    imports: [
+                        RouterOutlet,
+                        RouterLink,
+                        I18nPipe,
+                        LayoutDefaultModule,
+                        NzIconModule,
+                        NzMenuModule,
+                        NzDropDownModule,
+                        NzAvatarModule,
+                        SettingDrawerModule,
+                        ThemeBtnComponent,
+                        HeaderSearchComponent,
+                        HeaderNotifyComponent,
+                        HeaderTaskComponent,
+                        HeaderIconComponent,
+                        HeaderRTLComponent,
+                        HeaderI18nComponent,
+                        HeaderClearStorageComponent,
+                        HeaderFullScreenComponent,
+                        HeaderUserComponent
+                    ]
+                }]
+        }] });
+
+class LayoutBlankComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutBlankComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: LayoutBlankComponent, isStandalone: true, selector: "layout-blank", host: { properties: { "class.alain-blank": "true" } }, ngImport: i0, template: `<router-outlet />`, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayoutBlankComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'layout-blank',
+                    template: `<router-outlet />`,
+                    host: {
+                        '[class.alain-blank]': 'true'
+                    },
+                    imports: [RouterOutlet]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LayoutAdminComponent, LayoutAuthComponent, LayoutBasicComponent, LayoutBlankComponent, LayoutHomeComponent, LayoutManageComponent, LayoutManageViewComponent };
+//# sourceMappingURL=layout.mjs.map