@alauda-fe/dynamic-plugin-shared 0.0.4-alpha.2 → 0.0.4-alpha.20

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 (43) hide show
  1. package/assets/i18n/en.json +17 -0
  2. package/fesm2022/alauda-fe-dynamic-plugin-shared.mjs +2468 -356
  3. package/fesm2022/alauda-fe-dynamic-plugin-shared.mjs.map +1 -1
  4. package/package.json +31 -22
  5. package/styles/mixins.scss +3 -246
  6. package/types/alauda-fe-dynamic-plugin-shared.d.ts +497 -105
  7. package/assets/i18n/en/dynamic-plugin-shared.json +0 -3
  8. package/assets/images/abnormal.svg +0 -1
  9. package/assets/images/dark/403.svg +0 -1
  10. package/assets/images/dark/404.svg +0 -1
  11. package/assets/images/dark/500.svg +0 -1
  12. package/assets/images/dark/disconnected.svg +0 -1
  13. package/assets/images/dark/feature-reach-bg.svg +0 -1
  14. package/assets/images/dark/license-abnormal.svg +0 -1
  15. package/assets/images/dark/network-abnormal.svg +0 -1
  16. package/assets/images/dark/no-data-for-list-or-card.svg +0 -1
  17. package/assets/images/dark/no-data.svg +0 -1
  18. package/assets/images/dark/no-message.svg +0 -1
  19. package/assets/images/dark/no-permission.svg +0 -1
  20. package/assets/images/dark/no_realtime_alarm.svg +0 -1
  21. package/assets/images/dark/not-deployed.svg +0 -1
  22. package/assets/images/dark/not-found.svg +0 -1
  23. package/assets/images/dark/not-supported.svg +0 -1
  24. package/assets/images/dark/system-abnormal.svg +0 -1
  25. package/assets/images/light/403.svg +0 -1
  26. package/assets/images/light/404.svg +0 -1
  27. package/assets/images/light/500.svg +0 -1
  28. package/assets/images/light/disconnected.svg +0 -1
  29. package/assets/images/light/feature-reach-bg.svg +0 -1
  30. package/assets/images/light/license-abnormal.svg +0 -1
  31. package/assets/images/light/network-abnormal.svg +0 -1
  32. package/assets/images/light/no-data-for-list-or-card.svg +0 -1
  33. package/assets/images/light/no-data.svg +0 -1
  34. package/assets/images/light/no-message.svg +0 -1
  35. package/assets/images/light/no-permission.svg +0 -1
  36. package/assets/images/light/no_realtime_alarm.svg +0 -1
  37. package/assets/images/light/not-deployed.svg +0 -1
  38. package/assets/images/light/not-found.svg +0 -1
  39. package/assets/images/light/not-supported.svg +0 -1
  40. package/assets/images/light/system-abnormal.svg +0 -1
  41. package/assets/images/no-data.png +0 -0
  42. package/assets/images/overview-banner.svg +0 -1
  43. package/styles/lib.scss +0 -1
package/package.json CHANGED
@@ -1,33 +1,42 @@
1
1
  {
2
2
  "name": "@alauda-fe/dynamic-plugin-shared",
3
- "version": "0.0.4-alpha.2",
3
+ "version": "0.0.4-alpha.20",
4
4
  "peerDependencies": {
5
- "@alauda/code-editor": "^5.1.0",
6
- "@alauda-fe/dynamic-plugin-sdk": "0.0.1-alpha.21",
7
- "@alauda/ui": "^9.1.2-beta.6",
8
- "@angular/common": "^21.1.1",
9
- "@angular/core": "^21.1.1",
10
- "@angular/animations": "^21.1.1",
11
- "@angular/cdk": "^21.1.1",
12
- "@angular/compiler": "^21.1.1",
13
- "@angular/forms": "^21.1.1",
14
- "@angular/platform-browser": "^21.1.1",
15
- "@angular/platform-browser-dynamic": "^21.1.1",
16
- "@angular/router": "^21.1.1",
5
+ "@alauda/code-editor": "^6.0.1-alpha.3",
6
+ "@alauda-fe/dynamic-plugin-sdk": "^0.0.1-alpha.25",
7
+ "@alauda-fe/dynamic-plugin-sdk-webpack": "^0.0.1-alpha.6",
8
+ "@alauda/ui": "9.1.2-beta.8",
9
+ "@angular/common": "21.1.1",
10
+ "@angular/core": "21.1.1",
11
+ "@angular/animations": "21.1.1",
12
+ "@angular/cdk": "21.1.1",
13
+ "@angular/compiler": "21.1.1",
14
+ "@angular/forms": "21.1.1",
15
+ "@angular/platform-browser": "21.1.1",
16
+ "@angular/platform-browser-dynamic": "21.1.1",
17
+ "@angular/router": "21.1.1",
17
18
  "ab64": "^0.1.1",
18
- "compare-versions": "^6.1.0",
19
+ "bcryptjs": "^2.4.3",
20
+ "compare-versions": "^6.1.1",
19
21
  "cron-parser": "^4.9.0",
20
- "dayjs": "^1.11.9",
22
+ "cronstrue": "^2.50.0",
23
+ "crypto-js": "^4.2.0",
24
+ "dayjs": "^1.11.12",
25
+ "dompurify": "3.0.6",
26
+ "github-markdown-css": "^5.2.0",
21
27
  "lodash-es": "^4.17.21",
22
- "marked": "^7.0.5",
23
- "monaco-editor": "^0.39.0",
24
- "ng-monaco-editor": "^5.1.0",
25
- "ng-resource-form-util": "^6.1.0",
26
- "ramda": "^0.29.0",
27
- "rxjs": "^7.8.1",
28
+ "lottie-web": "^5.12.2",
29
+ "marked": "^14.0.0",
30
+ "monaco-editor": "^0.52.2",
31
+ "monaco-yaml": "^5.4.0",
32
+ "ng-resource-form-util": "^7.0.1",
33
+ "pluralize": "^8.0.0",
34
+ "ramda": "^0.30.1",
35
+ "rfc6902": "^5.1.1",
36
+ "rxjs": "~7.8.0",
28
37
  "ts-md5": "^1.3.1",
29
38
  "yaml": "^2.3.2",
30
- "zone.js": "^0.16.0"
39
+ "zone.js": "0.16.0"
31
40
  },
32
41
  "private": false,
33
42
  "publishConfig": {
@@ -2,252 +2,9 @@
2
2
  @use 'node_modules/@alauda/ui/theme/var' as *;
3
3
  @use 'node_modules/@alauda/ui/theme/mixin' as *;
4
4
  @use 'node_modules/@alauda/ui/theme/pattern' as *;
5
- @use 'libs/dynamic-plugin-sdk/styles/mixins' as *;
5
+ @use 'node_modules/@alauda-fe/dynamic-plugin-sdk/styles/mixins' as *;
6
6
  @use './var' as shared-var;
7
7
 
8
- @mixin array-form-table {
9
- .acl-array-form-table {
10
- flex: 1;
11
- width: 100%;
12
- border-spacing: 0;
13
- border: 12px solid use-rgb(n-9);
14
- border-radius: use-var(border-radius-l);
15
- border-collapse: unset;
16
-
17
- thead {
18
- background-color: use-rgb(n-9);
19
-
20
- th,
21
- td {
22
- line-height: 20px;
23
- color: use-rgb(n-1);
24
- text-align: left;
25
- font-weight: 500;
26
- padding: 0 0 12px 8px;
27
-
28
- &[required]:before {
29
- content: '*';
30
- color: use-rgb(red);
31
- margin-right: 4px;
32
- }
33
- }
34
- }
35
-
36
- tbody {
37
- > tr {
38
- background-color: use-rgb(n-10);
39
- border-radius: 2px;
40
-
41
- &:first-child {
42
- > td {
43
- border-top: unset;
44
- }
45
- }
46
- }
47
-
48
- td {
49
- padding: 8px 0 8px 8px;
50
- vertical-align: middle;
51
-
52
- &:last-child {
53
- padding: 8px;
54
- }
55
- }
56
- }
57
-
58
- tr.acl-array-form-table__row-error:not(
59
- :has(+ .acl-array-form-table__row-error:empty)
60
- ) {
61
- background-color: rgb(var(--aui-color-r-6));
62
- }
63
-
64
- tr.acl-array-form-table--row-action {
65
- td {
66
- padding: unset;
67
- border-bottom: unset;
68
- padding-bottom: unset;
69
- border-top: 8px solid use-rgb(n-9);
70
- }
71
- }
72
-
73
- tr.acl-array-form-table__separator {
74
- td {
75
- padding: 0;
76
- background-color: use-rgb(n-9);
77
- }
78
- }
79
-
80
- th.acl-array-form-table__action-col {
81
- min-width: 48px;
82
- }
83
-
84
- /* We have a convention here that the last column is the action column */
85
- td.acl-array-form-table__action-col {
86
- padding: 8px;
87
- text-align: center;
88
- white-space: nowrap;
89
- vertical-align: middle;
90
- width: 24px;
91
-
92
- .aui-button--text.isPlain {
93
- font-size: 16px;
94
- }
95
-
96
- /* customized style */
97
- .action-col__vertical {
98
- display: flex;
99
- flex-direction: column;
100
- align-items: center;
101
- justify-content: center;
102
- }
103
- }
104
-
105
- /* customized style */
106
- tbody td.acl-table-form-error-hint {
107
- // 上一行 padding-bottom 为 8px,这里我们希望错误内容与控件间距为 4px
108
- margin-top: -4px;
109
- border-top: none;
110
- padding-top: 0;
111
- color: use-rgb(red);
112
- font-size: 12px;
113
-
114
- acl-errors-mapper .acl-error-hint {
115
- margin-top: 0;
116
- }
117
- }
118
-
119
- &__bottom-control-buttons {
120
- display: flex;
121
- width: 100%;
122
- background-color: use-rgb(n-9);
123
-
124
- .aui-button {
125
- flex: 1;
126
-
127
- &--default {
128
- color: use-text-color(secondary);
129
- }
130
-
131
- &:not([disabled]) {
132
- background-color: use-rgb(n-10);
133
-
134
- &:hover {
135
- background-color: use-rgb(p-6);
136
- }
137
-
138
- &:active {
139
- background-color: use-rgb(p-5);
140
- }
141
- }
142
-
143
- &.aui-button--primary.isPlain[disabled] {
144
- background-color: use-rgb(n-8);
145
- color: use-rgb(n-6);
146
- }
147
-
148
- border-style: unset;
149
- font-size: 14px;
150
- height: 28px;
151
- border-radius: 2px;
152
-
153
- aui-icon {
154
- font-size: 16px;
155
- }
156
- }
157
- }
158
-
159
- &__readonly-mode {
160
- border-radius: use-var(border-radius-l);
161
- border-collapse: separate;
162
-
163
- th,
164
- td {
165
- .aui-checkbox {
166
- margin: unset;
167
- }
168
- }
169
-
170
- thead {
171
- tr {
172
- th,
173
- td {
174
- padding: 0 10px 12px;
175
- border-top: none;
176
-
177
- &:first-child {
178
- padding-left: 20px;
179
- }
180
-
181
- &:last-child {
182
- padding-right: 20px;
183
- }
184
- }
185
- }
186
- }
187
-
188
- tbody {
189
- tr {
190
- height: 58px;
191
-
192
- td {
193
- padding: 15px 10px;
194
- border: 1px solid use-rgb(n-8);
195
- border-bottom-width: 0;
196
-
197
- &:not(:last-child) {
198
- border-right: none;
199
- }
200
-
201
- &:not(:first-child) {
202
- border-left: none;
203
- }
204
-
205
- &:first-child {
206
- padding-left: 19px;
207
- }
208
-
209
- &:last-child {
210
- padding: 15px 19px 15px 10px;
211
- }
212
- }
213
- }
214
-
215
- tr:last-child {
216
- td {
217
- border-bottom-width: 1px;
218
- }
219
-
220
- td:first-child {
221
- border-bottom-left-radius: use-var(border-radius-l);
222
- }
223
-
224
- td:last-child {
225
- border-bottom-right-radius: use-var(border-radius-l);
226
- }
227
- }
228
-
229
- tr:first-child {
230
- td {
231
- border-top: 1px solid use-rgb(n-8);
232
- }
233
-
234
- td:first-child {
235
- border-top-left-radius: use-var(border-radius-l);
236
- }
237
-
238
- td:last-child {
239
- border-top-right-radius: use-var(border-radius-l);
240
- }
241
- }
242
- }
243
- }
244
-
245
- &__action-col-divider {
246
- border-left: 1px solid use-rgb(n-8);
247
- }
248
- }
249
- }
250
-
251
8
  @mixin detail-page-fullheight($gap: 0) {
252
9
  display: block;
253
10
  height: calc(
@@ -269,8 +26,8 @@
269
26
  // 通用创建/更新页,撑屏内容高度
270
27
  @mixin create-page-fullheight__card($hasSample: false) {
271
28
  $height: calc(
272
- 100vh - (#{shared-var.$page-top}) - #{20px + 32px + 16px + 1px + 16px + 20px +
273
- 20px + shared-var.$fixed-form-footer-height}
29
+ 100vh - (#{shared-var.$page-top}) - #{20px + 32px + 16px + 1px + 16px +
30
+ 20px + 20px + shared-var.$fixed-form-footer-height}
274
31
  );
275
32
  @if $hasSample == true {
276
33
  $height: calc(