@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/compact.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: 10.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: 16px;
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%;
@@ -27535,6 +27545,111 @@ nz-space-item {
27535
27545
  .cdk-overlay-backdrop.ant-image-preview-mask {
27536
27546
  opacity: 1;
27537
27547
  }
27548
+ .ant-cron-expression {
27549
+ display: flex;
27550
+ flex-wrap: nowrap;
27551
+ }
27552
+ .ant-cron-expression-content {
27553
+ width: 100%;
27554
+ }
27555
+ .ant-cron-expression-content .ant-cron-expression-input-group-error {
27556
+ border-color: #ff4d4f;
27557
+ box-shadow: none;
27558
+ }
27559
+ .ant-cron-expression-content .ant-cron-expression-input-group-error-focus {
27560
+ box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
27561
+ }
27562
+ .ant-cron-expression nz-cron-expression-input {
27563
+ width: 20%;
27564
+ }
27565
+ .ant-cron-expression-input-group {
27566
+ display: flex;
27567
+ flex-wrap: nowrap;
27568
+ align-items: center;
27569
+ }
27570
+ .ant-cron-expression-input-group input {
27571
+ border: none !important;
27572
+ box-shadow: none !important;
27573
+ width: 100%;
27574
+ outline: none;
27575
+ padding: 0;
27576
+ border-radius: 0;
27577
+ }
27578
+ .ant-cron-expression-input-group-focus {
27579
+ border-color: #1890ff;
27580
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
27581
+ outline: 0;
27582
+ }
27583
+ .ant-cron-expression nz-cron-expression-label {
27584
+ width: 20%;
27585
+ }
27586
+ .ant-cron-expression-label-group {
27587
+ display: flex;
27588
+ width: 100%;
27589
+ flex-wrap: nowrap;
27590
+ justify-content: space-around;
27591
+ padding-top: 0 !important;
27592
+ padding-bottom: 0 !important;
27593
+ }
27594
+ .ant-cron-expression-label-group-default {
27595
+ padding: 0 8px;
27596
+ }
27597
+ .ant-cron-expression-label-foucs {
27598
+ color: #1890ff;
27599
+ }
27600
+ .ant-cron-expression-map {
27601
+ margin-left: 8px;
27602
+ }
27603
+ .ant-cron-expression-preview {
27604
+ display: flex;
27605
+ padding: 8px;
27606
+ }
27607
+ .ant-cron-expression-preview-dateTime {
27608
+ flex: 1 1 auto;
27609
+ display: flex;
27610
+ align-items: center;
27611
+ }
27612
+ .ant-cron-expression-preview-dateTime-center {
27613
+ justify-content: center;
27614
+ }
27615
+ .ant-cron-expression-preview-content {
27616
+ flex: 0 0 220px;
27617
+ display: flex;
27618
+ align-items: center;
27619
+ padding-left: 8px;
27620
+ }
27621
+ .ant-cron-expression-preview-content-date {
27622
+ flex: 1 1 auto;
27623
+ }
27624
+ .ant-cron-expression-preview-list,
27625
+ .ant-cron-expression-preview-icon {
27626
+ list-style: none;
27627
+ margin: 0;
27628
+ padding: 0;
27629
+ }
27630
+ .ant-cron-expression-preview-list li,
27631
+ .ant-cron-expression-preview-icon li {
27632
+ list-style: none;
27633
+ margin: 0;
27634
+ padding: 0;
27635
+ }
27636
+ .ant-cron-expression-preview-list {
27637
+ overflow-y: scroll;
27638
+ height: 132px;
27639
+ }
27640
+ .ant-cron-expression-preview-icon {
27641
+ height: 100%;
27642
+ }
27643
+ .ant-cron-expression-error {
27644
+ color: #ff4d4f;
27645
+ }
27646
+ .ant-cron-expression-hint p {
27647
+ display: flex;
27648
+ }
27649
+ .ant-cron-expression-hint span {
27650
+ display: inline-block;
27651
+ min-width: 40px;
27652
+ }
27538
27653
  sf + st {
27539
27654
  margin-top: 16px;
27540
27655
  }
@@ -31403,6 +31518,9 @@ body {
31403
31518
  margin-left: 24px !important;
31404
31519
  transform: none !important;
31405
31520
  }
31521
+ .alain-default__hide-header .alain-default__aside {
31522
+ margin-top: 0;
31523
+ }
31406
31524
  @media (min-width: 768px) {
31407
31525
  .alain-default__content {
31408
31526
  margin-left: 224px;
@@ -31462,6 +31580,9 @@ body {
31462
31580
  margin: 0;
31463
31581
  padding: 0;
31464
31582
  }
31583
+ .alain-default__nav:first-child {
31584
+ margin-right: 16px;
31585
+ }
31465
31586
  .alain-default__nav-middle {
31466
31587
  flex: 1;
31467
31588
  }
@@ -31491,13 +31612,28 @@ body {
31491
31612
  }
31492
31613
  .alain-default__nav-item:hover {
31493
31614
  color: #fff;
31494
- background-color: rgba(255, 255, 255, 0.2) !important;
31615
+ background-color: rgba(255, 255, 255, 0.2);
31495
31616
  }
31496
31617
  .alain-default__nav-item > i,
31497
31618
  .alain-default__nav-item-icon {
31498
31619
  font-size: 16px !important;
31499
31620
  transform: none !important;
31500
31621
  }
31622
+ .alain-default__top-menu-item {
31623
+ display: flex;
31624
+ align-items: center;
31625
+ height: 56px;
31626
+ padding: 0 8px;
31627
+ border-radius: 0;
31628
+ }
31629
+ .alain-default__top-menu-item-selected {
31630
+ color: #fff;
31631
+ background-color: rgba(255, 255, 255, 0.2);
31632
+ }
31633
+ .alain-default__top-menu-item-disabled {
31634
+ opacity: 0.5;
31635
+ pointer-events: none;
31636
+ }
31501
31637
  .alain-default__search {
31502
31638
  position: relative;
31503
31639
  display: flex;
@@ -31615,8 +31751,13 @@ body {
31615
31751
  border-right: 1px solid #efe3e5;
31616
31752
  content: '';
31617
31753
  }
31618
- .alain-default__aside-inner {
31754
+ .alain-default__aside-wrap {
31755
+ display: flex;
31756
+ flex-direction: column;
31619
31757
  height: 100%;
31758
+ }
31759
+ .alain-default__aside-inner {
31760
+ flex: 1 1 0%;
31620
31761
  overflow-x: hidden;
31621
31762
  overflow-y: scroll;
31622
31763
  -webkit-overflow-scrolling: touch;
@@ -31634,6 +31775,15 @@ body {
31634
31775
  .alain-default__aside-inner::-webkit-scrollbar-thumb {
31635
31776
  background-color: transparent;
31636
31777
  }
31778
+ .alain-default__aside-link {
31779
+ border-top: 1px solid #efe3e5;
31780
+ }
31781
+ .alain-default__aside-link-collapsed {
31782
+ padding: 8px 0;
31783
+ font-size: 16px;
31784
+ text-align: center;
31785
+ cursor: pointer;
31786
+ }
31637
31787
  @media (min-width: 768px) {
31638
31788
  .alain-default__collapsed .alain-default__aside {
31639
31789
  width: 64px;
@@ -31875,7 +32025,7 @@ body {
31875
32025
  .alain-default__collapsed .sidebar-nav:not(.sidebar-nav__sub) .sidebar-nav__item-link {
31876
32026
  display: flex;
31877
32027
  justify-content: center;
31878
- padding: 24px 0;
32028
+ padding: 16px 0;
31879
32029
  }
31880
32030
  .alain-default__collapsed .sidebar-nav:not(.sidebar-nav__sub) .sidebar-nav__item-link .sidebar-nav__item-icon {
31881
32031
  margin-right: 0;
@@ -31969,6 +32119,9 @@ body {
31969
32119
  .alain-default__hide-aside .reuse-tab {
31970
32120
  left: 24px;
31971
32121
  }
32122
+ .alain-default__hide-header .reuse-tab {
32123
+ top: 0;
32124
+ }
31972
32125
  @media (min-width: 768px) {
31973
32126
  .alain-default__fixed .reuse-tab + router-outlet {
31974
32127
  display: block;
@@ -32071,7 +32224,7 @@ body {
32071
32224
  .alain-default__fixed .alain-default__aside {
32072
32225
  position: fixed;
32073
32226
  }
32074
- .alain-default__fixed .alain-default__content {
32227
+ .alain-default__fixed:not(.alain-default__hide-header) .alain-default__content {
32075
32228
  margin-top: 56px;
32076
32229
  }
32077
32230
  .alain-blank {
@@ -32137,18 +32290,24 @@ body {
32137
32290
  .st__filter-date .ant-picker-panel-container .ant-picker-panel {
32138
32291
  border: none;
32139
32292
  }
32140
- .st__has-filter.ant-table-column-has-sorters .ant-table-column-sorters {
32293
+ .st__has-filter .ant-table-column-sorters {
32141
32294
  padding-right: 16px;
32142
32295
  }
32143
- .st__has-filter.ant-table-column-has-sorters .st__filter {
32296
+ .st__has-filter .st__filter {
32144
32297
  position: absolute;
32145
32298
  top: 0;
32146
- right: -32px;
32299
+ right: 0;
32147
32300
  bottom: 0;
32148
32301
  display: flex;
32149
32302
  align-items: center;
32150
32303
  justify-items: center;
32151
32304
  }
32305
+ .st__has-filter .ant-table-filter-trigger {
32306
+ height: 100%;
32307
+ }
32308
+ .st__has-filter.ant-table-column-has-sorters .st__filter {
32309
+ right: -32px;
32310
+ }
32152
32311
  .st__head-optional,
32153
32312
  .st__head-tip {
32154
32313
  margin-left: 2px;
@@ -32167,14 +32326,20 @@ body {
32167
32326
  .st .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table {
32168
32327
  margin: 0;
32169
32328
  }
32170
- .st .ant-table-cell-fix-left-first::after,
32171
- .st .ant-table-cell-fix-left-last::after {
32329
+ .st .text-truncate.ant-table-cell-fix-left-first::after,
32330
+ .st .text-truncate.ant-table-cell-fix-left-last::after {
32172
32331
  transform: translateX(80%);
32173
32332
  }
32174
- .st .ant-table-cell-fix-right-first::after,
32175
- .st .ant-table-cell-fix-right-last::after {
32333
+ .st .text-truncate.ant-table-cell-fix-right-first::after,
32334
+ .st .text-truncate.ant-table-cell-fix-right-last::after {
32176
32335
  transform: translateX(-80%);
32177
32336
  }
32337
+ .st__no-column .ant-table {
32338
+ height: 100px;
32339
+ }
32340
+ .st__no-column .ant-table-content {
32341
+ display: none;
32342
+ }
32178
32343
  @media screen and (min-width: 768px) {
32179
32344
  .st__width-strict .ant-table-content > table,
32180
32345
  .st__width-strict .ant-table-body > table {