amis-ui 6.13.0-beta.0 → 6.13.0-beta.10

package/lib/themes/default.css

@@ -4477,7 +4477,7 @@
   --Pick-status-focus-left-border-style: var(--borders-style-2);
   --Pick-status-focus-shadow: var(--shadows-shadow-none);
   --Pick-status-focus-bgColor: var(--colors-neutral-fill-11);
-  --Pick-status-disabled-color: var(--colors-neutral-text-2);
+  --Pick-status-disabled-color: var(--colors-neutral-line-6);
   --Pick-status-disabled-fontSize: var(--fonts-size-7);
   --Pick-status-disabled-fontWeight: var(--fonts-weight-6);
   --Pick-status-disabled-top-border-color: var(--colors-neutral-line-8);
@@ -4493,9 +4493,6 @@
   --Pick-status-disabled-left-border-width: var(--borders-width-2);
   --Pick-status-disabled-left-border-style: var(--borders-style-2);
   --Pick-status-disabled-bgColor: var(--colors-neutral-fill-10);
-  --Pick-status-disabled-color: var(--colors-neutral-line-6);
-  --Pick-status-disabled-fontSize: var(--fonts-size-7);
-  --Pick-status-disabled-fontWeight: var(--fonts-weight-6);
   --Status-base-fontSize: var(--fonts-size-9);
   --Status-base-icon-size: var(--sizes-size-8);
   --Status-base-text-margin: var(--sizes-size-3);
@@ -20728,7 +20725,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tooltip--dark {
   background: var(--Tooltip-bg--dark);
-  border: var(--common-popover-border);
+  border: none;
   box-shadow: var(--Tooltip-boxShadow--dark);
 }
 .cxd-Tooltip--dark .cxd-Tooltip-title {
@@ -26006,6 +26003,34 @@ input[type=button].cxd-Button--block {
   overflow-x: auto;
   transform: translateZ(0);
 }
+.cxd-Table-content.use-virtual-list > table > .virtual-table-body-placeholder > tr {
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+  background: transparent !important;
+}
+.cxd-Table-content.use-virtual-list > table > .virtual-table-body-placeholder > tr > td {
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+  background: transparent !important;
+}
+.cxd-Table-content.use-virtual-list > table > .virtual-table-body-placeholder > tr > td > div {
+  display: block;
+  height: 0;
+  width: 50px;
+  position: sticky;
+  left: 0;
+  will-change: height;
+  transform: translateZ(0);
+  contain: content;
+}
+.cxd-Table-content.use-virtual-list > table > .virtual-table-body-placeholder.leading > tr > td > div {
+  height: var(--Table-scroll-offset);
+}
+.cxd-Table-content.use-virtual-list > table > .virtual-table-body-placeholder.trailing > tr > td > div {
+  height: calc(var(--Table-scroll-height) - var(--Table-frame-height) - var(--Table-scroll-offset));
+}
 .cxd-Table-content-colDragLine {
   position: absolute;
   width: 7px;
@@ -26085,6 +26110,8 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table.is-layout-fixed td {
   white-space: normal;
   word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .cxd-Table-table.table-fixed-left .is-sticky-last-left:after {
   box-shadow: var(--Table-fixedLeft-boxShadow);
@@ -29455,6 +29482,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Field--popOverAble .cxd-Field-popOverWrap-ellipsis {
   width: auto;
+  max-height: var(--sizes-base-15);
   overflow: hidden;
   display: -webkit-inline-box;
   -webkit-box-orient: vertical;
@@ -38373,6 +38401,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   cursor: pointer;
   font-size: var(--fontSizeSm);
 }
+.cxd-ExcelControl {
+  position: relative;
+}
 .cxd-ExcelControl-container {
   display: flex;
   flex-direction: column;
@@ -38401,12 +38432,95 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--colors-neutral-text-6);
   outline: none;
   transition: border 0.24s ease-in-out;
+  cursor: pointer;
+}
+.cxd-ExcelControl-dropzone.is-disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.cxd-ExcelControl-dropzone.is-active {
+  border-color: var(--primary);
+  background-color: var(--colors-neutral-fill-8);
 }
 .cxd-ExcelControl-dropzone:focus {
   border-color: var(--primary);
 }
-.cxd-ExcelControl-dropzone.disabled {
-  opacity: 0.6;
+.cxd-ExcelControl-acceptTip {
+  text-align: center;
+}
+.cxd-ExcelControl-acceptTip .icon {
+  font-size: 1.875rem;
+  margin-bottom: var(--gap-xs);
+}
+.cxd-ExcelControl-uploadHint {
+  color: var(--primary);
+  margin-left: var(--gap-xs);
+  cursor: pointer;
+  transition: opacity 0.2s ease;
+}
+.cxd-ExcelControl-uploadHint:hover {
+  opacity: 0.8;
+}
+.cxd-ExcelControl-selectBtn .icon {
+  margin-right: var(--gap-xs);
+}
+.cxd-ExcelControl-selectBtn.is-disabled {
+  pointer-events: none;
+}
+.cxd-ExcelControl-list {
+  list-style: none;
+  padding: 0;
+  margin: var(--gap-md) 0 0;
+}
+.cxd-ExcelControl-list > li {
+  margin-bottom: var(--gap-sm);
+}
+.cxd-ExcelControl-list > li:last-child {
+  margin-bottom: 0;
+}
+.cxd-ExcelControl-itemInfo {
+  display: flex;
+  align-items: center;
+  padding: var(--gap-xs) var(--gap-sm);
+  background: var(--colors-neutral-fill-8);
+  border: var(--borders-base);
+  border-radius: var(--borders-radius-md);
+}
+.cxd-ExcelControl-itemInfo.is-invalid {
+  border-color: var(--danger);
+  background: var(--colors-danger-bg);
+}
+.cxd-ExcelControl-itemInfoIcon {
+  margin-right: var(--gap-sm);
+}
+.cxd-ExcelControl-itemInfoIcon .icon {
+  color: var(--colors-neutral-text-2);
+}
+.cxd-ExcelControl-itemInfoText {
+  flex: 1;
+  min-width: 0;
+  margin-right: var(--gap-sm);
+  color: var(--colors-neutral-text-2);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.cxd-ExcelControl-clear {
+  opacity: 0.3;
+  transition: opacity var(--animation-duration);
+  cursor: pointer;
+}
+.cxd-ExcelControl-clear:hover {
+  opacity: 1;
+}
+.cxd-ExcelControl-clear .icon {
+  color: var(--colors-neutral-text-2);
+}
+.cxd-ExcelControl-progressInfo {
+  margin-top: var(--gap-xs);
+  padding: 0 var(--gap-sm);
+  color: var(--colors-neutral-text-6);
+  font-size: var(--fonts-size-sm);
 }
 .cxd-EditorControl {
   min-height: 12.5rem;
@@ -39943,7 +40057,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Picker.is-disabled {
   pointer-events: none;
-  opacity: var(--Button-onDisabled-opacity);
 }
 .cxd-Picker.is-disabled .cxd-Picker-placeholder {
   color: var(--Pick-status-disabled-color);
@@ -42115,6 +42228,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-1 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-1 > .cxd-Form-item:nth-last-child(-n+1) {
   margin-bottom: 0;
@@ -42124,6 +42238,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-2 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-2 > .cxd-Form-item:nth-last-child(-n+2) {
   margin-bottom: 0;
@@ -42133,6 +42248,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-3 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-3 > .cxd-Form-item:nth-last-child(-n+3) {
   margin-bottom: 0;
@@ -42142,6 +42258,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-4 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-4 > .cxd-Form-item:nth-last-child(-n+4) {
   margin-bottom: 0;
@@ -42151,6 +42268,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-5 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-5 > .cxd-Form-item:nth-last-child(-n+5) {
   margin-bottom: 0;
@@ -42160,6 +42278,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-6 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-6 > .cxd-Form-item:nth-last-child(-n+6) {
   margin-bottom: 0;
@@ -42169,6 +42288,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-7 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-7 > .cxd-Form-item:nth-last-child(-n+7) {
   margin-bottom: 0;
@@ -42178,6 +42298,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-8 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-8 > .cxd-Form-item:nth-last-child(-n+8) {
   margin-bottom: 0;
@@ -42187,6 +42308,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-9 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-9 > .cxd-Form-item:nth-last-child(-n+9) {
   margin-bottom: 0;
@@ -42196,6 +42318,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form--column-10 > [data-role*=container] {
   flex: 100%;
+  min-width: 0;
 }
 .cxd-Form--column-10 > .cxd-Form-item:nth-last-child(-n+10) {
   margin-bottom: 0;

package/lib/utils/vectorComputed.js

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

package/lib/withRemoteConfig.js

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

package/lib/withStore.js

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

package/scss/_components.scss

@@ -3744,7 +3744,7 @@
   --Pick-status-focus-left-border-style: var(--borders-style-2);
   --Pick-status-focus-shadow: var(--shadows-shadow-none);
   --Pick-status-focus-bgColor: var(--colors-neutral-fill-11);
-  --Pick-status-disabled-color: var(--colors-neutral-text-2);
+  --Pick-status-disabled-color: var(--colors-neutral-line-6);
   --Pick-status-disabled-fontSize: var(--fonts-size-7);
   --Pick-status-disabled-fontWeight: var(--fonts-weight-6);
   --Pick-status-disabled-top-border-color: var(--colors-neutral-line-8);
@@ -3760,9 +3760,6 @@
   --Pick-status-disabled-left-border-width: var(--borders-width-2);
   --Pick-status-disabled-left-border-style: var(--borders-style-2);
   --Pick-status-disabled-bgColor: var(--colors-neutral-fill-10);
-  --Pick-status-disabled-color: var(--colors-neutral-line-6);
-  --Pick-status-disabled-fontSize: var(--fonts-size-7);
-  --Pick-status-disabled-fontWeight: var(--fonts-weight-6);
 
   --Status-base-fontSize: var(--fonts-size-9);
   --Status-base-icon-size: var(--sizes-size-8);

package/scss/components/_popoverable.scss

@@ -27,6 +27,7 @@
 
     &-ellipsis {
       width: auto;
+      max-height: var(--sizes-base-15);
       overflow: hidden;
       display: -webkit-inline-box;
       -webkit-box-orient: vertical;

package/scss/components/_table.scss

@@ -184,6 +184,45 @@
     min-height: 0.01%;
     overflow-x: auto;
     transform: translateZ(0);
+
+    &.use-virtual-list {
+      > table > .virtual-table-body-placeholder {
+        > tr {
+          padding: 0 !important;
+          margin: 0 !important;
+          border: 0 !important;
+          background: transparent !important;
+        }
+        > tr > td {
+          padding: 0 !important;
+          margin: 0 !important;
+          border: 0 !important;
+          background: transparent !important;
+
+          > div {
+            display: block;
+            height: 0;
+            width: 50px;
+            position: sticky;
+            left: 0;
+            will-change: height;
+            transform: translateZ(0);
+            contain: content;
+          }
+        }
+      }
+
+      > table > .virtual-table-body-placeholder.leading > tr > td > div {
+        height: var(--Table-scroll-offset);
+      }
+
+      > table > .virtual-table-body-placeholder.trailing > tr > td > div {
+        height: calc(
+          var(--Table-scroll-height) - var(--Table-frame-height) -
+            var(--Table-scroll-offset)
+        );
+      }
+    }
   }
 
   &-content-colDragLine {
@@ -279,6 +318,8 @@
     &.is-layout-fixed td {
       white-space: normal;
       word-break: break-all;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     &.table-fixed-left .is-sticky-last-left:after {

package/scss/components/_tooltip.scss

@@ -179,7 +179,7 @@
 
   &--dark {
     background: var(--Tooltip-bg--dark);
-    border: var(--common-popover-border);
+    border: none;
     box-shadow: var(--Tooltip-boxShadow--dark);
 
     .#{$ns}Tooltip-title {

package/scss/components/form/_excel.scss

@@ -1,6 +1,8 @@
 // Excel 上传的配置，基于 https://react-dropzone.js.org/
 
 .#{$ns}ExcelControl {
+  position: relative;
+
   &-container {
     display: flex;
     flex-direction: column;
@@ -32,13 +34,117 @@
     color: var(--colors-neutral-text-6);
     outline: none;
     transition: border 0.24s ease-in-out;
+    cursor: pointer;
+
+    &.is-disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    &.is-active {
+      border-color: var(--primary);
+      background-color: var(--colors-neutral-fill-8);
+    }
+
+    &:focus {
+      border-color: var(--primary);
+    }
+  }
+
+  &-acceptTip {
+    text-align: center;
+
+    .icon {
+      font-size: px2rem(30px);
+      margin-bottom: var(--gap-xs);
+    }
+  }
+
+  &-uploadHint {
+    color: var(--primary);
+    margin-left: var(--gap-xs);
+    cursor: pointer;
+    transition: opacity 0.2s ease;
+
+    &:hover {
+      opacity: 0.8;
+    }
   }
 
-  &-dropzone:focus {
-    border-color: var(--primary);
+  &-selectBtn {
+    .icon {
+      margin-right: var(--gap-xs);
+    }
+
+    &.is-disabled {
+      pointer-events: none;
+    }
   }
 
-  &-dropzone.disabled {
-    opacity: 0.6;
+  &-list {
+    list-style: none;
+    padding: 0;
+    margin: var(--gap-md) 0 0;
+
+    > li {
+      margin-bottom: var(--gap-sm);
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  &-itemInfo {
+    display: flex;
+    align-items: center;
+    padding: var(--gap-xs) var(--gap-sm);
+    background: var(--colors-neutral-fill-8);
+    border: var(--borders-base);
+    border-radius: var(--borders-radius-md);
+
+    &.is-invalid {
+      border-color: var(--danger);
+      background: var(--colors-danger-bg);
+    }
+  }
+
+  &-itemInfoIcon {
+    margin-right: var(--gap-sm);
+
+    .icon {
+      color: var(--colors-neutral-text-2);
+    }
+  }
+
+  &-itemInfoText {
+    flex: 1;
+    min-width: 0;
+    margin-right: var(--gap-sm);
+    color: var(--colors-neutral-text-2);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &-clear {
+    opacity: 0.3;
+    transition: opacity var(--animation-duration);
+    cursor: pointer;
+
+    &:hover {
+      opacity: 1;
+    }
+
+    .icon {
+      color: var(--colors-neutral-text-2);
+    }
+  }
+
+  &-progressInfo {
+    margin-top: var(--gap-xs);
+    padding: 0 var(--gap-sm);
+    color: var(--colors-neutral-text-6);
+    font-size: var(--fonts-size-sm);
   }
 }

package/scss/components/form/_form.scss

@@ -538,6 +538,7 @@
 
   .#{$ns}Form--column-#{$i} > [data-role*='container'] {
     flex: 100%;
+    min-width: 0;
   }
 
   .#{$ns}Form--column-#{$i} > .#{$ns}Form-item:nth-last-child(-n + #{$i}) {

package/scss/components/form/_picker.scss

@@ -39,7 +39,6 @@
 
   &.is-disabled {
     pointer-events: none;
-    opacity: var(--Button-onDisabled-opacity);
 
     .#{$ns}Picker-placeholder {
       color: var(--Pick-status-disabled-color);