@kdcloudjs/kdesign 1.7.34 → 1.7.37

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [1.7.34](https://github.com/kdcloudone/kdesign/compare/v1.7.33...v1.7.34) (2023-10-11)
+
+
+### Bug Fixes
+
+* [date-picker]表单校验问题 fix [#619](https://github.com/kdcloudone/kdesign/issues/619) ([e963693](https://github.com/kdcloudone/kdesign/commit/e9636937e7c954a0f5324d25a368eb1ba1eb2fd2))
+* [date-picker]修复safari组件异常问题 fix [#609](https://github.com/kdcloudone/kdesign/issues/609) ([3c6e54a](https://github.com/kdcloudone/kdesign/commit/3c6e54a4f3b00cfe5ad61817f945dd0f29551c4d))
+* [upload]ie兼容性问题处理 fix [#620](https://github.com/kdcloudone/kdesign/issues/620) ([602b961](https://github.com/kdcloudone/kdesign/commit/602b9612c3fca3466f6bdfe640197148533bb6a0))
+
+
+
 ## [1.7.33](https://github.com/kdcloudone/kdesign/compare/v1.7.32...v1.7.33) (2023-10-07)
 
 

package/dist/kdesign-complete.less

@@ -2953,6 +2953,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} {
@@ -3105,6 +3231,7 @@
 
 .@{color-picker-prefix-cls}-container {
   position: relative;
+  width: @color-picker-input-sizing-width;
 
   .@{color-picker-prefix-cls}-input {
     width: @color-picker-input-sizing-width;
@@ -3151,6 +3278,7 @@
 }
 
 .@{color-picker-prefix-cls}-pop {
+  width: @color-picker-panel-sizing-width;
 
   &.topLeft.hidden,
   &.bottomLeft.hidden,
@@ -3301,61 +3429,65 @@
       }
     }
 
-    &-input {
-      display: inline-block;
-      position: relative;
-      margin-top: 12px;
-      font-size: @color-picker-panel-select-font-size;
+    &-container {
+      display: flex;
+      flex-wrap: nowrap;
+      margin-top: 10px;
 
-      &-no-recommend {
-        margin-bottom: 0;
-      }
+      &-input {
+        flex: 1 1 auto;
+        display: inline-block;
+        position: relative;
+        font-size: @color-picker-panel-select-font-size;
 
-      .@{kd-prefix}-select {
+        .@{kd-prefix}-select-dropdown-panel {
+          margin: 0 !important;
 
-        &.bottomLeft,
-        &.topLeft {
-          position: absolute;
-          width: 60px !important;
-          background: #FFFFFF;
-          right: 0;
-          left: unset !important;
-          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);
-          border-radius: 2px;
-        }
+          &.bottomLeft,
+          &.topLeft {
+            position: absolute;
+            width: 60px !important;
+            min-width: unset !important;
+            background: #FFFFFF;
+            right: 0;
+            left: unset !important;
+            box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);
+            border-radius: 2px;
+          }
 
-        .@{kd-prefix}-select-dropdown {
-          .@{kd-prefix}-select-item-option {
-            display: flex;
-            justify-content: center;
-            min-width: unset;
+          .@{kd-prefix}-select-dropdown {
+            .@{kd-prefix}-select-item-option {
+              display: flex;
+              justify-content: center;
+              min-width: unset;
+            }
           }
         }
-      }
 
-      .@{kd-prefix}-select-bordered {
-        border-radius: 2px;
-        width: @color-picker-panel-select-sizing-width;
-        height: @color-picker-panel-select-sizing-height;
-        min-height: 28px;
-        margin-top: -2px;
+        .@{kd-prefix}-select-bordered {
+          border-radius: 2px;
+          width: @color-picker-panel-select-sizing-width;
+          height: @color-picker-panel-select-sizing-height;
+          min-height: 28px;
+          padding: 0 28px 0 0;
 
-        .@{kd-prefix}-select-placeholder {
-          left: 8px;
+          .@{kd-prefix}-select-placeholder {
+            left: 8px;
+          }
         }
-      }
 
-      .active-option {
-        background-color: @color-picker-panel-option-color-background;
+        .active-option {
+          background-color: @color-picker-panel-option-color-background;
+        }
       }
-    }
 
-    &-transparent {
-      width: 60px;
-      height: 28px;
-      margin-left: 8px;
-      text-align: center;
-      font-size: @color-picker-panel-alpha-font-size;
+      &-transparent {
+        flex: 0 0 60px;
+        height: 28px;
+        margin-left: 8px;
+        text-align: center;
+        font-size: @color-picker-panel-alpha-font-size;
+      }
     }
 
     &-colorDivContainer {
@@ -9791,7 +9923,7 @@ textarea {
     }
   }
 
-  &-focused {
+  &-focused:not(.@{select-prefix-cls}-error) {
     .focusColor();
   }
   &-placeholder {
@@ -9815,7 +9947,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;
     }
   }
@@ -9824,7 +9958,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;
     }
 
@@ -9997,7 +10133,7 @@ textarea {
         .over();
       }
     }
-    &-focused {
+    &-focused:not(.@{select-prefix-cls}-error) {
       .focusColor();
     }
     &-disabled {
@@ -10163,7 +10299,7 @@ textarea {
       &-hadSelected {
         color: #999999;
         padding-left: 12px;
-        > span {
+        &-number {
           color: @select-footer-g-text-color-selected;
           padding: 0 2px;
         }
@@ -10171,13 +10307,19 @@ textarea {
     }
   }
 
-  &.topLeft.hidden,
-  &.bottomLeft.hidden,
-  &.topRight.hidden,
-  &.bottomRight.hidden {
-    opacity: 0;
-    visibility: hidden;
-    transition: all calc(@transition-duration - 0.1s) @ease;
+  &-error:not(.@{select-prefix-cls}-single-disabled):not(.@{select-prefix-cls}-multiple-disabled) {
+    border-color: @select-error-color;
+  }
+
+  &-dropdown-panel {
+    &.topLeft.hidden,
+    &.bottomLeft.hidden,
+    &.topRight.hidden,
+    &.bottomRight.hidden {
+      opacity: 0;
+      visibility: hidden;
+      transition: all calc(@transition-duration - 0.1s) @ease;
+    }
   }
 }
 
@@ -10290,6 +10432,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); // 下拉列表文字大小
@@ -14623,10 +14766,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;
+      }
+    }
   }
 }
 
@@ -14660,21 +14819,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;
@@ -14739,6 +14890,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 {
@@ -14747,13 +14904,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;
@@ -14908,7 +15066,7 @@ template {
     }
   }
 
-  &-focused {
+  &-focused:not(.@{tree-select-prefix-cls}-error) {
     .focusColor();
   }
   &-placeholder {
@@ -14927,7 +15085,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;
     }
   }
@@ -14936,7 +15096,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;
     }
 
@@ -15055,7 +15217,7 @@ template {
         .over();
       }
     }
-    &-focused {
+    &-focused:not(.@{tree-select-prefix-cls}-error) {
       .focusColor();
     }
     &-disabled {
@@ -15232,6 +15394,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,
@@ -15296,6 +15462,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); // 下拉列表文字大小