@delon/theme 14.3.0 → 15.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/compact.css +60 -32
- package/compact.min.css +1 -1
- package/dark.css +60 -32
- package/dark.min.css +1 -1
- package/default.css +60 -32
- package/default.min.css +1 -1
- package/esm2020/layout-default/layout-header-item-trigger.directive.mjs +4 -4
- package/esm2020/layout-default/layout-header-item.component.mjs +4 -4
- package/esm2020/layout-default/layout-header.component.mjs +5 -5
- package/esm2020/layout-default/layout-nav.component.mjs +4 -4
- package/esm2020/layout-default/layout-top-menu-item.mjs +39 -0
- package/esm2020/layout-default/layout.component.mjs +4 -4
- package/esm2020/layout-default/layout.module.mjs +12 -8
- package/esm2020/layout-default/layout.service.mjs +4 -4
- package/esm2020/layout-default/public_api.mjs +2 -1
- package/esm2020/setting-drawer/setting-drawer-item.component.mjs +4 -4
- package/esm2020/setting-drawer/setting-drawer.component.mjs +5 -5
- package/esm2020/setting-drawer/setting-drawer.module.mjs +5 -5
- package/esm2020/src/locale/locale.module.mjs +5 -5
- package/esm2020/src/locale/locale.service.mjs +4 -4
- package/esm2020/src/pipes/date/date.pipe.mjs +4 -4
- package/esm2020/src/pipes/keys/keys.pipe.mjs +4 -4
- package/esm2020/src/pipes/safe/html.pipe.mjs +4 -4
- package/esm2020/src/pipes/safe/url.pipe.mjs +4 -4
- package/esm2020/src/pipes/yn/yn.pipe.mjs +4 -4
- package/esm2020/src/services/drawer/drawer.helper.mjs +4 -4
- package/esm2020/src/services/http/http.client.mjs +4 -4
- package/esm2020/src/services/http/http.decorator.mjs +4 -4
- package/esm2020/src/services/i18n/i18n-url.guard.mjs +4 -4
- package/esm2020/src/services/i18n/i18n.mjs +7 -7
- package/esm2020/src/services/i18n/i18n.pipe.mjs +4 -4
- package/esm2020/src/services/menu/menu.service.mjs +4 -51
- package/esm2020/src/services/modal/modal.helper.mjs +4 -4
- package/esm2020/src/services/responsive/responsive.mjs +4 -4
- package/esm2020/src/services/rtl/rtl.service.mjs +4 -4
- package/esm2020/src/services/settings/settings.service.mjs +4 -4
- package/esm2020/src/services/title/title.service.mjs +4 -4
- package/esm2020/src/theme.module.mjs +5 -5
- package/esm2020/src/version.mjs +1 -1
- package/esm2020/theme-btn/theme-btn.component.mjs +4 -4
- package/esm2020/theme-btn/theme-btn.module.mjs +5 -5
- package/fesm2015/layout-default.mjs +65 -27
- package/fesm2015/layout-default.mjs.map +1 -1
- package/fesm2015/setting-drawer.mjs +11 -11
- package/fesm2015/setting-drawer.mjs.map +1 -1
- package/fesm2015/theme-btn.mjs +7 -7
- package/fesm2015/theme-btn.mjs.map +1 -1
- package/fesm2015/theme.mjs +66 -113
- package/fesm2015/theme.mjs.map +1 -1
- package/fesm2020/layout-default.mjs +65 -27
- package/fesm2020/layout-default.mjs.map +1 -1
- package/fesm2020/setting-drawer.mjs +11 -11
- package/fesm2020/setting-drawer.mjs.map +1 -1
- package/fesm2020/theme-btn.mjs +7 -7
- package/fesm2020/theme-btn.mjs.map +1 -1
- package/fesm2020/theme.mjs +66 -113
- package/fesm2020/theme.mjs.map +1 -1
- package/layout-default/layout-header-item-trigger.directive.d.ts +1 -1
- package/layout-default/layout-header-item.component.d.ts +1 -1
- package/layout-default/layout-header.component.d.ts +1 -1
- package/layout-default/layout-nav.component.d.ts +1 -1
- package/layout-default/layout-top-menu-item.d.ts +10 -0
- package/layout-default/layout.component.d.ts +1 -1
- package/layout-default/layout.module.d.ts +10 -9
- package/layout-default/public_api.d.ts +1 -0
- package/layout-default/style/_header.less +23 -1
- package/layout-default/style/theme-compact.less +2 -0
- package/layout-default/style/theme-default.less +3 -1
- package/package.json +4 -4
- package/setting-drawer/setting-drawer-item.component.d.ts +1 -1
- package/setting-drawer/setting-drawer.component.d.ts +1 -1
- package/src/services/menu/menu.service.d.ts +0 -12
- package/theme-btn/theme-btn.component.d.ts +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class LayoutDefaultHeaderItemTriggerDirective {
|
|
3
3
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultHeaderItemTriggerDirective, never>;
|
|
4
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutDefaultHeaderItemTriggerDirective, "[layout-default-header-item-trigger]", never, {}, {}, never, never, false>;
|
|
4
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutDefaultHeaderItemTriggerDirective, "[layout-default-header-item-trigger]", never, {}, {}, never, never, false, never>;
|
|
5
5
|
}
|
|
@@ -6,5 +6,5 @@ export declare class LayoutDefaultHeaderItemComponent {
|
|
|
6
6
|
hidden: LayoutDefaultHeaderItemHidden;
|
|
7
7
|
direction: LayoutDefaultHeaderItemDirection;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultHeaderItemComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultHeaderItemComponent, "layout-default-header-item", never, { "hidden": "hidden"; "direction": "direction"; }, {}, never, ["*"], false>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultHeaderItemComponent, "layout-default-header-item", never, { "hidden": "hidden"; "direction": "direction"; }, {}, never, ["*"], false, never>;
|
|
10
10
|
}
|
|
@@ -29,6 +29,6 @@ export declare class LayoutDefaultHeaderComponent implements AfterViewInit, OnDe
|
|
|
29
29
|
toggleCollapsed(): void;
|
|
30
30
|
ngOnDestroy(): void;
|
|
31
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultHeaderComponent, never>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultHeaderComponent, "layout-default-header", never, { "items": "items"; }, {}, never, never, false>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultHeaderComponent, "layout-default-header", never, { "items": "items"; }, {}, never, never, false, never>;
|
|
33
33
|
}
|
|
34
34
|
export {};
|
|
@@ -59,5 +59,5 @@ export declare class LayoutDefaultNavComponent implements OnInit, OnDestroy {
|
|
|
59
59
|
private underPad;
|
|
60
60
|
private openAside;
|
|
61
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultNavComponent, [null, null, null, null, null, null, null, null, null, { optional: true; }]>;
|
|
62
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultNavComponent, "layout-default-nav", never, { "disabledAcl": "disabledAcl"; "autoCloseUnderPad": "autoCloseUnderPad"; "recursivePath": "recursivePath"; "openStrictly": "openStrictly"; "maxLevelIcon": "maxLevelIcon"; }, { "select": "select"; }, never, never, false>;
|
|
62
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultNavComponent, "layout-default-nav", never, { "disabledAcl": "disabledAcl"; "autoCloseUnderPad": "autoCloseUnderPad"; "recursivePath": "recursivePath"; "openStrictly": "openStrictly"; "maxLevelIcon": "maxLevelIcon"; }, { "select": "select"; }, never, never, false, never>;
|
|
63
63
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { BooleanInput } from '@delon/util/decorator';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class LayoutDefaultTopMenuItemComponent {
|
|
4
|
+
static ngAcceptInputType_selected: BooleanInput;
|
|
5
|
+
static ngAcceptInputType_disabled: BooleanInput;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultTopMenuItemComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultTopMenuItemComponent, "layout-default-top-menu-item", never, { "selected": "selected"; "disabled": "disabled"; }, {}, never, ["*"], false, never>;
|
|
10
|
+
}
|
|
@@ -32,5 +32,5 @@ export declare class LayoutDefaultComponent implements OnDestroy {
|
|
|
32
32
|
private setClass;
|
|
33
33
|
ngOnDestroy(): void;
|
|
34
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultComponent, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultComponent, "layout-default", ["layoutDefault"], { "options": "options"; "asideUser": "asideUser"; "asideBottom": "asideBottom"; "nav": "nav"; "content": "content"; "customError": "customError"; }, {}, ["headerItems"], ["*"], false>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutDefaultComponent, "layout-default", ["layoutDefault"], { "options": "options"; "asideUser": "asideUser"; "asideBottom": "asideBottom"; "nav": "nav"; "content": "content"; "customError": "customError"; }, {}, ["headerItems"], ["*"], false, never>;
|
|
36
36
|
}
|
|
@@ -4,16 +4,17 @@ import * as i2 from "./layout-nav.component";
|
|
|
4
4
|
import * as i3 from "./layout-header.component";
|
|
5
5
|
import * as i4 from "./layout-header-item.component";
|
|
6
6
|
import * as i5 from "./layout-header-item-trigger.directive";
|
|
7
|
-
import * as i6 from "
|
|
8
|
-
import * as i7 from "@angular/
|
|
9
|
-
import * as i8 from "
|
|
10
|
-
import * as i9 from "ng-zorro-antd/
|
|
11
|
-
import * as i10 from "ng-zorro-antd/
|
|
12
|
-
import * as i11 from "ng-zorro-antd/
|
|
13
|
-
import * as i12 from "ng-zorro-antd/
|
|
14
|
-
import * as i13 from "ng-zorro-antd/
|
|
7
|
+
import * as i6 from "./layout-top-menu-item";
|
|
8
|
+
import * as i7 from "@angular/common";
|
|
9
|
+
import * as i8 from "@angular/router";
|
|
10
|
+
import * as i9 from "ng-zorro-antd/tooltip";
|
|
11
|
+
import * as i10 from "ng-zorro-antd/icon";
|
|
12
|
+
import * as i11 from "ng-zorro-antd/avatar";
|
|
13
|
+
import * as i12 from "ng-zorro-antd/dropdown";
|
|
14
|
+
import * as i13 from "ng-zorro-antd/message";
|
|
15
|
+
import * as i14 from "ng-zorro-antd/badge";
|
|
15
16
|
export declare class LayoutDefaultModule {
|
|
16
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDefaultModule, never>;
|
|
17
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutDefaultModule, [typeof i1.LayoutDefaultComponent, typeof i2.LayoutDefaultNavComponent, typeof i3.LayoutDefaultHeaderComponent, typeof i4.LayoutDefaultHeaderItemComponent, typeof i5.LayoutDefaultHeaderItemTriggerDirective], [typeof
|
|
18
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutDefaultModule, [typeof i1.LayoutDefaultComponent, typeof i2.LayoutDefaultNavComponent, typeof i3.LayoutDefaultHeaderComponent, typeof i4.LayoutDefaultHeaderItemComponent, typeof i5.LayoutDefaultHeaderItemTriggerDirective, typeof i6.LayoutDefaultTopMenuItemComponent], [typeof i7.CommonModule, typeof i8.RouterModule, typeof i9.NzToolTipModule, typeof i10.NzIconModule, typeof i11.NzAvatarModule, typeof i12.NzDropDownModule, typeof i13.NzMessageModule, typeof i14.NzBadgeModule], [typeof i1.LayoutDefaultComponent, typeof i2.LayoutDefaultNavComponent, typeof i3.LayoutDefaultHeaderComponent, typeof i4.LayoutDefaultHeaderItemComponent, typeof i5.LayoutDefaultHeaderItemTriggerDirective, typeof i6.LayoutDefaultTopMenuItemComponent]>;
|
|
18
19
|
static ɵinj: i0.ɵɵInjectorDeclaration<LayoutDefaultModule>;
|
|
19
20
|
}
|
|
@@ -3,6 +3,7 @@ export * from './layout.module';
|
|
|
3
3
|
export * from './layout-header.component';
|
|
4
4
|
export * from './layout-header-item.component';
|
|
5
5
|
export * from './layout-header-item-trigger.directive';
|
|
6
|
+
export * from './layout-top-menu-item';
|
|
6
7
|
export * from './layout-nav.component';
|
|
7
8
|
export * from './types';
|
|
8
9
|
export * from './layout.service';
|
|
@@ -43,6 +43,10 @@
|
|
|
43
43
|
margin: 0;
|
|
44
44
|
padding: 0;
|
|
45
45
|
|
|
46
|
+
&:first-child {
|
|
47
|
+
margin-right: 16px;
|
|
48
|
+
}
|
|
49
|
+
|
|
46
50
|
&-middle {
|
|
47
51
|
flex: 1;
|
|
48
52
|
}
|
|
@@ -76,7 +80,7 @@
|
|
|
76
80
|
|
|
77
81
|
&:hover {
|
|
78
82
|
color: #fff;
|
|
79
|
-
background-color:
|
|
83
|
+
background-color: @alain-default-header-nav-bg-hover;
|
|
80
84
|
}
|
|
81
85
|
|
|
82
86
|
> i,
|
|
@@ -87,6 +91,24 @@
|
|
|
87
91
|
}
|
|
88
92
|
}
|
|
89
93
|
}
|
|
94
|
+
|
|
95
|
+
&__top-menu-item {
|
|
96
|
+
display: flex;
|
|
97
|
+
align-items: center;
|
|
98
|
+
height: @alain-default-header-hg;
|
|
99
|
+
padding: @alain-default-header-top-menu-item-padding;
|
|
100
|
+
border-radius: 0;
|
|
101
|
+
|
|
102
|
+
&-selected {
|
|
103
|
+
color: #fff;
|
|
104
|
+
background-color: @alain-default-header-nav-bg-hover;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
&-disabled {
|
|
108
|
+
opacity: .5;
|
|
109
|
+
pointer-events: none;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
90
112
|
}
|
|
91
113
|
|
|
92
114
|
// Search
|
|
@@ -8,6 +8,9 @@
|
|
|
8
8
|
@alain-default-header-icon-fs: 18px;
|
|
9
9
|
@alain-default-header-logo-max-height: 36px;
|
|
10
10
|
@alain-default-header-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
|
|
11
|
+
@alain-default-header-nav-bg-hover: rgba(255, 255, 255, 0.2);
|
|
12
|
+
|
|
13
|
+
@alain-default-header-top-menu-item-padding: 0 16px;
|
|
11
14
|
|
|
12
15
|
@alain-default-aside-wd: 200px;
|
|
13
16
|
@alain-default-aside-bg: #fff;
|
|
@@ -26,7 +29,6 @@
|
|
|
26
29
|
@alain-default-aside-nav-group-text-color: @text-color-secondary;
|
|
27
30
|
@alain-default-aside-nav-selected-text-color: @primary-color;
|
|
28
31
|
@alain-default-aside-nav-selected-bg: #fcfcfc;
|
|
29
|
-
@alain-default-aside-nav-item-height: 38px;
|
|
30
32
|
@alain-default-aside-nav-depth1-padding-left: @layout-gutter * 3;
|
|
31
33
|
@alain-default-aside-nav-depth2-padding-left: @layout-gutter * 4;
|
|
32
34
|
@alain-default-aside-nav-depth3-padding-left: @layout-gutter * 5;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@delon/theme",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "15.0.0",
|
|
4
4
|
"author": "cipchk<cipchk@qq.com>",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"component"
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"ng-zorro-antd": "^
|
|
25
|
-
"@delon/acl": "^
|
|
26
|
-
"@delon/util": "^
|
|
24
|
+
"ng-zorro-antd": "^15.0.0",
|
|
25
|
+
"@delon/acl": "^15.0.0",
|
|
26
|
+
"@delon/util": "^15.0.0",
|
|
27
27
|
"tslib": "^2.3.0"
|
|
28
28
|
},
|
|
29
29
|
"module": "fesm2015/theme.mjs",
|
|
@@ -7,5 +7,5 @@ export declare class SettingDrawerItemComponent {
|
|
|
7
7
|
pxChange(val: number): void;
|
|
8
8
|
format: (value: number) => string;
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<SettingDrawerItemComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SettingDrawerItemComponent, "setting-drawer-item", never, { "data": "data"; }, {}, never, never, false>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SettingDrawerItemComponent, "setting-drawer-item", never, { "data": "data"; }, {}, never, never, false, never>;
|
|
11
11
|
}
|
|
@@ -46,5 +46,5 @@ export declare class SettingDrawerComponent implements OnInit, OnDestroy {
|
|
|
46
46
|
copyVar(): void;
|
|
47
47
|
ngOnDestroy(): void;
|
|
48
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<SettingDrawerComponent, [null, null, null, null, null, null, { optional: true; }]>;
|
|
49
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SettingDrawerComponent, "setting-drawer", never, { "autoApplyColor": "autoApplyColor"; "compilingText": "compilingText"; "devTips": "devTips"; "lessJs": "lessJs"; }, {}, never, never, false>;
|
|
49
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SettingDrawerComponent, "setting-drawer", never, { "autoApplyColor": "autoApplyColor"; "compilingText": "compilingText"; "devTips": "devTips"; "lessJs": "lessJs"; }, {}, never, never, false, never>;
|
|
50
50
|
}
|
|
@@ -86,18 +86,6 @@ export declare class MenuService implements OnDestroy {
|
|
|
86
86
|
emit?: boolean;
|
|
87
87
|
}): void;
|
|
88
88
|
ngOnDestroy(): void;
|
|
89
|
-
/**
|
|
90
|
-
* @deprecated Will be removed in 15.0.0, Pls used `find` instead
|
|
91
|
-
*/
|
|
92
|
-
getHit(data: Menu[], url: string, recursive?: boolean, cb?: ((i: Menu) => void) | null): Menu | null;
|
|
93
|
-
/**
|
|
94
|
-
* @deprecated Will be removed in 15.0.0, Pls used `find` and `setItem` instead
|
|
95
|
-
*
|
|
96
|
-
* 根据URL设置菜单 `_open` 属性
|
|
97
|
-
* - 若 `recursive: true` 则会自动向上递归查找
|
|
98
|
-
* - 菜单数据源包含 `/ware`,则 `/ware/1` 也视为 `/ware` 项
|
|
99
|
-
*/
|
|
100
|
-
openedByUrl(url: string | null, recursive?: boolean): void;
|
|
101
89
|
static ɵfac: i0.ɵɵFactoryDeclaration<MenuService, [{ optional: true; }, { optional: true; }]>;
|
|
102
90
|
static ɵprov: i0.ɵɵInjectableDeclaration<MenuService>;
|
|
103
91
|
}
|
|
@@ -31,5 +31,5 @@ export declare class ThemeBtnComponent implements OnInit, OnDestroy {
|
|
|
31
31
|
onThemeChange(theme: string): void;
|
|
32
32
|
ngOnDestroy(): void;
|
|
33
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThemeBtnComponent, [null, null, null, null, { optional: true; }, null]>;
|
|
34
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ThemeBtnComponent, "theme-btn", never, { "types": "types"; "devTips": "devTips"; "deployUrl": "deployUrl"; }, { "themeChange": "themeChange"; }, never, never, false>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThemeBtnComponent, "theme-btn", never, { "types": "types"; "devTips": "devTips"; "deployUrl": "deployUrl"; }, { "themeChange": "themeChange"; }, never, never, false, never>;
|
|
35
35
|
}
|