@kdcloudjs/kdesign 1.7.22 → 1.7.24

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## [1.7.23](https://github.com/kdcloudone/kdesign/compare/v1.7.22...v1.7.23) (2023-08-18)
+
+
+### Features
+
+* 国际化token开放 取消checkbox的label的display属性修改 ([a87bdd9](https://github.com/kdcloudone/kdesign/commit/a87bdd91a4e97e5b94c595d3cd87008819315bf3))
+* 国际化token开放 取消checkbox的label的display属性修改 ([7667025](https://github.com/kdcloudone/kdesign/commit/7667025082d03a5f9cda3bd66fe166753b90065c))
+* 国际化token开放 取消checkbox的label的display属性修改 ([9015d5b](https://github.com/kdcloudone/kdesign/commit/9015d5bdf9da8ae668f6f9a17c9410b8963204d1))
+* 国际化token开放 取消checkbox的label的display属性修改 ([bd550f0](https://github.com/kdcloudone/kdesign/commit/bd550f0b7be7f82659bbc3c63dd51f25f6f5d385))
+
+
+
+## [1.7.22](https://github.com/kdcloudone/kdesign/compare/v1.7.21...v1.7.22) (2023-08-18)
+
+
+### Bug Fixes
+
+* [base-data] 修复demo中历史记录会重复的问题 fix [#361](https://github.com/kdcloudone/kdesign/issues/361) ([4967bb6](https://github.com/kdcloudone/kdesign/commit/4967bb63bcfe7ee508bc9a9e24f89e19175ad3c9))
+* [checkboxgroup]checbox.Group ConfigProver 配置不生效 [#418](https://github.com/kdcloudone/kdesign/issues/418) ([5134661](https://github.com/kdcloudone/kdesign/commit/51346614a2e4dc183801e39d29b323ec0cb14d45))
+* [cli] 更新单测 ([5241f79](https://github.com/kdcloudone/kdesign/commit/5241f797dc572bb7e4c757973b5e85a96fe04ff9))
+* [cli] 添加页面的title显示 fix [#394](https://github.com/kdcloudone/kdesign/issues/394) ([08557fa](https://github.com/kdcloudone/kdesign/commit/08557fa8b21f658069b1c56909610d651a676a72))
+* [collapse]修复边框问题 fix [#433](https://github.com/kdcloudone/kdesign/issues/433) ([3efbd79](https://github.com/kdcloudone/kdesign/commit/3efbd797205aaed04fab42039e8907eebf7baa54))
+* [dropdown] 子元素为空的时候，报错 [#421](https://github.com/kdcloudone/kdesign/issues/421) ([e2ba6ae](https://github.com/kdcloudone/kdesign/commit/e2ba6ae8617f3f52fcf7ea2ad01ccb82ed1166df))
+* [input-number] 修复文档描述与实际效果不符 fix [#420](https://github.com/kdcloudone/kdesign/issues/420) ([6e5c1be](https://github.com/kdcloudone/kdesign/commit/6e5c1be50201afcbde6dd04973990d3554eee831))
+* [input-number] 修复defaultValue不生效问题 fix [#407](https://github.com/kdcloudone/kdesign/issues/407) ([5827b20](https://github.com/kdcloudone/kdesign/commit/5827b208d4b510abb654a7346a596bf81a9f4a03))
+* [menu]修复二级菜单渲染问题 fix [#344](https://github.com/kdcloudone/kdesign/issues/344) ([bcb12f4](https://github.com/kdcloudone/kdesign/commit/bcb12f4ef377439a8e76f66ad0b5b691db3f1275))
+* [menu]修复defaultOpenKeys问题 fix [#353](https://github.com/kdcloudone/kdesign/issues/353) ([7616f25](https://github.com/kdcloudone/kdesign/commit/7616f25429801e96b7a96cda42f619449002a94a))
+* [modal] 修复button点击不失焦,按enter多次弹出modal问题 fix [#414](https://github.com/kdcloudone/kdesign/issues/414) ([3a053db](https://github.com/kdcloudone/kdesign/commit/3a053db8c657a3811958a5be9d2e07b4ee4e754c))
+* [timeline] 修复设置reverse后的视觉偏差 fix [#409](https://github.com/kdcloudone/kdesign/issues/409) ([a6d64d8](https://github.com/kdcloudone/kdesign/commit/a6d64d8d4ded6b658a5df1c5c29e17117eab08f6))
+* [tooltip]: Tooltip文字提示 没有子元素的时候报错 [#406](https://github.com/kdcloudone/kdesign/issues/406) ([6effeaa](https://github.com/kdcloudone/kdesign/commit/6effeaa8b53cfc92cd989a9bd1a118fd6be7a0f7))
+* [tree] 修复虚拟滚动节点过长无滚动条问题 fix [#530](https://github.com/kdcloudone/kdesign/issues/530) ([080b3b0](https://github.com/kdcloudone/kdesign/commit/080b3b05a3972f48e0e3b6e7962a4768dffea060))
+* [tree] 修复虚拟滚动列表高度未撑满整个树组件 fix [#526](https://github.com/kdcloudone/kdesign/issues/526) ([4ac601a](https://github.com/kdcloudone/kdesign/commit/4ac601a3d04fdc0aeae184619c60f6b86c9229b2))
+
+
+### Features
+
+* [input]新增focus/blur实例方法 fix [#523](https://github.com/kdcloudone/kdesign/issues/523) ([045d829](https://github.com/kdcloudone/kdesign/commit/045d8290afbc49565a1f143d186a1a3641cf3cbd))
+* [select] 新增focus,blur实例方法 fix [#429](https://github.com/kdcloudone/kdesign/issues/429) ([f9436c2](https://github.com/kdcloudone/kdesign/commit/f9436c24f1d0b6bfa00db698554bcba7dcdb55ed))
+
+
+
 ## [1.7.21](https://github.com/kdcloudone/kdesign/compare/v1.7.20...v1.7.21) (2023-08-11)
 
 

package/dist/kdesign-complete.less

@@ -1026,7 +1026,7 @@
 
   // 小号尺寸按钮
   &-size-small {
-    .btn-size(@btn-small-height, @btn-small-font-size, @btn-small-padding-vertical, @btn-small-padding-horizontal, @btn-small-min-width);
+    .btn-size(@btn-small-height, @btn-small-font-size, @btn-small-padding-vertical, @btn-small-padding-horizontal, @btn-small-min-width, @btn-small-max-width);
     &.@{btn-prefix-cls}-icon-only {
       font-size: @btn-icon-small-font-size;
       padding: 0 @btn-icon-padding-horizontal;
@@ -1042,7 +1042,7 @@
 
   // 中号尺寸按钮
   &-size-middle {
-    .btn-size(@btn-middle-height, @btn-middle-font-size, @btn-middle-padding-vertical, @btn-middle-padding-horizontal, @btn-middle-min-width);
+    .btn-size(@btn-middle-height, @btn-middle-font-size, @btn-middle-padding-vertical, @btn-middle-padding-horizontal, @btn-middle-min-width, @btn-middle-max-width);
     &.@{btn-prefix-cls}-icon-only {
       font-size: @btn-icon-middle-font-size;
       padding: 0 @btn-icon-padding-horizontal;
@@ -1058,7 +1058,7 @@
 
   // 大号尺寸按钮
   &-size-large {
-    .btn-size(@btn-large-height, @btn-large-font-size, @btn-large-padding-vertical, @btn-large-padding-horizontal, @btn-large-min-width);
+    .btn-size(@btn-large-height, @btn-large-font-size, @btn-large-padding-vertical, @btn-large-padding-horizontal, @btn-large-min-width, @btn-large-max-width);
     &.@{btn-prefix-cls}-icon-only {
       font-size: @btn-icon-large-font-size;
       padding: 0 @btn-icon-padding-horizontal;
@@ -1302,12 +1302,13 @@
 	color: @color;
 }
 // 各个按钮尺寸的样式Mixins
-.btn-size(@height, @font-size, @padding-vertical, @padding-horizontal, @min-width) {
+.btn-size(@height, @font-size, @padding-vertical, @padding-horizontal, @min-width,@max-width) {
 	height: @height;
 	min-width: @min-width;
 	line-height: calc(@height - (@padding-vertical * 2) - (@btn-border-width * 2));
 	font-size: @font-size;
 	padding: @padding-vertical @padding-horizontal;
+	max-width: @max-width;
 }
 // 圆形按钮不同尺寸的样式Mixins
 .btn-shape-circle-width(@width) {
@@ -1405,11 +1406,14 @@
 @btn-border-width: var(~'@{button-custom-prefix}-sizing-border', 1px);
 @btn-small-height: var(~'@{button-custom-prefix}-sizing-height-small', 24px); // 小号 高度
 @btn-small-min-width: var(~'@{button-custom-prefix}-sizing-min-width-small', 60px); // 小号 最小宽度
+@btn-small-max-width: var(~'@{button-custom-prefix}-sizing-max-width-small'); // 小号 最大宽度
 @btn-middle-height: var(~'@{button-custom-prefix}-sizing-height-middle', 28px); // 中号 高度     高度配置
 @btn-middle-min-width: var(~'@{button-custom-prefix}-sizing-min-width-middle', 60px); // 中号 最小宽度
+@btn-middle-max-width: var(~'@{button-custom-prefix}-sizing-max-width-middle'); // 中号 最大宽度
 @btn-large-height: var(~'@{button-custom-prefix}-sizing-height-large', 32px); // 大号 高度
 @btn-middle-max-width: var(~'@{button-custom-prefix}-sizing-max-width-middle'); // 中号 最大宽度
 @btn-large-min-width: var(~'@{button-custom-prefix}-sizing-min-width-large', 80px); // 大号 最小宽度
+@btn-large-max-width: var(~'@{button-custom-prefix}-sizing-max-width-large'); // 大号 最大宽度
 @btn-group-dropdown-item-height: var(~'@{button-custom-prefix}--group-dropdown-item-height', 30px);
 @btn-group-dropdown-min-width: var(~'@{button-custom-prefix}-group-dropdown-min-width', 80px);
 
@@ -2211,6 +2215,7 @@
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
+    max-width: @checkbox-default-input-label-max-width;
 
     .kd-input-underline {
       background-color: transparent;
@@ -2466,6 +2471,7 @@
 @checkbox-default-input-height: var(~'@{checkbox-prefix}-default-input-sizing-height', 14px); // 勾选输入框高度
 @checkbox-default-input-width: var(~'@{checkbox-prefix}-default-input-sizing-width', 14px); // 勾选输入框宽度
 @checkbox-default-input-border-width: var(~'@{checkbox-prefix}-default-input-border-width', 1px); // 勾选输入框边框大小 不需要
+@checkbox-default-input-label-max-width: var(~'@{checkbox-prefix}-default-input-label-max-width'); // 勾选输入框便签文本最大宽度，默认为未设置。
 @checkbox-square-triangle-height: var(~'@{checkbox-prefix}-square-triangle-sizing-height', 18px); // 边框类型右下角三角高度
 @checkbox-square-triangle-width: var(~'@{checkbox-prefix}-square-triangle-sizing-width', 18px); // 边框类型右下角三角宽度
 @checkbox-default-indeterminate-square: var(~'@{checkbox-prefix}-default-indeterminate-sizing-square', 6px); // 半选框的大小
@@ -2681,6 +2687,7 @@
     padding: 8px 0;
     max-height: 320px;
     overflow-y: auto;
+    box-sizing: content-box;
 
     // 下拉列表选项
     &-item {
@@ -4713,6 +4720,7 @@
       &-item-text {
         max-width: 224px;
         .ellipsis;
+        display: block;
       }
     }
 
@@ -4807,6 +4815,7 @@
         padding: 11px 0 10px;
         color: @color-text-third;
         line-height: 18px;
+        width: @filter-body-condition-label-width;
       }
 
       &-options {
@@ -4831,6 +4840,11 @@
         border: 1px solid transparent;
         cursor: pointer;
         white-space: nowrap;
+        max-width: @filter-body-condition-option-max-width;
+        overflow: hidden;
+        display: inline-block;
+        text-overflow: ellipsis;
+
 
         &:not(:last-child) {
           margin-right: 24px;
@@ -4971,6 +4985,10 @@
 @filter-handle-font-size: var(~'@{filter-custom-prefix}-handle-font-size', @font-size-middle);
 @filter-body-tabs-item-font-size: var(~'@{filter-custom-prefix}-body-tabs-item-font-size', @font-size-middle);
 
+//sizing
+@filter-body-condition-label-width: var(~'@{filter-custom-prefix}-body-condition-label-width');
+@filter-body-condition-option-max-width: var(~'@{filter-custom-prefix}-body-condition-option-max-width');
+
 
 
 
@@ -5012,7 +5030,7 @@
     flex-direction: column;
 
     .@{field-label-cls} {
-      margin-bottom: 5px;
+      margin-bottom: @form-field-label-spacing-margin-bottom;
     }
   }
 
@@ -5085,7 +5103,7 @@
 @form-field-spacing-margin-bottom: var(~'@{form-prefix}-field-spacing-margin-bottom', 22px);
 @form-field-message-spacing-padding-horizontal: var(~'@{form-prefix}-field-message-spacing-padding-horizontal', 2px);
 @form-field-message-spacing-padding-vertical: var(~'@{form-prefix}-field-message-spacing-padding-vertical', 8px);
-
+@form-field-label-spacing-margin-bottom: var(~'@{form-prefix}-field-label-spacing-margin-bottom', 5px);
 
 
 
@@ -6791,7 +6809,8 @@ textarea {
   position: relative;
   width: 100%;
   height: 100%;
-  min-width: 138px;
+  min-width: @menu-min-width;
+  max-width: @menu-max-width;
   background-color: @menu-color-background;
   color: @menu-sub-color;
 }
@@ -6968,6 +6987,8 @@ textarea {
 @menu-motion-duration: var(~'@{menu-prefix}-motion-duration', @duration-promptly);
 
 // sizing
+@menu-max-width: var(~'@{menu-prefix}-sizing-max-width');
+@menu-min-width: var(~'@{menu-prefix}-sizing-min-width',138px);
 @menu-item-height: var(~'@{menu-prefix}-item-sizing-height', 50px);
 
 // z-index
@@ -8543,6 +8564,9 @@ textarea {
   vertical-align: middle;
   color: @radio-font-color;
   font-size: @radio-font-size;
+  max-width: @radio-default-label-max-width;
+  overflow: hidden;
+  min-height: @radio-circle-size;
 
   &::before {
     position: absolute;
@@ -8673,6 +8697,7 @@ textarea {
   border-radius: @radius-size;
   border: @radio-border-width solid @radio-color-border;
   transition: all @transition-duration;
+  max-width: @radio-square-label-max-width;
 
   &::after {
     position: absolute;
@@ -8762,7 +8787,7 @@ textarea {
 // 按钮类型（切换按钮）
 .@{radio-button-prefix-cls} {
   .reset-component();
-
+  .ellipsis();
   // 默认状态
   position: relative;
   display: inline-block;
@@ -8780,6 +8805,7 @@ textarea {
   border: @radio-border-width solid @radio-color-border;
   border-left: none;
   transition: all @transition-duration;
+  max-width: @radio-button-label-max-width;
 
   &:first-child {
     border-radius: @radius-size 0 0 @radius-size;
@@ -8905,6 +8931,9 @@ textarea {
 // sizing
 @radio-circle-size:var(~'@{radio-prefix}-square-sizing-width-height',14px);//单选图标大小
 @radio-square-height:  var(~'@{radio-prefix}-square-sizing-height',32px);//单选框 高度
+@radio-default-label-max-width:  var(~'@{radio-prefix}-default-label-max-width');//单选默认模式 最大宽度
+@radio-square-label-max-width:  var(~'@{radio-prefix}-square-label-max-width');//单选框模式 最大宽度
+@radio-button-label-max-width:  var(~'@{radio-prefix}-button-label-max-width');//单选按 最大宽度
 
 // spacing
 @radio-margin-right:   var(~'@{radio-prefix}-spacing-margin-right',8px);
@@ -9155,6 +9184,7 @@ textarea {
         padding: 0 4px;
         align-self: center;
         .ellipsis();
+        max-width: @search-tag-max-width;
       }
       &-del {
         height: 14px;
@@ -9581,6 +9611,7 @@ textarea {
 @search-panel-height: var(~'@{search-prefix}-panel-sizing-height', 60px);
 @quick-search-dropdown-option-height: var(~'@{search-prefix}-dropdown-option-sizing-height', 32px);
 @search-sizing-border-width: var(~'@{search-prefix}-sizing-border-width', 1px);
+@search-tag-max-width: var(~'@{search-prefix}-tag-sizing-max-width');
 
 // color
 @search-icon-color: var(~'@{search-prefix}-icon-color', #B2B2B2);
@@ -9760,10 +9791,10 @@ textarea {
     left: 0;
     z-index: @select-z-index;
     box-sizing: border-box;
-    padding: 8px 0; // update
+    padding: @select-dropdown-padding-vertical 0;
     margin: 0;
     overflow: auto;
-    font-size: @select-list-font-size; // update
+    font-size: @select-list-font-size;
     font-variant: initial;
     background-color: @select-dropdown-bg;
     border-radius: @select-g-radius-border;
@@ -9787,6 +9818,12 @@ textarea {
     }
   }
 
+  &-multiple-dropdown-panel {
+    .@{select-prefix-cls}-dropdown {
+      padding-bottom: 0;
+    }
+  }
+
   // 下拉列表选项
   &-item {
     .item();
@@ -10032,8 +10069,8 @@ textarea {
       align-items: center;
       width: 100%;
       padding: 0 12px;
-      height: 32px;
-      line-height: 32px;
+      height: 40px;
+      line-height: 40px;
       border-top: 1px solid #d9d9d9;
       box-sizing: border-box;
 
@@ -10142,7 +10179,6 @@ textarea {
 
 @select-custom-prefix: ~'--@{kd-prefix}-c-select';
 
-
 // color
 @select-dropdown-bg: var(~'@{select-custom-prefix}-dropdown-color-background', @color-background);
 @select-disabled-option-bg: var(~'@{select-custom-prefix}-item-color-background-disabled', #fff);
@@ -10185,6 +10221,7 @@ textarea {
 // spacing
 @select-bordered: var(~'@{select-custom-prefix}-bordered-spacing-padding-left', 8px);
 @select-wrapper-padding: var(~'@{select-custom-prefix}-wrapper-spacing-padding', 1px 28px 1px 0);
+@select-dropdown-padding-vertical: var(~'@{select-custom-prefix}-dropdown-spacing-padding-vertical', 8px);
 
 // radius
 @select-g-radius-border: var(~'@{select-custom-prefix}-radius-border', @radius-border);
@@ -11495,12 +11532,15 @@ textarea {
 .slide-motion(topLeft, kdSlideDown, kd-cascader-menus);
 .slide-motion(bottomLeft, kdSlideUp, kd-cascader-menus);
 
-.slide-motion(topLeft, kdSlideDown, kd-select);
-.slide-motion(bottomLeft, kdSlideUp, kd-select);
+.slide-motion(topLeft, kdSlideDown, kd-select-dropdown-panel);
+.slide-motion(bottomLeft, kdSlideUp, kd-select-dropdown-panel);
 
 .slide-motion(topLeft, kdSlideDown, kd-date-picker-panel);
 .slide-motion(bottomLeft, kdSlideUp, kd-date-picker-panel);
 
+.slide-motion(topLeft, kdSlideDown, kd-city-picker-dropdown);
+.slide-motion(bottomLeft, kdSlideUp, kd-city-picker-dropdown);
+
 @keyframes kdSlideCenterIn {
   0% {
     opacity: 0;
@@ -13692,15 +13732,15 @@ template {
   }
 
   &-size-small {
-    .tag-size(@tag-small-font-size, @tag-small-height, @tag-small-padding-horizontal);
+    .tag-size(@tag-small-font-size, @tag-small-height, @tag-small-padding-horizontal, @tag-max-width, @tag-min-width);
   }
 
   &-size-middle {
-    .tag-size(@tag-middle-font-size, @tag-middle-height, @tag-middle-padding-horizontal);
+    .tag-size(@tag-middle-font-size, @tag-middle-height, @tag-middle-padding-horizontal, @tag-max-width, @tag-min-width);
   }
 
   &-size-large {
-    .tag-size(@tag-large-font-size, @tag-large-height, @tag-large-padding-horizontal);
+    .tag-size(@tag-large-font-size, @tag-large-height, @tag-large-padding-horizontal, @tag-max-width, @tag-min-width);
   }
 
   transition: all @tag-g-motion-duration;
@@ -13813,7 +13853,7 @@ template {
 
 
 // code component mixin here
-.tag-size(@size, @height, @padding) {
+.tag-size(@size, @height, @padding, @max-width, @min-width) {
   font-size: @size;
   height: @height;
   box-sizing: border-box;
@@ -13822,6 +13862,8 @@ template {
   vertical-align: middle;
   padding: 0 @padding;
   border-radius:  calc(@height / 2);
+  max-width: @max-width;
+  min-width: @min-width;
 }
 .tag-status(@color) {
   border: 1px solid @color;
@@ -13880,6 +13922,8 @@ template {
 @tag-small-height: var(~'@{tag-custom-prefix}-sizing-height-small', 20px);
 @tag-middle-height: var(~'@{tag-custom-prefix}-sizing-height-middle', 20px);
 @tag-large-height: var(~'@{tag-custom-prefix}-sizing-height-large', 24px);
+@tag-max-width: var(~'@{tag-custom-prefix}-sizing-max-width');
+@tag-min-width: var(~'@{tag-custom-prefix}-sizing-min-width');
 
 // spacing
 @tag-small-padding-horizontal: var(~'@{tag-custom-prefix}-spacing-padding-horizontal-small', 6px);
@@ -13901,6 +13945,7 @@ template {
   overflow: hidden;
   list-style: none;
 
+
   .@{timeline-item-prefix-cls} {
     .reset-component;
     position: relative;
@@ -13972,6 +14017,8 @@ template {
       margin: 0 0 0 calc(2 * (@timeline-dot-size - @timeline-width) + @timeline-gap);
       word-break: break-word;
       color: @timeline-content-color-text;
+      max-width: @timeline-content-max-width;
+      min-width: @timeline-content-min-width;
 
       > * {
         margin: 0;
@@ -14171,6 +14218,8 @@ template {
 
 // sizing
 @timeline-width: var(~'@{timeline-prefix}-sizing-width',1px);
+@timeline-content-max-width: var(~'@{timeline-prefix}-content-sizing-max-width');
+@timeline-content-min-width: var(~'@{timeline-prefix}-content-sizing-min-width');
 
 // spacing
 @timeline-item-padding-bottom: var(~'@{timeline-prefix}-spacing-padding-bottom',24px);
@@ -14260,12 +14309,12 @@ template {
   &-list {
     display: flex;
     flex-direction: column;
-    width: 250px;
+    width: @transfer-list-width;
     min-height: 300px;
     border: 1px solid @transfer-border-color;
 
     &-with-pagination {
-      width: 250px;
+      width: @transfer-list-width;
       height: auto;
     }
 
@@ -14445,6 +14494,7 @@ template {
 @transfer-header-height: var(~'@{transfer-custom-prefix}-header-sizing-height', 36px);
 @transfer-search-height: var(~'@{transfer-custom-prefix}-search-sizing-height', 32px);
 @transfer-pagination-height: var(~'@{transfer-custom-prefix}-pagination-sizing-height', 36px);
+@transfer-list-width: var(~'@{transfer-custom-prefix}-list-sizing-width', 250px);
 
 // spacing
 @transfer-padding-base: var(~'@{transfer-custom-prefix}-spacing-horizontal', 14px);
@@ -14470,6 +14520,8 @@ template {
   color: @tree-color-text;
   margin-left: @tree-margin-left;
   padding: @tree-padding-vertical 0;
+  max-width: @tree-root-max-width;
+  min-width: @tree-root-min-width;
   &-root {
     min-width: 100%;
     flex-shrink: 0;
@@ -14684,6 +14736,8 @@ template {
 @tree-expand-icon-loading-width: var(~'@{tree-prefix}-expand-icon-loading-sizing-width', 16px);
 @tree-node-icon-height: var(~'@{tree-prefix}-node-icon-sizing-height', 16px);
 @tree-node-icon-width: var(~'@{tree-prefix}-node-icon-sizing-width', 16px);
+@tree-root-max-width: var(~'@{tree-prefix}-root-sizing-max-width');
+@tree-root-min-width: var(~'@{tree-prefix}-root-sizing-min-width');
 
 // spacing
 @tree-margin-left: var(~'@{tree-prefix}-spacing-margin-left', 0px);