amis-ui 2.7.2 → 2.7.3-beta.0

package/lib/themes/default.css

@@ -2280,7 +2280,7 @@
   --input-addon-text-bottom-border-width: var(--borders-width-2);
   --input-addon-text-bottom-border-style: var(--borders-style-2);
   --input-addon-text-left-border-color: var(--colors-neutral-line-8);
-  --input-addon-text-left-border-width: var(--borders-width-1);
+  --input-addon-text-left-border-width: var(--borders-width-2);
   --input-addon-text-left-border-style: var(--borders-style-2);
   --input-size-sm-height: var(--sizes-base-15);
   --input-size-default-height: var(--sizes-base-16);
@@ -13102,6 +13102,15 @@ template {
 [hidden] {
   display: none;
 }
+/** Browser Compatibility
+    ========================================================================== */
+/* 兼容Safari浏览器input disbaled状态下文字颜色不显示 */
+input[disabled],
+input:disabled,
+input.disabled,
+input.is-disabled {
+  -webkit-text-fill-color: var(--text--muted-color);
+}
 svg.icon {
   width: 1em;
   height: 1em;
@@ -17964,6 +17973,9 @@ input[type=button].cxd-Button--block {
   border-left-color: var(--Tabs--vertical-onActive-border);
   border-left-width: var(--Tabs--vertical-onActive-borderWidth);
 }
+.cxd-Tabs--vertical > .cxd-Tabs-linksWrapper + .cxd-Tabs-content {
+  width: calc(100% - var(--Tabs--vertical-width));
+}
 .cxd-Tabs--vertical > .cxd-Tabs-content {
   border: none;
   flex-grow: 1;
@@ -37544,6 +37556,24 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
   color: var(--Menu-light-fontColor-onActive) !important;
 }
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title {
+  background-color: var(--Menu-light-backgroundColor-onHover);
+}
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
+  transform: scaleY(1);
+  opacity: 1;
+  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
+  color: var(--Menu-light-fontColor-onActive) !important;
+}
 .cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected {
   background-color: var(--Menu-light-backgroundColor-onHover);
 }
@@ -37804,6 +37834,9 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
+.cxd-Nav-Menu-submenu-popup .cxd-Nav-Menu-vertical .cxd-Nav-Menu-submenu-arrow {
+  width: 2rem;
+}
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-title,
 .cxd-Nav-Menu .cxd-Nav-Menu-item {
   cursor: pointer;
@@ -37957,7 +37990,7 @@ td.rdtQuarter.rdtDisabled:hover {
   position: absolute;
   right: 0;
   top: 0;
-  width: var(--Menu-Submenu-title-paddingX);
+  width: 1.125rem;
   line-height: var(--Menu-item-height--vertical);
   transform: rotate(-90deg);
 }
@@ -37982,8 +38015,8 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-vertical.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor);
 }
-.cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-item, .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-item {
-  padding: 0 var(--Menu-Submenu-title-paddingX) 0 calc(var(--Menu-Submenu-title-paddingX) - 1px);
+.cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-item {
+  padding: 0 var(--Menu-Submenu-item-paddingX);
 }
 .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-arrow {
   cursor: pointer;
@@ -37992,6 +38025,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-open > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-open > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   transform: rotate(180deg);
+  padding-bottom: 0.25rem;
 }
 .cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item-wrap {
   overflow: hidden;
@@ -38041,25 +38075,21 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-disabled {
   cursor: not-allowed;
   color: var(--Menu-fontColor-onDisabled) !important;
-  pointer-events: none;
 }
 .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled.cxd-Nav-Menu-item,
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-disabled.cxd-Nav-Menu-item {
   cursor: not-allowed;
   color: var(--Menu-fontColor-onDisabled) !important;
-  pointer-events: none;
 }
 .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled.cxd-Nav-Menu-item .cxd-Nav-Menu-item-link,
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-disabled.cxd-Nav-Menu-item .cxd-Nav-Menu-item-link {
   cursor: not-allowed;
   color: var(--Menu-fontColor-onDisabled) !important;
-  pointer-events: none;
 }
 .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled .cxd-Nav-Menu-submenu-title,
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-disabled .cxd-Nav-Menu-submenu-title {
   cursor: not-allowed;
   color: var(--Menu-fontColor-onDisabled) !important;
-  pointer-events: none;
 }
 .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled .cxd-Nav-Menu-submenu-title > .cxd-Nav-Menu-item-icon, .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled .cxd-Nav-Menu-submenu-title > .cxd-Nav-Menu-item-label, .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled .cxd-Nav-Menu-submenu-title > .cxd-Nav-Menu-submenu-arrow,
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-disabled .cxd-Nav-Menu-submenu-title > .cxd-Nav-Menu-item-icon,
@@ -38067,7 +38097,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-disabled .cxd-Nav-Menu-submenu-title > .cxd-Nav-Menu-submenu-arrow {
   cursor: not-allowed;
   color: var(--Menu-fontColor-onDisabled) !important;
-  pointer-events: none;
 }
 .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled .cxd-Nav-Menu-item-icon,
 .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled .cxd-Nav-Menu-item-label,
@@ -38077,7 +38106,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-disabled .cxd-Nav-Menu-submenu-arrow {
   cursor: not-allowed;
   color: var(--Menu-fontColor-onDisabled) !important;
-  pointer-events: none;
 }
 .cxd-Nav-Menu-open-slide-up-enter, .cxd-Nav-Menu-open-slide-up-appear {
   animation-duration: 0.3s;

package/package.json

@@ -3,7 +3,7 @@
   "main": "lib/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
-  "version": "2.7.2",
+  "version": "2.7.3-beta.0",
   "description": "",
   "scripts": {
     "build": "npm run clean-dist && NODE_ENV=production rollup -c ",
@@ -35,8 +35,8 @@
   },
   "dependencies": {
     "@rc-component/mini-decimal": "^1.0.1",
-    "amis-core": "^2.7.2",
-    "amis-formula": "^2.7.2",
+    "amis-core": "^2.7.3-beta.0",
+    "amis-formula": "^2.7.3-beta.0",
     "classnames": "2.3.1",
     "codemirror": "^5.63.0",
     "downshift": "6.1.12",
@@ -141,5 +141,5 @@
       "/.rollup.cache/"
     ]
   },
-  "gitHead": "a05c704947fd3d86d0db381a20ddf7530a293f79"
+  "gitHead": "3800ce17153d6bb644e5eb9e7a76c3652eabf92c"
 }

package/scss/_components.scss

@@ -1015,7 +1015,7 @@
   --input-addon-text-bottom-border-width: var(--borders-width-2);
   --input-addon-text-bottom-border-style: var(--borders-style-2);
   --input-addon-text-left-border-color: var(--colors-neutral-line-8);
-  --input-addon-text-left-border-width: var(--borders-width-1);
+  --input-addon-text-left-border-width: var(--borders-width-2);
   --input-addon-text-left-border-style: var(--borders-style-2);
   --input-size-sm-height: var(--sizes-base-15);
   --input-size-default-height: var(--sizes-base-16);

package/scss/base/_normalize.scss

@@ -340,6 +340,17 @@ template {
   display: none;
 }
 
+/** Browser Compatibility
+    ========================================================================== */
+
+/* 兼容Safari浏览器input disbaled状态下文字颜色不显示 */
+input[disabled],
+input:disabled,
+input.disabled,
+input.is-disabled {
+  -webkit-text-fill-color: var(--text--muted-color);
+}
+
 svg.icon {
   width: 1em;
   height: 1em;

package/scss/components/_menu.scss

@@ -378,6 +378,20 @@
           color: var(--Menu-light-fontColor-onActive) !important;
         }
       }
+
+      .#{$ns}Nav-Menu-submenu-actived {
+        > .#{$ns}Nav-Menu-submenu-title {
+          background-color: var(--Menu-light-backgroundColor-onHover);
+          @include selected-indicator(
+            var(--Menu-light-selectedIndicator-color)
+          );
+
+          .#{$ns}Nav-Menu-item-icon,
+          .#{$ns}Nav-Menu-item-label {
+            color: var(--Menu-light-fontColor-onActive) !important;
+          }
+        }
+      }
     }
   }
 
@@ -617,6 +631,14 @@
     @include popup-dark();
   }
 
+  &-submenu-popup {
+    .#{$ns}Nav-Menu-vertical {
+      .#{$ns}Nav-Menu-submenu-arrow {
+        width: px2rem(32px);
+      }
+    }
+  }
+
   .#{$ns}Nav-Menu-submenu-title,
   .#{$ns}Nav-Menu-item {
     cursor: pointer;
@@ -823,7 +845,7 @@
       position: absolute;
       right: 0;
       top: 0;
-      width: var(--Menu-Submenu-title-paddingX);
+      width: px2rem(18px);
       line-height: var(--Menu-item-height--vertical);
       transform: rotate(-90deg);
 
@@ -865,11 +887,9 @@
     }
   }
 
-  &-vertical-right,
-  &-horizontal {
+  &-vertical-right {
     .#{$ns}Nav-Menu-item {
-      padding: 0 var(--Menu-Submenu-title-paddingX) 0
-        calc(var(--Menu-Submenu-title-paddingX) - 1px);
+      padding: 0 var(--Menu-Submenu-item-paddingX);
     }
   }
 
@@ -884,6 +904,7 @@
     & .#{$ns}Nav-Menu-submenu-open > .#{$ns}Nav-Menu-submenu-title {
       .#{$ns}Nav-Menu-submenu-arrow {
         transform: rotate(180deg);
+        padding-bottom: px2rem(4px);
       }
     }
   }
@@ -895,14 +916,6 @@
       }
     }
 
-    // .#{$ns}Nav-Menu-submenu {
-    //   .#{$ns}Nav-Menu-submenu-title {
-    //     padding: 0 var(--Menu-Submenu-title-paddingX) 0
-    //       calc(var(--Menu-Submenu-title-paddingX) - 1px);
-    //     text-align: center;
-    //   }
-    // }
-
     .#{$ns}Nav-Menu-submenu-vertical.#{$ns}Nav-Menu-submenu {
       .#{$ns}Nav-Menu-submenu-title {
         padding: 0 var(--Menu-Submenu-title-paddingX) 0
@@ -966,7 +979,7 @@
   @mixin item-disabled {
     cursor: not-allowed;
     color: var(--Menu-fontColor-onDisabled) !important;
-    pointer-events: none;
+    // pointer-events: none;
   }
 
   .#{$ns}Nav-Menu-item-disabled,

package/scss/components/_tabs.scss

@@ -856,6 +856,10 @@
       }
     }
 
+    > .#{$ns}Tabs-linksWrapper + .#{$ns}Tabs-content {
+      width: calc(100% - var(--Tabs--vertical-width));
+    }
+
     > .#{$ns}Tabs-content {
       border: none;
       flex-grow: 1;