amis-ui 3.4.3 → 3.5.1

package/lib/themes/default.css

@@ -2,6 +2,8 @@
 /* 此处放置需要override的变量，因为部分变量已经在variables.scss中定义 */
 :root,
 .AMISCSSWrapper {
+  --affix-offset-top: 0px;
+  --affix-offset-bottom: 0px;
   --white: var(--colors-neutral-text-11);
   --primary: var(--colors-brand-5);
   --primary-onHover: var(--colors-brand-6);
@@ -14906,6 +14908,7 @@ body {
 }
 .cxd-Layout--headerFixed {
   padding-top: var(--Layout-header-height);
+  --affix-offset-top: var(--Layout-header-height);
 }
 .cxd-Layout--headerFixed .cxd-Layout-header {
   position: fixed;
@@ -20251,6 +20254,25 @@ input[type=button].cxd-Button--block {
   background: var(--Nav-item-onActive-color);
   height: 2px;
 }
+.cxd-Nav--searchable {
+  display: flex;
+}
+.cxd-Nav--searchable:not(.cxd-Nav-horizontal) {
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.cxd-Nav--searchable:not(.cxd-Nav-horizontal) .cxd-Nav-SearchBox.is-active {
+  width: 100%;
+}
+.cxd-Nav--searchable.cxd-Nav-horizontal {
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.cxd-Nav--searchable.cxd-Nav-horizontal .cxd-Nav-SearchBox {
+  margin-left: 1rem;
+}
 .cxd-Page {
   width: 100%;
   height: 100%;
@@ -20340,6 +20362,7 @@ input[type=button].cxd-Button--block {
 }
 @media (min-width: 768px) {
   .cxd-Page-aside {
+    flex-shrink: 0;
     width: var(--Page-aside-width);
     border-right: var(--borderWidth) solid var(--borderColor);
   }
@@ -20367,6 +20390,13 @@ input[type=button].cxd-Button--block {
     width: 0;
     flex-grow: 1;
   }
+  .cxd-Page--asideSticky > .cxd-Page-aside {
+    position: sticky;
+    top: var(--affix-offset-top);
+    max-height: calc(100vh - var(--affix-offset-top) - var(--affix-offset-bottom));
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
 }
 .cxd-Remark {
   display: inline-block;
@@ -20625,19 +20655,10 @@ input[type=button].cxd-Button--block {
   /* 子组件 */
 }
 .cxd-Panel-fixedBottom {
-  position: absolute;
+  position: sticky;
   background: var(--white);
-  z-index: -1;
-  opacity: 0;
-  bottom: 999999px;
-  box-shadow: var(--Panel-fixedBottom-boxShadow);
-  border-top: var(--Panel-fixedBottom-borderTop);
-}
-.cxd-Panel-fixedBottom.in {
-  position: fixed;
-  bottom: 0;
+  bottom: var(--affix-offset-bottom);
   z-index: 900;
-  opacity: 1;
 }
 .cxd-Panel--default {
   border-color: var(--Panel-top-border-color) var(--Panel-right-border-color) var(--Panel-bottom-border-color) var(--Panel-left-border-color);
@@ -22931,6 +22952,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-fixedTop {
   position: sticky;
+  top: var(--affix-offset-top);
   background: var(--Table-bg);
   display: block;
   opacity: 1;
@@ -23602,6 +23624,10 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr > td.cxd-Table-primayCell {
   white-space: nowrap;
 }
+.cxd-Table-table > thead > tr > th.cxd-Table-primayCell > .cxd-Spinner,
+.cxd-Table-table > tbody > tr > td.cxd-Table-primayCell > .cxd-Spinner {
+  vertical-align: middle;
+}
 .cxd-Table.is-mobile .cxd-Table-table > tbody > tr:hover, .cxd-Table.is-mobile .cxd-Table-table > tbody > tr.is-hovered {
   background: var(--Table-bg);
   border-color: var(--Table-borderColor);
@@ -23784,6 +23810,13 @@ input[type=button].cxd-Button--block {
 .cxd-Table-footTable > tbody > tr:not(:first-child) {
   border-top: var(--Table-borderWidth) solid var(--Table-tbody-borderTopColor);
 }
+.cxd-Table-retryBtn {
+  color: var(--Form-feedBack-color);
+  cursor: pointer;
+}
+.cxd-Table-retryBtn:hover {
+  color: var(--Form-feedBack-color);
+}
 .cxd-Table-expandBtn, .cxd-Table-expandBtn2 {
   position: relative;
   z-index: 1;
@@ -25498,6 +25531,7 @@ input[type=button].cxd-Button--block {
   position: sticky;
   background: var(--white);
   z-index: 900;
+  top: var(--affix-offset-top);
 }
 .cxd-List-fixedTop .cxd-Cards-toolbar {
   margin-bottom: 0;
@@ -25688,6 +25722,7 @@ input[type=button].cxd-Button--block {
 .cxd-Cards-fixedTop {
   position: sticky;
   background: var(--white);
+  top: var(--affix-offset-top);
   padding: var(--gap-sm);
   z-index: 900;
 }
@@ -27000,13 +27035,23 @@ input[type=button].cxd-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
+  overflow: hidden;
 }
 .cxd-ImageGallery-main > img {
+  cursor: move;
+  cursor: -webkit-grab;
   display: block;
   max-width: 100%;
   max-height: 100%;
   transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
 }
+.cxd-ImageGallery-main.is-dragging > img {
+  transition: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  cursor: -webkit-grabbing;
+}
 .cxd-ImageGallery-prevBtn, .cxd-ImageGallery-nextBtn {
   position: absolute;
   top: 50%;
@@ -27137,6 +27182,7 @@ input[type=button].cxd-Button--block {
 .cxd-ImageGallery-toolbar {
   background-color: var(--image-images-preview-bgColor);
   border-radius: var(--image-images-preview-radius);
+  box-shadow: 0 2px 6px 0 rgba(211, 211, 211, 0.5);
   display: flex;
   align-items: flex-start;
   padding: var(--image-images-preview-paddingTop) var(--image-images-preview-paddingRight) var(--image-images-preview-paddingBottom) var(--image-images-preview-paddingLeft);
@@ -27963,6 +28009,13 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox-value.is-invalid {
   color: var(--Form-selectValue-onInvalid-color);
 }
+.cxd-ResultBox-valueLabel {
+  max-width: var(--Form-valueLabel-maxWidth);
+  overflow: hidden;
+  vertical-align: top;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .cxd-ResultBox-placeholder {
   color: var(--Form-input-placeholderColor);
   flex-grow: 1;
@@ -32301,6 +32354,16 @@ input.cxd-TextControl-input-password {
 .cxd-ListControl-item.is-disabled .b-inherit {
   border-color: var(--ListControl-item-onDisabled-borderColor);
 }
+.cxd-ListControl-item.is-custom {
+  border: none;
+  padding: 0;
+}
+.cxd-ListControl-item.is-custom:hover, .cxd-ListControl-item.is-custom.is-active {
+  border: none;
+}
+.cxd-ListControl-item.is-custom::before, .cxd-ListControl-item.is-custom::after {
+  display: none;
+}
 .cxd-LocationPicker {
   position: relative;
   display: inline-flex;
@@ -33978,6 +34041,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   line-height: 20px;
 }
 .cxd-FileControl-description {
+  margin-top: var(--inputFile-base-des-margin);
+  line-height: 20px;
   color: var(--inputFile-base-des-color);
   font-size: var(--inputFile-base-des-fontSize);
   font-weight: var(--inputFile-base-des-fontWeight);
@@ -34170,6 +34235,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-FileControl-sum > a {
   cursor: pointer;
+  font-size: var(--fontSizeSm);
 }
 .cxd-ExcelControl-container {
   display: flex;
@@ -34841,6 +34907,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Tree-itemHeight);
   line-height: var(--Tree-itemHeight);
   padding-right: var(--Tree-icon-gap);
+  flex-shrink: 0;
 }
 .cxd-Tree-item-icons > a {
   display: inline-block;
@@ -34964,7 +35031,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Tree-itemText {
   cursor: pointer;
-  flex: 1 auto;
   display: inline-block;
   color: var(--inputTree-base-default-color);
   font-size: var(--select-tree-fontSize);

package/package.json

@@ -3,7 +3,7 @@
   "main": "lib/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
-  "version": "3.4.3",
+  "version": "3.5.1",
   "description": "",
   "scripts": {
     "build": "npm run clean-dist && NODE_ENV=production rollup -c ",
@@ -36,8 +36,8 @@
   },
   "dependencies": {
     "@rc-component/mini-decimal": "^1.0.1",
-    "amis-core": "^3.4.3",
-    "amis-formula": "^3.4.3",
+    "amis-core": "^3.5.1",
+    "amis-formula": "^3.5.1",
     "classnames": "2.3.2",
     "codemirror": "^5.63.0",
     "downshift": "6.1.12",
@@ -147,5 +147,5 @@
       "/.rollup.cache/"
     ]
   },
-  "gitHead": "a0973fc96e9308311a2002e76cfaf9ee39ad7118"
+  "gitHead": "8e80dd0dc4e5e792973c7c5c451e8fb345c8d536"
 }

package/scss/_properties.scss

@@ -7,6 +7,9 @@ $Table-strip-bg: transparent;
 
 :root,
 .AMISCSSWrapper {
+  --affix-offset-top: 0px;
+  --affix-offset-bottom: 0px;
+
   --white: var(--colors-neutral-text-11);
   --primary: var(--colors-brand-5);
   --primary-onHover: var(--colors-brand-6);

package/scss/components/_cards.scss

@@ -33,6 +33,7 @@
   &-fixedTop {
     position: sticky;
     background: var(--white);
+    top: var(--affix-offset-top);
     // box-shadow: var(--Cards-fixedTop-boxShadow);
     padding: var(--gap-sm);
     z-index: $zindex-sticky;

package/scss/components/_image-gallery.scss

@@ -54,13 +54,22 @@
     justify-content: center;
     align-items: center;
     user-select: none;
+    overflow: hidden;
 
     > img {
+      cursor: move;
+      cursor: -webkit-grab;
       display: block;
       max-width: 100%;
       max-height: 100%;
       transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
     }
+
+    &.is-dragging > img {
+      transition: none;
+      user-select: none;
+      cursor: -webkit-grabbing;
+    }
   }
 
   &-prevBtn,
@@ -216,6 +225,7 @@
 .#{$ns}ImageGallery-toolbar {
   background-color: var(--image-images-preview-bgColor);
   border-radius: var(--image-images-preview-radius);
+  box-shadow: 0 2px 6px 0 rgba(211, 211, 211, 0.5);
   display: flex;
   align-items: flex-start;
   padding: var(--image-images-preview-paddingTop)

package/scss/components/_list.scss

@@ -45,6 +45,7 @@
     position: sticky;
     background: var(--white);
     z-index: $zindex-sticky;
+    top: var(--affix-offset-top);
     // box-shadow: var(--List-fixedTop-boxShadow);
     // padding: var(--gap-sm);
 

package/scss/components/_nav.scss

@@ -15,4 +15,30 @@
     background: var(--Nav-item-onActive-color);
     height: 2px;
   }
+
+  &--searchable {
+    display: flex;
+
+    &:not(.#{$ns}Nav-horizontal) {
+      flex-flow: column nowrap;
+      justify-content: flex-start;
+      align-items: flex-start;
+
+      .#{$ns}Nav-SearchBox {
+        &.is-active {
+          width: 100%;
+        }
+      }
+    }
+
+    &.#{$ns}Nav-horizontal {
+      flex-flow: column nowrap;
+      justify-content: flex-start;
+      align-items: flex-start;
+
+      .#{$ns}Nav-SearchBox {
+        margin-left: px2rem(16px);
+      }
+    }
+  }
 }

package/scss/components/_page.scss

@@ -122,6 +122,7 @@
       border: inherit;
     }
 
+    flex-shrink: 0;
     width: var(--Page-aside-width);
     border-right: var(--borderWidth) solid var(--borderColor);
 
@@ -142,4 +143,16 @@
       flex-grow: 1;
     }
   }
+
+  .#{$ns}Page--asideSticky {
+    > .#{$ns}Page-aside {
+      position: sticky;
+      top: var(--affix-offset-top);
+      max-height: calc(
+        100vh - var(--affix-offset-top) - var(--affix-offset-bottom)
+      );
+      overflow-x: hidden;
+      overflow-y: auto;
+    }
+  }
 }

package/scss/components/_panel.scss

@@ -12,20 +12,10 @@
   box-shadow: var(--Panel-boxShadow);
 
   &-fixedBottom {
-    position: absolute;
+    position: sticky;
     background: var(--white);
-    z-index: -1;
-    opacity: 0;
-    bottom: 999999px;
-    box-shadow: var(--Panel-fixedBottom-boxShadow);
-    border-top: var(--Panel-fixedBottom-borderTop);
-
-    &.in {
-      position: fixed;
-      bottom: 0;
-      z-index: $zindex-affix;
-      opacity: 1;
-    }
+    bottom: var(--affix-offset-bottom);
+    z-index: $zindex-sticky;
   }
 
   /* 主题 */

package/scss/components/_result-box.scss

@@ -237,6 +237,14 @@
     }
   }
 
+  &-valueLabel {
+    max-width: var(--Form-valueLabel-maxWidth);
+    overflow: hidden;
+    vertical-align: top;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   &-placeholder {
     color: var(--Form-input-placeholderColor);
     flex-grow: 1;

package/scss/components/_table.scss

@@ -10,6 +10,7 @@
 
   &-fixedTop {
     position: sticky;
+    top: var(--affix-offset-top);
     background: var(--Table-bg);
     display: block;
     opacity: 1;
@@ -619,6 +620,10 @@
     > thead > tr > th.#{$ns}Table-primayCell,
     > tbody > tr > td.#{$ns}Table-primayCell {
       white-space: nowrap; // 树形表格展示标题栏，不要换行
+
+      > .#{$ns}Spinner {
+        vertical-align: middle;
+      }
     }
   }
 
@@ -863,6 +868,14 @@
     }
   }
 
+  &-retryBtn {
+    color: var(--Form-feedBack-color);
+    cursor: pointer;
+    &:hover {
+      color: var(--Form-feedBack-color);
+    }
+  }
+
   &-expandBtn,
   &-expandBtn2 {
     position: relative;

package/scss/components/form/_file.scss

@@ -47,6 +47,8 @@
   // }
 
   &-description {
+    margin-top: var(--inputFile-base-des-margin);
+    line-height: 20px;
     color: var(--inputFile-base-des-color);
     font-size: var(--inputFile-base-des-fontSize);
     font-weight: var(--inputFile-base-des-fontWeight);
@@ -298,6 +300,7 @@
 
     > a {
       cursor: pointer;
+      font-size: var(--fontSizeSm);
     }
   }
 }

package/scss/components/form/_list.scss

@@ -206,5 +206,20 @@
         var(--listSelect-base-disabled-bottom-left-border-radius);
       background: var(--listSelect-base-disabled-bg-color);
     }
+
+    &.is-custom {
+      border: none;
+      padding: 0;
+
+      &:hover,
+      &.is-active {
+        border: none;
+      }
+
+      &::before,
+      &::after {
+        display: none;
+      }
+    }
   }
 }

package/scss/components/form/_tree.scss

@@ -199,6 +199,7 @@
     height: var(--Tree-itemHeight);
     line-height: var(--Tree-itemHeight);
     padding-right: var(--Tree-icon-gap);
+    flex-shrink: 0;
 
     > a {
       display: inline-block;
@@ -359,7 +360,6 @@
 
   &-itemText {
     cursor: pointer;
-    flex: 1 auto;
     display: inline-block;
     color: var(--inputTree-base-default-color);
     font-size: var(--select-tree-fontSize);

package/scss/layout/_layout.scss

@@ -46,6 +46,8 @@ body {
       width: 100%;
       z-index: $zindex-fixed;
     }
+
+    --affix-offset-top: var(--Layout-header-height);
   }
 
   &-brandBar {