@delon/theme 21.2.0 → 21.3.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 +3 -374
- package/compact.min.css +1 -1
- package/dark.css +3 -374
- package/dark.min.css +1 -1
- package/default.css +3 -374
- package/default.less +1 -2
- package/default.min.css +1 -1
- package/fesm2022/layout-default.mjs +5 -1
- package/fesm2022/layout-default.mjs.map +1 -1
- package/fesm2022/theme.mjs +42 -2
- package/fesm2022/theme.mjs.map +1 -1
- package/package.json +5 -5
- package/system/delon/index.less +2 -2
- package/theme-compact.less +1 -1
- package/theme-dark.less +1 -1
- package/theme-default.less +1 -1
- package/theme-variable.less +1 -1
- package/types/theme.d.ts +4 -0
- package/variable.css +5 -376
- package/variable.less +1 -2
- package/variable.min.css +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@delon/theme",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.3.0",
|
|
4
4
|
"author": "cipchk<cipchk@qq.com>",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"ng-zorro-antd": "^21.2.2",
|
|
25
|
-
"@delon/acl": "^21.
|
|
26
|
-
"@delon/abc": "^21.
|
|
27
|
-
"@delon/form": "^21.
|
|
28
|
-
"@delon/util": "^21.
|
|
25
|
+
"@delon/acl": "^21.3.0",
|
|
26
|
+
"@delon/abc": "^21.3.0",
|
|
27
|
+
"@delon/form": "^21.3.0",
|
|
28
|
+
"@delon/util": "^21.3.0",
|
|
29
29
|
"tslib": "^2.3.0"
|
|
30
30
|
},
|
|
31
31
|
"module": "fesm2022/theme.mjs",
|
package/system/delon/index.less
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@import '
|
|
2
|
-
@import '
|
|
1
|
+
@import '@delon/form/src/style/index.less';
|
|
2
|
+
@import '@delon/acl/src/style/index.less';
|
|
3
3
|
@import '../../setting-drawer/style/index.less';
|
|
4
4
|
@import '../../theme-btn/style/index.less';
|
|
5
5
|
@import '../../src/pipes/yn/style/index.less';
|
package/theme-compact.less
CHANGED
package/theme-dark.less
CHANGED
package/theme-default.less
CHANGED
package/theme-variable.less
CHANGED
package/types/theme.d.ts
CHANGED
|
@@ -1441,6 +1441,10 @@ interface SFLocaleData extends LocaleData {
|
|
|
1441
1441
|
addText: string;
|
|
1442
1442
|
removeText: string;
|
|
1443
1443
|
checkAllText: string;
|
|
1444
|
+
/** 展开 */
|
|
1445
|
+
expand: string;
|
|
1446
|
+
/** 收起 */
|
|
1447
|
+
collapse: string;
|
|
1444
1448
|
error: SFErrorLocaleData;
|
|
1445
1449
|
}
|
|
1446
1450
|
interface SFErrorLocaleData extends LocaleData {
|
package/variable.css
CHANGED
|
@@ -19862,7 +19862,7 @@ textarea.ant-mentions {
|
|
|
19862
19862
|
list-style: none;
|
|
19863
19863
|
font-feature-settings: 'tnum';
|
|
19864
19864
|
position: relative;
|
|
19865
|
-
padding: 16px
|
|
19865
|
+
padding: 16px 16px 32px 0 32px;
|
|
19866
19866
|
background-color: #fff;
|
|
19867
19867
|
}
|
|
19868
19868
|
.ant-page-header-ghost {
|
|
@@ -33137,6 +33137,9 @@ fieldset {
|
|
|
33137
33137
|
font-weight: 700;
|
|
33138
33138
|
text-align: left;
|
|
33139
33139
|
}
|
|
33140
|
+
.sf__collapse .sf__collapse-item {
|
|
33141
|
+
display: none !important;
|
|
33142
|
+
}
|
|
33140
33143
|
.sf__object-card .ant-card-body {
|
|
33141
33144
|
padding-left: 0;
|
|
33142
33145
|
}
|
|
@@ -37681,7 +37684,7 @@ ellipsis {
|
|
|
37681
37684
|
}
|
|
37682
37685
|
.page-header {
|
|
37683
37686
|
display: block;
|
|
37684
|
-
padding:
|
|
37687
|
+
padding: 16px 32px 0 32px;
|
|
37685
37688
|
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
|
37686
37689
|
background-color: #fff;
|
|
37687
37690
|
}
|
|
@@ -38111,377 +38114,3 @@ ellipsis {
|
|
|
38111
38114
|
.cell__disabled[data-type='link'] > a {
|
|
38112
38115
|
color: rgba(0, 0, 0, 0.85);
|
|
38113
38116
|
}
|
|
38114
|
-
g2-chart,
|
|
38115
|
-
g2-bar,
|
|
38116
|
-
g2-gauge,
|
|
38117
|
-
g2-mini-area,
|
|
38118
|
-
g2-mini-bar,
|
|
38119
|
-
g2-single-bar,
|
|
38120
|
-
g2-tag-cloud,
|
|
38121
|
-
g2-timeline,
|
|
38122
|
-
g2,
|
|
38123
|
-
g2-custom {
|
|
38124
|
-
display: block;
|
|
38125
|
-
}
|
|
38126
|
-
g2-bar,
|
|
38127
|
-
g2-tag-cloud {
|
|
38128
|
-
width: 100%;
|
|
38129
|
-
}
|
|
38130
|
-
.g2-card {
|
|
38131
|
-
position: relative;
|
|
38132
|
-
}
|
|
38133
|
-
.g2-card__top {
|
|
38134
|
-
position: relative;
|
|
38135
|
-
overflow: hidden;
|
|
38136
|
-
width: 100%;
|
|
38137
|
-
}
|
|
38138
|
-
.g2-card__top-margin {
|
|
38139
|
-
margin-bottom: 12px;
|
|
38140
|
-
}
|
|
38141
|
-
.g2-card__top-has-margin {
|
|
38142
|
-
margin-bottom: 20px;
|
|
38143
|
-
}
|
|
38144
|
-
.g2-card__meta {
|
|
38145
|
-
height: 22px;
|
|
38146
|
-
font-size: 14px;
|
|
38147
|
-
line-height: 22px;
|
|
38148
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38149
|
-
}
|
|
38150
|
-
.g2-card__meta-wrap {
|
|
38151
|
-
float: left;
|
|
38152
|
-
}
|
|
38153
|
-
.g2-card__meta-action {
|
|
38154
|
-
cursor: pointer;
|
|
38155
|
-
position: absolute;
|
|
38156
|
-
top: 4px;
|
|
38157
|
-
right: 0;
|
|
38158
|
-
line-height: 1;
|
|
38159
|
-
}
|
|
38160
|
-
.g2-card__avatar {
|
|
38161
|
-
position: relative;
|
|
38162
|
-
top: 4px;
|
|
38163
|
-
float: left;
|
|
38164
|
-
margin-right: 20px;
|
|
38165
|
-
}
|
|
38166
|
-
.g2-card__avatar img {
|
|
38167
|
-
border-radius: 100%;
|
|
38168
|
-
}
|
|
38169
|
-
.g2-card__total {
|
|
38170
|
-
overflow: hidden;
|
|
38171
|
-
height: 38px;
|
|
38172
|
-
margin-top: 4px;
|
|
38173
|
-
margin-bottom: 0;
|
|
38174
|
-
font-size: 30px;
|
|
38175
|
-
line-height: 38px;
|
|
38176
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38177
|
-
text-overflow: ellipsis;
|
|
38178
|
-
word-break: break-all;
|
|
38179
|
-
white-space: nowrap;
|
|
38180
|
-
}
|
|
38181
|
-
.g2-card__desc {
|
|
38182
|
-
width: 100%;
|
|
38183
|
-
margin-bottom: 12px;
|
|
38184
|
-
}
|
|
38185
|
-
.g2-card__footer {
|
|
38186
|
-
margin-top: 8px;
|
|
38187
|
-
padding-top: 9px;
|
|
38188
|
-
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
|
38189
|
-
}
|
|
38190
|
-
.g2-card__footer > * {
|
|
38191
|
-
position: relative;
|
|
38192
|
-
}
|
|
38193
|
-
.g2-mini-progress {
|
|
38194
|
-
position: relative;
|
|
38195
|
-
display: block;
|
|
38196
|
-
width: 100%;
|
|
38197
|
-
padding: 5px 0;
|
|
38198
|
-
}
|
|
38199
|
-
.g2-mini-progress__wrap {
|
|
38200
|
-
position: relative;
|
|
38201
|
-
background-color: #f5f5f5;
|
|
38202
|
-
}
|
|
38203
|
-
.g2-mini-progress__value {
|
|
38204
|
-
width: 0;
|
|
38205
|
-
height: 100%;
|
|
38206
|
-
border-radius: 1px 0 0 1px;
|
|
38207
|
-
background-color: var(--ant-primary-color);
|
|
38208
|
-
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
|
|
38209
|
-
}
|
|
38210
|
-
.g2-mini-progress__target {
|
|
38211
|
-
position: absolute;
|
|
38212
|
-
top: 0;
|
|
38213
|
-
bottom: 0;
|
|
38214
|
-
}
|
|
38215
|
-
.g2-mini-progress__target-item {
|
|
38216
|
-
position: absolute;
|
|
38217
|
-
top: 0;
|
|
38218
|
-
left: 0;
|
|
38219
|
-
width: 2px;
|
|
38220
|
-
height: 4px;
|
|
38221
|
-
border-radius: 100px;
|
|
38222
|
-
}
|
|
38223
|
-
.g2-mini-progress__target-item:last-child {
|
|
38224
|
-
top: auto;
|
|
38225
|
-
bottom: 0;
|
|
38226
|
-
}
|
|
38227
|
-
.g2-pie {
|
|
38228
|
-
position: relative;
|
|
38229
|
-
display: block;
|
|
38230
|
-
}
|
|
38231
|
-
.g2-pie__chart {
|
|
38232
|
-
position: relative;
|
|
38233
|
-
}
|
|
38234
|
-
.g2-pie__legend {
|
|
38235
|
-
position: absolute;
|
|
38236
|
-
top: 50%;
|
|
38237
|
-
right: 0;
|
|
38238
|
-
transform: translateY(-50%);
|
|
38239
|
-
min-width: 250px;
|
|
38240
|
-
margin: 0 20px;
|
|
38241
|
-
padding: 0;
|
|
38242
|
-
list-style: none;
|
|
38243
|
-
}
|
|
38244
|
-
.g2-pie__legend-item {
|
|
38245
|
-
cursor: pointer;
|
|
38246
|
-
height: 22px;
|
|
38247
|
-
margin-bottom: 16px;
|
|
38248
|
-
line-height: 22px;
|
|
38249
|
-
}
|
|
38250
|
-
.g2-pie__legend-item:last-child {
|
|
38251
|
-
margin-bottom: 0;
|
|
38252
|
-
}
|
|
38253
|
-
.g2-pie__legend-title {
|
|
38254
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38255
|
-
}
|
|
38256
|
-
.g2-pie__legend-dot {
|
|
38257
|
-
position: relative;
|
|
38258
|
-
top: -1px;
|
|
38259
|
-
display: inline-block;
|
|
38260
|
-
width: 8px;
|
|
38261
|
-
height: 8px;
|
|
38262
|
-
margin-right: 8px;
|
|
38263
|
-
border-radius: 8px;
|
|
38264
|
-
}
|
|
38265
|
-
.g2-pie__legend-percent {
|
|
38266
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38267
|
-
}
|
|
38268
|
-
.g2-pie__legend-value {
|
|
38269
|
-
position: absolute;
|
|
38270
|
-
right: 0;
|
|
38271
|
-
}
|
|
38272
|
-
.g2-pie__legend-has .g2-pie__chart {
|
|
38273
|
-
width: calc(100% - 240px);
|
|
38274
|
-
}
|
|
38275
|
-
.g2-pie__legend-block .g2-pie__chart {
|
|
38276
|
-
width: 100%;
|
|
38277
|
-
margin: 0 0 32px;
|
|
38278
|
-
}
|
|
38279
|
-
.g2-pie__legend-block .g2-pie__legend {
|
|
38280
|
-
position: relative;
|
|
38281
|
-
transform: none;
|
|
38282
|
-
min-width: auto;
|
|
38283
|
-
}
|
|
38284
|
-
.g2-pie__total {
|
|
38285
|
-
position: absolute;
|
|
38286
|
-
top: 50%;
|
|
38287
|
-
left: 50%;
|
|
38288
|
-
transform: translate(-50%, -50%);
|
|
38289
|
-
height: 62px;
|
|
38290
|
-
text-align: center;
|
|
38291
|
-
}
|
|
38292
|
-
.g2-pie__total-title {
|
|
38293
|
-
height: 22px;
|
|
38294
|
-
margin-bottom: 8px;
|
|
38295
|
-
font-size: 14px;
|
|
38296
|
-
font-weight: normal;
|
|
38297
|
-
line-height: 22px;
|
|
38298
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38299
|
-
}
|
|
38300
|
-
.g2-pie__total-stat {
|
|
38301
|
-
display: block;
|
|
38302
|
-
height: 32px;
|
|
38303
|
-
font-size: 1.2em;
|
|
38304
|
-
line-height: 32px;
|
|
38305
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38306
|
-
white-space: nowrap;
|
|
38307
|
-
}
|
|
38308
|
-
.g2-pie__mini .g2-pie__total-title {
|
|
38309
|
-
margin-top: 4px;
|
|
38310
|
-
margin-bottom: 0;
|
|
38311
|
-
}
|
|
38312
|
-
.g2-radar {
|
|
38313
|
-
display: block;
|
|
38314
|
-
}
|
|
38315
|
-
.g2-radar__legend {
|
|
38316
|
-
margin-top: 16px;
|
|
38317
|
-
}
|
|
38318
|
-
.g2-radar__legend-item {
|
|
38319
|
-
cursor: pointer;
|
|
38320
|
-
position: relative;
|
|
38321
|
-
line-height: 22px;
|
|
38322
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38323
|
-
text-align: center;
|
|
38324
|
-
}
|
|
38325
|
-
.g2-radar__legend-item::after {
|
|
38326
|
-
content: '';
|
|
38327
|
-
position: absolute;
|
|
38328
|
-
top: 8px;
|
|
38329
|
-
right: 0;
|
|
38330
|
-
width: 1px;
|
|
38331
|
-
height: 40px;
|
|
38332
|
-
background-color: rgba(0, 0, 0, 0.06);
|
|
38333
|
-
}
|
|
38334
|
-
.g2-radar__legend-item:last-child::after {
|
|
38335
|
-
display: none;
|
|
38336
|
-
}
|
|
38337
|
-
.g2-radar__legend-title {
|
|
38338
|
-
margin-top: 4px;
|
|
38339
|
-
margin-bottom: 0;
|
|
38340
|
-
padding-left: 16px;
|
|
38341
|
-
font-size: 24px;
|
|
38342
|
-
line-height: 32px;
|
|
38343
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38344
|
-
}
|
|
38345
|
-
.g2-radar__legend-dot {
|
|
38346
|
-
position: relative;
|
|
38347
|
-
top: -1px;
|
|
38348
|
-
display: inline-block;
|
|
38349
|
-
width: 6px;
|
|
38350
|
-
height: 6px;
|
|
38351
|
-
margin-right: 6px;
|
|
38352
|
-
border-radius: 6px;
|
|
38353
|
-
}
|
|
38354
|
-
.g2-water-wave {
|
|
38355
|
-
position: relative;
|
|
38356
|
-
transform-origin: left;
|
|
38357
|
-
display: inline-block;
|
|
38358
|
-
}
|
|
38359
|
-
.g2-water-wave__desc {
|
|
38360
|
-
position: absolute;
|
|
38361
|
-
top: 32px;
|
|
38362
|
-
left: 0;
|
|
38363
|
-
width: 100%;
|
|
38364
|
-
text-align: center;
|
|
38365
|
-
}
|
|
38366
|
-
.g2-water-wave__desc-title {
|
|
38367
|
-
font-size: 14px;
|
|
38368
|
-
line-height: 22px;
|
|
38369
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38370
|
-
}
|
|
38371
|
-
.g2-water-wave__desc-percent {
|
|
38372
|
-
font-size: 24px;
|
|
38373
|
-
line-height: 32px;
|
|
38374
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38375
|
-
}
|
|
38376
|
-
.g2-water-wave__canvas {
|
|
38377
|
-
transform-origin: 0 0;
|
|
38378
|
-
transform: scale(0.5);
|
|
38379
|
-
}
|
|
38380
|
-
.number-info {
|
|
38381
|
-
display: inline-block;
|
|
38382
|
-
}
|
|
38383
|
-
.number-info__title {
|
|
38384
|
-
margin-bottom: 16px;
|
|
38385
|
-
font-size: 16px;
|
|
38386
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38387
|
-
transition: all 0.3s;
|
|
38388
|
-
}
|
|
38389
|
-
.number-info__title-sub {
|
|
38390
|
-
overflow: hidden;
|
|
38391
|
-
height: 22px;
|
|
38392
|
-
font-size: 14px;
|
|
38393
|
-
line-height: 22px;
|
|
38394
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38395
|
-
text-overflow: ellipsis;
|
|
38396
|
-
word-break: break-all;
|
|
38397
|
-
white-space: nowrap;
|
|
38398
|
-
}
|
|
38399
|
-
.number-info__value {
|
|
38400
|
-
overflow: hidden;
|
|
38401
|
-
margin-top: 4px;
|
|
38402
|
-
font-size: 0;
|
|
38403
|
-
text-overflow: ellipsis;
|
|
38404
|
-
word-break: break-all;
|
|
38405
|
-
white-space: nowrap;
|
|
38406
|
-
}
|
|
38407
|
-
.number-info__value-suffix {
|
|
38408
|
-
margin-left: 4px;
|
|
38409
|
-
font-size: 16px;
|
|
38410
|
-
font-style: normal;
|
|
38411
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38412
|
-
}
|
|
38413
|
-
.number-info__value-text {
|
|
38414
|
-
display: inline-block;
|
|
38415
|
-
height: 32px;
|
|
38416
|
-
font-size: 24px;
|
|
38417
|
-
line-height: 32px;
|
|
38418
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38419
|
-
}
|
|
38420
|
-
.number-info__value-sub {
|
|
38421
|
-
margin-left: 32px;
|
|
38422
|
-
font-size: 16px;
|
|
38423
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38424
|
-
vertical-align: top;
|
|
38425
|
-
}
|
|
38426
|
-
.number-info__value-sub .anticon {
|
|
38427
|
-
transform: scale(0.82);
|
|
38428
|
-
margin-left: 4px;
|
|
38429
|
-
font-size: 12px;
|
|
38430
|
-
}
|
|
38431
|
-
.number-info__value-sub .anticon-caret-up {
|
|
38432
|
-
color: #f5222d;
|
|
38433
|
-
}
|
|
38434
|
-
.number-info__value-sub .anticon-caret-down {
|
|
38435
|
-
color: #52c41a;
|
|
38436
|
-
}
|
|
38437
|
-
.number-info__light .number-info__value-text {
|
|
38438
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38439
|
-
}
|
|
38440
|
-
.number-info:not(:first-child) {
|
|
38441
|
-
position: relative;
|
|
38442
|
-
margin-left: 32px;
|
|
38443
|
-
padding-left: 32px;
|
|
38444
|
-
}
|
|
38445
|
-
.number-info:not(:first-child)::after {
|
|
38446
|
-
content: '';
|
|
38447
|
-
position: absolute;
|
|
38448
|
-
top: 0;
|
|
38449
|
-
bottom: 0;
|
|
38450
|
-
left: 0;
|
|
38451
|
-
width: 1px;
|
|
38452
|
-
margin: 8px 0;
|
|
38453
|
-
background-color: rgba(0, 0, 0, 0.06);
|
|
38454
|
-
}
|
|
38455
|
-
.trend {
|
|
38456
|
-
display: inline-block;
|
|
38457
|
-
font-size: 14px;
|
|
38458
|
-
line-height: 22px;
|
|
38459
|
-
}
|
|
38460
|
-
.trend__up,
|
|
38461
|
-
.trend__down {
|
|
38462
|
-
position: relative;
|
|
38463
|
-
top: 1px;
|
|
38464
|
-
margin-left: 4px;
|
|
38465
|
-
}
|
|
38466
|
-
.trend__up i,
|
|
38467
|
-
.trend__down i {
|
|
38468
|
-
transform: scale(0.83);
|
|
38469
|
-
font-size: 12px;
|
|
38470
|
-
}
|
|
38471
|
-
.trend__up {
|
|
38472
|
-
color: #f5222d;
|
|
38473
|
-
}
|
|
38474
|
-
.trend__down {
|
|
38475
|
-
top: -1px;
|
|
38476
|
-
color: #52c41a;
|
|
38477
|
-
}
|
|
38478
|
-
.trend__grey .trend__up,
|
|
38479
|
-
.trend__grey .trend__down {
|
|
38480
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38481
|
-
}
|
|
38482
|
-
.trend__reverse .trend__up {
|
|
38483
|
-
color: #52c41a;
|
|
38484
|
-
}
|
|
38485
|
-
.trend__reverse .trend__down {
|
|
38486
|
-
color: #f5222d;
|
|
38487
|
-
}
|
package/variable.less
CHANGED