@kdcloudjs/kdesign 1.7.25 → 1.7.27

package/CHANGELOG.md

@@ -1,3 +1,50 @@
+## [1.7.26](https://github.com/kdcloudone/kdesign/compare/v1.7.25...v1.7.26) (2023-09-08)
+
+
+### Bug Fixes
+
+* [cascader]修复清空时显示问题 fix [#528](https://github.com/kdcloudone/kdesign/issues/528) ([4b1c711](https://github.com/kdcloudone/kdesign/commit/4b1c7110b11a4c9c600348ccc2c4993256ee9552))
+* [cascader]修复disabled问题 fix [#397](https://github.com/kdcloudone/kdesign/issues/397),fix [#398](https://github.com/kdcloudone/kdesign/issues/398) ([91cc162](https://github.com/kdcloudone/kdesign/commit/91cc162a5308d7b9ce863f31f25fd2251861e487))
+* [cascader]修复focus相关api及样式问题 fix [#338](https://github.com/kdcloudone/kdesign/issues/338), fix [#395](https://github.com/kdcloudone/kdesign/issues/395) ([bf255fc](https://github.com/kdcloudone/kdesign/commit/bf255fcbc4e261278ed346c917417af3fc145d45))
+* [cascader]修复hover样式问题 fix [#396](https://github.com/kdcloudone/kdesign/issues/396) ([0c9de4c](https://github.com/kdcloudone/kdesign/commit/0c9de4c867e5328a0ae3ed15408ce36cfbe5a15a))
+* [city-picker] 更新下拉面板视觉规范 fix [#565](https://github.com/kdcloudone/kdesign/issues/565) ([db5ffd4](https://github.com/kdcloudone/kdesign/commit/db5ffd46f220319a973553e17abe82f745187b73))
+* [city-picker] 修复国际版当数据无province时，下拉项无分隔符问题 fix [#567](https://github.com/kdcloudone/kdesign/issues/567) ([0ce1677](https://github.com/kdcloudone/kdesign/commit/0ce1677667ac9bb9c9ff0d5ca2485b682ad23143))
+* [city-picker] 修复受控时将value设置为空字符串,城市选项没清空问题 fix [#569](https://github.com/kdcloudone/kdesign/issues/569) ([7e69ccd](https://github.com/kdcloudone/kdesign/commit/7e69ccd95b099a92a794899f92bd96ae3a3f031f))
+* [city-picker] 修复ie浏览器下容器宽度过长问题 fix [#568](https://github.com/kdcloudone/kdesign/issues/568) ([d66e890](https://github.com/kdcloudone/kdesign/commit/d66e890d50de81cff720004d161d1ecdf283b62c))
+* [collapse] 添加header描述性语句api ([1ea5824](https://github.com/kdcloudone/kdesign/commit/1ea5824d72ac8e9930cedc0f2184d46ae5d894bb))
+* [collapse] 修复边框显示问题 fix [#564](https://github.com/kdcloudone/kdesign/issues/564) ([7437b36](https://github.com/kdcloudone/kdesign/commit/7437b36069d5b4ca3b895c1befe17f9920cbfaf7))
+* [tree-select] 新增tag标签的title属性 fix [#570](https://github.com/kdcloudone/kdesign/issues/570) ([341e21a](https://github.com/kdcloudone/kdesign/commit/341e21ada13a124b1d7b08a686bcdbef33341ef9))
+
+
+### Features
+
+* [form]新增extra属性 fix [#223](https://github.com/kdcloudone/kdesign/issues/223) ([6b42df7](https://github.com/kdcloudone/kdesign/commit/6b42df763728317f4414b68dc02f61052cc85bb5))
+
+
+
+## [1.7.25](https://github.com/kdcloudone/kdesign/compare/v1.7.24...v1.7.25) (2023-08-31)
+
+
+### Bug Fixes
+
+* [city-picker] 新增城市选择Token fix [#555](https://github.com/kdcloudone/kdesign/issues/555) ([9e451db](https://github.com/kdcloudone/kdesign/commit/9e451db0cae93cd14c93762a57631c30904eaede))
+* [city-picker] 修复切换页签导致常用面板显示异常问题 fix [#558](https://github.com/kdcloudone/kdesign/issues/558) ([ac49649](https://github.com/kdcloudone/kdesign/commit/ac49649a330470ee09726f19709a3b02803e3cec))
+* [city-picker] 修复搜索后关闭下拉面板时会闪烁到常用面板问题 fix [#560](https://github.com/kdcloudone/kdesign/issues/560) ([be676f7](https://github.com/kdcloudone/kdesign/commit/be676f7530095d97119cb3bdc1ec04574dff107d))
+* [city-picker] 修复下拉面板省略号显示问题 fix [#553](https://github.com/kdcloudone/kdesign/issues/553) ([a536527](https://github.com/kdcloudone/kdesign/commit/a536527274fa5da825e7505862c1d92eb6ddcc52))
+* [city-picker] 修复选中项出现多余逗号问题 fix [#554](https://github.com/kdcloudone/kdesign/issues/554) ([f7c1bf4](https://github.com/kdcloudone/kdesign/commit/f7c1bf48f15bbdd8eba30d91ebb7c52d8fb22fad))
+* [city-picker] 修复页签文字超出问题 fix [#562](https://github.com/kdcloudone/kdesign/issues/562) ([1bc7aa1](https://github.com/kdcloudone/kdesign/commit/1bc7aa130844fb2b70263711910d44fe521bb18e))
+* [input-number] 修复传入format后中间位置输入内容后光标自动回到末尾的问题 fix [#508](https://github.com/kdcloudone/kdesign/issues/508) ([acdbdf3](https://github.com/kdcloudone/kdesign/commit/acdbdf38d216d1fe8d8b82944e08169493856678))
+* [input-number] 修复输入值超出范围时失焦不触发onChange事件 fix [#464](https://github.com/kdcloudone/kdesign/issues/464) ([df9b40b](https://github.com/kdcloudone/kdesign/commit/df9b40bff73aabc56d2acf347da650fb45d03583))
+* [radio]修复radio在表格中选中发生位置偏移的问题 ([e5c2d2c](https://github.com/kdcloudone/kdesign/commit/e5c2d2c7edbfa613b985b4a45eb7a42a9a823569))
+* [select] 修复快捷键展开收起下拉面板不触发onVisibleChange回调问题 fix [#546](https://github.com/kdcloudone/kdesign/issues/546) ([6c9d16a](https://github.com/kdcloudone/kdesign/commit/6c9d16a63c09bd57f1122eedb61f976855acc799))
+
+
+### Features
+
+* [city-picker] 新增国际化配置 fix [#557](https://github.com/kdcloudone/kdesign/issues/557) ([5d8a68f](https://github.com/kdcloudone/kdesign/commit/5d8a68fc8322228362c4b23f8f75e579c439218b))
+
+
+
 ## [1.7.24](https://github.com/kdcloudone/kdesign/compare/v1.7.23...v1.7.24) (2023-08-25)
 
 

package/dist/kdesign-complete.less

@@ -260,7 +260,7 @@
       display: inline-block;
       &-title {
         display: inline-block;
-        max-width: 96px;
+        max-width: @anchor-horizontal-link-max-width;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
@@ -413,6 +413,7 @@
 // sizing
 @anchor-width: var(~'@{anchor-prefix}-sizing-width', 120px);
 @anchor-advanced-width: var(~'@{anchor-prefix}-advanced-sizing-width', 160px);
+@anchor-horizontal-link-max-width: var(~'@{anchor-prefix}-horizontal-link-sizing-max-width', 96px);
 
 // spacing
 @anchor-link-top: var(~'@{anchor-prefix}-spacing-vertical', 7px);
@@ -1840,22 +1841,6 @@
   cursor: pointer;
   background: @cascader-bg-color;
 
-  &:focus > &-input {
-    border-color: @cascader-active-color;
-
-    .@{kd-prefix}-input-suffix,
-    i[class*='kdicon'] {
-      color: @cascader-active-color;
-    }
-  }
-
-  &:hover > &-input {
-    .@{kd-prefix}-input-suffix,
-    i[class*='kdicon'] {
-      color: @cascader-active-color;
-    }
-  }
-
   &.disabled {
     .@{cascader-picker-prefix-cls}-input {
       cursor: not-allowed;
@@ -1882,7 +1867,7 @@
   }
 
   &-input {
-    background-color: transparent !important;
+    background-color: transparent;
     transition: all 0.2s;
 
     > input {
@@ -1891,10 +1876,7 @@
     }
 
     &.expand {
-      border-color: @cascader-active-color;
-
       i[class*='kdicon'] {
-        color: @cascader-active-color;
         transform: rotate(180deg);
       }
     }
@@ -1933,7 +1915,7 @@
     transform: scale(0.9) translateY(-50%);
 
     &:hover {
-      color: @cascader-active-color;
+      color: @cascader-clear-color-hover;
     }
   }
 }
@@ -1991,12 +1973,12 @@
       }
 
       &-label {
-        width: 72px;
+        width: @cascader-menu-item-label-width;
         .ellipsis;
       }
 
       &.last .@{cascader-menu-prefix-cls}-item-label {
-        width: 92px;
+        width: calc(@cascader-menu-item-label-width + 20px);
       }
 
       .@{kd-prefix}-cascader-checkbox {
@@ -2045,6 +2027,11 @@
     position: relative;
     border-bottom: 1px solid #d9d9d9;
     background: @cascader-bg-color;
+
+    &:not(.@{kd-prefix}-cascader-disabled):focus {
+      border-color: @cascader-selected-color;
+      outline: none;
+    }
   }
 
   &-multiple-wrapper {
@@ -2056,7 +2043,8 @@
 
   &-placeholder {
     position: absolute;
-    color: @select-placeholder-color;
+    font-size: @middle-font-size;
+    color: @cascader-placeholder-color;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -2095,10 +2083,6 @@
         transform: rotate(0deg);
         transition: transform calc(@transition-duration - 0.1s) @ease;
       }
-
-      &-focus {
-        color: @cascader-g-color-border-foucs;
-      }
     }
 
     &-clear {
@@ -2113,6 +2097,7 @@
       }
     }
   }
+
   &-tag {
     &-describe {
       font-size: 12px;
@@ -2124,7 +2109,6 @@
       &-content {
         display: inline-flex;
         align-items: center;
-        vertical-align: middle;
         padding: 0 7px;
         overflow: hidden;
         white-space: nowrap;
@@ -2134,6 +2118,45 @@
       }
     }
   }
+
+  &-disabled {
+    cursor: not-allowed;
+
+    .@{kd-prefix}-cascader-picker-label {
+      color: @cascader-disabled-color;
+    }
+
+    .@{kd-prefix}-cascader-picker-input {
+      background-color: @cascader-disabled-color-background;
+
+      > input {
+        background-color: @cascader-disabled-color-background;
+      }
+    }
+
+    &.@{kd-prefix}-cascader-multiple {
+      background-color: @cascader-disabled-color-background;
+    }
+
+    .@{kd-prefix}-cascader-suffix {
+      color: @cascader-disabled-color;
+    }
+
+    .@{kd-prefix}-cascader-tag-describe-content {
+      color: @cascader-tag-disabled-color;
+      border-color: @cascader-tag-disabled-color;
+    }
+  }
+
+  &-picker:not(&-disabled):hover, &-expand {
+    .kd-input-wrapper {
+      border-color: @cascader-g-color-border-focus;
+    }
+  }
+
+  &-multiple:not(&-disabled):hover, &-expand {
+    border-color: @cascader-g-color-border-focus;
+  }
 }
 
 
@@ -2144,23 +2167,25 @@
 @cascader-height: var(~'@{cascader-prefix}-sizing-height', 192px);
 @cascader-menu-min-width: var(~'@{cascader-prefix}-menu-sizing-min-width', 116px);
 @cascader-menu-item-height: var(~'@{cascader-prefix}-menu-item-sizing-height', 32px);
+@cascader-menu-item-label-width: var(~'@{cascader-prefix}-menu-item-label-sizing-width', 72px);
 
 // spacing
 @cascader-menu-padding-vertical: var(~'@{cascader-prefix}-menu-spacing-padding-vertical', 8px);
 @cascader-menu-item-padding-horizontal: var(~'@{cascader-prefix}-menu-item-spacing-padding-horizontal', 12px);
 
 // colors
-@cascader-active-color: var(~'@{cascader-prefix}-color-active', #999);
 @cascader-color: var(~'@{cascader-prefix}-color-text', @color-text-primary);
 @cascader-bg-color: var(~'@{cascader-prefix}-color-background', @color-white);
 @cascader-hover-bg-color: var(~'@{cascader-prefix}-color-background-hover', @color-hover);
 @cascader-selected-color: var(~'@{cascader-prefix}-color-text-selected', @color-theme);
 @cascader-selected-bg-color: var(~'@{cascader-prefix}-color-background-selected', @color-background-ongoing);
 @cascader-disabled-color: var(~'@{cascader-prefix}-color-text-disabled', @color-disabled);
+@cascader-disabled-color-background: var(~'@{cascader-prefix}-color-background-disabled', @color-background-contain-disabled);
 @cascader-clear-color: var(~'@{cascader-prefix}-clear-color-text', #d9d9d9);
-@cascader-g-color-border-foucs: var(~'@{cascader-prefix}-color-border-foucs', @color-theme);
-@cascader-clear-color: var(~'@{cascader-prefix}-icon-clear-color-text', #d9d9d9);
 @cascader-clear-color-hover: var(~'@{cascader-prefix}-icon-clear-color-text-hover', #999);
+@cascader-g-color-border-focus: var(~'@{cascader-prefix}-color-border-foucs', @color-theme);
+@cascader-tag-disabled-color: var(~'@{cascader-prefix}-tag-disabled-color', #d9d9d9);
+@cascader-placeholder-color: var(~'@{cascader-prefix}-placeholder-color', @color-text-placeholder);
 
 // font
 @cascader-font-size: var(~'@{cascader-prefix}-font-size', @font-size-small);
@@ -2501,6 +2526,9 @@
   display: flex;
   flex-direction: column;
 
+  &-selector {
+    width: 100%;
+  }
   &-selector:hover {
     .@{city-picker-prefix-cls}-icon-active {
       color: #3761ca;
@@ -2686,6 +2714,15 @@
       align-items: center;
       justify-content: center;
     }
+
+    &.topLeft.hidden,
+    &.bottomLeft.hidden,
+    &.topRight.hidden,
+    &.bottomRight.hidden {
+      opacity: 0;
+      visibility: hidden;
+      transition: all calc(@transition-duration - 0.1s) @ease;
+    }
   }
 
   &-list {
@@ -2705,13 +2742,17 @@
         white-space: nowrap;
       }
 
-      &:hover {
+      &-active:not(&-disabled) {
         background-color: @city-picker-item-active-bg;
       }
 
       &-selected:not(&-disabled) {
         background-color: @city-picker-item-selected-bg;
         color: @city-picker-list-item-color-selected;
+
+        .@{city-picker-prefix-cls}-list-item-info {
+          color: @city-picker-list-item-color-selected;
+        }
       }
 
       &-disabled {
@@ -2720,6 +2761,13 @@
         background-color: @city-picker-disabled-option-bg;
       }
     }
+
+    & > .@{city-picker-prefix-cls}-list-item-match {
+      color: @city-picker-font-color;
+      .@{city-picker-prefix-cls}-list-item-info {
+        color: @city-picker-placeholder-color;
+      }
+    }
   }
 
   &-highlight {
@@ -2810,15 +2858,6 @@
       .over();
     }
   }
-
-  &.topLeft.hidden,
-  &.bottomLeft.hidden,
-  &.topRight.hidden,
-  &.bottomRight.hidden {
-    opacity: 0;
-    visibility: hidden;
-    transition: all calc(@transition-duration - 0.1s) @ease;
-  }
 }
 
 
@@ -2914,9 +2953,12 @@
   &-panel:last-child {
     border-top: none;
   }
-  &-panel:first-child {
+  &-panel-border&-panel:first-child {
     border-top: @collapse-border-width solid @collapse-border-color;
   }
+  &-panel-border&-panel:not(:nth-child(1)) {
+    border-top: none;
+  }
   &-panel {
     display: inline-flex;
     flex-direction: column;
@@ -5038,6 +5080,10 @@
   &-hidden {
     display: none !important;
   }
+
+  &-extra {
+    margin-bottom: calc(@form-field-spacing-margin-bottom * 2);
+  }
 }
 
 .@{field-label-cls} {
@@ -5068,7 +5114,8 @@
 
 .@{field-wrapper-cls} {
   position: relative;
-  &-message {
+
+  &-message, &-extra {
     position: absolute;
     left: -7px;
     right: 0;
@@ -5081,6 +5128,16 @@
     white-space: nowrap;
     text-overflow: ellipsis;
   }
+
+  &-extra {
+    &-message {
+      color: @form-error-color;
+    }
+
+    &-text {
+      color: @form-extra-color;
+    }
+  }
 }
 
 
@@ -5090,6 +5147,7 @@
 // color
 @form-field-color: var(~'@{form-prefix}-field-color', @color-text-secondary);
 @form-error-color: var(~'@{form-prefix}-error-color', @color-error);
+@form-extra-color: var(~'@{form-prefix}-extra-color', @color-text-third);
 
 // font
 @form-field-label-font-size: var(~'@{form-prefix}-field-label-font-size',12px);
@@ -9837,6 +9895,7 @@ textarea {
       min-width: 75px;
 
       &-content {
+        max-width: @select-item-max-width;
         .over();
 
         .@{kd-prefix}-checkbox {
@@ -10219,6 +10278,7 @@ textarea {
 @select-large-height: var(~'@{select-custom-prefix}-sizing-height-large', 36px); // 大号高度 lh:28px
 @select-middle-height: var(~'@{select-custom-prefix}-sizing-height-middle', 30px); // 中号高度lh:22px
 @select-small-height: var(~'@{select-custom-prefix}-sizing-height-small', 24px); // 小号高度lh:12px
+@select-item-max-width: var(~'@{select-custom-prefix}-item-sizing-max-width');
 
 // spacing
 @select-bordered: var(~'@{select-custom-prefix}-bordered-spacing-padding-left', 8px);
@@ -13469,6 +13529,9 @@ template {
   &-text {
     display: inline-block;
     transition: color @tab-g-motion-duration;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: @tab-pane-text-max-width;
     &-active,
     &:hover {
       color: @tabPane-font-color-active;
@@ -13711,6 +13774,7 @@ template {
 @tab-pane-type-line-height-small: var(~'@{tabs-custom-prefix}-pane-type-line-sizing-height-small', 32px);
 @tab-pane-type-line-height-middle: var(~'@{tabs-custom-prefix}-pane-type-line-sizing-height-middle', 32px);
 @tab-pane-type-dynamic-height: var(~'@{tabs-custom-prefix}-pane-type-dynamic-sizing-height', 32px);
+@tab-pane-text-max-width: var(~'@{tabs-custom-prefix}-pane-text-sizing-max-width');
 
 
 // spacing