amis-ui 3.4.2 → 3.4.3

package/package.json

@@ -3,7 +3,7 @@
   "main": "lib/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "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.2",
-    "amis-formula": "^3.4.2",
+    "amis-core": "^3.4.3",
+    "amis-formula": "^3.4.3",
     "classnames": "2.3.2",
     "codemirror": "^5.63.0",
     "downshift": "6.1.12",
@@ -147,5 +147,5 @@
       "/.rollup.cache/"
     ]
   },
-  "gitHead": "5d42aff860763acd557a228bc0d774c71d4e041c"
+  "gitHead": "a0973fc96e9308311a2002e76cfaf9ee39ad7118"
 }

package/scss/_components.scss

@@ -2545,6 +2545,14 @@
   --Divider-marginLeft: var(--sizes-size-0);
   --Divider-marginRight: var(--sizes-size-0);
   --Divider-marginBottom: var(--sizes-size-7);
+  --Divider-text-width: 5%;
+  --Divider-text-fontSize: var(--fonts-size-7);
+  --Divider-text-fontWeight: var(--fonts-weight-6);
+  --Divider-text-color: var(--colors-neutral-text-2);
+  --Divider-text-marginTop: var(--sizes-size-0);
+  --Divider-text-marginLeft: var(--sizes-size-9);
+  --Divider-text-marginRight: var(--sizes-size-9);
+  --Divider-text-marginBottom: var(--sizes-size-0);
 
   --inputFile-base-des-color: var(--colors-neutral-text-2);
   --inputFile-base-des-fontSize: var(--fonts-size-7);
@@ -3501,7 +3509,7 @@
   --Toast--danger-bottom-left-border-radius: var(--borders-radius-3);
   --Toast--danger-bgColor: var(--colors-neutral-fill-11);
   --Toast--info-color: var(--colors-neutral-text-2);
-  --Toast--info-fontSize: var(--fonts-size-7);
+  --Toast--info-fontSize: var(--fonts-size-8);
   --Toast--info-fontWeight: var(--fonts-weight-6);
   --Toast--info-top-border-color: var(--colors-neutral-line-11);
   --Toast--info-top-border-width: var(--borders-width-2);
@@ -3517,7 +3525,6 @@
   --Toast--info-left-border-style: var(--borders-style-2);
   --Toast--info-bgColor: var(--colors-neutral-fill-11);
   --Toast--success-color: var(--colors-neutral-text-2);
-  --Toast--success-fontSize: var(--fonts-weight-6);
   --Toast--success-fontWeight: var(--fonts-weight-6);
   --Toast--success-fontSize: var(--fonts-size-8);
   --Toast--success-fontWeight: var(--fonts-weight-6);

package/scss/components/_collapse.scss

@@ -170,7 +170,7 @@
 
 //FieldSet Form + Collapse
 .#{$ns}Form {
-  .#{$ns}Collapse.#{$ns}Collapse--fieldset {
+  .#{$ns}Collapse {
     border: none;
 
     .#{$ns}Collapse-header {
@@ -186,6 +186,36 @@
       padding: 0;
     }
   }
+
+  /* 恢复 Form 嵌套场景下的样式 */
+  .#{$ns}Collapse-fieldset--disabled {
+    border-width: var(--collapse-default-top-border-width)
+      var(--collapse-default-right-border-width)
+      var(--collapse-default-bottom-border-width)
+      var(--collapse-default-left-border-width);
+    border-style: var(--collapse-default-top-border-style)
+      var(--collapse-default-right-border-style)
+      var(--collapse-default-bottom-border-style)
+      var(--collapse-default-left-border-style);
+    border-color: var(--collapse-default-top-border-color)
+      var(--collapse-default-right-border-color)
+      var(--collapse-default-bottom-border-color)
+      var(--collapse-default-left-border-color);
+    border-radius: var(--collapse-default-top-left-border-radius)
+      var(--collapse-default-top-right-border-radius)
+      var(--collapse-default-bottom-right-border-radius)
+      var(--collapse-default-bottom-left-border-radius);
+
+    .#{$ns}Collapse-header {
+      background: var(--Collapse-header-bg);
+      display: block;
+      border-radius: unset;
+    }
+
+    .#{$ns}Collapse-content {
+      padding: var(--Collapse-content-padding);
+    }
+  }
 }
 
 /* 移动端样式调整 */

package/scss/components/_divider.scss

@@ -23,18 +23,53 @@
   }
 
   &--horizontal {
-    border-bottom: var(--Divider-width) var(--Divider-style)
-      var(--Divider-color);
+    position: relative;
     height: px2rem(2px);
+    border-bottom: var(--Divider-width) var(--Divider-style) var(--Divider-color);
+    transform-origin: 0 center;
+    clear: both;
   }
 
   &--vertical {
     border-left: var(--Divider-width) var(--Divider-style) var(--Divider-color);
     height: var(--sizes-base-15);
+    transform-origin: center bottom;
     display: inline-block;
   }
 }
 
+.#{$ns}Divider--with-text {
+  display: flex;
+  align-items: center;
+  height: unset;
+  border-bottom-width: 0 !important;
+
+  &::before,
+  &::after {
+    content: '';
+    height: 0;
+    flex: 1;
+    border-bottom: inherit;
+    border-bottom-width: var(--Divider-width);
+  }
+
+  &.#{$ns}Divider--with-text-left:before,
+  &.#{$ns}Divider--with-text-right:after {
+    flex-basis: var(--Divider-text-width);
+    flex-grow: 0;
+  }
+}
+
+.#{$ns}Divider-text {
+  margin: var(--Divider-text-marginTop) var(--Divider-text-marginRight)
+    var(--Divider-text-marginBottom) var(--Divider-text-marginLeft);
+  font-size: var(--Divider-text-fontSize);
+  font-weight: var(--Divider-text-fontWeight);
+  line-height: 1;
+  color: var(--Divider-text-color);
+  box-sizing: border-box;
+}
+
 /* 移动端样式调整 */
 @include media-breakpoint-down(sm) {
   .#{$ns}Divider {

package/scss/components/_formula.scss

@@ -149,6 +149,7 @@
       @include scrollbar();
       overflow-x: auto;
       overflow-y: auto;
+      max-height: 100% !important;
     }
 
     &-searchBox {
@@ -278,7 +279,7 @@
         min-width: 100px;
         padding: 0 5px;
         margin: 5px;
-        text-align: center;
+        text-align: left;
         li {
           line-height: 24px;
           &:hover {

package/scss/components/_menu.scss

@@ -328,9 +328,6 @@
 
   &-vertical.#{$ns}Nav-Menu-sub {
     min-width: 160px;
-    border-radius: 2px;
-    box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06),
-      0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);
   }
 
   &-item,
@@ -436,6 +433,12 @@
       background-color: var(--Layout-light-backgroundColor);
       line-height: var(--Nav-Item-height);
       cursor: pointer;
+      border-radius: 2px;
+      max-height: 400px;
+      overflow-y: auto;
+      box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06),
+        0 1px 10px 0 rgba(21, 26, 38, 0.05),
+        0 2px 4px -1px rgba(21, 26, 38, 0.04);
 
       // 横向收纳模式且有子菜单项的情况下 会显示2个展开箭头
       // 用css隐藏1个 自适应收纳的情况下 判断不出是子菜单项还是收纳项

package/scss/components/_modal.scss

@@ -93,10 +93,6 @@
     border-bottom: var(--Modal-body-borderTop);
     border-top-left-radius: var(--Modal-content-borderRadius);
     border-top-right-radius: var(--Modal-content-borderRadius);
-
-    .Dialog-close {
-      content: var(--dialog-icon-icon);
-    }
   }
 
   &-title {
@@ -114,6 +110,10 @@
     vertical-align: middle;
     z-index: calc(#{$zindex-spinner-overlay} + 1);
 
+    .Dialog-close {
+      content: var(--dialog-icon-icon);
+    }
+
     svg {
       width: var(--dialog-icon-size);
       height: var(--dialog-icon-size);
@@ -185,7 +185,7 @@
 }
 
 @include media-breakpoint-up(sm) {
-  .#{$ns}Modal-content {
+  .#{$ns}Modal-content:not(.#{$ns}Modal-content-custom) {
     max-width: var(--dialog-size-normal-width);
     border-width: var(--dialog-default-border-width);
   }

package/scss/components/_table.scss

@@ -46,6 +46,10 @@
         position: absolute;
       }
     }
+
+    .#{$ns}Table-table {
+      table-layout: fixed;
+    }
   }
 
   &-heading {
@@ -380,10 +384,12 @@
     > thead > tr {
       border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
     }
+    @at-root .#{$ns}Table-table-tr {
+      background: var(--Table-bg);
+    }
 
     > tbody > tr {
       position: relative;
-      background: var(--Table-bg);
 
       & + tr {
         border-top: var(--Table-borderWidth) solid var(--Table-borderColor);

package/scss/components/_table2.scss

@@ -527,12 +527,9 @@
       color: var(--TableRow-onDisabled-color);
     }
 
-    > tbody
-      > tr:not(.#{$ns}Table-row-disabled)
-      > td.#{$ns}Table-cell-row-hover {
-      background: var(--Table-onHover-bg);
-      border-color: var(--Table-onHover-borderColor);
-      color: var(--Table-onHover-color);
+    > tbody > tr > td.#{$ns}Table-cell-fix-left,
+    > tbody > tr > td.#{$ns}Table-cell-fix-right {
+      background: inherit;
     }
 
     > thead > tr > th.#{$ns}Table-cell-fix-left-last,
@@ -553,7 +550,7 @@
 
     > thead > tr > th.#{$ns}Table-cell-fix-right-first,
     > tbody > tr > td.#{$ns}Table-cell-fix-right-first,
-    > tfoot > tr > td.#{$ns}Table-cell-fix-right-last {
+    > tfoot > tr > td.#{$ns}Table-cell-fix-right-first {
       &:after {
         position: absolute;
         top: 0;
@@ -610,10 +607,6 @@
         > td.#{$ns}Table-cell-fix-left {
           border-right: none;
         }
-
-        > td.#{$ns}Table-cell-fix-left:not(.#{$ns}Table-cell-row-hover) {
-          background: #fff;
-        }
       }
 
       > tfoot > tr > td:not(:last-child) {
@@ -644,10 +637,6 @@
         > td.#{$ns}Table-cell-fix-right {
           border-right: none;
         }
-
-        > td.#{$ns}Table-cell-fix-right:not(.#{$ns}Table-cell-row-hover) {
-          background: #fff;
-        }
       }
     }
 

package/scss/components/form/_combo.scss

@@ -109,6 +109,13 @@
     }
   }
 
+  .#{$ns}Tabs--radio .is-active &-tab-delBtn {
+    color: var(--Tabs--radio-active-color);
+    &:hover {
+      color: var(--Tabs--radio-active-color);
+    }
+  }
+
   &-tab-delBtn {
     color: var(--combo-multi-delBtn-color);
     cursor: pointer;
@@ -116,8 +123,8 @@
     display: inline-block;
 
     > svg {
-      width: px2rem(11px);
-      height: px2rem(11px);
+      width: px2rem(14px);
+      height: px2rem(14px);
     }
 
     &:hover {

package/scss/components/form/_icon-select.scss

@@ -221,7 +221,6 @@
 
         &-name {
           margin: 0;
-          margin-bottom: var(--IconSelect-xs-margin);
           font-size: var(--IconSelect-type-font-size);
           color: var(--IconSelect-icon-name-color);
         }

package/scss/components/form/_result-list.scss

@@ -53,6 +53,7 @@
     > label {
       flex-basis: px2rem(50px);
       flex-grow: 1;
+      width: px2rem(50px);
 
       &.is-invalid {
         color: var(--Form-selectValue-onInvalid-color);

package/scss/components/form/_selection.scss

@@ -38,6 +38,12 @@
       margin-right: var(--Checkbox-gap);
     }
   }
+
+  &-ellipsis-line {
+    display: inline-block;
+    width: 100%;
+    @include truncate();
+  }
 }
 
 .#{$ns}GroupedSelection {
@@ -104,6 +110,7 @@
 
   &-itemLabel {
     flex-grow: 1;
+    overflow: hidden;
 
     span {
       vertical-align: middle;

package/scss/components/form/_textarea.scss

@@ -7,6 +7,8 @@
   > textarea.#{$ns}TextareaControl-input--counter {
     // 23 px 是计数器 counter 的高度
     padding-bottom: 23px;
+    // 设置size时会把textarea设置成inline-block，导致高度异常，所以这里需要设置成block
+    display: block !important;
   }
 
   > textarea {
@@ -15,10 +17,8 @@
     border: 1px solid var(--Form-input-borderColor);
     border-radius: var(--Form-input-borderRadius);
     background: var(--Form-input-bg);
-    padding: var(--input-textarea-paddingTop)
-      var(--input-textarea-paddingRight)
-      var(--input-textarea-paddingBottom)
-      var(--input-textarea-paddingLeft);
+    padding: var(--input-textarea-paddingTop) var(--input-textarea-paddingRight)
+      var(--input-textarea-paddingBottom) var(--input-textarea-paddingLeft);
     font-size: var(--Form-input-fontSize);
     display: block;
     width: 100%;
@@ -71,4 +71,4 @@
     padding: 0;
     resize: none;
   }
-}
+}