amis-ui 6.12.0-beta.0 → 6.12.0-beta.2

package/lib/themes/ang.css

@@ -26772,8 +26772,8 @@ input[type=button].a-Button--block {
 .a-Table--autoFillHeight > .a-Table-contentWrap > .a-Table-content > table {
   border-top: none;
 }
-.a-Table--autoFillHeight > .a-Table-contentWrap > .a-Table-content > table.a-Table-table--tableFillHeight {
-  min-height: 100%;
+.a-Table--autoFillHeight > .a-Table-contentWrap > .a-Table-content > table.a-Table-table--tableFillHeight > tbody {
+  height: calc(var(--Table-content-height) - var(--Table-thead-height));
 }
 .a-Table--autoFillHeight > .a-Table-contentWrap > .a-Table-content table thead {
   position: sticky;
@@ -27925,6 +27925,21 @@ input[type=button].a-Button--block {
 .a-Table2 .a-Table-container .a-Table-header {
   padding: 0;
 }
+.a-Table2 .a-Table-container-self-sticky {
+  position: relative !important;
+}
+.a-Table2 .a-Table-container-self-sticky .a-Table-content {
+  overflow-x: unset !important;
+}
+.a-Table2 .a-Table-container-self-sticky .a-Table-row {
+  z-index: 1;
+}
+.a-Table2 .a-Table-container-self-sticky .a-Table-cell-self-sticky {
+  z-index: 2 !important;
+}
+.a-Table2 .a-Table-container-self-sticky .a-Table-cell-fix-left {
+  z-index: 3 !important;
+}
 .a-Table2.a-Table-ping-left .a-Table-table > thead > tr > th.a-Table-cell-fix-left-last:after,
 .a-Table2.a-Table-ping-left .a-Table-table > tbody > tr > td.a-Table-cell-fix-left-last:after,
 .a-Table2.a-Table-ping-left .a-Table-table > tfoot > tr > td.a-Table-cell-fix-left-last:after {
@@ -30472,6 +30487,19 @@ input[type=button].a-Button--block {
 .a-ImageGallery-toolbar-action:hover .a-ImageGallery-toolbar-action-icon svg {
   fill: var(--primary);
 }
+.sm-ss-sss-m .a-Image,
+.sss-ss-ms-m .a-Image,
+.sms-ss-sms-m .a-Image,
+.sm-ss-sss-ss .a-Image,
+.ms-ss-sss-ss .a-Image,
+.sss-ss-sm-ss .a-Image,
+.mss-ss-ssm-ss .a-Image,
+.sss-ss-mm-ss .a-Image,
+[class^=even-] .a-Image {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
 .a-Images {
   display: flex;
   flex-wrap: wrap;
@@ -30635,6 +30663,313 @@ input[type=button].a-Button--block {
 .a-Image-origin:hover .a-Image-overlay, .a-Image-thumbWrap:hover .a-Image-overlay {
   display: flex;
 }
+.a-Image .a-Img-container {
+  position: relative;
+}
+.a-Image .a-Img-container img {
+  transition: all ease-in-out 0.3s;
+}
+.a-Image .a-Img-container .mask {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  opacity: 0;
+  font-weight: bold;
+  font-size: 0.9375rem;
+  background-color: rgb(44, 63, 82);
+  color: #fff;
+  transition: all ease-in-out 0.3s;
+}
+.a-Image .hover-slide:hover .mask {
+  opacity: 1;
+  transform: translate(5%, 5%);
+  z-index: 1;
+}
+.a-Image .pull-top .mask {
+  opacity: 1;
+}
+.a-Image .pull-top img {
+  position: absolute;
+}
+.a-Image .pull-top:hover img {
+  transform: translateY(-70%);
+}
+.a-Image .scale-center .mask {
+  scale: 0.5;
+}
+.a-Image .scale-center .mask span {
+  position: absolute;
+  top: 5%;
+  left: 5%;
+}
+.a-Image .scale-center:hover .mask {
+  transform: scale(2);
+  opacity: 1;
+}
+.a-Image .scale-center:hover img {
+  transform: scale(0.5);
+}
+.a-Image .scale-top img {
+  position: absolute;
+}
+.a-Image .scale-top .mask {
+  opacity: 1;
+}
+.a-Image .scale-top .mask span {
+  position: absolute;
+  bottom: 5%;
+  left: 5%;
+}
+.a-Image .scale-top:hover img {
+  transform: translateY(-50%) scale(0.5);
+}
+.a-Image .text-style-1 {
+  overflow: hidden;
+}
+.a-Image .text-style-1 .mask {
+  z-index: 1;
+  opacity: 1;
+  background: rgba(48, 133, 163, 0.4);
+}
+.a-Image .text-style-1 .mask span {
+  position: absolute;
+  left: 5%;
+  bottom: 5%;
+  transition: all ease-in-out 0.3s;
+}
+.a-Image .text-style-1 img {
+  scale: 1.2;
+  transform: translateX(-5%);
+}
+.a-Image .text-style-1:hover .mask {
+  background: rgba(48, 133, 163, 0);
+}
+.a-Image .text-style-1:hover .mask span {
+  transform: translateY(-200%);
+}
+.a-Image .text-style-1:hover img {
+  transform: translateX(5%);
+}
+.a-Image .text-style-2 .mask {
+  opacity: 1;
+  background: transparent;
+}
+.a-Image .text-style-2 .mask span {
+  z-index: 1;
+  transition: all ease-in-out 0.3s;
+}
+.a-Image .text-style-2 .mask::before {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 0%;
+  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgba(72, 76, 97, 0.8) 75%);
+  transition: all ease-in-out 0.3s;
+}
+.a-Image .text-style-2:hover .mask::before {
+  height: 100%;
+}
+.a-Image .text-style-2:hover .mask span {
+  transform: translateY(-200%);
+}
+.a-Image .text-style-3 {
+  overflow: hidden;
+}
+.a-Image .text-style-3 .mask {
+  z-index: 1;
+  opacity: 1;
+  background: transparent;
+}
+.a-Image .text-style-3 .mask span {
+  position: absolute;
+  top: 10%;
+  transition: all 0.3s ease-in-out;
+}
+.a-Image .text-style-3 img {
+  scale: 1.2;
+  transition: all 0.3s ease-in-out;
+}
+.a-Image .text-style-3 .mask::before,
+.a-Image .text-style-3 .mask::after {
+  content: "";
+  position: absolute;
+  top: 10%;
+  bottom: 10%;
+  left: 15%;
+  right: 15%;
+  transition: all 0.3s ease-in-out;
+  color: rgba(255, 255, 255, 0.7);
+  opacity: 0;
+}
+.a-Image .text-style-3 .mask::before {
+  border-top: 1px solid #ffffff;
+  border-bottom: 1px solid #ffffff;
+  transform: scaleX(0); /* 初始状态：水平方向缩放为0 */
+  transform-origin: left; /* 设置变换的原点为左侧 */
+}
+.a-Image .text-style-3 .mask::after {
+  border-left: 1px solid #ffffff;
+  border-right: 1px solid #ffffff;
+  transform: scaleY(0); /* 初始状态：垂直方向缩放为0 */
+  transform-origin: top; /* 设置变换的原点为顶部 */
+}
+.a-Image .text-style-3:hover .mask::before {
+  opacity: 1;
+  transform: scaleX(1.2) translateX(-10%); /* 鼠标悬停时：水平方向缩放为1 */
+}
+.a-Image .text-style-3:hover .mask::after {
+  opacity: 1;
+  transform: scaleY(1.2) translateY(-10%); /* 鼠标悬停时：垂直方向缩放为1 */
+}
+.a-Image .text-style-3:hover .mask {
+  background: rgba(48, 133, 163, 0.4);
+}
+.a-Image .text-style-3:hover .mask span {
+  top: 20%;
+}
+.a-Image .text-style-3:hover img {
+  transform: translateY(10%);
+}
+.a-Image .text-style-4 .mask {
+  background: #fff;
+  opacity: 1;
+  left: 0;
+  bottom: 0;
+  top: auto;
+  height: 0 !important;
+  transform-origin: bottom;
+  color: #0b0a22;
+  z-index: 1;
+}
+.a-Image .text-style-4 .mask span {
+  display: none;
+}
+.a-Image .text-style-4:hover .mask {
+  height: 40% !important;
+}
+.a-Image .text-style-4:hover .mask span {
+  display: block;
+}
+.a-Image .text-style-5 .mask {
+  opacity: 1;
+  background: rgba(48, 133, 163, 0);
+  z-index: 1;
+}
+.a-Image .text-style-5 .mask span {
+  position: relative;
+  bottom: -10%;
+  transition: all 0.3s ease-in-out;
+}
+.a-Image .text-style-5 .mask::before {
+  content: "";
+  border: 1px solid #ffffff;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 0;
+  height: 0;
+  transition: all 0.3s ease-in-out;
+  opacity: 0;
+}
+.a-Image .text-style-5:hover .mask::before {
+  width: 90%;
+  height: 90%;
+  opacity: 1;
+}
+.a-Image .text-style-5:hover .mask {
+  background: rgba(48, 133, 163, 0.4);
+}
+.a-Image .text-style-5:hover .mask span {
+  bottom: 10%;
+}
+.a-Image .text-style-6 .mask {
+  opacity: 1;
+  z-index: 1;
+  background: rgba(48, 133, 163, 0.4);
+}
+.a-Image .text-style-6 .mask span {
+  position: absolute;
+  transition: all 0.3s ease-in-out;
+  bottom: 40%;
+}
+.a-Image .text-style-6 .mask::before,
+.a-Image .text-style-6 .mask::after {
+  content: "";
+  position: absolute;
+  top: 5%;
+  bottom: 5%;
+  left: 7%;
+  right: 7%;
+  transition: all 0.3s ease-in-out;
+  color: rgba(255, 255, 255, 0.7);
+  opacity: 0;
+}
+.a-Image .text-style-6 .mask::before {
+  border-top: 1px solid #ffffff;
+  border-bottom: 1px solid #ffffff;
+  transform: scaleX(0); /* 初始状态：水平方向缩放为0 */
+}
+.a-Image .text-style-6 .mask::after {
+  border-left: 1px solid #ffffff;
+  border-right: 1px solid #ffffff;
+  transform: scaleY(0); /* 初始状态：垂直方向缩放为0 */
+}
+.a-Image .text-style-6:hover .mask::before {
+  opacity: 1;
+  transform: scaleX(1); /* 鼠标悬停时：水平方向缩放为1 */
+}
+.a-Image .text-style-6:hover .mask::after {
+  opacity: 1;
+  transform: scaleY(1); /* 鼠标悬停时：垂直方向缩放为1 */
+}
+.a-Image .text-style-6:hover .mask {
+  background: rgba(48, 133, 163, 0);
+}
+.a-Image .text-style-6:hover .mask span {
+  bottom: 5%;
+}
+.a-Image .text-style-7 .mask {
+  opacity: 1;
+  z-index: 1;
+  background: rgba(48, 133, 163, 0);
+}
+.a-Image .text-style-7 .mask span {
+  position: absolute;
+  top: 10%;
+  transition: all 0.3s ease-in-out;
+}
+.a-Image .text-style-7 .mask::before,
+.a-Image .text-style-7 .mask::after {
+  content: "";
+  width: 80%;
+  height: 1px;
+  background: #ffffff;
+  position: absolute;
+  transition: all 0.3s ease-in-out;
+}
+.a-Image .text-style-7:hover .mask {
+  background: rgba(48, 133, 163, 0.4);
+}
+.a-Image .text-style-7:hover .mask span {
+  top: 20%;
+}
+.a-Image .text-style-7:hover .mask::before {
+  transform: rotateZ(45deg);
+}
+.a-Image .text-style-7:hover .mask::after {
+  transform: rotateZ(-45deg);
+}
 .a-ImageField--thumb {
   display: inline-block;
   position: relative;
@@ -30656,6 +30991,70 @@ input[type=button].a-Button--block {
 .a-ImagesField::after {
   clear: both;
 }
+.a-ImagesField--full {
+  position: relative;
+}
+.a-ImagesField--full .a-Images {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  cursor: grab;
+}
+.a-ImagesField--full .a-Images-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 300px;
+}
+.a-ImagesField--full .a-Images-item {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  will-change: transform, opacity;
+  backface-visibility: hidden;
+}
+.a-ImagesField--full .a-Images-itemInner {
+  position: relative;
+  max-width: 100%;
+  max-height: 100vh;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.a-ImagesField--full .a-Images .a-Image-image {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.a-ImagesField--full .a-Images .a-Image-image--contain {
+  -o-object-fit: contain;
+     object-fit: contain;
+  width: 100%;
+  height: 100%;
+}
+.a-ImagesField--full .a-Images .a-Image-image--cover {
+  -o-object-fit: cover;
+     object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+.a-ImagesField--full .a-Images-itemIndex {
+  position: absolute;
+  right: 16px;
+  bottom: 16px;
+  background: rgba(0, 0, 0, 0.5);
+  color: white;
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  z-index: 10;
+  pointer-events: none;
+}
 .Image-view-icon {
   content: var(--image-image-normal-icon);
 }
@@ -32411,6 +32810,30 @@ input[type=button].a-Button--block {
   position: absolute;
   overflow: visible;
 }
+.a-Slider {
+  display: flex;
+}
+.a-Slider-BodyContainer {
+  width: 60%;
+}
+.a-Slider-LeftContainer, .a-Slider-RightContainer {
+  flex: 1;
+}
+@media (max-width: 767px) {
+  .a-Slider {
+    display: flex;
+    overflow: hidden;
+  }
+  .a-Slider-BodyContainer {
+    flex: 1;
+  }
+  .a-Slider-LeftContainer, .a-Slider-RightContainer {
+    flex: initial;
+    width: 0;
+    transition: width 0.3s;
+    overflow: hidden;
+  }
+}
 fieldset.a-Collapse--lg, fieldset.a-Collapse--md, fieldset.a-Collapse--base, fieldset.a-Collapse--sm, fieldset.a-Collapse--xs {
   position: relative;
 }

package/lib/themes/ang.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.12.0-beta.0
+ * amis-ui v6.12.0-beta.2
  * Copyright 2018-2025 fex
  */