amis-ui 6.11.0-beta.8 → 6.11.0

package/lib/themes/default.css

@@ -537,6 +537,9 @@
   --Pagination-padding: 0 0.5rem;
   --Pagination-padding-sm: 0 0.25rem;
   --Pagination-light-color: var(--colors-neutral-text-4);
+  --Pagination-border: var(--borderWidth) var(--borders-style-2)
+    var(--colors-neutral-line-7);
+  --Panel--default-bg: var(--colors-neutral-fill-11);
   --Panel--default-badgeBg: var(--colors-neutral-fill-3);
   --Panel--default-badgeColor: var(--colors-neutral-fill-10);
   --Picker-onHover-iconColor: var(--icon-onHover-color);
@@ -17265,6 +17268,34 @@ samp {
   color: #cf1322;
   border: 1px dashed #cf1322;
 }
+.amis-hoverZoomIn-show,
+.amis-hoverZoomIn:hover {
+  transform: scale(1.1);
+}
+.amis-hoverZoomOut-show,
+.amis-hoverZoomOut:hover {
+  transform: scale(0.9);
+}
+.amis-hoverShadow-show,
+.amis-hoverShadow:hover {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+.amis-hoverBorder-show,
+.amis-hoverBorder:hover {
+  box-shadow: 0 0 10px var(--colors-brand-5), 0 0 10px var(--colors-brand-5) inset;
+}
+.amis-hoverUp-show,
+.amis-hoverUp:hover {
+  transform: translateY(-5px);
+}
+.amis-hoverDown-show,
+.amis-hoverDown:hover {
+  transform: translateY(5px);
+}
+.amis-hoverFlip-show,
+.amis-hoverFlip:hover {
+  transform: rotateY(180deg);
+}
 html,
 body {
   width: 100%;
@@ -23734,7 +23765,6 @@ input[type=button].cxd-Button--block {
 .cxd-DropDown-menu-root {
   position: absolute;
   z-index: 1000;
-  top: 100%;
   left: 0;
   margin: 0.0625rem 0 0;
   border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
@@ -24879,6 +24909,7 @@ input[type=button].cxd-Button--block {
   padding: 4px 0;
   background: var(--menu-background);
   box-shadow: var(--menu-box-shadow);
+  border-radius: var(--menu-border-radius);
   color: var(--menu-font-color);
   font-family: var(--menu-font-family);
   font-size: 12px;
@@ -24980,18 +25011,6 @@ input[type=button].cxd-Button--block {
 .cxd-ContextMenu-item:hover > .cxd-ContextMenu-subList:hover {
   display: block;
 }
-.cxd-ContextMenu-item:hover > .cxd-ContextMenu-subList::before {
-  display: block;
-  position: absolute;
-  content: "";
-  top: -1px;
-  left: -1px;
-  bottom: -1px;
-  right: -1px;
-  border-radius: var(--menu-border-radius);
-  border: 1px solid var(--menu-border-color);
-  z-index: -1;
-}
 .cxd-ContextMenu--left .cxd-ContextMenu-item:hover > .cxd-ContextMenu-subList {
   left: auto;
   right: 100%;
@@ -29515,6 +29534,9 @@ input[type=button].cxd-Button--block {
   border: var(--Pagination-onActive-border);
   border-radius: var(--borderRadius);
 }
+.cxd-Pagination-simple {
+  color: var(--Pagination-light-color);
+}
 .cxd-Pagination-simple > ul > li:hover, .cxd-Pagination-simple > ul > li:focus {
   outline: none;
 }
@@ -29686,7 +29708,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-inputGroup,
 .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-simplego {
-  height: var(--Pagination-height-sm);
+  height: var(--Pagination-height);
 }
 .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-inputGroup-input,
 .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-simplego-input {
@@ -29712,6 +29734,79 @@ input[type=button].cxd-Button--block {
   min-height: 1.5rem;
   vertical-align: baseline;
 }
+@media (max-width: 767px) {
+  .cxd-Pagination-wrap-size--sm .cxd-Pagination-item {
+    display: flex;
+    justify-content: center;
+    gap: 1rem;
+  }
+  .cxd-Pagination-wrap-size--sm .cxd-Pagination-item > li > a,
+  .cxd-Pagination-wrap-size--sm .cxd-Pagination-item > li > span {
+    border: var(--borderWidth) solid var(--borderColor);
+    padding: var(--Pagination-padding);
+    min-width: var(--Pagination-minWidth);
+    height: var(--Pagination-height);
+    line-height: var(--Pagination-height);
+    border-radius: var(--borderRadius);
+  }
+  .cxd-Pagination-wrap-size--sm .cxd-Pagination-item > li.disabled > a,
+  .cxd-Pagination-wrap-size--sm .cxd-Pagination-item > li.disabled > span {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-inputGroup-input,
+  .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-simplego-input {
+    border: none;
+    padding: 0;
+    margin-left: 0;
+  }
+  .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-inputGroup-right,
+  .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-simplego-right {
+    border: none;
+  }
+  .cxd-Pagination-wrap-size--md .cxd-Pagination-item {
+    display: flex;
+    justify-content: space-between;
+  }
+  .cxd-Pagination-wrap-size--md .cxd-Pagination-item > li > a,
+  .cxd-Pagination-wrap-size--md .cxd-Pagination-item > li > span {
+    border: var(--Pagination-border);
+    border-radius: var(--borderRadius);
+  }
+  .cxd-Pagination-wrap-size--md .cxd-Pagination-item > li.disabled > a,
+  .cxd-Pagination-wrap-size--md .cxd-Pagination-item > li.disabled > span {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  .cxd-Pagination-wrap-size--md .cxd-Pagination-item .cxd-Pagination-inputGroup-input,
+  .cxd-Pagination-wrap-size--md .cxd-Pagination-item .cxd-Pagination-simplego-input {
+    border: none;
+  }
+  .cxd-Pagination-wrap-size--md .cxd-Pagination-item .cxd-Pagination-inputGroup-right,
+  .cxd-Pagination-wrap-size--md .cxd-Pagination-item .cxd-Pagination-simplego-right {
+    border: none;
+  }
+  .cxd-Pagination-simplego {
+    display: inline-flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    height: var(--Pagination-height);
+  }
+  .cxd-Pagination input {
+    display: inline-block;
+    min-width: var(--Pagination-minWidth);
+    width: 2rem;
+    height: var(--Pagination-height);
+    line-height: var(--Pagination-height);
+    font-size: var(--fontSizeSm);
+    margin-right: 0;
+    padding: 0;
+  }
+  .cxd-Pagination input:focus, .cxd-Pagination input:hover {
+    outline: none;
+    border-color: var(--primary);
+  }
+}
 .cxd-Wrapper,
 .cxd-Container {
   /* 添加默认的min-width和min-height可避免容器子元素异常溢出 */
@@ -43953,6 +44048,49 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Nav-Menu-submenu-hidden {
   display: none;
 }
+.cxd-Nav-Menu-panel-wrapper {
+  display: flex;
+  width: 100%;
+  padding: 12px;
+}
+.cxd-Nav-Menu-panel-item {
+  display: flex;
+  align-items: center;
+  color: var(--Menu-light-fontColor);
+  font-size: var(--Nav-item-fontSize);
+}
+.cxd-Nav-Menu-panel-item:hover {
+  color: var(--Menu-light-fontColor-onHover);
+}
+.cxd-Nav-Menu-panel-item__icon-wrapper {
+  width: var(--Tabs-linkFontSize);
+  height: var(--Tabs-linkFontSize);
+  line-height: var(--Tabs-linkFontSize);
+  margin-right: 8px;
+}
+.cxd-Nav-Menu-panel-item__icon {
+  fill: currentColor;
+  width: 100%;
+  height: 100%;
+}
+.cxd-Nav-Menu-panel-item__label.is-group-header {
+  color: var(--Menu-light-groupTitle-fontColor);
+}
+.cxd-Nav-Menu-panel-group {
+  display: flex;
+  width: 100%;
+}
+.cxd-Nav-Menu-panel-group-item {
+  min-width: 120px;
+}
+.cxd-Nav-Menu-panel-group-item__header {
+  border-bottom: 1px solid #e8e8e8;
+  margin-bottom: 10px;
+  margin-bottom: 10px;
+}
+.cxd-Nav-Menu-panel-group-item + .cxd-Nav-Menu-panel-group-item {
+  margin-left: 16px;
+}
 .cxd-Nav-Menu-overflow-item {
   flex: none;
 }

package/lib/utils/smoothSignature.js

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

package/lib/utils/vectorComputed.js

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

package/lib/withRemoteConfig.js

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

package/lib/withStore.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * 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.11.0-beta.8",
+  "version": "6.11.0",
   "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.11.0-beta.8",
-    "amis-formula": "^6.11.0-beta.8",
+    "amis-core": "^6.11.0",
+    "amis-formula": "^6.11.0",
     "animate.css": "4.1.1",
     "classnames": "2.3.2",
     "codemirror": "^5.63.0",

package/scss/_properties.scss

@@ -630,7 +630,10 @@ $Table-strip-bg: transparent;
   --Pagination-padding: 0 #{px2rem(8px)};
   --Pagination-padding-sm: 0 #{px2rem(4px)};
   --Pagination-light-color: var(--colors-neutral-text-4);
+  --Pagination-border: var(--borderWidth) var(--borders-style-2)
+    var(--colors-neutral-line-7);
 
+  --Panel--default-bg: var(--colors-neutral-fill-11);
   --Panel--default-badgeBg: var(--colors-neutral-fill-3);
   --Panel--default-badgeColor: var(--colors-neutral-fill-10);
 

package/scss/base/_animate.scss

@@ -0,0 +1,42 @@
+// 内容放大
+.amis-hoverZoomIn-show,
+.amis-hoverZoomIn:hover {
+  transform: scale(1.1);
+}
+
+// 内容缩小
+.amis-hoverZoomOut-show,
+.amis-hoverZoomOut:hover {
+  transform: scale(0.9);
+}
+
+// 阴影增强
+.amis-hoverShadow-show,
+.amis-hoverShadow:hover {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+// 发光边框
+.amis-hoverBorder-show,
+.amis-hoverBorder:hover {
+  box-shadow: 0 0 10px var(--colors-brand-5),
+    0 0 10px var(--colors-brand-5) inset;
+}
+
+// 内容上升
+.amis-hoverUp-show,
+.amis-hoverUp:hover {
+  transform: translateY(-5px);
+}
+
+// 内容下降
+.amis-hoverDown-show,
+.amis-hoverDown:hover {
+  transform: translateY(5px);
+}
+
+// 内容翻转
+.amis-hoverFlip-show,
+.amis-hoverFlip:hover {
+  transform: rotateY(180deg);
+}

package/scss/components/_context-menu.scss

@@ -61,6 +61,7 @@
 
     background: var(--menu-background);
     box-shadow: var(--menu-box-shadow);
+    border-radius: var(--menu-border-radius);
 
     color: var(--menu-font-color);
     font-family: var(--menu-font-family);
@@ -170,21 +171,6 @@
     &:hover {
       display: block;
     }
-
-    // 附加的边框线
-    &::before {
-      display: block;
-      position: absolute;
-      content: '';
-      top: -1px;
-      left: -1px;
-      bottom: -1px;
-      right: -1px;
-
-      border-radius: var(--menu-border-radius);
-      border: 1px solid var(--menu-border-color);
-      z-index: -1;
-    }
   }
 
   &--left &-item:hover > &-subList {

package/scss/components/_dropdown.scss

@@ -47,7 +47,6 @@
     &-root {
       position: absolute;
       z-index: $zindex-dropdown;
-      top: 100%;
       left: 0;
       margin: px2rem(1px) 0 0;
       border: var(--Form-select-outer-borderWidth) solid

package/scss/components/_menu.scss

@@ -163,6 +163,63 @@
     }
   }
 
+  &-panel {
+    &-wrapper {
+      display: flex;
+      width: 100%;
+      padding: 12px;
+    }
+
+    &-item {
+      display: flex;
+      align-items: center;
+      color: var(--Menu-light-fontColor);
+      font-size: var(--Nav-item-fontSize);
+
+      &:hover {
+        color: var(--Menu-light-fontColor-onHover);
+      }
+      
+      &__icon-wrapper {
+        width: var(--Tabs-linkFontSize);
+        height: var(--Tabs-linkFontSize);
+        line-height: var(--Tabs-linkFontSize);
+        margin-right: 8px;
+      }
+
+      &__icon {
+        fill: currentColor;
+        width: 100%;
+        height: 100%;
+      }
+
+      &__label {
+        &.is-group-header {
+          color: var(--Menu-light-groupTitle-fontColor);
+        }
+      }
+    }
+
+    &-group {
+      display: flex;
+      width: 100%;
+
+      &-item {
+        min-width: 120px;
+
+        &__header {
+          border-bottom: 1px solid #e8e8e8;
+          margin-bottom: 10px;
+          margin-bottom: 10px;
+        }
+      }
+
+      &-item + &-item {
+        margin-left: 16px;
+      }
+    }
+  }
+
   &-overflow-item {
     flex: none;
   }
@@ -336,6 +393,7 @@
   &-vertical.#{$ns}Nav-Menu-sub {
     min-width: px2rem(160px);
   }
+  
 
   &-item,
   &-submenu-title {

package/scss/components/_pagination.scss

@@ -65,7 +65,9 @@
       border-radius: var(--borderRadius);
     }
   }
+
   &-simple {
+    color: var(--Pagination-light-color);
     > ul > li {
       &:hover,
       &:focus {
@@ -267,7 +269,6 @@
 
   .#{$ns}Pagination-item {
     margin-left: px2rem(4px);
-
     > li {
       > a,
       > span {
@@ -280,7 +281,7 @@
 
     .#{$ns}Pagination-inputGroup,
     .#{$ns}Pagination-simplego {
-      height: var(--Pagination-height-sm);
+      height: var(--Pagination-height);
       &-input {
         min-width: px2rem(40px);
         width: px2rem(40px);
@@ -302,7 +303,6 @@
       }
     }
   }
-
   .#{$ns}Pagination-perpage {
     margin-left: px2rem(4px);
     padding: 0 px2rem(6px);
@@ -310,3 +310,96 @@
     vertical-align: baseline;
   }
 }
+@include media-breakpoint-down(sm) {
+  .#{$ns}Pagination-wrap-size--sm {
+    .#{$ns}Pagination-item {
+      display: flex;
+      justify-content: center;
+      gap: px2rem(16px);
+      > li {
+        > a,
+        > span {
+          border: var(--borderWidth) solid var(--borderColor);
+          padding: var(--Pagination-padding);
+          min-width: var(--Pagination-minWidth);
+          height: var(--Pagination-height);
+          line-height: var(--Pagination-height);
+          border-radius: var(--borderRadius);
+        }
+        &.disabled {
+          > a,
+          > span {
+            opacity: 0.5;
+            cursor: not-allowed;
+          }
+        }
+        
+      }
+
+      .#{$ns}Pagination-inputGroup,
+      .#{$ns}Pagination-simplego {
+        &-input {
+          border: none;
+          padding: 0;
+          margin-left: 0;
+        }
+        &-right {
+          border: none;
+        }
+      }
+    }
+  }
+  .#{$ns}Pagination-wrap-size--md {
+    .#{$ns}Pagination-item {
+      display: flex;
+      justify-content: space-between;
+      > li {
+        > a,
+        > span {
+          border: var(--Pagination-border);
+          border-radius: var(--borderRadius);
+        }
+        &.disabled {
+          > a,
+          > span {
+            opacity: 0.5;
+            cursor: not-allowed;
+          }
+        }
+      }
+
+      .#{$ns}Pagination-inputGroup,
+      .#{$ns}Pagination-simplego {
+        &-input {
+          border: none;
+        }
+        &-right {
+          border: none;
+        }
+      }
+    }
+  }
+  .#{$ns}Pagination {
+    &-simplego {
+      display: inline-flex;
+      flex-wrap: nowrap;
+      align-items: center;
+      height: var(--Pagination-height);
+    }
+    input {
+      display: inline-block;
+      min-width: var(--Pagination-minWidth);
+      width: px2rem(32px);
+      height: var(--Pagination-height);
+      line-height: var(--Pagination-height);
+      font-size: var(--fontSizeSm);
+      margin-right: 0;
+      padding: 0;
+      &:focus,
+      &:hover {
+        outline: none;
+        border-color: var(--primary);
+      }
+    }
+  }
+}

package/scss/themes/_common.scss

@@ -5,6 +5,7 @@
 @import '../base/normalize';
 @import '../base/typography';
 @import '../base/common';
+@import '../base/animate';
 
 @import '../layout/layout';
 @import '../layout/grid';