@delon/theme 16.2.1 → 16.4.0

package/compact.css

@@ -2,6 +2,7 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+@import '~@angular/cdk/overlay-prebuilt.css';
 [class^=ant-]::-ms-clear,
 [class*= ant-]::-ms-clear,
 [class^=ant-] input::-ms-clear,
@@ -1596,15 +1597,6 @@ html {
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.cdk-overlay-container {
-  pointer-events: none;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  position: fixed;
-  z-index: 1000;
-}
 .cdk-visually-hidden {
   border: 0;
   clip: rect(0 0 0 0);
@@ -1618,42 +1610,6 @@ html {
   -webkit-appearance: none;
   -moz-appearance: none;
 }
-.cdk-overlay-backdrop {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  -webkit-tap-highlight-color: transparent;
-  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  opacity: 0;
-  position: absolute;
-  pointer-events: auto;
-  z-index: 1000;
-}
-.cdk-overlay-backdrop.ant-modal-mask {
-  opacity: 1;
-}
-.cdk-overlay-pane {
-  position: absolute;
-  pointer-events: auto;
-  z-index: 1000;
-}
-.cdk-overlay-connected-position-bounding-box {
-  position: absolute;
-  z-index: 1000;
-  display: flex;
-  flex-direction: column;
-  min-width: 1px;
-  min-height: 1px;
-}
-.cdk-global-scrollblock {
-  position: fixed;
-  width: 100%;
-  overflow-y: scroll;
-}
-.cdk-global-scrollblock body {
-  overflow-x: visible;
-}
 .nz-overlay-transparent-backdrop,
 .nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
   opacity: 0;
@@ -5964,6 +5920,14 @@ textarea.ant-picker-input > input {
 .ant-picker-input > input-rtl {
   direction: rtl;
 }
+.ant-picker-input > input-stepperless[type='number'] {
+  -moz-appearance: textfield;
+}
+.ant-picker-input > input-stepperless[type='number']::-webkit-inner-spin-button,
+.ant-picker-input > input-stepperless[type='number'] ::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 .ant-picker-input > input:focus {
   box-shadow: none;
 }
@@ -13118,6 +13082,14 @@ textarea.ant-input-affix-wrapper {
 .ant-input-affix-wrapper-rtl {
   direction: rtl;
 }
+.ant-input-affix-wrapper-stepperless[type='number'] {
+  -moz-appearance: textfield;
+}
+.ant-input-affix-wrapper-stepperless[type='number']::-webkit-inner-spin-button,
+.ant-input-affix-wrapper-stepperless[type='number'] ::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
   border-color: #40a9ff;
   border-right-width: 1px;
@@ -13398,6 +13370,14 @@ textarea.ant-input {
 .ant-input-rtl {
   direction: rtl;
 }
+.ant-input-stepperless[type='number'] {
+  -moz-appearance: textfield;
+}
+.ant-input-stepperless[type='number']::-webkit-inner-spin-button,
+.ant-input-stepperless[type='number'] ::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 .ant-input-group {
   box-sizing: border-box;
   margin: 0;
@@ -14052,6 +14032,14 @@ textarea.ant-input-number-affix-wrapper {
 .ant-input-number-affix-wrapper-rtl {
   direction: rtl;
 }
+.ant-input-number-affix-wrapper-stepperless[type='number'] {
+  -moz-appearance: textfield;
+}
+.ant-input-number-affix-wrapper-stepperless[type='number']::-webkit-inner-spin-button,
+.ant-input-number-affix-wrapper-stepperless[type='number'] ::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
   border-color: #40a9ff;
   border-right-width: 1px;
@@ -14295,6 +14283,14 @@ textarea.ant-input-number {
 .ant-input-number-rtl {
   direction: rtl;
 }
+.ant-input-number-stepperless[type='number'] {
+  -moz-appearance: textfield;
+}
+.ant-input-number-stepperless[type='number']::-webkit-inner-spin-button,
+.ant-input-number-stepperless[type='number'] ::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 .ant-input-number-group {
   box-sizing: border-box;
   margin: 0;
@@ -17043,6 +17039,14 @@ textarea.ant-mentions {
 .ant-mentions-rtl {
   direction: rtl;
 }
+.ant-mentions-stepperless[type='number'] {
+  -moz-appearance: textfield;
+}
+.ant-mentions-stepperless[type='number']::-webkit-inner-spin-button,
+.ant-mentions-stepperless[type='number'] ::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 .ant-mentions-disabled > textarea {
   background-color: #f5f5f5;
   border-color: #d9d9d9;
@@ -18402,6 +18406,14 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-pagination-options-quick-jumper input-rtl {
   direction: rtl;
 }
+.ant-pagination-options-quick-jumper input-stepperless[type='number'] {
+  -moz-appearance: textfield;
+}
+.ant-pagination-options-quick-jumper input-stepperless[type='number']::-webkit-inner-spin-button,
+.ant-pagination-options-quick-jumper input-stepperless[type='number'] ::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 .ant-pagination-simple .ant-pagination-prev,
 .ant-pagination-simple .ant-pagination-next {
   height: 22px;
@@ -27680,7 +27692,6 @@ nz-space-item {
 .ant-qrcode {
   display: inline-block;
   position: relative;
-  background-color: #fff;
   padding: 8px;
 }
 .ant-qrcode > canvas {
@@ -27710,6 +27721,234 @@ nz-space-item {
 .ant-water-mark {
   position: relative;
 }
+.ant-color-picker {
+  position: absolute;
+  z-index: 1;
+  display: block;
+  width: max-content;
+  min-width: 250px;
+  visibility: visible;
+}
+.ant-color-picker-hidden {
+  display: none;
+}
+.ant-color-picker-panel {
+  display: flex;
+  flex-direction: column;
+  width: 250px;
+  border-radius: 2px;
+}
+.ant-color-picker-panel-disabled {
+  cursor: not-allowed;
+}
+.ant-color-picker-select {
+  margin-bottom: 8px;
+}
+.ant-color-picker-select .ant-color-picker-palette {
+  min-height: 160px;
+  overflow: hidden;
+  border-radius: 2px;
+}
+.ant-color-picker-select .ant-color-picker-palette > .ant-color-picker-gradient {
+  border-top-left-radius: 5px;
+}
+.ant-color-picker-saturation {
+  position: absolute;
+  border-radius: inherit;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.ant-color-picker-handler {
+  box-sizing: border-box;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #fff;
+  border-radius: 50%;
+}
+.ant-color-picker-handler-sm {
+  width: 12px;
+  height: 12px;
+}
+.ant-color-picker-slider {
+  width: 100%;
+  margin-bottom: 8px;
+}
+.ant-color-picker-slider .ant-color-picker-palette {
+  height: 8px;
+}
+.ant-color-picker-slider .ant-color-picker-gradient {
+  border-radius: 2px;
+}
+.ant-color-picker-slider-alpha {
+  background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0);
+  background-size: 8px 8px;
+}
+.ant-color-picker-trigger {
+  min-width: 32px;
+  height: 32px;
+  border-radius: 2px;
+  border: 1px solid #f0f0f0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s;
+  padding: 3px;
+}
+.ant-color-picker-trigger:hover {
+  border-color: #1890ff;
+}
+.ant-color-picker-trigger-text {
+  margin: 0 0px 0 4px;
+  font-size: 12px;
+}
+.ant-color-picker-sm {
+  min-width: 24px;
+  height: 24px;
+}
+.ant-color-picker-lg {
+  min-width: 40px;
+  height: 40px;
+}
+.ant-color-picker-lg .ant-color-picker-trigger-text {
+  font-size: 14px;
+}
+.ant-color-picker-color-block {
+  position: relative;
+  width: 28px;
+  height: 28px;
+  margin-left: 4px;
+  background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0);
+  background-size: 50% 50%;
+  overflow: hidden;
+  border-radius: 2px;
+}
+.ant-color-picker-color-block-inner {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #f0f0f0;
+}
+.ant-color-picker-slider-container {
+  display: flex;
+}
+.ant-color-picker-slider-container .ant-color-picker-slider-group {
+  flex: 1;
+}
+.ant-color-picker-slider-container .ant-color-picker-slider-group-disabled-alpha {
+  display: flex;
+  align-items: center;
+}
+.ant-color-picker-slider-container .ant-color-picker-slider-group-disabled-alpha .ant-color-picker-slider {
+  margin-bottom: 0;
+}
+.ant-color-picker-title {
+  display: flex;
+}
+.ant-color-picker-title-content {
+  flex: 1;
+  margin-bottom: 4px;
+}
+.ant-color-picker-title .ant-color-picker-clear {
+  flex: 0 0 18px;
+  margin-left: 4px;
+}
+.ant-color-picker-clear {
+  width: 18px;
+  height: 18px;
+  border-radius: 2px;
+  border: 1px solid #f0f0f0;
+  position: relative;
+  cursor: pointer;
+  overflow: hidden;
+  margin-bottom: 4px;
+}
+.ant-color-picker-clear::after {
+  content: "";
+  position: absolute;
+  inset-inline-end: 1px;
+  top: 0;
+  display: block;
+  width: 40px;
+  height: 2px;
+  transform-origin: right;
+  transform: rotate(-45deg);
+  background-color: #f5222d;
+}
+.ant-color-picker-input-container {
+  display: flex;
+}
+.ant-color-picker-input-container .ant-select {
+  font-size: 12px;
+}
+.ant-color-picker-input-container .ant-input {
+  font-size: 12px;
+}
+.ant-color-picker-input-container .ant-input-number {
+  font-size: 12px;
+  width: auto;
+}
+.ant-color-picker-input-container .ant-input-number-sm input {
+  padding: 0 0 0 4px;
+}
+.ant-color-picker-input-container .ant-select-selector {
+  padding: 0;
+}
+.ant-color-picker-input-container .ant-color-picker-format-select {
+  width: auto;
+}
+.ant-color-picker-input-container .ant-color-picker-input {
+  flex: 1;
+}
+.ant-color-picker-input-container .ant-color-picker-input .ant-color-picker-hex-input {
+  padding: 0;
+  margin-right: 0px;
+}
+.ant-color-picker-input-container .ant-color-picker-input .ant-color-picker-hsb-input {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+.ant-color-picker-input-container .ant-color-picker-input .ant-color-picker-rgb-input {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+.ant-color-picker-input-container .ant-color-picker-steppers {
+  flex: 0 0 44px;
+}
+.ant-color-picker-input-container .ant-color-picker-alpha-input {
+  flex: 0 0 44px;
+}
+.ant-color-picker-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  background: #f5f5f5;
+  cursor: not-allowed;
+}
+.ant-color-picker-disabled .ant-color-picker-trigger {
+  cursor: not-allowed;
+}
+.ant-color-picker-disabled .ant-color-picker-trigger:hover {
+  border-color: #f0f0f0;
+}
+.ant-color-picker-inline {
+  display: inline-block;
+}
+.ant-color-picker-inline .ant-color-picker-color-block {
+  margin: 0;
+  width: 24px;
+  height: 24px;
+}
+.ant-color-picker-inline-lg .ant-color-picker-color-block {
+  width: 32px;
+  height: 32px;
+}
+.ant-color-picker-inline-sm .ant-color-picker-color-block {
+  width: 16px;
+  height: 16px;
+}
 sf + st {
   margin-top: 16px;
 }
@@ -28092,6 +28331,17 @@ a:focus {
   background: #fff;
   border-style: dashed;
 }
+/**
+  * Corrected `ng-tag` list line wrapping spacing
+  *
+  * 纠正 `ng-tag` 列表换行间距问题
+  */
+.tag-wrap-list-spacing {
+  margin-top: -8px;
+}
+.tag-wrap-list-spacing .ant-tag {
+  margin-top: 8px;
+}
 .h1 small,
 .h2 small,
 .h3 small,
@@ -31466,12 +31716,10 @@ code {
   overflow: auto;
 }
 .scrollbar-x {
-  overflow-x: auto;
-  overflow-y: hidden;
+  overflow: auto hidden;
 }
 .scrollbar-y {
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
 }
 body,
 .scrollbar,
@@ -31818,8 +32066,7 @@ body {
 }
 .alain-default__aside-inner {
   flex: 1 1 0%;
-  overflow-x: hidden;
-  overflow-y: scroll;
+  overflow-x: hidden scroll;
   -webkit-overflow-scrolling: touch;
   scroll-snap-type: proximity;
   scroll-snap-points-x: snaplist(100%, 200%, 300%, 400%, 500%);
@@ -32359,8 +32606,7 @@ body {
   right: 0;
   bottom: 0;
   display: flex;
-  align-items: center;
-  justify-items: center;
+  place-items: center center;
 }
 .st__has-filter .ant-table-filter-trigger {
   height: 100%;
@@ -32573,6 +32819,32 @@ body {
 .sv__no-colon::after {
   content: ' ' !important;
 }
+.sv__bordered {
+  overflow: hidden;
+  border-top: 1px solid #f0f0f0;
+  border-bottom: 1px solid #f0f0f0;
+  border-left: 1px solid #f0f0f0;
+}
+.sv__bordered .sv__item {
+  border-right: 1px solid #f0f0f0;
+  border-bottom: 1px solid #f0f0f0;
+}
+.sv__bordered .sv__label {
+  background-color: #fafafa;
+  border-right: 1px solid #f0f0f0;
+}
+.sv__bordered .sv__label,
+.sv__bordered .sv__detail {
+  padding: 8px 16px;
+}
+.sv__bordered.sv__large .sv__label,
+.sv__bordered.sv__large .sv__detail {
+  padding: 12px 16px;
+}
+.sv__bordered.sv__small .sv__label,
+.sv__bordered.sv__small .sv__detail {
+  padding: 4px 8px;
+}
 .se__title {
   display: block;
   float: none;
@@ -33055,6 +33327,7 @@ ellipsis {
 }
 .page-header__title small {
   padding-left: 8px;
+  color: rgba(0, 0, 0, 0.4);
   font-weight: normal;
   font-size: 14px;
 }
@@ -33459,6 +33732,48 @@ ellipsis {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
+.cell__has-unit {
+  align-items: baseline;
+}
+.cell__has-default {
+  color: rgba(0, 0, 0, 0.45);
+}
+.cell__primary {
+  color: #1890ff;
+}
+.cell__success {
+  color: #52c41a;
+}
+.cell__danger {
+  color: #ff4d4f;
+}
+.cell__warning {
+  color: #faad14;
+}
+.cell__large {
+  font-size: 18px;
+}
+.cell__small {
+  font-size: 12px;
+}
+.cell[data-type="img"] .img:not(:last-child) {
+  margin-right: 4px;
+}
+.cell .img {
+  vertical-align: middle;
+  border-radius: 4px;
+}
+.cell .unit {
+  margin-left: 2px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+}
+.cell__disabled[data-type="link"] {
+  pointer-events: none;
+}
+.cell__disabled[data-type="link"] > a {
+  color: rgba(0, 0, 0, 0.85);
+}
 g2-chart,
 g2-bar,
 g2-gauge,