@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/dark.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;
@@ -14115,6 +14121,10 @@ nz-form-item-feedback-icon.ant-input-suffix {
14115
14121
  .ant-input-status-success.ant-input-has-feedback {
14116
14122
  padding-right: 28px;
14117
14123
  }
14124
+ .ant-input-textarea-show-count {
14125
+ display: block;
14126
+ position: relative;
14127
+ }
14118
14128
  .ant-input-number-affix-wrapper {
14119
14129
  display: inline-block;
14120
14130
  width: 100%;
@@ -28099,6 +28109,111 @@ nz-space-item {
28099
28109
  .cdk-overlay-backdrop.ant-image-preview-mask {
28100
28110
  opacity: 1;
28101
28111
  }
28112
+ .ant-cron-expression {
28113
+ display: flex;
28114
+ flex-wrap: nowrap;
28115
+ }
28116
+ .ant-cron-expression-content {
28117
+ width: 100%;
28118
+ }
28119
+ .ant-cron-expression-content .ant-cron-expression-input-group-error {
28120
+ border-color: #a61d24;
28121
+ box-shadow: none;
28122
+ }
28123
+ .ant-cron-expression-content .ant-cron-expression-input-group-error-focus {
28124
+ box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2);
28125
+ }
28126
+ .ant-cron-expression nz-cron-expression-input {
28127
+ width: 20%;
28128
+ }
28129
+ .ant-cron-expression-input-group {
28130
+ display: flex;
28131
+ flex-wrap: nowrap;
28132
+ align-items: center;
28133
+ }
28134
+ .ant-cron-expression-input-group input {
28135
+ border: none !important;
28136
+ box-shadow: none !important;
28137
+ width: 100%;
28138
+ outline: none;
28139
+ padding: 0;
28140
+ border-radius: 0;
28141
+ }
28142
+ .ant-cron-expression-input-group-focus {
28143
+ border-color: #177ddc;
28144
+ box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
28145
+ outline: 0;
28146
+ }
28147
+ .ant-cron-expression nz-cron-expression-label {
28148
+ width: 20%;
28149
+ }
28150
+ .ant-cron-expression-label-group {
28151
+ display: flex;
28152
+ width: 100%;
28153
+ flex-wrap: nowrap;
28154
+ justify-content: space-around;
28155
+ padding-top: 0 !important;
28156
+ padding-bottom: 0 !important;
28157
+ }
28158
+ .ant-cron-expression-label-group-default {
28159
+ padding: 0 12px;
28160
+ }
28161
+ .ant-cron-expression-label-foucs {
28162
+ color: #177ddc;
28163
+ }
28164
+ .ant-cron-expression-map {
28165
+ margin-left: 12px;
28166
+ }
28167
+ .ant-cron-expression-preview {
28168
+ display: flex;
28169
+ padding: 12px;
28170
+ }
28171
+ .ant-cron-expression-preview-dateTime {
28172
+ flex: 1 1 auto;
28173
+ display: flex;
28174
+ align-items: center;
28175
+ }
28176
+ .ant-cron-expression-preview-dateTime-center {
28177
+ justify-content: center;
28178
+ }
28179
+ .ant-cron-expression-preview-content {
28180
+ flex: 0 0 220px;
28181
+ display: flex;
28182
+ align-items: center;
28183
+ padding-left: 16px;
28184
+ }
28185
+ .ant-cron-expression-preview-content-date {
28186
+ flex: 1 1 auto;
28187
+ }
28188
+ .ant-cron-expression-preview-list,
28189
+ .ant-cron-expression-preview-icon {
28190
+ list-style: none;
28191
+ margin: 0;
28192
+ padding: 0;
28193
+ }
28194
+ .ant-cron-expression-preview-list li,
28195
+ .ant-cron-expression-preview-icon li {
28196
+ list-style: none;
28197
+ margin: 0;
28198
+ padding: 0;
28199
+ }
28200
+ .ant-cron-expression-preview-list {
28201
+ overflow-y: scroll;
28202
+ height: 132px;
28203
+ }
28204
+ .ant-cron-expression-preview-icon {
28205
+ height: 100%;
28206
+ }
28207
+ .ant-cron-expression-error {
28208
+ color: #a61d24;
28209
+ }
28210
+ .ant-cron-expression-hint p {
28211
+ display: flex;
28212
+ }
28213
+ .ant-cron-expression-hint span {
28214
+ display: inline-block;
28215
+ min-width: 40px;
28216
+ }
28102
28217
  sf + st {
28103
28218
  margin-top: 16px;
28104
28219
  }
@@ -31967,6 +32082,9 @@ body {
31967
32082
  margin-left: 24px !important;
31968
32083
  transform: none !important;
31969
32084
  }
32085
+ .alain-default__hide-header .alain-default__aside {
32086
+ margin-top: 0;
32087
+ }
31970
32088
  @media (min-width: 768px) {
31971
32089
  .alain-default__content {
31972
32090
  margin-left: 224px;
@@ -32026,6 +32144,9 @@ body {
32026
32144
  margin: 0;
32027
32145
  padding: 0;
32028
32146
  }
32147
+ .alain-default__nav:first-child {
32148
+ margin-right: 16px;
32149
+ }
32029
32150
  .alain-default__nav-middle {
32030
32151
  flex: 1;
32031
32152
  }
@@ -32055,13 +32176,28 @@ body {
32055
32176
  }
32056
32177
  .alain-default__nav-item:hover {
32057
32178
  color: #fff;
32058
- background-color: rgba(255, 255, 255, 0.2) !important;
32179
+ background-color: rgba(255, 255, 255, 0.2);
32059
32180
  }
32060
32181
  .alain-default__nav-item > i,
32061
32182
  .alain-default__nav-item-icon {
32062
32183
  font-size: 18px !important;
32063
32184
  transform: none !important;
32064
32185
  }
32186
+ .alain-default__top-menu-item {
32187
+ display: flex;
32188
+ align-items: center;
32189
+ height: 64px;
32190
+ padding: 0 16px;
32191
+ border-radius: 0;
32192
+ }
32193
+ .alain-default__top-menu-item-selected {
32194
+ color: #fff;
32195
+ background-color: rgba(255, 255, 255, 0.2);
32196
+ }
32197
+ .alain-default__top-menu-item-disabled {
32198
+ opacity: 0.5;
32199
+ pointer-events: none;
32200
+ }
32065
32201
  .alain-default__search {
32066
32202
  position: relative;
32067
32203
  display: flex;
@@ -32179,8 +32315,13 @@ body {
32179
32315
  border-right: 1px solid #303030;
32180
32316
  content: '';
32181
32317
  }
32182
- .alain-default__aside-inner {
32318
+ .alain-default__aside-wrap {
32319
+ display: flex;
32320
+ flex-direction: column;
32183
32321
  height: 100%;
32322
+ }
32323
+ .alain-default__aside-inner {
32324
+ flex: 1 1 0%;
32184
32325
  overflow-x: hidden;
32185
32326
  overflow-y: scroll;
32186
32327
  -webkit-overflow-scrolling: touch;
@@ -32198,6 +32339,15 @@ body {
32198
32339
  .alain-default__aside-inner::-webkit-scrollbar-thumb {
32199
32340
  background-color: transparent;
32200
32341
  }
32342
+ .alain-default__aside-link {
32343
+ border-top: 1px solid #303030;
32344
+ }
32345
+ .alain-default__aside-link-collapsed {
32346
+ padding: 8px 0;
32347
+ font-size: 16px;
32348
+ text-align: center;
32349
+ cursor: pointer;
32350
+ }
32201
32351
  @media (min-width: 768px) {
32202
32352
  .alain-default__collapsed .alain-default__aside {
32203
32353
  width: 64px;
@@ -32439,7 +32589,7 @@ body {
32439
32589
  .alain-default__collapsed .sidebar-nav:not(.sidebar-nav__sub) .sidebar-nav__item-link {
32440
32590
  display: flex;
32441
32591
  justify-content: center;
32442
- padding: 24px 0;
32592
+ padding: 16px 0;
32443
32593
  }
32444
32594
  .alain-default__collapsed .sidebar-nav:not(.sidebar-nav__sub) .sidebar-nav__item-link .sidebar-nav__item-icon {
32445
32595
  margin-right: 0;
@@ -32533,6 +32683,9 @@ body {
32533
32683
  .alain-default__hide-aside .reuse-tab {
32534
32684
  left: 24px;
32535
32685
  }
32686
+ .alain-default__hide-header .reuse-tab {
32687
+ top: 0;
32688
+ }
32536
32689
  @media (min-width: 768px) {
32537
32690
  .alain-default__fixed .reuse-tab + router-outlet {
32538
32691
  display: block;
@@ -32635,7 +32788,7 @@ body {
32635
32788
  .alain-default__fixed .alain-default__aside {
32636
32789
  position: fixed;
32637
32790
  }
32638
- .alain-default__fixed .alain-default__content {
32791
+ .alain-default__fixed:not(.alain-default__hide-header) .alain-default__content {
32639
32792
  margin-top: 64px;
32640
32793
  }
32641
32794
  .alain-blank {
@@ -32701,18 +32854,24 @@ body {
32701
32854
  .st__filter-date .ant-picker-panel-container .ant-picker-panel {
32702
32855
  border: none;
32703
32856
  }
32704
- .st__has-filter.ant-table-column-has-sorters .ant-table-column-sorters {
32857
+ .st__has-filter .ant-table-column-sorters {
32705
32858
  padding-right: 16px;
32706
32859
  }
32707
- .st__has-filter.ant-table-column-has-sorters .st__filter {
32860
+ .st__has-filter .st__filter {
32708
32861
  position: absolute;
32709
32862
  top: 0;
32710
- right: -32px;
32863
+ right: 0;
32711
32864
  bottom: 0;
32712
32865
  display: flex;
32713
32866
  align-items: center;
32714
32867
  justify-items: center;
32715
32868
  }
32869
+ .st__has-filter .ant-table-filter-trigger {
32870
+ height: 100%;
32871
+ }
32872
+ .st__has-filter.ant-table-column-has-sorters .st__filter {
32873
+ right: -32px;
32874
+ }
32716
32875
  .st__head-optional,
32717
32876
  .st__head-tip {
32718
32877
  margin-left: 2px;
@@ -32731,14 +32890,20 @@ body {
32731
32890
  .st .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table {
32732
32891
  margin: 0;
32733
32892
  }
32734
- .st .ant-table-cell-fix-left-first::after,
32735
- .st .ant-table-cell-fix-left-last::after {
32893
+ .st .text-truncate.ant-table-cell-fix-left-first::after,
32894
+ .st .text-truncate.ant-table-cell-fix-left-last::after {
32736
32895
  transform: translateX(80%);
32737
32896
  }
32738
- .st .ant-table-cell-fix-right-first::after,
32739
- .st .ant-table-cell-fix-right-last::after {
32897
+ .st .text-truncate.ant-table-cell-fix-right-first::after,
32898
+ .st .text-truncate.ant-table-cell-fix-right-last::after {
32740
32899
  transform: translateX(-80%);
32741
32900
  }
32901
+ .st__no-column .ant-table {
32902
+ height: 100px;
32903
+ }
32904
+ .st__no-column .ant-table-content {
32905
+ display: none;
32906
+ }
32742
32907
  @media screen and (min-width: 768px) {
32743
32908
  .st__width-strict .ant-table-content > table,
32744
32909
  .st__width-strict .ant-table-body > table {