@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/default.css CHANGED
@@ -18910,7 +18910,7 @@ textarea.ant-mentions {
18910
18910
  }
18911
18911
  .ant-mentions-dropdown {
18912
18912
  position: relative;
18913
- top: 100%;
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: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
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
- top: 100%;
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: 100%;
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
@@ -2,5 +2,4 @@
2
2
  @import './system/index.less';
3
3
  @import './layout-default/style/index.less';
4
4
  @import './layout-blank/style/index.less';
5
- @import '../abc/index.less';
6
- @import '../chart/index.less';
5
+ @import '@delon/abc/index.less';