@delon/theme 14.2.0 → 15.0.0-beta.1

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.
Files changed (81) hide show
  1. package/compact.css +176 -11
  2. package/compact.min.css +1 -1
  3. package/dark.css +176 -11
  4. package/dark.min.css +1 -1
  5. package/default.css +176 -11
  6. package/default.min.css +1 -1
  7. package/esm2020/layout-default/layout-header-item-trigger.directive.mjs +4 -4
  8. package/esm2020/layout-default/layout-header-item.component.mjs +4 -4
  9. package/esm2020/layout-default/layout-header.component.mjs +33 -33
  10. package/esm2020/layout-default/layout-nav.component.mjs +6 -5
  11. package/esm2020/layout-default/layout-top-menu-item.mjs +39 -0
  12. package/esm2020/layout-default/layout.component.mjs +66 -35
  13. package/esm2020/layout-default/layout.module.mjs +12 -8
  14. package/esm2020/layout-default/layout.service.mjs +65 -0
  15. package/esm2020/layout-default/public_api.mjs +3 -1
  16. package/esm2020/layout-default/types.mjs +1 -1
  17. package/esm2020/setting-drawer/setting-drawer-item.component.mjs +4 -4
  18. package/esm2020/setting-drawer/setting-drawer.component.mjs +5 -5
  19. package/esm2020/setting-drawer/setting-drawer.module.mjs +5 -5
  20. package/esm2020/src/locale/locale.module.mjs +5 -5
  21. package/esm2020/src/locale/locale.service.mjs +4 -4
  22. package/esm2020/src/pipes/date/date.pipe.mjs +4 -4
  23. package/esm2020/src/pipes/keys/keys.pipe.mjs +4 -4
  24. package/esm2020/src/pipes/safe/html.pipe.mjs +4 -4
  25. package/esm2020/src/pipes/safe/url.pipe.mjs +4 -4
  26. package/esm2020/src/pipes/yn/yn.pipe.mjs +4 -4
  27. package/esm2020/src/services/drawer/drawer.helper.mjs +4 -4
  28. package/esm2020/src/services/http/http.client.mjs +4 -4
  29. package/esm2020/src/services/http/http.decorator.mjs +4 -4
  30. package/esm2020/src/services/i18n/i18n-url.guard.mjs +4 -4
  31. package/esm2020/src/services/i18n/i18n.mjs +7 -7
  32. package/esm2020/src/services/i18n/i18n.pipe.mjs +4 -4
  33. package/esm2020/src/services/menu/menu.service.mjs +4 -51
  34. package/esm2020/src/services/modal/modal.helper.mjs +4 -4
  35. package/esm2020/src/services/responsive/responsive.mjs +4 -4
  36. package/esm2020/src/services/rtl/rtl.service.mjs +4 -4
  37. package/esm2020/src/services/settings/settings.service.mjs +4 -4
  38. package/esm2020/src/services/title/title.service.mjs +4 -4
  39. package/esm2020/src/theme.module.mjs +5 -5
  40. package/esm2020/src/version.mjs +1 -1
  41. package/esm2020/theme-btn/theme-btn.component.mjs +4 -4
  42. package/esm2020/theme-btn/theme-btn.module.mjs +5 -5
  43. package/fesm2015/layout-default.mjs +206 -75
  44. package/fesm2015/layout-default.mjs.map +1 -1
  45. package/fesm2015/setting-drawer.mjs +11 -11
  46. package/fesm2015/setting-drawer.mjs.map +1 -1
  47. package/fesm2015/theme-btn.mjs +7 -7
  48. package/fesm2015/theme-btn.mjs.map +1 -1
  49. package/fesm2015/theme.mjs +66 -113
  50. package/fesm2015/theme.mjs.map +1 -1
  51. package/fesm2020/layout-default.mjs +209 -81
  52. package/fesm2020/layout-default.mjs.map +1 -1
  53. package/fesm2020/setting-drawer.mjs +11 -11
  54. package/fesm2020/setting-drawer.mjs.map +1 -1
  55. package/fesm2020/theme-btn.mjs +7 -7
  56. package/fesm2020/theme-btn.mjs.map +1 -1
  57. package/fesm2020/theme.mjs +66 -113
  58. package/fesm2020/theme.mjs.map +1 -1
  59. package/layout-default/layout-header-item-trigger.directive.d.ts +1 -1
  60. package/layout-default/layout-header-item.component.d.ts +1 -1
  61. package/layout-default/layout-header.component.d.ts +5 -3
  62. package/layout-default/layout-nav.component.d.ts +1 -1
  63. package/layout-default/layout-top-menu-item.d.ts +10 -0
  64. package/layout-default/layout.component.d.ts +12 -6
  65. package/layout-default/layout.module.d.ts +10 -9
  66. package/layout-default/layout.service.d.ts +28 -0
  67. package/layout-default/public_api.d.ts +2 -0
  68. package/layout-default/style/_aside.less +18 -1
  69. package/layout-default/style/_fixed.less +4 -0
  70. package/layout-default/style/_header.less +23 -1
  71. package/layout-default/style/_layout.less +6 -0
  72. package/layout-default/style/fix/_reuse-tab.less +6 -0
  73. package/layout-default/style/fix/_sidebar-nav.less +1 -1
  74. package/layout-default/style/theme-compact.less +2 -0
  75. package/layout-default/style/theme-default.less +4 -1
  76. package/layout-default/types.d.ts +18 -0
  77. package/package.json +4 -4
  78. package/setting-drawer/setting-drawer-item.component.d.ts +1 -1
  79. package/setting-drawer/setting-drawer.component.d.ts +1 -1
  80. package/src/services/menu/menu.service.d.ts +0 -12
  81. package/theme-btn/theme-btn.component.d.ts +1 -1
package/default.css CHANGED
@@ -1875,6 +1875,9 @@ nz-affix {
1875
1875
  nz-alert {
1876
1876
  display: block;
1877
1877
  }
1878
+ .ant-alert-icon {
1879
+ line-height: 1;
1880
+ }
1878
1881
  .ant-anchor {
1879
1882
  box-sizing: border-box;
1880
1883
  margin: 0;
@@ -6863,6 +6866,9 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
6863
6866
  .ant-picker-panel-container.ant-picker-week-number .ant-picker-date-panel .ant-picker-content th {
6864
6867
  width: inherit;
6865
6868
  }
6869
+ .ant-picker-range-arrow {
6870
+ margin-right: 16.5px;
6871
+ }
6866
6872
  .ant-descriptions-header {
6867
6873
  display: flex;
6868
6874
  align-items: center;
@@ -13927,6 +13933,10 @@ nz-form-item-feedback-icon.ant-input-suffix {
13927
13933
  .ant-input-status-success.ant-input-has-feedback {
13928
13934
  padding-right: 28px;
13929
13935
  }
13936
+ .ant-input-textarea-show-count {
13937
+ display: block;
13938
+ position: relative;
13939
+ }
13930
13940
  .ant-input-number-affix-wrapper {
13931
13941
  display: inline-block;
13932
13942
  width: 100%;
@@ -27536,6 +27546,111 @@ nz-space-item {
27536
27546
  .cdk-overlay-backdrop.ant-image-preview-mask {
27537
27547
  opacity: 1;
27538
27548
  }
27549
+ .ant-cron-expression {
27550
+ display: flex;
27551
+ flex-wrap: nowrap;
27552
+ }
27553
+ .ant-cron-expression-content {
27554
+ width: 100%;
27555
+ }
27556
+ .ant-cron-expression-content .ant-cron-expression-input-group-error {
27557
+ border-color: #ff4d4f;
27558
+ box-shadow: none;
27559
+ }
27560
+ .ant-cron-expression-content .ant-cron-expression-input-group-error-focus {
27561
+ box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
27562
+ }
27563
+ .ant-cron-expression nz-cron-expression-input {
27564
+ width: 20%;
27565
+ }
27566
+ .ant-cron-expression-input-group {
27567
+ display: flex;
27568
+ flex-wrap: nowrap;
27569
+ align-items: center;
27570
+ }
27571
+ .ant-cron-expression-input-group input {
27572
+ border: none !important;
27573
+ box-shadow: none !important;
27574
+ width: 100%;
27575
+ outline: none;
27576
+ padding: 0;
27577
+ border-radius: 0;
27578
+ }
27579
+ .ant-cron-expression-input-group-focus {
27580
+ border-color: #1890ff;
27581
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
27582
+ outline: 0;
27583
+ }
27584
+ .ant-cron-expression nz-cron-expression-label {
27585
+ width: 20%;
27586
+ }
27587
+ .ant-cron-expression-label-group {
27588
+ display: flex;
27589
+ width: 100%;
27590
+ flex-wrap: nowrap;
27591
+ justify-content: space-around;
27592
+ padding-top: 0 !important;
27593
+ padding-bottom: 0 !important;
27594
+ }
27595
+ .ant-cron-expression-label-group-default {
27596
+ padding: 0 12px;
27597
+ }
27598
+ .ant-cron-expression-label-foucs {
27599
+ color: #1890ff;
27600
+ }
27601
+ .ant-cron-expression-map {
27602
+ margin-left: 12px;
27603
+ }
27604
+ .ant-cron-expression-preview {
27605
+ display: flex;
27606
+ padding: 12px;
27607
+ }
27608
+ .ant-cron-expression-preview-dateTime {
27609
+ flex: 1 1 auto;
27610
+ display: flex;
27611
+ align-items: center;
27612
+ }
27613
+ .ant-cron-expression-preview-dateTime-center {
27614
+ justify-content: center;
27615
+ }
27616
+ .ant-cron-expression-preview-content {
27617
+ flex: 0 0 220px;
27618
+ display: flex;
27619
+ align-items: center;
27620
+ padding-left: 16px;
27621
+ }
27622
+ .ant-cron-expression-preview-content-date {
27623
+ flex: 1 1 auto;
27624
+ }
27625
+ .ant-cron-expression-preview-list,
27626
+ .ant-cron-expression-preview-icon {
27627
+ list-style: none;
27628
+ margin: 0;
27629
+ padding: 0;
27630
+ }
27631
+ .ant-cron-expression-preview-list li,
27632
+ .ant-cron-expression-preview-icon li {
27633
+ list-style: none;
27634
+ margin: 0;
27635
+ padding: 0;
27636
+ }
27637
+ .ant-cron-expression-preview-list {
27638
+ overflow-y: scroll;
27639
+ height: 132px;
27640
+ }
27641
+ .ant-cron-expression-preview-icon {
27642
+ height: 100%;
27643
+ }
27644
+ .ant-cron-expression-error {
27645
+ color: #ff4d4f;
27646
+ }
27647
+ .ant-cron-expression-hint p {
27648
+ display: flex;
27649
+ }
27650
+ .ant-cron-expression-hint span {
27651
+ display: inline-block;
27652
+ min-width: 40px;
27653
+ }
27539
27654
  sf + st {
27540
27655
  margin-top: 16px;
27541
27656
  }
@@ -31404,6 +31519,9 @@ body {
31404
31519
  margin-left: 24px !important;
31405
31520
  transform: none !important;
31406
31521
  }
31522
+ .alain-default__hide-header .alain-default__aside {
31523
+ margin-top: 0;
31524
+ }
31407
31525
  @media (min-width: 768px) {
31408
31526
  .alain-default__content {
31409
31527
  margin-left: 224px;
@@ -31463,6 +31581,9 @@ body {
31463
31581
  margin: 0;
31464
31582
  padding: 0;
31465
31583
  }
31584
+ .alain-default__nav:first-child {
31585
+ margin-right: 16px;
31586
+ }
31466
31587
  .alain-default__nav-middle {
31467
31588
  flex: 1;
31468
31589
  }
@@ -31492,13 +31613,28 @@ body {
31492
31613
  }
31493
31614
  .alain-default__nav-item:hover {
31494
31615
  color: #fff;
31495
- background-color: rgba(255, 255, 255, 0.2) !important;
31616
+ background-color: rgba(255, 255, 255, 0.2);
31496
31617
  }
31497
31618
  .alain-default__nav-item > i,
31498
31619
  .alain-default__nav-item-icon {
31499
31620
  font-size: 18px !important;
31500
31621
  transform: none !important;
31501
31622
  }
31623
+ .alain-default__top-menu-item {
31624
+ display: flex;
31625
+ align-items: center;
31626
+ height: 64px;
31627
+ padding: 0 16px;
31628
+ border-radius: 0;
31629
+ }
31630
+ .alain-default__top-menu-item-selected {
31631
+ color: #fff;
31632
+ background-color: rgba(255, 255, 255, 0.2);
31633
+ }
31634
+ .alain-default__top-menu-item-disabled {
31635
+ opacity: 0.5;
31636
+ pointer-events: none;
31637
+ }
31502
31638
  .alain-default__search {
31503
31639
  position: relative;
31504
31640
  display: flex;
@@ -31616,8 +31752,13 @@ body {
31616
31752
  border-right: 1px solid #efe3e5;
31617
31753
  content: '';
31618
31754
  }
31619
- .alain-default__aside-inner {
31755
+ .alain-default__aside-wrap {
31756
+ display: flex;
31757
+ flex-direction: column;
31620
31758
  height: 100%;
31759
+ }
31760
+ .alain-default__aside-inner {
31761
+ flex: 1 1 0%;
31621
31762
  overflow-x: hidden;
31622
31763
  overflow-y: scroll;
31623
31764
  -webkit-overflow-scrolling: touch;
@@ -31635,6 +31776,15 @@ body {
31635
31776
  .alain-default__aside-inner::-webkit-scrollbar-thumb {
31636
31777
  background-color: transparent;
31637
31778
  }
31779
+ .alain-default__aside-link {
31780
+ border-top: 1px solid #efe3e5;
31781
+ }
31782
+ .alain-default__aside-link-collapsed {
31783
+ padding: 8px 0;
31784
+ font-size: 16px;
31785
+ text-align: center;
31786
+ cursor: pointer;
31787
+ }
31638
31788
  @media (min-width: 768px) {
31639
31789
  .alain-default__collapsed .alain-default__aside {
31640
31790
  width: 64px;
@@ -31876,7 +32026,7 @@ body {
31876
32026
  .alain-default__collapsed .sidebar-nav:not(.sidebar-nav__sub) .sidebar-nav__item-link {
31877
32027
  display: flex;
31878
32028
  justify-content: center;
31879
- padding: 24px 0;
32029
+ padding: 16px 0;
31880
32030
  }
31881
32031
  .alain-default__collapsed .sidebar-nav:not(.sidebar-nav__sub) .sidebar-nav__item-link .sidebar-nav__item-icon {
31882
32032
  margin-right: 0;
@@ -31970,6 +32120,9 @@ body {
31970
32120
  .alain-default__hide-aside .reuse-tab {
31971
32121
  left: 24px;
31972
32122
  }
32123
+ .alain-default__hide-header .reuse-tab {
32124
+ top: 0;
32125
+ }
31973
32126
  @media (min-width: 768px) {
31974
32127
  .alain-default__fixed .reuse-tab + router-outlet {
31975
32128
  display: block;
@@ -32072,7 +32225,7 @@ body {
32072
32225
  .alain-default__fixed .alain-default__aside {
32073
32226
  position: fixed;
32074
32227
  }
32075
- .alain-default__fixed .alain-default__content {
32228
+ .alain-default__fixed:not(.alain-default__hide-header) .alain-default__content {
32076
32229
  margin-top: 64px;
32077
32230
  }
32078
32231
  .alain-blank {
@@ -32138,18 +32291,24 @@ body {
32138
32291
  .st__filter-date .ant-picker-panel-container .ant-picker-panel {
32139
32292
  border: none;
32140
32293
  }
32141
- .st__has-filter.ant-table-column-has-sorters .ant-table-column-sorters {
32294
+ .st__has-filter .ant-table-column-sorters {
32142
32295
  padding-right: 16px;
32143
32296
  }
32144
- .st__has-filter.ant-table-column-has-sorters .st__filter {
32297
+ .st__has-filter .st__filter {
32145
32298
  position: absolute;
32146
32299
  top: 0;
32147
- right: -32px;
32300
+ right: 0;
32148
32301
  bottom: 0;
32149
32302
  display: flex;
32150
32303
  align-items: center;
32151
32304
  justify-items: center;
32152
32305
  }
32306
+ .st__has-filter .ant-table-filter-trigger {
32307
+ height: 100%;
32308
+ }
32309
+ .st__has-filter.ant-table-column-has-sorters .st__filter {
32310
+ right: -32px;
32311
+ }
32153
32312
  .st__head-optional,
32154
32313
  .st__head-tip {
32155
32314
  margin-left: 2px;
@@ -32168,14 +32327,20 @@ body {
32168
32327
  .st .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table {
32169
32328
  margin: 0;
32170
32329
  }
32171
- .st .ant-table-cell-fix-left-first::after,
32172
- .st .ant-table-cell-fix-left-last::after {
32330
+ .st .text-truncate.ant-table-cell-fix-left-first::after,
32331
+ .st .text-truncate.ant-table-cell-fix-left-last::after {
32173
32332
  transform: translateX(80%);
32174
32333
  }
32175
- .st .ant-table-cell-fix-right-first::after,
32176
- .st .ant-table-cell-fix-right-last::after {
32334
+ .st .text-truncate.ant-table-cell-fix-right-first::after,
32335
+ .st .text-truncate.ant-table-cell-fix-right-last::after {
32177
32336
  transform: translateX(-80%);
32178
32337
  }
32338
+ .st__no-column .ant-table {
32339
+ height: 100px;
32340
+ }
32341
+ .st__no-column .ant-table-content {
32342
+ display: none;
32343
+ }
32179
32344
  @media screen and (min-width: 768px) {
32180
32345
  .st__width-strict .ant-table-content > table,
32181
32346
  .st__width-strict .ant-table-body > table {