@kdcloudjs/kdesign 1.3.9 → 1.4.0

package/CHANGELOG.md

@@ -1,11 +1,19 @@
-## [1.3.8](https://github.com/kdcloudone/kdesign/compare/v1.3.7...v1.3.8) (2022-07-08)
+## [1.3.9](https://github.com/kdcloudone/kdesign/compare/v1.3.7...v1.3.9) (2022-07-14)
 
 
 ### Bug Fixes
 
 * [anchor] 锚点组件类名调整 ([af0619e](https://github.com/kdcloudone/kdesign/commit/af0619e8b7fb7565ea4f96774433d63684ff331d))
 * [anchor] 锚点组件取消监听事件调整 ([07740e1](https://github.com/kdcloudone/kdesign/commit/07740e1ca7d2d7198392300d641799109e9fcb8a))
+* [docs] 更正cra跳转链接 ([70c1bf3](https://github.com/kdcloudone/kdesign/commit/70c1bf38f441a5e36ec60e30f71d3fb4af4b7b53))
+* [form]onChange及disabled值处理 ([17cf20b](https://github.com/kdcloudone/kdesign/commit/17cf20be64730e0d929aee48fcd624d9e978b743))
+* [menu]菜单切换问题处理 ([3781a69](https://github.com/kdcloudone/kdesign/commit/3781a6967543f795d7a8c3e32d9830a9b4821f9b))
+* [menu]修改高亮样式 ([624cc02](https://github.com/kdcloudone/kdesign/commit/624cc0231ed044c0bc2caafdfb24291b2681132b))
+* [menu]样式修改 ([ee386ea](https://github.com/kdcloudone/kdesign/commit/ee386eaa41cf4e16fc1099e4246b704a6d4f4652))
+* [select] 在启用listHeight属性的时候，拓展内容未固定 ([3684321](https://github.com/kdcloudone/kdesign/commit/36843215765b711ccf8269646f673aab2ebf9c3b))
+* [select] select下拉面板需要z-index设置 ([eb0e46d](https://github.com/kdcloudone/kdesign/commit/eb0e46dffbf6af8a5ff0dd603af4e52d45843e8d))
 * [switch] 解决开关文字垂直没对齐问题 ([df90939](https://github.com/kdcloudone/kdesign/commit/df90939f3d158cd8a1b9524e69741b10939b63df))
+* [tree] 解决api estimatedItemSize设置树节点高度不生效问题 ([fe62d29](https://github.com/kdcloudone/kdesign/commit/fe62d290f7a5c9e3c7f31c8b47d764ae0d485105))
 
 
 

package/dist/kdesign-complete.less

@@ -5842,55 +5842,55 @@ textarea {
   }
 
   .@{menuitem-prefix-cls} {
-    &:hover {
-      .hover();
+    &:not(.@{menuitem-prefix-cls}-disabled):not(.@{menuitem-prefix-cls}-active):hover {
+      .menu-dark-hover();
     }
 
     &-active {
-      .active()
+      .menu-dark-active()
     }
   }
 
   .@{menuitem-prefix-cls}-active, .@{submenu-prefix-cls}-active {
-    .active()
+    .menu-dark-active()
   }
 
   .@{menuitem-prefix-cls}-hover, .@{submenu-prefix-cls}-hover {
-    .hover()
+    .menu-dark-hover()
   }
 }
 
 .@{menu-inline-prefix-cls}.@{menu-dark-prefix-cls} {
   .@{menuitem-prefix-cls}-active, .@{submenu-prefix-cls}-active {
     .@{submenu-prefix-cls}-title {
-      .active-inline-title()
+      .menu-dark-active-inline-title()
     }
   }
 
-  .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled) {
+  .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):not(.@{submenu-prefix-cls}-active) {
     > .@{submenu-prefix-cls}-title:hover {
-      .active-inline-title()
+      .menu-dark-active-inline-title()
     }
   }
 }
 
 // light
 .@{menu-light-prefix-cls} {
-  .light();
+  .menu-light-base();
 }
 
 .@{menu-inline-prefix-cls}.@{menu-light-prefix-cls} {
   .@{menuitem-prefix-cls}-active, .@{submenu-prefix-cls}-active {
     .@{submenu-prefix-cls}-title {
-      .light-active-inline-title()
+      .menu-light-active-inline-title()
     }
   }
 }
 
 .@{menu-popper-prefix-cls} {
-  .@{submenu-prefix-cls}:hover,
+  .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):not(.@{submenu-prefix-cls}-active):hover,
   .@{submenu-prefix-cls}-hover {
-    .hover();
+    .menu-dark-hover();
   }
 
   &.hidden {
@@ -5913,9 +5913,9 @@ textarea {
       0 9px 28px 8px rgba(0, 0, 0, 0.05);
 
       .@{menuitem-prefix-cls} {
-        &:hover,
+        &:not(.@{menuitem-prefix-cls}-disabled):not(.@{menuitem-prefix-cls}-active):hover,
         &-active {
-          .hover()
+          .menu-dark-hover()
         }
       }
 
@@ -5941,7 +5941,7 @@ textarea {
   }
 
   &.light {
-    .light();
+    .menu-light-base();
   }
 }
 
@@ -5979,6 +5979,7 @@ textarea {
     align-items: center;
     height: 50px;
     .ellipsis();
+
     & > span {
       .ellipsis();
       opacity: 1;
@@ -6012,8 +6013,8 @@ textarea {
 
   &-disabled {
     cursor: not-allowed;
-    color: @menu-color-disabled !important;
-    background-color: @menu-color-background !important;
+    color: @menu-color-disabled;
+    background-color: @menu-color-background;
   }
 
   &-arrow {
@@ -6033,68 +6034,67 @@ textarea {
 }
 
 
-.hover {
+.menu-dark-hover {
   background-color: @menu-sub-color-background;
   color: @menu-sub-color-hover;
 }
 
-.active {
+.menu-dark-active {
   background-color: @menu-sub-color-background;
   color: @menu-sub-color-hover;
 }
 
-.active-inline-title {
-  color: @menu-sub-color-hover !important;
-  background: @menu-color-background !important;
+.menu-dark-active-inline-title {
+  color: @menu-sub-color-hover;
+  background: @menu-color-background;
   border: none;
 }
 
-
-.light {
-  .light-default();
+.menu-light-base {
+  .menu-light-default();
 
   .@{menuitem-prefix-cls}-disabled, .@{submenu-prefix-cls}-disabled {
-    background-color: #fff !important;
+    background-color: #fff;
   }
 
   .@{submenu-prefix-cls}-sub {
     color: @menu-light-color;
-    background: #FAFAFA;
+    background: #fafafa;
   }
 
-  .@{menuitem-prefix-cls}:hover {
-    .light-hover();
+  .@{menuitem-prefix-cls}:not(.@{menuitem-prefix-cls}-disabled):not(.@{menuitem-prefix-cls}-active):hover {
+    .menu-light-hover();
   }
 
   .@{menuitem-prefix-cls}-hover, .@{submenu-prefix-cls}-hover {
-    .light-hover();
+    .menu-light-hover();
   }
 
   .@{menuitem-prefix-cls}-active, .@{submenu-prefix-cls}-active {
-    .light-active();
+    .menu-light-active();
   }
 }
 
-.light-default {
+.menu-light-default {
   color: @menu-light-color;
   background: #ffffff;
 }
 
-.light-hover {
+.menu-light-hover {
   background-color: @menu-light-color-background-hover;
   color: @menu-light-color-hover;
   border: none;
 }
 
-.light-active {
-  background-color: @menu-light-color-background-active !important;
-  color: @menu-light-color-active !important;
+.menu-light-active {
+  background-color: @menu-light-color-background-active;
+  color: @menu-light-color-active;
   border: none;
 }
 
-.light-active-inline-title {
-  color: @menu-light-color-active !important;
-  background: #ffffff !important;
+.menu-light-active-inline-title {
+  color: @menu-light-color-active;
+  background: #ffffff;
   border: none;
 }
 

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.3.8
+ *   @kdcloudjs/kdesign v1.3.9
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -9913,65 +9913,65 @@ textarea {
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
-.hover {
+.menu-dark-hover {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
 }
-.active {
+.menu-dark-active {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
 }
-.active-inline-title {
-  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)) !important;
-  background: var(--kd-c-menu-color-background, #343848) !important;
+.menu-dark-active-inline-title {
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
+  background: var(--kd-c-menu-color-background, #343848);
   border: none;
 }
-.light {
+.menu-light-base {
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
   background: #ffffff;
 }
-.light .kd-menu-item-disabled,
-.light .kd-menu-submenu-disabled {
-  background-color: #fff !important;
+.menu-light-base .kd-menu-item-disabled,
+.menu-light-base .kd-menu-submenu-disabled {
+  background-color: #fff;
 }
-.light .kd-menu-submenu-sub {
+.menu-light-base .kd-menu-submenu-sub {
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
-  background: #FAFAFA;
+  background: #fafafa;
 }
-.light .kd-menu-item:hover {
+.menu-light-base .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
   border: none;
 }
-.light .kd-menu-item-hover,
-.light .kd-menu-submenu-hover {
+.menu-light-base .kd-menu-item-hover,
+.menu-light-base .kd-menu-submenu-hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
   border: none;
 }
-.light .kd-menu-item-active,
-.light .kd-menu-submenu-active {
-  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff) !important;
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
+.menu-light-base .kd-menu-item-active,
+.menu-light-base .kd-menu-submenu-active {
+  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
   border: none;
 }
-.light-default {
+.menu-light-default {
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
   background: #ffffff;
 }
-.light-hover {
+.menu-light-hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
   border: none;
 }
-.light-active {
-  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff) !important;
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
+.menu-light-active {
+  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
   border: none;
 }
-.light-active-inline-title {
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
-  background: #ffffff !important;
+.menu-light-active-inline-title {
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
+  background: #ffffff;
   border: none;
 }
 .kd-menu {
@@ -10045,8 +10045,8 @@ textarea {
 }
 .kd-menu-item-disabled {
   cursor: not-allowed;
-  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
-  background-color: var(--kd-c-menu-color-background, #343848) !important;
+  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+  background-color: var(--kd-c-menu-color-background, #343848);
 }
 .kd-menu-item-arrow {
   margin-left: auto;
@@ -10119,8 +10119,8 @@ textarea {
 }
 .kd-menu-submenu-disabled {
   cursor: not-allowed;
-  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
-  background-color: var(--kd-c-menu-color-background, #343848) !important;
+  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+  background-color: var(--kd-c-menu-color-background, #343848);
 }
 .kd-menu-submenu-arrow {
   margin-left: auto;
@@ -10245,7 +10245,7 @@ textarea {
 .kd-menu-dark .kd-menu-submenu-sub-third {
   background: var(--kd-c-menu-sub-color-background, #121319);
 }
-.kd-menu-dark .kd-menu-item:hover {
+.kd-menu-dark .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
 }
@@ -10265,13 +10265,13 @@ textarea {
 }
 .kd-menu-inline.kd-menu-dark .kd-menu-item-active .kd-menu-submenu-title,
 .kd-menu-inline.kd-menu-dark .kd-menu-submenu-active .kd-menu-submenu-title {
-  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)) !important;
-  background: var(--kd-c-menu-color-background, #343848) !important;
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
+  background: var(--kd-c-menu-color-background, #343848);
   border: none;
 }
-.kd-menu-inline.kd-menu-dark .kd-menu-submenu:not(.kd-menu-submenu-disabled) > .kd-menu-submenu-title:hover {
-  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)) !important;
-  background: var(--kd-c-menu-color-background, #343848) !important;
+.kd-menu-inline.kd-menu-dark .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active) > .kd-menu-submenu-title:hover {
+  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
+  background: var(--kd-c-menu-color-background, #343848);
   border: none;
 }
 .kd-menu-light {
@@ -10280,13 +10280,13 @@ textarea {
 }
 .kd-menu-light .kd-menu-item-disabled,
 .kd-menu-light .kd-menu-submenu-disabled {
-  background-color: #fff !important;
+  background-color: #fff;
 }
 .kd-menu-light .kd-menu-submenu-sub {
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
-  background: #FAFAFA;
+  background: #fafafa;
 }
-.kd-menu-light .kd-menu-item:hover {
+.kd-menu-light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
   border: none;
@@ -10299,17 +10299,17 @@ textarea {
 }
 .kd-menu-light .kd-menu-item-active,
 .kd-menu-light .kd-menu-submenu-active {
-  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff) !important;
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
+  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
   border: none;
 }
 .kd-menu-inline.kd-menu-light .kd-menu-item-active .kd-menu-submenu-title,
 .kd-menu-inline.kd-menu-light .kd-menu-submenu-active .kd-menu-submenu-title {
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
-  background: #ffffff !important;
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
+  background: #ffffff;
   border: none;
 }
-.kd-menu-popper .kd-menu-submenu:hover,
+.kd-menu-popper .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover,
 .kd-menu-popper .kd-menu-submenu-hover {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
@@ -10336,7 +10336,7 @@ textarea {
   -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
           box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
 }
-.kd-menu-popper .kd-menu-submenu-sub .kd-menu-item:hover,
+.kd-menu-popper .kd-menu-submenu-sub .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover,
 .kd-menu-popper .kd-menu-submenu-sub .kd-menu-item-active {
   background-color: var(--kd-c-menu-sub-color-background, #121319);
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
@@ -10372,13 +10372,13 @@ textarea {
 }
 .kd-menu-popper.light .kd-menu-item-disabled,
 .kd-menu-popper.light .kd-menu-submenu-disabled {
-  background-color: #fff !important;
+  background-color: #fff;
 }
 .kd-menu-popper.light .kd-menu-submenu-sub {
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
-  background: #FAFAFA;
+  background: #fafafa;
 }
-.kd-menu-popper.light .kd-menu-item:hover {
+.kd-menu-popper.light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
   border: none;
@@ -10391,8 +10391,8 @@ textarea {
 }
 .kd-menu-popper.light .kd-menu-item-active,
 .kd-menu-popper.light .kd-menu-submenu-active {
-  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff) !important;
-  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)) !important;
+  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
+  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
   border: none;
 }