@delon/theme 21.1.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 +13 -378
- package/compact.min.css +1 -1
- package/dark.css +13 -378
- package/dark.min.css +1 -1
- package/default.css +13 -378
- package/default.less +1 -2
- package/default.min.css +1 -1
- package/fesm2022/layout-default.mjs +30 -26
- package/fesm2022/layout-default.mjs.map +1 -1
- package/fesm2022/setting-drawer.mjs +10 -10
- package/fesm2022/setting-drawer.mjs.map +1 -1
- package/fesm2022/theme-btn.mjs +7 -7
- package/fesm2022/theme-btn.mjs.map +1 -1
- package/fesm2022/theme.mjs +107 -67
- package/fesm2022/theme.mjs.map +1 -1
- package/package.json +8 -7
- 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 +15 -380
- package/variable.less +1 -2
- package/variable.min.css +1 -1
package/default.css
CHANGED
|
@@ -18910,7 +18910,7 @@ textarea.ant-mentions {
|
|
|
18910
18910
|
}
|
|
18911
18911
|
.ant-mentions-dropdown {
|
|
18912
18912
|
position: relative;
|
|
18913
|
-
top:
|
|
18913
|
+
top: 0;
|
|
18914
18914
|
left: 12px;
|
|
18915
18915
|
width: 100%;
|
|
18916
18916
|
margin-top: 8px;
|
|
@@ -22501,7 +22501,7 @@ span.ant-radio + * {
|
|
|
22501
22501
|
background-color: #fff;
|
|
22502
22502
|
border: 1px solid #d9d9d9;
|
|
22503
22503
|
border-radius: 2px;
|
|
22504
|
-
transition:
|
|
22504
|
+
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
22505
22505
|
}
|
|
22506
22506
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
|
|
22507
22507
|
cursor: pointer;
|
|
@@ -23021,7 +23021,8 @@ span.ant-radio + * {
|
|
|
23021
23021
|
direction: rtl;
|
|
23022
23022
|
}
|
|
23023
23023
|
.ant-select-dropdown {
|
|
23024
|
-
|
|
23024
|
+
position: relative;
|
|
23025
|
+
top: 0;
|
|
23025
23026
|
left: 0;
|
|
23026
23027
|
display: block;
|
|
23027
23028
|
width: 100%;
|
|
@@ -29400,6 +29401,11 @@ div.ant-typography-edit-content.ant-typography-rtl {
|
|
|
29400
29401
|
.ant-cascader-dropdown {
|
|
29401
29402
|
padding: 0;
|
|
29402
29403
|
}
|
|
29404
|
+
.ant-cascader-dropdown.ant-select-dropdown {
|
|
29405
|
+
position: relative;
|
|
29406
|
+
top: 0;
|
|
29407
|
+
left: 0;
|
|
29408
|
+
}
|
|
29403
29409
|
.ant-cascader-menus {
|
|
29404
29410
|
position: relative;
|
|
29405
29411
|
margin-top: 2px;
|
|
@@ -30437,7 +30443,7 @@ nz-tree {
|
|
|
30437
30443
|
}
|
|
30438
30444
|
.ant-select-dropdown.ant-select-tree-dropdown {
|
|
30439
30445
|
position: relative;
|
|
30440
|
-
top:
|
|
30446
|
+
top: 0;
|
|
30441
30447
|
left: 0;
|
|
30442
30448
|
width: 100%;
|
|
30443
30449
|
margin-top: 4px;
|
|
@@ -33024,6 +33030,9 @@ fieldset {
|
|
|
33024
33030
|
font-weight: 700;
|
|
33025
33031
|
text-align: left;
|
|
33026
33032
|
}
|
|
33033
|
+
.sf__collapse .sf__collapse-item {
|
|
33034
|
+
display: none !important;
|
|
33035
|
+
}
|
|
33027
33036
|
.sf__object-card .ant-card-body {
|
|
33028
33037
|
padding-left: 0;
|
|
33029
33038
|
}
|
|
@@ -37998,377 +38007,3 @@ ellipsis {
|
|
|
37998
38007
|
.cell__disabled[data-type='link'] > a {
|
|
37999
38008
|
color: rgba(0, 0, 0, 0.85);
|
|
38000
38009
|
}
|
|
38001
|
-
g2-chart,
|
|
38002
|
-
g2-bar,
|
|
38003
|
-
g2-gauge,
|
|
38004
|
-
g2-mini-area,
|
|
38005
|
-
g2-mini-bar,
|
|
38006
|
-
g2-single-bar,
|
|
38007
|
-
g2-tag-cloud,
|
|
38008
|
-
g2-timeline,
|
|
38009
|
-
g2,
|
|
38010
|
-
g2-custom {
|
|
38011
|
-
display: block;
|
|
38012
|
-
}
|
|
38013
|
-
g2-bar,
|
|
38014
|
-
g2-tag-cloud {
|
|
38015
|
-
width: 100%;
|
|
38016
|
-
}
|
|
38017
|
-
.g2-card {
|
|
38018
|
-
position: relative;
|
|
38019
|
-
}
|
|
38020
|
-
.g2-card__top {
|
|
38021
|
-
position: relative;
|
|
38022
|
-
overflow: hidden;
|
|
38023
|
-
width: 100%;
|
|
38024
|
-
}
|
|
38025
|
-
.g2-card__top-margin {
|
|
38026
|
-
margin-bottom: 12px;
|
|
38027
|
-
}
|
|
38028
|
-
.g2-card__top-has-margin {
|
|
38029
|
-
margin-bottom: 20px;
|
|
38030
|
-
}
|
|
38031
|
-
.g2-card__meta {
|
|
38032
|
-
height: 22px;
|
|
38033
|
-
font-size: 14px;
|
|
38034
|
-
line-height: 22px;
|
|
38035
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38036
|
-
}
|
|
38037
|
-
.g2-card__meta-wrap {
|
|
38038
|
-
float: left;
|
|
38039
|
-
}
|
|
38040
|
-
.g2-card__meta-action {
|
|
38041
|
-
cursor: pointer;
|
|
38042
|
-
position: absolute;
|
|
38043
|
-
top: 4px;
|
|
38044
|
-
right: 0;
|
|
38045
|
-
line-height: 1;
|
|
38046
|
-
}
|
|
38047
|
-
.g2-card__avatar {
|
|
38048
|
-
position: relative;
|
|
38049
|
-
top: 4px;
|
|
38050
|
-
float: left;
|
|
38051
|
-
margin-right: 20px;
|
|
38052
|
-
}
|
|
38053
|
-
.g2-card__avatar img {
|
|
38054
|
-
border-radius: 100%;
|
|
38055
|
-
}
|
|
38056
|
-
.g2-card__total {
|
|
38057
|
-
overflow: hidden;
|
|
38058
|
-
height: 38px;
|
|
38059
|
-
margin-top: 4px;
|
|
38060
|
-
margin-bottom: 0;
|
|
38061
|
-
font-size: 30px;
|
|
38062
|
-
line-height: 38px;
|
|
38063
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38064
|
-
text-overflow: ellipsis;
|
|
38065
|
-
word-break: break-all;
|
|
38066
|
-
white-space: nowrap;
|
|
38067
|
-
}
|
|
38068
|
-
.g2-card__desc {
|
|
38069
|
-
width: 100%;
|
|
38070
|
-
margin-bottom: 12px;
|
|
38071
|
-
}
|
|
38072
|
-
.g2-card__footer {
|
|
38073
|
-
margin-top: 8px;
|
|
38074
|
-
padding-top: 9px;
|
|
38075
|
-
border-top: 1px solid #f0f0f0;
|
|
38076
|
-
}
|
|
38077
|
-
.g2-card__footer > * {
|
|
38078
|
-
position: relative;
|
|
38079
|
-
}
|
|
38080
|
-
.g2-mini-progress {
|
|
38081
|
-
position: relative;
|
|
38082
|
-
display: block;
|
|
38083
|
-
width: 100%;
|
|
38084
|
-
padding: 5px 0;
|
|
38085
|
-
}
|
|
38086
|
-
.g2-mini-progress__wrap {
|
|
38087
|
-
position: relative;
|
|
38088
|
-
background-color: #f5f5f5;
|
|
38089
|
-
}
|
|
38090
|
-
.g2-mini-progress__value {
|
|
38091
|
-
width: 0;
|
|
38092
|
-
height: 100%;
|
|
38093
|
-
border-radius: 1px 0 0 1px;
|
|
38094
|
-
background-color: #1890ff;
|
|
38095
|
-
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
|
|
38096
|
-
}
|
|
38097
|
-
.g2-mini-progress__target {
|
|
38098
|
-
position: absolute;
|
|
38099
|
-
top: 0;
|
|
38100
|
-
bottom: 0;
|
|
38101
|
-
}
|
|
38102
|
-
.g2-mini-progress__target-item {
|
|
38103
|
-
position: absolute;
|
|
38104
|
-
top: 0;
|
|
38105
|
-
left: 0;
|
|
38106
|
-
width: 2px;
|
|
38107
|
-
height: 4px;
|
|
38108
|
-
border-radius: 100px;
|
|
38109
|
-
}
|
|
38110
|
-
.g2-mini-progress__target-item:last-child {
|
|
38111
|
-
top: auto;
|
|
38112
|
-
bottom: 0;
|
|
38113
|
-
}
|
|
38114
|
-
.g2-pie {
|
|
38115
|
-
position: relative;
|
|
38116
|
-
display: block;
|
|
38117
|
-
}
|
|
38118
|
-
.g2-pie__chart {
|
|
38119
|
-
position: relative;
|
|
38120
|
-
}
|
|
38121
|
-
.g2-pie__legend {
|
|
38122
|
-
position: absolute;
|
|
38123
|
-
top: 50%;
|
|
38124
|
-
right: 0;
|
|
38125
|
-
transform: translateY(-50%);
|
|
38126
|
-
min-width: 250px;
|
|
38127
|
-
margin: 0 20px;
|
|
38128
|
-
padding: 0;
|
|
38129
|
-
list-style: none;
|
|
38130
|
-
}
|
|
38131
|
-
.g2-pie__legend-item {
|
|
38132
|
-
cursor: pointer;
|
|
38133
|
-
height: 22px;
|
|
38134
|
-
margin-bottom: 16px;
|
|
38135
|
-
line-height: 22px;
|
|
38136
|
-
}
|
|
38137
|
-
.g2-pie__legend-item:last-child {
|
|
38138
|
-
margin-bottom: 0;
|
|
38139
|
-
}
|
|
38140
|
-
.g2-pie__legend-title {
|
|
38141
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38142
|
-
}
|
|
38143
|
-
.g2-pie__legend-dot {
|
|
38144
|
-
position: relative;
|
|
38145
|
-
top: -1px;
|
|
38146
|
-
display: inline-block;
|
|
38147
|
-
width: 8px;
|
|
38148
|
-
height: 8px;
|
|
38149
|
-
margin-right: 8px;
|
|
38150
|
-
border-radius: 8px;
|
|
38151
|
-
}
|
|
38152
|
-
.g2-pie__legend-percent {
|
|
38153
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38154
|
-
}
|
|
38155
|
-
.g2-pie__legend-value {
|
|
38156
|
-
position: absolute;
|
|
38157
|
-
right: 0;
|
|
38158
|
-
}
|
|
38159
|
-
.g2-pie__legend-has .g2-pie__chart {
|
|
38160
|
-
width: calc(100% - 240px);
|
|
38161
|
-
}
|
|
38162
|
-
.g2-pie__legend-block .g2-pie__chart {
|
|
38163
|
-
width: 100%;
|
|
38164
|
-
margin: 0 0 32px;
|
|
38165
|
-
}
|
|
38166
|
-
.g2-pie__legend-block .g2-pie__legend {
|
|
38167
|
-
position: relative;
|
|
38168
|
-
transform: none;
|
|
38169
|
-
min-width: auto;
|
|
38170
|
-
}
|
|
38171
|
-
.g2-pie__total {
|
|
38172
|
-
position: absolute;
|
|
38173
|
-
top: 50%;
|
|
38174
|
-
left: 50%;
|
|
38175
|
-
transform: translate(-50%, -50%);
|
|
38176
|
-
height: 62px;
|
|
38177
|
-
text-align: center;
|
|
38178
|
-
}
|
|
38179
|
-
.g2-pie__total-title {
|
|
38180
|
-
height: 22px;
|
|
38181
|
-
margin-bottom: 8px;
|
|
38182
|
-
font-size: 14px;
|
|
38183
|
-
font-weight: normal;
|
|
38184
|
-
line-height: 22px;
|
|
38185
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38186
|
-
}
|
|
38187
|
-
.g2-pie__total-stat {
|
|
38188
|
-
display: block;
|
|
38189
|
-
height: 32px;
|
|
38190
|
-
font-size: 1.2em;
|
|
38191
|
-
line-height: 32px;
|
|
38192
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38193
|
-
white-space: nowrap;
|
|
38194
|
-
}
|
|
38195
|
-
.g2-pie__mini .g2-pie__total-title {
|
|
38196
|
-
margin-top: 4px;
|
|
38197
|
-
margin-bottom: 0;
|
|
38198
|
-
}
|
|
38199
|
-
.g2-radar {
|
|
38200
|
-
display: block;
|
|
38201
|
-
}
|
|
38202
|
-
.g2-radar__legend {
|
|
38203
|
-
margin-top: 16px;
|
|
38204
|
-
}
|
|
38205
|
-
.g2-radar__legend-item {
|
|
38206
|
-
cursor: pointer;
|
|
38207
|
-
position: relative;
|
|
38208
|
-
line-height: 22px;
|
|
38209
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38210
|
-
text-align: center;
|
|
38211
|
-
}
|
|
38212
|
-
.g2-radar__legend-item::after {
|
|
38213
|
-
content: '';
|
|
38214
|
-
position: absolute;
|
|
38215
|
-
top: 8px;
|
|
38216
|
-
right: 0;
|
|
38217
|
-
width: 1px;
|
|
38218
|
-
height: 40px;
|
|
38219
|
-
background-color: #f0f0f0;
|
|
38220
|
-
}
|
|
38221
|
-
.g2-radar__legend-item:last-child::after {
|
|
38222
|
-
display: none;
|
|
38223
|
-
}
|
|
38224
|
-
.g2-radar__legend-title {
|
|
38225
|
-
margin-top: 4px;
|
|
38226
|
-
margin-bottom: 0;
|
|
38227
|
-
padding-left: 16px;
|
|
38228
|
-
font-size: 24px;
|
|
38229
|
-
line-height: 32px;
|
|
38230
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38231
|
-
}
|
|
38232
|
-
.g2-radar__legend-dot {
|
|
38233
|
-
position: relative;
|
|
38234
|
-
top: -1px;
|
|
38235
|
-
display: inline-block;
|
|
38236
|
-
width: 6px;
|
|
38237
|
-
height: 6px;
|
|
38238
|
-
margin-right: 6px;
|
|
38239
|
-
border-radius: 6px;
|
|
38240
|
-
}
|
|
38241
|
-
.g2-water-wave {
|
|
38242
|
-
position: relative;
|
|
38243
|
-
transform-origin: left;
|
|
38244
|
-
display: inline-block;
|
|
38245
|
-
}
|
|
38246
|
-
.g2-water-wave__desc {
|
|
38247
|
-
position: absolute;
|
|
38248
|
-
top: 32px;
|
|
38249
|
-
left: 0;
|
|
38250
|
-
width: 100%;
|
|
38251
|
-
text-align: center;
|
|
38252
|
-
}
|
|
38253
|
-
.g2-water-wave__desc-title {
|
|
38254
|
-
font-size: 14px;
|
|
38255
|
-
line-height: 22px;
|
|
38256
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38257
|
-
}
|
|
38258
|
-
.g2-water-wave__desc-percent {
|
|
38259
|
-
font-size: 24px;
|
|
38260
|
-
line-height: 32px;
|
|
38261
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38262
|
-
}
|
|
38263
|
-
.g2-water-wave__canvas {
|
|
38264
|
-
transform-origin: 0 0;
|
|
38265
|
-
transform: scale(0.5);
|
|
38266
|
-
}
|
|
38267
|
-
.number-info {
|
|
38268
|
-
display: inline-block;
|
|
38269
|
-
}
|
|
38270
|
-
.number-info__title {
|
|
38271
|
-
margin-bottom: 16px;
|
|
38272
|
-
font-size: 16px;
|
|
38273
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38274
|
-
transition: all 0.3s;
|
|
38275
|
-
}
|
|
38276
|
-
.number-info__title-sub {
|
|
38277
|
-
overflow: hidden;
|
|
38278
|
-
height: 22px;
|
|
38279
|
-
font-size: 14px;
|
|
38280
|
-
line-height: 22px;
|
|
38281
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38282
|
-
text-overflow: ellipsis;
|
|
38283
|
-
word-break: break-all;
|
|
38284
|
-
white-space: nowrap;
|
|
38285
|
-
}
|
|
38286
|
-
.number-info__value {
|
|
38287
|
-
overflow: hidden;
|
|
38288
|
-
margin-top: 4px;
|
|
38289
|
-
font-size: 0;
|
|
38290
|
-
text-overflow: ellipsis;
|
|
38291
|
-
word-break: break-all;
|
|
38292
|
-
white-space: nowrap;
|
|
38293
|
-
}
|
|
38294
|
-
.number-info__value-suffix {
|
|
38295
|
-
margin-left: 4px;
|
|
38296
|
-
font-size: 16px;
|
|
38297
|
-
font-style: normal;
|
|
38298
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38299
|
-
}
|
|
38300
|
-
.number-info__value-text {
|
|
38301
|
-
display: inline-block;
|
|
38302
|
-
height: 32px;
|
|
38303
|
-
font-size: 24px;
|
|
38304
|
-
line-height: 32px;
|
|
38305
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38306
|
-
}
|
|
38307
|
-
.number-info__value-sub {
|
|
38308
|
-
margin-left: 32px;
|
|
38309
|
-
font-size: 16px;
|
|
38310
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38311
|
-
vertical-align: top;
|
|
38312
|
-
}
|
|
38313
|
-
.number-info__value-sub .anticon {
|
|
38314
|
-
transform: scale(0.82);
|
|
38315
|
-
margin-left: 4px;
|
|
38316
|
-
font-size: 12px;
|
|
38317
|
-
}
|
|
38318
|
-
.number-info__value-sub .anticon-caret-up {
|
|
38319
|
-
color: #f5222d;
|
|
38320
|
-
}
|
|
38321
|
-
.number-info__value-sub .anticon-caret-down {
|
|
38322
|
-
color: #52c41a;
|
|
38323
|
-
}
|
|
38324
|
-
.number-info__light .number-info__value-text {
|
|
38325
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38326
|
-
}
|
|
38327
|
-
.number-info:not(:first-child) {
|
|
38328
|
-
position: relative;
|
|
38329
|
-
margin-left: 32px;
|
|
38330
|
-
padding-left: 32px;
|
|
38331
|
-
}
|
|
38332
|
-
.number-info:not(:first-child)::after {
|
|
38333
|
-
content: '';
|
|
38334
|
-
position: absolute;
|
|
38335
|
-
top: 0;
|
|
38336
|
-
bottom: 0;
|
|
38337
|
-
left: 0;
|
|
38338
|
-
width: 1px;
|
|
38339
|
-
margin: 8px 0;
|
|
38340
|
-
background-color: #f0f0f0;
|
|
38341
|
-
}
|
|
38342
|
-
.trend {
|
|
38343
|
-
display: inline-block;
|
|
38344
|
-
font-size: 14px;
|
|
38345
|
-
line-height: 22px;
|
|
38346
|
-
}
|
|
38347
|
-
.trend__up,
|
|
38348
|
-
.trend__down {
|
|
38349
|
-
position: relative;
|
|
38350
|
-
top: 1px;
|
|
38351
|
-
margin-left: 4px;
|
|
38352
|
-
}
|
|
38353
|
-
.trend__up i,
|
|
38354
|
-
.trend__down i {
|
|
38355
|
-
transform: scale(0.83);
|
|
38356
|
-
font-size: 12px;
|
|
38357
|
-
}
|
|
38358
|
-
.trend__up {
|
|
38359
|
-
color: #f5222d;
|
|
38360
|
-
}
|
|
38361
|
-
.trend__down {
|
|
38362
|
-
top: -1px;
|
|
38363
|
-
color: #52c41a;
|
|
38364
|
-
}
|
|
38365
|
-
.trend__grey .trend__up,
|
|
38366
|
-
.trend__grey .trend__down {
|
|
38367
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38368
|
-
}
|
|
38369
|
-
.trend__reverse .trend__up {
|
|
38370
|
-
color: #52c41a;
|
|
38371
|
-
}
|
|
38372
|
-
.trend__reverse .trend__down {
|
|
38373
|
-
color: #f5222d;
|
|
38374
|
-
}
|
package/default.less
CHANGED