@yelon/bis 17.2.2 → 17.3.1

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.
Files changed (31) hide show
  1. package/README.md +1 -0
  2. package/esm2022/layout/layout-basic.component.mjs +202 -70
  3. package/esm2022/layout/layout-nav-application.component.mjs +48 -44
  4. package/esm2022/layout/layout-nav-group.component.mjs +13 -10
  5. package/esm2022/layout/layout-nav-tile.component.mjs +3 -3
  6. package/esm2022/layout/layout.module.mjs +4 -4
  7. package/esm2022/src/bis.module.mjs +4 -4
  8. package/esm2022/src/helper.mjs +2 -2
  9. package/esm2022/src/startup.service.mjs +11 -9
  10. package/esm2022/src/yunzai-act.guard.mjs +3 -3
  11. package/esm2022/src/yunzai-analysis-addon.guard.mjs +3 -3
  12. package/esm2022/yunzai-widgets/yunzai-clear-storage.component.mjs +3 -3
  13. package/esm2022/yunzai-widgets/yunzai-fullscreen.component.mjs +3 -3
  14. package/esm2022/yunzai-widgets/yunzai-i18n.component.mjs +3 -3
  15. package/esm2022/yunzai-widgets/yunzai-notify.component.mjs +6 -5
  16. package/esm2022/yunzai-widgets/yunzai-user.component.mjs +7 -6
  17. package/esm2022/yunzai-widgets/yunzai-widget.module.mjs +4 -4
  18. package/fesm2022/bis.mjs +23 -21
  19. package/fesm2022/bis.mjs.map +1 -1
  20. package/fesm2022/layout.mjs +267 -128
  21. package/fesm2022/layout.mjs.map +1 -1
  22. package/fesm2022/yunzai-widgets.mjs +24 -22
  23. package/fesm2022/yunzai-widgets.mjs.map +1 -1
  24. package/layout/layout-basic.component.d.ts +23 -2
  25. package/layout/layout-nav-group.component.d.ts +1 -0
  26. package/layout/style/index.less +58 -30
  27. package/package.json +12 -12
  28. package/src/startup.service.d.ts +10 -8
  29. package/theme-default.less +11 -9
  30. package/yunzai-widgets/yunzai-notify.component.d.ts +1 -0
  31. package/yunzai-widgets/yunzai-user.component.d.ts +1 -0
package/layout/layout-basic.component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { OnInit } from '@angular/core';
2
2
  import { LayoutDefaultOptions } from '@yelon/theme/layout-default';
3
- import { LayoutBasicAside, LayoutBasicDisplay, NavType } from '@yelon/util';
3
+ import { LayoutBasicAside, LayoutBasicDisplay, NavType, YunzaiHeaderStyle } from '@yelon/util';
4
4
  import { NzSafeAny } from 'ng-zorro-antd/core/types';
5
5
  import * as i0 from "@angular/core";
6
6
  export interface LayoutBasicState {
@@ -9,12 +9,32 @@ export interface LayoutBasicState {
9
9
  display: LayoutBasicDisplay;
10
10
  navType: NavType;
11
11
  }
12
+ export interface ApplicationInfoInterface {
13
+ id?: string;
14
+ name?: string;
15
+ showName?: string;
16
+ lastVersion?: string;
17
+ versionNum?: string;
18
+ currentVersion?: string;
19
+ firstDeploymentDate?: string;
20
+ currentDeploymentDate?: string;
21
+ lastPushDate?: string;
22
+ }
12
23
  export declare class YunzaiLayoutBasicComponent implements OnInit {
13
24
  private readonly stomp;
14
25
  private readonly win;
15
26
  private readonly layoutDisplayService;
27
+ private readonly conf;
16
28
  NavType: typeof NavType;
17
29
  private state;
30
+ headerStyleList: YunzaiHeaderStyle[];
31
+ applicationInfo: ApplicationInfoInterface;
32
+ applicationModal: {
33
+ isVisible: boolean;
34
+ loading: boolean;
35
+ };
36
+ private readonly httpClient;
37
+ private config;
18
38
  get options(): LayoutDefaultOptions;
19
39
  get navType(): NavType;
20
40
  get aside(): LayoutBasicAside;
@@ -26,8 +46,9 @@ export declare class YunzaiLayoutBasicComponent implements OnInit {
26
46
  initLogo(): void;
27
47
  initNavType(): void;
28
48
  toIndex(): void;
29
- onNavTypeChange(type: NavType): void;
49
+ onNavTypeChange(type: NavType | string): void;
30
50
  addLayoutDisplayListener(): void;
51
+ aboutApplication(): void;
31
52
  static ɵfac: i0.ɵɵFactoryDeclaration<YunzaiLayoutBasicComponent, never>;
32
53
  static ɵcmp: i0.ɵɵComponentDeclaration<YunzaiLayoutBasicComponent, "yunzai-layout-basic", never, {}, {}, never, never, true, never>;
33
54
  }
package/layout/layout-nav-group.component.d.ts CHANGED
@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
4
4
  export declare class YunzaiLayoutNavGroupComponent implements OnInit, OnDestroy {
5
5
  private readonly http;
6
6
  private destroy$;
7
+ private readonly win;
7
8
  state: LayoutNavGroupState;
8
9
  ngOnInit(): void;
9
10
  open(topic: YunzaiNavTopic): void;
package/layout/style/index.less CHANGED
@@ -4,81 +4,101 @@
4
4
  position: fixed;
5
5
  top: @yz-application-top;
6
6
  left: 0;
7
+ overflow: hidden;
7
8
  width: @yz-application-width;
8
9
  height: @yz-application-height;
9
- overflow: hidden;
10
10
  background-color: @yz-application-bgColor;
11
- box-shadow: 10px 10px 10px 0 @yz-application-border-shadow;
11
+ box-shadow: 0 7px 8px -3px @yz-application-border-shadow;
12
12
  }
13
13
 
14
14
  .yz-application-topic {
15
+ overflow: hidden;
16
+ height: @yz-application-height;
15
17
  background-color: @yz-application-topic-bgColor;
18
+
19
+ .yz-application-topic-list {
20
+ overflow-y: auto;
21
+ width: calc(100% + 20px);
22
+ height: 100%;
23
+ }
16
24
  }
17
25
 
18
26
  .yz-application-text {
27
+ overflow: hidden;
19
28
  display: block;
20
29
  margin-left: -12px;
21
30
  padding: 3px 40px;
22
- overflow: hidden;
23
- color: @yz-application-topic-text-color;
24
31
  font-weight: @yz-application-topic-text-font-weight;
25
32
  line-height: @yz-application-topic-text-line-height;
26
- white-space: nowrap;
33
+ color: @yz-application-topic-text-color;
27
34
  text-overflow: ellipsis;
35
+ white-space: nowrap;
28
36
  transition: 0.2s 0.2s 0.2s 0.2s;
29
37
  }
30
38
 
31
39
  .yz-application-text:hover {
32
- color: @yz-application-topic-text-hover-color;
33
40
  font-weight: bold;
41
+ color: @yz-application-topic-text-hover-color;
34
42
  background: @yz-application-topic-text-hover-bgColor;
35
43
  }
36
44
 
37
45
  .yz-application-container {
46
+ overflow: hidden;
38
47
  height: @yz-application-height;
39
- overflow: auto;
40
48
  }
41
49
 
42
50
  .yz-application-list {
51
+ overflow-y: auto;
52
+ width: calc(100% + 20px);
53
+ height: @yz-application-height - 62px - 20px;
43
54
  padding: @yz-application-list-padding;
44
55
 
56
+ &.yz-application-list-other {
57
+ height: @yz-application-height - 20px;
58
+ margin: 10px auto;
59
+ }
60
+
45
61
  ul {
46
- width: @yz-application-list-ul-width;
47
- padding: @yz-application-list-ul-padding;
48
62
  overflow: hidden;
49
63
  column-count: 4;
64
+ width: @yz-application-list-ul-width;
65
+ padding: @yz-application-list-ul-padding;
50
66
 
51
67
  li {
52
68
  float: left;
53
69
  width: @yz-application-list-ul-li-width;
70
+ break-inside: avoid;
54
71
  margin-bottom: @yz-application-list-ul-li-margin-bottom;
55
72
  padding: @yz-application-list-ul-li-padding;
56
73
  list-style: none;
57
74
  -webkit-column-break-inside: avoid;
58
- break-inside: avoid;
59
75
 
60
76
  h5 {
61
77
  margin-top: @yz-application-list-ul-h5-margin-top;
62
- color: @yz-application-list-ul-h5-color;
63
- font-weight: @yz-application-list-ul-h5-font-weight;
64
78
  font-size: @yz-application-list-ul-h5-font-size;
79
+ font-weight: @yz-application-list-ul-h5-font-weight;
65
80
  line-height: @yz-application-list-ul-h5-line-height;
81
+ padding: @yz-application-list-ul-h5-padding;
82
+ color: @yz-application-topic-bgColor;
83
+ border-bottom: @yz-application-list-ul-h5-border-bottom;
66
84
  }
67
85
 
68
86
  a {
87
+ overflow: @yz-application-list-ul-a-overflow;
69
88
  display: @yz-application-list-ul-a-display;
70
89
  padding: @yz-application-list-ul-a-padding;
71
- overflow: @yz-application-list-ul-a-overflow;
72
- color: @yz-application-list-ul-a-color;
73
90
  font-size: @yz-application-list-ul-a-font-size;
74
91
  line-height: @yz-application-list-ul-a-line-height;
75
- white-space: @yz-application-list-ul-a-white-space;
92
+ color: @yz-application-list-ul-a-color;
76
93
  text-overflow: @yz-application-list-ul-a-text-overflow;
94
+ white-space: @yz-application-list-ul-a-white-space;
77
95
  }
78
96
 
79
97
  a:hover {
80
98
  color: @yz-application-list-ul-a-hover-color;
99
+ padding: 0 10px;
81
100
  background: @yz-application-list-ul-a-hover-bgColor;
101
+ border-radius: @yz-application-list-ul-a-hover-border-radius;
82
102
  }
83
103
  }
84
104
  }
@@ -86,42 +106,48 @@
86
106
 
87
107
  .yz-application-list-search {
88
108
  margin: @yz-application-list-search-margin;
89
- padding: @yz-application-list-search-padding;
90
109
  }
91
110
 
92
111
  .yz-application-list-item {
93
- h4,
94
- p {
95
- margin: @yz-application-list-item-h4p-margin;
112
+ h4, p {
96
113
  overflow: @yz-application-list-item-h4p-overflow;
97
- color: @yz-application-list-item-h4p-color;
98
- white-space: @yz-application-list-item-h4p-white-space;
114
+ margin: @yz-application-list-item-h4p-margin;
99
115
  text-overflow: @yz-application-list-item-h4p-text-overflow;
116
+ white-space: @yz-application-list-item-h4p-white-space;
100
117
  }
101
118
 
102
119
  h4 {
103
120
  font-weight: @yz-application-list-item-h4-font-weight;
104
121
  line-height: @yz-application-list-item-h4-line-height;
122
+ color: @yz-application-list-item-h4p-color !important;
105
123
  }
106
124
 
107
125
  p {
108
126
  line-height: @yz-application-list-item-p-line-height;
127
+ color: #999;
109
128
  }
110
129
 
111
130
  li:hover {
131
+ background: @yz-application-list-item-li-hover-bgColor;
132
+ border-radius: @yz-application-list-ul-a-hover-border-radius;
133
+
112
134
  p {
113
- color: @yz-application-list-item-li-hover-color;
135
+ color: @yz-application-list-item-li-hover-color !important;
114
136
  }
115
137
 
116
138
  h4 {
117
- color: @yz-application-list-item-li-hover-color;
139
+ color: @yz-application-list-item-li-hover-color !important;
118
140
  }
119
141
 
120
- background: @yz-application-list-item-li-hover-bgColor;
142
+ a {
143
+ padding: @yz-application-list-ul-a-padding !important;
144
+ }
121
145
  }
122
146
  }
123
147
 
124
148
  .yz-application-group {
149
+ padding: 0 10px;
150
+
125
151
  .ant-dropdown-link {
126
152
  color: @yz-application-topic-text-color;
127
153
  }
@@ -137,18 +163,20 @@
137
163
  .ant-tabs-top > .ant-tabs-nav {
138
164
  margin: 0;
139
165
  }
140
-
141
- padding: 0 10px;
142
166
  }
143
167
 
144
- .yz-application-dropdown {
145
- max-height: 80vh;
168
+ .yz-application-dropdown ul {
146
169
  overflow-y: auto;
170
+ max-height: 80vh;
171
+
172
+ li i {
173
+ margin-right: 2px;
174
+ }
147
175
  }
148
176
 
149
177
  .yz-user-name {
150
- width: 92px;
151
178
  overflow: hidden;
152
- white-space: nowrap;
179
+ width: 92px;
153
180
  text-overflow: ellipsis;
181
+ white-space: nowrap;
154
182
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yelon/bis",
3
- "version": "17.2.2",
3
+ "version": "17.3.1",
4
4
  "author": "devcui<devcui@outlook.com>",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -21,17 +21,17 @@
21
21
  "component"
22
22
  ],
23
23
  "dependencies": {
24
- "ng-zorro-antd": "^17.2.0",
25
- "@yelon/acl": "^17.2.2",
26
- "@yelon/auth": "^17.2.2",
27
- "@yelon/theme": "^17.2.2",
28
- "@yelon/mock": "^17.2.2",
29
- "@yelon/cache": "^17.2.2",
30
- "@yelon/chart": "^17.2.2",
31
- "@yelon/form": "^17.2.2",
32
- "@yelon/testing": "^17.2.2",
33
- "@yelon/util": "^17.2.2",
34
- "@yelon/bcs": "^17.2.2",
24
+ "ng-zorro-antd": "^17.3.0",
25
+ "@yelon/acl": "^17.3.1",
26
+ "@yelon/auth": "^17.3.1",
27
+ "@yelon/theme": "^17.3.1",
28
+ "@yelon/mock": "^17.3.1",
29
+ "@yelon/cache": "^17.3.1",
30
+ "@yelon/chart": "^17.3.1",
31
+ "@yelon/form": "^17.3.1",
32
+ "@yelon/testing": "^17.3.1",
33
+ "@yelon/util": "^17.3.1",
34
+ "@yelon/bcs": "^17.3.1",
35
35
  "tslib": "^2.3.0"
36
36
  },
37
37
  "module": "fesm2022/bis.mjs",
package/src/startup.service.d.ts CHANGED
@@ -5,14 +5,16 @@ import { YunzaiMenu } from '@yelon/util';
5
5
  import * as i0 from "@angular/core";
6
6
  export declare function provideYunzaiStartup(): Provider[];
7
7
  export declare class YunzaiStartupService {
8
- private config;
9
- private menuService;
10
- private aclService;
11
- private titleService;
12
- private tokenService;
13
- private httpClient;
14
- private settingService;
15
- private i18n;
8
+ private readonly config;
9
+ private readonly menuService;
10
+ private readonly aclService;
11
+ private readonly titleService;
12
+ private readonly tokenService;
13
+ private readonly httpClient;
14
+ private readonly settingService;
15
+ private readonly i18n;
16
+ private readonly win;
17
+ private readonly configService;
16
18
  load(): Observable<void>;
17
19
  token(): Observable<ITokenModel>;
18
20
  static ɵfac: i0.ɵɵFactoryDeclaration<YunzaiStartupService, never>;
package/theme-default.less CHANGED
@@ -2,37 +2,39 @@
2
2
  @yz-application-width: 100%;
3
3
  @yz-application-height: 480px;
4
4
  @yz-application-bgColor: #fff;
5
- @yz-application-border-shadow: #888;
5
+ @yz-application-border-shadow: rgba(0,0,0,.1);
6
6
  @yz-application-topic-bgColor: #4ba6ff;
7
7
  @yz-application-topic-text-color: #fff;
8
8
  @yz-application-topic-text-font-weight: bold;
9
9
  @yz-application-topic-text-line-height: 32px;
10
10
  @yz-application-topic-text-hover-bgColor: #fff;
11
11
  @yz-application-topic-text-hover-color: #4ba6ff;
12
- @yz-application-list-padding: 20px;
12
+ @yz-application-list-padding: 0 20px;
13
13
  @yz-application-list-ul-width: 100%;
14
14
  @yz-application-list-ul-padding: 0;
15
15
  @yz-application-list-ul-li: 20px;
16
16
  @yz-application-list-ul-li-width: 100%;
17
17
  @yz-application-list-ul-li-margin-bottom: 20px;
18
- @yz-application-list-ul-li-padding: 0;
18
+ @yz-application-list-ul-li-padding: 6px;
19
19
  @yz-application-list-ul-h5-margin-top: 0;
20
- @yz-application-list-ul-h5-color: #000;
20
+ @yz-application-list-ul-h5-color: #4ba6ff;
21
21
  @yz-application-list-ul-h5-font-weight: 500;
22
- @yz-application-list-ul-h5-font-size: 14px;
22
+ @yz-application-list-ul-h5-font-size: 16px;
23
23
  @yz-application-list-ul-h5-line-height: 20px;
24
+ @yz-application-list-ul-h5-border-bottom: 1px solid #f0f0f0;
25
+ @yz-application-list-ul-h5-padding: 10px 5px;
24
26
  @yz-application-list-ul-a-display: block;
25
27
  @yz-application-list-ul-a-padding: 0 4px;
26
28
  @yz-application-list-ul-a-overflow: hidden;
27
29
  @yz-application-list-ul-a-color: #000;
28
30
  @yz-application-list-ul-a-font-size: 12px;
29
- @yz-application-list-ul-a-line-height: 25px;
31
+ @yz-application-list-ul-a-line-height: 30px;
30
32
  @yz-application-list-ul-a-white-space: nowrap;
31
33
  @yz-application-list-ul-a-text-overflow: ellipsis;
32
34
  @yz-application-list-ul-a-hover-color: #fff;
33
35
  @yz-application-list-ul-a-hover-bgColor: #4ba6ff;
34
- @yz-application-list-search-margin: 10px;
35
- @yz-application-list-search-padding: 10px;
36
+ @yz-application-list-ul-a-hover-border-radius: 4px;
37
+ @yz-application-list-search-margin: 20px 20px 10px;
36
38
  @yz-application-list-item-h4p-margin: 0;
37
39
  @yz-application-list-item-h4p-overflow: hidden;
38
40
  @yz-application-list-item-h4p-color: #000;
@@ -43,4 +45,4 @@
43
45
  @yz-application-list-item-p-color: #000;
44
46
  @yz-application-list-item-p-line-height: 20px;
45
47
  @yz-application-list-item-li-hover-color: #fff;
46
- @yz-application-list-item-li-hover-bgColor: #2E3E56;
48
+ @yz-application-list-item-li-hover-bgColor: @yz-application-list-ul-a-hover-bgColor;
package/yunzai-widgets/yunzai-notify.component.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare class YunzaiHeaderNotifyComponent implements OnInit, OnDestroy {
8
8
  private readonly nzI18n;
9
9
  private readonly cdr;
10
10
  private readonly http;
11
+ private readonly win;
11
12
  loading: boolean;
12
13
  count: number;
13
14
  subs: Subscription[];
package/yunzai-widgets/yunzai-user.component.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare class YunzaiHeaderUserComponent implements OnInit {
10
10
  private readonly tokenService;
11
11
  private readonly configService;
12
12
  private readonly config;
13
+ private readonly win;
13
14
  icon: string;
14
15
  username: string;
15
16
  menus: UserLink[];