@kdcloudjs/kdesign 1.7.35 → 1.7.39

package/CHANGELOG.md

@@ -1,3 +1,42 @@
+## [1.7.37](https://github.com/kdcloudone/kdesign/compare/v1.7.35...v1.7.37) (2023-10-19)
+
+
+### Bug Fixes
+
+* [city-picker] 修复空值输入搜索内容时显示清空按钮问题 fix [#623](https://github.com/kdcloudone/kdesign/issues/623) ([5101a95](https://github.com/kdcloudone/kdesign/commit/5101a9518346fc188277407586ac7f0a601336e3))
+* [message] 修复设置content为reactNode时图标和关闭按钮不出现的问题 fix [#293](https://github.com/kdcloudone/kdesign/issues/293) ([7e8943c](https://github.com/kdcloudone/kdesign/commit/7e8943c355ad636922ed51328cc7c185b41f3654))
+* [select] 去除单选的backspace快捷键功能 fix [#632](https://github.com/kdcloudone/kdesign/issues/632) ([2915ddb](https://github.com/kdcloudone/kdesign/commit/2915ddbb31711c44cb30c92e0ccb7db9ffb8154e))
+* [tree-select] 修复在表单中无法重置树选择下拉面板选中项问题 fix [#588](https://github.com/kdcloudone/kdesign/issues/588) ([e602dfa](https://github.com/kdcloudone/kdesign/commit/e602dfae0dd7570f4d75b1ad63b7445ab99143b0))
+* [tree] 修复树组件设置节点过滤后无法展开收起节点问题 fix [#509](https://github.com/kdcloudone/kdesign/issues/509) ([a0e8577](https://github.com/kdcloudone/kdesign/commit/a0e8577c0ef3befede84a2590dd3edb487d10827))
+
+
+### Features
+
+* [clipboard] 新增剪贴板组件 fix [#584](https://github.com/kdcloudone/kdesign/issues/584) ([dbc6d0e](https://github.com/kdcloudone/kdesign/commit/dbc6d0e69f9659f4316769b190ddd0d7b6c84c79))
+* [select] 新增错误状态  fix [#627](https://github.com/kdcloudone/kdesign/issues/627) ([7e3fd35](https://github.com/kdcloudone/kdesign/commit/7e3fd357c861d246b3d91d617120dc1531b15ad1))
+* [tree-select] 新增错误状态  fix [#628](https://github.com/kdcloudone/kdesign/issues/628) ([f97d614](https://github.com/kdcloudone/kdesign/commit/f97d6147b0267f424ebc2f6167dad5e1024640c8))
+* [tree] 新增连接线 fix [#214](https://github.com/kdcloudone/kdesign/issues/214) ([de79d0d](https://github.com/kdcloudone/kdesign/commit/de79d0da2a52749025a90eda774e421e76513a5c))
+
+
+
+## [1.7.35](https://github.com/kdcloudone/kdesign/compare/v1.7.34...v1.7.35) (2023-10-19)
+
+
+### Bug Fixes
+
+* [select] 修复传入dropdownRender属性导致页面卡死问题 fix [#573](https://github.com/kdcloudone/kdesign/issues/573) ([a258c48](https://github.com/kdcloudone/kdesign/commit/a258c4831351e45f6f143b832a0f9071ec0e9ef1))
+* [select] 修复select下拉面板浮层位置变动为bottomRight后导致面板无法关闭问题 fix [#622](https://github.com/kdcloudone/kdesign/issues/622) ([fa5f040](https://github.com/kdcloudone/kdesign/commit/fa5f040aad962311ce4bc863f3227c89fa51bbc1))
+
+
+### Features
+
+* [cli] 修改开发环境的地址 ([3cd110d](https://github.com/kdcloudone/kdesign/commit/3cd110dec15e9aa6fbda1ea482b01b350df523f2))
+* [color-picker] 修改输入框和下拉框的样式 ([914d6b7](https://github.com/kdcloudone/kdesign/commit/914d6b70bbc8114af40b1a277ac0db5186324aef))
+* [select] 新增选择器国际化功能 fix [#592](https://github.com/kdcloudone/kdesign/issues/592) ([98ef1f8](https://github.com/kdcloudone/kdesign/commit/98ef1f89dde249566fb9f838260613c1ad908df7))
+* 新增visible和onVisibleChange API close [#580](https://github.com/kdcloudone/kdesign/issues/580) ([0b94801](https://github.com/kdcloudone/kdesign/commit/0b94801a478f8145d76b583a6ce6e6104921c636))
+
+
+
 ## [1.7.34](https://github.com/kdcloudone/kdesign/compare/v1.7.33...v1.7.34) (2023-10-11)
 
 

package/README.md

@@ -2,6 +2,7 @@
 
 KDesign of React 是基于金蝶的企业级设计系统KDesign 实现的一套React UI组件库，主要用于企业级系统的构建。
 
+官网：[https://react.kingdee.design/](https://react.kingdee.design/)
 
 ## 特性
 - 提供开箱即用的 丰富的企业级 React UI 组件。
@@ -88,4 +89,4 @@ reactDom.render((
 参与贡献前请先阅读 [贡献指南](./CONTRIBUTING.md)
 
 ## License
-kdesign 使用了 Apache License, Version 2.0. 详细license 请查看 [LICENSE](./LICENSE)
+kdesign 使用了 Apache License, Version 2.0. 详细license 请查看 [LICENSE](./LICENSE)

package/dist/kdesign-complete.less

@@ -2009,11 +2009,12 @@
 
     .@{kd-prefix}-cascader-suffix {
       right: 9px;
+      top: 50%;
+      transform: translateY(-50%);
     }
   }
 
   &-multiple {
-    padding: 1px 28px 1px 0;
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     width: 100%;
     min-height: 30px;
@@ -2022,7 +2023,6 @@
     display: flex;
     cursor: pointer;
     box-sizing: border-box;
-    overflow-y: auto;
     overflow-x: hidden;
     position: relative;
     border-bottom: 1px solid #d9d9d9;
@@ -2039,6 +2039,8 @@
     align-items: center;
     flex-wrap: wrap;
     width: 100%;
+    padding: 1px 28px 1px 0;
+    overflow-y: auto;
   }
 
   &-placeholder {
@@ -2953,6 +2955,132 @@
 
 
 
+@clipboard-prefix-cls: ~'@{kd-prefix}-clipboard';
+
+.@{clipboard-prefix-cls} {
+  .clipboard;
+
+  &-size-small {
+    .clipboard-size(@clipboard-small-height, @clipboard-small-font-size, @clipboard-small-padding-vertical, @clipboard-small-padding-horizontal);
+    &.@{clipboard-prefix-cls}-icon-only {
+      .clipboard-icon-only(@clipboard-icon-small-font-size, @clipboard-icon-padding-horizontal);
+    }
+  }
+
+  &-size-middle {
+    .clipboard-size(@clipboard-middle-height, @clipboard-middle-font-size, @clipboard-middle-padding-vertical, @clipboard-middle-padding-horizontal);
+    &.@{clipboard-prefix-cls}-icon-only {
+      .clipboard-icon-only(@clipboard-icon-middle-font-size, @clipboard-icon-padding-horizontal);
+    }
+  }
+
+  &-size-large {
+    .clipboard-size(@clipboard-large-height, @clipboard-large-font-size, @clipboard-large-padding-vertical, @clipboard-large-padding-horizontal);
+    &.@{clipboard-prefix-cls}-icon-only {
+      .clipboard-icon-only(@clipboard-icon-large-font-size, @clipboard-icon-padding-horizontal);
+    }
+  }
+
+  &:not(.@{clipboard-prefix-cls}-icon-only) > i:not(:last-child) {
+    margin-right: 2px;
+  }
+}
+
+
+
+.clipboard() {
+  padding: 0;
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+  font-weight: @clipboard-g-font-weight;
+  color: #bbbbbb;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  user-select: none;
+
+  &:hover {
+    color: #5582f3;
+  }
+  &:disabled,
+  &[disabled] {
+    color: #bbbbbb;
+    cursor: not-allowed;
+  }
+}
+
+.clipboard-size(@height, @font-size, @padding-vertical, @padding-horizontal) {
+  height: @height;
+  padding: @padding-vertical @padding-horizontal;
+  font-size: @font-size;
+  line-height: calc(@height - (@padding-vertical) * 2);
+}
+
+.clipboard-icon-only(@font-size, @padding-horizontal) {
+  font-size: @font-size;
+  padding: 0 @padding-horizontal;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+
+
+
+@clipboard-custom-prefix: ~'--@{kd-prefix}-c-clipboard';
+
+// color
+@clipboard-font-color: var(~'@{clipboard-custom-prefix}-color-text', @color-theme); // color-theme为全局token
+
+// font
+@clipboard-g-font-weight: var(~'@{clipboard-custom-prefix}-font-weight', @font-weight-light); // 字体粗细
+@clipboard-small-font-size: var(~'@{clipboard-custom-prefix}-font-size-small', @font-size-small); // 小号 文字大小
+@clipboard-middle-font-size: var(~'@{clipboard-custom-prefix}-font-size-middle', @font-size-middle); // 中号 文字大小
+@clipboard-large-font-size: var(~'@{clipboard-custom-prefix}-font-size-large', @font-size-large); // 大号 文字大小
+
+@clipboard-icon-small-font-size: var(~'@{clipboard-custom-prefix}-icon-font-size-small', 14px); // 小号 图标大小
+@clipboard-icon-middle-font-size: var(~'@{clipboard-custom-prefix}-icon-font-size-middle', 16px); // 中号 图标大小
+@clipboard-icon-large-font-size: var(~'@{clipboard-custom-prefix}-icon-font-size-large', 18px); // 大号 图标大小
+
+// motion
+@clipboard-duration-fade: var(~'@{clipboard-custom-prefix}-motion-duration-fade', @duration-slowly);
+@clipboard-duration-wave: var(~'@{clipboard-custom-prefix}-motion-duration-wave', @duration-quickly);
+
+// sizing
+@clipboard-small-height: var(~'@{clipboard-custom-prefix}-sizing-height-small', 24px); // 小号 高度
+@clipboard-middle-height: var(~'@{clipboard-custom-prefix}-sizing-height-middle', 28px); // 中号 高度
+@clipboard-large-height: var(~'@{clipboard-custom-prefix}-sizing-height-large', 32px); // 大号 高度
+
+// spacing
+@clipboard-small-padding-vertical: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-vertical-small',
+  3px
+); // 小号 内间距 纵向
+@clipboard-small-padding-horizontal: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-horizontal-small',
+  8px
+); // 小号 内间距 横向
+@clipboard-middle-padding-vertical: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-vertical-middle',
+  5px
+); // 中号 内间距 纵向
+@clipboard-middle-padding-horizontal: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-horizontal-middle',
+  8px
+); // 中号 内间距 横向
+@clipboard-large-padding-vertical: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-vertical-large',
+  6px
+); // 大号 内间距 纵向
+@clipboard-large-padding-horizontal: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-horizontal-large',
+  8px
+); // 大号 内间距 横向
+@clipboard-icon-padding-horizontal: var(~'@{clipboard-custom-prefix}-icon-spacing-padding-horizontal', 4px);
+
+
+
 
 @collapse-prefix-cls: ~'@{kd-prefix}-collapse';
 .@{collapse-prefix-cls} {
@@ -9797,7 +9925,7 @@ textarea {
     }
   }
 
-  &-focused {
+  &-focused:not(.@{select-prefix-cls}-error) {
     .focusColor();
   }
   &-placeholder {
@@ -9821,7 +9949,9 @@ textarea {
 
   &-underline {
     border-bottom: 1px solid @select-g-color-border;
-    &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled) {
+    &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled):not(
+        .@{select-prefix-cls}-error
+      ) {
       border-bottom: 1px solid @select-g-color-border-hover;
     }
   }
@@ -9830,7 +9960,9 @@ textarea {
     border: 1px solid @select-border-g-color-border;
     padding-left: @select-bordered !important;
     border-radius: @select-border-radius-border;
-    &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled) {
+    &:hover:not(.@{select-prefix-cls}-multiple-disabled):not(.@{select-prefix-cls}-single-disabled):not(
+        .@{select-prefix-cls}-error
+      ) {
       border: 1px solid @select-g-color-border-hover;
     }
 
@@ -10003,7 +10135,7 @@ textarea {
         .over();
       }
     }
-    &-focused {
+    &-focused:not(.@{select-prefix-cls}-error) {
       .focusColor();
     }
     &-disabled {
@@ -10177,6 +10309,10 @@ textarea {
     }
   }
 
+  &-error:not(.@{select-prefix-cls}-single-disabled):not(.@{select-prefix-cls}-multiple-disabled) {
+    border-color: @select-error-color;
+  }
+
   &-dropdown-panel {
     &.topLeft.hidden,
     &.bottomLeft.hidden,
@@ -10298,6 +10434,7 @@ textarea {
 @select-single-color-text: var(~'@{select-custom-prefix}-single-color-text', @color-text-primary);
 @select-clear-color: var(~'@{select-custom-prefix}-icon-clear-color-text', #d9d9d9);
 @select-clear-color-hover: var(~'@{select-custom-prefix}-icon-clear-color-text-hover', #999);
+@select-error-color: var(~'@{select-custom-prefix}-color-error', @color-error);
 
 // font
 @select-list-font-size: var(~'@{select-custom-prefix}-dropdown-font-size', 12px); // 下拉列表文字大小
@@ -14631,10 +14768,26 @@ template {
     min-width: 100%;
     flex-shrink: 0;
   }
-  &-plantom {
-    position: absolute;
-    min-width: 100%;
-    z-index: -1;
+
+  &-show-line {
+    .@{tree-node-prefix-cls}-indent {
+      position: relative;
+      &::before {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 1px;
+        border-left: 1px solid #d9d9d9;
+        content: '';
+        box-sizing: border-box;
+        top: 0;
+        bottom: 0;
+      }
+
+      &-active::before {
+        border-color: @tree-color-theme;
+      }
+    }
   }
 }
 
@@ -14668,21 +14821,13 @@ template {
 
   &-indent {
     display: flex;
-    width: 1px;
-    border-top: 0;
-    border-left: 11px;
-    border-bottom: 0;
-    border-right: 10px;
-    border-color: white;
-    border-style: solid;
+    width: @tree-expand-icon-width;
+    margin-right: 6px;
+
     height: 100%;
     cursor: default;
-    opacity: 0;
-  }
-  &-indent-line {
-    background-color: black;
-    opacity: 1;
   }
+
   &-icon {
     cursor: pointer;
     height: @tree-expand-icon-height;
@@ -14747,6 +14892,12 @@ template {
     align-items: center;
     width: 100%;
     height: 100%;
+
+    &.@{tree-node-prefix-cls}-dragging {
+      .@{tree-node-prefix-cls}-indent::before {
+        border-color: transparent;
+      }
+    }
   }
 
   &-drag-over {
@@ -14755,13 +14906,14 @@ template {
   }
 
   &-drag-line {
-    &-top, &-bottom {
+    &-top,
+    &-bottom {
       position: absolute;
       left: 0;
       top: 0;
       width: 100%;
       border-top: 2px solid @tree-node-drag-line-border-color;
-      
+
       &::before {
         content: '';
         width: 4px;
@@ -14916,7 +15068,7 @@ template {
     }
   }
 
-  &-focused {
+  &-focused:not(.@{tree-select-prefix-cls}-error) {
     .focusColor();
   }
   &-placeholder {
@@ -14935,7 +15087,9 @@ template {
 
   &-underline {
     border-bottom: 1px solid @tree-select-g-color-border;
-    &:hover:not(.@{tree-select-prefix-cls}-multiple-disabled):not(.@{tree-select-prefix-cls}-single-disabled) {
+    &:hover:not(.@{tree-select-prefix-cls}-multiple-disabled):not(.@{tree-select-prefix-cls}-single-disabled):not(
+        .@{tree-select-prefix-cls}-error
+      ) {
       border-bottom: 1px solid @tree-select-g-color-border-hover;
     }
   }
@@ -14944,7 +15098,9 @@ template {
     border: 1px solid @tree-select-border-g-color-border;
     padding-left: @tree-select-bordered !important;
     border-radius: @tree-select-border-radius-border;
-    &:hover:not(.@{tree-select-prefix-cls}-multiple-disabled):not(.@{tree-select-prefix-cls}-single-disabled) {
+    &:hover:not(.@{tree-select-prefix-cls}-multiple-disabled):not(.@{tree-select-prefix-cls}-single-disabled):not(
+        .@{tree-select-prefix-cls}-error
+      ) {
       border: 1px solid @tree-select-g-color-border-hover;
     }
 
@@ -15063,7 +15219,7 @@ template {
         .over();
       }
     }
-    &-focused {
+    &-focused:not(.@{tree-select-prefix-cls}-error) {
       .focusColor();
     }
     &-disabled {
@@ -15240,6 +15396,10 @@ template {
     }
   }
 
+  &-error:not(.@{tree-select-prefix-cls}-single-disabled):not(.@{tree-select-prefix-cls}-multiple-disabled) {
+    border-color: @tree-select-error-color;
+  }
+
   &.topLeft.hidden,
   &.bottomLeft.hidden,
   &.topRight.hidden,
@@ -15304,6 +15464,7 @@ template {
 @tree-select-single-color-text: var(~'@{tree-select-custom-prefix}-single-color-text', @color-text-primary);
 @tree-select-clear-color: var(~'@{tree-select-custom-prefix}-icon-clear-color-text', #d9d9d9);
 @tree-select-clear-color-hover: var(~'@{tree-select-custom-prefix}-icon-clear-color-text-hover', #999);
+@tree-select-error-color: var(~'@{tree-select-custom-prefix}-color-error', @color-error);
 
 // font
 @tree-select-list-font-size: var(~'@{tree-select-custom-prefix}-dropdown-font-size', 12px); // 下拉列表文字大小