@kdcloudjs/kdesign 1.7.24 → 1.7.26

package/CHANGELOG.md

@@ -1,3 +1,49 @@
+## [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)
+
+
+### Bug Fixes
+
+* [city-picker] 修复国内版页签切换到国际/中国港澳台时下拉面板显示问题 fix [#539](https://github.com/kdcloudone/kdesign/issues/539) ([fa4ca55](https://github.com/kdcloudone/kdesign/commit/fa4ca552c56fdc8c5bf8bcb25f87f8cd5849aa92))
+* [city-picker] 修复下拉面板动效与选择器不一致问题 fix [#548](https://github.com/kdcloudone/kdesign/issues/548) ([d5a6b66](https://github.com/kdcloudone/kdesign/commit/d5a6b66c35f9c5d56b9f3db31dd90cb4d6e16801))
+* [city-picker] 修复下拉面板最后一行显示不全 fix [#549](https://github.com/kdcloudone/kdesign/issues/549) ([1a4a997](https://github.com/kdcloudone/kdesign/commit/1a4a9976647e155a430edc849d2fab2932c74858))
+* [cli] 更新input ref导致的报错 ([247aa40](https://github.com/kdcloudone/kdesign/commit/247aa40089a6ec02e78d406f4c78d3777bd9c954))
+* [select] 修复下拉面板样式与视觉稿差异 fix [#543](https://github.com/kdcloudone/kdesign/issues/543) ([8db7d64](https://github.com/kdcloudone/kdesign/commit/8db7d642fab36ecfca6c41882bf9bdb47fed4145))
+* [select] 修复showSearch为false时focus后直接enter键报错问题 fix [#547](https://github.com/kdcloudone/kdesign/issues/547) ([ce51857](https://github.com/kdcloudone/kdesign/commit/ce51857bb7f92bfb1c869fa7ca5193602417a127))
+* [table] 更新版本 ([bdc1ead](https://github.com/kdcloudone/kdesign/commit/bdc1ead18102917635e7091dace5ef6d27f1475d))
+* [usepopper] 修复由于ref返回值变化导致报错 fix [#538](https://github.com/kdcloudone/kdesign/issues/538) ([c7da260](https://github.com/kdcloudone/kdesign/commit/c7da26013149acbc64d1766817c9fd891f917492))
+* fix: [radio] 修复没有文本的时候radio消失的问题 fix [#544](https://github.com/kdcloudone/kdesign/issues/544) ([63ad3f4](https://github.com/kdcloudone/kdesign/commit/63ad3f4941923110125346d86658244c6d397f5d))
+
+
+### Features
+
+* [city-picker] 新增切换页签时的回调 fix [#536](https://github.com/kdcloudone/kdesign/issues/536) ([e36057e](https://github.com/kdcloudone/kdesign/commit/e36057ed966a744c04dee7e91250f3e21011e03e))
+* [input-number] 新增键盘事件回调 fix [#529](https://github.com/kdcloudone/kdesign/issues/529) ([808cf0b](https://github.com/kdcloudone/kdesign/commit/808cf0b19b5b6276faf1562ca200117e203720b1))
+
+
+
 ## [1.7.23](https://github.com/kdcloudone/kdesign/compare/v1.7.22...v1.7.23) (2023-08-18)
 
 

package/dist/kdesign-complete.less

@@ -1840,22 +1840,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 +1866,7 @@
   }
 
   &-input {
-    background-color: transparent !important;
+    background-color: transparent;
     transition: all 0.2s;
 
     > input {
@@ -1891,10 +1875,7 @@
     }
 
     &.expand {
-      border-color: @cascader-active-color;
-
       i[class*='kdicon'] {
-        color: @cascader-active-color;
         transform: rotate(180deg);
       }
     }
@@ -1933,7 +1914,7 @@
     transform: scale(0.9) translateY(-50%);
 
     &:hover {
-      color: @cascader-active-color;
+      color: @cascader-clear-color-hover;
     }
   }
 }
@@ -2045,6 +2026,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 +2042,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 +2082,6 @@
         transform: rotate(0deg);
         transition: transform calc(@transition-duration - 0.1s) @ease;
       }
-
-      &-focus {
-        color: @cascader-g-color-border-foucs;
-      }
     }
 
     &-clear {
@@ -2113,6 +2096,7 @@
       }
     }
   }
+
   &-tag {
     &-describe {
       font-size: 12px;
@@ -2124,7 +2108,6 @@
       &-content {
         display: inline-flex;
         align-items: center;
-        vertical-align: middle;
         padding: 0 7px;
         overflow: hidden;
         white-space: nowrap;
@@ -2134,6 +2117,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;
+  }
 }
 
 
@@ -2150,17 +2172,18 @@
 @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 +2524,9 @@
   display: flex;
   flex-direction: column;
 
+  &-selector {
+    width: 100%;
+  }
   &-selector:hover {
     .@{city-picker-prefix-cls}-icon-active {
       color: #3761ca;
@@ -2646,6 +2672,11 @@
         &-type-line {
           padding: 0 12px;
           font-size: 12px;
+
+          .@{kd-prefix}-tab-pane-text {
+            .over();
+            width: 100%;
+          }
         }
       }
     }
@@ -2691,14 +2722,10 @@
 
     // 下拉列表选项
     &-item {
+      .over();
       .item();
-      display: flex;
       cursor: pointer;
 
-      &-content {
-        .over();
-      }
-
       &-info {
         color: @city-picker-placeholder-color;
         white-space: nowrap;
@@ -2710,6 +2737,11 @@
 
       &-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 {
@@ -2718,10 +2750,17 @@
         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 {
-    color: #5582f3;
+    color: @city-picker-highlight-color;
   }
 
   // 选择器框大小
@@ -2856,7 +2895,7 @@
 @city-picker-dropdown-bg: var(~'@{city-picker-custom-prefix}-dropdown-color-background', @color-background);
 @city-picker-disabled-option-bg: var(~'@{city-picker-custom-prefix}-item-color-background-disabled', #fff);
 @city-picker-item-active-bg: var(~'@{city-picker-custom-prefix}-color-background', #f5f5f5);
-@city-picker-item-selected-bg: var(~'@{city-picker-custom-prefix}-color-background-selected', #f2f6ff);
+@city-picker-item-selected-bg: var(~'@{city-picker-custom-prefix}-color-background-selected', @color-theme-3);
 @city-picker-g-color-border: var(~'@{city-picker-custom-prefix}-color-border', @color-input);
 @city-picker-g-color-border-foucs: var(~'@{city-picker-custom-prefix}-color-border-foucs', @color-theme);
 @city-picker-g-color-border-hover: var(~'@{city-picker-custom-prefix}-color-border-hover', @color-theme);
@@ -2866,12 +2905,11 @@
 @city-picker-g-item-text-color-disabled: var(~'@{city-picker-custom-prefix}-item-color-text-disabled', @color-disabled);
 @city-picker-color-background-disabled: var(~'@{city-picker-custom-prefix}-color-background-disabled', #fff);
 @city-picker-color-text-disabled: var(~'@{city-picker-custom-prefix}-color-text-disabled', @color-disabled);
-@city-picker-arrow-icon-color-text-disabled: var(
-  ~'@{city-picker-custom-prefix}-arrow-icon-color-text-disabled',
-  #b2b2b2
-);
+@city-picker-arrow-icon-color-text-disabled: var(~'@{city-picker-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
 @city-picker-clear-color: var(~'@{city-picker-custom-prefix}-icon-clear-color-text', #d9d9d9);
 @city-picker-clear-color-hover: var(~'@{city-picker-custom-prefix}-icon-clear-color-text-hover', #999);
+@city-picker-list-item-color-selected: var(~'@{city-picker-custom-prefix}-list-item-color-text-selected', @color-theme);
+@city-picker-highlight-color: var(~'@{city-picker-custom-prefix}-highlight-color-text', @color-theme);
 
 // font
 @city-picker-list-font-size: var(~'@{city-picker-custom-prefix}-dropdown-font-size', 12px); // 下拉列表文字大小
@@ -2913,9 +2951,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;
@@ -5037,6 +5078,10 @@
   &-hidden {
     display: none !important;
   }
+
+  &-extra {
+    margin-bottom: calc(@form-field-spacing-margin-bottom * 2);
+  }
 }
 
 .@{field-label-cls} {
@@ -5067,7 +5112,8 @@
 
 .@{field-wrapper-cls} {
   position: relative;
-  &-message {
+
+  &-message, &-extra {
     position: absolute;
     left: -7px;
     right: 0;
@@ -5080,6 +5126,16 @@
     white-space: nowrap;
     text-overflow: ellipsis;
   }
+
+  &-extra {
+    &-message {
+      color: @form-error-color;
+    }
+
+    &-text {
+      color: @form-extra-color;
+    }
+  }
 }
 
 
@@ -5089,6 +5145,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);
@@ -8602,6 +8659,7 @@ textarea {
   &-input {
     position: absolute;
     opacity: 0;
+    left: 0;
   }
 
   &>span {

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.23
+ *   @kdcloudjs/kdesign v1.7.25
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4549,17 +4549,6 @@ template {
   cursor: pointer;
   background: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff));
 }
-.kd-cascader-picker:focus > .kd-cascader-picker-input {
-  border-color: var(--kd-c-cascader-color-active, #999);
-}
-.kd-cascader-picker:focus > .kd-cascader-picker-input .kd-input-suffix,
-.kd-cascader-picker:focus > .kd-cascader-picker-input i[class*='kdicon'] {
-  color: var(--kd-c-cascader-color-active, #999);
-}
-.kd-cascader-picker:hover > .kd-cascader-picker-input .kd-input-suffix,
-.kd-cascader-picker:hover > .kd-cascader-picker-input i[class*='kdicon'] {
-  color: var(--kd-c-cascader-color-active, #999);
-}
 .kd-cascader-picker.disabled .kd-cascader-picker-input {
   cursor: not-allowed;
   border-color: var(--kd-g-color-border-strong, #d9d9d9);
@@ -4585,7 +4574,7 @@ template {
   text-overflow: ellipsis;
 }
 .kd-cascader-picker-input {
-  background-color: transparent !important;
+  background-color: transparent;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
 }
@@ -4593,11 +4582,7 @@ template {
   color: transparent !important;
   cursor: pointer;
 }
-.kd-cascader-picker-input.expand {
-  border-color: var(--kd-c-cascader-color-active, #999);
-}
 .kd-cascader-picker-input.expand i[class*='kdicon'] {
-  color: var(--kd-c-cascader-color-active, #999);
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
@@ -4627,7 +4612,7 @@ template {
   opacity: 0;
   cursor: pointer;
   visibility: hidden;
-  color: var(--kd-c-cascader-icon-clear-color-text, #d9d9d9);
+  color: var(--kd-c-cascader-clear-color-text, #d9d9d9);
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-transform-origin: 50% 50%;
@@ -4636,7 +4621,7 @@ template {
           transform: scale(0.9) translateY(-50%);
 }
 .kd-cascader-picker-close:hover {
-  color: var(--kd-c-cascader-color-active, #999);
+  color: var(--kd-c-cascader-icon-clear-color-text-hover, #999);
 }
 .kd-cascader-menus {
   -webkit-box-sizing: border-box;
@@ -4749,6 +4734,10 @@ template {
   border-bottom: 1px solid #d9d9d9;
   background: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff));
 }
+.kd-cascader-multiple:not(.kd-cascader-disabled):focus {
+  border-color: var(--kd-c-cascader-color-text-selected, var(--kd-g-color-theme, #5582f3));
+  outline: none;
+}
 .kd-cascader-multiple-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -4762,7 +4751,8 @@ template {
 }
 .kd-cascader-placeholder {
   position: absolute;
-  color: #999;
+  font-size: 14px;
+  color: var(--kd-c-cascader-placeholder-color, var(--kd-g-color-text-placeholder, #ccc));
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -4817,9 +4807,6 @@ template {
   transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
 }
-.kd-cascader-icon-arrow-focus {
-  color: var(--kd-c-cascader-color-border-foucs, var(--kd-g-color-theme, #5582f3));
-}
 .kd-cascader-icon-clear {
   opacity: 0;
   z-index: 1;
@@ -4827,7 +4814,7 @@ template {
   background: #fff;
   -webkit-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
-  color: var(--kd-c-cascader-icon-clear-color-text, #d9d9d9);
+  color: var(--kd-c-cascader-clear-color-text, #d9d9d9);
 }
 .kd-cascader-icon-clear:hover {
   color: var(--kd-c-cascader-icon-clear-color-text-hover, #999);
@@ -4849,7 +4836,6 @@ template {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  vertical-align: middle;
   padding: 0 7px;
   overflow: hidden;
   white-space: nowrap;
@@ -4857,6 +4843,36 @@ template {
   border: 1px solid #ccc;
   color: #212121;
 }
+.kd-cascader-disabled {
+  cursor: not-allowed;
+}
+.kd-cascader-disabled .kd-cascader-picker-label {
+  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
+.kd-cascader-disabled .kd-cascader-picker-input {
+  background-color: var(--kd-c-cascader-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
+}
+.kd-cascader-disabled .kd-cascader-picker-input > input {
+  background-color: var(--kd-c-cascader-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
+}
+.kd-cascader-disabled.kd-cascader-multiple {
+  background-color: var(--kd-c-cascader-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
+}
+.kd-cascader-disabled .kd-cascader-suffix {
+  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
+.kd-cascader-disabled .kd-cascader-tag-describe-content {
+  color: var(--kd-c-cascader-tag-disabled-color, #d9d9d9);
+  border-color: var(--kd-c-cascader-tag-disabled-color, #d9d9d9);
+}
+.kd-cascader-picker:not(.kd-cascader-disabled):hover .kd-input-wrapper,
+.kd-cascader-expand .kd-input-wrapper {
+  border-color: var(--kd-c-cascader-color-border-foucs, var(--kd-g-color-theme, #5582f3));
+}
+.kd-cascader-multiple:not(.kd-cascader-disabled):hover,
+.kd-cascader-expand {
+  border-color: var(--kd-c-cascader-color-border-foucs, var(--kd-g-color-theme, #5582f3));
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -5384,6 +5400,9 @@ template {
       -ms-flex-direction: column;
           flex-direction: column;
 }
+.kd-city-picker-selector {
+  width: 100%;
+}
 .kd-city-picker-selector:hover .kd-city-picker-icon-active {
   color: #3761ca;
 }
@@ -5527,6 +5546,12 @@ template {
   padding: 0 12px;
   font-size: 12px;
 }
+.kd-city-picker-dropdown .kd-tabs-tab-list .kd-tab-pane-type-line .kd-tab-pane-text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: 100%;
+}
 .kd-city-picker-dropdown .kd-tabs-noContainer {
   height: unset;
 }
@@ -5574,6 +5599,9 @@ template {
           box-sizing: content-box;
 }
 .kd-city-picker-list-item {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
   position: relative;
   display: block;
   font-weight: normal;
@@ -5582,16 +5610,8 @@ template {
   padding: 5px 12px;
   color: var(--kd-c-city-picker-footer-color-text, var(--kd-g-color-text-primary, #212121));
   line-height: var(--kd-c-city-picker-dropdown-line-height, 22px);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   cursor: pointer;
 }
-.kd-city-picker-list-item-content {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
 .kd-city-picker-list-item-info {
   color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2);
   white-space: nowrap;
@@ -5600,15 +5620,25 @@ template {
   background-color: var(--kd-c-city-picker-color-background, #f5f5f5);
 }
 .kd-city-picker-list-item-selected:not(.kd-city-picker-list-item-disabled) {
-  background-color: var(--kd-c-city-picker-color-background-selected, #f2f6ff);
+  background-color: var(--kd-c-city-picker-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
+  color: var(--kd-c-city-picker-list-item-color-text-selected, var(--kd-g-color-theme, #5582f3));
+}
+.kd-city-picker-list-item-selected:not(.kd-city-picker-list-item-disabled) .kd-city-picker-list-item-info {
+  color: var(--kd-c-city-picker-list-item-color-text-selected, var(--kd-g-color-theme, #5582f3));
 }
 .kd-city-picker-list-item-disabled {
   color: var(--kd-c-city-picker-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
   cursor: not-allowed;
   background-color: var(--kd-c-city-picker-item-color-background-disabled, #fff);
 }
+.kd-city-picker-list > .kd-city-picker-list-item-match {
+  color: var(--kd-c-city-picker-footer-color-text, var(--kd-g-color-text-primary, #212121));
+}
+.kd-city-picker-list > .kd-city-picker-list-item-match .kd-city-picker-list-item-info {
+  color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2);
+}
 .kd-city-picker-highlight {
-  color: #5582f3;
+  color: var(--kd-c-city-picker-highlight-color-text, var(--kd-g-color-theme, #5582f3));
 }
 .kd-city-picker-size-small {
   min-height: var(--kd-c-city-picker-sizing-height-small, 24px);
@@ -5835,9 +5865,12 @@ template {
 .kd-collapse-panel:last-child {
   border-top: none;
 }
-.kd-collapse-panel:first-child {
+.kd-collapse-panel-border.kd-collapse-panel:first-child {
   border-top: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9));
 }
+.kd-collapse-panel-border.kd-collapse-panel:not(:nth-child(1)) {
+  border-top: none;
+}
 .kd-collapse-panel {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -8419,6 +8452,9 @@ template {
 .kd-form-field-hidden {
   display: none !important;
 }
+.kd-form-field-extra {
+  margin-bottom: calc(var(--kd-c-form-field-spacing-margin-bottom, 22px) * 2);
+}
 .kd-form-field-label {
   font-size: var(--kd-c-form-field-label-font-size, 12px);
   line-height: var(--kd-c-form-field-label-line-height, 18px);
@@ -8445,7 +8481,8 @@ template {
 .kd-form-field-wrapper {
   position: relative;
 }
-.kd-form-field-wrapper-message {
+.kd-form-field-wrapper-message,
+.kd-form-field-wrapper-extra {
   position: absolute;
   left: -7px;
   right: 0;
@@ -8458,6 +8495,12 @@ template {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.kd-form-field-wrapper-extra-message {
+  color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323));
+}
+.kd-form-field-wrapper-extra-text {
+  color: var(--kd-c-form-extra-color, var(--kd-g-color-text-third, #999));
+}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -13563,6 +13606,7 @@ textarea {
 .kd-radio-input {
   position: absolute;
   opacity: 0;
+  left: 0;
 }
 .kd-radio > span {
   padding: 0 6px 0 var(--kd-c-radio-spacing-padding-left, 4px);