@delon/theme 21.0.5 → 21.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delon/theme",
-  "version": "21.0.5",
+  "version": "21.2.0",
   "author": "cipchk<cipchk@qq.com>",
   "license": "MIT",
   "repository": {
@@ -21,11 +21,11 @@
     "component"
   ],
   "dependencies": {
-    "ng-zorro-antd": "^21.0.2",
-    "@delon/acl": "^21.0.5",
-    "@delon/abc": "^21.0.5",
-    "@delon/form": "^21.0.5",
-    "@delon/util": "^21.0.5",
+    "ng-zorro-antd": "^21.2.2",
+    "@delon/acl": "^21.2.0",
+    "@delon/abc": "^21.2.0",
+    "@delon/form": "^21.2.0",
+    "@delon/util": "^21.2.0",
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/theme.mjs",
@@ -55,5 +55,6 @@
       "default": "./fesm2022/theme-btn.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

package/variable.css

@@ -1154,7 +1154,7 @@ html {
   opacity: 0;
   transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
   pointer-events: auto;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: #000000;
 }
 .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
   opacity: 1;
@@ -1163,7 +1163,7 @@ html {
   opacity: 0.6;
 }
 .cdk-overlay-dark-backdrop {
-  background: rgba(0, 0, 0, 0.32);
+  background: #000000;
 }
 .cdk-overlay-transparent-backdrop {
   visibility: hidden;
@@ -1445,6 +1445,31 @@ nz-alert {
 .ant-alert-icon {
   line-height: 1;
 }
+.ant-alert-marquee {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+.ant-alert-marquee-track {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  min-width: 100%;
+  white-space: nowrap;
+  animation: alertMarquee 20s linear infinite;
+}
+.ant-alert-marquee.ant-alert-marquee-pause-on-hover:hover .ant-alert-marquee-track {
+  animation-play-state: paused;
+}
+@keyframes alertMarquee {
+  from {
+    transform: translateX(0%);
+  }
+  to {
+    transform: translateX(-100%);
+  }
+}
 .ant-anchor {
   box-sizing: border-box;
   margin: 0;
@@ -5121,6 +5146,11 @@ nz-carousel {
   height: 100%;
   overflow: hidden;
 }
+.slick-list,
+.slick-track,
+.slick-slide {
+  height: auto;
+}
 .slick-dots {
   display: block;
 }
@@ -5363,12 +5393,18 @@ nz-carousel {
   font-feature-settings: 'tnum';
   background-color: #fafafa;
   border: 1px solid #d9d9d9;
-  border-bottom: 0;
   border-radius: 2px;
 }
+.ant-collapse-rtl {
+  direction: rtl;
+}
 .ant-collapse > .ant-collapse-item {
   border-bottom: 1px solid #d9d9d9;
 }
+.ant-collapse > .ant-collapse-item:first-child,
+.ant-collapse > .ant-collapse-item:first-child > .ant-collapse-header {
+  border-radius: 2px 2px 0 0;
+}
 .ant-collapse > .ant-collapse-item:last-child,
 .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
   border-radius: 0 0 2px 2px;
@@ -5384,67 +5420,97 @@ nz-carousel {
   cursor: pointer;
   transition: all 0.3s, visibility 0s;
 }
+.ant-collapse > .ant-collapse-item > .ant-collapse-header > .ant-collapse-title {
+  flex: auto;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
+  display: flex;
+  align-items: center;
+  height: 22px;
+  margin-inline-end: 12px;
+}
 .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
-  display: inline-block;
-  margin-right: 12px;
   font-size: 12px;
-  vertical-align: -1px;
+  transition: transform 0.3s;
 }
 .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
-  transition: transform 0.24s;
+  transition: transform 0.3s;
 }
-.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
-  flex: auto;
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-title {
+  margin-inline-end: auto;
 }
-.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
-  margin-left: auto;
-}
-.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
-  outline: none;
+.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus-visible {
+  outline: calc(1px * 3) solid var(--ant-primary-3);
+  outline-offset: 1px;
+  transition: outline-offset 0s, outline 0s;
 }
-.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
+.ant-collapse > .ant-collapse-item .ant-collapse-collapsible-header {
   cursor: default;
 }
-.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
+.ant-collapse > .ant-collapse-item .ant-collapse-collapsible-header .ant-collapse-title {
   flex: none;
   cursor: pointer;
 }
-.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only {
-  cursor: default;
+.ant-collapse > .ant-collapse-item .ant-collapse-collapsible-header .ant-collapse-expand-icon {
+  cursor: pointer;
+}
+.ant-collapse > .ant-collapse-item .ant-collapse-collapsible-icon {
+  cursor: unset;
 }
-.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon {
+.ant-collapse > .ant-collapse-item .ant-collapse-collapsible-icon .ant-collapse-expand-icon {
   cursor: pointer;
 }
 .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
   padding-left: 12px;
 }
-.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
-  position: relative;
-  padding: 12px 16px;
-  padding-right: 40px;
-}
-.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
-  position: absolute;
-  top: 50%;
-  right: 16px;
-  left: auto;
-  margin: 0;
-  transform: translateY(-50%);
-}
-.ant-collapse-content {
+.ant-collapse-panel {
   color: rgba(0, 0, 0, 0.85);
   background-color: #fff;
   border-top: 1px solid #d9d9d9;
 }
-.ant-collapse-content > .ant-collapse-content-box {
+.ant-collapse-panel > .ant-collapse-body {
   padding: 16px;
 }
-.ant-collapse-content-hidden {
+.ant-collapse-panel-hidden {
   display: none;
 }
-.ant-collapse-item:last-child > .ant-collapse-content {
+.ant-collapse-small > .ant-collapse-item > .ant-collapse-header {
+  padding: 8px 12px;
+  padding-inline-start: 8px;
+}
+.ant-collapse-small > .ant-collapse-item > .ant-collapse-expand-icon {
+  margin-inline-end: calc(12px - 8px);
+}
+.ant-collapse-small > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+  padding: 12px;
+}
+.ant-collapse-large > .ant-collapse-item {
+  font-size: 16px;
+  line-height: 1.5;
+}
+.ant-collapse-large > .ant-collapse-item > .ant-collapse-header {
+  padding: 16px 24px;
+  padding-inline-start: 16px;
+}
+.ant-collapse-large > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+  padding: 24px;
+}
+.ant-collapse-item:last-child {
+  border-bottom: 0;
+}
+.ant-collapse-item:last-child > .ant-collapse-panel {
   border-radius: 0 0 2px 2px;
 }
+.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
+.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.ant-collapse-icon-placement-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
+  order: 1;
+  margin-inline-end: 0;
+  margin-inline-start: 12px;
+}
 .ant-collapse-borderless {
   background-color: #fafafa;
   border: 0;
@@ -5453,18 +5519,18 @@ nz-carousel {
   border-bottom: 1px solid #d9d9d9;
 }
 .ant-collapse-borderless > .ant-collapse-item:last-child,
-.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
+.ant-collapse-borderless > .ant-collapse-item:last-child > .ant-collapse-header {
   border-radius: 0;
 }
 .ant-collapse-borderless > .ant-collapse-item:last-child {
   border-bottom: 0;
 }
-.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
+.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-panel {
   background-color: transparent;
   border-top: 0;
 }
-.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
-  padding-top: 4px;
+.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+  padding: 4px 12px 16px;
 }
 .ant-collapse-ghost {
   background-color: transparent;
@@ -5473,71 +5539,12 @@ nz-carousel {
 .ant-collapse-ghost > .ant-collapse-item {
   border-bottom: 0;
 }
-.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-panel {
   background-color: transparent;
-  border-top: 0;
-}
-.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
-.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
-  color: rgba(0, 0, 0, 0.25);
-  cursor: not-allowed;
-}
-.ant-collapse-small > .ant-collapse-item > .ant-collapse-header {
-  padding: 8px 12px;
-  padding-inline-start: 8px;
-}
-.ant-collapse-small > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
-  padding: 12px;
-}
-.ant-collapse-large > .ant-collapse-item {
-  font-size: 16px;
-  line-height: 1.5;
-}
-.ant-collapse-large > .ant-collapse-item > .ant-collapse-header {
-  padding: 16px 24px;
-  padding-inline-start: 16px;
-}
-.ant-collapse-large > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
-  padding: 24px;
-}
-.ant-collapse-rtl {
-  direction: rtl;
-}
-.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
-  position: relative;
-  padding: 12px 16px;
-  padding-left: 40px;
-}
-.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
-  position: absolute;
-  top: 50%;
-  right: auto;
-  left: 16px;
-  margin: 0;
-  transform: translateY(-50%);
-}
-.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
-  padding: 12px 16px;
-  padding-right: 40px;
-}
-.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
-  margin-right: 0;
-  margin-left: 12px;
-}
-.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
-  transform: rotate(180deg);
-}
-.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
-  margin-right: auto;
-  margin-left: 0;
+  border: 0;
 }
-.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
-  padding-right: 12px;
-  padding-left: 0;
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+  padding-block: 12px;
 }
 nz-collapse {
   display: block;
@@ -5988,6 +5995,10 @@ textarea.ant-picker-input > input {
 .ant-picker-small {
   padding: 0px 7px 0px;
 }
+.ant-picker-prefix {
+  flex: 0 0 auto;
+  margin-right: 4px;
+}
 .ant-picker-suffix {
   display: flex;
   flex: none;
@@ -14436,6 +14447,10 @@ textarea.ant-input {
   align-items: center;
   margin: auto;
 }
+.ant-input-out-of-range .ant-input,
+.ant-input-out-of-range .ant-input-show-count-suffix {
+  color: var(--ant-error-color);
+}
 .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
   margin-right: -1px;
 }
@@ -19002,7 +19017,7 @@ textarea.ant-mentions {
 }
 .ant-mentions-dropdown {
   position: relative;
-  top: 100%;
+  top: 0;
   left: 12px;
   width: 100%;
   margin-top: 8px;
@@ -22593,7 +22608,7 @@ span.ant-radio + * {
   background-color: #fff;
   border: 1px solid #d9d9d9;
   border-radius: 2px;
-  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  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);
 }
 .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
   cursor: pointer;
@@ -22662,6 +22677,7 @@ span.ant-radio + * {
   border-left-width: 1px !important;
 }
 .ant-select-selection-item {
+  position: relative;
   flex: 1;
   overflow: hidden;
   font-weight: normal;
@@ -23113,7 +23129,7 @@ span.ant-radio + * {
 }
 .ant-select-dropdown {
   position: relative;
-  top: 100%;
+  top: 0;
   left: 0;
   display: block;
   width: 100%;
@@ -29290,7 +29306,7 @@ div.ant-typography-edit-content.ant-typography-rtl {
   min-width: 111px;
   height: 180px;
   margin: 0;
-  padding: 4px 0;
+  padding: 4px;
   overflow: auto;
   vertical-align: top;
   list-style: none;
@@ -29489,6 +29505,14 @@ div.ant-typography-edit-content.ant-typography-rtl {
   margin-right: 0;
   margin-left: 8px;
 }
+.ant-cascader-dropdown {
+  padding: 0;
+}
+.ant-cascader-dropdown.ant-select-dropdown {
+  position: relative;
+  top: 0;
+  left: 0;
+}
 .ant-cascader-menus {
   position: relative;
   margin-top: 2px;
@@ -30526,7 +30550,7 @@ nz-tree {
 }
 .ant-select-dropdown.ant-select-tree-dropdown {
   position: relative;
-  top: 100%;
+  top: 0;
   left: 0;
   width: 100%;
   margin-top: 4px;