@kdcloudjs/kdesign 1.3.0 → 1.3.3

package/CHANGELOG.md

@@ -1,3 +1,54 @@
+## [1.3.2](https://github.com/kdcloudone/kdesign/compare/v1.3.1...v1.3.2) (2022-06-09)
+
+
+### Bug Fixes
+
+* [cli] 修复fixfox下组件页面左侧sidebar无法滚动 ([adb71e3](https://github.com/kdcloudone/kdesign/commit/adb71e3b6bc9ba6155415fc6ad3580dfbe3d706e))
+* [form]识别组件库组件设置默认属性名 ([216b2b7](https://github.com/kdcloudone/kdesign/commit/216b2b72c63a7ea53cfdbb0d45dd8735156da4b7))
+* [menu] 删除菜单hover改userpopper修复commitId:1332189 ([fa0a270](https://github.com/kdcloudone/kdesign/commit/fa0a270ab7ade684c07159fc1e581a54c93a5ccd))
+* [menu]菜单组件问题修复 ([1332189](https://github.com/kdcloudone/kdesign/commit/13321899cd69222bcb21021549bdca91731e61f5))
+* [table] 更新引用@kdcloudjs/table版本 ([56524c0](https://github.com/kdcloudone/kdesign/commit/56524c097b544e03db3178e61855ee920ea7ff01))
+
+
+### Features
+
+* [icon] 添加仪表板图标 ([b57d322](https://github.com/kdcloudone/kdesign/commit/b57d322387992aac92d392ac431fa0d29440ae66))
+
+
+### Reverts
+
+* Revert "fix: [table] 更新引用@kdcloudjs/table版本" ([17bdcdb](https://github.com/kdcloudone/kdesign/commit/17bdcdb3940dff1e4e9ff221271da5a10a43b4b7))
+* Revert "docs: [table] 完善primaryKey和行选中的说明" ([3af047e](https://github.com/kdcloudone/kdesign/commit/3af047e558971e61ef8133e7d4e80e0ce70b289d))
+* Revert "feat: [table] 增加外部可配置表格复选框和单选框参数" ([c0f034c](https://github.com/kdcloudone/kdesign/commit/c0f034c153bd8590ba2f798a725ac1f9ea41c5c1))
+* Revert "docs: [table] 更新表格api说明" ([e25acdf](https://github.com/kdcloudone/kdesign/commit/e25acdfd143ada221be302324a022c224cb4464e))
+
+
+
+## [1.3.1](https://github.com/kdcloudone/kdesign/compare/v1.3.0...v1.3.1) (2022-05-27)
+
+
+### Bug Fixes
+
+* [select] 更新半选禁用状态下样式 ([3f43b7a](https://github.com/kdcloudone/kdesign/commit/3f43b7a645390a38c5b5cf46888670ef02d22226))
+* [select] 修复多选模式下删除选项展开下拉框的问题 ([6e1e45f](https://github.com/kdcloudone/kdesign/commit/6e1e45fcbfce8c4eb89bb6b2945aee2ef65fecf2))
+
+
+
+# [1.3.0](https://github.com/kdcloudone/kdesign/compare/v1.2.3...v1.3.0) (2022-05-19)
+
+
+### Bug Fixes
+
+* [badge] status属性对应颜色调整 ([c442795](https://github.com/kdcloudone/kdesign/commit/c442795602962854e0bf089a4bdad57e657ce23f))
+* [badge] status显示问题 ([b667474](https://github.com/kdcloudone/kdesign/commit/b667474ea0ede932c408340c2d3c5d036c5eaee6))
+* [carousel] 走马灯样式问题修复 ([133ed61](https://github.com/kdcloudone/kdesign/commit/133ed61793b313f8c215b20b411ce5027076437e))
+* [checkbox] 修复group的name传值问题 ([82119f2](https://github.com/kdcloudone/kdesign/commit/82119f2378e80cfca2f5f7df57df79a7aa2f84cb))
+* [form]新增valuePropName属性 ([2d4534b](https://github.com/kdcloudone/kdesign/commit/2d4534b9ec0c217504d08c1fcb7d5660736e65db))
+* [select] 修复ts类型报错 ([d8bd48a](https://github.com/kdcloudone/kdesign/commit/d8bd48aab3217b6eccab80ce0c7c5d59d61f2b2b))
+* [tag] 分类由 导航 => 数据展示 ([251bef1](https://github.com/kdcloudone/kdesign/commit/251bef15101992a24359e1f6eafc24269519182f))
+
+
+
 ## [1.2.3](https://github.com/kdcloudone/kdesign/compare/v1.2.2...v1.2.3) (2022-05-12)
 
 

package/dist/kdesign-complete.less

@@ -1145,25 +1145,37 @@
     }
   }
 
-  &-trigger {
-    .@{btn-prefix-cls}-primary {
-      background: @btn-group-trigger-color-background;
-      &:hover {
-        background: @btn-group-trigger-color-background-hover;
-        border-color: @btn-group-trigger-color-background-hover;
-      }
-
-      &:active {
-        background: @btn-group-trigger-color-background-active;
-      }
-
-      &:disabled {
-        background: @btn-group-trigger-color-background-disabled !important;
+  &-similar {
+    .@{btn-prefix-cls}-group-trigger {
+      .@{btn-prefix-cls} {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        margin-left: -1px;
+        &-primary {
+          background: @btn-group-trigger-color-background;
+          &:hover {
+            background: @btn-group-trigger-color-background-hover;
+            border-color: @btn-group-trigger-color-background-hover;
+          }
+  
+          &:active {
+            background: @btn-group-trigger-color-background-active;
+          }
+  
+          &:disabled {
+            background: @btn-group-trigger-color-background-disabled !important;
+          }
+        }
       }
     }
-
-    .@{btn-prefix-cls} {
-      margin-left: -1px;
+    &>.@{btn-prefix-cls} {
+      &:first-child {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        &:hover {
+          z-index: 1;
+        }
+      }
     }
   }
 
@@ -1173,16 +1185,6 @@
     &-size-large {
       min-width: unset;
     }
-
-    &:first-child {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-
-    &:last-child {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
   }
 
   .@{kd-prefix}-dropdown {
@@ -1327,10 +1329,10 @@
 @btn-group-dropdown-item-border-color: var(~'@{button-custom-prefix}-group-dropdown-item-border-color', #E5E5E5); // 集合按钮 下拉边框颜色
 @btn-group-dropdown-item-color-background-hover: var(~'@{button-custom-prefix}-group-dropdown-item-color-background-hover', #F5F5F5); // 集合按钮 下拉hover背景颜色
 @btn-group-dropdown-color-background: var(~'@{button-custom-prefix}-group-dropdown-color-background', #fff); // 集合按钮 下拉菜单背景颜色
-@btn-group-trigger-color-background: var(~'@{button-custom-prefix}-group-trigger-color-background', #4367c1);
-@btn-group-trigger-color-background-hover: var(~'@{button-custom-prefix}-group-trigger-color-background-hover', #4c74da);
-@btn-group-trigger-color-background-active: var(~'@{button-custom-prefix}-group-trigger-color-background-active', #3B5AA9);
-@btn-group-trigger-color-background-disabled: var(~'@{button-custom-prefix}-group-trigger-color-background-disabled', #95a4c8);
+@btn-group-trigger-color-background: var(~'@{button-custom-prefix}-group-trigger-color-background', @color-theme-7);
+@btn-group-trigger-color-background-hover: var(~'@{button-custom-prefix}-group-trigger-color-background-hover', @color-theme-6);
+@btn-group-trigger-color-background-active: var(~'@{button-custom-prefix}-group-trigger-color-background-active', @color-theme-8);
+@btn-group-trigger-color-background-disabled: var(~'@{button-custom-prefix}-group-trigger-color-background-disabled', @color-theme-5);
 
 // font
 @btn-g-font-weight: var(~'@{button-custom-prefix}-font-weight', @font-weight-light);
@@ -1941,6 +1943,8 @@
     justify-content: center;
     align-items: center;
     z-index: 999;
+    user-select: none;
+
     .kd-input-underline {
       background-color: transparent;
       border-bottom: none;
@@ -2152,6 +2156,11 @@
       color: @checkbox-font-color;
     }
   }
+  &-indeterminate {
+    .@{checkbox-prefix-cls}-children {
+      color: @checkbox-font-color;
+    }
+  }
 }
 
 
@@ -5689,6 +5698,9 @@ textarea {
 
 @menu-prefix-cls: ~'@{kd-prefix}-menu';
 @menuitem-prefix-cls: ~'@{menu-prefix-cls}-item';
+@menu-dark-prefix-cls: ~'@{menu-prefix-cls}-dark';
+@menu-light-prefix-cls: ~'@{menu-prefix-cls}-light';
+@menu-popper-prefix-cls: ~'@{menu-prefix-cls}-popper';
 @submenu-prefix-cls: ~'@{menu-prefix-cls}-submenu';
 
 .@{menu-prefix-cls} {
@@ -5712,77 +5724,20 @@ textarea {
     }
   }
 
+  &-collapsed {
+    width: 50px;
+    min-width: auto;
+  }
+
   &-vertical {
     .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):hover,
     .@{submenu-prefix-cls}-hover {
       .hover();
     }
-
-    .@{submenu-prefix-cls} {
-      padding-right: 0;
-
-      &-sub {
-        background: @menu-sub-color-background;
-
-        .@{menuitem-prefix-cls} {
-          &:hover,
-          &-active {
-            color: @menu-sub-color-active;
-          }
-        }
-
-        &-second,
-        &-third {
-          animation: kdZoomTopLeftIn calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-          opacity: 1;
-          visibility: visible;
-          transition: opacity, visibility;
-          transition-duration: calc(@menu-motion-duration - 0.1s);
-          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
-        }
-
-        &-hide {
-          opacity: 0;
-          visibility: hidden;
-          animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
-          transition: opacity, visibility;
-          transition-duration: calc(@menu-motion-duration - 0.1s);
-          transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
-        }
-      }
-    }
-  }
-
-  &-collapsed {
-    width: 50px;
-    min-width: auto;
   }
 
   &-light {
-    .light-default;
-
-    .@{submenu-prefix-cls}-hover,
-    .@{submenu-prefix-cls}-sub {
-      .light-default;
-    }
-
-    .@{submenu-prefix-cls}-title:hover {
-      color: @menu-light-color-hover;
-    }
-
-    .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):hover {
-      .light-default;
-    }
-
-    .@{menuitem-prefix-cls} {
-      &-active {
-        .light-hover();
-      }
-    }
-
-    .@{menuitem-prefix-cls}:not(.@{menuitem-prefix-cls}-disabled):hover {
-      .light-hover();
-    }
+    .light()
   }
 
   &-light&-vertical {
@@ -5793,14 +5748,13 @@ textarea {
 
     .@{menuitem-prefix-cls} {
       &:not(.@{menuitem-prefix-cls}-disabled):not(.@{menuitem-prefix-cls}-active):hover {
-        color: @menu-light-color-hover;
-        background: #fff;
+        .light-hover();
         border: none;
       }
 
       &-active {
         color: @menu-light-color-active;
-        background-color: @menu-light-color-background;
+        background-color: @menu-light-color-background-active;
         border: none !important;
       }
     }
@@ -5827,7 +5781,7 @@ textarea {
   transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
 
   &-hover {
-    color: @menu-sub-color-hover;
+    .hover();
   }
 
   &-sub {
@@ -5908,20 +5862,112 @@ textarea {
   }
 }
 
-.@{menu-prefix-cls}-dark {
+.@{menu-dark-prefix-cls} {
   .@{submenu-prefix-cls}-sub {
     background: @menu-sub-inline-color-background;
   }
 
-  .@{submenu-prefix-cls}-sub-second,.@{submenu-prefix-cls}-sub-third  {
+  .@{submenu-prefix-cls}-sub-second, .@{submenu-prefix-cls}-sub-third {
     background: @menu-sub-color-background;
   }
 }
 
+.@{menu-light-prefix-cls} {
+  .@{submenu-prefix-cls}-active,.@{menuitem-prefix-cls}-active {
+    .light-active()
+  }
+}
+
+.@{menu-popper-prefix-cls} {
+  .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):hover,
+  .@{submenu-prefix-cls}-hover {
+    .hover();
+  }
+
+  &.hidden {
+    opacity: 0;
+    visibility: hidden;
+    display: none;
+    animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
+    transition: opacity, visibility;
+    transition-duration: calc(@menu-motion-duration - 0.1s);
+    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+  }
 
+  .@{submenu-prefix-cls} {
+    padding-right: 0;
 
+    &-sub {
+      background: @menu-sub-inline-color-background;
 
+      .@{menuitem-prefix-cls} {
+        &:hover,
+        &-active {
+          color: @menu-sub-color-active;
+        }
+      }
 
+      &-second,
+      &-third {
+        animation: kdZoomTopLeftIn calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
+        opacity: 1;
+        visibility: visible;
+        transition: opacity, visibility;
+        transition-duration: calc(@menu-motion-duration - 0.1s);
+        transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+      }
+
+      &-hide {
+        opacity: 0;
+        visibility: hidden;
+        animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;
+        transition: opacity, visibility;
+        transition-duration: calc(@menu-motion-duration - 0.1s);
+        transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+      }
+    }
+  }
+
+  &.light {
+    .light();
+
+    .@{submenu-prefix-cls}-sub {
+      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);
+    }
+
+    .@{menuitem-prefix-cls}:not(.@{menuitem-prefix-cls}-disabled):not(.@{menuitem-prefix-cls}-active):hover,
+    .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):hover {
+      .light-hover();
+      border: none;
+    }
+
+    .@{menuitem-prefix-cls}-hover,.@{submenu-prefix-cls}-hover {
+      .light-hover();
+      border: none;
+    }
+
+    .@{menuitem-prefix-cls}-active,.@{submenu-prefix-cls}-active {
+      .light-active();
+      border: none;
+    }
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+@menu-prefix-cls: ~'@{kd-prefix}-menu';
+@menuitem-prefix-cls: ~'@{menu-prefix-cls}-item';
+@menu-vertical-prefix-cls: ~'@{menu-prefix-cls}-vertical';
+@submenu-prefix-cls: ~'@{menu-prefix-cls}-submenu';
 
 // 菜单默认样式
 .menu() {
@@ -6000,10 +6046,15 @@ textarea {
 }
 
 .light-hover {
-  background-color: @menu-light-color-background;
+  background-color: @menu-light-color-background-hover;
   color: @menu-light-color-hover;
 }
 
+.light-active {
+  background-color: @menu-light-color-background-active;
+  color: @menu-light-color-active;
+}
+
 .light-default {
   color: @menu-light-color;
   background: #ffffff;
@@ -6020,6 +6071,28 @@ textarea {
 }
 
 
+.light {
+  .light-default();
+
+  .@{submenu-prefix-cls}-hover,
+  .@{submenu-prefix-cls}-sub {
+    .light-default();
+  }
+
+  .@{submenu-prefix-cls}-title:hover {
+    color: @menu-light-color-hover;
+  }
+
+  .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):hover {
+    .light-hover();
+  }
+
+  .@{menuitem-prefix-cls}:not(.@{menuitem-prefix-cls}-disabled):hover {
+    .light-hover();
+  }
+}
+
+
 
 @menu-prefix: '--@{kd-prefix}-c-menu';
 
@@ -6032,10 +6105,12 @@ textarea {
 @menu-sub-inline-color-background: var(~'@{menu-prefix}-sub-inline-color-background', #1f212b);
 @menu-inline-color-active: var(~'@{menu-prefix}-inline-color-active', @color-white);
 @menu-color-background: var(~'@{menu-prefix}-color-background', #343848);
+
 @menu-light-color: var(~'@{menu-prefix}-light-color-text', @color-text-primary);
-@menu-light-color-hover: var(~'@{menu-prefix}-light-color-text-hover', @color-ongoing);
+@menu-light-color-hover: var(~'@{menu-prefix}-light-color-text-hover', @color-text-primary);
 @menu-light-color-active: var(~'@{menu-prefix}-light-color-text-active', @color-theme);
-@menu-light-color-background: var(~'@{menu-prefix}-light-color-background', @color-background-ongoing);
+@menu-light-color-background-hover: var(~'@{menu-prefix}-light-color-background-hover', #f5f5f5);
+@menu-light-color-background-active: var(~'@{menu-prefix}-light-color-background-active', #e3ebff);
 
 // font
 @menu-icon-font-size: var(~'@{menu-prefix}-icon-font-size', @font-size-xx-large);