amis-ui 6.12.0-beta.1 → 6.12.0-beta.11

package/lib/themes/default.css

@@ -17290,11 +17290,11 @@ samp {
 }
 .amis-hoverZoomIn-show,
 .amis-hoverZoomIn:hover {
-  transform: scale(1.1);
+  transform: scale(1.05);
 }
 .amis-hoverZoomOut-show,
 .amis-hoverZoomOut:hover {
-  transform: scale(0.9);
+  transform: scale(0.95);
 }
 .amis-hoverShadow-show,
 .amis-hoverShadow:hover {
@@ -17306,16 +17306,43 @@ samp {
 }
 .amis-hoverUp-show,
 .amis-hoverUp:hover {
-  transform: translateY(-5px);
+  transform: translateY(-4px);
 }
 .amis-hoverDown-show,
 .amis-hoverDown:hover {
-  transform: translateY(5px);
+  transform: translateY(4px);
+}
+.amis-hoverLeft-show,
+.amis-hoverLeft:hover {
+  transform: translateX(-4px);
+}
+.amis-hoverRight-show,
+.amis-hoverRight:hover {
+  transform: translateX(4px);
 }
 .amis-hoverFlip-show,
 .amis-hoverFlip:hover {
   transform: rotateY(180deg);
 }
+@keyframes hoverFlash {
+  from, to {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.8;
+  }
+}
+@keyframes hoverShake {
+  from, to {
+    transform: translate3d(0, 0, 0);
+  }
+  30% {
+    transform: translate3d(-5px, 0, 0);
+  }
+  60% {
+    transform: translate3d(5px, 0, 0);
+  }
+}
 html,
 body {
   width: 100%;
@@ -22832,6 +22859,9 @@ input[type=button].cxd-Button--block {
   width: 100%;
   height: 100%;
   background: var(--Page-main-bg);
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
 }
 .cxd-Page-header {
   padding: var(--Page-header-paddingY) var(--Page-header-paddingX);
@@ -22844,7 +22874,7 @@ input[type=button].cxd-Button--block {
 .cxd-Page-content {
   padding: var(--Page-content-paddingY) var(--Page-content-paddingX);
   position: relative;
-  height: 100%;
+  height: auto;
   width: 100%;
 }
 .cxd-Page-main > .cxd-Page-header {
@@ -22915,6 +22945,25 @@ input[type=button].cxd-Button--block {
 .cxd-Page-toolbar > * + * {
   margin-left: var(--gap-xs);
 }
+@media (max-width: 767px) {
+  .cxd-Page {
+    flex-direction: column;
+  }
+  .cxd-Page-aside {
+    flex-shrink: 0;
+  }
+  .cxd-Page-content {
+    flex-grow: 1;
+    min-height: 0;
+    display: flex;
+    align-items: stretch;
+    flex-direction: row;
+  }
+  .cxd-Page-main {
+    height: auto;
+    width: 100%;
+  }
+}
 @media (min-width: 768px) {
   .cxd-Page-aside {
     flex-shrink: 0;
@@ -26770,7 +26819,10 @@ input[type=button].cxd-Button--block {
   border-top: none;
 }
 .cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content > table.cxd-Table-table--tableFillHeight > tbody {
-  height: calc(var(--Table-content-height) - var(--Table-thead-height));
+  height: calc(var(--Table-content-height) - var(--Table-thead-height) - 20px);
+}
+.cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content > table.cxd-Table-table--tableFillHeight > tbody > tr > td {
+  border-bottom: none;
 }
 .cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content table thead {
   position: sticky;
@@ -27928,6 +27980,12 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-container-self-sticky .cxd-Table-content {
   overflow-x: unset !important;
 }
+.cxd-Table2 .cxd-Table-container-self-sticky .cxd-Table-table {
+  border-collapse: separate;
+}
+.cxd-Table2 .cxd-Table-container-self-sticky .cxd-Table-table > tbody > tr > td {
+  border-top: none;
+}
 .cxd-Table2 .cxd-Table-container-self-sticky .cxd-Table-row {
   z-index: 1;
 }
@@ -28288,6 +28346,9 @@ input[type=button].cxd-Button--block {
   background: var(--DropDown-menu-borderColor);
   padding: 0;
 }
+.cxd-ColumnToggler-menuItem > label, .cxd-ColumnToggler-menu > li > label {
+  margin: 0;
+}
 .cxd-ColumnToggler-menu:not(.is-mobile) > li:hover {
   background: var(--table-togglable-hover-bg-color);
   color: var(--DropDown-menuItem-onHover-color);
@@ -28431,6 +28492,7 @@ input[type=button].cxd-Button--block {
   border: var(--List-borderWidth) solid var(--List-borderColor);
   background: var(--List-bg);
   margin-bottom: var(--gap-sm);
+  margin-right: 0.9375rem;
 }
 .cxd-List-toolbar {
   display: flex;
@@ -28500,6 +28562,14 @@ input[type=button].cxd-Button--block {
   background: var(--Table-bg);
   z-index: 900;
 }
+.cxd-List-content-wrapper {
+  display: flex;
+  position: relative;
+}
+.cxd-List-main {
+  flex: 1;
+  min-width: 0;
+}
 .cxd-ListGroup {
   max-width: 25rem;
   display: flex;
@@ -28632,6 +28702,49 @@ input[type=button].cxd-Button--block {
   color: var(--ListMenu-item--onHover-color);
   background: var(--ListMenu-item--onHover-bg);
 }
+.cxd-AlphabetIndexer {
+  position: sticky;
+  top: calc(var(--affix-offset-top) + var(--gap-base));
+  right: 0.3125rem;
+  height: -moz-fit-content;
+  height: fit-content;
+  padding: 0.625rem 0.3125rem;
+  background: var(--white);
+  border-radius: var(--borderRadius);
+  box-shadow: var(--boxShadow);
+  z-index: 1050;
+  display: flex;
+  flex-direction: column;
+  align-self: flex-start;
+  overflow-y: auto;
+}
+@media (max-width: 768px) {
+  .cxd-AlphabetIndexer {
+    position: sticky;
+    top: calc(var(--affix-offset-top) + var(--gap-base));
+    right: 0.3125rem;
+    align-self: flex-start;
+  }
+}
+.cxd-AlphabetIndexer-letter {
+  font-size: var(--fontSizeSm);
+  padding: 0.125rem 0.25rem;
+  cursor: pointer;
+  text-align: center;
+}
+@media (max-width: 768px) {
+  .cxd-AlphabetIndexer-letter {
+    padding: 0.0625rem 0.125rem;
+  }
+}
+.cxd-AlphabetIndexer-letter:hover {
+  color: var(--primary);
+}
+.cxd-AlphabetIndexer-letter.is-active {
+  color: var(--white);
+  background: var(--primary);
+  border-radius: var(--borderRadius-sm);
+}
 .cxd-Cards {
   scroll-margin-top: var(--affix-offset-top);
 }
@@ -28727,6 +28840,32 @@ input[type=button].cxd-Button--block {
   background: var(--Table-bg);
   z-index: 900;
 }
+@media (min-width: 0) {
+  .cxd-Cards--masonryXs1 {
+    -moz-column-count: 12;
+         column-count: 12;
+  }
+  .cxd-Cards--masonryXs2 {
+    -moz-column-count: 6;
+         column-count: 6;
+  }
+  .cxd-Cards--masonryXs3 {
+    -moz-column-count: 4;
+         column-count: 4;
+  }
+  .cxd-Cards--masonryXs4 {
+    -moz-column-count: 3;
+         column-count: 3;
+  }
+  .cxd-Cards--masonryXs6 {
+    -moz-column-count: 2;
+         column-count: 2;
+  }
+  .cxd-Cards--masonryXs12 {
+    -moz-column-count: 1;
+         column-count: 1;
+  }
+}
 @media (min-width: 576px) {
   .cxd-Cards--masonrySm1 {
     -moz-column-count: 12;
@@ -32621,15 +32760,36 @@ input[type=button].cxd-Button--block {
 .cxd-Steps .cxd-StepsItem.is-clickable .cxd-StepsItem-containerProgressDot, .cxd-Steps .cxd-StepsItem.is-clickable .cxd-StepsItem-containerIcon, .cxd-Steps .cxd-StepsItem.is-clickable .cxd-StepsItem-containerWrapper {
   cursor: pointer;
 }
+.cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem {
+  overflow: visible;
+}
+.cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerTail:after {
+  display: none;
+}
+.cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerWrapper {
+  transform: translateX(-0.3125rem);
+}
+.cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
 .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title::after {
   display: none !important;
 }
+.cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title span {
+  left: 0;
+}
+.cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-description {
+  min-width: 8.75rem;
+}
 .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title .cxd-StepsItem-subTitle {
   padding-left: 0.3125rem;
 }
 .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerIcon {
   position: relative;
   display: block;
+  margin-left: 2.5rem;
 }
 .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerIcon:after {
   content: "";
@@ -32637,8 +32797,8 @@ input[type=button].cxd-Button--block {
   right: 0;
   top: 0.9375rem;
   height: 1px;
-  left: 2.5rem;
-  width: 99999px;
+  left: 2.1875rem;
+  width: 5rem;
   background-color: var(--Steps-line-bg);
 }
 .cxd-Steps-mobile.cxd-Steps--horizontal .cxd-StepsItem-containerIcon.is-success:after {
@@ -32831,6 +32991,46 @@ input[type=button].cxd-Button--block {
     overflow: hidden;
   }
 }
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-Container {
+  display: flex;
+  max-width: 100%;
+}
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-Container-main {
+  flex: 1 1 auto;
+  scrollbar-width: none;
+  max-width: calc(100% - 64px);
+  position: relative;
+}
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-arrow {
+  flex: 0 0 16px;
+  height: 100%;
+  cursor: pointer;
+  box-sizing: content-box;
+}
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-arrow .icon {
+  top: 0;
+  width: var(--Remark-icon-fontSize);
+  height: var(--Remark-icon-fontSize);
+}
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-arrow:hover {
+  color: var(--icon-onHover-color);
+}
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-arrow--left {
+  margin-right: 16px;
+}
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-arrow--left .icon {
+  transform: rotate(180deg);
+}
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-arrow--right {
+  margin-left: 16px;
+}
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-arrow--disabled .iconfont {
+  cursor: not-allowed;
+  color: var(--Number-handler-onDisabled-color);
+}
+.cxd-HorizontalScroll-wrapper .cxd-HorizontalScroll-arrow--disabled:hover {
+  color: var(--Number-handler-onDisabled-color);
+}
 fieldset.cxd-Collapse--lg, fieldset.cxd-Collapse--md, fieldset.cxd-Collapse--base, fieldset.cxd-Collapse--sm, fieldset.cxd-Collapse--xs {
   position: relative;
 }
@@ -45532,6 +45732,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   cursor: pointer;
   font-size: 14px;
   color: #aaa;
+  top: 0;
 }
 .cxd-Signature-Embed-Preview .preview-close:hover {
   color: #000;

package/lib/utils/vectorComputed.js

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

package/lib/withRemoteConfig.js

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

package/lib/withStore.js

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

package/package.json

@@ -3,7 +3,7 @@
   "main": "lib/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
-  "version": "6.12.0-beta.1",
+  "version": "6.12.0-beta.11",
   "description": "",
   "scripts": {
     "build": "npm run clean-dist && cross-env NODE_ENV=production rollup -c ",
@@ -36,8 +36,8 @@
   },
   "dependencies": {
     "@rc-component/mini-decimal": "^1.0.1",
-    "amis-core": "^6.12.0-beta.1",
-    "amis-formula": "^6.12.0-beta.1",
+    "amis-core": "*",
+    "amis-formula": "*",
     "animate.css": "4.1.1",
     "classnames": "2.3.2",
     "codemirror": "^5.63.0",
@@ -70,6 +70,7 @@
     "react-textarea-autosize": "8.3.3",
     "react-transition-group": "4.4.2",
     "react-visibility-sensor": "5.1.1",
+    "smooth-signature": "^1.0.15",
     "sortablejs": "1.15.0",
     "tinymce": "^6.1.2",
     "tslib": "^2.3.1",

package/scss/base/_animate.scss

@@ -1,13 +1,13 @@
 // 内容放大
 .amis-hoverZoomIn-show,
 .amis-hoverZoomIn:hover {
-  transform: scale(1.1);
+  transform: scale(1.05);
 }
 
 // 内容缩小
 .amis-hoverZoomOut-show,
 .amis-hoverZoomOut:hover {
-  transform: scale(0.9);
+  transform: scale(0.95);
 }
 
 // 阴影增强
@@ -26,13 +26,25 @@
 // 内容上升
 .amis-hoverUp-show,
 .amis-hoverUp:hover {
-  transform: translateY(-5px);
+  transform: translateY(-4px);
 }
 
 // 内容下降
 .amis-hoverDown-show,
 .amis-hoverDown:hover {
-  transform: translateY(5px);
+  transform: translateY(4px);
+}
+
+// 向左滑动
+.amis-hoverLeft-show,
+.amis-hoverLeft:hover {
+  transform: translateX(-4px);
+}
+
+// 向右滑动
+.amis-hoverRight-show,
+.amis-hoverRight:hover {
+  transform: translateX(4px);
 }
 
 // 内容翻转
@@ -40,3 +52,33 @@
 .amis-hoverFlip:hover {
   transform: rotateY(180deg);
 }
+
+// 闪烁
+@keyframes hoverFlash {
+  from,
+  to {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.8;
+  }
+}
+
+// 抖动
+@keyframes hoverShake {
+  from,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  30% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+    transform: translate3d(-5px, 0, 0);
+  }
+
+  60% {
+    -webkit-transform: translate3d(5px, 0, 0);
+    transform: translate3d(5px, 0, 0);
+  }
+}

package/scss/components/_cards.scss

@@ -111,6 +111,32 @@
   }
 }
 
+@include media-breakpoint-up(xs) {
+  .#{$ns}Cards--masonryXs1 {
+    column-count: 12;
+  }
+
+  .#{$ns}Cards--masonryXs2 {
+    column-count: 6;
+  }
+
+  .#{$ns}Cards--masonryXs3 {
+    column-count: 4;
+  }
+
+  .#{$ns}Cards--masonryXs4 {
+    column-count: 3;
+  }
+
+  .#{$ns}Cards--masonryXs6 {
+    column-count: 2;
+  }
+
+  .#{$ns}Cards--masonryXs12 {
+    column-count: 1;
+  }
+}
+
 @include media-breakpoint-up(sm) {
   .#{$ns}Cards--masonrySm1 {
     column-count: 12;

package/scss/components/_column-toggler.scss

@@ -92,6 +92,10 @@
       background: var(--DropDown-menu-borderColor);
       padding: 0;
     }
+
+    > label {
+      margin: 0;
+    }
   }
 
   &-menu:not(.is-mobile) > li {

package/scss/components/_horizontal-scroll.scss

@@ -0,0 +1,51 @@
+.#{$ns}HorizontalScroll-wrapper {
+  .#{$ns}HorizontalScroll {
+    &-Container {
+      display: flex;
+      max-width: 100%;
+    }
+    &-Container-main {
+      flex: 1 1 auto;
+      scrollbar-width: none;
+      max-width: calc(100% - 64px);
+      position: relative;
+    }
+
+    &-arrow {
+      flex: 0 0 16px;
+      height: 100%;
+      cursor: pointer;
+      box-sizing: content-box;
+
+      .icon {
+        top: 0;
+        width: var(--Remark-icon-fontSize);
+        height: var(--Remark-icon-fontSize);
+      }
+
+      &:hover {
+        color: var(--icon-onHover-color);
+      }
+
+      &--left {
+        margin-right: 16px;
+        .icon {
+          transform: rotate(180deg);
+        }
+      }
+      &--right {
+        margin-left: 16px;
+      }
+      &--disabled {
+        .iconfont {
+          cursor: not-allowed;
+          color: var(--Number-handler-onDisabled-color);
+        }
+
+        &:hover {
+          color: var(--Number-handler-onDisabled-color);
+        }
+      }
+    }
+  }
+}

package/scss/components/_list.scss

@@ -10,6 +10,7 @@
     border: var(--List-borderWidth) solid var(--List-borderColor);
     background: var(--List-bg);
     margin-bottom: var(--gap-sm);
+    margin-right: px2rem(15px);
   }
 
   &-toolbar {
@@ -91,6 +92,16 @@
     background: var(--Table-bg);
     z-index: $zindex-sticky;
   }
+
+  &-content-wrapper {
+    display: flex;
+    position: relative;
+  }
+
+  &-main {
+    flex: 1;
+    min-width: 0; // 防止内容溢出
+  }
 }
 
 .#{$ns}ListGroup {
@@ -254,3 +265,49 @@
     background: var(--ListMenu-item--onHover-bg);
   }
 }
+
+// 修改索引条样式
+.#{$ns}AlphabetIndexer {
+  position: sticky;
+  top: calc(var(--affix-offset-top) + var(--gap-base));
+  right: px2rem(5px);
+  height: fit-content;
+  padding: px2rem(10px) px2rem(5px);
+  background: var(--white);
+  border-radius: var(--borderRadius);
+  box-shadow: var(--boxShadow);
+  z-index: 1050;
+  display: flex;
+  flex-direction: column;
+  align-self: flex-start;
+  overflow-y: auto;
+
+  // 移动端样式
+  @media (max-width: 768px) {
+    position: sticky;
+    top: calc(var(--affix-offset-top) + var(--gap-base));
+    right: px2rem(5px);
+    align-self: flex-start;
+  }
+
+  &-letter {
+    font-size: var(--fontSizeSm);
+    padding: px2rem(2px) px2rem(4px);
+    cursor: pointer;
+    text-align: center;
+
+    @media (max-width: 768px) {
+      padding: px2rem(1px) px2rem(2px);
+    }
+
+    &:hover {
+      color: var(--primary);
+    }
+
+    &.is-active {
+      color: var(--white);
+      background: var(--primary);
+      border-radius: var(--borderRadius-sm);
+    }
+  }
+}

package/scss/components/_page.scss

@@ -2,6 +2,9 @@
   width: 100%;
   height: 100%;
   background: var(--Page-main-bg);
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
 
   &-header {
     padding: var(--Page-header-paddingY) var(--Page-header-paddingX);
@@ -17,7 +20,7 @@
   &-content {
     padding: var(--Page-content-paddingY) var(--Page-content-paddingX);
     position: relative;
-    height: 100%;
+    height: auto;
     width: 100%;
   }
 
@@ -109,6 +112,29 @@
   // background: var(--Page-aside-bg);
 }
 
+@include media-breakpoint-down(sm) {
+  .#{$ns}Page {
+    flex-direction: column;
+  }
+
+  .#{$ns}Page-aside {
+    flex-shrink: 0;
+  }
+
+  .#{$ns}Page-content {
+    flex-grow: 1;
+    min-height: 0;
+    display: flex;
+    align-items: stretch;
+    flex-direction: row;
+  }
+
+  .#{$ns}Page-main {
+    height: auto;
+    width: 100%;
+  }
+}
+
 @include media-breakpoint-up(md) {
   .#{$ns}Page-aside {
     &::before {

package/scss/components/_signature.scss

@@ -59,6 +59,7 @@
         cursor: pointer;
         font-size: 14px;
         color: #aaa;
+        top: 0;
         &:hover {
           color: #000;
         }