@delon/theme 14.2.0 → 14.3.0

package/layout-default/layout-header.component.d.ts

@@ -2,6 +2,7 @@ import { AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList, TemplateRef } f
 import { App, SettingsService } from '@delon/theme';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { LayoutDefaultHeaderItemComponent } from './layout-header-item.component';
+import { LayoutDefaultService } from './layout.service';
 import { LayoutDefaultHeaderItemDirection, LayoutDefaultHeaderItemHidden, LayoutDefaultOptions } from './types';
 import * as i0 from "@angular/core";
 interface LayoutDefaultHeaderItem {
@@ -10,23 +11,24 @@ interface LayoutDefaultHeaderItem {
     direction?: LayoutDefaultHeaderItemDirection;
 }
 export declare class LayoutDefaultHeaderComponent implements AfterViewInit, OnDestroy {
+    private srv;
     private settings;
     private cdr;
     private destroy$;
     items: QueryList<LayoutDefaultHeaderItemComponent>;
-    options: LayoutDefaultOptions;
     left: LayoutDefaultHeaderItem[];
     middle: LayoutDefaultHeaderItem[];
     right: LayoutDefaultHeaderItem[];
+    get opt(): LayoutDefaultOptions;
     get app(): App;
     get collapsed(): boolean;
     get collapsedIcon(): string;
-    constructor(settings: SettingsService, cdr: ChangeDetectorRef);
+    constructor(srv: LayoutDefaultService, settings: SettingsService, cdr: ChangeDetectorRef);
     private refresh;
     ngAfterViewInit(): void;
     toggleCollapsed(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultHeaderComponent, "layout-default-header", never, { "items": "items"; "options": "options"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultHeaderComponent, "layout-default-header", never, { "items": "items"; }, {}, never, never, false>;
 }
 export {};

package/layout-default/layout.component.d.ts

@@ -1,30 +1,36 @@
-import { ElementRef, OnDestroy, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/core';
+import { ElementRef, OnDestroy, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { Router, Event } from '@angular/router';
 import { SettingsService } from '@delon/theme';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { NzMessageService } from 'ng-zorro-antd/message';
 import { LayoutDefaultHeaderItemComponent } from './layout-header-item.component';
+import { LayoutDefaultService } from './layout.service';
 import { LayoutDefaultOptions } from './types';
 import * as i0 from "@angular/core";
-export declare class LayoutDefaultComponent implements OnInit, OnDestroy {
+export declare class LayoutDefaultComponent implements OnDestroy {
     private msgSrv;
     private settings;
     private el;
     private renderer;
     private doc;
+    private srv;
     headerItems: QueryList<LayoutDefaultHeaderItemComponent>;
-    options: LayoutDefaultOptions;
+    get opt(): LayoutDefaultOptions;
+    set options(value: LayoutDefaultOptions | null | undefined);
     asideUser: TemplateRef<void> | null;
+    asideBottom: TemplateRef<NzSafeAny> | null;
     nav: TemplateRef<void> | null;
     content: TemplateRef<void> | null;
     customError?: string | null;
     private destroy$;
     isFetching: boolean;
-    constructor(router: Router, msgSrv: NzMessageService, settings: SettingsService, el: ElementRef, renderer: Renderer2, doc: NzSafeAny);
+    get collapsed(): boolean;
+    get collapsedIcon(): string;
+    toggleCollapsed(): void;
+    constructor(router: Router, msgSrv: NzMessageService, settings: SettingsService, el: ElementRef, renderer: Renderer2, doc: NzSafeAny, srv: LayoutDefaultService);
     processEv(ev: Event): void;
     private setClass;
-    ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultComponent, "layout-default", ["layoutDefault"], { "options": "options"; "asideUser": "asideUser"; "nav": "nav"; "content": "content"; "customError": "customError"; }, {}, ["headerItems"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultComponent, "layout-default", ["layoutDefault"], { "options": "options"; "asideUser": "asideUser"; "asideBottom": "asideBottom"; "nav": "nav"; "content": "content"; "customError": "customError"; }, {}, ["headerItems"], ["*"], false>;
 }

package/layout-default/layout.service.d.ts

@@ -0,0 +1,28 @@
+import { Observable } from 'rxjs';
+import { SettingsService } from '@delon/theme';
+import { LayoutDefaultOptions } from './types';
+import * as i0 from "@angular/core";
+export declare class LayoutDefaultService {
+    private settings;
+    private _options$;
+    private _options;
+    get options(): LayoutDefaultOptions;
+    get options$(): Observable<LayoutDefaultOptions>;
+    get collapsedIcon(): string;
+    constructor(settings: SettingsService);
+    private notify;
+    /**
+     * Set layout configuration
+     *
+     * 设置布局配置
+     */
+    setOptions(options?: LayoutDefaultOptions | null): void;
+    /**
+     * Toggle the collapsed state of the sidebar menu bar
+     *
+     * 切换侧边栏菜单栏折叠状态
+     */
+    toggleCollapsed(status?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LayoutDefaultService>;
+}

package/layout-default/public_api.d.ts

@@ -5,3 +5,4 @@ export * from './layout-header-item.component';
 export * from './layout-header-item-trigger.directive';
 export * from './layout-nav.component';
 export * from './types';
+export * from './layout.service';

package/layout-default/style/_aside.less

@@ -20,8 +20,14 @@
     content: '';
   }
 
-  &-inner {
+  &-wrap {
+    display: flex;
+    flex-direction: column;
     height: 100%;
+  }
+
+  &-inner {
+    flex: 1 1 0%;
     overflow-x: hidden;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
@@ -43,6 +49,17 @@
       background-color: @alain-default-aside-scrollbar-thumb-color;
     }
   }
+
+  &-link {
+    border-top: 1px solid @alain-default-content-heading-border;
+
+    &-collapsed {
+      padding: 8px 0;
+      font-size: 16px;
+      text-align: center;
+      cursor: pointer;
+    }
+  }
 }
 
 // Desktop

package/layout-default/style/_fixed.less

@@ -9,7 +9,11 @@
     &__aside {
       position: fixed;
     }
+  }
+}
 
+@{alain-default-prefix}__fixed:not(@{alain-default-prefix}__hide-header) {
+  @{alain-default-prefix} {
     &__content {
       margin-top: @alain-default-header-hg;
     }

package/layout-default/style/_layout.less

@@ -75,6 +75,12 @@ body {
       transform: none !important;
     }
   }
+
+  &__hide-header {
+    @{alain-default-prefix}__aside {
+      margin-top: 0;
+    }
+  }
 }
 
 // Desktop

package/layout-default/style/fix/_reuse-tab.less

@@ -27,6 +27,12 @@
   }
 }
 
+@{alain-default-prefix}__hide-header {
+  @{reuse-tab-prefix} {
+    top: 0;
+  }
+}
+
 @media (min-width: @mobile-min) {
   @{alain-default-prefix}__fixed {
     @{reuse-tab-prefix} {

package/layout-default/style/fix/_sidebar-nav.less

@@ -234,7 +234,7 @@
         &-link {
           display: flex;
           justify-content: center;
-          padding: (@layout-gutter * 3) 0;
+          padding: @alain-default-aside-collapsed-padding;
 
           @{sidebar-nav-prefix}__item-icon {
             margin-right: 0;

package/layout-default/style/theme-default.less

@@ -36,6 +36,7 @@
 @alain-default-aside-collapsed-wd: @layout-gutter * 8;
 @alain-default-aside-collapsed-nav-fs: 24px;
 @alain-default-aside-collapsed-nav-img-wh: 24px;
+@alain-default-aside-collapsed-padding: (@layout-gutter * 2) 0;
 
 @alain-default-content-heading-bg: #fafbfc;
 @alain-default-content-heading-border: #efe3e5;

package/layout-default/types.d.ts

@@ -39,4 +39,22 @@ export interface LayoutDefaultOptions {
      * 隐藏侧边栏，同时不显收缩图标按钮，默认：`false`
      */
     hideAside?: boolean;
+    /**
+     * Hide top bar, default: `false`
+     *
+     * 隐藏顶栏，默认：`false`
+     */
+    hideHeader?: boolean;
+    /**
+     * Whether to display the menu collapse button on the top bar, default: `true`
+     *
+     * 是否在顶栏显示菜单折叠按钮，默认：`true`
+     */
+    showHeaderCollapse?: boolean;
+    /**
+     * Whether to show the menu collapse button at the bottom of the sidebar, default: `false`
+     *
+     * 是否在侧边栏底部显示菜单折叠按钮，默认：`false`
+     */
+    showSiderCollapse?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delon/theme",
-  "version": "14.2.0",
+  "version": "14.3.0",
   "author": "cipchk<cipchk@qq.com>",
   "license": "MIT",
   "repository": {
@@ -22,8 +22,8 @@
   ],
   "dependencies": {
     "ng-zorro-antd": "^14.0.0",
-    "@delon/acl": "^14.2.0",
-    "@delon/util": "^14.2.0",
+    "@delon/acl": "^14.3.0",
+    "@delon/util": "^14.3.0",
     "tslib": "^2.3.0"
   },
   "module": "fesm2015/theme.mjs",