@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@delon/theme",
3
- "version": "21.2.0",
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.2.0",
26
- "@delon/abc": "^21.2.0",
27
- "@delon/form": "^21.2.0",
28
- "@delon/util": "^21.2.0",
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",
@@ -1,5 +1,5 @@
1
- @import '../../../form/src/style/index.less';
2
- @import '../../../acl/src/style/index.less';
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';
@@ -3,4 +3,4 @@
3
3
  @import './system/theme-compact.less';
4
4
  @import './layout-default/style/theme-compact.less';
5
5
  @import './layout-blank/style/theme-compact.less';
6
- @import '../abc/theme-compact.less';
6
+ @import '@delon/abc/theme-compact.less';
package/theme-dark.less CHANGED
@@ -3,4 +3,4 @@
3
3
  @import './system/theme-dark.less';
4
4
  @import './layout-default/style/theme-dark.less';
5
5
  @import './layout-blank/style/theme-dark.less';
6
- @import '../abc/theme-dark.less';
6
+ @import '@delon/abc/theme-dark.less';
@@ -3,4 +3,4 @@
3
3
  @import './system/theme-default.less';
4
4
  @import './layout-default/style/theme-default.less';
5
5
  @import './layout-blank/style/theme-default.less';
6
- @import '../abc/theme-default.less';
6
+ @import '@delon/abc/theme-default.less';
@@ -3,4 +3,4 @@
3
3
  @import './system/theme-variable.less';
4
4
  @import './layout-default/style/theme-variable.less';
5
5
  @import './layout-blank/style/theme-variable.less';
6
- @import '../abc/theme-variable.less';
6
+ @import '@delon/abc/theme-variable.less';
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 24px;
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: 24px;
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
@@ -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';