@delon/theme 13.4.2 → 13.5.2

package/layout-default/style/_aside.less

@@ -81,6 +81,19 @@
         left: 0;
       }
     }
+    @media (max-width: @mobile-max) {
+      @{alain-default-prefix}__content {
+        transform: translate3d(-@alain-default-aside-wd, 0, 0);
+      }
+      @{alain-default-prefix}__collapsed {
+        @{alain-default-prefix}__aside {
+          transform: translate3d(100%, 0, 0);
+        }
+        @{alain-default-prefix}__content {
+          transform: translateZ(0);
+        }
+      }
+    }
   }
 }
 .layout-default-aside-rtl-mixin(@rtl-enabled);

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

@@ -1,3 +1,6 @@
+@alain-default-aside-width: @alain-default-aside-wd + @alain-default-content-padding;
+@alain-default-aside-collapsed-width: @alain-default-aside-collapsed-wd + @alain-default-content-padding;
+
 @{reuse-tab-prefix} {
   margin: 0 -@alain-default-content-padding 0 -@alain-default-content-padding;
 }
@@ -7,14 +10,14 @@
     position: fixed;
     top: @alain-default-header-hg;
     right: @alain-default-content-padding;
-    left: @alain-default-aside-wd + @alain-default-content-padding;
+    left: @alain-default-aside-width;
     z-index: @zindex-fixed + 1;
   }
 }
 
 @{alain-default-prefix}__collapsed {
   @{reuse-tab-prefix} {
-    left: @alain-default-aside-collapsed-wd + @alain-default-content-padding;
+    left: @alain-default-aside-collapsed-width;
   }
 }
 
@@ -44,3 +47,22 @@
     }
   }
 }
+
+.layout-default-reuse-tab-rtl-mixin(@enabled) when(@enabled=true) {
+  [dir='rtl'] {
+    @{alain-default-prefix}__fixed {
+      @{reuse-tab-prefix} {
+        right: @alain-default-aside-width;
+        left: @alain-default-content-padding;
+      }
+    }
+
+    @{alain-default-prefix}__collapsed {
+      @{reuse-tab-prefix} {
+        right: @alain-default-aside-collapsed-width;
+        left: 0;
+      }
+    }
+  }
+}
+.layout-default-reuse-tab-rtl-mixin(@rtl-enabled);

package/layout-default/types.d.ts

@@ -1,6 +1,14 @@
+import { TemplateRef } from '@angular/core';
+import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 export declare type LayoutDefaultHeaderItemHidden = 'pc' | 'mobile' | 'none';
 export declare type LayoutDefaultHeaderItemDirection = 'left' | 'middle' | 'right';
 export interface LayoutDefaultOptions {
+    /**
+     * Custom Logo Area
+     *
+     * 自定义 Logo 区域
+     */
+    logo?: TemplateRef<NzSafeAny> | null;
     /**
      * Logo url of expanded status, default: `./assets/logo-full.svg`
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delon/theme",
-  "version": "13.4.2",
+  "version": "13.5.2",
   "author": "cipchk<cipchk@qq.com>",
   "license": "MIT",
   "repository": {
@@ -21,9 +21,9 @@
     "component"
   ],
   "dependencies": {
-    "ng-zorro-antd": "^13.1.1",
-    "@delon/acl": "^13.4.2",
-    "@delon/util": "^13.4.2",
+    "ng-zorro-antd": "^13.3.2",
+    "@delon/acl": "^13.5.2",
+    "@delon/util": "^13.5.2",
     "tslib": "^2.3.0"
   },
   "module": "fesm2015/theme.mjs",

package/src/services/http/http.client.d.ts

@@ -166,6 +166,7 @@ export declare class _HttpClient {
      * **DELETE Request** Return a `string` type / 返回一个 `string` 类型
      */
     delete(url: string, params: any, options: {
+        body?: any;
         headers?: _HttpHeaders;
         observe?: 'body';
         reportProgress?: boolean;
@@ -177,6 +178,7 @@ export declare class _HttpClient {
      * **DELETE Request** Return a `JSON` type / 返回一个 `JSON` 类型
      */
     delete(url: string, params: any, options: {
+        body?: any;
         headers?: _HttpHeaders;
         observe: 'response';
         reportProgress?: boolean;
@@ -188,6 +190,7 @@ export declare class _HttpClient {
      * **DELETE Request** Return a `any` type / 返回一个 `any` 类型
      */
     delete(url: string, params?: any, options?: {
+        body?: any;
         headers?: _HttpHeaders;
         observe?: 'body' | 'events' | 'response';
         reportProgress?: boolean;
@@ -199,6 +202,7 @@ export declare class _HttpClient {
      * c返回一个泛类型
      */
     delete<T>(url: string, params?: any, options?: {
+        body?: any;
         headers?: _HttpHeaders;
         observe?: 'body' | 'events' | 'response';
         reportProgress?: boolean;

package/src/services/http/http.decorator.d.ts

@@ -1,5 +1,6 @@
 import { HttpHeaders } from '@angular/common/http';
 import { Injector } from '@angular/core';
+import { ACLCanType } from '@delon/acl';
 import * as i0 from "@angular/core";
 /**
  * Every http decorator must be based on `BaseAPI`, Like this:
@@ -16,7 +17,7 @@ export declare abstract class BaseApi {
 }
 export interface HttpOptions {
     /** ACL配置，若导入 `@delon/acl` 时自动有效，等同于 `ACLService.can(roleOrAbility: ACLCanType)` 参数值 */
-    acl?: any;
+    acl?: ACLCanType;
     observe?: 'body' | 'events' | 'response';
     responseType?: 'arraybuffer' | 'blob' | 'json' | 'text';
     reportProgress?: boolean;

package/system/theme-dark.less

@@ -1,8 +1,7 @@
 @import './theme-default.less';
 
 // Grey patch
-@greyColorer: lighter lighten(@black, 6%),
-              darker  lighten(@black, 4%);
+@greyColorer: lighter lighten(@black, 6%), darker  lighten(@black, 4%);
 
 @nz-table-rep-even-background: darken(@table-row-hover-bg, 10%);
 @nz-table-rep-column-name-color: darken(@text-color, 30%);

package/system/theme-default.less

@@ -28,34 +28,33 @@
 @color-no-list:             1, 2, 3, 4, 5, 6, 7, 8, 9, 10;
 
 @colors:
-    red      @red-5           @red-6            @red-7,
-    volcano    @volcano-5       @volcano-6        @volcano-7,
-    orange   @orange-5        @orange-6         @orange-7,
-    gold     @gold-5          @gold-6           @gold-7,
-    yellow   @yellow-5        @yellow-6         @yellow-7,
-    lime     @lime-5          @lime-6           @lime-7,
-    green    @green-5         @green-6          @green-7,
-    cyan     @cyan-5          @cyan-6           @cyan-7,
-    blue     @blue-5          @blue-6           @blue-7,
-    geekblue   @geekblue-5      @geekblue-6       @geekblue-7,
-    purple   @purple-5        @purple-6         @purple-7,
-    magenta  @magenta-5       @magenta-6        @magenta-7,
-    grey     @grey-5          @grey-6           @grey-7;
+  red      @red-5           @red-6            @red-7,
+  volcano    @volcano-5       @volcano-6        @volcano-7,
+  orange   @orange-5        @orange-6         @orange-7,
+  gold     @gold-5          @gold-6           @gold-7,
+  yellow   @yellow-5        @yellow-6         @yellow-7,
+  lime     @lime-5          @lime-6           @lime-7,
+  green    @green-5         @green-6          @green-7,
+  cyan     @cyan-5          @cyan-6           @cyan-7,
+  blue     @blue-5          @blue-6           @blue-7,
+  geekblue   @geekblue-5      @geekblue-6       @geekblue-7,
+  purple   @purple-5        @purple-6         @purple-7,
+  magenta  @magenta-5       @magenta-6        @magenta-7,
+  grey     @grey-5          @grey-6           @grey-7;
 
 // Alias
 @aliasColors:
-    primary    @primary-color,
-    success    @success-color,
-    error      @error-color,
-    warning    @warning-color,
-    info       @info-color,
-    processing @processing-color,
-    highlight  @highlight-color,
-    normal     @normal-color;
+  primary    @primary-color,
+  success    @success-color,
+  error      @error-color,
+  warning    @warning-color,
+  info       @info-color,
+  processing @processing-color,
+  highlight  @highlight-color,
+  normal     @normal-color;
 
 // Grey patch
-@greyColorer: lighter @grey-3,
-              darker  @grey-9;
+@greyColorer: lighter @grey-3, darker  @grey-9;
 
 // Layout Gutter
 @layout-gutter: 8px;
@@ -68,24 +67,24 @@
 @xxl:   (@layout-gutter * 6); // 48px
 
 @grid-breakpoints:
-    xs @screen-xs,
-    sm @screen-sm,
-    md @screen-md,
-    lg @screen-lg,
-    xl @screen-xl;
+  xs @screen-xs,
+  sm @screen-sm,
+  md @screen-md,
+  lg @screen-lg,
+  xl @screen-xl;
 
 @mobile-min: @screen-md-min;
 @mobile-max: @screen-md-min - 1px;
 
 // spaceing
 @spacings:
-    0  0,
-    xs @xs,
-    sm @sm,
-    md @md,
-    lg @lg,
-    xl @xl,
-    xxl @xxl;
+  0  0,
+  xs @xs,
+  sm @sm,
+  md @md,
+  lg @lg,
+  xl @xl,
+  xxl @xxl;
 
 // 是否启用RTL支持
 @rtl-enabled: true;
@@ -115,22 +114,22 @@
 
 // 宽度
 @widths:
-    xs @layout-gutter * 10, // 80px
-    sm @layout-gutter * 20, // 160px
-    md @layout-gutter * 30, // 240px
-    lg @layout-gutter * 40, // 320px
-    xl @layout-gutter * 50, // 400px
-    xxl @layout-gutter * 60, // 480px
-    10 10%,
-    20 20%,
-    30 30%,
-    40 40%,
-    50 50%,
-    60 60%,
-    70 70%,
-    80 80%,
-    90 90%,
-    100 100%;
+  xs @layout-gutter * 10, // 80px
+  sm @layout-gutter * 20, // 160px
+  md @layout-gutter * 30, // 240px
+  lg @layout-gutter * 40, // 320px
+  xl @layout-gutter * 50, // 400px
+  xxl @layout-gutter * 60, // 480px
+  10 10%,
+  20 20%,
+  30 30%,
+  40 40%,
+  50 50%,
+  60 60%,
+  70 70%,
+  80 80%,
+  90 90%,
+  100 100%;
 
 // 圆角
 @border-radius-md:       @border-radius-base; // 4px