@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@delon/theme",
3
- "version": "21.1.0",
3
+ "version": "21.3.0",
4
4
  "author": "cipchk<cipchk@qq.com>",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -21,11 +21,11 @@
21
21
  "component"
22
22
  ],
23
23
  "dependencies": {
24
- "ng-zorro-antd": "^21.2.0",
25
- "@delon/acl": "^21.1.0",
26
- "@delon/abc": "^21.1.0",
27
- "@delon/form": "^21.1.0",
28
- "@delon/util": "^21.1.0",
24
+ "ng-zorro-antd": "^21.2.2",
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",
@@ -55,5 +55,6 @@
55
55
  "default": "./fesm2022/theme-btn.mjs"
56
56
  }
57
57
  },
58
- "sideEffects": false
58
+ "sideEffects": false,
59
+ "type": "module"
59
60
  }
@@ -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
@@ -19017,7 +19017,7 @@ textarea.ant-mentions {
19017
19017
  }
19018
19018
  .ant-mentions-dropdown {
19019
19019
  position: relative;
19020
- top: 100%;
19020
+ top: 0;
19021
19021
  left: 12px;
19022
19022
  width: 100%;
19023
19023
  margin-top: 8px;
@@ -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 {
@@ -22608,7 +22608,7 @@ span.ant-radio + * {
22608
22608
  background-color: #fff;
22609
22609
  border: 1px solid #d9d9d9;
22610
22610
  border-radius: 2px;
22611
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
22611
+ 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);
22612
22612
  }
22613
22613
  .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
22614
22614
  cursor: pointer;
@@ -23128,7 +23128,8 @@ span.ant-radio + * {
23128
23128
  direction: rtl;
23129
23129
  }
23130
23130
  .ant-select-dropdown {
23131
- top: 100%;
23131
+ position: relative;
23132
+ top: 0;
23132
23133
  left: 0;
23133
23134
  display: block;
23134
23135
  width: 100%;
@@ -29507,6 +29508,11 @@ div.ant-typography-edit-content.ant-typography-rtl {
29507
29508
  .ant-cascader-dropdown {
29508
29509
  padding: 0;
29509
29510
  }
29511
+ .ant-cascader-dropdown.ant-select-dropdown {
29512
+ position: relative;
29513
+ top: 0;
29514
+ left: 0;
29515
+ }
29510
29516
  .ant-cascader-menus {
29511
29517
  position: relative;
29512
29518
  margin-top: 2px;
@@ -30544,7 +30550,7 @@ nz-tree {
30544
30550
  }
30545
30551
  .ant-select-dropdown.ant-select-tree-dropdown {
30546
30552
  position: relative;
30547
- top: 100%;
30553
+ top: 0;
30548
30554
  left: 0;
30549
30555
  width: 100%;
30550
30556
  margin-top: 4px;
@@ -33131,6 +33137,9 @@ fieldset {
33131
33137
  font-weight: 700;
33132
33138
  text-align: left;
33133
33139
  }
33140
+ .sf__collapse .sf__collapse-item {
33141
+ display: none !important;
33142
+ }
33134
33143
  .sf__object-card .ant-card-body {
33135
33144
  padding-left: 0;
33136
33145
  }
@@ -37675,7 +37684,7 @@ ellipsis {
37675
37684
  }
37676
37685
  .page-header {
37677
37686
  display: block;
37678
- padding: 24px;
37687
+ padding: 16px 32px 0 32px;
37679
37688
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
37680
37689
  background-color: #fff;
37681
37690
  }
@@ -38105,377 +38114,3 @@ ellipsis {
38105
38114
  .cell__disabled[data-type='link'] > a {
38106
38115
  color: rgba(0, 0, 0, 0.85);
38107
38116
  }
38108
- g2-chart,
38109
- g2-bar,
38110
- g2-gauge,
38111
- g2-mini-area,
38112
- g2-mini-bar,
38113
- g2-single-bar,
38114
- g2-tag-cloud,
38115
- g2-timeline,
38116
- g2,
38117
- g2-custom {
38118
- display: block;
38119
- }
38120
- g2-bar,
38121
- g2-tag-cloud {
38122
- width: 100%;
38123
- }
38124
- .g2-card {
38125
- position: relative;
38126
- }
38127
- .g2-card__top {
38128
- position: relative;
38129
- overflow: hidden;
38130
- width: 100%;
38131
- }
38132
- .g2-card__top-margin {
38133
- margin-bottom: 12px;
38134
- }
38135
- .g2-card__top-has-margin {
38136
- margin-bottom: 20px;
38137
- }
38138
- .g2-card__meta {
38139
- height: 22px;
38140
- font-size: 14px;
38141
- line-height: 22px;
38142
- color: rgba(0, 0, 0, 0.45);
38143
- }
38144
- .g2-card__meta-wrap {
38145
- float: left;
38146
- }
38147
- .g2-card__meta-action {
38148
- cursor: pointer;
38149
- position: absolute;
38150
- top: 4px;
38151
- right: 0;
38152
- line-height: 1;
38153
- }
38154
- .g2-card__avatar {
38155
- position: relative;
38156
- top: 4px;
38157
- float: left;
38158
- margin-right: 20px;
38159
- }
38160
- .g2-card__avatar img {
38161
- border-radius: 100%;
38162
- }
38163
- .g2-card__total {
38164
- overflow: hidden;
38165
- height: 38px;
38166
- margin-top: 4px;
38167
- margin-bottom: 0;
38168
- font-size: 30px;
38169
- line-height: 38px;
38170
- color: rgba(0, 0, 0, 0.85);
38171
- text-overflow: ellipsis;
38172
- word-break: break-all;
38173
- white-space: nowrap;
38174
- }
38175
- .g2-card__desc {
38176
- width: 100%;
38177
- margin-bottom: 12px;
38178
- }
38179
- .g2-card__footer {
38180
- margin-top: 8px;
38181
- padding-top: 9px;
38182
- border-top: 1px solid rgba(0, 0, 0, 0.06);
38183
- }
38184
- .g2-card__footer > * {
38185
- position: relative;
38186
- }
38187
- .g2-mini-progress {
38188
- position: relative;
38189
- display: block;
38190
- width: 100%;
38191
- padding: 5px 0;
38192
- }
38193
- .g2-mini-progress__wrap {
38194
- position: relative;
38195
- background-color: #f5f5f5;
38196
- }
38197
- .g2-mini-progress__value {
38198
- width: 0;
38199
- height: 100%;
38200
- border-radius: 1px 0 0 1px;
38201
- background-color: var(--ant-primary-color);
38202
- transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
38203
- }
38204
- .g2-mini-progress__target {
38205
- position: absolute;
38206
- top: 0;
38207
- bottom: 0;
38208
- }
38209
- .g2-mini-progress__target-item {
38210
- position: absolute;
38211
- top: 0;
38212
- left: 0;
38213
- width: 2px;
38214
- height: 4px;
38215
- border-radius: 100px;
38216
- }
38217
- .g2-mini-progress__target-item:last-child {
38218
- top: auto;
38219
- bottom: 0;
38220
- }
38221
- .g2-pie {
38222
- position: relative;
38223
- display: block;
38224
- }
38225
- .g2-pie__chart {
38226
- position: relative;
38227
- }
38228
- .g2-pie__legend {
38229
- position: absolute;
38230
- top: 50%;
38231
- right: 0;
38232
- transform: translateY(-50%);
38233
- min-width: 250px;
38234
- margin: 0 20px;
38235
- padding: 0;
38236
- list-style: none;
38237
- }
38238
- .g2-pie__legend-item {
38239
- cursor: pointer;
38240
- height: 22px;
38241
- margin-bottom: 16px;
38242
- line-height: 22px;
38243
- }
38244
- .g2-pie__legend-item:last-child {
38245
- margin-bottom: 0;
38246
- }
38247
- .g2-pie__legend-title {
38248
- color: rgba(0, 0, 0, 0.85);
38249
- }
38250
- .g2-pie__legend-dot {
38251
- position: relative;
38252
- top: -1px;
38253
- display: inline-block;
38254
- width: 8px;
38255
- height: 8px;
38256
- margin-right: 8px;
38257
- border-radius: 8px;
38258
- }
38259
- .g2-pie__legend-percent {
38260
- color: rgba(0, 0, 0, 0.45);
38261
- }
38262
- .g2-pie__legend-value {
38263
- position: absolute;
38264
- right: 0;
38265
- }
38266
- .g2-pie__legend-has .g2-pie__chart {
38267
- width: calc(100% - 240px);
38268
- }
38269
- .g2-pie__legend-block .g2-pie__chart {
38270
- width: 100%;
38271
- margin: 0 0 32px;
38272
- }
38273
- .g2-pie__legend-block .g2-pie__legend {
38274
- position: relative;
38275
- transform: none;
38276
- min-width: auto;
38277
- }
38278
- .g2-pie__total {
38279
- position: absolute;
38280
- top: 50%;
38281
- left: 50%;
38282
- transform: translate(-50%, -50%);
38283
- height: 62px;
38284
- text-align: center;
38285
- }
38286
- .g2-pie__total-title {
38287
- height: 22px;
38288
- margin-bottom: 8px;
38289
- font-size: 14px;
38290
- font-weight: normal;
38291
- line-height: 22px;
38292
- color: rgba(0, 0, 0, 0.45);
38293
- }
38294
- .g2-pie__total-stat {
38295
- display: block;
38296
- height: 32px;
38297
- font-size: 1.2em;
38298
- line-height: 32px;
38299
- color: rgba(0, 0, 0, 0.85);
38300
- white-space: nowrap;
38301
- }
38302
- .g2-pie__mini .g2-pie__total-title {
38303
- margin-top: 4px;
38304
- margin-bottom: 0;
38305
- }
38306
- .g2-radar {
38307
- display: block;
38308
- }
38309
- .g2-radar__legend {
38310
- margin-top: 16px;
38311
- }
38312
- .g2-radar__legend-item {
38313
- cursor: pointer;
38314
- position: relative;
38315
- line-height: 22px;
38316
- color: rgba(0, 0, 0, 0.45);
38317
- text-align: center;
38318
- }
38319
- .g2-radar__legend-item::after {
38320
- content: '';
38321
- position: absolute;
38322
- top: 8px;
38323
- right: 0;
38324
- width: 1px;
38325
- height: 40px;
38326
- background-color: rgba(0, 0, 0, 0.06);
38327
- }
38328
- .g2-radar__legend-item:last-child::after {
38329
- display: none;
38330
- }
38331
- .g2-radar__legend-title {
38332
- margin-top: 4px;
38333
- margin-bottom: 0;
38334
- padding-left: 16px;
38335
- font-size: 24px;
38336
- line-height: 32px;
38337
- color: rgba(0, 0, 0, 0.85);
38338
- }
38339
- .g2-radar__legend-dot {
38340
- position: relative;
38341
- top: -1px;
38342
- display: inline-block;
38343
- width: 6px;
38344
- height: 6px;
38345
- margin-right: 6px;
38346
- border-radius: 6px;
38347
- }
38348
- .g2-water-wave {
38349
- position: relative;
38350
- transform-origin: left;
38351
- display: inline-block;
38352
- }
38353
- .g2-water-wave__desc {
38354
- position: absolute;
38355
- top: 32px;
38356
- left: 0;
38357
- width: 100%;
38358
- text-align: center;
38359
- }
38360
- .g2-water-wave__desc-title {
38361
- font-size: 14px;
38362
- line-height: 22px;
38363
- color: rgba(0, 0, 0, 0.45);
38364
- }
38365
- .g2-water-wave__desc-percent {
38366
- font-size: 24px;
38367
- line-height: 32px;
38368
- color: rgba(0, 0, 0, 0.85);
38369
- }
38370
- .g2-water-wave__canvas {
38371
- transform-origin: 0 0;
38372
- transform: scale(0.5);
38373
- }
38374
- .number-info {
38375
- display: inline-block;
38376
- }
38377
- .number-info__title {
38378
- margin-bottom: 16px;
38379
- font-size: 16px;
38380
- color: rgba(0, 0, 0, 0.85);
38381
- transition: all 0.3s;
38382
- }
38383
- .number-info__title-sub {
38384
- overflow: hidden;
38385
- height: 22px;
38386
- font-size: 14px;
38387
- line-height: 22px;
38388
- color: rgba(0, 0, 0, 0.45);
38389
- text-overflow: ellipsis;
38390
- word-break: break-all;
38391
- white-space: nowrap;
38392
- }
38393
- .number-info__value {
38394
- overflow: hidden;
38395
- margin-top: 4px;
38396
- font-size: 0;
38397
- text-overflow: ellipsis;
38398
- word-break: break-all;
38399
- white-space: nowrap;
38400
- }
38401
- .number-info__value-suffix {
38402
- margin-left: 4px;
38403
- font-size: 16px;
38404
- font-style: normal;
38405
- color: rgba(0, 0, 0, 0.85);
38406
- }
38407
- .number-info__value-text {
38408
- display: inline-block;
38409
- height: 32px;
38410
- font-size: 24px;
38411
- line-height: 32px;
38412
- color: rgba(0, 0, 0, 0.85);
38413
- }
38414
- .number-info__value-sub {
38415
- margin-left: 32px;
38416
- font-size: 16px;
38417
- color: rgba(0, 0, 0, 0.45);
38418
- vertical-align: top;
38419
- }
38420
- .number-info__value-sub .anticon {
38421
- transform: scale(0.82);
38422
- margin-left: 4px;
38423
- font-size: 12px;
38424
- }
38425
- .number-info__value-sub .anticon-caret-up {
38426
- color: #f5222d;
38427
- }
38428
- .number-info__value-sub .anticon-caret-down {
38429
- color: #52c41a;
38430
- }
38431
- .number-info__light .number-info__value-text {
38432
- color: rgba(0, 0, 0, 0.85);
38433
- }
38434
- .number-info:not(:first-child) {
38435
- position: relative;
38436
- margin-left: 32px;
38437
- padding-left: 32px;
38438
- }
38439
- .number-info:not(:first-child)::after {
38440
- content: '';
38441
- position: absolute;
38442
- top: 0;
38443
- bottom: 0;
38444
- left: 0;
38445
- width: 1px;
38446
- margin: 8px 0;
38447
- background-color: rgba(0, 0, 0, 0.06);
38448
- }
38449
- .trend {
38450
- display: inline-block;
38451
- font-size: 14px;
38452
- line-height: 22px;
38453
- }
38454
- .trend__up,
38455
- .trend__down {
38456
- position: relative;
38457
- top: 1px;
38458
- margin-left: 4px;
38459
- }
38460
- .trend__up i,
38461
- .trend__down i {
38462
- transform: scale(0.83);
38463
- font-size: 12px;
38464
- }
38465
- .trend__up {
38466
- color: #f5222d;
38467
- }
38468
- .trend__down {
38469
- top: -1px;
38470
- color: #52c41a;
38471
- }
38472
- .trend__grey .trend__up,
38473
- .trend__grey .trend__down {
38474
- color: rgba(0, 0, 0, 0.85);
38475
- }
38476
- .trend__reverse .trend__up {
38477
- color: #52c41a;
38478
- }
38479
- .trend__reverse .trend__down {
38480
- color: #f5222d;
38481
- }
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';