@kdcloudjs/kdesign 1.7.26 → 1.7.28

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## [1.7.27](https://github.com/kdcloudone/kdesign/compare/v1.7.26...v1.7.27) (2023-09-15)
+
+
+### Bug Fixes
+
+* [city-picker] 修复国内版常用面板无省份数据时显示国家名 fix [#576](https://github.com/kdcloudone/kdesign/issues/576) ([9783592](https://github.com/kdcloudone/kdesign/commit/9783592babfdaed9044ab9624b43922999163905))
+* [city-picker] 修复下拉面板不关闭问题 fix [#575](https://github.com/kdcloudone/kdesign/issues/575) ([e274112](https://github.com/kdcloudone/kdesign/commit/e274112c10e53963233545fc4b16174d16c4ee68))
+
+
+### Features
+
+* [city-picker] 新增快捷键功能 fix [#582](https://github.com/kdcloudone/kdesign/issues/582) ([4ee705c](https://github.com/kdcloudone/kdesign/commit/4ee705c43cc29c96bb497a42ffa3d46e8a657b03))
+* [cli] 添加开发新组件说明文档 ([5d23b02](https://github.com/kdcloudone/kdesign/commit/5d23b029c3c10bba0099d885ec255ad9f48e150f))
+* 国际化专项token开放第二批组件 ([fd2e704](https://github.com/kdcloudone/kdesign/commit/fd2e7044c7622c2e585242b030ba1fd58dfe201a))
+
+
+
+## [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)
 
 

package/dist/default-theme.js

@@ -216,7 +216,7 @@ module.exports = {
   "radio-border-width": "1px",
   "radio-margin-right": "8px",
   "radio-transition-fn": "cubic-bezier(0.075, 0.82, 0.165, 1)",
-  "radio-circle-size": "13px",
+  "radio-circle-size": "14px",
   "radio-square-height": "32px",
   "radio-square-padding": "0 20px",
   "radio-button-height": "24px",

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);
@@ -1972,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 {
@@ -2166,6 +2167,7 @@
 @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);
@@ -2568,6 +2570,7 @@
       opacity: 0;
       z-index: 1;
       position: absolute;
+      top: 0;
       background: #fff;
       transition: opacity 0.15s ease;
       &:hover {
@@ -2584,6 +2587,10 @@
     text-overflow: ellipsis;
     right: 24px;
     left: 0;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
   }
 
   &-borderless {
@@ -2712,6 +2719,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 {
@@ -2731,7 +2747,7 @@
         white-space: nowrap;
       }
 
-      &:hover {
+      &-active:not(&-disabled) {
         background-color: @city-picker-item-active-bg;
       }
 
@@ -2778,6 +2794,8 @@
 
   &-suffix {
     right: 0;
+    top: 0;
+    bottom: 0;
     position: absolute;
     display: flex;
     flex: 0;
@@ -2847,15 +2865,6 @@
       .over();
     }
   }
-
-  &.topLeft.hidden,
-  &.bottomLeft.hidden,
-  &.topRight.hidden,
-  &.bottomRight.hidden {
-    opacity: 0;
-    visibility: hidden;
-    transition: all calc(@transition-duration - 0.1s) @ease;
-  }
 }
 
 
@@ -9893,6 +9902,7 @@ textarea {
       min-width: 75px;
 
       &-content {
+        max-width: @select-item-max-width;
         .over();
 
         .@{kd-prefix}-checkbox {
@@ -10275,6 +10285,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);
@@ -12583,7 +12594,7 @@ template {
 @radio-border-width: 1px;
 @radio-margin-right: 8px;
 @radio-transition-fn: cubic-bezier(0.075, 0.82, 0.165, 1);
-@radio-circle-size: 13px;
+@radio-circle-size: 14px;
 @radio-square-height: 32px;
 @radio-square-padding: 0 20px;
 @radio-button-height: 24px;
@@ -13009,6 +13020,7 @@ template {
 
 /* -----------  AdvancedSelector  ——————---- end */
 
+
 @global-custom-prefix: '--@{kd-prefix}-g';
 
 @color-theme: var(~'@{global-custom-prefix}-color-theme', @theme-color);
@@ -13525,6 +13537,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;
@@ -13767,6 +13782,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

package/dist/kdesign.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.25
+ *   @kdcloudjs/kdesign v1.7.27
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -2540,7 +2540,7 @@ template {
 }
 .kd-anchor-menu .kd-anchor-link-title {
   display: inline-block;
-  max-width: 96px;
+  max-width: var(--kd-c-anchor-horizontal-link-sizing-max-width, 96px);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -4686,13 +4686,13 @@ template {
   background-color: var(--kd-c-cascader-color-background-selected, var(--kd-g-color-background-ongoing, #f2f9ff));
 }
 .kd-cascader-menus .kd-cascader-menu-item-label {
-  width: 72px;
+  width: var(--kd-c-cascader-menu-item-label-sizing-width, 72px);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 .kd-cascader-menus .kd-cascader-menu-item.last .kd-cascader-menu-item-label {
-  width: 92px;
+  width: calc(var(--kd-c-cascader-menu-item-label-sizing-width, 72px) + 20px);
 }
 .kd-cascader-menus .kd-cascader-menu-item .kd-cascader-checkbox {
   margin-right: 5px;
@@ -5445,6 +5445,7 @@ template {
   opacity: 0;
   z-index: 1;
   position: absolute;
+  top: 0;
   background: #fff;
   -webkit-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
@@ -5460,6 +5461,14 @@ template {
   text-overflow: ellipsis;
   right: 24px;
   left: 0;
+  top: 0;
+  bottom: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .kd-city-picker-borderless {
   border: none;
@@ -5591,6 +5600,15 @@ template {
       -ms-flex-pack: center;
           justify-content: center;
 }
+.kd-city-picker-dropdown.topLeft.hidden,
+.kd-city-picker-dropdown.bottomLeft.hidden,
+.kd-city-picker-dropdown.topRight.hidden,
+.kd-city-picker-dropdown.bottomRight.hidden {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+}
 .kd-city-picker-list {
   padding: 8px 0;
   max-height: 320px;
@@ -5616,7 +5634,7 @@ template {
   color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2);
   white-space: nowrap;
 }
-.kd-city-picker-list-item:hover {
+.kd-city-picker-list-item-active:not(.kd-city-picker-list-item-disabled) {
   background-color: var(--kd-c-city-picker-color-background, #f5f5f5);
 }
 .kd-city-picker-list-item-selected:not(.kd-city-picker-list-item-disabled) {
@@ -5657,6 +5675,8 @@ template {
 }
 .kd-city-picker-suffix {
   right: 0;
+  top: 0;
+  bottom: 0;
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -5737,15 +5757,6 @@ template {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.kd-city-picker.topLeft.hidden,
-.kd-city-picker.bottomLeft.hidden,
-.kd-city-picker.topRight.hidden,
-.kd-city-picker.bottomRight.hidden {
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
-  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
-}
 
 /* -----------  color  ——————---- start */
 /* -----------  color  ——————---- end */
@@ -15243,6 +15254,7 @@ textarea {
   min-width: 75px;
 }
 .kd-select-item-option-content {
+  max-width: var(--kd-c-select-item-sizing-max-width);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -17857,6 +17869,9 @@ textarea {
   display: inline-block;
   -webkit-transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s));
   transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s));
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: var(--kd-c-tabs-pane-text-sizing-max-width);
 }
 .kd-tab-pane-text-active,
 .kd-tab-pane-text:hover {